@db-ux/v-core-components 5.0.4 → 5.1.1

package/dist/db-ux.es.js

@@ -654,6 +654,7 @@ var x = () => {
 		invalidMessage: { default: void 0 },
 		messageIcon: { default: void 0 },
 		autocomplete: {},
+		autoComplete: {},
 		showMessage: {
 			type: [Boolean, String],
 			default: void 0
@@ -1337,6 +1338,7 @@ var x = () => {
 		invalidMessage: { default: void 0 },
 		messageIcon: { default: void 0 },
 		autocomplete: { default: void 0 },
+		autoComplete: { default: void 0 },
 		showMessage: {
 			type: [Boolean, String],
 			default: void 0
@@ -1464,7 +1466,7 @@ var x = () => {
 				form: s.form,
 				pattern: s.pattern,
 				size: s.size,
-				autoComplete: s.autocomplete,
+				autoComplete: s.autoComplete ?? s.autocomplete,
 				autoFocus: _(A)(s.autofocus, "autofocus"),
 				enterKeyHint: s.enterkeyhint,
 				inputMode: s.inputmode,
@@ -1795,6 +1797,7 @@ var x = () => {
 	"id",
 	"form",
 	"name",
+	"autocomplete",
 	"data-custom-validity",
 	"multiple",
 	"disabled",
@@ -1843,7 +1846,8 @@ var x = () => {
 		validMessage: { default: void 0 },
 		invalidMessage: { default: void 0 },
 		messageIcon: { default: void 0 },
-		autocomplete: {},
+		autocomplete: { default: void 0 },
+		autoComplete: { default: void 0 },
 		showMessage: {
 			type: [Boolean, String],
 			default: void 0
@@ -2285,6 +2289,7 @@ var x = () => {
 				ref: Q,
 				form: s.form,
 				name: s.name,
+				autocomplete: s.autoComplete ?? s.autocomplete,
 				"data-custom-validity": H.value,
 				multiple: _(A)(s.multiple, "multiple"),
 				disabled: _(A)(s.disabled, "disabled"),
@@ -2533,18 +2538,45 @@ var x = () => {
 			class: c(_(C)("db-divider", t.class))
 		}, null, 10, ln));
 	}
-}), dn = ["none", "_"], fn = ["horizontal", "vertical"], pn = [
+}), dn = ["none", "_"], fn = ["horizontal", "vertical"], pn = 0, mn = (() => {
+	let e;
+	return () => {
+		if (e === void 0) {
+			if (typeof document > "u" || !document.body) return !1;
+			let t = document.createElement("div");
+			t.style.transition = "display 1s allow-discrete", document.body.append(t);
+			let n = getComputedStyle(t);
+			n.display, t.style.display = "none";
+			let r = n.display !== "none", i = CSS.supports("overlay", "auto");
+			e = r && i, t.remove();
+		}
+		return e;
+	};
+})(), hn = (e, t, n) => {
+	if (t) {
+		delete e.dataset.closingAllowDiscretePonyfill;
+		return;
+	}
+	if (mn()) {
+		n();
+		return;
+	}
+	let r = getComputedStyle(e).getPropertyValue("--db-transition-duration").trim(), i = r.includes("ms") ? parseFloat(r) : parseFloat(r || "0") * 1e3, a = String(++pn);
+	e.dataset.closingAllowDiscretePonyfill = a, O(() => {
+		e.dataset.closingAllowDiscretePonyfill === a && (delete e.dataset.closingAllowDiscretePonyfill, n());
+	}, i);
+}, gn = [
 	"id",
 	"data-position",
 	"data-backdrop",
 	"data-direction",
 	"data-variant"
-], mn = [
+], _n = [
 	"data-container-size",
 	"data-show-spacing",
 	"data-direction",
 	"data-rounded"
-], hn = { class: "db-drawer-content" }, gn = /* @__PURE__ */ s({
+], vn = { class: "db-drawer-content" }, yn = /* @__PURE__ */ s({
 	name: "DBDrawer",
 	__name: "drawer",
 	props: {
@@ -2580,11 +2612,11 @@ var x = () => {
 		close: {}
 	},
 	setup(e) {
-		let t = e, n = p(!1), a = p(!1), o = p(null), s = p(null);
+		let t = e, n = p(!1), a = p(!1), o = p(null);
 		u(() => {
-			g(), n.value = !0;
+			m(), n.value = !0;
 		}), y(() => [t.open], () => {
-			g();
+			m();
 		}, {
 			immediate: !0,
 			flush: "post"
@@ -2601,35 +2633,23 @@ var x = () => {
 			immediate: !0,
 			flush: "post"
 		});
-		function l() {
+		function s() {
 			return t.position === "absolute" || t.backdrop === "none" || t.variant === "inside";
 		}
-		function d(e) {
+		function l(e) {
 			a.value = e?.target?.nodeName === "DIALOG";
 		}
-		function m(e) {
+		function d(e) {
 			if (e) if (B(e)) e.key === "Escape" && (e.preventDefault(), t.onClose && t.onClose(e));
 			else {
 				let n = e.target?.nodeName === "DIALOG" && e.type === "click" && t.backdrop !== "none" && a.value, r = !!e.target?.closest?.("[data-action=\"close\"]");
 				(n || r) && (r && e.stopPropagation(), t.onClose && t.onClose(e)), a.value = !1;
 			}
 		}
-		function g() {
+		function m() {
 			if (o.value) {
 				let e = A(t.open, "open");
-				if (e && !o.value.open && (s.value && s.value.removeAttribute("data-transition"), l() ? o.value.show() : o.value.showModal(), O(() => {
-					s.value && (s.value.dataset.transition = "open");
-				}, 1)), !e && o.value.open) {
-					s.value && (s.value.dataset.transition = "close");
-					let e = 401;
-					if (s.value) {
-						let t = getComputedStyle(s.value).getPropertyValue("--db-drawer-close-delay").trim(), n = parseFloat(t);
-						n > 0 && (e = n * 1e3 + 1);
-					}
-					O(() => {
-						o.value?.close();
-					}, e);
-				}
+				e && !o.value.open && (s() ? o.value.show() : o.value.showModal()), o.value.open && hn(o.value, !!e, () => o.value?.close());
 			}
 		}
 		return (n, a) => (f(), r("dialog", {
@@ -2637,16 +2657,14 @@ var x = () => {
 			id: e.id ?? e.propOverrides?.id,
 			ref_key: "_ref",
 			ref: o,
-			onClick: a[0] ||= async (e) => m(e),
-			onMousedown: a[1] ||= async (e) => d(e),
-			onKeydown: a[2] ||= async (e) => m(e),
+			onClick: a[0] ||= async (e) => d(e),
+			onMousedown: a[1] ||= async (e) => l(e),
+			onKeydown: a[2] ||= 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: s,
 			class: c(_(C)("db-drawer-container", t.class)),
 			"data-container-size": e.containerSize,
 			"data-show-spacing": _(k)(e.showSpacing ?? !0, "showSpacing"),
@@ -2654,11 +2672,11 @@ var x = () => {
 			"data-rounded": _(k)(e.rounded, "rounded")
 		}, [
 			h(n.$slots, "header"),
-			i("div", hn, [h(n.$slots, "default")]),
+			i("div", vn, [h(n.$slots, "default")]),
 			h(n.$slots, "footer")
-		], 10, mn)], 40, pn));
+		], 10, _n)], 40, gn));
 	}
-}), _n = ["id"], vn = /* @__PURE__ */ s({
+}), bn = ["id"], xn = /* @__PURE__ */ s({
 	name: "DBDrawerFooter",
 	__name: "drawer-footer",
 	props: {
@@ -2676,9 +2694,9 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-drawer-footer", t.class))
-		}, [h(i.$slots, "default")], 10, _n));
+		}, [h(i.$slots, "default")], 10, bn));
 	}
-}), yn = ["id"], bn = ["id"], xn = { key: 0 }, Sn = /* @__PURE__ */ s({
+}), Sn = ["id"], Cn = ["id"], wn = { key: 0 }, Tn = /* @__PURE__ */ s({
 	name: "DBDrawerHeader",
 	__name: "drawer-header",
 	props: {
@@ -2722,7 +2740,7 @@ var x = () => {
 			i("header", {
 				class: "db-drawer-header-container",
 				id: s.value
-			}, [h(t.$slots, "start-slot"), e.text ? (f(), r("h2", xn, g(e.text), 1)) : h(t.$slots, "default", {}, void 0, void 0, 1)], 8, bn),
+			}, [h(t.$slots, "start-slot"), e.text ? (f(), r("h2", wn, g(e.text), 1)) : h(t.$slots, "default", {}, void 0, void 0, 1)], 8, Cn),
 			h(t.$slots, "end-slot"),
 			o(Ve, {
 				"data-action": "close",
@@ -2738,27 +2756,27 @@ var x = () => {
 				})]),
 				_: 1
 			}, 8, ["id"])
