@nexxtmove/ui 0.1.65 → 0.1.67

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as H, computed as u, inject as mM, createElementBlock as y, openBlock as o, mergeProps as Ai, unref as w, createBlock as r, normalizeClass as F, toDisplayString as h, createCommentVNode as N, createVNode as U, renderSlot as Q, Transition as P, withCtx as k, createElementVNode as I, normalizeProps as Ux, guardReactiveProps as ux, onMounted as ui, Fragment as V, renderList as b, nextTick as qi, mergeModels as v, useModel as f, watch as zi, watchEffect as Tm, withDirectives as zm, vModelCheckbox as MM, createTextVNode as q, shallowRef as cM, getCurrentScope as lM, onScopeDispose as aM, shallowReadonly as Ki, onUnmounted as hm, normalizeStyle as hi, getCurrentInstance as ZM, vModelDynamic as sM, withKeys as ei, TransitionGroup as Cx, withModifiers as ji, resolveDynamicComponent as Sm, createSlots as pm, createStaticVNode as Dx } from "vue";
+import { defineComponent as D, ref as H, computed as u, inject as mM, createElementBlock as y, openBlock as o, mergeProps as Ai, unref as w, createBlock as r, normalizeClass as F, toDisplayString as h, createCommentVNode as N, createVNode as U, renderSlot as Q, Transition as P, withCtx as T, createElementVNode as I, normalizeProps as Ux, guardReactiveProps as ux, onMounted as ui, Fragment as V, renderList as b, nextTick as qi, mergeModels as v, useModel as f, watch as zi, watchEffect as Tm, withDirectives as zm, vModelCheckbox as MM, createTextVNode as q, shallowRef as cM, getCurrentScope as lM, onScopeDispose as aM, shallowReadonly as Ki, onUnmounted as hm, normalizeStyle as hi, getCurrentInstance as ZM, vModelDynamic as sM, withKeys as ei, TransitionGroup as Cx, withModifiers as ji, resolveDynamicComponent as Sm, createSlots as pm, createStaticVNode as Dx } from "vue";
 import { DialogRoot as eM, DialogPortal as oM, DialogOverlay as RM, DialogContent as yM, DialogTitle as GM, DialogDescription as YM, DialogClose as bx, PaginationRoot as IM, PaginationList as LM, PaginationFirst as EM, PaginationPrev as AM, PaginationListItem as jM, PaginationEllipsis as tM, PaginationNext as UM, PaginationLast as uM, TooltipProvider as NM, TooltipRoot as FM, TooltipTrigger as JM, TooltipPortal as nM, TooltipContent as kM } from "reka-ui";
 const TM = String.raw, zM = (() => {
   try {
@@ -51,25 +51,25 @@ function HM(i, x, m, M) {
   const c = x.formatToParts(i);
   m && c.unshift({ type: "prefix", value: m }), M && c.push({ type: "suffix", value: M });
   const l = [], a = [], Z = [], e = [], s = {}, R = (t) => `${t}:${s[t] = (s[t] ?? -1) + 1}`;
-  let Y = "", G = !1, E = !1;
+  let G = "", Y = !1, L = !1;
   for (const t of c) {
-    Y += t.value;
+    G += t.value;
     const A = t.type === "minusSign" || t.type === "plusSign" ? "sign" : t.type;
-    A === "integer" ? (G = !0, a.push(...t.value.split("").map((z) => ({ type: A, value: parseInt(z) })))) : A === "group" ? a.push({ type: A, value: t.value }) : A === "decimal" ? (E = !0, Z.push({ type: A, value: t.value, key: R(A) })) : A === "fraction" ? Z.push(...t.value.split("").map((z) => ({
+    A === "integer" ? (Y = !0, a.push(...t.value.split("").map((z) => ({ type: A, value: parseInt(z) })))) : A === "group" ? a.push({ type: A, value: t.value }) : A === "decimal" ? (L = !0, Z.push({ type: A, value: t.value, key: R(A) })) : A === "fraction" ? Z.push(...t.value.split("").map((z) => ({
       type: A,
       value: parseInt(z),
       key: R(A),
       pos: -1 - s[A]
-    }))) : (G || E ? e : l).push({
+    }))) : (Y || L ? e : l).push({
       type: A,
       value: t.value,
       key: R(A)
     });
   }
-  const L = [];
+  const E = [];
   for (let t = a.length - 1; t >= 0; t--) {
     const A = a[t];
-    L.unshift(A.type === "integer" ? {
+    E.unshift(A.type === "integer" ? {
       ...A,
       key: R(A.type),
       pos: s[A.type]
@@ -80,10 +80,10 @@ function HM(i, x, m, M) {
   }
   return {
     pre: l,
-    integer: L,
+    integer: E,
     fraction: Z,
     post: e,
-    valueAsString: Y,
+    valueAsString: G,
     value: typeof i == "string" ? parseFloat(i) : i
   };
 }
@@ -114,8 +114,8 @@ class li extends KM {
       this._data = x, this.computedTrend = typeof this.trend == "function" ? this.trend(s.value, e) : this.trend, this.computedAnimated = qM && this._animated && (!this.respectMotionPreference || !((m = SM) != null && m.matches)) && // https://github.com/barvian/number-flow/issues/9
       DM(this) && // https://github.com/barvian/number-flow/issues/165
       this.ownerDocument.visibilityState === "visible", (M = this.plugins) == null || M.forEach((R) => {
-        var Y;
-        return (Y = R.onUpdate) == null ? void 0 : Y.call(R, x, s, this);
+        var G;
+        return (G = R.onUpdate) == null ? void 0 : G.call(R, x, s, this);
       }), this.batched || this.willUpdate(), this._pre.update(c), this._num.update({ integer: l, fraction: a }), this._post.update(Z), this.batched || this.didUpdate();
     } else {
       this._data = x, this.attachShadow({ mode: "open" });
@@ -327,11 +327,11 @@ class Km extends Jx {
 class Wm extends Km {
   constructor(x, m, M, c, l) {
     var a, Z;
-    const e = (((Z = (a = x.flow.digits) == null ? void 0 : a[c]) == null ? void 0 : Z.max) ?? 9) + 1, s = Array.from({ length: e }).map((Y, G) => {
-      const E = Ei("span", { className: "digit__num" }, [
-        document.createTextNode(String(G))
+    const e = (((Z = (a = x.flow.digits) == null ? void 0 : a[c]) == null ? void 0 : Z.max) ?? 9) + 1, s = Array.from({ length: e }).map((G, Y) => {
+      const L = Ei("span", { className: "digit__num" }, [
+        document.createTextNode(String(Y))
       ]);
-      return G !== M && E.setAttribute("inert", ""), E.style.setProperty("--n", String(G)), E;
+      return Y !== M && L.setAttribute("inert", ""), L.style.setProperty("--n", String(Y)), L;
     }), R = Ei("span", {
       part: `digit ${m}-digit`,
       className: "digit"
@@ -507,8 +507,8 @@ const bM = /* @__PURE__ */ Symbol(), BM = ["batched", "trend", "plugins", "anima
       digits: s.digits,
       innerHTML: w(Z),
       "data-allow-mismatch": "",
-      onAnimationsstart: R[0] || (R[0] = (Y) => c("animationsstart")),
-      onAnimationsfinish: R[1] || (R[1] = (Y) => c("animationsfinish")),
+      onAnimationsstart: R[0] || (R[0] = (G) => c("animationsstart")),
+      onAnimationsfinish: R[1] || (R[1] = (G) => c("animationsfinish")),
       data: a.value
     }), null, 16, BM));
   }
@@ -621,7 +621,7 @@ const Dm = /* @__PURE__ */ D({
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: k(() => [
+        default: T(() => [
           i.loading ? (o(), y("div", vM, [
             U(W, {
               name: "spinner-third",
@@ -1040,9 +1040,9 @@ function Zi(i) {
     const M = m.width, c = M && i.matchPatterns[M] || i.matchPatterns[i.defaultMatchWidth], l = x.match(c);
     if (!l)
       return null;
-    const a = l[0], Z = M && i.parsePatterns[M] || i.parsePatterns[i.defaultParseWidth], e = Array.isArray(Z) ? Jc(Z, (Y) => Y.test(a)) : (
+    const a = l[0], Z = M && i.parsePatterns[M] || i.parsePatterns[i.defaultParseWidth], e = Array.isArray(Z) ? Jc(Z, (G) => G.test(a)) : (
       // [TODO] -- I challenge you to fix the type
-      Fc(Z, (Y) => Y.test(a))
+      Fc(Z, (G) => G.test(a))
     );
     let s;
     s = i.valueCallback ? i.valueCallback(e) : e, s = m.valueCallback ? (
@@ -1876,23 +1876,23 @@ function ri(i, x, m) {
   if (!Mc(Z))
     throw new RangeError("Invalid time value");
   let e = x.match(il).map((R) => {
-    const Y = R[0];
-    if (Y === "p" || Y === "P") {
-      const G = gc[Y];
-      return G(R, c.formatLong);
+    const G = R[0];
+    if (G === "p" || G === "P") {
+      const Y = gc[G];
+      return Y(R, c.formatLong);
     }
     return R;
   }).join("").match(_c).map((R) => {
     if (R === "''")
       return { isToken: !1, value: "'" };
-    const Y = R[0];
-    if (Y === "'")
+    const G = R[0];
+    if (G === "'")
       return { isToken: !1, value: cl(R) };
-    if ($x[Y])
+    if ($x[G])
       return { isToken: !0, value: R };
-    if (Y.match(Ml))
+    if (G.match(Ml))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + Y + "`"
+        "Format string contains an unescaped latin alphabet character `" + G + "`"
       );
     return { isToken: !1, value: R };
   });
@@ -1904,10 +1904,10 @@ function ri(i, x, m) {
   };
   return e.map((R) => {
     if (!R.isToken) return R.value;
-    const Y = R.value;
-    (!m?.useAdditionalWeekYearTokens && fc(Y) || !m?.useAdditionalDayOfYearTokens && Pc(Y)) && vc(Y, x, String(i));
-    const G = $x[Y[0]];
-    return G(Z, Y, c.localize, s);
+    const G = R.value;
+    (!m?.useAdditionalWeekYearTokens && fc(G) || !m?.useAdditionalDayOfYearTokens && Pc(G)) && vc(G, x, String(i));
+    const Y = $x[G[0]];
+    return Y(Z, G, c.localize, s);
   }).join("");
 }
 function cl(i) {
@@ -2648,7 +2648,7 @@ const nl = {
       I("div", ca, [
         i.pickerView === "days" ? (o(), y("div", la, [
           U(P, Ux(ux(a)), {
-            default: k(() => [
+            default: T(() => [
               i.monthYearPicker ? (o(), y("button", {
                 key: `button-${c.value}`,
                 type: "button",
@@ -2664,7 +2664,7 @@ const nl = {
         ])) : N("", !0),
         i.pickerView !== "years" ? (o(), y("div", aa, [
           U(P, Ux(ux(a)), {
-            default: k(() => [
+            default: T(() => [
               i.monthYearPicker ? (o(), y("button", {
                 key: `button-${l.value}`,
                 type: "button",
@@ -2715,68 +2715,68 @@ const nl = {
   },
   emits: ["select"],
   setup(i, { expose: x, emit: m }) {
-    const M = i, c = m, l = H([]), a = (G) => {
-      const E = C(G, M.timezone), L = C(/* @__PURE__ */ new Date(), M.timezone);
-      return Di(E, L);
-    }, Z = (G) => M.modelValue ? Di(G, M.modelValue) : !1, e = (G) => M.markedDates.some((E) => Di(E, G)), s = u(() => {
-      const G = [];
-      for (let E = 0; E < M.calendarDays.length; E += 7)
-        G.push(M.calendarDays.slice(E, E + 7));
-      return G;
-    }), R = u(() => M.calendarDays.length === 0 ? [] : M.calendarDays.slice(0, 7).map((G) => {
-      const E = ri(G, "EEEEEE", { locale: M.locale });
-      return E.charAt(0).toUpperCase() + E.slice(1);
-    })), Y = (G, E) => {
-      let L = E;
-      switch (G.key) {
+    const M = i, c = m, l = H([]), a = (Y) => {
+      const L = C(Y, M.timezone), E = C(/* @__PURE__ */ new Date(), M.timezone);
+      return Di(L, E);
+    }, Z = (Y) => M.modelValue ? Di(Y, M.modelValue) : !1, e = (Y) => M.markedDates.some((L) => Di(L, Y)), s = u(() => {
+      const Y = [];
+      for (let L = 0; L < M.calendarDays.length; L += 7)
+        Y.push(M.calendarDays.slice(L, L + 7));
+      return Y;
+    }), R = u(() => M.calendarDays.length === 0 ? [] : M.calendarDays.slice(0, 7).map((Y) => {
+      const L = ri(Y, "EEEEEE", { locale: M.locale });
+      return L.charAt(0).toUpperCase() + L.slice(1);
+    })), G = (Y, L) => {
+      let E = L;
+      switch (Y.key) {
         case "ArrowRight":
-          L++;
+          E++;
           break;
         case "ArrowLeft":
-          L--;
+          E--;
           break;
         case "ArrowDown":
-          L += 7;
+          E += 7;
           break;
         case "ArrowUp":
-          L -= 7;
+          E -= 7;
           break;
         case "Enter":
         case " ": {
-          G.preventDefault();
-          const t = M.calendarDays[E];
+          Y.preventDefault();
+          const t = M.calendarDays[L];
           t && c("select", t);
           return;
         }
         default:
           return;
       }
-      L >= 0 && L < M.calendarDays.length && (G.preventDefault(), l.value[L]?.focus());
+      E >= 0 && E < M.calendarDays.length && (Y.preventDefault(), l.value[E]?.focus());
     };
     return ui(() => {
       M.calendarDays.findIndex(
-        (G) => M.modelValue && Di(G, M.modelValue) || !M.modelValue && a(G)
+        (Y) => M.modelValue && Di(Y, M.modelValue) || !M.modelValue && a(Y)
       );
     }), x({
-      focus: (G) => {
-        const E = M.calendarDays.findIndex((L) => Di(L, G));
-        E !== -1 && l.value[E]?.focus();
+      focus: (Y) => {
+        const L = M.calendarDays.findIndex((E) => Di(E, Y));
+        L !== -1 && l.value[L]?.focus();
       }
-    }), (G, E) => (o(), y("div", Ra, [
+    }), (Y, L) => (o(), y("div", Ra, [
       I("div", ya, [
-        (o(!0), y(V, null, b(R.value, (L) => (o(), y("div", {
-          key: L,
+        (o(!0), y(V, null, b(R.value, (E) => (o(), y("div", {
+          key: E,
           class: "flex h-8 items-center justify-center font-medium text-xs text-gray-500",
           role: "columnheader",
-          "aria-label": L
-        }, h(L), 9, Ga))), 128))
+          "aria-label": E
+        }, h(E), 9, Ga))), 128))
       ]),
-      (o(!0), y(V, null, b(s.value, (L, t) => (o(), y("div", {
+      (o(!0), y(V, null, b(s.value, (E, t) => (o(), y("div", {
         key: t,
         class: "grid grid-cols-7",
         role: "row"
       }, [
-        (o(!0), y(V, null, b(L, (A, z) => (o(), y("div", {
+        (o(!0), y(V, null, b(E, (A, z) => (o(), y("div", {
           key: A.toISOString(),
           class: "flex items-center justify-center py-0.5",
           role: "gridcell",
@@ -2801,7 +2801,7 @@ const nl = {
               i.isDisabled(A) ? "cursor-not-allowed opacity-30" : ""
             ]),
             onClick: (S) => c("select", A),
-            onKeydown: (S) => Y(S, t * 7 + z)
+            onKeydown: (S) => G(S, t * 7 + z)
           }, [
             I("span", La, h(w(ri)(A, "d")), 1),
             e(A) ? (o(), y("span", {
@@ -2834,8 +2834,8 @@ const nl = {
   setup(i, { emit: x }) {
     const m = i, M = x, c = u(
       () => Array.from({ length: 12 }, (e, s) => {
-        const R = C(new Date(Date.UTC(m.viewYear, s, 1)), m.timezone), Y = ri(R, "LLL", { locale: m.locale }).replace(".", "").trim();
-        return { index: s, label: Y.charAt(0).toUpperCase() + Y.slice(1) };
+        const R = C(new Date(Date.UTC(m.viewYear, s, 1)), m.timezone), G = ri(R, "LLL", { locale: m.locale }).replace(".", "").trim();
+        return { index: s, label: G.charAt(0).toUpperCase() + G.slice(1) };
       })
     ), l = (e) => {
       const s = m.viewYear, R = C(new Date(Date.UTC(s, e, 1)), m.timezone);
@@ -2856,7 +2856,7 @@ const nl = {
           a(R.index) ? "bg-cornflower-blue-500 font-medium text-white" : Z(R.index) ? "font-medium text-cornflower-blue-500 ring-1 ring-cornflower-blue-500" : "text-gray-700 hover:bg-cornflower-blue-50",
           l(R.index) ? "cursor-not-allowed opacity-30" : "cursor-pointer"
         ]),
-        onClick: (Y) => M("select", R.index)
+        onClick: (G) => M("select", R.index)
       }, h(R.label), 11, ja))), 128))
     ]));
   }
@@ -2917,17 +2917,17 @@ const nl = {
   setup(i, { emit: x }) {
     const m = i, M = x, c = u({
       get: () => m.modelValue ? mm(m.modelValue) : mm(/* @__PURE__ */ new Date()),
-      set: (Y) => {
-        const G = m.modelValue || /* @__PURE__ */ new Date();
-        M("update:modelValue", ll(G, Number(Y)));
+      set: (G) => {
+        const Y = m.modelValue || /* @__PURE__ */ new Date();
+        M("update:modelValue", ll(Y, Number(G)));
       }
     }), l = u({
       get: () => m.modelValue ? Mm(m.modelValue) : Mm(/* @__PURE__ */ new Date()),
-      set: (Y) => {
-        const G = m.modelValue || /* @__PURE__ */ new Date();
-        M("update:modelValue", al(G, Number(Y)));
+      set: (G) => {
+        const Y = m.modelValue || /* @__PURE__ */ new Date();
+        M("update:modelValue", al(Y, Number(G)));
       }
-    }), a = (Y) => Y.toString().padStart(2, "0"), Z = () => {
+    }), a = (G) => G.toString().padStart(2, "0"), Z = () => {
       c.value = (c.value + 1) % 24;
     }, e = () => {
       c.value = (c.value + 23) % 24;
@@ -2936,7 +2936,7 @@ const nl = {
     }, R = () => {
       l.value = (l.value + 59) % 60;
     };
-    return (Y, G) => (o(), y("div", Ja, [
+    return (G, Y) => (o(), y("div", Ja, [
       I("div", na, [
         I("button", {
           type: "button",
@@ -2954,7 +2954,7 @@ const nl = {
           U(W, { name: "chevron-down" })
         ])
       ]),
-      G[0] || (G[0] = I("span", { class: "mb-1 font-medium text-xl text-gray-400" }, ":", -1)),
+      Y[0] || (Y[0] = I("span", { class: "mb-1 font-medium text-xl text-gray-400" }, ":", -1)),
       I("div", Ta, [
         I("button", {
           type: "button",
@@ -3007,30 +3007,30 @@ const nl = {
     }, R = (n) => {
       const j = C(n, i.timezone);
       s(j) || (zx(j, c.value) || (c.value = ix(j)), m.value = Jl(j, i.timezone), M("select", m.value));
-    }, Y = (n) => {
+    }, G = (n) => {
       Z.value = "fade";
       const j = C(
         new Date(Date.UTC(c.value.getUTCFullYear(), n, 1)),
         i.timezone
       );
       c.value = j, l.value = "days";
-    }, G = (n) => {
+    }, Y = (n) => {
       const j = C(new Date(Date.UTC(n, c.value.getUTCMonth(), 1)), i.timezone);
       c.value = j, l.value = "months";
-    }, E = u(() => {
+    }, L = u(() => {
       if (l.value !== "days") return !1;
       if (!i.minDate) return !0;
       const n = am(c.value);
       return !lm(Tx(n), Si(C(i.minDate, i.timezone)));
-    }), L = u(() => {
+    }), E = u(() => {
       if (l.value !== "days") return !1;
       if (!i.maxDate) return !0;
       const n = nx(c.value, 1);
       return !cm(ix(n), kx(C(i.maxDate, i.timezone)));
     }), t = () => {
-      E.value && (Z.value = "slide-prev", c.value = am(c.value));
+      L.value && (Z.value = "slide-prev", c.value = am(c.value));
     }, A = () => {
-      L.value && (Z.value = "slide-next", c.value = nx(c.value, 1));
+      E.value && (Z.value = "slide-next", c.value = nx(c.value, 1));
     }, z = () => {
       Z.value = "fade", l.value = "months";
     }, S = () => {
@@ -3055,7 +3055,7 @@ const nl = {
         leaveActiveClass: "transition-all duration-200 ease-in absolute inset-0",
         leaveToClass: "translate-x-full opacity-0"
       }
-    }, T = u(
+    }, k = u(
       () => Z.value === "fade" ? O : X[Z.value]
     );
     return (n, j) => (o(), y("div", Sa, [
@@ -3064,8 +3064,8 @@ const nl = {
         "picker-view": l.value,
         "month-year-picker": i.monthYearPicker,
         locale: i.locale,
-        "can-go-prev": E.value,
-        "can-go-next": L.value,
+        "can-go-prev": L.value,
+        "can-go-next": E.value,
         onPrev: t,
         onNext: A,
         onOpenMonthPicker: z,
@@ -3075,10 +3075,10 @@ const nl = {
       I("div", {
         class: F(["relative", l.value === "days" && "overflow-hidden"])
       }, [
-        U(P, Ai(T.value, {
+        U(P, Ai(k.value, {
           mode: Z.value === "fade" ? "out-in" : void 0
         }), {
-          default: k(() => [
+          default: T(() => [
             l.value === "days" ? (o(), r(Ea, {
               ref_key: "dayViewRef",
               ref: a,
@@ -3100,14 +3100,14 @@ const nl = {
               "max-date": i.maxDate,
               locale: i.locale,
               timezone: i.timezone,
-              onSelect: Y
+              onSelect: G
             }, null, 8, ["view-year", "model-value", "current-month", "min-date", "max-date", "locale", "timezone"])) : l.value === "years" ? (o(), r(Fa, {
               key: "years",
               "view-year": c.value.getFullYear(),
               "min-date": i.minDate,
               "max-date": i.maxDate,
               timezone: i.timezone,
-              onSelect: G
+              onSelect: Y
             }, null, 8, ["view-year", "min-date", "max-date", "timezone"])) : N("", !0)
           ]),
           _: 1
@@ -3344,48 +3344,48 @@ function jm(i, x, m) {
     reference: M,
     floating: c
   } = i;
-  const l = Gi(x), a = Cm(x), Z = gm(a), e = ti(x), s = l === "y", R = M.x + M.width / 2 - c.width / 2, Y = M.y + M.height / 2 - c.height / 2, G = M[Z] / 2 - c[Z] / 2;
-  let E;
+  const l = Gi(x), a = Cm(x), Z = gm(a), e = ti(x), s = l === "y", R = M.x + M.width / 2 - c.width / 2, G = M.y + M.height / 2 - c.height / 2, Y = M[Z] / 2 - c[Z] / 2;
+  let L;
   switch (e) {
     case "top":
-      E = {
+      L = {
         x: R,
         y: M.y - c.height
       };
       break;
     case "bottom":
-      E = {
+      L = {
         x: R,
         y: M.y + M.height
       };
       break;
     case "right":
-      E = {
+      L = {
         x: M.x + M.width,
-        y: Y
+        y: G
       };
       break;
     case "left":
-      E = {
+      L = {
         x: M.x - c.width,
-        y: Y
+        y: G
       };
       break;
     default:
-      E = {
+      L = {
         x: M.x,
         y: M.y
       };
   }
   switch (fi(x)) {
     case "start":
-      E[a] -= G * (m && s ? -1 : 1);
+      L[a] -= Y * (m && s ? -1 : 1);
       break;
     case "end":
-      E[a] += G * (m && s ? -1 : 1);
+      L[a] += Y * (m && s ? -1 : 1);
       break;
   }
-  return E;
+  return L;
 }
 async function Ca(i, x) {
   var m;
@@ -3400,15 +3400,15 @@ async function Ca(i, x) {
   } = i, {
     boundary: s = "clippingAncestors",
     rootBoundary: R = "viewport",
-    elementContext: Y = "floating",
-    altBoundary: G = !1,
-    padding: E = 0
-  } = Pi(x, i), L = ga(E), A = Z[G ? Y === "floating" ? "reference" : "floating" : Y], z = ax(await l.getClippingRect({
+    elementContext: G = "floating",
+    altBoundary: Y = !1,
+    padding: L = 0
+  } = Pi(x, i), E = ga(L), A = Z[Y ? G === "floating" ? "reference" : "floating" : G], z = ax(await l.getClippingRect({
     element: (m = await (l.isElement == null ? void 0 : l.isElement(A))) == null || m ? A : A.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(Z.floating)),
     boundary: s,
     rootBoundary: R,
     strategy: e
-  })), S = Y === "floating" ? {
+  })), S = G === "floating" ? {
     x: M,
     y: c,
     width: a.floating.width,
@@ -3426,10 +3426,10 @@ async function Ca(i, x) {
     strategy: e
   }) : S);
   return {
-    top: (z.top - X.top + L.top) / O.y,
-    bottom: (X.bottom - z.bottom + L.bottom) / O.y,
-    left: (z.left - X.left + L.left) / O.x,
-    right: (X.right - z.right + L.right) / O.x
+    top: (z.top - X.top + E.top) / O.y,
+    bottom: (X.bottom - z.bottom + E.bottom) / O.y,
+    left: (z.left - X.left + E.left) / O.x,
+    right: (X.right - z.right + E.right) / O.x
   };
 }
 const ba = 50, Ba = async (i, x, m) => {
@@ -3448,9 +3448,9 @@ const ba = 50, Ba = async (i, x, m) => {
     strategy: c
   }), {
     x: R,
-    y: Y
-  } = jm(s, M, e), G = M, E = 0;
-  const L = {};
+    y: G
+  } = jm(s, M, e), Y = M, L = 0;
+  const E = {};
   for (let t = 0; t < l.length; t++) {
     const A = l[t];
     if (!A)
@@ -3462,14 +3462,14 @@ const ba = 50, Ba = async (i, x, m) => {
       x: K,
       y: O,
       data: X,
-      reset: T
+      reset: k
     } = await S({
       x: R,
-      y: Y,
+      y: G,
       initialPlacement: M,
-      placement: G,
+      placement: Y,
       strategy: c,
-      middlewareData: L,
+      middlewareData: E,
       rects: s,
       platform: Z,
       elements: {
@@ -3477,24 +3477,24 @@ const ba = 50, Ba = async (i, x, m) => {
         floating: x
       }
     });
-    R = K ?? R, Y = O ?? Y, L[z] = {
-      ...L[z],
+    R = K ?? R, G = O ?? G, E[z] = {
+      ...E[z],
       ...X
-    }, T && E < ba && (E++, typeof T == "object" && (T.placement && (G = T.placement), T.rects && (s = T.rects === !0 ? await a.getElementRects({
+    }, k && L < ba && (L++, typeof k == "object" && (k.placement && (Y = k.placement), k.rects && (s = k.rects === !0 ? await a.getElementRects({
       reference: i,
       floating: x,
       strategy: c
-    }) : T.rects), {
+    }) : k.rects), {
       x: R,
-      y: Y
-    } = jm(s, G, e)), t = -1);
+      y: G
+    } = jm(s, Y, e)), t = -1);
   }
   return {
     x: R,
-    y: Y,
-    placement: G,
+    y: G,
+    placement: Y,
     strategy: c,
-    middlewareData: L
+    middlewareData: E
   };
 }, Pa = function(i) {
   return i === void 0 && (i = {}), {
@@ -3511,20 +3511,20 @@ const ba = 50, Ba = async (i, x, m) => {
         elements: s
       } = x, {
         mainAxis: R = !0,
-        crossAxis: Y = !0,
-        fallbackPlacements: G,
-        fallbackStrategy: E = "bestFit",
-        fallbackAxisSideDirection: L = "none",
+        crossAxis: G = !0,
+        fallbackPlacements: Y,
+        fallbackStrategy: L = "bestFit",
+        fallbackAxisSideDirection: E = "none",
         flipAlignment: t = !0,
         ...A
       } = Pi(i, x);
       if ((m = l.arrow) != null && m.alignmentOffset)
         return {};
-      const z = ti(c), S = Gi(Z), K = ti(Z) === Z, O = await (e.isRTL == null ? void 0 : e.isRTL(s.floating)), X = G || (K || !t ? [lx(Z)] : Ha(Z)), T = L !== "none";
-      !G && T && X.push(...Qa(Z, t, L, O));
+      const z = ti(c), S = Gi(Z), K = ti(Z) === Z, O = await (e.isRTL == null ? void 0 : e.isRTL(s.floating)), X = Y || (K || !t ? [lx(Z)] : Ha(Z)), k = E !== "none";
+      !Y && k && X.push(...Qa(Z, t, E, O));
       const n = [Z, ...X], j = await e.detectOverflow(x, A), J = [];
       let p = ((M = l.flip) == null ? void 0 : M.overflows) || [];
-      if (R && J.push(j[z]), Y) {
+      if (R && J.push(j[z]), G) {
         const Ni = ra(c, a, O);
         J.push(j[Ni[0]], j[Ni[1]]);
       }
@@ -3534,7 +3534,7 @@ const ba = 50, Ba = async (i, x, m) => {
       }], !J.every((Ni) => Ni <= 0)) {
         var $, Ri;
         const Ni = ((($ = l.flip) == null ? void 0 : $.index) || 0) + 1, Yx = n[Ni];
-        if (Yx && (!(Y === "alignment" ? S !== Gi(Yx) : !1) || // We leave the current main axis only if every placement on that axis
+        if (Yx && (!(G === "alignment" ? S !== Gi(Yx) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         p.every((xi) => Gi(xi.placement) === S ? xi.overflows[0] > 0 : !0)))
           return {
@@ -3548,11 +3548,11 @@ const ba = 50, Ba = async (i, x, m) => {
           };
         let gi = (Ri = p.filter((Fi) => Fi.overflows[0] <= 0).sort((Fi, xi) => Fi.overflows[1] - xi.overflows[1])[0]) == null ? void 0 : Ri.placement;
         if (!gi)
-          switch (E) {
+          switch (L) {
             case "bestFit": {
               var Vi;
               const Fi = (Vi = p.filter((xi) => {
-                if (T) {
+                if (k) {
                   const Ii = Gi(xi.placement);
                   return Ii === S || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -3583,26 +3583,26 @@ async function va(i, x) {
     placement: m,
     platform: M,
     elements: c
-  } = i, l = await (M.isRTL == null ? void 0 : M.isRTL(c.floating)), a = ti(m), Z = fi(m), e = Gi(m) === "y", s = fa.has(a) ? -1 : 1, R = l && e ? -1 : 1, Y = Pi(x, i);
+  } = i, l = await (M.isRTL == null ? void 0 : M.isRTL(c.floating)), a = ti(m), Z = fi(m), e = Gi(m) === "y", s = fa.has(a) ? -1 : 1, R = l && e ? -1 : 1, G = Pi(x, i);
   let {
-    mainAxis: G,
-    crossAxis: E,
-    alignmentAxis: L
-  } = typeof Y == "number" ? {
     mainAxis: Y,
+    crossAxis: L,
+    alignmentAxis: E
+  } = typeof G == "number" ? {
+    mainAxis: G,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: Y.mainAxis || 0,
-    crossAxis: Y.crossAxis || 0,
-    alignmentAxis: Y.alignmentAxis
+    mainAxis: G.mainAxis || 0,
+    crossAxis: G.crossAxis || 0,
+    alignmentAxis: G.alignmentAxis
   };
-  return Z && typeof L == "number" && (E = Z === "end" ? L * -1 : L), e ? {
-    x: E * R,
-    y: G * s
+  return Z && typeof E == "number" && (L = Z === "end" ? E * -1 : E), e ? {
+    x: L * R,
+    y: Y * s
   } : {
-    x: G * s,
-    y: E * R
+    x: Y * s,
+    y: L * R
   };
 }
 const $a = function(i) {
@@ -3656,20 +3656,20 @@ const $a = function(i) {
       } = Pi(i, x), R = {
         x: m,
         y: M
-      }, Y = await l.detectOverflow(x, s), G = Gi(ti(c)), E = Vm(G);
-      let L = R[E], t = R[G];
+      }, G = await l.detectOverflow(x, s), Y = Gi(ti(c)), L = Vm(Y);
+      let E = R[L], t = R[Y];
       if (a) {
-        const z = E === "y" ? "top" : "left", S = E === "y" ? "bottom" : "right", K = L + Y[z], O = L - Y[S];
-        L = Lm(K, L, O);
+        const z = L === "y" ? "top" : "left", S = L === "y" ? "bottom" : "right", K = E + G[z], O = E - G[S];
+        E = Lm(K, E, O);
       }
       if (Z) {
-        const z = G === "y" ? "top" : "left", S = G === "y" ? "bottom" : "right", K = t + Y[z], O = t - Y[S];
+        const z = Y === "y" ? "top" : "left", S = Y === "y" ? "bottom" : "right", K = t + G[z], O = t - G[S];
         t = Lm(K, t, O);
       }
       const A = e.fn({
         ...x,
-        [E]: L,
-        [G]: t
+        [L]: E,
+        [Y]: t
       });
       return {
         ...A,
@@ -3677,8 +3677,8 @@ const $a = function(i) {
           x: A.x - m,
           y: A.y - M,
           enabled: {
-            [E]: a,
-            [G]: Z
+            [L]: a,
+            [Y]: Z
           }
         }
       };
@@ -3699,17 +3699,17 @@ const $a = function(i) {
         apply: e = () => {
         },
         ...s
-      } = Pi(i, x), R = await a.detectOverflow(x, s), Y = ti(c), G = fi(c), E = Gi(c) === "y", {
-        width: L,
+      } = Pi(i, x), R = await a.detectOverflow(x, s), G = ti(c), Y = fi(c), L = Gi(c) === "y", {
+        width: E,
         height: t
       } = l.floating;
       let A, z;
-      Y === "top" || Y === "bottom" ? (A = Y, z = G === (await (a.isRTL == null ? void 0 : a.isRTL(Z.floating)) ? "start" : "end") ? "left" : "right") : (z = Y, A = G === "end" ? "top" : "bottom");
-      const S = t - R.top - R.bottom, K = L - R.left - R.right, O = Xi(t - R[A], S), X = Xi(L - R[z], K), T = !x.middlewareData.shift;
+      G === "top" || G === "bottom" ? (A = G, z = Y === (await (a.isRTL == null ? void 0 : a.isRTL(Z.floating)) ? "start" : "end") ? "left" : "right") : (z = G, A = Y === "end" ? "top" : "bottom");
+      const S = t - R.top - R.bottom, K = E - R.left - R.right, O = Xi(t - R[A], S), X = Xi(E - R[z], K), k = !x.middlewareData.shift;
       let n = O, j = X;
-      if ((m = x.middlewareData.shift) != null && m.enabled.x && (j = K), (M = x.middlewareData.shift) != null && M.enabled.y && (n = S), T && !G) {
+      if ((m = x.middlewareData.shift) != null && m.enabled.x && (j = K), (M = x.middlewareData.shift) != null && M.enabled.y && (n = S), k && !Y) {
         const p = _(R.left, 0), $ = _(R.right, 0), Ri = _(R.top, 0), Vi = _(R.bottom, 0);
-        E ? j = L - 2 * (p !== 0 || $ !== 0 ? p + $ : _(R.left, R.right)) : n = t - 2 * (Ri !== 0 || Vi !== 0 ? Ri + Vi : _(R.top, R.bottom));
+        L ? j = E - 2 * (p !== 0 || $ !== 0 ? p + $ : _(R.left, R.right)) : n = t - 2 * (Ri !== 0 || Vi !== 0 ? Ri + Vi : _(R.top, R.bottom));
       }
       await e({
         ...x,
@@ -3717,7 +3717,7 @@ const $a = function(i) {
         availableHeight: n
       });
       const J = await a.getDimensions(Z.floating);
-      return L !== J.width || t !== J.height ? {
+      return E !== J.width || t !== J.height ? {
         reset: {
           rects: !0
         }
@@ -3884,18 +3884,18 @@ function pi(i, x, m, M) {
   let a = si(1);
   x && (M ? Mi(M) && (a = Hi(M)) : a = Hi(i));
   const Z = aZ(l, m, M) ? Pm(l) : si(0);
-  let e = (c.left + Z.x) / a.x, s = (c.top + Z.y) / a.y, R = c.width / a.x, Y = c.height / a.y;
+  let e = (c.left + Z.x) / a.x, s = (c.top + Z.y) / a.y, R = c.width / a.x, G = c.height / a.y;
   if (l) {
-    const G = ii(l), E = M && Mi(M) ? ii(M) : M;
-    let L = G, t = Wx(L);
-    for (; t && M && E !== L; ) {
+    const Y = ii(l), L = M && Mi(M) ? ii(M) : M;
+    let E = Y, t = Wx(E);
+    for (; t && M && L !== E; ) {
       const A = Hi(t), z = t.getBoundingClientRect(), S = ci(t), K = z.left + (t.clientLeft + parseFloat(S.paddingLeft)) * A.x, O = z.top + (t.clientTop + parseFloat(S.paddingTop)) * A.y;
-      e *= A.x, s *= A.y, R *= A.x, Y *= A.y, e += K, s += O, L = ii(t), t = Wx(L);
+      e *= A.x, s *= A.y, R *= A.x, G *= A.y, e += K, s += O, E = ii(t), t = Wx(E);
     }
   }
   return ax({
     width: R,
-    height: Y,
+    height: G,
     x: e,
     y: s
   });
@@ -3925,17 +3925,17 @@ function ZZ(i) {
     scrollLeft: 0,
     scrollTop: 0
   }, s = si(1);
-  const R = si(0), Y = Yi(M);
-  if ((Y || !Y && !l) && ((wi(M) !== "body" || vi(a)) && (e = Rx(M)), Y)) {
-    const E = pi(M);
-    s = Hi(M), R.x = E.x + M.clientLeft, R.y = E.y + M.clientTop;
+  const R = si(0), G = Yi(M);
+  if ((G || !G && !l) && ((wi(M) !== "body" || vi(a)) && (e = Rx(M)), G)) {
+    const L = pi(M);
+    s = Hi(M), R.x = L.x + M.clientLeft, R.y = L.y + M.clientTop;
   }
-  const G = a && !Y && !l ? fm(a, e) : si(0);
+  const Y = a && !G && !l ? fm(a, e) : si(0);
   return {
     width: m.width * s.x,
     height: m.height * s.y,
-    x: m.x * s.x - e.scrollLeft * s.x + R.x + G.x,
-    y: m.y * s.y - e.scrollTop * s.y + R.y + G.y
+    x: m.x * s.x - e.scrollLeft * s.x + R.x + Y.x,
+    y: m.y * s.y - e.scrollTop * s.y + R.y + Y.y
   };
 }
 function sZ(i) {
@@ -3963,8 +3963,8 @@ function oZ(i, x) {
   }
   const s = yx(M);
   if (s <= 0) {
-    const R = M.ownerDocument, Y = R.body, G = getComputedStyle(Y), E = R.compatMode === "CSS1Compat" && parseFloat(G.marginLeft) + parseFloat(G.marginRight) || 0, L = Math.abs(M.clientWidth - Y.clientWidth - E);
-    L <= Um && (l -= L);
+    const R = M.ownerDocument, G = R.body, Y = getComputedStyle(G), L = R.compatMode === "CSS1Compat" && parseFloat(Y.marginLeft) + parseFloat(Y.marginRight) || 0, E = Math.abs(M.clientWidth - G.clientWidth - L);
+    E <= Um && (l -= E);
   } else s <= Um && (l += s);
   return {
     width: l,
@@ -4026,15 +4026,15 @@ function GZ(i) {
     strategy: c
   } = i;
   const a = [...m === "clippingAncestors" ? ox(x) ? [] : yZ(x, this._c) : [].concat(m), M], Z = um(x, a[0], c);
-  let e = Z.top, s = Z.right, R = Z.bottom, Y = Z.left;
-  for (let G = 1; G < a.length; G++) {
-    const E = um(x, a[G], c);
-    e = _(E.top, e), s = Xi(E.right, s), R = Xi(E.bottom, R), Y = _(E.left, Y);
+  let e = Z.top, s = Z.right, R = Z.bottom, G = Z.left;
+  for (let Y = 1; Y < a.length; Y++) {
+    const L = um(x, a[Y], c);
+    e = _(L.top, e), s = Xi(L.right, s), R = Xi(L.bottom, R), G = _(L.left, G);
   }
   return {
-    width: s - Y,
+    width: s - G,
     height: R - e,
-    x: Y,
+    x: G,
     y: e
   };
 }
@@ -4060,14 +4060,14 @@ function IZ(i, x, m) {
   }
   if (M || !M && !l)
     if ((wi(x) !== "body" || vi(c)) && (Z = Rx(x)), M) {
-      const E = pi(x, !0, l, x);
-      e.x = E.x + x.clientLeft, e.y = E.y + x.clientTop;
+      const L = pi(x, !0, l, x);
+      e.x = L.x + x.clientLeft, e.y = L.y + x.clientTop;
     } else c && s();
   l && !M && c && s();
-  const R = c && !M && !l ? fm(c, Z) : si(0), Y = a.left + Z.scrollLeft - e.x - R.x, G = a.top + Z.scrollTop - e.y - R.y;
+  const R = c && !M && !l ? fm(c, Z) : si(0), G = a.left + Z.scrollLeft - e.x - R.x, Y = a.top + Z.scrollTop - e.y - R.y;
   return {
-    x: Y,
-    y: G,
+    x: G,
+    y: Y,
     width: a.width,
     height: a.height
   };
@@ -4142,19 +4142,19 @@ function jZ(i, x) {
     Z === void 0 && (Z = !1), e === void 0 && (e = 1), l();
     const s = i.getBoundingClientRect(), {
       left: R,
-      top: Y,
-      width: G,
-      height: E
+      top: G,
+      width: Y,
+      height: L
     } = s;
-    if (Z || x(), !G || !E)
+    if (Z || x(), !Y || !L)
       return;
-    const L = _i(Y), t = _i(c.clientWidth - (R + G)), A = _i(c.clientHeight - (Y + E)), z = _i(R), K = {
-      rootMargin: -L + "px " + -t + "px " + -A + "px " + -z + "px",
+    const E = _i(G), t = _i(c.clientWidth - (R + Y)), A = _i(c.clientHeight - (G + L)), z = _i(R), K = {
+      rootMargin: -E + "px " + -t + "px " + -A + "px " + -z + "px",
       threshold: _(0, Xi(1, e)) || 1
     };
     let O = !0;
-    function X(T) {
-      const n = T[0].intersectionRatio;
+    function X(k) {
+      const n = k[0].intersectionRatio;
       if (n !== e) {
         if (!O)
           return a();
@@ -4191,26 +4191,26 @@ function tZ(i, x, m, M) {
       passive: !0
     }), l && z.addEventListener("resize", m);
   });
-  const Y = s && Z ? jZ(s, m) : null;
-  let G = -1, E = null;
-  a && (E = new ResizeObserver((z) => {
+  const G = s && Z ? jZ(s, m) : null;
+  let Y = -1, L = null;
+  a && (L = new ResizeObserver((z) => {
     let [S] = z;
-    S && S.target === s && E && x && (E.unobserve(x), cancelAnimationFrame(G), G = requestAnimationFrame(() => {
+    S && S.target === s && L && x && (L.unobserve(x), cancelAnimationFrame(Y), Y = requestAnimationFrame(() => {
       var K;
-      (K = E) == null || K.observe(x);
+      (K = L) == null || K.observe(x);
     })), m();
-  }), s && !e && E.observe(s), x && E.observe(x));
-  let L, t = e ? pi(i) : null;
+  }), s && !e && L.observe(s), x && L.observe(x));
+  let E, t = e ? pi(i) : null;
   e && A();
   function A() {
     const z = pi(i);
-    t && !_m(t, z) && m(), t = z, L = requestAnimationFrame(A);
+    t && !_m(t, z) && m(), t = z, E = requestAnimationFrame(A);
   }
   return m(), () => {
     var z;
     R.forEach((S) => {
       c && S.removeEventListener("scroll", m), l && S.removeEventListener("resize", m);
-    }), Y?.(), (z = E) == null || z.disconnect(), E = null, e && cancelAnimationFrame(L);
+    }), G?.(), (z = L) == null || z.disconnect(), L = null, e && cancelAnimationFrame(E);
   };
 }
 const UZ = $a, uZ = _a, NZ = Pa, FZ = iZ, JZ = (i, x, m) => {
@@ -4260,15 +4260,15 @@ function kZ(i, x, m) {
   }), e = u(() => {
     var n;
     return (n = Ci(m.transform)) != null ? n : !0;
-  }), s = u(() => Fm(i.value)), R = u(() => Fm(x.value)), Y = H(0), G = H(0), E = H(Z.value), L = H(a.value), t = cM({}), A = H(!1), z = u(() => {
+  }), s = u(() => Fm(i.value)), R = u(() => Fm(x.value)), G = H(0), Y = H(0), L = H(Z.value), E = H(a.value), t = cM({}), A = H(!1), z = u(() => {
     const n = {
-      position: E.value,
+      position: L.value,
       left: "0",
       top: "0"
     };
     if (!R.value)
       return n;
-    const j = Jm(R.value, Y.value), J = Jm(R.value, G.value);
+    const j = Jm(R.value, G.value), J = Jm(R.value, Y.value);
     return e.value ? {
       ...n,
       transform: "translate(" + j + "px, " + J + "px)",
@@ -4276,7 +4276,7 @@ function kZ(i, x, m) {
         willChange: "transform"
       }
     } : {
-      position: E.value,
+      position: L.value,
       left: j + "px",
       top: J + "px"
     };
@@ -4291,7 +4291,7 @@ function kZ(i, x, m) {
       placement: a.value,
       strategy: Z.value
     }).then((j) => {
-      Y.value = j.x, G.value = j.y, E.value = j.strategy, L.value = j.placement, t.value = j.middlewareData, A.value = n !== !1;
+      G.value = j.x, Y.value = j.y, L.value = j.strategy, E.value = j.placement, t.value = j.middlewareData, A.value = n !== !1;
     });
   }
   function O() {
@@ -4307,20 +4307,20 @@ function kZ(i, x, m) {
       return;
     }
   }
-  function T() {
+  function k() {
     c.value || (A.value = !1);
   }
   return zi([l, a, Z, c], K, {
     flush: "sync"
   }), zi([s, R], X, {
     flush: "sync"
-  }), zi(c, T, {
+  }), zi(c, k, {
     flush: "sync"
   }), lM() && aM(O), {
-    x: Ki(Y),
-    y: Ki(G),
-    strategy: Ki(E),
-    placement: Ki(L),
+    x: Ki(G),
+    y: Ki(Y),
+    strategy: Ki(L),
+    placement: Ki(E),
     middlewareData: Ki(t),
     isPositioned: Ki(A),
     floatingStyles: z,
@@ -4350,8 +4350,8 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
       ] : []
     ]), {
       floatingStyles: R,
-      placement: Y,
-      isPositioned: G
+      placement: G,
+      isPositioned: Y
     } = kZ(Z, e, {
       placement: u(() => M.placement),
       whileElementsMounted: tZ,
@@ -4361,17 +4361,17 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
       strategy: "fixed",
       // Use top/left positioning so `transform` is free for Tailwind transition classes.
       transform: !1
-    }), E = () => {
+    }), L = () => {
       l.value = !0, c("open");
-    }, L = () => {
-      l.value && (G.value && (a.value = !0), l.value = !1, c("close"));
-    }, t = () => l.value ? L() : E(), A = (K) => {
+    }, E = () => {
+      l.value && (Y.value && (a.value = !0), l.value = !1, c("close"));
+    }, t = () => l.value ? E() : L(), A = (K) => {
       const O = K.target;
-      Z.value?.contains(O) || e.value?.contains(O) || L();
+      Z.value?.contains(O) || e.value?.contains(O) || E();
     }, z = (K) => {
-      K.key === "Escape" && l.value && L();
+      K.key === "Escape" && l.value && E();
     }, S = u(() => {
-      const K = Y.value, [O, X] = K.split("-"), T = {
+      const K = G.value, [O, X] = K.split("-"), k = {
         "bottom-start": "origin-top-left",
         "bottom-end": "origin-top-right",
         bottom: "origin-top",
@@ -4389,7 +4389,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         top: "translate-y-2",
         left: "translate-x-2",
         right: "-translate-x-2"
-      }, j = T[X ? `${O}-${X}` : O] ?? "origin-top", J = n[O] ?? "-translate-y-2";
+      }, j = k[X ? `${O}-${X}` : O] ?? "origin-top", J = n[O] ?? "-translate-y-2";
       return {
         enterActiveClass: `transition-all duration-200 ease-out ${j}`,
         leaveActiveClass: `transition-all duration-150 ease-in ${j}`,
@@ -4399,7 +4399,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         leaveFromClass: "opacity-100 scale-100 translate-x-0 translate-y-0"
       };
     });
-    return x({ isOpen: l, open: E, close: L, toggle: t, triggerRef: Z, floatingRef: e }), ui(() => {
+    return x({ isOpen: l, open: L, close: E, toggle: t, triggerRef: Z, floatingRef: e }), ui(() => {
       document.addEventListener("mousedown", A), document.addEventListener("keydown", z);
     }), hm(() => {
       document.removeEventListener("mousedown", A), document.removeEventListener("keydown", z);
@@ -4411,8 +4411,8 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         Q(K.$slots, "trigger", {
           isOpen: l.value,
           toggle: t,
-          open: E,
-          close: L
+          open: L,
+          close: E
         })
       ], 16),
       l.value || a.value ? (o(), y("div", {
@@ -4425,11 +4425,11 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         U(P, Ai(S.value, {
           onAfterLeave: O[0] || (O[0] = (X) => a.value = !1)
         }), {
-          default: k(() => [
-            l.value && w(G) ? (o(), y("div", TZ, [
+          default: T(() => [
+            l.value && w(Y) ? (o(), y("div", TZ, [
               Q(K.$slots, "content", {
                 isOpen: l.value,
-                close: L,
+                close: E,
                 toggle: t
               })
             ])) : N("", !0)
@@ -4541,7 +4541,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         "leave-from-class": "opacity-100 translate-y-0",
         "leave-to-class": "opacity-0 -translate-y-1"
       }, {
-        default: k(() => [
+        default: T(() => [
           i.error && i.errorMessage ? (o(), y("p", DZ, h(i.errorMessage), 1)) : N("", !0)
         ]),
         _: 1
@@ -4574,38 +4574,38 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
   }),
   emits: ["update:modelValue"],
   setup(i, { expose: x }) {
-    const m = i, { icon: M = "tag", placeholder: c = "Zoeken...", floating: l = !0 } = m, a = f(i, "modelValue"), Z = H(null), e = H(null), s = H(""), R = H(!1), Y = (j) => {
+    const m = i, { icon: M = "tag", placeholder: c = "Zoeken...", floating: l = !0 } = m, a = f(i, "modelValue"), Z = H(null), e = H(null), s = H(""), R = H(!1), G = (j) => {
       e.value && !e.value.contains(j.target) && (R.value = !1);
-    }, G = (j) => {
+    }, Y = (j) => {
       j.key === "Escape" && (R.value = !1);
     };
     ui(() => {
-      document.addEventListener("mousedown", Y), document.addEventListener("keydown", G);
+      document.addEventListener("mousedown", G), document.addEventListener("keydown", Y);
     }), hm(() => {
-      document.removeEventListener("mousedown", Y), document.removeEventListener("keydown", G);
+      document.removeEventListener("mousedown", G), document.removeEventListener("keydown", Y);
     });
-    const E = (j) => typeof j == "string" ? j : j.label, L = (j) => typeof j == "string" ? j : j.value, t = u(
+    const L = (j) => typeof j == "string" ? j : j.label, E = (j) => typeof j == "string" ? j : j.value, t = u(
       () => a.value.map((j) => {
-        const J = m.options.find((p) => L(p) === j);
-        return { value: j, label: J ? E(J) : String(j), isCustom: !J };
+        const J = m.options.find((p) => E(p) === j);
+        return { value: j, label: J ? L(J) : String(j), isCustom: !J };
       })
     ), A = u(() => {
       const j = s.value.toLowerCase();
-      return m.options.filter((J) => !a.value.includes(L(J))).filter((J) => E(J).toLowerCase().includes(j));
+      return m.options.filter((J) => !a.value.includes(E(J))).filter((J) => L(J).toLowerCase().includes(j));
     }), z = u(() => {
       if (!m.allowNew || !s.value || A.value.length > 0) return !1;
       const j = s.value.trim().toLowerCase();
       return !t.value.some((J) => J.label.toLowerCase() === j);
     }), S = u(() => A.value.length > 0 || z.value), K = (j) => {
-      a.value = [...a.value, L(j)], s.value = "";
+      a.value = [...a.value, E(j)], s.value = "";
     }, O = () => {
       A.value.length === 1 ? K(A.value[0]) : m.allowNew && X();
     }, X = () => {
       const j = s.value.trim();
       if (!j) return;
-      const J = j.toLowerCase(), p = t.value.some((Ri) => Ri.label.toLowerCase() === J), $ = m.options.some((Ri) => E(Ri).toLowerCase() === J);
+      const J = j.toLowerCase(), p = t.value.some((Ri) => Ri.label.toLowerCase() === J), $ = m.options.some((Ri) => L(Ri).toLowerCase() === J);
       p || $ || (a.value = [...a.value, j], s.value = "");
-    }, T = (j) => {
+    }, k = (j) => {
       a.value = a.value.filter((J) => J !== j);
     };
     return x({ focus: () => {
@@ -4639,7 +4639,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
           "leave-from-class": "max-h-40 opacity-100",
           "leave-to-class": "max-h-0 opacity-0"
         }, {
-          default: k(() => [
+          default: T(() => [
             t.value.length > 0 ? (o(), r(Cx, {
               key: 0,
               tag: "div",
@@ -4651,19 +4651,19 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
               "leave-from-class": "opacity-100 scale-100",
               "leave-to-class": "opacity-0 scale-75"
             }, {
-              default: k(() => [
+              default: T(() => [
                 (o(!0), y(V, null, b(t.value, (p) => (o(), y("button", {
                   key: p.value,
                   class: "origin-left cursor-pointer",
                   "aria-label": `Verwijder ${p.label}`,
-                  onClick: ($) => T(p.value)
+                  onClick: ($) => k(p.value)
                 }, [
                   U(wx, {
                     ghost: !0,
                     class: "group",
                     variant: p.isCustom ? "success" : "default"
                   }, {
-                    close: k(() => [
+                    close: T(() => [
                       I("span", null, [
                         U(W, {
                           name: "xmark",
@@ -4672,7 +4672,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
                         })
                       ])
                     ]),
-                    default: k(() => [
+                    default: T(() => [
                       q(h(p.label) + " ", 1)
                     ]),
                     _: 2
@@ -4693,7 +4693,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         "enter-to-class": "opacity-100 scale-100 translate-y-0",
         "leave-from-class": "opacity-100 scale-100 translate-y-0"
       }, {
-        default: k(() => [
+        default: T(() => [
           R.value && S.value ? (o(), y("div", {
             key: 0,
             class: "absolute top-full left-0 z-10 mt-1 w-full rounded-lg border border-gray-200 bg-white",
@@ -4702,12 +4702,12 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
           }, [
             I("ul", qZ, [
               (o(!0), y(V, null, b(A.value, (p) => (o(), y("li", {
-                key: L(p),
+                key: E(p),
                 role: "option",
                 "aria-selected": "false",
                 class: "flex w-full cursor-pointer items-center gap-2 px-6 py-3 text-left text-sm whitespace-nowrap text-gray-700 transition-colors duration-200 hover:bg-gray-100 hover:text-purple-600 focus:bg-gray-100 focus:outline-none",
                 onClick: ($) => K(p)
-              }, h(E(p)), 9, dZ))), 128))
+              }, h(L(p)), 9, dZ))), 128))
             ]),
             z.value ? (o(), y("div", {
               key: 0,
@@ -4750,7 +4750,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
         "leave-from-class": "max-h-40 opacity-100",
         "leave-to-class": "max-h-0 opacity-0"
       }, {
-        default: k(() => [
+        default: T(() => [
           t.value.length > 0 ? (o(), r(Cx, {
             key: 0,
             tag: "div",
@@ -4762,19 +4762,19 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
             "leave-from-class": "opacity-100 scale-100",
             "leave-to-class": "opacity-0 scale-75"
           }, {
-            default: k(() => [
+            default: T(() => [
               (o(!0), y(V, null, b(t.value, (p) => (o(), y("button", {
                 key: p.value,
                 class: "origin-left cursor-pointer",
                 "aria-label": `Verwijder ${p.label}`,
-                onClick: ($) => T(p.value)
+                onClick: ($) => k(p.value)
               }, [
                 U(wx, {
                   ghost: !0,
                   class: "group",
                   variant: p.isCustom ? "success" : "default"
                 }, {
-                  close: k(() => [
+                  close: T(() => [
                     I("span", null, [
                       U(W, {
                         name: "xmark",
@@ -4783,7 +4783,7 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
                       })
                     ])
                   ]),
-                  default: k(() => [
+                  default: T(() => [
                     q(h(p.label) + " ", 1)
                   ]),
                   _: 2
@@ -4797,12 +4797,12 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
       }),
       I("ul", CZ, [
         (o(!0), y(V, null, b(A.value, (p) => (o(), y("li", {
-          key: L(p),
+          key: E(p),
           role: "option",
           "aria-selected": "false",
           class: "flex w-full min-w-42 cursor-pointer items-center gap-2 px-6 py-3 text-left text-sm whitespace-nowrap text-gray-700 transition-colors duration-200 hover:bg-gray-100 hover:text-purple-600 focus:bg-gray-100 focus:outline-none",
           onClick: ($) => K(p)
-        }, h(E(p)), 9, bZ))), 128))
+        }, h(L(p)), 9, bZ))), 128))
       ]),
       z.value ? (o(), y("div", {
         key: 0,
@@ -4847,22 +4847,22 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
     ), s = async () => {
       await qi(), Z.value?.focus();
     };
-    return (R, Y) => (o(), r(Gx, {
+    return (R, G) => (o(), r(Gx, {
       placement: e.value,
       onOpen: s
     }, {
-      trigger: k(({ isOpen: G, toggle: E }) => [
+      trigger: T(({ isOpen: Y, toggle: L }) => [
         U(Hx, {
           variant: w(m),
           icon: w(c),
-          "aria-expanded": G,
+          "aria-expanded": Y,
           "aria-haspopup": "listbox",
-          onClick: E
+          onClick: L
         }, {
-          default: k(() => [
+          default: T(() => [
             I("span", fZ, [
               Q(R.$slots, "default", {}, () => [
-                Y[1] || (Y[1] = q("Combobox", -1))
+                G[1] || (G[1] = q("Combobox", -1))
               ]),
               U(W, { name: "chevron-down" })
             ])
@@ -4870,12 +4870,12 @@ const TZ = { key: 0 }, Gx = /* @__PURE__ */ D({
           _: 3
         }, 8, ["variant", "icon", "aria-expanded", "onClick"])
       ]),
-      content: k(() => [
+      content: T(() => [
         U(PZ, {
           ref_key: "panelRef",
           ref: Z,
           modelValue: a.value,
-          "onUpdate:modelValue": Y[0] || (Y[0] = (G) => a.value = G),
+          "onUpdate:modelValue": G[0] || (G[0] = (Y) => a.value = Y),
           options: x.options,
           "allow-new": x.allowNew,
           icon: w(c),
@@ -5155,7 +5155,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
       "aria-label": M.value,
       class: F(["flex rounded-xl bg-white outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cornflower-blue-500", [m.value ? "gap-6 p-1.5" : "p-4", c.value]])
     }, {
-      default: k(() => [
+      default: T(() => [
         m.value ? (o(), y("div", {
           key: 0,
           class: F(["flex min-h-10 w-14 items-center justify-center overflow-hidden rounded-tl-md rounded-bl-md", l.value])
@@ -5222,7 +5222,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
     const x = f(i, "modelValue"), m = i, M = /* @__PURE__ */ new Set(["placeholder", "anchor", "autoClose"]), c = u(() => ({
       timezone: "UTC",
       ...Object.fromEntries(
-        Object.entries(m).filter(([E]) => !M.has(E))
+        Object.entries(m).filter(([L]) => !M.has(L))
       )
     })), l = H(null), a = H(null), Z = {
       "bottom-right": "bottom-end",
@@ -5233,38 +5233,38 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
       m.autoClose && !m.datetime && l.value?.close();
     }, R = async () => {
       await qi(), a.value?.focus();
-    }, Y = async () => {
+    }, G = async () => {
       await qi(), l.value?.triggerRef?.querySelector(
         'button, input, [tabindex]:not([tabindex="-1"])'
       )?.focus();
     };
-    return (G, E) => (o(), r(Gx, {
+    return (Y, L) => (o(), r(Gx, {
       ref_key: "panelRef",
       ref: l,
       placement: e.value,
       onOpen: R,
-      onClose: Y
+      onClose: G
     }, {
-      trigger: k(({ isOpen: L, toggle: t }) => [
-        Q(G.$slots, "trigger", {
-          isOpen: L,
+      trigger: T(({ isOpen: E, toggle: t }) => [
+        Q(Y.$slots, "trigger", {
+          isOpen: E,
           toggle: t
         }, () => [
           U(Hx, {
             icon: "calendar",
             variant: "secondary",
-            "aria-expanded": L,
+            "aria-expanded": E,
             "aria-haspopup": "grid",
             onClick: t
           }, {
-            default: k(() => [
+            default: T(() => [
               q(h(m.placeholder), 1)
             ]),
             _: 1
           }, 8, ["aria-expanded", "onClick"])
         ])
       ]),
-      content: k(() => [
+      content: T(() => [
         I("div", {
           ref_key: "popoverRef",
           ref: a,
@@ -5273,7 +5273,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
         }, [
           U(pa, Ai({
             modelValue: x.value,
-            "onUpdate:modelValue": E[0] || (E[0] = (L) => x.value = L)
+            "onUpdate:modelValue": L[0] || (L[0] = (E) => x.value = E)
           }, c.value, { onSelect: s }), null, 16, ["modelValue"])
         ], 512)
       ]),
@@ -5371,36 +5371,36 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
     const m = x, M = H(null), c = u(
       () => i.placement === "right" ? "bottom-end" : "bottom-start"
     ), l = u(
-      () => i.options.length > 0 && "items" in i.options[0] ? i.options.flatMap((L) => L.items) : i.options
+      () => i.options.length > 0 && "items" in i.options[0] ? i.options.flatMap((E) => E.items) : i.options
     ), a = H({}), Z = u(
       () => Object.fromEntries(
-        l.value.filter((L) => L.checkbox).map((L) => [
-          L.label,
-          L.label in a.value ? a.value[L.label] : L.selected ?? !1
+        l.value.filter((E) => E.checkbox).map((E) => [
+          E.label,
+          E.label in a.value ? a.value[E.label] : E.selected ?? !1
         ])
       )
-    ), e = (L) => {
-      typeof L == "function" ? L() : m("navigate", L);
-    }, s = (L) => {
-      if (L.checkbox) {
-        const t = !Z.value[L.label];
-        a.value[L.label] = t, m("checkboxChange", L.label, t);
+    ), e = (E) => {
+      typeof E == "function" ? E() : m("navigate", E);
+    }, s = (E) => {
+      if (E.checkbox) {
+        const t = !Z.value[E.label];
+        a.value[E.label] = t, m("checkboxChange", E.label, t);
       } else
         M.value?.close();
-      e(L.action);
-    }, R = (L) => L.length > 0 && "items" in L[0], Y = u(() => R(i.options) ? i.options : [{ title: "", items: i.options }]), G = u(() => i.variant === "primary" ? "bg-button-bg-primary-default text-button-text-primary-default" : i.variant === "secondary" ? "bg-button-bg-secondary-default text-button-text-secondary-default border-button-border-secondary-default border border-solid hover:border-button-border-secondary-hover" : ""), E = u(() => i.variant === "primary" ? "bg-button-bg-primary-default hover:bg-button-bg-primary-hover focus-visible:bg-button-bg-primary-focussed focus-visible:outline-button-border-primary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-primary-selected" : i.variant === "secondary" ? "bg-button-bg-secondary-default hover:bg-button-bg-secondary-hover focus-visible:bg-button-bg-secondary-focussed focus-visible:outline-button-border-secondary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-secondary-selected" : "");
-    return (L, t) => (o(), r(Gx, {
+      e(E.action);
+    }, R = (E) => E.length > 0 && "items" in E[0], G = u(() => R(i.options) ? i.options : [{ title: "", items: i.options }]), Y = u(() => i.variant === "primary" ? "bg-button-bg-primary-default text-button-text-primary-default" : i.variant === "secondary" ? "bg-button-bg-secondary-default text-button-text-secondary-default border-button-border-secondary-default border border-solid hover:border-button-border-secondary-hover" : ""), L = u(() => i.variant === "primary" ? "bg-button-bg-primary-default hover:bg-button-bg-primary-hover focus-visible:bg-button-bg-primary-focussed focus-visible:outline-button-border-primary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-primary-selected" : i.variant === "secondary" ? "bg-button-bg-secondary-default hover:bg-button-bg-secondary-hover focus-visible:bg-button-bg-secondary-focussed focus-visible:outline-button-border-secondary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-secondary-selected" : "");
+    return (E, t) => (o(), r(Gx, {
       ref_key: "panelRef",
       ref: M,
       placement: c.value
     }, {
-      trigger: k(({ isOpen: A, toggle: z }) => [
+      trigger: T(({ isOpen: A, toggle: z }) => [
         I("div", {
-          class: F(["inline-flex items-center overflow-hidden rounded-lg", G.value])
+          class: F(["inline-flex items-center overflow-hidden rounded-lg", Y.value])
         }, [
           i.iconOnly ? N("", !0) : (o(), y(V, { key: 0 }, [
             I("button", {
-              class: F(["flex cursor-pointer items-center gap-2 px-4 py-2 transition-colors duration-200", E.value]),
+              class: F(["flex cursor-pointer items-center gap-2 px-4 py-2 transition-colors duration-200", L.value]),
               onClick: t[0] || (t[0] = (S) => i.action && e(i.action))
             }, [
               i.icon ? (o(), r(W, {
@@ -5416,7 +5416,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
             }, null, 2)
           ], 64)),
           I("button", {
-            class: F(["w-10 shrink-0 cursor-pointer transition-colors duration-200", [E.value, i.iconOnly ? "p-2" : "px-2 py-2"]]),
+            class: F(["w-10 shrink-0 cursor-pointer transition-colors duration-200", [L.value, i.iconOnly ? "p-2" : "px-2 py-2"]]),
             "aria-haspopup": "menu",
             "aria-expanded": A,
             "aria-label": `Open ${i.label} menu`,
@@ -5430,9 +5430,9 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
           ], 10, Ys)
         ], 2)
       ]),
-      content: k(() => [
+      content: T(() => [
         I("div", Is, [
-          (o(!0), y(V, null, b(Y.value, (A, z) => (o(), y(V, {
+          (o(!0), y(V, null, b(G.value, (A, z) => (o(), y(V, {
             key: A.title || z
           }, [
             A.title ? (o(), y("div", {
@@ -5489,7 +5489,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
             variant: "secondary",
             onClick: i.backButtonAction
           }, {
-            default: k(() => [
+            default: T(() => [
               q(h(i.backButtonText), 1)
             ]),
             _: 1
@@ -5611,9 +5611,9 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
       open: x.value,
       "onUpdate:open": M
     }, {
-      default: k(() => [
+      default: T(() => [
         U(w(oM), null, {
-          default: k(() => [
+          default: T(() => [
             I("div", Us, [
               U(P, {
                 "enter-active-class": "transition-opacity duration-200 ease-out",
@@ -5621,7 +5621,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                 "leave-active-class": "transition-opacity duration-150 ease-in",
                 "leave-to-class": "opacity-0"
               }, {
-                default: k(() => [
+                default: T(() => [
                   x.value ? (o(), r(w(RM), {
                     key: 0,
                     class: "pointer-events-auto absolute inset-0 bg-black/40 backdrop-blur-sm"
@@ -5635,7 +5635,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                 "leave-active-class": "transition-[opacity,translate] duration-150 ease-in",
                 "leave-to-class": "opacity-0 translate-y-5"
               }, {
-                default: k(() => [
+                default: T(() => [
                   x.value ? (o(), r(w(yM), {
                     key: 0,
                     class: F([
@@ -5647,14 +5647,14 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                     onInteractOutside: a[1] || (a[1] = (Z) => !i.dismissible && Z.preventDefault()),
                     onEscapeKeyDown: a[2] || (a[2] = (Z) => !i.dismissible && Z.preventDefault())
                   }, {
-                    default: k(() => [
+                    default: T(() => [
                       i.title || m.value ? (o(), y("div", us, [
                         I("div", null, [
                           i.title ? (o(), r(w(GM), {
                             key: 0,
                             class: "heading-2"
                           }, {
-                            default: k(() => [
+                            default: T(() => [
                               q(h(i.title), 1)
                             ]),
                             _: 1
@@ -5663,7 +5663,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                             key: 1,
                             class: "small-normal"
                           }, {
-                            default: k(() => [
+                            default: T(() => [
                               q(h(m.value), 1)
                             ]),
                             _: 1
@@ -5673,7 +5673,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                           key: 0,
                           class: "ml-4 shrink-0 cursor-pointer rounded p-1 focus-visible:outline-2"
                         }, {
-                          default: k(() => [
+                          default: T(() => [
                             U(W, { name: "xmark" })
                           ]),
                           _: 1
@@ -5682,7 +5682,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                         key: 1,
                         class: "absolute top-3 right-3 cursor-pointer rounded p-1 focus-visible:outline-2"
                       }, {
-                        default: k(() => [
+                        default: T(() => [
                           U(W, { name: "xmark" })
                         ]),
                         _: 1
@@ -5733,17 +5733,17 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
       "onUpdate:page": M[0] || (M[0] = (c) => x.value = c),
       "show-edges": i.showEdges
     }, {
-      default: k(() => [
+      default: T(() => [
         U(w(LM), {
           class: F(["flex items-center gap-1 text-gray-700 transition", { "pointer-events-none opacity-50": i.disabled }])
         }, {
-          default: k(({ items: c }) => [
+          default: T(({ items: c }) => [
             c.some((l) => l.type === "ellipsis") ? (o(), r(w(EM), {
               key: 0,
               class: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
               disabled: i.disabled
             }, {
-              default: k(() => [
+              default: T(() => [
                 U(W, { name: "angles-left" })
               ]),
               _: 1
@@ -5752,7 +5752,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
               class: "mr-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
               disabled: i.disabled
             }, {
-              default: k(() => [
+              default: T(() => [
                 U(W, { name: "chevron-left" })
               ]),
               _: 1
@@ -5764,7 +5764,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                 disabled: i.disabled,
                 class: "h-9 min-w-9 cursor-pointer rounded-lg border border-gray-200 px-2 transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed data-selected:border-cornflower-blue-500 data-selected:bg-cornflower-blue-500 data-selected:text-white data-selected:shadow-sm"
               }, {
-                default: k(() => [
+                default: T(() => [
                   q(h(l.value), 1)
                 ]),
                 _: 2
@@ -5773,7 +5773,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
                 index: a,
                 class: "flex h-8 w-8 items-center justify-center"
               }, {
-                default: k(() => [...M[1] || (M[1] = [
+                default: T(() => [...M[1] || (M[1] = [
                   q(" … ", -1)
                 ])]),
                 _: 1
@@ -5783,7 +5783,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
               class: "ml-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
               disabled: i.disabled
             }, {
-              default: k(() => [
+              default: T(() => [
                 U(W, { name: "chevron-right" })
               ]),
               _: 1
@@ -5793,7 +5793,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
               class: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
               disabled: i.disabled
             }, {
-              default: k(() => [
+              default: T(() => [
                 U(W, { name: "angles-right" })
               ]),
               _: 1
@@ -5853,7 +5853,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
   },
   emits: ["update:currentStep"],
   setup(i) {
-    const x = u(() => i.variant === "percentage"), m = u(() => Math.min(Math.max(0, i.currentStep), Math.max(0, i.steps - 1))), M = u(() => i.steps > 0 ? m.value + 1 : 0), c = u(() => i.steps <= 1 ? i.steps === 1 ? 100 : 0 : m.value / (i.steps - 1) * 100), l = u(() => !x.value && !!i.stepTitles?.length);
+    const x = u(() => i.variant === "percentage"), m = u(() => x.value ? Math.max(0, i.currentStep) : Math.min(Math.max(0, i.currentStep), Math.max(0, i.steps - 1))), M = u(() => i.steps > 0 ? m.value + 1 : 0), c = u(() => x.value ? i.steps <= 0 ? 0 : Math.min(Math.round(m.value / i.steps * 100), 100) : i.steps <= 1 ? i.steps === 1 ? 100 : 0 : m.value / (i.steps - 1) * 100), l = u(() => !x.value && !!i.stepTitles?.length);
     return Tm(() => {
       i.stepTitles && i.stepTitles.length !== i.steps && console.warn(
         `[NexxtProgressBar] The "stepTitles" array length (${i.stepTitles.length}) must match the "steps" prop (${i.steps}).`
@@ -5947,7 +5947,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
       image: i.image,
       "image-alt": i.imageAlt
     }, pm({
-      default: k(() => [
+      default: T(() => [
         U(ds, {
           price: i.price,
           city: i.city,
@@ -5958,7 +5958,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
     }, [
       i.image ? void 0 : {
         name: "image",
-        fn: k(() => [
+        fn: T(() => [
           I("div", Qs, [
             I("img", {
               src: w(Xs),
@@ -6027,18 +6027,18 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
         placement: "bottom",
         "match-width": ""
       }, {
-        trigger: k(({ isOpen: Y, toggle: G }) => [
+        trigger: T(({ isOpen: G, toggle: Y }) => [
           I("div", {
             id: w(c),
             role: "combobox",
-            "aria-expanded": Y,
+            "aria-expanded": G,
             "aria-haspopup": "listbox",
             tabindex: "0",
             class: F(["group flex w-full cursor-pointer items-center gap-2 rounded-lg ring transition-colors ease-out focus:ring-cornflower-blue-500 focus:outline-none", [i.error ? "ring-brick-400" : "ring-gray-200", { "pl-3": i.leftIcon, "pr-3": !0 }]]),
-            onClick: G,
+            onClick: Y,
             onKeydown: [
-              ei(ji(G, ["prevent"]), ["enter"]),
-              ei(ji(G, ["prevent"]), ["space"])
+              ei(ji(Y, ["prevent"]), ["enter"]),
+              ei(ji(Y, ["prevent"]), ["space"])
             ]
           }, [
             i.leftIcon ? (o(), y("span", fs, [
@@ -6049,21 +6049,21 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
             }, h(Z.value ?? i.placeholder), 3),
             U(W, {
               name: "chevron-down",
-              class: F(["shrink-0 text-gray-400 transition-all duration-200 group-hover:text-cornflower-blue-600", { "rotate-180": Y }])
+              class: F(["shrink-0 text-gray-400 transition-all duration-200 group-hover:text-cornflower-blue-600", { "rotate-180": G }])
             }, null, 8, ["class"])
           ], 42, Ps)
         ]),
-        content: k(({ close: Y }) => [
+        content: T(({ close: G }) => [
           I("ul", vs, [
-            (o(!0), y(V, null, b(i.options, (G) => (o(), y("li", {
-              key: m(G),
+            (o(!0), y(V, null, b(i.options, (Y) => (o(), y("li", {
+              key: m(Y),
               role: "option",
-              "aria-selected": a.value === m(G),
-              class: F(["flex cursor-pointer items-center justify-between px-4 py-3 text-sm text-gray-900 transition-colors duration-150 hover:bg-gray-50 hover:text-purple-600", { "font-medium text-cornflower-blue-600": a.value === m(G) }]),
-              onClick: (E) => e(G, Y)
+              "aria-selected": a.value === m(Y),
+              class: F(["flex cursor-pointer items-center justify-between px-4 py-3 text-sm text-gray-900 transition-colors duration-150 hover:bg-gray-50 hover:text-purple-600", { "font-medium text-cornflower-blue-600": a.value === m(Y) }]),
+              onClick: (L) => e(Y, G)
             }, [
-              q(h(x(G)) + " ", 1),
-              a.value === m(G) ? (o(), r(W, {
+              q(h(x(Y)) + " ", 1),
+              a.value === m(Y) ? (o(), r(W, {
                 key: 0,
                 name: "check",
                 class: "text-xs"
@@ -6081,7 +6081,7 @@ const no = /* @__PURE__ */ vZ($Z, [["render", ms]]), Ms = {
         "leave-from-class": "opacity-100 translate-y-0",
         "leave-to-class": "opacity-0 -translate-y-1"
       }, {
-        default: k(() => [
+        default: T(() => [
           i.error && i.errorMessage ? (o(), y("p", _s, h(i.errorMessage), 1)) : N("", !0)
         ]),
         _: 1
@@ -6380,7 +6380,7 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
           key: 0,
           variant: "warning"
         }, {
-          default: k(() => [
+          default: T(() => [
             q(h(i.chip), 1)
           ]),
           _: 1
@@ -6486,7 +6486,7 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
     }, pm({ _: 2 }, [
       i.steps ? {
         name: "center",
-        fn: k(() => [
+        fn: T(() => [
           U(Ws, {
             class: "w-full",
             steps: i.steps.length,
@@ -6499,7 +6499,7 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
       } : void 0,
       x.$slots.default ? {
         name: "right",
-        fn: k(() => [
+        fn: T(() => [
           Q(x.$slots, "default")
         ]),
         key: "1"
@@ -6520,25 +6520,25 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
   setup(i) {
     const x = i, m = f(i, "modelValue"), M = H(null), c = H([]), l = H({ width: "0px", transform: "translateX(0px)" }), a = H("inset(0 100% 0 0 round 9999px)"), Z = H(!1), e = async () => {
       await qi();
-      const R = x.tabs.indexOf(m.value), Y = c.value[R];
-      if (!Y || !M.value) return;
-      const G = Y.offsetLeft, E = Y.offsetWidth, L = M.value.offsetWidth - G - E;
+      const R = x.tabs.indexOf(m.value), G = c.value[R];
+      if (!G || !M.value) return;
+      const Y = G.offsetLeft, L = G.offsetWidth, E = M.value.offsetWidth - Y - L;
       l.value = {
-        width: `${E}px`,
-        transform: `translateX(${G}px)`
-      }, a.value = `inset(0 ${L}px 0 ${G}px round 9999px)`;
-    }, s = (R, Y) => {
-      let G = Y;
-      if (R.key === "ArrowRight") G = (Y + 1) % x.tabs.length;
-      else if (R.key === "ArrowLeft") G = (Y - 1 + x.tabs.length) % x.tabs.length;
-      else if (R.key === "Home") G = 0;
-      else if (R.key === "End") G = x.tabs.length - 1;
+        width: `${L}px`,
+        transform: `translateX(${Y}px)`
+      }, a.value = `inset(0 ${E}px 0 ${Y}px round 9999px)`;
+    }, s = (R, G) => {
+      let Y = G;
+      if (R.key === "ArrowRight") Y = (G + 1) % x.tabs.length;
+      else if (R.key === "ArrowLeft") Y = (G - 1 + x.tabs.length) % x.tabs.length;
+      else if (R.key === "Home") Y = 0;
+      else if (R.key === "End") Y = x.tabs.length - 1;
       else return;
-      R.preventDefault(), m.value = x.tabs[G], c.value[G]?.focus();
+      R.preventDefault(), m.value = x.tabs[Y], c.value[Y]?.focus();
     };
     return zi(m, async () => await e()), ui(async () => {
       await document.fonts.ready, await e(), await qi(), Z.value = !0;
-    }), (R, Y) => (o(), y("div", {
+    }), (R, G) => (o(), y("div", {
       ref_key: "containerRef",
       ref: M,
       role: "tablist",
@@ -6550,17 +6550,17 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
         class: F(["absolute h-9 rounded-full bg-cornflower-blue-500", Z.value ? "transition-all duration-500 ease-[cubic-bezier(0.34,1.2,0.64,1)]" : ""]),
         style: hi(l.value)
       }, null, 6),
-      (o(!0), y(V, null, b(i.tabs, (G, E) => (o(), y("button", {
-        key: G,
+      (o(!0), y(V, null, b(i.tabs, (Y, L) => (o(), y("button", {
+        key: Y,
         ref_for: !0,
-        ref: (L) => c.value[E] = L,
+        ref: (E) => c.value[L] = E,
         role: "tab",
-        "aria-selected": m.value === G,
-        tabindex: m.value === G ? 0 : -1,
-        class: F(["relative h-9 cursor-pointer rounded-full px-4 text-sm text-gray-950 transition-none", m.value === G ? "z-10" : "z-30"]),
-        onClick: (L) => m.value = G,
-        onKeydown: (L) => s(L, E)
-      }, h(G), 43, Ve))), 128)),
+        "aria-selected": m.value === Y,
+        tabindex: m.value === Y ? 0 : -1,
+        class: F(["relative h-9 cursor-pointer rounded-full px-4 text-sm text-gray-950 transition-none", m.value === Y ? "z-10" : "z-30"]),
+        onClick: (E) => m.value = Y,
+        onKeydown: (E) => s(E, L)
+      }, h(Y), 43, Ve))), 128)),
       I("div", {
         "aria-hidden": "true",
         class: F([
@@ -6569,10 +6569,10 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
         ]),
         style: hi({ clipPath: a.value })
       }, [
-        (o(!0), y(V, null, b(i.tabs, (G) => (o(), y("span", {
-          key: G,
+        (o(!0), y(V, null, b(i.tabs, (Y) => (o(), y("span", {
+          key: Y,
           class: "flex h-9 items-center rounded-full px-4 text-sm text-white"
-        }, h(G), 1))), 128))
+        }, h(Y), 1))), 128))
       ], 6)
     ], 8, Qe));
   }
@@ -6617,7 +6617,7 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
       }, null, 8, ["tabs", "modelValue", "tablist-label"]),
       I("div", be, [
         U(P, Ux(ux(a.value)), {
-          default: k(() => [
+          default: T(() => [
             (o(), y("div", {
               key: m.value,
               role: "tabpanel",
@@ -6660,6 +6660,8 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
     columns: {},
     rows: {},
     selectable: { type: Boolean },
+    selectionMode: { default: "multiple" },
+    selectOnRowClick: { type: Boolean },
     loading: { type: Boolean }
   }, {
     modelValue: { default: () => [] },
@@ -6675,28 +6677,32 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
       () => M.rows.length > 0 && l.value.length === M.rows.length
     ), R = u(
       () => l.value.length > 0 && l.value.length < M.rows.length
-    ), Y = (T) => l.value.includes(T), G = () => {
-      l.value = s.value ? [] : [...M.rows];
-    }, E = (T) => {
-      l.value = Y(T) ? l.value.filter((n) => n !== T) : [...l.value, T];
-    }, L = u(
-      () => M.columns.map((T) => `minmax(${T.minCellWidth ?? 150}px, ${T.width ?? "1fr"})`).join(" ")
+    ), G = (k) => l.value.includes(k), Y = () => {
+      M.selectionMode !== "single" && (l.value = s.value ? [] : [...M.rows]);
+    }, L = (k) => {
+      if (M.selectionMode === "single") {
+        l.value = G(k) ? [] : [k];
+        return;
+      }
+      l.value = G(k) ? l.value.filter((n) => n !== k) : [...l.value, k];
+    }, E = u(
+      () => M.columns.map((k) => `minmax(${k.minCellWidth ?? 150}px, ${k.width ?? "1fr"})`).join(" ")
     ), t = u(
-      () => M.selectable ? `40px ${L.value}` : L.value
-    ), A = (T) => {
-      T.sortable && (Z.value = a.value === T.key && Z.value === "asc" ? "desc" : "asc", a.value = T.key);
-    }, z = (T, n) => {
-      T.composedPath().some(
+      () => M.selectable ? `40px ${E.value}` : E.value
+    ), A = (k) => {
+      k.sortable && (Z.value = a.value === k.key && Z.value === "asc" ? "desc" : "asc", a.value = k.key);
+    }, z = (k, n) => {
+      k.composedPath().some(
         (p) => p.tagName && m.includes(p.tagName.toLowerCase())
-      ) || c("row-click", M.rows[n]);
-    }, S = (T) => {
-      if (!M.selectable || !Y(M.rows[T])) return "";
-      const n = T > 0 && Y(M.rows[T - 1]), j = T < M.rows.length - 1 && Y(M.rows[T + 1]);
+      ) || (M.selectable && M.selectOnRowClick ? L(M.rows[n]) : c("row-click", M.rows[n]));
+    }, S = (k) => {
+      if (!M.selectable || !G(M.rows[k])) return "";
+      const n = k > 0 && G(M.rows[k - 1]), j = k < M.rows.length - 1 && G(M.rows[k + 1]);
       return !n && !j ? "rounded-md" : n ? j ? "" : "rounded-b-md" : "rounded-t-md";
-    }, K = (T, n) => T[n], O = (T) => `cell-${T}`, X = (T, n) => {
-      T.key === "ArrowDown" ? (T.preventDefault(), e.value[Math.min(n + 1, M.rows.length - 1)]?.focus()) : T.key === "ArrowUp" && (T.preventDefault(), e.value[Math.max(n - 1, 0)]?.focus());
+    }, K = (k, n) => k[n], O = (k) => `cell-${k}`, X = (k, n) => {
+      k.key === "ArrowDown" ? (k.preventDefault(), e.value[Math.min(n + 1, M.rows.length - 1)]?.focus()) : k.key === "ArrowUp" && (k.preventDefault(), e.value[Math.max(n - 1, 0)]?.focus());
     };
-    return (T, n) => (o(), y("div", Pe, [
+    return (k, n) => (o(), y("div", Pe, [
       I("div", {
         role: "grid",
         "aria-colcount": i.columns.length + (i.selectable ? 1 : 0),
@@ -6704,8 +6710,8 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
         class: "min-w-full"
       }, [
         I("div", ve, [
-          T.$slots.toolbar ? (o(), y("div", $e, [
-            Q(T.$slots, "toolbar")
+          k.$slots.toolbar ? (o(), y("div", $e, [
+            Q(k.$slots, "toolbar")
           ])) : N("", !0),
           I("div", {
             class: "grid rounded-md bg-gray-50",
@@ -6714,12 +6720,13 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
             "aria-rowindex": "1"
           }, [
             i.selectable ? (o(), y("div", _e, [
-              U(px, {
+              i.selectionMode === "multiple" ? (o(), r(px, {
+                key: 0,
                 "model-value": s.value,
                 indeterminate: R.value,
                 "aria-label": "Select all rows",
-                "onUpdate:modelValue": G
-              }, null, 8, ["model-value", "indeterminate"])
+                "onUpdate:modelValue": Y
+              }, null, 8, ["model-value", "indeterminate"])) : N("", !0)
             ])) : N("", !0),
             (o(!0), y(V, null, b(i.columns, (j, J) => (o(), y("div", {
               key: j.key,
@@ -6755,25 +6762,26 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
             ref: e,
             class: F(["grid border-b border-gray-100 transition-colors duration-150 hover:bg-cornflower-blue-50 focus-visible:bg-slate-50 focus-visible:ring-2 focus-visible:ring-cornflower-blue-500 focus-visible:outline-none focus-visible:ring-inset", [
               {
-                "hover:rounded-md": !Y(i.rows[J]),
-                "border-white/80 bg-cornflower-blue-100": i.selectable && Y(i.rows[J]),
-                "border-transparent": i.selectable && Y(i.rows[J + 1])
+                "cursor-pointer": i.selectable && i.selectOnRowClick,
+                "hover:rounded-md": !G(i.rows[J]),
+                "border-white/80 bg-cornflower-blue-100": i.selectable && G(i.rows[J]),
+                "border-transparent": i.selectable && G(i.rows[J + 1])
               },
               S(J)
             ]]),
             style: hi({ gridTemplateColumns: t.value }),
             role: "row",
             "aria-rowindex": J + 2,
-            "aria-selected": i.selectable ? Y(j) : void 0,
+            "aria-selected": i.selectable ? G(j) : void 0,
             tabindex: "0",
             onClick: (p) => z(p, J),
             onKeydown: (p) => X(p, J)
           }, [
             i.selectable ? (o(), y("div", Mo, [
               U(px, {
-                "model-value": Y(j),
+                "model-value": G(j),
                 "aria-label": `Select row ${J + 1}`,
-                "onUpdate:modelValue": (p) => E(j)
+                "onUpdate:modelValue": (p) => L(j)
               }, null, 8, ["model-value", "aria-label", "onUpdate:modelValue"])
             ])) : N("", !0),
             (o(!0), y(V, null, b(i.columns, (p, $) => (o(), y("div", {
@@ -6782,7 +6790,7 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
               role: "gridcell",
               "aria-colindex": $ + (i.selectable ? 2 : 1)
             }, [
-              Q(T.$slots, O(p.key), {
+              Q(k.$slots, O(p.key), {
                 row: j,
                 value: K(j, p.key)
               }, () => [
@@ -6791,7 +6799,7 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
             ], 8, co))), 128))
           ], 46, mo))), 128)),
           i.rows.length ? N("", !0) : (o(), y("div", lo, [
-            Q(T.$slots, "empty", {}, () => [
+            Q(k.$slots, "empty", {}, () => [
               n[0] || (n[0] = q("Geen data beschikbaar", -1))
             ])
           ])),
@@ -6801,9 +6809,9 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
             "enter-from-class": "opacity-0",
             "leave-to-class": "opacity-0"
           }, {
-            default: k(() => [
+            default: T(() => [
               i.loading ? (o(), y("div", ao, [
-                Q(T.$slots, "loading", {}, () => [
+                Q(k.$slots, "loading", {}, () => [
                   U(W, {
                     name: "spinner-third",
                     class: "fa-spin text-3xl text-purple-500"
@@ -6903,27 +6911,27 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
   },
   setup(i) {
     return (x, m) => (o(), r(w(NM), null, {
-      default: k(() => [
+      default: T(() => [
         U(w(FM), {
           "delay-duration": i.delay,
           "disable-hoverable-content": i.disableHoverableContent
         }, {
-          default: k(() => [
+          default: T(() => [
             U(w(JM), { "as-child": "" }, {
-              default: k(() => [
+              default: T(() => [
                 Q(x.$slots, "default")
               ]),
               _: 3
             }),
             U(w(nM), null, {
-              default: k(() => [
+              default: T(() => [
                 U(w(kM), {
                   side: i.side,
                   "side-offset": i.sideOffset,
                   align: i.align,
                   class: "z-50 rounded-lg border border-gray-200 bg-white px-3 py-2 shadow-xs"
                 }, {
-                  default: k(() => [
+                  default: T(() => [
                     Q(x.$slots, "tooltip")
                   ]),
                   _: 3
@@ -6987,10 +6995,10 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
           I("span", Lo, [
             Z[1] || (Z[1] = q(" Outbound ", -1)),
             U(km, null, {
-              tooltip: k(() => [...Z[0] || (Z[0] = [
+              tooltip: T(() => [...Z[0] || (Z[0] = [
                 I("span", { class: "text-sm" }, "Vanuit Nexxtmove", -1)
               ])]),
-              default: k(() => [
+              default: T(() => [
                 U(W, {
                   name: "circle-info",
                   class: "h-4 w-4 text-xs text-gray-600"
@@ -7002,10 +7010,10 @@ const ne = { render: Je }, ke = { class: "flex items-center justify-end self-str
           I("span", Eo, [
             Z[3] || (Z[3] = q(" Inbound ", -1)),
             U(km, { "as-child": "" }, {
-              tooltip: k(() => [...Z[2] || (Z[2] = [
+              tooltip: T(() => [...Z[2] || (Z[2] = [
                 I("span", { class: "text-sm" }, "Vanuit relatie", -1)
               ])]),
-              default: k(() => [
+              default: T(() => [
                 U(W, {
                   name: "circle-info",
                   class: "h-4 w-4 text-xs text-gray-600"