@db-ux/v-core-components 3.1.15 → 3.1.17

package/dist/db-ux.es.js

@@ -1,26 +1,26 @@
-import { defineComponent as U, ref as s, onMounted as j, watch as D, createElementBlock as k, openBlock as m, normalizeClass as P, unref as o, createElementVNode as _, createCommentVNode as R, renderSlot as A, Fragment as G, createTextVNode as N, toDisplayString as L, renderList as ve, createBlock as Y, createVNode as x, withCtx as O, onUnmounted as ba } from "vue";
-const we = "OVERWRITE_DEFAULT_ID", pe = "LABEL SHOULD BE SET", je = " ", ya = "MESSAGE SHOULD BE SET", Ge = "-label", We = "-select", se = "-message", de = "-valid-message", ue = "-invalid-message", Ee = "-placeholder", Oe = "-datalist", re = "TODO: Add a validMessage", ae = "TODO: Add an invalidMessage", Ye = "Remove", ka = "Back", wa = "Selected", Sa = "BurgerMenu", Ba = "brand", La = 4, Me = "Close", Pi = "density", Vi = "color";
-var Ke = /* @__PURE__ */ ((t) => (t.FUNCTIONAL = "functional", t.REGULAR = "regular", t.EXPRESSIVE = "expressive", t))(Ke || {});
-const qi = Object.entries(Ke).map(([, t]) => t);
-var Je = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t))(Je || {}), Qe = /* @__PURE__ */ ((t) => (t.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", t.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", t.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", t.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", t.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", t.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", t.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", t.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", t.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", t.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", t.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", t.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", t.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", t.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", t.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", t.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", t.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", t.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", t.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", t.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", t.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", t.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", t.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", t.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", t.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", t.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", t.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", t.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", t.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", t.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", t))(Qe || {});
-const Ui = Object.entries(Qe).map(([, t]) => t), Gi = Object.entries(Je).map(([, t]) => t);
-var Ze = /* @__PURE__ */ ((t) => (t.CRITICAL = "critical", t.INFORMATIONAL = "informational", t.WARNING = "warning", t.SUCCESSFUL = "successful", t))(Ze || {});
-const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
+import { defineComponent as U, ref as s, onMounted as j, watch as D, createElementBlock as k, openBlock as m, normalizeClass as P, unref as o, createElementVNode as _, createCommentVNode as R, renderSlot as A, Fragment as G, createTextVNode as N, toDisplayString as L, renderList as fe, createBlock as Y, createVNode as ee, withCtx as O, onUnmounted as ka } from "vue";
+const Se = "OVERWRITE_DEFAULT_ID", me = "LABEL SHOULD BE SET", Ke = " ", wa = "MESSAGE SHOULD BE SET", Oe = "-label", He = "-select", de = "-message", ue = "-valid-message", re = "-invalid-message", _e = "-placeholder", Xe = "-datalist", ce = "TODO: Add a validMessage", te = "TODO: Add an invalidMessage", Je = "Remove", Sa = "Back", Ba = "Selected", La = "BurgerMenu", Ia = "brand", $a = 4, Re = "Close", qi = "density", Ui = "color";
+var Qe = /* @__PURE__ */ ((t) => (t.FUNCTIONAL = "functional", t.REGULAR = "regular", t.EXPRESSIVE = "expressive", t))(Qe || {});
+const Gi = Object.entries(Qe).map(([, t]) => t);
+var Ze = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t))(Ze || {}), xe = /* @__PURE__ */ ((t) => (t.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", t.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", t.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", t.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", t.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", t.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", t.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", t.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", t.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", t.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", t.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", t.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", t.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", t.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", t.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", t.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", t.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", t.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", t.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", t.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", t.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", t.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", t.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", t.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", t.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", t.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", t.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", t.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", t.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", t.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", t))(xe || {});
+const Wi = Object.entries(xe).map(([, t]) => t), Oi = Object.entries(Ze).map(([, t]) => t);
+var ea = /* @__PURE__ */ ((t) => (t.CRITICAL = "critical", t.INFORMATIONAL = "informational", t.WARNING = "warning", t.SUCCESSFUL = "successful", t))(ea || {});
+const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
   width: 390,
   height: 884
-}, $a = {
+}, Ea = {
   width: 1920,
   height: 1280
-}, Oi = [{
+}, Xi = [{
   name: "desktop",
-  ...$a
+  ...Ea
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Ia
+  ...Ta
 }], K = () => {
   if (typeof window < "u") {
     if (window.crypto?.randomUUID)
@@ -29,10 +29,10 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
   }
   return Math.random().toString().substring(2);
-}, xe = (t, a) => {
+}, aa = (t, a) => {
   const n = t.children;
   Object.values(n).forEach((e) => {
-    e.setAttribute(a.key, a.value), e.children.length > 0 && xe(e, a);
+    e.setAttribute(a.key, a.value), e.children.length > 0 && aa(e, a);
   });
 }, V = (...t) => {
   let a = "";
@@ -44,22 +44,22 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
         for (const e in n)
           n[e] && (a += `${e} `);
   return a.trim();
-}, Ta = (t) => Array.isArray(t) && t.every((a) => typeof a == "string"), Ea = ["Mac", "iPhone", "iPad", "iPod"], ce = () => typeof window < "u" && Ea.some((t) => window.navigator.userAgent.includes(t)), Q = (t, a) => new Promise(() => setTimeout(t, a)), F = (t) => {
+}, _a = (t) => Array.isArray(t) && t.every((a) => typeof a == "string"), Ca = ["Mac", "iPhone", "iPad", "iPod"], ve = () => typeof window < "u" && Ca.some((t) => window.navigator.userAgent.includes(t)), J = (t, a) => new Promise(() => setTimeout(t, a)), F = (t) => {
   if (t != null)
     return String(typeof t == "string" ? !!t : t);
 }, z = (t, a) => {
   if (t != null)
     return typeof t == "string" && a ? !!(a === t || t) : !!t;
-}, he = (t, a) => {
+}, ge = (t, a) => {
   if (!(t == null && a == null))
     return Number(t ?? a);
-}, He = (t, a) => a && ["number", "range"].includes(a) ? he(t) : t, te = (t) => {
+}, je = (t, a) => a && ["number", "range"].includes(a) ? ge(t) : t, ie = (t) => {
   if (t != null)
     return F(!t);
-}, Z = (t, a) => (a === void 0 || !!a) && !!t, Xe = (t) => t.querySelector('input[type="search"]'), Hi = (t, a) => {
+}, Z = (t, a) => (a === void 0 || !!a) && !!t, Ye = (t) => t.querySelector('input[type="search"]'), ji = (t, a) => {
   const n = t.id ?? t.value ?? K();
   return `${a}${n}`;
-}, _a = (t) => t.key !== void 0, Ca = ["id"], Aa = ["aria-disabled", "name", "open"], Da = /* @__PURE__ */ U({
+}, Aa = (t) => t.key !== void 0, Da = ["id"], Na = ["aria-disabled", "name", "open"], Fa = /* @__PURE__ */ U({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -77,7 +77,7 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
     name: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(we), e = s(!1), i = s(void 0), u = s(!1), c = s(null);
+    const a = t, n = s(Se), e = s(!1), i = s(void 0), u = s(!1), c = s(null);
     j(() => {
       n.value = a.id || "accordion-item-" + K(), a.defaultOpen && (e.value = a.defaultOpen), u.value = !0;
     }), D(
@@ -128,10 +128,10 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
             N(L(v.text), 1)
           ], 64)) : A(v.$slots, "default", { key: 1 })
         ])
-      ], 8, Aa)
-    ], 10, Ca));
+      ], 8, Na)
+    ], 10, Da));
   }
-}), Na = ["id", "data-variant"], Xi = /* @__PURE__ */ U({
+}), Ma = ["id", "data-variant"], Yi = /* @__PURE__ */ U({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -147,7 +147,7 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(we), e = s(""), i = s(!1), u = s(!1), c = s(null);
+    const a = t, n = s(Se), e = s(""), i = s(!1), u = s(!1), c = s(null);
     j(() => {
       n.value = a.id || "accordion-" + K(), i.value = !0, u.value = !0;
     }), D(
@@ -212,15 +212,15 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       "data-variant": v.variant
     }, [
       v.items ? R("", !0) : A(v.$slots, "default", { key: 0 }),
-      v.items ? (m(!0), k(G, { key: 1 }, ve(r(), (g, I) => (m(), Y(Da, {
+      v.items ? (m(!0), k(G, { key: 1 }, fe(r(), (g, I) => (m(), Y(Fa, {
         key: `accordion-item-${I}`,
         headlinePlain: g.headlinePlain,
         disabled: g.disabled,
         text: g.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : R("", !0)
-    ], 10, Na));
+    ], 10, Ma));
   }
-}), ji = ["divider", "card"], Yi = ["multiple", "single"], Fa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ki = /* @__PURE__ */ U({
+}), Ki = ["divider", "card"], Ji = ["multiple", "single"], Ra = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Qi = /* @__PURE__ */ U({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -260,14 +260,14 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       "data-size": i.size,
       "data-emphasis": i.emphasis,
       "data-placement": i.placement,
-      "data-label": i.placement?.startsWith("corner") && (i.label ?? o(pe))
+      "data-label": i.placement?.startsWith("corner") && (i.label ?? o(me))
     }, [
       i.text ? (m(), k(G, { key: 0 }, [
         N(L(i.text), 1)
       ], 64)) : A(i.$slots, "default", { key: 1 })
-    ], 10, Fa));
+    ], 10, Ra));
   }
-}), Ji = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], Ma = ["data-icon", "data-show-icon", "id"], Qi = /* @__PURE__ */ U({
+}), Zi = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], za = ["data-icon", "data-show-icon", "id"], xi = /* @__PURE__ */ U({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -285,7 +285,7 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
     return (e, i) => (m(), k("div", {
       ref_key: "_ref",
       ref: n,
-      "data-icon": e.hideLogo ? "none" : e.icon ?? o(Ba),
+      "data-icon": e.hideLogo ? "none" : e.icon ?? o(Ia),
       "data-show-icon": o(F)(e.showIcon),
       id: e.id,
       class: P(o(V)("db-brand", a.class))
@@ -293,9 +293,9 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       e.text ? (m(), k(G, { key: 0 }, [
         N(L(e.text), 1)
       ], 64)) : A(e.$slots, "default", { key: 1 })
-    ], 10, Ma));
+    ], 10, za));
   }
-}), Ra = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], me = /* @__PURE__ */ U({
+}), Pa = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], be = /* @__PURE__ */ U({
   __name: "button",
   props: {
     disabled: { type: [Boolean, String], default: void 0 },
@@ -352,9 +352,9 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       u.text ? (m(), k(G, { key: 0 }, [
         N(L(u.text), 1)
       ], 64)) : A(u.$slots, "default", { key: 1 })
-    ], 10, Ra));
+    ], 10, Pa));
   }
-}), Zi = ["outlined", "brand", "filled", "ghost"], xi = ["button", "reset", "submit"], za = ["id", "data-behavior", "data-elevation-level", "data-spacing"], el = /* @__PURE__ */ U({
+}), el = ["outlined", "brand", "filled", "ghost"], al = ["button", "reset", "submit"], Va = ["id", "data-behavior", "data-elevation-level", "data-spacing"], tl = /* @__PURE__ */ U({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -383,11 +383,11 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       onClick: u[0] || (u[0] = async (c) => e(c))
     }, [
       A(i.$slots, "default")
-    ], 10, za));
+    ], 10, Va));
   }
-}), al = ["static", "interactive"], tl = ["1", "2", "3"], le = (t, a, n = "value") => {
+}), il = ["static", "interactive"], ll = ["1", "2", "3"], oe = (t, a, n = "value") => {
   t(`update:${n}`, a.target[n]);
-}, Pa = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], ee = /* @__PURE__ */ U({
+}, qa = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], ae = /* @__PURE__ */ U({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -416,12 +416,12 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       e.text ? (m(), k(G, { key: 0 }, [
         N(L(e.text), 1)
       ], 64)) : A(e.$slots, "default", { key: 1 })
-    ], 10, Pa));
+    ], 10, qa));
   }