-		], 10, yn));
+		], 10, Sn));
 	}
-}), Cn = [
+}), En = [
 	"none",
 	"strong",
 	"weak",
 	"invisible"
-], wn = [
+], Dn = [
 	"to-left",
 	"to-right",
 	"up",
 	"down"
-], Tn = ["modal", "inside"], En = ["fixed", "absolute"], Dn = [
+], On = ["modal", "inside"], kn = ["fixed", "absolute"], An = [
 	"small",
 	"medium",
 	"large",
 	"full"
-], On = (e) => {
+], jn = (e) => {
 	let { target: t } = e;
 	return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
-}, kn = class {
+}, Mn = class {
 	element;
 	subNavigation;
 	parentSubNavigation = null;
@@ -2826,11 +2844,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));
 	}
-}, An = [
+}, Nn = [
 	"id",
 	"data-width",
 	"data-on-forcing-mobile"
-], jn = { class: "db-header-meta-navigation" }, Mn = { class: "db-header-navigation-bar" }, Nn = { class: "db-header-brand-container" }, Pn = { class: "db-header-navigation-container" }, Fn = { class: "db-header-navigation" }, In = { class: "db-header-primary-action" }, Ln = { class: "db-header-action-container" }, Rn = { class: "db-header-burger-menu-container" }, zn = { class: "db-header-secondary-action" }, Bn = { class: "db-header-drawer-navigation" }, Vn = { class: "db-header-meta-navigation" }, Hn = { class: "db-header-secondary-action" }, Un = /* @__PURE__ */ s({
+], Pn = { class: "db-header-meta-navigation" }, Fn = { class: "db-header-navigation-bar" }, In = { class: "db-header-brand-container" }, Ln = { class: "db-header-navigation-container" }, Rn = { class: "db-header-navigation" }, zn = { class: "db-header-primary-action" }, Bn = { class: "db-header-action-container" }, Vn = { class: "db-header-burger-menu-container" }, Hn = { class: "db-header-secondary-action" }, Un = { class: "db-header-drawer-navigation" }, Wn = { class: "db-header-meta-navigation" }, Gn = { class: "db-header-secondary-action" }, Kn = /* @__PURE__ */ s({
 	name: "DBHeader",
 	__name: "header",
 	props: {
@@ -2882,7 +2900,7 @@ var x = () => {
 			t.onToggle && t.onToggle(n);
 		}
 		function m(e) {
-			On(e) && d();
+			jn(e) && d();
 		}
 		return (n, u) => (f(), r("header", {
 			ref_key: "_ref",
@@ -2892,11 +2910,11 @@ var x = () => {
 			"data-width": e.width,
 			"data-on-forcing-mobile": e.forceMobile && !s.value
 		}, [
-			i("div", jn, [h(n.$slots, "meta-navigation")]),
-			i("div", Mn, [
-				i("div", Nn, [h(n.$slots, "brand")]),
-				i("div", Pn, [i("div", Fn, [h(n.$slots, "default")]), i("div", In, [h(n.$slots, "primary-action")])]),
-				i("div", Ln, [i("div", Rn, [o(Ve, {
+			i("div", Pn, [h(n.$slots, "meta-navigation")]),
+			i("div", Fn, [
+				i("div", In, [h(n.$slots, "brand")]),
+				i("div", Ln, [i("div", Rn, [h(n.$slots, "default")]), i("div", zn, [h(n.$slots, "primary-action")])]),
+				i("div", Bn, [i("div", Vn, [o(Ve, {
 					icon: "menu",
 					variant: "ghost",
 					noText: !0,
@@ -2904,14 +2922,14 @@ var x = () => {
 				}, {
 					default: b(() => [a(g(e.burgerMenuLabel ?? _("Open navigation menu")), 1)]),
 					_: 1
-				}, 8, ["onClick"])]), i("div", zn, [h(n.$slots, "secondary-action")])])
+				}, 8, ["onClick"])]), i("div", Hn, [h(n.$slots, "secondary-action")])])
 			]),
-			o(gn, {
+			o(yn, {
 				rounded: !0,
 				open: _(A)(e.drawerOpen),
 				onClose: (e) => d()
 			}, {
-				header: b(() => [o(Sn, {
+				header: b(() => [o(Tn, {
 					closeButtonId: e.closeButtonId,
 					closeButtonText: e.closeButtonText,
 					text: e.drawerHeaderText
@@ -2920,24 +2938,24 @@ var x = () => {
 					"closeButtonText",
 					"text"
 				])]),
-				footer: b(() => [o(vn, null, {
-					default: b(() => [i("div", Hn, [h(n.$slots, "secondary-action")])]),
+				footer: b(() => [o(xn, null, {
+					default: b(() => [i("div", Gn, [h(n.$slots, "secondary-action")])]),
 					_: 3
 				})]),
-				default: b(() => [i("div", Bn, [i("div", {
+				default: b(() => [i("div", Un, [i("div", {
 					class: "db-header-navigation",
 					onClick: u[0] ||= async (e) => m(e)
-				}, [h(n.$slots, "default")]), i("div", Vn, [h(n.$slots, "meta-navigation")])])]),
+				}, [h(n.$slots, "default")]), i("div", Wn, [h(n.$slots, "meta-navigation")])])]),
 				_: 3
 			}, 8, ["open", "onClose"])
-		], 10, An));
+		], 10, Nn));
 	}
-}), Wn = [
+}), qn = [
 	"id",
 	"data-icon",
 	"data-icon-weight",
 	"data-icon-variant"
-], Gn = /* @__PURE__ */ s({
+], Jn = /* @__PURE__ */ s({
 	name: "DBIcon",
 	__name: "icon",
 	props: {
@@ -2963,16 +2981,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, Wn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, qn));
 	}
-}), Kn = [
+}), Yn = [
 	"16",
 	"20",
 	"24",
 	"32",
 	"48",
 	"64"
-], qn = [
+], Xn = [
 	"color",
 	"date",
 	"datetime-local",
@@ -2989,7 +3007,7 @@ var x = () => {
 	"time",
 	"url",
 	"week"
-], Jn = [
+], Zn = [
 	"id",
 	"href",
 	"target",
@@ -3004,7 +3022,7 @@ var x = () => {
 	"data-variant",
 	"data-content",
 	"data-wrap"
-], Yn = /* @__PURE__ */ s({
+], Qn = /* @__PURE__ */ s({
 	name: "DBLink",
 	__name: "link",
 	props: {
@@ -3067,13 +3085,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, Jn));
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : n("", !0), h(l.$slots, "default")], 10, Zn));
 	}
-}), Xn = [
+}), $n = [
 	"adaptive",
 	"brand",
 	"inline"
-], Zn = ["medium", "small"], Qn = ["external", "internal"], $n = ["id"], er = /* @__PURE__ */ s({
+], er = ["medium", "small"], tr = ["external", "internal"], nr = ["id"], rr = /* @__PURE__ */ s({
 	name: "DBNavigation",
 	__name: "navigation",
 	props: {
@@ -3091,9 +3109,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, $n));
+		}, [i("menu", null, [h(a.$slots, "default")])], 10, nr));
 	}
-}), tr = [
+}), ir = [
 	"id",
 	"data-width",
 	"data-icon",
@@ -3101,20 +3119,20 @@ var x = () => {
 	"data-active",
 	"data-wrap",
 	"aria-disabled"
-], nr = [
+], ar = [
 	"id",
 	"aria-haspopup",
 	"aria-expanded",
 	"aria-controls",
 	"disabled"
-], rr = [
+], or = [
 	"id",
 	"aria-labelledby",
 	"data-force-close"
-], ir = {
+], sr = {
 	key: 0,
 	class: "db-mobile-navigation-back"
-}, ar = /* @__PURE__ */ s({
+}, cr = /* @__PURE__ */ s({
 	name: "DBNavigationItem",
 	__name: "navigation-item",
 	props: {
@@ -3174,7 +3192,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 kn(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,
@@ -3213,13 +3231,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", {}, void 0, void 0, 1)], 8, nr), i("menu", {
+		}, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 8, ar), 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", ir, [o(Ve, {
+		}, [m.value ? (f(), r("div", sr, [o(Ve, {
 			icon: "arrow_left",
 			variant: "ghost",
 			id: t.backButtonId,
@@ -3227,9 +3245,9 @@ var x = () => {
 		}, {
 			default: b(() => [a(g(t.backButtonText ?? _("Back")), 1)]),
 			_: 1
-		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, rr)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 64))], 42, tr));
+		}, 8, ["id", "onClick"])])) : n("", !0), h(s.$slots, "sub-navigation")], 8, or)], 64)) : (f(), r(e, { key: 1 }, [t.text ? (f(), r(e, { key: 0 }, [a(g(t.text), 1)], 64)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 64))], 42, ir));
 	}
