@db-ux/v-core-components 4.13.1-angular-signal-forms13-577b861 → 4.14.0

package/dist/db-ux.es.js

@@ -208,24 +208,24 @@ var x = () => {
 			"text"
 		]))), 128)) : n("", !0)], 10, te));
 	}
-}), ne = ["divider", "card"], re = ["multiple", "single"], G = "OVERWRITE_DEFAULT_ID", ie = "LABEL SHOULD BE SET", ae = " ", K = "MESSAGE SHOULD BE SET", oe = "-label", se = "-select", q = "-message", J = "-valid-message", ce = "-invalid-message", le = "-placeholder", Y = "-datalist", ue = "TODO: Add a validMessage", de = "TODO: Add an invalidMessage", fe = "Remove", pe = "Back", me = "Selected", he = "BurgerMenu", ge = "brand", _e = 4, ve = "Close", ye = "density", be = "color", xe = /* @__PURE__ */ function(e) {
+}), ne = ["divider", "card"], re = ["multiple", "single"], G = "OVERWRITE_DEFAULT_ID", ie = "LABEL SHOULD BE SET", ae = " ", K = "MESSAGE SHOULD BE SET", oe = "-label", se = "-select", q = "-message", J = "-valid-message", ce = "-invalid-message", le = "-placeholder", Y = "-datalist", ue = "TODO: Add a validMessage", de = "TODO: Add an invalidMessage", fe = "Remove", pe = "Back", me = "Selected", he = "Scroll left", ge = "Scroll right", _e = "Open navigation menu", ve = "brand", ye = 4, be = "Close", xe = "density", Se = "color", X = /* @__PURE__ */ function(e) {
 	return e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e;
-}({}), X = Object.entries(xe).map(([, e]) => e), Z = /* @__PURE__ */ function(e) {
+}({}), Z = Object.entries(X).map(([, e]) => e), Ce = /* @__PURE__ */ function(e) {
 	return e.PRIMARY = "primary", e;
-}({}), Se = /* @__PURE__ */ function(e) {
+}({}), we = /* @__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;
-}({}), Ce = Object.entries(Se).map(([, e]) => e), we = Object.entries(Z).map(([, e]) => e), Te = /* @__PURE__ */ function(e) {
+}({}), Te = Object.entries(we).map(([, e]) => e), Ee = Object.entries(Ce).map(([, e]) => e), De = /* @__PURE__ */ function(e) {
 	return e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e;
-}({}), Ee = Object.entries(Te).map(([, e]) => e), De = {
+}({}), Oe = Object.entries(De).map(([, e]) => e), ke = {
 	width: 390,
 	height: 884
-}, Oe = {
+}, Ae = {
 	width: 1920,
 	height: 1280
-}, ke = [
+}, je = [
 	{
 		name: "desktop",
-		...Oe
+		...Ae
 	},
 	{
 		name: "tablet",
@@ -234,9 +234,9 @@ var x = () => {
 	},
 	{
 		name: "mobile",
-		...De
+		...ke
 	}
-], Ae = "db-ux-framework", je = "db-ux-mode", Me = [
+], Me = "db-ux-framework", Ne = "db-ux-mode", Pe = [
 	"id",
 	"data-semantic",
 	"data-size",
@@ -244,7 +244,7 @@ var x = () => {
 	"data-placement",
 	"data-wrap",
 	"data-label"
-], Ne = /* @__PURE__ */ s({
+], Fe = /* @__PURE__ */ s({
 	name: "DBBadge",
 	__name: "badge",
 	props: {
@@ -288,9 +288,9 @@ var x = () => {
 			"data-placement": t.placement,
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			"data-label": t.placement?.startsWith("corner") && (t.label ?? _("LABEL SHOULD BE SET"))
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(o.$slots, "default")], 10, Me));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(o.$slots, "default")], 10, Pe));
 	}
-}), Pe = [
+}), Ie = [
 	"inline",
 	"corner-top-left",
 	"corner-top-right",
@@ -298,11 +298,11 @@ var x = () => {
 	"corner-center-right",
 	"corner-bottom-left",
 	"corner-bottom-right"
-], Fe = [
+], Le = [
 	"data-icon",
 	"data-show-icon",
 	"id"
-], Ie = /* @__PURE__ */ s({
+], Re = /* @__PURE__ */ s({
 	name: "DBBrand",
 	__name: "brand",
 	props: {
@@ -332,9 +332,9 @@ var x = () => {
 			"data-show-icon": _(k)(t.showIcon, "showIcon"),
 			id: t.id ?? t.propOverrides?.id,
 			class: c(_(C)("db-brand", i.class))
-		}, [h(s.$slots, "default"), t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0)], 10, Fe));
+		}, [h(s.$slots, "default"), t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0)], 10, Le));
 	}
-}), Le = [
+}), ze = [
 	"id",
 	"type",
 	"disabled",
@@ -352,7 +352,7 @@ var x = () => {
 	"value",
 	"command",
 	"commandfor"
-], Re = /* @__PURE__ */ s({
+], Be = /* @__PURE__ */ s({
 	name: "DBButton",
 	__name: "button",
 	props: {
@@ -435,23 +435,23 @@ var x = () => {
 			command: t.command,
 			commandfor: t.commandfor,
 			onClick: d[0] ||= async (e) => l(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")], 10, Le));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")], 10, ze));
 	}
-}), ze = [
+}), Ve = [
 	"outlined",
 	"brand",
 	"filled",
 	"ghost"
-], Be = [
+], He = [
 	"button",
 	"reset",
 	"submit"
-], Ve = [
+], Ue = [
 	"id",
 	"data-behavior",
 	"data-elevation-level",
 	"data-spacing"
-], He = /* @__PURE__ */ s({
+], We = /* @__PURE__ */ s({
 	name: "DBCard",
 	__name: "card",
 	props: {
@@ -484,20 +484,20 @@ var x = () => {
 			"data-elevation-level": e.elevationLevel,
 			"data-spacing": e.spacing,
 			onClick: o[0] ||= async (e) => i(e)
-		}, [h(a.$slots, "default")], 10, Ve));
+		}, [h(a.$slots, "default")], 10, Ue));
 	}
-}), Ue = ["static", "interactive"], We = [
+}), Ge = ["static", "interactive"], Ke = [
 	"1",
 	"2",
 	"3"
 ], Q = (e, t, n = "value") => {
 	e(`update:${n}`, t.target[n]);
-}, Ge = (e, t, n) => {
+}, qe = (e, t, n) => {
 	e.form && !e._dbFormResetListenerAdded && (e.form.addEventListener("reset", (e) => {
 		t(e);
 	}, { signal: n }), e._dbFormResetListenerAdded = !0);
-}, Ke = (e, t, n, r) => {
-	Ge(e, (r) => {
+}, Je = (e, t, n, r) => {
+	qe(e, (r) => {
 		O(() => {
 			let i = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked;
 			n({
@@ -509,8 +509,8 @@ var x = () => {
 			});
 		}, 1);
 	}, r);
-}, qe = (e, t, n, r) => {
-	Ge(e, (r) => {
+}, Ye = (e, t, n, r) => {
+	qe(e, (r) => {
 		O(() => {
 			let i = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value;
 			n({
@@ -522,7 +522,7 @@ var x = () => {
 			});
 		}, 1);
 	}, r);
-}, Je = [
+}, Xe = [
 	"id",
 	"data-icon",
 	"data-semantic",
@@ -564,13 +564,13 @@ var x = () => {
 			"data-size": t.size,
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			"data-show-icon-leading": _(k)(t.showIcon ?? !0, "showIcon")
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Je));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Xe));
 	}
-}), Ye = [
+}), Ze = [
 	"data-size",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Xe = ["for"], Ze = [
+], Qe = ["for"], $e = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -580,10 +580,10 @@ var x = () => {
 	"value",
 	"required",
 	"aria-describedby"
-], Qe = {
+], et = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, $e = /* @__PURE__ */ s({
+}, tt = /* @__PURE__ */ s({
 	name: "DBCheckbox",
 	__name: "checkbox",
 	props: {
@@ -615,12 +615,12 @@ var x = () => {
 		ariaDescribedBy: { default: void 0 },
 		form: {},
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -697,7 +697,7 @@ var x = () => {
 		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), Ke(R.value, {
+				e || (e = new AbortController(), L.value = e), Je(R.value, {
 					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
@@ -750,10 +750,10 @@ var x = () => {
 					onBlur: u[1] ||= async (e) => H(e),
 					onFocus: u[2] ||= async (e) => ee(e),
 					"aria-describedby": s.ariaDescribedBy ?? N.value
-				}, null, 40, Ze),
+				}, null, 40, $e),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, Xe),
+			], 8, Qe),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -780,10 +780,10 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Qe, g(P.value), 1)
-		], 10, Ye));
+			i("span", et, g(P.value), 1)
+		], 10, Ze));
 	}
-}), et = [
+}), nt = [
 	"id",
 	"data-icon",
 	"data-show-icon",
@@ -793,7 +793,7 @@ var x = () => {
 	"data-width",
 	"data-variant",
 	"data-no-text"
-], tt = /* @__PURE__ */ s({
+], rt = /* @__PURE__ */ s({
 	name: "DBCustomButton",
 	__name: "custom-button",
 	props: {
@@ -842,26 +842,31 @@ var x = () => {
 			"data-width": e.width,
 			"data-variant": e.variant,
 			"data-no-text": _(k)(e.noText, "noText")
-		}, [h(i.$slots, "default")], 10, et));
+		}, [h(i.$slots, "default")], 10, nt));
+	}
+}), it = class {
+	addCallback(e) {
+		let t = x(), n = this.getCallbacks();
+		return n[t] = e, t;
+	}
+	removeCallback(e) {
+		let t = this.getCallbacks();
+		delete t[e];
 	}
-}), nt = class e {
+}, at = class e extends it {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
 		for (let n of Object.values(e.callbacks)) typeof n == "function" && n(t);
 	}
 	constructor() {
-		if (e._instance) return e._instance;
+		if (super(), e._instance) return e._instance;
 		e._instance = this, self.document && self.document.addEventListener("click", (t) => e.runCallbacks(t));
 	}
