@db-ux/v-core-components 4.13.1-angular-signal-forms6-a1510bb → 4.13.1-angular-signal-forms10-4a8c8e1

package/dist/db-ux.es.js

@@ -35,7 +35,13 @@ var x = () => {
 	if (e != null) return e === "any" ? "any" : Number(e);
 }, N = (e, t) => t && ["number", "range"].includes(t) ? j(e) : e, P = (e) => typeof e == "string" ? e !== "false" : e, F = (e) => {
 	if (e != null) return k(!P(e), "show");
-}, I = (e, t) => (t === void 0 || P(t)) && !!e, L = (e) => e.querySelector("input[type=\"search\"]"), R = (e, t) => `${t}${e.id ?? e.value ?? x()}`, z = (e) => e.key !== void 0, B = ({ semantic: e, role: t, ariaLive: n }) => {
+}, I = (e, t) => (t === void 0 || P(t)) && !!e, L = (e) => e.querySelector("input[type=\"search\"]"), R = /* @__PURE__ */ new WeakMap(), z = (e, t) => {
+	if (e.id) return `${t}${e.id}`;
+	let n = e.value !== void 0 && e.value !== "" ? String(e.value) : "", r = e.label ?? "";
+	if (n || r) return `${t}${n.length}:${n}.${r}`;
+	let i = R.get(e);
+	return i || (i = x(), R.set(e, i)), `${t}${i}`;
+}, B = (e) => e.key !== void 0, V = ({ semantic: e, role: t, ariaLive: n }) => {
 	if (t) return t;
 	if (n) return "article";
 	switch (e) {
@@ -45,7 +51,7 @@ var x = () => {
 		case "successful": return "status";
 		default: return "article";
 	}
-}, V = ["id"], H = [
+}, H = ["id"], ee = [
 	"aria-disabled",
 	"name",
 	"open"
@@ -116,9 +122,9 @@ var x = () => {
 			ref: m,
 			name: l.value,
 			open: s.value
-		}, [i("summary", { onClick: d[0] ||= async (e) => v(e) }, [t.headlinePlain ? (f(), r(e, { key: 0 }, [a(g(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : h(u.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")])], 8, H)], 10, V));
+		}, [i("summary", { onClick: d[0] ||= async (e) => v(e) }, [t.headlinePlain ? (f(), r(e, { key: 0 }, [a(g(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : h(u.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")])], 8, ee)], 10, H));
 	}
-}), W = ["id", "data-variant"], ee = /* @__PURE__ */ s({
+}), te = ["id", "data-variant"], W = /* @__PURE__ */ s({
 	name: "DBAccordion",
 	__name: "accordion",
 	props: {
@@ -200,26 +206,26 @@ var x = () => {
 			"headlinePlain",
 			"disabled",
 			"text"
-		]))), 128)) : n("", !0)], 10, W));
+		]))), 128)) : n("", !0)], 10, te));
 	}
-}), G = ["divider", "card"], te = ["multiple", "single"], ne = "OVERWRITE_DEFAULT_ID", K = "LABEL SHOULD BE SET", re = " ", ie = "MESSAGE SHOULD BE SET", ae = "-label", oe = "-select", q = "-message", J = "-valid-message", se = "-invalid-message", ce = "-placeholder", le = "-datalist", Y = "TODO: Add a validMessage", ue = "TODO: Add an invalidMessage", de = "Remove", fe = "Back", pe = "Selected", me = "BurgerMenu", he = "brand", ge = 4, _e = "Close", ve = "density", ye = "color", be = /* @__PURE__ */ function(e) {
+}), ne = ["divider", "card"], re = ["multiple", "single"], G = "OVERWRITE_DEFAULT_ID", ie = "LABEL SHOULD BE SET", ae = " ", K = "MESSAGE SHOULD BE SET", oe = "-label", se = "-select", q = "-message", J = "-valid-message", ce = "-invalid-message", le = "-placeholder", Y = "-datalist", ue = "TODO: Add a validMessage", de = "TODO: Add an invalidMessage", fe = "Remove", pe = "Back", me = "Selected", he = "BurgerMenu", ge = "brand", _e = 4, ve = "Close", ye = "density", be = "color", xe = /* @__PURE__ */ function(e) {
 	return e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e;
-}({}), xe = Object.entries(be).map(([, e]) => e), X = /* @__PURE__ */ function(e) {
+}({}), X = Object.entries(xe).map(([, e]) => e), Z = /* @__PURE__ */ function(e) {
 	return e.PRIMARY = "primary", e;
-}({}), Z = /* @__PURE__ */ function(e) {
+}({}), Se = /* @__PURE__ */ function(e) {
 	return e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e;
-}({}), Se = Object.entries(Z).map(([, e]) => e), Ce = Object.entries(X).map(([, e]) => e), we = /* @__PURE__ */ function(e) {
+}({}), Ce = Object.entries(Se).map(([, e]) => e), we = Object.entries(Z).map(([, e]) => e), Te = /* @__PURE__ */ function(e) {
 	return e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e;
-}({}), Te = Object.entries(we).map(([, e]) => e), Ee = {
+}({}), Ee = Object.entries(Te).map(([, e]) => e), De = {
 	width: 390,
 	height: 884
-}, De = {
+}, Oe = {
 	width: 1920,
 	height: 1280
-}, Oe = [
+}, ke = [
 	{
 		name: "desktop",
-		...De
+		...Oe
 	},
 	{
 		name: "tablet",
@@ -228,9 +234,9 @@ var x = () => {
 	},
 	{
 		name: "mobile",
-		...Ee
+		...De
 	}
-], ke = "db-ux-framework", Ae = "db-ux-mode", je = [
+], Ae = "db-ux-framework", je = "db-ux-mode", Me = [
 	"id",
 	"data-semantic",
 	"data-size",
@@ -238,7 +244,7 @@ var x = () => {
 	"data-placement",
 	"data-wrap",
 	"data-label"
-], Me = /* @__PURE__ */ s({
+], Ne = /* @__PURE__ */ s({
 	name: "DBBadge",
 	__name: "badge",
 	props: {
@@ -282,9 +288,9 @@ var x = () => {
 			"data-placement": t.placement,
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			"data-label": t.placement?.startsWith("corner") && (t.label ?? _("LABEL SHOULD BE SET"))
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(o.$slots, "default")], 10, je));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(o.$slots, "default")], 10, Me));
 	}
-}), Ne = [
+}), Pe = [
 	"inline",
 	"corner-top-left",
 	"corner-top-right",
@@ -292,11 +298,11 @@ var x = () => {
 	"corner-center-right",
 	"corner-bottom-left",
 	"corner-bottom-right"
-], Pe = [
+], Fe = [
 	"data-icon",
 	"data-show-icon",
 	"id"
-], Fe = /* @__PURE__ */ s({
+], Ie = /* @__PURE__ */ s({
 	name: "DBBrand",
 	__name: "brand",
 	props: {
@@ -326,9 +332,9 @@ var x = () => {
 			"data-show-icon": _(k)(t.showIcon, "showIcon"),
 			id: t.id ?? t.propOverrides?.id,
 			class: c(_(C)("db-brand", i.class))
-		}, [h(s.$slots, "default"), t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0)], 10, Pe));
+		}, [h(s.$slots, "default"), t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0)], 10, Fe));
 	}
-}), Ie = [
+}), Le = [
 	"id",
 	"type",
 	"disabled",
@@ -346,7 +352,7 @@ var x = () => {
 	"value",
 	"command",
 	"commandfor"
-], Le = /* @__PURE__ */ s({
+], Re = /* @__PURE__ */ s({
 	name: "DBButton",
 	__name: "button",
 	props: {
@@ -429,23 +435,23 @@ var x = () => {
 			command: t.command,
 			commandfor: t.commandfor,
 			onClick: d[0] ||= async (e) => l(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")], 10, Ie));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")], 10, Le));
 	}
-}), Re = [
+}), ze = [
 	"outlined",
 	"brand",
 	"filled",
 	"ghost"
-], ze = [
+], Be = [
 	"button",
 	"reset",
 	"submit"
-], Be = [
+], Ve = [
 	"id",
 	"data-behavior",
 	"data-elevation-level",
 	"data-spacing"
-], Ve = /* @__PURE__ */ s({
+], He = /* @__PURE__ */ s({
 	name: "DBCard",
 	__name: "card",
 	props: {
@@ -478,20 +484,20 @@ var x = () => {
 			"data-elevation-level": e.elevationLevel,
 			"data-spacing": e.spacing,
 			onClick: o[0] ||= async (e) => i(e)
-		}, [h(a.$slots, "default")], 10, Be));
+		}, [h(a.$slots, "default")], 10, Ve));
 	}