-}), or = [
+}), lr = [
 	"id",
 	"role",
 	"aria-live",
@@ -3238,10 +3256,10 @@ var x = () => {
 	"data-icon",
 	"data-show-icon",
 	"data-link-variant"
-], sr = {
+], ur = {
 	key: 0,
 	"data-area": "head"
-}, cr = { "data-area": "content" }, lr = ["dateTime"], ur = /* @__PURE__ */ s({
+}, dr = { "data-area": "content" }, fr = ["dateTime"], pr = /* @__PURE__ */ s({
 	name: "DBNotification",
 	__name: "notification",
 	props: {
@@ -3310,13 +3328,13 @@ var x = () => {
 			"data-link-variant": o.linkVariant
 		}, [
 			h(d.$slots, "image"),
-			_(I)(o.headline, o.showHeadline) ? (f(), r("header", sr, g(o.headline), 1)) : n("", !0),
-			i("div", cr, [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", ur, g(o.headline), 1)) : n("", !0),
+			i("div", dr, [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, lr)) : n("", !0),
+			}, g(o.timestamp), 9, fr)) : n("", !0),
 			h(d.$slots, "link"),
 			_(A)(o.closeable, "closeable") ? (f(), t(Ve, {
 				key: 2,
@@ -3330,22 +3348,22 @@ var x = () => {
 				default: b(() => [a(g(o.closeButtonText ?? _("Close")), 1)]),
 				_: 1
 			}, 8, ["id", "onClick"])) : n("", !0)
-		], 10, or));
+		], 10, lr));
 	}
-}), dr = [
+}), mr = [
 	"docked",
 	"standalone",
 	"overlay"
-], fr = ["block", "inline"], pr = [
+], hr = ["block", "inline"], gr = [
 	"assertive",
 	"polite",
 	"off"
-], mr = [
+], _r = [
 	"id",
 	"data-variant",
 	"data-fade-in",
 	"data-fonts-loaded"
-], hr = /* @__PURE__ */ s({
+], vr = /* @__PURE__ */ s({
 	name: "DBPage",
 	__name: "page",
 	props: {
@@ -3385,9 +3403,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, mr));
+		], 10, _r));
 	}
-}), gr = ["auto", "fixed"], _r = ["hidden", "auto"], vr = ["id"], yr = [
+}), yr = ["auto", "fixed"], br = ["hidden", "auto"], xr = ["id"], Sr = [
 	"data-spacing",
 	"data-gap",
 	"data-animation",
@@ -3395,7 +3413,7 @@ var x = () => {
 	"data-delay",
 	"data-width",
 	"data-placement"
-], br = /* @__PURE__ */ s({
+], Cr = /* @__PURE__ */ s({
 	name: "DBPopover",
 	__name: "popover",
 	props: {
@@ -3499,14 +3517,14 @@ var x = () => {
 			"data-delay": e.delay,
 			"data-width": e.width,
 			"data-placement": e.placement
-		}, [h(n.$slots, "default")], 8, yr)], 10, vr));
+		}, [h(n.$slots, "default")], 8, Sr)], 10, xr));
 	}
-}), xr = [
+}), wr = [
 	"data-size",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"for"
-], Sr = [
+], Tr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"id",
@@ -3515,7 +3533,7 @@ var x = () => {
 	"disabled",
 	"value",
 	"required"
-], Cr = /* @__PURE__ */ s({
+], Er = /* @__PURE__ */ s({
 	name: "DBRadio",
 	__name: "radio",
 	props: {
@@ -3656,16 +3674,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, Tr),
 			t.label ? (f(), r(e, { key: 0 }, [a(g(t.label), 1)], 64)) : n("", !0),
 			h(o.$slots, "default")
-		], 10, xr));
+		], 10, wr));
 	}