-	addCallback(t) {
-		let n = x();
-		return e.callbacks[n] = t, n;
+	getCallbacks() {
+		return e.callbacks;
 	}
-	removeCallback(t) {
-		delete e.callbacks[t];
-	}
-}, rt = class e {
+}, ot = class e extends it {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -869,49 +874,33 @@ var x = () => {
 	}
 	ticking = !1;
 	constructor() {
-		if (e._instance) return e._instance;
+		if (super(), e._instance) return e._instance;
 		e._instance = this, self.document && self.document.addEventListener("scroll", (t) => {
 			this.ticking ||= (window.requestAnimationFrame(() => {
 				e.runCallbacks(t), this.ticking = !1;
 			}), !0);
 		}, !0);
 	}
-	addCallback(t) {
-		let n = x();
-		return e.callbacks[n] = t, n;
-	}
-	removeCallback(t) {
-		delete e.callbacks[t];
+	getCallbacks() {
+		return e.callbacks;
 	}
-}, it = (e) => {
-	let { top: t, bottom: n, left: r, right: i } = e.getBoundingClientRect(), { innerHeight: a, innerWidth: o } = window, s = t < 0, c = n > a, l = r < 0, u = i > o, d = e.dataset.outsideVy, f = e.dataset.outsideVx, p = e?.parentElement?.getBoundingClientRect();
-	return p && (d && (e.dataset.outsideVy === "top" ? s = p.top - (n - p.bottom) < 0 : c = p.bottom + (p.top - t) > a), f && (e.dataset.outsideVx === "left" ? l = p.left - (i - p.right) < 0 : u = p.right + (p.left - r) > o)), {
-		outTop: s,
-		outBottom: c,
-		outLeft: l,
-		outRight: u
-	};
-}, at = (e) => {
-	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = it(e), a = {};
-	return t || n ? (a = { vy: t ? "top" : "bottom" }, e.dataset.outsideVy = a.vy) : delete e.dataset.outsideVy, r || i ? (a = {
-		...a,
-		vx: i ? "right" : "left"
-	}, e.dataset.outsideVx = a.vx) : delete e.dataset.outsideVx, a;
-}, ot = (e, t, n) => {
+}, st = (e, t, n) => {
 	if (!e || !t) return;
 	let r = e.dataset.width === "full", i = e.dataset.width === "auto";
-	if (e.style.inlineSize = "", e.style.minInlineSize = "", getComputedStyle(e).zIndex === "9999") return;
-	let { top: a, bottom: o, childHeight: s, childWidth: c, width: l, right: u, left: d, correctedPlacement: f, innerWidth: p } = st(e, t, n), m = l;
+	e.style.inlineSize = "", e.style.minInlineSize = "";
+	let a = getComputedStyle(e);
+	if (a.zIndex === "9999" || a.position !== "fixed" && a.position !== "absolute") return;
+	let { top: o, bottom: s, childHeight: c, childWidth: l, width: u, right: d, left: f, correctedPlacement: p, innerWidth: m } = ct(e, t, n), h = u;
 	if (i) {
 		let t = parseFloat(getComputedStyle(e).maxInlineSize);
-		!isNaN(t) && t > 0 && (m = Math.min(l, t));
+		!isNaN(t) && t > 0 && (h = Math.min(u, t));
 	}
-	r ? e.style.inlineSize = `${l}px` : i && (e.style.minInlineSize = `${m}px`);
-	let h = c;
-	i ? h = Math.max(c, m) : r && (h = l);
-	let g = f;
-	i && (g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start") && d + h > p && (g = g.startsWith("top") ? "top-end" : "bottom-end"), g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start" ? e.style.insetInlineStart = `${d}px` : (g === "top-end" || g === "bottom-end") && (e.style.insetInlineStart = `${Math.max(u - h, 0)}px`), g?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : g?.startsWith("bottom") && (e.style.insetBlockStart = `${o}px`), e.style.position = "fixed";
-}, st = (e, t, n) => {
+	r ? e.style.inlineSize = `${u}px` : i && (e.style.minInlineSize = `${h}px`);
+	let g = l;
+	i ? g = Math.max(l, h) : r && (g = u);
+	let _ = p;
+	i && (_ === "top" || _ === "bottom" || _ === "top-start" || _ === "bottom-start") && f + g > m && (_ = _.startsWith("top") ? "top-end" : "bottom-end"), _ === "top" || _ === "bottom" || _ === "top-start" || _ === "bottom-start" ? e.style.insetInlineStart = `${f}px` : (_ === "top-end" || _ === "bottom-end") && (e.style.insetInlineStart = `${Math.max(d - g, 0)}px`), _?.startsWith("top") ? e.style.insetBlockStart = `${o - c}px` : _?.startsWith("bottom") && (e.style.insetBlockStart = `${s}px`), e.style.position = "fixed";
+}, ct = (e, t, n) => {
 	if (!e || !t) return {
 		top: 0,
 		bottom: 0,
@@ -926,9 +915,9 @@ var x = () => {
 		innerHeight: window.innerHeight
 	};
 	let r = e.getBoundingClientRect(), { top: i, height: a, bottom: o, right: s, left: c, width: l } = t.getBoundingClientRect(), { innerHeight: u, innerWidth: d } = window, f = r.height, p = r.width;
-	(n === "bottom" || n === "top") && (p /= 2), (n === "left" || n === "right") && (f /= 2);
-	let m = o + f > u, h = i - f < 0, g = c - p < 0, _ = s + p > d, v = n;
-	return n.startsWith("bottom") ? m ? (v = n?.replace("bottom", "top"), g && _ ? v = "top" : g ? v = "top-start" : _ && (v = "top-end")) : g && _ ? v = "bottom" : g ? v = "bottom-start" : _ && (v = "bottom-end") : n.startsWith("top") ? h ? (v = n?.replace("top", "bottom"), g && _ ? v = "bottom" : g ? v = "bottom-start" : _ && (v = "bottom-end")) : g && _ ? v = "top" : g ? v = "top-start" : _ && (v = "top-end") : n.startsWith("left") ? g ? (v = n?.replace("left", "right"), m && h ? v = "right" : m ? v = "right-end" : h && (v = "right-start")) : m && h ? v = "left" : m ? v = "left-end" : h && (v = "left-start") : v.startsWith("right") && (_ ? (v = n?.replace("right", "left"), m && h ? v = "left" : m ? v = "left-end" : h && (v = "left-start")) : m && h ? v = "right" : m ? v = "right-end" : h && (v = "right-start")), {
+	(n === "bottom" || n === "top") && (p = l > p ? 0 : p / 2), (n === "left" || n === "right") && (f = a > f ? 0 : f / 2);
+	let m = Math.floor(o + f) > u, h = Math.ceil(i - f) < 0, g = Math.ceil(c - p) < 0, _ = Math.floor(s + p) > d, v = n;
+	return n.startsWith("bottom") ? m ? h ? g ? v = "bottom-start" : _ && (v = "bottom-end") : (v = n?.replace("bottom", "top"), g && _ ? v = "top" : g ? v = "top-start" : _ && (v = "top-end")) : g && _ ? v = "bottom" : g ? v = "bottom-start" : _ && (v = "bottom-end") : n.startsWith("top") ? h ? m ? g ? v = "top-start" : _ && (v = "top-end") : (v = n?.replace("top", "bottom"), g && _ ? v = "bottom" : g ? v = "bottom-start" : _ && (v = "bottom-end")) : g && _ ? v = "top" : g ? v = "top-start" : _ && (v = "top-end") : n.startsWith("left") ? g ? _ || (v = n?.replace("left", "right"), m && h ? v = "right" : m ? v = "right-end" : h && (v = "right-start")) : m && h ? v = "left" : m ? v = "left-end" : h && (v = "left-start") : v.startsWith("right") && (_ ? g || (v = n?.replace("right", "left"), m && h ? v = "left" : m ? v = "left-end" : h && (v = "left-start")) : m && h ? v = "right" : m ? v = "right-end" : h && (v = "right-start")), {
 		top: i,
 		bottom: o,
 		right: s,
@@ -939,65 +928,155 @@ var x = () => {
 		childWidth: r.width,
 		correctedPlacement: v,
 		innerWidth: d,
-		innerHeight: u
+		innerHeight: u,
+		outsideYBoth: h && m
 	};
-}, ct = 10, lt = /* @__PURE__ */ new WeakMap(), ut = (e) => {
-	if (lt.has(e)) return lt.get(e);
+}, lt = 10, ut = /* @__PURE__ */ new WeakMap(), dt = (e) => {
+	if (ut.has(e)) return ut.get(e);
 	let t = e.parentElement, n = 0;
-	for (; t && n < ct;) {
-		if (t.dataset.correctedPlacement) return lt.set(e, t), t;
+	for (; t && n < lt;) {
+		if (t.dataset.correctedPlacement) return ut.set(e, t), t;
 		t = t.parentElement, n += 1;
 	}
-	return lt.set(e, null), null;
-}, dt = (e, t, n) => {
+	return ut.set(e, null), null;
+}, ft = (e, t, n) => {
 	if (!e || !t) return;
-	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = ut(e), o = !a && !i, s = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px", { top: c, height: l, width: u, childHeight: d, childWidth: f, right: p, left: m, bottom: h, correctedPlacement: g, innerWidth: _, innerHeight: v } = st(e, t, n);
+	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = dt(e), o = !a && !i, s = getComputedStyle(e);
+	if (s.position !== "fixed" && s.position !== "absolute") return;
+	let c = s.getPropertyValue("--db-popover-distance");
+	c.length || (c = "0px");
+	let { top: l, height: u, width: d, childHeight: f, childWidth: p, right: m, left: h, bottom: g, correctedPlacement: _, innerWidth: v, innerHeight: y, outsideYBoth: b } = ct(e, t, e?.dataset?.placement ?? n ?? "bottom");
 	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;
+		h = Math.abs(h - e.left), m = (d + Math.abs(m - e.right)) * 1.5, l = Math.abs(l - e.top), g = (u + Math.abs(g - e.bottom)) * 1.5;
 	}
-	if (i && (m = 0, p = u, c = 0, h = l, [
+	if (i && (h = 0, m = d, l = 0, g = u, [
 		"auto",
 		"inherit",
 		"0"
-	].includes(r.zIndex) && (t.style.zIndex = "1")), f > u && (g.startsWith("bottom") || g.startsWith("top"))) {
+	].includes(r.zIndex) && (t.style.zIndex = "1")), p > d && (_.startsWith("bottom") || _.startsWith("top"))) {
+		let t = d / 2 / p * 100;
+		_.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${t}%`) : _.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - t}%`) : e.style.setProperty("--db-tooltip-arrow-inline-start", "50%");
+	}
+	if (f > u && (_.startsWith("left") || _.startsWith("bottom"))) {
 		let t = u / 2 / f * 100;
-		g.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${t}%`) : g.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - t}%`) : e.style.setProperty("--db-tooltip-arrow-inline-start", "50%");
+		_.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${t}%`) : _.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - t}%`) : e.style.setProperty("--db-tooltip-arrow-block-start", "50%");
+	}
+	if (e.style.insetBlock = "", e.style.insetInline = "", _ === "right" || _ === "left") e.style.insetBlockStart = `${l + u / 2}px`;
+	else if (_ === "right-start" || _ === "left-start") {
+		let t = l + f;
+		e.style.insetBlockStart = `${l}px`, e.style.insetBlockEnd = `${!i && t > y ? y : t}px`;
+	} else if (_ === "right-end" || _ === "left-end") {
+		let t = g - f;
+		e.style.insetBlockStart = `${!i && t < 0 ? 0 : t}px`, e.style.insetBlockEnd = `${g}px`;
+	} else if (_ === "top" || _ === "bottom") e.style.insetInlineStart = `${h + d / 2}px`;
+	else if (_ === "top-start" || _ === "bottom-start") {
+		let t = h + p;
+		e.style.insetInlineStart = `${h}px`, e.style.insetInlineEnd = `${!i && t > v ? v : t}px`;
+	} else if (_ === "top-end" || _ === "bottom-end") {
+		let t = m - p;
+		e.style.insetInlineStart = `${!i && t < 0 ? 0 : t}px`, e.style.insetInlineEnd = `${m}px`;
+	}
+	if (_?.startsWith("right")) {
+		let t = m + p;
+		e.style.insetInlineStart = `calc(${m}px + ${c})`, e.style.insetInlineEnd = `calc(${o && t > v ? v : t}px + ${c})`;
+	} else if (_?.startsWith("left")) {
+		let t = h - p;
+		e.style.insetInlineStart = `calc(${o && t < 0 ? 0 : t}px - ${c})`, e.style.insetInlineEnd = `calc(${m}px - ${c})`;
+	} else if (_?.startsWith("top")) {
+		let t = l - f;
+		e.style.insetBlockStart = `calc(${o && t < 0 ? 0 : t}px - ${c})`, e.style.insetBlockEnd = `calc(${i ? t : g}px - ${c})`;
+	} else if (_?.startsWith("bottom")) {
+		let t = g + f;
+		e.style.insetBlockStart = `calc(${i ? t : g}px + ${c})`, e.style.insetBlockEnd = `calc(${o && t > y ? y : t}px + ${c})`;
+	}
+	b ? (e.style.overflow = "hidden auto", e.style.insetBlock = c, e.style.maxBlockSize = `calc(${y}px - 2 * ${c})`) : (e.style.overflow = "", e.style.maxBlockSize = ""), e.style.position = "fixed", e.dataset.correctedPlacement = _, pt(e);
+}, pt = (e) => {
+	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = mt(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;
+}, mt = (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,
+		outBottom: c,
+		outLeft: l,
+		outRight: u
+	};
+}, ht = class {
+	observe(e, t) {
+		let n = this.getObserver();
+		if (!n) return;
+		let r = x(), i = this.getCallbacksByElement(), a = this.getIdToElement(), o = i.get(e);
+		return o || (o = /* @__PURE__ */ new Map(), i.set(e, o), this.observeElement(n, e)), o.set(r, t), a.set(r, e), r;
 	}
-	if (d > l && (g.startsWith("left") || g.startsWith("bottom"))) {
-		let t = l / 2 / d * 100;
-		g.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${t}%`) : g.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - t}%`) : e.style.setProperty("--db-tooltip-arrow-block-start", "50%");
+	unobserve(e) {
+		let t = this.getCallbacksByElement(), n = this.getIdToElement(), r = this.getObserver(), i = n.get(e);
+		if (!i || !r) return;
+		let a = t.get(i);
+		a && (a.delete(e), a.size === 0 && (t.delete(i), this.unobserveElement(r, i))), n.delete(e);
 	}
-	if (g === "right" || g === "left") e.style.insetBlockStart = `${c + l / 2}px`;
-	else if (g === "right-start" || g === "left-start") {
-		let t = c + d;
-		e.style.insetBlockStart = `${c}px`, e.style.insetBlockEnd = `${!i && t > v ? v : t}px`;
-	} else if (g === "right-end" || g === "left-end") {
-		let t = h - d;
-		e.style.insetBlockStart = `${!i && t < 0 ? 0 : t}px`, e.style.insetBlockEnd = `${h}px`;
-	} else if (g === "top" || g === "bottom") e.style.insetInlineStart = `${m + u / 2}px`;
-	else if (g === "top-start" || g === "bottom-start") {
-		let t = m + f;
-		e.style.insetInlineStart = `${m}px`, e.style.insetInlineEnd = `${!i && t > _ ? _ : t}px`;
-	} else if (g === "top-end" || g === "bottom-end") {
-		let t = p - f;
-		e.style.insetInlineStart = `${!i && t < 0 ? 0 : t}px`, e.style.insetInlineEnd = `${p}px`;
+	dispatchEntry(e, t) {
+		let n = this.getCallbacksByElement().get(e);
+		n && n.forEach((e) => {
+			e(t);
+		});
+	}
+}, gt = class e extends ht {
+	static _instance = null;
+	static callbacksByElement = /* @__PURE__ */ new Map();
+	static idToElement = /* @__PURE__ */ new Map();
+	static observer = null;
+	constructor() {
+		if (super(), e._instance) return e._instance;
+		e._instance = this, typeof window < "u" && "IntersectionObserver" in window && (e.observer = new IntersectionObserver((e) => {
+			for (let t of e) this.dispatchEntry(t.target, t);
+		}));
+	}
+	getCallbacksByElement() {
+		return e.callbacksByElement;
+	}
+	getIdToElement() {
+		return e.idToElement;
+	}
+	getObserver() {
+		return e.observer;
+	}
+	observeElement(e, t) {
+		e.observe(t);
+	}
+	unobserveElement(e, t) {
+		e.unobserve(t);
+	}
+}, _t = class e extends ht {
+	static _instance = null;
+	static callbacksByElement = /* @__PURE__ */ new Map();
+	static idToElement = /* @__PURE__ */ new Map();
+	static observer = null;
+	constructor() {
+		if (super(), e._instance) return e._instance;
+		e._instance = this, typeof window < "u" && "ResizeObserver" in window && (e.observer = new ResizeObserver((e) => {
+			for (let t of e) this.dispatchEntry(t.target, t);
+		}));
+	}
+	getCallbacksByElement() {
+		return e.callbacksByElement;
+	}
+	getIdToElement() {
+		return e.idToElement;
+	}
+	getObserver() {
+		return e.observer;
 	}
-	if (g?.startsWith("right")) {
-		let t = p + f;
-		e.style.insetInlineStart = `calc(${p}px + ${s})`, e.style.insetInlineEnd = `calc(${o && t > _ ? _ : t}px + ${s})`;
-	} else if (g?.startsWith("left")) {
-		let t = m - f;
-		e.style.insetInlineStart = `calc(${o && t < 0 ? 0 : t}px - ${s})`, e.style.insetInlineEnd = `calc(${p}px - ${s})`;
-	} else if (g?.startsWith("top")) {
-		let t = c - d;
-		e.style.insetBlockStart = `calc(${o && t < 0 ? 0 : t}px - ${s})`, e.style.insetBlockEnd = `calc(${i ? t : h}px - ${s})`;
-	} else if (g?.startsWith("bottom")) {
-		let t = h + d;
-		e.style.insetBlockStart = `calc(${i ? t : h}px + ${s})`, e.style.insetBlockEnd = `calc(${o && t > v ? v : t}px + ${s})`;
+	observeElement(e, t) {
+		e.observe(t);
 	}
-	e.style.position = "fixed", e.dataset.correctedPlacement = g;
-}, ft = ["id", "data-width"], pt = /* @__PURE__ */ s({
+	unobserveElement(e, t) {
+		e.unobserve(t);
+	}
+}, vt = ["id", "data-width"], yt = /* @__PURE__ */ s({
 	name: "DBCustomSelectDropdown",
 	__name: "custom-select-dropdown",
 	props: {
@@ -1018,20 +1097,20 @@ var x = () => {
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-dropdown db-card", t.class)),
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, ft));
+		}, [h(i.$slots, "default")], 10, vt));
 	}
-}), mt = ["id", "data-divider"], ht = [
+}), bt = ["id", "data-divider"], xt = [
 	"data-icon",
 	"data-show-icon",
 	"data-icon-trailing"
-], gt = [
+], St = [
 	"type",
 	"name",
 	"form",
 	"checked",
 	"disabled",
 	"value"
-], _t = { class: "db-custom-select-list-item-label" }, vt = { key: 1 }, yt = /* @__PURE__ */ s({
+], Ct = { class: "db-custom-select-list-item-label" }, wt = { key: 1 }, Tt = /* @__PURE__ */ s({
 	name: "DBCustomSelectListItem",
 	__name: "custom-select-list-item",
 	props: {
@@ -1043,12 +1122,12 @@ var x = () => {
 		id: { default: void 0 },
 		autofocus: { type: [Boolean, String] },
 		propOverrides: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		value: { default: void 0 },
 		checked: {
 			type: [Boolean, String],
@@ -1097,7 +1176,7 @@ var x = () => {
 				"db-radio": t.type !== "checkbox" && !t.isGroupTitle
 			})),
 			"data-divider": _(k)(u.value, "hasDivider")
-		}, [t.isGroupTitle ? (f(), r("span", vt, g(t.groupTitle), 1)) : (f(), r("label", {
+		}, [t.isGroupTitle ? (f(), r("span", wt, g(t.groupTitle), 1)) : (f(), r("label", {
 			key: 0,
 			"data-icon": t.type !== "checkbox" && t.icon ? t.icon : void 0,
 			"data-show-icon": _(k)(t.showIcon, "showIcon"),
@@ -1112,13 +1191,13 @@ var x = () => {
 			disabled: _(A)(t.disabled, "disabled"),
 			value: t.value,
 			onChange: s[0] ||= async (e) => m(e)
-		}, null, 40, gt), i("span", _t, [t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0), h(o.$slots, "default")])], 8, ht))], 10, mt));
+		}, null, 40, St), i("span", Ct, [t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0), h(o.$slots, "default")])], 8, xt))], 10, bt));
 	}
