@db-ux/v-core-components 4.11.1 → 4.12.1

package/dist/db-ux.es.js

@@ -886,9 +886,19 @@ var x = () => {
 		vx: i ? "right" : "left"
 	}, e.dataset.outsideVx = a.vx) : delete e.dataset.outsideVx, a;
 }, 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 } = 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";
+	if (!e || !t) return;
+	let r = e.dataset.width === "full", i = e.dataset.width === "auto";
+	if (e.style.inlineSize = "", e.style.minInlineSize = "", getComputedStyle(e).zIndex === "9999") return;
+	let { top: a, bottom: o, childHeight: s, childWidth: c, width: l, right: u, left: d, correctedPlacement: f, innerWidth: p } = ot(e, t, n), m = l;
+	if (i) {
+		let t = parseFloat(getComputedStyle(e).maxInlineSize);
+		!isNaN(t) && t > 0 && (m = Math.min(l, t));
+	}
+	r ? e.style.inlineSize = `${l}px` : i && (e.style.minInlineSize = `${m}px`);
+	let h = c;
+	i ? h = Math.max(c, m) : r && (h = l);
+	let g = f;
+	i && (g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start") && d + h > p && (g = g.startsWith("top") ? "top-end" : "bottom-end"), g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start" ? e.style.insetInlineStart = `${d}px` : (g === "top-end" || g === "bottom-end") && (e.style.insetInlineStart = `${Math.max(u - h, 0)}px`), g?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : g?.startsWith("bottom") && (e.style.insetBlockStart = `${o}px`), e.style.position = "fixed";
 }, ot = (e, t, n) => {
 	if (!e || !t) return {
 		top: 0,
@@ -1009,7 +1019,7 @@ var x = () => {
 	"checked",
 	"disabled",
 	"value"
-], gt = { key: 1 }, _t = /* @__PURE__ */ s({
+], gt = { class: "db-custom-select-list-item-label" }, _t = { key: 1 }, vt = /* @__PURE__ */ s({
 	name: "DBCustomSelectListItem",
 	__name: "custom-select-list-item",
 	props: {
@@ -1075,32 +1085,28 @@ var x = () => {
 				"db-radio": t.type !== "checkbox" && !t.isGroupTitle
 			})),
 			"data-divider": _(k)(u.value, "hasDivider")
-		}, [t.isGroupTitle ? (f(), r("span", gt, g(t.groupTitle), 1)) : (f(), r("label", {
+		}, [t.isGroupTitle ? (f(), r("span", _t, g(t.groupTitle), 1)) : (f(), r("label", {
 			key: 0,
 			"data-icon": t.type !== "checkbox" && t.icon ? t.icon : void 0,
 			"data-show-icon": _(k)(t.showIcon, "showIcon"),
 			"data-icon-trailing": v()
-		}, [
-			i("input", {
-				class: "db-custom-select-list-item-checkbox",
-				"data-disable-focus": "true",
-				type: t.type,
-				name: t.name,
-				form: t.name,
-				checked: _(A)(t.checked, "checked"),
-				disabled: _(A)(t.disabled, "disabled"),
-				value: t.value,
-				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));
+		}, [i("input", {
+			class: "db-custom-select-list-item-checkbox",
+			"data-disable-focus": "true",
+			type: t.type,
+			name: t.name,
+			form: t.name,
+			checked: _(A)(t.checked, "checked"),
+			disabled: _(A)(t.disabled, "disabled"),
+			value: t.value,
+			onChange: s[0] ||= async (e) => m(e)
+		}, null, 40, ht), i("span", gt, [t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0), h(o.$slots, "default")])], 8, mt))], 10, pt));
 	}
-}), vt = [
+}), yt = [
 	"role",
 	"aria-label",
 	"id"
-], yt = /* @__PURE__ */ s({
+], bt = /* @__PURE__ */ s({
 	name: "DBCustomSelectList",
 	__name: "custom-select-list",
 	props: {
@@ -1125,9 +1131,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-list", t.class))
-		}, [i("ul", null, [h(a.$slots, "default")])], 10, vt));
+		}, [i("ul", null, [h(a.$slots, "default")])], 10, yt));
 	}
-}), bt = [
+}), xt = [
 	"data-variant",
 	"data-hide-label",
 	"data-show-icon",
@@ -1135,10 +1141,10 @@ var x = () => {
 	"data-icon-trailing",
 	"data-hide-asterisk",
 	"data-show-icon-trailing"
-], 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 = {
+], St = ["for"], Ct = /* @__PURE__ */ "aria-invalid.data-custom-validity.data-field-sizing.id.name.type.multiple.accept.placeholder.disabled.required.step.value.maxLength.minLength.max.min.readOnly.form.pattern.size.autoComplete.autoFocus.enterKeyHint.inputMode.list.aria-describedby.role".split("."), wt = ["id"], Tt = ["value"], Et = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Et = /* @__PURE__ */ s({
+}, Dt = /* @__PURE__ */ s({
 	name: "DBInput",
 	__name: "input",
 	props: {
@@ -1337,7 +1343,7 @@ var x = () => {
 			"data-hide-asterisk": _(F)(s.showRequiredAsterisk),
 			"data-show-icon-trailing": _(k)(s.showIconTrailing, "showIconTrailing")
 		}, [
-			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, xt),
+			i("label", { for: P.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, St),
 			i("input", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -1380,14 +1386,14 @@ var x = () => {
 					"month",
 					"color"
 				].includes(s.type ?? "") && _(D)() ? "textbox" : void 0
-			}, null, 40, St),
+			}, null, 40, Ct),
 			s.dataList ? (f(), r("datalist", {
 				key: 0,
 				id: V.value
 			}, [(f(!0), r(e, null, m(oe(), (e) => (f(), r("option", {
 				key: V.value + "-option-" + e.value,
 				value: e.value
-			}, g(e.label), 9, wt))), 128))], 8, Ct)) : n("", !0),
+			}, g(e.label), 9, Tt))), 128))], 8, wt)) : n("", !0),
 			h(l.$slots, "default"),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
@@ -1419,10 +1425,10 @@ var x = () => {
 				default: b(() => [a(g(B.value), 1)]),
 				_: 1
 			}, 8, ["id", "size"]),
-			i("span", Tt, g(W.value), 1)
-		], 10, bt));
+			i("span", Et, g(W.value), 1)
+		], 10, xt));
 	}