-}), He = ["static", "interactive"], Ue = [
+}), Ue = ["static", "interactive"], We = [
 	"1",
 	"2",
 	"3"
 ], Q = (e, t, n = "value") => {
 	e(`update:${n}`, t.target[n]);
-}, We = (e, t, n) => {
+}, Ge = (e, t, n) => {
 	e.form && !e._dbFormResetListenerAdded && (e.form.addEventListener("reset", (e) => {
 		t(e);
 	}, { signal: n }), e._dbFormResetListenerAdded = !0);
-}, Ge = (e, t, n, r) => {
-	We(e, (r) => {
+}, Ke = (e, t, n, r) => {
+	Ge(e, (r) => {
 		O(() => {
 			let i = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked;
 			n({
@@ -503,8 +509,8 @@ var x = () => {
 			});
 		}, 1);
 	}, r);
-}, Ke = (e, t, n, r) => {
-	We(e, (r) => {
+}, qe = (e, t, n, r) => {
+	Ge(e, (r) => {
 		O(() => {
 			let i = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value;
 			n({
@@ -516,7 +522,7 @@ var x = () => {
 			});
 		}, 1);
 	}, r);
-}, qe = [
+}, Je = [
 	"id",
 	"data-icon",
 	"data-semantic",
@@ -558,13 +564,13 @@ var x = () => {
 			"data-size": t.size,
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			"data-show-icon-leading": _(k)(t.showIcon ?? !0, "showIcon")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, qe));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Je));
 	}
-}), Je = [
+}), Ye = [
 	"data-size",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Ye = ["for"], Xe = [
+], Xe = ["for"], Ze = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -574,10 +580,10 @@ var x = () => {
 	"value",
 	"required",
 	"aria-describedby"
-], Ze = {
+], Qe = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Qe = /* @__PURE__ */ s({
+}, $e = /* @__PURE__ */ s({
 	name: "DBCheckbox",
 	__name: "checkbox",
 	props: {
@@ -649,11 +655,11 @@ var x = () => {
 	setup(s, { emit: l }) {
 		let m = v(), x = l, S = s, w = p(!1), T = p(void 0), D = p(void 0), k = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(""), L = p(void 0), R = p(null);
 		u(() => {
-			w.value = !0, W(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
+			w.value = !0, U(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
 			L.value?.abort();
 		}), y(() => [S.id, S.propOverrides?.id], () => {
-			(S.id ?? S.propOverrides?.id) && W();
+			(S.id ?? S.propOverrides?.id) && U();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -665,7 +671,7 @@ var x = () => {
 		}), y(() => [T.value], () => {
 			if (T.value) {
 				let e = T.value + q;
-				D.value = e, k.value = T.value + J, j.value = T.value + se, I(S.message, S.showMessage) && (N.value = e), B();
+				D.value = e, k.value = T.value + J, j.value = T.value + ce, I(S.message, S.showMessage) && (N.value = e), B();
 			}
 		}, {
 			immediate: !0,
@@ -691,7 +697,7 @@ var x = () => {
 		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), Ge(R.value, {
+				e || (e = new AbortController(), L.value = e), Ke(R.value, {
 					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
@@ -714,12 +720,12 @@ var x = () => {
 		function H(e) {
 			S.onBlur && S.onBlur(e);
 		}
-		function U(e) {
+		function ee(e) {
 			S.onFocus && S.onFocus(e);
 		}
-		function W() {
+		function U() {
 			let e = S.id ?? S.propOverrides?.id ?? `checkbox-${m}`;
-			T.value = e, D.value = e + q, k.value = e + J, j.value = e + se;
+			T.value = e, D.value = e + q, k.value = e + J, j.value = e + ce;
 		}
 		return (l, u) => (f(), r("div", {
 			class: c(_(C)("db-checkbox", S.class)),
@@ -742,12 +748,12 @@ var x = () => {
 					required: _(A)(s.required, "required"),
 					onChange: u[0] ||= async (e) => V(e),
 					onBlur: u[1] ||= async (e) => H(e),
-					onFocus: u[2] ||= async (e) => U(e),
+					onFocus: u[2] ||= async (e) => ee(e),
 					"aria-describedby": s.ariaDescribedBy ?? N.value
-				}, null, 40, Xe),
+				}, null, 40, Ze),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, Ye),
+			], 8, Xe),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -774,10 +780,10 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Ze, g(P.value), 1)
-		], 10, Je));
+			i("span", Qe, g(P.value), 1)
+		], 10, Ye));
 	}
-}), $e = [
+}), et = [
 	"id",
 	"data-icon",
 	"data-show-icon",
@@ -787,7 +793,7 @@ var x = () => {
 	"data-width",
 	"data-variant",
 	"data-no-text"
-], et = /* @__PURE__ */ s({
+], tt = /* @__PURE__ */ s({
 	name: "DBCustomButton",
 	__name: "custom-button",
 	props: {
@@ -836,9 +842,9 @@ var x = () => {
 			"data-width": e.width,
 			"data-variant": e.variant,
 			"data-no-text": _(k)(e.noText, "noText")
-		}, [h(i.$slots, "default")], 10, $e));
+		}, [h(i.$slots, "default")], 10, et));
 	}
-}), tt = class e {
+}), nt = class e {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -855,7 +861,7 @@ var x = () => {
 	removeCallback(t) {
 		delete e.callbacks[t];
 	}
-}, nt = class e {
+}, rt = class e {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -877,7 +883,7 @@ var x = () => {
 	removeCallback(t) {
 		delete e.callbacks[t];
 	}
-}, rt = (e) => {
+}, it = (e) => {
 	let { top: t, bottom: n, left: r, right: i } = e.getBoundingClientRect(), { innerHeight: a, innerWidth: o } = window, s = t < 0, c = n > a, l = r < 0, u = i > o, d = e.dataset.outsideVy, f = e.dataset.outsideVx, p = e?.parentElement?.getBoundingClientRect();
 	return p && (d && (e.dataset.outsideVy === "top" ? s = p.top - (n - p.bottom) < 0 : c = p.bottom + (p.top - t) > a), f && (e.dataset.outsideVx === "left" ? l = p.left - (i - p.right) < 0 : u = p.right + (p.left - r) > o)), {
 		outTop: s,
@@ -885,17 +891,17 @@ var x = () => {
 		outLeft: l,
 		outRight: u
 	};
-}, it = (e) => {
-	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = rt(e), a = {};
+}, at = (e) => {
+	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = it(e), a = {};
 	return t || n ? (a = { vy: t ? "top" : "bottom" }, e.dataset.outsideVy = a.vy) : delete e.dataset.outsideVy, r || i ? (a = {
 		...a,
 		vx: i ? "right" : "left"
 	}, e.dataset.outsideVx = a.vx) : delete e.dataset.outsideVx, a;
-}, at = (e, t, n) => {
+}, ot = (e, t, n) => {
 	if (!e || !t) return;
 	let r = e.dataset.width === "full", i = e.dataset.width === "auto";
 	if (e.style.inlineSize = "", e.style.minInlineSize = "", getComputedStyle(e).zIndex === "9999") return;
-	let { top: a, bottom: o, childHeight: s, childWidth: c, width: l, right: u, left: d, correctedPlacement: f, innerWidth: p } = ot(e, t, n), m = l;
+	let { top: a, bottom: o, childHeight: s, childWidth: c, width: l, right: u, left: d, correctedPlacement: f, innerWidth: p } = st(e, t, n), m = l;
 	if (i) {
 		let t = parseFloat(getComputedStyle(e).maxInlineSize);
 		!isNaN(t) && t > 0 && (m = Math.min(l, t));
@@ -905,7 +911,7 @@ var x = () => {
 	i ? h = Math.max(c, m) : r && (h = l);
 	let g = f;
 	i && (g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start") && d + h > p && (g = g.startsWith("top") ? "top-end" : "bottom-end"), g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start" ? e.style.insetInlineStart = `${d}px` : (g === "top-end" || g === "bottom-end") && (e.style.insetInlineStart = `${Math.max(u - h, 0)}px`), g?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : g?.startsWith("bottom") && (e.style.insetBlockStart = `${o}px`), e.style.position = "fixed";
-}, ot = (e, t, n) => {
+}, st = (e, t, n) => {
 	if (!e || !t) return {
 		top: 0,
 		bottom: 0,
@@ -935,17 +941,17 @@ var x = () => {
 		innerWidth: d,
 		innerHeight: u
 	};
-}, st = 10, ct = /* @__PURE__ */ new WeakMap(), lt = (e) => {
-	if (ct.has(e)) return ct.get(e);
+}, ct = 10, lt = /* @__PURE__ */ new WeakMap(), ut = (e) => {
+	if (lt.has(e)) return lt.get(e);
 	let t = e.parentElement, n = 0;
-	for (; t && n < st;) {
-		if (t.dataset.correctedPlacement) return ct.set(e, t), t;
+	for (; t && n < ct;) {
+		if (t.dataset.correctedPlacement) return lt.set(e, t), t;
 		t = t.parentElement, n += 1;
 	}
-	return ct.set(e, null), null;
-}, ut = (e, t, n) => {
+	return lt.set(e, null), null;
+}, dt = (e, t, n) => {
 	if (!e || !t) return;
-	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = lt(e), o = !a && !i, s = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px", { top: c, height: l, width: u, childHeight: d, childWidth: f, right: p, left: m, bottom: h, correctedPlacement: g, innerWidth: _, innerHeight: v } = ot(e, t, n);
+	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = ut(e), o = !a && !i, s = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px", { top: c, height: l, width: u, childHeight: d, childWidth: f, right: p, left: m, bottom: h, correctedPlacement: g, innerWidth: _, innerHeight: v } = st(e, t, n);
 	if (a) {
 		let e = a.getBoundingClientRect();
 		m = Math.abs(m - e.left), p = (u + Math.abs(p - e.right)) * 1.5, c = Math.abs(c - e.top), h = (l + Math.abs(h - e.bottom)) * 1.5;
@@ -991,7 +997,7 @@ var x = () => {
 		e.style.insetBlockStart = `calc(${i ? t : h}px + ${s})`, e.style.insetBlockEnd = `calc(${o && t > v ? v : t}px + ${s})`;
 	}
 	e.style.position = "fixed", e.dataset.correctedPlacement = g;
-}, dt = ["id", "data-width"], ft = /* @__PURE__ */ s({
+}, ft = ["id", "data-width"], pt = /* @__PURE__ */ s({
 	name: "DBCustomSelectDropdown",
 	__name: "custom-select-dropdown",
 	props: {
@@ -1012,20 +1018,20 @@ var x = () => {
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-dropdown db-card", t.class)),
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, dt));
+		}, [h(i.$slots, "default")], 10, ft));
 	}
-}), pt = ["id", "data-divider"], mt = [
+}), mt = ["id", "data-divider"], ht = [
 	"data-icon",
 	"data-show-icon",
 	"data-icon-trailing"
-], ht = [
+], gt = [
 	"type",
 	"name",
 	"form",
 	"checked",
 	"disabled",
 	"value"
-], gt = { class: "db-custom-select-list-item-label" }, _t = { key: 1 }, vt = /* @__PURE__ */ s({
+], _t = { class: "db-custom-select-list-item-label" }, vt = { key: 1 }, yt = /* @__PURE__ */ s({
 	name: "DBCustomSelectListItem",
 	__name: "custom-select-list-item",
 	props: {
@@ -1091,7 +1097,7 @@ var x = () => {
 				"db-radio": t.type !== "checkbox" && !t.isGroupTitle
 			})),
 			"data-divider": _(k)(u.value, "hasDivider")
-		}, [t.isGroupTitle ? (f(), r("span", _t, g(t.groupTitle), 1)) : (f(), r("label", {
+		}, [t.isGroupTitle ? (f(), r("span", vt, g(t.groupTitle), 1)) : (f(), r("label", {
 			key: 0,
 			"data-icon": t.type !== "checkbox" && t.icon ? t.icon : void 0,
 			"data-show-icon": _(k)(t.showIcon, "showIcon"),
@@ -1106,13 +1112,13 @@ var x = () => {
 			disabled: _(A)(t.disabled, "disabled"),
 			value: t.value,
 			onChange: s[0] ||= async (e) => m(e)
-		}, null, 40, ht), i("span", gt, [t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0), h(o.$slots, "default")])], 8, mt))], 10, pt));
+		}, null, 40, gt), i("span", _t, [t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0), h(o.$slots, "default")])], 8, ht))], 10, mt));
 	}
-}), yt = [
+}), bt = [
 	"role",
 	"aria-label",
 	"id"
-], bt = /* @__PURE__ */ s({
+], xt = /* @__PURE__ */ s({
 	name: "DBCustomSelectList",
 	__name: "custom-select-list",
 	props: {
@@ -1137,9 +1143,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-list", t.class))
-		}, [i("ul", null, [h(a.$slots, "default")])], 10, yt));
+		}, [i("ul", null, [h(a.$slots, "default")])], 10, bt));
 	}
