@db-ux/v-core-components 2.4.0 → 2.4.2

package/dist/db-ux.es.js

@@ -1,29 +1,29 @@
-var _a = Object.defineProperty;
-var Ta = (i, a, l) => a in i ? _a(i, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[a] = l;
-var de = (i, a, l) => Ta(i, typeof a != "symbol" ? a + "" : a, l);
-import { defineComponent as V, ref as n, onMounted as K, watch as E, createElementBlock as B, openBlock as m, normalizeClass as R, unref as d, createElementVNode as T, createCommentVNode as q, renderSlot as D, Fragment as P, createTextVNode as F, toDisplayString as _, renderList as be, createBlock as Z, createVNode as ae, withCtx as G, onUnmounted as Aa } from "vue";
-const Le = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", aa = " ", Ca = "MESSAGE SHOULD BE SET", Je = "-label", Qe = "-select", ve = "-message", fe = "-valid-message", pe = "-invalid-message", Re = "-placeholder", Ze = "-datalist", he = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ta = "Remove", Ea = "Back", Da = "Selected", Fa = "BurgerMenu", Na = "brand", Ma = 4, Ge = "Close", Ki = "density", Ji = "color";
+var La = Object.defineProperty;
+var _a = (i, a, l) => a in i ? La(i, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[a] = l;
+var de = (i, a, l) => _a(i, typeof a != "symbol" ? a + "" : a, l);
+import { defineComponent as V, ref as s, onMounted as K, watch as D, createElementBlock as B, openBlock as m, normalizeClass as R, unref as d, createElementVNode as T, createCommentVNode as q, renderSlot as E, Fragment as P, createTextVNode as N, toDisplayString as L, renderList as be, createBlock as Z, createVNode as ae, withCtx as G, onUnmounted as Ta } from "vue";
+const Le = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", aa = " ", Aa = "MESSAGE SHOULD BE SET", Je = "-label", Qe = "-select", ve = "-message", fe = "-valid-message", pe = "-invalid-message", Re = "-placeholder", Ze = "-datalist", he = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ta = "Remove", Ca = "Back", Ea = "Selected", Da = "BurgerMenu", Na = "brand", Fa = 4, Ge = "Close", Ki = "density", Ji = "color";
 var ia = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(ia || {});
 const Qi = Object.entries(ia).map(([, i]) => i);
 var la = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(la || {}), oa = /* @__PURE__ */ ((i) => (i.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", i.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", i.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", i.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", i.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", i.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", i.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", i.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", i.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", i.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", i.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", i.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", i.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", i.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", i.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", i.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", i.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", i.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", i.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", i.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", i.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", i.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", i.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", i.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", i.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", i.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", i.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", i.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", i.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", i.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", i))(oa || {});
 const Zi = Object.entries(oa).map(([, i]) => i), xi = Object.entries(la).map(([, i]) => i);
 var da = /* @__PURE__ */ ((i) => (i.CRITICAL = "critical", i.INFORMATIONAL = "informational", i.WARNING = "warning", i.SUCCESSFUL = "successful", i))(da || {});
-const el = Object.entries(da).map(([, i]) => i), Ra = {
+const el = Object.entries(da).map(([, i]) => i), Ma = {
   width: 390,
   height: 884
-}, za = {
+}, Ra = {
   width: 1920,
   height: 1280
 }, al = [{
   name: "desktop",
-  ...za
+  ...Ra
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Ra
+  ...Ma
 }], Q = () => {
   var i, a;
   if (typeof window < "u") {
@@ -48,7 +48,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         for (const e in l)
           l[e] && (a += `${e} `);
   return a.trim();
-}, qa = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), Va = ["Mac", "iPhone", "iPad", "iPod"], me = () => typeof window < "u" && Va.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), j = (i) => {
+}, za = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), qa = ["Mac", "iPhone", "iPad", "iPod"], me = () => typeof window < "u" && qa.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), j = (i) => {
   if (i != null)
     return String(typeof i == "string" ? !!i : i);
 }, M = (i, a) => {
@@ -63,7 +63,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
 }, ee = (i, a) => (a === void 0 || !!a) && !!i, ea = (i) => i.querySelector('input[type="search"]'), tl = (i, a) => {
   const l = i.id ?? i.value ?? Q();
   return `${a}${l}`;
-}, Pa = (i) => i.key !== void 0, Ua = ["id"], Ga = ["aria-disabled", "name", "open"], Wa = /* @__PURE__ */ V({
+}, Va = (i) => i.key !== void 0, Pa = ["id"], Ua = ["aria-disabled", "name", "open"], Ga = /* @__PURE__ */ V({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -82,10 +82,10 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     name: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(!1), t = n(void 0), p = n(!1), u = n(null);
+    const a = i, l = s(Le), e = s(!1), t = s(void 0), p = s(!1), u = s(null);
     K(() => {
       l.value = a.id || "accordion-item-" + Q(), a.defaultOpen && (e.value = a.defaultOpen), p.value = !0;
-    }), E(
+    }), D(
       () => [u.value, p.value],
       () => {
         u.value && p.value;
@@ -94,7 +94,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [a.name],
       () => {
         a.name && (t.value = a.name);
@@ -106,10 +106,10 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     );
     function g(r) {
       r == null || r.preventDefault();
-      const c = !e.value;
-      a.onToggle && a.onToggle(c), e.value = c;
+      const n = !e.value;
+      a.onToggle && a.onToggle(n), e.value = n;
     }
-    return (r, c) => (m(), B("li", {
+    return (r, n) => (m(), B("li", {
       id: l.value,
       class: R(d(z)("db-accordion-item", a.class))
     }, [
@@ -121,22 +121,22 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         open: e.value
       }, [
         T("summary", {
-          onClick: c[0] || (c[0] = async (s) => g(s))
+          onClick: n[0] || (n[0] = async (f) => g(f))
         }, [
           r.headlinePlain ? (m(), B(P, { key: 0 }, [
-            F(_(r.headlinePlain), 1)
+            N(L(r.headlinePlain), 1)
           ], 64)) : q("", !0),
-          r.headlinePlain ? q("", !0) : D(r.$slots, "headline", { key: 1 })
+          r.headlinePlain ? q("", !0) : E(r.$slots, "headline", { key: 1 })
         ]),
         T("div", null, [
           r.text ? (m(), B(P, { key: 0 }, [
-            F(_(r.text), 1)
-          ], 64)) : D(r.$slots, "default", { key: 1 })
+            N(L(r.text), 1)
+          ], 64)) : E(r.$slots, "default", { key: 1 })
         ])
-      ], 8, Ga)
-    ], 10, Ua));
+      ], 8, Ua)
+    ], 10, Pa));
   }
-}), Oa = ["id", "data-variant"], il = /* @__PURE__ */ V({
+}), Wa = ["id", "data-variant"], il = /* @__PURE__ */ V({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -153,10 +153,10 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     autofocus: { type: [Boolean, String] }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(""), t = n(!1), p = n(!1), u = n(null);
+    const a = i, l = s(Le), e = s(""), t = s(!1), p = s(!1), u = s(null);
     K(() => {
       l.value = a.id || "accordion-" + Q(), t.value = !0, p.value = !0;
-    }), E(
+    }), D(
       () => [t.value, a.name, a.behavior, l.value],
       () => {
         t.value && (a.behavior === "single" ? a.name ? e.value !== a.name && (e.value = a.name) : e.value !== l.value && l.value && (e.value = l.value) : e.value = "");
@@ -165,31 +165,31 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [u.value, e.value],
       () => {
         if (u.value) {
           const r = u.value.getElementsByTagName("details");
           if (r)
-            for (const c of Array.from(r))
-              e.value === "" ? c.removeAttribute("name") : c.name = e.value ?? "";
+            for (const n of Array.from(r))
+              e.value === "" ? n.removeAttribute("name") : n.name = e.value ?? "";
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [u.value, p.value, a.initOpenIndex],
       () => {
         if (u.value && p.value) {
           if (a.initOpenIndex && a.initOpenIndex.length > 0) {
             const r = u.value.getElementsByTagName("details");
             if (r) {
-              const c = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
+              const n = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
               Array.from(r).forEach(
-                (s, L) => {
-                  c != null && c.includes(L) && (s.open = !0);
+                (f, _) => {
+                  n != null && n.includes(_) && (f.open = !0);
                 }
               );
             }
@@ -210,23 +210,23 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       }
       return [];
     }
-    return (r, c) => (m(), B("ul", {
+    return (r, n) => (m(), B("ul", {
       ref_key: "_ref",
       ref: u,
       id: l.value,
       class: R(d(z)("db-accordion", a.class)),
       "data-variant": r.variant
     }, [
-      r.items ? q("", !0) : D(r.$slots, "default", { key: 0 }),
-      r.items ? (m(!0), B(P, { key: 1 }, be(g(), (s, L) => (m(), Z(Wa, {
-        key: `accordion-item-${L}`,
-        headlinePlain: s.headlinePlain,
-        disabled: s.disabled,
-        text: s.text
+      r.items ? q("", !0) : E(r.$slots, "default", { key: 0 }),
+      r.items ? (m(!0), B(P, { key: 1 }, be(g(), (f, _) => (m(), Z(Ga, {
+        key: `accordion-item-${_}`,
+        headlinePlain: f.headlinePlain,
+        disabled: f.disabled,
+        text: f.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : q("", !0)
-    ], 10, Oa));
+    ], 10, Wa));
   }
-}), Ha = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], ll = /* @__PURE__ */ V({
+}), Oa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], ll = /* @__PURE__ */ V({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -243,10 +243,10 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(!1), e = n(null);
+    const a = i, l = s(!1), e = s(null);
     return K(() => {
       l.value = !0;
-    }), E(
+    }), D(
       () => [e.value, l.value],
       () => {
         var t;
@@ -273,12 +273,12 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         "data-label": ((u = t.placement) == null ? void 0 : u.startsWith("corner")) && (t.label ?? d(we))
       }, [
         t.text ? (m(), B(P, { key: 0 }, [
-          F(_(t.text), 1)
-        ], 64)) : D(t.$slots, "default", { key: 1 })
-      ], 10, Ha);
+          N(L(t.text), 1)
+        ], 64)) : E(t.$slots, "default", { key: 1 })
+      ], 10, Oa);
     };
   }
-}), Xa = ["data-icon", "data-hide-icon", "id"], ol = /* @__PURE__ */ V({
+}), Ha = ["data-icon", "data-hide-icon", "id"], ol = /* @__PURE__ */ V({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -293,7 +293,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("div", {
       ref_key: "_ref",
       ref: l,
@@ -303,11 +303,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       class: R(d(z)("db-brand", a.class))
     }, [
       e.text ? (m(), B(P, { key: 0 }, [
-        F(_(e.text), 1)
-      ], 64)) : D(e.$slots, "default", { key: 1 })
-    ], 10, Xa));
+        N(L(e.text), 1)
+      ], 64)) : E(e.$slots, "default", { key: 1 })
+    ], 10, Ha));
   }
-}), ja = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ V({
+}), Xa = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ V({
   __name: "button",
   props: {
     ariaexpanded: { type: Boolean, default: void 0 },
@@ -335,7 +335,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     function e(t) {
       a.onClick && a.onClick(t);
     }
@@ -363,11 +363,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       onClick: p[0] || (p[0] = async (u) => e(u))
     }, [
       t.text ? (m(), B(P, { key: 0 }, [
-        F(_(t.text), 1)
-      ], 64)) : D(t.$slots, "default", { key: 1 })
-    ], 10, ja));
+        N(L(t.text), 1)
+      ], 64)) : E(t.$slots, "default", { key: 1 })
+    ], 10, Xa));
   }
-}), Ya = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], dl = /* @__PURE__ */ V({
+}), ja = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], dl = /* @__PURE__ */ V({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -382,7 +382,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     spacing: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     function e(t) {
       a.onClick && a.onClick(t);
     }
@@ -398,12 +398,12 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       tabIndex: t.behavior === "interactive" ? 0 : void 0,
       onClick: p[0] || (p[0] = async (u) => e(u))
     }, [
-      D(t.$slots, "default")
-    ], 10, Ya));
+      E(t.$slots, "default")
+    ], 10, ja));
   }
 }), se = (i, a, l = "value") => {
   i(`update:${l}`, a.target[l]);
-}, Ka = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ V({
+}, Ya = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ V({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -419,7 +419,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("span", {
       ref_key: "_ref",
       ref: l,
@@ -431,11 +431,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       "data-hide-icon-before": d(X)(e.showIcon ?? !0)
     }, [
       e.text ? (m(), B(P, { key: 0 }, [
-        F(_(e.text), 1)
-      ], 64)) : D(e.$slots, "default", { key: 1 })
-    ], 10, Ka));
+        N(L(e.text), 1)
+      ], 64)) : E(e.$slots, "default", { key: 1 })
+    ], 10, Ya));
   }