-}), wr = [
+}), Dr = [
 	"id",
 	"data-spacing",
 	"data-width"
-], Tr = /* @__PURE__ */ s({
+], Or = /* @__PURE__ */ s({
 	name: "DBSection",
 	__name: "section",
 	props: {
@@ -3687,15 +3705,15 @@ var x = () => {
 			class: c(_(C)("db-section", t.class)),
 			"data-spacing": e.spacing || "medium",
 			"data-width": e.width
-		}, [h(i.$slots, "default")], 10, wr));
+		}, [h(i.$slots, "default")], 10, Dr));
 	}
-}), Er = [
+}), kr = [
 	"data-variant",
 	"data-hide-label",
 	"data-hide-asterisk",
 	"data-icon",
 	"data-show-icon"
-], Dr = ["for"], Or = [
+], Ar = ["for"], jr = [
 	"aria-invalid",
 	"data-custom-validity",
 	"required",
@@ -3707,18 +3725,18 @@ var x = () => {
 	"autocomplete",
 	"multiple",
 	"aria-describedby"
-], kr = ["data-show-empty-option"], Ar = ["label"], jr = [
+], Mr = ["data-show-empty-option"], Nr = ["label"], Pr = [
 	"value",
 	"selected",
 	"disabled"
-], Mr = [
+], Fr = [
 	"value",
 	"disabled",
 	"selected"
-], Nr = ["id"], Pr = {
+], Ir = ["id"], Lr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Fr = /* @__PURE__ */ s({
+}, Rr = /* @__PURE__ */ s({
 	name: "DBSelect",
 	__name: "select",
 	props: {
@@ -3786,6 +3804,7 @@ var x = () => {
 		invalidMessage: { default: void 0 },
 		messageIcon: { default: void 0 },
 		autocomplete: { default: void 0 },
+		autoComplete: { default: void 0 },
 		showMessage: {
 			type: [Boolean, String],
 			default: void 0
@@ -3888,7 +3907,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, Dr),
+			i("label", { for: T.value }, g(s.label ?? _("LABEL SHOULD BE SET")), 9, Ar),
 			i("select", {
 				"aria-invalid": s.validation === "invalid",
 				"data-custom-validity": s.validation,
@@ -3900,7 +3919,7 @@ var x = () => {
 				name: s.name,
 				size: s.size,
 				value: s.value ?? R.value ?? "",
-				autocomplete: s.autocomplete,
+				autocomplete: s.autoComplete ?? s.autocomplete,
 				multiple: s.multiple,
 				onInput: u[0] ||= async (e) => W(e),
 				onClick: u[1] ||= async (e) => te(e),
@@ -3913,7 +3932,7 @@ var x = () => {
 				class: "placeholder",
 				value: "",
 				"data-show-empty-option": _(k)(K(), "showEmptyOption")
-			}, null, 8, kr)) : 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, 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)
 			}, [(f(!0), r(e, null, m(t.options, (e, t) => (f(), r("option", {
@@ -3921,17 +3940,17 @@ var x = () => {
 				value: e.value,
 				selected: e.selected,
 				disabled: e.disabled
-			}, g(ie(e)), 9, jr))), 128))], 8, Ar)) : (f(), r("option", {
+			}, g(ie(e)), 9, Pr))), 128))], 8, Nr)) : (f(), r("option", {
 				key: 1,
 				value: t.value,
 				disabled: t.disabled,
 				selected: t.selected
-			}, g(ie(t)), 9, Mr))], 64))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 2)], 40, Or),
+			}, g(ie(t)), 9, Fr))], 64))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 2)], 40, jr),
 			s.placeholder ? (f(), r("span", {
 				key: 0,
 				class: "db-select-placeholder",
 				id: P.value
-			}, g(s.placeholder), 9, Nr)) : n("", !0),
+			}, g(s.placeholder), 9, Ir)) : n("", !0),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 1,
 				size: "small",
@@ -3958,10 +3977,10 @@ var x = () => {
 				default: b(() => [a(g(N.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Pr, g(B.value), 1)
-		], 10, Er));
+			i("span", Lr, g(B.value), 1)
+		], 10, kr));
 	}
-}), Ir = [
+}), zr = [
 	"id",
 	"data-gap",
 	"data-variant",
@@ -3969,7 +3988,7 @@ var x = () => {
 	"data-alignment",
 	"data-justify-content",
 	"data-wrap"
-], Lr = /* @__PURE__ */ s({
+], Br = /* @__PURE__ */ s({
 	name: "DBStack",
 	__name: "stack",
 	props: {
@@ -4002,26 +4021,26 @@ var x = () => {
 			"data-alignment": e.alignment,
 			"data-justify-content": e.justifyContent,
 			"data-wrap": _(k)(e.wrap, "wrap")
-		}, [h(i.$slots, "default")], 10, Ir));
+		}, [h(i.$slots, "default")], 10, zr));
 	}
-}), Rr = ["simple", "divider"], zr = ["row", "column"], Br = [
+}), Vr = ["simple", "divider"], Hr = ["row", "column"], Ur = [
 	"stretch",
 	"start",
 	"end",
 	"center"
-], Vr = [
+], Wr = [
 	"space-between",
 	"start",
 	"center",
 	"end"
-], Hr = [
+], Gr = [
 	"data-visual-aid",
 	"data-size",
 	"data-hide-label",
 	"data-variant",
 	"data-hide-asterisk",
 	"data-custom-validity"
-], Ur = ["for"], Wr = [
+], Kr = ["for"], qr = [
 	"id",
 	"checked",
 	"value",
@@ -4032,10 +4051,10 @@ var x = () => {
 	"required",
 	"data-aid-icon",
 	"data-aid-icon-trailing"
-], Gr = {
+], Jr = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Kr = /* @__PURE__ */ s({
+}, Yr = /* @__PURE__ */ s({
 	name: "DBSwitch",
 	__name: "switch",
 	props: {
@@ -4092,6 +4111,7 @@ var x = () => {
 		invalidMessage: { default: void 0 },
 		messageIcon: { default: void 0 },
 		autocomplete: {},
+		autoComplete: {},
 		showMessage: {
 			type: [Boolean, String],
 			default: void 0
@@ -4217,10 +4237,10 @@ var x = () => {
 					onBlur: u[1] ||= async (e) => H(e),
 					onFocus: u[2] ||= async (e) => ee(e),
 					onKeydown: u[3] ||= async (e) => U(e)
-				}, null, 40, Wr),
+				}, null, 40, qr),
 				s.label ? (f(), r(e, { key: 0 }, [a(g(s.label), 1)], 64)) : n("", !0),
 				h(l.$slots, "default")
-			], 8, Ur),
+			], 8, Kr),
 			_(I)(s.message, s.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -4248,20 +4268,20 @@ var x = () => {
 				default: b(() => [a(g(M.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Gr, g(P.value), 1)
-		], 10, Hr));
+			i("span", Jr, g(P.value), 1)
+		], 10, Gr));
 	}