-}), bt = [
+}), Et = [
 	"role",
 	"aria-label",
 	"id"
-], xt = /* @__PURE__ */ s({
+], Dt = /* @__PURE__ */ s({
 	name: "DBCustomSelectList",
 	__name: "custom-select-list",
 	props: {
@@ -1143,9 +1222,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-list", t.class))
-		}, [i("ul", null, [h(a.$slots, "default")])], 10, bt));
+		}, [i("ul", null, [h(a.$slots, "default")])], 10, Et));
 	}
-}), St = [
+}), Ot = [
 	"data-variant",
 	"data-hide-label",
 	"data-show-icon",
@@ -1153,10 +1232,10 @@ var x = () => {
 	"data-icon-trailing",
 	"data-hide-asterisk",
 	"data-show-icon-trailing"
-], Ct = ["for"], wt = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), Tt = ["id"], Et = ["value"], Dt = {
+], kt = ["for"], At = /* @__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("."), jt = ["id"], Mt = ["value"], Nt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ot = /* @__PURE__ */ s({
+}, Pt = /* @__PURE__ */ s({
 	name: "DBInput",
 	__name: "input",
 	props: {
@@ -1225,12 +1304,12 @@ var x = () => {
 		ariaDescribedBy: { default: void 0 },
 		form: { default: void 0 },
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -1305,7 +1384,7 @@ var x = () => {
 		}), y(() => [W.value], () => {
 			if (W.value) {
 				let e = te.value;
-				e || (e = new AbortController(), te.value = e), qe(W.value, {
+				e || (e = new AbortController(), te.value = e), Ye(W.value, {
 					value: T.value,
 					defaultValue: void 0
 				}, (e) => {
@@ -1355,7 +1434,7 @@ var x = () => {
 			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-show-icon-trailing": _(k)(s.showIconTrailing, "showIconTrailing")
 		}, [
-			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, Ct),
+			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, kt),
 			i("input", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -1398,14 +1477,14 @@ var x = () => {
 					"month",
 					"color"
 				].includes(s.type ?? "") && _(D)() ? "textbox" : void 0
-			}, null, 40, wt),
+			}, null, 40, At),
 			s.dataList ? (f(), r("datalist", {
 				key: 0,
 				id: V.value
 			}, [(f(!0), r(e, null, m(oe(), (e) => (f(), r("option", {
 				key: V.value + "-option-" + e.value,
 				value: e.value
-			}, g(e.label), 9, Et))), 128))], 8, Tt)) : n("", !0),
+			}, g(e.label), 9, Mt))), 128))], 8, jt)) : n("", !0),
 			h(l.$slots, "default"),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
@@ -1437,10 +1516,10 @@ var x = () => {
 				default: b(() => [a(g(B.value), 1)]),
 				_: 1
 			}, 8, ["id", "size"]),
-			i("span", Dt, g(U.value), 1)
-		], 10, St));
+			i("span", Nt, g(U.value), 1)
+		], 10, Ot));
 	}
