@db-ux/v-core-components 4.2.0 → 4.2.2-css-selectors-792dad7

package/dist/db-ux.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as W, ref as o, onMounted as K, watch as C, createElementBlock as y, openBlock as v, normalizeClass as U, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as M, Fragment as H, createTextVNode as D, toDisplayString as S, renderList as he, createBlock as J, onUnmounted as ge, createVNode as te, withCtx as G } from "vue";
-const Ie = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ke = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", $a = "Back", xa = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Yi = "density", Ki = "color";
+import { defineComponent as W, ref as o, onMounted as Y, watch as C, createElementBlock as y, openBlock as v, normalizeClass as U, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as F, Fragment as H, createTextVNode as D, toDisplayString as B, renderList as ge, createBlock as J, onUnmounted as he, createVNode as te, withCtx as G } from "vue";
+const Ie = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", xa = "Back", $a = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Ki = "density", Yi = "color";
 var ta = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(ta || {});
 const Ji = Object.entries(ta).map(([, e]) => e);
 var ia = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(ia || {}), la = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(la || {});
@@ -48,7 +48,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   if (typeof window > "u" || typeof navigator > "u") return !1;
   const e = navigator.userAgent, t = /iP(ad|hone|od)/.test(e), l = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
   return t && l;
-}, Y = (e, t) => new Promise(() => setTimeout(e, t)), V = (e) => {
+}, K = (e, t) => new Promise(() => setTimeout(e, t)), V = (e) => {
   if (e != null)
     return String(typeof e == "string" ? !!e : e);
 }, q = (e, t) => {
@@ -81,13 +81,13 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     name: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(Ie), a = o(!1), i = o(void 0), s = o(!1), u = o(null);
-    K(() => {
-      l.value = t.id || "accordion-item-" + Q(), t.defaultOpen && (a.value = t.defaultOpen), s.value = !0;
+    const t = e, l = o(Ie), a = o(!1), i = o(void 0), u = o(!1), c = o(null);
+    Y(() => {
+      l.value = t.id || "accordion-item-" + Q(), t.defaultOpen && (a.value = t.defaultOpen), u.value = !0;
     }), C(
-      () => [u.value, s.value],
+      () => [c.value, u.value],
       () => {
-        u.value && s.value;
+        c.value && u.value;
       },
       {
         immediate: !0,
@@ -115,22 +115,22 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       E("details", {
         "aria-disabled": n(V)(e.disabled),
         ref_key: "_ref",
-        ref: u,
+        ref: c,
         name: i.value,
         open: a.value
       }, [
         E("summary", {
-          onClick: h[0] || (h[0] = async (w) => f(w))
+          onClick: h[0] || (h[0] = async (k) => f(k))
         }, [
           e.headlinePlain ? (v(), y(H, { key: 0 }, [
-            D(S(e.headlinePlain), 1)
+            D(B(e.headlinePlain), 1)
           ], 64)) : z("", !0),
-          e.headlinePlain ? z("", !0) : M(g.$slots, "headline", { key: 1 })
+          e.headlinePlain ? z("", !0) : F(g.$slots, "headline", { key: 1 })
         ]),
         E("div", null, [
           e.text ? (v(), y(H, { key: 0 }, [
-            D(S(e.text), 1)
-          ], 64)) : M(g.$slots, "default", { key: 1 })
+            D(B(e.text), 1)
+          ], 64)) : F(g.$slots, "default", { key: 1 })
         ])
       ], 8, Va)
     ], 10, za));
