@db-ux/v-core-components 2.2.3 → 2.2.4

package/dist/db-ux.es.js

@@ -1,7 +1,7 @@
 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 P, ref as s, createElementBlock as B, openBlock as m, unref as n, normalizeClass as z, renderSlot as C, Fragment as U, createTextVNode as D, toDisplayString as _, createCommentVNode as V, createElementVNode as T, createBlock as Z, withCtx as G, onMounted as Y, watch as A, createVNode as ae, renderList as be, onUnmounted as Ea } from "vue";
+import { defineComponent as P, ref as s, createElementBlock as S, openBlock as m, unref as n, normalizeClass as z, renderSlot as A, Fragment as U, createTextVNode as F, toDisplayString as _, createCommentVNode as V, createElementVNode as T, createBlock as Z, withCtx as G, onMounted as Y, watch as D, createVNode as ae, renderList as be, onUnmounted as Ca } from "vue";
 const Q = () => {
   var i, a;
   if (typeof window < "u") {
@@ -26,7 +26,7 @@ const Q = () => {
         for (const e in l)
           l[e] && (a += `${e} `);
   return a.trim();
-}, Ca = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), Aa = ["Mac", "iPhone", "iPad", "iPod"], ve = () => typeof window < "u" && Aa.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), X = (i) => {
+}, Ea = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), Aa = ["Mac", "iPhone", "iPad", "iPod"], ve = () => typeof window < "u" && Aa.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), X = (i) => {
   if (i != null)
     return String(typeof i == "string" ? !!i : i);
 }, M = (i, a) => {
@@ -38,10 +38,10 @@ const Q = () => {
 }, Je = (i, a) => a && ["number", "range"].includes(a) ? we(i) : i, K = (i) => {
   if (i != null)
     return X(!i);
-}, ee = (i, a) => (a === void 0 || !!a) && !!i, Qe = (i) => i.querySelector('input[type="search"]'), Yi = (i, a) => {
+}, ee = (i, a) => (a === void 0 || !!a) && !!i, Qe = (i) => i.querySelector('input[type="search"]'), Ki = (i, a) => {
   const l = i.id ?? i.value ?? Q();
   return `${a}${l}`;
-}, Da = ["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__ */ P({
+}, Da = (i) => i.key !== void 0, Fa = ["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__ */ P({
   __name: "button",
   props: {
     ariaexpanded: { type: Boolean, default: void 0 },
@@ -73,7 +73,7 @@ const Q = () => {
     function e(t) {
       a.onClick && a.onClick(t);
     }
-    return (t, p) => (m(), B("button", {
+    return (t, p) => (m(), S("button", {
       ref_key: "_ref",
       ref: l,
       id: t.id,
@@ -96,34 +96,34 @@ const Q = () => {
       "aria-pressed": t.ariapressed,
       onClick: p[0] || (p[0] = async (d) => e(d))
     }, [
-      t.text ? (m(), B(U, { key: 0 }, [
-        D(_(t.text), 1)
-      ], 64)) : C(t.$slots, "default", { key: 1 })
-    ], 10, Da));
+      t.text ? (m(), S(U, { key: 0 }, [
+        F(_(t.text), 1)
+      ], 64)) : A(t.$slots, "default", { key: 1 })
+    ], 10, Fa));
   }
-}), Le = "OVERWRITE_DEFAULT_ID", Se = "LABEL SHOULD BE SET", ta = " ", Fa = "MESSAGE SHOULD BE SET", Ze = "-label", xe = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", ze = "-placeholder", ea = "-datalist", me = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ia = "Remove", Na = "Back", Ma = "Selected", za = "BurgerMenu", Ra = "brand", Va = 4, Ge = "Close", Ki = "density", Ji = "color";
+}), Le = "OVERWRITE_DEFAULT_ID", Se = "LABEL SHOULD BE SET", ta = " ", Na = "MESSAGE SHOULD BE SET", Ze = "-label", xe = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", ze = "-placeholder", ea = "-datalist", me = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ia = "Remove", Ma = "Back", za = "Selected", Ra = "BurgerMenu", Va = "brand", Pa = 4, Ge = "Close", Ji = "density", Qi = "color";
 var la = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(la || {});
-const Qi = Object.entries(la).map(([, i]) => i);
+const Zi = Object.entries(la).map(([, i]) => i);
 var oa = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(oa || {}), da = /* @__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))(da || {});
-const Zi = Object.entries(da).map(([, i]) => i), xi = Object.entries(oa).map(([, i]) => i);
+const xi = Object.entries(da).map(([, i]) => i), el = Object.entries(oa).map(([, i]) => i);
 var na = /* @__PURE__ */ ((i) => (i.CRITICAL = "critical", i.INFORMATIONAL = "informational", i.WARNING = "warning", i.SUCCESSFUL = "successful", i))(na || {});