-}), xt = [
+}), St = [
 	"data-variant",
 	"data-hide-label",
 	"data-show-icon",
@@ -1147,10 +1153,10 @@ var x = () => {
 	"data-icon-trailing",
 	"data-hide-asterisk",
 	"data-show-icon-trailing"
-], St = ["for"], Ct = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), wt = ["id"], Tt = ["value"], Et = {
+], Ct = ["for"], wt = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), Tt = ["id"], Et = ["value"], Dt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Dt = /* @__PURE__ */ s({
+}, Ot = /* @__PURE__ */ s({
 	name: "DBInput",
 	__name: "input",
 	props: {
@@ -1268,64 +1274,64 @@ var x = () => {
 	},
 	emits: ["update:value"],
 	setup(s, { emit: l }) {
-		let x = v(), S = l, T = s, P = p(void 0), L = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p(void 0), U = p(""), W = p(""), ee = p(void 0), G = p(null);
+		let x = v(), S = l, T = s, P = p(void 0), L = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p(void 0), ee = p(""), U = p(""), te = p(void 0), W = p(null);
 		u(() => {
-			ce(), B.value = T.invalidMessage || "TODO: Add an invalidMessage";
+			se(), B.value = T.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
-			ee.value?.abort();
+			te.value?.abort();
 		}), y(() => [T.id, T.propOverrides?.id], () => {
-			(T.id ?? T.propOverrides?.id) && ce();
+			(T.id ?? T.propOverrides?.id) && se();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [G.value, T.invalidMessage], () => {
-			B.value = T.invalidMessage || G.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [W.value, T.invalidMessage], () => {
+			B.value = T.invalidMessage || W.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [P.value], () => {
 			if (P.value) {
 				let e = P.value + q;
-				L.value = e, R.value = P.value + J, z.value = P.value + se, V.value = T.dataListId ?? P.value + "-datalist", I(T.message, T.showMessage) && (H.value = e), ne();
+				L.value = e, R.value = P.value + J, z.value = P.value + ce, V.value = T.dataListId ?? P.value + "-datalist", I(T.message, T.showMessage) && (H.value = e), re();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [T.value], () => {
-			U.value = T.value;
+			ee.value = T.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [G.value], () => {
-			if (G.value) {
-				let e = ee.value;
-				e || (e = new AbortController(), ee.value = e), Ke(G.value, {
+		}), y(() => [W.value], () => {
+			if (W.value) {
+				let e = te.value;
+				e || (e = new AbortController(), te.value = e), qe(W.value, {
 					value: T.value,
 					defaultValue: void 0
 				}, (e) => {
-					re(e, !0), K(e, !0);
+					ie(e, !0), G(e, !0);
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function te() {
+		function ne() {
 			return !!(T.validMessage ?? T.validation === "valid");
 		}
-		function ne() {
-			!G.value?.validity.valid || T.validation === "invalid" ? (H.value = z.value, B.value = T.invalidMessage || G.value?.validationMessage || "TODO: Add an invalidMessage", E() && (W.value = B.value, O(() => W.value = "", 1e3))) : te() && G.value?.validity.valid && (T.required || T.minLength || T.maxLength || T.pattern) ? (H.value = R.value, E() && (W.value = T.validMessage ?? "TODO: Add a validMessage", O(() => W.value = "", 1e3))) : I(T.message, T.showMessage) ? H.value = L.value : H.value = void 0;
+		function re() {
+			!W.value?.validity.valid || T.validation === "invalid" ? (H.value = z.value, B.value = T.invalidMessage || W.value?.validationMessage || "TODO: Add an invalidMessage", E() && (U.value = B.value, O(() => U.value = "", 1e3))) : ne() && W.value?.validity.valid && (T.required || T.minLength || T.maxLength || T.pattern) ? (H.value = R.value, E() && (U.value = T.validMessage ?? "TODO: Add a validMessage", O(() => U.value = "", 1e3))) : I(T.message, T.showMessage) ? H.value = L.value : H.value = void 0;
 		}
-		function K(e, t) {
-			T.input && T.input(e), U.value = e.target.value, T.onInput && T.onInput(e), Q(S, e), ne();
+		function G(e, t) {
+			T.input && T.input(e), ee.value = e.target.value, T.onInput && T.onInput(e), Q(S, e), re();
 		}
-		function re(e, t) {
-			T.onChange && T.onChange(e), Q(S, e), ne();
+		function ie(e, t) {
+			T.onChange && T.onChange(e), Q(S, e), re();
 		}
-		function ie(e) {
+		function ae(e) {
 			T.onBlur && T.onBlur(e);
 		}
-		function ae(e) {
+		function K(e) {
 			T.onFocus && T.onFocus(e);
 		}
 		function oe() {
@@ -1335,9 +1341,9 @@ var x = () => {
 				label: void 0
 			})) : e) || []);
 		}
-		function ce() {
+		function se() {
 			let e = T.id ?? T.propOverrides?.id ?? `input-${x}`;
-			P.value = e, L.value = e + q, R.value = e + J, z.value = e + se, V.value = e + le;
+			P.value = e, L.value = e + q, R.value = e + J, z.value = e + ce, V.value = e + Y;
 		}
 		return (l, u) => (f(), r("div", {
 			class: c(_(C)("db-input", T.class)),
@@ -1349,13 +1355,13 @@ var x = () => {
 			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-show-icon-trailing": _(k)(s.showIconTrailing, "showIconTrailing")
 		}, [
-			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, St),
+			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, Ct),
 			i("input", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
 				"data-field-sizing": s.fieldSizing,
 				ref_key: "_ref",
-				ref: G,
+				ref: W,
 				id: P.value,
 				name: s.name,
 				type: s.type || "text",
@@ -1365,7 +1371,7 @@ var x = () => {
 				disabled: _(A)(s.disabled, "disabled"),
 				required: _(A)(s.required, "required"),
 				step: _(M)(s.step),
-				value: s.value ?? U.value ?? "",
+				value: s.value ?? ee.value ?? "",
 				maxLength: _(j)(s.maxLength, s.maxlength),
 				minLength: _(j)(s.minLength, s.minlength),
 				max: _(N)(s.max, s.type),
@@ -1378,10 +1384,10 @@ var x = () => {
 				autoFocus: _(A)(s.autofocus, "autofocus"),
 				enterKeyHint: s.enterkeyhint,
 				inputMode: s.inputmode,
-				onInput: u[0] ||= async (e) => K(e),
-				onChange: u[1] ||= async (e) => re(e),
-				onBlur: u[2] ||= async (e) => ie(e),
-				onFocus: u[3] ||= async (e) => ae(e),
+				onInput: u[0] ||= async (e) => G(e),
+				onChange: u[1] ||= async (e) => ie(e),
+				onBlur: u[2] ||= async (e) => ae(e),
+				onFocus: u[3] ||= async (e) => K(e),
 				list: s.dataList && V.value,
 				"aria-describedby": s.ariaDescribedBy ?? H.value,
 				role: [
@@ -1392,14 +1398,14 @@ var x = () => {
 					"month",
 					"color"
 				].includes(s.type ?? "") && _(D)() ? "textbox" : void 0
-			}, null, 40, Ct),
+			}, null, 40, wt),
 			s.dataList ? (f(), r("datalist", {
 				key: 0,
 				id: V.value
 			}, [(f(!0), r(e, null, m(oe(), (e) => (f(), r("option", {
 				key: V.value + "-option-" + e.value,
 				value: e.value
-			}, g(e.label), 9, Tt))), 128))], 8, wt)) : n("", !0),
+			}, g(e.label), 9, Et))), 128))], 8, Tt)) : n("", !0),
 			h(l.$slots, "default"),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
@@ -1414,7 +1420,7 @@ var x = () => {
 				"icon",
 				"id"
 			])) : n("", !0),
-			te() ? (f(), t($, {
+			ne() ? (f(), t($, {
 				key: 2,
 				semantic: "successful",
 				id: R.value,
@@ -1431,10 +1437,10 @@ var x = () => {
 				default: b(() => [a(g(B.value), 1)]),
 				_: 1
 			}, 8, ["id", "size"]),
-			i("span", Et, g(W.value), 1)
-		], 10, xt));
+			i("span", Dt, g(U.value), 1)
+		], 10, St));
 	}
-}), Ot = [
+}), kt = [
 	"id",
 	"data-emphasis",
 	"data-wrap",
@@ -1443,7 +1449,7 @@ var x = () => {
 	"data-width",
 	"data-show-arrow",
 	"data-placement"
-], kt = /* @__PURE__ */ s({
+], At = /* @__PURE__ */ s({
 	name: "DBTooltip",
 	__name: "tooltip",
 	props: {
@@ -1473,7 +1479,7 @@ var x = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let i = v(), o = t, s = p(ne), l = p(!1), m = p(void 0), b = p(void 0), x = p(void 0), S = p(void 0), w = p(0), T = p([]), E = p(null);
+		let i = v(), o = t, s = p(G), l = p(!1), m = p(void 0), b = p(void 0), x = p(void 0), S = p(void 0), w = p(0), T = p([]), E = p(null);
 		u(() => {
 			I(), l.value = !0;
 		}), d(() => {
@@ -1543,24 +1549,24 @@ var x = () => {
 		}
 		function M(e) {
 			e && E.value && O(() => {
-				E.value && ut(E.value, e, o.placement ?? "bottom");
+				E.value && dt(E.value, e, o.placement ?? "bottom");
 			}, 1);
 		}
 		function N(e, t) {
 			e?.target?.contains && e?.target?.contains(E.value) && M(t);
 		}
 		function P() {
-			w.value = Math.max((w.value ?? 0) - 1, 0), !((w.value ?? 0) > 0) && (m.value &&= (new nt().removeCallback(m.value), void 0), b.value?.unobserve(j()));
+			w.value = Math.max((w.value ?? 0) - 1, 0), !((w.value ?? 0) > 0) && (m.value &&= (new rt().removeCallback(m.value), void 0), b.value?.unobserve(j()));
 		}
 		function F(e) {
-			w.value = (w.value ?? 0) + 1, w.value === 1 && (m.value = new nt().addCallback((t) => N(t, e)), b.value?.observe(j())), M(e);
+			w.value = (w.value ?? 0) + 1, w.value === 1 && (m.value = new rt().addCallback((t) => N(t, e)), b.value?.observe(j())), M(e);
 		}
 		function I() {
 			s.value = o.id ?? o.propOverrides?.id ?? "tooltip-" + i;
 		}
 		function L() {
 			let e = m.value;
-			e && (new nt().removeCallback(e), m.value = void 0), b.value?.disconnect(), b.value = void 0, w.value = 0, (T.value ?? []).forEach((e) => {
+			e && (new rt().removeCallback(e), m.value = void 0), b.value?.disconnect(), b.value = void 0, w.value = 0, (T.value ?? []).forEach((e) => {
 				e.parent.removeEventListener(e.type, e.fn);
 			}), T.value = [];
 			let t = x.value;
@@ -1585,9 +1591,9 @@ var x = () => {
 			"data-show-arrow": _(k)(t.showArrow ?? !0, "showArrow"),
 			"data-placement": t.placement,
 			onClick: l[0] ||= async (e) => D(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, Ot));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, kt));
 	}
-}), At = [
+}), jt = [
 	"id",
 	"data-semantic",
 	"data-emphasis",
@@ -1596,7 +1602,7 @@ var x = () => {
 	"data-show-icon",
 	"data-no-text",
 	"data-overflow"
-], jt = /* @__PURE__ */ s({
+], Mt = /* @__PURE__ */ s({
 	name: "DBTag",
 	__name: "tag",
 	props: {
@@ -1642,7 +1648,7 @@ var x = () => {
 			e && (e.stopPropagation(), i.onRemove && i.onRemove(e));
 		}
 		function u() {
-			return i.removeButton ? i.removeButton : de;
+			return i.removeButton ? i.removeButton : fe;
 		}
 		return (d, p) => (f(), r("div", {
 			ref_key: "_ref",
@@ -1669,13 +1675,13 @@ var x = () => {
 				"data-variant": "ghost",
 				type: "button",
 				onClick: p[0] ||= async (e) => l(e)
-			}, [o(kt, { variant: "label" }, {
+			}, [o(At, { variant: "label" }, {
 				default: b(() => [a(g(u()), 1)]),
 				_: 1
 			})])) : n("", !0)
-		], 10, At));
+		], 10, jt));
 	}
-}), Mt = [
+}), Nt = [
 	"id",
 	"aria-invalid",
 	"data-custom-validity",
@@ -1688,7 +1694,7 @@ var x = () => {
 	"data-hide-label",
 	"data-icon",
 	"data-show-icon"
-], Nt = ["id"], Pt = [
+], Pt = ["id"], Ft = [
 	"id",
 	"form",
 	"name",
@@ -1696,18 +1702,18 @@ var x = () => {
 	"multiple",
 	"disabled",
 	"required"
-], Ft = ["disabled", "value"], It = ["open"], Lt = [
+], It = ["disabled", "value"], Lt = ["open"], Rt = [
 	"id",
 	"aria-disabled",
 	"tabIndex",
 	"aria-labelledby"
-], Rt = ["data-visually-hidden", "id"], zt = {
+], zt = ["data-visually-hidden", "id"], Bt = {
 	key: 0,
 	"data-visually-hidden": "true"
-}, Bt = { key: 1 }, Vt = { key: 0 }, Ht = { key: 0 }, Ut = { class: "db-checkbox db-custom-select-list-item" }, Wt = ["form", "checked"], Gt = ["id"], Kt = {
+}, Vt = { key: 1 }, Ht = { key: 0 }, Ut = { key: 0 }, Wt = { class: "db-checkbox db-custom-select-list-item" }, Gt = ["form", "checked"], Kt = ["id"], qt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, qt = /* @__PURE__ */ s({
+}, Jt = /* @__PURE__ */ s({
 	name: "DBCustomSelect",
 	__name: "custom-select",
 	props: {
@@ -1832,7 +1838,7 @@ var x = () => {
 	},
 	emits: ["update:values"],
 	setup(s, { emit: l }) {
-		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p("no-validation"), U = p(!1), W = p(void 0), ee = p(void 0), G = p(""), te = p(void 0), ne = p(""), K = p([]), re = p(!1), ie = p(!1), le = p(0), Y = p([]), ue = p([]), fe = p(!1), me = p(void 0), he = p(0), ge = p(void 0), _e = p(void 0), ve = p(void 0), ye = p(!1), be = p(!1), xe = p(null), X = p(null), Z = p(null), Se = p(null), Ce = p(null);
+		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p("no-validation"), ee = p(!1), U = p(void 0), te = p(void 0), W = p(""), ne = p(void 0), re = p(""), G = p([]), ie = p(!1), ae = p(!1), K = p(0), Y = p([]), ue = p([]), de = p(!1), pe = p(void 0), he = p(0), ge = p(void 0), _e = p(void 0), ve = p(void 0), ye = p(!1), be = p(!1), xe = p(null), X = p(null), Z = p(null), Se = p(null), Ce = p(null);
 		u(() => {
 			Xe(), N.value = w.invalidMessage || "TODO: Add an invalidMessage", typeof window < "u" && "IntersectionObserver" in window && (_e.value = new IntersectionObserver((e) => {
 				if (X.value) {
@@ -1841,7 +1847,7 @@ var x = () => {
 				}
 			}));
 		}), d(() => {
-			W.value?.abort();
+			U.value?.abort();
 		}), y(() => [w.id, w.propOverrides?.id], () => {
 			(w.id ?? w.propOverrides?.id) && Xe();
 		}, {
@@ -1855,15 +1861,15 @@ var x = () => {
 		}), y(() => [T.value], () => {
 			if (T.value) {
 				let e = T.value + q;
-				R.value = T.value + ae, P.value = T.value + oe, j.value = T.value + J, M.value = T.value + se, B.value = T.value + ce, I(w.message, w.showMessage) ? ke(e) : ke();
+				R.value = T.value + oe, P.value = T.value + se, j.value = T.value + J, M.value = T.value + ce, B.value = T.value + le, I(w.message, w.showMessage) ? ke(e) : ke();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [X.value, ee.value], () => {
+		}), y(() => [X.value, te.value], () => {
 			if (X.value) {
 				let e = X.value.querySelector("summary");
-				e && e.setAttribute("aria-describedby", w.ariaDescribedBy ?? (ee.value || ""));
+				e && e.setAttribute("aria-describedby", w.ariaDescribedBy ?? (te.value || ""));
 			}
 		}, {
 			immediate: !0,
@@ -1873,21 +1879,21 @@ var x = () => {
 			w.showLoading,
 			ue.value
 		], () => {
-			w.showNoResults === void 0 ? ue.value && (fe.value = ue.value.length === 0) : fe.value = w.showNoResults;
+			w.showNoResults === void 0 ? ue.value && (de.value = ue.value.length === 0) : de.value = w.showNoResults;
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [
 			w.showSelectAll,
-			le.value,
+			K.value,
 			w.multiple
 		], () => {
-			re.value = !!(w.multiple && (w.showSelectAll ?? le.value > 5));
+			ie.value = !!(w.multiple && (w.showSelectAll ?? K.value > 5));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [w.showSearch, le.value], () => {
-			ie.value = w.showSearch ?? le.value > 9;
+		}), y(() => [w.showSearch, K.value], () => {
+			ae.value = w.showSearch ?? K.value > 9;
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -1904,10 +1910,10 @@ var x = () => {
 			flush: "post"
 		}), y(() => [Z.value], () => {
 			if (Z.value) {
-				let e = W.value;
-				e || (e = new AbortController(), W.value = e);
+				let e = U.value;
+				e || (e = new AbortController(), U.value = e);
 				let t = w.values;
-				We(Z.value, () => {
+				Ge(Z.value, () => {
 					Ve(t || (Z.value.value ? [Z.value.value] : [])), Ee();
 				}, e.signal);
 			}
@@ -1919,13 +1925,13 @@ var x = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [Y.value, le.value], () => {
-			Y.value?.length === 0 ? (ye.value = !1, be.value = !1) : Y.value?.length === le.value ? (be.value = !1, ye.value = !0) : Y.value && (be.value = !0);
+		}), y(() => [Y.value, K.value], () => {
+			Y.value?.length === 0 ? (ye.value = !1, be.value = !1) : Y.value?.length === K.value ? (be.value = !1, ye.value = !0) : Y.value && (be.value = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [w.options], () => {
-			ue.value = w.options, le.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0, X.value?.open && Fe();
+			ue.value = w.options, K.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0, X.value?.open && Fe();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -1938,34 +1944,34 @@ var x = () => {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [w.options, Y.value], () => {
-			w.options?.length && (K.value = w.options?.filter((e) => !e.value || !Y.value?.includes ? !1 : !e.isGroupTitle && Y.value?.includes(e.value)));
+			w.options?.length && (G.value = w.options?.filter((e) => !e.value || !Y.value?.includes ? !1 : !e.isGroupTitle && Y.value?.includes(e.value)));
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [
-			K.value,
+			G.value,
 			w.selectedType,
 			w.amountText,
 			w.selectedLabels,
 			w.transformSelectedLabels
 		], () => {
 			if (w.selectedLabels) {
-				G.value = w.selectedLabels;
+				W.value = w.selectedLabels;
 				return;
 			}
-			if (K.value?.length) {
+			if (G.value?.length) {
 				if (w.transformSelectedLabels) {
-					let e = K.value, t = w.transformSelectedLabels;
-					G.value = t(e);
+					let e = G.value, t = w.transformSelectedLabels;
+					W.value = t(e);
 					return;
 				}
-				w.selectedType === "amount" ? G.value = w.amountText ? w.amountText : `${K.value?.length} ${pe}` : G.value = K.value?.map((e) => je(e)).join(", ");
-			} else G.value = "";
+				w.selectedType === "amount" ? W.value = w.amountText ? w.amountText : `${G.value?.length} ${me}` : W.value = G.value?.map((e) => je(e)).join(", ");
+			} else W.value = "";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [K.value], () => {
-			w.onAmountChange && w.onAmountChange(K.value?.length ?? 0);
+		}), y(() => [G.value], () => {
+			w.onAmountChange && w.onAmountChange(G.value?.length ?? 0);
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -1987,17 +1993,17 @@ var x = () => {
 			return !!(w.validMessage ?? w.validation === "valid");
 		}
 		function Ee() {
-			Z.value && (Z.value.value = Oe()), !Z.value?.validity.valid || w.validation === "invalid" ? (ke(M.value), N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage", E() && (ne.value = N.value, O(() => ne.value = "", 1e3)), U.value && (H.value = w.validation ?? "invalid")) : Te() && Z.value?.validity.valid && w.required ? (ke(j.value), E() && (ne.value = w.validMessage ?? "TODO: Add a validMessage", O(() => ne.value = "", 1e3)), H.value = w.validation ?? "valid") : I(w.message, w.showMessage) ? (ke(D.value), H.value = w.validation ?? "no-validation") : (ke(B.value), H.value = w.validation ?? "no-validation");
+			Z.value && (Z.value.value = Oe()), !Z.value?.validity.valid || w.validation === "invalid" ? (ke(M.value), N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage", E() && (re.value = N.value, O(() => re.value = "", 1e3)), ee.value && (H.value = w.validation ?? "invalid")) : Te() && Z.value?.validity.valid && w.required ? (ke(j.value), E() && (re.value = w.validMessage ?? "TODO: Add a validMessage", O(() => re.value = "", 1e3)), H.value = w.validation ?? "valid") : I(w.message, w.showMessage) ? (ke(D.value), H.value = w.validation ?? "no-validation") : (ke(B.value), H.value = w.validation ?? "no-validation");
 		}
 		function De(e) {
-			w.onDropdownToggle && (e.stopPropagation(), w.onDropdownToggle(e)), e.target instanceof HTMLDetailsElement && e.target.open ? (me.value = new tt().addCallback((e) => Be(e)), ge.value = new nt().addCallback((e) => we(e)), Fe(), _e.value?.observe(X.value), e.target.dataset.test || Ke()) : (me.value && new tt().removeCallback(me.value), ge.value && new nt().removeCallback(ge.value), _e.value?.unobserve(X.value));
+			w.onDropdownToggle && (e.stopPropagation(), w.onDropdownToggle(e)), e.target instanceof HTMLDetailsElement && e.target.open ? (pe.value = new nt().addCallback((e) => Be(e)), ge.value = new rt().addCallback((e) => we(e)), Fe(), _e.value?.observe(X.value), e.target.dataset.test || Ke()) : (pe.value && new nt().removeCallback(pe.value), ge.value && new rt().removeCallback(ge.value), _e.value?.unobserve(X.value));
 		}
 		function Oe() {
 			return Y.value?.length ? Y.value.at(0) ?? "" : "";
 		}
 		function ke(e) {
 			let t = [];
-			e && t.push(e), te.value && G.value?.length && t.push(te.value), ee.value = t.join(" ");
+			e && t.push(e), ne.value && W.value?.length && t.push(ne.value), te.value = t.join(" ");
 		}
 		function Ae() {
 			return w.selectAllLabel ?? "LABEL SHOULD BE SET";
@@ -2014,7 +2020,7 @@ var x = () => {
 				let r = n.findIndex((t) => t.value === e.value);
 				if (r >= 0 && r < t.length) return t[r];
 			}
-			return `${de} ${je(e)}`;
+			return `${fe} ${je(e)}`;
 		}
 		function Pe(e, t) {
 			t && t.stopPropagation(), He(e.value), Ye();
@@ -2023,7 +2029,7 @@ var x = () => {
 			if (X.value) {
 				let e = X.value.querySelector("article");
 				e && O(() => {
-					at(e, X.value, w.placement ?? "bottom");
+					ot(e, X.value, w.placement ?? "bottom");
 				}, 1);
 			}
 		}
@@ -2043,7 +2049,7 @@ var x = () => {
 								}
 								e = e.nextElementSibling;
 							}
-							e || Ge(t);
+							e || We(t);
 						} else {
 							let e = n?.previousElementSibling;
 							for (; e;) {
@@ -2056,7 +2062,7 @@ var x = () => {
 							}
 							if (!e) {
 								let e = X.value.querySelector("input[type=\"checkbox\"]");
-								if (e && e !== t) Ge(t);
+								if (e && e !== t) We(t);
 								else {
 									let e = L(X.value);
 									if (e) O(() => {
@@ -2069,12 +2075,12 @@ var x = () => {
 								}
 							}
 						}
-					} else t.getAttribute("type") === "search" && (e.key === "ArrowUp" || e.key === "ArrowLeft") ? (ze(void 0, !0), Ye()) : Ge(t);
+					} else t.getAttribute("type") === "search" && (e.key === "ArrowUp" || e.key === "ArrowLeft") ? (ze(void 0, !0), Ye()) : We(t);
 				}
 			} else (e.key === "ArrowDown" || e.key === "ArrowRight") && (Fe(), X.value && (X.value.open = !0), Ke());
 			e.stopPropagation(), e.preventDefault();
 		}
-		function Re(e) {
+		function Le(e) {
 			if (e.stopPropagation(), e.key === "Escape" && X.value?.open) ze(void 0, !0), Ye();
 			else if (e.key === "Enter" && X.value?.open) {
 				if (self.document) {
@@ -2103,19 +2109,19 @@ var x = () => {
 			}
 		}
 		function Ve(e) {
-			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, U.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(S, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
+			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, ee.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(S, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
 		}
 		function He(e) {
 			e && (w.multiple ? Y.value?.includes(e) ? Ve(Y.value.filter((t) => t !== e)) : Ve([...Y.value || [], e]) : (Ve([e]), ze(void 0, !0)));
 		}
 		function Ue(e) {
-			if (e.stopPropagation(), Y.value?.length === le.value) Ve([]);
+			if (e.stopPropagation(), Y.value?.length === K.value) Ve([]);
 			else {
-				let e = ie.value && Ce.value ? Ce.value.value : void 0;
+				let e = ae.value && Ce.value ? Ce.value.value : void 0;
 				Ve(w.options ? w.options.filter((t) => !t.isGroupTitle && (!e || t.value?.toLowerCase().includes(e.toLowerCase()))).map((e) => e.value ?? "") : []);
 			}
 		}
-		function Ge(e) {
+		function We(e) {
 			if (X.value) {
 				let t = Array.from(X.value.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
 				if (t.length) {
@@ -2131,7 +2137,7 @@ var x = () => {
 				let e = L(X.value);
 				e ? O(() => {
 					e.focus();
-				}, 1) : Ge();
+				}, 1) : We();
 			}
 		}
 		function qe(e) {
@@ -2152,7 +2158,7 @@ var x = () => {
 		}
 		function Xe() {
 			let e = w.id ?? w.propOverrides?.id ?? `custom-select-${x}`;
-			T.value = e, D.value = e + q, j.value = e + J, M.value = e + se, P.value = e + oe, R.value = e + ae, z.value = e + "-summary", B.value = e + ce, te.value = e + "-selected-labels", V.value = e + "-info";
+			T.value = e, D.value = e + q, j.value = e + J, M.value = e + ce, P.value = e + se, R.value = e + oe, z.value = e + "-summary", B.value = e + le, ne.value = e + "-selected-labels", V.value = e + "-info";
 		}
 		function Ze(e) {
 			e.stopPropagation();
@@ -2192,24 +2198,24 @@ var x = () => {
 				key: t,
 				disabled: e.disabled,
 				value: e.value
-			}, g(je(e)), 9, Ft))), 128)) : n("", !0)], 40, Pt)], 8, Nt),
+			}, g(je(e)), 9, It))), 128)) : n("", !0)], 40, Ft)], 8, Pt),
 			i("details", {
 				ref_key: "detailsRef",
 				ref: X,
 				open: s.open,
 				onToggle: u[2] ||= async (e) => De(e),
-				onKeydown: u[3] ||= async (e) => Re(e)
+				onKeydown: u[3] ||= async (e) => Le(e)
 			}, [h(l.$slots, "default"), s.options ? (f(), r(e, { key: 0 }, [i("summary", {
 				class: "db-custom-select-form-field",
 				id: z.value,
 				"aria-disabled": _(k)(s.disabled, "disabled"),
 				tabIndex: s.disabled ? -1 : void 0,
 				"aria-labelledby": R.value
-			}, [G.value?.length ? (f(), r("span", {
+			}, [W.value?.length ? (f(), r("span", {
 				key: 0,
 				"data-visually-hidden": _(k)(s.selectedType === "tag", "selectedType"),
-				id: te.value
-			}, [s.selectedPrefix ? (f(), r("span", zt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(G.value), 1)], 8, Rt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", Bt, [(f(!0), r(e, null, m(K.value, (e, n) => (f(), t(jt, {
+				id: ne.value
+			}, [s.selectedPrefix ? (f(), r("span", Bt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(W.value), 1)], 8, zt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", Vt, [(f(!0), r(e, null, m(G.value, (e, n) => (f(), t(Mt, {
 				key: n,
 				emphasis: "strong",
 				behavior: "removable",
@@ -2218,9 +2224,9 @@ var x = () => {
 			}, {
 				default: b(() => [a(g(je(e)), 1)]),
 				_: 2
-			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Lt), o(ft, { width: s.dropdownWidth }, {
+			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Rt), o(pt, { width: s.dropdownWidth }, {
 				default: b(() => [
-					ie.value ? (f(), r("div", Vt, [o(Dt, {
+					ae.value ? (f(), r("div", Ht, [o(Ot, {
 						type: "search",
 						ref_key: "searchInputRef",
 						ref: Ce,
@@ -2230,7 +2236,7 @@ var x = () => {
 						value: ve.value,
 						label: s.searchLabel ?? _("LABEL SHOULD BE SET"),
 						placeholder: s.searchPlaceholder ?? s.searchLabel,
-						ariaDescribedBy: fe.value || s.showLoading ? V.value : void 0,
+						ariaDescribedBy: de.value || s.showLoading ? V.value : void 0,
 						onInput: (e) => qe(e)
 					}, null, 8, [
 						"name",
@@ -2241,7 +2247,7 @@ var x = () => {
 						"ariaDescribedBy",
 						"onInput"
 					])])) : n("", !0),
-					fe.value || s.showLoading ? (f(), t($, {
+					de.value || s.showLoading ? (f(), t($, {
 						key: 1,
 						id: V.value,
 						icon: s.showLoading ? "circular_arrows" : void 0,
@@ -2253,7 +2259,7 @@ var x = () => {
 						"id",
 						"icon",
 						"semantic"
-					])) : (f(), r(e, { key: 2 }, [re.value ? (f(), r("div", Ht, [i("div", Ut, [i("label", null, [i("input", {
+					])) : (f(), r(e, { key: 2 }, [ie.value ? (f(), r("div", Ut, [i("div", Wt, [i("label", null, [i("input", {
 						type: "checkbox",
 						value: "select-all",
 						ref_key: "selectAllRef",
@@ -2261,11 +2267,11 @@ var x = () => {
 						form: T.value,
 						checked: ye.value,
 						onChange: u[1] ||= async (e) => Ue(e)
-					}, null, 40, Wt), a(g(Ae()), 1)])])])) : n("", !0), o(bt, {
+					}, null, 40, Gt), a(g(Ae()), 1)])])])) : n("", !0), o(xt, {
 						multiple: _(A)(s.multiple, "multiple"),
 						label: s.listLabel ?? s.label ?? _("LABEL SHOULD BE SET")
 					}, {
-						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(vt, {
+						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(yt, {
 							key: o,
 							type: s.multiple ? "checkbox" : "radio",
 							showDivider: i.showDivider,
@@ -2294,7 +2300,7 @@ var x = () => {
 						]))), 128))]),
 						_: 1
 					}, 8, ["multiple", "label"])], 64)),
-					i("div", null, [o(Le, {
+					i("div", null, [o(Re, {
 						variant: "ghost",
 						width: "full",
 						icon: "cross",
@@ -2312,8 +2318,8 @@ var x = () => {
 					])])
 				]),
 				_: 1
-			}, 8, ["width"])], 64)) : n("", !0)], 40, It),
-			(s.showClearSelection ?? !0) && Y.value?.length ? (f(), t(Le, {
+			}, 8, ["width"])], 64)) : n("", !0)], 40, Lt),
+			(s.showClearSelection ?? !0) && Y.value?.length ? (f(), t(Re, {
 				key: 0,
 				icon: "cross",
 				variant: "ghost",
@@ -2324,7 +2330,7 @@ var x = () => {
 				disabled: _(A)(s.disabled, "disabled"),
 				onClick: (e) => Je(e)
 			}, {
-				default: b(() => [a(g(s.clearSelectionText), 1), o(kt, { placement: "top" }, {
+				default: b(() => [a(g(s.clearSelectionText), 1), o(At, { placement: "top" }, {
 					default: b(() => [a(g(s.clearSelectionText), 1)]),
 					_: 1
 				})]),
@@ -2339,7 +2345,7 @@ var x = () => {
 				class: "db-custom-select-placeholder",
 				"aria-hidden": "true",
 				id: B.value
-			}, g(s.placeholder ?? s.label), 9, Gt),
+			}, g(s.placeholder ?? s.label), 9, Kt),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -2366,14 +2372,14 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Kt, g(ne.value), 1)
-		], 10, Mt));
+			i("span", qt, g(re.value), 1)
+		], 10, Nt));
 	}
-}), Jt = [
+}), Yt = [
 	"fixed",
 	"auto",
 	"full"
-], Yt = ["id"], Xt = /* @__PURE__ */ s({
+], Xt = ["id"], Zt = /* @__PURE__ */ s({
 	name: "DBCustomSelectFormField",
 	__name: "custom-select-form-field",
 	props: {
@@ -2391,19 +2397,19 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-form-field", t.class))
-		}, [h(i.$slots, "default")], 10, Yt));
+		}, [h(i.$slots, "default")], 10, Xt));
 	}
-}), Zt = ["checkbox", "radio"], Qt = [
+}), Qt = ["checkbox", "radio"], $t = [
 	"amount",
 	"text",
 	"tag"
-], $t = [
+], en = [
 	"id",
 	"data-margin",
 	"data-variant",
 	"data-emphasis",
 	"data-width"
-], en = /* @__PURE__ */ s({
+], tn = /* @__PURE__ */ s({
 	name: "DBDivider",
 	__name: "divider",
 	props: {
@@ -2429,20 +2435,20 @@ var x = () => {
 			"data-emphasis": e.emphasis,
 			"data-width": e.width,
 			class: c(_(C)("db-divider", t.class))
-		}, null, 10, $t));
+		}, null, 10, en));
 	}
-}), tn = ["none", "_"], nn = ["horizontal", "vertical"], rn = [
+}), nn = ["none", "_"], rn = ["horizontal", "vertical"], an = [
 	"id",
 	"data-position",
 	"data-backdrop",
 	"data-direction",
 	"data-variant"
-], an = [
+], on = [
 	"data-spacing",
 	"data-width",
 	"data-direction",
 	"data-rounded"
-], on = { class: "db-drawer-header" }, sn = { class: "db-drawer-header-text" }, cn = { class: "db-drawer-content" }, ln = /* @__PURE__ */ s({
+], sn = { class: "db-drawer-header" }, cn = { class: "db-drawer-header-text" }, ln = { class: "db-drawer-content" }, un = /* @__PURE__ */ s({
 	name: "DBDrawer",
 	__name: "drawer",
 	props: {
@@ -2504,7 +2510,7 @@ var x = () => {
 			s.value = e?.target?.nodeName === "DIALOG";
 		}
 		function x(e, n) {
-			e && (z(e) ? e.key === "Escape" && (e.preventDefault(), t.onClose && t.onClose(e)) : (n && (e.stopPropagation(), t.onClose && t.onClose(e)), e.target?.nodeName === "DIALOG" && e.type === "click" && t.backdrop !== "none" && s.value && t.onClose && t.onClose(e), s.value = !1));
+			e && (B(e) ? e.key === "Escape" && (e.preventDefault(), t.onClose && t.onClose(e)) : (n && (e.stopPropagation(), t.onClose && t.onClose(e)), e.target?.nodeName === "DIALOG" && e.type === "click" && t.backdrop !== "none" && s.value && t.onClose && t.onClose(e), s.value = !1));
 		}
 		function S() {
 			if (l.value) {
@@ -2536,7 +2542,7 @@ var x = () => {
 			"data-width": e.width,
 			"data-direction": e.direction,
 			"data-rounded": _(k)(e.rounded, "rounded")
-		}, [i("header", on, [i("div", sn, [h(n.$slots, "drawer-header")]), o(Le, {
+		}, [i("header", sn, [i("div", cn, [h(n.$slots, "drawer-header")]), o(Re, {
 			class: "button-close-drawer",
 			icon: "cross",
 			variant: "ghost",
@@ -2546,22 +2552,22 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(e.closeButtonText ?? _("Close")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])]), i("div", cn, [h(n.$slots, "default")])], 10, an)], 40, rn));
+		}, 8, ["id", "onClick"])]), i("div", ln, [h(n.$slots, "default")])], 10, on)], 40, an));
 	}
-}), un = [
+}), dn = [
 	"none",
 	"strong",
 	"weak",
 	"invisible"
-], dn = [
+], fn = [
 	"left",
 	"right",
 	"up",
 	"down"
-], fn = ["modal", "inside"], pn = ["fixed", "absolute"], mn = (e) => {
+], pn = ["modal", "inside"], mn = ["fixed", "absolute"], hn = (e) => {
 	let { target: t } = e;
 	return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
-}, hn = class {
+}, gn = class {
 	element;
 	subNavigation;
 	parentSubNavigation = null;
@@ -2578,7 +2584,7 @@ var x = () => {
 	}
 	enableFollow() {
 		if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) return;
-		let e = it(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+		let e = at(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
 		this.triangleData = {
 			itemRect: t,
 			parentElementWidth: n,
@@ -2629,11 +2635,11 @@ var x = () => {
 		let t = this.hasMouseEnteredSubNavigation(), n = this.getTriangleCoordinates(t ? "fill-gap" : "safe-triangle");
 		n && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${n.lb}, ${n.lt}, ${n.rt}, ${n.rb})`), t && (this.triangleData = void 0));
 	}
-}, gn = [
+}, _n = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], _n = { class: "db-header-meta-navigation" }, vn = { class: "db-header-navigation-bar" }, yn = { class: "db-header-brand-container" }, bn = { class: "db-header-navigation-container" }, xn = { class: "db-header-navigation" }, Sn = { class: "db-header-primary-action" }, Cn = { class: "db-header-action-container" }, wn = { class: "db-header-burger-menu-container" }, Tn = { class: "db-header-secondary-action" }, En = { class: "db-header-drawer-navigation" }, Dn = { class: "db-header-meta-navigation" }, On = { class: "db-header-secondary-action" }, kn = /* @__PURE__ */ s({
+], vn = { class: "db-header-meta-navigation" }, yn = { class: "db-header-navigation-bar" }, bn = { class: "db-header-brand-container" }, xn = { class: "db-header-navigation-container" }, Sn = { class: "db-header-navigation" }, Cn = { class: "db-header-primary-action" }, wn = { class: "db-header-action-container" }, Tn = { class: "db-header-burger-menu-container" }, En = { class: "db-header-secondary-action" }, Dn = { class: "db-header-drawer-navigation" }, On = { class: "db-header-meta-navigation" }, kn = { class: "db-header-secondary-action" }, An = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2684,7 +2690,7 @@ var x = () => {
 			t.onToggle && t.onToggle(n);
 		}
 		function m(e) {
-			mn(e) && d();
+			hn(e) && d();
 		}
 		return (n, u) => (f(), r("header", {
 			ref_key: "_ref",
@@ -2694,11 +2700,11 @@ var x = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			i("div", _n, [h(n.$slots, "meta-navigation")]),
-			i("div", vn, [
-				i("div", yn, [h(n.$slots, "brand")]),
-				i("div", bn, [i("div", xn, [h(n.$slots, "default")]), i("div", Sn, [h(n.$slots, "primary-action")])]),
-				i("div", Cn, [i("div", wn, [o(Le, {
+			i("div", vn, [h(n.$slots, "meta-navigation")]),
+			i("div", yn, [
+				i("div", bn, [h(n.$slots, "brand")]),
+				i("div", xn, [i("div", Sn, [h(n.$slots, "default")]), i("div", Cn, [h(n.$slots, "primary-action")])]),
+				i("div", wn, [i("div", Tn, [o(Re, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
@@ -2706,9 +2712,9 @@ var x = () => {
 				}, {
 					default: b(() => [a(g(e.burgerMenuLabel ?? _("BurgerMenu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", Tn, [h(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", En, [h(n.$slots, "secondary-action")])])
 			]),
-			o(ln, {
+			o(un, {
 				class: "db-header-drawer",
 				spacing: "small",
 				rounded: !0,
@@ -2717,10 +2723,10 @@ var x = () => {
 				open: _(A)(e.drawerOpen),
 				onClose: (e) => d()
 			}, {
-				default: b(() => [i("div", En, [i("div", {
+				default: b(() => [i("div", Dn, [i("div", {
 					class: "db-header-navigation",
 					onClick: u[0] ||= async (e) => m(e)
-				}, [h(n.$slots, "default")]), i("div", Dn, [h(n.$slots, "meta-navigation")])]), i("div", On, [h(n.$slots, "secondary-action")])]),
+				}, [h(n.$slots, "default")]), i("div", On, [h(n.$slots, "meta-navigation")])]), i("div", kn, [h(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
@@ -2728,14 +2734,14 @@ var x = () => {
 				"open",
 				"onClose"
 			])
-		], 10, gn));
+		], 10, _n));
 	}
-}), An = [
+}), jn = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], jn = /* @__PURE__ */ s({
+], Mn = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -2761,16 +2767,16 @@ var x = () => {
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, An));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, jn));
 	}
-}), Mn = [
+}), Nn = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], Nn = [
+], Pn = [
 	"color",
 	"date",
 	"datetime-local",
@@ -2787,7 +2793,7 @@ var x = () => {
 	"time",
 	"url",
 	"week"
-], Pn = [
+], Fn = [
 	"id",
 	"href",
 	"target",
@@ -2802,7 +2808,7 @@ var x = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], Fn = /* @__PURE__ */ s({
+], In = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -2865,13 +2871,13 @@ var x = () => {
 			"data-content": t.content || "internal",
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Pn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Fn));
 	}
-}), In = [
+}), Ln = [
 	"adaptive",
 	"brand",
 	"inline"
-], Ln = ["medium", "small"], Rn = ["external", "internal"], zn = ["id"], Bn = /* @__PURE__ */ s({
+], Rn = ["medium", "small"], zn = ["external", "internal"], Bn = ["id"], Vn = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -2889,9 +2895,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-navigation", t.class))
-		}, [i("menu", null, [h(a.$slots, "default")])], 10, zn));
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, Bn));
 	}
-}), Vn = [
+}), Hn = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -2899,20 +2905,20 @@ var x = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], Hn = [
+], Un = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], Un = [
+], Wn = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], Wn = {
+], Gn = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, Gn = /* @__PURE__ */ s({
+}, Kn = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -2972,7 +2978,7 @@ var x = () => {
 		}), y(() => [d.value, j.value], () => {
 			if (d.value && j.value) {
 				let e = j.value.querySelector("menu");
-				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new hn(j.value, e)) : x.value = !1);
+				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new gn(j.value, e)) : x.value = !1);
 			}
 		}, {
 			immediate: !0,
@@ -3011,13 +3017,13 @@ var x = () => {
 			"aria-controls": E.value,
 			disabled: _(A)(t.disabled, "disabled"),
 			onClick: u[0] ||= async (e) => N(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Hn), i("menu", {
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Un), i("menu", {
 			class: "db-sub-navigation",
 			id: E.value,
 			"aria-labelledby": D.value,
 			"data-force-close": w.value,
 			onClick: u[1] ||= async (e) => M(e)
-		}, [m.value ? (f(), r("div", Wn, [o(Le, {
+		}, [m.value ? (f(), r("div", Gn, [o(Re, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
@@ -3025,9 +3031,9 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Un)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 64))], 42, Vn));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Wn)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 64))], 42, Hn));
 	}
-}), Kn = [
+}), qn = [
 	"id",
 	"role",
 	"aria-live",
@@ -3036,10 +3042,10 @@ var x = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], qn = {
+], Jn = {
 	key: 0,
 	"data-area": "head"
-}, Jn = { "data-area": "content" }, Yn = ["dateTime"], Xn = /* @__PURE__ */ s({
+}, Yn = { "data-area": "content" }, Xn = ["dateTime"], Zn = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -3095,7 +3101,7 @@ var x = () => {
 			ref: l,
 			id: o.id ?? o.propOverrides?.id,
 			class: c(_(C)("db-notification", s.class)),
-			role: _(B)({
+			role: _(V)({
 				semantic: o.semantic,
 				role: o.role,
 				ariaLive: o.ariaLive
@@ -3108,15 +3114,15 @@ var x = () => {
 			"data-link-variant": o.linkVariant
 		}, [
 			h(d.$slots, "image"),
-			_(I)(o.headline, o.showHeadline) ? (f(), r("header", qn, g(o.headline), 1)) : n("", !0),
-			i("div", Jn, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
+			_(I)(o.headline, o.showHeadline) ? (f(), r("header", Jn, g(o.headline), 1)) : n("", !0),
+			i("div", Yn, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
 			_(I)(o.timestamp, o.showTimestamp) ? (f(), r("time", {
 				key: 1,
 				"data-area": "timestamp",
 				dateTime: o.timestampDatetime
-			}, g(o.timestamp), 9, Yn)) : n("", !0),
+			}, g(o.timestamp), 9, Xn)) : n("", !0),
 			h(d.$slots, "link"),
-			_(A)(o.closeable, "closeable") ? (f(), t(Le, {
+			_(A)(o.closeable, "closeable") ? (f(), t(Re, {
 				key: 2,
 				icon: "cross",
 				variant: "ghost",
@@ -3128,22 +3134,22 @@ var x = () => {
 				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, Kn));
+		], 10, qn));
 	}
-}), Zn = [
+}), Qn = [
 	"docked",
 	"standalone",
 	"overlay"
-], Qn = ["block", "inline"], $n = [
+], $n = ["block", "inline"], er = [
 	"assertive",
 	"polite",
 	"off"
-], er = [
+], tr = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], tr = /* @__PURE__ */ s({
+], nr = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -3183,9 +3189,9 @@ var x = () => {
 			h(o.$slots, "header"),
 			i("main", { class: c(_(C)("db-main", e.mainClass)) }, [h(o.$slots, "default")], 2),
 			h(o.$slots, "footer")
-		], 10, er));
+		], 10, tr));
 	}
-}), nr = ["auto", "fixed"], rr = ["hidden", "auto"], ir = ["id"], ar = [
+}), rr = ["auto", "fixed"], ir = ["hidden", "auto"], ar = ["id"], or = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -3193,7 +3199,7 @@ var x = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], or = /* @__PURE__ */ s({
+], sr = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -3257,21 +3263,21 @@ var x = () => {
 			if (!l.value) return;
 			let e = l.value.querySelector("article");
 			e && O(() => {
-				ut(e, l.value, t.placement ?? "bottom");
+				dt(e, l.value, t.placement ?? "bottom");
 			}, 1);
 		}
 		function g(e) {
 			e?.target?.contains && e?.target?.contains(l.value) && m();
 		}
 		function v() {
-			a.value = !0, o.value = new nt().addCallback((e) => g(e)), m();
+			a.value = !0, o.value = new rt().addCallback((e) => g(e)), m();
 			let e = x();
 			e && s.value?.observe(e);
 		}
 		function b(e) {
 			let t = e?.target;
 			if (!t?.parentNode || t.parentNode.querySelector(":focus") !== t && t.parentNode.querySelector(":focus-within") !== t && t.parentNode.querySelector(":hover") !== t) {
-				a.value = !1, o.value && new nt().removeCallback(o.value);
+				a.value = !1, o.value && new rt().removeCallback(o.value);
 				let e = x();
 				e && s.value?.unobserve(e);
 			}
@@ -3300,14 +3306,14 @@ var x = () => {
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [h(n.$slots, "default")], 8, ar)], 10, ir));
+		}, [h(n.$slots, "default")], 8, or)], 10, ar));
 	}
-}), sr = [
+}), cr = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], cr = [
+], lr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -3316,7 +3322,7 @@ var x = () => {
 	"disabled",
 	"value",
 	"required"
-], lr = /* @__PURE__ */ s({
+], ur = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -3401,7 +3407,7 @@ var x = () => {
 		}), y(() => [w.value], () => {
 			if (w.value) {
 				let e = S.value;
-				e || (e = new AbortController(), S.value = e), We(w.value, (e) => {
+				e || (e = new AbortController(), S.value = e), Ge(w.value, (e) => {
 					O(() => {
 						let t = m.checked ? m.checked : w.value.checked, n = {
 							...e,
@@ -3457,16 +3463,16 @@ var x = () => {
 				onChange: s[1] ||= async (e) => E(e),
 				onBlur: s[2] ||= async (e) => D(e),
 				onFocus: s[3] ||= async (e) => k(e)
-			}, null, 40, cr),
+			}, null, 40, lr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 10, sr));
+		], 10, cr));
 	}
-}), ur = [
+}), dr = [
 	"id",
 	"data-spacing",
 	"data-width"
-], dr = /* @__PURE__ */ s({
+], fr = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -3488,15 +3494,15 @@ var x = () => {
 			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, ur));
+		}, [h(i.$slots, "default")], 10, dr));
 	}
-}), fr = [
+}), pr = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], pr = ["for"], mr = [
+], mr = ["for"], hr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -3508,18 +3514,18 @@ var x = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], hr = ["data-show-empty-option"], gr = ["label"], _r = [
+], gr = ["data-show-empty-option"], _r = ["label"], vr = [
 	"value",
 	"selected",
 	"disabled"
-], vr = [
+], yr = [
 	"value",
 	"disabled",
 	"selected"
-], yr = ["id"], br = {
+], br = ["id"], xr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, xr = /* @__PURE__ */ s({
+}, Sr = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -3610,11 +3616,11 @@ var x = () => {
 	setup(s, { emit: l }) {
 		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(""), L = p(void 0), R = p(""), z = p(!1), B = p(""), V = p(void 0), H = p(null);
 		u(() => {
-			z.value = !0, ae(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
+			z.value = !0, K(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
 			V.value?.abort();
 		}), y(() => [w.id, w.propOverrides?.id], () => {
-			(w.id ?? w.propOverrides?.id) && ae();
+			(w.id ?? w.propOverrides?.id) && K();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -3625,8 +3631,8 @@ var x = () => {
 			flush: "post"
 		}), y(() => [T.value, z.value], () => {
 			if (T.value && z.value) {
-				let e = T.value + q, t = T.value + ce;
-				D.value = e, j.value = T.value + J, M.value = T.value + se, P.value = t, I(w.message, w.showMessage) ? L.value = e : w.placeholder ? L.value = t : L.value = void 0, W(), z.value = !1;
+				let e = T.value + q, t = T.value + le;
+				D.value = e, j.value = T.value + J, M.value = T.value + ce, P.value = t, I(w.message, w.showMessage) ? L.value = e : w.placeholder ? L.value = t : L.value = void 0, U(), z.value = !1;
 			}
 		}, {
 			immediate: !0,
@@ -3639,47 +3645,47 @@ var x = () => {
 		}), y(() => [H.value], () => {
 			if (H.value) {
 				let e = V.value;
-				e || (e = new AbortController(), V.value = e), Ke(H.value, {
+				e || (e = new AbortController(), V.value = e), qe(H.value, {
 					value: w.value,
 					defaultValue: void 0
 				}, (e) => {
-					te(e, !0), G(e, !0);
+					ne(e, !0), W(e, !0);
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function U() {
+		function ee() {
 			return !!(w.validMessage ?? w.validation === "valid");
 		}
-		function W() {
-			!H.value?.validity.valid || w.validation === "invalid" ? (L.value = M.value, N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage", E() && (B.value = N.value, O(() => B.value = "", 1e3))) : U() && H.value?.validity.valid && w.required ? (L.value = j.value, E() && (B.value = w.validMessage ?? "TODO: Add a validMessage", O(() => B.value = "", 1e3))) : I(w.message, w.showMessage) ? L.value = D.value : w.placeholder ? L.value = P.value : L.value = void 0;
+		function U() {
+			!H.value?.validity.valid || w.validation === "invalid" ? (L.value = M.value, N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage", E() && (B.value = N.value, O(() => B.value = "", 1e3))) : ee() && H.value?.validity.valid && w.required ? (L.value = j.value, E() && (B.value = w.validMessage ?? "TODO: Add a validMessage", O(() => B.value = "", 1e3))) : I(w.message, w.showMessage) ? L.value = D.value : w.placeholder ? L.value = P.value : L.value = void 0;
 		}
-		function ee(e) {
+		function te(e) {
 			w.onClick && w.onClick(e);
 		}
-		function G(e, t) {
-			w.input && w.input(e), R.value = e.target.value, w.onInput && w.onInput(e), Q(S, e), W();
+		function W(e, t) {
+			w.input && w.input(e), R.value = e.target.value, w.onInput && w.onInput(e), Q(S, e), U();
 		}
-		function te(e, t) {
-			w.onChange && w.onChange(e), Q(S, e), W();
+		function ne(e, t) {
+			w.onChange && w.onChange(e), Q(S, e), U();
 		}
-		function ne(e) {
+		function re(e) {
 			w.onBlur && w.onBlur(e);
 		}
-		function K(e) {
+		function G(e) {
 			w.onFocus && w.onFocus(e);
 		}
-		function re(e) {
+		function ie(e) {
 			return e.label ?? e.value?.toString();
 		}
-		function ie() {
+		function ae() {
 			return w.variant === "floating" || w.placeholder ? w.showEmptyOption === void 0 ? !w.required : w.showEmptyOption : !1;
 		}
-		function ae() {
+		function K() {
 			let e = w.id ?? w.propOverrides?.id ?? `select-${x}`;
-			T.value = e, D.value = e + q, j.value = e + J, M.value = e + se, P.value = e + ce;
+			T.value = e, D.value = e + q, j.value = e + J, M.value = e + ce, P.value = e + le;
 		}
 		return (l, u) => (f(), r("div", {
 			class: c(_(C)("db-select", w.class)),
@@ -3689,7 +3695,7 @@ var x = () => {
 			"data-icon": s.icon,
 			"data-show-icon": _(k)(s.showIcon, "showIcon")
 		}, [
-			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, pr),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, mr),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -3703,36 +3709,36 @@ var x = () => {
 				value: s.value ?? R.value ?? "",
 				autocomplete: s.autocomplete,
 				multiple: s.multiple,
-				onInput: u[0] ||= async (e) => G(e),
-				onClick: u[1] ||= async (e) => ee(e),
-				onChange: u[2] ||= async (e) => te(e),
-				onBlur: u[3] ||= async (e) => ne(e),
-				onFocus: u[4] ||= async (e) => K(e),
+				onInput: u[0] ||= async (e) => W(e),
+				onClick: u[1] ||= async (e) => te(e),
+				onChange: u[2] ||= async (e) => ne(e),
+				onBlur: u[3] ||= async (e) => re(e),
+				onFocus: u[4] ||= async (e) => G(e),
 				"aria-describedby": s.ariaDescribedBy ?? L.value
 			}, [s.variant === "floating" || s.placeholder ? (f(), r("option", {
 				key: 0,
 				class: "placeholder",
 				value: "",
-				"data-show-empty-option": _(k)(ie(), "showEmptyOption")
-			}, null, 8, hr)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
+				"data-show-empty-option": _(k)(ae(), "showEmptyOption")
+			}, null, 8, gr)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
 				key: 0,
-				label: re(t)
+				label: ie(t)
 			}, [(f(!0), r(e, null, m(t.options, (e, t) => (f(), r("option", {
 				key: t,
 				value: e.value,
 				selected: e.selected,
 				disabled: e.disabled
-			}, g(re(e)), 9, _r))), 128))], 8, gr)) : (f(), r("option", {
+			}, g(ie(e)), 9, vr))), 128))], 8, _r)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, g(re(t)), 9, vr))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, mr),
+			}, g(ie(t)), 9, yr))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, hr),
 			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
 				id: P.value
-			}, g(s.placeholder), 9, yr)) : n("", !0),
+			}, g(s.placeholder), 9, br)) : n("", !0),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -3742,7 +3748,7 @@ var x = () => {
 				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			U() ? (f(), t($, {
+			ee() ? (f(), t($, {
 				key: 2,
 				size: "small",
 				semantic: "successful",
@@ -3759,10 +3765,10 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", br, g(B.value), 1)
-		], 10, fr));
+			i("span", xr, g(B.value), 1)
+		], 10, pr));
 	}
-}), Sr = [
+}), Cr = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -3770,7 +3776,7 @@ var x = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], Cr = /* @__PURE__ */ s({
+], wr = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -3803,26 +3809,26 @@ var x = () => {
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
 			"data-wrap": _(k)(e.wrap, "wrap")
-		}, [h(i.$slots, "default")], 10, Sr));
+		}, [h(i.$slots, "default")], 10, Cr));
 	}
-}), wr = ["simple", "divider"], Tr = ["row", "column"], Er = [
+}), Tr = ["simple", "divider"], Er = ["row", "column"], Dr = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], Dr = [
+], Or = [
 	"space-between",
 	"start",
 	"end",
 	"center"
-], Or = [
+], kr = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], kr = ["for"], Ar = [
+], Ar = ["for"], jr = [
 	"id",
 	"checked",
 	"value",
@@ -3833,10 +3839,10 @@ var x = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], jr = {
+], Mr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Mr = /* @__PURE__ */ s({
+}, Nr = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -3911,11 +3917,11 @@ var x = () => {
 	setup(s, { emit: l }) {
 		let m = v(), x = l, S = s, w = p(void 0), T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(""), L = p(void 0), R = p(null);
 		u(() => {
-			ee(), B(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
+			te(), B(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
 			L.value?.abort();
 		}), y(() => [S.id, S.propOverrides?.id], () => {
-			(S.id ?? S.propOverrides?.id) && ee();
+			(S.id ?? S.propOverrides?.id) && te();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -3940,7 +3946,7 @@ var x = () => {
 		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), Ge(R.value, {
+				e || (e = new AbortController(), L.value = e), Ke(R.value, {
 					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
@@ -3979,15 +3985,15 @@ var x = () => {
 		function H(e) {
 			S.onBlur && S.onBlur(e);
 		}
-		function U(e) {
+		function ee(e) {
 			S.onFocus && S.onFocus(e);
 		}
-		function W(e) {
+		function U(e) {
 			e.key === "Enter" && (e.preventDefault(), S.disabled || R.value?.click());
 		}
-		function ee() {
+		function te() {
 			let e = S.id ?? S.propOverrides?.id ?? `switch-${m}`;
-			w.value = e, T.value = `${e}${q}`, D.value = `${e}${J}`, j.value = `${e}${se}`;
+			w.value = e, T.value = `${e}${q}`, D.value = `${e}${J}`, j.value = `${e}${ce}`;
 		}
 		return (l, u) => (f(), r("div", {
 			"data-visual-aid": _(k)(s.visualAid, "visualAid"),
@@ -4016,12 +4022,12 @@ var x = () => {
 					"data-aid-icon-trailing": s.iconTrailing,
 					onChange: u[0] ||= async (e) => V(e),
 					onBlur: u[1] ||= async (e) => H(e),
-					onFocus: u[2] ||= async (e) => U(e),
-					onKeydown: u[3] ||= async (e) => W(e)
-				}, null, 40, Ar),
+					onFocus: u[2] ||= async (e) => ee(e),
+					onKeydown: u[3] ||= async (e) => U(e)
+				}, null, 40, jr),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, kr),
+			], 8, Ar),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -4049,23 +4055,23 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", jr, g(P.value), 1)
-		], 10, Or));
+			i("span", Mr, g(P.value), 1)
+		], 10, kr));
 	}
-}), Nr = [
+}), Pr = [
 	"for",
 	"data-icon",
 	"data-icon-trailing",
 	"data-show-icon",
 	"data-show-icon-trailing",
 	"data-no-text"
-], Pr = [
+], Fr = [
 	"disabled",
 	"aria-selected",
 	"checked",
 	"name",
 	"id"
-], Fr = /* @__PURE__ */ s({
+], Ir = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
@@ -4164,12 +4170,12 @@ var x = () => {
 				name: v.value,
 				id: t.id ?? t.propOverrides?.id,
 				onInput: s[0] ||= async (e) => E(e)
-			}, null, 40, Pr),
+			}, null, 40, Fr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 8, Nr)], 2));
+		], 8, Pr)], 2));
 	}
-}), Ir = ["id"], Lr = { role: "tablist" }, Rr = /* @__PURE__ */ s({
+}), Lr = ["id"], Rr = { role: "tablist" }, zr = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
@@ -4187,9 +4193,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-tab-list", t.class))
-		}, [i("ul", Lr, [h(a.$slots, "default")])], 10, Ir));
+		}, [i("ul", Rr, [h(a.$slots, "default")])], 10, Lr));
 	}
-}), zr = ["id"], Br = /* @__PURE__ */ s({
+}), Br = ["id"], Vr = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
@@ -4209,16 +4215,16 @@ var x = () => {
 			ref: o,
 			class: c(_(C)("db-tab-panel", i.class)),
 			id: t.id ?? t.propOverrides?.id
-		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, zr));
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Br));
 	}
-}), Vr = [
+}), Hr = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
 	"colSpan",
 	"rowSpan",
 	"headers"
-], Hr = /* @__PURE__ */ s({
+], Ur = /* @__PURE__ */ s({
 	name: "DBTableDataCell",
 	__name: "table-data-cell",
 	props: {
@@ -4227,7 +4233,7 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {},
+		propOverrides: { default: void 0 },
 		colSpan: { default: void 0 },
 		colspan: { default: void 0 },
 		headers: { default: void 0 },
@@ -4241,16 +4247,16 @@ var x = () => {
 		return (i, a) => (f(), r("td", {
 			ref_key: "_ref",
 			ref: n,
-			id: e.id,
+			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-table-data-cell", t.class)),
 			"data-horizontal-alignment": e.horizontalAlignment,
 			"data-vertical-alignment": e.verticalAlignment,
 			colSpan: _(j)(e.colSpan, e.colspan),
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers
-		}, [h(i.$slots, "default")], 10, Vr));
+		}, [h(i.$slots, "default")], 10, Hr));
 	}
-}), Ur = [
+}), Wr = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
@@ -4260,7 +4266,7 @@ var x = () => {
 	"rowSpan",
 	"headers",
 	"abbr"
-], Wr = /* @__PURE__ */ s({
+], Gr = /* @__PURE__ */ s({
 	name: "DBTableHeaderCell",
 	__name: "table-header-cell",
 	props: {
@@ -4275,7 +4281,7 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {},
+		propOverrides: { default: void 0 },
 		colSpan: { default: void 0 },
 		colspan: { default: void 0 },
 		headers: { default: void 0 },
@@ -4289,7 +4295,7 @@ var x = () => {
 		return (i, a) => (f(), r("th", {
 			ref_key: "_ref",
 			ref: n,
-			id: e.id,
+			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-table-header-cell", t.class)),
 			"data-horizontal-alignment": e.horizontalAlignment,
 			"data-vertical-alignment": e.verticalAlignment,
@@ -4299,13 +4305,13 @@ var x = () => {
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers,
 			abbr: e.abbr
-		}, [h(i.$slots, "default")], 10, Ur));
+		}, [h(i.$slots, "default")], 10, Wr));
 	}
-}), Gr = [
+}), Kr = [
 	"id",
 	"data-interactive",
 	"data-sub-header-emphasis"
-], Kr = /* @__PURE__ */ s({
+], qr = /* @__PURE__ */ s({
 	name: "DBTableRow",
 	__name: "table-row",
 	props: {
@@ -4320,7 +4326,7 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {}
+		propOverrides: { default: void 0 }
 	},
 	setup(n) {
 		let i = v(), o = n, s = p(null);
@@ -4330,11 +4336,11 @@ var x = () => {
 		return (u, d) => (f(), r("tr", {
 			ref_key: "_ref",
 			ref: s,
-			id: n.id,
+			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-row", o.class)),
 			"data-interactive": _(k)(n.interactive),
 			"data-sub-header-emphasis": n.subHeaderEmphasis
-		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Wr, {
+		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Gr, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-header-cell-${s}`,
 			id: o.id,
 			abbr: l(o)?.abbr,
@@ -4349,7 +4355,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Fn, {
+			default: b(() => [o.link ? (f(), t(In, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4402,7 +4408,7 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		])) : (f(), t(Hr, {
+		])) : (f(), t(Ur, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-data-cell-${s}`,
 			id: o.id,
 			className: o.className ?? o.class,
@@ -4414,7 +4420,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Fn, {
+			default: b(() => [o.link ? (f(), t(In, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4464,9 +4470,9 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Gr));
+		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Kr));
 	}
-}), qr = ["id"], Jr = /* @__PURE__ */ s({
+}), Jr = ["id"], Yr = /* @__PURE__ */ s({
 	name: "DBTableBody",
 	__name: "table-body",
 	props: {
@@ -4476,16 +4482,16 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {}
+		propOverrides: { default: void 0 }
 	},
 	setup(n) {
 		let i = v(), a = n, o = p(null);
 		return (s, l) => (f(), r("tbody", {
 			ref_key: "_ref",
 			ref: o,
-			id: n.id,
+			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-body", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Kr, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(qr, {
 			key: `${e.id ?? n.id ?? _(i)}-table-body-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4496,9 +4502,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, qr));
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Jr));
 	}
-}), Yr = ["id"], Xr = /* @__PURE__ */ s({
+}), Xr = ["id"], Zr = /* @__PURE__ */ s({
 	name: "DBTableFooter",
 	__name: "table-footer",
 	props: {
@@ -4508,16 +4514,16 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {}
+		propOverrides: { default: void 0 }
 	},
 	setup(n) {
 		let i = v(), a = n, o = p(null);
 		return (s, l) => (f(), r("tfoot", {
 			ref_key: "_ref",
 			ref: o,
-			id: n.id,
+			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-footer", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Kr, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(qr, {
 			key: `${e.id ?? n.id ?? _(i)}-table-footer-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4528,9 +4534,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Yr));
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Xr));
 	}
-}), Zr = ["id"], Qr = /* @__PURE__ */ s({
+}), Qr = ["id"], $r = /* @__PURE__ */ s({
 	name: "DBTableHead",
 	__name: "table-head",
 	props: {
@@ -4540,7 +4546,7 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {}
+		propOverrides: { default: void 0 }
 	},
 	setup(n) {
 		let i = v(), a = n, o = p(null);
@@ -4553,9 +4559,9 @@ var x = () => {
 		return (l, u) => (f(), r("thead", {
 			ref_key: "_ref",
 			ref: o,
-			id: n.id,
+			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-head", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Kr, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(qr, {
 			key: `${e.id ?? n.id ?? _(i)}-table-head-row-${r}`,
 			cells: s(e.cells),
 			className: e.className ?? e.class,
@@ -4568,9 +4574,9 @@ var x = () => {
 			"subHeaderEmphasis",
 			"interactive",
 			"id"
-		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, Zr));
+		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, Qr));
 	}
-}), $r = [
+}), ei = [
 	"data-width",
 	"data-size",
 	"data-divider",
@@ -4578,7 +4584,7 @@ var x = () => {
 	"data-mobile-variant",
 	"data-show-caption",
 	"data-sticky-header"
-], ei = ["id"], ti = { key: 0 }, ni = /* @__PURE__ */ s({
+], ti = ["id"], ni = { key: 0 }, ri = /* @__PURE__ */ s({
 	name: "DBTable",
 	__name: "table",
 	props: {
@@ -4600,7 +4606,7 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {},
+		propOverrides: { default: void 0 },
 		width: { default: void 0 }
 	},
 	setup(a) {
@@ -4664,23 +4670,23 @@ var x = () => {
 		}, [i("table", {
 			ref_key: "_ref",
 			ref: d,
-			id: a.id
-		}, [a.captionPlain ? (f(), r("caption", ti, g(a.captionPlain), 1)) : h(p.$slots, "caption", { key: 1 }), s.value ? (f(), r(e, { key: 2 }, [
-			s.value?.header ? (f(), t(Qr, {
+			id: a.id ?? a.propOverrides?.id
+		}, [a.captionPlain ? (f(), r("caption", ni, g(a.captionPlain), 1)) : h(p.$slots, "caption", { key: 1 }), s.value ? (f(), r(e, { key: 2 }, [
+			s.value?.header ? (f(), t($r, {
 				key: 0,
 				rows: s.value?.header
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.body ? (f(), t(Jr, {
+			s.value?.body ? (f(), t(Yr, {
 				key: 1,
 				rows: s.value?.body
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.footer ? (f(), t(Xr, {
+			s.value?.footer ? (f(), t(Zr, {
 				key: 2,
 				rows: s.value?.footer
 			}, null, 8, ["rows"])) : n("", !0)
-		], 64)) : h(p.$slots, "default", { key: 3 })], 8, ei)], 14, $r));
+		], 64)) : h(p.$slots, "default", { key: 3 })], 8, ti)], 14, ei));
 	}
-}), ri = ["id"], ii = /* @__PURE__ */ s({
+}), ii = ["id"], ai = /* @__PURE__ */ s({
 	name: "DBTableCaption",
 	__name: "table-caption",
 	props: {
@@ -4689,57 +4695,57 @@ var x = () => {
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: {}
+		propOverrides: { default: void 0 }
 	},
 	setup(e) {
 		let t = e, n = p(null);
 		return (i, a) => (f(), r("caption", {
 			ref_key: "_ref",
 			ref: n,
-			id: e.id,
+			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-table-caption", t.class))
-		}, [h(i.$slots, "default")], 10, ri));
+		}, [h(i.$slots, "default")], 10, ii));
 	}
-}), ai = [
+}), oi = [
 	"row",
 	"col",
 	"rowgroup",
 	"colgroup"
-], oi = [
+], si = [
 	"none",
 	"weak",
 	"strong"
-], si = [
+], ci = [
 	"x-small",
 	"small",
 	"medium",
 	"large"
-], ci = [
+], li = [
 	"flat",
 	"zebra",
 	"spaced"
-], li = [
+], ui = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], ui = ["table", "list"], di = [
+], di = ["table", "list"], fi = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], fi = [
+], pi = [
 	"auto",
 	"1fr",
 	"min-content",
 	"max-content"
-], pi = [
+], mi = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
 	"data-alignment",
 	"data-width"
-], mi = /* @__PURE__ */ s({
+], hi = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
@@ -4878,7 +4884,7 @@ var x = () => {
 			onInput: u[0] ||= async (e) => P(e),
 			onChange: u[1] ||= async (e) => P(e)
 		}, [
-			w.value ? (f(), t(Le, {
+			w.value ? (f(), t(Re, {
 				key: 0,
 				class: "tabs-scroll-left",
 				variant: "ghost",
@@ -4890,8 +4896,8 @@ var x = () => {
 				default: b(() => [...u[2] ||= [a(" Scroll left ", -1)]]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			i.tabs ? (f(), r(e, { key: 1 }, [o(Rr, null, {
-				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Fr, {
+			i.tabs ? (f(), r(e, { key: 1 }, [o(zr, null, {
+				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Ir, {
 					key: i.name + "tab-item" + n,
 					active: e.active,
 					label: e.label,
@@ -4906,14 +4912,14 @@ var x = () => {
 					"noText"
 				]))), 128))]),
 				_: 1
-			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(Br, {
+			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(Vr, {
 				key: i.name + "tab-panel" + n,
 				content: e.content
 			}, {
 				default: b(() => [a(g(e.children), 1)]),
 				_: 2
 			}, 1032, ["content"]))), 128))], 64)) : n("", !0),
-			T.value ? (f(), t(Le, {
+			T.value ? (f(), t(Re, {
 				key: 2,
 				class: "tabs-scroll-right",
 				variant: "ghost",
@@ -4926,13 +4932,13 @@ var x = () => {
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
 			h(s.$slots, "default")
-		], 42, pi));
+		], 42, mi));
 	}
-}), hi = ["scrollbar", "arrows"], gi = ["auto", "manually"], _i = ["static", "removable"], vi = [
+}), gi = ["scrollbar", "arrows"], _i = ["auto", "manually"], vi = ["static", "removable"], yi = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], yi = ["for"], bi = [
+], bi = ["for"], xi = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -4954,10 +4960,10 @@ var x = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], xi = {
+], Si = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Si = /* @__PURE__ */ s({
+}, Ci = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -5053,11 +5059,11 @@ var x = () => {
 	setup(e, { emit: s }) {
 		let l = v(), m = s, h = e, x = p(void 0), S = p(void 0), w = p(void 0), T = p(void 0), D = p(void 0), k = p(void 0), M = p(""), N = p(""), P = p(void 0), L = p(null);
 		u(() => {
-			W(), D.value = h.invalidMessage || "TODO: Add an invalidMessage";
+			U(), D.value = h.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
 			P.value?.abort();
 		}), y(() => [h.id, h.propOverrides?.id], () => {
-			(h.id ?? h.propOverrides?.id) && W();
+			(h.id ?? h.propOverrides?.id) && U();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -5069,7 +5075,7 @@ var x = () => {
 		}), y(() => [x.value], () => {
 			if (x.value) {
 				let e = x.value + q;
-				S.value = e, w.value = x.value + J, T.value = x.value + se, I(h.message, h.showMessage) && (k.value = e), z();
+				S.value = e, w.value = x.value + J, T.value = x.value + ce, I(h.message, h.showMessage) && (k.value = e), z();
 			}
 		}, {
 			immediate: !0,
@@ -5082,7 +5088,7 @@ var x = () => {
 		}), y(() => [L.value], () => {
 			if (L.value) {
 				let e = P.value;
-				e || (e = new AbortController(), P.value = e), Ke(L.value, {
+				e || (e = new AbortController(), P.value = e), qe(L.value, {
 					value: h.value,
 					defaultValue: void 0
 				}, (e) => {
@@ -5108,12 +5114,12 @@ var x = () => {
 		function H(e) {
 			h.onBlur && h.onBlur(e);
 		}
-		function U(e) {
+		function ee(e) {
 			h.onFocus && h.onFocus(e);
 		}
-		function W() {
+		function U() {
 			let e = h.id ?? h.propOverrides?.id ?? `textarea-${l}`;
-			x.value = e, S.value = e + q, w.value = e + J, T.value = e + se;
+			x.value = e, S.value = e + q, w.value = e + J, T.value = e + ce;
 		}
 		return (s, l) => (f(), r("div", {
 			class: c(_(C)("db-textarea", h.class)),
@@ -5121,7 +5127,7 @@ var x = () => {
 			"data-hide-asterisk": _(F)(e.showRequiredAsterisk),
 			"data-hide-label": _(F)(e.showLabel)
 		}, [
-			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, yi),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, bi),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -5144,13 +5150,13 @@ var x = () => {
 				onInput: l[0] ||= async (e) => B(e),
 				onChange: l[1] ||= async (e) => V(e),
 				onBlur: l[2] ||= async (e) => H(e),
-				onFocus: l[3] ||= async (e) => U(e),
+				onFocus: l[3] ||= async (e) => ee(e),
 				value: e.value ?? M.value ?? "",
 				"aria-describedby": e.ariaDescribedBy ?? k.value,
 				placeholder: e.placeholder ?? _(" "),
 				rows: _(j)(e.rows, _(4)),
 				cols: _(j)(e.cols)
-			}, g(e.value), 41, bi),
+			}, g(e.value), 41, xi),
 			_(I)(e.message, e.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -5177,50 +5183,50 @@ var x = () => {
 				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", xi, g(N.value), 1)
-		], 10, vi));
+			i("span", Si, g(N.value), 1)
+		], 10, yi));
 	}
-}), Ci = [
+}), wi = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], wi = [
+], Ti = [
 	"hard",
 	"soft",
 	"off"
-], Ti = ["description", "label"], Ei = [
+], Ei = ["description", "label"], Di = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], Di = [
+], Oi = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], Oi = [
+], ki = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], ki = [
+], Ai = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], Ai = [
+], ji = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], ji = [...ki, ...Ai], Mi = [
+], Mi = [...Ai, ...ji], Ni = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -5231,25 +5237,25 @@ var x = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], Ni = ["horizontal", "vertical"], Pi = ["full", "auto"], Fi = [
+], Pi = ["horizontal", "vertical"], Fi = ["full", "auto"], Ii = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], Ii = [
+], Li = [
 	"none",
 	"slow",
 	"fast"
-], Li = ["auto", "fixed"], Ri = ["small", "medium"], zi = ["weak", "strong"], Bi = [
+], Ri = ["auto", "fixed"], zi = ["small", "medium"], Bi = ["weak", "strong"], Vi = [
 	"invalid",
 	"valid",
 	"no-validation"
-], Vi = ["fixed", "content"], Hi = ["above", "floating"], Ui = ["leading", "trailing"], Wi = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), Gi = [
+], Hi = ["fixed", "content"], Ui = ["above", "floating"], Wi = ["leading", "trailing"], Gi = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), Ki = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], Ki = [
+], qi = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -5258,10 +5264,10 @@ var x = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], qi = [
+], Ji = [
 	"start",
 	"center",
 	"end"
 ];
 //#endregion
-export { te as AccordionBehaviorList, G as AccordionVariantList, qi as AlignmentList, Wi as AutoCompleteList, Ne as BadgePlacementList, ze as ButtonTypeList, Re as ButtonVariantList, Z as COLOR, Se as COLORS, Ce as COLORS_SIMPLE, ye as COLOR_CONST, X as COLOR_SIMPLE, He as CardBehaviorList, Ue as CardElevationLevelList, Jt as CustomSelectDropdownWidthList, Zt as CustomSelectListItemTypeList, ee as DBAccordion, U as DBAccordionItem, Me as DBBadge, Fe as DBBrand, Le as DBButton, Ve as DBCard, Qe as DBCheckbox, et as DBCustomButton, qt as DBCustomSelect, ft as DBCustomSelectDropdown, Xt as DBCustomSelectFormField, bt as DBCustomSelectList, vt as DBCustomSelectListItem, en as DBDivider, ln as DBDrawer, kn as DBHeader, jn as DBIcon, $ as DBInfotext, Dt as DBInput, Fn as DBLink, Bn as DBNavigation, Gn as DBNavigationItem, Xn as DBNotification, tr as DBPage, or as DBPopover, lr as DBRadio, dr as DBSection, xr as DBSelect, Cr as DBStack, Mr as DBSwitch, Fr as DBTabItem, Rr as DBTabList, Br as DBTabPanel, ni as DBTable, Jr as DBTableBody, ii as DBTableCaption, fi as DBTableColumnsSizeList, Hr as DBTableDataCell, li as DBTableDividerList, Xr as DBTableFooter, Qr as DBTableHead, Wr as DBTableHeaderCell, ai as DBTableHeaderCellScopeList, ui as DBTableMobileVariantList, Kr as DBTableRow, si as DBTableRowSizeList, oi as DBTableRowSubHeaderEmphasisList, di as DBTableStickyHeaderList, ci as DBTableVariantList, mi as DBTabs, jt as DBTag, Si as DBTextarea, kt as DBTooltip, ke as DB_UX_LOCAL_STORAGE_FRAMEWORK, Ae as DB_UX_LOCAL_STORAGE_MODE, fe as DEFAULT_BACK, me as DEFAULT_BURGER_MENU, _e as DEFAULT_CLOSE_BUTTON, le as DEFAULT_DATALIST_ID_SUFFIX, he as DEFAULT_ICON, ne as DEFAULT_ID, ue as DEFAULT_INVALID_MESSAGE, se as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, K as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, ie as DEFAULT_MESSAGE, q as DEFAULT_MESSAGE_ID_SUFFIX, re as DEFAULT_PLACEHOLDER, ce as DEFAULT_PLACEHOLDER_ID_SUFFIX, de as DEFAULT_REMOVE, ge as DEFAULT_ROWS, pe as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, Y as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Ee as DEFAULT_VIEWPORT, xe as DENSITIES, be as DENSITY, ve as DENSITY_CONST, De as DESKTOP_VIEWPORT, tn as DividerMarginList, nn as DividerVariantList, tt as DocumentClickListener, nt as DocumentScrollListener, un as DrawerBackdropList, dn as DrawerDirectionList, pn as DrawerPositionList, fn as DrawerVariantList, zi as EmphasisList, Vi as FieldSizingList, Mi as GapSpacingList, Mn as IconWeightList, Nn as InputTypeList, Ui as LabelVariantHorizontalList, Hi as LabelVariantList, Rn as LinkContentList, Ki as LinkReferrerPolicyList, Ln as LinkSizeList, Gi as LinkTargetList, In as LinkVariantList, Oi as MarginList, Fi as MaxWidthList, hn as NavigationItemSafeTriangle, $n as NotificationAriaLiveList, Qn as NotificationLinkVariantList, Zn as NotificationVariantList, Ni as OrientationList, rr as PageDocumentOverflowList, nr as PageVariantList, ki as PlacementHorizontalList, ji as PlacementList, Ai as PlacementVerticalList, Ii as PopoverDelayList, Li as PopoverWidthList, we as SEMANTIC, Te as SEMANTICS, Qt as SelectedTypeList, Ei as SemanticList, Ri as SizeList, Di as SpacingList, Er as StackAlignmentList, Tr as StackDirectionList, Dr as StackJustifyContentList, wr as StackVariantList, Oe as TESTING_VIEWPORTS, hi as TabsBehaviorList, gi as TabsInitialSelectedModeList, _i as TagBehaviorList, Ci as TextareaResizeList, wi as TextareaWrapList, Ti as TooltipVariantList, Bi as ValidationList, Pi as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, ot as getFloatingProps, F as getHideProp, N as getInputValue, B as getNotificationRole, j as getNumber, R as getOptionKey, L as getSearchInput, M as getStep, it as handleDataOutside, at as handleFixedDropdown, ut as handleFixedPopover, E as hasVoiceOver, w as isArrayOfStrings, mn as isEventTargetNavigationItem, D as isIOSSafari, z as isKeyboardEvent, I as stringPropVisible, x as uuid };
+export { re as AccordionBehaviorList, ne as AccordionVariantList, Ji as AlignmentList, Gi as AutoCompleteList, Pe as BadgePlacementList, Be as ButtonTypeList, ze as ButtonVariantList, Se as COLOR, Ce as COLORS, we as COLORS_SIMPLE, be as COLOR_CONST, Z as COLOR_SIMPLE, Ue as CardBehaviorList, We as CardElevationLevelList, Yt as CustomSelectDropdownWidthList, Qt as CustomSelectListItemTypeList, W as DBAccordion, U as DBAccordionItem, Ne as DBBadge, Ie as DBBrand, Re as DBButton, He as DBCard, $e as DBCheckbox, tt as DBCustomButton, Jt as DBCustomSelect, pt as DBCustomSelectDropdown, Zt as DBCustomSelectFormField, xt as DBCustomSelectList, yt as DBCustomSelectListItem, tn as DBDivider, un as DBDrawer, An as DBHeader, Mn as DBIcon, $ as DBInfotext, Ot as DBInput, In as DBLink, Vn as DBNavigation, Kn as DBNavigationItem, Zn as DBNotification, nr as DBPage, sr as DBPopover, ur as DBRadio, fr as DBSection, Sr as DBSelect, wr as DBStack, Nr as DBSwitch, Ir as DBTabItem, zr as DBTabList, Vr as DBTabPanel, ri as DBTable, Yr as DBTableBody, ai as DBTableCaption, pi as DBTableColumnsSizeList, Ur as DBTableDataCell, ui as DBTableDividerList, Zr as DBTableFooter, $r as DBTableHead, Gr as DBTableHeaderCell, oi as DBTableHeaderCellScopeList, di as DBTableMobileVariantList, qr as DBTableRow, ci as DBTableRowSizeList, si as DBTableRowSubHeaderEmphasisList, fi as DBTableStickyHeaderList, li as DBTableVariantList, hi as DBTabs, Mt as DBTag, Ci as DBTextarea, At as DBTooltip, Ae as DB_UX_LOCAL_STORAGE_FRAMEWORK, je as DB_UX_LOCAL_STORAGE_MODE, pe as DEFAULT_BACK, he as DEFAULT_BURGER_MENU, ve as DEFAULT_CLOSE_BUTTON, Y as DEFAULT_DATALIST_ID_SUFFIX, ge as DEFAULT_ICON, G as DEFAULT_ID, de as DEFAULT_INVALID_MESSAGE, ce as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, ie as DEFAULT_LABEL, oe as DEFAULT_LABEL_ID_SUFFIX, K as DEFAULT_MESSAGE, q as DEFAULT_MESSAGE_ID_SUFFIX, ae as DEFAULT_PLACEHOLDER, le as DEFAULT_PLACEHOLDER_ID_SUFFIX, fe as DEFAULT_REMOVE, _e as DEFAULT_ROWS, me as DEFAULT_SELECTED, se as DEFAULT_SELECT_ID_SUFFIX, ue as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, De as DEFAULT_VIEWPORT, X as DENSITIES, xe as DENSITY, ye as DENSITY_CONST, Oe as DESKTOP_VIEWPORT, nn as DividerMarginList, rn as DividerVariantList, nt as DocumentClickListener, rt as DocumentScrollListener, dn as DrawerBackdropList, fn as DrawerDirectionList, mn as DrawerPositionList, pn as DrawerVariantList, Bi as EmphasisList, Hi as FieldSizingList, Ni as GapSpacingList, Nn as IconWeightList, Pn as InputTypeList, Wi as LabelVariantHorizontalList, Ui as LabelVariantList, zn as LinkContentList, qi as LinkReferrerPolicyList, Rn as LinkSizeList, Ki as LinkTargetList, Ln as LinkVariantList, ki as MarginList, Ii as MaxWidthList, gn as NavigationItemSafeTriangle, er as NotificationAriaLiveList, $n as NotificationLinkVariantList, Qn as NotificationVariantList, Pi as OrientationList, ir as PageDocumentOverflowList, rr as PageVariantList, Ai as PlacementHorizontalList, Mi as PlacementList, ji as PlacementVerticalList, Li as PopoverDelayList, Ri as PopoverWidthList, Te as SEMANTIC, Ee as SEMANTICS, $t as SelectedTypeList, Di as SemanticList, zi as SizeList, Oi as SpacingList, Dr as StackAlignmentList, Er as StackDirectionList, Or as StackJustifyContentList, Tr as StackVariantList, ke as TESTING_VIEWPORTS, gi as TabsBehaviorList, _i as TabsInitialSelectedModeList, vi as TagBehaviorList, wi as TextareaResizeList, Ti as TextareaWrapList, Ei as TooltipVariantList, Vi as ValidationList, Fi as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, st as getFloatingProps, F as getHideProp, N as getInputValue, V as getNotificationRole, j as getNumber, z as getOptionKey, L as getSearchInput, M as getStep, at as handleDataOutside, ot as handleFixedDropdown, dt as handleFixedPopover, E as hasVoiceOver, w as isArrayOfStrings, hn as isEventTargetNavigationItem, D as isIOSSafari, B as isKeyboardEvent, I as stringPropVisible, x as uuid };