-}), Dt = [
+}), Ot = [
 	"id",
 	"data-emphasis",
 	"data-wrap",
@@ -1431,7 +1437,7 @@ var x = () => {
 	"data-width",
 	"data-show-arrow",
 	"data-placement"
-], Ot = /* @__PURE__ */ s({
+], kt = /* @__PURE__ */ s({
 	name: "DBTooltip",
 	__name: "tooltip",
 	props: {
@@ -1573,9 +1579,9 @@ var x = () => {
 			"data-show-arrow": _(k)(t.showArrow ?? !0, "showArrow"),
 			"data-placement": t.placement,
 			onClick: l[0] ||= async (e) => D(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, Dt));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(i.$slots, "default")], 10, Ot));
 	}
-}), kt = [
+}), At = [
 	"id",
 	"data-semantic",
 	"data-emphasis",
@@ -1584,7 +1590,7 @@ var x = () => {
 	"data-show-icon",
 	"data-no-text",
 	"data-overflow"
-], At = /* @__PURE__ */ s({
+], jt = /* @__PURE__ */ s({
 	name: "DBTag",
 	__name: "tag",
 	props: {
@@ -1657,13 +1663,13 @@ var x = () => {
 				"data-variant": "ghost",
 				type: "button",
 				onClick: p[0] ||= async (e) => l(e)
-			}, [o(Ot, { variant: "label" }, {
+			}, [o(kt, { variant: "label" }, {
 				default: b(() => [a(g(u()), 1)]),
 				_: 1
 			})])) : n("", !0)
-		], 10, kt));
+		], 10, At));
 	}
-}), jt = [
+}), Mt = [
 	"id",
 	"aria-invalid",
 	"data-custom-validity",
@@ -1676,7 +1682,7 @@ var x = () => {
 	"data-hide-label",
 	"data-icon",
 	"data-show-icon"
-], Mt = ["id"], Nt = [
+], Nt = ["id"], Pt = [
 	"id",
 	"form",
 	"name",
@@ -1684,18 +1690,18 @@ var x = () => {
 	"multiple",
 	"disabled",
 	"required"
-], Pt = ["disabled", "value"], Ft = ["open"], It = [
+], Ft = ["disabled", "value"], It = ["open"], Lt = [
 	"id",
 	"aria-disabled",
 	"tabIndex",
 	"aria-labelledby"
-], Lt = ["data-visually-hidden", "id"], Rt = {
+], Rt = ["data-visually-hidden", "id"], zt = {
 	key: 0,
 	"data-visually-hidden": "true"
-}, zt = { key: 1 }, Bt = { key: 0 }, Vt = { key: 0 }, Ht = { class: "db-checkbox db-custom-select-list-item" }, Ut = ["form", "checked"], Wt = ["id"], Gt = {
+}, Bt = { key: 1 }, Vt = { key: 0 }, Ht = { key: 0 }, Ut = { class: "db-checkbox db-custom-select-list-item" }, Wt = ["form", "checked"], Gt = ["id"], Kt = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Kt = /* @__PURE__ */ s({
+}, qt = /* @__PURE__ */ s({
 	name: "DBCustomSelect",
 	__name: "custom-select",
 	props: {
@@ -1913,7 +1919,7 @@ var x = () => {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [w.options], () => {
-			ue.value = w.options, le.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0;
+			ue.value = w.options, le.value = w.options?.filter((e) => !e.isGroupTitle).length ?? 0, X.value?.open && Fe();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -2130,7 +2136,7 @@ var x = () => {
 				let n = e;
 				n.stopPropagation(), w.onSearch && w.onSearch(n), t = n.target.value, ve.value = t;
 			}
-			!w.options || !t || t.length === 0 ? ue.value = w.options : w.searchFilter ? ue.value = w.options.filter((e) => w.searchFilter(e, t)) : ue.value = w.options.filter((e) => !e.isGroupTitle && je(e).toLowerCase().includes(t.toLowerCase()));
+			!w.options || !t || t.length === 0 ? ue.value = w.options : w.searchFilter ? ue.value = w.options.filter((e) => w.searchFilter(e, t)) : ue.value = w.options.filter((e) => !e.isGroupTitle && je(e).toLowerCase().includes(t.toLowerCase())), X.value?.open && Fe();
 		}
 		function Je(e) {
 			e.stopPropagation(), Ve([]), Ye();
@@ -2180,7 +2186,7 @@ var x = () => {
 				key: t,
 				disabled: e.disabled,
 				value: e.value
-			}, g(je(e)), 9, Pt))), 128)) : n("", !0)], 40, Nt)], 8, Mt),
+			}, g(je(e)), 9, Ft))), 128)) : n("", !0)], 40, Pt)], 8, Nt),
 			i("details", {
 				ref_key: "detailsRef",
 				ref: X,
@@ -2197,7 +2203,7 @@ var x = () => {
 				key: 0,
 				"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, {
+			}, [s.selectedPrefix ? (f(), r("span", zt, g(s.selectedPrefix), 1)) : n("", !0), a(" " + g(G.value), 1)], 8, Rt)) : n("", !0), s.selectedType === "tag" ? (f(), r("div", Bt, [(f(!0), r(e, null, m(K.value, (e, n) => (f(), t(jt, {
 				key: n,
 				emphasis: "strong",
 				behavior: "removable",
@@ -2206,9 +2212,9 @@ var x = () => {
 			}, {
 				default: b(() => [a(g(je(e)), 1)]),
 				_: 2
-			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, It), o(ft, { width: s.dropdownWidth }, {
+			}, 1032, ["removeButton", "onRemove"]))), 128))])) : n("", !0)], 8, Lt), o(ft, { width: s.dropdownWidth }, {
 				default: b(() => [
-					ie.value ? (f(), r("div", Bt, [o(Et, {
+					ie.value ? (f(), r("div", Vt, [o(Dt, {
 						type: "search",
 						ref_key: "searchInputRef",
 						ref: Ce,
@@ -2241,7 +2247,7 @@ var x = () => {
 						"id",
 						"icon",
 						"semantic"
-					])) : (f(), r(e, { key: 2 }, [re.value ? (f(), r("div", Vt, [i("div", Ht, [i("label", null, [i("input", {
+					])) : (f(), r(e, { key: 2 }, [re.value ? (f(), r("div", Ht, [i("div", Ut, [i("label", null, [i("input", {
 						type: "checkbox",
 						value: "select-all",
 						ref_key: "selectAllRef",
@@ -2249,11 +2255,11 @@ var x = () => {
 						form: T.value,
 						checked: ye.value,
 						onChange: u[1] ||= async (e) => Ue(e)
-					}, null, 40, Ut), a(g(Ae()), 1)])])])) : n("", !0), o(yt, {
+					}, null, 40, Wt), a(g(Ae()), 1)])])])) : n("", !0), o(bt, {
 						multiple: _(A)(s.multiple, "multiple"),
 						label: s.listLabel ?? s.label ?? _("LABEL SHOULD BE SET")
 					}, {
-						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(_t, {
+						default: b(() => [(f(!0), r(e, null, m(ue.value, (i, o) => (f(), t(vt, {
 							key: o,
 							type: s.multiple ? "checkbox" : "radio",
 							showDivider: i.showDivider,
@@ -2300,7 +2306,7 @@ var x = () => {
 					])])
 				]),
 				_: 1
-			}, 8, ["width"])], 64)) : n("", !0)], 40, Ft),
+			}, 8, ["width"])], 64)) : n("", !0)], 40, It),
 			(s.showClearSelection ?? !0) && Y.value?.length ? (f(), t(Le, {
 				key: 0,
 				icon: "cross",
@@ -2312,7 +2318,7 @@ var x = () => {
 				disabled: _(A)(s.disabled, "disabled"),
 				onClick: (e) => Je(e)
 			}, {
-				default: b(() => [a(g(s.clearSelectionText), 1), o(Ot, { placement: "top" }, {
+				default: b(() => [a(g(s.clearSelectionText), 1), o(kt, { placement: "top" }, {
 					default: b(() => [a(g(s.clearSelectionText), 1)]),
 					_: 1
 				})]),
@@ -2327,7 +2333,7 @@ var x = () => {
 				class: "db-custom-select-placeholder",
 				"aria-hidden": "true",
 				id: B.value
-			}, g(s.placeholder ?? s.label), 9, Wt),
+			}, g(s.placeholder ?? s.label), 9, Gt),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -2354,14 +2360,14 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Gt, g(ne.value), 1)
-		], 10, jt));
+			i("span", Kt, g(ne.value), 1)
+		], 10, Mt));
 	}
-}), qt = [
+}), Jt = [
 	"fixed",
 	"auto",
 	"full"
-], Jt = ["id"], Yt = /* @__PURE__ */ s({
+], Yt = ["id"], Xt = /* @__PURE__ */ s({
 	name: "DBCustomSelectFormField",
 	__name: "custom-select-form-field",
 	props: {
@@ -2379,19 +2385,19 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-custom-select-form-field", t.class))
-		}, [h(i.$slots, "default")], 10, Jt));
+		}, [h(i.$slots, "default")], 10, Yt));
 	}
-}), Xt = ["checkbox", "radio"], Zt = [
+}), Zt = ["checkbox", "radio"], Qt = [
 	"amount",
 	"text",
 	"tag"
-], Qt = [
+], $t = [
 	"id",
 	"data-margin",
 	"data-variant",
 	"data-emphasis",
 	"data-width"
-], $t = /* @__PURE__ */ s({
+], en = /* @__PURE__ */ s({
 	name: "DBDivider",
 	__name: "divider",
 	props: {
@@ -2417,20 +2423,20 @@ var x = () => {
 			"data-emphasis": e.emphasis,
 			"data-width": e.width,
 			class: c(_(C)("db-divider", t.class))
-		}, null, 10, Qt));
+		}, null, 10, $t));
 	}
