@db-ux/v-core-components 4.2.0 → 4.2.1

package/dist/db-ux.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as W, ref as o, onMounted as K, watch as C, createElementBlock as y, openBlock as v, normalizeClass as U, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as M, Fragment as H, createTextVNode as D, toDisplayString as S, renderList as he, createBlock as J, onUnmounted as ge, createVNode as te, withCtx as G } from "vue";
-const Ie = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ke = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", $a = "Back", xa = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Yi = "density", Ki = "color";
+import { defineComponent as W, ref as o, onMounted as Y, watch as C, createElementBlock as y, openBlock as v, normalizeClass as U, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as F, Fragment as H, createTextVNode as D, toDisplayString as B, renderList as he, createBlock as J, onUnmounted as ge, createVNode as te, withCtx as G } from "vue";
+const Ie = "OVERWRITE_DEFAULT_ID", ye = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", ce = "-message", re = "-valid-message", ve = "-invalid-message", De = "-placeholder", Qe = "-datalist", se = "TODO: Add a validMessage", ee = "TODO: Add an invalidMessage", aa = "Remove", $a = "Back", xa = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, qe = "Close", Ki = "density", Yi = "color";
 var ta = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(ta || {});
 const Ji = Object.entries(ta).map(([, e]) => e);
 var ia = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(ia || {}), la = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(la || {});
@@ -48,7 +48,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   if (typeof window > "u" || typeof navigator > "u") return !1;
   const e = navigator.userAgent, t = /iP(ad|hone|od)/.test(e), l = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
   return t && l;
-}, Y = (e, t) => new Promise(() => setTimeout(e, t)), V = (e) => {
+}, K = (e, t) => new Promise(() => setTimeout(e, t)), V = (e) => {
   if (e != null)
     return String(typeof e == "string" ? !!e : e);
 }, q = (e, t) => {
@@ -82,7 +82,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(!1), i = o(void 0), s = o(!1), u = o(null);
-    K(() => {
+    Y(() => {
       l.value = t.id || "accordion-item-" + Q(), t.defaultOpen && (a.value = t.defaultOpen), s.value = !0;
     }), C(
       () => [u.value, s.value],
@@ -120,17 +120,17 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         open: a.value
       }, [
         E("summary", {
-          onClick: h[0] || (h[0] = async (w) => f(w))
+          onClick: h[0] || (h[0] = async (k) => f(k))
         }, [
           e.headlinePlain ? (v(), y(H, { key: 0 }, [
-            D(S(e.headlinePlain), 1)
+            D(B(e.headlinePlain), 1)
           ], 64)) : z("", !0),
-          e.headlinePlain ? z("", !0) : M(g.$slots, "headline", { key: 1 })
+          e.headlinePlain ? z("", !0) : F(g.$slots, "headline", { key: 1 })
         ]),
         E("div", null, [
           e.text ? (v(), y(H, { key: 0 }, [
-            D(S(e.text), 1)
-          ], 64)) : M(g.$slots, "default", { key: 1 })
+            D(B(e.text), 1)
+          ], 64)) : F(g.$slots, "default", { key: 1 })
         ])
       ], 8, Va)
     ], 10, za));
