@firstnoodle-ui/bui 0.0.75 → 0.0.76

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var bt = Object.defineProperty;
 var Lt = (n, t, e) => t in n ? bt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var x1 = (n, t, e) => Lt(n, typeof t != "symbol" ? t + "" : t, e);
-import { createElementBlock as i, openBlock as o, renderSlot as A, createElementVNode as d, defineComponent as $, toDisplayString as Q, ref as L, watch as r1, computed as I, createBlock as V, createCommentVNode as k, normalizeClass as B, normalizeStyle as t1, createVNode as w, unref as u, withCtx as Z, resolveDynamicComponent as D1, provide as yt, onMounted as a1, withModifiers as U, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Ht, onUnmounted as U1, onBeforeUnmount as T1, nextTick as M1, createStaticVNode as u1, Teleport as W1, withDirectives as Y1, vShow as X1, Transition as de, useSlots as R1, withKeys as _, createSlots as Ae, vModelText as Vt, reactive as Re, mergeProps as kt, createTextVNode as Ee, resolveComponent as wt, getCurrentInstance as Oe } from "vue";
+var I1 = (n, t, e) => Lt(n, typeof t != "symbol" ? t + "" : t, e);
+import { createElementBlock as i, openBlock as o, renderSlot as A, createElementVNode as d, defineComponent as $, toDisplayString as Q, ref as L, watch as r1, computed as I, createBlock as V, createCommentVNode as k, normalizeClass as B, normalizeStyle as t1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as D1, provide as yt, onMounted as a1, withModifiers as U, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Ht, onUnmounted as N1, onBeforeUnmount as T1, nextTick as M1, createStaticVNode as u1, Teleport as U1, withDirectives as W1, vShow as X1, Transition as de, useSlots as R1, withKeys as _, createSlots as Ae, vModelText as Vt, reactive as Re, mergeProps as kt, createTextVNode as Ee, resolveComponent as wt, getCurrentInstance as Oe } from "vue";
 import { useRoute as G1, useRouter as ue, onBeforeRouteUpdate as Ie } from "vue-router";
 import { size as xe, autoUpdate as Mt, offset as Zt, flip as $t, shift as He, limitShift as Dt, computePosition as Tt } from "@floating-ui/dom";
 import ne from "debounce";
