npm - @db-ux/v-core-components - Versions diffs - 4.4.0 → 4.4.1-floating-components-066d296 - Mend

@db-ux/v-core-components 4.4.0 → 4.4.1-floating-components-066d296

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/db-ux.es.js CHANGED Viewed

@@ -1,27 +1,27 @@
-import { defineComponent as G, ref as o, onMounted as Q, watch as C, createElementBlock as y, openBlock as v, normalizeClass as q, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as M, Fragment as W, createTextVNode as D, toDisplayString as S, renderList as ge, createBlock as J, onUnmounted as me, createVNode as ie, withCtx as U } from "vue";
-const Ee = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", ea = " ", Ia = "MESSAGE SHOULD BE SET", Ye = "-label", Je = "-select", re = "-message", ve = "-valid-message", fe = "-invalid-message", Fe = "-placeholder", Qe = "-datalist", ue = "TODO: Add a validMessage", te = "TODO: Add an invalidMessage", aa = "Remove", xa = "Back", $a = "Selected", Ta = "BurgerMenu", Ca = "brand", Ea = 4, Oe = "Close", Ji = "density", Qi = "color";
-var ta = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(ta || {});
-const Zi = Object.entries(ta).map(([, e]) => e);
-var ia = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(ia || {}), la = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(la || {});
-const _i = Object.entries(la).map(([, e]) => e), el = Object.entries(ia).map(([, e]) => e);
-var na = /* @__PURE__ */ ((e) => (e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e))(na || {});
-const al = Object.entries(na).map(([, e]) => e), Aa = {
+import { defineComponent as G, ref as o, onMounted as Q, watch as C, createElementBlock as b, openBlock as h, normalizeClass as q, unref as n, createElementVNode as E, createCommentVNode as z, renderSlot as F, Fragment as W, createTextVNode as D, toDisplayString as L, renderList as ge, createBlock as J, onUnmounted as me, createVNode as ie, withCtx as U } from "vue";
+const Ee = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", tt = " ", xt = "MESSAGE SHOULD BE SET", Je = "-label", Qe = "-select", re = "-message", ve = "-valid-message", fe = "-invalid-message", Fe = "-placeholder", Ze = "-datalist", ue = "TODO: Add a validMessage", ae = "TODO: Add an invalidMessage", at = "Remove", Tt = "Back", $t = "Selected", Ct = "BurgerMenu", Et = "brand", At = 4, Ue = "Close", _i = "density", el = "color";
+var it = /* @__PURE__ */ ((e) => (e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e))(it || {});
+const tl = Object.entries(it).map(([, e]) => e);
+var lt = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e))(lt || {}), nt = /* @__PURE__ */ ((e) => (e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e))(nt || {});
+const al = Object.entries(nt).map(([, e]) => e), il = Object.entries(lt).map(([, e]) => e);
+var ot = /* @__PURE__ */ ((e) => (e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e))(ot || {});
+const ll = Object.entries(ot).map(([, e]) => e), Dt = {
   width: 390,
   height: 884
-}, Da = {
+}, Mt = {
   width: 1920,
   height: 1280
-}, tl = [{
+}, nl = [{
   name: "desktop",
-  ...Da
+  ...Mt
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Aa
-}], il = "db-ux-framework", ll = "db-ux-mode", ae = () => {
+  ...Dt
+}], ol = "db-ux-framework", dl = "db-ux-mode", te = () => {
   if (typeof window < "u") {
     if (window.crypto?.randomUUID)
       return window.crypto.randomUUID();
@@ -29,50 +29,50 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
   }
   return Math.random().toString().substring(2);
-}, oa = (e, t) => {
+}, dt = (e, a) => {
   const l = e.children;
-  Object.values(l).forEach((a) => {
-    a.setAttribute(t.key, t.value), a.children.length > 0 && oa(a, t);
+  Object.values(l).forEach((t) => {
+    t.setAttribute(a.key, a.value), t.children.length > 0 && dt(t, a);
   });
 }, O = (...e) => {
-  let t = "";
+  let a = "";
   for (const l of e)
     if (l)
       if (typeof l == "string")
-        t += `${l} `;
+        a += `${l} `;
       else
-        for (const a in l)
-          l[a] && (t += `${a} `);
-  return t.trim();
-}, Fa = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ma = ["Mac", "iPhone", "iPad", "iPod"], ce = () => typeof window < "u" && Ma.some((e) => window.navigator.userAgent.includes(e)), Na = () => {
+        for (const t in l)
+          l[t] && (a += `${t} `);
+  return a.trim();
+}, Ft = (e) => Array.isArray(e) && e.every((a) => typeof a == "string"), Nt = ["Mac", "iPhone", "iPad", "iPod"], ce = () => typeof window < "u" && Nt.some((e) => window.navigator.userAgent.includes(e)), Rt = () => {
   if (typeof window > "u" || typeof navigator > "u") return !1;
-  const e = navigator.userAgent, t = /iP(ad|hone|od)/.test(e), l = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
-  return t && l;
-}, Y = (e, t) => new Promise(() => setTimeout(e, t)), R = (e) => {
+  const e = navigator.userAgent, a = /iP(ad|hone|od)/.test(e), l = !!e.match(/Safari/) && !e.match(/CriOS|FxiOS|OPiOS|EdgiOS/);
+  return a && l;
+}, Y = (e, a) => new Promise(() => setTimeout(e, a)), R = (e) => {
   if (e != null)
     return String(typeof e == "string" ? !!e : e);
-}, V = (e, t) => {
+}, V = (e, a) => {
   if (e != null)
-    return typeof e == "string" && t ? !!(t === e || e) : !!e;
-}, Le = (e, t) => {
-  if (!(e == null && t == null))
-    return Number(e ?? t);
-}, Ra = (e) => {
+    return typeof e == "string" && a ? !!(a === e || e) : !!e;
+}, Le = (e, a) => {
+  if (!(e == null && a == null))
+    return Number(e ?? a);
+}, zt = (e) => {
   if (e != null)
     return e === "any" ? "any" : Number(e);
-}, Ze = (e, t) => t && ["number", "range"].includes(t) ? Le(e) : e, oe = (e) => {
+}, _e = (e, a) => a && ["number", "range"].includes(a) ? Le(e) : e, oe = (e) => {
   if (e != null)
     return R(!e);
-}, ee = (e, t) => (t === void 0 || !!t) && !!e, _e = (e) => e.querySelector('input[type="search"]'), nl = (e, t) => {
-  const l = e.id ?? e.value ?? ae();
-  return `${t}${l}`;
-}, za = (e) => e.key !== void 0, Pa = ({
+}, ee = (e, a) => (a === void 0 || !!a) && !!e, et = (e) => e.querySelector('input[type="search"]'), sl = (e, a) => {
+  const l = e.id ?? e.value ?? te();
+  return `${a}${l}`;
+}, Pt = (e) => e.key !== void 0, Vt = ({
   semantic: e,
-  role: t,
+  role: a,
   ariaLive: l
 }) => {
-  if (t)
-    return t;
+  if (a)
+    return a;
   if (l)
     return "article";
   switch (e) {
@@ -85,7 +85,7 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     default:
       return "article";
   }
-}, Va = ["id"], qa = ["aria-disabled", "name", "open"], Oa = /* @__PURE__ */ G({
+}, qt = ["id"], Ot = ["aria-disabled", "name", "open"], Ut = /* @__PURE__ */ G({
   name: "DBAccordionItem",
   __name: "accordion-item",
   props: {
@@ -104,9 +104,9 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     name: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(Ee), a = o(!1), i = o(void 0), c = o(!1), u = o(null);
+    const a = e, l = o(Ee), t = o(!1), i = o(void 0), c = o(!1), u = o(null);
     Q(() => {
-      l.value = t.id || "accordion-item-" + ae(), t.defaultOpen && (a.value = t.defaultOpen), c.value = !0;
+      l.value = a.id || "accordion-item-" + te(), a.defaultOpen && (t.value = a.defaultOpen), c.value = !0;
     }), C(
       () => [u.value, c.value],
       () => {
@@ -117,48 +117,48 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [t.name],
+      () => [a.name],
       () => {
-        t.name && (i.value = t.name);
+        a.name && (i.value = a.name);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function f(m) {
+    function v(m) {
       m?.preventDefault();
-      const h = !a.value;
-      t.onToggle && t.onToggle(h), a.value = h;
+      const f = !t.value;
+      a.onToggle && a.onToggle(f), t.value = f;
     }
-    return (m, h) => (v(), y("li", {
+    return (m, f) => (h(), b("li", {
       id: l.value,
-      class: q(n(O)("db-accordion-item", t.class))
+      class: q(n(O)("db-accordion-item", a.class))
     }, [
       E("details", {
         "aria-disabled": n(R)(e.disabled),
         ref_key: "_ref",
         ref: u,
         name: i.value,
-        open: a.value
+        open: t.value
       }, [
         E("summary", {
-          onClick: h[0] || (h[0] = async (k) => f(k))
+          onClick: f[0] || (f[0] = async (k) => v(k))
         }, [
-          e.headlinePlain ? (v(), y(W, { key: 0 }, [
-            D(S(e.headlinePlain), 1)
+          e.headlinePlain ? (h(), b(W, { key: 0 }, [
+            D(L(e.headlinePlain), 1)
           ], 64)) : z("", !0),
-          e.headlinePlain ? z("", !0) : M(m.$slots, "headline", { key: 1 })
+          e.headlinePlain ? z("", !0) : F(m.$slots, "headline", { key: 1 })
         ]),
         E("div", null, [
-          e.text ? (v(), y(W, { key: 0 }, [
-            D(S(e.text), 1)
-          ], 64)) : M(m.$slots, "default", { key: 1 })
+          e.text ? (h(), b(W, { key: 0 }, [
+            D(L(e.text), 1)
+          ], 64)) : F(m.$slots, "default", { key: 1 })
         ])
-      ], 8, qa)
-    ], 10, Va));
+      ], 8, Ot)
+    ], 10, qt));
   }
-}), Ua = ["id", "data-variant"], ol = /* @__PURE__ */ G({
+}), Gt = ["id", "data-variant"], ul = /* @__PURE__ */ G({
   name: "DBAccordion",
   __name: "accordion",
   props: {
@@ -175,26 +175,26 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(Ee), a = o(""), i = o(!1), c = o(!1), u = o(null);
+    const a = e, l = o(Ee), t = o(""), i = o(!1), c = o(!1), u = o(null);
     Q(() => {
-      l.value = t.id || "accordion-" + ae(), i.value = !0, c.value = !0;
+      l.value = a.id || "accordion-" + te(), i.value = !0, c.value = !0;
     }), C(
-      () => [i.value, t.name, t.behavior, l.value],
+      () => [i.value, a.name, a.behavior, l.value],
       () => {
-        i.value && (t.behavior === "single" ? t.name ? a.value !== t.name && (a.value = t.name) : a.value !== l.value && l.value && (a.value = l.value) : a.value = "");
+        i.value && (a.behavior === "single" ? a.name ? t.value !== a.name && (t.value = a.name) : t.value !== l.value && l.value && (t.value = l.value) : t.value = "");
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [u.value, a.value],
+      () => [u.value, t.value],
       () => {
         if (u.value) {
           const m = u.value.getElementsByTagName("details");
           if (m)
-            for (const h of Array.from(m))
-              a.value === "" ? h.removeAttribute("name") : h.name = a.value ?? "";
+            for (const f of Array.from(m))
+              t.value === "" ? f.removeAttribute("name") : f.name = t.value ?? "";
         }
       },
       {
@@ -202,16 +202,16 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [u.value, c.value, t.initOpenIndex],
+      () => [u.value, c.value, a.initOpenIndex],
       () => {
         if (u.value && c.value) {
-          if (t.initOpenIndex && t.initOpenIndex.length > 0) {
+          if (a.initOpenIndex && a.initOpenIndex.length > 0) {
             const m = u.value.getElementsByTagName("details");
             if (m) {
-              const h = t.behavior === "single" && t.initOpenIndex.length > 1 ? [t.initOpenIndex[0]] : t.initOpenIndex;
+              const f = a.behavior === "single" && a.initOpenIndex.length > 1 ? [a.initOpenIndex[0]] : a.initOpenIndex;
               Array.from(m).forEach(
                 (k, $) => {
-                  h?.includes($) && (k.open = !0);
+                  f?.includes($) && (k.open = !0);
                 }
               );
             }
@@ -224,31 +224,31 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     );
-    function f() {
+    function v() {
       try {
-        return typeof t.items == "string" ? JSON.parse(t.items) : t.items;
+        return typeof a.items == "string" ? JSON.parse(a.items) : a.items;
       } catch (m) {
         console.error(m);
       }
       return [];
     }
-    return (m, h) => (v(), y("ul", {
+    return (m, f) => (h(), b("ul", {
       ref_key: "_ref",
       ref: u,
       id: l.value,
-      class: q(n(O)("db-accordion", t.class)),
+      class: q(n(O)("db-accordion", a.class)),
       "data-variant": e.variant
     }, [
-      e.items ? z("", !0) : M(m.$slots, "default", { key: 0 }),
-      e.items ? (v(!0), y(W, { key: 1 }, ge(f(), (k, $) => (v(), J(Oa, {
+      e.items ? z("", !0) : F(m.$slots, "default", { key: 0 }),
+      e.items ? (h(!0), b(W, { key: 1 }, ge(v(), (k, $) => (h(), J(Ut, {
         key: `accordion-item-${$}`,
         headlinePlain: k.headlinePlain,
         disabled: k.disabled,
         text: k.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : z("", !0)
-    ], 10, Ua));
+    ], 10, Gt));
   }
-}), dl = ["divider", "card"], sl = ["multiple", "single"], Ga = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], ul = /* @__PURE__ */ G({
+}), cl = ["divider", "card"], rl = ["multiple", "single"], Wt = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], vl = /* @__PURE__ */ G({
   name: "DBBadge",
   __name: "badge",
   props: {
@@ -265,14 +265,14 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(null);
+    const a = e, l = o(!1), t = o(null);
     return Q(() => {
       l.value = !0;
     }), C(
-      () => [a.value, l.value],
+      () => [t.value, l.value],
       () => {
-        if (a.value && l.value && t.placement?.startsWith("corner")) {
-          let i = a.value.parentElement;
+        if (t.value && l.value && a.placement?.startsWith("corner")) {
+          let i = t.value.parentElement;
           i && i.localName.includes("badge") && (i = i.parentElement), i && (i.dataset.hasBadge = "true");
         }
       },
@@ -280,23 +280,23 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
         immediate: !0,
         flush: "post"
       }
-    ), (i, c) => (v(), y("span", {
+    ), (i, c) => (h(), b("span", {
       ref_key: "_ref",
-      ref: a,
+      ref: t,
       id: e.id,
-      class: q(n(O)("db-badge", t.class)),
+      class: q(n(O)("db-badge", a.class)),
       "data-semantic": e.semantic,
       "data-size": e.size,
       "data-emphasis": e.emphasis,
       "data-placement": e.placement,
       "data-label": e.placement?.startsWith("corner") && (e.label ?? n(ke))
     }, [
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(i.$slots, "default", { key: 1 })
-    ], 10, Ga));
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
+      ], 64)) : F(i.$slots, "default", { key: 1 })
+    ], 10, Wt));
   }
-}), cl = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], Wa = ["data-icon", "data-show-icon", "id"], rl = /* @__PURE__ */ G({
+}), fl = ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"], Ht = ["data-icon", "data-show-icon", "id"], hl = /* @__PURE__ */ G({
   name: "DBBrand",
   __name: "brand",
   props: {
@@ -311,21 +311,21 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("div", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("div", {
       ref_key: "_ref",
       ref: l,
-      "data-icon": e.hideLogo ? "none" : e.icon ?? n(Ca),
+      "data-icon": e.hideLogo ? "none" : e.icon ?? n(Et),
       "data-show-icon": n(R)(e.showIcon),
       id: e.id,
-      class: q(n(O)("db-brand", t.class))
+      class: q(n(O)("db-brand", a.class))
     }, [
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
-    ], 10, Wa));
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
+      ], 64)) : F(t.$slots, "default", { key: 1 })
+    ], 10, Ht));
   }
-}), Ha = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], we = /* @__PURE__ */ G({
+}), Xt = ["id", "type", "disabled", "data-icon", "data-show-icon", "data-icon-trailing", "data-show-icon-trailing", "data-size", "data-width", "data-variant", "data-no-text", "name", "form", "value"], we = /* @__PURE__ */ G({
   name: "DBButton",
   __name: "button",
   props: {
@@ -354,19 +354,19 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     iconTrailing: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    function a() {
-      return t.type ? t.type : t.onClick ? "button" : "submit";
+    const a = e, l = o(null);
+    function t() {
+      return a.type ? a.type : a.onClick ? "button" : "submit";
     }
     function i(c) {
-      t.onClick && t.onClick(c);
+      a.onClick && a.onClick(c);
     }
-    return (c, u) => (v(), y("button", {
+    return (c, u) => (h(), b("button", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-button", t.class)),
-      type: a(),
+      class: q(n(O)("db-button", a.class)),
+      type: t(),
       disabled: n(V)(e.disabled, "disabled"),
       "data-icon": e.iconLeading ?? e.icon,
       "data-show-icon": n(R)(e.showIconLeading ?? e.showIcon),
@@ -379,14 +379,14 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       name: e.name,
       form: e.form,
       value: e.value,
-      onClick: u[0] || (u[0] = async (f) => i(f))
+      onClick: u[0] || (u[0] = async (v) => i(v))
     }, [
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(c.$slots, "default", { key: 1 })
-    ], 10, Ha));
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
+      ], 64)) : F(c.$slots, "default", { key: 1 })
+    ], 10, Xt));
   }
-}), vl = ["outlined", "brand", "filled", "ghost"], fl = ["button", "reset", "submit"], Xa = ["id", "data-behavior", "data-elevation-level", "data-spacing"], hl = /* @__PURE__ */ G({
+}), ml = ["outlined", "brand", "filled", "ghost"], gl = ["button", "reset", "submit"], jt = ["id", "data-behavior", "data-elevation-level", "data-spacing"], bl = /* @__PURE__ */ G({
   name: "DBCard",
   __name: "card",
   props: {
@@ -402,35 +402,35 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     spacing: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    function a(i) {
-      t.onClick && t.onClick(i);
+    const a = e, l = o(null);
+    function t(i) {
+      a.onClick && a.onClick(i);
     }
-    return (i, c) => (v(), y("div", {
+    return (i, c) => (h(), b("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-card", t.class)),
+      class: q(n(O)("db-card", a.class)),
       "data-behavior": e.behavior,
       "data-elevation-level": e.elevationLevel,
       "data-spacing": e.spacing,
-      onClick: c[0] || (c[0] = async (u) => a(u))
+      onClick: c[0] || (c[0] = async (u) => t(u))
     }, [
-      M(i.$slots, "default")
-    ], 10, Xa));
+      F(i.$slots, "default")
+    ], 10, jt));
   }
-}), ml = ["static", "interactive"], gl = ["1", "2", "3"], se = (e, t, l = "value") => {
-  e(`update:${l}`, t.target[l]);
-}, Me = (e, t, l) => {
-  e.form && !e._dbFormResetListenerAdded && (e.form.addEventListener("reset", (a) => {
-    t(a);
+}), yl = ["static", "interactive"], kl = ["1", "2", "3"], se = (e, a, l = "value") => {
+  e(`update:${l}`, a.target[l]);
+}, Ne = (e, a, l) => {
+  e.form && !e._dbFormResetListenerAdded && (e.form.addEventListener("reset", (t) => {
+    a(t);
   }, {
     signal: l
   }), e._dbFormResetListenerAdded = !0);
-}, da = (e, t, l, a) => {
-  Me(e, (i) => {
+}, st = (e, a, l, t) => {
+  Ne(e, (i) => {
     Y(() => {
-      const c = t.checked ? t.checked : t.defaultChecked ? t.defaultChecked : e.checked, u = {
+      const c = a.checked ? a.checked : a.defaultChecked ? a.defaultChecked : e.checked, u = {
         ...i,
         target: {
           ...i.target,
@@ -439,11 +439,11 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       };
       l(u);
     }, 1);
-  }, a);
-}, Ue = (e, t, l, a) => {
-  Me(e, (i) => {
+  }, t);
+}, Ge = (e, a, l, t) => {
+  Ne(e, (i) => {
     Y(() => {
-      const c = t.value ? t.value : t.defaultValue ? t.defaultValue : e.value, u = {
+      const c = a.value ? a.value : a.defaultValue ? a.defaultValue : e.value, u = {
         ...i,
         target: {
           ...i.target,
@@ -452,8 +452,8 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       };
       l(u);
     }, 1);
-  }, a);
-}, ja = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], _ = /* @__PURE__ */ G({
+  }, t);
+}, Kt = ["id", "data-icon", "data-semantic", "data-size", "data-show-icon-leading"], _ = /* @__PURE__ */ G({
   name: "DBInfotext",
   __name: "infotext",
   props: {
@@ -469,26 +469,26 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("span", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("span", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-infotext", t.class)),
+      class: q(n(O)("db-infotext", a.class)),
       "data-icon": e.icon,
       "data-semantic": e.semantic,
       "data-size": e.size,
       "data-show-icon-leading": n(R)(e.showIcon ?? !0)
     }, [
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
-    ], 10, ja));
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
+      ], 64)) : F(t.$slots, "default", { key: 1 })
+    ], 10, Kt));
   }
-}), Ka = ["data-size", "data-hide-asterisk", "data-hide-label"], Ya = ["for"], Ja = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Qa = {
+}), Yt = ["data-size", "data-hide-asterisk", "data-hide-label"], Jt = ["for"], Qt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Zt = {
   "data-visually-hidden": "true",
   role: "status"
-}, bl = /* @__PURE__ */ G({
+}, wl = /* @__PURE__ */ G({
   name: "DBCheckbox",
   __name: "checkbox",
   props: {
@@ -526,18 +526,18 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
     size: { default: void 0 }
   },
   emits: ["update:checked"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(""), g = o(void 0), s = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(!1), c = o(void 0), u = o(void 0), v = o(void 0), m = o(void 0), f = o(void 0), k = o(void 0), $ = o(""), w = o(void 0), s = o(null);
     Q(() => {
       i.value = !0;
-      const L = a.id ?? `checkbox-${ae()}`;
-      c.value = L, u.value = L + re, f.value = L + ve, m.value = L + fe, h.value = a.invalidMessage || te;
+      const g = t.id ?? `checkbox-${te()}`;
+      c.value = g, u.value = g + re, v.value = g + ve, m.value = g + fe, f.value = t.invalidMessage || ae;
     }), me(() => {
-      g.value?.abort();
+      w.value?.abort();
     }), C(
-      () => [s.value, a.invalidMessage],
+      () => [s.value, t.invalidMessage],
       () => {
-        h.value = a.invalidMessage || s.value?.validationMessage || te;
+        f.value = t.invalidMessage || s.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -547,8 +547,8 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       () => [c.value],
       () => {
         if (c.value) {
-          const L = c.value + re;
-          u.value = L, f.value = c.value + ve, m.value = c.value + fe, ee(a.message, a.showMessage) && (k.value = L), b();
+          const g = c.value + re;
+          u.value = g, v.value = c.value + ve, m.value = c.value + fe, ee(t.message, t.showMessage) && (k.value = g), S();
         }
       },
       {
@@ -556,18 +556,18 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
         flush: "post"
       }
     ), C(
-      () => [i.value, s.value, a.indeterminate],
+      () => [i.value, s.value, t.indeterminate],
       () => {
-        s.value && a.indeterminate !== void 0 && (s.value.indeterminate = !!V(a.indeterminate));
+        s.value && t.indeterminate !== void 0 && (s.value.indeterminate = !!V(t.indeterminate));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [i.value, s.value, a.checked],
+      () => [i.value, s.value, t.checked],
       () => {
-        i.value && s.value && (a.checked != null && (s.value.checked = !!V(a.checked)), i.value = !1);
+        i.value && s.value && (t.checked != null && (s.value.checked = !!V(t.checked)), i.value = !1);
       },
       {
         immediate: !0,
@@ -577,17 +577,17 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       () => [s.value],
       () => {
         if (s.value) {
-          let B = g.value;
-          B || (B = new AbortController(), g.value = B), da(
+          let p = w.value;
+          p || (p = new AbortController(), w.value = p), st(
             s.value,
             {
-              checked: a.checked,
+              checked: t.checked,
               defaultChecked: void 0
             },
             (N) => {
-              x(N);
+              y(N);
             },
-            B.signal
+            p.signal
           );
         }
       },
@@ -597,22 +597,22 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
       }
     );
     function d() {
-      return !!(a.validMessage ?? a.validation === "valid");
+      return !!(t.validMessage ?? t.validation === "valid");
     }
-    function b() {
-      !s.value?.validity.valid || a.validation === "invalid" ? (k.value = m.value, h.value = a.invalidMessage || s.value?.validationMessage || te, ce() && ($.value = h.value, Y(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && a.required ? (k.value = f.value, ce() && ($.value = a.validMessage ?? ue, Y(() => $.value = "", 1e3))) : ee(a.message, a.showMessage) ? k.value = u.value : k.value = void 0;
+    function S() {
+      !s.value?.validity.valid || t.validation === "invalid" ? (k.value = m.value, f.value = t.invalidMessage || s.value?.validationMessage || ae, ce() && ($.value = f.value, Y(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && t.required ? (k.value = v.value, ce() && ($.value = t.validMessage ?? ue, Y(() => $.value = "", 1e3))) : ee(t.message, t.showMessage) ? k.value = u.value : k.value = void 0;
     }
-    function x(L, B) {
-      a.onChange && a.onChange(L), se(l, L, "checked"), b();
+    function y(g, p) {
+      t.onChange && t.onChange(g), se(l, g, "checked"), S();
     }
-    function T(L) {
-      a.onBlur && a.onBlur(L);
+    function x(g) {
+      t.onBlur && t.onBlur(g);
     }
-    function w(L) {
-      a.onFocus && a.onFocus(L);
+    function B(g) {
+      t.onFocus && t.onFocus(g);
     }
-    return (L, B) => (v(), y("div", {
-      class: q(n(O)("db-checkbox", a.class)),
+    return (g, p) => (h(), b("div", {
+      class: q(n(O)("db-checkbox", t.class)),
       "data-size": e.size,
       "data-hide-asterisk": n(oe)(e.showRequiredAsterisk),
       "data-hide-label": n(oe)(e.showLabel)
@@ -630,34 +630,34 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
           disabled: n(V)(e.disabled, "disabled"),
           value: e.value,
           required: n(V)(e.required, "required"),
-          onChange: B[0] || (B[0] = async (N) => x(N)),
-          onBlur: B[1] || (B[1] = async (N) => T(N)),
-          onFocus: B[2] || (B[2] = async (N) => w(N)),
+          onChange: p[0] || (p[0] = async (N) => y(N)),
+          onBlur: p[1] || (p[1] = async (N) => x(N)),
+          onFocus: p[2] || (p[2] = async (N) => B(N)),
           "aria-describedby": e.ariaDescribedBy ?? k.value
-        }, null, 40, Ja),
-        e.label ? (v(), y(W, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(L.$slots, "default", { key: 1 })
-      ], 8, Ya),
-      n(ee)(e.message, e.showMessage) ? (v(), J(_, {
+        }, null, 40, Qt),
+        e.label ? (h(), b(W, { key: 0 }, [
+          D(L(e.label), 1)
+        ], 64)) : F(g.$slots, "default", { key: 1 })
+      ], 8, Jt),
+      n(ee)(e.message, e.showMessage) ? (h(), J(_, {
         key: 0,
         size: "small",
         icon: e.messageIcon,
         id: u.value
       }, {
         default: U(() => [
-          D(S(e.message), 1)
+          D(L(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      d() ? (v(), J(_, {
+      d() ? (h(), J(_, {
         key: 1,
         size: "small",
         semantic: "successful",
-        id: f.value
+        id: v.value
       }, {
         default: U(() => [
-          D(S(e.validMessage || n(ue)), 1)
+          D(L(e.validMessage || n(ue)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
@@ -667,106 +667,106 @@ const al = Object.entries(na).map(([, e]) => e), Aa = {
         id: m.value
       }, {
         default: U(() => [
-          D(S(h.value), 1)
+          D(L(f.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Qa, S($.value), 1)
-    ], 10, Ka));
+      E("span", Zt, L($.value), 1)
+    ], 10, Yt));
   }
 });
 class he {
   static callbacks = {};
   static _instance = null;
-  static runCallbacks(t) {
+  static runCallbacks(a) {
     for (const l of Object.values(he.callbacks))
-      typeof l == "function" && l(t);
+      typeof l == "function" && l(a);
   }
   constructor() {
     if (he._instance)
       return he._instance;
-    he._instance = this, self.document && self.document.addEventListener("click", (t) => he.runCallbacks(t));
+    he._instance = this, self.document && self.document.addEventListener("click", (a) => he.runCallbacks(a));
   }
-  addCallback(t) {
-    const l = ae();
-    return he.callbacks[l] = t, l;
+  addCallback(a) {
+    const l = te();
+    return he.callbacks[l] = a, l;
   }
-  removeCallback(t) {
-    delete he.callbacks[t];
+  removeCallback(a) {
+    delete he.callbacks[a];
   }
 }
 class de {
   static callbacks = {};
   static _instance = null;
-  static runCallbacks(t) {
+  static runCallbacks(a) {
     for (const l of Object.values(de.callbacks))
-      typeof l == "function" && l(t);
+      typeof l == "function" && l(a);
   }
   ticking = !1;
   constructor() {
     if (de._instance)
       return de._instance;
-    de._instance = this, self.document && self.document.addEventListener("scroll", (t) => {
+    de._instance = this, self.document && self.document.addEventListener("scroll", (a) => {
       this.ticking || (window.requestAnimationFrame(() => {
-        de.runCallbacks(t), this.ticking = !1;
+        de.runCallbacks(a), this.ticking = !1;
       }), this.ticking = !0);
     }, !0);
   }
-  addCallback(t) {
-    const l = ae();
-    return de.callbacks[l] = t, l;
+  addCallback(a) {
+    const l = te();
+    return de.callbacks[l] = a, l;
   }
-  removeCallback(t) {
-    delete de.callbacks[t];
+  removeCallback(a) {
+    delete de.callbacks[a];
   }
 }
-const Za = (e) => {
+const _t = (e) => {
   const {
-    top: t,
+    top: a,
     bottom: l,
-    left: a,
+    left: t,
     right: i
   } = e.getBoundingClientRect(), {
     innerHeight: c,
     innerWidth: u
   } = window;
-  let f = t < 0, m = l > c, h = a < 0, k = i > u;
-  const $ = e.dataset.outsideVy, g = e.dataset.outsideVx, s = e?.parentElement?.getBoundingClientRect();
-  return s && ($ && (e.dataset.outsideVy === "top" ? f = s.top - (l - s.bottom) < 0 : m = s.bottom + (s.top - t) > c), g && (e.dataset.outsideVx === "left" ? h = s.left - (i - s.right) < 0 : k = s.right + (s.left - a) > u)), {
-    outTop: f,
+  let v = a < 0, m = l > c, f = t < 0, k = i > u;
+  const $ = e.dataset.outsideVy, w = e.dataset.outsideVx, s = e?.parentElement?.getBoundingClientRect();
+  return s && ($ && (e.dataset.outsideVy === "top" ? v = s.top - (l - s.bottom) < 0 : m = s.bottom + (s.top - a) > c), w && (e.dataset.outsideVx === "left" ? f = s.left - (i - s.right) < 0 : k = s.right + (s.left - t) > u)), {
+    outTop: v,
     outBottom: m,
-    outLeft: h,
+    outLeft: f,
     outRight: k
   };
-}, _a = (e) => {
+}, ea = (e) => {
   const {
-    outTop: t,
+    outTop: a,
     outBottom: l,
-    outLeft: a,
+    outLeft: t,
     outRight: i
-  } = Za(e);
+  } = _t(e);
   let c = {};
-  return t || l ? (c = {
-    vy: t ? "top" : "bottom"
-  }, e.dataset.outsideVy = c.vy) : delete e.dataset.outsideVy, a || i ? (c = {
+  return a || l ? (c = {
+    vy: a ? "top" : "bottom"
+  }, e.dataset.outsideVy = c.vy) : delete e.dataset.outsideVy, t || i ? (c = {
     ...c,
     vx: i ? "right" : "left"
   }, e.dataset.outsideVx = c.vx) : delete e.dataset.outsideVx, c;
-}, et = (e, t, l) => {
+}, ta = (e, a, l) => {
   if (getComputedStyle(e).zIndex === "9999") return;
   const {
-    top: a,
+    top: t,
     bottom: i,
     childHeight: c,
     childWidth: u,
-    width: f,
+    width: v,
     right: m,
-    left: h,
+    left: f,
     correctedPlacement: k
-  } = sa(e, t, l);
-  e.dataset.width === "full" && (e.style.inlineSize = `${f}px`), k === "top" || k === "bottom" || k === "top-start" || k === "bottom-start" ? e.style.insetInlineStart = `${h}px` : (k === "top-end" || k === "bottom-end") && (e.style.insetInlineStart = `${m - u}px`), k?.startsWith("top") ? e.style.insetBlockStart = `${a - c}px` : k?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
-}, sa = (e, t, l) => {
-  if (!e || !t)
+  } = ut(e, a, l);
+  e.dataset.width === "full" && (e.style.inlineSize = `${v}px`), k === "top" || k === "bottom" || k === "top-start" || k === "bottom-start" ? e.style.insetInlineStart = `${f}px` : (k === "top-end" || k === "bottom-end") && (e.style.insetInlineStart = `${m - u}px`), k?.startsWith("top") ? e.style.insetBlockStart = `${t - c}px` : k?.startsWith("bottom") && (e.style.insetBlockStart = `${i}px`), e.style.position = "fixed";
+}, ut = (e, a, l) => {
+  if (!e || !a)
     return {
       top: 0,
       bottom: 0,
@@ -780,88 +780,103 @@ const Za = (e) => {
       innerWidth: window.innerWidth,
       innerHeight: window.innerHeight
     };
-  const a = e.getBoundingClientRect(), {
+  const t = e.getBoundingClientRect(), {
     top: i,
     height: c,
     bottom: u,
-    right: f,
+    right: v,
     left: m,
-    width: h
-  } = t.getBoundingClientRect(), {
+    width: f
+  } = a.getBoundingClientRect(), {
     innerHeight: k,
     innerWidth: $
   } = window;
-  let g = a.height, s = a.width;
-  (l === "bottom" || l === "top") && (s = s / 2), (l === "left" || l === "right") && (g = g / 2);
-  const d = u + g > k, b = i - g < 0, x = m - s < 0, T = f + s > $;
-  let w = l;
-  return l.startsWith("bottom") ? d ? (w = l?.replace("bottom", "top"), x && T ? w = "top" : x ? w = "top-start" : T && (w = "top-end")) : x && T ? w = "bottom" : x ? w = "bottom-start" : T && (w = "bottom-end") : l.startsWith("top") ? b ? (w = l?.replace("top", "bottom"), x && T ? w = "bottom" : x ? w = "bottom-start" : T && (w = "bottom-end")) : x && T ? w = "top" : x ? w = "top-start" : T && (w = "top-end") : l.startsWith("left") ? x ? (w = l?.replace("left", "right"), d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")) : d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start") : w.startsWith("right") && (T ? (w = l?.replace("right", "left"), d && b ? w = "left" : d ? w = "left-end" : b && (w = "left-start")) : d && b ? w = "right" : d ? w = "right-end" : b && (w = "right-start")), {
+  let w = t.height, s = t.width;
+  (l === "bottom" || l === "top") && (s = s / 2), (l === "left" || l === "right") && (w = w / 2);
+  const d = u + w > k, S = i - w < 0, y = m - s < 0, x = v + s > $;
+  let B = l;
+  return l.startsWith("bottom") ? d ? (B = l?.replace("bottom", "top"), y && x ? B = "top" : y ? B = "top-start" : x && (B = "top-end")) : y && x ? B = "bottom" : y ? B = "bottom-start" : x && (B = "bottom-end") : l.startsWith("top") ? S ? (B = l?.replace("top", "bottom"), y && x ? B = "bottom" : y ? B = "bottom-start" : x && (B = "bottom-end")) : y && x ? B = "top" : y ? B = "top-start" : x && (B = "top-end") : l.startsWith("left") ? y ? (B = l?.replace("left", "right"), d && S ? B = "right" : d ? B = "right-end" : S && (B = "right-start")) : d && S ? B = "left" : d ? B = "left-end" : S && (B = "left-start") : B.startsWith("right") && (x ? (B = l?.replace("right", "left"), d && S ? B = "left" : d ? B = "left-end" : S && (B = "left-start")) : d && S ? B = "right" : d ? B = "right-end" : S && (B = "right-start")), {
     top: i,
     bottom: u,
-    right: f,
+    right: v,
     height: c,
-    width: h,
+    width: f,
     left: m,
-    childHeight: a.height,
-    childWidth: a.width,
-    correctedPlacement: w,
+    childHeight: t.height,
+    childWidth: t.width,
+    correctedPlacement: B,
     innerWidth: $,
     innerHeight: k
   };
-}, ua = (e, t, l) => {
-  const a = getComputedStyle(e).getPropertyValue("--db-popover-distance") ?? "0px", {
-    top: i,
-    height: c,
-    width: u,
-    childHeight: f,
-    childWidth: m,
-    right: h,
-    left: k,
-    bottom: $,
-    correctedPlacement: g,
-    innerWidth: s,
-    innerHeight: d
-  } = sa(e, t, l);
-  if (m > u && (g.startsWith("bottom") || g.startsWith("top"))) {
-    const b = u / 2 / m * 100;
-    g.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${b}%`) : g.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - b}%`);
+}, aa = 10, Me = /* @__PURE__ */ new WeakMap(), ia = (e) => {
+  if (Me.has(e))
+    return Me.get(e);
+  let a = e.parentElement, l = 0;
+  for (; a && l < aa; ) {
+    if (a.dataset.correctedPlacement)
+      return Me.set(e, a), a;
+    a = a.parentElement, l += 1;
   }
-  if (f > c && (g.startsWith("left") || g.startsWith("bottom"))) {
-    const b = c / 2 / f * 100;
-    g.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${b}%`) : g.endsWith("end") && e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - b}%`);
+  return Me.set(e, null), null;
+}, ct = (e, a, l) => {
+  const t = getComputedStyle(a), i = ["absolute", "fixed"].includes(t.position), c = ia(e), u = !c && !i, v = getComputedStyle(e)?.getPropertyValue("--db-popover-distance") ?? "0px";
+  let {
+    top: m,
+    height: f,
+    width: k,
+    childHeight: $,
+    childWidth: w,
+    right: s,
+    left: d,
+    bottom: S,
+    correctedPlacement: y,
+    innerWidth: x,
+    innerHeight: B
+  } = ut(e, a, l);
+  if (c) {
+    const g = c.getBoundingClientRect();
+    d = Math.abs(d - g.left), s = (k + Math.abs(s - g.right)) * 1.5, m = Math.abs(m - g.top), S = (f + Math.abs(S - g.bottom)) * 1.5;
   }
-  if (g === "right" || g === "left")
-    e.style.insetBlockStart = `${i + c / 2}px`;
-  else if (g === "right-start" || g === "left-start") {
-    const b = i + f;
-    e.style.insetBlockStart = `${i}px`, e.style.insetBlockEnd = `${b > d ? d : b}px`;
-  } else if (g === "right-end" || g === "left-end") {
-    const b = $ - f;
-    e.style.insetBlockStart = `${b < 0 ? 0 : b}px`, e.style.insetBlockEnd = `${$}px`;
-  } else if (g === "top" || g === "bottom")
-    e.style.insetInlineStart = `${k + u / 2}px`;
-  else if (g === "top-start" || g === "bottom-start") {
-    const b = k + m;
-    e.style.insetInlineStart = `${k}px`, e.style.insetInlineEnd = `${b > s ? s : b}px`;
-  } else if (g === "top-end" || g === "bottom-end") {
-    const b = k - m;
-    e.style.insetInlineStart = `${h - m}px`, e.style.insetInlineEnd = `${b < 0 ? 0 : b}px`;
+  if (i && (d = 0, s = k, m = 0, S = f, ["auto", "inherit", "0"].includes(t.zIndex) && (a.style.zIndex = "1")), w > k && (y.startsWith("bottom") || y.startsWith("top"))) {
+    const g = k / 2 / w * 100;
+    y.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${g}%`) : y.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-inline-start", `${100 - g}%`) : e.style.setProperty("--db-tooltip-arrow-inline-start", "50%");
   }
-  if (g?.startsWith("right")) {
-    const b = h + m;
-    e.style.insetInlineStart = `calc(${h}px + ${a})`, e.style.insetInlineEnd = `calc(${b > s ? s : b}px + ${a})`;
-  } else if (g?.startsWith("left")) {
-    const b = k - m;
-    e.style.insetInlineStart = `calc(${b < 0 ? 0 : b}px - ${a})`, e.style.insetInlineEnd = `calc(${h}px - ${a})`;
-  } else if (g?.startsWith("top")) {
-    const b = i - f;
-    e.style.insetBlockStart = `calc(${b < 0 ? 0 : b}px - ${a})`, e.style.insetBlockEnd = `calc(${$}px - ${a})`;
-  } else if (g?.startsWith("bottom")) {
-    const b = $ + f;
-    e.style.insetBlockStart = `calc(${$}px + ${a})`, e.style.insetBlockEnd = `calc(${b > d ? d : b}px + ${a})`;
+  if ($ > f && (y.startsWith("left") || y.startsWith("bottom"))) {
+    const g = f / 2 / $ * 100;
+    y.endsWith("start") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${g}%`) : y.endsWith("end") ? e.style.setProperty("--db-tooltip-arrow-block-start", `${100 - g}%`) : e.style.setProperty("--db-tooltip-arrow-block-start", "50%");
   }
-  e.style.position = "fixed", e.dataset.correctedPlacement = g;
-}, at = ["id", "data-width"], tt = /* @__PURE__ */ G({
+  if (y === "right" || y === "left")
+    e.style.insetBlockStart = `${m + f / 2}px`;
+  else if (y === "right-start" || y === "left-start") {
+    const g = m + $;
+    e.style.insetBlockStart = `${m}px`, e.style.insetBlockEnd = `${!i && g > B ? B : g}px`;
+  } else if (y === "right-end" || y === "left-end") {
+    const g = S - $;
+    e.style.insetBlockStart = `${!i && g < 0 ? 0 : g}px`, e.style.insetBlockEnd = `${S}px`;
+  } else if (y === "top" || y === "bottom")
+    e.style.insetInlineStart = `${d + k / 2}px`;
+  else if (y === "top-start" || y === "bottom-start") {
+    const g = d + w;
+    e.style.insetInlineStart = `${d}px`, e.style.insetInlineEnd = `${!i && g > x ? x : g}px`;
+  } else if (y === "top-end" || y === "bottom-end") {
+    const g = s - w;
+    e.style.insetInlineStart = `${!i && g < 0 ? 0 : g}px`, e.style.insetInlineEnd = `${s}px`;
+  }
+  if (y?.startsWith("right")) {
+    const g = s + w;
+    e.style.insetInlineStart = `calc(${s}px + ${v})`, e.style.insetInlineEnd = `calc(${u && g > x ? x : g}px + ${v})`;
+  } else if (y?.startsWith("left")) {
+    const g = d - w;
+    e.style.insetInlineStart = `calc(${u && g < 0 ? 0 : g}px - ${v})`, e.style.insetInlineEnd = `calc(${s}px - ${v})`;
+  } else if (y?.startsWith("top")) {
+    const g = m - $;
+    e.style.insetBlockStart = `calc(${u && g < 0 ? 0 : g}px - ${v})`, e.style.insetBlockEnd = `calc(${i ? g : S}px - ${v})`;
+  } else if (y?.startsWith("bottom")) {
+    const g = S + $;
+    e.style.insetBlockStart = `calc(${i ? g : S}px + ${v})`, e.style.insetBlockEnd = `calc(${u && g > B ? B : g}px + ${v})`;
+  }
+  e.style.position = "fixed", e.dataset.correctedPlacement = y;
+}, la = ["id", "data-width"], na = /* @__PURE__ */ G({
   name: "DBCustomSelectDropdown",
   __name: "custom-select-dropdown",
   props: {
@@ -873,19 +888,19 @@ const Za = (e) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("article", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("article", {
       "data-spacing": "none",
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-custom-select-dropdown db-card", t.class)),
+      class: q(n(O)("db-custom-select-dropdown db-card", a.class)),
       "data-width": e.width
     }, [
-      M(a.$slots, "default")
-    ], 10, at));
+      F(t.$slots, "default")
+    ], 10, la));
   }
-}), it = ["id", "data-divider"], lt = ["data-icon", "data-show-icon", "data-icon-trailing"], nt = ["type", "name", "form", "checked", "disabled", "value"], ot = { key: 1 }, dt = /* @__PURE__ */ G({
+}), oa = ["id", "data-divider"], da = ["data-icon", "data-show-icon", "data-icon-trailing"], sa = ["type", "name", "form", "checked", "disabled", "value"], ua = { key: 1 }, ca = /* @__PURE__ */ G({
   name: "DBCustomSelectListItem",
   __name: "custom-select-list-item",
   props: {
@@ -909,40 +924,40 @@ const Za = (e) => {
     showIcon: { type: [Boolean, String], default: void 0 }
   },
   emits: ["update:checked"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(!1), u = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(void 0), c = o(!1), u = o(null);
     Q(() => {
-      i.value = a.id ?? `custom-select-list-item-${ae()}`;
+      i.value = t.id ?? `custom-select-list-item-${te()}`;
     }), C(
-      () => [a.isGroupTitle, a.showDivider],
+      () => [t.isGroupTitle, t.showDivider],
       () => {
-        c.value = !!(a.isGroupTitle || a.showDivider);
+        c.value = !!(t.isGroupTitle || t.showDivider);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function f(h) {
-      h.stopPropagation(), a.onChange && a.onChange(h), se(l, h, "checked");
+    function v(f) {
+      f.stopPropagation(), t.onChange && t.onChange(f), se(l, f, "checked");
     }
     function m() {
-      if (!(a.isGroupTitle || a.type === "checkbox"))
-        return V(a.checked, "checked") ? "check" : "x_placeholder";
+      if (!(t.isGroupTitle || t.type === "checkbox"))
+        return V(t.checked, "checked") ? "check" : "x_placeholder";
     }
-    return (h, k) => (v(), y("li", {
+    return (f, k) => (h(), b("li", {
       ref_key: "_ref",
       ref: u,
       id: i.value,
       class: q(
-        n(O)("db-custom-select-list-item", a.class, {
+        n(O)("db-custom-select-list-item", t.class, {
           "db-checkbox": e.type === "checkbox" && !e.isGroupTitle,
           "db-radio": e.type !== "checkbox" && !e.isGroupTitle
         })
       ),
       "data-divider": n(R)(c.value)
     }, [
-      e.isGroupTitle ? (v(), y("span", ot, S(e.groupTitle), 1)) : (v(), y("label", {
+      e.isGroupTitle ? (h(), b("span", ua, L(e.groupTitle), 1)) : (h(), b("label", {
         key: 0,
         "data-icon": e.type !== "checkbox" && e.icon ? e.icon : void 0,
         "data-show-icon": n(R)(e.showIcon),
@@ -957,15 +972,15 @@ const Za = (e) => {
           checked: n(V)(e.checked, "checked"),
           disabled: n(V)(e.disabled, "disabled"),
           value: e.value,
-          onChange: k[0] || (k[0] = async ($) => f($))
-        }, null, 40, nt),
-        e.label ? (v(), y(W, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(h.$slots, "default", { key: 1 })
-      ], 8, lt))
-    ], 10, it));
+          onChange: k[0] || (k[0] = async ($) => v($))
+        }, null, 40, sa),
+        e.label ? (h(), b(W, { key: 0 }, [
+          D(L(e.label), 1)
+        ], 64)) : F(f.$slots, "default", { key: 1 })
+      ], 8, da))
+    ], 10, oa));
   }
-}), st = ["role", "aria-label", "id"], ut = /* @__PURE__ */ G({
+}), ra = ["role", "aria-label", "id"], va = /* @__PURE__ */ G({
   name: "DBCustomSelectList",
   __name: "custom-select-list",
   props: {
@@ -978,24 +993,24 @@ const Za = (e) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("div", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("div", {
       role: e.multiple ? "group" : "radiogroup",
       "aria-label": e.label,
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-custom-select-list", t.class))
+      class: q(n(O)("db-custom-select-list", a.class))
     }, [
       E("ul", null, [
-        M(a.$slots, "default")
+        F(t.$slots, "default")
       ])
-    ], 10, st));
+    ], 10, ra));
   }
-}), ct = ["data-variant", "data-hide-label", "data-show-icon", "data-icon", "data-icon-trailing", "data-hide-asterisk", "data-show-icon-trailing"], rt = ["for"], vt = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "multiple", "accept", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "enterKeyHint", "inputMode", "list", "aria-describedby", "role"], ft = ["id"], ht = ["value"], mt = {
+}), fa = ["data-variant", "data-hide-label", "data-show-icon", "data-icon", "data-icon-trailing", "data-hide-asterisk", "data-show-icon-trailing"], ha = ["for"], ma = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "multiple", "accept", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "enterKeyHint", "inputMode", "list", "aria-describedby", "role"], ga = ["id"], ba = ["value"], ya = {
   "data-visually-hidden": "true",
   role: "status"
-}, gt = /* @__PURE__ */ G({
+}, ka = /* @__PURE__ */ G({
   name: "DBInput",
   __name: "input",
   props: {
@@ -1060,17 +1075,17 @@ const Za = (e) => {
     size: { default: void 0 }
   },
   emits: ["update:value"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(""), g = o(""), s = o(void 0), d = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(void 0), c = o(void 0), u = o(void 0), v = o(void 0), m = o(void 0), f = o(void 0), k = o(void 0), $ = o(""), w = o(""), s = o(void 0), d = o(null);
     Q(() => {
-      const F = a.id ?? `input-${ae()}`;
-      i.value = F, c.value = F + re, u.value = F + ve, f.value = F + fe, h.value = F + Qe, m.value = a.invalidMessage || te;
+      const M = t.id ?? `input-${te()}`;
+      i.value = M, c.value = M + re, u.value = M + ve, v.value = M + fe, f.value = M + Ze, m.value = t.invalidMessage || ae;
     }), me(() => {
       s.value?.abort();
     }), C(
-      () => [d.value, a.invalidMessage],
+      () => [d.value, t.invalidMessage],
       () => {
-        m.value = a.invalidMessage || d.value?.validationMessage || te;
+        m.value = t.invalidMessage || d.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -1080,8 +1095,8 @@ const Za = (e) => {
       () => [i.value],
       () => {
         if (i.value) {
-          const F = i.value + re;
-          c.value = F, u.value = i.value + ve, f.value = i.value + fe, h.value = a.dataListId ?? i.value + Qe, ee(a.message, a.showMessage) && (k.value = F), x();
+          const M = i.value + re;
+          c.value = M, u.value = i.value + ve, v.value = i.value + fe, f.value = t.dataListId ?? i.value + Ze, ee(t.message, t.showMessage) && (k.value = M), y();
         }
       },
       {
@@ -1089,9 +1104,9 @@ const Za = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.value],
+      () => [t.value],
       () => {
-        a.value !== void 0 && ($.value = a.value);
+        t.value !== void 0 && ($.value = t.value);
       },
       {
         immediate: !0,
@@ -1102,14 +1117,14 @@ const Za = (e) => {
       () => {
         if (d.value) {
           let X = s.value;
-          X || (X = new AbortController(), s.value = X), Ue(
+          X || (X = new AbortController(), s.value = X), Ge(
             d.value,
             {
-              value: a.value,
+              value: t.value,
               defaultValue: void 0
             },
             (A) => {
-              w(A), T(A);
+              B(A), x(A);
             },
             X.signal
           );
@@ -1120,35 +1135,35 @@ const Za = (e) => {
         flush: "post"
       }
     );
-    function b() {
-      return !!(a.validMessage ?? a.validation === "valid");
+    function S() {
+      return !!(t.validMessage ?? t.validation === "valid");
     }
-    function x() {
-      !d.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, m.value = a.invalidMessage || d.value?.validationMessage || te, ce() && (g.value = m.value, Y(() => g.value = "", 1e3))) : b() && d.value?.validity.valid && (a.required || a.minLength || a.maxLength || a.pattern) ? (k.value = u.value, ce() && (g.value = a.validMessage ?? ue, Y(() => g.value = "", 1e3))) : ee(a.message, a.showMessage) ? k.value = c.value : k.value = void 0;
+    function y() {
+      !d.value?.validity.valid || t.validation === "invalid" ? (k.value = v.value, m.value = t.invalidMessage || d.value?.validationMessage || ae, ce() && (w.value = m.value, Y(() => w.value = "", 1e3))) : S() && d.value?.validity.valid && (t.required || t.minLength || t.maxLength || t.pattern) ? (k.value = u.value, ce() && (w.value = t.validMessage ?? ue, Y(() => w.value = "", 1e3))) : ee(t.message, t.showMessage) ? k.value = c.value : k.value = void 0;
     }
-    function T(F, H) {
-      a.input && a.input(F), $.value = F.target.value, a.onInput && a.onInput(F), se(l, F), x();
+    function x(M, H) {
+      t.input && t.input(M), $.value = M.target.value, t.onInput && t.onInput(M), se(l, M), y();
     }
-    function w(F, H) {
-      a.onChange && a.onChange(F), se(l, F), x();
+    function B(M, H) {
+      t.onChange && t.onChange(M), se(l, M), y();
     }
-    function L(F) {
-      a.onBlur && a.onBlur(F);
+    function g(M) {
+      t.onBlur && t.onBlur(M);
     }
-    function B(F) {
-      a.onFocus && a.onFocus(F);
+    function p(M) {
+      t.onFocus && t.onFocus(M);
     }
     function N() {
-      const F = a.dataList;
+      const M = t.dataList;
       return Array.from(
-        (Fa(F) ? F?.map((H) => ({
+        (Ft(M) ? M?.map((H) => ({
           value: H,
           label: void 0
-        })) : F) || []
+        })) : M) || []
       );
     }
-    return (F, H) => (v(), y("div", {
-      class: q(n(O)("db-input", a.class)),
+    return (M, H) => (h(), b("div", {
+      class: q(n(O)("db-input", t.class)),
       "data-variant": e.variant,
       "data-hide-label": n(oe)(e.showLabel),
       "data-show-icon": n(R)(e.showIconLeading ?? e.showIcon),
@@ -1157,7 +1172,7 @@ const Za = (e) => {
       "data-hide-asterisk": n(oe)(e.showRequiredAsterisk),
       "data-show-icon-trailing": n(R)(e.showIconTrailing)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ke)), 9, rt),
+      E("label", { for: i.value }, L(e.label ?? n(ke)), 9, ha),
       E("input", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -1169,15 +1184,15 @@ const Za = (e) => {
         type: e.type || "text",
         multiple: n(V)(e.multiple, "multiple"),
         accept: e.accept,
-        placeholder: e.placeholder ?? n(ea),
+        placeholder: e.placeholder ?? n(tt),
         disabled: n(V)(e.disabled, "disabled"),
         required: n(V)(e.required, "required"),
-        step: n(Ra)(e.step),
+        step: n(zt)(e.step),
         value: e.value ?? $.value,
         maxLength: n(Le)(e.maxLength, e.maxlength),
         minLength: n(Le)(e.minLength, e.minlength),
-        max: n(Ze)(e.max, e.type),
-        min: n(Ze)(e.min, e.type),
+        max: n(_e)(e.max, e.type),
+        min: n(_e)(e.min, e.type),
         readOnly: n(V)(e.readOnly, "readOnly") || n(V)(e.readonly, "readonly"),
         form: e.form,
         pattern: e.pattern,
@@ -1186,62 +1201,62 @@ const Za = (e) => {
         autoFocus: n(V)(e.autofocus, "autofocus"),
         enterKeyHint: e.enterkeyhint,
         inputMode: e.inputmode,
-        onInput: H[0] || (H[0] = async (X) => T(X)),
-        onChange: H[1] || (H[1] = async (X) => w(X)),
-        onBlur: H[2] || (H[2] = async (X) => L(X)),
-        onFocus: H[3] || (H[3] = async (X) => B(X)),
-        list: e.dataList && h.value,
+        onInput: H[0] || (H[0] = async (X) => x(X)),
+        onChange: H[1] || (H[1] = async (X) => B(X)),
+        onBlur: H[2] || (H[2] = async (X) => g(X)),
+        onFocus: H[3] || (H[3] = async (X) => p(X)),
+        list: e.dataList && f.value,
         "aria-describedby": e.ariaDescribedBy ?? k.value,
         role: ["datetime-local", "date", "time", "week", "month", "color"].includes(
           e.type ?? ""
-        ) && n(Na)() ? "textbox" : void 0
-      }, null, 40, vt),
-      e.dataList ? (v(), y("datalist", {
+        ) && n(Rt)() ? "textbox" : void 0
+      }, null, 40, ma),
+      e.dataList ? (h(), b("datalist", {
         key: 0,
-        id: h.value
+        id: f.value
       }, [
-        (v(!0), y(W, null, ge(N(), (X) => (v(), y("option", {
-          key: h.value + "-option-" + X.value,
+        (h(!0), b(W, null, ge(N(), (X) => (h(), b("option", {
+          key: f.value + "-option-" + X.value,
           value: X.value
-        }, S(X.label), 9, ht))), 128))
-      ], 8, ft)) : z("", !0),
-      M(F.$slots, "default"),
-      n(ee)(e.message, e.showMessage) ? (v(), J(_, {
+        }, L(X.label), 9, ba))), 128))
+      ], 8, ga)) : z("", !0),
+      F(M.$slots, "default"),
+      n(ee)(e.message, e.showMessage) ? (h(), J(_, {
         key: 1,
         size: e.messageSize || "small",
         icon: e.messageIcon,
         id: c.value
       }, {
         default: U(() => [
-          D(S(e.message), 1)
+          D(L(e.message), 1)
         ]),
         _: 1
       }, 8, ["size", "icon", "id"])) : z("", !0),
-      b() ? (v(), J(_, {
+      S() ? (h(), J(_, {
         key: 2,
         semantic: "successful",
         id: u.value,
         size: e.validMessageSize || "small"
       }, {
         default: U(() => [
-          D(S(e.validMessage || n(ue)), 1)
+          D(L(e.validMessage || n(ue)), 1)
         ]),
         _: 1
       }, 8, ["id", "size"])) : z("", !0),
       ie(_, {
         semantic: "critical",
-        id: f.value,
+        id: v.value,
         size: e.invalidMessageSize || "small"
       }, {
         default: U(() => [
-          D(S(m.value), 1)
+          D(L(m.value), 1)
         ]),
         _: 1
       }, 8, ["id", "size"]),
-      E("span", mt, S(g.value), 1)
-    ], 10, ct));
+      E("span", ya, L(w.value), 1)
+    ], 10, fa));
   }
-}), bt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ca = /* @__PURE__ */ G({
+}), wa = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], rt = /* @__PURE__ */ G({
   name: "DBTooltip",
   __name: "tooltip",
   props: {
@@ -1259,22 +1274,22 @@ const Za = (e) => {
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(Ee), a = o(!1), i = o(void 0), c = o(void 0), u = o(null);
+    const a = e, l = o(Ee), t = o(!1), i = o(void 0), c = o(void 0), u = o(null);
     Q(() => {
-      l.value = t.id || "tooltip-" + ae(), a.value = !0;
+      l.value = a.id || "tooltip-" + te(), t.value = !0;
     }), C(
-      () => [u.value, a.value],
+      () => [u.value, t.value],
       () => {
-        if (u.value && a.value && l.value) {
-          const d = h();
-          d && (["mouseenter", "focusin"].forEach((b) => {
-            d.addEventListener(b, () => s(d));
-          }), d.addEventListener("keydown", (b) => m(b)), ["mouseleave", "focusout"].forEach((b) => {
-            d.addEventListener(b, () => g());
-          }), d.dataset.hasTooltip = "true", t.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((b) => {
-            const x = b.find(({ target: T }) => T === h());
-            x && !x.isIntersecting && m(!1);
-          })), a.value = !1;
+        if (u.value && t.value && l.value) {
+          const d = f();
+          d && (k(d), ["mouseenter", "focusin"].forEach((S) => {
+            d.addEventListener(S, () => s(d));
+          }), d.addEventListener("keydown", (S) => m(S)), ["mouseleave", "focusout"].forEach((S) => {
+            d.addEventListener(S, () => w());
+          }), d.dataset.hasTooltip = "true", a.variant === "label" ? d.setAttribute("aria-labelledby", l.value) : d.setAttribute("aria-describedby", l.value)), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((S) => {
+            const y = S.find(({ target: x }) => x === f());
+            y && !y.isIntersecting && m(!1);
+          })), t.value = !1;
         }
       },
       {
@@ -1282,45 +1297,45 @@ const Za = (e) => {
         flush: "post"
       }
     );
-    function f(d) {
+    function v(d) {
       d.stopPropagation();
     }
     function m(d) {
-      (!d || d.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && h().blur();
+      (!d || d.key === "Escape") && u.value && getComputedStyle(u.value).visibility === "visible" && f().blur();
     }
-    function h() {
+    function f() {
       let d = u.value.parentElement;
       return d && d.localName.includes("tooltip") && (d = d.parentElement), d;
     }
     function k(d) {
       d && u.value && Y(() => {
-        u.value && ua(
+        u.value && ct(
           u.value,
           d,
-          t.placement ?? "bottom"
+          a.placement ?? "bottom"
         );
       }, 1);
     }
-    function $(d, b) {
-      d?.target?.contains && d?.target?.contains(u.value) && k(b);
+    function $(d, S) {
+      d?.target?.contains && d?.target?.contains(u.value) && k(S);
     }
-    function g() {
+    function w() {
       i.value && new de().removeCallback(
         i.value
-      ), c.value?.unobserve(h());
+      ), c.value?.unobserve(f());
     }
     function s(d) {
       i.value = new de().addCallback(
-        (b) => $(b, d)
-      ), k(d), c.value?.observe(h());
+        (S) => $(S, d)
+      ), k(d), c.value?.observe(f());
     }
-    return (d, b) => (v(), y("i", {
+    return (d, S) => (h(), b("i", {
       role: "tooltip",
       "aria-hidden": "true",
       "data-gap": "true",
       ref_key: "_ref",
       ref: u,
-      class: q(n(O)("db-tooltip", t.class)),
+      class: q(n(O)("db-tooltip", a.class)),
       id: l.value,
       "data-emphasis": e.emphasis,
       "data-animation": n(R)(e.animation ?? !0),
@@ -1328,12 +1343,12 @@ const Za = (e) => {
       "data-width": e.width,
       "data-show-arrow": n(R)(e.showArrow ?? !0),
       "data-placement": e.placement,
-      onClick: b[0] || (b[0] = async (x) => f(x))
+      onClick: S[0] || (S[0] = async (y) => v(y))
     }, [
-      M(d.$slots, "default")
-    ], 10, bt));
+      F(d.$slots, "default")
+    ], 10, wa));
   }
-}), yt = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], kt = /* @__PURE__ */ G({
+}), Ba = ["id", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-show-icon", "data-no-text", "data-overflow"], Sa = /* @__PURE__ */ G({
   name: "DBTag",
   __name: "tag",
   props: {
@@ -1358,18 +1373,18 @@ const Za = (e) => {
     remove: {}
   },
   setup(e) {
-    const t = e, l = o(null);
-    function a(c) {
-      c && (c.stopPropagation(), t.onRemove && t.onRemove(c));
+    const a = e, l = o(null);
+    function t(c) {
+      c && (c.stopPropagation(), a.onRemove && a.onRemove(c));
     }
     function i() {
-      return t.removeButton ? t.removeButton : aa;
+      return a.removeButton ? a.removeButton : at;
     }
-    return (c, u) => (v(), y("div", {
+    return (c, u) => (h(), b("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-tag", t.class)),
+      class: q(n(O)("db-tag", a.class)),
       "data-semantic": e.semantic,
       "data-emphasis": e.emphasis,
       "data-icon": e.icon,
@@ -1378,12 +1393,12 @@ const Za = (e) => {
       "data-no-text": n(R)(e.noText),
       "data-overflow": n(R)(e.overflow)
     }, [
-      M(c.$slots, "content"),
-      M(c.$slots, "default"),
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
+      F(c.$slots, "content"),
+      F(c.$slots, "default"),
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
       ], 64)) : z("", !0),
-      e.behavior === "removable" ? (v(), y("button", {
+      e.behavior === "removable" ? (h(), b("button", {
         key: 1,
         class: "db-button db-tab-remove-button",
         "data-icon": "cross",
@@ -1391,24 +1406,24 @@ const Za = (e) => {
         "data-no-text": "true",
         "data-variant": "ghost",
         type: "button",
-        onClick: u[0] || (u[0] = async (f) => a(f))
+        onClick: u[0] || (u[0] = async (v) => t(v))
       }, [
-        ie(ca, { variant: "label" }, {
+        ie(rt, { variant: "label" }, {
           default: U(() => [
-            D(S(i()), 1)
+            D(L(i()), 1)
           ]),
           _: 1
         })
       ])) : z("", !0)
-    ], 10, yt));
+    ], 10, Ba));
   }
-}), wt = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], Bt = ["id"], St = ["id", "form", "name", "multiple", "disabled", "required"], pt = ["disabled", "value"], Lt = ["open"], It = ["id", "aria-disabled", "aria-labelledby"], xt = ["data-visually-hidden", "id"], $t = {
+}), pa = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-hide-asterisk", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-show-icon"], La = ["id"], Ia = ["id", "form", "name", "multiple", "disabled", "required"], xa = ["disabled", "value"], Ta = ["open"], $a = ["id", "aria-disabled", "aria-labelledby"], Ca = ["data-visually-hidden", "id"], Ea = {
   key: 0,
   "data-visually-hidden": "true"
-}, Tt = { key: 1 }, Ct = { key: 0 }, Et = { key: 0 }, At = { class: "db-checkbox db-custom-select-list-item" }, Dt = ["form", "checked"], Ft = ["aria-hidden", "id"], Mt = {
+}, Aa = { key: 1 }, Da = { key: 0 }, Ma = { key: 0 }, Fa = { class: "db-checkbox db-custom-select-list-item" }, Na = ["form", "checked"], Ra = ["aria-hidden", "id"], za = {
   "data-visually-hidden": "true",
   role: "status"
-}, yl = /* @__PURE__ */ G({
+}, Bl = /* @__PURE__ */ G({
   name: "DBCustomSelect",
   __name: "custom-select",
   props: {
@@ -1474,24 +1489,24 @@ const Za = (e) => {
     showLabel: { type: [Boolean, String], default: void 0 }
   },
   emits: ["update:values"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(void 0), $ = o(void 0), g = o(void 0), s = o(void 0), d = o("no-validation"), b = o(!1), x = o(void 0), T = o(void 0), w = o(""), L = o(void 0), B = o(""), N = o([]), F = o(!1), H = o(!1), X = o(0), A = o([]), K = o([]), j = o(!1), be = o(void 0), Be = o(0), xe = o(void 0), Ne = o(void 0), Re = o(void 0), ze = o(!1), $e = o(!1), ra = o(null), P = o(null), ne = o(null), Ae = o(null), Pe = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(void 0), c = o(void 0), u = o(void 0), v = o(void 0), m = o(void 0), f = o(void 0), k = o(void 0), $ = o(void 0), w = o(void 0), s = o(void 0), d = o("no-validation"), S = o(!1), y = o(void 0), x = o(void 0), B = o(""), g = o(void 0), p = o(""), N = o([]), M = o(!1), H = o(!1), X = o(0), A = o([]), K = o([]), j = o(!1), be = o(void 0), Be = o(0), xe = o(void 0), Re = o(void 0), ze = o(void 0), Pe = o(!1), Te = o(!1), vt = o(null), P = o(null), ne = o(null), Ae = o(null), Ve = o(null);
     Q(() => {
-      const r = a.id ?? `custom-select-${ae()}`;
-      i.value = r, c.value = r + re, u.value = r + ve, f.value = r + fe, h.value = r + Je, k.value = r + Ye, $.value = r + "-summary", g.value = r + Fe, L.value = r + "-selected-labels", s.value = r + "-info", m.value = a.invalidMessage || te, typeof window < "u" && "IntersectionObserver" in window && (Ne.value = new IntersectionObserver((p) => {
+      const r = t.id ?? `custom-select-${te()}`;
+      i.value = r, c.value = r + re, u.value = r + ve, v.value = r + fe, f.value = r + Qe, k.value = r + Je, $.value = r + "-summary", w.value = r + Fe, g.value = r + "-selected-labels", s.value = r + "-info", m.value = t.invalidMessage || ae, typeof window < "u" && "IntersectionObserver" in window && (Re.value = new IntersectionObserver((I) => {
         if (P.value) {
-          const I = p.find(({ target: Z }) => Z === P.value);
-          I && !I.isIntersecting && P.value.open && (P.value.open = !1);
+          const T = I.find(({ target: Z }) => Z === P.value);
+          T && !T.isIntersecting && P.value.open && (P.value.open = !1);
         }
       }));
     }), me(() => {
-      x.value?.abort();
+      y.value?.abort();
     }), C(
       () => [P.value],
       () => {
         P.value && P.value.addEventListener(
           "focusout",
-          (r) => Te(r)
+          (r) => $e(r)
         );
       },
       {
@@ -1503,7 +1518,7 @@ const Za = (e) => {
       () => {
         if (i.value) {
           const r = i.value + re;
-          k.value = i.value + Ye, h.value = i.value + Je, u.value = i.value + ve, f.value = i.value + fe, g.value = i.value + Fe, ee(a.message, a.showMessage) ? Ie(r) : Ie();
+          k.value = i.value + Je, f.value = i.value + Qe, u.value = i.value + ve, v.value = i.value + fe, w.value = i.value + Fe, ee(t.message, t.showMessage) ? Ie(r) : Ie();
         }
       },
       {
@@ -1511,13 +1526,13 @@ const Za = (e) => {
         flush: "post"
       }
     ), C(
-      () => [P.value, T.value],
+      () => [P.value, x.value],
       () => {
         if (P.value) {
           const r = P.value.querySelector("summary");
           r && r.setAttribute(
             "aria-describedby",
-            a.ariaDescribedBy ?? (T.value || "")
+            t.ariaDescribedBy ?? (x.value || "")
           );
         }
       },
@@ -1526,36 +1541,36 @@ const Za = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.showNoResults, a.showLoading, K.value],
+      () => [t.showNoResults, t.showLoading, K.value],
       () => {
-        a.showNoResults !== void 0 ? j.value = a.showNoResults : K.value && (j.value = K.value.length === 0);
+        t.showNoResults !== void 0 ? j.value = t.showNoResults : K.value && (j.value = K.value.length === 0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [a.showSelectAll, X.value, a.multiple],
+      () => [t.showSelectAll, X.value, t.multiple],
       () => {
-        F.value = !!(a.multiple && (a.showSelectAll ?? X.value > 5));
+        M.value = !!(t.multiple && (t.showSelectAll ?? X.value > 5));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [a.showSearch, X.value],
+      () => [t.showSearch, X.value],
       () => {
-        H.value = a.showSearch ?? X.value > 9;
+        H.value = t.showSearch ?? X.value > 9;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [a.values],
+      () => [t.values],
       () => {
-        const r = a.values;
+        const r = t.values;
         Array.isArray(r) ? A.value !== r && (A.value = r) : r == null && A.value?.length !== 0 && (A.value = []);
       },
       {
@@ -1565,7 +1580,7 @@ const Za = (e) => {
     ), C(
       () => [A.value, ne.value],
       () => {
-        ne.value && We();
+        ne.value && He();
       },
       {
         immediate: !0,
@@ -1575,14 +1590,14 @@ const Za = (e) => {
       () => [ne.value],
       () => {
         if (ne.value) {
-          let r = x.value;
-          r || (r = new AbortController(), x.value = r);
-          const p = a.values;
-          Me(
+          let r = y.value;
+          r || (r = new AbortController(), y.value = r);
+          const I = t.values;
+          Ne(
             ne.value,
             () => {
-              const I = p || (ne.value.value ? [ne.value.value] : []);
-              pe(I), We();
+              const T = I || (ne.value.value ? [ne.value.value] : []);
+              pe(T), He();
             },
             r.signal
           );
@@ -1593,9 +1608,9 @@ const Za = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.validation],
+      () => [t.validation],
       () => {
-        d.value = a.validation;
+        d.value = t.validation;
       },
       {
         immediate: !0,
@@ -1604,27 +1619,27 @@ const Za = (e) => {
     ), C(
       () => [A.value, X.value],
       () => {
-        A.value?.length === 0 ? (ze.value = !1, $e.value = !1) : A.value?.length === X.value ? ($e.value = !1, ze.value = !0) : A.value && ($e.value = !0);
+        A.value?.length === 0 ? (Pe.value = !1, Te.value = !1) : A.value?.length === X.value ? (Te.value = !1, Pe.value = !0) : A.value && (Te.value = !0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [a.options],
+      () => [t.options],
       () => {
-        K.value = a.options, X.value = a.options?.filter((r) => !r.isGroupTitle).length ?? 0;
+        K.value = t.options, X.value = t.options?.filter((r) => !r.isGroupTitle).length ?? 0;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [a.searchValue],
+      () => [t.searchValue],
       () => {
-        if (Re.value = a.searchValue, a.searchValue) {
-          const r = a.searchValue;
-          Xe(r);
+        if (ze.value = t.searchValue, t.searchValue) {
+          const r = t.searchValue;
+          je(r);
         }
       },
       {
@@ -1632,9 +1647,9 @@ const Za = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.options, A.value],
+      () => [t.options, A.value],
       () => {
-        a.options?.length && (N.value = a.options?.filter(
+        t.options?.length && (N.value = t.options?.filter(
           (r) => !r.value || !A.value?.includes ? !1 : !r.isGroupTitle && A.value?.includes(r.value)
         ));
       },
@@ -1645,25 +1660,25 @@ const Za = (e) => {
     ), C(
       () => [
         N.value,
-        a.selectedType,
-        a.amountText,
-        a.selectedLabels,
-        a.transformSelectedLabels
+        t.selectedType,
+        t.amountText,
+        t.selectedLabels,
+        t.transformSelectedLabels
       ],
       () => {
-        if (a.selectedLabels) {
-          w.value = a.selectedLabels;
+        if (t.selectedLabels) {
+          B.value = t.selectedLabels;
           return;
         }
         if (N.value?.length) {
-          if (a.transformSelectedLabels) {
-            const r = N.value, p = a.transformSelectedLabels;
-            w.value = p(r);
+          if (t.transformSelectedLabels) {
+            const r = N.value, I = t.transformSelectedLabels;
+            B.value = I(r);
             return;
           }
-          a.selectedType === "amount" ? w.value = a.amountText ? a.amountText : `${N.value?.length} ${$a}` : w.value = N.value?.map((r) => Se(r)).join(", ");
+          t.selectedType === "amount" ? B.value = t.amountText ? t.amountText : `${N.value?.length} ${$t}` : B.value = N.value?.map((r) => Se(r)).join(", ");
         } else
-          w.value = "";
+          B.value = "";
       },
       {
         immediate: !0,
@@ -1672,98 +1687,98 @@ const Za = (e) => {
     ), C(
       () => [N.value],
       () => {
-        a.onAmountChange && a.onAmountChange(N.value?.length ?? 0);
+        t.onAmountChange && t.onAmountChange(N.value?.length ?? 0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [$e.value, Ae.value],
+      () => [Te.value, Ae.value],
       () => {
-        Ae.value && (Ae.value.indeterminate = !!$e.value);
+        Ae.value && (Ae.value.indeterminate = !!Te.value);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [ne.value, a.invalidMessage],
+      () => [ne.value, t.invalidMessage],
       () => {
-        m.value = a.invalidMessage || ne.value?.validationMessage || te;
+        m.value = t.invalidMessage || ne.value?.validationMessage || ae;
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function va(r) {
-      r?.target?.contains && r?.target?.contains(P.value) && Ve();
-    }
-    function Ge() {
-      return !!(a.validMessage ?? a.validation === "valid");
+    function ft(r) {
+      r?.target?.contains && r?.target?.contains(P.value) && qe();
     }
     function We() {
-      ne.value && (ne.value.value = ha()), !ne.value?.validity.valid || a.validation === "invalid" ? (Ie(f.value), m.value = a.invalidMessage || ne.value?.validationMessage || te, ce() && (B.value = m.value, Y(() => B.value = "", 1e3)), b.value && (d.value = a.validation ?? "invalid")) : Ge() && ne.value?.validity.valid && a.required ? (Ie(u.value), ce() && (B.value = a.validMessage ?? ue, Y(() => B.value = "", 1e3)), d.value = a.validation ?? "valid") : ee(a.message, a.showMessage) ? (Ie(c.value), d.value = a.validation ?? "no-validation") : (Ie(g.value), d.value = a.validation ?? "no-validation");
+      return !!(t.validMessage ?? t.validation === "valid");
     }
-    function fa(r) {
-      a.onDropdownToggle && (r.stopPropagation(), a.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (be.value = new he().addCallback(
-        (p) => Ba(p)
+    function He() {
+      ne.value && (ne.value.value = mt()), !ne.value?.validity.valid || t.validation === "invalid" ? (Ie(v.value), m.value = t.invalidMessage || ne.value?.validationMessage || ae, ce() && (p.value = m.value, Y(() => p.value = "", 1e3)), S.value && (d.value = t.validation ?? "invalid")) : We() && ne.value?.validity.valid && t.required ? (Ie(u.value), ce() && (p.value = t.validMessage ?? ue, Y(() => p.value = "", 1e3)), d.value = t.validation ?? "valid") : ee(t.message, t.showMessage) ? (Ie(c.value), d.value = t.validation ?? "no-validation") : (Ie(w.value), d.value = t.validation ?? "no-validation");
+    }
+    function ht(r) {
+      t.onDropdownToggle && (r.stopPropagation(), t.onDropdownToggle(r)), r.target instanceof HTMLDetailsElement && r.target.open ? (be.value = new he().addCallback(
+        (I) => St(I)
       ), xe.value = new de().addCallback(
-        (p) => va(p)
-      ), Ve(), Ne.value?.observe(P.value), r.target.dataset.test || He()) : (be.value && new he().removeCallback(
+        (I) => ft(I)
+      ), qe(), Re.value?.observe(P.value), r.target.dataset.test || Xe()) : (be.value && new he().removeCallback(
         be.value
       ), xe.value && new de().removeCallback(
         xe.value
-      ), Ne.value?.unobserve(P.value));
+      ), Re.value?.unobserve(P.value));
     }
-    function ha() {
+    function mt() {
       return A.value?.length ? A.value.at(0) ?? "" : "";
     }
     function Ie(r) {
-      const p = [];
-      r && p.push(r), L.value && w.value?.length && p.push(L.value), T.value = p.join(" ");
+      const I = [];
+      r && I.push(r), g.value && B.value?.length && I.push(g.value), x.value = I.join(" ");
     }
-    function ma() {
-      return a.selectAllLabel ?? ke;
+    function gt() {
+      return t.selectAllLabel ?? ke;
     }
     function Se(r) {
       return r.label ?? r.value?.toString() ?? "";
     }
-    function ga(r) {
+    function bt(r) {
       return r && A.value?.includes ? A.value?.includes(r) : !1;
     }
-    function ba(r) {
-      const p = a.removeTagsTexts, I = a.options;
-      if (p && I) {
-        const Z = I.findIndex((le) => le.value === r.value);
-        if (Z >= 0 && Z < p.length)
-          return p[Z];
+    function yt(r) {
+      const I = t.removeTagsTexts, T = t.options;
+      if (I && T) {
+        const Z = T.findIndex((le) => le.value === r.value);
+        if (Z >= 0 && Z < I.length)
+          return I[Z];
       }
-      return `${aa} ${Se(r)}`;
+      return `${at} ${Se(r)}`;
     }
-    function ya(r, p) {
-      p && p.stopPropagation(), qe(r.value), Ce();
+    function kt(r, I) {
+      I && I.stopPropagation(), Oe(r.value), Ce();
     }
-    function Ve() {
+    function qe() {
       if (P.value) {
         const r = P.value.querySelector("article");
         r && Y(() => {
-          et(
+          ta(
             r,
             P.value,
-            a.placement ?? "bottom"
+            t.placement ?? "bottom"
           );
         }, 1);
       }
     }
-    function ka(r) {
+    function wt(r) {
       if (P.value?.open) {
         if (self.document) {
-          const p = self.document.activeElement;
-          if (p)
-            if (p.getAttribute("type") === "checkbox" || p.getAttribute("type") === "radio") {
-              const Z = p?.closest("li");
+          const I = self.document.activeElement;
+          if (I)
+            if (I.getAttribute("type") === "checkbox" || I.getAttribute("type") === "radio") {
+              const Z = I?.closest("li");
               if (r.key === "ArrowDown" || r.key === "ArrowRight") {
                 let le = Z?.nextElementSibling;
                 for (; le; ) {
@@ -1774,7 +1789,7 @@ const Za = (e) => {
                   }
                   le = le.nextElementSibling;
                 }
-                le || De(p);
+                le || De(I);
               } else {
                 let le = Z?.previousElementSibling;
                 for (; le; ) {
@@ -1789,66 +1804,66 @@ const Za = (e) => {
                   const ye = P.value.querySelector(
                     'input[type="checkbox"]'
                   );
-                  if (ye && ye !== p)
-                    De(p);
+                  if (ye && ye !== I)
+                    De(I);
                   else {
-                    const je = _e(P.value);
-                    if (je)
+                    const Ke = et(P.value);
+                    if (Ke)
                       Y(() => {
-                        je.focus();
+                        Ke.focus();
                       }, 100);
                     else {
-                      const Ke = Array.from(
+                      const Ye = Array.from(
                         P.value?.querySelectorAll(
                           'input[type="checkbox"],input[type="radio"]'
                         )
                       );
-                      Ke.length && Ke.at(-1)?.focus();
+                      Ye.length && Ye.at(-1)?.focus();
                     }
                   }
                 }
               }
             } else
-              p.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? (Te(void 0, !0), Ce()) : De(p);
+              I.getAttribute("type") === "search" && (r.key === "ArrowUp" || r.key === "ArrowLeft") ? ($e(void 0, !0), Ce()) : De(I);
         }
-      } else (r.key === "ArrowDown" || r.key === "ArrowRight") && (Ve(), P.value && (P.value.open = !0), He());
+      } else (r.key === "ArrowDown" || r.key === "ArrowRight") && (qe(), P.value && (P.value.open = !0), Xe());
       r.stopPropagation(), r.preventDefault();
     }
-    function wa(r) {
+    function Bt(r) {
       if (r.stopPropagation(), r.key === "Escape" && P.value?.open)
-        Te(void 0, !0), Ce();
+        $e(void 0, !0), Ce();
       else if (r.key === "Enter" && P.value?.open) {
         if (self.document) {
-          const p = self.document.activeElement;
-          if (["checkbox", "radio"].includes(p.getAttribute("type") || ""))
-            p.click(), r.preventDefault();
-          else if (p.getAttribute("type") === "search") {
-            const I = K.value?.find(
+          const I = self.document.activeElement;
+          if (["checkbox", "radio"].includes(I.getAttribute("type") || ""))
+            I.click(), r.preventDefault();
+          else if (I.getAttribute("type") === "search") {
+            const T = K.value?.find(
               (Z) => !Z.isGroupTitle && !Z.disabled
             );
-            I?.value && (qe(I.value), r.preventDefault());
+            T?.value && (Oe(T.value), r.preventDefault());
           }
         }
-      } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && ka(r);
+      } else (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "ArrowLeft" || r.key === "ArrowRight") && wt(r);
     }
-    function Te(r, p) {
+    function $e(r, I) {
       if (P.value) {
-        if (p)
+        if (I)
           P.value.open = !1, Ce();
         else if (P.value.open && r && r.relatedTarget) {
-          const I = r.relatedTarget;
-          P.value.contains(I) || Y(() => P.value.open = !1, 1);
+          const T = r.relatedTarget;
+          P.value.contains(T) || Y(() => P.value.open = !1, 1);
         }
       }
     }
-    function Ba(r) {
+    function St(r) {
       if (r) {
-        const p = r.target;
-        P.value?.open && !P.value.contains(p) && (P.value.open = !1);
+        const I = r.target;
+        P.value?.open && !P.value.contains(I) && (P.value.open = !1);
       }
     }
     function pe(r) {
-      (/* @__PURE__ */ new Date()).getTime() - Be.value < 200 || (A.value = r, b.value = !0, a.onOptionSelected && a.onOptionSelected(r ?? []), se(
+      (/* @__PURE__ */ new Date()).getTime() - Be.value < 200 || (A.value = r, S.value = !0, t.onOptionSelected && t.onOptionSelected(r ?? []), se(
         l,
         {
           target: {
@@ -1858,74 +1873,74 @@ const Za = (e) => {
         "values"
       ), Be.value = (/* @__PURE__ */ new Date()).getTime());
     }
-    function qe(r) {
-      r && (a.multiple ? A.value?.includes(r) ? pe(A.value.filter((p) => p !== r)) : pe([...A.value || [], r]) : (pe([r]), Te(void 0, !0)));
+    function Oe(r) {
+      r && (t.multiple ? A.value?.includes(r) ? pe(A.value.filter((I) => I !== r)) : pe([...A.value || [], r]) : (pe([r]), $e(void 0, !0)));
     }
-    function Sa(r) {
+    function pt(r) {
       if (r.stopPropagation(), A.value?.length === X.value)
         pe([]);
       else {
-        const p = H.value && Pe.value ? Pe.value.value : void 0;
+        const I = H.value && Ve.value ? Ve.value.value : void 0;
         pe(
-          a.options ? a.options.filter(
-            (I) => !I.isGroupTitle && (!p || I.value?.toLowerCase().includes(p.toLowerCase()))
-          ).map((I) => I.value ?? "") : []
+          t.options ? t.options.filter(
+            (T) => !T.isGroupTitle && (!I || T.value?.toLowerCase().includes(I.toLowerCase()))
+          ).map((T) => T.value ?? "") : []
         );
       }
     }
     function De(r) {
       if (P.value) {
-        const p = Array.from(
+        const I = Array.from(
           P.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
-        if (p.length) {
-          const I = p.at(0), Z = I === r && p.length > 1 ? p.at(1) : I;
+        if (I.length) {
+          const T = I.at(0), Z = T === r && I.length > 1 ? I.at(1) : T;
           Z && Y(() => {
             Z.focus();
           }, 1);
         }
       }
     }
-    function He() {
+    function Xe() {
       if (P.value) {
-        const r = _e(P.value);
+        const r = et(P.value);
         r ? Y(() => {
           r.focus();
         }, 1) : De();
       }
     }
-    function Xe(r) {
+    function je(r) {
       if (r === void 0)
         return;
-      let p;
+      let I;
       if (typeof r == "string")
-        p = r;
+        I = r;
       else {
-        const I = r;
-        I.stopPropagation(), a.onSearch && a.onSearch(I), p = I.target.value, Re.value = p;
+        const T = r;
+        T.stopPropagation(), t.onSearch && t.onSearch(T), I = T.target.value, ze.value = I;
       }
-      !a.options || !p || p.length === 0 ? K.value = a.options : a.searchFilter ? K.value = a.options.filter(
-        (I) => a.searchFilter(I, p)
-      ) : K.value = a.options.filter(
-        (I) => !I.isGroupTitle && Se(I).toLowerCase().includes(p.toLowerCase())
+      !t.options || !I || I.length === 0 ? K.value = t.options : t.searchFilter ? K.value = t.options.filter(
+        (T) => t.searchFilter(T, I)
+      ) : K.value = t.options.filter(
+        (T) => !T.isGroupTitle && Se(T).toLowerCase().includes(I.toLowerCase())
       );
     }
-    function pa(r) {
+    function Lt(r) {
       r.stopPropagation(), pe([]), Ce();
     }
     function Ce() {
       P.value && P.value.querySelector("summary")?.focus();
     }
-    function La(r) {
+    function It(r) {
       r.stopPropagation();
     }
-    return (r, p) => (v(), y("div", {
+    return (r, I) => (h(), b("div", {
       id: i.value,
       ref_key: "_ref",
-      ref: ra,
-      class: q(n(O)("db-custom-select", a.class)),
+      ref: vt,
+      class: q(n(O)("db-custom-select", t.class)),
       "aria-invalid": d.value === "invalid",
       "data-custom-validity": d.value,
       "data-width": e.formFieldWidth,
@@ -1939,11 +1954,11 @@ const Za = (e) => {
       "data-show-icon": n(R)(e.showIcon)
     }, [
       E("label", { id: k.value }, [
-        D(S(e.label ?? n(ke)), 1),
+        D(L(e.label ?? n(ke)), 1),
         E("select", {
           role: "none",
           hidden: !0,
-          id: h.value,
+          id: f.value,
           tabIndex: -1,
           ref_key: "selectRef",
           ref: ne,
@@ -1952,83 +1967,83 @@ const Za = (e) => {
           multiple: n(V)(e.multiple, "multiple"),
           disabled: n(V)(e.disabled, "disabled"),
           required: n(V)(e.required, "required"),
-          onChange: p[0] || (p[0] = async (I) => La(I))
+          onChange: I[0] || (I[0] = async (T) => It(T))
         }, [
-          e.options?.length ? (v(!0), y(W, { key: 0 }, ge(e.options, (I, Z) => (v(), y("option", {
+          e.options?.length ? (h(!0), b(W, { key: 0 }, ge(e.options, (T, Z) => (h(), b("option", {
             key: Z,
-            disabled: I.disabled,
-            value: I.value
-          }, S(Se(I)), 9, pt))), 128)) : z("", !0)
-        ], 40, St)
-      ], 8, Bt),
+            disabled: T.disabled,
+            value: T.value
+          }, L(Se(T)), 9, xa))), 128)) : z("", !0)
+        ], 40, Ia)
+      ], 8, La),
       E("details", {
         ref_key: "detailsRef",
         ref: P,
         open: e.open,
-        onToggle: p[2] || (p[2] = async (I) => fa(I)),
-        onKeydown: p[3] || (p[3] = async (I) => wa(I))
+        onToggle: I[2] || (I[2] = async (T) => ht(T)),
+        onKeydown: I[3] || (I[3] = async (T) => Bt(T))
       }, [
-        M(r.$slots, "default"),
-        e.options ? (v(), y(W, { key: 0 }, [
+        F(r.$slots, "default"),
+        e.options ? (h(), b(W, { key: 0 }, [
           E("summary", {
             class: "db-custom-select-form-field",
             id: $.value,
             "aria-disabled": n(R)(e.disabled),
             "aria-labelledby": k.value
           }, [
-            w.value?.length ? (v(), y("span", {
+            B.value?.length ? (h(), b("span", {
               key: 0,
               "data-visually-hidden": n(R)(e.selectedType === "tag"),
-              id: L.value
+              id: g.value
             }, [
-              e.selectedPrefix ? (v(), y("span", $t, S(e.selectedPrefix), 1)) : z("", !0),
-              D(" " + S(w.value), 1)
-            ], 8, xt)) : z("", !0),
-            e.selectedType === "tag" ? (v(), y("div", Tt, [
-              (v(!0), y(W, null, ge(N.value, (I, Z) => (v(), J(kt, {
+              e.selectedPrefix ? (h(), b("span", Ea, L(e.selectedPrefix), 1)) : z("", !0),
+              D(" " + L(B.value), 1)
+            ], 8, Ca)) : z("", !0),
+            e.selectedType === "tag" ? (h(), b("div", Aa, [
+              (h(!0), b(W, null, ge(N.value, (T, Z) => (h(), J(Sa, {
                 key: Z,
                 emphasis: "strong",
                 behavior: "removable",
-                removeButton: ba(I),
-                onRemove: (le) => ya(I, le)
+                removeButton: yt(T),
+                onRemove: (le) => kt(T, le)
               }, {
                 default: U(() => [
-                  D(S(Se(I)), 1)
+                  D(L(Se(T)), 1)
                 ]),
                 _: 2
               }, 1032, ["removeButton", "onRemove"]))), 128))
             ])) : z("", !0)
-          ], 8, It),
-          ie(tt, { width: e.dropdownWidth }, {
+          ], 8, $a),
+          ie(na, { width: e.dropdownWidth }, {
             default: U(() => [
-              H.value ? (v(), y("div", Ct, [
-                ie(gt, {
+              H.value ? (h(), b("div", Da, [
+                ie(ka, {
                   type: "search",
                   ref_key: "searchInputRef",
-                  ref: Pe,
+                  ref: Ve,
                   name: i.value,
                   form: i.value,
                   showLabel: !1,
-                  value: Re.value,
+                  value: ze.value,
                   label: e.searchLabel ?? n(ke),
                   placeholder: e.searchPlaceholder ?? e.searchLabel,
                   ariaDescribedBy: j.value || e.showLoading ? s.value : void 0,
-                  onInput: (I) => Xe(I)
+                  onInput: (T) => je(T)
                 }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
               ])) : z("", !0),
-              j.value || e.showLoading ? (v(), J(_, {
+              j.value || e.showLoading ? (h(), J(_, {
                 key: 1,
                 id: s.value,
                 icon: e.showLoading ? "circular_arrows" : void 0,
                 semantic: e.showLoading ? "informational" : "warning"
               }, {
                 default: U(() => [
-                  D(S((e.showLoading ? e.loadingText : e.noResultsText) ?? n(Ia)), 1)
+                  D(L((e.showLoading ? e.loadingText : e.noResultsText) ?? n(xt)), 1)
                 ]),
                 _: 1
-              }, 8, ["id", "icon", "semantic"])) : (v(), y(W, { key: 2 }, [
-                F.value ? (v(), y("div", Et, [
-                  E("div", At, [
+              }, 8, ["id", "icon", "semantic"])) : (h(), b(W, { key: 2 }, [
+                M.value ? (h(), b("div", Ma, [
+                  E("div", Fa, [
                     E("label", null, [
                       E("input", {
                         type: "checkbox",
@@ -2036,34 +2051,34 @@ const Za = (e) => {
                         ref_key: "selectAllRef",
                         ref: Ae,
                         form: i.value,
-                        checked: ze.value,
-                        onChange: p[1] || (p[1] = async (I) => Sa(I))
-                      }, null, 40, Dt),
-                      D(S(ma()), 1)
+                        checked: Pe.value,
+                        onChange: I[1] || (I[1] = async (T) => pt(T))
+                      }, null, 40, Na),
+                      D(L(gt()), 1)
                     ])
                   ])
                 ])) : z("", !0),
-                ie(ut, {
+                ie(va, {
                   multiple: n(V)(e.multiple, "multiple"),
                   label: e.listLabel ?? e.label ?? n(ke)
                 }, {
                   default: U(() => [
-                    (v(!0), y(W, null, ge(K.value, (I, Z) => (v(), J(dt, {
+                    (h(!0), b(W, null, ge(K.value, (T, Z) => (h(), J(ca, {
                       key: Z,
                       type: e.multiple ? "checkbox" : "radio",
-                      showDivider: I.showDivider,
-                      icon: I.icon,
-                      isGroupTitle: I.isGroupTitle,
-                      groupTitle: Se(I),
+                      showDivider: T.showDivider,
+                      icon: T.icon,
+                      isGroupTitle: T.isGroupTitle,
+                      groupTitle: Se(T),
                       name: i.value,
-                      checked: ga(I.value),
-                      disabled: I.disabled,
-                      value: I.value,
-                      onChange: (le) => qe(I.value)
+                      checked: bt(T.value),
+                      disabled: T.disabled,
+                      value: T.value,
+                      onChange: (le) => Oe(T.value)
                     }, {
                       default: U(() => [
-                        I.isGroupTitle ? z("", !0) : (v(), y(W, { key: 0 }, [
-                          D(S(Se(I)), 1)
+                        T.isGroupTitle ? z("", !0) : (h(), b(W, { key: 0 }, [
+                          D(L(Se(T)), 1)
                         ], 64))
                       ]),
                       _: 2
@@ -2080,10 +2095,10 @@ const Za = (e) => {
                   size: "small",
                   name: i.value,
                   form: i.value,
-                  onClick: (I) => Te(void 0, !0)
+                  onClick: (T) => $e(void 0, !0)
                 }, {
                   default: U(() => [
-                    D(S(e.mobileCloseButtonText ?? n(Oe)), 1)
+                    D(L(e.mobileCloseButtonText ?? n(Ue)), 1)
                   ]),
                   _: 1
                 }, 8, ["name", "form", "onClick"])
@@ -2092,8 +2107,8 @@ const Za = (e) => {
             _: 1
           }, 8, ["width"])
         ], 64)) : z("", !0)
-      ], 40, Lt),
-      (e.showClearSelection ?? !0) && A.value?.length ? (v(), J(we, {
+      ], 40, Ta),
+      (e.showClearSelection ?? !0) && A.value?.length ? (h(), J(we, {
         key: 0,
         icon: "cross",
         variant: "ghost",
@@ -2101,13 +2116,13 @@ const Za = (e) => {
         noText: !0,
         name: i.value,
         form: i.value,
-        onClick: (I) => pa(I)
+        onClick: (T) => Lt(T)
       }, {
         default: U(() => [
-          D(S(e.clearSelectionText), 1),
-          ie(ca, { placement: "top" }, {
+          D(L(e.clearSelectionText), 1),
+          ie(rt, { placement: "top" }, {
             default: U(() => [
-              D(S(e.clearSelectionText), 1)
+              D(L(e.clearSelectionText), 1)
             ]),
             _: 1
           })
@@ -2117,44 +2132,44 @@ const Za = (e) => {
       E("span", {
         class: "db-custom-select-placeholder",
         "aria-hidden": n(R)(!0),
-        id: g.value
-      }, S(e.placeholder ?? e.label), 9, Ft),
-      n(ee)(e.message, e.showMessage) ? (v(), J(_, {
+        id: w.value
+      }, L(e.placeholder ?? e.label), 9, Ra),
+      n(ee)(e.message, e.showMessage) ? (h(), J(_, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
         id: c.value
       }, {
         default: U(() => [
-          D(S(e.message), 1)
+          D(L(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      Ge() ? (v(), J(_, {
+      We() ? (h(), J(_, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
         default: U(() => [
-          D(S(e.validMessage || n(ue)), 1)
+          D(L(e.validMessage || n(ue)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
       ie(_, {
         size: "small",
         semantic: "critical",
-        id: f.value
+        id: v.value
       }, {
         default: U(() => [
-          D(S(m.value), 1)
+          D(L(m.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Mt, S(B.value), 1)
-    ], 10, wt));
+      E("span", za, L(p.value), 1)
+    ], 10, pa));
   }
-}), kl = ["fixed", "auto", "full"], Nt = ["id"], wl = /* @__PURE__ */ G({
+}), Sl = ["fixed", "auto", "full"], Pa = ["id"], pl = /* @__PURE__ */ G({
   name: "DBCustomSelectFormField",
   __name: "custom-select-form-field",
   props: {
@@ -2165,17 +2180,17 @@ const Za = (e) => {
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("summary", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("summary", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-custom-select-form-field", t.class))
+      class: q(n(O)("db-custom-select-form-field", a.class))
     }, [
-      M(a.$slots, "default")
-    ], 10, Nt));
+      F(t.$slots, "default")
+    ], 10, Pa));
   }
-}), Bl = ["checkbox", "radio"], Sl = ["amount", "text", "tag"], Rt = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], pl = /* @__PURE__ */ G({
+}), Ll = ["checkbox", "radio"], Il = ["amount", "text", "tag"], Va = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], xl = /* @__PURE__ */ G({
   name: "DBDivider",
   __name: "divider",
   props: {
@@ -2190,8 +2205,8 @@ const Za = (e) => {
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("div", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
@@ -2199,10 +2214,10 @@ const Za = (e) => {
       "data-variant": e.variant,
       "data-emphasis": e.emphasis,
       "data-width": e.width,
-      class: q(n(O)("db-divider", t.class))
-    }, null, 10, Rt));
+      class: q(n(O)("db-divider", a.class))
+    }, null, 10, Va));
   }
-}), Ll = ["none", "_"], Il = ["horizontal", "vertical"], zt = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Pt = ["data-spacing", "data-width", "data-direction", "data-rounded"], Vt = { class: "db-drawer-header" }, qt = { class: "db-drawer-header-text" }, Ot = { class: "db-drawer-content" }, Ut = /* @__PURE__ */ G({
+}), Tl = ["none", "_"], $l = ["horizontal", "vertical"], qa = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Oa = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ua = { class: "db-drawer-header" }, Ga = { class: "db-drawer-header-text" }, Wa = { class: "db-drawer-content" }, Ha = /* @__PURE__ */ G({
   name: "DBDrawer",
   __name: "drawer",
   props: {
@@ -2226,11 +2241,11 @@ const Za = (e) => {
     spacing: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(null), i = o(null);
+    const a = e, l = o(!1), t = o(null), i = o(null);
     Q(() => {
       u(), l.value = !0;
     }), C(
-      () => [t.open],
+      () => [a.open],
       () => {
         u();
       },
@@ -2239,10 +2254,10 @@ const Za = (e) => {
         flush: "post"
       }
     ), C(
-      () => [a.value, l.value, t.position],
+      () => [t.value, l.value, a.position],
       () => {
-        if (a.value && l.value && t.position === "absolute") {
-          const m = a.value.parentElement;
+        if (t.value && l.value && a.position === "absolute") {
+          const m = t.value.parentElement;
           m && (m.style.position = "relative");
         }
       },
@@ -2251,28 +2266,28 @@ const Za = (e) => {
         flush: "post"
       }
     );
-    function c(f, m) {
-      f && (za(f) ? f.key === "Escape" && (f.preventDefault(), t.onClose && t.onClose(f)) : (m && (f.stopPropagation(), t.onClose && t.onClose(f)), f.target?.nodeName === "DIALOG" && f.type === "click" && t.backdrop !== "none" && t.onClose && t.onClose(f)));
+    function c(v, m) {
+      v && (Pt(v) ? v.key === "Escape" && (v.preventDefault(), a.onClose && a.onClose(v)) : (m && (v.stopPropagation(), a.onClose && a.onClose(v)), v.target?.nodeName === "DIALOG" && v.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(v)));
     }
     function u() {
-      if (a.value) {
-        const f = !!t.open;
-        f && !a.value.open && (i.value && i.value.removeAttribute(
+      if (t.value) {
+        const v = !!a.open;
+        v && !t.value.open && (i.value && i.value.removeAttribute(
           "data-transition"
-        ), t.position === "absolute" || t.backdrop === "none" || t.variant === "inside" ? a.value.show() : a.value.showModal(), Y(() => {
+        ), a.position === "absolute" || a.backdrop === "none" || a.variant === "inside" ? t.value.show() : t.value.showModal(), Y(() => {
           i.value && (i.value.dataset.transition = "open");
-        }, 1)), !f && a.value.open && (i.value && (i.value.dataset.transition = "close"), Y(() => {
-          a.value?.close();
+        }, 1)), !v && t.value.open && (i.value && (i.value.dataset.transition = "close"), Y(() => {
+          t.value?.close();
         }, 401));
       }
     }
-    return (f, m) => (v(), y("dialog", {
+    return (v, m) => (h(), b("dialog", {
       class: "db-drawer",
       id: e.id,
       ref_key: "_ref",
-      ref: a,
-      onClick: m[0] || (m[0] = async (h) => c(h)),
-      onKeydown: m[1] || (m[1] = async (h) => c(h)),
+      ref: t,
+      onClick: m[0] || (m[0] = async (f) => c(f)),
+      onKeydown: m[1] || (m[1] = async (f) => c(f)),
       "data-position": e.position,
       "data-backdrop": e.backdrop,
       "data-direction": e.direction,
@@ -2281,15 +2296,15 @@ const Za = (e) => {
       E("article", {
         ref_key: "dialogContainerRef",
         ref: i,
-        class: q(n(O)("db-drawer-container", t.class)),
+        class: q(n(O)("db-drawer-container", a.class)),
         "data-spacing": e.spacing,
         "data-width": e.width,
         "data-direction": e.direction,
         "data-rounded": n(R)(e.rounded)
       }, [
-        E("header", Vt, [
-          E("div", qt, [
-            M(f.$slots, "drawer-header")
+        E("header", Ua, [
+          E("div", Ga, [
+            F(v.$slots, "drawer-header")
           ]),
           ie(we, {
             class: "button-close-drawer",
@@ -2297,27 +2312,27 @@ const Za = (e) => {
             variant: "ghost",
             id: e.closeButtonId,
             noText: !0,
-            onClick: (h) => c(h, !0)
+            onClick: (f) => c(f, !0)
           }, {
             default: U(() => [
-              D(S(e.closeButtonText ?? n(Oe)), 1)
+              D(L(e.closeButtonText ?? n(Ue)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        E("div", Ot, [
-          M(f.$slots, "default")
+        E("div", Wa, [
+          F(v.$slots, "default")
         ])
-      ], 10, Pt)
-    ], 40, zt));
+      ], 10, Oa)
+    ], 40, qa));
   }
-}), xl = ["none", "strong", "weak", "invisible"], $l = ["left", "right", "up", "down"], Tl = ["modal", "inside"], Cl = ["fixed", "absolute"], Gt = (e) => {
+}), Cl = ["none", "strong", "weak", "invisible"], El = ["left", "right", "up", "down"], Al = ["modal", "inside"], Dl = ["fixed", "absolute"], Xa = (e) => {
   const {
-    target: t
+    target: a
   } = e;
-  return !!(!t?.classList?.contains("db-navigation-item-expand-button") && t?.parentElement?.classList.contains("db-navigation-item"));
+  return !!(!a?.classList?.contains("db-navigation-item-expand-button") && a?.parentElement?.classList.contains("db-navigation-item"));
 };
-class Wt {
+class ja {
   element;
   subNavigation;
   parentSubNavigation = null;
@@ -2325,24 +2340,24 @@ class Wt {
   initialized = !1;
   mouseX = 0;
   mouseY = 0;
-  constructor(t, l) {
-    this.element = t, this.subNavigation = l, !(!this.element || !this.subNavigation) && (this.parentSubNavigation = this.element?.closest(".db-sub-navigation"), this.parentSubNavigation && !this.element.closest(".db-drawer") && this.init());
+  constructor(a, l) {
+    this.element = a, this.subNavigation = l, !(!this.element || !this.subNavigation) && (this.parentSubNavigation = this.element?.closest(".db-sub-navigation"), this.parentSubNavigation && !this.element.closest(".db-drawer") && this.init());
   }
   init() {
-    const t = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
-    this.element?.style.setProperty("--db-navigation-item-inline-size", `${t}px`), this.initialized = !0;
+    const a = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+    this.element?.style.setProperty("--db-navigation-item-inline-size", `${a}px`), this.initialized = !0;
   }
   enableFollow() {
     if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
       return;
-    const t = _a(this.subNavigation), l = this.element.getBoundingClientRect(), a = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
+    const a = ea(this.subNavigation), l = this.element.getBoundingClientRect(), t = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;
     this.triangleData = {
       itemRect: l,
-      parentElementWidth: a,
+      parentElementWidth: t,
       subNavigationHeight: this.subNavigation.getBoundingClientRect().height,
-      padding: (a - l.width) / 2,
-      outsideVX: t.vx,
-      outsideVY: t.vy
+      padding: (t - l.width) / 2,
+      outsideVX: a.vx,
+      outsideVY: a.vy
     };
   }
   disableFollow() {
@@ -2353,28 +2368,28 @@ class Wt {
   }
   getTriangleTipY() {
     if (!this.triangleData) return 0;
-    const t = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;
-    return this.triangleData.outsideVY === "bottom" ? t + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height) : t;
+    const a = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;
+    return this.triangleData.outsideVY === "bottom" ? a + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height) : a;
   }
   hasMouseEnteredSubNavigation() {
     if (!this.triangleData)
       return !1;
-    const t = this.triangleData.outsideVX === "right";
-    return !!(t && this.mouseX < -1 * this.triangleData.padding || !t && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding);
+    const a = this.triangleData.outsideVX === "right";
+    return !!(a && this.mouseX < -1 * this.triangleData.padding || !a && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding);
   }
-  getTriangleCoordinates(t) {
+  getTriangleCoordinates(a) {
     if (!this.triangleData)
       return;
-    if (t === "fill-gap") {
-      const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, f = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
+    if (a === "fill-gap") {
+      const u = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`, v = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;
       return {
-        lb: `${f} ${u}`,
-        lt: `${f} 0`,
+        lb: `${v} ${u}`,
+        lt: `${v} 0`,
         rt: "100% 0",
         rb: `100% ${u}`
       };
     }
-    const l = this.getTriangleTipX(), a = this.getTriangleTipY(), i = `${l}px ${a}px`, c = `${l}px ${a}px`;
+    const l = this.getTriangleTipX(), t = this.getTriangleTipY(), i = `${l}px ${t}px`, c = `${l}px ${t}px`;
     return {
       lb: i,
       lt: c,
@@ -2382,15 +2397,15 @@ class Wt {
       rb: "100% 100%"
     };
   }
-  followByMouseEvent(t) {
+  followByMouseEvent(a) {
     if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation)
       return;
-    this.mouseX = t.clientX - this.triangleData.itemRect.left, this.mouseY = t.clientY - this.triangleData.itemRect.top;
-    const l = this.hasMouseEnteredSubNavigation(), a = this.getTriangleCoordinates(l ? "fill-gap" : "safe-triangle");
-    a && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${a.lb}, ${a.lt}, ${a.rt}, ${a.rb})`), l && (this.triangleData = void 0));
+    this.mouseX = a.clientX - this.triangleData.itemRect.left, this.mouseY = a.clientY - this.triangleData.itemRect.top;
+    const l = this.hasMouseEnteredSubNavigation(), t = this.getTriangleCoordinates(l ? "fill-gap" : "safe-triangle");
+    t && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${t.lb}, ${t.lt}, ${t.rt}, ${t.rb})`), l && (this.triangleData = void 0));
   }
 }
-const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-header-drawer-navigation" }, jt = { class: "db-header-meta-navigation" }, Kt = { class: "db-header-secondary-action" }, Yt = { class: "db-header-meta-navigation" }, Jt = { class: "db-header-navigation-bar" }, Qt = { class: "db-header-brand-container" }, Zt = { class: "db-header-navigation-container" }, _t = { class: "db-header-navigation" }, ei = { class: "db-header-primary-action" }, ai = { class: "db-header-action-container" }, ti = { class: "db-header-burger-menu-container" }, ii = { class: "db-header-secondary-action" }, El = /* @__PURE__ */ G({
+const Ka = ["id", "data-width", "data-on-forcing-mobile"], Ya = { class: "db-header-drawer-navigation" }, Ja = { class: "db-header-meta-navigation" }, Qa = { class: "db-header-secondary-action" }, Za = { class: "db-header-meta-navigation" }, _a = { class: "db-header-navigation-bar" }, ei = { class: "db-header-brand-container" }, ti = { class: "db-header-navigation-container" }, ai = { class: "db-header-navigation" }, ii = { class: "db-header-primary-action" }, li = { class: "db-header-action-container" }, ni = { class: "db-header-burger-menu-container" }, oi = { class: "db-header-secondary-action" }, Ml = /* @__PURE__ */ G({
   name: "DBHeader",
   __name: "header",
   props: {
@@ -2413,101 +2428,101 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(null);
+    const a = e, l = o(!1), t = o(!1), i = o(null);
     Q(() => {
       l.value = !0;
     }), C(
       () => [l.value, i.value],
       () => {
-        l.value && i.value && t.forceMobile && (oa(i.value, {
+        l.value && i.value && a.forceMobile && (dt(i.value, {
           key: "data-force-mobile",
           value: "true"
-        }), a.value = !0);
+        }), t.value = !0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function c(f) {
-      const m = !V(t.drawerOpen, "drawerOpen");
-      t.onToggle && t.onToggle(m);
+    function c(v) {
+      const m = !V(a.drawerOpen, "drawerOpen");
+      a.onToggle && a.onToggle(m);
     }
-    function u(f) {
-      Gt(f) && c();
+    function u(v) {
+      Xa(v) && c();
     }
-    return (f, m) => (v(), y("header", {
+    return (v, m) => (h(), b("header", {
       ref_key: "_ref",
       ref: i,
-      class: q(n(O)("db-header", t.class)),
+      class: q(n(O)("db-header", a.class)),
       id: e.id,
       "data-width": e.width,
-      "data-on-forcing-mobile": e.forceMobile && !a.value
+      "data-on-forcing-mobile": e.forceMobile && !t.value
     }, [
-      ie(Ut, {
+      ie(Ha, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
         closeButtonId: e.closeButtonId,
         closeButtonText: e.closeButtonText,
         open: n(V)(e.drawerOpen),
-        onClose: (h) => c()
+        onClose: (f) => c()
       }, {
         default: U(() => [
-          E("div", Xt, [
+          E("div", Ya, [
             E("div", {
               class: "db-header-navigation",
-              onClick: m[0] || (m[0] = async (h) => u(h))
+              onClick: m[0] || (m[0] = async (f) => u(f))
             }, [
-              M(f.$slots, "default")
+              F(v.$slots, "default")
             ]),
-            E("div", jt, [
-              M(f.$slots, "meta-navigation")
+            E("div", Ja, [
+              F(v.$slots, "meta-navigation")
             ])
           ]),
-          E("div", Kt, [
-            M(f.$slots, "secondary-action")
+          E("div", Qa, [
+            F(v.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["closeButtonId", "closeButtonText", "open", "onClose"]),
-      E("div", Yt, [
-        M(f.$slots, "meta-navigation")
+      E("div", Za, [
+        F(v.$slots, "meta-navigation")
       ]),
-      E("div", Jt, [
-        E("div", Qt, [
-          M(f.$slots, "brand")
+      E("div", _a, [
+        E("div", ei, [
+          F(v.$slots, "brand")
         ]),
-        E("div", Zt, [
-          E("div", _t, [
-            M(f.$slots, "default")
+        E("div", ti, [
+          E("div", ai, [
+            F(v.$slots, "default")
           ]),
-          E("div", ei, [
-            M(f.$slots, "primary-action")
+          E("div", ii, [
+            F(v.$slots, "primary-action")
           ])
         ]),
-        E("div", ai, [
-          E("div", ti, [
+        E("div", li, [
+          E("div", ni, [
             ie(we, {
               icon: "menu",
               variant: "ghost",
               noText: !0,
-              onClick: (h) => c()
+              onClick: (f) => c()
             }, {
               default: U(() => [
-                D(S(e.burgerMenuLabel ?? n(Ta)), 1)
+                D(L(e.burgerMenuLabel ?? n(Ct)), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
           ]),
-          E("div", ii, [
-            M(f.$slots, "secondary-action")
+          E("div", oi, [
+            F(v.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, Ht));
+    ], 10, Ka));
   }
-}), li = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], Al = /* @__PURE__ */ G({
+}), di = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], Fl = /* @__PURE__ */ G({
   name: "DBIcon",
   __name: "icon",
   props: {
@@ -2522,23 +2537,23 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("span", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("span", {
       "aria-hidden": "true",
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-icon", t.class)),
+      class: q(n(O)("db-icon", a.class)),
       "data-icon": e.icon,
       "data-icon-weight": e.weight,
       "data-icon-variant": e.variant
     }, [
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(a.$slots, "default", { key: 1 })
-    ], 10, li));
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
+      ], 64)) : F(t.$slots, "default", { key: 1 })
+    ], 10, di));
   }
-}), Dl = ["16", "20", "24", "32", "48", "64"], Fl = [
+}), Nl = ["16", "20", "24", "32", "48", "64"], Rl = [
   "color",
   "date",
   "datetime-local",
@@ -2557,7 +2572,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
   "time",
   "url",
   "week"
-], ni = ["id", "href", "target", "rel", "role", "referrerPolicy", "hrefLang", "aria-disabled", "tabIndex", "data-size", "data-show-icon-trailing", "data-variant", "data-content", "data-wrap"], Ml = /* @__PURE__ */ G({
+], si = ["id", "href", "target", "rel", "role", "referrerPolicy", "hrefLang", "aria-disabled", "tabIndex", "data-size", "data-show-icon-trailing", "data-variant", "data-content", "data-wrap"], zl = /* @__PURE__ */ G({
   name: "DBLink",
   __name: "link",
   props: {
@@ -2584,15 +2599,15 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     wrap: { type: [Boolean, String], default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    function a(i) {
-      t.onClick && t.onClick(i);
+    const a = e, l = o(null);
+    function t(i) {
+      a.onClick && a.onClick(i);
     }
-    return (i, c) => (v(), y("a", {
+    return (i, c) => (h(), b("a", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-link", t.class)),
+      class: q(n(O)("db-link", a.class)),
       href: e.href,
       target: e.target,
       rel: e.rel,
@@ -2606,14 +2621,14 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-variant": e.variant,
       "data-content": e.content || "internal",
       "data-wrap": n(R)(e.wrap),
-      onClick: c[0] || (c[0] = async (u) => a(u))
+      onClick: c[0] || (c[0] = async (u) => t(u))
     }, [
-      e.text ? (v(), y(W, { key: 0 }, [
-        D(S(e.text), 1)
-      ], 64)) : M(i.$slots, "default", { key: 1 })
-    ], 10, ni));
+      e.text ? (h(), b(W, { key: 0 }, [
+        D(L(e.text), 1)
+      ], 64)) : F(i.$slots, "default", { key: 1 })
+    ], 10, si));
   }
-}), Nl = ["adaptive", "brand", "inline"], Rl = ["medium", "small"], zl = ["external", "internal"], oi = ["id"], Pl = /* @__PURE__ */ G({
+}), Pl = ["adaptive", "brand", "inline"], Vl = ["medium", "small"], ql = ["external", "internal"], ui = ["id"], Ol = /* @__PURE__ */ G({
   name: "DBNavigation",
   __name: "navigation",
   props: {
@@ -2624,24 +2639,24 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(Ee), a = o(null);
+    const a = e, l = o(Ee), t = o(null);
     return Q(() => {
-      l.value = t.id || "navigation-" + ae();
-    }), (i, c) => (v(), y("nav", {
+      l.value = a.id || "navigation-" + te();
+    }), (i, c) => (h(), b("nav", {
       ref_key: "_ref",
-      ref: a,
+      ref: t,
       id: l.value,
-      class: q(n(O)("db-navigation", t.class))
+      class: q(n(O)("db-navigation", a.class))
     }, [
       E("menu", null, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ])
-    ], 10, oi));
+    ], 10, ui));
   }
-}), di = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], si = ["aria-haspopup", "aria-expanded", "disabled"], ui = ["data-force-close", "id"], ci = {
+}), ci = ["id", "data-width", "data-icon", "data-show-icon", "data-active", "data-wrap", "aria-disabled"], ri = ["aria-haspopup", "aria-expanded", "disabled"], vi = ["data-force-close", "id"], fi = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, Vl = /* @__PURE__ */ G({
+}, Ul = /* @__PURE__ */ G({
   name: "DBNavigationItem",
   __name: "navigation-item",
   props: {
@@ -2665,16 +2680,16 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(!0), c = o(!1), u = o(!1), f = o(
-      "sub-navigation-" + ae()
-    ), m = o(void 0), h = o(null);
+    const a = e, l = o(!1), t = o(!1), i = o(!0), c = o(!1), u = o(!1), v = o(
+      "sub-navigation-" + te()
+    ), m = o(void 0), f = o(null);
     Q(() => {
       l.value = !0;
     }), C(
-      () => [t.subNavigationExpanded],
+      () => [a.subNavigationExpanded],
       () => {
-        t.subNavigationExpanded !== void 0 && (c.value = !!V(
-          t.subNavigationExpanded,
+        a.subNavigationExpanded !== void 0 && (c.value = !!V(
+          a.subNavigationExpanded,
           "subNavigationExpanded"
         ));
       },
@@ -2683,12 +2698,12 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [l.value, h.value],
+      () => [l.value, f.value],
       () => {
-        if (l.value && h.value) {
-          const s = h.value.querySelector("menu");
-          s && (s.children?.length > 0 ? (a.value = !0, m.value || (m.value = new Wt(
-            h.value,
+        if (l.value && f.value) {
+          const s = f.value.querySelector("menu");
+          s && (s.children?.length > 0 ? (t.value = !0, m.value || (m.value = new ja(
+            f.value,
             s
           ))) : i.value = !1);
         }
@@ -2704,19 +2719,19 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       }, 1e3));
     }
     function $(s) {
-      t.onClick && (s.stopPropagation(), t.onClick(s)), a.value && (c.value = !0);
+      a.onClick && (s.stopPropagation(), a.onClick(s)), t.value && (c.value = !0);
     }
-    function g(s) {
+    function w(s) {
       s.stopPropagation(), c.value = !1;
     }
-    return (s, d) => (v(), y("li", {
+    return (s, d) => (h(), b("li", {
       ref_key: "_ref",
-      ref: h,
+      ref: f,
       id: e.id,
-      onMouseover: d[2] || (d[2] = async (b) => m.value?.enableFollow()),
-      onMouseleave: d[3] || (d[3] = async (b) => m.value?.disableFollow()),
-      onMousemove: d[4] || (d[4] = async (b) => m.value?.followByMouseEvent(b)),
-      class: q(n(O)("db-navigation-item", t.class)),
+      onMouseover: d[2] || (d[2] = async (S) => m.value?.enableFollow()),
+      onMouseleave: d[3] || (d[3] = async (S) => m.value?.disableFollow()),
+      onMousemove: d[4] || (d[4] = async (S) => m.value?.followByMouseEvent(S)),
+      class: q(n(O)("db-navigation-item", a.class)),
       "data-width": e.width,
       "data-icon": e.icon,
       "data-show-icon": n(R)(e.showIcon),
@@ -2724,48 +2739,48 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-wrap": n(R)(e.wrap),
       "aria-disabled": n(R)(e.disabled)
     }, [
-      i.value ? z("", !0) : (v(), y(W, { key: 0 }, [
-        e.text ? (v(), y(W, { key: 0 }, [
-          D(S(e.text), 1)
-        ], 64)) : M(s.$slots, "default", { key: 1 })
+      i.value ? z("", !0) : (h(), b(W, { key: 0 }, [
+        e.text ? (h(), b(W, { key: 0 }, [
+          D(L(e.text), 1)
+        ], 64)) : F(s.$slots, "default", { key: 1 })
       ], 64)),
-      i.value ? (v(), y(W, { key: 1 }, [
+      i.value ? (h(), b(W, { key: 1 }, [
         E("button", {
           class: "db-navigation-item-expand-button",
-          "aria-haspopup": a.value,
+          "aria-haspopup": t.value,
           "aria-expanded": c.value,
           disabled: n(V)(e.disabled, "disabled"),
-          onClick: d[0] || (d[0] = async (b) => $(b))
+          onClick: d[0] || (d[0] = async (S) => $(S))
         }, [
-          e.text ? (v(), y(W, { key: 0 }, [
-            D(S(e.text), 1)
-          ], 64)) : M(s.$slots, "default", { key: 1 })
-        ], 8, si),
+          e.text ? (h(), b(W, { key: 0 }, [
+            D(L(e.text), 1)
+          ], 64)) : F(s.$slots, "default", { key: 1 })
+        ], 8, ri),
         E("menu", {
           class: "db-sub-navigation",
           "data-force-close": u.value,
-          id: f.value,
-          onClick: d[1] || (d[1] = async (b) => k(b))
+          id: v.value,
+          onClick: d[1] || (d[1] = async (S) => k(S))
         }, [
-          a.value ? (v(), y("div", ci, [
+          t.value ? (h(), b("div", fi, [
             ie(we, {
               icon: "arrow_left",
               variant: "ghost",
               id: e.backButtonId,
-              onClick: (b) => g(b)
+              onClick: (S) => w(S)
             }, {
               default: U(() => [
-                D(S(e.backButtonText ?? n(xa)), 1)
+                D(L(e.backButtonText ?? n(Tt)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : z("", !0),
-          M(s.$slots, "sub-navigation")
-        ], 8, ui)
+          F(s.$slots, "sub-navigation")
+        ], 8, vi)
       ], 64)) : z("", !0)
-    ], 42, di));
+    ], 42, ci));
   }
-}), ri = ["id", "role", "aria-live", "data-semantic", "data-variant", "data-icon", "data-show-icon", "data-link-variant"], vi = { key: 0 }, fi = { key: 1 }, ql = /* @__PURE__ */ G({
+}), hi = ["id", "role", "aria-live", "data-semantic", "data-variant", "data-icon", "data-show-icon", "data-link-variant"], mi = { key: 0 }, gi = { key: 1 }, Gl = /* @__PURE__ */ G({
   name: "DBNotification",
   __name: "notification",
   props: {
@@ -2798,16 +2813,16 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     text: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    function a(i) {
-      i && (i.stopPropagation(), t.onClose && t.onClose(i));
+    const a = e, l = o(null);
+    function t(i) {
+      i && (i.stopPropagation(), a.onClose && a.onClose(i));
     }
-    return (i, c) => (v(), y("div", {
+    return (i, c) => (h(), b("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-notification", t.class)),
-      role: n(Pa)({
+      class: q(n(O)("db-notification", a.class)),
+      role: n(Vt)({
         semantic: e.semantic,
         role: e.role,
         ariaLive: e.ariaLive
@@ -2819,32 +2834,32 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-show-icon": n(R)(e.showIcon),
       "data-link-variant": e.linkVariant
     }, [
-      M(i.$slots, "image"),
-      n(ee)(e.headline, e.showHeadline) ? (v(), y("header", vi, S(e.headline), 1)) : z("", !0),
+      F(i.$slots, "image"),
+      n(ee)(e.headline, e.showHeadline) ? (h(), b("header", mi, L(e.headline), 1)) : z("", !0),
       E("p", null, [
-        e.text ? (v(), y(W, { key: 0 }, [
-          D(S(e.text), 1)
-        ], 64)) : M(i.$slots, "default", { key: 1 })
+        e.text ? (h(), b(W, { key: 0 }, [
+          D(L(e.text), 1)
+        ], 64)) : F(i.$slots, "default", { key: 1 })
       ]),
-      n(ee)(e.timestamp, e.showTimestamp) ? (v(), y("span", fi, S(e.timestamp), 1)) : z("", !0),
-      M(i.$slots, "link"),
-      n(V)(e.closeable, "closeable") ? (v(), J(we, {
+      n(ee)(e.timestamp, e.showTimestamp) ? (h(), b("span", gi, L(e.timestamp), 1)) : z("", !0),
+      F(i.$slots, "link"),
+      n(V)(e.closeable, "closeable") ? (h(), J(we, {
         key: 2,
         icon: "cross",
         variant: "ghost",
         size: "small",
         id: e.closeButtonId,
         noText: !0,
-        onClick: (u) => a(u)
+        onClick: (u) => t(u)
       }, {
         default: U(() => [
-          D(S(e.closeButtonText ?? n(Oe)), 1)
+          D(L(e.closeButtonText ?? n(Ue)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : z("", !0)
-    ], 10, ri));
+    ], 10, hi));
   }
-}), Ol = ["docked", "standalone", "overlay"], Ul = ["block", "inline"], Gl = ["assertive", "polite", "off"], hi = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], Wl = /* @__PURE__ */ G({
+}), Wl = ["docked", "standalone", "overlay"], Hl = ["block", "inline"], Xl = ["assertive", "polite", "off"], bi = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], jl = /* @__PURE__ */ G({
   name: "DBPage",
   __name: "page",
   props: {
@@ -2861,32 +2876,32 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(null);
-    return typeof window < "u" && document && (t.documentOverflow === "hidden" || t.variant === "fixed" && t.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), Q(() => {
-      l.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
+    const a = e, l = o(!1), t = o(null);
+    return typeof window < "u" && document && (a.documentOverflow === "hidden" || a.variant === "fixed" && a.documentOverflow !== "auto") && document.documentElement.classList.add("db-page-document"), Q(() => {
+      l.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
     }), me(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
-    }), (i, c) => (v(), y("div", {
+    }), (i, c) => (h(), b("div", {
       ref_key: "_ref",
-      ref: a,
+      ref: t,
       id: e.id,
-      class: q(n(O)("db-page", t.class)),
+      class: q(n(O)("db-page", a.class)),
       "data-variant": e.variant,
       "data-fade-in": n(R)(e.fadeIn),
       "data-fonts-loaded": n(R)(l.value)
     }, [
-      M(i.$slots, "header"),
+      F(i.$slots, "header"),
       E("main", {
         class: q(n(O)("db-main", e.mainClass))
       }, [
-        M(i.$slots, "default")
+        F(i.$slots, "default")
       ], 2),
-      M(i.$slots, "footer")
-    ], 10, hi));
+      F(i.$slots, "footer")
+    ], 10, bi));
   }
-}), Hl = ["auto", "fixed"], Xl = ["hidden", "auto"], mi = ["id"], gi = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], jl = /* @__PURE__ */ G({
+}), Kl = ["auto", "fixed"], Yl = ["hidden", "auto"], yi = ["id"], ki = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], Jl = /* @__PURE__ */ G({
   name: "DBPopover",
   __name: "popover",
   props: {
@@ -2905,7 +2920,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(!1), a = o(!1), i = o(void 0), c = o(void 0), u = o(null);
+    const a = e, l = o(!1), t = o(!1), i = o(void 0), c = o(void 0), u = o(null);
     Q(() => {
       l.value = !0;
     }), C(
@@ -2913,17 +2928,17 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       () => {
         if (u.value && l.value) {
           l.value = !1;
-          const s = g();
+          const s = w();
           s && (s.ariaHasPopup = "true"), m(), u.value.addEventListener(
             "keydown",
-            (d) => f(d)
+            (d) => v(d)
           ), ["mouseenter", "focusin"].forEach((d) => {
             u.value.addEventListener(d, () => k());
           }), ["mouseleave", "focusout"].forEach((d) => {
             u.value.addEventListener(d, () => $());
           }), typeof window < "u" && "IntersectionObserver" in window && (c.value = new IntersectionObserver((d) => {
-            const b = d.find(({ target: x }) => x === g());
-            b && !b.isIntersecting && f(!1);
+            const S = d.find(({ target: y }) => y === w());
+            S && !S.isIntersecting && v(!1);
           }));
         }
       },
@@ -2932,11 +2947,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [u.value, a.value],
+      () => [u.value, t.value],
       () => {
         if (u.value) {
-          const s = g();
-          s && (s.ariaExpanded = (!!a.value).toString());
+          const s = w();
+          s && (s.ariaExpanded = (!!t.value).toString());
         }
       },
       {
@@ -2944,7 +2959,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function f(s) {
+    function v(s) {
       if (!s || s.key === "Escape")
         for (const d of Array.from(u.value.children))
           d.blur();
@@ -2953,33 +2968,33 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       if (!u.value) return;
       const s = u.value.querySelector("article");
       s && Y(() => {
-        ua(
+        ct(
           s,
           u.value,
-          t.placement ?? "bottom"
+          a.placement ?? "bottom"
         );
       }, 1);
     }
-    function h(s) {
+    function f(s) {
       s?.target?.contains && s?.target?.contains(u.value) && m();
     }
     function k() {
-      a.value = !0, i.value = new de().addCallback(
-        (d) => h(d)
+      t.value = !0, i.value = new de().addCallback(
+        (d) => f(d)
       ), m();
-      const s = g();
+      const s = w();
       s && c.value?.observe(s);
     }
     function $(s) {
       {
-        a.value = !1, i.value && new de().removeCallback(
+        t.value = !1, i.value && new de().removeCallback(
           i.value
         );
-        const d = g();
+        const d = w();
         d && c.value?.unobserve(d);
       }
     }
-    function g() {
+    function w() {
       if (u.value) {
         const s = Array.from(u.value.children);
         if (s.length >= 2) {
@@ -2989,13 +3004,13 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       }
       return null;
     }
-    return (s, d) => (v(), y("div", {
+    return (s, d) => (h(), b("div", {
       ref_key: "_ref",
       ref: u,
       id: e.id,
-      class: q(n(O)("db-popover", t.class))
+      class: q(n(O)("db-popover", a.class))
     }, [
-      M(s.$slots, "trigger"),
+      F(s.$slots, "trigger"),
       E("article", {
         class: "db-popover-content",
         "data-spacing": e.spacing,
@@ -3006,11 +3021,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         "data-width": e.width,
         "data-placement": e.placement
       }, [
-        M(s.$slots, "default")
-      ], 8, gi)
-    ], 10, mi));
+        F(s.$slots, "default")
+      ], 8, ki)
+    ], 10, yi));
   }
-}), bi = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], yi = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required"], Kl = /* @__PURE__ */ G({
+}), wi = ["data-size", "data-hide-label", "data-hide-asterisk", "for"], Bi = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required"], Ql = /* @__PURE__ */ G({
   name: "DBRadio",
   __name: "radio",
   props: {
@@ -3041,31 +3056,31 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     size: { default: void 0 }
   },
   emits: ["update:value"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), c = o(void 0), u = o(void 0), f = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(!1), c = o(void 0), u = o(void 0), v = o(null);
     Q(() => {
-      i.value = !0, c.value = a.id ?? `radio-${ae()}`;
+      i.value = !0, c.value = t.id ?? `radio-${te()}`;
     }), me(() => {
       u.value?.abort();
     }), C(
-      () => [i.value, f.value, a.checked],
+      () => [i.value, v.value, t.checked],
       () => {
-        a.checked && i.value && f.value && (f.value.checked = !0);
+        t.checked && i.value && v.value && (v.value.checked = !0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [f.value],
+      () => [v.value],
       () => {
-        if (f.value) {
-          let g = u.value;
-          g || (g = new AbortController(), u.value = g), Me(
-            f.value,
+        if (v.value) {
+          let w = u.value;
+          w || (w = new AbortController(), u.value = w), Ne(
+            v.value,
             (s) => {
               Y(() => {
-                const d = a.checked ? a.checked : f.value.checked, b = {
+                const d = t.checked ? t.checked : v.value.checked, S = {
                   ...s,
                   target: {
                     ...s.target,
@@ -3073,10 +3088,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
                     checked: d
                   }
                 };
-                h(b), m(b);
+                f(S), m(S);
               }, 1);
             },
-            g.signal
+            w.signal
           );
         }
       },
@@ -3085,23 +3100,23 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function m(g, s) {
-      a.input && a.input(g), a.onInput && a.onInput(g), se(l, g);
+    function m(w, s) {
+      t.input && t.input(w), t.onInput && t.onInput(w), se(l, w);
     }
-    function h(g, s) {
-      a.onChange && a.onChange(g), se(l, g);
+    function f(w, s) {
+      t.onChange && t.onChange(w), se(l, w);
     }
-    function k(g) {
-      a.onBlur && a.onBlur(g);
+    function k(w) {
+      t.onBlur && t.onBlur(w);
     }
-    function $(g) {
-      a.onFocus && a.onFocus(g);
+    function $(w) {
+      t.onFocus && t.onFocus(w);
     }
-    return (g, s) => (v(), y("label", {
+    return (w, s) => (h(), b("label", {
       "data-size": e.size,
       "data-hide-label": n(oe)(e.showLabel),
       "data-hide-asterisk": n(oe)(e.showRequiredAsterisk),
-      class: q(n(O)("db-radio", a.class)),
+      class: q(n(O)("db-radio", t.class)),
       for: c.value
     }, [
       E("input", {
@@ -3109,7 +3124,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
         ref_key: "_ref",
-        ref: f,
+        ref: v,
         id: c.value,
         name: e.name,
         checked: n(V)(e.checked, "checked"),
@@ -3117,16 +3132,16 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         value: e.value,
         required: n(V)(e.required, "required"),
         onInput: s[0] || (s[0] = async (d) => m(d)),
-        onChange: s[1] || (s[1] = async (d) => h(d)),
+        onChange: s[1] || (s[1] = async (d) => f(d)),
         onBlur: s[2] || (s[2] = async (d) => k(d)),
         onFocus: s[3] || (s[3] = async (d) => $(d))
-      }, null, 40, yi),
-      e.label ? (v(), y(W, { key: 0 }, [
-        D(S(e.label), 1)
-      ], 64)) : M(g.$slots, "default", { key: 1 })
-    ], 10, bi));
+      }, null, 40, Bi),
+      e.label ? (h(), b(W, { key: 0 }, [
+        D(L(e.label), 1)
+      ], 64)) : F(w.$slots, "default", { key: 1 })
+    ], 10, wi));
   }
-}), ki = ["id", "data-spacing", "data-width"], Yl = /* @__PURE__ */ G({
+}), Si = ["id", "data-spacing", "data-width"], Zl = /* @__PURE__ */ G({
   name: "DBSection",
   __name: "section",
   props: {
@@ -3139,22 +3154,22 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     width: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("section", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("section", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-section", t.class)),
+      class: q(n(O)("db-section", a.class)),
       "data-spacing": e.spacing || "medium",
       "data-width": e.width
     }, [
-      M(a.$slots, "default")
-    ], 10, ki));
+      F(t.$slots, "default")
+    ], 10, Si));
   }
-}), wi = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], Bi = ["for"], Si = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], pi = ["data-show-empty-option"], Li = ["label"], Ii = ["value", "selected", "disabled"], xi = ["value", "disabled", "selected"], $i = ["id"], Ti = {
+}), pi = ["data-variant", "data-hide-label", "data-hide-asterisk", "data-icon", "data-show-icon"], Li = ["for"], Ii = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], xi = ["data-show-empty-option"], Ti = ["label"], $i = ["value", "selected", "disabled"], Ci = ["value", "disabled", "selected"], Ei = ["id"], Ai = {
   "data-visually-hidden": "true",
   role: "status"
-}, Jl = /* @__PURE__ */ G({
+}, _l = /* @__PURE__ */ G({
   name: "DBSelect",
   __name: "select",
   props: {
@@ -3199,29 +3214,29 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     size: { default: void 0 }
   },
   emits: ["update:value"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(""), k = o(void 0), $ = o(""), g = o(!1), s = o(""), d = o(void 0), b = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(void 0), c = o(void 0), u = o(void 0), v = o(void 0), m = o(void 0), f = o(""), k = o(void 0), $ = o(""), w = o(!1), s = o(""), d = o(void 0), S = o(null);
     Q(() => {
-      g.value = !0;
-      const A = a.id ?? `select-${ae()}`;
-      i.value = A, c.value = A + re, u.value = A + ve, f.value = A + fe, h.value = A + Fe, m.value = a.invalidMessage || te;
+      w.value = !0;
+      const A = t.id ?? `select-${te()}`;
+      i.value = A, c.value = A + re, u.value = A + ve, v.value = A + fe, f.value = A + Fe, m.value = t.invalidMessage || ae;
     }), me(() => {
       d.value?.abort();
     }), C(
-      () => [b.value, a.invalidMessage],
+      () => [S.value, t.invalidMessage],
       () => {
-        m.value = a.invalidMessage || b.value?.validationMessage || te;
+        m.value = t.invalidMessage || S.value?.validationMessage || ae;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [i.value, g.value],
+      () => [i.value, w.value],
       () => {
-        if (i.value && g.value) {
+        if (i.value && w.value) {
           const A = i.value + re, K = i.value + Fe;
-          c.value = A, u.value = i.value + ve, f.value = i.value + fe, h.value = K, ee(a.message, a.showMessage) ? k.value = A : a.placeholder ? k.value = K : k.value = void 0, T(), g.value = !1;
+          c.value = A, u.value = i.value + ve, v.value = i.value + fe, f.value = K, ee(t.message, t.showMessage) ? k.value = A : t.placeholder ? k.value = K : k.value = void 0, x(), w.value = !1;
         }
       },
       {
@@ -3229,27 +3244,27 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [a.value],
+      () => [t.value],
       () => {
-        $.value = a.value;
+        $.value = t.value;
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [b.value],
+      () => [S.value],
       () => {
-        if (b.value) {
+        if (S.value) {
           let j = d.value;
-          j || (j = new AbortController(), d.value = j), Ue(
-            b.value,
+          j || (j = new AbortController(), d.value = j), Ge(
+            S.value,
             {
-              value: a.value,
+              value: t.value,
               defaultValue: void 0
             },
             (be) => {
-              B(be), L(be);
+              p(be), g(be);
             },
             j.signal
           );
@@ -3260,47 +3275,47 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     );
-    function x() {
-      return !!(a.validMessage ?? a.validation === "valid");
+    function y() {
+      return !!(t.validMessage ?? t.validation === "valid");
     }
-    function T() {
-      !b.value?.validity.valid || a.validation === "invalid" ? (k.value = f.value, m.value = a.invalidMessage || b.value?.validationMessage || te, ce() && (s.value = m.value, Y(() => s.value = "", 1e3))) : x() && b.value?.validity.valid && a.required ? (k.value = u.value, ce() && (s.value = a.validMessage ?? ue, Y(() => s.value = "", 1e3))) : ee(a.message, a.showMessage) ? k.value = c.value : a.placeholder ? k.value = h.value : k.value = void 0;
+    function x() {
+      !S.value?.validity.valid || t.validation === "invalid" ? (k.value = v.value, m.value = t.invalidMessage || S.value?.validationMessage || ae, ce() && (s.value = m.value, Y(() => s.value = "", 1e3))) : y() && S.value?.validity.valid && t.required ? (k.value = u.value, ce() && (s.value = t.validMessage ?? ue, Y(() => s.value = "", 1e3))) : ee(t.message, t.showMessage) ? k.value = c.value : t.placeholder ? k.value = f.value : k.value = void 0;
     }
-    function w(A) {
-      a.onClick && a.onClick(A);
+    function B(A) {
+      t.onClick && t.onClick(A);
     }
-    function L(A, K) {
-      a.input && a.input(A), $.value = A.target.value, a.onInput && a.onInput(A), se(l, A), T();
+    function g(A, K) {
+      t.input && t.input(A), $.value = A.target.value, t.onInput && t.onInput(A), se(l, A), x();
     }
-    function B(A, K) {
-      a.onChange && a.onChange(A), se(l, A), T();
+    function p(A, K) {
+      t.onChange && t.onChange(A), se(l, A), x();
     }
     function N(A) {
-      a.onBlur && a.onBlur(A);
+      t.onBlur && t.onBlur(A);
     }
-    function F(A) {
-      a.onFocus && a.onFocus(A);
+    function M(A) {
+      t.onFocus && t.onFocus(A);
     }
     function H(A) {
       return A.label ?? A.value?.toString();
     }
     function X() {
-      return a.variant === "floating" || !!a.placeholder ? a.showEmptyOption !== void 0 ? a.showEmptyOption : !a.required : !1;
+      return t.variant === "floating" || !!t.placeholder ? t.showEmptyOption !== void 0 ? t.showEmptyOption : !t.required : !1;
     }
-    return (A, K) => (v(), y("div", {
-      class: q(n(O)("db-select", a.class)),
+    return (A, K) => (h(), b("div", {
+      class: q(n(O)("db-select", t.class)),
       "data-variant": e.variant,
       "data-hide-label": n(oe)(e.showLabel),
       "data-hide-asterisk": n(oe)(e.showRequiredAsterisk),
       "data-icon": e.icon,
       "data-show-icon": n(R)(e.showIcon)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ke)), 9, Bi),
+      E("label", { for: i.value }, L(e.label ?? n(ke)), 9, Li),
       E("select", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
         ref_key: "_ref",
-        ref: b,
+        ref: S,
         required: n(V)(e.required, "required"),
         disabled: n(V)(e.disabled, "disabled"),
         id: i.value,
@@ -3309,79 +3324,79 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         value: e.value ?? $.value,
         autocomplete: e.autocomplete,
         multiple: e.multiple,
-        onInput: K[0] || (K[0] = async (j) => L(j)),
-        onClick: K[1] || (K[1] = async (j) => w(j)),
-        onChange: K[2] || (K[2] = async (j) => B(j)),
+        onInput: K[0] || (K[0] = async (j) => g(j)),
+        onClick: K[1] || (K[1] = async (j) => B(j)),
+        onChange: K[2] || (K[2] = async (j) => p(j)),
         onBlur: K[3] || (K[3] = async (j) => N(j)),
-        onFocus: K[4] || (K[4] = async (j) => F(j)),
+        onFocus: K[4] || (K[4] = async (j) => M(j)),
         "aria-describedby": e.ariaDescribedBy ?? k.value
       }, [
-        e.variant === "floating" || e.placeholder ? (v(), y("option", {
+        e.variant === "floating" || e.placeholder ? (h(), b("option", {
           key: 0,
           class: "placeholder",
           value: "",
           "data-show-empty-option": n(R)(X())
-        }, null, 8, pi)) : z("", !0),
-        e.options?.length ? (v(!0), y(W, { key: 1 }, ge(e.options, (j, be) => (v(), y(W, { key: be }, [
-          j.options ? (v(), y("optgroup", {
+        }, null, 8, xi)) : z("", !0),
+        e.options?.length ? (h(!0), b(W, { key: 1 }, ge(e.options, (j, be) => (h(), b(W, { key: be }, [
+          j.options ? (h(), b("optgroup", {
             key: 0,
             label: H(j)
           }, [
-            (v(!0), y(W, null, ge(j.options, (Be, xe) => (v(), y("option", {
+            (h(!0), b(W, null, ge(j.options, (Be, xe) => (h(), b("option", {
               key: xe,
               value: Be.value,
               selected: Be.selected,
               disabled: Be.disabled
-            }, S(H(Be)), 9, Ii))), 128))
-          ], 8, Li)) : (v(), y("option", {
+            }, L(H(Be)), 9, $i))), 128))
+          ], 8, Ti)) : (h(), b("option", {
             key: 1,
             value: j.value,
             disabled: j.disabled,
             selected: j.selected
-          }, S(H(j)), 9, xi))
-        ], 64))), 128)) : M(A.$slots, "default", { key: 2 })
-      ], 40, Si),
-      e.placeholder ? (v(), y("span", {
+          }, L(H(j)), 9, Ci))
+        ], 64))), 128)) : F(A.$slots, "default", { key: 2 })
+      ], 40, Ii),
+      e.placeholder ? (h(), b("span", {
         key: 0,
         class: "db-select-placeholder",
-        id: h.value
-      }, S(e.placeholder), 9, $i)) : z("", !0),
-      n(ee)(e.message, e.showMessage) ? (v(), J(_, {
+        id: f.value
+      }, L(e.placeholder), 9, Ei)) : z("", !0),
+      n(ee)(e.message, e.showMessage) ? (h(), J(_, {
         key: 1,
         size: "small",
         icon: e.messageIcon,
         id: c.value
       }, {
         default: U(() => [
-          D(S(e.message), 1)
+          D(L(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      x() ? (v(), J(_, {
+      y() ? (h(), J(_, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
         default: U(() => [
-          D(S(e.validMessage || n(ue)), 1)
+          D(L(e.validMessage || n(ue)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
       ie(_, {
         size: "small",
         semantic: "critical",
-        id: f.value
+        id: v.value
       }, {
         default: U(() => [
-          D(S(m.value), 1)
+          D(L(m.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Ti, S(s.value), 1)
-    ], 10, wi));
+      E("span", Ai, L(s.value), 1)
+    ], 10, pi));
   }
-}), Ci = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Ql = /* @__PURE__ */ G({
+}), Di = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], en = /* @__PURE__ */ G({
   name: "DBStack",
   __name: "stack",
   props: {
@@ -3398,12 +3413,12 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     gap: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = o(null);
-    return (a, i) => (v(), y("div", {
+    const a = e, l = o(null);
+    return (t, i) => (h(), b("div", {
       ref_key: "_ref",
       ref: l,
       id: e.id,
-      class: q(n(O)("db-stack", t.class)),
+      class: q(n(O)("db-stack", a.class)),
       "data-gap": e.gap,
       "data-variant": e.variant,
       "data-direction": e.direction,
@@ -3411,13 +3426,13 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-justify-content": e.justifyContent,
       "data-wrap": n(R)(e.wrap)
     }, [
-      M(a.$slots, "default")
-    ], 10, Ci));
+      F(t.$slots, "default")
+    ], 10, Di));
   }
-}), Zl = ["simple", "divider"], _l = ["row", "column"], en = ["stretch", "start", "end", "center"], an = ["space-between", "start", "end", "center"], Ei = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Ai = ["for"], Di = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Fi = {
+}), tn = ["simple", "divider"], an = ["row", "column"], ln = ["stretch", "start", "end", "center"], nn = ["space-between", "start", "end", "center"], Mi = ["data-visual-aid", "data-size", "data-hide-label", "data-variant", "data-hide-asterisk", "data-custom-validity"], Fi = ["for"], Ni = ["id", "checked", "value", "disabled", "aria-invalid", "aria-describedby", "name", "required", "data-aid-icon", "data-aid-icon-trailing"], Ri = {
   "data-visually-hidden": "true",
   role: "status"
-}, tn = /* @__PURE__ */ G({
+}, on = /* @__PURE__ */ G({
   name: "DBSwitch",
   __name: "switch",
   props: {
@@ -3458,21 +3473,21 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     visualAid: { type: [Boolean, String], default: void 0 }
   },
   emits: ["update:checked"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(""), $ = o(void 0), g = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(void 0), c = o(void 0), u = o(void 0), v = o(void 0), m = o(void 0), f = o(void 0), k = o(""), $ = o(void 0), w = o(null);
     Q(() => {
-      i.value = a.id ?? `switch-${ae()}`, c.value = `${i.value}${re}`, u.value = `${i.value}${ve}`, f.value = `${i.value}${fe}`, d();
+      i.value = t.id ?? `switch-${te()}`, c.value = `${i.value}${re}`, u.value = `${i.value}${ve}`, v.value = `${i.value}${fe}`, d();
     }), me(() => {
       $.value?.abort();
     }), C(
       () => [
-        a.validation,
-        a.required,
-        a.message,
-        a.showMessage,
-        a.validMessage,
-        a.invalidMessage,
-        a.checked
+        t.validation,
+        t.required,
+        t.message,
+        t.showMessage,
+        t.validMessage,
+        t.invalidMessage,
+        t.checked
       ],
       () => {
         d();
@@ -3482,20 +3497,20 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [g.value],
+      () => [w.value],
       () => {
-        if (g.value) {
-          let B = $.value;
-          B || (B = new AbortController(), $.value = B), da(
-            g.value,
+        if (w.value) {
+          let p = $.value;
+          p || (p = new AbortController(), $.value = p), st(
+            w.value,
             {
-              checked: a.checked,
+              checked: t.checked,
               defaultChecked: void 0
             },
             (N) => {
-              b(N);
+              S(N);
             },
-            B.signal
+            p.signal
           );
         }
       },
@@ -3505,47 +3520,47 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       }
     );
     function s() {
-      return !!(a.validMessage ?? a.validation === "valid");
+      return !!(t.validMessage ?? t.validation === "valid");
     }
     function d() {
-      if (!g.value?.validity?.valid || a.validation === "invalid") {
-        h.value = f.value, m.value = a.invalidMessage || g.value?.validationMessage || te, ce() && (k.value = m.value || te, Y(() => {
+      if (!w.value?.validity?.valid || t.validation === "invalid") {
+        f.value = v.value, m.value = t.invalidMessage || w.value?.validationMessage || ae, ce() && (k.value = m.value || ae, Y(() => {
           k.value = "";
         }, 1e3));
         return;
       }
-      if (s() && g.value?.validity?.valid && a.required) {
-        h.value = u.value, ce() && (k.value = a.validMessage ?? ue, Y(() => {
+      if (s() && w.value?.validity?.valid && t.required) {
+        f.value = u.value, ce() && (k.value = t.validMessage ?? ue, Y(() => {
           k.value = "";
         }, 1e3));
         return;
       }
-      if (ee(a.message, a.showMessage)) {
-        h.value = c.value;
+      if (ee(t.message, t.showMessage)) {
+        f.value = c.value;
         return;
       }
-      h.value = void 0;
+      f.value = void 0;
     }
-    function b(L, B) {
-      a.onChange && a.onChange(L), d(), se(l, L, "checked");
+    function S(g, p) {
+      t.onChange && t.onChange(g), d(), se(l, g, "checked");
     }
-    function x(L) {
-      a.onBlur && a.onBlur(L);
+    function y(g) {
+      t.onBlur && t.onBlur(g);
     }
-    function T(L) {
-      a.onFocus && a.onFocus(L);
+    function x(g) {
+      t.onFocus && t.onFocus(g);
     }
-    function w(L) {
-      L.key === "Enter" && (L.preventDefault(), a.disabled || g.value?.click());
+    function B(g) {
+      g.key === "Enter" && (g.preventDefault(), t.disabled || w.value?.click());
     }
-    return (L, B) => (v(), y("div", {
+    return (g, p) => (h(), b("div", {
       "data-visual-aid": n(R)(e.visualAid),
       "data-size": e.size,
       "data-hide-label": n(oe)(e.showLabel),
       "data-variant": e.variant,
       "data-hide-asterisk": n(oe)(e.showRequiredAsterisk),
       "data-custom-validity": e.validation,
-      class: q(n(O)("db-switch", a.class))
+      class: q(n(O)("db-switch", t.class))
     }, [
       E("label", { for: i.value }, [
         E("input", {
@@ -3553,26 +3568,26 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           role: "switch",
           id: i.value,
           ref_key: "_ref",
-          ref: g,
+          ref: w,
           checked: n(V)(e.checked, "checked"),
           value: e.value,
           disabled: n(V)(e.disabled, "disabled"),
           "aria-invalid": e.validation === "invalid" ? "true" : void 0,
-          "aria-describedby": h.value,
+          "aria-describedby": f.value,
           name: e.name,
           required: n(V)(e.required, "required"),
           "data-aid-icon": e.iconLeading ?? e.icon,
           "data-aid-icon-trailing": e.iconTrailing,
-          onChange: B[0] || (B[0] = async (N) => b(N)),
-          onBlur: B[1] || (B[1] = async (N) => x(N)),
-          onFocus: B[2] || (B[2] = async (N) => T(N)),
-          onKeydown: B[3] || (B[3] = async (N) => w(N))
-        }, null, 40, Di),
-        e.label ? (v(), y(W, { key: 0 }, [
-          D(S(e.label), 1)
-        ], 64)) : M(L.$slots, "default", { key: 1 })
-      ], 8, Ai),
-      n(ee)(e.message, e.showMessage) ? (v(), J(_, {
+          onChange: p[0] || (p[0] = async (N) => S(N)),
+          onBlur: p[1] || (p[1] = async (N) => y(N)),
+          onFocus: p[2] || (p[2] = async (N) => x(N)),
+          onKeydown: p[3] || (p[3] = async (N) => B(N))
+        }, null, 40, Ni),
+        e.label ? (h(), b(W, { key: 0 }, [
+          D(L(e.label), 1)
+        ], 64)) : F(g.$slots, "default", { key: 1 })
+      ], 8, Fi),
+      n(ee)(e.message, e.showMessage) ? (h(), J(_, {
         key: 0,
         size: "small",
         semantic: "adaptive",
@@ -3580,35 +3595,35 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         icon: e.messageIcon
       }, {
         default: U(() => [
-          D(S(e.message), 1)
+          D(L(e.message), 1)
         ]),
         _: 1
       }, 8, ["id", "icon"])) : z("", !0),
-      s() ? (v(), J(_, {
+      s() ? (h(), J(_, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
         default: U(() => [
-          D(S(e.validMessage ?? n(ue)), 1)
+          D(L(e.validMessage ?? n(ue)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
       ie(_, {
         size: "small",
         semantic: "critical",
-        id: f.value
+        id: v.value
       }, {
         default: U(() => [
-          D(S(m.value ?? e.invalidMessage ?? n(te)), 1)
+          D(L(m.value ?? e.invalidMessage ?? n(ae)), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Fi, S(k.value), 1)
-    ], 10, Ei));
+      E("span", Ri, L(k.value), 1)
+    ], 10, Mi));
   }
-}), Mi = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Ni = ["disabled", "aria-selected", "checked", "name", "id"], Ri = /* @__PURE__ */ G({
+}), zi = ["for", "data-icon", "data-icon-trailing", "data-show-icon", "data-show-icon-trailing", "data-no-text"], Pi = ["disabled", "aria-selected", "checked", "name", "id"], Vi = /* @__PURE__ */ G({
   name: "DBTabItem",
   __name: "tab-item",
   props: {
@@ -3633,40 +3648,40 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     name: { default: void 0 }
   },
   emits: ["update:checked"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(!1), c = o(void 0), u = o(!1), f = o(!1), m = o(void 0), h = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(!1), c = o(void 0), u = o(!1), v = o(!1), m = o(void 0), f = o(null);
     Q(() => {
       m.value = k, u.value = !0;
     }), me(() => {
-      f.value && h.value && m.value && (h.value.closest("[role=tablist]")?.removeEventListener("change", m.value), f.value = !1);
+      v.value && f.value && m.value && (f.value.closest("[role=tablist]")?.removeEventListener("change", m.value), v.value = !1);
     }), C(
-      () => [h.value, u.value, m.value],
+      () => [f.value, u.value, m.value],
       () => {
-        h.value && u.value && m.value && (u.value = !1, f.value || (h.value.closest("[role=tablist]")?.addEventListener("change", m.value), f.value = !0), (a.active || h.value.checked) && (i.value = !0, h.value.click()));
+        f.value && u.value && m.value && (u.value = !1, v.value || (f.value.closest("[role=tablist]")?.addEventListener("change", m.value), v.value = !0), (t.active || f.value.checked) && (i.value = !0, f.value.click()));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), C(
-      () => [a.name],
+      () => [t.name],
       () => {
-        a.name && (c.value = a.name);
+        t.name && (c.value = t.name);
       },
       {
         immediate: !0,
         flush: "post"
       }
     );
-    function k(g) {
-      g.stopPropagation(), i.value = g.target === h.value;
+    function k(w) {
+      w.stopPropagation(), i.value = w.target === f.value;
     }
-    function $(g) {
-      a.onChange && a.onChange(g), se(l, g, "checked");
+    function $(w) {
+      t.onChange && t.onChange(w), se(l, w, "checked");
     }
-    return (g, s) => (v(), y("li", {
+    return (w, s) => (h(), b("li", {
       role: "none",
-      class: q(n(O)("db-tab-item", a.class))
+      class: q(n(O)("db-tab-item", t.class))
     }, [
       E("label", {
         for: e.id,
@@ -3683,19 +3698,19 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           "aria-selected": i.value,
           checked: n(V)(e.checked, "checked"),
           ref_key: "_ref",
-          ref: h,
+          ref: f,
           name: c.value,
           id: e.id,
           onInput: s[0] || (s[0] = async (d) => $(d))
-        }, null, 40, Ni),
-        e.label ? (v(), y(W, { key: 0 }, [
-          D(S(e.label), 1)
+        }, null, 40, Pi),
+        e.label ? (h(), b(W, { key: 0 }, [
+          D(L(e.label), 1)
         ], 64)) : z("", !0),
-        M(g.$slots, "default")
-      ], 8, Mi)
+        F(w.$slots, "default")
+      ], 8, zi)
     ], 2));
   }
-}), zi = ["id"], Pi = { role: "tablist" }, Vi = /* @__PURE__ */ G({
+}), qi = ["id"], Oi = { role: "tablist" }, Ui = /* @__PURE__ */ G({
   name: "DBTabList",
   __name: "tab-list",
   props: {
@@ -3706,21 +3721,21 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(Ee), a = o(null);
+    const a = e, l = o(Ee), t = o(null);
     return Q(() => {
-      l.value = t.id || "tab-list-" + ae();
-    }), (i, c) => (v(), y("div", {
+      l.value = a.id || "tab-list-" + te();
+    }), (i, c) => (h(), b("div", {
       ref_key: "_ref",
-      ref: a,
+      ref: t,
       id: l.value,
-      class: q(n(O)("db-tab-list", t.class))
+      class: q(n(O)("db-tab-list", a.class))
     }, [
-      E("ul", Pi, [
-        M(i.$slots, "default")
+      E("ul", Oi, [
+        F(i.$slots, "default")
       ])
-    ], 10, zi));
+    ], 10, qi));
   }
-}), qi = ["id"], Oi = /* @__PURE__ */ G({
+}), Gi = ["id"], Wi = /* @__PURE__ */ G({
   name: "DBTabPanel",
   __name: "tab-panel",
   props: {
@@ -3732,22 +3747,22 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     autofocus: { type: [Boolean, String] }
   },
   setup(e) {
-    const t = e, l = o(null);
+    const a = e, l = o(null);
     return Q(() => {
-    }), (a, i) => (v(), y("section", {
+    }), (t, i) => (h(), b("section", {
       role: "tabpanel",
       ref_key: "_ref",
       ref: l,
-      class: q(n(O)("db-tab-panel", t.class)),
+      class: q(n(O)("db-tab-panel", a.class)),
       id: e.id
     }, [
-      e.content ? (v(), y(W, { key: 0 }, [
-        D(S(e.content), 1)
+      e.content ? (h(), b(W, { key: 0 }, [
+        D(L(e.content), 1)
       ], 64)) : z("", !0),
-      M(a.$slots, "default")
-    ], 10, qi));
+      F(t.$slots, "default")
+    ], 10, Gi));
   }
-}), Ui = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], ln = /* @__PURE__ */ G({
+}), Hi = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], dn = /* @__PURE__ */ G({
   name: "DBTabs",
   __name: "tabs",
   props: {
@@ -3771,22 +3786,22 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     tabSelect: {}
   },
   setup(e) {
-    const t = e, l = o("tabs-" + ae()), a = o(""), i = o(!1), c = o(!1), u = o(!1), f = o(null), m = o(void 0), h = o(null);
+    const a = e, l = o("tabs-" + te()), t = o(""), i = o(!1), c = o(!1), u = o(!1), v = o(null), m = o(void 0), f = o(null);
     Q(() => {
-      l.value = t.id || l.value, a.value = `tabs-${t.name || ae()}`, i.value = !0;
+      l.value = a.id || l.value, t.value = `tabs-${a.name || te()}`, i.value = !0;
     }), me(() => {
       m.value?.disconnect(), m.value = void 0;
     }), C(
-      () => [h.value, i.value],
+      () => [f.value, i.value],
       () => {
-        if (h.value && i.value) {
+        if (f.value && i.value) {
           s(), d(!0);
-          const x = h.value.querySelector(".db-tab-list");
-          x && new MutationObserver((w) => {
-            w.forEach((L) => {
-              (L.removedNodes.length || L.addedNodes.length) && (s(), d());
+          const y = f.value.querySelector(".db-tab-list");
+          y && new MutationObserver((B) => {
+            B.forEach((g) => {
+              (g.removedNodes.length || g.addedNodes.length) && (s(), d());
             });
-          }).observe(x, {
+          }).observe(y, {
             childList: !0,
             subtree: !0
           }), i.value = !1;
@@ -3799,161 +3814,161 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     );
     function k() {
       try {
-        return typeof t.tabs == "string" ? JSON.parse(t.tabs) : t.tabs;
-      } catch (x) {
-        console.error(x);
+        return typeof a.tabs == "string" ? JSON.parse(a.tabs) : a.tabs;
+      } catch (y) {
+        console.error(y);
       }
       return [];
     }
-    function $(x) {
-      const T = x.scrollWidth > x.clientWidth;
-      c.value = T && x.scrollLeft > 1, u.value = T && x.scrollLeft < x.scrollWidth - x.clientWidth;
+    function $(y) {
+      const x = y.scrollWidth > y.clientWidth;
+      c.value = x && y.scrollLeft > 1, u.value = x && y.scrollLeft < y.scrollWidth - y.clientWidth;
     }
-    function g(x) {
-      let T = Number(t.arrowScrollDistance) || 100;
-      x && (T *= -1), f.value?.scrollBy({
+    function w(y) {
+      let x = Number(a.arrowScrollDistance) || 100;
+      y && (x *= -1), v.value?.scrollBy({
         top: 0,
-        left: T,
+        left: x,
         behavior: "smooth"
       });
     }
     function s() {
-      if (h.value) {
-        const x = h.value.querySelector(".db-tab-list");
-        if (x) {
-          const T = x.querySelector('[role="tablist"]');
-          if (T && (T.setAttribute(
+      if (f.value) {
+        const y = f.value.querySelector(".db-tab-list");
+        if (y) {
+          const x = y.querySelector('[role="tablist"]');
+          if (x && (x.setAttribute(
             "aria-orientation",
-            t.orientation || "horizontal"
-          ), t.behavior === "arrows" && (f.value = T, $(T), T.addEventListener("scroll", () => {
-            $(T);
+            a.orientation || "horizontal"
+          ), a.behavior === "arrows" && (v.value = x, $(x), x.addEventListener("scroll", () => {
+            $(x);
           }), !m.value))) {
-            const w = new ResizeObserver(() => {
-              $(T);
+            const B = new ResizeObserver(() => {
+              $(x);
             });
-            w.observe(T), m.value = w;
+            B.observe(x), m.value = B;
           }
         }
       }
     }
-    function d(x) {
-      if (h.value) {
-        const T = Array.from(
-          h.value.getElementsByClassName("db-tab-item")
-        ), w = Array.from(
-          h.value.querySelectorAll(
+    function d(y) {
+      if (f.value) {
+        const x = Array.from(
+          f.value.getElementsByClassName("db-tab-item")
+        ), B = Array.from(
+          f.value.querySelectorAll(
             ":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"
           )
         );
-        for (const L of T) {
-          const B = T.indexOf(L), N = L.querySelector("label"), F = L.querySelector("input");
-          if (F && N) {
-            if (!F.id) {
-              const H = `${a.value}-tab-${B}`;
-              N.setAttribute("for", H), F.id = H, F.setAttribute("name", a.value), w.length > B && F.setAttribute(
+        for (const g of x) {
+          const p = x.indexOf(g), N = g.querySelector("label"), M = g.querySelector("input");
+          if (M && N) {
+            if (!M.id) {
+              const H = `${t.value}-tab-${p}`;
+              N.setAttribute("for", H), M.id = H, M.setAttribute("name", t.value), B.length > p && M.setAttribute(
                 "aria-controls",
-                `${a.value}-tab-panel-${B}`
+                `${t.value}-tab-panel-${p}`
               );
             }
-            if (x) {
-              const H = !t.initialSelectedMode || t.initialSelectedMode === "auto", X = t.initialSelectedIndex == null && B === 0 || Number(t.initialSelectedIndex) === B;
-              H && X && F.click();
+            if (y) {
+              const H = !a.initialSelectedMode || a.initialSelectedMode === "auto", X = a.initialSelectedIndex == null && p === 0 || Number(a.initialSelectedIndex) === p;
+              H && X && M.click();
             }
           }
         }
-        for (const L of w) {
-          if (L.id) continue;
-          const B = w.indexOf(L);
-          L.id = `${a.value}-tab-panel-${B}`, L.setAttribute("aria-labelledby", `${a.value}-tab-${B}`);
+        for (const g of B) {
+          if (g.id) continue;
+          const p = B.indexOf(g);
+          g.id = `${t.value}-tab-panel-${p}`, g.setAttribute("aria-labelledby", `${t.value}-tab-${p}`);
         }
       }
     }
-    function b(x) {
-      if (x.stopPropagation(), x.target) {
-        const w = x.target.parentElement;
-        if (w && w.parentElement && w.parentElement?.nodeName === "LI") {
-          const L = w.parentElement;
-          if (L) {
-            const B = L.parentElement;
-            if (B) {
-              const N = Array.from(B.children).indexOf(L);
-              t.onIndexChange && t.onIndexChange(N), t.onTabSelect && t.onTabSelect(x);
+    function S(y) {
+      if (y.stopPropagation(), y.target) {
+        const B = y.target.parentElement;
+        if (B && B.parentElement && B.parentElement?.nodeName === "LI") {
+          const g = B.parentElement;
+          if (g) {
+            const p = g.parentElement;
+            if (p) {
+              const N = Array.from(p.children).indexOf(g);
+              a.onIndexChange && a.onIndexChange(N), a.onTabSelect && a.onTabSelect(y);
             }
           }
         }
       }
     }
-    return (x, T) => (v(), y("div", {
+    return (y, x) => (h(), b("div", {
       ref_key: "_ref",
-      ref: h,
+      ref: f,
       id: l.value,
-      class: q(n(O)("db-tabs", t.class)),
+      class: q(n(O)("db-tabs", a.class)),
       "data-orientation": e.orientation,
       "data-scroll-behavior": e.behavior,
       "data-alignment": e.alignment ?? "start",
       "data-width": e.width ?? "auto",
-      onInput: T[0] || (T[0] = async (w) => b(w)),
-      onChange: T[1] || (T[1] = async (w) => b(w))
+      onInput: x[0] || (x[0] = async (B) => S(B)),
+      onChange: x[1] || (x[1] = async (B) => S(B))
     }, [
-      c.value ? (v(), J(we, {
+      c.value ? (h(), J(we, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
         icon: "chevron_left",
         type: "button",
         noText: !0,
-        onClick: (w) => g(!0)
+        onClick: (B) => w(!0)
       }, {
-        default: U(() => [...T[2] || (T[2] = [
+        default: U(() => [...x[2] || (x[2] = [
           D(" Scroll left ", -1)
         ])]),
         _: 1
       }, 8, ["onClick"])) : z("", !0),
-      e.tabs ? (v(), y(W, { key: 1 }, [
-        ie(Vi, null, {
+      e.tabs ? (h(), b(W, { key: 1 }, [
+        ie(Ui, null, {
           default: U(() => [
-            (v(!0), y(W, null, ge(k(), (w, L) => (v(), J(Ri, {
-              key: e.name + "tab-item" + L,
-              active: w.active,
-              label: w.label,
-              iconTrailing: w.iconTrailing,
-              icon: w.icon,
-              noText: w.noText
+            (h(!0), b(W, null, ge(k(), (B, g) => (h(), J(Vi, {
+              key: e.name + "tab-item" + g,
+              active: B.active,
+              label: B.label,
+              iconTrailing: B.iconTrailing,
+              icon: B.icon,
+              noText: B.noText
             }, null, 8, ["active", "label", "iconTrailing", "icon", "noText"]))), 128))
           ]),
           _: 1
         }),
-        (v(!0), y(W, null, ge(k(), (w, L) => (v(), J(Oi, {
-          key: e.name + "tab-panel" + L,
-          content: w.content
+        (h(!0), b(W, null, ge(k(), (B, g) => (h(), J(Wi, {
+          key: e.name + "tab-panel" + g,
+          content: B.content
         }, {
           default: U(() => [
-            D(S(w.children), 1)
+            D(L(B.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : z("", !0),
-      u.value ? (v(), J(we, {
+      u.value ? (h(), J(we, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
         icon: "chevron_right",
         type: "button",
         noText: !0,
-        onClick: (w) => g()
+        onClick: (B) => w()
       }, {
-        default: U(() => [...T[3] || (T[3] = [
+        default: U(() => [...x[3] || (x[3] = [
           D(" Scroll right ", -1)
         ])]),
         _: 1
       }, 8, ["onClick"])) : z("", !0),
-      M(x.$slots, "default")
-    ], 42, Ui));
+      F(y.$slots, "default")
+    ], 42, Hi));
   }
-}), nn = ["scrollbar", "arrows"], on = ["auto", "manually"], dn = ["static", "removable"], Gi = ["data-variant", "data-hide-asterisk", "data-hide-label"], Wi = ["for"], Hi = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Xi = {
+}), sn = ["scrollbar", "arrows"], un = ["auto", "manually"], cn = ["static", "removable"], Xi = ["data-variant", "data-hide-asterisk", "data-hide-label"], ji = ["for"], Ki = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "data-resize", "data-hide-resizer", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Yi = {
   "data-visually-hidden": "true",
   role: "status"
-}, sn = /* @__PURE__ */ G({
+}, rn = /* @__PURE__ */ G({
   name: "DBTextarea",
   __name: "textarea",
   props: {
@@ -4003,17 +4018,17 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     showMessage: { type: [Boolean, String], default: void 0 }
   },
   emits: ["update:value"],
-  setup(e, { emit: t }) {
-    const l = t, a = e, i = o(void 0), c = o(void 0), u = o(void 0), f = o(void 0), m = o(void 0), h = o(void 0), k = o(""), $ = o(""), g = o(void 0), s = o(null);
+  setup(e, { emit: a }) {
+    const l = a, t = e, i = o(void 0), c = o(void 0), u = o(void 0), v = o(void 0), m = o(void 0), f = o(void 0), k = o(""), $ = o(""), w = o(void 0), s = o(null);
     Q(() => {
-      const B = a.id ?? `textarea-${ae()}`;
-      i.value = B, c.value = B + re, u.value = B + ve, f.value = B + fe, m.value = a.invalidMessage || te;
+      const p = t.id ?? `textarea-${te()}`;
+      i.value = p, c.value = p + re, u.value = p + ve, v.value = p + fe, m.value = t.invalidMessage || ae;
     }), me(() => {
-      g.value?.abort();
+      w.value?.abort();
     }), C(
-      () => [s.value, a.invalidMessage],
+      () => [s.value, t.invalidMessage],
       () => {
-        m.value = a.invalidMessage || s.value?.validationMessage || te;
+        m.value = t.invalidMessage || s.value?.validationMessage || ae;
       },
       {
         immediate: !0,
@@ -4023,8 +4038,8 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       () => [i.value],
       () => {
         if (i.value) {
-          const B = i.value + re;
-          c.value = B, u.value = i.value + ve, f.value = i.value + fe, ee(a.message, a.showMessage) && (h.value = B), b();
+          const p = i.value + re;
+          c.value = p, u.value = i.value + ve, v.value = i.value + fe, ee(t.message, t.showMessage) && (f.value = p), S();
         }
       },
       {
@@ -4032,9 +4047,9 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         flush: "post"
       }
     ), C(
-      () => [a.value],
+      () => [t.value],
       () => {
-        a.value !== void 0 && (k.value = a.value);
+        t.value !== void 0 && (k.value = t.value);
       },
       {
         immediate: !0,
@@ -4044,17 +4059,17 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       () => [s.value],
       () => {
         if (s.value) {
-          let F = g.value;
-          F || (F = new AbortController(), g.value = F), Ue(
+          let M = w.value;
+          M || (M = new AbortController(), w.value = M), Ge(
             s.value,
             {
-              value: a.value,
+              value: t.value,
               defaultValue: void 0
             },
             (H) => {
-              T(H), x(H);
+              x(H), y(H);
             },
-            F.signal
+            M.signal
           );
         }
       },
@@ -4064,30 +4079,30 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       }
     );
     function d() {
-      return !!(a.validMessage ?? a.validation === "valid");
+      return !!(t.validMessage ?? t.validation === "valid");
     }
-    function b() {
-      !s.value?.validity.valid || a.validation === "invalid" ? (h.value = f.value, m.value = a.invalidMessage || s.value?.validationMessage || te, ce() && ($.value = m.value, Y(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && (a.required || a.minLength || a.maxLength) ? (h.value = u.value, ce() && ($.value = a.validMessage ?? ue, Y(() => $.value = "", 1e3))) : ee(a.message, a.showMessage) ? h.value = c.value : h.value = void 0;
+    function S() {
+      !s.value?.validity.valid || t.validation === "invalid" ? (f.value = v.value, m.value = t.invalidMessage || s.value?.validationMessage || ae, ce() && ($.value = m.value, Y(() => $.value = "", 1e3))) : d() && s.value?.validity.valid && (t.required || t.minLength || t.maxLength) ? (f.value = u.value, ce() && ($.value = t.validMessage ?? ue, Y(() => $.value = "", 1e3))) : ee(t.message, t.showMessage) ? f.value = c.value : f.value = void 0;
     }
-    function x(B, N) {
-      a.input && a.input(B), k.value = B.target.value, a.onInput && a.onInput(B), se(l, B), b();
+    function y(p, N) {
+      t.input && t.input(p), k.value = p.target.value, t.onInput && t.onInput(p), se(l, p), S();
     }
-    function T(B, N) {
-      a.onChange && a.onChange(B), se(l, B), b();
+    function x(p, N) {
+      t.onChange && t.onChange(p), se(l, p), S();
     }
-    function w(B) {
-      a.onBlur && a.onBlur(B);
+    function B(p) {
+      t.onBlur && t.onBlur(p);
     }
-    function L(B) {
-      a.onFocus && a.onFocus(B);
+    function g(p) {
+      t.onFocus && t.onFocus(p);
     }
-    return (B, N) => (v(), y("div", {
-      class: q(n(O)("db-textarea", a.class)),
+    return (p, N) => (h(), b("div", {
+      class: q(n(O)("db-textarea", t.class)),
       "data-variant": e.variant,
       "data-hide-asterisk": n(oe)(e.showRequiredAsterisk),
       "data-hide-label": n(oe)(e.showLabel)
     }, [
-      E("label", { for: i.value }, S(e.label ?? n(ke)), 9, Wi),
+      E("label", { for: i.value }, L(e.label ?? n(ke)), 9, ji),
       E("textarea", {
         "aria-invalid": e.validation === "invalid",
         "data-custom-validity": e.validation,
@@ -4107,206 +4122,206 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         wrap: e.wrap,
         spellcheck: e.spellCheck,
         autocomplete: e.autocomplete,
-        onInput: N[0] || (N[0] = async (F) => x(F)),
-        onChange: N[1] || (N[1] = async (F) => T(F)),
-        onBlur: N[2] || (N[2] = async (F) => w(F)),
-        onFocus: N[3] || (N[3] = async (F) => L(F)),
+        onInput: N[0] || (N[0] = async (M) => y(M)),
+        onChange: N[1] || (N[1] = async (M) => x(M)),
+        onBlur: N[2] || (N[2] = async (M) => B(M)),
+        onFocus: N[3] || (N[3] = async (M) => g(M)),
         value: e.value ?? k.value,
-        "aria-describedby": e.ariaDescribedBy ?? h.value,
-        placeholder: e.placeholder ?? n(ea),
-        rows: n(Le)(e.rows, n(Ea)),
+        "aria-describedby": e.ariaDescribedBy ?? f.value,
+        placeholder: e.placeholder ?? n(tt),
+        rows: n(Le)(e.rows, n(At)),
         cols: n(Le)(e.cols)
-      }, S(e.value), 41, Hi),
-      n(ee)(e.message, e.showMessage) ? (v(), J(_, {
+      }, L(e.value), 41, Ki),
+      n(ee)(e.message, e.showMessage) ? (h(), J(_, {
         key: 0,
         size: "small",
         icon: e.messageIcon,
         id: c.value
       }, {
         default: U(() => [
-          D(S(e.message), 1)
+          D(L(e.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : z("", !0),
-      d() ? (v(), J(_, {
+      d() ? (h(), J(_, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
         default: U(() => [
-          D(S(e.validMessage || n(ue)), 1)
+          D(L(e.validMessage || n(ue)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : z("", !0),
       ie(_, {
         size: "small",
         semantic: "critical",
-        id: f.value
+        id: v.value
       }, {
         default: U(() => [
-          D(S(m.value), 1)
+          D(L(m.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      E("span", Xi, S($.value), 1)
-    ], 10, Gi));
+      E("span", Yi, L($.value), 1)
+    ], 10, Xi));
   }
-}), un = ["none", "both", "horizontal", "vertical"], cn = ["hard", "soft", "off"], rn = ["description", "label"], vn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], fn = ["medium", "small", "large", "none"], hn = ["medium", "small", "large", "none"], ji = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Ki = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], mn = [...ji, ...Ki], gn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], bn = ["horizontal", "vertical"], yn = ["full", "auto"], kn = ["full", "medium", "large", "small"], wn = ["none", "slow", "fast"], Bn = ["auto", "fixed"], Sn = ["small", "medium"], pn = ["weak", "strong"], Ln = ["invalid", "valid", "no-validation"], In = ["fixed", "content"], xn = ["above", "floating"], $n = ["leading", "trailing"], Tn = ["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"], Cn = ["_self", "_blank", "_parent", "_top"], En = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], An = ["start", "center"];
+}), vn = ["none", "both", "horizontal", "vertical"], fn = ["hard", "soft", "off"], hn = ["description", "label"], mn = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], gn = ["medium", "small", "large", "none"], bn = ["medium", "small", "large", "none"], Ji = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Qi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], yn = [...Ji, ...Qi], kn = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], wn = ["horizontal", "vertical"], Bn = ["full", "auto"], Sn = ["full", "medium", "large", "small"], pn = ["none", "slow", "fast"], Ln = ["auto", "fixed"], In = ["small", "medium"], xn = ["weak", "strong"], Tn = ["invalid", "valid", "no-validation"], $n = ["fixed", "content"], Cn = ["above", "floating"], En = ["leading", "trailing"], An = ["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"], Dn = ["_self", "_blank", "_parent", "_top"], Mn = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Fn = ["start", "center"];
 export {
-  sl as AccordionBehaviorList,
-  dl as AccordionVariantList,
-  An as AlignmentList,
-  Tn as AutoCompleteList,
-  cl as BadgePlacementList,
-  fl as ButtonTypeList,
-  vl as ButtonVariantList,
-  la as COLOR,
-  _i as COLORS,
-  el as COLORS_SIMPLE,
-  Qi as COLOR_CONST,
-  ia as COLOR_SIMPLE,
-  ml as CardBehaviorList,
-  gl as CardElevationLevelList,
-  kl as CustomSelectDropdownWidthList,
-  Bl as CustomSelectListItemTypeList,
-  ol as DBAccordion,
-  Oa as DBAccordionItem,
-  ul as DBBadge,
-  rl as DBBrand,
+  rl as AccordionBehaviorList,
+  cl as AccordionVariantList,
+  Fn as AlignmentList,
+  An as AutoCompleteList,
+  fl as BadgePlacementList,
+  gl as ButtonTypeList,
+  ml as ButtonVariantList,
+  nt as COLOR,
+  al as COLORS,
+  il as COLORS_SIMPLE,
+  el as COLOR_CONST,
+  lt as COLOR_SIMPLE,
+  yl as CardBehaviorList,
+  kl as CardElevationLevelList,
+  Sl as CustomSelectDropdownWidthList,
+  Ll as CustomSelectListItemTypeList,
+  ul as DBAccordion,
+  Ut as DBAccordionItem,
+  vl as DBBadge,
+  hl as DBBrand,
   we as DBButton,
-  hl as DBCard,
-  bl as DBCheckbox,
-  yl as DBCustomSelect,
-  tt as DBCustomSelectDropdown,
-  wl as DBCustomSelectFormField,
-  ut as DBCustomSelectList,
-  dt as DBCustomSelectListItem,
-  pl as DBDivider,
-  Ut as DBDrawer,
-  El as DBHeader,
-  Al as DBIcon,
+  bl as DBCard,
+  wl as DBCheckbox,
+  Bl as DBCustomSelect,
+  na as DBCustomSelectDropdown,
+  pl as DBCustomSelectFormField,
+  va as DBCustomSelectList,
+  ca as DBCustomSelectListItem,
+  xl as DBDivider,
+  Ha as DBDrawer,
+  Ml as DBHeader,
+  Fl as DBIcon,
   _ as DBInfotext,
-  gt as DBInput,
-  Ml as DBLink,
-  Pl as DBNavigation,
-  Vl as DBNavigationItem,
-  ql as DBNotification,
-  Wl as DBPage,
-  jl as DBPopover,
-  Kl as DBRadio,
-  Yl as DBSection,
-  Jl as DBSelect,
-  Ql as DBStack,
-  tn as DBSwitch,
-  Ri as DBTabItem,
-  Vi as DBTabList,
-  Oi as DBTabPanel,
-  ln as DBTabs,
-  kt as DBTag,
-  sn as DBTextarea,
-  ca as DBTooltip,
-  il as DB_UX_LOCAL_STORAGE_FRAMEWORK,
-  ll as DB_UX_LOCAL_STORAGE_MODE,
-  xa as DEFAULT_BACK,
-  Ta as DEFAULT_BURGER_MENU,
-  Oe as DEFAULT_CLOSE_BUTTON,
-  Qe as DEFAULT_DATALIST_ID_SUFFIX,
-  Ca as DEFAULT_ICON,
+  ka as DBInput,
+  zl as DBLink,
+  Ol as DBNavigation,
+  Ul as DBNavigationItem,
+  Gl as DBNotification,
+  jl as DBPage,
+  Jl as DBPopover,
+  Ql as DBRadio,
+  Zl as DBSection,
+  _l as DBSelect,
+  en as DBStack,
+  on as DBSwitch,
+  Vi as DBTabItem,
+  Ui as DBTabList,
+  Wi as DBTabPanel,
+  dn as DBTabs,
+  Sa as DBTag,
+  rn as DBTextarea,
+  rt as DBTooltip,
+  ol as DB_UX_LOCAL_STORAGE_FRAMEWORK,
+  dl as DB_UX_LOCAL_STORAGE_MODE,
+  Tt as DEFAULT_BACK,
+  Ct as DEFAULT_BURGER_MENU,
+  Ue as DEFAULT_CLOSE_BUTTON,
+  Ze as DEFAULT_DATALIST_ID_SUFFIX,
+  Et as DEFAULT_ICON,
   Ee as DEFAULT_ID,
-  te as DEFAULT_INVALID_MESSAGE,
+  ae as DEFAULT_INVALID_MESSAGE,
   fe as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ke as DEFAULT_LABEL,
-  Ye as DEFAULT_LABEL_ID_SUFFIX,
-  Ia as DEFAULT_MESSAGE,
+  Je as DEFAULT_LABEL_ID_SUFFIX,
+  xt as DEFAULT_MESSAGE,
   re as DEFAULT_MESSAGE_ID_SUFFIX,
-  ea as DEFAULT_PLACEHOLDER,
+  tt as DEFAULT_PLACEHOLDER,
   Fe as DEFAULT_PLACEHOLDER_ID_SUFFIX,
-  aa as DEFAULT_REMOVE,
-  Ea as DEFAULT_ROWS,
-  $a as DEFAULT_SELECTED,
-  Je as DEFAULT_SELECT_ID_SUFFIX,
+  at as DEFAULT_REMOVE,
+  At as DEFAULT_ROWS,
+  $t as DEFAULT_SELECTED,
+  Qe as DEFAULT_SELECT_ID_SUFFIX,
   ue as DEFAULT_VALID_MESSAGE,
   ve as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Aa as DEFAULT_VIEWPORT,
-  Zi as DENSITIES,
-  ta as DENSITY,
-  Ji as DENSITY_CONST,
-  Da as DESKTOP_VIEWPORT,
-  Ll as DividerMarginList,
-  Il as DividerVariantList,
+  Dt as DEFAULT_VIEWPORT,
+  tl as DENSITIES,
+  it as DENSITY,
+  _i as DENSITY_CONST,
+  Mt as DESKTOP_VIEWPORT,
+  Tl as DividerMarginList,
+  $l as DividerVariantList,
   he as DocumentClickListener,
   de as DocumentScrollListener,
-  xl as DrawerBackdropList,
-  $l as DrawerDirectionList,
-  Cl as DrawerPositionList,
-  Tl as DrawerVariantList,
-  pn as EmphasisList,
-  In as FieldSizingList,
-  gn as GapSpacingList,
-  Dl as IconWeightList,
-  Fl as InputTypeList,
-  $n as LabelVariantHorizontalList,
-  xn as LabelVariantList,
-  zl as LinkContentList,
-  En as LinkReferrerPolicyList,
-  Rl as LinkSizeList,
-  Cn as LinkTargetList,
-  Nl as LinkVariantList,
-  hn as MarginList,
-  kn as MaxWidthList,
-  Wt as NavigationItemSafeTriangle,
-  Gl as NotificationAriaLiveList,
-  Ul as NotificationLinkVariantList,
-  Ol as NotificationVariantList,
-  bn as OrientationList,
-  Xl as PageDocumentOverflowList,
-  Hl as PageVariantList,
-  ji as PlacementHorizontalList,
-  mn as PlacementList,
-  Ki as PlacementVerticalList,
-  wn as PopoverDelayList,
-  Bn as PopoverWidthList,
-  na as SEMANTIC,
-  al as SEMANTICS,
-  Sl as SelectedTypeList,
-  vn as SemanticList,
-  Sn as SizeList,
-  fn as SpacingList,
-  en as StackAlignmentList,
-  _l as StackDirectionList,
-  an as StackJustifyContentList,
-  Zl as StackVariantList,
-  tl as TESTING_VIEWPORTS,
-  nn as TabsBehaviorList,
-  on as TabsInitialSelectedModeList,
-  dn as TagBehaviorList,
-  un as TextareaResizeList,
-  cn as TextareaWrapList,
-  rn as TooltipVariantList,
-  Ln as ValidationList,
-  yn as WidthList,
-  oa as addAttributeToChildren,
+  Cl as DrawerBackdropList,
+  El as DrawerDirectionList,
+  Dl as DrawerPositionList,
+  Al as DrawerVariantList,
+  xn as EmphasisList,
+  $n as FieldSizingList,
+  kn as GapSpacingList,
+  Nl as IconWeightList,
+  Rl as InputTypeList,
+  En as LabelVariantHorizontalList,
+  Cn as LabelVariantList,
+  ql as LinkContentList,
+  Mn as LinkReferrerPolicyList,
+  Vl as LinkSizeList,
+  Dn as LinkTargetList,
+  Pl as LinkVariantList,
+  bn as MarginList,
+  Sn as MaxWidthList,
+  ja as NavigationItemSafeTriangle,
+  Xl as NotificationAriaLiveList,
+  Hl as NotificationLinkVariantList,
+  Wl as NotificationVariantList,
+  wn as OrientationList,
+  Yl as PageDocumentOverflowList,
+  Kl as PageVariantList,
+  Ji as PlacementHorizontalList,
+  yn as PlacementList,
+  Qi as PlacementVerticalList,
+  pn as PopoverDelayList,
+  Ln as PopoverWidthList,
+  ot as SEMANTIC,
+  ll as SEMANTICS,
+  Il as SelectedTypeList,
+  mn as SemanticList,
+  In as SizeList,
+  gn as SpacingList,
+  ln as StackAlignmentList,
+  an as StackDirectionList,
+  nn as StackJustifyContentList,
+  tn as StackVariantList,
+  nl as TESTING_VIEWPORTS,
+  sn as TabsBehaviorList,
+  un as TabsInitialSelectedModeList,
+  cn as TagBehaviorList,
+  vn as TextareaResizeList,
+  fn as TextareaWrapList,
+  hn as TooltipVariantList,
+  Tn as ValidationList,
+  Bn as WidthList,
+  dt as addAttributeToChildren,
   O as cls,
   Y as delay,
   V as getBoolean,
   R as getBooleanAsString,
-  sa as getFloatingProps,
+  ut as getFloatingProps,
   oe as getHideProp,
-  Ze as getInputValue,
-  Pa as getNotificationRole,
+  _e as getInputValue,
+  Vt as getNotificationRole,
   Le as getNumber,
-  nl as getOptionKey,
-  _e as getSearchInput,
-  Ra as getStep,
-  _a as handleDataOutside,
-  et as handleFixedDropdown,
-  ua as handleFixedPopover,
+  sl as getOptionKey,
+  et as getSearchInput,
+  zt as getStep,
+  ea as handleDataOutside,
+  ta as handleFixedDropdown,
+  ct as handleFixedPopover,
   ce as hasVoiceOver,
-  Fa as isArrayOfStrings,
-  Gt as isEventTargetNavigationItem,
-  Na as isIOSSafari,
-  za as isKeyboardEvent,
+  Ft as isArrayOfStrings,
+  Xa as isEventTargetNavigationItem,
+  Rt as isIOSSafari,
+  Pt as isKeyboardEvent,
   ee as stringPropVisible,
-  ae as uuid
+  te as uuid
 };