@dskripchenko/ui 1.8.0 → 1.9.0

package/dist/index.mjs

@@ -380,15 +380,31 @@ function st(e, t, n) {
 	};
 }
 //#endregion
+//#region src/composables/useControlAttrs.ts
+function ct() {
+	let e = R();
+	return {
+		rootAttrs: () => ({
+			class: e.class,
+			style: e.style
+		}),
+		controlAttrs: () => {
+			let t = {};
+			for (let n of Object.keys(e)) n !== "class" && n !== "style" && (t[n] = e[n]);
+			return t;
+		}
+	};
+}
+//#endregion
 //#region src/components/Input/UidInput.vue?vue&type=script&setup=true&lang.ts
-var ct = ["for"], lt = {
+var lt = ["for"], ut = {
 	key: 0,
 	class: "uid-input-field__required",
 	"aria-hidden": "true"
-}, ut = { class: "uid-input-field__control" }, dt = {
+}, dt = { class: "uid-input-field__control" }, ft = {
 	key: 0,
 	class: "uid-input-field__prepend"
-}, ft = [
+}, pt = [
 	"id",
 	"type",
 	"name",
@@ -399,10 +415,11 @@ var ct = ["for"], lt = {
 	"autocomplete",
 	"aria-invalid",
 	"aria-describedby"
-], pt = {
+], mt = {
 	key: 1,
 	class: "uid-input-field__append"
-}, mt = ["id"], ht = /* @__PURE__ */ f({
+}, ht = ["id"], gt = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidInput",
 	props: /* @__PURE__ */ g({
 		type: { default: "text" },
@@ -433,29 +450,29 @@ var ct = ["for"], lt = {
 	}),
 	emits: /* @__PURE__ */ g(["blur", "focus"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, o = B(e, "modelValue"), d = r.id ?? z(), { error: f, validate: p, onBlur: m } = st(o, a(() => r.rules), {
-			name: r.name,
-			label: r.label
-		}), h = a(() => r.error || f.value), g = a(() => !!h.value), _ = a(() => h.value || r.hint);
-		function v(e) {
-			m(), i("blur", e);
+		let { rootAttrs: r, controlAttrs: i } = ct(), o = e, d = n, f = B(e, "modelValue"), p = o.id ?? z(), { error: m, validate: h, onBlur: g } = st(f, a(() => o.rules), {
+			name: o.name,
+			label: o.label
+		}), v = a(() => o.error || m.value), b = a(() => !!v.value), x = a(() => v.value || o.hint);
+		function S(e) {
+			g(), d("blur", e);
 		}
-		return t({ validate: p }), (t, n) => (T(), c("div", { class: y(["uid-input-field", [
+		return t({ validate: h }), (t, n) => (T(), c("div", _(L(r)(), { class: ["uid-input-field", [
 			`uid-input-field--${e.size}`,
-			g.value && "uid-input-field--error",
+			b.value && "uid-input-field--error",
 			e.disabled && "uid-input-field--disabled",
 			e.readonly && "uid-input-field--readonly"
-		]]) }, [
+		]] }), [
 			e.label ? (T(), c("label", {
 				key: 0,
-				for: L(d),
+				for: L(p),
 				class: "uid-input-field__label"
-			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", lt, "*")) : s("", !0)], 8, ct)) : s("", !0),
-			l("div", ut, [
-				t.$slots.prepend ? (T(), c("span", dt, [A(t.$slots, "prepend")])) : s("", !0),
-				J(l("input", {
-					id: L(d),
-					"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
+			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", ut, "*")) : s("", !0)], 8, lt)) : s("", !0),
+			l("div", dt, [
+				t.$slots.prepend ? (T(), c("span", ft, [A(t.$slots, "prepend")])) : s("", !0),
+				J(l("input", _(L(i)(), {
+					id: L(p),
+					"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
 					class: "uid-input-field__input",
 					type: e.type,
 					name: e.name,
@@ -464,25 +481,25 @@ var ct = ["for"], lt = {
 					readonly: e.readonly,
 					required: e.required,
 					autocomplete: e.autocomplete,
-					"aria-invalid": g.value ? "true" : void 0,
-					"aria-describedby": _.value ? `${L(d)}-hint` : void 0,
-					onBlur: v,
-					onFocus: n[1] ||= (e) => i("focus", e)
-				}, null, 40, ft), [[H, o.value]]),
-				t.$slots.append ? (T(), c("span", pt, [A(t.$slots, "append")])) : s("", !0)
+					"aria-invalid": b.value ? "true" : void 0,
+					"aria-describedby": x.value ? `${L(p)}-hint` : void 0,
+					onBlur: S,
+					onFocus: n[1] ||= (e) => d("focus", e)
+				}), null, 16, pt), [[H, f.value]]),
+				t.$slots.append ? (T(), c("span", mt, [A(t.$slots, "append")])) : s("", !0)
 			]),
-			_.value ? (T(), c("p", {
+			x.value ? (T(), c("p", {
 				key: 1,
-				id: `${L(d)}-hint`,
-				class: y(["uid-input-field__hint", g.value && "uid-input-field__hint--error"])
-			}, P(_.value), 11, mt)) : s("", !0)
-		], 2));
+				id: `${L(p)}-hint`,
+				class: y(["uid-input-field__hint", b.value && "uid-input-field__hint--error"])
+			}, P(x.value), 11, ht)) : s("", !0)
+		], 16));
 	}
-}), gt = ["for"], _t = {
+}), _t = ["for"], vt = {
 	key: 0,
 	class: "uid-textarea-field__required",
 	"aria-hidden": "true"
-}, vt = [
+}, yt = [
 	"id",
 	"name",
 	"placeholder",
@@ -492,7 +509,8 @@ var ct = ["for"], lt = {
 	"rows",
 	"aria-invalid",
 	"aria-describedby"
-], yt = ["id"], bt = /* @__PURE__ */ f({
+], bt = ["id"], xt = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidTextarea",
 	props: /* @__PURE__ */ g({
 		placeholder: { default: void 0 },
@@ -535,46 +553,46 @@ var ct = ["for"], lt = {
 	}),
 	emits: /* @__PURE__ */ g(["blur", "focus"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, o = B(e, "modelValue"), d = O(null), f = z(), p = r.id ?? f, { error: m, validate: h, onBlur: g } = st(o, a(() => r.rules), {
-			name: r.name,
-			label: r.label
-		}), _ = a(() => r.error || m.value), x = a(() => !!_.value), C = a(() => _.value || r.hint);
-		function w() {
-			let e = d.value;
+		let { rootAttrs: r, controlAttrs: i } = ct(), o = e, d = n, f = B(e, "modelValue"), p = O(null), m = z(), h = o.id ?? m, { error: g, validate: b, onBlur: x } = st(f, a(() => o.rules), {
+			name: o.name,
+			label: o.label
+		}), C = a(() => o.error || g.value), w = a(() => !!C.value), E = a(() => C.value || o.hint);
+		function D() {
+			let e = p.value;
 			if (!e) return;
 			let t = getComputedStyle(e);
 			e.style.height = "auto";
 			let n = e.scrollHeight;
-			if (r.maxRows) {
-				let e = parseFloat(t.lineHeight) || parseFloat(t.fontSize) * 1.5, i = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom);
-				n = Math.min(n, e * r.maxRows + i);
+			if (o.maxRows) {
+				let e = parseFloat(t.lineHeight) || parseFloat(t.fontSize) * 1.5, r = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom);
+				n = Math.min(n, e * o.maxRows + r);
 			}
 			e.style.height = `${n}px`;
 		}
 		S(() => {
-			r.autoGrow && w();
-		}), G(o, async () => {
-			r.autoGrow && (await v(), w());
+			o.autoGrow && D();
+		}), G(f, async () => {
+			o.autoGrow && (await v(), D());
 		});
-		function E(e) {
-			g(), i("blur", e);
+		function k(e) {
+			x(), d("blur", e);
 		}
-		return t({ validate: h }), (t, n) => (T(), c("div", { class: y(["uid-textarea-field", [
+		return t({ validate: b }), (t, n) => (T(), c("div", _(L(r)(), { class: ["uid-textarea-field", [
 			`uid-textarea-field--${e.size}`,
-			x.value && "uid-textarea-field--error",
+			w.value && "uid-textarea-field--error",
 			e.disabled && "uid-textarea-field--disabled",
 			e.readonly && "uid-textarea-field--readonly"
-		]]) }, [
+		]] }), [
 			e.label ? (T(), c("label", {
 				key: 0,
-				for: L(p),
+				for: L(h),
 				class: "uid-textarea-field__label"
-			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", _t, "*")) : s("", !0)], 8, gt)) : s("", !0),
-			J(l("textarea", {
-				id: L(p),
+			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", vt, "*")) : s("", !0)], 8, _t)) : s("", !0),
+			J(l("textarea", _(L(i)(), {
+				id: L(h),
 				ref_key: "textareaRef",
-				ref: d,
-				"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
+				ref: p,
+				"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
 				class: "uid-textarea-field__textarea",
 				name: e.name,
 				placeholder: e.placeholder,
@@ -582,23 +600,23 @@ var ct = ["for"], lt = {
 				readonly: e.readonly,
 				required: e.required,
 				rows: e.rows,
-				"aria-invalid": x.value ? "true" : void 0,
-				"aria-describedby": C.value ? `${L(p)}-hint` : void 0,
-				style: b(e.autoGrow ? {
+				"aria-invalid": w.value ? "true" : void 0,
+				"aria-describedby": E.value ? `${L(h)}-hint` : void 0,
+				style: e.autoGrow ? {
 					resize: "none",
 					overflow: "hidden"
-				} : { resize: e.resize }),
-				onBlur: E,
-				onFocus: n[1] ||= (e) => i("focus", e)
-			}, null, 44, vt), [[U, o.value]]),
-			C.value ? (T(), c("p", {
+				} : { resize: e.resize },
+				onBlur: k,
+				onFocus: n[1] ||= (e) => d("focus", e)
+			}), null, 16, yt), [[U, f.value]]),
+			E.value ? (T(), c("p", {
 				key: 1,
-				id: `${L(p)}-hint`,
-				class: y(["uid-textarea-field__hint", x.value && "uid-textarea-field__hint--error"])
-			}, P(C.value), 11, yt)) : s("", !0)
-		], 2));
+				id: `${L(h)}-hint`,
+				class: y(["uid-textarea-field__hint", w.value && "uid-textarea-field__hint--error"])
+			}, P(E.value), 11, bt)) : s("", !0)
+		], 16));
 	}
-}), xt = { class: "uid-checkbox__label" }, St = [
+}), St = { class: "uid-checkbox__label" }, Ct = [
 	"id",
 	"name",
 	"checked",
@@ -606,14 +624,15 @@ var ct = ["for"], lt = {
 	"required",
 	"aria-describedby",
 	"aria-invalid"
-], Ct = {
+], wt = {
 	key: 0,
 	class: "uid-checkbox__text"
-}, wt = {
+}, Tt = {
 	key: 0,
 	class: "uid-checkbox__required",
 	"aria-hidden": "true"
-}, Tt = /* @__PURE__ */ f({
+}, Et = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidCheckbox",
 	props: /* @__PURE__ */ g({
 		label: { default: void 0 },
@@ -642,51 +661,51 @@ var ct = ["for"], lt = {
 	}),
 	emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = B(e, "modelValue"), o = O(null), d = z(), f = n.id ?? d, p = `${f}-hint`, m = a(() => !!n.error), h = a(() => n.error || n.hint);
-		function g(e) {
-			o.value && (o.value.indeterminate = e);
+		let { rootAttrs: n, controlAttrs: r } = ct(), i = e, o = t, d = B(e, "modelValue"), f = O(null), p = z(), m = i.id ?? p, h = `${m}-hint`, g = a(() => !!i.error), v = a(() => i.error || i.hint);
+		function b(e) {
+			f.value && (f.value.indeterminate = e);
 		}
-		S(() => g(n.indeterminate)), G(() => n.indeterminate, g);
-		function _(e) {
+		S(() => b(i.indeterminate)), G(() => i.indeterminate, b);
+		function x(e) {
 			let t = e.target.checked;
-			i.value = t, r("change", t);
+			d.value = t, o("change", t);
 		}
-		return (t, n) => (T(), c("div", { class: y(["uid-checkbox", [m.value && "uid-checkbox--error", e.disabled && "uid-checkbox--disabled"]]) }, [l("label", xt, [
-			l("input", {
-				id: L(f),
+		return (t, i) => (T(), c("div", _(L(n)(), { class: ["uid-checkbox", [g.value && "uid-checkbox--error", e.disabled && "uid-checkbox--disabled"]] }), [l("label", St, [
+			l("input", _(L(r)(), {
+				id: L(m),
 				ref_key: "inputRef",
-				ref: o,
+				ref: f,
 				type: "checkbox",
 				class: "uid-checkbox__input",
 				name: e.name,
-				checked: i.value,
+				checked: d.value,
 				disabled: e.disabled,
 				required: e.required,
-				"aria-describedby": h.value ? p : void 0,
-				"aria-invalid": m.value ? "true" : void 0,
-				onChange: _
-			}, null, 40, St),
-			n[0] ||= l("span", {
+				"aria-describedby": v.value ? h : void 0,
+				"aria-invalid": g.value ? "true" : void 0,
+				onChange: x
+			}), null, 16, Ct),
+			i[0] ||= l("span", {
 				class: "uid-checkbox__box",
 				"aria-hidden": "true"
 			}, null, -1),
-			e.label ? (T(), c("span", Ct, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", wt, "*")) : s("", !0)])) : s("", !0)
-		]), h.value ? (T(), c("p", {
+			e.label ? (T(), c("span", wt, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Tt, "*")) : s("", !0)])) : s("", !0)
+		]), v.value ? (T(), c("p", {
 			key: 0,
-			id: p,
-			class: y(["uid-checkbox__hint", m.value && "uid-checkbox__hint--error"])
-		}, P(h.value), 3)) : s("", !0)], 2));
+			id: h,
+			class: y(["uid-checkbox__hint", g.value && "uid-checkbox__hint--error"])
+		}, P(v.value), 3)) : s("", !0)], 16));
 	}
-}), Et = [
+}), Dt = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
 	"aria-disabled"
-], Dt = ["id"], Ot = {
+], Ot = ["id"], kt = {
 	key: 0,
 	class: "uid-checkbox-group__required",
 	"aria-hidden": "true"
-}, kt = { class: "uid-checkbox-group__options" }, At = ["id"], jt = /* @__PURE__ */ f({
+}, At = { class: "uid-checkbox-group__options" }, jt = ["id"], Mt = /* @__PURE__ */ f({
 	__name: "UidCheckboxGroup",
 	props: /* @__PURE__ */ g({
 		options: {},
@@ -734,8 +753,8 @@ var ct = ["for"], lt = {
 				key: 0,
 				id: L(m),
 				class: "uid-checkbox-group__legend"
-			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Ot, "*")) : s("", !0)], 8, Dt)) : s("", !0),
-			l("div", kt, [(T(!0), c(t, null, k(e.options, (t) => (T(), o(Tt, {
+			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", kt, "*")) : s("", !0)], 8, Ot)) : s("", !0),
+			l("div", At, [(T(!0), c(t, null, k(e.options, (t) => (T(), o(Et, {
 				key: t.value,
 				class: "uid-checkbox-group__option",
 				"model-value": b(t.value),
@@ -754,18 +773,19 @@ var ct = ["for"], lt = {
 				key: 1,
 				id: L(h),
 				class: y(["uid-checkbox-group__hint", g.value && "uid-checkbox-group__hint--error"])
-			}, P(_.value), 11, At)) : s("", !0)
-		], 10, Et));
+			}, P(_.value), 11, jt)) : s("", !0)
+		], 10, Dt));
 	}
-}), Mt = Symbol("uid-radio-group"), Nt = [
+}), Nt = Symbol("uid-radio-group"), Pt = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Pt = {
+], Ft = {
 	key: 0,
 	class: "uid-radio__text"
-}, Ft = /* @__PURE__ */ f({
+}, It = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidRadio",
 	props: /* @__PURE__ */ g({
 		value: { type: [
@@ -792,38 +812,38 @@ var ct = ["for"], lt = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = B(e, "modelValue"), r = h(Mt, null), i = z(), o = t.id ?? i, u = a(() => r ? r.modelValue.value === t.value : n.value === t.value), d = a(() => r?.name ?? t.name ?? ""), f = a(() => (r?.disabled.value ?? !1) || (t.disabled ?? !1));
-		function p() {
-			r ? r.update(t.value) : n.value = t.value;
+		let { rootAttrs: t, controlAttrs: n } = ct(), r = e, i = B(e, "modelValue"), o = h(Nt, null), u = z(), d = r.id ?? u, f = a(() => o ? o.modelValue.value === r.value : i.value === r.value), p = a(() => o?.name ?? r.name ?? ""), m = a(() => (o?.disabled.value ?? !1) || (r.disabled ?? !1));
+		function g() {
+			o ? o.update(r.value) : i.value = r.value;
 		}
-		return (t, n) => (T(), c("label", { class: y(["uid-radio", f.value && "uid-radio--disabled"]) }, [
-			l("input", {
-				id: L(o),
+		return (r, i) => (T(), c("label", _(L(t)(), { class: ["uid-radio", m.value && "uid-radio--disabled"] }), [
+			l("input", _(L(n)(), {
+				id: L(d),
 				type: "radio",
 				class: "uid-radio__input",
-				name: d.value,
-				checked: u.value,
-				disabled: f.value,
-				onChange: p
-			}, null, 40, Nt),
-			n[0] ||= l("span", {
+				name: p.value,
+				checked: f.value,
+				disabled: m.value,
+				onChange: g
+			}), null, 16, Pt),
+			i[0] ||= l("span", {
 				class: "uid-radio__circle",
 				"aria-hidden": "true"
 			}, null, -1),
-			e.label ? (T(), c("span", Pt, P(e.label), 1)) : s("", !0)
-		], 2));
+			e.label ? (T(), c("span", Ft, P(e.label), 1)) : s("", !0)
+		], 16));
 	}
-}), It = [
+}), Lt = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-required",
 	"aria-invalid",
 	"aria-disabled"
-], Lt = ["id"], Rt = {
+], Rt = ["id"], zt = {
 	key: 0,
 	class: "uid-radio-group__required",
 	"aria-hidden": "true"
-}, zt = { class: "uid-radio-group__options" }, Bt = ["id"], Vt = /* @__PURE__ */ f({
+}, Bt = { class: "uid-radio-group__options" }, Vt = ["id"], Ht = /* @__PURE__ */ f({
 	__name: "UidRadioGroup",
 	props: /* @__PURE__ */ g({
 		name: { default: void 0 },
@@ -851,7 +871,7 @@ var ct = ["for"], lt = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = B(e, "modelValue"), r = z(), i = t.name ?? r, o = z(), d = z(), f = a(() => !!t.error), p = a(() => t.error || t.hint);
-		return E(Mt, {
+		return E(Nt, {
 			modelValue: n,
 			update: (e) => {
 				n.value = e;
@@ -875,16 +895,16 @@ var ct = ["for"], lt = {
 				key: 0,
 				id: L(o),
 				class: "uid-radio-group__legend"
-			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Rt, "*")) : s("", !0)], 8, Lt)) : s("", !0),
-			l("div", zt, [A(t.$slots, "default")]),
+			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", zt, "*")) : s("", !0)], 8, Rt)) : s("", !0),
+			l("div", Bt, [A(t.$slots, "default")]),
 			p.value ? (T(), c("p", {
 				key: 1,
 				id: L(d),
 				class: y(["uid-radio-group__hint", f.value && "uid-radio-group__hint--error"])
-			}, P(p.value), 11, Bt)) : s("", !0)
-		], 10, It));
+			}, P(p.value), 11, Vt)) : s("", !0)
+		], 10, Lt));
 	}
-}), Ht = { class: "uid-switch__label" }, Ut = [
+}), Ut = { class: "uid-switch__label" }, Wt = [
 	"id",
 	"name",
 	"checked",
@@ -892,14 +912,15 @@ var ct = ["for"], lt = {
 	"required",
 	"aria-describedby",
 	"aria-invalid"
-], Wt = {
+], Gt = {
 	key: 0,
 	class: "uid-switch__text"
-}, Gt = {
+}, Kt = {
 	key: 0,
 	class: "uid-switch__required",
 	"aria-hidden": "true"
-}, Kt = /* @__PURE__ */ f({
+}, qt = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidSwitch",
 	props: /* @__PURE__ */ g({
 		label: { default: void 0 },
@@ -925,45 +946,45 @@ var ct = ["for"], lt = {
 	}),
 	emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = B(e, "modelValue"), o = z(), d = n.id ?? o, f = `${d}-hint`, p = a(() => !!n.error), m = a(() => n.error || n.hint);
-		function h(e) {
+		let { rootAttrs: n, controlAttrs: r } = ct(), i = e, o = t, d = B(e, "modelValue"), f = z(), p = i.id ?? f, m = `${p}-hint`, h = a(() => !!i.error), g = a(() => i.error || i.hint);
+		function v(e) {
 			let t = e.target.checked;
-			i.value = t, r("change", t);
+			d.value = t, o("change", t);
 		}
-		return (t, n) => (T(), c("div", { class: y(["uid-switch", [
+		return (t, i) => (T(), c("div", _(L(n)(), { class: ["uid-switch", [
 			`uid-switch--${e.size}`,
-			p.value && "uid-switch--error",
+			h.value && "uid-switch--error",
 			e.disabled && "uid-switch--disabled"
-		]]) }, [l("label", Ht, [
-			l("input", {
-				id: L(d),
+		]] }), [l("label", Ut, [
+			l("input", _(L(r)(), {
+				id: L(p),
 				type: "checkbox",
 				role: "switch",
 				class: "uid-switch__input",
 				name: e.name,
-				checked: i.value,
+				checked: d.value,
 				disabled: e.disabled,
 				required: e.required,
-				"aria-describedby": m.value ? f : void 0,
-				"aria-invalid": p.value ? "true" : void 0,
-				onChange: h
-			}, null, 40, Ut),
-			n[0] ||= l("span", {
+				"aria-describedby": g.value ? m : void 0,
+				"aria-invalid": h.value ? "true" : void 0,
+				onChange: v
+			}), null, 16, Wt),
+			i[0] ||= l("span", {
 				class: "uid-switch__track",
 				"aria-hidden": "true"
 			}, [l("span", { class: "uid-switch__thumb" })], -1),
-			e.label ? (T(), c("span", Wt, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Gt, "*")) : s("", !0)])) : s("", !0)
-		]), m.value ? (T(), c("p", {
+			e.label ? (T(), c("span", Gt, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", Kt, "*")) : s("", !0)])) : s("", !0)
+		]), g.value ? (T(), c("p", {
 			key: 0,
-			id: f,
-			class: y(["uid-switch__hint", p.value && "uid-switch__hint--error"])
-		}, P(m.value), 3)) : s("", !0)], 2));
+			id: m,
+			class: y(["uid-switch__hint", h.value && "uid-switch__hint--error"])
+		}, P(g.value), 3)) : s("", !0)], 16));
 	}
-}), qt = ["for"], Jt = {
+}), Jt = ["for"], Yt = {
 	key: 0,
 	class: "uid-label__required",
 	"aria-hidden": "true"
-}, Yt = /* @__PURE__ */ f({
+}, Xt = /* @__PURE__ */ f({
 	__name: "UidLabel",
 	props: {
 		for: { default: void 0 },
@@ -980,13 +1001,13 @@ var ct = ["for"], lt = {
 		return (t, n) => (T(), c("label", {
 			class: y(["uid-label", e.disabled && "uid-label--disabled"]),
 			for: t.$props.for
-		}, [A(t.$slots, "default"), e.required ? (T(), c("span", Jt, "*")) : s("", !0)], 10, qt));
+		}, [A(t.$slots, "default"), e.required ? (T(), c("span", Yt, "*")) : s("", !0)], 10, Jt));
 	}
-}), Xt = ["for"], Zt = {
+}), Zt = ["for"], Qt = {
 	key: 0,
 	class: "uid-form-field__required",
 	"aria-hidden": "true"
-}, Qt = { class: "uid-form-field__content" }, $t = ["id"], en = /* @__PURE__ */ f({
+}, $t = { class: "uid-form-field__content" }, en = ["id"], tn = /* @__PURE__ */ f({
 	__name: "UidFormField",
 	props: {
 		label: { default: void 0 },
@@ -1009,38 +1030,38 @@ var ct = ["for"], lt = {
 				key: 0,
 				class: "uid-form-field__label",
 				for: e.labelFor
-			}, [A(t.$slots, "label", {}, () => [u(P(e.label), 1)]), e.required ? (T(), c("span", Zt, "*")) : s("", !0)], 8, Xt)) : s("", !0),
-			l("div", Qt, [A(t.$slots, "default")]),
+			}, [A(t.$slots, "label", {}, () => [u(P(e.label), 1)]), e.required ? (T(), c("span", Qt, "*")) : s("", !0)], 8, Zt)) : s("", !0),
+			l("div", $t, [A(t.$slots, "default")]),
 			r.value ? (T(), c("p", {
 				key: 1,
 				id: L(n),
 				class: y(["uid-form-field__hint", o.value && "uid-form-field__hint--error"])
-			}, P(i.value), 11, $t)) : s("", !0)
+			}, P(i.value), 11, en)) : s("", !0)
 		], 2));
 	}
-}), tn = Symbol("UidLocale");
-function nn(e, t) {
+}), nn = Symbol("UidLocale");
+function rn(e, t) {
 	if (typeof t != "object" || !t) return e;
 	let n = { ...e };
 	for (let r of Object.keys(t)) {
 		let i = t[r], a = e[r];
-		i && typeof i == "object" && !Array.isArray(i) && typeof a == "object" && a && !Array.isArray(a) ? n[r] = nn(a, i) : i !== void 0 && (n[r] = i);
+		i && typeof i == "object" && !Array.isArray(i) && typeof a == "object" && a && !Array.isArray(a) ? n[r] = rn(a, i) : i !== void 0 && (n[r] = i);
 	}
 	return n;
 }
-function rn(e) {
+function an(e) {
 	let t = a(() => {
 		let t = e.value;
-		return t ? nn(Me, t) : Me;
+		return t ? rn(Me, t) : Me;
 	});
-	E(tn, t), K(() => Ie(t.value));
+	E(nn, t), K(() => Ie(t.value));
 }
 function $() {
-	return h(tn, null) || a(() => Me);
+	return h(nn, null) || a(() => Me);
 }
 //#endregion
 //#region src/components/Spinner/UidSpinner.vue?vue&type=script&setup=true&lang.ts
-var an = ["aria-label"], on = /* @__PURE__ */ f({
+var on = ["aria-label"], sn = /* @__PURE__ */ f({
 	__name: "UidSpinner",
 	props: {
 		size: { default: "md" },
@@ -1052,13 +1073,13 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			class: y(["uid-spinner", `uid-spinner--${e.size}`]),
 			role: "status",
 			"aria-label": e.label ?? L(t).common.loading
-		}, null, 10, an));
+		}, null, 10, on));
 	}
-}), sn = {
+}), cn = {
 	key: 0,
 	class: "uid-skeleton-lines",
 	"aria-hidden": "true"
-}, cn = /* @__PURE__ */ f({
+}, ln = /* @__PURE__ */ f({
 	__name: "UidSkeleton",
 	props: {
 		width: { default: "100%" },
@@ -1070,7 +1091,7 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 		lines: { default: 1 }
 	},
 	setup(e) {
-		return (n, r) => e.lines > 1 ? (T(), c("div", sn, [(T(!0), c(t, null, k(e.lines, (t) => (T(), c("span", {
+		return (n, r) => e.lines > 1 ? (T(), c("div", cn, [(T(!0), c(t, null, k(e.lines, (t) => (T(), c("span", {
 			key: t,
 			class: y(["uid-skeleton", [e.rounded === !0 && "uid-skeleton--rounded", e.rounded === "full" && "uid-skeleton--full"]]),
 			style: b({
@@ -1087,7 +1108,7 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), ln = /* @__PURE__ */ f({
+}), un = /* @__PURE__ */ f({
 	__name: "UidBadge",
 	props: {
 		variant: { default: "default" },
@@ -1104,10 +1125,10 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			e.dot && "uid-badge--dot"
 		]]) }, [e.dot ? s("", !0) : A(t.$slots, "default", { key: 0 })], 2));
 	}
-}), un = { class: "uid-alert__icon" }, dn = { class: "uid-alert__content" }, fn = {
+}), dn = { class: "uid-alert__icon" }, fn = { class: "uid-alert__content" }, pn = {
 	key: 0,
 	class: "uid-alert__title"
-}, pn = { class: "uid-alert__body" }, mn = ["aria-label"], hn = /* @__PURE__ */ f({
+}, mn = { class: "uid-alert__body" }, hn = ["aria-label"], gn = /* @__PURE__ */ f({
 	__name: "UidAlert",
 	props: {
 		variant: { default: "info" },
@@ -1130,11 +1151,11 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			class: y(["uid-alert", `uid-alert--${t.variant}`]),
 			role: "alert"
 		}, [
-			l("span", un, [A(n.$slots, "icon", {}, () => [d(e, {
+			l("span", dn, [A(n.$slots, "icon", {}, () => [d(e, {
 				icon: t.icon ?? f.value,
 				size: 18
 			}, null, 8, ["icon"])])]),
-			l("div", dn, [t.title ? (T(), c("p", fn, P(t.title), 1)) : s("", !0), l("div", pn, [A(n.$slots, "default")])]),
+			l("div", fn, [t.title ? (T(), c("p", pn, P(t.title), 1)) : s("", !0), l("div", mn, [A(n.$slots, "default")])]),
 			t.dismissible ? (T(), c("button", {
 				key: 0,
 				type: "button",
@@ -1144,13 +1165,13 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			}, [d(e, {
 				icon: L(Ee),
 				size: 16
-			}, null, 8, ["icon"])], 8, mn)) : s("", !0)
+			}, null, 8, ["icon"])], 8, hn)) : s("", !0)
 		], 2));
 	}
-}), gn = { class: "uid-toast__icon" }, _n = { class: "uid-toast__content" }, vn = {
+}), _n = { class: "uid-toast__icon" }, vn = { class: "uid-toast__content" }, yn = {
 	key: 0,
 	class: "uid-toast__title"
-}, yn = { class: "uid-toast__message" }, bn = ["aria-label"], xn = /* @__PURE__ */ f({
+}, bn = { class: "uid-toast__message" }, xn = ["aria-label"], Sn = /* @__PURE__ */ f({
 	__name: "UidToast",
 	props: {
 		id: {},
@@ -1172,11 +1193,11 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			"aria-live": "polite",
 			"aria-atomic": "true"
 		}, [
-			l("span", gn, [d(e, {
+			l("span", _n, [d(e, {
 				icon: f.value,
 				size: 18
 			}, null, 8, ["icon"])]),
-			l("div", _n, [t.title ? (T(), c("p", vn, P(t.title), 1)) : s("", !0), l("p", yn, P(t.message), 1)]),
+			l("div", vn, [t.title ? (T(), c("p", yn, P(t.title), 1)) : s("", !0), l("p", bn, P(t.message), 1)]),
 			l("button", {
 				type: "button",
 				class: "uid-toast__close",
@@ -1185,26 +1206,26 @@ var an = ["aria-label"], on = /* @__PURE__ */ f({
 			}, [d(e, {
 				icon: L(Ee),
 				size: 14
-			}, null, 8, ["icon"])], 8, bn)
+			}, null, 8, ["icon"])], 8, xn)
 		], 2));
 	}
-}), Sn = O([]), Cn = 0;
-function wn() {
+}), Cn = O([]), wn = 0;
+function Tn() {
 	function e(e) {
 		let n = typeof e == "string" ? { message: e } : e, r = {
-			id: ++Cn,
+			id: ++wn,
 			variant: "info",
 			duration: 4e3,
 			...n
 		};
-		return Sn.value.push(r), r.duration > 0 && setTimeout(() => t(r.id), r.duration), r.id;
+		return Cn.value.push(r), r.duration > 0 && setTimeout(() => t(r.id), r.duration), r.id;
 	}
 	function t(e) {
-		let t = Sn.value.findIndex((t) => t.id === e);
-		t !== -1 && Sn.value.splice(t, 1);
+		let t = Cn.value.findIndex((t) => t.id === e);
+		t !== -1 && Cn.value.splice(t, 1);
 	}
 	function n() {
-		Sn.value = [];
+		Cn.value = [];
 	}
 	function r(t) {
 		return e(typeof t == "string" ? {
@@ -1243,7 +1264,7 @@ function wn() {
 		});
 	}
 	return {
-		toasts: D(Sn),
+		toasts: D(Cn),
 		add: e,
 		dismiss: t,
 		clear: n,
@@ -1255,33 +1276,33 @@ function wn() {
 }
 //#endregion
 //#region src/components/Toast/UidToastProvider.vue
-var Tn = /* @__PURE__ */ f({
+var En = /* @__PURE__ */ f({
 	__name: "UidToastProvider",
 	setup(e) {
-		let { toasts: r, dismiss: a } = wn();
+		let { toasts: r, dismiss: a } = Tn();
 		return (e, s) => (T(), o(n, { to: "body" }, [d(i, {
 			tag: "div",
 			name: "uid-toast",
 			class: "uid-toast-list"
 		}, {
-			default: q(() => [(T(!0), c(t, null, k(L(r), (e) => (T(), o(xn, _({ key: e.id }, { ref_for: !0 }, e, { onDismiss: L(a) }), null, 16, ["onDismiss"]))), 128))]),
+			default: q(() => [(T(!0), c(t, null, k(L(r), (e) => (T(), o(Sn, _({ key: e.id }, { ref_for: !0 }, e, { onDismiss: L(a) }), null, 16, ["onDismiss"]))), 128))]),
 			_: 1
 		})]));
 	}
-}), En = { class: "uid-progress-wrapper" }, Dn = {
+}), Dn = { class: "uid-progress-wrapper" }, On = {
 	key: 0,
 	class: "uid-progress-header"
-}, On = {
+}, kn = {
 	key: 0,
 	class: "uid-progress-label"
-}, kn = {
+}, An = {
 	key: 1,
 	class: "uid-progress-value"
-}, An = [
+}, jn = [
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-label"
-], jn = /* @__PURE__ */ f({
+], Mn = /* @__PURE__ */ f({
 	__name: "UidProgress",
 	props: {
 		value: { default: void 0 },
@@ -1298,7 +1319,7 @@ var Tn = /* @__PURE__ */ f({
 		let t = e, n = a(() => {
 			if (t.value !== void 0) return Math.min(100, Math.max(0, t.value / (t.max ?? 100) * 100));
 		}), r = a(() => t.value === void 0), i = a(() => n.value === void 0 ? void 0 : `${Math.round(n.value)}%`);
-		return (t, a) => (T(), c("div", En, [e.label || e.showValue && i.value ? (T(), c("div", Dn, [e.label ? (T(), c("span", On, P(e.label), 1)) : s("", !0), e.showValue && i.value ? (T(), c("span", kn, P(i.value), 1)) : s("", !0)])) : s("", !0), l("div", {
+		return (t, a) => (T(), c("div", Dn, [e.label || e.showValue && i.value ? (T(), c("div", On, [e.label ? (T(), c("span", kn, P(e.label), 1)) : s("", !0), e.showValue && i.value ? (T(), c("span", An, P(i.value), 1)) : s("", !0)])) : s("", !0), l("div", {
 			class: y(["uid-progress", [
 				`uid-progress--${e.size}`,
 				`uid-progress--${e.variant}`,
@@ -1313,9 +1334,9 @@ var Tn = /* @__PURE__ */ f({
 			key: 0,
 			class: "uid-progress__bar",
 			style: b({ width: `${n.value}%` })
-		}, null, 4))], 10, An)]));
+		}, null, 4))], 10, jn)]));
 	}
-}), Mn = [
+}), Nn = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -1323,10 +1344,10 @@ var Tn = /* @__PURE__ */ f({
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(", ");
-function Nn(e) {
+function Pn(e) {
 	let t = O(null);
 	function n() {
-		return e.value ? Array.from(e.value.querySelectorAll(Mn)).filter((e) => !e.closest("[aria-hidden=\"true\"]")) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(Nn)).filter((e) => !e.closest("[aria-hidden=\"true\"]")) : [];
 	}
 	function r(e) {
 		if (e.key !== "Tab") return;
@@ -1351,17 +1372,17 @@ function Nn(e) {
 }
 //#endregion
 //#region src/composables/useScrollLock.ts
-var Pn = 0;
-function Fn() {
+var Fn = 0;
+function In() {
 	let e = !1;
 	function t() {
-		if (!e && (e = !0, Pn++, Pn === 1)) {
+		if (!e && (e = !0, Fn++, Fn === 1)) {
 			let e = window.innerWidth - document.documentElement.clientWidth;
 			document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`);
 		}
 	}
 	function n() {
-		e && (e = !1, Pn--, Pn === 0 && (document.body.style.overflow = "", document.body.style.paddingRight = ""));
+		e && (e = !1, Fn--, Fn === 0 && (document.body.style.overflow = "", document.body.style.paddingRight = ""));
 	}
 	return {
 		lock: t,
@@ -1370,18 +1391,18 @@ function Fn() {
 }
 //#endregion
 //#region src/composables/useOverlayStack.ts
-var In = [];
-function Ln() {
+var Ln = [];
+function Rn() {
 	let e = Symbol("uid-overlay");
 	function t() {
-		In.includes(e) || In.push(e);
+		Ln.includes(e) || Ln.push(e);
 	}
 	function n() {
-		let t = In.indexOf(e);
-		t >= 0 && In.splice(t, 1);
+		let t = Ln.indexOf(e);
+		t >= 0 && Ln.splice(t, 1);
 	}
 	function r() {
-		return In[In.length - 1] === e;
+		return Ln[Ln.length - 1] === e;
 	}
 	return {
 		push: t,
@@ -1391,10 +1412,10 @@ function Ln() {
 }
 //#endregion
 //#region src/components/Modal/UidModal.vue?vue&type=script&setup=true&lang.ts
-var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"], Vn = ["aria-label"], Hn = { class: "uid-modal__body" }, Un = {
+var zn = ["aria-labelledby"], Bn = { class: "uid-modal__header" }, Vn = ["id"], Hn = ["aria-label"], Un = { class: "uid-modal__body" }, Wn = {
 	key: 0,
 	class: "uid-modal__footer"
-}, Wn = /* @__PURE__ */ f({
+}, Gn = /* @__PURE__ */ f({
 	__name: "UidModal",
 	props: /* @__PURE__ */ g({
 		title: { default: void 0 },
@@ -1420,7 +1441,7 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
 	}),
 	emits: /* @__PURE__ */ g(["close"], ["update:modelValue"]),
 	setup(t, { emit: i }) {
-		let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } = Nn(h), b = Ln(), { lock: S, unlock: C } = Fn();
+		let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } = Pn(h), b = Rn(), { lock: S, unlock: C } = In();
 		function w() {
 			u.value = !1, p("close");
 		}
@@ -1449,11 +1470,11 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
 				"aria-labelledby": t.title ? L(m) : void 0,
 				tabindex: "-1"
 			}, [
-				l("div", zn, [A(i.$slots, "header", {}, () => [t.title ? (T(), c("p", {
+				l("div", Bn, [A(i.$slots, "header", {}, () => [t.title ? (T(), c("p", {
 					key: 0,
 					id: L(m),
 					class: "uid-modal__title"
-				}, P(t.title), 9, Bn)) : s("", !0)]), t.hideClose ? s("", !0) : (T(), c("button", {
+				}, P(t.title), 9, Vn)) : s("", !0)]), t.hideClose ? s("", !0) : (T(), c("button", {
 					key: 0,
 					type: "button",
 					class: "uid-modal__close",
@@ -1462,17 +1483,17 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
 				}, [d(e, {
 					icon: L(Ee),
 					size: 18
-				}, null, 8, ["icon"])], 8, Vn))]),
-				l("div", Hn, [A(i.$slots, "default")]),
-				i.$slots.footer ? (T(), c("div", Un, [A(i.$slots, "footer")])) : s("", !0)
-			], 10, Rn)])) : s("", !0)]),
+				}, null, 8, ["icon"])], 8, Hn))]),
+				l("div", Un, [A(i.$slots, "default")]),
+				i.$slots.footer ? (T(), c("div", Wn, [A(i.$slots, "footer")])) : s("", !0)
+			], 10, zn)])) : s("", !0)]),
 			_: 3
 		})]));
 	}
-}), Gn = ["aria-labelledby"], Kn = { class: "uid-drawer__header" }, qn = ["id"], Jn = ["aria-label"], Yn = { class: "uid-drawer__body" }, Xn = {
+}), Kn = ["aria-labelledby"], qn = { class: "uid-drawer__header" }, Jn = ["id"], Yn = ["aria-label"], Xn = { class: "uid-drawer__body" }, Zn = {
 	key: 0,
 	class: "uid-drawer__footer"
-}, Zn = /* @__PURE__ */ f({
+}, Qn = /* @__PURE__ */ f({
 	__name: "UidDrawer",
 	props: /* @__PURE__ */ g({
 		title: { default: void 0 },
@@ -1500,7 +1521,7 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
 	}),
 	emits: /* @__PURE__ */ g(["close"], ["update:modelValue"]),
 	setup(t, { emit: i }) {
-		let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } = Nn(h), S = Ln(), { lock: C, unlock: w } = Fn();
+		let a = $(), u = B(t, "modelValue"), f = t, p = i, m = z(), h = O(null), { activate: g, deactivate: _ } = Pn(h), S = Rn(), { lock: C, unlock: w } = In();
 		function E() {
 			u.value = !1, p("close");
 		}
@@ -1532,11 +1553,11 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
 				"aria-labelledby": t.title ? L(m) : void 0,
 				tabindex: "-1"
 			}, [
-				l("div", Kn, [A(i.$slots, "header", {}, () => [t.title ? (T(), c("p", {
+				l("div", qn, [A(i.$slots, "header", {}, () => [t.title ? (T(), c("p", {
 					key: 0,
 					id: L(m),
 					class: "uid-drawer__title"
-				}, P(t.title), 9, qn)) : s("", !0)]), t.hideClose ? s("", !0) : (T(), c("button", {
+				}, P(t.title), 9, Jn)) : s("", !0)]), t.hideClose ? s("", !0) : (T(), c("button", {
 					key: 0,
 					type: "button",
 					class: "uid-drawer__close",
@@ -1545,15 +1566,15 @@ var Rn = ["aria-labelledby"], zn = { class: "uid-modal__header" }, Bn = ["id"],
 				}, [d(e, {
 					icon: L(Ee),
 					size: 18
-				}, null, 8, ["icon"])], 8, Jn))]),
-				l("div", Yn, [A(i.$slots, "default")]),
-				i.$slots.footer ? (T(), c("div", Xn, [A(i.$slots, "footer")])) : s("", !0)
-			], 14, Gn)])) : s("", !0)]),
+				}, null, 8, ["icon"])], 8, Yn))]),
+				l("div", Xn, [A(i.$slots, "default")]),
+				i.$slots.footer ? (T(), c("div", Zn, [A(i.$slots, "footer")])) : s("", !0)
+			], 14, Kn)])) : s("", !0)]),
 			_: 3
 		}, 8, ["name"])]));
 	}
-}), Qn = 8, $n = 8;
-function er(e, t, n = {}) {
+}), $n = 8, er = 8;
+function tr(e, t, n = {}) {
 	let r = O(0), i = O(0), o = O(I(n.placement) ?? "bottom"), s = a(() => ({
 		position: "fixed",
 		left: `${r.value}px`,
@@ -1562,7 +1583,7 @@ function er(e, t, n = {}) {
 	function c() {
 		let a = e.value, s = t.value;
 		if (!a || !s) return;
-		let c = a.getBoundingClientRect(), l = s.getBoundingClientRect(), u = n.offset ?? Qn, d = window.innerWidth, f = window.innerHeight, p = I(n.placement) ?? "bottom";
+		let c = a.getBoundingClientRect(), l = s.getBoundingClientRect(), u = n.offset ?? $n, d = window.innerWidth, f = window.innerHeight, p = I(n.placement) ?? "bottom";
 		if (p.startsWith("bottom")) {
 			let e = f - c.bottom, t = c.top;
 			e < l.height + u && t > e && (p = p.replace("bottom", "top"));
@@ -1572,7 +1593,7 @@ function er(e, t, n = {}) {
 		}
 		o.value = p;
 		let m = 0, h = 0;
-		p.startsWith("bottom") ? (h = c.bottom + u, m = p === "bottom" ? c.left + c.width / 2 - l.width / 2 : p === "bottom-start" ? c.left : c.right - l.width) : p.startsWith("top") ? (h = c.top - l.height - u, m = p === "top" ? c.left + c.width / 2 - l.width / 2 : p === "top-start" ? c.left : c.right - l.width) : p === "left" ? (m = c.left - l.width - u, h = c.top + c.height / 2 - l.height / 2) : (m = c.right + u, h = c.top + c.height / 2 - l.height / 2), r.value = Math.max($n, Math.min(m, d - l.width - $n)), i.value = Math.max($n, Math.min(h, f - l.height - $n));
+		p.startsWith("bottom") ? (h = c.bottom + u, m = p === "bottom" ? c.left + c.width / 2 - l.width / 2 : p === "bottom-start" ? c.left : c.right - l.width) : p.startsWith("top") ? (h = c.top - l.height - u, m = p === "top" ? c.left + c.width / 2 - l.width / 2 : p === "top-start" ? c.left : c.right - l.width) : p === "left" ? (m = c.left - l.width - u, h = c.top + c.height / 2 - l.height / 2) : (m = c.right + u, h = c.top + c.height / 2 - l.height / 2), r.value = Math.max(er, Math.min(m, d - l.width - er)), i.value = Math.max(er, Math.min(h, f - l.height - er));
 	}
 	return {
 		x: r,
@@ -1584,7 +1605,7 @@ function er(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/Tooltip/UidTooltip.vue?vue&type=script&setup=true&lang.ts
-var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
+var nr = ["aria-describedby"], rr = ["id"], ir = /* @__PURE__ */ f({
 	__name: "UidTooltip",
 	props: {
 		content: {},
@@ -1595,7 +1616,7 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
 		}
 	},
 	setup(e) {
-		let i = e, u = z(), f = O(null), p = O(null), m = O(!1), { floatingStyle: h, update: g } = er(f, p, { placement: a(() => i.placement) });
+		let i = e, u = z(), f = O(null), p = O(null), m = O(!1), { floatingStyle: h, update: g } = tr(f, p, { placement: a(() => i.placement) });
 		async function _() {
 			i.disabled || (m.value = !0, await v(), g());
 		}
@@ -1611,7 +1632,7 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
 			onMouseleave: y,
 			onFocusin: _,
 			onFocusout: y
-		}, [A(i.$slots, "default")], 40, tr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-tooltip" }, {
+		}, [A(i.$slots, "default")], 40, nr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-tooltip" }, {
 			default: q(() => [m.value ? (T(), c("div", {
 				key: 0,
 				id: L(u),
@@ -1620,19 +1641,19 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
 				class: "uid-tooltip",
 				role: "tooltip",
 				style: b(L(h))
-			}, P(e.content), 13, nr)) : s("", !0)]),
+			}, P(e.content), 13, rr)) : s("", !0)]),
 			_: 1
 		})]))], 64));
 	}
-}), ir = [
+}), ar = [
 	"aria-expanded",
 	"aria-controls",
 	"onKeydown"
-], ar = ["id"], or = /* @__PURE__ */ f({
+], or = ["id"], sr = /* @__PURE__ */ f({
 	__name: "UidPopover",
 	props: { placement: { default: "bottom" } },
 	setup(e) {
-		let i = e, u = O(null), f = O(null), p = O(!1), m = z(), { floatingStyle: h, update: g } = er(u, f, { placement: a(() => i.placement) });
+		let i = e, u = O(null), f = O(null), p = O(!1), m = z(), { floatingStyle: h, update: g } = tr(u, f, { placement: a(() => i.placement) });
 		async function _() {
 			p.value = !p.value, p.value && (await v(), g());
 		}
@@ -1661,7 +1682,7 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
 			"aria-controls": L(m),
 			onClick: _,
 			onKeydown: [Y(X(_, ["prevent"]), ["enter"]), Y(X(_, ["prevent"]), ["space"])]
-		}, [A(e.$slots, "trigger")], 40, ir), (T(), o(n, { to: "body" }, [d(r, { name: "uid-popover" }, {
+		}, [A(e.$slots, "trigger")], 40, ar), (T(), o(n, { to: "body" }, [d(r, { name: "uid-popover" }, {
 			default: q(() => [p.value ? (T(), c("div", {
 				key: 0,
 				id: L(m),
@@ -1670,16 +1691,16 @@ var tr = ["aria-describedby"], nr = ["id"], rr = /* @__PURE__ */ f({
 				class: "uid-popover",
 				role: "dialog",
 				style: b(L(h))
-			}, [A(e.$slots, "default")], 12, ar)) : s("", !0)]),
+			}, [A(e.$slots, "default")], 12, or)) : s("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), sr = Symbol("uid-menu-close"), cr = Symbol("uid-menu-level"), lr = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
-function ur(e) {
-	return e ? Array.from(e.querySelectorAll(lr)).filter((t) => t.parentElement?.closest("[role=\"menu\"]") === e) : [];
+}), cr = Symbol("uid-menu-close"), lr = Symbol("uid-menu-level"), ur = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
+function dr(e) {
+	return e ? Array.from(e.querySelectorAll(ur)).filter((t) => t.parentElement?.closest("[role=\"menu\"]") === e) : [];
 }
-function dr(e, t) {
-	let n = ur(e);
+function fr(e, t) {
+	let n = dr(e);
 	if (!n.length) return !1;
 	let r = n.indexOf(document.activeElement), i;
 	if (t === "ArrowDown") i = n[(r + 1) % n.length];
@@ -1691,30 +1712,30 @@ function dr(e, t) {
 }
 //#endregion
 //#region src/components/Menu/UidMenu.vue?vue&type=script&setup=true&lang.ts
-var fr = [
+var pr = [
 	"role",
 	"tabindex",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls"
-], pr = ["id"], mr = "button, a[href], input, select, textarea, [role=\"button\"], [tabindex]", hr = /* @__PURE__ */ f({
+], mr = ["id"], hr = "button, a[href], input, select, textarea, [role=\"button\"], [tabindex]", gr = /* @__PURE__ */ f({
 	__name: "UidMenu",
 	setup(e) {
-		let i = O(null), u = O(null), f = O(!1), p = z(), { floatingStyle: m, update: h } = er(a(() => i.value?.firstElementChild ?? i.value), u, { placement: "bottom-start" }), g = O(!1);
+		let i = O(null), u = O(null), f = O(!1), p = z(), { floatingStyle: m, update: h } = tr(a(() => i.value?.firstElementChild ?? i.value), u, { placement: "bottom-start" }), g = O(!1);
 		function _() {
 			let e = i.value?.firstElementChild;
-			g.value = e !== null && e.matches(mr), g.value && (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", String(f.value)), e.setAttribute("aria-controls", p));
+			g.value = e !== null && e.matches(hr), g.value && (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", String(f.value)), e.setAttribute("aria-controls", p));
 		}
 		S(_), G(f, _);
 		function y() {
-			return ur(u.value);
+			return dr(u.value);
 		}
 		function x() {
 			f.value = !1, i.value?.querySelector("button, [tabindex]")?.focus();
 		}
-		E(sr, x);
+		E(cr, x);
 		let w = O(null);
-		E(cr, { activeSubmenu: w }), G(f, (e) => {
+		E(lr, { activeSubmenu: w }), G(f, (e) => {
 			e || (w.value = null);
 		});
 		async function D() {
@@ -1726,7 +1747,7 @@ var fr = [
 			(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && !f.value && (e.preventDefault(), D());
 		}
 		function j(e) {
-			dr(u.value, e.key) ? e.preventDefault() : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), x()) : e.key === "Tab" && x();
+			fr(u.value, e.key) ? e.preventDefault() : e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), x()) : e.key === "Tab" && x();
 		}
 		function M(e) {
 			let t = e.target;
@@ -1747,7 +1768,7 @@ var fr = [
 			"aria-controls": g.value ? void 0 : L(p),
 			onClick: D,
 			onKeydown: k
-		}, [A(e.$slots, "trigger")], 40, fr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-menu" }, {
+		}, [A(e.$slots, "trigger")], 40, pr), (T(), o(n, { to: "body" }, [d(r, { name: "uid-menu" }, {
 			default: q(() => [f.value ? (T(), c("div", {
 				key: 0,
 				id: L(p),
@@ -1757,11 +1778,11 @@ var fr = [
 				role: "menu",
 				style: b(L(m)),
 				onKeydown: j
-			}, [A(e.$slots, "default")], 44, pr)) : s("", !0)]),
+			}, [A(e.$slots, "default")], 44, mr)) : s("", !0)]),
 			_: 3
 		})]))], 64));
 	}
-}), gr = ["disabled"], _r = /* @__PURE__ */ f({
+}), _r = ["disabled"], vr = /* @__PURE__ */ f({
 	__name: "UidMenuItem",
 	props: {
 		icon: { default: void 0 },
@@ -1773,7 +1794,7 @@ var fr = [
 	},
 	emits: ["click"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, a = h(sr, () => {});
+		let r = t, i = n, a = h(cr, () => {});
 		function l(e) {
 			r.disabled || (i("click", e), a());
 		}
@@ -1788,25 +1809,25 @@ var fr = [
 			class: "uid-menu-item__icon",
 			icon: t.icon,
 			size: 16
-		}, null, 8, ["icon"])) : s("", !0), A(n.$slots, "default")], 10, gr));
+		}, null, 8, ["icon"])) : s("", !0), A(n.$slots, "default")], 10, _r));
 	}
-}), vr = (e, t) => {
+}), yr = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, yr = {}, br = {
+}, br = {}, xr = {
 	class: "uid-menu-separator",
 	role: "separator",
 	"aria-hidden": "true"
 };
-function xr(e, t) {
-	return T(), c("div", br);
+function Sr(e, t) {
+	return T(), c("div", xr);
 }
-var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
+var Cr = /* @__PURE__ */ yr(br, [["render", Sr]]), wr = [
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], wr = { class: "uid-submenu__label" }, Tr = ["aria-label", "data-side"], Er = 100, Dr = 200, Or = 8, kr = 2, Ar = /* @__PURE__ */ f({
+], Tr = { class: "uid-submenu__label" }, Er = ["aria-label", "data-side"], Dr = 100, Or = 200, kr = 8, Ar = 2, jr = /* @__PURE__ */ f({
 	__name: "UidSubMenu",
 	props: {
 		label: { default: "" },
@@ -1823,8 +1844,8 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 			left: "0px",
 			top: "0px",
 			visibility: "hidden"
-		}), D = h(cr, null), k = O(null);
-		E(cr, { activeSubmenu: k });
+		}), D = h(lr, null), k = O(null);
+		E(lr, { activeSubmenu: k });
 		let j, M, N = "";
 		function F() {
 			clearTimeout(j), clearTimeout(M);
@@ -1832,20 +1853,20 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 		function I() {
 			let e = g.value, t = _.value;
 			if (!e || !t) return;
-			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = n.right + kr;
-			if (S.value = "right", o + r.width > i - Or) {
-				let e = n.left - kr - r.width;
-				e >= Or ? (o = e, S.value = "left") : o = Math.max(Or, i - Or - r.width);
+			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = n.right + Ar;
+			if (S.value = "right", o + r.width > i - kr) {
+				let e = n.left - Ar - r.width;
+				e >= kr ? (o = e, S.value = "left") : o = Math.max(kr, i - kr - r.width);
 			}
 			let s = parseFloat(getComputedStyle(t).paddingTop) || 0, c = n.top - s;
-			c + r.height > a - Or && (c = a - Or - r.height), c = Math.max(Or, c), w.value = {
+			c + r.height > a - kr && (c = a - kr - r.height), c = Math.max(kr, c), w.value = {
 				position: "fixed",
 				left: `${o}px`,
 				top: `${c}px`
 			};
 		}
 		async function R(e = !1) {
-			a.disabled || (F(), D && (D.activeSubmenu.value = p), x.value || (x.value = !0, f("open")), await v(), I(), e && (await v(), ur(_.value)[0]?.focus()));
+			a.disabled || (F(), D && (D.activeSubmenu.value = p), x.value || (x.value = !0, f("open")), await v(), I(), e && (await v(), dr(_.value)[0]?.focus()));
 		}
 		function B(e = !1) {
 			F(), x.value && (x.value = !1, k.value = null, f("close")), D && D.activeSubmenu.value === p && (D.activeSubmenu.value = null), e && g.value?.focus();
@@ -1859,13 +1880,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 		function H(e) {
 			N = e.pointerType, !(e.pointerType !== "mouse" || a.disabled) && (clearTimeout(M), !x.value && (j = setTimeout(() => {
 				R();
-			}, Er)));
+			}, Dr)));
 		}
 		function U() {
 			clearTimeout(M);
 		}
 		function W() {
-			clearTimeout(j), !(N !== "mouse" || !x.value) && (M = setTimeout(() => B(), Dr));
+			clearTimeout(j), !(N !== "mouse" || !x.value) && (M = setTimeout(() => B(), Or));
 		}
 		function K() {
 			a.disabled || (x.value && N !== "mouse" ? B() : R());
@@ -1874,7 +1895,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 			(e.key === "ArrowRight" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), R(!0));
 		}
 		function Y(e) {
-			dr(_.value, e.key) ? (e.preventDefault(), e.stopPropagation()) : (e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), e.stopPropagation(), B(!0));
+			fr(_.value, e.key) ? (e.preventDefault(), e.stopPropagation()) : (e.key === "ArrowLeft" || e.key === "Escape") && (e.preventDefault(), e.stopPropagation(), B(!0));
 		}
 		return C(() => {
 			F(), D && D.activeSubmenu.value === p && (D.activeSubmenu.value = null);
@@ -1910,13 +1931,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 				icon: t.icon,
 				size: 16
 			}, null, 8, ["icon"])) : s("", !0),
-			l("span", wr, [A(n.$slots, "label", {}, () => [u(P(t.label), 1)])]),
+			l("span", Tr, [A(n.$slots, "label", {}, () => [u(P(t.label), 1)])]),
 			d(e, {
 				icon: L(le),
 				size: 16,
 				class: "uid-submenu__chevron"
 			}, null, 8, ["icon"])
-		], 42, Cr), d(r, { name: "uid-submenu" }, {
+		], 42, wr), d(r, { name: "uid-submenu" }, {
 			default: q(() => [x.value ? (T(), c("div", {
 				key: 0,
 				id: m,
@@ -1928,11 +1949,11 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 				"data-side": S.value,
 				style: b(w.value),
 				onKeydown: Y
-			}, [A(n.$slots, "default")], 44, Tr)) : s("", !0)]),
+			}, [A(n.$slots, "default")], 44, Er)) : s("", !0)]),
 			_: 3
 		})], 32));
 	}
-}), jr = Symbol("uid-tabs"), Mr = ["aria-orientation"], Nr = { class: "uid-tabs__panels" }, Pr = /* @__PURE__ */ f({
+}), Mr = Symbol("uid-tabs"), Nr = ["aria-orientation"], Pr = { class: "uid-tabs__panels" }, Fr = /* @__PURE__ */ f({
 	__name: "UidTabs",
 	props: /* @__PURE__ */ g({ orientation: { default: "horizontal" } }, {
 		modelValue: { required: !0 },
@@ -1941,7 +1962,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return E(jr, {
+		return E(Mr, {
 			activeTab: t,
 			setTab: (e) => {
 				t.value = e;
@@ -1951,15 +1972,15 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 			class: "uid-tabs__list",
 			role: "tablist",
 			"aria-orientation": e.orientation
-		}, [A(t.$slots, "list")], 8, Mr), l("div", Nr, [A(t.$slots, "default")])], 2));
+		}, [A(t.$slots, "list")], 8, Nr), l("div", Pr, [A(t.$slots, "default")])], 2));
 	}
-}), Fr = [
+}), Ir = [
 	"id",
 	"aria-selected",
 	"aria-controls",
 	"disabled",
 	"tabindex"
-], Ir = /* @__PURE__ */ f({
+], Lr = /* @__PURE__ */ f({
 	__name: "UidTab",
 	props: {
 		value: {},
@@ -1969,7 +1990,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 		}
 	},
 	setup(e) {
-		let t = e, n = h(jr), r = a(() => n.activeTab.value === t.value), i = a(() => `${n.idPrefix}-tab-${t.value}`), o = a(() => `${n.idPrefix}-panel-${t.value}`);
+		let t = e, n = h(Mr), r = a(() => n.activeTab.value === t.value), i = a(() => `${n.idPrefix}-tab-${t.value}`), o = a(() => `${n.idPrefix}-panel-${t.value}`);
 		function s() {
 			t.disabled || n.setTab(t.value);
 		}
@@ -1998,13 +2019,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 			tabindex: r.value ? 0 : -1,
 			onClick: s,
 			onKeydown: l
-		}, [A(t.$slots, "default")], 42, Fr));
+		}, [A(t.$slots, "default")], 42, Ir));
 	}
-}), Lr = ["id", "aria-labelledby"], Rr = /* @__PURE__ */ f({
+}), Rr = ["id", "aria-labelledby"], zr = /* @__PURE__ */ f({
 	__name: "UidTabPanel",
 	props: { value: {} },
 	setup(e) {
-		let t = e, n = h(jr), r = a(() => n.activeTab.value === t.value), i = a(() => `${n.idPrefix}-panel-${t.value}`), o = a(() => `${n.idPrefix}-tab-${t.value}`);
+		let t = e, n = h(Mr), r = a(() => n.activeTab.value === t.value), i = a(() => `${n.idPrefix}-panel-${t.value}`), o = a(() => `${n.idPrefix}-tab-${t.value}`);
 		return (e, t) => r.value ? (T(), c("div", {
 			key: 0,
 			id: i.value,
@@ -2012,9 +2033,9 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 			role: "tabpanel",
 			"aria-labelledby": o.value,
 			tabindex: "0"
-		}, [A(e.$slots, "default")], 8, Lr)) : s("", !0);
+		}, [A(e.$slots, "default")], 8, Rr)) : s("", !0);
 	}
-}), zr = Symbol("UidBreadcrumb"), Br = ["aria-label"], Vr = ["id", "aria-label"], Hr = ["aria-disabled", "onClick"], Ur = /* @__PURE__ */ f({
+}), Br = Symbol("UidBreadcrumb"), Vr = ["aria-label"], Hr = ["id", "aria-label"], Ur = ["aria-disabled", "onClick"], Wr = /* @__PURE__ */ f({
 	__name: "UidBreadcrumb",
 	props: {
 		label: { default: void 0 },
@@ -2074,7 +2095,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 		}), x(() => {
 			V(), ne();
 		});
-		let H = O(!1), U = O(null), W = O(null), K = z(), { floatingStyle: q, update: J } = er(U, W, {
+		let H = O(!1), U = O(null), W = O(null), K = z(), { floatingStyle: q, update: J } = tr(U, W, {
 			placement: "bottom-start",
 			offset: 4
 		});
@@ -2117,7 +2138,7 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 		}
 		return G(h, (e) => {
 			e.length === 0 && Z();
-		}), E(zr, {
+		}), E(Br, {
 			tick: d,
 			hidden: h,
 			menu: F(i, "collapseMenu"),
@@ -2169,13 +2190,13 @@ var Sr = /* @__PURE__ */ vr(yr, [["render", xr]]), Cr = [
 				tabindex: "-1",
 				"aria-disabled": e.target ? void 0 : "true",
 				onClick: (t) => ae(e)
-			}, P(e.label), 9, Hr))), 128))], 44, Vr)) : s("", !0)])) : s("", !0)
-		], 10, Br));
+			}, P(e.label), 9, Ur))), 128))], 44, Hr)) : s("", !0)])) : s("", !0)
+		], 10, Vr));
 	}
 });
 //#endregion
 //#region src/composables/useRouterLink.ts
-function Wr(e) {
+function Gr(e) {
 	let t = p();
 	return {
 		routerLink: a(() => e.to === void 0 ? null : t?.appContext.components.RouterLink ?? null),
@@ -2184,22 +2205,22 @@ function Wr(e) {
 }
 //#endregion
 //#region src/components/Breadcrumb/UidBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
-var Gr = [
+var Kr = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
-], Kr = {
+], qr = {
 	key: 1,
 	class: "uid-breadcrumb__ellipsis",
 	"aria-hidden": "true"
-}, qr = {
+}, Jr = {
 	key: 1,
 	class: "uid-breadcrumb__current",
 	"aria-current": "page"
-}, Jr = ["href"], Yr = {
+}, Yr = ["href"], Xr = {
 	key: 5,
 	class: "uid-breadcrumb__text"
-}, Xr = /* @__PURE__ */ f({
+}, Zr = /* @__PURE__ */ f({
 	__name: "UidBreadcrumbItem",
 	props: {
 		href: { default: void 0 },
@@ -2211,7 +2232,7 @@ var Gr = [
 	},
 	emits: ["click"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, u = p(), d = h(zr, null), f = O(null), m = O(!1);
+		let r = e, i = n, u = p(), d = h(Br, null), f = O(null), m = O(!1);
 		function g() {
 			let e = f.value;
 			m.value = !!e && e.nextElementSibling === null;
@@ -2221,7 +2242,7 @@ var Gr = [
 		function C(e) {
 			d?.toggleMenu(e.currentTarget);
 		}
-		let { routerLink: E, fallbackHref: D } = Wr(r);
+		let { routerLink: E, fallbackHref: D } = Gr(r);
 		function k() {
 			return !!u?.vnode.props?.onClick;
 		}
@@ -2249,8 +2270,8 @@ var Gr = [
 				"aria-expanded": L(d).menuOpen.value,
 				"aria-controls": L(d).menuOpen.value ? L(d).menuId : void 0,
 				onClick: C
-			}, " … ", 8, Gr)) : (T(), c("span", Kr, "…"))], 64)) : s("", !0),
-			_.value ? (T(), c("span", qr, [A(n.$slots, "default")])) : L(E) ? (T(), o(M(L(E)), {
+			}, " … ", 8, Kr)) : (T(), c("span", qr, "…"))], 64)) : s("", !0),
+			_.value ? (T(), c("span", Jr, [A(n.$slots, "default")])) : L(E) ? (T(), o(M(L(E)), {
 				key: 2,
 				class: "uid-breadcrumb__link",
 				to: e.to,
@@ -2263,15 +2284,15 @@ var Gr = [
 				class: "uid-breadcrumb__link",
 				href: L(D),
 				onClick: j
-			}, [A(n.$slots, "default")], 8, Jr)) : k() ? (T(), c("button", {
+			}, [A(n.$slots, "default")], 8, Yr)) : k() ? (T(), c("button", {
 				key: 4,
 				type: "button",
 				class: "uid-breadcrumb__link uid-breadcrumb__link--button",
 				onClick: j
-			}, [A(n.$slots, "default")])) : (T(), c("span", Yr, [A(n.$slots, "default")]))
+			}, [A(n.$slots, "default")])) : (T(), c("span", Xr, [A(n.$slots, "default")]))
 		], 2));
 	}
-}), Zr = /* @__PURE__ */ f({
+}), Qr = /* @__PURE__ */ f({
 	__name: "UidLink",
 	props: {
 		href: { default: void 0 },
@@ -2287,7 +2308,7 @@ var Gr = [
 		as: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, { routerLink: n, fallbackHref: r } = Wr(t), i = a(() => t.as ?? n.value ?? "a"), s = a(() => t.as === void 0 && n.value ? { to: t.to } : {
+		let t = e, { routerLink: n, fallbackHref: r } = Gr(t), i = a(() => t.as ?? n.value ?? "a"), s = a(() => t.as === void 0 && n.value ? { to: t.to } : {
 			href: t.disabled ? void 0 : r.value,
 			target: t.external ? "_blank" : void 0,
 			rel: t.external ? "noopener noreferrer" : void 0
@@ -2304,15 +2325,15 @@ var Gr = [
 			"tabindex"
 		]));
 	}
-}), Qr = ["aria-label"], $r = ["disabled", "aria-label"], ei = {
+}), $r = ["aria-label"], ei = ["disabled", "aria-label"], ti = {
 	key: 0,
 	class: "uid-pagination__ellipsis",
 	"aria-hidden": "true"
-}, ti = [
+}, ni = [
 	"aria-label",
 	"aria-current",
 	"onClick"
-], ni = ["disabled", "aria-label"], ri = /* @__PURE__ */ f({
+], ri = ["disabled", "aria-label"], ii = /* @__PURE__ */ f({
 	__name: "UidPagination",
 	props: /* @__PURE__ */ g({
 		total: {},
@@ -2354,15 +2375,15 @@ var Gr = [
 			}, [d(e, {
 				icon: L(ce),
 				size: 16
-			}, null, 8, ["icon"])], 8, $r),
-			(T(!0), c(t, null, k(f.value, (e, n) => (T(), c(t, { key: `${n}-${e}` }, [e === "..." ? (T(), c("span", ei, " … ")) : (T(), c("button", {
+			}, null, 8, ["icon"])], 8, ei),
+			(T(!0), c(t, null, k(f.value, (e, n) => (T(), c(t, { key: `${n}-${e}` }, [e === "..." ? (T(), c("span", ti, " … ")) : (T(), c("button", {
 				key: 1,
 				type: "button",
 				class: y(["uid-pagination__btn", { "uid-pagination__btn--active": e === i.value }]),
 				"aria-label": L(r).pagination.page(e),
 				"aria-current": e === i.value ? "page" : void 0,
 				onClick: (t) => p(e)
-			}, P(e), 11, ti))], 64))), 128)),
+			}, P(e), 11, ni))], 64))), 128)),
 			l("button", {
 				type: "button",
 				class: "uid-pagination__btn uid-pagination__btn--nav",
@@ -2372,10 +2393,10 @@ var Gr = [
 			}, [d(e, {
 				icon: L(le),
 				size: 16
-			}, null, 8, ["icon"])], 8, ni)
-		], 8, Qr));
+			}, null, 8, ["icon"])], 8, ri)
+		], 8, $r));
 	}
-}), ii = ["aria-label"], ai = ["disabled", "aria-label"], oi = ["disabled", "aria-label"], si = /* @__PURE__ */ f({
+}), ai = ["aria-label"], oi = ["disabled", "aria-label"], si = ["disabled", "aria-label"], ci = /* @__PURE__ */ f({
 	__name: "UidPaginationCursor",
 	props: {
 		hasPrev: {
@@ -2404,7 +2425,7 @@ var Gr = [
 		}, [d(e, {
 			icon: L(ce),
 			size: 16
-		}, null, 8, ["icon"]), u(" " + P(t.prevLabel ?? L(r).pagination.back), 1)], 8, ai), l("button", {
+		}, null, 8, ["icon"]), u(" " + P(t.prevLabel ?? L(r).pagination.back), 1)], 8, oi), l("button", {
 			type: "button",
 			class: "uid-pagination__btn uid-pagination__btn--nav uid-pagination__btn--labeled",
 			disabled: !t.hasNext,
@@ -2413,9 +2434,9 @@ var Gr = [
 		}, [u(P(t.nextLabel ?? L(r).pagination.forward) + " ", 1), d(e, {
 			icon: L(le),
 			size: 16
-		}, null, 8, ["icon"])], 8, oi)], 8, ii));
+		}, null, 8, ["icon"])], 8, si)], 8, ai));
 	}
-}), ci = { class: "uid-load-more" }, li = ["disabled"], ui = /* @__PURE__ */ f({
+}), li = { class: "uid-load-more" }, ui = ["disabled"], di = /* @__PURE__ */ f({
 	__name: "UidLoadMore",
 	props: {
 		loading: {
@@ -2431,20 +2452,20 @@ var Gr = [
 	emits: ["load"],
 	setup(e, { emit: t }) {
 		let n = $(), r = t;
-		return (t, i) => (T(), c("div", ci, [l("button", {
+		return (t, i) => (T(), c("div", li, [l("button", {
 			type: "button",
 			class: "uid-load-more__btn",
 			disabled: e.disabled || e.loading,
 			onClick: i[0] ||= (e) => r("load")
-		}, [e.loading ? (T(), o(on, {
+		}, [e.loading ? (T(), o(sn, {
 			key: 0,
 			size: "sm"
-		})) : s("", !0), l("span", null, P(e.label ?? L(n).pagination.loadMore), 1)], 8, li)]));
+		})) : s("", !0), l("span", null, P(e.label ?? L(n).pagination.loadMore), 1)], 8, ui)]));
 	}
-}), di = { class: "uid-infinite-scroll" }, fi = {
+}), fi = { class: "uid-infinite-scroll" }, pi = {
 	key: 0,
 	class: "uid-infinite-scroll__loader"
-}, pi = /* @__PURE__ */ f({
+}, mi = /* @__PURE__ */ f({
 	__name: "UidInfiniteScroll",
 	props: {
 		loading: {
@@ -2472,14 +2493,15 @@ var Gr = [
 			e && u();
 		}, { immediate: !0 }), G(() => n.disabled, (e) => {
 			e ? o() : u();
-		}), C(o), (t, n) => (T(), c("div", di, [e.loading ? (T(), c("div", fi, [d(on, { size: "sm" })])) : s("", !0), l("div", {
+		}), C(o), (t, n) => (T(), c("div", fi, [e.loading ? (T(), c("div", pi, [d(sn, { size: "sm" })])) : s("", !0), l("div", {
 			ref_key: "sentinelRef",
 			ref: i,
 			class: "uid-infinite-scroll__sentinel",
 			"aria-hidden": "true"
 		}, null, 512)]));
 	}
-}), mi = { class: "uid-page-size" }, hi = { class: "uid-page-size__label" }, gi = ["value"], _i = ["value"], vi = /* @__PURE__ */ f({
+}), hi = { class: "uid-page-size__label" }, gi = ["value"], _i = ["value"], vi = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidPageSize",
 	props: /* @__PURE__ */ g({
 		options: { default: () => [
@@ -2495,15 +2517,15 @@ var Gr = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = B(e, "modelValue"), r = $();
-		return (i, a) => (T(), c("div", mi, [l("span", hi, P(e.label ?? L(r).pagination.rowsPerPage), 1), l("select", {
+		let n = B(e, "modelValue"), { rootAttrs: r, controlAttrs: i } = ct(), a = $();
+		return (o, s) => (T(), c("div", _({ class: "uid-page-size" }, L(r)()), [l("span", hi, P(e.label ?? L(a).pagination.rowsPerPage), 1), l("select", _(L(i)(), {
 			class: "uid-page-size__select",
 			value: n.value,
-			onChange: a[0] ||= (e) => n.value = Number(e.target.value)
-		}, [(T(!0), c(t, null, k(e.options, (e) => (T(), c("option", {
+			onChange: s[0] ||= (e) => n.value = Number(e.target.value)
+		}), [(T(!0), c(t, null, k(e.options, (e) => (T(), c("option", {
 			key: e,
 			value: e
-		}, P(e), 9, _i))), 128))], 40, gi)]));
+		}, P(e), 9, _i))), 128))], 16, gi)], 16));
 	}
 }), yi = ["role", "tabindex"], bi = {
 	key: 0,
@@ -2905,7 +2927,7 @@ var Gr = [
 			class: y(["uid-table__th uid-table__th--select", ce.value]),
 			style: b(le.value),
 			scope: "col"
-		}, [d(Tt, {
+		}, [d(Et, {
 			"model-value": g.value,
 			indeterminate: C.value,
 			"aria-label": L(f).table.selectAll,
@@ -2936,7 +2958,7 @@ var Gr = [
 		}, null, 8, ["icon"])) : s("", !0)])], 46, Gi))), 128))], 512)]), l("tbody", qi, [n.loading ? (T(), c("tr", Ji, [l("td", {
 			colspan: h.value,
 			class: "uid-table__td uid-table__td--center"
-		}, [d(on, { size: "md" })], 8, Yi)])) : I.value ? (T(), c("tr", Xi, [l("td", {
+		}, [d(sn, { size: "md" })], 8, Yi)])) : I.value ? (T(), c("tr", Xi, [l("td", {
 			colspan: h.value,
 			class: "uid-table__td uid-table__td--empty"
 		}, [A(r.$slots, "empty", {}, () => [u(P(n.emptyText ?? L(f).table.empty), 1)])], 8, Zi)])) : (T(!0), c(t, { key: 2 }, k(n.data, (e, a) => (T(), c("tr", {
@@ -2948,7 +2970,7 @@ var Gr = [
 			class: y(["uid-table__td uid-table__td--select", ce.value]),
 			style: b(le.value),
 			onClick: i[0] ||= X(() => {}, ["stop"])
-		}, [d(Tt, {
+		}, [d(Et, {
 			"model-value": n.selection.has(m(e)),
 			"aria-label": L(f).table.row(m(e)),
 			"onUpdate:modelValue": (t) => F(e, t)
@@ -3018,7 +3040,7 @@ var Gr = [
 		function x(e) {
 			g.value = e, h("update:modelValue", e), h("change", e);
 		}
-		let S = O(!1), w = O(""), E = O(0), D = O(null), A = O(null), j = O(null), M = O(null), N = O(null), F = z(), { floatingStyle: I, update: R } = er(A, j, {
+		let S = O(!1), w = O(""), E = O(0), D = O(null), A = O(null), j = O(null), M = O(null), N = O(null), F = z(), { floatingStyle: I, update: R } = tr(A, j, {
 			placement: "bottom-start",
 			offset: 4
 		}), B = O(0);
@@ -3215,7 +3237,7 @@ var Gr = [
 	}
 }), ma = 8;
 function ha(e, t, n, r = {}) {
-	let { floatingStyle: i, update: o, actualPlacement: s } = er(e, t, {
+	let { floatingStyle: i, update: o, actualPlacement: s } = tr(e, t, {
 		placement: r.placement ?? "bottom-start",
 		offset: r.offset ?? 4
 	}), c = O(0), l = O(!1), u = O(null), d = null, f = !1;
@@ -3569,6 +3591,7 @@ var ga = [
 	key: 1,
 	class: "uid-slider__marks"
 }, Ma = ["disabled", "onClick"], Na = { class: "uid-slider__mark-label" }, Pa = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidSlider",
 	props: /* @__PURE__ */ g({
 		min: { default: 0 },
@@ -3596,65 +3619,65 @@ var ga = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = e, r = z(), i = a(() => n.ariaLabelledby ? void 0 : n.ariaLabel ?? n.label), o = B(e, "modelValue"), u = a(() => (o.value - n.min) / (n.max - n.min) * 100), d = a(() => n.max - n.min), f = a(() => {
-			let e = n.marks;
-			return !e || d.value <= 0 ? [] : (Array.isArray(e) ? e.map((e) => typeof e == "number" ? { value: e } : e) : Object.keys(e).map((t) => ({
+		let { rootAttrs: n, controlAttrs: r } = ct(), i = e, o = z(), u = a(() => i.ariaLabelledby ? void 0 : i.ariaLabel ?? i.label), d = B(e, "modelValue"), f = a(() => (d.value - i.min) / (i.max - i.min) * 100), p = a(() => i.max - i.min), m = a(() => {
+			let e = i.marks;
+			return !e || p.value <= 0 ? [] : (Array.isArray(e) ? e.map((e) => typeof e == "number" ? { value: e } : e) : Object.keys(e).map((t) => ({
 				value: Number(t),
 				label: e[Number(t)]
-			}))).filter((e) => Number.isFinite(e.value) && e.value >= n.min && e.value <= n.max).sort((e, t) => e.value - t.value).map((e) => ({
+			}))).filter((e) => Number.isFinite(e.value) && e.value >= i.min && e.value <= i.max).sort((e, t) => e.value - t.value).map((e) => ({
 				value: e.value,
-				label: e.label ?? (n.formatValue ? n.formatValue(e.value) : String(e.value)),
-				percent: (e.value - n.min) / d.value * 100
+				label: e.label ?? (i.formatValue ? i.formatValue(e.value) : String(e.value)),
+				percent: (e.value - i.min) / p.value * 100
 			}));
 		});
-		function p(e) {
-			n.disabled || o.value === e || (o.value = e);
+		function h(e) {
+			i.disabled || d.value === e || (d.value = e);
 		}
-		let m = a(() => n.formatValue ? n.formatValue(o.value) : String(o.value));
-		return (n, a) => (T(), c("div", { class: y(["uid-slider", {
+		let g = a(() => i.formatValue ? i.formatValue(d.value) : String(d.value));
+		return (i, a) => (T(), c("div", _(L(n)(), { class: ["uid-slider", {
 			"uid-slider--disabled": e.disabled,
-			"uid-slider--marked": f.value.length > 0
-		}]) }, [
+			"uid-slider--marked": m.value.length > 0
+		}] }), [
 			e.label || e.showValue ? (T(), c("div", Da, [e.label ? (T(), c("label", {
 				key: 0,
 				class: "uid-slider__label",
-				for: L(r)
-			}, P(e.label), 9, Oa)) : s("", !0), e.showValue ? (T(), c("span", ka, P(m.value), 1)) : s("", !0)])) : s("", !0),
-			J(l("input", {
-				id: L(r),
-				"onUpdate:modelValue": a[0] ||= (e) => o.value = e,
+				for: L(o)
+			}, P(e.label), 9, Oa)) : s("", !0), e.showValue ? (T(), c("span", ka, P(g.value), 1)) : s("", !0)])) : s("", !0),
+			J(l("input", _(L(r)(), {
+				id: L(o),
+				"onUpdate:modelValue": a[0] ||= (e) => d.value = e,
 				class: "uid-slider__input",
 				type: "range",
 				min: e.min,
 				max: e.max,
 				step: e.step,
 				disabled: e.disabled,
-				"aria-label": i.value,
+				"aria-label": u.value,
 				"aria-labelledby": e.ariaLabelledby,
-				"aria-valuetext": e.formatValue ? m.value : void 0,
+				"aria-valuetext": e.formatValue ? g.value : void 0,
 				"aria-valuemin": e.min,
 				"aria-valuemax": e.max,
-				"aria-valuenow": o.value,
-				style: b({ "--_fill": `${u.value}%` })
-			}, null, 12, Aa), [[
+				"aria-valuenow": d.value,
+				style: { "--_fill": `${f.value}%` }
+			}), null, 16, Aa), [[
 				U,
-				o.value,
+				d.value,
 				void 0,
 				{ number: !0 }
 			]]),
-			f.value.length ? (T(), c("div", ja, [(T(!0), c(t, null, k(f.value, (t) => (T(), c("button", {
+			m.value.length ? (T(), c("div", ja, [(T(!0), c(t, null, k(m.value, (t) => (T(), c("button", {
 				key: t.value,
 				type: "button",
-				class: y(["uid-slider__mark", { "uid-slider__mark--active": t.value <= o.value }]),
+				class: y(["uid-slider__mark", { "uid-slider__mark--active": t.value <= d.value }]),
 				style: b({ "--_pos": t.percent / 100 }),
 				disabled: e.disabled,
 				tabindex: "-1",
-				onClick: (e) => p(t.value)
+				onClick: (e) => h(t.value)
 			}, [a[1] ||= l("span", {
 				class: "uid-slider__mark-tick",
 				"aria-hidden": "true"
 			}, null, -1), l("span", Na, P(t.label), 1)], 14, Ma))), 128))])) : s("", !0)
-		], 2));
+		], 16));
 	}
 }), Fa = "[+-]?(?:\\d+\\.?\\d*|\\.\\d+)(?:e[+-]?\\d+)?";
 function Ia(e, t, n) {
@@ -4060,7 +4083,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 	}),
 	emits: ["update:modelValue"],
 	setup(i) {
-		let u = i, f = $(), p = B(i, "modelValue"), m = O(""), h = O(0), g = O(null), _ = O(null), b = O(null), { activate: x, deactivate: w } = Nn(g), E = Ln(), { lock: D, unlock: A } = Fn(), j = a(() => {
+		let u = i, f = $(), p = B(i, "modelValue"), m = O(""), h = O(0), g = O(null), _ = O(null), b = O(null), { activate: x, deactivate: w } = Pn(g), E = Rn(), { lock: D, unlock: A } = In(), j = a(() => {
 			let e = m.value.trim().toLowerCase();
 			return e ? u.commands.filter((t) => t.label.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e)) : u.commands;
 		}), M = a(() => {
@@ -4169,6 +4192,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 	"aria-invalid",
 	"aria-describedby"
 ], So = ["disabled", "aria-label"], Co = ["id"], wo = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidNumberInput",
 	props: /* @__PURE__ */ g({
 		min: { default: void 0 },
@@ -4212,74 +4236,75 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 		"change"
 	], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let r = t, i = n, o = B(t, "modelValue"), f = $(), p = a(() => f.value.numberInput.increment(r.step)), m = a(() => f.value.numberInput.decrement(r.step)), h = r.id ?? z(), g = a(() => !!r.error), _ = a(() => r.error || r.hint), v = a(() => r.min !== void 0 && o.value !== null && o.value <= r.min), b = a(() => r.max !== void 0 && o.value !== null && o.value >= r.max);
-		function x(e) {
-			return r.min !== void 0 && e < r.min && (e = r.min), r.max !== void 0 && e > r.max && (e = r.max), e;
+		let { rootAttrs: r, controlAttrs: i } = ct(), o = t, f = n, p = B(t, "modelValue"), m = $(), h = a(() => m.value.numberInput.increment(o.step)), g = a(() => m.value.numberInput.decrement(o.step)), v = o.id ?? z(), b = a(() => !!o.error), x = a(() => o.error || o.hint), S = a(() => o.min !== void 0 && p.value !== null && p.value <= o.min), C = a(() => o.max !== void 0 && p.value !== null && p.value >= o.max);
+		function w(e) {
+			return o.min !== void 0 && e < o.min && (e = o.min), o.max !== void 0 && e > o.max && (e = o.max), e;
 		}
-		function S(e) {
-			if (r.precision === void 0) return e;
-			let t = 10 ** r.precision;
+		function E(e) {
+			if (o.precision === void 0) return e;
+			let t = 10 ** o.precision;
 			return Math.round(e * t) / t;
 		}
-		function C(e) {
-			e !== o.value && (o.value = e, i("change", e));
+		function D(e) {
+			e !== p.value && (p.value = e, f("change", e));
 		}
-		function w() {
-			r.disabled || r.readonly || C(S(x((o.value ?? r.min ?? 0) + r.step)));
+		function O() {
+			o.disabled || o.readonly || D(E(w((p.value ?? o.min ?? 0) + o.step)));
 		}
-		function E() {
-			r.disabled || r.readonly || C(S(x((o.value ?? r.max ?? 0) - r.step)));
+		function k() {
+			o.disabled || o.readonly || D(E(w((p.value ?? o.max ?? 0) - o.step)));
 		}
-		function D(e) {
+		function A(e) {
 			let t = e.target.value;
 			if (t === "" || t === "-") {
-				C(null);
+				D(null);
 				return;
 			}
 			let n = Number(t);
-			Number.isNaN(n) || C(S(n));
+			Number.isNaN(n) || D(E(n));
 		}
-		function O(e) {
-			if (o.value !== null) {
-				let e = S(x(o.value));
-				e !== o.value && C(e);
+		function j(e) {
+			if (p.value !== null) {
+				let e = E(w(p.value));
+				e !== p.value && D(e);
 			}
-			i("blur", e);
+			f("blur", e);
 		}
-		function k(e) {
-			e.key === "ArrowUp" ? (e.preventDefault(), w()) : e.key === "ArrowDown" && (e.preventDefault(), E());
+		function M(e) {
+			e.key === "ArrowUp" ? (e.preventDefault(), O()) : e.key === "ArrowDown" && (e.preventDefault(), k());
 		}
-		let A = a(() => o.value === null ? "" : String(o.value)), j = a(() => r.controls && !r.disabled && !r.readonly);
-		return (n, r) => (T(), c("div", { class: y(["uid-number-input", [
+		let N = a(() => p.value === null ? "" : String(p.value)), F = a(() => o.controls && !o.disabled && !o.readonly);
+		return (n, a) => (T(), c("div", _(L(r)(), { class: ["uid-number-input", [
 			`uid-number-input--${t.size}`,
-			g.value && "uid-number-input--error",
+			b.value && "uid-number-input--error",
 			t.disabled && "uid-number-input--disabled",
 			t.readonly && "uid-number-input--readonly",
 			t.centered && "uid-number-input--centered"
-		]]) }, [
+		]] }), [
 			t.label ? (T(), c("label", {
 				key: 0,
-				for: L(h),
+				for: L(v),
 				class: "uid-number-input__label"
 			}, [u(P(t.label) + " ", 1), t.required ? (T(), c("span", vo, "*")) : s("", !0)], 8, _o)) : s("", !0),
 			l("div", yo, [
-				j.value ? (T(), c("button", {
+				F.value ? (T(), c("button", {
 					key: 0,
 					type: "button",
 					class: "uid-number-input__btn uid-number-input__btn--prefix",
-					disabled: t.disabled || t.readonly || v.value,
-					"aria-label": m.value,
+					disabled: t.disabled || t.readonly || S.value,
+					"aria-label": g.value,
 					tabindex: "-1",
-					onClick: E
+					onClick: k
 				}, [d(e, {
 					icon: L(ye),
 					size: 14
 				}, null, 8, ["icon"])], 8, bo)) : s("", !0),
-				l("input", {
-					id: L(h),
+				l("input", _({
+					id: L(v),
 					class: "uid-number-input__input",
 					type: "number",
-					inputmode: "decimal",
+					inputmode: "decimal"
+				}, L(i)(), {
 					name: t.name,
 					placeholder: t.placeholder,
 					disabled: t.disabled,
@@ -4288,33 +4313,33 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 					min: t.min,
 					max: t.max,
 					step: t.step,
-					value: A.value,
-					"aria-invalid": g.value ? "true" : void 0,
-					"aria-describedby": _.value ? `${L(h)}-hint` : void 0,
-					onInput: D,
-					onBlur: O,
-					onFocus: r[0] ||= (e) => i("focus", e),
-					onKeydown: k
-				}, null, 40, xo),
-				j.value ? (T(), c("button", {
+					value: N.value,
+					"aria-invalid": b.value ? "true" : void 0,
+					"aria-describedby": x.value ? `${L(v)}-hint` : void 0,
+					onInput: A,
+					onBlur: j,
+					onFocus: a[0] ||= (e) => f("focus", e),
+					onKeydown: M
+				}), null, 16, xo),
+				F.value ? (T(), c("button", {
 					key: 1,
 					type: "button",
 					class: "uid-number-input__btn",
-					disabled: t.disabled || t.readonly || b.value,
-					"aria-label": p.value,
+					disabled: t.disabled || t.readonly || C.value,
+					"aria-label": h.value,
 					tabindex: "-1",
-					onClick: w
+					onClick: O
 				}, [d(e, {
 					icon: L(be),
 					size: 14
 				}, null, 8, ["icon"])], 8, So)) : s("", !0)
 			]),
-			_.value ? (T(), c("p", {
+			x.value ? (T(), c("p", {
 				key: 1,
-				id: `${L(h)}-hint`,
-				class: y(["uid-number-input__hint", g.value && "uid-number-input__hint--error"])
-			}, P(_.value), 11, Co)) : s("", !0)
-		], 2));
+				id: `${L(v)}-hint`,
+				class: y(["uid-number-input__hint", b.value && "uid-number-input__hint--error"])
+			}, P(x.value), 11, Co)) : s("", !0)
+		], 16));
 	}
 }), To = [
 	"aria-expanded",
@@ -4986,6 +5011,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 	"aria-invalid",
 	"aria-describedby"
 ], _s = ["id"], vs = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidTagsInput",
 	props: /* @__PURE__ */ g({
 		separators: { default: () => [",", "Enter"] },
@@ -5018,112 +5044,112 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 	}),
 	emits: /* @__PURE__ */ g(["add", "remove"], ["update:modelValue"]),
 	setup(e, { emit: n }) {
-		let r = e, i = n, o = B(e, "modelValue"), d = O(""), f = O(null), p = r.id ?? z(), m = $(), h = a(() => !!r.error), g = a(() => r.error || r.hint), _ = a(() => r.max !== void 0 && o.value.length >= r.max);
-		function v(e) {
-			return r.validate ? r.validate(e) : !0;
+		let { rootAttrs: r, controlAttrs: i } = ct(), o = e, d = n, f = B(e, "modelValue"), p = O(""), m = O(null), h = o.id ?? z(), g = $(), v = a(() => !!o.error), b = a(() => o.error || o.hint), x = a(() => o.max !== void 0 && f.value.length >= o.max);
+		function S(e) {
+			return o.validate ? o.validate(e) : !0;
 		}
-		function b() {
-			let e = d.value.trim();
-			if (e && !_.value) {
-				if (r.unique && o.value.includes(e)) {
-					d.value = "";
+		function C() {
+			let e = p.value.trim();
+			if (e && !x.value) {
+				if (o.unique && f.value.includes(e)) {
+					p.value = "";
 					return;
 				}
-				v(e) && (o.value = [...o.value, e], i("add", e), d.value = "");
+				S(e) && (f.value = [...f.value, e], d("add", e), p.value = "");
 			}
 		}
-		function x(e) {
-			let t = o.value[e];
-			o.value = o.value.filter((t, n) => n !== e), i("remove", t, e);
+		function w(e) {
+			let t = f.value[e];
+			f.value = f.value.filter((t, n) => n !== e), d("remove", t, e);
 		}
-		function S(e) {
-			if (r.separators.includes(e.key)) {
-				e.preventDefault(), b();
+		function E(e) {
+			if (o.separators.includes(e.key)) {
+				e.preventDefault(), C();
 				return;
 			}
-			e.key === "Backspace" && d.value === "" && o.value.length > 0 && x(o.value.length - 1);
+			e.key === "Backspace" && p.value === "" && f.value.length > 0 && w(f.value.length - 1);
 		}
-		function C(e) {
+		function D(e) {
 			let t = e.target, n = t.value;
-			for (let e of r.separators) if (e !== "Enter" && n.includes(e)) {
-				let a = n.split(e);
-				n = a.pop() ?? "", t.value = n, d.value = n;
-				for (let e of a) {
+			for (let e of o.separators) if (e !== "Enter" && n.includes(e)) {
+				let r = n.split(e);
+				n = r.pop() ?? "", t.value = n, p.value = n;
+				for (let e of r) {
 					let t = e.trim();
 					if (t) {
-						if (_.value) break;
-						r.unique && o.value.includes(t) || v(t) && (o.value = [...o.value, t], i("add", t));
+						if (x.value) break;
+						o.unique && f.value.includes(t) || S(t) && (f.value = [...f.value, t], d("add", t));
 					}
 				}
 				return;
 			}
-			d.value = n;
+			p.value = n;
 		}
-		function w(e) {
+		function A(e) {
 			let t = e.clipboardData?.getData("text");
 			if (!t) return;
-			let n = RegExp(`[${r.separators.filter((e) => e !== "Enter").join("")}\\n]`);
+			let n = RegExp(`[${o.separators.filter((e) => e !== "Enter").join("")}\\n]`);
 			if (n.test(t)) {
 				e.preventDefault();
 				for (let e of t.split(n)) {
 					let t = e.trim();
 					if (t) {
-						if (_.value) break;
-						r.unique && o.value.includes(t) || v(t) && (o.value = [...o.value, t], i("add", t));
+						if (x.value) break;
+						o.unique && f.value.includes(t) || S(t) && (f.value = [...f.value, t], d("add", t));
 					}
 				}
 			}
 		}
-		function E() {
-			f.value?.focus();
+		function j() {
+			m.value?.focus();
 		}
-		return (n, r) => (T(), c("div", { class: y(["uid-tags-input", [
+		return (n, a) => (T(), c("div", _(L(r)(), { class: ["uid-tags-input", [
 			`uid-tags-input--${e.size}`,
-			h.value && "uid-tags-input--error",
+			v.value && "uid-tags-input--error",
 			e.disabled && "uid-tags-input--disabled"
-		]]) }, [
+		]] }), [
 			e.label ? (T(), c("label", {
 				key: 0,
-				for: L(p),
+				for: L(h),
 				class: "uid-tags-input__label"
 			}, [u(P(e.label) + " ", 1), e.required ? (T(), c("span", ms, "*")) : s("", !0)], 8, ps)) : s("", !0),
 			l("div", {
 				class: "uid-tags-input__control",
 				role: "list",
-				onClick: E
-			}, [(T(!0), c(t, null, k(o.value, (t, n) => (T(), c("span", {
+				onClick: j
+			}, [(T(!0), c(t, null, k(f.value, (t, n) => (T(), c("span", {
 				key: `${t}-${n}`,
-				class: y(["uid-tags-input__chip", { "uid-tags-input__chip--invalid": !v(t) }]),
+				class: y(["uid-tags-input__chip", { "uid-tags-input__chip--invalid": !S(t) }]),
 				role: "listitem"
 			}, [l("span", null, P(t), 1), e.disabled ? s("", !0) : (T(), c("button", {
 				key: 0,
 				type: "button",
 				class: "uid-tags-input__chip-remove",
-				"aria-label": L(m).tagsInput.remove(t),
-				onClick: X((e) => x(n), ["stop"])
-			}, "×", 8, hs))], 2))), 128)), l("input", {
-				id: L(p),
+				"aria-label": L(g).tagsInput.remove(t),
+				onClick: X((e) => w(n), ["stop"])
+			}, "×", 8, hs))], 2))), 128)), l("input", _(L(i)(), {
+				id: L(h),
 				ref_key: "inputRef",
-				ref: f,
+				ref: m,
 				class: "uid-tags-input__field",
 				type: "text",
-				placeholder: o.value.length === 0 ? e.placeholder : "",
+				placeholder: f.value.length === 0 ? e.placeholder : "",
 				disabled: e.disabled,
-				readonly: _.value,
-				value: d.value,
-				"aria-invalid": h.value ? "true" : void 0,
-				"aria-describedby": g.value ? `${L(p)}-hint` : void 0,
-				onInput: C,
-				onKeydown: S,
-				onPaste: w,
-				onBlur: b
-			}, null, 40, gs)]),
-			g.value ? (T(), c("p", {
+				readonly: x.value,
+				value: p.value,
+				"aria-invalid": v.value ? "true" : void 0,
+				"aria-describedby": b.value ? `${L(h)}-hint` : void 0,
+				onInput: D,
+				onKeydown: E,
+				onPaste: A,
+				onBlur: C
+			}), null, 16, gs)]),
+			b.value ? (T(), c("p", {
 				key: 1,
-				id: `${L(p)}-hint`,
-				class: y(["uid-tags-input__hint", h.value && "uid-tags-input__hint--error"])
-			}, P(g.value), 11, _s)) : s("", !0)
-		], 2));
+				id: `${L(h)}-hint`,
+				class: y(["uid-tags-input__hint", v.value && "uid-tags-input__hint--error"])
+			}, P(b.value), 11, _s)) : s("", !0)
+		], 16));
 	}
 }), ys = ["for"], bs = {
 	key: 0,
@@ -5153,6 +5179,7 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 	key: 2,
 	class: "uid-combobox__empty"
 }, js = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidCombobox",
 	props: /* @__PURE__ */ g({
 		options: {},
@@ -5189,165 +5216,165 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 	}),
 	emits: /* @__PURE__ */ g(["change", "create"], ["update:modelValue"]),
 	setup(r, { emit: i }) {
-		let f = r, p = $(), m = a(() => f.placeholder ?? p.value.combobox.placeholder), h = a(() => f.emptyText ?? p.value.combobox.noResults), g = i, _ = B(r, "modelValue"), x = O(!1), S = O(""), w = O(0), E = O(null), D = O(null), A = O(null), j = O(null), { panelStyle: M, containsTarget: N } = ha(j, A, x, { matchWidth: "exact" }), F = f.id ?? z(), I = z(), R = a(() => f.options.find((e) => e.value === _.value) ?? null);
-		G(R, (e) => {
-			x.value || (S.value = e?.label ?? "");
+		let { rootAttrs: f, controlAttrs: p } = ct(), m = r, h = $(), g = a(() => m.placeholder ?? h.value.combobox.placeholder), x = a(() => m.emptyText ?? h.value.combobox.noResults), S = i, w = B(r, "modelValue"), E = O(!1), D = O(""), A = O(0), j = O(null), M = O(null), N = O(null), F = O(null), { panelStyle: I, containsTarget: R } = ha(F, N, E, { matchWidth: "exact" }), V = m.id ?? z(), H = z(), U = a(() => m.options.find((e) => e.value === w.value) ?? null);
+		G(U, (e) => {
+			E.value || (D.value = e?.label ?? "");
 		}, { immediate: !0 });
-		let V = a(() => {
-			let e = S.value.trim().toLowerCase();
-			return e ? f.filter ? f.options.filter((e) => f.filter(e, S.value)) : f.options.filter((t) => t.label.toLowerCase().includes(e)) : f.options;
-		}), H = a(() => f.allowCreate && S.value.trim().length > 0 && !V.value.some((e) => e.label.toLowerCase() === S.value.trim().toLowerCase())), U = a(() => !!f.error), W = a(() => f.error || f.hint);
-		G(S, () => {
-			w.value = 0;
+		let W = a(() => {
+			let e = D.value.trim().toLowerCase();
+			return e ? m.filter ? m.options.filter((e) => m.filter(e, D.value)) : m.options.filter((t) => t.label.toLowerCase().includes(e)) : m.options;
+		}), K = a(() => m.allowCreate && D.value.trim().length > 0 && !W.value.some((e) => e.label.toLowerCase() === D.value.trim().toLowerCase())), q = a(() => !!m.error), J = a(() => m.error || m.hint);
+		G(D, () => {
+			A.value = 0;
 		});
-		function K() {
-			f.disabled || (x.value = !0);
-		}
-		function q() {
-			x.value = !1, S.value = R.value?.label ?? "";
-		}
-		function J(e) {
-			e.disabled || (_.value = e.value, g("change", e.value), S.value = e.label, x.value = !1, D.value?.blur());
-		}
 		function Y() {
-			let e = S.value.trim();
-			e && (g("create", e), x.value = !1);
+			m.disabled || (E.value = !0);
 		}
-		function X(e) {
-			e.stopPropagation(), _.value = null, g("change", null), S.value = "", D.value?.focus();
+		function X() {
+			E.value = !1, D.value = U.value?.label ?? "";
 		}
 		function ee(e) {
-			S.value = e.target.value, x.value || K();
+			e.disabled || (w.value = e.value, S("change", e.value), D.value = e.label, E.value = !1, M.value?.blur());
 		}
 		function te() {
-			K();
+			let e = D.value.trim();
+			e && (S("create", e), E.value = !1);
 		}
 		function ne(e) {
+			e.stopPropagation(), w.value = null, S("change", null), D.value = "", M.value?.focus();
+		}
+		function Z(e) {
+			D.value = e.target.value, E.value || Y();
+		}
+		function re() {
+			Y();
+		}
+		function ie(e) {
 			if (e.key === "ArrowDown") {
-				if (e.preventDefault(), !x.value) {
-					K();
+				if (e.preventDefault(), !E.value) {
+					Y();
 					return;
 				}
-				Z();
-			} else if (e.key === "ArrowUp") e.preventDefault(), x.value && re();
+				ae();
+			} else if (e.key === "ArrowUp") e.preventDefault(), E.value && oe();
 			else if (e.key === "Enter") {
-				if (e.preventDefault(), !x.value) {
-					K();
+				if (e.preventDefault(), !E.value) {
+					Y();
 					return;
 				}
-				ie();
-			} else e.key === "Escape" ? x.value ? (e.stopPropagation(), q()) : D.value?.blur() : e.key === "Tab" && q();
+				ce();
+			} else e.key === "Escape" ? E.value ? (e.stopPropagation(), X()) : M.value?.blur() : e.key === "Tab" && X();
 		}
-		function Z() {
-			let e = V.value.length + +!!H.value;
-			e !== 0 && (w.value = Math.min(w.value + 1, e - 1), ae());
+		function ae() {
+			let e = W.value.length + +!!K.value;
+			e !== 0 && (A.value = Math.min(A.value + 1, e - 1), le());
 		}
-		function re() {
-			w.value = Math.max(w.value - 1, 0), ae();
+		function oe() {
+			A.value = Math.max(A.value - 1, 0), le();
 		}
-		function ie() {
-			if (H.value && w.value === V.value.length) {
-				Y();
+		function ce() {
+			if (K.value && A.value === W.value.length) {
+				te();
 				return;
 			}
-			let e = V.value[w.value];
-			e && J(e);
+			let e = W.value[A.value];
+			e && ee(e);
 		}
-		function ae() {
+		function le() {
 			v(() => {
-				(A.value?.querySelector("[data-active=\"true\"]"))?.scrollIntoView?.({ block: "nearest" });
+				(N.value?.querySelector("[data-active=\"true\"]"))?.scrollIntoView?.({ block: "nearest" });
 			});
 		}
-		function oe(e) {
+		function ue(e) {
 			let t = e.target;
-			!E.value?.contains(t) && !N(t) && q();
+			!j.value?.contains(t) && !R(t) && X();
 		}
-		return G(x, (e) => {
-			e ? (w.value = Math.max(0, V.value.findIndex((e) => e.value === _.value)), document.addEventListener("pointerdown", oe)) : document.removeEventListener("pointerdown", oe);
-		}), C(() => document.removeEventListener("pointerdown", oe)), (i, a) => (T(), c("div", {
+		return G(E, (e) => {
+			e ? (A.value = Math.max(0, W.value.findIndex((e) => e.value === w.value)), document.addEventListener("pointerdown", ue)) : document.removeEventListener("pointerdown", ue);
+		}), C(() => document.removeEventListener("pointerdown", ue)), (i, a) => (T(), c("div", _(L(f)(), {
 			ref_key: "containerRef",
-			ref: E,
-			class: y(["uid-combobox", [
+			ref: j,
+			class: ["uid-combobox", [
 				`uid-combobox--${r.size}`,
-				x.value && "uid-combobox--open",
+				E.value && "uid-combobox--open",
 				r.disabled && "uid-combobox--disabled",
-				U.value && "uid-combobox--error"
-			]])
-		}, [
+				q.value && "uid-combobox--error"
+			]]
+		}), [
 			r.label ? (T(), c("label", {
 				key: 0,
-				for: L(F),
+				for: L(V),
 				class: "uid-combobox__label"
 			}, [u(P(r.label) + " ", 1), r.required ? (T(), c("span", bs, "*")) : s("", !0)], 8, ys)) : s("", !0),
 			l("div", {
 				ref_key: "controlRef",
-				ref: j,
+				ref: F,
 				class: "uid-combobox__control"
-			}, [l("input", {
-				id: L(F),
+			}, [l("input", _(L(p)(), {
+				id: L(V),
 				ref_key: "inputRef",
-				ref: D,
+				ref: M,
 				class: "uid-combobox__field",
 				type: "text",
 				role: "combobox",
 				autocomplete: "off",
 				"aria-haspopup": "listbox",
-				"aria-expanded": x.value,
-				"aria-controls": L(I),
+				"aria-expanded": E.value,
+				"aria-controls": L(H),
 				"aria-autocomplete": "list",
-				"aria-activedescendant": x.value ? `${L(I)}-${w.value}` : void 0,
-				"aria-invalid": U.value ? "true" : void 0,
-				placeholder: m.value,
+				"aria-activedescendant": E.value ? `${L(H)}-${A.value}` : void 0,
+				"aria-invalid": q.value ? "true" : void 0,
+				placeholder: g.value,
 				disabled: r.disabled,
 				required: r.required,
-				value: S.value,
-				onInput: ee,
-				onFocus: te,
-				onKeydown: ne
-			}, null, 40, xs), l("div", Ss, [r.clearable && _.value !== null ? (T(), c("button", {
+				value: D.value,
+				onInput: Z,
+				onFocus: re,
+				onKeydown: ie
+			}), null, 16, xs), l("div", Ss, [r.clearable && w.value !== null ? (T(), c("button", {
 				key: 0,
 				type: "button",
 				class: "uid-combobox__clear",
-				"aria-label": L(p).common.clear,
-				onClick: X
+				"aria-label": L(h).common.clear,
+				onClick: ne
 			}, [d(e, {
 				icon: L(Ee),
 				size: 12
 			}, null, 8, ["icon"])], 8, Cs)) : s("", !0), d(e, {
 				icon: L(se),
 				size: 16,
-				class: y(["uid-combobox__chevron", { "uid-combobox__chevron--open": x.value }]),
+				class: y(["uid-combobox__chevron", { "uid-combobox__chevron--open": E.value }]),
 				"aria-hidden": "true",
-				onClick: K
+				onClick: Y
 			}, null, 8, ["icon", "class"])])], 512),
-			(T(), o(n, { to: "body" }, [x.value ? (T(), c("div", {
+			(T(), o(n, { to: "body" }, [E.value ? (T(), c("div", {
 				key: 0,
-				id: L(I),
+				id: L(H),
 				ref_key: "listRef",
-				ref: A,
+				ref: N,
 				class: "uid-combobox__dropdown",
-				style: b(L(M)),
+				style: b(L(I)),
 				role: "listbox"
 			}, [
-				V.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(V.value, (t, n) => (T(), c("button", {
-					id: `${L(I)}-${n}`,
+				W.value.length > 0 ? (T(!0), c(t, { key: 0 }, k(W.value, (t, n) => (T(), c("button", {
+					id: `${L(H)}-${n}`,
 					key: t.value,
 					type: "button",
 					role: "option",
 					class: y(["uid-combobox__option", {
-						"uid-combobox__option--active": n === w.value,
-						"uid-combobox__option--selected": t.value === _.value,
+						"uid-combobox__option--active": n === A.value,
+						"uid-combobox__option--selected": t.value === w.value,
 						"uid-combobox__option--disabled": t.disabled
 					}]),
-					"data-active": n === w.value ? "true" : void 0,
-					"aria-selected": t.value === _.value,
+					"data-active": n === A.value ? "true" : void 0,
+					"aria-selected": t.value === w.value,
 					"aria-disabled": t.disabled,
-					onClick: (e) => J(t),
-					onMouseenter: (e) => !t.disabled && (w.value = n)
+					onClick: (e) => ee(t),
+					onMouseenter: (e) => !t.disabled && (A.value = n)
 				}, [
 					l("span", Es, P(t.label), 1),
 					t.hint ? (T(), c("span", Ds, P(t.hint), 1)) : s("", !0),
-					t.value === _.value ? (T(), o(e, {
+					t.value === w.value ? (T(), o(e, {
 						key: 1,
 						icon: L(Q),
 						size: 14,
@@ -5355,23 +5382,23 @@ var qa = ["aria-expanded", "aria-disabled"], Ja = ["aria-label"], Ya = ["aria-la
 						"aria-hidden": "true"
 					}, null, 8, ["icon"])) : s("", !0)
 				], 42, Ts))), 128)) : s("", !0),
-				H.value ? (T(), c("button", {
+				K.value ? (T(), c("button", {
 					key: 1,
-					id: `${L(I)}-${V.value.length}`,
+					id: `${L(H)}-${W.value.length}`,
 					type: "button",
 					role: "option",
-					class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active": w.value === V.value.length }]),
-					"data-active": w.value === V.value.length ? "true" : void 0,
-					onClick: Y,
-					onMouseenter: a[0] ||= (e) => w.value = V.value.length
-				}, [l("span", ks, P(L(p).combobox.create(S.value)), 1)], 42, Os)) : s("", !0),
-				V.value.length === 0 && !H.value ? (T(), c("div", As, P(h.value), 1)) : s("", !0)
+					class: y(["uid-combobox__option uid-combobox__create", { "uid-combobox__option--active": A.value === W.value.length }]),
+					"data-active": A.value === W.value.length ? "true" : void 0,
+					onClick: te,
+					onMouseenter: a[0] ||= (e) => A.value = W.value.length
+				}, [l("span", ks, P(L(h).combobox.create(D.value)), 1)], 42, Os)) : s("", !0),
+				W.value.length === 0 && !K.value ? (T(), c("div", As, P(x.value), 1)) : s("", !0)
 			], 12, ws)) : s("", !0)])),
-			W.value ? (T(), c("p", {
+			J.value ? (T(), c("p", {
 				key: 1,
-				class: y(["uid-combobox__hint", U.value && "uid-combobox__hint--error"])
-			}, P(W.value), 3)) : s("", !0)
-		], 2));
+				class: y(["uid-combobox__hint", q.value && "uid-combobox__hint--error"])
+			}, P(J.value), 3)) : s("", !0)
+		], 16));
 	}
 }), Ms = Symbol("UidTree"), Ns = [
 	"aria-expanded",
@@ -6265,7 +6292,7 @@ var Lc = {
 			decoding: "async",
 			onLoad: C,
 			onError: w
-		}, null, 40, Zc))], 64)), n.preview ? (T(), o(Wn, {
+		}, null, 40, Zc))], 64)), n.preview ? (T(), o(Gn, {
 			key: 2,
 			modelValue: h.value,
 			"onUpdate:modelValue": i[0] ||= (e) => h.value = e,
@@ -7104,6 +7131,7 @@ var Lc = {
 	key: 0,
 	class: "uid-mention__empty"
 }, au = /* @__PURE__ */ f({
+	inheritAttrs: !1,
 	__name: "UidMention",
 	props: /* @__PURE__ */ g({
 		options: {},
@@ -7123,15 +7151,15 @@ var Lc = {
 	}),
 	emits: /* @__PURE__ */ g(["select"], ["update:modelValue"]),
 	setup(e, { emit: r }) {
-		let i = e, u = $(), d = a(() => i.emptyText ?? u.value.mention.noResults), f = r, p = B(e, "modelValue"), m = O(null), h = z(), g = O(!1), _ = O(""), x = O(0), S = O(-1), C = O(""), w = O(null), { panelStyle: E } = ha(m, w, g), D = a(() => Array.isArray(i.prefix) ? i.prefix : [i.prefix]), A = a(() => {
-			let e = _.value.toLowerCase();
-			return i.filter ? i.options.filter((e) => i.filter(e, _.value)) : e ? i.options.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : i.options;
+		let { rootAttrs: i, controlAttrs: u } = ct(), d = e, f = $(), p = a(() => d.emptyText ?? f.value.mention.noResults), m = r, h = B(e, "modelValue"), g = O(null), x = z(), S = O(!1), C = O(""), w = O(0), E = O(-1), D = O(""), A = O(null), { panelStyle: j } = ha(g, A, S), M = a(() => Array.isArray(d.prefix) ? d.prefix : [d.prefix]), N = a(() => {
+			let e = C.value.toLowerCase();
+			return d.filter ? d.options.filter((e) => d.filter(e, C.value)) : e ? d.options.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : d.options;
 		});
-		function j() {
-			let e = m.value;
+		function F() {
+			let e = g.value;
 			if (!e) return;
-			let t = e.selectionStart ?? 0, n = p.value.slice(0, t), r = -1, i = "";
-			for (let e of D.value) {
+			let t = e.selectionStart ?? 0, n = h.value.slice(0, t), r = -1, i = "";
+			for (let e of M.value) {
 				let t = n.lastIndexOf(e);
 				if (t > r) {
 					let a = n[t - 1];
@@ -7141,62 +7169,62 @@ var Lc = {
 					}
 				}
 			}
-			r >= 0 ? (S.value = r, C.value = i, _.value = n.slice(r + i.length), x.value = 0, g.value ||= !0) : (g.value = !1, _.value = "", S.value = -1);
+			r >= 0 ? (E.value = r, D.value = i, C.value = n.slice(r + i.length), w.value = 0, S.value ||= !0) : (S.value = !1, C.value = "", E.value = -1);
 		}
-		function M(e) {
-			if (S.value < 0) return;
-			let t = m.value;
+		function I(e) {
+			if (E.value < 0) return;
+			let t = g.value;
 			if (!t) return;
-			let n = t.selectionStart ?? 0, r = p.value.slice(0, S.value), i = p.value.slice(n), a = `${C.value}${e.value} `;
-			p.value = r + a + i, f("select", e, C.value), g.value = !1, S.value = -1, _.value = "", v(() => {
+			let n = t.selectionStart ?? 0, r = h.value.slice(0, E.value), i = h.value.slice(n), a = `${D.value}${e.value} `;
+			h.value = r + a + i, m("select", e, D.value), S.value = !1, E.value = -1, C.value = "", v(() => {
 				let e = r.length + a.length;
 				t.focus(), t.setSelectionRange(e, e);
 			});
 		}
-		function N(e) {
-			p.value = e.target.value, j();
+		function R(e) {
+			h.value = e.target.value, F();
 		}
-		function F() {
-			j();
+		function V() {
+			F();
 		}
-		function I(e) {
-			g.value && (e.key === "ArrowDown" ? (e.preventDefault(), x.value = Math.min(x.value + 1, A.value.length - 1)) : e.key === "ArrowUp" ? (e.preventDefault(), x.value = Math.max(x.value - 1, 0)) : e.key === "Enter" || e.key === "Tab" ? A.value.length > 0 && (e.preventDefault(), M(A.value[x.value])) : e.key === "Escape" && g.value && (e.stopPropagation(), g.value = !1));
+		function H(e) {
+			S.value && (e.key === "ArrowDown" ? (e.preventDefault(), w.value = Math.min(w.value + 1, N.value.length - 1)) : e.key === "ArrowUp" ? (e.preventDefault(), w.value = Math.max(w.value - 1, 0)) : e.key === "Enter" || e.key === "Tab" ? N.value.length > 0 && (e.preventDefault(), I(N.value[w.value])) : e.key === "Escape" && S.value && (e.stopPropagation(), S.value = !1));
 		}
-		return (r, i) => (T(), c("div", { class: y(["uid-mention", { "uid-mention--disabled": e.disabled }]) }, [
+		return (r, a) => (T(), c("div", _(L(i)(), { class: ["uid-mention", { "uid-mention--disabled": e.disabled }] }), [
 			e.label ? (T(), c("label", {
 				key: 0,
-				for: L(h),
+				for: L(x),
 				class: "uid-mention__label"
 			}, P(e.label), 9, $l)) : s("", !0),
-			l("textarea", {
-				id: L(h),
+			l("textarea", _(L(u)(), {
+				id: L(x),
 				ref_key: "fieldRef",
-				ref: m,
+				ref: g,
 				class: "uid-mention__field",
-				value: p.value,
+				value: h.value,
 				placeholder: e.placeholder,
 				rows: e.rows,
 				disabled: e.disabled,
-				onInput: N,
-				onClick: F,
-				onKeydown: I,
-				onKeyup: j,
-				onBlur: i[0] ||= (e) => g.value = !1
-			}, null, 40, eu),
-			(T(), o(n, { to: "body" }, [g.value ? (T(), c("div", {
+				onInput: R,
+				onClick: V,
+				onKeydown: H,
+				onKeyup: F,
+				onBlur: a[0] ||= (e) => S.value = !1
+			}), null, 16, eu),
+			(T(), o(n, { to: "body" }, [S.value ? (T(), c("div", {
 				key: 0,
 				ref_key: "panelRef",
-				ref: w,
+				ref: A,
 				class: "uid-mention__dropdown",
-				style: b(L(E))
-			}, [(T(!0), c(t, null, k(A.value, (e, t) => (T(), c("button", {
+				style: b(L(j))
+			}, [(T(!0), c(t, null, k(N.value, (e, t) => (T(), c("button", {
 				key: e.value,
 				type: "button",
-				class: y(["uid-mention__option", { "uid-mention__option--active": t === x.value }]),
-				onMousedown: X((t) => M(e), ["prevent"]),
-				onMouseenter: (e) => x.value = t
-			}, [l("span", nu, P(e.label), 1), e.hint ? (T(), c("span", ru, P(e.hint), 1)) : s("", !0)], 42, tu))), 128)), A.value.length === 0 ? (T(), c("div", iu, P(d.value), 1)) : s("", !0)], 4)) : s("", !0)]))
-		], 2));
+				class: y(["uid-mention__option", { "uid-mention__option--active": t === w.value }]),
+				onMousedown: X((t) => I(e), ["prevent"]),
+				onMouseenter: (e) => w.value = t
+			}, [l("span", nu, P(e.label), 1), e.hint ? (T(), c("span", ru, P(e.hint), 1)) : s("", !0)], 42, tu))), 128)), N.value.length === 0 ? (T(), c("div", iu, P(p.value), 1)) : s("", !0)], 4)) : s("", !0)]))
+		], 16));
 	}
 }), ou = ["for"], su = {
 	key: 0,
@@ -9108,7 +9136,7 @@ var Lc = {
 		as: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, { routerLink: n, fallbackHref: r } = Wr(t), i = a(() => t.as ?? n.value ?? "a"), u = a(() => t.as === void 0 && n.value ? { to: t.to } : { href: t.disabled ? void 0 : r.value });
+		let t = e, { routerLink: n, fallbackHref: r } = Gr(t), i = a(() => t.as ?? n.value ?? "a"), u = a(() => t.as === void 0 && n.value ? { to: t.to } : { href: t.disabled ? void 0 : r.value });
 		return (t, n) => (T(), o(M(i.value), _({ class: ["uid-sidebar-item", {
 			"uid-sidebar-item--active": e.active,
 			"uid-sidebar-item--disabled": e.disabled
@@ -9153,7 +9181,7 @@ var Lc = {
 function op(e, t) {
 	return T(), c("div", ap);
 }
-var sp = /* @__PURE__ */ vr(ip, [["render", op]]), cp = { class: "uid-pattern-page-header" }, lp = {
+var sp = /* @__PURE__ */ yr(ip, [["render", op]]), cp = { class: "uid-pattern-page-header" }, lp = {
 	key: 0,
 	class: "uid-pattern-page-header__breadcrumb"
 }, up = { class: "uid-pattern-page-header__row" }, dp = { class: "uid-pattern-page-header__heading" }, fp = ["aria-label"], pp = { class: "uid-pattern-page-header__title" }, mp = {
@@ -9371,7 +9399,7 @@ var zp = { class: "uid-layout-sidebar__sidebar" }, Bp = { class: "uid-layout-sid
 	props: { locale: {} },
 	setup(e) {
 		let t = e;
-		return rn(a(() => t.locale)), (e, t) => A(e.$slots, "default");
+		return an(a(() => t.locale)), (e, t) => A(e.$slots, "default");
 	}
 }), rm = {
 	code: "en-US",
@@ -9626,4 +9654,4 @@ function cm() {
 	};
 }
 //#endregion
-export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, hn as UidAlert, Wl as UidAnchor, Yp as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, ln as UidBadge, Ur as UidBreadcrumb, Xr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Tt as UidCheckbox, jt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, kf as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Zn as UidDrawer, wp as UidEmptyState, Mp as UidErrorState, gc as UidFileUpload, Gf as UidFooter, en as UidFormField, uf as UidGauge, Of as UidGrid, Bf as UidHeader, vf as UidHeatmap, e as UidIcon, el as UidImage, pi as UidInfiniteScroll, ht as UidInput, Yt as UidLabel, Zr as UidLink, ui as UidLoadMore, nm as UidLocaleProvider, au as UidMention, hr as UidMenu, _r as UidMenuItem, Sr as UidMenuSeparator, Wn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, _p as UidPageHeader, vi as UidPageSize, ri as UidPagination, si as UidPaginationCursor, or as UidPopover, jn as UidProgress, Jd as UidProgressRing, Ft as UidRadio, Vt as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, Xf as UidSidebar, sp as UidSidebarDivider, rp as UidSidebarGroup, ep as UidSidebarItem, Wp as UidSidebarLayout, Ip as UidSimpleLayout, cn as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, on as UidSpinner, ll as UidSplitter, Df as UidStack, vl as UidStat, Ef as UidStepper, Ar as UidSubMenu, Kt as UidSwitch, Ir as UidTab, Rr as UidTabPanel, $i as UidTable, Pr as UidTabs, Mi as UidTag, vs as UidTagsInput, bt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, xn as UidToast, Tn as UidToastProvider, rr as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, Mf as UidWizard, tm as UidWizardLayout, Pf as UidWizardStep, Ge as email, rm as en, ze as getMessage, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, rn as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, cm as useCommandPalette, st as useField, Nn as useFocusTrap, $ as useLocale, er as usePopover, Fn as useScrollLock, Rp as useSidebar, am as useTheme, wn as useToast, om as useWizard };
+export { Li as UidAccordion, Ui as UidAccordionItem, Fl as UidAffix, gn as UidAlert, Wl as UidAnchor, Yp as UidAuthLayout, Di as UidAvatar, Ai as UidAvatarGroup, Nl as UidBackTop, un as UidBadge, Wr as UidBreadcrumb, Zr as UidBreadcrumbItem, je as UidButton, Md as UidCalendar, wi as UidCard, Du as UidCarousel, vd as UidCascader, Et as UidCheckbox, Mt as UidCheckboxGroup, Gc as UidCode, io as UidColorPicker, js as UidCombobox, go as UidCommand, kf as UidContainer, Ta as UidDatePicker, fs as UidDateRangePicker, Tl as UidDescriptionItem, xl as UidDescriptionList, Pi as UidDivider, Qn as UidDrawer, wp as UidEmptyState, Mp as UidErrorState, gc as UidFileUpload, Gf as UidFooter, tn as UidFormField, uf as UidGauge, Of as UidGrid, Bf as UidHeader, vf as UidHeatmap, e as UidIcon, el as UidImage, mi as UidInfiniteScroll, gt as UidInput, Xt as UidLabel, Qr as UidLink, di as UidLoadMore, nm as UidLocaleProvider, au as UidMention, gr as UidMenu, vr as UidMenuItem, Cr as UidMenuSeparator, Gn as UidModal, xu as UidNotificationBadge, wo as UidNumberInput, _p as UidPageHeader, vi as UidPageSize, ii as UidPagination, ci as UidPaginationCursor, sr as UidPopover, Mn as UidProgress, Jd as UidProgressRing, It as UidRadio, Ht as UidRadioGroup, ol as UidRating, jl as UidResult, pa as UidSelect, Xf as UidSidebar, sp as UidSidebarDivider, rp as UidSidebarGroup, ep as UidSidebarItem, Wp as UidSidebarLayout, Ip as UidSimpleLayout, ln as UidSkeleton, Pa as UidSlider, Hd as UidSparkline, sn as UidSpinner, ll as UidSplitter, Df as UidStack, vl as UidStat, Ef as UidStepper, jr as UidSubMenu, qt as UidSwitch, Lr as UidTab, zr as UidTabPanel, $i as UidTable, Fr as UidTabs, Mi as UidTag, vs as UidTagsInput, xt as UidTextarea, Io as UidTimePicker, Us as UidTimeline, Zs as UidTimelineItem, Sn as UidToast, En as UidToastProvider, ir as UidTooltip, Ql as UidTour, $u as UidTransfer, Bs as UidTreeItem, vu as UidTreeSelect, Hs as UidTreeView, Ea as UidVirtualList, Rl as UidWatermark, Mf as UidWizard, tm as UidWizardLayout, Pf as UidWizardStep, Ge as email, rm as en, ze as getMessage, et as inList, Je as integer, Fc as isHighlightable, Xe as max, Qe as maxValue, Ye as min, Ze as minValue, Ka as normalizeColor, We as nullable, qe as numeric, Ua as parseColor, at as parseRules, an as provideLocale, $e as regex, Ue as required, nt as requiredIf, rt as requiredUnless, Me as ru, ot as runRules, tt as sameAs, Re as setMessages, Ie as setValidationLocale, Ic as tokenize, Ke as url, cm as useCommandPalette, st as useField, Pn as useFocusTrap, $ as useLocale, tr as usePopover, In as useScrollLock, Rp as useSidebar, am as useTheme, Tn as useToast, om as useWizard };