-}), qr = [
+}), Xr = [
 	"disabled",
 	"aria-selected",
 	"focusgroupstart",
 	"data-value"
-], Jr = [
+], Zr = [
 	"data-icon",
 	"data-show-icon",
 	"data-icon-trailing",
 	"data-show-icon-trailing"
-], Yr = { class: "db-tab-item-label-end-slot" }, Xr = /* @__PURE__ */ s({
+], Qr = { class: "db-tab-item-label-end-slot" }, $r = /* @__PURE__ */ s({
 	name: "DBTabItem",
 	__name: "tab-item",
 	props: {
@@ -4390,19 +4410,19 @@ var x = () => {
 			class: "db-tab-item-label-text",
 			ref_key: "_labelRef",
 			ref: D
-		}, [o.label ? (f(), r(e, { key: 0 }, [a(g(o.label), 1)], 64)) : n("", !0), h(l.$slots, "default")], 512), i("span", Yr, [h(l.$slots, "end-slot")])], 8, Jr), m.value && v.value ? (f(), t(Rt, {
+		}, [o.label ? (f(), r(e, { key: 0 }, [a(g(o.label), 1)], 64)) : n("", !0), h(l.$slots, "default")], 512), i("span", Qr, [h(l.$slots, "end-slot")])], 8, Zr), m.value && v.value ? (f(), t(Rt, {
 			key: 0,
 			placement: "top"
 		}, {
 			default: b(() => [a(g(v.value), 1)]),
 			_: 1
-		})) : n("", !0)], 10, qr));
+		})) : n("", !0)], 10, Xr));
 	}
-}), Zr = [
+}), ei = [
 	"id",
 	"aria-orientation",
 	"focusgroup"
-], Qr = /* @__PURE__ */ s({
+], ti = /* @__PURE__ */ s({
 	name: "DBTabList",
 	__name: "tab-list",
 	props: {
@@ -4426,9 +4446,9 @@ var x = () => {
 			class: c(_(C)("db-tab-list", n.class)),
 			"aria-orientation": e.orientation ?? "horizontal",
 			focusgroup: e.orientation === "vertical" ? "tablist block wrap" : "tablist"
-		}, [h(t.$slots, "default")], 10, Zr));
+		}, [h(t.$slots, "default")], 10, ei));
 	}
-}), $r = ["hidden"], ei = /* @__PURE__ */ s({
+}), ni = ["hidden"], ri = /* @__PURE__ */ s({
 	name: "DBTabPanel",
 	__name: "tab-panel",
 	props: {
@@ -4448,16 +4468,16 @@ var x = () => {
 			class: c(_(C)("db-tab-panel", i.class)),
 			hidden: t.hidden,
 			tabIndex: 0
-		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, $r));
+		}, [t.content ? (f(), r(e, { key: 0 }, [a(g(t.content), 1)], 64)) : n("", !0), h(s.$slots, "default")], 10, ni));
 	}
-}), ti = [
+}), ii = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
 	"colSpan",
 	"rowSpan",
 	"headers"
-], ni = /* @__PURE__ */ s({
+], ai = /* @__PURE__ */ s({
 	name: "DBTableDataCell",
 	__name: "table-data-cell",
 	props: {
@@ -4487,9 +4507,9 @@ var x = () => {
 			colSpan: _(j)(e.colSpan, e.colspan),
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers
-		}, [h(i.$slots, "default")], 10, ti));
+		}, [h(i.$slots, "default")], 10, ii));
 	}
-}), ri = [
+}), oi = [
 	"id",
 	"data-horizontal-alignment",
 	"data-vertical-alignment",
@@ -4499,7 +4519,7 @@ var x = () => {
 	"rowSpan",
 	"headers",
 	"abbr"
-], ii = /* @__PURE__ */ s({
+], si = /* @__PURE__ */ s({
 	name: "DBTableHeaderCell",
 	__name: "table-header-cell",
 	props: {
@@ -4538,13 +4558,13 @@ var x = () => {
 			rowSpan: _(j)(e.rowSpan, e.rowspan),
 			headers: e.headers,
 			abbr: e.abbr
-		}, [h(i.$slots, "default")], 10, ri));
+		}, [h(i.$slots, "default")], 10, oi));
 	}
-}), ai = [
+}), ci = [
 	"id",
 	"data-interactive",
 	"data-sub-header-emphasis"
-], oi = /* @__PURE__ */ s({
+], li = /* @__PURE__ */ s({
 	name: "DBTableRow",
 	__name: "table-row",
 	props: {
@@ -4573,7 +4593,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(ii, {
+		}, [n.cells ? (f(!0), r(e, { key: 0 }, m(n.cells, (o, s) => (f(), r(e, { key: s }, [o.headerCell ? (f(), t(si, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-header-cell-${s}`,
 			id: o.id,
 			abbr: l(o)?.abbr,
@@ -4588,7 +4608,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Yn, {
+			default: b(() => [o.link ? (f(), t(Qn, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4641,7 +4661,7 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		])) : (f(), t(ni, {
+		])) : (f(), t(ai, {
 			key: `${o.id ?? n.id ?? _(i)}-table-row-data-cell-${s}`,
 			id: o.id,
 			className: o.className ?? o.class,
@@ -4653,7 +4673,7 @@ var x = () => {
 			rowSpan: o.rowSpan,
 			rowspan: o.rowspan
 		}, {
-			default: b(() => [o.link ? (f(), t(Yn, {
+			default: b(() => [o.link ? (f(), t(Qn, {
 				key: 0,
 				content: o.link?.content,
 				size: o.link?.size,
@@ -4703,9 +4723,9 @@ var x = () => {
 			"colspan",
 			"rowSpan",
 			"rowspan"
-		]))], 64))), 128)) : h(u.$slots, "default", {}, void 0, void 0, 1)], 10, ai));
+		]))], 64))), 128)) : h(u.$slots, "default", {}, void 0, void 0, 1)], 10, ci));
 	}
-}), si = ["id"], ci = /* @__PURE__ */ s({
+}), ui = ["id"], di = /* @__PURE__ */ s({
 	name: "DBTableBody",
 	__name: "table-body",
 	props: {
@@ -4724,7 +4744,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-body", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(oi, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(li, {
 			key: `${e.id ?? n.id ?? _(i)}-table-body-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4735,9 +4755,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, si));
+		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, ui));
 	}
-}), li = ["id"], ui = /* @__PURE__ */ s({
+}), fi = ["id"], pi = /* @__PURE__ */ s({
 	name: "DBTableFooter",
 	__name: "table-footer",
 	props: {
@@ -4756,7 +4776,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-footer", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(oi, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(li, {
 			key: `${e.id ?? n.id ?? _(i)}-table-footer-row-${r}`,
 			cells: e.cells,
 			className: e.className ?? e.class,
@@ -4767,9 +4787,9 @@ var x = () => {
 			"className",
 			"interactive",
 			"id"
-		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, li));
+		]))), 128)) : h(s.$slots, "default", {}, void 0, void 0, 1)], 10, fi));
 	}
-}), di = ["id"], fi = /* @__PURE__ */ s({
+}), mi = ["id"], hi = /* @__PURE__ */ s({
 	name: "DBTableHead",
 	__name: "table-head",
 	props: {
@@ -4794,7 +4814,7 @@ var x = () => {
 			ref: o,
 			id: n.id ?? n.propOverrides?.id,
 			class: c(_(C)("db-table-head", a.class))
-		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(oi, {
+		}, [n.rows ? (f(!0), r(e, { key: 0 }, m(n.rows, (e, r) => (f(), t(li, {
 			key: `${e.id ?? n.id ?? _(i)}-table-head-row-${r}`,
 			cells: s(e.cells),
 			className: e.className ?? e.class,
@@ -4807,9 +4827,9 @@ var x = () => {
 			"subHeaderEmphasis",
 			"interactive",
 			"id"
-		]))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 1)], 10, di));
+		]))), 128)) : h(l.$slots, "default", {}, void 0, void 0, 1)], 10, mi));
 	}
