@db-ux/v-core-components 2.4.1 → 2.4.2

package/dist/db-ux.es.js

@@ -1,29 +1,29 @@
-var _a = Object.defineProperty;
-var Ta = (i, a, l) => a in i ? _a(i, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[a] = l;
-var de = (i, a, l) => Ta(i, typeof a != "symbol" ? a + "" : a, l);
-import { defineComponent as V, ref as s, onMounted as K, watch as D, createElementBlock as B, openBlock as m, normalizeClass as R, unref as d, createElementVNode as T, createCommentVNode as q, renderSlot as E, Fragment as P, createTextVNode as F, toDisplayString as L, renderList as be, createBlock as Z, createVNode as ae, withCtx as G, onUnmounted as Aa } from "vue";
-const Le = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", aa = " ", Ca = "MESSAGE SHOULD BE SET", Je = "-label", Qe = "-select", ve = "-message", fe = "-valid-message", pe = "-invalid-message", Re = "-placeholder", Ze = "-datalist", he = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ta = "Remove", Ea = "Back", Da = "Selected", Fa = "BurgerMenu", Na = "brand", Ma = 4, Ge = "Close", Ki = "density", Ji = "color";
+var La = Object.defineProperty;
+var _a = (i, a, l) => a in i ? La(i, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : i[a] = l;
+var de = (i, a, l) => _a(i, typeof a != "symbol" ? a + "" : a, l);
+import { defineComponent as V, ref as s, onMounted as K, watch as D, createElementBlock as B, openBlock as m, normalizeClass as R, unref as d, createElementVNode as T, createCommentVNode as q, renderSlot as E, Fragment as P, createTextVNode as N, toDisplayString as L, renderList as be, createBlock as Z, createVNode as ae, withCtx as G, onUnmounted as Ta } from "vue";
+const Le = "OVERWRITE_DEFAULT_ID", we = "LABEL SHOULD BE SET", aa = " ", Aa = "MESSAGE SHOULD BE SET", Je = "-label", Qe = "-select", ve = "-message", fe = "-valid-message", pe = "-invalid-message", Re = "-placeholder", Ze = "-datalist", he = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ta = "Remove", Ca = "Back", Ea = "Selected", Da = "BurgerMenu", Na = "brand", Fa = 4, Ge = "Close", Ki = "density", Ji = "color";
 var ia = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(ia || {});
 const Qi = Object.entries(ia).map(([, i]) => i);
 var la = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(la || {}), oa = /* @__PURE__ */ ((i) => (i.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", i.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", i.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", i.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", i.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", i.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", i.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", i.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", i.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", i.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", i.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", i.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", i.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", i.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", i.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", i.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", i.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", i.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", i.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", i.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", i.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", i.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", i.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", i.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", i.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", i.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", i.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", i.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", i.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", i.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", i))(oa || {});
 const Zi = Object.entries(oa).map(([, i]) => i), xi = Object.entries(la).map(([, i]) => i);
 var da = /* @__PURE__ */ ((i) => (i.CRITICAL = "critical", i.INFORMATIONAL = "informational", i.WARNING = "warning", i.SUCCESSFUL = "successful", i))(da || {});
-const el = Object.entries(da).map(([, i]) => i), Ra = {
+const el = Object.entries(da).map(([, i]) => i), Ma = {
   width: 390,
   height: 884
-}, za = {
+}, Ra = {
   width: 1920,
   height: 1280
 }, al = [{
   name: "desktop",
-  ...za
+  ...Ra
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Ra
+  ...Ma
 }], Q = () => {
   var i, a;
   if (typeof window < "u") {
@@ -48,7 +48,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         for (const e in l)
           l[e] && (a += `${e} `);
   return a.trim();
-}, qa = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), Va = ["Mac", "iPhone", "iPad", "iPod"], me = () => typeof window < "u" && Va.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), j = (i) => {
+}, za = (i) => Array.isArray(i) && i.every((a) => typeof a == "string"), qa = ["Mac", "iPhone", "iPad", "iPod"], me = () => typeof window < "u" && qa.some((i) => window.navigator.userAgent.includes(i)), x = (i, a) => new Promise(() => setTimeout(i, a)), j = (i) => {
   if (i != null)
     return String(typeof i == "string" ? !!i : i);
 }, M = (i, a) => {
@@ -63,7 +63,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
 }, ee = (i, a) => (a === void 0 || !!a) && !!i, ea = (i) => i.querySelector('input[type="search"]'), tl = (i, a) => {
   const l = i.id ?? i.value ?? Q();
   return `${a}${l}`;
-}, Pa = (i) => i.key !== void 0, Ua = ["id"], Ga = ["aria-disabled", "name", "open"], Wa = /* @__PURE__ */ V({
+}, Va = (i) => i.key !== void 0, Pa = ["id"], Ua = ["aria-disabled", "name", "open"], Ga = /* @__PURE__ */ V({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -124,19 +124,19 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
           onClick: n[0] || (n[0] = async (f) => g(f))
         }, [
           r.headlinePlain ? (m(), B(P, { key: 0 }, [
-            F(L(r.headlinePlain), 1)
+            N(L(r.headlinePlain), 1)
           ], 64)) : q("", !0),
           r.headlinePlain ? q("", !0) : E(r.$slots, "headline", { key: 1 })
         ]),
         T("div", null, [
           r.text ? (m(), B(P, { key: 0 }, [
-            F(L(r.text), 1)
+            N(L(r.text), 1)
           ], 64)) : E(r.$slots, "default", { key: 1 })
         ])
-      ], 8, Ga)
-    ], 10, Ua));
+      ], 8, Ua)
+    ], 10, Pa));
   }
-}), Oa = ["id", "data-variant"], il = /* @__PURE__ */ V({
+}), Wa = ["id", "data-variant"], il = /* @__PURE__ */ V({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -218,15 +218,15 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       "data-variant": r.variant
     }, [
       r.items ? q("", !0) : E(r.$slots, "default", { key: 0 }),
-      r.items ? (m(!0), B(P, { key: 1 }, be(g(), (f, _) => (m(), Z(Wa, {
+      r.items ? (m(!0), B(P, { key: 1 }, be(g(), (f, _) => (m(), Z(Ga, {
         key: `accordion-item-${_}`,
         headlinePlain: f.headlinePlain,
         disabled: f.disabled,
         text: f.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : q("", !0)
-    ], 10, Oa));
+    ], 10, Wa));
   }
-}), Ha = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], ll = /* @__PURE__ */ V({
+}), Oa = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], ll = /* @__PURE__ */ V({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -273,12 +273,12 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         "data-label": ((u = t.placement) == null ? void 0 : u.startsWith("corner")) && (t.label ?? d(we))
       }, [
         t.text ? (m(), B(P, { key: 0 }, [
-          F(L(t.text), 1)
+          N(L(t.text), 1)
         ], 64)) : E(t.$slots, "default", { key: 1 })
-      ], 10, Ha);
+      ], 10, Oa);
     };
   }
-}), Xa = ["data-icon", "data-hide-icon", "id"], ol = /* @__PURE__ */ V({
+}), Ha = ["data-icon", "data-hide-icon", "id"], ol = /* @__PURE__ */ V({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -303,11 +303,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       class: R(d(z)("db-brand", a.class))
     }, [
       e.text ? (m(), B(P, { key: 0 }, [
-        F(L(e.text), 1)
+        N(L(e.text), 1)
       ], 64)) : E(e.$slots, "default", { key: 1 })
-    ], 10, Xa));
+    ], 10, Ha));
   }