-}), en = ["none", "_"], tn = ["horizontal", "vertical"], nn = [
+}), tn = ["none", "_"], nn = ["horizontal", "vertical"], rn = [
 	"id",
 	"data-position",
 	"data-backdrop",
 	"data-direction",
 	"data-variant"
-], rn = [
+], an = [
 	"data-spacing",
 	"data-width",
 	"data-direction",
 	"data-rounded"
-], an = { class: "db-drawer-header" }, on = { class: "db-drawer-header-text" }, sn = { class: "db-drawer-content" }, cn = /* @__PURE__ */ s({
+], on = { class: "db-drawer-header" }, sn = { class: "db-drawer-header-text" }, cn = { class: "db-drawer-content" }, ln = /* @__PURE__ */ s({
 	name: "DBDrawer",
 	__name: "drawer",
 	props: {
@@ -2464,85 +2470,92 @@ var x = () => {
 		spacing: { default: void 0 }
 	},
 	setup(e) {
-		let t = e, n = p(!1), s = p(null), l = p(null);
+		let t = e, n = p(!1), s = p(!1), l = p(null), d = p(null);
 		u(() => {
-			m(), n.value = !0;
+			S(), n.value = !0;
 		}), y(() => [t.open], () => {
-			m();
+			S();
 		}, {
 			immediate: !0,
 			flush: "post"
 		}), y(() => [
-			s.value,
+			l.value,
 			n.value,
 			t.position
 		], () => {
-			if (s.value && n.value && t.position === "absolute") {
-				let e = s.value.parentElement;
+			if (l.value && n.value && t.position === "absolute") {
+				let e = l.value.parentElement;
 				e && (e.style.position = "relative");
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		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 m() {
-			if (s.value) {
+			return t.position === "absolute" || t.backdrop === "none" || t.variant === "inside";
+		}
+		function v(e) {
+			s.value = e?.target?.nodeName === "DIALOG";
+		}
+		function x(e, n) {
+			e && (z(e) ? e.key === "Escape" && (e.preventDefault(), t.onClose && t.onClose(e)) : (n && (e.stopPropagation(), t.onClose && t.onClose(e)), e.target?.nodeName === "DIALOG" && e.type === "click" && t.backdrop !== "none" && s.value && t.onClose && t.onClose(e), s.value = !1));
+		}
+		function S() {
+			if (l.value) {
 				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();
+				e && !l.value.open && (d.value && d.value.removeAttribute("data-transition"), m() ? l.value.show() : (l.value.setAttribute("closedby", "any"), l.value.showModal()), O(() => {
+					d.value && (d.value.dataset.transition = "open");
+				}, 1)), !e && l.value.open && (d.value && (d.value.dataset.transition = "close"), O(() => {
+					l.value?.close();
 				}, 401));
 			}
 		}
-		return (n, u) => (f(), r("dialog", {
+		return (n, s) => (f(), r("dialog", {
 			class: "db-drawer",
 			id: e.id ?? e.propOverrides?.id,
 			ref_key: "_ref",
-			ref: s,
-			onClick: u[0] ||= async (e) => d(e),
-			onKeydown: u[1] ||= async (e) => d(e),
+			ref: l,
+			onClick: s[0] ||= async (e) => x(e),
+			onMousedown: s[1] ||= async (e) => v(e),
+			onKeydown: s[2] ||= async (e) => x(e),
 			"data-position": e.position,
 			"data-backdrop": e.backdrop,
 			"data-direction": e.direction,
 			"data-variant": e.variant
 		}, [i("article", {
 			ref_key: "dialogContainerRef",
-			ref: l,
+			ref: d,
 			class: c(_(C)("db-drawer-container", t.class)),
 			"data-spacing": e.spacing,
 			"data-width": e.width,
 			"data-direction": e.direction,
 			"data-rounded": _(k)(e.rounded, "rounded")
-		}, [i("header", an, [i("div", on, [h(n.$slots, "drawer-header")]), o(Le, {
+		}, [i("header", on, [i("div", sn, [h(n.$slots, "drawer-header")]), o(Le, {
 			class: "button-close-drawer",
 			icon: "cross",
 			variant: "ghost",
 			id: e.closeButtonId,
 			noText: !0,
-			onClick: (e) => d(e, !0)
+			onClick: (e) => x(e, !0)
 		}, {
 			default: b(() => [a(g(e.closeButtonText ?? _("Close")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])]), i("div", sn, [h(n.$slots, "default")])], 10, rn)], 40, nn));
+		}, 8, ["id", "onClick"])]), i("div", cn, [h(n.$slots, "default")])], 10, an)], 40, rn));
 	}
-}), ln = [
+}), un = [
 	"none",
 	"strong",
 	"weak",
 	"invisible"
-], un = [
+], dn = [
 	"left",
 	"right",
 	"up",
 	"down"
-], dn = ["modal", "inside"], fn = ["fixed", "absolute"], pn = (e) => {
+], fn = ["modal", "inside"], pn = ["fixed", "absolute"], mn = (e) => {
 	let { target: t } = e;
 	return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
-}, mn = class {
+}, hn = class {
 	element;
 	subNavigation;
 	parentSubNavigation = null;
@@ -2610,11 +2623,11 @@ var x = () => {
 		let t = this.hasMouseEnteredSubNavigation(), n = this.getTriangleCoordinates(t ? "fill-gap" : "safe-triangle");
 		n && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${n.lb}, ${n.lt}, ${n.rt}, ${n.rb})`), t && (this.triangleData = void 0));
 	}
-}, hn = [
+}, gn = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], 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({
+], _n = { class: "db-header-meta-navigation" }, vn = { class: "db-header-navigation-bar" }, yn = { class: "db-header-brand-container" }, bn = { class: "db-header-navigation-container" }, xn = { class: "db-header-navigation" }, Sn = { class: "db-header-primary-action" }, Cn = { class: "db-header-action-container" }, wn = { class: "db-header-burger-menu-container" }, Tn = { class: "db-header-secondary-action" }, En = { class: "db-header-drawer-navigation" }, Dn = { class: "db-header-meta-navigation" }, On = { class: "db-header-secondary-action" }, kn = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2665,7 +2678,7 @@ var x = () => {
 			t.onToggle && t.onToggle(n);
 		}
 		function m(e) {
-			pn(e) && d();
+			mn(e) && d();
 		}
 		return (n, u) => (f(), r("header", {
 			ref_key: "_ref",
@@ -2675,11 +2688,11 @@ var x = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			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, {
+			i("div", _n, [h(n.$slots, "meta-navigation")]),
+			i("div", vn, [
+				i("div", yn, [h(n.$slots, "brand")]),
+				i("div", bn, [i("div", xn, [h(n.$slots, "default")]), i("div", Sn, [h(n.$slots, "primary-action")])]),
+				i("div", Cn, [i("div", wn, [o(Le, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
@@ -2687,9 +2700,9 @@ var x = () => {
 				}, {
 					default: b(() => [a(g(e.burgerMenuLabel ?? _("BurgerMenu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", wn, [h(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", Tn, [h(n.$slots, "secondary-action")])])
 			]),
-			o(cn, {
+			o(ln, {
 				class: "db-header-drawer",
 				spacing: "small",
 				rounded: !0,
@@ -2698,10 +2711,10 @@ var x = () => {
 				open: _(A)(e.drawerOpen),
 				onClose: (e) => d()
 			}, {
-				default: b(() => [i("div", Tn, [i("div", {
+				default: b(() => [i("div", En, [i("div", {
 					class: "db-header-navigation",
 					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")])]),
+				}, [h(n.$slots, "default")]), i("div", Dn, [h(n.$slots, "meta-navigation")])]), i("div", On, [h(n.$slots, "secondary-action")])]),
 				_: 3
 			}, 8, [
 				"closeButtonId",
@@ -2709,14 +2722,14 @@ var x = () => {
 				"open",
 				"onClose"
 			])
-		], 10, hn));
+		], 10, gn));
 	}
-}), kn = [
+}), An = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], An = /* @__PURE__ */ s({
+], jn = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -2742,16 +2755,16 @@ var x = () => {
 			"data-icon": t.icon,
 			"data-icon-weight": t.weight,
 			"data-icon-variant": t.variant
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, kn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, An));
 	}
-}), jn = [
+}), Mn = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], Mn = [
+], Nn = [
 	"color",
 	"date",
 	"datetime-local",
@@ -2768,7 +2781,7 @@ var x = () => {
 	"time",
 	"url",
 	"week"
-], Nn = [
+], Pn = [
 	"id",
 	"href",
 	"target",
@@ -2783,7 +2796,7 @@ var x = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], Pn = /* @__PURE__ */ s({
+], Fn = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -2846,13 +2859,13 @@ var x = () => {
 			"data-content": t.content || "internal",
 			"data-wrap": _(k)(t.wrap, "wrap"),
 			onClick: u[0] ||= async (e) => s(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Nn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Pn));
 	}
-}), Fn = [
+}), In = [
 	"adaptive",
 	"brand",
 	"inline"
-], In = ["medium", "small"], Ln = ["external", "internal"], Rn = ["id"], zn = /* @__PURE__ */ s({
+], Ln = ["medium", "small"], Rn = ["external", "internal"], zn = ["id"], Bn = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -2870,9 +2883,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-navigation", t.class))
-		}, [i("menu", null, [h(a.$slots, "default")])], 10, Rn));
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, zn));
 	}
-}), Bn = [
+}), Vn = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -2880,20 +2893,20 @@ var x = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], Vn = [
+], Hn = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], Hn = [
+], Un = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], Un = {
+], Wn = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, Wn = /* @__PURE__ */ s({
+}, Gn = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -2953,7 +2966,7 @@ var x = () => {
 		}), y(() => [d.value, j.value], () => {
 			if (d.value && j.value) {
 				let e = j.value.querySelector("menu");
-				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new mn(j.value, e)) : x.value = !1);
+				e && (e.children?.length > 0 ? (m.value = !0, T.value ||= new hn(j.value, e)) : x.value = !1);
 			}
 		}, {
 			immediate: !0,
@@ -2992,13 +3005,13 @@ var x = () => {
 			"aria-controls": E.value,
 			disabled: _(A)(t.disabled, "disabled"),
 			onClick: u[0] ||= async (e) => N(e)
-		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Vn), i("menu", {
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 8, Hn), i("menu", {
 			class: "db-sub-navigation",
 			id: E.value,
 			"aria-labelledby": D.value,
 			"data-force-close": w.value,
 			onClick: u[1] ||= async (e) => M(e)
-		}, [m.value ? (f(), r("div", Un, [o(Le, {
+		}, [m.value ? (f(), r("div", Wn, [o(Le, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
@@ -3006,9 +3019,9 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 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));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, Un)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", { key: 1 })], 64))], 42, Vn));
 	}
-}), Gn = [
+}), Kn = [
 	"id",
 	"role",
 	"aria-live",
@@ -3017,10 +3030,10 @@ var x = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], Kn = {
+], qn = {
 	key: 0,
 	"data-area": "head"
-}, qn = { "data-area": "content" }, Jn = ["dateTime"], Yn = /* @__PURE__ */ s({
+}, Jn = { "data-area": "content" }, Yn = ["dateTime"], Xn = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -3089,13 +3102,13 @@ var x = () => {
 			"data-link-variant": o.linkVariant
 		}, [
 			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.headline, o.showHeadline) ? (f(), r("header", qn, g(o.headline), 1)) : n("", !0),
+			i("div", Jn, [o.text ? (f(), r(e, { key: 0 }, [a(g(o.text), 1)], 64)) : n("", !0), h(d.$slots, "default")]),
 			_(I)(o.timestamp, o.showTimestamp) ? (f(), r("time", {
 				key: 1,
 				"data-area": "timestamp",
 				dateTime: o.timestampDatetime
-			}, g(o.timestamp), 9, Jn)) : n("", !0),
+			}, g(o.timestamp), 9, Yn)) : n("", !0),
 			h(d.$slots, "link"),
 			_(A)(o.closeable, "closeable") ? (f(), t(Le, {
 				key: 2,
@@ -3109,22 +3122,22 @@ var x = () => {
 				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, Gn));
+		], 10, Kn));
 	}
-}), Xn = [
+}), Zn = [
 	"docked",
 	"standalone",
 	"overlay"
-], Zn = ["block", "inline"], Qn = [
+], Qn = ["block", "inline"], $n = [
 	"assertive",
 	"polite",
 	"off"
-], $n = [
+], er = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], er = /* @__PURE__ */ s({
+], tr = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -3164,9 +3177,9 @@ var x = () => {
 			h(o.$slots, "header"),
 			i("main", { class: c(_(C)("db-main", e.mainClass)) }, [h(o.$slots, "default")], 2),
 			h(o.$slots, "footer")
-		], 10, $n));
+		], 10, er));
 	}
-}), tr = ["auto", "fixed"], nr = ["hidden", "auto"], rr = ["id"], ir = [
+}), nr = ["auto", "fixed"], rr = ["hidden", "auto"], ir = ["id"], ar = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -3174,7 +3187,7 @@ var x = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], ar = /* @__PURE__ */ s({
+], or = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -3281,14 +3294,14 @@ var x = () => {
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [h(n.$slots, "default")], 8, ir)], 10, rr));
+		}, [h(n.$slots, "default")], 8, ar)], 10, ir));
 	}
-}), or = [
+}), sr = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], sr = [
+], cr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -3297,7 +3310,7 @@ var x = () => {
 	"disabled",
 	"value",
 	"required"
-], cr = /* @__PURE__ */ s({
+], lr = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -3438,16 +3451,16 @@ var x = () => {
 				onChange: s[1] ||= async (e) => E(e),
 				onBlur: s[2] ||= async (e) => D(e),
 				onFocus: s[3] ||= async (e) => k(e)
-			}, null, 40, sr),
+			}, null, 40, cr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 10, or));
+		], 10, sr));
 	}
-}), lr = [
+}), ur = [
 	"id",
 	"data-spacing",
 	"data-width"
-], ur = /* @__PURE__ */ s({
+], dr = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -3469,15 +3482,15 @@ var x = () => {
 			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, lr));
+		}, [h(i.$slots, "default")], 10, ur));
 	}
-}), dr = [
+}), fr = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], fr = ["for"], pr = [
+], pr = ["for"], mr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -3489,18 +3502,18 @@ var x = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], mr = ["data-show-empty-option"], hr = ["label"], gr = [
+], hr = ["data-show-empty-option"], gr = ["label"], _r = [
 	"value",
 	"selected",
 	"disabled"
-], _r = [
+], vr = [
 	"value",
 	"disabled",
 	"selected"
-], vr = ["id"], yr = {
+], yr = ["id"], br = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, br = /* @__PURE__ */ s({
+}, xr = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -3670,7 +3683,7 @@ var x = () => {
 			"data-icon": s.icon,
 			"data-show-icon": _(k)(s.showIcon, "showIcon")
 		}, [
-			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, fr),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, pr),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -3695,7 +3708,7 @@ var x = () => {
 				class: "placeholder",
 				value: "",
 				"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", {
+			}, null, 8, hr)) : n("", !0), s.options?.length ? (f(!0), r(e, { key: 1 }, m(s.options, (t, n) => (f(), r(e, { key: n }, [t.options ? (f(), r("optgroup", {
 				key: 0,
 				label: re(t)
 			}, [(f(!0), r(e, null, m(t.options, (e, t) => (f(), r("option", {
@@ -3703,17 +3716,17 @@ var x = () => {
 				value: e.value,
 				selected: e.selected,
 				disabled: e.disabled
-			}, g(re(e)), 9, gr))), 128))], 8, hr)) : (f(), r("option", {
+			}, g(re(e)), 9, _r))), 128))], 8, gr)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, g(re(t)), 9, _r))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, pr),
+			}, g(re(t)), 9, vr))], 64))), 128)) : h(l.$slots, "default", { key: 2 })], 40, mr),
 			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
 				id: P.value
-			}, g(s.placeholder), 9, vr)) : n("", !0),
+			}, g(s.placeholder), 9, yr)) : n("", !0),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -3740,10 +3753,10 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", yr, g(B.value), 1)
-		], 10, dr));
+			i("span", br, g(B.value), 1)
+		], 10, fr));
 	}
-}), xr = [
+}), Sr = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -3751,7 +3764,7 @@ var x = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], Sr = /* @__PURE__ */ s({
+], Cr = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -3784,26 +3797,26 @@ var x = () => {
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
 			"data-wrap": _(k)(e.wrap, "wrap")
-		}, [h(i.$slots, "default")], 10, xr));
+		}, [h(i.$slots, "default")], 10, Sr));
 	}
-}), Cr = ["simple", "divider"], wr = ["row", "column"], Tr = [
+}), wr = ["simple", "divider"], Tr = ["row", "column"], Er = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], Er = [
+], Dr = [
 	"space-between",
 	"start",
 	"end",
 	"center"
-], Dr = [
+], Or = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], Or = ["for"], kr = [
+], kr = ["for"], Ar = [
 	"id",
 	"checked",
 	"value",
@@ -3814,10 +3827,10 @@ var x = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], Ar = {
+], jr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, jr = /* @__PURE__ */ s({
+}, Mr = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -3999,10 +4012,10 @@ var x = () => {
 					onBlur: u[1] ||= async (e) => H(e),
 					onFocus: u[2] ||= async (e) => U(e),
 					onKeydown: u[3] ||= async (e) => W(e)
-				}, null, 40, kr),
+				}, null, 40, Ar),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, Or),
+			], 8, kr),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -4030,23 +4043,23 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Ar, g(P.value), 1)
-		], 10, Dr));
+			i("span", jr, g(P.value), 1)
+		], 10, Or));
 	}
-}), Mr = [
+}), Nr = [
 	"for",
 	"data-icon",
 	"data-icon-trailing",
 	"data-show-icon",
 	"data-show-icon-trailing",
 	"data-no-text"
-], Nr = [
+], Pr = [
 	"disabled",
 	"aria-selected",
 	"checked",
 	"name",
 	"id"
-], Pr = /* @__PURE__ */ s({
+], Fr = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
@@ -4145,12 +4158,12 @@ var x = () => {
 				name: v.value,
 				id: t.id ?? t.propOverrides?.id,
 				onInput: s[0] ||= async (e) => E(e)
-			}, null, 40, Nr),
+			}, null, 40, Pr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 8, Mr)], 2));
+		], 8, Nr)], 2));
 	}
-}), Fr = ["id"], Ir = { role: "tablist" }, Lr = /* @__PURE__ */ s({
+}), Ir = ["id"], Lr = { role: "tablist" }, Rr = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
@@ -4168,9 +4181,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-tab-list", t.class))
-		}, [i("ul", Ir, [h(a.$slots, "default")])], 10, Fr));
+		}, [i("ul", Lr, [h(a.$slots, "default")])], 10, Ir));
 	}
-}), Rr = ["id"], zr = /* @__PURE__ */ s({
+}), zr = ["id"], Br = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
@@ -4190,16 +4203,16 @@ var x = () => {
 			ref: o,
 			class: c(_(C)("db-tab-panel", i.class)),
 			id: t.id ?? t.propOverrides?.id
-		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, Rr));
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, zr));
 	}
-}), Br = [
+}), Vr = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
 	"colSpan",
 	"rowSpan",
 	"headers"
-], Vr = /* @__PURE__ */ s({
+], Hr = /* @__PURE__ */ s({
 	name: "DBTableDataCell",
 	__name: "table-data-cell",
 	props: {
@@ -4229,9 +4242,9 @@ var x = () => {
 			colSpan: _(j)(e.colSpan, e.colspan),
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers
-		}, [h(i.$slots, "default")], 10, Br));
+		}, [h(i.$slots, "default")], 10, Vr));
 	}
-}), Hr = [
+}), Ur = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
@@ -4241,7 +4254,7 @@ var x = () => {
 	"rowSpan",
 	"headers",
 	"abbr"
-], Ur = /* @__PURE__ */ s({
+], Wr = /* @__PURE__ */ s({
 	name: "DBTableHeaderCell",
 	__name: "table-header-cell",
 	props: {
@@ -4280,13 +4293,13 @@ var x = () => {
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers,
 			abbr: e.abbr
-		}, [h(i.$slots, "default")], 10, Hr));
+		}, [h(i.$slots, "default")], 10, Ur));
 	}
-}), Wr = [
+}), Gr = [
 	"id",
 	"data-interactive",
 	"data-sub-header-emphasis"
-], Gr = /* @__PURE__ */ s({
+], Kr = /* @__PURE__ */ s({
 	name: "DBTableRow",
 	__name: "table-row",
 	props: {
@@ -4315,7 +4328,7 @@ var x = () => {
 			class: c(_(C)("db-table-row", o.class)),
 			"data-interactive": _(k)(n.interactive),
 			"data-sub-header-emphasis": n.subHeaderEmphasis
-		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Ur, {
+		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(Wr, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-header-cell-${s}`,
 			id: o.id,
 			abbr: l(o)?.abbr,
@@ -4330,7 +4343,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Pn, {
+			default: b(() => [o.link ? (f(), t(Fn, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4383,7 +4396,7 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		])) : (f(), t(Vr, {
+		])) : (f(), t(Hr, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-data-cell-${s}`,
 			id: o.id,
 			className: o.className ?? o.class,
@@ -4395,7 +4408,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Pn, {
+			default: b(() => [o.link ? (f(), t(Fn, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4445,9 +4458,9 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Wr));
+		]))], 64))), 128)) : h(u.$slots, "default", { key: 1 })], 10, Gr));
 	}
-}), Kr = ["id"], qr = /* @__PURE__ */ s({
+}), qr = ["id"], Jr = /* @__PURE__ */ s({
 	name: "DBTableBody",
 	__name: "table-body",
 	props: {
@@ -4466,7 +4479,7 @@ var x = () => {
 			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, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Kr, {
 			key: `${e.id ?? n.id ?? _(i)}-table-body-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4477,9 +4490,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Kr));
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, qr));
 	}
-}), Jr = ["id"], Yr = /* @__PURE__ */ s({
+}), Yr = ["id"], Xr = /* @__PURE__ */ s({
 	name: "DBTableFooter",
 	__name: "table-footer",
 	props: {
@@ -4498,7 +4511,7 @@ var x = () => {
 			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, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Kr, {
 			key: `${e.id ?? n.id ?? _(i)}-table-footer-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4509,9 +4522,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Jr));
+		]))), 128)) : h(s.$slots, "default", { key: 1 })], 10, Yr));
 	}
-}), Xr = ["id"], Zr = /* @__PURE__ */ s({
+}), Zr = ["id"], Qr = /* @__PURE__ */ s({
 	name: "DBTableHead",
 	__name: "table-head",
 	props: {
@@ -4536,7 +4549,7 @@ var x = () => {
 			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, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(Kr, {
 			key: `${e.id ?? n.id ?? _(i)}-table-head-row-${r}`,
 			cells: s(e.cells),
 			className: e.className ?? e.class,
@@ -4549,9 +4562,9 @@ var x = () => {
 			"subHeaderEmphasis",
 			"interactive",
 			"id"
-		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, Xr));
+		]))), 128)) : h(l.$slots, "default", { key: 1 })], 10, Zr));
 	}
-}), Qr = [
+}), $r = [
 	"data-width",
 	"data-size",
 	"data-divider",
@@ -4559,7 +4572,7 @@ var x = () => {
 	"data-mobile-variant",
 	"data-show-caption",
 	"data-sticky-header"
-], $r = ["id"], ei = { key: 0 }, ti = /* @__PURE__ */ s({
+], ei = ["id"], ti = { key: 0 }, ni = /* @__PURE__ */ s({
 	name: "DBTable",
 	__name: "table",
 	props: {
@@ -4646,22 +4659,22 @@ var x = () => {
 			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, {
+		}, [a.captionPlain ? (f(), r("caption", ti, g(a.captionPlain), 1)) : h(p.$slots, "caption", { key: 1 }), s.value ? (f(), r(e, { key: 2 }, [
+			s.value?.header ? (f(), t(Qr, {
 				key: 0,
 				rows: s.value?.header
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.body ? (f(), t(qr, {
+			s.value?.body ? (f(), t(Jr, {
 				key: 1,
 				rows: s.value?.body
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.footer ? (f(), t(Yr, {
+			s.value?.footer ? (f(), t(Xr, {
 				key: 2,
 				rows: s.value?.footer
 			}, null, 8, ["rows"])) : n("", !0)
-		], 64)) : h(p.$slots, "default", { key: 3 })], 8, $r)], 14, Qr));
+		], 64)) : h(p.$slots, "default", { key: 3 })], 8, ei)], 14, $r));
 	}
-}), ni = ["id"], ri = /* @__PURE__ */ s({
+}), ri = ["id"], ii = /* @__PURE__ */ s({
 	name: "DBTableCaption",
 	__name: "table-caption",
 	props: {
@@ -4679,48 +4692,48 @@ var x = () => {
 			ref: n,
 			id: e.id,
 			class: c(_(C)("db-table-caption", t.class))
-		}, [h(i.$slots, "default")], 10, ni));
+		}, [h(i.$slots, "default")], 10, ri));
 	}
-}), ii = [
+}), ai = [
 	"row",
 	"col",
 	"rowgroup",
 	"colgroup"
-], ai = [
+], oi = [
 	"none",
 	"weak",
 	"strong"
-], oi = [
+], si = [
 	"x-small",
 	"small",
 	"medium",
 	"large"
-], si = [
+], ci = [
 	"flat",
 	"zebra",
 	"spaced"
-], ci = [
+], li = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], li = ["table", "list"], ui = [
+], ui = ["table", "list"], di = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], di = [
+], fi = [
 	"auto",
 	"1fr",
 	"min-content",
 	"max-content"
-], fi = [
+], pi = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
 	"data-alignment",
 	"data-width"
-], pi = /* @__PURE__ */ s({
+], mi = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
@@ -4871,8 +4884,8 @@ var x = () => {
 				default: b(() => [...u[2] ||= [a(" Scroll left ", -1)]]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			i.tabs ? (f(), r(e, { key: 1 }, [o(Lr, null, {
-				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Pr, {
+			i.tabs ? (f(), r(e, { key: 1 }, [o(Rr, null, {
+				default: b(() => [(f(!0), r(e, null, m(k(), (e, n) => (f(), t(Fr, {
 					key: i.name + "tab-item" + n,
 					active: e.active,
 					label: e.label,
@@ -4887,7 +4900,7 @@ var x = () => {
 					"noText"
 				]))), 128))]),
 				_: 1
-			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(zr, {
+			}), (f(!0), r(e, null, m(k(), (e, n) => (f(), t(Br, {
 				key: i.name + "tab-panel" + n,
 				content: e.content
 			}, {
@@ -4907,13 +4920,13 @@ var x = () => {
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
 			h(s.$slots, "default")
-		], 42, fi));
+		], 42, pi));
 	}
-}), mi = ["scrollbar", "arrows"], hi = ["auto", "manually"], gi = ["static", "removable"], _i = [
+}), hi = ["scrollbar", "arrows"], gi = ["auto", "manually"], _i = ["static", "removable"], vi = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], vi = ["for"], yi = [
+], yi = ["for"], bi = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -4935,10 +4948,10 @@ var x = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], bi = {
+], xi = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, xi = /* @__PURE__ */ s({
+}, Si = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -5102,7 +5115,7 @@ var x = () => {
 			"data-hide-asterisk": _(F)(e.showRequiredAsterisk),
 			"data-hide-label": _(F)(e.showLabel)
 		}, [
-			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, vi),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, yi),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -5131,7 +5144,7 @@ var x = () => {
 				placeholder: e.placeholder ?? _(" "),
 				rows: _(j)(e.rows, _(4)),
 				cols: _(j)(e.cols)
-			}, g(e.value), 41, yi),
+			}, g(e.value), 41, bi),
 			_(I)(e.message, e.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -5158,50 +5171,50 @@ var x = () => {
 				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", bi, g(N.value), 1)
-		], 10, _i));
+			i("span", xi, g(N.value), 1)
+		], 10, vi));
 	}
-}), Si = [
+}), Ci = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Ci = [
+], wi = [
 	"hard",
 	"soft",
 	"off"
-], wi = ["description", "label"], Ti = [
+], Ti = ["description", "label"], Ei = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], Ei = [
+], Di = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], Di = [
+], Oi = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], Oi = [
+], ki = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], ki = [
+], Ai = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], Ai = [...Oi, ...ki], ji = [
+], ji = [...ki, ...Ai], Mi = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -5212,25 +5225,25 @@ var x = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], Mi = ["horizontal", "vertical"], Ni = ["full", "auto"], Pi = [
+], Ni = ["horizontal", "vertical"], Pi = ["full", "auto"], Fi = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], Fi = [
+], Ii = [
 	"none",
 	"slow",
 	"fast"
-], Ii = ["auto", "fixed"], Li = ["small", "medium"], Ri = ["weak", "strong"], zi = [
+], Li = ["auto", "fixed"], Ri = ["small", "medium"], zi = ["weak", "strong"], Bi = [
 	"invalid",
 	"valid",
 	"no-validation"
-], 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 = [
+], Vi = ["fixed", "content"], Hi = ["above", "floating"], Ui = ["leading", "trailing"], Wi = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), Gi = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], Gi = [
+], Ki = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -5239,10 +5252,10 @@ var x = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], Ki = [
+], qi = [
 	"start",
 	"center",
 	"end"
 ];
 //#endregion
-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 };
+export { te as AccordionBehaviorList, G as AccordionVariantList, qi as AlignmentList, Wi as AutoCompleteList, Ne as BadgePlacementList, ze as ButtonTypeList, Re as ButtonVariantList, Z as COLOR, Se as COLORS, Ce as COLORS_SIMPLE, ye as COLOR_CONST, X as COLOR_SIMPLE, He as CardBehaviorList, Ue as CardElevationLevelList, Jt as CustomSelectDropdownWidthList, Zt as CustomSelectListItemTypeList, ee as DBAccordion, U as DBAccordionItem, Me as DBBadge, Fe as DBBrand, Le as DBButton, Ve as DBCard, Qe as DBCheckbox, et as DBCustomButton, qt as DBCustomSelect, ft as DBCustomSelectDropdown, Xt as DBCustomSelectFormField, bt as DBCustomSelectList, vt as DBCustomSelectListItem, en as DBDivider, ln as DBDrawer, kn as DBHeader, jn as DBIcon, $ as DBInfotext, Dt as DBInput, Fn as DBLink, Bn as DBNavigation, Gn as DBNavigationItem, Xn as DBNotification, tr as DBPage, or as DBPopover, lr as DBRadio, dr as DBSection, xr as DBSelect, Cr as DBStack, Mr as DBSwitch, Fr as DBTabItem, Rr as DBTabList, Br as DBTabPanel, ni as DBTable, Jr as DBTableBody, ii as DBTableCaption, fi as DBTableColumnsSizeList, Hr as DBTableDataCell, li as DBTableDividerList, Xr as DBTableFooter, Qr as DBTableHead, Wr as DBTableHeaderCell, ai as DBTableHeaderCellScopeList, ui as DBTableMobileVariantList, Kr as DBTableRow, si as DBTableRowSizeList, oi as DBTableRowSubHeaderEmphasisList, di as DBTableStickyHeaderList, ci as DBTableVariantList, mi as DBTabs, jt as DBTag, Si as DBTextarea, kt as DBTooltip, ke as DB_UX_LOCAL_STORAGE_FRAMEWORK, Ae as DB_UX_LOCAL_STORAGE_MODE, fe as DEFAULT_BACK, me as DEFAULT_BURGER_MENU, _e as DEFAULT_CLOSE_BUTTON, le as DEFAULT_DATALIST_ID_SUFFIX, he as DEFAULT_ICON, ne as DEFAULT_ID, ue as DEFAULT_INVALID_MESSAGE, se as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, K as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, ie as DEFAULT_MESSAGE, q as DEFAULT_MESSAGE_ID_SUFFIX, re as DEFAULT_PLACEHOLDER, ce as DEFAULT_PLACEHOLDER_ID_SUFFIX, de as DEFAULT_REMOVE, ge as DEFAULT_ROWS, pe as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, Y as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Ee as DEFAULT_VIEWPORT, xe as DENSITIES, be as DENSITY, ve as DENSITY_CONST, De as DESKTOP_VIEWPORT, tn as DividerMarginList, nn as DividerVariantList, tt as DocumentClickListener, nt as DocumentScrollListener, un as DrawerBackdropList, dn as DrawerDirectionList, pn as DrawerPositionList, fn as DrawerVariantList, zi as EmphasisList, Vi as FieldSizingList, Mi as GapSpacingList, Mn as IconWeightList, Nn as InputTypeList, Ui as LabelVariantHorizontalList, Hi as LabelVariantList, Rn as LinkContentList, Ki as LinkReferrerPolicyList, Ln as LinkSizeList, Gi as LinkTargetList, In as LinkVariantList, Oi as MarginList, Fi as MaxWidthList, hn as NavigationItemSafeTriangle, $n as NotificationAriaLiveList, Qn as NotificationLinkVariantList, Zn as NotificationVariantList, Ni as OrientationList, rr as PageDocumentOverflowList, nr as PageVariantList, ki as PlacementHorizontalList, ji as PlacementList, Ai as PlacementVerticalList, Ii as PopoverDelayList, Li as PopoverWidthList, we as SEMANTIC, Te as SEMANTICS, Qt as SelectedTypeList, Ei as SemanticList, Ri as SizeList, Di as SpacingList, Er as StackAlignmentList, Tr as StackDirectionList, Dr as StackJustifyContentList, wr as StackVariantList, Oe as TESTING_VIEWPORTS, hi as TabsBehaviorList, gi as TabsInitialSelectedModeList, _i as TagBehaviorList, Ci as TextareaResizeList, wi as TextareaWrapList, Ti as TooltipVariantList, Bi as ValidationList, Pi as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, ot as getFloatingProps, F as getHideProp, N as getInputValue, B as getNotificationRole, j as getNumber, R as getOptionKey, L as getSearchInput, M as getStep, it as handleDataOutside, at as handleFixedDropdown, ut as handleFixedPopover, E as hasVoiceOver, w as isArrayOfStrings, mn as isEventTargetNavigationItem, D as isIOSSafari, z as isKeyboardEvent, I as stringPropVisible, x as uuid };