@@ -82,7 +82,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(), f = L(), h = L(null), m = L(null), c = L(e.modelValue), p = L(100), g = L(!1), v = L(0), y = L(0), C = L(1), b = L(1), D = L(0), z = L(0), H = L(0), T = L(0);
+    const e = n, l = t, s = L(), r = L(), a = L(), u = L(), h = L(null), m = L(null), c = L(e.modelValue), f = L(100), g = L(!1), v = L(0), y = L(0), C = L(1), b = L(1), D = L(0), z = L(0), H = L(0), T = L(0);
     r1(
       () => e.modelValue,
       (W) => {
@@ -101,8 +101,8 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
         if (c.value && m.value) {
           const W = new Image();
           W.onload = () => {
-            h.value = W, D.value = W.width, z.value = W.height, p.value = i1 * 0.5;
-            const j = Math.max(p.value / W.width, p.value / W.height);
+            h.value = W, D.value = W.width, z.value = W.height, f.value = i1 * 0.5;
+            const j = Math.max(f.value / W.width, f.value / W.height);
             b.value = j;
             const s1 = Math.min(i1 / W.width, i1 / W.height);
             C.value = Math.max(s1, j);
@@ -111,7 +111,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
           }, W.src = m.value;
         } else
           P();
-    }, p1 = (W) => {
+    }, f1 = (W) => {
       var v1;
       const j = W.target, s1 = (v1 = j.files) == null ? void 0 : v1[0];
       if (s1 && s1.type.startsWith("image/")) {
@@ -122,8 +122,8 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
           m.value = q;
           const d1 = new Image();
           d1.onload = () => {
-            h.value = d1, D.value = d1.width, z.value = d1.height, p.value = i1 * 0.7;
-            const L1 = Math.max(p.value / d1.width, p.value / d1.height);
+            h.value = d1, D.value = d1.width, z.value = d1.height, f.value = i1 * 0.7;
+            const L1 = Math.max(f.value / d1.width, f.value / d1.height);
             b.value = L1;
             const k1 = Math.min(i1 / d1.width, i1 / d1.height);
             C.value = Math.max(k1, L1);
@@ -139,7 +139,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
     }, x = (W) => {
       if (g.value) {
         let j = W.clientX - v.value, s1 = W.clientY - y.value;
-        const v1 = i1 / 2, R = i1 / 2, Y = v1 - p.value / 2, q = v1 + p.value / 2, d1 = R - p.value / 2, V1 = R + p.value / 2, L1 = D.value * C.value, k1 = z.value * C.value;
+        const v1 = i1 / 2, R = i1 / 2, Y = v1 - f.value / 2, q = v1 + f.value / 2, d1 = R - f.value / 2, V1 = R + f.value / 2, L1 = D.value * C.value, k1 = z.value * C.value;
         j = Math.min(j, Y), j = Math.max(j, q - L1), s1 = Math.min(s1, d1), s1 = Math.max(s1, V1 - k1), H.value = j, T.value = s1;
       }
     }, G = () => {
@@ -154,7 +154,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
       if (!j) return;
       const s1 = 512;
       W.width = s1, W.height = s1;
-      const v1 = i1 / 2, R = i1 / 2, Y = v1 - p.value / 2, q = R - p.value / 2, d1 = (Y - H.value) / C.value, V1 = (q - T.value) / C.value, L1 = p.value / C.value;
+      const v1 = i1 / 2, R = i1 / 2, Y = v1 - f.value / 2, q = R - f.value / 2, d1 = (Y - H.value) / C.value, V1 = (q - T.value) / C.value, L1 = f.value / C.value;
       j.fillStyle = "#ffffff", j.fillRect(0, 0, s1, s1), e.cropShape === "circle" && (j.save(), j.beginPath(), j.arc(s1 / 2, s1 / 2, s1 / 2, 0, Math.PI * 2), j.closePath(), j.clip()), j.drawImage(
         h.value,
         d1,
@@ -167,10 +167,10 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
         s1
       ), e.cropShape === "circle" && j.restore();
       const k1 = W.toDataURL("image/png");
-      c.value = k1, l("update:modelValue", k1), l("change", k1), (S = f.value) == null || S.close();
+      c.value = k1, l("update:modelValue", k1), l("change", k1), (S = u.value) == null || S.close();
     }, g1 = () => {
       var W;
-      (W = f.value) == null || W.close(), h.value = null;
+      (W = u.value) == null || W.close(), h.value = null;
     };
     return (W, j) => (o(), i("div", Nt, [
       d("div", {
@@ -184,11 +184,11 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
           alt: "Avatar",
           class: "w-full h-full object-cover"
         }, null, 8, Ut)) : (o(), i("div", Wt, [
-          w(u(e1), { name: "user" }),
+          w(p(e1), { name: "user" }),
           j[0] || (j[0] = d("span", { class: "text-center" }, "Click to add an avatar", -1))
         ])),
         W.disabled ? k("", !0) : (o(), i("div", Yt, [
-          w(u(e1), {
+          w(p(e1), {
             name: "edit",
             class: "text-white size-8"
           })
@@ -200,12 +200,12 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
         type: "file",
         accept: "image/*",
         class: "hidden",
-        onChange: p1
+        onChange: f1
       }, null, 544),
-      h.value ? (o(), V(u(a2), {
+      h.value ? (o(), V(p(a2), {
         key: 0,
         ref_key: "cropModalRef",
-        ref: f,
+        ref: u,
         title: "Crop Avatar",
         "width-class": "max-w-xl",
         onClose: g1
@@ -247,17 +247,17 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
                       }, null, -1)),
                       W.cropShape === "square" ? (o(), i("rect", {
                         key: 0,
-                        x: (i1 - p.value) / 2,
-                        y: (i1 - p.value) / 2,
-                        width: p.value,
-                        height: p.value,
+                        x: (i1 - f.value) / 2,
+                        y: (i1 - f.value) / 2,
+                        width: f.value,
+                        height: f.value,
                         fill: "black",
                         rx: "8"
                       }, null, 8, Gt)) : (o(), i("circle", {
                         key: 1,
                         cx: i1 / 2,
                         cy: i1 / 2,
-                        r: p.value / 2,
+                        r: f.value / 2,
                         fill: "black"
                       }, null, 8, Jt))
                     ])
@@ -273,10 +273,10 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
                 d("div", {
                   class: B(["absolute border-2 border-white shadow-lg", { "rounded-full": W.cropShape === "circle", "rounded-lg": W.cropShape === "square" }]),
                   style: t1({
-                    left: `${(i1 - p.value) / 2}px`,
-                    top: `${(i1 - p.value) / 2}px`,
-                    width: `${p.value}px`,
-                    height: `${p.value}px`
+                    left: `${(i1 - f.value) / 2}px`,
+                    top: `${(i1 - f.value) / 2}px`,
+                    width: `${f.value}px`,
+                    height: `${f.value}px`
                   })
                 }, null, 6)
               ]),
@@ -285,7 +285,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
               ], -1)),
               d("div", _t, [
                 d("section", e5, [
-                  w(u(K), {
+                  w(p(K), {
                     icon: "plus",
                     variant: "outlineSubtle",
                     class: "z-0 hover:z-10 focus:z-10 active:z-10",
@@ -293,7 +293,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
                     style: { borderRadius: "8px 0 0 8px" },
                     onClick: N
                   }, null, 8, ["disabled"]),
-                  w(u(K), {
+                  w(p(K), {
                     icon: "dash",
                     variant: "outlineSubtle",
                     class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px",
@@ -312,12 +312,12 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
           ])
         ]),
         footer: Z(() => [
-          w(u(n1), {
+          w(p(n1), {
             class: "w-full",
             justify: "between"
           }, {
             default: Z(() => [
-              w(u(K), {
+              w(p(K), {
                 disabled: W.disabled,
                 variant: "outlineSubtle",
                 label: "Upload",
@@ -325,7 +325,7 @@ const ss = /* @__PURE__ */ Z1(Et, [["render", It]]), xt = { class: "w-full space
                 onClick: P
               }, null, 8, ["disabled"]),
               d("div", t5, [
-                w(u(E1), {
+                w(p(Y1), {
                   order: "confirm-last",
                   "confirm-icon": "check",
                   "confirm-label": "Save",
@@ -377,7 +377,7 @@ const ke = /* @__PURE__ */ Z1(n5, [["render", s5]]), a5 = { class: "w-3 h-3 bg-o
         right: t.inside ? "0.15em" : "-0.3em"
       })
     }, [
-      w(u(_e))
+      w(p(_e))
     ], 4));
   }
 }), K = /* @__PURE__ */ $({
@@ -407,7 +407,7 @@ const ke = /* @__PURE__ */ Z1(n5, [["render", s5]]), a5 = { class: "w-3 h-3 bg-o
   },
   emits: ["click", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = L(l.routerLinkTo ? "router-link" : "button"), a = L(), f = L(), h = I(() => {
+    const l = n, s = e, r = L(l.routerLinkTo ? "router-link" : "button"), a = L(), u = L(), h = I(() => {
       const v = ["flex-none size-4"];
       return l.variant === "fill" || l.variant === "destructive" ? v.push("text-light") : l.variant === "outline" || l.variant === "text" ? v.push("text-blue-500") : l.variant === "outlineSubtle" || l.variant === "textSubtle" ? v.push("text-slate-700 dark:text-slate-200") : l.variant === "outlineDestructive" && v.push("text-red-500"), v.join(" ");
     }), m = I(() => {
@@ -496,14 +496,14 @@ const ke = /* @__PURE__ */ Z1(n5, [["render", s5]]), a5 = { class: "w-3 h-3 bg-o
           break;
       }
       return l.classes && v.push(l.classes), v.filter((y) => y).join(" ");
-    }), c = I(() => l.disabled ? l.variant === "fill" || l.variant === "destructive" ? { filter: "grayscale(50%)" } : { opacity: "0.5" } : {}), p = (v) => {
+    }), c = I(() => l.disabled ? l.variant === "fill" || l.variant === "destructive" ? { filter: "grayscale(50%)" } : { opacity: "0.5" } : {}), f = (v) => {
       var y;
-      l.stopPropagation && v.stopPropagation(), !l.disabled && !l.loading && (l.href && window.open(l.href, "_blank"), l.mailto && window.open(`mailto:${l.mailto}`), l.tooltip && ((y = f.value) == null || y.hide()), s("click"));
+      l.stopPropagation && v.stopPropagation(), !l.disabled && !l.loading && (l.href && window.open(l.href, "_blank"), l.mailto && window.open(`mailto:${l.mailto}`), l.tooltip && ((y = u.value) == null || y.hide()), s("click"));
     };
-    return t({ focus: () => a.value.focus() }), (v, y) => v.tooltip ? (o(), V(u(ee), {
+    return t({ focus: () => a.value.focus() }), (v, y) => v.tooltip ? (o(), V(p(ee), {
       key: 0,
       ref_key: "tooltipRef",
-      ref: f,
+      ref: u,
       text: v.tooltip,
       delay: v.tooltipDelay,
       placement: v.tooltipPlacement,
@@ -517,32 +517,32 @@ const ke = /* @__PURE__ */ Z1(n5, [["render", s5]]), a5 = { class: "w-3 h-3 bg-o
           class: B(m.value),
           disabled: v.disabled || v.loading,
           style: t1(c.value),
-          onClick: p,
+          onClick: f,
           onBlur: y[0] || (y[0] = (C) => s("blur"))
         }, {
           default: Z(() => [
-            w(u(ke), null, {
+            w(p(ke), null, {
               default: Z(() => [
-                v.loading ? (o(), V(u(N1), {
+                v.loading ? (o(), V(p(F1), {
                   key: 0,
                   class: B(h.value)
-                }, null, 8, ["class"])) : v.icon ? (o(), V(u(e1), {
+                }, null, 8, ["class"])) : v.icon ? (o(), V(p(e1), {
                   key: 1,
                   name: v.icon
                 }, null, 8, ["name"])) : k("", !0),
-                v.label ? (o(), V(u(Ve), {
+                v.label ? (o(), V(p(Ve), {
                   key: 2,
                   label: v.label
                 }, null, 8, ["label"])) : k("", !0)
               ]),
               _: 1
             }),
-            v.iconAfter ? (o(), V(u(e1), {
+            v.iconAfter ? (o(), V(p(e1), {
               key: 0,
               name: v.iconAfter,
               class: "opacity-75"
             }, null, 8, ["name"])) : k("", !0),
-            v.notification ? (o(), V(u(we), {
+            v.notification ? (o(), V(p(we), {
               key: 1,
               inside: v.variant === "text" || v.variant === "textSubtle"
             }, null, 8, ["inside"])) : k("", !0)
@@ -560,31 +560,31 @@ const ke = /* @__PURE__ */ Z1(n5, [["render", s5]]), a5 = { class: "w-3 h-3 bg-o
       class: B(m.value),
       disabled: v.disabled || v.loading,
       style: t1(c.value),
-      onClick: p,
+      onClick: f,
       onBlur: y[1] || (y[1] = (C) => s("blur"))
     }, {
       default: Z(() => [
-        w(u(ke), null, {
+        w(p(ke), null, {
           default: Z(() => [
-            v.loading ? (o(), V(u(N1), {
+            v.loading ? (o(), V(p(F1), {
               key: 0,
               class: B(h.value)
-            }, null, 8, ["class"])) : v.icon ? (o(), V(u(e1), {
+            }, null, 8, ["class"])) : v.icon ? (o(), V(p(e1), {
               key: 1,
               name: v.icon
             }, null, 8, ["name"])) : k("", !0),
-            v.label ? (o(), V(u(Ve), {
+            v.label ? (o(), V(p(Ve), {
               key: 2,
               label: v.label
             }, null, 8, ["label"])) : k("", !0)
           ]),
           _: 1
         }),
-        v.iconAfter ? (o(), V(u(e1), {
+        v.iconAfter ? (o(), V(p(e1), {
           key: 0,
           name: v.iconAfter
         }, null, 8, ["name"])) : k("", !0),
-        v.notification ? (o(), V(u(we), {
+        v.notification ? (o(), V(p(we), {
           key: 1,
           inside: v.variant === "text" || v.variant === "textSubtle"
         }, null, 8, ["inside"])) : k("", !0)
@@ -603,9 +603,9 @@ const ke = /* @__PURE__ */ Z1(n5, [["render", s5]]), a5 = { class: "w-3 h-3 bg-o
     yt("childOfButtonGroup", !0);
     const s = () => {
       const r = [];
-      t.fullwidth ? r.push("flex w-full") : r.push("inline-flex"), t.direction === "vertical" ? r.push("flex-col items-stretch") : r.push("items-center"), e.value = r.join(" "), l.value && Array.from(l.value.children).forEach((a, f) => {
-        var h, m, c, p;
-        t.direction === "vertical" ? (a.classList.add("-mt-px"), a.classList.add("first:mt-0"), f === 0 ? a.nodeName === "BUTTON" ? a.classList.add("rounded-t-md") : (h = a.querySelector("button")) == null || h.classList.add("rounded-t-md") : f === l.value.children.length - 1 && (a.nodeName === "BUTTON" ? a.classList.add("rounded-b-md") : (m = a.querySelector("button")) == null || m.classList.add("rounded-b-md"))) : (a.classList.add("-ml-px"), a.classList.add("first:ml-0"), f === 0 ? a.nodeName === "BUTTON" ? a.classList.add("rounded-l-md") : (c = a.querySelector("button")) == null || c.classList.add("rounded-l-md") : f === l.value.children.length - 1 && (a.nodeName === "BUTTON" ? a.classList.add("rounded-r-md") : (p = a.querySelector("button")) == null || p.classList.add("rounded-r-md")));
+      t.fullwidth ? r.push("flex w-full") : r.push("inline-flex"), t.direction === "vertical" ? r.push("flex-col items-stretch") : r.push("items-center"), e.value = r.join(" "), l.value && Array.from(l.value.children).forEach((a, u) => {
+        var h, m, c, f;
+        t.direction === "vertical" ? (a.classList.add("-mt-px"), a.classList.add("first:mt-0"), u === 0 ? a.nodeName === "BUTTON" ? a.classList.add("rounded-t-md") : (h = a.querySelector("button")) == null || h.classList.add("rounded-t-md") : u === l.value.children.length - 1 && (a.nodeName === "BUTTON" ? a.classList.add("rounded-b-md") : (m = a.querySelector("button")) == null || m.classList.add("rounded-b-md"))) : (a.classList.add("-ml-px"), a.classList.add("first:ml-0"), u === 0 ? a.nodeName === "BUTTON" ? a.classList.add("rounded-l-md") : (c = a.querySelector("button")) == null || c.classList.add("rounded-l-md") : u === l.value.children.length - 1 && (a.nodeName === "BUTTON" ? a.classList.add("rounded-r-md") : (f = a.querySelector("button")) == null || f.classList.add("rounded-r-md")));
       });
     };
     return a1(s), (r, a) => (o(), i("div", {
@@ -633,7 +633,7 @@ const Me = {
   Y: "YEAR",
   DC: "DECADE"
   /* DECADE */
-}, fe = {
+}, pe = {
   MILLISECOND: 1,
   SECOND: 1e3,
   MINUTE: 6e4,
@@ -648,7 +648,7 @@ const Me = {
   if (Object.keys(X).includes(n))
     return n;
   throw new Error(`Invalid time unit [${n}}]`);
-}, i5 = { class: "w-56 grid grid-cols-7" }, d5 = { class: "col-span-5 flex items-center justify-center text-sm" }, u5 = { class: "w-56 grid grid-cols-2 py-8" }, f5 = /* @__PURE__ */ $({
+}, i5 = { class: "w-56 grid grid-cols-7" }, d5 = { class: "col-span-5 flex items-center justify-center text-sm" }, u5 = { class: "w-56 grid grid-cols-2 py-8" }, p5 = /* @__PURE__ */ $({
   __name: "DecadeView",
   props: {
     viewData: {}
@@ -658,29 +658,29 @@ const Me = {
     const e = n, l = t, s = I(() => `${e.viewData[0].label} - ${e.viewData[e.viewData.length - 1].label}`);
     return (r, a) => (o(), i("div", null, [
       d("nav", i5, [
-        w(u(K), {
+        w(p(K), {
           icon: "chevron-left",
           variant: "textSubtle",
-          onClick: a[0] || (a[0] = (f) => l("move", { amount: -10, unit: u(X).YEAR }))
+          onClick: a[0] || (a[0] = (u) => l("move", { amount: -10, unit: p(X).YEAR }))
         }),
         d("div", d5, Q(s.value), 1),
-        w(u(K), {
+        w(p(K), {
           icon: "chevron-right",
           variant: "textSubtle",
-          onClick: a[1] || (a[1] = (f) => l("move", { amount: 10, unit: u(X).YEAR }))
+          onClick: a[1] || (a[1] = (u) => l("move", { amount: 10, unit: p(X).YEAR }))
         })
       ]),
       d("main", u5, [
-        (o(!0), i(M, null, m1(r.viewData, (f) => (o(), V(u(K), {
-          key: f.label,
-          variant: f.selected ? "fill" : f.current ? "text" : "textSubtle",
-          label: f.label.toString(),
+        (o(!0), i(M, null, m1(r.viewData, (u) => (o(), V(p(K), {
+          key: u.label,
+          variant: u.selected ? "fill" : u.current ? "text" : "textSubtle",
+          label: u.label.toString(),
           onMouseup: U((h) => l(
             "select",
             {
-              value: f.label,
-              unit: u(X).YEAR,
-              view: u(X).MONTH
+              value: u.label,
+              unit: p(X).YEAR,
+              view: p(X).MONTH
             }
           ), ["stop"])
         }, null, 8, ["variant", "label", "onMouseup"]))), 128))
@@ -691,7 +691,7 @@ const Me = {
 function tt(n) {
   return n && n.charAt(0).toUpperCase() + n.slice(1);
 }
-const p5 = /* @__PURE__ */ $({
+const f5 = /* @__PURE__ */ $({
   __name: "DateButton",
   props: {
     date: {}
@@ -724,37 +724,37 @@ const p5 = /* @__PURE__ */ $({
     const e = t;
     return (l, s) => (o(), i("div", null, [
       d("nav", c5, [
-        w(u(K), {
+        w(p(K), {
           variant: "textSubtle",
           icon: "chevron-left-double",
-          onClick: s[0] || (s[0] = (r) => e("move", { amount: -1, unit: u(X).YEAR }))
+          onClick: s[0] || (s[0] = (r) => e("move", { amount: -1, unit: p(X).YEAR }))
         }),
-        w(u(K), {
+        w(p(K), {
           variant: "textSubtle",
           icon: "chevron-left",
-          onClick: s[1] || (s[1] = (r) => e("move", { amount: -1, unit: u(X).MONTH }))
+          onClick: s[1] || (s[1] = (r) => e("move", { amount: -1, unit: p(X).MONTH }))
         }),
         d("div", C5, [
-          w(u(K), {
+          w(p(K), {
             variant: "textSubtle",
-            label: u(tt)(l.currentMonth.slice(0, 3)),
-            onClick: s[2] || (s[2] = (r) => e("change-view", u(X).YEAR))
+            label: p(tt)(l.currentMonth.slice(0, 3)),
+            onClick: s[2] || (s[2] = (r) => e("change-view", p(X).YEAR))
           }, null, 8, ["label"]),
-          w(u(K), {
+          w(p(K), {
             variant: "textSubtle",
             label: l.currentYear.toString(),
-            onClick: s[3] || (s[3] = (r) => e("change-view", u(X).DECADE))
+            onClick: s[3] || (s[3] = (r) => e("change-view", p(X).DECADE))
           }, null, 8, ["label"])
         ]),
-        w(u(K), {
+        w(p(K), {
           variant: "textSubtle",
           icon: "chevron-right",
-          onClick: s[4] || (s[4] = (r) => e("move", { amount: 1, unit: u(X).MONTH }))
+          onClick: s[4] || (s[4] = (r) => e("move", { amount: 1, unit: p(X).MONTH }))
         }),
-        w(u(K), {
+        w(p(K), {
           variant: "textSubtle",
           icon: "chevron-right-double",
-          onClick: s[5] || (s[5] = (r) => e("move", { amount: 1, unit: u(X).YEAR }))
+          onClick: s[5] || (s[5] = (r) => e("move", { amount: 1, unit: p(X).YEAR }))
         })
       ]),
       d("header", v5, [
@@ -766,10 +766,10 @@ const p5 = /* @__PURE__ */ $({
       d("main", h5, [
         (o(!0), i(M, null, m1(l.viewData, (r) => {
           var a;
-          return o(), V(p5, {
+          return o(), V(f5, {
             key: (a = r.date) == null ? void 0 : a.toISOString(),
             date: r,
-            onClick: (f) => e("select", r)
+            onClick: (u) => e("select", r)
           }, null, 8, ["date", "onClick"]);
         }), 128))
       ])
@@ -786,29 +786,29 @@ const p5 = /* @__PURE__ */ $({
     const e = t;
     return (l, s) => (o(), i("div", null, [
       d("nav", g5, [
-        w(u(K), {
+        w(p(K), {
           icon: "chevron-left",
           variant: "textSubtle",
           onClick: s[0] || (s[0] = (r) => e("move", { amount: -1, unit: "YEAR" }))
         }),
         d("div", b5, Q(l.currentYear), 1),
-        w(u(K), {
+        w(p(K), {
           icon: "chevron-right",
           variant: "textSubtle",
           onClick: s[1] || (s[1] = (r) => e("move", { amount: 1, unit: "YEAR" }))
         })
       ]),
       d("main", L5, [
-        (o(!0), i(M, null, m1(l.viewData, (r, a) => (o(), V(u(K), {
+        (o(!0), i(M, null, m1(l.viewData, (r, a) => (o(), V(p(K), {
           key: r.label,
           variant: r.selected ? "fill" : r.current ? "text" : "textSubtle",
-          label: u(tt)(r.label.toString()),
-          onClick: (f) => e(
+          label: p(tt)(r.label.toString()),
+          onClick: (u) => e(
             "select",
             {
               value: a,
-              unit: u(X).MONTH,
-              view: u(X).MONTH
+              unit: p(X).MONTH,
+              view: p(X).MONTH
             }
           )
         }, null, 8, ["variant", "label", "onClick"]))), 128))
@@ -831,18 +831,18 @@ const C1 = (n) => {
     return null;
   if (l === X.MONTH || l === X.YEAR)
     throw new Error("Cannot calculate delta in months or years");
-  return (n.getTime() - t.getTime()) / fe[l];
-}, S1 = (n, t) => (n = C1(n), t = C1(t), !n || !t ? !1 : n.getUTCFullYear() === t.getUTCFullYear() && n.getUTCMonth() === t.getUTCMonth() && n.getUTCDate() === t.getUTCDate()), H5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() > t.getTime() || e && S1(n, t)), V5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() < t.getTime() || e && S1(n, t)), us = (n, t, e, l = !1) => H5(n, t, l) && V5(n, e, l), k5 = (n) => (n = C1(n), Math.floor(n.getUTCFullYear() / 10) * 10), fs = (n) => {
+  return (n.getTime() - t.getTime()) / pe[l];
+}, S1 = (n, t) => (n = C1(n), t = C1(t), !n || !t ? !1 : n.getUTCFullYear() === t.getUTCFullYear() && n.getUTCMonth() === t.getUTCMonth() && n.getUTCDate() === t.getUTCDate()), H5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() > t.getTime() || e && S1(n, t)), V5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() < t.getTime() || e && S1(n, t)), us = (n, t, e, l = !1) => H5(n, t, l) && V5(n, e, l), k5 = (n) => (n = C1(n), Math.floor(n.getUTCFullYear() / 10) * 10), ps = (n) => {
   const t = C1(n);
   t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
   const e = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
-  return t && e ? Math.ceil(((t.getTime() - e.getTime()) / fe.DAY + 1) / 7) : 0;
-}, P1 = (n, t, e) => {
+  return t && e ? Math.ceil(((t.getTime() - e.getTime()) / pe.DAY + 1) / 7) : 0;
+}, x1 = (n, t, e) => {
   const l = C1(n), s = et(e);
   if (s === X.MONTH) throw new Error("Cannot move date by month");
   let r = l.getTime();
-  return r += t * fe[s], l.setTime(r), l;
-}, ps = (n) => {
+  return r += t * pe[s], l.setTime(r), l;
+}, fs = (n) => {
   console.log(
     n.toISOString().substr(0, 16).replace("T", " ")
   );
@@ -852,10 +852,10 @@ const C1 = (n) => {
 }, Cs = (n) => (n = C1(n), n ? n.toISOString().substring(0, 16).replace("T", " ") : null), w5 = 7, M5 = 6, Z5 = w5 * M5;
 class $5 {
   constructor(t, e = null) {
-    x1(this, "options");
-    x1(this, "today");
-    x1(this, "selectedDate");
-    x1(this, "dateCursor");
+    I1(this, "options");
+    I1(this, "today");
+    I1(this, "selectedDate");
+    I1(this, "dateCursor");
     this.options = t, "weekstart" in t || (this.options.weekStart = Object.values(w1).indexOf(w1.MONDAY));
     const l = /* @__PURE__ */ new Date();
     if (this.today = new Date(Date.UTC(l.getUTCFullYear(), l.getUTCMonth(), l.getUTCDate())), this.selectedDate = null, this.dateCursor = null, e)
@@ -917,7 +917,7 @@ class $5 {
       t.getUTCDay() - this.options.weekStart,
       Object.values(w1).length
     );
-    t = P1(t, -e, X.DAY);
+    t = x1(t, -e, X.DAY);
     const l = [];
     for (let s = 0; s < 7; s++)
       l.push({
@@ -963,16 +963,16 @@ class $5 {
     );
     switch (t) {
       case H1.UP:
-        e = P1(e, -7, X.DAY);
+        e = x1(e, -7, X.DAY);
         break;
       case H1.DOWN:
-        e = P1(e, 7, X.DAY);
+        e = x1(e, 7, X.DAY);
         break;
       case H1.LEFT:
-        e = P1(e, -1, X.DAY);
+        e = x1(e, -1, X.DAY);
         break;
       case H1.RIGHT:
-        e = P1(e, 1, X.DAY);
+        e = x1(e, 1, X.DAY);
         break;
       default:
         throw new Error(`Direction [${t}] not accepted`);
@@ -1000,7 +1000,7 @@ class $5 {
 }
 var h1 = ((n) => (n[n.DATE = X.DAY] = "DATE", n[n.WEEK = X.WEEK] = "WEEK", n[n.MONTH = X.MONTH] = "MONTH", n[n.YEAR = X.YEAR] = "YEAR", n[n.DECADE = X.DECADE] = "DECADE", n))(h1 || {});
 const D5 = (n = null, t) => {
-  const e = new $5(t, n), l = L([]), s = L(h1.MONTH), r = L(""), a = L(0), f = (y) => {
+  const e = new $5(t, n), l = L([]), s = L(h1.MONTH), r = L(""), a = L(0), u = (y) => {
     if (!Object.keys(h1).includes(y)) {
       console.warn(`[changeView] wrong view type: ${y}`);
       return;
@@ -1022,16 +1022,16 @@ const D5 = (n = null, t) => {
         break;
     }
   }, h = () => {
-    f(s.value), r.value = e.getDateCursorMonthName(), a.value = e.dateCursor.getUTCFullYear();
+    u(s.value), r.value = e.getDateCursorMonthName(), a.value = e.dateCursor.getUTCFullYear();
   }, m = (y) => {
     e.setSelectedDate(y), h();
   };
   A1(() => {
-    m(n), f(s.value);
+    m(n), u(s.value);
   });
   const c = (y, C = !1) => {
-    e.moveSelectedDate(y), !C && s.value !== h1.MONTH ? f(h1.DATE) : h();
-  }, p = ({ amount: y, unit: C }) => {
+    e.moveSelectedDate(y), !C && s.value !== h1.MONTH ? u(h1.DATE) : h();
+  }, f = ({ amount: y, unit: C }) => {
     switch (C) {
       case X.DAY:
         e.addDaysToDateCursor(y);
@@ -1066,7 +1066,7 @@ const D5 = (n = null, t) => {
     }
     h();
   }, v = ({ value: y, unit: C, view: b }) => {
-    g(y, C), f(b);
+    g(y, C), u(b);
   };
   return {
     selectedDate: e.selectedDate,
@@ -1074,9 +1074,9 @@ const D5 = (n = null, t) => {
     viewType: s,
     viewMonth: r,
     viewYear: a,
-    changeView: f,
+    changeView: u,
     moveRequest: c,
-    moveViewDate: p,
+    moveViewDate: f,
     setSelectedDate: m,
     setViewDate: g,
     setViewDateAndChangeView: v
@@ -1101,11 +1101,11 @@ const D5 = (n = null, t) => {
       viewType: s,
       viewMonth: r,
       viewYear: a,
-      changeView: f,
+      changeView: u,
       moveViewDate: h,
       moveRequest: m,
       setSelectedDate: c,
-      setViewDateAndChangeView: p
+      setViewDateAndChangeView: f
     } = D5(n.value, { weekStart: n.weekStart, disabledDates: n.disabledDates });
     r1(() => n.value, (b) => c(b));
     const g = Ht(r), v = L(Object.values(w1).map((b, D) => Object.values(w1)[j1(D + n.weekStart, Object.values(w1).length)])), y = (b) => {
@@ -1133,36 +1133,36 @@ const D5 = (n = null, t) => {
     };
     return a1(() => {
       document.addEventListener("keydown", C);
-    }), U1(() => {
+    }), N1(() => {
       document.removeEventListener("keydown", C);
     }), (b, D) => (o(), i("section", T5, [
       d("main", B5, [
-        u(s) === u(h1).MONTH ? (o(), V(m5, {
+        p(s) === p(h1).MONTH ? (o(), V(m5, {
           key: 0,
           "current-month": g.value,
-          "current-year": u(a),
-          "view-data": u(l),
+          "current-year": p(a),
+          "view-data": p(l),
           weekdays: v.value,
-          onMove: u(h),
-          onChangeView: u(f),
+          onMove: p(h),
+          onChangeView: p(u),
           onSelect: y
         }, null, 8, ["current-month", "current-year", "view-data", "weekdays", "onMove", "onChangeView"])) : k("", !0),
-        u(s) === u(h1).YEAR ? (o(), V(y5, {
+        p(s) === p(h1).YEAR ? (o(), V(y5, {
           key: 1,
-          "current-year": u(a),
-          "view-data": u(l),
-          onMove: u(h),
-          onSelect: u(p)
+          "current-year": p(a),
+          "view-data": p(l),
+          onMove: p(h),
+          onSelect: p(f)
         }, null, 8, ["current-year", "view-data", "onMove", "onSelect"])) : k("", !0),
-        u(s) === u(h1).DECADE ? (o(), V(f5, {
+        p(s) === p(h1).DECADE ? (o(), V(p5, {
           key: 2,
-          "view-data": u(l),
-          onMove: u(h),
-          onSelect: u(p)
+          "view-data": p(l),
+          onMove: p(h),
+          onSelect: p(f)
         }, null, 8, ["view-data", "onMove", "onSelect"])) : k("", !0)
       ]),
       b.clearable ? (o(), i("footer", S5, [
-        w(u(K), {
+        w(p(K), {
           square: "",
           size: "tiny",
           variant: "outlineSubtle",
@@ -1175,13 +1175,13 @@ const D5 = (n = null, t) => {
     ]));
   }
 }), J1 = (n, t = !0, e = !1) => {
-  const l = new Date(n), s = new Intl.DateTimeFormat("en-001", { weekday: "short" }).format(l), r = l.getDate().toString().padStart(2, "0"), a = new Intl.DateTimeFormat("en-001", { month: "short" }).format(l), f = l.getFullYear(), h = l.getHours().toString().padStart(2, "0"), m = l.getMinutes().toString().padStart(2, "0");
-  let c = `${r} ${a} ${f}`;
+  const l = new Date(n), s = new Intl.DateTimeFormat("en-001", { weekday: "short" }).format(l), r = l.getDate().toString().padStart(2, "0"), a = new Intl.DateTimeFormat("en-001", { month: "short" }).format(l), u = l.getFullYear(), h = l.getHours().toString().padStart(2, "0"), m = l.getMinutes().toString().padStart(2, "0");
+  let c = `${r} ${a} ${u}`;
   return t && (c = `${s} ${c}`), e && (c = `${c} ${h}:${m}`), c;
 }, A5 = (n) => J1(n, !1, !1), R5 = (n) => J1(n, !0, !1), E5 = (n) => J1(n, !1, !0), O5 = (n) => J1(n, !0, !0), lt = (n, t = !1) => {
-  const e = new Date(n), l = e.getFullYear(), s = (e.getMonth() + 1).toString().padStart(2, "0"), r = e.getDate().toString().padStart(2, "0"), a = e.getHours().toString().padStart(2, "0"), f = e.getMinutes().toString().padStart(2, "0");
+  const e = new Date(n), l = e.getFullYear(), s = (e.getMonth() + 1).toString().padStart(2, "0"), r = e.getDate().toString().padStart(2, "0"), a = e.getHours().toString().padStart(2, "0"), u = e.getMinutes().toString().padStart(2, "0");
   let h = `${l}-${s}-${r}`;
-  return t && (h = `${h} ${a}:${f}`), h;
+  return t && (h = `${h} ${a}:${u}`), h;
 }, I5 = (n) => lt(n, !1), x5 = (n) => lt(n, !0), vs = {
   readableDate: A5,
   readableDateWithDay: R5,
@@ -1206,7 +1206,7 @@ const D5 = (n = null, t) => {
         "border-default bg-secondary hover:bg-secondary": e.disabled && !e.value
       }])
     }, [
-      t.value ? (o(), V(u(e1), {
+      t.value ? (o(), V(p(e1), {
         key: 0,
         name: t.value,
         class: "text-white"
@@ -1309,7 +1309,7 @@ const D5 = (n = null, t) => {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(!1), f = I(() => e.open ? e.borderClassOpen : e.borderClassClosed), h = I(() => a.value ? {
+    const e = n, l = t, s = L(), r = L(), a = L(!1), u = I(() => e.open ? e.borderClassOpen : e.borderClassClosed), h = I(() => a.value ? {
       top: "-1px",
       paddingTop: "1px"
     } : {});
@@ -1333,7 +1333,7 @@ const D5 = (n = null, t) => {
       ), m.value.observe(r.value));
     }), T1(() => {
       m.value && m.value.disconnect();
-    }), (c, p) => (o(), i("section", W5, [
+    }), (c, f) => (o(), i("section", W5, [
       d("header", {
         ref_key: "headerRef",
         ref: r,
@@ -1342,7 +1342,7 @@ const D5 = (n = null, t) => {
             "shadow-sm-xs border-strong sticky z-10": a.value,
             relative: !a.value
           },
-          f.value,
+          u.value,
           c.headerBgClass
         ]]),
         style: t1(h.value)
@@ -1352,12 +1352,12 @@ const D5 = (n = null, t) => {
             A(c.$slots, "header", { sticky: a.value })
           ])) : k("", !0),
           d("div", K5, [
-            c.$slots.content ? (o(), V(u(K), {
+            c.$slots.content ? (o(), V(p(K), {
               key: 0,
               small: "",
               variant: "textSubtle",
               icon: c.open ? "chevron-down-small" : "chevron-right-small",
-              onClick: p[0] || (p[0] = (g) => l("toggle", c.id))
+              onClick: f[0] || (f[0] = (g) => l("toggle", c.id))
             }, null, 8, ["icon"])) : k("", !0)
           ]),
           c.alignment === "right" ? (o(), i("div", Q5, [
@@ -1370,7 +1370,7 @@ const D5 = (n = null, t) => {
       ])) : k("", !0)
     ]));
   }
-}), E1 = /* @__PURE__ */ $({
+}), Y1 = /* @__PURE__ */ $({
   __name: "ConfirmCancel",
   props: {
     order: { default: "confirm-first" },
@@ -1390,12 +1390,12 @@ const D5 = (n = null, t) => {
   emits: ["confirm", "cancel"],
   setup(n, { emit: t }) {
     const e = t, l = I(() => n.order === "confirm-first");
-    return (s, r) => (o(), V(u(n1), {
+    return (s, r) => (o(), V(p(n1), {
       col: s.vertical,
       class: "gap-2"
     }, {
       default: Z(() => [
-        l.value ? (o(), V(u(K), {
+        l.value ? (o(), V(p(K), {
           key: 0,
           small: s.small,
           "stop-propagation": "",
@@ -1407,7 +1407,7 @@ const D5 = (n = null, t) => {
           class: B({ "flex-1": s.fillContainer }),
           onClick: r[0] || (r[0] = (a) => e("confirm"))
         }, null, 8, ["small", "icon", "label", "variant", "disabled", "loading", "class"])) : k("", !0),
-        w(u(K), {
+        w(p(K), {
           variant: s.cancelVariant,
           "stop-propagation": "",
           disabled: s.cancelDisabled,
@@ -1417,7 +1417,7 @@ const D5 = (n = null, t) => {
           class: B({ "flex-1": s.fillContainer }),
           onClick: r[1] || (r[1] = (a) => e("cancel"))
         }, null, 8, ["variant", "disabled", "small", "icon", "label", "class"]),
-        l.value ? k("", !0) : (o(), V(u(K), {
+        l.value ? k("", !0) : (o(), V(p(K), {
           key: 1,
           small: s.small,
           "stop-propagation": "",
@@ -1434,13 +1434,13 @@ const D5 = (n = null, t) => {
     }, 8, ["col"]));
   }
 });
-function pe(n) {
+function fe(n) {
   const t = "pointerdown";
   let e;
   const l = (a) => {
-    e = (f) => {
-      let h = u(a);
-      !h || ("length" in h || (h = [h]), h.some((c) => c === f.target || f.composedPath().includes(c))) || n(f);
+    e = (u) => {
+      let h = p(a);
+      !h || ("length" in h || (h = [h]), h.some((c) => c === u.target || u.composedPath().includes(c))) || n(u);
     }, window.addEventListener(t, e);
   }, s = () => {
     e && window.removeEventListener(t, e);
@@ -1457,7 +1457,7 @@ function ce(n) {
   const t = (e) => {
     e.key === "Escape" && n();
   };
-  a1(() => window.addEventListener("keydown", t)), U1(() => window.removeEventListener("keydown", t));
+  a1(() => window.addEventListener("keydown", t)), N1(() => window.removeEventListener("keydown", t));
 }
 const X5 = () => {
   const n = L(!1);
@@ -1473,14 +1473,14 @@ const X5 = () => {
   let l, s, r;
   const a = (h) => {
     h.key === "Tab" && (h.shiftKey ? l && r && document.activeElement === l && (r.focus(), h.preventDefault()) : l && r && document.activeElement === r && (l.focus(), h.preventDefault()));
-  }, f = () => {
+  }, u = () => {
     if (!n.value) {
       console.warn("[useTrapFocus] trapElement is not present");
       return;
     }
     l = n.value.querySelectorAll(e)[0], s = Array.from(n.value.querySelectorAll(e)), r = s[e.length - 1], document.addEventListener("keydown", a), l && t && l.focus();
   };
-  return U1(() => document.removeEventListener("keydown", a)), { trapFocus: f };
+  return N1(() => document.removeEventListener("keydown", a)), { trapFocus: u };
 }, J5 = {
   key: 0,
   class: "absolute w-16 left-0 z-10 h-full flex items-center",
@@ -1492,11 +1492,11 @@ const X5 = () => {
 }, Ze = 120, gs = /* @__PURE__ */ $({
   __name: "ContentSlider",
   setup(n, { expose: t }) {
-    const e = L(0), l = L(null), s = L(null), r = L(l.value ? l.value.clientWidth : 0), a = L(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - Ze), h = () => {
+    const e = L(0), l = L(null), s = L(null), r = L(l.value ? l.value.clientWidth : 0), a = L(s.value ? s.value.scrollWidth : 0), u = () => e.value = Math.max(0, e.value - Ze), h = () => {
       e.value = Math.min(a.value - r.value, e.value + Ze);
-    }, m = I(() => e.value > 0), c = I(() => e.value < a.value - r.value), { nextFrame: p } = Ce(), g = () => {
+    }, m = I(() => e.value > 0), c = I(() => e.value < a.value - r.value), { nextFrame: f } = Ce(), g = () => {
       M1(() => {
-        p(() => {
+        f(() => {
           r.value = l.value ? l.value.clientWidth : 0, a.value = s.value ? s.value.scrollWidth : 0, r.value >= a.value && (e.value = 0);
         });
       });
@@ -1507,12 +1507,12 @@ const X5 = () => {
       class: "relative flex-1 flex items-center py-1 overflow-hidden whitespace-nowrap"
     }, [
       m.value ? (o(), i("aside", J5, [
-        w(u(K), {
+        w(p(K), {
           small: "",
           icon: "chevron-left",
           variant: "outline",
           class: "shadow-sm",
-          onClick: f
+          onClick: u
         })
       ])) : k("", !0),
       d("main", {
@@ -1524,7 +1524,7 @@ const X5 = () => {
         A(v.$slots, "default")
       ], 4),
       c.value ? (o(), i("aside", _5, [
-        c.value ? (o(), V(u(K), {
+        c.value ? (o(), V(p(K), {
           key: 0,
           small: "",
           icon: "chevron-right",
@@ -1570,10 +1570,10 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
   key: 13,
   "fill-rule": "evenodd",
   d: "M8 1C4.13401 1 1 4.13401 1 8H0C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C4.96894 16 2.33236 14.3141 0.975485 11.8313L0.801925 11.5137L1.14071 11.1522L5 7.29289L7 9.29289L10.2929 6H8V5H12V9H11V6.70711L7 10.7071L5 8.70711L2.03764 11.6695C3.27087 13.6689 5.48031 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z"
-}, fl = {
+}, pl = {
   key: 15,
   d: "M8 2.29297L12.7071 7.00007L12 7.70718L8.49989 4.20697L8.5 14.0001H7.5L7.49989 4.20697L4 7.70718L3.29289 7.00007L8 2.29297Z"
-}, pl = {
+}, fl = {
   key: 16,
   d: "M8.21165 14.8807C7.125 14.8807 6.16442 14.7315 5.3299 14.4332C4.49538 14.1385 3.79403 13.7035 3.22585 13.1282C2.65767 12.5529 2.22798 11.848 1.93679 11.0135C1.6456 10.179 1.5 9.22372 1.5 8.14773C1.5 7.10724 1.64737 6.17685 1.94212 5.35653C2.24041 4.53622 2.67188 3.8402 3.23651 3.26847C3.80469 2.69318 4.49361 2.25462 5.30327 1.95277C6.11648 1.65092 7.03622 1.5 8.0625 1.5C9.06037 1.5 9.93395 1.66335 10.6832 1.99006C11.4361 2.31321 12.0646 2.75178 12.5689 3.30575C13.0767 3.85618 13.4567 4.47585 13.7088 5.16477C13.9645 5.85369 14.0923 6.56392 14.0923 7.29545C14.0923 7.81037 14.0675 8.33239 14.0178 8.86151C13.968 9.39063 13.8633 9.87713 13.7035 10.321C13.5437 10.7614 13.2969 11.1165 12.9631 11.3864C12.6328 11.6562 12.1854 11.7912 11.6207 11.7912C11.3722 11.7912 11.0987 11.7521 10.8004 11.674C10.5021 11.5959 10.2376 11.4663 10.0067 11.2852C9.77592 11.104 9.6392 10.8608 9.59659 10.5554H9.53267C9.44744 10.7614 9.31605 10.9567 9.13849 11.1413C8.96449 11.326 8.73544 11.4734 8.45135 11.5835C8.17081 11.6935 7.82812 11.7415 7.4233 11.7273C6.96165 11.7095 6.55504 11.6065 6.20348 11.4183C5.85192 11.2266 5.55717 10.9673 5.31925 10.6406C5.08487 10.3104 4.90732 9.92862 4.78658 9.49538C4.66939 9.05859 4.6108 8.58807 4.6108 8.08381C4.6108 7.6044 4.68182 7.16584 4.82386 6.76811C4.96591 6.37038 5.163 6.02237 5.41513 5.72408C5.67081 5.42578 5.9691 5.18786 6.31001 5.0103C6.65447 4.82919 7.02557 4.71733 7.4233 4.67472C7.77841 4.63921 8.10156 4.65519 8.39276 4.72266C8.68395 4.78658 8.92365 4.88423 9.11186 5.01563C9.30007 5.14347 9.41903 5.28551 9.46875 5.44176H9.53267V4.84517H10.6619V9.66051C10.6619 9.95881 10.7454 10.2216 10.9123 10.4489C11.0792 10.6761 11.3224 10.7898 11.642 10.7898C12.0043 10.7898 12.2812 10.6655 12.473 10.4169C12.6683 10.1683 12.8015 9.7848 12.8725 9.26634C12.9471 8.74787 12.9844 8.08381 12.9844 7.27415C12.9844 6.7983 12.9187 6.32955 12.7873 5.8679C12.6594 5.4027 12.4641 4.96769 12.2013 4.56286C11.9421 4.15803 11.6136 3.80114 11.2159 3.49219C10.8182 3.18324 10.3512 2.94176 9.81499 2.76776C9.28232 2.5902 8.67685 2.50142 7.99858 2.50142C7.16406 2.50142 6.41655 2.63104 5.75604 2.89027C5.09908 3.14595 4.53977 3.5206 4.07812 4.0142C3.62003 4.50426 3.27024 5.10085 3.02876 5.80398C2.79084 6.50355 2.67187 7.29901 2.67187 8.19034C2.67187 9.09588 2.79084 9.90021 3.02876 10.6033C3.27024 11.3065 3.62536 11.8995 4.09411 12.3825C4.56641 12.8654 5.15057 13.2312 5.84659 13.4798C6.54261 13.7319 7.34517 13.858 8.25426 13.858C8.64489 13.858 9.03018 13.8207 9.41016 13.7461C9.79013 13.6715 10.1257 13.5898 10.4169 13.5011C10.7081 13.4123 10.9176 13.3466 11.0455 13.304L11.3438 14.2841C11.1236 14.3764 10.8359 14.4688 10.4808 14.5611C10.1293 14.6534 9.75284 14.7298 9.35156 14.7901C8.95384 14.8505 8.57386 14.8807 8.21165 14.8807ZM7.59375 10.6406C8.0696 10.6406 8.4549 10.5447 8.74964 10.353C9.04439 10.1612 9.25923 9.8718 9.39418 9.48473C9.52912 9.09766 9.59659 8.60938 9.59659 8.01989C9.59659 7.4233 9.52202 6.9581 9.37287 6.62429C9.22372 6.29048 9.00355 6.05611 8.71236 5.92117C8.42116 5.78622 8.0625 5.71875 7.63636 5.71875C7.23153 5.71875 6.8853 5.82528 6.59766 6.03835C6.31357 6.24787 6.09517 6.52841 5.94247 6.87997C5.79332 7.22798 5.71875 7.60795 5.71875 8.01989C5.71875 8.47443 5.77912 8.90234 5.89986 9.30362C6.0206 9.70135 6.21768 10.0245 6.49112 10.2731C6.76456 10.5181 7.1321 10.6406 7.59375 10.6406Z"
 }, cl = {
@@ -1741,10 +1741,10 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
 }, un = {
   key: 125,
   d: "M7 2V9H14C14 12.866 10.866 16 7 16C3.13401 16 0 12.866 0 9C0 5.21455 3.00478 2.1309 6.75935 2.00406L7 2ZM6 3.084L5.89765 3.10104C3.11046 3.61862 1 6.06285 1 9C1 12.3137 3.68629 15 7 15C9.93715 15 12.3814 12.8895 12.899 10.1023L12.915 10H6V3.084ZM8 1C11.7855 1 14.8691 4.00478 14.9959 7.75935L15 8H8V1ZM9 2.084V7H13.915L13.899 6.89765C13.4477 4.46779 11.5322 2.55227 9.10235 2.10104L9 2.084Z"
-}, fn = {
+}, pn = {
   key: 126,
   d: "M8.5 2.5V7.5H13.5V8.5H8.5V13.5H7.5V8.5H2.5V7.5H7.5V2.5H8.5Z"
-}, pn = {
+}, fn = {
   key: 127,
   "fill-rule": "evenodd",
   d: "M7.41369 3.26242C7.41326 3.24923 7.41246 3.2322 7.41103 3.21178C7.40817 3.17105 7.40272 3.1162 7.3923 3.05108C7.37167 2.92214 7.33038 2.74551 7.24611 2.55592C7.07218 2.16456 6.71448 1.72491 6.03547 1.55516C5.33147 1.37916 4.79357 1.65329 4.45995 1.9452C4.29637 2.08833 4.17638 2.23898 4.0975 2.35236C4.05761 2.40971 4.02699 2.45933 4.00547 2.49631L3.96741 2.5658L2.98091 4.53879L2.02487 5.97286C0.930159 7.09143 -0.129039 9.27841 0.949969 11.9759C1.54885 13.4731 3.15347 14.1471 4.5534 14.4653C5.98317 14.7902 7.40289 14.7902 7.90911 14.7902H9.41421L9.4928 14.787C9.53343 14.7841 9.58822 14.7785 9.65266 14.7678C9.77915 14.7467 9.95546 14.7036 10.1378 14.6124C10.3221 14.5203 10.5217 14.3742 10.674 14.1457C10.8284 13.9141 10.9142 13.6277 10.9142 13.2902C10.9142 13.0846 10.8823 12.8979 10.8225 12.7311C10.9189 12.7053 11.0272 12.6677 11.1378 12.6124C11.3221 12.5203 11.5217 12.3742 11.674 12.1457C11.8284 11.9141 11.9142 11.6277 11.9142 11.2902C11.9142 11.0846 11.8823 10.8979 11.8225 10.7311C11.9189 10.7053 12.0272 10.6677 12.1378 10.6124C12.3221 10.5203 12.5217 10.3742 12.674 10.1457C12.8284 9.91409 12.9142 9.62773 12.9142 9.29024C12.9142 9.10857 12.8893 8.94171 12.8423 8.79024H14.4142C14.4397 8.79024 14.7833 8.78969 15.1378 8.61245C15.3221 8.52029 15.5217 8.3742 15.674 8.14571C15.8284 7.91409 15.9142 7.62773 15.9142 7.29024C15.9142 6.95274 15.8284 6.66638 15.674 6.43476C15.5217 6.20627 15.3221 6.06018 15.1378 5.96802C14.7833 5.79078 14.4397 5.79024 14.4142 5.79024H7.00444L7.4074 3.37243L7.41369 3.26242ZM3.86143 5.01385L4.86003 3.01664C4.86145 3.014 4.86499 3.00752 4.86983 2.99921C4.87956 2.98247 4.89581 2.95592 4.91842 2.92343C4.96455 2.85712 5.03205 2.77339 5.11847 2.69778C5.28485 2.55219 5.49694 2.45131 5.79295 2.52531C6.11395 2.60556 6.25624 2.79091 6.33231 2.96206C6.37304 3.05371 6.39425 3.14271 6.40487 3.20908C6.40829 3.23044 6.41048 3.24865 6.41188 3.26287L5.92102 6.20804C5.89685 6.35302 5.9377 6.50128 6.0327 6.61343C6.12771 6.72557 6.26724 6.79024 6.41421 6.79024L14.4115 6.79026C14.4115 6.79026 14.5557 6.795 14.6906 6.86245C14.7563 6.8953 14.8068 6.93671 14.8419 6.98947C14.875 7.03909 14.9142 7.12773 14.9142 7.29024C14.9142 7.45275 14.875 7.54139 14.8419 7.59101C14.8068 7.64377 14.7563 7.68518 14.6906 7.71803C14.5557 7.78548 14.4115 7.79022 14.4115 7.79022L14.4128 7.79024H9.41422C9.13807 7.79024 8.91422 8.0141 8.91422 8.29024C8.91422 8.56638 9.13807 8.79024 9.41422 8.79024H11.4097L11.4216 8.79092C11.4356 8.79193 11.4589 8.79418 11.4883 8.79906C11.5493 8.80923 11.623 8.82863 11.6906 8.86245C11.7563 8.8953 11.8068 8.93671 11.8419 8.98947C11.875 9.03909 11.9142 9.12773 11.9142 9.29024C11.9142 9.45275 11.875 9.54139 11.8419 9.59101C11.8068 9.64377 11.7563 9.68518 11.6906 9.71803C11.623 9.75185 11.5493 9.77125 11.4883 9.78142C11.4589 9.7863 11.4356 9.78855 11.4216 9.78956L11.4097 9.79024H8.91422C8.63807 9.79024 8.41421 10.0141 8.41421 10.2902C8.41421 10.5664 8.63807 10.7902 8.91422 10.7902H10.4097L10.4216 10.7909C10.4356 10.7919 10.4589 10.7942 10.4883 10.7991C10.5493 10.8092 10.623 10.8286 10.6906 10.8625C10.7563 10.8953 10.8068 10.9367 10.8419 10.9895C10.875 11.0391 10.9142 11.1277 10.9142 11.2902C10.9142 11.4527 10.875 11.5414 10.8419 11.591C10.8068 11.6438 10.7563 11.6852 10.6906 11.718C10.623 11.7518 10.5493 11.7712 10.4883 11.7814C10.4589 11.7863 10.4356 11.7886 10.4216 11.7896L10.4097 11.7902H8.41421C8.13807 11.7902 7.91421 12.0141 7.91421 12.2902C7.91421 12.5664 8.13807 12.7902 8.41421 12.7902H9.4097L9.42156 12.7909C9.43561 12.7919 9.45895 12.7942 9.48826 12.7991C9.54927 12.8092 9.62296 12.8286 9.69061 12.8625C9.75629 12.8953 9.80677 12.9367 9.84194 12.9895C9.87502 13.0391 9.91421 13.1277 9.91421 13.2902C9.91421 13.4527 9.87502 13.5414 9.84194 13.591C9.80677 13.6438 9.75629 13.6852 9.69061 13.718C9.62296 13.7518 9.54927 13.7712 9.48826 13.7814C9.45895 13.7863 9.43561 13.7886 9.42156 13.7896L9.4097 13.7902H7.91421C7.41595 13.7902 6.09043 13.7891 4.77502 13.4902C3.42495 13.1833 2.27957 12.6073 1.87845 11.6045C0.969213 9.33145 1.87493 7.53663 2.76777 6.64379C2.79105 6.62051 2.81197 6.59499 2.83024 6.56759L3.83024 5.06759C3.84174 5.05034 3.85216 5.03239 3.86143 5.01385Z"
@@ -1886,7 +1886,7 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
       ], 64)) : t.name === "arrow-down" ? (o(), i("path", ol)) : t.name === "arrow-from" ? (o(), i("path", sl)) : t.name === "arrow-left" ? (o(), i("path", al)) : t.name === "arrow-move" ? (o(), i("path", rl)) : t.name === "arrow-right" ? (o(), i("path", il)) : t.name === "arrow-sub" ? (o(), i("path", dl)) : t.name === "arrow-trend" ? (o(), i("path", ul)) : t.name === "arrow-up-plus" ? (o(), i(M, { key: 14 }, [
         e[14] || (e[14] = d("path", { d: "M10.7071 6.00007L6.00001 1.29297L1.29291 6.00007L2.00001 6.70718L5.49991 3.20697L5.50001 15.0001H6.50001L6.49991 3.20697L10 6.70718L10.7071 6.00007Z" }, null, -1)),
         e[15] || (e[15] = d("path", { d: "M13 11.5V9.5H12V11.5H10V12.5H12V14.5H13V12.5H15V11.5H13Z" }, null, -1))
-      ], 64)) : t.name === "arrow-up" ? (o(), i("path", fl)) : t.name === "at-symbol" ? (o(), i("path", pl)) : t.name === "audio" ? (o(), i(M, { key: 17 }, [
+      ], 64)) : t.name === "arrow-up" ? (o(), i("path", pl)) : t.name === "at-symbol" ? (o(), i("path", fl)) : t.name === "audio" ? (o(), i(M, { key: 17 }, [
         e[16] || (e[16] = d("path", {
           "fill-rule": "evenodd",
           d: "M8.1709 2.12429C8.31855 1.9951 8.52838 1.96412 8.70703 2.04519C8.88538 2.12637 9 2.30427 9 2.50027V14.0003C8.99989 14.2024 8.87813 14.3848 8.69141 14.4622C8.50465 14.5395 8.28946 14.4967 8.14648 14.3538L4.29297 10.5003H1.5C1.22394 10.5003 1.00014 10.2763 1 10.0003V6.00027C1 5.72412 1.22386 5.50027 1.5 5.50027H4.3125L8.1709 2.12429ZM4.8291 6.37624C4.73797 6.45592 4.62105 6.50027 4.5 6.50027H2V9.50027H4.5C4.63261 9.50027 4.75975 9.55298 4.85352 9.64675L8 12.7932V3.60085L4.8291 6.37624Z"
@@ -2208,7 +2208,7 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
           "fill-rule": "evenodd",
           d: "M0 2V14H16V2H0ZM15 3H1V10.5284L3.98146 8.3988L8.01149 10.9176L11.5115 8.91757L15 11.0979V3ZM15 12.2771L11.4885 10.0825L7.98851 12.0825L4.01854 9.60122L1 11.7573V13H15V12.2771Z"
         }, null, -1))
-      ], 64)) : t.name === "pie-chart" ? (o(), i("path", un)) : t.name === "plus" ? (o(), i("path", fn)) : t.name === "point-left" ? (o(), i("path", pn)) : t.name === "point-up" ? (o(), i("path", cn)) : t.name === "popup" ? (o(), i(M, { key: 129 }, [
+      ], 64)) : t.name === "pie-chart" ? (o(), i("path", un)) : t.name === "plus" ? (o(), i("path", pn)) : t.name === "point-left" ? (o(), i("path", fn)) : t.name === "point-up" ? (o(), i("path", cn)) : t.name === "popup" ? (o(), i(M, { key: 129 }, [
         e[145] || (e[145] = d("path", { d: "M12 9V4H7.00001V5L10.2935 4.999L5.64645 9.64645L6.35356 10.3536L10.9995 5.707L11 9H12Z" }, null, -1)),
         e[146] || (e[146] = d("path", {
           "fill-rule": "evenodd",
@@ -2314,7 +2314,7 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
       class: "flex items-center justify-center w-4 h-4 rounded-full hover:bg-black/15 focus-visible:bg-black/15 active:bg-black/25 dark:hover:bg-white/15 dark:focus-visible:bg-white/15 dark:active:bg-white/25 text-tertiary hover:text-secondary active:text-tertiary cursor-pointer",
       onClick: e[0] || (e[0] = U((l) => t.$emit("click"), ["stop", "prevent"]))
     }, [
-      w(u(e1), { name: "close" })
+      w(p(e1), { name: "close" })
     ]));
   }
 }), In = { class: "flex items-center justify-between w-full h-12" }, xn = { key: 0 }, Pn = { key: 1 }, Fn = { class: "flex items-center h-12" }, Ls = /* @__PURE__ */ $({
@@ -2330,27 +2330,27 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
     const l = e, s = L(!1);
     a1(() => s.value = !0);
     const r = () => s.value = !1, a = () => n.closeable && r();
-    return n.closeable && ce(a), t({ close: r }), (f, h) => (o(), V(W1, { to: f.target }, [
-      w(u(ve), {
+    return n.closeable && ce(a), t({ close: r }), (u, h) => (o(), V(U1, { to: u.target }, [
+      w(p(ve), {
         show: s.value,
-        type: f.overlayType,
+        type: u.overlayType,
         onClick: a,
         onClose: h[1] || (h[1] = (m) => l("close"))
       }, {
         default: Z(() => [
-          w(u(ot), {
+          w(p(ot), {
             onTransitionAfterEnter: h[0] || (h[0] = (m) => l("open"))
           }, {
             default: Z(() => [
-              Y1(w(u(he), { class: "h-64 max-w-2xl md:w-1/2 md:max-w-lg p-4 md:px-8" }, {
+              W1(w(p(he), { class: "h-64 max-w-2xl md:w-1/2 md:max-w-lg p-4 md:px-8" }, {
                 default: Z(() => [
-                  w(u(me), null, {
+                  w(p(me), null, {
                     header: Z(() => [
                       d("header", In, [
-                        f.title ? (o(), i("h4", xn, Q(f.title), 1)) : (o(), i("h4", Pn, [
-                          A(f.$slots, "title", { close: r })
+                        u.title ? (o(), i("h4", xn, Q(u.title), 1)) : (o(), i("h4", Pn, [
+                          A(u.$slots, "title", { close: r })
                         ])),
-                        f.closeable ? (o(), V(u(K), {
+                        u.closeable ? (o(), V(p(K), {
                           key: 2,
                           small: "",
                           icon: "close",
@@ -2360,11 +2360,11 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
                       ])
                     ]),
                     main: Z(() => [
-                      A(f.$slots, "main", { close: r })
+                      A(u.$slots, "main", { close: r })
                     ]),
                     footer: Z(() => [
                       d("footer", Fn, [
-                        A(f.$slots, "footer", { close: r })
+                        A(u.$slots, "footer", { close: r })
                       ])
                     ]),
                     _: 3
@@ -2430,7 +2430,7 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
     }, [
       d("span", Nn, Q(t.label), 1),
       t.active && t.count ? (o(), i("span", Un, Q(t.count), 1)) : k("", !0),
-      t.deletable && t.active ? (o(), V(u(On), {
+      t.deletable && t.active ? (o(), V(p(On), {
         key: 1,
         onClick: e[0] || (e[0] = (l) => t.$emit("delete"))
       })) : k("", !0)
@@ -2492,7 +2492,7 @@ const bs = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
       _: 3
     }, 8, ["class"]));
   }
-}), F1 = (n, t, e) => t !== null && e !== null ? Math.min(Math.max(n, t), e) : t === null && e !== null ? Math.max(n, e) : t !== null && e === null ? Math.min(n, t) : n, Kn = (n, t = 300) => {
+}), P1 = (n, t, e) => t !== null && e !== null ? Math.min(Math.max(n, t), e) : t === null && e !== null ? Math.max(n, e) : t !== null && e === null ? Math.min(n, t) : n, Kn = (n, t = 300) => {
   let e;
   return (...l) => {
     clearTimeout(e), e = setTimeout(() => n.apply(void 0, l), t);
@@ -2525,8 +2525,8 @@ const Qn = () => {
   let l = t.offsetParent;
   for (; l && n !== l && n.contains(l); )
     e.push(l), l = l.offsetParent;
-  const s = t.offsetTop + e.reduce((h, m) => h + m.offsetTop, 0), r = s + t.offsetHeight, a = n.scrollTop, f = a + n.clientHeight;
-  s < a ? n.scrollTop = s : r > f && (n.scrollTop = r - n.clientHeight);
+  const s = t.offsetTop + e.reduce((h, m) => h + m.offsetTop, 0), r = s + t.offsetHeight, a = n.scrollTop, u = a + n.clientHeight;
+  s < a ? n.scrollTop = s : r > u && (n.scrollTop = r - n.clientHeight);
 }, ie = (n) => n != null, Vs = (n) => ie(n) && (typeof n == "string" ? n !== "" : !0) && (Array.isArray(n) ? n.length > 0 : !0), qn = ["aria-label"], $e = /* @__PURE__ */ $({
   __name: "Aside",
   props: {
@@ -2543,23 +2543,23 @@ const Qn = () => {
       e.side === "left" ? "left-0" : "right-0",
       e.border ? e.side === "left" ? "border-r border-default" : "border-l border-default" : ""
     ]);
-    let a, f;
+    let a, u;
     const h = L(!1);
     function m(v) {
-      a = v.pageX, f = e.width, h.value = !0, window.addEventListener("mouseup", p), window.addEventListener("mousemove", c), l("resize-start");
+      a = v.pageX, u = e.width, h.value = !0, window.addEventListener("mouseup", f), window.addEventListener("mousemove", c), l("resize-start");
     }
     function c(v) {
-      const y = e.side === "left" ? v.pageX - a : a - v.pageX, C = f + y, b = F1(C, e.minWidth, e.maxWidth);
+      const y = e.side === "left" ? v.pageX - a : a - v.pageX, C = u + y, b = P1(C, e.minWidth, e.maxWidth);
       b !== e.width && l("resize", b);
     }
-    function p() {
-      h.value = !1, window.removeEventListener("mouseup", p), window.removeEventListener("mousemove", c), l("resize-end");
+    function f() {
+      h.value = !1, window.removeEventListener("mouseup", f), window.removeEventListener("mousemove", c), l("resize-end");
     }
     function g(v) {
       let C = e.width;
       if (e.side === "left" ? v.key === "ArrowLeft" ? C = e.width - 30 : v.key === "ArrowRight" && (C = e.width + 30) : v.key === "ArrowLeft" ? C = e.width + 30 : v.key === "ArrowRight" && (C = e.width - 30), C !== e.width) {
         v.preventDefault();
-        const b = F1(C, e.minWidth, e.maxWidth);
+        const b = P1(C, e.minWidth, e.maxWidth);
         b !== e.width && l("resize", b);
       }
     }
@@ -2603,15 +2603,15 @@ const Qn = () => {
   },
   emits: ["aside-left-resize", "aside-left-resize-end", "aside-left-resize-start", "aside-left-transition-end", "aside-right-resize", "aside-right-resize-end", "aside-right-resize-start", "aside-right-transition-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(!1), r = L(e.asideLeftWidth), a = L(e.asideRightWidth), f = L(e.asideLeftWidth), h = L(e.asideRightWidth), m = I(() => ({
-      paddingLeft: `${f.value}px`,
+    const e = n, l = t, s = L(!1), r = L(e.asideLeftWidth), a = L(e.asideRightWidth), u = L(e.asideLeftWidth), h = L(e.asideRightWidth), m = I(() => ({
+      paddingLeft: `${u.value}px`,
       paddingRight: `${h.value}px`
     })), c = () => {
       s.value = !1, l("aside-left-resize-end");
-    }, p = () => {
+    }, f = () => {
       s.value = !0, l("aside-left-resize-start");
     }, g = (H) => {
-      r.value = f.value = H, l("aside-left-resize", H);
+      r.value = u.value = H, l("aside-left-resize", H);
     }, v = (H) => !H && l("aside-left-transition-end"), y = () => {
       s.value = !1, l("aside-right-resize-end");
     }, C = () => {
@@ -2621,28 +2621,28 @@ const Qn = () => {
     }, D = (H) => !H && l("aside-right-transition-end");
     r1(
       () => e.asideLeftVisible,
-      (H) => f.value = H ? r.value : 0
+      (H) => u.value = H ? r.value : 0
     ), r1(
       () => e.asideRightVisible,
       (H) => h.value = H ? a.value : 0
     ), r1(
       () => e.asideLeftWidth,
-      (H) => r.value = f.value = H
+      (H) => r.value = u.value = H
     ), r1(
       () => e.asideRightWidth,
       (H) => a.value = h.value = H
     );
     const z = R1();
     return a1(() => {
-      f.value = e.asideLeftVisible && z["aside-left"] ? r.value : 0, h.value = e.asideRightVisible && z["aside-right"] ? a.value : 0;
+      u.value = e.asideLeftVisible && z["aside-left"] ? r.value : 0, h.value = e.asideRightVisible && z["aside-right"] ? a.value : 0;
     }), (H, T) => (o(), i("div", Xn, [
-      u(z)["aside-left"] && H.asideLeftVisible ? (o(), V($e, {
+      p(z)["aside-left"] && H.asideLeftVisible ? (o(), V($e, {
         key: 0,
         side: "left",
         border: e.borders,
         draggable: H.asideLeftDraggable,
         width: r.value,
-        onResizeStart: p,
+        onResizeStart: f,
         onResize: g,
         onResizeEnd: c,
         onTransitioning: v
@@ -2658,7 +2658,7 @@ const Qn = () => {
       }, [
         A(H.$slots, "main")
       ], 6),
-      u(z)["aside-right"] && H.asideRightVisible ? (o(), V($e, {
+      p(z)["aside-right"] && H.asideRightVisible ? (o(), V($e, {
         key: 1,
         side: "right",
         border: e.borders,
@@ -2678,56 +2678,29 @@ const Qn = () => {
   }
 }), ws = /* @__PURE__ */ $({
   __name: "InlineFormWrapper",
-  props: {
-    order: {},
-    cancelDisabled: { type: Boolean },
-    cancelIcon: {},
-    cancelLabel: { default: "Cancel" },
-    cancelVariant: {},
-    confirmDisabled: { type: Boolean },
-    confirmIcon: {},
-    confirmLabel: { default: "Save" },
-    confirmVariant: {},
-    fillContainer: { type: Boolean },
-    loading: { type: Boolean, default: !1 },
-    small: { type: Boolean },
-    vertical: { type: Boolean }
-  },
-  emits: ["confirm", "cancel"],
-  setup(n, { emit: t }) {
-    const e = t;
-    return (l, s) => (o(), V(u(n1), {
+  setup(n) {
+    return (t, e) => (o(), V(p(n1), {
       col: "",
       tabindex: "0",
       class: "border border-default bg-primary rounded-lg focus:outline-none focus-within:shadow-sm focus-within:border-action"
     }, {
       default: Z(() => [
-        A(l.$slots, "default"),
-        w(u(n1), {
+        A(t.$slots, "default"),
+        w(p(n1), {
           tag: "footer",
           justify: "between",
           class: "gap-2 px-2 py-2 border-t border-default"
         }, {
           default: Z(() => [
-            w(u(n1), null, {
+            w(p(n1), { class: "flex-1" }, {
               default: Z(() => [
-                A(l.$slots, "footer-left")
+                A(t.$slots, "footer-left")
               ]),
               _: 3
             }),
-            w(u(n1), { class: "gap-2" }, {
+            w(p(n1), { class: "flex-none" }, {
               default: Z(() => [
-                A(l.$slots, "footer-right"),
-                w(u(E1), {
-                  small: "",
-                  order: "confirm-last",
-                  loading: l.loading,
-                  "confirm-label": l.confirmLabel,
-                  "confirm-disabled": l.confirmDisabled,
-                  "cancel-label": l.cancelLabel,
-                  onCancel: s[0] || (s[0] = (r) => e("cancel")),
-                  onConfirm: s[1] || (s[1] = (r) => e("confirm"))
-                }, null, 8, ["loading", "confirm-label", "confirm-disabled", "cancel-label"])
+                A(t.$slots, "footer-right")
               ]),
               _: 3
             })
@@ -2759,75 +2732,75 @@ const Qn = () => {
   setup(n, { expose: t, emit: e }) {
     const l = e, s = L(), r = L();
     a1(() => {
-      var p, g;
-      n.autoFocus && (n.multiline ? (p = s.value) == null || p.focus() : (g = r.value) == null || g.focus());
+      var f, g;
+      n.autoFocus && (n.multiline ? (f = s.value) == null || f.focus() : (g = r.value) == null || g.focus());
     });
     const a = () => {
       n.multiline ? s.value.focus() : r.value.focus();
-    }, f = (p) => {
-      p.target && l("change", p.target.value);
-    }, h = (p) => {
-      p.stopPropagation(), p.preventDefault(), l("enter");
-    }, m = (p) => {
-      p.stopPropagation(), p.preventDefault(), l("escape");
-    }, c = (p) => {
-      p.stopImmediatePropagation(), p.stopPropagation(), p.preventDefault();
+    }, u = (f) => {
+      f.target && l("change", f.target.value);
+    }, h = (f) => {
+      f.stopPropagation(), f.preventDefault(), l("enter");
+    }, m = (f) => {
+      f.stopPropagation(), f.preventDefault(), l("escape");
+    }, c = (f) => {
+      f.stopImmediatePropagation(), f.stopPropagation(), f.preventDefault();
     };
-    return t({ focus: a }), (p, g) => (o(), i("div", {
+    return t({ focus: a }), (f, g) => (o(), i("div", {
       class: B(["relative flex-1 w-full overflow-hidden inline-flex items-center text-sm rounded-lg border focus:shadow-sm-inner focus:outline-hidden focus-within:border-action", {
-        "bg-primary border-default text-primary": p.variant === "border" && !p.disabled,
-        "bg-secondary border-weak text-secondary": p.variant === "border" && p.disabled,
-        "bg-tertiary border-transparent text-primary": p.variant === "fill" && !p.disabled,
-        "bg-tertiary border-weak text-secondary": p.variant === "fill" && p.disabled,
-        "h-8": p.size === "default" && !p.multiline,
-        "pl-2": p.size === "default" && !p.icon,
-        "h-6": p.size === "small" && !p.multiline,
-        "pl-1.5": p.size === "small" && !p.icon,
-        "pl-0": p.icon,
-        "pr-1": p.clearable && p.value.length && p.size === "default",
-        "pr-0.5": p.clearable && p.value.length && p.size === "small",
-        "pr-0": !(p.clearable && p.value.length)
+        "bg-primary border-default text-primary": f.variant === "border" && !f.disabled,
+        "bg-secondary border-weak text-secondary": f.variant === "border" && f.disabled,
+        "bg-tertiary border-transparent text-primary": f.variant === "fill" && !f.disabled,
+        "bg-tertiary border-weak text-secondary": f.variant === "fill" && f.disabled,
+        "h-8": f.size === "default" && !f.multiline,
+        "pl-2": f.size === "default" && !f.icon,
+        "h-6": f.size === "small" && !f.multiline,
+        "pl-1.5": f.size === "small" && !f.icon,
+        "pl-0": f.icon,
+        "pr-1": f.clearable && f.value.length && f.size === "default",
+        "pr-0.5": f.clearable && f.value.length && f.size === "small",
+        "pr-0": !(f.clearable && f.value.length)
       }])
     }, [
-      p.icon ? (o(), i("div", {
+      f.icon ? (o(), i("div", {
         key: 0,
         class: B(["flex-none h-full flex rounded-lg bg-transparent cursor-pointer", {
-          "items-start py-2": p.multiline,
-          "items-center": !p.multiline,
-          "px-2": p.size === "default",
-          "px-1.5": p.size === "small"
+          "items-start py-2": f.multiline,
+          "items-center": !f.multiline,
+          "px-2": f.size === "default",
+          "px-1.5": f.size === "small"
         }])
       }, [
-        w(u(e1), {
-          name: p.icon,
+        w(p(e1), {
+          name: f.icon,
           class: "text-secondary"
         }, null, 8, ["name"])
       ], 2)) : k("", !0),
-      p.multiline ? (o(), i("textarea", {
+      f.multiline ? (o(), i("textarea", {
         key: 1,
         ref_key: "textareaRef",
         ref: s,
-        autofocus: p.multiline === !0 && p.autoFocus === !0,
-        disabled: p.disabled,
-        value: p.value,
-        placeholder: p.placeholder,
+        autofocus: f.multiline === !0 && f.autoFocus === !0,
+        disabled: f.disabled,
+        value: f.value,
+        placeholder: f.placeholder,
         class: B(["flex-1 py-2 w-full bg-transparent focus:outline-hidden", {
-          "text-xs": p.size === "small",
-          "text-sm": p.size === "default"
+          "text-xs": f.size === "small",
+          "text-sm": f.size === "default"
         }]),
-        onInput: U(f, ["stop", "prevent"])
+        onInput: U(u, ["stop", "prevent"])
       }, null, 42, Gn)) : (o(), i("input", {
         key: 2,
         ref_key: "inputRef",
         ref: r,
-        "auto-focus": !p.multiline && p.autoFocus === !0,
-        disabled: p.disabled,
-        type: p.inputType,
-        value: p.value,
-        placeholder: p.placeholder,
+        "auto-focus": !f.multiline && f.autoFocus === !0,
+        disabled: f.disabled,
+        type: f.inputType,
+        value: f.value,
+        placeholder: f.placeholder,
         class: B(["flex-1 min-w-0 bg-transparent focus:outline-hidden", {
-          "text-xs": p.size === "small",
-          "text-sm": p.size === "default"
+          "text-xs": f.size === "small",
+          "text-sm": f.size === "default"
         }]),
         onChange: g[0] || (g[0] = U(() => {
         }, ["stop", "prevent"])),
@@ -2838,12 +2811,12 @@ const Qn = () => {
         onKeyup: g[1] || (g[1] = _(U(() => {
         }, ["stop", "prevent"]), ["enter"])),
         onBlur: c,
-        onInput: U(f, ["stop", "prevent"])
+        onInput: U(u, ["stop", "prevent"])
       }, null, 42, Jn)),
-      p.$slots["inline-controls"] ? (o(), i("section", _n, [
-        A(p.$slots, "inline-controls")
+      f.$slots["inline-controls"] ? (o(), i("section", _n, [
+        A(f.$slots, "inline-controls")
       ])) : k("", !0),
-      p.clearable && p.value.length ? (o(), V(u(K), {
+      f.clearable && f.value.length ? (o(), V(p(K), {
         key: 4,
         small: "",
         icon: "close",
@@ -2872,9 +2845,9 @@ const Qn = () => {
         "h-[calc(--spacing(3)+1px)] rounded-br-lg": r.direction === "down" && r.size === "small",
         "bg-tertiary": s.value
       }]),
-      onClick: a[0] || (a[0] = (f) => l("click"))
+      onClick: a[0] || (a[0] = (u) => l("click"))
     }, [
-      w(u(e1), {
+      w(p(e1), {
         name: r.direction === "up" ? "chevron-up-small" : "chevron-down-small"
       }, null, 8, ["name"])
     ], 2));
@@ -2896,7 +2869,7 @@ const Qn = () => {
   },
   emits: ["change", "enter"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(), r = L(), a = L(), f = () => {
+    const l = e, s = L(), r = L(), a = L(), u = () => {
       s.value.focus();
     }, h = (v) => {
       v.target && l("change", Number.parseInt(v.target.value));
@@ -2905,12 +2878,12 @@ const Qn = () => {
     }, c = (v, y) => {
       var C, b;
       v === 1 ? (C = r.value) == null || C.setActive(y) : (b = a.value) == null || b.setActive(y);
-    }, p = (v) => {
-      l("change", F1(n.value + v, n.min ?? null, n.max ?? null));
+    }, f = (v) => {
+      l("change", P1(n.value + v, n.min ?? null, n.max ?? null));
     }, g = (v) => {
       v.stopImmediatePropagation(), v.stopPropagation(), v.preventDefault();
     };
-    return t({ focus: f }), (v, y) => (o(), i("div", {
+    return t({ focus: u }), (v, y) => (o(), i("div", {
       class: B(["relative flex-1 w-full overflow-hidden overscroll-none inline-flex items-center pr-0 rounded-lg border focus:shadow-sm-inner focus:outline-hidden focus-within:border-action", {
         "bg-primary border-default text-primary": v.variant === "border" && !v.disabled,
         "bg-secondary border-weak text-secondary": v.variant === "border" && v.disabled,
@@ -2930,7 +2903,7 @@ const Qn = () => {
           "px-1.5": v.size === "small"
         }])
       }, [
-        w(u(e1), {
+        w(p(e1), {
           name: v.icon,
           class: "text-secondary"
         }, null, 8, ["name"])
@@ -2977,14 +2950,14 @@ const Qn = () => {
           ref: r,
           direction: "up",
           size: v.size,
-          onClick: y[6] || (y[6] = (C) => p(1))
+          onClick: y[6] || (y[6] = (C) => f(1))
         }, null, 8, ["size"]),
         w(De, {
           ref_key: "downButtonRef",
           ref: a,
           direction: "down",
           size: v.size,
-          onClick: y[7] || (y[7] = (C) => p(-1))
+          onClick: y[7] || (y[7] = (C) => f(-1))
         }, null, 8, ["size"])
       ], 2)) : k("", !0)
     ], 2));
@@ -3010,7 +2983,7 @@ function n2(n, t) {
     }, null, -1)
   ])]);
 }
-const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
+const F1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
   key: 0,
   class: "flex items-center justify-between h-12 w-full mb-4"
 }, s2 = { class: "flex items-center h-full" }, a2 = /* @__PURE__ */ $({
@@ -3026,68 +2999,68 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
   },
   emits: ["close", "ready"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = L(), f = L(!1);
+    const l = n, s = e, r = R1(), a = L(), u = L(!1);
     a1(() => {
       r.default && (l.title || r.header || r.main || r.footer) && console.warn(
         "You are using named slots (or props.title) and default slot at the same time. This is not supported. Please use either named slots (and props.title) or the default slot."
-      ), f.value = !0;
+      ), u.value = !0;
     });
-    const h = () => f.value = !1, m = async () => {
+    const h = () => u.value = !1, m = async () => {
       l.closeable && (l.interceptClose ? await l.interceptClose() && h() : h());
     };
     l.closeable && ce(m);
     const c = () => {
       s("ready");
     };
-    return t({ close: h }), (p, g) => (o(), V(W1, { to: p.target }, [
-      w(u(ve), {
-        show: f.value,
-        type: p.overlayType,
+    return t({ close: h }), (f, g) => (o(), V(U1, { to: f.target }, [
+      w(p(ve), {
+        show: u.value,
+        type: f.overlayType,
         onClick: m,
         onClose: g[0] || (g[0] = (v) => s("close"))
       }, {
         default: Z(() => [
-          w(u(ot), { onTransitionAfterEnter: c }, {
+          w(p(ot), { onTransitionAfterEnter: c }, {
             default: Z(() => [
-              Y1(w(u(he), {
+              W1(w(p(he), {
                 ref_key: "windowRef",
                 ref: a,
                 class: B(["h-full", [
                   l.widthClass,
                   {
-                    "px-8 py-6": !u(r).default,
+                    "px-8 py-6": !p(r).default,
                     "md:h-auto": !l.expandVertically
                   }
                 ]])
               }, {
                 default: Z(() => [
-                  p.$slots.default ? A(p.$slots, "default", { key: 0 }) : (o(), V(u(me), { key: 1 }, Ae({
+                  f.$slots.default ? A(f.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
                     main: Z(() => [
-                      A(p.$slots, "main", { close: h })
+                      A(f.$slots, "main", { close: h })
                     ]),
                     _: 2
                   }, [
-                    l.title || p.$slots.header ? {
+                    l.title || f.$slots.header ? {
                       name: "header",
                       fn: Z(() => [
                         l.title ? (o(), i("header", o2, [
                           d("h4", null, Q(l.title), 1),
-                          p.closeable ? (o(), V(u(K), {
+                          f.closeable ? (o(), V(p(K), {
                             key: 0,
                             icon: "close",
                             variant: "textSubtle",
                             onClick: m
                           })) : k("", !0)
                         ])) : k("", !0),
-                        A(p.$slots, "header", { close: h })
+                        A(f.$slots, "header", { close: h })
                       ]),
                       key: "0"
                     } : void 0,
-                    p.$slots.footer ? {
+                    f.$slots.footer ? {
                       name: "footer",
                       fn: Z(() => [
                         d("footer", s2, [
-                          A(p.$slots, "footer", { close: h })
+                          A(f.$slots, "footer", { close: h })
                         ])
                       ]),
                       key: "1"
@@ -3096,7 +3069,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
                 ]),
                 _: 3
               }, 8, ["class"]), [
-                [X1, f.value]
+                [X1, u.value]
               ])
             ]),
             _: 3
@@ -3131,7 +3104,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
           "bg-primary text-secondary opacity-50 hover:bg-secondary": !(l.isActive || l.isExactActive)
         }])
       }, [
-        l.icon ? (o(), V(u(e1), {
+        l.icon ? (o(), V(p(e1), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : k("", !0),
@@ -3150,7 +3123,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
           "bg-primary text-secondary opacity-50 hover:bg-secondary active:bg-tertiary": !(l.isActive || l.isExactActive)
         }])
       }, [
-        l.icon ? (o(), V(u(e1), {
+        l.icon ? (o(), V(p(e1), {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : k("", !0),
@@ -3174,7 +3147,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
   setup(n, { emit: t }) {
     const e = t, l = I(() => n.type === "default" ? "information" : n.type === "error" ? "error" : n.type === "warning" ? "warning" : "check-circled");
     return (s, r) => (o(), i("div", d2, [
-      w(u(n1), {
+      w(p(n1), {
         class: B(["gap-2 px-3 rounded-l-lg flex-1 overflow-hidden", {
           "text-stone-300": s.type === "default",
           "text-amber-300": s.type === "warning",
@@ -3183,16 +3156,16 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
         }])
       }, {
         default: Z(() => [
-          w(u(e1), { name: l.value }, null, 8, ["name"]),
+          w(p(e1), { name: l.value }, null, 8, ["name"]),
           d("span", u2, Q(s.text), 1)
         ]),
         _: 1
       }, 8, ["class"]),
-      w(u(n1), null, {
+      w(p(n1), null, {
         default: Z(() => [
-          w(u(n1), { class: "px-2" }, {
+          w(p(n1), { class: "px-2" }, {
             default: Z(() => [
-              s.showDetailsButton ? (o(), V(u(K), {
+              s.showDetailsButton ? (o(), V(p(K), {
                 key: 0,
                 small: "",
                 variant: "outline",
@@ -3202,9 +3175,9 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
             ]),
             _: 1
           }),
-          w(u(n1), { class: "px-1" }, {
+          w(p(n1), { class: "px-1" }, {
             default: Z(() => [
-              w(u(K), {
+              w(p(K), {
                 small: "",
                 variant: "textSubtle",
                 icon: "close",
@@ -3228,52 +3201,52 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
   },
   emits: ["change"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = I(() => r5(0, n.lastPage).map((p) => ({ id: `${p + 1}`, label: `${p + 1}` }))), r = I(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), a = I(() => n.borders ? { borderRadius: "0px 8px 8px 0px" } : void 0), f = I(() => n.borders ? { borderRadius: "0" } : void 0), h = I(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (p) => {
-      let g = n.currentPage + p;
+    const e = t, l = L(), s = I(() => r5(0, n.lastPage).map((f) => ({ id: `${f + 1}`, label: `${f + 1}` }))), r = I(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), a = I(() => n.borders ? { borderRadius: "0px 8px 8px 0px" } : void 0), u = I(() => n.borders ? { borderRadius: "0" } : void 0), h = I(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (f) => {
+      let g = n.currentPage + f;
       g > n.lastPage && (g = 1), g < 1 && (g = n.lastPage), e("change", g);
-    }, c = (p) => {
-      e("change", p.label);
+    }, c = (f) => {
+      e("change", f.label);
     };
-    return (p, g) => (o(), i("nav", {
+    return (f, g) => (o(), i("nav", {
       ref_key: "navRef",
       ref: l,
       class: "relative z-0 inline-flex"
     }, [
-      w(u(K), {
+      w(p(K), {
         variant: h.value,
-        icon: p.orientation === "horizontal" ? "chevron-left" : "chevron-up",
+        icon: f.orientation === "horizontal" ? "chevron-left" : "chevron-up",
         style: t1(r.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10",
         onClick: g[0] || (g[0] = (v) => m(-1))
       }, null, 8, ["variant", "icon", "style"]),
-      w(u(at), {
+      w(p(at), {
         "same-width-as-element": l.value,
         placement: "bottom",
-        value: p.currentPage,
+        value: f.currentPage,
         options: s.value,
         onSelect: c
       }, {
         trigger: Z((v) => [
-          w(u(K), {
+          w(p(K), {
             variant: h.value,
-            label: `${p.currentPage} / ${p.lastPage}`,
-            style: t1(f.value),
+            label: `${f.currentPage} / ${f.lastPage}`,
+            style: t1(u.value),
             focus: v && v.visible,
             class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px"
           }, null, 8, ["variant", "label", "style", "focus"])
         ]),
         _: 1
       }, 8, ["same-width-as-element", "value", "options"]),
-      w(u(K), {
+      w(p(K), {
         variant: h.value,
-        icon: p.orientation === "horizontal" ? "chevron-right" : "chevron-down",
+        icon: f.orientation === "horizontal" ? "chevron-right" : "chevron-down",
         style: t1(a.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px",
         onClick: g[1] || (g[1] = (v) => m(1))
       }, null, 8, ["variant", "icon", "style"])
     ], 512));
   }
-}), f2 = ["aria-label"], Te = /* @__PURE__ */ $({
+}), p2 = ["aria-label"], Te = /* @__PURE__ */ $({
   __name: "ResizablePanel",
   props: {
     size: { default: 256 },
@@ -3291,20 +3264,20 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
         C,
         b
       ];
-    }), f = I(() => {
+    }), u = I(() => {
       const C = [];
       return s.value === "horizontal" ? (C.push(e.placement === "left" ? "right-0 border-r" : "left-0 border-l"), C.push("top-0 h-full w-1 cursor-ew-resize")) : (C.push(e.placement === "top" ? "bottom-0 border-b" : "top-0 border-t"), C.push("left-0 w-full h-1 cursor-ns-resize")), C;
     });
     let h, m;
     const c = L(!1);
-    function p(C) {
+    function f(C) {
       const b = e.placement === "left" || e.placement === "right" ? "pageX" : "pageY";
       h = C[b], m = e.size, c.value = !0, window.addEventListener("mouseup", v), window.addEventListener("mousemove", g), l("resize-start");
     }
     function g(C) {
       let b;
       s.value === "vertical" ? b = e.placement === "top" ? C.pageY - h : h - C.pageY : b = e.placement === "left" ? C.pageX - h : h - C.pageX;
-      const D = m + b, z = F1(D, e.minSize, e.maxSize);
+      const D = m + b, z = P1(D, e.minSize, e.maxSize);
       z !== e.size && l("resize", z);
     }
     function v() {
@@ -3314,7 +3287,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
       let D = e.size;
       if (e.placement === "left" ? C.key === "ArrowLeft" ? D = e.size - 30 : C.key === "ArrowRight" && (D = e.size + 30) : e.placement === "right" ? C.key === "ArrowLeft" ? D = e.size + 30 : C.key === "ArrowRight" && (D = e.size - 30) : e.placement === "top" ? C.key === "ArrowUp" ? D = e.size - 30 : C.key === "ArrowDown" && (D = e.size + 30) : e.placement === "bottom" && (C.key === "ArrowUp" ? D = e.size + 30 : C.key === "ArrowDown" && (D = e.size - 30)), D !== e.size) {
         C.preventDefault();
-        const z = F1(D, e.minSize, e.maxSize);
+        const z = P1(D, e.minSize, e.maxSize);
         z !== e.size && l("resize", z);
       }
     }
@@ -3333,15 +3306,15 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
         tabindex: "0",
         "aria-label": `Resize ${e.placement} panel`,
         class: B(["absolute z-10 hover:border-action", [
-          f.value,
+          u.value,
           c.value ? "border-action bg-action" : "border-transparent bg-transparent hover:bg-tertiary focus:outline-none focus:border-action focus:bg-tertiary"
         ]]),
-        onMousedown: p,
+        onMousedown: f,
         onKeydown: y
-      }, null, 42, f2)) : k("", !0)
+      }, null, 42, p2)) : k("", !0)
     ], 6));
   }
-}), p2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, Ts = /* @__PURE__ */ $({
+}), f2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, Ts = /* @__PURE__ */ $({
   __name: "PanelLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3357,15 +3330,15 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
   },
   emits: ["start-panel-resize", "start-panel-resize-end", "start-panel-resize-start", "start-panel-transition-end", "end-panel-resize", "end-panel-resize-end", "end-panel-resize-start", "end-panel-transition-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(!1), r = L(e.startPanelSize), a = L(e.endPanelSize), f = L(e.startPanelSize), h = L(e.endPanelSize), m = I(() => ({
-      [e.orientation === "horizontal" ? "paddingLeft" : "paddingTop"]: `${f.value}px`,
+    const e = n, l = t, s = L(!1), r = L(e.startPanelSize), a = L(e.endPanelSize), u = L(e.startPanelSize), h = L(e.endPanelSize), m = I(() => ({
+      [e.orientation === "horizontal" ? "paddingLeft" : "paddingTop"]: `${u.value}px`,
       [e.orientation === "horizontal" ? "paddingRight" : "paddingBottom"]: `${h.value}px`
     })), c = () => {
       s.value = !1, l("start-panel-resize-end");
-    }, p = () => {
+    }, f = () => {
       s.value = !0, l("start-panel-resize-start");
     }, g = (H) => {
-      r.value = f.value = H, l("start-panel-resize", H);
+      r.value = u.value = H, l("start-panel-resize", H);
     }, v = (H) => !H && l("start-panel-transition-end"), y = () => {
       s.value = !1, l("end-panel-resize-end");
     }, C = () => {
@@ -3375,28 +3348,28 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
     }, D = (H) => !H && l("end-panel-transition-end");
     r1(
       () => e.startPanelVisible,
-      (H) => f.value = H ? r.value : 0
+      (H) => u.value = H ? r.value : 0
     ), r1(
       () => e.endPanelVisible,
       (H) => h.value = H ? a.value : 0
     ), r1(
       () => e.startPanelSize,
-      (H) => r.value = f.value = H
+      (H) => r.value = u.value = H
     ), r1(
       () => e.endPanelSize,
       (H) => a.value = h.value = H
     );
     const z = R1();
     return a1(() => {
-      f.value = e.startPanelVisible && z["start-panel"] ? r.value : 0, h.value = e.endPanelVisible && z["end-panel"] ? a.value : 0;
-    }), (H, T) => (o(), i("div", p2, [
-      u(z)["start-panel"] && H.startPanelVisible ? (o(), V(Te, {
+      u.value = e.startPanelVisible && z["start-panel"] ? r.value : 0, h.value = e.endPanelVisible && z["end-panel"] ? a.value : 0;
+    }), (H, T) => (o(), i("div", f2, [
+      p(z)["start-panel"] && H.startPanelVisible ? (o(), V(Te, {
         key: 0,
         placement: H.orientation === "horizontal" ? "left" : "top",
         border: e.borders,
         draggable: H.startPanelDraggable,
         size: r.value,
-        onResizeStart: p,
+        onResizeStart: f,
         onResize: g,
         onResizeEnd: c,
         onTransitioning: v
@@ -3412,7 +3385,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
       }, [
         A(H.$slots, "main")
       ], 6),
-      u(z)["end-panel"] && H.endPanelVisible ? (o(), V(Te, {
+      p(z)["end-panel"] && H.endPanelVisible ? (o(), V(Te, {
         key: 1,
         placement: H.orientation === "horizontal" ? "right" : "bottom",
         border: e.borders,
@@ -3442,7 +3415,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
       width: `${n.offsetWidth}px`
     });
   }
-}), O1 = /* @__PURE__ */ $({
+}), E1 = /* @__PURE__ */ $({
   __name: "Popper",
   props: {
     closeDelay: { default: 20 },
@@ -3467,7 +3440,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e, r = R1();
     let a;
-    const f = L(), h = L(), m = L(), c = L(!1), { mounted: p } = X5(), { disableClickOutside: g, enableClickOutside: v, updateClickOutside: y } = pe(() => E()), C = async () => {
+    const u = L(), h = L(), m = L(), c = L(!1), { mounted: f } = X5(), { disableClickOutside: g, enableClickOutside: v, updateClickOutside: y } = fe(() => E()), C = async () => {
       if (m.value && h.value) {
         const O = [];
         l.offsetOptions && O.push(Zt(l.offsetOptions)), l.flipOptions && O.push($t(l.flipOptions)), l.limitShiftOptions ? O.push(
@@ -3488,7 +3461,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
       if (O && O.length > 1)
         return console.error(`[Popper]: The <Popper> component expects only one child element at its root. You passed ${O.length} child nodes.`);
       l.popperWidthClass ? (l.sameWidthAsElement || l.sameWidthAsTrigger) && console.warn("[Popper]: The props 'sameWidthAsElement' or 'sameWidthAsTrigger' will be ignored because the 'popperWidthClass' is set") : l.sameWidthAsElement && l.sameWidthAsTrigger && console.warn("[Popper]: The 'sameWidthAsElement' prop will be ignored because 'sameWidthAsTrigger' is set to true"), l.trigger === "manual" && l.show && z();
-    }), U1(() => {
+    }), N1(() => {
       z.clear(), a && (a(), a = null);
     });
     const b = () => {
@@ -3500,10 +3473,10 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
     }, E = async () => {
       z.clear(), H();
     }, P = (O) => {
-      l.trigger === "click" && (O.preventDefault(), O.stopPropagation(), p1());
+      l.trigger === "click" && (O.preventDefault(), O.stopPropagation(), f1());
     }, l1 = (O) => {
       h.value && m.value && y([h.value, m.value, ...O]);
-    }, p1 = () => c.value ? E() : T();
+    }, f1 = () => c.value ? E() : T();
     return r1(
       () => l.disabled,
       (O) => c.value && O && b()
@@ -3514,12 +3487,12 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
       }
     ), t({
       close: b,
-      containerRef: f,
+      containerRef: u,
       open: D,
       updateClickOutsideTargets: l1
     }), (O, x) => (o(), i("div", {
       ref_key: "containerRef",
-      ref: f,
+      ref: u,
       class: B(l.rootClass),
       onMouseleave: x[5] || (x[5] = (G) => l.trigger === "hover" && E())
     }, [
@@ -3534,7 +3507,7 @@ const N1 = /* @__PURE__ */ Z1(t2, [["render", n2]]), o2 = {
       }, [
         A(O.$slots, "default", { visible: c.value })
       ], 34),
-      u(p) ? (o(), V(W1, {
+      p(f) ? (o(), V(U1, {
         key: 0,
         to: O.teleportTarget
       }, [
@@ -3560,7 +3533,7 @@ function m2(n, t) {
     A(n.$slots, "default")
   ]);
 }
-const I1 = /* @__PURE__ */ Z1(v2, [["render", m2]]), g2 = {
+const O1 = /* @__PURE__ */ Z1(v2, [["render", m2]]), g2 = {
   key: 0,
   class: "flex items-center justify-between px-4 pb-4"
 }, Bs = /* @__PURE__ */ $({
@@ -3584,44 +3557,44 @@ const I1 = /* @__PURE__ */ Z1(v2, [["render", m2]]), g2 = {
     }, a = () => {
       var m;
       e("change", s.value), (m = l.value) == null || m.close();
-    }, f = () => {
+    }, u = () => {
       var m;
       n.mode === "immediate" ? (e("change", null), (m = l.value) == null || m.close()) : s.value = null;
     }, h = (m) => {
       n.mode === "confirmation" && (s.value = n.value), e("open", m);
     };
-    return (m, c) => (o(), V(u(O1), {
+    return (m, c) => (o(), V(p(E1), {
       ref_key: "popperRef",
       ref: l,
       trigger: "click",
       placement: m.placement,
       disabled: m.disabled,
-      onClose: c[0] || (c[0] = (p) => e("close")),
+      onClose: c[0] || (c[0] = (f) => e("close")),
       onOpen: h
     }, {
-      default: Z((p) => [
+      default: Z((f) => [
         A(m.$slots, "trigger", {
-          visible: p.visible
+          visible: f.visible
         })
       ]),
       content: Z(() => [
-        w(u(I1), null, {
+        w(p(O1), null, {
           default: Z(() => [
-            w(u(z5), {
+            w(p(z5), {
               value: m.mode === "confirmation" ? s.value : m.value,
               format: m.format,
               "disabled-dates": m.disabledDates,
               onChange: r
             }, null, 8, ["value", "format", "disabled-dates"]),
             m.mode === "confirmation" || m.clearable ? (o(), i("footer", g2, [
-              m.clearable ? (o(), V(u(K), {
+              m.clearable ? (o(), V(p(K), {
                 key: 0,
                 icon: "trash",
                 label: "Clear",
                 variant: "outlineSubtle",
-                onClick: f
+                onClick: u
               })) : k("", !0),
-              m.mode === "confirmation" ? (o(), V(u(K), {
+              m.mode === "confirmation" ? (o(), V(p(K), {
                 key: 1,
                 icon: "check",
                 label: "Done",
@@ -3665,18 +3638,18 @@ const I1 = /* @__PURE__ */ Z1(v2, [["render", m2]]), g2 = {
   setup(n, { emit: t }) {
     const e = t, l = L(), s = L(), { trapFocus: r } = G5(s), a = () => {
       e("close"), l.value && l.value.close();
-    }, f = () => M1(r), h = () => {
+    }, u = () => M1(r), h = () => {
       a(), e("cancel");
     }, m = () => {
       a(), e("confirm");
     };
-    return (c, p) => (o(), V(u(O1), {
+    return (c, f) => (o(), V(p(E1), {
       ref_key: "popperRef",
       ref: l,
       trigger: "click",
       placement: c.placement,
       "offset-options": c.offsetOptions || { mainAxis: 4 },
-      onOpen: f,
+      onOpen: u,
       onClose: a
     }, {
       default: Z((g) => [
@@ -3687,7 +3660,7 @@ const I1 = /* @__PURE__ */ Z1(v2, [["render", m2]]), g2 = {
         ])
       ]),
       content: Z(() => [
-        w(u(I1), null, {
+        w(p(O1), null, {
           default: Z(() => [
             d("div", {
               ref_key: "contentRef",
@@ -3701,7 +3674,7 @@ const I1 = /* @__PURE__ */ Z1(v2, [["render", m2]]), g2 = {
                 d("h5", null, Q(c.title), 1),
                 d("p", y2, Q(c.description), 1)
               ])) : k("", !0),
-              w(u(E1), {
+              w(p(Y1), {
                 vertical: !(c.title || c.description),
                 small: c.small,
                 "cancel-variant": c.cancelVariant,
@@ -3744,23 +3717,23 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     const e = n, l = t, s = L(), r = I(() => e.hoveredOption && e.hoveredOption.id === e.option.id), a = () => {
       e.option.disabled || l("click");
     };
-    return (f, h) => (o(), i("div", {
+    return (u, h) => (o(), i("div", {
       ref_key: "root",
       ref: s,
       tabindex: "0",
       class: B(["flex items-center justify-between w-full h-8 px-3 space-x-2 text-sm focus:outline-hidden", {
-        "cursor-not-allowed text-muted ": f.option.disabled,
-        "cursor-pointer text-primary hover:bg-secondary focus:bg-secondary active:bg-tertiary": !f.option.disabled && !f.selected,
-        "cursor-pointer text-light-blue font-medium hover:bg-secondary focus:bg-secondary active:bg-tertiary": f.selected,
+        "cursor-not-allowed text-muted ": u.option.disabled,
+        "cursor-pointer text-primary hover:bg-secondary focus:bg-secondary active:bg-tertiary": !u.option.disabled && !u.selected,
+        "cursor-pointer text-light-blue font-medium hover:bg-secondary focus:bg-secondary active:bg-tertiary": u.selected,
         "bg-secondary": r.value,
         "bg-primary": !r.value
       }]),
       onClick: a,
       onKeydown: _(U(a, ["prevent"]), ["enter"]),
-      onMouseover: h[0] || (h[0] = (m) => l("hover", f.option.id)),
-      onFocus: h[1] || (h[1] = (m) => l("focus", f.option.id))
+      onMouseover: h[0] || (h[0] = (m) => l("hover", u.option.id)),
+      onFocus: h[1] || (h[1] = (m) => l("focus", u.option.id))
     }, [
-      A(f.$slots, "default")
+      A(u.$slots, "default")
     ], 42, k2));
   }
 }), M2 = { class: "flex items-center px-2 pb-2 space-x-2" }, Z2 = /* @__PURE__ */ $({
@@ -3774,7 +3747,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   setup(n, { emit: t }) {
     const e = t;
     return (l, s) => (o(), i("section", M2, [
-      (o(!0), i(M, null, m1(l.filters, (r) => (o(), V(u(Wn), {
+      (o(!0), i(M, null, m1(l.filters, (r) => (o(), V(p(Wn), {
         key: r.name,
         active: !!(l.selected && l.selected.name === r.name),
         count: r.count,
@@ -3833,14 +3806,14 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   },
   emits: ["close", "save-custom", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = L(null), f = L([]), h = L(""), m = L(), c = L(), p = L(), g = L(), v = L(), y = L(), C = L(l.resultFilters || []), b = L(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: D } = Ce(), z = I(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), H = I(() => f.value.every((R) => R.disabled)), T = I(() => !h.value.length && !f.value.length), E = I(() => h.value.length && !f.value.length), P = I(() => {
+    const l = n, s = e, r = R1(), a = L(null), u = L([]), h = L(""), m = L(), c = L(), f = L(), g = L(), v = L(), y = L(), C = L(l.resultFilters || []), b = L(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: D } = Ce(), z = I(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), H = I(() => u.value.every((R) => R.disabled)), T = I(() => !h.value.length && !u.value.length), E = I(() => h.value.length && !u.value.length), P = I(() => {
       if (c.value) return b1.ERROR;
       if (l.loading) return b1.LOADING;
       if (E.value && !l.loading) return b1.NO_MATCH;
       if (T.value && !l.loading) return b1.IDLE;
-      if (f.value.length && !l.loading) return b1.MATCH;
+      if (u.value.length && !l.loading) return b1.MATCH;
     }), l1 = (R) => {
-      f.value = b.value ? R.filter(b.value.execute) : R, l.resultFilters && C.value.forEach((Y) => {
+      u.value = b.value ? R.filter(b.value.execute) : R, l.resultFilters && C.value.forEach((Y) => {
         Y.count = R.filter(Y.execute).length;
       });
     };
@@ -3852,39 +3825,39 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     ), A1(() => {
       l.filterable && l.remoteMethod && console.warn('[PopSelect] should not have both "filterable" and "remoteMethod" props at the same time'), l1(l.options);
     });
-    const p1 = () => v.value.close(), O = () => v.value.open(), x = async () => {
+    const f1 = () => v.value.close(), O = () => v.value.open(), x = async () => {
       D(() => {
-        y.value && D(() => y.value.update()), p.value && D(() => p.value.focus());
+        y.value && D(() => y.value.update()), f.value && D(() => f.value.focus());
       });
     }, G = () => {
       l.keepOpen || (a.value = null, l.resetOnClose && (h.value = "", l.remoteMethod ? l.remoteMethod("") : l1([]), b.value = l.resultFilters ? l.resultFilters[0] : null), s("close"));
     }, F = (R) => {
-      s("select", R), l.keepOpen || p1();
-    }, N = (R) => f.value = l.options.filter((Y) => Y.label.toLowerCase().includes(R.toLowerCase())), B1 = Kn(async (R) => {
+      s("select", R), l.keepOpen || f1();
+    }, N = (R) => u.value = l.options.filter((Y) => Y.label.toLowerCase().includes(R.toLowerCase())), B1 = Kn(async (R) => {
       const Y = R.target.value;
       a.value = null, l.filterable ? N(Y) : l.remoteMethod && await l.remoteMethod(Y);
     }, l.debounceMs), g1 = (R) => {
-      a.value = f.value.find((Y) => Y.id === R) || null;
+      a.value = u.value.find((Y) => Y.id === R) || null;
     }, W = (R) => {
       if (!g.value.length) return;
-      const Y = g.value[f.value.findIndex((q) => q.label === R.label)].$el;
+      const Y = g.value[u.value.findIndex((q) => q.label === R.label)].$el;
       if (y.value && Y) {
         const q = y.value.$el.querySelector(".scrollbar__wrap");
         q && (st(q, Y), y.value.handleScroll());
       }
     }, j = async (R) => {
-      if (f.value.length === 0) return;
-      let Y = f.value.findIndex((q) => {
+      if (u.value.length === 0) return;
+      let Y = u.value.findIndex((q) => {
         var d1;
         return q.label === ((d1 = a.value) == null ? void 0 : d1.label);
       });
-      H.value || (R === "next" ? (Y++, Y === f.value.length && (Y = 0)) : R === "prev" && (Y--, Y < 0 && (Y = f.value.length - 1)), a.value = f.value[Y], a.value.disabled === !0 && j(R), await M1(), a.value && W(a.value));
+      H.value || (R === "next" ? (Y++, Y === u.value.length && (Y = 0)) : R === "prev" && (Y--, Y < 0 && (Y = u.value.length - 1)), a.value = u.value[Y], a.value.disabled === !0 && j(R), await M1(), a.value && W(a.value));
     }, s1 = () => {
       a.value ? F(a.value) : h.value.length && s("save-custom", h.value);
     }, v1 = (R) => {
-      b.value = R, l1(l.options), p.value.focus();
+      b.value = R, l1(l.options), f.value.focus();
     };
-    return t({ close: p1, focus: O }), (R, Y) => (o(), V(u(O1), {
+    return t({ close: f1, focus: O }), (R, Y) => (o(), V(p(E1), {
       ref_key: "popperRef",
       ref: v,
       trigger: "click",
@@ -3905,7 +3878,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
         })
       ]),
       content: Z(() => [
-        w(u(I1), {
+        w(p(O1), {
           ref_key: "contentRef",
           ref: m,
           class: B(["flex flex-col", { "h-72": R.fixedHeight }])
@@ -3913,13 +3886,13 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
           default: Z(() => [
             R.filterable || R.remoteMethod || R.resultFilters ? (o(), i("header", $2, [
               R.filterable || R.remoteMethod ? (o(), i("header", D2, [
-                w(u(e1), {
+                w(p(e1), {
                   name: "magnifying-glass",
                   class: "text-light-blue"
                 }),
-                Y1(d("input", {
+                W1(d("input", {
                   ref_key: "inputRef",
-                  ref: p,
+                  ref: f,
                   "onUpdate:modelValue": Y[0] || (Y[0] = (q) => h.value = q),
                   type: "text",
                   class: "w-full h-8 text-sm leading-none bg-primary rounded-tr-lg focus:outline-hidden",
@@ -3927,7 +3900,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
                   onClick: Y[1] || (Y[1] = U(() => {
                   }, ["stop", "prevent"])),
                   onInput: Y[2] || (Y[2] = //@ts-ignore
-                  (...q) => u(B1) && u(B1)(...q)),
+                  (...q) => p(B1) && p(B1)(...q)),
                   onKeydown: [
                     Y[3] || (Y[3] = _(U((q) => j("next"), ["prevent"]), ["down"])),
                     Y[4] || (Y[4] = _(U((q) => j("prev"), ["prevent"]), ["up"])),
@@ -3953,30 +3926,30 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
               class: "flex-1 bg-primary h-full"
             }, [
               A(R.$slots, "error")
-            ], 512)) : P.value === u(b1).LOADING ? (o(), i("div", B2, [
+            ], 512)) : P.value === p(b1).LOADING ? (o(), i("div", B2, [
               d("div", S2, [
-                w(u(N1), { class: "w-4 h-4 text-granite-grey" }),
+                w(p(F1), { class: "w-4 h-4 text-granite-grey" }),
                 d("span", z2, Q(R.loadingText), 1)
               ])
-            ])) : P.value === u(b1).NO_MATCH ? (o(), i("div", A2, [
+            ])) : P.value === p(b1).NO_MATCH ? (o(), i("div", A2, [
               d("div", R2, [
                 Y[5] || (Y[5] = d("div", { class: "w-4 h-4 text-center leading-none" }, " ... ", -1)),
                 d("span", E2, Q(R.noMatchText), 1)
               ])
-            ])) : P.value === u(b1).IDLE ? (o(), i("div", O2, [
+            ])) : P.value === p(b1).IDLE ? (o(), i("div", O2, [
               d("div", I2, [
-                w(u(e1), { name: R.emptyStateIcon }, null, 8, ["name"]),
+                w(p(e1), { name: R.emptyStateIcon }, null, 8, ["name"]),
                 d("span", x2, Q(R.emptyStateText), 1)
               ]),
               Y[6] || (Y[6] = d("div", { class: "h-8 w-full bg-primary" }, null, -1))
-            ])) : P.value === u(b1).MATCH ? (o(), V(u(q1), {
+            ])) : P.value === p(b1).MATCH ? (o(), V(p(q1), {
               key: 5,
               ref_key: "scrollbarRef",
               ref: y
             }, {
               default: Z(() => [
                 d("div", P2, [
-                  (o(!0), i(M, null, m1(f.value, (q) => (o(), V(w2, {
+                  (o(!0), i(M, null, m1(u.value, (q) => (o(), V(w2, {
                     ref_for: !0,
                     ref_key: "optionsRef",
                     ref: g,
@@ -3990,11 +3963,11 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
                   }, {
                     default: Z(() => [
                       d("div", F2, [
-                        q.icon ? (o(), V(u(e1), {
+                        q.icon ? (o(), V(p(e1), {
                           key: 0,
                           name: q.icon
                         }, null, 8, ["name"])) : k("", !0),
-                        w(u(it), {
+                        w(p(it), {
                           "background-color": "yellow",
                           value: q.label,
                           highlight: h.value
@@ -4008,7 +3981,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
               ]),
               _: 1
             }, 512)) : k("", !0),
-            u(r).footer ? (o(), i("footer", U2, [
+            p(r).footer ? (o(), i("footer", U2, [
               A(R.$slots, "footer")
             ])) : k("", !0)
           ]),
@@ -4043,7 +4016,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
       }, null, 6),
       d("div", Y2, [
         t.value ? (o(), i("div", Q2, [
-          w(u(e1), { name: "check" })
+          w(p(e1), { name: "check" })
         ])) : (o(), i("div", j2, [
           e.prefix ? (o(), i("span", K2, Q(e.prefix), 1)) : k("", !0),
           d("span", null, Q(Math.round(e.percentage)) + "%", 1)
@@ -4062,20 +4035,20 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     const e = n, l = t, s = L(""), r = Re({ backdropFilter: "" });
     return A1(() => {
       e.type === "default" ? (s.value = "bg-black/25 dark:bg-black/50", r.backdropFilter = "") : e.type === "blurred" && (s.value = "bg-black/25", r.backdropFilter = "blur(3px)");
-    }), (a, f) => (o(), V(de, {
+    }), (a, u) => (o(), V(de, {
       "enter-active-class": "transform transition ease-in-out duration-200",
       "enter-from-class": "opacity-0",
       "enter-to-class": "",
       "leave-active-class": "transform transition ease-in-out duration-500",
       "leave-class": "translate-y-0 opacity-100",
       "leave-to-class": "opacity-0",
-      onAfterLeave: f[1] || (f[1] = (h) => l("close"))
+      onAfterLeave: u[1] || (u[1] = (h) => l("close"))
     }, {
       default: Z(() => [
-        Y1(d("div", {
+        W1(d("div", {
           class: B(["z-40 fixed w-screen h-screen top-0 left-0 flex items-center justify-center pointer-events-auto p-4", s.value]),
           style: t1(r),
-          onMousedown: f[0] || (f[0] = U((h) => l("click"), ["self"]))
+          onMousedown: u[0] || (u[0] = U((h) => l("click"), ["self"]))
         }, [
           A(a.$slots, "default")
         ], 38), [
@@ -4112,42 +4085,42 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   },
   emits: ["move", "update"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(!1), f = e.vertical ? X2 : q2, h = L(0), m = (b) => {
+    const e = n, l = t, s = L(), r = L(), a = L(!1), u = e.vertical ? X2 : q2, h = L(0), m = (b) => {
       if (!a.value) return;
       const D = h.value;
       if (!D) return;
       const z = s.value.getBoundingClientRect();
       if (z) {
-        const H = ((z[f.direction] || 0) - (b[f.client] || 0)) * -1, T = r.value && typeof r.value[f.offset] == "number" ? r.value[f.offset] - D : 0, E = s.value ? Number(s.value[f.offset]) : 0, P = E ? (H - T) * 100 / E : 0;
+        const H = ((z[u.direction] || 0) - (b[u.client] || 0)) * -1, T = r.value && typeof r.value[u.offset] == "number" ? r.value[u.offset] - D : 0, E = s.value ? Number(s.value[u.offset]) : 0, P = E ? (H - T) * 100 / E : 0;
         l("update", {
-          scrollReference: f.scroll,
+          scrollReference: u.scroll,
           positionPercentage: P,
-          scrollSize: f.scrollSize
+          scrollSize: u.scrollSize
         });
       }
     }, c = () => {
       a.value = !1, h.value = 0, document.removeEventListener("mousemove", m), document.onselectstart = null;
-    }, p = (b) => {
+    }, f = (b) => {
       b.stopImmediatePropagation(), a.value = !0, document.addEventListener("mousemove", m), document.addEventListener("mouseup", c), document.onselectstart = () => !1;
     }, g = (b) => {
-      if (!(b.ctrlKey || b.button === 2) && (p(b), b.currentTarget)) {
-        const D = b.currentTarget[f.offset], z = b[f.client], T = b.currentTarget.getBoundingClientRect()[f.direction];
+      if (!(b.ctrlKey || b.button === 2) && (f(b), b.currentTarget)) {
+        const D = b.currentTarget[u.offset], z = b[u.client], T = b.currentTarget.getBoundingClientRect()[u.direction];
         h.value = D - (z - T);
       }
     }, v = (b) => {
       const D = b.target.getBoundingClientRect();
       if (D) {
-        const z = D[f.direction], H = b[f.client], T = Math.abs((z ? Number(z) : 0) - (H ? Number(H) : 0)), E = r.value[f.offset] / 2, P = s.value ? Number(s.value[f.offset]) : 0, l1 = P ? (T - E) * 100 / P : 0;
+        const z = D[u.direction], H = b[u.client], T = Math.abs((z ? Number(z) : 0) - (H ? Number(H) : 0)), E = r.value[u.offset] / 2, P = s.value ? Number(s.value[u.offset]) : 0, l1 = P ? (T - E) * 100 / P : 0;
         l("update", {
-          scrollReference: f.scroll,
+          scrollReference: u.scroll,
           positionPercentage: l1,
-          scrollSize: f.scrollSize
+          scrollSize: u.scrollSize
         });
       }
     }, y = () => {
-      const b = `translate${f.axis}(${e.move}%)`;
+      const b = `translate${u.axis}(${e.move}%)`;
       return {
-        [f.size]: e.size,
+        [u.size]: e.size,
         transform: b,
         msTransform: b,
         webkitTransform: b
@@ -4158,7 +4131,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     return (b, D) => (o(), i("div", {
       ref_key: "scrollbarRef",
       ref: s,
-      class: B(`scrollbar__bar is-${u(f).key}`),
+      class: B(`scrollbar__bar is-${p(u).key}`),
       onClick: D[1] || (D[1] = U(() => {
       }, ["stop", "prevent"])),
       onMousedown: U(v, ["stop", "prevent"])
@@ -4199,13 +4172,13 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e;
     let r;
-    const a = L(6), f = L(0), h = L(0), m = L(0), c = L("0"), p = L("0"), g = Re({
+    const a = L(6), u = L(0), h = L(0), m = L(0), c = L("0"), f = L("0"), g = Re({
       marginRight: "",
       marginBottom: ""
     }), v = { height: 100, width: 100 }, y = ["scrollbar__wrap"];
     !a.value && y.push("scrollbar__wrap--hidden-default"), l.wrapClass && y.push(l.wrapClass);
     const C = L(), b = L(), D = () => {
-      h.value = C.value.scrollTop * 100 / C.value.clientHeight, f.value = C.value.scrollLeft * 100 / C.value.clientWidth, s("scroll", C.value.scrollTop);
+      h.value = C.value.scrollTop * 100 / C.value.clientHeight, u.value = C.value.scrollLeft * 100 / C.value.clientWidth, s("scroll", C.value.scrollTop);
       const O = C.value.scrollTop + C.value.clientHeight, x = C.value.scrollHeight;
       if (m.value > 0 && C.value.scrollTop === 0 ? s("intersect", { edge: "top", hit: !0 }) : m.value === 0 && C.value.scrollTop > 0 ? s("intersect", { edge: "top", hit: !1 }) : m.value + C.value.clientHeight < x && O === x ? s("intersect", { edge: "bottom", hit: !0 }) : m.value + C.value.clientHeight === x && O < x && s("intersect", { edge: "bottom", hit: !1 }), l.triggers)
         for (const G of l.triggers)
@@ -4218,7 +4191,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
       if (!C.value) return;
       await M1();
       const { heightPercentage: O, widthPercentage: x } = z();
-      !O && !x || (l.disableX || (v.width === 100 && x < 100 ? s("scrollXActive", !0) : x === 100 && v.width < 100 && s("scrollXActive", !1), x === 100 ? g.marginBottom = "0px" : a.value && (g.marginBottom = `-${a.value}px`), v.width = x, p.value = x < 100 ? `${x}%` : ""), l.disableY || (v.height === 100 && O < 100 ? s("scrollYActive", !0) : O === 100 && v.height < 100 && s("scrollYActive", !1), O === 100 ? g.marginRight = "0px" : a.value && (g.marginRight = `-${a.value}px`), v.height = O, c.value = O < 100 ? `${O}%` : ""), D());
+      !O && !x || (l.disableX || (v.width === 100 && x < 100 ? s("scrollXActive", !0) : x === 100 && v.width < 100 && s("scrollXActive", !1), x === 100 ? g.marginBottom = "0px" : a.value && (g.marginBottom = `-${a.value}px`), v.width = x, f.value = x < 100 ? `${x}%` : ""), l.disableY || (v.height === 100 && O < 100 ? s("scrollYActive", !0) : O === 100 && v.height < 100 && s("scrollYActive", !1), O === 100 ? g.marginRight = "0px" : a.value && (g.marginRight = `-${a.value}px`), v.height = O, c.value = O < 100 ? `${O}%` : ""), D());
     };
     a1(async () => {
       await M1(H), v.height === 100 && s("intersect", { edge: "top", hit: !0 }), l.windowResize && window.addEventListener("resize", H), l.noresize || (r = new MutationObserver(H), r.observe(b.value, {
@@ -4263,8 +4236,8 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
       ], 38),
       O.disableX ? k("", !0) : (o(), V(Be, {
         key: 0,
-        move: f.value,
-        size: p.value,
+        move: u.value,
+        size: f.value,
         onMove: x[0] || (x[0] = (G) => E("x", G * 40)),
         onUpdate: T
       }, null, 8, ["move", "size"])),
@@ -4288,12 +4261,12 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
         ([r]) => r.isIntersecting && e("intersect"),
         { threshold: 0.01 }
       ), s.value.observe(l.value);
-    }), U1(() => s.value && s.value.disconnect()), (r, a) => (o(), i("div", {
+    }), N1(() => s.value && s.value.disconnect()), (r, a) => (o(), i("div", {
       ref_key: "triggerRef",
       ref: l,
       class: "w-full h-16 flex items-center justify-center bg-white"
     }, [
-      r.$slots.default ? A(r.$slots, "default", { key: 0 }) : (o(), V(u(N1), {
+      r.$slots.default ? A(r.$slots, "default", { key: 0 }) : (o(), V(p(F1), {
         key: 1,
         class: "w-6 h-6 text-granite-grey"
       }))
@@ -4322,7 +4295,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
       }]),
       onClick: s[0] || (s[0] = (r) => e("click"))
     }, [
-      l.segment.icon ? (o(), V(u(e1), {
+      l.segment.icon ? (o(), V(p(e1), {
         key: 0,
         name: l.segment.icon
       }, null, 8, ["name"])) : k("", !0),
@@ -4339,14 +4312,14 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   emits: ["select"],
   setup(n, { emit: t }) {
     const e = t, l = (s) => s.label === n.selectedSegment.label;
-    return (s, r) => (o(), V(u(n1), { class: "gap-0.5 p-1 rounded-lg bg-secondary" }, {
+    return (s, r) => (o(), V(p(n1), { class: "gap-0.5 p-1 rounded-lg bg-secondary" }, {
       default: Z(() => [
         (o(!0), i(M, null, m1(s.segments, (a) => (o(), V(_2, {
           key: a.label,
           segment: a,
           active: l(a),
           size: s.size,
-          onClick: (f) => e("select", a)
+          onClick: (u) => e("select", a)
         }, null, 8, ["segment", "active", "size", "onClick"]))), 128))
       ]),
       _: 1
@@ -4383,7 +4356,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   emits: ["click", "delete", "focus", "hover"],
   setup(n, { emit: t }) {
     const e = t, l = I(() => n.variant === "checkbox" || n.variant === "single"), s = I(() => n.hoveredOption ? "id" in n.hoveredOption && "id" in n.option ? n.hoveredOption.id === n.option.id : n.hoveredOption && n.hoveredOption.label === n.option.label : !1), r = () => e("click");
-    return (a, f) => (o(), i("li", e0, [
+    return (a, u) => (o(), i("li", e0, [
       (o(), V(D1(l.value ? "button" : "div"), {
         disabled: a.option.disabled,
         class: B(["w-full overflow-hidden rounded-lg flex items-center px-2 py-1 gap-2", {
@@ -4395,19 +4368,19 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
           "cursor-not-allowed": a.option.disabled
         }]),
         onClick: r,
-        onMouseover: f[1] || (f[1] = (h) => e("hover", a.option)),
-        onFocus: f[2] || (f[2] = (h) => e("focus", a.option))
+        onMouseover: u[1] || (u[1] = (h) => e("hover", a.option)),
+        onFocus: u[2] || (u[2] = (h) => e("focus", a.option))
       }, {
         default: Z(() => [
           d("main", t0, [
-            a.variant === "checkbox" ? (o(), V(u(nt), {
+            a.variant === "checkbox" ? (o(), V(p(nt), {
               key: 0,
               disabled: a.option.disabled,
               checked: a.selected,
               class: "flex-0",
               onClick: r
             }, null, 8, ["disabled", "checked"])) : k("", !0),
-            a.option.icon ? (o(), V(u(e1), {
+            a.option.icon ? (o(), V(p(e1), {
               key: 1,
               name: a.option.icon,
               class: B(["w-4 h-4 flex-0", {
@@ -4416,7 +4389,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
                 "text-primary": a.variant !== "single" && !a.option.disabled
               }])
             }, null, 8, ["name", "class"])) : k("", !0),
-            w(u(it), {
+            w(p(it), {
               "background-color": "yellow",
               value: a.option.label,
               highlight: a.search,
@@ -4438,12 +4411,12 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
               "text-tertiary": a.option.disabled
             }])
           }, Q(a.option.suffix), 3)) : k("", !0),
-          a.variant === "deletable" ? (o(), V(u(K), {
+          a.variant === "deletable" ? (o(), V(p(K), {
             key: 1,
             small: "",
             icon: "close",
             variant: "text",
-            onClick: f[0] || (f[0] = (h) => e("delete"))
+            onClick: u[0] || (u[0] = (h) => e("delete"))
           })) : k("", !0)
         ]),
         _: 1
@@ -4478,7 +4451,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     message: {}
   },
   setup(n) {
-    return (t, e) => (o(), V(u(_1), {
+    return (t, e) => (o(), V(p(_1), {
       status: t.message,
       variant: "error"
     }, {
@@ -4533,7 +4506,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
 }), r0 = /* @__PURE__ */ $({
   __name: "IdleCard",
   setup(n) {
-    return (t, e) => (o(), V(u(_1), {
+    return (t, e) => (o(), V(p(_1), {
       status: "Type to search",
       variant: "idle"
     }, {
@@ -4559,12 +4532,12 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
 }), i0 = /* @__PURE__ */ $({
   __name: "LoadingCard",
   setup(n) {
-    return (t, e) => (o(), V(u(_1), {
+    return (t, e) => (o(), V(p(_1), {
       status: "Loading",
       variant: "loading"
     }, {
       default: Z(() => [
-        w(u(N1))
+        w(p(F1))
       ]),
       _: 1
     }));
@@ -4572,7 +4545,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
 }), d0 = /* @__PURE__ */ $({
   __name: "NoMatchCard",
   setup(n) {
-    return (t, e) => (o(), V(u(_1), {
+    return (t, e) => (o(), V(p(_1), {
       status: "No matches",
       variant: "no match"
     }, {
@@ -4627,10 +4600,10 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
 }), u0 = {
   key: 0,
   class: "flex-0 flex flex-col gap-2 p-2 border-b border-default"
-}, f0 = {
+}, p0 = {
   key: 0,
   class: ""
-}, p0 = {
+}, f0 = {
   key: 1,
   class: "flex items-center gap-1"
 }, c0 = { class: "text-sm text-muted italic" }, C0 = { class: "flex-1 max-h-72 h-full overflow-hidden flex flex-col" }, v0 = {
@@ -4661,29 +4634,29 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   },
   emits: ["escape", "selectQuery", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, { nextFrame: r } = Ce(), a = L(null), f = L([]), h = L(""), m = L(), c = L(), p = L(), g = L(), v = L(), y = L(l.filters ? l.filters[0] : null), C = L(!1), b = L(!1), D = L(""), z = (S) => {
+    const l = n, s = e, { nextFrame: r } = Ce(), a = L(null), u = L([]), h = L(""), m = L(), c = L(), f = L(), g = L(), v = L(), y = L(l.filters ? l.filters[0] : null), C = L(!1), b = L(!1), D = L(""), z = (S) => {
       if (!Array.isArray(S)) throw new Error("Item passed must be an Array");
       return S.length === 0 ? !1 : "options" in S[0];
-    }, H = I(() => z(l.options)), T = I(() => H.value ? l.options.flatMap((S) => S.options) : l.options), E = I(() => l.loading ? "loading" : l.errorMessage ? "error" : h.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), P = I(() => l.selected && "length" in l.selected), l1 = I(() => l.selected ? P.value ? l.selected.length : 1 : 0), p1 = I(() => l.selected ? y.value ? l.selected.length >= T.value.filter(y.value.execute).length : P.value ? l.selected.length === T.value.length : !1 : !1), O = I(() => l.selected ? P.value ? !l.selected.length : !l.selected : !0);
+    }, H = I(() => z(l.options)), T = I(() => H.value ? l.options.flatMap((S) => S.options) : l.options), E = I(() => l.loading ? "loading" : l.errorMessage ? "error" : h.value.length && !u.value.length ? "no match" : u.value.length ? "match" : "idle"), P = I(() => l.selected && "length" in l.selected), l1 = I(() => l.selected ? P.value ? l.selected.length : 1 : 0), f1 = I(() => l.selected ? y.value ? l.selected.length >= T.value.filter(y.value.execute).length : P.value ? l.selected.length === T.value.length : !1 : !1), O = I(() => l.selected ? P.value ? !l.selected.length : !l.selected : !0);
     r1(() => l.selected, (S) => {
       S && C.value && r(() => {
-        if (p.value.update(), P.value && l1.value) {
-          const J = g.value[g.value.length - 1].$el, f1 = v.value.$el.querySelector(".scrollbar__wrap");
-          f1 && (st(f1, J), v.value.handleScroll());
+        if (f.value.update(), P.value && l1.value) {
+          const J = g.value[g.value.length - 1].$el, p1 = v.value.$el.querySelector(".scrollbar__wrap");
+          p1 && (st(p1, J), v.value.handleScroll());
         }
       });
     }), r1(() => l.options, (S) => {
       g1(S), a.value = null;
     }), A1(() => g1(l.options)), a1(() => {
       !P.value && l.selectAll && console.warn("[SelectList] selectAll prop not allowed when SelectList is not isMultiselect. You need to pass an Array of selected options (or empty) if you want it to be isMultiselect."), r(() => {
-        p.value && p.value.update(), m.value.addEventListener("keydown", x);
+        f.value && f.value.update(), m.value.addEventListener("keydown", x);
       });
     }), T1(() => m.value.removeEventListener("keydown", x));
     const x = (S) => {
       S.key === "Enter" ? F() : S.key === "Escape" ? s("escape") : S.key === "ArrowDown" ? R("next") : S.key === "ArrowUp" && R("prev");
     }, G = (S) => {
       if (P.value) {
-        const J = l.selected.map((f1) => f1.label).includes(S.label) ? [...l.selected.filter((f1) => f1.label !== S.label)] : [...l.selected, S];
+        const J = l.selected.map((p1) => p1.label).includes(S.label) ? [...l.selected.filter((p1) => p1.label !== S.label)] : [...l.selected, S];
         s("select", J);
       } else
         s("select", S);
@@ -4694,8 +4667,8 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     }, B1 = l.searchDebounce ? ne(o1, l.searchDebounce) : o1, g1 = (S) => {
       var J;
       if (H.value) {
-        const f1 = S;
-        f.value = f1.map(($1) => {
+        const p1 = S;
+        u.value = p1.map(($1) => {
           var ye;
           return {
             ...$1,
@@ -4703,28 +4676,28 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
           };
         });
       } else {
-        const f1 = S;
-        f.value = y.value ? f1.filter((J = y.value) == null ? void 0 : J.execute) : f1;
+        const p1 = S;
+        u.value = y.value ? p1.filter((J = y.value) == null ? void 0 : J.execute) : p1;
       }
     }, W = (S) => {
       y.value = S, g1(l.options);
     }, j = () => {
       if (!P.value) throw new Error('[SelectList@onToggleAll] method should not be called when "isMultiselect=false"');
-      l1.value === 0 || l1.value && !p1.value ? s("select", y.value ? T.value.filter(y.value.execute) : T.value) : s("select", []);
+      l1.value === 0 || l1.value && !f1.value ? s("select", y.value ? T.value.filter(y.value.execute) : T.value) : s("select", []);
     }, s1 = (S) => a.value = T.value.find((J) => J[l.identifier] === S[l.identifier]) || null, v1 = I(() => {
-      const S = Array.isArray(f.value) && f.value.length > 0 && "options" in f.value[0] ? f.value.flatMap((J) => J.options) : f.value;
+      const S = Array.isArray(u.value) && u.value.length > 0 && "options" in u.value[0] ? u.value.flatMap((J) => J.options) : u.value;
       return S.length > 0 && S.every((J) => !!J.disabled);
     }), R = async (S) => {
-      if (f.value.length === 0) return;
-      let J = T.value.findIndex((f1) => {
+      if (u.value.length === 0) return;
+      let J = T.value.findIndex((p1) => {
         var $1;
-        return f1.label === (($1 = a.value) == null ? void 0 : $1.label);
+        return p1.label === (($1 = a.value) == null ? void 0 : $1.label);
       });
-      v1.value || (S === "next" ? (J++, J === f.value.length && (J = 0)) : S === "prev" && (J--, J < 0 && (J = f.value.length - 1)), a.value = T.value[J], a.value.disabled === !0 && R(S), await M1(), a.value && Y(a.value));
+      v1.value || (S === "next" ? (J++, J === u.value.length && (J = 0)) : S === "prev" && (J--, J < 0 && (J = u.value.length - 1)), a.value = T.value[J], a.value.disabled === !0 && R(S), await M1(), a.value && Y(a.value));
     }, Y = (S) => {
       if (!c.value.children.length) return;
       const J = null;
-      p.value;
+      f.value;
     }, q = () => {
       C.value = !C.value, v.value.update();
     }, d1 = I(() => C.value && b.value ? D.value : "border-transparent"), V1 = (S) => {
@@ -4738,7 +4711,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
       reset: () => {
         h.value = "", l.searchFunction ? l.searchFunction("") : g1([]), y.value = l.filters ? l.filters[0] : null;
       },
-      scrollbarRef: p
+      scrollbarRef: f
     }), (S, J) => (o(), i("div", {
       ref_key: "selectListRef",
       ref: m,
@@ -4751,24 +4724,24 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
     }, [
       S.$slots.header || S.searchFunction || S.filters || S.selectAll ? (o(), i("header", u0, [
         A(S.$slots, "header"),
-        S.searchFunction ? (o(), i("section", f0, [
-          w(u(z1), {
+        S.searchFunction ? (o(), i("section", p0, [
+          w(p(z1), {
             class: "w-full",
             clearable: "",
             value: h.value,
             placeholder: S.placeholder,
-            onChange: u(B1),
-            onClear: J[0] || (J[0] = (f1) => o1(""))
+            onChange: p(B1),
+            onClear: J[0] || (J[0] = (p1) => o1(""))
           }, null, 8, ["value", "placeholder", "onChange"])
         ])) : k("", !0),
-        S.filters ? (o(), i("section", p0, [
-          (o(!0), i(M, null, m1(S.filters, (f1) => (o(), V(u(K), {
-            key: f1.name,
+        S.filters ? (o(), i("section", f0, [
+          (o(!0), i(M, null, m1(S.filters, (p1) => (o(), V(p(K), {
+            key: p1.name,
             small: "",
             variant: "textSubtle",
-            focus: !!(y.value && y.value.name === f1.name),
-            label: f1.name,
-            onClick: ($1) => W(f1)
+            focus: !!(y.value && y.value.name === p1.name),
+            label: p1.name,
+            onClick: ($1) => W(p1)
           }, null, 8, ["focus", "label", "onClick"]))), 128))
         ])) : k("", !0),
         S.selectAll ? (o(), i("button", {
@@ -4776,22 +4749,22 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
           class: "cursor-pointer flex items-center gap-2 p-1 rounded-lg hover:bg-secondary active:bg-tertiary",
           onClick: j
         }, [
-          w(u(nt), {
-            indeterminate: !!(l1.value && !p1.value),
-            checked: p1.value,
+          w(p(nt), {
+            indeterminate: !!(l1.value && !f1.value),
+            checked: f1.value,
             onClick: j
           }, null, 8, ["indeterminate", "checked"]),
           d("span", c0, Q(S.selectAllLabel), 1)
         ])) : k("", !0)
       ])) : k("", !0),
       d("main", C0, [
-        E.value === "error" ? (o(), V(u(a0), {
+        E.value === "error" ? (o(), V(p(a0), {
           key: 0,
           message: S.errorMessage
-        }, null, 8, ["message"])) : E.value === "loading" ? (o(), V(u(i0), { key: 1 })) : E.value === "no match" ? (o(), V(u(d0), { key: 2 })) : E.value === "idle" ? (o(), V(u(r0), { key: 3 })) : E.value === "match" ? (o(), V(u(q1), {
+        }, null, 8, ["message"])) : E.value === "loading" ? (o(), V(p(i0), { key: 1 })) : E.value === "no match" ? (o(), V(p(d0), { key: 2 })) : E.value === "idle" ? (o(), V(p(r0), { key: 3 })) : E.value === "match" ? (o(), V(p(q1), {
           key: 4,
           ref_key: "scrollbarRef",
-          ref: p,
+          ref: f,
           class: "flex-1",
           show: ""
         }, {
@@ -4805,7 +4778,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
               }])
             }, [
               A(S.$slots, "options", {
-                options: f.value,
+                options: u.value,
                 hover: s1,
                 hoveredOption: a.value,
                 select: G,
@@ -4819,7 +4792,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
       S.$slots.footer ? (o(), i("footer", v0, [
         S.showSelection ? (o(), i(M, { key: 0 }, [
           d("header", h0, [
-            w(u(K), {
+            w(p(K), {
               square: "",
               size: "tiny",
               variant: "text",
@@ -4829,7 +4802,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
               onClick: q
             }, null, 8, ["label", "trailing-icon"])
           ]),
-          w(u(q1), {
+          w(p(q1), {
             ref_key: "selectionScrollbarRef",
             ref: v,
             show: "",
@@ -4888,20 +4861,20 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   setup(n, { expose: t, emit: e }) {
     const l = e, s = R1(), r = L(!1), a = L();
     a1(() => r.value = !0);
-    const f = () => r.value = !1, h = async () => {
-      n.closeable && (n.interceptClose ? await n.interceptClose() && f() : f());
+    const u = () => r.value = !1, h = async () => {
+      n.closeable && (n.interceptClose ? await n.interceptClose() && u() : u());
     };
     n.closeable && ce(h);
     const m = () => {
       l("open");
     };
-    return t({ close: f }), (c, p) => (o(), V(W1, { to: c.target }, [
-      w(u(ve), {
+    return t({ close: u }), (c, f) => (o(), V(U1, { to: c.target }, [
+      w(p(ve), {
         show: r.value,
         type: c.overlayType,
         class: "p-4",
         onClick: h,
-        onClose: p[0] || (p[0] = (g) => l("close"))
+        onClose: f[0] || (f[0] = (g) => l("close"))
       }, {
         default: Z(() => [
           w(de, {
@@ -4914,26 +4887,26 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
             onAfterEnter: m
           }, {
             default: Z(() => [
-              Y1(w(he, {
+              W1(w(he, {
                 ref_key: "panelRef",
                 ref: a,
                 class: B(["flex flex-col overflow-hidden w-full h-full focus:outline-hidden", [c.widthClass, {
-                  "py-4": !u(s).default,
+                  "py-4": !p(s).default,
                   "ml-auto": c.placement === "right",
                   "mr-auto": c.placement === "left"
                 }]]),
                 style: { "pointer-events": "auto" }
               }, {
                 default: Z(() => [
-                  c.$slots.default ? A(c.$slots, "default", { key: 0 }) : (o(), V(u(me), { key: 1 }, Ae({
+                  c.$slots.default ? A(c.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
                     main: Z(() => [
                       d("main", L0, [
-                        A(c.$slots, "main", { close: f })
+                        A(c.$slots, "main", { close: u })
                       ])
                     ]),
                     footer: Z(() => [
                       d("footer", y0, [
-                        A(c.$slots, "footer", { close: f })
+                        A(c.$slots, "footer", { close: u })
                       ])
                     ]),
                     _: 2
@@ -4943,7 +4916,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
                       fn: Z(() => [
                         c.title ? (o(), i("header", b0, [
                           d("h4", null, Q(c.title), 1),
-                          c.closeable ? (o(), V(u(K), {
+                          c.closeable ? (o(), V(p(K), {
                             key: 0,
                             small: "",
                             icon: "close",
@@ -4952,7 +4925,7 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
                           })) : k("", !0)
                         ])) : A(c.$slots, "header", {
                           key: 1,
-                          close: f
+                          close: u
                         })
                       ]),
                       key: "0"
@@ -5020,16 +4993,16 @@ const k2 = ["onKeydown"], w2 = /* @__PURE__ */ $({
   }
 });
 function H0(n, t) {
-  const e = L(), l = L([]), s = L(), r = L([]), a = L([]), f = L(/* @__PURE__ */ new Map()), h = L(0);
+  const e = L(), l = L([]), s = L(), r = L([]), a = L([]), u = L(/* @__PURE__ */ new Map()), h = L(0);
   function m() {
     if (!e.value) return;
     const g = n();
     l.value.forEach((E, P) => {
-      E && r.value[P] && f.value.set(r.value[P], E.offsetWidth);
+      E && r.value[P] && u.value.set(r.value[P], E.offsetWidth);
     }), r.value.length === 0 && l.value.forEach((E, P) => {
-      E && g[P] && f.value.set(g[P].id, E.offsetWidth);
+      E && g[P] && u.value.set(g[P].id, E.offsetWidth);
     }), s.value && (h.value = s.value.offsetWidth);
-    const v = e.value.clientWidth, y = g.map((E) => f.value.get(E.id) ?? 0), C = h.value;
+    const v = e.value.clientWidth, y = g.map((E) => u.value.get(E.id) ?? 0), C = h.value;
     let b = 0, D = n().length;
     for (let E = 0; E < y.length; E++) {
       const l1 = y.length - E - 1 > 0;
@@ -5061,7 +5034,7 @@ function H0(n, t) {
     const v = n().findIndex((C) => C.id === g), y = l.value[v];
     y == null || y.focus();
   }
-  function p(g) {
+  function f(g) {
     const v = n().map((D) => D.id), y = v.indexOf(t());
     let C = y;
     switch (g.key) {
@@ -5090,7 +5063,7 @@ function H0(n, t) {
     overflowTriggerRef: s,
     overflowIds: I(() => a.value),
     visibleIds: I(() => r.value),
-    onKeydown: p,
+    onKeydown: f,
     recalc: m
   };
 }
@@ -5102,12 +5075,12 @@ const V0 = /* @__PURE__ */ $({
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, { containerRef: s, tabRefs: r, overflowTriggerRef: a, visibleIds: f, overflowIds: h, onKeydown: m } = H0(
+    const e = n, l = t, { containerRef: s, tabRefs: r, overflowTriggerRef: a, visibleIds: u, overflowIds: h, onKeydown: m } = H0(
       () => e.tabs,
       () => e.selectedTabId
     ), c = (v, y) => {
       y && (r.value[v] = y);
-    }, p = I(() => e.tabs.filter((v) => f.value.includes(v.id))), g = I(() => e.tabs.filter((v) => h.value.includes(v.id)));
+    }, f = I(() => e.tabs.filter((v) => u.value.includes(v.id))), g = I(() => e.tabs.filter((v) => h.value.includes(v.id)));
     return (v, y) => (o(), i("div", {
       ref_key: "containerRef",
       ref: s,
@@ -5115,7 +5088,7 @@ const V0 = /* @__PURE__ */ $({
       role: "tablist",
       "aria-orientation": "horizontal"
     }, [
-      (o(!0), i(M, null, m1(p.value, (C, b) => A(v.$slots, "tab", {
+      (o(!0), i(M, null, m1(f.value, (C, b) => A(v.$slots, "tab", {
         key: C.id,
         tab: C,
         selected: C.id === v.selectedTabId,
@@ -5125,7 +5098,7 @@ const V0 = /* @__PURE__ */ $({
           tabindex: C.id === v.selectedTabId ? 0 : -1,
           "aria-selected": C.id === v.selectedTabId,
           "aria-controls": `panel-${C.id}`,
-          onKeydown: u(m),
+          onKeydown: p(m),
           ref: (D) => c(b, D)
         },
         select: () => l("select", C.id)
@@ -5181,16 +5154,16 @@ const V0 = /* @__PURE__ */ $({
           tabs: t,
           onSelect: s[0] || (s[0] = (r) => e.value = r)
         }, {
-          tab: Z(({ tab: r, selected: a, attrs: f, select: h }) => [
+          tab: Z(({ tab: r, selected: a, attrs: u, select: h }) => [
             d("div", M0, [
-              d("button", kt(f, {
+              d("button", kt(u, {
                 class: ["flex items-center gap-1 h-6 px-2 rounded-lg cursor-pointer", {
                   "text-action border-action": a,
                   "text-tertiary border-default hover:bg-tertiary": !a
                 }],
                 onClick: h
               }), [
-                w(u(e1), {
+                w(p(e1), {
                   name: r.icon
                 }, null, 8, ["name"]),
                 d("span", $0, Q(r.label), 1)
@@ -5205,8 +5178,8 @@ const V0 = /* @__PURE__ */ $({
               ])
             ])
           ]),
-          "overflow-trigger": Z(({ count: r, tabs: a, select: f }) => [
-            w(u(O1), {
+          "overflow-trigger": Z(({ count: r, tabs: a, select: u }) => [
+            w(p(E1), {
               trigger: "click",
               placement: "bottom-end"
             }, {
@@ -5219,7 +5192,7 @@ const V0 = /* @__PURE__ */ $({
                     }])
                   }, [
                     d("span", B0, Q(`More (${r})`), 1),
-                    w(u(e1), {
+                    w(p(e1), {
                       name: h ? "chevron-up-small" : "chevron-down-small"
                     }, null, 8, ["name"])
                   ], 2),
@@ -5229,16 +5202,16 @@ const V0 = /* @__PURE__ */ $({
                 ])
               ]),
               content: Z(({ close: h }) => [
-                w(u(I1), null, {
+                w(p(O1), null, {
                   default: Z(() => [
-                    (o(!0), i(M, null, m1(a, (m) => (o(), V(u(l0), {
+                    (o(!0), i(M, null, m1(a, (m) => (o(), V(p(l0), {
                       key: m.id,
                       small: "",
                       option: m,
                       variant: "single",
                       selected: !1,
                       onClick: (c) => {
-                        f(m.id), h();
+                        u(m.id), h();
                       }
                     }, null, 8, ["option", "onClick"]))), 128))
                   ]),
@@ -5274,7 +5247,7 @@ const V0 = /* @__PURE__ */ $({
     const e = n, l = t, s = L(), r = () => {
       s.value.blur(), l("select", e.name);
     };
-    return (a, f) => (o(), i("button", {
+    return (a, u) => (o(), i("button", {
       ref_key: "tabRef",
       ref: s,
       disabled: a.disabled,
@@ -5294,14 +5267,14 @@ const V0 = /* @__PURE__ */ $({
       }]),
       onClick: U(r, ["stop", "prevent"])
     }, [
-      a.icon && a.size === "default" ? (o(), V(u(e1), {
+      a.icon && a.size === "default" ? (o(), V(p(e1), {
         key: 0,
         name: a.icon
       }, null, 8, ["name"])) : k("", !0),
       d("span", z0, [
         Ee(Q(a.name) + " ", 1),
         a.notification ? (o(), i("div", A0, [
-          w(u(_e))
+          w(p(_e))
         ])) : k("", !0)
       ])
     ], 10, S0));
@@ -5316,7 +5289,7 @@ const V0 = /* @__PURE__ */ $({
   emits: ["delete"],
   setup(n, { emit: t }) {
     const e = t;
-    return (l, s) => (o(), V(u(n1), {
+    return (l, s) => (o(), V(p(n1), {
       inline: "",
       class: B(["h-5 truncate text-xs rounded-sm text-tertiary bg-tertiary", {
         "px-1": !l.deletable,
@@ -5324,9 +5297,9 @@ const V0 = /* @__PURE__ */ $({
       }])
     }, {
       default: Z(() => [
-        w(u(n1), { class: "gap-1" }, {
+        w(p(n1), { class: "gap-1" }, {
           default: Z(() => [
-            l.icon ? (o(), V(u(e1), {
+            l.icon ? (o(), V(p(e1), {
               key: 0,
               name: l.icon
             }, null, 8, ["name"])) : k("", !0),
@@ -5334,7 +5307,7 @@ const V0 = /* @__PURE__ */ $({
           ]),
           _: 1
         }),
-        l.deletable ? (o(), V(u(K), {
+        l.deletable ? (o(), V(p(K), {
           key: 0,
           small: "",
           variant: "textSubtle",
@@ -5363,7 +5336,7 @@ const V0 = /* @__PURE__ */ $({
     const e = n, l = L();
     return t({ hide: () => {
       l.value && l.value.close();
-    } }), (s, r) => (o(), V(u(O1), {
+    } }), (s, r) => (o(), V(p(E1), {
       ref_key: "popperRef",
       ref: l,
       "disable-click-outside": "",
@@ -5397,16 +5370,16 @@ const V0 = /* @__PURE__ */ $({
   emits: ["delete"],
   setup(n, { emit: t }) {
     const e = t, l = () => e("delete", n.entry.id);
-    return (s, r) => (o(), V(u(ee), {
+    return (s, r) => (o(), V(p(ee), {
       text: s.entry.error
     }, {
       default: Z(() => [
-        w(u(n1), {
+        w(p(n1), {
           id: s.entry.id,
           tabindex: "1",
           class: B(["gap-0.5 h-6 pl-1 pr-0.5 rounded-md border cursor-default", {
-            "border-strong text-primary": !u(ie)(s.entry.error),
-            "border-red-400 text-red-400 focus:bg-red-400 focus:text-white": u(ie)(s.entry.error)
+            "border-strong text-primary": !p(ie)(s.entry.error),
+            "border-red-400 text-red-400 focus:bg-red-400 focus:text-white": p(ie)(s.entry.error)
           }]),
           onKeyup: _(l, ["delete"])
         }, {
@@ -5416,7 +5389,7 @@ const V0 = /* @__PURE__ */ $({
               class: "group cursor-pointer w-4 h-4 rounded hover:bg-secondary active:bg-tertiary",
               onClick: l
             }, [
-              w(u(e1), {
+              w(p(e1), {
                 name: "close",
                 class: "text-tertiary dark:text-muted group-hover:text-primary"
               })
@@ -5434,9 +5407,9 @@ const V0 = /* @__PURE__ */ $({
     placeholder: { default: "Enter value, comma separated" },
     validators: { default: () => [] }
   },
-  emits: ["update:entries", "raw-input-parsed"],
+  emits: ["update:entries", "raw-input-parsed", "enter-key-up"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(), r = L(""), a = L([]), f = (y) => {
+    const l = e, s = L(), r = L(""), a = L([]), u = (y) => {
       a.value = [...a.value, ...c(y)], l("update:entries", a.value);
     }, h = (y) => {
       a.value = [...c(y)], l("update:entries", a.value);
@@ -5449,7 +5422,7 @@ const V0 = /* @__PURE__ */ $({
         value: D,
         error: z
       };
-    }), p = () => {
+    }), f = () => {
       if (r.value.length || !a.value.length) return;
       const y = a.value[a.value.length - 1].id, C = document.getElementById(y);
       C && C.focus();
@@ -5459,9 +5432,9 @@ const V0 = /* @__PURE__ */ $({
     };
     return t({ clear: () => {
       a.value = [], r.value = "", l("update:entries", a.value);
-    }, importEntries: f, inputElement: s, replaceEntries: h }), (y, C) => (o(), V(u(n1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
+    }, importEntries: u, inputElement: s, replaceEntries: h }), (y, C) => (o(), V(p(n1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
       default: Z(() => [
-        (o(!0), i(M, null, m1(a.value, (b) => (o(), V(u(O0), {
+        (o(!0), i(M, null, m1(a.value, (b) => (o(), V(p(O0), {
           key: b.id,
           entry: b,
           onDelete: g
@@ -5473,8 +5446,11 @@ const V0 = /* @__PURE__ */ $({
           value: r.value,
           placeholder: a.value.length ? "" : y.placeholder,
           class: "flex-1 min-w-0 h-6 text-xs leading-tight bg-transparent focus:outline-hidden",
-          onKeyup: _(p, ["delete"]),
-          onChange: C[0] || (C[0] = U(() => {
+          onKeyup: [
+            _(f, ["delete"]),
+            C[0] || (C[0] = _((b) => l("enter-key-up"), ["enter"]))
+          ],
+          onChange: C[1] || (C[1] = U(() => {
           }, ["stop", "prevent"])),
           onInput: U(m, ["stop", "prevent"])
         }, null, 40, I0)
@@ -5501,12 +5477,12 @@ const V0 = /* @__PURE__ */ $({
   emits: ["click"],
   setup(n, { emit: t }) {
     const e = t;
-    return (l, s) => (o(), V(u(ee), {
+    return (l, s) => (o(), V(p(ee), {
       text: l.tooltip,
       delay: 200
     }, {
       default: Z(() => [
-        w(u(n1), {
+        w(p(n1), {
           tag: "button",
           inline: "",
           justify: "center",
@@ -5522,7 +5498,7 @@ const V0 = /* @__PURE__ */ $({
           onClick: s[0] || (s[0] = (r) => !l.disabled && e("click"))
         }, {
           default: Z(() => [
-            l.icon ? (o(), V(u(e1), {
+            l.icon ? (o(), V(p(e1), {
               key: 0,
               name: l.icon
             }, null, 8, ["name"])) : k("", !0),
@@ -5592,10 +5568,10 @@ const Gs = /* @__PURE__ */ Z1(P0, [["render", N0]]), Se = Pe.create({
   let a = r - 1;
   for (; a >= 0 && /\w/.test(s[a]); )
     a--;
-  let f = r;
-  for (; f < s.length && /\w/.test(s[f]); )
-    f++;
-  return s.slice(a + 1, f) || null;
+  let u = r;
+  for (; u < s.length && /\w/.test(s[u]); )
+    u++;
+  return s.slice(a + 1, u) || null;
 }, W0 = Pe.create({
   name: "pasteImage",
   addProseMirrorPlugins() {
@@ -5605,13 +5581,13 @@ const Gs = /* @__PURE__ */ Z1(P0, [["render", N0]]), Se = Pe.create({
         props: {
           handlePaste: (n, t) => {
             var a;
-            const l = Array.from(((a = t.clipboardData) == null ? void 0 : a.items) || []).find((f) => f.type.startsWith("image/"));
+            const l = Array.from(((a = t.clipboardData) == null ? void 0 : a.items) || []).find((u) => u.type.startsWith("image/"));
             if (!l) return !1;
             const s = l.getAsFile();
             if (!s) return !1;
             const r = new FileReader();
             return r.onload = () => {
-              const f = r.result, { tr: h } = n.state, m = n.state.schema.nodes.image.create({ src: f });
+              const u = r.result, { tr: h } = n.state, m = n.state.schema.nodes.image.create({ src: u });
               n.dispatch(h.replaceSelectionWith(m));
             }, r.readAsDataURL(s), !0;
           }
@@ -5625,19 +5601,19 @@ const Gs = /* @__PURE__ */ Z1(P0, [["render", N0]]), Se = Pe.create({
   const r = e.doc.textBetween(0, e.doc.content.size, `
 `, `
 `), a = l;
-  let f = a - 1;
-  for (; f >= 0 && /\w/.test(r[f]); )
-    f--;
+  let u = a - 1;
+  for (; u >= 0 && /\w/.test(r[u]); )
+    u--;
   let h = a;
   for (; h < r.length && /\w/.test(r[h]); )
     h++;
-  const m = f + 1, c = h;
-  n.chain().focus().command(({ tr: p }) => (p.insertText(t, m, c), !0)).run();
+  const m = u + 1, c = h;
+  n.chain().focus().command(({ tr: f }) => (f.insertText(t, m, c), !0)).run();
 };
 function j0(n, t, e) {
   const l = L(null), s = () => {
-    var a, f, h;
-    const r = ((h = (f = (a = n.value) == null ? void 0 : a.storage) == null ? void 0 : f[t]) == null ? void 0 : h[e]) ?? null;
+    var a, u, h;
+    const r = ((h = (u = (a = n.value) == null ? void 0 : a.storage) == null ? void 0 : u[t]) == null ? void 0 : h[e]) ?? null;
     l.value !== r && (l.value = r);
   };
   return a1(() => {
@@ -5655,17 +5631,17 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
   },
   emits: ["cancel", "inserted", "updateTargets"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(""), f = (H) => a.value = H, h = () => {
+    const e = n, l = t, s = L(), r = L(), a = L(""), u = (H) => a.value = H, h = () => {
       var H;
       v.value ? z() : (H = c.value) == null || H.focus();
-    }, m = L(""), c = L(), p = (H) => m.value = H, g = () => {
+    }, m = L(""), c = L(), f = (H) => m.value = H, g = () => {
       v.value && z();
     }, v = I(() => {
       var H, T;
       return !m.value || !a.value ? !1 : ((H = m.value) == null ? void 0 : H.trim().length) > 0 && ((T = a.value) == null ? void 0 : T.trim().length) > 0;
     }), y = L(!1), C = ([H, T]) => {
       var G, F;
-      const { state: E, view: P } = e.editor, { empty: l1, from: p1 } = E.selection, x = E.doc.resolve(p1).marks().find((N) => N.type.name === "link");
+      const { state: E, view: P } = e.editor, { empty: l1, from: f1 } = E.selection, x = E.doc.resolve(f1).marks().find((N) => N.type.name === "link");
       if (x)
         m.value = x.attrs.href;
       else if (l1)
@@ -5690,7 +5666,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
       }
       (H = s.value) == null || H.close(), D();
     };
-    return (H, T) => (o(), V(u(O1), {
+    return (H, T) => (o(), V(p(E1), {
       ref_key: "popperRef",
       ref: s,
       placement: "top",
@@ -5705,7 +5681,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
         }, null, 8, ["active"])
       ]),
       content: Z(({ close: E }) => [
-        w(u(I1), { class: "p-4 flex flex-col gap-4" }, {
+        w(p(O1), { class: "p-4 flex flex-col gap-4" }, {
           default: Z(() => [
             T[2] || (T[2] = d("p", { class: "text-sm" }, " Insert link ", -1)),
             d("section", K0, [
@@ -5713,12 +5689,12 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
               }, " Text to display ", -1)),
-              w(u(z1), {
+              w(p(z1), {
                 ref_key: "displayNameRef",
                 ref: r,
                 placeholder: "Text to display",
                 value: a.value,
-                onChange: f,
+                onChange: u,
                 onEnter: h
               }, null, 8, ["value"])
             ]),
@@ -5727,16 +5703,16 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
               }, " Address ", -1)),
-              w(u(z1), {
+              w(p(z1), {
                 ref_key: "linkAddressRef",
                 ref: c,
                 placeholder: "Link to a web page",
                 value: m.value || "",
-                onChange: p,
+                onChange: f,
                 onEnter: g
               }, null, 8, ["value"])
             ]),
-            w(u(E1), {
+            w(p(Y1), {
               "fill-container": "",
               order: "confirm-last",
               "confirm-label": "Insert",
@@ -5760,8 +5736,8 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
   },
   setup(n) {
     const t = L(), e = (s) => {
-      var f;
-      const r = (f = s.target.files) == null ? void 0 : f[0];
+      var u;
+      const r = (u = s.target.files) == null ? void 0 : u[0];
       if (!r) return;
       const a = new FileReader();
       a.onload = () => {
@@ -5789,8 +5765,8 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
 }), q0 = { class: "p-4 space-y-2" }, rt = /* @__PURE__ */ $({
   __name: "Dialog",
   setup(n) {
-    return (t, e) => (o(), V(W1, { to: "#modals" }, [
-      w(u(I1), { class: "w-96" }, {
+    return (t, e) => (o(), V(U1, { to: "#modals" }, [
+      w(p(O1), { class: "w-96" }, {
         default: Z(() => [
           d("div", q0, [
             A(t.$slots, "default")
@@ -5807,33 +5783,33 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
   },
   emits: ["cancel", "inserted"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(null), r = L(null), a = L(), f = () => {
+    const e = n, l = t, s = L(null), r = L(null), a = L(), u = () => {
       s.value = e.editor.getAttributes("link").href;
-      const { view: p, state: g } = e.editor;
+      const { view: f, state: g } = e.editor;
       if (s.value) {
-        const v = p.state.selection.ranges[0].$from.parent.content.content.filter(
+        const v = f.state.selection.ranges[0].$from.parent.content.content.filter(
           (y) => y.marks.length > 0 && y.marks[0].attrs.href === s.value
         );
         r.value = v[0].text;
       } else {
-        const { from: v, to: y } = p.state.selection;
+        const { from: v, to: y } = f.state.selection;
         r.value = g.doc.textBetween(v, y, "");
       }
     };
-    A1(() => f()), a1(() => a.value.focus());
-    const h = (p) => s.value = p, m = (p) => r.value = p, c = () => {
+    A1(() => u()), a1(() => a.value.focus());
+    const h = (f) => s.value = f, m = (f) => r.value = f, c = () => {
       if (s.value && !s.value.includes("http") && (s.value = `https://${s.value}`), s.value) {
         e.editor.chain().focus().extendMarkRange("link").setLink({ href: s.value }).run();
-        const p = e.editor.state.tr.insertText(r.value);
-        e.editor.view.dispatch(p), l("inserted");
+        const f = e.editor.state.tr.insertText(r.value);
+        e.editor.view.dispatch(f), l("inserted");
       }
     };
-    return (p, g) => (o(), V(rt, null, {
+    return (f, g) => (o(), V(rt, null, {
       default: Z(() => [
         g[3] || (g[3] = d("header", null, "Insert link", -1)),
         d("section", X0, [
           g[1] || (g[1] = d("div", { class: "text-xs text-secondary" }, " Text to display ", -1)),
-          w(u(z1), {
+          w(p(z1), {
             ref_key: "inputRef",
             ref: a,
             placeholder: "Text to display",
@@ -5843,13 +5819,13 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
         ]),
         d("section", G0, [
           g[2] || (g[2] = d("div", { class: "text-xs text-secondary" }, " Address ", -1)),
-          w(u(z1), {
+          w(p(z1), {
             placeholder: "Link to a web page",
             value: s.value || "",
             onChange: h
           }, null, 8, ["value"])
         ]),
-        w(u(E1), {
+        w(p(Y1), {
           "confirm-label": "Insert",
           onConfirm: c,
           onCancel: g[0] || (g[0] = (v) => l("cancel"))
@@ -5866,14 +5842,14 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
     a1(() => s.value.focus());
     const r = () => {
       e("cancel"), l.value = null;
-    }, a = (h) => l.value = h, f = () => {
+    }, a = (h) => l.value = h, u = () => {
       e("insert", l.value), l.value = null;
     };
     return (h, m) => (o(), V(rt, null, {
       default: Z(() => [
         m[0] || (m[0] = d("header", null, "Insert text", -1)),
         d("section", _0, [
-          w(u(z1), {
+          w(p(z1), {
             ref_key: "inputRef",
             ref: s,
             placeholder: "Text to be inserted",
@@ -5882,9 +5858,9 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
           }, null, 8, ["value"])
         ]),
         d("div", eo, [
-          w(u(E1), {
+          w(p(Y1), {
             "confirm-label": "Insert",
-            onConfirm: f,
+            onConfirm: u,
             onCancel: r
           })
         ])
@@ -5895,7 +5871,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
 }), lo = { key: 1 }, no = {
   key: 0,
   class: "pr-1"
-}, ea = /* @__PURE__ */ $({
+}, e4 = /* @__PURE__ */ $({
   __name: "TextEditor",
   props: {
     autoHideMenu: { type: Boolean, default: !1 },
@@ -5922,7 +5898,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
   },
   emits: ["blur", "change", "focus"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = L(!1), a = L(!1), f = L(!1), h = L(!1), m = L(), { disableClickOutside: c, enableClickOutside: p } = pe(() => a.value = !1), g = Ge({
+    const l = n, s = e, r = L(!1), a = L(!1), u = L(!1), h = L(!1), m = L(), { disableClickOutside: c, enableClickOutside: f } = fe(() => a.value = !1), g = Ge({
       content: l.content,
       extensions: [
         Fe,
@@ -5943,7 +5919,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
         })
       ],
       onCreate: () => {
-        m.value && p([m.value]);
+        m.value && f([m.value]);
       },
       onUpdate: ({ editor: F }) => s("change", F.getHTML()),
       onFocus: () => {
@@ -5965,18 +5941,18 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
       var N;
       return (N = g.value) == null ? void 0 : N.commands.insertContent(F);
     }, l1 = (F) => {
-      P(F), f.value = !1;
-    }, p1 = () => h.value = !0, O = () => f.value = !0;
-    return t({ blur: z, closeInsert: () => f.value = !1, focus: D, setContent: (F) => {
+      P(F), u.value = !1;
+    }, f1 = () => h.value = !0, O = () => u.value = !0;
+    return t({ blur: z, closeInsert: () => u.value = !1, focus: D, setContent: (F) => {
       var N;
       return (N = g.value) == null ? void 0 : N.commands.setContent(F);
-    } }), (F, N) => u(g) ? (o(), i("section", {
+    } }), (F, N) => p(g) ? (o(), i("section", {
       key: 0,
       ref_key: "editorRef",
       ref: m,
       class: "relative w-full"
     }, [
-      w(u(n1), {
+      w(p(n1), {
         col: "",
         align: "stretch",
         class: B(["relative rounded-lg font-normal focus-within:border-default", {
@@ -5988,13 +5964,13 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
         }])
       }, {
         default: Z(() => [
-          F.headerLabel || F.headerIcon ? (o(), V(u(n1), {
+          F.headerLabel || F.headerIcon ? (o(), V(p(n1), {
             key: 0,
             tag: "header",
             class: B(["flex-0 h-10 px-3 gap-2 text-sm text-primary rounded-t-lg overflow-hidden", y.value])
           }, {
             default: Z(() => [
-              F.headerIcon ? (o(), V(u(e1), {
+              F.headerIcon ? (o(), V(p(e1), {
                 key: 0,
                 name: F.headerIcon
               }, null, 8, ["name"])) : k("", !0),
@@ -6002,18 +5978,18 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
             ]),
             _: 1
           }, 8, ["class"])) : k("", !0),
-          w(u(n1), {
+          w(p(n1), {
             tag: "main",
             align: "start",
             fullwidth: ""
           }, {
             default: Z(() => [
-              w(u(Je), {
+              w(p(Je), {
                 class: B(["flex-1 overflow-y-auto rounded-t-lg focus:outline-hidden", {
                   [F.editorContentClasses]: !a.value,
                   [F.editorContentFocusClasses]: a.value
                 }]),
-                editor: u(g)
+                editor: p(g)
               }, null, 8, ["class", "editor"])
             ]),
             _: 1
@@ -6022,23 +5998,23 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
             key: 1,
             class: B(["flex-0 min-h-0 p-1 rounded-b-lg overflow-hidden", C.value])
           }, [
-            w(u(n1), { justify: "between" }, {
+            w(p(n1), { justify: "between" }, {
               default: Z(() => [
-                w(u(n1), { class: "gap-0.5" }, {
+                w(p(n1), { class: "gap-0.5" }, {
                   default: Z(() => [
-                    u(ae) ? (o(), i(M, { key: 0 }, [
+                    p(ae) ? (o(), i(M, { key: 0 }, [
                       w(c1, {
                         icon: "undo",
                         tooltip: "Undo",
                         onClick: N[0] || (N[0] = (o1) => {
-                          u(g).chain().focus().undo().run(), T();
+                          p(g).chain().focus().undo().run(), T();
                         })
                       }),
                       w(c1, {
                         icon: "redo",
                         tooltip: "Redo",
                         onClick: N[1] || (N[1] = (o1) => {
-                          u(g).chain().focus().redo().run(), T();
+                          p(g).chain().focus().redo().run(), T();
                         })
                       })
                     ], 64)) : k("", !0),
@@ -6046,86 +6022,86 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
                       w(c1, {
                         icon: "bold",
                         tooltip: "Bold",
-                        active: u(g).isActive("bold"),
+                        active: p(g).isActive("bold"),
                         onClick: N[2] || (N[2] = (o1) => {
-                          u(g).chain().focus().toggleBold().run(), T();
+                          p(g).chain().focus().toggleBold().run(), T();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "italics",
                         tooltip: "Italic",
-                        active: u(g).isActive("italic"),
+                        active: p(g).isActive("italic"),
                         onClick: N[3] || (N[3] = (o1) => {
-                          u(g).chain().focus().toggleItalic().run(), T();
+                          p(g).chain().focus().toggleItalic().run(), T();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "underline",
                         tooltip: "Underline",
-                        active: u(g).isActive("underline"),
+                        active: p(g).isActive("underline"),
                         onClick: N[4] || (N[4] = (o1) => {
-                          u(g).chain().focus().toggleUnderline().run(), T();
+                          p(g).chain().focus().toggleUnderline().run(), T();
                         })
                       }, null, 8, ["active"])
                     ], 64)) : k("", !0),
-                    u(se) ? (o(), V(c1, {
+                    p(se) ? (o(), V(c1, {
                       key: 2,
                       icon: "square-solid",
                       tooltip: "Yellow highlight",
-                      active: u(g).isActive("highlight"),
+                      active: p(g).isActive("highlight"),
                       onClick: N[5] || (N[5] = (o1) => {
-                        u(g).chain().focus().toggleHighlight().run(), T();
+                        p(g).chain().focus().toggleHighlight().run(), T();
                       })
                     }, null, 8, ["active"])) : k("", !0),
-                    u(oe) ? (o(), V(c1, {
+                    p(oe) ? (o(), V(c1, {
                       key: 3,
                       icon: "heading",
                       tooltip: "Heading",
-                      active: u(g).isActive("heading", { level: 1 }),
+                      active: p(g).isActive("heading", { level: 1 }),
                       onClick: N[6] || (N[6] = (o1) => {
-                        u(g).chain().focus().toggleHeading({ level: 1 }).run(), T();
+                        p(g).chain().focus().toggleHeading({ level: 1 }).run(), T();
                       })
                     }, null, 8, ["active"])) : k("", !0),
-                    u(re) ? (o(), V(c1, {
+                    p(re) ? (o(), V(c1, {
                       key: 4,
                       icon: "link",
                       tooltip: "Add link",
-                      active: u(g).isActive("link"),
+                      active: p(g).isActive("link"),
                       onClick: N[7] || (N[7] = (o1) => {
-                        p1(), T();
+                        f1(), T();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     F.listStyles ? (o(), i(M, { key: 5 }, [
                       w(c1, {
                         icon: "bullet-list",
                         tooltip: "Bullet list",
-                        active: u(g).isActive("bulletList"),
+                        active: p(g).isActive("bulletList"),
                         onClick: N[8] || (N[8] = (o1) => {
-                          u(g).chain().focus().toggleBulletList().run(), T();
+                          p(g).chain().focus().toggleBulletList().run(), T();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "numbered-list",
                         tooltip: "Numbered list",
-                        active: u(g).isActive("orderedList"),
+                        active: p(g).isActive("orderedList"),
                         onClick: N[9] || (N[9] = (o1) => {
-                          u(g).chain().focus().toggleOrderedList().run(), T();
+                          p(g).chain().focus().toggleOrderedList().run(), T();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "indent-right",
                         tooltip: "Indent right",
-                        disabled: !u(g).can().sinkListItem("listItem"),
+                        disabled: !p(g).can().sinkListItem("listItem"),
                         onClick: N[10] || (N[10] = (o1) => {
-                          u(g).chain().focus().sinkListItem("listItem").run(), T();
+                          p(g).chain().focus().sinkListItem("listItem").run(), T();
                         })
                       }, null, 8, ["disabled"]),
                       w(c1, {
                         icon: "indent-left",
                         tooltip: "Indent left",
-                        disabled: !u(g).can().liftListItem("listItem"),
+                        disabled: !p(g).can().liftListItem("listItem"),
                         onClick: N[11] || (N[11] = (o1) => {
-                          u(g).chain().focus().liftListItem("listItem").run(), T();
+                          p(g).chain().focus().liftListItem("listItem").run(), T();
                         })
                       }, null, 8, ["disabled"])
                     ], 64)) : k("", !0),
@@ -6134,7 +6110,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
                       highlight: "",
                       icon: F.insertIcon,
                       tooltip: F.insertTooltip,
-                      active: u(g).isActive("insert"),
+                      active: p(g).isActive("insert"),
                       onClick: N[12] || (N[12] = (o1) => {
                         O(), T();
                       })
@@ -6151,15 +6127,15 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
           ], 2)) : k("", !0),
           h.value ? (o(), V(J0, {
             key: 2,
-            editor: u(g),
+            editor: p(g),
             onInserted: E,
             onCancel: H
           }, null, 8, ["editor"])) : k("", !0),
-          f.value ? (o(), i(M, { key: 3 }, [
+          u.value ? (o(), i(M, { key: 3 }, [
             F.$slots.insert ? A(F.$slots, "insert", { key: 0 }) : (o(), V(to, {
               key: 1,
               onInsert: l1,
-              onCancel: N[13] || (N[13] = (o1) => f.value = !1)
+              onCancel: N[13] || (N[13] = (o1) => u.value = !1)
             }))
           ], 64)) : k("", !0)
         ]),
@@ -6203,16 +6179,16 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
     }), s = (r, a) => {
       if (!r || !a) return [];
       if (typeof r != "string" || typeof a != "string") return [];
-      const f = r.toLowerCase(), h = a.toLowerCase(), m = [];
+      const u = r.toLowerCase(), h = a.toLowerCase(), m = [];
       let c = -1;
       do
-        c = f.indexOf(h, c + 1), c !== -1 && m.push(c, c + h.length);
+        c = u.indexOf(h, c + 1), c !== -1 && m.push(c, c + h.length);
       while (c > -1);
-      const p = [];
+      const f = [];
       let g = 0;
       for (const v of m)
-        p.push(r.substring(g, v)), g = v;
-      return p.push(r.substring(m[m.length - 1], r.length)), p;
+        f.push(r.substring(g, v)), g = v;
+      return f.push(r.substring(m[m.length - 1], r.length)), f;
     };
     return A1(() => {
       e.value = t.highlight ? s(t.value, t.highlight) : [];
@@ -6224,10 +6200,10 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
     ), (r, a) => (o(), i("span", oo, [
       e.value.length === 0 ? (o(), i(M, { key: 0 }, [
         Ee(Q(r.value), 1)
-      ], 64)) : (o(!0), i(M, { key: 1 }, m1(e.value, (f, h) => (o(), i(M, {
-        key: `${f}_${h}`
+      ], 64)) : (o(!0), i(M, { key: 1 }, m1(e.value, (u, h) => (o(), i(M, {
+        key: `${u}_${h}`
       }, [
-        r.highlight && f.toLowerCase() === r.highlight.toLowerCase() ? (o(), i("span", {
+        r.highlight && u.toLowerCase() === r.highlight.toLowerCase() ? (o(), i("span", {
           key: 0,
           class: B(["relative z-0 rounded", [
             {
@@ -6237,7 +6213,7 @@ const K0 = { class: "space-y-1" }, Q0 = { class: "space-y-1" }, Js = /* @__PURE_
             l.value,
             r.textColorClass
           ]])
-        }, Q(f), 3)) : (o(), i("span", so, Q(f), 1))
+        }, Q(u), 3)) : (o(), i("span", so, Q(u), 1))
       ], 64))), 128))
     ]));
   }
@@ -6247,7 +6223,7 @@ function io(n, t) {
     A(n.$slots, "default")
   ]);
 }
-const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
+const t4 = /* @__PURE__ */ Z1(ao, [["render", io]]), l4 = /* @__PURE__ */ $({
   __name: "TiptapEditor",
   props: {
     content: {},
@@ -6306,26 +6282,26 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     }), r1(
       () => n.placeholder,
       (c) => {
-        var p, g;
-        (g = (p = r.value) == null ? void 0 : p.extensionManager.extensions.find((v) => v.name === "placeholder")) == null || g.options.configure({ placeholder: c });
+        var f, g;
+        (g = (f = r.value) == null ? void 0 : f.extensionManager.extensions.find((v) => v.name === "placeholder")) == null || g.options.configure({ placeholder: c });
       }
     );
-    const f = ["start", "end", "all"], h = (c) => {
+    const u = ["start", "end", "all"], h = (c) => {
       var g;
-      const p = f.includes(c) ? c : "end";
-      (g = r.value) == null || g.commands.focus(p);
+      const f = u.includes(c) ? c : "end";
+      (g = r.value) == null || g.commands.focus(f);
     };
     return t({
       editor: r,
       blur: (m = r.value) == null ? void 0 : m.commands.blur(),
       focus: h,
       insertContent: (c) => {
-        var p;
-        return (p = r.value) == null ? void 0 : p.commands.insertContent(c);
+        var f;
+        return (f = r.value) == null ? void 0 : f.commands.insertContent(c);
       },
       setContent: (c) => {
-        var p;
-        return (p = r.value) == null ? void 0 : p.commands.setContent(c);
+        var f;
+        return (f = r.value) == null ? void 0 : f.commands.setContent(c);
       },
       indentLeft: () => r.value.chain().focus().liftListItem("listItem").run(),
       indentRight: () => r.value.chain().focus().sinkListItem("listItem").run(),
@@ -6342,13 +6318,13 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
       toggleOrderedList: () => r.value.chain().focus().toggleOrderedList().run(),
       toggleUnderline: () => r.value.chain().focus().toggleUnderline().run(),
       undo: () => r.value.chain().focus().undo().run()
-    }), (c, p) => u(r) ? (o(), V(u(Je), {
+    }), (c, f) => p(r) ? (o(), V(p(Je), {
       key: 0,
       class: "flex-1 focus:outline-hidden",
-      editor: u(r)
+      editor: p(r)
     }, null, 8, ["editor"])) : k("", !0);
   }
-}), uo = ["disabled"], fo = { key: 1 }, na = /* @__PURE__ */ $({
+}), uo = ["disabled"], po = { key: 1 }, n4 = /* @__PURE__ */ $({
   __name: "ToggleButton",
   props: {
     active: { type: Boolean },
@@ -6381,11 +6357,11 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
           "dark:border-stone-700 dark:hover:border-stone-600 dark:focus-visible:border-stone-600 dark:active:border-stone-500",
           "dark:text-slate-200 dark:hover:text-slate-100 dark:focus-visible:text-slate-100 dark:active:text-white"
         ]
-      ), c.filter((p) => p).join(" ");
-    }), f = I(() => l.disabled ? { background: "hsl(0 0% 90%)" } : {}), h = (c) => {
+      ), c.filter((f) => f).join(" ");
+    }), u = I(() => l.disabled ? { background: "hsl(0 0% 90%)" } : {}), h = (c) => {
       l.stopPropagation && c.stopPropagation(), l.disabled || s("click");
     };
-    return t({ focus: () => r.value.focus() }), (c, p) => c.tooltip ? (o(), V(u(ee), {
+    return t({ focus: () => r.value.focus() }), (c, f) => c.tooltip ? (o(), V(p(ee), {
       key: 0,
       hover: "",
       text: c.tooltip,
@@ -6398,23 +6374,23 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
           ref: r,
           class: B(["z-0 relative inline-flex items-center justify-center gap-1 h-6 leading-none text-sm border focus:z-10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", a.value]),
           disabled: c.disabled,
-          style: t1(f.value),
+          style: t1(u.value),
           onClick: h,
-          onBlur: p[0] || (p[0] = (g) => s("blur"))
+          onBlur: f[0] || (f[0] = (g) => s("blur"))
         }, [
-          c.icon ? (o(), V(u(e1), {
+          c.icon ? (o(), V(p(e1), {
             key: 0,
             name: c.icon
           }, null, 8, ["name"])) : k("", !0),
-          c.label ? (o(), i("div", fo, Q(c.label), 1)) : k("", !0)
+          c.label ? (o(), i("div", po, Q(c.label), 1)) : k("", !0)
         ], 46, uo)
       ]),
       _: 1
     }, 8, ["text", "delay", "placement"])) : k("", !0);
   }
-}), oa = (n) => {
+}), o4 = (n) => {
   n.forEach((t) => t.open = !0);
-}, sa = (n, t, e) => {
+}, s4 = (n, t, e) => {
   let l = n;
   for (const s of t.map((r) => r.id)) {
     if (!l || l.id !== s) {
@@ -6424,7 +6400,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     if (!l) return;
   }
   return l[e];
-}, aa = (n, t, e, l) => {
+}, a4 = (n, t, e, l) => {
   let s = n;
   for (const r of t.map((a) => a.id)) {
     if (!s || s.id !== r) {
@@ -6434,7 +6410,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     if (!s) return !1;
   }
   return s[e] = l, !0;
-}, ra = (n, t, e, l) => {
+}, r4 = (n, t, e, l) => {
   let s = n;
   for (const r of t.map((a) => a.id)) {
     if (!s || s.id !== r) {
@@ -6444,11 +6420,11 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     if (!s) return !1;
   }
   return s.data[e] = l, !0;
-}, po = (n, t = []) => {
+}, fo = (n, t = []) => {
   const e = [...t, n], l = [{ node: n, path: e }];
   if (n.children)
     for (const s of n.children)
-      l.push(...po(s, e));
+      l.push(...fo(s, e));
   return l;
 }, co = (n) => {
   const t = [n];
@@ -6456,7 +6432,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     for (const e of n.children)
       t.push(...co(e));
   return t;
-}, ia = ({
+}, i4 = ({
   items: n,
   itemIdField: t,
   parentIdField: e,
@@ -6464,34 +6440,34 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
   treeIsOpen: s,
   actions: r
 }) => {
-  const a = /* @__PURE__ */ new Map(), f = n.find((p) => p[e] === null);
-  if (!f) throw new Error("Cannot construct tree, since no root item exists");
-  const h = n.filter((p) => p[t] !== f[t]);
-  for (const p of h)
-    a.set(p[t], {
-      id: p[t],
-      label: p[l],
+  const a = /* @__PURE__ */ new Map(), u = n.find((f) => f[e] === null);
+  if (!u) throw new Error("Cannot construct tree, since no root item exists");
+  const h = n.filter((f) => f[t] !== u[t]);
+  for (const f of h)
+    a.set(f[t], {
+      id: f[t],
+      label: f[l],
       open: s,
-      data: p,
+      data: f,
       actions: r,
       children: []
     });
   const m = {
-    id: f[t],
-    label: f[l],
+    id: u[t],
+    label: u[l],
     open: s,
-    data: f,
+    data: u,
     actions: r,
     children: []
   }, c = [m];
   for (; h.length > 0 && c.length > 0; ) {
-    const p = c.shift();
-    if (!p) break;
+    const f = c.shift();
+    if (!f) break;
     let g = !1;
     for (let v = h.length - 1; v >= 0; v--)
-      if (h[v][e] === p.id) {
+      if (h[v][e] === f.id) {
         const y = a.get(h[v][t]);
-        y && ((p.children ?? (p.children = [])).push(y), c.push(y)), h.splice(v, 1), g = !0;
+        y && ((f.children ?? (f.children = [])).push(y), c.push(y)), h.splice(v, 1), g = !0;
       }
     if (c.length === 0 && !g && h.length > 0)
       throw new Error(
@@ -6508,26 +6484,26 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
   },
   emits: ["cancel", "change", "save"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = L(), { disableClickOutside: r, enableClickOutside: a } = pe(() => e("cancel"));
+    const e = t, l = L(), s = L(), { disableClickOutside: r, enableClickOutside: a } = fe(() => e("cancel"));
     a1(() => {
       var c;
       a([s.value.$el]), (c = l.value) == null || c.focus();
     }), T1(() => r());
-    const f = (c) => {
+    const u = (c) => {
       c.target && e("change", c.target.value);
     }, h = (c) => {
       c.stopPropagation(), c.preventDefault(), e("save");
     }, m = (c) => {
       c.stopImmediatePropagation(), c.stopPropagation(), c.preventDefault(), e("cancel");
     };
-    return (c, p) => (o(), V(u(n1), {
+    return (c, f) => (o(), V(p(n1), {
       ref_key: "container",
       ref: s,
       class: "h-8 gap-1 pr-1",
       style: t1({ paddingLeft: `${c.indentation}px` })
     }, {
       default: Z(() => [
-        p[4] || (p[4] = d("div", { class: "w-4 h-4" }, null, -1)),
+        f[4] || (f[4] = d("div", { class: "w-4 h-4" }, null, -1)),
         d("section", Co, [
           d("input", {
             ref_key: "inputRef",
@@ -6536,30 +6512,30 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
             value: c.value,
             placeholder: "Enter name",
             class: "flex-1 min-w-0 text-xs leading-tight bg-transparent focus:outline-hidden",
-            onChange: p[0] || (p[0] = U(() => {
+            onChange: f[0] || (f[0] = U(() => {
             }, ["stop", "prevent"])),
             onKeydown: [
               _(U(m, ["stop", "prevent"]), ["esc"]),
               _(U(h, ["stop", "prevent"]), ["enter"])
             ],
-            onKeyup: p[1] || (p[1] = _(U(() => {
+            onKeyup: f[1] || (f[1] = _(U(() => {
             }, ["stop", "prevent"]), ["enter"])),
-            onInput: U(f, ["stop", "prevent"])
+            onInput: U(u, ["stop", "prevent"])
           }, null, 40, vo)
         ]),
         d("aside", ho, [
-          w(u(K), {
+          w(p(K), {
             small: "",
             icon: "check",
             variant: "outlineSubtle",
             loading: c.saving,
-            onClick: p[2] || (p[2] = (g) => e("save"))
+            onClick: f[2] || (f[2] = (g) => e("save"))
           }, null, 8, ["loading"]),
-          w(u(K), {
+          w(p(K), {
             small: "",
             icon: "close",
             variant: "outlineSubtle",
-            onClick: p[3] || (p[3] = (g) => e("cancel"))
+            onClick: f[3] || (f[3] = (g) => e("cancel"))
           })
         ])
       ]),
@@ -6572,7 +6548,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
 }, bo = { class: "text-xs truncate" }, Lo = {
   key: 0,
   class: "relative"
-}, da = /* @__PURE__ */ $({
+}, d4 = /* @__PURE__ */ $({
   __name: "TreeList",
   props: {
     indentationAmount: { default: 20 },
@@ -6587,11 +6563,11 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     r1(() => s.value, (C, b) => {
       !C && b && a.value && (a.value = !1), r.value = "";
     });
-    const r = L(""), a = L(!1), f = () => {
+    const r = L(""), a = L(!1), u = () => {
       e("save", r.value), a.value = !0;
     }, h = () => {
       e("cancel-new-child"), r.value = "";
-    }, m = (C) => console.log(n.node.label, C), c = (C) => e("action", { path: [n.node], targetNode: n.node, action: C }), p = (C) => {
+    }, m = (C) => console.log(n.node.label, C), c = (C) => e("action", { path: [n.node], targetNode: n.node, action: C }), f = (C) => {
       const b = [n.node, ...C.path];
       C.action.handler(b), e("action", { path: b, targetNode: b[b.length - 1], action: C.action });
     }, g = (C) => {
@@ -6606,7 +6582,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
       var z;
       const D = wt("TreeList", !0);
       return o(), i(M, null, [
-        w(u(n1), {
+        w(p(n1), {
           tag: "button",
           justify: "between",
           class: B(["w-full h-8 pr-1 gap-0 border-b border-default cursor-pointer", {
@@ -6633,7 +6609,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
           ]
         }, {
           default: Z(() => [
-            w(u(n1), { class: "flex-1 min-w-0 pl-1 gap-1" }, {
+            w(p(n1), { class: "flex-1 min-w-0 pl-1 gap-1" }, {
               default: Z(() => {
                 var H;
                 return [
@@ -6642,7 +6618,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
                     class: "w-4 h-4 flex items-center justify-center rounded cursor-pointer",
                     onClick: b[0] || (b[0] = U((T) => e("toggle", { path: [C.node], targetNode: C.node }), ["stop", "prevent"]))
                   }, [
-                    w(u(e1), {
+                    w(p(e1), {
                       name: C.node.open ? "chevron-down-small" : "chevron-right-small"
                     }, null, 8, ["name"])
                   ])) : (o(), i("div", go)),
@@ -6651,18 +6627,18 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
               }),
               _: 1
             }),
-            C.node.actions.length > 0 ? (o(), V(u(n1), {
+            C.node.actions.length > 0 ? (o(), V(p(n1), {
               key: 0,
               class: "flex-none"
             }, {
               default: Z(() => [
-                w(u(at), {
+                w(p(at), {
                   options: C.node.actions,
                   placement: "bottom-end",
                   onSelect: c
                 }, {
                   trigger: Z(() => [
-                    w(u(K), {
+                    w(p(K), {
                       icon: "options",
                       small: "",
                       variant: "textSubtle"
@@ -6683,7 +6659,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
             indentation: (C.level + 1) * C.indentationAmount,
             saving: a.value,
             onChange: b[10] || (b[10] = (H) => r.value = H),
-            onSave: f,
+            onSave: u,
             onCancel: h
           }, null, 8, ["value", "indentation", "saving"])) : k("", !0),
           (o(!0), i(M, null, m1(C.node.children, (H) => (o(), V(D, {
@@ -6693,7 +6669,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
             node: H,
             "create-new-path": C.createNewPath,
             selection: C.selection,
-            onAction: p,
+            onAction: f,
             onCancelNewChild: b[11] || (b[11] = (T) => e("cancel-new-child")),
             onSave: b[12] || (b[12] = (T) => e("save", T)),
             onKey: b[13] || (b[13] = (T) => g(T.path)),
@@ -6704,7 +6680,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
       ], 64);
     };
   }
-}), ua = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive", "outlineDestructive"], fa = ["default", "primary", "error"], pa = ["default", "circle"], ca = ["horizontal", "vertical"], yo = ["start", "center", "end", "stretch"], Ca = [...yo, "between", "around", "evenly"], va = ["default", "blurred"], ha = ["click", "hover", "focus", "manual"], ma = ["Ok", "Not Ok", "Not Applicable"], ga = [
+}), u4 = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive", "outlineDestructive"], p4 = ["default", "primary", "error"], f4 = ["default", "circle"], c4 = ["horizontal", "vertical"], yo = ["start", "center", "end", "stretch"], C4 = [...yo, "between", "around", "evenly"], v4 = ["default", "blurred"], h4 = ["click", "hover", "focus", "manual"], m4 = ["Ok", "Not Ok", "Not Applicable"], g4 = [
   "admin",
   "agent",
   "agent-flow",
@@ -6890,15 +6866,15 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
       if (t.heightClass === "h-auto") {
         if (e.value) {
           a = 0;
-          for (const f of e.value.children)
-            a += f.offsetHeight;
+          for (const u of e.value.children)
+            a += u.offsetHeight;
           a = `${a}px`;
         }
         return { height: a };
       }
       return {};
     });
-    return (a, f) => (o(), V(D1(a.type), {
+    return (a, u) => (o(), V(D1(a.type), {
       ref_key: "containerRef",
       ref: e,
       class: B(["relative flex-none w-full overflow-hidden transition-height duration-500 ease-in-out", s.value]),
@@ -6910,7 +6886,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), ba = ["header", "footer"], me = /* @__PURE__ */ $({
+}), b4 = ["header", "footer"], me = /* @__PURE__ */ $({
   __name: "VerticalLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -6921,7 +6897,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
   },
   setup(n) {
     const t = n, e = [t.widthClass, t.windowFrame ? "px-8 py-6 bg-light shadow-sm-xl rounded-lg" : ""];
-    return (l, s) => (o(), V(u(n1), {
+    return (l, s) => (o(), V(p(n1), {
       col: "",
       align: "stretch",
       justify: "start",
@@ -6939,7 +6915,7 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
           ]),
           _: 3
         }, 8, ["border", "height-class"])) : k("", !0),
-        w(u(q1), {
+        w(p(q1), {
           "window-resize": "",
           "wrap-class": "h-full"
         }, {
@@ -6963,21 +6939,21 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), Q1 = "+", dt = "[", ut = "]", y1 = ":", Ho = ["asc", "desc"], La = ["=", "!=", "<", "<=", ">", ">="], ya = ["eq", "ne", "lt", "le", "gt", "ge"], Vo = {
+}), Q1 = "+", dt = "[", ut = "]", y1 = ":", Ho = ["asc", "desc"], L4 = ["=", "!=", "<", "<=", ">", ">="], y4 = ["eq", "ne", "lt", "le", "gt", "ge"], Vo = {
   eq: "=",
   ne: "!=",
   lt: "<",
   le: "<=",
   gt: ">",
   ge: ">="
-}, ft = {
+}, pt = {
   "=": "eq",
   "!=": "ne",
   "<": "lt",
   "<=": "le",
   ">": "gt",
   ">=": "ge"
-}, Ha = (n, t, e) => {
+}, H4 = (n, t, e) => {
   if (n === null || t === null) return !1;
   switch (e) {
     case "=":
@@ -6993,10 +6969,10 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     case ">=":
       return n >= t;
   }
-}, ge = "[", be = "]", te = (n, t) => n.startsWith(t + ge) && n.endsWith(be), Va = (n, t) => `${n}${ge}${t}${be}`, pt = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) && e.push({
+}, ge = "[", be = "]", te = (n, t) => n.startsWith(t + ge) && n.endsWith(be), V4 = (n, t) => `${n}${ge}${t}${be}`, ft = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) && e.push({
   content: Le(l, t),
   value: n[l]
-}), e), []), ka = (n, t) => {
+}), e), []), k4 = (n, t) => {
   const e = Object.keys(n).find((l) => te(l, t));
   return e ? {
     content: Le(e, t),
@@ -7009,70 +6985,70 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     throw new Error(`Error in filter syntax: filter separator cannot be in the beginning or the end of the string: [${n}]`);
   const [t, e] = n.split(y1);
   return { id: t, operator: e };
-}, wa = (n) => n.split(Q1), mt = (n) => {
+}, w4 = (n) => n.split(Q1), mt = (n) => {
   const [t, e] = n.content.split(y1);
   return t === Ct && Ho.includes(e);
 }, gt = (n, t) => {
-  const e = pt(n, t), [l] = e.filter((r) => mt(r)).map((r) => {
-    const [a, f] = r.content.split(y1);
+  const e = ft(n, t), [l] = e.filter((r) => mt(r)).map((r) => {
+    const [a, u] = r.content.split(y1);
     return {
-      direction: f,
+      direction: u,
       field: r.value
     };
   });
   return e.map((r) => {
-    const { id: a, operator: f } = Zo(r.content);
+    const { id: a, operator: u } = Zo(r.content);
     return {
       id: a,
-      operator: Vo[f],
-      value: n[ht(t, a, f)]
+      operator: Vo[u],
+      value: n[ht(t, a, u)]
     };
   }).reduce((r, a) => (a.id === Ct && a.operator === void 0 ? r.sorting = l : r.filters.push(a), r), { sorting: void 0, filters: [] });
 }, $o = (n, t, e) => gt(n, t).filters.find((l) => l.id === e), Do = (n, t) => ko(n, t), To = (n, t, e) => {
   const l = $o(n, t, e);
   if (!l) return n;
-  const s = vt(l.id, ft[l.operator]);
+  const s = vt(l.id, pt[l.operator]);
   return ct(n, t, s);
 }, Bo = (n, t) => {
-  const e = pt(n, t).find((l) => mt(l));
+  const e = ft(n, t).find((l) => mt(l));
   return e ? ct(n, t, e.content) : n;
 }, So = (n, t, e, l, s) => {
   const r = { ...n };
-  return r[ht(t, e, ft[l])] = s, r;
+  return r[ht(t, e, pt[l])] = s, r;
 }, zo = (n, t, e, l) => {
   const s = { ...n };
   return s[Mo(t, e)] = l, s;
-}, Ma = (n, t) => {
+}, M4 = (n, t) => {
   const e = G1(), l = ue();
   if (!Oe())
     throw new Error("useEmit must be called within a setup function.");
-  const r = () => m(null), a = I(() => !!t.value && !!t.value.split(Q1).length), f = I(() => t.value ? t.value.split(Q1) : []), h = (c) => {
+  const r = () => m(null), a = I(() => !!t.value && !!t.value.split(Q1).length), u = I(() => t.value ? t.value.split(Q1) : []), h = (c) => {
     if (c.length === 0) {
       r();
       return;
     }
-    const p = c.join(Q1);
-    m(p);
+    const f = c.join(Q1);
+    m(f);
   }, m = async (c) => {
-    let p = To(e.query, n, t.id);
-    c && (p = So(p, n, t.id, t.operator, c)), await l.push({ query: p });
+    let f = To(e.query, n, t.id);
+    c && (f = So(f, n, t.id, t.operator, c)), await l.push({ query: f });
   };
-  return { clearFilter: r, isActive: a, updateFilter: h, values: f };
-}, Za = ({ groupId: n, filters: t, sorting: e, items: l, remoteFilterMethod: s }) => {
+  return { clearFilter: r, isActive: a, updateFilter: h, values: u };
+}, Z4 = ({ groupId: n, filters: t, sorting: e, items: l, remoteFilterMethod: s }) => {
   const r = G1(), a = ue();
   a1(() => C(r.query)), Ie((z) => C(z.query));
-  const f = L(!1), h = L([]), m = L(t), c = I(() => m.value.filter((z) => !!z.value)), p = I(() => !!c.value.length), g = L(e.default), v = async () => {
+  const u = L(!1), h = L([]), m = L(t), c = I(() => m.value.filter((z) => !!z.value)), f = I(() => !!c.value.length), g = L(e.default), v = async () => {
     if (s && l)
       throw new Error("You should only pass either 'items' (frontend filtering) or 'remoteFilterMethod' (backend filtering). You passed both.");
     if (!s && !l)
       throw new Error("Filters have to have either items or remoteFilterMethod to work. None was provided.");
     if (s)
       try {
-        f.value = !0;
+        u.value = !0;
         const z = await s(g.value, c.value);
-        h.value = z, f.value = !1;
+        h.value = z, u.value = !1;
       } catch {
-        f.value = !1;
+        u.value = !1;
       }
     else l && (h.value = e.sortingMethod ? e.sortingMethod(
       g.value,
@@ -7097,16 +7073,16 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     activeFilters: c,
     activeSorting: g,
     availableFilters: m,
-    filteringActive: p,
+    filteringActive: f,
     filteredItems: h,
-    loadingItems: f,
+    loadingItems: u,
     applyFilters: v,
     clearFilters: b
   };
-}, $a = (n) => {
+}, $4 = (n) => {
   const t = G1();
   a1(() => n(t.query)), Ie((e) => n(e.query));
-}, Da = (n) => {
+}, D4 = (n) => {
   const t = G1(), e = ue();
   if (!Oe())
     throw new Error("useEmit must be called within a setup function.");
@@ -7114,8 +7090,8 @@ const ta = /* @__PURE__ */ Z1(ao, [["render", io]]), la = /* @__PURE__ */ $({
     let a = Bo(t.query, n);
     a = zo(a, n, r.direction, r.field), await e.push({ query: a });
   } };
-}, Ta = (n) => n === "asc" ? "desc" : "asc";
-function Ba(n, t) {
+}, T4 = (n) => n === "asc" ? "desc" : "asc";
+function B4(n, t) {
   if (!t || t.length === 0)
     return t;
   const e = [...t].sort((l, s) => {
@@ -7128,9 +7104,9 @@ function Ba(n, t) {
     const m = r instanceof Date, c = a instanceof Date;
     if (m && c)
       return r.getTime() - a.getTime();
-    const p = new Date(r).getTime(), g = new Date(a).getTime();
-    if (!Number.isNaN(p) && !Number.isNaN(g))
-      return p - g;
+    const f = new Date(r).getTime(), g = new Date(a).getTime();
+    if (!Number.isNaN(f) && !Number.isNaN(g))
+      return f - g;
     const v = String(r).toLowerCase(), y = String(a).toLowerCase();
     return v.localeCompare(y);
   });
@@ -7147,7 +7123,7 @@ export {
   z5 as BCalendarView,
   nt as BCheckbox,
   ms as BCollapse,
-  E1 as BConfirmCancel,
+  Y1 as BConfirmCancel,
   gs as BContentSlider,
   bs as BDataPoint,
   On as BDeleteButton,
@@ -7165,7 +7141,7 @@ export {
   Ms as BInputNumber,
   _s as BInsertImage,
   Js as BInsertLink,
-  N1 as BLoadSpinner,
+  F1 as BLoadSpinner,
   a2 as BModal,
   Zs as BNavItem,
   $s as BNotification,
@@ -7176,8 +7152,8 @@ export {
   Ss as BPopConfirm,
   at as BPopSelect,
   zs as BPopSelectFooterButton,
-  O1 as BPopper,
-  I1 as BPopperContent,
+  E1 as BPopper,
+  O1 as BPopperContent,
   As as BProgress,
   Te as BResizablePanel,
   ze as BRunningSection,
@@ -7194,29 +7170,29 @@ export {
   Ks as BTab,
   Qs as BTag,
   qs as BTagInput,
-  ea as BTextEditor,
+  e4 as BTextEditor,
   it as BTextHighlight,
-  ta as BTextViewer,
-  la as BTiptapEditor,
-  na as BToggleButton,
+  t4 as BTextViewer,
+  l4 as BTiptapEditor,
+  n4 as BToggleButton,
   ee as BTooltip,
-  da as BTreeList,
+  d4 as BTreeList,
   me as BVerticalLayout,
   he as BWindowFrame,
-  fa as ButtonType,
+  p4 as ButtonType,
   js as Example,
-  Ca as Justifications,
-  ca as Orientation,
-  va as OverlayType,
-  ha as PopperTrigger,
-  ba as SectionTypes,
+  C4 as Justifications,
+  c4 as Orientation,
+  v4 as OverlayType,
+  h4 as PopperTrigger,
+  b4 as SectionTypes,
   So as addFilterToQuery,
   zo as addSortingToQuery,
-  Ha as applyOperator,
-  ia as buildTree,
-  ua as buttonVariants,
-  pa as checkboxTypes,
-  F1 as clamp,
+  H4 as applyOperator,
+  i4 as buildTree,
+  u4 as buttonVariants,
+  f4 as checkboxTypes,
+  P1 as clamp,
   ds as dateDelta,
   hs as dateFormat,
   H5 as dateIsAfter,
@@ -7231,31 +7207,31 @@ export {
   y1 as filterSeparator,
   dt as filterStartingBracket,
   Q1 as filterValueSeparator,
-  po as flattenTree,
+  fo as flattenTree,
   co as flattenTreeNodes,
   vs as formatDate,
   k5 as getDecade,
   $o as getFilterFromQuery,
-  wa as getFilterValues,
+  w4 as getFilterValues,
   gt as getFiltersAndSortingFromQuery,
   Hs as getModifierKeyIcon,
-  sa as getNodeValueByPath,
-  ka as getQueryObjectFromQuery,
-  pt as getQueryObjectsFromQuery,
-  fs as getWeekNumber,
+  s4 as getNodeValueByPath,
+  k4 as getQueryObjectFromQuery,
+  ft as getQueryObjectsFromQuery,
+  ps as getWeekNumber,
   ie as hasValue,
   Vs as hasValueAndNotEmpty,
-  ga as icons,
-  Ta as invertSortingDirection,
+  g4 as icons,
+  T4 as invertSortingDirection,
   Vo as lettersToOperator,
   j1 as loopRange,
-  P1 as moveDate,
-  oa as openPath,
-  ya as operatorLetters,
-  ft as operatorToLetters,
-  La as operators,
+  x1 as moveDate,
+  o4 as openPath,
+  y4 as operatorLetters,
+  pt as operatorToLetters,
+  L4 as operators,
   C1 as parseDate,
-  ps as printDate,
+  fs as printDate,
   r5 as range,
   A5 as readableDate,
   E5 as readableDateTime,
@@ -7266,27 +7242,27 @@ export {
   ct as removeQueryObjectFromQuery,
   ko as removeQueryObjectsFromQuery,
   Bo as removeSortingFromQuery,
-  Va as renderQueryObject,
+  V4 as renderQueryObject,
   Os as scrollDirections,
   st as scrollIntoView,
   Qn as scrollbarWidth,
   Ns as selectOptionVariants,
-  ra as setNodeObjectValueByPath,
-  aa as setNodeValueByPath,
-  Ba as sortByField,
+  r4 as setNodeObjectValueByPath,
+  a4 as setNodeValueByPath,
+  B4 as sortByField,
   Ho as sortingDirections,
   Fs as states,
-  ma as statuses,
+  m4 as statuses,
   cs as stringifyDate,
   Cs as stringifyDatetime,
   Xs as tagInputEmailValidator,
-  pe as useClickOutside,
+  fe as useClickOutside,
   ce as useEscapeKey,
-  Ma as useFilterComponent,
-  Za as useFilters,
+  M4 as useFilterComponent,
+  Z4 as useFilters,
   X5 as useMounted,
-  $a as useMountedAndRouterUpdate,
+  $4 as useMountedAndRouterUpdate,
   Ce as useNextFrame,
-  Da as useSortingComponent,
+  D4 as useSortingComponent,
   G5 as useTrapFocus
 };