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

package/dist/db-ux.es.js

@@ -26,18 +26,18 @@ const Q = () => {
         for (const e in l)
           l[e] && (a += `${e} `);
   return a.trim();
-}, Ca = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), Aa = ["Mac", "iPhone", "iPad", "iPod"], ve = () => typeof window < "u" && Aa.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), H = (i) => {
+}, Ca = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), Aa = ["Mac", "iPhone", "iPad", "iPod"], ve = () => typeof window < "u" && Aa.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), X = (i) => {
   if (i != null)
     return String(typeof i == "string" ? !!i : i);
 }, M = (i, a) => {
   if (i != null)
     return typeof i == "string" && a ? !!(a === i || i) : !!i;
-}, Se = (i, a) => {
+}, we = (i, a) => {
   if (!(i == null && a == null))
     return Number(i ?? a);
-}, Je = (i, a) => a && ["number", "range"].includes(a) ? Se(i) : i, K = (i) => {
+}, Je = (i, a) => a && ["number", "range"].includes(a) ? we(i) : i, K = (i) => {
   if (i != null)
-    return H(!i);
+    return X(!i);
 }, ee = (i, a) => (a === void 0 || !!a) && !!i, Qe = (i) => i.querySelector('input[type="search"]'), Yi = (i, a) => {
   const l = i.id ?? i.value ?? Q();
   return `${a}${l}`;
@@ -87,7 +87,7 @@ const Q = () => {
       "data-state": t.state,
       "data-width": t.width,
       "data-variant": t.variant,
-      "data-no-text": n(H)(t.noText),
+      "data-no-text": n(X)(t.noText),
       name: t.name,
       form: t.form,
       value: t.value,
@@ -101,7 +101,7 @@ const Q = () => {
       ], 64)) : C(t.$slots, "default", { key: 1 })
     ], 10, Da));
   }
-}), Le = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", ta = " ", Fa = "MESSAGE SHOULD BE SET", Ze = "-label", xe = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", ze = "-placeholder", ea = "-datalist", me = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ia = "Remove", Na = "Back", Ma = "Selected", za = "BurgerMenu", Ra = "brand", Va = 4, Ge = "Close", Ki = "density", Ji = "color";
+}), Le = "OVERWRITE_DEFAULT_ID", Se = "LABEL SHOULD BE SET", ta = " ", Fa = "MESSAGE SHOULD BE SET", Ze = "-label", xe = "-select", fe = "-message", pe = "-valid-message", he = "-invalid-message", ze = "-placeholder", ea = "-datalist", me = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ia = "Remove", Na = "Back", Ma = "Selected", za = "BurgerMenu", Ra = "brand", Va = 4, Ge = "Close", Ki = "density", Ji = "color";
 var la = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(la || {});
 const Qi = Object.entries(la).map(([, i]) => i);
 var oa = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(oa || {}), da = /* @__PURE__ */ ((i) => (i.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", i.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", i.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", i.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", i.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", i.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", i.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", i.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", i.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", i.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", i.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", i.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", i.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", i.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", i.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", i.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", i.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", i.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", i.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", i.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", i.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", i.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", i.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", i.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", i.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", i.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", i.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", i.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", i.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", i.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", i))(da || {});
@@ -240,7 +240,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         "data-size": t.size,
         "data-emphasis": t.emphasis,
         "data-placement": t.placement,
-        "data-label": ((d = t.placement) == null ? void 0 : d.startsWith("corner")) && (t.label ?? n(we))
+        "data-label": ((d = t.placement) == null ? void 0 : d.startsWith("corner")) && (t.label ?? n(Se))
       }, [
         t.text ? (m(), B(U, { key: 0 }, [
           D(_(t.text), 1)
@@ -248,7 +248,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       ], 10, Oa);
     };
   }
-}), Xa = ["data-icon", "data-hide-icon", "id"], ll = /* @__PURE__ */ P({
+}), Ha = ["data-icon", "data-hide-icon", "id"], ll = /* @__PURE__ */ P({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -275,9 +275,9 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       e.text ? (m(), B(U, { key: 0 }, [
         D(_(e.text), 1)
       ], 64)) : C(e.$slots, "default", { key: 1 })
-    ], 10, Xa));
+    ], 10, Ha));
   }