-}), ja = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ V({
+}), Xa = ["id", "type", "disabled", "aria-label", "data-icon", "data-hide-icon", "data-size", "data-state", "data-width", "data-variant", "data-no-text", "name", "form", "value", "aria-describedby", "aria-expanded", "aria-pressed"], Be = /* @__PURE__ */ V({
   __name: "button",
   props: {
     ariaexpanded: { type: Boolean, default: void 0 },
@@ -363,11 +363,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       onClick: p[0] || (p[0] = async (u) => e(u))
     }, [
       t.text ? (m(), B(P, { key: 0 }, [
-        F(L(t.text), 1)
+        N(L(t.text), 1)
       ], 64)) : E(t.$slots, "default", { key: 1 })
-    ], 10, ja));
+    ], 10, Xa));
   }
-}), Ya = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], dl = /* @__PURE__ */ V({
+}), ja = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], dl = /* @__PURE__ */ V({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -399,11 +399,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       onClick: p[0] || (p[0] = async (u) => e(u))
     }, [
       E(t.$slots, "default")
-    ], 10, Ya));
+    ], 10, ja));
   }
 }), se = (i, a, l = "value") => {
   i(`update:${l}`, a.target[l]);
-}, Ka = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ V({
+}, Ya = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ V({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -431,11 +431,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
       "data-hide-icon-before": d(X)(e.showIcon ?? !0)
     }, [
       e.text ? (m(), B(P, { key: 0 }, [
-        F(L(e.text), 1)
+        N(L(e.text), 1)
       ], 64)) : E(e.$slots, "default", { key: 1 })
-    ], 10, Ka));
+    ], 10, Ya));
   }
-}), Ja = ["data-size", "data-hide-asterisk", "data-hide-label"], Qa = ["for"], Za = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], xa = {
+}), Ka = ["data-size", "data-hide-asterisk", "data-hide-label"], Ja = ["for"], Qa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Za = {
   "data-visually-hidden": "true",
   role: "status"
 }, nl = /* @__PURE__ */ V({
@@ -562,11 +562,11 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
           onBlur: k[1] || (k[1] = async (W) => I(W)),
           onFocus: k[2] || (k[2] = async (W) => A(W)),
           "aria-describedby": b.ariaDescribedBy ?? f.value
-        }, null, 40, Za),
+        }, null, 40, Qa),
         b.label ? (m(), B(P, { key: 0 }, [
-          F(L(b.label), 1)
+          N(L(b.label), 1)
         ], 64)) : E(b.$slots, "default", { key: 1 })
-      ], 8, Qa),
+      ], 8, Ja),
       d(ee)(b.message, b.showMessage) ? (m(), Z(te, {
         key: 0,
         size: "small",
@@ -574,7 +574,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         id: u.value
       }, {
         default: G(() => [
-          F(L(b.message), 1)
+          N(L(b.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : q("", !0),
@@ -585,7 +585,7 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         id: g.value
       }, {
         default: G(() => [
-          F(L(b.validMessage || d(he)), 1)
+          N(L(b.validMessage || d(he)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : q("", !0),
@@ -595,12 +595,12 @@ const el = Object.entries(da).map(([, i]) => i), Ra = {
         id: r.value
       }, {
         default: G(() => [
-          F(L(n.value), 1)
+          N(L(n.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", xa, L(_.value), 1)
-    ], 10, Ja));
+      T("span", Za, L(_.value), 1)
+    ], 10, Ka));
   }
 }), re = class re {
   static runCallbacks(a) {
@@ -647,7 +647,7 @@ const ce = class ce {
 };
 de(ce, "callbacks", {}), de(ce, "_instance", null);
 let Ie = ce;
-const et = (i) => {
+const xa = (i) => {
   var v;
   const {
     top: a,
@@ -666,13 +666,13 @@ const et = (i) => {
     outLeft: n,
     outRight: f
   };
-}, at = (i) => {
+}, et = (i) => {
   const {
     outTop: a,
     outBottom: l,
     outLeft: e,
     outRight: t
-  } = et(i);
+  } = xa(i);
   let p = {};
   return a || l ? (p = {
     vy: a ? "top" : "bottom"
@@ -680,7 +680,7 @@ const et = (i) => {
     ...p,
     vx: t ? "right" : "left"
   }, i.dataset.outsideVx = p.vx) : delete i.dataset.outsideVx, p;
-}, tt = (i, a, l) => {
+}, at = (i, a, l) => {
   if (getComputedStyle(i).zIndex === "9999") return;
   const {
     top: e,
@@ -789,7 +789,7 @@ const et = (i) => {
     i.style.insetBlockStart = `calc(${_}px + ${e})`, i.style.insetBlockEnd = `calc(${c > v ? v : c}px + ${e})`;
   }
   i.style.position = "fixed", i.dataset.correctedPlacement = S;
-}, it = ["id", "data-width"], lt = /* @__PURE__ */ V({
+}, tt = ["id", "data-width"], it = /* @__PURE__ */ V({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -811,9 +811,9 @@ const et = (i) => {
       "data-width": e.width
     }, [
       E(e.$slots, "default")
-    ], 10, it));
+    ], 10, tt));
   }
-}), ot = ["id", "data-divider"], dt = ["data-icon", "data-hide-icon", "data-icon-after"], nt = ["type", "name", "form", "checked", "disabled", "value"], st = { key: 1 }, ut = /* @__PURE__ */ V({
+}), lt = ["id", "data-divider"], ot = ["data-icon", "data-hide-icon", "data-icon-after"], dt = ["type", "name", "form", "checked", "disabled", "value"], nt = { key: 1 }, st = /* @__PURE__ */ V({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -870,7 +870,7 @@ const et = (i) => {
       ),
       "data-divider": d(j)(p.value)
     }, [
-      n.isGroupTitle ? (m(), B("span", st, L(n.groupTitle), 1)) : (m(), B("label", {
+      n.isGroupTitle ? (m(), B("span", nt, L(n.groupTitle), 1)) : (m(), B("label", {
         key: 0,
         "data-icon": n.type !== "checkbox" && n.icon ? n.icon : void 0,
         "data-hide-icon": d(X)(n.showIcon),
@@ -886,14 +886,14 @@ const et = (i) => {
           disabled: d(M)(n.disabled, "disabled"),
           value: n.value,
           onChange: f[0] || (f[0] = async (_) => g(_))
-        }, null, 40, nt),
+        }, null, 40, dt),
         n.label ? (m(), B(P, { key: 0 }, [
-          F(L(n.label), 1)
+          N(L(n.label), 1)
         ], 64)) : E(n.$slots, "default", { key: 1 })
-      ], 8, dt))
-    ], 10, ot));
+      ], 8, ot))
+    ], 10, lt));
   }
-}), rt = ["role", "aria-label", "id"], ct = /* @__PURE__ */ V({
+}), ut = ["role", "aria-label", "id"], rt = /* @__PURE__ */ V({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -918,12 +918,12 @@ const et = (i) => {
       T("ul", null, [
         E(e.$slots, "default")
       ])
-    ], 10, rt));
+    ], 10, ut));
   }
-}), vt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-asterisk", "data-hide-icon-after"], ft = ["for"], pt = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], ht = ["id"], mt = ["value"], gt = {
+}), ct = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-asterisk", "data-hide-icon-after"], vt = ["for"], ft = ["aria-invalid", "data-custom-validity", "data-field-sizing", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], pt = ["id"], ht = ["value"], mt = {
   "data-visually-hidden": "true",
   role: "status"