-}), pi = [
+}), gi = [
 	"data-width",
 	"data-size",
 	"data-divider",
@@ -4817,7 +4837,7 @@ var x = () => {
 	"data-mobile-variant",
 	"data-show-caption",
 	"data-sticky-header"
-], mi = ["id"], hi = { key: 0 }, gi = /* @__PURE__ */ s({
+], _i = ["id"], vi = { key: 0 }, yi = /* @__PURE__ */ s({
 	name: "DBTable",
 	__name: "table",
 	props: {
@@ -4904,22 +4924,22 @@ var x = () => {
 			ref_key: "_ref",
 			ref: d,
 			id: a.id ?? a.propOverrides?.id
-		}, [a.captionPlain ? (f(), r("caption", hi, g(a.captionPlain), 1)) : h(p.$slots, "caption", {}, void 0, void 0, 1), s.value ? (f(), r(e, { key: 2 }, [
-			s.value?.header ? (f(), t(fi, {
+		}, [a.captionPlain ? (f(), r("caption", vi, g(a.captionPlain), 1)) : h(p.$slots, "caption", {}, void 0, void 0, 1), s.value ? (f(), r(e, { key: 2 }, [
+			s.value?.header ? (f(), t(hi, {
 				key: 0,
 				rows: s.value?.header
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.body ? (f(), t(ci, {
+			s.value?.body ? (f(), t(di, {
 				key: 1,
 				rows: s.value?.body
 			}, null, 8, ["rows"])) : n("", !0),
-			s.value?.footer ? (f(), t(ui, {
+			s.value?.footer ? (f(), t(pi, {
 				key: 2,
 				rows: s.value?.footer
 			}, null, 8, ["rows"])) : n("", !0)
-		], 64)) : h(p.$slots, "default", {}, void 0, void 0, 3)], 8, mi)], 14, pi));
+		], 64)) : h(p.$slots, "default", {}, void 0, void 0, 3)], 8, _i)], 14, gi));
 	}
-}), _i = ["id"], vi = /* @__PURE__ */ s({
+}), bi = ["id"], xi = /* @__PURE__ */ s({
 	name: "DBTableCaption",
 	__name: "table-caption",
 	props: {
@@ -4937,49 +4957,49 @@ var x = () => {
 			ref: n,
 			id: e.id ?? e.propOverrides?.id,
 			class: c(_(C)("db-table-caption", t.class))
-		}, [h(i.$slots, "default")], 10, _i));
+		}, [h(i.$slots, "default")], 10, bi));
 	}
-}), yi = [
+}), Si = [
 	"row",
 	"col",
 	"rowgroup",
 	"colgroup"
-], bi = [
+], Ci = [
 	"none",
 	"weak",
 	"strong"
-], xi = [
+], wi = [
 	"x-small",
 	"small",
 	"medium",
 	"large"
-], Si = [
+], Ti = [
 	"flat",
 	"zebra",
 	"spaced"
-], Ci = [
+], Ei = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], wi = ["table", "list"], Ti = [
+], Di = ["table", "list"], Oi = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Ei = [
+], ki = [
 	"auto",
 	"1fr",
 	"min-content",
 	"max-content"
-], Di = [
+], Ai = [
 	"id",
 	"data-orientation",
 	"data-scroll-behavior",
 	"data-tab-item-alignment",
 	"data-tab-item-width",
 	"data-initial-selected-mode"
-], Oi = /* @__PURE__ */ s({
+], ji = /* @__PURE__ */ s({
 	name: "DBTabs",
 	__name: "tabs",
 	props: {
@@ -5345,11 +5365,11 @@ var x = () => {
 				default: b(() => [a(g(i.scrollStartLabel), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0),
-			W().length ? (f(), r(e, { key: 1 }, [o(Qr, {
+			W().length ? (f(), r(e, { key: 1 }, [o(ti, {
 				orientation: i.orientation,
 				"aria-label": i.label
 			}, {
-				default: b(() => [(f(!0), r(e, null, m(W(), (e, n) => (f(), t(Xr, {
+				default: b(() => [(f(!0), r(e, null, m(W(), (e, n) => (f(), t($r, {
 					key: i.label + "tab-item" + n,
 					"aria-label": e.ariaLabel,
 					label: e.label,
@@ -5372,7 +5392,7 @@ var x = () => {
 					"value"
 				]))), 128))]),
 				_: 1
-			}, 8, ["orientation", "aria-label"]), (f(!0), r(e, null, m(W(), (e, n) => (f(), t(ei, {
+			}, 8, ["orientation", "aria-label"]), (f(!0), r(e, null, m(W(), (e, n) => (f(), t(ri, {
 				key: i.label + "tab-panel" + n,
 				content: e.content
 			}, {
@@ -5390,13 +5410,13 @@ var x = () => {
 				default: b(() => [a(g(i.scrollEndLabel), 1)]),
 				_: 1
 			}, 8, ["onClick"])) : n("", !0)
-		], 42, Di));
+		], 42, Ai));
 	}
-}), ki = ["scrollbar", "arrows"], Ai = ["auto", "manually"], ji = ["static", "removable"], Mi = [
+}), Mi = ["scrollbar", "arrows"], Ni = ["auto", "manually"], Pi = ["static", "removable"], Fi = [
 	"data-variant",
 	"data-hide-asterisk",
 	"data-hide-label"
-], Ni = ["for"], Pi = [
+], Ii = ["for"], Li = [
 	"aria-invalid",
 	"data-custom-validity",
 	"data-field-sizing",
@@ -5418,10 +5438,10 @@ var x = () => {
 	"placeholder",
 	"rows",
 	"cols"
-], Fi = {
+], Ri = {
 	"data-visually-hidden": "true",
 	role: "status"
-}, Ii = /* @__PURE__ */ s({
+}, zi = /* @__PURE__ */ s({
 	name: "DBTextarea",
 	__name: "textarea",
 	props: {
@@ -5508,6 +5528,7 @@ var x = () => {
 		invalidMessage: { default: void 0 },
 		messageIcon: { default: void 0 },
 		autocomplete: { default: void 0 },
+		autoComplete: { default: void 0 },
 		showMessage: {
 			type: [Boolean, String],
 			default: void 0
@@ -5585,7 +5606,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, Ni),
+			i("label", { for: x.value }, g(e.label ?? _("LABEL SHOULD BE SET")), 9, Ii),
 			i("textarea", {
 				"aria-invalid": e.validation === "invalid",
 				"data-custom-validity": e.validation,
@@ -5604,7 +5625,7 @@ var x = () => {
 				name: e.name,
 				wrap: e.wrap,
 				spellcheck: e.spellCheck,
-				autocomplete: e.autocomplete,
+				autocomplete: e.autoComplete ?? e.autocomplete,
 				onInput: l[0] ||= async (e) => B(e),
 				onChange: l[1] ||= async (e) => V(e),
 				onBlur: l[2] ||= async (e) => H(e),
@@ -5614,7 +5635,7 @@ var x = () => {
 				placeholder: e.placeholder ?? _(" "),
 				rows: _(j)(e.rows, _(4)),
 				cols: _(j)(e.cols)
-			}, g(e.value), 41, Pi),
+			}, g(e.value), 41, Li),
 			_(I)(e.message, e.showMessage) ? (f(), t($, {
 				key: 0,
 				size: "small",
@@ -5641,50 +5662,50 @@ var x = () => {
 				default: b(() => [a(g(D.value), 1)]),
 				_: 1
 			}, 8, ["id"]),
-			i("span", Fi, g(N.value), 1)
-		], 10, Mi));
+			i("span", Ri, g(N.value), 1)
+		], 10, Fi));
 	}
-}), Li = [
+}), Bi = [
 	"none",
 	"both",
 	"horizontal",
 	"vertical"
-], Ri = [
+], Vi = [
 	"hard",
 	"soft",
 	"off"
-], zi = ["description", "label"], Bi = [
+], Hi = ["description", "label"], Ui = [
 	"adaptive",
 	"neutral",
 	"critical",
 	"informational",
 	"warning",
 	"successful"
-], Vi = [
+], Wi = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], Hi = [
+], Gi = [
 	"medium",
 	"small",
 	"large",
 	"none"
-], Ui = [
+], Ki = [
 	"left",
 	"right",
 	"left-start",
 	"left-end",
 	"right-start",
 	"right-end"
-], Wi = [
+], qi = [
 	"top",
 	"bottom",
 	"top-start",
 	"top-end",
 	"bottom-start",
 	"bottom-end"
-], Gi = [...Ui, ...Wi], Ki = [
+], Ji = [...Ki, ...qi], Yi = [
 	"none",
 	"3x-large",
 	"2x-large",
@@ -5695,25 +5716,25 @@ var x = () => {
 	"x-small",
 	"2x-small",
 	"3x-small"
-], qi = ["horizontal", "vertical"], Ji = ["full", "auto"], Yi = [
+], Xi = ["horizontal", "vertical"], Zi = ["full", "auto"], Qi = [
 	"full",
 	"medium",
 	"large",
 	"small"
-], Xi = [
+], $i = [
 	"none",
 	"slow",
 	"fast"
-], Zi = ["auto", "fixed"], Qi = ["small", "medium"], $i = ["weak", "strong"], ea = [
+], ea = ["auto", "fixed"], ta = ["small", "medium"], na = ["weak", "strong"], ra = [
 	"invalid",
 	"valid",
 	"no-validation"
-], ta = ["fixed", "content"], na = ["above", "floating"], ra = ["leading", "trailing"], ia = /* @__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("."), aa = [
+], ia = ["fixed", "content"], aa = ["above", "floating"], oa = ["leading", "trailing"], sa = /* @__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("."), ca = [
 	"_self",
 	"_blank",
 	"_parent",
 	"_top"
-], oa = [
+], la = [
 	"no-referrer",
 	"no-referrer-when-downgrade",
 	"origin",
@@ -5722,10 +5743,10 @@ var x = () => {
 	"strict-origin",
 	"strict-origin-when-cross-origin",
 	"unsafe-url"
-], sa = [
+], ua = [
 	"start",
 	"center",
 	"end"
 ];
 //#endregion
-export { ie as AccordionBehaviorList, G as AccordionVariantList, sa as AlignmentList, ia as AutoCompleteList, Le as BadgePlacementList, Ue as ButtonTypeList, He as ButtonVariantList, Te as COLOR, Ee as COLORS, De as COLORS_SIMPLE, Q as COLOR_CONST, we as COLOR_SIMPLE, Ke as CardBehaviorList, qe as CardElevationLevelList, rn as CustomSelectDropdownWidthList, sn as CustomSelectListItemTypeList, re as DBAccordion, W as DBAccordionItem, Ie as DBBadge, ze as DBBrand, Ve as DBButton, Ge as DBCard, rt as DBCheckbox, at as DBCustomButton, nn as DBCustomSelect, xt as DBCustomSelectDropdown, on as DBCustomSelectFormField, kt as DBCustomSelectList, Dt as DBCustomSelectListItem, un as DBDivider, gn as DBDrawer, vn as DBDrawerFooter, Sn as DBDrawerHeader, Un as DBHeader, Gn as DBIcon, $ as DBInfotext, It as DBInput, Yn as DBLink, er as DBNavigation, ar as DBNavigationItem, ur as DBNotification, hr as DBPage, br as DBPopover, Cr as DBRadio, Tr as DBSection, Fr as DBSelect, Lr as DBStack, Kr as DBSwitch, Xr as DBTabItem, Qr as DBTabList, ei as DBTabPanel, gi as DBTable, ci as DBTableBody, vi as DBTableCaption, Ei as DBTableColumnsSizeList, ni as DBTableDataCell, Ci as DBTableDividerList, ui as DBTableFooter, fi as DBTableHead, ii as DBTableHeaderCell, yi as DBTableHeaderCellScopeList, wi as DBTableMobileVariantList, oi as DBTableRow, xi as DBTableRowSizeList, bi as DBTableRowSubHeaderEmphasisList, Ti as DBTableStickyHeaderList, Si as DBTableVariantList, Oi as DBTabs, Bt as DBTag, Ii as DBTextarea, Rt as DBTooltip, Ne as DB_UX_LOCAL_STORAGE_FRAMEWORK, Pe as DB_UX_LOCAL_STORAGE_MODE, me as DEFAULT_BACK, ve as DEFAULT_BURGER_MENU, xe as DEFAULT_CLOSE_BUTTON, ue as DEFAULT_DATALIST_ID_SUFFIX, ye as DEFAULT_ICON, K as DEFAULT_ID, fe as DEFAULT_INVALID_MESSAGE, ce as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, q as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, Y as DEFAULT_MESSAGE, X as DEFAULT_MESSAGE_ID_SUFFIX, J as DEFAULT_PLACEHOLDER, le as DEFAULT_PLACEHOLDER_ID_SUFFIX, pe as DEFAULT_REMOVE, be as DEFAULT_ROWS, ge as DEFAULT_SCROLL_LEFT, _e as DEFAULT_SCROLL_RIGHT, he as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, de as DEFAULT_VALID_MESSAGE, se as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Ae as DEFAULT_VIEWPORT, Ce as DENSITIES, Se as DENSITY, Z as DENSITY_CONST, je as DESKTOP_VIEWPORT, dn as DividerMarginList, fn as DividerVariantList, st as DocumentClickListener, ct as DocumentScrollListener, Cn as DrawerBackdropList, Dn as DrawerContainerSizeList, wn as DrawerDirectionList, En as DrawerPositionList, Tn as DrawerVariantList, $i as EmphasisList, ta as FieldSizingList, Ki as GapSpacingList, Kn as IconWeightList, qn as InputTypeList, ra as LabelVariantHorizontalList, na as LabelVariantList, Qn as LinkContentList, oa as LinkReferrerPolicyList, Zn as LinkSizeList, aa as LinkTargetList, Xn as LinkVariantList, Hi as MarginList, Yi as MaxWidthList, H as NAVIGATION_KEYS, kn as NavigationItemSafeTriangle, pr as NotificationAriaLiveList, fr as NotificationLinkVariantList, dr as NotificationVariantList, qi as OrientationList, _r as PageDocumentOverflowList, gr as PageVariantList, Ui as PlacementHorizontalList, Gi as PlacementList, Wi as PlacementVerticalList, Xi as PopoverDelayList, Zi as PopoverWidthList, Oe as SEMANTIC, ke as SEMANTICS, cn as SelectedTypeList, Bi as SemanticList, Qi as SizeList, Vi as SpacingList, Br as StackAlignmentList, zr as StackDirectionList, Vr as StackJustifyContentList, Rr as StackVariantList, Me as TESTING_VIEWPORTS, ki as TabsBehaviorList, Ai as TabsInitialSelectedModeList, ji as TagBehaviorList, Li as TextareaResizeList, Ri as TextareaWrapList, zi as TooltipVariantList, ea as ValidationList, Ji as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, ut as getFloatingProps, F as getHideProp, N as getInputValue, V as getNotificationRole, j as getNumber, z as getOptionKey, L as getSearchInput, M as getStep, ht as handleDataOutside, lt as handleFixedDropdown, mt as handleFixedPopover, ee as hasFocusgroupSupport, E as hasVoiceOver, w as isArrayOfStrings, On as isEventTargetNavigationItem, D as isIOSSafari, B as isKeyboardEvent, I as stringPropVisible, x as uuid };
+export { ie as AccordionBehaviorList, G as AccordionVariantList, ua as AlignmentList, sa as AutoCompleteList, Le as BadgePlacementList, Ue as ButtonTypeList, He as ButtonVariantList, Te as COLOR, Ee as COLORS, De as COLORS_SIMPLE, Q as COLOR_CONST, we as COLOR_SIMPLE, Ke as CardBehaviorList, qe as CardElevationLevelList, rn as CustomSelectDropdownWidthList, sn as CustomSelectListItemTypeList, re as DBAccordion, W as DBAccordionItem, Ie as DBBadge, ze as DBBrand, Ve as DBButton, Ge as DBCard, rt as DBCheckbox, at as DBCustomButton, nn as DBCustomSelect, xt as DBCustomSelectDropdown, on as DBCustomSelectFormField, kt as DBCustomSelectList, Dt as DBCustomSelectListItem, un as DBDivider, yn as DBDrawer, xn as DBDrawerFooter, Tn as DBDrawerHeader, Kn as DBHeader, Jn as DBIcon, $ as DBInfotext, It as DBInput, Qn as DBLink, rr as DBNavigation, cr as DBNavigationItem, pr as DBNotification, vr as DBPage, Cr as DBPopover, Er as DBRadio, Or as DBSection, Rr as DBSelect, Br as DBStack, Yr as DBSwitch, $r as DBTabItem, ti as DBTabList, ri as DBTabPanel, yi as DBTable, di as DBTableBody, xi as DBTableCaption, ki as DBTableColumnsSizeList, ai as DBTableDataCell, Ei as DBTableDividerList, pi as DBTableFooter, hi as DBTableHead, si as DBTableHeaderCell, Si as DBTableHeaderCellScopeList, Di as DBTableMobileVariantList, li as DBTableRow, wi as DBTableRowSizeList, Ci as DBTableRowSubHeaderEmphasisList, Oi as DBTableStickyHeaderList, Ti as DBTableVariantList, ji as DBTabs, Bt as DBTag, zi as DBTextarea, Rt as DBTooltip, Ne as DB_UX_LOCAL_STORAGE_FRAMEWORK, Pe as DB_UX_LOCAL_STORAGE_MODE, me as DEFAULT_BACK, ve as DEFAULT_BURGER_MENU, xe as DEFAULT_CLOSE_BUTTON, ue as DEFAULT_DATALIST_ID_SUFFIX, ye as DEFAULT_ICON, K as DEFAULT_ID, fe as DEFAULT_INVALID_MESSAGE, ce as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, q as DEFAULT_LABEL, ae as DEFAULT_LABEL_ID_SUFFIX, Y as DEFAULT_MESSAGE, X as DEFAULT_MESSAGE_ID_SUFFIX, J as DEFAULT_PLACEHOLDER, le as DEFAULT_PLACEHOLDER_ID_SUFFIX, pe as DEFAULT_REMOVE, be as DEFAULT_ROWS, ge as DEFAULT_SCROLL_LEFT, _e as DEFAULT_SCROLL_RIGHT, he as DEFAULT_SELECTED, oe as DEFAULT_SELECT_ID_SUFFIX, de as DEFAULT_VALID_MESSAGE, se as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Ae as DEFAULT_VIEWPORT, Ce as DENSITIES, Se as DENSITY, Z as DENSITY_CONST, je as DESKTOP_VIEWPORT, dn as DividerMarginList, fn as DividerVariantList, st as DocumentClickListener, ct as DocumentScrollListener, En as DrawerBackdropList, An as DrawerContainerSizeList, Dn as DrawerDirectionList, kn as DrawerPositionList, On as DrawerVariantList, na as EmphasisList, ia as FieldSizingList, Yi as GapSpacingList, Yn as IconWeightList, Xn as InputTypeList, oa as LabelVariantHorizontalList, aa as LabelVariantList, tr as LinkContentList, la as LinkReferrerPolicyList, er as LinkSizeList, ca as LinkTargetList, $n as LinkVariantList, Gi as MarginList, Qi as MaxWidthList, H as NAVIGATION_KEYS, Mn as NavigationItemSafeTriangle, gr as NotificationAriaLiveList, hr as NotificationLinkVariantList, mr as NotificationVariantList, Xi as OrientationList, br as PageDocumentOverflowList, yr as PageVariantList, Ki as PlacementHorizontalList, Ji as PlacementList, qi as PlacementVerticalList, $i as PopoverDelayList, ea as PopoverWidthList, Oe as SEMANTIC, ke as SEMANTICS, cn as SelectedTypeList, Ui as SemanticList, ta as SizeList, Wi as SpacingList, Ur as StackAlignmentList, Hr as StackDirectionList, Wr as StackJustifyContentList, Vr as StackVariantList, Me as TESTING_VIEWPORTS, Mi as TabsBehaviorList, Ni as TabsInitialSelectedModeList, Pi as TagBehaviorList, Bi as TextareaResizeList, Vi as TextareaWrapList, Hi as TooltipVariantList, ra as ValidationList, Zi as WidthList, S as addAttributeToChildren, C as cls, O as delay, A as getBoolean, k as getBooleanAsString, ut as getFloatingProps, F as getHideProp, N as getInputValue, V as getNotificationRole, j as getNumber, z as getOptionKey, L as getSearchInput, M as getStep, ht as handleDataOutside, lt as handleFixedDropdown, mt as handleFixedPopover, ee as hasFocusgroupSupport, E as hasVoiceOver, w as isArrayOfStrings, jn as isEventTargetNavigationItem, D as isIOSSafari, B as isKeyboardEvent, I as stringPropVisible, x as uuid };