npm - @db-ux/v-core-components - Versions diffs - 2.0.9 → 2.1.0 - Mend

@db-ux/v-core-components 2.0.9 → 2.1.0

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 (10) hide show

package/dist/components/custom-select/custom-select.vue.d.ts +6 -1
package/dist/components/custom-select/model.d.ts +30 -4
package/dist/components/icon/icon.vue.d.ts +1 -1
package/dist/components/icon/model.d.ts +1 -3
package/dist/components/select/model.d.ts +2 -1
package/dist/components/tooltip/model.d.ts +11 -0
package/dist/components/tooltip/tooltip.vue.d.ts +1 -0
package/dist/db-ux.es.js +709 -663
package/dist/db-ux.umd.js +1 -1
package/package.json +3 -3

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

@@ -1,8 +1,8 @@
-var ya = Object.defineProperty;
-var ka = (i, t, o) => t in i ? ya(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
-var ue = (i, t, o) => ka(i, typeof t != "symbol" ? t + "" : t, o);
-import { defineComponent as R, ref as n, createElementBlock as b, openBlock as v, unref as d, normalizeClass as F, renderSlot as $, Fragment as q, createTextVNode as C, toDisplayString as k, createCommentVNode as D, createElementVNode as I, createBlock as J, withCtx as G, onMounted as Y, watch as A, createVNode as te, renderList as he, onUnmounted as Ba } from "vue";
-const Q = () => {
+var Ba = Object.defineProperty;
+var Sa = (i, t, o) => t in i ? Ba(i, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : i[t] = o;
+var ue = (i, t, o) => Sa(i, typeof t != "symbol" ? t + "" : t, o);
+import { defineComponent as z, ref as n, createElementBlock as b, openBlock as v, unref as d, normalizeClass as F, renderSlot as $, Fragment as V, createTextVNode as C, toDisplayString as B, createCommentVNode as D, createElementVNode as I, createBlock as Q, withCtx as U, onMounted as Y, watch as A, createVNode as ae, renderList as he, onUnmounted as wa } from "vue";
+const Z = () => {
   var i, t;
   if (typeof window < "u") {
     if ((i = window.crypto) != null && i.randomUUID)
@@ -11,10 +11,10 @@ const Q = () => {
       return window.crypto.getRandomValues(new Uint32Array(3)).join("-");
   }
   return Math.random().toString().substring(2);
-}, Je = (i, t) => {
+}, Ze = (i, t) => {
   const o = i.children;
   Object.values(o).forEach((e) => {
-    e.setAttribute(t.key, t.value), e.children.length > 0 && Je(e, t);
+    e.setAttribute(t.key, t.value), e.children.length > 0 && Ze(e, t);
   });
 }, M = (...i) => {
   let t = "";
@@ -26,7 +26,7 @@ const Q = () => {
         for (const e in o)
           o[e] && (t += `${e} `);
   return t.trim();
-}, Ui = (i) => {
+}, qi = (i) => {
   const {
     left: t,
     right: o
@@ -34,7 +34,7 @@ const Q = () => {
     innerWidth: e
   } = window;
   return t >= 0 && o <= e;
-}, Gi = (i) => {
+}, Ui = (i) => {
   const {
     top: t,
     bottom: o
@@ -42,7 +42,7 @@ const Q = () => {
     innerHeight: e
   } = window;
   return t >= 0 && o <= e;
-}, Sa = (i) => {
+}, Ia = (i) => {
   var E;
   const {
     top: t,
@@ -54,8 +54,8 @@ const Q = () => {
     innerWidth: u
   } = window;
   let g = t < 0, s = o > f, c = e < 0, r = a > u;
-  const _ = i.hasAttribute("data-outside-vy"), L = i.hasAttribute("data-outside-vx"), B = (E = i == null ? void 0 : i.parentElement) == null ? void 0 : E.getBoundingClientRect();
-  return B && (_ && (i.getAttribute("data-outside-vy") === "top" ? g = B.top - (o - B.bottom) < 0 : s = B.bottom + (B.top - t) > f), L && (i.getAttribute("data-outside-vx") === "left" ? c = B.left - (a - B.right) < 0 : r = B.right + (B.left - e) > u)), {
+  const _ = i.hasAttribute("data-outside-vy"), L = i.hasAttribute("data-outside-vx"), S = (E = i == null ? void 0 : i.parentElement) == null ? void 0 : E.getBoundingClientRect();
+  return S && (_ && (i.getAttribute("data-outside-vy") === "top" ? g = S.top - (o - S.bottom) < 0 : s = S.bottom + (S.top - t) > f), L && (i.getAttribute("data-outside-vx") === "left" ? c = S.left - (a - S.right) < 0 : r = S.right + (S.left - e) > u)), {
     outTop: g,
     outBottom: s,
     outLeft: c,
@@ -67,7 +67,7 @@ const Q = () => {
     outBottom: o,
     outLeft: e,
     outRight: a
-  } = Sa(i);
+  } = Ia(i);
   let f = {};
   return t || o ? (f = {
     vy: t ? "top" : "bottom"
@@ -75,7 +75,7 @@ const Q = () => {
     ...f,
     vx: a ? "right" : "left"
   }, i.setAttribute("data-outside-vx", f.vx)) : i.removeAttribute("data-outside-vx"), f;
-}, wa = (i) => Array.isArray(i) && i.every((t) => typeof t == "string"), Ia = ["Mac", "iPhone", "iPad", "iPod"], re = () => typeof window < "u" && Ia.some((i) => window.navigator.userAgent.includes(i)), x = (i, t) => new Promise(() => setTimeout(i, t)), j = (i) => {
+}, _a = (i) => Array.isArray(i) && i.every((t) => typeof t == "string"), La = ["Mac", "iPhone", "iPad", "iPod"], re = () => typeof window < "u" && La.some((i) => window.navigator.userAgent.includes(i)), x = (i, t) => new Promise(() => setTimeout(i, t)), j = (i) => {
   if (i != null)
     return String(typeof i == "string" ? !!i : i);
 }, N = (i, t) => {
@@ -84,10 +84,10 @@ const Q = () => {
 }, ye = (i, t) => {
   if (!(i == null && t == null))
     return Number(i ?? t);
-}, Xe = (i, t) => t && ["number", "range"].includes(t) ? ye(i) : i, K = (i) => {
+}, je = (i, t) => t && ["number", "range"].includes(t) ? ye(i) : i, K = (i) => {
   if (i != null)
     return j(!i);
-}, ee = (i, t) => (t === void 0 || !!t) && !!i, He = (i) => i.querySelector('input[type="search"]'), _a = ["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__ */ R({
+}, ee = (i, t) => (t === void 0 || !!t) && !!i, Ye = (i) => i.querySelector('input[type="search"]'), Ta = ["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__ */ z({
   __name: "button",
   props: {
     ariaexpanded: { type: Boolean, default: void 0 },
@@ -142,34 +142,34 @@ const Q = () => {
       "aria-pressed": a.ariapressed,
       onClick: f[0] || (f[0] = async (u) => e(u))
     }, [
-      a.text ? (v(), b(q, { key: 0 }, [
-        C(k(a.text), 1)
+      a.text ? (v(), b(V, { key: 0 }, [
+        C(B(a.text), 1)
       ], 64)) : $(a.$slots, "default", { key: 1 })
-    ], 10, _a));
+    ], 10, Ta));
   }
-}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", Qe = " ", La = "MESSAGE SHOULD BE SET", je = "-label", Ye = "-select", ce = "-message", ve = "-valid-message", fe = "-invalid-message", Ne = "-placeholder", Ke = "-datalist", pe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", Ze = "Remove", Ta = "Back", $a = "Selected", Aa = "BurgerMenu", Ca = "brand", Ea = 4, Re = "Close", Vi = "density", Oi = "color";
-var xe = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(xe || {});
-const Wi = Object.entries(xe).map(([, i]) => i);
-var ea = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(ea || {}), aa = /* @__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))(aa || {});
-const Xi = Object.entries(aa).map(([, i]) => i), Hi = Object.entries(ea).map(([, i]) => i);
-var ta = /* @__PURE__ */ ((i) => (i.CRITICAL = "critical", i.INFORMATIONAL = "informational", i.WARNING = "warning", i.SUCCESSFUL = "successful", i))(ta || {});
-const ji = Object.entries(ta).map(([, i]) => i), Da = {
+}), we = "OVERWRITE_DEFAULT_ID", ke = "LABEL SHOULD BE SET", xe = " ", $a = "MESSAGE SHOULD BE SET", Ke = "-label", Je = "-select", ce = "-message", ve = "-valid-message", fe = "-invalid-message", Ne = "-placeholder", Qe = "-datalist", pe = "TODO: Add a validMessage", ie = "TODO: Add an invalidMessage", ea = "Remove", Aa = "Back", Ca = "Selected", Ea = "BurgerMenu", Da = "brand", Na = 4, ze = "Close", Gi = "density", Oi = "color";
+var aa = /* @__PURE__ */ ((i) => (i.FUNCTIONAL = "functional", i.REGULAR = "regular", i.EXPRESSIVE = "expressive", i))(aa || {});
+const Wi = Object.entries(aa).map(([, i]) => i);
+var ta = /* @__PURE__ */ ((i) => (i.PRIMARY = "primary", i))(ta || {}), ia = /* @__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))(ia || {});
+const Xi = Object.entries(ia).map(([, i]) => i), Hi = Object.entries(ta).map(([, i]) => i);
+var la = /* @__PURE__ */ ((i) => (i.CRITICAL = "critical", i.INFORMATIONAL = "informational", i.WARNING = "warning", i.SUCCESSFUL = "successful", i))(la || {});
+const ji = Object.entries(la).map(([, i]) => i), Fa = {
   width: 390,
   height: 884
-}, Na = {
+}, Ma = {
   width: 1920,
   height: 1280
 }, Yi = [{
   name: "desktop",
-  ...Na
+  ...Ma
 }, {
   name: "tablet",
   width: 768,
   height: 1024
 }, {
   name: "mobile",
-  ...Da
-}], Fa = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Ma = { key: 0 }, Pa = { key: 1 }, Ki = /* @__PURE__ */ R({
+  ...Fa
+}], Pa = ["id", "aria-live", "data-semantic", "data-variant", "data-icon", "data-hide-icon", "data-link-variant"], Ra = { key: 0 }, za = { key: 1 }, Ki = /* @__PURE__ */ z({
   __name: "notification",
   props: {
     ariaLive: { default: void 0 },
@@ -218,15 +218,15 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
       "data-link-variant": a.linkVariant
     }, [
       $(a.$slots, "image"),
-      d(ee)(a.headline, a.showHeadline) ? (v(), b("header", Ma, k(a.headline), 1)) : D("", !0),
+      d(ee)(a.headline, a.showHeadline) ? (v(), b("header", Ra, B(a.headline), 1)) : D("", !0),
       I("p", null, [
-        a.text ? (v(), b(q, { key: 0 }, [
-          C(k(a.text), 1)
+        a.text ? (v(), b(V, { key: 0 }, [
+          C(B(a.text), 1)
         ], 64)) : $(a.$slots, "default", { key: 1 })
       ]),
-      d(ee)(a.timestamp, a.showTimestamp) ? (v(), b("span", Pa, k(a.timestamp), 1)) : D("", !0),
+      d(ee)(a.timestamp, a.showTimestamp) ? (v(), b("span", za, B(a.timestamp), 1)) : D("", !0),
       $(a.$slots, "link"),
-      d(N)(a.closeable, "closeable") ? (v(), J(Be, {
+      d(N)(a.closeable, "closeable") ? (v(), Q(Be, {
         key: 2,
         icon: "cross",
         variant: "ghost",
@@ -235,14 +235,14 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
         noText: !0,
         onClick: (u) => e(u)
       }, {
-        default: G(() => [
-          C(k(a.closeButtonText ?? d(Re)), 1)
+        default: U(() => [
+          C(B(a.closeButtonText ?? d(ze)), 1)
         ]),
         _: 1
       }, 8, ["id", "onClick"])) : D("", !0)
-    ], 10, Fa));
+    ], 10, Pa));
   }
-}), Ra = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ji = /* @__PURE__ */ R({
+}), Va = ["id", "data-semantic", "data-size", "data-emphasis", "data-placement", "data-label"], Ji = /* @__PURE__ */ z({
   __name: "badge",
   props: {
     placement: { default: void 0 },
@@ -288,13 +288,13 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
         "data-placement": a.placement,
         "data-label": ((u = a.placement) == null ? void 0 : u.startsWith("corner")) && (a.label ?? d(ke))
       }, [
-        a.text ? (v(), b(q, { key: 0 }, [
-          C(k(a.text), 1)
+        a.text ? (v(), b(V, { key: 0 }, [
+          C(B(a.text), 1)
         ], 64)) : $(a.$slots, "default", { key: 1 })
-      ], 10, Ra);
+      ], 10, Va);
     };
   }
-}), za = ["data-icon", "data-hide-icon", "id"], Qi = /* @__PURE__ */ R({
+}), qa = ["data-icon", "data-hide-icon", "id"], Qi = /* @__PURE__ */ z({
   __name: "brand",
   props: {
     hideLogo: { type: Boolean, default: void 0 },
@@ -313,17 +313,17 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
     return (e, a) => (v(), b("div", {
       ref_key: "_ref",
       ref: o,
-      "data-icon": e.hideLogo ? "none" : e.icon ?? d(Ca),
+      "data-icon": e.hideLogo ? "none" : e.icon ?? d(Da),
       "data-hide-icon": d(K)(e.showIcon),
       id: e.id,
       class: F(d(M)("db-brand", t.class))
     }, [
-      e.text ? (v(), b(q, { key: 0 }, [
-        C(k(e.text), 1)
+      e.text ? (v(), b(V, { key: 0 }, [
+        C(B(e.text), 1)
       ], 64)) : $(e.$slots, "default", { key: 1 })
-    ], 10, za));
+    ], 10, qa));
   }
-}), qa = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Zi = /* @__PURE__ */ R({
+}), Ua = ["id", "data-behavior", "data-elevation-level", "data-spacing", "role", "tabIndex"], Zi = /* @__PURE__ */ z({
   __name: "card",
   props: {
     behavior: { default: void 0 },
@@ -355,11 +355,11 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
       onClick: f[0] || (f[0] = async (u) => e(u))
     }, [
       $(a.$slots, "default")
-    ], 10, qa));
+    ], 10, Ua));
   }
-}), oe = (i, t, o = "value") => {
+}), de = (i, t, o = "value") => {
   i(`update:${o}`, t.target[o]);
-}, Ua = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], ae = /* @__PURE__ */ R({
+}, Ga = ["id", "data-icon", "data-semantic", "data-size", "data-hide-icon-before"], te = /* @__PURE__ */ z({
   __name: "infotext",
   props: {
     children: { default: void 0 },
@@ -386,15 +386,15 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
       "data-size": e.size,
       "data-hide-icon-before": d(K)(e.showIcon ?? !0)
     }, [
-      e.text ? (v(), b(q, { key: 0 }, [
-        C(k(e.text), 1)
+      e.text ? (v(), b(V, { key: 0 }, [
+        C(B(e.text), 1)
       ], 64)) : $(e.$slots, "default", { key: 1 })
-    ], 10, Ua));
+    ], 10, Ga));
   }