-}), Va = ["data-size", "data-hide-asterisk", "data-hide-label"], qa = ["for"], Ua = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ga = {
+}), Ua = ["data-size", "data-hide-asterisk", "data-hide-label"], Ga = ["for"], Wa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Oa = {
   "data-visually-hidden": "true",
   role: "status"
-}, il = /* @__PURE__ */ U({
+}, ol = /* @__PURE__ */ U({
   __name: "checkbox",
   props: {
     indeterminate: { type: [Boolean, String], default: void 0 },
@@ -463,11 +463,11 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
     j(() => {
       i.value = !0;
       const b = e.id ?? `checkbox-${K()}`;
-      u.value = b, c.value = b + se, r.value = b + de, v.value = b + ue, d.value = e.invalidMessage || ae;
+      u.value = b, c.value = b + de, r.value = b + ue, v.value = b + re, d.value = e.invalidMessage || te;
     }), D(
       () => [w.value, e.invalidMessage],
       () => {
-        d.value = e.invalidMessage || w.value?.validationMessage || ae;
+        d.value = e.invalidMessage || w.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -477,8 +477,8 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       () => [u.value],
       () => {
         if (u.value) {
-          const b = u.value + se;
-          c.value = b, r.value = u.value + de, v.value = u.value + ue, Z(e.message, e.showMessage) && (g.value = b), p();
+          const b = u.value + de;
+          c.value = b, r.value = u.value + ue, v.value = u.value + re, Z(e.message, e.showMessage) && (g.value = b), p();
         }
       },
       {
@@ -508,10 +508,10 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function p() {
-      !w.value?.validity.valid || e.validation === "invalid" ? (g.value = v.value, d.value = e.invalidMessage || w.value?.validationMessage || ae, ce() && (I.value = d.value, Q(() => I.value = "", 1e3))) : h() && w.value?.validity.valid && e.required ? (g.value = r.value, ce() && (I.value = e.validMessage ?? re, Q(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = c.value : g.value = void 0;
+      !w.value?.validity.valid || e.validation === "invalid" ? (g.value = v.value, d.value = e.invalidMessage || w.value?.validationMessage || te, ve() && (I.value = d.value, J(() => I.value = "", 1e3))) : h() && w.value?.validity.valid && e.required ? (g.value = r.value, ve() && (I.value = e.validMessage ?? ce, J(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = c.value : g.value = void 0;
     }
     function f(b) {
-      e.onChange && e.onChange(b), le(n, b, "checked"), p();
+      e.onChange && e.onChange(b), oe(n, b, "checked"), p();
     }
     function T(b) {
       e.onBlur && e.onBlur(b);
@@ -522,8 +522,8 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
     return (b, S) => (m(), k("div", {
       class: P(o(V)("db-checkbox", e.class)),
       "data-size": b.size,
-      "data-hide-asterisk": o(te)(b.showRequiredAsterisk),
-      "data-hide-label": o(te)(b.showLabel)
+      "data-hide-asterisk": o(ie)(b.showRequiredAsterisk),
+      "data-hide-label": o(ie)(b.showLabel)
     }, [
       _("label", { for: u.value }, [
         _("input", {
@@ -542,12 +542,12 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
           onBlur: S[1] || (S[1] = async (W) => T(W)),
           onFocus: S[2] || (S[2] = async (W) => C(W)),
           "aria-describedby": b.ariaDescribedBy ?? g.value
-        }, null, 40, Ua),
+        }, null, 40, Wa),
         b.label ? (m(), k(G, { key: 0 }, [
           N(L(b.label), 1)
         ], 64)) : A(b.$slots, "default", { key: 1 })
-      ], 8, qa),
-      o(Z)(b.message, b.showMessage) ? (m(), Y(ee, {
+      ], 8, Ga),
+      o(Z)(b.message, b.showMessage) ? (m(), Y(ae, {
         key: 0,
         size: "small",
         icon: b.messageIcon,
@@ -558,18 +558,18 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
         ]),
         _: 1
       }, 8, ["icon", "id"])) : R("", !0),
-      h() ? (m(), Y(ee, {
+      h() ? (m(), Y(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: r.value
       }, {
         default: O(() => [
-          N(L(b.validMessage || o(re)), 1)
+          N(L(b.validMessage || o(ce)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : R("", !0),
-      x(ee, {
+      ee(ae, {
         size: "small",
         semantic: "critical",
         id: v.value
@@ -579,56 +579,56 @@ const Wi = Object.entries(Ze).map(([, t]) => t), Ia = {
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Ga, L(I.value), 1)
-    ], 10, Va));
+      _("span", Oa, L(I.value), 1)
+    ], 10, Ua));
   }
 });
-class ne {
+class se {
   static callbacks = {};
   static _instance = null;
   static runCallbacks(a) {
-    for (const n of Object.values(ne.callbacks))
+    for (const n of Object.values(se.callbacks))
       typeof n == "function" && n(a);
   }
   constructor() {
-    if (ne._instance)
-      return ne._instance;
-    ne._instance = this, self.document && self.document.addEventListener("click", (a) => ne.runCallbacks(a));
+    if (se._instance)
+      return se._instance;
+    se._instance = this, self.document && self.document.addEventListener("click", (a) => se.runCallbacks(a));
   }
   addCallback(a) {
     const n = K();
-    return ne.callbacks[n] = a, n;
+    return se.callbacks[n] = a, n;
   }
   removeCallback(a) {
-    delete ne.callbacks[a];
+    delete se.callbacks[a];
   }
 }
-class ie {
+class le {
   static callbacks = {};
   static _instance = null;
   static runCallbacks(a) {
-    for (const n of Object.values(ie.callbacks))
+    for (const n of Object.values(le.callbacks))
       typeof n == "function" && n(a);
   }
   ticking = !1;
   constructor() {
-    if (ie._instance)
-      return ie._instance;
-    ie._instance = this, self.document && self.document.addEventListener("scroll", (a) => {
+    if (le._instance)
+      return le._instance;
+    le._instance = this, self.document && self.document.addEventListener("scroll", (a) => {
       this.ticking || (window.requestAnimationFrame(() => {
-        ie.runCallbacks(a), this.ticking = !1;
+        le.runCallbacks(a), this.ticking = !1;
       }), this.ticking = !0);
     }, !0);
   }
   addCallback(a) {
     const n = K();
-    return ie.callbacks[n] = a, n;
+    return le.callbacks[n] = a, n;
   }
   removeCallback(a) {
-    delete ie.callbacks[a];
+    delete le.callbacks[a];
   }
 }
-const Wa = (t) => {
+const Ha = (t) => {
   const {
     top: a,
     bottom: n,
@@ -646,13 +646,13 @@ const Wa = (t) => {
     outLeft: d,
     outRight: g
   };
-}, Oa = (t) => {
+}, Xa = (t) => {
   const {
     outTop: a,
     outBottom: n,
     outLeft: e,
     outRight: i
-  } = Wa(t);
+  } = Ha(t);
   let u = {};
   return a || n ? (u = {
     vy: a ? "top" : "bottom"
@@ -660,7 +660,7 @@ const Wa = (t) => {
     ...u,
     vx: i ? "right" : "left"
   }, t.dataset.outsideVx = u.vx) : delete t.dataset.outsideVx, u;
-}, Ha = (t, a, n) => {
+}, ja = (t, a, n) => {
   if (getComputedStyle(t).zIndex === "9999") return;
   const {
     top: e,
@@ -671,9 +671,9 @@ const Wa = (t) => {
     right: v,
     left: d,
     correctedPlacement: g
-  } = ea(t, a, n);
+  } = ta(t, a, n);
   t.dataset.width === "full" && (t.style.inlineSize = `${r}px`), g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start" ? t.style.insetInlineStart = `${d}px` : (g === "top-end" || g === "bottom-end") && (t.style.insetInlineStart = `${v - c}px`), g?.startsWith("top") ? t.style.insetBlockStart = `${e - u}px` : g?.startsWith("bottom") && (t.style.insetBlockStart = `${i}px`), t.style.position = "fixed";
-}, ea = (t, a, n) => {
+}, ta = (t, a, n) => {
   if (!t || !a)
     return {
       top: 0,
@@ -716,7 +716,7 @@ const Wa = (t) => {
     innerWidth: I,
     innerHeight: g
   };
-}, aa = (t, a, n) => {
+}, ia = (t, a, n) => {
   const e = getComputedStyle(t).getPropertyValue("--db-popover-distance") ?? "0px", {
     top: i,
     height: u,
@@ -729,7 +729,7 @@ const Wa = (t) => {
     correctedPlacement: w,
     innerWidth: h,
     innerHeight: p
-  } = ea(t, a, n);
+  } = ta(t, a, n);
   if (v > c && (w.startsWith("bottom") || w.startsWith("top"))) {
     const f = c / 2 / v * 100;
     w.endsWith("start") ? t.style.setProperty("--db-tooltip-arrow-inline-start", `${f}%`) : w.endsWith("end") && t.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - f}%`);
@@ -769,7 +769,7 @@ const Wa = (t) => {
     t.style.insetBlockStart = `calc(${I}px + ${e})`, t.style.insetBlockEnd = `calc(${f > p ? p : f}px + ${e})`;
   }
   t.style.position = "fixed", t.dataset.correctedPlacement = w;
-}, Xa = ["id", "data-width"], ja = /* @__PURE__ */ U({
+}, Ya = ["id", "data-width"], Ka = /* @__PURE__ */ U({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -790,9 +790,9 @@ const Wa = (t) => {
       "data-width": e.width
     }, [
       A(e.$slots, "default")
-    ], 10, Xa));
+    ], 10, Ya));
   }
-}), Ya = ["id", "data-divider"], Ka = ["data-icon", "data-show-icon", "data-icon-trailing"], Ja = ["type", "name", "form", "checked", "disabled", "value"], Qa = { key: 1 }, Za = /* @__PURE__ */ U({
+}), Ja = ["id", "data-divider"], Qa = ["data-icon", "data-show-icon", "data-icon-trailing"], Za = ["type", "name", "form", "checked", "disabled", "value"], xa = { key: 1 }, et = /* @__PURE__ */ U({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -830,7 +830,7 @@ const Wa = (t) => {
       }
     );
     function r(d) {
-      d.stopPropagation(), e.onChange && e.onChange(d), le(n, d, "checked");
+      d.stopPropagation(), e.onChange && e.onChange(d), oe(n, d, "checked");
     }
     function v() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
@@ -848,7 +848,7 @@ const Wa = (t) => {
       ),
       "data-divider": o(F)(u.value)
     }, [
-      d.isGroupTitle ? (m(), k("span", Qa, L(d.groupTitle), 1)) : (m(), k("label", {
+      d.isGroupTitle ? (m(), k("span", xa, L(d.groupTitle), 1)) : (m(), k("label", {
         key: 0,
         "data-icon": d.type !== "checkbox" && d.icon ? d.icon : void 0,
         "data-show-icon": o(F)(d.showIcon),
@@ -864,14 +864,14 @@ const Wa = (t) => {
           disabled: o(z)(d.disabled, "disabled"),
           value: d.value,
           onChange: g[0] || (g[0] = async (I) => r(I))
-        }, null, 40, Ja),
+        }, null, 40, Za),
         d.label ? (m(), k(G, { key: 0 }, [
           N(L(d.label), 1)
         ], 64)) : A(d.$slots, "default", { key: 1 })
-      ], 8, Ka))
-    ], 10, Ya));
+      ], 8, Qa))
+    ], 10, Ja));
   }
-}), xa = ["role", "aria-label", "id"], et = /* @__PURE__ */ U({
+}), at = ["role", "aria-label", "id"], tt = /* @__PURE__ */ U({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -895,12 +895,12 @@ const Wa = (t) => {
       _("ul", null, [
         A(e.$slots, "default")
       ])
-    ], 10, xa));
+    ], 10, at));
   }
-}), at = ["data-variant", "data-hide-label", "data-show-icon", "data-icon", "data-icon-trailing", "data-hide-asterisk", "data-show-icon-trailing"], tt = ["for"], it = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "multiple", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "enterKeyHint", "inputMode", "list", "aria-describedby"], lt = ["id"], ot = ["value"], nt = {
+}), it = ["data-variant", "data-hide-label", "data-show-icon", "data-icon", "data-icon-trailing", "data-hide-asterisk", "data-show-icon-trailing"], lt = ["for"], ot = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "multiple", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "enterKeyHint", "inputMode", "list", "aria-describedby"], nt = ["id"], st = ["value"], dt = {
   "data-visually-hidden": "true",
   role: "status"
-}, st = /* @__PURE__ */ U({
+}, ut = /* @__PURE__ */ U({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -967,11 +967,11 @@ const Wa = (t) => {
     const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(void 0), I = s(void 0), w = s(""), h = s(null);
     j(() => {
       const y = e.id ?? `input-${K()}`;
-      i.value = y, u.value = y + se, c.value = y + de, r.value = y + ue, d.value = y + Oe, v.value = e.invalidMessage || ae;
+      i.value = y, u.value = y + de, c.value = y + ue, r.value = y + re, d.value = y + Xe, v.value = e.invalidMessage || te;
     }), D(
       () => [h.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || h.value?.validationMessage || ae;
+        v.value = e.invalidMessage || h.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -981,8 +981,8 @@ const Wa = (t) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const y = i.value + se;
-          u.value = y, c.value = i.value + de, r.value = i.value + ue, d.value = e.dataListId ?? i.value + Oe, Z(e.message, e.showMessage) && (g.value = y), f();
+          const y = i.value + de;
+          u.value = y, c.value = i.value + ue, r.value = i.value + re, d.value = e.dataListId ?? i.value + Xe, Z(e.message, e.showMessage) && (g.value = y), f();
         }
       },
       {
@@ -1003,13 +1003,13 @@ const Wa = (t) => {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      !h.value?.validity.valid || e.validation === "invalid" ? (g.value = r.value, v.value = e.invalidMessage || h.value?.validationMessage || ae, ce() && (w.value = v.value, Q(() => w.value = "", 1e3))) : p() && h.value?.validity.valid && (e.required || e.minLength || e.maxLength || e.pattern) ? (g.value = c.value, ce() && (w.value = e.validMessage ?? re, Q(() => w.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = u.value : g.value = void 0;
+      !h.value?.validity.valid || e.validation === "invalid" ? (g.value = r.value, v.value = e.invalidMessage || h.value?.validationMessage || te, ve() && (w.value = v.value, J(() => w.value = "", 1e3))) : p() && h.value?.validity.valid && (e.required || e.minLength || e.maxLength || e.pattern) ? (g.value = c.value, ve() && (w.value = e.validMessage ?? ce, J(() => w.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = u.value : g.value = void 0;
     }
     function T(y) {
-      e.input && e.input(y), I.value = y.target.value, e.onInput && e.onInput(y), le(n, y), f();
+      e.input && e.input(y), I.value = y.target.value, e.onInput && e.onInput(y), oe(n, y), f();
     }
     function C(y) {
-      e.onChange && e.onChange(y), le(n, y), f();
+      e.onChange && e.onChange(y), oe(n, y), f();
     }
     function b(y) {
       e.onBlur && e.onBlur(y);
@@ -1020,7 +1020,7 @@ const Wa = (t) => {
     function W() {
       const y = e.dataList;
       return Array.from(
-        (Ta(y) ? y?.map((X) => ({
+        (_a(y) ? y?.map((X) => ({
           value: X,
           label: void 0
         })) : y) || []
@@ -1029,14 +1029,14 @@ const Wa = (t) => {
     return (y, X) => (m(), k("div", {
       class: P(o(V)("db-input", e.class)),
       "data-variant": y.variant,
-      "data-hide-label": o(te)(y.showLabel),
+      "data-hide-label": o(ie)(y.showLabel),
       "data-show-icon": o(F)(y.showIconLeading ?? y.showIcon),
       "data-icon": y.iconLeading ?? y.icon,
       "data-icon-trailing": y.iconTrailing,
-      "data-hide-asterisk": o(te)(y.showRequiredAsterisk),
+      "data-hide-asterisk": o(ie)(y.showRequiredAsterisk),
       "data-show-icon-trailing": o(F)(y.showIconTrailing)
     }, [
-      _("label", { for: i.value }, L(y.label ?? o(pe)), 9, tt),
+      _("label", { for: i.value }, L(y.label ?? o(me)), 9, lt),
       _("input", {
         "aria-invalid": y.validation === "invalid",
         "data-custom-validity": y.validation,
@@ -1047,15 +1047,15 @@ const Wa = (t) => {
         name: y.name,
         type: y.type || "text",
         multiple: o(z)(y.multiple, "multiple"),
-        placeholder: y.placeholder ?? o(je),
+        placeholder: y.placeholder ?? o(Ke),
         disabled: o(z)(y.disabled, "disabled"),
         required: o(z)(y.required, "required"),
-        step: o(he)(y.step),
+        step: o(ge)(y.step),
         value: y.value ?? I.value,
-        maxLength: o(he)(y.maxLength, y.maxlength),
-        minLength: o(he)(y.minLength, y.minlength),
-        max: o(He)(y.max, y.type),
-        min: o(He)(y.min, y.type),
+        maxLength: o(ge)(y.maxLength, y.maxlength),
+        minLength: o(ge)(y.minLength, y.minlength),
+        max: o(je)(y.max, y.type),
+        min: o(je)(y.min, y.type),
         readOnly: o(z)(y.readOnly, "readOnly") || o(z)(y.readonly, "readonly"),
         form: y.form,
         pattern: y.pattern,
@@ -1070,18 +1070,18 @@ const Wa = (t) => {
         onFocus: X[3] || (X[3] = async (B) => S(B)),
         list: y.dataList && d.value,
         "aria-describedby": y.ariaDescribedBy ?? g.value
-      }, null, 40, it),
+      }, null, 40, ot),
       y.dataList ? (m(), k("datalist", {
         key: 0,
         id: d.value
       }, [
-        (m(!0), k(G, null, ve(W(), (B) => (m(), k("option", {
+        (m(!0), k(G, null, fe(W(), (B) => (m(), k("option", {
           key: d.value + "-option-" + B.value,
           value: B.value
-        }, L(B.label), 9, ot))), 128))
-      ], 8, lt)) : R("", !0),
+        }, L(B.label), 9, st))), 128))
+      ], 8, nt)) : R("", !0),
       A(y.$slots, "default"),
-      o(Z)(y.message, y.showMessage) ? (m(), Y(ee, {
+      o(Z)(y.message, y.showMessage) ? (m(), Y(ae, {
         key: 1,
         size: y.messageSize || "small",
         icon: y.messageIcon,
@@ -1092,18 +1092,18 @@ const Wa = (t) => {
         ]),
         _: 1
       }, 8, ["size", "icon", "id"])) : R("", !0),
-      p() ? (m(), Y(ee, {
+      p() ? (m(), Y(ae, {
         key: 2,
         semantic: "successful",
         id: c.value,
         size: y.validMessageSize || "small"
       }, {
         default: O(() => [
-          N(L(y.validMessage || o(re)), 1)
+          N(L(y.validMessage || o(ce)), 1)
         ]),
         _: 1
       }, 8, ["id", "size"])) : R("", !0),
-      x(ee, {
+      ee(ae, {
         semantic: "critical",
         id: r.value,
         size: y.invalidMessageSize || "small"
@@ -1113,10 +1113,10 @@ const Wa = (t) => {
         ]),
         _: 1
       }, 8, ["id", "size"]),
-      _("span", nt, L(w.value), 1)
-    ], 10, at));
+      _("span", dt, L(w.value), 1)
+    ], 10, it));
   }
-}), dt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ta = /* @__PURE__ */ U({
+}), rt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], la = /* @__PURE__ */ U({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -1133,7 +1133,7 @@ const Wa = (t) => {
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(we), e = s(!1), i = s(void 0), u = s(void 0), c = s(null);
+    const a = t, n = s(Se), e = s(!1), i = s(void 0), u = s(void 0), c = s(null);
     j(() => {
       n.value = a.id || "tooltip-" + K(), e.value = !0;
     }), D(
@@ -1167,8 +1167,8 @@ const Wa = (t) => {
       return p && p.localName.includes("tooltip") && (p = p.parentElement), p;
     }
     function g(p) {
-      p && c.value && Q(() => {
-        c.value && aa(
+      p && c.value && J(() => {
+        c.value && ia(
           c.value,
           p,
           a.placement ?? "bottom"
@@ -1179,12 +1179,12 @@ const Wa = (t) => {
       p?.target?.contains && p?.target?.contains(c.value) && g(f);
     }
     function w() {
-      i.value && new ie().removeCallback(
+      i.value && new le().removeCallback(
         i.value
       ), u.value?.unobserve(d());
     }
     function h(p) {
-      i.value = new ie().addCallback(
+      i.value = new le().addCallback(
         (f) => I(f, p)
       ), g(p), u.value?.observe(d());
     }
@@ -1205,9 +1205,9 @@ const Wa = (t) => {
       onClick: f[0] || (f[0] = async (T) => r(T))
     }, [
       A(p.$slots, "default")
-    ], 10, dt));
+    ], 10, rt));
   }
-}), ut = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], rt = /* @__PURE__ */ U({
+}), ct = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], vt = /* @__PURE__ */ U({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1236,7 +1236,7 @@ const Wa = (t) => {
       u && (u.stopPropagation(), a.onRemove && a.onRemove(u));
     }
     function i() {
-      return a.removeButton ? a.removeButton : Ye;
+      return a.removeButton ? a.removeButton : Je;
     }
     return (u, c) => (m(), k("div", {
       ref_key: "_ref",
@@ -1266,19 +1266,19 @@ const Wa = (t) => {
         type: "button",
         onClick: c[0] || (c[0] = async (r) => e(r))
       }, [
-        x(ta, { variant: "label" }, {
+        ee(la, { variant: "label" }, {
           default: O(() => [
             N(L(i()), 1)
           ]),
           _: 1
         })
       ])) : R("", !0)
-    ], 10, ut));
+    ], 10, ct));
   }
-}), ct = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], vt = ["id"], ft = ["id", "form", "name", "multiple", "disabled", "required"], pt = ["disabled", "value"], ht = ["open"], mt = ["id", "aria-disabled", "aria-labelledby"], gt = ["data-visually-hidden", "id"], bt = { key: 1 }, yt = { key: 0 }, kt = { key: 0 }, wt = { class: "db-checkbox db-custom-select-list-item" }, St = ["form", "checked"], Bt = ["aria-hidden", "id"], Lt = {
+}), ft = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], pt = ["id"], ht = ["id", "form", "name", "multiple", "disabled", "required"], mt = ["disabled", "value"], gt = ["open"], bt = ["id", "aria-disabled", "aria-labelledby"], yt = ["data-visually-hidden", "id"], kt = { key: 1 }, wt = { key: 0 }, St = { key: 0 }, Bt = { class: "db-checkbox db-custom-select-list-item" }, Lt = ["form", "checked"], It = ["aria-hidden", "id"], $t = {
   "data-visually-hidden": "true",
   role: "status"
-}, ll = /* @__PURE__ */ U({
+}, nl = /* @__PURE__ */ U({
   __name: "custom-select",
   props: {
     children: { default: void 0 },
@@ -1343,12 +1343,12 @@ const Wa = (t) => {
   },
   emits: ["update:values"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(void 0), I = s(void 0), w = s(void 0), h = s(void 0), p = s("no-validation"), f = s(!1), T = s(void 0), C = s(""), b = s(void 0), S = s(""), W = s([]), y = s(!1), X = s(!1), B = s(0), q = s([]), H = s([]), ye = s(!1), fe = s(void 0), Ie = s(0), _e = s(void 0), Ce = s(void 0), Ae = s(void 0), De = s(!1), Se = s(!1), ia = s(null), M = s(null), oe = s(null), $e = s(null), Ne = s(null);
+    const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(void 0), I = s(void 0), w = s(void 0), h = s(void 0), p = s("no-validation"), f = s(!1), T = s(void 0), C = s(""), b = s(void 0), S = s(""), W = s([]), y = s(!1), X = s(!1), B = s(0), q = s([]), H = s([]), ke = s(!1), pe = s(void 0), $e = s(0), Ce = s(void 0), Ae = s(void 0), De = s(void 0), Ne = s(!1), Be = s(!1), oa = s(null), M = s(null), ne = s(null), Te = s(null), Fe = s(null);
     j(() => {
       const l = e.id ?? `custom-select-${K()}`;
-      i.value = l, u.value = l + se, c.value = l + de, r.value = l + ue, d.value = l + We, g.value = l + Ge, I.value = l + "-summary", w.value = l + Ee, b.value = l + "-selected-labels", h.value = l + "-info", v.value = e.invalidMessage || ae, typeof window < "u" && "IntersectionObserver" in window && (Ce.value = new IntersectionObserver(($) => {
+      i.value = l, u.value = l + de, c.value = l + ue, r.value = l + re, d.value = l + He, g.value = l + Oe, I.value = l + "-summary", w.value = l + _e, b.value = l + "-selected-labels", h.value = l + "-info", v.value = e.invalidMessage || te, typeof window < "u" && "IntersectionObserver" in window && (Ae.value = new IntersectionObserver(($) => {
         if (M.value) {
-          const E = $.find(({ target: J }) => J === M.value);
+          const E = $.find(({ target: Q }) => Q === M.value);
           E && !E.isIntersecting && M.value.open && (M.value.open = !1);
         }
       }));
@@ -1357,7 +1357,7 @@ const Wa = (t) => {
       () => {
         M.value && M.value.addEventListener(
           "focusout",
-          (l) => Be(l)
+          (l) => Le(l)
         );
       },
       {
@@ -1368,8 +1368,8 @@ const Wa = (t) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const l = i.value + se;
-          g.value = i.value + Ge, d.value = i.value + We, c.value = i.value + de, r.value = i.value + ue, w.value = i.value + Ee, Z(e.message, e.showMessage) ? ze(l) : ze();
+          const l = i.value + de;
+          g.value = i.value + Oe, d.value = i.value + He, c.value = i.value + ue, r.value = i.value + re, w.value = i.value + _e, Z(e.message, e.showMessage) ? Pe(l) : Pe();
         }
       },
       {
@@ -1394,7 +1394,7 @@ const Wa = (t) => {
     ), D(
       () => [e.showNoResults, e.showLoading, H.value],
       () => {
-        e.showNoResults !== void 0 ? ye.value = e.showNoResults : H.value && (ye.value = H.value.length === 0);
+        e.showNoResults !== void 0 ? ke.value = e.showNoResults : H.value && (ke.value = H.value.length === 0);
       },
       {
         immediate: !0,
@@ -1429,9 +1429,9 @@ const Wa = (t) => {
         flush: "post"
       }
     ), D(
-      () => [q.value, oe.value],
+      () => [q.value, ne.value],
       () => {
-        oe.value && oa();
+        ne.value && sa();
       },
       {
         immediate: !0,
@@ -1449,7 +1449,7 @@ const Wa = (t) => {
     ), D(
       () => [q.value, B.value],
       () => {
-        q.value?.length === 0 ? (De.value = !1, Se.value = !1) : q.value?.length === B.value ? (Se.value = !1, De.value = !0) : q.value && (Se.value = !0);
+        q.value?.length === 0 ? (Ne.value = !1, Be.value = !1) : q.value?.length === B.value ? (Be.value = !1, Ne.value = !0) : q.value && (Be.value = !0);
       },
       {
         immediate: !0,
@@ -1467,9 +1467,9 @@ const Wa = (t) => {
     ), D(
       () => [e.searchValue],
       () => {
-        if (Ae.value = e.searchValue, e.searchValue) {
+        if (De.value = e.searchValue, e.searchValue) {
           const l = e.searchValue;
-          qe(l);
+          Ue(l);
         }
       },
       {
@@ -1506,7 +1506,7 @@ const Wa = (t) => {
             C.value = $(l);
             return;
           }
-          e.selectedType === "amount" ? C.value = e.amountText ? e.amountText : `${W.value?.length} ${wa}` : C.value = W.value?.map((l) => ge(l)).join(", ");
+          e.selectedType === "amount" ? C.value = e.amountText ? e.amountText : `${W.value?.length} ${Ba}` : C.value = W.value?.map((l) => ye(l)).join(", ");
         } else
           C.value = "";
       },
@@ -1524,77 +1524,77 @@ const Wa = (t) => {
         flush: "post"
       }
     ), D(
-      () => [Se.value, $e.value],
+      () => [Be.value, Te.value],
       () => {
-        $e.value && ($e.value.indeterminate = !!Se.value);
+        Te.value && (Te.value.indeterminate = !!Be.value);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), D(
-      () => [oe.value, e.invalidMessage],
+      () => [ne.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || oe.value?.validationMessage || ae;
+        v.value = e.invalidMessage || ne.value?.validationMessage || te;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function la(l) {
-      l?.target?.contains && l?.target?.contains(M.value) && Fe();
+    function na(l) {
+      l?.target?.contains && l?.target?.contains(M.value) && Me();
     }
-    function Re() {
+    function ze() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function oa() {
-      oe.value && (oe.value.value = sa()), !oe.value?.validity.valid || e.validation === "invalid" ? (T.value = r.value, v.value = e.invalidMessage || oe.value?.validationMessage || ae, ce() && (S.value = v.value, Q(() => S.value = "", 1e3)), f.value && (p.value = e.validation ?? "invalid")) : Re() && oe.value?.validity.valid && e.required ? (T.value = c.value, ce() && (S.value = e.validMessage ?? re, Q(() => S.value = "", 1e3)), p.value = e.validation ?? "valid") : Z(e.message, e.showMessage) ? (T.value = u.value, p.value = e.validation ?? "no-validation") : (T.value = w.value, p.value = e.validation ?? "no-validation");
-    }
-    function na(l) {
-      e.onDropdownToggle && (l.stopPropagation(), e.onDropdownToggle(l)), l.target instanceof HTMLDetailsElement && l.target.open ? (fe.value = new ne().addCallback(
-        ($) => pa($)
-      ), _e.value = new ie().addCallback(
-        ($) => la($)
-      ), Fe(), Ce.value?.observe(M.value), l.target.dataset.test || Ve()) : (fe.value && new ne().removeCallback(
-        fe.value
-      ), _e.value && new ie().removeCallback(
-        _e.value
-      ), Ce.value?.unobserve(M.value));
-    }
     function sa() {
+      ne.value && (ne.value.value = ua()), !ne.value?.validity.valid || e.validation === "invalid" ? (T.value = r.value, v.value = e.invalidMessage || ne.value?.validationMessage || te, ve() && (S.value = v.value, J(() => S.value = "", 1e3)), f.value && (p.value = e.validation ?? "invalid")) : ze() && ne.value?.validity.valid && e.required ? (T.value = c.value, ve() && (S.value = e.validMessage ?? ce, J(() => S.value = "", 1e3)), p.value = e.validation ?? "valid") : Z(e.message, e.showMessage) ? (T.value = u.value, p.value = e.validation ?? "no-validation") : (T.value = w.value, p.value = e.validation ?? "no-validation");
+    }
+    function da(l) {
+      e.onDropdownToggle && (l.stopPropagation(), e.onDropdownToggle(l)), l.target instanceof HTMLDetailsElement && l.target.open ? (pe.value = new se().addCallback(
+        ($) => ma($)
+      ), Ce.value = new le().addCallback(
+        ($) => na($)
+      ), Me(), Ae.value?.observe(M.value), l.target.dataset.test || qe()) : (pe.value && new se().removeCallback(
+        pe.value
+      ), Ce.value && new le().removeCallback(
+        Ce.value
+      ), Ae.value?.unobserve(M.value));
+    }
+    function ua() {
       return q.value?.length ? q.value.at(0) ?? "" : "";
     }
-    function ze(l) {
+    function Pe(l) {
       const $ = [];
       l && $.push(l), b.value && C.value?.length && $.push(b.value), T.value = $.join(" ");
     }
-    function da() {
-      return e.selectAllLabel ?? pe;
+    function ra() {
+      return e.selectAllLabel ?? me;
     }
-    function ge(l) {
+    function ye(l) {
       return l.label ?? l.value?.toString() ?? "";
     }
-    function ua(l) {
+    function ca(l) {
       return l && q.value?.includes ? q.value?.includes(l) : !1;
     }
-    function ra(l) {
+    function va(l) {
       const $ = e.removeTagsTexts, E = e.options;
       if ($ && E) {
-        const J = E.findIndex((be) => be.value === l.value);
-        if (J >= 0 && J < $.length)
-          return $[J];
+        const Q = E.findIndex((x) => x.value === l.value);
+        if (Q >= 0 && Q < $.length)
+          return $[Q];
       }
-      return `${Ye} ${ge(l)}`;
+      return `${Je} ${ye(l)}`;
     }
-    function ca(l, $) {
-      $ && $.stopPropagation(), Pe(l.value), Le();
+    function fa(l, $) {
+      $ && $.stopPropagation(), Ve(l.value), Ie();
     }
-    function Fe() {
+    function Me() {
       if (M.value) {
         const l = M.value.querySelector("article");
-        l && Q(() => {
-          Ha(
+        l && J(() => {
+          ja(
             l,
             M.value,
             e.placement ?? "bottom"
@@ -1602,68 +1602,91 @@ const Wa = (t) => {
         }, 1);
       }
     }
-    function va(l) {
+    function pa(l) {
       if (M.value?.open) {
         if (self.document) {
           const $ = self.document.activeElement;
           if ($)
             if ($.getAttribute("type") === "checkbox" || $.getAttribute("type") === "radio") {
-              const J = $?.closest("li");
-              if (l.key === "ArrowDown" || l.key === "ArrowRight")
-                J?.nextElementSibling ? J?.nextElementSibling?.querySelector("input")?.focus() : Te($);
-              else if (J?.previousElementSibling)
-                J?.previousElementSibling?.querySelector("input")?.focus();
-              else if (M.value.querySelector('input[type="checkbox"]') !== $)
-                Te($);
-              else {
-                const be = Xe(M.value);
-                if (be)
-                  Q(() => {
-                    be.focus();
-                  }, 100);
-                else {
-                  const Ue = Array.from(
-                    M.value?.querySelectorAll(
-                      'input[type="checkbox"],input[type="radio"]'
-                    )
+              const Q = $?.closest("li");
+              if (l.key === "ArrowDown" || l.key === "ArrowRight") {
+                let x = Q?.nextElementSibling;
+                for (; x; ) {
+                  const he = x.querySelector("input");
+                  if (he) {
+                    he.focus();
+                    break;
+                  }
+                  x = x.nextElementSibling;
+                }
+                x || Ee($);
+              } else {
+                let x = Q?.previousElementSibling;
+                for (; x; ) {
+                  const he = x.querySelector("input");
+                  if (he) {
+                    he.focus();
+                    break;
+                  }
+                  x = x.previousElementSibling;
+                }
+                if (!x) {
+                  const he = M.value.querySelector(
+                    'input[type="checkbox"]'
                   );
-                  Ue.length && Ue.at(-1)?.focus();
+                  if (he && he !== $)
+                    Ee($);
+                  else {
+                    const Ge = Ye(M.value);
+                    if (Ge)
+                      J(() => {
+                        Ge.focus();
+                      }, 100);
+                    else {
+                      const We = Array.from(
+                        M.value?.querySelectorAll(
+                          'input[type="checkbox"],input[type="radio"]'
+                        )
+                      );
+                      We.length && We.at(-1)?.focus();
+                    }
+                  }
                 }
               }
             } else
-              $.getAttribute("type") === "search" && (l.key === "ArrowUp" || l.key === "ArrowLeft") ? (Be(void 0, !0), Le()) : Te($);
+              $.getAttribute("type") === "search" && (l.key === "ArrowUp" || l.key === "ArrowLeft") ? (Le(void 0, !0), Ie()) : Ee($);
         }
-      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Fe(), M.value && (M.value.open = !0), Ve());
+      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Me(), M.value && (M.value.open = !0), qe());
       l.stopPropagation(), l.preventDefault();
     }
-    function fa(l) {
+    function ha(l) {
       if (l.stopPropagation(), l.key === "Escape" && M.value?.open)
-        Be(void 0, !0), Le();
+        Le(void 0, !0), Ie();
       else if (l.key === "Enter" && M.value?.open) {
         if (self.document) {
           const $ = self.document.activeElement;
           ["checkbox", "radio"].includes($.getAttribute("type") || "") && ($.click(), l.preventDefault());
         }
-      } else (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && va(l);
+      } else (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && pa(l);
     }
-    function Be(l, $) {
+    function Le(l, $) {
       if (M.value) {
         if ($)
-          M.value.open = !1, Le();
+          M.value.open = !1, Ie();
         else if (M.value.open && l && l.relatedTarget) {
           const E = l.relatedTarget;
-          M.value.contains(E) || Q(() => M.value.open = !1, 1);
+          M.value.contains(E) || J(() => M.value.open = !1, 1);
         }
       }
     }
-    function pa(l) {
+    function ma(l) {
       if (l) {
         const $ = l.target;
         M.value?.open && !M.value.contains($) && (M.value.open = !1);
       }
     }
-    function ke(l) {
-      (/* @__PURE__ */ new Date()).getTime() - Ie.value < 200 || (q.value = l, f.value = !0, e.onOptionSelected && e.onOptionSelected(l ?? []), le(
+    function we(l) {
+      (/* @__PURE__ */ new Date()).getTime() - $e.value < 200 || (q.value = l, f.value = !0, e.onOptionSelected && e.onOptionSelected(l ?? []), oe(
         n,
         {
           target: {
@@ -1671,24 +1694,24 @@ const Wa = (t) => {
           }
         },
         "values"
-      ), Ie.value = (/* @__PURE__ */ new Date()).getTime());
+      ), $e.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function Pe(l) {
-      l && (e.multiple ? q.value?.includes(l) ? ke(q.value.filter(($) => $ !== l)) : ke([...q.value || [], l]) : (ke([l]), Be(void 0, !0)));
+    function Ve(l) {
+      l && (e.multiple ? q.value?.includes(l) ? we(q.value.filter(($) => $ !== l)) : we([...q.value || [], l]) : (we([l]), Le(void 0, !0)));
     }
-    function ha(l) {
+    function ga(l) {
       if (l.stopPropagation(), q.value?.length === B.value)
-        ke([]);
+        we([]);
       else {
-        const $ = X.value && Ne.value ? Ne.value.value : void 0;
-        ke(
+        const $ = X.value && Fe.value ? Fe.value.value : void 0;
+        we(
           e.options ? e.options.filter(
             (E) => !E.isGroupTitle && (!$ || E.value?.toLowerCase().includes($.toLowerCase()))
           ).map((E) => E.value ?? "") : []
         );
       }
     }
-    function Te(l) {
+    function Ee(l) {
       if (M.value) {
         const $ = Array.from(
           M.value.querySelectorAll(
@@ -1696,22 +1719,22 @@ const Wa = (t) => {
           )
         );
         if ($.length) {
-          const E = $.at(0), J = E === l && $.length > 1 ? $.at(1) : E;
-          J && Q(() => {
-            J.focus();
+          const E = $.at(0), Q = E === l && $.length > 1 ? $.at(1) : E;
+          Q && J(() => {
+            Q.focus();
           }, 1);
         }
       }
     }
-    function Ve() {
+    function qe() {
       if (M.value) {
-        const l = Xe(M.value);
-        l ? Q(() => {
+        const l = Ye(M.value);
+        l ? J(() => {
           l.focus();
-        }, 1) : Te();
+        }, 1) : Ee();
       }
     }
-    function qe(l) {
+    function Ue(l) {
       if (l === void 0)
         return;
       let $;
@@ -1719,69 +1742,69 @@ const Wa = (t) => {
         $ = l;
       else {
         const E = l;
-        E.stopPropagation(), e.onSearch && e.onSearch(E), $ = E.target.value, Ae.value = $;
+        E.stopPropagation(), e.onSearch && e.onSearch(E), $ = E.target.value, De.value = $;
       }
       !e.options || !$ || $.length === 0 ? H.value = e.options : e.searchFilter ? H.value = e.options.filter(
         (E) => e.searchFilter(E, $)
       ) : H.value = e.options.filter(
-        (E) => !E.isGroupTitle && ge(E).toLowerCase().includes($.toLowerCase())
+        (E) => !E.isGroupTitle && ye(E).toLowerCase().includes($.toLowerCase())
       );
     }
-    function ma(l) {
-      l.stopPropagation(), ke([]), Le();
+    function ba(l) {
+      l.stopPropagation(), we([]), Ie();
     }
-    function Le() {
+    function Ie() {
       M.value && M.value.querySelector("summary")?.focus();
     }
-    function ga(l) {
+    function ya(l) {
       l.stopPropagation();
     }
     return (l, $) => (m(), k("div", {
       id: i.value,
       ref_key: "_ref",
-      ref: ia,
+      ref: oa,
       class: P(o(V)("db-custom-select", e.class)),
       "aria-invalid": p.value === "invalid",
       "data-custom-validity": p.value,
       "data-width": l.formFieldWidth,
       "data-variant": l.variant === "floating" && l.selectedType === "tag" && l.multiple ? "above" : l.variant,
       "data-required": o(F)(l.required),
-      "data-hide-asterisk": o(te)(l.showRequiredAsterisk),
+      "data-hide-asterisk": o(ie)(l.showRequiredAsterisk),
       "data-placement": l.placement,
       "data-selected-type": l.multiple ? l.selectedType : "text",
-      "data-hide-label": o(te)(l.showLabel),
+      "data-hide-label": o(ie)(l.showLabel),
       "data-icon": l.icon,
       "data-show-icon": o(F)(l.showIcon)
     }, [
       _("label", { id: g.value }, [
-        N(L(l.label ?? o(pe)), 1),
+        N(L(l.label ?? o(me)), 1),
         _("select", {
           role: "none",
           hidden: !0,
           id: d.value,
           tabIndex: -1,
           ref_key: "selectRef",
-          ref: oe,
+          ref: ne,
           form: l.form,
           name: l.name,
           multiple: o(z)(l.multiple, "multiple"),
           disabled: o(z)(l.disabled, "disabled"),
           required: o(z)(l.required, "required"),
-          onChange: $[0] || ($[0] = async (E) => ga(E))
+          onChange: $[0] || ($[0] = async (E) => ya(E))
         }, [
-          l.options?.length ? (m(!0), k(G, { key: 0 }, ve(l.options, (E, J) => (m(), k("option", {
-            key: J,
+          l.options?.length ? (m(!0), k(G, { key: 0 }, fe(l.options, (E, Q) => (m(), k("option", {
+            key: Q,
             disabled: E.disabled,
             value: E.value
-          }, L(ge(E)), 9, pt))), 128)) : R("", !0)
-        ], 40, ft)
-      ], 8, vt),
+          }, L(ye(E)), 9, mt))), 128)) : R("", !0)
+        ], 40, ht)
+      ], 8, pt),
       _("details", {
         ref_key: "detailsRef",
         ref: M,
         open: l.open,
-        onToggle: $[2] || ($[2] = async (E) => na(E)),
-        onKeydown: $[3] || ($[3] = async (E) => fa(E))
+        onToggle: $[2] || ($[2] = async (E) => da(E)),
+        onKeydown: $[3] || ($[3] = async (E) => ha(E))
       }, [
         A(l.$slots, "default"),
         l.options ? (m(), k(G, { key: 0 }, [
@@ -1795,87 +1818,87 @@ const Wa = (t) => {
               key: 0,
               "data-visually-hidden": o(F)(l.selectedType === "tag"),
               id: b.value
-            }, L(C.value), 9, gt)) : R("", !0),
-            l.selectedType === "tag" ? (m(), k("div", bt, [
-              (m(!0), k(G, null, ve(W.value, (E, J) => (m(), Y(rt, {
-                key: J,
+            }, L(C.value), 9, yt)) : R("", !0),
+            l.selectedType === "tag" ? (m(), k("div", kt, [
+              (m(!0), k(G, null, fe(W.value, (E, Q) => (m(), Y(vt, {
+                key: Q,
                 emphasis: "strong",
                 behavior: "removable",
-                removeButton: ra(E),
-                onRemove: (be) => ca(E, be)
+                removeButton: va(E),
+                onRemove: (x) => fa(E, x)
               }, {
                 default: O(() => [
-                  N(L(ge(E)), 1)
+                  N(L(ye(E)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
             ])) : R("", !0)
-          ], 8, mt),
-          x(ja, { width: l.dropdownWidth }, {
+          ], 8, bt),
+          ee(Ka, { width: l.dropdownWidth }, {
             default: O(() => [
-              X.value ? (m(), k("div", yt, [
-                x(st, {
+              X.value ? (m(), k("div", wt, [
+                ee(ut, {
                   type: "search",
                   ref_key: "searchInputRef",
-                  ref: Ne,
+                  ref: Fe,
                   name: i.value,
                   form: i.value,
                   showLabel: !1,
-                  value: Ae.value,
-                  label: l.searchLabel ?? o(pe),
+                  value: De.value,
+                  label: l.searchLabel ?? o(me),
                   placeholder: l.searchPlaceholder ?? l.searchLabel,
-                  ariaDescribedBy: ye.value || l.showLoading ? h.value : void 0,
-                  onInput: (E) => qe(E)
+                  ariaDescribedBy: ke.value || l.showLoading ? h.value : void 0,
+                  onInput: (E) => Ue(E)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
               ])) : R("", !0),
-              ye.value || l.showLoading ? (m(), Y(ee, {
+              ke.value || l.showLoading ? (m(), Y(ae, {
                 key: 1,
                 id: h.value,
                 icon: l.showLoading ? "circular_arrows" : void 0,
                 semantic: l.showLoading ? "informational" : "warning"
               }, {
                 default: O(() => [
-                  N(L((l.showLoading ? l.loadingText : l.noResultsText) ?? o(ya)), 1)
+                  N(L((l.showLoading ? l.loadingText : l.noResultsText) ?? o(wa)), 1)
                 ]),
                 _: 1
               }, 8, ["id", "icon", "semantic"])) : (m(), k(G, { key: 2 }, [
-                y.value ? (m(), k("div", kt, [
-                  _("div", wt, [
+                y.value ? (m(), k("div", St, [
+                  _("div", Bt, [
                     _("label", null, [
                       _("input", {
                         type: "checkbox",
                         value: "select-all",
                         ref_key: "selectAllRef",
-                        ref: $e,
+                        ref: Te,
                         form: i.value,
-                        checked: De.value,
-                        onChange: $[1] || ($[1] = async (E) => ha(E))
-                      }, null, 40, St),
-                      N(L(da()), 1)
+                        checked: Ne.value,
+                        onChange: $[1] || ($[1] = async (E) => ga(E))
+                      }, null, 40, Lt),
+                      N(L(ra()), 1)
                     ])
                   ])
                 ])) : R("", !0),
-                x(et, {
+                ee(tt, {
                   multiple: o(z)(l.multiple, "multiple"),
-                  label: l.ariaListLabel ?? l.label ?? o(pe)
+                  label: l.ariaListLabel ?? l.label ?? o(me)
                 }, {
                   default: O(() => [
-                    (m(!0), k(G, null, ve(H.value, (E, J) => (m(), Y(Za, {
-                      key: J,
+                    (m(!0), k(G, null, fe(H.value, (E, Q) => (m(), Y(et, {
+                      key: Q,
                       type: l.multiple ? "checkbox" : "radio",
                       showDivider: E.showDivider,
                       icon: E.icon,
                       isGroupTitle: E.isGroupTitle,
-                      groupTitle: ge(E),
+                      groupTitle: ye(E),
                       name: i.value,
-                      checked: ua(E.value),
+                      checked: ca(E.value),
                       disabled: E.disabled,
                       value: E.value,
-                      onChange: (be) => Pe(E.value)
+                      onChange: (x) => Ve(E.value)
                     }, {
                       default: O(() => [
                         E.isGroupTitle ? R("", !0) : (m(), k(G, { key: 0 }, [
-                          N(L(ge(E)), 1)
+                          N(L(ye(E)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -1885,17 +1908,17 @@ const Wa = (t) => {
                 }, 8, ["multiple", "label"])
               ], 64)),
               _("div", null, [
-                x(me, {
+                ee(be, {
                   variant: "ghost",
                   width: "full",
                   icon: "cross",
                   size: "small",
                   name: i.value,
                   form: i.value,
-                  onClick: (E) => Be(void 0, !0)
+                  onClick: (E) => Le(void 0, !0)
                 }, {
                   default: O(() => [
-                    N(L(l.mobileCloseButtonText ?? o(Me)), 1)
+                    N(L(l.mobileCloseButtonText ?? o(Re)), 1)
                   ]),
                   _: 1
                 }, 8, ["name", "form", "onClick"])
@@ -1904,8 +1927,8 @@ const Wa = (t) => {
             _: 1
           }, 8, ["width"])
         ], 64)) : R("", !0)
-      ], 40, ht),
-      (l.showClearSelection ?? !0) && q.value?.length ? (m(), Y(me, {
+      ], 40, gt),
+      (l.showClearSelection ?? !0) && q.value?.length ? (m(), Y(be, {
         key: 0,
         icon: "cross",
         variant: "ghost",
@@ -1913,11 +1936,11 @@ const Wa = (t) => {
         noText: !0,
         name: i.value,
         form: i.value,
-        onClick: (E) => ma(E)
+        onClick: (E) => ba(E)
       }, {
         default: O(() => [
           N(L(l.clearSelectionText), 1),
-          x(ta, { placement: "top" }, {
+          ee(la, { placement: "top" }, {
             default: O(() => [
               N(L(l.clearSelectionText), 1)
             ]),
@@ -1930,8 +1953,8 @@ const Wa = (t) => {
         class: "db-custom-select-placeholder",
         "aria-hidden": o(F)(!0),
         id: w.value
-      }, L(l.placeholder ?? l.label), 9, Bt),
-      o(Z)(l.message, l.showMessage) ? (m(), Y(ee, {
+      }, L(l.placeholder ?? l.label), 9, It),
+      o(Z)(l.message, l.showMessage) ? (m(), Y(ae, {
         key: 1,
         size: "small",
         icon: l.messageIcon,
@@ -1942,18 +1965,18 @@ const Wa = (t) => {
         ]),
         _: 1
       }, 8, ["icon", "id"])) : R("", !0),
-      Re() ? (m(), Y(ee, {
+      ze() ? (m(), Y(ae, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: c.value
       }, {
         default: O(() => [
-          N(L(l.validMessage || o(re)), 1)
+          N(L(l.validMessage || o(ce)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : R("", !0),
-      x(ee, {
+      ee(ae, {
         size: "small",
         semantic: "critical",
         id: r.value
@@ -1963,10 +1986,10 @@ const Wa = (t) => {
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Lt, L(S.value), 1)
-    ], 10, ct));
+      _("span", $t, L(S.value), 1)
+    ], 10, ft));
   }
-}), ol = ["fixed", "auto", "full"], It = ["id"], nl = /* @__PURE__ */ U({
+}), sl = ["fixed", "auto", "full"], Tt = ["id"], dl = /* @__PURE__ */ U({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -1984,9 +2007,9 @@ const Wa = (t) => {
       class: P(o(V)("db-custom-select-form-field", a.class))
     }, [
       A(e.$slots, "default")
-    ], 10, It));
+    ], 10, Tt));
   }
-}), sl = ["checkbox", "radio"], dl = ["amount", "text", "tag"], $t = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], ul = /* @__PURE__ */ U({
+}), ul = ["checkbox", "radio"], rl = ["amount", "text", "tag"], Et = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], cl = /* @__PURE__ */ U({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -2010,9 +2033,9 @@ const Wa = (t) => {
       "data-emphasis": e.emphasis,
       "data-width": e.width,
       class: P(o(V)("db-divider", a.class))
-    }, null, 10, $t));
+    }, null, 10, Et));
   }
-}), rl = ["none", "_"], cl = ["horizontal", "vertical"], Tt = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Et = ["data-spacing", "data-width", "data-direction", "data-rounded"], _t = { class: "db-drawer-header" }, Ct = { class: "db-drawer-header-text" }, At = { class: "db-drawer-content" }, Dt = /* @__PURE__ */ U({
+}), vl = ["none", "_"], fl = ["horizontal", "vertical"], _t = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Ct = ["data-spacing", "data-width", "data-direction", "data-rounded"], At = { class: "db-drawer-header" }, Dt = { class: "db-drawer-header-text" }, Nt = { class: "db-drawer-content" }, Ft = /* @__PURE__ */ U({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -2061,12 +2084,12 @@ const Wa = (t) => {
       }
     );
     function u(r, v) {
-      r && (_a(r) ? r.key === "Escape" && (r.preventDefault(), a.onClose && a.onClose(r)) : (v && (r.stopPropagation(), a.onClose && a.onClose(r)), r.target?.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(r)));
+      r && (Aa(r) ? r.key === "Escape" && (r.preventDefault(), a.onClose && a.onClose(r)) : (v && (r.stopPropagation(), a.onClose && a.onClose(r)), r.target?.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(r)));
     }
     function c() {
       if (e.value) {
         const r = !!a.open;
-        r && !e.value.open && (i.value && (i.value.hidden = !1), a.position === "absolute" || a.backdrop === "none" || a.variant === "inside" ? e.value.show() : e.value.showModal()), !r && e.value.open && (i.value && (i.value.hidden = !0), Q(() => {
+        r && !e.value.open && (i.value && (i.value.hidden = !1), a.position === "absolute" || a.backdrop === "none" || a.variant === "inside" ? e.value.show() : e.value.showModal()), !r && e.value.open && (i.value && (i.value.hidden = !0), J(() => {
           i.value && (i.value.hidden = !1), e.value?.close();
         }, 401));
       }
@@ -2092,11 +2115,11 @@ const Wa = (t) => {
         "data-direction": r.direction,
         "data-rounded": o(F)(r.rounded)
       }, [
-        _("header", _t, [
-          _("div", Ct, [
+        _("header", At, [
+          _("div", Dt, [
             A(r.$slots, "drawer-header")
           ]),
-          x(me, {
+          ee(be, {
             class: "button-close-drawer",
             icon: "cross",
             variant: "ghost",
@@ -2105,24 +2128,24 @@ const Wa = (t) => {
             onClick: (d) => u(d, !0)
           }, {
             default: O(() => [
-              N(L(r.closeButtonText ?? o(Me)), 1)
+              N(L(r.closeButtonText ?? o(Re)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        _("div", At, [
+        _("div", Nt, [
           A(r.$slots, "default")
         ])
-      ], 10, Et)
-    ], 40, Tt));
+      ], 10, Ct)
+    ], 40, _t));
   }
-}), vl = ["none", "strong", "weak", "invisible"], fl = ["left", "right", "up", "down"], pl = ["modal", "inside"], hl = ["fixed", "absolute"], Nt = (t) => {
+}), pl = ["none", "strong", "weak", "invisible"], hl = ["left", "right", "up", "down"], ml = ["modal", "inside"], gl = ["fixed", "absolute"], Mt = (t) => {
   const {
     target: a
   } = t;
   return !!(!a?.classList?.contains("db-navigation-item-expand-button") && a?.parentElement?.classList.contains("db-navigation-item"));
 };
-class Ft {
+class Rt {
   element;
   subNavigation;
   parentSubNavigation = null;
@@ -2140,7 +2163,7 @@ class Ft {
   enableFollow() {
     if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
       return;
-    const a = Oa(this.subNavigation), n = this.element.getBoundingClientRect(), e = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+    const a = Xa(this.subNavigation), n = this.element.getBoundingClientRect(), e = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
     this.triangleData = {
       itemRect: n,
       parentElementWidth: e,
@@ -2195,7 +2218,7 @@ class Ft {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), n && (this.triangleData = void 0));
   }
 }
-const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-header-drawer-navigation" }, zt = { class: "db-header-meta-navigation" }, Pt = { class: "db-header-secondary-action" }, Vt = { class: "db-header-meta-navigation" }, qt = { class: "db-header-navigation-bar" }, Ut = { class: "db-header-brand-container" }, Gt = { class: "db-header-navigation-container" }, Wt = { class: "db-header-navigation" }, Ot = { class: "db-header-primary-action" }, Ht = { class: "db-header-action-container" }, Xt = { class: "db-header-burger-menu-container" }, jt = { class: "db-header-secondary-action" }, ml = /* @__PURE__ */ U({
+const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-header-drawer-navigation" }, Vt = { class: "db-header-meta-navigation" }, qt = { class: "db-header-secondary-action" }, Ut = { class: "db-header-meta-navigation" }, Gt = { class: "db-header-navigation-bar" }, Wt = { class: "db-header-brand-container" }, Ot = { class: "db-header-navigation-container" }, Ht = { class: "db-header-navigation" }, Xt = { class: "db-header-primary-action" }, jt = { class: "db-header-action-container" }, Yt = { class: "db-header-burger-menu-container" }, Kt = { class: "db-header-secondary-action" }, bl = /* @__PURE__ */ U({
   __name: "header",
   props: {
     brand: {},
@@ -2221,7 +2244,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     }), D(
       () => [n.value, i.value],
       () => {
-        n.value && i.value && a.forceMobile && (xe(i.value, {
+        n.value && i.value && a.forceMobile && (aa(i.value, {
           key: "data-force-mobile",
           value: "true"
         }), e.value = !0);
@@ -2236,7 +2259,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       a.onToggle && a.onToggle(v);
     }
     function c(r) {
-      Nt(r) && u();
+      Mt(r) && u();
     }
     return (r, v) => (m(), k("header", {
       ref_key: "_ref",
@@ -2246,7 +2269,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       "data-width": r.width,
       "data-on-forcing-mobile": r.forceMobile && !e.value
     }, [
-      x(Dt, {
+      ee(Ft, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
@@ -2254,60 +2277,60 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         onClose: (d) => u()
       }, {
         default: O(() => [
-          _("div", Rt, [
+          _("div", Pt, [
             _("div", {
               class: "db-header-navigation",
               onClick: v[0] || (v[0] = async (d) => c(d))
             }, [
               A(r.$slots, "default")
             ]),
-            _("div", zt, [
+            _("div", Vt, [
               A(r.$slots, "meta-navigation")
             ])
           ]),
-          _("div", Pt, [
+          _("div", qt, [
             A(r.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
-      _("div", Vt, [
+      _("div", Ut, [
         A(r.$slots, "meta-navigation")
       ]),
-      _("div", qt, [
-        _("div", Ut, [
+      _("div", Gt, [
+        _("div", Wt, [
           A(r.$slots, "brand")
         ]),
-        _("div", Gt, [
-          _("div", Wt, [
+        _("div", Ot, [
+          _("div", Ht, [
             A(r.$slots, "default")
           ]),
-          _("div", Ot, [
+          _("div", Xt, [
             A(r.$slots, "primary-action")
           ])
         ]),
-        _("div", Ht, [
-          _("div", Xt, [
-            x(me, {
+        _("div", jt, [
+          _("div", Yt, [
+            ee(be, {
               icon: "menu",
               variant: "ghost",
               noText: !0,
               onClick: (d) => u()
             }, {
               default: O(() => [
-                N(L(r.burgerMenuLabel ?? o(Sa)), 1)
+                N(L(r.burgerMenuLabel ?? o(La)), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ]),
-          _("div", jt, [
+          _("div", Kt, [
             A(r.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, Mt));
+    ], 10, zt));
   }
-}), Yt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], gl = /* @__PURE__ */ U({
+}), Jt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], yl = /* @__PURE__ */ U({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -2335,9 +2358,9 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       e.text ? (m(), k(G, { key: 0 }, [
         N(L(e.text), 1)
       ], 64)) : A(e.$slots, "default", { key: 1 })
-    ], 10, Yt));
+    ], 10, Jt));
   }
-}), bl = ["16", "20", "24", "32", "48", "64"], yl = [
+}), kl = ["16", "20", "24", "32", "48", "64"], wl = [
   "color",
   "date",
   "datetime-local",
@@ -2356,7 +2379,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
   "time",
   "url",
   "week"
-], Kt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "data-size", "data-show-icon-trailing", "data-variant", "data-content", "data-wrap"], kl = /* @__PURE__ */ U({
+], Qt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "data-size", "data-show-icon-trailing", "data-variant", "data-content", "data-wrap"], Sl = /* @__PURE__ */ U({
   __name: "link",
   props: {
     content: { default: void 0 },
@@ -2406,9 +2429,9 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       i.text ? (m(), k(G, { key: 0 }, [
         N(L(i.text), 1)
       ], 64)) : A(i.$slots, "default", { key: 1 })
-    ], 10, Kt));
+    ], 10, Qt));
   }
-}), wl = ["adaptive", "brand", "inline"], Sl = ["medium", "small"], Bl = ["external", "internal"], Jt = ["id"], Ll = /* @__PURE__ */ U({
+}), Bl = ["adaptive", "brand", "inline"], Ll = ["medium", "small"], Il = ["external", "internal"], Zt = ["id"], $l = /* @__PURE__ */ U({
   __name: "navigation",
   props: {
     children: { default: void 0 },
@@ -2418,7 +2441,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(we), e = s(null);
+    const a = t, n = s(Se), e = s(null);
     return j(() => {
       n.value = a.id || "navigation-" + K();
     }), (i, u) => (m(), k("nav", {
@@ -2430,12 +2453,12 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       _("menu", null, [
         A(i.$slots, "default")
       ])
-    ], 10, Jt));
+    ], 10, Zt));
   }
-}), Qt = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], Zt = ["aria-haspopup", "aria-expanded", "disabled"], xt = ["data-force-close", "id"], ei = {
+}), xt = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], ei = ["aria-haspopup", "aria-expanded", "disabled"], ai = ["data-force-close", "id"], ti = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, Il = /* @__PURE__ */ U({
+}, Tl = /* @__PURE__ */ U({
   __name: "navigation-item",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -2479,7 +2502,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       () => {
         if (n.value && d.value) {
           const h = d.value.querySelector("menu");
-          h && (h.children?.length > 0 ? (e.value = !0, v.value || (v.value = new Ft(
+          h && (h.children?.length > 0 ? (e.value = !0, v.value || (v.value = new Rt(
             d.value,
             h
           ))) : i.value = !1);
@@ -2491,7 +2514,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       }
     );
     function g(h) {
-      h?.target?.nodeName === "A" && (c.value = !0, Q(() => {
+      h?.target?.nodeName === "A" && (c.value = !0, J(() => {
         c.value = !1;
       }, 1e3));
     }
@@ -2532,32 +2555,32 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
           h.text ? (m(), k(G, { key: 0 }, [
             N(L(h.text), 1)
           ], 64)) : A(h.$slots, "default", { key: 1 })
-        ], 8, Zt),
+        ], 8, ei),
         _("menu", {
           class: "db-sub-navigation",
           "data-force-close": c.value,
           id: r.value,
           onClick: p[1] || (p[1] = async (f) => g(f))
         }, [
-          e.value ? (m(), k("div", ei, [
-            x(me, {
+          e.value ? (m(), k("div", ti, [
+            ee(be, {
               icon: "arrow_left",
               variant: "ghost",
               id: h.backButtonId,
               onClick: (f) => w(f)
             }, {
               default: O(() => [
-                N(L(h.backButtonText ?? o(ka)), 1)
+                N(L(h.backButtonText ?? o(Sa)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : R("", !0),
           A(h.$slots, "sub-navigation")
-        ], 8, xt)
+        ], 8, ai)
       ], 64)) : R("", !0)
-    ], 42, Qt));
+    ], 42, xt));
   }
-}), ai = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-show-icon", "data-link-variant"], ti = { key: 0 }, ii = { key: 1 }, $l = /* @__PURE__ */ U({
+}), ii = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-show-icon", "data-link-variant"], li = { key: 0 }, oi = { key: 1 }, El = /* @__PURE__ */ U({
   __name: "notification",
   props: {
     ariaLive: { default: void 0 },
@@ -2605,15 +2628,15 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       "data-link-variant": i.linkVariant
     }, [
       A(i.$slots, "image"),
-      o(Z)(i.headline, i.showHeadline) ? (m(), k("header", ti, L(i.headline), 1)) : R("", !0),
+      o(Z)(i.headline, i.showHeadline) ? (m(), k("header", li, L(i.headline), 1)) : R("", !0),
       _("p", null, [
         i.text ? (m(), k(G, { key: 0 }, [
           N(L(i.text), 1)
         ], 64)) : A(i.$slots, "default", { key: 1 })
       ]),
-      o(Z)(i.timestamp, i.showTimestamp) ? (m(), k("span", ii, L(i.timestamp), 1)) : R("", !0),
+      o(Z)(i.timestamp, i.showTimestamp) ? (m(), k("span", oi, L(i.timestamp), 1)) : R("", !0),
       A(i.$slots, "link"),
-      o(z)(i.closeable, "closeable") ? (m(), Y(me, {
+      o(z)(i.closeable, "closeable") ? (m(), Y(be, {
         key: 2,
         icon: "cross",
         variant: "ghost",
@@ -2623,13 +2646,13 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         onClick: (c) => e(c)
       }, {
         default: O(() => [
-          N(L(i.closeButtonText ?? o(Me)), 1)
+          N(L(i.closeButtonText ?? o(Re)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : R("", !0)
-    ], 10, ai));
+    ], 10, ii));
   }
-}), Tl = ["docked", "standalone", "overlay"], El = ["block", "inline"], _l = ["assertive", "polite", "off"], li = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], Cl = /* @__PURE__ */ U({
+}), _l = ["docked", "standalone", "overlay"], Cl = ["block", "inline"], Al = ["assertive", "polite", "off"], ni = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], Dl = /* @__PURE__ */ U({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -2650,7 +2673,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       n.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         n.value = !0;
       }) : n.value = !0;
-    }), ba(() => {
+    }), ka(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
     }), (i, u) => (m(), k("div", {
       ref_key: "_ref",
@@ -2668,9 +2691,9 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         A(i.$slots, "default")
       ], 2),
       A(i.$slots, "footer")
-    ], 10, li));
+    ], 10, ni));
   }
-}), Al = ["auto", "fixed"], Dl = ["hidden", "auto"], oi = ["id"], ni = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Nl = /* @__PURE__ */ U({
+}), Nl = ["auto", "fixed"], Fl = ["hidden", "auto"], si = ["id"], di = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Ml = /* @__PURE__ */ U({
   __name: "popover",
   props: {
     open: { type: [Boolean, String], default: void 0 },
@@ -2735,8 +2758,8 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     function v() {
       if (!c.value) return;
       const h = c.value.querySelector("article");
-      h && Q(() => {
-        aa(
+      h && J(() => {
+        ia(
           h,
           c.value,
           a.placement ?? "bottom"
@@ -2747,7 +2770,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       h?.target?.contains && h?.target?.contains(c.value) && v();
     }
     function g() {
-      e.value = !0, i.value = new ie().addCallback(
+      e.value = !0, i.value = new le().addCallback(
         (p) => d(p)
       ), v();
       const h = w();
@@ -2755,7 +2778,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     }
     function I(h) {
       {
-        e.value = !1, i.value && new ie().removeCallback(
+        e.value = !1, i.value && new le().removeCallback(
           i.value
         );
         const p = w();
@@ -2790,10 +2813,10 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         "data-placement": h.placement
       }, [
         A(h.$slots, "default")
-      ], 8, ni)
-    ], 10, oi));
+      ], 8, di)
+    ], 10, si));
   }
-}), si = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], di = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required"], Fl = /* @__PURE__ */ U({
+}), ui = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], ri = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required"], Rl = /* @__PURE__ */ U({
   __name: "radio",
   props: {
     children: { default: void 0 },
@@ -2836,7 +2859,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       }
     );
     function r(g) {
-      e.onChange && e.onChange(g), le(n, g);
+      e.onChange && e.onChange(g), oe(n, g);
     }
     function v(g) {
       e.onBlur && e.onBlur(g);
@@ -2846,8 +2869,8 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     }
     return (g, I) => (m(), k("label", {
       "data-size": g.size,
-      "data-hide-label": o(te)(g.showLabel),
-      "data-hide-asterisk": o(te)(g.showRequiredAsterisk),
+      "data-hide-label": o(ie)(g.showLabel),
+      "data-hide-asterisk": o(ie)(g.showRequiredAsterisk),
       class: P(o(V)("db-radio", e.class)),
       for: u.value
     }, [
@@ -2866,13 +2889,13 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         onChange: I[0] || (I[0] = async (w) => r(w)),
         onBlur: I[1] || (I[1] = async (w) => v(w)),
         onFocus: I[2] || (I[2] = async (w) => d(w))
-      }, null, 40, di),
+      }, null, 40, ri),
       g.label ? (m(), k(G, { key: 0 }, [
         N(L(g.label), 1)
       ], 64)) : A(g.$slots, "default", { key: 1 })
-    ], 10, si));
+    ], 10, ui));
   }
-}), ui = ["id", "data-spacing", "data-width"], Ml = /* @__PURE__ */ U({
+}), ci = ["id", "data-spacing", "data-width"], zl = /* @__PURE__ */ U({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -2884,7 +2907,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(we), e = s(null);
+    const a = t, n = s(Se), e = s(null);
     return j(() => {
       n.value = a.id || "section-" + K();
     }), (i, u) => (m(), k("section", {
@@ -2896,16 +2919,16 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       "data-width": i.width
     }, [
       A(i.$slots, "default")
-    ], 10, ui));
+    ], 10, ci));
   }
-}), ri = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], ci = ["for"], vi = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], fi = {
+}), vi = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], fi = ["for"], pi = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], hi = {
   key: 0,
   class: "placeholder",
   value: ""
-}, pi = ["label"], hi = ["value", "selected", "disabled"], mi = ["value", "disabled", "selected"], gi = ["id"], bi = {
+}, mi = ["label"], gi = ["value", "selected", "disabled"], bi = ["value", "disabled", "selected"], yi = ["id"], ki = {
   "data-visually-hidden": "true",
   role: "status"
-}, Rl = /* @__PURE__ */ U({
+}, Pl = /* @__PURE__ */ U({
   __name: "select",
   props: {
     children: { default: void 0 },
@@ -2952,11 +2975,11 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     j(() => {
       w.value = !0;
       const B = e.id ?? `select-${K()}`;
-      i.value = B, u.value = B + se, c.value = B + de, r.value = B + ue, d.value = B + Ee, v.value = e.invalidMessage || ae;
+      i.value = B, u.value = B + de, c.value = B + ue, r.value = B + re, d.value = B + _e, v.value = e.invalidMessage || te;
     }), D(
       () => [p.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || p.value?.validationMessage || ae;
+        v.value = e.invalidMessage || p.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -2966,8 +2989,8 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       () => [i.value, w.value],
       () => {
         if (i.value && w.value) {
-          const B = i.value + se, q = i.value + Ee;
-          u.value = B, c.value = i.value + de, r.value = i.value + ue, d.value = q, Z(e.message, e.showMessage) ? g.value = B : e.placeholder ? g.value = q : g.value = void 0, T(), w.value = !1;
+          const B = i.value + de, q = i.value + _e;
+          u.value = B, c.value = i.value + ue, r.value = i.value + re, d.value = q, Z(e.message, e.showMessage) ? g.value = B : e.placeholder ? g.value = q : g.value = void 0, T(), w.value = !1;
         }
       },
       {
@@ -2988,16 +3011,16 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function T() {
-      !p.value?.validity.valid || e.validation === "invalid" ? (g.value = r.value, v.value = e.invalidMessage || p.value?.validationMessage || ae, ce() && (h.value = v.value, Q(() => h.value = "", 1e3))) : f() && p.value?.validity.valid && e.required ? (g.value = c.value, ce() && (h.value = e.validMessage ?? re, Q(() => h.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = u.value : e.placeholder ? g.value = d.value : g.value = void 0;
+      !p.value?.validity.valid || e.validation === "invalid" ? (g.value = r.value, v.value = e.invalidMessage || p.value?.validationMessage || te, ve() && (h.value = v.value, J(() => h.value = "", 1e3))) : f() && p.value?.validity.valid && e.required ? (g.value = c.value, ve() && (h.value = e.validMessage ?? ce, J(() => h.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = u.value : e.placeholder ? g.value = d.value : g.value = void 0;
     }
     function C(B) {
       e.onClick && e.onClick(B);
     }
     function b(B) {
-      e.input && e.input(B), I.value = B.target.value, e.onInput && e.onInput(B), le(n, B), T();
+      e.input && e.input(B), I.value = B.target.value, e.onInput && e.onInput(B), oe(n, B), T();
     }
     function S(B) {
-      e.onChange && e.onChange(B), le(n, B), T();
+      e.onChange && e.onChange(B), oe(n, B), T();
     }
     function W(B) {
       e.onBlur && e.onBlur(B);
@@ -3011,12 +3034,12 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     return (B, q) => (m(), k("div", {
       class: P(o(V)("db-select", e.class)),
       "data-variant": B.variant,
-      "data-hide-label": o(te)(B.showLabel),
-      "data-hide-asterisk": o(te)(B.showRequiredAsterisk),
+      "data-hide-label": o(ie)(B.showLabel),
+      "data-hide-asterisk": o(ie)(B.showRequiredAsterisk),
       "data-icon": B.icon,
       "data-show-icon": o(F)(B.showIcon)
     }, [
-      _("label", { for: i.value }, L(B.label ?? o(pe)), 9, ci),
+      _("label", { for: i.value }, L(B.label ?? o(me)), 9, fi),
       _("select", {
         "aria-invalid": B.validation === "invalid",
         "data-custom-validity": B.validation,
@@ -3037,32 +3060,32 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         onFocus: q[4] || (q[4] = async (H) => y(H)),
         "aria-describedby": B.ariaDescribedBy ?? g.value
       }, [
-        B.variant === "floating" || B.placeholder ? (m(), k("option", fi)) : R("", !0),
-        B.options?.length ? (m(!0), k(G, { key: 1 }, ve(B.options, (H, ye) => (m(), k(G, { key: ye }, [
+        B.variant === "floating" || B.placeholder ? (m(), k("option", hi)) : R("", !0),
+        B.options?.length ? (m(!0), k(G, { key: 1 }, fe(B.options, (H, ke) => (m(), k(G, { key: ke }, [
           H.options ? (m(), k("optgroup", {
             key: 0,
             label: X(H)
           }, [
-            (m(!0), k(G, null, ve(H.options, (fe, Ie) => (m(), k("option", {
-              key: Ie,
-              value: fe.value,
-              selected: fe.selected,
-              disabled: fe.disabled
-            }, L(X(fe)), 9, hi))), 128))
-          ], 8, pi)) : (m(), k("option", {
+            (m(!0), k(G, null, fe(H.options, (pe, $e) => (m(), k("option", {
+              key: $e,
+              value: pe.value,
+              selected: pe.selected,
+              disabled: pe.disabled
+            }, L(X(pe)), 9, gi))), 128))
+          ], 8, mi)) : (m(), k("option", {
             key: 1,
             value: H.value,
             disabled: H.disabled,
             selected: H.selected
-          }, L(X(H)), 9, mi))
+          }, L(X(H)), 9, bi))
         ], 64))), 128)) : A(B.$slots, "default", { key: 2 })
-      ], 40, vi),
+      ], 40, pi),
       B.placeholder ? (m(), k("span", {
         key: 0,
         class: "db-select-placeholder",
         id: d.value
-      }, L(B.placeholder), 9, gi)) : R("", !0),
-      o(Z)(B.message, B.showMessage) ? (m(), Y(ee, {
+      }, L(B.placeholder), 9, yi)) : R("", !0),
+      o(Z)(B.message, B.showMessage) ? (m(), Y(ae, {
         key: 1,
         size: "small",
         icon: B.messageIcon,
@@ -3073,18 +3096,18 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["icon", "id"])) : R("", !0),
-      f() ? (m(), Y(ee, {
+      f() ? (m(), Y(ae, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: c.value
       }, {
         default: O(() => [
-          N(L(B.validMessage || o(re)), 1)
+          N(L(B.validMessage || o(ce)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : R("", !0),
-      x(ee, {
+      ee(ae, {
         size: "small",
         semantic: "critical",
         id: r.value
@@ -3094,10 +3117,10 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", bi, L(h.value), 1)
-    ], 10, ri));
+      _("span", ki, L(h.value), 1)
+    ], 10, vi));
   }
-}), yi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], zl = /* @__PURE__ */ U({
+}), wi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Vl = /* @__PURE__ */ U({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -3127,9 +3150,9 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       "data-wrap": o(F)(e.wrap)
     }, [
       A(e.$slots, "default")
-    ], 10, yi));
+    ], 10, wi));
   }
-}), Pl = ["simple", "divider"], Vl = ["row", "column"], ql = ["stretch", "start", "end", "center"], Ul = ["space-between", "start", "end", "center"], ki = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for", "data-hide-asterisk"], wi = ["id", "checked", "value", "disabled", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Gl = /* @__PURE__ */ U({
+}), ql = ["simple", "divider"], Ul = ["row", "column"], Gl = ["stretch", "start", "end", "center"], Wl = ["space-between", "start", "end", "center"], Si = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for", "data-hide-asterisk"], Bi = ["id", "checked", "value", "disabled", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ol = /* @__PURE__ */ U({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -3168,7 +3191,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       i.value = e.id ?? `switch-${K()}`;
     });
     function c(d) {
-      le(n, d, "checked");
+      oe(n, d, "checked");
     }
     function r(d) {
       e.onBlur && e.onBlur(d);
@@ -3179,10 +3202,10 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     return (d, g) => (m(), k("label", {
       "data-visual-aid": o(F)(d.visualAid),
       "data-size": d.size,
-      "data-hide-label": o(te)(d.showLabel),
+      "data-hide-label": o(ie)(d.showLabel),
       "data-emphasis": d.emphasis,
       for: i.value,
-      "data-hide-asterisk": o(te)(d.showRequiredAsterisk),
+      "data-hide-asterisk": o(ie)(d.showRequiredAsterisk),
       class: P(o(V)("db-switch", e.class))
     }, [
       _("input", {
@@ -3203,13 +3226,13 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         onChange: g[0] || (g[0] = async (I) => c(I)),
         onBlur: g[1] || (g[1] = async (I) => r(I)),
         onFocus: g[2] || (g[2] = async (I) => v(I))
-      }, null, 40, wi),
+      }, null, 40, Bi),
       d.label ? (m(), k(G, { key: 0 }, [
         N(L(d.label), 1)
       ], 64)) : A(d.$slots, "default", { key: 1 })
-    ], 10, ki));
+    ], 10, Si));
   }
-}), Si = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Bi = ["disabled", "aria-selected", "checked", "name", "id"], Li = /* @__PURE__ */ U({
+}), Li = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Ii = ["disabled", "aria-selected", "checked", "name", "id"], $i = /* @__PURE__ */ U({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -3257,7 +3280,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       }
     );
     function v(d) {
-      d.stopPropagation(), e.onChange && e.onChange(d), i.value = d.target?.checked, le(n, d, "checked");
+      d.stopPropagation(), e.onChange && e.onChange(d), i.value = d.target?.checked, oe(n, d, "checked");
     }
     return (d, g) => (m(), k("li", {
       role: "none",
@@ -3282,15 +3305,15 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
           name: u.value,
           id: d.id,
           onInput: g[0] || (g[0] = async (I) => v(I))
-        }, null, 40, Bi),
+        }, null, 40, Ii),
         d.label ? (m(), k(G, { key: 0 }, [
           N(L(d.label), 1)
         ], 64)) : R("", !0),
         A(d.$slots, "default")
-      ], 8, Si)
+      ], 8, Li)
     ], 2));
   }
-}), Ii = ["id"], $i = { role: "tablist" }, Ti = /* @__PURE__ */ U({
+}), Ti = ["id"], Ei = { role: "tablist" }, _i = /* @__PURE__ */ U({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -3300,7 +3323,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(we), e = s(null);
+    const a = t, n = s(Se), e = s(null);
     return j(() => {
       n.value = a.id || "tab-list-" + K();
     }), (i, u) => (m(), k("div", {
@@ -3309,12 +3332,12 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       id: n.value,
       class: P(o(V)("db-tab-list", a.class))
     }, [
-      _("ul", $i, [
+      _("ul", Ei, [
         A(i.$slots, "default")
       ])
-    ], 10, Ii));
+    ], 10, Ti));
   }
-}), Ei = ["id"], _i = /* @__PURE__ */ U({
+}), Ci = ["id"], Ai = /* @__PURE__ */ U({
   __name: "tab-panel",
   props: {
     content: { default: void 0 },
@@ -3338,9 +3361,9 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         N(L(e.content), 1)
       ], 64)) : R("", !0),
       A(e.$slots, "default")
-    ], 10, Ei));
+    ], 10, Ci));
   }
-}), Ci = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Wl = /* @__PURE__ */ U({
+}), Di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Hl = /* @__PURE__ */ U({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -3480,7 +3503,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       onInput: T[0] || (T[0] = async (C) => p(C)),
       onChange: T[1] || (T[1] = async (C) => p(C))
     }, [
-      u.value ? (m(), Y(me, {
+      u.value ? (m(), Y(be, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
@@ -3495,9 +3518,9 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         _: 1
       }, 8, ["onClick"])) : R("", !0),
       f.tabs ? (m(), k(G, { key: 1 }, [
-        x(Ti, null, {
+        ee(_i, null, {
           default: O(() => [
-            (m(!0), k(G, null, ve(d(), (C, b) => (m(), Y(Li, {
+            (m(!0), k(G, null, fe(d(), (C, b) => (m(), Y($i, {
               key: f.name + "tab-item" + b,
               active: C.active,
               label: C.label,
@@ -3508,7 +3531,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
           ]),
           _: 1
         }),
-        (m(!0), k(G, null, ve(d(), (C, b) => (m(), Y(_i, {
+        (m(!0), k(G, null, fe(d(), (C, b) => (m(), Y(Ai, {
           key: f.name + "tab-panel" + b,
           content: C.content
         }, {
@@ -3518,7 +3541,7 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : R("", !0),
-      c.value ? (m(), Y(me, {
+      c.value ? (m(), Y(be, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
@@ -3533,12 +3556,12 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         _: 1
       }, 8, ["onClick"])) : R("", !0),
       A(f.$slots, "default")
-    ], 42, Ci));
+    ], 42, Di));
   }
-}), Ol = ["scrollbar", "arrows"], Hl = ["auto", "manually"], Xl = ["static", "removable"], Ai = ["data-variant", "data-hide-asterisk", "data-hide-label"], Di = ["for"], Ni = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Fi = {
+}), Xl = ["scrollbar", "arrows"], jl = ["auto", "manually"], Yl = ["static", "removable"], Ni = ["data-variant", "data-hide-asterisk", "data-hide-label"], Fi = ["for"], Mi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Ri = {
   "data-visually-hidden": "true",
   role: "status"
-}, jl = /* @__PURE__ */ U({
+}, Kl = /* @__PURE__ */ U({
   __name: "textarea",
   props: {
     cols: { default: void 0 },
@@ -3591,11 +3614,11 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(""), I = s(""), w = s(null);
     j(() => {
       const S = e.id ?? `textarea-${K()}`;
-      i.value = S, u.value = S + se, c.value = S + de, r.value = S + ue, v.value = e.invalidMessage || ae;
+      i.value = S, u.value = S + de, c.value = S + ue, r.value = S + re, v.value = e.invalidMessage || te;
     }), D(
       () => [w.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || w.value?.validationMessage || ae;
+        v.value = e.invalidMessage || w.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -3605,8 +3628,8 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       () => [i.value],
       () => {
         if (i.value) {
-          const S = i.value + se;
-          u.value = S, c.value = i.value + de, r.value = i.value + ue, Z(e.message, e.showMessage) && (d.value = S), p();
+          const S = i.value + de;
+          u.value = S, c.value = i.value + ue, r.value = i.value + re, Z(e.message, e.showMessage) && (d.value = S), p();
         }
       },
       {
@@ -3627,13 +3650,13 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function p() {
-      !w.value?.validity.valid || e.validation === "invalid" ? (d.value = r.value, v.value = e.invalidMessage || w.value?.validationMessage || ae, ce() && (I.value = v.value, Q(() => I.value = "", 1e3))) : h() && w.value?.validity.valid && (e.required || e.minLength || e.maxLength) ? (d.value = c.value, ce() && (I.value = e.validMessage ?? re, Q(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? d.value = u.value : d.value = void 0;
+      !w.value?.validity.valid || e.validation === "invalid" ? (d.value = r.value, v.value = e.invalidMessage || w.value?.validationMessage || te, ve() && (I.value = v.value, J(() => I.value = "", 1e3))) : h() && w.value?.validity.valid && (e.required || e.minLength || e.maxLength) ? (d.value = c.value, ve() && (I.value = e.validMessage ?? ce, J(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? d.value = u.value : d.value = void 0;
     }
     function f(S) {
-      e.input && e.input(S), g.value = S.target.value, e.onInput && e.onInput(S), le(n, S), p();
+      e.input && e.input(S), g.value = S.target.value, e.onInput && e.onInput(S), oe(n, S), p();
     }
     function T(S) {
-      e.onChange && e.onChange(S), le(n, S), p();
+      e.onChange && e.onChange(S), oe(n, S), p();
     }
     function C(S) {
       e.onBlur && e.onBlur(S);
@@ -3644,10 +3667,10 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
     return (S, W) => (m(), k("div", {
       class: P(o(V)("db-textarea", e.class)),
       "data-variant": S.variant,
-      "data-hide-asterisk": o(te)(S.showRequiredAsterisk),
-      "data-hide-label": o(te)(S.showLabel)
+      "data-hide-asterisk": o(ie)(S.showRequiredAsterisk),
+      "data-hide-label": o(ie)(S.showLabel)
     }, [
-      _("label", { for: i.value }, L(S.label ?? o(pe)), 9, Di),
+      _("label", { for: i.value }, L(S.label ?? o(me)), 9, Fi),
       _("textarea", {
         "aria-invalid": S.validation === "invalid",
         "data-custom-validity": S.validation,
@@ -3656,13 +3679,13 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         ref: w,
         id: i.value,
         "data-resize": S.resize,
-        "data-hide-resizer": o(te)(S.showResizer ?? !0),
+        "data-hide-resizer": o(ie)(S.showResizer ?? !0),
         disabled: o(z)(S.disabled, "disabled"),
         required: o(z)(S.required, "required"),
         readOnly: o(z)(S.readOnly, "readOnly") || o(z)(S.readonly, "readonly"),
         form: S.form,
-        maxLength: o(he)(S.maxLength, S.maxlength),
-        minLength: o(he)(S.minLength, S.minlength),
+        maxLength: o(ge)(S.maxLength, S.maxlength),
+        minLength: o(ge)(S.minLength, S.minlength),
         name: S.name,
         wrap: S.wrap,
         spellcheck: S.spellCheck,
@@ -3673,11 +3696,11 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         onFocus: W[3] || (W[3] = async (y) => b(y)),
         value: S.value ?? g.value,
         "aria-describedby": S.ariaDescribedBy ?? d.value,
-        placeholder: S.placeholder ?? o(je),
-        rows: o(he)(S.rows, o(La)),
-        cols: o(he)(S.cols)
-      }, null, 40, Ni),
-      o(Z)(S.message, S.showMessage) ? (m(), Y(ee, {
+        placeholder: S.placeholder ?? o(Ke),
+        rows: o(ge)(S.rows, o($a)),
+        cols: o(ge)(S.cols)
+      }, null, 40, Mi),
+      o(Z)(S.message, S.showMessage) ? (m(), Y(ae, {
         key: 0,
         size: "small",
         icon: S.messageIcon,
@@ -3688,18 +3711,18 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["icon", "id"])) : R("", !0),
-      h() ? (m(), Y(ee, {
+      h() ? (m(), Y(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: c.value
       }, {
         default: O(() => [
-          N(L(S.validMessage || o(re)), 1)
+          N(L(S.validMessage || o(ce)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : R("", !0),
-      x(ee, {
+      ee(ae, {
         size: "small",
         semantic: "critical",
         id: r.value
@@ -3709,158 +3732,158 @@ const Mt = ["id", "data-width", "data-on-forcing-mobile"], Rt = { class: "db-hea
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Fi, L(I.value), 1)
-    ], 10, Ai));
+      _("span", Ri, L(I.value), 1)
+    ], 10, Ni));
   }
-}), Yl = ["none", "both", "horizontal", "vertical"], Kl = ["hard", "soft", "off"], Jl = ["description", "label"], Ql = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Zl = ["medium", "small", "large", "none"], xl = ["medium", "small", "large", "none"], Mi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Ri = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], eo = [...Mi, ...Ri], ao = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], to = ["horizontal", "vertical"], io = ["full", "auto"], lo = ["full", "medium", "large", "small"], oo = ["none", "slow", "fast"], no = ["auto", "fixed"], so = ["small", "medium"], uo = ["weak", "strong"], ro = ["invalid", "valid", "no-validation"], co = ["fixed", "content"], vo = ["above", "floating"], fo = ["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"], po = ["_self", "_blank", "_parent", "_top"], ho = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], mo = ["start", "center"];
+}), Jl = ["none", "both", "horizontal", "vertical"], Ql = ["hard", "soft", "off"], Zl = ["description", "label"], xl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], eo = ["medium", "small", "large", "none"], ao = ["medium", "small", "large", "none"], zi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Pi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], to = [...zi, ...Pi], io = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], lo = ["horizontal", "vertical"], oo = ["full", "auto"], no = ["full", "medium", "large", "small"], so = ["none", "slow", "fast"], uo = ["auto", "fixed"], ro = ["small", "medium"], co = ["weak", "strong"], vo = ["invalid", "valid", "no-validation"], fo = ["fixed", "content"], po = ["above", "floating"], ho = ["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"], mo = ["_self", "_blank", "_parent", "_top"], go = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], bo = ["start", "center"];
 export {
-  Yi as AccordionBehaviorList,
-  ji as AccordionVariantList,
-  mo as AlignmentList,
-  fo as AutoCompleteList,
-  Ji as BadgePlacementList,
-  xi as ButtonTypeList,
-  Zi as ButtonVariantList,
-  Qe as COLOR,
-  Ui as COLORS,
-  Gi as COLORS_SIMPLE,
-  Vi as COLOR_CONST,
-  Je as COLOR_SIMPLE,
-  al as CardBehaviorList,
-  tl as CardElevationLevelList,
-  ol as CustomSelectDropdownWidthList,
-  sl as CustomSelectListItemTypeList,
-  Xi as DBAccordion,
-  Da as DBAccordionItem,
-  Ki as DBBadge,
-  Qi as DBBrand,
-  me as DBButton,
-  el as DBCard,
-  il as DBCheckbox,
-  ll as DBCustomSelect,
-  ja as DBCustomSelectDropdown,
-  nl as DBCustomSelectFormField,
-  et as DBCustomSelectList,
-  Za as DBCustomSelectListItem,
-  ul as DBDivider,
-  Dt as DBDrawer,
-  ml as DBHeader,
-  gl as DBIcon,
-  ee as DBInfotext,
-  st as DBInput,
-  kl as DBLink,
-  Ll as DBNavigation,
-  Il as DBNavigationItem,
-  $l as DBNotification,
-  Cl as DBPage,
-  Nl as DBPopover,
-  Fl as DBRadio,
-  Ml as DBSection,
-  Rl as DBSelect,
-  zl as DBStack,
-  Gl as DBSwitch,
-  Li as DBTabItem,
-  Ti as DBTabList,
-  _i as DBTabPanel,
-  Wl as DBTabs,
-  rt as DBTag,
-  jl as DBTextarea,
-  ta as DBTooltip,
-  ka as DEFAULT_BACK,
-  Sa as DEFAULT_BURGER_MENU,
-  Me as DEFAULT_CLOSE_BUTTON,
-  Oe as DEFAULT_DATALIST_ID_SUFFIX,
-  Ba as DEFAULT_ICON,
-  we as DEFAULT_ID,
-  ae as DEFAULT_INVALID_MESSAGE,
-  ue as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
-  pe as DEFAULT_LABEL,
-  Ge as DEFAULT_LABEL_ID_SUFFIX,
-  ya as DEFAULT_MESSAGE,
-  se as DEFAULT_MESSAGE_ID_SUFFIX,
-  je as DEFAULT_PLACEHOLDER,
-  Ee as DEFAULT_PLACEHOLDER_ID_SUFFIX,
-  Ye as DEFAULT_REMOVE,
-  La as DEFAULT_ROWS,
-  wa as DEFAULT_SELECTED,
-  We as DEFAULT_SELECT_ID_SUFFIX,
-  re as DEFAULT_VALID_MESSAGE,
-  de as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Ia as DEFAULT_VIEWPORT,
-  qi as DENSITIES,
-  Ke as DENSITY,
-  Pi as DENSITY_CONST,
-  $a as DESKTOP_VIEWPORT,
-  rl as DividerMarginList,
-  cl as DividerVariantList,
-  ne as DocumentClickListener,
-  ie as DocumentScrollListener,
-  vl as DrawerBackdropList,
-  fl as DrawerDirectionList,
-  hl as DrawerPositionList,
-  pl as DrawerVariantList,
-  uo as EmphasisList,
-  co as FieldSizingList,
-  ao as GapSpacingList,
-  bl as IconWeightList,
-  yl as InputTypeList,
-  vo as LabelVariantList,
-  Bl as LinkContentList,
-  ho as LinkReferrerPolicyList,
-  Sl as LinkSizeList,
-  po as LinkTargetList,
-  wl as LinkVariantList,
-  xl as MarginList,
-  lo as MaxWidthList,
-  Ft as NavigationItemSafeTriangle,
-  _l as NotificationAriaLiveList,
-  El as NotificationLinkVariantList,
-  Tl as NotificationVariantList,
-  to as OrientationList,
-  Dl as PageDocumentOverflowList,
-  Al as PageVariantList,
-  Mi as PlacementHorizontalList,
-  eo as PlacementList,
-  Ri as PlacementVerticalList,
-  oo as PopoverDelayList,
-  no as PopoverWidthList,
-  Ze as SEMANTIC,
-  Wi as SEMANTICS,
-  dl as SelectedTypeList,
-  Ql as SemanticList,
-  so as SizeList,
-  Zl as SpacingList,
-  ql as StackAlignmentList,
-  Vl as StackDirectionList,
-  Ul as StackJustifyContentList,
-  Pl as StackVariantList,
-  Oi as TESTING_VIEWPORTS,
-  Ol as TabsBehaviorList,
-  Hl as TabsInitialSelectedModeList,
-  Xl as TagBehaviorList,
-  Yl as TextareaResizeList,
-  Kl as TextareaWrapList,
-  Jl as TooltipVariantList,
-  ro as ValidationList,
-  io as WidthList,
-  xe as addAttributeToChildren,
+  Ji as AccordionBehaviorList,
+  Ki as AccordionVariantList,
+  bo as AlignmentList,
+  ho as AutoCompleteList,
+  Zi as BadgePlacementList,
+  al as ButtonTypeList,
+  el as ButtonVariantList,
+  xe as COLOR,
+  Wi as COLORS,
+  Oi as COLORS_SIMPLE,
+  Ui as COLOR_CONST,
+  Ze as COLOR_SIMPLE,
+  il as CardBehaviorList,
+  ll as CardElevationLevelList,
+  sl as CustomSelectDropdownWidthList,
+  ul as CustomSelectListItemTypeList,
+  Yi as DBAccordion,
+  Fa as DBAccordionItem,
+  Qi as DBBadge,
+  xi as DBBrand,
+  be as DBButton,
+  tl as DBCard,
+  ol as DBCheckbox,
+  nl as DBCustomSelect,
+  Ka as DBCustomSelectDropdown,
+  dl as DBCustomSelectFormField,
+  tt as DBCustomSelectList,
+  et as DBCustomSelectListItem,
+  cl as DBDivider,
+  Ft as DBDrawer,
+  bl as DBHeader,
+  yl as DBIcon,
+  ae as DBInfotext,
+  ut as DBInput,
+  Sl as DBLink,
+  $l as DBNavigation,
+  Tl as DBNavigationItem,
+  El as DBNotification,
+  Dl as DBPage,
+  Ml as DBPopover,
+  Rl as DBRadio,
+  zl as DBSection,
+  Pl as DBSelect,
+  Vl as DBStack,
+  Ol as DBSwitch,
+  $i as DBTabItem,
+  _i as DBTabList,
+  Ai as DBTabPanel,
+  Hl as DBTabs,
+  vt as DBTag,
+  Kl as DBTextarea,
+  la as DBTooltip,
+  Sa as DEFAULT_BACK,
+  La as DEFAULT_BURGER_MENU,
+  Re as DEFAULT_CLOSE_BUTTON,
+  Xe as DEFAULT_DATALIST_ID_SUFFIX,
+  Ia as DEFAULT_ICON,
+  Se as DEFAULT_ID,
+  te as DEFAULT_INVALID_MESSAGE,
+  re as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
+  me as DEFAULT_LABEL,
+  Oe as DEFAULT_LABEL_ID_SUFFIX,
+  wa as DEFAULT_MESSAGE,
+  de as DEFAULT_MESSAGE_ID_SUFFIX,
+  Ke as DEFAULT_PLACEHOLDER,
+  _e as DEFAULT_PLACEHOLDER_ID_SUFFIX,
+  Je as DEFAULT_REMOVE,
+  $a as DEFAULT_ROWS,
+  Ba as DEFAULT_SELECTED,
+  He as DEFAULT_SELECT_ID_SUFFIX,
+  ce as DEFAULT_VALID_MESSAGE,
+  ue as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
+  Ta as DEFAULT_VIEWPORT,
+  Gi as DENSITIES,
+  Qe as DENSITY,
+  qi as DENSITY_CONST,
+  Ea as DESKTOP_VIEWPORT,
+  vl as DividerMarginList,
+  fl as DividerVariantList,
+  se as DocumentClickListener,
+  le as DocumentScrollListener,
+  pl as DrawerBackdropList,
+  hl as DrawerDirectionList,
+  gl as DrawerPositionList,
+  ml as DrawerVariantList,
+  co as EmphasisList,
+  fo as FieldSizingList,
+  io as GapSpacingList,
+  kl as IconWeightList,
+  wl as InputTypeList,
+  po as LabelVariantList,
+  Il as LinkContentList,
+  go as LinkReferrerPolicyList,
+  Ll as LinkSizeList,
+  mo as LinkTargetList,
+  Bl as LinkVariantList,
+  ao as MarginList,
+  no as MaxWidthList,
+  Rt as NavigationItemSafeTriangle,
+  Al as NotificationAriaLiveList,
+  Cl as NotificationLinkVariantList,
+  _l as NotificationVariantList,
+  lo as OrientationList,
+  Fl as PageDocumentOverflowList,
+  Nl as PageVariantList,
+  zi as PlacementHorizontalList,
+  to as PlacementList,
+  Pi as PlacementVerticalList,
+  so as PopoverDelayList,
+  uo as PopoverWidthList,
+  ea as SEMANTIC,
+  Hi as SEMANTICS,
+  rl as SelectedTypeList,
+  xl as SemanticList,
+  ro as SizeList,
+  eo as SpacingList,
+  Gl as StackAlignmentList,
+  Ul as StackDirectionList,
+  Wl as StackJustifyContentList,
+  ql as StackVariantList,
+  Xi as TESTING_VIEWPORTS,
+  Xl as TabsBehaviorList,
+  jl as TabsInitialSelectedModeList,
+  Yl as TagBehaviorList,
+  Jl as TextareaResizeList,
+  Ql as TextareaWrapList,
+  Zl as TooltipVariantList,
+  vo as ValidationList,
+  oo as WidthList,
+  aa as addAttributeToChildren,
   V as cls,
-  Q as delay,
+  J as delay,
   z as getBoolean,
   F as getBooleanAsString,
-  ea as getFloatingProps,
-  te as getHideProp,
-  He as getInputValue,
-  he as getNumber,
-  Hi as getOptionKey,
-  Xe as getSearchInput,
-  Oa as handleDataOutside,
-  Ha as handleFixedDropdown,
-  aa as handleFixedPopover,
-  ce as hasVoiceOver,
-  Ta as isArrayOfStrings,
-  Nt as isEventTargetNavigationItem,
-  _a as isKeyboardEvent,
+  ta as getFloatingProps,
+  ie as getHideProp,
+  je as getInputValue,
+  ge as getNumber,
+  ji as getOptionKey,
+  Ye as getSearchInput,
+  Xa as handleDataOutside,
+  ja as handleFixedDropdown,
+  ia as handleFixedPopover,
+  ve as hasVoiceOver,
+  _a as isArrayOfStrings,
+  Mt as isEventTargetNavigationItem,
+  Aa as isKeyboardEvent,
   Z as stringPropVisible,
   K as uuid
 };