@db-ux/v-core-components 3.0.6 → 3.0.8-empty-custom-select-315e030

package/dist/db-ux.es.js

@@ -1,6 +1,6 @@
 var Ta = Object.defineProperty;
-var _a = (t, a, o) => a in t ? Ta(t, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[a] = o;
-var ne = (t, a, o) => _a(t, typeof a != "symbol" ? a + "" : a, o);
+var _a = (t, a, l) => a in t ? Ta(t, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[a] = l;
+var ne = (t, a, l) => _a(t, typeof a != "symbol" ? a + "" : a, l);
 import { defineComponent as G, ref as d, onMounted as Y, watch as D, createElementBlock as S, openBlock as m, normalizeClass as P, unref as n, createElementVNode as _, createCommentVNode as U, renderSlot as A, Fragment as W, createTextVNode as N, toDisplayString as $, renderList as ye, createBlock as J, createVNode as ee, withCtx as H, onUnmounted as Ca } from "vue";
 const Te = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", ta = " ", Ea = "MESSAGE SHOULD BE SET", Qe = "-label", Ze = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", Re = "-placeholder", xe = "-datalist", ge = "TODO: Add a validMessage", te = "TODO: Add an invalidMessage", ia = "Remove", Aa = "Back", Da = "Selected", Na = "BurgerMenu", Fa = "brand", Ma = 4, We = "Close", Ji = "density", Qi = "color";
 var oa = /* @__PURE__ */ ((t) => (t.FUNCTIONAL = "functional", t.REGULAR = "regular", t.EXPRESSIVE = "expressive", t))(oa || {});
@@ -34,19 +34,19 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
   }
   return Math.random().toString().substring(2);
 }, da = (t, a) => {
-  const o = t.children;
-  Object.values(o).forEach((e) => {
+  const l = t.children;
+  Object.values(l).forEach((e) => {
     e.setAttribute(a.key, a.value), e.children.length > 0 && da(e, a);
   });
 }, q = (...t) => {
   let a = "";
-  for (const o of t)
-    if (o)
-      if (typeof o == "string")
-        a += `${o} `;
+  for (const l of t)
+    if (l)
+      if (typeof l == "string")
+        a += `${l} `;
       else
-        for (const e in o)
-          o[e] && (a += `${e} `);
+        for (const e in l)
+          l[e] && (a += `${e} `);
   return a.trim();
 }, Va = (t) => Array.isArray(t) && t.every((a) => typeof a == "string"), Pa = ["Mac", "iPhone", "iPad", "iPod"], me = () => typeof window < "u" && Pa.some((t) => window.navigator.userAgent.includes(t)), Z = (t, a) => new Promise(() => setTimeout(t, a)), R = (t) => {
   if (t != null)
@@ -61,8 +61,8 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
   if (t != null)
     return R(!t);
 }, x = (t, a) => (a === void 0 || !!a) && !!t, aa = (t) => t.querySelector('input[type="search"]'), io = (t, a) => {
-  const o = t.id ?? t.value ?? Q();
-  return `${a}${o}`;
+  const l = t.id ?? t.value ?? Q();
+  return `${a}${l}`;
 }, qa = (t) => t.key !== void 0, Ua = ["id"], Ga = ["aria-disabled", "name", "open"], Wa = /* @__PURE__ */ G({
   __name: "accordion-item",
   props: {
@@ -81,9 +81,9 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     name: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(Te), e = d(!1), i = d(void 0), u = d(!1), f = d(null);
+    const a = t, l = d(Te), e = d(!1), i = d(void 0), u = d(!1), f = d(null);
     Y(() => {
-      o.value = a.id || "accordion-item-" + Q(), a.defaultOpen && (e.value = a.defaultOpen), u.value = !0;
+      l.value = a.id || "accordion-item-" + Q(), a.defaultOpen && (e.value = a.defaultOpen), u.value = !0;
     }), D(
       () => [f.value, u.value],
       () => {
@@ -109,7 +109,7 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
       a.onToggle && a.onToggle(s), e.value = s;
     }
     return (v, s) => (m(), S("li", {
-      id: o.value,
+      id: l.value,
       class: P(n(q)("db-accordion-item", a.class))
     }, [
       _("details", {
@@ -151,13 +151,13 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(Te), e = d(""), i = d(!1), u = d(!1), f = d(null);
+    const a = t, l = d(Te), e = d(""), i = d(!1), u = d(!1), f = d(null);
     Y(() => {
-      o.value = a.id || "accordion-" + Q(), i.value = !0, u.value = !0;
+      l.value = a.id || "accordion-" + Q(), i.value = !0, u.value = !0;
     }), D(
-      () => [i.value, a.name, a.behavior, o.value],
+      () => [i.value, a.name, a.behavior, l.value],
       () => {
-        i.value && (a.behavior === "single" ? a.name ? e.value !== a.name && (e.value = a.name) : e.value !== o.value && o.value && (e.value = o.value) : e.value = "");
+        i.value && (a.behavior === "single" ? a.name ? e.value !== a.name && (e.value = a.name) : e.value !== l.value && l.value && (e.value = l.value) : e.value = "");
       },
       {
         immediate: !0,
@@ -211,7 +211,7 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     return (v, s) => (m(), S("ul", {
       ref_key: "_ref",
       ref: f,
-      id: o.value,
+      id: l.value,
       class: P(n(q)("db-accordion", a.class)),
       "data-variant": v.variant
     }, [
@@ -240,14 +240,14 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(!1), e = d(null);
+    const a = t, l = d(!1), e = d(null);
     return Y(() => {
-      o.value = !0;
+      l.value = !0;
     }), D(
-      () => [e.value, o.value],
+      () => [e.value, l.value],
       () => {
         var i;
-        if (e.value && o.value && (i = a.placement) != null && i.startsWith("corner")) {
+        if (e.value && l.value && (i = a.placement) != null && i.startsWith("corner")) {
           let u = e.value.parentElement;
           u && u.localName.includes("badge") && (u = u.parentElement), u && (u.dataset.hasBadge = "true");
         }
@@ -289,10 +289,10 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("div", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       "data-icon": e.hideLogo ? "none" : e.icon ?? n(Fa),
       "data-show-icon": n(R)(e.showIcon),
       id: e.id,
@@ -330,7 +330,7 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     iconTrailing: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     function e() {
       return a.type ? a.type : a.onClick ? "button" : "submit";
     }
@@ -339,7 +339,7 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     }
     return (u, f) => (m(), S("button", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: u.id,
       class: P(n(q)("db-button", a.class)),
       type: e(),
@@ -376,13 +376,13 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     spacing: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     function e(i) {
       a.onClick && a.onClick(i);
     }
     return (i, u) => (m(), S("div", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: i.id,
       class: P(n(q)("db-card", a.class)),
       "data-behavior": i.behavior,
@@ -393,8 +393,8 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
       A(i.$slots, "default")
     ], 10, Ya));
   }
-}), po = ["static", "interactive"], ho = ["1", "2", "3"], de = (t, a, o = "value") => {
-  t(`update:${o}`, a.target[o]);
+}), po = ["static", "interactive"], ho = ["1", "2", "3"], de = (t, a, l = "value") => {
+  t(`update:${l}`, a.target[l]);
 }, Ka = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], ae = /* @__PURE__ */ G({
   __name: "infotext",
   props: {
@@ -410,10 +410,10 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("span", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       class: P(n(q)("db-infotext", a.class)),
       "data-icon": e.icon,
@@ -467,7 +467,7 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(!1), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(void 0), T = d(""), w = d(null);
+    const l = a, e = t, i = d(!1), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(void 0), T = d(""), w = d(null);
     Y(() => {
       i.value = !0;
       const b = e.id ?? `checkbox-${Q()}`;
@@ -517,11 +517,11 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function r() {
-      var b, k, F;
-      !((b = w.value) != null && b.validity.valid) || e.validation === "invalid" ? (g.value = v.value, s.value = e.invalidMessage || ((k = w.value) == null ? void 0 : k.validationMessage) || te, me() && (T.value = s.value, Z(() => T.value = "", 1e3))) : h() && ((F = w.value) != null && F.validity.valid) && e.required ? (g.value = p.value, me() && (T.value = e.validMessage ?? ge, Z(() => T.value = "", 1e3))) : x(e.message, e.showMessage) ? g.value = f.value : g.value = void 0;
+      var b, k, M;
+      !((b = w.value) != null && b.validity.valid) || e.validation === "invalid" ? (g.value = v.value, s.value = e.invalidMessage || ((k = w.value) == null ? void 0 : k.validationMessage) || te, me() && (T.value = s.value, Z(() => T.value = "", 1e3))) : h() && ((M = w.value) != null && M.validity.valid) && e.required ? (g.value = p.value, me() && (T.value = e.validMessage ?? ge, Z(() => T.value = "", 1e3))) : x(e.message, e.showMessage) ? g.value = f.value : g.value = void 0;
     }
     function c(b) {
-      e.onChange && e.onChange(b), de(o, b, "checked"), r();
+      e.onChange && e.onChange(b), de(l, b, "checked"), r();
     }
     function L(b) {
       e.onBlur && e.onBlur(b);
@@ -548,9 +548,9 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
           disabled: n(V)(b.disabled, "disabled"),
           value: b.value,
           required: n(V)(b.required, "required"),
-          onChange: k[0] || (k[0] = async (F) => c(F)),
-          onBlur: k[1] || (k[1] = async (F) => L(F)),
-          onFocus: k[2] || (k[2] = async (F) => C(F)),
+          onChange: k[0] || (k[0] = async (M) => c(M)),
+          onBlur: k[1] || (k[1] = async (M) => L(M)),
+          onFocus: k[2] || (k[2] = async (M) => C(M)),
           "aria-describedby": b.ariaDescribedBy ?? g.value
         }, null, 40, Za),
         b.label ? (m(), S(W, { key: 0 }, [
@@ -594,8 +594,8 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
   }
 }), re = class re {
   static runCallbacks(a) {
-    for (const o of Object.values(re.callbacks))
-      typeof o == "function" && o(a);
+    for (const l of Object.values(re.callbacks))
+      typeof l == "function" && l(a);
   }
   constructor() {
     if (re._instance)
@@ -603,8 +603,8 @@ const ao = Object.entries(sa).map(([, t]) => t), Ra = {
     re._instance = this, self.document && self.document.addEventListener("click", (a) => re.runCallbacks(a));
   }
   addCallback(a) {
-    const o = Q();
-    return re.callbacks[o] = a, o;
+    const l = Q();
+    return re.callbacks[l] = a, l;
   }
   removeCallback(a) {
     delete re.callbacks[a];
@@ -624,12 +624,12 @@ const ce = class ce {
     }, !0);
   }
   static runCallbacks(a) {
-    for (const o of Object.values(ce.callbacks))
-      typeof o == "function" && o(a);
+    for (const l of Object.values(ce.callbacks))
+      typeof l == "function" && l(a);
   }
   addCallback(a) {
-    const o = Q();
-    return ce.callbacks[o] = a, o;
+    const l = Q();
+    return ce.callbacks[l] = a, l;
   }
   removeCallback(a) {
     delete ce.callbacks[a];
@@ -641,16 +641,16 @@ const et = (t) => {
   var r;
   const {
     top: a,
-    bottom: o,
+    bottom: l,
     left: e,
     right: i
   } = t.getBoundingClientRect(), {
     innerHeight: u,
     innerWidth: f
   } = window;
-  let p = a < 0, v = o > u, s = e < 0, g = i > f;
+  let p = a < 0, v = l > u, s = e < 0, g = i > f;
   const T = t.dataset.outsideVy, w = t.dataset.outsideVx, h = (r = t == null ? void 0 : t.parentElement) == null ? void 0 : r.getBoundingClientRect();
-  return h && (T && (t.dataset.outsideVy === "top" ? p = h.top - (o - h.bottom) < 0 : v = h.bottom + (h.top - a) > u), w && (t.dataset.outsideVx === "left" ? s = h.left - (i - h.right) < 0 : g = h.right + (h.left - e) > f)), {
+  return h && (T && (t.dataset.outsideVy === "top" ? p = h.top - (l - h.bottom) < 0 : v = h.bottom + (h.top - a) > u), w && (t.dataset.outsideVx === "left" ? s = h.left - (i - h.right) < 0 : g = h.right + (h.left - e) > f)), {
     outTop: p,
     outBottom: v,
     outLeft: s,
@@ -659,18 +659,18 @@ const et = (t) => {
 }, at = (t) => {
   const {
     outTop: a,
-    outBottom: o,
+    outBottom: l,
     outLeft: e,
     outRight: i
   } = et(t);
   let u = {};
-  return a || o ? (u = {
+  return a || l ? (u = {
     vy: a ? "top" : "bottom"
   }, t.dataset.outsideVy = u.vy) : delete t.dataset.outsideVy, e || i ? (u = {
     ...u,
     vx: i ? "right" : "left"
   }, t.dataset.outsideVx = u.vx) : delete t.dataset.outsideVx, u;
-}, tt = (t, a, o) => {
+}, tt = (t, a, l) => {
   if (getComputedStyle(t).zIndex === "9999") return;
   const {
     top: e,
@@ -681,9 +681,9 @@ const et = (t) => {
     right: v,
     left: s,
     correctedPlacement: g
-  } = ua(t, a, o);
+  } = ua(t, a, l);
   t.dataset.width === "full" && (t.style.inlineSize = `${p}px`), g === "top" || g === "bottom" || g === "top-start" || g === "bottom-start" ? t.style.insetInlineStart = `${s}px` : (g === "top-end" || g === "bottom-end") && (t.style.insetInlineStart = `${v - f}px`), g != null && g.startsWith("top") ? t.style.insetBlockStart = `${e - u}px` : g != null && g.startsWith("bottom") && (t.style.insetBlockStart = `${i}px`), t.style.position = "fixed";
-}, ua = (t, a, o) => {
+}, ua = (t, a, l) => {
   if (!t || !a)
     return {
       top: 0,
@@ -694,7 +694,7 @@ const et = (t) => {
       left: 0,
       childHeight: 0,
       childWidth: 0,
-      correctedPlacement: o,
+      correctedPlacement: l,
       innerWidth: window.innerWidth,
       innerHeight: window.innerHeight
     };
@@ -710,10 +710,10 @@ const et = (t) => {
     innerWidth: T
   } = window;
   let w = e.height, h = e.width;
-  (o === "bottom" || o === "top") && (h = h / 2), (o === "left" || o === "right") && (w = w / 2);
+  (l === "bottom" || l === "top") && (h = h / 2), (l === "left" || l === "right") && (w = w / 2);
   const r = f + w > g, c = i - w < 0, L = v - h < 0, C = p + h > T;
-  let b = o;
-  return o.startsWith("bottom") ? r ? (b = o == null ? void 0 : o.replace("bottom", "top"), L && C ? b = "top" : L ? b = "top-start" : C && (b = "top-end")) : L && C ? b = "bottom" : L ? b = "bottom-start" : C && (b = "bottom-end") : o.startsWith("top") ? c ? (b = o == null ? void 0 : o.replace("top", "bottom"), L && C ? b = "bottom" : L ? b = "bottom-start" : C && (b = "bottom-end")) : L && C ? b = "top" : L ? b = "top-start" : C && (b = "top-end") : o.startsWith("left") ? L ? (b = o == null ? void 0 : o.replace("left", "right"), r && c ? b = "right" : r ? b = "right-end" : c && (b = "right-start")) : r && c ? b = "left" : r ? b = "left-end" : c && (b = "left-start") : b.startsWith("right") && (C ? (b = o == null ? void 0 : o.replace("right", "left"), r && c ? b = "left" : r ? b = "left-end" : c && (b = "left-start")) : r && c ? b = "right" : r ? b = "right-end" : c && (b = "right-start")), {
+  let b = l;
+  return l.startsWith("bottom") ? r ? (b = l == null ? void 0 : l.replace("bottom", "top"), L && C ? b = "top" : L ? b = "top-start" : C && (b = "top-end")) : L && C ? b = "bottom" : L ? b = "bottom-start" : C && (b = "bottom-end") : l.startsWith("top") ? c ? (b = l == null ? void 0 : l.replace("top", "bottom"), L && C ? b = "bottom" : L ? b = "bottom-start" : C && (b = "bottom-end")) : L && C ? b = "top" : L ? b = "top-start" : C && (b = "top-end") : l.startsWith("left") ? L ? (b = l == null ? void 0 : l.replace("left", "right"), r && c ? b = "right" : r ? b = "right-end" : c && (b = "right-start")) : r && c ? b = "left" : r ? b = "left-end" : c && (b = "left-start") : b.startsWith("right") && (C ? (b = l == null ? void 0 : l.replace("right", "left"), r && c ? b = "left" : r ? b = "left-end" : c && (b = "left-start")) : r && c ? b = "right" : r ? b = "right-end" : c && (b = "right-start")), {
     top: i,
     bottom: f,
     right: p,
@@ -726,7 +726,7 @@ const et = (t) => {
     innerWidth: T,
     innerHeight: g
   };
-}, ra = (t, a, o) => {
+}, ra = (t, a, l) => {
   const e = getComputedStyle(t).getPropertyValue("--db-popover-distance") ?? "0px", {
     top: i,
     height: u,
@@ -739,7 +739,7 @@ const et = (t) => {
     correctedPlacement: w,
     innerWidth: h,
     innerHeight: r
-  } = ua(t, a, o);
+  } = ua(t, a, l);
   if (v > f && (w.startsWith("bottom") || w.startsWith("top"))) {
     const c = f / 2 / v * 100;
     w.endsWith("start") ? t.style.setProperty("--db-tooltip-arrow-inline-start", `${c}%`) : w.endsWith("end") && t.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - c}%`);
@@ -790,11 +790,11 @@ const et = (t) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("article", {
       "data-spacing": "none",
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       class: P(n(q)("db-custom-select-dropdown db-card", a.class)),
       "data-width": e.width
@@ -826,7 +826,7 @@ const et = (t) => {
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(void 0), u = d(!1), f = d(null);
+    const l = a, e = t, i = d(void 0), u = d(!1), f = d(null);
     Y(() => {
       i.value = e.id ?? `custom-select-list-item-${Q()}`;
     }), D(
@@ -840,7 +840,7 @@ const et = (t) => {
       }
     );
     function p(s) {
-      s.stopPropagation(), e.onChange && e.onChange(s), de(o, s, "checked");
+      s.stopPropagation(), e.onChange && e.onChange(s), de(l, s, "checked");
     }
     function v() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
@@ -893,12 +893,12 @@ const et = (t) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       class: P(n(q)("db-custom-select-list", a.class))
     }, [
@@ -969,7 +969,7 @@ const et = (t) => {
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(void 0), T = d(void 0), w = d(""), h = d(null);
+    const l = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(void 0), T = d(void 0), w = d(""), h = d(null);
     Y(() => {
       const y = e.id ?? `input-${Q()}`;
       i.value = y, u.value = y + fe, f.value = y + pe, p.value = y + he, s.value = y + xe, v.value = e.invalidMessage || te;
@@ -1013,10 +1013,10 @@ const et = (t) => {
       !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (g.value = p.value, v.value = e.invalidMessage || ((X = h.value) == null ? void 0 : X.validationMessage) || te, me() && (w.value = v.value, Z(() => w.value = "", 1e3))) : r() && ((B = h.value) != null && B.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (g.value = f.value, me() && (w.value = e.validMessage ?? ge, Z(() => w.value = "", 1e3))) : x(e.message, e.showMessage) ? g.value = u.value : g.value = void 0;
     }
     function L(y) {
-      e.input && e.input(y), T.value = y.target.value, e.onInput && e.onInput(y), de(o, y), c();
+      e.input && e.input(y), T.value = y.target.value, e.onInput && e.onInput(y), de(l, y), c();
     }
     function C(y) {
-      e.onChange && e.onChange(y), de(o, y), c();
+      e.onChange && e.onChange(y), de(l, y), c();
     }
     function b(y) {
       e.onBlur && e.onBlur(y);
@@ -1024,7 +1024,7 @@ const et = (t) => {
     function k(y) {
       e.onFocus && e.onFocus(y);
     }
-    function F() {
+    function M() {
       const y = e.dataList;
       return Array.from(
         (Va(y) ? y == null ? void 0 : y.map((X) => ({
@@ -1080,7 +1080,7 @@ const et = (t) => {
         key: 0,
         id: s.value
       }, [
-        (m(!0), S(W, null, ye(F(), (B) => (m(), S("option", {
+        (m(!0), S(W, null, ye(M(), (B) => (m(), S("option", {
           key: s.value + "-option-" + B.value,
           value: B.value
         }, $(B.label), 9, gt))), 128))
@@ -1138,19 +1138,19 @@ const et = (t) => {
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(Te), e = d(!1), i = d(void 0), u = d(void 0), f = d(null);
+    const a = t, l = d(Te), e = d(!1), i = d(void 0), u = d(void 0), f = d(null);
     Y(() => {
-      o.value = a.id || "tooltip-" + Q(), e.value = !0;
+      l.value = a.id || "tooltip-" + Q(), e.value = !0;
     }), D(
       () => [f.value, e.value],
       () => {
-        if (f.value && e.value && o.value) {
+        if (f.value && e.value && l.value) {
           const r = s();
           r && (["mouseenter", "focusin"].forEach((c) => {
             r.addEventListener(c, () => h(r));
           }), r.addEventListener("keydown", (c) => v(c)), ["mouseleave", "focusout"].forEach((c) => {
             r.addEventListener(c, () => w());
-          }), r.dataset.hasTooltip = "true", a.variant === "label" ? r.setAttribute("aria-labelledby", o.value) : r.setAttribute("aria-describedby", o.value)), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((c) => {
+          }), r.dataset.hasTooltip = "true", a.variant === "label" ? r.setAttribute("aria-labelledby", l.value) : r.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (u.value = new IntersectionObserver((c) => {
             const L = c.find(({ target: C }) => C === s());
             L && !L.isIntersecting && v(!1);
           })), e.value = !1;
@@ -1203,7 +1203,7 @@ const et = (t) => {
       ref_key: "_ref",
       ref: f,
       class: P(n(q)("db-tooltip", a.class)),
-      id: o.value,
+      id: l.value,
       "data-emphasis": r.emphasis,
       "data-animation": n(R)(r.animation ?? !0),
       "data-delay": r.delay,
@@ -1239,7 +1239,7 @@ const et = (t) => {
     remove: {}
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     function e(u) {
       u && (u.stopPropagation(), a.onRemove && a.onRemove(u));
     }
@@ -1248,7 +1248,7 @@ const et = (t) => {
     }
     return (u, f) => (m(), S("div", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: u.id,
       class: P(n(q)("db-tag", a.class)),
       "data-semantic": u.semantic,
@@ -1351,10 +1351,10 @@ const et = (t) => {
   },
   emits: ["update:values"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(void 0), T = d(void 0), w = d(void 0), h = d(void 0), r = d("no-validation"), c = d(!1), L = d(void 0), C = d(""), b = d(void 0), k = d(""), F = d([]), y = d(!1), X = d(!1), B = d(0), M = d([]), oe = d([]), K = d(!1), _e = d(void 0), Le = d(0), Ce = d(void 0), Ve = d(void 0), Pe = d(void 0), qe = d(!1), Ee = d(!1), va = d(null), z = d(null), ve = d(null), Fe = d(null), Ue = d(null);
+    const l = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(void 0), T = d(void 0), w = d(void 0), h = d(void 0), r = d("no-validation"), c = d(!1), L = d(void 0), C = d(""), b = d(void 0), k = d(""), M = d([]), y = d(!1), X = d(!1), B = d(0), F = d([]), oe = d([]), K = d(!1), _e = d(void 0), Le = d(0), Ce = d(void 0), Ve = d(void 0), Pe = d(void 0), qe = d(!1), Ee = d(!1), va = d(null), z = d(null), ve = d(null), Fe = d(null), Ue = d(null);
     Y(() => {
-      const l = e.id ?? `custom-select-${Q()}`;
-      i.value = l, u.value = l + fe, f.value = l + pe, p.value = l + he, s.value = l + Ze, g.value = l + Qe, T.value = l + "-summary", w.value = l + Re, b.value = l + "-selected-labels", h.value = l + "-info", v.value = e.invalidMessage || te, typeof window < "u" && "IntersectionObserver" in window && (Ve.value = new IntersectionObserver((I) => {
+      const o = e.id ?? `custom-select-${Q()}`;
+      i.value = o, u.value = o + fe, f.value = o + pe, p.value = o + he, s.value = o + Ze, g.value = o + Qe, T.value = o + "-summary", w.value = o + Re, b.value = o + "-selected-labels", h.value = o + "-info", v.value = e.invalidMessage || te, typeof window < "u" && "IntersectionObserver" in window && (Ve.value = new IntersectionObserver((I) => {
         if (z.value) {
           const E = I.find(({ target: j }) => j === z.value);
           E && !E.isIntersecting && z.value.open && (z.value.open = !1);
@@ -1365,7 +1365,7 @@ const et = (t) => {
       () => {
         z.value && z.value.addEventListener(
           "focusout",
-          (l) => Ae(l)
+          (o) => Ae(o)
         );
       },
       {
@@ -1376,8 +1376,8 @@ const et = (t) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const l = i.value + fe;
-          g.value = i.value + Qe, s.value = i.value + Ze, f.value = i.value + pe, p.value = i.value + he, w.value = i.value + Re, x(e.message, e.showMessage) ? He(l) : He();
+          const o = i.value + fe;
+          g.value = i.value + Qe, s.value = i.value + Ze, f.value = i.value + pe, p.value = i.value + he, w.value = i.value + Re, x(e.message, e.showMessage) ? He(o) : He();
         }
       },
       {
@@ -1388,8 +1388,8 @@ const et = (t) => {
       () => [z.value, L.value],
       () => {
         if (z.value) {
-          const l = z.value.querySelector("summary");
-          l && l.setAttribute(
+          const o = z.value.querySelector("summary");
+          o && o.setAttribute(
             "aria-describedby",
             e.ariaDescribedBy ?? (L.value || "")
           );
@@ -1429,14 +1429,15 @@ const et = (t) => {
     ), D(
       () => [e.values],
       () => {
-        e.values && Array.isArray(e.values) && e.values !== M.value && (M.value = e.values ?? []);
+        var o;
+        e.values && Array.isArray(e.values) && e.values !== F.value ? F.value = e.values ?? [] : (e.values === null || e.values === void 0 || Array.isArray(e.values) && ((o = e.values) == null ? void 0 : o.length) === 0) && (F.value = []);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), D(
-      () => [M.value, ve.value],
+      () => [F.value, ve.value],
       () => {
         ve.value && pa();
       },
@@ -1454,10 +1455,10 @@ const et = (t) => {
         flush: "post"
       }
     ), D(
-      () => [M.value, B.value],
+      () => [F.value, B.value],
       () => {
-        var l, I;
-        ((l = M.value) == null ? void 0 : l.length) === 0 ? (qe.value = !1, Ee.value = !1) : ((I = M.value) == null ? void 0 : I.length) === B.value ? (Ee.value = !1, qe.value = !0) : M.value && (Ee.value = !0);
+        var o, I;
+        ((o = F.value) == null ? void 0 : o.length) === 0 ? (qe.value = !1, Ee.value = !1) : ((I = F.value) == null ? void 0 : I.length) === B.value ? (Ee.value = !1, qe.value = !0) : F.value && (Ee.value = !0);
       },
       {
         immediate: !0,
@@ -1466,8 +1467,8 @@ const et = (t) => {
     ), D(
       () => [e.options],
       () => {
-        var l;
-        oe.value = e.options, B.value = ((l = e.options) == null ? void 0 : l.filter((I) => !I.isGroupTitle).length) ?? 0;
+        var o;
+        oe.value = e.options, B.value = ((o = e.options) == null ? void 0 : o.filter((I) => !I.isGroupTitle).length) ?? 0;
       },
       {
         immediate: !0,
@@ -1477,8 +1478,8 @@ const et = (t) => {
       () => [e.searchValue],
       () => {
         if (Pe.value = e.searchValue, e.searchValue) {
-          const l = e.searchValue;
-          Ye(l);
+          const o = e.searchValue;
+          Ye(o);
         }
       },
       {
@@ -1486,13 +1487,13 @@ const et = (t) => {
         flush: "post"
       }
     ), D(
-      () => [e.options, M.value],
+      () => [e.options, F.value],
       () => {
-        var l, I;
-        (l = e.options) != null && l.length && (F.value = (I = e.options) == null ? void 0 : I.filter(
+        var o, I;
+        (o = e.options) != null && o.length && (M.value = (I = e.options) == null ? void 0 : I.filter(
           (E) => {
             var j, le;
-            return !E.value || !((j = M.value) != null && j.includes) ? !1 : !E.isGroupTitle && ((le = M.value) == null ? void 0 : le.includes(E.value));
+            return !E.value || !((j = F.value) != null && j.includes) ? !1 : !E.isGroupTitle && ((le = F.value) == null ? void 0 : le.includes(E.value));
           }
         ));
       },
@@ -1502,25 +1503,25 @@ const et = (t) => {
       }
     ), D(
       () => [
-        F.value,
+        M.value,
         e.selectedType,
         e.amountText,
         e.selectedLabels,
         e.transformSelectedLabels
       ],
       () => {
-        var l, I, E;
+        var o, I, E;
         if (e.selectedLabels) {
           C.value = e.selectedLabels;
           return;
         }
-        if ((l = F.value) != null && l.length) {
+        if ((o = M.value) != null && o.length) {
           if (e.transformSelectedLabels) {
-            const j = F.value, le = e.transformSelectedLabels;
+            const j = M.value, le = e.transformSelectedLabels;
             C.value = le(j);
             return;
           }
-          e.selectedType === "amount" ? C.value = e.amountText ? e.amountText : `${(I = F.value) == null ? void 0 : I.length} ${Da}` : C.value = (E = F.value) == null ? void 0 : E.map((j) => Ie(j)).join(", ");
+          e.selectedType === "amount" ? C.value = e.amountText ? e.amountText : `${(I = M.value) == null ? void 0 : I.length} ${Da}` : C.value = (E = M.value) == null ? void 0 : E.map((j) => Ie(j)).join(", ");
         } else
           C.value = "";
       },
@@ -1529,10 +1530,10 @@ const et = (t) => {
         flush: "post"
       }
     ), D(
-      () => [F.value],
+      () => [M.value],
       () => {
-        var l;
-        e.onAmountChange && e.onAmountChange(((l = F.value) == null ? void 0 : l.length) ?? 0);
+        var o;
+        e.onAmountChange && e.onAmountChange(((o = M.value) == null ? void 0 : o.length) ?? 0);
       },
       {
         immediate: !0,
@@ -1550,76 +1551,76 @@ const et = (t) => {
     ), D(
       () => [ve.value, e.invalidMessage],
       () => {
-        var l;
-        v.value = e.invalidMessage || ((l = ve.value) == null ? void 0 : l.validationMessage) || te;
+        var o;
+        v.value = e.invalidMessage || ((o = ve.value) == null ? void 0 : o.validationMessage) || te;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function fa(l) {
+    function fa(o) {
       var I, E;
-      (I = l == null ? void 0 : l.target) != null && I.contains && ((E = l == null ? void 0 : l.target) != null && E.contains(z.value)) && Ge();
+      (I = o == null ? void 0 : o.target) != null && I.contains && ((E = o == null ? void 0 : o.target) != null && E.contains(z.value)) && Ge();
     }
     function Oe() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function pa() {
-      var l, I, E;
-      ve.value && (ve.value.value = ga()), !((l = ve.value) != null && l.validity.valid) || e.validation === "invalid" ? (L.value = p.value, v.value = e.invalidMessage || ((I = ve.value) == null ? void 0 : I.validationMessage) || te, me() && (k.value = v.value, Z(() => k.value = "", 1e3)), c.value && (r.value = e.validation ?? "invalid")) : Oe() && ((E = ve.value) != null && E.validity.valid) && e.required ? (L.value = f.value, me() && (k.value = e.validMessage ?? ge, Z(() => k.value = "", 1e3)), r.value = e.validation ?? "valid") : x(e.message, e.showMessage) ? (L.value = u.value, r.value = e.validation ?? "no-validation") : (L.value = w.value, r.value = e.validation ?? "no-validation");
+      var o, I, E;
+      ve.value && (ve.value.value = ga()), !((o = ve.value) != null && o.validity.valid) || e.validation === "invalid" ? (L.value = p.value, v.value = e.invalidMessage || ((I = ve.value) == null ? void 0 : I.validationMessage) || te, me() && (k.value = v.value, Z(() => k.value = "", 1e3)), c.value && (r.value = e.validation ?? "invalid")) : Oe() && ((E = ve.value) != null && E.validity.valid) && e.required ? (L.value = f.value, me() && (k.value = e.validMessage ?? ge, Z(() => k.value = "", 1e3)), r.value = e.validation ?? "valid") : x(e.message, e.showMessage) ? (L.value = u.value, r.value = e.validation ?? "no-validation") : (L.value = w.value, r.value = e.validation ?? "no-validation");
     }
-    function ha(l) {
+    function ha(o) {
       var I, E;
-      e.onDropdownToggle && (l.stopPropagation(), e.onDropdownToggle(l)), l.target instanceof HTMLDetailsElement && l.target.open ? (_e.value = new ze().addCallback(
+      e.onDropdownToggle && (o.stopPropagation(), e.onDropdownToggle(o)), o.target instanceof HTMLDetailsElement && o.target.open ? (_e.value = new ze().addCallback(
         (j) => Ba(j)
       ), Ce.value = new Be().addCallback(
         (j) => fa(j)
-      ), Ge(), (I = Ve.value) == null || I.observe(z.value), l.target.dataset.test || je()) : (_e.value && new ze().removeCallback(
+      ), Ge(), (I = Ve.value) == null || I.observe(z.value), o.target.dataset.test || je()) : (_e.value && new ze().removeCallback(
         _e.value
       ), Ce.value && new Be().removeCallback(
         Ce.value
       ), (E = Ve.value) == null || E.unobserve(z.value));
     }
     function ga() {
-      var l;
-      return (l = M.value) != null && l.length ? M.value.at(0) ?? "" : "";
+      var o;
+      return (o = F.value) != null && o.length ? F.value.at(0) ?? "" : "";
     }
-    function He(l) {
+    function He(o) {
       var E;
       const I = [];
-      l && I.push(l), b.value && ((E = C.value) != null && E.length) && I.push(b.value), L.value = I.join(" ");
+      o && I.push(o), b.value && ((E = C.value) != null && E.length) && I.push(b.value), L.value = I.join(" ");
     }
     function ma() {
       return e.selectAllLabel ?? we;
     }
-    function Ie(l) {
+    function Ie(o) {
       var I;
-      return l.label ?? ((I = l.value) == null ? void 0 : I.toString()) ?? "";
+      return o.label ?? ((I = o.value) == null ? void 0 : I.toString()) ?? "";
     }
-    function ba(l) {
+    function ba(o) {
       var I, E;
-      return l && ((I = M.value) != null && I.includes) ? (E = M.value) == null ? void 0 : E.includes(l) : !1;
+      return o && ((I = F.value) != null && I.includes) ? (E = F.value) == null ? void 0 : E.includes(o) : !1;
     }
-    function ya(l) {
-      return e.removeTagsTexts && e.removeTagsTexts.length > l ? e.removeTagsTexts.at(l) : `${ia} ${F.value ? Ie(F.value[l]) : ""}`;
+    function ya(o) {
+      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${M.value ? Ie(M.value[o]) : ""}`;
     }
-    function wa(l, I) {
-      I && I.stopPropagation(), Xe(l.value), De();
+    function wa(o, I) {
+      I && I.stopPropagation(), Xe(o.value), De();
     }
     function Ge() {
       if (z.value) {
-        const l = z.value.querySelector("article");
-        l && Z(() => {
+        const o = z.value.querySelector("article");
+        o && Z(() => {
           tt(
-            l,
+            o,
             z.value,
             e.placement ?? "bottom"
           );
         }, 1);
       }
     }
-    function ka(l) {
+    function ka(o) {
       var I, E, j, le, O, be, Ne;
       if ((I = z.value) != null && I.open) {
         if (self.document) {
@@ -1627,7 +1628,7 @@ const et = (t) => {
           if (ue)
             if (ue.getAttribute("type") === "checkbox" || ue.getAttribute("type") === "radio") {
               const se = ue == null ? void 0 : ue.closest("li");
-              if (l.key === "ArrowDown" || l.key === "ArrowRight")
+              if (o.key === "ArrowDown" || o.key === "ArrowRight")
                 se != null && se.nextElementSibling ? (j = (E = se == null ? void 0 : se.nextElementSibling) == null ? void 0 : E.querySelector("input")) == null || j.focus() : Me(ue);
               else if (se != null && se.previousElementSibling)
                 (O = (le = se == null ? void 0 : se.previousElementSibling) == null ? void 0 : le.querySelector("input")) == null || O.focus();
@@ -1649,50 +1650,50 @@ const et = (t) => {
                 }
               }
             } else
-              ue.getAttribute("type") === "search" && (l.key === "ArrowUp" || l.key === "ArrowLeft") ? (Ae(void 0, !0), De()) : Me(ue);
+              ue.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Ae(void 0, !0), De()) : Me(ue);
         }
-      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Ge(), z.value && (z.value.open = !0), je());
-      l.stopPropagation(), l.preventDefault();
+      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ge(), z.value && (z.value.open = !0), je());
+      o.stopPropagation(), o.preventDefault();
     }
-    function Sa(l) {
+    function Sa(o) {
       var I;
-      l.stopPropagation(), l.key === "Escape" && ((I = z.value) != null && I.open) ? (Ae(void 0, !0), De()) : (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && ka(l);
+      o.stopPropagation(), o.key === "Escape" && ((I = z.value) != null && I.open) ? (Ae(void 0, !0), De()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ka(o);
     }
-    function Ae(l, I) {
+    function Ae(o, I) {
       if (z.value) {
         if (I)
           z.value.open = !1, De();
-        else if (z.value.open && l && l.relatedTarget) {
-          const E = l.relatedTarget;
+        else if (z.value.open && o && o.relatedTarget) {
+          const E = o.relatedTarget;
           z.value.contains(E) || Z(() => z.value.open = !1, 1);
         }
       }
     }
-    function Ba(l) {
+    function Ba(o) {
       var I;
-      if (l) {
-        const E = l.target;
+      if (o) {
+        const E = o.target;
         (I = z.value) != null && I.open && !z.value.contains(E) && (z.value.open = !1);
       }
     }
-    function $e(l) {
-      (/* @__PURE__ */ new Date()).getTime() - Le.value < 200 || (M.value = l, c.value = !0, e.onOptionSelected && e.onOptionSelected(l ?? []), de(
-        o,
+    function $e(o) {
+      (/* @__PURE__ */ new Date()).getTime() - Le.value < 200 || (F.value = o, c.value = !0, e.onOptionSelected && e.onOptionSelected(o ?? []), de(
+        l,
         {
           target: {
-            values: l
+            values: o
           }
         },
         "values"
       ), Le.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function Xe(l) {
+    function Xe(o) {
       var I;
-      l && (e.multiple ? (I = M.value) != null && I.includes(l) ? $e(M.value.filter((E) => E !== l)) : $e([...M.value || [], l]) : ($e([l]), Ae(void 0, !0)));
+      o && (e.multiple ? (I = F.value) != null && I.includes(o) ? $e(F.value.filter((E) => E !== o)) : $e([...F.value || [], o]) : ($e([o]), Ae(void 0, !0)));
     }
-    function La(l) {
+    function La(o) {
       var I;
-      if (l.stopPropagation(), ((I = M.value) == null ? void 0 : I.length) === B.value)
+      if (o.stopPropagation(), ((I = F.value) == null ? void 0 : I.length) === B.value)
         $e([]);
       else {
         const E = X.value && Ue.value ? Ue.value.value : void 0;
@@ -1706,7 +1707,7 @@ const et = (t) => {
         );
       }
     }
-    function Me(l) {
+    function Me(o) {
       if (z.value) {
         const I = Array.from(
           z.value.querySelectorAll(
@@ -1714,7 +1715,7 @@ const et = (t) => {
           )
         );
         if (I.length) {
-          const E = I.at(0), j = E === l && I.length > 1 ? I.at(1) : E;
+          const E = I.at(0), j = E === o && I.length > 1 ? I.at(1) : E;
           j && Z(() => {
             j.focus();
           }, 1);
@@ -1723,20 +1724,20 @@ const et = (t) => {
     }
     function je() {
       if (z.value) {
-        const l = aa(z.value);
-        l ? Z(() => {
-          l.focus();
+        const o = aa(z.value);
+        o ? Z(() => {
+          o.focus();
         }, 1) : Me();
       }
     }
-    function Ye(l) {
-      if (l === void 0)
+    function Ye(o) {
+      if (o === void 0)
         return;
       let I;
-      if (typeof l == "string")
-        I = l;
+      if (typeof o == "string")
+        I = o;
       else {
-        const E = l;
+        const E = o;
         E.stopPropagation(), e.onSearch && e.onSearch(E), I = E.target.value, Pe.value = I;
       }
       !e.options || !I || I.length === 0 ? oe.value = e.options : e.searchFilter ? oe.value = e.options.filter(
@@ -1745,17 +1746,17 @@ const et = (t) => {
         (E) => !E.isGroupTitle && Ie(E).toLowerCase().includes(I.toLowerCase())
       );
     }
-    function Ia(l) {
-      l.stopPropagation(), $e([]), De();
+    function Ia(o) {
+      o.stopPropagation(), $e([]), De();
     }
     function De() {
-      var l;
-      z.value && ((l = z.value.querySelector("summary")) == null || l.focus());
+      var o;
+      z.value && ((o = z.value.querySelector("summary")) == null || o.focus());
     }
-    function $a(l) {
-      l.stopPropagation();
+    function $a(o) {
+      o.stopPropagation();
     }
-    return (l, I) => {
+    return (o, I) => {
       var E, j, le;
       return m(), S("div", {
         id: i.value,
@@ -1764,18 +1765,18 @@ const et = (t) => {
         class: P(n(q)("db-custom-select", e.class)),
         "aria-invalid": r.value === "invalid",
         "data-custom-validity": r.value,
-        "data-width": l.formFieldWidth,
-        "data-variant": l.variant === "floating" && l.selectedType === "tag" && l.multiple ? "above" : l.variant,
-        "data-required": n(R)(l.required),
-        "data-hide-asterisk": n(ie)(l.showRequiredAsterisk),
-        "data-placement": l.placement,
-        "data-selected-type": l.multiple ? l.selectedType : "text",
-        "data-hide-label": n(ie)(l.showLabel),
-        "data-icon": l.icon,
-        "data-show-icon": n(R)(l.showIcon)
+        "data-width": o.formFieldWidth,
+        "data-variant": o.variant === "floating" && o.selectedType === "tag" && o.multiple ? "above" : o.variant,
+        "data-required": n(R)(o.required),
+        "data-hide-asterisk": n(ie)(o.showRequiredAsterisk),
+        "data-placement": o.placement,
+        "data-selected-type": o.multiple ? o.selectedType : "text",
+        "data-hide-label": n(ie)(o.showLabel),
+        "data-icon": o.icon,
+        "data-show-icon": n(R)(o.showIcon)
       }, [
         _("label", { id: g.value }, [
-          N($(l.label ?? n(we)), 1),
+          N($(o.label ?? n(we)), 1),
           _("select", {
             role: "none",
             hidden: !0,
@@ -1783,14 +1784,14 @@ const et = (t) => {
             tabIndex: -1,
             ref_key: "selectRef",
             ref: ve,
-            form: l.form,
-            name: l.name,
-            multiple: n(V)(l.multiple, "multiple"),
-            disabled: n(V)(l.disabled, "disabled"),
-            required: n(V)(l.required, "required"),
+            form: o.form,
+            name: o.name,
+            multiple: n(V)(o.multiple, "multiple"),
+            disabled: n(V)(o.disabled, "disabled"),
+            required: n(V)(o.required, "required"),
             onChange: I[0] || (I[0] = async (O) => $a(O))
           }, [
-            (E = l.options) != null && E.length ? (m(!0), S(W, { key: 0 }, ye(l.options, (O, be) => (m(), S("option", {
+            (E = o.options) != null && E.length ? (m(!0), S(W, { key: 0 }, ye(o.options, (O, be) => (m(), S("option", {
               key: be,
               disabled: O.disabled,
               value: O.value
@@ -1800,25 +1801,25 @@ const et = (t) => {
         _("details", {
           ref_key: "detailsRef",
           ref: z,
-          open: l.open,
+          open: o.open,
           onToggle: I[2] || (I[2] = async (O) => ha(O)),
           onKeydown: I[3] || (I[3] = async (O) => Sa(O))
         }, [
-          A(l.$slots, "default"),
-          l.options ? (m(), S(W, { key: 0 }, [
+          A(o.$slots, "default"),
+          o.options ? (m(), S(W, { key: 0 }, [
             _("summary", {
               class: "db-custom-select-form-field",
               id: T.value,
-              "aria-disabled": n(R)(l.disabled),
+              "aria-disabled": n(R)(o.disabled),
               "aria-labelledby": g.value
             }, [
               (j = C.value) != null && j.length ? (m(), S("span", {
                 key: 0,
-                "data-visually-hidden": n(R)(l.selectedType === "tag"),
+                "data-visually-hidden": n(R)(o.selectedType === "tag"),
                 id: b.value
               }, $(C.value), 9, _t)) : U("", !0),
-              l.selectedType === "tag" ? (m(), S("div", Ct, [
-                (m(!0), S(W, null, ye(F.value, (O, be) => (m(), J(kt, {
+              o.selectedType === "tag" ? (m(), S("div", Ct, [
+                (m(!0), S(W, null, ye(M.value, (O, be) => (m(), J(kt, {
                   key: be,
                   emphasis: "strong",
                   behavior: "removable",
@@ -1832,7 +1833,7 @@ const et = (t) => {
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : U("", !0)
             ], 8, Tt),
-            ee(ot, { width: l.dropdownWidth }, {
+            ee(ot, { width: o.dropdownWidth }, {
               default: H(() => [
                 X.value ? (m(), S("div", Et, [
                   ee(bt, {
@@ -1843,20 +1844,20 @@ const et = (t) => {
                     form: i.value,
                     showLabel: !1,
                     value: Pe.value,
-                    label: l.searchLabel ?? n(we),
-                    placeholder: l.searchPlaceholder ?? l.searchLabel,
-                    ariaDescribedBy: K.value || l.showLoading ? h.value : void 0,
+                    label: o.searchLabel ?? n(we),
+                    placeholder: o.searchPlaceholder ?? o.searchLabel,
+                    ariaDescribedBy: K.value || o.showLoading ? h.value : void 0,
                     onInput: (O) => Ye(O)
                   }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
                 ])) : U("", !0),
-                K.value || l.showLoading ? (m(), J(ae, {
+                K.value || o.showLoading ? (m(), J(ae, {
                   key: 1,
                   id: h.value,
-                  icon: l.showLoading ? "circular_arrows" : void 0,
-                  semantic: l.showLoading ? "informational" : "warning"
+                  icon: o.showLoading ? "circular_arrows" : void 0,
+                  semantic: o.showLoading ? "informational" : "warning"
                 }, {
                   default: H(() => [
-                    N($((l.showLoading ? l.loadingText : l.noResultsText) ?? n(Ea)), 1)
+                    N($((o.showLoading ? o.loadingText : o.noResultsText) ?? n(Ea)), 1)
                   ]),
                   _: 1
                 }, 8, ["id", "icon", "semantic"])) : (m(), S(W, { key: 2 }, [
@@ -1877,13 +1878,13 @@ const et = (t) => {
                     ])
                   ])) : U("", !0),
                   ee(ct, {
-                    multiple: n(V)(l.multiple, "multiple"),
-                    label: l.ariaListLabel ?? l.label ?? n(we)
+                    multiple: n(V)(o.multiple, "multiple"),
+                    label: o.ariaListLabel ?? o.label ?? n(we)
                   }, {
                     default: H(() => [
                       (m(!0), S(W, null, ye(oe.value, (O, be) => (m(), J(ut, {
                         key: be,
-                        type: l.multiple ? "checkbox" : "radio",
+                        type: o.multiple ? "checkbox" : "radio",
                         showDivider: O.showDivider,
                         icon: O.icon,
                         isGroupTitle: O.isGroupTitle,
@@ -1916,7 +1917,7 @@ const et = (t) => {
                     onClick: (O) => Ae(void 0, !0)
                   }, {
                     default: H(() => [
-                      N($(l.mobileCloseButtonText ?? n(We)), 1)
+                      N($(o.mobileCloseButtonText ?? n(We)), 1)
                     ]),
                     _: 1
                   }, 8, ["name", "form", "onClick"])
@@ -1926,7 +1927,7 @@ const et = (t) => {
             }, 8, ["width"])
           ], 64)) : U("", !0)
         ], 40, $t),
-        (l.showClearSelection ?? !0) && ((le = M.value) != null && le.length) ? (m(), J(Se, {
+        (o.showClearSelection ?? !0) && ((le = F.value) != null && le.length) ? (m(), J(Se, {
           key: 0,
           icon: "cross",
           variant: "ghost",
@@ -1937,10 +1938,10 @@ const et = (t) => {
           onClick: (O) => Ia(O)
         }, {
           default: H(() => [
-            N($(l.clearSelectionText), 1),
+            N($(o.clearSelectionText), 1),
             ee(ca, { placement: "top" }, {
               default: H(() => [
-                N($(l.clearSelectionText), 1)
+                N($(o.clearSelectionText), 1)
               ]),
               _: 1
             })
@@ -1950,15 +1951,15 @@ const et = (t) => {
         _("span", {
           "aria-hidden": n(R)(!0),
           id: w.value
-        }, $(l.placeholder ?? l.label), 9, Ft),
-        n(x)(l.message, l.showMessage) ? (m(), J(ae, {
+        }, $(o.placeholder ?? o.label), 9, Ft),
+        n(x)(o.message, o.showMessage) ? (m(), J(ae, {
           key: 1,
           size: "small",
-          icon: l.messageIcon,
+          icon: o.messageIcon,
           id: u.value
         }, {
           default: H(() => [
-            N($(l.message), 1)
+            N($(o.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : U("", !0),
@@ -1969,7 +1970,7 @@ const et = (t) => {
           id: f.value
         }, {
           default: H(() => [
-            N($(l.validMessage || n(ge)), 1)
+            N($(o.validMessage || n(ge)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : U("", !0),
@@ -1997,10 +1998,10 @@ const et = (t) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("summary", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       class: P(n(q)("db-custom-select-form-field", a.class))
     }, [
@@ -2021,10 +2022,10 @@ const et = (t) => {
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("div", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       "data-margin": e.margin,
       "data-variant": e.variant,
@@ -2056,9 +2057,9 @@ const et = (t) => {
     spacing: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(!1), e = d(null), i = d(null);
+    const a = t, l = d(!1), e = d(null), i = d(null);
     Y(() => {
-      f(), o.value = !0;
+      f(), l.value = !0;
     }), D(
       () => [a.open],
       () => {
@@ -2069,9 +2070,9 @@ const et = (t) => {
         flush: "post"
       }
     ), D(
-      () => [e.value, o.value, a.position],
+      () => [e.value, l.value, a.position],
       () => {
-        if (e.value && o.value && a.position === "absolute") {
+        if (e.value && l.value && a.position === "absolute") {
           const v = e.value.parentElement;
           v && (v.style.position = "relative");
         }
@@ -2140,14 +2141,14 @@ const et = (t) => {
     ], 40, Vt));
   }
 }), Io = ["none", "strong", "weak", "invisible"], $o = ["left", "right", "up", "down"], To = ["modal", "inside"], _o = ["fixed", "absolute"], Ot = (t) => {
-  var o, e;
+  var l, e;
   const {
     target: a
   } = t;
-  return !!(!((o = a == null ? void 0 : a.classList) != null && o.contains("db-navigation-item-expand-button")) && ((e = a == null ? void 0 : a.parentElement) != null && e.classList.contains("db-navigation-item")));
+  return !!(!((l = a == null ? void 0 : a.classList) != null && l.contains("db-navigation-item-expand-button")) && ((e = a == null ? void 0 : a.parentElement) != null && e.classList.contains("db-navigation-item")));
 };
 class Ht {
-  constructor(a, o) {
+  constructor(a, l) {
     ne(this, "element");
     ne(this, "subNavigation");
     ne(this, "parentSubNavigation", null);
@@ -2156,23 +2157,23 @@ class Ht {
     ne(this, "mouseX", 0);
     ne(this, "mouseY", 0);
     var e;
-    this.element = a, this.subNavigation = o, !(!this.element || !this.subNavigation) && (this.parentSubNavigation = (e = this.element) == null ? void 0 : e.closest(".db-sub-navigation"), this.parentSubNavigation && !this.element.closest(".db-drawer") && this.init());
+    this.element = a, this.subNavigation = l, !(!this.element || !this.subNavigation) && (this.parentSubNavigation = (e = this.element) == null ? void 0 : e.closest(".db-sub-navigation"), this.parentSubNavigation && !this.element.closest(".db-drawer") && this.init());
   }
   init() {
-    var o, e;
-    const a = ((o = this.parentSubNavigation) == null ? void 0 : o.getBoundingClientRect().width) ?? 0;
+    var l, e;
+    const a = ((l = this.parentSubNavigation) == null ? void 0 : l.getBoundingClientRect().width) ?? 0;
     (e = this.element) == null || e.style.setProperty("--db-navigation-item-inline-size", `${a}px`), this.initialized = !0;
   }
   enableFollow() {
     var i;
     if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
       return;
-    const a = at(this.subNavigation), o = this.element.getBoundingClientRect(), e = ((i = this.parentSubNavigation) == null ? void 0 : i.getBoundingClientRect().width) ?? 0;
+    const a = at(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((i = this.parentSubNavigation) == null ? void 0 : i.getBoundingClientRect().width) ?? 0;
     this.triangleData = {
-      itemRect: o,
+      itemRect: l,
       parentElementWidth: e,
       subNavigationHeight: this.subNavigation.getBoundingClientRect().height,
-      padding: (e - o.width) / 2,
+      padding: (e - l.width) / 2,
       outsideVX: a.vx,
       outsideVY: a.vy
     };
@@ -2206,7 +2207,7 @@ class Ht {
         rb: `100% ${f}`
       };
     }
-    const o = this.getTriangleTipX(), e = this.getTriangleTipY(), i = `${o}px ${e}px`, u = `${o}px ${e}px`;
+    const l = this.getTriangleTipX(), e = this.getTriangleTipY(), i = `${l}px ${e}px`, u = `${l}px ${e}px`;
     return {
       lb: i,
       lt: u,
@@ -2218,8 +2219,8 @@ class Ht {
     if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation)
       return;
     this.mouseX = a.clientX - this.triangleData.itemRect.left, this.mouseY = a.clientY - this.triangleData.itemRect.top;
-    const o = this.hasMouseEnteredSubNavigation(), e = this.getTriangleCoordinates(o ? "fill-gap" : "safe-triangle");
-    e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), o && (this.triangleData = void 0));
+    const l = this.hasMouseEnteredSubNavigation(), e = this.getTriangleCoordinates(l ? "fill-gap" : "safe-triangle");
+    e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), l && (this.triangleData = void 0));
   }
 }
 const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-header-drawer-navigation" }, Yt = { class: "db-header-meta-navigation" }, Kt = { class: "db-header-secondary-action" }, Jt = { class: "db-header-meta-navigation" }, Qt = { class: "db-header-navigation-bar" }, Zt = { class: "db-header-brand-container" }, xt = { class: "db-header-navigation-container" }, ei = { class: "db-header-navigation" }, ai = { class: "db-header-primary-action" }, ti = { class: "db-header-action-container" }, ii = { class: "db-header-burger-menu-container" }, oi = { class: "db-header-secondary-action" }, Co = /* @__PURE__ */ G({
@@ -2242,13 +2243,13 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(!1), e = d(!1), i = d(null);
+    const a = t, l = d(!1), e = d(!1), i = d(null);
     Y(() => {
-      o.value = !0;
+      l.value = !0;
     }), D(
-      () => [o.value, i.value],
+      () => [l.value, i.value],
       () => {
-        o.value && i.value && a.forceMobile && (da(i.value, {
+        l.value && i.value && a.forceMobile && (da(i.value, {
           key: "data-force-mobile",
           value: "true"
         }), e.value = !0);
@@ -2348,11 +2349,11 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       class: P(n(q)("db-icon", a.class)),
       "data-icon": e.icon,
@@ -2407,13 +2408,13 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     wrap: { type: [Boolean, String], default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     function e(i) {
       a.onClick && a.onClick(i);
     }
     return (i, u) => (m(), S("a", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: i.id,
       class: P(n(q)("db-link", a.class)),
       href: i.href,
@@ -2445,13 +2446,13 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(Te), e = d(null);
+    const a = t, l = d(Te), e = d(null);
     return Y(() => {
-      o.value = a.id || "navigation-" + Q();
+      l.value = a.id || "navigation-" + Q();
     }), (i, u) => (m(), S("nav", {
       ref_key: "_ref",
       ref: e,
-      id: o.value,
+      id: l.value,
       class: P(n(q)("db-navigation", a.class))
     }, [
       _("menu", null, [
@@ -2484,11 +2485,11 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(!1), e = d(!1), i = d(!0), u = d(!1), f = d(!1), p = d(
+    const a = t, l = d(!1), e = d(!1), i = d(!0), u = d(!1), f = d(!1), p = d(
       "sub-navigation-" + Q()
     ), v = d(void 0), s = d(null);
     Y(() => {
-      o.value = !0;
+      l.value = !0;
     }), D(
       () => [a.subNavigationExpanded],
       () => {
@@ -2502,10 +2503,10 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
         flush: "post"
       }
     ), D(
-      () => [o.value, s.value],
+      () => [l.value, s.value],
       () => {
         var h;
-        if (o.value && s.value) {
+        if (l.value && s.value) {
           const r = s.value.querySelector("menu");
           r && (((h = r.children) == null ? void 0 : h.length) > 0 ? (e.value = !0, v.value || (v.value = new Ht(
             s.value,
@@ -2626,13 +2627,13 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     function e(i) {
       i && (i.stopPropagation(), a.onClose && a.onClose(i));
     }
     return (i, u) => (m(), S("article", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: i.id,
       class: P(n(q)("db-notification", a.class)),
       "aria-live": i.ariaLive,
@@ -2683,11 +2684,11 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(!1), e = d(null);
+    const a = t, l = d(!1), e = d(null);
     return typeof window < "u" && document && (a.documentOverflow === "hidden" || a.variant === "fixed" && a.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), Y(() => {
-      o.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
-        o.value = !0;
-      }) : o.value = !0;
+      l.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
+        l.value = !0;
+      }) : l.value = !0;
     }), Ca(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
     }), (i, u) => (m(), S("div", {
@@ -2697,7 +2698,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
       class: P(n(q)("db-page", a.class)),
       "data-variant": i.variant,
       "data-fade-in": n(R)(i.fadeIn),
-      "data-fonts-loaded": n(R)(o.value)
+      "data-fonts-loaded": n(R)(l.value)
     }, [
       A(i.$slots, "header"),
       _("main", {
@@ -2726,14 +2727,14 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(!1), e = d(!1), i = d(void 0), u = d(void 0), f = d(null);
+    const a = t, l = d(!1), e = d(!1), i = d(void 0), u = d(void 0), f = d(null);
     Y(() => {
-      o.value = !0;
+      l.value = !0;
     }), D(
-      () => [f.value, o.value],
+      () => [f.value, l.value],
       () => {
-        if (f.value && o.value) {
-          o.value = !1;
+        if (f.value && l.value) {
+          l.value = !1;
           const h = w();
           h && (h.ariaHasPopup = "true"), v(), f.value.addEventListener(
             "keydown",
@@ -2864,7 +2865,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(!1), u = d(void 0), f = d(null);
+    const l = a, e = t, i = d(!1), u = d(void 0), f = d(null);
     Y(() => {
       i.value = !0, u.value = e.id ?? `radio-${Q()}`;
     }), D(
@@ -2878,7 +2879,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
       }
     );
     function p(g) {
-      e.onChange && e.onChange(g), de(o, g);
+      e.onChange && e.onChange(g), de(l, g);
     }
     function v(g) {
       e.onBlur && e.onBlur(g);
@@ -2926,13 +2927,13 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(Te), e = d(null);
+    const a = t, l = d(Te), e = d(null);
     return Y(() => {
-      o.value = a.id || "section-" + Q();
+      l.value = a.id || "section-" + Q();
     }), (i, u) => (m(), S("section", {
       ref_key: "_ref",
       ref: e,
-      id: o.value,
+      id: l.value,
       class: P(n(q)("db-section", a.class)),
       "data-spacing": i.spacing || "medium",
       "data-width": i.width
@@ -2986,7 +2987,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(""), g = d(void 0), T = d(""), w = d(!1), h = d(""), r = d(null);
+    const l = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(""), g = d(void 0), T = d(""), w = d(!1), h = d(""), r = d(null);
     Y(() => {
       w.value = !0;
       const B = e.id ?? `select-${Q()}`;
@@ -3005,8 +3006,8 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
       () => [i.value, w.value],
       () => {
         if (i.value && w.value) {
-          const B = i.value + fe, M = i.value + Re;
-          u.value = B, f.value = i.value + pe, p.value = i.value + he, s.value = M, x(e.message, e.showMessage) ? g.value = B : g.value = M, L(), w.value = !1;
+          const B = i.value + fe, F = i.value + Re;
+          u.value = B, f.value = i.value + pe, p.value = i.value + he, s.value = F, x(e.message, e.showMessage) ? g.value = B : g.value = F, L(), w.value = !1;
         }
       },
       {
@@ -3027,29 +3028,29 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function L() {
-      var B, M, oe;
-      !((B = r.value) != null && B.validity.valid) || e.validation === "invalid" ? (g.value = p.value, v.value = e.invalidMessage || ((M = r.value) == null ? void 0 : M.validationMessage) || te, me() && (h.value = v.value, Z(() => h.value = "", 1e3))) : c() && ((oe = r.value) != null && oe.validity.valid) && e.required ? (g.value = f.value, me() && (h.value = e.validMessage ?? ge, Z(() => h.value = "", 1e3))) : x(e.message, e.showMessage) ? g.value = u.value : g.value = s.value;
+      var B, F, oe;
+      !((B = r.value) != null && B.validity.valid) || e.validation === "invalid" ? (g.value = p.value, v.value = e.invalidMessage || ((F = r.value) == null ? void 0 : F.validationMessage) || te, me() && (h.value = v.value, Z(() => h.value = "", 1e3))) : c() && ((oe = r.value) != null && oe.validity.valid) && e.required ? (g.value = f.value, me() && (h.value = e.validMessage ?? ge, Z(() => h.value = "", 1e3))) : x(e.message, e.showMessage) ? g.value = u.value : g.value = s.value;
     }
     function C(B) {
       e.onClick && e.onClick(B);
     }
     function b(B) {
-      e.input && e.input(B), T.value = B.target.value, e.onInput && e.onInput(B), de(o, B), L();
+      e.input && e.input(B), T.value = B.target.value, e.onInput && e.onInput(B), de(l, B), L();
     }
     function k(B) {
-      e.onChange && e.onChange(B), de(o, B), L();
+      e.onChange && e.onChange(B), de(l, B), L();
     }
-    function F(B) {
+    function M(B) {
       e.onBlur && e.onBlur(B);
     }
     function y(B) {
       e.onFocus && e.onFocus(B);
     }
     function X(B) {
-      var M;
-      return B.label ?? ((M = B.value) == null ? void 0 : M.toString());
+      var F;
+      return B.label ?? ((F = B.value) == null ? void 0 : F.toString());
     }
-    return (B, M) => {
+    return (B, F) => {
       var oe;
       return m(), S("div", {
         class: P(n(q)("db-select", e.class)),
@@ -3073,14 +3074,14 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
           value: B.value ?? T.value,
           autocomplete: B.autocomplete,
           multiple: B.multiple,
-          onInput: M[0] || (M[0] = async (K) => b(K)),
-          onClick: M[1] || (M[1] = async (K) => C(K)),
-          onChange: M[2] || (M[2] = async (K) => k(K)),
-          onBlur: M[3] || (M[3] = async (K) => F(K)),
-          onFocus: M[4] || (M[4] = async (K) => y(K)),
+          onInput: F[0] || (F[0] = async (K) => b(K)),
+          onClick: F[1] || (F[1] = async (K) => C(K)),
+          onChange: F[2] || (F[2] = async (K) => k(K)),
+          onBlur: F[3] || (F[3] = async (K) => M(K)),
+          onFocus: F[4] || (F[4] = async (K) => y(K)),
           "aria-describedby": B.ariaDescribedBy ?? g.value
         }, [
-          M[5] || (M[5] = _("option", { hidden: !0 }, null, -1)),
+          F[5] || (F[5] = _("option", { hidden: !0 }, null, -1)),
           (oe = B.options) != null && oe.length ? (m(!0), S(W, { key: 0 }, ye(B.options, (K, _e) => (m(), S(W, { key: _e }, [
             K.options ? (m(), S("optgroup", {
               key: 0,
@@ -3153,10 +3154,10 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     gap: { default: void 0 }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return (e, i) => (m(), S("div", {
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       id: e.id,
       class: P(n(q)("db-stack", a.class)),
       "data-gap": e.gap,
@@ -3203,12 +3204,12 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(void 0), u = d(null);
+    const l = a, e = t, i = d(void 0), u = d(null);
     Y(() => {
       i.value = e.id ?? `switch-${Q()}`;
     });
     function f(s) {
-      e.onChange && e.onChange(s), de(o, s, "checked");
+      e.onChange && e.onChange(s), de(l, s, "checked");
     }
     function p(s) {
       e.onBlur && e.onBlur(s);
@@ -3274,7 +3275,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(!1), u = d(void 0), f = d(!1), p = d(null);
+    const l = a, e = t, i = d(!1), u = d(void 0), f = d(!1), p = d(null);
     Y(() => {
       f.value = !0;
     }), D(
@@ -3298,7 +3299,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     );
     function v(s) {
       var g;
-      s.stopPropagation(), e.onChange && e.onChange(s), i.value = (g = s.target) == null ? void 0 : g.checked, de(o, s, "checked");
+      s.stopPropagation(), e.onChange && e.onChange(s), i.value = (g = s.target) == null ? void 0 : g.checked, de(l, s, "checked");
     }
     return (s, g) => (m(), S("li", {
       role: "none",
@@ -3341,13 +3342,13 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(Te), e = d(null);
+    const a = t, l = d(Te), e = d(null);
     return Y(() => {
-      o.value = a.id || "tab-list-" + Q();
+      l.value = a.id || "tab-list-" + Q();
     }), (i, u) => (m(), S("div", {
       ref_key: "_ref",
       ref: e,
-      id: o.value,
+      id: l.value,
       class: P(n(q)("db-tab-list", a.class))
     }, [
       _("ul", Ri, [
@@ -3366,12 +3367,12 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(t) {
-    const a = t, o = d(null);
+    const a = t, l = d(null);
     return Y(() => {
     }), (e, i) => (m(), S("section", {
       role: "tabpanel",
       ref_key: "_ref",
-      ref: o,
+      ref: l,
       class: P(n(q)("db-tab-panel", a.class)),
       id: e.id
     }, [
@@ -3404,9 +3405,9 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     tabSelect: {}
   },
   setup(t) {
-    const a = t, o = d("tabs-" + Q()), e = d(""), i = d(!1), u = d(!1), f = d(!1), p = d(null), v = d(null);
+    const a = t, l = d("tabs-" + Q()), e = d(""), i = d(!1), u = d(!1), f = d(!1), p = d(null), v = d(null);
     Y(() => {
-      o.value = a.id || o.value, e.value = `tabs-${a.name || Q()}`, i.value = !0;
+      l.value = a.id || l.value, e.value = `tabs-${a.name || Q()}`, i.value = !0;
     }), D(
       () => [v.value, i.value],
       () => {
@@ -3473,11 +3474,11 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
           )
         );
         for (const b of L) {
-          const k = L.indexOf(b), F = b.querySelector("label"), y = b.querySelector("input");
-          if (y && F) {
+          const k = L.indexOf(b), M = b.querySelector("label"), y = b.querySelector("input");
+          if (y && M) {
             if (!y.id) {
               const X = `${e.value}-tab-${k}`;
-              F.setAttribute("for", X), y.id = X, y.setAttribute("name", e.value), C.length > k && y.setAttribute(
+              M.setAttribute("for", X), y.id = X, y.setAttribute("name", e.value), C.length > k && y.setAttribute(
                 "aria-controls",
                 `${e.value}-tab-panel-${k}`
               );
@@ -3502,9 +3503,9 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
         if (b && b.parentElement && ((L = b.parentElement) == null ? void 0 : L.nodeName) === "LI") {
           const k = b.parentElement;
           if (k) {
-            const F = k.parentElement;
-            if (F) {
-              const y = Array.from(F.childNodes).indexOf(k);
+            const M = k.parentElement;
+            if (M) {
+              const y = Array.from(M.childNodes).indexOf(k);
               a.onIndexChange && a.onIndexChange(y), a.onTabSelect && a.onTabSelect(c);
             }
           }
@@ -3514,7 +3515,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     return (c, L) => (m(), S("div", {
       ref_key: "_ref",
       ref: v,
-      id: o.value,
+      id: l.value,
       class: P(n(q)("db-tabs", a.class)),
       "data-orientation": c.orientation,
       "data-scroll-behavior": c.behavior,
@@ -3633,7 +3634,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(t, { emit: a }) {
-    const o = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(""), T = d(""), w = d(null);
+    const l = a, e = t, i = d(void 0), u = d(void 0), f = d(void 0), p = d(void 0), v = d(void 0), s = d(void 0), g = d(""), T = d(""), w = d(null);
     Y(() => {
       const k = e.id ?? `textarea-${Q()}`;
       i.value = k, u.value = k + fe, f.value = k + pe, p.value = k + he, v.value = e.invalidMessage || te;
@@ -3673,14 +3674,14 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function r() {
-      var k, F, y;
-      !((k = w.value) != null && k.validity.valid) || e.validation === "invalid" ? (s.value = p.value, v.value = e.invalidMessage || ((F = w.value) == null ? void 0 : F.validationMessage) || te, me() && (T.value = v.value, Z(() => T.value = "", 1e3))) : h() && ((y = w.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (s.value = f.value, me() && (T.value = e.validMessage ?? ge, Z(() => T.value = "", 1e3))) : x(e.message, e.showMessage) ? s.value = u.value : s.value = void 0;
+      var k, M, y;
+      !((k = w.value) != null && k.validity.valid) || e.validation === "invalid" ? (s.value = p.value, v.value = e.invalidMessage || ((M = w.value) == null ? void 0 : M.validationMessage) || te, me() && (T.value = v.value, Z(() => T.value = "", 1e3))) : h() && ((y = w.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (s.value = f.value, me() && (T.value = e.validMessage ?? ge, Z(() => T.value = "", 1e3))) : x(e.message, e.showMessage) ? s.value = u.value : s.value = void 0;
     }
     function c(k) {
-      e.input && e.input(k), g.value = k.target.value, e.onInput && e.onInput(k), de(o, k), r();
+      e.input && e.input(k), g.value = k.target.value, e.onInput && e.onInput(k), de(l, k), r();
     }
     function L(k) {
-      e.onChange && e.onChange(k), de(o, k), r();
+      e.onChange && e.onChange(k), de(l, k), r();
     }
     function C(k) {
       e.onBlur && e.onBlur(k);
@@ -3688,7 +3689,7 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
     function b(k) {
       e.onFocus && e.onFocus(k);
     }
-    return (k, F) => (m(), S("div", {
+    return (k, M) => (m(), S("div", {
       class: P(n(q)("db-textarea", e.class)),
       "data-variant": k.variant,
       "data-hide-asterisk": n(ie)(k.showRequiredAsterisk),
@@ -3714,10 +3715,10 @@ const Xt = ["id", "data-width", "data-on-forcing-mobile"], jt = { class: "db-hea
         wrap: k.wrap,
         spellcheck: k.spellCheck,
         autocomplete: k.autocomplete,
-        onInput: F[0] || (F[0] = async (y) => c(y)),
-        onChange: F[1] || (F[1] = async (y) => L(y)),
-        onBlur: F[2] || (F[2] = async (y) => C(y)),
-        onFocus: F[3] || (F[3] = async (y) => b(y)),
+        onInput: M[0] || (M[0] = async (y) => c(y)),
+        onChange: M[1] || (M[1] = async (y) => L(y)),
+        onBlur: M[2] || (M[2] = async (y) => C(y)),
+        onFocus: M[3] || (M[3] = async (y) => b(y)),
         value: k.value ?? g.value,
         "aria-describedby": k.ariaDescribedBy ?? s.value,
         placeholder: k.placeholder ?? n(ta),