@db-ux/v-core-components 4.6.1 → 4.7.0-tabs-34782eb

package/dist/db-ux.es.js

@@ -1,41 +1,41 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, onUnmounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, watch as v, withCtx as y } from "vue";
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, onUnmounted as u, onUpdated as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useId as v, watch as y, withCtx as b } from "vue";
 //#region src/utils/index.ts
-var b = () => {
+var x = () => {
 	if (typeof window < "u") {
 		if (window.crypto?.randomUUID) return window.crypto.randomUUID();
 		if (window.crypto?.getRandomValues) return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
 	}
 	return Math.random().toString().substring(2);
-}, x = (e, t) => {
+}, S = (e, t) => {
 	let n = e.children;
 	Object.values(n).forEach((e) => {
-		e.setAttribute(t.key, t.value), e.children.length > 0 && x(e, t);
+		e.setAttribute(t.key, t.value), e.children.length > 0 && S(e, t);
 	});
-}, S = (...e) => {
+}, C = (...e) => {
 	let t = "";
 	for (let n of e) if (n) if (typeof n == "string") t += `${n} `;
 	else for (let e in n) n[e] && (t += `${e} `);
 	return t.trim();
-}, C = (e) => Array.isArray(e) && e.every((e) => typeof e == "string"), w = [
+}, w = (e) => Array.isArray(e) && e.every((e) => typeof e == "string"), T = [
 	"Mac",
 	"iPhone",
 	"iPad",
 	"iPod"
-], T = () => typeof window < "u" && w.some((e) => window.navigator.userAgent.includes(e)), E = () => {
+], E = () => typeof window < "u" && T.some((e) => window.navigator.userAgent.includes(e)), D = () => {
 	if (typeof window > "u" || typeof navigator > "u") return !1;
 	let e = navigator.userAgent, t = /iP(ad|hone|od)/.test(e), n = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
 	return t && n;
-}, D = (e, t) => new Promise(() => setTimeout(e, t)), O = (e) => {
+}, O = (e, t) => new Promise(() => setTimeout(e, t)), k = (e) => {
 	if (e != null) return String(typeof e == "string" ? e === "true" : e);
-}, k = (e, t) => {
-	if (e != null) return typeof e == "string" ? t === e || e === "true" : !!e;
 }, A = (e, t) => {
+	if (e != null) return typeof e == "string" ? t === e || e === "true" : !!e;
+}, j = (e, t) => {
 	if (!(e == null && t == null)) return Number(e ?? t);
-}, j = (e) => {
+}, M = (e) => {
 	if (e != null) return e === "any" ? "any" : Number(e);
-}, M = (e, t) => t && ["number", "range"].includes(t) ? A(e) : e, N = (e) => typeof e == "string" ? e === "true" : e, P = (e) => {
-	if (e != null) return O(!N(e));
-}, F = (e, t) => (t === void 0 || N(t)) && !!e, I = (e) => e.querySelector("input[type=\"search\"]"), L = (e, t) => `${t}${e.id ?? e.value ?? b()}`, R = (e) => e.key !== void 0, z = ({ semantic: e, role: t, ariaLive: n }) => {
+}, N = (e, t) => t && ["number", "range"].includes(t) ? j(e) : e, P = (e) => typeof e == "string" ? e === "true" : e, F = (e) => {
+	if (e != null) return k(!P(e));
+}, 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 }) => {
 	if (t) return t;
 	if (n) return "article";
 	switch (e) {
@@ -45,11 +45,11 @@ var b = () => {
 		case "successful": return "status";
 		default: return "article";
 	}
-}, B = ["id"], V = [
+}, V = ["id"], H = [
 	"aria-disabled",
 	"name",
 	"open"
-], H = /* @__PURE__ */ s({
+], U = /* @__PURE__ */ s({
 	name: "DBAccordionItem",
 	__name: "accordion-item",
 	props: {
@@ -78,37 +78,37 @@ var b = () => {
 		name: { default: void 0 }
 	},
 	setup(t) {
-		let o = t, s = f(!1), u = f(void 0), p = f(!1), _ = f(null);
+		let o = t, s = p(!1), u = p(void 0), d = p(!1), m = p(null);
 		l(() => {
-			o.defaultOpen && (s.value = o.defaultOpen), p.value = !0;
-		}), v(() => [_.value, p.value], () => {
-			_.value && p.value;
+			o.defaultOpen && (s.value = o.defaultOpen), d.value = !0;
+		}), y(() => [m.value, d.value], () => {
+			m.value && d.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [o.name], () => {
+		}), y(() => [o.name], () => {
 			o.name && (u.value = o.name);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function y(e) {
+		function v(e) {
 			e?.preventDefault();
 			let t = !s.value;
 			o.onToggle && o.onToggle(t), s.value = t;
 		}
-		return (l, f) => (d(), r("li", {
+		return (l, d) => (f(), r("li", {
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-accordion-item", o.class))
+			class: c(_(C)("db-accordion-item", o.class))
 		}, [i("details", {
-			"aria-disabled": g(O)(t.disabled),
+			"aria-disabled": _(k)(t.disabled),
 			ref_key: "_ref",
-			ref: _,
+			ref: m,
 			name: u.value,
 			open: s.value
-		}, [i("summary", { onClick: f[0] ||= async (e) => y(e) }, [t.headlinePlain ? (d(), r(e, { key: 0 }, [a(h(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : m(l.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(l.$slots, "default", { key: 1 })])], 8, V)], 10, B));
+		}, [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(l.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(l.$slots, "default", { key: 1 })])], 8, H)], 10, V));
 	}
-}), ee = ["id", "data-variant"], U = /* @__PURE__ */ s({
+}), W = ["id", "data-variant"], ee = /* @__PURE__ */ s({
 	name: "DBAccordion",
 	__name: "accordion",
 	props: {
@@ -126,10 +126,10 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(i) {
-		let a = _(), o = i, s = f(""), u = f(!1), h = f(!1), y = f(null);
+		let a = v(), o = i, s = p(""), u = p(!1), d = p(!1), g = p(null);
 		l(() => {
-			u.value = !0, h.value = !0;
-		}), v(() => [
+			u.value = !0, d.value = !0;
+		}), y(() => [
 			u.value,
 			o.name,
 			o.behavior
@@ -138,22 +138,22 @@ var b = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [y.value, s.value], () => {
-			if (y.value) {
-				let e = y.value.getElementsByTagName("details");
+		}), y(() => [g.value, s.value], () => {
+			if (g.value) {
+				let e = g.value.getElementsByTagName("details");
 				if (e) for (let t of Array.from(e)) s.value === "" ? t.removeAttribute("name") : t.name = s.value ?? "";
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			y.value,
-			h.value,
+		}), y(() => [
+			g.value,
+			d.value,
 			o.initOpenIndex
 		], () => {
-			if (y.value && h.value) {
+			if (g.value && d.value) {
 				if (o.initOpenIndex && o.initOpenIndex.length > 0) {
-					let e = y.value.getElementsByTagName("details");
+					let e = g.value.getElementsByTagName("details");
 					if (e) {
 						let t = o.behavior === "single" && o.initOpenIndex.length > 1 ? [o.initOpenIndex[0]] : o.initOpenIndex;
 						Array.from(e).forEach((e, n) => {
@@ -161,7 +161,7 @@ var b = () => {
 						});
 					}
 				}
-				h.value = !1;
+				d.value = !1;
 			}
 		}, {
 			immediate: !0,
@@ -175,13 +175,13 @@ var b = () => {
 			}
 			return [];
 		}
-		return (a, s) => (d(), r("ul", {
+		return (a, s) => (f(), r("ul", {
 			ref_key: "_ref",
-			ref: y,
+			ref: g,
 			id: i.id ?? i.propOverrides?.id,
-			class: c(g(S)("db-accordion", o.class)),
+			class: c(_(C)("db-accordion", o.class)),
 			"data-variant": i.variant
-		}, [i.items ? n("", !0) : m(a.$slots, "default", { key: 0 }), i.items ? (d(!0), r(e, { key: 1 }, p(b(), (e, n) => (d(), t(H, {
+		}, [i.items ? n("", !0) : h(a.$slots, "default", { key: 0 }), i.items ? (f(!0), r(e, { key: 1 }, m(b(), (e, n) => (f(), t(U, {
 			key: `accordion-item-${n}`,
 			headlinePlain: e.headlinePlain,
 			disabled: e.disabled,
@@ -190,15 +190,15 @@ var b = () => {
 			"headlinePlain",
 			"disabled",
 			"text"
-		]))), 128)) : n("", !0)], 10, ee));
+		]))), 128)) : n("", !0)], 10, W));
 	}
-}), te = ["divider", "card"], W = ["multiple", "single"], ne = "OVERWRITE_DEFAULT_ID", re = "LABEL SHOULD BE SET", G = " ", ie = "MESSAGE SHOULD BE SET", ae = "-label", oe = "-select", K = "-message", q = "-valid-message", J = "-invalid-message", se = "-placeholder", ce = "-datalist", le = "TODO: Add a validMessage", Y = "TODO: Add an invalidMessage", ue = "Remove", de = "Back", fe = "Selected", pe = "BurgerMenu", me = "brand", he = 4, ge = "Close", _e = "density", ve = "color", ye = /* @__PURE__ */ function(e) {
+}), G = ["divider", "card"], te = ["multiple", "single"], K = "OVERWRITE_DEFAULT_ID", q = "LABEL SHOULD BE SET", ne = " ", re = "MESSAGE SHOULD BE SET", ie = "-label", ae = "-select", J = "-message", Y = "-valid-message", oe = "-invalid-message", se = "-placeholder", ce = "-datalist", X = "TODO: Add a validMessage", le = "TODO: Add an invalidMessage", ue = "Remove", de = "Back", fe = "Selected", pe = "BurgerMenu", me = "brand", he = 4, ge = "Close", _e = "density", ve = "color", ye = /* @__PURE__ */ function(e) {
 	return e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e;
-}({}), be = Object.entries(ye).map(([, e]) => e), xe = /* @__PURE__ */ function(e) {
+}({}), be = Object.entries(ye).map(([, e]) => e), Z = /* @__PURE__ */ function(e) {
 	return e.PRIMARY = "primary", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), Q = /* @__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;
-}({}), Z = Object.entries(X).map(([, e]) => e), Se = Object.entries(xe).map(([, e]) => e), Ce = /* @__PURE__ */ function(e) {
+}({}), xe = Object.entries(Q).map(([, e]) => e), Se = Object.entries(Z).map(([, e]) => e), Ce = /* @__PURE__ */ function(e) {
 	return e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e;
 }({}), we = Object.entries(Ce).map(([, e]) => e), Te = {
 	width: 390,
@@ -250,10 +250,10 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(!1), o = f(null);
+		let n = t, i = p(!1), o = p(null);
 		return l(() => {
 			i.value = !0;
-		}), v(() => [o.value, i.value], () => {
+		}), y(() => [o.value, i.value], () => {
 			if (o.value && i.value && n.placement?.startsWith("corner")) {
 				let e = o.value.parentElement;
 				e && e.localName.includes("badge") && (e = e.parentElement), e && (e.dataset.hasBadge = "true");
@@ -261,18 +261,18 @@ var b = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), (i, s) => (d(), r("span", {
+		}), (i, s) => (f(), r("span", {
 			ref_key: "_ref",
 			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-badge", n.class)),
+			class: c(_(C)("db-badge", n.class)),
 			"data-semantic": t.semantic,
 			"data-size": t.size,
 			"data-emphasis": t.emphasis,
 			"data-placement": t.placement,
-			"data-wrap": g(O)(t.wrap),
-			"data-label": t.placement?.startsWith("corner") && (t.label ?? g("LABEL SHOULD BE SET"))
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(i.$slots, "default", { key: 1 })], 10, Ae));
+			"data-wrap": _(k)(t.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)) : h(i.$slots, "default", { key: 1 })], 10, Ae));
 	}
 }), Me = [
 	"inline",
@@ -308,15 +308,15 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		return (o, s) => (d(), r("div", {
+		let n = t, i = p(null);
+		return (o, s) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: i,
-			"data-icon": t.hideLogo ? "none" : t.icon ?? g("brand"),
-			"data-show-icon": g(O)(t.showIcon),
+			"data-icon": t.hideLogo ? "none" : t.icon ?? _("brand"),
+			"data-show-icon": _(k)(t.showIcon),
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-brand", n.class))
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(o.$slots, "default", { key: 1 })], 10, Ne));
+			class: c(_(C)("db-brand", n.class))
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(o.$slots, "default", { key: 1 })], 10, Ne));
 	}
 }), Fe = [
 	"id",
@@ -386,34 +386,34 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(null);
+		let n = t, i = p(null);
 		function o() {
 			return n.type ? n.type : n.onClick ? "button" : "submit";
 		}
 		function s(e) {
 			n.onClick && n.onClick(e);
 		}
-		return (l, u) => (d(), r("button", {
+		return (l, u) => (f(), r("button", {
 			ref_key: "_ref",
 			ref: i,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-button", n.class)),
+			class: c(_(C)("db-button", n.class)),
 			type: o(),
-			disabled: g(k)(t.disabled, "disabled"),
+			disabled: _(A)(t.disabled, "disabled"),
 			"data-icon": t.iconLeading ?? t.icon,
-			"data-show-icon": g(O)(t.showIconLeading ?? t.showIcon),
+			"data-show-icon": _(k)(t.showIconLeading ?? t.showIcon),
 			"data-icon-trailing": t.iconTrailing,
-			"data-show-icon-trailing": g(O)(t.showIconTrailing),
+			"data-show-icon-trailing": _(k)(t.showIconTrailing),
 			"data-size": t.size,
 			"data-width": t.width,
 			"data-variant": t.variant,
-			"data-wrap": g(O)(t.wrap),
-			"data-no-text": g(O)(t.noText),
+			"data-wrap": _(k)(t.wrap),
+			"data-no-text": _(k)(t.noText),
 			name: t.name,
 			form: t.form,
 			value: t.value,
 			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(l.$slots, "default", { key: 1 })], 10, Fe));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(l.$slots, "default", { key: 1 })], 10, Fe));
 	}
 }), Le = [
 	"outlined",
@@ -449,34 +449,34 @@ var b = () => {
 		spacing: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
+		let t = e, n = p(null);
 		function i(e) {
 			t.onClick && t.onClick(e);
 		}
-		return (a, o) => (d(), r("div", {
+		return (a, o) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-card", t.class)),
+			class: c(_(C)("db-card", t.class)),
 			"data-behavior": e.behavior,
 			"data-elevation-level": e.elevationLevel,
 			"data-spacing": e.spacing,
 			onClick: o[0] ||= async (e) => i(e)
-		}, [m(a.$slots, "default")], 10, ze));
+		}, [h(a.$slots, "default")], 10, ze));
 	}
 }), Ve = ["static", "interactive"], He = [
 	"1",
 	"2",
 	"3"
-], Q = (e, t, n = "value") => {
+], Ue = (e, t, n = "value") => {
 	e(`update:${n}`, t.target[n]);
-}, Ue = (e, t, n) => {
+}, We = (e, t, n) => {
 	e.form && !e._dbFormResetListenerAdded && (e.form.addEventListener("reset", (e) => {
 		t(e);
 	}, { signal: n }), e._dbFormResetListenerAdded = !0);
-}, We = (e, t, n, r) => {
-	Ue(e, (r) => {
-		D(() => {
+}, Ge = (e, t, n, r) => {
+	We(e, (r) => {
+		O(() => {
 			let i = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked;
 			n({
 				...r,
@@ -487,9 +487,9 @@ var b = () => {
 			});
 		}, 1);
 	}, r);
-}, Ge = (e, t, n, r) => {
-	Ue(e, (r) => {
-		D(() => {
+}, Ke = (e, t, n, r) => {
+	We(e, (r) => {
+		O(() => {
 			let i = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value;
 			n({
 				...r,
@@ -500,7 +500,7 @@ var b = () => {
 			});
 		}, 1);
 	}, r);
-}, Ke = [
+}, qe = [
 	"id",
 	"data-icon",
 	"data-semantic",
@@ -531,24 +531,24 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		return (o, s) => (d(), r("span", {
+		let n = t, i = p(null);
+		return (o, s) => (f(), r("span", {
 			ref_key: "_ref",
 			ref: i,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-infotext", n.class)),
+			class: c(_(C)("db-infotext", n.class)),
 			"data-icon": t.icon,
 			"data-semantic": t.semantic,
 			"data-size": t.size,
-			"data-wrap": g(O)(t.wrap),
-			"data-show-icon-leading": g(O)(t.showIcon ?? !0)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(o.$slots, "default", { key: 1 })], 10, Ke));
+			"data-wrap": _(k)(t.wrap),
+			"data-show-icon-leading": _(k)(t.showIcon ?? !0)
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(o.$slots, "default", { key: 1 })], 10, qe));
 	}
-}), qe = [
+}), Je = [
 	"data-size",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Je = ["for"], Ye = [
+], Ye = ["for"], Xe = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -558,10 +558,10 @@ var b = () => {
 	"value",
 	"required",
 	"aria-describedby"
-], Xe = {
+], Ze = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ze = /* @__PURE__ */ s({
+}, Qe = /* @__PURE__ */ s({
 	name: "DBCheckbox",
 	__name: "checkbox",
 	props: {
@@ -630,53 +630,53 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:checked"],
-	setup(s, { emit: p }) {
-		let b = _(), x = p, C = s, w = f(!1), E = f(void 0), O = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), I = f(""), L = f(void 0), R = f(null);
+	setup(s, { emit: d }) {
+		let m = v(), x = d, 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);
 		l(() => {
-			w.value = !0, U(), M.value = C.invalidMessage || "TODO: Add an invalidMessage";
+			w.value = !0, W(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
 		}), u(() => {
 			L.value?.abort();
-		}), v(() => [C.id, C.propOverrides?.id], () => {
-			(C.id ?? C.propOverrides?.id) && U();
+		}), y(() => [S.id, S.propOverrides?.id], () => {
+			(S.id ?? S.propOverrides?.id) && W();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value, C.invalidMessage], () => {
-			M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [R.value, S.invalidMessage], () => {
+			M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [E.value], () => {
-			if (E.value) {
-				let e = E.value + K;
-				O.value = e, A.value = E.value + q, j.value = E.value + J, F(C.message, C.showMessage) && (N.value = e), B();
+		}), y(() => [T.value], () => {
+			if (T.value) {
+				let e = T.value + J;
+				D.value = e, k.value = T.value + Y, j.value = T.value + oe, I(S.message, S.showMessage) && (N.value = e), B();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.value,
 			R.value,
-			C.indeterminate
+			S.indeterminate
 		], () => {
-			R.value && C.indeterminate !== void 0 && (R.value.indeterminate = !!k(C.indeterminate));
+			R.value && S.indeterminate !== void 0 && (R.value.indeterminate = !!A(S.indeterminate));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.value,
 			R.value,
-			C.checked
+			S.checked
 		], () => {
-			w.value && R.value && (C.checked != null && (R.value.checked = !!k(C.checked)), w.value = !1);
+			w.value && R.value && (S.checked != null && (R.value.checked = !!A(S.checked)), w.value = !1);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value], () => {
+		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), We(R.value, {
-					checked: C.checked,
+				e || (e = new AbortController(), L.value = e), Ge(R.value, {
+					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
 					V(e, !0);
@@ -687,63 +687,63 @@ var b = () => {
 			flush: "post"
 		});
 		function z() {
-			return !!(C.validMessage ?? C.validation === "valid");
+			return !!(S.validMessage ?? S.validation === "valid");
 		}
 		function B() {
-			!R.value?.validity.valid || C.validation === "invalid" ? (N.value = j.value, M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", T() && (I.value = M.value, D(() => I.value = "", 1e3))) : z() && R.value?.validity.valid && C.required ? (N.value = A.value, T() && (I.value = C.validMessage ?? "TODO: Add a validMessage", D(() => I.value = "", 1e3))) : F(C.message, C.showMessage) ? N.value = O.value : N.value = void 0;
+			!R.value?.validity.valid || S.validation === "invalid" ? (N.value = j.value, M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", E() && (P.value = M.value, O(() => P.value = "", 1e3))) : z() && R.value?.validity.valid && S.required ? (N.value = k.value, E() && (P.value = S.validMessage ?? "TODO: Add a validMessage", O(() => P.value = "", 1e3))) : I(S.message, S.showMessage) ? N.value = D.value : N.value = void 0;
 		}
 		function V(e, t) {
-			C.onChange && C.onChange(e), Q(x, e, "checked"), B();
+			S.onChange && S.onChange(e), Ue(x, e, "checked"), B();
 		}
 		function H(e) {
-			C.onBlur && C.onBlur(e);
+			S.onBlur && S.onBlur(e);
 		}
-		function ee(e) {
-			C.onFocus && C.onFocus(e);
+		function U(e) {
+			S.onFocus && S.onFocus(e);
 		}
-		function U() {
-			let e = C.id ?? C.propOverrides?.id ?? `checkbox-${b}`;
-			E.value = e, O.value = e + K, A.value = e + q, j.value = e + J;
+		function W() {
+			let e = S.id ?? S.propOverrides?.id ?? `checkbox-${m}`;
+			T.value = e, D.value = e + J, k.value = e + Y, j.value = e + oe;
 		}
-		return (l, u) => (d(), r("div", {
-			class: c(g(S)("db-checkbox", C.class)),
+		return (l, u) => (f(), r("div", {
+			class: c(_(C)("db-checkbox", S.class)),
 			"data-size": s.size,
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
-			"data-hide-label": g(P)(s.showLabel)
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
+			"data-hide-label": _(F)(s.showLabel)
 		}, [
-			i("label", { for: E.value }, [i("input", {
+			i("label", { for: T.value }, [i("input", {
 				type: "checkbox",
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
 				ref_key: "_ref",
 				ref: R,
-				id: E.value,
+				id: T.value,
 				name: s.name,
-				checked: g(k)(s.checked, "checked"),
-				disabled: g(k)(s.disabled, "disabled"),
+				checked: _(A)(s.checked, "checked"),
+				disabled: _(A)(s.disabled, "disabled"),
 				value: s.value,
-				required: g(k)(s.required, "required"),
+				required: _(A)(s.required, "required"),
 				onChange: u[0] ||= async (e) => V(e),
 				onBlur: u[1] ||= async (e) => H(e),
-				onFocus: u[2] ||= async (e) => ee(e),
+				onFocus: u[2] ||= async (e) => U(e),
 				"aria-describedby": s.ariaDescribedBy ?? N.value
-			}, null, 40, Ye), s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : m(l.$slots, "default", { key: 1 })], 8, Je),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+			}, null, 40, Xe), s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : h(l.$slots, "default", { key: 1 })], 8, Ye),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
 				icon: s.messageIcon,
-				id: O.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			z() ? (d(), t($, {
+			z() ? (f(), t($, {
 				key: 1,
 				size: "small",
 				semantic: "successful",
-				id: A.value
+				id: k.value
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -751,13 +751,13 @@ var b = () => {
 				semantic: "critical",
 				id: j.value
 			}, {
-				default: y(() => [a(h(M.value), 1)]),
+				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Xe, h(I.value), 1)
-		], 10, qe));
+			i("span", Ze, g(P.value), 1)
+		], 10, Je));
 	}
-}), Qe = [
+}), $e = [
 	"id",
 	"data-icon",
 	"data-show-icon",
@@ -767,7 +767,7 @@ var b = () => {
 	"data-width",
 	"data-variant",
 	"data-no-text"
-], $e = /* @__PURE__ */ s({
+], et = /* @__PURE__ */ s({
 	name: "DBCustomButton",
 	__name: "custom-button",
 	props: {
@@ -802,23 +802,23 @@ var b = () => {
 		wrap: { type: [Boolean, String] }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-button", t.class)),
+			class: c(_(C)("db-custom-button", t.class)),
 			"data-icon": e.iconLeading ?? e.icon,
-			"data-show-icon": g(O)(e.showIconLeading ?? e.showIcon),
+			"data-show-icon": _(k)(e.showIconLeading ?? e.showIcon),
 			"data-icon-trailing": e.iconTrailing,
-			"data-show-icon-trailing": g(O)(e.showIconTrailing),
+			"data-show-icon-trailing": _(k)(e.showIconTrailing),
 			"data-size": e.size,
 			"data-width": e.width,
 			"data-variant": e.variant,
-			"data-no-text": g(O)(e.noText)
-		}, [m(i.$slots, "default")], 10, Qe));
+			"data-no-text": _(k)(e.noText)
+		}, [h(i.$slots, "default")], 10, $e));
 	}
-}), et = class e {
+}), tt = class e {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -829,13 +829,13 @@ var b = () => {
 		e._instance = this, self.document && self.document.addEventListener("click", (t) => e.runCallbacks(t));
 	}
 	addCallback(t) {
-		let n = b();
+		let n = x();
 		return e.callbacks[n] = t, n;
 	}
 	removeCallback(t) {
 		delete e.callbacks[t];
 	}
-}, tt = class e {
+}, nt = class e {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -851,13 +851,13 @@ var b = () => {
 		}, !0);
 	}
 	addCallback(t) {
-		let n = b();
+		let n = x();
 		return e.callbacks[n] = t, n;
 	}
 	removeCallback(t) {
 		delete e.callbacks[t];
 	}
-}, nt = (e) => {
+}, rt = (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,
@@ -865,17 +865,17 @@ var b = () => {
 		outLeft: l,
 		outRight: u
 	};
-}, rt = (e) => {
-	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = nt(e), a = {};
+}, it = (e) => {
+	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = rt(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;
-}, it = (e, t, n) => {
+}, at = (e, t, n) => {
 	if (!e || !t || getComputedStyle(e).zIndex === "9999") return;
-	let { top: r, bottom: i, childHeight: a, childWidth: o, width: s, right: c, left: l, correctedPlacement: u } = at(e, t, n);
+	let { top: r, bottom: i, childHeight: a, childWidth: o, width: s, right: c, left: l, correctedPlacement: u } = ot(e, t, n);
 	e.dataset.width === "full" && (e.style.inlineSize = `${s}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? e.style.insetInlineStart = `${l}px` : (u === "top-end" || u === "bottom-end") && (e.style.insetInlineStart = `${c - o}px`), u?.startsWith("top") ? e.style.insetBlockStart = `${r - a}px` : u?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
-}, at = (e, t, n) => {
+}, ot = (e, t, n) => {
 	if (!e || !t) return {
 		top: 0,
 		bottom: 0,
@@ -905,17 +905,17 @@ var b = () => {
 		innerWidth: d,
 		innerHeight: u
 	};
-}, ot = 10, st = /* @__PURE__ */ new WeakMap(), ct = (e) => {
-	if (st.has(e)) return st.get(e);
+}, st = 10, ct = /* @__PURE__ */ new WeakMap(), lt = (e) => {
+	if (ct.has(e)) return ct.get(e);
 	let t = e.parentElement, n = 0;
-	for (; t && n < ot;) {
-		if (t.dataset.correctedPlacement) return st.set(e, t), t;
+	for (; t && n < st;) {
+		if (t.dataset.correctedPlacement) return ct.set(e, t), t;
 		t = t.parentElement, n += 1;
 	}
-	return st.set(e, null), null;
-}, lt = (e, t, n) => {
+	return ct.set(e, null), null;
+}, ut = (e, t, n) => {
 	if (!e || !t) return;
-	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = ct(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 } = at(e, t, n);
+	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);
 	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;
@@ -961,7 +961,7 @@ var b = () => {
 		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;
-}, ut = ["id", "data-width"], dt = /* @__PURE__ */ s({
+}, dt = ["id", "data-width"], ft = /* @__PURE__ */ s({
 	name: "DBCustomSelectDropdown",
 	__name: "custom-select-dropdown",
 	props: {
@@ -974,28 +974,28 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("article", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("article", {
 			"data-spacing": "none",
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-select-dropdown db-card", t.class)),
+			class: c(_(C)("db-custom-select-dropdown db-card", t.class)),
 			"data-width": e.width
-		}, [m(i.$slots, "default")], 10, ut));
+		}, [h(i.$slots, "default")], 10, dt));
 	}
-}), ft = ["id", "data-divider"], pt = [
+}), pt = ["id", "data-divider"], mt = [
 	"data-icon",
 	"data-show-icon",
 	"data-icon-trailing"
-], mt = [
+], ht = [
 	"type",
 	"name",
 	"form",
 	"checked",
 	"disabled",
 	"value"
-], ht = { key: 1 }, gt = /* @__PURE__ */ s({
+], gt = { key: 1 }, _t = /* @__PURE__ */ s({
 	name: "DBCustomSelectListItem",
 	__name: "custom-select-list-item",
 	props: {
@@ -1039,50 +1039,50 @@ var b = () => {
 	},
 	emits: ["update:checked"],
 	setup(t, { emit: n }) {
-		let o = n, s = t, l = f(!1), u = f(null);
-		v(() => [s.isGroupTitle, s.showDivider], () => {
+		let o = n, s = t, l = p(!1), u = p(null);
+		y(() => [s.isGroupTitle, s.showDivider], () => {
 			l.value = !!(s.isGroupTitle || s.showDivider);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
-			e.stopPropagation(), s.onChange && s.onChange(e), Q(o, e, "checked");
+		function d(e) {
+			e.stopPropagation(), s.onChange && s.onChange(e), Ue(o, e, "checked");
 		}
-		function _() {
-			if (!(s.isGroupTitle || s.type === "checkbox")) return k(s.checked, "checked") ? "check" : "x_placeholder";
+		function m() {
+			if (!(s.isGroupTitle || s.type === "checkbox")) return A(s.checked, "checked") ? "check" : "x_placeholder";
 		}
-		return (n, o) => (d(), r("li", {
+		return (n, o) => (f(), r("li", {
 			ref_key: "_ref",
 			ref: u,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-custom-select-list-item", s.class, {
+			class: c(_(C)("db-custom-select-list-item", s.class, {
 				"db-checkbox": t.type === "checkbox" && !t.isGroupTitle,
 				"db-radio": t.type !== "checkbox" && !t.isGroupTitle
 			})),
-			"data-divider": g(O)(l.value)
-		}, [t.isGroupTitle ? (d(), r("span", ht, h(t.groupTitle), 1)) : (d(), r("label", {
+			"data-divider": _(k)(l.value)
+		}, [t.isGroupTitle ? (f(), r("span", gt, g(t.groupTitle), 1)) : (f(), r("label", {
 			key: 0,
 			"data-icon": t.type !== "checkbox" && t.icon ? t.icon : void 0,
-			"data-show-icon": g(O)(t.showIcon),
-			"data-icon-trailing": _()
+			"data-show-icon": _(k)(t.showIcon),
+			"data-icon-trailing": m()
 		}, [i("input", {
 			class: "db-custom-select-list-item-checkbox",
 			"data-disable-focus": "true",
 			type: t.type,
 			name: t.name,
 			form: t.name,
-			checked: g(k)(t.checked, "checked"),
-			disabled: g(k)(t.disabled, "disabled"),
+			checked: _(A)(t.checked, "checked"),
+			disabled: _(A)(t.disabled, "disabled"),
 			value: t.value,
-			onChange: o[0] ||= async (e) => p(e)
-		}, null, 40, mt), t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : m(n.$slots, "default", { key: 1 })], 8, pt))], 10, ft));
+			onChange: o[0] ||= async (e) => d(e)
+		}, null, 40, ht), t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : h(n.$slots, "default", { key: 1 })], 8, mt))], 10, pt));
 	}
-}), _t = [
+}), vt = [
 	"role",
 	"aria-label",
 	"id"
-], vt = /* @__PURE__ */ s({
+], yt = /* @__PURE__ */ s({
 	name: "DBCustomSelectList",
 	__name: "custom-select-list",
 	props: {
@@ -1099,17 +1099,17 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (a, o) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (a, o) => (f(), r("div", {
 			role: e.multiple ? "group" : "radiogroup",
 			"aria-label": e.label,
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-select-list", t.class))
-		}, [i("ul", null, [m(a.$slots, "default")])], 10, _t));
+			class: c(_(C)("db-custom-select-list", t.class))
+		}, [i("ul", null, [h(a.$slots, "default")])], 10, vt));
 	}
-}), yt = [
+}), bt = [
 	"data-variant",
 	"data-hide-label",
 	"data-show-icon",
@@ -1117,10 +1117,10 @@ var b = () => {
 	"data-icon-trailing",
 	"data-hide-asterisk",
 	"data-show-icon-trailing"
-], bt = ["for"], xt = /* @__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("."), St = ["id"], Ct = ["value"], wt = {
+], xt = ["for"], St = /* @__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("."), Ct = ["id"], wt = ["value"], Tt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Tt = /* @__PURE__ */ s({
+}, Et = /* @__PURE__ */ s({
 	name: "DBInput",
 	__name: "input",
 	props: {
@@ -1237,121 +1237,121 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:value"],
-	setup(s, { emit: b }) {
-		let x = _(), w = b, N = s, I = f(void 0), L = f(void 0), R = f(void 0), z = f(void 0), B = f(void 0), V = f(void 0), H = f(void 0), ee = f(""), U = f(""), te = f(void 0), W = f(null);
+	setup(s, { emit: d }) {
+		let x = v(), S = d, 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);
 		l(() => {
-			le(), B.value = N.invalidMessage || "TODO: Add an invalidMessage";
+			se(), B.value = T.invalidMessage || "TODO: Add an invalidMessage";
 		}), u(() => {
-			te.value?.abort();
-		}), v(() => [N.id, N.propOverrides?.id], () => {
-			(N.id ?? N.propOverrides?.id) && le();
+			ee.value?.abort();
+		}), y(() => [T.id, T.propOverrides?.id], () => {
+			(T.id ?? T.propOverrides?.id) && se();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [W.value, N.invalidMessage], () => {
-			B.value = N.invalidMessage || W.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [G.value, T.invalidMessage], () => {
+			B.value = T.invalidMessage || G.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [I.value], () => {
-			if (I.value) {
-				let e = I.value + K;
-				L.value = e, R.value = I.value + q, z.value = I.value + J, V.value = N.dataListId ?? I.value + "-datalist", F(N.message, N.showMessage) && (H.value = e), re();
+		}), y(() => [P.value], () => {
+			if (P.value) {
+				let e = P.value + J;
+				L.value = e, R.value = P.value + Y, z.value = P.value + oe, V.value = T.dataListId ?? P.value + "-datalist", I(T.message, T.showMessage) && (H.value = e), K();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [N.value], () => {
-			ee.value = N.value;
+		}), y(() => [T.value], () => {
+			U.value = T.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [W.value], () => {
-			if (W.value) {
-				let e = te.value;
-				e || (e = new AbortController(), te.value = e), Ge(W.value, {
-					value: N.value,
+		}), y(() => [G.value], () => {
+			if (G.value) {
+				let e = ee.value;
+				e || (e = new AbortController(), ee.value = e), Ke(G.value, {
+					value: T.value,
 					defaultValue: void 0
 				}, (e) => {
-					ie(e, !0), G(e, !0);
+					ne(e, !0), q(e, !0);
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function ne() {
-			return !!(N.validMessage ?? N.validation === "valid");
+		function te() {
+			return !!(T.validMessage ?? T.validation === "valid");
 		}
-		function re() {
-			!W.value?.validity.valid || N.validation === "invalid" ? (H.value = z.value, B.value = N.invalidMessage || W.value?.validationMessage || "TODO: Add an invalidMessage", T() && (U.value = B.value, D(() => U.value = "", 1e3))) : ne() && W.value?.validity.valid && (N.required || N.minLength || N.maxLength || N.pattern) ? (H.value = R.value, T() && (U.value = N.validMessage ?? "TODO: Add a validMessage", D(() => U.value = "", 1e3))) : F(N.message, N.showMessage) ? H.value = L.value : H.value = void 0;
+		function K() {
+			!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 G(e, t) {
-			N.input && N.input(e), ee.value = e.target.value, N.onInput && N.onInput(e), Q(w, e), re();
+		function q(e, t) {
+			T.input && T.input(e), U.value = e.target.value, T.onInput && T.onInput(e), Ue(S, e), K();
 		}
-		function ie(e, t) {
-			N.onChange && N.onChange(e), Q(w, e), re();
+		function ne(e, t) {
+			T.onChange && T.onChange(e), Ue(S, e), K();
 		}
-		function ae(e) {
-			N.onBlur && N.onBlur(e);
+		function re(e) {
+			T.onBlur && T.onBlur(e);
 		}
-		function oe(e) {
-			N.onFocus && N.onFocus(e);
+		function ie(e) {
+			T.onFocus && T.onFocus(e);
 		}
-		function se() {
-			let e = N.dataList;
-			return Array.from((C(e) ? e?.map((e) => ({
+		function ae() {
+			let e = T.dataList;
+			return Array.from((w(e) ? e?.map((e) => ({
 				value: e,
 				label: void 0
 			})) : e) || []);
 		}
-		function le() {
-			let e = N.id ?? N.propOverrides?.id ?? `input-${x}`;
-			I.value = e, L.value = e + K, R.value = e + q, z.value = e + J, V.value = e + ce;
+		function se() {
+			let e = T.id ?? T.propOverrides?.id ?? `input-${x}`;
+			P.value = e, L.value = e + J, R.value = e + Y, z.value = e + oe, V.value = e + ce;
 		}
-		return (l, u) => (d(), r("div", {
-			class: c(g(S)("db-input", N.class)),
+		return (l, u) => (f(), r("div", {
+			class: c(_(C)("db-input", T.class)),
 			"data-variant": s.variant,
-			"data-hide-label": g(P)(s.showLabel),
-			"data-show-icon": g(O)(s.showIconLeading ?? s.showIcon),
+			"data-hide-label": _(F)(s.showLabel),
+			"data-show-icon": _(k)(s.showIconLeading ?? s.showIcon),
 			"data-icon": s.iconLeading ?? s.icon,
 			"data-icon-trailing": s.iconTrailing,
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
-			"data-show-icon-trailing": g(O)(s.showIconTrailing)
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
+			"data-show-icon-trailing": _(k)(s.showIconTrailing)
 		}, [
-			i("label", { for: I.value }, h(s.label ?? g("LABEL SHOULD BE SET")), 9, bt),
+			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, xt),
 			i("input", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
 				"data-field-sizing": s.fieldSizing,
 				ref_key: "_ref",
-				ref: W,
-				id: I.value,
+				ref: G,
+				id: P.value,
 				name: s.name,
 				type: s.type || "text",
-				multiple: g(k)(s.multiple, "multiple"),
+				multiple: _(A)(s.multiple, "multiple"),
 				accept: s.accept,
-				placeholder: s.placeholder ?? g(" "),
-				disabled: g(k)(s.disabled, "disabled"),
-				required: g(k)(s.required, "required"),
-				step: g(j)(s.step),
-				value: s.value ?? ee.value ?? "",
-				maxLength: g(A)(s.maxLength, s.maxlength),
-				minLength: g(A)(s.minLength, s.minlength),
-				max: g(M)(s.max, s.type),
-				min: g(M)(s.min, s.type),
-				readOnly: g(k)(s.readOnly, "readOnly") || g(k)(s.readonly, "readonly"),
+				placeholder: s.placeholder ?? _(" "),
+				disabled: _(A)(s.disabled, "disabled"),
+				required: _(A)(s.required, "required"),
+				step: _(M)(s.step),
+				value: s.value ?? U.value ?? "",
+				maxLength: _(j)(s.maxLength, s.maxlength),
+				minLength: _(j)(s.minLength, s.minlength),
+				max: _(N)(s.max, s.type),
+				min: _(N)(s.min, s.type),
+				readOnly: _(A)(s.readOnly, "readOnly") || _(A)(s.readonly, "readonly"),
 				form: s.form,
 				pattern: s.pattern,
 				size: s.size,
 				autoComplete: s.autocomplete,
-				autoFocus: g(k)(s.autofocus, "autofocus"),
+				autoFocus: _(A)(s.autofocus, "autofocus"),
 				enterKeyHint: s.enterkeyhint,
 				inputMode: s.inputmode,
-				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) => oe(e),
+				onInput: u[0] ||= async (e) => q(e),
+				onChange: u[1] ||= async (e) => ne(e),
+				onBlur: u[2] ||= async (e) => re(e),
+				onFocus: u[3] ||= async (e) => ie(e),
 				list: s.dataList && V.value,
 				"aria-describedby": s.ariaDescribedBy ?? H.value,
 				role: [
@@ -1361,36 +1361,36 @@ var b = () => {
 					"week",
 					"month",
 					"color"
-				].includes(s.type ?? "") && g(E)() ? "textbox" : void 0
-			}, null, 40, xt),
-			s.dataList ? (d(), r("datalist", {
+				].includes(s.type ?? "") && _(D)() ? "textbox" : void 0
+			}, null, 40, St),
+			s.dataList ? (f(), r("datalist", {
 				key: 0,
 				id: V.value
-			}, [(d(!0), r(e, null, p(se(), (e) => (d(), r("option", {
+			}, [(f(!0), r(e, null, m(ae(), (e) => (f(), r("option", {
 				key: V.value + "-option-" + e.value,
 				value: e.value
-			}, h(e.label), 9, Ct))), 128))], 8, St)) : n("", !0),
-			m(l.$slots, "default"),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+			}, g(e.label), 9, wt))), 128))], 8, Ct)) : n("", !0),
+			h(l.$slots, "default"),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: s.messageSize || "small",
 				icon: s.messageIcon,
 				id: L.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, [
 				"size",
 				"icon",
 				"id"
 			])) : n("", !0),
-			ne() ? (d(), t($, {
+			te() ? (f(), t($, {
 				key: 2,
 				semantic: "successful",
 				id: R.value,
 				size: s.validMessageSize || "small"
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id", "size"])) : n("", !0),
 			o($, {
@@ -1398,13 +1398,13 @@ var b = () => {
 				id: z.value,
 				size: s.invalidMessageSize || "small"
 			}, {
-				default: y(() => [a(h(B.value), 1)]),
+				default: b(() => [a(g(B.value), 1)]),
 				_: 1
 			}, 8, ["id", "size"]),
-			i("span", wt, h(U.value), 1)
-		], 10, yt));
+			i("span", Tt, g(W.value), 1)
+		], 10, bt));
 	}
-}), Et = [
+}), Dt = [
 	"id",
 	"data-emphasis",
 	"data-wrap",
@@ -1413,7 +1413,7 @@ var b = () => {
 	"data-width",
 	"data-show-arrow",
 	"data-placement"
-], Dt = /* @__PURE__ */ s({
+], Ot = /* @__PURE__ */ s({
 	name: "DBTooltip",
 	__name: "tooltip",
 	props: {
@@ -1442,80 +1442,80 @@ var b = () => {
 		}
 	},
 	setup(e) {
-		let t = _(), n = e, i = f(ne), a = f(!1), o = f(void 0), s = f(void 0), u = f(null);
+		let t = v(), n = e, i = p("tooltip-" + t), a = p(!1), o = p(void 0), s = p(void 0), u = p(null);
 		l(() => {
 			T(), a.value = !0;
-		}), v(() => [n.id, n.propOverrides?.id], () => {
+		}), y(() => [n.id, n.propOverrides?.id], () => {
 			(n.id ?? n.propOverrides?.id) && T();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			u.value,
 			a.value,
 			i.value
 		], () => {
 			if (u.value && a.value && i.value) {
-				let e = y();
+				let e = g();
 				e && (b(e), ["mouseenter", "focusin"].forEach((t) => {
 					e.addEventListener(t, () => w(e));
-				}), e.addEventListener("keydown", (e) => h(e)), ["mouseleave", "focusout"].forEach((t) => {
-					e.addEventListener(t, () => C());
+				}), e.addEventListener("keydown", (e) => m(e)), ["mouseleave", "focusout"].forEach((t) => {
+					e.addEventListener(t, () => S());
 				}), e.dataset.hasTooltip = "true", n.variant === "label" ? e.setAttribute("aria-labelledby", i.value) : e.setAttribute("aria-describedby", i.value)), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((e) => {
-					let t = e.find(({ target: e }) => e === y());
-					t && !t.isIntersecting && h(!1);
+					let t = e.find(({ target: e }) => e === g());
+					t && !t.isIntersecting && m(!1);
 				})), a.value = !1;
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
+		function d(e) {
 			e.stopPropagation();
 		}
-		function h(e) {
-			(!e || e.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && y().blur();
+		function m(e) {
+			(!e || e.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && g().blur();
 		}
-		function y() {
+		function g() {
 			let e = u.value.parentElement;
 			return e && e.localName.includes("tooltip") && (e = e.parentElement), e;
 		}
 		function b(e) {
-			e && u.value && D(() => {
-				u.value && lt(u.value, e, n.placement ?? "bottom");
+			e && u.value && O(() => {
+				u.value && ut(u.value, e, n.placement ?? "bottom");
 			}, 1);
 		}
 		function x(e, t) {
 			e?.target?.contains && e?.target?.contains(u.value) && b(t);
 		}
-		function C() {
-			o.value && new tt().removeCallback(o.value), s.value?.unobserve(y());
+		function S() {
+			o.value && new nt().removeCallback(o.value), s.value?.unobserve(g());
 		}
 		function w(e) {
-			o.value = new tt().addCallback((t) => x(t, e)), b(e), s.value?.observe(y());
+			o.value = new nt().addCallback((t) => x(t, e)), b(e), s.value?.observe(g());
 		}
 		function T() {
 			i.value = n.id ?? n.propOverrides?.id ?? "tooltip-" + t;
 		}
-		return (t, a) => (d(), r("i", {
+		return (t, a) => (f(), r("i", {
 			role: "tooltip",
 			"aria-hidden": "true",
 			"data-gap": "true",
 			ref_key: "_ref",
 			ref: u,
-			class: c(g(S)("db-tooltip", n.class)),
+			class: c(_(C)("db-tooltip", n.class)),
 			id: i.value,
 			"data-emphasis": e.emphasis,
-			"data-wrap": g(O)(e.wrap),
-			"data-animation": g(O)(e.animation ?? !0),
+			"data-wrap": _(k)(e.wrap),
+			"data-animation": _(k)(e.animation ?? !0),
 			"data-delay": e.delay,
 			"data-width": e.width,
-			"data-show-arrow": g(O)(e.showArrow ?? !0),
+			"data-show-arrow": _(k)(e.showArrow ?? !0),
 			"data-placement": e.placement,
-			onClick: a[0] ||= async (e) => p(e)
-		}, [m(t.$slots, "default")], 10, Et));
+			onClick: a[0] ||= async (e) => d(e)
+		}, [h(t.$slots, "default")], 10, Dt));
 	}
-}), Ot = [
+}), kt = [
 	"id",
 	"data-semantic",
 	"data-emphasis",
@@ -1524,7 +1524,7 @@ var b = () => {
 	"data-show-icon",
 	"data-no-text",
 	"data-overflow"
-], kt = /* @__PURE__ */ s({
+], At = /* @__PURE__ */ s({
 	name: "DBTag",
 	__name: "tag",
 	props: {
@@ -1565,30 +1565,30 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let i = t, s = f(null);
+		let i = t, s = p(null);
 		function l(e) {
 			e && (e.stopPropagation(), i.onRemove && i.onRemove(e));
 		}
 		function u() {
 			return i.removeButton ? i.removeButton : ue;
 		}
-		return (f, p) => (d(), r("div", {
+		return (d, p) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: s,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-tag", i.class)),
+			class: c(_(C)("db-tag", i.class)),
 			"data-semantic": t.semantic,
 			"data-emphasis": t.emphasis,
 			"data-icon": t.icon,
-			"data-show-check-state": g(O)(t.showCheckState ?? !0),
-			"data-show-icon": g(O)(t.showIcon),
-			"data-no-text": g(O)(t.noText),
-			"data-overflow": g(O)(t.overflow)
+			"data-show-check-state": _(k)(t.showCheckState ?? !0),
+			"data-show-icon": _(k)(t.showIcon),
+			"data-no-text": _(k)(t.noText),
+			"data-overflow": _(k)(t.overflow)
 		}, [
-			m(f.$slots, "content"),
-			m(f.$slots, "default"),
-			t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0),
-			t.behavior === "removable" ? (d(), r("button", {
+			h(d.$slots, "content"),
+			h(d.$slots, "default"),
+			t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0),
+			t.behavior === "removable" ? (f(), r("button", {
 				key: 1,
 				class: "db-button db-tab-remove-button",
 				"data-icon": "cross",
@@ -1597,13 +1597,13 @@ var b = () => {
 				"data-variant": "ghost",
 				type: "button",
 				onClick: p[0] ||= async (e) => l(e)
-			}, [o(Dt, { variant: "label" }, {
-				default: y(() => [a(h(u()), 1)]),
+			}, [o(Ot, { variant: "label" }, {
+				default: b(() => [a(g(u()), 1)]),
 				_: 1
 			})])) : n("", !0)
-		], 10, Ot));
+		], 10, kt));
 	}
-}), At = [
+}), jt = [
 	"id",
 	"aria-invalid",
 	"data-custom-validity",
@@ -1616,7 +1616,7 @@ var b = () => {
 	"data-hide-label",
 	"data-icon",
 	"data-show-icon"
-], jt = ["id"], Mt = [
+], Mt = ["id"], Nt = [
 	"id",
 	"form",
 	"name",
@@ -1624,18 +1624,18 @@ var b = () => {
 	"multiple",
 	"disabled",
 	"required"
-], Nt = ["disabled", "value"], Pt = ["open"], Ft = [
+], Pt = ["disabled", "value"], Ft = ["open"], It = [
 	"id",
 	"aria-disabled",
 	"tabIndex",
 	"aria-labelledby"
-], It = ["data-visually-hidden", "id"], Lt = {
+], Lt = ["data-visually-hidden", "id"], Rt = {
 	key: 0,
 	"data-visually-hidden": "true"
-}, Rt = { key: 1 }, zt = { key: 0 }, Bt = { key: 0 }, Vt = { class: "db-checkbox db-custom-select-list-item" }, Ht = ["form", "checked"], Ut = ["aria-hidden", "id"], Wt = {
+}, zt = { key: 1 }, Bt = { key: 0 }, Vt = { key: 0 }, Ht = { class: "db-checkbox db-custom-select-list-item" }, Ut = ["form", "checked"], Wt = ["aria-hidden", "id"], Gt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Gt = /* @__PURE__ */ s({
+}, Kt = /* @__PURE__ */ s({
 	name: "DBCustomSelect",
 	__name: "custom-select",
 	props: {
@@ -1759,204 +1759,204 @@ var b = () => {
 		}
 	},
 	emits: ["update:values"],
-	setup(s, { emit: b }) {
-		let x = _(), C = b, w = s, E = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), L = f(void 0), R = f(void 0), z = f(void 0), B = f(void 0), V = f(void 0), H = f("no-validation"), ee = f(!1), U = f(void 0), te = f(void 0), W = f(""), ne = f(void 0), re = f(""), G = f([]), ie = f(!1), ce = f(!1), le = f(0), Y = f([]), de = f([]), pe = f(!1), me = f(void 0), he = f(0), ge = f(void 0), _e = f(void 0), ve = f(void 0), ye = f(!1), be = f(!1), xe = f(null), X = f(null), Z = f(null), Se = f(null), Ce = f(null);
+	setup(s, { emit: d }) {
+		let x = v(), S = d, 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), K = p(""), q = p([]), ne = p(!1), re = p(!1), ce = p(0), X = p([]), le = p([]), de = p(!1), pe = p(void 0), me = p(0), he = p(void 0), ge = p(void 0), _e = p(void 0), ve = p(!1), ye = p(!1), be = p(null), Z = p(null), Q = p(null), xe = p(null), Se = p(null);
 		l(() => {
-			Xe(), N.value = w.invalidMessage || "TODO: Add an invalidMessage", typeof window < "u" && "IntersectionObserver" in window && (_e.value = new IntersectionObserver((e) => {
-				if (X.value) {
-					let t = e.find(({ target: e }) => e === X.value);
-					t && !t.isIntersecting && X.value.open && (X.value.open = !1);
+			Xe(), N.value = w.invalidMessage || "TODO: Add an invalidMessage", typeof window < "u" && "IntersectionObserver" in window && (ge.value = new IntersectionObserver((e) => {
+				if (Z.value) {
+					let t = e.find(({ target: e }) => e === Z.value);
+					t && !t.isIntersecting && Z.value.open && (Z.value.open = !1);
 				}
 			}));
 		}), u(() => {
-			U.value?.abort();
-		}), v(() => [w.id, w.propOverrides?.id], () => {
+			W.value?.abort();
+		}), y(() => [w.id, w.propOverrides?.id], () => {
 			(w.id ?? w.propOverrides?.id) && Xe();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [X.value], () => {
-			X.value && X.value.addEventListener("focusout", (e) => ze(e));
+		}), y(() => [Z.value], () => {
+			Z.value && Z.value.addEventListener("focusout", (e) => Re(e));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [E.value], () => {
-			if (E.value) {
-				let e = E.value + K;
-				R.value = E.value + ae, L.value = E.value + oe, j.value = E.value + q, M.value = E.value + J, B.value = E.value + se, F(w.message, w.showMessage) ? ke(e) : ke();
+		}), y(() => [T.value], () => {
+			if (T.value) {
+				let e = T.value + J;
+				R.value = T.value + ie, P.value = T.value + ae, j.value = T.value + Y, M.value = T.value + oe, B.value = T.value + se, I(w.message, w.showMessage) ? Oe(e) : Oe();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [X.value, te.value], () => {
-			if (X.value) {
-				let e = X.value.querySelector("summary");
-				e && e.setAttribute("aria-describedby", w.ariaDescribedBy ?? (te.value || ""));
+		}), y(() => [Z.value, ee.value], () => {
+			if (Z.value) {
+				let e = Z.value.querySelector("summary");
+				e && e.setAttribute("aria-describedby", w.ariaDescribedBy ?? (ee.value || ""));
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.showNoResults,
 			w.showLoading,
-			de.value
+			le.value
 		], () => {
-			w.showNoResults === void 0 ? de.value && (pe.value = de.value.length === 0) : pe.value = w.showNoResults;
+			w.showNoResults === void 0 ? le.value && (de.value = le.value.length === 0) : de.value = w.showNoResults;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.showSelectAll,
-			le.value,
+			ce.value,
 			w.multiple
 		], () => {
-			ie.value = !!(w.multiple && (w.showSelectAll ?? le.value > 5));
+			ne.value = !!(w.multiple && (w.showSelectAll ?? ce.value > 5));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.showSearch, le.value], () => {
-			ce.value = w.showSearch ?? le.value > 9;
+		}), y(() => [w.showSearch, ce.value], () => {
+			re.value = w.showSearch ?? ce.value > 9;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.values], () => {
+		}), y(() => [w.values], () => {
 			let e = w.values;
-			Array.isArray(e) ? Y.value !== e && (Y.value = e) : e == null && Y.value?.length !== 0 && (Y.value = []);
+			Array.isArray(e) ? X.value !== e && (X.value = e) : e == null && X.value?.length !== 0 && (X.value = []);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Y.value, Z.value], () => {
-			Z.value && Ee();
+		}), y(() => [X.value, Q.value], () => {
+			Q.value && Te();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Z.value], () => {
-			if (Z.value) {
-				let e = U.value;
-				e || (e = new AbortController(), U.value = e);
+		}), y(() => [Q.value], () => {
+			if (Q.value) {
+				let e = W.value;
+				e || (e = new AbortController(), W.value = e);
 				let t = w.values;
-				Ue(Z.value, () => {
-					Ve(t || (Z.value.value ? [Z.value.value] : [])), Ee();
+				We(Q.value, () => {
+					Be(t || (Q.value.value ? [Q.value.value] : [])), Te();
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.validation], () => {
+		}), y(() => [w.validation], () => {
 			H.value = w.validation;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [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(() => [X.value, ce.value], () => {
+			X.value?.length === 0 ? (ve.value = !1, ye.value = !1) : X.value?.length === ce.value ? (ye.value = !1, ve.value = !0) : X.value && (ye.value = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.options], () => {
-			de.value = w.options, le.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0;
+		}), y(() => [w.options], () => {
+			le.value = w.options, ce.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.searchValue], () => {
-			if (ve.value = w.searchValue, w.searchValue) {
+		}), y(() => [w.searchValue], () => {
+			if (_e.value = w.searchValue, w.searchValue) {
 				let e = w.searchValue;
 				qe(e);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.options, Y.value], () => {
-			w.options?.length && (G.value = w.options?.filter((e) => !e.value || !Y.value?.includes ? !1 : !e.isGroupTitle && Y.value?.includes(e.value)));
+		}), y(() => [w.options, X.value], () => {
+			w.options?.length && (q.value = w.options?.filter((e) => !e.value || !X.value?.includes ? !1 : !e.isGroupTitle && X.value?.includes(e.value)));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			G.value,
+		}), y(() => [
+			q.value,
 			w.selectedType,
 			w.amountText,
 			w.selectedLabels,
 			w.transformSelectedLabels
 		], () => {
 			if (w.selectedLabels) {
-				W.value = w.selectedLabels;
+				G.value = w.selectedLabels;
 				return;
 			}
-			if (G.value?.length) {
+			if (q.value?.length) {
 				if (w.transformSelectedLabels) {
-					let e = G.value, t = w.transformSelectedLabels;
-					W.value = t(e);
+					let e = q.value, t = w.transformSelectedLabels;
+					G.value = t(e);
 					return;
 				}
-				w.selectedType === "amount" ? W.value = w.amountText ? w.amountText : `${G.value?.length} ${fe}` : W.value = G.value?.map((e) => je(e)).join(", ");
-			} else W.value = "";
+				w.selectedType === "amount" ? G.value = w.amountText ? w.amountText : `${q.value?.length} ${fe}` : G.value = q.value?.map((e) => Ae(e)).join(", ");
+			} else G.value = "";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [G.value], () => {
-			w.onAmountChange && w.onAmountChange(G.value?.length ?? 0);
+		}), y(() => [q.value], () => {
+			w.onAmountChange && w.onAmountChange(q.value?.length ?? 0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [be.value, Se.value], () => {
-			Se.value && (Se.value.indeterminate = !!be.value);
+		}), y(() => [ye.value, xe.value], () => {
+			xe.value && (xe.value.indeterminate = !!ye.value);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Z.value, w.invalidMessage], () => {
-			N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [Q.value, w.invalidMessage], () => {
+			N.value = w.invalidMessage || Q.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function we(e) {
-			e?.target?.contains && e?.target?.contains(X.value) && Fe();
+		function Ce(e) {
+			e?.target?.contains && e?.target?.contains(Z.value) && Pe();
 		}
-		function Te() {
+		function we() {
 			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", T() && (re.value = N.value, D(() => re.value = "", 1e3)), ee.value && (H.value = w.validation ?? "invalid")) : Te() && Z.value?.validity.valid && w.required ? (ke(j.value), T() && (re.value = w.validMessage ?? "TODO: Add a validMessage", D(() => re.value = "", 1e3)), H.value = w.validation ?? "valid") : F(w.message, w.showMessage) ? (ke(A.value), H.value = w.validation ?? "no-validation") : (ke(B.value), H.value = w.validation ?? "no-validation");
+		function Te() {
+			Q.value && (Q.value.value = De()), !Q.value?.validity.valid || w.validation === "invalid" ? (Oe(M.value), N.value = w.invalidMessage || Q.value?.validationMessage || "TODO: Add an invalidMessage", E() && (K.value = N.value, O(() => K.value = "", 1e3)), U.value && (H.value = w.validation ?? "invalid")) : we() && Q.value?.validity.valid && w.required ? (Oe(j.value), E() && (K.value = w.validMessage ?? "TODO: Add a validMessage", O(() => K.value = "", 1e3)), H.value = w.validation ?? "valid") : I(w.message, w.showMessage) ? (Oe(D.value), H.value = w.validation ?? "no-validation") : (Oe(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 et().addCallback((e) => Be(e)), ge.value = new tt().addCallback((e) => we(e)), Fe(), _e.value?.observe(X.value), e.target.dataset.test || Ke()) : (me.value && new et().removeCallback(me.value), ge.value && new tt().removeCallback(ge.value), _e.value?.unobserve(X.value));
+		function Ee(e) {
+			w.onDropdownToggle && (e.stopPropagation(), w.onDropdownToggle(e)), e.target instanceof HTMLDetailsElement && e.target.open ? (pe.value = new tt().addCallback((e) => ze(e)), he.value = new nt().addCallback((e) => Ce(e)), Pe(), ge.value?.observe(Z.value), e.target.dataset.test || Ke()) : (pe.value && new tt().removeCallback(pe.value), he.value && new nt().removeCallback(he.value), ge.value?.unobserve(Z.value));
 		}
-		function Oe() {
-			return Y.value?.length ? Y.value.at(0) ?? "" : "";
+		function De() {
+			return X.value?.length ? X.value.at(0) ?? "" : "";
 		}
-		function ke(e) {
+		function Oe(e) {
 			let t = [];
-			e && t.push(e), ne.value && W.value?.length && t.push(ne.value), te.value = t.join(" ");
+			e && t.push(e), te.value && G.value?.length && t.push(te.value), ee.value = t.join(" ");
 		}
-		function Ae() {
+		function ke() {
 			return w.selectAllLabel ?? "LABEL SHOULD BE SET";
 		}
-		function je(e) {
+		function Ae(e) {
 			return e.label ?? e.value?.toString() ?? "";
 		}
-		function Me(e) {
-			return e && Y.value?.includes ? Y.value?.includes(e) : !1;
+		function je(e) {
+			return e && X.value?.includes ? X.value?.includes(e) : !1;
 		}
-		function Ne(e) {
+		function Me(e) {
 			let t = w.removeTagsTexts, n = w.options;
 			if (t && n) {
 				let r = n.findIndex((t) => t.value === e.value);
 				if (r >= 0 && r < t.length) return t[r];
 			}
-			return `${ue} ${je(e)}`;
+			return `${ue} ${Ae(e)}`;
 		}
-		function Pe(e, t) {
-			t && t.stopPropagation(), He(e.value), Ye();
+		function Ne(e, t) {
+			t && t.stopPropagation(), Ve(e.value), Ye();
 		}
-		function Fe() {
-			if (X.value) {
-				let e = X.value.querySelector("article");
-				e && D(() => {
-					it(e, X.value, w.placement ?? "bottom");
+		function Pe() {
+			if (Z.value) {
+				let e = Z.value.querySelector("article");
+				e && O(() => {
+					at(e, Z.value, w.placement ?? "bottom");
 				}, 1);
 			}
 		}
-		function Le(e) {
-			if (X.value?.open) {
+		function Fe(e) {
+			if (Z.value?.open) {
 				if (self.document) {
 					let t = self.document.activeElement;
 					if (t) if (t.getAttribute("type") === "checkbox" || t.getAttribute("type") === "radio") {
@@ -1983,81 +1983,81 @@ var b = () => {
 								e = e.previousElementSibling;
 							}
 							if (!e) {
-								let e = X.value.querySelector("input[type=\"checkbox\"]");
+								let e = Z.value.querySelector("input[type=\"checkbox\"]");
 								if (e && e !== t) Ge(t);
 								else {
-									let e = I(X.value);
-									if (e) D(() => {
+									let e = L(Z.value);
+									if (e) O(() => {
 										e.focus();
 									}, 100);
 									else {
-										let e = Array.from(X.value?.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
+										let e = Array.from(Z.value?.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
 										e.length && e.at(-1)?.focus();
 									}
 								}
 							}
 						}
-					} 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") ? (Re(void 0, !0), Ye()) : Ge(t);
 				}
-			} else (e.key === "ArrowDown" || e.key === "ArrowRight") && (Fe(), X.value && (X.value.open = !0), Ke());
+			} else (e.key === "ArrowDown" || e.key === "ArrowRight") && (Pe(), Z.value && (Z.value.open = !0), Ke());
 			e.stopPropagation(), e.preventDefault();
 		}
-		function Re(e) {
-			if (e.stopPropagation(), e.key === "Escape" && X.value?.open) ze(void 0, !0), Ye();
-			else if (e.key === "Enter" && X.value?.open) {
+		function Le(e) {
+			if (e.stopPropagation(), e.key === "Escape" && Z.value?.open) Re(void 0, !0), Ye();
+			else if (e.key === "Enter" && Z.value?.open) {
 				if (self.document) {
 					let t = self.document.activeElement;
 					if (["checkbox", "radio"].includes(t.getAttribute("type") || "")) t.click(), e.preventDefault();
 					else if (t.getAttribute("type") === "search") {
-						let t = de.value?.find((e) => !e.isGroupTitle && !e.disabled);
-						t?.value && (He(t.value), e.preventDefault());
+						let t = le.value?.find((e) => !e.isGroupTitle && !e.disabled);
+						t?.value && (Ve(t.value), e.preventDefault());
 					}
 				}
-			} else (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") && Le(e);
+			} else (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") && Fe(e);
 		}
-		function ze(e, t) {
-			if (X.value) {
-				if (t) X.value.open = !1, Ye();
-				else if (X.value.open && e && e.relatedTarget) {
+		function Re(e, t) {
+			if (Z.value) {
+				if (t) Z.value.open = !1, Ye();
+				else if (Z.value.open && e && e.relatedTarget) {
 					let t = e.relatedTarget;
-					!X.value.contains(t) && t.localName !== "dialog" && D(() => X.value.open = !1, 1);
+					!Z.value.contains(t) && t.localName !== "dialog" && O(() => Z.value.open = !1, 1);
 				}
 			}
 		}
-		function Be(e) {
+		function ze(e) {
 			if (e) {
 				let t = e.target;
-				X.value?.open && !X.value.contains(t) && (X.value.open = !1);
+				Z.value?.open && !Z.value.contains(t) && (Z.value.open = !1);
 			}
 		}
+		function Be(e) {
+			(/* @__PURE__ */ new Date()).getTime() - me.value < 200 || (X.value = e, U.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Ue(S, { target: { values: e } }, "values"), me.value = (/* @__PURE__ */ new Date()).getTime());
+		}
 		function Ve(e) {
-			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, ee.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(C, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
+			e && (w.multiple ? X.value?.includes(e) ? Be(X.value.filter((t) => t !== e)) : Be([...X.value || [], e]) : (Be([e]), Re(void 0, !0)));
 		}
 		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 We(e) {
-			if (e.stopPropagation(), Y.value?.length === le.value) Ve([]);
+			if (e.stopPropagation(), X.value?.length === ce.value) Be([]);
 			else {
-				let e = ce.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 ?? "") : []);
+				let e = re.value && Se.value ? Se.value.value : void 0;
+				Be(w.options ? w.options.filter((t) => !t.isGroupTitle && (!e || t.value?.toLowerCase().includes(e.toLowerCase()))).map((e) => e.value ?? "") : []);
 			}
 		}
 		function Ge(e) {
-			if (X.value) {
-				let t = Array.from(X.value.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
+			if (Z.value) {
+				let t = Array.from(Z.value.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
 				if (t.length) {
 					let n = t.at(0), r = n === e && t.length > 1 ? t.at(1) : n;
-					r && D(() => {
+					r && O(() => {
 						r.focus();
 					}, 1);
 				}
 			}
 		}
 		function Ke() {
-			if (X.value) {
-				let e = I(X.value);
-				e ? D(() => {
+			if (Z.value) {
+				let e = L(Z.value);
+				e ? O(() => {
 					e.focus();
 				}, 1) : Ge();
 			}
@@ -2068,97 +2068,97 @@ var b = () => {
 			if (typeof e == "string") t = e;
 			else {
 				let n = e;
-				n.stopPropagation(), w.onSearch && w.onSearch(n), t = n.target.value, ve.value = t;
+				n.stopPropagation(), w.onSearch && w.onSearch(n), t = n.target.value, _e.value = t;
 			}
-			!w.options || !t || t.length === 0 ? de.value = w.options : w.searchFilter ? de.value = w.options.filter((e) => w.searchFilter(e, t)) : de.value = w.options.filter((e) => !e.isGroupTitle && je(e).toLowerCase().includes(t.toLowerCase()));
+			!w.options || !t || t.length === 0 ? le.value = w.options : w.searchFilter ? le.value = w.options.filter((e) => w.searchFilter(e, t)) : le.value = w.options.filter((e) => !e.isGroupTitle && Ae(e).toLowerCase().includes(t.toLowerCase()));
 		}
 		function Je(e) {
-			e.stopPropagation(), Ve([]), Ye();
+			e.stopPropagation(), Be([]), Ye();
 		}
 		function Ye() {
-			X.value && X.value.querySelector("summary")?.focus();
+			Z.value && Z.value.querySelector("summary")?.focus();
 		}
 		function Xe() {
 			let e = w.id ?? w.propOverrides?.id ?? `custom-select-${x}`;
-			E.value = e, A.value = e + K, j.value = e + q, M.value = e + J, L.value = e + oe, R.value = e + ae, z.value = e + "-summary", B.value = e + se, ne.value = e + "-selected-labels", V.value = e + "-info";
+			T.value = e, D.value = e + J, j.value = e + Y, M.value = e + oe, P.value = e + ae, R.value = e + ie, z.value = e + "-summary", B.value = e + se, te.value = e + "-selected-labels", V.value = e + "-info";
 		}
 		function Ze(e) {
 			e.stopPropagation();
 		}
-		return (l, u) => (d(), r("div", {
-			id: E.value,
+		return (l, u) => (f(), r("div", {
+			id: T.value,
 			ref_key: "_ref",
-			ref: xe,
-			class: c(g(S)("db-custom-select", w.class)),
+			ref: be,
+			class: c(_(C)("db-custom-select", w.class)),
 			"aria-invalid": H.value === "invalid",
 			"data-custom-validity": H.value,
 			"data-width": s.formFieldWidth,
 			"data-variant": s.variant === "floating" && s.selectedType === "tag" && s.multiple ? "above" : s.variant,
-			"data-required": g(O)(s.required),
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
+			"data-required": _(k)(s.required),
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-placement": s.placement,
 			"data-selected-type": s.multiple ? s.selectedType : "text",
-			"data-hide-label": g(P)(s.showLabel),
+			"data-hide-label": _(F)(s.showLabel),
 			"data-icon": s.icon,
-			"data-show-icon": g(O)(s.showIcon)
+			"data-show-icon": _(k)(s.showIcon)
 		}, [
-			i("label", { id: R.value }, [a(h(s.label ?? g("LABEL SHOULD BE SET")), 1), i("select", {
+			i("label", { id: R.value }, [a(g(s.label ?? _("LABEL SHOULD BE SET")), 1), i("select", {
 				role: "none",
 				hidden: !0,
-				id: L.value,
+				id: P.value,
 				tabIndex: -1,
 				ref_key: "selectRef",
-				ref: Z,
+				ref: Q,
 				form: s.form,
 				name: s.name,
 				"data-custom-validity": H.value,
-				multiple: g(k)(s.multiple, "multiple"),
-				disabled: g(k)(s.disabled, "disabled"),
-				required: g(k)(s.required, "required"),
+				multiple: _(A)(s.multiple, "multiple"),
+				disabled: _(A)(s.disabled, "disabled"),
+				required: _(A)(s.required, "required"),
 				onChange: u[0] ||= async (e) => Ze(e)
-			}, [s.options?.length ? (d(!0), r(e, { key: 0 }, p(s.options, (e, t) => (d(), r("option", {
+			}, [s.options?.length ? (f(!0), r(e, { key: 0 }, m(s.options, (e, t) => (f(), r("option", {
 				key: t,
 				disabled: e.disabled,
 				value: e.value
-			}, h(je(e)), 9, Nt))), 128)) : n("", !0)], 40, Mt)], 8, jt),
+			}, g(Ae(e)), 9, Pt))), 128)) : n("", !0)], 40, Nt)], 8, Mt),
 			i("details", {
 				ref_key: "detailsRef",
-				ref: X,
+				ref: Z,
 				open: s.open,
-				onToggle: u[2] ||= async (e) => De(e),
-				onKeydown: u[3] ||= async (e) => Re(e)
-			}, [m(l.$slots, "default"), s.options ? (d(), r(e, { key: 0 }, [i("summary", {
+				onToggle: u[2] ||= async (e) => Ee(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": g(O)(s.disabled),
+				"aria-disabled": _(k)(s.disabled),
 				tabIndex: s.disabled ? -1 : void 0,
 				"aria-labelledby": R.value
-			}, [W.value?.length ? (d(), r("span", {
+			}, [G.value?.length ? (f(), r("span", {
 				key: 0,
-				"data-visually-hidden": g(O)(s.selectedType === "tag"),
-				id: ne.value
-			}, [s.selectedPrefix ? (d(), r("span", Lt, h(s.selectedPrefix), 1)) : n("", !0), a(" " + h(W.value), 1)], 8, It)) : n("", !0), s.selectedType === "tag" ? (d(), r("div", Rt, [(d(!0), r(e, null, p(G.value, (e, n) => (d(), t(kt, {
+				"data-visually-hidden": _(k)(s.selectedType === "tag"),
+				id: te.value
+			}, [s.selectedPrefix ? (f(), r("span", Rt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(G.value), 1)], 8, Lt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", zt, [(f(!0), r(e, null, m(q.value, (e, n) => (f(), t(At, {
 				key: n,
 				emphasis: "strong",
 				behavior: "removable",
-				removeButton: Ne(e),
-				onRemove: (t) => Pe(e, t)
+				removeButton: Me(e),
+				onRemove: (t) => Ne(e, t)
 			}, {
-				default: y(() => [a(h(je(e)), 1)]),
+				default: b(() => [a(g(Ae(e)), 1)]),
 				_: 2
-			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Ft), o(dt, { width: s.dropdownWidth }, {
-				default: y(() => [
-					ce.value ? (d(), r("div", zt, [o(Tt, {
+			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, It), o(ft, { width: s.dropdownWidth }, {
+				default: b(() => [
+					re.value ? (f(), r("div", Bt, [o(Et, {
 						type: "search",
 						ref_key: "searchInputRef",
-						ref: Ce,
-						name: E.value,
-						form: E.value,
+						ref: Se,
+						name: T.value,
+						form: T.value,
 						showLabel: !1,
-						value: ve.value,
-						label: s.searchLabel ?? g("LABEL SHOULD BE SET"),
+						value: _e.value,
+						label: s.searchLabel ?? _("LABEL SHOULD BE SET"),
 						placeholder: s.searchPlaceholder ?? s.searchLabel,
-						ariaDescribedBy: pe.value || s.showLoading ? V.value : void 0,
+						ariaDescribedBy: de.value || s.showLoading ? V.value : void 0,
 						onInput: (e) => qe(e)
 					}, null, 8, [
 						"name",
@@ -2169,44 +2169,44 @@ var b = () => {
 						"ariaDescribedBy",
 						"onInput"
 					])])) : n("", !0),
-					pe.value || s.showLoading ? (d(), t($, {
+					de.value || s.showLoading ? (f(), t($, {
 						key: 1,
 						id: V.value,
 						icon: s.showLoading ? "circular_arrows" : void 0,
 						semantic: s.showLoading ? "informational" : "warning"
 					}, {
-						default: y(() => [a(h((s.showLoading ? s.loadingText : s.noResultsText) ?? g("MESSAGE SHOULD BE SET")), 1)]),
+						default: b(() => [a(g((s.showLoading ? s.loadingText : s.noResultsText) ?? _("MESSAGE SHOULD BE SET")), 1)]),
 						_: 1
 					}, 8, [
 						"id",
 						"icon",
 						"semantic"
-					])) : (d(), r(e, { key: 2 }, [ie.value ? (d(), r("div", Bt, [i("div", Vt, [i("label", null, [i("input", {
+					])) : (f(), r(e, { key: 2 }, [ne.value ? (f(), r("div", Vt, [i("div", Ht, [i("label", null, [i("input", {
 						type: "checkbox",
 						value: "select-all",
 						ref_key: "selectAllRef",
-						ref: Se,
-						form: E.value,
-						checked: ye.value,
-						onChange: u[1] ||= async (e) => We(e)
-					}, null, 40, Ht), a(h(Ae()), 1)])])])) : n("", !0), o(vt, {
-						multiple: g(k)(s.multiple, "multiple"),
-						label: s.listLabel ?? s.label ?? g("LABEL SHOULD BE SET")
+						ref: xe,
+						form: T.value,
+						checked: ve.value,
+						onChange: u[1] ||= async (e) => He(e)
+					}, null, 40, Ut), a(g(ke()), 1)])])])) : n("", !0), o(yt, {
+						multiple: _(A)(s.multiple, "multiple"),
+						label: s.listLabel ?? s.label ?? _("LABEL SHOULD BE SET")
 					}, {
-						default: y(() => [(d(!0), r(e, null, p(de.value, (i, o) => (d(), t(gt, {
+						default: b(() => [(f(!0), r(e, null, m(le.value, (i, o) => (f(), t(_t, {
 							key: o,
 							type: s.multiple ? "checkbox" : "radio",
 							showDivider: i.showDivider,
 							icon: i.icon,
 							isGroupTitle: i.isGroupTitle,
-							groupTitle: je(i),
-							name: E.value,
-							checked: Me(i.value),
+							groupTitle: Ae(i),
+							name: T.value,
+							checked: je(i.value),
 							disabled: i.disabled,
 							value: i.value,
-							onChange: (e) => He(i.value)
+							onChange: (e) => Ve(i.value)
 						}, {
-							default: y(() => [i.isGroupTitle ? n("", !0) : (d(), r(e, { key: 0 }, [a(h(je(i)), 1)], 64))]),
+							default: b(() => [i.isGroupTitle ? n("", !0) : (f(), r(e, { key: 0 }, [a(g(Ae(i)), 1)], 64))]),
 							_: 2
 						}, 1032, [
 							"type",
@@ -2227,11 +2227,11 @@ var b = () => {
 						width: "full",
 						icon: "cross",
 						size: "small",
-						name: E.value,
-						form: E.value,
-						onClick: (e) => ze(void 0, !0)
+						name: T.value,
+						form: T.value,
+						onClick: (e) => Re(void 0, !0)
 					}, {
-						default: y(() => [a(h(s.mobileCloseButtonText ?? g("Close")), 1)]),
+						default: b(() => [a(g(s.mobileCloseButtonText ?? _("Close")), 1)]),
 						_: 1
 					}, 8, [
 						"name",
@@ -2240,20 +2240,20 @@ var b = () => {
 					])])
 				]),
 				_: 1
-			}, 8, ["width"])], 64)) : n("", !0)], 40, Pt),
-			(s.showClearSelection ?? !0) && Y.value?.length ? (d(), t(Ie, {
+			}, 8, ["width"])], 64)) : n("", !0)], 40, Ft),
+			(s.showClearSelection ?? !0) && X.value?.length ? (f(), t(Ie, {
 				key: 0,
 				icon: "cross",
 				variant: "ghost",
 				size: "small",
 				noText: !0,
-				name: E.value,
-				form: E.value,
-				disabled: g(k)(s.disabled, "disabled"),
+				name: T.value,
+				form: T.value,
+				disabled: _(A)(s.disabled, "disabled"),
 				onClick: (e) => Je(e)
 			}, {
-				default: y(() => [a(h(s.clearSelectionText), 1), o(Dt, { placement: "top" }, {
-					default: y(() => [a(h(s.clearSelectionText), 1)]),
+				default: b(() => [a(g(s.clearSelectionText), 1), o(Ot, { placement: "top" }, {
+					default: b(() => [a(g(s.clearSelectionText), 1)]),
 					_: 1
 				})]),
 				_: 1
@@ -2265,25 +2265,25 @@ var b = () => {
 			])) : n("", !0),
 			i("span", {
 				class: "db-custom-select-placeholder",
-				"aria-hidden": g(O)(!0),
+				"aria-hidden": _(k)(!0),
 				id: B.value
-			}, h(s.placeholder ?? s.label), 9, Ut),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+			}, g(s.placeholder ?? s.label), 9, Wt),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
 				icon: s.messageIcon,
-				id: A.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			Te() ? (d(), t($, {
+			we() ? (f(), t($, {
 				key: 2,
 				size: "small",
 				semantic: "successful",
 				id: j.value
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -2291,17 +2291,17 @@ var b = () => {
 				semantic: "critical",
 				id: M.value
 			}, {
-				default: y(() => [a(h(N.value), 1)]),
+				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Wt, h(re.value), 1)
-		], 10, At));
+			i("span", Gt, g(K.value), 1)
+		], 10, jt));
 	}
-}), Kt = [
+}), qt = [
 	"fixed",
 	"auto",
 	"full"
-], qt = ["id"], Jt = /* @__PURE__ */ s({
+], Jt = ["id"], Yt = /* @__PURE__ */ s({
 	name: "DBCustomSelectFormField",
 	__name: "custom-select-form-field",
 	props: {
@@ -2313,25 +2313,25 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("summary", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("summary", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-select-form-field", t.class))
-		}, [m(i.$slots, "default")], 10, qt));
+			class: c(_(C)("db-custom-select-form-field", t.class))
+		}, [h(i.$slots, "default")], 10, Jt));
 	}
-}), Yt = ["checkbox", "radio"], Xt = [
+}), Xt = ["checkbox", "radio"], Zt = [
 	"amount",
 	"text",
 	"tag"
-], Zt = [
+], Qt = [
 	"id",
 	"data-margin",
 	"data-variant",
 	"data-emphasis",
 	"data-width"
-], Qt = /* @__PURE__ */ s({
+], $t = /* @__PURE__ */ s({
 	name: "DBDivider",
 	__name: "divider",
 	props: {
@@ -2347,8 +2347,8 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
@@ -2356,21 +2356,21 @@ var b = () => {
 			"data-variant": e.variant,
 			"data-emphasis": e.emphasis,
 			"data-width": e.width,
-			class: c(g(S)("db-divider", t.class))
-		}, null, 10, Zt));
+			class: c(_(C)("db-divider", t.class))
+		}, null, 10, Qt));
 	}
-}), $t = ["none", "_"], en = ["horizontal", "vertical"], tn = [
+}), en = ["none", "_"], tn = ["horizontal", "vertical"], nn = [
 	"id",
 	"data-position",
 	"data-backdrop",
 	"data-direction",
 	"data-variant"
-], nn = [
+], rn = [
 	"data-spacing",
 	"data-width",
 	"data-direction",
 	"data-rounded"
-], rn = { class: "db-drawer-header" }, an = { class: "db-drawer-header-text" }, on = { class: "db-drawer-content" }, sn = /* @__PURE__ */ s({
+], an = { class: "db-drawer-header" }, on = { class: "db-drawer-header-text" }, sn = { class: "db-drawer-content" }, cn = /* @__PURE__ */ s({
 	name: "DBDrawer",
 	__name: "drawer",
 	props: {
@@ -2404,15 +2404,15 @@ var b = () => {
 		spacing: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), s = f(null), u = f(null);
+		let t = e, n = p(!1), s = p(null), u = p(null);
 		l(() => {
-			_(), n.value = !0;
-		}), v(() => [t.open], () => {
-			_();
+			m(), n.value = !0;
+		}), y(() => [t.open], () => {
+			m();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			s.value,
 			n.value,
 			t.position
@@ -2425,26 +2425,26 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e, n) {
-			e && (R(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" && t.onClose && t.onClose(e)));
+		function d(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" && t.onClose && t.onClose(e)));
 		}
-		function _() {
+		function m() {
 			if (s.value) {
 				let e = !!t.open;
-				e && !s.value.open && (u.value && u.value.removeAttribute("data-transition"), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? s.value.show() : s.value.showModal(), D(() => {
+				e && !s.value.open && (u.value && u.value.removeAttribute("data-transition"), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? s.value.show() : s.value.showModal(), O(() => {
 					u.value && (u.value.dataset.transition = "open");
-				}, 1)), !e && s.value.open && (u.value && (u.value.dataset.transition = "close"), D(() => {
+				}, 1)), !e && s.value.open && (u.value && (u.value.dataset.transition = "close"), O(() => {
 					s.value?.close();
 				}, 401));
 			}
 		}
-		return (n, l) => (d(), r("dialog", {
+		return (n, l) => (f(), r("dialog", {
 			class: "db-drawer",
 			id: e.id ?? e.propOverrides?.id,
 			ref_key: "_ref",
 			ref: s,
-			onClick: l[0] ||= async (e) => p(e),
-			onKeydown: l[1] ||= async (e) => p(e),
+			onClick: l[0] ||= async (e) => d(e),
+			onKeydown: l[1] ||= async (e) => d(e),
 			"data-position": e.position,
 			"data-backdrop": e.backdrop,
 			"data-direction": e.direction,
@@ -2452,37 +2452,37 @@ var b = () => {
 		}, [i("article", {
 			ref_key: "dialogContainerRef",
 			ref: u,
-			class: c(g(S)("db-drawer-container", t.class)),
+			class: c(_(C)("db-drawer-container", t.class)),
 			"data-spacing": e.spacing,
 			"data-width": e.width,
 			"data-direction": e.direction,
-			"data-rounded": g(O)(e.rounded)
-		}, [i("header", rn, [i("div", an, [m(n.$slots, "drawer-header")]), o(Ie, {
+			"data-rounded": _(k)(e.rounded)
+		}, [i("header", an, [i("div", on, [h(n.$slots, "drawer-header")]), o(Ie, {
 			class: "button-close-drawer",
 			icon: "cross",
 			variant: "ghost",
 			id: e.closeButtonId,
 			noText: !0,
-			onClick: (e) => p(e, !0)
+			onClick: (e) => d(e, !0)
 		}, {
-			default: y(() => [a(h(e.closeButtonText ?? g("Close")), 1)]),
+			default: b(() => [a(g(e.closeButtonText ?? _("Close")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])]), i("div", on, [m(n.$slots, "default")])], 10, nn)], 40, tn));
+		}, 8, ["id", "onClick"])]), i("div", sn, [h(n.$slots, "default")])], 10, rn)], 40, nn));
 	}
-}), cn = [
+}), ln = [
 	"none",
 	"strong",
 	"weak",
 	"invisible"
-], ln = [
+], un = [
 	"left",
 	"right",
 	"up",
 	"down"
-], un = ["modal", "inside"], dn = ["fixed", "absolute"], fn = (e) => {
+], dn = ["modal", "inside"], fn = ["fixed", "absolute"], pn = (e) => {
 	let { target: t } = e;
 	return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
-}, pn = class {
+}, mn = class {
 	element;
 	subNavigation;
 	parentSubNavigation = null;
@@ -2499,7 +2499,7 @@ var b = () => {
 	}
 	enableFollow() {
 		if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) return;
-		let e = rt(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+		let e = it(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
 		this.triangleData = {
 			itemRect: t,
 			parentElementWidth: n,
@@ -2550,11 +2550,11 @@ var b = () => {
 		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));
 	}
-}, mn = [
+}, hn = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], hn = { class: "db-header-drawer-navigation" }, gn = { class: "db-header-meta-navigation" }, _n = { class: "db-header-secondary-action" }, 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 = /* @__PURE__ */ s({
+], gn = { class: "db-header-drawer-navigation" }, _n = { class: "db-header-meta-navigation" }, vn = { class: "db-header-secondary-action" }, yn = { class: "db-header-meta-navigation" }, bn = { class: "db-header-navigation-bar" }, xn = { class: "db-header-brand-container" }, Sn = { class: "db-header-navigation-container" }, Cn = { class: "db-header-navigation" }, wn = { class: "db-header-primary-action" }, Tn = { class: "db-header-action-container" }, En = { class: "db-header-burger-menu-container" }, Dn = { class: "db-header-secondary-action" }, On = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2587,11 +2587,11 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), s = f(!1), u = f(null);
+		let t = e, n = p(!1), s = p(!1), u = p(null);
 		l(() => {
 			n.value = !0;
-		}), v(() => [n.value, u.value], () => {
-			n.value && u.value && t.forceMobile && (x(u.value, {
+		}), y(() => [n.value, u.value], () => {
+			n.value && u.value && t.forceMobile && (S(u.value, {
 				key: "data-force-mobile",
 				value: "true"
 			}), s.value = !0);
@@ -2599,35 +2599,35 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
+		function d(e) {
 			e && e.stopPropagation && e.stopPropagation();
-			let n = !k(t.drawerOpen, "drawerOpen");
+			let n = !A(t.drawerOpen, "drawerOpen");
 			t.onToggle && t.onToggle(n);
 		}
-		function _(e) {
-			fn(e) && p();
+		function m(e) {
+			pn(e) && d();
 		}
-		return (n, l) => (d(), r("header", {
+		return (n, l) => (f(), r("header", {
 			ref_key: "_ref",
 			ref: u,
-			class: c(g(S)("db-header", t.class)),
+			class: c(_(C)("db-header", t.class)),
 			id: e.id ?? e.propOverrides?.id,
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			o(sn, {
+			o(cn, {
 				class: "db-header-drawer",
 				spacing: "small",
 				rounded: !0,
 				closeButtonId: e.closeButtonId,
 				closeButtonText: e.closeButtonText,
-				open: g(k)(e.drawerOpen),
-				onClose: (e) => p()
+				open: _(A)(e.drawerOpen),
+				onClose: (e) => d()
 			}, {
-				default: y(() => [i("div", hn, [i("div", {
+				default: b(() => [i("div", gn, [i("div", {
 					class: "db-header-navigation",
-					onClick: l[0] ||= async (e) => _(e)
-				}, [m(n.$slots, "default")]), i("div", gn, [m(n.$slots, "meta-navigation")])]), i("div", _n, [m(n.$slots, "secondary-action")])]),
+					onClick: l[0] ||= async (e) => m(e)
+				}, [h(n.$slots, "default")]), i("div", _n, [h(n.$slots, "meta-navigation")])]), i("div", vn, [h(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
@@ -2635,28 +2635,28 @@ var b = () => {
 				"open",
 				"onClose"
 			]),
-			i("div", vn, [m(n.$slots, "meta-navigation")]),
-			i("div", yn, [
-				i("div", bn, [m(n.$slots, "brand")]),
-				i("div", xn, [i("div", Sn, [m(n.$slots, "default")]), i("div", Cn, [m(n.$slots, "primary-action")])]),
-				i("div", wn, [i("div", Tn, [o(Ie, {
+			i("div", yn, [h(n.$slots, "meta-navigation")]),
+			i("div", bn, [
+				i("div", xn, [h(n.$slots, "brand")]),
+				i("div", Sn, [i("div", Cn, [h(n.$slots, "default")]), i("div", wn, [h(n.$slots, "primary-action")])]),
+				i("div", Tn, [i("div", En, [o(Ie, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
-					onClick: (e) => p()
+					onClick: (e) => d()
 				}, {
-					default: y(() => [a(h(e.burgerMenuLabel ?? g("BurgerMenu")), 1)]),
+					default: b(() => [a(g(e.burgerMenuLabel ?? _("BurgerMenu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", En, [m(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", Dn, [h(n.$slots, "secondary-action")])])
 			])
-		], 10, mn));
+		], 10, hn));
 	}
-}), On = [
+}), kn = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], kn = /* @__PURE__ */ s({
+], An = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -2672,26 +2672,26 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let n = t, i = f(null);
-		return (o, s) => (d(), r("span", {
+		let n = t, i = p(null);
+		return (o, s) => (f(), r("span", {
 			"aria-hidden": "true",
 			ref_key: "_ref",
 			ref: i,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-icon", n.class)),
+			class: c(_(C)("db-icon", n.class)),
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(o.$slots, "default", { key: 1 })], 10, On));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(o.$slots, "default", { key: 1 })], 10, kn));
 	}
-}), An = [
+}), jn = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], jn = [
+], Mn = [
 	"color",
 	"date",
 	"datetime-local",
@@ -2708,7 +2708,7 @@ var b = () => {
 	"time",
 	"url",
 	"week"
-], Mn = [
+], Nn = [
 	"id",
 	"href",
 	"target",
@@ -2723,7 +2723,7 @@ var b = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], Nn = /* @__PURE__ */ s({
+], Pn = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -2763,36 +2763,36 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let n = t, i = f(null);
+		let n = t, i = p(null);
 		function o(e) {
 			n.onClick && n.onClick(e);
 		}
-		return (s, l) => (d(), r("a", {
+		return (s, l) => (f(), r("a", {
 			ref_key: "_ref",
 			ref: i,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-link", n.class)),
+			class: c(_(C)("db-link", n.class)),
 			href: t.href,
 			target: t.target,
 			rel: t.rel,
 			role: t.role,
 			referrerPolicy: t.referrerpolicy ?? t.referrerPolicy,
 			hrefLang: t.hreflang,
-			"aria-disabled": g(O)(t.disabled),
+			"aria-disabled": _(k)(t.disabled),
 			tabIndex: t.disabled ? -1 : 0,
 			"data-size": t.size,
-			"data-show-icon-trailing": g(O)(t.showIcon ?? !0),
+			"data-show-icon-trailing": _(k)(t.showIcon ?? !0),
 			"data-variant": t.variant,
 			"data-content": t.content || "internal",
-			"data-wrap": g(O)(t.wrap),
+			"data-wrap": _(k)(t.wrap),
 			onClick: l[0] ||= async (e) => o(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 10, Mn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 10, Nn));
 	}
-}), Pn = [
+}), Fn = [
 	"adaptive",
 	"brand",
 	"inline"
-], Fn = ["medium", "small"], In = ["external", "internal"], Ln = ["id"], Rn = /* @__PURE__ */ s({
+], In = ["medium", "small"], Ln = ["external", "internal"], Rn = ["id"], zn = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -2804,15 +2804,15 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (a, o) => (d(), r("nav", {
+		let t = e, n = p(null);
+		return (a, o) => (f(), r("nav", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-navigation", t.class))
-		}, [i("menu", null, [m(a.$slots, "default")])], 10, Ln));
+			class: c(_(C)("db-navigation", t.class))
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, Rn));
 	}
-}), zn = [
+}), Bn = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -2820,20 +2820,20 @@ var b = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], Bn = [
+], Vn = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], Vn = [
+], Hn = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], Hn = {
+], Un = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, Un = /* @__PURE__ */ s({
+}, Wn = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -2876,75 +2876,75 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let s = _(), u = t, p = f(!1), b = f(!1), x = f(!0), C = f(!1), w = f(!1), T = f(void 0), E = f(void 0), A = f(void 0), j = f(null);
+		let s = v(), u = t, d = p(!1), m = p(!1), x = p(!0), S = p(!1), w = p(!1), T = p(void 0), E = p(void 0), D = p(void 0), j = p(null);
 		l(() => {
-			p.value = !0;
+			d.value = !0;
 			let e = `sub-nav-${u.id ?? s}`;
-			E.value = e, A.value = `${e}-toggle`;
-		}), v(() => [u.subNavigationExpanded], () => {
-			u.subNavigationExpanded !== void 0 && (C.value = !!k(u.subNavigationExpanded, "subNavigationExpanded"));
+			E.value = e, D.value = `${e}-toggle`;
+		}), y(() => [u.subNavigationExpanded], () => {
+			u.subNavigationExpanded !== void 0 && (S.value = !!A(u.subNavigationExpanded, "subNavigationExpanded"));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [p.value, j.value], () => {
-			if (p.value && j.value) {
+		}), y(() => [d.value, j.value], () => {
+			if (d.value && j.value) {
 				let e = j.value.querySelector("menu");
-				e && (e.children?.length > 0 ? (b.value = !0, T.value ||= new pn(j.value, e)) : x.value = !1);
+				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new mn(j.value, e)) : x.value = !1);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
 		function M(e) {
-			e?.target?.nodeName === "A" && (w.value = !0, D(() => {
+			e?.target?.nodeName === "A" && (w.value = !0, O(() => {
 				w.value = !1;
 			}, 1e3));
 		}
 		function N(e) {
-			u.onClick && (e.stopPropagation(), u.onClick(e)), b.value && (C.value = !0);
+			u.onClick && (e.stopPropagation(), u.onClick(e)), m.value && (S.value = !0);
 		}
 		function P(e) {
-			e.stopPropagation(), C.value = !1;
+			e.stopPropagation(), S.value = !1;
 		}
-		return (s, l) => (d(), r("li", {
+		return (s, l) => (f(), r("li", {
 			ref_key: "_ref",
 			ref: j,
 			id: t.id ?? t.propOverrides?.id,
 			onMouseover: l[2] ||= async (e) => T.value?.enableFollow(),
 			onMouseleave: l[3] ||= async (e) => T.value?.disableFollow(),
 			onMousemove: l[4] ||= async (e) => T.value?.followByMouseEvent(e),
-			class: c(g(S)("db-navigation-item", u.class)),
+			class: c(_(C)("db-navigation-item", u.class)),
 			"data-width": t.width,
 			"data-icon": t.icon,
-			"data-show-icon": g(O)(t.showIcon),
+			"data-show-icon": _(k)(t.showIcon),
 			"data-active": t.active,
-			"data-wrap": g(O)(t.wrap),
-			"aria-disabled": g(O)(t.disabled)
-		}, [x.value ? n("", !0) : (d(), r(e, { key: 0 }, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 64)), x.value ? (d(), r(e, { key: 1 }, [i("button", {
+			"data-wrap": _(k)(t.wrap),
+			"aria-disabled": _(k)(t.disabled)
+		}, [x.value ? n("", !0) : (f(), r(e, { key: 0 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 64)), x.value ? (f(), r(e, { key: 1 }, [i("button", {
 			class: "db-navigation-item-expand-button",
-			id: A.value,
-			"aria-haspopup": b.value ? "true" : void 0,
-			"aria-expanded": C.value,
+			id: D.value,
+			"aria-haspopup": m.value ? "true" : void 0,
+			"aria-expanded": S.value,
 			"aria-controls": E.value,
-			disabled: g(k)(t.disabled, "disabled"),
+			disabled: _(A)(t.disabled, "disabled"),
 			onClick: l[0] ||= async (e) => N(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 8, Bn), i("menu", {
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Vn), i("menu", {
 			class: "db-sub-navigation",
 			id: E.value,
-			"aria-labelledby": A.value,
+			"aria-labelledby": D.value,
 			"data-force-close": w.value,
 			onClick: l[1] ||= async (e) => M(e)
-		}, [b.value ? (d(), r("div", Hn, [o(Ie, {
+		}, [m.value ? (f(), r("div", Un, [o(Ie, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
 			onClick: (e) => P(e)
 		}, {
-			default: y(() => [a(h(t.backButtonText ?? g("Back")), 1)]),
+			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), m(s.$slots, "sub-navigation")], 8, Vn)], 64)) : n("", !0)], 42, zn));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Hn)], 64)) : n("", !0)], 42, Bn));
 	}
-}), Wn = [
+}), Gn = [
 	"id",
 	"role",
 	"aria-live",
@@ -2953,7 +2953,7 @@ var b = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], Gn = { key: 0 }, Kn = { key: 1 }, qn = /* @__PURE__ */ s({
+], Kn = { key: 0 }, qn = { "data-area": "content" }, Jn = { key: 1 }, Yn = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -2999,16 +2999,16 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(o) {
-		let s = o, l = f(null);
+		let s = o, l = p(null);
 		function u(e) {
 			e && (e.stopPropagation(), s.onClose && s.onClose(e));
 		}
-		return (f, p) => (d(), r("div", {
+		return (d, p) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: l,
 			id: o.id ?? o.propOverrides?.id,
-			class: c(g(S)("db-notification", s.class)),
-			role: g(z)({
+			class: c(_(C)("db-notification", s.class)),
+			role: _(B)({
 				semantic: o.semantic,
 				role: o.role,
 				ariaLive: o.ariaLive
@@ -3016,16 +3016,16 @@ var b = () => {
 			"aria-live": o.ariaLive,
 			"data-semantic": o.semantic,
 			"data-variant": o.variant,
-			"data-icon": g(k)(o.showIcon) === !1 ? void 0 : o.icon,
-			"data-show-icon": g(O)(o.showIcon),
+			"data-icon": _(A)(o.showIcon) === !1 ? void 0 : o.icon,
+			"data-show-icon": _(k)(o.showIcon),
 			"data-link-variant": o.linkVariant
 		}, [
-			m(f.$slots, "image"),
-			g(F)(o.headline, o.showHeadline) ? (d(), r("header", Gn, h(o.headline), 1)) : n("", !0),
-			i("p", null, [o.text ? (d(), r(e, { key: 0 }, [a(h(o.text), 1)], 64)) : m(f.$slots, "default", { key: 1 })]),
-			g(F)(o.timestamp, o.showTimestamp) ? (d(), r("span", Kn, h(o.timestamp), 1)) : n("", !0),
-			m(f.$slots, "link"),
-			g(k)(o.closeable, "closeable") ? (d(), t(Ie, {
+			h(d.$slots, "image"),
+			_(I)(o.headline, o.showHeadline) ? (f(), r("header", Kn, g(o.headline), 1)) : n("", !0),
+			i("div", qn, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : h(d.$slots, "default", { key: 1 })]),
+			_(I)(o.timestamp, o.showTimestamp) ? (f(), r("span", Jn, g(o.timestamp), 1)) : n("", !0),
+			h(d.$slots, "link"),
+			_(A)(o.closeable, "closeable") ? (f(), t(Ie, {
 				key: 2,
 				icon: "cross",
 				variant: "ghost",
@@ -3034,25 +3034,25 @@ var b = () => {
 				noText: !0,
 				onClick: (e) => u(e)
 			}, {
-				default: y(() => [a(h(o.closeButtonText ?? g("Close")), 1)]),
+				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, Wn));
+		], 10, Gn));
 	}
-}), Jn = [
+}), Xn = [
 	"docked",
 	"standalone",
 	"overlay"
-], Yn = ["block", "inline"], Xn = [
+], Zn = ["block", "inline"], Qn = [
 	"assertive",
 	"polite",
 	"off"
-], Zn = [
+], $n = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], Qn = /* @__PURE__ */ s({
+], er = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -3073,28 +3073,28 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), a = f(null);
+		let t = e, n = p(!1), a = p(null);
 		return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), l(() => {
 			n.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
 				n.value = !0;
 			}) : n.value = !0;
 		}), u(() => {
 			typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-		}), (o, s) => (d(), r("div", {
+		}), (o, s) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: a,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-page", t.class)),
+			class: c(_(C)("db-page", t.class)),
 			"data-variant": e.variant,
-			"data-fade-in": g(O)(e.fadeIn),
-			"data-fonts-loaded": g(O)(n.value)
+			"data-fade-in": _(k)(e.fadeIn),
+			"data-fonts-loaded": _(k)(n.value)
 		}, [
-			m(o.$slots, "header"),
-			i("main", { class: c(g(S)("db-main", e.mainClass)) }, [m(o.$slots, "default")], 2),
-			m(o.$slots, "footer")
-		], 10, Zn));
+			h(o.$slots, "header"),
+			i("main", { class: c(_(C)("db-main", e.mainClass)) }, [h(o.$slots, "default")], 2),
+			h(o.$slots, "footer")
+		], 10, $n));
 	}
-}), $n = ["auto", "fixed"], er = ["hidden", "auto"], tr = ["id"], nr = [
+}), tr = ["auto", "fixed"], nr = ["hidden", "auto"], rr = ["id"], ir = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -3102,7 +3102,7 @@ var b = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], rr = /* @__PURE__ */ s({
+], ar = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -3131,26 +3131,26 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), a = f(!1), o = f(void 0), s = f(void 0), u = f(null);
+		let t = e, n = p(!1), a = p(!1), o = p(void 0), s = p(void 0), u = p(null);
 		l(() => {
 			n.value = !0;
-		}), v(() => [u.value, n.value], () => {
+		}), y(() => [u.value, n.value], () => {
 			if (u.value && n.value) {
 				n.value = !1;
 				let e = x();
-				e && (e.ariaHasPopup = "true"), h(), u.value.addEventListener("keydown", (e) => p(e)), ["mouseenter", "focusin"].forEach((e) => {
-					u.value.addEventListener(e, () => y());
+				e && (e.ariaHasPopup = "true"), m(), u.value.addEventListener("keydown", (e) => d(e)), ["mouseenter", "focusin"].forEach((e) => {
+					u.value.addEventListener(e, () => v());
 				}), ["mouseleave", "focusout"].forEach((e) => {
 					u.value.addEventListener(e, () => b());
 				}), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((e) => {
 					let t = e.find(({ target: e }) => e === x());
-					t && !t.isIntersecting && p(!1);
+					t && !t.isIntersecting && d(!1);
 				}));
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [u.value, a.value], () => {
+		}), y(() => [u.value, a.value], () => {
 			if (u.value) {
 				let e = x();
 				e && (e.ariaExpanded = (!!a.value).toString());
@@ -3159,28 +3159,28 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
+		function d(e) {
 			if (!e || e.key === "Escape") for (let e of Array.from(u.value.children)) e.blur();
 		}
-		function h() {
+		function m() {
 			if (!u.value) return;
 			let e = u.value.querySelector("article");
-			e && D(() => {
-				lt(e, u.value, t.placement ?? "bottom");
+			e && O(() => {
+				ut(e, u.value, t.placement ?? "bottom");
 			}, 1);
 		}
-		function _(e) {
-			e?.target?.contains && e?.target?.contains(u.value) && h();
+		function g(e) {
+			e?.target?.contains && e?.target?.contains(u.value) && m();
 		}
-		function y() {
-			a.value = !0, o.value = new tt().addCallback((e) => _(e)), h();
+		function v() {
+			a.value = !0, o.value = new nt().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 tt().removeCallback(o.value);
+				a.value = !1, o.value && new nt().removeCallback(o.value);
 				let e = x();
 				e && s.value?.unobserve(e);
 			}
@@ -3195,28 +3195,28 @@ var b = () => {
 			}
 			return null;
 		}
-		return (n, a) => (d(), r("div", {
+		return (n, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: u,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-popover", t.class))
-		}, [m(n.$slots, "trigger"), i("article", {
+			class: c(_(C)("db-popover", t.class))
+		}, [h(n.$slots, "trigger"), i("article", {
 			class: "db-popover-content",
 			"data-spacing": e.spacing,
-			"data-gap": g(O)(e.gap),
-			"data-animation": g(O)(e.animation ?? !0),
-			"data-open": g(O)(e.open),
+			"data-gap": _(k)(e.gap),
+			"data-animation": _(k)(e.animation ?? !0),
+			"data-open": _(k)(e.open),
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [m(n.$slots, "default")], 8, nr)], 10, tr));
+		}, [h(n.$slots, "default")], 8, ir)], 10, rr));
 	}
-}), ir = [
+}), or = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], ar = [
+], sr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -3225,7 +3225,7 @@ var b = () => {
 	"disabled",
 	"value",
 	"required"
-], or = /* @__PURE__ */ s({
+], cr = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -3288,31 +3288,31 @@ var b = () => {
 	},
 	emits: ["update:value"],
 	setup(t, { emit: n }) {
-		let o = _(), s = n, p = t, y = f(!1), b = f(void 0), x = f(void 0), C = f(null);
+		let o = v(), s = n, d = t, m = p(!1), b = p(void 0), x = p(void 0), S = p(null);
 		l(() => {
-			y.value = !0, A();
+			m.value = !0, k();
 		}), u(() => {
 			x.value?.abort();
-		}), v(() => [p.id, p.propOverrides?.id], () => {
-			(p.id ?? p.propOverrides?.id) && A();
+		}), y(() => [d.id, d.propOverrides?.id], () => {
+			(d.id ?? d.propOverrides?.id) && k();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			y.value,
-			C.value,
-			p.checked
+		}), y(() => [
+			m.value,
+			S.value,
+			d.checked
 		], () => {
-			p.checked && y.value && C.value && (C.value.checked = !0);
+			d.checked && m.value && S.value && (S.value.checked = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [C.value], () => {
-			if (C.value) {
+		}), y(() => [S.value], () => {
+			if (S.value) {
 				let e = x.value;
-				e || (e = new AbortController(), x.value = e), Ue(C.value, (e) => {
-					D(() => {
-						let t = p.checked ? p.checked : C.value.checked, n = {
+				e || (e = new AbortController(), x.value = e), We(S.value, (e) => {
+					O(() => {
+						let t = d.checked ? d.checked : S.value.checked, n = {
 							...e,
 							target: {
 								...e.target,
@@ -3329,49 +3329,49 @@ var b = () => {
 			flush: "post"
 		});
 		function w(e, t) {
-			p.input && p.input(e), p.onInput && p.onInput(e), Q(s, e);
+			d.input && d.input(e), d.onInput && d.onInput(e), Ue(s, e);
 		}
 		function T(e, t) {
-			p.onChange && p.onChange(e), Q(s, e);
+			d.onChange && d.onChange(e), Ue(s, e);
 		}
 		function E(e) {
-			p.onBlur && p.onBlur(e);
+			d.onBlur && d.onBlur(e);
 		}
-		function O(e) {
-			p.onFocus && p.onFocus(e);
+		function D(e) {
+			d.onFocus && d.onFocus(e);
 		}
-		function A() {
-			b.value = p.id ?? p.propOverrides?.id ?? `radio-${o}`;
+		function k() {
+			b.value = d.id ?? d.propOverrides?.id ?? `radio-${o}`;
 		}
-		return (n, o) => (d(), r("label", {
+		return (n, o) => (f(), r("label", {
 			"data-size": t.size,
-			"data-hide-label": g(P)(t.showLabel),
-			"data-hide-asterisk": g(P)(t.showRequiredAsterisk),
-			class: c(g(S)("db-radio", p.class)),
+			"data-hide-label": _(F)(t.showLabel),
+			"data-hide-asterisk": _(F)(t.showRequiredAsterisk),
+			class: c(_(C)("db-radio", d.class)),
 			for: b.value
 		}, [i("input", {
 			type: "radio",
 			"aria-invalid": t.validation === "invalid",
 			"data-custom-validity": t.validation,
 			ref_key: "_ref",
-			ref: C,
+			ref: S,
 			id: b.value,
 			name: t.name,
-			checked: g(k)(t.checked, "checked"),
-			disabled: g(k)(t.disabled, "disabled"),
+			checked: _(A)(t.checked, "checked"),
+			disabled: _(A)(t.disabled, "disabled"),
 			value: t.value,
-			required: g(k)(t.required, "required"),
+			required: _(A)(t.required, "required"),
 			onInput: o[0] ||= async (e) => w(e),
 			onChange: o[1] ||= async (e) => T(e),
 			onBlur: o[2] ||= async (e) => E(e),
-			onFocus: o[3] ||= async (e) => O(e)
-		}, null, 40, ar), t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : m(n.$slots, "default", { key: 1 })], 10, ir));
+			onFocus: o[3] ||= async (e) => D(e)
+		}, null, 40, sr), t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : h(n.$slots, "default", { key: 1 })], 10, or));
 	}
-}), sr = [
+}), lr = [
 	"id",
 	"data-spacing",
 	"data-width"
-], cr = /* @__PURE__ */ s({
+], ur = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -3385,23 +3385,23 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("section", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("section", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-section", t.class)),
+			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [m(i.$slots, "default")], 10, sr));
+		}, [h(i.$slots, "default")], 10, lr));
 	}
-}), lr = [
+}), dr = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], ur = ["for"], dr = [
+], fr = ["for"], pr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -3413,18 +3413,18 @@ var b = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], fr = ["data-show-empty-option"], pr = ["label"], mr = [
+], mr = ["data-show-empty-option"], hr = ["label"], gr = [
 	"value",
 	"selected",
 	"disabled"
-], hr = [
+], _r = [
 	"value",
 	"disabled",
 	"selected"
-], gr = ["id"], _r = {
+], vr = ["id"], yr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, vr = /* @__PURE__ */ s({
+}, br = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -3512,148 +3512,148 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:value"],
-	setup(s, { emit: b }) {
-		let x = _(), C = b, w = s, E = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), I = f(""), L = f(void 0), R = f(""), z = f(!1), B = f(""), V = f(void 0), H = f(null);
+	setup(s, { emit: d }) {
+		let x = v(), S = d, 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);
 		l(() => {
-			z.value = !0, oe(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
+			z.value = !0, ie(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
 		}), u(() => {
 			V.value?.abort();
-		}), v(() => [w.id, w.propOverrides?.id], () => {
-			(w.id ?? w.propOverrides?.id) && oe();
+		}), y(() => [w.id, w.propOverrides?.id], () => {
+			(w.id ?? w.propOverrides?.id) && ie();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [H.value, w.invalidMessage], () => {
+		}), y(() => [H.value, w.invalidMessage], () => {
 			N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [E.value, z.value], () => {
-			if (E.value && z.value) {
-				let e = E.value + K, t = E.value + se;
-				A.value = e, j.value = E.value + q, M.value = E.value + J, I.value = t, F(w.message, w.showMessage) ? L.value = e : w.placeholder ? L.value = t : L.value = void 0, U(), z.value = !1;
+		}), y(() => [T.value, z.value], () => {
+			if (T.value && z.value) {
+				let e = T.value + J, t = T.value + se;
+				D.value = e, j.value = T.value + Y, M.value = T.value + oe, P.value = t, I(w.message, w.showMessage) ? L.value = e : w.placeholder ? L.value = t : L.value = void 0, W(), z.value = !1;
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.value], () => {
+		}), y(() => [w.value], () => {
 			R.value = w.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [H.value], () => {
+		}), y(() => [H.value], () => {
 			if (H.value) {
 				let e = V.value;
-				e || (e = new AbortController(), V.value = e), Ge(H.value, {
+				e || (e = new AbortController(), V.value = e), Ke(H.value, {
 					value: w.value,
 					defaultValue: void 0
 				}, (e) => {
-					ne(e, !0), W(e, !0);
+					te(e, !0), G(e, !0);
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function ee() {
+		function U() {
 			return !!(w.validMessage ?? w.validation === "valid");
 		}
-		function U() {
-			!H.value?.validity.valid || w.validation === "invalid" ? (L.value = M.value, N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage", T() && (B.value = N.value, D(() => B.value = "", 1e3))) : ee() && H.value?.validity.valid && w.required ? (L.value = j.value, T() && (B.value = w.validMessage ?? "TODO: Add a validMessage", D(() => B.value = "", 1e3))) : F(w.message, w.showMessage) ? L.value = A.value : w.placeholder ? L.value = I.value : L.value = void 0;
+		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 te(e) {
+		function ee(e) {
 			w.onClick && w.onClick(e);
 		}
-		function W(e, t) {
-			w.input && w.input(e), R.value = e.target.value, w.onInput && w.onInput(e), Q(C, e), U();
+		function G(e, t) {
+			w.input && w.input(e), R.value = e.target.value, w.onInput && w.onInput(e), Ue(S, e), W();
 		}
-		function ne(e, t) {
-			w.onChange && w.onChange(e), Q(C, e), U();
+		function te(e, t) {
+			w.onChange && w.onChange(e), Ue(S, e), W();
 		}
-		function re(e) {
+		function K(e) {
 			w.onBlur && w.onBlur(e);
 		}
-		function G(e) {
+		function q(e) {
 			w.onFocus && w.onFocus(e);
 		}
-		function ie(e) {
+		function ne(e) {
 			return e.label ?? e.value?.toString();
 		}
-		function ae() {
+		function re() {
 			return w.variant === "floating" || w.placeholder ? w.showEmptyOption === void 0 ? !w.required : w.showEmptyOption : !1;
 		}
-		function oe() {
+		function ie() {
 			let e = w.id ?? w.propOverrides?.id ?? `select-${x}`;
-			E.value = e, A.value = e + K, j.value = e + q, M.value = e + J, I.value = e + se;
+			T.value = e, D.value = e + J, j.value = e + Y, M.value = e + oe, P.value = e + se;
 		}
-		return (l, u) => (d(), r("div", {
-			class: c(g(S)("db-select", w.class)),
+		return (l, u) => (f(), r("div", {
+			class: c(_(C)("db-select", w.class)),
 			"data-variant": s.variant,
-			"data-hide-label": g(P)(s.showLabel),
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
+			"data-hide-label": _(F)(s.showLabel),
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-icon": s.icon,
-			"data-show-icon": g(O)(s.showIcon)
+			"data-show-icon": _(k)(s.showIcon)
 		}, [
-			i("label", { for: E.value }, h(s.label ?? g("LABEL SHOULD BE SET")), 9, ur),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, fr),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
 				ref_key: "_ref",
 				ref: H,
-				required: g(k)(s.required, "required"),
-				disabled: g(k)(s.disabled, "disabled"),
-				id: E.value,
+				required: _(A)(s.required, "required"),
+				disabled: _(A)(s.disabled, "disabled"),
+				id: T.value,
 				name: s.name,
 				size: s.size,
 				value: s.value ?? R.value ?? "",
 				autocomplete: s.autocomplete,
 				multiple: s.multiple,
-				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),
+				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) => K(e),
+				onFocus: u[4] ||= async (e) => q(e),
 				"aria-describedby": s.ariaDescribedBy ?? L.value
-			}, [s.variant === "floating" || s.placeholder ? (d(), r("option", {
+			}, [s.variant === "floating" || s.placeholder ? (f(), r("option", {
 				key: 0,
 				class: "placeholder",
 				value: "",
-				"data-show-empty-option": g(O)(ae())
-			}, null, 8, fr)) : n("", !0), s.options?.length ? (d(!0), r(e, { key: 1 }, p(s.options, (t, n) => (d(), r(e, { key: n }, [t.options ? (d(), r("optgroup", {
+				"data-show-empty-option": _(k)(re())
+			}, null, 8, mr)) : 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: ie(t)
-			}, [(d(!0), r(e, null, p(t.options, (e, t) => (d(), r("option", {
+				label: ne(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
-			}, h(ie(e)), 9, mr))), 128))], 8, pr)) : (d(), r("option", {
+			}, g(ne(e)), 9, gr))), 128))], 8, hr)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, h(ie(t)), 9, hr))], 64))), 128)) : m(l.$slots, "default", { key: 2 })], 40, dr),
-			s.placeholder ? (d(), r("span", {
+			}, g(ne(t)), 9, _r))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, pr),
+			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
-				id: I.value
-			}, h(s.placeholder), 9, gr)) : n("", !0),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+				id: P.value
+			}, g(s.placeholder), 9, vr)) : n("", !0),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
 				icon: s.messageIcon,
-				id: A.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			ee() ? (d(), t($, {
+			U() ? (f(), t($, {
 				key: 2,
 				size: "small",
 				semantic: "successful",
 				id: j.value
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -3661,13 +3661,13 @@ var b = () => {
 				semantic: "critical",
 				id: M.value
 			}, {
-				default: y(() => [a(h(N.value), 1)]),
+				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", _r, h(B.value), 1)
-		], 10, lr));
+			i("span", yr, g(B.value), 1)
+		], 10, dr));
 	}
-}), yr = [
+}), xr = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -3675,7 +3675,7 @@ var b = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], br = /* @__PURE__ */ s({
+], Sr = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -3696,38 +3696,38 @@ var b = () => {
 		gap: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-stack", t.class)),
+			class: c(_(C)("db-stack", t.class)),
 			"data-gap": e.gap,
 			"data-variant": e.variant,
 			"data-direction": e.direction,
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
-			"data-wrap": g(O)(e.wrap)
-		}, [m(i.$slots, "default")], 10, yr));
+			"data-wrap": _(k)(e.wrap)
+		}, [h(i.$slots, "default")], 10, xr));
 	}
-}), xr = ["simple", "divider"], Sr = ["row", "column"], Cr = [
+}), Cr = ["simple", "divider"], wr = ["row", "column"], Tr = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], wr = [
+], Er = [
 	"space-between",
 	"start",
 	"end",
 	"center"
-], Tr = [
+], Dr = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], Er = ["for"], Dr = [
+], Or = ["for"], kr = [
 	"id",
 	"checked",
 	"value",
@@ -3738,10 +3738,10 @@ var b = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], Or = {
+], Ar = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, kr = /* @__PURE__ */ s({
+}, jr = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -3813,40 +3813,40 @@ var b = () => {
 		variant: { default: void 0 }
 	},
 	emits: ["update:checked"],
-	setup(s, { emit: p }) {
-		let b = _(), x = p, C = s, w = f(void 0), E = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), I = f(""), L = f(void 0), R = f(null);
+	setup(s, { emit: d }) {
+		let m = v(), x = d, 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);
 		l(() => {
-			te(), B(), M.value = C.invalidMessage || "TODO: Add an invalidMessage";
+			ee(), B(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
 		}), u(() => {
 			L.value?.abort();
-		}), v(() => [C.id, C.propOverrides?.id], () => {
-			(C.id ?? C.propOverrides?.id) && te();
+		}), y(() => [S.id, S.propOverrides?.id], () => {
+			(S.id ?? S.propOverrides?.id) && ee();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			C.validation,
-			C.required,
-			C.message,
-			C.showMessage,
-			C.validMessage,
-			C.invalidMessage,
-			C.checked
+		}), y(() => [
+			S.validation,
+			S.required,
+			S.message,
+			S.showMessage,
+			S.validMessage,
+			S.invalidMessage,
+			S.checked
 		], () => {
 			B();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value, C.invalidMessage], () => {
-			M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [R.value, S.invalidMessage], () => {
+			M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value], () => {
+		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), We(R.value, {
-					checked: C.checked,
+				e || (e = new AbortController(), L.value = e), Ge(R.value, {
+					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
 					V(e, !0);
@@ -3857,51 +3857,51 @@ var b = () => {
 			flush: "post"
 		});
 		function z() {
-			return !!(C.validMessage ?? C.validation === "valid");
+			return !!(S.validMessage ?? S.validation === "valid");
 		}
 		function B() {
-			if (!R.value?.validity?.valid || C.validation === "invalid") {
-				N.value = j.value, M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", T() && (I.value = M.value || "TODO: Add an invalidMessage", D(() => {
-					I.value = "";
+			if (!R.value?.validity?.valid || S.validation === "invalid") {
+				N.value = j.value, M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", E() && (P.value = M.value || "TODO: Add an invalidMessage", O(() => {
+					P.value = "";
 				}, 1e3));
 				return;
 			}
-			if (z() && R.value?.validity?.valid && C.required) {
-				N.value = A.value, T() && (I.value = C.validMessage ?? "TODO: Add a validMessage", D(() => {
-					I.value = "";
+			if (z() && R.value?.validity?.valid && S.required) {
+				N.value = D.value, E() && (P.value = S.validMessage ?? "TODO: Add a validMessage", O(() => {
+					P.value = "";
 				}, 1e3));
 				return;
 			}
-			if (F(C.message, C.showMessage)) {
-				N.value = E.value;
+			if (I(S.message, S.showMessage)) {
+				N.value = T.value;
 				return;
 			}
 			N.value = void 0;
 		}
 		function V(e, t) {
-			C.onChange && C.onChange(e), B(), Q(x, e, "checked");
+			S.onChange && S.onChange(e), B(), Ue(x, e, "checked");
 		}
 		function H(e) {
-			C.onBlur && C.onBlur(e);
-		}
-		function ee(e) {
-			C.onFocus && C.onFocus(e);
+			S.onBlur && S.onBlur(e);
 		}
 		function U(e) {
-			e.key === "Enter" && (e.preventDefault(), C.disabled || R.value?.click());
+			S.onFocus && S.onFocus(e);
 		}
-		function te() {
-			let e = C.id ?? C.propOverrides?.id ?? `switch-${b}`;
-			w.value = e, E.value = `${e}${K}`, A.value = `${e}${q}`, j.value = `${e}${J}`;
+		function W(e) {
+			e.key === "Enter" && (e.preventDefault(), S.disabled || R.value?.click());
 		}
-		return (l, u) => (d(), r("div", {
-			"data-visual-aid": g(O)(s.visualAid),
+		function ee() {
+			let e = S.id ?? S.propOverrides?.id ?? `switch-${m}`;
+			w.value = e, T.value = `${e}${J}`, D.value = `${e}${Y}`, j.value = `${e}${oe}`;
+		}
+		return (l, u) => (f(), r("div", {
+			"data-visual-aid": _(k)(s.visualAid),
 			"data-size": s.size,
-			"data-hide-label": g(P)(s.showLabel),
+			"data-hide-label": _(F)(s.showLabel),
 			"data-variant": s.variant,
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-custom-validity": s.validation,
-			class: c(g(S)("db-switch", C.class))
+			class: c(_(C)("db-switch", S.class))
 		}, [
 			i("label", { for: w.value }, [i("input", {
 				type: "checkbox",
@@ -3909,37 +3909,37 @@ var b = () => {
 				id: w.value,
 				ref_key: "_ref",
 				ref: R,
-				checked: g(k)(s.checked, "checked"),
+				checked: _(A)(s.checked, "checked"),
 				value: s.value,
-				disabled: g(k)(s.disabled, "disabled"),
+				disabled: _(A)(s.disabled, "disabled"),
 				"aria-invalid": s.validation === "invalid" ? "true" : void 0,
 				"aria-describedby": N.value,
 				name: s.name,
-				required: g(k)(s.required, "required"),
+				required: _(A)(s.required, "required"),
 				"data-aid-icon": s.iconLeading ?? s.icon,
 				"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) => ee(e),
-				onKeydown: u[3] ||= async (e) => U(e)
-			}, null, 40, Dr), s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : m(l.$slots, "default", { key: 1 })], 8, Er),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+				onFocus: u[2] ||= async (e) => U(e),
+				onKeydown: u[3] ||= async (e) => W(e)
+			}, null, 40, kr), s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : h(l.$slots, "default", { key: 1 })], 8, Or),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
 				semantic: "adaptive",
-				id: E.value,
+				id: T.value,
 				icon: s.messageIcon
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["id", "icon"])) : n("", !0),
-			z() ? (d(), t($, {
+			z() ? (f(), t($, {
 				key: 1,
 				size: "small",
 				semantic: "successful",
-				id: A.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.validMessage ?? g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage ?? _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -3947,39 +3947,26 @@ var b = () => {
 				semantic: "critical",
 				id: j.value
 			}, {
-				default: y(() => [a(h(M.value), 1)]),
+				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Or, h(I.value), 1)
-		], 10, Tr));
+			i("span", Ar, g(P.value), 1)
+		], 10, Dr));
 	}
-}), Ar = [
-	"for",
-	"data-icon",
-	"data-icon-trailing",
-	"data-show-icon",
-	"data-show-icon-trailing",
-	"data-no-text"
-], jr = [
-	"disabled",
+}), Mr = [
+	"aria-label",
 	"aria-selected",
-	"checked",
-	"name",
-	"id"
-], Mr = /* @__PURE__ */ s({
+	"aria-controls",
+	"disabled",
+	"tabIndex",
+	"id",
+	"data-active",
+	"data-no-text",
+	"data-value"
+], Nr = ["data-icon", "data-icon-trailing"], Pr = ["data-icon"], Fr = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
-		children: { default: void 0 },
-		className: { default: void 0 },
-		class: {},
-		id: { default: void 0 },
-		autofocus: { type: [Boolean, String] },
-		propOverrides: { default: void 0 },
-		checked: {
-			type: [Boolean, String],
-			default: void 0
-		},
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
@@ -3989,145 +3976,227 @@ var b = () => {
 			type: [Boolean, String],
 			default: void 0
 		},
+		tabIndex: { default: void 0 },
+		ariaControls: { default: void 0 },
+		value: { default: void 0 },
+		children: {},
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {},
+		onClick: {
+			type: Function,
+			default: void 0
+		},
+		click: {},
 		icon: { default: void 0 },
-		iconTrailing: { default: void 0 },
-		iconLeading: { default: void 0 },
-		showIconLeading: {
+		showIcon: {
 			type: [Boolean, String],
 			default: void 0
 		},
+		iconTrailing: { default: void 0 },
+		iconLeading: { default: void 0 },
 		showIconTrailing: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		active: {
+		showIconLeading: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		change: {},
-		onChange: {
-			type: Function,
-			default: void 0
-		},
-		showIcon: {
+		active: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		name: { default: void 0 }
+		width: {}
 	},
-	emits: ["update:checked"],
-	setup(t, { emit: o }) {
-		let s = o, p = t, _ = f(!1), y = f(void 0), b = f(!1), x = f(!1), C = f(void 0), w = f(null);
+	setup(i) {
+		let o = i;
+		p(!1);
+		let s = p(!1), m = p(-1), v = p(!1), x = p(""), S = p(null), w = p(null), T = p(null), E = p(null);
 		l(() => {
-			C.value = T, b.value = !0;
+			if (s.value = A(o.active) || !1, m.value = A(o.active) ? 0 : -1, typeof window < "u") {
+				let e = () => {
+					requestAnimationFrame(() => {
+						k();
+						let e = E.value;
+						if (e && !e.dataset.label && (e.dataset.label = o.label || e.innerText || e.textContent || ""), E.value) {
+							let e = new ResizeObserver(() => {
+								requestAnimationFrame(() => {
+									k();
+								});
+							});
+							e.observe(E.value), S.value = e;
+						}
+					});
+				};
+				o.showIcon && o.icon && document.fonts?.ready ? document.fonts.ready.then(e) : e();
+			}
+			if (T.value) {
+				let e = (e) => {
+					s.value = e.detail.selected, o.tabIndex === void 0 && (e.detail.tabIndex === void 0 ? m.value = e.detail.selected ? 0 : -1 : m.value = e.detail.tabIndex);
+				};
+				w.value = { fn: e }, T.value.addEventListener("aria-selected-changed", e);
+			}
 		}), u(() => {
-			x.value && w.value && C.value && (w.value.closest("[role=tablist]")?.removeEventListener("change", C.value), x.value = !1);
-		}), v(() => [
-			w.value,
-			b.value,
-			C.value
-		], () => {
-			w.value && b.value && C.value && (b.value = !1, x.value ||= (w.value.closest("[role=tablist]")?.addEventListener("change", C.value), !0), (p.active || w.value.checked) && (_.value = !0, w.value.click()));
-		}, {
-			immediate: !0,
-			flush: "post"
-		}), v(() => [p.name], () => {
-			p.name && (y.value = p.name);
+			S.value?.disconnect();
+			let e = w.value;
+			T.value && e && T.value.removeEventListener("aria-selected-changed", e.fn);
+		}), d(() => {
+			if (T.value) {
+				let e = A(o.disabled) ? "true" : "false";
+				T.value?.getAttribute("aria-disabled") !== e && T.value?.setAttribute("aria-disabled", e), v.value || (T.value.hasAttribute("data-has-tooltip") && T.value.removeAttribute("data-has-tooltip"), T.value.hasAttribute("aria-describedby") && T.value.removeAttribute("aria-describedby"));
+			}
+		}), y(() => [o.active], () => {
+			o.active !== void 0 && (s.value = A(o.active) || !1);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function T(e) {
-			e.stopPropagation(), _.value = e.target === w.value;
+		function D() {
+			return o.tabIndex === void 0 ? m.value : Number(o.tabIndex);
 		}
-		function E(e) {
-			p.onChange && p.onChange(e), Q(s, e, "checked");
+		function O(e) {
+			e && e.preventDefault && e.preventDefault(), !A(o.disabled) && o.onClick && o.onClick(e);
 		}
-		return (o, s) => (d(), r("li", {
-			role: "none",
-			class: c(g(S)("db-tab-item", p.class))
-		}, [i("label", {
-			for: t.id ?? t.propOverrides?.id,
-			"data-icon": t.iconLeading ?? t.icon,
-			"data-icon-trailing": t.iconTrailing,
-			"data-show-icon": g(O)(t.showIconLeading ?? t.showIcon),
-			"data-show-icon-trailing": g(O)(t.showIconTrailing),
-			"data-no-text": g(O)(t.noText)
+		function k() {
+			if (E.value) {
+				let e = Math.ceil(E.value.scrollWidth) > Math.ceil(E.value.clientWidth) + 1;
+				v.value !== e && (v.value = e, !e && T.value && (T.value.hasAttribute("data-has-tooltip") && T.value.removeAttribute("data-has-tooltip"), T.value.hasAttribute("aria-describedby") && T.value.removeAttribute("aria-describedby"))), x.value = e && (o.label || E.value.innerText || E.value.textContent) || "";
+			}
+		}
+		return (l, u) => (f(), r("button", {
+			type: "button",
+			role: "tab",
+			title: "",
+			ref_key: "_ref",
+			ref: T,
+			class: c(_(C)("db-tab-item", o.class)),
+			"aria-label": _(A)(i.noText) ? i.label : void 0,
+			"aria-selected": (i.active === void 0 ? s.value : _(A)(i.active)) ? "true" : "false",
+			"aria-controls": i.ariaControls,
+			disabled: _(A)(i.disabled) ? !0 : void 0,
+			tabIndex: D(),
+			id: i.id,
+			"data-active": i.active === void 0 ? s.value : _(A)(i.active),
+			"data-no-text": _(A)(i.noText) ? "true" : void 0,
+			"data-value": i.value,
+			onClick: u[0] ||= async (e) => O(e)
 		}, [
-			i("input", {
-				type: "radio",
-				role: "tab",
-				disabled: g(k)(t.disabled, "disabled"),
-				"aria-selected": _.value,
-				checked: g(k)(t.checked, "checked"),
-				ref_key: "_ref",
-				ref: w,
-				name: y.value,
-				id: t.id ?? t.propOverrides?.id,
-				onInput: s[0] ||= async (e) => E(e)
-			}, null, 40, jr),
-			t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : n("", !0),
-			m(o.$slots, "default")
-		], 8, Ar)], 2));
+			i.noText ? n("", !0) : (f(), r("span", {
+				key: 0,
+				class: "db-tab-label",
+				title: "",
+				ref_key: "_labelRef",
+				ref: E,
+				"data-icon": _(A)(i.showIconLeading ?? i.showIcon) ? i.iconLeading ?? i.icon : void 0,
+				"data-icon-trailing": _(A)(i.showIconTrailing) ? i.iconTrailing : void 0
+			}, [i.label ? (f(), r(e, { key: 0 }, [a(g(i.label), 1)], 64)) : n("", !0), i.label ? n("", !0) : h(l.$slots, "default", { key: 1 })], 8, Nr)),
+			_(A)(i.noText) ? (f(), r("span", {
+				key: 1,
+				class: "db-tab-label",
+				"aria-hidden": "true",
+				"data-icon": _(A)(i.showIconLeading ?? i.showIcon) ? i.iconLeading ?? i.icon : void 0
+			}, null, 8, Pr)) : n("", !0),
+			v.value && x.value ? (f(), t(Ot, {
+				key: 2,
+				placement: "right"
+			}, {
+				default: b(() => [a(g(x.value), 1)]),
+				_: 1
+			})) : n("", !0)
+		], 10, Mr));
 	}
-}), Nr = ["id"], Pr = { role: "tablist" }, Fr = /* @__PURE__ */ s({
+}), Ir = [
+	"id",
+	"aria-orientation",
+	"aria-label",
+	"aria-labelledby"
+], Lr = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
 		children: { default: void 0 },
 		className: { default: void 0 },
 		class: {},
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
-		propOverrides: { default: void 0 }
+		propOverrides: {},
+		orientation: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (a, o) => (d(), r("div", {
+		let t = v(), n = e, i = p("tab-list-base-id"), a = p(null);
+		return l(() => {
+			i.value = n.id || "tab-list-" + t;
+		}), (t, o) => (f(), r("div", {
+			role: "tablist",
 			ref_key: "_ref",
-			ref: n,
-			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-tab-list", t.class))
-		}, [i("ul", Pr, [m(a.$slots, "default")])], 10, Nr));
+			ref: a,
+			id: i.value,
+			class: c(_(C)("db-tab-list", n.class)),
+			"aria-orientation": e.orientation || "horizontal",
+			"aria-label": e.ariaLabelledby ? void 0 : e.ariaLabel,
+			"aria-labelledby": e.ariaLabelledby
+		}, [h(t.$slots, "default")], 10, Ir));
 	}
-}), Ir = ["id"], Lr = /* @__PURE__ */ s({
+}), Rr = [
+	"id",
+	"tabIndex",
+	"hidden",
+	"aria-label",
+	"aria-labelledby"
+], zr = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
-		content: { default: void 0 },
-		children: { default: void 0 },
-		className: { default: void 0 },
+		content: {},
+		hidden: { type: Boolean },
+		ariaLabelledby: {},
+		ariaLabel: {},
+		children: {},
+		className: {},
 		class: {},
-		id: { default: void 0 },
+		id: {},
 		autofocus: { type: [Boolean, String] },
-		propOverrides: { default: void 0 }
+		propOverrides: {}
 	},
 	setup(t) {
-		let i = t, o = f(null);
-		return l(() => {}), (s, l) => (d(), r("section", {
+		let i = t, o = p(null);
+		return (s, l) => (f(), r("div", {
 			role: "tabpanel",
 			ref_key: "_ref",
 			ref: o,
-			class: c(g(S)("db-tab-panel", i.class)),
-			id: t.id ?? t.propOverrides?.id
-		}, [t.content ? (d(), r(e, { key: 0 }, [a(h(t.content), 1)], 64)) : n("", !0), m(s.$slots, "default")], 10, Ir));
+			class: c(_(C)("db-tab-panel", i.class)),
+			id: t.id ?? t.propOverrides?.id,
+			tabIndex: t.hidden ? -1 : 0,
+			hidden: t.hidden,
+			"aria-label": t.ariaLabel,
+			"aria-labelledby": t.ariaLabel ? void 0 : t.ariaLabelledby
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Rr));
 	}
-}), Rr = [
+}), Br = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
-	"data-alignment",
-	"data-width"
-], zr = /* @__PURE__ */ s({
+	"data-tab-item-alignment",
+	"data-tab-item-width"
+], Vr = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
 		arrowScrollDistance: { default: void 0 },
 		behavior: { default: void 0 },
 		initialSelectedIndex: { default: void 0 },
+		activeIndex: { default: void 0 },
 		initialSelectedMode: { default: void 0 },
 		name: { default: void 0 },
 		tabs: { default: void 0 },
+		tabItemWidth: { default: "auto" },
+		scrollStartLabel: { default: "Scroll start" },
+		scrollEndLabel: { default: "Scroll end" },
 		children: { default: void 0 },
 		className: { default: void 0 },
 		class: {},
@@ -4135,183 +4204,306 @@ var b = () => {
 		autofocus: { type: [Boolean, String] },
 		propOverrides: { default: void 0 },
 		orientation: { default: void 0 },
-		width: { default: void 0 },
-		alignment: { default: void 0 },
+		tabItemAlignment: { default: "start" },
 		indexChange: {},
 		onIndexChange: {
 			type: Function,
 			default: void 0
 		},
-		onTabSelect: {
+		onValueChange: {
 			type: Function,
 			default: void 0
-		},
-		tabSelect: {}
+		}
 	},
 	setup(i) {
-		let s = _(), b = i, x = f(""), C = f(!1), w = f(!1), T = f(!1), E = f(null), D = f(void 0), O = f(null);
+		let s = v(), d = i, x = p("tabs-" + s), S = p(s), w = p(0), T = p(!1), E = p(!1), D = p(!1), O = p(null), k = p(null), A = p(null), j = p(null), M = p([]), N = p(null);
 		l(() => {
-			x.value = `tabs-${b.name || s}`, C.value = !0;
-		}), u(() => {
-			D.value?.disconnect(), D.value = void 0;
-		}), v(() => [O.value, C.value], () => {
-			if (O.value && C.value) {
-				M(), N(!0);
-				let e = O.value.querySelector(".db-tab-list");
-				e && new MutationObserver((e) => {
-					e.forEach((e) => {
-						(e.removedNodes.length || e.addedNodes.length) && (M(), N());
+			let e = 0;
+			if (d.initialSelectedIndex !== void 0) {
+				let t = Number(d.initialSelectedIndex);
+				e = isNaN(t) ? 0 : t;
+			} else d.initialSelectedMode === "manually" && (e = -1);
+			if (typeof window < "u" && window.location.hash) {
+				let t = window.location.hash.substring(1), n = `${d.name ? "tabs-" + d.name : F()}-tab-`;
+				if (t.startsWith(n)) {
+					let r = t.replace(n, ""), i = parseInt(r, 10);
+					isNaN(i) || (e = i);
+				}
+			}
+			if (w.value = e, T.value = !0, U(), typeof window < "u" && requestAnimationFrame(() => {
+				K(), q(e);
+			}), N.value) {
+				let e = N.value.querySelector("[role=\"tablist\"]");
+				if (e) {
+					let t = new MutationObserver(() => {
+						let e = A.value;
+						e !== null && cancelAnimationFrame(e), A.value = requestAnimationFrame(() => {
+							A.value = null, K(), q(w.value);
+						});
 					});
-				}).observe(e, {
-					childList: !0,
-					subtree: !0
-				}), C.value = !1;
+					t.observe(e, {
+						childList: !0,
+						subtree: !0
+					}), k.value = t;
+				}
+			}
+		}), u(() => {
+			let e = A.value;
+			e !== null && (cancelAnimationFrame(e), A.value = null);
+			let t = j.value, n = W();
+			t && n && n.removeEventListener("scroll", t.fn), O.value?.disconnect(), O.value = null, k.value?.disconnect(), k.value = null;
+		}), y(() => [d.tabs], () => {
+			U();
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), y(() => [d.activeIndex], () => {
+			if (d.activeIndex !== void 0) {
+				let e = Number(d.activeIndex);
+				!isNaN(e) && e !== w.value && R(e);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function k() {
+		function P() {
+			return d.id || x.value;
+		}
+		function F() {
+			return "tabs-" + (d.name || S.value);
+		}
+		function I(e) {
+			return `${F()}-tab-${e}`;
+		}
+		function L(e) {
+			return `${F()}-tab-panel-${e}`;
+		}
+		function R(e) {
+			if (N.value) {
+				let t = N.value.querySelector("[role=\"tablist\"]");
+				if (t) {
+					let n = Array.from(t.querySelectorAll("[role=\"tab\"]"))[e];
+					if (n?.disabled || n?.getAttribute("aria-disabled") === "true") return;
+				}
+			}
+			if (w.value !== e) {
+				if (w.value = e, d.onIndexChange && d.onIndexChange(e), d.onValueChange) {
+					let t = N.value?.querySelector("[role=\"tablist\"]"), n = (t ? Array.from(t.querySelectorAll("[role=\"tab\"]")) : [])[e]?.dataset?.value;
+					d.onValueChange(n);
+				}
+				q(e);
+			}
+		}
+		function z(e) {
+			if (d.tabs) return;
+			let t = e.target.closest("[role=\"tab\"]");
+			if (!t || !N.value) return;
+			let n = N.value?.querySelector("[role=\"tablist\"]");
+			if (!n) return;
+			let r = Array.from(n.querySelectorAll("[role=\"tab\"]")).indexOf(t);
+			r !== -1 && (e.preventDefault(), R(r));
+		}
+		function B(e) {
+			if (!N.value) return;
+			let t = e.key;
+			if (![
+				"ArrowRight",
+				"ArrowDown",
+				"ArrowLeft",
+				"ArrowUp",
+				"Home",
+				"End",
+				"Enter",
+				" "
+			].includes(t)) return;
+			let n = N.value.querySelector("[role=\"tablist\"]");
+			if (!n) return;
+			let r = Array.from(n.querySelectorAll("[role=\"tab\"]")), i = -1;
+			if (typeof document < "u") {
+				let e = document.activeElement;
+				for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
+				if (e) {
+					let t = e.closest("[role=\"tab\"]");
+					t && (i = r.indexOf(t));
+				}
+			}
+			if (i === -1 && (i = w.value), r.length > 0) {
+				if (t === "Enter" || t === " ") {
+					e.preventDefault(), R(i);
+					return;
+				}
+				let n, a = r.length;
+				if (t === "ArrowRight" || t === "ArrowDown" ? n = (i + 1) % a : t === "ArrowLeft" || t === "ArrowUp" ? n = (i - 1 + a) % a : t === "Home" ? n = 0 : t === "End" && (n = a - 1), n !== void 0) {
+					e.preventDefault();
+					let i = t === "ArrowRight" || t === "ArrowDown", o = a;
+					for (let e = 0; e < o; e++) {
+						let e = r[n];
+						if (!e?.disabled && e?.getAttribute("aria-disabled") !== "true") break;
+						n = i ? (n + 1) % a : (n - 1 + a) % a;
+					}
+					let s = r[n];
+					s && !s.disabled && s.getAttribute("aria-disabled") !== "true" && s.focus();
+				}
+			}
+		}
+		function V(e) {
+			return w.value === Number(e);
+		}
+		function H(e) {
+			let t = Number(e);
+			return w.value === t || w.value === -1 && t === 0 ? 0 : -1;
+		}
+		function U() {
 			try {
-				return typeof b.tabs == "string" ? JSON.parse(b.tabs) : b.tabs;
+				typeof d.tabs == "string" ? M.value = JSON.parse(d.tabs) : d.tabs ? M.value = d.tabs : M.value = [];
 			} catch (e) {
-				console.error(e);
+				console.error(e), M.value = [];
 			}
-			return [];
 		}
-		function A(e) {
-			let t = e.scrollWidth > e.clientWidth;
-			w.value = t && e.scrollLeft > 1, T.value = t && e.scrollLeft < e.scrollWidth - e.clientWidth;
+		function W() {
+			return N.value?.querySelector("[role=\"tablist\"]") ?? null;
 		}
-		function j(e) {
-			let t = Number(b.arrowScrollDistance) || 100;
-			e && (t *= -1), E.value?.scrollBy({
-				top: 0,
-				left: t,
+		function ee() {
+			let e = W();
+			return !!e && typeof getComputedStyle < "u" && getComputedStyle(e).direction === "rtl";
+		}
+		function G(e) {
+			if (!(e.scrollWidth > e.clientWidth)) {
+				E.value = !1, D.value = !1;
+				return;
+			}
+			let t = Math.abs(e.scrollLeft), n = e.scrollWidth - e.clientWidth;
+			E.value = t > 2, D.value = t < n - 2;
+		}
+		function te(e) {
+			let t = W();
+			if (!t) return;
+			let n = Number(d.arrowScrollDistance) || 120;
+			!!e !== ee() && (n *= -1), t.scrollBy({
+				left: n,
 				behavior: "smooth"
 			});
 		}
-		function M() {
-			if (O.value) {
-				let e = O.value.querySelector(".db-tab-list");
+		function K() {
+			if (N.value) {
+				let e = N.value.querySelector("[role=\"tablist\"]");
 				if (e) {
-					let t = e.querySelector("[role=\"tablist\"]");
-					if (t && (t.setAttribute("aria-orientation", b.orientation || "horizontal"), b.behavior === "arrows" && (E.value = t, A(t), t.addEventListener("scroll", () => {
-						A(t);
-					}), !D.value))) {
-						let e = new ResizeObserver(() => {
-							A(t);
-						});
-						e.observe(t), D.value = e;
-					}
-				}
-			}
-		}
-		function N(e) {
-			if (O.value) {
-				let t = Array.from(O.value.getElementsByClassName("db-tab-item")), n = Array.from(O.value.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
-				for (let r of t) {
-					let i = t.indexOf(r), a = r.querySelector("label"), o = r.querySelector("input");
-					if (o && a) {
-						if (!o.id) {
-							let e = `${x.value}-tab-${i}`;
-							a.setAttribute("for", e), o.id = e, o.setAttribute("name", x.value), n.length > i && o.setAttribute("aria-controls", `${x.value}-tab-panel-${i}`);
-						}
-						if (e) {
-							let e = !b.initialSelectedMode || b.initialSelectedMode === "auto", t = b.initialSelectedIndex == null && i === 0 || Number(b.initialSelectedIndex) === i;
-							e && t && o.click();
+					if (e.getAttribute("aria-orientation") || e.setAttribute("aria-orientation", d.orientation ?? "horizontal"), d.behavior === "arrows") {
+						G(e);
+						let t = j.value;
+						t && e && (e.removeEventListener("scroll", t.fn), j.value = null);
+						let n = () => G(e);
+						if (j.value = { fn: n }, e.addEventListener("scroll", n), !O.value) {
+							let t = new ResizeObserver(() => {
+								G(e);
+							});
+							t.observe(e), O.value = t;
 						}
 					}
-				}
-				for (let e of n) {
-					if (e.id) continue;
-					let t = n.indexOf(e);
-					e.id = `${x.value}-tab-panel-${t}`, e.setAttribute("aria-labelledby", `${x.value}-tab-${t}`);
+					d.name && !e.getAttribute("aria-label") && e.setAttribute("aria-label", d.name ?? "");
 				}
 			}
 		}
-		function P(e) {
-			if (e.stopPropagation(), e.target) {
-				let t = e.target.parentElement;
-				if (t && t.parentElement && t.parentElement?.nodeName === "LI") {
-					let n = t.parentElement;
-					if (n) {
-						let t = n.parentElement;
-						if (t) {
-							let r = Array.from(t.children).indexOf(n);
-							b.onIndexChange && b.onIndexChange(r), b.onTabSelect && b.onTabSelect(e);
-						}
-					}
-				}
+		function q(e) {
+			let t = e === void 0 ? w.value : e;
+			if (N.value) {
+				let e = N.value.querySelector("[role=\"tablist\"]"), n = Array.from(N.value?.querySelectorAll("[role=\"tabpanel\"]") ?? []).filter((e) => e.closest(".db-tabs") === N.value);
+				if (!e) return;
+				Array.from(e.querySelectorAll("[role=\"tab\"]")).forEach((e, r) => {
+					let i = t === r, a = n[r], o = e.id || I(r), s = a?.id || L(r);
+					e.id ||= o, e.getAttribute("aria-controls") || e.setAttribute("aria-controls", s), e.dispatchEvent(new CustomEvent("aria-selected-changed", { detail: {
+						selected: i,
+						tabIndex: t === r || t === -1 && r === 0 ? 0 : -1
+					} })), a && (a.id ||= s, !a.getAttribute("aria-label") && !a.getAttribute("aria-labelledby") && a.setAttribute("aria-labelledby", o), a.hidden = !i);
+				});
 			}
 		}
-		return (s, l) => (d(), r("div", {
+		return (s, l) => (f(), r("div", {
 			ref_key: "_ref",
-			ref: O,
-			id: i.id ?? i.propOverrides?.id,
-			class: c(g(S)("db-tabs", b.class)),
+			ref: N,
+			id: i.id ?? i.propOverrides?.id ?? P(),
+			class: c(_(C)("db-tabs", d.class)),
 			"data-orientation": i.orientation,
 			"data-scroll-behavior": i.behavior,
-			"data-alignment": i.alignment ?? "start",
-			"data-width": i.width ?? "auto",
-			onInput: l[0] ||= async (e) => P(e),
-			onChange: l[1] ||= async (e) => P(e)
+			"data-tab-item-alignment": i.tabItemAlignment,
+			"data-tab-item-width": i.tabItemWidth,
+			onClick: l[0] ||= async (e) => z(e),
+			onKeydown: l[1] ||= async (e) => B(e)
 		}, [
-			w.value ? (d(), t(Ie, {
+			E.value ? (f(), t(Ie, {
 				key: 0,
-				class: "tabs-scroll-left",
+				class: "tabs-scroll-start",
 				variant: "ghost",
 				icon: "chevron_left",
 				type: "button",
 				noText: !0,
-				onClick: (e) => j(!0)
+				onClick: (e) => te(!0)
 			}, {
-				default: y(() => [...l[2] ||= [a(" Scroll left ", -1)]]),
+				default: b(() => [a(g(i.scrollStartLabel), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			i.tabs ? (d(), r(e, { key: 1 }, [o(Fr, null, {
-				default: y(() => [(d(!0), r(e, null, p(k(), (e, n) => (d(), t(Mr, {
+			i.tabs ? (f(), r(e, { key: 1 }, [o(Lr, {
+				orientation: i.orientation,
+				ariaLabel: i.name
+			}, {
+				default: b(() => [(f(!0), r(e, null, m(M.value, (e, n) => (f(), t(Fr, {
 					key: i.name + "tab-item" + n,
-					active: e.active,
+					id: I(n),
+					ariaControls: L(n),
+					active: V(n),
+					tabIndex: H(n),
 					label: e.label,
 					iconTrailing: e.iconTrailing,
 					icon: e.icon,
-					noText: e.noText
+					noText: e.noText,
+					onClick: (e) => R(n)
 				}, null, 8, [
+					"id",
+					"ariaControls",
 					"active",
+					"tabIndex",
 					"label",
 					"iconTrailing",
 					"icon",
-					"noText"
+					"noText",
+					"onClick"
 				]))), 128))]),
 				_: 1
-			}), (d(!0), r(e, null, p(k(), (e, n) => (d(), t(Lr, {
+			}, 8, ["orientation", "ariaLabel"]), (f(!0), r(e, null, m(M.value, (e, n) => (f(), t(zr, {
 				key: i.name + "tab-panel" + n,
-				content: e.content
+				id: L(n),
+				ariaLabelledby: I(n),
+				content: e.content,
+				hidden: !V(n)
 			}, {
-				default: y(() => [a(h(e.children), 1)]),
+				default: b(() => [a(g(e.children), 1)]),
 				_: 2
-			}, 1032, ["content"]))), 128))], 64)) : n("", !0),
-			T.value ? (d(), t(Ie, {
-				key: 2,
-				class: "tabs-scroll-right",
+			}, 1032, [
+				"id",
+				"ariaLabelledby",
+				"content",
+				"hidden"
+			]))), 128))], 64)) : n("", !0),
+			i.tabs ? n("", !0) : h(s.$slots, "default", { key: 2 }),
+			D.value ? (f(), t(Ie, {
+				key: 3,
+				class: "tabs-scroll-end",
 				variant: "ghost",
 				icon: "chevron_right",
 				type: "button",
 				noText: !0,
-				onClick: (e) => j()
+				onClick: (e) => te(!1)
 			}, {
-				default: y(() => [...l[3] ||= [a(" Scroll right ", -1)]]),
+				default: b(() => [a(g(i.scrollEndLabel), 1)]),
 				_: 1
-			}, 8, ["onClick"])) : n("", !0),
-			m(s.$slots, "default")
-		], 42, Rr));
+			}, 8, ["onClick"])) : n("", !0)
+		], 42, Br));
 	}
-}), Br = ["scrollbar", "arrows"], Vr = ["auto", "manually"], Hr = ["static", "removable"], Ur = [
+}), Hr = ["scrollbar", "arrows"], Ur = ["auto", "manually"], Wr = ["static", "removable"], Gr = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Wr = ["for"], Gr = [
+], Kr = ["for"], qr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -4333,10 +4525,10 @@ var b = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], Kr = {
+], Jr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, qr = /* @__PURE__ */ s({
+}, Yr = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -4430,39 +4622,39 @@ var b = () => {
 	},
 	emits: ["update:value"],
 	setup(e, { emit: s }) {
-		let p = _(), m = s, b = e, x = f(void 0), C = f(void 0), w = f(void 0), E = f(void 0), O = f(void 0), j = f(void 0), M = f(""), N = f(""), I = f(void 0), L = f(null);
+		let d = 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);
 		l(() => {
-			U(), O.value = b.invalidMessage || "TODO: Add an invalidMessage";
+			W(), D.value = h.invalidMessage || "TODO: Add an invalidMessage";
 		}), u(() => {
-			I.value?.abort();
-		}), v(() => [b.id, b.propOverrides?.id], () => {
-			(b.id ?? b.propOverrides?.id) && U();
+			P.value?.abort();
+		}), y(() => [h.id, h.propOverrides?.id], () => {
+			(h.id ?? h.propOverrides?.id) && W();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [L.value, b.invalidMessage], () => {
-			O.value = b.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [L.value, h.invalidMessage], () => {
+			D.value = h.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [x.value], () => {
+		}), y(() => [x.value], () => {
 			if (x.value) {
-				let e = x.value + K;
-				C.value = e, w.value = x.value + q, E.value = x.value + J, F(b.message, b.showMessage) && (j.value = e), z();
+				let e = x.value + J;
+				S.value = e, w.value = x.value + Y, T.value = x.value + oe, I(h.message, h.showMessage) && (k.value = e), z();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [b.value], () => {
-			M.value = b.value;
+		}), y(() => [h.value], () => {
+			M.value = h.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [L.value], () => {
+		}), y(() => [L.value], () => {
 			if (L.value) {
-				let e = I.value;
-				e || (e = new AbortController(), I.value = e), Ge(L.value, {
-					value: b.value,
+				let e = P.value;
+				e || (e = new AbortController(), P.value = e), Ke(L.value, {
+					value: h.value,
 					defaultValue: void 0
 				}, (e) => {
 					V(e, !0), B(e, !0);
@@ -4473,34 +4665,34 @@ var b = () => {
 			flush: "post"
 		});
 		function R() {
-			return !!(b.validMessage ?? b.validation === "valid");
+			return !!(h.validMessage ?? h.validation === "valid");
 		}
 		function z() {
-			!L.value?.validity.valid || b.validation === "invalid" ? (j.value = E.value, O.value = b.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage", T() && (N.value = O.value, D(() => N.value = "", 1e3))) : R() && L.value?.validity.valid && (b.required || b.minLength || b.maxLength) ? (j.value = w.value, T() && (N.value = b.validMessage ?? "TODO: Add a validMessage", D(() => N.value = "", 1e3))) : F(b.message, b.showMessage) ? j.value = C.value : j.value = void 0;
+			!L.value?.validity.valid || h.validation === "invalid" ? (k.value = T.value, D.value = h.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage", E() && (N.value = D.value, O(() => N.value = "", 1e3))) : R() && L.value?.validity.valid && (h.required || h.minLength || h.maxLength) ? (k.value = w.value, E() && (N.value = h.validMessage ?? "TODO: Add a validMessage", O(() => N.value = "", 1e3))) : I(h.message, h.showMessage) ? k.value = S.value : k.value = void 0;
 		}
 		function B(e, t) {
-			b.input && b.input(e), M.value = e.target.value, b.onInput && b.onInput(e), Q(m, e), z();
+			h.input && h.input(e), M.value = e.target.value, h.onInput && h.onInput(e), Ue(m, e), z();
 		}
 		function V(e, t) {
-			b.onChange && b.onChange(e), Q(m, e), z();
+			h.onChange && h.onChange(e), Ue(m, e), z();
 		}
 		function H(e) {
-			b.onBlur && b.onBlur(e);
+			h.onBlur && h.onBlur(e);
 		}
-		function ee(e) {
-			b.onFocus && b.onFocus(e);
+		function U(e) {
+			h.onFocus && h.onFocus(e);
 		}
-		function U() {
-			let e = b.id ?? b.propOverrides?.id ?? `textarea-${p}`;
-			x.value = e, C.value = e + K, w.value = e + q, E.value = e + J;
+		function W() {
+			let e = h.id ?? h.propOverrides?.id ?? `textarea-${d}`;
+			x.value = e, S.value = e + J, w.value = e + Y, T.value = e + oe;
 		}
-		return (s, l) => (d(), r("div", {
-			class: c(g(S)("db-textarea", b.class)),
+		return (s, l) => (f(), r("div", {
+			class: c(_(C)("db-textarea", h.class)),
 			"data-variant": e.variant,
-			"data-hide-asterisk": g(P)(e.showRequiredAsterisk),
-			"data-hide-label": g(P)(e.showLabel)
+			"data-hide-asterisk": _(F)(e.showRequiredAsterisk),
+			"data-hide-label": _(F)(e.showLabel)
 		}, [
-			i("label", { for: x.value }, h(e.label ?? g("LABEL SHOULD BE SET")), 9, Wr),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, Kr),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -4509,13 +4701,13 @@ var b = () => {
 				ref: L,
 				id: x.value,
 				"data-resize": e.resize,
-				"data-hide-resizer": g(P)(e.showResizer ?? !0),
-				disabled: g(k)(e.disabled, "disabled"),
-				required: g(k)(e.required, "required"),
-				readOnly: g(k)(e.readOnly, "readOnly") || g(k)(e.readonly, "readonly"),
+				"data-hide-resizer": _(F)(e.showResizer ?? !0),
+				disabled: _(A)(e.disabled, "disabled"),
+				required: _(A)(e.required, "required"),
+				readOnly: _(A)(e.readOnly, "readOnly") || _(A)(e.readonly, "readonly"),
 				form: e.form,
-				maxLength: g(A)(e.maxLength, e.maxlength),
-				minLength: g(A)(e.minLength, e.minlength),
+				maxLength: _(j)(e.maxLength, e.maxlength),
+				minLength: _(j)(e.minLength, e.minlength),
 				name: e.name,
 				wrap: e.wrap,
 				spellcheck: e.spellCheck,
@@ -4523,83 +4715,83 @@ var b = () => {
 				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) => ee(e),
+				onFocus: l[3] ||= async (e) => U(e),
 				value: e.value ?? M.value ?? "",
-				"aria-describedby": e.ariaDescribedBy ?? j.value,
-				placeholder: e.placeholder ?? g(" "),
-				rows: g(A)(e.rows, g(4)),
-				cols: g(A)(e.cols)
-			}, h(e.value), 41, Gr),
-			g(F)(e.message, e.showMessage) ? (d(), t($, {
+				"aria-describedby": e.ariaDescribedBy ?? k.value,
+				placeholder: e.placeholder ?? _(" "),
+				rows: _(j)(e.rows, _(4)),
+				cols: _(j)(e.cols)
+			}, g(e.value), 41, qr),
+			_(I)(e.message, e.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
 				icon: e.messageIcon,
-				id: C.value
+				id: S.value
 			}, {
-				default: y(() => [a(h(e.message), 1)]),
+				default: b(() => [a(g(e.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			R() ? (d(), t($, {
+			R() ? (f(), t($, {
 				key: 1,
 				size: "small",
 				semantic: "successful",
 				id: w.value
 			}, {
-				default: y(() => [a(h(e.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(e.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
 				size: "small",
 				semantic: "critical",
-				id: E.value
+				id: T.value
 			}, {
-				default: y(() => [a(h(O.value), 1)]),
+				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Kr, h(N.value), 1)
-		], 10, Ur));
+			i("span", Jr, g(N.value), 1)
+		], 10, Gr));
 	}
-}), Jr = [
+}), Xr = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Yr = [
+], Zr = [
 	"hard",
 	"soft",
 	"off"
-], Xr = ["description", "label"], Zr = [
+], Qr = ["description", "label"], $r = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], Qr = [
+], ei = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], $r = [
+], ti = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], ei = [
+], ni = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], ti = [
+], ri = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], ni = [...ei, ...ti], ri = [
+], ii = [...ni, ...ri], ai = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -4610,25 +4802,25 @@ var b = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], ii = ["horizontal", "vertical"], ai = ["full", "auto"], oi = [
+], oi = ["horizontal", "vertical"], si = ["full", "auto"], ci = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], si = [
+], li = [
 	"none",
 	"slow",
 	"fast"
-], ci = ["auto", "fixed"], li = ["small", "medium"], ui = ["weak", "strong"], di = [
+], ui = ["auto", "fixed"], di = ["small", "medium"], fi = ["weak", "strong"], pi = [
 	"invalid",
 	"valid",
 	"no-validation"
-], fi = ["fixed", "content"], pi = ["above", "floating"], mi = ["leading", "trailing"], hi = /* @__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 = [
+], mi = ["fixed", "content"], hi = ["above", "floating"], gi = ["leading", "trailing"], _i = /* @__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("."), vi = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], _i = [
+], yi = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -4637,6 +4829,10 @@ var b = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], vi = ["start", "center"];
+], bi = [
+	"start",
+	"center",
+	"end"
+];
 //#endregion
-export { W as AccordionBehaviorList, te as AccordionVariantList, vi as AlignmentList, hi as AutoCompleteList, Me as BadgePlacementList, Re as ButtonTypeList, Le as ButtonVariantList, X as COLOR, Z as COLORS, Se as COLORS_SIMPLE, ve as COLOR_CONST, xe as COLOR_SIMPLE, Ve as CardBehaviorList, He as CardElevationLevelList, Kt as CustomSelectDropdownWidthList, Yt as CustomSelectListItemTypeList, U as DBAccordion, H as DBAccordionItem, je as DBBadge, Pe as DBBrand, Ie as DBButton, Be as DBCard, Ze as DBCheckbox, $e as DBCustomButton, Gt as DBCustomSelect, dt as DBCustomSelectDropdown, Jt as DBCustomSelectFormField, vt as DBCustomSelectList, gt as DBCustomSelectListItem, Qt as DBDivider, sn as DBDrawer, Dn as DBHeader, kn as DBIcon, $ as DBInfotext, Tt as DBInput, Nn as DBLink, Rn as DBNavigation, Un as DBNavigationItem, qn as DBNotification, Qn as DBPage, rr as DBPopover, or as DBRadio, cr as DBSection, vr as DBSelect, br as DBStack, kr as DBSwitch, Mr as DBTabItem, Fr as DBTabList, Lr as DBTabPanel, zr as DBTabs, kt as DBTag, qr as DBTextarea, Dt as DBTooltip, Oe as DB_UX_LOCAL_STORAGE_FRAMEWORK, ke as DB_UX_LOCAL_STORAGE_MODE, de as DEFAULT_BACK, pe as DEFAULT_BURGER_MENU, ge as DEFAULT_CLOSE_BUTTON, ce as DEFAULT_DATALIST_ID_SUFFIX, me as DEFAULT_ICON, ne as DEFAULT_ID, Y as DEFAULT_INVALID_MESSAGE, J as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, re as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, ie as DEFAULT_MESSAGE, K as DEFAULT_MESSAGE_ID_SUFFIX, G as DEFAULT_PLACEHOLDER, se as DEFAULT_PLACEHOLDER_ID_SUFFIX, ue as DEFAULT_REMOVE, he as DEFAULT_ROWS, fe as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, le as DEFAULT_VALID_MESSAGE, q as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Te as DEFAULT_VIEWPORT, be as DENSITIES, ye as DENSITY, _e as DENSITY_CONST, Ee as DESKTOP_VIEWPORT, $t as DividerMarginList, en as DividerVariantList, et as DocumentClickListener, tt as DocumentScrollListener, cn as DrawerBackdropList, ln as DrawerDirectionList, dn as DrawerPositionList, un as DrawerVariantList, ui as EmphasisList, fi as FieldSizingList, ri as GapSpacingList, An as IconWeightList, jn as InputTypeList, mi as LabelVariantHorizontalList, pi as LabelVariantList, In as LinkContentList, _i as LinkReferrerPolicyList, Fn as LinkSizeList, gi as LinkTargetList, Pn as LinkVariantList, $r as MarginList, oi as MaxWidthList, pn as NavigationItemSafeTriangle, Xn as NotificationAriaLiveList, Yn as NotificationLinkVariantList, Jn as NotificationVariantList, ii as OrientationList, er as PageDocumentOverflowList, $n as PageVariantList, ei as PlacementHorizontalList, ni as PlacementList, ti as PlacementVerticalList, si as PopoverDelayList, ci as PopoverWidthList, Ce as SEMANTIC, we as SEMANTICS, Xt as SelectedTypeList, Zr as SemanticList, li as SizeList, Qr as SpacingList, Cr as StackAlignmentList, Sr as StackDirectionList, wr as StackJustifyContentList, xr as StackVariantList, De as TESTING_VIEWPORTS, Br as TabsBehaviorList, Vr as TabsInitialSelectedModeList, Hr as TagBehaviorList, Jr as TextareaResizeList, Yr as TextareaWrapList, Xr as TooltipVariantList, di as ValidationList, ai as WidthList, x as addAttributeToChildren, S as cls, D as delay, k as getBoolean, O as getBooleanAsString, at as getFloatingProps, P as getHideProp, M as getInputValue, z as getNotificationRole, A as getNumber, L as getOptionKey, I as getSearchInput, j as getStep, rt as handleDataOutside, it as handleFixedDropdown, lt as handleFixedPopover, T as hasVoiceOver, C as isArrayOfStrings, fn as isEventTargetNavigationItem, E as isIOSSafari, R as isKeyboardEvent, F as stringPropVisible, b as uuid };
+export { te as AccordionBehaviorList, G as AccordionVariantList, _i as AutoCompleteList, Me as BadgePlacementList, Re as ButtonTypeList, Le as ButtonVariantList, Q as COLOR, xe as COLORS, Se as COLORS_SIMPLE, ve as COLOR_CONST, Z as COLOR_SIMPLE, Ve as CardBehaviorList, He as CardElevationLevelList, qt as CustomSelectDropdownWidthList, Xt as CustomSelectListItemTypeList, ee as DBAccordion, U as DBAccordionItem, je as DBBadge, Pe as DBBrand, Ie as DBButton, Be as DBCard, Qe as DBCheckbox, et as DBCustomButton, Kt as DBCustomSelect, ft as DBCustomSelectDropdown, Yt as DBCustomSelectFormField, yt as DBCustomSelectList, _t as DBCustomSelectListItem, $t as DBDivider, cn as DBDrawer, On as DBHeader, An as DBIcon, $ as DBInfotext, Et as DBInput, Pn as DBLink, zn as DBNavigation, Wn as DBNavigationItem, Yn as DBNotification, er as DBPage, ar as DBPopover, cr as DBRadio, ur as DBSection, br as DBSelect, Sr as DBStack, jr as DBSwitch, Fr as DBTabItem, Lr as DBTabList, zr as DBTabPanel, Vr as DBTabs, At as DBTag, Yr as DBTextarea, Ot as DBTooltip, Oe as DB_UX_LOCAL_STORAGE_FRAMEWORK, ke as DB_UX_LOCAL_STORAGE_MODE, de as DEFAULT_BACK, pe as DEFAULT_BURGER_MENU, ge as DEFAULT_CLOSE_BUTTON, ce as DEFAULT_DATALIST_ID_SUFFIX, me as DEFAULT_ICON, K as DEFAULT_ID, le as DEFAULT_INVALID_MESSAGE, oe as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, q as DEFAULT_LABEL, ie as DEFAULT_LABEL_ID_SUFFIX, re as DEFAULT_MESSAGE, J as DEFAULT_MESSAGE_ID_SUFFIX, ne as DEFAULT_PLACEHOLDER, se as DEFAULT_PLACEHOLDER_ID_SUFFIX, ue as DEFAULT_REMOVE, he as DEFAULT_ROWS, fe as DEFAULT_SELECTED, ae as DEFAULT_SELECT_ID_SUFFIX, X as DEFAULT_VALID_MESSAGE, Y as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Te as DEFAULT_VIEWPORT, be as DENSITIES, ye as DENSITY, _e as DENSITY_CONST, Ee as DESKTOP_VIEWPORT, en as DividerMarginList, tn as DividerVariantList, tt as DocumentClickListener, nt as DocumentScrollListener, ln as DrawerBackdropList, un as DrawerDirectionList, fn as DrawerPositionList, dn as DrawerVariantList, fi as EmphasisList, mi as FieldSizingList, ai as GapSpacingList, jn as IconWeightList, Mn as InputTypeList, gi as LabelVariantHorizontalList, hi as LabelVariantList, Ln as LinkContentList, yi as LinkReferrerPolicyList, In as LinkSizeList, vi as LinkTargetList, Fn as LinkVariantList, ti as MarginList, ci as MaxWidthList, mn as NavigationItemSafeTriangle, Qn as NotificationAriaLiveList, Zn as NotificationLinkVariantList, Xn as NotificationVariantList, oi as OrientationList, nr as PageDocumentOverflowList, tr as PageVariantList, ni as PlacementHorizontalList, ii as PlacementList, ri as PlacementVerticalList, li as PopoverDelayList, ui as PopoverWidthList, Ce as SEMANTIC, we as SEMANTICS, Zt as SelectedTypeList, $r as SemanticList, di as SizeList, ei as SpacingList, Tr as StackAlignmentList, wr as StackDirectionList, Er as StackJustifyContentList, Cr as StackVariantList, De as TESTING_VIEWPORTS, bi as TabItemAlignmentList, Hr as TabsBehaviorList, Ur as TabsInitialSelectedModeList, Wr as TagBehaviorList, Xr as TextareaResizeList, Zr as TextareaWrapList, Qr as TooltipVariantList, pi as ValidationList, si 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, pn as isEventTargetNavigationItem, D as isIOSSafari, z as isKeyboardEvent, I as stringPropVisible, x as uuid };