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

package/dist/db-ux.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as U, ref as s, onMounted as j, watch as D, createElementBlock as k, openBlock as m, normalizeClass as P, unref as o, createElementVNode as _, createCommentVNode as R, renderSlot as A, Fragment as G, createTextVNode as N, toDisplayString as L, renderList as fe, createBlock as Y, createVNode as ee, withCtx as O, onUnmounted as ka } from "vue";
-const Se = "OVERWRITE_DEFAULT_ID", me = "LABEL SHOULD BE SET", Ke = " ", wa = "MESSAGE SHOULD BE SET", Oe = "-label", He = "-select", de = "-message", ue = "-valid-message", re = "-invalid-message", _e = "-placeholder", Xe = "-datalist", ce = "TODO: Add a validMessage", te = "TODO: Add an invalidMessage", Je = "Remove", Sa = "Back", Ba = "Selected", La = "BurgerMenu", Ia = "brand", $a = 4, Re = "Close", qi = "density", Ui = "color";
-var Qe = /* @__PURE__ */ ((t) => (t.FUNCTIONAL = "functional", t.REGULAR = "regular", t.EXPRESSIVE = "expressive", t))(Qe || {});
-const Gi = Object.entries(Qe).map(([, t]) => t);
-var Ze = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t))(Ze || {}), xe = /* @__PURE__ */ ((t) => (t.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", t.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", t.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", t.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", t.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", t.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", t.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", t.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", t.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", t.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", t.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", t.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", t.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", t.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", t.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", t.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", t.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", t.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", t.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", t.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", t.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", t.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", t.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", t.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", t.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", t.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", t.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", t.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", t.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", t.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", t))(xe || {});
-const Wi = Object.entries(xe).map(([, t]) => t), Oi = Object.entries(Ze).map(([, t]) => t);
-var ea = /* @__PURE__ */ ((t) => (t.CRITICAL = "critical", t.INFORMATIONAL = "informational", t.WARNING = "warning", t.SUCCESSFUL = "successful", t))(ea || {});
-const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
+import { defineComponent as G, ref as d, onMounted as j, watch as D, createElementBlock as k, openBlock as h, normalizeClass as q, unref as o, createElementVNode as C, createCommentVNode as P, renderSlot as A, Fragment as W, createTextVNode as N, toDisplayString as $, renderList as fe, createBlock as Y, createVNode as ee, withCtx as O, onUnmounted as Ke } from "vue";
+const Se = "OVERWRITE_DEFAULT_ID", me = "LABEL SHOULD BE SET", Je = " ", wa = "MESSAGE SHOULD BE SET", Oe = "-label", He = "-select", de = "-message", ue = "-valid-message", re = "-invalid-message", _e = "-placeholder", Xe = "-datalist", ce = "TODO: Add a validMessage", te = "TODO: Add an invalidMessage", Qe = "Remove", Sa = "Back", Ba = "Selected", La = "BurgerMenu", Ia = "brand", $a = 4, ze = "Close", qi = "density", Ui = "color";
+var Ze = /* @__PURE__ */ ((t) => (t.FUNCTIONAL = "functional", t.REGULAR = "regular", t.EXPRESSIVE = "expressive", t))(Ze || {});
+const Gi = Object.entries(Ze).map(([, t]) => t);
+var xe = /* @__PURE__ */ ((t) => (t.PRIMARY = "primary", t))(xe || {}), ea = /* @__PURE__ */ ((t) => (t.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", t.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", t.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", t.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", t.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", t.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", t.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", t.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", t.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", t.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", t.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", t.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", t.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", t.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", t.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", t.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", t.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", t.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", t.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", t.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", t.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", t.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", t.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", t.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", t.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", t.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", t.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", t.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", t.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", t.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", t))(ea || {});
+const Wi = Object.entries(ea).map(([, t]) => t), Oi = Object.entries(xe).map(([, t]) => t);
+var aa = /* @__PURE__ */ ((t) => (t.CRITICAL = "critical", t.INFORMATIONAL = "informational", t.WARNING = "warning", t.SUCCESSFUL = "successful", t))(aa || {});
+const Hi = Object.entries(aa).map(([, t]) => t), Ta = {
   width: 390,
   height: 884
 }, Ea = {
@@ -29,12 +29,12 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
       return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
   }
   return Math.random().toString().substring(2);