-const el = Object.entries(na).map(([, i]) => i), Pa = {
+const al = Object.entries(na).map(([, i]) => i), Ua = {
   width: 390,
   height: 884
-}, Ua = {
+}, qa = {
   width: 1920,
   height: 1280
-}, al = [{
+}, tl = [{
   name: "desktop",
-  ...Ua
+  ...qa
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Pa
-}], qa = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Ga = { key: 0 }, Wa = { key: 1 }, tl = /* @__PURE__ */ P({
+  ...Ua
+}], Ga = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Wa = { key: 0 }, Oa = { key: 1 }, il = /* @__PURE__ */ P({
   __name: "notification",
   props: {
     ariaLive: { default: void 0 },
@@ -157,9 +157,9 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   setup(i) {
     const a = i, l = s(null);
     function e(t) {
-      t.stopPropagation(), a.onClose && a.onClose(t);
+      t && (t.stopPropagation(), a.onClose && a.onClose(t));
     }
-    return (t, p) => (m(), B("article", {
+    return (t, p) => (m(), S("article", {
       ref_key: "_ref",
       ref: l,
       id: t.id,
@@ -171,15 +171,15 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       "data-hide-icon": n(K)(t.showIcon),
       "data-link-variant": t.linkVariant
     }, [
-      C(t.$slots, "image"),
-      n(ee)(t.headline, t.showHeadline) ? (m(), B("header", Ga, _(t.headline), 1)) : V("", !0),
+      A(t.$slots, "image"),
+      n(ee)(t.headline, t.showHeadline) ? (m(), S("header", Wa, _(t.headline), 1)) : V("", !0),
       T("p", null, [
-        t.text ? (m(), B(U, { key: 0 }, [
-          D(_(t.text), 1)
-        ], 64)) : C(t.$slots, "default", { key: 1 })
+        t.text ? (m(), S(U, { key: 0 }, [
+          F(_(t.text), 1)
+        ], 64)) : A(t.$slots, "default", { key: 1 })
       ]),
-      n(ee)(t.timestamp, t.showTimestamp) ? (m(), B("span", Wa, _(t.timestamp), 1)) : V("", !0),
-      C(t.$slots, "link"),
+      n(ee)(t.timestamp, t.showTimestamp) ? (m(), S("span", Oa, _(t.timestamp), 1)) : V("", !0),
+      A(t.$slots, "link"),
       n(M)(t.closeable, "closeable") ? (m(), Z(Be, {
         key: 2,
         icon: "cross",
@@ -190,13 +190,13 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         onClick: (d) => e(d)
       }, {
         default: G(() => [
-          D(_(t.closeButtonText ?? n(Ge)), 1)
+          F(_(t.closeButtonText ?? n(Ge)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : V("", !0)
-    ], 10, qa));
+    ], 10, Ga));
   }
-}), Oa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], il = /* @__PURE__ */ P({
+}), Ha = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], ll = /* @__PURE__ */ P({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -216,7 +216,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     const a = i, l = s(!1), e = s(null);
     return Y(() => {
       l.value = !0;
-    }), A(
+    }), D(
       () => [e.value, l.value],
       () => {
         var t;
@@ -231,7 +231,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       }
     ), (t, p) => {
       var d;
-      return m(), B("span", {
+      return m(), S("span", {
         ref_key: "_ref",
         ref: e,
         id: t.id,
@@ -242,13 +242,13 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         "data-placement": t.placement,
         "data-label": ((d = t.placement) == null ? void 0 : d.startsWith("corner")) && (t.label ?? n(Se))
       }, [
-        t.text ? (m(), B(U, { key: 0 }, [
-          D(_(t.text), 1)
-        ], 64)) : C(t.$slots, "default", { key: 1 })
-      ], 10, Oa);
+        t.text ? (m(), S(U, { key: 0 }, [
+          F(_(t.text), 1)
+        ], 64)) : A(t.$slots, "default", { key: 1 })
+      ], 10, Ha);
     };
   }
-}), Ha = ["data-icon", "data-hide-icon", "id"], ll = /* @__PURE__ */ P({
+}), Xa = ["data-icon", "data-hide-icon", "id"], ol = /* @__PURE__ */ P({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -264,20 +264,20 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("div", {
+    return (e, t) => (m(), S("div", {
       ref_key: "_ref",
       ref: l,
-      "data-icon": e.hideLogo ? "none" : e.icon ?? n(Ra),
+      "data-icon": e.hideLogo ? "none" : e.icon ?? n(Va),
       "data-hide-icon": n(K)(e.showIcon),
       id: e.id,
       class: z(n(R)("db-brand", a.class))
     }, [
-      e.text ? (m(), B(U, { key: 0 }, [
-        D(_(e.text), 1)
-      ], 64)) : C(e.$slots, "default", { key: 1 })
-    ], 10, Ha));
+      e.text ? (m(), S(U, { key: 0 }, [
+        F(_(e.text), 1)
+      ], 64)) : A(e.$slots, "default", { key: 1 })
+    ], 10, Xa));
   }
-}), Xa = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], ol = /* @__PURE__ */ P({
+}), ja = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], dl = /* @__PURE__ */ P({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -296,7 +296,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     function e(t) {
       a.onClick && a.onClick(t);
     }
-    return (t, p) => (m(), B("div", {
+    return (t, p) => (m(), S("div", {
       ref_key: "_ref",
       ref: l,
       id: t.id,
@@ -308,12 +308,12 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       tabIndex: t.behavior === "interactive" ? 0 : void 0,
       onClick: p[0] || (p[0] = async (d) => e(d))
     }, [
-      C(t.$slots, "default")
-    ], 10, Xa));
+      A(t.$slots, "default")
+    ], 10, ja));
   }
 }), se = (i, a, l = "value") => {
   i(`update:${l}`, a.target[l]);
-}, ja = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ P({
+}, Ya = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ P({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -330,7 +330,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("span", {
+    return (e, t) => (m(), S("span", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -340,15 +340,15 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       "data-size": e.size,
       "data-hide-icon-before": n(K)(e.showIcon ?? !0)
     }, [
-      e.text ? (m(), B(U, { key: 0 }, [
-        D(_(e.text), 1)
-      ], 64)) : C(e.$slots, "default", { key: 1 })
-    ], 10, ja));
+      e.text ? (m(), S(U, { key: 0 }, [
+        F(_(e.text), 1)
+      ], 64)) : A(e.$slots, "default", { key: 1 })
+    ], 10, Ya));
   }
-}), Ya = ["data-size", "data-hide-label"], Ka = ["for"], Ja = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Qa = {
+}), Ka = ["data-size", "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"
-}, dl = /* @__PURE__ */ P({
+}, nl = /* @__PURE__ */ P({
   __name: "checkbox",
   props: {
     indeterminate: { type: [Boolean, String], default: void 0 },
@@ -386,12 +386,12 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(!1), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(null);
     Y(() => {
       t.value = !0;
       const b = e.id ?? `checkbox-${Q()}`;
-      p.value = b, d.value = b + fe, S.value = b + pe, c.value = b + he, v.value = e.invalidMessage || ie;
-    }), A(
+      p.value = b, d.value = b + fe, B.value = b + pe, r.value = b + he, v.value = e.invalidMessage || ie;
+    }), D(
       () => [g.value, e.invalidMessage],
       () => {
         var b;
@@ -401,19 +401,19 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [p.value],
       () => {
         if (p.value) {
           const b = p.value + fe;
-          d.value = b, S.value = p.value + pe, c.value = p.value + he, ee(e.message, e.showMessage) && (u.value = b);
+          d.value = b, B.value = p.value + pe, r.value = p.value + he, ee(e.message, e.showMessage) && (u.value = b);
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [t.value, g.value, e.indeterminate],
       () => {
         g.value && e.indeterminate !== void 0 && (g.value.indeterminate = !!M(e.indeterminate));
@@ -422,7 +422,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [t.value, g.value, e.checked],
       () => {
         t.value && g.value && (e.checked != null && (g.value.checked = !!M(e.checked)), t.value = !1);
@@ -436,19 +436,19 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      var b, w, O;
-      !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = c.value, v.value = e.invalidMessage || ((w = g.value) == null ? void 0 : w.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((O = g.value) != null && O.validity.valid) && e.required ? (u.value = S.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
+      var b, k, W;
+      !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = r.value, v.value = e.invalidMessage || ((k = g.value) == null ? void 0 : k.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((W = g.value) != null && W.validity.valid) && e.required ? (u.value = B.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
     }
-    function r(b) {
+    function c(b) {
       e.onChange && e.onChange(b), se(l, b, "checked"), f();
     }
     function I(b) {
       e.onBlur && e.onBlur(b);
     }
-    function E(b) {
+    function C(b) {
       e.onFocus && e.onFocus(b);
     }
-    return (b, w) => (m(), B("div", {
+    return (b, k) => (m(), S("div", {
       class: z(n(R)("db-checkbox", e.class)),
       "data-size": b.size,
       "data-hide-label": n(K)(b.showLabel)
@@ -466,15 +466,15 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
           disabled: n(M)(b.disabled, "disabled"),
           value: b.value,
           required: n(M)(b.required, "required"),
-          onChange: w[0] || (w[0] = async (O) => r(O)),
-          onBlur: w[1] || (w[1] = async (O) => I(O)),
-          onFocus: w[2] || (w[2] = async (O) => E(O)),
+          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) => C(W)),
           "aria-describedby": b.ariaDescribedBy ?? u.value
-        }, null, 40, Ja),
-        b.label ? (m(), B(U, { key: 0 }, [
-          D(_(b.label), 1)
-        ], 64)) : C(b.$slots, "default", { key: 1 })
-      ], 8, Ka),
+        }, null, 40, Qa),
+        b.label ? (m(), S(U, { key: 0 }, [
+          F(_(b.label), 1)
+        ], 64)) : A(b.$slots, "default", { key: 1 })
+      ], 8, Ja),
       n(ee)(b.message, b.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
@@ -482,7 +482,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         id: d.value
       }, {
         default: G(() => [
-          D(_(b.message), 1)
+          F(_(b.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : V("", !0),
@@ -490,27 +490,27 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: S.value
+        id: B.value
       }, {
         default: G(() => [
-          D(_(b.validMessage || n(me)), 1)
+          F(_(b.validMessage || n(me)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : V("", !0),
       ae(te, {
         size: "small",
         semantic: "critical",
-        id: c.value
+        id: r.value
       }, {
         default: G(() => [
-          D(_(v.value), 1)
+          F(_(v.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", Qa, _(L.value), 1)
-    ], 10, Ya));
+      T("span", Za, _(L.value), 1)
+    ], 10, Ka));
   }
-}), Za = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], nl = /* @__PURE__ */ P({
+}), xa = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], sl = /* @__PURE__ */ P({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -526,7 +526,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("div", {
+    return (e, t) => (m(), S("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -535,9 +535,9 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       "data-emphasis": e.emphasis,
       "data-width": e.width,
       class: z(n(R)("db-divider", a.class))
-    }, null, 10, Za));
+    }, null, 10, xa));
   }
-}), xa = ["id", "data-backdrop", "data-variant"], et = ["data-spacing", "data-width", "data-direction", "data-rounded"], at = { class: "db-drawer-header" }, tt = { class: "db-drawer-header-text" }, it = { class: "db-drawer-content" }, lt = /* @__PURE__ */ P({
+}), et = ["id", "data-backdrop", "data-variant"], at = ["data-spacing", "data-width", "data-direction", "data-rounded"], tt = { class: "db-drawer-header" }, it = { class: "db-drawer-header-text" }, lt = { class: "db-drawer-content" }, ot = /* @__PURE__ */ P({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -563,7 +563,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     const a = i, l = s(null), e = s(null);
     Y(() => {
       p();
-    }), A(
+    }), D(
       () => [a.open],
       () => {
         p();
@@ -573,25 +573,26 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         flush: "post"
       }
     );
-    function t(d, S) {
-      d.key === "Escape" && d.preventDefault(), S && d.stopPropagation(), (S || d.key === "Escape" || d.target.nodeName === "DIALOG" && d.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(d);
+    function t(d, B) {
+      var r;
+      d && (Da(d) ? d.key === "Escape" && (d.preventDefault(), a.onClose && a.onClose(d)) : (B && (d.stopPropagation(), a.onClose && a.onClose(d)), ((r = d.target) == null ? void 0 : r.nodeName) === "DIALOG" && d.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(d)));
     }
     function p() {
       if (l.value) {
         const d = !!a.open;
         d && !l.value.open && (e.value && (e.value.hidden = !1), a.backdrop === "none" || a.variant === "inside" ? l.value.show() : l.value.showModal()), !d && l.value.open && (e.value && (e.value.hidden = !0), x(() => {
-          var S;
-          e.value && (e.value.hidden = !1), (S = l.value) == null || S.close();
+          var B;
+          e.value && (e.value.hidden = !1), (B = l.value) == null || B.close();
         }, 401));
       }
     }
-    return (d, S) => (m(), B("dialog", {
+    return (d, B) => (m(), S("dialog", {
       class: "db-drawer",
       id: d.id,
       ref_key: "_ref",
       ref: l,
-      onClick: S[0] || (S[0] = async (c) => t(c)),
-      onKeydown: S[1] || (S[1] = async (c) => t(c)),
+      onClick: B[0] || (B[0] = async (r) => t(r)),
+      onKeydown: B[1] || (B[1] = async (r) => t(r)),
       "data-backdrop": d.backdrop,
       "data-variant": d.variant
     }, [
@@ -604,9 +605,9 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         "data-direction": d.direction,
         "data-rounded": n(X)(d.rounded)
       }, [
-        T("header", at, [
-          T("div", tt, [
-            C(d.$slots, "drawer-header")
+        T("header", tt, [
+          T("div", it, [
+            A(d.$slots, "drawer-header")
           ]),
           ae(Be, {
             class: "button-close-drawer",
@@ -614,21 +615,21 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
             variant: "ghost",
             id: d.closeButtonId,
             noText: !0,
-            onClick: (c) => t(c, !0)
+            onClick: (r) => t(r, !0)
           }, {
             default: G(() => [
-              D(_(d.closeButtonText ?? n(Ge)), 1)
+              F(_(d.closeButtonText ?? n(Ge)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        T("div", it, [
-          C(d.$slots, "default")
+        T("div", lt, [
+          A(d.$slots, "default")
         ])
-      ], 10, et)
-    ], 40, xa));
+      ], 10, at)
+    ], 40, et));
   }
-}), ot = (i) => {
+}), dt = (i) => {
   var f;
   const {
     top: a,
@@ -639,21 +640,21 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     innerHeight: p,
     innerWidth: d
   } = window;
-  let S = a < 0, c = l > p, v = e < 0, u = t > d;
+  let B = a < 0, r = l > p, v = e < 0, u = t > d;
   const L = i.dataset.outsideVy, g = i.dataset.outsideVx, h = (f = i == null ? void 0 : i.parentElement) == null ? void 0 : f.getBoundingClientRect();
-  return h && (L && (i.dataset.outsideVy === "top" ? S = h.top - (l - h.bottom) < 0 : c = h.bottom + (h.top - a) > p), g && (i.dataset.outsideVx === "left" ? v = h.left - (t - h.right) < 0 : u = h.right + (h.left - e) > d)), {
-    outTop: S,
-    outBottom: c,
+  return h && (L && (i.dataset.outsideVy === "top" ? B = h.top - (l - h.bottom) < 0 : r = h.bottom + (h.top - a) > p), g && (i.dataset.outsideVx === "left" ? v = h.left - (t - h.right) < 0 : u = h.right + (h.left - e) > d)), {
+    outTop: B,
+    outBottom: r,
     outLeft: v,
     outRight: u
   };
-}, dt = (i) => {
+}, nt = (i) => {
   const {
     outTop: a,
     outBottom: l,
     outLeft: e,
     outRight: t
-  } = ot(i);
+  } = dt(i);
   let p = {};
   return a || l ? (p = {
     vy: a ? "top" : "bottom"
@@ -661,19 +662,19 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     ...p,
     vx: t ? "right" : "left"
   }, i.dataset.outsideVx = p.vx) : delete i.dataset.outsideVx, p;
-}, nt = (i, a, l) => {
+}, st = (i, a, l) => {
   if (getComputedStyle(i).zIndex === "9999") return;
   const {
     top: e,
     bottom: t,
     childHeight: p,
     childWidth: d,
-    width: S,
-    right: c,
+    width: B,
+    right: r,
     left: v,
     correctedPlacement: u
   } = sa(i, a, l);
-  i.dataset.width === "full" && (i.style.inlineSize = `${S}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? i.style.insetInlineStart = `${v}px` : (u === "top-end" || u === "bottom-end") && (i.style.insetInlineStart = `${c - d}px`), u != null && u.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : u != null && u.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
+  i.dataset.width === "full" && (i.style.inlineSize = `${B}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? i.style.insetInlineStart = `${v}px` : (u === "top-end" || u === "bottom-end") && (i.style.insetInlineStart = `${r - d}px`), u != null && u.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : u != null && u.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
 }, sa = (i, a, l) => {
   if (!i || !a)
     return {
@@ -693,8 +694,8 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     top: t,
     height: p,
     bottom: d,
-    right: S,
-    left: c,
+    right: B,
+    left: r,
     width: v
   } = a.getBoundingClientRect(), {
     innerHeight: u,
@@ -702,15 +703,15 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   } = window;
   let g = e.height, h = e.width;
   (l === "bottom" || l === "top") && (h = h / 2), (l === "left" || l === "right") && (g = g / 2);
-  const f = d + g > u, r = t - g < 0, I = c - h < 0, E = S + h > L;
+  const f = d + g > u, c = t - g < 0, I = r - h < 0, C = B + h > L;
   let b = l;
-  return l.startsWith("bottom") ? f ? (b = l == null ? void 0 : l.replace("bottom", "top"), I && E ? b = "top" : I ? b = "top-start" : E && (b = "top-end")) : I && E ? b = "bottom" : I ? b = "bottom-start" : E && (b = "bottom-end") : l.startsWith("top") ? r ? (b = l == null ? void 0 : l.replace("top", "bottom"), I && E ? b = "bottom" : I ? b = "bottom-start" : E && (b = "bottom-end")) : I && E ? b = "top" : I ? b = "top-start" : E && (b = "top-end") : l.startsWith("left") ? I ? (b = l == null ? void 0 : l.replace("left", "right"), f && r ? b = "right" : f ? b = "right-end" : r && (b = "right-start")) : f && r ? b = "left" : f ? b = "left-end" : r && (b = "left-start") : b.startsWith("right") && (E ? (b = l == null ? void 0 : l.replace("right", "left"), f && r ? b = "left" : f ? b = "left-end" : r && (b = "left-start")) : f && r ? b = "right" : f ? b = "right-end" : r && (b = "right-start")), {
+  return l.startsWith("bottom") ? f ? (b = l == null ? void 0 : l.replace("bottom", "top"), I && C ? b = "top" : I ? b = "top-start" : C && (b = "top-end")) : I && C ? b = "bottom" : I ? b = "bottom-start" : C && (b = "bottom-end") : l.startsWith("top") ? c ? (b = l == null ? void 0 : l.replace("top", "bottom"), I && C ? b = "bottom" : I ? b = "bottom-start" : C && (b = "bottom-end")) : I && C ? b = "top" : I ? b = "top-start" : C && (b = "top-end") : l.startsWith("left") ? I ? (b = l == null ? void 0 : l.replace("left", "right"), f && c ? b = "right" : f ? b = "right-end" : c && (b = "right-start")) : f && c ? b = "left" : f ? b = "left-end" : c && (b = "left-start") : b.startsWith("right") && (C ? (b = l == null ? void 0 : l.replace("right", "left"), f && c ? b = "left" : f ? b = "left-end" : c && (b = "left-start")) : f && c ? b = "right" : f ? b = "right-end" : c && (b = "right-start")), {
     top: t,
     bottom: d,
-    right: S,
+    right: B,
     height: p,
     width: v,
-    left: c,
+    left: r,
     childHeight: e.height,
     childWidth: e.width,
     correctedPlacement: b,
@@ -722,8 +723,8 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     top: t,
     height: p,
     width: d,
-    childHeight: S,
-    childWidth: c,
+    childHeight: B,
+    childWidth: r,
     right: v,
     left: u,
     bottom: L,
@@ -731,43 +732,43 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     innerWidth: h,
     innerHeight: f
   } = sa(i, a, l);
-  if (c > d && (g.startsWith("bottom") || g.startsWith("top"))) {
-    const r = d / 2 / c * 100;
-    g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-inline-start", `${r}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - r}%`);
+  if (r > d && (g.startsWith("bottom") || g.startsWith("top"))) {
+    const c = d / 2 / r * 100;
+    g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-inline-start", `${c}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - c}%`);
   }
-  if (S > p && (g.startsWith("left") || g.startsWith("bottom"))) {
-    const r = p / 2 / S * 100;
-    g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-block-start", `${r}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-block-start", `${100 - r}%`);
+  if (B > p && (g.startsWith("left") || g.startsWith("bottom"))) {
+    const c = p / 2 / B * 100;
+    g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-block-start", `${c}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-block-start", `${100 - c}%`);
   }
   if (g === "right" || g === "left")
     i.style.insetBlockStart = `${t + p / 2}px`;
   else if (g === "right-start" || g === "left-start") {
-    const r = t + S;
-    i.style.insetBlockStart = `${t}px`, i.style.insetBlockEnd = `${r > f ? f : r}px`;
+    const c = t + B;
+    i.style.insetBlockStart = `${t}px`, i.style.insetBlockEnd = `${c > f ? f : c}px`;
   } else if (g === "right-end" || g === "left-end") {
-    const r = L - S;
-    i.style.insetBlockStart = `${r < 0 ? 0 : r}px`, i.style.insetBlockEnd = `${L}px`;
+    const c = L - B;
+    i.style.insetBlockStart = `${c < 0 ? 0 : c}px`, i.style.insetBlockEnd = `${L}px`;
   } else if (g === "top" || g === "bottom")
     i.style.insetInlineStart = `${u + d / 2}px`;
   else if (g === "top-start" || g === "bottom-start") {
-    const r = u + c;
-    i.style.insetInlineStart = `${u}px`, i.style.insetInlineEnd = `${r > h ? h : r}px`;
+    const c = u + r;
+    i.style.insetInlineStart = `${u}px`, i.style.insetInlineEnd = `${c > h ? h : c}px`;
   } else if (g === "top-end" || g === "bottom-end") {
-    const r = u - c;
-    i.style.insetInlineStart = `${v - c}px`, i.style.insetInlineEnd = `${r < 0 ? 0 : r}px`;
+    const c = u - r;
+    i.style.insetInlineStart = `${v - r}px`, i.style.insetInlineEnd = `${c < 0 ? 0 : c}px`;
   }
   if (g != null && g.startsWith("right")) {
-    const r = v + c;
-    i.style.insetInlineStart = `calc(${v}px + ${e})`, i.style.insetInlineEnd = `calc(${r > h ? h : r}px + ${e})`;
+    const c = v + r;
+    i.style.insetInlineStart = `calc(${v}px + ${e})`, i.style.insetInlineEnd = `calc(${c > h ? h : c}px + ${e})`;
   } else if (g != null && g.startsWith("left")) {
-    const r = u - c;
-    i.style.insetInlineStart = `calc(${r < 0 ? 0 : r}px - ${e})`, i.style.insetInlineEnd = `calc(${v}px - ${e})`;
+    const c = u - r;
+    i.style.insetInlineStart = `calc(${c < 0 ? 0 : c}px - ${e})`, i.style.insetInlineEnd = `calc(${v}px - ${e})`;
   } else if (g != null && g.startsWith("top")) {
-    const r = t - S;
-    i.style.insetBlockStart = `calc(${r < 0 ? 0 : r}px - ${e})`, i.style.insetBlockEnd = `calc(${L}px - ${e})`;
+    const c = t - B;
+    i.style.insetBlockStart = `calc(${c < 0 ? 0 : c}px - ${e})`, i.style.insetBlockEnd = `calc(${L}px - ${e})`;
   } else if (g != null && g.startsWith("bottom")) {
-    const r = L + S;
-    i.style.insetBlockStart = `calc(${L}px + ${e})`, i.style.insetBlockEnd = `calc(${r > f ? f : r}px + ${e})`;
+    const c = L + B;
+    i.style.insetBlockStart = `calc(${L}px + ${e})`, i.style.insetBlockEnd = `calc(${c > f ? f : c}px + ${e})`;
   }
   i.style.position = "fixed", i.setAttribute("data-corrected-placement", g);
 }, ra = (i) => {
@@ -777,7 +778,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   } = i;
   return !!(!((l = a == null ? void 0 : a.classList) != null && l.contains("db-navigation-item-expand-button")) && ((e = a == null ? void 0 : a.parentElement) != null && e.classList.contains("db-navigation-item")));
 };
-class st {
+class ut {
   constructor(a, l) {
     de(this, "element");
     de(this, "subNavigation");
@@ -798,7 +799,7 @@ class st {
     var t;
     if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
       return;
-    const a = dt(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((t = this.parentSubNavigation) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
+    const a = nt(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((t = this.parentSubNavigation) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
     this.triangleData = {
       itemRect: l,
       parentElementWidth: e,
@@ -829,10 +830,10 @@ class st {
     if (!this.triangleData)
       return;
     if (a === "fill-gap") {
-      const d = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, S = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+      const d = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, B = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
       return {
-        lb: `${S} ${d}`,
-        lt: `${S} 0`,
+        lb: `${B} ${d}`,
+        lt: `${B} 0`,
         rt: "100% 0",
         rb: `100% ${d}`
       };
@@ -853,7 +854,7 @@ class st {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), l && (this.triangleData = void 0));
   }
 }
-const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-header-drawer-navigation" }, ct = { class: "db-header-meta-navigation" }, vt = { class: "db-header-secondary-action" }, ft = { class: "db-header-meta-navigation" }, pt = { class: "db-header-navigation-bar" }, ht = { class: "db-header-brand-container" }, mt = { class: "db-header-navigation-container" }, gt = { class: "db-header-navigation" }, bt = { class: "db-header-primary-action" }, yt = { class: "db-header-action-container" }, kt = { class: "db-header-burger-menu-container" }, wt = { class: "db-header-secondary-action" }, sl = /* @__PURE__ */ P({
+const rt = ["id", "data-width", "data-on-forcing-mobile"], ct = { class: "db-header-drawer-navigation" }, vt = { class: "db-header-meta-navigation" }, ft = { class: "db-header-secondary-action" }, pt = { class: "db-header-meta-navigation" }, ht = { class: "db-header-navigation-bar" }, mt = { class: "db-header-brand-container" }, gt = { class: "db-header-navigation-container" }, bt = { class: "db-header-navigation" }, yt = { class: "db-header-primary-action" }, kt = { class: "db-header-action-container" }, wt = { class: "db-header-burger-menu-container" }, St = { class: "db-header-secondary-action" }, ul = /* @__PURE__ */ P({
   __name: "header",
   props: {
     brand: {},
@@ -877,14 +878,14 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     const a = i, l = s(Le), e = s(!1), t = s(!1), p = s(null);
     Y(() => {
       e.value = !0, l.value = a.id || "header-" + Q();
-    }), A(
+    }), D(
       () => [e.value],
       () => {
         if (e.value && document && l.value && a.forceMobile) {
-          const c = document.getElementById(
+          const r = document.getElementById(
             l.value ?? ""
           );
-          c && aa(c, {
+          r && aa(r, {
             key: "data-force-mobile",
             value: "true"
           }), t.value = !0;
@@ -895,63 +896,63 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function d(c) {
+    function d(r) {
       const v = !M(a.drawerOpen, "drawerOpen");
       a.onToggle && a.onToggle(v);
     }
-    function S(c) {
-      ra(c) && d();
+    function B(r) {
+      ra(r) && d();
     }
-    return (c, v) => (m(), B("header", {
+    return (r, v) => (m(), S("header", {
       ref_key: "_ref",
       ref: p,
       class: z(n(R)("db-header", a.class)),
       id: l.value,
-      "data-width": c.width,
-      "data-on-forcing-mobile": c.forceMobile && !t.value
+      "data-width": r.width,
+      "data-on-forcing-mobile": r.forceMobile && !t.value
     }, [
-      ae(lt, {
+      ae(ot, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
-        open: n(M)(c.drawerOpen),
+        open: n(M)(r.drawerOpen),
         onClose: (u) => d()
       }, {
         default: G(() => [
-          T("div", rt, [
+          T("div", ct, [
             T("div", {
               class: "db-header-navigation",
-              onClick: v[0] || (v[0] = async (u) => S(u))
+              onClick: v[0] || (v[0] = async (u) => B(u))
             }, [
-              C(c.$slots, "default")
+              A(r.$slots, "default")
             ]),
-            T("div", ct, [
-              C(c.$slots, "meta-navigation")
+            T("div", vt, [
+              A(r.$slots, "meta-navigation")
             ])
           ]),
-          T("div", vt, [
-            C(c.$slots, "secondary-action")
+          T("div", ft, [
+            A(r.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
-      T("div", ft, [
-        C(c.$slots, "meta-navigation")
-      ]),
       T("div", pt, [
-        T("div", ht, [
-          C(c.$slots, "brand")
-        ]),
+        A(r.$slots, "meta-navigation")
+      ]),
+      T("div", ht, [
         T("div", mt, [
-          T("div", gt, [
-            C(c.$slots, "default")
-          ]),
+          A(r.$slots, "brand")
+        ]),
+        T("div", gt, [
           T("div", bt, [
-            C(c.$slots, "primary-action")
+            A(r.$slots, "default")
+          ]),
+          T("div", yt, [
+            A(r.$slots, "primary-action")
           ])
         ]),
-        T("div", yt, [
-          T("div", kt, [
+        T("div", kt, [
+          T("div", wt, [
             ae(Be, {
               icon: "menu",
               variant: "ghost",
@@ -960,19 +961,19 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
               onClick: (u) => d()
             }, {
               default: G(() => [
-                D(_(c.burgerMenuLabel ?? n(za)), 1)
+                F(_(r.burgerMenuLabel ?? n(Ra)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ]),
-          T("div", wt, [
-            C(c.$slots, "secondary-action")
+          T("div", St, [
+            A(r.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, ut));
+    ], 10, rt));
   }
-}), St = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], ul = /* @__PURE__ */ P({
+}), Bt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], rl = /* @__PURE__ */ P({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -988,7 +989,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("span", {
+    return (e, t) => (m(), S("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
       ref: l,
@@ -998,12 +999,12 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       "data-icon-weight": e.weight,
       "data-icon-variant": e.variant
     }, [
-      e.text ? (m(), B(U, { key: 0 }, [
-        D(_(e.text), 1)
-      ], 64)) : C(e.$slots, "default", { key: 1 })
-    ], 10, St));
+      e.text ? (m(), S(U, { key: 0 }, [
+        F(_(e.text), 1)
+      ], 64)) : A(e.$slots, "default", { key: 1 })
+    ], 10, Bt));
   }
-}), Bt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], It = ["for"], $t = ["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"], Lt = ["id"], _t = ["value"], Tt = {
+}), It = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], $t = ["for"], Lt = ["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"], _t = ["id"], Tt = ["value"], Ct = {
   "data-visually-hidden": "true",
   role: "status"
 }, Et = /* @__PURE__ */ P({
@@ -1061,33 +1062,33 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(""), h = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(""), h = s(null);
     Y(() => {
       const y = e.id ?? `input-${Q()}`;
-      t.value = y, p.value = y + fe, d.value = y + pe, S.value = y + he, v.value = y + ea, c.value = e.invalidMessage || ie;
-    }), A(
+      t.value = y, p.value = y + fe, d.value = y + pe, B.value = y + he, v.value = y + ea, r.value = e.invalidMessage || ie;
+    }), D(
       () => [h.value, e.invalidMessage],
       () => {
         var y;
-        c.value = e.invalidMessage || ((y = h.value) == null ? void 0 : y.validationMessage) || ie;
+        r.value = e.invalidMessage || ((y = h.value) == null ? void 0 : y.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [t.value],
       () => {
         if (t.value) {
           const y = t.value + fe;
-          p.value = y, d.value = t.value + pe, S.value = t.value + he, v.value = e.dataListId ?? t.value + ea, ee(e.message, e.showMessage) && (u.value = y);
+          p.value = y, d.value = t.value + pe, B.value = t.value + he, v.value = e.dataListId ?? t.value + ea, ee(e.message, e.showMessage) && (u.value = y);
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.value],
       () => {
         L.value = e.value;
@@ -1100,32 +1101,32 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     function f() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function r() {
-      var y, W, k;
-      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = S.value, c.value = e.invalidMessage || ((W = h.value) == null ? void 0 : W.validationMessage) || ie, ve() && (g.value = c.value, x(() => g.value = "", 1e3))) : f() && ((k = h.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
+    function c() {
+      var y, O, w;
+      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = B.value, r.value = e.invalidMessage || ((O = h.value) == null ? void 0 : O.validationMessage) || ie, ve() && (g.value = r.value, x(() => g.value = "", 1e3))) : f() && ((w = h.value) != null && w.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
     }
     function I(y) {
-      e.input && e.input(y), L.value = y.target.value, e.onInput && e.onInput(y), se(l, y), r();
+      e.input && e.input(y), L.value = y.target.value, e.onInput && e.onInput(y), se(l, y), c();
     }
-    function E(y) {
-      e.onChange && e.onChange(y), se(l, y), r();
+    function C(y) {
+      e.onChange && e.onChange(y), se(l, y), c();
     }
     function b(y) {
       e.onBlur && e.onBlur(y);
     }
-    function w(y) {
+    function k(y) {
       e.onFocus && e.onFocus(y);
     }
-    function O() {
+    function W() {
       const y = e.dataList;
       return Array.from(
-        (Ca(y) ? y == null ? void 0 : y.map((W) => ({
-          value: W,
+        (Ea(y) ? y == null ? void 0 : y.map((O) => ({
+          value: O,
           label: void 0
         })) : y) || []
       );
     }
-    return (y, W) => (m(), B("div", {
+    return (y, O) => (m(), S("div", {
       class: z(n(R)("db-input", e.class)),
       "data-variant": y.variant,
       "data-hide-label": n(K)(y.showLabel),
@@ -1134,7 +1135,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       "data-icon-after": y.iconAfter,
       "data-hide-icon-after": n(K)(y.showIcon)
     }, [
-      T("label", { for: t.value }, _(y.label ?? n(Se)), 9, It),
+      T("label", { for: t.value }, _(y.label ?? n(Se)), 9, $t),
       T("input", {
         "aria-invalid": y.validation === "invalid",
         "data-custom-validity": y.validation,
@@ -1159,23 +1160,23 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         size: y.size,
         autoComplete: y.autocomplete,
         autoFocus: n(M)(y.autofocus, "autofocus"),
-        onInput: W[0] || (W[0] = async (k) => I(k)),
-        onChange: W[1] || (W[1] = async (k) => E(k)),
-        onBlur: W[2] || (W[2] = async (k) => b(k)),
-        onFocus: W[3] || (W[3] = async (k) => w(k)),
+        onInput: O[0] || (O[0] = async (w) => I(w)),
+        onChange: O[1] || (O[1] = async (w) => C(w)),
+        onBlur: O[2] || (O[2] = async (w) => b(w)),
+        onFocus: O[3] || (O[3] = async (w) => k(w)),
         list: y.dataList && v.value,
         "aria-describedby": y.ariaDescribedBy ?? u.value
-      }, null, 40, $t),
-      y.dataList ? (m(), B("datalist", {
+      }, null, 40, Lt),
+      y.dataList ? (m(), S("datalist", {
         key: 0,
         id: v.value
       }, [
-        (m(!0), B(U, null, be(O(), (k) => (m(), B("option", {
-          key: v.value + "-option-" + k.value,
-          value: k.value
-        }, _(k.label), 9, _t))), 128))
-      ], 8, Lt)) : V("", !0),
-      C(y.$slots, "default"),
+        (m(!0), S(U, null, be(W(), (w) => (m(), S("option", {
+          key: v.value + "-option-" + w.value,
+          value: w.value
+        }, _(w.label), 9, Tt))), 128))
+      ], 8, _t)) : V("", !0),
+      A(y.$slots, "default"),
       n(ee)(y.message, y.showMessage) ? (m(), Z(te, {
         key: 1,
         size: "small",
@@ -1183,7 +1184,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         id: p.value
       }, {
         default: G(() => [
-          D(_(y.message), 1)
+          F(_(y.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : V("", !0),
@@ -1194,24 +1195,24 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         id: d.value
       }, {
         default: G(() => [
-          D(_(y.validMessage || n(me)), 1)
+          F(_(y.validMessage || n(me)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : V("", !0),
       ae(te, {
         size: "small",
         semantic: "critical",
-        id: S.value
+        id: B.value
       }, {
         default: G(() => [
-          D(_(c.value), 1)
+          F(_(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", Tt, _(g.value), 1)
-    ], 10, Bt));
+      T("span", Ct, _(g.value), 1)
+    ], 10, It));
   }
-}), Ct = ["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"], rl = /* @__PURE__ */ P({
+}), At = ["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"], cl = /* @__PURE__ */ P({
   __name: "link",
   props: {
     content: { default: void 0 },
@@ -1242,7 +1243,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     function e(t) {
       a.onClick && a.onClick(t);
     }
-    return (t, p) => (m(), B("a", {
+    return (t, p) => (m(), S("a", {
       ref_key: "_ref",
       ref: l,
       id: t.id,
@@ -1263,12 +1264,12 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       "data-content": t.content || "internal",
       onClick: p[0] || (p[0] = async (d) => e(d))
     }, [
-      t.text ? (m(), B(U, { key: 0 }, [
-        D(_(t.text), 1)
-      ], 64)) : C(t.$slots, "default", { key: 1 })
-    ], 10, Ct));
+      t.text ? (m(), S(U, { key: 0 }, [
+        F(_(t.text), 1)
+      ], 64)) : A(t.$slots, "default", { key: 1 })
+    ], 10, At));
   }
-}), At = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], cl = /* @__PURE__ */ P({
+}), Dt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], vl = /* @__PURE__ */ P({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -1290,9 +1291,9 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       l.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
-    }), Ea(() => {
+    }), Ca(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (t, p) => (m(), B("div", {
+    }), (t, p) => (m(), S("div", {
       ref_key: "_ref",
       ref: e,
       id: t.id,
@@ -1301,16 +1302,16 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       "data-fade-in": n(X)(t.fadeIn),
       "data-fonts-loaded": n(X)(l.value)
     }, [
-      C(t.$slots, "header"),
+      A(t.$slots, "header"),
       T("main", {
         class: z(n(R)("db-main", t.mainClass))
       }, [
-        C(t.$slots, "default")
+        A(t.$slots, "default")
       ], 2),
-      C(t.$slots, "footer")
-    ], 10, At));
+      A(t.$slots, "footer")
+    ], 10, Dt));
   }
-}), Dt = ["data-size", "data-hide-label", "for"], Ft = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], vl = /* @__PURE__ */ P({
+}), Ft = ["data-size", "data-hide-label", "for"], Nt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], fl = /* @__PURE__ */ P({
   __name: "radio",
   props: {
     children: { default: void 0 },
@@ -1342,7 +1343,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     const l = a, e = i, t = s(!1), p = s(void 0), d = s(null);
     Y(() => {
       t.value = !0, p.value = e.id ?? `radio-${Q()}`;
-    }), A(
+    }), D(
       () => [t.value, d.value, e.checked],
       () => {
         e.checked && t.value && d.value && (d.value.checked = !0);
@@ -1352,16 +1353,16 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function S(u) {
+    function B(u) {
       e.onChange && e.onChange(u), se(l, u);
     }
-    function c(u) {
+    function r(u) {
       e.onBlur && e.onBlur(u);
     }
     function v(u) {
       e.onFocus && e.onFocus(u);
     }
-    return (u, L) => (m(), B("label", {
+    return (u, L) => (m(), S("label", {
       "data-size": u.size,
       "data-hide-label": n(K)(u.showLabel),
       class: z(n(R)("db-radio", e.class)),
@@ -1380,16 +1381,16 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         "aria-describedby": u.describedbyid ?? u.ariaDescribedBy,
         value: u.value,
         required: n(M)(u.required, "required"),
-        onChange: L[0] || (L[0] = async (g) => S(g)),
-        onBlur: L[1] || (L[1] = async (g) => c(g)),
+        onChange: L[0] || (L[0] = async (g) => B(g)),
+        onBlur: L[1] || (L[1] = async (g) => r(g)),
         onFocus: L[2] || (L[2] = async (g) => v(g))
-      }, null, 40, Ft),
-      u.label ? (m(), B(U, { key: 0 }, [
-        D(_(u.label), 1)
-      ], 64)) : C(u.$slots, "default", { key: 1 })
-    ], 10, Dt));
+      }, null, 40, Nt),
+      u.label ? (m(), S(U, { key: 0 }, [
+        F(_(u.label), 1)
+      ], 64)) : A(u.$slots, "default", { key: 1 })
+    ], 10, Ft));
   }
-}), Nt = ["id", "data-spacing", "data-width"], fl = /* @__PURE__ */ P({
+}), Mt = ["id", "data-spacing", "data-width"], pl = /* @__PURE__ */ P({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -1405,7 +1406,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     const a = i, l = s(Le), e = s(null);
     return Y(() => {
       l.value = a.id || "section-" + Q();
-    }), (t, p) => (m(), B("section", {
+    }), (t, p) => (m(), S("section", {
       ref_key: "_ref",
       ref: e,
       id: l.value,
@@ -1413,13 +1414,13 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       "data-spacing": t.spacing || "medium",
       "data-width": t.width
     }, [
-      C(t.$slots, "default")
-    ], 10, Nt));
+      A(t.$slots, "default")
+    ], 10, Mt));
   }
-}), Mt = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], zt = ["for"], Rt = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Vt = ["label"], Pt = ["value", "selected", "disabled"], Ut = ["value", "disabled", "selected"], qt = ["id"], Gt = {
+}), zt = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], Rt = ["for"], Vt = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Pt = ["label"], Ut = ["value", "selected", "disabled"], qt = ["value", "disabled", "selected"], Gt = ["id"], Wt = {
   "data-visually-hidden": "true",
   role: "status"
-}, pl = /* @__PURE__ */ P({
+}, hl = /* @__PURE__ */ P({
   __name: "select",
   props: {
     children: { default: void 0 },
@@ -1462,34 +1463,34 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
     Y(() => {
       g.value = !0;
-      const k = e.id ?? `select-${Q()}`;
-      t.value = k, p.value = k + fe, d.value = k + pe, S.value = k + he, v.value = k + ze, c.value = e.invalidMessage || ie;
-    }), A(
+      const w = e.id ?? `select-${Q()}`;
+      t.value = w, p.value = w + fe, d.value = w + pe, B.value = w + he, v.value = w + ze, r.value = e.invalidMessage || ie;
+    }), D(
       () => [f.value, e.invalidMessage],
       () => {
-        var k;
-        c.value = e.invalidMessage || ((k = f.value) == null ? void 0 : k.validationMessage) || ie;
+        var w;
+        r.value = e.invalidMessage || ((w = f.value) == null ? void 0 : w.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [t.value, g.value],
       () => {
         if (t.value && g.value) {
-          const k = t.value + fe, H = t.value + ze;
-          p.value = k, d.value = t.value + pe, S.value = t.value + he, v.value = H, ee(e.message, e.showMessage) ? u.value = k : u.value = H, g.value = !1;
+          const w = t.value + fe, H = t.value + ze;
+          p.value = w, d.value = t.value + pe, B.value = t.value + he, v.value = H, ee(e.message, e.showMessage) ? u.value = w : u.value = H, g.value = !1;
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.value],
       () => {
         L.value = e.value;
@@ -1499,120 +1500,120 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function r() {
+    function c() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function I() {
-      var k, H, le;
-      !((k = f.value) != null && k.validity.valid) || e.validation === "invalid" ? (u.value = S.value, c.value = e.invalidMessage || ((H = f.value) == null ? void 0 : H.validationMessage) || ie, ve() && (h.value = c.value, x(() => h.value = "", 1e3))) : r() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
+      var w, H, le;
+      !((w = f.value) != null && w.validity.valid) || e.validation === "invalid" ? (u.value = B.value, r.value = e.invalidMessage || ((H = f.value) == null ? void 0 : H.validationMessage) || ie, ve() && (h.value = r.value, x(() => h.value = "", 1e3))) : c() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
     }
-    function E(k) {
-      e.onClick && e.onClick(k);
+    function C(w) {
+      e.onClick && e.onClick(w);
     }
-    function b(k) {
-      e.input && e.input(k), L.value = k.target.value, e.onInput && e.onInput(k), se(l, k), I();
+    function b(w) {
+      e.input && e.input(w), L.value = w.target.value, e.onInput && e.onInput(w), se(l, w), I();
     }
-    function w(k) {
-      e.onChange && e.onChange(k), se(l, k), I();
+    function k(w) {
+      e.onChange && e.onChange(w), se(l, w), I();
     }
-    function O(k) {
-      e.onBlur && e.onBlur(k);
+    function W(w) {
+      e.onBlur && e.onBlur(w);
     }
-    function y(k) {
-      e.onFocus && e.onFocus(k);
+    function y(w) {
+      e.onFocus && e.onFocus(w);
     }
-    function W(k) {
+    function O(w) {
       var H;
-      return k.label ?? ((H = k.value) == null ? void 0 : H.toString());
+      return w.label ?? ((H = w.value) == null ? void 0 : H.toString());
     }
-    return (k, H) => {
+    return (w, H) => {
       var le;
-      return m(), B("div", {
+      return m(), S("div", {
         class: z(n(R)("db-select", e.class)),
-        "data-variant": k.variant,
-        "data-hide-label": n(K)(k.showLabel),
-        "data-icon": k.icon,
-        "data-hide-icon": n(K)(k.showIcon)
+        "data-variant": w.variant,
+        "data-hide-label": n(K)(w.showLabel),
+        "data-icon": w.icon,
+        "data-hide-icon": n(K)(w.showIcon)
       }, [
-        T("label", { for: t.value }, _(k.label ?? n(Se)), 9, zt),
+        T("label", { for: t.value }, _(w.label ?? n(Se)), 9, Rt),
         T("select", {
-          "aria-invalid": k.validation === "invalid",
-          "data-custom-validity": k.validation,
+          "aria-invalid": w.validation === "invalid",
+          "data-custom-validity": w.validation,
           ref_key: "_ref",
           ref: f,
-          required: n(M)(k.required, "required"),
-          disabled: n(M)(k.disabled, "disabled"),
+          required: n(M)(w.required, "required"),
+          disabled: n(M)(w.disabled, "disabled"),
           id: t.value,
-          name: k.name,
-          size: k.size,
-          value: k.value ?? L.value,
-          autocomplete: k.autocomplete,
-          multiple: k.multiple,
+          name: w.name,
+          size: w.size,
+          value: w.value ?? L.value,
+          autocomplete: w.autocomplete,
+          multiple: w.multiple,
           onInput: H[0] || (H[0] = async (J) => b(J)),
-          onClick: H[1] || (H[1] = async (J) => E(J)),
-          onChange: H[2] || (H[2] = async (J) => w(J)),
-          onBlur: H[3] || (H[3] = async (J) => O(J)),
+          onClick: H[1] || (H[1] = async (J) => C(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) => y(J)),
-          "aria-describedby": k.ariaDescribedBy ?? u.value
+          "aria-describedby": w.ariaDescribedBy ?? u.value
         }, [
           H[5] || (H[5] = T("option", { hidden: !0 }, null, -1)),
-          (le = k.options) != null && le.length ? (m(!0), B(U, { key: 0 }, be(k.options, (J, Fe) => (m(), B(U, { key: Fe }, [
-            J.options ? (m(), B("optgroup", {
+          (le = w.options) != null && le.length ? (m(!0), S(U, { key: 0 }, be(w.options, (J, Fe) => (m(), S(U, { key: Fe }, [
+            J.options ? (m(), S("optgroup", {
               key: 0,
-              label: W(J)
+              label: O(J)
             }, [
-              (m(!0), B(U, null, be(J.options, (ye, Te) => (m(), B("option", {
+              (m(!0), S(U, null, be(J.options, (ye, Te) => (m(), S("option", {
                 key: Te,
                 value: ye.value,
                 selected: ye.selected,
                 disabled: ye.disabled
-              }, _(W(ye)), 9, Pt))), 128))
-            ], 8, Vt)) : (m(), B("option", {
+              }, _(O(ye)), 9, Ut))), 128))
+            ], 8, Pt)) : (m(), S("option", {
               key: 1,
               value: J.value,
               disabled: J.disabled,
               selected: J.selected
-            }, _(W(J)), 9, Ut))
-          ], 64))), 128)) : C(k.$slots, "default", { key: 1 })
-        ], 40, Rt),
-        T("span", { id: v.value }, _(k.placeholder ?? k.label), 9, qt),
-        n(ee)(k.message, k.showMessage) ? (m(), Z(te, {
+            }, _(O(J)), 9, qt))
+          ], 64))), 128)) : A(w.$slots, "default", { key: 1 })
+        ], 40, Vt),
+        T("span", { id: v.value }, _(w.placeholder ?? w.label), 9, Gt),
+        n(ee)(w.message, w.showMessage) ? (m(), Z(te, {
           key: 0,
           size: "small",
-          icon: k.messageIcon,
+          icon: w.messageIcon,
           id: p.value
         }, {
           default: G(() => [
-            D(_(k.message), 1)
+            F(_(w.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : V("", !0),
-        r() ? (m(), Z(te, {
+        c() ? (m(), Z(te, {
           key: 1,
           size: "small",
           semantic: "successful",
           id: d.value
         }, {
           default: G(() => [
-            D(_(k.validMessage || n(me)), 1)
+            F(_(w.validMessage || n(me)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : V("", !0),
         ae(te, {
           size: "small",
           semantic: "critical",
-          id: S.value
+          id: B.value
         }, {
           default: G(() => [
-            D(_(c.value), 1)
+            F(_(r.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        T("span", Gt, _(h.value), 1)
-      ], 10, Mt);
+        T("span", Wt, _(h.value), 1)
+      ], 10, zt);
     };
   }
-}), Wt = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Ot = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], hl = /* @__PURE__ */ P({
+}), Ot = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Ht = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], ml = /* @__PURE__ */ P({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -1648,7 +1649,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     const l = a, e = i, t = s(void 0), p = s(!1), d = s(null);
     Y(() => {
       t.value = e.id ?? `switch-${Q()}`;
-    }), A(
+    }), D(
       () => [e.checked],
       () => {
         e.checked !== void 0 && e.checked !== null && (p.value = M(e.checked));
@@ -1658,17 +1659,17 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function S(u) {
+    function B(u) {
       var L;
       e.onChange && e.onChange(u), p.value = (L = u.target) == null ? void 0 : L.checked, se(l, u, "checked");
     }
-    function c(u) {
+    function r(u) {
       e.onBlur && e.onBlur(u);
     }
     function v(u) {
       e.onFocus && e.onFocus(u);
     }
-    return (u, L) => (m(), B("label", {
+    return (u, L) => (m(), S("label", {
       "data-visual-aid": n(X)(u.visualAid),
       "data-size": u.size,
       "data-hide-label": n(K)(u.showLabel),
@@ -1693,16 +1694,16 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         required: n(M)(u.required, "required"),
         "data-aid-icon": u.icon,
         "data-aid-icon-after": u.iconAfter,
-        onChange: L[0] || (L[0] = async (g) => S(g)),
-        onBlur: L[1] || (L[1] = async (g) => c(g)),
+        onChange: L[0] || (L[0] = async (g) => B(g)),
+        onBlur: L[1] || (L[1] = async (g) => r(g)),
         onFocus: L[2] || (L[2] = async (g) => v(g))
-      }, null, 40, Ot),
-      u.label ? (m(), B(U, { key: 0 }, [
-        D(_(u.label), 1)
-      ], 64)) : C(u.$slots, "default", { key: 1 })
-    ], 10, Wt));
+      }, null, 40, Ht),
+      u.label ? (m(), S(U, { key: 0 }, [
+        F(_(u.label), 1)
+      ], 64)) : A(u.$slots, "default", { key: 1 })
+    ], 10, Ot));
   }
-}), Ht = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Xt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], jt = /* @__PURE__ */ P({
+}), Xt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], jt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Yt = /* @__PURE__ */ P({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -1726,19 +1727,19 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(!1), p = s(void 0), d = s(!1), S = s(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), d = s(!1), B = s(null);
     Y(() => {
       d.value = !0;
-    }), A(
-      () => [S.value, d.value],
+    }), D(
+      () => [B.value, d.value],
       () => {
-        d.value && S.value && (e.active && S.value.click(), d.value = !1);
+        d.value && B.value && (e.active && B.value.click(), d.value = !1);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.name],
       () => {
         e.name && (p.value = e.name);
@@ -1748,11 +1749,11 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function c(v) {
+    function r(v) {
       var u;
       v.stopPropagation(), e.onChange && e.onChange(v), t.value = (u = v.target) == null ? void 0 : u.checked, se(l, v, "checked");
     }
-    return (v, u) => (m(), B("li", {
+    return (v, u) => (m(), S("li", {
       role: "none",
       class: z(n(R)("db-tab-item", e.class))
     }, [
@@ -1772,16 +1773,16 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
           "aria-controls": v.controls,
           checked: n(M)(v.checked, "checked"),
           ref_key: "_ref",
-          ref: S,
+          ref: B,
           name: p.value,
           id: v.id,
-          onInput: u[0] || (u[0] = async (L) => c(L))
-        }, null, 40, Xt),
-        v.label ? (m(), B(U, { key: 0 }, [
-          D(_(v.label), 1)
+          onInput: u[0] || (u[0] = async (L) => r(L))
+        }, null, 40, jt),
+        v.label ? (m(), S(U, { key: 0 }, [
+          F(_(v.label), 1)
         ], 64)) : V("", !0),
-        C(v.$slots, "default")
-      ], 8, Ht)
+        A(v.$slots, "default")
+      ], 8, Xt)
     ], 2));
   }
 }), re = class re {
@@ -1809,7 +1810,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
 };
 de(re, "callbacks", {}), de(re, "_instance", null);
 let Ie = re;
-const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ca = /* @__PURE__ */ P({
+const Kt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ca = /* @__PURE__ */ P({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -1830,18 +1831,18 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const a = i, l = s(Le), e = s(!1), t = s(void 0), p = s(void 0), d = s(null);
     Y(() => {
       l.value = a.id || "tooltip-" + Q(), e.value = !0;
-    }), A(
+    }), D(
       () => [d.value, e.value],
       () => {
         if (d.value && e.value && l.value) {
           const f = v();
-          f && (["mouseenter", "focusin"].forEach((r) => {
-            f.addEventListener(r, () => h(f));
-          }), f.addEventListener("keydown", (r) => c(r)), ["mouseleave", "focusout"].forEach((r) => {
-            f.addEventListener(r, () => g());
-          }), f.setAttribute("data-has-tooltip", "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((r) => {
-            const I = r.find(({ target: E }) => E === v());
-            I && !I.isIntersecting && c(!1);
+          f && (["mouseenter", "focusin"].forEach((c) => {
+            f.addEventListener(c, () => h(f));
+          }), f.addEventListener("keydown", (c) => r(c)), ["mouseleave", "focusout"].forEach((c) => {
+            f.addEventListener(c, () => g());
+          }), f.setAttribute("data-has-tooltip", "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((c) => {
+            const I = c.find(({ target: C }) => C === v());
+            I && !I.isIntersecting && r(!1);
           })), e.value = !1;
         }
       },
@@ -1850,10 +1851,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function S(f) {
+    function B(f) {
       f.stopPropagation();
     }
-    function c(f) {
+    function r(f) {
       (!f || f.key === "Escape") && d.value && getComputedStyle(d.value).visibility === "visible" && v().blur();
     }
     function v() {
@@ -1869,9 +1870,9 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         );
       }, 1);
     }
-    function L(f, r) {
-      var I, E;
-      (I = f == null ? void 0 : f.target) != null && I.contains && ((E = f == null ? void 0 : f.target) != null && E.contains(d.value)) && u(r);
+    function L(f, c) {
+      var I, C;
+      (I = f == null ? void 0 : f.target) != null && I.contains && ((C = f == null ? void 0 : f.target) != null && C.contains(d.value)) && u(c);
     }
     function g() {
       var f;
@@ -1880,12 +1881,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       ), (f = p.value) == null || f.unobserve(v());
     }
     function h(f) {
-      var r;
+      var c;
       t.value = new Ie().addCallback(
         (I) => L(I, f)
-      ), u(f), (r = p.value) == null || r.observe(v());
+      ), u(f), (c = p.value) == null || c.observe(v());
     }
-    return (f, r) => (m(), B("i", {
+    return (f, c) => (m(), S("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
@@ -1899,19 +1900,17 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-width": f.width,
       "data-show-arrow": n(X)(f.showArrow ?? !0),
       "data-placement": f.placement,
-      onClick: r[0] || (r[0] = async (I) => S(I))
+      onClick: c[0] || (c[0] = async (I) => B(I))
     }, [
-      C(f.$slots, "default")
-    ], 10, Yt));
+      A(f.$slots, "default")
+    ], 10, Kt));
   }
-}), Kt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Jt = /* @__PURE__ */ P({
+}), Jt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Qt = /* @__PURE__ */ P({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
     disabled: { type: [Boolean, String], default: void 0 },
     noText: { type: [Boolean, String], default: void 0 },
-    onRemove: { type: Function, default: void 0 },
-    remove: {},
     removeButton: { default: void 0 },
     showCheckState: { type: [Boolean, String], default: void 0 },
     text: { default: void 0 },
@@ -1927,19 +1926,21 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     overflow: { type: [Boolean, String], default: void 0 },
     emphasis: { default: void 0 },
     showIcon: { type: [Boolean, String], default: void 0 },
-    content: {}
+    content: {},
+    onRemove: { type: Function, default: void 0 },
+    remove: {}
   },
   setup(i) {
     const a = i, l = s(!1), e = s(null);
-    l.value = !0, A(
+    l.value = !0, D(
       () => [l.value, a.disabled, e.value],
       () => {
-        var d, S;
+        var d, B;
         if (l.value && e.value && a.disabled !== void 0) {
-          const c = (d = e.value) == null ? void 0 : d.querySelector(
+          const r = (d = e.value) == null ? void 0 : d.querySelector(
             "button:not(.db-tab-remove-button)"
-          ), v = (S = e.value) == null ? void 0 : S.querySelector("input");
-          for (const u of [c, v])
+          ), v = (B = e.value) == null ? void 0 : B.querySelector("input");
+          for (const u of [r, v])
             u && (u.disabled = !!a.disabled);
         }
       },
@@ -1949,12 +1950,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       }
     );
     function t(d) {
-      d == null || d.stopPropagation(), a.onRemove && a.onRemove(d);
+      d && (d.stopPropagation(), a.onRemove && a.onRemove(d));
     }
     function p() {
       return a.removeButton ? a.removeButton : ia;
     }
-    return (d, S) => (m(), B("div", {
+    return (d, B) => (m(), S("div", {
       ref_key: "_ref",
       ref: e,
       id: d.id,
@@ -1968,12 +1969,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-no-text": n(X)(d.noText),
       "data-overflow": n(X)(d.overflow)
     }, [
-      C(d.$slots, "content"),
-      C(d.$slots, "default"),
-      d.text ? (m(), B(U, { key: 0 }, [
-        D(_(d.text), 1)
+      A(d.$slots, "content"),
+      A(d.$slots, "default"),
+      d.text ? (m(), S(U, { key: 0 }, [
+        F(_(d.text), 1)
       ], 64)) : V("", !0),
-      d.behavior === "removable" ? (m(), B("button", {
+      d.behavior === "removable" ? (m(), S("button", {
         key: 1,
         class: "db-button db-tab-remove-button",
         "data-icon": "cross",
@@ -1981,21 +1982,21 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         "data-no-text": "true",
         "data-variant": "ghost",
         type: "button",
-        onClick: S[0] || (S[0] = async (c) => t(c))
+        onClick: B[0] || (B[0] = async (r) => t(r))
       }, [
         ae(ca, { variant: "label" }, {
           default: G(() => [
-            D(_(p()), 1)
+            F(_(p()), 1)
           ]),
           _: 1
         })
       ])) : V("", !0)
-    ], 10, Kt));
+    ], 10, Jt));
   }
-}), Qt = ["data-variant", "data-hide-label"], Zt = ["for"], xt = ["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"], ei = {
+}), Zt = ["data-variant", "data-hide-label"], xt = ["for"], ei = ["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"], ai = {
   "data-visually-hidden": "true",
   role: "status"
-}, ml = /* @__PURE__ */ P({
+}, gl = /* @__PURE__ */ P({
   __name: "textarea",
   props: {
     cols: { default: void 0 },
@@ -2045,33 +2046,33 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
     Y(() => {
-      const w = e.id ?? `textarea-${Q()}`;
-      t.value = w, p.value = w + fe, d.value = w + pe, S.value = w + he, c.value = e.invalidMessage || ie;
-    }), A(
+      const k = e.id ?? `textarea-${Q()}`;
+      t.value = k, p.value = k + fe, d.value = k + pe, B.value = k + he, r.value = e.invalidMessage || ie;
+    }), D(
       () => [g.value, e.invalidMessage],
       () => {
-        var w;
-        c.value = e.invalidMessage || ((w = g.value) == null ? void 0 : w.validationMessage) || ie;
+        var k;
+        r.value = e.invalidMessage || ((k = g.value) == null ? void 0 : k.validationMessage) || ie;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [t.value],
       () => {
         if (t.value) {
-          const w = t.value + fe;
-          p.value = w, d.value = t.value + pe, S.value = t.value + he, ee(e.message, e.showMessage) && (v.value = w);
+          const k = t.value + fe;
+          p.value = k, d.value = t.value + pe, B.value = t.value + he, ee(e.message, e.showMessage) && (v.value = k);
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.value],
       () => {
         u.value = e.value;
@@ -2085,64 +2086,64 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      var w, O, y;
-      !((w = g.value) != null && w.validity.valid) || e.validation === "invalid" ? (v.value = S.value, c.value = e.invalidMessage || ((O = g.value) == null ? void 0 : O.validationMessage) || ie, ve() && (L.value = c.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
+      var k, W, y;
+      !((k = g.value) != null && k.validity.valid) || e.validation === "invalid" ? (v.value = B.value, r.value = e.invalidMessage || ((W = g.value) == null ? void 0 : W.validationMessage) || ie, ve() && (L.value = r.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
     }
-    function r(w) {
-      e.input && e.input(w), u.value = w.target.value, e.onInput && e.onInput(w), se(l, w), f();
+    function c(k) {
+      e.input && e.input(k), u.value = k.target.value, e.onInput && e.onInput(k), se(l, k), f();
     }
-    function I(w) {
-      e.onChange && e.onChange(w), se(l, w), f();
+    function I(k) {
+      e.onChange && e.onChange(k), se(l, k), f();
     }
-    function E(w) {
-      e.onBlur && e.onBlur(w);
+    function C(k) {
+      e.onBlur && e.onBlur(k);
     }
-    function b(w) {
-      e.onFocus && e.onFocus(w);
+    function b(k) {
+      e.onFocus && e.onFocus(k);
     }
-    return (w, O) => (m(), B("div", {
+    return (k, W) => (m(), S("div", {
       class: z(n(R)("db-textarea", e.class)),
-      "data-variant": w.variant,
-      "data-hide-label": n(K)(w.showLabel)
+      "data-variant": k.variant,
+      "data-hide-label": n(K)(k.showLabel)
     }, [
-      T("label", { for: t.value }, _(w.label ?? n(Se)), 9, Zt),
+      T("label", { for: t.value }, _(k.label ?? n(Se)), 9, xt),
       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: g,
         id: t.value,
-        "data-resize": w.resize,
-        "data-hide-resizer": n(K)(w.showResizer ?? !0),
-        disabled: n(M)(w.disabled, "disabled"),
-        required: n(M)(w.required, "required"),
-        readOnly: n(M)(w.readOnly, "readOnly") || n(M)(w.readonly, "readonly"),
-        form: w.form,
-        maxLength: n(we)(w.maxLength, w.maxlength),
-        minLength: n(we)(w.minLength, w.minlength),
-        name: w.name,
-        wrap: w.wrap,
-        spellcheck: w.spellCheck,
-        autocomplete: w.autocomplete,
-        onInput: O[0] || (O[0] = async (y) => r(y)),
-        onChange: O[1] || (O[1] = async (y) => I(y)),
-        onBlur: O[2] || (O[2] = async (y) => E(y)),
-        onFocus: O[3] || (O[3] = async (y) => b(y)),
-        value: w.value ?? u.value,
-        "aria-describedby": w.ariaDescribedBy ?? v.value,
-        placeholder: w.placeholder ?? n(ta),
-        rows: n(we)(w.rows, n(Va)),
-        cols: n(we)(w.cols)
-      }, null, 40, xt),
-      n(ee)(w.message, w.showMessage) ? (m(), Z(te, {
+        "data-resize": k.resize,
+        "data-hide-resizer": n(K)(k.showResizer ?? !0),
+        disabled: n(M)(k.disabled, "disabled"),
+        required: n(M)(k.required, "required"),
+        readOnly: n(M)(k.readOnly, "readOnly") || n(M)(k.readonly, "readonly"),
+        form: k.form,
+        maxLength: n(we)(k.maxLength, k.maxlength),
+        minLength: n(we)(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) => C(y)),
+        onFocus: W[3] || (W[3] = async (y) => b(y)),
+        value: k.value ?? u.value,
+        "aria-describedby": k.ariaDescribedBy ?? v.value,
+        placeholder: k.placeholder ?? n(ta),
+        rows: n(we)(k.rows, n(Pa)),
+        cols: n(we)(k.cols)
+      }, null, 40, ei),
+      n(ee)(k.message, k.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
-        icon: w.messageIcon,
+        icon: k.messageIcon,
         id: p.value
       }, {
         default: G(() => [
-          D(_(w.message), 1)
+          F(_(k.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : V("", !0),
@@ -2153,27 +2154,27 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         id: d.value
       }, {
         default: G(() => [
-          D(_(w.validMessage || n(me)), 1)
+          F(_(k.validMessage || n(me)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : V("", !0),
       ae(te, {
         size: "small",
         semantic: "critical",
-        id: S.value
+        id: B.value
       }, {
         default: G(() => [
-          D(_(c.value), 1)
+          F(_(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", ei, _(L.value), 1)
-    ], 10, Qt));
+      T("span", ai, _(L.value), 1)
+    ], 10, Zt));
   }
-}), ai = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], ti = ["aria-haspopup", "aria-expanded", "disabled"], ii = ["data-auto-close", "id"], li = {
+}), ti = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], ii = ["aria-haspopup", "aria-expanded", "disabled"], li = ["data-auto-close", "id"], oi = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, gl = /* @__PURE__ */ P({
+}, bl = /* @__PURE__ */ P({
   __name: "navigation-item",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -2196,12 +2197,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), d = s(!1), S = s(
+    const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), d = s(!1), B = s(
       "sub-navigation-" + Q()
-    ), c = s(void 0), v = s(null);
+    ), r = s(void 0), v = s(null);
     Y(() => {
       l.value = !0;
-    }), A(
+    }), D(
       () => [a.subNavigationExpanded],
       () => {
         a.subNavigationExpanded !== void 0 && (p.value = !!M(
@@ -2213,13 +2214,13 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [l.value, v.value],
       () => {
         var h;
         if (l.value && v.value) {
           const f = v.value.querySelector("menu");
-          f && (((h = f.children) == null ? void 0 : h.length) > 0 ? (e.value = !0, c.value || (c.value = new st(
+          f && (((h = f.children) == null ? void 0 : h.length) > 0 ? (e.value = !0, r.value || (r.value = new ut(
             v.value,
             f
           ))) : t.value = !1);
@@ -2241,21 +2242,21 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     function g(h) {
       h.stopPropagation(), p.value = !1;
     }
-    return (h, f) => (m(), B("li", {
+    return (h, f) => (m(), S("li", {
       ref_key: "_ref",
       ref: v,
       id: h.id,
-      onMouseover: f[2] || (f[2] = async (r) => {
+      onMouseover: f[2] || (f[2] = async (c) => {
         var I;
-        return (I = c.value) == null ? void 0 : I.enableFollow();
+        return (I = r.value) == null ? void 0 : I.enableFollow();
       }),
-      onMouseleave: f[3] || (f[3] = async (r) => {
+      onMouseleave: f[3] || (f[3] = async (c) => {
         var I;
-        return (I = c.value) == null ? void 0 : I.disableFollow();
+        return (I = r.value) == null ? void 0 : I.disableFollow();
       }),
-      onMousemove: f[4] || (f[4] = async (r) => {
+      onMousemove: f[4] || (f[4] = async (c) => {
         var I;
-        return (I = c.value) == null ? void 0 : I.followByMouseEvent(r);
+        return (I = r.value) == null ? void 0 : I.followByMouseEvent(c);
       }),
       class: z(n(R)("db-navigation-item", a.class)),
       "data-width": h.width,
@@ -2265,48 +2266,48 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-wrap": n(X)(h.wrap),
       "aria-disabled": n(X)(h.disabled)
     }, [
-      t.value ? V("", !0) : (m(), B(U, { key: 0 }, [
-        h.text ? (m(), B(U, { key: 0 }, [
-          D(_(h.text), 1)
-        ], 64)) : C(h.$slots, "default", { key: 1 })
+      t.value ? V("", !0) : (m(), S(U, { key: 0 }, [
+        h.text ? (m(), S(U, { key: 0 }, [
+          F(_(h.text), 1)
+        ], 64)) : A(h.$slots, "default", { key: 1 })
       ], 64)),
-      t.value ? (m(), B(U, { key: 1 }, [
+      t.value ? (m(), S(U, { key: 1 }, [
         T("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": e.value,
           "aria-expanded": p.value,
           disabled: n(M)(h.disabled, "disabled"),
-          onClick: f[0] || (f[0] = async (r) => L(r))
+          onClick: f[0] || (f[0] = async (c) => L(c))
         }, [
-          h.text ? (m(), B(U, { key: 0 }, [
-            D(_(h.text), 1)
-          ], 64)) : C(h.$slots, "default", { key: 1 })
-        ], 8, ti),
+          h.text ? (m(), S(U, { key: 0 }, [
+            F(_(h.text), 1)
+          ], 64)) : A(h.$slots, "default", { key: 1 })
+        ], 8, ii),
         T("menu", {
           class: "db-sub-navigation",
           "data-auto-close": d.value,
-          id: S.value,
-          onClick: f[1] || (f[1] = async (r) => u(r))
+          id: B.value,
+          onClick: f[1] || (f[1] = async (c) => u(c))
         }, [
-          e.value ? (m(), B("div", li, [
+          e.value ? (m(), S("div", oi, [
             ae(Be, {
               icon: "arrow_left",
               variant: "ghost",
               id: h.backButtonId,
-              onClick: (r) => g(r)
+              onClick: (c) => g(c)
             }, {
               default: G(() => [
-                D(_(h.backButtonText ?? n(Na)), 1)
+                F(_(h.backButtonText ?? n(Ma)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : V("", !0),
-          C(h.$slots, "sub-navigation")
-        ], 8, ii)
+          A(h.$slots, "sub-navigation")
+        ], 8, li)
       ], 64)) : V("", !0)
-    ], 42, ai));
+    ], 42, ti));
   }
-}), oi = ["id"], di = ["aria-disabled", "name", "open"], ni = /* @__PURE__ */ P({
+}), di = ["id"], ni = ["aria-disabled", "name", "open"], si = /* @__PURE__ */ P({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -2328,7 +2329,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const a = i, l = s(Le), e = s(!1), t = s(void 0), p = s(!1), d = s(null);
     Y(() => {
       l.value = a.id || "accordion-item-" + Q(), a.defaultOpen && (e.value = a.defaultOpen), p.value = !0;
-    }), A(
+    }), D(
       () => [d.value, p.value],
       () => {
         d.value && p.value;
@@ -2337,7 +2338,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [a.name],
       () => {
         a.name && (t.value = a.name);
@@ -2347,39 +2348,39 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function S(c) {
-      c == null || c.preventDefault();
+    function B(r) {
+      r == null || r.preventDefault();
       const v = !e.value;
       a.onToggle && a.onToggle(v), e.value = v;
     }
-    return (c, v) => (m(), B("li", {
+    return (r, v) => (m(), S("li", {
       id: l.value,
       class: z(n(R)("db-accordion-item", a.class))
     }, [
       T("details", {
-        "aria-disabled": n(X)(c.disabled),
+        "aria-disabled": n(X)(r.disabled),
         ref_key: "_ref",
         ref: d,
         name: t.value,
         open: e.value
       }, [
         T("summary", {
-          onClick: v[0] || (v[0] = async (u) => S(u))
+          onClick: v[0] || (v[0] = async (u) => B(u))
         }, [
-          c.headlinePlain ? (m(), B(U, { key: 0 }, [
-            D(_(c.headlinePlain), 1)
+          r.headlinePlain ? (m(), S(U, { key: 0 }, [
+            F(_(r.headlinePlain), 1)
           ], 64)) : V("", !0),
-          c.headlinePlain ? V("", !0) : C(c.$slots, "headline", { key: 1 })
+          r.headlinePlain ? V("", !0) : A(r.$slots, "headline", { key: 1 })
         ]),
         T("div", null, [
-          c.text ? (m(), B(U, { key: 0 }, [
-            D(_(c.text), 1)
-          ], 64)) : C(c.$slots, "default", { key: 1 })
+          r.text ? (m(), S(U, { key: 0 }, [
+            F(_(r.text), 1)
+          ], 64)) : A(r.$slots, "default", { key: 1 })
         ])
-      ], 8, di)
-    ], 10, oi));
+      ], 8, ni)
+    ], 10, di));
   }
-}), si = ["id", "data-variant"], bl = /* @__PURE__ */ P({
+}), ui = ["id", "data-variant"], yl = /* @__PURE__ */ P({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -2399,7 +2400,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const a = i, l = s(Le), e = s(""), t = s(!1), p = s(!1), d = s(null);
     Y(() => {
       l.value = a.id || "accordion-" + Q(), t.value = !0, p.value = !0;
-    }), A(
+    }), 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 = "");
@@ -2408,13 +2409,13 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [d.value, e.value],
       () => {
         if (d.value) {
-          const c = d.value.getElementsByTagName("details");
-          if (c)
-            for (const v of Array.from(c))
+          const r = d.value.getElementsByTagName("details");
+          if (r)
+            for (const v of Array.from(r))
               e.value === "" ? v.removeAttribute("name") : v.name = e.value ?? "";
         }
       },
@@ -2422,15 +2423,15 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [d.value, p.value, a.initOpenIndex],
       () => {
         if (d.value && p.value) {
           if (a.initOpenIndex && a.initOpenIndex.length > 0) {
-            const c = d.value.getElementsByTagName("details");
-            if (c) {
+            const r = d.value.getElementsByTagName("details");
+            if (r) {
               const v = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
-              Array.from(c).forEach(
+              Array.from(r).forEach(
                 (u, L) => {
                   v != null && v.includes(L) && (u.open = !0);
                 }
@@ -2445,31 +2446,31 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function S() {
+    function B() {
       try {
         return typeof a.items == "string" ? JSON.parse(a.items) : a.items;
-      } catch (c) {
-        console.error(c);
+      } catch (r) {
+        console.error(r);
       }
       return [];
     }
-    return (c, v) => (m(), B("ul", {
+    return (r, v) => (m(), S("ul", {
       ref_key: "_ref",
       ref: d,
       id: l.value,
       class: z(n(R)("db-accordion", a.class)),
-      "data-variant": c.variant
+      "data-variant": r.variant
     }, [
-      c.items ? V("", !0) : C(c.$slots, "default", { key: 0 }),
-      c.items ? (m(!0), B(U, { key: 1 }, be(S(), (u, L) => (m(), Z(ni, {
+      r.items ? V("", !0) : A(r.$slots, "default", { key: 0 }),
+      r.items ? (m(!0), S(U, { key: 1 }, be(B(), (u, L) => (m(), Z(si, {
         key: `accordion-item-${L}`,
         headlinePlain: u.headlinePlain,
         disabled: u.disabled,
         text: u.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : V("", !0)
-    ], 10, si));
+    ], 10, ui));
   }
-}), ui = ["id", "aria-labelledby"], yl = /* @__PURE__ */ P({
+}), ri = ["id", "aria-labelledby"], kl = /* @__PURE__ */ P({
   __name: "navigation",
   props: {
     children: { default: void 0 },
@@ -2484,7 +2485,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const a = i, l = s(Le), e = s(null);
     return Y(() => {
       l.value = a.id || "navigation-" + Q();
-    }), (t, p) => (m(), B("nav", {
+    }), (t, p) => (m(), S("nav", {
       ref_key: "_ref",
       ref: e,
       id: l.value,
@@ -2492,11 +2493,11 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       class: z(n(R)("db-navigation", a.class))
     }, [
       T("menu", null, [
-        C(t.$slots, "default")
+        A(t.$slots, "default")
       ])
-    ], 10, ui));
+    ], 10, ri));
   }
-}), ri = ["id"], ci = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], kl = /* @__PURE__ */ P({
+}), ci = ["id"], vi = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], wl = /* @__PURE__ */ P({
   __name: "popover",
   props: {
     open: { type: [Boolean, String], default: void 0 },
@@ -2518,22 +2519,22 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const a = i, l = s(!1), e = s(!1), t = s(void 0), p = s(void 0), d = s(null);
     Y(() => {
       l.value = !0;
-    }), A(
+    }), D(
       () => [d.value, l.value],
       () => {
         if (d.value && l.value) {
           l.value = !1;
           const h = g();
-          h && (h.ariaHasPopup = "true"), c(), d.value.addEventListener(
+          h && (h.ariaHasPopup = "true"), r(), d.value.addEventListener(
             "keydown",
-            (f) => S(f)
+            (f) => B(f)
           ), ["mouseenter", "focusin"].forEach((f) => {
             d.value.addEventListener(f, () => u());
           }), ["mouseleave", "focusout"].forEach((f) => {
             d.value.addEventListener(f, () => L());
           }), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((f) => {
-            const r = f.find(({ target: I }) => I === g());
-            r && !r.isIntersecting && S(!1);
+            const c = f.find(({ target: I }) => I === g());
+            c && !c.isIntersecting && B(!1);
           }));
         }
       },
@@ -2541,7 +2542,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [d.value, e.value],
       () => {
         if (d.value) {
@@ -2554,12 +2555,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function S(h) {
+    function B(h) {
       if (!h || h.key === "Escape")
         for (const f of Array.from(d.value.children))
           f.blur();
     }
-    function c() {
+    function r() {
       if (!d.value) return;
       const h = d.value.querySelector("article");
       h && x(() => {
@@ -2571,14 +2572,14 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       }, 1);
     }
     function v(h) {
-      var f, r;
-      (f = h == null ? void 0 : h.target) != null && f.contains && ((r = h == null ? void 0 : h.target) != null && r.contains(d.value)) && c();
+      var f, c;
+      (f = h == null ? void 0 : h.target) != null && f.contains && ((c = h == null ? void 0 : h.target) != null && c.contains(d.value)) && r();
     }
     function u() {
       var f;
       e.value = !0, t.value = new Ie().addCallback(
-        (r) => v(r)
-      ), c();
+        (c) => v(c)
+      ), r();
       const h = g();
       h && ((f = p.value) == null || f.observe(h));
     }
@@ -2588,8 +2589,8 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         e.value = !1, t.value && new Ie().removeCallback(
           t.value
         );
-        const r = g();
-        r && ((f = p.value) == null || f.unobserve(r));
+        const c = g();
+        c && ((f = p.value) == null || f.unobserve(c));
       }
     }
     function g() {
@@ -2597,19 +2598,19 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       if (d.value) {
         const f = Array.from(d.value.children);
         if (f.length >= 2) {
-          const r = f[0];
-          return r.tagName.includes("-") ? ((h = r.children) == null ? void 0 : h.length) > 0 ? r.children[0] : null : r;
+          const c = f[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, f) => (m(), S("div", {
       ref_key: "_ref",
       ref: d,
       id: h.id,
       class: z(n(R)("db-popover", a.class))
     }, [
-      C(h.$slots, "trigger"),
+      A(h.$slots, "trigger"),
       T("article", {
         class: "db-popover-content",
         "data-spacing": h.spacing,
@@ -2620,11 +2621,11 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         "data-width": h.width,
         "data-placement": h.placement
       }, [
-        C(h.$slots, "default")
-      ], 8, ci)
-    ], 10, ri));
+        A(h.$slots, "default")
+      ], 8, vi)
+    ], 10, ci));
   }
-}), vi = ["id"], fi = { role: "tablist" }, pi = /* @__PURE__ */ P({
+}), fi = ["id"], pi = { role: "tablist" }, hi = /* @__PURE__ */ P({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -2638,18 +2639,18 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const a = i, l = s(Le), e = s(null);
     return Y(() => {
       l.value = a.id || "tab-list-" + Q();
-    }), (t, p) => (m(), B("div", {
+    }), (t, p) => (m(), S("div", {
       ref_key: "_ref",
       ref: e,
       id: l.value,
       class: z(n(R)("db-tab-list", a.class))
     }, [
-      T("ul", fi, [
-        C(t.$slots, "default")
+      T("ul", pi, [
+        A(t.$slots, "default")
       ])
-    ], 10, vi));
+    ], 10, fi));
   }
-}), hi = ["id", "aria-labelledby"], mi = /* @__PURE__ */ P({
+}), mi = ["id", "aria-labelledby"], gi = /* @__PURE__ */ P({
   __name: "tab-panel",
   props: {
     content: { default: void 0 },
@@ -2664,7 +2665,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   setup(i) {
     const a = i, l = s(null);
     return Y(() => {
-    }), (e, t) => (m(), B("section", {
+    }), (e, t) => (m(), S("section", {
       role: "tabpanel",
       ref_key: "_ref",
       ref: l,
@@ -2672,13 +2673,13 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       id: e.id,
       "aria-labelledby": e.labelledBy
     }, [
-      e.content ? (m(), B(U, { key: 0 }, [
-        D(_(e.content), 1)
+      e.content ? (m(), S(U, { key: 0 }, [
+        F(_(e.content), 1)
       ], 64)) : V("", !0),
-      C(e.$slots, "default")
-    ], 10, hi));
+      A(e.$slots, "default")
+    ], 10, mi));
   }
-}), gi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], wl = /* @__PURE__ */ P({
+}), bi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Sl = /* @__PURE__ */ P({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -2686,10 +2687,6 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     initialSelectedIndex: { default: void 0 },
     initialSelectedMode: { default: void 0 },
     name: { default: void 0 },
-    onIndexChange: { type: Function, default: void 0 },
-    onTabSelect: { type: Function, default: void 0 },
-    indexChange: {},
-    tabSelect: {},
     tabs: { default: void 0 },
     children: { default: void 0 },
     className: { default: void 0 },
@@ -2699,23 +2696,27 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     autofocus: { type: [Boolean, String] },
     orientation: { default: void 0 },
     width: { default: void 0 },
-    alignment: { default: void 0 }
+    alignment: { default: void 0 },
+    indexChange: {},
+    onIndexChange: { type: Function, default: void 0 },
+    onTabSelect: { type: Function, default: void 0 },
+    tabSelect: {}
   },
   setup(i) {
-    const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), d = s(!1), S = s(null), c = s(null);
+    const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), d = s(!1), B = s(null), r = s(null);
     Y(() => {
       l.value = a.id || l.value, e.value = `tabs-${a.name || Q()}`, t.value = !0;
-    }), A(
-      () => [c.value, t.value],
+    }), D(
+      () => [r.value, t.value],
       () => {
-        if (c.value && t.value) {
+        if (r.value && t.value) {
           g(), h(!0);
-          const r = c.value.querySelector(".db-tab-list");
-          r && new MutationObserver((E) => {
-            E.forEach((b) => {
+          const c = r.value.querySelector(".db-tab-list");
+          c && new MutationObserver((C) => {
+            C.forEach((b) => {
               (b.removedNodes.length || b.addedNodes.length) && (g(), h());
             });
-          }).observe(r, {
+          }).observe(c, {
             childList: !0,
             subtree: !0
           }), t.value = !1;
@@ -2729,93 +2730,95 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     function v() {
       try {
         return typeof a.tabs == "string" ? JSON.parse(a.tabs) : a.tabs;
-      } catch (r) {
-        console.error(r);
+      } catch (c) {
+        console.error(c);
       }
       return [];
     }
-    function u(r) {
-      const I = r.scrollWidth > r.clientWidth;
-      p.value = I && r.scrollLeft > 1, d.value = I && r.scrollLeft < r.scrollWidth - r.clientWidth;
+    function u(c) {
+      const I = c.scrollWidth > c.clientWidth;
+      p.value = I && c.scrollLeft > 1, d.value = I && c.scrollLeft < c.scrollWidth - c.clientWidth;
     }
-    function L(r) {
-      var E;
+    function L(c) {
+      var C;
       let I = Number(a.arrowScrollDistance) || 100;
-      r && (I *= -1), (E = S.value) == null || E.scrollBy({
+      c && (I *= -1), (C = B.value) == null || C.scrollBy({
         top: 0,
         left: I,
         behavior: "smooth"
       });
     }
     function g() {
-      if (c.value) {
-        const r = c.value.querySelector(".db-tab-list");
-        if (r) {
-          const I = r.querySelector('[role="tablist"]');
+      if (r.value) {
+        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" && (S.value = I, u(I), I.addEventListener("scroll", () => {
+          ), a.behavior === "arrows" && (B.value = I, u(I), I.addEventListener("scroll", () => {
             u(I);
           })));
         }
       }
     }
-    function h(r) {
-      if (c.value) {
+    function h(c) {
+      if (r.value) {
         const I = Array.from(
-          c.value.getElementsByClassName("db-tab-item")
-        ), E = Array.from(
-          c.value.querySelectorAll(
+          r.value.getElementsByClassName("db-tab-item")
+        ), C = Array.from(
+          r.value.querySelectorAll(
             ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
           )
         );
         for (const b of I) {
-          const w = I.indexOf(b), O = b.querySelector("label"), y = b.querySelector("input");
-          if (y && O) {
+          const k = I.indexOf(b), W = b.querySelector("label"), y = b.querySelector("input");
+          if (y && W) {
             if (!y.id) {
-              const W = `${e.value}-tab-${w}`;
-              O.setAttribute("for", W), y.id = W, y.setAttribute("name", e.value), E.length > w && y.setAttribute(
+              const O = `${e.value}-tab-${k}`;
+              W.setAttribute("for", O), y.id = O, y.setAttribute("name", e.value), C.length > k && y.setAttribute(
                 "aria-controls",
-                `${e.value}-tab-panel-${w}`
+                `${e.value}-tab-panel-${k}`
               );
             }
-            if (r) {
-              const W = !a.initialSelectedMode || a.initialSelectedMode === "auto", k = a.initialSelectedIndex == null && w === 0 || Number(a.initialSelectedIndex) === w;
-              W && k && y.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 E) {
+        for (const b of C) {
           if (b.id) continue;
-          const w = E.indexOf(b);
-          b.id = `${e.value}-tab-panel-${w}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${w}`);
+          const k = C.indexOf(b);
+          b.id = `${e.value}-tab-panel-${k}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${k}`);
         }
       }
     }
-    function f(r) {
-      var b;
-      r.stopPropagation();
-      const I = (b = r.target) == null ? void 0 : b.closest("ul"), E = (
+    function f(c) {
+      var k;
+      c.stopPropagation();
+      const I = (k = c.target) == null ? void 0 : k.closest;
+      if (!I) return;
+      const C = I("ul"), b = (
         // db-tab-item for angular and stencil wrapping elements
-        r.target.closest("db-tab-item") ?? r.target.closest("li")
+        I("db-tab-item") ?? I("li")
       );
-      if (I !== null && E !== null) {
-        const w = Array.from(I.childNodes).indexOf(E);
-        a.onIndexChange && a.onIndexChange(w);
+      if (C !== null && b !== null) {
+        const W = Array.from(C.childNodes).indexOf(b);
+        a.onIndexChange && a.onIndexChange(W);
       }
-      a.onTabSelect && a.onTabSelect(r);
+      a.onTabSelect && a.onTabSelect(c);
     }
-    return (r, I) => (m(), B("div", {
+    return (c, I) => (m(), S("div", {
       ref_key: "_ref",
-      ref: c,
+      ref: r,
       id: l.value,
       class: z(n(R)("db-tabs", a.class)),
-      "data-orientation": r.orientation,
-      "data-scroll-behavior": r.behavior,
-      "data-alignment": r.alignment ?? "start",
-      "data-width": r.width ?? "auto",
-      onInput: I[0] || (I[0] = async (E) => f(E))
+      "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 (C) => f(C))
     }, [
       p.value ? (m(), Z(Be, {
         key: 0,
@@ -2824,34 +2827,34 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (E) => L(!0)
+        onClick: (C) => L(!0)
       }, {
         default: G(() => I[1] || (I[1] = [
-          D(" Scroll left ")
+          F(" Scroll left ")
         ])),
         _: 1,
         __: [1]
       }, 8, ["onClick"])) : V("", !0),
-      r.tabs ? (m(), B(U, { key: 1 }, [
-        ae(pi, null, {
+      c.tabs ? (m(), S(U, { key: 1 }, [
+        ae(hi, null, {
           default: G(() => [
-            (m(!0), B(U, null, be(v(), (E, b) => (m(), Z(jt, {
-              key: r.name + "tab-item" + b,
-              active: E.active,
-              label: E.label,
-              iconAfter: E.iconAfter,
-              icon: E.icon,
-              noText: E.noText
+            (m(!0), S(U, null, be(v(), (C, b) => (m(), Z(Yt, {
+              key: c.name + "tab-item" + b,
+              active: C.active,
+              label: C.label,
+              iconAfter: C.iconAfter,
+              icon: C.icon,
+              noText: C.noText
             }, null, 8, ["active", "label", "iconAfter", "icon", "noText"]))), 128))
           ]),
           _: 1
         }),
-        (m(!0), B(U, null, be(v(), (E, b) => (m(), Z(mi, {
-          key: r.name + "tab-panel" + b,
-          content: E.content
+        (m(!0), S(U, null, be(v(), (C, b) => (m(), Z(gi, {
+          key: c.name + "tab-panel" + b,
+          content: C.content
         }, {
           default: G(() => [
-            D(_(E.children), 1)
+            F(_(C.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
@@ -2863,18 +2866,18 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (E) => L()
+        onClick: (C) => L()
       }, {
         default: G(() => I[2] || (I[2] = [
-          D(" Scroll right ")
+          F(" Scroll right ")
         ])),
         _: 1,
         __: [2]
       }, 8, ["onClick"])) : V("", !0),
-      C(r.$slots, "default")
-    ], 42, gi));
+      A(c.$slots, "default")
+    ], 42, bi));
   }
-}), Sl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bl = ["medium", "small", "large", "none"], Il = ["medium", "small", "large", "none"], bi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], yi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], $l = [...bi, ...yi], Ll = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], _l = ["horizontal", "vertical"], Tl = ["full", "auto"], El = ["full", "medium", "large", "small"], Cl = ["none", "slow", "fast"], Al = ["auto", "fixed"], Dl = ["small", "medium"], Fl = ["weak", "strong"], Nl = ["invalid", "valid", "no-validation"], Ml = ["fixed", "content"], zl = ["above", "floating"], Rl = ["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"], Vl = ["time", "true", "false", "date", "page", "step", "location"], Pl = ["_self", "_blank", "_parent", "_top"], Ul = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], ql = ["start", "center"], ki = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Gl = /* @__PURE__ */ P({
+}), Bl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Il = ["medium", "small", "large", "none"], $l = ["medium", "small", "large", "none"], yi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ki = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], Ll = [...yi, ...ki], _l = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], Tl = ["horizontal", "vertical"], Cl = ["full", "auto"], El = ["full", "medium", "large", "small"], Al = ["none", "slow", "fast"], Dl = ["auto", "fixed"], Fl = ["small", "medium"], Nl = ["weak", "strong"], Ml = ["invalid", "valid", "no-validation"], zl = ["fixed", "content"], Rl = ["above", "floating"], Vl = ["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"], Pl = ["time", "true", "false", "date", "page", "step", "location"], Ul = ["_self", "_blank", "_parent", "_top"], ql = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Gl = ["start", "center"], wi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Wl = /* @__PURE__ */ P({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -2892,7 +2895,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("div", {
+    return (e, t) => (m(), S("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -2904,10 +2907,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-justify-content": e.justifyContent,
       "data-wrap": n(X)(e.wrap)
     }, [
-      C(e.$slots, "default")
-    ], 10, ki));
+      A(e.$slots, "default")
+    ], 10, wi));
   }
-}), wi = ["role", "aria-label", "id"], Si = /* @__PURE__ */ P({
+}), Si = ["role", "aria-label", "id"], Bi = /* @__PURE__ */ P({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -2921,7 +2924,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("div", {
+    return (e, t) => (m(), S("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
       ref_key: "_ref",
@@ -2930,11 +2933,11 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       class: z(n(R)("db-custom-select-list", a.class))
     }, [
       T("ul", null, [
-        C(e.$slots, "default")
+        A(e.$slots, "default")
       ])
-    ], 10, wi));
+    ], 10, Si));
   }
-}), Bi = ["id", "data-divider"], Ii = ["data-icon", "data-hide-icon", "data-icon-after"], $i = ["type", "name", "form", "checked", "disabled", "value"], Li = { key: 1 }, _i = /* @__PURE__ */ P({
+}), Ii = ["id", "data-divider"], $i = ["data-icon", "data-hide-icon", "data-icon-after"], Li = ["type", "name", "form", "checked", "disabled", "value"], _i = { key: 1 }, Ti = /* @__PURE__ */ P({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -2962,7 +2965,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     const l = a, e = i, t = s(void 0), p = s(!1), d = s(null);
     Y(() => {
       t.value = e.id ?? `custom-select-list-item-${Q()}`;
-    }), A(
+    }), D(
       () => [e.isGroupTitle, e.showDivider],
       () => {
         p.value = !!(e.isGroupTitle || e.showDivider);
@@ -2972,14 +2975,14 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function S(v) {
+    function B(v) {
       v.stopPropagation(), e.onChange && e.onChange(v), se(l, v, "checked");
     }
-    function c() {
+    function r() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
         return M(e.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (v, u) => (m(), B("li", {
+    return (v, u) => (m(), S("li", {
       ref_key: "_ref",
       ref: d,
       id: t.value,
@@ -2991,11 +2994,11 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       ),
       "data-divider": n(X)(p.value)
     }, [
-      v.isGroupTitle ? (m(), B("span", Li, _(v.groupTitle), 1)) : (m(), B("label", {
+      v.isGroupTitle ? (m(), S("span", _i, _(v.groupTitle), 1)) : (m(), S("label", {
         key: 0,
         "data-icon": v.type !== "checkbox" && v.icon ? v.icon : void 0,
         "data-hide-icon": n(K)(v.showIcon),
-        "data-icon-after": c()
+        "data-icon-after": r()
       }, [
         T("input", {
           class: "db-custom-select-list-item-checkbox",
@@ -3006,15 +3009,15 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           checked: n(M)(v.checked, "checked"),
           disabled: n(M)(v.disabled, "disabled"),
           value: v.value,
-          onChange: u[0] || (u[0] = async (L) => S(L))
-        }, null, 40, $i),
-        v.label ? (m(), B(U, { key: 0 }, [
-          D(_(v.label), 1)
-        ], 64)) : C(v.$slots, "default", { key: 1 })
-      ], 8, Ii))
-    ], 10, Bi));
+          onChange: u[0] || (u[0] = async (L) => B(L))
+        }, null, 40, Li),
+        v.label ? (m(), S(U, { key: 0 }, [
+          F(_(v.label), 1)
+        ], 64)) : A(v.$slots, "default", { key: 1 })
+      ], 8, $i))
+    ], 10, Ii));
   }
-}), Ti = ["id", "data-width"], Ei = /* @__PURE__ */ P({
+}), Ci = ["id", "data-width"], Ei = /* @__PURE__ */ P({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -3027,7 +3030,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("article", {
+    return (e, t) => (m(), S("article", {
       "data-spacing": "none",
       ref_key: "_ref",
       ref: l,
@@ -3035,8 +3038,8 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       class: z(n(R)("db-custom-select-dropdown db-card", a.class)),
       "data-width": e.width
     }, [
-      C(e.$slots, "default")
-    ], 10, Ti));
+      A(e.$slots, "default")
+    ], 10, Ci));
   }
 }), ce = class ce {
   static runCallbacks(a) {
@@ -3058,10 +3061,10 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
 };
 de(ce, "callbacks", {}), de(ce, "_instance", null);
 let Re = ce;
-const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], Ai = ["id"], Di = ["id", "form", "name", "multiple", "disabled", "required"], Fi = ["disabled", "value"], Ni = ["open"], Mi = ["id", "aria-disabled", "aria-labelledby"], zi = ["data-visually-hidden", "id"], Ri = { key: 1 }, Vi = { key: 0 }, Pi = { key: 0 }, Ui = { class: "db-checkbox db-custom-select-list-item" }, qi = ["form", "checked"], Gi = ["aria-hidden", "id"], Wi = {
+const Ai = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], Di = ["id"], Fi = ["id", "form", "name", "multiple", "disabled", "required"], Ni = ["disabled", "value"], Mi = ["open"], zi = ["id", "aria-disabled", "aria-labelledby"], Ri = ["data-visually-hidden", "id"], Vi = { key: 1 }, Pi = { key: 0 }, Ui = { key: 0 }, qi = { class: "db-checkbox db-custom-select-list-item" }, Gi = ["form", "checked"], Wi = ["aria-hidden", "id"], Oi = {
   "data-visually-hidden": "true",
   role: "status"
-}, Wl = /* @__PURE__ */ P({
+}, Ol = /* @__PURE__ */ P({
   __name: "custom-select",
   props: {
     children: { default: void 0 },
@@ -3126,47 +3129,47 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   emits: ["update:values"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), r = s(""), I = s(""), E = s(void 0), b = s(""), w = s([]), O = s(!1), y = s(!1), W = s(0), k = s([]), H = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ee = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), B = s(void 0), r = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), c = s(""), I = s(""), C = 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), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ce = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
     Y(() => {
       const o = e.id ?? `custom-select-${Q()}`;
-      t.value = o, p.value = o + fe, d.value = o + pe, S.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, E.value = o + "-selected-labels", h.value = o + "-info", c.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
+      t.value = o, p.value = o + fe, d.value = o + pe, B.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, C.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 F = $.find(({ target: j }) => j === N.value);
-          F && !F.isIntersecting && N.value.open && (N.value.open = !1);
+          const E = $.find(({ target: j }) => j === N.value);
+          E && !E.isIntersecting && N.value.open && (N.value.open = !1);
         }
       }));
-    }), A(
+    }), D(
       () => [N.value],
       () => {
         N.value && N.value.addEventListener(
           "focusout",
-          (o) => Ce(o)
+          (o) => Ee(o)
         );
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [t.value],
       () => {
         if (t.value) {
           const o = t.value + fe;
-          u.value = t.value + Ze, v.value = t.value + xe, d.value = t.value + pe, S.value = t.value + he, g.value = t.value + ze, ee(e.message, e.showMessage) ? Oe(o) : Oe();
+          u.value = t.value + Ze, v.value = t.value + xe, d.value = t.value + pe, B.value = t.value + he, g.value = t.value + ze, ee(e.message, e.showMessage) ? Oe(o) : Oe();
         }
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [N.value, r.value],
+    ), D(
+      () => [N.value, c.value],
       () => {
         if (N.value) {
           const o = N.value.querySelector("summary");
           o && o.setAttribute(
             "aria-describedby",
-            e.ariaDescribedBy ?? (r.value || "")
+            e.ariaDescribedBy ?? (c.value || "")
           );
         }
       },
@@ -3174,7 +3177,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.showNoResults, H.value],
       () => {
         e.showNoResults !== void 0 ? le.value = e.showNoResults : H.value && (le.value = H.value.length === 0);
@@ -3183,35 +3186,35 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [e.showSelectAll, W.value, e.multiple],
+    ), D(
+      () => [e.showSelectAll, O.value, e.multiple],
       () => {
-        O.value = !!(e.multiple && (e.showSelectAll ?? W.value > 5));
+        W.value = !!(e.multiple && (e.showSelectAll ?? O.value > 5));
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [e.showSearch, W.value],
+    ), D(
+      () => [e.showSearch, O.value],
       () => {
-        y.value = e.showSearch ?? W.value > 9;
+        y.value = e.showSearch ?? O.value > 9;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.values],
       () => {
-        e.values && Array.isArray(e.values) && e.values !== k.value && (k.value = e.values ?? []);
+        e.values && Array.isArray(e.values) && e.values !== w.value && (w.value = e.values ?? []);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [k.value],
+    ), D(
+      () => [w.value],
       () => {
         pa();
       },
@@ -3219,7 +3222,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.validation],
       () => {
         f.value = e.validation;
@@ -3228,27 +3231,27 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [k.value, W.value],
+    ), D(
+      () => [w.value, O.value],
       () => {
         var o, $;
-        ((o = k.value) == null ? void 0 : o.length) === 0 ? (Pe.value = !1, Ee.value = !1) : (($ = k.value) == null ? void 0 : $.length) === W.value ? (Ee.value = !1, Pe.value = !0) : k.value && (Ee.value = !0);
+        ((o = w.value) == null ? void 0 : o.length) === 0 ? (Pe.value = !1, Ce.value = !1) : (($ = w.value) == null ? void 0 : $.length) === O.value ? (Ce.value = !1, Pe.value = !0) : w.value && (Ce.value = !0);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.options],
       () => {
         var o;
-        H.value = e.options, W.value = ((o = e.options) == null ? void 0 : o.filter(($) => !$.isGroupTitle).length) ?? 0;
+        H.value = e.options, O.value = ((o = e.options) == null ? void 0 : o.filter(($) => !$.isGroupTitle).length) ?? 0;
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [e.searchValue],
       () => {
         if (Ve.value = e.searchValue, e.searchValue) {
@@ -3260,14 +3263,14 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [e.options, k.value],
+    ), D(
+      () => [e.options, w.value],
       () => {
         var o, $;
-        (o = e.options) != null && o.length && (w.value = ($ = e.options) == null ? void 0 : $.filter(
-          (F) => {
+        (o = e.options) != null && o.length && (k.value = ($ = e.options) == null ? void 0 : $.filter(
+          (E) => {
             var j, oe;
-            return !F.value || !((j = k.value) != null && j.includes) ? !1 : !F.isGroupTitle && ((oe = k.value) == null ? void 0 : oe.includes(F.value));
+            return !E.value || !((j = w.value) != null && j.includes) ? !1 : !E.isGroupTitle && ((oe = w.value) == null ? void 0 : oe.includes(E.value));
           }
         ));
       },
@@ -3275,27 +3278,27 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [
-        w.value,
+        k.value,
         e.selectedType,
         e.amountText,
         e.selectedLabels,
         e.transformSelectedLabels
       ],
       () => {
-        var o, $, F;
+        var o, $, E;
         if (e.selectedLabels) {
           I.value = e.selectedLabels;
           return;
         }
-        if ((o = w.value) != null && o.length) {
+        if ((o = k.value) != null && o.length) {
           if (e.transformSelectedLabels) {
-            const j = w.value, oe = e.transformSelectedLabels;
+            const j = k.value, oe = e.transformSelectedLabels;
             I.value = oe(j);
             return;
           }
-          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = w.value) == null ? void 0 : $.length} ${Ma}` : I.value = (F = w.value) == null ? void 0 : F.map((j) => $e(j)).join(", ");
+          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = k.value) == null ? void 0 : $.length} ${za}` : I.value = (E = k.value) == null ? void 0 : E.map((j) => $e(j)).join(", ");
         } else
           I.value = "";
       },
@@ -3303,30 +3306,30 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         immediate: !0,
         flush: "post"
       }
-    ), A(
-      () => [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"
       }
-    ), A(
-      () => [Ee.value, Ne.value],
+    ), D(
+      () => [Ce.value, Ne.value],
       () => {
-        Ne.value && (Ne.value.indeterminate = !!Ee.value);
+        Ne.value && (Ne.value.indeterminate = !!Ce.value);
       },
       {
         immediate: !0,
         flush: "post"
       }
-    ), A(
+    ), D(
       () => [ke.value, e.invalidMessage],
       () => {
         var o;
-        c.value = e.invalidMessage || ((o = ke.value) == null ? void 0 : o.validationMessage) || ie;
+        r.value = e.invalidMessage || ((o = ke.value) == null ? void 0 : o.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -3334,19 +3337,19 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     );
     function fa(o) {
-      var $, F;
-      ($ = o == null ? void 0 : o.target) != null && $.contains && ((F = o == null ? void 0 : o.target) != null && F.contains(N.value)) && qe();
+      var $, E;
+      ($ = o == null ? void 0 : o.target) != null && $.contains && ((E = o == null ? void 0 : o.target) != null && E.contains(N.value)) && qe();
     }
     function We() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function pa() {
-      var o, $, F;
-      ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (r.value = S.value, c.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, ve() && (b.value = c.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((F = ke.value) != null && F.validity.valid) && e.required ? (r.value = d.value, ve() && (b.value = e.validMessage ?? me, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (r.value = p.value, f.value = e.validation ?? "no-validation") : (r.value = g.value, f.value = e.validation ?? "no-validation");
+      var o, $, E;
+      ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (c.value = B.value, r.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, ve() && (b.value = r.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((E = ke.value) != null && E.validity.valid) && e.required ? (c.value = d.value, ve() && (b.value = e.validMessage ?? me, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (c.value = p.value, f.value = e.validation ?? "no-validation") : (c.value = g.value, f.value = e.validation ?? "no-validation");
     }
     function ha(o) {
-      var $, F;
-      e.onDropdownToggle && (o.stopPropagation(), e.onDropdownToggle(o)), o.target.open ? (J.value = new Re().addCallback(
+      var $, E;
+      e.onDropdownToggle && (o.stopPropagation(), e.onDropdownToggle(o)), o.target instanceof HTMLDetailsElement && o.target.open ? (J.value = new Re().addCallback(
         (j) => Ba(j)
       ), ye.value = new Ie().addCallback(
         (j) => fa(j)
@@ -3354,16 +3357,16 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         J.value
       ), ye.value && new Ie().removeCallback(
         ye.value
-      ), (F = Te.value) == null || F.unobserve(N.value));
+      ), (E = Te.value) == null || E.unobserve(N.value));
     }
     function ma() {
       var o;
-      return (o = k.value) != null && o.length ? k.value.at(0) ?? "" : "";
+      return (o = w.value) != null && o.length ? w.value.at(0) ?? "" : "";
     }
     function Oe(o) {
-      var F;
+      var E;
       const $ = [];
-      o && $.push(o), E.value && ((F = I.value) != null && F.length) && $.push(E.value), r.value = $.join(" ");
+      o && $.push(o), C.value && ((E = I.value) != null && E.length) && $.push(C.value), c.value = $.join(" ");
     }
     function ga() {
       return e.selectAllLabel ?? Se;
@@ -3373,20 +3376,20 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       return o.label ?? (($ = o.value) == null ? void 0 : $.toString()) ?? "";
     }
     function ba(o) {
-      var $, F;
-      return o && (($ = k.value) != null && $.includes) ? (F = k.value) == null ? void 0 : F.includes(o) : !1;
+      var $, E;
+      return o && (($ = w.value) != null && $.includes) ? (E = w.value) == null ? void 0 : E.includes(o) : !1;
     }
     function ya(o) {
-      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${w.value ? $e(w.value[o]) : ""}`;
+      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${k.value ? $e(k.value[o]) : ""}`;
     }
     function ka(o, $) {
-      $.stopPropagation(), He(o.value), Ae();
+      $ && $.stopPropagation(), He(o.value), Ae();
     }
     function qe() {
       if (N.value) {
         const o = N.value.querySelector("article");
         o && x(() => {
-          nt(
+          st(
             o,
             N.value,
             e.placement ?? "bottom"
@@ -3395,7 +3398,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     }
     function wa(o) {
-      var $, F, j, oe, q, ge, De;
+      var $, E, j, oe, q, ge, De;
       if (($ = N.value) != null && $.open) {
         if (self.document) {
           const ue = self.document.activeElement;
@@ -3403,7 +3406,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             if (ue.getAttribute("type") === "checkbox" || ue.getAttribute("type") === "radio") {
               const ne = ue == null ? void 0 : ue.closest("li");
               if (o.key === "ArrowDown" || o.key === "ArrowRight")
-                ne != null && ne.nextElementSibling ? (j = (F = ne == null ? void 0 : ne.nextElementSibling) == null ? void 0 : F.querySelector("input")) == null || j.focus() : Me(ue);
+                ne != null && ne.nextElementSibling ? (j = (E = ne == null ? void 0 : ne.nextElementSibling) == null ? void 0 : E.querySelector("input")) == null || j.focus() : Me(ue);
               else if (ne != null && ne.previousElementSibling)
                 (q = (oe = ne == null ? void 0 : ne.previousElementSibling) == null ? void 0 : oe.querySelector("input")) == null || q.focus();
               else if (N.value.querySelector('input[type="checkbox"]') !== ue)
@@ -3424,34 +3427,34 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                 }
               }
             } else
-              ue.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Ce("close"), Ae()) : Me(ue);
+              ue.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Ee(void 0, !0), Ae()) : Me(ue);
         }
       } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (qe(), N.value && (N.value.open = !0), Xe());
       o.stopPropagation(), o.preventDefault();
     }
     function Sa(o) {
       var $;
-      o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ce("close"), Ae()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && wa(o);
+      o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ee(void 0, !0), Ae()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && wa(o);
     }
-    function Ce(o) {
+    function Ee(o, $) {
       if (N.value) {
-        if (o === "close")
+        if ($)
           N.value.open = !1, Ae();
-        else if (N.value.open && (o != null && o.relatedTarget)) {
-          const $ = o.relatedTarget;
-          N.value.contains($) || x(() => N.value.open = !1, 1);
+        else if (N.value.open && o && o.relatedTarget) {
+          const E = o.relatedTarget;
+          N.value.contains(E) || x(() => N.value.open = !1, 1);
         }
       }
     }
     function Ba(o) {
       var $;
       if (o) {
-        const F = o.target;
-        ($ = N.value) != null && $.open && !N.value.contains(F) && (N.value.open = !1);
+        const E = o.target;
+        ($ = N.value) != null && $.open && !N.value.contains(E) && (N.value.open = !1);
       }
     }
     function _e(o) {
-      (/* @__PURE__ */ new Date()).getTime() - Fe.value < 200 || (k.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
+      (/* @__PURE__ */ new Date()).getTime() - Fe.value < 200 || (w.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
         l,
         {
           target: {
@@ -3463,19 +3466,19 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function He(o) {
       var $;
-      o && (e.multiple ? ($ = k.value) != null && $.includes(o) ? _e(k.value.filter((F) => F !== o)) : _e([...k.value || [], o]) : (_e([o]), Ce("close")));
+      o && (e.multiple ? ($ = w.value) != null && $.includes(o) ? _e(w.value.filter((E) => E !== o)) : _e([...w.value || [], o]) : (_e([o]), Ee(void 0, !0)));
     }
     function Ia(o) {
       var $;
-      if (o.stopPropagation(), (($ = k.value) == null ? void 0 : $.length) === W.value)
+      if (o.stopPropagation(), (($ = w.value) == null ? void 0 : $.length) === O.value)
         _e([]);
       else {
-        const F = y.value && Ue.value ? Ue.value.value : void 0;
+        const E = y.value && Ue.value ? Ue.value.value : void 0;
         _e(
           e.options ? e.options.filter(
             (j) => {
               var oe;
-              return !j.isGroupTitle && (!F || ((oe = j.value) == null ? void 0 : oe.toLowerCase().includes(F.toLowerCase())));
+              return !j.isGroupTitle && (!E || ((oe = j.value) == null ? void 0 : oe.toLowerCase().includes(E.toLowerCase())));
             }
           ).map((j) => j.value ?? "") : []
         );
@@ -3489,7 +3492,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           )
         );
         if ($.length) {
-          const F = $.at(0), j = F === o && $.length > 1 ? $.at(1) : F;
+          const E = $.at(0), j = E === o && $.length > 1 ? $.at(1) : E;
           j && x(() => {
             j.focus();
           }, 1);
@@ -3505,11 +3508,19 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     }
     function je(o) {
+      if (o === void 0)
+        return;
       let $;
-      typeof o == "string" ? $ = o : (o.stopPropagation(), e.onSearch && e.onSearch(o), $ = o.target.value, Ve.value = $), !e.options || !$ || $.length === 0 ? H.value = e.options : e.searchFilter ? H.value = e.options.filter(
-        (F) => e.searchFilter(F, $)
+      if (typeof o == "string")
+        $ = o;
+      else {
+        const E = o;
+        E.stopPropagation(), e.onSearch && e.onSearch(E), $ = E.target.value, Ve.value = $;
+      }
+      !e.options || !$ || $.length === 0 ? H.value = e.options : e.searchFilter ? H.value = e.options.filter(
+        (E) => e.searchFilter(E, $)
       ) : H.value = e.options.filter(
-        (F) => !F.isGroupTitle && $e(F).toLowerCase().includes($.toLowerCase())
+        (E) => !E.isGroupTitle && $e(E).toLowerCase().includes($.toLowerCase())
       );
     }
     function $a(o) {
@@ -3523,8 +3534,8 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       o.stopPropagation();
     }
     return (o, $) => {
-      var F, j, oe;
-      return m(), B("div", {
+      var E, j, oe;
+      return m(), S("div", {
         id: t.value,
         ref_key: "_ref",
         ref: va,
@@ -3541,7 +3552,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "data-hide-icon": n(K)(o.showIcon)
       }, [
         T("label", { id: u.value }, [
-          D(_(o.label ?? n(Se)), 1),
+          F(_(o.label ?? n(Se)), 1),
           T("select", {
             role: "none",
             hidden: !0,
@@ -3556,13 +3567,13 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             required: n(M)(o.required, "required"),
             onChange: $[0] || ($[0] = async (q) => La(q))
           }, [
-            (F = o.options) != null && F.length ? (m(!0), B(U, { key: 0 }, be(o.options, (q, ge) => (m(), B("option", {
+            (E = o.options) != null && E.length ? (m(!0), S(U, { key: 0 }, be(o.options, (q, ge) => (m(), S("option", {
               key: ge,
               disabled: q.disabled,
               value: q.value
-            }, _($e(q)), 9, Fi))), 128)) : V("", !0)
-          ], 40, Di)
-        ], 8, Ai),
+            }, _($e(q)), 9, Ni))), 128)) : V("", !0)
+          ], 40, Fi)
+        ], 8, Di),
         T("details", {
           ref_key: "detailsRef",
           ref: N,
@@ -3570,21 +3581,21 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           onToggle: $[2] || ($[2] = async (q) => ha(q)),
           onKeydown: $[3] || ($[3] = async (q) => Sa(q))
         }, [
-          C(o.$slots, "default"),
-          o.options ? (m(), B(U, { key: 0 }, [
+          A(o.$slots, "default"),
+          o.options ? (m(), S(U, { key: 0 }, [
             T("summary", {
               class: "db-custom-select-form-field",
               id: L.value,
               "aria-disabled": n(X)(o.disabled),
               "aria-labelledby": u.value
             }, [
-              (j = I.value) != null && j.length ? (m(), B("span", {
+              (j = I.value) != null && j.length ? (m(), S("span", {
                 key: 0,
                 "data-visually-hidden": n(X)(o.selectedType === "tag"),
-                id: E.value
-              }, _(I.value), 9, zi)) : V("", !0),
-              o.selectedType === "tag" ? (m(), B("div", Ri, [
-                (m(!0), B(U, null, be(w.value, (q, ge) => (m(), Z(Jt, {
+                id: C.value
+              }, _(I.value), 9, Ri)) : V("", !0),
+              o.selectedType === "tag" ? (m(), S("div", Vi, [
+                (m(!0), S(U, null, be(k.value, (q, ge) => (m(), Z(Qt, {
                   key: ge,
                   emphasis: "strong",
                   behavior: "removable",
@@ -3592,15 +3603,15 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                   onRemove: (De) => ka(q, De)
                 }, {
                   default: G(() => [
-                    D(_($e(q)), 1)
+                    F(_($e(q)), 1)
                   ]),
                   _: 2
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : V("", !0)
-            ], 8, Mi),
+            ], 8, zi),
             ae(Ei, { width: o.dropdownWidth }, {
               default: G(() => [
-                y.value ? (m(), B("div", Vi, [
+                y.value ? (m(), S("div", Pi, [
                   ae(Et, {
                     type: "search",
                     ref_key: "searchInputRef",
@@ -3622,12 +3633,12 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                   semantic: le.value ? "warning" : "informational"
                 }, {
                   default: G(() => [
-                    D(_((le.value ? o.noResultsText : o.loadingText) ?? n(Fa)), 1)
+                    F(_((le.value ? o.noResultsText : o.loadingText) ?? n(Na)), 1)
                   ]),
                   _: 1
-                }, 8, ["id", "icon", "semantic"])) : (m(), B(U, { key: 2 }, [
-                  O.value ? (m(), B("div", Pi, [
-                    T("div", Ui, [
+                }, 8, ["id", "icon", "semantic"])) : (m(), S(U, { key: 2 }, [
+                  W.value ? (m(), S("div", Ui, [
+                    T("div", qi, [
                       T("label", null, [
                         T("input", {
                           type: "checkbox",
@@ -3637,17 +3648,17 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                           form: t.value,
                           checked: Pe.value,
                           onChange: $[1] || ($[1] = async (q) => Ia(q))
-                        }, null, 40, qi),
-                        D(_(ga()), 1)
+                        }, null, 40, Gi),
+                        F(_(ga()), 1)
                       ])
                     ])
                   ])) : V("", !0),
-                  ae(Si, {
+                  ae(Bi, {
                     multiple: n(M)(o.multiple, "multiple"),
                     label: o.ariaListLabel ?? o.label ?? n(Se)
                   }, {
                     default: G(() => [
-                      (m(!0), B(U, null, be(H.value, (q, ge) => (m(), Z(_i, {
+                      (m(!0), S(U, null, be(H.value, (q, ge) => (m(), Z(Ti, {
                         key: ge,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: q.showDivider,
@@ -3661,8 +3672,8 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                         onChange: (De) => He(q.value)
                       }, {
                         default: G(() => [
-                          q.isGroupTitle ? V("", !0) : (m(), B(U, { key: 0 }, [
-                            D(_($e(q)), 1)
+                          q.isGroupTitle ? V("", !0) : (m(), S(U, { key: 0 }, [
+                            F(_($e(q)), 1)
                           ], 64))
                         ]),
                         _: 2
@@ -3679,10 +3690,10 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     size: "small",
                     name: t.value,
                     form: t.value,
-                    onClick: (q) => Ce("close")
+                    onClick: (q) => Ee(void 0, !0)
                   }, {
                     default: G(() => [
-                      D(_(o.mobileCloseButtonText ?? n(Ge)), 1)
+                      F(_(o.mobileCloseButtonText ?? n(Ge)), 1)
                     ]),
                     _: 1
                   }, 8, ["name", "form", "onClick"])
@@ -3691,8 +3702,8 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
               _: 1
             }, 8, ["width"])
           ], 64)) : V("", !0)
-        ], 40, Ni),
-        (o.showClearSelection ?? !0) && ((oe = k.value) != null && oe.length) ? (m(), Z(Be, {
+        ], 40, Mi),
+        (o.showClearSelection ?? !0) && ((oe = w.value) != null && oe.length) ? (m(), Z(Be, {
           key: 0,
           icon: "cross",
           variant: "ghost",
@@ -3703,10 +3714,10 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           onClick: (q) => $a(q)
         }, {
           default: G(() => [
-            D(_(o.clearSelectionText), 1),
+            F(_(o.clearSelectionText), 1),
             ae(ca, { placement: "top" }, {
               default: G(() => [
-                D(_(o.clearSelectionText), 1)
+                F(_(o.clearSelectionText), 1)
               ]),
               _: 1
             })
@@ -3716,7 +3727,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         T("span", {
           "aria-hidden": n(X)(!0),
           id: g.value
-        }, _(o.placeholder ?? o.label), 9, Gi),
+        }, _(o.placeholder ?? o.label), 9, Wi),
         n(ee)(o.message, o.showMessage) ? (m(), Z(te, {
           key: 1,
           size: "small",
@@ -3724,7 +3735,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           id: p.value
         }, {
           default: G(() => [
-            D(_(o.message), 1)
+            F(_(o.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : V("", !0),
@@ -3735,25 +3746,25 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           id: d.value
         }, {
           default: G(() => [
-            D(_(o.validMessage || n(me)), 1)
+            F(_(o.validMessage || n(me)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : V("", !0),
         ae(te, {
           size: "small",
           semantic: "critical",
-          id: S.value
+          id: B.value
         }, {
           default: G(() => [
-            D(_(c.value), 1)
+            F(_(r.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        T("span", Wi, _(b.value), 1)
-      ], 10, Ci);
+        T("span", Oi, _(b.value), 1)
+      ], 10, Ai);
     };
   }
-}), Oi = ["id"], Ol = /* @__PURE__ */ P({
+}), Hi = ["id"], Hl = /* @__PURE__ */ P({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -3765,109 +3776,109 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   setup(i) {
     const a = i, l = s(null);
-    return (e, t) => (m(), B("summary", {
+    return (e, t) => (m(), S("summary", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
       class: z(n(R)("db-custom-select-form-field", a.class))
     }, [
-      C(e.$slots, "default")
-    ], 10, Oi));
+      A(e.$slots, "default")
+    ], 10, Hi));
   }
 });
 export {
-  ql as AlignmentList,
-  Rl as AutoCompleteList,
+  Gl as AlignmentList,
+  Vl as AutoCompleteList,
   da as COLOR,
-  Zi as COLORS,
-  xi as COLORS_SIMPLE,
-  Ji as COLOR_CONST,
+  xi as COLORS,
+  el as COLORS_SIMPLE,
+  Qi as COLOR_CONST,
   oa as COLOR_SIMPLE,
-  bl as DBAccordion,
-  ni as DBAccordionItem,
-  il as DBBadge,
-  ll as DBBrand,
+  yl as DBAccordion,
+  si as DBAccordionItem,
+  ll as DBBadge,
+  ol as DBBrand,
   Be as DBButton,
-  ol as DBCard,
-  dl as DBCheckbox,
-  Wl as DBCustomSelect,
+  dl as DBCard,
+  nl as DBCheckbox,
+  Ol as DBCustomSelect,
   Ei as DBCustomSelectDropdown,
-  Ol as DBCustomSelectFormField,
-  Si as DBCustomSelectList,
-  _i as DBCustomSelectListItem,
-  nl as DBDivider,
-  lt as DBDrawer,
-  sl as DBHeader,
-  ul as DBIcon,
+  Hl as DBCustomSelectFormField,
+  Bi as DBCustomSelectList,
+  Ti as DBCustomSelectListItem,
+  sl as DBDivider,
+  ot as DBDrawer,
+  ul as DBHeader,
+  rl as DBIcon,
   te as DBInfotext,
   Et as DBInput,
-  rl as DBLink,
-  yl as DBNavigation,
-  gl as DBNavigationItem,
-  tl as DBNotification,
-  cl as DBPage,
-  kl as DBPopover,
-  vl as DBRadio,
-  fl as DBSection,
-  pl as DBSelect,
-  Gl as DBStack,
-  hl as DBSwitch,
-  jt as DBTabItem,
-  pi as DBTabList,
-  mi as DBTabPanel,
-  wl as DBTabs,
-  Jt as DBTag,
-  ml as DBTextarea,
+  cl as DBLink,
+  kl as DBNavigation,
+  bl as DBNavigationItem,
+  il as DBNotification,
+  vl as DBPage,
+  wl as DBPopover,
+  fl as DBRadio,
+  pl as DBSection,
+  hl as DBSelect,
+  Wl as DBStack,
+  ml as DBSwitch,
+  Yt as DBTabItem,
+  hi as DBTabList,
+  gi as DBTabPanel,
+  Sl as DBTabs,
+  Qt as DBTag,
+  gl as DBTextarea,
   ca as DBTooltip,
-  Na as DEFAULT_BACK,
-  za as DEFAULT_BURGER_MENU,
+  Ma as DEFAULT_BACK,
+  Ra as DEFAULT_BURGER_MENU,
   Ge as DEFAULT_CLOSE_BUTTON,
   ea as DEFAULT_DATALIST_ID_SUFFIX,
-  Ra as DEFAULT_ICON,
+  Va as DEFAULT_ICON,
   Le as DEFAULT_ID,
   ie as DEFAULT_INVALID_MESSAGE,
   he as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   Se as DEFAULT_LABEL,
   Ze as DEFAULT_LABEL_ID_SUFFIX,
-  Fa as DEFAULT_MESSAGE,
+  Na as DEFAULT_MESSAGE,
   fe as DEFAULT_MESSAGE_ID_SUFFIX,
   ta as DEFAULT_PLACEHOLDER,
   ze as DEFAULT_PLACEHOLDER_ID_SUFFIX,
   ia as DEFAULT_REMOVE,
-  Va as DEFAULT_ROWS,
-  Ma as DEFAULT_SELECTED,
+  Pa as DEFAULT_ROWS,
+  za as DEFAULT_SELECTED,
   xe as DEFAULT_SELECT_ID_SUFFIX,
   me as DEFAULT_VALID_MESSAGE,
   pe as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Pa as DEFAULT_VIEWPORT,
-  Qi as DENSITIES,
+  Ua as DEFAULT_VIEWPORT,
+  Zi as DENSITIES,
   la as DENSITY,
-  Ki as DENSITY_CONST,
-  Ua as DESKTOP_VIEWPORT,
-  Fl as EmphasisList,
-  Ml as FieldSizingList,
-  Ll as GapSpacingList,
-  zl as LabelVariantList,
-  Vl as LinkCurrentList,
-  Ul as LinkReferrerPolicyList,
-  Pl as LinkTargetList,
-  Il as MarginList,
+  Ji as DENSITY_CONST,
+  qa as DESKTOP_VIEWPORT,
+  Nl as EmphasisList,
+  zl as FieldSizingList,
+  _l as GapSpacingList,
+  Rl as LabelVariantList,
+  Pl as LinkCurrentList,
+  ql as LinkReferrerPolicyList,
+  Ul as LinkTargetList,
+  $l as MarginList,
   El as MaxWidthList,
-  st as NavigationItemSafeTriangle,
-  _l as OrientationList,
-  bi as PlacementHorizontalList,
-  $l as PlacementList,
-  yi as PlacementVerticalList,
-  Cl as PopoverDelayList,
-  Al as PopoverWidthList,
+  ut as NavigationItemSafeTriangle,
+  Tl as OrientationList,
+  yi as PlacementHorizontalList,
+  Ll as PlacementList,
+  ki as PlacementVerticalList,
+  Al as PopoverDelayList,
+  Dl as PopoverWidthList,
   na as SEMANTIC,
-  el as SEMANTICS,
-  Sl as SemanticList,
-  Dl as SizeList,
-  Bl as SpacingList,
-  al as TESTING_VIEWPORTS,
-  Nl as ValidationList,
-  Tl as WidthList,
+  al as SEMANTICS,
+  Bl as SemanticList,
+  Fl as SizeList,
+  Il as SpacingList,
+  tl as TESTING_VIEWPORTS,
+  Ml as ValidationList,
+  Cl as WidthList,
   aa as addAttributeToChildren,
   R as cls,
   x as delay,
@@ -3876,11 +3887,12 @@ export {
   K as getHideProp,
   Je as getInputValue,
   we as getNumber,
-  Yi as getOptionKey,
+  Ki as getOptionKey,
   Qe as getSearchInput,
   ve as hasVoiceOver,
-  Ca as isArrayOfStrings,
+  Ea as isArrayOfStrings,
   ra as isEventTargetNavigationItem,
+  Da as isKeyboardEvent,
   ee as stringPropVisible,
   Q as uuid
 };