-}), Ha = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], ol = /* @__PURE__ */ P({
+}), Xa = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], ol = /* @__PURE__ */ P({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -309,7 +309,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       onClick: p[0] || (p[0] = async (d) => e(d))
     }, [
       C(t.$slots, "default")
-    ], 10, Ha));
+    ], 10, Xa));
   }
 }), se = (i, a, l = "value") => {
   i(`update:${l}`, a.target[l]);
@@ -386,11 +386,11 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(!1), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(null);
     Y(() => {
       t.value = !0;
       const b = e.id ?? `checkbox-${Q()}`;
-      p.value = b, d.value = b + fe, w.value = b + pe, c.value = b + he, v.value = e.invalidMessage || ie;
+      p.value = b, d.value = b + fe, S.value = b + pe, c.value = b + he, v.value = e.invalidMessage || ie;
     }), A(
       () => [g.value, e.invalidMessage],
       () => {
@@ -406,7 +406,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       () => {
         if (p.value) {
           const b = p.value + fe;
-          d.value = b, w.value = p.value + pe, c.value = p.value + he, ee(e.message, e.showMessage) && (u.value = b);
+          d.value = b, S.value = p.value + pe, c.value = p.value + he, ee(e.message, e.showMessage) && (u.value = b);
         }
       },
       {
@@ -436,8 +436,8 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      var b, S, O;
-      !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = c.value, v.value = e.invalidMessage || ((S = g.value) == null ? void 0 : S.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((O = g.value) != null && O.validity.valid) && e.required ? (u.value = w.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
+      var b, w, O;
+      !((b = g.value) != null && b.validity.valid) || e.validation === "invalid" ? (u.value = c.value, v.value = e.invalidMessage || ((w = g.value) == null ? void 0 : w.validationMessage) || ie, ve() && (L.value = v.value, x(() => L.value = "", 1e3))) : h() && ((O = g.value) != null && O.validity.valid) && e.required ? (u.value = S.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = d.value : u.value = "";
     }
     function r(b) {
       e.onChange && e.onChange(b), se(l, b, "checked"), f();
@@ -448,7 +448,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     function E(b) {
       e.onFocus && e.onFocus(b);
     }
-    return (b, S) => (m(), B("div", {
+    return (b, w) => (m(), B("div", {
       class: z(n(R)("db-checkbox", e.class)),
       "data-size": b.size,
       "data-hide-label": n(K)(b.showLabel)
@@ -466,9 +466,9 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
           disabled: n(M)(b.disabled, "disabled"),
           value: b.value,
           required: n(M)(b.required, "required"),
-          onChange: S[0] || (S[0] = async (O) => r(O)),
-          onBlur: S[1] || (S[1] = async (O) => I(O)),
-          onFocus: S[2] || (S[2] = async (O) => E(O)),
+          onChange: w[0] || (w[0] = async (O) => r(O)),
+          onBlur: w[1] || (w[1] = async (O) => I(O)),
+          onFocus: w[2] || (w[2] = async (O) => E(O)),
           "aria-describedby": b.ariaDescribedBy ?? u.value
         }, null, 40, Ja),
         b.label ? (m(), B(U, { key: 0 }, [
@@ -490,7 +490,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: w.value
+        id: S.value
       }, {
         default: G(() => [
           D(_(b.validMessage || n(me)), 1)
@@ -573,25 +573,25 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         flush: "post"
       }
     );
-    function t(d, w) {
-      d.key === "Escape" && d.preventDefault(), w && d.stopPropagation(), (w || d.key === "Escape" || d.target.nodeName === "DIALOG" && d.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(d);
+    function t(d, S) {
+      d.key === "Escape" && d.preventDefault(), S && d.stopPropagation(), (S || d.key === "Escape" || d.target.nodeName === "DIALOG" && d.type === "click" && a.backdrop !== "none") && a.onClose && a.onClose(d);
     }
     function p() {
       if (l.value) {
         const d = !!a.open;
         d && !l.value.open && (e.value && (e.value.hidden = !1), a.backdrop === "none" || a.variant === "inside" ? l.value.show() : l.value.showModal()), !d && l.value.open && (e.value && (e.value.hidden = !0), x(() => {
-          var w;
-          e.value && (e.value.hidden = !1), (w = l.value) == null || w.close();
+          var S;
+          e.value && (e.value.hidden = !1), (S = l.value) == null || S.close();
         }, 401));
       }
     }
-    return (d, w) => (m(), B("dialog", {
+    return (d, S) => (m(), B("dialog", {
       class: "db-drawer",
       id: d.id,
       ref_key: "_ref",
       ref: l,
-      onClick: w[0] || (w[0] = async (c) => t(c)),
-      onKeydown: w[1] || (w[1] = async (c) => t(c)),
+      onClick: S[0] || (S[0] = async (c) => t(c)),
+      onKeydown: S[1] || (S[1] = async (c) => t(c)),
       "data-backdrop": d.backdrop,
       "data-variant": d.variant
     }, [
@@ -602,7 +602,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
         "data-spacing": d.spacing,
         "data-width": d.width,
         "data-direction": d.direction,
-        "data-rounded": n(H)(d.rounded)
+        "data-rounded": n(X)(d.rounded)
       }, [
         T("header", at, [
           T("div", tt, [
@@ -639,10 +639,10 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     innerHeight: p,
     innerWidth: d
   } = window;
-  let w = a < 0, c = l > p, v = e < 0, u = t > d;
+  let S = a < 0, c = l > p, v = e < 0, u = t > d;
   const L = i.dataset.outsideVy, g = i.dataset.outsideVx, h = (f = i == null ? void 0 : i.parentElement) == null ? void 0 : f.getBoundingClientRect();
-  return h && (L && (i.dataset.outsideVy === "top" ? w = h.top - (l - h.bottom) < 0 : c = h.bottom + (h.top - a) > p), g && (i.dataset.outsideVx === "left" ? v = h.left - (t - h.right) < 0 : u = h.right + (h.left - e) > d)), {
-    outTop: w,
+  return h && (L && (i.dataset.outsideVy === "top" ? S = h.top - (l - h.bottom) < 0 : c = h.bottom + (h.top - a) > p), g && (i.dataset.outsideVx === "left" ? v = h.left - (t - h.right) < 0 : u = h.right + (h.left - e) > d)), {
+    outTop: S,
     outBottom: c,
     outLeft: v,
     outRight: u
@@ -668,18 +668,32 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     bottom: t,
     childHeight: p,
     childWidth: d,
-    width: w,
+    width: S,
     right: c,
     left: v,
     correctedPlacement: u
   } = sa(i, a, l);
-  i.dataset.width === "full" && (i.style.inlineSize = `${w}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? i.style.insetInlineStart = `${v}px` : (u === "top-end" || u === "bottom-end") && (i.style.insetInlineStart = `${c - d}px`), u != null && u.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : u != null && u.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
+  i.dataset.width === "full" && (i.style.inlineSize = `${S}px`), u === "top" || u === "bottom" || u === "top-start" || u === "bottom-start" ? i.style.insetInlineStart = `${v}px` : (u === "top-end" || u === "bottom-end") && (i.style.insetInlineStart = `${c - d}px`), u != null && u.startsWith("top") ? i.style.insetBlockStart = `${e - p}px` : u != null && u.startsWith("bottom") && (i.style.insetBlockStart = `${t}px`), i.style.position = "fixed";
 }, sa = (i, a, l) => {
+  if (!i || !a)
+    return {
+      top: 0,
+      bottom: 0,
+      right: 0,
+      height: 0,
+      width: 0,
+      left: 0,
+      childHeight: 0,
+      childWidth: 0,
+      correctedPlacement: l,
+      innerWidth: window.innerWidth,
+      innerHeight: window.innerHeight
+    };
   const e = i.getBoundingClientRect(), {
     top: t,
     height: p,
     bottom: d,
-    right: w,
+    right: S,
     left: c,
     width: v
   } = a.getBoundingClientRect(), {
@@ -688,12 +702,12 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
   } = window;
   let g = e.height, h = e.width;
   (l === "bottom" || l === "top") && (h = h / 2), (l === "left" || l === "right") && (g = g / 2);
-  const f = d + g > u, r = t - g < 0, I = c - h < 0, E = w + h > L;
+  const f = d + g > u, r = t - g < 0, I = c - h < 0, E = S + h > L;
   let b = l;
   return l.startsWith("bottom") ? f ? (b = l == null ? void 0 : l.replace("bottom", "top"), I && E ? b = "top" : I ? b = "top-start" : E && (b = "top-end")) : I && E ? b = "bottom" : I ? b = "bottom-start" : E && (b = "bottom-end") : l.startsWith("top") ? r ? (b = l == null ? void 0 : l.replace("top", "bottom"), I && E ? b = "bottom" : I ? b = "bottom-start" : E && (b = "bottom-end")) : I && E ? b = "top" : I ? b = "top-start" : E && (b = "top-end") : l.startsWith("left") ? I ? (b = l == null ? void 0 : l.replace("left", "right"), f && r ? b = "right" : f ? b = "right-end" : r && (b = "right-start")) : f && r ? b = "left" : f ? b = "left-end" : r && (b = "left-start") : b.startsWith("right") && (E ? (b = l == null ? void 0 : l.replace("right", "left"), f && r ? b = "left" : f ? b = "left-end" : r && (b = "left-start")) : f && r ? b = "right" : f ? b = "right-end" : r && (b = "right-start")), {
     top: t,
     bottom: d,
-    right: w,
+    right: S,
     height: p,
     width: v,
     left: c,
@@ -708,7 +722,7 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     top: t,
     height: p,
     width: d,
-    childHeight: w,
+    childHeight: S,
     childWidth: c,
     right: v,
     left: u,
@@ -721,17 +735,17 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     const r = d / 2 / c * 100;
     g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-inline-start", `${r}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - r}%`);
   }
-  if (w > p && (g.startsWith("left") || g.startsWith("bottom"))) {
-    const r = p / 2 / w * 100;
+  if (S > p && (g.startsWith("left") || g.startsWith("bottom"))) {
+    const r = p / 2 / S * 100;
     g.endsWith("start") ? i.style.setProperty("--db-tooltip-arrow-block-start", `${r}%`) : g.endsWith("end") && i.style.setProperty("--db-tooltip-arrow-block-start", `${100 - r}%`);
   }
   if (g === "right" || g === "left")
     i.style.insetBlockStart = `${t + p / 2}px`;
   else if (g === "right-start" || g === "left-start") {
-    const r = t + w;
+    const r = t + S;
     i.style.insetBlockStart = `${t}px`, i.style.insetBlockEnd = `${r > f ? f : r}px`;
   } else if (g === "right-end" || g === "left-end") {
-    const r = L - w;
+    const r = L - S;
     i.style.insetBlockStart = `${r < 0 ? 0 : r}px`, i.style.insetBlockEnd = `${L}px`;
   } else if (g === "top" || g === "bottom")
     i.style.insetInlineStart = `${u + d / 2}px`;
@@ -749,10 +763,10 @@ const el = Object.entries(na).map(([, i]) => i), Pa = {
     const r = u - c;
     i.style.insetInlineStart = `calc(${r < 0 ? 0 : r}px - ${e})`, i.style.insetInlineEnd = `calc(${v}px - ${e})`;
   } else if (g != null && g.startsWith("top")) {
-    const r = t - w;
+    const r = t - S;
     i.style.insetBlockStart = `calc(${r < 0 ? 0 : r}px - ${e})`, i.style.insetBlockEnd = `calc(${L}px - ${e})`;
   } else if (g != null && g.startsWith("bottom")) {
-    const r = L + w;
+    const r = L + S;
     i.style.insetBlockStart = `calc(${L}px + ${e})`, i.style.insetBlockEnd = `calc(${r > f ? f : r}px + ${e})`;
   }
   i.style.position = "fixed", i.setAttribute("data-corrected-placement", g);
@@ -815,10 +829,10 @@ class st {
     if (!this.triangleData)
       return;
     if (a === "fill-gap") {
-      const d = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, w = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+      const d = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, S = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
       return {
-        lb: `${w} ${d}`,
-        lt: `${w} 0`,
+        lb: `${S} ${d}`,
+        lt: `${S} 0`,
         rt: "100% 0",
         rb: `100% ${d}`
       };
@@ -839,7 +853,7 @@ class st {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), l && (this.triangleData = void 0));
   }
 }
-const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-header-drawer-navigation" }, ct = { class: "db-header-meta-navigation" }, vt = { class: "db-header-secondary-action" }, ft = { class: "db-header-meta-navigation" }, pt = { class: "db-header-navigation-bar" }, ht = { class: "db-header-brand-container" }, mt = { class: "db-header-navigation-container" }, gt = { class: "db-header-navigation" }, bt = { class: "db-header-primary-action" }, yt = { class: "db-header-action-container" }, kt = { class: "db-header-burger-menu-container" }, St = { class: "db-header-secondary-action" }, sl = /* @__PURE__ */ P({
+const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-header-drawer-navigation" }, ct = { class: "db-header-meta-navigation" }, vt = { class: "db-header-secondary-action" }, ft = { class: "db-header-meta-navigation" }, pt = { class: "db-header-navigation-bar" }, ht = { class: "db-header-brand-container" }, mt = { class: "db-header-navigation-container" }, gt = { class: "db-header-navigation" }, bt = { class: "db-header-primary-action" }, yt = { class: "db-header-action-container" }, kt = { class: "db-header-burger-menu-container" }, wt = { class: "db-header-secondary-action" }, sl = /* @__PURE__ */ P({
   __name: "header",
   props: {
     brand: {},
@@ -885,7 +899,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       const v = !M(a.drawerOpen, "drawerOpen");
       a.onToggle && a.onToggle(v);
     }
-    function w(c) {
+    function S(c) {
       ra(c) && d();
     }
     return (c, v) => (m(), B("header", {
@@ -907,7 +921,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
           T("div", rt, [
             T("div", {
               class: "db-header-navigation",
-              onClick: v[0] || (v[0] = async (u) => w(u))
+              onClick: v[0] || (v[0] = async (u) => S(u))
             }, [
               C(c.$slots, "default")
             ]),
@@ -951,14 +965,14 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
               _: 1
             }, 8, ["id", "onClick"])
           ]),
-          T("div", St, [
+          T("div", wt, [
             C(c.$slots, "secondary-action")
           ])
         ])
       ])
     ], 10, ut));
   }
-}), wt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], ul = /* @__PURE__ */ P({
+}), St = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], ul = /* @__PURE__ */ P({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -987,7 +1001,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       e.text ? (m(), B(U, { key: 0 }, [
         D(_(e.text), 1)
       ], 64)) : C(e.$slots, "default", { key: 1 })
-    ], 10, wt));
+    ], 10, St));
   }
 }), Bt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], It = ["for"], $t = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], Lt = ["id"], _t = ["value"], Tt = {
   "data-visually-hidden": "true",
@@ -1047,10 +1061,10 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(""), h = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(void 0), u = s(""), L = s(""), g = s(""), h = s(null);
     Y(() => {
       const y = e.id ?? `input-${Q()}`;
-      t.value = y, p.value = y + fe, d.value = y + pe, w.value = y + he, v.value = y + ea, c.value = e.invalidMessage || ie;
+      t.value = y, p.value = y + fe, d.value = y + pe, S.value = y + he, v.value = y + ea, c.value = e.invalidMessage || ie;
     }), A(
       () => [h.value, e.invalidMessage],
       () => {
@@ -1066,7 +1080,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       () => {
         if (t.value) {
           const y = t.value + fe;
-          p.value = y, d.value = t.value + pe, w.value = t.value + he, v.value = e.dataListId ?? t.value + ea, ee(e.message, e.showMessage) && (u.value = y);
+          p.value = y, d.value = t.value + pe, S.value = t.value + he, v.value = e.dataListId ?? t.value + ea, ee(e.message, e.showMessage) && (u.value = y);
         }
       },
       {
@@ -1088,7 +1102,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     }
     function r() {
       var y, W, k;
-      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = w.value, c.value = e.invalidMessage || ((W = h.value) == null ? void 0 : W.validationMessage) || ie, ve() && (g.value = c.value, x(() => g.value = "", 1e3))) : f() && ((k = h.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
+      !((y = h.value) != null && y.validity.valid) || e.validation === "invalid" ? (u.value = S.value, c.value = e.invalidMessage || ((W = h.value) == null ? void 0 : W.validationMessage) || ie, ve() && (g.value = c.value, x(() => g.value = "", 1e3))) : f() && ((k = h.value) != null && k.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (u.value = d.value, ve() && (g.value = e.validMessage ?? me, x(() => g.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = "";
     }
     function I(y) {
       e.input && e.input(y), L.value = y.target.value, e.onInput && e.onInput(y), se(l, y), r();
@@ -1099,7 +1113,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     function b(y) {
       e.onBlur && e.onBlur(y);
     }
-    function S(y) {
+    function w(y) {
       e.onFocus && e.onFocus(y);
     }
     function O() {
@@ -1120,7 +1134,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       "data-icon-after": y.iconAfter,
       "data-hide-icon-after": n(K)(y.showIcon)
     }, [
-      T("label", { for: t.value }, _(y.label ?? n(we)), 9, It),
+      T("label", { for: t.value }, _(y.label ?? n(Se)), 9, It),
       T("input", {
         "aria-invalid": y.validation === "invalid",
         "data-custom-validity": y.validation,
@@ -1133,10 +1147,10 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         placeholder: y.placeholder ?? n(ta),
         disabled: n(M)(y.disabled, "disabled"),
         required: n(M)(y.required, "required"),
-        step: n(Se)(y.step),
+        step: n(we)(y.step),
         value: y.value ?? L.value,
-        maxLength: n(Se)(y.maxLength, y.maxlength),
-        minLength: n(Se)(y.minLength, y.minlength),
+        maxLength: n(we)(y.maxLength, y.maxlength),
+        minLength: n(we)(y.minLength, y.minlength),
         max: n(Je)(y.max, y.type),
         min: n(Je)(y.min, y.type),
         readOnly: n(M)(y.readOnly, "readOnly") || n(M)(y.readonly, "readonly"),
@@ -1148,7 +1162,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         onInput: W[0] || (W[0] = async (k) => I(k)),
         onChange: W[1] || (W[1] = async (k) => E(k)),
         onBlur: W[2] || (W[2] = async (k) => b(k)),
-        onFocus: W[3] || (W[3] = async (k) => S(k)),
+        onFocus: W[3] || (W[3] = async (k) => w(k)),
         list: y.dataList && v.value,
         "aria-describedby": y.ariaDescribedBy ?? u.value
       }, null, 40, $t),
@@ -1187,7 +1201,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       ae(te, {
         size: "small",
         semantic: "critical",
-        id: w.value
+        id: S.value
       }, {
         default: G(() => [
           D(_(c.value), 1)
@@ -1238,9 +1252,9 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       rel: t.rel,
       role: t.role,
       hrefLang: t.hreflang,
-      "aria-disabled": n(H)(t.disabled),
+      "aria-disabled": n(X)(t.disabled),
       tabIndex: t.disabled ? -1 : 0,
-      "aria-selected": n(H)(t.selected),
+      "aria-selected": n(X)(t.selected),
       "aria-label": t.label,
       "aria-current": t.current,
       "data-size": t.size,
@@ -1284,8 +1298,8 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       id: t.id,
       class: z(n(R)("db-page", a.class)),
       "data-variant": t.variant,
-      "data-fade-in": n(H)(t.fadeIn),
-      "data-fonts-loaded": n(H)(l.value)
+      "data-fade-in": n(X)(t.fadeIn),
+      "data-fonts-loaded": n(X)(l.value)
     }, [
       C(t.$slots, "header"),
       T("main", {
@@ -1338,7 +1352,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function w(u) {
+    function S(u) {
       e.onChange && e.onChange(u), se(l, u);
     }
     function c(u) {
@@ -1366,7 +1380,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         "aria-describedby": u.describedbyid ?? u.ariaDescribedBy,
         value: u.value,
         required: n(M)(u.required, "required"),
-        onChange: L[0] || (L[0] = async (g) => w(g)),
+        onChange: L[0] || (L[0] = async (g) => S(g)),
         onBlur: L[1] || (L[1] = async (g) => c(g)),
         onFocus: L[2] || (L[2] = async (g) => v(g))
       }, null, 40, Ft),
@@ -1448,11 +1462,11 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(!1), h = s(""), f = s(null);
     Y(() => {
       g.value = !0;
       const k = e.id ?? `select-${Q()}`;
-      t.value = k, p.value = k + fe, d.value = k + pe, w.value = k + he, v.value = k + ze, c.value = e.invalidMessage || ie;
+      t.value = k, p.value = k + fe, d.value = k + pe, S.value = k + he, v.value = k + ze, c.value = e.invalidMessage || ie;
     }), A(
       () => [f.value, e.invalidMessage],
       () => {
@@ -1467,8 +1481,8 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       () => [t.value, g.value],
       () => {
         if (t.value && g.value) {
-          const k = t.value + fe, X = t.value + ze;
-          p.value = k, d.value = t.value + pe, w.value = t.value + he, v.value = X, ee(e.message, e.showMessage) ? u.value = k : u.value = X, g.value = !1;
+          const k = t.value + fe, H = t.value + ze;
+          p.value = k, d.value = t.value + pe, S.value = t.value + he, v.value = H, ee(e.message, e.showMessage) ? u.value = k : u.value = H, g.value = !1;
         }
       },
       {
@@ -1489,8 +1503,8 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function I() {
-      var k, X, le;
-      !((k = f.value) != null && k.validity.valid) || e.validation === "invalid" ? (u.value = w.value, c.value = e.invalidMessage || ((X = f.value) == null ? void 0 : X.validationMessage) || ie, ve() && (h.value = c.value, x(() => h.value = "", 1e3))) : r() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
+      var k, H, le;
+      !((k = f.value) != null && k.validity.valid) || e.validation === "invalid" ? (u.value = S.value, c.value = e.invalidMessage || ((H = f.value) == null ? void 0 : H.validationMessage) || ie, ve() && (h.value = c.value, x(() => h.value = "", 1e3))) : r() && ((le = f.value) != null && le.validity.valid) && e.required ? (u.value = d.value, ve() && (h.value = e.validMessage ?? me, x(() => h.value = "", 1e3))) : ee(e.message, e.showMessage) ? u.value = p.value : u.value = v.value;
     }
     function E(k) {
       e.onClick && e.onClick(k);
@@ -1498,7 +1512,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
     function b(k) {
       e.input && e.input(k), L.value = k.target.value, e.onInput && e.onInput(k), se(l, k), I();
     }
-    function S(k) {
+    function w(k) {
       e.onChange && e.onChange(k), se(l, k), I();
     }
     function O(k) {
@@ -1508,10 +1522,10 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       e.onFocus && e.onFocus(k);
     }
     function W(k) {
-      var X;
-      return k.label ?? ((X = k.value) == null ? void 0 : X.toString());
+      var H;
+      return k.label ?? ((H = k.value) == null ? void 0 : H.toString());
     }
-    return (k, X) => {
+    return (k, H) => {
       var le;
       return m(), B("div", {
         class: z(n(R)("db-select", e.class)),
@@ -1520,7 +1534,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         "data-icon": k.icon,
         "data-hide-icon": n(K)(k.showIcon)
       }, [
-        T("label", { for: t.value }, _(k.label ?? n(we)), 9, zt),
+        T("label", { for: t.value }, _(k.label ?? n(Se)), 9, zt),
         T("select", {
           "aria-invalid": k.validation === "invalid",
           "data-custom-validity": k.validation,
@@ -1534,14 +1548,14 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
           value: k.value ?? L.value,
           autocomplete: k.autocomplete,
           multiple: k.multiple,
-          onInput: X[0] || (X[0] = async (J) => b(J)),
-          onClick: X[1] || (X[1] = async (J) => E(J)),
-          onChange: X[2] || (X[2] = async (J) => S(J)),
-          onBlur: X[3] || (X[3] = async (J) => O(J)),
-          onFocus: X[4] || (X[4] = async (J) => y(J)),
+          onInput: H[0] || (H[0] = async (J) => b(J)),
+          onClick: H[1] || (H[1] = async (J) => E(J)),
+          onChange: H[2] || (H[2] = async (J) => w(J)),
+          onBlur: H[3] || (H[3] = async (J) => O(J)),
+          onFocus: H[4] || (H[4] = async (J) => y(J)),
           "aria-describedby": k.ariaDescribedBy ?? u.value
         }, [
-          X[5] || (X[5] = T("option", { hidden: !0 }, null, -1)),
+          H[5] || (H[5] = T("option", { hidden: !0 }, null, -1)),
           (le = k.options) != null && le.length ? (m(!0), B(U, { key: 0 }, be(k.options, (J, Fe) => (m(), B(U, { key: Fe }, [
             J.options ? (m(), B("optgroup", {
               key: 0,
@@ -1587,7 +1601,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         ae(te, {
           size: "small",
           semantic: "critical",
-          id: w.value
+          id: S.value
         }, {
           default: G(() => [
             D(_(c.value), 1)
@@ -1644,7 +1658,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         flush: "post"
       }
     );
-    function w(u) {
+    function S(u) {
       var L;
       e.onChange && e.onChange(u), p.value = (L = u.target) == null ? void 0 : L.checked, se(l, u, "checked");
     }
@@ -1655,7 +1669,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       e.onFocus && e.onFocus(u);
     }
     return (u, L) => (m(), B("label", {
-      "data-visual-aid": n(H)(u.visualAid),
+      "data-visual-aid": n(X)(u.visualAid),
       "data-size": u.size,
       "data-hide-label": n(K)(u.showLabel),
       "data-emphasis": u.emphasis,
@@ -1666,7 +1680,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         type: "checkbox",
         role: "switch",
         id: t.value,
-        "aria-checked": n(H)(p.value),
+        "aria-checked": n(X)(p.value),
         ref_key: "_ref",
         ref: d,
         checked: n(M)(u.checked, "checked"),
@@ -1679,7 +1693,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         required: n(M)(u.required, "required"),
         "data-aid-icon": u.icon,
         "data-aid-icon-after": u.iconAfter,
-        onChange: L[0] || (L[0] = async (g) => w(g)),
+        onChange: L[0] || (L[0] = async (g) => S(g)),
         onBlur: L[1] || (L[1] = async (g) => c(g)),
         onFocus: L[2] || (L[2] = async (g) => v(g))
       }, null, 40, Ot),
@@ -1688,7 +1702,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
       ], 64)) : C(u.$slots, "default", { key: 1 })
     ], 10, Wt));
   }
-}), Xt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Ht = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], jt = /* @__PURE__ */ P({
+}), Ht = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Xt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], jt = /* @__PURE__ */ P({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -1712,13 +1726,13 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
   },
   emits: ["update:checked"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(!1), p = s(void 0), d = s(!1), w = s(null);
+    const l = a, e = i, t = s(!1), p = s(void 0), d = s(!1), S = s(null);
     Y(() => {
       d.value = !0;
     }), A(
-      () => [w.value, d.value],
+      () => [S.value, d.value],
       () => {
-        d.value && w.value && (e.active && w.value.click(), d.value = !1);
+        d.value && S.value && (e.active && S.value.click(), d.value = !1);
       },
       {
         immediate: !0,
@@ -1748,7 +1762,7 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
         "data-icon-after": v.iconAfter,
         "data-hide-icon": n(K)(v.showIcon),
         "data-hide-icon-after": n(K)(v.showIcon),
-        "data-no-text": n(H)(v.noText)
+        "data-no-text": n(X)(v.noText)
       }, [
         T("input", {
           type: "radio",
@@ -1758,16 +1772,16 @@ const ut = ["id", "data-width", "data-on-forcing-mobile"], rt = { class: "db-hea
           "aria-controls": v.controls,
           checked: n(M)(v.checked, "checked"),
           ref_key: "_ref",
-          ref: w,
+          ref: S,
           name: p.value,
           id: v.id,
           onInput: u[0] || (u[0] = async (L) => c(L))
-        }, null, 40, Ht),
+        }, null, 40, Xt),
         v.label ? (m(), B(U, { key: 0 }, [
           D(_(v.label), 1)
         ], 64)) : V("", !0),
         C(v.$slots, "default")
-      ], 8, Xt)
+      ], 8, Ht)
     ], 2));
   }
 }), re = class re {
@@ -1836,7 +1850,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function w(f) {
+    function S(f) {
       f.stopPropagation();
     }
     function c(f) {
@@ -1880,12 +1894,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       class: z(n(R)("db-tooltip", a.class)),
       id: l.value,
       "data-emphasis": f.emphasis,
-      "data-animation": n(H)(f.animation ?? !0),
+      "data-animation": n(X)(f.animation ?? !0),
       "data-delay": f.delay,
       "data-width": f.width,
-      "data-show-arrow": n(H)(f.showArrow ?? !0),
+      "data-show-arrow": n(X)(f.showArrow ?? !0),
       "data-placement": f.placement,
-      onClick: r[0] || (r[0] = async (I) => w(I))
+      onClick: r[0] || (r[0] = async (I) => S(I))
     }, [
       C(f.$slots, "default")
     ], 10, Yt));
@@ -1920,11 +1934,11 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     l.value = !0, A(
       () => [l.value, a.disabled, e.value],
       () => {
-        var d, w;
+        var d, S;
         if (l.value && e.value && a.disabled !== void 0) {
           const c = (d = e.value) == null ? void 0 : d.querySelector(
             "button:not(.db-tab-remove-button)"
-          ), v = (w = e.value) == null ? void 0 : w.querySelector("input");
+          ), v = (S = e.value) == null ? void 0 : S.querySelector("input");
           for (const u of [c, v])
             u && (u.disabled = !!a.disabled);
         }
@@ -1940,19 +1954,19 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     function p() {
       return a.removeButton ? a.removeButton : ia;
     }
-    return (d, w) => (m(), B("div", {
+    return (d, S) => (m(), B("div", {
       ref_key: "_ref",
       ref: e,
       id: d.id,
       class: z(n(R)("db-tag", a.class)),
-      "data-disabled": n(H)(d.disabled),
+      "data-disabled": n(X)(d.disabled),
       "data-semantic": d.semantic,
       "data-emphasis": d.emphasis,
       "data-icon": d.icon,
-      "data-show-check-state": n(H)(d.showCheckState ?? !0),
+      "data-show-check-state": n(X)(d.showCheckState ?? !0),
       "data-hide-icon": n(K)(d.showIcon),
-      "data-no-text": n(H)(d.noText),
-      "data-overflow": n(H)(d.overflow)
+      "data-no-text": n(X)(d.noText),
+      "data-overflow": n(X)(d.overflow)
     }, [
       C(d.$slots, "content"),
       C(d.$slots, "default"),
@@ -1967,7 +1981,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         "data-no-text": "true",
         "data-variant": "ghost",
         type: "button",
-        onClick: w[0] || (w[0] = async (c) => t(c))
+        onClick: S[0] || (S[0] = async (c) => t(c))
       }, [
         ae(ca, { variant: "label" }, {
           default: G(() => [
@@ -2031,15 +2045,15 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
   },
   emits: ["update:value"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(""), u = s(""), L = s(""), g = s(null);
     Y(() => {
-      const S = e.id ?? `textarea-${Q()}`;
-      t.value = S, p.value = S + fe, d.value = S + pe, w.value = S + he, c.value = e.invalidMessage || ie;
+      const w = e.id ?? `textarea-${Q()}`;
+      t.value = w, p.value = w + fe, d.value = w + pe, S.value = w + he, c.value = e.invalidMessage || ie;
     }), A(
       () => [g.value, e.invalidMessage],
       () => {
-        var S;
-        c.value = e.invalidMessage || ((S = g.value) == null ? void 0 : S.validationMessage) || ie;
+        var w;
+        c.value = e.invalidMessage || ((w = g.value) == null ? void 0 : w.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -2049,8 +2063,8 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       () => [t.value],
       () => {
         if (t.value) {
-          const S = t.value + fe;
-          p.value = S, d.value = t.value + pe, w.value = t.value + he, ee(e.message, e.showMessage) && (v.value = S);
+          const w = t.value + fe;
+          p.value = w, d.value = t.value + pe, S.value = t.value + he, ee(e.message, e.showMessage) && (v.value = w);
         }
       },
       {
@@ -2071,64 +2085,64 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function f() {
-      var S, O, y;
-      !((S = g.value) != null && S.validity.valid) || e.validation === "invalid" ? (v.value = w.value, c.value = e.invalidMessage || ((O = g.value) == null ? void 0 : O.validationMessage) || ie, ve() && (L.value = c.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
+      var w, O, y;
+      !((w = g.value) != null && w.validity.valid) || e.validation === "invalid" ? (v.value = S.value, c.value = e.invalidMessage || ((O = g.value) == null ? void 0 : O.validationMessage) || ie, ve() && (L.value = c.value, x(() => L.value = "", 1e3))) : h() && ((y = g.value) != null && y.validity.valid) && (e.required || e.minLength || e.maxLength) ? (v.value = d.value, ve() && (L.value = e.validMessage ?? me, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? v.value = p.value : v.value = "";
     }
-    function r(S) {
-      e.input && e.input(S), u.value = S.target.value, e.onInput && e.onInput(S), se(l, S), f();
+    function r(w) {
+      e.input && e.input(w), u.value = w.target.value, e.onInput && e.onInput(w), se(l, w), f();
     }
-    function I(S) {
-      e.onChange && e.onChange(S), se(l, S), f();
+    function I(w) {
+      e.onChange && e.onChange(w), se(l, w), f();
     }
-    function E(S) {
-      e.onBlur && e.onBlur(S);
+    function E(w) {
+      e.onBlur && e.onBlur(w);
     }
-    function b(S) {
-      e.onFocus && e.onFocus(S);
+    function b(w) {
+      e.onFocus && e.onFocus(w);
     }
-    return (S, O) => (m(), B("div", {
+    return (w, O) => (m(), B("div", {
       class: z(n(R)("db-textarea", e.class)),
-      "data-variant": S.variant,
-      "data-hide-label": n(K)(S.showLabel)
+      "data-variant": w.variant,
+      "data-hide-label": n(K)(w.showLabel)
     }, [
-      T("label", { for: t.value }, _(S.label ?? n(we)), 9, Zt),
+      T("label", { for: t.value }, _(w.label ?? n(Se)), 9, Zt),
       T("textarea", {
-        "aria-invalid": S.validation === "invalid",
-        "data-custom-validity": S.validation,
-        "data-field-sizing": S.fieldSizing,
+        "aria-invalid": w.validation === "invalid",
+        "data-custom-validity": w.validation,
+        "data-field-sizing": w.fieldSizing,
         ref_key: "_ref",
         ref: g,
         id: t.value,
-        "data-resize": S.resize,
-        "data-hide-resizer": n(K)(S.showResizer ?? !0),
-        disabled: n(M)(S.disabled, "disabled"),
-        required: n(M)(S.required, "required"),
-        readOnly: n(M)(S.readOnly, "readOnly") || n(M)(S.readonly, "readonly"),
-        form: S.form,
-        maxLength: n(Se)(S.maxLength, S.maxlength),
-        minLength: n(Se)(S.minLength, S.minlength),
-        name: S.name,
-        wrap: S.wrap,
-        spellcheck: S.spellCheck,
-        autocomplete: S.autocomplete,
+        "data-resize": w.resize,
+        "data-hide-resizer": n(K)(w.showResizer ?? !0),
+        disabled: n(M)(w.disabled, "disabled"),
+        required: n(M)(w.required, "required"),
+        readOnly: n(M)(w.readOnly, "readOnly") || n(M)(w.readonly, "readonly"),
+        form: w.form,
+        maxLength: n(we)(w.maxLength, w.maxlength),
+        minLength: n(we)(w.minLength, w.minlength),
+        name: w.name,
+        wrap: w.wrap,
+        spellcheck: w.spellCheck,
+        autocomplete: w.autocomplete,
         onInput: O[0] || (O[0] = async (y) => r(y)),
         onChange: O[1] || (O[1] = async (y) => I(y)),
         onBlur: O[2] || (O[2] = async (y) => E(y)),
         onFocus: O[3] || (O[3] = async (y) => b(y)),
-        value: S.value ?? u.value,
-        "aria-describedby": S.ariaDescribedBy ?? v.value,
-        placeholder: S.placeholder ?? n(ta),
-        rows: n(Se)(S.rows, n(Va)),
-        cols: n(Se)(S.cols)
+        value: w.value ?? u.value,
+        "aria-describedby": w.ariaDescribedBy ?? v.value,
+        placeholder: w.placeholder ?? n(ta),
+        rows: n(we)(w.rows, n(Va)),
+        cols: n(we)(w.cols)
       }, null, 40, xt),
-      n(ee)(S.message, S.showMessage) ? (m(), Z(te, {
+      n(ee)(w.message, w.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
-        icon: S.messageIcon,
+        icon: w.messageIcon,
         id: p.value
       }, {
         default: G(() => [
-          D(_(S.message), 1)
+          D(_(w.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : V("", !0),
@@ -2139,14 +2153,14 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         id: d.value
       }, {
         default: G(() => [
-          D(_(S.validMessage || n(me)), 1)
+          D(_(w.validMessage || n(me)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : V("", !0),
       ae(te, {
         size: "small",
         semantic: "critical",
-        id: w.value
+        id: S.value
       }, {
         default: G(() => [
           D(_(c.value), 1)
@@ -2182,7 +2196,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     text: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), d = s(!1), w = s(
+    const a = i, l = s(!1), e = s(!1), t = s(!0), p = s(!1), d = s(!1), S = s(
       "sub-navigation-" + Q()
     ), c = s(void 0), v = s(null);
     Y(() => {
@@ -2248,8 +2262,8 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-icon": h.icon,
       "data-hide-icon": n(K)(h.showIcon),
       "data-active": h.active,
-      "data-wrap": n(H)(h.wrap),
-      "aria-disabled": n(H)(h.disabled)
+      "data-wrap": n(X)(h.wrap),
+      "aria-disabled": n(X)(h.disabled)
     }, [
       t.value ? V("", !0) : (m(), B(U, { key: 0 }, [
         h.text ? (m(), B(U, { key: 0 }, [
@@ -2271,7 +2285,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         T("menu", {
           class: "db-sub-navigation",
           "data-auto-close": d.value,
-          id: w.value,
+          id: S.value,
           onClick: f[1] || (f[1] = async (r) => u(r))
         }, [
           e.value ? (m(), B("div", li, [
@@ -2333,7 +2347,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function w(c) {
+    function S(c) {
       c == null || c.preventDefault();
       const v = !e.value;
       a.onToggle && a.onToggle(v), e.value = v;
@@ -2343,14 +2357,14 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       class: z(n(R)("db-accordion-item", a.class))
     }, [
       T("details", {
-        "aria-disabled": n(H)(c.disabled),
+        "aria-disabled": n(X)(c.disabled),
         ref_key: "_ref",
         ref: d,
         name: t.value,
         open: e.value
       }, [
         T("summary", {
-          onClick: v[0] || (v[0] = async (u) => w(u))
+          onClick: v[0] || (v[0] = async (u) => S(u))
         }, [
           c.headlinePlain ? (m(), B(U, { key: 0 }, [
             D(_(c.headlinePlain), 1)
@@ -2431,7 +2445,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function w() {
+    function S() {
       try {
         return typeof a.items == "string" ? JSON.parse(a.items) : a.items;
       } catch (c) {
@@ -2447,7 +2461,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-variant": c.variant
     }, [
       c.items ? V("", !0) : C(c.$slots, "default", { key: 0 }),
-      c.items ? (m(!0), B(U, { key: 1 }, be(w(), (u, L) => (m(), Z(ni, {
+      c.items ? (m(!0), B(U, { key: 1 }, be(S(), (u, L) => (m(), Z(ni, {
         key: `accordion-item-${L}`,
         headlinePlain: u.headlinePlain,
         disabled: u.disabled,
@@ -2512,14 +2526,14 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           const h = g();
           h && (h.ariaHasPopup = "true"), c(), d.value.addEventListener(
             "keydown",
-            (f) => w(f)
+            (f) => S(f)
           ), ["mouseenter", "focusin"].forEach((f) => {
             d.value.addEventListener(f, () => u());
           }), ["mouseleave", "focusout"].forEach((f) => {
             d.value.addEventListener(f, () => L());
           }), typeof window < "u" && "IntersectionObserver" in window && (p.value = new IntersectionObserver((f) => {
             const r = f.find(({ target: I }) => I === g());
-            r && !r.isIntersecting && w(!1);
+            r && !r.isIntersecting && S(!1);
           }));
         }
       },
@@ -2540,7 +2554,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function w(h) {
+    function S(h) {
       if (!h || h.key === "Escape")
         for (const f of Array.from(d.value.children))
           f.blur();
@@ -2599,9 +2613,9 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       T("article", {
         class: "db-popover-content",
         "data-spacing": h.spacing,
-        "data-gap": n(H)(h.gap),
-        "data-animation": n(H)(h.animation ?? !0),
-        "data-open": n(H)(h.open),
+        "data-gap": n(X)(h.gap),
+        "data-animation": n(X)(h.animation ?? !0),
+        "data-open": n(X)(h.open),
         "data-delay": h.delay,
         "data-width": h.width,
         "data-placement": h.placement
@@ -2664,7 +2678,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       C(e.$slots, "default")
     ], 10, hi));
   }
-}), gi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], Sl = /* @__PURE__ */ P({
+}), gi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], wl = /* @__PURE__ */ P({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -2688,7 +2702,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     alignment: { default: void 0 }
   },
   setup(i) {
-    const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), d = s(!1), w = s(null), c = s(null);
+    const a = i, l = s("tabs-" + Q()), e = s(""), t = s(!1), p = s(!1), d = s(!1), S = s(null), c = s(null);
     Y(() => {
       l.value = a.id || l.value, e.value = `tabs-${a.name || Q()}`, t.value = !0;
     }), A(
@@ -2727,7 +2741,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
     function L(r) {
       var E;
       let I = Number(a.arrowScrollDistance) || 100;
-      r && (I *= -1), (E = w.value) == null || E.scrollBy({
+      r && (I *= -1), (E = S.value) == null || E.scrollBy({
         top: 0,
         left: I,
         behavior: "smooth"
@@ -2741,7 +2755,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           I && (I.setAttribute(
             "aria-orientation",
             a.orientation || "horizontal"
-          ), a.behavior === "arrows" && (w.value = I, u(I), I.addEventListener("scroll", () => {
+          ), a.behavior === "arrows" && (S.value = I, u(I), I.addEventListener("scroll", () => {
             u(I);
           })));
         }
@@ -2757,25 +2771,25 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           )
         );
         for (const b of I) {
-          const S = I.indexOf(b), O = b.querySelector("label"), y = b.querySelector("input");
+          const w = I.indexOf(b), O = b.querySelector("label"), y = b.querySelector("input");
           if (y && O) {
             if (!y.id) {
-              const W = `${e.value}-tab-${S}`;
-              O.setAttribute("for", W), y.id = W, y.setAttribute("name", e.value), E.length > S && y.setAttribute(
+              const W = `${e.value}-tab-${w}`;
+              O.setAttribute("for", W), y.id = W, y.setAttribute("name", e.value), E.length > w && y.setAttribute(
                 "aria-controls",
-                `${e.value}-tab-panel-${S}`
+                `${e.value}-tab-panel-${w}`
               );
             }
             if (r) {
-              const W = !a.initialSelectedMode || a.initialSelectedMode === "auto", k = a.initialSelectedIndex == null && S === 0 || Number(a.initialSelectedIndex) === S;
+              const W = !a.initialSelectedMode || a.initialSelectedMode === "auto", k = a.initialSelectedIndex == null && w === 0 || Number(a.initialSelectedIndex) === w;
               W && k && y.click();
             }
           }
         }
         for (const b of E) {
           if (b.id) continue;
-          const S = E.indexOf(b);
-          b.id = `${e.value}-tab-panel-${S}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${S}`);
+          const w = E.indexOf(b);
+          b.id = `${e.value}-tab-panel-${w}`, b.setAttribute("aria-labelledby", `${e.value}-tab-${w}`);
         }
       }
     }
@@ -2787,8 +2801,8 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         r.target.closest("db-tab-item") ?? r.target.closest("li")
       );
       if (I !== null && E !== null) {
-        const S = Array.from(I.childNodes).indexOf(E);
-        a.onIndexChange && a.onIndexChange(S);
+        const w = Array.from(I.childNodes).indexOf(E);
+        a.onIndexChange && a.onIndexChange(w);
       }
       a.onTabSelect && a.onTabSelect(r);
     }
@@ -2860,7 +2874,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       C(r.$slots, "default")
     ], 42, gi));
   }
-}), wl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bl = ["medium", "small", "large", "none"], Il = ["medium", "small", "large", "none"], bi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], yi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], $l = [...bi, ...yi], Ll = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], _l = ["horizontal", "vertical"], Tl = ["full", "auto"], El = ["full", "medium", "large", "small"], Cl = ["none", "slow", "fast"], Al = ["auto", "fixed"], Dl = ["small", "medium"], Fl = ["weak", "strong"], Nl = ["invalid", "valid", "no-validation"], Ml = ["fixed", "content"], zl = ["above", "floating"], Rl = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], Vl = ["time", "true", "false", "date", "page", "step", "location"], Pl = ["_self", "_blank", "_parent", "_top"], Ul = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], ql = ["start", "center"], ki = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Gl = /* @__PURE__ */ P({
+}), Sl = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], Bl = ["medium", "small", "large", "none"], Il = ["medium", "small", "large", "none"], bi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], yi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], $l = [...bi, ...yi], Ll = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], _l = ["horizontal", "vertical"], Tl = ["full", "auto"], El = ["full", "medium", "large", "small"], Cl = ["none", "slow", "fast"], Al = ["auto", "fixed"], Dl = ["small", "medium"], Fl = ["weak", "strong"], Nl = ["invalid", "valid", "no-validation"], Ml = ["fixed", "content"], zl = ["above", "floating"], Rl = ["off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "shipping", "billing", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo", "webauthn"], Vl = ["time", "true", "false", "date", "page", "step", "location"], Pl = ["_self", "_blank", "_parent", "_top"], Ul = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], ql = ["start", "center"], ki = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Gl = /* @__PURE__ */ P({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -2888,12 +2902,12 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       "data-direction": e.direction,
       "data-alignment": e.alignment,
       "data-justify-content": e.justifyContent,
-      "data-wrap": n(H)(e.wrap)
+      "data-wrap": n(X)(e.wrap)
     }, [
       C(e.$slots, "default")
     ], 10, ki));
   }
-}), Si = ["role", "aria-label", "id"], wi = /* @__PURE__ */ P({
+}), wi = ["role", "aria-label", "id"], Si = /* @__PURE__ */ P({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -2918,7 +2932,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
       T("ul", null, [
         C(e.$slots, "default")
       ])
-    ], 10, Si));
+    ], 10, wi));
   }
 }), Bi = ["id", "data-divider"], Ii = ["data-icon", "data-hide-icon", "data-icon-after"], $i = ["type", "name", "form", "checked", "disabled", "value"], Li = { key: 1 }, _i = /* @__PURE__ */ P({
   __name: "custom-select-list-item",
@@ -2958,7 +2972,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
         flush: "post"
       }
     );
-    function w(v) {
+    function S(v) {
       v.stopPropagation(), e.onChange && e.onChange(v), se(l, v, "checked");
     }
     function c() {
@@ -2975,7 +2989,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           "db-radio": v.type !== "checkbox" && !v.isGroupTitle
         })
       ),
-      "data-divider": n(H)(p.value)
+      "data-divider": n(X)(p.value)
     }, [
       v.isGroupTitle ? (m(), B("span", Li, _(v.groupTitle), 1)) : (m(), B("label", {
         key: 0,
@@ -2992,7 +3006,7 @@ const Yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width",
           checked: n(M)(v.checked, "checked"),
           disabled: n(M)(v.disabled, "disabled"),
           value: v.value,
-          onChange: u[0] || (u[0] = async (L) => w(L))
+          onChange: u[0] || (u[0] = async (L) => S(L))
         }, null, 40, $i),
         v.label ? (m(), B(U, { key: 0 }, [
           D(_(v.label), 1)
@@ -3112,10 +3126,10 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
   },
   emits: ["update:values"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), w = s(void 0), c = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), r = s(""), I = s(""), E = s(void 0), b = s(""), S = s([]), O = s(!1), y = s(!1), W = s(0), k = s([]), X = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ee = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), d = s(void 0), S = s(void 0), c = s(void 0), v = s(void 0), u = s(void 0), L = s(void 0), g = s(void 0), h = s(void 0), f = s("no-validation"), r = s(""), I = s(""), E = s(void 0), b = s(""), w = s([]), O = s(!1), y = s(!1), W = s(0), k = s([]), H = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), Ve = s(void 0), Pe = s(!1), Ee = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Ue = s(null);
     Y(() => {
       const o = e.id ?? `custom-select-${Q()}`;
-      t.value = o, p.value = o + fe, d.value = o + pe, w.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, E.value = o + "-selected-labels", h.value = o + "-info", c.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
+      t.value = o, p.value = o + fe, d.value = o + pe, S.value = o + he, v.value = o + xe, u.value = o + Ze, L.value = o + "-summary", g.value = o + ze, E.value = o + "-selected-labels", h.value = o + "-info", c.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
         if (N.value) {
           const F = $.find(({ target: j }) => j === N.value);
           F && !F.isIntersecting && N.value.open && (N.value.open = !1);
@@ -3138,7 +3152,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => {
         if (t.value) {
           const o = t.value + fe;
-          u.value = t.value + Ze, v.value = t.value + xe, d.value = t.value + pe, w.value = t.value + he, g.value = t.value + ze, ee(e.message, e.showMessage) ? Oe(o) : Oe();
+          u.value = t.value + Ze, v.value = t.value + xe, d.value = t.value + pe, S.value = t.value + he, g.value = t.value + ze, ee(e.message, e.showMessage) ? Oe(o) : Oe();
         }
       },
       {
@@ -3161,9 +3175,9 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [e.showNoResults, X.value],
+      () => [e.showNoResults, H.value],
       () => {
-        e.showNoResults !== void 0 ? le.value = e.showNoResults : X.value && (le.value = X.value.length === 0);
+        e.showNoResults !== void 0 ? le.value = e.showNoResults : H.value && (le.value = H.value.length === 0);
       },
       {
         immediate: !0,
@@ -3228,7 +3242,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [e.options],
       () => {
         var o;
-        X.value = e.options, W.value = ((o = e.options) == null ? void 0 : o.filter(($) => !$.isGroupTitle).length) ?? 0;
+        H.value = e.options, W.value = ((o = e.options) == null ? void 0 : o.filter(($) => !$.isGroupTitle).length) ?? 0;
       },
       {
         immediate: !0,
@@ -3250,7 +3264,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [e.options, k.value],
       () => {
         var o, $;
-        (o = e.options) != null && o.length && (S.value = ($ = e.options) == null ? void 0 : $.filter(
+        (o = e.options) != null && o.length && (w.value = ($ = e.options) == null ? void 0 : $.filter(
           (F) => {
             var j, oe;
             return !F.value || !((j = k.value) != null && j.includes) ? !1 : !F.isGroupTitle && ((oe = k.value) == null ? void 0 : oe.includes(F.value));
@@ -3263,7 +3277,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       }
     ), A(
       () => [
-        S.value,
+        w.value,
         e.selectedType,
         e.amountText,
         e.selectedLabels,
@@ -3275,13 +3289,13 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           I.value = e.selectedLabels;
           return;
         }
-        if ((o = S.value) != null && o.length) {
+        if ((o = w.value) != null && o.length) {
           if (e.transformSelectedLabels) {
-            const j = S.value, oe = e.transformSelectedLabels;
+            const j = w.value, oe = e.transformSelectedLabels;
             I.value = oe(j);
             return;
           }
-          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = S.value) == null ? void 0 : $.length} ${Ma}` : I.value = (F = S.value) == null ? void 0 : F.map((j) => $e(j)).join(", ");
+          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = w.value) == null ? void 0 : $.length} ${Ma}` : I.value = (F = w.value) == null ? void 0 : F.map((j) => $e(j)).join(", ");
         } else
           I.value = "";
       },
@@ -3290,10 +3304,10 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [S.value],
+      () => [w.value],
       () => {
         var o;
-        e.onAmountChange && e.onAmountChange(((o = S.value) == null ? void 0 : o.length) ?? 0);
+        e.onAmountChange && e.onAmountChange(((o = w.value) == null ? void 0 : o.length) ?? 0);
       },
       {
         immediate: !0,
@@ -3328,7 +3342,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function pa() {
       var o, $, F;
-      ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (r.value = w.value, c.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, ve() && (b.value = c.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((F = ke.value) != null && F.validity.valid) && e.required ? (r.value = d.value, ve() && (b.value = e.validMessage ?? me, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (r.value = p.value, f.value = e.validation ?? "no-validation") : (r.value = g.value, f.value = e.validation ?? "no-validation");
+      ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (r.value = S.value, c.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, ve() && (b.value = c.value, x(() => b.value = "", 1e3)), f.value = e.validation ?? "invalid") : We() && ((F = ke.value) != null && F.validity.valid) && e.required ? (r.value = d.value, ve() && (b.value = e.validMessage ?? me, x(() => b.value = "", 1e3)), f.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (r.value = p.value, f.value = e.validation ?? "no-validation") : (r.value = g.value, f.value = e.validation ?? "no-validation");
     }
     function ha(o) {
       var $, F;
@@ -3336,7 +3350,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         (j) => Ba(j)
       ), ye.value = new Ie().addCallback(
         (j) => fa(j)
-      ), qe(), ($ = Te.value) == null || $.observe(N.value), o.target.dataset.test || He()) : (J.value && new Re().removeCallback(
+      ), qe(), ($ = Te.value) == null || $.observe(N.value), o.target.dataset.test || Xe()) : (J.value && new Re().removeCallback(
         J.value
       ), ye.value && new Ie().removeCallback(
         ye.value
@@ -3352,7 +3366,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       o && $.push(o), E.value && ((F = I.value) != null && F.length) && $.push(E.value), r.value = $.join(" ");
     }
     function ga() {
-      return e.selectAllLabel ?? we;
+      return e.selectAllLabel ?? Se;
     }
     function $e(o) {
       var $;
@@ -3363,10 +3377,10 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       return o && (($ = k.value) != null && $.includes) ? (F = k.value) == null ? void 0 : F.includes(o) : !1;
     }
     function ya(o) {
-      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${S.value ? $e(S.value[o]) : ""}`;
+      return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ia} ${w.value ? $e(w.value[o]) : ""}`;
     }
     function ka(o, $) {
-      $.stopPropagation(), Xe(o.value), Ae();
+      $.stopPropagation(), He(o.value), Ae();
     }
     function qe() {
       if (N.value) {
@@ -3380,7 +3394,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         }, 1);
       }
     }
-    function Sa(o) {
+    function wa(o) {
       var $, F, j, oe, q, ge, De;
       if (($ = N.value) != null && $.open) {
         if (self.document) {
@@ -3412,12 +3426,12 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             } else
               ue.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Ce("close"), Ae()) : Me(ue);
         }
-      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (qe(), N.value && (N.value.open = !0), He());
+      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (qe(), N.value && (N.value.open = !0), Xe());
       o.stopPropagation(), o.preventDefault();
     }
-    function wa(o) {
+    function Sa(o) {
       var $;
-      o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ce("close"), Ae()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && Sa(o);
+      o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ce("close"), Ae()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && wa(o);
     }
     function Ce(o) {
       if (N.value) {
@@ -3447,7 +3461,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "values"
       ), Fe.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function Xe(o) {
+    function He(o) {
       var $;
       o && (e.multiple ? ($ = k.value) != null && $.includes(o) ? _e(k.value.filter((F) => F !== o)) : _e([...k.value || [], o]) : (_e([o]), Ce("close")));
     }
@@ -3482,7 +3496,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         }
       }
     }
-    function He() {
+    function Xe() {
       if (N.value) {
         const o = Qe(N.value);
         o ? x(() => {
@@ -3492,9 +3506,9 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     }
     function je(o) {
       let $;
-      typeof o == "string" ? $ = o : (o.stopPropagation(), e.onSearch && e.onSearch(o), $ = o.target.value, Ve.value = $), !e.options || !$ || $.length === 0 ? X.value = e.options : e.searchFilter ? X.value = e.options.filter(
+      typeof o == "string" ? $ = o : (o.stopPropagation(), e.onSearch && e.onSearch(o), $ = o.target.value, Ve.value = $), !e.options || !$ || $.length === 0 ? H.value = e.options : e.searchFilter ? H.value = e.options.filter(
         (F) => e.searchFilter(F, $)
-      ) : X.value = e.options.filter(
+      ) : H.value = e.options.filter(
         (F) => !F.isGroupTitle && $e(F).toLowerCase().includes($.toLowerCase())
       );
     }
@@ -3519,7 +3533,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "data-custom-validity": f.value,
         "data-width": o.formFieldWidth,
         "data-variant": o.variant === "floating" && o.selectedType === "tag" && o.multiple ? "above" : o.variant,
-        "data-required": n(H)(o.required),
+        "data-required": n(X)(o.required),
         "data-placement": o.placement,
         "data-selected-type": o.multiple ? o.selectedType : "text",
         "data-hide-label": n(K)(o.showLabel),
@@ -3527,7 +3541,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "data-hide-icon": n(K)(o.showIcon)
       }, [
         T("label", { id: u.value }, [
-          D(_(o.label ?? n(we)), 1),
+          D(_(o.label ?? n(Se)), 1),
           T("select", {
             role: "none",
             hidden: !0,
@@ -3554,23 +3568,23 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           ref: N,
           open: o.open,
           onToggle: $[2] || ($[2] = async (q) => ha(q)),
-          onKeydown: $[3] || ($[3] = async (q) => wa(q))
+          onKeydown: $[3] || ($[3] = async (q) => Sa(q))
         }, [
           C(o.$slots, "default"),
           o.options ? (m(), B(U, { key: 0 }, [
             T("summary", {
               class: "db-custom-select-form-field",
               id: L.value,
-              "aria-disabled": n(H)(o.disabled),
+              "aria-disabled": n(X)(o.disabled),
               "aria-labelledby": u.value
             }, [
               (j = I.value) != null && j.length ? (m(), B("span", {
                 key: 0,
-                "data-visually-hidden": n(H)(o.selectedType === "tag"),
+                "data-visually-hidden": n(X)(o.selectedType === "tag"),
                 id: E.value
               }, _(I.value), 9, zi)) : V("", !0),
               o.selectedType === "tag" ? (m(), B("div", Ri, [
-                (m(!0), B(U, null, be(S.value, (q, ge) => (m(), Z(Jt, {
+                (m(!0), B(U, null, be(w.value, (q, ge) => (m(), Z(Jt, {
                   key: ge,
                   emphasis: "strong",
                   behavior: "removable",
@@ -3595,7 +3609,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                     form: t.value,
                     showLabel: !1,
                     value: Ve.value,
-                    label: o.searchLabel ?? n(we),
+                    label: o.searchLabel ?? n(Se),
                     placeholder: o.searchPlaceholder ?? o.searchLabel,
                     ariaDescribedBy: le.value || o.showLoading ? h.value : void 0,
                     onInput: (q) => je(q)
@@ -3628,12 +3642,12 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                       ])
                     ])
                   ])) : V("", !0),
-                  ae(wi, {
+                  ae(Si, {
                     multiple: n(M)(o.multiple, "multiple"),
-                    label: o.ariaListLabel ?? o.label ?? n(we)
+                    label: o.ariaListLabel ?? o.label ?? n(Se)
                   }, {
                     default: G(() => [
-                      (m(!0), B(U, null, be(X.value, (q, ge) => (m(), Z(_i, {
+                      (m(!0), B(U, null, be(H.value, (q, ge) => (m(), Z(_i, {
                         key: ge,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: q.showDivider,
@@ -3644,7 +3658,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                         checked: ba(q.value),
                         disabled: q.disabled,
                         value: q.value,
-                        onChange: (De) => Xe(q.value)
+                        onChange: (De) => He(q.value)
                       }, {
                         default: G(() => [
                           q.isGroupTitle ? V("", !0) : (m(), B(U, { key: 0 }, [
@@ -3700,7 +3714,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           _: 1
         }, 8, ["name", "form", "onClick"])) : V("", !0),
         T("span", {
-          "aria-hidden": n(H)(!0),
+          "aria-hidden": n(X)(!0),
           id: g.value
         }, _(o.placeholder ?? o.label), 9, Gi),
         n(ee)(o.message, o.showMessage) ? (m(), Z(te, {
@@ -3728,7 +3742,7 @@ const Ci = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         ae(te, {
           size: "small",
           semantic: "critical",
-          id: w.value
+          id: S.value
         }, {
           default: G(() => [
             D(_(c.value), 1)
@@ -3779,7 +3793,7 @@ export {
   Wl as DBCustomSelect,
   Ei as DBCustomSelectDropdown,
   Ol as DBCustomSelectFormField,
-  wi as DBCustomSelectList,
+  Si as DBCustomSelectList,
   _i as DBCustomSelectListItem,
   nl as DBDivider,
   lt as DBDrawer,
@@ -3801,7 +3815,7 @@ export {
   jt as DBTabItem,
   pi as DBTabList,
   mi as DBTabPanel,
-  Sl as DBTabs,
+  wl as DBTabs,
   Jt as DBTag,
   ml as DBTextarea,
   ca as DBTooltip,
@@ -3813,7 +3827,7 @@ export {
   Le as DEFAULT_ID,
   ie as DEFAULT_INVALID_MESSAGE,
   he as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
-  we as DEFAULT_LABEL,
+  Se as DEFAULT_LABEL,
   Ze as DEFAULT_LABEL_ID_SUFFIX,
   Fa as DEFAULT_MESSAGE,
   fe as DEFAULT_MESSAGE_ID_SUFFIX,
@@ -3848,7 +3862,7 @@ export {
   Al as PopoverWidthList,
   na as SEMANTIC,
   el as SEMANTICS,
-  wl as SemanticList,
+  Sl as SemanticList,
   Dl as SizeList,
   Bl as SpacingList,
   al as TESTING_VIEWPORTS,
@@ -3858,10 +3872,10 @@ export {
   R as cls,
   x as delay,
   M as getBoolean,
-  H as getBooleanAsString,
+  X as getBooleanAsString,
   K as getHideProp,
   Je as getInputValue,
-  Se as getNumber,
+  we as getNumber,
   Yi as getOptionKey,
   Qe as getSearchInput,
   ve as hasVoiceOver,