-}), Ja = ["data-size", "data-hide-label"], Qa = ["for"], Za = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "data-hide-asterisk", "aria-describedby"], xa = {
+}), Ka = ["data-size", "data-hide-asterisk", "data-hide-label"], Ja = ["for"], Qa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Za = {
   "data-visually-hidden": "true",
   role: "status"
 }, nl = /* @__PURE__ */ V({
@@ -477,46 +477,46 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(!1), p = n(void 0), u = n(void 0), g = n(void 0), r = n(void 0), c = n(void 0), s = n(""), L = n(""), y = n(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(void 0), f = s(""), _ = s(""), S = s(null);
     K(() => {
       t.value = !0;
       const b = e.id ?? `checkbox-${Q()}`;
-      p.value = b, u.value = b + ve, g.value = b + fe, r.value = b + pe, c.value = e.invalidMessage || ie;
-    }), E(
-      () => [y.value, e.invalidMessage],
+      p.value = b, u.value = b + ve, g.value = b + fe, r.value = b + pe, n.value = e.invalidMessage || ie;
+    }), D(
+      () => [S.value, e.invalidMessage],
       () => {
         var b;
-        c.value = e.invalidMessage || ((b = y.value) == null ? void 0 : b.validationMessage) || ie;
+        n.value = e.invalidMessage || ((b = S.value) == null ? void 0 : b.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [p.value],
       () => {
         if (p.value) {
           const b = p.value + ve;
-          u.value = b, g.value = p.value + fe, r.value = p.value + pe, ee(e.message, e.showMessage) && (s.value = b);
+          u.value = b, g.value = p.value + fe, r.value = p.value + pe, ee(e.message, e.showMessage) && (f.value = b);
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [t.value, y.value, e.indeterminate],
+    ), D(
+      () => [t.value, S.value, e.indeterminate],
       () => {
-        y.value && e.indeterminate !== void 0 && (y.value.indeterminate = !!M(e.indeterminate));
+        S.value && e.indeterminate !== void 0 && (S.value.indeterminate = !!M(e.indeterminate));
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [t.value, y.value, e.checked],
+    ), D(
+      () => [t.value, S.value, e.checked],
       () => {
-        t.value && y.value && (e.checked != null && (y.value.checked = !!M(e.checked)), t.value = !1);
+        t.value && S.value && (e.checked != null && (S.value.checked = !!M(e.checked)), t.value = !1);
       },
       {
         immediate: !0,
@@ -526,12 +526,12 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     function h() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function f() {
-      var b, w, W;
-      !((b = y.value) != null && b.validity.valid) || e.validation === "invalid" ? (s.value = r.value, c.value = e.invalidMessage || ((w = y.value) == null ? void 0 : w.validationMessage) || ie, me() && (L.value = c.value, x(() => L.value = "", 1e3))) : h() && ((W = y.value) != null && W.validity.valid) && e.required ? (s.value = g.value, me() && (L.value = e.validMessage ?? he, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? s.value = u.value : s.value = "";
+    function v() {
+      var b, k, W;
+      !((b = S.value) != null && b.validity.valid) || e.validation === "invalid" ? (f.value = r.value, n.value = e.invalidMessage || ((k = S.value) == null ? void 0 : k.validationMessage) || ie, me() && (_.value = n.value, x(() => _.value = "", 1e3))) : h() && ((W = S.value) != null && W.validity.valid) && e.required ? (f.value = g.value, me() && (_.value = e.validMessage ?? he, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? f.value = u.value : f.value = "";
     }
-    function v(b) {
-      e.onChange && e.onChange(b), se(l, b, "checked"), f();
+    function c(b) {
+      e.onChange && e.onChange(b), se(l, b, "checked"), v();
     }
     function I(b) {
       e.onBlur && e.onBlur(b);
@@ -539,9 +539,10 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
     function A(b) {
       e.onFocus && e.onFocus(b);
     }
-    return (b, w) => (m(), B("div", {
+    return (b, k) => (m(), B("div", {
       class: R(d(z)("db-checkbox", e.class)),
       "data-size": b.size,
+      "data-hide-asterisk": d(X)(b.showRequiredAsterisk),
       "data-hide-label": d(X)(b.showLabel)
     }, [
       T("label", { for: p.value }, [
@@ -550,23 +551,22 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
           "aria-invalid": b.validation === "invalid",
           "data-custom-validity": b.validation,
           ref_key: "_ref",
-          ref: y,
+          ref: S,
           id: p.value,
           name: b.name,
           checked: d(M)(b.checked, "checked"),
           disabled: d(M)(b.disabled, "disabled"),
           value: b.value,
           required: d(M)(b.required, "required"),
-          "data-hide-asterisk": d(X)(b.showRequiredAsterisk),
-          onChange: w[0] || (w[0] = async (W) => v(W)),
-          onBlur: w[1] || (w[1] = async (W) => I(W)),
-          onFocus: w[2] || (w[2] = async (W) => A(W)),
-          "aria-describedby": b.ariaDescribedBy ?? s.value
-        }, null, 40, Za),
+          onChange: k[0] || (k[0] = async (W) => c(W)),
+          onBlur: k[1] || (k[1] = async (W) => I(W)),
+          onFocus: k[2] || (k[2] = async (W) => A(W)),
+          "aria-describedby": b.ariaDescribedBy ?? f.value
+        }, null, 40, Qa),
         b.label ? (m(), B(P, { key: 0 }, [
-          F(_(b.label), 1)
-        ], 64)) : D(b.$slots, "default", { key: 1 })
-      ], 8, Qa),
+          N(L(b.label), 1)
+        ], 64)) : E(b.$slots, "default", { key: 1 })
+      ], 8, Ja),
       d(ee)(b.message, b.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
@@ -574,7 +574,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         id: u.value
       }, {
         default: G(() => [
-          F(_(b.message), 1)
+          N(L(b.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : q("", !0),
@@ -585,7 +585,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         id: g.value
       }, {
         default: G(() => [
-          F(_(b.validMessage || d(he)), 1)
+          N(L(b.validMessage || d(he)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : q("", !0),
@@ -595,12 +595,12 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         id: r.value
       }, {
         default: G(() => [
-          F(_(c.value), 1)
+          N(L(n.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", xa, _(L.value), 1)
-    ], 10, Ja));
+      T("span", Za, L(_.value), 1)
+    ], 10, Ka));
   }
 }), re = class re {
   static runCallbacks(a) {
@@ -647,8 +647,8 @@ const ce = class ce {
 };
 de(ce, "callbacks", {}), de(ce, "_instance", null);
 let Ie = ce;
-const et = (i) => {
-  var f;
+const xa = (i) => {
+  var v;
   const {
     top: a,
     bottom: l,
@@ -658,21 +658,21 @@ const et = (i) => {
     innerHeight: p,
     innerWidth: u
   } = window;
-  let g = a < 0, r = l > p, c = e < 0, s = t > u;
-  const L = i.dataset.outsideVy, y = i.dataset.outsideVx, h = (f = i == null ? void 0 : i.parentElement) == null ? void 0 : f.getBoundingClientRect();
-  return h && (L && (i.dataset.outsideVy === "top" ? g = h.top - (l - h.bottom) < 0 : r = h.bottom + (h.top - a) > p), y && (i.dataset.outsideVx === "left" ? c = h.left - (t - h.right) < 0 : s = h.right + (h.left - e) > u)), {
+  let g = a < 0, r = l > p, n = e < 0, f = t > u;
+  const _ = i.dataset.outsideVy, S = i.dataset.outsideVx, h = (v = i == null ? void 0 : i.parentElement) == null ? void 0 : v.getBoundingClientRect();
+  return h && (_ && (i.dataset.outsideVy === "top" ? g = h.top - (l - h.bottom) < 0 : r = h.bottom + (h.top - a) > p), S && (i.dataset.outsideVx === "left" ? n = h.left - (t - h.right) < 0 : f = h.right + (h.left - e) > u)), {
     outTop: g,
     outBottom: r,
-    outLeft: c,
-    outRight: s
+    outLeft: n,
+    outRight: f
   };
-}, at = (i) => {
+}, et = (i) => {
   const {
     outTop: a,
     outBottom: l,
     outLeft: e,
     outRight: t
-  } = et(i);
+  } = xa(i);
   let p = {};
   return a || l ? (p = {
     vy: a ? "top" : "bottom"
@@ -680,7 +680,7 @@ const et = (i) => {
     ...p,
     vx: t ? "right" : "left"
   }, i.dataset.outsideVx = p.vx) : delete i.dataset.outsideVx, p;
-}, tt = (i, a, l) => {
+}, at = (i, a, l) => {
   if (getComputedStyle(i).zIndex === "9999") return;
   const {
     top: e,
@@ -689,10 +689,10 @@ const et = (i) => {
     childWidth: u,
     width: g,
     right: r,
-    left: c,
-    correctedPlacement: s
+    left: n,
+    correctedPlacement: f
   } = sa(i, a, l);
-  i.dataset.width === "full" && (i.style.inlineSize = `${g}px`), s === "top" || s === "bottom" || s === "top-start" || s === "bottom-start" ? i.style.insetInlineStart = `${c}px` : (s === "top-end" || s === "bottom-end") && (i.style.insetInlineStart = `${r - u}px`), s != null && s.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : s != null && s.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
+  i.dataset.width === "full" && (i.style.inlineSize = `${g}px`), f === "top" || f === "bottom" || f === "top-start" || f === "bottom-start" ? i.style.insetInlineStart = `${n}px` : (f === "top-end" || f === "bottom-end") && (i.style.insetInlineStart = `${r - u}px`), f != null && f.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : f != null && f.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
 }, sa = (i, a, l) => {
   if (!i || !a)
     return {
@@ -714,27 +714,27 @@ const et = (i) => {
     bottom: u,
     right: g,
     left: r,
-    width: c
+    width: n
   } = a.getBoundingClientRect(), {
-    innerHeight: s,
-    innerWidth: L
+    innerHeight: f,
+    innerWidth: _
   } = window;
-  let y = e.height, h = e.width;
-  (l === "bottom" || l === "top") && (h = h / 2), (l === "left" || l === "right") && (y = y / 2);
-  const f = u + y > s, v = t - y < 0, I = r - h < 0, A = g + h > L;
+  let S = e.height, h = e.width;
+  (l === "bottom" || l === "top") && (h = h / 2), (l === "left" || l === "right") && (S = S / 2);
+  const v = u + S > f, c = t - S < 0, I = r - h < 0, A = g + h > _;
   let b = l;
-  return l.startsWith("bottom") ? f ? (b = l == null ? void 0 : l.replace("bottom", "top"), I && A ? b = "top" : I ? b = "top-start" : A && (b = "top-end")) : I && A ? b = "bottom" : I ? b = "bottom-start" : A && (b = "bottom-end") : l.startsWith("top") ? v ? (b = l == null ? void 0 : l.replace("top", "bottom"), I && A ? b = "bottom" : I ? b = "bottom-start" : A && (b = "bottom-end")) : I && A ? b = "top" : I ? b = "top-start" : A && (b = "top-end") : l.startsWith("left") ? I ? (b = l == null ? void 0 : l.replace("left", "right"), f && v ? b = "right" : f ? b = "right-end" : v && (b = "right-start")) : f && v ? b = "left" : f ? b = "left-end" : v && (b = "left-start") : b.startsWith("right") && (A ? (b = l == null ? void 0 : l.replace("right", "left"), f && v ? b = "left" : f ? b = "left-end" : v && (b = "left-start")) : f && v ? b = "right" : f ? b = "right-end" : v && (b = "right-start")), {
+  return l.startsWith("bottom") ? v ? (b = l == null ? void 0 : l.replace("bottom", "top"), I && A ? b = "top" : I ? b = "top-start" : A && (b = "top-end")) : I && A ? b = "bottom" : I ? b = "bottom-start" : A && (b = "bottom-end") : l.startsWith("top") ? c ? (b = l == null ? void 0 : l.replace("top", "bottom"), I && A ? b = "bottom" : I ? b = "bottom-start" : A && (b = "bottom-end")) : I && A ? b = "top" : I ? b = "top-start" : A && (b = "top-end") : l.startsWith("left") ? I ? (b = l == null ? void 0 : l.replace("left", "right"), v && c ? b = "right" : v ? b = "right-end" : c && (b = "right-start")) : v && c ? b = "left" : v ? b = "left-end" : c && (b = "left-start") : b.startsWith("right") && (A ? (b = l == null ? void 0 : l.replace("right", "left"), v && c ? b = "left" : v ? b = "left-end" : c && (b = "left-start")) : v && c ? b = "right" : v ? b = "right-end" : c && (b = "right-start")), {
     top: t,
     bottom: u,
     right: g,
     height: p,
-    width: c,
+    width: n,
     left: r,
     childHeight: e.height,
     childWidth: e.width,
     correctedPlacement: b,
-    innerWidth: L,
-    innerHeight: s
+    innerWidth: _,
+    innerHeight: f
   };
 }, ua = (i, a, l) => {
   const e = getComputedStyle(i).getPropertyValue("--db-popover-distance") ?? "0px", {
@@ -743,53 +743,53 @@ const et = (i) => {
     width: u,
     childHeight: g,
     childWidth: r,
-    right: c,
-    left: s,
-    bottom: L,
-    correctedPlacement: y,
+    right: n,
+    left: f,
+    bottom: _,
+    correctedPlacement: S,
     innerWidth: h,
-    innerHeight: f
+    innerHeight: v
   } = sa(i, a, l);
-  if (r > u && (y.startsWith("bottom") || y.startsWith("top"))) {
-    const v = u / 2 / r * 100;
-    y.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-inline-start", `${v}%`) : y.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - v}%`);
+  if (r > u && (S.startsWith("bottom") || S.startsWith("top"))) {
+    const c = u / 2 / r * 100;
+    S.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-inline-start", `${c}%`) : S.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - c}%`);
   }
-  if (g > p && (y.startsWith("left") || y.startsWith("bottom"))) {
-    const v = p / 2 / g * 100;
-    y.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-block-start", `${v}%`) : y.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-block-start", `${100 - v}%`);
+  if (g > p && (S.startsWith("left") || S.startsWith("bottom"))) {
+    const c = p / 2 / g * 100;
+    S.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-block-start", `${c}%`) : S.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-block-start", `${100 - c}%`);
   }
-  if (y === "right" || y === "left")
+  if (S === "right" || S === "left")
     i.style.insetBlockStart = `${t + p / 2}px`;
-  else if (y === "right-start" || y === "left-start") {
-    const v = t + g;
-    i.style.insetBlockStart = `${t}px`, i.style.insetBlockEnd = `${v > f ? f : v}px`;
-  } else if (y === "right-end" || y === "left-end") {
-    const v = L - g;
-    i.style.insetBlockStart = `${v < 0 ? 0 : v}px`, i.style.insetBlockEnd = `${L}px`;
-  } else if (y === "top" || y === "bottom")
-    i.style.insetInlineStart = `${s + u / 2}px`;
-  else if (y === "top-start" || y === "bottom-start") {
-    const v = s + r;
-    i.style.insetInlineStart = `${s}px`, i.style.insetInlineEnd = `${v > h ? h : v}px`;
-  } else if (y === "top-end" || y === "bottom-end") {
-    const v = s - r;
-    i.style.insetInlineStart = `${c - r}px`, i.style.insetInlineEnd = `${v < 0 ? 0 : v}px`;
+  else if (S === "right-start" || S === "left-start") {
+    const c = t + g;
+    i.style.insetBlockStart = `${t}px`, i.style.insetBlockEnd = `${c > v ? v : c}px`;
+  } else if (S === "right-end" || S === "left-end") {
+    const c = _ - g;
+    i.style.insetBlockStart = `${c < 0 ? 0 : c}px`, i.style.insetBlockEnd = `${_}px`;
+  } else if (S === "top" || S === "bottom")
+    i.style.insetInlineStart = `${f + u / 2}px`;
+  else if (S === "top-start" || S === "bottom-start") {
+    const c = f + r;
+    i.style.insetInlineStart = `${f}px`, i.style.insetInlineEnd = `${c > h ? h : c}px`;
+  } else if (S === "top-end" || S === "bottom-end") {
+    const c = f - r;
+    i.style.insetInlineStart = `${n - r}px`, i.style.insetInlineEnd = `${c < 0 ? 0 : c}px`;
   }
-  if (y != null && y.startsWith("right")) {
-    const v = c + r;
-    i.style.insetInlineStart = `calc(${c}px + ${e})`, i.style.insetInlineEnd = `calc(${v > h ? h : v}px + ${e})`;
-  } else if (y != null && y.startsWith("left")) {
-    const v = s - r;
-    i.style.insetInlineStart = `calc(${v < 0 ? 0 : v}px - ${e})`, i.style.insetInlineEnd = `calc(${c}px - ${e})`;
-  } else if (y != null && y.startsWith("top")) {
-    const v = t - g;
-    i.style.insetBlockStart = `calc(${v < 0 ? 0 : v}px - ${e})`, i.style.insetBlockEnd = `calc(${L}px - ${e})`;
-  } else if (y != null && y.startsWith("bottom")) {
-    const v = L + g;
-    i.style.insetBlockStart = `calc(${L}px + ${e})`, i.style.insetBlockEnd = `calc(${v > f ? f : v}px + ${e})`;
+  if (S != null && S.startsWith("right")) {
+    const c = n + r;
+    i.style.insetInlineStart = `calc(${n}px + ${e})`, i.style.insetInlineEnd = `calc(${c > h ? h : c}px + ${e})`;
+  } else if (S != null && S.startsWith("left")) {
+    const c = f - r;
+    i.style.insetInlineStart = `calc(${c < 0 ? 0 : c}px - ${e})`, i.style.insetInlineEnd = `calc(${n}px - ${e})`;
+  } else if (S != null && S.startsWith("top")) {
+    const c = t - g;
+    i.style.insetBlockStart = `calc(${c < 0 ? 0 : c}px - ${e})`, i.style.insetBlockEnd = `calc(${_}px - ${e})`;
+  } else if (S != null && S.startsWith("bottom")) {
+    const c = _ + g;
+    i.style.insetBlockStart = `calc(${_}px + ${e})`, i.style.insetBlockEnd = `calc(${c > v ? v : c}px + ${e})`;
   }
-  i.style.position = "fixed", i.dataset.correctedPlacement = y;
-}, it = ["id", "data-width"], lt = /* @__PURE__ */ V({
+  i.style.position = "fixed", i.dataset.correctedPlacement = S;
+}, tt = ["id", "data-width"], it = /* @__PURE__ */ V({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -801,7 +801,7 @@ const et = (i) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("article", {
       "data-spacing": "none",
       ref_key: "_ref",
@@ -810,10 +810,10 @@ const et = (i) => {
       class: R(d(z)("db-custom-select-dropdown db-card", a.class)),
       "data-width": e.width
     }, [
-      D(e.$slots, "default")
-    ], 10, it));
+      E(e.$slots, "default")
+    ], 10, tt));
   }
-}), ot = ["id", "data-divider"], dt = ["data-icon", "data-hide-icon", "data-icon-after"], nt = ["type", "name", "form", "checked", "disabled", "value"], st = { key: 1 }, ut = /* @__PURE__ */ V({
+}), lt = ["id", "data-divider"], ot = ["data-icon", "data-hide-icon", "data-icon-after"], dt = ["type", "name", "form", "checked", "disabled", "value"], nt = { key: 1 }, st = /* @__PURE__ */ V({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -838,10 +838,10 @@ const et = (i) => {
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(void 0), p = n(!1), u = n(null);
+    const l = a, e = i, t = s(void 0), p = s(!1), u = s(null);
     K(() => {
       t.value = e.id ?? `custom-select-list-item-${Q()}`;
-    }), E(
+    }), D(
       () => [e.isGroupTitle, e.showDivider],
       () => {
         p.value = !!(e.isGroupTitle || e.showDivider);
@@ -851,49 +851,49 @@ const et = (i) => {
         flush: "post"
       }
     );
-    function g(c) {
-      c.stopPropagation(), e.onChange && e.onChange(c), se(l, c, "checked");
+    function g(n) {
+      n.stopPropagation(), e.onChange && e.onChange(n), se(l, n, "checked");
     }
     function r() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
         return M(e.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (c, s) => (m(), B("li", {
+    return (n, f) => (m(), B("li", {
       ref_key: "_ref",
       ref: u,
       id: t.value,
       class: R(
         d(z)("db-custom-select-list-item", e.class, {
-          "db-checkbox": c.type === "checkbox" && !c.isGroupTitle,
-          "db-radio": c.type !== "checkbox" && !c.isGroupTitle
+          "db-checkbox": n.type === "checkbox" && !n.isGroupTitle,
+          "db-radio": n.type !== "checkbox" && !n.isGroupTitle
         })
       ),
       "data-divider": d(j)(p.value)
     }, [
-      c.isGroupTitle ? (m(), B("span", st, _(c.groupTitle), 1)) : (m(), B("label", {
+      n.isGroupTitle ? (m(), B("span", nt, L(n.groupTitle), 1)) : (m(), B("label", {
         key: 0,
-        "data-icon": c.type !== "checkbox" && c.icon ? c.icon : void 0,
-        "data-hide-icon": d(X)(c.showIcon),
+        "data-icon": n.type !== "checkbox" && n.icon ? n.icon : void 0,
+        "data-hide-icon": d(X)(n.showIcon),
         "data-icon-after": r()
       }, [
         T("input", {
           class: "db-custom-select-list-item-checkbox",
           "data-disable-focus": "true",
-          type: c.type,
-          name: c.name,
-          form: c.name,
-          checked: d(M)(c.checked, "checked"),
-          disabled: d(M)(c.disabled, "disabled"),
-          value: c.value,
-          onChange: s[0] || (s[0] = async (L) => g(L))
-        }, null, 40, nt),
-        c.label ? (m(), B(P, { key: 0 }, [
-          F(_(c.label), 1)
-        ], 64)) : D(c.$slots, "default", { key: 1 })
-      ], 8, dt))
-    ], 10, ot));
+          type: n.type,
+          name: n.name,
+          form: n.name,
+          checked: d(M)(n.checked, "checked"),
+          disabled: d(M)(n.disabled, "disabled"),
+          value: n.value,
+          onChange: f[0] || (f[0] = async (_) => g(_))
+        }, null, 40, dt),
+        n.label ? (m(), B(P, { key: 0 }, [
+          N(L(n.label), 1)
+        ], 64)) : E(n.$slots, "default", { key: 1 })
+      ], 8, ot))
+    ], 10, lt));
   }
-}), rt = ["role", "aria-label", "id"], ct = /* @__PURE__ */ V({
+}), ut = ["role", "aria-label", "id"], rt = /* @__PURE__ */ V({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -906,7 +906,7 @@ const et = (i) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
@@ -916,14 +916,14 @@ const et = (i) => {
       class: R(d(z)("db-custom-select-list", a.class))
     }, [
       T("ul", null, [
-        D(e.$slots, "default")
+        E(e.$slots, "default")
       ])
-    ], 10, rt));
+    ], 10, ut));
   }
-}), vt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], ft = ["for"], pt = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "data-hide-asterisk", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], ht = ["id"], mt = ["value"], gt = {
+}), ct = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-asterisk", "data-hide-icon-after"], vt = ["for"], ft = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], pt = ["id"], ht = ["value"], mt = {
   "data-visually-hidden": "true",
   role: "status"
-}, bt = /* @__PURE__ */ V({
+}, gt = /* @__PURE__ */ V({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -979,141 +979,141 @@ const et = (i) => {
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(void 0), p = n(void 0), u = n(void 0), g = n(void 0), r = n(void 0), c = n(void 0), s = n(""), L = n(""), y = n(""), h = n(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(void 0), f = s(""), _ = s(""), S = s(""), h = s(null);
     K(() => {
-      const k = e.id ?? `input-${Q()}`;
-      t.value = k, p.value = k + ve, u.value = k + fe, g.value = k + pe, c.value = k + Ze, r.value = e.invalidMessage || ie;
-    }), E(
+      const y = e.id ?? `input-${Q()}`;
+      t.value = y, p.value = y + ve, u.value = y + fe, g.value = y + pe, n.value = y + Ze, r.value = e.invalidMessage || ie;
+    }), D(
       () => [h.value, e.invalidMessage],
       () => {
-        var k;
-        r.value = e.invalidMessage || ((k = h.value) == null ? void 0 : k.validationMessage) || ie;
+        var y;
+        r.value = e.invalidMessage || ((y = h.value) == null ? void 0 : y.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [t.value],
       () => {
         if (t.value) {
-          const k = t.value + ve;
-          p.value = k, u.value = t.value + fe, g.value = t.value + pe, c.value = e.dataListId ?? t.value + Ze, ee(e.message, e.showMessage) && (s.value = k);
+          const y = t.value + ve;
+          p.value = y, u.value = t.value + fe, g.value = t.value + pe, n.value = e.dataListId ?? t.value + Ze, ee(e.message, e.showMessage) && (f.value = y);
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.value],
       () => {
-        L.value = e.value;
+        _.value = e.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function f() {
+    function v() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function v() {
-      var k, O, S;
-      !((k = h.value) != null && k.validity.valid) || e.validation === "invalid" ? (s.value = g.value, r.value = e.invalidMessage || ((O = h.value) == null ? void 0 : O.validationMessage) || ie, me() && (y.value = r.value, x(() => y.value = "", 1e3))) : f() && ((S = h.value) != null && S.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (s.value = u.value, me() && (y.value = e.validMessage ?? he, x(() => y.value = "", 1e3))) : ee(e.message, e.showMessage) ? s.value = p.value : s.value = "";
+    function c() {
+      var y, O, w;
+      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (f.value = g.value, r.value = e.invalidMessage || ((O = h.value) == null ? void 0 : O.validationMessage) || ie, me() && (S.value = r.value, x(() => S.value = "", 1e3))) : v() && ((w = h.value) != null && w.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (f.value = u.value, me() && (S.value = e.validMessage ?? he, x(() => S.value = "", 1e3))) : ee(e.message, e.showMessage) ? f.value = p.value : f.value = "";
     }
-    function I(k) {
-      e.input && e.input(k), L.value = k.target.value, e.onInput && e.onInput(k), se(l, k), v();
+    function I(y) {
+      e.input && e.input(y), _.value = y.target.value, e.onInput && e.onInput(y), se(l, y), c();
     }
-    function A(k) {
-      e.onChange && e.onChange(k), se(l, k), v();
+    function A(y) {
+      e.onChange && e.onChange(y), se(l, y), c();
     }
-    function b(k) {
-      e.onBlur && e.onBlur(k);
+    function b(y) {
+      e.onBlur && e.onBlur(y);
     }
-    function w(k) {
-      e.onFocus && e.onFocus(k);
+    function k(y) {
+      e.onFocus && e.onFocus(y);
     }
     function W() {
-      const k = e.dataList;
+      const y = e.dataList;
       return Array.from(
-        (qa(k) ? k == null ? void 0 : k.map((O) => ({
+        (za(y) ? y == null ? void 0 : y.map((O) => ({
           value: O,
           label: void 0
-        })) : k) || []
+        })) : y) || []
       );
     }
-    return (k, O) => (m(), B("div", {
+    return (y, O) => (m(), B("div", {
       class: R(d(z)("db-input", e.class)),
-      "data-variant": k.variant,
-      "data-hide-label": d(X)(k.showLabel),
-      "data-hide-icon": d(X)(k.showIcon),
-      "data-icon": k.icon,
-      "data-icon-after": k.iconAfter,
-      "data-hide-icon-after": d(X)(k.showIcon)
+      "data-variant": y.variant,
+      "data-hide-label": d(X)(y.showLabel),
+      "data-hide-icon": d(X)(y.showIcon),
+      "data-icon": y.icon,
+      "data-icon-after": y.iconAfter,
+      "data-hide-asterisk": d(X)(y.showRequiredAsterisk),
+      "data-hide-icon-after": d(X)(y.showIcon)
     }, [
-      T("label", { for: t.value }, _(k.label ?? d(we)), 9, ft),
+      T("label", { for: t.value }, L(y.label ?? d(we)), 9, vt),
       T("input", {
-        "aria-invalid": k.validation === "invalid",
-        "data-custom-validity": k.validation,
-        "data-field-sizing": k.fieldSizing,
+        "aria-invalid": y.validation === "invalid",
+        "data-custom-validity": y.validation,
+        "data-field-sizing": y.fieldSizing,
         ref_key: "_ref",
         ref: h,
         id: t.value,
-        name: k.name,
-        type: k.type || "text",
-        placeholder: k.placeholder ?? d(aa),
-        disabled: d(M)(k.disabled, "disabled"),
-        required: d(M)(k.required, "required"),
-        "data-hide-asterisk": d(X)(k.showRequiredAsterisk),
-        step: d(Se)(k.step),
-        value: k.value ?? L.value,
-        maxLength: d(Se)(k.maxLength, k.maxlength),
-        minLength: d(Se)(k.minLength, k.minlength),
-        max: d(xe)(k.max, k.type),
-        min: d(xe)(k.min, k.type),
-        readOnly: d(M)(k.readOnly, "readOnly") || d(M)(k.readonly, "readonly"),
-        form: k.form,
-        pattern: k.pattern,
-        size: k.size,
-        autoComplete: k.autocomplete,
-        autoFocus: d(M)(k.autofocus, "autofocus"),
-        onInput: O[0] || (O[0] = async (S) => I(S)),
-        onChange: O[1] || (O[1] = async (S) => A(S)),
-        onBlur: O[2] || (O[2] = async (S) => b(S)),
-        onFocus: O[3] || (O[3] = async (S) => w(S)),
-        list: k.dataList && c.value,
-        "aria-describedby": k.ariaDescribedBy ?? s.value
-      }, null, 40, pt),
-      k.dataList ? (m(), B("datalist", {
+        name: y.name,
+        type: y.type || "text",
+        placeholder: y.placeholder ?? d(aa),
+        disabled: d(M)(y.disabled, "disabled"),
+        required: d(M)(y.required, "required"),
+        step: d(Se)(y.step),
+        value: y.value ?? _.value,
+        maxLength: d(Se)(y.maxLength, y.maxlength),
+        minLength: d(Se)(y.minLength, y.minlength),
+        max: d(xe)(y.max, y.type),
+        min: d(xe)(y.min, y.type),
+        readOnly: d(M)(y.readOnly, "readOnly") || d(M)(y.readonly, "readonly"),
+        form: y.form,
+        pattern: y.pattern,
+        size: y.size,
+        autoComplete: y.autocomplete,
+        autoFocus: d(M)(y.autofocus, "autofocus"),
+        onInput: O[0] || (O[0] = async (w) => I(w)),
+        onChange: O[1] || (O[1] = async (w) => A(w)),
+        onBlur: O[2] || (O[2] = async (w) => b(w)),
+        onFocus: O[3] || (O[3] = async (w) => k(w)),
+        list: y.dataList && n.value,
+        "aria-describedby": y.ariaDescribedBy ?? f.value
+      }, null, 40, ft),
+      y.dataList ? (m(), B("datalist", {
         key: 0,
-        id: c.value
+        id: n.value
       }, [
-        (m(!0), B(P, null, be(W(), (S) => (m(), B("option", {
-          key: c.value + "-option-" + S.value,
-          value: S.value
-        }, _(S.label), 9, mt))), 128))
-      ], 8, ht)) : q("", !0),
-      D(k.$slots, "default"),
-      d(ee)(k.message, k.showMessage) ? (m(), Z(te, {
+        (m(!0), B(P, null, be(W(), (w) => (m(), B("option", {
+          key: n.value + "-option-" + w.value,
+          value: w.value
+        }, L(w.label), 9, ht))), 128))
+      ], 8, pt)) : q("", !0),
+      E(y.$slots, "default"),
+      d(ee)(y.message, y.showMessage) ? (m(), Z(te, {
         key: 1,
         size: "small",
-        icon: k.messageIcon,
+        icon: y.messageIcon,
         id: p.value
       }, {
         default: G(() => [
-          F(_(k.message), 1)
+          N(L(y.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : q("", !0),
-      f() ? (m(), Z(te, {
+      v() ? (m(), Z(te, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
         default: G(() => [
-          F(_(k.validMessage || d(he)), 1)
+          N(L(y.validMessage || d(he)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : q("", !0),
@@ -1123,14 +1123,14 @@ const et = (i) => {
         id: g.value
       }, {
         default: G(() => [
-          F(_(r.value), 1)
+          N(L(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", gt, _(y.value), 1)
-    ], 10, vt));
+      T("span", mt, L(S.value), 1)
+    ], 10, ct));
   }
-}), yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ra = /* @__PURE__ */ V({
+}), bt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ra = /* @__PURE__ */ V({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -1148,20 +1148,20 @@ const et = (i) => {
     width: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(!1), t = n(void 0), p = n(void 0), u = n(null);
+    const a = i, l = s(Le), e = s(!1), t = s(void 0), p = s(void 0), u = s(null);
     K(() => {
       l.value = a.id || "tooltip-" + Q(), e.value = !0;
-    }), E(
+    }), D(
       () => [u.value, e.value],
       () => {
         if (u.value && e.value && l.value) {
-          const f = c();
-          f && (["mouseenter", "focusin"].forEach((v) => {
-            f.addEventListener(v, () => h(f));
-          }), f.addEventListener("keydown", (v) => r(v)), ["mouseleave", "focusout"].forEach((v) => {
-            f.addEventListener(v, () => y());
-          }), f.dataset.hasTooltip = "true", a.variant === "label" ? f.setAttribute("aria-labelledby", l.value) : f.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((v) => {
-            const I = v.find(({ target: A }) => A === c());
+          const v = n();
+          v && (["mouseenter", "focusin"].forEach((c) => {
+            v.addEventListener(c, () => h(v));
+          }), v.addEventListener("keydown", (c) => r(c)), ["mouseleave", "focusout"].forEach((c) => {
+            v.addEventListener(c, () => S());
+          }), v.dataset.hasTooltip = "true", a.variant === "label" ? v.setAttribute("aria-labelledby", l.value) : v.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((c) => {
+            const I = c.find(({ target: A }) => A === n());
             I && !I.isIntersecting && r(!1);
           })), e.value = !1;
         }
@@ -1171,42 +1171,42 @@ const et = (i) => {
         flush: "post"
       }
     );
-    function g(f) {
-      f.stopPropagation();
+    function g(v) {
+      v.stopPropagation();
     }
-    function r(f) {
-      (!f || f.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && c().blur();
+    function r(v) {
+      (!v || v.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && n().blur();
     }
-    function c() {
-      let f = u.value.parentElement;
-      return f && f.localName.includes("tooltip") && (f = f.parentElement), f;
+    function n() {
+      let v = u.value.parentElement;
+      return v && v.localName.includes("tooltip") && (v = v.parentElement), v;
     }
-    function s(f) {
-      f && u.value && x(() => {
+    function f(v) {
+      v && u.value && x(() => {
         ua(
           u.value,
-          f,
+          v,
           a.placement ?? "bottom"
         );
       }, 1);
     }
-    function L(f, v) {
+    function _(v, c) {
       var I, A;
-      (I = f == null ? void 0 : f.target) != null && I.contains && ((A = f == null ? void 0 : f.target) != null && A.contains(u.value)) && s(v);
+      (I = v == null ? void 0 : v.target) != null && I.contains && ((A = v == null ? void 0 : v.target) != null && A.contains(u.value)) && f(c);
     }
-    function y() {
-      var f;
+    function S() {
+      var v;
       t.value && new Ie().removeCallback(
         t.value
-      ), (f = p.value) == null || f.unobserve(c());
+      ), (v = p.value) == null || v.unobserve(n());
     }
-    function h(f) {
-      var v;
+    function h(v) {
+      var c;
       t.value = new Ie().addCallback(
-        (I) => L(I, f)
-      ), s(f), (v = p.value) == null || v.observe(c());
+        (I) => _(I, v)
+      ), f(v), (c = p.value) == null || c.observe(n());
     }
-    return (f, v) => (m(), B("i", {
+    return (v, c) => (m(), B("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
@@ -1214,18 +1214,18 @@ const et = (i) => {
       ref: u,
       class: R(d(z)("db-tooltip", a.class)),
       id: l.value,
-      "data-emphasis": f.emphasis,
-      "data-animation": d(j)(f.animation ?? !0),
-      "data-delay": f.delay,
-      "data-width": f.width,
-      "data-show-arrow": d(j)(f.showArrow ?? !0),
-      "data-placement": f.placement,
-      onClick: v[0] || (v[0] = async (I) => g(I))
+      "data-emphasis": v.emphasis,
+      "data-animation": d(j)(v.animation ?? !0),
+      "data-delay": v.delay,
+      "data-width": v.width,
+      "data-show-arrow": d(j)(v.showArrow ?? !0),
+      "data-placement": v.placement,
+      onClick: c[0] || (c[0] = async (I) => g(I))
     }, [
-      D(f.$slots, "default")
-    ], 10, yt));
+      E(v.$slots, "default")
+    ], 10, bt));
   }
-}), kt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], wt = /* @__PURE__ */ V({
+}), yt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], kt = /* @__PURE__ */ V({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1251,17 +1251,17 @@ const et = (i) => {
     remove: {}
   },
   setup(i) {
-    const a = i, l = n(!1), e = n(null);
-    l.value = !0, E(
+    const a = i, l = s(!1), e = s(null);
+    l.value = !0, D(
       () => [l.value, a.disabled, e.value],
       () => {
         var u, g;
         if (l.value && e.value && a.disabled !== void 0) {
           const r = (u = e.value) == null ? void 0 : u.querySelector(
             "button:not(.db-tab-remove-button)"
-          ), c = (g = e.value) == null ? void 0 : g.querySelector("input");
-          for (const s of [r, c])
-            s && (s.disabled = !!a.disabled);
+          ), n = (g = e.value) == null ? void 0 : g.querySelector("input");
+          for (const f of [r, n])
+            f && (f.disabled = !!a.disabled);
         }
       },
       {
@@ -1289,10 +1289,10 @@ const et = (i) => {
       "data-no-text": d(j)(u.noText),
       "data-overflow": d(j)(u.overflow)
     }, [
-      D(u.$slots, "content"),
-      D(u.$slots, "default"),
+      E(u.$slots, "content"),
+      E(u.$slots, "default"),
       u.text ? (m(), B(P, { key: 0 }, [
-        F(_(u.text), 1)
+        N(L(u.text), 1)
       ], 64)) : q("", !0),
       u.behavior === "removable" ? (m(), B("button", {
         key: 1,
@@ -1306,14 +1306,14 @@ const et = (i) => {
       }, [
         ae(ra, { variant: "label" }, {
           default: G(() => [
-            F(_(p()), 1)
+            N(L(p()), 1)
           ]),
           _: 1
         })
       ])) : q("", !0)
-    ], 10, kt));
+    ], 10, yt));
   }
-}), St = ["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-hide-icon"], Bt = ["id"], It = ["id", "form", "name", "multiple", "disabled", "required"], $t = ["disabled", "value"], Lt = ["open"], _t = ["id", "aria-disabled", "aria-labelledby"], Tt = ["data-visually-hidden", "id"], At = { key: 1 }, Ct = { key: 0 }, Et = { key: 0 }, Dt = { class: "db-checkbox db-custom-select-list-item" }, Ft = ["form", "checked"], Nt = ["aria-hidden", "id"], Mt = {
+}), wt = ["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-hide-icon"], St = ["id"], Bt = ["id", "form", "name", "multiple", "disabled", "required"], It = ["disabled", "value"], $t = ["open"], Lt = ["id", "aria-disabled", "aria-labelledby"], _t = ["data-visually-hidden", "id"], Tt = { key: 1 }, At = { key: 0 }, Ct = { key: 0 }, Et = { class: "db-checkbox db-custom-select-list-item" }, Dt = ["form", "checked"], Nt = ["aria-hidden", "id"], Ft = {
   "data-visually-hidden": "true",
   role: "status"
 }, sl = /* @__PURE__ */ V({
@@ -1382,19 +1382,19 @@ const et = (i) => {
   },
   emits: ["update:values"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(void 0), p = n(void 0), u = n(void 0), g = n(void 0), r = n(void 0), c = n(void 0), s = n(void 0), L = n(void 0), y = n(void 0), h = n(void 0), f = n("no-validation"), v = n(""), I = n(""), A = n(void 0), b = n(""), w = n([]), W = n(!1), k = n(!1), O = n(0), S = n([]), H = n([]), le = n(!1), J = n(void 0), Fe = n(0), ye = n(void 0), Te = n(void 0), qe = n(void 0), Ve = n(!1), Ae = n(!1), va = n(null), N = n(null), ke = n(null), Ne = n(null), Pe = n(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(void 0), f = s(void 0), _ = s(void 0), S = s(void 0), h = s(void 0), v = s("no-validation"), c = s(""), I = s(""), A = s(void 0), b = s(""), k = s([]), W = s(!1), y = s(!1), O = s(0), w = s([]), H = s([]), le = s(!1), J = s(void 0), Ne = s(0), ye = s(void 0), Te = s(void 0), qe = s(void 0), Ve = s(!1), Ae = s(!1), ca = s(null), F = s(null), ke = s(null), Fe = s(null), Pe = s(null);
     K(() => {
       const o = e.id ?? `custom-select-${Q()}`;
-      t.value = o, p.value = o + ve, u.value = o + fe, g.value = o + pe, c.value = o + Qe, s.value = o + Je, L.value = o + "-summary", y.value = o + Re, A.value = o + "-selected-labels", h.value = o + "-info", r.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
-        if (N.value) {
-          const C = $.find(({ target: Y }) => Y === N.value);
-          C && !C.isIntersecting && N.value.open && (N.value.open = !1);
+      t.value = o, p.value = o + ve, u.value = o + fe, g.value = o + pe, n.value = o + Qe, f.value = o + Je, _.value = o + "-summary", S.value = o + Re, A.value = o + "-selected-labels", h.value = o + "-info", r.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
+        if (F.value) {
+          const C = $.find(({ target: Y }) => Y === F.value);
+          C && !C.isIntersecting && F.value.open && (F.value.open = !1);
         }
       }));
-    }), E(
-      () => [N.value],
+    }), D(
+      () => [F.value],
       () => {
-        N.value && N.value.addEventListener(
+        F.value && F.value.addEventListener(
           "focusout",
           (o) => Ce(o)
         );
@@ -1403,26 +1403,26 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [t.value],
       () => {
         if (t.value) {
           const o = t.value + ve;
-          s.value = t.value + Je, c.value = t.value + Qe, u.value = t.value + fe, g.value = t.value + pe, y.value = t.value + Re, ee(e.message, e.showMessage) ? Oe(o) : Oe();
+          f.value = t.value + Je, n.value = t.value + Qe, u.value = t.value + fe, g.value = t.value + pe, S.value = t.value + Re, ee(e.message, e.showMessage) ? Oe(o) : Oe();
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [N.value, v.value],
+    ), D(
+      () => [F.value, c.value],
       () => {
-        if (N.value) {
-          const o = N.value.querySelector("summary");
+        if (F.value) {
+          const o = F.value.querySelector("summary");
           o && o.setAttribute(
             "aria-describedby",
-            e.ariaDescribedBy ?? (v.value || "")
+            e.ariaDescribedBy ?? (c.value || "")
           );
         }
       },
@@ -1430,7 +1430,7 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.showNoResults, H.value],
       () => {
         e.showNoResults !== void 0 ? le.value = e.showNoResults : H.value && (le.value = H.value.length === 0);
@@ -1439,7 +1439,7 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.showSelectAll, O.value, e.multiple],
       () => {
         W.value = !!(e.multiple && (e.showSelectAll ?? O.value > 5));
@@ -1448,53 +1448,53 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.showSearch, O.value],
       () => {
-        k.value = e.showSearch ?? O.value > 9;
+        y.value = e.showSearch ?? O.value > 9;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.values],
       () => {
-        e.values && Array.isArray(e.values) && e.values !== S.value && (S.value = e.values ?? []);
+        e.values && Array.isArray(e.values) && e.values !== w.value && (w.value = e.values ?? []);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [S.value],
+    ), D(
+      () => [w.value],
       () => {
-        pa();
+        fa();
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.validation],
       () => {
-        f.value = e.validation;
+        v.value = e.validation;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [S.value, O.value],
+    ), D(
+      () => [w.value, O.value],
       () => {
         var o, $;
-        ((o = S.value) == null ? void 0 : o.length) === 0 ? (Ve.value = !1, Ae.value = !1) : (($ = S.value) == null ? void 0 : $.length) === O.value ? (Ae.value = !1, Ve.value = !0) : S.value && (Ae.value = !0);
+        ((o = w.value) == null ? void 0 : o.length) === 0 ? (Ve.value = !1, Ae.value = !1) : (($ = w.value) == null ? void 0 : $.length) === O.value ? (Ae.value = !1, Ve.value = !0) : w.value && (Ae.value = !0);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.options],
       () => {
         var o;
@@ -1504,7 +1504,7 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.searchValue],
       () => {
         if (qe.value = e.searchValue, e.searchValue) {
@@ -1516,14 +1516,14 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [e.options, S.value],
+    ), D(
+      () => [e.options, w.value],
       () => {
         var o, $;
-        (o = e.options) != null && o.length && (w.value = ($ = e.options) == null ? void 0 : $.filter(
+        (o = e.options) != null && o.length && (k.value = ($ = e.options) == null ? void 0 : $.filter(
           (C) => {
             var Y, oe;
-            return !C.value || !((Y = S.value) != null && Y.includes) ? !1 : !C.isGroupTitle && ((oe = S.value) == null ? void 0 : oe.includes(C.value));
+            return !C.value || !((Y = w.value) != null && Y.includes) ? !1 : !C.isGroupTitle && ((oe = w.value) == null ? void 0 : oe.includes(C.value));
           }
         ));
       },
@@ -1531,9 +1531,9 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [
-        w.value,
+        k.value,
         e.selectedType,
         e.amountText,
         e.selectedLabels,
@@ -1545,13 +1545,13 @@ const et = (i) => {
           I.value = e.selectedLabels;
           return;
         }
-        if ((o = w.value) != null && o.length) {
+        if ((o = k.value) != null && o.length) {
           if (e.transformSelectedLabels) {
-            const Y = w.value, oe = e.transformSelectedLabels;
+            const Y = k.value, oe = e.transformSelectedLabels;
             I.value = oe(Y);
             return;
           }
-          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = w.value) == null ? void 0 : $.length} ${Da}` : I.value = (C = w.value) == null ? void 0 : C.map((Y) => $e(Y)).join(", ");
+          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = k.value) == null ? void 0 : $.length} ${Ea}` : I.value = (C = k.value) == null ? void 0 : C.map((Y) => $e(Y)).join(", ");
         } else
           I.value = "";
       },
@@ -1559,26 +1559,26 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [w.value],
+    ), D(
+      () => [k.value],
       () => {
         var o;
-        e.onAmountChange && e.onAmountChange(((o = w.value) == null ? void 0 : o.length) ?? 0);
+        e.onAmountChange && e.onAmountChange(((o = k.value) == null ? void 0 : o.length) ?? 0);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [Ae.value, Ne.value],
+    ), D(
+      () => [Ae.value, Fe.value],
       () => {
-        Ne.value && (Ne.value.indeterminate = !!Ae.value);
+        Fe.value && (Fe.value.indeterminate = !!Ae.value);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [ke.value, e.invalidMessage],
       () => {
         var o;
@@ -1589,70 +1589,70 @@ const et = (i) => {
         flush: "post"
       }
     );
-    function fa(o) {
+    function va(o) {
       var $, C;
-      ($ = o == null ? void 0 : o.target) != null && $.contains && ((C = o == null ? void 0 : o.target) != null && C.contains(N.value)) && Ue();
+      ($ = o == null ? void 0 : o.target) != null && $.contains && ((C = o == null ? void 0 : o.target) != null && C.contains(F.value)) && Ue();
     }
     function We() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function pa() {
+    function fa() {
       var o, $, C;
-      ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (v.value = g.value, r.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, me() && (b.value = r.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((C = ke.value) != null && C.validity.valid) && e.required ? (v.value = u.value, me() && (b.value = e.validMessage ?? he, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (v.value = p.value, f.value = e.validation ?? "no-validation") : (v.value = y.value, f.value = e.validation ?? "no-validation");
+      ke.value && (ke.value.value = ha()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (c.value = g.value, r.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, me() && (b.value = r.value, x(() => b.value = "", 1e3)), v.value = e.validation ?? "invalid") : We() && ((C = ke.value) != null && C.validity.valid) && e.required ? (c.value = u.value, me() && (b.value = e.validMessage ?? he, x(() => b.value = "", 1e3)), v.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (c.value = p.value, v.value = e.validation ?? "no-validation") : (c.value = S.value, v.value = e.validation ?? "no-validation");
     }
-    function ha(o) {
+    function pa(o) {
       var $, C;
       e.onDropdownToggle && (o.stopPropagation(), e.onDropdownToggle(o)), o.target instanceof HTMLDetailsElement && o.target.open ? (J.value = new ze().addCallback(
-        (Y) => Ba(Y)
+        (Y) => Sa(Y)
       ), ye.value = new Ie().addCallback(
-        (Y) => fa(Y)
-      ), Ue(), ($ = Te.value) == null || $.observe(N.value), o.target.dataset.test || Xe()) : (J.value && new ze().removeCallback(
+        (Y) => va(Y)
+      ), Ue(), ($ = Te.value) == null || $.observe(F.value), o.target.dataset.test || Xe()) : (J.value && new ze().removeCallback(
         J.value
       ), ye.value && new Ie().removeCallback(
         ye.value
-      ), (C = Te.value) == null || C.unobserve(N.value));
+      ), (C = Te.value) == null || C.unobserve(F.value));
     }
-    function ma() {
+    function ha() {
       var o;
-      return (o = S.value) != null && o.length ? S.value.at(0) ?? "" : "";
+      return (o = w.value) != null && o.length ? w.value.at(0) ?? "" : "";
     }
     function Oe(o) {
       var C;
       const $ = [];
-      o && $.push(o), A.value && ((C = I.value) != null && C.length) && $.push(A.value), v.value = $.join(" ");
+      o && $.push(o), A.value && ((C = I.value) != null && C.length) && $.push(A.value), c.value = $.join(" ");
     }
-    function ga() {
+    function ma() {
       return e.selectAllLabel ?? we;
     }
     function $e(o) {
       var $;
       return o.label ?? (($ = o.value) == null ? void 0 : $.toString()) ?? "";
     }
-    function ba(o) {
+    function ga(o) {
       var $, C;
-      return o && (($ = S.value) != null && $.includes) ? (C = S.value) == null ? void 0 : C.includes(o) : !1;
+      return o && (($ = w.value) != null && $.includes) ? (C = w.value) == null ? void 0 : C.includes(o) : !1;
     }
-    function ya(o) {
-      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ta} ${w.value ? $e(w.value[o]) : ""}`;
+    function ba(o) {
+      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ta} ${k.value ? $e(k.value[o]) : ""}`;
     }
-    function ka(o, $) {
+    function ya(o, $) {
       $ && $.stopPropagation(), He(o.value), Ee();
     }
     function Ue() {
-      if (N.value) {
-        const o = N.value.querySelector("article");
+      if (F.value) {
+        const o = F.value.querySelector("article");
         o && x(() => {
-          tt(
+          at(
             o,
-            N.value,
+            F.value,
             e.placement ?? "bottom"
           );
         }, 1);
       }
     }
-    function wa(o) {
+    function ka(o) {
       var $, C, Y, oe, U, ge, De;
-      if (($ = N.value) != null && $.open) {
+      if (($ = F.value) != null && $.open) {
         if (self.document) {
           const ue = self.document.activeElement;
           if (ue)
@@ -1662,17 +1662,17 @@ const et = (i) => {
                 ne != null && ne.nextElementSibling ? (Y = (C = ne == null ? void 0 : ne.nextElementSibling) == null ? void 0 : C.querySelector("input")) == null || Y.focus() : Me(ue);
               else if (ne != null && ne.previousElementSibling)
                 (U = (oe = ne == null ? void 0 : ne.previousElementSibling) == null ? void 0 : oe.querySelector("input")) == null || U.focus();
-              else if (N.value.querySelector('input[type="checkbox"]') !== ue)
+              else if (F.value.querySelector('input[type="checkbox"]') !== ue)
                 Me(ue);
               else {
-                const Ye = ea(N.value);
+                const Ye = ea(F.value);
                 if (Ye)
                   x(() => {
                     Ye.focus();
                   }, 100);
                 else {
                   const Ke = Array.from(
-                    (ge = N.value) == null ? void 0 : ge.querySelectorAll(
+                    (ge = F.value) == null ? void 0 : ge.querySelectorAll(
                       'input[type="checkbox"],input[type="radio"]'
                     )
                   );
@@ -1682,32 +1682,32 @@ const et = (i) => {
             } else
               ue.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Ce(void 0, !0), Ee()) : Me(ue);
         }
-      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ue(), N.value && (N.value.open = !0), Xe());
+      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ue(), F.value && (F.value.open = !0), Xe());
       o.stopPropagation(), o.preventDefault();
     }
-    function Sa(o) {
+    function wa(o) {
       var $;
-      o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ce(void 0, !0), Ee()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && wa(o);
+      o.stopPropagation(), o.key === "Escape" && (($ = F.value) != null && $.open) ? (Ce(void 0, !0), Ee()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ka(o);
     }
     function Ce(o, $) {
-      if (N.value) {
+      if (F.value) {
         if ($)
-          N.value.open = !1, Ee();
-        else if (N.value.open && o && o.relatedTarget) {
+          F.value.open = !1, Ee();
+        else if (F.value.open && o && o.relatedTarget) {
           const C = o.relatedTarget;
-          N.value.contains(C) || x(() => N.value.open = !1, 1);
+          F.value.contains(C) || x(() => F.value.open = !1, 1);
         }
       }
     }
-    function Ba(o) {
+    function Sa(o) {
       var $;
       if (o) {
         const C = o.target;
-        ($ = N.value) != null && $.open && !N.value.contains(C) && (N.value.open = !1);
+        ($ = F.value) != null && $.open && !F.value.contains(C) && (F.value.open = !1);
       }
     }
     function _e(o) {
-      (/* @__PURE__ */ new Date()).getTime() - Fe.value < 200 || (S.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
+      (/* @__PURE__ */ new Date()).getTime() - Ne.value < 200 || (w.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
         l,
         {
           target: {
@@ -1715,18 +1715,18 @@ const et = (i) => {
           }
         },
         "values"
-      ), Fe.value = (/* @__PURE__ */ new Date()).getTime());
+      ), Ne.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function He(o) {
       var $;
-      o && (e.multiple ? ($ = S.value) != null && $.includes(o) ? _e(S.value.filter((C) => C !== o)) : _e([...S.value || [], o]) : (_e([o]), Ce(void 0, !0)));
+      o && (e.multiple ? ($ = w.value) != null && $.includes(o) ? _e(w.value.filter((C) => C !== o)) : _e([...w.value || [], o]) : (_e([o]), Ce(void 0, !0)));
     }
-    function Ia(o) {
+    function Ba(o) {
       var $;
-      if (o.stopPropagation(), (($ = S.value) == null ? void 0 : $.length) === O.value)
+      if (o.stopPropagation(), (($ = w.value) == null ? void 0 : $.length) === O.value)
         _e([]);
       else {
-        const C = k.value && Pe.value ? Pe.value.value : void 0;
+        const C = y.value && Pe.value ? Pe.value.value : void 0;
         _e(
           e.options ? e.options.filter(
             (Y) => {
@@ -1738,9 +1738,9 @@ const et = (i) => {
       }
     }
     function Me(o) {
-      if (N.value) {
+      if (F.value) {
         const $ = Array.from(
-          N.value.querySelectorAll(
+          F.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
@@ -1753,8 +1753,8 @@ const et = (i) => {
       }
     }
     function Xe() {
-      if (N.value) {
-        const o = ea(N.value);
+      if (F.value) {
+        const o = ea(F.value);
         o ? x(() => {
           o.focus();
         }, 1) : Me();
@@ -1776,14 +1776,14 @@ const et = (i) => {
         (C) => !C.isGroupTitle && $e(C).toLowerCase().includes($.toLowerCase())
       );
     }
-    function $a(o) {
+    function Ia(o) {
       o.stopPropagation(), _e([]), Ee();
     }
     function Ee() {
       var o;
-      N.value && ((o = N.value.querySelector("summary")) == null || o.focus());
+      F.value && ((o = F.value.querySelector("summary")) == null || o.focus());
     }
-    function La(o) {
+    function $a(o) {
       o.stopPropagation();
     }
     return (o, $) => {
@@ -1791,10 +1791,10 @@ const et = (i) => {
       return m(), B("div", {
         id: t.value,
         ref_key: "_ref",
-        ref: va,
+        ref: ca,
         class: R(d(z)("db-custom-select", e.class)),
-        "aria-invalid": f.value === "invalid",
-        "data-custom-validity": f.value,
+        "aria-invalid": v.value === "invalid",
+        "data-custom-validity": v.value,
         "data-width": o.formFieldWidth,
         "data-variant": o.variant === "floating" && o.selectedType === "tag" && o.multiple ? "above" : o.variant,
         "data-required": d(j)(o.required),
@@ -1805,12 +1805,12 @@ const et = (i) => {
         "data-icon": o.icon,
         "data-hide-icon": d(X)(o.showIcon)
       }, [
-        T("label", { id: s.value }, [
-          F(_(o.label ?? d(we)), 1),
+        T("label", { id: f.value }, [
+          N(L(o.label ?? d(we)), 1),
           T("select", {
             role: "none",
             hidden: !0,
-            id: c.value,
+            id: n.value,
             tabIndex: -1,
             ref_key: "selectRef",
             ref: ke,
@@ -1819,54 +1819,54 @@ const et = (i) => {
             multiple: d(M)(o.multiple, "multiple"),
             disabled: d(M)(o.disabled, "disabled"),
             required: d(M)(o.required, "required"),
-            onChange: $[0] || ($[0] = async (U) => La(U))
+            onChange: $[0] || ($[0] = async (U) => $a(U))
           }, [
             (C = o.options) != null && C.length ? (m(!0), B(P, { key: 0 }, be(o.options, (U, ge) => (m(), B("option", {
               key: ge,
               disabled: U.disabled,
               value: U.value
-            }, _($e(U)), 9, $t))), 128)) : q("", !0)
-          ], 40, It)
-        ], 8, Bt),
+            }, L($e(U)), 9, It))), 128)) : q("", !0)
+          ], 40, Bt)
+        ], 8, St),
         T("details", {
           ref_key: "detailsRef",
-          ref: N,
+          ref: F,
           open: o.open,
-          onToggle: $[2] || ($[2] = async (U) => ha(U)),
-          onKeydown: $[3] || ($[3] = async (U) => Sa(U))
+          onToggle: $[2] || ($[2] = async (U) => pa(U)),
+          onKeydown: $[3] || ($[3] = async (U) => wa(U))
         }, [
-          D(o.$slots, "default"),
+          E(o.$slots, "default"),
           o.options ? (m(), B(P, { key: 0 }, [
             T("summary", {
               class: "db-custom-select-form-field",
-              id: L.value,
+              id: _.value,
               "aria-disabled": d(j)(o.disabled),
-              "aria-labelledby": s.value
+              "aria-labelledby": f.value
             }, [
               (Y = I.value) != null && Y.length ? (m(), B("span", {
                 key: 0,
                 "data-visually-hidden": d(j)(o.selectedType === "tag"),
                 id: A.value
-              }, _(I.value), 9, Tt)) : q("", !0),
-              o.selectedType === "tag" ? (m(), B("div", At, [
-                (m(!0), B(P, null, be(w.value, (U, ge) => (m(), Z(wt, {
+              }, L(I.value), 9, _t)) : q("", !0),
+              o.selectedType === "tag" ? (m(), B("div", Tt, [
+                (m(!0), B(P, null, be(k.value, (U, ge) => (m(), Z(kt, {
                   key: ge,
                   emphasis: "strong",
                   behavior: "removable",
-                  removeButton: ya(ge),
-                  onRemove: (De) => ka(U, De)
+                  removeButton: ba(ge),
+                  onRemove: (De) => ya(U, De)
                 }, {
                   default: G(() => [
-                    F(_($e(U)), 1)
+                    N(L($e(U)), 1)
                   ]),
                   _: 2
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : q("", !0)
-            ], 8, _t),
-            ae(lt, { width: o.dropdownWidth }, {
+            ], 8, Lt),
+            ae(it, { width: o.dropdownWidth }, {
               default: G(() => [
-                k.value ? (m(), B("div", Ct, [
-                  ae(bt, {
+                y.value ? (m(), B("div", At, [
+                  ae(gt, {
                     type: "search",
                     ref_key: "searchInputRef",
                     ref: Pe,
@@ -1887,32 +1887,32 @@ const et = (i) => {
                   semantic: le.value ? "warning" : "informational"
                 }, {
                   default: G(() => [
-                    F(_((le.value ? o.noResultsText : o.loadingText) ?? d(Ca)), 1)
+                    N(L((le.value ? o.noResultsText : o.loadingText) ?? d(Aa)), 1)
                   ]),
                   _: 1
                 }, 8, ["id", "icon", "semantic"])) : (m(), B(P, { key: 2 }, [
-                  W.value ? (m(), B("div", Et, [
-                    T("div", Dt, [
+                  W.value ? (m(), B("div", Ct, [
+                    T("div", Et, [
                       T("label", null, [
                         T("input", {
                           type: "checkbox",
                           value: "select-all",
                           ref_key: "selectAllRef",
-                          ref: Ne,
+                          ref: Fe,
                           form: t.value,
                           checked: Ve.value,
-                          onChange: $[1] || ($[1] = async (U) => Ia(U))
-                        }, null, 40, Ft),
-                        F(_(ga()), 1)
+                          onChange: $[1] || ($[1] = async (U) => Ba(U))
+                        }, null, 40, Dt),
+                        N(L(ma()), 1)
                       ])
                     ])
                   ])) : q("", !0),
-                  ae(ct, {
+                  ae(rt, {
                     multiple: d(M)(o.multiple, "multiple"),
                     label: o.ariaListLabel ?? o.label ?? d(we)
                   }, {
                     default: G(() => [
-                      (m(!0), B(P, null, be(H.value, (U, ge) => (m(), Z(ut, {
+                      (m(!0), B(P, null, be(H.value, (U, ge) => (m(), Z(st, {
                         key: ge,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: U.showDivider,
@@ -1920,14 +1920,14 @@ const et = (i) => {
                         isGroupTitle: U.isGroupTitle,
                         groupTitle: $e(U),
                         name: t.value,
-                        checked: ba(U.value),
+                        checked: ga(U.value),
                         disabled: U.disabled,
                         value: U.value,
                         onChange: (De) => He(U.value)
                       }, {
                         default: G(() => [
                           U.isGroupTitle ? q("", !0) : (m(), B(P, { key: 0 }, [
-                            F(_($e(U)), 1)
+                            N(L($e(U)), 1)
                           ], 64))
                         ]),
                         _: 2
@@ -1947,7 +1947,7 @@ const et = (i) => {
                     onClick: (U) => Ce(void 0, !0)
                   }, {
                     default: G(() => [
-                      F(_(o.mobileCloseButtonText ?? d(Ge)), 1)
+                      N(L(o.mobileCloseButtonText ?? d(Ge)), 1)
                     ]),
                     _: 1
                   }, 8, ["name", "form", "onClick"])
@@ -1956,8 +1956,8 @@ const et = (i) => {
               _: 1
             }, 8, ["width"])
           ], 64)) : q("", !0)
-        ], 40, Lt),
-        (o.showClearSelection ?? !0) && ((oe = S.value) != null && oe.length) ? (m(), Z(Be, {
+        ], 40, $t),
+        (o.showClearSelection ?? !0) && ((oe = w.value) != null && oe.length) ? (m(), Z(Be, {
           key: 0,
           icon: "cross",
           variant: "ghost",
@@ -1965,13 +1965,13 @@ const et = (i) => {
           noText: !0,
           name: t.value,
           form: t.value,
-          onClick: (U) => $a(U)
+          onClick: (U) => Ia(U)
         }, {
           default: G(() => [
-            F(_(o.clearSelectionText), 1),
+            N(L(o.clearSelectionText), 1),
             ae(ra, { placement: "top" }, {
               default: G(() => [
-                F(_(o.clearSelectionText), 1)
+                N(L(o.clearSelectionText), 1)
               ]),
               _: 1
             })
@@ -1980,8 +1980,8 @@ const et = (i) => {
         }, 8, ["name", "form", "onClick"])) : q("", !0),
         T("span", {
           "aria-hidden": d(j)(!0),
-          id: y.value
-        }, _(o.placeholder ?? o.label), 9, Nt),
+          id: S.value
+        }, L(o.placeholder ?? o.label), 9, Nt),
         d(ee)(o.message, o.showMessage) ? (m(), Z(te, {
           key: 1,
           size: "small",
@@ -1989,7 +1989,7 @@ const et = (i) => {
           id: p.value
         }, {
           default: G(() => [
-            F(_(o.message), 1)
+            N(L(o.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : q("", !0),
@@ -2000,7 +2000,7 @@ const et = (i) => {
           id: u.value
         }, {
           default: G(() => [
-            F(_(o.validMessage || d(he)), 1)
+            N(L(o.validMessage || d(he)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : q("", !0),
@@ -2010,15 +2010,15 @@ const et = (i) => {
           id: g.value
         }, {
           default: G(() => [
-            F(_(r.value), 1)
+            N(L(r.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        T("span", Mt, _(b.value), 1)
-      ], 10, St);
+        T("span", Ft, L(b.value), 1)
+      ], 10, wt);
     };
   }
-}), Rt = ["id"], ul = /* @__PURE__ */ V({
+}), Mt = ["id"], ul = /* @__PURE__ */ V({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -2029,17 +2029,17 @@ const et = (i) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("summary", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
       class: R(d(z)("db-custom-select-form-field", a.class))
     }, [
-      D(e.$slots, "default")
-    ], 10, Rt));
+      E(e.$slots, "default")
+    ], 10, Mt));
   }
-}), zt = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], rl = /* @__PURE__ */ V({
+}), Rt = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], rl = /* @__PURE__ */ V({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -2054,7 +2054,7 @@ const et = (i) => {
     width: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("div", {
       ref_key: "_ref",
       ref: l,
@@ -2064,9 +2064,9 @@ const et = (i) => {
       "data-emphasis": e.emphasis,
       "data-width": e.width,
       class: R(d(z)("db-divider", a.class))
-    }, null, 10, zt));
+    }, null, 10, Rt));
   }
-}), qt = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Vt = ["data-spacing", "data-width", "data-direction", "data-rounded"], Pt = { class: "db-drawer-header" }, Ut = { class: "db-drawer-header-text" }, Gt = { class: "db-drawer-content" }, Wt = /* @__PURE__ */ V({
+}), zt = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], qt = ["data-spacing", "data-width", "data-direction", "data-rounded"], Vt = { class: "db-drawer-header" }, Pt = { class: "db-drawer-header-text" }, Ut = { class: "db-drawer-content" }, Gt = /* @__PURE__ */ V({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -2090,10 +2090,10 @@ const et = (i) => {
     spacing: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(!1), e = n(null), t = n(null);
+    const a = i, l = s(!1), e = s(null), t = s(null);
     K(() => {
       u(), l.value = !0;
-    }), E(
+    }), D(
       () => [a.open],
       () => {
         u();
@@ -2102,7 +2102,7 @@ const et = (i) => {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.value, l.value, a.position],
       () => {
         if (e.value && l.value && a.position === "absolute") {
@@ -2116,8 +2116,8 @@ const et = (i) => {
       }
     );
     function p(g, r) {
-      var c;
-      g && (Pa(g) ? g.key === "Escape" && (g.preventDefault(), a.onClose && a.onClose(g)) : (r && (g.stopPropagation(), a.onClose && a.onClose(g)), ((c = g.target) == null ? void 0 : c.nodeName) === "DIALOG" && g.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(g)));
+      var n;
+      g && (Va(g) ? g.key === "Escape" && (g.preventDefault(), a.onClose && a.onClose(g)) : (r && (g.stopPropagation(), a.onClose && a.onClose(g)), ((n = g.target) == null ? void 0 : n.nodeName) === "DIALOG" && g.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(g)));
     }
     function u() {
       if (e.value) {
@@ -2133,8 +2133,8 @@ const et = (i) => {
       id: g.id,
       ref_key: "_ref",
       ref: e,
-      onClick: r[0] || (r[0] = async (c) => p(c)),
-      onKeydown: r[1] || (r[1] = async (c) => p(c)),
+      onClick: r[0] || (r[0] = async (n) => p(n)),
+      onKeydown: r[1] || (r[1] = async (n) => p(n)),
       "data-position": g.position,
       "data-backdrop": g.backdrop,
       "data-direction": g.direction,
@@ -2149,9 +2149,9 @@ const et = (i) => {
         "data-direction": g.direction,
         "data-rounded": d(j)(g.rounded)
       }, [
-        T("header", Pt, [
-          T("div", Ut, [
-            D(g.$slots, "drawer-header")
+        T("header", Vt, [
+          T("div", Pt, [
+            E(g.$slots, "drawer-header")
           ]),
           ae(Be, {
             class: "button-close-drawer",
@@ -2159,21 +2159,21 @@ const et = (i) => {
             variant: "ghost",
             id: g.closeButtonId,
             noText: !0,
-            onClick: (c) => p(c, !0)
+            onClick: (n) => p(n, !0)
           }, {
             default: G(() => [
-              F(_(g.closeButtonText ?? d(Ge)), 1)
+              N(L(g.closeButtonText ?? d(Ge)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        T("div", Gt, [
-          D(g.$slots, "default")
+        T("div", Ut, [
+          E(g.$slots, "default")
         ])
-      ], 10, Vt)
-    ], 40, qt));
+      ], 10, qt)
+    ], 40, zt));
   }
-}), ca = (i) => {
+}), Wt = (i) => {
   var l, e;
   const {
     target: a
@@ -2201,7 +2201,7 @@ class Ot {
     var t;
     if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
       return;
-    const a = at(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((t = this.parentSubNavigation) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
+    const a = et(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((t = this.parentSubNavigation) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
     this.triangleData = {
       itemRect: l,
       parentElementWidth: e,
@@ -2277,10 +2277,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(!1), t = n(!1), p = n(null);
+    const a = i, l = s(Le), e = s(!1), t = s(!1), p = s(null);
     K(() => {
       e.value = !0, l.value = a.id || "header-" + Q();
-    }), E(
+    }), D(
       () => [e.value],
       () => {
         if (e.value && document && l.value && a.forceMobile) {
@@ -2299,13 +2299,13 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       }
     );
     function u(r) {
-      const c = !M(a.drawerOpen, "drawerOpen");
-      a.onToggle && a.onToggle(c);
+      const n = !M(a.drawerOpen, "drawerOpen");
+      a.onToggle && a.onToggle(n);
     }
     function g(r) {
-      ca(r) && u();
+      Wt(r) && u();
     }
-    return (r, c) => (m(), B("header", {
+    return (r, n) => (m(), B("header", {
       ref_key: "_ref",
       ref: p,
       class: R(d(z)("db-header", a.class)),
@@ -2313,44 +2313,44 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-width": r.width,
       "data-on-forcing-mobile": r.forceMobile && !t.value
     }, [
-      ae(Wt, {
+      ae(Gt, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
         open: d(M)(r.drawerOpen),
-        onClose: (s) => u()
+        onClose: (f) => u()
       }, {
         default: G(() => [
           T("div", Xt, [
             T("div", {
               class: "db-header-navigation",
-              onClick: c[0] || (c[0] = async (s) => g(s))
+              onClick: n[0] || (n[0] = async (f) => g(f))
             }, [
-              D(r.$slots, "default")
+              E(r.$slots, "default")
             ]),
             T("div", jt, [
-              D(r.$slots, "meta-navigation")
+              E(r.$slots, "meta-navigation")
             ])
           ]),
           T("div", Yt, [
-            D(r.$slots, "secondary-action")
+            E(r.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
       T("div", Kt, [
-        D(r.$slots, "meta-navigation")
+        E(r.$slots, "meta-navigation")
       ]),
       T("div", Jt, [
         T("div", Qt, [
-          D(r.$slots, "brand")
+          E(r.$slots, "brand")
         ]),
         T("div", Zt, [
           T("div", xt, [
-            D(r.$slots, "default")
+            E(r.$slots, "default")
           ]),
           T("div", ei, [
-            D(r.$slots, "primary-action")
+            E(r.$slots, "primary-action")
           ])
         ]),
         T("div", ai, [
@@ -2360,16 +2360,16 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
               variant: "ghost",
               id: l.value + "-burger-menu",
               noText: !0,
-              onClick: (s) => u()
+              onClick: (f) => u()
             }, {
               default: G(() => [
-                F(_(r.burgerMenuLabel ?? d(Fa)), 1)
+                N(L(r.burgerMenuLabel ?? d(Da)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ]),
           T("div", ii, [
-            D(r.$slots, "secondary-action")
+            E(r.$slots, "secondary-action")
           ])
         ])
       ])
@@ -2390,7 +2390,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
@@ -2402,8 +2402,8 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-icon-variant": e.variant
     }, [
       e.text ? (m(), B(P, { key: 0 }, [
-        F(_(e.text), 1)
-      ], 64)) : D(e.$slots, "default", { key: 1 })
+        N(L(e.text), 1)
+      ], 64)) : E(e.$slots, "default", { key: 1 })
     ], 10, li));
   }
 }), oi = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], fl = /* @__PURE__ */ V({
@@ -2433,7 +2433,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     function e(t) {
       a.onClick && a.onClick(t);
     }
@@ -2459,8 +2459,8 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       onClick: p[0] || (p[0] = async (u) => e(u))
     }, [
       t.text ? (m(), B(P, { key: 0 }, [
-        F(_(t.text), 1)
-      ], 64)) : D(t.$slots, "default", { key: 1 })
+        N(L(t.text), 1)
+      ], 64)) : E(t.$slots, "default", { key: 1 })
     ], 10, oi));
   }
 }), di = ["id", "aria-labelledby"], pl = /* @__PURE__ */ V({
@@ -2475,7 +2475,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     labelledBy: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(null);
+    const a = i, l = s(Le), e = s(null);
     return K(() => {
       l.value = a.id || "navigation-" + Q();
     }), (t, p) => (m(), B("nav", {
@@ -2486,11 +2486,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       class: R(d(z)("db-navigation", a.class))
     }, [
       T("menu", null, [
-        D(t.$slots, "default")
+        E(t.$slots, "default")
       ])
     ], 10, di));
   }
-}), ni = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], si = ["aria-haspopup", "aria-expanded", "disabled"], ui = ["data-auto-close", "id"], ri = {
+}), ni = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], si = ["aria-haspopup", "aria-expanded", "disabled"], ui = ["data-force-close", "id"], ri = {
   key: 0,
   class: "db-mobile-navigation-back"
 }, hl = /* @__PURE__ */ V({
@@ -2516,12 +2516,12 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(!1), e = n(!1), t = n(!0), p = n(!1), u = n(!1), g = n(
+    const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), u = s(!1), g = s(
       "sub-navigation-" + Q()
-    ), r = n(void 0), c = n(null);
+    ), r = s(void 0), n = s(null);
     K(() => {
       l.value = !0;
-    }), E(
+    }), D(
       () => [a.subNavigationExpanded],
       () => {
         a.subNavigationExpanded !== void 0 && (p.value = !!M(
@@ -2533,15 +2533,15 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [l.value, c.value],
+    ), D(
+      () => [l.value, n.value],
       () => {
         var h;
-        if (l.value && c.value) {
-          const f = c.value.querySelector("menu");
-          f && (((h = f.children) == null ? void 0 : h.length) > 0 ? (e.value = !0, r.value || (r.value = new Ot(
-            c.value,
-            f
+        if (l.value && n.value) {
+          const v = n.value.querySelector("menu");
+          v && (((h = v.children) == null ? void 0 : h.length) > 0 ? (e.value = !0, r.value || (r.value = new Ot(
+            n.value,
+            v
           ))) : t.value = !1);
         }
       },
@@ -2550,32 +2550,33 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function s(h) {
-      ca(h) && (u.value = !0, x(() => {
+    function f(h) {
+      var v;
+      ((v = h == null ? void 0 : h.target) == null ? void 0 : v.nodeName) === "A" && (u.value = !0, x(() => {
         u.value = !1;
-      }, 300));
+      }, 1e3));
     }
-    function L(h) {
+    function _(h) {
       a.onClick && (h.stopPropagation(), a.onClick(h)), e.value && (p.value = !0);
     }
-    function y(h) {
+    function S(h) {
       h.stopPropagation(), p.value = !1;
     }
-    return (h, f) => (m(), B("li", {
+    return (h, v) => (m(), B("li", {
       ref_key: "_ref",
-      ref: c,
+      ref: n,
       id: h.id,
-      onMouseover: f[2] || (f[2] = async (v) => {
+      onMouseover: v[2] || (v[2] = async (c) => {
         var I;
         return (I = r.value) == null ? void 0 : I.enableFollow();
       }),
-      onMouseleave: f[3] || (f[3] = async (v) => {
+      onMouseleave: v[3] || (v[3] = async (c) => {
         var I;
         return (I = r.value) == null ? void 0 : I.disableFollow();
       }),
-      onMousemove: f[4] || (f[4] = async (v) => {
+      onMousemove: v[4] || (v[4] = async (c) => {
         var I;
-        return (I = r.value) == null ? void 0 : I.followByMouseEvent(v);
+        return (I = r.value) == null ? void 0 : I.followByMouseEvent(c);
       }),
       class: R(d(z)("db-navigation-item", a.class)),
       "data-width": h.width,
@@ -2587,8 +2588,8 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     }, [
       t.value ? q("", !0) : (m(), B(P, { key: 0 }, [
         h.text ? (m(), B(P, { key: 0 }, [
-          F(_(h.text), 1)
-        ], 64)) : D(h.$slots, "default", { key: 1 })
+          N(L(h.text), 1)
+        ], 64)) : E(h.$slots, "default", { key: 1 })
       ], 64)),
       t.value ? (m(), B(P, { key: 1 }, [
         T("button", {
@@ -2596,32 +2597,32 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           "aria-haspopup": e.value,
           "aria-expanded": p.value,
           disabled: d(M)(h.disabled, "disabled"),
-          onClick: f[0] || (f[0] = async (v) => L(v))
+          onClick: v[0] || (v[0] = async (c) => _(c))
         }, [
           h.text ? (m(), B(P, { key: 0 }, [
-            F(_(h.text), 1)
-          ], 64)) : D(h.$slots, "default", { key: 1 })
+            N(L(h.text), 1)
+          ], 64)) : E(h.$slots, "default", { key: 1 })
         ], 8, si),
         T("menu", {
           class: "db-sub-navigation",
-          "data-auto-close": u.value,
+          "data-force-close": u.value,
           id: g.value,
-          onClick: f[1] || (f[1] = async (v) => s(v))
+          onClick: v[1] || (v[1] = async (c) => f(c))
         }, [
           e.value ? (m(), B("div", ri, [
             ae(Be, {
               icon: "arrow_left",
               variant: "ghost",
               id: h.backButtonId,
-              onClick: (v) => y(v)
+              onClick: (c) => S(c)
             }, {
               default: G(() => [
-                F(_(h.backButtonText ?? d(Ea)), 1)
+                N(L(h.backButtonText ?? d(Ca)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : q("", !0),
-          D(h.$slots, "sub-navigation")
+          E(h.$slots, "sub-navigation")
         ], 8, ui)
       ], 64)) : q("", !0)
     ], 42, ni));
@@ -2658,7 +2659,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     function e(t) {
       t && (t.stopPropagation(), a.onClose && a.onClose(t));
     }
@@ -2674,15 +2675,15 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-hide-icon": d(X)(t.showIcon),
       "data-link-variant": t.linkVariant
     }, [
-      D(t.$slots, "image"),
-      d(ee)(t.headline, t.showHeadline) ? (m(), B("header", vi, _(t.headline), 1)) : q("", !0),
+      E(t.$slots, "image"),
+      d(ee)(t.headline, t.showHeadline) ? (m(), B("header", vi, L(t.headline), 1)) : q("", !0),
       T("p", null, [
         t.text ? (m(), B(P, { key: 0 }, [
-          F(_(t.text), 1)
-        ], 64)) : D(t.$slots, "default", { key: 1 })
+          N(L(t.text), 1)
+        ], 64)) : E(t.$slots, "default", { key: 1 })
       ]),
-      d(ee)(t.timestamp, t.showTimestamp) ? (m(), B("span", fi, _(t.timestamp), 1)) : q("", !0),
-      D(t.$slots, "link"),
+      d(ee)(t.timestamp, t.showTimestamp) ? (m(), B("span", fi, L(t.timestamp), 1)) : q("", !0),
+      E(t.$slots, "link"),
       d(M)(t.closeable, "closeable") ? (m(), Z(Be, {
         key: 2,
         icon: "cross",
@@ -2693,7 +2694,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         onClick: (u) => e(u)
       }, {
         default: G(() => [
-          F(_(t.closeButtonText ?? d(Ge)), 1)
+          N(L(t.closeButtonText ?? d(Ge)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : q("", !0)
@@ -2716,12 +2717,12 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(i) {
-    const a = i, l = n(!1), e = n(null);
+    const a = i, l = s(!1), e = s(null);
     return typeof window < "u" && document && (a.documentOverflow === "hidden" || a.variant === "fixed" && a.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), K(() => {
       l.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
-    }), Aa(() => {
+    }), Ta(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
     }), (t, p) => (m(), B("div", {
       ref_key: "_ref",
@@ -2732,13 +2733,13 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-fade-in": d(j)(t.fadeIn),
       "data-fonts-loaded": d(j)(l.value)
     }, [
-      D(t.$slots, "header"),
+      E(t.$slots, "header"),
       T("main", {
         class: R(d(z)("db-main", t.mainClass))
       }, [
-        D(t.$slots, "default")
+        E(t.$slots, "default")
       ], 2),
-      D(t.$slots, "footer")
+      E(t.$slots, "footer")
     ], 10, pi));
   }
 }), hi = ["id"], mi = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], bl = /* @__PURE__ */ V({
@@ -2760,25 +2761,25 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(!1), e = n(!1), t = n(void 0), p = n(void 0), u = n(null);
+    const a = i, l = s(!1), e = s(!1), t = s(void 0), p = s(void 0), u = s(null);
     K(() => {
       l.value = !0;
-    }), E(
+    }), D(
       () => [u.value, l.value],
       () => {
         if (u.value && l.value) {
           l.value = !1;
-          const h = y();
+          const h = S();
           h && (h.ariaHasPopup = "true"), r(), u.value.addEventListener(
             "keydown",
-            (f) => g(f)
-          ), ["mouseenter", "focusin"].forEach((f) => {
-            u.value.addEventListener(f, () => s());
-          }), ["mouseleave", "focusout"].forEach((f) => {
-            u.value.addEventListener(f, () => L());
-          }), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((f) => {
-            const v = f.find(({ target: I }) => I === y());
-            v && !v.isIntersecting && g(!1);
+            (v) => g(v)
+          ), ["mouseenter", "focusin"].forEach((v) => {
+            u.value.addEventListener(v, () => f());
+          }), ["mouseleave", "focusout"].forEach((v) => {
+            u.value.addEventListener(v, () => _());
+          }), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((v) => {
+            const c = v.find(({ target: I }) => I === S());
+            c && !c.isIntersecting && g(!1);
           }));
         }
       },
@@ -2786,11 +2787,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [u.value, e.value],
       () => {
         if (u.value) {
-          const h = y();
+          const h = S();
           h && (h.ariaExpanded = (!!e.value).toString());
         }
       },
@@ -2801,8 +2802,8 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     );
     function g(h) {
       if (!h || h.key === "Escape")
-        for (const f of Array.from(u.value.children))
-          f.blur();
+        for (const v of Array.from(u.value.children))
+          v.blur();
     }
     function r() {
       if (!u.value) return;
@@ -2815,46 +2816,46 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         );
       }, 1);
     }
-    function c(h) {
-      var f, v;
-      (f = h == null ? void 0 : h.target) != null && f.contains && ((v = h == null ? void 0 : h.target) != null && v.contains(u.value)) && r();
+    function n(h) {
+      var v, c;
+      (v = h == null ? void 0 : h.target) != null && v.contains && ((c = h == null ? void 0 : h.target) != null && c.contains(u.value)) && r();
     }
-    function s() {
-      var f;
+    function f() {
+      var v;
       e.value = !0, t.value = new Ie().addCallback(
-        (v) => c(v)
+        (c) => n(c)
       ), r();
-      const h = y();
-      h && ((f = p.value) == null || f.observe(h));
+      const h = S();
+      h && ((v = p.value) == null || v.observe(h));
     }
-    function L(h) {
-      var f;
+    function _(h) {
+      var v;
       {
         e.value = !1, t.value && new Ie().removeCallback(
           t.value
         );
-        const v = y();
-        v && ((f = p.value) == null || f.unobserve(v));
+        const c = S();
+        c && ((v = p.value) == null || v.unobserve(c));
       }
     }
-    function y() {
+    function S() {
       var h;
       if (u.value) {
-        const f = Array.from(u.value.children);
-        if (f.length >= 2) {
-          const v = f[0];
-          return v.tagName.includes("-") ? ((h = v.children) == null ? void 0 : h.length) > 0 ? v.children[0] : null : v;
+        const v = Array.from(u.value.children);
+        if (v.length >= 2) {
+          const c = v[0];
+          return c.tagName.includes("-") ? ((h = c.children) == null ? void 0 : h.length) > 0 ? c.children[0] : null : c;
         }
       }
       return null;
     }
-    return (h, f) => (m(), B("div", {
+    return (h, v) => (m(), B("div", {
       ref_key: "_ref",
       ref: u,
       id: h.id,
       class: R(d(z)("db-popover", a.class))
     }, [
-      D(h.$slots, "trigger"),
+      E(h.$slots, "trigger"),
       T("article", {
         class: "db-popover-content",
         "data-spacing": h.spacing,
@@ -2865,11 +2866,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         "data-width": h.width,
         "data-placement": h.placement
       }, [
-        D(h.$slots, "default")
+        E(h.$slots, "default")
       ], 8, mi)
     ], 10, hi));
   }
-}), gi = ["data-size", "data-hide-label", "for"], bi = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required", "data-hide-asterisk"], yl = /* @__PURE__ */ V({
+}), gi = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], bi = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], yl = /* @__PURE__ */ V({
   __name: "radio",
   props: {
     children: { default: void 0 },
@@ -2899,10 +2900,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(!1), p = n(void 0), u = n(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), u = s(null);
     K(() => {
       t.value = !0, p.value = e.id ?? `radio-${Q()}`;
-    }), E(
+    }), D(
       () => [t.value, u.value, e.checked],
       () => {
         e.checked && t.value && u.value && (u.value.checked = !0);
@@ -2912,42 +2913,42 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function g(s) {
-      e.onChange && e.onChange(s), se(l, s);
+    function g(f) {
+      e.onChange && e.onChange(f), se(l, f);
     }
-    function r(s) {
-      e.onBlur && e.onBlur(s);
+    function r(f) {
+      e.onBlur && e.onBlur(f);
     }
-    function c(s) {
-      e.onFocus && e.onFocus(s);
+    function n(f) {
+      e.onFocus && e.onFocus(f);
     }
-    return (s, L) => (m(), B("label", {
-      "data-size": s.size,
-      "data-hide-label": d(X)(s.showLabel),
+    return (f, _) => (m(), B("label", {
+      "data-size": f.size,
+      "data-hide-label": d(X)(f.showLabel),
+      "data-hide-asterisk": d(X)(f.showRequiredAsterisk),
       class: R(d(z)("db-radio", e.class)),
       for: p.value
     }, [
       T("input", {
         type: "radio",
-        "aria-invalid": s.validation === "invalid",
-        "data-custom-validity": s.validation,
+        "aria-invalid": f.validation === "invalid",
+        "data-custom-validity": f.validation,
         ref_key: "_ref",
         ref: u,
         id: p.value,
-        name: s.name,
-        checked: d(M)(s.checked, "checked"),
-        disabled: d(M)(s.disabled, "disabled"),
-        "aria-describedby": s.describedbyid ?? s.ariaDescribedBy,
-        value: s.value,
-        required: d(M)(s.required, "required"),
-        "data-hide-asterisk": d(X)(s.showRequiredAsterisk),
-        onChange: L[0] || (L[0] = async (y) => g(y)),
-        onBlur: L[1] || (L[1] = async (y) => r(y)),
-        onFocus: L[2] || (L[2] = async (y) => c(y))
+        name: f.name,
+        checked: d(M)(f.checked, "checked"),
+        disabled: d(M)(f.disabled, "disabled"),
+        "aria-describedby": f.describedbyid ?? f.ariaDescribedBy,
+        value: f.value,
+        required: d(M)(f.required, "required"),
+        onChange: _[0] || (_[0] = async (S) => g(S)),
+        onBlur: _[1] || (_[1] = async (S) => r(S)),
+        onFocus: _[2] || (_[2] = async (S) => n(S))
       }, null, 40, bi),
-      s.label ? (m(), B(P, { key: 0 }, [
-        F(_(s.label), 1)
-      ], 64)) : D(s.$slots, "default", { key: 1 })
+      f.label ? (m(), B(P, { key: 0 }, [
+        N(L(f.label), 1)
+      ], 64)) : E(f.$slots, "default", { key: 1 })
     ], 10, gi));
   }
 }), yi = ["id", "data-spacing", "data-width"], kl = /* @__PURE__ */ V({
@@ -2963,7 +2964,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(null);
+    const a = i, l = s(Le), e = s(null);
     return K(() => {
       l.value = a.id || "section-" + Q();
     }), (t, p) => (m(), B("section", {
@@ -2974,10 +2975,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-spacing": t.spacing || "medium",
       "data-width": t.width
     }, [
-      D(t.$slots, "default")
+      E(t.$slots, "default")
     ], 10, yi));
   }
-}), ki = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], wi = ["for"], Si = ["aria-invalid", "data-custom-validity", "required", "data-hide-asterisk", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Bi = ["label"], Ii = ["value", "selected", "disabled"], $i = ["value", "disabled", "selected"], Li = ["id"], _i = {
+}), ki = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-hide-icon"], wi = ["for"], Si = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Bi = ["label"], Ii = ["value", "selected", "disabled"], $i = ["value", "disabled", "selected"], Li = ["id"], _i = {
   "data-visually-hidden": "true",
   role: "status"
 }, wl = /* @__PURE__ */ V({
@@ -3024,102 +3025,102 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(void 0), p = n(void 0), u = n(void 0), g = n(void 0), r = n(void 0), c = n(""), s = n(""), L = n(""), y = n(!1), h = n(""), f = n(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(""), f = s(""), _ = s(""), S = s(!1), h = s(""), v = s(null);
     K(() => {
-      y.value = !0;
-      const S = e.id ?? `select-${Q()}`;
-      t.value = S, p.value = S + ve, u.value = S + fe, g.value = S + pe, c.value = S + Re, r.value = e.invalidMessage || ie;
-    }), E(
-      () => [f.value, e.invalidMessage],
+      S.value = !0;
+      const w = e.id ?? `select-${Q()}`;
+      t.value = w, p.value = w + ve, u.value = w + fe, g.value = w + pe, n.value = w + Re, r.value = e.invalidMessage || ie;
+    }), D(
+      () => [v.value, e.invalidMessage],
       () => {
-        var S;
-        r.value = e.invalidMessage || ((S = f.value) == null ? void 0 : S.validationMessage) || ie;
+        var w;
+        r.value = e.invalidMessage || ((w = v.value) == null ? void 0 : w.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
-      () => [t.value, y.value],
+    ), D(
+      () => [t.value, S.value],
       () => {
-        if (t.value && y.value) {
-          const S = t.value + ve, H = t.value + Re;
-          p.value = S, u.value = t.value + fe, g.value = t.value + pe, c.value = H, ee(e.message, e.showMessage) ? s.value = S : s.value = H, y.value = !1;
+        if (t.value && S.value) {
+          const w = t.value + ve, H = t.value + Re;
+          p.value = w, u.value = t.value + fe, g.value = t.value + pe, n.value = H, ee(e.message, e.showMessage) ? f.value = w : f.value = H, S.value = !1;
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.value],
       () => {
-        L.value = e.value;
+        _.value = e.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function v() {
+    function c() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function I() {
-      var S, H, le;
-      !((S = f.value) != null && S.validity.valid) || e.validation === "invalid" ? (s.value = g.value, r.value = e.invalidMessage || ((H = f.value) == null ? void 0 : H.validationMessage) || ie, me() && (h.value = r.value, x(() => h.value = "", 1e3))) : v() && ((le = f.value) != null && le.validity.valid) && e.required ? (s.value = u.value, me() && (h.value = e.validMessage ?? he, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? s.value = p.value : s.value = c.value;
+      var w, H, le;
+      !((w = v.value) != null && w.validity.valid) || e.validation === "invalid" ? (f.value = g.value, r.value = e.invalidMessage || ((H = v.value) == null ? void 0 : H.validationMessage) || ie, me() && (h.value = r.value, x(() => h.value = "", 1e3))) : c() && ((le = v.value) != null && le.validity.valid) && e.required ? (f.value = u.value, me() && (h.value = e.validMessage ?? he, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? f.value = p.value : f.value = n.value;
     }
-    function A(S) {
-      e.onClick && e.onClick(S);
+    function A(w) {
+      e.onClick && e.onClick(w);
     }
-    function b(S) {
-      e.input && e.input(S), L.value = S.target.value, e.onInput && e.onInput(S), se(l, S), I();
+    function b(w) {
+      e.input && e.input(w), _.value = w.target.value, e.onInput && e.onInput(w), se(l, w), I();
     }
-    function w(S) {
-      e.onChange && e.onChange(S), se(l, S), I();
+    function k(w) {
+      e.onChange && e.onChange(w), se(l, w), I();
     }
-    function W(S) {
-      e.onBlur && e.onBlur(S);
+    function W(w) {
+      e.onBlur && e.onBlur(w);
     }
-    function k(S) {
-      e.onFocus && e.onFocus(S);
+    function y(w) {
+      e.onFocus && e.onFocus(w);
     }
-    function O(S) {
+    function O(w) {
       var H;
-      return S.label ?? ((H = S.value) == null ? void 0 : H.toString());
+      return w.label ?? ((H = w.value) == null ? void 0 : H.toString());
     }
-    return (S, H) => {
+    return (w, H) => {
       var le;
       return m(), B("div", {
         class: R(d(z)("db-select", e.class)),
-        "data-variant": S.variant,
-        "data-hide-label": d(X)(S.showLabel),
-        "data-icon": S.icon,
-        "data-hide-icon": d(X)(S.showIcon)
+        "data-variant": w.variant,
+        "data-hide-label": d(X)(w.showLabel),
+        "data-hide-asterisk": d(X)(w.showRequiredAsterisk),
+        "data-icon": w.icon,
+        "data-hide-icon": d(X)(w.showIcon)
       }, [
-        T("label", { for: t.value }, _(S.label ?? d(we)), 9, wi),
+        T("label", { for: t.value }, L(w.label ?? d(we)), 9, wi),
         T("select", {
-          "aria-invalid": S.validation === "invalid",
-          "data-custom-validity": S.validation,
+          "aria-invalid": w.validation === "invalid",
+          "data-custom-validity": w.validation,
           ref_key: "_ref",
-          ref: f,
-          required: d(M)(S.required, "required"),
-          "data-hide-asterisk": d(X)(S.showRequiredAsterisk),
-          disabled: d(M)(S.disabled, "disabled"),
+          ref: v,
+          required: d(M)(w.required, "required"),
+          disabled: d(M)(w.disabled, "disabled"),
           id: t.value,
-          name: S.name,
-          size: S.size,
-          value: S.value ?? L.value,
-          autocomplete: S.autocomplete,
-          multiple: S.multiple,
+          name: w.name,
+          size: w.size,
+          value: w.value ?? _.value,
+          autocomplete: w.autocomplete,
+          multiple: w.multiple,
           onInput: H[0] || (H[0] = async (J) => b(J)),
           onClick: H[1] || (H[1] = async (J) => A(J)),
-          onChange: H[2] || (H[2] = async (J) => w(J)),
+          onChange: H[2] || (H[2] = async (J) => k(J)),
           onBlur: H[3] || (H[3] = async (J) => W(J)),
-          onFocus: H[4] || (H[4] = async (J) => k(J)),
-          "aria-describedby": S.ariaDescribedBy ?? s.value
+          onFocus: H[4] || (H[4] = async (J) => y(J)),
+          "aria-describedby": w.ariaDescribedBy ?? f.value
         }, [
           H[5] || (H[5] = T("option", { hidden: !0 }, null, -1)),
-          (le = S.options) != null && le.length ? (m(!0), B(P, { key: 0 }, be(S.options, (J, Fe) => (m(), B(P, { key: Fe }, [
+          (le = w.options) != null && le.length ? (m(!0), B(P, { key: 0 }, be(w.options, (J, Ne) => (m(), B(P, { key: Ne }, [
             J.options ? (m(), B("optgroup", {
               key: 0,
               label: O(J)
@@ -3129,35 +3130,35 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
                 value: ye.value,
                 selected: ye.selected,
                 disabled: ye.disabled
-              }, _(O(ye)), 9, Ii))), 128))
+              }, L(O(ye)), 9, Ii))), 128))
             ], 8, Bi)) : (m(), B("option", {
               key: 1,
               value: J.value,
               disabled: J.disabled,
               selected: J.selected
-            }, _(O(J)), 9, $i))
-          ], 64))), 128)) : D(S.$slots, "default", { key: 1 })
+            }, L(O(J)), 9, $i))
+          ], 64))), 128)) : E(w.$slots, "default", { key: 1 })
         ], 40, Si),
-        T("span", { id: c.value }, _(S.placeholder ?? S.label), 9, Li),
-        d(ee)(S.message, S.showMessage) ? (m(), Z(te, {
+        T("span", { id: n.value }, L(w.placeholder ?? w.label), 9, Li),
+        d(ee)(w.message, w.showMessage) ? (m(), Z(te, {
           key: 0,
           size: "small",
-          icon: S.messageIcon,
+          icon: w.messageIcon,
           id: p.value
         }, {
           default: G(() => [
-            F(_(S.message), 1)
+            N(L(w.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : q("", !0),
-        v() ? (m(), Z(te, {
+        c() ? (m(), Z(te, {
           key: 1,
           size: "small",
           semantic: "successful",
           id: u.value
         }, {
           default: G(() => [
-            F(_(S.validMessage || d(he)), 1)
+            N(L(w.validMessage || d(he)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : q("", !0),
@@ -3167,11 +3168,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           id: g.value
         }, {
           default: G(() => [
-            F(_(r.value), 1)
+            N(L(r.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        T("span", _i, _(h.value), 1)
+        T("span", _i, L(h.value), 1)
       ], 10, ki);
     };
   }
@@ -3192,7 +3193,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     gap: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return (e, t) => (m(), B("div", {
       ref_key: "_ref",
       ref: l,
@@ -3205,10 +3206,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-justify-content": e.justifyContent,
       "data-wrap": d(j)(e.wrap)
     }, [
-      D(e.$slots, "default")
+      E(e.$slots, "default")
     ], 10, Ti));
   }
-}), Ai = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Ci = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-hide-asterisk", "data-aid-icon", "data-aid-icon-after"], Bl = /* @__PURE__ */ V({
+}), Ai = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for", "data-hide-asterisk"], Ci = ["id", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], Bl = /* @__PURE__ */ V({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -3242,65 +3243,54 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(void 0), p = n(!1), u = n(null);
+    const l = a, e = i, t = s(void 0), p = s(null);
     K(() => {
       t.value = e.id ?? `switch-${Q()}`;
-    }), E(
-      () => [e.checked],
-      () => {
-        e.checked !== void 0 && e.checked !== null && (p.value = M(e.checked));
-      },
-      {
-        immediate: !0,
-        flush: "post"
-      }
-    );
-    function g(s) {
-      var L;
-      e.onChange && e.onChange(s), p.value = (L = s.target) == null ? void 0 : L.checked, se(l, s, "checked");
+    });
+    function u(n) {
+      e.onChange && e.onChange(n), se(l, n, "checked");
     }
-    function r(s) {
-      e.onBlur && e.onBlur(s);
+    function g(n) {
+      e.onBlur && e.onBlur(n);
     }
-    function c(s) {
-      e.onFocus && e.onFocus(s);
+    function r(n) {
+      e.onFocus && e.onFocus(n);
     }
-    return (s, L) => (m(), B("label", {
-      "data-visual-aid": d(j)(s.visualAid),
-      "data-size": s.size,
-      "data-hide-label": d(X)(s.showLabel),
-      "data-emphasis": s.emphasis,
+    return (n, f) => (m(), B("label", {
+      "data-visual-aid": d(j)(n.visualAid),
+      "data-size": n.size,
+      "data-hide-label": d(X)(n.showLabel),
+      "data-emphasis": n.emphasis,
       for: t.value,
+      "data-hide-asterisk": d(X)(n.showRequiredAsterisk),
       class: R(d(z)("db-switch", e.class))
     }, [
       T("input", {
         type: "checkbox",
         role: "switch",
         id: t.value,
-        "aria-checked": d(j)(p.value),
         ref_key: "_ref",
-        ref: u,
-        checked: d(M)(s.checked, "checked"),
-        value: s.value,
-        disabled: d(M)(s.disabled, "disabled"),
-        "aria-describedby": s.describedbyid ?? s.ariaDescribedBy,
-        "aria-invalid": s.validation === "invalid",
-        "data-custom-validity": s.validation,
-        name: s.name,
-        required: d(M)(s.required, "required"),
-        "data-hide-asterisk": d(X)(s.showRequiredAsterisk),
-        "data-aid-icon": s.icon,
-        "data-aid-icon-after": s.iconAfter,
-        onChange: L[0] || (L[0] = async (y) => g(y)),
-        onBlur: L[1] || (L[1] = async (y) => r(y)),
-        onFocus: L[2] || (L[2] = async (y) => c(y))
+        ref: p,
+        checked: d(M)(n.checked, "checked"),
+        value: n.value,
+        disabled: d(M)(n.disabled, "disabled"),
+        "aria-describedby": n.describedbyid ?? n.ariaDescribedBy,
+        "aria-invalid": n.validation === "invalid",
+        "data-custom-validity": n.validation,
+        name: n.name,
+        required: d(M)(n.required, "required"),
+        "data-aid-icon": n.icon,
+        "data-aid-icon-after": n.iconAfter,
+        onChange: f[0] || (f[0] = async (_) => u(_)),
+        onBlur: f[1] || (f[1] = async (_) => g(_)),
+        onFocus: f[2] || (f[2] = async (_) => r(_))
       }, null, 40, Ci),
-      s.label ? (m(), B(P, { key: 0 }, [
-        F(_(s.label), 1)
-      ], 64)) : D(s.$slots, "default", { key: 1 })
+      n.label ? (m(), B(P, { key: 0 }, [
+        N(L(n.label), 1)
+      ], 64)) : E(n.$slots, "default", { key: 1 })
     ], 10, Ai));
   }
-}), Ei = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Di = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Fi = /* @__PURE__ */ V({
+}), Ei = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Di = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Ni = /* @__PURE__ */ V({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -3324,10 +3314,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(!1), p = n(void 0), u = n(!1), g = n(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), u = s(!1), g = s(null);
     K(() => {
       u.value = !0;
-    }), E(
+    }), D(
       () => [g.value, u.value],
       () => {
         u.value && g.value && (e.active && g.value.click(), u.value = !1);
@@ -3336,7 +3326,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.name],
       () => {
         e.name && (p.value = e.name);
@@ -3346,43 +3336,43 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function r(c) {
-      var s;
-      c.stopPropagation(), e.onChange && e.onChange(c), t.value = (s = c.target) == null ? void 0 : s.checked, se(l, c, "checked");
+    function r(n) {
+      var f;
+      n.stopPropagation(), e.onChange && e.onChange(n), t.value = (f = n.target) == null ? void 0 : f.checked, se(l, n, "checked");
     }
-    return (c, s) => (m(), B("li", {
+    return (n, f) => (m(), B("li", {
       role: "none",
       class: R(d(z)("db-tab-item", e.class))
     }, [
       T("label", {
-        for: c.id,
-        "data-icon": c.icon,
-        "data-icon-after": c.iconAfter,
-        "data-hide-icon": d(X)(c.showIcon),
-        "data-hide-icon-after": d(X)(c.showIcon),
-        "data-no-text": d(j)(c.noText)
+        for: n.id,
+        "data-icon": n.icon,
+        "data-icon-after": n.iconAfter,
+        "data-hide-icon": d(X)(n.showIcon),
+        "data-hide-icon-after": d(X)(n.showIcon),
+        "data-no-text": d(j)(n.noText)
       }, [
         T("input", {
           type: "radio",
           role: "tab",
-          disabled: d(M)(c.disabled, "disabled"),
+          disabled: d(M)(n.disabled, "disabled"),
           "aria-selected": t.value,
-          "aria-controls": c.controls,
-          checked: d(M)(c.checked, "checked"),
+          "aria-controls": n.controls,
+          checked: d(M)(n.checked, "checked"),
           ref_key: "_ref",
           ref: g,
           name: p.value,
-          id: c.id,
-          onInput: s[0] || (s[0] = async (L) => r(L))
+          id: n.id,
+          onInput: f[0] || (f[0] = async (_) => r(_))
         }, null, 40, Di),
-        c.label ? (m(), B(P, { key: 0 }, [
-          F(_(c.label), 1)
+        n.label ? (m(), B(P, { key: 0 }, [
+          N(L(n.label), 1)
         ], 64)) : q("", !0),
-        D(c.$slots, "default")
+        E(n.$slots, "default")
       ], 8, Ei)
     ], 2));
   }
-}), Ni = ["id"], Mi = { role: "tablist" }, Ri = /* @__PURE__ */ V({
+}), Fi = ["id"], Mi = { role: "tablist" }, Ri = /* @__PURE__ */ V({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -3393,7 +3383,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(i) {
-    const a = i, l = n(Le), e = n(null);
+    const a = i, l = s(Le), e = s(null);
     return K(() => {
       l.value = a.id || "tab-list-" + Q();
     }), (t, p) => (m(), B("div", {
@@ -3403,9 +3393,9 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       class: R(d(z)("db-tab-list", a.class))
     }, [
       T("ul", Mi, [
-        D(t.$slots, "default")
+        E(t.$slots, "default")
       ])
-    ], 10, Ni));
+    ], 10, Fi));
   }
 }), zi = ["id", "aria-labelledby"], qi = /* @__PURE__ */ V({
   __name: "tab-panel",
@@ -3420,7 +3410,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     labelledBy: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = n(null);
+    const a = i, l = s(null);
     return K(() => {
     }), (e, t) => (m(), B("section", {
       role: "tabpanel",
@@ -3431,9 +3421,9 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "aria-labelledby": e.labelledBy
     }, [
       e.content ? (m(), B(P, { key: 0 }, [
-        F(_(e.content), 1)
+        N(L(e.content), 1)
       ], 64)) : q("", !0),
-      D(e.$slots, "default")
+      E(e.$slots, "default")
     ], 10, zi));
   }
 }), Vi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Il = /* @__PURE__ */ V({
@@ -3460,20 +3450,20 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     tabSelect: {}
   },
   setup(i) {
-    const a = i, l = n("tabs-" + Q()), e = n(""), t = n(!1), p = n(!1), u = n(!1), g = n(null), r = n(null);
+    const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), u = s(!1), g = s(null), r = s(null);
     K(() => {
       l.value = a.id || l.value, e.value = `tabs-${a.name || Q()}`, t.value = !0;
-    }), E(
+    }), D(
       () => [r.value, t.value],
       () => {
         if (r.value && t.value) {
-          y(), h(!0);
-          const v = r.value.querySelector(".db-tab-list");
-          v && new MutationObserver((A) => {
+          S(), h(!0);
+          const c = r.value.querySelector(".db-tab-list");
+          c && new MutationObserver((A) => {
             A.forEach((b) => {
-              (b.removedNodes.length || b.addedNodes.length) && (y(), h());
+              (b.removedNodes.length || b.addedNodes.length) && (S(), h());
             });
-          }).observe(v, {
+          }).observe(c, {
             childList: !0,
             subtree: !0
           }), t.value = !1;
@@ -3484,42 +3474,42 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function c() {
+    function n() {
       try {
         return typeof a.tabs == "string" ? JSON.parse(a.tabs) : a.tabs;
-      } catch (v) {
-        console.error(v);
+      } catch (c) {
+        console.error(c);
       }
       return [];
     }
-    function s(v) {
-      const I = v.scrollWidth > v.clientWidth;
-      p.value = I && v.scrollLeft > 1, u.value = I && v.scrollLeft < v.scrollWidth - v.clientWidth;
+    function f(c) {
+      const I = c.scrollWidth > c.clientWidth;
+      p.value = I && c.scrollLeft > 1, u.value = I && c.scrollLeft < c.scrollWidth - c.clientWidth;
     }
-    function L(v) {
+    function _(c) {
       var A;
       let I = Number(a.arrowScrollDistance) || 100;
-      v && (I *= -1), (A = g.value) == null || A.scrollBy({
+      c && (I *= -1), (A = g.value) == null || A.scrollBy({
         top: 0,
         left: I,
         behavior: "smooth"
       });
     }
-    function y() {
+    function S() {
       if (r.value) {
-        const v = r.value.querySelector(".db-tab-list");
-        if (v) {
-          const I = v.querySelector('[role="tablist"]');
+        const c = r.value.querySelector(".db-tab-list");
+        if (c) {
+          const I = c.querySelector('[role="tablist"]');
           I && (I.setAttribute(
             "aria-orientation",
             a.orientation || "horizontal"
-          ), a.behavior === "arrows" && (g.value = I, s(I), I.addEventListener("scroll", () => {
-            s(I);
+          ), a.behavior === "arrows" && (g.value = I, f(I), I.addEventListener("scroll", () => {
+            f(I);
           })));
         }
       }
     }
-    function h(v) {
+    function h(c) {
       if (r.value) {
         const I = Array.from(
           r.value.getElementsByClassName("db-tab-item")
@@ -3529,32 +3519,32 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           )
         );
         for (const b of I) {
-          const w = I.indexOf(b), W = b.querySelector("label"), k = b.querySelector("input");
-          if (k && W) {
-            if (!k.id) {
-              const O = `${e.value}-tab-${w}`;
-              W.setAttribute("for", O), k.id = O, k.setAttribute("name", e.value), A.length > w && k.setAttribute(
+          const k = I.indexOf(b), W = b.querySelector("label"), y = b.querySelector("input");
+          if (y && W) {
+            if (!y.id) {
+              const O = `${e.value}-tab-${k}`;
+              W.setAttribute("for", O), y.id = O, y.setAttribute("name", e.value), A.length > k && y.setAttribute(
                 "aria-controls",
-                `${e.value}-tab-panel-${w}`
+                `${e.value}-tab-panel-${k}`
               );
             }
-            if (v) {
-              const O = !a.initialSelectedMode || a.initialSelectedMode === "auto", S = a.initialSelectedIndex == null && w === 0 || Number(a.initialSelectedIndex) === w;
-              O && S && k.click();
+            if (c) {
+              const O = !a.initialSelectedMode || a.initialSelectedMode === "auto", w = a.initialSelectedIndex == null && k === 0 || Number(a.initialSelectedIndex) === k;
+              O && w && y.click();
             }
           }
         }
         for (const b of A) {
           if (b.id) continue;
-          const w = A.indexOf(b);
-          b.id = `${e.value}-tab-panel-${w}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${w}`);
+          const k = A.indexOf(b);
+          b.id = `${e.value}-tab-panel-${k}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${k}`);
         }
       }
     }
-    function f(v) {
-      var w;
-      v.stopPropagation();
-      const I = (w = v.target) == null ? void 0 : w.closest;
+    function v(c) {
+      var k;
+      c.stopPropagation();
+      const I = (k = c.target) == null ? void 0 : k.closest;
       if (!I) return;
       const A = I("ul"), b = (
         // db-tab-item for angular and stencil wrapping elements
@@ -3564,18 +3554,18 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         const W = Array.from(A.childNodes).indexOf(b);
         a.onIndexChange && a.onIndexChange(W);
       }
-      a.onTabSelect && a.onTabSelect(v);
+      a.onTabSelect && a.onTabSelect(c);
     }
-    return (v, I) => (m(), B("div", {
+    return (c, I) => (m(), B("div", {
       ref_key: "_ref",
       ref: r,
       id: l.value,
       class: R(d(z)("db-tabs", a.class)),
-      "data-orientation": v.orientation,
-      "data-scroll-behavior": v.behavior,
-      "data-alignment": v.alignment ?? "start",
-      "data-width": v.width ?? "auto",
-      onInput: I[0] || (I[0] = async (A) => f(A))
+      "data-orientation": c.orientation,
+      "data-scroll-behavior": c.behavior,
+      "data-alignment": c.alignment ?? "start",
+      "data-width": c.width ?? "auto",
+      onInput: I[0] || (I[0] = async (A) => v(A))
     }, [
       p.value ? (m(), Z(Be, {
         key: 0,
@@ -3584,19 +3574,19 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (A) => L(!0)
+        onClick: (A) => _(!0)
       }, {
         default: G(() => I[1] || (I[1] = [
-          F(" Scroll left ")
+          N(" Scroll left ")
         ])),
         _: 1,
         __: [1]
       }, 8, ["onClick"])) : q("", !0),
-      v.tabs ? (m(), B(P, { key: 1 }, [
+      c.tabs ? (m(), B(P, { key: 1 }, [
         ae(Ri, null, {
           default: G(() => [
-            (m(!0), B(P, null, be(c(), (A, b) => (m(), Z(Fi, {
-              key: v.name + "tab-item" + b,
+            (m(!0), B(P, null, be(n(), (A, b) => (m(), Z(Ni, {
+              key: c.name + "tab-item" + b,
               active: A.active,
               label: A.label,
               iconAfter: A.iconAfter,
@@ -3606,12 +3596,12 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           ]),
           _: 1
         }),
-        (m(!0), B(P, null, be(c(), (A, b) => (m(), Z(qi, {
-          key: v.name + "tab-panel" + b,
+        (m(!0), B(P, null, be(n(), (A, b) => (m(), Z(qi, {
+          key: c.name + "tab-panel" + b,
           content: A.content
         }, {
           default: G(() => [
-            F(_(A.children), 1)
+            N(L(A.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
@@ -3623,18 +3613,18 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (A) => L()
+        onClick: (A) => _()
       }, {
         default: G(() => I[2] || (I[2] = [
-          F(" Scroll right ")
+          N(" Scroll right ")
         ])),
         _: 1,
         __: [2]
       }, 8, ["onClick"])) : q("", !0),
-      D(v.$slots, "default")
+      E(c.$slots, "default")
     ], 42, Vi));
   }
-}), Pi = ["data-variant", "data-hide-label"], Ui = ["for"], Gi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "data-hide-asterisk", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Wi = {
+}), Pi = ["data-variant", "data-hide-asterisk", "data-hide-label"], Ui = ["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 = {
   "data-visually-hidden": "true",
   role: "status"
 }, $l = /* @__PURE__ */ V({
@@ -3688,36 +3678,36 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = n(void 0), p = n(void 0), u = n(void 0), g = n(void 0), r = n(void 0), c = n(""), s = n(""), L = n(""), y = n(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(""), f = s(""), _ = s(""), S = s(null);
     K(() => {
-      const w = e.id ?? `textarea-${Q()}`;
-      t.value = w, p.value = w + ve, u.value = w + fe, g.value = w + pe, r.value = e.invalidMessage || ie;
-    }), E(
-      () => [y.value, e.invalidMessage],
+      const k = e.id ?? `textarea-${Q()}`;
+      t.value = k, p.value = k + ve, u.value = k + fe, g.value = k + pe, r.value = e.invalidMessage || ie;
+    }), D(
+      () => [S.value, e.invalidMessage],
       () => {
-        var w;
-        r.value = e.invalidMessage || ((w = y.value) == null ? void 0 : w.validationMessage) || ie;
+        var k;
+        r.value = e.invalidMessage || ((k = S.value) == null ? void 0 : k.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [t.value],
       () => {
         if (t.value) {
-          const w = t.value + ve;
-          p.value = w, u.value = t.value + fe, g.value = t.value + pe, ee(e.message, e.showMessage) && (c.value = w);
+          const k = t.value + ve;
+          p.value = k, u.value = t.value + fe, g.value = t.value + pe, ee(e.message, e.showMessage) && (n.value = k);
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), E(
+    ), D(
       () => [e.value],
       () => {
-        s.value = e.value;
+        f.value = e.value;
       },
       {
         immediate: !0,
@@ -3727,66 +3717,66 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     function h() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function f() {
-      var w, W, k;
-      !((w = y.value) != null && w.validity.valid) || e.validation === "invalid" ? (c.value = g.value, r.value = e.invalidMessage || ((W = y.value) == null ? void 0 : W.validationMessage) || ie, me() && (L.value = r.value, x(() => L.value = "", 1e3))) : h() && ((k = y.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength) ? (c.value = u.value, me() && (L.value = e.validMessage ?? he, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = p.value : c.value = "";
+    function v() {
+      var k, W, y;
+      !((k = S.value) != null && k.validity.valid) || e.validation === "invalid" ? (n.value = g.value, r.value = e.invalidMessage || ((W = S.value) == null ? void 0 : W.validationMessage) || ie, me() && (_.value = r.value, x(() => _.value = "", 1e3))) : h() && ((y = S.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (n.value = u.value, me() && (_.value = e.validMessage ?? he, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? n.value = p.value : n.value = "";
     }
-    function v(w) {
-      e.input && e.input(w), s.value = w.target.value, e.onInput && e.onInput(w), se(l, w), f();
+    function c(k) {
+      e.input && e.input(k), f.value = k.target.value, e.onInput && e.onInput(k), se(l, k), v();
     }
-    function I(w) {
-      e.onChange && e.onChange(w), se(l, w), f();
+    function I(k) {
+      e.onChange && e.onChange(k), se(l, k), v();
     }
-    function A(w) {
-      e.onBlur && e.onBlur(w);
+    function A(k) {
+      e.onBlur && e.onBlur(k);
     }
-    function b(w) {
-      e.onFocus && e.onFocus(w);
+    function b(k) {
+      e.onFocus && e.onFocus(k);
     }
-    return (w, W) => (m(), B("div", {
+    return (k, W) => (m(), B("div", {
       class: R(d(z)("db-textarea", e.class)),
-      "data-variant": w.variant,
-      "data-hide-label": d(X)(w.showLabel)
+      "data-variant": k.variant,
+      "data-hide-asterisk": d(X)(k.showRequiredAsterisk),
+      "data-hide-label": d(X)(k.showLabel)
     }, [
-      T("label", { for: t.value }, _(w.label ?? d(we)), 9, Ui),
+      T("label", { for: t.value }, L(k.label ?? d(we)), 9, Ui),
       T("textarea", {
-        "aria-invalid": w.validation === "invalid",
-        "data-custom-validity": w.validation,
-        "data-field-sizing": w.fieldSizing,
+        "aria-invalid": k.validation === "invalid",
+        "data-custom-validity": k.validation,
+        "data-field-sizing": k.fieldSizing,
         ref_key: "_ref",
-        ref: y,
+        ref: S,
         id: t.value,
-        "data-resize": w.resize,
-        "data-hide-resizer": d(X)(w.showResizer ?? !0),
-        disabled: d(M)(w.disabled, "disabled"),
-        required: d(M)(w.required, "required"),
-        "data-hide-asterisk": d(X)(w.showRequiredAsterisk),
-        readOnly: d(M)(w.readOnly, "readOnly") || d(M)(w.readonly, "readonly"),
-        form: w.form,
-        maxLength: d(Se)(w.maxLength, w.maxlength),
-        minLength: d(Se)(w.minLength, w.minlength),
-        name: w.name,
-        wrap: w.wrap,
-        spellcheck: w.spellCheck,
-        autocomplete: w.autocomplete,
-        onInput: W[0] || (W[0] = async (k) => v(k)),
-        onChange: W[1] || (W[1] = async (k) => I(k)),
-        onBlur: W[2] || (W[2] = async (k) => A(k)),
-        onFocus: W[3] || (W[3] = async (k) => b(k)),
-        value: w.value ?? s.value,
-        "aria-describedby": w.ariaDescribedBy ?? c.value,
-        placeholder: w.placeholder ?? d(aa),
-        rows: d(Se)(w.rows, d(Ma)),
-        cols: d(Se)(w.cols)
+        "data-resize": k.resize,
+        "data-hide-resizer": d(X)(k.showResizer ?? !0),
+        disabled: d(M)(k.disabled, "disabled"),
+        required: d(M)(k.required, "required"),
+        readOnly: d(M)(k.readOnly, "readOnly") || d(M)(k.readonly, "readonly"),
+        form: k.form,
+        maxLength: d(Se)(k.maxLength, k.maxlength),
+        minLength: d(Se)(k.minLength, k.minlength),
+        name: k.name,
+        wrap: k.wrap,
+        spellcheck: k.spellCheck,
+        autocomplete: k.autocomplete,
+        onInput: W[0] || (W[0] = async (y) => c(y)),
+        onChange: W[1] || (W[1] = async (y) => I(y)),
+        onBlur: W[2] || (W[2] = async (y) => A(y)),
+        onFocus: W[3] || (W[3] = async (y) => b(y)),
+        value: k.value ?? f.value,
+        "aria-describedby": k.ariaDescribedBy ?? n.value,
+        placeholder: k.placeholder ?? d(aa),
+        rows: d(Se)(k.rows, d(Fa)),
+        cols: d(Se)(k.cols)
       }, null, 40, Gi),
-      d(ee)(w.message, w.showMessage) ? (m(), Z(te, {
+      d(ee)(k.message, k.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
-        icon: w.messageIcon,
+        icon: k.messageIcon,
         id: p.value
       }, {
         default: G(() => [
-          F(_(w.message), 1)
+          N(L(k.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : q("", !0),
@@ -3797,7 +3787,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         id: u.value
       }, {
         default: G(() => [
-          F(_(w.validMessage || d(he)), 1)
+          N(L(k.validMessage || d(he)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : q("", !0),
@@ -3807,14 +3797,14 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         id: g.value
       }, {
         default: G(() => [
-          F(_(r.value), 1)
+          N(L(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", Wi, _(L.value), 1)
+      T("span", Wi, L(_.value), 1)
     ], 10, Pi));
   }
-}), Ll = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], _l = ["medium", "small", "large", "none"], Tl = ["medium", "small", "large", "none"], Oi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Hi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], Al = [...Oi, ...Hi], Cl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], El = ["horizontal", "vertical"], Dl = ["full", "auto"], Fl = ["full", "medium", "large", "small"], Nl = ["none", "slow", "fast"], Ml = ["auto", "fixed"], Rl = ["small", "medium"], zl = ["weak", "strong"], ql = ["invalid", "valid", "no-validation"], Vl = ["fixed", "content"], Pl = ["above", "floating"], Ul = ["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"], Gl = ["time", "true", "false", "date", "page", "step", "location"], Wl = ["_self", "_blank", "_parent", "_top"], Ol = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Hl = ["start", "center"];
+}), Ll = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], _l = ["medium", "small", "large", "none"], Tl = ["medium", "small", "large", "none"], Oi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Hi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], Al = [...Oi, ...Hi], Cl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], El = ["horizontal", "vertical"], Dl = ["full", "auto"], Nl = ["full", "medium", "large", "small"], Fl = ["none", "slow", "fast"], Ml = ["auto", "fixed"], Rl = ["small", "medium"], zl = ["weak", "strong"], ql = ["invalid", "valid", "no-validation"], Vl = ["fixed", "content"], Pl = ["above", "floating"], Ul = ["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"], Gl = ["time", "true", "false", "date", "page", "step", "location"], Wl = ["_self", "_blank", "_parent", "_top"], Ol = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Hl = ["start", "center"];
 export {
   Hl as AlignmentList,
   Ul as AutoCompleteList,
@@ -3824,23 +3814,23 @@ export {
   Ji as COLOR_CONST,
   la as COLOR_SIMPLE,
   il as DBAccordion,
-  Wa as DBAccordionItem,
+  Ga as DBAccordionItem,
   ll as DBBadge,
   ol as DBBrand,
   Be as DBButton,
   dl as DBCard,
   nl as DBCheckbox,
   sl as DBCustomSelect,
-  lt as DBCustomSelectDropdown,
+  it as DBCustomSelectDropdown,
   ul as DBCustomSelectFormField,
-  ct as DBCustomSelectList,
-  ut as DBCustomSelectListItem,
+  rt as DBCustomSelectList,
+  st as DBCustomSelectListItem,
   rl as DBDivider,
-  Wt as DBDrawer,
+  Gt as DBDrawer,
   cl as DBHeader,
   vl as DBIcon,
   te as DBInfotext,
-  bt as DBInput,
+  gt as DBInput,
   fl as DBLink,
   pl as DBNavigation,
   hl as DBNavigationItem,
@@ -3852,15 +3842,15 @@ export {
   wl as DBSelect,
   Sl as DBStack,
   Bl as DBSwitch,
-  Fi as DBTabItem,
+  Ni as DBTabItem,
   Ri as DBTabList,
   qi as DBTabPanel,
   Il as DBTabs,
-  wt as DBTag,
+  kt as DBTag,
   $l as DBTextarea,
   ra as DBTooltip,
-  Ea as DEFAULT_BACK,
-  Fa as DEFAULT_BURGER_MENU,
+  Ca as DEFAULT_BACK,
+  Da as DEFAULT_BURGER_MENU,
   Ge as DEFAULT_CLOSE_BUTTON,
   Ze as DEFAULT_DATALIST_ID_SUFFIX,
   Na as DEFAULT_ICON,
@@ -3869,21 +3859,21 @@ export {
   pe as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   we as DEFAULT_LABEL,
   Je as DEFAULT_LABEL_ID_SUFFIX,
-  Ca as DEFAULT_MESSAGE,
+  Aa as DEFAULT_MESSAGE,
   ve as DEFAULT_MESSAGE_ID_SUFFIX,
   aa as DEFAULT_PLACEHOLDER,
   Re as DEFAULT_PLACEHOLDER_ID_SUFFIX,
   ta as DEFAULT_REMOVE,
-  Ma as DEFAULT_ROWS,
-  Da as DEFAULT_SELECTED,
+  Fa as DEFAULT_ROWS,
+  Ea as DEFAULT_SELECTED,
   Qe as DEFAULT_SELECT_ID_SUFFIX,
   he as DEFAULT_VALID_MESSAGE,
   fe as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Ra as DEFAULT_VIEWPORT,
+  Ma as DEFAULT_VIEWPORT,
   Qi as DENSITIES,
   ia as DENSITY,
   Ki as DENSITY_CONST,
-  za as DESKTOP_VIEWPORT,
+  Ra as DESKTOP_VIEWPORT,
   zl as EmphasisList,
   Vl as FieldSizingList,
   Cl as GapSpacingList,
@@ -3892,13 +3882,13 @@ export {
   Ol as LinkReferrerPolicyList,
   Wl as LinkTargetList,
   Tl as MarginList,
-  Fl as MaxWidthList,
+  Nl as MaxWidthList,
   Ot as NavigationItemSafeTriangle,
   El as OrientationList,
   Oi as PlacementHorizontalList,
   Al as PlacementList,
   Hi as PlacementVerticalList,
-  Nl as PopoverDelayList,
+  Fl as PopoverDelayList,
   Ml as PopoverWidthList,
   da as SEMANTIC,
   el as SEMANTICS,
@@ -3919,9 +3909,9 @@ export {
   tl as getOptionKey,
   ea as getSearchInput,
   me as hasVoiceOver,
-  qa as isArrayOfStrings,
-  ca as isEventTargetNavigationItem,
-  Pa as isKeyboardEvent,
+  za as isArrayOfStrings,
+  Wt as isEventTargetNavigationItem,
+  Va as isKeyboardEvent,
   ee as stringPropVisible,
   Q as uuid
 };