@firstnoodle-ui/bui 0.0.77 → 0.0.79

package/dist/index.mjs

@@ -3,10 +3,10 @@ var yt = (n, t, e) => t in n ? Lt(n, t, { enumerable: !0, configurable: !0, writ
 var I1 = (n, t, e) => yt(n, typeof t != "symbol" ? t + "" : t, e);
 import { createElementBlock as i, openBlock as o, renderSlot as E, createElementVNode as d, defineComponent as $, toDisplayString as K, ref as y, watch as r1, computed as O, createBlock as V, createCommentVNode as k, normalizeClass as T, normalizeStyle as n1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as D1, provide as Ht, onMounted as a1, withModifiers as F, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Vt, onUnmounted as N1, onBeforeUnmount as T1, nextTick as V1, createStaticVNode as p1, Teleport as U1, withDirectives as W1, vShow as G1, Transition as ue, useSlots as R1, withKeys as _, createSlots as Re, vModelText as kt, reactive as Ee, mergeProps as wt, createTextVNode as Oe, resolveComponent as Mt, getCurrentInstance as Ie } from "vue";
 import { useRoute as J1, useRouter as pe, onBeforeRouteUpdate as xe } from "vue-router";
-import { size as Pe, autoUpdate as Zt, offset as $t, flip as Dt, shift as Ve, limitShift as Tt, computePosition as St } from "@floating-ui/dom";
+import { size as Pe, autoUpdate as Zt, offset as $t, flip as Dt, shift as Ve, limitShift as Tt, computePosition as Bt } from "@floating-ui/dom";
 import oe from "debounce";
 import { Extension as Fe } from "@tiptap/core";
-import { Plugin as Bt, PluginKey as zt } from "prosemirror-state";
+import { Plugin as St, PluginKey as zt } from "prosemirror-state";
 import Ne from "@tiptap/extension-bold";
 import Ue from "@tiptap/extension-bullet-list";
 import We from "@tiptap/extension-document";
@@ -82,7 +82,7 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = y(), r = y(), a = y(), f = y(), h = y(null), m = y(null), C = y(e.modelValue), u = y(100), g = y(!1), c = y(0), b = y(0), v = y(1), L = y(1), D = y(0), A = y(0), H = y(0), S = y(0);
+    const e = n, l = t, s = y(), r = y(), a = y(), c = y(), h = y(null), m = y(null), C = y(e.modelValue), u = y(100), g = y(!1), f = y(0), b = y(0), v = y(1), L = y(1), D = y(0), A = y(0), H = y(0), B = y(0);
     r1(
       () => e.modelValue,
       (N) => {
@@ -107,7 +107,7 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
             const s1 = Math.min(i1 / N.width, i1 / N.height);
             v.value = Math.max(s1, W);
             const v1 = N.width * v.value, x = N.height * v.value;
-            H.value = (i1 - v1) / 2, S.value = (i1 - x) / 2;
+            H.value = (i1 - v1) / 2, B.value = (i1 - x) / 2;
           }, N.src = m.value;
         } else
           P();
@@ -128,33 +128,33 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
             const w1 = Math.min(i1 / d1.width, i1 / d1.height);
             v.value = Math.max(w1, L1);
             const z = d1.width * v.value, J = d1.height * v.value;
-            H.value = (i1 - z) / 2, S.value = (i1 - J) / 2, setTimeout(() => {
+            H.value = (i1 - z) / 2, B.value = (i1 - J) / 2, setTimeout(() => {
             }, 10);
           }, d1.src = q;
         }, x.readAsDataURL(s1);
       }
       W.value = "";
     }, Q = (N) => {
-      g.value = !0, c.value = N.clientX - H.value, b.value = N.clientY - S.value, window.addEventListener("mousemove", Y), window.addEventListener("mouseup", l1);
+      g.value = !0, f.value = N.clientX - H.value, b.value = N.clientY - B.value, window.addEventListener("mousemove", Y), window.addEventListener("mouseup", l1);
     }, Y = (N) => {
       if (g.value) {
-        let W = N.clientX - c.value, s1 = N.clientY - b.value;
+        let W = N.clientX - f.value, s1 = N.clientY - b.value;
         const v1 = i1 / 2, x = i1 / 2, U = v1 - u.value / 2, q = v1 + u.value / 2, d1 = x - u.value / 2, k1 = x + u.value / 2, L1 = D.value * v.value, w1 = A.value * v.value;
-        W = Math.min(W, U), W = Math.max(W, q - L1), s1 = Math.min(s1, d1), s1 = Math.max(s1, k1 - w1), H.value = W, S.value = s1;
+        W = Math.min(W, U), W = Math.max(W, q - L1), s1 = Math.min(s1, d1), s1 = Math.max(s1, k1 - w1), H.value = W, B.value = s1;
       }
     }, l1 = () => {
       g.value = !1, window.removeEventListener("mousemove", Y), window.removeEventListener("mouseup", l1);
-    }, B = (N) => {
+    }, S = (N) => {
       const W = Math.max(L.value, Math.min(v.value + N, 3));
       W !== v.value && (v.value = W);
-    }, R = () => B(0.1), G = () => B(-0.1), S1 = () => {
+    }, R = () => S(0.1), G = () => S(-0.1), B1 = () => {
       var z;
       if (!h.value || !r.value) return;
       const N = r.value, W = N.getContext("2d");
       if (!W) return;
       const s1 = 512;
       N.width = s1, N.height = s1;
-      const v1 = i1 / 2, x = i1 / 2, U = v1 - u.value / 2, q = x - u.value / 2, d1 = (U - H.value) / v.value, k1 = (q - S.value) / v.value, L1 = u.value / v.value;
+      const v1 = i1 / 2, x = i1 / 2, U = v1 - u.value / 2, q = x - u.value / 2, d1 = (U - H.value) / v.value, k1 = (q - B.value) / v.value, L1 = u.value / v.value;
       W.fillStyle = "#ffffff", W.fillRect(0, 0, s1, s1), e.cropShape === "circle" && (W.save(), W.beginPath(), W.arc(s1 / 2, s1 / 2, s1 / 2, 0, Math.PI * 2), W.closePath(), W.clip()), W.drawImage(
         h.value,
         d1,
@@ -167,10 +167,10 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
         s1
       ), e.cropShape === "circle" && W.restore();
       const w1 = N.toDataURL("image/png");
-      C.value = w1, l("update:modelValue", w1), l("change", w1), (z = f.value) == null || z.close();
+      C.value = w1, l("update:modelValue", w1), l("change", w1), (z = c.value) == null || z.close();
     }, g1 = () => {
       var N;
-      (N = f.value) == null || N.close(), h.value = null;
+      (N = c.value) == null || N.close(), h.value = null;
     };
     return (N, W) => (o(), i("div", Ut, [
       d("div", {
@@ -205,7 +205,7 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
       h.value ? (o(), V(p(i2), {
         key: 0,
         ref_key: "cropModalRef",
-        ref: f,
+        ref: c,
         title: "Crop Avatar",
         "width-class": "max-w-xl",
         onClose: g1
@@ -224,7 +224,7 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
                   width: `${D.value * v.value}px`,
                   height: `${A.value * v.value}px`,
                   left: `${H.value}px`,
-                  top: `${S.value}px`
+                  top: `${B.value}px`
                 })
               }, [
                 h.value ? (o(), i("img", {
@@ -331,7 +331,7 @@ const rs = /* @__PURE__ */ Z1(Ot, [["render", xt]]), Pt = { class: "w-full space
                   "confirm-label": "Save",
                   "cancel-variant": "text",
                   onCancel: g1,
-                  onConfirm: S1
+                  onConfirm: B1
                 })
               ])
             ]),
@@ -407,17 +407,17 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
   },
   emits: ["click", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = y(l.routerLinkTo ? "router-link" : "button"), a = y(), f = y(), h = O(() => {
-      const c = ["flex-none size-4"];
-      return l.variant === "fill" || l.variant === "destructive" ? c.push("text-light") : l.variant === "outline" || l.variant === "text" ? c.push("text-blue-500") : l.variant === "outlineSubtle" || l.variant === "textSubtle" ? c.push("text-slate-700 dark:text-slate-200") : l.variant === "outlineDestructive" && c.push("text-red-500"), c.join(" ");
+    const l = n, s = e, r = y(l.routerLinkTo ? "router-link" : "button"), a = y(), c = y(), h = O(() => {
+      const f = ["flex-none size-4"];
+      return l.variant === "fill" || l.variant === "destructive" ? f.push("text-light") : l.variant === "outline" || l.variant === "text" ? f.push("text-blue-500") : l.variant === "outlineSubtle" || l.variant === "textSubtle" ? f.push("text-slate-700 dark:text-slate-200") : l.variant === "outlineDestructive" && f.push("text-red-500"), f.join(" ");
     }), m = O(() => {
-      const c = [
+      const f = [
         "z-0 relative overflow-hidden min-w-0 inline-flex items-center gap-1 border",
         "focus:z-10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white"
       ];
-      switch (l.rounded && l.label ? c.push(l.small ? "px-2" : "px-3") : c.push((l.loading || l.icon) && !l.label ? "px-0" : "px-2"), l.small ? c.push("h-6 text-xs") : c.push("h-8 text-sm"), l.icon && !l.label && (l.small ? c.push("w-6") : c.push("w-8")), l.disabled ? c.push("opacity-75 cursor-not-allowed") : c.push("cursor-pointer"), l.fullwidth && c.push("w-full"), c.push(l.spaceBetween ? "justify-between" : "justify-center"), l.rounded ? c.push("rounded-full") : c.push(l.small ? "rounded" : "rounded-lg"), l.variant) {
+      switch (l.rounded && l.label ? f.push(l.small ? "px-2" : "px-3") : f.push((l.loading || l.icon) && !l.label ? "px-0" : "px-2"), l.small ? f.push("h-6 text-xs") : f.push("h-8 text-sm"), l.icon && !l.label && (l.small ? f.push("w-6") : f.push("w-8")), l.disabled ? f.push("opacity-75 cursor-not-allowed") : f.push("cursor-pointer"), l.fullwidth && f.push("w-full"), f.push(l.spaceBetween ? "justify-between" : "justify-center"), l.rounded ? f.push("rounded-full") : f.push(l.small ? "rounded" : "rounded-lg"), l.variant) {
         case "fill":
-          c.push(
+          f.push(
             ...l.focus ? ["text-white bg-blue-700 border-blue-700 dark:bg-blue-500 dark:border-blue-500"] : [
               "bg-blue-500 hover:bg-blue-600 focus-visible:bg-blue-600 active:bg-blue-700",
               "border border-blue-500 hover:border-blue-600 focus-visible:border-blue-600 active:border-blue-700",
@@ -428,7 +428,7 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
         case "outline":
-          c.push(
+          f.push(
             ...l.focus ? ["bg-blue-200 border-blue-700 text-blue-700 dark:bg-blue-700 dark:border-blue-600 dark:text-white"] : [
               "hover:bg-blue-100 focus-visible:bg-blue-100 active:bg-blue-200",
               "border border-blue-500 hover:border-blue-600 focus-visible:border-blue-600 active:border-blue-700",
@@ -440,7 +440,7 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
         case "outlineSubtle":
-          c.push(
+          f.push(
             ...l.focus ? ["bg-slate-200 border-stone-500 text-slate-900 dark:bg-neutral-600 dark:border-stone-500 dark:text-white"] : [
               "hover:bg-slate-100 focus-visible:bg-slate-100 active:bg-slate-200",
               "border border-stone-300 hover:border-stone-400 focus-visible:border-stone-400 active:border-stone-500",
@@ -452,7 +452,7 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
         case "text":
-          c.push(
+          f.push(
             ...l.focus ? ["border-none bg-blue-200 text-blue-700 dark:bg-blue-700 dark:text-white"] : [
               "hover:bg-blue-100 focus-visible:bg-blue-100 active:bg-blue-200",
               "border-none",
@@ -463,7 +463,7 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
         case "textSubtle":
-          c.push(
+          f.push(
             ...l.focus ? ["border-none bg-slate-200 text-slate-900 dark:bg-neutral-600 dark:text-white"] : [
               "hover:bg-slate-100 focus-visible:bg-slate-100 active:bg-slate-200",
               "border-none",
@@ -474,7 +474,7 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
         case "destructive":
-          c.push(
+          f.push(
             ...l.focus ? ["bg-red-800 border-red-800 text-white"] : [
               "bg-red-600 hover:bg-red-700 focus-visible:bg-red-700 active:bg-red-800",
               "border border-red-600 hover:border-red-700 focus-visible:border-red-700 active:border-red-800",
@@ -483,7 +483,7 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
         case "outlineDestructive":
-          c.push(
+          f.push(
             ...l.focus ? ["bg-red-200 border-red-700 text-red-700 dark:bg-red-900 dark:border-red-600 dark:text-red-100"] : [
               "hover:bg-red-100 focus-visible:bg-red-100 active:bg-red-200",
               "border border-red-500 hover:border-red-600 focus-visible:border-red-600 active:border-red-700",
@@ -495,27 +495,27 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           );
           break;
       }
-      return l.classes && c.push(l.classes), c.filter((b) => b).join(" ");
-    }), C = O(() => l.disabled ? l.variant === "fill" || l.variant === "destructive" ? { filter: "grayscale(50%)" } : { opacity: "0.5" } : {}), u = (c) => {
+      return l.classes && f.push(l.classes), f.filter((b) => b).join(" ");
+    }), C = O(() => l.disabled ? l.variant === "fill" || l.variant === "destructive" ? { filter: "grayscale(50%)" } : { opacity: "0.5" } : {}), u = (f) => {
       var b;
-      l.stopPropagation && c.stopPropagation(), !l.disabled && !l.loading && (l.href && window.open(l.href, "_blank"), l.mailto && window.open(`mailto:${l.mailto}`), l.tooltip && ((b = f.value) == null || b.hide()), s("click"));
+      l.stopPropagation && f.stopPropagation(), !l.disabled && !l.loading && (l.href && window.open(l.href, "_blank"), l.mailto && window.open(`mailto:${l.mailto}`), l.tooltip && ((b = c.value) == null || b.hide()), s("click"));
     };
-    return t({ focus: () => a.value.focus() }), (c, b) => c.tooltip ? (o(), V(p(te), {
+    return t({ focus: () => a.value.focus() }), (f, b) => f.tooltip ? (o(), V(p(te), {
       key: 0,
       ref_key: "tooltipRef",
-      ref: f,
-      text: c.tooltip,
-      delay: c.tooltipDelay,
-      placement: c.tooltipPlacement,
-      "trigger-full-width": c.fullwidth
+      ref: c,
+      text: f.tooltip,
+      delay: f.tooltipDelay,
+      placement: f.tooltipPlacement,
+      "trigger-full-width": f.fullwidth
     }, {
       default: Z(() => [
         (o(), V(D1(r.value), {
           ref_key: "buttonRef",
           ref: a,
-          to: c.routerLinkTo,
+          to: f.routerLinkTo,
           class: T(m.value),
-          disabled: c.disabled || c.loading,
+          disabled: f.disabled || f.loading,
           style: n1(C.value),
           onClick: u,
           onBlur: b[0] || (b[0] = (v) => s("blur"))
@@ -523,28 +523,28 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
           default: Z(() => [
             w(p(we), null, {
               default: Z(() => [
-                c.loading ? (o(), V(p(F1), {
+                f.loading ? (o(), V(p(F1), {
                   key: 0,
                   class: T(h.value)
-                }, null, 8, ["class"])) : c.icon ? (o(), V(p(t1), {
+                }, null, 8, ["class"])) : f.icon ? (o(), V(p(t1), {
                   key: 1,
-                  name: c.icon
+                  name: f.icon
                 }, null, 8, ["name"])) : k("", !0),
-                c.label ? (o(), V(p(ke), {
+                f.label ? (o(), V(p(ke), {
                   key: 2,
-                  label: c.label
+                  label: f.label
                 }, null, 8, ["label"])) : k("", !0)
               ]),
               _: 1
             }),
-            c.iconAfter ? (o(), V(p(t1), {
+            f.iconAfter ? (o(), V(p(t1), {
               key: 0,
-              name: c.iconAfter,
+              name: f.iconAfter,
               class: "opacity-75"
             }, null, 8, ["name"])) : k("", !0),
-            c.notification ? (o(), V(p(Me), {
+            f.notification ? (o(), V(p(Me), {
               key: 1,
-              inside: c.variant === "text" || c.variant === "textSubtle"
+              inside: f.variant === "text" || f.variant === "textSubtle"
             }, null, 8, ["inside"])) : k("", !0)
           ]),
           _: 1
@@ -555,10 +555,10 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
       key: 1,
       ref_key: "buttonRef",
       ref: a,
-      to: c.routerLinkTo,
+      to: f.routerLinkTo,
       target: l.linkTarget,
       class: T(m.value),
-      disabled: c.disabled || c.loading,
+      disabled: f.disabled || f.loading,
       style: n1(C.value),
       onClick: u,
       onBlur: b[1] || (b[1] = (v) => s("blur"))
@@ -566,27 +566,27 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
       default: Z(() => [
         w(p(we), null, {
           default: Z(() => [
-            c.loading ? (o(), V(p(F1), {
+            f.loading ? (o(), V(p(F1), {
               key: 0,
               class: T(h.value)
-            }, null, 8, ["class"])) : c.icon ? (o(), V(p(t1), {
+            }, null, 8, ["class"])) : f.icon ? (o(), V(p(t1), {
               key: 1,
-              name: c.icon
+              name: f.icon
             }, null, 8, ["name"])) : k("", !0),
-            c.label ? (o(), V(p(ke), {
+            f.label ? (o(), V(p(ke), {
               key: 2,
-              label: c.label
+              label: f.label
             }, null, 8, ["label"])) : k("", !0)
           ]),
           _: 1
         }),
-        c.iconAfter ? (o(), V(p(t1), {
+        f.iconAfter ? (o(), V(p(t1), {
           key: 0,
-          name: c.iconAfter
+          name: f.iconAfter
         }, null, 8, ["name"])) : k("", !0),
-        c.notification ? (o(), V(p(Me), {
+        f.notification ? (o(), V(p(Me), {
           key: 1,
-          inside: c.variant === "text" || c.variant === "textSubtle"
+          inside: f.variant === "text" || f.variant === "textSubtle"
         }, null, 8, ["inside"])) : k("", !0)
       ]),
       _: 1
@@ -603,9 +603,9 @@ const we = /* @__PURE__ */ Z1(o5, [["render", a5]]), r5 = { class: "w-3 h-3 bg-o
     Ht("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) => {
+      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, c) => {
         var h, m, C, u;
-        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") : (u = a.querySelector("button")) == null || u.classList.add("rounded-r-md")));
+        t.direction === "vertical" ? (a.classList.add("-mt-px"), a.classList.add("first:mt-0"), c === 0 ? a.nodeName === "BUTTON" ? a.classList.add("rounded-t-md") : (h = a.querySelector("button")) == null || h.classList.add("rounded-t-md") : c === 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"), c === 0 ? a.nodeName === "BUTTON" ? a.classList.add("rounded-l-md") : (C = a.querySelector("button")) == null || C.classList.add("rounded-l-md") : c === l.value.children.length - 1 && (a.nodeName === "BUTTON" ? a.classList.add("rounded-r-md") : (u = a.querySelector("button")) == null || u.classList.add("rounded-r-md")));
       });
     };
     return a1(s), (r, a) => (o(), i("div", {
@@ -661,24 +661,24 @@ const Ze = {
         w(p(j), {
           icon: "chevron-left",
           variant: "textSubtle",
-          onClick: a[0] || (a[0] = (f) => l("move", { amount: -10, unit: p(X).YEAR }))
+          onClick: a[0] || (a[0] = (c) => l("move", { amount: -10, unit: p(X).YEAR }))
         }),
         d("div", u5, K(s.value), 1),
         w(p(j), {
           icon: "chevron-right",
           variant: "textSubtle",
-          onClick: a[1] || (a[1] = (f) => l("move", { amount: 10, unit: p(X).YEAR }))
+          onClick: a[1] || (a[1] = (c) => l("move", { amount: 10, unit: p(X).YEAR }))
         })
       ]),
       d("main", p5, [
-        (o(!0), i(M, null, m1(r.viewData, (f) => (o(), V(p(j), {
-          key: f.label,
-          variant: f.selected ? "fill" : f.current ? "text" : "textSubtle",
-          label: f.label.toString(),
+        (o(!0), i(M, null, m1(r.viewData, (c) => (o(), V(p(j), {
+          key: c.label,
+          variant: c.selected ? "fill" : c.current ? "text" : "textSubtle",
+          label: c.label.toString(),
           onMouseup: F((h) => l(
             "select",
             {
-              value: f.label,
+              value: c.label,
               unit: p(X).YEAR,
               view: p(X).MONTH
             }
@@ -769,7 +769,7 @@ const c5 = /* @__PURE__ */ $({
           return o(), V(c5, {
             key: (a = r.date) == null ? void 0 : a.toISOString(),
             date: r,
-            onClick: (f) => e("select", r)
+            onClick: (c) => e("select", r)
           }, null, 8, ["date", "onClick"]);
         }), 128))
       ])
@@ -803,7 +803,7 @@ const c5 = /* @__PURE__ */ $({
           key: r.label,
           variant: r.selected ? "fill" : r.current ? "text" : "textSubtle",
           label: p(lt)(r.label.toString()),
-          onClick: (f) => e(
+          onClick: (c) => e(
             "select",
             {
               value: a,
@@ -832,7 +832,7 @@ const C1 = (n) => {
   if (l === X.MONTH || l === X.YEAR)
     throw new Error("Cannot calculate delta in months or years");
   return (n.getTime() - t.getTime()) / fe[l];
-}, B1 = (n, t) => (n = C1(n), t = C1(t), !n || !t ? !1 : n.getUTCFullYear() === t.getUTCFullYear() && n.getUTCMonth() === t.getUTCMonth() && n.getUTCDate() === t.getUTCDate()), V5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() > t.getTime() || e && B1(n, t)), k5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() < t.getTime() || e && B1(n, t)), fs = (n, t, e, l = !1) => V5(n, t, l) && k5(n, e, l), w5 = (n) => (n = C1(n), Math.floor(n.getUTCFullYear() / 10) * 10), cs = (n) => {
+}, S1 = (n, t) => (n = C1(n), t = C1(t), !n || !t ? !1 : n.getUTCFullYear() === t.getUTCFullYear() && n.getUTCMonth() === t.getUTCMonth() && n.getUTCDate() === t.getUTCDate()), V5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() > t.getTime() || e && S1(n, t)), k5 = (n, t, e = !1) => (n = C1(n), t = C1(t), n.getTime() < t.getTime() || e && S1(n, t)), fs = (n, t, e, l = !1) => V5(n, t, l) && k5(n, e, l), w5 = (n) => (n = C1(n), Math.floor(n.getUTCFullYear() / 10) * 10), cs = (n) => {
   const t = C1(n);
   t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
   const e = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
@@ -900,8 +900,8 @@ class D5 {
         date: new Date(t),
         disabled: this.options.disabledDates ? this.options.disabledDates.some((r) => r(t)) : !1,
         inactive: t.getUTCMonth() !== this.dateCursor.getUTCMonth(),
-        selected: !!this.selectedDate && B1(t, this.selectedDate),
-        current: B1(t, this.today)
+        selected: !!this.selectedDate && S1(t, this.selectedDate),
+        current: S1(t, this.today)
       }), t.setUTCDate(t.getUTCDate() + 1);
     return l;
   }
@@ -925,8 +925,8 @@ class D5 {
         date: new Date(t),
         disabled: this.options.disabledDates ? this.options.disabledDates.some((r) => r(t)) : !1,
         inactive: t.getUTCMonth() !== this.dateCursor.getUTCMonth(),
-        selected: !!this.selectedDate && B1(t, this.selectedDate),
-        current: B1(t, this.today)
+        selected: !!this.selectedDate && S1(t, this.selectedDate),
+        current: S1(t, this.today)
       }), t.setUTCDate(t.getUTCDate() + 1);
     return l;
   }
@@ -1000,7 +1000,7 @@ class D5 {
 }
 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 T5 = (n = null, t) => {
-  const e = new D5(t, n), l = y([]), s = y(h1.MONTH), r = y(""), a = y(0), f = (b) => {
+  const e = new D5(t, n), l = y([]), s = y(h1.MONTH), r = y(""), a = y(0), c = (b) => {
     if (!Object.keys(h1).includes(b)) {
       console.warn(`[changeView] wrong view type: ${b}`);
       return;
@@ -1022,15 +1022,15 @@ const T5 = (n = null, t) => {
         break;
     }
   }, h = () => {
-    f(s.value), r.value = e.getDateCursorMonthName(), a.value = e.dateCursor.getUTCFullYear();
+    c(s.value), r.value = e.getDateCursorMonthName(), a.value = e.dateCursor.getUTCFullYear();
   }, m = (b) => {
     e.setSelectedDate(b), h();
   };
   A1(() => {
-    m(n), f(s.value);
+    m(n), c(s.value);
   });
   const C = (b, v = !1) => {
-    e.moveSelectedDate(b), !v && s.value !== h1.MONTH ? f(h1.DATE) : h();
+    e.moveSelectedDate(b), !v && s.value !== h1.MONTH ? c(h1.DATE) : h();
   }, u = ({ amount: b, unit: v }) => {
     switch (v) {
       case X.DAY:
@@ -1065,8 +1065,8 @@ const T5 = (n = null, t) => {
         return;
     }
     h();
-  }, c = ({ value: b, unit: v, view: L }) => {
-    g(b, v), f(L);
+  }, f = ({ value: b, unit: v, view: L }) => {
+    g(b, v), c(L);
   };
   return {
     selectedDate: e.selectedDate,
@@ -1074,14 +1074,14 @@ const T5 = (n = null, t) => {
     viewType: s,
     viewMonth: r,
     viewYear: a,
-    changeView: f,
+    changeView: c,
     moveRequest: C,
     moveViewDate: u,
     setSelectedDate: m,
     setViewDate: g,
-    setViewDateAndChangeView: c
+    setViewDateAndChangeView: f
   };
-}, S5 = { class: "flex flex-col" }, B5 = { class: "p-4" }, z5 = {
+}, B5 = { class: "flex flex-col" }, S5 = { class: "p-4" }, z5 = {
   key: 0,
   class: "flex items-center justify-end p-4 border-t border-default"
 }, A5 = /* @__PURE__ */ $({
@@ -1101,14 +1101,14 @@ const T5 = (n = null, t) => {
       viewType: s,
       viewMonth: r,
       viewYear: a,
-      changeView: f,
+      changeView: c,
       moveViewDate: h,
       moveRequest: m,
       setSelectedDate: C,
       setViewDateAndChangeView: u
     } = T5(n.value, { weekStart: n.weekStart, disabledDates: n.disabledDates });
     r1(() => n.value, (L) => C(L));
-    const g = Vt(r), c = y(Object.values(M1).map((L, D) => Object.values(M1)[K1(D + n.weekStart, Object.values(M1).length)])), b = (L) => {
+    const g = Vt(r), f = y(Object.values(M1).map((L, D) => Object.values(M1)[K1(D + n.weekStart, Object.values(M1).length)])), b = (L) => {
       if (!L) {
         e("change", null);
         return;
@@ -1135,16 +1135,16 @@ const T5 = (n = null, t) => {
       document.addEventListener("keydown", v);
     }), N1(() => {
       document.removeEventListener("keydown", v);
-    }), (L, D) => (o(), i("section", S5, [
-      d("main", B5, [
+    }), (L, D) => (o(), i("section", B5, [
+      d("main", S5, [
         p(s) === p(h1).MONTH ? (o(), V(g5, {
           key: 0,
           "current-month": g.value,
           "current-year": p(a),
           "view-data": p(l),
-          weekdays: c.value,
+          weekdays: f.value,
           onMove: p(h),
-          onChangeView: p(f),
+          onChangeView: p(c),
           onSelect: b
         }, null, 8, ["current-month", "current-year", "view-data", "weekdays", "onMove", "onChangeView"])) : k("", !0),
         p(s) === p(h1).YEAR ? (o(), V(H5, {
@@ -1175,13 +1175,13 @@ const T5 = (n = null, t) => {
     ]));
   }
 }), _1 = (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), c = l.getFullYear(), h = l.getHours().toString().padStart(2, "0"), m = l.getMinutes().toString().padStart(2, "0");
+  let C = `${r} ${a} ${c}`;
   return t && (C = `${s} ${C}`), e && (C = `${C} ${h}:${m}`), C;
 }, R5 = (n) => _1(n, !1, !1), E5 = (n) => _1(n, !0, !1), O5 = (n) => _1(n, !1, !0), I5 = (n) => _1(n, !0, !0), nt = (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"), c = e.getMinutes().toString().padStart(2, "0");
   let h = `${l}-${s}-${r}`;
-  return t && (h = `${h} ${a}:${f}`), h;
+  return t && (h = `${h} ${a}:${c}`), h;
 }, x5 = (n) => nt(n, !1), P5 = (n) => nt(n, !0), ms = {
   readableDate: R5,
   readableDateWithDay: E5,
@@ -1309,7 +1309,7 @@ const T5 = (n = null, t) => {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = y(), r = y(), a = y(!1), f = O(() => e.open ? e.borderClassOpen : e.borderClassClosed), h = O(() => a.value ? {
+    const e = n, l = t, s = y(), r = y(), a = y(!1), c = O(() => e.open ? e.borderClassOpen : e.borderClassClosed), h = O(() => a.value ? {
       top: "-1px",
       paddingTop: "1px"
     } : {});
@@ -1342,7 +1342,7 @@ const T5 = (n = null, t) => {
             "shadow-sm-xs border-strong sticky z-10": a.value,
             relative: !a.value
           },
-          f.value,
+          c.value,
           C.headerBgClass
         ]]),
         style: n1(h.value)
@@ -1438,9 +1438,9 @@ function ce(n) {
   const t = "pointerdown";
   let e;
   const l = (a) => {
-    e = (f) => {
+    e = (c) => {
       let h = p(a);
-      !h || ("length" in h || (h = [h]), h.some((C) => C === f.target || f.composedPath().includes(C))) || n(f);
+      !h || ("length" in h || (h = [h]), h.some((C) => C === c.target || c.composedPath().includes(C))) || n(c);
     }, window.addEventListener(t, e);
   }, s = () => {
     e && window.removeEventListener(t, e);
@@ -1469,21 +1469,21 @@ const G5 = () => {
     });
   }
 }), j1 = (n, t = !1) => {
-  const e = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', l = () => n.value ? Array.from(n.value.querySelectorAll(e)) : [], s = (f) => {
+  const e = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', l = () => n.value ? Array.from(n.value.querySelectorAll(e)) : [], s = (c) => {
     var g;
-    if (f.key !== "Tab") return;
+    if (c.key !== "Tab") return;
     const h = l();
     if (h.length === 0) return;
     const m = h[0], C = h[h.length - 1], u = document.activeElement;
-    !u || !((g = n.value) != null && g.contains(u)) ? ((f.shiftKey ? C : m).focus(), f.preventDefault()) : f.shiftKey && u === m ? (C.focus(), f.preventDefault()) : !f.shiftKey && u === C && (m.focus(), f.preventDefault());
+    !u || !((g = n.value) != null && g.contains(u)) ? ((c.shiftKey ? C : m).focus(), c.preventDefault()) : c.shiftKey && u === m ? (C.focus(), c.preventDefault()) : !c.shiftKey && u === C && (m.focus(), c.preventDefault());
   }, r = () => {
     if (!n.value) {
       console.warn("[useTrapFocus] trapElement is not present");
       return;
     }
     if (document.addEventListener("keydown", s), t) {
-      const f = l();
-      f.length > 0 && f[0].focus();
+      const c = l();
+      c.length > 0 && c[0].focus();
     }
   }, a = () => {
     document.removeEventListener("keydown", s);
@@ -1500,7 +1500,7 @@ const G5 = () => {
 }, $e = 120, Ls = /* @__PURE__ */ $({
   __name: "ContentSlider",
   setup(n, { expose: t }) {
-    const e = y(0), l = y(null), s = y(null), r = y(l.value ? l.value.clientWidth : 0), a = y(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - $e), h = () => {
+    const e = y(0), l = y(null), s = y(null), r = y(l.value ? l.value.clientWidth : 0), a = y(s.value ? s.value.scrollWidth : 0), c = () => e.value = Math.max(0, e.value - $e), h = () => {
       e.value = Math.min(a.value - r.value, e.value + $e);
     }, m = O(() => e.value > 0), C = O(() => e.value < a.value - r.value), { nextFrame: u } = ve(), g = () => {
       V1(() => {
@@ -1509,7 +1509,7 @@ const G5 = () => {
         });
       });
     };
-    return a1(g), t({ update: g }), (c, b) => (o(), i("div", {
+    return a1(g), t({ update: g }), (f, b) => (o(), i("div", {
       ref_key: "listContainer",
       ref: l,
       class: "relative flex-1 flex items-center py-1 overflow-hidden whitespace-nowrap"
@@ -1520,7 +1520,7 @@ const G5 = () => {
           icon: "chevron-left",
           variant: "outline",
           class: "shadow-sm",
-          onClick: f
+          onClick: c
         })
       ])) : k("", !0),
       d("main", {
@@ -1529,7 +1529,7 @@ const G5 = () => {
         class: "flex items-center gap-2 snap-x scroll-px-2 transition-transform duration-300",
         style: n1({ transform: `translateX(-${e.value}px)` })
       }, [
-        E(c.$slots, "default")
+        E(f.$slots, "default")
       ], 4),
       C.value ? (o(), i("aside", _5, [
         C.value ? (o(), V(p(j), {
@@ -1640,10 +1640,10 @@ const ys = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
 }, Tl = {
   key: 45,
   d: "M5 2V14H1V2H5ZM10 2V14H6V2H10ZM15 2V14H11V2H15ZM4 3H2V13H4V3ZM9 3H7V13H9V3ZM14 3H12V13H14V3Z"
-}, Sl = {
+}, Bl = {
   key: 49,
   d: "M8.5 0L8.50033 1.51897C11.6916 1.7619 14.2387 4.30926 14.4811 7.50067L16 7.5V8.5L14.481 8.50033C14.2381 11.6913 11.6913 14.2381 8.50033 14.481L8.5 16H7.5L7.50067 14.4811C4.30926 14.2387 1.7619 11.6916 1.51897 8.50033L0 8.5V7.5L1.51889 7.50067C1.76136 4.30893 4.30893 1.76136 7.50067 1.51889L7.5 0H8.5ZM8.50061 2.52239L8.5 4H7.5L7.50039 2.52239C4.86151 2.76 2.76 4.86151 2.52239 7.50039L4 7.5V8.5L2.52239 8.50061C2.76053 11.139 4.86184 13.24 7.50039 13.4776L7.5 12H8.5L8.50061 13.4776C11.1387 13.2395 13.2395 11.1387 13.4776 8.50061L12 8.5V7.5L13.4776 7.50039C13.247 4.93945 11.261 2.8846 8.73199 2.54828L8.50061 2.52239Z"
-}, Bl = {
+}, Sl = {
   key: 50,
   d: "M13 7.5V8.5H3V7.5H13Z"
 }, zl = {
@@ -1815,10 +1815,10 @@ const ys = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
 }, Tn = {
   key: 158,
   d: "M12 10C14.1614 10 15.8922 11.6993 15.9952 13.8494L16 14.0523V14.74C16 15.3912 15.5054 15.9288 14.8713 15.9935L14.7428 16H6.25723C5.60616 16 5.07086 15.5031 5.00649 14.8686L5 14.74V14.0523C5 11.8071 6.77109 10 9 10C9.27614 10 9.5 10.2239 9.5 10.5C9.5 10.7761 9.27614 11 9 11C7.38766 11 6.09529 12.2599 6.00504 13.8718L6 14.0523V14.74C6 14.8629 6.08528 14.9661 6.19853 14.9931L6.25723 15H14.7428C14.8638 15 14.9663 14.9143 14.9932 14.7995L15 14.74V14.0523C15 12.355 13.6721 11 12 11C11.7239 11 11.5 10.7761 11.5 10.5C11.5 10.2239 11.7239 10 12 10ZM4 6C4.27614 6 4.5 6.22386 4.5 6.5C4.5 6.77614 4.27614 7 4 7C2.32794 7 1 8.35497 1 10.0523C1 10.1752 1.08528 10.2784 1.19853 10.3054L1.25723 10.3123H5.06104C5.33718 10.3123 5.56104 10.5362 5.56104 10.8123C5.56104 11.0578 5.38416 11.2619 5.15091 11.3042L5.06104 11.3123H1.25723C0.562755 11.3123 0 10.7469 0 10.0523C0 7.80715 1.77109 6 4 6ZM10.5 4C12.1569 4 13.5 5.34315 13.5 7C13.5 8.65685 12.1569 10 10.5 10C8.84313 10 7.5 8.65685 7.5 7C7.5 5.34315 8.84313 4 10.5 4ZM10.5 5C9.39542 5 8.5 5.89543 8.5 7C8.5 8.10457 9.39542 9 10.5 9C11.6046 9 12.5 8.10457 12.5 7C12.5 5.89543 11.6046 5 10.5 5ZM6 6C6.29398 6 6.58346 6.03145 6.86497 6.09332C7.13468 6.1526 7.30526 6.41929 7.24598 6.689C7.1867 6.9587 6.92001 7.12929 6.65031 7.07001C6.43929 7.02363 6.22178 7 6 7C5.72386 7 5.5 6.77614 5.5 6.5C5.5 6.22386 5.72386 6 6 6ZM5 1C6.38072 1 7.5 2.11929 7.5 3.5C7.5 4.88071 6.38072 6 5 6C3.61928 6 2.5 4.88071 2.5 3.5C2.5 2.11929 3.61928 1 5 1ZM5 2C4.17157 2 3.5 2.67157 3.5 3.5C3.5 4.32843 4.17157 5 5 5C5.82843 5 6.5 4.32843 6.5 3.5C6.5 2.67157 5.82843 2 5 2Z"
-}, Sn = {
+}, Bn = {
   key: 159,
   d: "M13.8545 0.115723L15.9067 5.75388L9.41795 8.11525C9.47132 8.29552 9.49997 8.48641 9.49997 8.68399C9.49997 9.42163 9.10064 10.066 8.50637 10.4127L10.6548 15.5167L9.73318 15.9048L7.53406 10.6827L7.46567 10.6837L5.26676 15.9048L4.34512 15.5167L6.49387 10.4129C5.89944 10.0662 5.49997 9.42175 5.49997 8.68399C5.49997 8.58006 5.5079 8.47799 5.52318 8.37834L1.45414 9.85898L0.0860596 6.10021L4.77006 4.39472L4.45758 3.53592L13.8545 0.115723ZM7.49997 7.68399C6.94768 7.68399 6.49997 8.13171 6.49997 8.68399C6.49997 9.23628 6.94768 9.68399 7.49997 9.68399C8.05225 9.68399 8.49997 9.23628 8.49997 8.68399C8.49997 8.13171 8.05225 7.68399 7.49997 7.68399ZM5.11206 5.33472L1.36723 6.69745L2.05127 8.57683L5.79606 7.21372L5.11206 5.33472ZM13.2564 1.39659L5.73884 4.13275L6.72397 6.84011C6.96258 6.73957 7.22479 6.68399 7.49997 6.68399C8.03847 6.68399 8.52727 6.89682 8.88683 7.24294L14.6245 5.15536L13.2564 1.39659Z"
-}, Bn = {
+}, Sn = {
   key: 160,
   d: "M11 1V2H9V14H11V15H6V14H8V2H6V1H11Z"
 }, zn = {
@@ -1988,7 +1988,7 @@ const ys = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
           d: "M12 12V0H0V12H12ZM1 1H11V11H1V1Z"
         }, null, -1)),
         e[47] || (e[47] = d("path", { d: "M16 16V3H13V4H15V15H4V13H3V16H16Z" }, null, -1))
-      ], 64)) : t.name === "crosshair" ? (o(), i("path", Sl)) : t.name === "dash" ? (o(), i("path", Bl)) : t.name === "dashboard" ? (o(), i("path", zl)) : t.name === "delete" ? (o(), i(M, { key: 52 }, [
+      ], 64)) : t.name === "crosshair" ? (o(), i("path", Bl)) : t.name === "dash" ? (o(), i("path", Sl)) : t.name === "dashboard" ? (o(), i("path", zl)) : t.name === "delete" ? (o(), i(M, { key: 52 }, [
         e[48] || (e[48] = d("path", { d: "M11.3536 6.35353L10.6465 5.64642L9.00042 7.29342L7.35353 5.64642L6.64642 6.35353L8.29342 8.00042L6.64642 9.64642L7.35353 10.3536L9.00042 8.70742L10.6465 10.3536L11.3536 9.64642L9.70742 8.00042L11.3536 6.35353Z" }, null, -1)),
         e[49] || (e[49] = d("path", {
           "fill-rule": "evenodd",
@@ -2276,7 +2276,7 @@ const ys = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
           "fill-rule": "evenodd",
           d: "M8 0C10.2251 0 12 2.02847 12 4.5C12 6.97153 10.2251 9 8 9C5.77489 9 4 6.97153 4 4.5C4 2.02847 5.77489 0 8 0ZM8 1C6.35909 1 5 2.55326 5 4.5C5 6.44674 6.35909 8 8 8C9.64091 8 11 6.44674 11 4.5C11 2.55326 9.64091 1 8 1Z"
         }, null, -1))
-      ], 64)) : t.name === "team" ? (o(), i("path", Tn)) : t.name === "telescope" ? (o(), i("path", Sn)) : t.name === "text-select" ? (o(), i("path", Bn)) : t.name === "trash" ? (o(), i(M, { key: 161 }, [
+      ], 64)) : t.name === "team" ? (o(), i("path", Tn)) : t.name === "telescope" ? (o(), i("path", Bn)) : t.name === "text-select" ? (o(), i("path", Sn)) : t.name === "trash" ? (o(), i(M, { key: 161 }, [
         e[168] || (e[168] = d("path", { d: "M11 13V5H10V13H11Z" }, null, -1)),
         e[169] || (e[169] = d("path", { d: "M6 5V13H5V5H6Z" }, null, -1)),
         e[170] || (e[170] = d("path", { d: "M8.5 13V5H7.5V13H8.5Z" }, null, -1)),
@@ -2344,7 +2344,7 @@ const ys = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
     const l = e, s = y(!1), r = y(), a = O(() => {
       var u;
       return (u = r.value) == null ? void 0 : u.$el;
-    }), { trapFocus: f, releaseFocus: h } = j1(a, !0);
+    }), { trapFocus: c, releaseFocus: h } = j1(a, !0);
     a1(() => s.value = !0);
     const m = () => {
       h(), s.value = !1;
@@ -2354,12 +2354,12 @@ const ys = /* @__PURE__ */ Z1(el, [["render", tl]]), ll = {
         show: s.value,
         type: u.overlayType,
         onClick: C,
-        onClose: g[1] || (g[1] = (c) => l("close"))
+        onClose: g[1] || (g[1] = (f) => l("close"))
       }, {
         default: Z(() => [
           w(p(st), {
             onTransitionAfterEnter: g[0] || (g[0] = () => {
-              p(f)(), l("open");
+              p(c)(), l("open");
             })
           }, {
             default: Z(() => [
@@ -2550,8 +2550,8 @@ const Xn = () => {
   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, c = a + n.clientHeight;
+  s < a ? n.scrollTop = s : r > c && (n.scrollTop = r - n.clientHeight);
 }, de = (n) => n != null, ws = (n) => de(n) && (typeof n == "string" ? n !== "" : !0) && (Array.isArray(n) ? n.length > 0 : !0), Gn = ["aria-label"], De = /* @__PURE__ */ $({
   __name: "Aside",
   props: {
@@ -2568,37 +2568,37 @@ const Xn = () => {
       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, c;
     const h = y(!1);
-    function m(c) {
-      a = c.pageX, f = e.width, h.value = !0, window.addEventListener("mouseup", u), window.addEventListener("mousemove", C), l("resize-start");
+    function m(f) {
+      a = f.pageX, c = e.width, h.value = !0, window.addEventListener("mouseup", u), window.addEventListener("mousemove", C), l("resize-start");
     }
-    function C(c) {
-      const b = e.side === "left" ? c.pageX - a : a - c.pageX, v = f + b, L = P1(v, e.minWidth, e.maxWidth);
+    function C(f) {
+      const b = e.side === "left" ? f.pageX - a : a - f.pageX, v = c + b, L = P1(v, e.minWidth, e.maxWidth);
       L !== e.width && l("resize", L);
     }
     function u() {
       h.value = !1, window.removeEventListener("mouseup", u), window.removeEventListener("mousemove", C), l("resize-end");
     }
-    function g(c) {
+    function g(f) {
       let v = e.width;
-      if (e.side === "left" ? c.key === "ArrowLeft" ? v = e.width - 30 : c.key === "ArrowRight" && (v = e.width + 30) : c.key === "ArrowLeft" ? v = e.width + 30 : c.key === "ArrowRight" && (v = e.width - 30), v !== e.width) {
-        c.preventDefault();
+      if (e.side === "left" ? f.key === "ArrowLeft" ? v = e.width - 30 : f.key === "ArrowRight" && (v = e.width + 30) : f.key === "ArrowLeft" ? v = e.width + 30 : f.key === "ArrowRight" && (v = e.width - 30), v !== e.width) {
+        f.preventDefault();
         const L = P1(v, e.minWidth, e.maxWidth);
         L !== e.width && l("resize", L);
       }
     }
-    return (c, b) => (o(), i("aside", {
+    return (f, b) => (o(), i("aside", {
       ref_key: "aside",
       ref: s,
       tabindex: "0",
       style: n1({
-        width: `${c.width}px`,
+        width: `${f.width}px`,
         transitionProperty: h.value ? "none" : "transform, width"
       }),
       class: T(["absolute top-0 z-10 h-full overflow-x-hidden bg-primary", r.value])
     }, [
-      E(c.$slots, "default"),
+      E(f.$slots, "default"),
       e.draggable ? (o(), i("button", {
         key: 0,
         tabindex: "0",
@@ -2628,16 +2628,16 @@ const Xn = () => {
   },
   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 = y(!1), r = y(e.asideLeftWidth), a = y(e.asideRightWidth), f = y(e.asideLeftWidth), h = y(e.asideRightWidth), m = O(() => ({
-      paddingLeft: `${f.value}px`,
+    const e = n, l = t, s = y(!1), r = y(e.asideLeftWidth), a = y(e.asideRightWidth), c = y(e.asideLeftWidth), h = y(e.asideRightWidth), m = O(() => ({
+      paddingLeft: `${c.value}px`,
       paddingRight: `${h.value}px`
     })), C = () => {
       s.value = !1, l("aside-left-resize-end");
     }, u = () => {
       s.value = !0, l("aside-left-resize-start");
     }, g = (H) => {
-      r.value = f.value = H, l("aside-left-resize", H);
-    }, c = (H) => !H && l("aside-left-transition-end"), b = () => {
+      r.value = c.value = H, l("aside-left-resize", H);
+    }, f = (H) => !H && l("aside-left-transition-end"), b = () => {
       s.value = !1, l("aside-right-resize-end");
     }, v = () => {
       s.value = !0, l("aside-right-resize-start");
@@ -2646,21 +2646,21 @@ const Xn = () => {
     }, D = (H) => !H && l("aside-right-transition-end");
     r1(
       () => e.asideLeftVisible,
-      (H) => f.value = H ? r.value : 0
+      (H) => c.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 = c.value = H
     ), r1(
       () => e.asideRightWidth,
       (H) => a.value = h.value = H
     );
     const A = R1();
     return a1(() => {
-      f.value = e.asideLeftVisible && A["aside-left"] ? r.value : 0, h.value = e.asideRightVisible && A["aside-right"] ? a.value : 0;
-    }), (H, S) => (o(), i("div", Jn, [
+      c.value = e.asideLeftVisible && A["aside-left"] ? r.value : 0, h.value = e.asideRightVisible && A["aside-right"] ? a.value : 0;
+    }), (H, B) => (o(), i("div", Jn, [
       p(A)["aside-left"] && H.asideLeftVisible ? (o(), V(De, {
         key: 0,
         side: "left",
@@ -2670,7 +2670,7 @@ const Xn = () => {
         onResizeStart: u,
         onResize: g,
         onResizeEnd: C,
-        onTransitioning: c
+        onTransitioning: f
       }, {
         default: Z(() => [
           E(H.$slots, "aside-left")
@@ -2762,7 +2762,7 @@ const Xn = () => {
     });
     const a = () => {
       n.multiline ? s.value.focus() : r.value.focus();
-    }, f = (u) => {
+    }, c = (u) => {
       u.target && l("change", u.target.value);
     }, h = (u) => {
       u.stopPropagation(), u.preventDefault(), l("enter");
@@ -2813,7 +2813,7 @@ const Xn = () => {
           "text-xs": u.size === "small",
           "text-sm": u.size === "default"
         }]),
-        onInput: F(f, ["stop", "prevent"])
+        onInput: F(c, ["stop", "prevent"])
       }, null, 42, _n)) : (o(), i("input", {
         key: 2,
         ref_key: "inputRef",
@@ -2836,7 +2836,7 @@ const Xn = () => {
         onKeyup: g[1] || (g[1] = _(F(() => {
         }, ["stop", "prevent"]), ["enter"])),
         onBlur: C,
-        onInput: F(f, ["stop", "prevent"])
+        onInput: F(c, ["stop", "prevent"])
       }, null, 42, e2)),
       u.$slots["inline-controls"] ? (o(), i("section", t2, [
         E(u.$slots, "inline-controls")
@@ -2847,7 +2847,7 @@ const Xn = () => {
         icon: "close",
         variant: "textSubtle",
         class: "flex-none hidden",
-        onClick: g[2] || (g[2] = (c) => {
+        onClick: g[2] || (g[2] = (f) => {
           a(), l("change", "");
         })
       })) : k("", !0)
@@ -2870,7 +2870,7 @@ const Xn = () => {
         "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] = (c) => l("click"))
     }, [
       w(p(t1), {
         name: r.direction === "up" ? "chevron-up-small" : "chevron-down-small"
@@ -2894,42 +2894,42 @@ const Xn = () => {
   },
   emits: ["change", "enter"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = y(), r = y(), a = y(), f = () => {
+    const l = e, s = y(), r = y(), a = y(), c = () => {
       s.value.focus();
-    }, h = (c) => {
-      c.target && l("change", Number.parseInt(c.target.value));
-    }, m = (c) => {
-      c.stopPropagation(), c.preventDefault(), l("enter");
-    }, C = (c, b) => {
+    }, h = (f) => {
+      f.target && l("change", Number.parseInt(f.target.value));
+    }, m = (f) => {
+      f.stopPropagation(), f.preventDefault(), l("enter");
+    }, C = (f, b) => {
       var v, L;
-      c === 1 ? (v = r.value) == null || v.setActive(b) : (L = a.value) == null || L.setActive(b);
-    }, u = (c) => {
-      l("change", P1(n.value + c, n.min ?? null, n.max ?? null));
-    }, g = (c) => {
-      c.stopImmediatePropagation(), c.stopPropagation(), c.preventDefault();
+      f === 1 ? (v = r.value) == null || v.setActive(b) : (L = a.value) == null || L.setActive(b);
+    }, u = (f) => {
+      l("change", P1(n.value + f, n.min ?? null, n.max ?? null));
+    }, g = (f) => {
+      f.stopImmediatePropagation(), f.stopPropagation(), f.preventDefault();
     };
-    return t({ focus: f }), (c, b) => (o(), i("div", {
+    return t({ focus: c }), (f, b) => (o(), i("div", {
       class: T(["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": c.variant === "border" && !c.disabled,
-        "bg-secondary border-weak text-secondary": c.variant === "border" && c.disabled,
-        "bg-tertiary border-transparent text-primary": c.variant === "fill" && !c.disabled,
-        "bg-tertiary border-weak text-secondary": c.variant === "fill" && c.disabled,
-        "h-8": c.size === "default",
-        "pl-2": c.size === "default" && !c.icon,
-        "h-6": c.size === "small",
-        "pl-1.5": c.size === "small" && !c.icon,
-        "pl-0": c.icon
+        "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",
+        "pl-2": f.size === "default" && !f.icon,
+        "h-6": f.size === "small",
+        "pl-1.5": f.size === "small" && !f.icon,
+        "pl-0": f.icon
       }])
     }, [
-      c.icon ? (o(), i("div", {
+      f.icon ? (o(), i("div", {
         key: 0,
         class: T(["flex-none flex rounded-lg bg-transparent cursor-pointer", {
-          "px-2": c.size === "default",
-          "px-1.5": c.size === "small"
+          "px-2": f.size === "default",
+          "px-1.5": f.size === "small"
         }])
       }, [
         w(p(t1), {
-          name: c.icon,
+          name: f.icon,
           class: "text-secondary"
         }, null, 8, ["name"])
       ], 2)) : k("", !0),
@@ -2937,15 +2937,15 @@ const Xn = () => {
         ref_key: "inputRef",
         ref: s,
         type: "number",
-        min: c.min,
-        max: c.max,
-        "auto-focus": c.autoFocus === !0,
-        disabled: c.disabled,
-        value: c.value,
-        placeholder: c.placeholder,
+        min: f.min,
+        max: f.max,
+        "auto-focus": f.autoFocus === !0,
+        disabled: f.disabled,
+        value: f.value,
+        placeholder: f.placeholder,
         class: T(["flex-1 min-w-0 bg-transparent focus:outline-hidden", {
-          "text-xs": c.size === "small",
-          "text-sm": c.size === "default"
+          "text-xs": f.size === "small",
+          "text-sm": f.size === "default"
         }]),
         onChange: b[0] || (b[0] = F(() => {
         }, ["stop", "prevent"])),
@@ -2963,25 +2963,25 @@ const Xn = () => {
         onBlur: g,
         onInput: F(h, ["stop", "prevent"])
       }, null, 42, l2),
-      c.showSteppers ? (o(), i("section", {
+      f.showSteppers ? (o(), i("section", {
         key: 1,
         class: T(["top-0 flex flex-col h-full -space-y-px -mt-[2px] -mr-px", {
-          "w-8": c.size === "default",
-          "w-6": c.size === "small"
+          "w-8": f.size === "default",
+          "w-6": f.size === "small"
         }])
       }, [
         w(Te, {
           ref_key: "upButtonRef",
           ref: r,
           direction: "up",
-          size: c.size,
+          size: f.size,
           onClick: b[6] || (b[6] = (v) => u(1))
         }, null, 8, ["size"]),
         w(Te, {
           ref_key: "downButtonRef",
           ref: a,
           direction: "down",
-          size: c.size,
+          size: f.size,
           onClick: b[7] || (b[7] = (v) => u(-1))
         }, null, 8, ["size"])
       ], 2)) : k("", !0)
@@ -3024,10 +3024,10 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
   },
   emits: ["close", "ready"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = y(), f = O(() => {
+    const l = n, s = e, r = R1(), a = y(), c = O(() => {
       var b;
       return (b = a.value) == null ? void 0 : b.$el;
-    }), h = y(!1), { trapFocus: m, releaseFocus: C } = j1(f, !0);
+    }), h = y(!1), { trapFocus: m, releaseFocus: C } = j1(c, !0);
     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."
@@ -3039,7 +3039,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
       l.closeable && (l.interceptClose ? await l.interceptClose() && u() : u());
     };
     l.closeable && Ce(g);
-    const c = () => {
+    const f = () => {
       m(), s("ready");
     };
     return t({ close: u }), (b, v) => (o(), V(U1, { to: b.target }, [
@@ -3050,7 +3050,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         onClose: v[0] || (v[0] = (L) => s("close"))
       }, {
         default: Z(() => [
-          w(p(st), { onTransitionAfterEnter: c }, {
+          w(p(st), { onTransitionAfterEnter: f }, {
             default: Z(() => [
               W1(w(p(ge), {
                 ref_key: "windowRef",
@@ -3221,7 +3221,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
       })
     ]));
   }
-}), Ss = /* @__PURE__ */ $({
+}), Bs = /* @__PURE__ */ $({
   __name: "Pagination",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3231,7 +3231,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
   },
   emits: ["change"],
   setup(n, { emit: t }) {
-    const e = t, l = y(), s = O(() => i5(0, n.lastPage).map((u) => ({ id: `${u + 1}`, label: `${u + 1}` }))), r = O(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), a = O(() => n.borders ? { borderRadius: "0px 8px 8px 0px" } : void 0), f = O(() => n.borders ? { borderRadius: "0" } : void 0), h = O(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (u) => {
+    const e = t, l = y(), s = O(() => i5(0, n.lastPage).map((u) => ({ id: `${u + 1}`, label: `${u + 1}` }))), r = O(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), a = O(() => n.borders ? { borderRadius: "0px 8px 8px 0px" } : void 0), c = O(() => n.borders ? { borderRadius: "0" } : void 0), h = O(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (u) => {
       let g = n.currentPage + u;
       g > n.lastPage && (g = 1), g < 1 && (g = n.lastPage), e("change", g);
     }, C = (u) => {
@@ -3247,7 +3247,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         icon: u.orientation === "horizontal" ? "chevron-left" : "chevron-up",
         style: n1(r.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10",
-        onClick: g[0] || (g[0] = (c) => m(-1))
+        onClick: g[0] || (g[0] = (f) => m(-1))
       }, null, 8, ["variant", "icon", "style"]),
       w(p(rt), {
         "same-width-as-element": l.value,
@@ -3256,12 +3256,12 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         options: s.value,
         onSelect: C
       }, {
-        trigger: Z((c) => [
+        trigger: Z((f) => [
           w(p(j), {
             variant: h.value,
             label: `${u.currentPage} / ${u.lastPage}`,
-            style: n1(f.value),
-            focus: c && c.visible,
+            style: n1(c.value),
+            focus: f && f.visible,
             class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px"
           }, null, 8, ["variant", "label", "style", "focus"])
         ]),
@@ -3272,11 +3272,11 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         icon: u.orientation === "horizontal" ? "chevron-right" : "chevron-down",
         style: n1(a.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px",
-        onClick: g[1] || (g[1] = (c) => m(1))
+        onClick: g[1] || (g[1] = (f) => m(1))
       }, null, 8, ["variant", "icon", "style"])
     ], 512));
   }
-}), c2 = ["aria-label"], Se = /* @__PURE__ */ $({
+}), c2 = ["aria-label"], Be = /* @__PURE__ */ $({
   __name: "ResizablePanel",
   props: {
     size: { default: 256 },
@@ -3294,7 +3294,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         v,
         L
       ];
-    }), f = O(() => {
+    }), c = O(() => {
       const v = [];
       return s.value === "horizontal" ? (v.push(e.placement === "left" ? "right-0 border-r" : "left-0 border-l"), v.push("top-0 h-full w-1 cursor-ew-resize")) : (v.push(e.placement === "top" ? "bottom-0 border-b" : "top-0 border-t"), v.push("left-0 w-full h-1 cursor-ns-resize")), v;
     });
@@ -3302,7 +3302,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
     const C = y(!1);
     function u(v) {
       const L = e.placement === "left" || e.placement === "right" ? "pageX" : "pageY";
-      h = v[L], m = e.size, C.value = !0, window.addEventListener("mouseup", c), window.addEventListener("mousemove", g), l("resize-start");
+      h = v[L], m = e.size, C.value = !0, window.addEventListener("mouseup", f), window.addEventListener("mousemove", g), l("resize-start");
     }
     function g(v) {
       let L;
@@ -3310,8 +3310,8 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
       const D = m + L, A = P1(D, e.minSize, e.maxSize);
       A !== e.size && l("resize", A);
     }
-    function c() {
-      C.value = !1, window.removeEventListener("mouseup", c), window.removeEventListener("mousemove", g), l("resize-end");
+    function f() {
+      C.value = !1, window.removeEventListener("mouseup", f), window.removeEventListener("mousemove", g), l("resize-end");
     }
     function b(v) {
       let D = e.size;
@@ -3336,7 +3336,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         tabindex: "0",
         "aria-label": `Resize ${e.placement} panel`,
         class: T(["absolute z-10 hover:border-action", [
-          f.value,
+          c.value,
           C.value ? "border-action bg-action" : "border-transparent bg-transparent hover:bg-tertiary focus:outline-none focus:border-action focus:bg-tertiary"
         ]]),
         onMousedown: u,
@@ -3344,7 +3344,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
       }, null, 42, c2)) : k("", !0)
     ], 6));
   }
-}), C2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, Bs = /* @__PURE__ */ $({
+}), C2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, Ss = /* @__PURE__ */ $({
   __name: "PanelLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3360,16 +3360,16 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
   },
   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 = y(!1), r = y(e.startPanelSize), a = y(e.endPanelSize), f = y(e.startPanelSize), h = y(e.endPanelSize), m = O(() => ({
-      [e.orientation === "horizontal" ? "paddingLeft" : "paddingTop"]: `${f.value}px`,
+    const e = n, l = t, s = y(!1), r = y(e.startPanelSize), a = y(e.endPanelSize), c = y(e.startPanelSize), h = y(e.endPanelSize), m = O(() => ({
+      [e.orientation === "horizontal" ? "paddingLeft" : "paddingTop"]: `${c.value}px`,
       [e.orientation === "horizontal" ? "paddingRight" : "paddingBottom"]: `${h.value}px`
     })), C = () => {
       s.value = !1, l("start-panel-resize-end");
     }, u = () => {
       s.value = !0, l("start-panel-resize-start");
     }, g = (H) => {
-      r.value = f.value = H, l("start-panel-resize", H);
-    }, c = (H) => !H && l("start-panel-transition-end"), b = () => {
+      r.value = c.value = H, l("start-panel-resize", H);
+    }, f = (H) => !H && l("start-panel-transition-end"), b = () => {
       s.value = !1, l("end-panel-resize-end");
     }, v = () => {
       s.value = !0, l("end-panel-resize-start");
@@ -3378,22 +3378,22 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
     }, D = (H) => !H && l("end-panel-transition-end");
     r1(
       () => e.startPanelVisible,
-      (H) => f.value = H ? r.value : 0
+      (H) => c.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 = c.value = H
     ), r1(
       () => e.endPanelSize,
       (H) => a.value = h.value = H
     );
     const A = R1();
     return a1(() => {
-      f.value = e.startPanelVisible && A["start-panel"] ? r.value : 0, h.value = e.endPanelVisible && A["end-panel"] ? a.value : 0;
-    }), (H, S) => (o(), i("div", C2, [
-      p(A)["start-panel"] && H.startPanelVisible ? (o(), V(Se, {
+      c.value = e.startPanelVisible && A["start-panel"] ? r.value : 0, h.value = e.endPanelVisible && A["end-panel"] ? a.value : 0;
+    }), (H, B) => (o(), i("div", C2, [
+      p(A)["start-panel"] && H.startPanelVisible ? (o(), V(Be, {
         key: 0,
         placement: H.orientation === "horizontal" ? "left" : "top",
         border: e.borders,
@@ -3402,7 +3402,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         onResizeStart: u,
         onResize: g,
         onResizeEnd: C,
-        onTransitioning: c
+        onTransitioning: f
       }, {
         default: Z(() => [
           E(H.$slots, "start-panel")
@@ -3415,7 +3415,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
       }, [
         E(H.$slots, "main")
       ], 6),
-      p(A)["end-panel"] && H.endPanelVisible ? (o(), V(Se, {
+      p(A)["end-panel"] && H.endPanelVisible ? (o(), V(Be, {
         key: 1,
         placement: H.orientation === "horizontal" ? "right" : "bottom",
         border: e.borders,
@@ -3450,8 +3450,10 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
   props: {
     closeDelay: { default: 20 },
     closeOnClickOutside: { type: Boolean, default: !0 },
+    closeOnEscapeKey: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     flipOptions: { default: () => ({}) },
+    focusTriggerOnClose: { type: Boolean, default: !1 },
     limitShiftOptions: {},
     offsetOptions: { default: () => ({}) },
     shiftOptions: { default: () => ({}) },
@@ -3470,62 +3472,62 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e, r = R1();
     let a;
-    const f = y(), h = y(), m = y(), C = y(!1), { mounted: u } = G5(), { disableClickOutside: g, enableClickOutside: c, updateClickOutside: b } = ce(() => u1()), { trapFocus: v, releaseFocus: L } = j1(h), D = (B) => {
-      B.key === "Escape" && H();
+    const c = y(), h = y(), m = y(), C = y(!1), { mounted: u } = G5(), { disableClickOutside: g, enableClickOutside: f, updateClickOutside: b } = ce(() => u1()), { trapFocus: v, releaseFocus: L } = j1(h), D = (S) => {
+      S.key === "Escape" && H();
     }, A = async () => {
       if (m.value && h.value) {
-        const B = [];
-        l.offsetOptions && B.push($t(l.offsetOptions)), l.flipOptions && B.push(Dt(l.flipOptions)), l.limitShiftOptions ? B.push(
+        const S = [];
+        l.offsetOptions && S.push($t(l.offsetOptions)), l.flipOptions && S.push(Dt(l.flipOptions)), l.limitShiftOptions ? S.push(
           Ve({
             ...l.shiftOptions,
             limiter: Tt(l.limitShiftOptions)
           })
-        ) : l.shiftOptions && B.push(Ve(l.shiftOptions)), l.popperWidthClass || (l.sameWidthAsTrigger ? B.push(v2) : l.sameWidthAsElement && B.push(h2(l.sameWidthAsElement)));
-        const R = await St(m.value, h.value, {
+        ) : l.shiftOptions && S.push(Ve(l.shiftOptions)), l.popperWidthClass || (l.sameWidthAsTrigger ? S.push(v2) : l.sameWidthAsElement && S.push(h2(l.sameWidthAsElement)));
+        const R = await Bt(m.value, h.value, {
           placement: l.placement,
-          middleware: B
+          middleware: S
         });
         h.value.style.left = `${R.x}px`, h.value.style.top = `${R.y}px`;
       }
     };
     a1(() => {
-      const B = r.default && r.default({ visible: C.value });
-      if (B && B.length > 1)
-        return console.error(`[Popper]: The <Popper> component expects only one child element at its root. You passed ${B.length} child nodes.`);
+      const S = r.default && r.default({ visible: C.value });
+      if (S && S.length > 1)
+        return console.error(`[Popper]: The <Popper> component expects only one child element at its root. You passed ${S.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 && I();
     }), N1(() => {
       I.clear(), a && (a(), a = null);
     });
     const H = () => {
-      var B, R;
-      I.clear(), C.value && (L(), window.removeEventListener("keydown", D), C.value = !1, l.trigger !== "hover" && ((R = ((B = m.value) == null ? void 0 : B.querySelector("button, [href], input, select, textarea, [tabindex]")) ?? m.value) == null || R.focus()), s("close"), l.closeOnClickOutside && g(), a && (a(), a = null));
-    }, S = async () => {
-      C.value || (C.value = !0, await V1(), s("open", [m.value, h.value]), a = Zt(m.value, h.value, A), l.closeOnClickOutside && h.value && m.value && c([h.value, m.value]), l.trigger !== "hover" && (V1(v), window.addEventListener("keydown", D)));
-    }, I = oe(S, l.openDelay), P = oe(H, l.closeDelay), e1 = async () => {
+      var S, R;
+      I.clear(), C.value && (L(), l.closeOnEscapeKey && window.removeEventListener("keydown", D), C.value = !1, l.focusTriggerOnClose && l.trigger !== "hover" && ((R = ((S = m.value) == null ? void 0 : S.querySelector("button, [href], input, select, textarea, [tabindex]")) ?? m.value) == null || R.focus()), s("close"), l.closeOnClickOutside && g(), a && (a(), a = null));
+    }, B = async () => {
+      C.value || (C.value = !0, await V1(), s("open", [m.value, h.value]), a = Zt(m.value, h.value, A), l.closeOnClickOutside && h.value && m.value && f([h.value, m.value]), l.trigger !== "hover" && (V1(v), l.closeOnEscapeKey && window.addEventListener("keydown", D)));
+    }, I = oe(B, l.openDelay), P = oe(H, l.closeDelay), e1 = async () => {
       l.disabled || (P.clear(), I());
     }, u1 = async () => {
       I.clear(), P();
-    }, Q = (B) => {
-      l.trigger === "click" && (B.preventDefault(), B.stopPropagation(), l1());
-    }, Y = (B) => {
-      h.value && m.value && b([h.value, m.value, ...B]);
+    }, Q = (S) => {
+      l.trigger === "click" && (S.preventDefault(), S.stopPropagation(), l1());
+    }, Y = (S) => {
+      h.value && m.value && b([h.value, m.value, ...S]);
     }, l1 = () => C.value ? u1() : e1();
     return r1(
       () => l.disabled,
-      (B) => C.value && B && H()
+      (S) => C.value && S && H()
     ), r1(
       () => l.show,
-      (B) => {
-        l.trigger === "manual" ? B ? I() : P() : console.warn("[Popper]: The 'show' prop is only available when the 'trigger' prop is set to 'manual'");
+      (S) => {
+        l.trigger === "manual" ? S ? I() : P() : console.warn("[Popper]: The 'show' prop is only available when the 'trigger' prop is set to 'manual'");
       }
     ), t({
       close: H,
-      containerRef: f,
-      open: S,
+      containerRef: c,
+      open: B,
       updateClickOutsideTargets: Y
-    }), (B, R) => (o(), i("div", {
+    }), (S, R) => (o(), i("div", {
       ref_key: "containerRef",
-      ref: f,
+      ref: c,
       class: T(l.rootClass),
       onMouseleave: R[5] || (R[5] = (G) => l.trigger === "hover" && u1())
     }, [
@@ -3538,11 +3540,11 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
         onFocus: R[1] || (R[1] = (G) => l.trigger === "focus" && e1()),
         onKeyup: R[2] || (R[2] = _((G) => u1(), ["esc"]))
       }, [
-        E(B.$slots, "default", { visible: C.value })
+        E(S.$slots, "default", { visible: C.value })
       ], 34),
       p(u) ? (o(), V(U1, {
         key: 0,
-        to: B.teleportTarget
+        to: S.teleportTarget
       }, [
         !l.disabled && C.value ? (o(), i("div", {
           key: 0,
@@ -3552,7 +3554,7 @@ const F1 = /* @__PURE__ */ Z1(n2, [["render", s2]]), a2 = {
           onMouseover: R[3] || (R[3] = (G) => l.trigger === "hover" && e1()),
           onMouseleave: R[4] || (R[4] = (G) => l.trigger === "hover" && u1())
         }, [
-          E(B.$slots, "content", {
+          E(S.$slots, "content", {
             close: H,
             isOpen: C.value
           })
@@ -3590,7 +3592,7 @@ const O1 = /* @__PURE__ */ Z1(m2, [["render", b2]]), L2 = {
     }, a = () => {
       var m;
       e("change", s.value), (m = l.value) == null || m.close();
-    }, f = () => {
+    }, c = () => {
       var m;
       n.mode === "immediate" ? (e("change", null), (m = l.value) == null || m.close()) : s.value = null;
     }, h = (m) => {
@@ -3600,6 +3602,8 @@ const O1 = /* @__PURE__ */ Z1(m2, [["render", b2]]), L2 = {
       ref_key: "popperRef",
       ref: l,
       trigger: "click",
+      "focus-trigger-on-close": "",
+      "close-on-escape-key": "",
       placement: m.placement,
       disabled: m.disabled,
       onClose: C[0] || (C[0] = (u) => e("close")),
@@ -3625,7 +3629,7 @@ const O1 = /* @__PURE__ */ Z1(m2, [["render", b2]]), L2 = {
                 icon: "trash",
                 label: "Clear",
                 variant: "outlineSubtle",
-                onClick: f
+                onClick: c
               })) : k("", !0),
               m.mode === "confirmation" ? (o(), V(p(j), {
                 key: 1,
@@ -3671,7 +3675,7 @@ const O1 = /* @__PURE__ */ Z1(m2, [["render", b2]]), L2 = {
   setup(n, { emit: t }) {
     const e = t, l = y(), s = y(), { trapFocus: r } = j1(s), a = () => {
       e("close"), l.value && l.value.close();
-    }, f = () => V1(r), h = () => {
+    }, c = () => V1(r), h = () => {
       a(), e("cancel");
     }, m = () => {
       a(), e("confirm");
@@ -3680,9 +3684,11 @@ const O1 = /* @__PURE__ */ Z1(m2, [["render", b2]]), L2 = {
       ref_key: "popperRef",
       ref: l,
       trigger: "click",
+      "focus-trigger-on-close": "",
+      "close-on-escape-key": "",
       placement: C.placement,
       "offset-options": C.offsetOptions || { mainAxis: 4 },
-      onOpen: f,
+      onOpen: c,
       onClose: a
     }, {
       default: Z((g) => [
@@ -3750,23 +3756,23 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
     const e = n, l = t, s = y(), r = O(() => e.hoveredOption && e.hoveredOption.id === e.option.id), a = () => {
       e.option.disabled || l("click");
     };
-    return (f, h) => (o(), i("div", {
+    return (c, h) => (o(), i("div", {
       ref_key: "root",
       ref: s,
       tabindex: "0",
       class: T(["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 ": c.option.disabled,
+        "cursor-pointer text-primary hover:bg-secondary focus:bg-secondary active:bg-tertiary": !c.option.disabled && !c.selected,
+        "cursor-pointer text-light-blue font-medium hover:bg-secondary focus:bg-secondary active:bg-tertiary": c.selected,
         "bg-secondary": r.value,
         "bg-primary": !r.value
       }]),
       onClick: a,
       onKeydown: _(F(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", c.option.id)),
+      onFocus: h[1] || (h[1] = (m) => l("focus", c.option.id))
     }, [
-      E(f.$slots, "default")
+      E(c.$slots, "default")
     ], 42, M2));
   }
 }), $2 = { class: "flex items-center px-2 pb-2 space-x-2" }, D2 = /* @__PURE__ */ $({
@@ -3793,10 +3799,10 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
 }), T2 = {
   key: 0,
   class: "border-b border-default"
-}, S2 = {
+}, B2 = {
   key: 0,
   class: "flex items-center w-full px-3 space-x-2 bg-primary overflow-hidden"
-}, B2 = ["placeholder", "onKeydown"], z2 = {
+}, S2 = ["placeholder", "onKeydown"], z2 = {
   key: 2,
   class: "flex-1"
 }, A2 = { class: "flex items-center space-x-2 bg-primary text-tertiary py-3 px-3" }, R2 = { class: "italic leading-none text-sm" }, E2 = {
@@ -3839,14 +3845,14 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   },
   emits: ["close", "save-custom", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = y(null), f = y([]), h = y(""), m = y(), C = y(), u = y(), g = y(), c = y(), b = y(), v = y(l.resultFilters || []), L = y(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: D } = ve(), A = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), H = O(() => f.value.every((x) => x.disabled)), S = O(() => !h.value.length && !f.value.length), I = O(() => h.value.length && !f.value.length), P = O(() => {
+    const l = n, s = e, r = R1(), a = y(null), c = y([]), h = y(""), m = y(), C = y(), u = y(), g = y(), f = y(), b = y(), v = y(l.resultFilters || []), L = y(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: D } = ve(), A = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), H = O(() => c.value.every((x) => x.disabled)), B = O(() => !h.value.length && !c.value.length), I = O(() => h.value.length && !c.value.length), P = O(() => {
       if (C.value) return b1.ERROR;
       if (l.loading) return b1.LOADING;
       if (I.value && !l.loading) return b1.NO_MATCH;
-      if (S.value && !l.loading) return b1.IDLE;
-      if (f.value.length && !l.loading) return b1.MATCH;
+      if (B.value && !l.loading) return b1.IDLE;
+      if (c.value.length && !l.loading) return b1.MATCH;
     }), e1 = (x) => {
-      f.value = L.value ? x.filter(L.value.execute) : x, l.resultFilters && v.value.forEach((U) => {
+      c.value = L.value ? x.filter(L.value.execute) : x, l.resultFilters && v.value.forEach((U) => {
         U.count = x.filter(U.execute).length;
       });
     };
@@ -3858,42 +3864,44 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
     ), A1(() => {
       l.filterable && l.remoteMethod && console.warn('[PopSelect] should not have both "filterable" and "remoteMethod" props at the same time'), e1(l.options);
     });
-    const u1 = () => c.value.close(), Q = () => c.value.open(), Y = async () => {
+    const u1 = () => f.value.close(), Q = () => f.value.open(), Y = async () => {
       D(() => {
         b.value && D(() => b.value.update()), u.value && D(() => u.value.focus());
       });
     }, l1 = () => {
       l.keepOpen || (a.value = null, l.resetOnClose && (h.value = "", l.remoteMethod ? l.remoteMethod("") : e1([]), L.value = l.resultFilters ? l.resultFilters[0] : null), s("close"));
-    }, B = (x) => {
+    }, S = (x) => {
       s("select", x), l.keepOpen || u1();
-    }, R = (x) => f.value = l.options.filter((U) => U.label.toLowerCase().includes(x.toLowerCase())), S1 = qn(async (x) => {
+    }, R = (x) => c.value = l.options.filter((U) => U.label.toLowerCase().includes(x.toLowerCase())), B1 = qn(async (x) => {
       const U = x.target.value;
       a.value = null, l.filterable ? R(U) : l.remoteMethod && await l.remoteMethod(U);
     }, l.debounceMs), g1 = (x) => {
-      a.value = f.value.find((U) => U.id === x) || null;
+      a.value = c.value.find((U) => U.id === x) || null;
     }, N = (x) => {
       if (!g.value.length) return;
-      const U = g.value[f.value.findIndex((q) => q.label === x.label)].$el;
+      const U = g.value[c.value.findIndex((q) => q.label === x.label)].$el;
       if (b.value && U) {
         const q = b.value.$el.querySelector(".scrollbar__wrap");
         q && (at(q, U), b.value.handleScroll());
       }
     }, W = async (x) => {
-      if (f.value.length === 0) return;
-      let U = f.value.findIndex((q) => {
+      if (c.value.length === 0) return;
+      let U = c.value.findIndex((q) => {
         var d1;
         return q.label === ((d1 = a.value) == null ? void 0 : d1.label);
       });
-      H.value || (x === "next" ? (U++, U === f.value.length && (U = 0)) : x === "prev" && (U--, U < 0 && (U = f.value.length - 1)), a.value = f.value[U], a.value.disabled === !0 && W(x), await V1(), a.value && N(a.value));
+      H.value || (x === "next" ? (U++, U === c.value.length && (U = 0)) : x === "prev" && (U--, U < 0 && (U = c.value.length - 1)), a.value = c.value[U], a.value.disabled === !0 && W(x), await V1(), a.value && N(a.value));
     }, s1 = () => {
-      a.value ? B(a.value) : h.value.length && s("save-custom", h.value);
+      a.value ? S(a.value) : h.value.length && s("save-custom", h.value);
     }, v1 = (x) => {
       L.value = x, e1(l.options), u.value.focus();
     };
     return t({ close: u1, focus: Q }), (x, U) => (o(), V(p(E1), {
       ref_key: "popperRef",
-      ref: c,
+      ref: f,
       trigger: "click",
+      "focus-trigger-on-close": "",
+      "close-on-escape-key": "",
       placement: x.placement,
       disabled: x.disabled,
       "popper-width-class": x.popperWidthClass,
@@ -3918,7 +3926,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
         }, {
           default: Z(() => [
             x.filterable || x.remoteMethod || x.resultFilters ? (o(), i("header", T2, [
-              x.filterable || x.remoteMethod ? (o(), i("header", S2, [
+              x.filterable || x.remoteMethod ? (o(), i("header", B2, [
                 w(p(t1), {
                   name: "magnifying-glass",
                   class: "text-light-blue"
@@ -3933,14 +3941,14 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
                   onClick: U[1] || (U[1] = F(() => {
                   }, ["stop", "prevent"])),
                   onInput: U[2] || (U[2] = //@ts-ignore
-                  (...q) => p(S1) && p(S1)(...q)),
+                  (...q) => p(B1) && p(B1)(...q)),
                   onKeydown: [
                     U[3] || (U[3] = _(F((q) => W("next"), ["prevent"]), ["down"])),
                     U[4] || (U[4] = _(F((q) => W("prev"), ["prevent"]), ["up"])),
                     _(F(s1, ["prevent"]), ["enter"]),
                     _(F(l1, ["stop", "prevent"]), ["esc"])
                   ]
-                }, null, 40, B2), [
+                }, null, 40, S2), [
                   [kt, h.value]
                 ])
               ])) : k("", !0),
@@ -3982,7 +3990,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
             }, {
               default: Z(() => [
                 d("div", N2, [
-                  (o(!0), i(M, null, m1(f.value, (q) => (o(), V(Z2, {
+                  (o(!0), i(M, null, m1(c.value, (q) => (o(), V(Z2, {
                     ref_for: !0,
                     ref_key: "optionsRef",
                     ref: g,
@@ -3992,7 +4000,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
                     selected: A.value.includes(q),
                     onFocus: g1,
                     onHover: g1,
-                    onClick: (d1) => B(q)
+                    onClick: (d1) => S(q)
                   }, {
                     default: Z(() => [
                       d("div", U2, [
@@ -4068,20 +4076,20 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
     const e = n, l = t, s = y(""), r = Ee({ 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(ue, {
+    }), (a, c) => (o(), V(ue, {
       "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: c[1] || (c[1] = (h) => l("close"))
     }, {
       default: Z(() => [
         W1(d("div", {
           class: T(["z-40 fixed w-screen h-screen top-0 left-0 flex items-center justify-center pointer-events-auto p-4", s.value]),
           style: n1(r),
-          onMousedown: f[0] || (f[0] = F((h) => l("click"), ["self"]))
+          onMousedown: c[0] || (c[0] = F((h) => l("click"), ["self"]))
         }, [
           E(a.$slots, "default")
         ], 38), [
@@ -4109,7 +4117,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   axis: "Y",
   client: "clientY",
   direction: "top"
-}, _2 = ["tabindex", "aria-label", "aria-valuenow"], Be = /* @__PURE__ */ $({
+}, _2 = ["tabindex", "aria-label", "aria-valuenow"], Se = /* @__PURE__ */ $({
   __name: "Bar",
   props: {
     vertical: { type: Boolean },
@@ -4118,17 +4126,17 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   },
   emits: ["move", "update"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = y(), r = y(), a = y(!1), f = e.vertical ? J2 : G2, h = y(0), m = (L) => {
+    const e = n, l = t, s = y(), r = y(), a = y(!1), c = e.vertical ? J2 : G2, h = y(0), m = (L) => {
       if (!a.value) return;
       const D = h.value;
       if (!D) return;
       const A = s.value.getBoundingClientRect();
       if (A) {
-        const H = ((A[f.direction] || 0) - (L[f.client] || 0)) * -1, S = r.value && typeof r.value[f.offset] == "number" ? r.value[f.offset] - D : 0, I = s.value ? Number(s.value[f.offset]) : 0, P = I ? (H - S) * 100 / I : 0;
+        const H = ((A[c.direction] || 0) - (L[c.client] || 0)) * -1, B = r.value && typeof r.value[c.offset] == "number" ? r.value[c.offset] - D : 0, I = s.value ? Number(s.value[c.offset]) : 0, P = I ? (H - B) * 100 / I : 0;
         l("update", {
-          scrollReference: f.scroll,
+          scrollReference: c.scroll,
           positionPercentage: P,
-          scrollSize: f.scrollSize
+          scrollSize: c.scrollSize
         });
       }
     }, C = () => {
@@ -4137,23 +4145,23 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
       L.stopImmediatePropagation(), a.value = !0, document.addEventListener("mousemove", m), document.addEventListener("mouseup", C), document.onselectstart = () => !1;
     }, g = (L) => {
       if (!(L.ctrlKey || L.button === 2) && (u(L), L.currentTarget)) {
-        const D = L.currentTarget[f.offset], A = L[f.client], S = L.currentTarget.getBoundingClientRect()[f.direction];
-        h.value = D - (A - S);
+        const D = L.currentTarget[c.offset], A = L[c.client], B = L.currentTarget.getBoundingClientRect()[c.direction];
+        h.value = D - (A - B);
       }
-    }, c = (L) => {
+    }, f = (L) => {
       const D = L.target.getBoundingClientRect();
       if (D) {
-        const A = D[f.direction], H = L[f.client], S = Math.abs((A ? Number(A) : 0) - (H ? Number(H) : 0)), I = r.value[f.offset] / 2, P = s.value ? Number(s.value[f.offset]) : 0, e1 = P ? (S - I) * 100 / P : 0;
+        const A = D[c.direction], H = L[c.client], B = Math.abs((A ? Number(A) : 0) - (H ? Number(H) : 0)), I = r.value[c.offset] / 2, P = s.value ? Number(s.value[c.offset]) : 0, e1 = P ? (B - I) * 100 / P : 0;
         l("update", {
-          scrollReference: f.scroll,
+          scrollReference: c.scroll,
           positionPercentage: e1,
-          scrollSize: f.scrollSize
+          scrollSize: c.scrollSize
         });
       }
     }, b = () => {
-      const L = `translate${f.axis}(${e.move}%)`;
+      const L = `translate${c.axis}(${e.move}%)`;
       return {
-        [f.size]: e.size,
+        [c.size]: e.size,
         transform: L,
         msTransform: L,
         webkitTransform: L
@@ -4164,10 +4172,10 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
     return (L, D) => (o(), i("div", {
       ref_key: "scrollbarRef",
       ref: s,
-      class: T(`scrollbar__bar is-${p(f).key}`),
+      class: T(`scrollbar__bar is-${p(c).key}`),
       onClick: D[1] || (D[1] = F(() => {
       }, ["stop", "prevent"])),
-      onMousedown: F(c, ["stop", "prevent"])
+      onMousedown: F(f, ["stop", "prevent"])
     }, [
       d("div", {
         ref_key: "thumbRef",
@@ -4205,13 +4213,13 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e;
     let r;
-    const a = y(6), f = y(0), h = y(0), m = y(0), C = y("0"), u = y("0"), g = Ee({
+    const a = y(6), c = y(0), h = y(0), m = y(0), C = y("0"), u = y("0"), g = Ee({
       marginRight: "",
       marginBottom: ""
-    }), c = { height: 100, width: 100 }, b = ["scrollbar__wrap"];
+    }), f = { height: 100, width: 100 }, b = ["scrollbar__wrap"];
     !a.value && b.push("scrollbar__wrap--hidden-default"), l.wrapClass && b.push(l.wrapClass);
     const v = y(), L = y(), D = () => {
-      h.value = v.value.scrollTop * 100 / v.value.clientHeight, f.value = v.value.scrollLeft * 100 / v.value.clientWidth, s("scroll", v.value.scrollTop);
+      h.value = v.value.scrollTop * 100 / v.value.clientHeight, c.value = v.value.scrollLeft * 100 / v.value.clientWidth, s("scroll", v.value.scrollTop);
       const Q = v.value.scrollTop + v.value.clientHeight, Y = v.value.scrollHeight;
       if (m.value > 0 && v.value.scrollTop === 0 ? s("intersect", { edge: "top", hit: !0 }) : m.value === 0 && v.value.scrollTop > 0 ? s("intersect", { edge: "top", hit: !1 }) : m.value + v.value.clientHeight < Y && Q === Y ? s("intersect", { edge: "bottom", hit: !0 }) : m.value + v.value.clientHeight === Y && Q < Y && s("intersect", { edge: "bottom", hit: !1 }), l.triggers)
         for (const l1 of l.triggers)
@@ -4224,17 +4232,17 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
       if (!v.value) return;
       await V1();
       const { heightPercentage: Q, widthPercentage: Y } = A();
-      !Q && !Y || (l.disableX || (c.width === 100 && Y < 100 ? s("scrollXActive", !0) : Y === 100 && c.width < 100 && s("scrollXActive", !1), Y === 100 ? g.marginBottom = "0px" : a.value && (g.marginBottom = `-${a.value}px`), c.width = Y, u.value = Y < 100 ? `${Y}%` : ""), l.disableY || (c.height === 100 && Q < 100 ? s("scrollYActive", !0) : Q === 100 && c.height < 100 && s("scrollYActive", !1), Q === 100 ? g.marginRight = "0px" : a.value && (g.marginRight = `-${a.value}px`), c.height = Q, C.value = Q < 100 ? `${Q}%` : ""), D());
+      !Q && !Y || (l.disableX || (f.width === 100 && Y < 100 ? s("scrollXActive", !0) : Y === 100 && f.width < 100 && s("scrollXActive", !1), Y === 100 ? g.marginBottom = "0px" : a.value && (g.marginBottom = `-${a.value}px`), f.width = Y, u.value = Y < 100 ? `${Y}%` : ""), l.disableY || (f.height === 100 && Q < 100 ? s("scrollYActive", !0) : Q === 100 && f.height < 100 && s("scrollYActive", !1), Q === 100 ? g.marginRight = "0px" : a.value && (g.marginRight = `-${a.value}px`), f.height = Q, C.value = Q < 100 ? `${Q}%` : ""), D());
     };
     a1(async () => {
-      await V1(H), c.height === 100 && s("intersect", { edge: "top", hit: !0 }), l.windowResize && window.addEventListener("resize", H), l.noresize || (r = new MutationObserver(H), r.observe(L.value, {
+      await V1(H), f.height === 100 && s("intersect", { edge: "top", hit: !0 }), l.windowResize && window.addEventListener("resize", H), l.noresize || (r = new MutationObserver(H), r.observe(L.value, {
         childList: !0,
         subtree: !0
       }));
     }), T1(() => {
       !l.noresize && r.disconnect(), l.windowResize && window.removeEventListener("resize", H);
     });
-    const S = (Q) => {
+    const B = (Q) => {
       v.value[Q.scrollReference] = Q.positionPercentage * v.value[Q.scrollSize] / 100;
     }, I = (Q, Y) => {
       Q === "x" ? v.value.scrollBy({ left: Y, behavior: "smooth" }) : v.value.scrollBy({ top: Y, behavior: "smooth" }), D();
@@ -4267,20 +4275,20 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
           _: 3
         }, 8, ["class"]))
       ], 38),
-      Q.disableX ? k("", !0) : (o(), V(Be, {
+      Q.disableX ? k("", !0) : (o(), V(Se, {
         key: 0,
-        move: f.value,
+        move: c.value,
         size: u.value,
         onMove: Y[0] || (Y[0] = (l1) => I("x", l1 * 40)),
-        onUpdate: S
+        onUpdate: B
       }, null, 8, ["move", "size"])),
-      Q.disableY ? k("", !0) : (o(), V(Be, {
+      Q.disableY ? k("", !0) : (o(), V(Se, {
         key: 1,
         vertical: "",
         move: h.value,
         size: C.value,
         onMove: Y[1] || (Y[1] = (l1) => I("y", l1 * 40)),
-        onUpdate: S
+        onUpdate: B
       }, null, 8, ["move", "size"]))
     ], 2));
   }
@@ -4352,7 +4360,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
           segment: a,
           active: l(a),
           size: s.size,
-          onClick: (f) => e("select", a)
+          onClick: (c) => e("select", a)
         }, null, 8, ["segment", "active", "size", "onClick"]))), 128))
       ]),
       _: 1
@@ -4389,7 +4397,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   emits: ["click", "delete", "focus", "hover"],
   setup(n, { emit: t }) {
     const e = t, l = O(() => n.variant === "checkbox" || n.variant === "single"), s = O(() => 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", l0, [
+    return (a, c) => (o(), i("li", l0, [
       (o(), V(D1(l.value ? "button" : "div"), {
         disabled: a.option.disabled,
         class: T(["w-full overflow-hidden rounded-lg flex items-center px-2 py-1 gap-2", {
@@ -4401,8 +4409,8 @@ const M2 = ["onKeydown"], Z2 = /* @__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: c[1] || (c[1] = (h) => e("hover", a.option)),
+        onFocus: c[2] || (c[2] = (h) => e("focus", a.option))
       }, {
         default: Z(() => [
           d("main", n0, [
@@ -4449,7 +4457,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
             small: "",
             icon: "close",
             variant: "text",
-            onClick: f[0] || (f[0] = (h) => e("delete"))
+            onClick: c[0] || (c[0] = (h) => e("delete"))
           })) : k("", !0)
         ]),
         _: 1
@@ -4667,15 +4675,15 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   },
   emits: ["escape", "selectQuery", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, { nextFrame: r } = ve(), a = y(null), f = y([]), h = y(""), m = y(), C = y(), u = y(), g = y(), c = y(), b = y(l.filters ? l.filters[0] : null), v = y(!1), L = y(!1), D = y(""), A = (z) => {
+    const l = n, s = e, { nextFrame: r } = ve(), a = y(null), c = y([]), h = y(""), m = y(), C = y(), u = y(), g = y(), f = y(), b = y(l.filters ? l.filters[0] : null), v = y(!1), L = y(!1), D = y(""), A = (z) => {
       if (!Array.isArray(z)) throw new Error("Item passed must be an Array");
       return z.length === 0 ? !1 : "options" in z[0];
-    }, H = O(() => A(l.options)), S = O(() => H.value ? l.options.flatMap((z) => z.options) : l.options), I = O(() => l.loading ? "loading" : l.errorMessage ? "error" : h.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), P = O(() => l.selected && "length" in l.selected), e1 = O(() => l.selected ? P.value ? l.selected.length : 1 : 0), u1 = O(() => l.selected ? b.value ? l.selected.length >= S.value.filter(b.value.execute).length : P.value ? l.selected.length === S.value.length : !1 : !1), Q = O(() => l.selected ? P.value ? !l.selected.length : !l.selected : !0);
+    }, H = O(() => A(l.options)), B = O(() => H.value ? l.options.flatMap((z) => z.options) : l.options), I = O(() => l.loading ? "loading" : l.errorMessage ? "error" : h.value.length && !c.value.length ? "no match" : c.value.length ? "match" : "idle"), P = O(() => l.selected && "length" in l.selected), e1 = O(() => l.selected ? P.value ? l.selected.length : 1 : 0), u1 = O(() => l.selected ? b.value ? l.selected.length >= B.value.filter(b.value.execute).length : P.value ? l.selected.length === B.value.length : !1 : !1), Q = O(() => l.selected ? P.value ? !l.selected.length : !l.selected : !0);
     r1(() => l.selected, (z) => {
       z && v.value && r(() => {
         if (u.value.update(), P.value && e1.value) {
-          const J = g.value[g.value.length - 1].$el, f1 = c.value.$el.querySelector(".scrollbar__wrap");
-          f1 && (at(f1, J), c.value.handleScroll());
+          const J = g.value[g.value.length - 1].$el, f1 = f.value.$el.querySelector(".scrollbar__wrap");
+          f1 && (at(f1, J), f.value.handleScroll());
         }
       });
     }), r1(() => l.options, (z) => {
@@ -4686,22 +4694,22 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
       });
     }), T1(() => m.value.removeEventListener("keydown", Y));
     const Y = (z) => {
-      z.key === "Enter" ? B() : z.key === "Escape" ? s("escape") : z.key === "ArrowDown" ? x("next") : z.key === "ArrowUp" && x("prev");
+      z.key === "Enter" ? S() : z.key === "Escape" ? s("escape") : z.key === "ArrowDown" ? x("next") : z.key === "ArrowUp" && x("prev");
     }, l1 = (z) => {
       if (P.value) {
         const J = l.selected.map((f1) => f1.label).includes(z.label) ? [...l.selected.filter((f1) => f1.label !== z.label)] : [...l.selected, z];
         s("select", J);
       } else
         s("select", z);
-    }, B = () => {
+    }, S = () => {
       a.value ? l1(a.value) : h.value.length && s("selectQuery", h.value);
     }, R = (z) => l.selected ? P.value ? l.selected.some((J) => J[l.identifier] === z[l.identifier]) : z[l.identifier] === l.selected[l.identifier] : !1, G = async (z) => {
       h.value = z, a.value = null, l.searchFunction && await l.searchFunction(z);
-    }, S1 = l.searchDebounce ? oe(G, l.searchDebounce) : G, g1 = (z) => {
+    }, B1 = l.searchDebounce ? oe(G, l.searchDebounce) : G, g1 = (z) => {
       var J;
       if (H.value) {
         const f1 = z;
-        f.value = f1.map(($1) => {
+        c.value = f1.map(($1) => {
           var He;
           return {
             ...$1,
@@ -4710,29 +4718,29 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
         });
       } else {
         const f1 = z;
-        f.value = b.value ? f1.filter((J = b.value) == null ? void 0 : J.execute) : f1;
+        c.value = b.value ? f1.filter((J = b.value) == null ? void 0 : J.execute) : f1;
       }
     }, N = (z) => {
       b.value = z, g1(l.options);
     }, W = () => {
       if (!P.value) throw new Error('[SelectList@onToggleAll] method should not be called when "isMultiselect=false"');
-      e1.value === 0 || e1.value && !u1.value ? s("select", b.value ? S.value.filter(b.value.execute) : S.value) : s("select", []);
-    }, s1 = (z) => a.value = S.value.find((J) => J[l.identifier] === z[l.identifier]) || null, v1 = O(() => {
-      const z = Array.isArray(f.value) && f.value.length > 0 && "options" in f.value[0] ? f.value.flatMap((J) => J.options) : f.value;
+      e1.value === 0 || e1.value && !u1.value ? s("select", b.value ? B.value.filter(b.value.execute) : B.value) : s("select", []);
+    }, s1 = (z) => a.value = B.value.find((J) => J[l.identifier] === z[l.identifier]) || null, v1 = O(() => {
+      const z = Array.isArray(c.value) && c.value.length > 0 && "options" in c.value[0] ? c.value.flatMap((J) => J.options) : c.value;
       return z.length > 0 && z.every((J) => !!J.disabled);
     }), x = async (z) => {
-      if (f.value.length === 0) return;
-      let J = S.value.findIndex((f1) => {
+      if (c.value.length === 0) return;
+      let J = B.value.findIndex((f1) => {
         var $1;
         return f1.label === (($1 = a.value) == null ? void 0 : $1.label);
       });
-      v1.value || (z === "next" ? (J++, J === f.value.length && (J = 0)) : z === "prev" && (J--, J < 0 && (J = f.value.length - 1)), a.value = S.value[J], a.value.disabled === !0 && x(z), await V1(), a.value && U(a.value));
+      v1.value || (z === "next" ? (J++, J === c.value.length && (J = 0)) : z === "prev" && (J--, J < 0 && (J = c.value.length - 1)), a.value = B.value[J], a.value.disabled === !0 && x(z), await V1(), a.value && U(a.value));
     }, U = (z) => {
       if (!C.value.children.length) return;
       const J = null;
       u.value;
     }, q = () => {
-      v.value = !v.value, c.value.update();
+      v.value = !v.value, f.value.update();
     }, d1 = O(() => v.value && L.value ? D.value : "border-transparent"), k1 = (z) => {
       z.hit ? z.edge === "bottom" && z.hit ? D.value = "border-b-transparent border-t-outline-subtle shadow-scroll-top" : z.edge === "top" && z.hit && (D.value = "border-t-transparent border-b-outline-subtle shadow-scroll-bottom") : D.value = "border-y-outline-subtle shadow-scroll-y";
     }, L1 = (z) => {
@@ -4763,7 +4771,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
             clearable: "",
             value: h.value,
             placeholder: z.placeholder,
-            onChange: p(S1),
+            onChange: p(B1),
             onClear: J[0] || (J[0] = (f1) => G(""))
           }, null, 8, ["value", "placeholder", "onChange"])
         ])) : k("", !0),
@@ -4811,7 +4819,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
               }])
             }, [
               E(z.$slots, "options", {
-                options: f.value,
+                options: c.value,
                 hover: s1,
                 hoveredOption: a.value,
                 select: l1,
@@ -4837,7 +4845,7 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
           ]),
           w(p(X1), {
             ref_key: "selectionScrollbarRef",
-            ref: c,
+            ref: f,
             show: "",
             tag: "ul",
             class: T(["border-y", d1.value]),
@@ -4876,10 +4884,10 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   },
   emits: ["close", "open"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = R1(), r = y(!1), a = y(), f = O(() => {
-      var c;
-      return (c = a.value) == null ? void 0 : c.$el;
-    }), { trapFocus: h, releaseFocus: m } = j1(f, !0);
+    const l = e, s = R1(), r = y(!1), a = y(), c = O(() => {
+      var f;
+      return (f = a.value) == null ? void 0 : f.$el;
+    }), { trapFocus: h, releaseFocus: m } = j1(c, !0);
     a1(() => r.value = !0);
     const C = () => {
       m(), r.value = !1;
@@ -4890,10 +4898,10 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
     const g = () => {
       h(), l("open");
     };
-    return t({ close: C }), (c, b) => (o(), V(U1, { to: c.target }, [
+    return t({ close: C }), (f, b) => (o(), V(U1, { to: f.target }, [
       w(p(he), {
         show: r.value,
-        type: c.overlayType,
+        type: f.overlayType,
         class: "p-4",
         onClick: u,
         onClose: b[0] || (b[0] = (v) => l("close"))
@@ -4901,51 +4909,51 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
         default: Z(() => [
           w(ue, {
             "enter-active-class": "transform transition ease-in-out duration-500",
-            "enter-from-class": c.placement === "right" ? "translate-x-full" : "-translate-x-full",
+            "enter-from-class": f.placement === "right" ? "translate-x-full" : "-translate-x-full",
             "enter-to-class": "",
             "leave-active-class": "transform transition ease-in-out duration-300",
             "leave-class": "translate-x-0",
-            "leave-to-class": c.placement === "right" ? "translate-x-full" : "-translate-x-full",
+            "leave-to-class": f.placement === "right" ? "translate-x-full" : "-translate-x-full",
             onAfterEnter: g
           }, {
             default: Z(() => [
               W1(w(p(ge), {
                 ref_key: "windowRef",
                 ref: a,
-                class: T(["flex flex-col overflow-hidden w-full h-full focus:outline-hidden", [c.widthClass, {
+                class: T(["flex flex-col overflow-hidden w-full h-full focus:outline-hidden", [f.widthClass, {
                   "py-4": !p(s).default,
-                  "ml-auto": c.placement === "right",
-                  "mr-auto": c.placement === "left"
+                  "ml-auto": f.placement === "right",
+                  "mr-auto": f.placement === "left"
                 }]]),
                 style: { "pointer-events": "auto" }
               }, {
                 default: Z(() => [
-                  c.$slots.default ? E(c.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Re({
+                  f.$slots.default ? E(f.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Re({
                     main: Z(() => [
                       d("main", H0, [
-                        E(c.$slots, "main", { close: C })
+                        E(f.$slots, "main", { close: C })
                       ])
                     ]),
                     footer: Z(() => [
                       d("footer", V0, [
-                        E(c.$slots, "footer", { close: C })
+                        E(f.$slots, "footer", { close: C })
                       ])
                     ]),
                     _: 2
                   }, [
-                    c.title || c.$slots.header ? {
+                    f.title || f.$slots.header ? {
                       name: "header",
                       fn: Z(() => [
-                        c.title ? (o(), i("header", y0, [
-                          d("h4", null, K(c.title), 1),
-                          c.closeable ? (o(), V(p(j), {
+                        f.title ? (o(), i("header", y0, [
+                          d("h4", null, K(f.title), 1),
+                          f.closeable ? (o(), V(p(j), {
                             key: 0,
                             small: "",
                             icon: "close",
                             variant: "textSubtle",
                             onClick: u
                           })) : k("", !0)
-                        ])) : E(c.$slots, "header", {
+                        ])) : E(f.$slots, "header", {
                           key: 1,
                           close: C
                         })
@@ -5015,68 +5023,68 @@ const M2 = ["onKeydown"], Z2 = /* @__PURE__ */ $({
   }
 });
 function k0(n, t) {
-  const e = y(), l = y([]), s = y(), r = y([]), a = y([]), f = y(/* @__PURE__ */ new Map()), h = y(0);
+  const e = y(), l = y([]), s = y(), r = y([]), a = y([]), c = y(/* @__PURE__ */ new Map()), h = y(0);
   function m() {
     if (!e.value) return;
     const g = n();
     l.value.forEach((I, P) => {
-      I && r.value[P] && f.value.set(r.value[P], I.offsetWidth);
+      I && r.value[P] && c.value.set(r.value[P], I.offsetWidth);
     }), r.value.length === 0 && l.value.forEach((I, P) => {
-      I && g[P] && f.value.set(g[P].id, I.offsetWidth);
+      I && g[P] && c.value.set(g[P].id, I.offsetWidth);
     }), s.value && (h.value = s.value.offsetWidth);
-    const c = e.value.clientWidth, b = g.map((I) => f.value.get(I.id) ?? 0), v = h.value;
+    const f = e.value.clientWidth, b = g.map((I) => c.value.get(I.id) ?? 0), v = h.value;
     let L = 0, D = n().length;
     for (let I = 0; I < b.length; I++) {
       const e1 = b.length - I - 1 > 0;
-      if (L + b[I] + (e1 ? v : 0) > c) {
+      if (L + b[I] + (e1 ? v : 0) > f) {
         D = I;
         break;
       }
       L += b[I];
     }
-    const A = n().slice(0, D).map((I) => I.id), H = n().slice(D).map((I) => I.id), S = t();
-    if (H.includes(S)) {
-      const I = H.indexOf(S);
+    const A = n().slice(0, D).map((I) => I.id), H = n().slice(D).map((I) => I.id), B = t();
+    if (H.includes(B)) {
+      const I = H.indexOf(B);
       H.splice(I, 1);
       const P = A.pop();
-      P && H.unshift(P), A.push(S);
+      P && H.unshift(P), A.push(B);
     }
     r.value = A, a.value = H;
   }
   r1(t, (g) => {
     if (!a.value.includes(g)) return;
-    const c = [...r.value], b = [...a.value];
+    const f = [...r.value], b = [...a.value];
     b.splice(b.indexOf(g), 1);
-    const v = c.pop();
-    v && b.unshift(v), c.push(g), r.value = c, a.value = b;
+    const v = f.pop();
+    v && b.unshift(v), f.push(g), r.value = f, a.value = b;
   }), a1(async () => {
     await V1(), m(), new ResizeObserver(m).observe(e.value);
   });
   function C(g) {
-    const c = n().findIndex((v) => v.id === g), b = l.value[c];
+    const f = n().findIndex((v) => v.id === g), b = l.value[f];
     b == null || b.focus();
   }
   function u(g) {
-    const c = n().map((D) => D.id), b = c.indexOf(t());
+    const f = n().map((D) => D.id), b = f.indexOf(t());
     let v = b;
     switch (g.key) {
       case "ArrowRight":
-        v = (b + 1) % c.length;
+        v = (b + 1) % f.length;
         break;
       case "ArrowLeft":
-        v = (b - 1 + c.length) % c.length;
+        v = (b - 1 + f.length) % f.length;
         break;
       case "Home":
         v = 0;
         break;
       case "End":
-        v = c.length - 1;
+        v = f.length - 1;
         break;
       default:
         return;
     }
     g.preventDefault();
-    const L = c[v];
+    const L = f[v];
     C(L);
   }
   return {
@@ -5097,28 +5105,28 @@ const w0 = /* @__PURE__ */ $({
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, { containerRef: s, tabRefs: r, overflowTriggerRef: a, visibleIds: f, overflowIds: h, onKeydown: m } = k0(
+    const e = n, l = t, { containerRef: s, tabRefs: r, overflowTriggerRef: a, visibleIds: c, overflowIds: h, onKeydown: m } = k0(
       () => e.tabs,
       () => e.selectedTabId
-    ), C = (c, b) => {
-      b && (r.value[c] = b);
-    }, u = O(() => e.tabs.filter((c) => f.value.includes(c.id))), g = O(() => e.tabs.filter((c) => h.value.includes(c.id)));
-    return (c, b) => (o(), i("div", {
+    ), C = (f, b) => {
+      b && (r.value[f] = b);
+    }, u = O(() => e.tabs.filter((f) => c.value.includes(f.id))), g = O(() => e.tabs.filter((f) => h.value.includes(f.id)));
+    return (f, b) => (o(), i("div", {
       ref_key: "containerRef",
       ref: s,
       class: "flex w-full overflow-hidden",
       role: "tablist",
       "aria-orientation": "horizontal"
     }, [
-      (o(!0), i(M, null, m1(u.value, (v, L) => E(c.$slots, "tab", {
+      (o(!0), i(M, null, m1(u.value, (v, L) => E(f.$slots, "tab", {
         key: v.id,
         tab: v,
-        selected: v.id === c.selectedTabId,
+        selected: v.id === f.selectedTabId,
         attrs: {
           id: `tab-${v.id}`,
           role: "tab",
-          tabindex: v.id === c.selectedTabId ? 0 : -1,
-          "aria-selected": v.id === c.selectedTabId,
+          tabindex: v.id === f.selectedTabId ? 0 : -1,
+          "aria-selected": v.id === f.selectedTabId,
           "aria-controls": `panel-${v.id}`,
           onKeydown: p(m),
           ref: (D) => C(L, D)
@@ -5131,7 +5139,7 @@ const w0 = /* @__PURE__ */ $({
         ref: a,
         class: "inline-flex"
       }, [
-        E(c.$slots, "overflow-trigger", {
+        E(f.$slots, "overflow-trigger", {
           count: g.value.length,
           tabs: g.value,
           select: (v) => l("select", v)
@@ -5139,7 +5147,7 @@ const w0 = /* @__PURE__ */ $({
       ], 512)) : k("", !0)
     ], 512));
   }
-}), M0 = { class: "border-b border-default gap-0" }, Z0 = { class: "-mx-2 -mb-px" }, $0 = { class: "group flex flex-col justify-center gap-1" }, D0 = ["onClick"], T0 = { class: "relative text-xs font-medium truncate" }, S0 = { class: "flex w-full h-px px-2" }, B0 = { class: "group -mb-px flex flex-col justify-center gap-1" }, z0 = { class: "relative text-xs font-medium truncate" }, Qs = /* @__PURE__ */ $({
+}), M0 = { class: "border-b border-default gap-0" }, Z0 = { class: "-mx-2 -mb-px" }, $0 = { class: "group flex flex-col justify-center gap-1" }, D0 = ["onClick"], T0 = { class: "relative text-xs font-medium truncate" }, B0 = { class: "flex w-full h-px px-2" }, S0 = { class: "group -mb-px flex flex-col justify-center gap-1" }, z0 = { class: "relative text-xs font-medium truncate" }, Qs = /* @__PURE__ */ $({
   __name: "Example",
   setup(n) {
     const t = [
@@ -5176,9 +5184,9 @@ const w0 = /* @__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: c, select: h }) => [
             d("div", $0, [
-              d("button", wt(f, {
+              d("button", wt(c, {
                 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
@@ -5190,7 +5198,7 @@ const w0 = /* @__PURE__ */ $({
                 }, null, 8, ["name"]),
                 d("span", T0, K(r.label), 1)
               ], 16, D0),
-              d("div", S0, [
+              d("div", B0, [
                 d("div", {
                   class: T(["flex w-full h-full border-b", {
                     "border-action": a,
@@ -5200,13 +5208,13 @@ const w0 = /* @__PURE__ */ $({
               ])
             ])
           ]),
-          "overflow-trigger": Z(({ count: r, tabs: a, select: f }) => [
+          "overflow-trigger": Z(({ count: r, tabs: a, select: c }) => [
             w(p(E1), {
               trigger: "click",
               placement: "bottom-end"
             }, {
               default: Z(({ visible: h }) => [
-                d("div", B0, [
+                d("div", S0, [
                   d("button", {
                     class: T(["flex items-center gap-1 h-6 px-2 rounded-lg cursor-pointer", {
                       "text-action border-action bg-tertiary": h,
@@ -5233,7 +5241,7 @@ const w0 = /* @__PURE__ */ $({
                       variant: "single",
                       selected: !1,
                       onClick: (C) => {
-                        f(m.id), h();
+                        c(m.id), h();
                       }
                     }, null, 8, ["option", "onClick"]))), 128))
                   ]),
@@ -5269,7 +5277,7 @@ const w0 = /* @__PURE__ */ $({
     const e = n, l = t, s = y(), r = () => {
       s.value.blur(), l("select", e.name);
     };
-    return (a, f) => (o(), i("button", {
+    return (a, c) => (o(), i("button", {
       ref_key: "tabRef",
       ref: s,
       disabled: a.disabled,
@@ -5431,14 +5439,14 @@ const w0 = /* @__PURE__ */ $({
   },
   emits: ["update:entries", "raw-input-parsed", "enter-key-up"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = y(), r = y(""), a = y([]), f = (b) => {
+    const l = e, s = y(), r = y(""), a = y([]), c = (b) => {
       a.value = [...a.value, ...C(b)], l("update:entries", a.value);
     }, h = (b) => {
       a.value = [...C(b)], l("update:entries", a.value);
     }, m = (b) => {
       b.target && (r.value = b.target.value, b.data === "," || r.value.includes(",") ? (a.value = [...a.value, ...C(r.value)], r.value = "", l("update:entries", a.value), l("raw-input-parsed", null)) : l("raw-input-parsed", C(r.value)[0]));
     }, C = (b) => b.trim().split(",").filter((v) => v.length).map((v, L) => {
-      const D = v.trim(), A = [...n.validators].reduce((H, S, I, P) => (S.validate(D) || (H = S.errorMessage(D), P.splice(1)), H), null);
+      const D = v.trim(), A = [...n.validators].reduce((H, B, I, P) => (B.validate(D) || (H = B.errorMessage(D), P.splice(1)), H), null);
       return {
         id: L + D + Date.now(),
         value: D,
@@ -5454,7 +5462,7 @@ const w0 = /* @__PURE__ */ $({
     };
     return t({ clear: () => {
       a.value = [], r.value = "", l("update:entries", a.value);
-    }, importEntries: f, inputElement: s, replaceEntries: h }), (b, v) => (o(), V(p(o1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
+    }, importEntries: c, inputElement: s, replaceEntries: h }), (b, v) => (o(), V(p(o1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
       default: Z(() => [
         (o(!0), i(M, null, m1(a.value, (L) => (o(), V(p(x0), {
           key: L.id,
@@ -5590,26 +5598,26 @@ const _s = /* @__PURE__ */ Z1(N0, [["render", W0]]), ze = Fe.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 c = r;
+  for (; c < s.length && /\w/.test(s[c]); )
+    c++;
+  return s.slice(a + 1, c) || null;
 }, j0 = Fe.create({
   name: "pasteImage",
   addProseMirrorPlugins() {
     return [
-      new Bt({
+      new St({
         key: new zt("pasteImage"),
         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((c) => c.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 c = r.result, { tr: h } = n.state, m = n.state.schema.nodes.image.create({ src: c });
               n.dispatch(h.replaceSelectionWith(m));
             }, r.readAsDataURL(s), !0;
           }
@@ -5623,19 +5631,19 @@ const _s = /* @__PURE__ */ Z1(N0, [["render", W0]]), ze = Fe.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 c = a - 1;
+  for (; c >= 0 && /\w/.test(r[c]); )
+    c--;
   let h = a;
   for (; h < r.length && /\w/.test(r[h]); )
     h++;
-  const m = f + 1, C = h;
+  const m = c + 1, C = h;
   n.chain().focus().command(({ tr: u }) => (u.insertText(t, m, C), !0)).run();
 };
 function Q0(n, t, e) {
   const l = y(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, c, h;
+    const r = ((h = (c = (a = n.value) == null ? void 0 : a.storage) == null ? void 0 : c[t]) == null ? void 0 : h[e]) ?? null;
     l.value !== r && (l.value = r);
   };
   return a1(() => {
@@ -5653,16 +5661,16 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
   },
   emits: ["cancel", "inserted", "updateTargets"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = y(), r = y(), a = y(""), f = (H) => a.value = H, h = () => {
+    const e = n, l = t, s = y(), r = y(), a = y(""), c = (H) => a.value = H, h = () => {
       var H;
-      c.value ? A() : (H = C.value) == null || H.focus();
+      f.value ? A() : (H = C.value) == null || H.focus();
     }, m = y(""), C = y(), u = (H) => m.value = H, g = () => {
-      c.value && A();
-    }, c = O(() => {
-      var H, S;
-      return !m.value || !a.value ? !1 : ((H = m.value) == null ? void 0 : H.trim().length) > 0 && ((S = a.value) == null ? void 0 : S.trim().length) > 0;
-    }), b = y(!1), v = ([H, S]) => {
-      var l1, B;
+      f.value && A();
+    }, f = O(() => {
+      var H, B;
+      return !m.value || !a.value ? !1 : ((H = m.value) == null ? void 0 : H.trim().length) > 0 && ((B = a.value) == null ? void 0 : B.trim().length) > 0;
+    }), b = y(!1), v = ([H, B]) => {
+      var l1, S;
       const { state: I, view: P } = e.editor, { empty: e1, from: u1 } = I.selection, Y = I.doc.resolve(u1).marks().find((R) => R.type.name === "link");
       if (Y)
         m.value = Y.attrs.href;
@@ -5672,7 +5680,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
         const { from: R, to: G } = P.state.selection;
         a.value = I.doc.textBetween(R, G, "");
       }
-      a.value.trim().length ? (l1 = C.value) == null || l1.focus() : (B = r.value) == null || B.focus(), l("updateTargets", [S]);
+      a.value.trim().length ? (l1 = C.value) == null || l1.focus() : (S = r.value) == null || S.focus(), l("updateTargets", [B]);
     }, L = () => l("updateTargets", []), D = () => {
       m.value = "", a.value = "";
     }, A = () => {
@@ -5681,14 +5689,14 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
         if (e.editor.chain().focus().extendMarkRange("link").setLink({ href: m.value }).run(), b.value)
           K0(e.editor, a.value);
         else {
-          const S = e.editor.state.tr.insertText(a.value);
-          e.editor.view.dispatch(S);
+          const B = e.editor.state.tr.insertText(a.value);
+          e.editor.view.dispatch(B);
         }
         l("inserted");
       }
       (H = s.value) == null || H.close(), D();
     };
-    return (H, S) => (o(), V(p(E1), {
+    return (H, B) => (o(), V(p(E1), {
       ref_key: "popperRef",
       ref: s,
       placement: "top",
@@ -5705,9 +5713,9 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
       content: Z(({ close: I }) => [
         w(p(O1), { class: "p-4 flex flex-col gap-4" }, {
           default: Z(() => [
-            S[2] || (S[2] = d("p", { class: "text-sm" }, " Insert link ", -1)),
+            B[2] || (B[2] = d("p", { class: "text-sm" }, " Insert link ", -1)),
             d("section", q0, [
-              S[0] || (S[0] = d("div", {
+              B[0] || (B[0] = d("div", {
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
               }, " Text to display ", -1)),
@@ -5716,12 +5724,12 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                 ref: r,
                 placeholder: "Text to display",
                 value: a.value,
-                onChange: f,
+                onChange: c,
                 onEnter: h
               }, null, 8, ["value"])
             ]),
             d("section", X0, [
-              S[1] || (S[1] = d("div", {
+              B[1] || (B[1] = d("div", {
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
               }, " Address ", -1)),
@@ -5738,7 +5746,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
               "fill-container": "",
               order: "confirm-last",
               "confirm-label": "Insert",
-              "confirm-disabled": !c.value,
+              "confirm-disabled": !f.value,
               onConfirm: A,
               onCancel: (P) => {
                 D(), I();
@@ -5758,8 +5766,8 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
   },
   setup(n) {
     const t = y(), e = (s) => {
-      var f;
-      const r = (f = s.target.files) == null ? void 0 : f[0];
+      var c;
+      const r = (c = s.target.files) == null ? void 0 : c[0];
       if (!r) return;
       const a = new FileReader();
       a.onload = () => {
@@ -5805,23 +5813,23 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
   },
   emits: ["cancel", "inserted"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = y(null), r = y(null), a = y(), f = () => {
+    const e = n, l = t, s = y(null), r = y(null), a = y(), c = () => {
       s.value = e.editor.getAttributes("link").href;
       const { view: u, state: g } = e.editor;
       if (s.value) {
-        const c = u.state.selection.ranges[0].$from.parent.content.content.filter(
+        const f = u.state.selection.ranges[0].$from.parent.content.content.filter(
           (b) => b.marks.length > 0 && b.marks[0].attrs.href === s.value
         );
-        r.value = c[0].text;
+        r.value = f[0].text;
       } else {
-        const { from: c, to: b } = u.state.selection;
-        r.value = g.doc.textBetween(c, b, "");
+        const { from: f, to: b } = u.state.selection;
+        r.value = g.doc.textBetween(f, b, "");
       }
     };
-    A1(() => f()), a1(() => a.value.focus());
+    A1(() => c()), a1(() => a.value.focus());
     const h = (u) => s.value = u, m = (u) => r.value = u, 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();
+        e.editor.chain().focus().extendMarkRange("link").setLink({ href: s.value, target: "_blank" }).run();
         const u = e.editor.state.tr.insertText(r.value);
         e.editor.view.dispatch(u), l("inserted");
       }
@@ -5850,7 +5858,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
         w(p(Y1), {
           "confirm-label": "Insert",
           onConfirm: C,
-          onCancel: g[0] || (g[0] = (c) => l("cancel"))
+          onCancel: g[0] || (g[0] = (f) => l("cancel"))
         })
       ]),
       _: 1
@@ -5864,7 +5872,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
     a1(() => s.value.focus());
     const r = () => {
       e("cancel"), l.value = null;
-    }, a = (h) => l.value = h, f = () => {
+    }, a = (h) => l.value = h, c = () => {
       e("insert", l.value), l.value = null;
     };
     return (h, m) => (o(), V(it, null, {
@@ -5882,7 +5890,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
         d("div", lo, [
           w(p(Y1), {
             "confirm-label": "Insert",
-            onConfirm: f,
+            onConfirm: c,
             onCancel: r
           })
         ])
@@ -5920,7 +5928,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
   },
   emits: ["blur", "change", "focus"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = y(!1), a = y(!1), f = y(!1), h = y(!1), m = y(), { disableClickOutside: C, enableClickOutside: u } = ce(() => a.value = !1), g = Je({
+    const l = n, s = e, r = y(!1), a = y(!1), c = y(!1), h = y(!1), m = y(), { disableClickOutside: C, enableClickOutside: u } = ce(() => a.value = !1), g = Je({
       content: l.content,
       extensions: [
         Ne,
@@ -5943,7 +5951,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
       onCreate: () => {
         m.value && u([m.value]);
       },
-      onUpdate: ({ editor: B }) => s("change", B.getHTML()),
+      onUpdate: ({ editor: S }) => s("change", S.getHTML()),
       onFocus: () => {
         r.value = a.value = !0, s("focus");
       },
@@ -5952,23 +5960,23 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
       }
     });
     T1(() => C());
-    const c = O(() => l.showMenu !== void 0 ? l.showMenu : a.value || !l.autoHideMenu), b = O(() => a.value ? "bg-1 border-b border-default opacity-100" : "bg-2 border-b border-subtle opacity-50"), v = O(() => a.value ? "bg-2 border-t border-default opacity-100" : "bg-2 border-t border-subtle opacity-50"), L = ["start", "end", "all"], D = (B) => {
+    const f = O(() => l.showMenu !== void 0 ? l.showMenu : a.value || !l.autoHideMenu), b = O(() => a.value ? "bg-1 border-b border-default opacity-100" : "bg-2 border-b border-subtle opacity-50"), v = O(() => a.value ? "bg-2 border-t border-default opacity-100" : "bg-2 border-t border-subtle opacity-50"), L = ["start", "end", "all"], D = (S) => {
       var G;
-      const R = L.includes(B) ? B : "end";
+      const R = L.includes(S) ? S : "end";
       (G = g.value) == null || G.commands.focus(R);
     }, A = () => {
-      var B;
-      (B = g.value) == null || B.commands.blur(), a.value = !1;
-    }, H = () => h.value = !1, S = () => a.value = !0, I = () => h.value = !1, P = (B) => {
+      var S;
+      (S = g.value) == null || S.commands.blur(), a.value = !1;
+    }, H = () => h.value = !1, B = () => a.value = !0, I = () => h.value = !1, P = (S) => {
       var R;
-      return (R = g.value) == null ? void 0 : R.commands.insertContent(B);
-    }, e1 = (B) => {
-      P(B), f.value = !1;
-    }, u1 = () => h.value = !0, Q = () => f.value = !0;
-    return t({ blur: A, closeInsert: () => f.value = !1, focus: D, setContent: (B) => {
+      return (R = g.value) == null ? void 0 : R.commands.insertContent(S);
+    }, e1 = (S) => {
+      P(S), c.value = !1;
+    }, u1 = () => h.value = !0, Q = () => c.value = !0;
+    return t({ blur: A, closeInsert: () => c.value = !1, focus: D, setContent: (S) => {
       var R;
-      return (R = g.value) == null ? void 0 : R.commands.setContent(B);
-    } }), (B, R) => p(g) ? (o(), i("section", {
+      return (R = g.value) == null ? void 0 : R.commands.setContent(S);
+    } }), (S, R) => p(g) ? (o(), i("section", {
       key: 0,
       ref_key: "editorRef",
       ref: m,
@@ -5978,25 +5986,25 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
         col: "",
         align: "stretch",
         class: T(["relative rounded-lg font-normal focus-within:border-default", {
-          border: !B.embedded,
-          "flex-1 min-h-0": B.expandVertically,
+          border: !S.embedded,
+          "flex-1 min-h-0": S.expandVertically,
           "shadow-sm-outline border-action": a.value,
-          "border-transparent": !a.value && B.embedded,
-          "border-subtle": !a.value && !B.embedded
+          "border-transparent": !a.value && S.embedded,
+          "border-subtle": !a.value && !S.embedded
         }])
       }, {
         default: Z(() => [
-          B.headerLabel || B.headerIcon ? (o(), V(p(o1), {
+          S.headerLabel || S.headerIcon ? (o(), V(p(o1), {
             key: 0,
             tag: "header",
             class: T(["flex-0 h-10 px-3 gap-2 text-sm text-primary rounded-t-lg overflow-hidden", b.value])
           }, {
             default: Z(() => [
-              B.headerIcon ? (o(), V(p(t1), {
+              S.headerIcon ? (o(), V(p(t1), {
                 key: 0,
-                name: B.headerIcon
+                name: S.headerIcon
               }, null, 8, ["name"])) : k("", !0),
-              B.headerLabel ? (o(), i("span", oo, K(B.headerLabel), 1)) : k("", !0)
+              S.headerLabel ? (o(), i("span", oo, K(S.headerLabel), 1)) : k("", !0)
             ]),
             _: 1
           }, 8, ["class"])) : k("", !0),
@@ -6008,15 +6016,15 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
             default: Z(() => [
               w(p(_e), {
                 class: T(["flex-1 overflow-y-auto rounded-t-lg focus:outline-hidden", {
-                  [B.editorContentClasses]: !a.value,
-                  [B.editorContentFocusClasses]: a.value
+                  [S.editorContentClasses]: !a.value,
+                  [S.editorContentFocusClasses]: a.value
                 }]),
                 editor: p(g)
               }, null, 8, ["class", "editor"])
             ]),
             _: 1
           }),
-          c.value ? (o(), i("nav", {
+          f.value ? (o(), i("nav", {
             key: 1,
             class: T(["flex-0 min-h-0 p-1 rounded-b-lg overflow-hidden", v.value])
           }, [
@@ -6029,24 +6037,24 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                         icon: "undo",
                         tooltip: "Undo",
                         onClick: R[0] || (R[0] = (G) => {
-                          p(g).chain().focus().undo().run(), S();
+                          p(g).chain().focus().undo().run(), B();
                         })
                       }),
                       w(c1, {
                         icon: "redo",
                         tooltip: "Redo",
                         onClick: R[1] || (R[1] = (G) => {
-                          p(g).chain().focus().redo().run(), S();
+                          p(g).chain().focus().redo().run(), B();
                         })
                       })
                     ], 64)) : k("", !0),
-                    B.emphasis ? (o(), i(M, { key: 1 }, [
+                    S.emphasis ? (o(), i(M, { key: 1 }, [
                       w(c1, {
                         icon: "bold",
                         tooltip: "Bold",
                         active: p(g).isActive("bold"),
                         onClick: R[2] || (R[2] = (G) => {
-                          p(g).chain().focus().toggleBold().run(), S();
+                          p(g).chain().focus().toggleBold().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
@@ -6054,7 +6062,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                         tooltip: "Italic",
                         active: p(g).isActive("italic"),
                         onClick: R[3] || (R[3] = (G) => {
-                          p(g).chain().focus().toggleItalic().run(), S();
+                          p(g).chain().focus().toggleItalic().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
@@ -6062,7 +6070,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                         tooltip: "Underline",
                         active: p(g).isActive("underline"),
                         onClick: R[4] || (R[4] = (G) => {
-                          p(g).chain().focus().toggleUnderline().run(), S();
+                          p(g).chain().focus().toggleUnderline().run(), B();
                         })
                       }, null, 8, ["active"])
                     ], 64)) : k("", !0),
@@ -6072,7 +6080,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                       tooltip: "Yellow highlight",
                       active: p(g).isActive("highlight"),
                       onClick: R[5] || (R[5] = (G) => {
-                        p(g).chain().focus().toggleHighlight().run(), S();
+                        p(g).chain().focus().toggleHighlight().run(), B();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     p(se) ? (o(), V(c1, {
@@ -6081,7 +6089,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                       tooltip: "Heading",
                       active: p(g).isActive("heading", { level: 1 }),
                       onClick: R[6] || (R[6] = (G) => {
-                        p(g).chain().focus().toggleHeading({ level: 1 }).run(), S();
+                        p(g).chain().focus().toggleHeading({ level: 1 }).run(), B();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     p(ie) ? (o(), V(c1, {
@@ -6090,16 +6098,16 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                       tooltip: "Add link",
                       active: p(g).isActive("link"),
                       onClick: R[7] || (R[7] = (G) => {
-                        u1(), S();
+                        u1(), B();
                       })
                     }, null, 8, ["active"])) : k("", !0),
-                    B.listStyles ? (o(), i(M, { key: 5 }, [
+                    S.listStyles ? (o(), i(M, { key: 5 }, [
                       w(c1, {
                         icon: "bullet-list",
                         tooltip: "Bullet list",
                         active: p(g).isActive("bulletList"),
                         onClick: R[8] || (R[8] = (G) => {
-                          p(g).chain().focus().toggleBulletList().run(), S();
+                          p(g).chain().focus().toggleBulletList().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
@@ -6107,7 +6115,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                         tooltip: "Numbered list",
                         active: p(g).isActive("orderedList"),
                         onClick: R[9] || (R[9] = (G) => {
-                          p(g).chain().focus().toggleOrderedList().run(), S();
+                          p(g).chain().focus().toggleOrderedList().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
@@ -6115,7 +6123,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                         tooltip: "Indent right",
                         disabled: !p(g).can().sinkListItem("listItem"),
                         onClick: R[10] || (R[10] = (G) => {
-                          p(g).chain().focus().sinkListItem("listItem").run(), S();
+                          p(g).chain().focus().sinkListItem("listItem").run(), B();
                         })
                       }, null, 8, ["disabled"]),
                       w(c1, {
@@ -6123,25 +6131,25 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
                         tooltip: "Indent left",
                         disabled: !p(g).can().liftListItem("listItem"),
                         onClick: R[11] || (R[11] = (G) => {
-                          p(g).chain().focus().liftListItem("listItem").run(), S();
+                          p(g).chain().focus().liftListItem("listItem").run(), B();
                         })
                       }, null, 8, ["disabled"])
                     ], 64)) : k("", !0),
-                    B.insert ? (o(), V(c1, {
+                    S.insert ? (o(), V(c1, {
                       key: 6,
                       highlight: "",
-                      icon: B.insertIcon,
-                      tooltip: B.insertTooltip,
+                      icon: S.insertIcon,
+                      tooltip: S.insertTooltip,
                       active: p(g).isActive("insert"),
                       onClick: R[12] || (R[12] = (G) => {
-                        Q(), S();
+                        Q(), B();
                       })
                     }, null, 8, ["icon", "tooltip", "active"])) : k("", !0)
                   ]),
                   _: 1
                 }),
-                B.$slots.menuRight ? (o(), i("div", so, [
-                  E(B.$slots, "menuRight")
+                S.$slots.menuRight ? (o(), i("div", so, [
+                  E(S.$slots, "menuRight")
                 ])) : k("", !0)
               ]),
               _: 3
@@ -6153,11 +6161,11 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
             onInserted: I,
             onCancel: H
           }, null, 8, ["editor"])) : k("", !0),
-          f.value ? (o(), i(M, { key: 3 }, [
-            B.$slots.insert ? E(B.$slots, "insert", { key: 0 }) : (o(), V(no, {
+          c.value ? (o(), i(M, { key: 3 }, [
+            S.$slots.insert ? E(S.$slots, "insert", { key: 0 }) : (o(), V(no, {
               key: 1,
               onInsert: e1,
-              onCancel: R[13] || (R[13] = (G) => f.value = !1)
+              onCancel: R[13] || (R[13] = (G) => c.value = !1)
             }))
           ], 64)) : k("", !0)
         ]),
@@ -6201,15 +6209,15 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__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 c = 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 = c.indexOf(h, C + 1), C !== -1 && m.push(C, C + h.length);
       while (C > -1);
       const u = [];
       let g = 0;
-      for (const c of m)
-        u.push(r.substring(g, c)), g = c;
+      for (const f of m)
+        u.push(r.substring(g, f)), g = f;
       return u.push(r.substring(m[m.length - 1], r.length)), u;
     };
     return A1(() => {
@@ -6222,10 +6230,10 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
     ), (r, a) => (o(), i("span", ao, [
       e.value.length === 0 ? (o(), i(M, { key: 0 }, [
         Oe(K(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, (c, h) => (o(), i(M, {
+        key: `${c}_${h}`
       }, [
-        r.highlight && f.toLowerCase() === r.highlight.toLowerCase() ? (o(), i("span", {
+        r.highlight && c.toLowerCase() === r.highlight.toLowerCase() ? (o(), i("span", {
           key: 0,
           class: T(["relative z-0 rounded", [
             {
@@ -6235,7 +6243,7 @@ const q0 = { class: "space-y-1" }, X0 = { class: "space-y-1" }, e4 = /* @__PURE_
             l.value,
             r.textColorClass
           ]])
-        }, K(f), 3)) : (o(), i("span", ro, K(f), 1))
+        }, K(c), 3)) : (o(), i("span", ro, K(c), 1))
       ], 64))), 128))
     ]));
   }
@@ -6304,13 +6312,14 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     }), r1(
       () => n.placeholder,
       (C) => {
-        var u, g;
-        (g = (u = r.value) == null ? void 0 : u.extensionManager.extensions.find((c) => c.name === "placeholder")) == null || g.options.configure({ placeholder: C });
+        var g, f;
+        const u = (g = r.value) == null ? void 0 : g.extensionManager.extensions.find((b) => b.name === "placeholder");
+        u && (u.options.placeholder = C, (f = r.value) == null || f.view.dispatch(r.value.state.tr));
       }
     );
-    const f = ["start", "end", "all"], h = (C) => {
+    const c = ["start", "end", "all"], h = (C) => {
       var g;
-      const u = f.includes(C) ? C : "end";
+      const u = c.includes(C) ? C : "end";
       (g = r.value) == null || g.commands.focus(u);
     };
     return t({
@@ -6380,7 +6389,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
           "dark:text-slate-200 dark:hover:text-slate-100 dark:focus-visible:text-slate-100 dark:active:text-white"
         ]
       ), C.filter((u) => u).join(" ");
-    }), f = O(() => l.disabled ? { background: "hsl(0 0% 90%)" } : {}), h = (C) => {
+    }), c = O(() => l.disabled ? { background: "hsl(0 0% 90%)" } : {}), h = (C) => {
       l.stopPropagation && C.stopPropagation(), l.disabled || s("click");
     };
     return t({ focus: () => r.value.focus() }), (C, u) => C.tooltip ? (o(), V(p(te), {
@@ -6396,7 +6405,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
           ref: r,
           class: T(["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: n1(f.value),
+          style: n1(c.value),
           onClick: h,
           onBlur: u[0] || (u[0] = (g) => s("blur"))
         }, [
@@ -6462,9 +6471,9 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
   treeIsOpen: s,
   actions: r
 }) => {
-  const a = /* @__PURE__ */ new Map(), f = n.find((u) => u[e] === null);
-  if (!f) throw new Error("Cannot construct tree, since no root item exists");
-  const h = n.filter((u) => u[t] !== f[t]);
+  const a = /* @__PURE__ */ new Map(), c = n.find((u) => u[e] === null);
+  if (!c) throw new Error("Cannot construct tree, since no root item exists");
+  const h = n.filter((u) => u[t] !== c[t]);
   for (const u of h)
     a.set(u[t], {
       id: u[t],
@@ -6475,10 +6484,10 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
       children: []
     });
   const m = {
-    id: f[t],
-    label: f[l],
+    id: c[t],
+    label: c[l],
     open: s,
-    data: f,
+    data: c,
     actions: r,
     children: []
   }, C = [m];
@@ -6486,10 +6495,10 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     const u = C.shift();
     if (!u) break;
     let g = !1;
-    for (let c = h.length - 1; c >= 0; c--)
-      if (h[c][e] === u.id) {
-        const b = a.get(h[c][t]);
-        b && ((u.children ?? (u.children = [])).push(b), C.push(b)), h.splice(c, 1), g = !0;
+    for (let f = h.length - 1; f >= 0; f--)
+      if (h[f][e] === u.id) {
+        const b = a.get(h[f][t]);
+        b && ((u.children ?? (u.children = [])).push(b), C.push(b)), h.splice(f, 1), g = !0;
       }
     if (C.length === 0 && !g && h.length > 0)
       throw new Error(
@@ -6511,7 +6520,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
       var C;
       a([s.value.$el]), (C = l.value) == null || C.focus();
     }), T1(() => r());
-    const f = (C) => {
+    const c = (C) => {
       C.target && e("change", C.target.value);
     }, h = (C) => {
       C.stopPropagation(), C.preventDefault(), e("save");
@@ -6542,7 +6551,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
             ],
             onKeyup: u[1] || (u[1] = _(F(() => {
             }, ["stop", "prevent"]), ["enter"])),
-            onInput: F(f, ["stop", "prevent"])
+            onInput: F(c, ["stop", "prevent"])
           }, null, 40, mo)
         ]),
         d("aside", go, [
@@ -6585,7 +6594,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     r1(() => s.value, (v, L) => {
       !v && L && a.value && (a.value = !1), r.value = "";
     });
-    const r = y(""), a = y(!1), f = () => {
+    const r = y(""), a = y(!1), c = () => {
       e("save", r.value), a.value = !0;
     }, h = () => {
       e("cancel-new-child"), r.value = "";
@@ -6595,7 +6604,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     }, g = (v) => {
       const L = [n.node, ...v];
       e("key", { path: L, targetNode: L[L.length - 1] });
-    }, c = (v) => {
+    }, f = (v) => {
       e("select", { path: [n.node, ...v], targetNode: [n.node, ...v][[n.node, ...v].length - 1] });
     }, b = (v) => {
       e("toggle", { path: [n.node, ...v], targetNode: [n.node, ...v][[n.node, ...v].length - 1] });
@@ -6638,7 +6647,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
                   (H = v.node.children) != null && H.length || s.value ? (o(), i("button", {
                     key: 0,
                     class: "w-4 h-4 flex items-center justify-center rounded cursor-pointer",
-                    onClick: L[0] || (L[0] = F((S) => e("toggle", { path: [v.node], targetNode: v.node }), ["stop", "prevent"]))
+                    onClick: L[0] || (L[0] = F((B) => e("toggle", { path: [v.node], targetNode: v.node }), ["stop", "prevent"]))
                   }, [
                     w(p(t1), {
                       name: v.node.open ? "chevron-down-small" : "chevron-right-small"
@@ -6681,7 +6690,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
             indentation: (v.level + 1) * v.indentationAmount,
             saving: a.value,
             onChange: L[10] || (L[10] = (H) => r.value = H),
-            onSave: f,
+            onSave: c,
             onCancel: h
           }, null, 8, ["value", "indentation", "saving"])) : k("", !0),
           (o(!0), i(M, null, m1(v.node.children, (H) => (o(), V(D, {
@@ -6692,11 +6701,11 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
             "create-new-path": v.createNewPath,
             selection: v.selection,
             onAction: u,
-            onCancelNewChild: L[11] || (L[11] = (S) => e("cancel-new-child")),
-            onSave: L[12] || (L[12] = (S) => e("save", S)),
-            onKey: L[13] || (L[13] = (S) => g(S.path)),
-            onSelect: L[14] || (L[14] = (S) => c(S.path)),
-            onToggle: L[15] || (L[15] = (S) => b(S.path))
+            onCancelNewChild: L[11] || (L[11] = (B) => e("cancel-new-child")),
+            onSave: L[12] || (L[12] = (B) => e("save", B)),
+            onKey: L[13] || (L[13] = (B) => g(B.path)),
+            onSelect: L[14] || (L[14] = (B) => f(B.path)),
+            onToggle: L[15] || (L[15] = (B) => b(B.path))
           }, null, 8, ["indentation-amount", "level", "node", "create-new-path", "selection"]))), 128))
         ])) : k("", !0)
       ], 64);
@@ -6890,15 +6899,15 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
       if (t.heightClass === "h-auto") {
         if (e.value) {
           a = 0;
-          for (const f of e.value.children)
-            a += f.offsetHeight;
+          for (const c of e.value.children)
+            a += c.offsetHeight;
           a = `${a}px`;
         }
         return { height: a };
       }
       return {};
     });
-    return (a, f) => (o(), V(D1(a.type), {
+    return (a, c) => (o(), V(D1(a.type), {
       ref_key: "containerRef",
       ref: e,
       class: T(["relative flex-none w-full overflow-hidden transition-height duration-500 ease-in-out", s.value]),
@@ -7029,21 +7038,21 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
   return t === vt && ko.includes(e);
 }, bt = (n, t) => {
   const e = ct(n, t), [l] = e.filter((r) => gt(r)).map((r) => {
-    const [a, f] = r.content.split(y1);
+    const [a, c] = r.content.split(y1);
     return {
-      direction: f,
+      direction: c,
       field: r.value
     };
   });
   return e.map((r) => {
-    const { id: a, operator: f } = Do(r.content);
+    const { id: a, operator: c } = Do(r.content);
     return {
       id: a,
-      operator: wo[f],
-      value: n[mt(t, a, f)]
+      operator: wo[c],
+      value: n[mt(t, a, c)]
     };
   }).reduce((r, a) => (a.id === vt && a.operator === void 0 ? r.sorting = l : r.filters.push(a), r), { sorting: void 0, filters: [] });
-}, To = (n, t, e) => bt(n, t).filters.find((l) => l.id === e), So = (n, t) => Mo(n, t), Bo = (n, t, e) => {
+}, To = (n, t, e) => bt(n, t).filters.find((l) => l.id === e), Bo = (n, t) => Mo(n, t), So = (n, t, e) => {
   const l = To(n, t, e);
   if (!l) return n;
   const s = ht(l.id, ft[l.operator]);
@@ -7061,7 +7070,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
   const e = J1(), l = pe();
   if (!Ie())
     throw new Error("useEmit must be called within a setup function.");
-  const r = () => m(null), a = O(() => !!t.value && !!t.value.split(q1).length), f = O(() => t.value ? t.value.split(q1) : []), h = (C) => {
+  const r = () => m(null), a = O(() => !!t.value && !!t.value.split(q1).length), c = O(() => t.value ? t.value.split(q1) : []), h = (C) => {
     if (C.length === 0) {
       r();
       return;
@@ -7069,40 +7078,40 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     const u = C.join(q1);
     m(u);
   }, m = async (C) => {
-    let u = Bo(e.query, n, t.id);
+    let u = So(e.query, n, t.id);
     C && (u = Ao(u, n, t.id, t.operator, C)), await l.push({ query: u });
   };
-  return { clearFilter: r, isActive: a, updateFilter: h, values: f };
+  return { clearFilter: r, isActive: a, updateFilter: h, values: c };
 }, D4 = ({ groupId: n, filters: t, sorting: e, items: l, remoteFilterMethod: s }) => {
   const r = J1(), a = pe();
   a1(() => v(r.query)), xe((A) => v(A.query));
-  const f = y(!1), h = y([]), m = y(t), C = O(() => m.value.filter((A) => !!A.value)), u = O(() => !!C.value.length), g = y(e.default), c = async () => {
+  const c = y(!1), h = y([]), m = y(t), C = O(() => m.value.filter((A) => !!A.value)), u = O(() => !!C.value.length), g = y(e.default), f = 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;
+        c.value = !0;
         const A = await s(g.value, C.value);
-        h.value = A, f.value = !1;
+        h.value = A, c.value = !1;
       } catch {
-        f.value = !1;
+        c.value = !1;
       }
     else l && (h.value = e.sortingMethod ? e.sortingMethod(
       g.value,
       l.value.filter((A) => C.value.every((H) => H.execute(H.value, H.operator, A)))
     ) : l.value.filter((A) => C.value.every((H) => H.execute(H.value, H.operator, A))));
   };
-  r1(l ? [g, C, l] : [g, C], () => c(), { immediate: !0, deep: !0 });
+  r1(l ? [g, C, l] : [g, C], () => f(), { immediate: !0, deep: !0 });
   const v = (A) => {
-    const { filters: H, sorting: S } = bt(A, n);
-    g.value = S ? D(S) : e.default, m.value.forEach((I) => {
+    const { filters: H, sorting: B } = bt(A, n);
+    g.value = B ? D(B) : e.default, m.value.forEach((I) => {
       const P = H.find((e1) => e1.id === I.id);
       P ? (I.operator = P.operator, I.value = P.value) : (I.operator = "=", I.value = null);
     });
   }, L = async () => {
-    const A = So(r.query, n);
+    const A = Bo(r.query, n);
     await a.push({ query: A });
   }, D = (A) => ({
     direction: A.direction,
@@ -7114,14 +7123,14 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     availableFilters: m,
     filteringActive: u,
     filteredItems: h,
-    loadingItems: f,
-    applyFilters: c,
+    loadingItems: c,
+    applyFilters: f,
     clearFilters: L
   };
 }, T4 = (n) => {
   const t = J1();
   a1(() => n(t.query)), xe((e) => n(e.query));
-}, S4 = (n) => {
+}, B4 = (n) => {
   const t = J1(), e = pe();
   if (!Ie())
     throw new Error("useEmit must be called within a setup function.");
@@ -7129,7 +7138,7 @@ const n4 = /* @__PURE__ */ Z1(io, [["render", po]]), o4 = /* @__PURE__ */ $({
     let a = zo(t.query, n);
     a = Ro(a, n, r.direction, r.field), await e.push({ query: a });
   } };
-}, B4 = (n) => n === "asc" ? "desc" : "asc";
+}, S4 = (n) => n === "asc" ? "desc" : "asc";
 function z4(n, t) {
   if (!t || t.length === 0)
     return t;
@@ -7146,8 +7155,8 @@ function z4(n, t) {
     const u = new Date(r).getTime(), g = new Date(a).getTime();
     if (!Number.isNaN(u) && !Number.isNaN(g))
       return u - g;
-    const c = String(r).toLowerCase(), b = String(a).toLowerCase();
-    return c.localeCompare(b);
+    const f = String(r).toLowerCase(), b = String(a).toLowerCase();
+    return f.localeCompare(b);
   });
   return n.direction === "desc" ? e.reverse() : e;
 }
@@ -7185,8 +7194,8 @@ export {
   Ds as BNavItem,
   Ts as BNotification,
   et as BNotificationBadge,
-  Ss as BPagination,
-  Bs as BPanelLayout,
+  Bs as BPagination,
+  Ss as BPanelLayout,
   zs as BPopCalendar,
   As as BPopConfirm,
   rt as BPopSelect,
@@ -7194,7 +7203,7 @@ export {
   E1 as BPopper,
   O1 as BPopperContent,
   Es as BProgress,
-  Se as BResizablePanel,
+  Be as BResizablePanel,
   Ae as BRunningSection,
   he as BScreenOverlay,
   Os as BScrollBottomLoader,
@@ -7237,7 +7246,7 @@ export {
   V5 as dateIsAfter,
   k5 as dateIsBefore,
   fs as dateIsBetween,
-  B1 as datesAreEqual,
+  S1 as datesAreEqual,
   x5 as dbDate,
   P5 as dbDateTime,
   qn as debounce,
@@ -7261,7 +7270,7 @@ export {
   de as hasValue,
   ws as hasValueAndNotEmpty,
   L4 as icons,
-  B4 as invertSortingDirection,
+  S4 as invertSortingDirection,
   wo as lettersToOperator,
   K1 as loopRange,
   x1 as moveDate,
@@ -7276,8 +7285,8 @@ export {
   O5 as readableDateTime,
   I5 as readableDateTimeWithDay,
   E5 as readableDateWithDay,
-  Bo as removeFilterFromQuery,
-  So as removeFiltersFromQuery,
+  So as removeFilterFromQuery,
+  Bo as removeFiltersFromQuery,
   Ct as removeQueryObjectFromQuery,
   Mo as removeQueryObjectsFromQuery,
   zo as removeSortingFromQuery,
@@ -7302,6 +7311,6 @@ export {
   G5 as useMounted,
   T4 as useMountedAndRouterUpdate,
   ve as useNextFrame,
-  S4 as useSortingComponent,
+  B4 as useSortingComponent,
   j1 as useTrapFocus
 };