-}, bt = /* @__PURE__ */ V({
+}, gt = /* @__PURE__ */ V({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -1037,7 +1037,7 @@ const et = (i) => {
     function W() {
       const y = e.dataList;
       return Array.from(
-        (qa(y) ? y == null ? void 0 : y.map((O) => ({
+        (za(y) ? y == null ? void 0 : y.map((O) => ({
           value: O,
           label: void 0
         })) : y) || []
@@ -1053,7 +1053,7 @@ const et = (i) => {
       "data-hide-asterisk": d(X)(y.showRequiredAsterisk),
       "data-hide-icon-after": d(X)(y.showIcon)
     }, [
-      T("label", { for: t.value }, L(y.label ?? d(we)), 9, ft),
+      T("label", { for: t.value }, L(y.label ?? d(we)), 9, vt),
       T("input", {
         "aria-invalid": y.validation === "invalid",
         "data-custom-validity": y.validation,
@@ -1084,7 +1084,7 @@ const et = (i) => {
         onFocus: O[3] || (O[3] = async (w) => k(w)),
         list: y.dataList && n.value,
         "aria-describedby": y.ariaDescribedBy ?? f.value
-      }, null, 40, pt),
+      }, null, 40, ft),
       y.dataList ? (m(), B("datalist", {
         key: 0,
         id: n.value
@@ -1092,8 +1092,8 @@ const et = (i) => {
         (m(!0), B(P, null, be(W(), (w) => (m(), B("option", {
           key: n.value + "-option-" + w.value,
           value: w.value
-        }, L(w.label), 9, mt))), 128))
-      ], 8, ht)) : q("", !0),
+        }, L(w.label), 9, ht))), 128))
+      ], 8, pt)) : q("", !0),
       E(y.$slots, "default"),
       d(ee)(y.message, y.showMessage) ? (m(), Z(te, {
         key: 1,
@@ -1102,7 +1102,7 @@ const et = (i) => {
         id: p.value
       }, {
         default: G(() => [
-          F(L(y.message), 1)
+          N(L(y.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : q("", !0),
@@ -1113,7 +1113,7 @@ const et = (i) => {
         id: u.value
       }, {
         default: G(() => [
-          F(L(y.validMessage || d(he)), 1)
+          N(L(y.validMessage || d(he)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : q("", !0),
@@ -1123,14 +1123,14 @@ const et = (i) => {
         id: g.value
       }, {
         default: G(() => [
-          F(L(r.value), 1)
+          N(L(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      T("span", gt, L(S.value), 1)
-    ], 10, vt));
+      T("span", mt, L(S.value), 1)
+    ], 10, ct));
   }
-}), yt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ra = /* @__PURE__ */ V({
+}), bt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ra = /* @__PURE__ */ V({
   __name: "tooltip",
   props: {
     showArrow: { type: [Boolean, String], default: void 0 },
@@ -1223,9 +1223,9 @@ const et = (i) => {
       onClick: c[0] || (c[0] = async (I) => g(I))
     }, [
       E(v.$slots, "default")
-    ], 10, yt));
+    ], 10, bt));
   }
-}), kt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], wt = /* @__PURE__ */ V({
+}), yt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], kt = /* @__PURE__ */ V({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1292,7 +1292,7 @@ const et = (i) => {
       E(u.$slots, "content"),
       E(u.$slots, "default"),
       u.text ? (m(), B(P, { key: 0 }, [
-        F(L(u.text), 1)
+        N(L(u.text), 1)
       ], 64)) : q("", !0),
       u.behavior === "removable" ? (m(), B("button", {
         key: 1,
@@ -1306,14 +1306,14 @@ const et = (i) => {
       }, [
         ae(ra, { variant: "label" }, {
           default: G(() => [
-            F(L(p()), 1)
+            N(L(p()), 1)
           ]),
           _: 1
         })
       ])) : q("", !0)
-    ], 10, kt));
+    ], 10, yt));
   }
-}), St = ["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-hide-icon"], Bt = ["id"], It = ["id", "form", "name", "multiple", "disabled", "required"], $t = ["disabled", "value"], Lt = ["open"], _t = ["id", "aria-disabled", "aria-labelledby"], Tt = ["data-visually-hidden", "id"], At = { key: 1 }, Ct = { key: 0 }, Et = { key: 0 }, Dt = { class: "db-checkbox db-custom-select-list-item" }, Ft = ["form", "checked"], Nt = ["aria-hidden", "id"], Mt = {
+}), 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-hide-icon"], St = ["id"], Bt = ["id", "form", "name", "multiple", "disabled", "required"], It = ["disabled", "value"], $t = ["open"], Lt = ["id", "aria-disabled", "aria-labelledby"], _t = ["data-visually-hidden", "id"], Tt = { key: 1 }, At = { key: 0 }, Ct = { key: 0 }, Et = { class: "db-checkbox db-custom-select-list-item" }, Dt = ["form", "checked"], Nt = ["aria-hidden", "id"], Ft = {
   "data-visually-hidden": "true",
   role: "status"
 }, sl = /* @__PURE__ */ V({
@@ -1382,19 +1382,19 @@ const et = (i) => {
   },
   emits: ["update:values"],
   setup(i, { emit: a }) {
-    const l = a, e = i, t = s(void 0), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(void 0), f = s(void 0), _ = s(void 0), S = s(void 0), h = s(void 0), v = s("no-validation"), c = s(""), I = s(""), A = s(void 0), b = s(""), k = s([]), W = s(!1), y = s(!1), O = s(0), w = s([]), H = s([]), le = s(!1), J = s(void 0), Fe = s(0), ye = s(void 0), Te = s(void 0), qe = s(void 0), Ve = s(!1), Ae = s(!1), va = s(null), N = s(null), ke = s(null), Ne = s(null), Pe = s(null);
+    const l = a, e = i, t = s(void 0), p = s(void 0), u = s(void 0), g = s(void 0), r = s(void 0), n = s(void 0), f = s(void 0), _ = s(void 0), S = s(void 0), h = s(void 0), v = s("no-validation"), c = s(""), I = s(""), A = s(void 0), b = s(""), k = s([]), W = s(!1), y = s(!1), O = s(0), w = s([]), H = s([]), le = s(!1), J = s(void 0), Ne = s(0), ye = s(void 0), Te = s(void 0), qe = s(void 0), Ve = s(!1), Ae = s(!1), ca = s(null), F = s(null), ke = s(null), Fe = s(null), Pe = s(null);
     K(() => {
       const o = e.id ?? `custom-select-${Q()}`;
       t.value = o, p.value = o + ve, u.value = o + fe, g.value = o + pe, n.value = o + Qe, f.value = o + Je, _.value = o + "-summary", S.value = o + Re, A.value = o + "-selected-labels", h.value = o + "-info", r.value = e.invalidMessage || ie, typeof window < "u" && "IntersectionObserver" in window && (Te.value = new IntersectionObserver(($) => {
-        if (N.value) {
-          const C = $.find(({ target: Y }) => Y === N.value);
-          C && !C.isIntersecting && N.value.open && (N.value.open = !1);
+        if (F.value) {
+          const C = $.find(({ target: Y }) => Y === F.value);
+          C && !C.isIntersecting && F.value.open && (F.value.open = !1);
         }
       }));
     }), D(
-      () => [N.value],
+      () => [F.value],
       () => {
-        N.value && N.value.addEventListener(
+        F.value && F.value.addEventListener(
           "focusout",
           (o) => Ce(o)
         );
@@ -1416,10 +1416,10 @@ const et = (i) => {
         flush: "post"
       }
     ), D(
-      () => [N.value, c.value],
+      () => [F.value, c.value],
       () => {
-        if (N.value) {
-          const o = N.value.querySelector("summary");
+        if (F.value) {
+          const o = F.value.querySelector("summary");
           o && o.setAttribute(
             "aria-describedby",
             e.ariaDescribedBy ?? (c.value || "")
@@ -1469,7 +1469,7 @@ const et = (i) => {
     ), D(
       () => [w.value],
       () => {
-        pa();
+        fa();
       },
       {
         immediate: !0,
@@ -1551,7 +1551,7 @@ const et = (i) => {
             I.value = oe(Y);
             return;
           }
-          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = k.value) == null ? void 0 : $.length} ${Da}` : I.value = (C = k.value) == null ? void 0 : C.map((Y) => $e(Y)).join(", ");
+          e.selectedType === "amount" ? I.value = e.amountText ? e.amountText : `${($ = k.value) == null ? void 0 : $.length} ${Ea}` : I.value = (C = k.value) == null ? void 0 : C.map((Y) => $e(Y)).join(", ");
         } else
           I.value = "";
       },
@@ -1570,9 +1570,9 @@ const et = (i) => {
         flush: "post"
       }
     ), D(
-      () => [Ae.value, Ne.value],
+      () => [Ae.value, Fe.value],
       () => {
-        Ne.value && (Ne.value.indeterminate = !!Ae.value);
+        Fe.value && (Fe.value.indeterminate = !!Ae.value);
       },
       {
         immediate: !0,
@@ -1589,30 +1589,30 @@ const et = (i) => {
         flush: "post"
       }
     );
-    function fa(o) {
+    function va(o) {
       var $, C;
-      ($ = o == null ? void 0 : o.target) != null && $.contains && ((C = o == null ? void 0 : o.target) != null && C.contains(N.value)) && Ue();
+      ($ = o == null ? void 0 : o.target) != null && $.contains && ((C = o == null ? void 0 : o.target) != null && C.contains(F.value)) && Ue();
     }
     function We() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function pa() {
+    function fa() {
       var o, $, C;
-      ke.value && (ke.value.value = ma()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (c.value = g.value, r.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, me() && (b.value = r.value, x(() => b.value = "", 1e3)), v.value = e.validation ?? "invalid") : We() && ((C = ke.value) != null && C.validity.valid) && e.required ? (c.value = u.value, me() && (b.value = e.validMessage ?? he, x(() => b.value = "", 1e3)), v.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (c.value = p.value, v.value = e.validation ?? "no-validation") : (c.value = S.value, v.value = e.validation ?? "no-validation");
+      ke.value && (ke.value.value = ha()), !((o = ke.value) != null && o.validity.valid) || e.validation === "invalid" ? (c.value = g.value, r.value = e.invalidMessage || (($ = ke.value) == null ? void 0 : $.validationMessage) || ie, me() && (b.value = r.value, x(() => b.value = "", 1e3)), v.value = e.validation ?? "invalid") : We() && ((C = ke.value) != null && C.validity.valid) && e.required ? (c.value = u.value, me() && (b.value = e.validMessage ?? he, x(() => b.value = "", 1e3)), v.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (c.value = p.value, v.value = e.validation ?? "no-validation") : (c.value = S.value, v.value = e.validation ?? "no-validation");
     }
-    function ha(o) {
+    function pa(o) {
       var $, C;
       e.onDropdownToggle && (o.stopPropagation(), e.onDropdownToggle(o)), o.target instanceof HTMLDetailsElement && o.target.open ? (J.value = new ze().addCallback(
-        (Y) => Ba(Y)
+        (Y) => Sa(Y)
       ), ye.value = new Ie().addCallback(
-        (Y) => fa(Y)
-      ), Ue(), ($ = Te.value) == null || $.observe(N.value), o.target.dataset.test || Xe()) : (J.value && new ze().removeCallback(
+        (Y) => va(Y)
+      ), Ue(), ($ = Te.value) == null || $.observe(F.value), o.target.dataset.test || Xe()) : (J.value && new ze().removeCallback(
         J.value
       ), ye.value && new Ie().removeCallback(
         ye.value
-      ), (C = Te.value) == null || C.unobserve(N.value));
+      ), (C = Te.value) == null || C.unobserve(F.value));
     }
-    function ma() {
+    function ha() {
       var o;
       return (o = w.value) != null && o.length ? w.value.at(0) ?? "" : "";
     }
@@ -1621,38 +1621,38 @@ const et = (i) => {
       const $ = [];
       o && $.push(o), A.value && ((C = I.value) != null && C.length) && $.push(A.value), c.value = $.join(" ");
     }
-    function ga() {
+    function ma() {
       return e.selectAllLabel ?? we;
     }
     function $e(o) {
       var $;
       return o.label ?? (($ = o.value) == null ? void 0 : $.toString()) ?? "";
     }
-    function ba(o) {
+    function ga(o) {
       var $, C;
       return o && (($ = w.value) != null && $.includes) ? (C = w.value) == null ? void 0 : C.includes(o) : !1;
     }
-    function ya(o) {
+    function ba(o) {
       return e.removeTagsTexts && e.removeTagsTexts.length > o ? e.removeTagsTexts.at(o) : `${ta} ${k.value ? $e(k.value[o]) : ""}`;
     }
-    function ka(o, $) {
+    function ya(o, $) {
       $ && $.stopPropagation(), He(o.value), Ee();
     }
     function Ue() {
-      if (N.value) {
-        const o = N.value.querySelector("article");
+      if (F.value) {
+        const o = F.value.querySelector("article");
         o && x(() => {
-          tt(
+          at(
             o,
-            N.value,
+            F.value,
             e.placement ?? "bottom"
           );
         }, 1);
       }
     }
-    function wa(o) {
+    function ka(o) {
       var $, C, Y, oe, U, ge, De;
-      if (($ = N.value) != null && $.open) {
+      if (($ = F.value) != null && $.open) {
         if (self.document) {
           const ue = self.document.activeElement;
           if (ue)
@@ -1662,17 +1662,17 @@ const et = (i) => {
                 ne != null && ne.nextElementSibling ? (Y = (C = ne == null ? void 0 : ne.nextElementSibling) == null ? void 0 : C.querySelector("input")) == null || Y.focus() : Me(ue);
               else if (ne != null && ne.previousElementSibling)
                 (U = (oe = ne == null ? void 0 : ne.previousElementSibling) == null ? void 0 : oe.querySelector("input")) == null || U.focus();
-              else if (N.value.querySelector('input[type="checkbox"]') !== ue)
+              else if (F.value.querySelector('input[type="checkbox"]') !== ue)
                 Me(ue);
               else {
-                const Ye = ea(N.value);
+                const Ye = ea(F.value);
                 if (Ye)
                   x(() => {
                     Ye.focus();
                   }, 100);
                 else {
                   const Ke = Array.from(
-                    (ge = N.value) == null ? void 0 : ge.querySelectorAll(
+                    (ge = F.value) == null ? void 0 : ge.querySelectorAll(
                       'input[type="checkbox"],input[type="radio"]'
                     )
                   );
@@ -1682,32 +1682,32 @@ const et = (i) => {
             } else
               ue.getAttribute("type") === "search" && (o.key === "ArrowUp" || o.key === "ArrowLeft") ? (Ce(void 0, !0), Ee()) : Me(ue);
         }
-      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ue(), N.value && (N.value.open = !0), Xe());
+      } else (o.key === "ArrowDown" || o.key === "ArrowRight") && (Ue(), F.value && (F.value.open = !0), Xe());
       o.stopPropagation(), o.preventDefault();
     }
-    function Sa(o) {
+    function wa(o) {
       var $;
-      o.stopPropagation(), o.key === "Escape" && (($ = N.value) != null && $.open) ? (Ce(void 0, !0), Ee()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && wa(o);
+      o.stopPropagation(), o.key === "Escape" && (($ = F.value) != null && $.open) ? (Ce(void 0, !0), Ee()) : (o.key === "ArrowDown" || o.key === "ArrowUp" || o.key === "ArrowLeft" || o.key === "ArrowRight") && ka(o);
     }
     function Ce(o, $) {
-      if (N.value) {
+      if (F.value) {
         if ($)
-          N.value.open = !1, Ee();
-        else if (N.value.open && o && o.relatedTarget) {
+          F.value.open = !1, Ee();
+        else if (F.value.open && o && o.relatedTarget) {
           const C = o.relatedTarget;
-          N.value.contains(C) || x(() => N.value.open = !1, 1);
+          F.value.contains(C) || x(() => F.value.open = !1, 1);
         }
       }
     }
-    function Ba(o) {
+    function Sa(o) {
       var $;
       if (o) {
         const C = o.target;
-        ($ = N.value) != null && $.open && !N.value.contains(C) && (N.value.open = !1);
+        ($ = F.value) != null && $.open && !F.value.contains(C) && (F.value.open = !1);
       }
     }
     function _e(o) {
-      (/* @__PURE__ */ new Date()).getTime() - Fe.value < 200 || (w.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
+      (/* @__PURE__ */ new Date()).getTime() - Ne.value < 200 || (w.value = o, e.onOptionSelected && e.onOptionSelected(o ?? []), se(
         l,
         {
           target: {
@@ -1715,13 +1715,13 @@ const et = (i) => {
           }
         },
         "values"
-      ), Fe.value = (/* @__PURE__ */ new Date()).getTime());
+      ), Ne.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function He(o) {
       var $;
       o && (e.multiple ? ($ = w.value) != null && $.includes(o) ? _e(w.value.filter((C) => C !== o)) : _e([...w.value || [], o]) : (_e([o]), Ce(void 0, !0)));
     }
-    function Ia(o) {
+    function Ba(o) {
       var $;
       if (o.stopPropagation(), (($ = w.value) == null ? void 0 : $.length) === O.value)
         _e([]);
@@ -1738,9 +1738,9 @@ const et = (i) => {
       }
     }
     function Me(o) {
-      if (N.value) {
+      if (F.value) {
         const $ = Array.from(
-          N.value.querySelectorAll(
+          F.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
@@ -1753,8 +1753,8 @@ const et = (i) => {
       }
     }
     function Xe() {
-      if (N.value) {
-        const o = ea(N.value);
+      if (F.value) {
+        const o = ea(F.value);
         o ? x(() => {
           o.focus();
         }, 1) : Me();
@@ -1776,14 +1776,14 @@ const et = (i) => {
         (C) => !C.isGroupTitle && $e(C).toLowerCase().includes($.toLowerCase())
       );
     }
-    function $a(o) {
+    function Ia(o) {
       o.stopPropagation(), _e([]), Ee();
     }
     function Ee() {
       var o;
-      N.value && ((o = N.value.querySelector("summary")) == null || o.focus());
+      F.value && ((o = F.value.querySelector("summary")) == null || o.focus());
     }
-    function La(o) {
+    function $a(o) {
       o.stopPropagation();
     }
     return (o, $) => {
@@ -1791,7 +1791,7 @@ const et = (i) => {
       return m(), B("div", {
         id: t.value,
         ref_key: "_ref",
-        ref: va,
+        ref: ca,
         class: R(d(z)("db-custom-select", e.class)),
         "aria-invalid": v.value === "invalid",
         "data-custom-validity": v.value,
@@ -1806,7 +1806,7 @@ const et = (i) => {
         "data-hide-icon": d(X)(o.showIcon)
       }, [
         T("label", { id: f.value }, [
-          F(L(o.label ?? d(we)), 1),
+          N(L(o.label ?? d(we)), 1),
           T("select", {
             role: "none",
             hidden: !0,
@@ -1819,21 +1819,21 @@ const et = (i) => {
             multiple: d(M)(o.multiple, "multiple"),
             disabled: d(M)(o.disabled, "disabled"),
             required: d(M)(o.required, "required"),
-            onChange: $[0] || ($[0] = async (U) => La(U))
+            onChange: $[0] || ($[0] = async (U) => $a(U))
           }, [
             (C = o.options) != null && C.length ? (m(!0), B(P, { key: 0 }, be(o.options, (U, ge) => (m(), B("option", {
               key: ge,
               disabled: U.disabled,
               value: U.value
-            }, L($e(U)), 9, $t))), 128)) : q("", !0)
-          ], 40, It)
-        ], 8, Bt),
+            }, L($e(U)), 9, It))), 128)) : q("", !0)
+          ], 40, Bt)
+        ], 8, St),
         T("details", {
           ref_key: "detailsRef",
-          ref: N,
+          ref: F,
           open: o.open,
-          onToggle: $[2] || ($[2] = async (U) => ha(U)),
-          onKeydown: $[3] || ($[3] = async (U) => Sa(U))
+          onToggle: $[2] || ($[2] = async (U) => pa(U)),
+          onKeydown: $[3] || ($[3] = async (U) => wa(U))
         }, [
           E(o.$slots, "default"),
           o.options ? (m(), B(P, { key: 0 }, [
@@ -1847,26 +1847,26 @@ const et = (i) => {
                 key: 0,
                 "data-visually-hidden": d(j)(o.selectedType === "tag"),
                 id: A.value
-              }, L(I.value), 9, Tt)) : q("", !0),
-              o.selectedType === "tag" ? (m(), B("div", At, [
-                (m(!0), B(P, null, be(k.value, (U, ge) => (m(), Z(wt, {
+              }, L(I.value), 9, _t)) : q("", !0),
+              o.selectedType === "tag" ? (m(), B("div", Tt, [
+                (m(!0), B(P, null, be(k.value, (U, ge) => (m(), Z(kt, {
                   key: ge,
                   emphasis: "strong",
                   behavior: "removable",
-                  removeButton: ya(ge),
-                  onRemove: (De) => ka(U, De)
+                  removeButton: ba(ge),
+                  onRemove: (De) => ya(U, De)
                 }, {
                   default: G(() => [
-                    F(L($e(U)), 1)
+                    N(L($e(U)), 1)
                   ]),
                   _: 2
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : q("", !0)
-            ], 8, _t),
-            ae(lt, { width: o.dropdownWidth }, {
+            ], 8, Lt),
+            ae(it, { width: o.dropdownWidth }, {
               default: G(() => [
-                y.value ? (m(), B("div", Ct, [
-                  ae(bt, {
+                y.value ? (m(), B("div", At, [
+                  ae(gt, {
                     type: "search",
                     ref_key: "searchInputRef",
                     ref: Pe,
@@ -1887,32 +1887,32 @@ const et = (i) => {
                   semantic: le.value ? "warning" : "informational"
                 }, {
                   default: G(() => [
-                    F(L((le.value ? o.noResultsText : o.loadingText) ?? d(Ca)), 1)
+                    N(L((le.value ? o.noResultsText : o.loadingText) ?? d(Aa)), 1)
                   ]),
                   _: 1
                 }, 8, ["id", "icon", "semantic"])) : (m(), B(P, { key: 2 }, [
-                  W.value ? (m(), B("div", Et, [
-                    T("div", Dt, [
+                  W.value ? (m(), B("div", Ct, [
+                    T("div", Et, [
                       T("label", null, [
                         T("input", {
                           type: "checkbox",
                           value: "select-all",
                           ref_key: "selectAllRef",
-                          ref: Ne,
+                          ref: Fe,
                           form: t.value,
                           checked: Ve.value,
-                          onChange: $[1] || ($[1] = async (U) => Ia(U))
-                        }, null, 40, Ft),
-                        F(L(ga()), 1)
+                          onChange: $[1] || ($[1] = async (U) => Ba(U))
+                        }, null, 40, Dt),
+                        N(L(ma()), 1)
                       ])
                     ])
                   ])) : q("", !0),
-                  ae(ct, {
+                  ae(rt, {
                     multiple: d(M)(o.multiple, "multiple"),
                     label: o.ariaListLabel ?? o.label ?? d(we)
                   }, {
                     default: G(() => [
-                      (m(!0), B(P, null, be(H.value, (U, ge) => (m(), Z(ut, {
+                      (m(!0), B(P, null, be(H.value, (U, ge) => (m(), Z(st, {
                         key: ge,
                         type: o.multiple ? "checkbox" : "radio",
                         showDivider: U.showDivider,
@@ -1920,14 +1920,14 @@ const et = (i) => {
                         isGroupTitle: U.isGroupTitle,
                         groupTitle: $e(U),
                         name: t.value,
-                        checked: ba(U.value),
+                        checked: ga(U.value),
                         disabled: U.disabled,
                         value: U.value,
                         onChange: (De) => He(U.value)
                       }, {
                         default: G(() => [
                           U.isGroupTitle ? q("", !0) : (m(), B(P, { key: 0 }, [
-                            F(L($e(U)), 1)
+                            N(L($e(U)), 1)
                           ], 64))
                         ]),
                         _: 2
@@ -1947,7 +1947,7 @@ const et = (i) => {
                     onClick: (U) => Ce(void 0, !0)
                   }, {
                     default: G(() => [
-                      F(L(o.mobileCloseButtonText ?? d(Ge)), 1)
+                      N(L(o.mobileCloseButtonText ?? d(Ge)), 1)
                     ]),
                     _: 1
                   }, 8, ["name", "form", "onClick"])
@@ -1956,7 +1956,7 @@ const et = (i) => {
               _: 1
             }, 8, ["width"])
           ], 64)) : q("", !0)
-        ], 40, Lt),
+        ], 40, $t),
         (o.showClearSelection ?? !0) && ((oe = w.value) != null && oe.length) ? (m(), Z(Be, {
           key: 0,
           icon: "cross",
@@ -1965,13 +1965,13 @@ const et = (i) => {
           noText: !0,
           name: t.value,
           form: t.value,
-          onClick: (U) => $a(U)
+          onClick: (U) => Ia(U)
         }, {
           default: G(() => [
-            F(L(o.clearSelectionText), 1),
+            N(L(o.clearSelectionText), 1),
             ae(ra, { placement: "top" }, {
               default: G(() => [
-                F(L(o.clearSelectionText), 1)
+                N(L(o.clearSelectionText), 1)
               ]),
               _: 1
             })
@@ -1989,7 +1989,7 @@ const et = (i) => {
           id: p.value
         }, {
           default: G(() => [
-            F(L(o.message), 1)
+            N(L(o.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : q("", !0),
@@ -2000,7 +2000,7 @@ const et = (i) => {
           id: u.value
         }, {
           default: G(() => [
-            F(L(o.validMessage || d(he)), 1)
+            N(L(o.validMessage || d(he)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : q("", !0),
@@ -2010,15 +2010,15 @@ const et = (i) => {
           id: g.value
         }, {
           default: G(() => [
-            F(L(r.value), 1)
+            N(L(r.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        T("span", Mt, L(b.value), 1)
-      ], 10, St);
+        T("span", Ft, L(b.value), 1)
+      ], 10, wt);
     };
   }
-}), Rt = ["id"], ul = /* @__PURE__ */ V({
+}), Mt = ["id"], ul = /* @__PURE__ */ V({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -2037,9 +2037,9 @@ const et = (i) => {
       class: R(d(z)("db-custom-select-form-field", a.class))
     }, [
       E(e.$slots, "default")
-    ], 10, Rt));
+    ], 10, Mt));
   }
-}), zt = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], rl = /* @__PURE__ */ V({
+}), Rt = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], rl = /* @__PURE__ */ V({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -2064,9 +2064,9 @@ const et = (i) => {
       "data-emphasis": e.emphasis,
       "data-width": e.width,
       class: R(d(z)("db-divider", a.class))
-    }, null, 10, zt));
+    }, null, 10, Rt));
   }
-}), qt = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], Vt = ["data-spacing", "data-width", "data-direction", "data-rounded"], Pt = { class: "db-drawer-header" }, Ut = { class: "db-drawer-header-text" }, Gt = { class: "db-drawer-content" }, Wt = /* @__PURE__ */ V({
+}), zt = ["id", "data-position", "data-backdrop", "data-direction", "data-variant"], qt = ["data-spacing", "data-width", "data-direction", "data-rounded"], Vt = { class: "db-drawer-header" }, Pt = { class: "db-drawer-header-text" }, Ut = { class: "db-drawer-content" }, Gt = /* @__PURE__ */ V({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -2117,7 +2117,7 @@ const et = (i) => {
     );
     function p(g, r) {
       var n;
-      g && (Pa(g) ? g.key === "Escape" && (g.preventDefault(), a.onClose && a.onClose(g)) : (r && (g.stopPropagation(), a.onClose && a.onClose(g)), ((n = g.target) == null ? void 0 : n.nodeName) === "DIALOG" && g.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(g)));
+      g && (Va(g) ? g.key === "Escape" && (g.preventDefault(), a.onClose && a.onClose(g)) : (r && (g.stopPropagation(), a.onClose && a.onClose(g)), ((n = g.target) == null ? void 0 : n.nodeName) === "DIALOG" && g.type === "click" && a.backdrop !== "none" && a.onClose && a.onClose(g)));
     }
     function u() {
       if (e.value) {
@@ -2149,8 +2149,8 @@ const et = (i) => {
         "data-direction": g.direction,
         "data-rounded": d(j)(g.rounded)
       }, [
-        T("header", Pt, [
-          T("div", Ut, [
+        T("header", Vt, [
+          T("div", Pt, [
             E(g.$slots, "drawer-header")
           ]),
           ae(Be, {
@@ -2162,18 +2162,18 @@ const et = (i) => {
             onClick: (n) => p(n, !0)
           }, {
             default: G(() => [
-              F(L(g.closeButtonText ?? d(Ge)), 1)
+              N(L(g.closeButtonText ?? d(Ge)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        T("div", Gt, [
+        T("div", Ut, [
           E(g.$slots, "default")
         ])
-      ], 10, Vt)
-    ], 40, qt));
+      ], 10, qt)
+    ], 40, zt));
   }
-}), ca = (i) => {
+}), Wt = (i) => {
   var l, e;
   const {
     target: a
@@ -2201,7 +2201,7 @@ class Ot {
     var t;
     if (!this.initialized || this.triangleData || !this.element || !this.subNavigation)
       return;
-    const a = at(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((t = this.parentSubNavigation) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
+    const a = et(this.subNavigation), l = this.element.getBoundingClientRect(), e = ((t = this.parentSubNavigation) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
     this.triangleData = {
       itemRect: l,
       parentElementWidth: e,
@@ -2303,7 +2303,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       a.onToggle && a.onToggle(n);
     }
     function g(r) {
-      ca(r) && u();
+      Wt(r) && u();
     }
     return (r, n) => (m(), B("header", {
       ref_key: "_ref",
@@ -2313,7 +2313,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-width": r.width,
       "data-on-forcing-mobile": r.forceMobile && !t.value
     }, [
-      ae(Wt, {
+      ae(Gt, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
@@ -2363,7 +2363,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
               onClick: (f) => u()
             }, {
               default: G(() => [
-                F(L(r.burgerMenuLabel ?? d(Fa)), 1)
+                N(L(r.burgerMenuLabel ?? d(Da)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
@@ -2402,7 +2402,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "data-icon-variant": e.variant
     }, [
       e.text ? (m(), B(P, { key: 0 }, [
-        F(L(e.text), 1)
+        N(L(e.text), 1)
       ], 64)) : E(e.$slots, "default", { key: 1 })
     ], 10, li));
   }
@@ -2459,7 +2459,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       onClick: p[0] || (p[0] = async (u) => e(u))
     }, [
       t.text ? (m(), B(P, { key: 0 }, [
-        F(L(t.text), 1)
+        N(L(t.text), 1)
       ], 64)) : E(t.$slots, "default", { key: 1 })
     ], 10, oi));
   }
@@ -2490,7 +2490,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       ])
     ], 10, di));
   }
-}), ni = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], si = ["aria-haspopup", "aria-expanded", "disabled"], ui = ["data-auto-close", "id"], ri = {
+}), ni = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], si = ["aria-haspopup", "aria-expanded", "disabled"], ui = ["data-force-close", "id"], ri = {
   key: 0,
   class: "db-mobile-navigation-back"
 }, hl = /* @__PURE__ */ V({
@@ -2551,9 +2551,10 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       }
     );
     function f(h) {
-      ca(h) && (u.value = !0, x(() => {
+      var v;
+      ((v = h == null ? void 0 : h.target) == null ? void 0 : v.nodeName) === "A" && (u.value = !0, x(() => {
         u.value = !1;
-      }, 300));
+      }, 1e3));
     }
     function _(h) {
       a.onClick && (h.stopPropagation(), a.onClick(h)), e.value && (p.value = !0);
@@ -2587,7 +2588,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
     }, [
       t.value ? q("", !0) : (m(), B(P, { key: 0 }, [
         h.text ? (m(), B(P, { key: 0 }, [
-          F(L(h.text), 1)
+          N(L(h.text), 1)
         ], 64)) : E(h.$slots, "default", { key: 1 })
       ], 64)),
       t.value ? (m(), B(P, { key: 1 }, [
@@ -2599,12 +2600,12 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           onClick: v[0] || (v[0] = async (c) => _(c))
         }, [
           h.text ? (m(), B(P, { key: 0 }, [
-            F(L(h.text), 1)
+            N(L(h.text), 1)
           ], 64)) : E(h.$slots, "default", { key: 1 })
         ], 8, si),
         T("menu", {
           class: "db-sub-navigation",
-          "data-auto-close": u.value,
+          "data-force-close": u.value,
           id: g.value,
           onClick: v[1] || (v[1] = async (c) => f(c))
         }, [
@@ -2616,7 +2617,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
               onClick: (c) => S(c)
             }, {
               default: G(() => [
-                F(L(h.backButtonText ?? d(Ea)), 1)
+                N(L(h.backButtonText ?? d(Ca)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
@@ -2678,7 +2679,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       d(ee)(t.headline, t.showHeadline) ? (m(), B("header", vi, L(t.headline), 1)) : q("", !0),
       T("p", null, [
         t.text ? (m(), B(P, { key: 0 }, [
-          F(L(t.text), 1)
+          N(L(t.text), 1)
         ], 64)) : E(t.$slots, "default", { key: 1 })
       ]),
       d(ee)(t.timestamp, t.showTimestamp) ? (m(), B("span", fi, L(t.timestamp), 1)) : q("", !0),
@@ -2693,7 +2694,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         onClick: (u) => e(u)
       }, {
         default: G(() => [
-          F(L(t.closeButtonText ?? d(Ge)), 1)
+          N(L(t.closeButtonText ?? d(Ge)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : q("", !0)
@@ -2721,7 +2722,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       l.value = !a.fadeIn, document && a.fadeIn ? document.fonts.ready.then(() => {
         l.value = !0;
       }) : l.value = !0;
-    }), Aa(() => {
+    }), Ta(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
     }), (t, p) => (m(), B("div", {
       ref_key: "_ref",
@@ -2946,7 +2947,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         onFocus: _[2] || (_[2] = async (S) => n(S))
       }, null, 40, bi),
       f.label ? (m(), B(P, { key: 0 }, [
-        F(L(f.label), 1)
+        N(L(f.label), 1)
       ], 64)) : E(f.$slots, "default", { key: 1 })
     ], 10, gi));
   }
@@ -3119,7 +3120,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           "aria-describedby": w.ariaDescribedBy ?? f.value
         }, [
           H[5] || (H[5] = T("option", { hidden: !0 }, null, -1)),
-          (le = w.options) != null && le.length ? (m(!0), B(P, { key: 0 }, be(w.options, (J, Fe) => (m(), B(P, { key: Fe }, [
+          (le = w.options) != null && le.length ? (m(!0), B(P, { key: 0 }, be(w.options, (J, Ne) => (m(), B(P, { key: Ne }, [
             J.options ? (m(), B("optgroup", {
               key: 0,
               label: O(J)
@@ -3146,7 +3147,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           id: p.value
         }, {
           default: G(() => [
-            F(L(w.message), 1)
+            N(L(w.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : q("", !0),
@@ -3157,7 +3158,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           id: u.value
         }, {
           default: G(() => [
-            F(L(w.validMessage || d(he)), 1)
+            N(L(w.validMessage || d(he)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : q("", !0),
@@ -3167,7 +3168,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           id: g.value
         }, {
           default: G(() => [
-            F(L(r.value), 1)
+            N(L(r.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
@@ -3285,11 +3286,11 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         onFocus: f[2] || (f[2] = async (_) => r(_))
       }, null, 40, Ci),
       n.label ? (m(), B(P, { key: 0 }, [
-        F(L(n.label), 1)
+        N(L(n.label), 1)
       ], 64)) : E(n.$slots, "default", { key: 1 })
     ], 10, Ai));
   }
-}), Ei = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Di = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Fi = /* @__PURE__ */ V({
+}), Ei = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Di = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Ni = /* @__PURE__ */ V({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -3365,13 +3366,13 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           onInput: f[0] || (f[0] = async (_) => r(_))
         }, null, 40, Di),
         n.label ? (m(), B(P, { key: 0 }, [
-          F(L(n.label), 1)
+          N(L(n.label), 1)
         ], 64)) : q("", !0),
         E(n.$slots, "default")
       ], 8, Ei)
     ], 2));
   }
-}), Ni = ["id"], Mi = { role: "tablist" }, Ri = /* @__PURE__ */ V({
+}), Fi = ["id"], Mi = { role: "tablist" }, Ri = /* @__PURE__ */ V({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -3394,7 +3395,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       T("ul", Mi, [
         E(t.$slots, "default")
       ])
-    ], 10, Ni));
+    ], 10, Fi));
   }
 }), zi = ["id", "aria-labelledby"], qi = /* @__PURE__ */ V({
   __name: "tab-panel",
@@ -3420,7 +3421,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       "aria-labelledby": e.labelledBy
     }, [
       e.content ? (m(), B(P, { key: 0 }, [
-        F(L(e.content), 1)
+        N(L(e.content), 1)
       ], 64)) : q("", !0),
       E(e.$slots, "default")
     ], 10, zi));
@@ -3576,7 +3577,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         onClick: (A) => _(!0)
       }, {
         default: G(() => I[1] || (I[1] = [
-          F(" Scroll left ")
+          N(" Scroll left ")
         ])),
         _: 1,
         __: [1]
@@ -3584,7 +3585,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
       c.tabs ? (m(), B(P, { key: 1 }, [
         ae(Ri, null, {
           default: G(() => [
-            (m(!0), B(P, null, be(n(), (A, b) => (m(), Z(Fi, {
+            (m(!0), B(P, null, be(n(), (A, b) => (m(), Z(Ni, {
               key: c.name + "tab-item" + b,
               active: A.active,
               label: A.label,
@@ -3600,7 +3601,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
           content: A.content
         }, {
           default: G(() => [
-            F(L(A.children), 1)
+            N(L(A.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
@@ -3615,7 +3616,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         onClick: (A) => _()
       }, {
         default: G(() => I[2] || (I[2] = [
-          F(" Scroll right ")
+          N(" Scroll right ")
         ])),
         _: 1,
         __: [2]
@@ -3765,7 +3766,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         value: k.value ?? f.value,
         "aria-describedby": k.ariaDescribedBy ?? n.value,
         placeholder: k.placeholder ?? d(aa),
-        rows: d(Se)(k.rows, d(Ma)),
+        rows: d(Se)(k.rows, d(Fa)),
         cols: d(Se)(k.cols)
       }, null, 40, Gi),
       d(ee)(k.message, k.showMessage) ? (m(), Z(te, {
@@ -3775,7 +3776,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         id: p.value
       }, {
         default: G(() => [
-          F(L(k.message), 1)
+          N(L(k.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : q("", !0),
@@ -3786,7 +3787,7 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         id: u.value
       }, {
         default: G(() => [
-          F(L(k.validMessage || d(he)), 1)
+          N(L(k.validMessage || d(he)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : q("", !0),
@@ -3796,14 +3797,14 @@ const Ht = ["id", "data-width", "data-on-forcing-mobile"], Xt = { class: "db-hea
         id: g.value
       }, {
         default: G(() => [
-          F(L(r.value), 1)
+          N(L(r.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
       T("span", Wi, L(_.value), 1)
     ], 10, Pi));
   }
-}), Ll = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], _l = ["medium", "small", "large", "none"], Tl = ["medium", "small", "large", "none"], Oi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Hi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], Al = [...Oi, ...Hi], Cl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], El = ["horizontal", "vertical"], Dl = ["full", "auto"], Fl = ["full", "medium", "large", "small"], Nl = ["none", "slow", "fast"], Ml = ["auto", "fixed"], Rl = ["small", "medium"], zl = ["weak", "strong"], ql = ["invalid", "valid", "no-validation"], Vl = ["fixed", "content"], Pl = ["above", "floating"], Ul = ["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"], Gl = ["time", "true", "false", "date", "page", "step", "location"], Wl = ["_self", "_blank", "_parent", "_top"], Ol = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Hl = ["start", "center"];
+}), Ll = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], _l = ["medium", "small", "large", "none"], Tl = ["medium", "small", "large", "none"], Oi = ["left", "right", "left-start", "left-end", "right-start", "right-end"], Hi = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], Al = [...Oi, ...Hi], Cl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], El = ["horizontal", "vertical"], Dl = ["full", "auto"], Nl = ["full", "medium", "large", "small"], Fl = ["none", "slow", "fast"], Ml = ["auto", "fixed"], Rl = ["small", "medium"], zl = ["weak", "strong"], ql = ["invalid", "valid", "no-validation"], Vl = ["fixed", "content"], Pl = ["above", "floating"], Ul = ["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"], Gl = ["time", "true", "false", "date", "page", "step", "location"], Wl = ["_self", "_blank", "_parent", "_top"], Ol = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Hl = ["start", "center"];
 export {
   Hl as AlignmentList,
   Ul as AutoCompleteList,
@@ -3813,23 +3814,23 @@ export {
   Ji as COLOR_CONST,
   la as COLOR_SIMPLE,
   il as DBAccordion,
-  Wa as DBAccordionItem,
+  Ga as DBAccordionItem,
   ll as DBBadge,
   ol as DBBrand,
   Be as DBButton,
   dl as DBCard,
   nl as DBCheckbox,
   sl as DBCustomSelect,
-  lt as DBCustomSelectDropdown,
+  it as DBCustomSelectDropdown,
   ul as DBCustomSelectFormField,
-  ct as DBCustomSelectList,
-  ut as DBCustomSelectListItem,
+  rt as DBCustomSelectList,
+  st as DBCustomSelectListItem,
   rl as DBDivider,
-  Wt as DBDrawer,
+  Gt as DBDrawer,
   cl as DBHeader,
   vl as DBIcon,
   te as DBInfotext,
-  bt as DBInput,
+  gt as DBInput,
   fl as DBLink,
   pl as DBNavigation,
   hl as DBNavigationItem,
@@ -3841,15 +3842,15 @@ export {
   wl as DBSelect,
   Sl as DBStack,
   Bl as DBSwitch,
-  Fi as DBTabItem,
+  Ni as DBTabItem,
   Ri as DBTabList,
   qi as DBTabPanel,
   Il as DBTabs,
-  wt as DBTag,
+  kt as DBTag,
   $l as DBTextarea,
   ra as DBTooltip,
-  Ea as DEFAULT_BACK,
-  Fa as DEFAULT_BURGER_MENU,
+  Ca as DEFAULT_BACK,
+  Da as DEFAULT_BURGER_MENU,
   Ge as DEFAULT_CLOSE_BUTTON,
   Ze as DEFAULT_DATALIST_ID_SUFFIX,
   Na as DEFAULT_ICON,
@@ -3858,21 +3859,21 @@ export {
   pe as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   we as DEFAULT_LABEL,
   Je as DEFAULT_LABEL_ID_SUFFIX,
-  Ca as DEFAULT_MESSAGE,
+  Aa as DEFAULT_MESSAGE,
   ve as DEFAULT_MESSAGE_ID_SUFFIX,
   aa as DEFAULT_PLACEHOLDER,
   Re as DEFAULT_PLACEHOLDER_ID_SUFFIX,
   ta as DEFAULT_REMOVE,
-  Ma as DEFAULT_ROWS,
-  Da as DEFAULT_SELECTED,
+  Fa as DEFAULT_ROWS,
+  Ea as DEFAULT_SELECTED,
   Qe as DEFAULT_SELECT_ID_SUFFIX,
   he as DEFAULT_VALID_MESSAGE,
   fe as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Ra as DEFAULT_VIEWPORT,
+  Ma as DEFAULT_VIEWPORT,
   Qi as DENSITIES,
   ia as DENSITY,
   Ki as DENSITY_CONST,
-  za as DESKTOP_VIEWPORT,
+  Ra as DESKTOP_VIEWPORT,
   zl as EmphasisList,
   Vl as FieldSizingList,
   Cl as GapSpacingList,
@@ -3881,13 +3882,13 @@ export {
   Ol as LinkReferrerPolicyList,
   Wl as LinkTargetList,
   Tl as MarginList,
-  Fl as MaxWidthList,
+  Nl as MaxWidthList,
   Ot as NavigationItemSafeTriangle,
   El as OrientationList,
   Oi as PlacementHorizontalList,
   Al as PlacementList,
   Hi as PlacementVerticalList,
-  Nl as PopoverDelayList,
+  Fl as PopoverDelayList,
   Ml as PopoverWidthList,
   da as SEMANTIC,
   el as SEMANTICS,
@@ -3908,9 +3909,9 @@ export {
   tl as getOptionKey,
   ea as getSearchInput,
   me as hasVoiceOver,
-  qa as isArrayOfStrings,
-  ca as isEventTargetNavigationItem,
-  Pa as isKeyboardEvent,
+  za as isArrayOfStrings,
+  Wt as isEventTargetNavigationItem,
+  Va as isKeyboardEvent,
   ee as stringPropVisible,
   Q as uuid
 };