@@ -151,9 +151,9 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(Ie), a = o(""), i = o(!1), s = o(!1), u = o(null);
-    K(() => {
-      l.value = t.id || "accordion-" + Q(), i.value = !0, s.value = !0;
+    const t = e, l = o(Ie), a = o(""), i = o(!1), u = o(!1), c = o(null);
+    Y(() => {
+      l.value = t.id || "accordion-" + Q(), i.value = !0, u.value = !0;
     }), C(
       () => [i.value, t.name, t.behavior, l.value],
       () => {
@@ -164,10 +164,10 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [u.value, a.value],
+      () => [c.value, a.value],
       () => {
-        if (u.value) {
-          const g = u.value.getElementsByTagName("details");
+        if (c.value) {
+          const g = c.value.getElementsByTagName("details");
           if (g)
             for (const h of Array.from(g))
               a.value === "" ? h.removeAttribute("name") : h.name = a.value ?? "";
@@ -178,21 +178,21 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [u.value, s.value, t.initOpenIndex],
+      () => [c.value, u.value, t.initOpenIndex],
       () => {
-        if (u.value && s.value) {
+        if (c.value && u.value) {
           if (t.initOpenIndex && t.initOpenIndex.length > 0) {
-            const g = u.value.getElementsByTagName("details");
+            const g = c.value.getElementsByTagName("details");
             if (g) {
               const h = t.behavior === "single" && t.initOpenIndex.length > 1 ? [t.initOpenIndex[0]] : t.initOpenIndex;
               Array.from(g).forEach(
-                (w, x) => {
-                  h?.includes(x) && (w.open = !0);
+                (k, $) => {
+                  h?.includes($) && (k.open = !0);
                 }
               );
             }
           }
-          s.value = !1;
+          u.value = !1;
         }
       },
       {
@@ -210,17 +210,17 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     }
     return (g, h) => (v(), y("ul", {
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       id: l.value,
       class: U(n(O)("db-accordion", t.class)),
       "data-variant": e.variant
     }, [
-      e.items ? z("", !0) : M(g.$slots, "default", { key: 0 }),
-      e.items ? (v(!0), y(H, { key: 1 }, he(f(), (w, x) => (v(), J(Pa, {
-        key: `accordion-item-${x}`,
-        headlinePlain: w.headlinePlain,
-        disabled: w.disabled,
-        text: w.text
+      e.items ? z("", !0) : F(g.$slots, "default", { key: 0 }),
+      e.items ? (v(!0), y(H, { key: 1 }, ge(f(), (k, $) => (v(), J(Pa, {
+        key: `accordion-item-${$}`,
+        headlinePlain: k.headlinePlain,
+        disabled: k.disabled,
+        text: k.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : z("", !0)
     ], 10, qa));
   }
@@ -241,7 +241,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   setup(e) {
     const t = e, l = o(!1), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = !0;
     }), C(
       () => [a.value, l.value],
@@ -255,7 +255,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         immediate: !0,
         flush: "post"
       }
-    ), (i, s) => (v(), y("span", {
+    ), (i, u) => (v(), y("span", {
       ref_key: "_ref",
       ref: a,
       id: e.id,
@@ -267,8 +267,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-label": e.placement?.startsWith("corner") && (e.label ?? n(ye))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(i.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(i.$slots, "default", { key: 1 })
     ], 10, Ua));
   }
 }), ol = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], Oa = ["data-icon", "data-show-icon", "id"], dl = /* @__PURE__ */ W({
@@ -295,8 +295,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       class: U(n(O)("db-brand", t.class))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(a.$slots, "default", { key: 1 })
     ], 10, Oa));
   }
 }), Ga = ["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"], we = /* @__PURE__ */ W({
@@ -330,10 +330,10 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     function a() {
       return t.type ? t.type : t.onClick ? "button" : "submit";
     }
-    function i(s) {
-      t.onClick && t.onClick(s);
+    function i(u) {
+      t.onClick && t.onClick(u);
     }
-    return (s, u) => (v(), y("button", {
+    return (u, c) => (v(), y("button", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -351,11 +351,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       name: e.name,
       form: e.form,
       value: e.value,
-      onClick: u[0] || (u[0] = async (f) => i(f))
+      onClick: c[0] || (c[0] = async (f) => i(f))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(s.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(u.$slots, "default", { key: 1 })
     ], 10, Ga));
   }
 }), sl = ["outlined", "brand", "filled", "ghost"], ul = ["button", "reset", "submit"], Wa = ["id", "data-behavior", "data-elevation-level", "data-spacing"], cl = /* @__PURE__ */ W({
@@ -376,7 +376,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     function a(i) {
       t.onClick && t.onClick(i);
     }
-    return (i, s) => (v(), y("div", {
+    return (i, u) => (v(), y("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -384,9 +384,9 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-behavior": e.behavior,
       "data-elevation-level": e.elevationLevel,
       "data-spacing": e.spacing,
-      onClick: s[0] || (s[0] = async (u) => a(u))
+      onClick: u[0] || (u[0] = async (c) => a(c))
     }, [
-      M(i.$slots, "default")
+      F(i.$slots, "default")
     ], 10, Wa));
   }
 }), rl = ["static", "interactive"], vl = ["1", "2", "3"], de = (e, t, l = "value") => {
@@ -399,28 +399,28 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   }), e._dbFormResetListenerAdded = !0);
 }, da = (e, t, l, a) => {
   Me(e, (i) => {
-    Y(() => {
-      const s = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked, u = {
+    K(() => {
+      const u = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked, c = {
         ...i,
         target: {
           ...i.target,
-          checked: s
+          checked: u
         }
       };
-      l(u);
+      l(c);
     }, 1);
   }, a);
 }, Ue = (e, t, l, a) => {
   Me(e, (i) => {
-    Y(() => {
-      const s = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, u = {
+    K(() => {
+      const u = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, c = {
         ...i,
         target: {
           ...i.target,
-          value: s
+          value: u
         }
       };
-      l(u);
+      l(c);
     }, 1);
   }, a);
 }, Ha = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], Z = /* @__PURE__ */ W({
@@ -450,11 +450,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-show-icon-leading": n(V)(e.showIcon ?? !0)
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(a.$slots, "default", { key: 1 })
     ], 10, Ha));
   }
-}), Xa = ["data-size", "data-hide-asterisk", "data-hide-label"], ja = ["for"], Ya = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ka = {
+}), Xa = ["data-size", "data-hide-asterisk", "data-hide-label"], ja = ["for"], Ka = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ya = {
   "data-visually-hidden": "true",
   role: "status"
 }, fl = /* @__PURE__ */ W({
@@ -495,28 +495,28 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(void 0), x = o(""), b = o(void 0), c = o(null);
-    K(() => {
+    const l = t, a = e, i = o(!1), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), $ = o(""), m = o(void 0), s = o(null);
+    Y(() => {
       i.value = !0;
       const L = a.id ?? `checkbox-${Q()}`;
-      s.value = L, u.value = L + ce, f.value = L + re, g.value = L + ve, h.value = a.invalidMessage || ee;
-    }), ge(() => {
-      b.value?.abort();
+      u.value = L, c.value = L + ce, f.value = L + re, g.value = L + ve, h.value = a.invalidMessage || ee;
+    }), he(() => {
+      m.value?.abort();
     }), C(
-      () => [c.value, a.invalidMessage],
+      () => [s.value, a.invalidMessage],
       () => {
-        h.value = a.invalidMessage || c.value?.validationMessage || ee;
+        h.value = a.invalidMessage || s.value?.validationMessage || ee;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [s.value],
+      () => [u.value],
       () => {
-        if (s.value) {
-          const L = s.value + ce;
-          u.value = L, f.value = s.value + re, g.value = s.value + ve, _(a.message, a.showMessage) && (w.value = L), m();
+        if (u.value) {
+          const L = u.value + ce;
+          c.value = L, f.value = u.value + re, g.value = u.value + ve, _(a.message, a.showMessage) && (k.value = L), b();
         }
       },
       {
@@ -524,38 +524,38 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [i.value, c.value, a.indeterminate],
+      () => [i.value, s.value, a.indeterminate],
       () => {
-        c.value && a.indeterminate !== void 0 && (c.value.indeterminate = !!q(a.indeterminate));
+        s.value && a.indeterminate !== void 0 && (s.value.indeterminate = !!q(a.indeterminate));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [i.value, c.value, a.checked],
+      () => [i.value, s.value, a.checked],
       () => {
-        i.value && c.value && (a.checked != null && (c.value.checked = !!q(a.checked)), i.value = !1);
+        i.value && s.value && (a.checked != null && (s.value.checked = !!q(a.checked)), i.value = !1);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [c.value],
+      () => [s.value],
       () => {
-        if (c.value) {
-          let p = b.value;
-          p || (p = new AbortController(), b.value = p), da(
-            c.value,
+        if (s.value) {
+          let S = m.value;
+          S || (S = new AbortController(), m.value = S), da(
+            s.value,
             {
               checked: a.checked,
               defaultChecked: void 0
             },
-            (R) => {
-              I(R);
+            (M) => {
+              I(M);
             },
-            p.signal
+            S.signal
           );
         }
       },
@@ -567,54 +567,54 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
     function d() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
-    function m() {
-      !c.value?.validity.valid || a.validation === "invalid" ? (w.value = g.value, h.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = h.value, Y(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && a.required ? (w.value = f.value, ue() && (x.value = a.validMessage ?? se, Y(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? w.value = u.value : w.value = void 0;
+    function b() {
+      !s.value?.validity.valid || a.validation === "invalid" ? (k.value = g.value, h.value = a.invalidMessage || s.value?.validationMessage || ee, ue() && ($.value = h.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && a.required ? (k.value = f.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = c.value : k.value = void 0;
     }
-    function I(L, p) {
-      a.onChange && a.onChange(L), de(l, L, "checked"), m();
+    function I(L, S) {
+      a.onChange && a.onChange(L), de(l, L, "checked"), b();
     }
     function T(L) {
       a.onBlur && a.onBlur(L);
     }
-    function k(L) {
+    function w(L) {
       a.onFocus && a.onFocus(L);
     }
-    return (L, p) => (v(), y("div", {
+    return (L, S) => (v(), y("div", {
       class: U(n(O)("db-checkbox", a.class)),
       "data-size": e.size,
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-hide-label": n(ne)(e.showLabel)
     }, [
-      E("label", { for: s.value }, [
+      E("label", { for: u.value }, [
         E("input", {
           type: "checkbox",
           "aria-invalid": e.validation === "invalid",
           "data-custom-validity": e.validation,
           ref_key: "_ref",
-          ref: c,
-          id: s.value,
+          ref: s,
+          id: u.value,
           name: e.name,
           checked: n(q)(e.checked, "checked"),
           disabled: n(q)(e.disabled, "disabled"),
           value: e.value,
           required: n(q)(e.required, "required"),
-          onChange: p[0] || (p[0] = async (R) => I(R)),
-          onBlur: p[1] || (p[1] = async (R) => T(R)),
-          onFocus: p[2] || (p[2] = async (R) => k(R)),
-          "aria-describedby": e.ariaDescribedBy ?? w.value
-        }, null, 40, Ya),
+          onChange: S[0] || (S[0] = async (M) => I(M)),
+          onBlur: S[1] || (S[1] = async (M) => T(M)),
+          onFocus: S[2] || (S[2] = async (M) => w(M)),
+          "aria-describedby": e.ariaDescribedBy ?? k.value
+        }, null, 40, Ka),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(L.$slots, "default", { key: 1 })
+          D(B(e.label), 1)
+        ], 64)) : F(L.$slots, "default", { key: 1 })
       ], 8, ja),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 0,
         size: "small",
         icon: e.messageIcon,
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -625,7 +625,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         id: f.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -635,11 +635,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         id: g.value
       }, {
         default: G(() => [
-          D(S(h.value), 1)
+          D(B(h.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Ka, S(x.value), 1)
+      E("span", Ya, B($.value), 1)
     ], 10, Xa));
   }
 });
@@ -695,16 +695,16 @@ const Ja = (e) => {
     left: a,
     right: i
   } = e.getBoundingClientRect(), {
-    innerHeight: s,
-    innerWidth: u
+    innerHeight: u,
+    innerWidth: c
   } = window;
-  let f = t < 0, g = l > s, h = a < 0, w = i > u;
-  const x = e.dataset.outsideVy, b = e.dataset.outsideVx, c = e?.parentElement?.getBoundingClientRect();
-  return c && (x && (e.dataset.outsideVy === "top" ? f = c.top - (l - c.bottom) < 0 : g = c.bottom + (c.top - t) > s), b && (e.dataset.outsideVx === "left" ? h = c.left - (i - c.right) < 0 : w = c.right + (c.left - a) > u)), {
+  let f = t < 0, g = l > u, h = a < 0, k = i > c;
+  const $ = e.dataset.outsideVy, m = e.dataset.outsideVx, s = e?.parentElement?.getBoundingClientRect();
+  return s && ($ && (e.dataset.outsideVy === "top" ? f = s.top - (l - s.bottom) < 0 : g = s.bottom + (s.top - t) > u), m && (e.dataset.outsideVx === "left" ? h = s.left - (i - s.right) < 0 : k = s.right + (s.left - a) > c)), {
     outTop: f,
     outBottom: g,
     outLeft: h,
-    outRight: w
+    outRight: k
   };
 }, Qa = (e) => {
   const {
@@ -713,26 +713,26 @@ const Ja = (e) => {
     outLeft: a,
     outRight: i
   } = Ja(e);
-  let s = {};
-  return t || l ? (s = {
+  let u = {};
+  return t || l ? (u = {
     vy: t ? "top" : "bottom"
-  }, e.dataset.outsideVy = s.vy) : delete e.dataset.outsideVy, a || i ? (s = {
-    ...s,
+  }, e.dataset.outsideVy = u.vy) : delete e.dataset.outsideVy, a || i ? (u = {
+    ...u,
     vx: i ? "right" : "left"
-  }, e.dataset.outsideVx = s.vx) : delete e.dataset.outsideVx, s;
+  }, e.dataset.outsideVx = u.vx) : delete e.dataset.outsideVx, u;
 }, Za = (e, t, l) => {
   if (getComputedStyle(e).zIndex === "9999") return;
   const {
     top: a,
     bottom: i,
-    childHeight: s,
-    childWidth: u,
+    childHeight: u,
+    childWidth: c,
     width: f,
     right: g,
     left: h,
-    correctedPlacement: w
+    correctedPlacement: k
   } = sa(e, t, l);
-  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), w === "top" || w === "bottom" || w === "top-start" || w === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (w === "top-end" || w === "bottom-end") && (e.style.insetInlineStart = `${g - u}px`), w?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : w?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
+  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), k === "top" || k === "bottom" || k === "top-start" || k === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (k === "top-end" || k === "bottom-end") && (e.style.insetInlineStart = `${g - c}px`), k?.startsWith("top") ? e.style.insetBlockStart = `${a - u}px` : k?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
 }, sa = (e, t, l) => {
   if (!e || !t)
     return {
@@ -750,85 +750,85 @@ const Ja = (e) => {
     };
   const a = e.getBoundingClientRect(), {
     top: i,
-    height: s,
-    bottom: u,
+    height: u,
+    bottom: c,
     right: f,
     left: g,
     width: h
   } = t.getBoundingClientRect(), {
-    innerHeight: w,
-    innerWidth: x
+    innerHeight: k,
+    innerWidth: $
   } = window;
-  let b = a.height, c = a.width;
-  (l === "bottom" || l === "top") && (c = c / 2), (l === "left" || l === "right") && (b = b / 2);
-  const d = u + b > w, m = i - b < 0, I = g - c < 0, T = f + c > x;
-  let k = l;
-  return l.startsWith("bottom") ? d ? (k = l?.replace("bottom", "top"), I && T ? k = "top" : I ? k = "top-start" : T && (k = "top-end")) : I && T ? k = "bottom" : I ? k = "bottom-start" : T && (k = "bottom-end") : l.startsWith("top") ? m ? (k = l?.replace("top", "bottom"), I && T ? k = "bottom" : I ? k = "bottom-start" : T && (k = "bottom-end")) : I && T ? k = "top" : I ? k = "top-start" : T && (k = "top-end") : l.startsWith("left") ? I ? (k = l?.replace("left", "right"), d && m ? k = "right" : d ? k = "right-end" : m && (k = "right-start")) : d && m ? k = "left" : d ? k = "left-end" : m && (k = "left-start") : k.startsWith("right") && (T ? (k = l?.replace("right", "left"), d && m ? k = "left" : d ? k = "left-end" : m && (k = "left-start")) : d && m ? k = "right" : d ? k = "right-end" : m && (k = "right-start")), {
+  let m = a.height, s = a.width;
+  (l === "bottom" || l === "top") && (s = s / 2), (l === "left" || l === "right") && (m = m / 2);
+  const d = c + m > k, b = i - m < 0, I = g - s < 0, T = f + s > $;
+  let w = l;
+  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end")) : I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? b ? (w = l?.replace("top", "bottom"), I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end")) : I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? I ? (w = l?.replace("left", "right"), d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")) : d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start")) : d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")), {
     top: i,
-    bottom: u,
+    bottom: c,
     right: f,
-    height: s,
+    height: u,
     width: h,
     left: g,
     childHeight: a.height,
     childWidth: a.width,
-    correctedPlacement: k,
-    innerWidth: x,
-    innerHeight: w
+    correctedPlacement: w,
+    innerWidth: $,
+    innerHeight: k
   };
 }, ua = (e, t, l) => {
   const a = getComputedStyle(e).getPropertyValue("--db-popover-distance") ?? "0px", {
     top: i,
-    height: s,
-    width: u,
+    height: u,
+    width: c,
     childHeight: f,
     childWidth: g,
     right: h,
-    left: w,
-    bottom: x,
-    correctedPlacement: b,
-    innerWidth: c,
+    left: k,
+    bottom: $,
+    correctedPlacement: m,
+    innerWidth: s,
     innerHeight: d
   } = sa(e, t, l);
-  if (g > u && (b.startsWith("bottom") || b.startsWith("top"))) {
-    const m = u / 2 / g * 100;
-    b.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${m}%`) : b.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - m}%`);
+  if (g > c && (m.startsWith("bottom") || m.startsWith("top"))) {
+    const b = c / 2 / g * 100;
+    m.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${b}%`) : m.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - b}%`);
   }
-  if (f > s && (b.startsWith("left") || b.startsWith("bottom"))) {
-    const m = s / 2 / f * 100;
-    b.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${m}%`) : b.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - m}%`);
+  if (f > u && (m.startsWith("left") || m.startsWith("bottom"))) {
+    const b = u / 2 / f * 100;
+    m.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${b}%`) : m.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - b}%`);
   }
-  if (b === "right" || b === "left")
-    e.style.insetBlockStart = `${i + s / 2}px`;
-  else if (b === "right-start" || b === "left-start") {
-    const m = i + f;
-    e.style.insetBlockStart = `${i}px`, e.style.insetBlockEnd = `${m > d ? d : m}px`;
-  } else if (b === "right-end" || b === "left-end") {
-    const m = x - f;
-    e.style.insetBlockStart = `${m < 0 ? 0 : m}px`, e.style.insetBlockEnd = `${x}px`;
-  } else if (b === "top" || b === "bottom")
-    e.style.insetInlineStart = `${w + u / 2}px`;
-  else if (b === "top-start" || b === "bottom-start") {
-    const m = w + g;
-    e.style.insetInlineStart = `${w}px`, e.style.insetInlineEnd = `${m > c ? c : m}px`;
-  } else if (b === "top-end" || b === "bottom-end") {
-    const m = w - g;
-    e.style.insetInlineStart = `${h - g}px`, e.style.insetInlineEnd = `${m < 0 ? 0 : m}px`;
+  if (m === "right" || m === "left")
+    e.style.insetBlockStart = `${i + u / 2}px`;
+  else if (m === "right-start" || m === "left-start") {
+    const b = i + f;
+    e.style.insetBlockStart = `${i}px`, e.style.insetBlockEnd = `${b > d ? d : b}px`;
+  } else if (m === "right-end" || m === "left-end") {
+    const b = $ - f;
+    e.style.insetBlockStart = `${b < 0 ? 0 : b}px`, e.style.insetBlockEnd = `${$}px`;
+  } else if (m === "top" || m === "bottom")
+    e.style.insetInlineStart = `${k + c / 2}px`;
+  else if (m === "top-start" || m === "bottom-start") {
+    const b = k + g;
+    e.style.insetInlineStart = `${k}px`, e.style.insetInlineEnd = `${b > s ? s : b}px`;
+  } else if (m === "top-end" || m === "bottom-end") {
+    const b = k - g;
+    e.style.insetInlineStart = `${h - g}px`, e.style.insetInlineEnd = `${b < 0 ? 0 : b}px`;
   }
-  if (b?.startsWith("right")) {
-    const m = h + g;
-    e.style.insetInlineStart = `calc(${h}px + ${a})`, e.style.insetInlineEnd = `calc(${m > c ? c : m}px + ${a})`;
-  } else if (b?.startsWith("left")) {
-    const m = w - g;
-    e.style.insetInlineStart = `calc(${m < 0 ? 0 : m}px - ${a})`, e.style.insetInlineEnd = `calc(${h}px - ${a})`;
-  } else if (b?.startsWith("top")) {
-    const m = i - f;
-    e.style.insetBlockStart = `calc(${m < 0 ? 0 : m}px - ${a})`, e.style.insetBlockEnd = `calc(${x}px - ${a})`;
-  } else if (b?.startsWith("bottom")) {
-    const m = x + f;
-    e.style.insetBlockStart = `calc(${x}px + ${a})`, e.style.insetBlockEnd = `calc(${m > d ? d : m}px + ${a})`;
+  if (m?.startsWith("right")) {
+    const b = h + g;
+    e.style.insetInlineStart = `calc(${h}px + ${a})`, e.style.insetInlineEnd = `calc(${b > s ? s : b}px + ${a})`;
+  } else if (m?.startsWith("left")) {
+    const b = k - g;
+    e.style.insetInlineStart = `calc(${b < 0 ? 0 : b}px - ${a})`, e.style.insetInlineEnd = `calc(${h}px - ${a})`;
+  } else if (m?.startsWith("top")) {
+    const b = i - f;
+    e.style.insetBlockStart = `calc(${b < 0 ? 0 : b}px - ${a})`, e.style.insetBlockEnd = `calc(${$}px - ${a})`;
+  } else if (m?.startsWith("bottom")) {
+    const b = $ + f;
+    e.style.insetBlockStart = `calc(${$}px + ${a})`, e.style.insetBlockEnd = `calc(${b > d ? d : b}px + ${a})`;
   }
-  e.style.position = "fixed", e.dataset.correctedPlacement = b;
+  e.style.position = "fixed", e.dataset.correctedPlacement = m;
 }, _a = ["id", "data-width"], et = /* @__PURE__ */ W({
   __name: "custom-select-dropdown",
   props: {
@@ -849,7 +849,7 @@ const Ja = (e) => {
       class: U(n(O)("db-custom-select-dropdown db-card", t.class)),
       "data-width": e.width
     }, [
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, _a));
   }
 }), at = ["id", "data-divider"], tt = ["data-icon", "data-show-icon", "data-icon-trailing"], it = ["type", "name", "form", "checked", "disabled", "value"], lt = { key: 1 }, nt = /* @__PURE__ */ W({
@@ -876,13 +876,13 @@ const Ja = (e) => {
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(!1), u = o(null);
-    K(() => {
+    const l = t, a = e, i = o(void 0), u = o(!1), c = o(null);
+    Y(() => {
       i.value = a.id ?? `custom-select-list-item-${Q()}`;
     }), C(
       () => [a.isGroupTitle, a.showDivider],
       () => {
-        s.value = !!(a.isGroupTitle || a.showDivider);
+        u.value = !!(a.isGroupTitle || a.showDivider);
       },
       {
         immediate: !0,
@@ -896,9 +896,9 @@ const Ja = (e) => {
       if (!(a.isGroupTitle || a.type === "checkbox"))
         return q(a.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (h, w) => (v(), y("li", {
+    return (h, k) => (v(), y("li", {
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       id: i.value,
       class: U(
         n(O)("db-custom-select-list-item", a.class, {
@@ -906,9 +906,9 @@ const Ja = (e) => {
           "db-radio": e.type !== "checkbox" && !e.isGroupTitle
         })
       ),
-      "data-divider": n(V)(s.value)
+      "data-divider": n(V)(u.value)
     }, [
-      e.isGroupTitle ? (v(), y("span", lt, S(e.groupTitle), 1)) : (v(), y("label", {
+      e.isGroupTitle ? (v(), y("span", lt, B(e.groupTitle), 1)) : (v(), y("label", {
         key: 0,
         "data-icon": e.type !== "checkbox" && e.icon ? e.icon : void 0,
         "data-show-icon": n(V)(e.showIcon),
@@ -923,11 +923,11 @@ const Ja = (e) => {
           checked: n(q)(e.checked, "checked"),
           disabled: n(q)(e.disabled, "disabled"),
           value: e.value,
-          onChange: w[0] || (w[0] = async (x) => f(x))
+          onChange: k[0] || (k[0] = async ($) => f($))
         }, null, 40, it),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(h.$slots, "default", { key: 1 })
+          D(B(e.label), 1)
+        ], 64)) : F(h.$slots, "default", { key: 1 })
       ], 8, tt))
     ], 10, at));
   }
@@ -953,7 +953,7 @@ const Ja = (e) => {
       class: U(n(O)("db-custom-select-list", t.class))
     }, [
       E("ul", null, [
-        M(a.$slots, "default")
+        F(a.$slots, "default")
       ])
     ], 10, ot));
   }
@@ -1024,12 +1024,12 @@ const Ja = (e) => {
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(void 0), x = o(void 0), b = o(""), c = o(void 0), d = o(null);
-    K(() => {
-      const F = a.id ?? `input-${Q()}`;
-      i.value = F, s.value = F + ce, u.value = F + re, f.value = F + ve, h.value = F + Qe, g.value = a.invalidMessage || ee;
-    }), ge(() => {
-      c.value?.abort();
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), m = o(""), s = o(void 0), d = o(null);
+    Y(() => {
+      const N = a.id ?? `input-${Q()}`;
+      i.value = N, u.value = N + ce, c.value = N + re, f.value = N + ve, h.value = N + Qe, g.value = a.invalidMessage || ee;
+    }), he(() => {
+      s.value?.abort();
     }), C(
       () => [d.value, a.invalidMessage],
       () => {
@@ -1043,8 +1043,8 @@ const Ja = (e) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const F = i.value + ce;
-          s.value = F, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (w.value = F), I();
+          const N = i.value + ce;
+          u.value = N, c.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (k.value = N), I();
         }
       },
       {
@@ -1054,7 +1054,7 @@ const Ja = (e) => {
     ), C(
       () => [a.value],
       () => {
-        x.value = a.value;
+        $.value = a.value;
       },
       {
         immediate: !0,
@@ -1064,15 +1064,15 @@ const Ja = (e) => {
       () => [d.value],
       () => {
         if (d.value) {
-          let X = c.value;
-          X || (X = new AbortController(), c.value = X), Ue(
+          let X = s.value;
+          X || (X = new AbortController(), s.value = X), Ue(
             d.value,
             {
               value: a.value,
               defaultValue: void 0
             },
             (A) => {
-              k(A), T(A);
+              w(A), T(A);
             },
             X.signal
           );
@@ -1083,34 +1083,34 @@ const Ja = (e) => {
         flush: "post"
       }
     );
-    function m() {
+    function b() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function I() {
-      !d.value?.validity.valid || a.validation === "invalid" ? (w.value = f.value, g.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (b.value = g.value, Y(() => b.value = "", 1e3))) : m() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (w.value = u.value, ue() && (b.value = a.validMessage ?? se, Y(() => b.value = "", 1e3))) : _(a.message, a.showMessage) ? w.value = s.value : w.value = void 0;
+      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (m.value = g.value, K(() => m.value = "", 1e3))) : b() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = c.value, ue() && (m.value = a.validMessage ?? se, K(() => m.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
     }
-    function T(F, X) {
-      a.input && a.input(F), x.value = F.target.value, a.onInput && a.onInput(F), de(l, F), I();
+    function T(N, X) {
+      a.input && a.input(N), $.value = N.target.value, a.onInput && a.onInput(N), de(l, N), I();
     }
-    function k(F, X) {
-      a.onChange && a.onChange(F), de(l, F), I();
+    function w(N, X) {
+      a.onChange && a.onChange(N), de(l, N), I();
     }
-    function L(F) {
-      a.onBlur && a.onBlur(F);
+    function L(N) {
+      a.onBlur && a.onBlur(N);
     }
-    function p(F) {
-      a.onFocus && a.onFocus(F);
+    function S(N) {
+      a.onFocus && a.onFocus(N);
     }
-    function R() {
-      const F = a.dataList;
+    function M() {
+      const N = a.dataList;
       return Array.from(
-        (Ma(F) ? F?.map((X) => ({
+        (Ma(N) ? N?.map((X) => ({
           value: X,
           label: void 0
-        })) : F) || []
+        })) : N) || []
       );
     }
-    return (F, X) => (v(), y("div", {
+    return (N, X) => (v(), y("div", {
       class: U(n(O)("db-input", a.class)),
       "data-variant": e.variant,
       "data-hide-label": n(ne)(e.showLabel),
@@ -1120,7 +1120,7 @@ const Ja = (e) => {
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-show-icon-trailing": n(V)(e.showIconTrailing)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, ut),
+      E("label", { for: i.value }, B(e.label ?? n(ye)), 9, ut),
       E("input", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -1135,7 +1135,7 @@ const Ja = (e) => {
         disabled: n(q)(e.disabled, "disabled"),
         required: n(q)(e.required, "required"),
         step: n(ke)(e.step),
-        value: e.value ?? x.value,
+        value: e.value ?? $.value,
         maxLength: n(ke)(e.maxLength, e.maxlength),
         minLength: n(ke)(e.minLength, e.minlength),
         max: n(Ze)(e.max, e.type),
@@ -1149,11 +1149,11 @@ const Ja = (e) => {
         enterKeyHint: e.enterkeyhint,
         inputMode: e.inputmode,
         onInput: X[0] || (X[0] = async (A) => T(A)),
-        onChange: X[1] || (X[1] = async (A) => k(A)),
+        onChange: X[1] || (X[1] = async (A) => w(A)),
         onBlur: X[2] || (X[2] = async (A) => L(A)),
-        onFocus: X[3] || (X[3] = async (A) => p(A)),
+        onFocus: X[3] || (X[3] = async (A) => S(A)),
         list: e.dataList && h.value,
-        "aria-describedby": e.ariaDescribedBy ?? w.value,
+        "aria-describedby": e.ariaDescribedBy ?? k.value,
         role: ["datetime-local", "date", "time", "week", "month", "color"].includes(
           e.type ?? ""
         ) && n(Na)() ? "textbox" : void 0
@@ -1162,31 +1162,31 @@ const Ja = (e) => {
         key: 0,
         id: h.value
       }, [
-        (v(!0), y(H, null, he(R(), (A) => (v(), y("option", {
+        (v(!0), y(H, null, ge(M(), (A) => (v(), y("option", {
           key: h.value + "-option-" + A.value,
           value: A.value
-        }, S(A.label), 9, vt))), 128))
+        }, B(A.label), 9, vt))), 128))
       ], 8, rt)) : z("", !0),
-      M(F.$slots, "default"),
+      F(N.$slots, "default"),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: e.messageSize || "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["size", "icon", "id"])) : z("", !0),
-      m() ? (v(), J(Z, {
+      b() ? (v(), J(Z, {
         key: 2,
         semantic: "successful",
-        id: u.value,
+        id: c.value,
         size: e.validMessageSize || "small"
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id", "size"])) : z("", !0),
@@ -1196,11 +1196,11 @@ const Ja = (e) => {
         size: e.invalidMessageSize || "small"
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id", "size"]),
-      E("span", ft, S(b.value), 1)
+      E("span", ft, B(m.value), 1)
     ], 10, st));
   }
 }), gt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ca = /* @__PURE__ */ W({
@@ -1220,20 +1220,20 @@ const Ja = (e) => {
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(Ie), a = o(!1), i = o(void 0), s = o(void 0), u = o(null);
-    K(() => {
+    const t = e, l = o(Ie), a = o(!1), i = o(void 0), u = o(void 0), c = o(null);
+    Y(() => {
       l.value = t.id || "tooltip-" + Q(), a.value = !0;
     }), C(
-      () => [u.value, a.value],
+      () => [c.value, a.value],
       () => {
-        if (u.value && a.value && l.value) {
+        if (c.value && a.value && l.value) {
           const d = h();
-          d && (["mouseenter", "focusin"].forEach((m) => {
-            d.addEventListener(m, () => c(d));
-          }), d.addEventListener("keydown", (m) => g(m)), ["mouseleave", "focusout"].forEach((m) => {
-            d.addEventListener(m, () => b());
-          }), d.dataset.hasTooltip = "true", t.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((m) => {
-            const I = m.find(({ target: T }) => T === h());
+          d && (["mouseenter", "focusin"].forEach((b) => {
+            d.addEventListener(b, () => s(d));
+          }), d.addEventListener("keydown", (b) => g(b)), ["mouseleave", "focusout"].forEach((b) => {
+            d.addEventListener(b, () => m());
+          }), d.dataset.hasTooltip = "true", t.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((b) => {
+            const I = b.find(({ target: T }) => T === h());
             I && !I.isIntersecting && g(!1);
           })), a.value = !1;
         }
@@ -1247,40 +1247,40 @@ const Ja = (e) => {
       d.stopPropagation();
     }
     function g(d) {
-      (!d || d.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && h().blur();
+      (!d || d.key === "Escape") && c.value && getComputedStyle(c.value).visibility === "visible" && h().blur();
     }
     function h() {
-      let d = u.value.parentElement;
+      let d = c.value.parentElement;
       return d && d.localName.includes("tooltip") && (d = d.parentElement), d;
     }
-    function w(d) {
-      d && u.value && Y(() => {
-        u.value && ua(
-          u.value,
+    function k(d) {
+      d && c.value && K(() => {
+        c.value && ua(
+          c.value,
           d,
           t.placement ?? "bottom"
         );
       }, 1);
     }
-    function x(d, m) {
-      d?.target?.contains && d?.target?.contains(u.value) && w(m);
+    function $(d, b) {
+      d?.target?.contains && d?.target?.contains(c.value) && k(b);
     }
-    function b() {
+    function m() {
       i.value && new oe().removeCallback(
         i.value
-      ), s.value?.unobserve(h());
+      ), u.value?.unobserve(h());
     }
-    function c(d) {
+    function s(d) {
       i.value = new oe().addCallback(
-        (m) => x(m, d)
-      ), w(d), s.value?.observe(h());
+        (b) => $(b, d)
+      ), k(d), u.value?.observe(h());
     }
-    return (d, m) => (v(), y("i", {
+    return (d, b) => (v(), y("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       class: U(n(O)("db-tooltip", t.class)),
       id: l.value,
       "data-emphasis": e.emphasis,
@@ -1289,9 +1289,9 @@ const Ja = (e) => {
       "data-width": e.width,
       "data-show-arrow": n(V)(e.showArrow ?? !0),
       "data-placement": e.placement,
-      onClick: m[0] || (m[0] = async (I) => f(I))
+      onClick: b[0] || (b[0] = async (I) => f(I))
     }, [
-      M(d.$slots, "default")
+      F(d.$slots, "default")
     ], 10, gt));
   }
 }), mt = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], bt = /* @__PURE__ */ W({
@@ -1319,13 +1319,13 @@ const Ja = (e) => {
   },
   setup(e) {
     const t = e, l = o(null);
-    function a(s) {
-      s && (s.stopPropagation(), t.onRemove && t.onRemove(s));
+    function a(u) {
+      u && (u.stopPropagation(), t.onRemove && t.onRemove(u));
     }
     function i() {
       return t.removeButton ? t.removeButton : aa;
     }
-    return (s, u) => (v(), y("div", {
+    return (u, c) => (v(), y("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -1338,10 +1338,10 @@ const Ja = (e) => {
       "data-no-text": n(V)(e.noText),
       "data-overflow": n(V)(e.overflow)
     }, [
-      M(s.$slots, "content"),
-      M(s.$slots, "default"),
+      F(u.$slots, "content"),
+      F(u.$slots, "default"),
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
+        D(B(e.text), 1)
       ], 64)) : z("", !0),
       e.behavior === "removable" ? (v(), y("button", {
         key: 1,
@@ -1351,11 +1351,11 @@ const Ja = (e) => {
         "data-no-text": "true",
         "data-variant": "ghost",
         type: "button",
-        onClick: u[0] || (u[0] = async (f) => a(f))
+        onClick: c[0] || (c[0] = async (f) => a(f))
       }, [
         te(ca, { variant: "label" }, {
           default: G(() => [
-            D(S(i()), 1)
+            D(B(i()), 1)
           ]),
           _: 1
         })
@@ -1365,7 +1365,7 @@ const Ja = (e) => {
 }), yt = ["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"], kt = ["id"], wt = ["id", "form", "name", "multiple", "disabled", "required"], St = ["disabled", "value"], Bt = ["open"], pt = ["id", "aria-disabled", "aria-labelledby"], Lt = ["data-visually-hidden", "id"], It = {
   key: 0,
   "data-visually-hidden": "true"
-}, $t = { key: 1 }, xt = { key: 0 }, Tt = { key: 0 }, Ct = { class: "db-checkbox db-custom-select-list-item" }, Et = ["form", "checked"], At = ["aria-hidden", "id"], Dt = {
+}, xt = { key: 1 }, $t = { key: 0 }, Tt = { key: 0 }, Ct = { class: "db-checkbox db-custom-select-list-item" }, Et = ["form", "checked"], At = ["aria-hidden", "id"], Dt = {
   "data-visually-hidden": "true",
   role: "status"
 }, hl = /* @__PURE__ */ W({
@@ -1434,23 +1434,23 @@ const Ja = (e) => {
   },
   emits: ["update:values"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(void 0), x = o(void 0), b = o(void 0), c = o(void 0), d = o("no-validation"), m = o(!1), I = o(void 0), T = o(void 0), k = o(""), L = o(void 0), p = o(""), R = o([]), F = o(!1), X = o(!1), A = o(0), N = o([]), j = o([]), pe = o(!1), me = o(void 0), Ce = o(0), Fe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), $e = o(!1), ra = o(null), P = o(null), le = o(null), Ee = o(null), Ve = o(null);
-    K(() => {
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), m = o(void 0), s = o(void 0), d = o("no-validation"), b = o(!1), I = o(void 0), T = o(void 0), w = o(""), L = o(void 0), S = o(""), M = o([]), N = o(!1), X = o(!1), A = o(0), R = o([]), j = o([]), pe = o(!1), me = o(void 0), Ce = o(0), Fe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), xe = o(!1), ra = o(null), P = o(null), le = o(null), Ee = o(null), Ve = o(null);
+    Y(() => {
       const r = a.id ?? `custom-select-${Q()}`;
-      i.value = r, s.value = r + ce, u.value = r + re, f.value = r + ve, h.value = r + Je, w.value = r + Ke, x.value = r + "-summary", b.value = r + De, L.value = r + "-selected-labels", c.value = r + "-info", g.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((B) => {
+      i.value = r, u.value = r + ce, c.value = r + re, f.value = r + ve, h.value = r + Je, k.value = r + Ye, $.value = r + "-summary", m.value = r + De, L.value = r + "-selected-labels", s.value = r + "-info", g.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
         if (P.value) {
-          const $ = B.find(({ target: ae }) => ae === P.value);
-          $ && !$.isIntersecting && P.value.open && (P.value.open = !1);
+          const x = p.find(({ target: ae }) => ae === P.value);
+          x && !x.isIntersecting && P.value.open && (P.value.open = !1);
         }
       }));
-    }), ge(() => {
+    }), he(() => {
       I.value?.abort();
     }), C(
       () => [P.value],
       () => {
         P.value && P.value.addEventListener(
           "focusout",
-          (r) => xe(r)
+          (r) => $e(r)
         );
       },
       {
@@ -1462,7 +1462,7 @@ const Ja = (e) => {
       () => {
         if (i.value) {
           const r = i.value + ce;
-          w.value = i.value + Ke, h.value = i.value + Je, u.value = i.value + re, f.value = i.value + ve, b.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
+          k.value = i.value + Ye, h.value = i.value + Je, c.value = i.value + re, f.value = i.value + ve, m.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
         }
       },
       {
@@ -1496,7 +1496,7 @@ const Ja = (e) => {
     ), C(
       () => [a.showSelectAll, A.value, a.multiple],
       () => {
-        F.value = !!(a.multiple && (a.showSelectAll ?? A.value > 5));
+        N.value = !!(a.multiple && (a.showSelectAll ?? A.value > 5));
       },
       {
         immediate: !0,
@@ -1515,14 +1515,14 @@ const Ja = (e) => {
       () => [a.values],
       () => {
         const r = a.values;
-        Array.isArray(r) ? N.value !== r && (N.value = r) : r == null && N.value?.length !== 0 && (N.value = []);
+        Array.isArray(r) ? R.value !== r && (R.value = r) : r == null && R.value?.length !== 0 && (R.value = []);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [N.value, le.value],
+      () => [R.value, le.value],
       () => {
         le.value && Ge();
       },
@@ -1536,12 +1536,12 @@ const Ja = (e) => {
         if (le.value) {
           let r = I.value;
           r || (r = new AbortController(), I.value = r);
-          const B = a.values;
+          const p = a.values;
           Me(
             le.value,
             () => {
-              const $ = B || (le.value.value ? [le.value.value] : []);
-              Be($), Ge();
+              const x = p || (le.value.value ? [le.value.value] : []);
+              Be(x), Ge();
             },
             r.signal
           );
@@ -1561,9 +1561,9 @@ const Ja = (e) => {
         flush: "post"
       }
     ), C(
-      () => [N.value, A.value],
+      () => [R.value, A.value],
       () => {
-        N.value?.length === 0 ? (ze.value = !1, $e.value = !1) : N.value?.length === A.value ? ($e.value = !1, ze.value = !0) : N.value && ($e.value = !0);
+        R.value?.length === 0 ? (ze.value = !1, xe.value = !1) : R.value?.length === A.value ? (xe.value = !1, ze.value = !0) : R.value && (xe.value = !0);
       },
       {
         immediate: !0,
@@ -1591,10 +1591,10 @@ const Ja = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.options, N.value],
+      () => [a.options, R.value],
       () => {
-        a.options?.length && (R.value = a.options?.filter(
-          (r) => !r.value || !N.value?.includes ? !1 : !r.isGroupTitle && N.value?.includes(r.value)
+        a.options?.length && (M.value = a.options?.filter(
+          (r) => !r.value || !R.value?.includes ? !1 : !r.isGroupTitle && R.value?.includes(r.value)
         ));
       },
       {
@@ -1603,7 +1603,7 @@ const Ja = (e) => {
       }
     ), C(
       () => [
-        R.value,
+        M.value,
         a.selectedType,
         a.amountText,
         a.selectedLabels,
@@ -1611,36 +1611,36 @@ const Ja = (e) => {
       ],
       () => {
         if (a.selectedLabels) {
-          k.value = a.selectedLabels;
+          w.value = a.selectedLabels;
           return;
         }
-        if (R.value?.length) {
+        if (M.value?.length) {
           if (a.transformSelectedLabels) {
-            const r = R.value, B = a.transformSelectedLabels;
-            k.value = B(r);
+            const r = M.value, p = a.transformSelectedLabels;
+            w.value = p(r);
             return;
           }
-          a.selectedType === "amount" ? k.value = a.amountText ? a.amountText : `${R.value?.length} ${xa}` : k.value = R.value?.map((r) => Se(r)).join(", ");
+          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${M.value?.length} ${$a}` : w.value = M.value?.map((r) => Se(r)).join(", ");
         } else
-          k.value = "";
+          w.value = "";
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [R.value],
+      () => [M.value],
       () => {
-        a.onAmountChange && a.onAmountChange(R.value?.length ?? 0);
+        a.onAmountChange && a.onAmountChange(M.value?.length ?? 0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [$e.value, Ee.value],
+      () => [xe.value, Ee.value],
       () => {
-        Ee.value && (Ee.value.indeterminate = !!$e.value);
+        Ee.value && (Ee.value.indeterminate = !!xe.value);
       },
       {
         immediate: !0,
@@ -1663,13 +1663,13 @@ const Ja = (e) => {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function Ge() {
-      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), g.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (p.value = g.value, Y(() => p.value = "", 1e3)), m.value && (d.value = a.validation ?? "invalid")) : Oe() && le.value?.validity.valid && a.required ? (Le(u.value), ue() && (p.value = a.validMessage ?? se, Y(() => p.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(s.value), d.value = a.validation ?? "no-validation") : (Le(b.value), d.value = a.validation ?? "no-validation");
+      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), g.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (S.value = g.value, K(() => S.value = "", 1e3)), b.value && (d.value = a.validation ?? "invalid")) : Oe() && le.value?.validity.valid && a.required ? (Le(c.value), ue() && (S.value = a.validMessage ?? se, K(() => S.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(u.value), d.value = a.validation ?? "no-validation") : (Le(m.value), d.value = a.validation ?? "no-validation");
     }
     function fa(r) {
       a.onDropdownToggle && (r.stopPropagation(), a.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (me.value = new fe().addCallback(
-        (B) => Sa(B)
+        (p) => Sa(p)
       ), Fe.value = new oe().addCallback(
-        (B) => va(B)
+        (p) => va(p)
       ), Pe(), Ne.value?.observe(P.value), r.target.dataset.test || He()) : (me.value && new fe().removeCallback(
         me.value
       ), Fe.value && new oe().removeCallback(
@@ -1677,11 +1677,11 @@ const Ja = (e) => {
       ), Ne.value?.unobserve(P.value));
     }
     function ha() {
-      return N.value?.length ? N.value.at(0) ?? "" : "";
+      return R.value?.length ? R.value.at(0) ?? "" : "";
     }
     function Le(r) {
-      const B = [];
-      r && B.push(r), L.value && k.value?.length && B.push(L.value), T.value = B.join(" ");
+      const p = [];
+      r && p.push(r), L.value && w.value?.length && p.push(L.value), T.value = p.join(" ");
     }
     function ga() {
       return a.selectAllLabel ?? ye;
@@ -1690,24 +1690,24 @@ const Ja = (e) => {
       return r.label ?? r.value?.toString() ?? "";
     }
     function ma(r) {
-      return r && N.value?.includes ? N.value?.includes(r) : !1;
+      return r && R.value?.includes ? R.value?.includes(r) : !1;
     }
     function ba(r) {
-      const B = a.removeTagsTexts, $ = a.options;
-      if (B && $) {
-        const ae = $.findIndex((ie) => ie.value === r.value);
-        if (ae >= 0 && ae < B.length)
-          return B[ae];
+      const p = a.removeTagsTexts, x = a.options;
+      if (p && x) {
+        const ae = x.findIndex((ie) => ie.value === r.value);
+        if (ae >= 0 && ae < p.length)
+          return p[ae];
       }
       return `${aa} ${Se(r)}`;
     }
-    function ya(r, B) {
-      B && B.stopPropagation(), We(r.value), Te();
+    function ya(r, p) {
+      p && p.stopPropagation(), We(r.value), Te();
     }
     function Pe() {
       if (P.value) {
         const r = P.value.querySelector("article");
-        r && Y(() => {
+        r && K(() => {
           Za(
             r,
             P.value,
@@ -1719,10 +1719,10 @@ const Ja = (e) => {
     function ka(r) {
       if (P.value?.open) {
         if (self.document) {
-          const B = self.document.activeElement;
-          if (B)
-            if (B.getAttribute("type") === "checkbox" || B.getAttribute("type") === "radio") {
-              const ae = B?.closest("li");
+          const p = self.document.activeElement;
+          if (p)
+            if (p.getAttribute("type") === "checkbox" || p.getAttribute("type") === "radio") {
+              const ae = p?.closest("li");
               if (r.key === "ArrowDown" || r.key === "ArrowRight") {
                 let ie = ae?.nextElementSibling;
                 for (; ie; ) {
@@ -1733,7 +1733,7 @@ const Ja = (e) => {
                   }
                   ie = ie.nextElementSibling;
                 }
-                ie || Ae(B);
+                ie || Ae(p);
               } else {
                 let ie = ae?.previousElementSibling;
                 for (; ie; ) {
@@ -1748,59 +1748,59 @@ const Ja = (e) => {
                   const be = P.value.querySelector(
                     'input[type="checkbox"]'
                   );
-                  if (be && be !== B)
-                    Ae(B);
+                  if (be && be !== p)
+                    Ae(p);
                   else {
                     const je = _e(P.value);
                     if (je)
-                      Y(() => {
+                      K(() => {
                         je.focus();
                       }, 100);
                     else {
-                      const Ye = Array.from(
+                      const Ke = Array.from(
                         P.value?.querySelectorAll(
                           'input[type="checkbox"],input[type="radio"]'
                         )
                       );
-                      Ye.length && Ye.at(-1)?.focus();
+                      Ke.length && Ke.at(-1)?.focus();
                     }
                   }
                 }
               }
             } else
-              B.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? (xe(void 0, !0), Te()) : Ae(B);
+              p.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? ($e(void 0, !0), Te()) : Ae(p);
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowRight") && (Pe(), P.value && (P.value.open = !0), He());
       r.stopPropagation(), r.preventDefault();
     }
     function wa(r) {
       if (r.stopPropagation(), r.key === "Escape" && P.value?.open)
-        xe(void 0, !0), Te();
+        $e(void 0, !0), Te();
       else if (r.key === "Enter" && P.value?.open) {
         if (self.document) {
-          const B = self.document.activeElement;
-          ["checkbox", "radio"].includes(B.getAttribute("type") || "") && (B.click(), r.preventDefault());
+          const p = self.document.activeElement;
+          ["checkbox", "radio"].includes(p.getAttribute("type") || "") && (p.click(), r.preventDefault());
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && ka(r);
     }
-    function xe(r, B) {
+    function $e(r, p) {
       if (P.value) {
-        if (B)
+        if (p)
           P.value.open = !1, Te();
         else if (P.value.open && r && r.relatedTarget) {
-          const $ = r.relatedTarget;
-          P.value.contains($) || Y(() => P.value.open = !1, 1);
+          const x = r.relatedTarget;
+          P.value.contains(x) || K(() => P.value.open = !1, 1);
         }
       }
     }
     function Sa(r) {
       if (r) {
-        const B = r.target;
-        P.value?.open && !P.value.contains(B) && (P.value.open = !1);
+        const p = r.target;
+        P.value?.open && !P.value.contains(p) && (P.value.open = !1);
       }
     }
     function Be(r) {
-      (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (N.value = r, m.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
+      (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (R.value = r, b.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
         l,
         {
           target: {
@@ -1811,30 +1811,30 @@ const Ja = (e) => {
       ), Ce.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function We(r) {
-      r && (a.multiple ? N.value?.includes(r) ? Be(N.value.filter((B) => B !== r)) : Be([...N.value || [], r]) : (Be([r]), xe(void 0, !0)));
+      r && (a.multiple ? R.value?.includes(r) ? Be(R.value.filter((p) => p !== r)) : Be([...R.value || [], r]) : (Be([r]), $e(void 0, !0)));
     }
     function Ba(r) {
-      if (r.stopPropagation(), N.value?.length === A.value)
+      if (r.stopPropagation(), R.value?.length === A.value)
         Be([]);
       else {
-        const B = X.value && Ve.value ? Ve.value.value : void 0;
+        const p = X.value && Ve.value ? Ve.value.value : void 0;
         Be(
           a.options ? a.options.filter(
-            ($) => !$.isGroupTitle && (!B || $.value?.toLowerCase().includes(B.toLowerCase()))
-          ).map(($) => $.value ?? "") : []
+            (x) => !x.isGroupTitle && (!p || x.value?.toLowerCase().includes(p.toLowerCase()))
+          ).map((x) => x.value ?? "") : []
         );
       }
     }
     function Ae(r) {
       if (P.value) {
-        const B = Array.from(
+        const p = Array.from(
           P.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
-        if (B.length) {
-          const $ = B.at(0), ae = $ === r && B.length > 1 ? B.at(1) : $;
-          ae && Y(() => {
+        if (p.length) {
+          const x = p.at(0), ae = x === r && p.length > 1 ? p.at(1) : x;
+          ae && K(() => {
             ae.focus();
           }, 1);
         }
@@ -1843,7 +1843,7 @@ const Ja = (e) => {
     function He() {
       if (P.value) {
         const r = _e(P.value);
-        r ? Y(() => {
+        r ? K(() => {
           r.focus();
         }, 1) : Ae();
       }
@@ -1851,17 +1851,17 @@ const Ja = (e) => {
     function Xe(r) {
       if (r === void 0)
         return;
-      let B;
+      let p;
       if (typeof r == "string")
-        B = r;
+        p = r;
       else {
-        const $ = r;
-        $.stopPropagation(), a.onSearch && a.onSearch($), B = $.target.value, Re.value = B;
+        const x = r;
+        x.stopPropagation(), a.onSearch && a.onSearch(x), p = x.target.value, Re.value = p;
       }
-      !a.options || !B || B.length === 0 ? j.value = a.options : a.searchFilter ? j.value = a.options.filter(
-        ($) => a.searchFilter($, B)
+      !a.options || !p || p.length === 0 ? j.value = a.options : a.searchFilter ? j.value = a.options.filter(
+        (x) => a.searchFilter(x, p)
       ) : j.value = a.options.filter(
-        ($) => !$.isGroupTitle && Se($).toLowerCase().includes(B.toLowerCase())
+        (x) => !x.isGroupTitle && Se(x).toLowerCase().includes(p.toLowerCase())
       );
     }
     function pa(r) {
@@ -1873,7 +1873,7 @@ const Ja = (e) => {
     function La(r) {
       r.stopPropagation();
     }
-    return (r, B) => (v(), y("div", {
+    return (r, p) => (v(), y("div", {
       id: i.value,
       ref_key: "_ref",
       ref: ra,
@@ -1890,8 +1890,8 @@ const Ja = (e) => {
       "data-icon": e.icon,
       "data-show-icon": n(V)(e.showIcon)
     }, [
-      E("label", { id: w.value }, [
-        D(S(e.label ?? n(ye)), 1),
+      E("label", { id: k.value }, [
+        D(B(e.label ?? n(ye)), 1),
         E("select", {
           role: "none",
           hidden: !0,
@@ -1904,48 +1904,48 @@ const Ja = (e) => {
           multiple: n(q)(e.multiple, "multiple"),
           disabled: n(q)(e.disabled, "disabled"),
           required: n(q)(e.required, "required"),
-          onChange: B[0] || (B[0] = async ($) => La($))
+          onChange: p[0] || (p[0] = async (x) => La(x))
         }, [
-          e.options?.length ? (v(!0), y(H, { key: 0 }, he(e.options, ($, ae) => (v(), y("option", {
+          e.options?.length ? (v(!0), y(H, { key: 0 }, ge(e.options, (x, ae) => (v(), y("option", {
             key: ae,
-            disabled: $.disabled,
-            value: $.value
-          }, S(Se($)), 9, St))), 128)) : z("", !0)
+            disabled: x.disabled,
+            value: x.value
+          }, B(Se(x)), 9, St))), 128)) : z("", !0)
         ], 40, wt)
       ], 8, kt),
       E("details", {
         ref_key: "detailsRef",
         ref: P,
         open: e.open,
-        onToggle: B[2] || (B[2] = async ($) => fa($)),
-        onKeydown: B[3] || (B[3] = async ($) => wa($))
+        onToggle: p[2] || (p[2] = async (x) => fa(x)),
+        onKeydown: p[3] || (p[3] = async (x) => wa(x))
       }, [
-        M(r.$slots, "default"),
+        F(r.$slots, "default"),
         e.options ? (v(), y(H, { key: 0 }, [
           E("summary", {
             class: "db-custom-select-form-field",
-            id: x.value,
+            id: $.value,
             "aria-disabled": n(V)(e.disabled),
-            "aria-labelledby": w.value
+            "aria-labelledby": k.value
           }, [
-            k.value?.length ? (v(), y("span", {
+            w.value?.length ? (v(), y("span", {
               key: 0,
               "data-visually-hidden": n(V)(e.selectedType === "tag"),
               id: L.value
             }, [
-              e.selectedPrefix ? (v(), y("span", It, S(e.selectedPrefix), 1)) : z("", !0),
-              D(" " + S(k.value), 1)
+              e.selectedPrefix ? (v(), y("span", It, B(e.selectedPrefix), 1)) : z("", !0),
+              D(" " + B(w.value), 1)
             ], 8, Lt)) : z("", !0),
-            e.selectedType === "tag" ? (v(), y("div", $t, [
-              (v(!0), y(H, null, he(R.value, ($, ae) => (v(), J(bt, {
+            e.selectedType === "tag" ? (v(), y("div", xt, [
+              (v(!0), y(H, null, ge(M.value, (x, ae) => (v(), J(bt, {
                 key: ae,
                 emphasis: "strong",
                 behavior: "removable",
-                removeButton: ba($),
-                onRemove: (ie) => ya($, ie)
+                removeButton: ba(x),
+                onRemove: (ie) => ya(x, ie)
               }, {
                 default: G(() => [
-                  D(S(Se($)), 1)
+                  D(B(Se(x)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
@@ -1953,7 +1953,7 @@ const Ja = (e) => {
           ], 8, pt),
           te(et, { width: e.dropdownWidth }, {
             default: G(() => [
-              X.value ? (v(), y("div", xt, [
+              X.value ? (v(), y("div", $t, [
                 te(ht, {
                   type: "search",
                   ref_key: "searchInputRef",
@@ -1964,22 +1964,22 @@ const Ja = (e) => {
                   value: Re.value,
                   label: e.searchLabel ?? n(ye),
                   placeholder: e.searchPlaceholder ?? e.searchLabel,
-                  ariaDescribedBy: pe.value || e.showLoading ? c.value : void 0,
-                  onInput: ($) => Xe($)
+                  ariaDescribedBy: pe.value || e.showLoading ? s.value : void 0,
+                  onInput: (x) => Xe(x)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
               ])) : z("", !0),
               pe.value || e.showLoading ? (v(), J(Z, {
                 key: 1,
-                id: c.value,
+                id: s.value,
                 icon: e.showLoading ? "circular_arrows" : void 0,
                 semantic: e.showLoading ? "informational" : "warning"
               }, {
                 default: G(() => [
-                  D(S((e.showLoading ? e.loadingText : e.noResultsText) ?? n(Ia)), 1)
+                  D(B((e.showLoading ? e.loadingText : e.noResultsText) ?? n(Ia)), 1)
                 ]),
                 _: 1
               }, 8, ["id", "icon", "semantic"])) : (v(), y(H, { key: 2 }, [
-                F.value ? (v(), y("div", Tt, [
+                N.value ? (v(), y("div", Tt, [
                   E("div", Ct, [
                     E("label", null, [
                       E("input", {
@@ -1989,9 +1989,9 @@ const Ja = (e) => {
                         ref: Ee,
                         form: i.value,
                         checked: ze.value,
-                        onChange: B[1] || (B[1] = async ($) => Ba($))
+                        onChange: p[1] || (p[1] = async (x) => Ba(x))
                       }, null, 40, Et),
-                      D(S(ga()), 1)
+                      D(B(ga()), 1)
                     ])
                   ])
                 ])) : z("", !0),
@@ -2000,22 +2000,22 @@ const Ja = (e) => {
                   label: e.listLabel ?? e.label ?? n(ye)
                 }, {
                   default: G(() => [
-                    (v(!0), y(H, null, he(j.value, ($, ae) => (v(), J(nt, {
+                    (v(!0), y(H, null, ge(j.value, (x, ae) => (v(), J(nt, {
                       key: ae,
                       type: e.multiple ? "checkbox" : "radio",
-                      showDivider: $.showDivider,
-                      icon: $.icon,
-                      isGroupTitle: $.isGroupTitle,
-                      groupTitle: Se($),
+                      showDivider: x.showDivider,
+                      icon: x.icon,
+                      isGroupTitle: x.isGroupTitle,
+                      groupTitle: Se(x),
                       name: i.value,
-                      checked: ma($.value),
-                      disabled: $.disabled,
-                      value: $.value,
-                      onChange: (ie) => We($.value)
+                      checked: ma(x.value),
+                      disabled: x.disabled,
+                      value: x.value,
+                      onChange: (ie) => We(x.value)
                     }, {
                       default: G(() => [
-                        $.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
-                          D(S(Se($)), 1)
+                        x.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
+                          D(B(Se(x)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -2032,10 +2032,10 @@ const Ja = (e) => {
                   size: "small",
                   name: i.value,
                   form: i.value,
-                  onClick: ($) => xe(void 0, !0)
+                  onClick: (x) => $e(void 0, !0)
                 }, {
                   default: G(() => [
-                    D(S(e.mobileCloseButtonText ?? n(qe)), 1)
+                    D(B(e.mobileCloseButtonText ?? n(qe)), 1)
                   ]),
                   _: 1
                 }, 8, ["name", "form", "onClick"])
@@ -2045,7 +2045,7 @@ const Ja = (e) => {
           }, 8, ["width"])
         ], 64)) : z("", !0)
       ], 40, Bt),
-      (e.showClearSelection ?? !0) && N.value?.length ? (v(), J(we, {
+      (e.showClearSelection ?? !0) && R.value?.length ? (v(), J(we, {
         key: 0,
         icon: "cross",
         variant: "ghost",
@@ -2053,13 +2053,13 @@ const Ja = (e) => {
         noText: !0,
         name: i.value,
         form: i.value,
-        onClick: ($) => pa($)
+        onClick: (x) => pa(x)
       }, {
         default: G(() => [
-          D(S(e.clearSelectionText), 1),
+          D(B(e.clearSelectionText), 1),
           te(ca, { placement: "top" }, {
             default: G(() => [
-              D(S(e.clearSelectionText), 1)
+              D(B(e.clearSelectionText), 1)
             ]),
             _: 1
           })
@@ -2069,16 +2069,16 @@ const Ja = (e) => {
       E("span", {
         class: "db-custom-select-placeholder",
         "aria-hidden": n(V)(!0),
-        id: b.value
-      }, S(e.placeholder ?? e.label), 9, At),
+        id: m.value
+      }, B(e.placeholder ?? e.label), 9, At),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -2086,10 +2086,10 @@ const Ja = (e) => {
         key: 2,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -2099,11 +2099,11 @@ const Ja = (e) => {
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Dt, S(p.value), 1)
+      E("span", Dt, B(S.value), 1)
     ], 10, yt));
   }
 }), gl = ["fixed", "auto", "full"], Mt = ["id"], ml = /* @__PURE__ */ W({
@@ -2123,7 +2123,7 @@ const Ja = (e) => {
       id: e.id,
       class: U(n(O)("db-custom-select-form-field", t.class))
     }, [
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, Mt));
   }
 }), bl = ["checkbox", "radio"], yl = ["amount", "text", "tag"], Ft = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], kl = /* @__PURE__ */ W({
@@ -2176,12 +2176,12 @@ const Ja = (e) => {
   },
   setup(e) {
     const t = e, l = o(!1), a = o(null), i = o(null);
-    K(() => {
-      u(), l.value = !0;
+    Y(() => {
+      c(), l.value = !0;
     }), C(
       () => [t.open],
       () => {
-        u();
+        c();
       },
       {
         immediate: !0,
@@ -2200,13 +2200,13 @@ const Ja = (e) => {
         flush: "post"
       }
     );
-    function s(f, g) {
+    function u(f, g) {
       f && (Ra(f) ? f.key === "Escape" && (f.preventDefault(), t.onClose && t.onClose(f)) : (g && (f.stopPropagation(), t.onClose && t.onClose(f)), f.target?.nodeName === "DIALOG" && f.type === "click" && t.backdrop !== "none" && t.onClose && t.onClose(f)));
     }
-    function u() {
+    function c() {
       if (a.value) {
         const f = !!t.open;
-        f && !a.value.open && (i.value && (i.value.hidden = !1), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal()), !f && a.value.open && (i.value && (i.value.hidden = !0), Y(() => {
+        f && !a.value.open && (i.value && (i.value.hidden = !1), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal()), !f && a.value.open && (i.value && (i.value.hidden = !0), K(() => {
           i.value && (i.value.hidden = !1), a.value?.close();
         }, 401));
       }
@@ -2216,8 +2216,8 @@ const Ja = (e) => {
       id: e.id,
       ref_key: "_ref",
       ref: a,
-      onClick: g[0] || (g[0] = async (h) => s(h)),
-      onKeydown: g[1] || (g[1] = async (h) => s(h)),
+      onClick: g[0] || (g[0] = async (h) => u(h)),
+      onKeydown: g[1] || (g[1] = async (h) => u(h)),
       "data-position": e.position,
       "data-backdrop": e.backdrop,
       "data-direction": e.direction,
@@ -2234,7 +2234,7 @@ const Ja = (e) => {
       }, [
         E("header", zt, [
           E("div", Vt, [
-            M(f.$slots, "drawer-header")
+            F(f.$slots, "drawer-header")
           ]),
           te(we, {
             class: "button-close-drawer",
@@ -2242,16 +2242,16 @@ const Ja = (e) => {
             variant: "ghost",
             id: e.closeButtonId,
             noText: !0,
-            onClick: (h) => s(h, !0)
+            onClick: (h) => u(h, !0)
           }, {
             default: G(() => [
-              D(S(e.closeButtonText ?? n(qe)), 1)
+              D(B(e.closeButtonText ?? n(qe)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
         E("div", Pt, [
-          M(f.$slots, "default")
+          F(f.$slots, "default")
         ])
       ], 10, Rt)
     ], 40, Nt));
@@ -2311,18 +2311,18 @@ class Ot {
     if (!this.triangleData)
       return;
     if (t === "fill-gap") {
-      const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, f = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+      const c = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, f = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
       return {
-        lb: `${f} ${u}`,
+        lb: `${f} ${c}`,
         lt: `${f} 0`,
         rt: "100% 0",
-        rb: `100% ${u}`
+        rb: `100% ${c}`
       };
     }
-    const l = this.getTriangleTipX(), a = this.getTriangleTipY(), i = `${l}px ${a}px`, s = `${l}px ${a}px`;
+    const l = this.getTriangleTipX(), a = this.getTriangleTipY(), i = `${l}px ${a}px`, u = `${l}px ${a}px`;
     return {
       lb: i,
-      lt: s,
+      lt: u,
       rt: "100% 0",
       rb: "100% 100%"
     };
@@ -2335,7 +2335,7 @@ class Ot {
     a && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${a.lb}, ${a.lt}, ${a.rt}, ${a.rb})`), l && (this.triangleData = void 0));
   }
 }
-const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-header-drawer-navigation" }, Ht = { class: "db-header-meta-navigation" }, Xt = { class: "db-header-secondary-action" }, jt = { class: "db-header-meta-navigation" }, Yt = { class: "db-header-navigation-bar" }, Kt = { class: "db-header-brand-container" }, Jt = { class: "db-header-navigation-container" }, Qt = { class: "db-header-navigation" }, Zt = { class: "db-header-primary-action" }, _t = { class: "db-header-action-container" }, ei = { class: "db-header-burger-menu-container" }, ai = { class: "db-header-secondary-action" }, $l = /* @__PURE__ */ W({
+const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-header-drawer-navigation" }, Ht = { class: "db-header-meta-navigation" }, Xt = { class: "db-header-secondary-action" }, jt = { class: "db-header-meta-navigation" }, Kt = { class: "db-header-navigation-bar" }, Yt = { class: "db-header-brand-container" }, Jt = { class: "db-header-navigation-container" }, Qt = { class: "db-header-navigation" }, Zt = { class: "db-header-primary-action" }, _t = { class: "db-header-action-container" }, ei = { class: "db-header-burger-menu-container" }, ai = { class: "db-header-secondary-action" }, xl = /* @__PURE__ */ W({
   __name: "header",
   props: {
     brand: {},
@@ -2358,7 +2358,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(!1), a = o(!1), i = o(null);
-    K(() => {
+    Y(() => {
       l.value = !0;
     }), C(
       () => [l.value, i.value],
@@ -2373,12 +2373,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function s(f) {
+    function u(f) {
       const g = !q(t.drawerOpen, "drawerOpen");
       t.onToggle && t.onToggle(g);
     }
-    function u(f) {
-      Ut(f) && s();
+    function c(f) {
+      Ut(f) && u();
     }
     return (f, g) => (v(), y("header", {
       ref_key: "_ref",
@@ -2395,39 +2395,39 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         closeButtonId: e.closeButtonId,
         closeButtonText: e.closeButtonText,
         open: n(q)(e.drawerOpen),
-        onClose: (h) => s()
+        onClose: (h) => u()
       }, {
         default: G(() => [
           E("div", Wt, [
             E("div", {
               class: "db-header-navigation",
-              onClick: g[0] || (g[0] = async (h) => u(h))
+              onClick: g[0] || (g[0] = async (h) => c(h))
             }, [
-              M(f.$slots, "default")
+              F(f.$slots, "default")
             ]),
             E("div", Ht, [
-              M(f.$slots, "meta-navigation")
+              F(f.$slots, "meta-navigation")
             ])
           ]),
           E("div", Xt, [
-            M(f.$slots, "secondary-action")
+            F(f.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["closeButtonId", "closeButtonText", "open", "onClose"]),
       E("div", jt, [
-        M(f.$slots, "meta-navigation")
+        F(f.$slots, "meta-navigation")
       ]),
-      E("div", Yt, [
-        E("div", Kt, [
-          M(f.$slots, "brand")
+      E("div", Kt, [
+        E("div", Yt, [
+          F(f.$slots, "brand")
         ]),
         E("div", Jt, [
           E("div", Qt, [
-            M(f.$slots, "default")
+            F(f.$slots, "default")
           ]),
           E("div", Zt, [
-            M(f.$slots, "primary-action")
+            F(f.$slots, "primary-action")
           ])
         ]),
         E("div", _t, [
@@ -2436,22 +2436,22 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
               icon: "menu",
               variant: "ghost",
               noText: !0,
-              onClick: (h) => s()
+              onClick: (h) => u()
             }, {
               default: G(() => [
-                D(S(e.burgerMenuLabel ?? n(Ta)), 1)
+                D(B(e.burgerMenuLabel ?? n(Ta)), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ]),
           E("div", ai, [
-            M(f.$slots, "secondary-action")
+            F(f.$slots, "secondary-action")
           ])
         ])
       ])
     ], 10, Gt));
   }
-}), ti = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], xl = /* @__PURE__ */ W({
+}), ti = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], $l = /* @__PURE__ */ W({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -2477,8 +2477,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-icon-variant": e.variant
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(a.$slots, "default", { key: 1 })
     ], 10, ti));
   }
 }), Tl = ["16", "20", "24", "32", "48", "64"], Cl = [
@@ -2528,7 +2528,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function a(i) {
       t.onClick && t.onClick(i);
     }
-    return (i, s) => (v(), y("a", {
+    return (i, u) => (v(), y("a", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -2545,11 +2545,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-variant": e.variant,
       "data-content": e.content || "internal",
       "data-wrap": n(V)(e.wrap),
-      onClick: s[0] || (s[0] = async (u) => a(u))
+      onClick: u[0] || (u[0] = async (c) => a(c))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(i.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(i.$slots, "default", { key: 1 })
     ], 10, ii));
   }
 }), Al = ["adaptive", "brand", "inline"], Dl = ["medium", "small"], Ml = ["external", "internal"], li = ["id"], Fl = /* @__PURE__ */ W({
@@ -2563,16 +2563,16 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = t.id || "navigation-" + Q();
-    }), (i, s) => (v(), y("nav", {
+    }), (i, u) => (v(), y("nav", {
       ref_key: "_ref",
       ref: a,
       id: l.value,
       class: U(n(O)("db-navigation", t.class))
     }, [
       E("menu", null, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ])
     ], 10, li));
   }
@@ -2601,15 +2601,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(!0), s = o(!1), u = o(!1), f = o(
+    const t = e, l = o(!1), a = o(!1), i = o(!0), u = o(!1), c = o(!1), f = o(
       "sub-navigation-" + Q()
     ), g = o(void 0), h = o(null);
-    K(() => {
+    Y(() => {
       l.value = !0;
     }), C(
       () => [t.subNavigationExpanded],
       () => {
-        t.subNavigationExpanded !== void 0 && (s.value = !!q(
+        t.subNavigationExpanded !== void 0 && (u.value = !!q(
           t.subNavigationExpanded,
           "subNavigationExpanded"
         ));
@@ -2622,10 +2622,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [l.value, h.value],
       () => {
         if (l.value && h.value) {
-          const c = h.value.querySelector("menu");
-          c && (c.children?.length > 0 ? (a.value = !0, g.value || (g.value = new Ot(
+          const s = h.value.querySelector("menu");
+          s && (s.children?.length > 0 ? (a.value = !0, g.value || (g.value = new Ot(
             h.value,
-            c
+            s
           ))) : i.value = !1);
         }
       },
@@ -2634,24 +2634,24 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function w(c) {
-      c?.target?.nodeName === "A" && (u.value = !0, Y(() => {
-        u.value = !1;
+    function k(s) {
+      s?.target?.nodeName === "A" && (c.value = !0, K(() => {
+        c.value = !1;
       }, 1e3));
     }
-    function x(c) {
-      t.onClick && (c.stopPropagation(), t.onClick(c)), a.value && (s.value = !0);
+    function $(s) {
+      t.onClick && (s.stopPropagation(), t.onClick(s)), a.value && (u.value = !0);
     }
-    function b(c) {
-      c.stopPropagation(), s.value = !1;
+    function m(s) {
+      s.stopPropagation(), u.value = !1;
     }
-    return (c, d) => (v(), y("li", {
+    return (s, d) => (v(), y("li", {
       ref_key: "_ref",
       ref: h,
       id: e.id,
-      onMouseover: d[2] || (d[2] = async (m) => g.value?.enableFollow()),
-      onMouseleave: d[3] || (d[3] = async (m) => g.value?.disableFollow()),
-      onMousemove: d[4] || (d[4] = async (m) => g.value?.followByMouseEvent(m)),
+      onMouseover: d[2] || (d[2] = async (b) => g.value?.enableFollow()),
+      onMouseleave: d[3] || (d[3] = async (b) => g.value?.disableFollow()),
+      onMousemove: d[4] || (d[4] = async (b) => g.value?.followByMouseEvent(b)),
       class: U(n(O)("db-navigation-item", t.class)),
       "data-width": e.width,
       "data-icon": e.icon,
@@ -2662,41 +2662,41 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     }, [
       i.value ? z("", !0) : (v(), y(H, { key: 0 }, [
         e.text ? (v(), y(H, { key: 0 }, [
-          D(S(e.text), 1)
-        ], 64)) : M(c.$slots, "default", { key: 1 })
+          D(B(e.text), 1)
+        ], 64)) : F(s.$slots, "default", { key: 1 })
       ], 64)),
       i.value ? (v(), y(H, { key: 1 }, [
         E("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": a.value,
-          "aria-expanded": s.value,
+          "aria-expanded": u.value,
           disabled: n(q)(e.disabled, "disabled"),
-          onClick: d[0] || (d[0] = async (m) => x(m))
+          onClick: d[0] || (d[0] = async (b) => $(b))
         }, [
           e.text ? (v(), y(H, { key: 0 }, [
-            D(S(e.text), 1)
-          ], 64)) : M(c.$slots, "default", { key: 1 })
+            D(B(e.text), 1)
+          ], 64)) : F(s.$slots, "default", { key: 1 })
         ], 8, oi),
         E("menu", {
           class: "db-sub-navigation",
-          "data-force-close": u.value,
+          "data-force-close": c.value,
           id: f.value,
-          onClick: d[1] || (d[1] = async (m) => w(m))
+          onClick: d[1] || (d[1] = async (b) => k(b))
         }, [
           a.value ? (v(), y("div", si, [
             te(we, {
               icon: "arrow_left",
               variant: "ghost",
               id: e.backButtonId,
-              onClick: (m) => b(m)
+              onClick: (b) => m(b)
             }, {
               default: G(() => [
-                D(S(e.backButtonText ?? n($a)), 1)
+                D(B(e.backButtonText ?? n(xa)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : z("", !0),
-          M(c.$slots, "sub-navigation")
+          F(s.$slots, "sub-navigation")
         ], 8, di)
       ], 64)) : z("", !0)
     ], 42, ni));
@@ -2736,7 +2736,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function a(i) {
       i && (i.stopPropagation(), t.onClose && t.onClose(i));
     }
-    return (i, s) => (v(), y("article", {
+    return (i, u) => (v(), y("article", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -2748,15 +2748,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-show-icon": n(V)(e.showIcon),
       "data-link-variant": e.linkVariant
     }, [
-      M(i.$slots, "image"),
-      n(_)(e.headline, e.showHeadline) ? (v(), y("header", ci, S(e.headline), 1)) : z("", !0),
+      F(i.$slots, "image"),
+      n(_)(e.headline, e.showHeadline) ? (v(), y("header", ci, B(e.headline), 1)) : z("", !0),
       E("p", null, [
         e.text ? (v(), y(H, { key: 0 }, [
-          D(S(e.text), 1)
-        ], 64)) : M(i.$slots, "default", { key: 1 })
+          D(B(e.text), 1)
+        ], 64)) : F(i.$slots, "default", { key: 1 })
       ]),
-      n(_)(e.timestamp, e.showTimestamp) ? (v(), y("span", ri, S(e.timestamp), 1)) : z("", !0),
-      M(i.$slots, "link"),
+      n(_)(e.timestamp, e.showTimestamp) ? (v(), y("span", ri, B(e.timestamp), 1)) : z("", !0),
+      F(i.$slots, "link"),
       n(q)(e.closeable, "closeable") ? (v(), J(we, {
         key: 2,
         icon: "cross",
@@ -2764,10 +2764,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         size: "small",
         id: e.closeButtonId,
         noText: !0,
-        onClick: (u) => a(u)
+        onClick: (c) => a(c)
       }, {
         default: G(() => [
-          D(S(e.closeButtonText ?? n(qe)), 1)
+          D(B(e.closeButtonText ?? n(qe)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : z("", !0)
@@ -2790,13 +2790,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(!1), a = o(null);
-    return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), K(() => {
+    return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), Y(() => {
       l.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
-    }), ge(() => {
+    }), he(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (i, s) => (v(), y("div", {
+    }), (i, u) => (v(), y("div", {
       ref_key: "_ref",
       ref: a,
       id: e.id,
@@ -2805,13 +2805,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-fade-in": n(V)(e.fadeIn),
       "data-fonts-loaded": n(V)(l.value)
     }, [
-      M(i.$slots, "header"),
+      F(i.$slots, "header"),
       E("main", {
         class: U(n(O)("db-main", e.mainClass))
       }, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ], 2),
-      M(i.$slots, "footer")
+      F(i.$slots, "footer")
     ], 10, vi));
   }
 }), Ul = ["auto", "fixed"], Ol = ["hidden", "auto"], fi = ["id"], hi = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Gl = /* @__PURE__ */ W({
@@ -2832,25 +2832,25 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(void 0), s = o(void 0), u = o(null);
-    K(() => {
+    const t = e, l = o(!1), a = o(!1), i = o(void 0), u = o(void 0), c = o(null);
+    Y(() => {
       l.value = !0;
     }), C(
-      () => [u.value, l.value],
+      () => [c.value, l.value],
       () => {
-        if (u.value && l.value) {
+        if (c.value && l.value) {
           l.value = !1;
-          const c = b();
-          c && (c.ariaHasPopup = "true"), g(), u.value.addEventListener(
+          const s = m();
+          s && (s.ariaHasPopup = "true"), g(), c.value.addEventListener(
             "keydown",
             (d) => f(d)
           ), ["mouseenter", "focusin"].forEach((d) => {
-            u.value.addEventListener(d, () => w());
+            c.value.addEventListener(d, () => k());
           }), ["mouseleave", "focusout"].forEach((d) => {
-            u.value.addEventListener(d, () => x());
-          }), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((d) => {
-            const m = d.find(({ target: I }) => I === b());
-            m && !m.isIntersecting && f(!1);
+            c.value.addEventListener(d, () => $());
+          }), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((d) => {
+            const b = d.find(({ target: I }) => I === m());
+            b && !b.isIntersecting && f(!1);
           }));
         }
       },
@@ -2859,11 +2859,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [u.value, a.value],
+      () => [c.value, a.value],
       () => {
-        if (u.value) {
-          const c = b();
-          c && (c.ariaExpanded = (!!a.value).toString());
+        if (c.value) {
+          const s = m();
+          s && (s.ariaExpanded = (!!a.value).toString());
         }
       },
       {
@@ -2871,58 +2871,58 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function f(c) {
-      if (!c || c.key === "Escape")
-        for (const d of Array.from(u.value.children))
+    function f(s) {
+      if (!s || s.key === "Escape")
+        for (const d of Array.from(c.value.children))
           d.blur();
     }
     function g() {
-      if (!u.value) return;
-      const c = u.value.querySelector("article");
-      c && Y(() => {
+      if (!c.value) return;
+      const s = c.value.querySelector("article");
+      s && K(() => {
         ua(
-          c,
-          u.value,
+          s,
+          c.value,
           t.placement ?? "bottom"
         );
       }, 1);
     }
-    function h(c) {
-      c?.target?.contains && c?.target?.contains(u.value) && g();
+    function h(s) {
+      s?.target?.contains && s?.target?.contains(c.value) && g();
     }
-    function w() {
+    function k() {
       a.value = !0, i.value = new oe().addCallback(
         (d) => h(d)
       ), g();
-      const c = b();
-      c && s.value?.observe(c);
+      const s = m();
+      s && u.value?.observe(s);
     }
-    function x(c) {
+    function $(s) {
       {
         a.value = !1, i.value && new oe().removeCallback(
           i.value
         );
-        const d = b();
-        d && s.value?.unobserve(d);
+        const d = m();
+        d && u.value?.unobserve(d);
       }
     }
-    function b() {
-      if (u.value) {
-        const c = Array.from(u.value.children);
-        if (c.length >= 2) {
-          const d = c[0];
+    function m() {
+      if (c.value) {
+        const s = Array.from(c.value.children);
+        if (s.length >= 2) {
+          const d = s[0];
           return d.tagName.includes("-") ? d.children?.length > 0 ? d.children[0] : null : d;
         }
       }
       return null;
     }
-    return (c, d) => (v(), y("div", {
+    return (s, d) => (v(), y("div", {
       ref_key: "_ref",
-      ref: u,
+      ref: c,
       id: e.id,
       class: U(n(O)("db-popover", t.class))
     }, [
-      M(c.$slots, "trigger"),
+      F(s.$slots, "trigger"),
       E("article", {
         class: "db-popover-content",
         "data-spacing": e.spacing,
@@ -2933,7 +2933,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "data-width": e.width,
         "data-placement": e.placement
       }, [
-        M(c.$slots, "default")
+        F(s.$slots, "default")
       ], 8, hi)
     ], 10, fi));
   }
@@ -2968,11 +2968,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(null);
-    K(() => {
-      i.value = !0, s.value = a.id ?? `radio-${Q()}`;
-    }), ge(() => {
-      u.value?.abort();
+    const l = t, a = e, i = o(!1), u = o(void 0), c = o(void 0), f = o(null);
+    Y(() => {
+      i.value = !0, u.value = a.id ?? `radio-${Q()}`;
+    }), he(() => {
+      c.value?.abort();
     }), C(
       () => [i.value, f.value, a.checked],
       () => {
@@ -2986,23 +2986,23 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [f.value],
       () => {
         if (f.value) {
-          let b = u.value;
-          b || (b = new AbortController(), u.value = b), Me(
+          let m = c.value;
+          m || (m = new AbortController(), c.value = m), Me(
             f.value,
-            (c) => {
-              Y(() => {
-                const d = a.checked ? a.checked : f.value.checked, m = {
-                  ...c,
+            (s) => {
+              K(() => {
+                const d = a.checked ? a.checked : f.value.checked, b = {
+                  ...s,
                   target: {
-                    ...c.target,
+                    ...s.target,
                     value: "",
                     checked: d
                   }
                 };
-                h(m), g(m);
+                h(b), g(b);
               }, 1);
             },
-            b.signal
+            m.signal
           );
         }
       },
@@ -3011,24 +3011,24 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function g(b, c) {
-      a.input && a.input(b), a.onInput && a.onInput(b), de(l, b);
+    function g(m, s) {
+      a.input && a.input(m), a.onInput && a.onInput(m), de(l, m);
     }
-    function h(b, c) {
-      a.onChange && a.onChange(b), de(l, b);
+    function h(m, s) {
+      a.onChange && a.onChange(m), de(l, m);
     }
-    function w(b) {
-      a.onBlur && a.onBlur(b);
+    function k(m) {
+      a.onBlur && a.onBlur(m);
     }
-    function x(b) {
-      a.onFocus && a.onFocus(b);
+    function $(m) {
+      a.onFocus && a.onFocus(m);
     }
-    return (b, c) => (v(), y("label", {
+    return (m, s) => (v(), y("label", {
       "data-size": e.size,
       "data-hide-label": n(ne)(e.showLabel),
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       class: U(n(O)("db-radio", a.class)),
-      for: s.value
+      for: u.value
     }, [
       E("input", {
         type: "radio",
@@ -3036,20 +3036,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "data-custom-validity": e.validation,
         ref_key: "_ref",
         ref: f,
-        id: s.value,
+        id: u.value,
         name: e.name,
         checked: n(q)(e.checked, "checked"),
         disabled: n(q)(e.disabled, "disabled"),
         value: e.value,
         required: n(q)(e.required, "required"),
-        onInput: c[0] || (c[0] = async (d) => g(d)),
-        onChange: c[1] || (c[1] = async (d) => h(d)),
-        onBlur: c[2] || (c[2] = async (d) => w(d)),
-        onFocus: c[3] || (c[3] = async (d) => x(d))
+        onInput: s[0] || (s[0] = async (d) => g(d)),
+        onChange: s[1] || (s[1] = async (d) => h(d)),
+        onBlur: s[2] || (s[2] = async (d) => k(d)),
+        onFocus: s[3] || (s[3] = async (d) => $(d))
       }, null, 40, mi),
       e.label ? (v(), y(H, { key: 0 }, [
-        D(S(e.label), 1)
-      ], 64)) : M(b.$slots, "default", { key: 1 })
+        D(B(e.label), 1)
+      ], 64)) : F(m.$slots, "default", { key: 1 })
     ], 10, gi));
   }
 }), bi = ["id", "data-spacing", "data-width"], Hl = /* @__PURE__ */ W({
@@ -3065,9 +3065,9 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = t.id || "section-" + Q();
-    }), (i, s) => (v(), y("section", {
+    }), (i, u) => (v(), y("section", {
       ref_key: "_ref",
       ref: a,
       id: l.value,
@@ -3075,14 +3075,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-spacing": e.spacing || "medium",
       "data-width": e.width
     }, [
-      M(i.$slots, "default")
+      F(i.$slots, "default")
     ], 10, bi));
   }
 }), yi = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], ki = ["for"], wi = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Si = {
   key: 0,
   class: "placeholder",
   value: ""
-}, Bi = ["label"], pi = ["value", "selected", "disabled"], Li = ["value", "disabled", "selected"], Ii = ["id"], $i = {
+}, Bi = ["label"], pi = ["value", "selected", "disabled"], Li = ["value", "disabled", "selected"], Ii = ["id"], xi = {
   "data-visually-hidden": "true",
   role: "status"
 }, Xl = /* @__PURE__ */ W({
@@ -3128,28 +3128,28 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(""), w = o(void 0), x = o(""), b = o(!1), c = o(""), d = o(void 0), m = o(null);
-    K(() => {
-      b.value = !0;
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(""), k = o(void 0), $ = o(""), m = o(!1), s = o(""), d = o(void 0), b = o(null);
+    Y(() => {
+      m.value = !0;
       const A = a.id ?? `select-${Q()}`;
-      i.value = A, s.value = A + ce, u.value = A + re, f.value = A + ve, h.value = A + De, g.value = a.invalidMessage || ee;
-    }), ge(() => {
+      i.value = A, u.value = A + ce, c.value = A + re, f.value = A + ve, h.value = A + De, g.value = a.invalidMessage || ee;
+    }), he(() => {
       d.value?.abort();
     }), C(
-      () => [m.value, a.invalidMessage],
+      () => [b.value, a.invalidMessage],
       () => {
-        g.value = a.invalidMessage || m.value?.validationMessage || ee;
+        g.value = a.invalidMessage || b.value?.validationMessage || ee;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [i.value, b.value],
+      () => [i.value, m.value],
       () => {
-        if (i.value && b.value) {
-          const A = i.value + ce, N = i.value + De;
-          s.value = A, u.value = i.value + re, f.value = i.value + ve, h.value = N, _(a.message, a.showMessage) ? w.value = A : a.placeholder ? w.value = N : w.value = void 0, T(), b.value = !1;
+        if (i.value && m.value) {
+          const A = i.value + ce, R = i.value + De;
+          u.value = A, c.value = i.value + re, f.value = i.value + ve, h.value = R, _(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = R : k.value = void 0, T(), m.value = !1;
         }
       },
       {
@@ -3159,27 +3159,27 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     ), C(
       () => [a.value],
       () => {
-        x.value = a.value;
+        $.value = a.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [m.value],
+      () => [b.value],
       () => {
-        if (m.value) {
-          let N = d.value;
-          N || (N = new AbortController(), d.value = N), Ue(
-            m.value,
+        if (b.value) {
+          let R = d.value;
+          R || (R = new AbortController(), d.value = R), Ue(
+            b.value,
             {
               value: a.value,
               defaultValue: void 0
             },
             (j) => {
-              p(j), L(j);
+              S(j), L(j);
             },
-            N.signal
+            R.signal
           );
         }
       },
@@ -3192,27 +3192,27 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function T() {
-      !m.value?.validity.valid || a.validation === "invalid" ? (w.value = f.value, g.value = a.invalidMessage || m.value?.validationMessage || ee, ue() && (c.value = g.value, Y(() => c.value = "", 1e3))) : I() && m.value?.validity.valid && a.required ? (w.value = u.value, ue() && (c.value = a.validMessage ?? se, Y(() => c.value = "", 1e3))) : _(a.message, a.showMessage) ? w.value = s.value : a.placeholder ? w.value = h.value : w.value = void 0;
+      !b.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (s.value = g.value, K(() => s.value = "", 1e3))) : I() && b.value?.validity.valid && a.required ? (k.value = c.value, ue() && (s.value = a.validMessage ?? se, K(() => s.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : a.placeholder ? k.value = h.value : k.value = void 0;
     }
-    function k(A) {
+    function w(A) {
       a.onClick && a.onClick(A);
     }
-    function L(A, N) {
-      a.input && a.input(A), x.value = A.target.value, a.onInput && a.onInput(A), de(l, A), T();
+    function L(A, R) {
+      a.input && a.input(A), $.value = A.target.value, a.onInput && a.onInput(A), de(l, A), T();
     }
-    function p(A, N) {
+    function S(A, R) {
       a.onChange && a.onChange(A), de(l, A), T();
     }
-    function R(A) {
+    function M(A) {
       a.onBlur && a.onBlur(A);
     }
-    function F(A) {
+    function N(A) {
       a.onFocus && a.onFocus(A);
     }
     function X(A) {
       return A.label ?? A.value?.toString();
     }
-    return (A, N) => (v(), y("div", {
+    return (A, R) => (v(), y("div", {
       class: U(n(O)("db-select", a.class)),
       "data-variant": e.variant,
       "data-hide-label": n(ne)(e.showLabel),
@@ -3220,60 +3220,60 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-icon": e.icon,
       "data-show-icon": n(V)(e.showIcon)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, ki),
+      E("label", { for: i.value }, B(e.label ?? n(ye)), 9, ki),
       E("select", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
         ref_key: "_ref",
-        ref: m,
+        ref: b,
         required: n(q)(e.required, "required"),
         disabled: n(q)(e.disabled, "disabled"),
         id: i.value,
         name: e.name,
         size: e.size,
-        value: e.value ?? x.value,
+        value: e.value ?? $.value,
         autocomplete: e.autocomplete,
         multiple: e.multiple,
-        onInput: N[0] || (N[0] = async (j) => L(j)),
-        onClick: N[1] || (N[1] = async (j) => k(j)),
-        onChange: N[2] || (N[2] = async (j) => p(j)),
-        onBlur: N[3] || (N[3] = async (j) => R(j)),
-        onFocus: N[4] || (N[4] = async (j) => F(j)),
-        "aria-describedby": e.ariaDescribedBy ?? w.value
+        onInput: R[0] || (R[0] = async (j) => L(j)),
+        onClick: R[1] || (R[1] = async (j) => w(j)),
+        onChange: R[2] || (R[2] = async (j) => S(j)),
+        onBlur: R[3] || (R[3] = async (j) => M(j)),
+        onFocus: R[4] || (R[4] = async (j) => N(j)),
+        "aria-describedby": e.ariaDescribedBy ?? k.value
       }, [
         e.variant === "floating" || e.placeholder ? (v(), y("option", Si)) : z("", !0),
-        e.options?.length ? (v(!0), y(H, { key: 1 }, he(e.options, (j, pe) => (v(), y(H, { key: pe }, [
+        e.options?.length ? (v(!0), y(H, { key: 1 }, ge(e.options, (j, pe) => (v(), y(H, { key: pe }, [
           j.options ? (v(), y("optgroup", {
             key: 0,
             label: X(j)
           }, [
-            (v(!0), y(H, null, he(j.options, (me, Ce) => (v(), y("option", {
+            (v(!0), y(H, null, ge(j.options, (me, Ce) => (v(), y("option", {
               key: Ce,
               value: me.value,
               selected: me.selected,
               disabled: me.disabled
-            }, S(X(me)), 9, pi))), 128))
+            }, B(X(me)), 9, pi))), 128))
           ], 8, Bi)) : (v(), y("option", {
             key: 1,
             value: j.value,
             disabled: j.disabled,
             selected: j.selected
-          }, S(X(j)), 9, Li))
-        ], 64))), 128)) : M(A.$slots, "default", { key: 2 })
+          }, B(X(j)), 9, Li))
+        ], 64))), 128)) : F(A.$slots, "default", { key: 2 })
       ], 40, wi),
       e.placeholder ? (v(), y("span", {
         key: 0,
         class: "db-select-placeholder",
         id: h.value
-      }, S(e.placeholder), 9, Ii)) : z("", !0),
+      }, B(e.placeholder), 9, Ii)) : z("", !0),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -3281,10 +3281,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 2,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -3294,14 +3294,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", $i, S(c.value), 1)
+      E("span", xi, B(s.value), 1)
     ], 10, yi));
   }
-}), xi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], jl = /* @__PURE__ */ W({
+}), $i = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], jl = /* @__PURE__ */ W({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -3330,10 +3330,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-justify-content": e.justifyContent,
       "data-wrap": n(V)(e.wrap)
     }, [
-      M(a.$slots, "default")
-    ], 10, xi));
+      F(a.$slots, "default")
+    ], 10, $i));
   }
-}), Yl = ["simple", "divider"], Kl = ["row", "column"], Jl = ["stretch", "start", "end", "center"], Ql = ["space-between", "start", "end", "center"], Ti = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Ci = ["for"], Ei = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ai = {
+}), Kl = ["simple", "divider"], Yl = ["row", "column"], Jl = ["stretch", "start", "end", "center"], Ql = ["space-between", "start", "end", "center"], Ti = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Ci = ["for"], Ei = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ai = {
   "data-visually-hidden": "true",
   role: "status"
 }, Zl = /* @__PURE__ */ W({
@@ -3377,11 +3377,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(""), x = o(void 0), b = o(null);
-    K(() => {
-      i.value = a.id ?? `switch-${Q()}`, s.value = `${i.value}${ce}`, u.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
-    }), ge(() => {
-      x.value?.abort();
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), $ = o(void 0), m = o(null);
+    Y(() => {
+      i.value = a.id ?? `switch-${Q()}`, u.value = `${i.value}${ce}`, c.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
+    }), he(() => {
+      $.value?.abort();
     }), C(
       () => [
         a.validation,
@@ -3400,20 +3400,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [b.value],
+      () => [m.value],
       () => {
-        if (b.value) {
-          let L = x.value;
-          L || (L = new AbortController(), x.value = L), da(
-            b.value,
+        if (m.value) {
+          let S = $.value;
+          S || (S = new AbortController(), $.value = S), da(
+            m.value,
             {
               checked: a.checked,
               defaultChecked: void 0
             },
-            (p) => {
-              m(p);
+            (M) => {
+              b(M);
             },
-            L.signal
+            S.signal
           );
         }
       },
@@ -3422,38 +3422,41 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function c() {
+    function s() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function d() {
-      if (!b.value?.validity?.valid || a.validation === "invalid") {
-        h.value = f.value, g.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (w.value = g.value || ee, Y(() => {
-          w.value = "";
+      if (!m.value?.validity?.valid || a.validation === "invalid") {
+        h.value = f.value, g.value = a.invalidMessage || m.value?.validationMessage || ee, ue() && (k.value = g.value || ee, K(() => {
+          k.value = "";
         }, 1e3));
         return;
       }
-      if (c() && b.value?.validity?.valid && a.required) {
-        h.value = u.value, ue() && (w.value = a.validMessage ?? se, Y(() => {
-          w.value = "";
+      if (s() && m.value?.validity?.valid && a.required) {
+        h.value = c.value, ue() && (k.value = a.validMessage ?? se, K(() => {
+          k.value = "";
         }, 1e3));
         return;
       }
       if (_(a.message, a.showMessage)) {
-        h.value = s.value;
+        h.value = u.value;
         return;
       }
       h.value = void 0;
     }
-    function m(k, L) {
-      a.onChange && a.onChange(k), d(), de(l, k, "checked");
+    function b(L, S) {
+      a.onChange && a.onChange(L), d(), de(l, L, "checked");
+    }
+    function I(L) {
+      a.onBlur && a.onBlur(L);
     }
-    function I(k) {
-      a.onBlur && a.onBlur(k);
+    function T(L) {
+      a.onFocus && a.onFocus(L);
     }
-    function T(k) {
-      a.onFocus && a.onFocus(k);
+    function w(L) {
+      L.key === "Enter" && (L.preventDefault(), a.disabled || m.value?.click());
     }
-    return (k, L) => (v(), y("div", {
+    return (L, S) => (v(), y("div", {
       "data-visual-aid": n(V)(e.visualAid),
       "data-size": e.size,
       "data-hide-label": n(ne)(e.showLabel),
@@ -3468,7 +3471,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           role: "switch",
           id: i.value,
           ref_key: "_ref",
-          ref: b,
+          ref: m,
           checked: n(q)(e.checked, "checked"),
           value: e.value,
           disabled: n(q)(e.disabled, "disabled"),
@@ -3478,34 +3481,35 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           required: n(q)(e.required, "required"),
           "data-aid-icon": e.iconLeading ?? e.icon,
           "data-aid-icon-trailing": e.iconTrailing,
-          onChange: L[0] || (L[0] = async (p) => m(p)),
-          onBlur: L[1] || (L[1] = async (p) => I(p)),
-          onFocus: L[2] || (L[2] = async (p) => T(p))
+          onChange: S[0] || (S[0] = async (M) => b(M)),
+          onBlur: S[1] || (S[1] = async (M) => I(M)),
+          onFocus: S[2] || (S[2] = async (M) => T(M)),
+          onKeydown: S[3] || (S[3] = async (M) => w(M))
         }, null, 40, Ei),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(k.$slots, "default", { key: 1 })
+          D(B(e.label), 1)
+        ], 64)) : F(L.$slots, "default", { key: 1 })
       ], 8, Ci),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 0,
         size: "small",
         semantic: "adaptive",
-        id: s.value,
+        id: u.value,
         icon: e.messageIcon
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["id", "icon"])) : z("", !0),
-      c() ? (v(), J(Z, {
+      s() ? (v(), J(Z, {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
-          D(S(e.validMessage ?? n(se)), 1)
+          D(B(e.validMessage ?? n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -3515,11 +3519,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value ?? e.invalidMessage ?? n(ee)), 1)
+          D(B(g.value ?? e.invalidMessage ?? n(ee)), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Ai, S(w.value), 1)
+      E("span", Ai, B(k.value), 1)
     ], 10, Ti));
   }
 }), Di = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Mi = ["disabled", "aria-selected", "checked", "name", "id"], Fi = /* @__PURE__ */ W({
@@ -3547,13 +3551,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(!1), f = o(null);
-    K(() => {
-      u.value = !0;
+    const l = t, a = e, i = o(!1), u = o(void 0), c = o(!1), f = o(!1), g = o(void 0), h = o(null);
+    Y(() => {
+      g.value = k, c.value = !0;
+    }), he(() => {
+      f.value && h.value && g.value && (h.value.closest("[role=tablist]")?.removeEventListener("change", g.value), f.value = !1);
     }), C(
-      () => [f.value, u.value],
+      () => [h.value, c.value, g.value],
       () => {
-        u.value && f.value && (a.active && f.value.click(), u.value = !1);
+        h.value && c.value && g.value && (c.value = !1, f.value || (h.value.closest("[role=tablist]")?.addEventListener("change", g.value), f.value = !0), (a.active || h.value.checked) && (i.value = !0, h.value.click()));
       },
       {
         immediate: !0,
@@ -3562,17 +3568,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     ), C(
       () => [a.name],
       () => {
-        a.name && (s.value = a.name);
+        a.name && (u.value = a.name);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function g(h) {
-      h.stopPropagation(), a.onChange && a.onChange(h), i.value = h.target?.checked, de(l, h, "checked");
+    function k(m) {
+      m.stopPropagation(), i.value = m.target === h.value;
     }
-    return (h, w) => (v(), y("li", {
+    function $(m) {
+      a.onChange && a.onChange(m), de(l, m, "checked");
+    }
+    return (m, s) => (v(), y("li", {
       role: "none",
       class: U(n(O)("db-tab-item", a.class))
     }, [
@@ -3591,15 +3600,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           "aria-selected": i.value,
           checked: n(q)(e.checked, "checked"),
           ref_key: "_ref",
-          ref: f,
-          name: s.value,
+          ref: h,
+          name: u.value,
           id: e.id,
-          onInput: w[0] || (w[0] = async (x) => g(x))
+          onInput: s[0] || (s[0] = async (d) => $(d))
         }, null, 40, Mi),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
+          D(B(e.label), 1)
         ], 64)) : z("", !0),
-        M(h.$slots, "default")
+        F(m.$slots, "default")
       ], 8, Di)
     ], 2));
   }
@@ -3614,16 +3623,16 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = t.id || "tab-list-" + Q();
-    }), (i, s) => (v(), y("div", {
+    }), (i, u) => (v(), y("div", {
       ref_key: "_ref",
       ref: a,
       id: l.value,
       class: U(n(O)("db-tab-list", t.class))
     }, [
       E("ul", Ri, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ])
     ], 10, Ni));
   }
@@ -3639,7 +3648,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(null);
-    return K(() => {
+    return Y(() => {
     }), (a, i) => (v(), y("section", {
       role: "tabpanel",
       ref_key: "_ref",
@@ -3648,9 +3657,9 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       id: e.id
     }, [
       e.content ? (v(), y(H, { key: 0 }, [
-        D(S(e.content), 1)
+        D(B(e.content), 1)
       ], 64)) : z("", !0),
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, Vi));
   }
 }), qi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], _l = /* @__PURE__ */ W({
@@ -3676,20 +3685,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     tabSelect: {}
   },
   setup(e) {
-    const t = e, l = o("tabs-" + Q()), a = o(""), i = o(!1), s = o(!1), u = o(!1), f = o(null), g = o(void 0), h = o(null);
-    K(() => {
+    const t = e, l = o("tabs-" + Q()), a = o(""), i = o(!1), u = o(!1), c = o(!1), f = o(null), g = o(void 0), h = o(null);
+    Y(() => {
       l.value = t.id || l.value, a.value = `tabs-${t.name || Q()}`, i.value = !0;
-    }), ge(() => {
+    }), he(() => {
       g.value?.disconnect(), g.value = void 0;
     }), C(
       () => [h.value, i.value],
       () => {
         if (h.value && i.value) {
-          c(), d(!0);
+          s(), d(!0);
           const I = h.value.querySelector(".db-tab-list");
-          I && new MutationObserver((k) => {
-            k.forEach((L) => {
-              (L.removedNodes.length || L.addedNodes.length) && (c(), d());
+          I && new MutationObserver((w) => {
+            w.forEach((L) => {
+              (L.removedNodes.length || L.addedNodes.length) && (s(), d());
             });
           }).observe(I, {
             childList: !0,
@@ -3702,7 +3711,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function w() {
+    function k() {
       try {
         return typeof t.tabs == "string" ? JSON.parse(t.tabs) : t.tabs;
       } catch (I) {
@@ -3710,11 +3719,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       }
       return [];
     }
-    function x(I) {
+    function $(I) {
       const T = I.scrollWidth > I.clientWidth;
-      s.value = T && I.scrollLeft > 1, u.value = T && I.scrollLeft < I.scrollWidth - I.clientWidth;
+      u.value = T && I.scrollLeft > 1, c.value = T && I.scrollLeft < I.scrollWidth - I.clientWidth;
     }
-    function b(I) {
+    function m(I) {
       let T = Number(t.arrowScrollDistance) || 100;
       I && (T *= -1), f.value?.scrollBy({
         top: 0,
@@ -3722,7 +3731,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         behavior: "smooth"
       });
     }
-    function c() {
+    function s() {
       if (h.value) {
         const I = h.value.querySelector(".db-tab-list");
         if (I) {
@@ -3730,13 +3739,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           if (T && (T.setAttribute(
             "aria-orientation",
             t.orientation || "horizontal"
-          ), t.behavior === "arrows" && (f.value = T, x(T), T.addEventListener("scroll", () => {
-            x(T);
+          ), t.behavior === "arrows" && (f.value = T, $(T), T.addEventListener("scroll", () => {
+            $(T);
           }), !g.value))) {
-            const k = new ResizeObserver(() => {
-              x(T);
+            const w = new ResizeObserver(() => {
+              $(T);
             });
-            k.observe(T), g.value = k;
+            w.observe(T), g.value = w;
           }
         }
       }
@@ -3745,44 +3754,44 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       if (h.value) {
         const T = Array.from(
           h.value.getElementsByClassName("db-tab-item")
-        ), k = Array.from(
+        ), w = Array.from(
           h.value.querySelectorAll(
             ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
           )
         );
         for (const L of T) {
-          const p = T.indexOf(L), R = L.querySelector("label"), F = L.querySelector("input");
-          if (F && R) {
-            if (!F.id) {
-              const X = `${a.value}-tab-${p}`;
-              R.setAttribute("for", X), F.id = X, F.setAttribute("name", a.value), k.length > p && F.setAttribute(
+          const S = T.indexOf(L), M = L.querySelector("label"), N = L.querySelector("input");
+          if (N && M) {
+            if (!N.id) {
+              const X = `${a.value}-tab-${S}`;
+              M.setAttribute("for", X), N.id = X, N.setAttribute("name", a.value), w.length > S && N.setAttribute(
                 "aria-controls",
-                `${a.value}-tab-panel-${p}`
+                `${a.value}-tab-panel-${S}`
               );
             }
             if (I) {
-              const X = !t.initialSelectedMode || t.initialSelectedMode === "auto", A = t.initialSelectedIndex == null && p === 0 || Number(t.initialSelectedIndex) === p;
-              X && A && F.click();
+              const X = !t.initialSelectedMode || t.initialSelectedMode === "auto", A = t.initialSelectedIndex == null && S === 0 || Number(t.initialSelectedIndex) === S;
+              X && A && N.click();
             }
           }
         }
-        for (const L of k) {
+        for (const L of w) {
           if (L.id) continue;
-          const p = k.indexOf(L);
-          L.id = `${a.value}-tab-panel-${p}`, L.setAttribute("aria-labelledby", `${a.value}-tab-${p}`);
+          const S = w.indexOf(L);
+          L.id = `${a.value}-tab-panel-${S}`, L.setAttribute("aria-labelledby", `${a.value}-tab-${S}`);
         }
       }
     }
-    function m(I) {
+    function b(I) {
       if (I.stopPropagation(), I.target) {
-        const k = I.target.parentElement;
-        if (k && k.parentElement && k.parentElement?.nodeName === "LI") {
-          const L = k.parentElement;
+        const w = I.target.parentElement;
+        if (w && w.parentElement && w.parentElement?.nodeName === "LI") {
+          const L = w.parentElement;
           if (L) {
-            const p = L.parentElement;
-            if (p) {
-              const R = Array.from(p.childNodes).indexOf(L);
-              t.onIndexChange && t.onIndexChange(R), t.onTabSelect && t.onTabSelect(I);
+            const S = L.parentElement;
+            if (S) {
+              const M = Array.from(S.children).indexOf(L);
+              t.onIndexChange && t.onIndexChange(M), t.onTabSelect && t.onTabSelect(I);
             }
           }
         }
@@ -3797,17 +3806,17 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-scroll-behavior": e.behavior,
       "data-alignment": e.alignment ?? "start",
       "data-width": e.width ?? "auto",
-      onInput: T[0] || (T[0] = async (k) => m(k)),
-      onChange: T[1] || (T[1] = async (k) => m(k))
+      onInput: T[0] || (T[0] = async (w) => b(w)),
+      onChange: T[1] || (T[1] = async (w) => b(w))
     }, [
-      s.value ? (v(), J(we, {
+      u.value ? (v(), J(we, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (k) => b(!0)
+        onClick: (w) => m(!0)
       }, {
         default: G(() => [...T[2] || (T[2] = [
           D(" Scroll left ", -1)
@@ -3817,42 +3826,42 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       e.tabs ? (v(), y(H, { key: 1 }, [
         te(zi, null, {
           default: G(() => [
-            (v(!0), y(H, null, he(w(), (k, L) => (v(), J(Fi, {
+            (v(!0), y(H, null, ge(k(), (w, L) => (v(), J(Fi, {
               key: e.name + "tab-item" + L,
-              active: k.active,
-              label: k.label,
-              iconTrailing: k.iconTrailing,
-              icon: k.icon,
-              noText: k.noText
+              active: w.active,
+              label: w.label,
+              iconTrailing: w.iconTrailing,
+              icon: w.icon,
+              noText: w.noText
             }, null, 8, ["active", "label", "iconTrailing", "icon", "noText"]))), 128))
           ]),
           _: 1
         }),
-        (v(!0), y(H, null, he(w(), (k, L) => (v(), J(Pi, {
+        (v(!0), y(H, null, ge(k(), (w, L) => (v(), J(Pi, {
           key: e.name + "tab-panel" + L,
-          content: k.content
+          content: w.content
         }, {
           default: G(() => [
-            D(S(k.children), 1)
+            D(B(w.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : z("", !0),
-      u.value ? (v(), J(we, {
+      c.value ? (v(), J(we, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (k) => b()
+        onClick: (w) => m()
       }, {
         default: G(() => [...T[3] || (T[3] = [
           D(" Scroll right ", -1)
         ])]),
         _: 1
       }, 8, ["onClick"])) : z("", !0),
-      M(I.$slots, "default")
+      F(I.$slots, "default")
     ], 42, qi));
   }
 }), en = ["scrollbar", "arrows"], an = ["auto", "manually"], tn = ["static", "removable"], Ui = ["data-variant", "data-hide-asterisk", "data-hide-label"], Oi = ["for"], Gi = ["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"], Wi = {
@@ -3908,16 +3917,16 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(""), x = o(""), b = o(void 0), c = o(null);
-    K(() => {
-      const p = a.id ?? `textarea-${Q()}`;
-      i.value = p, s.value = p + ce, u.value = p + re, f.value = p + ve, g.value = a.invalidMessage || ee;
-    }), ge(() => {
-      b.value?.abort();
+    const l = t, a = e, i = o(void 0), u = o(void 0), c = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), $ = o(""), m = o(void 0), s = o(null);
+    Y(() => {
+      const S = a.id ?? `textarea-${Q()}`;
+      i.value = S, u.value = S + ce, c.value = S + re, f.value = S + ve, g.value = a.invalidMessage || ee;
+    }), he(() => {
+      m.value?.abort();
     }), C(
-      () => [c.value, a.invalidMessage],
+      () => [s.value, a.invalidMessage],
       () => {
-        g.value = a.invalidMessage || c.value?.validationMessage || ee;
+        g.value = a.invalidMessage || s.value?.validationMessage || ee;
       },
       {
         immediate: !0,
@@ -3927,8 +3936,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [i.value],
       () => {
         if (i.value) {
-          const p = i.value + ce;
-          s.value = p, u.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = p), m();
+          const S = i.value + ce;
+          u.value = S, c.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = S), b();
         }
       },
       {
@@ -3938,27 +3947,27 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     ), C(
       () => [a.value],
       () => {
-        w.value = a.value;
+        k.value = a.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [c.value],
+      () => [s.value],
       () => {
-        if (c.value) {
-          let R = b.value;
-          R || (R = new AbortController(), b.value = R), Ue(
-            c.value,
+        if (s.value) {
+          let M = m.value;
+          M || (M = new AbortController(), m.value = M), Ue(
+            s.value,
             {
               value: a.value,
               defaultValue: void 0
             },
-            (F) => {
-              T(F), I(F);
+            (N) => {
+              T(N), I(N);
             },
-            R.signal
+            M.signal
           );
         }
       },
@@ -3970,34 +3979,34 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function d() {
       return !!(a.validMessage ?? a.validation === "valid");
     }
-    function m() {
-      !c.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, g.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = g.value, Y(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ue() && (x.value = a.validMessage ?? se, Y(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = s.value : h.value = void 0;
+    function b() {
+      !s.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, g.value = a.invalidMessage || s.value?.validationMessage || ee, ue() && ($.value = g.value, K(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = c.value, ue() && ($.value = a.validMessage ?? se, K(() => $.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = u.value : h.value = void 0;
     }
-    function I(p, R) {
-      a.input && a.input(p), w.value = p.target.value, a.onInput && a.onInput(p), de(l, p), m();
+    function I(S, M) {
+      a.input && a.input(S), k.value = S.target.value, a.onInput && a.onInput(S), de(l, S), b();
     }
-    function T(p, R) {
-      a.onChange && a.onChange(p), de(l, p), m();
+    function T(S, M) {
+      a.onChange && a.onChange(S), de(l, S), b();
     }
-    function k(p) {
-      a.onBlur && a.onBlur(p);
+    function w(S) {
+      a.onBlur && a.onBlur(S);
     }
-    function L(p) {
-      a.onFocus && a.onFocus(p);
+    function L(S) {
+      a.onFocus && a.onFocus(S);
     }
-    return (p, R) => (v(), y("div", {
+    return (S, M) => (v(), y("div", {
       class: U(n(O)("db-textarea", a.class)),
       "data-variant": e.variant,
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-hide-label": n(ne)(e.showLabel)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, Oi),
+      E("label", { for: i.value }, B(e.label ?? n(ye)), 9, Oi),
       E("textarea", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
         "data-field-sizing": e.fieldSizing,
         ref_key: "_ref",
-        ref: c,
+        ref: s,
         id: i.value,
         "data-resize": e.resize,
         "data-hide-resizer": n(ne)(e.showResizer ?? !0),
@@ -4011,24 +4020,24 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         wrap: e.wrap,
         spellcheck: e.spellCheck,
         autocomplete: e.autocomplete,
-        onInput: R[0] || (R[0] = async (F) => I(F)),
-        onChange: R[1] || (R[1] = async (F) => T(F)),
-        onBlur: R[2] || (R[2] = async (F) => k(F)),
-        onFocus: R[3] || (R[3] = async (F) => L(F)),
-        value: e.value ?? w.value,
+        onInput: M[0] || (M[0] = async (N) => I(N)),
+        onChange: M[1] || (M[1] = async (N) => T(N)),
+        onBlur: M[2] || (M[2] = async (N) => w(N)),
+        onFocus: M[3] || (M[3] = async (N) => L(N)),
+        value: e.value ?? k.value,
         "aria-describedby": e.ariaDescribedBy ?? h.value,
         placeholder: e.placeholder ?? n(ea),
         rows: n(ke)(e.rows, n(Ea)),
         cols: n(ke)(e.cols)
-      }, S(e.value), 41, Gi),
+      }, B(e.value), 41, Gi),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 0,
         size: "small",
         icon: e.messageIcon,
-        id: s.value
+        id: u.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -4036,10 +4045,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         key: 1,
         size: "small",
         semantic: "successful",
-        id: u.value
+        id: c.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -4049,18 +4058,18 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Wi, S(x.value), 1)
+      E("span", Wi, B($.value), 1)
     ], 10, Ui));
   }
-}), nn = ["none", "both", "horizontal", "vertical"], on = ["hard", "soft", "off"], dn = ["description", "label"], sn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], un = ["medium", "small", "large", "none"], cn = ["medium", "small", "large", "none"], Hi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Xi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], rn = [...Hi, ...Xi], vn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], fn = ["horizontal", "vertical"], hn = ["full", "auto"], gn = ["full", "medium", "large", "small"], mn = ["none", "slow", "fast"], bn = ["auto", "fixed"], yn = ["small", "medium"], kn = ["weak", "strong"], wn = ["invalid", "valid", "no-validation"], Sn = ["fixed", "content"], Bn = ["above", "floating"], pn = ["leading", "trailing"], Ln = ["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"], In = ["_self", "_blank", "_parent", "_top"], $n = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], xn = ["start", "center"];
+}), nn = ["none", "both", "horizontal", "vertical"], on = ["hard", "soft", "off"], dn = ["description", "label"], sn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], un = ["medium", "small", "large", "none"], cn = ["medium", "small", "large", "none"], Hi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Xi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], rn = [...Hi, ...Xi], vn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], fn = ["horizontal", "vertical"], hn = ["full", "auto"], gn = ["full", "medium", "large", "small"], mn = ["none", "slow", "fast"], bn = ["auto", "fixed"], yn = ["small", "medium"], kn = ["weak", "strong"], wn = ["invalid", "valid", "no-validation"], Sn = ["fixed", "content"], Bn = ["above", "floating"], pn = ["leading", "trailing"], Ln = ["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"], In = ["_self", "_blank", "_parent", "_top"], xn = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], $n = ["start", "center"];
 export {
   ll as AccordionBehaviorList,
   il as AccordionVariantList,
-  xn as AlignmentList,
+  $n as AlignmentList,
   Ln as AutoCompleteList,
   ol as BadgePlacementList,
   ul as ButtonTypeList,
@@ -4068,7 +4077,7 @@ export {
   la as COLOR,
   Qi as COLORS,
   Zi as COLORS_SIMPLE,
-  Ki as COLOR_CONST,
+  Yi as COLOR_CONST,
   ia as COLOR_SIMPLE,
   rl as CardBehaviorList,
   vl as CardElevationLevelList,
@@ -4088,8 +4097,8 @@ export {
   nt as DBCustomSelectListItem,
   kl as DBDivider,
   qt as DBDrawer,
-  $l as DBHeader,
-  xl as DBIcon,
+  xl as DBHeader,
+  $l as DBIcon,
   Z as DBInfotext,
   ht as DBInput,
   El as DBLink,
@@ -4110,7 +4119,7 @@ export {
   bt as DBTag,
   ln as DBTextarea,
   ca as DBTooltip,
-  $a as DEFAULT_BACK,
+  xa as DEFAULT_BACK,
   Ta as DEFAULT_BURGER_MENU,
   qe as DEFAULT_CLOSE_BUTTON,
   Qe as DEFAULT_DATALIST_ID_SUFFIX,
@@ -4119,21 +4128,21 @@ export {
   ee as DEFAULT_INVALID_MESSAGE,
   ve as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ye as DEFAULT_LABEL,
-  Ke as DEFAULT_LABEL_ID_SUFFIX,
+  Ye as DEFAULT_LABEL_ID_SUFFIX,
   Ia as DEFAULT_MESSAGE,
   ce as DEFAULT_MESSAGE_ID_SUFFIX,
   ea as DEFAULT_PLACEHOLDER,
   De as DEFAULT_PLACEHOLDER_ID_SUFFIX,
   aa as DEFAULT_REMOVE,
   Ea as DEFAULT_ROWS,
-  xa as DEFAULT_SELECTED,
+  $a as DEFAULT_SELECTED,
   Je as DEFAULT_SELECT_ID_SUFFIX,
   se as DEFAULT_VALID_MESSAGE,
   re as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
   Aa as DEFAULT_VIEWPORT,
   Ji as DENSITIES,
   ta as DENSITY,
-  Yi as DENSITY_CONST,
+  Ki as DENSITY_CONST,
   Da as DESKTOP_VIEWPORT,
   wl as DividerMarginList,
   Sl as DividerVariantList,
@@ -4151,7 +4160,7 @@ export {
   pn as LabelVariantHorizontalList,
   Bn as LabelVariantList,
   Ml as LinkContentList,
-  $n as LinkReferrerPolicyList,
+  xn as LinkReferrerPolicyList,
   Dl as LinkSizeList,
   In as LinkTargetList,
   Al as LinkVariantList,
@@ -4176,9 +4185,9 @@ export {
   yn as SizeList,
   un as SpacingList,
   Jl as StackAlignmentList,
-  Kl as StackDirectionList,
+  Yl as StackDirectionList,
   Ql as StackJustifyContentList,
-  Yl as StackVariantList,
+  Kl as StackVariantList,
   el as TESTING_VIEWPORTS,
   en as TabsBehaviorList,
   an as TabsInitialSelectedModeList,
@@ -4190,7 +4199,7 @@ export {
   hn as WidthList,
   oa as addAttributeToChildren,
   O as cls,
-  Y as delay,
+  K as delay,
   q as getBoolean,
   V as getBooleanAsString,
   sa as getFloatingProps,