@@ -152,7 +152,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(""), i = o(!1), s = o(!1), u = o(null);
-    K(() => {
+    Y(() => {
       l.value = t.id || "accordion-" + Q(), i.value = !0, s.value = !0;
     }), C(
       () => [i.value, t.name, t.behavior, l.value],
@@ -186,8 +186,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
             if (g) {
               const h = t.behavior === "single" && t.initOpenIndex.length > 1 ? [t.initOpenIndex[0]] : t.initOpenIndex;
               Array.from(g).forEach(
-                (w, x) => {
-                  h?.includes(x) && (w.open = !0);
+                (k, x) => {
+                  h?.includes(x) && (k.open = !0);
                 }
               );
             }
@@ -215,12 +215,12 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       class: U(n(O)("db-accordion", t.class)),
       "data-variant": e.variant
     }, [
-      e.items ? z("", !0) : M(g.$slots, "default", { key: 0 }),
-      e.items ? (v(!0), y(H, { key: 1 }, he(f(), (w, x) => (v(), J(Pa, {
+      e.items ? z("", !0) : F(g.$slots, "default", { key: 0 }),
+      e.items ? (v(!0), y(H, { key: 1 }, he(f(), (k, x) => (v(), J(Pa, {
         key: `accordion-item-${x}`,
-        headlinePlain: w.headlinePlain,
-        disabled: w.disabled,
-        text: w.text
+        headlinePlain: k.headlinePlain,
+        disabled: k.disabled,
+        text: k.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : z("", !0)
     ], 10, qa));
   }
@@ -241,7 +241,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   setup(e) {
     const t = e, l = o(!1), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = !0;
     }), C(
       () => [a.value, l.value],
@@ -267,8 +267,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-label": e.placement?.startsWith("corner") && (e.label ?? n(ye))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(i.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(i.$slots, "default", { key: 1 })
     ], 10, Ua));
   }
 }), ol = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], Oa = ["data-icon", "data-show-icon", "id"], dl = /* @__PURE__ */ W({
@@ -295,8 +295,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       class: U(n(O)("db-brand", t.class))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(a.$slots, "default", { key: 1 })
     ], 10, Oa));
   }
 }), Ga = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], we = /* @__PURE__ */ W({
@@ -354,8 +354,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       onClick: u[0] || (u[0] = async (f) => i(f))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(s.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(s.$slots, "default", { key: 1 })
     ], 10, Ga));
   }
 }), sl = ["outlined", "brand", "filled", "ghost"], ul = ["button", "reset", "submit"], Wa = ["id", "data-behavior", "data-elevation-level", "data-spacing"], cl = /* @__PURE__ */ W({
@@ -386,7 +386,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-spacing": e.spacing,
       onClick: s[0] || (s[0] = async (u) => a(u))
     }, [
-      M(i.$slots, "default")
+      F(i.$slots, "default")
     ], 10, Wa));
   }
 }), rl = ["static", "interactive"], vl = ["1", "2", "3"], de = (e, t, l = "value") => {
@@ -399,7 +399,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   }), e._dbFormResetListenerAdded = !0);
 }, da = (e, t, l, a) => {
   Me(e, (i) => {
-    Y(() => {
+    K(() => {
       const s = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked, u = {
         ...i,
         target: {
@@ -412,7 +412,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   }, a);
 }, Ue = (e, t, l, a) => {
   Me(e, (i) => {
-    Y(() => {
+    K(() => {
       const s = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, u = {
         ...i,
         target: {
@@ -450,11 +450,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       "data-show-icon-leading": n(V)(e.showIcon ?? !0)
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(a.$slots, "default", { key: 1 })
     ], 10, Ha));
   }
-}), Xa = ["data-size", "data-hide-asterisk", "data-hide-label"], ja = ["for"], Ya = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ka = {
+}), Xa = ["data-size", "data-hide-asterisk", "data-hide-label"], ja = ["for"], Ka = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ya = {
   "data-visually-hidden": "true",
   role: "status"
 }, fl = /* @__PURE__ */ W({
@@ -495,8 +495,8 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(void 0), x = o(""), b = o(void 0), c = o(null);
-    K(() => {
+    const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), x = o(""), b = o(void 0), c = o(null);
+    Y(() => {
       i.value = !0;
       const L = a.id ?? `checkbox-${Q()}`;
       s.value = L, u.value = L + ce, f.value = L + re, g.value = L + ve, h.value = a.invalidMessage || ee;
@@ -516,7 +516,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       () => {
         if (s.value) {
           const L = s.value + ce;
-          u.value = L, f.value = s.value + re, g.value = s.value + ve, _(a.message, a.showMessage) && (w.value = L), m();
+          u.value = L, f.value = s.value + re, g.value = s.value + ve, _(a.message, a.showMessage) && (k.value = L), m();
         }
       },
       {
@@ -545,17 +545,17 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       () => [c.value],
       () => {
         if (c.value) {
-          let p = b.value;
-          p || (p = new AbortController(), b.value = p), da(
+          let S = b.value;
+          S || (S = new AbortController(), b.value = S), da(
             c.value,
             {
               checked: a.checked,
               defaultChecked: void 0
             },
-            (R) => {
-              I(R);
+            (M) => {
+              I(M);
             },
-            p.signal
+            S.signal
           );
         }
       },
@@ -568,18 +568,18 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function m() {
-      !c.value?.validity.valid || a.validation === "invalid" ? (w.value = g.value, h.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = h.value, Y(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && a.required ? (w.value = f.value, ue() && (x.value = a.validMessage ?? se, Y(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? w.value = u.value : w.value = void 0;
+      !c.value?.validity.valid || a.validation === "invalid" ? (k.value = g.value, h.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = h.value, K(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && a.required ? (k.value = f.value, ue() && (x.value = a.validMessage ?? se, K(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
     }
-    function I(L, p) {
+    function I(L, S) {
       a.onChange && a.onChange(L), de(l, L, "checked"), m();
     }
     function T(L) {
       a.onBlur && a.onBlur(L);
     }
-    function k(L) {
+    function w(L) {
       a.onFocus && a.onFocus(L);
     }
-    return (L, p) => (v(), y("div", {
+    return (L, S) => (v(), y("div", {
       class: U(n(O)("db-checkbox", a.class)),
       "data-size": e.size,
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
@@ -598,14 +598,14 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
           disabled: n(q)(e.disabled, "disabled"),
           value: e.value,
           required: n(q)(e.required, "required"),
-          onChange: p[0] || (p[0] = async (R) => I(R)),
-          onBlur: p[1] || (p[1] = async (R) => T(R)),
-          onFocus: p[2] || (p[2] = async (R) => k(R)),
-          "aria-describedby": e.ariaDescribedBy ?? w.value
-        }, null, 40, Ya),
+          onChange: S[0] || (S[0] = async (M) => I(M)),
+          onBlur: S[1] || (S[1] = async (M) => T(M)),
+          onFocus: S[2] || (S[2] = async (M) => w(M)),
+          "aria-describedby": e.ariaDescribedBy ?? k.value
+        }, null, 40, Ka),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(L.$slots, "default", { key: 1 })
+          D(B(e.label), 1)
+        ], 64)) : F(L.$slots, "default", { key: 1 })
       ], 8, ja),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 0,
@@ -614,7 +614,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         id: u.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -625,7 +625,7 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         id: f.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -635,11 +635,11 @@ const _i = Object.entries(na).map(([, e]) => e), Aa = {
         id: g.value
       }, {
         default: G(() => [
-          D(S(h.value), 1)
+          D(B(h.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Ka, S(x.value), 1)
+      E("span", Ya, B(x.value), 1)
     ], 10, Xa));
   }
 });
@@ -698,13 +698,13 @@ const Ja = (e) => {
     innerHeight: s,
     innerWidth: u
   } = window;
-  let f = t < 0, g = l > s, h = a < 0, w = i > u;
+  let f = t < 0, g = l > s, h = a < 0, k = i > u;
   const x = e.dataset.outsideVy, b = e.dataset.outsideVx, c = e?.parentElement?.getBoundingClientRect();
-  return c && (x && (e.dataset.outsideVy === "top" ? f = c.top - (l - c.bottom) < 0 : g = c.bottom + (c.top - t) > s), b && (e.dataset.outsideVx === "left" ? h = c.left - (i - c.right) < 0 : w = c.right + (c.left - a) > u)), {
+  return c && (x && (e.dataset.outsideVy === "top" ? f = c.top - (l - c.bottom) < 0 : g = c.bottom + (c.top - t) > s), b && (e.dataset.outsideVx === "left" ? h = c.left - (i - c.right) < 0 : k = c.right + (c.left - a) > u)), {
     outTop: f,
     outBottom: g,
     outLeft: h,
-    outRight: w
+    outRight: k
   };
 }, Qa = (e) => {
   const {
@@ -730,9 +730,9 @@ const Ja = (e) => {
     width: f,
     right: g,
     left: h,
-    correctedPlacement: w
+    correctedPlacement: k
   } = sa(e, t, l);
-  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), w === "top" || w === "bottom" || w === "top-start" || w === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (w === "top-end" || w === "bottom-end") && (e.style.insetInlineStart = `${g - u}px`), w?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : w?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
+  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), k === "top" || k === "bottom" || k === "top-start" || k === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (k === "top-end" || k === "bottom-end") && (e.style.insetInlineStart = `${g - u}px`), k?.startsWith("top") ? e.style.insetBlockStart = `${a - s}px` : k?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
 }, sa = (e, t, l) => {
   if (!e || !t)
     return {
@@ -756,14 +756,14 @@ const Ja = (e) => {
     left: g,
     width: h
   } = t.getBoundingClientRect(), {
-    innerHeight: w,
+    innerHeight: k,
     innerWidth: x
   } = window;
   let b = a.height, c = a.width;
   (l === "bottom" || l === "top") && (c = c / 2), (l === "left" || l === "right") && (b = b / 2);
-  const d = u + b > w, m = i - b < 0, I = g - c < 0, T = f + c > x;
-  let k = l;
-  return l.startsWith("bottom") ? d ? (k = l?.replace("bottom", "top"), I && T ? k = "top" : I ? k = "top-start" : T && (k = "top-end")) : I && T ? k = "bottom" : I ? k = "bottom-start" : T && (k = "bottom-end") : l.startsWith("top") ? m ? (k = l?.replace("top", "bottom"), I && T ? k = "bottom" : I ? k = "bottom-start" : T && (k = "bottom-end")) : I && T ? k = "top" : I ? k = "top-start" : T && (k = "top-end") : l.startsWith("left") ? I ? (k = l?.replace("left", "right"), d && m ? k = "right" : d ? k = "right-end" : m && (k = "right-start")) : d && m ? k = "left" : d ? k = "left-end" : m && (k = "left-start") : k.startsWith("right") && (T ? (k = l?.replace("right", "left"), d && m ? k = "left" : d ? k = "left-end" : m && (k = "left-start")) : d && m ? k = "right" : d ? k = "right-end" : m && (k = "right-start")), {
+  const d = u + b > k, m = i - b < 0, I = g - c < 0, T = f + c > x;
+  let w = l;
+  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end")) : I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? m ? (w = l?.replace("top", "bottom"), I && T ? w = "bottom" : I ? w = "bottom-start" : T && (w = "bottom-end")) : I && T ? w = "top" : I ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? I ? (w = l?.replace("left", "right"), d && m ? w = "right" : d ? w = "right-end" : m && (w = "right-start")) : d && m ? w = "left" : d ? w = "left-end" : m && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && m ? w = "left" : d ? w = "left-end" : m && (w = "left-start")) : d && m ? w = "right" : d ? w = "right-end" : m && (w = "right-start")), {
     top: i,
     bottom: u,
     right: f,
@@ -772,9 +772,9 @@ const Ja = (e) => {
     left: g,
     childHeight: a.height,
     childWidth: a.width,
-    correctedPlacement: k,
+    correctedPlacement: w,
     innerWidth: x,
-    innerHeight: w
+    innerHeight: k
   };
 }, ua = (e, t, l) => {
   const a = getComputedStyle(e).getPropertyValue("--db-popover-distance") ?? "0px", {
@@ -784,7 +784,7 @@ const Ja = (e) => {
     childHeight: f,
     childWidth: g,
     right: h,
-    left: w,
+    left: k,
     bottom: x,
     correctedPlacement: b,
     innerWidth: c,
@@ -807,19 +807,19 @@ const Ja = (e) => {
     const m = x - f;
     e.style.insetBlockStart = `${m < 0 ? 0 : m}px`, e.style.insetBlockEnd = `${x}px`;
   } else if (b === "top" || b === "bottom")
-    e.style.insetInlineStart = `${w + u / 2}px`;
+    e.style.insetInlineStart = `${k + u / 2}px`;
   else if (b === "top-start" || b === "bottom-start") {
-    const m = w + g;
-    e.style.insetInlineStart = `${w}px`, e.style.insetInlineEnd = `${m > c ? c : m}px`;
+    const m = k + g;
+    e.style.insetInlineStart = `${k}px`, e.style.insetInlineEnd = `${m > c ? c : m}px`;
   } else if (b === "top-end" || b === "bottom-end") {
-    const m = w - g;
+    const m = k - g;
     e.style.insetInlineStart = `${h - g}px`, e.style.insetInlineEnd = `${m < 0 ? 0 : m}px`;
   }
   if (b?.startsWith("right")) {
     const m = h + g;
     e.style.insetInlineStart = `calc(${h}px + ${a})`, e.style.insetInlineEnd = `calc(${m > c ? c : m}px + ${a})`;
   } else if (b?.startsWith("left")) {
-    const m = w - g;
+    const m = k - g;
     e.style.insetInlineStart = `calc(${m < 0 ? 0 : m}px - ${a})`, e.style.insetInlineEnd = `calc(${h}px - ${a})`;
   } else if (b?.startsWith("top")) {
     const m = i - f;
@@ -849,7 +849,7 @@ const Ja = (e) => {
       class: U(n(O)("db-custom-select-dropdown db-card", t.class)),
       "data-width": e.width
     }, [
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, _a));
   }
 }), at = ["id", "data-divider"], tt = ["data-icon", "data-show-icon", "data-icon-trailing"], it = ["type", "name", "form", "checked", "disabled", "value"], lt = { key: 1 }, nt = /* @__PURE__ */ W({
@@ -877,7 +877,7 @@ const Ja = (e) => {
   emits: ["update:checked"],
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(void 0), s = o(!1), u = o(null);
-    K(() => {
+    Y(() => {
       i.value = a.id ?? `custom-select-list-item-${Q()}`;
     }), C(
       () => [a.isGroupTitle, a.showDivider],
@@ -896,7 +896,7 @@ const Ja = (e) => {
       if (!(a.isGroupTitle || a.type === "checkbox"))
         return q(a.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (h, w) => (v(), y("li", {
+    return (h, k) => (v(), y("li", {
       ref_key: "_ref",
       ref: u,
       id: i.value,
@@ -908,7 +908,7 @@ const Ja = (e) => {
       ),
       "data-divider": n(V)(s.value)
     }, [
-      e.isGroupTitle ? (v(), y("span", lt, S(e.groupTitle), 1)) : (v(), y("label", {
+      e.isGroupTitle ? (v(), y("span", lt, B(e.groupTitle), 1)) : (v(), y("label", {
         key: 0,
         "data-icon": e.type !== "checkbox" && e.icon ? e.icon : void 0,
         "data-show-icon": n(V)(e.showIcon),
@@ -923,11 +923,11 @@ const Ja = (e) => {
           checked: n(q)(e.checked, "checked"),
           disabled: n(q)(e.disabled, "disabled"),
           value: e.value,
-          onChange: w[0] || (w[0] = async (x) => f(x))
+          onChange: k[0] || (k[0] = async (x) => f(x))
         }, null, 40, it),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(h.$slots, "default", { key: 1 })
+          D(B(e.label), 1)
+        ], 64)) : F(h.$slots, "default", { key: 1 })
       ], 8, tt))
     ], 10, at));
   }
@@ -953,7 +953,7 @@ const Ja = (e) => {
       class: U(n(O)("db-custom-select-list", t.class))
     }, [
       E("ul", null, [
-        M(a.$slots, "default")
+        F(a.$slots, "default")
       ])
     ], 10, ot));
   }
@@ -1024,10 +1024,10 @@ const Ja = (e) => {
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(void 0), x = o(void 0), b = o(""), c = o(void 0), d = o(null);
-    K(() => {
-      const F = a.id ?? `input-${Q()}`;
-      i.value = F, s.value = F + ce, u.value = F + re, f.value = F + ve, h.value = F + Qe, g.value = a.invalidMessage || ee;
+    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), x = o(void 0), b = o(""), c = o(void 0), d = o(null);
+    Y(() => {
+      const N = a.id ?? `input-${Q()}`;
+      i.value = N, s.value = N + ce, u.value = N + re, f.value = N + ve, h.value = N + Qe, g.value = a.invalidMessage || ee;
     }), ge(() => {
       c.value?.abort();
     }), C(
@@ -1043,8 +1043,8 @@ const Ja = (e) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const F = i.value + ce;
-          s.value = F, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (w.value = F), I();
+          const N = i.value + ce;
+          s.value = N, u.value = i.value + re, f.value = i.value + ve, h.value = a.dataListId ?? i.value + Qe, _(a.message, a.showMessage) && (k.value = N), I();
         }
       },
       {
@@ -1072,7 +1072,7 @@ const Ja = (e) => {
               defaultValue: void 0
             },
             (A) => {
-              k(A), T(A);
+              w(A), T(A);
             },
             X.signal
           );
@@ -1087,30 +1087,30 @@ const Ja = (e) => {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function I() {
-      !d.value?.validity.valid || a.validation === "invalid" ? (w.value = f.value, g.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (b.value = g.value, Y(() => b.value = "", 1e3))) : m() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (w.value = u.value, ue() && (b.value = a.validMessage ?? se, Y(() => b.value = "", 1e3))) : _(a.message, a.showMessage) ? w.value = s.value : w.value = void 0;
+      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || d.value?.validationMessage || ee, ue() && (b.value = g.value, K(() => b.value = "", 1e3))) : m() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = u.value, ue() && (b.value = a.validMessage ?? se, K(() => b.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = s.value : k.value = void 0;
     }
-    function T(F, X) {
-      a.input && a.input(F), x.value = F.target.value, a.onInput && a.onInput(F), de(l, F), I();
+    function T(N, X) {
+      a.input && a.input(N), x.value = N.target.value, a.onInput && a.onInput(N), de(l, N), I();
     }
-    function k(F, X) {
-      a.onChange && a.onChange(F), de(l, F), I();
+    function w(N, X) {
+      a.onChange && a.onChange(N), de(l, N), I();
     }
-    function L(F) {
-      a.onBlur && a.onBlur(F);
+    function L(N) {
+      a.onBlur && a.onBlur(N);
     }
-    function p(F) {
-      a.onFocus && a.onFocus(F);
+    function S(N) {
+      a.onFocus && a.onFocus(N);
     }
-    function R() {
-      const F = a.dataList;
+    function M() {
+      const N = a.dataList;
       return Array.from(
-        (Ma(F) ? F?.map((X) => ({
+        (Ma(N) ? N?.map((X) => ({
           value: X,
           label: void 0
-        })) : F) || []
+        })) : N) || []
       );
     }
-    return (F, X) => (v(), y("div", {
+    return (N, X) => (v(), y("div", {
       class: U(n(O)("db-input", a.class)),
       "data-variant": e.variant,
       "data-hide-label": n(ne)(e.showLabel),
@@ -1120,7 +1120,7 @@ const Ja = (e) => {
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-show-icon-trailing": n(V)(e.showIconTrailing)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, ut),
+      E("label", { for: i.value }, B(e.label ?? n(ye)), 9, ut),
       E("input", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -1149,11 +1149,11 @@ const Ja = (e) => {
         enterKeyHint: e.enterkeyhint,
         inputMode: e.inputmode,
         onInput: X[0] || (X[0] = async (A) => T(A)),
-        onChange: X[1] || (X[1] = async (A) => k(A)),
+        onChange: X[1] || (X[1] = async (A) => w(A)),
         onBlur: X[2] || (X[2] = async (A) => L(A)),
-        onFocus: X[3] || (X[3] = async (A) => p(A)),
+        onFocus: X[3] || (X[3] = async (A) => S(A)),
         list: e.dataList && h.value,
-        "aria-describedby": e.ariaDescribedBy ?? w.value,
+        "aria-describedby": e.ariaDescribedBy ?? k.value,
         role: ["datetime-local", "date", "time", "week", "month", "color"].includes(
           e.type ?? ""
         ) && n(Na)() ? "textbox" : void 0
@@ -1162,12 +1162,12 @@ const Ja = (e) => {
         key: 0,
         id: h.value
       }, [
-        (v(!0), y(H, null, he(R(), (A) => (v(), y("option", {
+        (v(!0), y(H, null, he(M(), (A) => (v(), y("option", {
           key: h.value + "-option-" + A.value,
           value: A.value
-        }, S(A.label), 9, vt))), 128))
+        }, B(A.label), 9, vt))), 128))
       ], 8, rt)) : z("", !0),
-      M(F.$slots, "default"),
+      F(N.$slots, "default"),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: e.messageSize || "small",
@@ -1175,7 +1175,7 @@ const Ja = (e) => {
         id: s.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["size", "icon", "id"])) : z("", !0),
@@ -1186,7 +1186,7 @@ const Ja = (e) => {
         size: e.validMessageSize || "small"
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id", "size"])) : z("", !0),
@@ -1196,11 +1196,11 @@ const Ja = (e) => {
         size: e.invalidMessageSize || "small"
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id", "size"]),
-      E("span", ft, S(b.value), 1)
+      E("span", ft, B(b.value), 1)
     ], 10, st));
   }
 }), gt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ca = /* @__PURE__ */ W({
@@ -1221,7 +1221,7 @@ const Ja = (e) => {
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(!1), i = o(void 0), s = o(void 0), u = o(null);
-    K(() => {
+    Y(() => {
       l.value = t.id || "tooltip-" + Q(), a.value = !0;
     }), C(
       () => [u.value, a.value],
@@ -1253,8 +1253,8 @@ const Ja = (e) => {
       let d = u.value.parentElement;
       return d && d.localName.includes("tooltip") && (d = d.parentElement), d;
     }
-    function w(d) {
-      d && u.value && Y(() => {
+    function k(d) {
+      d && u.value && K(() => {
         u.value && ua(
           u.value,
           d,
@@ -1263,7 +1263,7 @@ const Ja = (e) => {
       }, 1);
     }
     function x(d, m) {
-      d?.target?.contains && d?.target?.contains(u.value) && w(m);
+      d?.target?.contains && d?.target?.contains(u.value) && k(m);
     }
     function b() {
       i.value && new oe().removeCallback(
@@ -1273,7 +1273,7 @@ const Ja = (e) => {
     function c(d) {
       i.value = new oe().addCallback(
         (m) => x(m, d)
-      ), w(d), s.value?.observe(h());
+      ), k(d), s.value?.observe(h());
     }
     return (d, m) => (v(), y("i", {
       role: "tooltip",
@@ -1291,7 +1291,7 @@ const Ja = (e) => {
       "data-placement": e.placement,
       onClick: m[0] || (m[0] = async (I) => f(I))
     }, [
-      M(d.$slots, "default")
+      F(d.$slots, "default")
     ], 10, gt));
   }
 }), mt = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], bt = /* @__PURE__ */ W({
@@ -1338,10 +1338,10 @@ const Ja = (e) => {
       "data-no-text": n(V)(e.noText),
       "data-overflow": n(V)(e.overflow)
     }, [
-      M(s.$slots, "content"),
-      M(s.$slots, "default"),
+      F(s.$slots, "content"),
+      F(s.$slots, "default"),
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
+        D(B(e.text), 1)
       ], 64)) : z("", !0),
       e.behavior === "removable" ? (v(), y("button", {
         key: 1,
@@ -1355,7 +1355,7 @@ const Ja = (e) => {
       }, [
         te(ca, { variant: "label" }, {
           default: G(() => [
-            D(S(i()), 1)
+            D(B(i()), 1)
           ]),
           _: 1
         })
@@ -1434,12 +1434,12 @@ const Ja = (e) => {
   },
   emits: ["update:values"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(void 0), x = o(void 0), b = o(void 0), c = o(void 0), d = o("no-validation"), m = o(!1), I = o(void 0), T = o(void 0), k = o(""), L = o(void 0), p = o(""), R = o([]), F = o(!1), X = o(!1), A = o(0), N = o([]), j = o([]), pe = o(!1), me = o(void 0), Ce = o(0), Fe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), $e = o(!1), ra = o(null), P = o(null), le = o(null), Ee = o(null), Ve = o(null);
-    K(() => {
+    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(void 0), x = o(void 0), b = o(void 0), c = o(void 0), d = o("no-validation"), m = o(!1), I = o(void 0), T = o(void 0), w = o(""), L = o(void 0), S = o(""), M = o([]), N = o(!1), X = o(!1), A = o(0), R = o([]), j = o([]), pe = o(!1), me = o(void 0), Ce = o(0), Fe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), $e = o(!1), ra = o(null), P = o(null), le = o(null), Ee = o(null), Ve = o(null);
+    Y(() => {
       const r = a.id ?? `custom-select-${Q()}`;
-      i.value = r, s.value = r + ce, u.value = r + re, f.value = r + ve, h.value = r + Je, w.value = r + Ke, x.value = r + "-summary", b.value = r + De, L.value = r + "-selected-labels", c.value = r + "-info", g.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((B) => {
+      i.value = r, s.value = r + ce, u.value = r + re, f.value = r + ve, h.value = r + Je, k.value = r + Ye, x.value = r + "-summary", b.value = r + De, L.value = r + "-selected-labels", c.value = r + "-info", g.value = a.invalidMessage || ee, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
         if (P.value) {
-          const $ = B.find(({ target: ae }) => ae === P.value);
+          const $ = p.find(({ target: ae }) => ae === P.value);
           $ && !$.isIntersecting && P.value.open && (P.value.open = !1);
         }
       }));
@@ -1462,7 +1462,7 @@ const Ja = (e) => {
       () => {
         if (i.value) {
           const r = i.value + ce;
-          w.value = i.value + Ke, h.value = i.value + Je, u.value = i.value + re, f.value = i.value + ve, b.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
+          k.value = i.value + Ye, h.value = i.value + Je, u.value = i.value + re, f.value = i.value + ve, b.value = i.value + De, _(a.message, a.showMessage) ? Le(r) : Le();
         }
       },
       {
@@ -1496,7 +1496,7 @@ const Ja = (e) => {
     ), C(
       () => [a.showSelectAll, A.value, a.multiple],
       () => {
-        F.value = !!(a.multiple && (a.showSelectAll ?? A.value > 5));
+        N.value = !!(a.multiple && (a.showSelectAll ?? A.value > 5));
       },
       {
         immediate: !0,
@@ -1515,14 +1515,14 @@ const Ja = (e) => {
       () => [a.values],
       () => {
         const r = a.values;
-        Array.isArray(r) ? N.value !== r && (N.value = r) : r == null && N.value?.length !== 0 && (N.value = []);
+        Array.isArray(r) ? R.value !== r && (R.value = r) : r == null && R.value?.length !== 0 && (R.value = []);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [N.value, le.value],
+      () => [R.value, le.value],
       () => {
         le.value && Ge();
       },
@@ -1536,11 +1536,11 @@ const Ja = (e) => {
         if (le.value) {
           let r = I.value;
           r || (r = new AbortController(), I.value = r);
-          const B = a.values;
+          const p = a.values;
           Me(
             le.value,
             () => {
-              const $ = B || (le.value.value ? [le.value.value] : []);
+              const $ = p || (le.value.value ? [le.value.value] : []);
               Be($), Ge();
             },
             r.signal
@@ -1561,9 +1561,9 @@ const Ja = (e) => {
         flush: "post"
       }
     ), C(
-      () => [N.value, A.value],
+      () => [R.value, A.value],
       () => {
-        N.value?.length === 0 ? (ze.value = !1, $e.value = !1) : N.value?.length === A.value ? ($e.value = !1, ze.value = !0) : N.value && ($e.value = !0);
+        R.value?.length === 0 ? (ze.value = !1, $e.value = !1) : R.value?.length === A.value ? ($e.value = !1, ze.value = !0) : R.value && ($e.value = !0);
       },
       {
         immediate: !0,
@@ -1591,10 +1591,10 @@ const Ja = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.options, N.value],
+      () => [a.options, R.value],
       () => {
-        a.options?.length && (R.value = a.options?.filter(
-          (r) => !r.value || !N.value?.includes ? !1 : !r.isGroupTitle && N.value?.includes(r.value)
+        a.options?.length && (M.value = a.options?.filter(
+          (r) => !r.value || !R.value?.includes ? !1 : !r.isGroupTitle && R.value?.includes(r.value)
         ));
       },
       {
@@ -1603,7 +1603,7 @@ const Ja = (e) => {
       }
     ), C(
       () => [
-        R.value,
+        M.value,
         a.selectedType,
         a.amountText,
         a.selectedLabels,
@@ -1611,27 +1611,27 @@ const Ja = (e) => {
       ],
       () => {
         if (a.selectedLabels) {
-          k.value = a.selectedLabels;
+          w.value = a.selectedLabels;
           return;
         }
-        if (R.value?.length) {
+        if (M.value?.length) {
           if (a.transformSelectedLabels) {
-            const r = R.value, B = a.transformSelectedLabels;
-            k.value = B(r);
+            const r = M.value, p = a.transformSelectedLabels;
+            w.value = p(r);
             return;
           }
-          a.selectedType === "amount" ? k.value = a.amountText ? a.amountText : `${R.value?.length} ${xa}` : k.value = R.value?.map((r) => Se(r)).join(", ");
+          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${M.value?.length} ${xa}` : w.value = M.value?.map((r) => Se(r)).join(", ");
         } else
-          k.value = "";
+          w.value = "";
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [R.value],
+      () => [M.value],
       () => {
-        a.onAmountChange && a.onAmountChange(R.value?.length ?? 0);
+        a.onAmountChange && a.onAmountChange(M.value?.length ?? 0);
       },
       {
         immediate: !0,
@@ -1663,13 +1663,13 @@ const Ja = (e) => {
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function Ge() {
-      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), g.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (p.value = g.value, Y(() => p.value = "", 1e3)), m.value && (d.value = a.validation ?? "invalid")) : Oe() && le.value?.validity.valid && a.required ? (Le(u.value), ue() && (p.value = a.validMessage ?? se, Y(() => p.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(s.value), d.value = a.validation ?? "no-validation") : (Le(b.value), d.value = a.validation ?? "no-validation");
+      le.value && (le.value.value = ha()), !le.value?.validity.valid || a.validation === "invalid" ? (Le(f.value), g.value = a.invalidMessage || le.value?.validationMessage || ee, ue() && (S.value = g.value, K(() => S.value = "", 1e3)), m.value && (d.value = a.validation ?? "invalid")) : Oe() && le.value?.validity.valid && a.required ? (Le(u.value), ue() && (S.value = a.validMessage ?? se, K(() => S.value = "", 1e3)), d.value = a.validation ?? "valid") : _(a.message, a.showMessage) ? (Le(s.value), d.value = a.validation ?? "no-validation") : (Le(b.value), d.value = a.validation ?? "no-validation");
     }
     function fa(r) {
       a.onDropdownToggle && (r.stopPropagation(), a.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (me.value = new fe().addCallback(
-        (B) => Sa(B)
+        (p) => Sa(p)
       ), Fe.value = new oe().addCallback(
-        (B) => va(B)
+        (p) => va(p)
       ), Pe(), Ne.value?.observe(P.value), r.target.dataset.test || He()) : (me.value && new fe().removeCallback(
         me.value
       ), Fe.value && new oe().removeCallback(
@@ -1677,11 +1677,11 @@ const Ja = (e) => {
       ), Ne.value?.unobserve(P.value));
     }
     function ha() {
-      return N.value?.length ? N.value.at(0) ?? "" : "";
+      return R.value?.length ? R.value.at(0) ?? "" : "";
     }
     function Le(r) {
-      const B = [];
-      r && B.push(r), L.value && k.value?.length && B.push(L.value), T.value = B.join(" ");
+      const p = [];
+      r && p.push(r), L.value && w.value?.length && p.push(L.value), T.value = p.join(" ");
     }
     function ga() {
       return a.selectAllLabel ?? ye;
@@ -1690,24 +1690,24 @@ const Ja = (e) => {
       return r.label ?? r.value?.toString() ?? "";
     }
     function ma(r) {
-      return r && N.value?.includes ? N.value?.includes(r) : !1;
+      return r && R.value?.includes ? R.value?.includes(r) : !1;
     }
     function ba(r) {
-      const B = a.removeTagsTexts, $ = a.options;
-      if (B && $) {
+      const p = a.removeTagsTexts, $ = a.options;
+      if (p && $) {
         const ae = $.findIndex((ie) => ie.value === r.value);
-        if (ae >= 0 && ae < B.length)
-          return B[ae];
+        if (ae >= 0 && ae < p.length)
+          return p[ae];
       }
       return `${aa} ${Se(r)}`;
     }
-    function ya(r, B) {
-      B && B.stopPropagation(), We(r.value), Te();
+    function ya(r, p) {
+      p && p.stopPropagation(), We(r.value), Te();
     }
     function Pe() {
       if (P.value) {
         const r = P.value.querySelector("article");
-        r && Y(() => {
+        r && K(() => {
           Za(
             r,
             P.value,
@@ -1719,10 +1719,10 @@ const Ja = (e) => {
     function ka(r) {
       if (P.value?.open) {
         if (self.document) {
-          const B = self.document.activeElement;
-          if (B)
-            if (B.getAttribute("type") === "checkbox" || B.getAttribute("type") === "radio") {
-              const ae = B?.closest("li");
+          const p = self.document.activeElement;
+          if (p)
+            if (p.getAttribute("type") === "checkbox" || p.getAttribute("type") === "radio") {
+              const ae = p?.closest("li");
               if (r.key === "ArrowDown" || r.key === "ArrowRight") {
                 let ie = ae?.nextElementSibling;
                 for (; ie; ) {
@@ -1733,7 +1733,7 @@ const Ja = (e) => {
                   }
                   ie = ie.nextElementSibling;
                 }
-                ie || Ae(B);
+                ie || Ae(p);
               } else {
                 let ie = ae?.previousElementSibling;
                 for (; ie; ) {
@@ -1748,27 +1748,27 @@ const Ja = (e) => {
                   const be = P.value.querySelector(
                     'input[type="checkbox"]'
                   );
-                  if (be && be !== B)
-                    Ae(B);
+                  if (be && be !== p)
+                    Ae(p);
                   else {
                     const je = _e(P.value);
                     if (je)
-                      Y(() => {
+                      K(() => {
                         je.focus();
                       }, 100);
                     else {
-                      const Ye = Array.from(
+                      const Ke = Array.from(
                         P.value?.querySelectorAll(
                           'input[type="checkbox"],input[type="radio"]'
                         )
                       );
-                      Ye.length && Ye.at(-1)?.focus();
+                      Ke.length && Ke.at(-1)?.focus();
                     }
                   }
                 }
               }
             } else
-              B.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? (xe(void 0, !0), Te()) : Ae(B);
+              p.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? (xe(void 0, !0), Te()) : Ae(p);
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowRight") && (Pe(), P.value && (P.value.open = !0), He());
       r.stopPropagation(), r.preventDefault();
@@ -1778,29 +1778,29 @@ const Ja = (e) => {
         xe(void 0, !0), Te();
       else if (r.key === "Enter" && P.value?.open) {
         if (self.document) {
-          const B = self.document.activeElement;
-          ["checkbox", "radio"].includes(B.getAttribute("type") || "") && (B.click(), r.preventDefault());
+          const p = self.document.activeElement;
+          ["checkbox", "radio"].includes(p.getAttribute("type") || "") && (p.click(), r.preventDefault());
         }
       } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && ka(r);
     }
-    function xe(r, B) {
+    function xe(r, p) {
       if (P.value) {
-        if (B)
+        if (p)
           P.value.open = !1, Te();
         else if (P.value.open && r && r.relatedTarget) {
           const $ = r.relatedTarget;
-          P.value.contains($) || Y(() => P.value.open = !1, 1);
+          P.value.contains($) || K(() => P.value.open = !1, 1);
         }
       }
     }
     function Sa(r) {
       if (r) {
-        const B = r.target;
-        P.value?.open && !P.value.contains(B) && (P.value.open = !1);
+        const p = r.target;
+        P.value?.open && !P.value.contains(p) && (P.value.open = !1);
       }
     }
     function Be(r) {
-      (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (N.value = r, m.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
+      (/* @__PURE__ */ new Date()).getTime() - Ce.value < 200 || (R.value = r, m.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), de(
         l,
         {
           target: {
@@ -1811,30 +1811,30 @@ const Ja = (e) => {
       ), Ce.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function We(r) {
-      r && (a.multiple ? N.value?.includes(r) ? Be(N.value.filter((B) => B !== r)) : Be([...N.value || [], r]) : (Be([r]), xe(void 0, !0)));
+      r && (a.multiple ? R.value?.includes(r) ? Be(R.value.filter((p) => p !== r)) : Be([...R.value || [], r]) : (Be([r]), xe(void 0, !0)));
     }
     function Ba(r) {
-      if (r.stopPropagation(), N.value?.length === A.value)
+      if (r.stopPropagation(), R.value?.length === A.value)
         Be([]);
       else {
-        const B = X.value && Ve.value ? Ve.value.value : void 0;
+        const p = X.value && Ve.value ? Ve.value.value : void 0;
         Be(
           a.options ? a.options.filter(
-            ($) => !$.isGroupTitle && (!B || $.value?.toLowerCase().includes(B.toLowerCase()))
+            ($) => !$.isGroupTitle && (!p || $.value?.toLowerCase().includes(p.toLowerCase()))
           ).map(($) => $.value ?? "") : []
         );
       }
     }
     function Ae(r) {
       if (P.value) {
-        const B = Array.from(
+        const p = Array.from(
           P.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
-        if (B.length) {
-          const $ = B.at(0), ae = $ === r && B.length > 1 ? B.at(1) : $;
-          ae && Y(() => {
+        if (p.length) {
+          const $ = p.at(0), ae = $ === r && p.length > 1 ? p.at(1) : $;
+          ae && K(() => {
             ae.focus();
           }, 1);
         }
@@ -1843,7 +1843,7 @@ const Ja = (e) => {
     function He() {
       if (P.value) {
         const r = _e(P.value);
-        r ? Y(() => {
+        r ? K(() => {
           r.focus();
         }, 1) : Ae();
       }
@@ -1851,17 +1851,17 @@ const Ja = (e) => {
     function Xe(r) {
       if (r === void 0)
         return;
-      let B;
+      let p;
       if (typeof r == "string")
-        B = r;
+        p = r;
       else {
         const $ = r;
-        $.stopPropagation(), a.onSearch && a.onSearch($), B = $.target.value, Re.value = B;
+        $.stopPropagation(), a.onSearch && a.onSearch($), p = $.target.value, Re.value = p;
       }
-      !a.options || !B || B.length === 0 ? j.value = a.options : a.searchFilter ? j.value = a.options.filter(
-        ($) => a.searchFilter($, B)
+      !a.options || !p || p.length === 0 ? j.value = a.options : a.searchFilter ? j.value = a.options.filter(
+        ($) => a.searchFilter($, p)
       ) : j.value = a.options.filter(
-        ($) => !$.isGroupTitle && Se($).toLowerCase().includes(B.toLowerCase())
+        ($) => !$.isGroupTitle && Se($).toLowerCase().includes(p.toLowerCase())
       );
     }
     function pa(r) {
@@ -1873,7 +1873,7 @@ const Ja = (e) => {
     function La(r) {
       r.stopPropagation();
     }
-    return (r, B) => (v(), y("div", {
+    return (r, p) => (v(), y("div", {
       id: i.value,
       ref_key: "_ref",
       ref: ra,
@@ -1890,8 +1890,8 @@ const Ja = (e) => {
       "data-icon": e.icon,
       "data-show-icon": n(V)(e.showIcon)
     }, [
-      E("label", { id: w.value }, [
-        D(S(e.label ?? n(ye)), 1),
+      E("label", { id: k.value }, [
+        D(B(e.label ?? n(ye)), 1),
         E("select", {
           role: "none",
           hidden: !0,
@@ -1904,40 +1904,40 @@ const Ja = (e) => {
           multiple: n(q)(e.multiple, "multiple"),
           disabled: n(q)(e.disabled, "disabled"),
           required: n(q)(e.required, "required"),
-          onChange: B[0] || (B[0] = async ($) => La($))
+          onChange: p[0] || (p[0] = async ($) => La($))
         }, [
           e.options?.length ? (v(!0), y(H, { key: 0 }, he(e.options, ($, ae) => (v(), y("option", {
             key: ae,
             disabled: $.disabled,
             value: $.value
-          }, S(Se($)), 9, St))), 128)) : z("", !0)
+          }, B(Se($)), 9, St))), 128)) : z("", !0)
         ], 40, wt)
       ], 8, kt),
       E("details", {
         ref_key: "detailsRef",
         ref: P,
         open: e.open,
-        onToggle: B[2] || (B[2] = async ($) => fa($)),
-        onKeydown: B[3] || (B[3] = async ($) => wa($))
+        onToggle: p[2] || (p[2] = async ($) => fa($)),
+        onKeydown: p[3] || (p[3] = async ($) => wa($))
       }, [
-        M(r.$slots, "default"),
+        F(r.$slots, "default"),
         e.options ? (v(), y(H, { key: 0 }, [
           E("summary", {
             class: "db-custom-select-form-field",
             id: x.value,
             "aria-disabled": n(V)(e.disabled),
-            "aria-labelledby": w.value
+            "aria-labelledby": k.value
           }, [
-            k.value?.length ? (v(), y("span", {
+            w.value?.length ? (v(), y("span", {
               key: 0,
               "data-visually-hidden": n(V)(e.selectedType === "tag"),
               id: L.value
             }, [
-              e.selectedPrefix ? (v(), y("span", It, S(e.selectedPrefix), 1)) : z("", !0),
-              D(" " + S(k.value), 1)
+              e.selectedPrefix ? (v(), y("span", It, B(e.selectedPrefix), 1)) : z("", !0),
+              D(" " + B(w.value), 1)
             ], 8, Lt)) : z("", !0),
             e.selectedType === "tag" ? (v(), y("div", $t, [
-              (v(!0), y(H, null, he(R.value, ($, ae) => (v(), J(bt, {
+              (v(!0), y(H, null, he(M.value, ($, ae) => (v(), J(bt, {
                 key: ae,
                 emphasis: "strong",
                 behavior: "removable",
@@ -1945,7 +1945,7 @@ const Ja = (e) => {
                 onRemove: (ie) => ya($, ie)
               }, {
                 default: G(() => [
-                  D(S(Se($)), 1)
+                  D(B(Se($)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
@@ -1975,11 +1975,11 @@ const Ja = (e) => {
                 semantic: e.showLoading ? "informational" : "warning"
               }, {
                 default: G(() => [
-                  D(S((e.showLoading ? e.loadingText : e.noResultsText) ?? n(Ia)), 1)
+                  D(B((e.showLoading ? e.loadingText : e.noResultsText) ?? n(Ia)), 1)
                 ]),
                 _: 1
               }, 8, ["id", "icon", "semantic"])) : (v(), y(H, { key: 2 }, [
-                F.value ? (v(), y("div", Tt, [
+                N.value ? (v(), y("div", Tt, [
                   E("div", Ct, [
                     E("label", null, [
                       E("input", {
@@ -1989,9 +1989,9 @@ const Ja = (e) => {
                         ref: Ee,
                         form: i.value,
                         checked: ze.value,
-                        onChange: B[1] || (B[1] = async ($) => Ba($))
+                        onChange: p[1] || (p[1] = async ($) => Ba($))
                       }, null, 40, Et),
-                      D(S(ga()), 1)
+                      D(B(ga()), 1)
                     ])
                   ])
                 ])) : z("", !0),
@@ -2015,7 +2015,7 @@ const Ja = (e) => {
                     }, {
                       default: G(() => [
                         $.isGroupTitle ? z("", !0) : (v(), y(H, { key: 0 }, [
-                          D(S(Se($)), 1)
+                          D(B(Se($)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -2035,7 +2035,7 @@ const Ja = (e) => {
                   onClick: ($) => xe(void 0, !0)
                 }, {
                   default: G(() => [
-                    D(S(e.mobileCloseButtonText ?? n(qe)), 1)
+                    D(B(e.mobileCloseButtonText ?? n(qe)), 1)
                   ]),
                   _: 1
                 }, 8, ["name", "form", "onClick"])
@@ -2045,7 +2045,7 @@ const Ja = (e) => {
           }, 8, ["width"])
         ], 64)) : z("", !0)
       ], 40, Bt),
-      (e.showClearSelection ?? !0) && N.value?.length ? (v(), J(we, {
+      (e.showClearSelection ?? !0) && R.value?.length ? (v(), J(we, {
         key: 0,
         icon: "cross",
         variant: "ghost",
@@ -2056,10 +2056,10 @@ const Ja = (e) => {
         onClick: ($) => pa($)
       }, {
         default: G(() => [
-          D(S(e.clearSelectionText), 1),
+          D(B(e.clearSelectionText), 1),
           te(ca, { placement: "top" }, {
             default: G(() => [
-              D(S(e.clearSelectionText), 1)
+              D(B(e.clearSelectionText), 1)
             ]),
             _: 1
           })
@@ -2070,7 +2070,7 @@ const Ja = (e) => {
         class: "db-custom-select-placeholder",
         "aria-hidden": n(V)(!0),
         id: b.value
-      }, S(e.placeholder ?? e.label), 9, At),
+      }, B(e.placeholder ?? e.label), 9, At),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: "small",
@@ -2078,7 +2078,7 @@ const Ja = (e) => {
         id: s.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -2089,7 +2089,7 @@ const Ja = (e) => {
         id: u.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -2099,11 +2099,11 @@ const Ja = (e) => {
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Dt, S(p.value), 1)
+      E("span", Dt, B(S.value), 1)
     ], 10, yt));
   }
 }), gl = ["fixed", "auto", "full"], Mt = ["id"], ml = /* @__PURE__ */ W({
@@ -2123,7 +2123,7 @@ const Ja = (e) => {
       id: e.id,
       class: U(n(O)("db-custom-select-form-field", t.class))
     }, [
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, Mt));
   }
 }), bl = ["checkbox", "radio"], yl = ["amount", "text", "tag"], Ft = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], kl = /* @__PURE__ */ W({
@@ -2176,7 +2176,7 @@ const Ja = (e) => {
   },
   setup(e) {
     const t = e, l = o(!1), a = o(null), i = o(null);
-    K(() => {
+    Y(() => {
       u(), l.value = !0;
     }), C(
       () => [t.open],
@@ -2206,7 +2206,7 @@ const Ja = (e) => {
     function u() {
       if (a.value) {
         const f = !!t.open;
-        f && !a.value.open && (i.value && (i.value.hidden = !1), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal()), !f && a.value.open && (i.value && (i.value.hidden = !0), Y(() => {
+        f && !a.value.open && (i.value && (i.value.hidden = !1), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal()), !f && a.value.open && (i.value && (i.value.hidden = !0), K(() => {
           i.value && (i.value.hidden = !1), a.value?.close();
         }, 401));
       }
@@ -2234,7 +2234,7 @@ const Ja = (e) => {
       }, [
         E("header", zt, [
           E("div", Vt, [
-            M(f.$slots, "drawer-header")
+            F(f.$slots, "drawer-header")
           ]),
           te(we, {
             class: "button-close-drawer",
@@ -2245,13 +2245,13 @@ const Ja = (e) => {
             onClick: (h) => s(h, !0)
           }, {
             default: G(() => [
-              D(S(e.closeButtonText ?? n(qe)), 1)
+              D(B(e.closeButtonText ?? n(qe)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
         E("div", Pt, [
-          M(f.$slots, "default")
+          F(f.$slots, "default")
         ])
       ], 10, Rt)
     ], 40, Nt));
@@ -2335,7 +2335,7 @@ class Ot {
     a && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${a.lb}, ${a.lt}, ${a.rt}, ${a.rb})`), l && (this.triangleData = void 0));
   }
 }
-const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-header-drawer-navigation" }, Ht = { class: "db-header-meta-navigation" }, Xt = { class: "db-header-secondary-action" }, jt = { class: "db-header-meta-navigation" }, Yt = { class: "db-header-navigation-bar" }, Kt = { class: "db-header-brand-container" }, Jt = { class: "db-header-navigation-container" }, Qt = { class: "db-header-navigation" }, Zt = { class: "db-header-primary-action" }, _t = { class: "db-header-action-container" }, ei = { class: "db-header-burger-menu-container" }, ai = { class: "db-header-secondary-action" }, $l = /* @__PURE__ */ W({
+const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-header-drawer-navigation" }, Ht = { class: "db-header-meta-navigation" }, Xt = { class: "db-header-secondary-action" }, jt = { class: "db-header-meta-navigation" }, Kt = { class: "db-header-navigation-bar" }, Yt = { class: "db-header-brand-container" }, Jt = { class: "db-header-navigation-container" }, Qt = { class: "db-header-navigation" }, Zt = { class: "db-header-primary-action" }, _t = { class: "db-header-action-container" }, ei = { class: "db-header-burger-menu-container" }, ai = { class: "db-header-secondary-action" }, $l = /* @__PURE__ */ W({
   __name: "header",
   props: {
     brand: {},
@@ -2358,7 +2358,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(!1), a = o(!1), i = o(null);
-    K(() => {
+    Y(() => {
       l.value = !0;
     }), C(
       () => [l.value, i.value],
@@ -2403,31 +2403,31 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
               class: "db-header-navigation",
               onClick: g[0] || (g[0] = async (h) => u(h))
             }, [
-              M(f.$slots, "default")
+              F(f.$slots, "default")
             ]),
             E("div", Ht, [
-              M(f.$slots, "meta-navigation")
+              F(f.$slots, "meta-navigation")
             ])
           ]),
           E("div", Xt, [
-            M(f.$slots, "secondary-action")
+            F(f.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["closeButtonId", "closeButtonText", "open", "onClose"]),
       E("div", jt, [
-        M(f.$slots, "meta-navigation")
+        F(f.$slots, "meta-navigation")
       ]),
-      E("div", Yt, [
-        E("div", Kt, [
-          M(f.$slots, "brand")
+      E("div", Kt, [
+        E("div", Yt, [
+          F(f.$slots, "brand")
         ]),
         E("div", Jt, [
           E("div", Qt, [
-            M(f.$slots, "default")
+            F(f.$slots, "default")
           ]),
           E("div", Zt, [
-            M(f.$slots, "primary-action")
+            F(f.$slots, "primary-action")
           ])
         ]),
         E("div", _t, [
@@ -2439,13 +2439,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
               onClick: (h) => s()
             }, {
               default: G(() => [
-                D(S(e.burgerMenuLabel ?? n(Ta)), 1)
+                D(B(e.burgerMenuLabel ?? n(Ta)), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ]),
           E("div", ai, [
-            M(f.$slots, "secondary-action")
+            F(f.$slots, "secondary-action")
           ])
         ])
       ])
@@ -2477,8 +2477,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-icon-variant": e.variant
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(a.$slots, "default", { key: 1 })
     ], 10, ti));
   }
 }), Tl = ["16", "20", "24", "32", "48", "64"], Cl = [
@@ -2548,8 +2548,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       onClick: s[0] || (s[0] = async (u) => a(u))
     }, [
       e.text ? (v(), y(H, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(i.$slots, "default", { key: 1 })
+        D(B(e.text), 1)
+      ], 64)) : F(i.$slots, "default", { key: 1 })
     ], 10, ii));
   }
 }), Al = ["adaptive", "brand", "inline"], Dl = ["medium", "small"], Ml = ["external", "internal"], li = ["id"], Fl = /* @__PURE__ */ W({
@@ -2563,7 +2563,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = t.id || "navigation-" + Q();
     }), (i, s) => (v(), y("nav", {
       ref_key: "_ref",
@@ -2572,7 +2572,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       class: U(n(O)("db-navigation", t.class))
     }, [
       E("menu", null, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ])
     ], 10, li));
   }
@@ -2604,7 +2604,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     const t = e, l = o(!1), a = o(!1), i = o(!0), s = o(!1), u = o(!1), f = o(
       "sub-navigation-" + Q()
     ), g = o(void 0), h = o(null);
-    K(() => {
+    Y(() => {
       l.value = !0;
     }), C(
       () => [t.subNavigationExpanded],
@@ -2634,8 +2634,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function w(c) {
-      c?.target?.nodeName === "A" && (u.value = !0, Y(() => {
+    function k(c) {
+      c?.target?.nodeName === "A" && (u.value = !0, K(() => {
         u.value = !1;
       }, 1e3));
     }
@@ -2662,8 +2662,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     }, [
       i.value ? z("", !0) : (v(), y(H, { key: 0 }, [
         e.text ? (v(), y(H, { key: 0 }, [
-          D(S(e.text), 1)
-        ], 64)) : M(c.$slots, "default", { key: 1 })
+          D(B(e.text), 1)
+        ], 64)) : F(c.$slots, "default", { key: 1 })
       ], 64)),
       i.value ? (v(), y(H, { key: 1 }, [
         E("button", {
@@ -2674,14 +2674,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           onClick: d[0] || (d[0] = async (m) => x(m))
         }, [
           e.text ? (v(), y(H, { key: 0 }, [
-            D(S(e.text), 1)
-          ], 64)) : M(c.$slots, "default", { key: 1 })
+            D(B(e.text), 1)
+          ], 64)) : F(c.$slots, "default", { key: 1 })
         ], 8, oi),
         E("menu", {
           class: "db-sub-navigation",
           "data-force-close": u.value,
           id: f.value,
-          onClick: d[1] || (d[1] = async (m) => w(m))
+          onClick: d[1] || (d[1] = async (m) => k(m))
         }, [
           a.value ? (v(), y("div", si, [
             te(we, {
@@ -2691,12 +2691,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
               onClick: (m) => b(m)
             }, {
               default: G(() => [
-                D(S(e.backButtonText ?? n($a)), 1)
+                D(B(e.backButtonText ?? n($a)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : z("", !0),
-          M(c.$slots, "sub-navigation")
+          F(c.$slots, "sub-navigation")
         ], 8, di)
       ], 64)) : z("", !0)
     ], 42, ni));
@@ -2748,15 +2748,15 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-show-icon": n(V)(e.showIcon),
       "data-link-variant": e.linkVariant
     }, [
-      M(i.$slots, "image"),
-      n(_)(e.headline, e.showHeadline) ? (v(), y("header", ci, S(e.headline), 1)) : z("", !0),
+      F(i.$slots, "image"),
+      n(_)(e.headline, e.showHeadline) ? (v(), y("header", ci, B(e.headline), 1)) : z("", !0),
       E("p", null, [
         e.text ? (v(), y(H, { key: 0 }, [
-          D(S(e.text), 1)
-        ], 64)) : M(i.$slots, "default", { key: 1 })
+          D(B(e.text), 1)
+        ], 64)) : F(i.$slots, "default", { key: 1 })
       ]),
-      n(_)(e.timestamp, e.showTimestamp) ? (v(), y("span", ri, S(e.timestamp), 1)) : z("", !0),
-      M(i.$slots, "link"),
+      n(_)(e.timestamp, e.showTimestamp) ? (v(), y("span", ri, B(e.timestamp), 1)) : z("", !0),
+      F(i.$slots, "link"),
       n(q)(e.closeable, "closeable") ? (v(), J(we, {
         key: 2,
         icon: "cross",
@@ -2767,7 +2767,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         onClick: (u) => a(u)
       }, {
         default: G(() => [
-          D(S(e.closeButtonText ?? n(qe)), 1)
+          D(B(e.closeButtonText ?? n(qe)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : z("", !0)
@@ -2790,7 +2790,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(!1), a = o(null);
-    return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), K(() => {
+    return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), Y(() => {
       l.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
@@ -2805,13 +2805,13 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-fade-in": n(V)(e.fadeIn),
       "data-fonts-loaded": n(V)(l.value)
     }, [
-      M(i.$slots, "header"),
+      F(i.$slots, "header"),
       E("main", {
         class: U(n(O)("db-main", e.mainClass))
       }, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ], 2),
-      M(i.$slots, "footer")
+      F(i.$slots, "footer")
     ], 10, vi));
   }
 }), Ul = ["auto", "fixed"], Ol = ["hidden", "auto"], fi = ["id"], hi = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Gl = /* @__PURE__ */ W({
@@ -2833,7 +2833,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(!1), a = o(!1), i = o(void 0), s = o(void 0), u = o(null);
-    K(() => {
+    Y(() => {
       l.value = !0;
     }), C(
       () => [u.value, l.value],
@@ -2845,7 +2845,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
             "keydown",
             (d) => f(d)
           ), ["mouseenter", "focusin"].forEach((d) => {
-            u.value.addEventListener(d, () => w());
+            u.value.addEventListener(d, () => k());
           }), ["mouseleave", "focusout"].forEach((d) => {
             u.value.addEventListener(d, () => x());
           }), typeof window < "u" && "IntersectionObserver" in window && (s.value = new IntersectionObserver((d) => {
@@ -2879,7 +2879,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function g() {
       if (!u.value) return;
       const c = u.value.querySelector("article");
-      c && Y(() => {
+      c && K(() => {
         ua(
           c,
           u.value,
@@ -2890,7 +2890,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function h(c) {
       c?.target?.contains && c?.target?.contains(u.value) && g();
     }
-    function w() {
+    function k() {
       a.value = !0, i.value = new oe().addCallback(
         (d) => h(d)
       ), g();
@@ -2922,7 +2922,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       id: e.id,
       class: U(n(O)("db-popover", t.class))
     }, [
-      M(c.$slots, "trigger"),
+      F(c.$slots, "trigger"),
       E("article", {
         class: "db-popover-content",
         "data-spacing": e.spacing,
@@ -2933,7 +2933,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         "data-width": e.width,
         "data-placement": e.placement
       }, [
-        M(c.$slots, "default")
+        F(c.$slots, "default")
       ], 8, hi)
     ], 10, fi));
   }
@@ -2969,7 +2969,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(!1), s = o(void 0), u = o(void 0), f = o(null);
-    K(() => {
+    Y(() => {
       i.value = !0, s.value = a.id ?? `radio-${Q()}`;
     }), ge(() => {
       u.value?.abort();
@@ -2990,7 +2990,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           b || (b = new AbortController(), u.value = b), Me(
             f.value,
             (c) => {
-              Y(() => {
+              K(() => {
                 const d = a.checked ? a.checked : f.value.checked, m = {
                   ...c,
                   target: {
@@ -3017,7 +3017,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function h(b, c) {
       a.onChange && a.onChange(b), de(l, b);
     }
-    function w(b) {
+    function k(b) {
       a.onBlur && a.onBlur(b);
     }
     function x(b) {
@@ -3044,12 +3044,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         required: n(q)(e.required, "required"),
         onInput: c[0] || (c[0] = async (d) => g(d)),
         onChange: c[1] || (c[1] = async (d) => h(d)),
-        onBlur: c[2] || (c[2] = async (d) => w(d)),
+        onBlur: c[2] || (c[2] = async (d) => k(d)),
         onFocus: c[3] || (c[3] = async (d) => x(d))
       }, null, 40, mi),
       e.label ? (v(), y(H, { key: 0 }, [
-        D(S(e.label), 1)
-      ], 64)) : M(b.$slots, "default", { key: 1 })
+        D(B(e.label), 1)
+      ], 64)) : F(b.$slots, "default", { key: 1 })
     ], 10, gi));
   }
 }), bi = ["id", "data-spacing", "data-width"], Hl = /* @__PURE__ */ W({
@@ -3065,7 +3065,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = t.id || "section-" + Q();
     }), (i, s) => (v(), y("section", {
       ref_key: "_ref",
@@ -3075,7 +3075,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-spacing": e.spacing || "medium",
       "data-width": e.width
     }, [
-      M(i.$slots, "default")
+      F(i.$slots, "default")
     ], 10, bi));
   }
 }), yi = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], ki = ["for"], wi = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Si = {
@@ -3128,8 +3128,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(""), w = o(void 0), x = o(""), b = o(!1), c = o(""), d = o(void 0), m = o(null);
-    K(() => {
+    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(""), k = o(void 0), x = o(""), b = o(!1), c = o(""), d = o(void 0), m = o(null);
+    Y(() => {
       b.value = !0;
       const A = a.id ?? `select-${Q()}`;
       i.value = A, s.value = A + ce, u.value = A + re, f.value = A + ve, h.value = A + De, g.value = a.invalidMessage || ee;
@@ -3148,8 +3148,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [i.value, b.value],
       () => {
         if (i.value && b.value) {
-          const A = i.value + ce, N = i.value + De;
-          s.value = A, u.value = i.value + re, f.value = i.value + ve, h.value = N, _(a.message, a.showMessage) ? w.value = A : a.placeholder ? w.value = N : w.value = void 0, T(), b.value = !1;
+          const A = i.value + ce, R = i.value + De;
+          s.value = A, u.value = i.value + re, f.value = i.value + ve, h.value = R, _(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = R : k.value = void 0, T(), b.value = !1;
         }
       },
       {
@@ -3169,17 +3169,17 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [m.value],
       () => {
         if (m.value) {
-          let N = d.value;
-          N || (N = new AbortController(), d.value = N), Ue(
+          let R = d.value;
+          R || (R = new AbortController(), d.value = R), Ue(
             m.value,
             {
               value: a.value,
               defaultValue: void 0
             },
             (j) => {
-              p(j), L(j);
+              S(j), L(j);
             },
-            N.signal
+            R.signal
           );
         }
       },
@@ -3192,27 +3192,27 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function T() {
-      !m.value?.validity.valid || a.validation === "invalid" ? (w.value = f.value, g.value = a.invalidMessage || m.value?.validationMessage || ee, ue() && (c.value = g.value, Y(() => c.value = "", 1e3))) : I() && m.value?.validity.valid && a.required ? (w.value = u.value, ue() && (c.value = a.validMessage ?? se, Y(() => c.value = "", 1e3))) : _(a.message, a.showMessage) ? w.value = s.value : a.placeholder ? w.value = h.value : w.value = void 0;
+      !m.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, g.value = a.invalidMessage || m.value?.validationMessage || ee, ue() && (c.value = g.value, K(() => c.value = "", 1e3))) : I() && m.value?.validity.valid && a.required ? (k.value = u.value, ue() && (c.value = a.validMessage ?? se, K(() => c.value = "", 1e3))) : _(a.message, a.showMessage) ? k.value = s.value : a.placeholder ? k.value = h.value : k.value = void 0;
     }
-    function k(A) {
+    function w(A) {
       a.onClick && a.onClick(A);
     }
-    function L(A, N) {
+    function L(A, R) {
       a.input && a.input(A), x.value = A.target.value, a.onInput && a.onInput(A), de(l, A), T();
     }
-    function p(A, N) {
+    function S(A, R) {
       a.onChange && a.onChange(A), de(l, A), T();
     }
-    function R(A) {
+    function M(A) {
       a.onBlur && a.onBlur(A);
     }
-    function F(A) {
+    function N(A) {
       a.onFocus && a.onFocus(A);
     }
     function X(A) {
       return A.label ?? A.value?.toString();
     }
-    return (A, N) => (v(), y("div", {
+    return (A, R) => (v(), y("div", {
       class: U(n(O)("db-select", a.class)),
       "data-variant": e.variant,
       "data-hide-label": n(ne)(e.showLabel),
@@ -3220,7 +3220,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-icon": e.icon,
       "data-show-icon": n(V)(e.showIcon)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, ki),
+      E("label", { for: i.value }, B(e.label ?? n(ye)), 9, ki),
       E("select", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -3234,12 +3234,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         value: e.value ?? x.value,
         autocomplete: e.autocomplete,
         multiple: e.multiple,
-        onInput: N[0] || (N[0] = async (j) => L(j)),
-        onClick: N[1] || (N[1] = async (j) => k(j)),
-        onChange: N[2] || (N[2] = async (j) => p(j)),
-        onBlur: N[3] || (N[3] = async (j) => R(j)),
-        onFocus: N[4] || (N[4] = async (j) => F(j)),
-        "aria-describedby": e.ariaDescribedBy ?? w.value
+        onInput: R[0] || (R[0] = async (j) => L(j)),
+        onClick: R[1] || (R[1] = async (j) => w(j)),
+        onChange: R[2] || (R[2] = async (j) => S(j)),
+        onBlur: R[3] || (R[3] = async (j) => M(j)),
+        onFocus: R[4] || (R[4] = async (j) => N(j)),
+        "aria-describedby": e.ariaDescribedBy ?? k.value
       }, [
         e.variant === "floating" || e.placeholder ? (v(), y("option", Si)) : z("", !0),
         e.options?.length ? (v(!0), y(H, { key: 1 }, he(e.options, (j, pe) => (v(), y(H, { key: pe }, [
@@ -3252,20 +3252,20 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
               value: me.value,
               selected: me.selected,
               disabled: me.disabled
-            }, S(X(me)), 9, pi))), 128))
+            }, B(X(me)), 9, pi))), 128))
           ], 8, Bi)) : (v(), y("option", {
             key: 1,
             value: j.value,
             disabled: j.disabled,
             selected: j.selected
-          }, S(X(j)), 9, Li))
-        ], 64))), 128)) : M(A.$slots, "default", { key: 2 })
+          }, B(X(j)), 9, Li))
+        ], 64))), 128)) : F(A.$slots, "default", { key: 2 })
       ], 40, wi),
       e.placeholder ? (v(), y("span", {
         key: 0,
         class: "db-select-placeholder",
         id: h.value
-      }, S(e.placeholder), 9, Ii)) : z("", !0),
+      }, B(e.placeholder), 9, Ii)) : z("", !0),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 1,
         size: "small",
@@ -3273,7 +3273,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: s.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -3284,7 +3284,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: u.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -3294,11 +3294,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", $i, S(c.value), 1)
+      E("span", $i, B(c.value), 1)
     ], 10, yi));
   }
 }), xi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], jl = /* @__PURE__ */ W({
@@ -3330,10 +3330,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-justify-content": e.justifyContent,
       "data-wrap": n(V)(e.wrap)
     }, [
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, xi));
   }
-}), Yl = ["simple", "divider"], Kl = ["row", "column"], Jl = ["stretch", "start", "end", "center"], Ql = ["space-between", "start", "end", "center"], Ti = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Ci = ["for"], Ei = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ai = {
+}), Kl = ["simple", "divider"], Yl = ["row", "column"], Jl = ["stretch", "start", "end", "center"], Ql = ["space-between", "start", "end", "center"], Ti = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Ci = ["for"], Ei = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ai = {
   "data-visually-hidden": "true",
   role: "status"
 }, Zl = /* @__PURE__ */ W({
@@ -3377,8 +3377,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(""), x = o(void 0), b = o(null);
-    K(() => {
+    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), x = o(void 0), b = o(null);
+    Y(() => {
       i.value = a.id ?? `switch-${Q()}`, s.value = `${i.value}${ce}`, u.value = `${i.value}${re}`, f.value = `${i.value}${ve}`, d();
     }), ge(() => {
       x.value?.abort();
@@ -3403,17 +3403,17 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [b.value],
       () => {
         if (b.value) {
-          let L = x.value;
-          L || (L = new AbortController(), x.value = L), da(
+          let S = x.value;
+          S || (S = new AbortController(), x.value = S), da(
             b.value,
             {
               checked: a.checked,
               defaultChecked: void 0
             },
-            (p) => {
-              m(p);
+            (M) => {
+              m(M);
             },
-            L.signal
+            S.signal
           );
         }
       },
@@ -3427,14 +3427,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     }
     function d() {
       if (!b.value?.validity?.valid || a.validation === "invalid") {
-        h.value = f.value, g.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (w.value = g.value || ee, Y(() => {
-          w.value = "";
+        h.value = f.value, g.value = a.invalidMessage || b.value?.validationMessage || ee, ue() && (k.value = g.value || ee, K(() => {
+          k.value = "";
         }, 1e3));
         return;
       }
       if (c() && b.value?.validity?.valid && a.required) {
-        h.value = u.value, ue() && (w.value = a.validMessage ?? se, Y(() => {
-          w.value = "";
+        h.value = u.value, ue() && (k.value = a.validMessage ?? se, K(() => {
+          k.value = "";
         }, 1e3));
         return;
       }
@@ -3444,16 +3444,19 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       }
       h.value = void 0;
     }
-    function m(k, L) {
-      a.onChange && a.onChange(k), d(), de(l, k, "checked");
+    function m(L, S) {
+      a.onChange && a.onChange(L), d(), de(l, L, "checked");
+    }
+    function I(L) {
+      a.onBlur && a.onBlur(L);
     }
-    function I(k) {
-      a.onBlur && a.onBlur(k);
+    function T(L) {
+      a.onFocus && a.onFocus(L);
     }
-    function T(k) {
-      a.onFocus && a.onFocus(k);
+    function w(L) {
+      L.key === "Enter" && (L.preventDefault(), a.disabled || b.value?.click());
     }
-    return (k, L) => (v(), y("div", {
+    return (L, S) => (v(), y("div", {
       "data-visual-aid": n(V)(e.visualAid),
       "data-size": e.size,
       "data-hide-label": n(ne)(e.showLabel),
@@ -3478,13 +3481,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           required: n(q)(e.required, "required"),
           "data-aid-icon": e.iconLeading ?? e.icon,
           "data-aid-icon-trailing": e.iconTrailing,
-          onChange: L[0] || (L[0] = async (p) => m(p)),
-          onBlur: L[1] || (L[1] = async (p) => I(p)),
-          onFocus: L[2] || (L[2] = async (p) => T(p))
+          onChange: S[0] || (S[0] = async (M) => m(M)),
+          onBlur: S[1] || (S[1] = async (M) => I(M)),
+          onFocus: S[2] || (S[2] = async (M) => T(M)),
+          onKeydown: S[3] || (S[3] = async (M) => w(M))
         }, null, 40, Ei),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(k.$slots, "default", { key: 1 })
+          D(B(e.label), 1)
+        ], 64)) : F(L.$slots, "default", { key: 1 })
       ], 8, Ci),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 0,
@@ -3494,7 +3498,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         icon: e.messageIcon
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["id", "icon"])) : z("", !0),
@@ -3505,7 +3509,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: u.value
       }, {
         default: G(() => [
-          D(S(e.validMessage ?? n(se)), 1)
+          D(B(e.validMessage ?? n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -3515,11 +3519,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value ?? e.invalidMessage ?? n(ee)), 1)
+          D(B(g.value ?? e.invalidMessage ?? n(ee)), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Ai, S(w.value), 1)
+      E("span", Ai, B(k.value), 1)
     ], 10, Ti));
   }
 }), Di = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Mi = ["disabled", "aria-selected", "checked", "name", "id"], Fi = /* @__PURE__ */ W({
@@ -3548,7 +3552,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   emits: ["update:checked"],
   setup(e, { emit: t }) {
     const l = t, a = e, i = o(!1), s = o(void 0), u = o(!1), f = o(null);
-    K(() => {
+    Y(() => {
       u.value = !0;
     }), C(
       () => [f.value, u.value],
@@ -3572,7 +3576,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     function g(h) {
       h.stopPropagation(), a.onChange && a.onChange(h), i.value = h.target?.checked, de(l, h, "checked");
     }
-    return (h, w) => (v(), y("li", {
+    return (h, k) => (v(), y("li", {
       role: "none",
       class: U(n(O)("db-tab-item", a.class))
     }, [
@@ -3594,12 +3598,12 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           ref: f,
           name: s.value,
           id: e.id,
-          onInput: w[0] || (w[0] = async (x) => g(x))
+          onInput: k[0] || (k[0] = async (x) => g(x))
         }, null, 40, Mi),
         e.label ? (v(), y(H, { key: 0 }, [
-          D(S(e.label), 1)
+          D(B(e.label), 1)
         ], 64)) : z("", !0),
-        M(h.$slots, "default")
+        F(h.$slots, "default")
       ], 8, Di)
     ], 2));
   }
@@ -3614,7 +3618,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(Ie), a = o(null);
-    return K(() => {
+    return Y(() => {
       l.value = t.id || "tab-list-" + Q();
     }), (i, s) => (v(), y("div", {
       ref_key: "_ref",
@@ -3623,7 +3627,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       class: U(n(O)("db-tab-list", t.class))
     }, [
       E("ul", Ri, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ])
     ], 10, Ni));
   }
@@ -3639,7 +3643,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o(null);
-    return K(() => {
+    return Y(() => {
     }), (a, i) => (v(), y("section", {
       role: "tabpanel",
       ref_key: "_ref",
@@ -3648,9 +3652,9 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       id: e.id
     }, [
       e.content ? (v(), y(H, { key: 0 }, [
-        D(S(e.content), 1)
+        D(B(e.content), 1)
       ], 64)) : z("", !0),
-      M(a.$slots, "default")
+      F(a.$slots, "default")
     ], 10, Vi));
   }
 }), qi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], _l = /* @__PURE__ */ W({
@@ -3677,7 +3681,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   setup(e) {
     const t = e, l = o("tabs-" + Q()), a = o(""), i = o(!1), s = o(!1), u = o(!1), f = o(null), g = o(void 0), h = o(null);
-    K(() => {
+    Y(() => {
       l.value = t.id || l.value, a.value = `tabs-${t.name || Q()}`, i.value = !0;
     }), ge(() => {
       g.value?.disconnect(), g.value = void 0;
@@ -3687,8 +3691,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         if (h.value && i.value) {
           c(), d(!0);
           const I = h.value.querySelector(".db-tab-list");
-          I && new MutationObserver((k) => {
-            k.forEach((L) => {
+          I && new MutationObserver((w) => {
+            w.forEach((L) => {
               (L.removedNodes.length || L.addedNodes.length) && (c(), d());
             });
           }).observe(I, {
@@ -3702,7 +3706,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         flush: "post"
       }
     );
-    function w() {
+    function k() {
       try {
         return typeof t.tabs == "string" ? JSON.parse(t.tabs) : t.tabs;
       } catch (I) {
@@ -3733,10 +3737,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
           ), t.behavior === "arrows" && (f.value = T, x(T), T.addEventListener("scroll", () => {
             x(T);
           }), !g.value))) {
-            const k = new ResizeObserver(() => {
+            const w = new ResizeObserver(() => {
               x(T);
             });
-            k.observe(T), g.value = k;
+            w.observe(T), g.value = w;
           }
         }
       }
@@ -3745,44 +3749,44 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       if (h.value) {
         const T = Array.from(
           h.value.getElementsByClassName("db-tab-item")
-        ), k = Array.from(
+        ), w = Array.from(
           h.value.querySelectorAll(
             ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
           )
         );
         for (const L of T) {
-          const p = T.indexOf(L), R = L.querySelector("label"), F = L.querySelector("input");
-          if (F && R) {
-            if (!F.id) {
-              const X = `${a.value}-tab-${p}`;
-              R.setAttribute("for", X), F.id = X, F.setAttribute("name", a.value), k.length > p && F.setAttribute(
+          const S = T.indexOf(L), M = L.querySelector("label"), N = L.querySelector("input");
+          if (N && M) {
+            if (!N.id) {
+              const X = `${a.value}-tab-${S}`;
+              M.setAttribute("for", X), N.id = X, N.setAttribute("name", a.value), w.length > S && N.setAttribute(
                 "aria-controls",
-                `${a.value}-tab-panel-${p}`
+                `${a.value}-tab-panel-${S}`
               );
             }
             if (I) {
-              const X = !t.initialSelectedMode || t.initialSelectedMode === "auto", A = t.initialSelectedIndex == null && p === 0 || Number(t.initialSelectedIndex) === p;
-              X && A && F.click();
+              const X = !t.initialSelectedMode || t.initialSelectedMode === "auto", A = t.initialSelectedIndex == null && S === 0 || Number(t.initialSelectedIndex) === S;
+              X && A && N.click();
             }
           }
         }
-        for (const L of k) {
+        for (const L of w) {
           if (L.id) continue;
-          const p = k.indexOf(L);
-          L.id = `${a.value}-tab-panel-${p}`, L.setAttribute("aria-labelledby", `${a.value}-tab-${p}`);
+          const S = w.indexOf(L);
+          L.id = `${a.value}-tab-panel-${S}`, L.setAttribute("aria-labelledby", `${a.value}-tab-${S}`);
         }
       }
     }
     function m(I) {
       if (I.stopPropagation(), I.target) {
-        const k = I.target.parentElement;
-        if (k && k.parentElement && k.parentElement?.nodeName === "LI") {
-          const L = k.parentElement;
+        const w = I.target.parentElement;
+        if (w && w.parentElement && w.parentElement?.nodeName === "LI") {
+          const L = w.parentElement;
           if (L) {
-            const p = L.parentElement;
-            if (p) {
-              const R = Array.from(p.childNodes).indexOf(L);
-              t.onIndexChange && t.onIndexChange(R), t.onTabSelect && t.onTabSelect(I);
+            const S = L.parentElement;
+            if (S) {
+              const M = Array.from(S.childNodes).indexOf(L);
+              t.onIndexChange && t.onIndexChange(M), t.onTabSelect && t.onTabSelect(I);
             }
           }
         }
@@ -3797,8 +3801,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       "data-scroll-behavior": e.behavior,
       "data-alignment": e.alignment ?? "start",
       "data-width": e.width ?? "auto",
-      onInput: T[0] || (T[0] = async (k) => m(k)),
-      onChange: T[1] || (T[1] = async (k) => m(k))
+      onInput: T[0] || (T[0] = async (w) => m(w)),
+      onChange: T[1] || (T[1] = async (w) => m(w))
     }, [
       s.value ? (v(), J(we, {
         key: 0,
@@ -3807,7 +3811,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (k) => b(!0)
+        onClick: (w) => b(!0)
       }, {
         default: G(() => [...T[2] || (T[2] = [
           D(" Scroll left ", -1)
@@ -3817,23 +3821,23 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       e.tabs ? (v(), y(H, { key: 1 }, [
         te(zi, null, {
           default: G(() => [
-            (v(!0), y(H, null, he(w(), (k, L) => (v(), J(Fi, {
+            (v(!0), y(H, null, he(k(), (w, L) => (v(), J(Fi, {
               key: e.name + "tab-item" + L,
-              active: k.active,
-              label: k.label,
-              iconTrailing: k.iconTrailing,
-              icon: k.icon,
-              noText: k.noText
+              active: w.active,
+              label: w.label,
+              iconTrailing: w.iconTrailing,
+              icon: w.icon,
+              noText: w.noText
             }, null, 8, ["active", "label", "iconTrailing", "icon", "noText"]))), 128))
           ]),
           _: 1
         }),
-        (v(!0), y(H, null, he(w(), (k, L) => (v(), J(Pi, {
+        (v(!0), y(H, null, he(k(), (w, L) => (v(), J(Pi, {
           key: e.name + "tab-panel" + L,
-          content: k.content
+          content: w.content
         }, {
           default: G(() => [
-            D(S(k.children), 1)
+            D(B(w.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
@@ -3845,14 +3849,14 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (k) => b()
+        onClick: (w) => b()
       }, {
         default: G(() => [...T[3] || (T[3] = [
           D(" Scroll right ", -1)
         ])]),
         _: 1
       }, 8, ["onClick"])) : z("", !0),
-      M(I.$slots, "default")
+      F(I.$slots, "default")
     ], 42, qi));
   }
 }), en = ["scrollbar", "arrows"], an = ["auto", "manually"], tn = ["static", "removable"], Ui = ["data-variant", "data-hide-asterisk", "data-hide-label"], Oi = ["for"], Gi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Wi = {
@@ -3908,10 +3912,10 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), w = o(""), x = o(""), b = o(void 0), c = o(null);
-    K(() => {
-      const p = a.id ?? `textarea-${Q()}`;
-      i.value = p, s.value = p + ce, u.value = p + re, f.value = p + ve, g.value = a.invalidMessage || ee;
+    const l = t, a = e, i = o(void 0), s = o(void 0), u = o(void 0), f = o(void 0), g = o(void 0), h = o(void 0), k = o(""), x = o(""), b = o(void 0), c = o(null);
+    Y(() => {
+      const S = a.id ?? `textarea-${Q()}`;
+      i.value = S, s.value = S + ce, u.value = S + re, f.value = S + ve, g.value = a.invalidMessage || ee;
     }), ge(() => {
       b.value?.abort();
     }), C(
@@ -3927,8 +3931,8 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [i.value],
       () => {
         if (i.value) {
-          const p = i.value + ce;
-          s.value = p, u.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = p), m();
+          const S = i.value + ce;
+          s.value = S, u.value = i.value + re, f.value = i.value + ve, _(a.message, a.showMessage) && (h.value = S), m();
         }
       },
       {
@@ -3938,7 +3942,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
     ), C(
       () => [a.value],
       () => {
-        w.value = a.value;
+        k.value = a.value;
       },
       {
         immediate: !0,
@@ -3948,17 +3952,17 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       () => [c.value],
       () => {
         if (c.value) {
-          let R = b.value;
-          R || (R = new AbortController(), b.value = R), Ue(
+          let M = b.value;
+          M || (M = new AbortController(), b.value = M), Ue(
             c.value,
             {
               value: a.value,
               defaultValue: void 0
             },
-            (F) => {
-              T(F), I(F);
+            (N) => {
+              T(N), I(N);
             },
-            R.signal
+            M.signal
           );
         }
       },
@@ -3971,27 +3975,27 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
       return !!(a.validMessage ?? a.validation === "valid");
     }
     function m() {
-      !c.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, g.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = g.value, Y(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ue() && (x.value = a.validMessage ?? se, Y(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = s.value : h.value = void 0;
+      !c.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, g.value = a.invalidMessage || c.value?.validationMessage || ee, ue() && (x.value = g.value, K(() => x.value = "", 1e3))) : d() && c.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ue() && (x.value = a.validMessage ?? se, K(() => x.value = "", 1e3))) : _(a.message, a.showMessage) ? h.value = s.value : h.value = void 0;
     }
-    function I(p, R) {
-      a.input && a.input(p), w.value = p.target.value, a.onInput && a.onInput(p), de(l, p), m();
+    function I(S, M) {
+      a.input && a.input(S), k.value = S.target.value, a.onInput && a.onInput(S), de(l, S), m();
     }
-    function T(p, R) {
-      a.onChange && a.onChange(p), de(l, p), m();
+    function T(S, M) {
+      a.onChange && a.onChange(S), de(l, S), m();
     }
-    function k(p) {
-      a.onBlur && a.onBlur(p);
+    function w(S) {
+      a.onBlur && a.onBlur(S);
     }
-    function L(p) {
-      a.onFocus && a.onFocus(p);
+    function L(S) {
+      a.onFocus && a.onFocus(S);
     }
-    return (p, R) => (v(), y("div", {
+    return (S, M) => (v(), y("div", {
       class: U(n(O)("db-textarea", a.class)),
       "data-variant": e.variant,
       "data-hide-asterisk": n(ne)(e.showRequiredAsterisk),
       "data-hide-label": n(ne)(e.showLabel)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ye)), 9, Oi),
+      E("label", { for: i.value }, B(e.label ?? n(ye)), 9, Oi),
       E("textarea", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -4011,16 +4015,16 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         wrap: e.wrap,
         spellcheck: e.spellCheck,
         autocomplete: e.autocomplete,
-        onInput: R[0] || (R[0] = async (F) => I(F)),
-        onChange: R[1] || (R[1] = async (F) => T(F)),
-        onBlur: R[2] || (R[2] = async (F) => k(F)),
-        onFocus: R[3] || (R[3] = async (F) => L(F)),
-        value: e.value ?? w.value,
+        onInput: M[0] || (M[0] = async (N) => I(N)),
+        onChange: M[1] || (M[1] = async (N) => T(N)),
+        onBlur: M[2] || (M[2] = async (N) => w(N)),
+        onFocus: M[3] || (M[3] = async (N) => L(N)),
+        value: e.value ?? k.value,
         "aria-describedby": e.ariaDescribedBy ?? h.value,
         placeholder: e.placeholder ?? n(ea),
         rows: n(ke)(e.rows, n(Ea)),
         cols: n(ke)(e.cols)
-      }, S(e.value), 41, Gi),
+      }, B(e.value), 41, Gi),
       n(_)(e.message, e.showMessage) ? (v(), J(Z, {
         key: 0,
         size: "small",
@@ -4028,7 +4032,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: s.value
       }, {
         default: G(() => [
-          D(S(e.message), 1)
+          D(B(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
@@ -4039,7 +4043,7 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: u.value
       }, {
         default: G(() => [
-          D(S(e.validMessage || n(se)), 1)
+          D(B(e.validMessage || n(se)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -4049,11 +4053,11 @@ const Gt = ["id", "data-width", "data-on-forcing-mobile"], Wt = { class: "db-hea
         id: f.value
       }, {
         default: G(() => [
-          D(S(g.value), 1)
+          D(B(g.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Wi, S(x.value), 1)
+      E("span", Wi, B(x.value), 1)
     ], 10, Ui));
   }
 }), nn = ["none", "both", "horizontal", "vertical"], on = ["hard", "soft", "off"], dn = ["description", "label"], sn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], un = ["medium", "small", "large", "none"], cn = ["medium", "small", "large", "none"], Hi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Xi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], rn = [...Hi, ...Xi], vn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], fn = ["horizontal", "vertical"], hn = ["full", "auto"], gn = ["full", "medium", "large", "small"], mn = ["none", "slow", "fast"], bn = ["auto", "fixed"], yn = ["small", "medium"], kn = ["weak", "strong"], wn = ["invalid", "valid", "no-validation"], Sn = ["fixed", "content"], Bn = ["above", "floating"], pn = ["leading", "trailing"], Ln = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], In = ["_self", "_blank", "_parent", "_top"], $n = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], xn = ["start", "center"];
@@ -4068,7 +4072,7 @@ export {
   la as COLOR,
   Qi as COLORS,
   Zi as COLORS_SIMPLE,
-  Ki as COLOR_CONST,
+  Yi as COLOR_CONST,
   ia as COLOR_SIMPLE,
   rl as CardBehaviorList,
   vl as CardElevationLevelList,
@@ -4119,7 +4123,7 @@ export {
   ee as DEFAULT_INVALID_MESSAGE,
   ve as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ye as DEFAULT_LABEL,
-  Ke as DEFAULT_LABEL_ID_SUFFIX,
+  Ye as DEFAULT_LABEL_ID_SUFFIX,
   Ia as DEFAULT_MESSAGE,
   ce as DEFAULT_MESSAGE_ID_SUFFIX,
   ea as DEFAULT_PLACEHOLDER,
@@ -4133,7 +4137,7 @@ export {
   Aa as DEFAULT_VIEWPORT,
   Ji as DENSITIES,
   ta as DENSITY,
-  Yi as DENSITY_CONST,
+  Ki as DENSITY_CONST,
   Da as DESKTOP_VIEWPORT,
   wl as DividerMarginList,
   Sl as DividerVariantList,
@@ -4176,9 +4180,9 @@ export {
   yn as SizeList,
   un as SpacingList,
   Jl as StackAlignmentList,
-  Kl as StackDirectionList,
+  Yl as StackDirectionList,
   Ql as StackJustifyContentList,
-  Yl as StackVariantList,
+  Kl as StackVariantList,
   el as TESTING_VIEWPORTS,
   en as TabsBehaviorList,
   an as TabsInitialSelectedModeList,
@@ -4190,7 +4194,7 @@ export {
   hn as WidthList,
   oa as addAttributeToChildren,
   O as cls,
-  Y as delay,
+  K as delay,
   q as getBoolean,
   V as getBooleanAsString,
   sa as getFloatingProps,