@db-ux/v-core-components 4.10.2 → 4.11.0

package/dist/db-ux.es.js

@@ -1,41 +1,41 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, onMounted as l, onUnmounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, watch as v, withCtx as y } from "vue";
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onMounted as u, onUnmounted as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useId as v, watch as y, withCtx as b } from "vue";
 //#region src/utils/index.ts
-var b = () => {
+var x = () => {
 	if (typeof window < "u") {
 		if (window.crypto?.randomUUID) return window.crypto.randomUUID();
 		if (window.crypto?.getRandomValues) return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
 	}
 	return Math.random().toString().substring(2);
-}, x = (e, t) => {
+}, S = (e, t) => {
 	let n = e.children;
 	Object.values(n).forEach((e) => {
-		e.setAttribute(t.key, t.value), e.children.length > 0 && x(e, t);
+		e.setAttribute(t.key, t.value), e.children.length > 0 && S(e, t);
 	});
-}, S = (...e) => {
+}, C = (...e) => {
 	let t = "";
 	for (let n of e) if (n) if (typeof n == "string") t += `${n} `;
 	else for (let e in n) n[e] && (t += `${e} `);
 	return t.trim();
-}, C = (e) => Array.isArray(e) && e.every((e) => typeof e == "string"), w = [
+}, w = (e) => Array.isArray(e) && e.every((e) => typeof e == "string"), T = [
 	"Mac",
 	"iPhone",
 	"iPad",
 	"iPod"
-], T = () => typeof window < "u" && w.some((e) => window.navigator.userAgent.includes(e)), E = () => {
+], E = () => typeof window < "u" && T.some((e) => window.navigator.userAgent.includes(e)), D = () => {
 	if (typeof window > "u" || typeof navigator > "u") return !1;
 	let e = navigator.userAgent, t = /iP(ad|hone|od)/.test(e), n = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
 	return t && n;
-}, D = (e, t) => new Promise(() => setTimeout(e, t)), O = (e) => {
-	if (e != null) return String(typeof e == "string" ? e === "true" : e);
-}, k = (e, t) => {
-	if (e != null) return typeof e == "string" ? t === e || e === "true" : !!e;
+}, O = (e, t) => new Promise(() => setTimeout(e, t)), k = (e, t) => {
+	if (e != null) return String(typeof e == "string" ? e === "" || e === "true" || t?.toLowerCase() === e.toLowerCase() : e);
 }, A = (e, t) => {
+	if (e != null) return typeof e == "string" ? e === "" || e === "true" || t?.toLowerCase() === e.toLowerCase() : !!e;
+}, j = (e, t) => {
 	if (!(e == null && t == null)) return Number(e ?? t);
-}, j = (e) => {
+}, M = (e) => {
 	if (e != null) return e === "any" ? "any" : Number(e);
-}, M = (e, t) => t && ["number", "range"].includes(t) ? A(e) : e, N = (e) => typeof e == "string" ? e === "true" : e, P = (e) => {
-	if (e != null) return O(!N(e));
-}, F = (e, t) => (t === void 0 || N(t)) && !!e, I = (e) => e.querySelector("input[type=\"search\"]"), L = (e, t) => `${t}${e.id ?? e.value ?? b()}`, R = (e) => e.key !== void 0, z = ({ semantic: e, role: t, ariaLive: n }) => {
+}, N = (e, t) => t && ["number", "range"].includes(t) ? j(e) : e, P = (e) => typeof e == "string" ? e !== "false" : e, F = (e) => {
+	if (e != null) return k(!P(e), "show");
+}, I = (e, t) => (t === void 0 || P(t)) && !!e, L = (e) => e.querySelector("input[type=\"search\"]"), R = (e, t) => `${t}${e.id ?? e.value ?? x()}`, z = (e) => e.key !== void 0, B = ({ semantic: e, role: t, ariaLive: n }) => {
 	if (t) return t;
 	if (n) return "article";
 	switch (e) {
@@ -45,11 +45,11 @@ var b = () => {
 		case "successful": return "status";
 		default: return "article";
 	}
-}, B = ["id"], V = [
+}, V = ["id"], H = [
 	"aria-disabled",
 	"name",
 	"open"
-], H = /* @__PURE__ */ s({
+], U = /* @__PURE__ */ s({
 	name: "DBAccordionItem",
 	__name: "accordion-item",
 	props: {
@@ -82,43 +82,43 @@ var b = () => {
 		name: { default: void 0 }
 	},
 	setup(t) {
-		let o = t, s = f(!1), u = f(void 0), p = f(!1), _ = f(null);
-		l(() => {
-			o.defaultOpen && (s.value = o.defaultOpen), p.value = !0;
-		}), v(() => [_.value, p.value], () => {
-			_.value && p.value;
+		let o = t, s = p(!1), l = p(void 0), d = p(!1), m = p(null);
+		u(() => {
+			o.defaultOpen && (s.value = o.defaultOpen), d.value = !0;
+		}), y(() => [m.value, d.value], () => {
+			m.value && d.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [o.name], () => {
-			o.name && (u.value = o.name);
+		}), y(() => [o.name], () => {
+			o.name && (l.value = o.name);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [o.open], () => {
-			let e = k(o.open, "open");
+		}), y(() => [o.open], () => {
+			let e = A(o.open, "open");
 			e !== void 0 && (s.value = e);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function y(e) {
+		function v(e) {
 			e?.preventDefault();
 			let t = !s.value;
 			o.onToggle && o.onToggle(t), o.open === void 0 && (s.value = t);
 		}
-		return (l, f) => (d(), r("li", {
+		return (u, d) => (f(), r("li", {
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-accordion-item", o.class))
+			class: c(_(C)("db-accordion-item", o.class))
 		}, [i("details", {
-			"aria-disabled": g(O)(t.disabled),
+			"aria-disabled": _(k)(t.disabled, "disabled"),
 			ref_key: "_ref",
-			ref: _,
-			name: u.value,
+			ref: m,
+			name: l.value,
 			open: s.value
-		}, [i("summary", { onClick: f[0] ||= async (e) => y(e) }, [t.headlinePlain ? (d(), r(e, { key: 0 }, [a(h(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : m(l.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(l.$slots, "default")])], 8, V)], 10, B));
+		}, [i("summary", { onClick: d[0] ||= async (e) => v(e) }, [t.headlinePlain ? (f(), r(e, { key: 0 }, [a(g(t.headlinePlain), 1)], 64)) : n("", !0), t.headlinePlain ? n("", !0) : h(u.$slots, "headline", { key: 1 })]), i("div", null, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")])], 8, H)], 10, V));
 	}
-}), ee = ["id", "data-variant"], U = /* @__PURE__ */ s({
+}), W = ["id", "data-variant"], ee = /* @__PURE__ */ s({
 	name: "DBAccordion",
 	__name: "accordion",
 	props: {
@@ -136,34 +136,34 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(i) {
-		let a = _(), o = i, s = f(""), u = f(!1), h = f(!1), y = f(null);
-		l(() => {
-			u.value = !0, h.value = !0;
-		}), v(() => [
-			u.value,
+		let a = v(), o = i, s = p(""), l = p(!1), d = p(!1), g = p(null);
+		u(() => {
+			l.value = !0, d.value = !0;
+		}), y(() => [
+			l.value,
 			o.name,
 			o.behavior
 		], () => {
-			u.value && y.value && (o.behavior === "single" ? o.name ? s.value !== o.name && (s.value = o.name) : s.value = `accordion-${a}` : s.value = "");
+			l.value && g.value && (o.behavior === "single" ? o.name ? s.value !== o.name && (s.value = o.name) : s.value = `accordion-${a}` : s.value = "");
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [y.value, s.value], () => {
-			if (y.value) {
-				let e = y.value.getElementsByTagName("details");
+		}), y(() => [g.value, s.value], () => {
+			if (g.value) {
+				let e = g.value.getElementsByTagName("details");
 				if (e) for (let t of Array.from(e)) s.value === "" ? t.removeAttribute("name") : t.name = s.value ?? "";
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			y.value,
-			h.value,
+		}), y(() => [
+			g.value,
+			d.value,
 			o.initOpenIndex
 		], () => {
-			if (y.value && h.value) {
+			if (g.value && d.value) {
 				if (o.initOpenIndex && o.initOpenIndex.length > 0) {
-					let e = y.value.getElementsByTagName("details");
+					let e = g.value.getElementsByTagName("details");
 					if (e) {
 						let t = o.behavior === "single" && o.initOpenIndex.length > 1 ? [o.initOpenIndex[0]] : o.initOpenIndex;
 						Array.from(e).forEach((e, n) => {
@@ -171,7 +171,7 @@ var b = () => {
 						});
 					}
 				}
-				h.value = !1;
+				d.value = !1;
 			}
 		}, {
 			immediate: !0,
@@ -185,13 +185,13 @@ var b = () => {
 			}
 			return [];
 		}
-		return (a, s) => (d(), r("ul", {
+		return (a, s) => (f(), r("ul", {
 			ref_key: "_ref",
-			ref: y,
+			ref: g,
 			id: i.id ?? i.propOverrides?.id,
-			class: c(g(S)("db-accordion", o.class)),
+			class: c(_(C)("db-accordion", o.class)),
 			"data-variant": i.variant
-		}, [i.items ? n("", !0) : m(a.$slots, "default", { key: 0 }), i.items ? (d(!0), r(e, { key: 1 }, p(b(), (e, n) => (d(), t(H, {
+		}, [i.items ? n("", !0) : h(a.$slots, "default", { key: 0 }), i.items ? (f(!0), r(e, { key: 1 }, m(b(), (e, n) => (f(), t(U, {
 			key: `accordion-item-${n}`,
 			headlinePlain: e.headlinePlain,
 			disabled: e.disabled,
@@ -200,26 +200,26 @@ var b = () => {
 			"headlinePlain",
 			"disabled",
 			"text"
-		]))), 128)) : n("", !0)], 10, ee));
+		]))), 128)) : n("", !0)], 10, W));
 	}
-}), te = ["divider", "card"], W = ["multiple", "single"], ne = "OVERWRITE_DEFAULT_ID", re = "LABEL SHOULD BE SET", G = " ", ie = "MESSAGE SHOULD BE SET", ae = "-label", oe = "-select", K = "-message", q = "-valid-message", J = "-invalid-message", se = "-placeholder", ce = "-datalist", le = "TODO: Add a validMessage", Y = "TODO: Add an invalidMessage", ue = "Remove", de = "Back", fe = "Selected", pe = "BurgerMenu", me = "brand", he = 4, ge = "Close", _e = "density", ve = "color", ye = /* @__PURE__ */ function(e) {
+}), G = ["divider", "card"], te = ["multiple", "single"], ne = "OVERWRITE_DEFAULT_ID", K = "LABEL SHOULD BE SET", re = " ", ie = "MESSAGE SHOULD BE SET", ae = "-label", oe = "-select", q = "-message", J = "-valid-message", se = "-invalid-message", ce = "-placeholder", le = "-datalist", Y = "TODO: Add a validMessage", ue = "TODO: Add an invalidMessage", de = "Remove", fe = "Back", pe = "Selected", me = "BurgerMenu", he = "brand", ge = 4, _e = "Close", ve = "density", ye = "color", be = /* @__PURE__ */ function(e) {
 	return e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e;
-}({}), be = Object.entries(ye).map(([, e]) => e), xe = /* @__PURE__ */ function(e) {
+}({}), xe = Object.entries(be).map(([, e]) => e), X = /* @__PURE__ */ function(e) {
 	return e.PRIMARY = "primary", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), Z = /* @__PURE__ */ function(e) {
 	return e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e;
-}({}), Z = Object.entries(X).map(([, e]) => e), Se = Object.entries(xe).map(([, e]) => e), Ce = /* @__PURE__ */ function(e) {
+}({}), Se = Object.entries(Z).map(([, e]) => e), Ce = Object.entries(X).map(([, e]) => e), we = /* @__PURE__ */ function(e) {
 	return e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e;
-}({}), we = Object.entries(Ce).map(([, e]) => e), Te = {
+}({}), Te = Object.entries(we).map(([, e]) => e), Ee = {
 	width: 390,
 	height: 884
-}, Ee = {
+}, De = {
 	width: 1920,
 	height: 1280
-}, De = [
+}, Oe = [
 	{
 		name: "desktop",
-		...Ee
+		...De
 	},
 	{
 		name: "tablet",
@@ -228,9 +228,9 @@ var b = () => {
 	},
 	{
 		name: "mobile",
-		...Te
+		...Ee
 	}
-], Oe = "db-ux-framework", ke = "db-ux-mode", Ae = [
+], ke = "db-ux-framework", Ae = "db-ux-mode", je = [
 	"id",
 	"data-semantic",
 	"data-size",
@@ -238,7 +238,7 @@ var b = () => {
 	"data-placement",
 	"data-wrap",
 	"data-label"
-], je = /* @__PURE__ */ s({
+], Me = /* @__PURE__ */ s({
 	name: "DBBadge",
 	__name: "badge",
 	props: {
@@ -260,10 +260,10 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let i = t, o = f(!1), s = f(null);
-		return l(() => {
+		let i = t, o = p(!1), s = p(null);
+		return u(() => {
 			o.value = !0;
-		}), v(() => [s.value, o.value], () => {
+		}), y(() => [s.value, o.value], () => {
 			if (s.value && o.value && i.placement?.startsWith("corner")) {
 				let e = s.value.parentElement;
 				e && e.localName.includes("badge") && (e = e.parentElement), e && (e.dataset.hasBadge = "true");
@@ -271,20 +271,20 @@ var b = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), (o, l) => (d(), r("span", {
+		}), (o, l) => (f(), r("span", {
 			ref_key: "_ref",
 			ref: s,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-badge", i.class)),
+			class: c(_(C)("db-badge", i.class)),
 			"data-semantic": t.semantic,
 			"data-size": t.size,
 			"data-emphasis": t.emphasis,
 			"data-placement": t.placement,
-			"data-wrap": g(O)(t.wrap),
-			"data-label": t.placement?.startsWith("corner") && (t.label ?? g("LABEL SHOULD BE SET"))
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(o.$slots, "default")], 10, Ae));
+			"data-wrap": _(k)(t.wrap, "wrap"),
+			"data-label": t.placement?.startsWith("corner") && (t.label ?? _("LABEL SHOULD BE SET"))
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(o.$slots, "default")], 10, je));
 	}
-}), Me = [
+}), Ne = [
 	"inline",
 	"corner-top-left",
 	"corner-top-right",
@@ -292,11 +292,11 @@ var b = () => {
 	"corner-center-right",
 	"corner-bottom-left",
 	"corner-bottom-right"
-], Ne = [
+], Pe = [
 	"data-icon",
 	"data-show-icon",
 	"id"
-], Pe = /* @__PURE__ */ s({
+], Fe = /* @__PURE__ */ s({
 	name: "DBBrand",
 	__name: "brand",
 	props: {
@@ -318,17 +318,17 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let i = t, o = f(null);
-		return (s, l) => (d(), r("div", {
+		let i = t, o = p(null);
+		return (s, l) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: o,
-			"data-icon": t.hideLogo ? "none" : t.icon ?? g("brand"),
-			"data-show-icon": g(O)(t.showIcon),
+			"data-icon": t.hideLogo ? "none" : t.icon ?? _("brand"),
+			"data-show-icon": _(k)(t.showIcon, "showIcon"),
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-brand", i.class))
-		}, [m(s.$slots, "default"), t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0)], 10, Ne));
+			class: c(_(C)("db-brand", i.class))
+		}, [h(s.$slots, "default"), t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0)], 10, Pe));
 	}
-}), Fe = [
+}), Ie = [
 	"id",
 	"type",
 	"disabled",
@@ -344,7 +344,7 @@ var b = () => {
 	"name",
 	"form",
 	"value"
-], Ie = /* @__PURE__ */ s({
+], Le = /* @__PURE__ */ s({
 	name: "DBButton",
 	__name: "button",
 	props: {
@@ -396,50 +396,50 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let i = t, o = f(null);
+		let i = t, o = p(null);
 		function s() {
 			return i.type ? i.type : i.onClick ? "button" : "submit";
 		}
 		function l(e) {
 			i.onClick && i.onClick(e);
 		}
-		return (u, f) => (d(), r("button", {
+		return (u, d) => (f(), r("button", {
 			ref_key: "_ref",
 			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-button", i.class)),
+			class: c(_(C)("db-button", i.class)),
 			type: s(),
-			disabled: g(k)(t.disabled, "disabled"),
+			disabled: _(A)(t.disabled, "disabled"),
 			"data-icon": t.iconLeading ?? t.icon,
-			"data-show-icon": g(O)(t.showIconLeading ?? t.showIcon),
+			"data-show-icon": _(k)(t.showIconLeading, "showIconLeading") || _(k)(t.showIcon, "showIcon"),
 			"data-icon-trailing": t.iconTrailing,
-			"data-show-icon-trailing": g(O)(t.showIconTrailing),
+			"data-show-icon-trailing": _(k)(t.showIconTrailing, "showIconTrailing"),
 			"data-size": t.size,
 			"data-width": t.width,
 			"data-variant": t.variant,
-			"data-wrap": g(O)(t.wrap),
-			"data-no-text": g(O)(t.noText),
+			"data-wrap": _(k)(t.wrap, "wrap"),
+			"data-no-text": _(k)(t.noText, "noText"),
 			name: t.name,
 			form: t.form,
 			value: t.value,
-			onClick: f[0] ||= async (e) => l(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(u.$slots, "default")], 10, Fe));
+			onClick: d[0] ||= async (e) => l(e)
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(u.$slots, "default")], 10, Ie));
 	}
-}), Le = [
+}), Re = [
 	"outlined",
 	"brand",
 	"filled",
 	"ghost"
-], Re = [
+], ze = [
 	"button",
 	"reset",
 	"submit"
-], ze = [
+], Be = [
 	"id",
 	"data-behavior",
 	"data-elevation-level",
 	"data-spacing"
-], Be = /* @__PURE__ */ s({
+], Ve = /* @__PURE__ */ s({
 	name: "DBCard",
 	__name: "card",
 	props: {
@@ -459,34 +459,34 @@ var b = () => {
 		spacing: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
+		let t = e, n = p(null);
 		function i(e) {
 			t.onClick && t.onClick(e);
 		}
-		return (a, o) => (d(), r("div", {
+		return (a, o) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-card", t.class)),
+			class: c(_(C)("db-card", t.class)),
 			"data-behavior": e.behavior,
 			"data-elevation-level": e.elevationLevel,
 			"data-spacing": e.spacing,
 			onClick: o[0] ||= async (e) => i(e)
-		}, [m(a.$slots, "default")], 10, ze));
+		}, [h(a.$slots, "default")], 10, Be));
 	}
-}), Ve = ["static", "interactive"], He = [
+}), He = ["static", "interactive"], Ue = [
 	"1",
 	"2",
 	"3"
 ], Q = (e, t, n = "value") => {
 	e(`update:${n}`, t.target[n]);
-}, Ue = (e, t, n) => {
+}, We = (e, t, n) => {
 	e.form && !e._dbFormResetListenerAdded && (e.form.addEventListener("reset", (e) => {
 		t(e);
 	}, { signal: n }), e._dbFormResetListenerAdded = !0);
-}, We = (e, t, n, r) => {
-	Ue(e, (r) => {
-		D(() => {
+}, Ge = (e, t, n, r) => {
+	We(e, (r) => {
+		O(() => {
 			let i = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked;
 			n({
 				...r,
@@ -497,9 +497,9 @@ var b = () => {
 			});
 		}, 1);
 	}, r);
-}, Ge = (e, t, n, r) => {
-	Ue(e, (r) => {
-		D(() => {
+}, Ke = (e, t, n, r) => {
+	We(e, (r) => {
+		O(() => {
 			let i = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value;
 			n({
 				...r,
@@ -510,7 +510,7 @@ var b = () => {
 			});
 		}, 1);
 	}, r);
-}, Ke = [
+}, qe = [
 	"id",
 	"data-icon",
 	"data-semantic",
@@ -541,24 +541,24 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let i = t, o = f(null);
-		return (s, l) => (d(), r("span", {
+		let i = t, o = p(null);
+		return (s, l) => (f(), r("span", {
 			ref_key: "_ref",
 			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-infotext", i.class)),
+			class: c(_(C)("db-infotext", i.class)),
 			"data-icon": t.icon,
 			"data-semantic": t.semantic,
 			"data-size": t.size,
-			"data-wrap": g(O)(t.wrap),
-			"data-show-icon-leading": g(O)(t.showIcon ?? !0)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(s.$slots, "default")], 10, Ke));
+			"data-wrap": _(k)(t.wrap, "wrap"),
+			"data-show-icon-leading": _(k)(t.showIcon ?? !0, "showIcon")
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, qe));
 	}
-}), qe = [
+}), Je = [
 	"data-size",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Je = ["for"], Ye = [
+], Ye = ["for"], Xe = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -568,10 +568,10 @@ var b = () => {
 	"value",
 	"required",
 	"aria-describedby"
-], Xe = {
+], Ze = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ze = /* @__PURE__ */ s({
+}, Qe = /* @__PURE__ */ s({
 	name: "DBCheckbox",
 	__name: "checkbox",
 	props: {
@@ -640,53 +640,53 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:checked"],
-	setup(s, { emit: p }) {
-		let b = _(), x = p, C = s, w = f(!1), E = f(void 0), O = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), I = f(""), L = f(void 0), R = f(null);
-		l(() => {
-			w.value = !0, U(), M.value = C.invalidMessage || "TODO: Add an invalidMessage";
-		}), u(() => {
+	setup(s, { emit: l }) {
+		let m = v(), x = l, S = s, w = p(!1), T = p(void 0), D = p(void 0), k = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(""), L = p(void 0), R = p(null);
+		u(() => {
+			w.value = !0, W(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
+		}), d(() => {
 			L.value?.abort();
-		}), v(() => [C.id, C.propOverrides?.id], () => {
-			(C.id ?? C.propOverrides?.id) && U();
+		}), y(() => [S.id, S.propOverrides?.id], () => {
+			(S.id ?? S.propOverrides?.id) && W();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value, C.invalidMessage], () => {
-			M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [R.value, S.invalidMessage], () => {
+			M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [E.value], () => {
-			if (E.value) {
-				let e = E.value + K;
-				O.value = e, A.value = E.value + q, j.value = E.value + J, F(C.message, C.showMessage) && (N.value = e), B();
+		}), y(() => [T.value], () => {
+			if (T.value) {
+				let e = T.value + q;
+				D.value = e, k.value = T.value + J, j.value = T.value + se, I(S.message, S.showMessage) && (N.value = e), B();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.value,
 			R.value,
-			C.indeterminate
+			S.indeterminate
 		], () => {
-			R.value && C.indeterminate !== void 0 && (R.value.indeterminate = !!k(C.indeterminate));
+			R.value && S.indeterminate !== void 0 && (R.value.indeterminate = !!A(S.indeterminate));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.value,
 			R.value,
-			C.checked
+			S.checked
 		], () => {
-			w.value && R.value && (C.checked != null && (R.value.checked = !!k(C.checked)), w.value = !1);
+			w.value && R.value && (S.checked != null && (R.value.checked = !!A(S.checked)), w.value = !1);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value], () => {
+		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), We(R.value, {
-					checked: C.checked,
+				e || (e = new AbortController(), L.value = e), Ge(R.value, {
+					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
 					V(e, !0);
@@ -697,67 +697,67 @@ var b = () => {
 			flush: "post"
 		});
 		function z() {
-			return !!(C.validMessage ?? C.validation === "valid");
+			return !!(S.validMessage ?? S.validation === "valid");
 		}
 		function B() {
-			!R.value?.validity.valid || C.validation === "invalid" ? (N.value = j.value, M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", T() && (I.value = M.value, D(() => I.value = "", 1e3))) : z() && R.value?.validity.valid && C.required ? (N.value = A.value, T() && (I.value = C.validMessage ?? "TODO: Add a validMessage", D(() => I.value = "", 1e3))) : F(C.message, C.showMessage) ? N.value = O.value : N.value = void 0;
+			!R.value?.validity.valid || S.validation === "invalid" ? (N.value = j.value, M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", E() && (P.value = M.value, O(() => P.value = "", 1e3))) : z() && R.value?.validity.valid && S.required ? (N.value = k.value, E() && (P.value = S.validMessage ?? "TODO: Add a validMessage", O(() => P.value = "", 1e3))) : I(S.message, S.showMessage) ? N.value = D.value : N.value = void 0;
 		}
 		function V(e, t) {
-			C.onChange && C.onChange(e), Q(x, e, "checked"), B();
+			S.onChange && S.onChange(e), Q(x, e, "checked"), B();
 		}
 		function H(e) {
-			C.onBlur && C.onBlur(e);
+			S.onBlur && S.onBlur(e);
 		}
-		function ee(e) {
-			C.onFocus && C.onFocus(e);
+		function U(e) {
+			S.onFocus && S.onFocus(e);
 		}
-		function U() {
-			let e = C.id ?? C.propOverrides?.id ?? `checkbox-${b}`;
-			E.value = e, O.value = e + K, A.value = e + q, j.value = e + J;
+		function W() {
+			let e = S.id ?? S.propOverrides?.id ?? `checkbox-${m}`;
+			T.value = e, D.value = e + q, k.value = e + J, j.value = e + se;
 		}
-		return (l, u) => (d(), r("div", {
-			class: c(g(S)("db-checkbox", C.class)),
+		return (l, u) => (f(), r("div", {
+			class: c(_(C)("db-checkbox", S.class)),
 			"data-size": s.size,
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
-			"data-hide-label": g(P)(s.showLabel)
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
+			"data-hide-label": _(F)(s.showLabel)
 		}, [
-			i("label", { for: E.value }, [
+			i("label", { for: T.value }, [
 				i("input", {
 					type: "checkbox",
 					"aria-invalid": s.validation === "invalid",
 					"data-custom-validity": s.validation,
 					ref_key: "_ref",
 					ref: R,
-					id: E.value,
+					id: T.value,
 					name: s.name,
-					checked: g(k)(s.checked, "checked"),
-					disabled: g(k)(s.disabled, "disabled"),
+					checked: _(A)(s.checked, "checked"),
+					disabled: _(A)(s.disabled, "disabled"),
 					value: s.value,
-					required: g(k)(s.required, "required"),
+					required: _(A)(s.required, "required"),
 					onChange: u[0] ||= async (e) => V(e),
 					onBlur: u[1] ||= async (e) => H(e),
-					onFocus: u[2] ||= async (e) => ee(e),
+					onFocus: u[2] ||= async (e) => U(e),
 					"aria-describedby": s.ariaDescribedBy ?? N.value
-				}, null, 40, Ye),
-				s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : n("", !0),
-				m(l.$slots, "default")
-			], 8, Je),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+				}, null, 40, Xe),
+				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
+				h(l.$slots, "default")
+			], 8, Ye),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
 				icon: s.messageIcon,
-				id: O.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			z() ? (d(), t($, {
+			z() ? (f(), t($, {
 				key: 1,
 				size: "small",
 				semantic: "successful",
-				id: A.value
+				id: k.value
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -765,13 +765,13 @@ var b = () => {
 				semantic: "critical",
 				id: j.value
 			}, {
-				default: y(() => [a(h(M.value), 1)]),
+				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Xe, h(I.value), 1)
-		], 10, qe));
+			i("span", Ze, g(P.value), 1)
+		], 10, Je));
 	}
-}), Qe = [
+}), $e = [
 	"id",
 	"data-icon",
 	"data-show-icon",
@@ -781,7 +781,7 @@ var b = () => {
 	"data-width",
 	"data-variant",
 	"data-no-text"
-], $e = /* @__PURE__ */ s({
+], et = /* @__PURE__ */ s({
 	name: "DBCustomButton",
 	__name: "custom-button",
 	props: {
@@ -816,23 +816,23 @@ var b = () => {
 		wrap: { type: [Boolean, String] }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-button", t.class)),
+			class: c(_(C)("db-custom-button", t.class)),
 			"data-icon": e.iconLeading ?? e.icon,
-			"data-show-icon": g(O)(e.showIconLeading ?? e.showIcon),
+			"data-show-icon": _(k)(e.showIconLeading, "showIconLeading") || _(k)(e.showIcon, "showIcon"),
 			"data-icon-trailing": e.iconTrailing,
-			"data-show-icon-trailing": g(O)(e.showIconTrailing),
+			"data-show-icon-trailing": _(k)(e.showIconTrailing, "showIconTrailing"),
 			"data-size": e.size,
 			"data-width": e.width,
 			"data-variant": e.variant,
-			"data-no-text": g(O)(e.noText)
-		}, [m(i.$slots, "default")], 10, Qe));
+			"data-no-text": _(k)(e.noText, "noText")
+		}, [h(i.$slots, "default")], 10, $e));
 	}
-}), et = class e {
+}), tt = class e {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -843,13 +843,13 @@ var b = () => {
 		e._instance = this, self.document && self.document.addEventListener("click", (t) => e.runCallbacks(t));
 	}
 	addCallback(t) {
-		let n = b();
+		let n = x();
 		return e.callbacks[n] = t, n;
 	}
 	removeCallback(t) {
 		delete e.callbacks[t];
 	}
-}, tt = class e {
+}, nt = class e {
 	static callbacks = {};
 	static _instance = null;
 	static runCallbacks(t) {
@@ -865,13 +865,13 @@ var b = () => {
 		}, !0);
 	}
 	addCallback(t) {
-		let n = b();
+		let n = x();
 		return e.callbacks[n] = t, n;
 	}
 	removeCallback(t) {
 		delete e.callbacks[t];
 	}
-}, nt = (e) => {
+}, rt = (e) => {
 	let { top: t, bottom: n, left: r, right: i } = e.getBoundingClientRect(), { innerHeight: a, innerWidth: o } = window, s = t < 0, c = n > a, l = r < 0, u = i > o, d = e.dataset.outsideVy, f = e.dataset.outsideVx, p = e?.parentElement?.getBoundingClientRect();
 	return p && (d && (e.dataset.outsideVy === "top" ? s = p.top - (n - p.bottom) < 0 : c = p.bottom + (p.top - t) > a), f && (e.dataset.outsideVx === "left" ? l = p.left - (i - p.right) < 0 : u = p.right + (p.left - r) > o)), {
 		outTop: s,
@@ -879,17 +879,17 @@ var b = () => {
 		outLeft: l,
 		outRight: u
 	};
-}, rt = (e) => {
-	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = nt(e), a = {};
+}, it = (e) => {
+	let { outTop: t, outBottom: n, outLeft: r, outRight: i } = rt(e), a = {};
 	return t || n ? (a = { vy: t ? "top" : "bottom" }, e.dataset.outsideVy = a.vy) : delete e.dataset.outsideVy, r || i ? (a = {
 		...a,
 		vx: i ? "right" : "left"
 	}, e.dataset.outsideVx = a.vx) : delete e.dataset.outsideVx, a;
-}, it = (e, t, n) => {
+}, at = (e, t, n) => {
 	if (!e || !t || getComputedStyle(e).zIndex === "9999") return;
-	let { top: r, bottom: i, childHeight: a, childWidth: o, width: s, right: c, left: l, correctedPlacement: u } = at(e, t, n);
+	let { top: r, bottom: i, childHeight: a, childWidth: o, width: s, right: c, left: l, correctedPlacement: u } = ot(e, t, n);
 	e.dataset.width === "full" && (e.style.inlineSize = `${s}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? e.style.insetInlineStart = `${l}px` : (u === "top-end" || u === "bottom-end") && (e.style.insetInlineStart = `${c - o}px`), u?.startsWith("top") ? e.style.insetBlockStart = `${r - a}px` : u?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
-}, at = (e, t, n) => {
+}, ot = (e, t, n) => {
 	if (!e || !t) return {
 		top: 0,
 		bottom: 0,
@@ -919,17 +919,17 @@ var b = () => {
 		innerWidth: d,
 		innerHeight: u
 	};
-}, ot = 10, st = /* @__PURE__ */ new WeakMap(), ct = (e) => {
-	if (st.has(e)) return st.get(e);
+}, st = 10, ct = /* @__PURE__ */ new WeakMap(), lt = (e) => {
+	if (ct.has(e)) return ct.get(e);
 	let t = e.parentElement, n = 0;
-	for (; t && n < ot;) {
-		if (t.dataset.correctedPlacement) return st.set(e, t), t;
+	for (; t && n < st;) {
+		if (t.dataset.correctedPlacement) return ct.set(e, t), t;
 		t = t.parentElement, n += 1;
 	}
-	return st.set(e, null), null;
-}, lt = (e, t, n) => {
+	return ct.set(e, null), null;
+}, ut = (e, t, n) => {
 	if (!e || !t) return;
-	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = ct(e), o = !a && !i, s = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px", { top: c, height: l, width: u, childHeight: d, childWidth: f, right: p, left: m, bottom: h, correctedPlacement: g, innerWidth: _, innerHeight: v } = at(e, t, n);
+	let r = getComputedStyle(t), i = ["absolute", "fixed"].includes(r.position), a = lt(e), o = !a && !i, s = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px", { top: c, height: l, width: u, childHeight: d, childWidth: f, right: p, left: m, bottom: h, correctedPlacement: g, innerWidth: _, innerHeight: v } = ot(e, t, n);
 	if (a) {
 		let e = a.getBoundingClientRect();
 		m = Math.abs(m - e.left), p = (u + Math.abs(p - e.right)) * 1.5, c = Math.abs(c - e.top), h = (l + Math.abs(h - e.bottom)) * 1.5;
@@ -975,7 +975,7 @@ var b = () => {
 		e.style.insetBlockStart = `calc(${i ? t : h}px + ${s})`, e.style.insetBlockEnd = `calc(${o && t > v ? v : t}px + ${s})`;
 	}
 	e.style.position = "fixed", e.dataset.correctedPlacement = g;
-}, ut = ["id", "data-width"], dt = /* @__PURE__ */ s({
+}, dt = ["id", "data-width"], ft = /* @__PURE__ */ s({
 	name: "DBCustomSelectDropdown",
 	__name: "custom-select-dropdown",
 	props: {
@@ -988,28 +988,28 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("article", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("article", {
 			"data-spacing": "none",
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-select-dropdown db-card", t.class)),
+			class: c(_(C)("db-custom-select-dropdown db-card", t.class)),
 			"data-width": e.width
-		}, [m(i.$slots, "default")], 10, ut));
+		}, [h(i.$slots, "default")], 10, dt));
 	}
-}), ft = ["id", "data-divider"], pt = [
+}), pt = ["id", "data-divider"], mt = [
 	"data-icon",
 	"data-show-icon",
 	"data-icon-trailing"
-], mt = [
+], ht = [
 	"type",
 	"name",
 	"form",
 	"checked",
 	"disabled",
 	"value"
-], ht = { key: 1 }, gt = /* @__PURE__ */ s({
+], gt = { key: 1 }, _t = /* @__PURE__ */ s({
 	name: "DBCustomSelectListItem",
 	__name: "custom-select-list-item",
 	props: {
@@ -1053,33 +1053,33 @@ var b = () => {
 	},
 	emits: ["update:checked"],
 	setup(t, { emit: o }) {
-		let s = o, l = t, u = f(!1), p = f(null);
-		v(() => [l.isGroupTitle, l.showDivider], () => {
+		let s = o, l = t, u = p(!1), d = p(null);
+		y(() => [l.isGroupTitle, l.showDivider], () => {
 			u.value = !!(l.isGroupTitle || l.showDivider);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function _(e) {
+		function m(e) {
 			e.stopPropagation(), l.onChange && l.onChange(e), Q(s, e, "checked");
 		}
-		function y() {
-			if (!(l.isGroupTitle || l.type === "checkbox")) return k(l.checked, "checked") ? "check" : "x_placeholder";
+		function v() {
+			if (!(l.isGroupTitle || l.type === "checkbox")) return A(l.checked, "checked") ? "check" : "x_placeholder";
 		}
-		return (o, s) => (d(), r("li", {
+		return (o, s) => (f(), r("li", {
 			ref_key: "_ref",
-			ref: p,
+			ref: d,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-custom-select-list-item", l.class, {
+			class: c(_(C)("db-custom-select-list-item", l.class, {
 				"db-checkbox": t.type === "checkbox" && !t.isGroupTitle,
 				"db-radio": t.type !== "checkbox" && !t.isGroupTitle
 			})),
-			"data-divider": g(O)(u.value)
-		}, [t.isGroupTitle ? (d(), r("span", ht, h(t.groupTitle), 1)) : (d(), r("label", {
+			"data-divider": _(k)(u.value, "hasDivider")
+		}, [t.isGroupTitle ? (f(), r("span", gt, g(t.groupTitle), 1)) : (f(), r("label", {
 			key: 0,
 			"data-icon": t.type !== "checkbox" && t.icon ? t.icon : void 0,
-			"data-show-icon": g(O)(t.showIcon),
-			"data-icon-trailing": y()
+			"data-show-icon": _(k)(t.showIcon, "showIcon"),
+			"data-icon-trailing": v()
 		}, [
 			i("input", {
 				class: "db-custom-select-list-item-checkbox",
@@ -1087,20 +1087,20 @@ var b = () => {
 				type: t.type,
 				name: t.name,
 				form: t.name,
-				checked: g(k)(t.checked, "checked"),
-				disabled: g(k)(t.disabled, "disabled"),
+				checked: _(A)(t.checked, "checked"),
+				disabled: _(A)(t.disabled, "disabled"),
 				value: t.value,
-				onChange: s[0] ||= async (e) => _(e)
-			}, null, 40, mt),
-			t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : n("", !0),
-			m(o.$slots, "default")
-		], 8, pt))], 10, ft));
+				onChange: s[0] ||= async (e) => m(e)
+			}, null, 40, ht),
+			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
+			h(o.$slots, "default")
+		], 8, mt))], 10, pt));
 	}
-}), _t = [
+}), vt = [
 	"role",
 	"aria-label",
 	"id"
-], vt = /* @__PURE__ */ s({
+], yt = /* @__PURE__ */ s({
 	name: "DBCustomSelectList",
 	__name: "custom-select-list",
 	props: {
@@ -1117,17 +1117,17 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (a, o) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (a, o) => (f(), r("div", {
 			role: e.multiple ? "group" : "radiogroup",
 			"aria-label": e.label,
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-select-list", t.class))
-		}, [i("ul", null, [m(a.$slots, "default")])], 10, _t));
+			class: c(_(C)("db-custom-select-list", t.class))
+		}, [i("ul", null, [h(a.$slots, "default")])], 10, vt));
 	}
-}), yt = [
+}), bt = [
 	"data-variant",
 	"data-hide-label",
 	"data-show-icon",
@@ -1135,10 +1135,10 @@ var b = () => {
 	"data-icon-trailing",
 	"data-hide-asterisk",
 	"data-show-icon-trailing"
-], bt = ["for"], xt = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), St = ["id"], Ct = ["value"], wt = {
+], xt = ["for"], St = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), Ct = ["id"], wt = ["value"], Tt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Tt = /* @__PURE__ */ s({
+}, Et = /* @__PURE__ */ s({
 	name: "DBInput",
 	__name: "input",
 	props: {
@@ -1255,121 +1255,121 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:value"],
-	setup(s, { emit: b }) {
-		let x = _(), w = b, N = s, I = f(void 0), L = f(void 0), R = f(void 0), z = f(void 0), B = f(void 0), V = f(void 0), H = f(void 0), ee = f(""), U = f(""), te = f(void 0), W = f(null);
-		l(() => {
-			le(), B.value = N.invalidMessage || "TODO: Add an invalidMessage";
-		}), u(() => {
-			te.value?.abort();
-		}), v(() => [N.id, N.propOverrides?.id], () => {
-			(N.id ?? N.propOverrides?.id) && le();
+	setup(s, { emit: l }) {
+		let x = v(), S = l, T = s, P = p(void 0), L = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p(void 0), U = p(""), W = p(""), ee = p(void 0), G = p(null);
+		u(() => {
+			ce(), B.value = T.invalidMessage || "TODO: Add an invalidMessage";
+		}), d(() => {
+			ee.value?.abort();
+		}), y(() => [T.id, T.propOverrides?.id], () => {
+			(T.id ?? T.propOverrides?.id) && ce();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [W.value, N.invalidMessage], () => {
-			B.value = N.invalidMessage || W.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [G.value, T.invalidMessage], () => {
+			B.value = T.invalidMessage || G.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [I.value], () => {
-			if (I.value) {
-				let e = I.value + K;
-				L.value = e, R.value = I.value + q, z.value = I.value + J, V.value = N.dataListId ?? I.value + "-datalist", F(N.message, N.showMessage) && (H.value = e), re();
+		}), y(() => [P.value], () => {
+			if (P.value) {
+				let e = P.value + q;
+				L.value = e, R.value = P.value + J, z.value = P.value + se, V.value = T.dataListId ?? P.value + "-datalist", I(T.message, T.showMessage) && (H.value = e), ne();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [N.value], () => {
-			ee.value = N.value;
+		}), y(() => [T.value], () => {
+			U.value = T.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [W.value], () => {
-			if (W.value) {
-				let e = te.value;
-				e || (e = new AbortController(), te.value = e), Ge(W.value, {
-					value: N.value,
+		}), y(() => [G.value], () => {
+			if (G.value) {
+				let e = ee.value;
+				e || (e = new AbortController(), ee.value = e), Ke(G.value, {
+					value: T.value,
 					defaultValue: void 0
 				}, (e) => {
-					ie(e, !0), G(e, !0);
+					re(e, !0), K(e, !0);
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
+		function te() {
+			return !!(T.validMessage ?? T.validation === "valid");
+		}
 		function ne() {
-			return !!(N.validMessage ?? N.validation === "valid");
+			!G.value?.validity.valid || T.validation === "invalid" ? (H.value = z.value, B.value = T.invalidMessage || G.value?.validationMessage || "TODO: Add an invalidMessage", E() && (W.value = B.value, O(() => W.value = "", 1e3))) : te() && G.value?.validity.valid && (T.required || T.minLength || T.maxLength || T.pattern) ? (H.value = R.value, E() && (W.value = T.validMessage ?? "TODO: Add a validMessage", O(() => W.value = "", 1e3))) : I(T.message, T.showMessage) ? H.value = L.value : H.value = void 0;
 		}
-		function re() {
-			!W.value?.validity.valid || N.validation === "invalid" ? (H.value = z.value, B.value = N.invalidMessage || W.value?.validationMessage || "TODO: Add an invalidMessage", T() && (U.value = B.value, D(() => U.value = "", 1e3))) : ne() && W.value?.validity.valid && (N.required || N.minLength || N.maxLength || N.pattern) ? (H.value = R.value, T() && (U.value = N.validMessage ?? "TODO: Add a validMessage", D(() => U.value = "", 1e3))) : F(N.message, N.showMessage) ? H.value = L.value : H.value = void 0;
+		function K(e, t) {
+			T.input && T.input(e), U.value = e.target.value, T.onInput && T.onInput(e), Q(S, e), ne();
 		}
-		function G(e, t) {
-			N.input && N.input(e), ee.value = e.target.value, N.onInput && N.onInput(e), Q(w, e), re();
+		function re(e, t) {
+			T.onChange && T.onChange(e), Q(S, e), ne();
 		}
-		function ie(e, t) {
-			N.onChange && N.onChange(e), Q(w, e), re();
+		function ie(e) {
+			T.onBlur && T.onBlur(e);
 		}
 		function ae(e) {
-			N.onBlur && N.onBlur(e);
-		}
-		function oe(e) {
-			N.onFocus && N.onFocus(e);
+			T.onFocus && T.onFocus(e);
 		}
-		function se() {
-			let e = N.dataList;
-			return Array.from((C(e) ? e?.map((e) => ({
+		function oe() {
+			let e = T.dataList;
+			return Array.from((w(e) ? e?.map((e) => ({
 				value: e,
 				label: void 0
 			})) : e) || []);
 		}
-		function le() {
-			let e = N.id ?? N.propOverrides?.id ?? `input-${x}`;
-			I.value = e, L.value = e + K, R.value = e + q, z.value = e + J, V.value = e + ce;
+		function ce() {
+			let e = T.id ?? T.propOverrides?.id ?? `input-${x}`;
+			P.value = e, L.value = e + q, R.value = e + J, z.value = e + se, V.value = e + le;
 		}
-		return (l, u) => (d(), r("div", {
-			class: c(g(S)("db-input", N.class)),
+		return (l, u) => (f(), r("div", {
+			class: c(_(C)("db-input", T.class)),
 			"data-variant": s.variant,
-			"data-hide-label": g(P)(s.showLabel),
-			"data-show-icon": g(O)(s.showIconLeading ?? s.showIcon),
+			"data-hide-label": _(F)(s.showLabel),
+			"data-show-icon": _(k)(s.showIconLeading, "showIconLeading") || _(k)(s.showIcon, "showIcon"),
 			"data-icon": s.iconLeading ?? s.icon,
 			"data-icon-trailing": s.iconTrailing,
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
-			"data-show-icon-trailing": g(O)(s.showIconTrailing)
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
+			"data-show-icon-trailing": _(k)(s.showIconTrailing, "showIconTrailing")
 		}, [
-			i("label", { for: I.value }, h(s.label ?? g("LABEL SHOULD BE SET")), 9, bt),
+			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, xt),
 			i("input", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
 				"data-field-sizing": s.fieldSizing,
 				ref_key: "_ref",
-				ref: W,
-				id: I.value,
+				ref: G,
+				id: P.value,
 				name: s.name,
 				type: s.type || "text",
-				multiple: g(k)(s.multiple, "multiple"),
+				multiple: _(A)(s.multiple, "multiple"),
 				accept: s.accept,
-				placeholder: s.placeholder ?? g(" "),
-				disabled: g(k)(s.disabled, "disabled"),
-				required: g(k)(s.required, "required"),
-				step: g(j)(s.step),
-				value: s.value ?? ee.value ?? "",
-				maxLength: g(A)(s.maxLength, s.maxlength),
-				minLength: g(A)(s.minLength, s.minlength),
-				max: g(M)(s.max, s.type),
-				min: g(M)(s.min, s.type),
-				readOnly: g(k)(s.readOnly, "readOnly") || g(k)(s.readonly, "readonly"),
+				placeholder: s.placeholder ?? _(" "),
+				disabled: _(A)(s.disabled, "disabled"),
+				required: _(A)(s.required, "required"),
+				step: _(M)(s.step),
+				value: s.value ?? U.value ?? "",
+				maxLength: _(j)(s.maxLength, s.maxlength),
+				minLength: _(j)(s.minLength, s.minlength),
+				max: _(N)(s.max, s.type),
+				min: _(N)(s.min, s.type),
+				readOnly: _(A)(s.readOnly, "readOnly") || _(A)(s.readonly, "readonly"),
 				form: s.form,
 				pattern: s.pattern,
 				size: s.size,
 				autoComplete: s.autocomplete,
-				autoFocus: g(k)(s.autofocus, "autofocus"),
+				autoFocus: _(A)(s.autofocus, "autofocus"),
 				enterKeyHint: s.enterkeyhint,
 				inputMode: s.inputmode,
-				onInput: u[0] ||= async (e) => G(e),
-				onChange: u[1] ||= async (e) => ie(e),
-				onBlur: u[2] ||= async (e) => ae(e),
-				onFocus: u[3] ||= async (e) => oe(e),
+				onInput: u[0] ||= async (e) => K(e),
+				onChange: u[1] ||= async (e) => re(e),
+				onBlur: u[2] ||= async (e) => ie(e),
+				onFocus: u[3] ||= async (e) => ae(e),
 				list: s.dataList && V.value,
 				"aria-describedby": s.ariaDescribedBy ?? H.value,
 				role: [
@@ -1379,36 +1379,36 @@ var b = () => {
 					"week",
 					"month",
 					"color"
-				].includes(s.type ?? "") && g(E)() ? "textbox" : void 0
-			}, null, 40, xt),
-			s.dataList ? (d(), r("datalist", {
+				].includes(s.type ?? "") && _(D)() ? "textbox" : void 0
+			}, null, 40, St),
+			s.dataList ? (f(), r("datalist", {
 				key: 0,
 				id: V.value
-			}, [(d(!0), r(e, null, p(se(), (e) => (d(), r("option", {
+			}, [(f(!0), r(e, null, m(oe(), (e) => (f(), r("option", {
 				key: V.value + "-option-" + e.value,
 				value: e.value
-			}, h(e.label), 9, Ct))), 128))], 8, St)) : n("", !0),
-			m(l.$slots, "default"),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+			}, g(e.label), 9, wt))), 128))], 8, Ct)) : n("", !0),
+			h(l.$slots, "default"),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: s.messageSize || "small",
 				icon: s.messageIcon,
 				id: L.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, [
 				"size",
 				"icon",
 				"id"
 			])) : n("", !0),
-			ne() ? (d(), t($, {
+			te() ? (f(), t($, {
 				key: 2,
 				semantic: "successful",
 				id: R.value,
 				size: s.validMessageSize || "small"
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id", "size"])) : n("", !0),
 			o($, {
@@ -1416,13 +1416,13 @@ var b = () => {
 				id: z.value,
 				size: s.invalidMessageSize || "small"
 			}, {
-				default: y(() => [a(h(B.value), 1)]),
+				default: b(() => [a(g(B.value), 1)]),
 				_: 1
 			}, 8, ["id", "size"]),
-			i("span", wt, h(U.value), 1)
-		], 10, yt));
+			i("span", Tt, g(W.value), 1)
+		], 10, bt));
 	}
-}), Et = [
+}), Dt = [
 	"id",
 	"data-emphasis",
 	"data-wrap",
@@ -1431,7 +1431,7 @@ var b = () => {
 	"data-width",
 	"data-show-arrow",
 	"data-placement"
-], Dt = /* @__PURE__ */ s({
+], Ot = /* @__PURE__ */ s({
 	name: "DBTooltip",
 	__name: "tooltip",
 	props: {
@@ -1461,29 +1461,29 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let i = _(), o = t, s = f(ne), u = f(!1), p = f(void 0), y = f(void 0), b = f(null);
-		l(() => {
-			j(), u.value = !0;
-		}), v(() => [o.id, o.propOverrides?.id], () => {
+		let i = v(), o = t, s = p(ne), l = p(!1), d = p(void 0), m = p(void 0), b = p(null);
+		u(() => {
+			j(), l.value = !0;
+		}), y(() => [o.id, o.propOverrides?.id], () => {
 			(o.id ?? o.propOverrides?.id) && j();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			b.value,
-			u.value,
+			l.value,
 			s.value
 		], () => {
-			if (b.value && u.value && s.value) {
+			if (b.value && l.value && s.value) {
 				let e = w();
 				e && (T(e), ["mouseenter", "focusin"].forEach((t) => {
 					e.addEventListener(t, () => A(e));
-				}), e.addEventListener("keydown", (e) => C(e)), ["mouseleave", "focusout"].forEach((t) => {
-					e.addEventListener(t, () => k());
-				}), e.dataset.hasTooltip = "true", o.variant === "label" ? e.setAttribute("aria-labelledby", s.value) : e.setAttribute("aria-describedby", s.value)), typeof window < "u" && "IntersectionObserver" in window && (y.value = new IntersectionObserver((e) => {
+				}), e.addEventListener("keydown", (e) => S(e)), ["mouseleave", "focusout"].forEach((t) => {
+					e.addEventListener(t, () => D());
+				}), e.dataset.hasTooltip = "true", o.variant === "label" ? e.setAttribute("aria-labelledby", s.value) : e.setAttribute("aria-describedby", s.value)), typeof window < "u" && "IntersectionObserver" in window && (m.value = new IntersectionObserver((e) => {
 					let t = e.find(({ target: e }) => e === w());
-					t && !t.isIntersecting && C(!1);
-				})), u.value = !1;
+					t && !t.isIntersecting && S(!1);
+				})), l.value = !1;
 			}
 		}, {
 			immediate: !0,
@@ -1492,7 +1492,7 @@ var b = () => {
 		function x(e) {
 			e.stopPropagation();
 		}
-		function C(e) {
+		function S(e) {
 			(!e || e.key === "Escape") && b.value && getComputedStyle(b.value).visibility === "visible" && w().blur();
 		}
 		function w() {
@@ -1500,41 +1500,41 @@ var b = () => {
 			return e && e.localName.includes("tooltip") && (e = e.parentElement), e;
 		}
 		function T(e) {
-			e && b.value && D(() => {
-				b.value && lt(b.value, e, o.placement ?? "bottom");
+			e && b.value && O(() => {
+				b.value && ut(b.value, e, o.placement ?? "bottom");
 			}, 1);
 		}
 		function E(e, t) {
 			e?.target?.contains && e?.target?.contains(b.value) && T(t);
 		}
-		function k() {
-			p.value && new tt().removeCallback(p.value), y.value?.unobserve(w());
+		function D() {
+			d.value && new nt().removeCallback(d.value), m.value?.unobserve(w());
 		}
 		function A(e) {
-			p.value = new tt().addCallback((t) => E(t, e)), T(e), y.value?.observe(w());
+			d.value = new nt().addCallback((t) => E(t, e)), T(e), m.value?.observe(w());
 		}
 		function j() {
 			s.value = o.id ?? o.propOverrides?.id ?? "tooltip-" + i;
 		}
-		return (i, l) => (d(), r("i", {
+		return (i, l) => (f(), r("i", {
 			role: "tooltip",
 			"aria-hidden": "true",
 			"data-gap": "true",
 			ref_key: "_ref",
 			ref: b,
-			class: c(g(S)("db-tooltip", o.class)),
+			class: c(_(C)("db-tooltip", o.class)),
 			id: s.value,
 			"data-emphasis": t.emphasis,
-			"data-wrap": g(O)(t.wrap),
-			"data-animation": g(O)(t.animation ?? !0),
+			"data-wrap": _(k)(t.wrap, "wrap"),
+			"data-animation": _(k)(t.animation ?? !0, "animation"),
 			"data-delay": t.delay,
 			"data-width": t.width,
-			"data-show-arrow": g(O)(t.showArrow ?? !0),
+			"data-show-arrow": _(k)(t.showArrow ?? !0, "showArrow"),
 			"data-placement": t.placement,
 			onClick: l[0] ||= async (e) => x(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(i.$slots, "default")], 10, Et));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, Dt));
 	}
-}), Ot = [
+}), kt = [
 	"id",
 	"data-semantic",
 	"data-emphasis",
@@ -1543,7 +1543,7 @@ var b = () => {
 	"data-show-icon",
 	"data-no-text",
 	"data-overflow"
-], kt = /* @__PURE__ */ s({
+], At = /* @__PURE__ */ s({
 	name: "DBTag",
 	__name: "tag",
 	props: {
@@ -1584,30 +1584,30 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let i = t, s = f(null);
+		let i = t, s = p(null);
 		function l(e) {
 			e && (e.stopPropagation(), i.onRemove && i.onRemove(e));
 		}
 		function u() {
-			return i.removeButton ? i.removeButton : ue;
+			return i.removeButton ? i.removeButton : de;
 		}
-		return (f, p) => (d(), r("div", {
+		return (d, p) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: s,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-tag", i.class)),
+			class: c(_(C)("db-tag", i.class)),
 			"data-semantic": t.semantic,
 			"data-emphasis": t.emphasis,
 			"data-icon": t.icon,
-			"data-show-check-state": g(O)(t.showCheckState ?? !0),
-			"data-show-icon": g(O)(t.showIcon),
-			"data-no-text": g(O)(t.noText),
-			"data-overflow": g(O)(t.overflow)
+			"data-show-check-state": _(k)(t.showCheckState ?? !0, "showCheckState"),
+			"data-show-icon": _(k)(t.showIcon, "showIcon"),
+			"data-no-text": _(k)(t.noText, "noText"),
+			"data-overflow": _(k)(t.overflow, "overflow")
 		}, [
-			m(f.$slots, "content"),
-			t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0),
-			m(f.$slots, "default"),
-			t.behavior === "removable" ? (d(), r("button", {
+			h(d.$slots, "content"),
+			t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0),
+			h(d.$slots, "default"),
+			t.behavior === "removable" ? (f(), r("button", {
 				key: 1,
 				class: "db-button db-tab-remove-button",
 				"data-icon": "cross",
@@ -1616,13 +1616,13 @@ var b = () => {
 				"data-variant": "ghost",
 				type: "button",
 				onClick: p[0] ||= async (e) => l(e)
-			}, [o(Dt, { variant: "label" }, {
-				default: y(() => [a(h(u()), 1)]),
+			}, [o(Ot, { variant: "label" }, {
+				default: b(() => [a(g(u()), 1)]),
 				_: 1
 			})])) : n("", !0)
-		], 10, Ot));
+		], 10, kt));
 	}
-}), At = [
+}), jt = [
 	"id",
 	"aria-invalid",
 	"data-custom-validity",
@@ -1635,7 +1635,7 @@ var b = () => {
 	"data-hide-label",
 	"data-icon",
 	"data-show-icon"
-], jt = ["id"], Mt = [
+], Mt = ["id"], Nt = [
 	"id",
 	"form",
 	"name",
@@ -1643,18 +1643,18 @@ var b = () => {
 	"multiple",
 	"disabled",
 	"required"
-], Nt = ["disabled", "value"], Pt = ["open"], Ft = [
+], Pt = ["disabled", "value"], Ft = ["open"], It = [
 	"id",
 	"aria-disabled",
 	"tabIndex",
 	"aria-labelledby"
-], It = ["data-visually-hidden", "id"], Lt = {
+], Lt = ["data-visually-hidden", "id"], Rt = {
 	key: 0,
 	"data-visually-hidden": "true"
-}, Rt = { key: 1 }, zt = { key: 0 }, Bt = { key: 0 }, Vt = { class: "db-checkbox db-custom-select-list-item" }, Ht = ["form", "checked"], Ut = ["aria-hidden", "id"], Wt = {
+}, zt = { key: 1 }, Bt = { key: 0 }, Vt = { key: 0 }, Ht = { class: "db-checkbox db-custom-select-list-item" }, Ut = ["form", "checked"], Wt = ["id"], Gt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Gt = /* @__PURE__ */ s({
+}, Kt = /* @__PURE__ */ s({
 	name: "DBCustomSelect",
 	__name: "custom-select",
 	props: {
@@ -1778,105 +1778,105 @@ var b = () => {
 		}
 	},
 	emits: ["update:values"],
-	setup(s, { emit: b }) {
-		let x = _(), C = b, w = s, E = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), L = f(void 0), R = f(void 0), z = f(void 0), B = f(void 0), V = f(void 0), H = f("no-validation"), ee = f(!1), U = f(void 0), te = f(void 0), W = f(""), ne = f(void 0), re = f(""), G = f([]), ie = f(!1), ce = f(!1), le = f(0), Y = f([]), de = f([]), pe = f(!1), me = f(void 0), he = f(0), ge = f(void 0), _e = f(void 0), ve = f(void 0), ye = f(!1), be = f(!1), xe = f(null), X = f(null), Z = f(null), Se = f(null), Ce = f(null);
-		l(() => {
+	setup(s, { emit: l }) {
+		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(void 0), R = p(void 0), z = p(void 0), B = p(void 0), V = p(void 0), H = p("no-validation"), U = p(!1), W = p(void 0), ee = p(void 0), G = p(""), te = p(void 0), ne = p(""), K = p([]), re = p(!1), ie = p(!1), le = p(0), Y = p([]), ue = p([]), fe = p(!1), me = p(void 0), he = p(0), ge = p(void 0), _e = p(void 0), ve = p(void 0), ye = p(!1), be = p(!1), xe = p(null), X = p(null), Z = p(null), Se = p(null), Ce = p(null);
+		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);
 				}
 			}));
-		}), u(() => {
-			U.value?.abort();
-		}), v(() => [w.id, w.propOverrides?.id], () => {
+		}), d(() => {
+			W.value?.abort();
+		}), y(() => [w.id, w.propOverrides?.id], () => {
 			(w.id ?? w.propOverrides?.id) && Xe();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [X.value], () => {
+		}), y(() => [X.value], () => {
 			X.value && X.value.addEventListener("focusout", (e) => ze(e));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [E.value], () => {
-			if (E.value) {
-				let e = E.value + K;
-				R.value = E.value + ae, L.value = E.value + oe, j.value = E.value + q, M.value = E.value + J, B.value = E.value + se, F(w.message, w.showMessage) ? ke(e) : ke();
+		}), y(() => [T.value], () => {
+			if (T.value) {
+				let e = T.value + q;
+				R.value = T.value + ae, P.value = T.value + oe, j.value = T.value + J, M.value = T.value + se, B.value = T.value + ce, I(w.message, w.showMessage) ? ke(e) : ke();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [X.value, te.value], () => {
+		}), y(() => [X.value, ee.value], () => {
 			if (X.value) {
 				let e = X.value.querySelector("summary");
-				e && e.setAttribute("aria-describedby", w.ariaDescribedBy ?? (te.value || ""));
+				e && e.setAttribute("aria-describedby", w.ariaDescribedBy ?? (ee.value || ""));
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.showNoResults,
 			w.showLoading,
-			de.value
+			ue.value
 		], () => {
-			w.showNoResults === void 0 ? de.value && (pe.value = de.value.length === 0) : pe.value = w.showNoResults;
+			w.showNoResults === void 0 ? ue.value && (fe.value = ue.value.length === 0) : fe.value = w.showNoResults;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			w.showSelectAll,
 			le.value,
 			w.multiple
 		], () => {
-			ie.value = !!(w.multiple && (w.showSelectAll ?? le.value > 5));
+			re.value = !!(w.multiple && (w.showSelectAll ?? le.value > 5));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.showSearch, le.value], () => {
-			ce.value = w.showSearch ?? le.value > 9;
+		}), y(() => [w.showSearch, le.value], () => {
+			ie.value = w.showSearch ?? le.value > 9;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.values], () => {
+		}), y(() => [w.values], () => {
 			let e = w.values;
 			Array.isArray(e) ? Y.value !== e && (Y.value = e) : e == null && Y.value?.length !== 0 && (Y.value = []);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Y.value, Z.value], () => {
+		}), y(() => [Y.value, Z.value], () => {
 			Z.value && Ee();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Z.value], () => {
+		}), y(() => [Z.value], () => {
 			if (Z.value) {
-				let e = U.value;
-				e || (e = new AbortController(), U.value = e);
+				let e = W.value;
+				e || (e = new AbortController(), W.value = e);
 				let t = w.values;
-				Ue(Z.value, () => {
+				We(Z.value, () => {
 					Ve(t || (Z.value.value ? [Z.value.value] : [])), Ee();
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.validation], () => {
+		}), y(() => [w.validation], () => {
 			H.value = w.validation;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Y.value, le.value], () => {
+		}), y(() => [Y.value, le.value], () => {
 			Y.value?.length === 0 ? (ye.value = !1, be.value = !1) : Y.value?.length === le.value ? (be.value = !1, ye.value = !0) : Y.value && (be.value = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.options], () => {
-			de.value = w.options, le.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0;
+		}), y(() => [w.options], () => {
+			ue.value = w.options, le.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.searchValue], () => {
+		}), y(() => [w.searchValue], () => {
 			if (ve.value = w.searchValue, w.searchValue) {
 				let e = w.searchValue;
 				qe(e);
@@ -1884,44 +1884,44 @@ var b = () => {
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.options, Y.value], () => {
-			w.options?.length && (G.value = w.options?.filter((e) => !e.value || !Y.value?.includes ? !1 : !e.isGroupTitle && Y.value?.includes(e.value)));
+		}), y(() => [w.options, Y.value], () => {
+			w.options?.length && (K.value = w.options?.filter((e) => !e.value || !Y.value?.includes ? !1 : !e.isGroupTitle && Y.value?.includes(e.value)));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			G.value,
+		}), y(() => [
+			K.value,
 			w.selectedType,
 			w.amountText,
 			w.selectedLabels,
 			w.transformSelectedLabels
 		], () => {
 			if (w.selectedLabels) {
-				W.value = w.selectedLabels;
+				G.value = w.selectedLabels;
 				return;
 			}
-			if (G.value?.length) {
+			if (K.value?.length) {
 				if (w.transformSelectedLabels) {
-					let e = G.value, t = w.transformSelectedLabels;
-					W.value = t(e);
+					let e = K.value, t = w.transformSelectedLabels;
+					G.value = t(e);
 					return;
 				}
-				w.selectedType === "amount" ? W.value = w.amountText ? w.amountText : `${G.value?.length} ${fe}` : W.value = G.value?.map((e) => je(e)).join(", ");
-			} else W.value = "";
+				w.selectedType === "amount" ? G.value = w.amountText ? w.amountText : `${K.value?.length} ${pe}` : G.value = K.value?.map((e) => je(e)).join(", ");
+			} else G.value = "";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [G.value], () => {
-			w.onAmountChange && w.onAmountChange(G.value?.length ?? 0);
+		}), y(() => [K.value], () => {
+			w.onAmountChange && w.onAmountChange(K.value?.length ?? 0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [be.value, Se.value], () => {
+		}), y(() => [be.value, Se.value], () => {
 			Se.value && (Se.value.indeterminate = !!be.value);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [Z.value, w.invalidMessage], () => {
+		}), y(() => [Z.value, w.invalidMessage], () => {
 			N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
@@ -1934,17 +1934,17 @@ var b = () => {
 			return !!(w.validMessage ?? w.validation === "valid");
 		}
 		function Ee() {
-			Z.value && (Z.value.value = Oe()), !Z.value?.validity.valid || w.validation === "invalid" ? (ke(M.value), N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage", T() && (re.value = N.value, D(() => re.value = "", 1e3)), ee.value && (H.value = w.validation ?? "invalid")) : Te() && Z.value?.validity.valid && w.required ? (ke(j.value), T() && (re.value = w.validMessage ?? "TODO: Add a validMessage", D(() => re.value = "", 1e3)), H.value = w.validation ?? "valid") : F(w.message, w.showMessage) ? (ke(A.value), H.value = w.validation ?? "no-validation") : (ke(B.value), H.value = w.validation ?? "no-validation");
+			Z.value && (Z.value.value = Oe()), !Z.value?.validity.valid || w.validation === "invalid" ? (ke(M.value), N.value = w.invalidMessage || Z.value?.validationMessage || "TODO: Add an invalidMessage", E() && (ne.value = N.value, O(() => ne.value = "", 1e3)), U.value && (H.value = w.validation ?? "invalid")) : Te() && Z.value?.validity.valid && w.required ? (ke(j.value), E() && (ne.value = w.validMessage ?? "TODO: Add a validMessage", O(() => ne.value = "", 1e3)), H.value = w.validation ?? "valid") : I(w.message, w.showMessage) ? (ke(D.value), H.value = w.validation ?? "no-validation") : (ke(B.value), H.value = w.validation ?? "no-validation");
 		}
 		function De(e) {
-			w.onDropdownToggle && (e.stopPropagation(), w.onDropdownToggle(e)), e.target instanceof HTMLDetailsElement && e.target.open ? (me.value = new et().addCallback((e) => Be(e)), ge.value = new tt().addCallback((e) => we(e)), Fe(), _e.value?.observe(X.value), e.target.dataset.test || Ke()) : (me.value && new et().removeCallback(me.value), ge.value && new tt().removeCallback(ge.value), _e.value?.unobserve(X.value));
+			w.onDropdownToggle && (e.stopPropagation(), w.onDropdownToggle(e)), e.target instanceof HTMLDetailsElement && e.target.open ? (me.value = new tt().addCallback((e) => Be(e)), ge.value = new nt().addCallback((e) => we(e)), Fe(), _e.value?.observe(X.value), e.target.dataset.test || Ke()) : (me.value && new tt().removeCallback(me.value), ge.value && new nt().removeCallback(ge.value), _e.value?.unobserve(X.value));
 		}
 		function Oe() {
 			return Y.value?.length ? Y.value.at(0) ?? "" : "";
 		}
 		function ke(e) {
 			let t = [];
-			e && t.push(e), ne.value && W.value?.length && t.push(ne.value), te.value = t.join(" ");
+			e && t.push(e), te.value && G.value?.length && t.push(te.value), ee.value = t.join(" ");
 		}
 		function Ae() {
 			return w.selectAllLabel ?? "LABEL SHOULD BE SET";
@@ -1961,7 +1961,7 @@ var b = () => {
 				let r = n.findIndex((t) => t.value === e.value);
 				if (r >= 0 && r < t.length) return t[r];
 			}
-			return `${ue} ${je(e)}`;
+			return `${de} ${je(e)}`;
 		}
 		function Pe(e, t) {
 			t && t.stopPropagation(), He(e.value), Ye();
@@ -1969,12 +1969,12 @@ var b = () => {
 		function Fe() {
 			if (X.value) {
 				let e = X.value.querySelector("article");
-				e && D(() => {
-					it(e, X.value, w.placement ?? "bottom");
+				e && O(() => {
+					at(e, X.value, w.placement ?? "bottom");
 				}, 1);
 			}
 		}
-		function Le(e) {
+		function Ie(e) {
 			if (X.value?.open) {
 				if (self.document) {
 					let t = self.document.activeElement;
@@ -2005,8 +2005,8 @@ var b = () => {
 								let e = X.value.querySelector("input[type=\"checkbox\"]");
 								if (e && e !== t) Ge(t);
 								else {
-									let e = I(X.value);
-									if (e) D(() => {
+									let e = L(X.value);
+									if (e) O(() => {
 										e.focus();
 									}, 100);
 									else {
@@ -2028,18 +2028,18 @@ var b = () => {
 					let t = self.document.activeElement;
 					if (["checkbox", "radio"].includes(t.getAttribute("type") || "")) t.click(), e.preventDefault();
 					else if (t.getAttribute("type") === "search") {
-						let t = de.value?.find((e) => !e.isGroupTitle && !e.disabled);
+						let t = ue.value?.find((e) => !e.isGroupTitle && !e.disabled);
 						t?.value && (He(t.value), e.preventDefault());
 					}
 				}
-			} else (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") && Le(e);
+			} else (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft" || e.key === "ArrowRight") && Ie(e);
 		}
 		function ze(e, t) {
 			if (X.value) {
 				if (t) X.value.open = !1, Ye();
 				else if (X.value.open && e && e.relatedTarget) {
 					let t = e.relatedTarget;
-					!X.value.contains(t) && t.localName !== "dialog" && D(() => X.value.open = !1, 1);
+					!X.value.contains(t) && t.localName !== "dialog" && O(() => X.value.open = !1, 1);
 				}
 			}
 		}
@@ -2050,15 +2050,15 @@ var b = () => {
 			}
 		}
 		function Ve(e) {
-			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, ee.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(C, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
+			(/* @__PURE__ */ new Date()).getTime() - he.value < 200 || (Y.value = e, U.value = !0, w.onOptionSelected && w.onOptionSelected(e ?? []), Q(S, { target: { values: e } }, "values"), he.value = (/* @__PURE__ */ new Date()).getTime());
 		}
 		function He(e) {
 			e && (w.multiple ? Y.value?.includes(e) ? Ve(Y.value.filter((t) => t !== e)) : Ve([...Y.value || [], e]) : (Ve([e]), ze(void 0, !0)));
 		}
-		function We(e) {
+		function Ue(e) {
 			if (e.stopPropagation(), Y.value?.length === le.value) Ve([]);
 			else {
-				let e = ce.value && Ce.value ? Ce.value.value : void 0;
+				let e = ie.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 ?? "") : []);
 			}
 		}
@@ -2067,7 +2067,7 @@ var b = () => {
 				let t = Array.from(X.value.querySelectorAll("input[type=\"checkbox\"],input[type=\"radio\"]"));
 				if (t.length) {
 					let n = t.at(0), r = n === e && t.length > 1 ? t.at(1) : n;
-					r && D(() => {
+					r && O(() => {
 						r.focus();
 					}, 1);
 				}
@@ -2075,8 +2075,8 @@ var b = () => {
 		}
 		function Ke() {
 			if (X.value) {
-				let e = I(X.value);
-				e ? D(() => {
+				let e = L(X.value);
+				e ? O(() => {
 					e.focus();
 				}, 1) : Ge();
 			}
@@ -2089,7 +2089,7 @@ var b = () => {
 				let n = e;
 				n.stopPropagation(), w.onSearch && w.onSearch(n), t = n.target.value, ve.value = t;
 			}
-			!w.options || !t || t.length === 0 ? de.value = w.options : w.searchFilter ? de.value = w.options.filter((e) => w.searchFilter(e, t)) : de.value = w.options.filter((e) => !e.isGroupTitle && je(e).toLowerCase().includes(t.toLowerCase()));
+			!w.options || !t || t.length === 0 ? 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()));
 		}
 		function Je(e) {
 			e.stopPropagation(), Ve([]), Ye();
@@ -2099,85 +2099,85 @@ var b = () => {
 		}
 		function Xe() {
 			let e = w.id ?? w.propOverrides?.id ?? `custom-select-${x}`;
-			E.value = e, A.value = e + K, j.value = e + q, M.value = e + J, L.value = e + oe, R.value = e + ae, z.value = e + "-summary", B.value = e + se, ne.value = e + "-selected-labels", V.value = e + "-info";
+			T.value = e, D.value = e + q, j.value = e + J, M.value = e + se, P.value = e + oe, R.value = e + ae, z.value = e + "-summary", B.value = e + ce, te.value = e + "-selected-labels", V.value = e + "-info";
 		}
 		function Ze(e) {
 			e.stopPropagation();
 		}
-		return (l, u) => (d(), r("div", {
-			id: E.value,
+		return (l, u) => (f(), r("div", {
+			id: T.value,
 			ref_key: "_ref",
 			ref: xe,
-			class: c(g(S)("db-custom-select", w.class)),
+			class: c(_(C)("db-custom-select", w.class)),
 			"aria-invalid": H.value === "invalid",
 			"data-custom-validity": H.value,
 			"data-width": s.formFieldWidth,
 			"data-variant": s.variant === "floating" && s.selectedType === "tag" && s.multiple ? "above" : s.variant,
-			"data-required": g(O)(s.required),
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
+			"data-required": _(k)(s.required, "required"),
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-placement": s.placement,
 			"data-selected-type": s.multiple ? s.selectedType : "text",
-			"data-hide-label": g(P)(s.showLabel),
+			"data-hide-label": _(F)(s.showLabel),
 			"data-icon": s.icon,
-			"data-show-icon": g(O)(s.showIcon)
+			"data-show-icon": _(k)(s.showIcon, "showIcon")
 		}, [
-			i("label", { id: R.value }, [a(h(s.label ?? g("LABEL SHOULD BE SET")), 1), i("select", {
+			i("label", { id: R.value }, [a(g(s.label ?? _("LABEL SHOULD BE SET")), 1), i("select", {
 				role: "none",
 				hidden: !0,
-				id: L.value,
+				id: P.value,
 				tabIndex: -1,
 				ref_key: "selectRef",
 				ref: Z,
 				form: s.form,
 				name: s.name,
 				"data-custom-validity": H.value,
-				multiple: g(k)(s.multiple, "multiple"),
-				disabled: g(k)(s.disabled, "disabled"),
-				required: g(k)(s.required, "required"),
+				multiple: _(A)(s.multiple, "multiple"),
+				disabled: _(A)(s.disabled, "disabled"),
+				required: _(A)(s.required, "required"),
 				onChange: u[0] ||= async (e) => Ze(e)
-			}, [s.options?.length ? (d(!0), r(e, { key: 0 }, p(s.options, (e, t) => (d(), r("option", {
+			}, [s.options?.length ? (f(!0), r(e, { key: 0 }, m(s.options, (e, t) => (f(), r("option", {
 				key: t,
 				disabled: e.disabled,
 				value: e.value
-			}, h(je(e)), 9, Nt))), 128)) : n("", !0)], 40, Mt)], 8, jt),
+			}, g(je(e)), 9, Pt))), 128)) : n("", !0)], 40, Nt)], 8, Mt),
 			i("details", {
 				ref_key: "detailsRef",
 				ref: X,
 				open: s.open,
 				onToggle: u[2] ||= async (e) => De(e),
 				onKeydown: u[3] ||= async (e) => Re(e)
-			}, [m(l.$slots, "default"), s.options ? (d(), r(e, { key: 0 }, [i("summary", {
+			}, [h(l.$slots, "default"), s.options ? (f(), r(e, { key: 0 }, [i("summary", {
 				class: "db-custom-select-form-field",
 				id: z.value,
-				"aria-disabled": g(O)(s.disabled),
+				"aria-disabled": _(k)(s.disabled, "disabled"),
 				tabIndex: s.disabled ? -1 : void 0,
 				"aria-labelledby": R.value
-			}, [W.value?.length ? (d(), r("span", {
+			}, [G.value?.length ? (f(), r("span", {
 				key: 0,
-				"data-visually-hidden": g(O)(s.selectedType === "tag"),
-				id: ne.value
-			}, [s.selectedPrefix ? (d(), r("span", Lt, h(s.selectedPrefix), 1)) : n("", !0), a(" " + h(W.value), 1)], 8, It)) : n("", !0), s.selectedType === "tag" ? (d(), r("div", Rt, [(d(!0), r(e, null, p(G.value, (e, n) => (d(), t(kt, {
+				"data-visually-hidden": _(k)(s.selectedType === "tag", "selectedType"),
+				id: te.value
+			}, [s.selectedPrefix ? (f(), r("span", Rt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(G.value), 1)], 8, Lt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", zt, [(f(!0), r(e, null, m(K.value, (e, n) => (f(), t(At, {
 				key: n,
 				emphasis: "strong",
 				behavior: "removable",
 				removeButton: Ne(e),
 				onRemove: (t) => Pe(e, t)
 			}, {
-				default: y(() => [a(h(je(e)), 1)]),
+				default: b(() => [a(g(je(e)), 1)]),
 				_: 2
-			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Ft), o(dt, { width: s.dropdownWidth }, {
-				default: y(() => [
-					ce.value ? (d(), r("div", zt, [o(Tt, {
+			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, It), o(ft, { width: s.dropdownWidth }, {
+				default: b(() => [
+					ie.value ? (f(), r("div", Bt, [o(Et, {
 						type: "search",
 						ref_key: "searchInputRef",
 						ref: Ce,
-						name: E.value,
-						form: E.value,
+						name: T.value,
+						form: T.value,
 						showLabel: !1,
 						value: ve.value,
-						label: s.searchLabel ?? g("LABEL SHOULD BE SET"),
+						label: s.searchLabel ?? _("LABEL SHOULD BE SET"),
 						placeholder: s.searchPlaceholder ?? s.searchLabel,
-						ariaDescribedBy: pe.value || s.showLoading ? V.value : void 0,
+						ariaDescribedBy: fe.value || s.showLoading ? V.value : void 0,
 						onInput: (e) => qe(e)
 					}, null, 8, [
 						"name",
@@ -2188,44 +2188,44 @@ var b = () => {
 						"ariaDescribedBy",
 						"onInput"
 					])])) : n("", !0),
-					pe.value || s.showLoading ? (d(), t($, {
+					fe.value || s.showLoading ? (f(), t($, {
 						key: 1,
 						id: V.value,
 						icon: s.showLoading ? "circular_arrows" : void 0,
 						semantic: s.showLoading ? "informational" : "warning"
 					}, {
-						default: y(() => [a(h((s.showLoading ? s.loadingText : s.noResultsText) ?? g("MESSAGE SHOULD BE SET")), 1)]),
+						default: b(() => [a(g((s.showLoading ? s.loadingText : s.noResultsText) ?? _("MESSAGE SHOULD BE SET")), 1)]),
 						_: 1
 					}, 8, [
 						"id",
 						"icon",
 						"semantic"
-					])) : (d(), r(e, { key: 2 }, [ie.value ? (d(), r("div", Bt, [i("div", Vt, [i("label", null, [i("input", {
+					])) : (f(), r(e, { key: 2 }, [re.value ? (f(), r("div", Vt, [i("div", Ht, [i("label", null, [i("input", {
 						type: "checkbox",
 						value: "select-all",
 						ref_key: "selectAllRef",
 						ref: Se,
-						form: E.value,
+						form: T.value,
 						checked: ye.value,
-						onChange: u[1] ||= async (e) => We(e)
-					}, null, 40, Ht), a(h(Ae()), 1)])])])) : n("", !0), o(vt, {
-						multiple: g(k)(s.multiple, "multiple"),
-						label: s.listLabel ?? s.label ?? g("LABEL SHOULD BE SET")
+						onChange: u[1] ||= async (e) => Ue(e)
+					}, null, 40, Ut), a(g(Ae()), 1)])])])) : n("", !0), o(yt, {
+						multiple: _(A)(s.multiple, "multiple"),
+						label: s.listLabel ?? s.label ?? _("LABEL SHOULD BE SET")
 					}, {
-						default: y(() => [(d(!0), r(e, null, p(de.value, (i, o) => (d(), t(gt, {
+						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(_t, {
 							key: o,
 							type: s.multiple ? "checkbox" : "radio",
 							showDivider: i.showDivider,
 							icon: i.icon,
 							isGroupTitle: i.isGroupTitle,
 							groupTitle: je(i),
-							name: E.value,
+							name: T.value,
 							checked: Me(i.value),
 							disabled: i.disabled,
 							value: i.value,
 							onChange: (e) => He(i.value)
 						}, {
-							default: y(() => [i.isGroupTitle ? n("", !0) : (d(), r(e, { key: 0 }, [a(h(je(i)), 1)], 64))]),
+							default: b(() => [i.isGroupTitle ? n("", !0) : (f(), r(e, { key: 0 }, [a(g(je(i)), 1)], 64))]),
 							_: 2
 						}, 1032, [
 							"type",
@@ -2241,16 +2241,16 @@ var b = () => {
 						]))), 128))]),
 						_: 1
 					}, 8, ["multiple", "label"])], 64)),
-					i("div", null, [o(Ie, {
+					i("div", null, [o(Le, {
 						variant: "ghost",
 						width: "full",
 						icon: "cross",
 						size: "small",
-						name: E.value,
-						form: E.value,
+						name: T.value,
+						form: T.value,
 						onClick: (e) => ze(void 0, !0)
 					}, {
-						default: y(() => [a(h(s.mobileCloseButtonText ?? g("Close")), 1)]),
+						default: b(() => [a(g(s.mobileCloseButtonText ?? _("Close")), 1)]),
 						_: 1
 					}, 8, [
 						"name",
@@ -2259,20 +2259,20 @@ var b = () => {
 					])])
 				]),
 				_: 1
-			}, 8, ["width"])], 64)) : n("", !0)], 40, Pt),
-			(s.showClearSelection ?? !0) && Y.value?.length ? (d(), t(Ie, {
+			}, 8, ["width"])], 64)) : n("", !0)], 40, Ft),
+			(s.showClearSelection ?? !0) && Y.value?.length ? (f(), t(Le, {
 				key: 0,
 				icon: "cross",
 				variant: "ghost",
 				size: "small",
 				noText: !0,
-				name: E.value,
-				form: E.value,
-				disabled: g(k)(s.disabled, "disabled"),
+				name: T.value,
+				form: T.value,
+				disabled: _(A)(s.disabled, "disabled"),
 				onClick: (e) => Je(e)
 			}, {
-				default: y(() => [a(h(s.clearSelectionText), 1), o(Dt, { placement: "top" }, {
-					default: y(() => [a(h(s.clearSelectionText), 1)]),
+				default: b(() => [a(g(s.clearSelectionText), 1), o(Ot, { placement: "top" }, {
+					default: b(() => [a(g(s.clearSelectionText), 1)]),
 					_: 1
 				})]),
 				_: 1
@@ -2284,25 +2284,25 @@ var b = () => {
 			])) : n("", !0),
 			i("span", {
 				class: "db-custom-select-placeholder",
-				"aria-hidden": g(O)(!0),
+				"aria-hidden": "true",
 				id: B.value
-			}, h(s.placeholder ?? s.label), 9, Ut),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+			}, g(s.placeholder ?? s.label), 9, Wt),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
 				icon: s.messageIcon,
-				id: A.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			Te() ? (d(), t($, {
+			Te() ? (f(), t($, {
 				key: 2,
 				size: "small",
 				semantic: "successful",
 				id: j.value
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -2310,17 +2310,17 @@ var b = () => {
 				semantic: "critical",
 				id: M.value
 			}, {
-				default: y(() => [a(h(N.value), 1)]),
+				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Wt, h(re.value), 1)
-		], 10, At));
+			i("span", Gt, g(ne.value), 1)
+		], 10, jt));
 	}
-}), Kt = [
+}), qt = [
 	"fixed",
 	"auto",
 	"full"
-], qt = ["id"], Jt = /* @__PURE__ */ s({
+], Jt = ["id"], Yt = /* @__PURE__ */ s({
 	name: "DBCustomSelectFormField",
 	__name: "custom-select-form-field",
 	props: {
@@ -2332,25 +2332,25 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("summary", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("summary", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-custom-select-form-field", t.class))
-		}, [m(i.$slots, "default")], 10, qt));
+			class: c(_(C)("db-custom-select-form-field", t.class))
+		}, [h(i.$slots, "default")], 10, Jt));
 	}
-}), Yt = ["checkbox", "radio"], Xt = [
+}), Xt = ["checkbox", "radio"], Zt = [
 	"amount",
 	"text",
 	"tag"
-], Zt = [
+], Qt = [
 	"id",
 	"data-margin",
 	"data-variant",
 	"data-emphasis",
 	"data-width"
-], Qt = /* @__PURE__ */ s({
+], $t = /* @__PURE__ */ s({
 	name: "DBDivider",
 	__name: "divider",
 	props: {
@@ -2366,8 +2366,8 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
@@ -2375,21 +2375,21 @@ var b = () => {
 			"data-variant": e.variant,
 			"data-emphasis": e.emphasis,
 			"data-width": e.width,
-			class: c(g(S)("db-divider", t.class))
-		}, null, 10, Zt));
+			class: c(_(C)("db-divider", t.class))
+		}, null, 10, Qt));
 	}
-}), $t = ["none", "_"], en = ["horizontal", "vertical"], tn = [
+}), en = ["none", "_"], tn = ["horizontal", "vertical"], nn = [
 	"id",
 	"data-position",
 	"data-backdrop",
 	"data-direction",
 	"data-variant"
-], nn = [
+], rn = [
 	"data-spacing",
 	"data-width",
 	"data-direction",
 	"data-rounded"
-], rn = { class: "db-drawer-header" }, an = { class: "db-drawer-header-text" }, on = { class: "db-drawer-content" }, sn = /* @__PURE__ */ s({
+], an = { class: "db-drawer-header" }, on = { class: "db-drawer-header-text" }, sn = { class: "db-drawer-content" }, cn = /* @__PURE__ */ s({
 	name: "DBDrawer",
 	__name: "drawer",
 	props: {
@@ -2423,15 +2423,15 @@ var b = () => {
 		spacing: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), s = f(null), u = f(null);
-		l(() => {
-			_(), n.value = !0;
-		}), v(() => [t.open], () => {
-			_();
+		let t = e, n = p(!1), s = p(null), l = p(null);
+		u(() => {
+			m(), n.value = !0;
+		}), y(() => [t.open], () => {
+			m();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			s.value,
 			n.value,
 			t.position
@@ -2444,64 +2444,64 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e, n) {
-			e && (R(e) ? e.key === "Escape" && (e.preventDefault(), t.onClose && t.onClose(e)) : (n && (e.stopPropagation(), t.onClose && t.onClose(e)), e.target?.nodeName === "DIALOG" && e.type === "click" && t.backdrop !== "none" && t.onClose && t.onClose(e)));
+		function d(e, n) {
+			e && (z(e) ? e.key === "Escape" && (e.preventDefault(), t.onClose && t.onClose(e)) : (n && (e.stopPropagation(), t.onClose && t.onClose(e)), e.target?.nodeName === "DIALOG" && e.type === "click" && t.backdrop !== "none" && t.onClose && t.onClose(e)));
 		}
-		function _() {
+		function m() {
 			if (s.value) {
-				let e = k(t.open, "open");
-				e && !s.value.open && (u.value && u.value.removeAttribute("data-transition"), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? s.value.show() : s.value.showModal(), D(() => {
-					u.value && (u.value.dataset.transition = "open");
-				}, 1)), !e && s.value.open && (u.value && (u.value.dataset.transition = "close"), D(() => {
+				let e = A(t.open, "open");
+				e && !s.value.open && (l.value && l.value.removeAttribute("data-transition"), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? s.value.show() : s.value.showModal(), O(() => {
+					l.value && (l.value.dataset.transition = "open");
+				}, 1)), !e && s.value.open && (l.value && (l.value.dataset.transition = "close"), O(() => {
 					s.value?.close();
 				}, 401));
 			}
 		}
-		return (n, l) => (d(), r("dialog", {
+		return (n, u) => (f(), r("dialog", {
 			class: "db-drawer",
 			id: e.id ?? e.propOverrides?.id,
 			ref_key: "_ref",
 			ref: s,
-			onClick: l[0] ||= async (e) => p(e),
-			onKeydown: l[1] ||= async (e) => p(e),
+			onClick: u[0] ||= async (e) => d(e),
+			onKeydown: u[1] ||= async (e) => d(e),
 			"data-position": e.position,
 			"data-backdrop": e.backdrop,
 			"data-direction": e.direction,
 			"data-variant": e.variant
 		}, [i("article", {
 			ref_key: "dialogContainerRef",
-			ref: u,
-			class: c(g(S)("db-drawer-container", t.class)),
+			ref: l,
+			class: c(_(C)("db-drawer-container", t.class)),
 			"data-spacing": e.spacing,
 			"data-width": e.width,
 			"data-direction": e.direction,
-			"data-rounded": g(O)(e.rounded)
-		}, [i("header", rn, [i("div", an, [m(n.$slots, "drawer-header")]), o(Ie, {
+			"data-rounded": _(k)(e.rounded, "rounded")
+		}, [i("header", an, [i("div", on, [h(n.$slots, "drawer-header")]), o(Le, {
 			class: "button-close-drawer",
 			icon: "cross",
 			variant: "ghost",
 			id: e.closeButtonId,
 			noText: !0,
-			onClick: (e) => p(e, !0)
+			onClick: (e) => d(e, !0)
 		}, {
-			default: y(() => [a(h(e.closeButtonText ?? g("Close")), 1)]),
+			default: b(() => [a(g(e.closeButtonText ?? _("Close")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])]), i("div", on, [m(n.$slots, "default")])], 10, nn)], 40, tn));
+		}, 8, ["id", "onClick"])]), i("div", sn, [h(n.$slots, "default")])], 10, rn)], 40, nn));
 	}
-}), cn = [
+}), ln = [
 	"none",
 	"strong",
 	"weak",
 	"invisible"
-], ln = [
+], un = [
 	"left",
 	"right",
 	"up",
 	"down"
-], un = ["modal", "inside"], dn = ["fixed", "absolute"], fn = (e) => {
+], dn = ["modal", "inside"], fn = ["fixed", "absolute"], pn = (e) => {
 	let { target: t } = e;
 	return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
-}, pn = class {
+}, mn = class {
 	element;
 	subNavigation;
 	parentSubNavigation = null;
@@ -2518,7 +2518,7 @@ var b = () => {
 	}
 	enableFollow() {
 		if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) return;
-		let e = rt(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+		let e = it(this.subNavigation), t = this.element.getBoundingClientRect(), n = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
 		this.triangleData = {
 			itemRect: t,
 			parentElementWidth: n,
@@ -2569,11 +2569,11 @@ var b = () => {
 		let t = this.hasMouseEnteredSubNavigation(), n = this.getTriangleCoordinates(t ? "fill-gap" : "safe-triangle");
 		n && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${n.lb}, ${n.lt}, ${n.rt}, ${n.rb})`), t && (this.triangleData = void 0));
 	}
-}, mn = [
+}, hn = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], hn = { class: "db-header-meta-navigation" }, gn = { class: "db-header-navigation-bar" }, _n = { class: "db-header-brand-container" }, vn = { class: "db-header-navigation-container" }, yn = { class: "db-header-navigation" }, bn = { class: "db-header-primary-action" }, xn = { class: "db-header-action-container" }, Sn = { class: "db-header-burger-menu-container" }, Cn = { class: "db-header-secondary-action" }, wn = { class: "db-header-drawer-navigation" }, Tn = { class: "db-header-meta-navigation" }, En = { class: "db-header-secondary-action" }, Dn = /* @__PURE__ */ s({
+], gn = { class: "db-header-meta-navigation" }, _n = { class: "db-header-navigation-bar" }, vn = { class: "db-header-brand-container" }, yn = { class: "db-header-navigation-container" }, bn = { class: "db-header-navigation" }, xn = { class: "db-header-primary-action" }, Sn = { class: "db-header-action-container" }, Cn = { class: "db-header-burger-menu-container" }, wn = { class: "db-header-secondary-action" }, Tn = { class: "db-header-drawer-navigation" }, En = { class: "db-header-meta-navigation" }, Dn = { class: "db-header-secondary-action" }, On = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2606,11 +2606,11 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), s = f(!1), u = f(null);
-		l(() => {
+		let t = e, n = p(!1), s = p(!1), l = p(null);
+		u(() => {
 			n.value = !0;
-		}), v(() => [n.value, u.value], () => {
-			n.value && u.value && t.forceMobile && (x(u.value, {
+		}), y(() => [n.value, l.value], () => {
+			n.value && l.value && t.forceMobile && (S(l.value, {
 				key: "data-force-mobile",
 				value: "true"
 			}), s.value = !0);
@@ -2618,49 +2618,49 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
+		function d(e) {
 			e && e.stopPropagation && e.stopPropagation();
-			let n = !k(t.drawerOpen, "drawerOpen");
+			let n = !A(t.drawerOpen, "drawerOpen");
 			t.onToggle && t.onToggle(n);
 		}
-		function _(e) {
-			fn(e) && p();
+		function m(e) {
+			pn(e) && d();
 		}
-		return (n, l) => (d(), r("header", {
+		return (n, u) => (f(), r("header", {
 			ref_key: "_ref",
-			ref: u,
-			class: c(g(S)("db-header", t.class)),
+			ref: l,
+			class: c(_(C)("db-header", t.class)),
 			id: e.id ?? e.propOverrides?.id,
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			i("div", hn, [m(n.$slots, "meta-navigation")]),
-			i("div", gn, [
-				i("div", _n, [m(n.$slots, "brand")]),
-				i("div", vn, [i("div", yn, [m(n.$slots, "default")]), i("div", bn, [m(n.$slots, "primary-action")])]),
-				i("div", xn, [i("div", Sn, [o(Ie, {
+			i("div", gn, [h(n.$slots, "meta-navigation")]),
+			i("div", _n, [
+				i("div", vn, [h(n.$slots, "brand")]),
+				i("div", yn, [i("div", bn, [h(n.$slots, "default")]), i("div", xn, [h(n.$slots, "primary-action")])]),
+				i("div", Sn, [i("div", Cn, [o(Le, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
-					onClick: (e) => p()
+					onClick: (e) => d()
 				}, {
-					default: y(() => [a(h(e.burgerMenuLabel ?? g("BurgerMenu")), 1)]),
+					default: b(() => [a(g(e.burgerMenuLabel ?? _("BurgerMenu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", Cn, [m(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", wn, [h(n.$slots, "secondary-action")])])
 			]),
-			o(sn, {
+			o(cn, {
 				class: "db-header-drawer",
 				spacing: "small",
 				rounded: !0,
 				closeButtonId: e.closeButtonId,
 				closeButtonText: e.closeButtonText,
-				open: g(k)(e.drawerOpen),
-				onClose: (e) => p()
+				open: _(A)(e.drawerOpen),
+				onClose: (e) => d()
 			}, {
-				default: y(() => [i("div", wn, [i("div", {
+				default: b(() => [i("div", Tn, [i("div", {
 					class: "db-header-navigation",
-					onClick: l[0] ||= async (e) => _(e)
-				}, [m(n.$slots, "default")]), i("div", Tn, [m(n.$slots, "meta-navigation")])]), i("div", En, [m(n.$slots, "secondary-action")])]),
+					onClick: u[0] ||= async (e) => m(e)
+				}, [h(n.$slots, "default")]), i("div", En, [h(n.$slots, "meta-navigation")])]), i("div", Dn, [h(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
@@ -2668,14 +2668,14 @@ var b = () => {
 				"open",
 				"onClose"
 			])
-		], 10, mn));
+		], 10, hn));
 	}
-}), On = [
+}), kn = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], kn = /* @__PURE__ */ s({
+], An = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -2691,26 +2691,26 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let i = t, o = f(null);
-		return (s, l) => (d(), r("span", {
+		let i = t, o = p(null);
+		return (s, l) => (f(), r("span", {
 			"aria-hidden": "true",
 			ref_key: "_ref",
 			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-icon", i.class)),
+			class: c(_(C)("db-icon", i.class)),
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(s.$slots, "default")], 10, On));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, kn));
 	}
-}), An = [
+}), jn = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], jn = [
+], Mn = [
 	"color",
 	"date",
 	"datetime-local",
@@ -2727,7 +2727,7 @@ var b = () => {
 	"time",
 	"url",
 	"week"
-], Mn = [
+], Nn = [
 	"id",
 	"href",
 	"target",
@@ -2742,7 +2742,7 @@ var b = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], Nn = /* @__PURE__ */ s({
+], Pn = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -2782,36 +2782,36 @@ var b = () => {
 		}
 	},
 	setup(t) {
-		let i = t, o = f(null);
+		let i = t, o = p(null);
 		function s(e) {
 			i.onClick && i.onClick(e);
 		}
-		return (l, u) => (d(), r("a", {
+		return (l, u) => (f(), r("a", {
 			ref_key: "_ref",
 			ref: o,
 			id: t.id ?? t.propOverrides?.id,
-			class: c(g(S)("db-link", i.class)),
+			class: c(_(C)("db-link", i.class)),
 			href: t.href,
 			target: t.target,
 			rel: t.rel,
 			role: t.role,
 			referrerPolicy: t.referrerpolicy ?? t.referrerPolicy,
 			hrefLang: t.hreflang,
-			"aria-disabled": g(O)(t.disabled),
+			"aria-disabled": _(k)(t.disabled, "disabled"),
 			tabIndex: t.disabled ? -1 : 0,
 			"data-size": t.size,
-			"data-show-icon-trailing": g(O)(t.showIcon ?? !0),
+			"data-show-icon-trailing": _(k)(t.showIcon ?? !0, "showIcon"),
 			"data-variant": t.variant,
 			"data-content": t.content || "internal",
-			"data-wrap": g(O)(t.wrap),
+			"data-wrap": _(k)(t.wrap, "wrap"),
 			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : n("", !0), m(l.$slots, "default")], 10, Mn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Nn));
 	}
-}), Pn = [
+}), Fn = [
 	"adaptive",
 	"brand",
 	"inline"
-], Fn = ["medium", "small"], In = ["external", "internal"], Ln = ["id"], Rn = /* @__PURE__ */ s({
+], In = ["medium", "small"], Ln = ["external", "internal"], Rn = ["id"], zn = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -2823,15 +2823,15 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (a, o) => (d(), r("nav", {
+		let t = e, n = p(null);
+		return (a, o) => (f(), r("nav", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-navigation", t.class))
-		}, [i("menu", null, [m(a.$slots, "default")])], 10, Ln));
+			class: c(_(C)("db-navigation", t.class))
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, Rn));
 	}
-}), zn = [
+}), Bn = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -2839,20 +2839,20 @@ var b = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], Bn = [
+], Vn = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], Vn = [
+], Hn = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], Hn = {
+], Un = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, Un = /* @__PURE__ */ s({
+}, Wn = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -2899,75 +2899,75 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(t) {
-		let s = _(), u = t, p = f(!1), b = f(!1), x = f(!0), C = f(!1), w = f(!1), T = f(void 0), E = f(void 0), A = f(void 0), j = f(null);
-		l(() => {
-			p.value = !0;
-			let e = `sub-nav-${u.id ?? s}`;
-			E.value = e, A.value = `${e}-toggle`;
-		}), v(() => [u.subNavigationExpanded], () => {
-			u.subNavigationExpanded !== void 0 && (C.value = !!k(u.subNavigationExpanded, "subNavigationExpanded"));
+		let s = v(), l = t, d = p(!1), m = p(!1), x = p(!0), S = p(!1), w = p(!1), T = p(void 0), E = p(void 0), D = p(void 0), j = p(null);
+		u(() => {
+			d.value = !0;
+			let e = `sub-nav-${l.id ?? s}`;
+			E.value = e, D.value = `${e}-toggle`;
+		}), y(() => [l.subNavigationExpanded], () => {
+			l.subNavigationExpanded !== void 0 && (S.value = !!A(l.subNavigationExpanded, "subNavigationExpanded"));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [p.value, j.value], () => {
-			if (p.value && j.value) {
+		}), y(() => [d.value, j.value], () => {
+			if (d.value && j.value) {
 				let e = j.value.querySelector("menu");
-				e && (e.children?.length > 0 ? (b.value = !0, T.value ||= new pn(j.value, e)) : x.value = !1);
+				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new mn(j.value, e)) : x.value = !1);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
 		function M(e) {
-			e?.target?.nodeName === "A" && (w.value = !0, D(() => {
+			e?.target?.nodeName === "A" && (w.value = !0, O(() => {
 				w.value = !1;
 			}, 1e3));
 		}
 		function N(e) {
-			u.onClick && (e.stopPropagation(), u.onClick(e)), b.value && (C.value = !0);
+			l.onClick && (e.stopPropagation(), l.onClick(e)), m.value && (S.value = !0);
 		}
 		function P(e) {
-			e.stopPropagation(), C.value = !1;
+			e.stopPropagation(), S.value = !1;
 		}
-		return (s, l) => (d(), r("li", {
+		return (s, u) => (f(), r("li", {
 			ref_key: "_ref",
 			ref: j,
 			id: t.id ?? t.propOverrides?.id,
-			onMouseover: l[2] ||= async (e) => T.value?.enableFollow(),
-			onMouseleave: l[3] ||= async (e) => T.value?.disableFollow(),
-			onMousemove: l[4] ||= async (e) => T.value?.followByMouseEvent(e),
-			class: c(g(S)("db-navigation-item", u.class)),
+			onMouseover: u[2] ||= async (e) => T.value?.enableFollow(),
+			onMouseleave: u[3] ||= async (e) => T.value?.disableFollow(),
+			onMousemove: u[4] ||= async (e) => T.value?.followByMouseEvent(e),
+			class: c(_(C)("db-navigation-item", l.class)),
 			"data-width": t.width,
 			"data-icon": t.icon,
-			"data-show-icon": g(O)(t.showIcon),
+			"data-show-icon": _(k)(t.showIcon, "showIcon"),
 			"data-active": t.active,
-			"data-wrap": g(O)(t.wrap),
-			"aria-disabled": g(O)(t.disabled)
-		}, [!g(k)(t.hideSubNavigation, "hideSubNavigation") && x.value ? (d(), r(e, { key: 0 }, [i("button", {
+			"data-wrap": _(k)(t.wrap, "wrap"),
+			"aria-disabled": _(k)(t.disabled, "disabled")
+		}, [!_(A)(t.hideSubNavigation, "hideSubNavigation") && x.value ? (f(), r(e, { key: 0 }, [i("button", {
 			class: "db-navigation-item-expand-button",
-			id: A.value,
-			"aria-haspopup": b.value ? "true" : void 0,
-			"aria-expanded": C.value,
+			id: D.value,
+			"aria-haspopup": m.value ? "true" : void 0,
+			"aria-expanded": S.value,
 			"aria-controls": E.value,
-			disabled: g(k)(t.disabled, "disabled"),
-			onClick: l[0] ||= async (e) => N(e)
-		}, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 8, Bn), i("menu", {
+			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, Vn), i("menu", {
 			class: "db-sub-navigation",
 			id: E.value,
-			"aria-labelledby": A.value,
+			"aria-labelledby": D.value,
 			"data-force-close": w.value,
-			onClick: l[1] ||= async (e) => M(e)
-		}, [b.value ? (d(), r("div", Hn, [o(Ie, {
+			onClick: u[1] ||= async (e) => M(e)
+		}, [m.value ? (f(), r("div", Un, [o(Le, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
 			onClick: (e) => P(e)
 		}, {
-			default: y(() => [a(h(t.backButtonText ?? g("Back")), 1)]),
+			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), m(s.$slots, "sub-navigation")], 8, Vn)], 64)) : (d(), r(e, { key: 1 }, [t.text ? (d(), r(e, { key: 0 }, [a(h(t.text), 1)], 64)) : m(s.$slots, "default", { key: 1 })], 64))], 42, zn));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Hn)], 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, Bn));
 	}
-}), Wn = [
+}), Gn = [
 	"id",
 	"role",
 	"aria-live",
@@ -2976,10 +2976,10 @@ var b = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], Gn = {
+], Kn = {
 	key: 0,
 	"data-area": "head"
-}, Kn = { "data-area": "content" }, qn = ["dateTime"], Jn = /* @__PURE__ */ s({
+}, qn = { "data-area": "content" }, Jn = ["dateTime"], Yn = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -3026,16 +3026,16 @@ var b = () => {
 		text: { default: void 0 }
 	},
 	setup(o) {
-		let s = o, l = f(null);
+		let s = o, l = p(null);
 		function u(e) {
 			e && (e.stopPropagation(), s.onClose && s.onClose(e));
 		}
-		return (f, p) => (d(), r("div", {
+		return (d, p) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: l,
 			id: o.id ?? o.propOverrides?.id,
-			class: c(g(S)("db-notification", s.class)),
-			role: g(z)({
+			class: c(_(C)("db-notification", s.class)),
+			role: _(B)({
 				semantic: o.semantic,
 				role: o.role,
 				ariaLive: o.ariaLive
@@ -3043,20 +3043,20 @@ var b = () => {
 			"aria-live": o.ariaLive,
 			"data-semantic": o.semantic,
 			"data-variant": o.variant,
-			"data-icon": g(k)(o.showIcon) === !1 ? void 0 : o.icon,
-			"data-show-icon": g(O)(o.showIcon),
+			"data-icon": _(A)(o.showIcon) === !1 ? void 0 : o.icon,
+			"data-show-icon": _(k)(o.showIcon, "showIcon"),
 			"data-link-variant": o.linkVariant
 		}, [
-			m(f.$slots, "image"),
-			g(F)(o.headline, o.showHeadline) ? (d(), r("header", Gn, h(o.headline), 1)) : n("", !0),
-			i("div", Kn, [o.text ? (d(), r(e, { key: 0 }, [a(h(o.text), 1)], 64)) : n("", !0), m(f.$slots, "default")]),
-			g(F)(o.timestamp, o.showTimestamp) ? (d(), r("time", {
+			h(d.$slots, "image"),
+			_(I)(o.headline, o.showHeadline) ? (f(), r("header", Kn, g(o.headline), 1)) : n("", !0),
+			i("div", qn, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
+			_(I)(o.timestamp, o.showTimestamp) ? (f(), r("time", {
 				key: 1,
 				"data-area": "timestamp",
 				dateTime: o.timestampDatetime
-			}, h(o.timestamp), 9, qn)) : n("", !0),
-			m(f.$slots, "link"),
-			g(k)(o.closeable, "closeable") ? (d(), t(Ie, {
+			}, g(o.timestamp), 9, Jn)) : n("", !0),
+			h(d.$slots, "link"),
+			_(A)(o.closeable, "closeable") ? (f(), t(Le, {
 				key: 2,
 				icon: "cross",
 				variant: "ghost",
@@ -3065,25 +3065,25 @@ var b = () => {
 				noText: !0,
 				onClick: (e) => u(e)
 			}, {
-				default: y(() => [a(h(o.closeButtonText ?? g("Close")), 1)]),
+				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, Wn));
+		], 10, Gn));
 	}
-}), Yn = [
+}), Xn = [
 	"docked",
 	"standalone",
 	"overlay"
-], Xn = ["block", "inline"], Zn = [
+], Zn = ["block", "inline"], Qn = [
 	"assertive",
 	"polite",
 	"off"
-], Qn = [
+], $n = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], $n = /* @__PURE__ */ s({
+], er = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -3104,28 +3104,28 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), a = f(null);
-		return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), l(() => {
+		let t = e, n = p(!1), a = p(null);
+		return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), u(() => {
 			n.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
 				n.value = !0;
 			}) : n.value = !0;
-		}), u(() => {
+		}), d(() => {
 			typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-		}), (o, s) => (d(), r("div", {
+		}), (o, s) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: a,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-page", t.class)),
+			class: c(_(C)("db-page", t.class)),
 			"data-variant": e.variant,
-			"data-fade-in": g(O)(e.fadeIn),
-			"data-fonts-loaded": g(O)(n.value)
+			"data-fade-in": _(k)(e.fadeIn, "fadeIn"),
+			"data-fonts-loaded": _(k)(n.value, "fontsLoaded")
 		}, [
-			m(o.$slots, "header"),
-			i("main", { class: c(g(S)("db-main", e.mainClass)) }, [m(o.$slots, "default")], 2),
-			m(o.$slots, "footer")
-		], 10, Qn));
+			h(o.$slots, "header"),
+			i("main", { class: c(_(C)("db-main", e.mainClass)) }, [h(o.$slots, "default")], 2),
+			h(o.$slots, "footer")
+		], 10, $n));
 	}
-}), er = ["auto", "fixed"], tr = ["hidden", "auto"], nr = ["id"], rr = [
+}), tr = ["auto", "fixed"], nr = ["hidden", "auto"], rr = ["id"], ir = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -3133,7 +3133,7 @@ var b = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], ir = /* @__PURE__ */ s({
+], ar = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -3162,27 +3162,27 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(!1), a = f(!1), o = f(void 0), s = f(void 0), u = f(null);
-		l(() => {
+		let t = e, n = p(!1), a = p(!1), o = p(void 0), s = p(void 0), l = p(null);
+		u(() => {
 			n.value = !0;
-		}), v(() => [u.value, n.value], () => {
-			if (u.value && n.value) {
+		}), y(() => [l.value, n.value], () => {
+			if (l.value && n.value) {
 				n.value = !1;
 				let e = x();
-				e && (e.ariaHasPopup = "true"), h(), u.value.addEventListener("keydown", (e) => p(e)), ["mouseenter", "focusin"].forEach((e) => {
-					u.value.addEventListener(e, () => y());
+				e && (e.ariaHasPopup = "true"), m(), l.value.addEventListener("keydown", (e) => d(e)), ["mouseenter", "focusin"].forEach((e) => {
+					l.value.addEventListener(e, () => v());
 				}), ["mouseleave", "focusout"].forEach((e) => {
-					u.value.addEventListener(e, () => b());
+					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 && p(!1);
+					t && !t.isIntersecting && d(!1);
 				}));
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [u.value, a.value], () => {
-			if (u.value) {
+		}), y(() => [l.value, a.value], () => {
+			if (l.value) {
 				let e = x();
 				e && (e.ariaExpanded = (!!a.value).toString());
 			}
@@ -3190,35 +3190,35 @@ var b = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function p(e) {
-			if (!e || e.key === "Escape") for (let e of Array.from(u.value.children)) e.blur();
+		function d(e) {
+			if (!e || e.key === "Escape") for (let e of Array.from(l.value.children)) e.blur();
 		}
-		function h() {
-			if (!u.value) return;
-			let e = u.value.querySelector("article");
-			e && D(() => {
-				lt(e, u.value, t.placement ?? "bottom");
+		function m() {
+			if (!l.value) return;
+			let e = l.value.querySelector("article");
+			e && O(() => {
+				ut(e, l.value, t.placement ?? "bottom");
 			}, 1);
 		}
-		function _(e) {
-			e?.target?.contains && e?.target?.contains(u.value) && h();
+		function g(e) {
+			e?.target?.contains && e?.target?.contains(l.value) && m();
 		}
-		function y() {
-			a.value = !0, o.value = new tt().addCallback((e) => _(e)), h();
+		function v() {
+			a.value = !0, o.value = new nt().addCallback((e) => g(e)), m();
 			let e = x();
 			e && s.value?.observe(e);
 		}
 		function b(e) {
 			let t = e?.target;
 			if (!t?.parentNode || t.parentNode.querySelector(":focus") !== t && t.parentNode.querySelector(":focus-within") !== t && t.parentNode.querySelector(":hover") !== t) {
-				a.value = !1, o.value && new tt().removeCallback(o.value);
+				a.value = !1, o.value && new nt().removeCallback(o.value);
 				let e = x();
 				e && s.value?.unobserve(e);
 			}
 		}
 		function x() {
-			if (u.value) {
-				let e = Array.from(u.value.children);
+			if (l.value) {
+				let e = Array.from(l.value.children);
 				if (e.length >= 2) {
 					let t = e[0];
 					return t.tagName.includes("-") ? t.children?.length > 0 ? t.children[0] : null : t;
@@ -3226,28 +3226,28 @@ var b = () => {
 			}
 			return null;
 		}
-		return (n, a) => (d(), r("div", {
+		return (n, a) => (f(), r("div", {
 			ref_key: "_ref",
-			ref: u,
+			ref: l,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-popover", t.class))
-		}, [m(n.$slots, "trigger"), i("article", {
+			class: c(_(C)("db-popover", t.class))
+		}, [h(n.$slots, "trigger"), i("article", {
 			class: "db-popover-content",
 			"data-spacing": e.spacing,
-			"data-gap": g(O)(e.gap),
-			"data-animation": g(O)(e.animation ?? !0),
-			"data-open": g(O)(e.open),
+			"data-gap": _(k)(e.gap, "gap"),
+			"data-animation": _(k)(e.animation ?? !0, "animation"),
+			"data-open": _(k)(e.open, "open"),
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [m(n.$slots, "default")], 8, rr)], 10, nr));
+		}, [h(n.$slots, "default")], 8, ir)], 10, rr));
 	}
-}), ar = [
+}), or = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], or = [
+], sr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -3256,7 +3256,7 @@ var b = () => {
 	"disabled",
 	"value",
 	"required"
-], sr = /* @__PURE__ */ s({
+], cr = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -3319,31 +3319,31 @@ var b = () => {
 	},
 	emits: ["update:value"],
 	setup(t, { emit: o }) {
-		let s = _(), p = o, y = t, b = f(!1), x = f(void 0), C = f(void 0), w = f(null);
-		l(() => {
+		let s = v(), l = o, m = t, b = p(!1), x = p(void 0), S = p(void 0), w = p(null);
+		u(() => {
 			b.value = !0, j();
-		}), u(() => {
-			C.value?.abort();
-		}), v(() => [y.id, y.propOverrides?.id], () => {
-			(y.id ?? y.propOverrides?.id) && j();
+		}), d(() => {
+			S.value?.abort();
+		}), y(() => [m.id, m.propOverrides?.id], () => {
+			(m.id ?? m.propOverrides?.id) && j();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
+		}), y(() => [
 			b.value,
 			w.value,
-			y.checked
+			m.checked
 		], () => {
-			y.checked && b.value && w.value && (w.value.checked = !0);
+			m.checked && b.value && w.value && (w.value.checked = !0);
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.value], () => {
+		}), y(() => [w.value], () => {
 			if (w.value) {
-				let e = C.value;
-				e || (e = new AbortController(), C.value = e), Ue(w.value, (e) => {
-					D(() => {
-						let t = y.checked ? y.checked : w.value.checked, n = {
+				let e = S.value;
+				e || (e = new AbortController(), S.value = e), We(w.value, (e) => {
+					O(() => {
+						let t = m.checked ? m.checked : w.value.checked, n = {
 							...e,
 							target: {
 								...e.target,
@@ -3360,25 +3360,25 @@ var b = () => {
 			flush: "post"
 		});
 		function T(e, t) {
-			y.input && y.input(e), y.onInput && y.onInput(e), Q(p, e);
+			m.input && m.input(e), m.onInput && m.onInput(e), Q(l, e);
 		}
 		function E(e, t) {
-			y.onChange && y.onChange(e), Q(p, e);
+			m.onChange && m.onChange(e), Q(l, e);
 		}
-		function O(e) {
-			y.onBlur && y.onBlur(e);
+		function D(e) {
+			m.onBlur && m.onBlur(e);
 		}
-		function A(e) {
-			y.onFocus && y.onFocus(e);
+		function k(e) {
+			m.onFocus && m.onFocus(e);
 		}
 		function j() {
-			x.value = y.id ?? y.propOverrides?.id ?? `radio-${s}`;
+			x.value = m.id ?? m.propOverrides?.id ?? `radio-${s}`;
 		}
-		return (o, s) => (d(), r("label", {
+		return (o, s) => (f(), r("label", {
 			"data-size": t.size,
-			"data-hide-label": g(P)(t.showLabel),
-			"data-hide-asterisk": g(P)(t.showRequiredAsterisk),
-			class: c(g(S)("db-radio", y.class)),
+			"data-hide-label": _(F)(t.showLabel),
+			"data-hide-asterisk": _(F)(t.showRequiredAsterisk),
+			class: c(_(C)("db-radio", m.class)),
 			for: x.value
 		}, [
 			i("input", {
@@ -3389,24 +3389,24 @@ var b = () => {
 				ref: w,
 				id: x.value,
 				name: t.name,
-				checked: g(k)(t.checked, "checked"),
-				disabled: g(k)(t.disabled, "disabled"),
+				checked: _(A)(t.checked, "checked"),
+				disabled: _(A)(t.disabled, "disabled"),
 				value: t.value,
-				required: g(k)(t.required, "required"),
+				required: _(A)(t.required, "required"),
 				onInput: s[0] ||= async (e) => T(e),
 				onChange: s[1] ||= async (e) => E(e),
-				onBlur: s[2] ||= async (e) => O(e),
-				onFocus: s[3] ||= async (e) => A(e)
-			}, null, 40, or),
-			t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : n("", !0),
-			m(o.$slots, "default")
-		], 10, ar));
+				onBlur: s[2] ||= async (e) => D(e),
+				onFocus: s[3] ||= async (e) => k(e)
+			}, null, 40, sr),
+			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
+			h(o.$slots, "default")
+		], 10, or));
 	}
-}), cr = [
+}), lr = [
 	"id",
 	"data-spacing",
 	"data-width"
-], lr = /* @__PURE__ */ s({
+], ur = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -3420,23 +3420,23 @@ var b = () => {
 		width: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("section", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("section", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-section", t.class)),
+			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [m(i.$slots, "default")], 10, cr));
+		}, [h(i.$slots, "default")], 10, lr));
 	}
-}), ur = [
+}), dr = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], dr = ["for"], fr = [
+], fr = ["for"], pr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -3448,18 +3448,18 @@ var b = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], pr = ["data-show-empty-option"], mr = ["label"], hr = [
+], mr = ["data-show-empty-option"], hr = ["label"], gr = [
 	"value",
 	"selected",
 	"disabled"
-], gr = [
+], _r = [
 	"value",
 	"disabled",
 	"selected"
-], _r = ["id"], vr = {
+], vr = ["id"], yr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, yr = /* @__PURE__ */ s({
+}, br = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -3547,148 +3547,148 @@ var b = () => {
 		size: { default: void 0 }
 	},
 	emits: ["update:value"],
-	setup(s, { emit: b }) {
-		let x = _(), C = b, w = s, E = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), I = f(""), L = f(void 0), R = f(""), z = f(!1), B = f(""), V = f(void 0), H = f(null);
-		l(() => {
-			z.value = !0, oe(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
-		}), u(() => {
+	setup(s, { emit: l }) {
+		let x = v(), S = l, w = s, T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(""), L = p(void 0), R = p(""), z = p(!1), B = p(""), V = p(void 0), H = p(null);
+		u(() => {
+			z.value = !0, ae(), N.value = w.invalidMessage || "TODO: Add an invalidMessage";
+		}), d(() => {
 			V.value?.abort();
-		}), v(() => [w.id, w.propOverrides?.id], () => {
-			(w.id ?? w.propOverrides?.id) && oe();
+		}), y(() => [w.id, w.propOverrides?.id], () => {
+			(w.id ?? w.propOverrides?.id) && ae();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [H.value, w.invalidMessage], () => {
+		}), y(() => [H.value, w.invalidMessage], () => {
 			N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [E.value, z.value], () => {
-			if (E.value && z.value) {
-				let e = E.value + K, t = E.value + se;
-				A.value = e, j.value = E.value + q, M.value = E.value + J, I.value = t, F(w.message, w.showMessage) ? L.value = e : w.placeholder ? L.value = t : L.value = void 0, U(), z.value = !1;
+		}), y(() => [T.value, z.value], () => {
+			if (T.value && z.value) {
+				let e = T.value + q, t = T.value + ce;
+				D.value = e, j.value = T.value + J, M.value = T.value + se, P.value = t, I(w.message, w.showMessage) ? L.value = e : w.placeholder ? L.value = t : L.value = void 0, W(), z.value = !1;
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [w.value], () => {
+		}), y(() => [w.value], () => {
 			R.value = w.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [H.value], () => {
+		}), y(() => [H.value], () => {
 			if (H.value) {
 				let e = V.value;
-				e || (e = new AbortController(), V.value = e), Ge(H.value, {
+				e || (e = new AbortController(), V.value = e), Ke(H.value, {
 					value: w.value,
 					defaultValue: void 0
 				}, (e) => {
-					ne(e, !0), W(e, !0);
+					te(e, !0), G(e, !0);
 				}, e.signal);
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		function ee() {
+		function U() {
 			return !!(w.validMessage ?? w.validation === "valid");
 		}
-		function U() {
-			!H.value?.validity.valid || w.validation === "invalid" ? (L.value = M.value, N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage", T() && (B.value = N.value, D(() => B.value = "", 1e3))) : ee() && H.value?.validity.valid && w.required ? (L.value = j.value, T() && (B.value = w.validMessage ?? "TODO: Add a validMessage", D(() => B.value = "", 1e3))) : F(w.message, w.showMessage) ? L.value = A.value : w.placeholder ? L.value = I.value : L.value = void 0;
+		function W() {
+			!H.value?.validity.valid || w.validation === "invalid" ? (L.value = M.value, N.value = w.invalidMessage || H.value?.validationMessage || "TODO: Add an invalidMessage", E() && (B.value = N.value, O(() => B.value = "", 1e3))) : U() && H.value?.validity.valid && w.required ? (L.value = j.value, E() && (B.value = w.validMessage ?? "TODO: Add a validMessage", O(() => B.value = "", 1e3))) : I(w.message, w.showMessage) ? L.value = D.value : w.placeholder ? L.value = P.value : L.value = void 0;
 		}
-		function te(e) {
+		function ee(e) {
 			w.onClick && w.onClick(e);
 		}
-		function W(e, t) {
-			w.input && w.input(e), R.value = e.target.value, w.onInput && w.onInput(e), Q(C, e), U();
+		function G(e, t) {
+			w.input && w.input(e), R.value = e.target.value, w.onInput && w.onInput(e), Q(S, e), W();
 		}
-		function ne(e, t) {
-			w.onChange && w.onChange(e), Q(C, e), U();
+		function te(e, t) {
+			w.onChange && w.onChange(e), Q(S, e), W();
 		}
-		function re(e) {
+		function ne(e) {
 			w.onBlur && w.onBlur(e);
 		}
-		function G(e) {
+		function K(e) {
 			w.onFocus && w.onFocus(e);
 		}
-		function ie(e) {
+		function re(e) {
 			return e.label ?? e.value?.toString();
 		}
-		function ae() {
+		function ie() {
 			return w.variant === "floating" || w.placeholder ? w.showEmptyOption === void 0 ? !w.required : w.showEmptyOption : !1;
 		}
-		function oe() {
+		function ae() {
 			let e = w.id ?? w.propOverrides?.id ?? `select-${x}`;
-			E.value = e, A.value = e + K, j.value = e + q, M.value = e + J, I.value = e + se;
+			T.value = e, D.value = e + q, j.value = e + J, M.value = e + se, P.value = e + ce;
 		}
-		return (l, u) => (d(), r("div", {
-			class: c(g(S)("db-select", w.class)),
+		return (l, u) => (f(), r("div", {
+			class: c(_(C)("db-select", w.class)),
 			"data-variant": s.variant,
-			"data-hide-label": g(P)(s.showLabel),
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
+			"data-hide-label": _(F)(s.showLabel),
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-icon": s.icon,
-			"data-show-icon": g(O)(s.showIcon)
+			"data-show-icon": _(k)(s.showIcon, "showIcon")
 		}, [
-			i("label", { for: E.value }, h(s.label ?? g("LABEL SHOULD BE SET")), 9, dr),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, fr),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
 				ref_key: "_ref",
 				ref: H,
-				required: g(k)(s.required, "required"),
-				disabled: g(k)(s.disabled, "disabled"),
-				id: E.value,
+				required: _(A)(s.required, "required"),
+				disabled: _(A)(s.disabled, "disabled"),
+				id: T.value,
 				name: s.name,
 				size: s.size,
 				value: s.value ?? R.value ?? "",
 				autocomplete: s.autocomplete,
 				multiple: s.multiple,
-				onInput: u[0] ||= async (e) => W(e),
-				onClick: u[1] ||= async (e) => te(e),
-				onChange: u[2] ||= async (e) => ne(e),
-				onBlur: u[3] ||= async (e) => re(e),
-				onFocus: u[4] ||= async (e) => G(e),
+				onInput: u[0] ||= async (e) => G(e),
+				onClick: u[1] ||= async (e) => ee(e),
+				onChange: u[2] ||= async (e) => te(e),
+				onBlur: u[3] ||= async (e) => ne(e),
+				onFocus: u[4] ||= async (e) => K(e),
 				"aria-describedby": s.ariaDescribedBy ?? L.value
-			}, [s.variant === "floating" || s.placeholder ? (d(), r("option", {
+			}, [s.variant === "floating" || s.placeholder ? (f(), r("option", {
 				key: 0,
 				class: "placeholder",
 				value: "",
-				"data-show-empty-option": g(O)(ae())
-			}, null, 8, pr)) : n("", !0), s.options?.length ? (d(!0), r(e, { key: 1 }, p(s.options, (t, n) => (d(), r(e, { key: n }, [t.options ? (d(), r("optgroup", {
+				"data-show-empty-option": _(k)(ie(), "showEmptyOption")
+			}, null, 8, mr)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
 				key: 0,
-				label: ie(t)
-			}, [(d(!0), r(e, null, p(t.options, (e, t) => (d(), r("option", {
+				label: re(t)
+			}, [(f(!0), r(e, null, m(t.options, (e, t) => (f(), r("option", {
 				key: t,
 				value: e.value,
 				selected: e.selected,
 				disabled: e.disabled
-			}, h(ie(e)), 9, hr))), 128))], 8, mr)) : (d(), r("option", {
+			}, g(re(e)), 9, gr))), 128))], 8, hr)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, h(ie(t)), 9, gr))], 64))), 128)) : m(l.$slots, "default", { key: 2 })], 40, fr),
-			s.placeholder ? (d(), r("span", {
+			}, g(re(t)), 9, _r))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, pr),
+			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
-				id: I.value
-			}, h(s.placeholder), 9, _r)) : n("", !0),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+				id: P.value
+			}, g(s.placeholder), 9, vr)) : n("", !0),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
 				icon: s.messageIcon,
-				id: A.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			ee() ? (d(), t($, {
+			U() ? (f(), t($, {
 				key: 2,
 				size: "small",
 				semantic: "successful",
 				id: j.value
 			}, {
-				default: y(() => [a(h(s.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -3696,13 +3696,13 @@ var b = () => {
 				semantic: "critical",
 				id: M.value
 			}, {
-				default: y(() => [a(h(N.value), 1)]),
+				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", vr, h(B.value), 1)
-		], 10, ur));
+			i("span", yr, g(B.value), 1)
+		], 10, dr));
 	}
-}), br = [
+}), xr = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -3710,7 +3710,7 @@ var b = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], xr = /* @__PURE__ */ s({
+], Sr = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -3731,38 +3731,38 @@ var b = () => {
 		gap: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (i, a) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-stack", t.class)),
+			class: c(_(C)("db-stack", t.class)),
 			"data-gap": e.gap,
 			"data-variant": e.variant,
 			"data-direction": e.direction,
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
-			"data-wrap": g(O)(e.wrap)
-		}, [m(i.$slots, "default")], 10, br));
+			"data-wrap": _(k)(e.wrap, "wrap")
+		}, [h(i.$slots, "default")], 10, xr));
 	}
-}), Sr = ["simple", "divider"], Cr = ["row", "column"], wr = [
+}), Cr = ["simple", "divider"], wr = ["row", "column"], Tr = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], Tr = [
+], Er = [
 	"space-between",
 	"start",
 	"end",
 	"center"
-], Er = [
+], Dr = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], Dr = ["for"], Or = [
+], Or = ["for"], kr = [
 	"id",
 	"checked",
 	"value",
@@ -3773,10 +3773,10 @@ var b = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], kr = {
+], Ar = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ar = /* @__PURE__ */ s({
+}, jr = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -3848,40 +3848,40 @@ var b = () => {
 		variant: { default: void 0 }
 	},
 	emits: ["update:checked"],
-	setup(s, { emit: p }) {
-		let b = _(), x = p, C = s, w = f(void 0), E = f(void 0), A = f(void 0), j = f(void 0), M = f(void 0), N = f(void 0), I = f(""), L = f(void 0), R = f(null);
-		l(() => {
-			te(), B(), M.value = C.invalidMessage || "TODO: Add an invalidMessage";
-		}), u(() => {
+	setup(s, { emit: l }) {
+		let m = v(), x = l, S = s, w = p(void 0), T = p(void 0), D = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(""), L = p(void 0), R = p(null);
+		u(() => {
+			ee(), B(), M.value = S.invalidMessage || "TODO: Add an invalidMessage";
+		}), d(() => {
 			L.value?.abort();
-		}), v(() => [C.id, C.propOverrides?.id], () => {
-			(C.id ?? C.propOverrides?.id) && te();
+		}), y(() => [S.id, S.propOverrides?.id], () => {
+			(S.id ?? S.propOverrides?.id) && ee();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [
-			C.validation,
-			C.required,
-			C.message,
-			C.showMessage,
-			C.validMessage,
-			C.invalidMessage,
-			C.checked
+		}), y(() => [
+			S.validation,
+			S.required,
+			S.message,
+			S.showMessage,
+			S.validMessage,
+			S.invalidMessage,
+			S.checked
 		], () => {
 			B();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value, C.invalidMessage], () => {
-			M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [R.value, S.invalidMessage], () => {
+			M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [R.value], () => {
+		}), y(() => [R.value], () => {
 			if (R.value) {
 				let e = L.value;
-				e || (e = new AbortController(), L.value = e), We(R.value, {
-					checked: C.checked,
+				e || (e = new AbortController(), L.value = e), Ge(R.value, {
+					checked: S.checked,
 					defaultChecked: void 0
 				}, (e) => {
 					V(e, !0);
@@ -3892,51 +3892,51 @@ var b = () => {
 			flush: "post"
 		});
 		function z() {
-			return !!(C.validMessage ?? C.validation === "valid");
+			return !!(S.validMessage ?? S.validation === "valid");
 		}
 		function B() {
-			if (!R.value?.validity?.valid || C.validation === "invalid") {
-				N.value = j.value, M.value = C.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", T() && (I.value = M.value || "TODO: Add an invalidMessage", D(() => {
-					I.value = "";
+			if (!R.value?.validity?.valid || S.validation === "invalid") {
+				N.value = j.value, M.value = S.invalidMessage || R.value?.validationMessage || "TODO: Add an invalidMessage", E() && (P.value = M.value || "TODO: Add an invalidMessage", O(() => {
+					P.value = "";
 				}, 1e3));
 				return;
 			}
-			if (z() && R.value?.validity?.valid && C.required) {
-				N.value = A.value, T() && (I.value = C.validMessage ?? "TODO: Add a validMessage", D(() => {
-					I.value = "";
+			if (z() && R.value?.validity?.valid && S.required) {
+				N.value = D.value, E() && (P.value = S.validMessage ?? "TODO: Add a validMessage", O(() => {
+					P.value = "";
 				}, 1e3));
 				return;
 			}
-			if (F(C.message, C.showMessage)) {
-				N.value = E.value;
+			if (I(S.message, S.showMessage)) {
+				N.value = T.value;
 				return;
 			}
 			N.value = void 0;
 		}
 		function V(e, t) {
-			C.onChange && C.onChange(e), B(), Q(x, e, "checked");
+			S.onChange && S.onChange(e), B(), Q(x, e, "checked");
 		}
 		function H(e) {
-			C.onBlur && C.onBlur(e);
-		}
-		function ee(e) {
-			C.onFocus && C.onFocus(e);
+			S.onBlur && S.onBlur(e);
 		}
 		function U(e) {
-			e.key === "Enter" && (e.preventDefault(), C.disabled || R.value?.click());
+			S.onFocus && S.onFocus(e);
 		}
-		function te() {
-			let e = C.id ?? C.propOverrides?.id ?? `switch-${b}`;
-			w.value = e, E.value = `${e}${K}`, A.value = `${e}${q}`, j.value = `${e}${J}`;
+		function W(e) {
+			e.key === "Enter" && (e.preventDefault(), S.disabled || R.value?.click());
+		}
+		function ee() {
+			let e = S.id ?? S.propOverrides?.id ?? `switch-${m}`;
+			w.value = e, T.value = `${e}${q}`, D.value = `${e}${J}`, j.value = `${e}${se}`;
 		}
-		return (l, u) => (d(), r("div", {
-			"data-visual-aid": g(O)(s.visualAid),
+		return (l, u) => (f(), r("div", {
+			"data-visual-aid": _(k)(s.visualAid, "visualAid"),
 			"data-size": s.size,
-			"data-hide-label": g(P)(s.showLabel),
+			"data-hide-label": _(F)(s.showLabel),
 			"data-variant": s.variant,
-			"data-hide-asterisk": g(P)(s.showRequiredAsterisk),
+			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-custom-validity": s.validation,
-			class: c(g(S)("db-switch", C.class))
+			class: c(_(C)("db-switch", S.class))
 		}, [
 			i("label", { for: w.value }, [
 				i("input", {
@@ -3945,40 +3945,40 @@ var b = () => {
 					id: w.value,
 					ref_key: "_ref",
 					ref: R,
-					checked: g(k)(s.checked, "checked"),
+					checked: _(A)(s.checked, "checked"),
 					value: s.value,
-					disabled: g(k)(s.disabled, "disabled"),
+					disabled: _(A)(s.disabled, "disabled"),
 					"aria-invalid": s.validation === "invalid" ? "true" : void 0,
 					"aria-describedby": N.value,
 					name: s.name,
-					required: g(k)(s.required, "required"),
+					required: _(A)(s.required, "required"),
 					"data-aid-icon": s.iconLeading ?? s.icon,
 					"data-aid-icon-trailing": s.iconTrailing,
 					onChange: u[0] ||= async (e) => V(e),
 					onBlur: u[1] ||= async (e) => H(e),
-					onFocus: u[2] ||= async (e) => ee(e),
-					onKeydown: u[3] ||= async (e) => U(e)
-				}, null, 40, Or),
-				s.label ? (d(), r(e, { key: 0 }, [a(h(s.label), 1)], 64)) : n("", !0),
-				m(l.$slots, "default")
-			], 8, Dr),
-			g(F)(s.message, s.showMessage) ? (d(), t($, {
+					onFocus: u[2] ||= async (e) => U(e),
+					onKeydown: u[3] ||= async (e) => W(e)
+				}, null, 40, kr),
+				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
+				h(l.$slots, "default")
+			], 8, Or),
+			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
 				semantic: "adaptive",
-				id: E.value,
+				id: T.value,
 				icon: s.messageIcon
 			}, {
-				default: y(() => [a(h(s.message), 1)]),
+				default: b(() => [a(g(s.message), 1)]),
 				_: 1
 			}, 8, ["id", "icon"])) : n("", !0),
-			z() ? (d(), t($, {
+			z() ? (f(), t($, {
 				key: 1,
 				size: "small",
 				semantic: "successful",
-				id: A.value
+				id: D.value
 			}, {
-				default: y(() => [a(h(s.validMessage ?? g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(s.validMessage ?? _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
@@ -3986,26 +3986,26 @@ var b = () => {
 				semantic: "critical",
 				id: j.value
 			}, {
-				default: y(() => [a(h(M.value), 1)]),
+				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", kr, h(I.value), 1)
-		], 10, Er));
+			i("span", Ar, g(P.value), 1)
+		], 10, Dr));
 	}
-}), jr = [
+}), Mr = [
 	"for",
 	"data-icon",
 	"data-icon-trailing",
 	"data-show-icon",
 	"data-show-icon-trailing",
 	"data-no-text"
-], Mr = [
+], Nr = [
 	"disabled",
 	"aria-selected",
 	"checked",
 	"name",
 	"id"
-], Nr = /* @__PURE__ */ s({
+], Pr = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
@@ -4056,60 +4056,60 @@ var b = () => {
 	},
 	emits: ["update:checked"],
 	setup(t, { emit: o }) {
-		let s = o, p = t, _ = f(!1), y = f(void 0), b = f(!1), x = f(!1), C = f(void 0), w = f(null);
-		l(() => {
-			C.value = T, b.value = !0;
-		}), u(() => {
-			x.value && w.value && C.value && (w.value.closest("[role=tablist]")?.removeEventListener("change", C.value), x.value = !1);
-		}), v(() => [
+		let s = o, l = t, m = p(!1), v = p(void 0), b = p(!1), x = p(!1), S = p(void 0), w = p(null);
+		u(() => {
+			S.value = T, b.value = !0;
+		}), d(() => {
+			x.value && w.value && S.value && (w.value.closest("[role=tablist]")?.removeEventListener("change", S.value), x.value = !1);
+		}), y(() => [
 			w.value,
 			b.value,
-			C.value
+			S.value
 		], () => {
-			w.value && b.value && C.value && (b.value = !1, x.value ||= (w.value.closest("[role=tablist]")?.addEventListener("change", C.value), !0), (p.active || w.value.checked) && (_.value = !0, w.value.click()));
+			w.value && b.value && S.value && (b.value = !1, x.value ||= (w.value.closest("[role=tablist]")?.addEventListener("change", S.value), !0), (l.active || w.value.checked) && (m.value = !0, w.value.click()));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [p.name], () => {
-			p.name && (y.value = p.name);
+		}), y(() => [l.name], () => {
+			l.name && (v.value = l.name);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
 		function T(e) {
-			e.stopPropagation(), _.value = e.target === w.value;
+			e.stopPropagation(), m.value = e.target === w.value;
 		}
 		function E(e) {
-			p.onChange && p.onChange(e), Q(s, e, "checked");
+			l.onChange && l.onChange(e), Q(s, e, "checked");
 		}
-		return (o, s) => (d(), r("li", {
+		return (o, s) => (f(), r("li", {
 			role: "none",
-			class: c(g(S)("db-tab-item", p.class))
+			class: c(_(C)("db-tab-item", l.class))
 		}, [i("label", {
 			for: t.id ?? t.propOverrides?.id,
 			"data-icon": t.iconLeading ?? t.icon,
 			"data-icon-trailing": t.iconTrailing,
-			"data-show-icon": g(O)(t.showIconLeading ?? t.showIcon),
-			"data-show-icon-trailing": g(O)(t.showIconTrailing),
-			"data-no-text": g(O)(t.noText)
+			"data-show-icon": _(k)(t.showIconLeading, "showIconLeading") || _(k)(t.showIcon, "showIcon"),
+			"data-show-icon-trailing": _(k)(t.showIconTrailing, "showIconTrailing"),
+			"data-no-text": _(k)(t.noText, "noText")
 		}, [
 			i("input", {
 				type: "radio",
 				role: "tab",
-				disabled: g(k)(t.disabled, "disabled"),
-				"aria-selected": _.value,
-				checked: g(k)(t.checked, "checked"),
+				disabled: _(A)(t.disabled, "disabled"),
+				"aria-selected": m.value,
+				checked: _(A)(t.checked, "checked"),
 				ref_key: "_ref",
 				ref: w,
-				name: y.value,
+				name: v.value,
 				id: t.id ?? t.propOverrides?.id,
 				onInput: s[0] ||= async (e) => E(e)
-			}, null, 40, Mr),
-			t.label ? (d(), r(e, { key: 0 }, [a(h(t.label), 1)], 64)) : n("", !0),
-			m(o.$slots, "default")
-		], 8, jr)], 2));
+			}, null, 40, Nr),
+			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
+			h(o.$slots, "default")
+		], 8, Mr)], 2));
 	}
-}), Pr = ["id"], Fr = { role: "tablist" }, Ir = /* @__PURE__ */ s({
+}), Fr = ["id"], Ir = { role: "tablist" }, Lr = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
@@ -4121,15 +4121,15 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = f(null);
-		return (a, o) => (d(), r("div", {
+		let t = e, n = p(null);
+		return (a, o) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
-			class: c(g(S)("db-tab-list", t.class))
-		}, [i("ul", Fr, [m(a.$slots, "default")])], 10, Pr));
+			class: c(_(C)("db-tab-list", t.class))
+		}, [i("ul", Ir, [h(a.$slots, "default")])], 10, Fr));
 	}
-}), Lr = ["id"], Rr = /* @__PURE__ */ s({
+}), Rr = ["id"], zr = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
@@ -4142,22 +4142,544 @@ var b = () => {
 		propOverrides: { default: void 0 }
 	},
 	setup(t) {
-		let i = t, o = f(null);
-		return l(() => {}), (s, l) => (d(), r("section", {
+		let i = t, o = p(null);
+		return u(() => {}), (s, l) => (f(), r("section", {
 			role: "tabpanel",
 			ref_key: "_ref",
 			ref: o,
-			class: c(g(S)("db-tab-panel", i.class)),
+			class: c(_(C)("db-tab-panel", i.class)),
 			id: t.id ?? t.propOverrides?.id
-		}, [t.content ? (d(), r(e, { key: 0 }, [a(h(t.content), 1)], 64)) : n("", !0), m(s.$slots, "default")], 10, Lr));
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Rr));
 	}
-}), zr = [
+}), Br = [
+	"id",
+	"data-horizontal-alignment",
+	"data-vertical-alignment",
+	"colSpan",
+	"rowSpan",
+	"headers"
+], Vr = /* @__PURE__ */ s({
+	name: "DBTableDataCell",
+	__name: "table-data-cell",
+	props: {
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {},
+		colSpan: { default: void 0 },
+		colspan: { default: void 0 },
+		headers: { default: void 0 },
+		rowSpan: { default: void 0 },
+		rowspan: { default: void 0 },
+		horizontalAlignment: { default: void 0 },
+		verticalAlignment: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("td", {
+			ref_key: "_ref",
+			ref: n,
+			id: e.id,
+			class: c(_(C)("db-table-data-cell", t.class)),
+			"data-horizontal-alignment": e.horizontalAlignment,
+			"data-vertical-alignment": e.verticalAlignment,
+			colSpan: _(j)(e.colSpan, e.colspan),
+			rowSpan: _(j)(e.rowSpan, e.rowspan),
+			headers: e.headers
+		}, [h(i.$slots, "default")], 10, Br));
+	}
+}), Hr = [
+	"id",
+	"data-horizontal-alignment",
+	"data-vertical-alignment",
+	"data-no-text",
+	"scope",
+	"colSpan",
+	"rowSpan",
+	"headers",
+	"abbr"
+], Ur = /* @__PURE__ */ s({
+	name: "DBTableHeaderCell",
+	__name: "table-header-cell",
+	props: {
+		abbr: { default: void 0 },
+		scope: { default: void 0 },
+		noText: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {},
+		colSpan: { default: void 0 },
+		colspan: { default: void 0 },
+		headers: { default: void 0 },
+		rowSpan: { default: void 0 },
+		rowspan: { default: void 0 },
+		horizontalAlignment: { default: void 0 },
+		verticalAlignment: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("th", {
+			ref_key: "_ref",
+			ref: n,
+			id: e.id,
+			class: c(_(C)("db-table-header-cell", t.class)),
+			"data-horizontal-alignment": e.horizontalAlignment,
+			"data-vertical-alignment": e.verticalAlignment,
+			"data-no-text": _(k)(e.noText),
+			scope: e.scope,
+			colSpan: _(j)(e.colSpan, e.colspan),
+			rowSpan: _(j)(e.rowSpan, e.rowspan),
+			headers: e.headers,
+			abbr: e.abbr
+		}, [h(i.$slots, "default")], 10, Hr));
+	}
+}), Wr = [
+	"id",
+	"data-interactive",
+	"data-sub-header-emphasis"
+], Gr = /* @__PURE__ */ s({
+	name: "DBTableRow",
+	__name: "table-row",
+	props: {
+		cells: { default: void 0 },
+		subHeaderEmphasis: { default: void 0 },
+		interactive: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {}
+	},
+	setup(n) {
+		let i = v(), o = n, s = p(null);
+		function l(e) {
+			if (e.headerCell) return e;
+		}
+		return (u, d) => (f(), r("tr", {
+			ref_key: "_ref",
+			ref: s,
+			id: n.id,
+			class: c(_(C)("db-table-row", o.class)),
+			"data-interactive": _(k)(n.interactive),
+			"data-sub-header-emphasis": n.subHeaderEmphasis
+		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Ur, {
+			key: `${o.id ?? n.id ?? _(i)}-table-row-header-cell-${s}`,
+			id: o.id,
+			abbr: l(o)?.abbr,
+			scope: l(o)?.scope,
+			noText: l(o)?.noText,
+			className: o.className ?? o.class,
+			horizontalAlignment: o.horizontalAlignment,
+			verticalAlignment: o.verticalAlignment,
+			headers: o.headers,
+			colSpan: o.colSpan,
+			colspan: o.colspan,
+			rowSpan: o.rowSpan,
+			rowspan: o.rowspan
+		}, {
+			default: b(() => [o.link ? (f(), t(Pn, {
+				key: 0,
+				content: o.link?.content,
+				size: o.link?.size,
+				variant: o.link?.variant,
+				className: o.link?.className ?? o.link?.class,
+				id: o.link?.id,
+				autofocus: o.link?.autofocus,
+				disabled: o.link?.disabled,
+				href: o.link?.href,
+				hreflang: o.link?.hreflang,
+				target: o.link?.target,
+				rel: o.link?.rel,
+				referrerPolicy: o.link?.referrerPolicy,
+				role: o.link?.role,
+				showIcon: o.link?.showIcon,
+				text: o.link?.text,
+				wrap: o.link?.wrap
+			}, {
+				default: b(() => [a(g(o.link?.children), 1)]),
+				_: 2
+			}, 1032, [
+				"content",
+				"size",
+				"variant",
+				"className",
+				"id",
+				"autofocus",
+				"disabled",
+				"href",
+				"hreflang",
+				"target",
+				"rel",
+				"referrerPolicy",
+				"role",
+				"showIcon",
+				"text",
+				"wrap"
+			])) : (f(), r(e, { key: 1 }, [a(g(o.content), 1)], 64))]),
+			_: 2
+		}, 1032, [
+			"id",
+			"abbr",
+			"scope",
+			"noText",
+			"className",
+			"horizontalAlignment",
+			"verticalAlignment",
+			"headers",
+			"colSpan",
+			"colspan",
+			"rowSpan",
+			"rowspan"
+		])) : (f(), t(Vr, {
+			key: `${o.id ?? n.id ?? _(i)}-table-row-data-cell-${s}`,
+			id: o.id,
+			className: o.className ?? o.class,
+			horizontalAlignment: o.horizontalAlignment,
+			verticalAlignment: o.verticalAlignment,
+			headers: o.headers,
+			colSpan: o.colSpan,
+			colspan: o.colspan,
+			rowSpan: o.rowSpan,
+			rowspan: o.rowspan
+		}, {
+			default: b(() => [o.link ? (f(), t(Pn, {
+				key: 0,
+				content: o.link?.content,
+				size: o.link?.size,
+				variant: o.link?.variant,
+				className: o.link?.className ?? o.link?.class,
+				id: o.link?.id,
+				autofocus: o.link?.autofocus,
+				disabled: o.link?.disabled,
+				href: o.link?.href,
+				hreflang: o.link?.hreflang,
+				target: o.link?.target,
+				rel: o.link?.rel,
+				referrerPolicy: o.link?.referrerPolicy,
+				role: o.link?.role,
+				showIcon: o.link?.showIcon,
+				text: o.link?.text,
+				wrap: o.link?.wrap
+			}, {
+				default: b(() => [a(g(o.link?.children), 1)]),
+				_: 2
+			}, 1032, [
+				"content",
+				"size",
+				"variant",
+				"className",
+				"id",
+				"autofocus",
+				"disabled",
+				"href",
+				"hreflang",
+				"target",
+				"rel",
+				"referrerPolicy",
+				"role",
+				"showIcon",
+				"text",
+				"wrap"
+			])) : (f(), r(e, { key: 1 }, [a(g(o.content), 1)], 64))]),
+			_: 2
+		}, 1032, [
+			"id",
+			"className",
+			"horizontalAlignment",
+			"verticalAlignment",
+			"headers",
+			"colSpan",
+			"colspan",
+			"rowSpan",
+			"rowspan"
+		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Wr));
+	}
+}), Kr = ["id"], qr = /* @__PURE__ */ s({
+	name: "DBTableBody",
+	__name: "table-body",
+	props: {
+		rows: { default: void 0 },
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {}
+	},
+	setup(n) {
+		let i = v(), a = n, o = p(null);
+		return (s, l) => (f(), r("tbody", {
+			ref_key: "_ref",
+			ref: o,
+			id: n.id,
+			class: c(_(C)("db-table-body", a.class))
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Gr, {
+			key: `${e.id ?? n.id ?? _(i)}-table-body-row-${r}`,
+			cells: e.cells,
+			className: e.className ?? e.class,
+			interactive: e.interactive,
+			id: e.id
+		}, null, 8, [
+			"cells",
+			"className",
+			"interactive",
+			"id"
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Kr));
+	}
+}), Jr = ["id"], Yr = /* @__PURE__ */ s({
+	name: "DBTableFooter",
+	__name: "table-footer",
+	props: {
+		rows: { default: void 0 },
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {}
+	},
+	setup(n) {
+		let i = v(), a = n, o = p(null);
+		return (s, l) => (f(), r("tfoot", {
+			ref_key: "_ref",
+			ref: o,
+			id: n.id,
+			class: c(_(C)("db-table-footer", a.class))
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Gr, {
+			key: `${e.id ?? n.id ?? _(i)}-table-footer-row-${r}`,
+			cells: e.cells,
+			className: e.className ?? e.class,
+			interactive: e.interactive,
+			id: e.id
+		}, null, 8, [
+			"cells",
+			"className",
+			"interactive",
+			"id"
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Jr));
+	}
+}), Xr = ["id"], Zr = /* @__PURE__ */ s({
+	name: "DBTableHead",
+	__name: "table-head",
+	props: {
+		rows: { default: void 0 },
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {}
+	},
+	setup(n) {
+		let i = v(), a = n, o = p(null);
+		function s(e) {
+			return e?.map((e) => ({
+				...e,
+				headerCell: !0
+			}));
+		}
+		return (l, u) => (f(), r("thead", {
+			ref_key: "_ref",
+			ref: o,
+			id: n.id,
+			class: c(_(C)("db-table-head", a.class))
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Gr, {
+			key: `${e.id ?? n.id ?? _(i)}-table-head-row-${r}`,
+			cells: s(e.cells),
+			className: e.className ?? e.class,
+			subHeaderEmphasis: e.subHeaderEmphasis,
+			interactive: e.interactive,
+			id: e.id
+		}, null, 8, [
+			"cells",
+			"className",
+			"subHeaderEmphasis",
+			"interactive",
+			"id"
+		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, Xr));
+	}
+}), Qr = [
+	"data-width",
+	"data-size",
+	"data-divider",
+	"data-variant",
+	"data-mobile-variant",
+	"data-show-caption",
+	"data-sticky-header"
+], $r = ["id"], ei = { key: 0 }, ti = /* @__PURE__ */ s({
+	name: "DBTable",
+	__name: "table",
+	props: {
+		caption: {},
+		captionPlain: { default: void 0 },
+		data: { default: void 0 },
+		divider: { default: void 0 },
+		showCaption: {
+			type: [Boolean, String],
+			default: void 0
+		},
+		size: { default: void 0 },
+		variant: { default: void 0 },
+		mobileVariant: { default: void 0 },
+		stickyHeader: { default: void 0 },
+		columnSizes: { default: void 0 },
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {},
+		width: { default: void 0 }
+	},
+	setup(a) {
+		let o = a, s = p(void 0), u = p(void 0), d = p(null);
+		y(() => [o.data], () => {
+			o.data ? s.value = m() : s.value = void 0;
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), y(() => [
+			o.mobileVariant,
+			d.value,
+			s.value
+		], () => {
+			d.value && o.mobileVariant === "list" && O(() => {
+				let e = d.value;
+				if (!e) return;
+				let t = e.querySelectorAll("thead tr th");
+				t.length && e.querySelectorAll(":is(tbody,tfoot) tr").forEach((e) => {
+					e.querySelectorAll(":is(td,th)").forEach((e, n) => {
+						let r = t[n];
+						if (r) {
+							let t = Array.from(r.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.textContent?.trim()).filter(Boolean).join(" ");
+							t && (e.dataset.header = t);
+						}
+					});
+				});
+			}, 1);
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), y(() => [o.columnSizes], () => {
+			if (o.columnSizes) {
+				let e = {};
+				Object.entries(o.columnSizes).forEach(([t, n]) => {
+					e[`--db-table-column-size-${t}`] = n;
+				}), u.value = e;
+			} else u.value = void 0;
+		}, {
+			immediate: !0,
+			flush: "post"
+		});
+		function m() {
+			try {
+				return typeof o.data == "string" ? JSON.parse(o.data) : o.data;
+			} catch (e) {
+				console.error(e);
+			}
+			return {};
+		}
+		return (p, m) => (f(), r("div", {
+			class: c(_(C)("db-table", o.class)),
+			style: l(u.value),
+			"data-width": a.width,
+			"data-size": a.size,
+			"data-divider": a.divider,
+			"data-variant": a.variant,
+			"data-mobile-variant": a.mobileVariant,
+			"data-show-caption": _(k)(a.showCaption),
+			"data-sticky-header": a.stickyHeader
+		}, [i("table", {
+			ref_key: "_ref",
+			ref: d,
+			id: a.id
+		}, [a.captionPlain ? (f(), r("caption", ei, g(a.captionPlain), 1)) : h(p.$slots, "caption", { key: 1 }), s.value ? (f(), r(e, { key: 2 }, [
+			s.value?.header ? (f(), t(Zr, {
+				key: 0,
+				rows: s.value?.header
+			}, null, 8, ["rows"])) : n("", !0),
+			s.value?.body ? (f(), t(qr, {
+				key: 1,
+				rows: s.value?.body
+			}, null, 8, ["rows"])) : n("", !0),
+			s.value?.footer ? (f(), t(Yr, {
+				key: 2,
+				rows: s.value?.footer
+			}, null, 8, ["rows"])) : n("", !0)
+		], 64)) : h(p.$slots, "default", { key: 3 })], 8, $r)], 14, Qr));
+	}
+}), ni = ["id"], ri = /* @__PURE__ */ s({
+	name: "DBTableCaption",
+	__name: "table-caption",
+	props: {
+		children: { default: void 0 },
+		className: { default: void 0 },
+		class: {},
+		id: { default: void 0 },
+		autofocus: { type: [Boolean, String] },
+		propOverrides: {}
+	},
+	setup(e) {
+		let t = e, n = p(null);
+		return (i, a) => (f(), r("caption", {
+			ref_key: "_ref",
+			ref: n,
+			id: e.id,
+			class: c(_(C)("db-table-caption", t.class))
+		}, [h(i.$slots, "default")], 10, ni));
+	}
+}), ii = [
+	"row",
+	"col",
+	"rowgroup",
+	"colgroup"
+], ai = [
+	"none",
+	"weak",
+	"strong"
+], oi = [
+	"x-small",
+	"small",
+	"medium",
+	"large"
+], si = [
+	"flat",
+	"zebra",
+	"spaced"
+], ci = [
+	"none",
+	"both",
+	"horizontal",
+	"vertical"
+], li = ["table", "list"], ui = [
+	"none",
+	"both",
+	"horizontal",
+	"vertical"
+], di = [
+	"auto",
+	"1fr",
+	"min-content",
+	"max-content"
+], fi = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
 	"data-alignment",
 	"data-width"
-], Br = /* @__PURE__ */ s({
+], pi = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
@@ -4188,13 +4710,13 @@ var b = () => {
 		tabSelect: {}
 	},
 	setup(i) {
-		let s = _(), b = i, x = f(""), C = f(!1), w = f(!1), T = f(!1), E = f(null), D = f(void 0), O = f(null);
-		l(() => {
-			x.value = `tabs-${b.name || s}`, C.value = !0;
-		}), u(() => {
+		let s = v(), l = i, x = p(""), S = p(!1), w = p(!1), T = p(!1), E = p(null), D = p(void 0), O = p(null);
+		u(() => {
+			x.value = `tabs-${l.name || s}`, S.value = !0;
+		}), d(() => {
 			D.value?.disconnect(), D.value = void 0;
-		}), v(() => [O.value, C.value], () => {
-			if (O.value && C.value) {
+		}), y(() => [O.value, S.value], () => {
+			if (O.value && S.value) {
 				M(), N(!0);
 				let e = O.value.querySelector(".db-tab-list");
 				e && new MutationObserver((e) => {
@@ -4204,7 +4726,7 @@ var b = () => {
 				}).observe(e, {
 					childList: !0,
 					subtree: !0
-				}), C.value = !1;
+				}), S.value = !1;
 			}
 		}, {
 			immediate: !0,
@@ -4212,7 +4734,7 @@ var b = () => {
 		});
 		function k() {
 			try {
-				return typeof b.tabs == "string" ? JSON.parse(b.tabs) : b.tabs;
+				return typeof l.tabs == "string" ? JSON.parse(l.tabs) : l.tabs;
 			} catch (e) {
 				console.error(e);
 			}
@@ -4223,7 +4745,7 @@ var b = () => {
 			w.value = t && e.scrollLeft > 1, T.value = t && e.scrollLeft < e.scrollWidth - e.clientWidth;
 		}
 		function j(e) {
-			let t = Number(b.arrowScrollDistance) || 100;
+			let t = Number(l.arrowScrollDistance) || 100;
 			e && (t *= -1), E.value?.scrollBy({
 				top: 0,
 				left: t,
@@ -4235,7 +4757,7 @@ var b = () => {
 				let e = O.value.querySelector(".db-tab-list");
 				if (e) {
 					let t = e.querySelector("[role=\"tablist\"]");
-					if (t && (t.setAttribute("aria-orientation", b.orientation || "horizontal"), b.behavior === "arrows" && (E.value = t, A(t), t.addEventListener("scroll", () => {
+					if (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(() => {
@@ -4257,7 +4779,7 @@ var b = () => {
 							a.setAttribute("for", e), o.id = e, o.setAttribute("name", x.value), n.length > i && o.setAttribute("aria-controls", `${x.value}-tab-panel-${i}`);
 						}
 						if (e) {
-							let e = !b.initialSelectedMode || b.initialSelectedMode === "auto", t = b.initialSelectedIndex == null && i === 0 || Number(b.initialSelectedIndex) === i;
+							let e = !l.initialSelectedMode || l.initialSelectedMode === "auto", t = l.initialSelectedIndex == null && i === 0 || Number(l.initialSelectedIndex) === i;
 							e && t && o.click();
 						}
 					}
@@ -4278,25 +4800,25 @@ var b = () => {
 						let t = n.parentElement;
 						if (t) {
 							let r = Array.from(t.children).indexOf(n);
-							b.onIndexChange && b.onIndexChange(r), b.onTabSelect && b.onTabSelect(e);
+							l.onIndexChange && l.onIndexChange(r), l.onTabSelect && l.onTabSelect(e);
 						}
 					}
 				}
 			}
 		}
-		return (s, l) => (d(), r("div", {
+		return (s, u) => (f(), r("div", {
 			ref_key: "_ref",
 			ref: O,
 			id: i.id ?? i.propOverrides?.id,
-			class: c(g(S)("db-tabs", b.class)),
+			class: c(_(C)("db-tabs", l.class)),
 			"data-orientation": i.orientation,
 			"data-scroll-behavior": i.behavior,
 			"data-alignment": i.alignment ?? "start",
 			"data-width": i.width ?? "auto",
-			onInput: l[0] ||= async (e) => P(e),
-			onChange: l[1] ||= async (e) => P(e)
+			onInput: u[0] ||= async (e) => P(e),
+			onChange: u[1] ||= async (e) => P(e)
 		}, [
-			w.value ? (d(), t(Ie, {
+			w.value ? (f(), t(Le, {
 				key: 0,
 				class: "tabs-scroll-left",
 				variant: "ghost",
@@ -4305,11 +4827,11 @@ var b = () => {
 				noText: !0,
 				onClick: (e) => j(!0)
 			}, {
-				default: y(() => [...l[2] ||= [a(" Scroll left ", -1)]]),
+				default: b(() => [...u[2] ||= [a(" Scroll left ", -1)]]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			i.tabs ? (d(), r(e, { key: 1 }, [o(Ir, null, {
-				default: y(() => [(d(!0), r(e, null, p(k(), (e, n) => (d(), t(Nr, {
+			i.tabs ? (f(), r(e, { key: 1 }, [o(Lr, null, {
+				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Pr, {
 					key: i.name + "tab-item" + n,
 					active: e.active,
 					label: e.label,
@@ -4324,14 +4846,14 @@ var b = () => {
 					"noText"
 				]))), 128))]),
 				_: 1
-			}), (d(!0), r(e, null, p(k(), (e, n) => (d(), t(Rr, {
+			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(zr, {
 				key: i.name + "tab-panel" + n,
 				content: e.content
 			}, {
-				default: y(() => [a(h(e.children), 1)]),
+				default: b(() => [a(g(e.children), 1)]),
 				_: 2
 			}, 1032, ["content"]))), 128))], 64)) : n("", !0),
-			T.value ? (d(), t(Ie, {
+			T.value ? (f(), t(Le, {
 				key: 2,
 				class: "tabs-scroll-right",
 				variant: "ghost",
@@ -4340,17 +4862,17 @@ var b = () => {
 				noText: !0,
 				onClick: (e) => j()
 			}, {
-				default: y(() => [...l[3] ||= [a(" Scroll right ", -1)]]),
+				default: b(() => [...u[3] ||= [a(" Scroll right ", -1)]]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			m(s.$slots, "default")
-		], 42, zr));
+			h(s.$slots, "default")
+		], 42, fi));
 	}
-}), Vr = ["scrollbar", "arrows"], Hr = ["auto", "manually"], Ur = ["static", "removable"], Wr = [
+}), mi = ["scrollbar", "arrows"], hi = ["auto", "manually"], gi = ["static", "removable"], _i = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Gr = ["for"], Kr = [
+], vi = ["for"], yi = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -4372,10 +4894,10 @@ var b = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], qr = {
+], bi = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Jr = /* @__PURE__ */ s({
+}, xi = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -4469,39 +4991,39 @@ var b = () => {
 	},
 	emits: ["update:value"],
 	setup(e, { emit: s }) {
-		let p = _(), m = s, b = e, x = f(void 0), C = f(void 0), w = f(void 0), E = f(void 0), O = f(void 0), j = f(void 0), M = f(""), N = f(""), I = f(void 0), L = f(null);
-		l(() => {
-			U(), O.value = b.invalidMessage || "TODO: Add an invalidMessage";
-		}), u(() => {
-			I.value?.abort();
-		}), v(() => [b.id, b.propOverrides?.id], () => {
-			(b.id ?? b.propOverrides?.id) && U();
+		let l = v(), m = s, h = e, x = p(void 0), S = p(void 0), w = p(void 0), T = p(void 0), D = p(void 0), k = p(void 0), M = p(""), N = p(""), P = p(void 0), L = p(null);
+		u(() => {
+			W(), D.value = h.invalidMessage || "TODO: Add an invalidMessage";
+		}), d(() => {
+			P.value?.abort();
+		}), y(() => [h.id, h.propOverrides?.id], () => {
+			(h.id ?? h.propOverrides?.id) && W();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [L.value, b.invalidMessage], () => {
-			O.value = b.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage";
+		}), y(() => [L.value, h.invalidMessage], () => {
+			D.value = h.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage";
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [x.value], () => {
+		}), y(() => [x.value], () => {
 			if (x.value) {
-				let e = x.value + K;
-				C.value = e, w.value = x.value + q, E.value = x.value + J, F(b.message, b.showMessage) && (j.value = e), z();
+				let e = x.value + q;
+				S.value = e, w.value = x.value + J, T.value = x.value + se, I(h.message, h.showMessage) && (k.value = e), z();
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [b.value], () => {
-			M.value = b.value;
+		}), y(() => [h.value], () => {
+			M.value = h.value;
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), v(() => [L.value], () => {
+		}), y(() => [L.value], () => {
 			if (L.value) {
-				let e = I.value;
-				e || (e = new AbortController(), I.value = e), Ge(L.value, {
-					value: b.value,
+				let e = P.value;
+				e || (e = new AbortController(), P.value = e), Ke(L.value, {
+					value: h.value,
 					defaultValue: void 0
 				}, (e) => {
 					V(e, !0), B(e, !0);
@@ -4512,34 +5034,34 @@ var b = () => {
 			flush: "post"
 		});
 		function R() {
-			return !!(b.validMessage ?? b.validation === "valid");
+			return !!(h.validMessage ?? h.validation === "valid");
 		}
 		function z() {
-			!L.value?.validity.valid || b.validation === "invalid" ? (j.value = E.value, O.value = b.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage", T() && (N.value = O.value, D(() => N.value = "", 1e3))) : R() && L.value?.validity.valid && (b.required || b.minLength || b.maxLength) ? (j.value = w.value, T() && (N.value = b.validMessage ?? "TODO: Add a validMessage", D(() => N.value = "", 1e3))) : F(b.message, b.showMessage) ? j.value = C.value : j.value = void 0;
+			!L.value?.validity.valid || h.validation === "invalid" ? (k.value = T.value, D.value = h.invalidMessage || L.value?.validationMessage || "TODO: Add an invalidMessage", E() && (N.value = D.value, O(() => N.value = "", 1e3))) : R() && L.value?.validity.valid && (h.required || h.minLength || h.maxLength) ? (k.value = w.value, E() && (N.value = h.validMessage ?? "TODO: Add a validMessage", O(() => N.value = "", 1e3))) : I(h.message, h.showMessage) ? k.value = S.value : k.value = void 0;
 		}
 		function B(e, t) {
-			b.input && b.input(e), M.value = e.target.value, b.onInput && b.onInput(e), Q(m, e), z();
+			h.input && h.input(e), M.value = e.target.value, h.onInput && h.onInput(e), Q(m, e), z();
 		}
 		function V(e, t) {
-			b.onChange && b.onChange(e), Q(m, e), z();
+			h.onChange && h.onChange(e), Q(m, e), z();
 		}
 		function H(e) {
-			b.onBlur && b.onBlur(e);
+			h.onBlur && h.onBlur(e);
 		}
-		function ee(e) {
-			b.onFocus && b.onFocus(e);
+		function U(e) {
+			h.onFocus && h.onFocus(e);
 		}
-		function U() {
-			let e = b.id ?? b.propOverrides?.id ?? `textarea-${p}`;
-			x.value = e, C.value = e + K, w.value = e + q, E.value = e + J;
+		function W() {
+			let e = h.id ?? h.propOverrides?.id ?? `textarea-${l}`;
+			x.value = e, S.value = e + q, w.value = e + J, T.value = e + se;
 		}
-		return (s, l) => (d(), r("div", {
-			class: c(g(S)("db-textarea", b.class)),
+		return (s, l) => (f(), r("div", {
+			class: c(_(C)("db-textarea", h.class)),
 			"data-variant": e.variant,
-			"data-hide-asterisk": g(P)(e.showRequiredAsterisk),
-			"data-hide-label": g(P)(e.showLabel)
+			"data-hide-asterisk": _(F)(e.showRequiredAsterisk),
+			"data-hide-label": _(F)(e.showLabel)
 		}, [
-			i("label", { for: x.value }, h(e.label ?? g("LABEL SHOULD BE SET")), 9, Gr),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, vi),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -4548,13 +5070,13 @@ var b = () => {
 				ref: L,
 				id: x.value,
 				"data-resize": e.resize,
-				"data-hide-resizer": g(P)(e.showResizer ?? !0),
-				disabled: g(k)(e.disabled, "disabled"),
-				required: g(k)(e.required, "required"),
-				readOnly: g(k)(e.readOnly, "readOnly") || g(k)(e.readonly, "readonly"),
+				"data-hide-resizer": _(F)(e.showResizer ?? !0),
+				disabled: _(A)(e.disabled, "disabled"),
+				required: _(A)(e.required, "required"),
+				readOnly: _(A)(e.readOnly, "readOnly") || _(A)(e.readonly, "readonly"),
 				form: e.form,
-				maxLength: g(A)(e.maxLength, e.maxlength),
-				minLength: g(A)(e.minLength, e.minlength),
+				maxLength: _(j)(e.maxLength, e.maxlength),
+				minLength: _(j)(e.minLength, e.minlength),
 				name: e.name,
 				wrap: e.wrap,
 				spellcheck: e.spellCheck,
@@ -4562,83 +5084,83 @@ var b = () => {
 				onInput: l[0] ||= async (e) => B(e),
 				onChange: l[1] ||= async (e) => V(e),
 				onBlur: l[2] ||= async (e) => H(e),
-				onFocus: l[3] ||= async (e) => ee(e),
+				onFocus: l[3] ||= async (e) => U(e),
 				value: e.value ?? M.value ?? "",
-				"aria-describedby": e.ariaDescribedBy ?? j.value,
-				placeholder: e.placeholder ?? g(" "),
-				rows: g(A)(e.rows, g(4)),
-				cols: g(A)(e.cols)
-			}, h(e.value), 41, Kr),
-			g(F)(e.message, e.showMessage) ? (d(), t($, {
+				"aria-describedby": e.ariaDescribedBy ?? k.value,
+				placeholder: e.placeholder ?? _(" "),
+				rows: _(j)(e.rows, _(4)),
+				cols: _(j)(e.cols)
+			}, g(e.value), 41, yi),
+			_(I)(e.message, e.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
 				icon: e.messageIcon,
-				id: C.value
+				id: S.value
 			}, {
-				default: y(() => [a(h(e.message), 1)]),
+				default: b(() => [a(g(e.message), 1)]),
 				_: 1
 			}, 8, ["icon", "id"])) : n("", !0),
-			R() ? (d(), t($, {
+			R() ? (f(), t($, {
 				key: 1,
 				size: "small",
 				semantic: "successful",
 				id: w.value
 			}, {
-				default: y(() => [a(h(e.validMessage || g("TODO: Add a validMessage")), 1)]),
+				default: b(() => [a(g(e.validMessage || _("TODO: Add a validMessage")), 1)]),
 				_: 1
 			}, 8, ["id"])) : n("", !0),
 			o($, {
 				size: "small",
 				semantic: "critical",
-				id: E.value
+				id: T.value
 			}, {
-				default: y(() => [a(h(O.value), 1)]),
+				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", qr, h(N.value), 1)
-		], 10, Wr));
+			i("span", bi, g(N.value), 1)
+		], 10, _i));
 	}
-}), Yr = [
+}), Si = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Xr = [
+], Ci = [
 	"hard",
 	"soft",
 	"off"
-], Zr = ["description", "label"], Qr = [
+], wi = ["description", "label"], Ti = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], $r = [
+], Ei = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], ei = [
+], Di = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], ti = [
+], Oi = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], ni = [
+], ki = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], ri = [...ti, ...ni], ii = [
+], Ai = [...Oi, ...ki], ji = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -4649,25 +5171,25 @@ var b = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], ai = ["horizontal", "vertical"], oi = ["full", "auto"], si = [
+], Mi = ["horizontal", "vertical"], Ni = ["full", "auto"], Pi = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], ci = [
+], Fi = [
 	"none",
 	"slow",
 	"fast"
-], li = ["auto", "fixed"], ui = ["small", "medium"], di = ["weak", "strong"], fi = [
+], Ii = ["auto", "fixed"], Li = ["small", "medium"], Ri = ["weak", "strong"], zi = [
 	"invalid",
 	"valid",
 	"no-validation"
-], pi = ["fixed", "content"], mi = ["above", "floating"], hi = ["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("."), _i = [
+], Bi = ["fixed", "content"], Vi = ["above", "floating"], Hi = ["leading", "trailing"], Ui = /* @__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("."), Wi = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], vi = [
+], Gi = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -4676,6 +5198,10 @@ var b = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], yi = ["start", "center"];
+], Ki = [
+	"start",
+	"center",
+	"end"
+];
 //#endregion
-export { W as AccordionBehaviorList, te as AccordionVariantList, yi as AlignmentList, gi as AutoCompleteList, Me as BadgePlacementList, Re as ButtonTypeList, Le as ButtonVariantList, X as COLOR, Z as COLORS, Se as COLORS_SIMPLE, ve as COLOR_CONST, xe as COLOR_SIMPLE, Ve as CardBehaviorList, He as CardElevationLevelList, Kt as CustomSelectDropdownWidthList, Yt as CustomSelectListItemTypeList, U as DBAccordion, H as DBAccordionItem, je as DBBadge, Pe as DBBrand, Ie as DBButton, Be as DBCard, Ze as DBCheckbox, $e as DBCustomButton, Gt as DBCustomSelect, dt as DBCustomSelectDropdown, Jt as DBCustomSelectFormField, vt as DBCustomSelectList, gt as DBCustomSelectListItem, Qt as DBDivider, sn as DBDrawer, Dn as DBHeader, kn as DBIcon, $ as DBInfotext, Tt as DBInput, Nn as DBLink, Rn as DBNavigation, Un as DBNavigationItem, Jn as DBNotification, $n as DBPage, ir as DBPopover, sr as DBRadio, lr as DBSection, yr as DBSelect, xr as DBStack, Ar as DBSwitch, Nr as DBTabItem, Ir as DBTabList, Rr as DBTabPanel, Br as DBTabs, kt as DBTag, Jr as DBTextarea, Dt as DBTooltip, Oe as DB_UX_LOCAL_STORAGE_FRAMEWORK, ke as DB_UX_LOCAL_STORAGE_MODE, de as DEFAULT_BACK, pe as DEFAULT_BURGER_MENU, ge as DEFAULT_CLOSE_BUTTON, ce as DEFAULT_DATALIST_ID_SUFFIX, me as DEFAULT_ICON, ne as DEFAULT_ID, Y as DEFAULT_INVALID_MESSAGE, J as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, re as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, ie as DEFAULT_MESSAGE, K as DEFAULT_MESSAGE_ID_SUFFIX, G as DEFAULT_PLACEHOLDER, se as DEFAULT_PLACEHOLDER_ID_SUFFIX, ue as DEFAULT_REMOVE, he as DEFAULT_ROWS, fe as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, le as DEFAULT_VALID_MESSAGE, q as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Te as DEFAULT_VIEWPORT, be as DENSITIES, ye as DENSITY, _e as DENSITY_CONST, Ee as DESKTOP_VIEWPORT, $t as DividerMarginList, en as DividerVariantList, et as DocumentClickListener, tt as DocumentScrollListener, cn as DrawerBackdropList, ln as DrawerDirectionList, dn as DrawerPositionList, un as DrawerVariantList, di as EmphasisList, pi as FieldSizingList, ii as GapSpacingList, An as IconWeightList, jn as InputTypeList, hi as LabelVariantHorizontalList, mi as LabelVariantList, In as LinkContentList, vi as LinkReferrerPolicyList, Fn as LinkSizeList, _i as LinkTargetList, Pn as LinkVariantList, ei as MarginList, si as MaxWidthList, pn as NavigationItemSafeTriangle, Zn as NotificationAriaLiveList, Xn as NotificationLinkVariantList, Yn as NotificationVariantList, ai as OrientationList, tr as PageDocumentOverflowList, er as PageVariantList, ti as PlacementHorizontalList, ri as PlacementList, ni as PlacementVerticalList, ci as PopoverDelayList, li as PopoverWidthList, Ce as SEMANTIC, we as SEMANTICS, Xt as SelectedTypeList, Qr as SemanticList, ui as SizeList, $r as SpacingList, wr as StackAlignmentList, Cr as StackDirectionList, Tr as StackJustifyContentList, Sr as StackVariantList, De as TESTING_VIEWPORTS, Vr as TabsBehaviorList, Hr as TabsInitialSelectedModeList, Ur as TagBehaviorList, Yr as TextareaResizeList, Xr as TextareaWrapList, Zr as TooltipVariantList, fi as ValidationList, oi as WidthList, x as addAttributeToChildren, S as cls, D as delay, k as getBoolean, O as getBooleanAsString, at as getFloatingProps, P as getHideProp, M as getInputValue, z as getNotificationRole, A as getNumber, L as getOptionKey, I as getSearchInput, j as getStep, rt as handleDataOutside, it as handleFixedDropdown, lt as handleFixedPopover, T as hasVoiceOver, C as isArrayOfStrings, fn as isEventTargetNavigationItem, E as isIOSSafari, R as isKeyboardEvent, F as stringPropVisible, b as uuid };
+export { te as AccordionBehaviorList, G as AccordionVariantList, Ki as AlignmentList, Ui as AutoCompleteList, Ne as BadgePlacementList, ze as ButtonTypeList, Re as ButtonVariantList, Z as COLOR, Se as COLORS, Ce as COLORS_SIMPLE, ye as COLOR_CONST, X as COLOR_SIMPLE, He as CardBehaviorList, Ue as CardElevationLevelList, qt as CustomSelectDropdownWidthList, Xt as CustomSelectListItemTypeList, ee as DBAccordion, U as DBAccordionItem, Me as DBBadge, Fe as DBBrand, Le as DBButton, Ve as DBCard, Qe as DBCheckbox, et as DBCustomButton, Kt as DBCustomSelect, ft as DBCustomSelectDropdown, Yt as DBCustomSelectFormField, yt as DBCustomSelectList, _t as DBCustomSelectListItem, $t as DBDivider, cn as DBDrawer, On as DBHeader, An as DBIcon, $ as DBInfotext, Et as DBInput, Pn as DBLink, zn as DBNavigation, Wn as DBNavigationItem, Yn as DBNotification, er as DBPage, ar as DBPopover, cr as DBRadio, ur as DBSection, br as DBSelect, Sr as DBStack, jr as DBSwitch, Pr as DBTabItem, Lr as DBTabList, zr as DBTabPanel, ti as DBTable, qr as DBTableBody, ri as DBTableCaption, di as DBTableColumnsSizeList, Vr as DBTableDataCell, ci as DBTableDividerList, Yr as DBTableFooter, Zr as DBTableHead, Ur as DBTableHeaderCell, ii as DBTableHeaderCellScopeList, li as DBTableMobileVariantList, Gr as DBTableRow, oi as DBTableRowSizeList, ai as DBTableRowSubHeaderEmphasisList, ui as DBTableStickyHeaderList, si as DBTableVariantList, pi as DBTabs, At as DBTag, xi as DBTextarea, Ot as DBTooltip, ke as DB_UX_LOCAL_STORAGE_FRAMEWORK, Ae as DB_UX_LOCAL_STORAGE_MODE, fe as DEFAULT_BACK, me as DEFAULT_BURGER_MENU, _e as DEFAULT_CLOSE_BUTTON, le as DEFAULT_DATALIST_ID_SUFFIX, he as DEFAULT_ICON, ne as DEFAULT_ID, ue as DEFAULT_INVALID_MESSAGE, se as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, K as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, ie as DEFAULT_MESSAGE, q as DEFAULT_MESSAGE_ID_SUFFIX, re as DEFAULT_PLACEHOLDER, ce as DEFAULT_PLACEHOLDER_ID_SUFFIX, de as DEFAULT_REMOVE, ge as DEFAULT_ROWS, pe as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, Y as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Ee as DEFAULT_VIEWPORT, xe as DENSITIES, be as DENSITY, ve as DENSITY_CONST, De as DESKTOP_VIEWPORT, en as DividerMarginList, tn as DividerVariantList, tt as DocumentClickListener, nt as DocumentScrollListener, ln as DrawerBackdropList, un as DrawerDirectionList, fn as DrawerPositionList, dn as DrawerVariantList, Ri as EmphasisList, Bi as FieldSizingList, ji as GapSpacingList, jn as IconWeightList, Mn as InputTypeList, Hi as LabelVariantHorizontalList, Vi as LabelVariantList, Ln as LinkContentList, Gi as LinkReferrerPolicyList, In as LinkSizeList, Wi as LinkTargetList, Fn as LinkVariantList, Di as MarginList, Pi as MaxWidthList, mn as NavigationItemSafeTriangle, Qn as NotificationAriaLiveList, Zn as NotificationLinkVariantList, Xn as NotificationVariantList, Mi as OrientationList, nr as PageDocumentOverflowList, tr as PageVariantList, Oi as PlacementHorizontalList, Ai as PlacementList, ki as PlacementVerticalList, Fi as PopoverDelayList, Ii as PopoverWidthList, we as SEMANTIC, Te as SEMANTICS, Zt as SelectedTypeList, Ti as SemanticList, Li as SizeList, Ei as SpacingList, Tr as StackAlignmentList, wr as StackDirectionList, Er as StackJustifyContentList, Cr as StackVariantList, Oe as TESTING_VIEWPORTS, mi as TabsBehaviorList, hi as TabsInitialSelectedModeList, gi as TagBehaviorList, Si as TextareaResizeList, Ci as TextareaWrapList, wi as TooltipVariantList, zi as ValidationList, Ni as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, ot as getFloatingProps, F as getHideProp, N as getInputValue, B as getNotificationRole, j as getNumber, R as getOptionKey, L as getSearchInput, M as getStep, it as handleDataOutside, at as handleFixedDropdown, ut as handleFixedPopover, E as hasVoiceOver, w as isArrayOfStrings, pn as isEventTargetNavigationItem, D as isIOSSafari, z as isKeyboardEvent, I as stringPropVisible, x as uuid };