-}, aa = (t, a) => {
+}, ta = (t, a) => {
   const n = t.children;
   Object.values(n).forEach((e) => {
-    e.setAttribute(a.key, a.value), e.children.length > 0 && aa(e, a);
+    e.setAttribute(a.key, a.value), e.children.length > 0 && ta(e, a);
   });
-}, V = (...t) => {
+}, U = (...t) => {
   let a = "";
   for (const n of t)
     if (n)
@@ -47,7 +47,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
 }, _a = (t) => Array.isArray(t) && t.every((a) => typeof a == "string"), Ca = ["Mac", "iPhone", "iPad", "iPod"], ve = () => typeof window < "u" && Ca.some((t) => window.navigator.userAgent.includes(t)), J = (t, a) => new Promise(() => setTimeout(t, a)), F = (t) => {
   if (t != null)
     return String(typeof t == "string" ? !!t : t);
-}, z = (t, a) => {
+}, V = (t, a) => {
   if (t != null)
     return typeof t == "string" && a ? !!(a === t || t) : !!t;
 }, ge = (t, a) => {
@@ -59,7 +59,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
 }, Z = (t, a) => (a === void 0 || !!a) && !!t, Ye = (t) => t.querySelector('input[type="search"]'), ji = (t, a) => {
   const n = t.id ?? t.value ?? K();
   return `${a}${n}`;
-}, Aa = (t) => t.key !== void 0, Da = ["id"], Na = ["aria-disabled", "name", "open"], Fa = /* @__PURE__ */ U({
+}, Aa = (t) => t.key !== void 0, Da = ["id"], Na = ["aria-disabled", "name", "open"], Fa = /* @__PURE__ */ G({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -77,7 +77,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     name: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(Se), e = s(!1), i = s(void 0), u = s(!1), c = s(null);
+    const a = t, n = d(Se), e = d(!1), i = d(void 0), u = d(!1), c = d(null);
     j(() => {
       n.value = a.id || "accordion-item-" + K(), a.defaultOpen && (e.value = a.defaultOpen), u.value = !0;
     }), D(
@@ -99,39 +99,39 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
         flush: "post"
       }
     );
-    function r(v) {
-      v?.preventDefault();
-      const d = !e.value;
-      a.onToggle && a.onToggle(d), e.value = d;
+    function r(f) {
+      f?.preventDefault();
+      const s = !e.value;
+      a.onToggle && a.onToggle(s), e.value = s;
     }
-    return (v, d) => (m(), k("li", {
+    return (f, s) => (h(), k("li", {
       id: n.value,
-      class: P(o(V)("db-accordion-item", a.class))
+      class: q(o(U)("db-accordion-item", a.class))
     }, [
-      _("details", {
-        "aria-disabled": o(F)(v.disabled),
+      C("details", {
+        "aria-disabled": o(F)(f.disabled),
         ref_key: "_ref",
         ref: c,
         name: i.value,
         open: e.value
       }, [
-        _("summary", {
-          onClick: d[0] || (d[0] = async (g) => r(g))
+        C("summary", {
+          onClick: s[0] || (s[0] = async (m) => r(m))
         }, [
-          v.headlinePlain ? (m(), k(G, { key: 0 }, [
-            N(L(v.headlinePlain), 1)
-          ], 64)) : R("", !0),
-          v.headlinePlain ? R("", !0) : A(v.$slots, "headline", { key: 1 })
+          f.headlinePlain ? (h(), k(W, { key: 0 }, [
+            N($(f.headlinePlain), 1)
+          ], 64)) : P("", !0),
+          f.headlinePlain ? P("", !0) : A(f.$slots, "headline", { key: 1 })
         ]),
-        _("div", null, [
-          v.text ? (m(), k(G, { key: 0 }, [
-            N(L(v.text), 1)
-          ], 64)) : A(v.$slots, "default", { key: 1 })
+        C("div", null, [
+          f.text ? (h(), k(W, { key: 0 }, [
+            N($(f.text), 1)
+          ], 64)) : A(f.$slots, "default", { key: 1 })
         ])
       ], 8, Na)
     ], 10, Da));
   }
-}), Ma = ["id", "data-variant"], Yi = /* @__PURE__ */ U({
+}), Ma = ["id", "data-variant"], Yi = /* @__PURE__ */ G({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -147,7 +147,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(Se), e = s(""), i = s(!1), u = s(!1), c = s(null);
+    const a = t, n = d(Se), e = d(""), i = d(!1), u = d(!1), c = d(null);
     j(() => {
       n.value = a.id || "accordion-" + K(), i.value = !0, u.value = !0;
     }), D(
@@ -163,10 +163,10 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
       () => [c.value, e.value],
       () => {
         if (c.value) {
-          const v = c.value.getElementsByTagName("details");
-          if (v)
-            for (const d of Array.from(v))
-              e.value === "" ? d.removeAttribute("name") : d.name = e.value ?? "";
+          const f = c.value.getElementsByTagName("details");
+          if (f)
+            for (const s of Array.from(f))
+              e.value === "" ? s.removeAttribute("name") : s.name = e.value ?? "";
         }
       },
       {
@@ -178,12 +178,12 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
       () => {
         if (c.value && u.value) {
           if (a.initOpenIndex && a.initOpenIndex.length > 0) {
-            const v = c.value.getElementsByTagName("details");
-            if (v) {
-              const d = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
-              Array.from(v).forEach(
-                (g, I) => {
-                  d?.includes(I) && (g.open = !0);
+            const f = c.value.getElementsByTagName("details");
+            if (f) {
+              const s = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
+              Array.from(f).forEach(
+                (m, I) => {
+                  s?.includes(I) && (m.open = !0);
                 }
               );
             }
@@ -199,28 +199,28 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     function r() {
       try {
         return typeof a.items == "string" ? JSON.parse(a.items) : a.items;
-      } catch (v) {
-        console.error(v);
+      } catch (f) {
+        console.error(f);
       }
       return [];
     }
-    return (v, d) => (m(), k("ul", {
+    return (f, s) => (h(), k("ul", {
       ref_key: "_ref",
       ref: c,
       id: n.value,
-      class: P(o(V)("db-accordion", a.class)),
-      "data-variant": v.variant
+      class: q(o(U)("db-accordion", a.class)),
+      "data-variant": f.variant
     }, [
-      v.items ? R("", !0) : A(v.$slots, "default", { key: 0 }),
-      v.items ? (m(!0), k(G, { key: 1 }, fe(r(), (g, I) => (m(), Y(Fa, {
+      f.items ? P("", !0) : A(f.$slots, "default", { key: 0 }),
+      f.items ? (h(!0), k(W, { key: 1 }, fe(r(), (m, I) => (h(), Y(Fa, {
         key: `accordion-item-${I}`,
-        headlinePlain: g.headlinePlain,
-        disabled: g.disabled,
-        text: g.text
-      }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : R("", !0)
+        headlinePlain: m.headlinePlain,
+        disabled: m.disabled,
+        text: m.text
+      }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : P("", !0)
     ], 10, Ma));
   }
-}), Ki = ["divider", "card"], Ji = ["multiple", "single"], Ra = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Qi = /* @__PURE__ */ U({
+}), Ki = ["divider", "card"], Ji = ["multiple", "single"], za = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Qi = /* @__PURE__ */ G({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -236,7 +236,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(!1), e = s(null);
+    const a = t, n = d(!1), e = d(null);
     return j(() => {
       n.value = !0;
     }), D(
@@ -251,23 +251,23 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
         immediate: !0,
         flush: "post"
       }
-    ), (i, u) => (m(), k("span", {
+    ), (i, u) => (h(), k("span", {
       ref_key: "_ref",
       ref: e,
       id: i.id,
-      class: P(o(V)("db-badge", a.class)),
+      class: q(o(U)("db-badge", a.class)),
       "data-semantic": i.semantic,
       "data-size": i.size,
       "data-emphasis": i.emphasis,
       "data-placement": i.placement,
       "data-label": i.placement?.startsWith("corner") && (i.label ?? o(me))
     }, [
-      i.text ? (m(), k(G, { key: 0 }, [
-        N(L(i.text), 1)
+      i.text ? (h(), k(W, { key: 0 }, [
+        N($(i.text), 1)
       ], 64)) : A(i.$slots, "default", { key: 1 })
-    ], 10, Ra));
+    ], 10, za));
   }
-}), Zi = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], za = ["data-icon", "data-show-icon", "id"], xi = /* @__PURE__ */ U({
+}), Zi = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], Ra = ["data-icon", "data-show-icon", "id"], xi = /* @__PURE__ */ G({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -281,21 +281,21 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("div", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("div", {
       ref_key: "_ref",
       ref: n,
       "data-icon": e.hideLogo ? "none" : e.icon ?? o(Ia),
       "data-show-icon": o(F)(e.showIcon),
       id: e.id,
-      class: P(o(V)("db-brand", a.class))
+      class: q(o(U)("db-brand", a.class))
     }, [
-      e.text ? (m(), k(G, { key: 0 }, [
-        N(L(e.text), 1)
+      e.text ? (h(), k(W, { key: 0 }, [
+        N($(e.text), 1)
       ], 64)) : A(e.$slots, "default", { key: 1 })
-    ], 10, za));
+    ], 10, Ra));
   }
-}), Pa = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], be = /* @__PURE__ */ U({
+}), Pa = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], be = /* @__PURE__ */ G({
   __name: "button",
   props: {
     disabled: { type: [Boolean, String], default: void 0 },
@@ -322,20 +322,20 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     iconTrailing: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
+    const a = t, n = d(null);
     function e() {
       return a.type ? a.type : a.onClick ? "button" : "submit";
     }
     function i(u) {
       a.onClick && a.onClick(u);
     }
-    return (u, c) => (m(), k("button", {
+    return (u, c) => (h(), k("button", {
       ref_key: "_ref",
       ref: n,
       id: u.id,
-      class: P(o(V)("db-button", a.class)),
+      class: q(o(U)("db-button", a.class)),
       type: e(),
-      disabled: o(z)(u.disabled, "disabled"),
+      disabled: o(V)(u.disabled, "disabled"),
       "data-icon": u.iconLeading ?? u.icon,
       "data-show-icon": o(F)(u.showIconLeading ?? u.showIcon),
       "data-icon-trailing": u.iconTrailing,
@@ -349,12 +349,12 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
       value: u.value,
       onClick: c[0] || (c[0] = async (r) => i(r))
     }, [
-      u.text ? (m(), k(G, { key: 0 }, [
-        N(L(u.text), 1)
+      u.text ? (h(), k(W, { key: 0 }, [
+        N($(u.text), 1)
       ], 64)) : A(u.$slots, "default", { key: 1 })
     ], 10, Pa));
   }
-}), el = ["outlined", "brand", "filled", "ghost"], al = ["button", "reset", "submit"], Va = ["id", "data-behavior", "data-elevation-level", "data-spacing"], tl = /* @__PURE__ */ U({
+}), el = ["outlined", "brand", "filled", "ghost"], al = ["button", "reset", "submit"], Va = ["id", "data-behavior", "data-elevation-level", "data-spacing"], tl = /* @__PURE__ */ G({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -368,15 +368,15 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     spacing: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
+    const a = t, n = d(null);
     function e(i) {
       a.onClick && a.onClick(i);
     }
-    return (i, u) => (m(), k("div", {
+    return (i, u) => (h(), k("div", {
       ref_key: "_ref",
       ref: n,
       id: i.id,
-      class: P(o(V)("db-card", a.class)),
+      class: q(o(U)("db-card", a.class)),
       "data-behavior": i.behavior,
       "data-elevation-level": i.elevationLevel,
       "data-spacing": i.spacing,
@@ -387,7 +387,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
   }
 }), il = ["static", "interactive"], ll = ["1", "2", "3"], oe = (t, a, n = "value") => {
   t(`update:${n}`, a.target[n]);
-}, qa = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], ae = /* @__PURE__ */ U({
+}, qa = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], ae = /* @__PURE__ */ G({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -402,26 +402,26 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("span", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("span", {
       ref_key: "_ref",
       ref: n,
       id: e.id,
-      class: P(o(V)("db-infotext", a.class)),
+      class: q(o(U)("db-infotext", a.class)),
       "data-icon": e.icon,
       "data-semantic": e.semantic,
       "data-size": e.size,
       "data-show-icon-leading": o(F)(e.showIcon ?? !0)
     }, [
-      e.text ? (m(), k(G, { key: 0 }, [
-        N(L(e.text), 1)
+      e.text ? (h(), k(W, { key: 0 }, [
+        N($(e.text), 1)
       ], 64)) : A(e.$slots, "default", { key: 1 })
     ], 10, qa));
   }
 }), Ua = ["data-size", "data-hide-asterisk", "data-hide-label"], Ga = ["for"], Wa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Oa = {
   "data-visually-hidden": "true",
   role: "status"
-}, ol = /* @__PURE__ */ U({
+}, ol = /* @__PURE__ */ G({
   __name: "checkbox",
   props: {
     indeterminate: { type: [Boolean, String], default: void 0 },
@@ -459,15 +459,15 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(!1), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(void 0), I = s(""), w = s(null);
+    const n = a, e = t, i = d(!1), u = d(void 0), c = d(void 0), r = d(void 0), f = d(void 0), s = d(void 0), m = d(void 0), I = d(""), w = d(null);
     j(() => {
       i.value = !0;
-      const b = e.id ?? `checkbox-${K()}`;
-      u.value = b, c.value = b + de, r.value = b + ue, v.value = b + re, d.value = e.invalidMessage || te;
+      const g = e.id ?? `checkbox-${K()}`;
+      u.value = g, c.value = g + de, r.value = g + ue, f.value = g + re, s.value = e.invalidMessage || te;
     }), D(
       () => [w.value, e.invalidMessage],
       () => {
-        d.value = e.invalidMessage || w.value?.validationMessage || te;
+        s.value = e.invalidMessage || w.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -477,8 +477,8 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
       () => [u.value],
       () => {
         if (u.value) {
-          const b = u.value + de;
-          c.value = b, r.value = u.value + ue, v.value = u.value + re, Z(e.message, e.showMessage) && (g.value = b), p();
+          const g = u.value + de;
+          c.value = g, r.value = u.value + ue, f.value = u.value + re, Z(e.message, e.showMessage) && (m.value = g), v();
         }
       },
       {
@@ -488,7 +488,7 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     ), D(
       () => [i.value, w.value, e.indeterminate],
       () => {
-        w.value && e.indeterminate !== void 0 && (w.value.indeterminate = !!z(e.indeterminate));
+        w.value && e.indeterminate !== void 0 && (w.value.indeterminate = !!V(e.indeterminate));
       },
       {
         immediate: !0,
@@ -497,89 +497,89 @@ const Hi = Object.entries(ea).map(([, t]) => t), Ta = {
     ), D(
       () => [i.value, w.value, e.checked],
       () => {
-        i.value && w.value && (e.checked != null && (w.value.checked = !!z(e.checked)), i.value = !1);
+        i.value && w.value && (e.checked != null && (w.value.checked = !!V(e.checked)), i.value = !1);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function h() {
+    function p() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function p() {
-      !w.value?.validity.valid || e.validation === "invalid" ? (g.value = v.value, d.value = e.invalidMessage || w.value?.validationMessage || te, ve() && (I.value = d.value, J(() => I.value = "", 1e3))) : h() && w.value?.validity.valid && e.required ? (g.value = r.value, ve() && (I.value = e.validMessage ?? ce, J(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = c.value : g.value = void 0;
+    function v() {
+      !w.value?.validity.valid || e.validation === "invalid" ? (m.value = f.value, s.value = e.invalidMessage || w.value?.validationMessage || te, ve() && (I.value = s.value, J(() => I.value = "", 1e3))) : p() && w.value?.validity.valid && e.required ? (m.value = r.value, ve() && (I.value = e.validMessage ?? ce, J(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? m.value = c.value : m.value = void 0;
     }
-    function f(b) {
-      e.onChange && e.onChange(b), oe(n, b, "checked"), p();
+    function S(g) {
+      e.onChange && e.onChange(g), oe(n, g, "checked"), v();
     }
-    function T(b) {
-      e.onBlur && e.onBlur(b);
+    function L(g) {
+      e.onBlur && e.onBlur(g);
     }
-    function C(b) {
-      e.onFocus && e.onFocus(b);
+    function E(g) {
+      e.onFocus && e.onFocus(g);
     }
-    return (b, S) => (m(), k("div", {
-      class: P(o(V)("db-checkbox", e.class)),
-      "data-size": b.size,
-      "data-hide-asterisk": o(ie)(b.showRequiredAsterisk),
-      "data-hide-label": o(ie)(b.showLabel)
+    return (g, y) => (h(), k("div", {
+      class: q(o(U)("db-checkbox", e.class)),
+      "data-size": g.size,
+      "data-hide-asterisk": o(ie)(g.showRequiredAsterisk),
+      "data-hide-label": o(ie)(g.showLabel)
     }, [
-      _("label", { for: u.value }, [
-        _("input", {
+      C("label", { for: u.value }, [
+        C("input", {
           type: "checkbox",
-          "aria-invalid": b.validation === "invalid",
-          "data-custom-validity": b.validation,
+          "aria-invalid": g.validation === "invalid",
+          "data-custom-validity": g.validation,
           ref_key: "_ref",
           ref: w,
           id: u.value,
-          name: b.name,
-          checked: o(z)(b.checked, "checked"),
-          disabled: o(z)(b.disabled, "disabled"),
-          value: b.value,
-          required: o(z)(b.required, "required"),
-          onChange: S[0] || (S[0] = async (W) => f(W)),
-          onBlur: S[1] || (S[1] = async (W) => T(W)),
-          onFocus: S[2] || (S[2] = async (W) => C(W)),
-          "aria-describedby": b.ariaDescribedBy ?? g.value
+          name: g.name,
+          checked: o(V)(g.checked, "checked"),
+          disabled: o(V)(g.disabled, "disabled"),
+          value: g.value,
+          required: o(V)(g.required, "required"),
+          onChange: y[0] || (y[0] = async (M) => S(M)),
+          onBlur: y[1] || (y[1] = async (M) => L(M)),
+          onFocus: y[2] || (y[2] = async (M) => E(M)),
+          "aria-describedby": g.ariaDescribedBy ?? m.value
         }, null, 40, Wa),
-        b.label ? (m(), k(G, { key: 0 }, [
-          N(L(b.label), 1)
-        ], 64)) : A(b.$slots, "default", { key: 1 })
+        g.label ? (h(), k(W, { key: 0 }, [
+          N($(g.label), 1)
+        ], 64)) : A(g.$slots, "default", { key: 1 })
       ], 8, Ga),
-      o(Z)(b.message, b.showMessage) ? (m(), Y(ae, {
+      o(Z)(g.message, g.showMessage) ? (h(), Y(ae, {
         key: 0,
         size: "small",
-        icon: b.messageIcon,
+        icon: g.messageIcon,
         id: c.value
       }, {
         default: O(() => [
-          N(L(b.message), 1)
+          N($(g.message), 1)
         ]),
         _: 1
-      }, 8, ["icon", "id"])) : R("", !0),
-      h() ? (m(), Y(ae, {
+      }, 8, ["icon", "id"])) : P("", !0),
+      p() ? (h(), Y(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: r.value
       }, {
         default: O(() => [
-          N(L(b.validMessage || o(ce)), 1)
+          N($(g.validMessage || o(ce)), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : R("", !0),
+      }, 8, ["id"])) : P("", !0),
       ee(ae, {
         size: "small",
         semantic: "critical",
-        id: v.value
+        id: f.value
       }, {
         default: O(() => [
-          N(L(d.value), 1)
+          N($(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Oa, L(I.value), 1)
+      C("span", Oa, $(I.value), 1)
     ], 10, Ua));
   }
 });
@@ -638,13 +638,13 @@ const Ha = (t) => {
     innerHeight: u,
     innerWidth: c
   } = window;
-  let r = a < 0, v = n > u, d = e < 0, g = i > c;
-  const I = t.dataset.outsideVy, w = t.dataset.outsideVx, h = t?.parentElement?.getBoundingClientRect();
-  return h && (I && (t.dataset.outsideVy === "top" ? r = h.top - (n - h.bottom) < 0 : v = h.bottom + (h.top - a) > u), w && (t.dataset.outsideVx === "left" ? d = h.left - (i - h.right) < 0 : g = h.right + (h.left - e) > c)), {
+  let r = a < 0, f = n > u, s = e < 0, m = i > c;
+  const I = t.dataset.outsideVy, w = t.dataset.outsideVx, p = t?.parentElement?.getBoundingClientRect();
+  return p && (I && (t.dataset.outsideVy === "top" ? r = p.top - (n - p.bottom) < 0 : f = p.bottom + (p.top - a) > u), w && (t.dataset.outsideVx === "left" ? s = p.left - (i - p.right) < 0 : m = p.right + (p.left - e) > c)), {
     outTop: r,
-    outBottom: v,
-    outLeft: d,
-    outRight: g
+    outBottom: f,
+    outLeft: s,
+    outRight: m
   };
 }, Xa = (t) => {
   const {
@@ -668,12 +668,12 @@ const Ha = (t) => {
     childHeight: u,
     childWidth: c,
     width: r,
-    right: v,
-    left: d,
-    correctedPlacement: g
-  } = ta(t, a, n);
-  t.dataset.width === "full" && (t.style.inlineSize = `${r}px`), g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start" ? t.style.insetInlineStart = `${d}px` : (g === "top-end" || g === "bottom-end") && (t.style.insetInlineStart = `${v - c}px`), g?.startsWith("top") ? t.style.insetBlockStart = `${e - u}px` : g?.startsWith("bottom") && (t.style.insetBlockStart = `${i}px`), t.style.position = "fixed";
-}, ta = (t, a, n) => {
+    right: f,
+    left: s,
+    correctedPlacement: m
+  } = ia(t, a, n);
+  t.dataset.width === "full" && (t.style.inlineSize = `${r}px`), m === "top" || m === "bottom" || m === "top-start" || m === "bottom-start" ? t.style.insetInlineStart = `${s}px` : (m === "top-end" || m === "bottom-end") && (t.style.insetInlineStart = `${f - c}px`), m?.startsWith("top") ? t.style.insetBlockStart = `${e - u}px` : m?.startsWith("bottom") && (t.style.insetBlockStart = `${i}px`), t.style.position = "fixed";
+}, ia = (t, a, n) => {
   if (!t || !a)
     return {
       top: 0,
@@ -693,83 +693,83 @@ const Ha = (t) => {
     height: u,
     bottom: c,
     right: r,
-    left: v,
-    width: d
+    left: f,
+    width: s
   } = a.getBoundingClientRect(), {
-    innerHeight: g,
+    innerHeight: m,
     innerWidth: I
   } = window;
-  let w = e.height, h = e.width;
-  (n === "bottom" || n === "top") && (h = h / 2), (n === "left" || n === "right") && (w = w / 2);
-  const p = c + w > g, f = i - w < 0, T = v - h < 0, C = r + h > I;
-  let b = n;
-  return n.startsWith("bottom") ? p ? (b = n?.replace("bottom", "top"), T && C ? b = "top" : T ? b = "top-start" : C && (b = "top-end")) : T && C ? b = "bottom" : T ? b = "bottom-start" : C && (b = "bottom-end") : n.startsWith("top") ? f ? (b = n?.replace("top", "bottom"), T && C ? b = "bottom" : T ? b = "bottom-start" : C && (b = "bottom-end")) : T && C ? b = "top" : T ? b = "top-start" : C && (b = "top-end") : n.startsWith("left") ? T ? (b = n?.replace("left", "right"), p && f ? b = "right" : p ? b = "right-end" : f && (b = "right-start")) : p && f ? b = "left" : p ? b = "left-end" : f && (b = "left-start") : b.startsWith("right") && (C ? (b = n?.replace("right", "left"), p && f ? b = "left" : p ? b = "left-end" : f && (b = "left-start")) : p && f ? b = "right" : p ? b = "right-end" : f && (b = "right-start")), {
+  let w = e.height, p = e.width;
+  (n === "bottom" || n === "top") && (p = p / 2), (n === "left" || n === "right") && (w = w / 2);
+  const v = c + w > m, S = i - w < 0, L = f - p < 0, E = r + p > I;
+  let g = n;
+  return n.startsWith("bottom") ? v ? (g = n?.replace("bottom", "top"), L && E ? g = "top" : L ? g = "top-start" : E && (g = "top-end")) : L && E ? g = "bottom" : L ? g = "bottom-start" : E && (g = "bottom-end") : n.startsWith("top") ? S ? (g = n?.replace("top", "bottom"), L && E ? g = "bottom" : L ? g = "bottom-start" : E && (g = "bottom-end")) : L && E ? g = "top" : L ? g = "top-start" : E && (g = "top-end") : n.startsWith("left") ? L ? (g = n?.replace("left", "right"), v && S ? g = "right" : v ? g = "right-end" : S && (g = "right-start")) : v && S ? g = "left" : v ? g = "left-end" : S && (g = "left-start") : g.startsWith("right") && (E ? (g = n?.replace("right", "left"), v && S ? g = "left" : v ? g = "left-end" : S && (g = "left-start")) : v && S ? g = "right" : v ? g = "right-end" : S && (g = "right-start")), {
     top: i,
     bottom: c,
     right: r,
     height: u,
-    width: d,
-    left: v,
+    width: s,
+    left: f,
     childHeight: e.height,
     childWidth: e.width,
-    correctedPlacement: b,
+    correctedPlacement: g,
     innerWidth: I,
-    innerHeight: g
+    innerHeight: m
   };
-}, ia = (t, a, n) => {
+}, la = (t, a, n) => {
   const e = getComputedStyle(t).getPropertyValue("--db-popover-distance") ?? "0px", {
     top: i,
     height: u,
     width: c,
     childHeight: r,
-    childWidth: v,
-    right: d,
-    left: g,
+    childWidth: f,
+    right: s,
+    left: m,
     bottom: I,
     correctedPlacement: w,
-    innerWidth: h,
-    innerHeight: p
-  } = ta(t, a, n);
-  if (v > c && (w.startsWith("bottom") || w.startsWith("top"))) {
-    const f = c / 2 / v * 100;
-    w.endsWith("start") ? t.style.setProperty("--db-tooltip-arrow-inline-start", `${f}%`) : w.endsWith("end") && t.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - f}%`);
+    innerWidth: p,
+    innerHeight: v
+  } = ia(t, a, n);
+  if (f > c && (w.startsWith("bottom") || w.startsWith("top"))) {
+    const S = c / 2 / f * 100;
+    w.endsWith("start") ? t.style.setProperty("--db-tooltip-arrow-inline-start", `${S}%`) : w.endsWith("end") && t.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - S}%`);
   }
   if (r > u && (w.startsWith("left") || w.startsWith("bottom"))) {
-    const f = u / 2 / r * 100;
-    w.endsWith("start") ? t.style.setProperty("--db-tooltip-arrow-block-start", `${f}%`) : w.endsWith("end") && t.style.setProperty("--db-tooltip-arrow-block-start", `${100 - f}%`);
+    const S = u / 2 / r * 100;
+    w.endsWith("start") ? t.style.setProperty("--db-tooltip-arrow-block-start", `${S}%`) : w.endsWith("end") && t.style.setProperty("--db-tooltip-arrow-block-start", `${100 - S}%`);
   }
   if (w === "right" || w === "left")
     t.style.insetBlockStart = `${i + u / 2}px`;
   else if (w === "right-start" || w === "left-start") {
-    const f = i + r;
-    t.style.insetBlockStart = `${i}px`, t.style.insetBlockEnd = `${f > p ? p : f}px`;
+    const S = i + r;
+    t.style.insetBlockStart = `${i}px`, t.style.insetBlockEnd = `${S > v ? v : S}px`;
   } else if (w === "right-end" || w === "left-end") {
-    const f = I - r;
-    t.style.insetBlockStart = `${f < 0 ? 0 : f}px`, t.style.insetBlockEnd = `${I}px`;
+    const S = I - r;
+    t.style.insetBlockStart = `${S < 0 ? 0 : S}px`, t.style.insetBlockEnd = `${I}px`;
   } else if (w === "top" || w === "bottom")
-    t.style.insetInlineStart = `${g + c / 2}px`;
+    t.style.insetInlineStart = `${m + c / 2}px`;
   else if (w === "top-start" || w === "bottom-start") {
-    const f = g + v;
-    t.style.insetInlineStart = `${g}px`, t.style.insetInlineEnd = `${f > h ? h : f}px`;
+    const S = m + f;
+    t.style.insetInlineStart = `${m}px`, t.style.insetInlineEnd = `${S > p ? p : S}px`;
   } else if (w === "top-end" || w === "bottom-end") {
-    const f = g - v;
-    t.style.insetInlineStart = `${d - v}px`, t.style.insetInlineEnd = `${f < 0 ? 0 : f}px`;
+    const S = m - f;
+    t.style.insetInlineStart = `${s - f}px`, t.style.insetInlineEnd = `${S < 0 ? 0 : S}px`;
   }
   if (w?.startsWith("right")) {
-    const f = d + v;
-    t.style.insetInlineStart = `calc(${d}px + ${e})`, t.style.insetInlineEnd = `calc(${f > h ? h : f}px + ${e})`;
+    const S = s + f;
+    t.style.insetInlineStart = `calc(${s}px + ${e})`, t.style.insetInlineEnd = `calc(${S > p ? p : S}px + ${e})`;
   } else if (w?.startsWith("left")) {
-    const f = g - v;
-    t.style.insetInlineStart = `calc(${f < 0 ? 0 : f}px - ${e})`, t.style.insetInlineEnd = `calc(${d}px - ${e})`;
+    const S = m - f;
+    t.style.insetInlineStart = `calc(${S < 0 ? 0 : S}px - ${e})`, t.style.insetInlineEnd = `calc(${s}px - ${e})`;
   } else if (w?.startsWith("top")) {
-    const f = i - r;
-    t.style.insetBlockStart = `calc(${f < 0 ? 0 : f}px - ${e})`, t.style.insetBlockEnd = `calc(${I}px - ${e})`;
+    const S = i - r;
+    t.style.insetBlockStart = `calc(${S < 0 ? 0 : S}px - ${e})`, t.style.insetBlockEnd = `calc(${I}px - ${e})`;
   } else if (w?.startsWith("bottom")) {
-    const f = I + r;
-    t.style.insetBlockStart = `calc(${I}px + ${e})`, t.style.insetBlockEnd = `calc(${f > p ? p : f}px + ${e})`;
+    const S = I + r;
+    t.style.insetBlockStart = `calc(${I}px + ${e})`, t.style.insetBlockEnd = `calc(${S > v ? v : S}px + ${e})`;
   }
   t.style.position = "fixed", t.dataset.correctedPlacement = w;
-}, Ya = ["id", "data-width"], Ka = /* @__PURE__ */ U({
+}, Ya = ["id", "data-width"], Ka = /* @__PURE__ */ G({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -780,19 +780,19 @@ const Ha = (t) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("article", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("article", {
       "data-spacing": "none",
       ref_key: "_ref",
       ref: n,
       id: e.id,
-      class: P(o(V)("db-custom-select-dropdown db-card", a.class)),
+      class: q(o(U)("db-custom-select-dropdown db-card", a.class)),
       "data-width": e.width
     }, [
       A(e.$slots, "default")
     ], 10, Ya));
   }
-}), Ja = ["id", "data-divider"], Qa = ["data-icon", "data-show-icon", "data-icon-trailing"], Za = ["type", "name", "form", "checked", "disabled", "value"], xa = { key: 1 }, et = /* @__PURE__ */ U({
+}), Ja = ["id", "data-divider"], Qa = ["data-icon", "data-show-icon", "data-icon-trailing"], Za = ["type", "name", "form", "checked", "disabled", "value"], xa = { key: 1 }, et = /* @__PURE__ */ G({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -816,7 +816,7 @@ const Ha = (t) => {
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(!1), c = s(null);
+    const n = a, e = t, i = d(void 0), u = d(!1), c = d(null);
     j(() => {
       i.value = e.id ?? `custom-select-list-item-${K()}`;
     }), D(
@@ -829,49 +829,49 @@ const Ha = (t) => {
         flush: "post"
       }
     );
-    function r(d) {
-      d.stopPropagation(), e.onChange && e.onChange(d), oe(n, d, "checked");
+    function r(s) {
+      s.stopPropagation(), e.onChange && e.onChange(s), oe(n, s, "checked");
     }
-    function v() {
+    function f() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
-        return z(e.checked, "checked") ? "check" : "x_placeholder";
+        return V(e.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (d, g) => (m(), k("li", {
+    return (s, m) => (h(), k("li", {
       ref_key: "_ref",
       ref: c,
       id: i.value,
-      class: P(
-        o(V)("db-custom-select-list-item", e.class, {
-          "db-checkbox": d.type === "checkbox" && !d.isGroupTitle,
-          "db-radio": d.type !== "checkbox" && !d.isGroupTitle
+      class: q(
+        o(U)("db-custom-select-list-item", e.class, {
+          "db-checkbox": s.type === "checkbox" && !s.isGroupTitle,
+          "db-radio": s.type !== "checkbox" && !s.isGroupTitle
         })
       ),
       "data-divider": o(F)(u.value)
     }, [
-      d.isGroupTitle ? (m(), k("span", xa, L(d.groupTitle), 1)) : (m(), k("label", {
+      s.isGroupTitle ? (h(), k("span", xa, $(s.groupTitle), 1)) : (h(), k("label", {
         key: 0,
-        "data-icon": d.type !== "checkbox" && d.icon ? d.icon : void 0,
-        "data-show-icon": o(F)(d.showIcon),
-        "data-icon-trailing": v()
+        "data-icon": s.type !== "checkbox" && s.icon ? s.icon : void 0,
+        "data-show-icon": o(F)(s.showIcon),
+        "data-icon-trailing": f()
       }, [
-        _("input", {
+        C("input", {
           class: "db-custom-select-list-item-checkbox",
           "data-disable-focus": "true",
-          type: d.type,
-          name: d.name,
-          form: d.name,
-          checked: o(z)(d.checked, "checked"),
-          disabled: o(z)(d.disabled, "disabled"),
-          value: d.value,
-          onChange: g[0] || (g[0] = async (I) => r(I))
+          type: s.type,
+          name: s.name,
+          form: s.name,
+          checked: o(V)(s.checked, "checked"),
+          disabled: o(V)(s.disabled, "disabled"),
+          value: s.value,
+          onChange: m[0] || (m[0] = async (I) => r(I))
         }, null, 40, Za),
-        d.label ? (m(), k(G, { key: 0 }, [
-          N(L(d.label), 1)
-        ], 64)) : A(d.$slots, "default", { key: 1 })
+        s.label ? (h(), k(W, { key: 0 }, [
+          N($(s.label), 1)
+        ], 64)) : A(s.$slots, "default", { key: 1 })
       ], 8, Qa))
     ], 10, Ja));
   }
-}), at = ["role", "aria-label", "id"], tt = /* @__PURE__ */ U({
+}), at = ["role", "aria-label", "id"], tt = /* @__PURE__ */ G({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -883,16 +883,16 @@ const Ha = (t) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("div", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
       ref_key: "_ref",
       ref: n,
       id: e.id,
-      class: P(o(V)("db-custom-select-list", a.class))
+      class: q(o(U)("db-custom-select-list", a.class))
     }, [
-      _("ul", null, [
+      C("ul", null, [
         A(e.$slots, "default")
       ])
     ], 10, at));
@@ -900,7 +900,7 @@ const Ha = (t) => {
 }), it = ["data-variant", "data-hide-label", "data-show-icon", "data-icon", "data-icon-trailing", "data-hide-asterisk", "data-show-icon-trailing"], lt = ["for"], ot = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "multiple", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "enterKeyHint", "inputMode", "list", "aria-describedby"], nt = ["id"], st = ["value"], dt = {
   "data-visually-hidden": "true",
   role: "status"
-}, ut = /* @__PURE__ */ U({
+}, ut = /* @__PURE__ */ G({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -964,14 +964,14 @@ const Ha = (t) => {
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(void 0), I = s(void 0), w = s(""), h = s(null);
+    const n = a, e = t, i = d(void 0), u = d(void 0), c = d(void 0), r = d(void 0), f = d(void 0), s = d(void 0), m = d(void 0), I = d(void 0), w = d(""), p = d(null);
     j(() => {
-      const y = e.id ?? `input-${K()}`;
-      i.value = y, u.value = y + de, c.value = y + ue, r.value = y + re, d.value = y + Xe, v.value = e.invalidMessage || te;
+      const b = e.id ?? `input-${K()}`;
+      i.value = b, u.value = b + de, c.value = b + ue, r.value = b + re, s.value = b + Xe, f.value = e.invalidMessage || te;
     }), D(
-      () => [h.value, e.invalidMessage],
+      () => [p.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || h.value?.validationMessage || te;
+        f.value = e.invalidMessage || p.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -981,8 +981,8 @@ const Ha = (t) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const y = i.value + de;
-          u.value = y, c.value = i.value + ue, r.value = i.value + re, d.value = e.dataListId ?? i.value + Xe, Z(e.message, e.showMessage) && (g.value = y), f();
+          const b = i.value + de;
+          u.value = b, c.value = i.value + ue, r.value = i.value + re, s.value = e.dataListId ?? i.value + Xe, Z(e.message, e.showMessage) && (m.value = b), S();
         }
       },
       {
@@ -999,124 +999,124 @@ const Ha = (t) => {
         flush: "post"
       }
     );
-    function p() {
+    function v() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function f() {
-      !h.value?.validity.valid || e.validation === "invalid" ? (g.value = r.value, v.value = e.invalidMessage || h.value?.validationMessage || te, ve() && (w.value = v.value, J(() => w.value = "", 1e3))) : p() && h.value?.validity.valid && (e.required || e.minLength || e.maxLength || e.pattern) ? (g.value = c.value, ve() && (w.value = e.validMessage ?? ce, J(() => w.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = u.value : g.value = void 0;
+    function S() {
+      !p.value?.validity.valid || e.validation === "invalid" ? (m.value = r.value, f.value = e.invalidMessage || p.value?.validationMessage || te, ve() && (w.value = f.value, J(() => w.value = "", 1e3))) : v() && p.value?.validity.valid && (e.required || e.minLength || e.maxLength || e.pattern) ? (m.value = c.value, ve() && (w.value = e.validMessage ?? ce, J(() => w.value = "", 1e3))) : Z(e.message, e.showMessage) ? m.value = u.value : m.value = void 0;
     }
-    function T(y) {
-      e.input && e.input(y), I.value = y.target.value, e.onInput && e.onInput(y), oe(n, y), f();
+    function L(b) {
+      e.input && e.input(b), I.value = b.target.value, e.onInput && e.onInput(b), oe(n, b), S();
     }
-    function C(y) {
-      e.onChange && e.onChange(y), oe(n, y), f();
+    function E(b) {
+      e.onChange && e.onChange(b), oe(n, b), S();
     }
-    function b(y) {
-      e.onBlur && e.onBlur(y);
+    function g(b) {
+      e.onBlur && e.onBlur(b);
     }
-    function S(y) {
-      e.onFocus && e.onFocus(y);
+    function y(b) {
+      e.onFocus && e.onFocus(b);
     }
-    function W() {
-      const y = e.dataList;
+    function M() {
+      const b = e.dataList;
       return Array.from(
-        (_a(y) ? y?.map((X) => ({
+        (_a(b) ? b?.map((X) => ({
           value: X,
           label: void 0
-        })) : y) || []
+        })) : b) || []
       );
     }
-    return (y, X) => (m(), k("div", {
-      class: P(o(V)("db-input", e.class)),
-      "data-variant": y.variant,
-      "data-hide-label": o(ie)(y.showLabel),
-      "data-show-icon": o(F)(y.showIconLeading ?? y.showIcon),
-      "data-icon": y.iconLeading ?? y.icon,
-      "data-icon-trailing": y.iconTrailing,
-      "data-hide-asterisk": o(ie)(y.showRequiredAsterisk),
-      "data-show-icon-trailing": o(F)(y.showIconTrailing)
+    return (b, X) => (h(), k("div", {
+      class: q(o(U)("db-input", e.class)),
+      "data-variant": b.variant,
+      "data-hide-label": o(ie)(b.showLabel),
+      "data-show-icon": o(F)(b.showIconLeading ?? b.showIcon),
+      "data-icon": b.iconLeading ?? b.icon,
+      "data-icon-trailing": b.iconTrailing,
+      "data-hide-asterisk": o(ie)(b.showRequiredAsterisk),
+      "data-show-icon-trailing": o(F)(b.showIconTrailing)
     }, [
-      _("label", { for: i.value }, L(y.label ?? o(me)), 9, lt),
-      _("input", {
-        "aria-invalid": y.validation === "invalid",
-        "data-custom-validity": y.validation,
-        "data-field-sizing": y.fieldSizing,
+      C("label", { for: i.value }, $(b.label ?? o(me)), 9, lt),
+      C("input", {
+        "aria-invalid": b.validation === "invalid",
+        "data-custom-validity": b.validation,
+        "data-field-sizing": b.fieldSizing,
         ref_key: "_ref",
-        ref: h,
+        ref: p,
         id: i.value,
-        name: y.name,
-        type: y.type || "text",
-        multiple: o(z)(y.multiple, "multiple"),
-        placeholder: y.placeholder ?? o(Ke),
-        disabled: o(z)(y.disabled, "disabled"),
-        required: o(z)(y.required, "required"),
-        step: o(ge)(y.step),
-        value: y.value ?? I.value,
-        maxLength: o(ge)(y.maxLength, y.maxlength),
-        minLength: o(ge)(y.minLength, y.minlength),
-        max: o(je)(y.max, y.type),
-        min: o(je)(y.min, y.type),
-        readOnly: o(z)(y.readOnly, "readOnly") || o(z)(y.readonly, "readonly"),
-        form: y.form,
-        pattern: y.pattern,
-        size: y.size,
-        autoComplete: y.autocomplete,
-        autoFocus: o(z)(y.autofocus, "autofocus"),
-        enterKeyHint: y.enterkeyhint,
-        inputMode: y.inputmode,
-        onInput: X[0] || (X[0] = async (B) => T(B)),
-        onChange: X[1] || (X[1] = async (B) => C(B)),
-        onBlur: X[2] || (X[2] = async (B) => b(B)),
-        onFocus: X[3] || (X[3] = async (B) => S(B)),
-        list: y.dataList && d.value,
-        "aria-describedby": y.ariaDescribedBy ?? g.value
+        name: b.name,
+        type: b.type || "text",
+        multiple: o(V)(b.multiple, "multiple"),
+        placeholder: b.placeholder ?? o(Je),
+        disabled: o(V)(b.disabled, "disabled"),
+        required: o(V)(b.required, "required"),
+        step: o(ge)(b.step),
+        value: b.value ?? I.value,
+        maxLength: o(ge)(b.maxLength, b.maxlength),
+        minLength: o(ge)(b.minLength, b.minlength),
+        max: o(je)(b.max, b.type),
+        min: o(je)(b.min, b.type),
+        readOnly: o(V)(b.readOnly, "readOnly") || o(V)(b.readonly, "readonly"),
+        form: b.form,
+        pattern: b.pattern,
+        size: b.size,
+        autoComplete: b.autocomplete,
+        autoFocus: o(V)(b.autofocus, "autofocus"),
+        enterKeyHint: b.enterkeyhint,
+        inputMode: b.inputmode,
+        onInput: X[0] || (X[0] = async (B) => L(B)),
+        onChange: X[1] || (X[1] = async (B) => E(B)),
+        onBlur: X[2] || (X[2] = async (B) => g(B)),
+        onFocus: X[3] || (X[3] = async (B) => y(B)),
+        list: b.dataList && s.value,
+        "aria-describedby": b.ariaDescribedBy ?? m.value
       }, null, 40, ot),
-      y.dataList ? (m(), k("datalist", {
+      b.dataList ? (h(), k("datalist", {
         key: 0,
-        id: d.value
+        id: s.value
       }, [
-        (m(!0), k(G, null, fe(W(), (B) => (m(), k("option", {
-          key: d.value + "-option-" + B.value,
+        (h(!0), k(W, null, fe(M(), (B) => (h(), k("option", {
+          key: s.value + "-option-" + B.value,
           value: B.value
-        }, L(B.label), 9, st))), 128))
-      ], 8, nt)) : R("", !0),
-      A(y.$slots, "default"),
-      o(Z)(y.message, y.showMessage) ? (m(), Y(ae, {
+        }, $(B.label), 9, st))), 128))
+      ], 8, nt)) : P("", !0),
+      A(b.$slots, "default"),
+      o(Z)(b.message, b.showMessage) ? (h(), Y(ae, {
         key: 1,
-        size: y.messageSize || "small",
-        icon: y.messageIcon,
+        size: b.messageSize || "small",
+        icon: b.messageIcon,
         id: u.value
       }, {
         default: O(() => [
-          N(L(y.message), 1)
+          N($(b.message), 1)
         ]),
         _: 1
-      }, 8, ["size", "icon", "id"])) : R("", !0),
-      p() ? (m(), Y(ae, {
+      }, 8, ["size", "icon", "id"])) : P("", !0),
+      v() ? (h(), Y(ae, {
         key: 2,
         semantic: "successful",
         id: c.value,
-        size: y.validMessageSize || "small"
+        size: b.validMessageSize || "small"
       }, {
         default: O(() => [
-          N(L(y.validMessage || o(ce)), 1)
+          N($(b.validMessage || o(ce)), 1)
         ]),
         _: 1
-      }, 8, ["id", "size"])) : R("", !0),
+      }, 8, ["id", "size"])) : P("", !0),
       ee(ae, {
         semantic: "critical",
         id: r.value,
-        size: y.invalidMessageSize || "small"
+        size: b.invalidMessageSize || "small"
       }, {
         default: O(() => [
-          N(L(v.value), 1)
+          N($(f.value), 1)
         ]),
         _: 1
       }, 8, ["id", "size"]),
-      _("span", dt, L(w.value), 1)
+      C("span", dt, $(w.value), 1)
     ], 10, it));
   }
-}), rt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], la = /* @__PURE__ */ U({
+}), rt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], oa = /* @__PURE__ */ G({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -1133,21 +1133,21 @@ const Ha = (t) => {
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(Se), e = s(!1), i = s(void 0), u = s(void 0), c = s(null);
+    const a = t, n = d(Se), e = d(!1), i = d(void 0), u = d(void 0), c = d(null);
     j(() => {
       n.value = a.id || "tooltip-" + K(), e.value = !0;
     }), D(
       () => [c.value, e.value],
       () => {
         if (c.value && e.value && n.value) {
-          const p = d();
-          p && (["mouseenter", "focusin"].forEach((f) => {
-            p.addEventListener(f, () => h(p));
-          }), p.addEventListener("keydown", (f) => v(f)), ["mouseleave", "focusout"].forEach((f) => {
-            p.addEventListener(f, () => w());
-          }), p.dataset.hasTooltip = "true", a.variant === "label" ? p.setAttribute("aria-labelledby", n.value) : p.setAttribute("aria-describedby", n.value)), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((f) => {
-            const T = f.find(({ target: C }) => C === d());
-            T && !T.isIntersecting && v(!1);
+          const v = s();
+          v && (["mouseenter", "focusin"].forEach((S) => {
+            v.addEventListener(S, () => p(v));
+          }), v.addEventListener("keydown", (S) => f(S)), ["mouseleave", "focusout"].forEach((S) => {
+            v.addEventListener(S, () => w());
+          }), v.dataset.hasTooltip = "true", a.variant === "label" ? v.setAttribute("aria-labelledby", n.value) : v.setAttribute("aria-describedby", n.value)), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((S) => {
+            const L = S.find(({ target: E }) => E === s());
+            L && !L.isIntersecting && f(!1);
           })), e.value = !1;
         }
       },
@@ -1156,58 +1156,58 @@ const Ha = (t) => {
         flush: "post"
       }
     );
-    function r(p) {
-      p.stopPropagation();
+    function r(v) {
+      v.stopPropagation();
     }
-    function v(p) {
-      (!p || p.key === "Escape") && c.value && getComputedStyle(c.value).visibility === "visible" && d().blur();
+    function f(v) {
+      (!v || v.key === "Escape") && c.value && getComputedStyle(c.value).visibility === "visible" && s().blur();
     }
-    function d() {
-      let p = c.value.parentElement;
-      return p && p.localName.includes("tooltip") && (p = p.parentElement), p;
+    function s() {
+      let v = c.value.parentElement;
+      return v && v.localName.includes("tooltip") && (v = v.parentElement), v;
     }
-    function g(p) {
-      p && c.value && J(() => {
-        c.value && ia(
+    function m(v) {
+      v && c.value && J(() => {
+        c.value && la(
           c.value,
-          p,
+          v,
           a.placement ?? "bottom"
         );
       }, 1);
     }
-    function I(p, f) {
-      p?.target?.contains && p?.target?.contains(c.value) && g(f);
+    function I(v, S) {
+      v?.target?.contains && v?.target?.contains(c.value) && m(S);
     }
     function w() {
       i.value && new le().removeCallback(
         i.value
-      ), u.value?.unobserve(d());
+      ), u.value?.unobserve(s());
     }
-    function h(p) {
+    function p(v) {
       i.value = new le().addCallback(
-        (f) => I(f, p)
-      ), g(p), u.value?.observe(d());
+        (S) => I(S, v)
+      ), m(v), u.value?.observe(s());
     }
-    return (p, f) => (m(), k("i", {
+    return (v, S) => (h(), k("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
       ref_key: "_ref",
       ref: c,
-      class: P(o(V)("db-tooltip", a.class)),
+      class: q(o(U)("db-tooltip", a.class)),
       id: n.value,
-      "data-emphasis": p.emphasis,
-      "data-animation": o(F)(p.animation ?? !0),
-      "data-delay": p.delay,
-      "data-width": p.width,
-      "data-show-arrow": o(F)(p.showArrow ?? !0),
-      "data-placement": p.placement,
-      onClick: f[0] || (f[0] = async (T) => r(T))
+      "data-emphasis": v.emphasis,
+      "data-animation": o(F)(v.animation ?? !0),
+      "data-delay": v.delay,
+      "data-width": v.width,
+      "data-show-arrow": o(F)(v.showArrow ?? !0),
+      "data-placement": v.placement,
+      onClick: S[0] || (S[0] = async (L) => r(L))
     }, [
-      A(p.$slots, "default")
+      A(v.$slots, "default")
     ], 10, rt));
   }
-}), ct = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], vt = /* @__PURE__ */ U({
+}), ct = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], vt = /* @__PURE__ */ G({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1231,18 +1231,18 @@ const Ha = (t) => {
     remove: {}
   },
   setup(t) {
-    const a = t, n = s(null);
+    const a = t, n = d(null);
     function e(u) {
       u && (u.stopPropagation(), a.onRemove && a.onRemove(u));
     }
     function i() {
-      return a.removeButton ? a.removeButton : Je;
+      return a.removeButton ? a.removeButton : Qe;
     }
-    return (u, c) => (m(), k("div", {
+    return (u, c) => (h(), k("div", {
       ref_key: "_ref",
       ref: n,
       id: u.id,
-      class: P(o(V)("db-tag", a.class)),
+      class: q(o(U)("db-tag", a.class)),
       "data-semantic": u.semantic,
       "data-emphasis": u.emphasis,
       "data-icon": u.icon,
@@ -1253,10 +1253,10 @@ const Ha = (t) => {
     }, [
       A(u.$slots, "content"),
       A(u.$slots, "default"),
-      u.text ? (m(), k(G, { key: 0 }, [
-        N(L(u.text), 1)
-      ], 64)) : R("", !0),
-      u.behavior === "removable" ? (m(), k("button", {
+      u.text ? (h(), k(W, { key: 0 }, [
+        N($(u.text), 1)
+      ], 64)) : P("", !0),
+      u.behavior === "removable" ? (h(), k("button", {
         key: 1,
         class: "db-button db-tab-remove-button",
         "data-icon": "cross",
@@ -1266,19 +1266,19 @@ const Ha = (t) => {
         type: "button",
         onClick: c[0] || (c[0] = async (r) => e(r))
       }, [
-        ee(la, { variant: "label" }, {
+        ee(oa, { variant: "label" }, {
           default: O(() => [
-            N(L(i()), 1)
+            N($(i()), 1)
           ]),
           _: 1
         })
-      ])) : R("", !0)
+      ])) : P("", !0)
     ], 10, ct));
   }
 }), ft = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], pt = ["id"], ht = ["id", "form", "name", "multiple", "disabled", "required"], mt = ["disabled", "value"], gt = ["open"], bt = ["id", "aria-disabled", "aria-labelledby"], yt = ["data-visually-hidden", "id"], kt = { key: 1 }, wt = { key: 0 }, St = { key: 0 }, Bt = { class: "db-checkbox db-custom-select-list-item" }, Lt = ["form", "checked"], It = ["aria-hidden", "id"], $t = {
   "data-visually-hidden": "true",
   role: "status"
-}, nl = /* @__PURE__ */ U({
+}, nl = /* @__PURE__ */ G({
   __name: "custom-select",
   props: {
     children: { default: void 0 },
@@ -1343,19 +1343,19 @@ const Ha = (t) => {
   },
   emits: ["update:values"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(void 0), I = s(void 0), w = s(void 0), h = s(void 0), p = s("no-validation"), f = s(!1), T = s(void 0), C = s(""), b = s(void 0), S = s(""), W = s([]), y = s(!1), X = s(!1), B = s(0), q = s([]), H = s([]), ke = s(!1), pe = s(void 0), $e = s(0), Ce = s(void 0), Ae = s(void 0), De = s(void 0), Ne = s(!1), Be = s(!1), oa = s(null), M = s(null), ne = s(null), Te = s(null), Fe = s(null);
+    const n = a, e = t, i = d(void 0), u = d(void 0), c = d(void 0), r = d(void 0), f = d(void 0), s = d(void 0), m = d(void 0), I = d(void 0), w = d(void 0), p = d(void 0), v = d("no-validation"), S = d(!1), L = d(void 0), E = d(""), g = d(void 0), y = d(""), M = d([]), b = d(!1), X = d(!1), B = d(0), R = d([]), H = d([]), ke = d(!1), pe = d(void 0), $e = d(0), Ce = d(void 0), Ae = d(void 0), De = d(void 0), Ne = d(!1), Be = d(!1), na = d(null), z = d(null), ne = d(null), Te = d(null), Fe = d(null);
     j(() => {
       const l = e.id ?? `custom-select-${K()}`;
-      i.value = l, u.value = l + de, c.value = l + ue, r.value = l + re, d.value = l + He, g.value = l + Oe, I.value = l + "-summary", w.value = l + _e, b.value = l + "-selected-labels", h.value = l + "-info", v.value = e.invalidMessage || te, typeof window < "u" && "IntersectionObserver" in window && (Ae.value = new IntersectionObserver(($) => {
-        if (M.value) {
-          const E = $.find(({ target: Q }) => Q === M.value);
-          E && !E.isIntersecting && M.value.open && (M.value.open = !1);
+      i.value = l, u.value = l + de, c.value = l + ue, r.value = l + re, s.value = l + He, m.value = l + Oe, I.value = l + "-summary", w.value = l + _e, g.value = l + "-selected-labels", p.value = l + "-info", f.value = e.invalidMessage || te, typeof window < "u" && "IntersectionObserver" in window && (Ae.value = new IntersectionObserver((T) => {
+        if (z.value) {
+          const _ = T.find(({ target: Q }) => Q === z.value);
+          _ && !_.isIntersecting && z.value.open && (z.value.open = !1);
         }
       }));
     }), D(
-      () => [M.value],
+      () => [z.value],
       () => {
-        M.value && M.value.addEventListener(
+        z.value && z.value.addEventListener(
           "focusout",
           (l) => Le(l)
         );
@@ -1369,7 +1369,7 @@ const Ha = (t) => {
       () => {
         if (i.value) {
           const l = i.value + de;
-          g.value = i.value + Oe, d.value = i.value + He, c.value = i.value + ue, r.value = i.value + re, w.value = i.value + _e, Z(e.message, e.showMessage) ? Pe(l) : Pe();
+          m.value = i.value + Oe, s.value = i.value + He, c.value = i.value + ue, r.value = i.value + re, w.value = i.value + _e, Z(e.message, e.showMessage) ? Pe(l) : Pe();
         }
       },
       {
@@ -1377,13 +1377,13 @@ const Ha = (t) => {
         flush: "post"
       }
     ), D(
-      () => [M.value, T.value],
+      () => [z.value, L.value],
       () => {
-        if (M.value) {
-          const l = M.value.querySelector("summary");
+        if (z.value) {
+          const l = z.value.querySelector("summary");
           l && l.setAttribute(
             "aria-describedby",
-            e.ariaDescribedBy ?? (T.value || "")
+            e.ariaDescribedBy ?? (L.value || "")
           );
         }
       },
@@ -1403,7 +1403,7 @@ const Ha = (t) => {
     ), D(
       () => [e.showSelectAll, B.value, e.multiple],
       () => {
-        y.value = !!(e.multiple && (e.showSelectAll ?? B.value > 5));
+        b.value = !!(e.multiple && (e.showSelectAll ?? B.value > 5));
       },
       {
         immediate: !0,
@@ -1422,16 +1422,16 @@ const Ha = (t) => {
       () => [e.values],
       () => {
         const l = e.values;
-        Array.isArray(l) ? q.value !== l && (q.value = l) : l == null && q.value?.length !== 0 && (q.value = []);
+        Array.isArray(l) ? R.value !== l && (R.value = l) : l == null && R.value?.length !== 0 && (R.value = []);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), D(
-      () => [q.value, ne.value],
+      () => [R.value, ne.value],
       () => {
-        ne.value && sa();
+        ne.value && da();
       },
       {
         immediate: !0,
@@ -1440,16 +1440,16 @@ const Ha = (t) => {
     ), D(
       () => [e.validation],
       () => {
-        p.value = e.validation;
+        v.value = e.validation;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), D(
-      () => [q.value, B.value],
+      () => [R.value, B.value],
       () => {
-        q.value?.length === 0 ? (Ne.value = !1, Be.value = !1) : q.value?.length === B.value ? (Be.value = !1, Ne.value = !0) : q.value && (Be.value = !0);
+        R.value?.length === 0 ? (Ne.value = !1, Be.value = !1) : R.value?.length === B.value ? (Be.value = !1, Ne.value = !0) : R.value && (Be.value = !0);
       },
       {
         immediate: !0,
@@ -1477,10 +1477,10 @@ const Ha = (t) => {
         flush: "post"
       }
     ), D(
-      () => [e.options, q.value],
+      () => [e.options, R.value],
       () => {
-        e.options?.length && (W.value = e.options?.filter(
-          (l) => !l.value || !q.value?.includes ? !1 : !l.isGroupTitle && q.value?.includes(l.value)
+        e.options?.length && (M.value = e.options?.filter(
+          (l) => !l.value || !R.value?.includes ? !1 : !l.isGroupTitle && R.value?.includes(l.value)
         ));
       },
       {
@@ -1489,7 +1489,7 @@ const Ha = (t) => {
       }
     ), D(
       () => [
-        W.value,
+        M.value,
         e.selectedType,
         e.amountText,
         e.selectedLabels,
@@ -1497,27 +1497,27 @@ const Ha = (t) => {
       ],
       () => {
         if (e.selectedLabels) {
-          C.value = e.selectedLabels;
+          E.value = e.selectedLabels;
           return;
         }
-        if (W.value?.length) {
+        if (M.value?.length) {
           if (e.transformSelectedLabels) {
-            const l = W.value, $ = e.transformSelectedLabels;
-            C.value = $(l);
+            const l = M.value, T = e.transformSelectedLabels;
+            E.value = T(l);
             return;
           }
-          e.selectedType === "amount" ? C.value = e.amountText ? e.amountText : `${W.value?.length} ${Ba}` : C.value = W.value?.map((l) => ye(l)).join(", ");
+          e.selectedType === "amount" ? E.value = e.amountText ? e.amountText : `${M.value?.length} ${Ba}` : E.value = M.value?.map((l) => ye(l)).join(", ");
         } else
-          C.value = "";
+          E.value = "";
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), D(
-      () => [W.value],
+      () => [M.value],
       () => {
-        e.onAmountChange && e.onAmountChange(W.value?.length ?? 0);
+        e.onAmountChange && e.onAmountChange(M.value?.length ?? 0);
       },
       {
         immediate: !0,
@@ -1535,80 +1535,80 @@ const Ha = (t) => {
     ), D(
       () => [ne.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || ne.value?.validationMessage || te;
+        f.value = e.invalidMessage || ne.value?.validationMessage || te;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function na(l) {
-      l?.target?.contains && l?.target?.contains(M.value) && Me();
+    function sa(l) {
+      l?.target?.contains && l?.target?.contains(z.value) && Me();
     }
-    function ze() {
+    function Re() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function sa() {
-      ne.value && (ne.value.value = ua()), !ne.value?.validity.valid || e.validation === "invalid" ? (T.value = r.value, v.value = e.invalidMessage || ne.value?.validationMessage || te, ve() && (S.value = v.value, J(() => S.value = "", 1e3)), f.value && (p.value = e.validation ?? "invalid")) : ze() && ne.value?.validity.valid && e.required ? (T.value = c.value, ve() && (S.value = e.validMessage ?? ce, J(() => S.value = "", 1e3)), p.value = e.validation ?? "valid") : Z(e.message, e.showMessage) ? (T.value = u.value, p.value = e.validation ?? "no-validation") : (T.value = w.value, p.value = e.validation ?? "no-validation");
+    function da() {
+      ne.value && (ne.value.value = ra()), !ne.value?.validity.valid || e.validation === "invalid" ? (L.value = r.value, f.value = e.invalidMessage || ne.value?.validationMessage || te, ve() && (y.value = f.value, J(() => y.value = "", 1e3)), S.value && (v.value = e.validation ?? "invalid")) : Re() && ne.value?.validity.valid && e.required ? (L.value = c.value, ve() && (y.value = e.validMessage ?? ce, J(() => y.value = "", 1e3)), v.value = e.validation ?? "valid") : Z(e.message, e.showMessage) ? (L.value = u.value, v.value = e.validation ?? "no-validation") : (L.value = w.value, v.value = e.validation ?? "no-validation");
     }
-    function da(l) {
+    function ua(l) {
       e.onDropdownToggle && (l.stopPropagation(), e.onDropdownToggle(l)), l.target instanceof HTMLDetailsElement && l.target.open ? (pe.value = new se().addCallback(
-        ($) => ma($)
+        (T) => ga(T)
       ), Ce.value = new le().addCallback(
-        ($) => na($)
-      ), Me(), Ae.value?.observe(M.value), l.target.dataset.test || qe()) : (pe.value && new se().removeCallback(
+        (T) => sa(T)
+      ), Me(), Ae.value?.observe(z.value), l.target.dataset.test || qe()) : (pe.value && new se().removeCallback(
         pe.value
       ), Ce.value && new le().removeCallback(
         Ce.value
-      ), Ae.value?.unobserve(M.value));
+      ), Ae.value?.unobserve(z.value));
     }
-    function ua() {
-      return q.value?.length ? q.value.at(0) ?? "" : "";
+    function ra() {
+      return R.value?.length ? R.value.at(0) ?? "" : "";
     }
     function Pe(l) {
-      const $ = [];
-      l && $.push(l), b.value && C.value?.length && $.push(b.value), T.value = $.join(" ");
+      const T = [];
+      l && T.push(l), g.value && E.value?.length && T.push(g.value), L.value = T.join(" ");
     }
-    function ra() {
+    function ca() {
       return e.selectAllLabel ?? me;
     }
     function ye(l) {
       return l.label ?? l.value?.toString() ?? "";
     }
-    function ca(l) {
-      return l && q.value?.includes ? q.value?.includes(l) : !1;
-    }
     function va(l) {
-      const $ = e.removeTagsTexts, E = e.options;
-      if ($ && E) {
-        const Q = E.findIndex((x) => x.value === l.value);
-        if (Q >= 0 && Q < $.length)
-          return $[Q];
+      return l && R.value?.includes ? R.value?.includes(l) : !1;
+    }
+    function fa(l) {
+      const T = e.removeTagsTexts, _ = e.options;
+      if (T && _) {
+        const Q = _.findIndex((x) => x.value === l.value);
+        if (Q >= 0 && Q < T.length)
+          return T[Q];
       }
-      return `${Je} ${ye(l)}`;
+      return `${Qe} ${ye(l)}`;
     }
-    function fa(l, $) {
-      $ && $.stopPropagation(), Ve(l.value), Ie();
+    function pa(l, T) {
+      T && T.stopPropagation(), Ve(l.value), Ie();
     }
     function Me() {
-      if (M.value) {
-        const l = M.value.querySelector("article");
+      if (z.value) {
+        const l = z.value.querySelector("article");
         l && J(() => {
           ja(
             l,
-            M.value,
+            z.value,
             e.placement ?? "bottom"
           );
         }, 1);
       }
     }
-    function pa(l) {
-      if (M.value?.open) {
+    function ha(l) {
+      if (z.value?.open) {
         if (self.document) {
-          const $ = self.document.activeElement;
-          if ($)
-            if ($.getAttribute("type") === "checkbox" || $.getAttribute("type") === "radio") {
-              const Q = $?.closest("li");
+          const T = self.document.activeElement;
+          if (T)
+            if (T.getAttribute("type") === "checkbox" || T.getAttribute("type") === "radio") {
+              const Q = T?.closest("li");
               if (l.key === "ArrowDown" || l.key === "ArrowRight") {
                 let x = Q?.nextElementSibling;
                 for (; x; ) {
@@ -1619,7 +1619,7 @@ const Ha = (t) => {
                   }
                   x = x.nextElementSibling;
                 }
-                x || Ee($);
+                x || Ee(T);
               } else {
                 let x = Q?.previousElementSibling;
                 for (; x; ) {
@@ -1631,20 +1631,20 @@ const Ha = (t) => {
                   x = x.previousElementSibling;
                 }
                 if (!x) {
-                  const he = M.value.querySelector(
+                  const he = z.value.querySelector(
                     'input[type="checkbox"]'
                   );
-                  if (he && he !== $)
-                    Ee($);
+                  if (he && he !== T)
+                    Ee(T);
                   else {
-                    const Ge = Ye(M.value);
+                    const Ge = Ye(z.value);
                     if (Ge)
                       J(() => {
                         Ge.focus();
                       }, 100);
                     else {
                       const We = Array.from(
-                        M.value?.querySelectorAll(
+                        z.value?.querySelectorAll(
                           'input[type="checkbox"],input[type="radio"]'
                         )
                       );
@@ -1654,39 +1654,39 @@ const Ha = (t) => {
                 }
               }
             } else
-              $.getAttribute("type") === "search" && (l.key === "ArrowUp" || l.key === "ArrowLeft") ? (Le(void 0, !0), Ie()) : Ee($);
+              T.getAttribute("type") === "search" && (l.key === "ArrowUp" || l.key === "ArrowLeft") ? (Le(void 0, !0), Ie()) : Ee(T);
         }
-      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Me(), M.value && (M.value.open = !0), qe());
+      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Me(), z.value && (z.value.open = !0), qe());
       l.stopPropagation(), l.preventDefault();
     }
-    function ha(l) {
-      if (l.stopPropagation(), l.key === "Escape" && M.value?.open)
+    function ma(l) {
+      if (l.stopPropagation(), l.key === "Escape" && z.value?.open)
         Le(void 0, !0), Ie();
-      else if (l.key === "Enter" && M.value?.open) {
+      else if (l.key === "Enter" && z.value?.open) {
         if (self.document) {
-          const $ = self.document.activeElement;
-          ["checkbox", "radio"].includes($.getAttribute("type") || "") && ($.click(), l.preventDefault());
+          const T = self.document.activeElement;
+          ["checkbox", "radio"].includes(T.getAttribute("type") || "") && (T.click(), l.preventDefault());
         }
-      } else (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && pa(l);
-    }
-    function Le(l, $) {
-      if (M.value) {
-        if ($)
-          M.value.open = !1, Ie();
-        else if (M.value.open && l && l.relatedTarget) {
-          const E = l.relatedTarget;
-          M.value.contains(E) || J(() => M.value.open = !1, 1);
+      } else (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && ha(l);
+    }
+    function Le(l, T) {
+      if (z.value) {
+        if (T)
+          z.value.open = !1, Ie();
+        else if (z.value.open && l && l.relatedTarget) {
+          const _ = l.relatedTarget;
+          z.value.contains(_) || J(() => z.value.open = !1, 1);
         }
       }
     }
-    function ma(l) {
+    function ga(l) {
       if (l) {
-        const $ = l.target;
-        M.value?.open && !M.value.contains($) && (M.value.open = !1);
+        const T = l.target;
+        z.value?.open && !z.value.contains(T) && (z.value.open = !1);
       }
     }
     function we(l) {
-      (/* @__PURE__ */ new Date()).getTime() - $e.value < 200 || (q.value = l, f.value = !0, e.onOptionSelected && e.onOptionSelected(l ?? []), oe(
+      (/* @__PURE__ */ new Date()).getTime() - $e.value < 200 || (R.value = l, S.value = !0, e.onOptionSelected && e.onOptionSelected(l ?? []), oe(
         n,
         {
           target: {
@@ -1697,29 +1697,29 @@ const Ha = (t) => {
       ), $e.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function Ve(l) {
-      l && (e.multiple ? q.value?.includes(l) ? we(q.value.filter(($) => $ !== l)) : we([...q.value || [], l]) : (we([l]), Le(void 0, !0)));
+      l && (e.multiple ? R.value?.includes(l) ? we(R.value.filter((T) => T !== l)) : we([...R.value || [], l]) : (we([l]), Le(void 0, !0)));
     }
-    function ga(l) {
-      if (l.stopPropagation(), q.value?.length === B.value)
+    function ba(l) {
+      if (l.stopPropagation(), R.value?.length === B.value)
         we([]);
       else {
-        const $ = X.value && Fe.value ? Fe.value.value : void 0;
+        const T = X.value && Fe.value ? Fe.value.value : void 0;
         we(
           e.options ? e.options.filter(
-            (E) => !E.isGroupTitle && (!$ || E.value?.toLowerCase().includes($.toLowerCase()))
-          ).map((E) => E.value ?? "") : []
+            (_) => !_.isGroupTitle && (!T || _.value?.toLowerCase().includes(T.toLowerCase()))
+          ).map((_) => _.value ?? "") : []
         );
       }
     }
     function Ee(l) {
-      if (M.value) {
-        const $ = Array.from(
-          M.value.querySelectorAll(
+      if (z.value) {
+        const T = Array.from(
+          z.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
-        if ($.length) {
-          const E = $.at(0), Q = E === l && $.length > 1 ? $.at(1) : E;
+        if (T.length) {
+          const _ = T.at(0), Q = _ === l && T.length > 1 ? T.at(1) : _;
           Q && J(() => {
             Q.focus();
           }, 1);
@@ -1727,8 +1727,8 @@ const Ha = (t) => {
       }
     }
     function qe() {
-      if (M.value) {
-        const l = Ye(M.value);
+      if (z.value) {
+        const l = Ye(z.value);
         l ? J(() => {
           l.focus();
         }, 1) : Ee();
@@ -1737,35 +1737,35 @@ const Ha = (t) => {
     function Ue(l) {
       if (l === void 0)
         return;
-      let $;
+      let T;
       if (typeof l == "string")
-        $ = l;
+        T = l;
       else {
-        const E = l;
-        E.stopPropagation(), e.onSearch && e.onSearch(E), $ = E.target.value, De.value = $;
+        const _ = l;
+        _.stopPropagation(), e.onSearch && e.onSearch(_), T = _.target.value, De.value = T;
       }
-      !e.options || !$ || $.length === 0 ? H.value = e.options : e.searchFilter ? H.value = e.options.filter(
-        (E) => e.searchFilter(E, $)
+      !e.options || !T || T.length === 0 ? H.value = e.options : e.searchFilter ? H.value = e.options.filter(
+        (_) => e.searchFilter(_, T)
       ) : H.value = e.options.filter(
-        (E) => !E.isGroupTitle && ye(E).toLowerCase().includes($.toLowerCase())
+        (_) => !_.isGroupTitle && ye(_).toLowerCase().includes(T.toLowerCase())
       );
     }
-    function ba(l) {
+    function ya(l) {
       l.stopPropagation(), we([]), Ie();
     }
     function Ie() {
-      M.value && M.value.querySelector("summary")?.focus();
+      z.value && z.value.querySelector("summary")?.focus();
     }
-    function ya(l) {
+    function ka(l) {
       l.stopPropagation();
     }
-    return (l, $) => (m(), k("div", {
+    return (l, T) => (h(), k("div", {
       id: i.value,
       ref_key: "_ref",
-      ref: oa,
-      class: P(o(V)("db-custom-select", e.class)),
-      "aria-invalid": p.value === "invalid",
-      "data-custom-validity": p.value,
+      ref: na,
+      class: q(o(U)("db-custom-select", e.class)),
+      "aria-invalid": v.value === "invalid",
+      "data-custom-validity": v.value,
       "data-width": l.formFieldWidth,
       "data-variant": l.variant === "floating" && l.selectedType === "tag" && l.multiple ? "above" : l.variant,
       "data-required": o(F)(l.required),
@@ -1776,67 +1776,67 @@ const Ha = (t) => {
       "data-icon": l.icon,
       "data-show-icon": o(F)(l.showIcon)
     }, [
-      _("label", { id: g.value }, [
-        N(L(l.label ?? o(me)), 1),
-        _("select", {
+      C("label", { id: m.value }, [
+        N($(l.label ?? o(me)), 1),
+        C("select", {
           role: "none",
           hidden: !0,
-          id: d.value,
+          id: s.value,
           tabIndex: -1,
           ref_key: "selectRef",
           ref: ne,
           form: l.form,
           name: l.name,
-          multiple: o(z)(l.multiple, "multiple"),
-          disabled: o(z)(l.disabled, "disabled"),
-          required: o(z)(l.required, "required"),
-          onChange: $[0] || ($[0] = async (E) => ya(E))
+          multiple: o(V)(l.multiple, "multiple"),
+          disabled: o(V)(l.disabled, "disabled"),
+          required: o(V)(l.required, "required"),
+          onChange: T[0] || (T[0] = async (_) => ka(_))
         }, [
-          l.options?.length ? (m(!0), k(G, { key: 0 }, fe(l.options, (E, Q) => (m(), k("option", {
+          l.options?.length ? (h(!0), k(W, { key: 0 }, fe(l.options, (_, Q) => (h(), k("option", {
             key: Q,
-            disabled: E.disabled,
-            value: E.value
-          }, L(ye(E)), 9, mt))), 128)) : R("", !0)
+            disabled: _.disabled,
+            value: _.value
+          }, $(ye(_)), 9, mt))), 128)) : P("", !0)
         ], 40, ht)
       ], 8, pt),
-      _("details", {
+      C("details", {
         ref_key: "detailsRef",
-        ref: M,
+        ref: z,
         open: l.open,
-        onToggle: $[2] || ($[2] = async (E) => da(E)),
-        onKeydown: $[3] || ($[3] = async (E) => ha(E))
+        onToggle: T[2] || (T[2] = async (_) => ua(_)),
+        onKeydown: T[3] || (T[3] = async (_) => ma(_))
       }, [
         A(l.$slots, "default"),
-        l.options ? (m(), k(G, { key: 0 }, [
-          _("summary", {
+        l.options ? (h(), k(W, { key: 0 }, [
+          C("summary", {
             class: "db-custom-select-form-field",
             id: I.value,
             "aria-disabled": o(F)(l.disabled),
-            "aria-labelledby": g.value
+            "aria-labelledby": m.value
           }, [
-            C.value?.length ? (m(), k("span", {
+            E.value?.length ? (h(), k("span", {
               key: 0,
               "data-visually-hidden": o(F)(l.selectedType === "tag"),
-              id: b.value
-            }, L(C.value), 9, yt)) : R("", !0),
-            l.selectedType === "tag" ? (m(), k("div", kt, [
-              (m(!0), k(G, null, fe(W.value, (E, Q) => (m(), Y(vt, {
+              id: g.value
+            }, $(E.value), 9, yt)) : P("", !0),
+            l.selectedType === "tag" ? (h(), k("div", kt, [
+              (h(!0), k(W, null, fe(M.value, (_, Q) => (h(), Y(vt, {
                 key: Q,
                 emphasis: "strong",
                 behavior: "removable",
-                removeButton: va(E),
-                onRemove: (x) => fa(E, x)
+                removeButton: fa(_),
+                onRemove: (x) => pa(_, x)
               }, {
                 default: O(() => [
-                  N(L(ye(E)), 1)
+                  N($(ye(_)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
-            ])) : R("", !0)
+            ])) : P("", !0)
           ], 8, bt),
           ee(Ka, { width: l.dropdownWidth }, {
             default: O(() => [
-              X.value ? (m(), k("div", wt, [
+              X.value ? (h(), k("div", wt, [
                 ee(ut, {
                   type: "search",
                   ref_key: "searchInputRef",
@@ -1847,58 +1847,58 @@ const Ha = (t) => {
                   value: De.value,
                   label: l.searchLabel ?? o(me),
                   placeholder: l.searchPlaceholder ?? l.searchLabel,
-                  ariaDescribedBy: ke.value || l.showLoading ? h.value : void 0,
-                  onInput: (E) => Ue(E)
+                  ariaDescribedBy: ke.value || l.showLoading ? p.value : void 0,
+                  onInput: (_) => Ue(_)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
-              ])) : R("", !0),
-              ke.value || l.showLoading ? (m(), Y(ae, {
+              ])) : P("", !0),
+              ke.value || l.showLoading ? (h(), Y(ae, {
                 key: 1,
-                id: h.value,
+                id: p.value,
                 icon: l.showLoading ? "circular_arrows" : void 0,
                 semantic: l.showLoading ? "informational" : "warning"
               }, {
                 default: O(() => [
-                  N(L((l.showLoading ? l.loadingText : l.noResultsText) ?? o(wa)), 1)
+                  N($((l.showLoading ? l.loadingText : l.noResultsText) ?? o(wa)), 1)
                 ]),
                 _: 1
-              }, 8, ["id", "icon", "semantic"])) : (m(), k(G, { key: 2 }, [
-                y.value ? (m(), k("div", St, [
-                  _("div", Bt, [
-                    _("label", null, [
-                      _("input", {
+              }, 8, ["id", "icon", "semantic"])) : (h(), k(W, { key: 2 }, [
+                b.value ? (h(), k("div", St, [
+                  C("div", Bt, [
+                    C("label", null, [
+                      C("input", {
                         type: "checkbox",
                         value: "select-all",
                         ref_key: "selectAllRef",
                         ref: Te,
                         form: i.value,
                         checked: Ne.value,
-                        onChange: $[1] || ($[1] = async (E) => ga(E))
+                        onChange: T[1] || (T[1] = async (_) => ba(_))
                       }, null, 40, Lt),
-                      N(L(ra()), 1)
+                      N($(ca()), 1)
                     ])
                   ])
-                ])) : R("", !0),
+                ])) : P("", !0),
                 ee(tt, {
-                  multiple: o(z)(l.multiple, "multiple"),
+                  multiple: o(V)(l.multiple, "multiple"),
                   label: l.ariaListLabel ?? l.label ?? o(me)
                 }, {
                   default: O(() => [
-                    (m(!0), k(G, null, fe(H.value, (E, Q) => (m(), Y(et, {
+                    (h(!0), k(W, null, fe(H.value, (_, Q) => (h(), Y(et, {
                       key: Q,
                       type: l.multiple ? "checkbox" : "radio",
-                      showDivider: E.showDivider,
-                      icon: E.icon,
-                      isGroupTitle: E.isGroupTitle,
-                      groupTitle: ye(E),
+                      showDivider: _.showDivider,
+                      icon: _.icon,
+                      isGroupTitle: _.isGroupTitle,
+                      groupTitle: ye(_),
                       name: i.value,
-                      checked: ca(E.value),
-                      disabled: E.disabled,
-                      value: E.value,
-                      onChange: (x) => Ve(E.value)
+                      checked: va(_.value),
+                      disabled: _.disabled,
+                      value: _.value,
+                      onChange: (x) => Ve(_.value)
                     }, {
                       default: O(() => [
-                        E.isGroupTitle ? R("", !0) : (m(), k(G, { key: 0 }, [
-                          N(L(ye(E)), 1)
+                        _.isGroupTitle ? P("", !0) : (h(), k(W, { key: 0 }, [
+                          N($(ye(_)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -1907,7 +1907,7 @@ const Ha = (t) => {
                   _: 1
                 }, 8, ["multiple", "label"])
               ], 64)),
-              _("div", null, [
+              C("div", null, [
                 ee(be, {
                   variant: "ghost",
                   width: "full",
@@ -1915,10 +1915,10 @@ const Ha = (t) => {
                   size: "small",
                   name: i.value,
                   form: i.value,
-                  onClick: (E) => Le(void 0, !0)
+                  onClick: (_) => Le(void 0, !0)
                 }, {
                   default: O(() => [
-                    N(L(l.mobileCloseButtonText ?? o(Re)), 1)
+                    N($(l.mobileCloseButtonText ?? o(ze)), 1)
                   ]),
                   _: 1
                 }, 8, ["name", "form", "onClick"])
@@ -1926,9 +1926,9 @@ const Ha = (t) => {
             ]),
             _: 1
           }, 8, ["width"])
-        ], 64)) : R("", !0)
+        ], 64)) : P("", !0)
       ], 40, gt),
-      (l.showClearSelection ?? !0) && q.value?.length ? (m(), Y(be, {
+      (l.showClearSelection ?? !0) && R.value?.length ? (h(), Y(be, {
         key: 0,
         icon: "cross",
         variant: "ghost",
@@ -1936,60 +1936,60 @@ const Ha = (t) => {
         noText: !0,
         name: i.value,
         form: i.value,
-        onClick: (E) => ba(E)
+        onClick: (_) => ya(_)
       }, {
         default: O(() => [
-          N(L(l.clearSelectionText), 1),
-          ee(la, { placement: "top" }, {
+          N($(l.clearSelectionText), 1),
+          ee(oa, { placement: "top" }, {
             default: O(() => [
-              N(L(l.clearSelectionText), 1)
+              N($(l.clearSelectionText), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      }, 8, ["name", "form", "onClick"])) : R("", !0),
-      _("span", {
+      }, 8, ["name", "form", "onClick"])) : P("", !0),
+      C("span", {
         class: "db-custom-select-placeholder",
         "aria-hidden": o(F)(!0),
         id: w.value
-      }, L(l.placeholder ?? l.label), 9, It),
-      o(Z)(l.message, l.showMessage) ? (m(), Y(ae, {
+      }, $(l.placeholder ?? l.label), 9, It),
+      o(Z)(l.message, l.showMessage) ? (h(), Y(ae, {
         key: 1,
         size: "small",
         icon: l.messageIcon,
         id: u.value
       }, {
         default: O(() => [
-          N(L(l.message), 1)
+          N($(l.message), 1)
         ]),
         _: 1
-      }, 8, ["icon", "id"])) : R("", !0),
-      ze() ? (m(), Y(ae, {
+      }, 8, ["icon", "id"])) : P("", !0),
+      Re() ? (h(), Y(ae, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: c.value
       }, {
         default: O(() => [
-          N(L(l.validMessage || o(ce)), 1)
+          N($(l.validMessage || o(ce)), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : R("", !0),
+      }, 8, ["id"])) : P("", !0),
       ee(ae, {
         size: "small",
         semantic: "critical",
         id: r.value
       }, {
         default: O(() => [
-          N(L(v.value), 1)
+          N($(f.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", $t, L(S.value), 1)
+      C("span", $t, $(y.value), 1)
     ], 10, ft));
   }
-}), sl = ["fixed", "auto", "full"], Tt = ["id"], dl = /* @__PURE__ */ U({
+}), sl = ["fixed", "auto", "full"], Tt = ["id"], dl = /* @__PURE__ */ G({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -1999,17 +1999,17 @@ const Ha = (t) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("summary", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("summary", {
       ref_key: "_ref",
       ref: n,
       id: e.id,
-      class: P(o(V)("db-custom-select-form-field", a.class))
+      class: q(o(U)("db-custom-select-form-field", a.class))
     }, [
       A(e.$slots, "default")
     ], 10, Tt));
   }
-}), ul = ["checkbox", "radio"], rl = ["amount", "text", "tag"], Et = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], cl = /* @__PURE__ */ U({
+}), ul = ["checkbox", "radio"], rl = ["amount", "text", "tag"], Et = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], cl = /* @__PURE__ */ G({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -2023,8 +2023,8 @@ const Ha = (t) => {
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("div", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("div", {
       ref_key: "_ref",
       ref: n,
       id: e.id,
@@ -2032,10 +2032,10 @@ const Ha = (t) => {
       "data-variant": e.variant,
       "data-emphasis": e.emphasis,
       "data-width": e.width,
-      class: P(o(V)("db-divider", a.class))
+      class: q(o(U)("db-divider", a.class))
     }, null, 10, Et));
   }
-}), vl = ["none", "_"], fl = ["horizontal", "vertical"], _t = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Ct = ["data-spacing", "data-width", "data-direction", "data-rounded"], At = { class: "db-drawer-header" }, Dt = { class: "db-drawer-header-text" }, Nt = { class: "db-drawer-content" }, Ft = /* @__PURE__ */ U({
+}), vl = ["none", "_"], fl = ["horizontal", "vertical"], _t = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Ct = ["data-spacing", "data-width", "data-direction", "data-rounded"], At = { class: "db-drawer-header" }, Dt = { class: "db-drawer-header-text" }, Nt = { class: "db-drawer-content" }, Ft = /* @__PURE__ */ G({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -2058,7 +2058,7 @@ const Ha = (t) => {
     spacing: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(!1), e = s(null), i = s(null);
+    const a = t, n = d(!1), e = d(null), i = d(null);
     j(() => {
       c(), n.value = !0;
     }), D(
@@ -2074,8 +2074,8 @@ const Ha = (t) => {
       () => [e.value, n.value, a.position],
       () => {
         if (e.value && n.value && a.position === "absolute") {
-          const v = e.value.parentElement;
-          v && (v.style.position = "relative");
+          const f = e.value.parentElement;
+          f && (f.style.position = "relative");
         }
       },
       {
@@ -2083,8 +2083,8 @@ const Ha = (t) => {
         flush: "post"
       }
     );
-    function u(r, v) {
-      r && (Aa(r) ? r.key === "Escape" && (r.preventDefault(), a.onClose && a.onClose(r)) : (v && (r.stopPropagation(), a.onClose && a.onClose(r)), r.target?.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(r)));
+    function u(r, f) {
+      r && (Aa(r) ? r.key === "Escape" && (r.preventDefault(), a.onClose && a.onClose(r)) : (f && (r.stopPropagation(), a.onClose && a.onClose(r)), r.target?.nodeName === "DIALOG" && r.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(r)));
     }
     function c() {
       if (e.value) {
@@ -2094,29 +2094,29 @@ const Ha = (t) => {
         }, 401));
       }
     }
-    return (r, v) => (m(), k("dialog", {
+    return (r, f) => (h(), k("dialog", {
       class: "db-drawer",
       id: r.id,
       ref_key: "_ref",
       ref: e,
-      onClick: v[0] || (v[0] = async (d) => u(d)),
-      onKeydown: v[1] || (v[1] = async (d) => u(d)),
+      onClick: f[0] || (f[0] = async (s) => u(s)),
+      onKeydown: f[1] || (f[1] = async (s) => u(s)),
       "data-position": r.position,
       "data-backdrop": r.backdrop,
       "data-direction": r.direction,
       "data-variant": r.variant
     }, [
-      _("article", {
+      C("article", {
         ref_key: "dialogContainerRef",
         ref: i,
-        class: P(o(V)("db-drawer-container", a.class)),
+        class: q(o(U)("db-drawer-container", a.class)),
         "data-spacing": r.spacing,
         "data-width": r.width,
         "data-direction": r.direction,
         "data-rounded": o(F)(r.rounded)
       }, [
-        _("header", At, [
-          _("div", Dt, [
+        C("header", At, [
+          C("div", Dt, [
             A(r.$slots, "drawer-header")
           ]),
           ee(be, {
@@ -2125,15 +2125,15 @@ const Ha = (t) => {
             variant: "ghost",
             id: r.closeButtonId,
             noText: !0,
-            onClick: (d) => u(d, !0)
+            onClick: (s) => u(s, !0)
           }, {
             default: O(() => [
-              N(L(r.closeButtonText ?? o(Re)), 1)
+              N($(r.closeButtonText ?? o(ze)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        _("div", Nt, [
+        C("div", Nt, [
           A(r.$slots, "default")
         ])
       ], 10, Ct)
@@ -2145,7 +2145,7 @@ const Ha = (t) => {
   } = t;
   return !!(!a?.classList?.contains("db-navigation-item-expand-button") && a?.parentElement?.classList.contains("db-navigation-item"));
 };
-class Rt {
+class zt {
   element;
   subNavigation;
   parentSubNavigation = null;
@@ -2218,7 +2218,7 @@ class Rt {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), n && (this.triangleData = void 0));
   }
 }
-const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-header-drawer-navigation" }, Vt = { class: "db-header-meta-navigation" }, qt = { class: "db-header-secondary-action" }, Ut = { class: "db-header-meta-navigation" }, Gt = { class: "db-header-navigation-bar" }, Wt = { class: "db-header-brand-container" }, Ot = { class: "db-header-navigation-container" }, Ht = { class: "db-header-navigation" }, Xt = { class: "db-header-primary-action" }, jt = { class: "db-header-action-container" }, Yt = { class: "db-header-burger-menu-container" }, Kt = { class: "db-header-secondary-action" }, bl = /* @__PURE__ */ U({
+const Rt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-header-drawer-navigation" }, Vt = { class: "db-header-meta-navigation" }, qt = { class: "db-header-secondary-action" }, Ut = { class: "db-header-meta-navigation" }, Gt = { class: "db-header-navigation-bar" }, Wt = { class: "db-header-brand-container" }, Ot = { class: "db-header-navigation-container" }, Ht = { class: "db-header-navigation" }, Xt = { class: "db-header-primary-action" }, jt = { class: "db-header-action-container" }, Yt = { class: "db-header-burger-menu-container" }, Kt = { class: "db-header-secondary-action" }, bl = /* @__PURE__ */ G({
   __name: "header",
   props: {
     brand: {},
@@ -2238,13 +2238,13 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(!1), e = s(!1), i = s(null);
+    const a = t, n = d(!1), e = d(!1), i = d(null);
     j(() => {
       n.value = !0;
     }), D(
       () => [n.value, i.value],
       () => {
-        n.value && i.value && a.forceMobile && (aa(i.value, {
+        n.value && i.value && a.forceMobile && (ta(i.value, {
           key: "data-force-mobile",
           value: "true"
         }), e.value = !0);
@@ -2255,16 +2255,16 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       }
     );
     function u(r) {
-      const v = !z(a.drawerOpen, "drawerOpen");
-      a.onToggle && a.onToggle(v);
+      const f = !V(a.drawerOpen, "drawerOpen");
+      a.onToggle && a.onToggle(f);
     }
     function c(r) {
       Mt(r) && u();
     }
-    return (r, v) => (m(), k("header", {
+    return (r, f) => (h(), k("header", {
       ref_key: "_ref",
       ref: i,
-      class: P(o(V)("db-header", a.class)),
+      class: q(o(U)("db-header", a.class)),
       id: r.id,
       "data-width": r.width,
       "data-on-forcing-mobile": r.forceMobile && !e.value
@@ -2273,64 +2273,64 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
-        open: o(z)(r.drawerOpen),
-        onClose: (d) => u()
+        open: o(V)(r.drawerOpen),
+        onClose: (s) => u()
       }, {
         default: O(() => [
-          _("div", Pt, [
-            _("div", {
+          C("div", Pt, [
+            C("div", {
               class: "db-header-navigation",
-              onClick: v[0] || (v[0] = async (d) => c(d))
+              onClick: f[0] || (f[0] = async (s) => c(s))
             }, [
               A(r.$slots, "default")
             ]),
-            _("div", Vt, [
+            C("div", Vt, [
               A(r.$slots, "meta-navigation")
             ])
           ]),
-          _("div", qt, [
+          C("div", qt, [
             A(r.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
-      _("div", Ut, [
+      C("div", Ut, [
         A(r.$slots, "meta-navigation")
       ]),
-      _("div", Gt, [
-        _("div", Wt, [
+      C("div", Gt, [
+        C("div", Wt, [
           A(r.$slots, "brand")
         ]),
-        _("div", Ot, [
-          _("div", Ht, [
+        C("div", Ot, [
+          C("div", Ht, [
             A(r.$slots, "default")
           ]),
-          _("div", Xt, [
+          C("div", Xt, [
             A(r.$slots, "primary-action")
           ])
         ]),
-        _("div", jt, [
-          _("div", Yt, [
+        C("div", jt, [
+          C("div", Yt, [
             ee(be, {
               icon: "menu",
               variant: "ghost",
               noText: !0,
-              onClick: (d) => u()
+              onClick: (s) => u()
             }, {
               default: O(() => [
-                N(L(r.burgerMenuLabel ?? o(La)), 1)
+                N($(r.burgerMenuLabel ?? o(La)), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ]),
-          _("div", Kt, [
+          C("div", Kt, [
             A(r.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, zt));
+    ], 10, Rt));
   }
-}), Jt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], yl = /* @__PURE__ */ U({
+}), Jt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], yl = /* @__PURE__ */ G({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -2344,19 +2344,19 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("span", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
       ref: n,
       id: e.id,
-      class: P(o(V)("db-icon", a.class)),
+      class: q(o(U)("db-icon", a.class)),
       "data-icon": e.icon,
       "data-icon-weight": e.weight,
       "data-icon-variant": e.variant
     }, [
-      e.text ? (m(), k(G, { key: 0 }, [
-        N(L(e.text), 1)
+      e.text ? (h(), k(W, { key: 0 }, [
+        N($(e.text), 1)
       ], 64)) : A(e.$slots, "default", { key: 1 })
     ], 10, Jt));
   }
@@ -2379,7 +2379,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
   "time",
   "url",
   "week"
-], Qt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "data-size", "data-show-icon-trailing", "data-variant", "data-content", "data-wrap"], Sl = /* @__PURE__ */ U({
+], Qt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "data-size", "data-show-icon-trailing", "data-variant", "data-content", "data-wrap"], Sl = /* @__PURE__ */ G({
   __name: "link",
   props: {
     content: { default: void 0 },
@@ -2403,15 +2403,15 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     wrap: { type: [Boolean, String], default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
+    const a = t, n = d(null);
     function e(i) {
       a.onClick && a.onClick(i);
     }
-    return (i, u) => (m(), k("a", {
+    return (i, u) => (h(), k("a", {
       ref_key: "_ref",
       ref: n,
       id: i.id,
-      class: P(o(V)("db-link", a.class)),
+      class: q(o(U)("db-link", a.class)),
       href: i.href,
       target: i.target,
       rel: i.rel,
@@ -2426,12 +2426,12 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       "data-wrap": o(F)(i.wrap),
       onClick: u[0] || (u[0] = async (c) => e(c))
     }, [
-      i.text ? (m(), k(G, { key: 0 }, [
-        N(L(i.text), 1)
+      i.text ? (h(), k(W, { key: 0 }, [
+        N($(i.text), 1)
       ], 64)) : A(i.$slots, "default", { key: 1 })
     ], 10, Qt));
   }
-}), Bl = ["adaptive", "brand", "inline"], Ll = ["medium", "small"], Il = ["external", "internal"], Zt = ["id"], $l = /* @__PURE__ */ U({
+}), Bl = ["adaptive", "brand", "inline"], Ll = ["medium", "small"], Il = ["external", "internal"], Zt = ["id"], $l = /* @__PURE__ */ G({
   __name: "navigation",
   props: {
     children: { default: void 0 },
@@ -2441,16 +2441,16 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(Se), e = s(null);
+    const a = t, n = d(Se), e = d(null);
     return j(() => {
       n.value = a.id || "navigation-" + K();
-    }), (i, u) => (m(), k("nav", {
+    }), (i, u) => (h(), k("nav", {
       ref_key: "_ref",
       ref: e,
       id: n.value,
-      class: P(o(V)("db-navigation", a.class))
+      class: q(o(U)("db-navigation", a.class))
     }, [
-      _("menu", null, [
+      C("menu", null, [
         A(i.$slots, "default")
       ])
     ], 10, Zt));
@@ -2458,7 +2458,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
 }), xt = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], ei = ["aria-haspopup", "aria-expanded", "disabled"], ai = ["data-force-close", "id"], ti = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, Tl = /* @__PURE__ */ U({
+}, Tl = /* @__PURE__ */ G({
   __name: "navigation-item",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -2480,15 +2480,15 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(!1), e = s(!1), i = s(!0), u = s(!1), c = s(!1), r = s(
+    const a = t, n = d(!1), e = d(!1), i = d(!0), u = d(!1), c = d(!1), r = d(
       "sub-navigation-" + K()
-    ), v = s(void 0), d = s(null);
+    ), f = d(void 0), s = d(null);
     j(() => {
       n.value = !0;
     }), D(
       () => [a.subNavigationExpanded],
       () => {
-        a.subNavigationExpanded !== void 0 && (u.value = !!z(
+        a.subNavigationExpanded !== void 0 && (u.value = !!V(
           a.subNavigationExpanded,
           "subNavigationExpanded"
         ));
@@ -2498,13 +2498,13 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     ), D(
-      () => [n.value, d.value],
+      () => [n.value, s.value],
       () => {
-        if (n.value && d.value) {
-          const h = d.value.querySelector("menu");
-          h && (h.children?.length > 0 ? (e.value = !0, v.value || (v.value = new Rt(
-            d.value,
-            h
+        if (n.value && s.value) {
+          const p = s.value.querySelector("menu");
+          p && (p.children?.length > 0 ? (e.value = !0, f.value || (f.value = new zt(
+            s.value,
+            p
           ))) : i.value = !1);
         }
       },
@@ -2513,74 +2513,74 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     );
-    function g(h) {
-      h?.target?.nodeName === "A" && (c.value = !0, J(() => {
+    function m(p) {
+      p?.target?.nodeName === "A" && (c.value = !0, J(() => {
         c.value = !1;
       }, 1e3));
     }
-    function I(h) {
-      a.onClick && (h.stopPropagation(), a.onClick(h)), e.value && (u.value = !0);
+    function I(p) {
+      a.onClick && (p.stopPropagation(), a.onClick(p)), e.value && (u.value = !0);
     }
-    function w(h) {
-      h.stopPropagation(), u.value = !1;
+    function w(p) {
+      p.stopPropagation(), u.value = !1;
     }
-    return (h, p) => (m(), k("li", {
+    return (p, v) => (h(), k("li", {
       ref_key: "_ref",
-      ref: d,
-      id: h.id,
-      onMouseover: p[2] || (p[2] = async (f) => v.value?.enableFollow()),
-      onMouseleave: p[3] || (p[3] = async (f) => v.value?.disableFollow()),
-      onMousemove: p[4] || (p[4] = async (f) => v.value?.followByMouseEvent(f)),
-      class: P(o(V)("db-navigation-item", a.class)),
-      "data-width": h.width,
-      "data-icon": h.icon,
-      "data-show-icon": o(F)(h.showIcon),
-      "data-active": h.active,
-      "data-wrap": o(F)(h.wrap),
-      "aria-disabled": o(F)(h.disabled)
+      ref: s,
+      id: p.id,
+      onMouseover: v[2] || (v[2] = async (S) => f.value?.enableFollow()),
+      onMouseleave: v[3] || (v[3] = async (S) => f.value?.disableFollow()),
+      onMousemove: v[4] || (v[4] = async (S) => f.value?.followByMouseEvent(S)),
+      class: q(o(U)("db-navigation-item", a.class)),
+      "data-width": p.width,
+      "data-icon": p.icon,
+      "data-show-icon": o(F)(p.showIcon),
+      "data-active": p.active,
+      "data-wrap": o(F)(p.wrap),
+      "aria-disabled": o(F)(p.disabled)
     }, [
-      i.value ? R("", !0) : (m(), k(G, { key: 0 }, [
-        h.text ? (m(), k(G, { key: 0 }, [
-          N(L(h.text), 1)
-        ], 64)) : A(h.$slots, "default", { key: 1 })
+      i.value ? P("", !0) : (h(), k(W, { key: 0 }, [
+        p.text ? (h(), k(W, { key: 0 }, [
+          N($(p.text), 1)
+        ], 64)) : A(p.$slots, "default", { key: 1 })
       ], 64)),
-      i.value ? (m(), k(G, { key: 1 }, [
-        _("button", {
+      i.value ? (h(), k(W, { key: 1 }, [
+        C("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": e.value,
           "aria-expanded": u.value,
-          disabled: o(z)(h.disabled, "disabled"),
-          onClick: p[0] || (p[0] = async (f) => I(f))
+          disabled: o(V)(p.disabled, "disabled"),
+          onClick: v[0] || (v[0] = async (S) => I(S))
         }, [
-          h.text ? (m(), k(G, { key: 0 }, [
-            N(L(h.text), 1)
-          ], 64)) : A(h.$slots, "default", { key: 1 })
+          p.text ? (h(), k(W, { key: 0 }, [
+            N($(p.text), 1)
+          ], 64)) : A(p.$slots, "default", { key: 1 })
         ], 8, ei),
-        _("menu", {
+        C("menu", {
           class: "db-sub-navigation",
           "data-force-close": c.value,
           id: r.value,
-          onClick: p[1] || (p[1] = async (f) => g(f))
+          onClick: v[1] || (v[1] = async (S) => m(S))
         }, [
-          e.value ? (m(), k("div", ti, [
+          e.value ? (h(), k("div", ti, [
             ee(be, {
               icon: "arrow_left",
               variant: "ghost",
-              id: h.backButtonId,
-              onClick: (f) => w(f)
+              id: p.backButtonId,
+              onClick: (S) => w(S)
             }, {
               default: O(() => [
-                N(L(h.backButtonText ?? o(Sa)), 1)
+                N($(p.backButtonText ?? o(Sa)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
-          ])) : R("", !0),
-          A(h.$slots, "sub-navigation")
+          ])) : P("", !0),
+          A(p.$slots, "sub-navigation")
         ], 8, ai)
-      ], 64)) : R("", !0)
+      ], 64)) : P("", !0)
     ], 42, xt));
   }
-}), ii = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-show-icon", "data-link-variant"], li = { key: 0 }, oi = { key: 1 }, El = /* @__PURE__ */ U({
+}), ii = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-show-icon", "data-link-variant"], li = { key: 0 }, oi = { key: 1 }, El = /* @__PURE__ */ G({
   __name: "notification",
   props: {
     ariaLive: { default: void 0 },
@@ -2611,15 +2611,15 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
+    const a = t, n = d(null);
     function e(i) {
       i && (i.stopPropagation(), a.onClose && a.onClose(i));
     }
-    return (i, u) => (m(), k("article", {
+    return (i, u) => (h(), k("article", {
       ref_key: "_ref",
       ref: n,
       id: i.id,
-      class: P(o(V)("db-notification", a.class)),
+      class: q(o(U)("db-notification", a.class)),
       "aria-live": i.ariaLive,
       "data-semantic": i.semantic,
       "data-variant": i.variant,
@@ -2628,15 +2628,15 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       "data-link-variant": i.linkVariant
     }, [
       A(i.$slots, "image"),
-      o(Z)(i.headline, i.showHeadline) ? (m(), k("header", li, L(i.headline), 1)) : R("", !0),
-      _("p", null, [
-        i.text ? (m(), k(G, { key: 0 }, [
-          N(L(i.text), 1)
+      o(Z)(i.headline, i.showHeadline) ? (h(), k("header", li, $(i.headline), 1)) : P("", !0),
+      C("p", null, [
+        i.text ? (h(), k(W, { key: 0 }, [
+          N($(i.text), 1)
         ], 64)) : A(i.$slots, "default", { key: 1 })
       ]),
-      o(Z)(i.timestamp, i.showTimestamp) ? (m(), k("span", oi, L(i.timestamp), 1)) : R("", !0),
+      o(Z)(i.timestamp, i.showTimestamp) ? (h(), k("span", oi, $(i.timestamp), 1)) : P("", !0),
       A(i.$slots, "link"),
-      o(z)(i.closeable, "closeable") ? (m(), Y(be, {
+      o(V)(i.closeable, "closeable") ? (h(), Y(be, {
         key: 2,
         icon: "cross",
         variant: "ghost",
@@ -2646,13 +2646,13 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         onClick: (c) => e(c)
       }, {
         default: O(() => [
-          N(L(i.closeButtonText ?? o(Re)), 1)
+          N($(i.closeButtonText ?? o(ze)), 1)
         ]),
         _: 1
-      }, 8, ["id", "onClick"])) : R("", !0)
+      }, 8, ["id", "onClick"])) : P("", !0)
     ], 10, ii));
   }
-}), _l = ["docked", "standalone", "overlay"], Cl = ["block", "inline"], Al = ["assertive", "polite", "off"], ni = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], Dl = /* @__PURE__ */ U({
+}), _l = ["docked", "standalone", "overlay"], Cl = ["block", "inline"], Al = ["assertive", "polite", "off"], ni = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], Dl = /* @__PURE__ */ G({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -2668,32 +2668,32 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(!1), e = s(null);
+    const a = t, n = d(!1), e = d(null);
     return typeof window < "u" && document && (a.documentOverflow === "hidden" || a.variant === "fixed" && a.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), j(() => {
       n.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         n.value = !0;
       }) : n.value = !0;
-    }), ka(() => {
+    }), Ke(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (i, u) => (m(), k("div", {
+    }), (i, u) => (h(), k("div", {
       ref_key: "_ref",
       ref: e,
       id: i.id,
-      class: P(o(V)("db-page", a.class)),
+      class: q(o(U)("db-page", a.class)),
       "data-variant": i.variant,
       "data-fade-in": o(F)(i.fadeIn),
       "data-fonts-loaded": o(F)(n.value)
     }, [
       A(i.$slots, "header"),
-      _("main", {
-        class: P(o(V)("db-main", i.mainClass))
+      C("main", {
+        class: q(o(U)("db-main", i.mainClass))
       }, [
         A(i.$slots, "default")
       ], 2),
       A(i.$slots, "footer")
     ], 10, ni));
   }
-}), Nl = ["auto", "fixed"], Fl = ["hidden", "auto"], si = ["id"], di = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Ml = /* @__PURE__ */ U({
+}), Nl = ["auto", "fixed"], Fl = ["hidden", "auto"], si = ["id"], di = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Ml = /* @__PURE__ */ G({
   __name: "popover",
   props: {
     open: { type: [Boolean, String], default: void 0 },
@@ -2711,7 +2711,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(!1), e = s(!1), i = s(void 0), u = s(void 0), c = s(null);
+    const a = t, n = d(!1), e = d(!1), i = d(void 0), u = d(void 0), c = d(null);
     j(() => {
       n.value = !0;
     }), D(
@@ -2719,17 +2719,17 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       () => {
         if (c.value && n.value) {
           n.value = !1;
-          const h = w();
-          h && (h.ariaHasPopup = "true"), v(), c.value.addEventListener(
+          const p = w();
+          p && (p.ariaHasPopup = "true"), f(), c.value.addEventListener(
             "keydown",
-            (p) => r(p)
-          ), ["mouseenter", "focusin"].forEach((p) => {
-            c.value.addEventListener(p, () => g());
-          }), ["mouseleave", "focusout"].forEach((p) => {
-            c.value.addEventListener(p, () => I());
-          }), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((p) => {
-            const f = p.find(({ target: T }) => T === w());
-            f && !f.isIntersecting && r(!1);
+            (v) => r(v)
+          ), ["mouseenter", "focusin"].forEach((v) => {
+            c.value.addEventListener(v, () => m());
+          }), ["mouseleave", "focusout"].forEach((v) => {
+            c.value.addEventListener(v, () => I());
+          }), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((v) => {
+            const S = v.find(({ target: L }) => L === w());
+            S && !S.isIntersecting && r(!1);
           }));
         }
       },
@@ -2741,8 +2741,8 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       () => [c.value, e.value],
       () => {
         if (c.value) {
-          const h = w();
-          h && (h.ariaExpanded = (!!e.value).toString());
+          const p = w();
+          p && (p.ariaExpanded = (!!e.value).toString());
         }
       },
       {
@@ -2750,73 +2750,73 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     );
-    function r(h) {
-      if (!h || h.key === "Escape")
-        for (const p of Array.from(c.value.children))
-          p.blur();
+    function r(p) {
+      if (!p || p.key === "Escape")
+        for (const v of Array.from(c.value.children))
+          v.blur();
     }
-    function v() {
+    function f() {
       if (!c.value) return;
-      const h = c.value.querySelector("article");
-      h && J(() => {
-        ia(
-          h,
+      const p = c.value.querySelector("article");
+      p && J(() => {
+        la(
+          p,
           c.value,
           a.placement ?? "bottom"
         );
       }, 1);
     }
-    function d(h) {
-      h?.target?.contains && h?.target?.contains(c.value) && v();
+    function s(p) {
+      p?.target?.contains && p?.target?.contains(c.value) && f();
     }
-    function g() {
+    function m() {
       e.value = !0, i.value = new le().addCallback(
-        (p) => d(p)
-      ), v();
-      const h = w();
-      h && u.value?.observe(h);
+        (v) => s(v)
+      ), f();
+      const p = w();
+      p && u.value?.observe(p);
     }
-    function I(h) {
+    function I(p) {
       {
         e.value = !1, i.value && new le().removeCallback(
           i.value
         );
-        const p = w();
-        p && u.value?.unobserve(p);
+        const v = w();
+        v && u.value?.unobserve(v);
       }
     }
     function w() {
       if (c.value) {
-        const h = Array.from(c.value.children);
-        if (h.length >= 2) {
-          const p = h[0];
-          return p.tagName.includes("-") ? p.children?.length > 0 ? p.children[0] : null : p;
+        const p = Array.from(c.value.children);
+        if (p.length >= 2) {
+          const v = p[0];
+          return v.tagName.includes("-") ? v.children?.length > 0 ? v.children[0] : null : v;
         }
       }
       return null;
     }
-    return (h, p) => (m(), k("div", {
+    return (p, v) => (h(), k("div", {
       ref_key: "_ref",
       ref: c,
-      id: h.id,
-      class: P(o(V)("db-popover", a.class))
+      id: p.id,
+      class: q(o(U)("db-popover", a.class))
     }, [
-      A(h.$slots, "trigger"),
-      _("article", {
+      A(p.$slots, "trigger"),
+      C("article", {
         class: "db-popover-content",
-        "data-spacing": h.spacing,
-        "data-gap": o(F)(h.gap),
-        "data-animation": o(F)(h.animation ?? !0),
-        "data-open": o(F)(h.open),
-        "data-delay": h.delay,
-        "data-width": h.width,
-        "data-placement": h.placement
+        "data-spacing": p.spacing,
+        "data-gap": o(F)(p.gap),
+        "data-animation": o(F)(p.animation ?? !0),
+        "data-open": o(F)(p.open),
+        "data-delay": p.delay,
+        "data-width": p.width,
+        "data-placement": p.placement
       }, [
-        A(h.$slots, "default")
+        A(p.$slots, "default")
       ], 8, di)
     ], 10, si));
   }
-}), ui = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], ri = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required"], Rl = /* @__PURE__ */ U({
+}), ui = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], ri = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required"], zl = /* @__PURE__ */ G({
   __name: "radio",
   props: {
     children: { default: void 0 },
@@ -2845,7 +2845,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(!1), u = s(void 0), c = s(null);
+    const n = a, e = t, i = d(!1), u = d(void 0), c = d(null);
     j(() => {
       i.value = !0, u.value = e.id ?? `radio-${K()}`;
     }), D(
@@ -2858,44 +2858,44 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     );
-    function r(g) {
-      e.onChange && e.onChange(g), oe(n, g);
+    function r(m) {
+      e.onChange && e.onChange(m), oe(n, m);
     }
-    function v(g) {
-      e.onBlur && e.onBlur(g);
+    function f(m) {
+      e.onBlur && e.onBlur(m);
     }
-    function d(g) {
-      e.onFocus && e.onFocus(g);
+    function s(m) {
+      e.onFocus && e.onFocus(m);
     }
-    return (g, I) => (m(), k("label", {
-      "data-size": g.size,
-      "data-hide-label": o(ie)(g.showLabel),
-      "data-hide-asterisk": o(ie)(g.showRequiredAsterisk),
-      class: P(o(V)("db-radio", e.class)),
+    return (m, I) => (h(), k("label", {
+      "data-size": m.size,
+      "data-hide-label": o(ie)(m.showLabel),
+      "data-hide-asterisk": o(ie)(m.showRequiredAsterisk),
+      class: q(o(U)("db-radio", e.class)),
       for: u.value
     }, [
-      _("input", {
+      C("input", {
         type: "radio",
-        "aria-invalid": g.validation === "invalid",
-        "data-custom-validity": g.validation,
+        "aria-invalid": m.validation === "invalid",
+        "data-custom-validity": m.validation,
         ref_key: "_ref",
         ref: c,
         id: u.value,
-        name: g.name,
-        checked: o(z)(g.checked, "checked"),
-        disabled: o(z)(g.disabled, "disabled"),
-        value: g.value,
-        required: o(z)(g.required, "required"),
+        name: m.name,
+        checked: o(V)(m.checked, "checked"),
+        disabled: o(V)(m.disabled, "disabled"),
+        value: m.value,
+        required: o(V)(m.required, "required"),
         onChange: I[0] || (I[0] = async (w) => r(w)),
-        onBlur: I[1] || (I[1] = async (w) => v(w)),
-        onFocus: I[2] || (I[2] = async (w) => d(w))
+        onBlur: I[1] || (I[1] = async (w) => f(w)),
+        onFocus: I[2] || (I[2] = async (w) => s(w))
       }, null, 40, ri),
-      g.label ? (m(), k(G, { key: 0 }, [
-        N(L(g.label), 1)
-      ], 64)) : A(g.$slots, "default", { key: 1 })
+      m.label ? (h(), k(W, { key: 0 }, [
+        N($(m.label), 1)
+      ], 64)) : A(m.$slots, "default", { key: 1 })
     ], 10, ui));
   }
-}), ci = ["id", "data-spacing", "data-width"], zl = /* @__PURE__ */ U({
+}), ci = ["id", "data-spacing", "data-width"], Rl = /* @__PURE__ */ G({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -2907,14 +2907,14 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(Se), e = s(null);
+    const a = t, n = d(Se), e = d(null);
     return j(() => {
       n.value = a.id || "section-" + K();
-    }), (i, u) => (m(), k("section", {
+    }), (i, u) => (h(), k("section", {
       ref_key: "_ref",
       ref: e,
       id: n.value,
-      class: P(o(V)("db-section", a.class)),
+      class: q(o(U)("db-section", a.class)),
       "data-spacing": i.spacing || "medium",
       "data-width": i.width
     }, [
@@ -2928,7 +2928,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
 }, mi = ["label"], gi = ["value", "selected", "disabled"], bi = ["value", "disabled", "selected"], yi = ["id"], ki = {
   "data-visually-hidden": "true",
   role: "status"
-}, Pl = /* @__PURE__ */ U({
+}, Pl = /* @__PURE__ */ G({
   __name: "select",
   props: {
     children: { default: void 0 },
@@ -2971,15 +2971,15 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(""), g = s(void 0), I = s(""), w = s(!1), h = s(""), p = s(null);
+    const n = a, e = t, i = d(void 0), u = d(void 0), c = d(void 0), r = d(void 0), f = d(void 0), s = d(""), m = d(void 0), I = d(""), w = d(!1), p = d(""), v = d(null);
     j(() => {
       w.value = !0;
       const B = e.id ?? `select-${K()}`;
-      i.value = B, u.value = B + de, c.value = B + ue, r.value = B + re, d.value = B + _e, v.value = e.invalidMessage || te;
+      i.value = B, u.value = B + de, c.value = B + ue, r.value = B + re, s.value = B + _e, f.value = e.invalidMessage || te;
     }), D(
-      () => [p.value, e.invalidMessage],
+      () => [v.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || p.value?.validationMessage || te;
+        f.value = e.invalidMessage || v.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -2989,8 +2989,8 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       () => [i.value, w.value],
       () => {
         if (i.value && w.value) {
-          const B = i.value + de, q = i.value + _e;
-          u.value = B, c.value = i.value + ue, r.value = i.value + re, d.value = q, Z(e.message, e.showMessage) ? g.value = B : e.placeholder ? g.value = q : g.value = void 0, T(), w.value = !1;
+          const B = i.value + de, R = i.value + _e;
+          u.value = B, c.value = i.value + ue, r.value = i.value + re, s.value = R, Z(e.message, e.showMessage) ? m.value = B : e.placeholder ? m.value = R : m.value = void 0, L(), w.value = !1;
         }
       },
       {
@@ -3007,120 +3007,120 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     );
-    function f() {
+    function S() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function T() {
-      !p.value?.validity.valid || e.validation === "invalid" ? (g.value = r.value, v.value = e.invalidMessage || p.value?.validationMessage || te, ve() && (h.value = v.value, J(() => h.value = "", 1e3))) : f() && p.value?.validity.valid && e.required ? (g.value = c.value, ve() && (h.value = e.validMessage ?? ce, J(() => h.value = "", 1e3))) : Z(e.message, e.showMessage) ? g.value = u.value : e.placeholder ? g.value = d.value : g.value = void 0;
+    function L() {
+      !v.value?.validity.valid || e.validation === "invalid" ? (m.value = r.value, f.value = e.invalidMessage || v.value?.validationMessage || te, ve() && (p.value = f.value, J(() => p.value = "", 1e3))) : S() && v.value?.validity.valid && e.required ? (m.value = c.value, ve() && (p.value = e.validMessage ?? ce, J(() => p.value = "", 1e3))) : Z(e.message, e.showMessage) ? m.value = u.value : e.placeholder ? m.value = s.value : m.value = void 0;
     }
-    function C(B) {
+    function E(B) {
       e.onClick && e.onClick(B);
     }
-    function b(B) {
-      e.input && e.input(B), I.value = B.target.value, e.onInput && e.onInput(B), oe(n, B), T();
+    function g(B) {
+      e.input && e.input(B), I.value = B.target.value, e.onInput && e.onInput(B), oe(n, B), L();
     }
-    function S(B) {
-      e.onChange && e.onChange(B), oe(n, B), T();
+    function y(B) {
+      e.onChange && e.onChange(B), oe(n, B), L();
     }
-    function W(B) {
+    function M(B) {
       e.onBlur && e.onBlur(B);
     }
-    function y(B) {
+    function b(B) {
       e.onFocus && e.onFocus(B);
     }
     function X(B) {
       return B.label ?? B.value?.toString();
     }
-    return (B, q) => (m(), k("div", {
-      class: P(o(V)("db-select", e.class)),
+    return (B, R) => (h(), k("div", {
+      class: q(o(U)("db-select", e.class)),
       "data-variant": B.variant,
       "data-hide-label": o(ie)(B.showLabel),
       "data-hide-asterisk": o(ie)(B.showRequiredAsterisk),
       "data-icon": B.icon,
       "data-show-icon": o(F)(B.showIcon)
     }, [
-      _("label", { for: i.value }, L(B.label ?? o(me)), 9, fi),
-      _("select", {
+      C("label", { for: i.value }, $(B.label ?? o(me)), 9, fi),
+      C("select", {
         "aria-invalid": B.validation === "invalid",
         "data-custom-validity": B.validation,
         ref_key: "_ref",
-        ref: p,
-        required: o(z)(B.required, "required"),
-        disabled: o(z)(B.disabled, "disabled"),
+        ref: v,
+        required: o(V)(B.required, "required"),
+        disabled: o(V)(B.disabled, "disabled"),
         id: i.value,
         name: B.name,
         size: B.size,
         value: B.value ?? I.value,
         autocomplete: B.autocomplete,
         multiple: B.multiple,
-        onInput: q[0] || (q[0] = async (H) => b(H)),
-        onClick: q[1] || (q[1] = async (H) => C(H)),
-        onChange: q[2] || (q[2] = async (H) => S(H)),
-        onBlur: q[3] || (q[3] = async (H) => W(H)),
-        onFocus: q[4] || (q[4] = async (H) => y(H)),
-        "aria-describedby": B.ariaDescribedBy ?? g.value
+        onInput: R[0] || (R[0] = async (H) => g(H)),
+        onClick: R[1] || (R[1] = async (H) => E(H)),
+        onChange: R[2] || (R[2] = async (H) => y(H)),
+        onBlur: R[3] || (R[3] = async (H) => M(H)),
+        onFocus: R[4] || (R[4] = async (H) => b(H)),
+        "aria-describedby": B.ariaDescribedBy ?? m.value
       }, [
-        B.variant === "floating" || B.placeholder ? (m(), k("option", hi)) : R("", !0),
-        B.options?.length ? (m(!0), k(G, { key: 1 }, fe(B.options, (H, ke) => (m(), k(G, { key: ke }, [
-          H.options ? (m(), k("optgroup", {
+        B.variant === "floating" || B.placeholder ? (h(), k("option", hi)) : P("", !0),
+        B.options?.length ? (h(!0), k(W, { key: 1 }, fe(B.options, (H, ke) => (h(), k(W, { key: ke }, [
+          H.options ? (h(), k("optgroup", {
             key: 0,
             label: X(H)
           }, [
-            (m(!0), k(G, null, fe(H.options, (pe, $e) => (m(), k("option", {
+            (h(!0), k(W, null, fe(H.options, (pe, $e) => (h(), k("option", {
               key: $e,
               value: pe.value,
               selected: pe.selected,
               disabled: pe.disabled
-            }, L(X(pe)), 9, gi))), 128))
-          ], 8, mi)) : (m(), k("option", {
+            }, $(X(pe)), 9, gi))), 128))
+          ], 8, mi)) : (h(), k("option", {
             key: 1,
             value: H.value,
             disabled: H.disabled,
             selected: H.selected
-          }, L(X(H)), 9, bi))
+          }, $(X(H)), 9, bi))
         ], 64))), 128)) : A(B.$slots, "default", { key: 2 })
       ], 40, pi),
-      B.placeholder ? (m(), k("span", {
+      B.placeholder ? (h(), k("span", {
         key: 0,
         class: "db-select-placeholder",
-        id: d.value
-      }, L(B.placeholder), 9, yi)) : R("", !0),
-      o(Z)(B.message, B.showMessage) ? (m(), Y(ae, {
+        id: s.value
+      }, $(B.placeholder), 9, yi)) : P("", !0),
+      o(Z)(B.message, B.showMessage) ? (h(), Y(ae, {
         key: 1,
         size: "small",
         icon: B.messageIcon,
         id: u.value
       }, {
         default: O(() => [
-          N(L(B.message), 1)
+          N($(B.message), 1)
         ]),
         _: 1
-      }, 8, ["icon", "id"])) : R("", !0),
-      f() ? (m(), Y(ae, {
+      }, 8, ["icon", "id"])) : P("", !0),
+      S() ? (h(), Y(ae, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: c.value
       }, {
         default: O(() => [
-          N(L(B.validMessage || o(ce)), 1)
+          N($(B.validMessage || o(ce)), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : R("", !0),
+      }, 8, ["id"])) : P("", !0),
       ee(ae, {
         size: "small",
         semantic: "critical",
         id: r.value
       }, {
         default: O(() => [
-          N(L(v.value), 1)
+          N($(f.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", ki, L(h.value), 1)
+      C("span", ki, $(p.value), 1)
     ], 10, vi));
   }
-}), wi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Vl = /* @__PURE__ */ U({
+}), wi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Vl = /* @__PURE__ */ G({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -3136,12 +3136,12 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     gap: { default: void 0 }
   },
   setup(t) {
-    const a = t, n = s(null);
-    return (e, i) => (m(), k("div", {
+    const a = t, n = d(null);
+    return (e, i) => (h(), k("div", {
       ref_key: "_ref",
       ref: n,
       id: e.id,
-      class: P(o(V)("db-stack", a.class)),
+      class: q(o(U)("db-stack", a.class)),
       "data-gap": e.gap,
       "data-variant": e.variant,
       "data-direction": e.direction,
@@ -3152,7 +3152,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       A(e.$slots, "default")
     ], 10, wi));
   }
-}), ql = ["simple", "divider"], Ul = ["row", "column"], Gl = ["stretch", "start", "end", "center"], Wl = ["space-between", "start", "end", "center"], Si = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for", "data-hide-asterisk"], Bi = ["id", "checked", "value", "disabled", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ol = /* @__PURE__ */ U({
+}), ql = ["simple", "divider"], Ul = ["row", "column"], Gl = ["stretch", "start", "end", "center"], Wl = ["space-between", "start", "end", "center"], Si = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for", "data-hide-asterisk"], Bi = ["id", "checked", "value", "disabled", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ol = /* @__PURE__ */ G({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -3186,53 +3186,53 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(null);
+    const n = a, e = t, i = d(void 0), u = d(null);
     j(() => {
       i.value = e.id ?? `switch-${K()}`;
     });
-    function c(d) {
-      oe(n, d, "checked");
+    function c(s) {
+      oe(n, s, "checked");
     }
-    function r(d) {
-      e.onBlur && e.onBlur(d);
+    function r(s) {
+      e.onBlur && e.onBlur(s);
     }
-    function v(d) {
-      e.onFocus && e.onFocus(d);
+    function f(s) {
+      e.onFocus && e.onFocus(s);
     }
-    return (d, g) => (m(), k("label", {
-      "data-visual-aid": o(F)(d.visualAid),
-      "data-size": d.size,
-      "data-hide-label": o(ie)(d.showLabel),
-      "data-emphasis": d.emphasis,
+    return (s, m) => (h(), k("label", {
+      "data-visual-aid": o(F)(s.visualAid),
+      "data-size": s.size,
+      "data-hide-label": o(ie)(s.showLabel),
+      "data-emphasis": s.emphasis,
       for: i.value,
-      "data-hide-asterisk": o(ie)(d.showRequiredAsterisk),
-      class: P(o(V)("db-switch", e.class))
+      "data-hide-asterisk": o(ie)(s.showRequiredAsterisk),
+      class: q(o(U)("db-switch", e.class))
     }, [
-      _("input", {
+      C("input", {
         type: "checkbox",
         role: "switch",
         id: i.value,
         ref_key: "_ref",
         ref: u,
-        checked: o(z)(d.checked, "checked"),
-        value: d.value,
-        disabled: o(z)(d.disabled, "disabled"),
-        "aria-invalid": d.validation === "invalid",
-        "data-custom-validity": d.validation,
-        name: d.name,
-        required: o(z)(d.required, "required"),
-        "data-aid-icon": d.iconLeading ?? d.icon,
-        "data-aid-icon-trailing": d.iconTrailing,
-        onChange: g[0] || (g[0] = async (I) => c(I)),
-        onBlur: g[1] || (g[1] = async (I) => r(I)),
-        onFocus: g[2] || (g[2] = async (I) => v(I))
+        checked: o(V)(s.checked, "checked"),
+        value: s.value,
+        disabled: o(V)(s.disabled, "disabled"),
+        "aria-invalid": s.validation === "invalid",
+        "data-custom-validity": s.validation,
+        name: s.name,
+        required: o(V)(s.required, "required"),
+        "data-aid-icon": s.iconLeading ?? s.icon,
+        "data-aid-icon-trailing": s.iconTrailing,
+        onChange: m[0] || (m[0] = async (I) => c(I)),
+        onBlur: m[1] || (m[1] = async (I) => r(I)),
+        onFocus: m[2] || (m[2] = async (I) => f(I))
       }, null, 40, Bi),
-      d.label ? (m(), k(G, { key: 0 }, [
-        N(L(d.label), 1)
-      ], 64)) : A(d.$slots, "default", { key: 1 })
+      s.label ? (h(), k(W, { key: 0 }, [
+        N($(s.label), 1)
+      ], 64)) : A(s.$slots, "default", { key: 1 })
     ], 10, Si));
   }
-}), Li = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Ii = ["disabled", "aria-selected", "checked", "name", "id"], $i = /* @__PURE__ */ U({
+}), Li = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Ii = ["disabled", "aria-selected", "checked", "name", "id"], $i = /* @__PURE__ */ G({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -3257,7 +3257,7 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(!1), u = s(void 0), c = s(!1), r = s(null);
+    const n = a, e = t, i = d(!1), u = d(void 0), c = d(!1), r = d(null);
     j(() => {
       c.value = !0;
     }), D(
@@ -3279,41 +3279,41 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     );
-    function v(d) {
-      d.stopPropagation(), e.onChange && e.onChange(d), i.value = d.target?.checked, oe(n, d, "checked");
+    function f(s) {
+      s.stopPropagation(), e.onChange && e.onChange(s), i.value = s.target?.checked, oe(n, s, "checked");
     }
-    return (d, g) => (m(), k("li", {
+    return (s, m) => (h(), k("li", {
       role: "none",
-      class: P(o(V)("db-tab-item", e.class))
+      class: q(o(U)("db-tab-item", e.class))
     }, [
-      _("label", {
-        for: d.id,
-        "data-icon": d.iconLeading ?? d.icon,
-        "data-icon-trailing": d.iconTrailing,
-        "data-show-icon": o(F)(d.showIconLeading ?? d.showIcon),
-        "data-show-icon-trailing": o(F)(d.showIconTrailing),
-        "data-no-text": o(F)(d.noText)
+      C("label", {
+        for: s.id,
+        "data-icon": s.iconLeading ?? s.icon,
+        "data-icon-trailing": s.iconTrailing,
+        "data-show-icon": o(F)(s.showIconLeading ?? s.showIcon),
+        "data-show-icon-trailing": o(F)(s.showIconTrailing),
+        "data-no-text": o(F)(s.noText)
       }, [
-        _("input", {
+        C("input", {
           type: "radio",
           role: "tab",
-          disabled: o(z)(d.disabled, "disabled"),
+          disabled: o(V)(s.disabled, "disabled"),
           "aria-selected": i.value,
-          checked: o(z)(d.checked, "checked"),
+          checked: o(V)(s.checked, "checked"),
           ref_key: "_ref",
           ref: r,
           name: u.value,
-          id: d.id,
-          onInput: g[0] || (g[0] = async (I) => v(I))
+          id: s.id,
+          onInput: m[0] || (m[0] = async (I) => f(I))
         }, null, 40, Ii),
-        d.label ? (m(), k(G, { key: 0 }, [
-          N(L(d.label), 1)
-        ], 64)) : R("", !0),
-        A(d.$slots, "default")
+        s.label ? (h(), k(W, { key: 0 }, [
+          N($(s.label), 1)
+        ], 64)) : P("", !0),
+        A(s.$slots, "default")
       ], 8, Li)
     ], 2));
   }
-}), Ti = ["id"], Ei = { role: "tablist" }, _i = /* @__PURE__ */ U({
+}), Ti = ["id"], Ei = { role: "tablist" }, _i = /* @__PURE__ */ G({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -3323,21 +3323,21 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(Se), e = s(null);
+    const a = t, n = d(Se), e = d(null);
     return j(() => {
       n.value = a.id || "tab-list-" + K();
-    }), (i, u) => (m(), k("div", {
+    }), (i, u) => (h(), k("div", {
       ref_key: "_ref",
       ref: e,
       id: n.value,
-      class: P(o(V)("db-tab-list", a.class))
+      class: q(o(U)("db-tab-list", a.class))
     }, [
-      _("ul", Ei, [
+      C("ul", Ei, [
         A(i.$slots, "default")
       ])
     ], 10, Ti));
   }
-}), Ci = ["id"], Ai = /* @__PURE__ */ U({
+}), Ci = ["id"], Ai = /* @__PURE__ */ G({
   __name: "tab-panel",
   props: {
     content: { default: void 0 },
@@ -3348,22 +3348,22 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, n = s(null);
+    const a = t, n = d(null);
     return j(() => {
-    }), (e, i) => (m(), k("section", {
+    }), (e, i) => (h(), k("section", {
       role: "tabpanel",
       ref_key: "_ref",
       ref: n,
-      class: P(o(V)("db-tab-panel", a.class)),
+      class: q(o(U)("db-tab-panel", a.class)),
       id: e.id
     }, [
-      e.content ? (m(), k(G, { key: 0 }, [
-        N(L(e.content), 1)
-      ], 64)) : R("", !0),
+      e.content ? (h(), k(W, { key: 0 }, [
+        N($(e.content), 1)
+      ], 64)) : P("", !0),
       A(e.$slots, "default")
     ], 10, Ci));
   }
-}), Di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Hl = /* @__PURE__ */ U({
+}), Di = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Hl = /* @__PURE__ */ G({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -3386,20 +3386,22 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     tabSelect: {}
   },
   setup(t) {
-    const a = t, n = s("tabs-" + K()), e = s(""), i = s(!1), u = s(!1), c = s(!1), r = s(null), v = s(null);
+    const a = t, n = d("tabs-" + K()), e = d(""), i = d(!1), u = d(!1), c = d(!1), r = d(null), f = d(void 0), s = d(null);
     j(() => {
       n.value = a.id || n.value, e.value = `tabs-${a.name || K()}`, i.value = !0;
+    }), Ke(() => {
+      f.value?.disconnect(), f.value = void 0;
     }), D(
-      () => [v.value, i.value],
+      () => [s.value, i.value],
       () => {
-        if (v.value && i.value) {
-          w(), h(!0);
-          const f = v.value.querySelector(".db-tab-list");
-          f && new MutationObserver((C) => {
-            C.forEach((b) => {
-              (b.removedNodes.length || b.addedNodes.length) && (w(), h());
+        if (s.value && i.value) {
+          p(), v(!0);
+          const L = s.value.querySelector(".db-tab-list");
+          L && new MutationObserver((g) => {
+            g.forEach((y) => {
+              (y.removedNodes.length || y.addedNodes.length) && (p(), v());
             });
-          }).observe(f, {
+          }).observe(L, {
             childList: !0,
             subtree: !0
           }), i.value = !1;
@@ -3410,158 +3412,163 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
         flush: "post"
       }
     );
-    function d() {
+    function m() {
       try {
         return typeof a.tabs == "string" ? JSON.parse(a.tabs) : a.tabs;
-      } catch (f) {
-        console.error(f);
+      } catch (L) {
+        console.error(L);
       }
       return [];
     }
-    function g(f) {
-      const T = f.scrollWidth > f.clientWidth;
-      u.value = T && f.scrollLeft > 1, c.value = T && f.scrollLeft < f.scrollWidth - f.clientWidth;
+    function I(L) {
+      const E = L.scrollWidth > L.clientWidth;
+      u.value = E && L.scrollLeft > 1, c.value = E && L.scrollLeft < L.scrollWidth - L.clientWidth;
     }
-    function I(f) {
-      let T = Number(a.arrowScrollDistance) || 100;
-      f && (T *= -1), r.value?.scrollBy({
+    function w(L) {
+      let E = Number(a.arrowScrollDistance) || 100;
+      L && (E *= -1), r.value?.scrollBy({
         top: 0,
-        left: T,
+        left: E,
         behavior: "smooth"
       });
     }
-    function w() {
-      if (v.value) {
-        const f = v.value.querySelector(".db-tab-list");
-        if (f) {
-          const T = f.querySelector('[role="tablist"]');
-          T && (T.setAttribute(
+    function p() {
+      if (s.value) {
+        const L = s.value.querySelector(".db-tab-list");
+        if (L) {
+          const E = L.querySelector('[role="tablist"]');
+          if (E && (E.setAttribute(
             "aria-orientation",
             a.orientation || "horizontal"
-          ), a.behavior === "arrows" && (r.value = T, g(T), T.addEventListener("scroll", () => {
-            g(T);
-          })));
+          ), a.behavior === "arrows" && (r.value = E, I(E), E.addEventListener("scroll", () => {
+            I(E);
+          }), !f.value))) {
+            const g = new ResizeObserver(() => {
+              I(E);
+            });
+            g.observe(E), f.value = g;
+          }
         }
       }
     }
-    function h(f) {
-      if (v.value) {
-        const T = Array.from(
-          v.value.getElementsByClassName("db-tab-item")
-        ), C = Array.from(
-          v.value.querySelectorAll(
+    function v(L) {
+      if (s.value) {
+        const E = Array.from(
+          s.value.getElementsByClassName("db-tab-item")
+        ), g = Array.from(
+          s.value.querySelectorAll(
             ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
           )
         );
-        for (const b of T) {
-          const S = T.indexOf(b), W = b.querySelector("label"), y = b.querySelector("input");
-          if (y && W) {
-            if (!y.id) {
-              const X = `${e.value}-tab-${S}`;
-              W.setAttribute("for", X), y.id = X, y.setAttribute("name", e.value), C.length > S && y.setAttribute(
+        for (const y of E) {
+          const M = E.indexOf(y), b = y.querySelector("label"), X = y.querySelector("input");
+          if (X && b) {
+            if (!X.id) {
+              const B = `${e.value}-tab-${M}`;
+              b.setAttribute("for", B), X.id = B, X.setAttribute("name", e.value), g.length > M && X.setAttribute(
                 "aria-controls",
-                `${e.value}-tab-panel-${S}`
+                `${e.value}-tab-panel-${M}`
               );
             }
-            if (f) {
-              const X = !a.initialSelectedMode || a.initialSelectedMode === "auto", B = a.initialSelectedIndex == null && S === 0 || Number(a.initialSelectedIndex) === S;
-              X && B && y.click();
+            if (L) {
+              const B = !a.initialSelectedMode || a.initialSelectedMode === "auto", R = a.initialSelectedIndex == null && M === 0 || Number(a.initialSelectedIndex) === M;
+              B && R && X.click();
             }
           }
         }
-        for (const b of C) {
-          if (b.id) continue;
-          const S = C.indexOf(b);
-          b.id = `${e.value}-tab-panel-${S}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${S}`);
+        for (const y of g) {
+          if (y.id) continue;
+          const M = g.indexOf(y);
+          y.id = `${e.value}-tab-panel-${M}`, y.setAttribute("aria-labelledby", `${e.value}-tab-${M}`);
         }
       }
     }
-    function p(f) {
-      if (f.stopPropagation(), f.target) {
-        const C = f.target.parentElement;
-        if (C && C.parentElement && C.parentElement?.nodeName === "LI") {
-          const b = C.parentElement;
-          if (b) {
-            const S = b.parentElement;
-            if (S) {
-              const W = Array.from(S.childNodes).indexOf(b);
-              a.onIndexChange && a.onIndexChange(W), a.onTabSelect && a.onTabSelect(f);
+    function S(L) {
+      if (L.stopPropagation(), L.target) {
+        const g = L.target.parentElement;
+        if (g && g.parentElement && g.parentElement?.nodeName === "LI") {
+          const y = g.parentElement;
+          if (y) {
+            const M = y.parentElement;
+            if (M) {
+              const b = Array.from(M.childNodes).indexOf(y);
+              a.onIndexChange && a.onIndexChange(b), a.onTabSelect && a.onTabSelect(L);
             }
           }
         }
       }
     }
-    return (f, T) => (m(), k("div", {
+    return (L, E) => (h(), k("div", {
       ref_key: "_ref",
-      ref: v,
+      ref: s,
       id: n.value,
-      class: P(o(V)("db-tabs", a.class)),
-      "data-orientation": f.orientation,
-      "data-scroll-behavior": f.behavior,
-      "data-alignment": f.alignment ?? "start",
-      "data-width": f.width ?? "auto",
-      onInput: T[0] || (T[0] = async (C) => p(C)),
-      onChange: T[1] || (T[1] = async (C) => p(C))
+      class: q(o(U)("db-tabs", a.class)),
+      "data-orientation": L.orientation,
+      "data-scroll-behavior": L.behavior,
+      "data-alignment": L.alignment ?? "start",
+      "data-width": L.width ?? "auto",
+      onInput: E[0] || (E[0] = async (g) => S(g)),
+      onChange: E[1] || (E[1] = async (g) => S(g))
     }, [
-      u.value ? (m(), Y(be, {
+      u.value ? (h(), Y(be, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (C) => I(!0)
+        onClick: (g) => w(!0)
       }, {
-        default: O(() => [...T[2] || (T[2] = [
+        default: O(() => [...E[2] || (E[2] = [
           N(" Scroll left ", -1)
         ])]),
         _: 1
-      }, 8, ["onClick"])) : R("", !0),
-      f.tabs ? (m(), k(G, { key: 1 }, [
+      }, 8, ["onClick"])) : P("", !0),
+      L.tabs ? (h(), k(W, { key: 1 }, [
         ee(_i, null, {
           default: O(() => [
-            (m(!0), k(G, null, fe(d(), (C, b) => (m(), Y($i, {
-              key: f.name + "tab-item" + b,
-              active: C.active,
-              label: C.label,
-              iconTrailing: C.iconTrailing,
-              icon: C.icon,
-              noText: C.noText
+            (h(!0), k(W, null, fe(m(), (g, y) => (h(), Y($i, {
+              key: L.name + "tab-item" + y,
+              active: g.active,
+              label: g.label,
+              iconTrailing: g.iconTrailing,
+              icon: g.icon,
+              noText: g.noText
             }, null, 8, ["active", "label", "iconTrailing", "icon", "noText"]))), 128))
           ]),
           _: 1
         }),
-        (m(!0), k(G, null, fe(d(), (C, b) => (m(), Y(Ai, {
-          key: f.name + "tab-panel" + b,
-          content: C.content
+        (h(!0), k(W, null, fe(m(), (g, y) => (h(), Y(Ai, {
+          key: L.name + "tab-panel" + y,
+          content: g.content
         }, {
           default: O(() => [
-            N(L(C.children), 1)
+            N($(g.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
-      ], 64)) : R("", !0),
-      c.value ? (m(), Y(be, {
+      ], 64)) : P("", !0),
+      c.value ? (h(), Y(be, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (C) => I()
+        onClick: (g) => w()
       }, {
-        default: O(() => [...T[3] || (T[3] = [
+        default: O(() => [...E[3] || (E[3] = [
           N(" Scroll right ", -1)
         ])]),
         _: 1
-      }, 8, ["onClick"])) : R("", !0),
-      A(f.$slots, "default")
+      }, 8, ["onClick"])) : P("", !0),
+      A(L.$slots, "default")
     ], 42, Di));
   }
-}), Xl = ["scrollbar", "arrows"], jl = ["auto", "manually"], Yl = ["static", "removable"], Ni = ["data-variant", "data-hide-asterisk", "data-hide-label"], Fi = ["for"], Mi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Ri = {
+}), Xl = ["scrollbar", "arrows"], jl = ["auto", "manually"], Yl = ["static", "removable"], Ni = ["data-variant", "data-hide-asterisk", "data-hide-label"], Fi = ["for"], Mi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], zi = {
   "data-visually-hidden": "true",
   role: "status"
-}, Kl = /* @__PURE__ */ U({
+}, Kl = /* @__PURE__ */ G({
   __name: "textarea",
   props: {
     cols: { default: void 0 },
@@ -3611,14 +3618,14 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const n = a, e = t, i = s(void 0), u = s(void 0), c = s(void 0), r = s(void 0), v = s(void 0), d = s(void 0), g = s(""), I = s(""), w = s(null);
+    const n = a, e = t, i = d(void 0), u = d(void 0), c = d(void 0), r = d(void 0), f = d(void 0), s = d(void 0), m = d(""), I = d(""), w = d(null);
     j(() => {
-      const S = e.id ?? `textarea-${K()}`;
-      i.value = S, u.value = S + de, c.value = S + ue, r.value = S + re, v.value = e.invalidMessage || te;
+      const y = e.id ?? `textarea-${K()}`;
+      i.value = y, u.value = y + de, c.value = y + ue, r.value = y + re, f.value = e.invalidMessage || te;
     }), D(
       () => [w.value, e.invalidMessage],
       () => {
-        v.value = e.invalidMessage || w.value?.validationMessage || te;
+        f.value = e.invalidMessage || w.value?.validationMessage || te;
       },
       {
         immediate: !0,
@@ -3628,8 +3635,8 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
       () => [i.value],
       () => {
         if (i.value) {
-          const S = i.value + de;
-          u.value = S, c.value = i.value + ue, r.value = i.value + re, Z(e.message, e.showMessage) && (d.value = S), p();
+          const y = i.value + de;
+          u.value = y, c.value = i.value + ue, r.value = i.value + re, Z(e.message, e.showMessage) && (s.value = y), v();
         }
       },
       {
@@ -3639,103 +3646,103 @@ const zt = ["id", "data-width", "data-on-forcing-mobile"], Pt = { class: "db-hea
     ), D(
       () => [e.value],
       () => {
-        g.value = e.value;
+        m.value = e.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function h() {
+    function p() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function p() {
-      !w.value?.validity.valid || e.validation === "invalid" ? (d.value = r.value, v.value = e.invalidMessage || w.value?.validationMessage || te, ve() && (I.value = v.value, J(() => I.value = "", 1e3))) : h() && w.value?.validity.valid && (e.required || e.minLength || e.maxLength) ? (d.value = c.value, ve() && (I.value = e.validMessage ?? ce, J(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? d.value = u.value : d.value = void 0;
+    function v() {
+      !w.value?.validity.valid || e.validation === "invalid" ? (s.value = r.value, f.value = e.invalidMessage || w.value?.validationMessage || te, ve() && (I.value = f.value, J(() => I.value = "", 1e3))) : p() && w.value?.validity.valid && (e.required || e.minLength || e.maxLength) ? (s.value = c.value, ve() && (I.value = e.validMessage ?? ce, J(() => I.value = "", 1e3))) : Z(e.message, e.showMessage) ? s.value = u.value : s.value = void 0;
     }
-    function f(S) {
-      e.input && e.input(S), g.value = S.target.value, e.onInput && e.onInput(S), oe(n, S), p();
+    function S(y) {
+      e.input && e.input(y), m.value = y.target.value, e.onInput && e.onInput(y), oe(n, y), v();
     }
-    function T(S) {
-      e.onChange && e.onChange(S), oe(n, S), p();
+    function L(y) {
+      e.onChange && e.onChange(y), oe(n, y), v();
     }
-    function C(S) {
-      e.onBlur && e.onBlur(S);
+    function E(y) {
+      e.onBlur && e.onBlur(y);
     }
-    function b(S) {
-      e.onFocus && e.onFocus(S);
+    function g(y) {
+      e.onFocus && e.onFocus(y);
     }
-    return (S, W) => (m(), k("div", {
-      class: P(o(V)("db-textarea", e.class)),
-      "data-variant": S.variant,
-      "data-hide-asterisk": o(ie)(S.showRequiredAsterisk),
-      "data-hide-label": o(ie)(S.showLabel)
+    return (y, M) => (h(), k("div", {
+      class: q(o(U)("db-textarea", e.class)),
+      "data-variant": y.variant,
+      "data-hide-asterisk": o(ie)(y.showRequiredAsterisk),
+      "data-hide-label": o(ie)(y.showLabel)
     }, [
-      _("label", { for: i.value }, L(S.label ?? o(me)), 9, Fi),
-      _("textarea", {
-        "aria-invalid": S.validation === "invalid",
-        "data-custom-validity": S.validation,
-        "data-field-sizing": S.fieldSizing,
+      C("label", { for: i.value }, $(y.label ?? o(me)), 9, Fi),
+      C("textarea", {
+        "aria-invalid": y.validation === "invalid",
+        "data-custom-validity": y.validation,
+        "data-field-sizing": y.fieldSizing,
         ref_key: "_ref",
         ref: w,
         id: i.value,
-        "data-resize": S.resize,
-        "data-hide-resizer": o(ie)(S.showResizer ?? !0),
-        disabled: o(z)(S.disabled, "disabled"),
-        required: o(z)(S.required, "required"),
-        readOnly: o(z)(S.readOnly, "readOnly") || o(z)(S.readonly, "readonly"),
-        form: S.form,
-        maxLength: o(ge)(S.maxLength, S.maxlength),
-        minLength: o(ge)(S.minLength, S.minlength),
-        name: S.name,
-        wrap: S.wrap,
-        spellcheck: S.spellCheck,
-        autocomplete: S.autocomplete,
-        onInput: W[0] || (W[0] = async (y) => f(y)),
-        onChange: W[1] || (W[1] = async (y) => T(y)),
-        onBlur: W[2] || (W[2] = async (y) => C(y)),
-        onFocus: W[3] || (W[3] = async (y) => b(y)),
-        value: S.value ?? g.value,
-        "aria-describedby": S.ariaDescribedBy ?? d.value,
-        placeholder: S.placeholder ?? o(Ke),
-        rows: o(ge)(S.rows, o($a)),
-        cols: o(ge)(S.cols)
+        "data-resize": y.resize,
+        "data-hide-resizer": o(ie)(y.showResizer ?? !0),
+        disabled: o(V)(y.disabled, "disabled"),
+        required: o(V)(y.required, "required"),
+        readOnly: o(V)(y.readOnly, "readOnly") || o(V)(y.readonly, "readonly"),
+        form: y.form,
+        maxLength: o(ge)(y.maxLength, y.maxlength),
+        minLength: o(ge)(y.minLength, y.minlength),
+        name: y.name,
+        wrap: y.wrap,
+        spellcheck: y.spellCheck,
+        autocomplete: y.autocomplete,
+        onInput: M[0] || (M[0] = async (b) => S(b)),
+        onChange: M[1] || (M[1] = async (b) => L(b)),
+        onBlur: M[2] || (M[2] = async (b) => E(b)),
+        onFocus: M[3] || (M[3] = async (b) => g(b)),
+        value: y.value ?? m.value,
+        "aria-describedby": y.ariaDescribedBy ?? s.value,
+        placeholder: y.placeholder ?? o(Je),
+        rows: o(ge)(y.rows, o($a)),
+        cols: o(ge)(y.cols)
       }, null, 40, Mi),
-      o(Z)(S.message, S.showMessage) ? (m(), Y(ae, {
+      o(Z)(y.message, y.showMessage) ? (h(), Y(ae, {
         key: 0,
         size: "small",
-        icon: S.messageIcon,
+        icon: y.messageIcon,
         id: u.value
       }, {
         default: O(() => [
-          N(L(S.message), 1)
+          N($(y.message), 1)
         ]),
         _: 1
-      }, 8, ["icon", "id"])) : R("", !0),
-      h() ? (m(), Y(ae, {
+      }, 8, ["icon", "id"])) : P("", !0),
+      p() ? (h(), Y(ae, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: c.value
       }, {
         default: O(() => [
-          N(L(S.validMessage || o(ce)), 1)
+          N($(y.validMessage || o(ce)), 1)
         ]),
         _: 1
-      }, 8, ["id"])) : R("", !0),
+      }, 8, ["id"])) : P("", !0),
       ee(ae, {
         size: "small",
         semantic: "critical",
         id: r.value
       }, {
         default: O(() => [
-          N(L(v.value), 1)
+          N($(f.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      _("span", Ri, L(I.value), 1)
+      C("span", zi, $(I.value), 1)
     ], 10, Ni));
   }
-}), Jl = ["none", "both", "horizontal", "vertical"], Ql = ["hard", "soft", "off"], Zl = ["description", "label"], xl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], eo = ["medium", "small", "large", "none"], ao = ["medium", "small", "large", "none"], zi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Pi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], to = [...zi, ...Pi], io = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], lo = ["horizontal", "vertical"], oo = ["full", "auto"], no = ["full", "medium", "large", "small"], so = ["none", "slow", "fast"], uo = ["auto", "fixed"], ro = ["small", "medium"], co = ["weak", "strong"], vo = ["invalid", "valid", "no-validation"], fo = ["fixed", "content"], po = ["above", "floating"], ho = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], mo = ["_self", "_blank", "_parent", "_top"], go = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], bo = ["start", "center"];
+}), Jl = ["none", "both", "horizontal", "vertical"], Ql = ["hard", "soft", "off"], Zl = ["description", "label"], xl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], eo = ["medium", "small", "large", "none"], ao = ["medium", "small", "large", "none"], Ri = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Pi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], to = [...Ri, ...Pi], io = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], lo = ["horizontal", "vertical"], oo = ["full", "auto"], no = ["full", "medium", "large", "small"], so = ["none", "slow", "fast"], uo = ["auto", "fixed"], ro = ["small", "medium"], co = ["weak", "strong"], vo = ["invalid", "valid", "no-validation"], fo = ["fixed", "content"], po = ["above", "floating"], ho = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], mo = ["_self", "_blank", "_parent", "_top"], go = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], bo = ["start", "center"];
 export {
   Ji as AccordionBehaviorList,
   Ki as AccordionVariantList,
@@ -3744,11 +3751,11 @@ export {
   Zi as BadgePlacementList,
   al as ButtonTypeList,
   el as ButtonVariantList,
-  xe as COLOR,
+  ea as COLOR,
   Wi as COLORS,
   Oi as COLORS_SIMPLE,
   Ui as COLOR_CONST,
-  Ze as COLOR_SIMPLE,
+  xe as COLOR_SIMPLE,
   il as CardBehaviorList,
   ll as CardElevationLevelList,
   sl as CustomSelectDropdownWidthList,
@@ -3777,8 +3784,8 @@ export {
   El as DBNotification,
   Dl as DBPage,
   Ml as DBPopover,
-  Rl as DBRadio,
-  zl as DBSection,
+  zl as DBRadio,
+  Rl as DBSection,
   Pl as DBSelect,
   Vl as DBStack,
   Ol as DBSwitch,
@@ -3788,10 +3795,10 @@ export {
   Hl as DBTabs,
   vt as DBTag,
   Kl as DBTextarea,
-  la as DBTooltip,
+  oa as DBTooltip,
   Sa as DEFAULT_BACK,
   La as DEFAULT_BURGER_MENU,
-  Re as DEFAULT_CLOSE_BUTTON,
+  ze as DEFAULT_CLOSE_BUTTON,
   Xe as DEFAULT_DATALIST_ID_SUFFIX,
   Ia as DEFAULT_ICON,
   Se as DEFAULT_ID,
@@ -3801,9 +3808,9 @@ export {
   Oe as DEFAULT_LABEL_ID_SUFFIX,
   wa as DEFAULT_MESSAGE,
   de as DEFAULT_MESSAGE_ID_SUFFIX,
-  Ke as DEFAULT_PLACEHOLDER,
+  Je as DEFAULT_PLACEHOLDER,
   _e as DEFAULT_PLACEHOLDER_ID_SUFFIX,
-  Je as DEFAULT_REMOVE,
+  Qe as DEFAULT_REMOVE,
   $a as DEFAULT_ROWS,
   Ba as DEFAULT_SELECTED,
   He as DEFAULT_SELECT_ID_SUFFIX,
@@ -3811,7 +3818,7 @@ export {
   ue as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
   Ta as DEFAULT_VIEWPORT,
   Gi as DENSITIES,
-  Qe as DENSITY,
+  Ze as DENSITY,
   qi as DENSITY_CONST,
   Ea as DESKTOP_VIEWPORT,
   vl as DividerMarginList,
@@ -3835,19 +3842,19 @@ export {
   Bl as LinkVariantList,
   ao as MarginList,
   no as MaxWidthList,
-  Rt as NavigationItemSafeTriangle,
+  zt as NavigationItemSafeTriangle,
   Al as NotificationAriaLiveList,
   Cl as NotificationLinkVariantList,
   _l as NotificationVariantList,
   lo as OrientationList,
   Fl as PageDocumentOverflowList,
   Nl as PageVariantList,
-  zi as PlacementHorizontalList,
+  Ri as PlacementHorizontalList,
   to as PlacementList,
   Pi as PlacementVerticalList,
   so as PopoverDelayList,
   uo as PopoverWidthList,
-  ea as SEMANTIC,
+  aa as SEMANTIC,
   Hi as SEMANTICS,
   rl as SelectedTypeList,
   xl as SemanticList,
@@ -3866,12 +3873,12 @@ export {
   Zl as TooltipVariantList,
   vo as ValidationList,
   oo as WidthList,
-  aa as addAttributeToChildren,
-  V as cls,
+  ta as addAttributeToChildren,
+  U as cls,
   J as delay,
-  z as getBoolean,
+  V as getBoolean,
   F as getBooleanAsString,
-  ta as getFloatingProps,
+  ia as getFloatingProps,
   ie as getHideProp,
   je as getInputValue,
   ge as getNumber,
@@ -3879,7 +3886,7 @@ export {
   Ye as getSearchInput,
   Xa as handleDataOutside,
   ja as handleFixedDropdown,
-  ia as handleFixedPopover,
+  la as handleFixedPopover,
   ve as hasVoiceOver,
   _a as isArrayOfStrings,
   Mt as isEventTargetNavigationItem,