-}), kt = [
+}), Ft = [
 	"id",
 	"data-emphasis",
 	"data-wrap",
@@ -1449,7 +1528,7 @@ var x = () => {
 	"data-width",
 	"data-show-arrow",
 	"data-placement"
-], At = /* @__PURE__ */ s({
+], It = /* @__PURE__ */ s({
 	name: "DBTooltip",
 	__name: "tooltip",
 	props: {
@@ -1479,28 +1558,28 @@ var x = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let i = v(), o = t, s = p(G), l = p(!1), m = p(void 0), b = p(void 0), x = p(void 0), S = p(void 0), w = p(0), T = p([]), E = p(null);
+		let i = v(), o = t, s = p(G), l = p(!1), m = p(void 0), b = p(void 0), x = p(void 0), S = p(void 0), w = p(void 0), T = p(0), E = p([]), D = p(null);
 		u(() => {
-			I(), l.value = !0;
+			L(), l.value = !0;
 		}), d(() => {
-			L();
+			R();
 		}), y(() => [o.id, o.propOverrides?.id], () => {
-			(o.id ?? o.propOverrides?.id) && I();
+			(o.id ?? o.propOverrides?.id) && L();
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [
-			E.value,
+			D.value,
 			l.value,
 			s.value
 		], () => {
-			if (E.value && l.value && s.value) {
-				let e = j();
+			if (D.value && l.value && s.value) {
+				let e = M();
 				if (e) {
-					M(e);
-					let t = () => F(e), n = () => P(), r = (e) => A(e);
-					e.addEventListener("mouseenter", t), e.addEventListener("focusin", t), e.addEventListener("keydown", r), e.addEventListener("mouseleave", n), e.addEventListener("focusout", n), T.value = [
-						...T.value ?? [],
+					N(e);
+					let t = () => I(e), n = () => F(), r = (e) => j(e);
+					e.addEventListener("mouseenter", t), e.addEventListener("focusin", t), e.addEventListener("keydown", r), e.addEventListener("mouseleave", n), e.addEventListener("focusout", n), E.value = [
+						...E.value ?? [],
 						{
 							parent: e,
 							type: "mouseenter",
@@ -1526,53 +1605,52 @@ var x = () => {
 							type: "focusout",
 							fn: n
 						}
-					], e.dataset.hasTooltip = "true", o.variant === "label" ? e.setAttribute("aria-labelledby", s.value) : e.setAttribute("aria-describedby", s.value), x.value = e, S.value = s.value;
+					], e.dataset.hasTooltip = "true", o.variant === "label" ? e.setAttribute("aria-labelledby", s.value) : e.setAttribute("aria-describedby", s.value), S.value = e, w.value = s.value;
 				}
-				typeof window < "u" && "IntersectionObserver" in window && (b.value = new IntersectionObserver((e) => {
-					let t = e.find(({ target: e }) => e === j());
-					t && !t.isIntersecting && A(!1);
-				})), l.value = !1;
+				l.value = !1;
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function D(e) {
+		function A(e) {
 			e.stopPropagation();
 		}
-		function A(e) {
-			(!e || e.key === "Escape") && E.value && getComputedStyle(E.value).visibility === "visible" && j().blur();
+		function j(e) {
+			(!e || e.key === "Escape") && D.value && getComputedStyle(D.value).visibility === "visible" && M().blur();
 		}
-		function j() {
-			let e = E.value.parentElement;
+		function M() {
+			let e = D.value.parentElement;
 			return e && e.localName.includes("tooltip") && (e = e.parentElement), e;
 		}
-		function M(e) {
-			e && E.value && O(() => {
-				E.value && dt(E.value, e, o.placement ?? "bottom");
+		function N(e) {
+			e && D.value && O(() => {
+				D.value && ft(D.value, e);
 			}, 1);
 		}
-		function N(e, t) {
-			e?.target?.contains && e?.target?.contains(E.value) && M(t);
+		function P(e, t) {
+			e?.target?.contains && e?.target?.contains(D.value) && N(t);
 		}
-		function P() {
-			w.value = Math.max((w.value ?? 0) - 1, 0), !((w.value ?? 0) > 0) && (m.value &&= (new rt().removeCallback(m.value), void 0), b.value?.unobserve(j()));
+		function F() {
+			T.value = Math.max((T.value ?? 0) - 1, 0), !((T.value ?? 0) > 0) && (m.value &&= (new ot().removeCallback(m.value), void 0), x.value &&= (new _t().unobserve(x.value), void 0), b.value &&= (new gt().unobserve(b.value), void 0));
 		}
-		function F(e) {
-			w.value = (w.value ?? 0) + 1, w.value === 1 && (m.value = new rt().addCallback((t) => N(t, e)), b.value?.observe(j())), M(e);
+		function I(e) {
+			T.value = (T.value ?? 0) + 1, T.value === 1 && (m.value = new ot().addCallback((t) => P(t, e)), x.value = new _t().observe(document.documentElement, () => N(e)), b.value = new gt().observe(M(), (e) => {
+				e.isIntersecting || j(!1);
+			})), N(e);
 		}
-		function I() {
+		function L() {
 			s.value = o.id ?? o.propOverrides?.id ?? "tooltip-" + i;
 		}
-		function L() {
+		function R() {
 			let e = m.value;
-			e && (new rt().removeCallback(e), m.value = void 0), b.value?.disconnect(), b.value = void 0, w.value = 0, (T.value ?? []).forEach((e) => {
+			e && (new ot().removeCallback(e), m.value = void 0), x.value &&= (new _t().unobserve(x.value), void 0), b.value &&= (new gt().unobserve(b.value), void 0), T.value = 0, (E.value ?? []).forEach((e) => {
 				e.parent.removeEventListener(e.type, e.fn);
-			}), T.value = [];
-			let t = x.value;
+			}), E.value = [];
+			let t = S.value;
 			if (t) {
-				let e = S.value ?? s.value, n = t.querySelectorAll(".db-tooltip"), r = Array.from(n).some((e) => e !== E.value);
-				t.dataset.hasTooltip === "true" && !r && delete t.dataset.hasTooltip, t.getAttribute("aria-labelledby") === e && t.removeAttribute("aria-labelledby"), t.getAttribute("aria-describedby") === e && t.removeAttribute("aria-describedby"), x.value = void 0, S.value = void 0;
+				let e = w.value ?? s.value, n = t.querySelectorAll(".db-tooltip"), r = Array.from(n).some((e) => e !== D.value);
+				t.dataset.hasTooltip === "true" && !r && delete t.dataset.hasTooltip, t.getAttribute("aria-labelledby") === e && t.removeAttribute("aria-labelledby"), t.getAttribute("aria-describedby") === e && t.removeAttribute("aria-describedby"), S.value = void 0, w.value = void 0;
 			}
 		}
 		return (i, l) => (f(), r("i", {
@@ -1580,7 +1658,7 @@ var x = () => {
 			"aria-hidden": "true",
 			"data-gap": "true",
 			ref_key: "_ref",
-			ref: E,
+			ref: D,
 			class: c(_(C)("db-tooltip", o.class)),
 			id: s.value,
 			"data-emphasis": t.emphasis,
@@ -1590,10 +1668,10 @@ var x = () => {
 			"data-width": t.width,
 			"data-show-arrow": _(k)(t.showArrow ?? !0, "showArrow"),
 			"data-placement": t.placement,
-			onClick: l[0] ||= async (e) => D(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, kt));
+			onClick: l[0] ||= async (e) => A(e)
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, Ft));
 	}
-}), jt = [
+}), Lt = [
 	"id",
 	"data-semantic",
 	"data-emphasis",
@@ -1602,7 +1680,7 @@ var x = () => {
 	"data-show-icon",
 	"data-no-text",
 	"data-overflow"
-], Mt = /* @__PURE__ */ s({
+], Rt = /* @__PURE__ */ s({
 	name: "DBTag",
 	__name: "tag",
 	props: {
@@ -1675,13 +1753,13 @@ var x = () => {
 				"data-variant": "ghost",
 				type: "button",
 				onClick: p[0] ||= async (e) => l(e)
-			}, [o(At, { variant: "label" }, {
+			}, [o(It, { variant: "label" }, {
 				default: b(() => [a(g(u()), 1)]),
 				_: 1
 			})])) : n("", !0)
-		], 10, jt));
+		], 10, Lt));
 	}
-}), Nt = [
+}), zt = [
 	"id",
 	"aria-invalid",
 	"data-custom-validity",
@@ -1694,7 +1772,7 @@ var x = () => {
 	"data-hide-label",
 	"data-icon",
 	"data-show-icon"
-], Pt = ["id"], Ft = [
+], Bt = ["id"], Vt = [
 	"id",
 	"form",
 	"name",
@@ -1702,18 +1780,18 @@ var x = () => {
 	"multiple",
 	"disabled",
 	"required"
-], It = ["disabled", "value"], Lt = ["open"], Rt = [
+], Ht = ["disabled", "value"], Ut = ["open"], Wt = [
 	"id",
 	"aria-disabled",
 	"tabIndex",
 	"aria-labelledby"
-], zt = ["data-visually-hidden", "id"], Bt = {
+], Gt = ["data-visually-hidden", "id"], Kt = {
 	key: 0,
 	"data-visually-hidden": "true"
-}, Vt = { key: 1 }, Ht = { key: 0 }, Ut = { key: 0 }, Wt = { class: "db-checkbox db-custom-select-list-item" }, Gt = ["form", "checked"], Kt = ["id"], qt = {
+}, qt = { key: 1 }, Jt = { key: 0 }, Yt = { key: 0 }, Xt = { class: "db-checkbox db-custom-select-list-item" }, Zt = ["form", "checked"], Qt = ["id"], $t = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Jt = /* @__PURE__ */ s({
+}, en = /* @__PURE__ */ s({
 	name: "DBCustomSelect",
 	__name: "custom-select",
 	props: {
@@ -1726,12 +1804,12 @@ var x = () => {
 		ariaDescribedBy: { default: void 0 },
 		form: { default: void 0 },
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -1838,18 +1916,13 @@ var x = () => {
 	},
 	emits: ["update:values"],
 	setup(s, { emit: l }) {
-		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p("no-validation"), ee = p(!1), U = p(void 0), te = p(void 0), W = p(""), ne = p(void 0), re = p(""), G = p([]), ie = p(!1), ae = p(!1), K = p(0), Y = p([]), ue = p([]), de = p(!1), pe = p(void 0), he = p(0), ge = p(void 0), _e = p(void 0), ve = p(void 0), ye = p(!1), be = p(!1), xe = p(null), X = p(null), Z = p(null), Se = p(null), Ce = p(null);
+		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p("no-validation"), ee = p(!1), U = p(void 0), te = p(void 0), W = p(""), ne = p(void 0), re = p(""), G = p([]), ie = p(!1), ae = p(!1), K = p(0), Y = p([]), ue = p([]), de = p(!1), pe = p(void 0), he = p(0), ge = p(void 0), _e = p(void 0), ve = p(void 0), ye = p(void 0), be = p(!1), xe = p(!1), Se = p(null), X = p(null), Z = p(null), Ce = p(null), we = p(null);
 		u(() => {
-			Xe(), N.value = w.invalidMessage || "TODO: Add an invalidMessage", typeof window < "u" && "IntersectionObserver" in window && (_e.value = new IntersectionObserver((e) => {
-				if (X.value) {
-					let t = e.find(({ target: e }) => e === X.value);
-					t && !t.isIntersecting && X.value.open && (X.value.open = !1);
-				}
-			}));
+			Ze(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
 		}), d(() => {
-			U.value?.abort();
+			U.value?.abort(), pe.value && new at().removeCallback(pe.value), ge.value && new ot().removeCallback(ge.value), ve.value && new _t().unobserve(ve.value), _e.value && new gt().unobserve(_e.value);
 		}), y(() => [w.id, w.propOverrides?.id], () => {
-			(w.id ?? w.propOverrides?.id) && Xe();
+			(w.id ?? w.propOverrides?.id) && Ze();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -1861,7 +1934,7 @@ var x = () => {
 		}), y(() => [T.value], () => {
 			if (T.value) {
 				let e = T.value + q;
-				R.value = T.value + oe, P.value = T.value + se, j.value = T.value + J, M.value = T.value + ce, B.value = T.value + le, I(w.message, w.showMessage) ? ke(e) : ke();
+				R.value = T.value + oe, P.value = T.value + se, j.value = T.value + J, M.value = T.value + ce, B.value = T.value + le, I(w.message, w.showMessage) ? Ae(e) : Ae();
 			}
 		}, {
 			immediate: !0,
@@ -1904,7 +1977,7 @@ var x = () => {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [Y.value, Z.value], () => {
-			Z.value && Ee();
+			Z.value && De();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -1913,8 +1986,8 @@ var x = () => {
 				let e = U.value;
 				e || (e = new AbortController(), U.value = e);
 				let t = w.values;
-				Ge(Z.value, () => {
-					Ve(t || (Z.value.value ? [Z.value.value] : [])), Ee();
+				qe(Z.value, () => {
+					He(t || (Z.value.value ? [Z.value.value] : [])), De();
 				}, e.signal);
 			}
 		}, {
@@ -1926,19 +1999,19 @@ var x = () => {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [Y.value, K.value], () => {
-			Y.value?.length === 0 ? (ye.value = !1, be.value = !1) : Y.value?.length === K.value ? (be.value = !1, ye.value = !0) : Y.value && (be.value = !0);
+			Y.value?.length === 0 ? (be.value = !1, xe.value = !1) : Y.value?.length === K.value ? (xe.value = !1, be.value = !0) : Y.value && (xe.value = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [w.options], () => {
-			ue.value = w.options, K.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0, X.value?.open && Fe();
+			ue.value = w.options, K.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0, X.value?.open && Ie();
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [w.searchValue], () => {
-			if (ve.value = w.searchValue, w.searchValue) {
+			if (ye.value = w.searchValue, w.searchValue) {
 				let e = w.searchValue;
-				qe(e);
+				Je(e);
 			}
 		}, {
 			immediate: !0,
@@ -1965,7 +2038,7 @@ var x = () => {
 					W.value = t(e);
 					return;
 				}
-				w.selectedType === "amount" ? W.value = w.amountText ? w.amountText : `${G.value?.length} ${me}` : W.value = G.value?.map((e) => je(e)).join(", ");
+				w.selectedType === "amount" ? W.value = w.amountText ? w.amountText : `${G.value?.length} ${me}` : W.value = G.value?.map((e) => Me(e)).join(", ");
 			} else W.value = "";
 		}, {
 			immediate: !0,
@@ -1975,8 +2048,8 @@ var x = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [be.value, Se.value], () => {
-			Se.value && (Se.value.indeterminate = !!be.value);
+		}), y(() => [xe.value, Ce.value], () => {
+			Ce.value && (Ce.value.indeterminate = !!xe.value);
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -1986,54 +2059,56 @@ var x = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function we(e) {
-			e?.target?.contains && e?.target?.contains(X.value) && Fe();
+		function Te(e) {
+			e?.target?.contains && e?.target?.contains(X.value) && Ie();
 		}
-		function Te() {
+		function Ee() {
 			return !!(w.validMessage ?? w.validation === "valid");
 		}
-		function Ee() {
-			Z.value && (Z.value.value = Oe()), !Z.value?.validity.valid || w.validation === "invalid" ? (ke(M.value), N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage", E() && (re.value = N.value, O(() => re.value = "", 1e3)), ee.value && (H.value = w.validation ?? "invalid")) : Te() && Z.value?.validity.valid && w.required ? (ke(j.value), E() && (re.value = w.validMessage ?? "TODO: Add a validMessage", O(() => re.value = "", 1e3)), H.value = w.validation ?? "valid") : I(w.message, w.showMessage) ? (ke(D.value), H.value = w.validation ?? "no-validation") : (ke(B.value), H.value = w.validation ?? "no-validation");
+		function De() {
+			Z.value && (Z.value.value = ke()), !Z.value?.validity.valid || w.validation === "invalid" ? (Ae(M.value), N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage", E() && (re.value = N.value, O(() => re.value = "", 1e3)), ee.value && (H.value = w.validation ?? "invalid")) : Ee() && Z.value?.validity.valid && w.required ? (Ae(j.value), E() && (re.value = w.validMessage ?? "TODO: Add a validMessage", O(() => re.value = "", 1e3)), H.value = w.validation ?? "valid") : I(w.message, w.showMessage) ? (Ae(D.value), H.value = w.validation ?? "no-validation") : (Ae(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 ? (pe.value = new nt().addCallback((e) => Be(e)), ge.value = new rt().addCallback((e) => we(e)), Fe(), _e.value?.observe(X.value), e.target.dataset.test || Ke()) : (pe.value && new nt().removeCallback(pe.value), ge.value && new rt().removeCallback(ge.value), _e.value?.unobserve(X.value));
+		function Oe(e) {
+			w.onDropdownToggle && (e.stopPropagation(), w.onDropdownToggle(e)), e.target instanceof HTMLDetailsElement && e.target.open ? (pe.value = new at().addCallback((e) => Ve(e)), ge.value = new ot().addCallback((e) => Te(e)), Ie(), ve.value = new _t().observe(document.documentElement, () => Ie()), _e.value = new gt().observe(X.value, (e) => {
+				!e.isIntersecting && X.value.open && (X.value.open = !1);
+			}), e.target.dataset.test || Ke()) : (pe.value && new at().removeCallback(pe.value), ge.value && new ot().removeCallback(ge.value), ve.value && new _t().unobserve(ve.value), _e.value && new gt().unobserve(_e.value));
 		}
-		function Oe() {
+		function ke() {
 			return Y.value?.length ? Y.value.at(0) ?? "" : "";
 		}
-		function ke(e) {
+		function Ae(e) {
 			let t = [];
 			e && t.push(e), ne.value && W.value?.length && t.push(ne.value), te.value = t.join(" ");
 		}
-		function Ae() {
+		function je() {
 			return w.selectAllLabel ?? "LABEL SHOULD BE SET";
 		}
-		function je(e) {
+		function Me(e) {
 			return e.label ?? e.value?.toString() ?? "";
 		}
-		function Me(e) {
+		function Ne(e) {
 			return e && Y.value?.includes ? Y.value?.includes(e) : !1;
 		}
-		function Ne(e) {
+		function Pe(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 `${fe} ${je(e)}`;
+			return `${fe} ${Me(e)}`;
 		}
-		function Pe(e, t) {
-			t && t.stopPropagation(), He(e.value), Ye();
+		function Fe(e, t) {
+			t && t.stopPropagation(), Ue(e.value), Xe();
 		}
-		function Fe() {
+		function Ie() {
 			if (X.value) {
 				let e = X.value.querySelector("article");
 				e && O(() => {
-					ot(e, X.value, w.placement ?? "bottom");
+					st(e, X.value, w.placement ?? "bottom");
 				}, 1);
 			}
 		}
-		function Ie(e) {
+		function Le(e) {
 			if (X.value?.open) {
 				if (self.document) {
 					let t = self.document.activeElement;
@@ -2049,7 +2124,7 @@ var x = () => {
 								}
 								e = e.nextElementSibling;
 							}
-							e || We(t);
+							e || Ge(t);
 						} else {
 							let e = n?.previousElementSibling;
 							for (; e;) {
@@ -2062,7 +2137,7 @@ var x = () => {
 							}
 							if (!e) {
 								let e = X.value.querySelector("input[type=\"checkbox\"]");
-								if (e && e !== t) We(t);
+								if (e && e !== t) Ge(t);
 								else {
 									let e = L(X.value);
 									if (e) O(() => {
@@ -2075,53 +2150,53 @@ var x = () => {
 								}
 							}
 						}
-					} else t.getAttribute("type") === "search" && (e.key === "ArrowUp" || e.key === "ArrowLeft") ? (ze(void 0, !0), Ye()) : We(t);
+					} else t.getAttribute("type") === "search" && (e.key === "ArrowUp" || e.key === "ArrowLeft") ? (ze(void 0, !0), Xe()) : Ge(t);
 				}
-			} else (e.key === "ArrowDown" || e.key === "ArrowRight") && (Fe(), X.value && (X.value.open = !0), Ke());
+			} else (e.key === "ArrowDown" || e.key === "ArrowRight") && (Ie(), X.value && (X.value.open = !0), Ke());
 			e.stopPropagation(), e.preventDefault();
 		}
-		function Le(e) {
-			if (e.stopPropagation(), e.key === "Escape" && X.value?.open) ze(void 0, !0), Ye();
+		function Re(e) {
+			if (e.stopPropagation(), e.key === "Escape" && X.value?.open) ze(void 0, !0), Xe();
 			else if (e.key === "Enter" && X.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 = ue.value?.find((e) => !e.isGroupTitle && !e.disabled);
-						t?.value && (He(t.value), e.preventDefault());
+						t?.value && (Ue(t.value), e.preventDefault());
 					}
 				}
-			} else (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") && Ie(e);
+			} else (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") && Le(e);
 		}
 		function ze(e, t) {
 			if (X.value) {
-				if (t) X.value.open = !1, Ye();
+				if (t) X.value.open = !1, Xe();
 				else if (X.value.open && e && e.relatedTarget) {
 					let t = e.relatedTarget;
 					!X.value.contains(t) && t.localName !== "dialog" && O(() => X.value.open = !1, 1);
 				}
 			}
 		}
-		function Be(e) {
+		function Ve(e) {
 			if (e) {
 				let t = e.target;
 				X.value?.open && !X.value.contains(t) && (X.value.open = !1);
 			}
 		}
-		function Ve(e) {
-			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, ee.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(S, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
-		}
 		function He(e) {
-			e && (w.multiple ? Y.value?.includes(e) ? Ve(Y.value.filter((t) => t !== e)) : Ve([...Y.value || [], e]) : (Ve([e]), ze(void 0, !0)));
+			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, ee.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(S, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
 		}
 		function Ue(e) {
-			if (e.stopPropagation(), Y.value?.length === K.value) Ve([]);
+			e && (w.multiple ? Y.value?.includes(e) ? He(Y.value.filter((t) => t !== e)) : He([...Y.value || [], e]) : (He([e]), ze(void 0, !0)));
+		}
+		function We(e) {
+			if (e.stopPropagation(), Y.value?.length === K.value) He([]);
 			else {
-				let e = ae.value && Ce.value ? Ce.value.value : void 0;
-				Ve(w.options ? w.options.filter((t) => !t.isGroupTitle && (!e || t.value?.toLowerCase().includes(e.toLowerCase()))).map((e) => e.value ?? "") : []);
+				let e = ae.value && we.value ? we.value.value : void 0;
+				He(w.options ? w.options.filter((t) => !t.isGroupTitle && (!e || t.value?.toLowerCase().includes(e.toLowerCase()))).map((e) => e.value ?? "") : []);
 			}
 		}
-		function We(e) {
+		function Ge(e) {
 			if (X.value) {
 				let t = Array.from(X.value.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
 				if (t.length) {
@@ -2137,36 +2212,36 @@ var x = () => {
 				let e = L(X.value);
 				e ? O(() => {
 					e.focus();
-				}, 1) : We();
+				}, 1) : Ge();
 			}
 		}
-		function qe(e) {
+		function Je(e) {
 			if (e === void 0) return;
 			let t;
 			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, ye.value = t;
 			}
-			!w.options || !t || t.length === 0 ? ue.value = w.options : w.searchFilter ? ue.value = w.options.filter((e) => w.searchFilter(e, t)) : ue.value = w.options.filter((e) => !e.isGroupTitle && je(e).toLowerCase().includes(t.toLowerCase())), X.value?.open && Fe();
+			!w.options || !t || t.length === 0 ? ue.value = w.options : w.searchFilter ? ue.value = w.options.filter((e) => w.searchFilter(e, t)) : ue.value = w.options.filter((e) => !e.isGroupTitle && Me(e).toLowerCase().includes(t.toLowerCase())), X.value?.open && Ie();
 		}
-		function Je(e) {
-			e.stopPropagation(), Ve([]), Ye();
+		function Ye(e) {
+			e.stopPropagation(), He([]), Xe();
 		}
-		function Ye() {
+		function Xe() {
 			X.value && X.value.querySelector("summary")?.focus();
 		}
-		function Xe() {
+		function Ze() {
 			let e = w.id ?? w.propOverrides?.id ?? `custom-select-${x}`;
 			T.value = e, D.value = e + q, j.value = e + J, M.value = e + ce, P.value = e + se, R.value = e + oe, z.value = e + "-summary", B.value = e + le, ne.value = e + "-selected-labels", V.value = e + "-info";
 		}
-		function Ze(e) {
+		function Qe(e) {
 			e.stopPropagation();
 		}
 		return (l, u) => (f(), r("div", {
 			id: T.value,
 			ref_key: "_ref",
-			ref: xe,
+			ref: Se,
 			class: c(_(C)("db-custom-select", w.class)),
 			"aria-invalid": H.value === "invalid",
 			"data-custom-validity": H.value,
@@ -2193,18 +2268,18 @@ var x = () => {
 				multiple: _(A)(s.multiple, "multiple"),
 				disabled: _(A)(s.disabled, "disabled"),
 				required: _(A)(s.required, "required"),
-				onChange: u[0] ||= async (e) => Ze(e)
+				onChange: u[0] ||= async (e) => Qe(e)
 			}, [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
-			}, g(je(e)), 9, It))), 128)) : n("", !0)], 40, Ft)], 8, Pt),
+			}, g(Me(e)), 9, Ht))), 128)) : n("", !0)], 40, Vt)], 8, Bt),
 			i("details", {
 				ref_key: "detailsRef",
 				ref: X,
 				open: s.open,
-				onToggle: u[2] ||= async (e) => De(e),
-				onKeydown: u[3] ||= async (e) => Le(e)
+				onToggle: u[2] ||= async (e) => Oe(e),
+				onKeydown: u[3] ||= async (e) => Re(e)
 			}, [h(l.$slots, "default"), s.options ? (f(), r(e, { key: 0 }, [i("summary", {
 				class: "db-custom-select-form-field",
 				id: z.value,
@@ -2215,29 +2290,29 @@ var x = () => {
 				key: 0,
 				"data-visually-hidden": _(k)(s.selectedType === "tag", "selectedType"),
 				id: ne.value
-			}, [s.selectedPrefix ? (f(), r("span", Bt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(W.value), 1)], 8, zt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", Vt, [(f(!0), r(e, null, m(G.value, (e, n) => (f(), t(Mt, {
+			}, [s.selectedPrefix ? (f(), r("span", Kt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(W.value), 1)], 8, Gt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", qt, [(f(!0), r(e, null, m(G.value, (e, n) => (f(), t(Rt, {
 				key: n,
 				emphasis: "strong",
 				behavior: "removable",
-				removeButton: Ne(e),
-				onRemove: (t) => Pe(e, t)
+				removeButton: Pe(e),
+				onRemove: (t) => Fe(e, t)
 			}, {
-				default: b(() => [a(g(je(e)), 1)]),
+				default: b(() => [a(g(Me(e)), 1)]),
 				_: 2
-			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Rt), o(pt, { width: s.dropdownWidth }, {
+			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Wt), o(yt, { width: s.dropdownWidth }, {
 				default: b(() => [
-					ae.value ? (f(), r("div", Ht, [o(Ot, {
+					ae.value ? (f(), r("div", Jt, [o(Pt, {
 						type: "search",
 						ref_key: "searchInputRef",
-						ref: Ce,
+						ref: we,
 						name: T.value,
 						form: T.value,
 						showLabel: !1,
-						value: ve.value,
+						value: ye.value,
 						label: s.searchLabel ?? _("LABEL SHOULD BE SET"),
 						placeholder: s.searchPlaceholder ?? s.searchLabel,
 						ariaDescribedBy: de.value || s.showLoading ? V.value : void 0,
-						onInput: (e) => qe(e)
+						onInput: (e) => Je(e)
 					}, null, 8, [
 						"name",
 						"form",
@@ -2259,32 +2334,32 @@ var x = () => {
 						"id",
 						"icon",
 						"semantic"
-					])) : (f(), r(e, { key: 2 }, [ie.value ? (f(), r("div", Ut, [i("div", Wt, [i("label", null, [i("input", {
+					])) : (f(), r(e, { key: 2 }, [ie.value ? (f(), r("div", Yt, [i("div", Xt, [i("label", null, [i("input", {
 						type: "checkbox",
 						value: "select-all",
 						ref_key: "selectAllRef",
-						ref: Se,
+						ref: Ce,
 						form: T.value,
-						checked: ye.value,
-						onChange: u[1] ||= async (e) => Ue(e)
-					}, null, 40, Gt), a(g(Ae()), 1)])])])) : n("", !0), o(xt, {
+						checked: be.value,
+						onChange: u[1] ||= async (e) => We(e)
+					}, null, 40, Zt), a(g(je()), 1)])])])) : n("", !0), o(Dt, {
 						multiple: _(A)(s.multiple, "multiple"),
 						label: s.listLabel ?? s.label ?? _("LABEL SHOULD BE SET")
 					}, {
-						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(yt, {
+						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(Tt, {
 							key: o,
 							type: s.multiple ? "checkbox" : "radio",
 							showDivider: i.showDivider,
 							icon: i.icon,
 							isGroupTitle: i.isGroupTitle,
-							groupTitle: je(i),
+							groupTitle: Me(i),
 							name: T.value,
-							checked: Me(i.value),
+							checked: Ne(i.value),
 							disabled: i.disabled,
 							value: i.value,
-							onChange: (e) => He(i.value)
+							onChange: (e) => Ue(i.value)
 						}, {
-							default: b(() => [i.isGroupTitle ? n("", !0) : (f(), r(e, { key: 0 }, [a(g(je(i)), 1)], 64))]),
+							default: b(() => [i.isGroupTitle ? n("", !0) : (f(), r(e, { key: 0 }, [a(g(Me(i)), 1)], 64))]),
 							_: 2
 						}, 1032, [
 							"type",
@@ -2300,7 +2375,7 @@ var x = () => {
 						]))), 128))]),
 						_: 1
 					}, 8, ["multiple", "label"])], 64)),
-					i("div", null, [o(Re, {
+					i("div", null, [o(Be, {
 						variant: "ghost",
 						width: "full",
 						icon: "cross",
@@ -2318,8 +2393,8 @@ var x = () => {
 					])])
 				]),
 				_: 1
-			}, 8, ["width"])], 64)) : n("", !0)], 40, Lt),
-			(s.showClearSelection ?? !0) && Y.value?.length ? (f(), t(Re, {
+			}, 8, ["width"])], 64)) : n("", !0)], 40, Ut),
+			(s.showClearSelection ?? !0) && Y.value?.length ? (f(), t(Be, {
 				key: 0,
 				icon: "cross",
 				variant: "ghost",
@@ -2328,9 +2403,9 @@ var x = () => {
 				name: T.value,
 				form: T.value,
 				disabled: _(A)(s.disabled, "disabled"),
-				onClick: (e) => Je(e)
+				onClick: (e) => Ye(e)
 			}, {
-				default: b(() => [a(g(s.clearSelectionText), 1), o(At, { placement: "top" }, {
+				default: b(() => [a(g(s.clearSelectionText), 1), o(It, { placement: "top" }, {
 					default: b(() => [a(g(s.clearSelectionText), 1)]),
 					_: 1
 				})]),
@@ -2345,7 +2420,7 @@ var x = () => {
 				class: "db-custom-select-placeholder",
 				"aria-hidden": "true",
 				id: B.value
-			}, g(s.placeholder ?? s.label), 9, Kt),
+			}, g(s.placeholder ?? s.label), 9, Qt),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -2355,7 +2430,7 @@ var x = () => {
 				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			Te() ? (f(), t($, {
+			Ee() ? (f(), t($, {
 				key: 2,
 				size: "small",
 				semantic: "successful",
@@ -2372,14 +2447,14 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", qt, g(re.value), 1)
-		], 10, Nt));
+			i("span", $t, g(re.value), 1)
+		], 10, zt));
 	}
-}), Yt = [
+}), tn = [
 	"fixed",
 	"auto",
 	"full"
-], Xt = ["id"], Zt = /* @__PURE__ */ s({
+], nn = ["id"], rn = /* @__PURE__ */ s({
 	name: "DBCustomSelectFormField",
 	__name: "custom-select-form-field",
 	props: {
@@ -2397,19 +2472,19 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-form-field", t.class))
-		}, [h(i.$slots, "default")], 10, Xt));
+		}, [h(i.$slots, "default")], 10, nn));
 	}
-}), Qt = ["checkbox", "radio"], $t = [
+}), an = ["checkbox", "radio"], on = [
 	"amount",
 	"text",
 	"tag"
-], en = [
+], sn = [
 	"id",
 	"data-margin",
 	"data-variant",
 	"data-emphasis",
 	"data-width"
-], tn = /* @__PURE__ */ s({
+], cn = /* @__PURE__ */ s({
 	name: "DBDivider",
 	__name: "divider",
 	props: {
@@ -2435,20 +2510,20 @@ var x = () => {
 			"data-emphasis": e.emphasis,
 			"data-width": e.width,
 			class: c(_(C)("db-divider", t.class))
-		}, null, 10, en));
+		}, null, 10, sn));
 	}
-}), nn = ["none", "_"], rn = ["horizontal", "vertical"], an = [
+}), ln = ["none", "_"], un = ["horizontal", "vertical"], dn = [
 	"id",
 	"data-position",
 	"data-backdrop",
 	"data-direction",
 	"data-variant"
-], on = [
+], fn = [
 	"data-spacing",
 	"data-width",
 	"data-direction",
 	"data-rounded"
-], sn = { class: "db-drawer-header" }, cn = { class: "db-drawer-header-text" }, ln = { class: "db-drawer-content" }, un = /* @__PURE__ */ s({
+], pn = { class: "db-drawer-header" }, mn = { class: "db-drawer-header-text" }, hn = { class: "db-drawer-content" }, gn = /* @__PURE__ */ s({
 	name: "DBDrawer",
 	__name: "drawer",
 	props: {
@@ -2542,7 +2617,7 @@ var x = () => {
 			"data-width": e.width,
 			"data-direction": e.direction,
 			"data-rounded": _(k)(e.rounded, "rounded")
-		}, [i("header", sn, [i("div", cn, [h(n.$slots, "drawer-header")]), o(Re, {
+		}, [i("header", pn, [i("div", mn, [h(n.$slots, "drawer-header")]), o(Be, {
 			class: "button-close-drawer",
 			icon: "cross",
 			variant: "ghost",
@@ -2552,22 +2627,22 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(e.closeButtonText ?? _("Close")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])]), i("div", ln, [h(n.$slots, "default")])], 10, on)], 40, an));
+		}, 8, ["id", "onClick"])]), i("div", hn, [h(n.$slots, "default")])], 10, fn)], 40, dn));
 	}
-}), dn = [
+}), _n = [
 	"none",
 	"strong",
 	"weak",
 	"invisible"
-], fn = [
+], vn = [
 	"left",
 	"right",
 	"up",
 	"down"
-], pn = ["modal", "inside"], mn = ["fixed", "absolute"], hn = (e) => {
+], yn = ["modal", "inside"], bn = ["fixed", "absolute"], xn = (e) => {
 	let { target: t } = e;
 	return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
-}, gn = class {
+}, Sn = class {
 	element;
 	subNavigation;
 	parentSubNavigation = null;
@@ -2584,7 +2659,7 @@ var x = () => {
 	}
 	enableFollow() {
 		if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) return;
-		let e = at(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+		let e = pt(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
 		this.triangleData = {
 			itemRect: t,
 			parentElementWidth: n,
@@ -2635,11 +2710,11 @@ var x = () => {
 		let t = this.hasMouseEnteredSubNavigation(), n = this.getTriangleCoordinates(t ? "fill-gap" : "safe-triangle");
 		n && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${n.lb}, ${n.lt}, ${n.rt}, ${n.rb})`), t && (this.triangleData = void 0));
 	}
-}, _n = [
+}, Cn = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], vn = { class: "db-header-meta-navigation" }, yn = { class: "db-header-navigation-bar" }, bn = { class: "db-header-brand-container" }, xn = { class: "db-header-navigation-container" }, Sn = { class: "db-header-navigation" }, Cn = { class: "db-header-primary-action" }, wn = { class: "db-header-action-container" }, Tn = { class: "db-header-burger-menu-container" }, En = { class: "db-header-secondary-action" }, Dn = { class: "db-header-drawer-navigation" }, On = { class: "db-header-meta-navigation" }, kn = { class: "db-header-secondary-action" }, An = /* @__PURE__ */ s({
+], wn = { class: "db-header-meta-navigation" }, Tn = { class: "db-header-navigation-bar" }, En = { class: "db-header-brand-container" }, Dn = { class: "db-header-navigation-container" }, On = { class: "db-header-navigation" }, kn = { class: "db-header-primary-action" }, An = { class: "db-header-action-container" }, jn = { class: "db-header-burger-menu-container" }, Mn = { class: "db-header-secondary-action" }, Nn = { class: "db-header-drawer-navigation" }, Pn = { class: "db-header-meta-navigation" }, Fn = { class: "db-header-secondary-action" }, In = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2690,7 +2765,7 @@ var x = () => {
 			t.onToggle && t.onToggle(n);
 		}
 		function m(e) {
-			hn(e) && d();
+			xn(e) && d();
 		}
 		return (n, u) => (f(), r("header", {
 			ref_key: "_ref",
@@ -2700,21 +2775,21 @@ var x = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			i("div", vn, [h(n.$slots, "meta-navigation")]),
-			i("div", yn, [
-				i("div", bn, [h(n.$slots, "brand")]),
-				i("div", xn, [i("div", Sn, [h(n.$slots, "default")]), i("div", Cn, [h(n.$slots, "primary-action")])]),
-				i("div", wn, [i("div", Tn, [o(Re, {
+			i("div", wn, [h(n.$slots, "meta-navigation")]),
+			i("div", Tn, [
+				i("div", En, [h(n.$slots, "brand")]),
+				i("div", Dn, [i("div", On, [h(n.$slots, "default")]), i("div", kn, [h(n.$slots, "primary-action")])]),
+				i("div", An, [i("div", jn, [o(Be, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
 					onClick: (e) => d()
 				}, {
-					default: b(() => [a(g(e.burgerMenuLabel ?? _("BurgerMenu")), 1)]),
+					default: b(() => [a(g(e.burgerMenuLabel ?? _("Open navigation menu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", En, [h(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", Mn, [h(n.$slots, "secondary-action")])])
 			]),
-			o(un, {
+			o(gn, {
 				class: "db-header-drawer",
 				spacing: "small",
 				rounded: !0,
@@ -2723,10 +2798,10 @@ var x = () => {
 				open: _(A)(e.drawerOpen),
 				onClose: (e) => d()
 			}, {
-				default: b(() => [i("div", Dn, [i("div", {
+				default: b(() => [i("div", Nn, [i("div", {
 					class: "db-header-navigation",
 					onClick: u[0] ||= async (e) => m(e)
-				}, [h(n.$slots, "default")]), i("div", On, [h(n.$slots, "meta-navigation")])]), i("div", kn, [h(n.$slots, "secondary-action")])]),
+				}, [h(n.$slots, "default")]), i("div", Pn, [h(n.$slots, "meta-navigation")])]), i("div", Fn, [h(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
@@ -2734,14 +2809,14 @@ var x = () => {
 				"open",
 				"onClose"
 			])
-		], 10, _n));
+		], 10, Cn));
 	}
-}), jn = [
+}), Ln = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], Mn = /* @__PURE__ */ s({
+], Rn = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -2767,16 +2842,16 @@ var x = () => {
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, jn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Ln));
 	}
-}), Nn = [
+}), zn = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], Pn = [
+], Bn = [
 	"color",
 	"date",
 	"datetime-local",
@@ -2793,7 +2868,7 @@ var x = () => {
 	"time",
 	"url",
 	"week"
-], Fn = [
+], Vn = [
 	"id",
 	"href",
 	"target",
@@ -2808,7 +2883,7 @@ var x = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], In = /* @__PURE__ */ s({
+], Hn = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -2871,13 +2946,13 @@ var x = () => {
 			"data-content": t.content || "internal",
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Fn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Vn));
 	}
-}), Ln = [
+}), Un = [
 	"adaptive",
 	"brand",
 	"inline"
-], Rn = ["medium", "small"], zn = ["external", "internal"], Bn = ["id"], Vn = /* @__PURE__ */ s({
+], Wn = ["medium", "small"], Gn = ["external", "internal"], Kn = ["id"], qn = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -2895,9 +2970,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-navigation", t.class))
-		}, [i("menu", null, [h(a.$slots, "default")])], 10, Bn));
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, Kn));
 	}
-}), Hn = [
+}), Jn = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -2905,20 +2980,20 @@ var x = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], Un = [
+], Yn = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], Wn = [
+], Xn = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], Gn = {
+], Zn = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, Kn = /* @__PURE__ */ s({
+}, Qn = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -2978,7 +3053,7 @@ var x = () => {
 		}), y(() => [d.value, j.value], () => {
 			if (d.value && j.value) {
 				let e = j.value.querySelector("menu");
-				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new gn(j.value, e)) : x.value = !1);
+				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new Sn(j.value, e)) : x.value = !1);
 			}
 		}, {
 			immediate: !0,
@@ -3017,13 +3092,13 @@ var x = () => {
 			"aria-controls": E.value,
 			disabled: _(A)(t.disabled, "disabled"),
 			onClick: u[0] ||= async (e) => N(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Un), i("menu", {
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Yn), i("menu", {
 			class: "db-sub-navigation",
 			id: E.value,
 			"aria-labelledby": D.value,
 			"data-force-close": w.value,
 			onClick: u[1] ||= async (e) => M(e)
-		}, [m.value ? (f(), r("div", Gn, [o(Re, {
+		}, [m.value ? (f(), r("div", Zn, [o(Be, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
@@ -3031,9 +3106,9 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Wn)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 64))], 42, Hn));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Xn)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 64))], 42, Jn));
 	}
-}), qn = [
+}), $n = [
 	"id",
 	"role",
 	"aria-live",
@@ -3042,10 +3117,10 @@ var x = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], Jn = {
+], er = {
 	key: 0,
 	"data-area": "head"
-}, Yn = { "data-area": "content" }, Xn = ["dateTime"], Zn = /* @__PURE__ */ s({
+}, tr = { "data-area": "content" }, nr = ["dateTime"], rr = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -3114,15 +3189,15 @@ var x = () => {
 			"data-link-variant": o.linkVariant
 		}, [
 			h(d.$slots, "image"),
-			_(I)(o.headline, o.showHeadline) ? (f(), r("header", Jn, g(o.headline), 1)) : n("", !0),
-			i("div", Yn, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
+			_(I)(o.headline, o.showHeadline) ? (f(), r("header", er, g(o.headline), 1)) : n("", !0),
+			i("div", tr, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
 			_(I)(o.timestamp, o.showTimestamp) ? (f(), r("time", {
 				key: 1,
 				"data-area": "timestamp",
 				dateTime: o.timestampDatetime
-			}, g(o.timestamp), 9, Xn)) : n("", !0),
+			}, g(o.timestamp), 9, nr)) : n("", !0),
 			h(d.$slots, "link"),
-			_(A)(o.closeable, "closeable") ? (f(), t(Re, {
+			_(A)(o.closeable, "closeable") ? (f(), t(Be, {
 				key: 2,
 				icon: "cross",
 				variant: "ghost",
@@ -3134,22 +3209,22 @@ var x = () => {
 				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, qn));
+		], 10, $n));
 	}
-}), Qn = [
+}), ir = [
 	"docked",
 	"standalone",
 	"overlay"
-], $n = ["block", "inline"], er = [
+], ar = ["block", "inline"], or = [
 	"assertive",
 	"polite",
 	"off"
-], tr = [
+], sr = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], nr = /* @__PURE__ */ s({
+], cr = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -3189,9 +3264,9 @@ var x = () => {
 			h(o.$slots, "header"),
 			i("main", { class: c(_(C)("db-main", e.mainClass)) }, [h(o.$slots, "default")], 2),
 			h(o.$slots, "footer")
-		], 10, tr));
+		], 10, sr));
 	}
-}), rr = ["auto", "fixed"], ir = ["hidden", "auto"], ar = ["id"], or = [
+}), lr = ["auto", "fixed"], ur = ["hidden", "auto"], dr = ["id"], fr = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -3199,7 +3274,7 @@ var x = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], sr = /* @__PURE__ */ s({
+], pr = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -3228,63 +3303,60 @@ var x = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = p(!1), a = p(!1), o = p(void 0), s = p(void 0), l = p(null);
+		let t = e, n = p(!1), a = p(!1), o = p(void 0), s = p(void 0), l = p(void 0), m = p(null);
 		u(() => {
 			n.value = !0;
-		}), y(() => [l.value, n.value], () => {
-			if (l.value && n.value) {
+		}), d(() => {
+			o.value &&= (new ot().removeCallback(o.value), void 0), l.value &&= (new _t().unobserve(l.value), void 0), s.value &&= (new gt().unobserve(s.value), void 0);
+		}), y(() => [m.value, n.value], () => {
+			if (m.value && n.value) {
 				n.value = !1;
-				let e = x();
-				e && (e.ariaHasPopup = "true"), m(), l.value.addEventListener("keydown", (e) => d(e)), ["mouseenter", "focusin"].forEach((e) => {
-					l.value.addEventListener(e, () => v());
+				let e = w();
+				e && (e.ariaHasPopup = "true"), v(), m.value.addEventListener("keydown", (e) => g(e)), ["mouseenter", "focusin"].forEach((e) => {
+					m.value.addEventListener(e, () => x());
 				}), ["mouseleave", "focusout"].forEach((e) => {
-					l.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 && d(!1);
-				}));
+					m.value.addEventListener(e, () => S());
+				});
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), y(() => [l.value, a.value], () => {
-			if (l.value) {
-				let e = x();
+		}), y(() => [m.value, a.value], () => {
+			if (m.value) {
+				let e = w();
 				e && (e.ariaExpanded = (!!a.value).toString());
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function d(e) {
-			if (!e || e.key === "Escape") for (let e of Array.from(l.value.children)) e.blur();
+		function g(e) {
+			if (!e || e.key === "Escape") for (let e of Array.from(m.value.children)) e.blur();
 		}
-		function m() {
-			if (!l.value) return;
-			let e = l.value.querySelector("article");
+		function v() {
+			if (!m.value) return;
+			let e = m.value.querySelector("article");
 			e && O(() => {
-				dt(e, l.value, t.placement ?? "bottom");
+				ft(e, m.value);
 			}, 1);
 		}
-		function g(e) {
-			e?.target?.contains && e?.target?.contains(l.value) && m();
+		function b(e) {
+			e?.target?.contains && e?.target?.contains(m.value) && v();
 		}
-		function v() {
-			a.value = !0, o.value = new rt().addCallback((e) => g(e)), m();
-			let e = x();
-			e && s.value?.observe(e);
+		function x() {
+			a.value = !0, o.value &&= (new ot().removeCallback(o.value), void 0), l.value &&= (new _t().unobserve(l.value), void 0), s.value &&= (new gt().unobserve(s.value), void 0), o.value = new ot().addCallback((e) => b(e)), v(), l.value = new _t().observe(document.documentElement, () => v());
+			let e = w();
+			e && (s.value = new gt().observe(e, (e) => {
+				e.isIntersecting || g(!1);
+			}));
 		}
-		function b(e) {
+		function S(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 rt().removeCallback(o.value);
-				let e = x();
-				e && s.value?.unobserve(e);
-			}
+			(!t?.parentNode || t.parentNode.querySelector(":focus") !== t && t.parentNode.querySelector(":focus-within") !== t && t.parentNode.querySelector(":hover") !== t) && (a.value = !1, o.value &&= (new ot().removeCallback(o.value), void 0), l.value &&= (new _t().unobserve(l.value), void 0), s.value &&= (new gt().unobserve(s.value), void 0));
 		}
-		function x() {
-			if (l.value) {
-				let e = Array.from(l.value.children);
+		function w() {
+			if (m.value) {
+				let e = Array.from(m.value.children);
 				if (e.length >= 2) {
 					let t = e[0];
 					return t.tagName.includes("-") ? t.children?.length > 0 ? t.children[0] : null : t;
@@ -3294,7 +3366,7 @@ var x = () => {
 		}
 		return (n, a) => (f(), r("div", {
 			ref_key: "_ref",
-			ref: l,
+			ref: m,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-popover", t.class))
 		}, [h(n.$slots, "trigger"), i("article", {
@@ -3306,14 +3378,14 @@ var x = () => {
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [h(n.$slots, "default")], 8, or)], 10, ar));
+		}, [h(n.$slots, "default")], 8, fr)], 10, dr));
 	}
-}), cr = [
+}), mr = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], lr = [
+], hr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -3322,7 +3394,7 @@ var x = () => {
 	"disabled",
 	"value",
 	"required"
-], ur = /* @__PURE__ */ s({
+], gr = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -3358,12 +3430,12 @@ var x = () => {
 		ariaDescribedBy: {},
 		form: {},
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -3407,7 +3479,7 @@ var x = () => {
 		}), y(() => [w.value], () => {
 			if (w.value) {
 				let e = S.value;
-				e || (e = new AbortController(), S.value = e), Ge(w.value, (e) => {
+				e || (e = new AbortController(), S.value = e), qe(w.value, (e) => {
 					O(() => {
 						let t = m.checked ? m.checked : w.value.checked, n = {
 							...e,
@@ -3463,16 +3535,16 @@ var x = () => {
 				onChange: s[1] ||= async (e) => E(e),
 				onBlur: s[2] ||= async (e) => D(e),
 				onFocus: s[3] ||= async (e) => k(e)
-			}, null, 40, lr),
+			}, null, 40, hr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 10, cr));
+		], 10, mr));
 	}
-}), dr = [
+}), _r = [
 	"id",
 	"data-spacing",
 	"data-width"
-], fr = /* @__PURE__ */ s({
+], vr = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -3494,15 +3566,15 @@ var x = () => {
 			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, dr));
+		}, [h(i.$slots, "default")], 10, _r));
 	}
-}), pr = [
+}), yr = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], mr = ["for"], hr = [
+], br = ["for"], xr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -3514,18 +3586,18 @@ var x = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], gr = ["data-show-empty-option"], _r = ["label"], vr = [
+], Sr = ["data-show-empty-option"], Cr = ["label"], wr = [
 	"value",
 	"selected",
 	"disabled"
-], yr = [
+], Tr = [
 	"value",
 	"disabled",
 	"selected"
-], br = ["id"], xr = {
+], Er = ["id"], Dr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Sr = /* @__PURE__ */ s({
+}, Or = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -3566,12 +3638,12 @@ var x = () => {
 		ariaDescribedBy: { default: void 0 },
 		form: {},
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -3645,7 +3717,7 @@ var x = () => {
 		}), y(() => [H.value], () => {
 			if (H.value) {
 				let e = V.value;
-				e || (e = new AbortController(), V.value = e), qe(H.value, {
+				e || (e = new AbortController(), V.value = e), Ye(H.value, {
 					value: w.value,
 					defaultValue: void 0
 				}, (e) => {
@@ -3695,7 +3767,7 @@ var x = () => {
 			"data-icon": s.icon,
 			"data-show-icon": _(k)(s.showIcon, "showIcon")
 		}, [
-			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, mr),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, br),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -3720,7 +3792,7 @@ var x = () => {
 				class: "placeholder",
 				value: "",
 				"data-show-empty-option": _(k)(ae(), "showEmptyOption")
-			}, null, 8, gr)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
+			}, null, 8, Sr)) : 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)
 			}, [(f(!0), r(e, null, m(t.options, (e, t) => (f(), r("option", {
@@ -3728,17 +3800,17 @@ var x = () => {
 				value: e.value,
 				selected: e.selected,
 				disabled: e.disabled
-			}, g(ie(e)), 9, vr))), 128))], 8, _r)) : (f(), r("option", {
+			}, g(ie(e)), 9, wr))), 128))], 8, Cr)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, g(ie(t)), 9, yr))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, hr),
+			}, g(ie(t)), 9, Tr))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, xr),
 			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
 				id: P.value
-			}, g(s.placeholder), 9, br)) : n("", !0),
+			}, g(s.placeholder), 9, Er)) : n("", !0),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -3765,10 +3837,10 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", xr, g(B.value), 1)
-		], 10, pr));
+			i("span", Dr, g(B.value), 1)
+		], 10, yr));
 	}
-}), Cr = [
+}), kr = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -3776,7 +3848,7 @@ var x = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], wr = /* @__PURE__ */ s({
+], Ar = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -3809,26 +3881,26 @@ var x = () => {
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
 			"data-wrap": _(k)(e.wrap, "wrap")
-		}, [h(i.$slots, "default")], 10, Cr));
+		}, [h(i.$slots, "default")], 10, kr));
 	}
-}), Tr = ["simple", "divider"], Er = ["row", "column"], Dr = [
+}), jr = ["simple", "divider"], Mr = ["row", "column"], Nr = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], Or = [
+], Pr = [
 	"space-between",
 	"start",
 	"end",
 	"center"
-], kr = [
+], Fr = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], Ar = ["for"], jr = [
+], Ir = ["for"], Lr = [
 	"id",
 	"checked",
 	"value",
@@ -3839,10 +3911,10 @@ var x = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], Mr = {
+], Rr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Nr = /* @__PURE__ */ s({
+}, zr = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -3870,12 +3942,12 @@ var x = () => {
 		ariaDescribedBy: {},
 		form: {},
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -3946,7 +4018,7 @@ var x = () => {
 		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), Ke(R.value, {
+				e || (e = new AbortController(), L.value = e), Je(R.value, {
 					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
@@ -4024,10 +4096,10 @@ var x = () => {
 					onBlur: u[1] ||= async (e) => H(e),
 					onFocus: u[2] ||= async (e) => ee(e),
 					onKeydown: u[3] ||= async (e) => U(e)
-				}, null, 40, jr),
+				}, null, 40, Lr),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, Ar),
+			], 8, Ir),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -4055,23 +4127,23 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Mr, g(P.value), 1)
-		], 10, kr));
+			i("span", Rr, g(P.value), 1)
+		], 10, Fr));
 	}
-}), Pr = [
+}), Br = [
 	"for",
 	"data-icon",
 	"data-icon-trailing",
 	"data-show-icon",
 	"data-show-icon-trailing",
 	"data-no-text"
-], Fr = [
+], Vr = [
 	"disabled",
 	"aria-selected",
 	"checked",
 	"name",
 	"id"
-], Ir = /* @__PURE__ */ s({
+], Hr = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
@@ -4170,12 +4242,12 @@ var x = () => {
 				name: v.value,
 				id: t.id ?? t.propOverrides?.id,
 				onInput: s[0] ||= async (e) => E(e)
-			}, null, 40, Fr),
+			}, null, 40, Vr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 8, Pr)], 2));
+		], 8, Br)], 2));
 	}
-}), Lr = ["id"], Rr = { role: "tablist" }, zr = /* @__PURE__ */ s({
+}), Ur = ["id"], Wr = { role: "tablist" }, Gr = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
@@ -4193,9 +4265,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-tab-list", t.class))
-		}, [i("ul", Rr, [h(a.$slots, "default")])], 10, Lr));
+		}, [i("ul", Wr, [h(a.$slots, "default")])], 10, Ur));
 	}
-}), Br = ["id"], Vr = /* @__PURE__ */ s({
+}), Kr = ["id"], qr = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
@@ -4215,16 +4287,16 @@ var x = () => {
 			ref: o,
 			class: c(_(C)("db-tab-panel", i.class)),
 			id: t.id ?? t.propOverrides?.id
-		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Br));
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Kr));
 	}
-}), Hr = [
+}), Jr = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
 	"colSpan",
 	"rowSpan",
 	"headers"
-], Ur = /* @__PURE__ */ s({
+], Yr = /* @__PURE__ */ s({
 	name: "DBTableDataCell",
 	__name: "table-data-cell",
 	props: {
@@ -4254,9 +4326,9 @@ var x = () => {
 			colSpan: _(j)(e.colSpan, e.colspan),
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers
-		}, [h(i.$slots, "default")], 10, Hr));
+		}, [h(i.$slots, "default")], 10, Jr));
 	}
-}), Wr = [
+}), Xr = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
@@ -4266,7 +4338,7 @@ var x = () => {
 	"rowSpan",
 	"headers",
 	"abbr"
-], Gr = /* @__PURE__ */ s({
+], Zr = /* @__PURE__ */ s({
 	name: "DBTableHeaderCell",
 	__name: "table-header-cell",
 	props: {
@@ -4305,13 +4377,13 @@ var x = () => {
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers,
 			abbr: e.abbr
-		}, [h(i.$slots, "default")], 10, Wr));
+		}, [h(i.$slots, "default")], 10, Xr));
 	}
-}), Kr = [
+}), Qr = [
 	"id",
 	"data-interactive",
 	"data-sub-header-emphasis"
-], qr = /* @__PURE__ */ s({
+], $r = /* @__PURE__ */ s({
 	name: "DBTableRow",
 	__name: "table-row",
 	props: {
@@ -4340,7 +4412,7 @@ var x = () => {
 			class: c(_(C)("db-table-row", o.class)),
 			"data-interactive": _(k)(n.interactive),
 			"data-sub-header-emphasis": n.subHeaderEmphasis
-		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Gr, {
+		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Zr, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-header-cell-${s}`,
 			id: o.id,
 			abbr: l(o)?.abbr,
@@ -4355,7 +4427,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(In, {
+			default: b(() => [o.link ? (f(), t(Hn, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4408,7 +4480,7 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		])) : (f(), t(Ur, {
+		])) : (f(), t(Yr, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-data-cell-${s}`,
 			id: o.id,
 			className: o.className ?? o.class,
@@ -4420,7 +4492,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(In, {
+			default: b(() => [o.link ? (f(), t(Hn, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4470,9 +4542,9 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Kr));
+		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Qr));
 	}
-}), Jr = ["id"], Yr = /* @__PURE__ */ s({
+}), ei = ["id"], ti = /* @__PURE__ */ s({
 	name: "DBTableBody",
 	__name: "table-body",
 	props: {
@@ -4491,7 +4563,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-body", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(qr, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t($r, {
 			key: `${e.id ?? n.id ?? _(i)}-table-body-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4502,9 +4574,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Jr));
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, ei));
 	}
-}), Xr = ["id"], Zr = /* @__PURE__ */ s({
+}), ni = ["id"], ri = /* @__PURE__ */ s({
 	name: "DBTableFooter",
 	__name: "table-footer",
 	props: {
@@ -4523,7 +4595,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-footer", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(qr, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t($r, {
 			key: `${e.id ?? n.id ?? _(i)}-table-footer-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4534,9 +4606,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Xr));
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, ni));
 	}
-}), Qr = ["id"], $r = /* @__PURE__ */ s({
+}), ii = ["id"], ai = /* @__PURE__ */ s({
 	name: "DBTableHead",
 	__name: "table-head",
 	props: {
@@ -4561,7 +4633,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-head", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(qr, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t($r, {
 			key: `${e.id ?? n.id ?? _(i)}-table-head-row-${r}`,
 			cells: s(e.cells),
 			className: e.className ?? e.class,
@@ -4574,9 +4646,9 @@ var x = () => {
 			"subHeaderEmphasis",
 			"interactive",
 			"id"
-		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, Qr));
+		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, ii));
 	}
-}), ei = [
+}), oi = [
 	"data-width",
 	"data-size",
 	"data-divider",
@@ -4584,7 +4656,7 @@ var x = () => {
 	"data-mobile-variant",
 	"data-show-caption",
 	"data-sticky-header"
-], ti = ["id"], ni = { key: 0 }, ri = /* @__PURE__ */ s({
+], si = ["id"], ci = { key: 0 }, li = /* @__PURE__ */ s({
 	name: "DBTable",
 	__name: "table",
 	props: {
@@ -4671,22 +4743,22 @@ var x = () => {
 			ref_key: "_ref",
 			ref: d,
 			id: a.id ?? a.propOverrides?.id
-		}, [a.captionPlain ? (f(), r("caption", ni, g(a.captionPlain), 1)) : h(p.$slots, "caption", { key: 1 }), s.value ? (f(), r(e, { key: 2 }, [
-			s.value?.header ? (f(), t($r, {
+		}, [a.captionPlain ? (f(), r("caption", ci, g(a.captionPlain), 1)) : h(p.$slots, "caption", { key: 1 }), s.value ? (f(), r(e, { key: 2 }, [
+			s.value?.header ? (f(), t(ai, {
 				key: 0,
 				rows: s.value?.header
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.body ? (f(), t(Yr, {
+			s.value?.body ? (f(), t(ti, {
 				key: 1,
 				rows: s.value?.body
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.footer ? (f(), t(Zr, {
+			s.value?.footer ? (f(), t(ri, {
 				key: 2,
 				rows: s.value?.footer
 			}, null, 8, ["rows"])) : n("", !0)
-		], 64)) : h(p.$slots, "default", { key: 3 })], 8, ti)], 14, ei));
+		], 64)) : h(p.$slots, "default", { key: 3 })], 8, si)], 14, oi));
 	}
-}), ii = ["id"], ai = /* @__PURE__ */ s({
+}), ui = ["id"], di = /* @__PURE__ */ s({
 	name: "DBTableCaption",
 	__name: "table-caption",
 	props: {
@@ -4704,52 +4776,51 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-table-caption", t.class))
-		}, [h(i.$slots, "default")], 10, ii));
+		}, [h(i.$slots, "default")], 10, ui));
 	}
-}), oi = [
+}), fi = [
 	"row",
 	"col",
 	"rowgroup",
 	"colgroup"
-], si = [
+], pi = [
 	"none",
 	"weak",
 	"strong"
-], ci = [
+], mi = [
 	"x-small",
 	"small",
 	"medium",
 	"large"
-], li = [
+], hi = [
 	"flat",
 	"zebra",
 	"spaced"
-], ui = [
+], gi = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], di = ["table", "list"], fi = [
+], _i = ["table", "list"], vi = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], pi = [
+], yi = [
 	"auto",
 	"1fr",
 	"min-content",
 	"max-content"
-], mi = [
+], bi = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
 	"data-alignment",
 	"data-width"
-], hi = /* @__PURE__ */ s({
+], xi = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
-		arrowScrollDistance: { default: void 0 },
 		behavior: { default: void 0 },
 		initialSelectedIndex: { default: void 0 },
 		initialSelectedMode: { default: void 0 },
@@ -4764,6 +4835,9 @@ var x = () => {
 		orientation: { default: void 0 },
 		width: { default: void 0 },
 		alignment: { default: void 0 },
+		arrowScrollDistance: { default: void 0 },
+		scrollLeftText: { default: void 0 },
+		scrollRightText: { default: void 0 },
 		indexChange: {},
 		onIndexChange: {
 			type: Function,
@@ -4780,7 +4854,7 @@ var x = () => {
 		u(() => {
 			x.value = `tabs-${l.name || s}`, S.value = !0;
 		}), d(() => {
-			D.value?.disconnect(), D.value = void 0;
+			D.value &&= (new _t().unobserve(D.value), void 0);
 		}), y(() => [O.value, S.value], () => {
 			if (O.value && S.value) {
 				M(), N(!0);
@@ -4823,20 +4897,17 @@ var x = () => {
 				let e = O.value.querySelector(".db-tab-list");
 				if (e) {
 					let t = e.querySelector("[role=\"tablist\"]");
-					if (t && (t.setAttribute("aria-orientation", l.orientation || "horizontal"), l.behavior === "arrows" && (E.value = t, A(t), t.addEventListener("scroll", () => {
+					t && (t.setAttribute("aria-orientation", l.orientation || "horizontal"), l.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;
-					}
+					}), D.value ||= new _t().observe(t, () => {
+						A(t);
+					})));
 				}
 			}
 		}
 		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)"));
+				let t = Array.from(O.value.querySelectorAll(":is(:scope > db-tab-list .db-tab-item, :scope > .db-tab-list .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) {
@@ -4884,20 +4955,20 @@ var x = () => {
 			onInput: u[0] ||= async (e) => P(e),
 			onChange: u[1] ||= async (e) => P(e)
 		}, [
-			w.value ? (f(), t(Re, {
+			w.value ? (f(), t(Be, {
 				key: 0,
-				class: "tabs-scroll-left",
+				class: "overflow-scroll-left-button",
 				variant: "ghost",
 				icon: "chevron_left",
 				type: "button",
 				noText: !0,
 				onClick: (e) => j(!0)
 			}, {
-				default: b(() => [...u[2] ||= [a(" Scroll left ", -1)]]),
+				default: b(() => [a(g(i.scrollLeftText ?? _("Scroll left")), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			i.tabs ? (f(), r(e, { key: 1 }, [o(zr, null, {
-				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Ir, {
+			i.tabs ? (f(), r(e, { key: 1 }, [o(Gr, null, {
+				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Hr, {
 					key: i.name + "tab-item" + n,
 					active: e.active,
 					label: e.label,
@@ -4912,33 +4983,33 @@ var x = () => {
 					"noText"
 				]))), 128))]),
 				_: 1
-			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(Vr, {
+			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(qr, {
 				key: i.name + "tab-panel" + n,
 				content: e.content
 			}, {
 				default: b(() => [a(g(e.children), 1)]),
 				_: 2
 			}, 1032, ["content"]))), 128))], 64)) : n("", !0),
-			T.value ? (f(), t(Re, {
+			T.value ? (f(), t(Be, {
 				key: 2,
-				class: "tabs-scroll-right",
+				class: "overflow-scroll-right-button",
 				variant: "ghost",
 				icon: "chevron_right",
 				type: "button",
 				noText: !0,
 				onClick: (e) => j()
 			}, {
-				default: b(() => [...u[3] ||= [a(" Scroll right ", -1)]]),
+				default: b(() => [a(g(i.scrollRightText ?? _("Scroll right")), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
 			h(s.$slots, "default")
-		], 42, mi));
+		], 42, bi));
 	}
-}), gi = ["scrollbar", "arrows"], _i = ["auto", "manually"], vi = ["static", "removable"], yi = [
+}), Si = ["scrollbar", "arrows"], Ci = ["auto", "manually"], wi = ["static", "removable"], Ti = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], bi = ["for"], xi = [
+], Ei = ["for"], Di = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -4960,10 +5031,10 @@ var x = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], Si = {
+], Oi = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ci = /* @__PURE__ */ s({
+}, ki = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -5005,12 +5076,12 @@ var x = () => {
 		ariaDescribedBy: { default: void 0 },
 		form: { default: void 0 },
 		validation: { default: void 0 },
+		label: { default: void 0 },
+		name: { default: void 0 },
 		disabled: {
 			type: [Boolean, String],
 			default: void 0
 		},
-		label: { default: void 0 },
-		name: { default: void 0 },
 		required: {
 			type: [Boolean, String],
 			default: void 0
@@ -5088,7 +5159,7 @@ var x = () => {
 		}), y(() => [L.value], () => {
 			if (L.value) {
 				let e = P.value;
-				e || (e = new AbortController(), P.value = e), qe(L.value, {
+				e || (e = new AbortController(), P.value = e), Ye(L.value, {
 					value: h.value,
 					defaultValue: void 0
 				}, (e) => {
@@ -5127,7 +5198,7 @@ var x = () => {
 			"data-hide-asterisk": _(F)(e.showRequiredAsterisk),
 			"data-hide-label": _(F)(e.showLabel)
 		}, [
-			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, bi),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, Ei),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -5156,7 +5227,7 @@ var x = () => {
 				placeholder: e.placeholder ?? _(" "),
 				rows: _(j)(e.rows, _(4)),
 				cols: _(j)(e.cols)
-			}, g(e.value), 41, xi),
+			}, g(e.value), 41, Di),
 			_(I)(e.message, e.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -5183,50 +5254,50 @@ var x = () => {
 				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Si, g(N.value), 1)
-		], 10, yi));
+			i("span", Oi, g(N.value), 1)
+		], 10, Ti));
 	}
-}), wi = [
+}), Ai = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Ti = [
+], ji = [
 	"hard",
 	"soft",
 	"off"
-], Ei = ["description", "label"], Di = [
+], Mi = ["description", "label"], Ni = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], Oi = [
+], Pi = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], ki = [
+], Fi = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], Ai = [
+], Ii = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], ji = [
+], Li = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], Mi = [...Ai, ...ji], Ni = [
+], Ri = [...Ii, ...Li], zi = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -5237,25 +5308,25 @@ var x = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], Pi = ["horizontal", "vertical"], Fi = ["full", "auto"], Ii = [
+], Bi = ["horizontal", "vertical"], Vi = ["full", "auto"], Hi = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], Li = [
+], Ui = [
 	"none",
 	"slow",
 	"fast"
-], Ri = ["auto", "fixed"], zi = ["small", "medium"], Bi = ["weak", "strong"], Vi = [
+], Wi = ["auto", "fixed"], Gi = ["small", "medium"], Ki = ["weak", "strong"], qi = [
 	"invalid",
 	"valid",
 	"no-validation"
-], Hi = ["fixed", "content"], Ui = ["above", "floating"], Wi = ["leading", "trailing"], Gi = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), Ki = [
+], Ji = ["fixed", "content"], Yi = ["above", "floating"], Xi = ["leading", "trailing"], Zi = /* @__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("."), Qi = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], qi = [
+], $i = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -5264,10 +5335,10 @@ var x = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], Ji = [
+], ea = [
 	"start",
 	"center",
 	"end"
 ];
 //#endregion
-export { re as AccordionBehaviorList, ne as AccordionVariantList, Ji as AlignmentList, Gi as AutoCompleteList, Pe as BadgePlacementList, Be as ButtonTypeList, ze as ButtonVariantList, Se as COLOR, Ce as COLORS, we as COLORS_SIMPLE, be as COLOR_CONST, Z as COLOR_SIMPLE, Ue as CardBehaviorList, We as CardElevationLevelList, Yt as CustomSelectDropdownWidthList, Qt as CustomSelectListItemTypeList, W as DBAccordion, U as DBAccordionItem, Ne as DBBadge, Ie as DBBrand, Re as DBButton, He as DBCard, $e as DBCheckbox, tt as DBCustomButton, Jt as DBCustomSelect, pt as DBCustomSelectDropdown, Zt as DBCustomSelectFormField, xt as DBCustomSelectList, yt as DBCustomSelectListItem, tn as DBDivider, un as DBDrawer, An as DBHeader, Mn as DBIcon, $ as DBInfotext, Ot as DBInput, In as DBLink, Vn as DBNavigation, Kn as DBNavigationItem, Zn as DBNotification, nr as DBPage, sr as DBPopover, ur as DBRadio, fr as DBSection, Sr as DBSelect, wr as DBStack, Nr as DBSwitch, Ir as DBTabItem, zr as DBTabList, Vr as DBTabPanel, ri as DBTable, Yr as DBTableBody, ai as DBTableCaption, pi as DBTableColumnsSizeList, Ur as DBTableDataCell, ui as DBTableDividerList, Zr as DBTableFooter, $r as DBTableHead, Gr as DBTableHeaderCell, oi as DBTableHeaderCellScopeList, di as DBTableMobileVariantList, qr as DBTableRow, ci as DBTableRowSizeList, si as DBTableRowSubHeaderEmphasisList, fi as DBTableStickyHeaderList, li as DBTableVariantList, hi as DBTabs, Mt as DBTag, Ci as DBTextarea, At as DBTooltip, Ae as DB_UX_LOCAL_STORAGE_FRAMEWORK, je as DB_UX_LOCAL_STORAGE_MODE, pe as DEFAULT_BACK, he as DEFAULT_BURGER_MENU, ve as DEFAULT_CLOSE_BUTTON, Y as DEFAULT_DATALIST_ID_SUFFIX, ge as DEFAULT_ICON, G as DEFAULT_ID, de as DEFAULT_INVALID_MESSAGE, ce as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, ie as DEFAULT_LABEL, oe as DEFAULT_LABEL_ID_SUFFIX, K as DEFAULT_MESSAGE, q as DEFAULT_MESSAGE_ID_SUFFIX, ae as DEFAULT_PLACEHOLDER, le as DEFAULT_PLACEHOLDER_ID_SUFFIX, fe as DEFAULT_REMOVE, _e as DEFAULT_ROWS, me as DEFAULT_SELECTED, se as DEFAULT_SELECT_ID_SUFFIX, ue as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, De as DEFAULT_VIEWPORT, X as DENSITIES, xe as DENSITY, ye as DENSITY_CONST, Oe as DESKTOP_VIEWPORT, nn as DividerMarginList, rn as DividerVariantList, nt as DocumentClickListener, rt as DocumentScrollListener, dn as DrawerBackdropList, fn as DrawerDirectionList, mn as DrawerPositionList, pn as DrawerVariantList, Bi as EmphasisList, Hi as FieldSizingList, Ni as GapSpacingList, Nn as IconWeightList, Pn as InputTypeList, Wi as LabelVariantHorizontalList, Ui as LabelVariantList, zn as LinkContentList, qi as LinkReferrerPolicyList, Rn as LinkSizeList, Ki as LinkTargetList, Ln as LinkVariantList, ki as MarginList, Ii as MaxWidthList, gn as NavigationItemSafeTriangle, er as NotificationAriaLiveList, $n as NotificationLinkVariantList, Qn as NotificationVariantList, Pi as OrientationList, ir as PageDocumentOverflowList, rr as PageVariantList, Ai as PlacementHorizontalList, Mi as PlacementList, ji as PlacementVerticalList, Li as PopoverDelayList, Ri as PopoverWidthList, Te as SEMANTIC, Ee as SEMANTICS, $t as SelectedTypeList, Di as SemanticList, zi as SizeList, Oi as SpacingList, Dr as StackAlignmentList, Er as StackDirectionList, Or as StackJustifyContentList, Tr as StackVariantList, ke as TESTING_VIEWPORTS, gi as TabsBehaviorList, _i as TabsInitialSelectedModeList, vi as TagBehaviorList, wi as TextareaResizeList, Ti as TextareaWrapList, Ei as TooltipVariantList, Vi as ValidationList, Fi as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, st as getFloatingProps, F as getHideProp, N as getInputValue, V as getNotificationRole, j as getNumber, z as getOptionKey, L as getSearchInput, M as getStep, at as handleDataOutside, ot as handleFixedDropdown, dt as handleFixedPopover, E as hasVoiceOver, w as isArrayOfStrings, hn as isEventTargetNavigationItem, D as isIOSSafari, B as isKeyboardEvent, I as stringPropVisible, x as uuid };
+export { re as AccordionBehaviorList, ne as AccordionVariantList, ea as AlignmentList, Zi as AutoCompleteList, Ie as BadgePlacementList, He as ButtonTypeList, Ve as ButtonVariantList, we as COLOR, Te as COLORS, Ee as COLORS_SIMPLE, Se as COLOR_CONST, Ce as COLOR_SIMPLE, Ge as CardBehaviorList, Ke as CardElevationLevelList, tn as CustomSelectDropdownWidthList, an as CustomSelectListItemTypeList, W as DBAccordion, U as DBAccordionItem, Fe as DBBadge, Re as DBBrand, Be as DBButton, We as DBCard, tt as DBCheckbox, rt as DBCustomButton, en as DBCustomSelect, yt as DBCustomSelectDropdown, rn as DBCustomSelectFormField, Dt as DBCustomSelectList, Tt as DBCustomSelectListItem, cn as DBDivider, gn as DBDrawer, In as DBHeader, Rn as DBIcon, $ as DBInfotext, Pt as DBInput, Hn as DBLink, qn as DBNavigation, Qn as DBNavigationItem, rr as DBNotification, cr as DBPage, pr as DBPopover, gr as DBRadio, vr as DBSection, Or as DBSelect, Ar as DBStack, zr as DBSwitch, Hr as DBTabItem, Gr as DBTabList, qr as DBTabPanel, li as DBTable, ti as DBTableBody, di as DBTableCaption, yi as DBTableColumnsSizeList, Yr as DBTableDataCell, gi as DBTableDividerList, ri as DBTableFooter, ai as DBTableHead, Zr as DBTableHeaderCell, fi as DBTableHeaderCellScopeList, _i as DBTableMobileVariantList, $r as DBTableRow, mi as DBTableRowSizeList, pi as DBTableRowSubHeaderEmphasisList, vi as DBTableStickyHeaderList, hi as DBTableVariantList, xi as DBTabs, Rt as DBTag, ki as DBTextarea, It as DBTooltip, Me as DB_UX_LOCAL_STORAGE_FRAMEWORK, Ne as DB_UX_LOCAL_STORAGE_MODE, pe as DEFAULT_BACK, _e as DEFAULT_BURGER_MENU, be as DEFAULT_CLOSE_BUTTON, Y as DEFAULT_DATALIST_ID_SUFFIX, ve as DEFAULT_ICON, G as DEFAULT_ID, de as DEFAULT_INVALID_MESSAGE, ce as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, ie as DEFAULT_LABEL, oe as DEFAULT_LABEL_ID_SUFFIX, K as DEFAULT_MESSAGE, q as DEFAULT_MESSAGE_ID_SUFFIX, ae as DEFAULT_PLACEHOLDER, le as DEFAULT_PLACEHOLDER_ID_SUFFIX, fe as DEFAULT_REMOVE, ye as DEFAULT_ROWS, he as DEFAULT_SCROLL_LEFT, ge as DEFAULT_SCROLL_RIGHT, me as DEFAULT_SELECTED, se as DEFAULT_SELECT_ID_SUFFIX, ue as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, ke as DEFAULT_VIEWPORT, Z as DENSITIES, X as DENSITY, xe as DENSITY_CONST, Ae as DESKTOP_VIEWPORT, ln as DividerMarginList, un as DividerVariantList, at as DocumentClickListener, ot as DocumentScrollListener, _n as DrawerBackdropList, vn as DrawerDirectionList, bn as DrawerPositionList, yn as DrawerVariantList, Ki as EmphasisList, Ji as FieldSizingList, zi as GapSpacingList, zn as IconWeightList, Bn as InputTypeList, Xi as LabelVariantHorizontalList, Yi as LabelVariantList, Gn as LinkContentList, $i as LinkReferrerPolicyList, Wn as LinkSizeList, Qi as LinkTargetList, Un as LinkVariantList, Fi as MarginList, Hi as MaxWidthList, Sn as NavigationItemSafeTriangle, or as NotificationAriaLiveList, ar as NotificationLinkVariantList, ir as NotificationVariantList, Bi as OrientationList, ur as PageDocumentOverflowList, lr as PageVariantList, Ii as PlacementHorizontalList, Ri as PlacementList, Li as PlacementVerticalList, Ui as PopoverDelayList, Wi as PopoverWidthList, De as SEMANTIC, Oe as SEMANTICS, on as SelectedTypeList, Ni as SemanticList, Gi as SizeList, Pi as SpacingList, Nr as StackAlignmentList, Mr as StackDirectionList, Pr as StackJustifyContentList, jr as StackVariantList, je as TESTING_VIEWPORTS, Si as TabsBehaviorList, Ci as TabsInitialSelectedModeList, wi as TagBehaviorList, Ai as TextareaResizeList, ji as TextareaWrapList, Mi as TooltipVariantList, qi as ValidationList, Vi as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, ct as getFloatingProps, F as getHideProp, N as getInputValue, V as getNotificationRole, j as getNumber, z as getOptionKey, L as getSearchInput, M as getStep, pt as handleDataOutside, st as handleFixedDropdown, ft as handleFixedPopover, E as hasVoiceOver, w as isArrayOfStrings, xn as isEventTargetNavigationItem, D as isIOSSafari, B as isKeyboardEvent, I as stringPropVisible, x as uuid };