-}), Ga = ["data-size", "data-hide-label"], Va = ["for"], Oa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Wa = {
+}), Oa = ["data-size", "data-hide-label"], Wa = ["for"], Xa = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "value", "required", "aria-describedby"], Ha = {
   "data-visually-hidden": "true",
   role: "status"
-}, xi = /* @__PURE__ */ R({
+}, xi = /* @__PURE__ */ z({
   __name: "checkbox",
   props: {
     indeterminate: { type: [Boolean, String], default: void 0 },
@@ -435,7 +435,7 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
     const o = t, e = i, a = n(!1), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(""), _ = n(""), L = n(null);
     Y(() => {
       a.value = !0;
-      const y = e.id ?? `checkbox-${Q()}`;
+      const y = e.id ?? `checkbox-${Z()}`;
       f.value = y, u.value = y + ce, g.value = y + ve, s.value = y + fe, c.value = e.invalidMessage || ie;
     }), A(
       () => [L.value, e.invalidMessage],
@@ -478,15 +478,15 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
         flush: "post"
       }
     );
-    function B() {
+    function S() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function E() {
       var y, h, O;
-      !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (r.value = s.value, c.value = e.invalidMessage || ((h = L.value) == null ? void 0 : h.validationMessage) || ie, re() && (_.value = c.value, x(() => _.value = "", 1e3))) : B() && ((O = L.value) != null && O.validity.valid) && e.required ? (r.value = g.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = u.value : r.value = "";
+      !((y = L.value) != null && y.validity.valid) || e.validation === "invalid" ? (r.value = s.value, c.value = e.invalidMessage || ((h = L.value) == null ? void 0 : h.validationMessage) || ie, re() && (_.value = c.value, x(() => _.value = "", 1e3))) : S() && ((O = L.value) != null && O.validity.valid) && e.required ? (r.value = g.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = u.value : r.value = "";
     }
-    function S(y) {
-      y.stopPropagation(), e.onChange && e.onChange(y), oe(o, y, "checked"), E();
+    function w(y) {
+      y.stopPropagation(), e.onChange && e.onChange(y), de(o, y, "checked"), E();
     }
     function T(y) {
       y.stopPropagation(), e.onBlur && e.onBlur(y);
@@ -512,51 +512,51 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
           disabled: d(N)(y.disabled, "disabled"),
           value: y.value,
           required: d(N)(y.required, "required"),
-          onChange: h[0] || (h[0] = async (O) => S(O)),
+          onChange: h[0] || (h[0] = async (O) => w(O)),
           onBlur: h[1] || (h[1] = async (O) => T(O)),
           onFocus: h[2] || (h[2] = async (O) => P(O)),
           "aria-describedby": y.ariaDescribedBy ?? r.value
-        }, null, 40, Oa),
-        y.label ? (v(), b(q, { key: 0 }, [
-          C(k(y.label), 1)
+        }, null, 40, Xa),
+        y.label ? (v(), b(V, { key: 0 }, [
+          C(B(y.label), 1)
         ], 64)) : $(y.$slots, "default", { key: 1 })
-      ], 8, Va),
-      d(ee)(y.message, y.showMessage) ? (v(), J(ae, {
+      ], 8, Wa),
+      d(ee)(y.message, y.showMessage) ? (v(), Q(te, {
         key: 0,
         size: "small",
         icon: y.messageIcon,
         id: u.value
       }, {
-        default: G(() => [
-          C(k(y.message), 1)
+        default: U(() => [
+          C(B(y.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : D("", !0),
-      B() ? (v(), J(ae, {
+      S() ? (v(), Q(te, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: g.value
       }, {
-        default: G(() => [
-          C(k(y.validMessage || d(pe)), 1)
+        default: U(() => [
+          C(B(y.validMessage || d(pe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : D("", !0),
-      te(ae, {
+      ae(te, {
         size: "small",
         semantic: "critical",
         id: s.value
       }, {
-        default: G(() => [
-          C(k(c.value), 1)
+        default: U(() => [
+          C(B(c.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      I("span", Wa, k(_.value), 1)
-    ], 10, Ga));
+      I("span", Ha, B(_.value), 1)
+    ], 10, Oa));
   }
-}), Xa = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], el = /* @__PURE__ */ R({
+}), ja = ["id", "data-margin", "data-variant", "data-emphasis", "data-width"], el = /* @__PURE__ */ z({
   __name: "divider",
   props: {
     margin: { default: void 0 },
@@ -581,9 +581,9 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
       "data-emphasis": e.emphasis,
       "data-width": e.width,
       class: F(d(M)("db-divider", t.class))
-    }, null, 10, Xa));
+    }, null, 10, ja));
   }
-}), Ha = ["id", "data-backdrop", "data-variant"], ja = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ya = { class: "db-drawer-header" }, Ka = { class: "db-drawer-header-text" }, Ja = { class: "db-drawer-content" }, Qa = /* @__PURE__ */ R({
+}), Ya = ["id", "data-backdrop", "data-variant"], Ka = ["data-spacing", "data-width", "data-direction", "data-rounded"], Ja = { class: "db-drawer-header" }, Qa = { class: "db-drawer-header-text" }, Za = { class: "db-drawer-content" }, xa = /* @__PURE__ */ z({
   __name: "drawer",
   props: {
     backdrop: { default: void 0 },
@@ -650,11 +650,11 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
         "data-direction": u.direction,
         "data-rounded": d(j)(u.rounded)
       }, [
-        I("header", Ya, [
-          I("div", Ka, [
+        I("header", Ja, [
+          I("div", Qa, [
             $(u.$slots, "drawer-header")
           ]),
-          te(Be, {
+          ae(Be, {
             class: "button-close-drawer",
             icon: "cross",
             variant: "ghost",
@@ -662,26 +662,26 @@ const ji = Object.entries(ta).map(([, i]) => i), Da = {
             noText: !0,
             onClick: (s) => a("close")
           }, {
-            default: G(() => [
-              C(k(u.closeButtonText ?? d(Re)), 1)
+            default: U(() => [
+              C(B(u.closeButtonText ?? d(ze)), 1)
             ]),
             _: 1
           }, 8, ["id", "onClick"])
         ]),
-        I("div", Ja, [
+        I("div", Za, [
           $(u.$slots, "default")
         ])
-      ], 10, ja)
-    ], 40, Ha));
+      ], 10, Ka)
+    ], 40, Ya));
   }
-}), ia = (i) => {
+}), oa = (i) => {
   var o, e;
   const {
     target: t
   } = i;
   return !!(!((o = t == null ? void 0 : t.classList) != null && o.contains("db-navigation-item-expand-button")) && ((e = t == null ? void 0 : t.parentElement) != null && e.classList.contains("db-navigation-item")));
 };
-class Za {
+class et {
   constructor(t, o) {
     ue(this, "element");
     ue(this, "subNavigation");
@@ -757,7 +757,7 @@ class Za {
     e && (this.element.style.setProperty("--db-navigation-item-clip-path", `polygon(${e.lb}, ${e.lt}, ${e.rt}, ${e.rb})`), o && (this.triangleData = void 0));
   }
 }
-const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-header-drawer-navigation" }, at = { class: "db-header-meta-navigation" }, tt = { class: "db-header-secondary-action" }, it = { class: "db-header-meta-navigation" }, lt = { class: "db-header-navigation-bar" }, ot = { class: "db-header-brand-container" }, dt = { class: "db-header-navigation-container" }, nt = { class: "db-header-navigation" }, st = { class: "db-header-primary-action" }, ut = { class: "db-header-action-container" }, rt = { class: "db-header-burger-menu-container" }, ct = { class: "db-header-secondary-action" }, al = /* @__PURE__ */ R({
+const at = ["id", "data-width", "data-on-forcing-mobile"], tt = { class: "db-header-drawer-navigation" }, it = { class: "db-header-meta-navigation" }, lt = { class: "db-header-secondary-action" }, ot = { class: "db-header-meta-navigation" }, dt = { class: "db-header-navigation-bar" }, nt = { class: "db-header-brand-container" }, st = { class: "db-header-navigation-container" }, ut = { class: "db-header-navigation" }, rt = { class: "db-header-primary-action" }, ct = { class: "db-header-action-container" }, vt = { class: "db-header-burger-menu-container" }, ft = { class: "db-header-secondary-action" }, al = /* @__PURE__ */ z({
   __name: "header",
   props: {
     brand: {},
@@ -780,7 +780,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i) {
     const t = i, o = n(we), e = n(!1), a = n(!1), f = n(null);
     Y(() => {
-      e.value = !0, o.value = t.id || "header-" + Q();
+      e.value = !0, o.value = t.id || "header-" + Z();
     }), A(
       () => [e.value],
       () => {
@@ -788,7 +788,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
           const s = document.getElementById(
             o.value ?? ""
           );
-          s && Je(s, {
+          s && Ze(s, {
             key: "data-force-mobile",
             value: "true"
           }), a.value = !0;
@@ -804,7 +804,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       t.onToggle && t.onToggle(s);
     }
     function g(s) {
-      ia(s) && u();
+      oa(s) && u();
     }
     return (s, c) => (v(), b("header", {
       ref_key: "_ref",
@@ -814,69 +814,69 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-width": s.width,
       "data-on-forcing-mobile": s.forceMobile && !a.value
     }, [
-      te(Qa, {
+      ae(xa, {
         class: "db-header-drawer",
         spacing: "small",
         rounded: !0,
         open: d(N)(s.drawerOpen),
         onClose: (r) => u()
       }, {
-        default: G(() => [
-          I("div", et, [
+        default: U(() => [
+          I("div", tt, [
             I("div", {
               class: "db-header-navigation",
               onClick: c[0] || (c[0] = async (r) => g(r))
             }, [
               $(s.$slots, "default")
             ]),
-            I("div", at, [
+            I("div", it, [
               $(s.$slots, "meta-navigation")
             ])
           ]),
-          I("div", tt, [
+          I("div", lt, [
             $(s.$slots, "secondary-action")
           ])
         ]),
         _: 3
       }, 8, ["open", "onClose"]),
-      I("div", it, [
+      I("div", ot, [
         $(s.$slots, "meta-navigation")
       ]),
-      I("div", lt, [
-        I("div", ot, [
+      I("div", dt, [
+        I("div", nt, [
           $(s.$slots, "brand")
         ]),
-        I("div", dt, [
-          I("div", nt, [
+        I("div", st, [
+          I("div", ut, [
             $(s.$slots, "default")
           ]),
-          I("div", st, [
+          I("div", rt, [
             $(s.$slots, "primary-action")
           ])
         ]),
-        I("div", ut, [
-          I("div", rt, [
-            te(Be, {
+        I("div", ct, [
+          I("div", vt, [
+            ae(Be, {
               icon: "menu",
               variant: "ghost",
               id: o.value + "-burger-menu",
               noText: !0,
               onClick: (r) => u()
             }, {
-              default: G(() => [
-                C(k(s.burgerMenuLabel ?? d(Aa)), 1)
+              default: U(() => [
+                C(B(s.burgerMenuLabel ?? d(Ea)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ]),
-          I("div", ct, [
+          I("div", ft, [
             $(s.$slots, "secondary-action")
           ])
         ])
       ])
-    ], 10, xa));
+    ], 10, at));
   }
-}), vt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], tl = /* @__PURE__ */ R({
+}), pt = ["id", "data-icon", "data-icon-weight", "data-icon-variant"], tl = /* @__PURE__ */ z({
   __name: "icon",
   props: {
     variant: { default: void 0 },
@@ -902,15 +902,15 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-icon-weight": e.weight,
       "data-icon-variant": e.variant
     }, [
-      e.text ? (v(), b(q, { key: 0 }, [
-        C(k(e.text), 1)
+      e.text ? (v(), b(V, { key: 0 }, [
+        C(B(e.text), 1)
       ], 64)) : $(e.$slots, "default", { key: 1 })
-    ], 10, vt));
+    ], 10, pt));
   }
-}), ft = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], pt = ["for"], mt = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], ht = ["id"], gt = ["value"], bt = {
+}), mt = ["data-variant", "data-hide-label", "data-hide-icon", "data-icon", "data-icon-after", "data-hide-icon-after"], ht = ["for"], gt = ["aria-invalid", "data-custom-validity", "id", "name", "type", "placeholder", "disabled", "required", "step", "value", "maxLength", "minLength", "max", "min", "readOnly", "form", "pattern", "size", "autoComplete", "autoFocus", "list", "aria-describedby"], bt = ["id"], yt = ["value"], kt = {
   "data-visually-hidden": "true",
   role: "status"
-}, yt = /* @__PURE__ */ R({
+}, Bt = /* @__PURE__ */ z({
   __name: "input",
   props: {
     dataList: { default: void 0 },
@@ -964,15 +964,15 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: t }) {
-    const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(""), _ = n(""), L = n(""), B = n(null);
+    const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(""), _ = n(""), L = n(""), S = n(null);
     Y(() => {
-      const p = e.id ?? `input-${Q()}`;
-      a.value = p, f.value = p + ce, u.value = p + ve, g.value = p + fe, c.value = p + Ke, s.value = e.invalidMessage || ie;
+      const p = e.id ?? `input-${Z()}`;
+      a.value = p, f.value = p + ce, u.value = p + ve, g.value = p + fe, c.value = p + Qe, s.value = e.invalidMessage || ie;
     }), A(
-      () => [B.value, e.invalidMessage],
+      () => [S.value, e.invalidMessage],
       () => {
         var p;
-        s.value = e.invalidMessage || ((p = B.value) == null ? void 0 : p.validationMessage) || ie;
+        s.value = e.invalidMessage || ((p = S.value) == null ? void 0 : p.validationMessage) || ie;
       },
       {
         immediate: !0,
@@ -983,7 +983,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       () => {
         if (a.value) {
           const p = a.value + ce;
-          f.value = p, u.value = a.value + ve, g.value = a.value + fe, c.value = e.dataListId ?? a.value + Ke, ee(e.message, e.showMessage) && (r.value = p);
+          f.value = p, u.value = a.value + ve, g.value = a.value + fe, c.value = e.dataListId ?? a.value + Qe, ee(e.message, e.showMessage) && (r.value = p);
         }
       },
       {
@@ -1003,15 +1003,15 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     function E() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function S() {
-      var p, V, m;
-      !((p = B.value) != null && p.validity.valid) || e.validation === "invalid" ? (r.value = g.value, s.value = e.invalidMessage || ((V = B.value) == null ? void 0 : V.validationMessage) || ie, re() && (L.value = s.value, x(() => L.value = "", 1e3))) : E() && ((m = B.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (r.value = u.value, re() && (L.value = e.validMessage ?? pe, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = "";
+    function w() {
+      var p, G, m;
+      !((p = S.value) != null && p.validity.valid) || e.validation === "invalid" ? (r.value = g.value, s.value = e.invalidMessage || ((G = S.value) == null ? void 0 : G.validationMessage) || ie, re() && (L.value = s.value, x(() => L.value = "", 1e3))) : E() && ((m = S.value) != null && m.validity.valid) && (e.required || e.minLength || e.maxLength || e.pattern) ? (r.value = u.value, re() && (L.value = e.validMessage ?? pe, x(() => L.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = "";
     }
     function T(p) {
-      p.stopPropagation(), e.input && e.input(p), _.value = p.target.value, e.onInput && e.onInput(p), oe(o, p), S();
+      p.stopPropagation(), e.input && e.input(p), _.value = p.target.value, e.onInput && e.onInput(p), de(o, p), w();
     }
     function P(p) {
-      p.stopPropagation(), e.onChange && e.onChange(p), oe(o, p), S();
+      p.stopPropagation(), e.onChange && e.onChange(p), de(o, p), w();
     }
     function y(p) {
       p.stopPropagation(), e.onBlur && e.onBlur(p);
@@ -1022,13 +1022,13 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     function O() {
       const p = e.dataList;
       return Array.from(
-        (wa(p) ? p == null ? void 0 : p.map((V) => ({
-          value: V,
+        (_a(p) ? p == null ? void 0 : p.map((G) => ({
+          value: G,
           label: void 0
         })) : p) || []
       );
     }
-    return (p, V) => (v(), b("div", {
+    return (p, G) => (v(), b("div", {
       class: F(d(M)("db-input", e.class)),
       "data-variant": p.variant,
       "data-hide-label": d(K)(p.showLabel),
@@ -1037,83 +1037,83 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-icon-after": p.iconAfter,
       "data-hide-icon-after": d(K)(p.showIcon)
     }, [
-      I("label", { for: a.value }, k(p.label ?? d(ke)), 9, pt),
+      I("label", { for: a.value }, B(p.label ?? d(ke)), 9, ht),
       I("input", {
         "aria-invalid": p.validation === "invalid",
         "data-custom-validity": p.validation,
         ref_key: "_ref",
-        ref: B,
+        ref: S,
         id: a.value,
         name: p.name,
         type: p.type || "text",
-        placeholder: p.placeholder ?? d(Qe),
+        placeholder: p.placeholder ?? d(xe),
         disabled: d(N)(p.disabled, "disabled"),
         required: d(N)(p.required, "required"),
         step: d(ye)(p.step),
         value: p.value ?? _.value,
         maxLength: d(ye)(p.maxLength, p.maxlength),
         minLength: d(ye)(p.minLength, p.minlength),
-        max: d(Xe)(p.max, p.type),
-        min: d(Xe)(p.min, p.type),
+        max: d(je)(p.max, p.type),
+        min: d(je)(p.min, p.type),
         readOnly: d(N)(p.readOnly, "readOnly") || d(N)(p.readonly, "readonly"),
         form: p.form,
         pattern: p.pattern,
         size: p.size,
         autoComplete: p.autocomplete,
         autoFocus: d(N)(p.autofocus, "autofocus"),
-        onInput: V[0] || (V[0] = async (m) => T(m)),
-        onChange: V[1] || (V[1] = async (m) => P(m)),
-        onBlur: V[2] || (V[2] = async (m) => y(m)),
-        onFocus: V[3] || (V[3] = async (m) => h(m)),
+        onInput: G[0] || (G[0] = async (m) => T(m)),
+        onChange: G[1] || (G[1] = async (m) => P(m)),
+        onBlur: G[2] || (G[2] = async (m) => y(m)),
+        onFocus: G[3] || (G[3] = async (m) => h(m)),
         list: p.dataList && c.value,
         "aria-describedby": p.ariaDescribedBy ?? r.value
-      }, null, 40, mt),
+      }, null, 40, gt),
       p.dataList ? (v(), b("datalist", {
         key: 0,
         id: c.value
       }, [
-        (v(!0), b(q, null, he(O(), (m) => (v(), b("option", {
+        (v(!0), b(V, null, he(O(), (m) => (v(), b("option", {
           key: c.value + "-option-" + m.value,
           value: m.value
-        }, k(m.label), 9, gt))), 128))
-      ], 8, ht)) : D("", !0),
+        }, B(m.label), 9, yt))), 128))
+      ], 8, bt)) : D("", !0),
       $(p.$slots, "default"),
-      d(ee)(p.message, p.showMessage) ? (v(), J(ae, {
+      d(ee)(p.message, p.showMessage) ? (v(), Q(te, {
         key: 1,
         size: "small",
         icon: p.messageIcon,
         id: f.value
       }, {
-        default: G(() => [
-          C(k(p.message), 1)
+        default: U(() => [
+          C(B(p.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : D("", !0),
-      E() ? (v(), J(ae, {
+      E() ? (v(), Q(te, {
         key: 2,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
-        default: G(() => [
-          C(k(p.validMessage || d(pe)), 1)
+        default: U(() => [
+          C(B(p.validMessage || d(pe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : D("", !0),
-      te(ae, {
+      ae(te, {
         size: "small",
         semantic: "critical",
         id: g.value
       }, {
-        default: G(() => [
-          C(k(s.value), 1)
+        default: U(() => [
+          C(B(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      I("span", bt, k(L.value), 1)
-    ], 10, ft));
+      I("span", kt, B(L.value), 1)
+    ], 10, mt));
   }
-}), kt = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], il = /* @__PURE__ */ R({
+}), St = ["id", "href", "target", "rel", "role", "hrefLang", "aria-disabled", "tabIndex", "aria-selected", "aria-label", "aria-current", "data-size", "data-hide-icon-after", "data-variant", "data-content"], il = /* @__PURE__ */ z({
   __name: "link",
   props: {
     content: { default: void 0 },
@@ -1165,12 +1165,12 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-content": a.content || "internal",
       onClick: f[0] || (f[0] = async (u) => e(u))
     }, [
-      a.text ? (v(), b(q, { key: 0 }, [
-        C(k(a.text), 1)
+      a.text ? (v(), b(V, { key: 0 }, [
+        C(B(a.text), 1)
       ], 64)) : $(a.$slots, "default", { key: 1 })
-    ], 10, kt));
+    ], 10, St));
   }
-}), Bt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], ll = /* @__PURE__ */ R({
+}), wt = ["id", "data-variant", "data-fade-in", "data-fonts-loaded"], ll = /* @__PURE__ */ z({
   __name: "page",
   props: {
     documentOverflow: { default: void 0 },
@@ -1192,7 +1192,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       o.value = !t.fadeIn, document && t.fadeIn ? document.fonts.ready.then(() => {
         o.value = !0;
       }) : o.value = !0;
-    }), Ba(() => {
+    }), wa(() => {
       typeof window < "u" && document.documentElement.classList.contains("db-page-document") && document.documentElement.classList.remove("db-page-document");
     }), (a, f) => (v(), b("div", {
       ref_key: "_ref",
@@ -1210,9 +1210,9 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         $(a.$slots, "default")
       ], 2),
       $(a.$slots, "footer")
-    ], 10, Bt));
+    ], 10, wt));
   }
-}), St = ["data-size", "data-hide-label", "for"], wt = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], ol = /* @__PURE__ */ R({
+}), It = ["data-size", "data-hide-label", "for"], _t = ["aria-invalid", "data-custom-validity", "id", "name", "checked", "disabled", "aria-describedby", "value", "required"], ol = /* @__PURE__ */ z({
   __name: "radio",
   props: {
     children: { default: void 0 },
@@ -1243,7 +1243,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i, { emit: t }) {
     const o = t, e = i, a = n(!1), f = n(void 0), u = n(null);
     Y(() => {
-      a.value = !0, f.value = e.id ?? `radio-${Q()}`;
+      a.value = !0, f.value = e.id ?? `radio-${Z()}`;
     }), A(
       () => [a.value, u.value, e.checked],
       () => {
@@ -1255,7 +1255,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       }
     );
     function g(r) {
-      r.stopPropagation(), e.onChange && e.onChange(r), oe(o, r);
+      r.stopPropagation(), e.onChange && e.onChange(r), de(o, r);
     }
     function s(r) {
       r.stopPropagation(), e.onBlur && e.onBlur(r);
@@ -1285,13 +1285,13 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         onChange: _[0] || (_[0] = async (L) => g(L)),
         onBlur: _[1] || (_[1] = async (L) => s(L)),
         onFocus: _[2] || (_[2] = async (L) => c(L))
-      }, null, 40, wt),
-      r.label ? (v(), b(q, { key: 0 }, [
-        C(k(r.label), 1)
+      }, null, 40, _t),
+      r.label ? (v(), b(V, { key: 0 }, [
+        C(B(r.label), 1)
       ], 64)) : $(r.$slots, "default", { key: 1 })
-    ], 10, St));
+    ], 10, It));
   }
-}), It = ["id", "data-spacing", "data-width"], dl = /* @__PURE__ */ R({
+}), Lt = ["id", "data-spacing", "data-width"], dl = /* @__PURE__ */ z({
   __name: "section",
   props: {
     children: { default: void 0 },
@@ -1306,7 +1306,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i) {
     const t = i, o = n(we), e = n(null);
     return Y(() => {
-      o.value = t.id || "section-" + Q();
+      o.value = t.id || "section-" + Z();
     }), (a, f) => (v(), b("section", {
       ref_key: "_ref",
       ref: e,
@@ -1316,12 +1316,12 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-width": a.width
     }, [
       $(a.$slots, "default")
-    ], 10, It));
+    ], 10, Lt));
   }
-}), _t = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], Lt = ["for"], Tt = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], $t = ["label"], At = ["value", "selected", "disabled"], Ct = ["value", "disabled", "selected"], Et = ["id"], Dt = {
+}), Tt = ["data-variant", "data-hide-label", "data-icon", "data-hide-icon"], $t = ["for"], At = ["aria-invalid", "data-custom-validity", "required", "disabled", "id", "name", "size", "value", "autocomplete", "multiple", "aria-describedby"], Ct = ["label"], Et = ["value", "selected", "disabled"], Dt = ["value", "disabled", "selected"], Nt = ["id"], Ft = {
   "data-visually-hidden": "true",
   role: "status"
-}, nl = /* @__PURE__ */ R({
+}, nl = /* @__PURE__ */ z({
   __name: "select",
   props: {
     children: { default: void 0 },
@@ -1364,10 +1364,10 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   },
   emits: ["update:value"],
   setup(i, { emit: t }) {
-    const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(""), r = n(""), _ = n(""), L = n(!1), B = n(""), E = n(null);
+    const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(""), r = n(""), _ = n(""), L = n(!1), S = n(""), E = n(null);
     Y(() => {
       L.value = !0;
-      const m = e.id ?? `select-${Q()}`;
+      const m = e.id ?? `select-${Z()}`;
       a.value = m, f.value = m + ce, u.value = m + ve, g.value = m + fe, c.value = m + Ne, s.value = e.invalidMessage || ie;
     }), A(
       () => [E.value, e.invalidMessage],
@@ -1383,8 +1383,8 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       () => [a.value, L.value],
       () => {
         if (a.value && L.value) {
-          const m = a.value + ce, X = a.value + Ne;
-          f.value = m, u.value = a.value + ve, g.value = a.value + fe, c.value = X, ee(e.message, e.showMessage) ? r.value = m : r.value = X, L.value = !1;
+          const m = a.value + ce, W = a.value + Ne;
+          f.value = m, u.value = a.value + ve, g.value = a.value + fe, c.value = W, ee(e.message, e.showMessage) ? r.value = m : r.value = W, L.value = !1;
         }
       },
       {
@@ -1401,21 +1401,21 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         flush: "post"
       }
     );
-    function S() {
+    function w() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function T() {
-      var m, X, H;
-      !((m = E.value) != null && m.validity.valid) || e.validation === "invalid" ? (r.value = g.value, s.value = e.invalidMessage || ((X = E.value) == null ? void 0 : X.validationMessage) || ie, re() && (B.value = s.value, x(() => B.value = "", 1e3))) : S() && ((H = E.value) != null && H.validity.valid) && e.required ? (r.value = u.value, re() && (B.value = e.validMessage ?? pe, x(() => B.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = c.value;
+      var m, W, H;
+      !((m = E.value) != null && m.validity.valid) || e.validation === "invalid" ? (r.value = g.value, s.value = e.invalidMessage || ((W = E.value) == null ? void 0 : W.validationMessage) || ie, re() && (S.value = s.value, x(() => S.value = "", 1e3))) : w() && ((H = E.value) != null && H.validity.valid) && e.required ? (r.value = u.value, re() && (S.value = e.validMessage ?? pe, x(() => S.value = "", 1e3))) : ee(e.message, e.showMessage) ? r.value = f.value : r.value = c.value;
     }
     function P(m) {
       e.onClick && (m.stopPropagation(), e.onClick(m));
     }
     function y(m) {
-      m.stopPropagation(), e.input && e.input(m), _.value = m.target.value, e.onInput && e.onInput(m), oe(o, m), T();
+      m.stopPropagation(), e.input && e.input(m), _.value = m.target.value, e.onInput && e.onInput(m), de(o, m), T();
     }
     function h(m) {
-      m.stopPropagation(), e.onChange && e.onChange(m), oe(o, m), T();
+      m.stopPropagation(), e.onChange && e.onChange(m), de(o, m), T();
     }
     function O(m) {
       m.stopPropagation(), e.onBlur && e.onBlur(m);
@@ -1423,18 +1423,18 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     function p(m) {
       m.stopPropagation(), e.onFocus && e.onFocus(m);
     }
-    function V(m) {
-      var X;
-      return m.label ?? ((X = m.value) == null ? void 0 : X.toString());
+    function G(m) {
+      var W;
+      return m.label ?? ((W = m.value) == null ? void 0 : W.toString());
     }
-    return (m, X) => (v(), b("div", {
+    return (m, W) => (v(), b("div", {
       class: F(d(M)("db-select", e.class)),
       "data-variant": m.variant,
       "data-hide-label": d(K)(m.showLabel),
       "data-icon": m.icon,
       "data-hide-icon": d(K)(m.showIcon)
     }, [
-      I("label", { for: a.value }, k(m.label ?? d(ke)), 9, Lt),
+      I("label", { for: a.value }, B(m.label ?? d(ke)), 9, $t),
       I("select", {
         "aria-invalid": m.validation === "invalid",
         "data-custom-validity": m.validation,
@@ -1448,71 +1448,71 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         value: m.value ?? _.value,
         autocomplete: m.autocomplete,
         multiple: m.multiple,
-        onInput: X[0] || (X[0] = async (H) => y(H)),
-        onClick: X[1] || (X[1] = async (H) => P(H)),
-        onChange: X[2] || (X[2] = async (H) => h(H)),
-        onBlur: X[3] || (X[3] = async (H) => O(H)),
-        onFocus: X[4] || (X[4] = async (H) => p(H)),
+        onInput: W[0] || (W[0] = async (H) => y(H)),
+        onClick: W[1] || (W[1] = async (H) => P(H)),
+        onChange: W[2] || (W[2] = async (H) => h(H)),
+        onBlur: W[3] || (W[3] = async (H) => O(H)),
+        onFocus: W[4] || (W[4] = async (H) => p(H)),
         "aria-describedby": m.ariaDescribedBy ?? r.value
       }, [
-        X[5] || (X[5] = I("option", { hidden: !0 }, null, -1)),
-        m.options ? (v(!0), b(q, { key: 0 }, he(m.options, (H, _e) => (v(), b(q, { key: _e }, [
+        W[5] || (W[5] = I("option", { hidden: !0 }, null, -1)),
+        m.options ? (v(!0), b(V, { key: 0 }, he(m.options, (H, _e) => (v(), b(V, { key: _e }, [
           H.options ? (v(), b("optgroup", {
             key: 0,
-            label: V(H)
+            label: G(H)
           }, [
-            (v(!0), b(q, null, he(H.options, (ge, Ce) => (v(), b("option", {
+            (v(!0), b(V, null, he(H.options, (ge, Ce) => (v(), b("option", {
               key: ge.value.toString(),
               value: ge.value,
               selected: ge.selected,
               disabled: ge.disabled
-            }, k(V(ge)), 9, At))), 128))
-          ], 8, $t)) : D("", !0),
+            }, B(G(ge)), 9, Et))), 128))
+          ], 8, Ct)) : D("", !0),
           H.options ? D("", !0) : (v(), b("option", {
             key: 1,
             value: H.value,
             disabled: H.disabled,
             selected: H.selected
-          }, k(V(H)), 9, Ct))
+          }, B(G(H)), 9, Dt))
         ], 64))), 128)) : $(m.$slots, "default", { key: 1 })
-      ], 40, Tt),
-      I("span", { id: c.value }, k(m.placeholder ?? m.label), 9, Et),
-      d(ee)(m.message, m.showMessage) ? (v(), J(ae, {
+      ], 40, At),
+      I("span", { id: c.value }, B(m.placeholder ?? m.label), 9, Nt),
+      d(ee)(m.message, m.showMessage) ? (v(), Q(te, {
         key: 0,
         size: "small",
         icon: m.messageIcon,
         id: f.value
       }, {
-        default: G(() => [
-          C(k(m.message), 1)
+        default: U(() => [
+          C(B(m.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : D("", !0),
-      S() ? (v(), J(ae, {
+      w() ? (v(), Q(te, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
-        default: G(() => [
-          C(k(m.validMessage || d(pe)), 1)
+        default: U(() => [
+          C(B(m.validMessage || d(pe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : D("", !0),
-      te(ae, {
+      ae(te, {
         size: "small",
         semantic: "critical",
         id: g.value
       }, {
-        default: G(() => [
-          C(k(s.value), 1)
+        default: U(() => [
+          C(B(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      I("span", Dt, k(B.value), 1)
-    ], 10, _t));
+      I("span", Ft, B(S.value), 1)
+    ], 10, Tt));
   }
-}), Nt = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Ft = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], sl = /* @__PURE__ */ R({
+}), Mt = ["data-visual-aid", "data-size", "data-hide-label", "data-emphasis", "for"], Pt = ["id", "aria-checked", "checked", "value", "disabled", "aria-describedby", "aria-invalid", "data-custom-validity", "name", "required", "data-aid-icon", "data-aid-icon-after"], sl = /* @__PURE__ */ z({
   __name: "switch",
   props: {
     visualAid: { type: [Boolean, String], default: void 0 },
@@ -1547,7 +1547,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i, { emit: t }) {
     const o = t, e = i, a = n(void 0), f = n(!1), u = n(null);
     Y(() => {
-      a.value = e.id ?? `switch-${Q()}`;
+      a.value = e.id ?? `switch-${Z()}`;
     }), A(
       () => [e.checked],
       () => {
@@ -1560,7 +1560,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     );
     function g(r) {
       var _;
-      r.stopPropagation(), e.onChange && e.onChange(r), f.value = (_ = r.target) == null ? void 0 : _.checked, oe(o, r, "checked");
+      r.stopPropagation(), e.onChange && e.onChange(r), f.value = (_ = r.target) == null ? void 0 : _.checked, de(o, r, "checked");
     }
     function s(r) {
       r.stopPropagation(), e.onBlur && e.onBlur(r);
@@ -1596,13 +1596,13 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         onChange: _[0] || (_[0] = async (L) => g(L)),
         onBlur: _[1] || (_[1] = async (L) => s(L)),
         onFocus: _[2] || (_[2] = async (L) => c(L))
-      }, null, 40, Ft),
-      r.label ? (v(), b(q, { key: 0 }, [
-        C(k(r.label), 1)
+      }, null, 40, Pt),
+      r.label ? (v(), b(V, { key: 0 }, [
+        C(B(r.label), 1)
       ], 64)) : $(r.$slots, "default", { key: 1 })
-    ], 10, Nt));
+    ], 10, Mt));
   }
-}), Mt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], Pt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Rt = /* @__PURE__ */ R({
+}), Rt = ["for", "data-icon", "data-icon-after", "data-hide-icon", "data-hide-icon-after", "data-no-text"], zt = ["disabled", "aria-selected", "aria-controls", "checked", "name", "id"], Vt = /* @__PURE__ */ z({
   __name: "tab-item",
   props: {
     children: { default: void 0 },
@@ -1650,7 +1650,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     );
     function s(c) {
       var r;
-      c.stopPropagation(), e.onChange && e.onChange(c), a.value = (r = c.target) == null ? void 0 : r.checked, oe(o, c, "checked");
+      c.stopPropagation(), e.onChange && e.onChange(c), a.value = (r = c.target) == null ? void 0 : r.checked, de(o, c, "checked");
     }
     return (c, r) => (v(), b("li", {
       role: "none",
@@ -1676,15 +1676,76 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
           name: f.value,
           id: c.id,
           onInput: r[0] || (r[0] = async (_) => s(_))
-        }, null, 40, Pt),
-        c.label ? (v(), b(q, { key: 0 }, [
-          C(k(c.label), 1)
+        }, null, 40, zt),
+        c.label ? (v(), b(V, { key: 0 }, [
+          C(B(c.label), 1)
         ], 64)) : D("", !0),
         $(c.$slots, "default")
-      ], 8, Mt)
+      ], 8, Rt)
     ], 2));
   }
-}), zt = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], qt = ["title"], Ut = /* @__PURE__ */ R({
+}), qt = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], da = /* @__PURE__ */ z({
+  __name: "tooltip",
+  props: {
+    showArrow: { type: [Boolean, String], default: void 0 },
+    variant: { default: void 0 },
+    children: { default: void 0 },
+    className: { default: void 0 },
+    class: {},
+    describedbyid: {},
+    id: { default: void 0 },
+    autofocus: { type: [Boolean, String] },
+    emphasis: { default: void 0 },
+    placement: { default: void 0 },
+    delay: { default: void 0 },
+    animation: { type: [Boolean, String], default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(i) {
+    const t = i, o = n(we), e = n(!1), a = n(null);
+    Y(() => {
+      o.value = t.id || "tooltip-" + Z(), e.value = !0;
+    }), A(
+      () => [a.value, e.value],
+      () => {
+        if (a.value && e.value && o.value) {
+          let g = a.value.parentElement;
+          g && g.localName.includes("tooltip") && (g = g.parentElement), g && (["mouseenter", "focus"].forEach((s) => {
+            g.addEventListener(s, () => u());
+          }), g.setAttribute("data-has-tooltip", "true"), t.variant === "label" ? g.setAttribute("aria-labelledby", o.value) : g.setAttribute("aria-describedby", o.value)), e.value = !1;
+        }
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    );
+    function f(g) {
+      g.stopPropagation();
+    }
+    function u() {
+      a.value && Me(a.value);
+    }
+    return (g, s) => (v(), b("i", {
+      role: "tooltip",
+      "aria-hidden": "true",
+      "data-gap": "true",
+      ref_key: "_ref",
+      ref: a,
+      class: F(d(M)("db-tooltip", t.class)),
+      id: o.value,
+      "data-emphasis": g.emphasis,
+      "data-animation": d(j)(g.animation ?? !0),
+      "data-delay": g.delay,
+      "data-width": g.width,
+      "data-show-arrow": d(j)(g.showArrow ?? !0),
+      "data-placement": g.placement,
+      onClick: s[0] || (s[0] = async (c) => f(c))
+    }, [
+      $(g.$slots, "default")
+    ], 10, qt));
+  }
+}), Ut = ["id", "data-disabled", "data-semantic", "data-emphasis", "data-icon", "data-show-check-state", "data-hide-icon", "data-no-text", "data-overflow"], Gt = /* @__PURE__ */ z({
   __name: "tag",
   props: {
     behavior: { default: void 0 },
@@ -1732,7 +1793,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       u == null || u.stopPropagation(), t.onRemove && t.onRemove(u);
     }
     function f() {
-      return t.removeButton ? t.removeButton : Ze;
+      return t.removeButton ? t.removeButton : ea;
     }
     return (u, g) => (v(), b("div", {
       ref_key: "_ref",
@@ -1750,8 +1811,8 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     }, [
       $(u.$slots, "content"),
       $(u.$slots, "default"),
-      u.text ? (v(), b(q, { key: 0 }, [
-        C(k(u.text), 1)
+      u.text ? (v(), b(V, { key: 0 }, [
+        C(B(u.text), 1)
       ], 64)) : D("", !0),
       u.behavior === "removable" ? (v(), b("button", {
         key: 1,
@@ -1760,15 +1821,22 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         "data-size": "small",
         "data-no-text": "true",
         "data-variant": "ghost",
-        onClick: g[0] || (g[0] = async (s) => a(s)),
-        title: f()
-      }, k(f()), 9, qt)) : D("", !0)
-    ], 10, zt));
+        type: "button",
+        onClick: g[0] || (g[0] = async (s) => a(s))
+      }, [
+        ae(da, { variant: "label" }, {
+          default: U(() => [
+            C(B(f()), 1)
+          ]),
+          _: 1
+        })
+      ])) : D("", !0)
+    ], 10, Ut));
   }
-}), Gt = ["data-variant", "data-hide-label"], Vt = ["for"], Ot = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Wt = {
+}), Ot = ["data-variant", "data-hide-label"], Wt = ["for"], Xt = ["aria-invalid", "data-custom-validity", "id", "data-resize", "disabled", "required", "readOnly", "form", "maxLength", "minLength", "name", "wrap", "spellcheck", "autocomplete", "value", "aria-describedby", "placeholder", "rows", "cols"], Ht = {
   "data-visually-hidden": "true",
   role: "status"
-}, ul = /* @__PURE__ */ R({
+}, ul = /* @__PURE__ */ z({
   __name: "textarea",
   props: {
     cols: { default: void 0 },
@@ -1818,7 +1886,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i, { emit: t }) {
     const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(""), r = n(""), _ = n(""), L = n(null);
     Y(() => {
-      const h = e.id ?? `textarea-${Q()}`;
+      const h = e.id ?? `textarea-${Z()}`;
       a.value = h, f.value = h + ce, u.value = h + ve, g.value = h + fe, s.value = e.invalidMessage || ie;
     }), A(
       () => [L.value, e.invalidMessage],
@@ -1852,18 +1920,18 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         flush: "post"
       }
     );
-    function B() {
+    function S() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
     function E() {
       var h, O, p;
-      !((h = L.value) != null && h.validity.valid) || e.validation === "invalid" ? (c.value = g.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, re() && (_.value = s.value, x(() => _.value = "", 1e3))) : B() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (c.value = u.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = f.value : c.value = "";
+      !((h = L.value) != null && h.validity.valid) || e.validation === "invalid" ? (c.value = g.value, s.value = e.invalidMessage || ((O = L.value) == null ? void 0 : O.validationMessage) || ie, re() && (_.value = s.value, x(() => _.value = "", 1e3))) : S() && ((p = L.value) != null && p.validity.valid) && (e.required || e.minLength || e.maxLength) ? (c.value = u.value, re() && (_.value = e.validMessage ?? pe, x(() => _.value = "", 1e3))) : ee(e.message, e.showMessage) ? c.value = f.value : c.value = "";
     }
-    function S(h) {
-      h.stopPropagation(), e.input && e.input(h), r.value = h.target.value, e.onInput && e.onInput(h), oe(o, h), E();
+    function w(h) {
+      h.stopPropagation(), e.input && e.input(h), r.value = h.target.value, e.onInput && e.onInput(h), de(o, h), E();
     }
     function T(h) {
-      h.stopPropagation(), e.onChange && e.onChange(h), oe(o, h), E();
+      h.stopPropagation(), e.onChange && e.onChange(h), de(o, h), E();
     }
     function P(h) {
       h.stopPropagation(), e.onBlur && e.onBlur(h);
@@ -1876,7 +1944,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-variant": h.variant,
       "data-hide-label": d(K)(h.showLabel)
     }, [
-      I("label", { for: a.value }, k(h.label ?? d(ke)), 9, Vt),
+      I("label", { for: a.value }, B(h.label ?? d(ke)), 9, Wt),
       I("textarea", {
         "aria-invalid": h.validation === "invalid",
         "data-custom-validity": h.validation,
@@ -1894,55 +1962,55 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         wrap: h.wrap,
         spellcheck: h.spellCheck,
         autocomplete: h.autocomplete,
-        onInput: O[0] || (O[0] = async (p) => S(p)),
+        onInput: O[0] || (O[0] = async (p) => w(p)),
         onChange: O[1] || (O[1] = async (p) => T(p)),
         onBlur: O[2] || (O[2] = async (p) => P(p)),
         onFocus: O[3] || (O[3] = async (p) => y(p)),
         value: h.value ?? r.value,
         "aria-describedby": h.ariaDescribedBy ?? c.value,
-        placeholder: h.placeholder ?? d(Qe),
-        rows: d(ye)(h.rows, d(Ea)),
+        placeholder: h.placeholder ?? d(xe),
+        rows: d(ye)(h.rows, d(Na)),
         cols: d(ye)(h.cols)
-      }, null, 40, Ot),
-      d(ee)(h.message, h.showMessage) ? (v(), J(ae, {
+      }, null, 40, Xt),
+      d(ee)(h.message, h.showMessage) ? (v(), Q(te, {
         key: 0,
         size: "small",
         icon: h.messageIcon,
         id: f.value
       }, {
-        default: G(() => [
-          C(k(h.message), 1)
+        default: U(() => [
+          C(B(h.message), 1)
         ]),
         _: 1
       }, 8, ["icon", "id"])) : D("", !0),
-      B() ? (v(), J(ae, {
+      S() ? (v(), Q(te, {
         key: 1,
         size: "small",
         semantic: "successful",
         id: u.value
       }, {
-        default: G(() => [
-          C(k(h.validMessage || d(pe)), 1)
+        default: U(() => [
+          C(B(h.validMessage || d(pe)), 1)
         ]),
         _: 1
       }, 8, ["id"])) : D("", !0),
-      te(ae, {
+      ae(te, {
         size: "small",
         semantic: "critical",
         id: g.value
       }, {
-        default: G(() => [
-          C(k(s.value), 1)
+        default: U(() => [
+          C(B(s.value), 1)
         ]),
         _: 1
       }, 8, ["id"]),
-      I("span", Wt, k(_.value), 1)
-    ], 10, Gt));
+      I("span", Ht, B(_.value), 1)
+    ], 10, Ot));
   }
-}), Xt = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Ht = ["aria-haspopup", "aria-expanded", "disabled"], jt = ["data-auto-close", "id"], Yt = {
+}), jt = ["id", "data-width", "data-icon", "data-hide-icon", "data-active", "data-wrap", "aria-disabled"], Yt = ["aria-haspopup", "aria-expanded", "disabled"], Kt = ["data-auto-close", "id"], Jt = {
   key: 0,
   class: "db-mobile-navigation-back"
-}, rl = /* @__PURE__ */ R({
+}, rl = /* @__PURE__ */ z({
   __name: "navigation-item",
   props: {
     active: { type: Boolean, default: void 0 },
@@ -1966,7 +2034,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   },
   setup(i) {
     const t = i, o = n(!1), e = n(!1), a = n(!0), f = n(!1), u = n(!1), g = n(
-      "sub-navigation-" + Q()
+      "sub-navigation-" + Z()
     ), s = n(void 0), c = n(null);
     Y(() => {
       o.value = !0;
@@ -1985,10 +2053,10 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     ), A(
       () => [o.value, c.value],
       () => {
-        var B;
+        var S;
         if (o.value && c.value) {
           const E = c.value.querySelector("menu");
-          E && (((B = E.children) == null ? void 0 : B.length) > 0 ? (e.value = !0, s.value || (s.value = new Za(
+          E && (((S = E.children) == null ? void 0 : S.length) > 0 ? (e.value = !0, s.value || (s.value = new et(
             c.value,
             E
           ))) : a.value = !1);
@@ -1999,83 +2067,83 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         flush: "post"
       }
     );
-    function r(B) {
-      ia(B) && (u.value = !0, x(() => {
+    function r(S) {
+      oa(S) && (u.value = !0, x(() => {
         u.value = !1;
       }, 300));
     }
-    function _(B) {
-      t.onClick && (B.stopPropagation(), t.onClick(B)), e.value && (f.value = !0);
+    function _(S) {
+      t.onClick && (S.stopPropagation(), t.onClick(S)), e.value && (f.value = !0);
     }
-    function L(B) {
-      B.stopPropagation(), f.value = !1;
+    function L(S) {
+      S.stopPropagation(), f.value = !1;
     }
-    return (B, E) => (v(), b("li", {
+    return (S, E) => (v(), b("li", {
       ref_key: "_ref",
       ref: c,
-      id: B.id,
-      onMouseover: E[2] || (E[2] = async (S) => {
+      id: S.id,
+      onMouseover: E[2] || (E[2] = async (w) => {
         var T;
         return (T = s.value) == null ? void 0 : T.enableFollow();
       }),
-      onMouseleave: E[3] || (E[3] = async (S) => {
+      onMouseleave: E[3] || (E[3] = async (w) => {
         var T;
         return (T = s.value) == null ? void 0 : T.disableFollow();
       }),
-      onMousemove: E[4] || (E[4] = async (S) => {
+      onMousemove: E[4] || (E[4] = async (w) => {
         var T;
-        return (T = s.value) == null ? void 0 : T.followByMouseEvent(S);
+        return (T = s.value) == null ? void 0 : T.followByMouseEvent(w);
       }),
       class: F(d(M)("db-navigation-item", t.class)),
-      "data-width": B.width,
-      "data-icon": B.icon,
-      "data-hide-icon": d(K)(B.showIcon),
-      "data-active": B.active,
-      "data-wrap": d(j)(B.wrap),
-      "aria-disabled": d(j)(B.disabled)
+      "data-width": S.width,
+      "data-icon": S.icon,
+      "data-hide-icon": d(K)(S.showIcon),
+      "data-active": S.active,
+      "data-wrap": d(j)(S.wrap),
+      "aria-disabled": d(j)(S.disabled)
     }, [
-      a.value ? D("", !0) : (v(), b(q, { key: 0 }, [
-        B.text ? (v(), b(q, { key: 0 }, [
-          C(k(B.text), 1)
-        ], 64)) : $(B.$slots, "default", { key: 1 })
+      a.value ? D("", !0) : (v(), b(V, { key: 0 }, [
+        S.text ? (v(), b(V, { key: 0 }, [
+          C(B(S.text), 1)
+        ], 64)) : $(S.$slots, "default", { key: 1 })
       ], 64)),
-      a.value ? (v(), b(q, { key: 1 }, [
+      a.value ? (v(), b(V, { key: 1 }, [
         I("button", {
           class: "db-navigation-item-expand-button",
           "aria-haspopup": e.value,
           "aria-expanded": f.value,
-          disabled: d(N)(B.disabled, "disabled"),
-          onClick: E[0] || (E[0] = async (S) => _(S))
+          disabled: d(N)(S.disabled, "disabled"),
+          onClick: E[0] || (E[0] = async (w) => _(w))
         }, [
-          B.text ? (v(), b(q, { key: 0 }, [
-            C(k(B.text), 1)
-          ], 64)) : $(B.$slots, "default", { key: 1 })
-        ], 8, Ht),
+          S.text ? (v(), b(V, { key: 0 }, [
+            C(B(S.text), 1)
+          ], 64)) : $(S.$slots, "default", { key: 1 })
+        ], 8, Yt),
         I("menu", {
           class: "db-sub-navigation",
           "data-auto-close": u.value,
           id: g.value,
-          onClick: E[1] || (E[1] = async (S) => r(S))
+          onClick: E[1] || (E[1] = async (w) => r(w))
         }, [
-          e.value ? (v(), b("div", Yt, [
-            te(Be, {
+          e.value ? (v(), b("div", Jt, [
+            ae(Be, {
               icon: "arrow_left",
               variant: "ghost",
-              id: B.backButtonId,
-              onClick: (S) => L(S)
+              id: S.backButtonId,
+              onClick: (w) => L(w)
             }, {
-              default: G(() => [
-                C(k(B.backButtonText ?? d(Ta)), 1)
+              default: U(() => [
+                C(B(S.backButtonText ?? d(Aa)), 1)
               ]),
               _: 1
             }, 8, ["id", "onClick"])
           ])) : D("", !0),
-          $(B.$slots, "sub-navigation")
-        ], 8, jt)
+          $(S.$slots, "sub-navigation")
+        ], 8, Kt)
       ], 64)) : D("", !0)
-    ], 42, Xt));
+    ], 42, jt));
   }
-}), Kt = ["id"], Jt = ["aria-disabled", "name", "open"], Qt = /* @__PURE__ */ R({
+}), Qt = ["id"], Zt = ["aria-disabled", "name", "open"], xt = /* @__PURE__ */ z({
   __name: "accordion-item",
   props: {
     defaultOpen: { type: Boolean, default: void 0 },
@@ -2096,7 +2164,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i) {
     const t = i, o = n(we), e = n(!1), a = n(void 0), f = n(!1), u = n(null);
     Y(() => {
-      o.value = t.id || "accordion-item-" + Q(), t.defaultOpen && (e.value = t.defaultOpen), f.value = !0;
+      o.value = t.id || "accordion-item-" + Z(), t.defaultOpen && (e.value = t.defaultOpen), f.value = !0;
     }), A(
       () => [u.value, f.value],
       () => {
@@ -2135,20 +2203,20 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         I("summary", {
           onClick: c[0] || (c[0] = async (r) => g(r))
         }, [
-          s.headlinePlain ? (v(), b(q, { key: 0 }, [
-            C(k(s.headlinePlain), 1)
+          s.headlinePlain ? (v(), b(V, { key: 0 }, [
+            C(B(s.headlinePlain), 1)
           ], 64)) : D("", !0),
           s.headlinePlain ? D("", !0) : $(s.$slots, "headline", { key: 1 })
         ]),
         I("div", null, [
-          s.text ? (v(), b(q, { key: 0 }, [
-            C(k(s.text), 1)
+          s.text ? (v(), b(V, { key: 0 }, [
+            C(B(s.text), 1)
           ], 64)) : $(s.$slots, "default", { key: 1 })
         ])
-      ], 8, Jt)
-    ], 10, Kt));
+      ], 8, Zt)
+    ], 10, Qt));
   }
-}), Zt = ["id", "data-variant"], cl = /* @__PURE__ */ R({
+}), ei = ["id", "data-variant"], cl = /* @__PURE__ */ z({
   __name: "accordion",
   props: {
     behavior: { default: void 0 },
@@ -2167,7 +2235,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i) {
     const t = i, o = n(we), e = n(""), a = n(!1), f = n(!1), u = n(null);
     Y(() => {
-      o.value = t.id || "accordion-" + Q(), a.value = !0, f.value = !0;
+      o.value = t.id || "accordion-" + Z(), a.value = !0, f.value = !0;
     }), A(
       () => [a.value, t.name, t.behavior, o.value],
       () => {
@@ -2230,15 +2298,15 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       "data-variant": s.variant
     }, [
       s.items ? D("", !0) : $(s.$slots, "default", { key: 0 }),
-      s.items ? (v(!0), b(q, { key: 1 }, he(g(), (r, _) => (v(), J(Qt, {
+      s.items ? (v(!0), b(V, { key: 1 }, he(g(), (r, _) => (v(), Q(xt, {
         key: `accordion-item-${_}`,
         headlinePlain: r.headlinePlain,
         disabled: r.disabled,
         text: r.text
       }, null, 8, ["headlinePlain", "disabled", "text"]))), 128)) : D("", !0)
-    ], 10, Zt));
+    ], 10, ei));
   }
-}), xt = ["id", "aria-labelledby"], vl = /* @__PURE__ */ R({
+}), ai = ["id", "aria-labelledby"], vl = /* @__PURE__ */ z({
   __name: "navigation",
   props: {
     children: { default: void 0 },
@@ -2252,7 +2320,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i) {
     const t = i, o = n(we), e = n(null);
     return Y(() => {
-      o.value = t.id || "navigation-" + Q();
+      o.value = t.id || "navigation-" + Z();
     }), (a, f) => (v(), b("nav", {
       ref_key: "_ref",
       ref: e,
@@ -2263,9 +2331,9 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       I("menu", null, [
         $(a.$slots, "default")
       ])
-    ], 10, xt));
+    ], 10, ai));
   }
-}), ei = ["id"], ai = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], fl = /* @__PURE__ */ R({
+}), ti = ["id"], ii = ["data-spacing", "data-gap", "data-animation", "data-open", "data-delay", "data-width", "data-placement"], fl = /* @__PURE__ */ z({
   __name: "popover",
   props: {
     open: { type: [Boolean, String], default: void 0 },
@@ -2354,70 +2422,10 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         "data-placement": s.placement
       }, [
         $(s.$slots, "default")
-      ], 8, ai)
-    ], 42, ei));
+      ], 8, ii)
+    ], 42, ti));
   }
-}), ti = ["id", "data-emphasis", "data-animation", "data-delay", "data-width", "data-show-arrow", "data-placement"], ii = /* @__PURE__ */ R({
-  __name: "tooltip",
-  props: {
-    showArrow: { type: [Boolean, String], default: void 0 },
-    children: { default: void 0 },
-    className: { default: void 0 },
-    class: {},
-    describedbyid: {},
-    id: { default: void 0 },
-    autofocus: { type: [Boolean, String] },
-    emphasis: { default: void 0 },
-    placement: { default: void 0 },
-    delay: { default: void 0 },
-    animation: { type: [Boolean, String], default: void 0 },
-    width: { default: void 0 }
-  },
-  setup(i) {
-    const t = i, o = n(we), e = n(!1), a = n(null);
-    Y(() => {
-      o.value = t.id || "tooltip-" + Q(), e.value = !0;
-    }), A(
-      () => [a.value, e.value],
-      () => {
-        if (a.value && e.value && o.value) {
-          let g = a.value.parentElement;
-          g && g.localName.includes("tooltip") && (g = g.parentElement), g && (["mouseenter", "focus"].forEach((s) => {
-            g.addEventListener(s, () => u());
-          }), g.setAttribute("data-has-tooltip", "true"), g.setAttribute("aria-describedby", o.value)), e.value = !1;
-        }
-      },
-      {
-        immediate: !0,
-        flush: "post"
-      }
-    );
-    function f(g) {
-      g.stopPropagation();
-    }
-    function u() {
-      a.value && Me(a.value);
-    }
-    return (g, s) => (v(), b("i", {
-      role: "tooltip",
-      "aria-hidden": "true",
-      "data-gap": "true",
-      ref_key: "_ref",
-      ref: a,
-      class: F(d(M)("db-tooltip", t.class)),
-      id: o.value,
-      "data-emphasis": g.emphasis,
-      "data-animation": d(j)(g.animation ?? !0),
-      "data-delay": g.delay,
-      "data-width": g.width,
-      "data-show-arrow": d(j)(g.showArrow ?? !0),
-      "data-placement": g.placement,
-      onClick: s[0] || (s[0] = async (c) => f(c))
-    }, [
-      $(g.$slots, "default")
-    ], 10, ti));
-  }
-}), li = ["id"], oi = { role: "tablist" }, di = /* @__PURE__ */ R({
+}), li = ["id"], oi = { role: "tablist" }, di = /* @__PURE__ */ z({
   __name: "tab-list",
   props: {
     children: { default: void 0 },
@@ -2430,7 +2438,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i) {
     const t = i, o = n(we), e = n(null);
     return Y(() => {
-      o.value = t.id || "tab-list-" + Q();
+      o.value = t.id || "tab-list-" + Z();
     }), (a, f) => (v(), b("div", {
       ref_key: "_ref",
       ref: e,
@@ -2442,7 +2450,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       ])
     ], 10, li));
   }
-}), ni = ["id", "aria-labelledby"], si = /* @__PURE__ */ R({
+}), ni = ["id", "aria-labelledby"], si = /* @__PURE__ */ z({
   __name: "tab-panel",
   props: {
     content: { default: void 0 },
@@ -2465,13 +2473,13 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       id: e.id,
       "aria-labelledby": e.labelledBy
     }, [
-      e.content ? (v(), b(q, { key: 0 }, [
-        C(k(e.content), 1)
+      e.content ? (v(), b(V, { key: 0 }, [
+        C(B(e.content), 1)
       ], 64)) : D("", !0),
       $(e.$slots, "default")
     ], 10, ni));
   }
-}), ui = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], pl = /* @__PURE__ */ R({
+}), ui = ["id", "data-orientation", "data-scroll-behavior", "data-alignment", "data-width"], pl = /* @__PURE__ */ z({
   __name: "tabs",
   props: {
     arrowScrollDistance: { default: void 0 },
@@ -2495,20 +2503,20 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     alignment: { default: void 0 }
   },
   setup(i) {
-    const t = i, o = n("tabs-" + Q()), e = n(""), a = n(!1), f = n(!1), u = n(!1), g = n(null), s = n(null);
+    const t = i, o = n("tabs-" + Z()), e = n(""), a = n(!1), f = n(!1), u = n(!1), g = n(null), s = n(null);
     Y(() => {
-      o.value = t.id || o.value, e.value = `tabs-${t.name || Q()}`, a.value = !0;
+      o.value = t.id || o.value, e.value = `tabs-${t.name || Z()}`, a.value = !0;
     }), A(
       () => [s.value, a.value],
       () => {
         if (s.value && a.value) {
-          L(), B(!0);
-          const S = s.value.querySelector(".db-tab-list");
-          S && new MutationObserver((P) => {
+          L(), S(!0);
+          const w = s.value.querySelector(".db-tab-list");
+          w && new MutationObserver((P) => {
             P.forEach((y) => {
-              (y.removedNodes.length || y.addedNodes.length) && (L(), B());
+              (y.removedNodes.length || y.addedNodes.length) && (L(), S());
             });
-          }).observe(S, {
+          }).observe(w, {
             childList: !0,
             subtree: !0
           }), a.value = !1;
@@ -2522,19 +2530,19 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     function c() {
       try {
         return typeof t.tabs == "string" ? JSON.parse(t.tabs) : t.tabs;
-      } catch (S) {
-        console.error(S);
+      } catch (w) {
+        console.error(w);
       }
       return [];
     }
-    function r(S) {
-      const T = S.scrollWidth > S.clientWidth;
-      f.value = T && S.scrollLeft > 1, u.value = T && S.scrollLeft < S.scrollWidth - S.clientWidth;
+    function r(w) {
+      const T = w.scrollWidth > w.clientWidth;
+      f.value = T && w.scrollLeft > 1, u.value = T && w.scrollLeft < w.scrollWidth - w.clientWidth;
     }
-    function _(S) {
+    function _(w) {
       var P;
       let T = Number(t.arrowScrollDistance) || 100;
-      S && (T *= -1), (P = g.value) == null || P.scrollBy({
+      w && (T *= -1), (P = g.value) == null || P.scrollBy({
         top: 0,
         left: T,
         behavior: "smooth"
@@ -2542,9 +2550,9 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     }
     function L() {
       if (s.value) {
-        const S = s.value.querySelector(".db-tab-list");
-        if (S) {
-          const T = S.querySelector('[role="tablist"]');
+        const w = s.value.querySelector(".db-tab-list");
+        if (w) {
+          const T = w.querySelector('[role="tablist"]');
           T && (T.setAttribute(
             "aria-orientation",
             t.orientation || "horizontal"
@@ -2554,7 +2562,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         }
       }
     }
-    function B(S) {
+    function S(w) {
       if (s.value) {
         const T = Array.from(
           s.value.getElementsByClassName("db-tab-item")
@@ -2563,15 +2571,15 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
           const h = T.indexOf(y), O = y.querySelector("label"), p = y.querySelector("input");
           if (p && O) {
             if (!p.id) {
-              const V = `${e.value}-tab-${h}`;
-              O.setAttribute("for", V), p.setAttribute(
+              const G = `${e.value}-tab-${h}`;
+              O.setAttribute("for", G), p.setAttribute(
                 "aria-controls",
                 `${e.value}-tab-panel-${h}`
-              ), p.id = V, p.setAttribute("name", e.value);
+              ), p.id = G, p.setAttribute("name", e.value);
             }
-            if (S) {
-              const V = !t.initialSelectedMode || t.initialSelectedMode === "auto", m = t.initialSelectedIndex == null && h === 0 || Number(t.initialSelectedIndex) === h;
-              V && m && p.click();
+            if (w) {
+              const G = !t.initialSelectedMode || t.initialSelectedMode === "auto", m = t.initialSelectedIndex == null && h === 0 || Number(t.initialSelectedIndex) === h;
+              G && m && p.click();
             }
           }
         }
@@ -2587,31 +2595,31 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         }
       }
     }
-    function E(S) {
+    function E(w) {
       var y;
-      S.stopPropagation();
-      const T = (y = S.target) == null ? void 0 : y.closest("ul"), P = (
+      w.stopPropagation();
+      const T = (y = w.target) == null ? void 0 : y.closest("ul"), P = (
         // db-tab-item for angular and stencil wrapping elements
-        S.target.closest("db-tab-item") ?? S.target.closest("li")
+        w.target.closest("db-tab-item") ?? w.target.closest("li")
       );
       if (T !== null && P !== null) {
         const h = Array.from(T.childNodes).indexOf(P);
         t.onIndexChange && t.onIndexChange(h);
       }
-      t.onTabSelect && t.onTabSelect(S);
+      t.onTabSelect && t.onTabSelect(w);
     }
-    return (S, T) => (v(), b("div", {
+    return (w, T) => (v(), b("div", {
       ref_key: "_ref",
       ref: s,
       id: o.value,
       class: F(d(M)("db-tabs", t.class)),
-      "data-orientation": S.orientation,
-      "data-scroll-behavior": S.behavior,
-      "data-alignment": S.alignment ?? "start",
-      "data-width": S.width ?? "auto",
+      "data-orientation": w.orientation,
+      "data-scroll-behavior": w.behavior,
+      "data-alignment": w.alignment ?? "start",
+      "data-width": w.width ?? "auto",
       onInput: T[0] || (T[0] = async (P) => E(P))
     }, [
-      f.value ? (v(), J(Be, {
+      f.value ? (v(), Q(Be, {
         key: 0,
         class: "tabs-scroll-left",
         variant: "ghost",
@@ -2620,17 +2628,17 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         noText: !0,
         onClick: (P) => _(!0)
       }, {
-        default: G(() => T[1] || (T[1] = [
+        default: U(() => T[1] || (T[1] = [
           C(" Scroll left ")
         ])),
         _: 1,
         __: [1]
       }, 8, ["onClick"])) : D("", !0),
-      S.tabs ? (v(), b(q, { key: 1 }, [
-        te(di, null, {
-          default: G(() => [
-            (v(!0), b(q, null, he(c(), (P, y) => (v(), J(Rt, {
-              key: S.name + "tab-item" + y,
+      w.tabs ? (v(), b(V, { key: 1 }, [
+        ae(di, null, {
+          default: U(() => [
+            (v(!0), b(V, null, he(c(), (P, y) => (v(), Q(Vt, {
+              key: w.name + "tab-item" + y,
               active: P.active,
               label: P.label,
               iconAfter: P.iconAfter,
@@ -2640,17 +2648,17 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
           ]),
           _: 1
         }),
-        (v(!0), b(q, null, he(c(), (P, y) => (v(), J(si, {
-          key: S.name + "tab-panel" + y,
+        (v(!0), b(V, null, he(c(), (P, y) => (v(), Q(si, {
+          key: w.name + "tab-panel" + y,
           content: P.content
         }, {
-          default: G(() => [
-            C(k(P.children), 1)
+          default: U(() => [
+            C(B(P.children), 1)
           ]),
           _: 2
         }, 1032, ["content"]))), 128))
       ], 64)) : D("", !0),
-      u.value ? (v(), J(Be, {
+      u.value ? (v(), Q(Be, {
         key: 2,
         class: "tabs-scroll-right",
         variant: "ghost",
@@ -2659,16 +2667,16 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
         noText: !0,
         onClick: (P) => _()
       }, {
-        default: G(() => T[2] || (T[2] = [
+        default: U(() => T[2] || (T[2] = [
           C(" Scroll right ")
         ])),
         _: 1,
         __: [2]
       }, 8, ["onClick"])) : D("", !0),
-      $(S.$slots, "default")
+      $(w.$slots, "default")
     ], 42, ui));
   }
-}), ml = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], hl = ["medium", "small", "large", "none"], gl = ["medium", "small", "large", "none"], ri = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ci = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], bl = [...ri, ...ci], yl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], kl = ["horizontal", "vertical"], Bl = ["full", "auto"], Sl = ["full", "medium", "large", "small"], wl = ["none", "slow", "fast"], Il = ["auto", "fixed"], _l = ["small", "medium"], Ll = ["weak", "strong"], Tl = ["invalid", "valid", "no-validation"], $l = ["above", "floating"], Al = ["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"], Cl = ["time", "true", "false", "date", "page", "step", "location"], El = ["_self", "_blank", "_parent", "_top"], Dl = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Nl = ["start", "center"], vi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Fl = /* @__PURE__ */ R({
+}), ml = ["adaptive", "neutral", "critical", "informational", "warning", "successful"], hl = ["medium", "small", "large", "none"], gl = ["medium", "small", "large", "none"], ri = ["left", "right", "left-start", "left-end", "right-start", "right-end"], ci = ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"], bl = [...ri, ...ci], yl = ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"], kl = ["horizontal", "vertical"], Bl = ["full", "auto"], Sl = ["full", "medium", "large", "small"], wl = ["none", "slow", "fast"], Il = ["auto", "fixed"], _l = ["small", "medium"], Ll = ["weak", "strong"], Tl = ["invalid", "valid", "no-validation"], $l = ["above", "floating"], Al = ["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"], Cl = ["time", "true", "false", "date", "page", "step", "location"], El = ["_self", "_blank", "_parent", "_top"], Dl = ["no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url"], Nl = ["start", "center"], vi = ["id", "data-gap", "data-variant", "data-direction", "data-alignment", "data-justify-content", "data-wrap"], Fl = /* @__PURE__ */ z({
   __name: "stack",
   props: {
     variant: { default: void 0 },
@@ -2701,7 +2709,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       $(e.$slots, "default")
     ], 10, vi));
   }
-}), fi = ["role", "aria-label", "id"], pi = /* @__PURE__ */ R({
+}), fi = ["role", "aria-label", "id"], pi = /* @__PURE__ */ z({
   __name: "custom-select-list",
   props: {
     label: { default: void 0 },
@@ -2728,7 +2736,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       ])
     ], 10, fi));
   }
-}), mi = ["id", "data-divider"], hi = ["data-icon", "data-hide-icon", "data-icon-after"], gi = ["type", "name", "form", "checked", "disabled", "value"], bi = { key: 1 }, yi = /* @__PURE__ */ R({
+}), mi = ["id", "data-divider"], hi = ["data-icon", "data-hide-icon", "data-icon-after"], gi = ["type", "name", "form", "checked", "disabled", "value"], bi = { key: 1 }, yi = /* @__PURE__ */ z({
   __name: "custom-select-list-item",
   props: {
     groupTitle: { default: void 0 },
@@ -2755,7 +2763,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
   setup(i, { emit: t }) {
     const o = t, e = i, a = n(void 0), f = n(!1), u = n(null);
     Y(() => {
-      a.value = e.id ?? `custom-select-list-item-${Q()}`;
+      a.value = e.id ?? `custom-select-list-item-${Z()}`;
     }), A(
       () => [e.isGroupTitle, e.showDivider],
       () => {
@@ -2767,7 +2775,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       }
     );
     function g(c) {
-      c.stopPropagation(), e.onChange && e.onChange(c), oe(o, c, "checked");
+      c.stopPropagation(), e.onChange && e.onChange(c), de(o, c, "checked");
     }
     function s() {
       if (!(e.isGroupTitle || e.type === "checkbox"))
@@ -2785,7 +2793,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
       ),
       "data-divider": d(j)(f.value)
     }, [
-      c.isGroupTitle ? (v(), b("span", bi, k(c.groupTitle), 1)) : (v(), b("label", {
+      c.isGroupTitle ? (v(), b("span", bi, B(c.groupTitle), 1)) : (v(), b("label", {
         key: 0,
         "data-icon": c.type !== "checkbox" && c.icon ? c.icon : void 0,
         "data-hide-icon": d(K)(c.showIcon),
@@ -2802,13 +2810,13 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
           value: c.value,
           onChange: r[0] || (r[0] = async (_) => g(_))
         }, null, 40, gi),
-        c.label ? (v(), b(q, { key: 0 }, [
-          C(k(c.label), 1)
+        c.label ? (v(), b(V, { key: 0 }, [
+          C(B(c.label), 1)
         ], 64)) : $(c.$slots, "default", { key: 1 })
       ], 8, hi))
     ], 10, mi));
   }
-}), ki = ["id", "data-width"], Bi = /* @__PURE__ */ R({
+}), ki = ["id", "data-width"], Bi = /* @__PURE__ */ z({
   __name: "custom-select-dropdown",
   props: {
     width: { default: "fixed" },
@@ -2843,7 +2851,7 @@ const xa = ["id", "data-width", "data-on-forcing-mobile"], et = { class: "db-hea
     se._instance = this, self.document && self.document.addEventListener("click", (t) => se.runCallbacks(t));
   }
   addCallback(t) {
-    const o = Q();
+    const o = Z();
     return se.callbacks[o] = t, o;
   }
   removeCallback(t) {
@@ -2855,7 +2863,7 @@ let Fe = se;
 const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-variant", "data-required", "data-placement", "data-selected-type", "data-hide-label", "data-icon", "data-hide-icon"], wi = ["id"], Ii = ["id", "form", "name", "multiple", "disabled", "required"], _i = ["disabled", "value"], Li = ["open"], Ti = ["id", "aria-disabled", "aria-labelledby"], $i = ["data-visually-hidden", "id"], Ai = { key: 1 }, Ci = { key: 0 }, Ei = { key: 0 }, Di = { class: "db-checkbox db-custom-select-list-item" }, Ni = ["form", "checked"], Fi = ["aria-hidden", "id"], Mi = {
   "data-visually-hidden": "true",
   role: "status"
-}, Ml = /* @__PURE__ */ R({
+}, Ml = /* @__PURE__ */ z({
   __name: "custom-select",
   props: {
     children: { default: void 0 },
@@ -2879,8 +2887,8 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     messageIcon: { default: void 0 },
     autocomplete: {},
     showMessage: { type: [Boolean, String], default: void 0 },
-    ariaListLabel: { default: void 0 },
     amountText: { default: void 0 },
+    ariaListLabel: { default: void 0 },
     clearSelectionText: { default: "Clear selection" },
     dropdownWidth: { default: void 0 },
     formFieldWidth: { default: void 0 },
@@ -2892,15 +2900,19 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     options: { default: void 0 },
     placement: { default: void 0 },
     removeTagsTexts: { default: void 0 },
+    searchFilter: { type: Function, default: void 0 },
     searchLabel: { default: void 0 },
     searchPlaceholder: { default: void 0 },
+    searchValue: { default: void 0 },
     selectAllLabel: { default: void 0 },
+    selectedLabels: { default: void 0 },
     selectedType: { default: void 0 },
     showClearSelection: { type: Boolean, default: !0 },
     showLoading: { type: Boolean, default: void 0 },
     showNoResults: { type: Boolean, default: void 0 },
     showSearch: { type: Boolean, default: void 0 },
     showSelectAll: { type: Boolean, default: void 0 },
+    transformSelectedLabels: { type: Function, default: void 0 },
     values: { default: void 0 },
     onAmountChange: { type: Function, default: void 0 },
     amountChange: {},
@@ -2908,20 +2920,22 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     optionSelected: {},
     onDropdownToggle: { type: Function, default: void 0 },
     dropdownToggle: {},
+    onSearch: { type: Function, default: void 0 },
+    search: {},
     icon: { default: void 0 },
     showIcon: { type: [Boolean, String], default: void 0 },
     showLabel: { type: [Boolean, String], default: void 0 }
   },
   emits: ["update:values"],
   setup(i, { emit: t }) {
-    const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(void 0), _ = n(void 0), L = n(void 0), B = n(void 0), E = n("no-validation"), S = n(""), T = n(""), P = n(void 0), y = n(""), h = n([]), O = n(!1), p = n(!1), V = n(0), m = n([]), X = n([]), H = n(!1), _e = n(void 0), ge = n(0), Ce = n(!1), Le = n(!1), la = n(null), W = n(null), be = n(null), Ee = n(null), Pe = n(null);
+    const o = t, e = i, a = n(void 0), f = n(void 0), u = n(void 0), g = n(void 0), s = n(void 0), c = n(void 0), r = n(void 0), _ = n(void 0), L = n(void 0), S = n(void 0), E = n("no-validation"), w = n(""), T = n(""), P = n(void 0), y = n(""), h = n([]), O = n(!1), p = n(!1), G = n(0), m = n([]), W = n([]), H = n(!1), _e = n(void 0), ge = n(0), Ce = n(void 0), Pe = n(!1), Le = n(!1), na = n(null), X = n(null), be = n(null), Ee = n(null), Re = n(null);
     Y(() => {
-      const l = e.id ?? `custom-select-${Q()}`;
-      a.value = l, f.value = l + ce, u.value = l + ve, g.value = l + fe, c.value = l + Ye, r.value = l + je, _.value = l + "-summary", L.value = l + Ne, P.value = l + "-selected-labels", B.value = l + "-info", s.value = e.invalidMessage || ie;
+      const l = e.id ?? `custom-select-${Z()}`;
+      a.value = l, f.value = l + ce, u.value = l + ve, g.value = l + fe, c.value = l + Je, r.value = l + Ke, _.value = l + "-summary", L.value = l + Ne, P.value = l + "-selected-labels", S.value = l + "-info", s.value = e.invalidMessage || ie;
     }), A(
-      () => [W.value],
+      () => [X.value],
       () => {
-        W.value && W.value.addEventListener(
+        X.value && X.value.addEventListener(
           "focusout",
           (l) => Te(l)
         );
@@ -2935,7 +2949,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => {
         if (a.value) {
           const l = a.value + ce;
-          r.value = a.value + je, c.value = a.value + Ye, u.value = a.value + ve, g.value = a.value + fe, L.value = a.value + Ne, ee(e.message, e.showMessage) ? qe(l) : qe();
+          r.value = a.value + Ke, c.value = a.value + Je, u.value = a.value + ve, g.value = a.value + fe, L.value = a.value + Ne, ee(e.message, e.showMessage) ? qe(l) : qe();
         }
       },
       {
@@ -2943,13 +2957,13 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [W.value, S.value],
+      () => [X.value, w.value],
       () => {
-        if (W.value) {
-          const l = W.value.querySelector("summary");
+        if (X.value) {
+          const l = X.value.querySelector("summary");
           l && l.setAttribute(
             "aria-describedby",
-            e.ariaDescribedBy ?? (S.value || "")
+            e.ariaDescribedBy ?? (w.value || "")
           );
         }
       },
@@ -2958,27 +2972,27 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [e.showNoResults, X.value],
+      () => [e.showNoResults, W.value],
       () => {
-        e.showNoResults !== void 0 ? H.value = e.showNoResults : X.value && (H.value = X.value.length === 0);
+        e.showNoResults !== void 0 ? H.value = e.showNoResults : W.value && (H.value = W.value.length === 0);
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [e.showSelectAll, V.value, e.multiple],
+      () => [e.showSelectAll, G.value, e.multiple],
       () => {
-        O.value = !!(e.multiple && (e.showSelectAll ?? V.value > 5));
+        O.value = !!(e.multiple && (e.showSelectAll ?? G.value > 5));
       },
       {
         immediate: !0,
         flush: "post"
       }
     ), A(
-      () => [e.showSearch, V.value],
+      () => [e.showSearch, G.value],
       () => {
-        p.value = e.showSearch ?? V.value > 9;
+        p.value = e.showSearch ?? G.value > 9;
       },
       {
         immediate: !0,
@@ -2996,7 +3010,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     ), A(
       () => [m.value],
       () => {
-        oa();
+        sa();
       },
       {
         immediate: !0,
@@ -3012,10 +3026,10 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [m.value, V.value],
+      () => [m.value, G.value],
       () => {
-        var l, w;
-        ((l = m.value) == null ? void 0 : l.length) === 0 ? (Ce.value = !1, Le.value = !1) : ((w = m.value) == null ? void 0 : w.length) === V.value ? (Le.value = !1, Ce.value = !0) : m.value && (Le.value = !0);
+        var l, k;
+        ((l = m.value) == null ? void 0 : l.length) === 0 ? (Pe.value = !1, Le.value = !1) : ((k = m.value) == null ? void 0 : k.length) === G.value ? (Le.value = !1, Pe.value = !0) : m.value && (Le.value = !0);
       },
       {
         immediate: !0,
@@ -3025,7 +3039,19 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       () => [e.options],
       () => {
         var l;
-        X.value = e.options, V.value = ((l = e.options) == null ? void 0 : l.filter((w) => !w.isGroupTitle).length) ?? 0;
+        W.value = e.options, G.value = ((l = e.options) == null ? void 0 : l.filter((k) => !k.isGroupTitle).length) ?? 0;
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), A(
+      () => [e.searchValue],
+      () => {
+        if (Ce.value = e.searchValue, e.searchValue) {
+          const l = e.searchValue;
+          We(l);
+        }
       },
       {
         immediate: !0,
@@ -3034,11 +3060,11 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
     ), A(
       () => [e.options, m.value],
       () => {
-        var l, w;
-        (l = e.options) != null && l.length && (h.value = (w = e.options) == null ? void 0 : w.filter(
-          (z) => {
-            var Z, de;
-            return !z.value || !((Z = m.value) != null && Z.includes) ? !1 : !z.isGroupTitle && ((de = m.value) == null ? void 0 : de.includes(z.value));
+        var l, k;
+        (l = e.options) != null && l.length && (h.value = (k = e.options) == null ? void 0 : k.filter(
+          (R) => {
+            var J, le;
+            return !R.value || !((J = m.value) != null && J.includes) ? !1 : !R.isGroupTitle && ((le = m.value) == null ? void 0 : le.includes(R.value));
           }
         ));
       },
@@ -3047,10 +3073,28 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     ), A(
-      () => [h.value, e.selectedType, e.amountText],
+      () => [
+        h.value,
+        e.selectedType,
+        e.amountText,
+        e.selectedLabels,
+        e.transformSelectedLabels
+      ],
       () => {
-        var l, w, z;
-        (l = h.value) != null && l.length ? e.selectedType === "amount" ? T.value = e.amountText ? e.amountText : `${(w = h.value) == null ? void 0 : w.length} ${$a}` : T.value = (z = h.value) == null ? void 0 : z.map((Z) => Se(Z)).join(", ") : T.value = "";
+        var l, k, R;
+        if (e.selectedLabels) {
+          T.value = e.selectedLabels;
+          return;
+        }
+        if ((l = h.value) != null && l.length) {
+          if (e.transformSelectedLabels) {
+            const J = h.value, le = e.transformSelectedLabels;
+            T.value = le(J);
+            return;
+          }
+          e.selectedType === "amount" ? T.value = e.amountText ? e.amountText : `${(k = h.value) == null ? void 0 : k.length} ${Ca}` : T.value = (R = h.value) == null ? void 0 : R.map((J) => Se(J)).join(", ");
+        } else
+          T.value = "";
       },
       {
         immediate: !0,
@@ -3086,112 +3130,112 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         flush: "post"
       }
     );
-    function ze() {
+    function Ve() {
       return !!(e.validMessage ?? e.validation === "valid");
     }
-    function oa() {
-      var l, w, z;
-      be.value && (be.value.value = na()), !((l = be.value) != null && l.validity.valid) || e.validation === "invalid" ? (S.value = g.value, s.value = e.invalidMessage || ((w = be.value) == null ? void 0 : w.validationMessage) || ie, re() && (y.value = s.value, x(() => y.value = "", 1e3)), E.value = e.validation ?? "invalid") : ze() && ((z = be.value) != null && z.validity.valid) && e.required ? (S.value = u.value, re() && (y.value = e.validMessage ?? pe, x(() => y.value = "", 1e3)), E.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (S.value = f.value, E.value = e.validation ?? "no-validation") : (S.value = L.value, E.value = e.validation ?? "no-validation");
+    function sa() {
+      var l, k, R;
+      be.value && (be.value.value = ra()), !((l = be.value) != null && l.validity.valid) || e.validation === "invalid" ? (w.value = g.value, s.value = e.invalidMessage || ((k = be.value) == null ? void 0 : k.validationMessage) || ie, re() && (y.value = s.value, x(() => y.value = "", 1e3)), E.value = e.validation ?? "invalid") : Ve() && ((R = be.value) != null && R.validity.valid) && e.required ? (w.value = u.value, re() && (y.value = e.validMessage ?? pe, x(() => y.value = "", 1e3)), E.value = e.validation ?? "valid") : ee(e.message, e.showMessage) ? (w.value = f.value, E.value = e.validation ?? "no-validation") : (w.value = L.value, E.value = e.validation ?? "no-validation");
     }
-    function da(l) {
+    function ua(l) {
       e.onDropdownToggle && (l.stopPropagation(), e.onDropdownToggle(l)), l.target.open ? (_e.value = new Fe().addCallback(
-        (w) => pa(w)
-      ), Ue(), l.target.dataset.test || Ve()) : _e.value && new Fe().removeCallback(
+        (k) => ga(k)
+      ), Ue(), l.target.dataset.test || Oe()) : _e.value && new Fe().removeCallback(
         _e.value
       );
     }
-    function na() {
+    function ra() {
       var l;
       return (l = m.value) != null && l.length ? m.value.at(0) ?? "" : "";
     }
     function qe(l) {
-      var z;
-      const w = [];
-      l && w.push(l), P.value && ((z = T.value) != null && z.length) && w.push(P.value), S.value = w.join(" ");
+      var R;
+      const k = [];
+      l && k.push(l), P.value && ((R = T.value) != null && R.length) && k.push(P.value), w.value = k.join(" ");
     }
-    function sa() {
+    function ca() {
       return e.selectAllLabel ?? ke;
     }
     function Se(l) {
-      var w;
-      return l.label ?? ((w = l.value) == null ? void 0 : w.toString()) ?? "";
+      var k;
+      return l.label ?? ((k = l.value) == null ? void 0 : k.toString()) ?? "";
     }
-    function ua(l) {
-      var w, z;
-      return l && ((w = m.value) != null && w.includes) ? (z = m.value) == null ? void 0 : z.includes(l) : !1;
+    function va(l) {
+      var k, R;
+      return l && ((k = m.value) != null && k.includes) ? (R = m.value) == null ? void 0 : R.includes(l) : !1;
     }
-    function ra(l) {
-      return e.removeTagsTexts && e.removeTagsTexts.length > l ? e.removeTagsTexts.at(l) : `${Ze} ${h.value ? Se(h.value[l]) : ""}`;
+    function fa(l) {
+      return e.removeTagsTexts && e.removeTagsTexts.length > l ? e.removeTagsTexts.at(l) : `${ea} ${h.value ? Se(h.value[l]) : ""}`;
     }
-    function ca(l, w) {
-      w.stopPropagation(), Ge(l.value), $e();
+    function pa(l, k) {
+      k.stopPropagation(), Ge(l.value), $e();
     }
     function Ue() {
-      if (W.value) {
-        const l = W.value.querySelector("article");
+      if (X.value) {
+        const l = X.value.querySelector("article");
         l && x(() => {
           Me(l);
         }, 1);
       }
     }
-    function va(l) {
-      var w, z, Z, de, U, me, Ae;
-      if ((w = W.value) != null && w.open) {
+    function ma(l) {
+      var k, R, J, le, q, me, Ae;
+      if ((k = X.value) != null && k.open) {
         if (self.document) {
           const ne = self.document.activeElement;
           if (ne)
             if (ne.getAttribute("type") === "checkbox" || ne.getAttribute("type") === "radio") {
-              const le = ne == null ? void 0 : ne.closest("li");
+              const oe = ne == null ? void 0 : ne.closest("li");
               if (l.key === "ArrowDown" || l.key === "ArrowRight")
-                le != null && le.nextElementSibling ? (Z = (z = le == null ? void 0 : le.nextElementSibling) == null ? void 0 : z.querySelector("input")) == null || Z.focus() : De(ne);
-              else if (le != null && le.previousElementSibling)
-                (U = (de = le == null ? void 0 : le.previousElementSibling) == null ? void 0 : de.querySelector("input")) == null || U.focus();
-              else if (W.value.querySelector('input[type="checkbox"]') !== ne)
+                oe != null && oe.nextElementSibling ? (J = (R = oe == null ? void 0 : oe.nextElementSibling) == null ? void 0 : R.querySelector("input")) == null || J.focus() : De(ne);
+              else if (oe != null && oe.previousElementSibling)
+                (q = (le = oe == null ? void 0 : oe.previousElementSibling) == null ? void 0 : le.querySelector("input")) == null || q.focus();
+              else if (X.value.querySelector('input[type="checkbox"]') !== ne)
                 De(ne);
               else {
-                const Oe = He(W.value);
-                if (Oe)
+                const Xe = Ye(X.value);
+                if (Xe)
                   x(() => {
-                    Oe.focus();
+                    Xe.focus();
                   }, 100);
                 else {
-                  const We = Array.from(
-                    (me = W.value) == null ? void 0 : me.querySelectorAll(
+                  const He = Array.from(
+                    (me = X.value) == null ? void 0 : me.querySelectorAll(
                       'input[type="checkbox"],input[type="radio"]'
                     )
                   );
-                  We.length && ((Ae = We.at(-1)) == null || Ae.focus());
+                  He.length && ((Ae = He.at(-1)) == null || Ae.focus());
                 }
               }
             } else
               ne.getAttribute("type") === "search" && (l.key === "ArrowUp" || l.key === "ArrowLeft") ? (Te("close"), $e()) : De(ne);
         }
-      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Ue(), W.value && (W.value.open = !0), Ve());
+      } else (l.key === "ArrowDown" || l.key === "ArrowRight") && (Ue(), X.value && (X.value.open = !0), Oe());
       l.stopPropagation(), l.preventDefault();
     }
-    function fa(l) {
-      var w;
-      l.stopPropagation(), l.key === "Escape" && ((w = W.value) != null && w.open) ? (Te("close"), $e()) : (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && va(l);
+    function ha(l) {
+      var k;
+      l.stopPropagation(), l.key === "Escape" && ((k = X.value) != null && k.open) ? (Te("close"), $e()) : (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "ArrowLeft" || l.key === "ArrowRight") && ma(l);
     }
     function Te(l) {
-      if (W.value) {
+      if (X.value) {
         if (l === "close")
-          W.value.open = !1, $e();
-        else if (W.value.open && (l != null && l.relatedTarget)) {
-          const w = l.relatedTarget;
-          W.value.contains(w) || x(() => W.value.open = !1, 1);
+          X.value.open = !1, $e();
+        else if (X.value.open && (l != null && l.relatedTarget)) {
+          const k = l.relatedTarget;
+          X.value.contains(k) || x(() => X.value.open = !1, 1);
         }
       }
     }
-    function pa(l) {
-      var w;
+    function ga(l) {
+      var k;
       if (l) {
-        const z = l.target;
-        (w = W.value) != null && w.open && !W.value.contains(z) && (W.value.open = !1);
+        const R = l.target;
+        (k = X.value) != null && k.open && !X.value.contains(R) && (X.value.open = !1);
       }
     }
     function Ie(l) {
-      (/* @__PURE__ */ new Date()).getTime() - ge.value < 200 || (m.value = l, e.onOptionSelected && e.onOptionSelected(l ?? []), oe(
+      (/* @__PURE__ */ new Date()).getTime() - ge.value < 200 || (m.value = l, e.onOptionSelected && e.onOptionSelected(l ?? []), de(
         o,
         {
           target: {
@@ -3202,71 +3246,72 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
       ), ge.value = (/* @__PURE__ */ new Date()).getTime());
     }
     function Ge(l) {
-      var w;
-      l && (e.multiple ? (w = m.value) != null && w.includes(l) ? Ie(m.value.filter((z) => z !== l)) : Ie([...m.value || [], l]) : (Ie([l]), Te("close")));
+      var k;
+      l && (e.multiple ? (k = m.value) != null && k.includes(l) ? Ie(m.value.filter((R) => R !== l)) : Ie([...m.value || [], l]) : (Ie([l]), Te("close")));
     }
-    function ma(l) {
-      var w;
-      if (l.stopPropagation(), ((w = m.value) == null ? void 0 : w.length) === V.value)
+    function ba(l) {
+      var k;
+      if (l.stopPropagation(), ((k = m.value) == null ? void 0 : k.length) === G.value)
         Ie([]);
       else {
-        const z = p.value && Pe.value ? Pe.value.value : void 0;
+        const R = p.value && Re.value ? Re.value.value : void 0;
         Ie(
           e.options ? e.options.filter(
-            (Z) => {
-              var de;
-              return !Z.isGroupTitle && (!z || ((de = Z.value) == null ? void 0 : de.toLowerCase().includes(z.toLowerCase())));
+            (J) => {
+              var le;
+              return !J.isGroupTitle && (!R || ((le = J.value) == null ? void 0 : le.toLowerCase().includes(R.toLowerCase())));
             }
-          ).map((Z) => Z.value ?? "") : []
+          ).map((J) => J.value ?? "") : []
         );
       }
     }
     function De(l) {
-      if (W.value) {
-        const w = Array.from(
-          W.value.querySelectorAll(
+      if (X.value) {
+        const k = Array.from(
+          X.value.querySelectorAll(
             'input[type="checkbox"],input[type="radio"]'
           )
         );
-        if (w.length) {
-          const z = w.at(0), Z = z === l && w.length > 1 ? w.at(1) : z;
-          Z && x(() => {
-            Z.focus();
+        if (k.length) {
+          const R = k.at(0), J = R === l && k.length > 1 ? k.at(1) : R;
+          J && x(() => {
+            J.focus();
           }, 1);
         }
       }
     }
-    function Ve() {
-      if (W.value) {
-        const l = He(W.value);
+    function Oe() {
+      if (X.value) {
+        const l = Ye(X.value);
         l ? x(() => {
           l.focus();
         }, 1) : De();
       }
     }
-    function ha(l) {
-      l.stopPropagation();
-      const w = l.target.value;
-      !e.options || !w || w.length === 0 ? X.value = e.options : X.value = e.options.filter(
-        (z) => !z.isGroupTitle && Se(z).toLowerCase().includes(w.toLowerCase())
+    function We(l) {
+      let k;
+      typeof l == "string" ? k = l : (l.stopPropagation(), e.onSearch && e.onSearch(l), k = l.target.value, Ce.value = k), !e.options || !k || k.length === 0 ? W.value = e.options : e.searchFilter ? W.value = e.options.filter(
+        (R) => e.searchFilter(R, k)
+      ) : W.value = e.options.filter(
+        (R) => !R.isGroupTitle && Se(R).toLowerCase().includes(k.toLowerCase())
       );
     }
-    function ga(l) {
+    function ya(l) {
       l.stopPropagation(), Ie([]), $e();
     }
     function $e() {
       var l;
-      W.value && ((l = W.value.querySelector("summary")) == null || l.focus());
+      X.value && ((l = X.value.querySelector("summary")) == null || l.focus());
     }
-    function ba(l) {
+    function ka(l) {
       l.stopPropagation();
     }
-    return (l, w) => {
-      var z, Z, de;
+    return (l, k) => {
+      var R, J, le;
       return v(), b("div", {
         id: a.value,
         ref_key: "_ref",
-        ref: la,
+        ref: na,
         class: F(d(M)("db-custom-select", e.class)),
         "aria-invalid": E.value === "invalid",
         "data-custom-validity": E.value,
@@ -3280,7 +3325,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         "data-hide-icon": d(K)(l.showIcon)
       }, [
         I("label", { id: r.value }, [
-          C(k(l.label ?? d(ke)), 1),
+          C(B(l.label ?? d(ke)), 1),
           I("select", {
             role: "none",
             hidden: !0,
@@ -3293,77 +3338,78 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             multiple: d(N)(l.multiple, "multiple"),
             disabled: d(N)(l.disabled, "disabled"),
             required: d(N)(l.required, "required"),
-            onChange: w[0] || (w[0] = async (U) => ba(U))
+            onChange: k[0] || (k[0] = async (q) => ka(q))
           }, [
-            (z = l.options) != null && z.length ? (v(!0), b(q, { key: 0 }, he(l.options, (U, me) => (v(), b("option", {
+            (R = l.options) != null && R.length ? (v(!0), b(V, { key: 0 }, he(l.options, (q, me) => (v(), b("option", {
               key: me,
-              disabled: U.disabled,
-              value: U.value
-            }, k(Se(U)), 9, _i))), 128)) : D("", !0)
+              disabled: q.disabled,
+              value: q.value
+            }, B(Se(q)), 9, _i))), 128)) : D("", !0)
           ], 40, Ii)
         ], 8, wi),
         I("details", {
           ref_key: "detailsRef",
-          ref: W,
+          ref: X,
           open: l.open,
-          onToggle: w[2] || (w[2] = async (U) => da(U)),
-          onKeydown: w[3] || (w[3] = async (U) => fa(U))
+          onToggle: k[2] || (k[2] = async (q) => ua(q)),
+          onKeydown: k[3] || (k[3] = async (q) => ha(q))
         }, [
           $(l.$slots, "default"),
-          l.options ? (v(), b(q, { key: 0 }, [
+          l.options ? (v(), b(V, { key: 0 }, [
             I("summary", {
               class: "db-custom-select-form-field",
               id: _.value,
               "aria-disabled": d(j)(l.disabled),
               "aria-labelledby": r.value
             }, [
-              (Z = T.value) != null && Z.length ? (v(), b("span", {
+              (J = T.value) != null && J.length ? (v(), b("span", {
                 key: 0,
                 "data-visually-hidden": d(j)(l.selectedType === "tag"),
                 id: P.value
-              }, k(T.value), 9, $i)) : D("", !0),
+              }, B(T.value), 9, $i)) : D("", !0),
               l.selectedType === "tag" ? (v(), b("div", Ai, [
-                (v(!0), b(q, null, he(h.value, (U, me) => (v(), J(Ut, {
+                (v(!0), b(V, null, he(h.value, (q, me) => (v(), Q(Gt, {
                   key: me,
                   emphasis: "strong",
                   behavior: "removable",
-                  removeButton: ra(me),
-                  onRemove: (Ae) => ca(U, Ae)
+                  removeButton: fa(me),
+                  onRemove: (Ae) => pa(q, Ae)
                 }, {
-                  default: G(() => [
-                    C(k(Se(U)), 1)
+                  default: U(() => [
+                    C(B(Se(q)), 1)
                   ]),
                   _: 2
                 }, 1032, ["removeButton", "onRemove"]))), 128))
               ])) : D("", !0)
             ], 8, Ti),
-            te(Bi, { width: l.dropdownWidth }, {
-              default: G(() => [
+            ae(Bi, { width: l.dropdownWidth }, {
+              default: U(() => [
                 p.value ? (v(), b("div", Ci, [
-                  te(yt, {
+                  ae(Bt, {
                     type: "search",
                     ref_key: "searchInputRef",
-                    ref: Pe,
+                    ref: Re,
                     name: a.value,
                     form: a.value,
                     showLabel: !1,
+                    value: Ce.value,
                     label: l.searchLabel ?? d(ke),
                     placeholder: l.searchPlaceholder ?? l.searchLabel,
-                    ariaDescribedBy: H.value || l.showLoading ? B.value : void 0,
-                    onInput: (U) => ha(U)
-                  }, null, 8, ["name", "form", "label", "placeholder", "ariaDescribedBy", "onInput"])
+                    ariaDescribedBy: H.value || l.showLoading ? S.value : void 0,
+                    onInput: (q) => We(q)
+                  }, null, 8, ["name", "form", "value", "label", "placeholder", "ariaDescribedBy", "onInput"])
                 ])) : D("", !0),
-                H.value || l.showLoading ? (v(), J(ae, {
+                H.value || l.showLoading ? (v(), Q(te, {
                   key: 1,
-                  id: B.value,
+                  id: S.value,
                   icon: H.value ? void 0 : "circular_arrows",
                   semantic: H.value ? "warning" : "informational"
                 }, {
-                  default: G(() => [
-                    C(k((H.value ? l.noResultsText : l.loadingText) ?? d(La)), 1)
+                  default: U(() => [
+                    C(B((H.value ? l.noResultsText : l.loadingText) ?? d($a)), 1)
                   ]),
                   _: 1
-                }, 8, ["id", "icon", "semantic"])) : (v(), b(q, { key: 2 }, [
+                }, 8, ["id", "icon", "semantic"])) : (v(), b(V, { key: 2 }, [
                   O.value ? (v(), b("div", Ei, [
                     I("div", Di, [
                       I("label", null, [
@@ -3373,34 +3419,34 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                           ref_key: "selectAllRef",
                           ref: Ee,
                           form: a.value,
-                          checked: Ce.value,
-                          onChange: w[1] || (w[1] = async (U) => ma(U))
+                          checked: Pe.value,
+                          onChange: k[1] || (k[1] = async (q) => ba(q))
                         }, null, 40, Ni),
-                        C(k(sa()), 1)
+                        C(B(ca()), 1)
                       ])
                     ])
                   ])) : D("", !0),
-                  te(pi, {
+                  ae(pi, {
                     multiple: d(N)(l.multiple, "multiple"),
                     label: l.ariaListLabel ?? l.label ?? d(ke)
                   }, {
-                    default: G(() => [
-                      (v(!0), b(q, null, he(X.value, (U, me) => (v(), J(yi, {
+                    default: U(() => [
+                      (v(!0), b(V, null, he(W.value, (q, me) => (v(), Q(yi, {
                         key: me,
                         type: l.multiple ? "checkbox" : "radio",
-                        showDivider: U.showDivider,
-                        icon: U.icon,
-                        isGroupTitle: U.isGroupTitle,
-                        groupTitle: Se(U),
+                        showDivider: q.showDivider,
+                        icon: q.icon,
+                        isGroupTitle: q.isGroupTitle,
+                        groupTitle: Se(q),
                         name: a.value,
-                        checked: ua(U.value),
-                        disabled: U.disabled,
-                        value: U.value,
-                        onChange: (Ae) => Ge(U.value)
+                        checked: va(q.value),
+                        disabled: q.disabled,
+                        value: q.value,
+                        onChange: (Ae) => Ge(q.value)
                       }, {
-                        default: G(() => [
-                          U.isGroupTitle ? D("", !0) : (v(), b(q, { key: 0 }, [
-                            C(k(Se(U)), 1)
+                        default: U(() => [
+                          q.isGroupTitle ? D("", !0) : (v(), b(V, { key: 0 }, [
+                            C(B(Se(q)), 1)
                           ], 64))
                         ]),
                         _: 2
@@ -3410,17 +3456,17 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
                   }, 8, ["multiple", "label"])
                 ], 64)),
                 I("div", null, [
-                  te(Be, {
+                  ae(Be, {
                     variant: "ghost",
                     width: "full",
                     icon: "cross",
                     size: "small",
                     name: a.value,
                     form: a.value,
-                    onClick: (U) => Te("close")
+                    onClick: (q) => Te("close")
                   }, {
-                    default: G(() => [
-                      C(k(l.mobileCloseButtonText ?? d(Re)), 1)
+                    default: U(() => [
+                      C(B(l.mobileCloseButtonText ?? d(ze)), 1)
                     ]),
                     _: 1
                   }, 8, ["name", "form", "onClick"])
@@ -3430,7 +3476,7 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
             }, 8, ["width"])
           ], 64)) : D("", !0)
         ], 40, Li),
-        (l.showClearSelection ?? !0) && ((de = m.value) != null && de.length) ? (v(), J(Be, {
+        (l.showClearSelection ?? !0) && ((le = m.value) != null && le.length) ? (v(), Q(Be, {
           key: 0,
           icon: "cross",
           variant: "ghost",
@@ -3438,13 +3484,13 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
           noText: !0,
           name: a.value,
           form: a.value,
-          onClick: (U) => ga(U)
+          onClick: (q) => ya(q)
         }, {
-          default: G(() => [
-            C(k(l.clearSelectionText), 1),
-            te(ii, { placement: "top" }, {
-              default: G(() => [
-                C(k(l.clearSelectionText), 1)
+          default: U(() => [
+            C(B(l.clearSelectionText), 1),
+            ae(da, { placement: "top" }, {
+              default: U(() => [
+                C(B(l.clearSelectionText), 1)
               ]),
               _: 1
             })
@@ -3454,44 +3500,44 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
         I("span", {
           "aria-hidden": d(j)(!0),
           id: L.value
-        }, k(l.placeholder ?? l.label), 9, Fi),
-        d(ee)(l.message, l.showMessage) ? (v(), J(ae, {
+        }, B(l.placeholder ?? l.label), 9, Fi),
+        d(ee)(l.message, l.showMessage) ? (v(), Q(te, {
           key: 1,
           size: "small",
           icon: l.messageIcon,
           id: f.value
         }, {
-          default: G(() => [
-            C(k(l.message), 1)
+          default: U(() => [
+            C(B(l.message), 1)
           ]),
           _: 1
         }, 8, ["icon", "id"])) : D("", !0),
-        ze() ? (v(), J(ae, {
+        Ve() ? (v(), Q(te, {
           key: 2,
           size: "small",
           semantic: "successful",
           id: u.value
         }, {
-          default: G(() => [
-            C(k(l.validMessage || d(pe)), 1)
+          default: U(() => [
+            C(B(l.validMessage || d(pe)), 1)
           ]),
           _: 1
         }, 8, ["id"])) : D("", !0),
-        te(ae, {
+        ae(te, {
           size: "small",
           semantic: "critical",
           id: g.value
         }, {
-          default: G(() => [
-            C(k(s.value), 1)
+          default: U(() => [
+            C(B(s.value), 1)
           ]),
           _: 1
         }, 8, ["id"]),
-        I("span", Mi, k(y.value), 1)
+        I("span", Mi, B(y.value), 1)
       ], 10, Si);
     };
   }
-}), Pi = ["id"], Pl = /* @__PURE__ */ R({
+}), Pi = ["id"], Pl = /* @__PURE__ */ z({
   __name: "custom-select-form-field",
   props: {
     children: { default: void 0 },
@@ -3516,13 +3562,13 @@ const Si = ["id", "aria-invalid", "data-custom-validity", "data-width", "data-va
 export {
   Nl as AlignmentList,
   Al as AutoCompleteList,
-  aa as COLOR,
+  ia as COLOR,
   Xi as COLORS,
   Hi as COLORS_SIMPLE,
   Oi as COLOR_CONST,
-  ea as COLOR_SIMPLE,
+  ta as COLOR_SIMPLE,
   cl as DBAccordion,
-  Qt as DBAccordionItem,
+  xt as DBAccordionItem,
   Ji as DBBadge,
   Qi as DBBrand,
   Be as DBButton,
@@ -3534,11 +3580,11 @@ export {
   pi as DBCustomSelectList,
   yi as DBCustomSelectListItem,
   el as DBDivider,
-  Qa as DBDrawer,
+  xa as DBDrawer,
   al as DBHeader,
   tl as DBIcon,
-  ae as DBInfotext,
-  yt as DBInput,
+  te as DBInfotext,
+  Bt as DBInput,
   il as DBLink,
   vl as DBNavigation,
   rl as DBNavigationItem,
@@ -3550,38 +3596,38 @@ export {
   nl as DBSelect,
   Fl as DBStack,
   sl as DBSwitch,
-  Rt as DBTabItem,
+  Vt as DBTabItem,
   di as DBTabList,
   si as DBTabPanel,
   pl as DBTabs,
-  Ut as DBTag,
+  Gt as DBTag,
   ul as DBTextarea,
-  ii as DBTooltip,
-  Ta as DEFAULT_BACK,
-  Aa as DEFAULT_BURGER_MENU,
-  Re as DEFAULT_CLOSE_BUTTON,
-  Ke as DEFAULT_DATALIST_ID_SUFFIX,
-  Ca as DEFAULT_ICON,
+  da as DBTooltip,
+  Aa as DEFAULT_BACK,
+  Ea as DEFAULT_BURGER_MENU,
+  ze as DEFAULT_CLOSE_BUTTON,
+  Qe as DEFAULT_DATALIST_ID_SUFFIX,
+  Da as DEFAULT_ICON,
   we as DEFAULT_ID,
   ie as DEFAULT_INVALID_MESSAGE,
   fe as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,
   ke as DEFAULT_LABEL,
-  je as DEFAULT_LABEL_ID_SUFFIX,
-  La as DEFAULT_MESSAGE,
+  Ke as DEFAULT_LABEL_ID_SUFFIX,
+  $a as DEFAULT_MESSAGE,
   ce as DEFAULT_MESSAGE_ID_SUFFIX,
-  Qe as DEFAULT_PLACEHOLDER,
+  xe as DEFAULT_PLACEHOLDER,
   Ne as DEFAULT_PLACEHOLDER_ID_SUFFIX,
-  Ze as DEFAULT_REMOVE,
-  Ea as DEFAULT_ROWS,
-  $a as DEFAULT_SELECTED,
-  Ye as DEFAULT_SELECT_ID_SUFFIX,
+  ea as DEFAULT_REMOVE,
+  Na as DEFAULT_ROWS,
+  Ca as DEFAULT_SELECTED,
+  Je as DEFAULT_SELECT_ID_SUFFIX,
   pe as DEFAULT_VALID_MESSAGE,
   ve as DEFAULT_VALID_MESSAGE_ID_SUFFIX,
-  Da as DEFAULT_VIEWPORT,
+  Fa as DEFAULT_VIEWPORT,
   Wi as DENSITIES,
-  xe as DENSITY,
-  Vi as DENSITY_CONST,
-  Na as DESKTOP_VIEWPORT,
+  aa as DENSITY,
+  Gi as DENSITY_CONST,
+  Ma as DESKTOP_VIEWPORT,
   Ll as EmphasisList,
   yl as GapSpacingList,
   $l as LabelVariantList,
@@ -3590,14 +3636,14 @@ export {
   El as LinkTargetList,
   gl as MarginList,
   Sl as MaxWidthList,
-  Za as NavigationItemSafeTriangle,
+  et as NavigationItemSafeTriangle,
   kl as OrientationList,
   ri as PlacementHorizontalList,
   bl as PlacementList,
   ci as PlacementVerticalList,
   wl as PopoverDelayList,
   Il as PopoverWidthList,
-  ta as SEMANTIC,
+  la as SEMANTIC,
   ji as SEMANTICS,
   ml as SemanticList,
   _l as SizeList,
@@ -3605,22 +3651,22 @@ export {
   Yi as TESTING_VIEWPORTS,
   Tl as ValidationList,
   Bl as WidthList,
-  Je as addAttributeToChildren,
+  Ze as addAttributeToChildren,
   M as cls,
   x as delay,
   N as getBoolean,
   j as getBooleanAsString,
   K as getHideProp,
-  Xe as getInputValue,
+  je as getInputValue,
   ye as getNumber,
-  He as getSearchInput,
+  Ye as getSearchInput,
   Me as handleDataOutside,
   re as hasVoiceOver,
-  wa as isArrayOfStrings,
-  ia as isEventTargetNavigationItem,
-  Sa as isInView,
+  _a as isArrayOfStrings,
+  oa as isEventTargetNavigationItem,
+  Ia as isInView,
   ee as stringPropVisible,
-  Q as uuid,
-  Ui as visibleInVX,
-  Gi as visibleInVY
+  Z as uuid,
+  qi as visibleInVX,
+  Ui as visibleInVY
 };