npm - @firstnoodle-ui/bui - Versions diffs - 0.0.70 → 0.0.72 - Mend

@firstnoodle-ui/bui 0.0.70 → 0.0.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/bui.css +1 -1
package/dist/components/inline-form-wrapper/InlineFormWrapper.vue.d.ts +1 -0
package/dist/components/tag-input/TagInput.vue.d.ts +1 -0
package/dist/components/types.d.ts +1 -1
package/dist/index.mjs +776 -761
package/package.json +2 -2

package/dist/index.mjs CHANGED Viewed

@@ -1,15 +1,15 @@
 var bt = Object.defineProperty;
 var Lt = (n, t, e) => t in n ? bt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var O1 = (n, t, e) => Lt(n, typeof t != "symbol" ? t + "" : t, e);
-import { createElementBlock as i, openBlock as o, renderSlot as R, createElementVNode as u, defineComponent as $, toDisplayString as K, ref as L, watch as i1, computed as O, createBlock as V, createCommentVNode as k, normalizeClass as D, normalizeStyle as t1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as $1, provide as yt, onMounted as a1, withModifiers as U, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Ht, onUnmounted as F1, onBeforeUnmount as B1, nextTick as D1, createStaticVNode as u1, Teleport as U1, withDirectives as x1, vShow as X1, Transition as de, useSlots as R1, withKeys as _, createSlots as Ae, vModelText as Vt, reactive as Re, createTextVNode as Ee, resolveComponent as kt, getCurrentInstance as Oe } from "vue";
+import { createElementBlock as i, openBlock as o, renderSlot as A, createElementVNode as u, defineComponent as $, toDisplayString as K, ref as b, watch as i1, computed as O, createBlock as V, createCommentVNode as k, normalizeClass as D, normalizeStyle as t1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as $1, provide as yt, onMounted as a1, withModifiers as x, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as Ht, onUnmounted as F1, onBeforeUnmount as B1, nextTick as D1, createStaticVNode as u1, Teleport as x1, withDirectives as U1, vShow as X1, Transition as de, useSlots as R1, withKeys as _, createSlots as Ae, vModelText as Vt, reactive as Re, createTextVNode as Ee, resolveComponent as kt, getCurrentInstance as Oe } from "vue";
 import { useRoute as G1, useRouter as ue, onBeforeRouteUpdate as Ie } from "vue-router";
 import { size as Pe, autoUpdate as wt, offset as Mt, flip as Zt, shift as He, limitShift as $t, computePosition as Dt } from "@floating-ui/dom";
 import ne from "debounce";
 import { Extension as Ne } from "@tiptap/core";
 import { Plugin as Bt, PluginKey as St } from "prosemirror-state";
 import Fe from "@tiptap/extension-bold";
-import Ue from "@tiptap/extension-bullet-list";
-import xe from "@tiptap/extension-document";
+import xe from "@tiptap/extension-bullet-list";
+import Ue from "@tiptap/extension-document";
 import oe from "@tiptap/extension-heading";
 import se from "@tiptap/extension-highlight";
 import ae from "@tiptap/extension-history";
@@ -33,7 +33,7 @@ const M1 = (n, t) => {
 }, Rt = {}, Et = { class: "fixed top-0 left-0 w-screen h-screen overflow-hidden text-primary" };
 function Ot(n, t) {
   return o(), i("main", Et, [
-    R(n.$slots, "default"),
+    A(n.$slots, "default"),
     t[0] || (t[0] = u("div", {
       id: "modals",
       class: "z-10 fixed w-screen h-screen top-0 left-0 pointer-events-none"
@@ -48,7 +48,7 @@ function Ot(n, t) {
     }, null, -1))
   ]);
 }
-const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space-y-4" }, Pt = { class: "w-full h-12 flex items-center" }, Nt = { class: "flex-none pr-2 text-xs leading-none font-medium text-secondary" }, xo = /* @__PURE__ */ $({
+const xo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space-y-4" }, Pt = { class: "w-full h-12 flex items-center" }, Nt = { class: "flex-none pr-2 text-xs leading-none font-medium text-secondary" }, Uo = /* @__PURE__ */ $({
   __name: "AsideSectionLabel",
   props: {
     label: {}
@@ -66,7 +66,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
       ])
     ]));
   }
-}), Ft = { class: "inline-flex flex-col items-center gap-3" }, Ut = ["src"], xt = {
+}), Ft = { class: "inline-flex flex-col items-center gap-3" }, xt = ["src"], Ut = {
   key: 1,
   class: "flex flex-col items-center gap-2 text-xs italic text-secondary"
 }, Yt = {
@@ -82,14 +82,14 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(), f = L(), C = L(null), m = L(null), d = L(e.modelValue), h = L(100), b = L(!1), c = L(0), H = L(0), v = L(1), g = L(1), T = L(0), z = L(0), y = L(0), S = L(0);
+    const e = n, l = t, s = b(), r = b(), a = b(), f = b(), C = b(null), m = b(null), d = b(e.modelValue), h = b(100), L = b(!1), c = b(0), y = b(0), v = b(1), g = b(1), z = b(0), T = b(0), H = b(0), S = b(0);
     i1(
       () => e.modelValue,
       (F) => {
         d.value = F;
       }
     );
-    const W = O(() => ({
+    const Y = O(() => ({
       width: `${e.size}px`,
       height: `${e.size}px`,
       borderRadius: e.cropShape === "circle" ? "50%" : "8px"
@@ -101,61 +101,61 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         if (d.value && m.value) {
           const F = new Image();
           F.onload = () => {
-            C.value = F, T.value = F.width, z.value = F.height, h.value = r1 * 0.5;
-            const Y = Math.max(h.value / F.width, h.value / F.height);
-            g.value = Y;
+            C.value = F, z.value = F.width, T.value = F.height, h.value = r1 * 0.5;
+            const W = Math.max(h.value / F.width, h.value / F.height);
+            g.value = W;
             const o1 = Math.min(r1 / F.width, r1 / F.height);
-            v.value = Math.max(o1, Y);
-            const v1 = F.width * v.value, A = F.height * v.value;
-            y.value = (r1 - v1) / 2, S.value = (r1 - A) / 2;
+            v.value = Math.max(o1, W);
+            const v1 = F.width * v.value, R = F.height * v.value;
+            H.value = (r1 - v1) / 2, S.value = (r1 - R) / 2;
           }, F.src = m.value;
         } else
           Q();
     }, f1 = (F) => {
       var v1;
-      const Y = F.target, o1 = (v1 = Y.files) == null ? void 0 : v1[0];
+      const W = F.target, o1 = (v1 = W.files) == null ? void 0 : v1[0];
       if (o1 && o1.type.startsWith("image/")) {
-        const A = new FileReader();
-        A.onload = (x) => {
+        const R = new FileReader();
+        R.onload = (U) => {
           var V1;
-          const q = (V1 = x.target) == null ? void 0 : V1.result;
+          const q = (V1 = U.target) == null ? void 0 : V1.result;
           m.value = q;
           const d1 = new Image();
           d1.onload = () => {
-            C.value = d1, T.value = d1.width, z.value = d1.height, h.value = r1 * 0.7;
+            C.value = d1, z.value = d1.width, T.value = d1.height, h.value = r1 * 0.7;
             const L1 = Math.max(h.value / d1.width, h.value / d1.height);
             g.value = L1;
             const k1 = Math.min(r1 / d1.width, r1 / d1.height);
             v.value = Math.max(k1, L1);
             const B = d1.width * v.value, J = d1.height * v.value;
-            y.value = (r1 - B) / 2, S.value = (r1 - J) / 2, setTimeout(() => {
+            H.value = (r1 - B) / 2, S.value = (r1 - J) / 2, setTimeout(() => {
             }, 10);
           }, d1.src = q;
-        }, A.readAsDataURL(o1);
+        }, R.readAsDataURL(o1);
       }
-      Y.value = "";
+      W.value = "";
     }, E = (F) => {
-      b.value = !0, c.value = F.clientX - y.value, H.value = F.clientY - S.value, window.addEventListener("mousemove", I), window.addEventListener("mouseup", G);
+      L.value = !0, c.value = F.clientX - H.value, y.value = F.clientY - S.value, window.addEventListener("mousemove", I), window.addEventListener("mouseup", G);
     }, I = (F) => {
-      if (b.value) {
-        let Y = F.clientX - c.value, o1 = F.clientY - H.value;
-        const v1 = r1 / 2, A = r1 / 2, x = v1 - h.value / 2, q = v1 + h.value / 2, d1 = A - h.value / 2, V1 = A + h.value / 2, L1 = T.value * v.value, k1 = z.value * v.value;
-        Y = Math.min(Y, x), Y = Math.max(Y, q - L1), o1 = Math.min(o1, d1), o1 = Math.max(o1, V1 - k1), y.value = Y, S.value = o1;
+      if (L.value) {
+        let W = F.clientX - c.value, o1 = F.clientY - y.value;
+        const v1 = r1 / 2, R = r1 / 2, U = v1 - h.value / 2, q = v1 + h.value / 2, d1 = R - h.value / 2, V1 = R + h.value / 2, L1 = z.value * v.value, k1 = T.value * v.value;
+        W = Math.min(W, U), W = Math.max(W, q - L1), o1 = Math.min(o1, d1), o1 = Math.max(o1, V1 - k1), H.value = W, S.value = o1;
       }
     }, G = () => {
-      b.value = !1, window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", G);
+      L.value = !1, window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", G);
     }, P = (F) => {
-      const Y = Math.max(g.value, Math.min(v.value + F, 3));
-      Y !== v.value && (v.value = Y);
+      const W = Math.max(g.value, Math.min(v.value + F, 3));
+      W !== v.value && (v.value = W);
     }, N = () => P(0.1), n1 = () => P(-0.1), S1 = () => {
       var B;
       if (!C.value || !r.value) return;
-      const F = r.value, Y = F.getContext("2d");
-      if (!Y) return;
+      const F = r.value, W = F.getContext("2d");
+      if (!W) return;
       const o1 = 512;
       F.width = o1, F.height = o1;
-      const v1 = r1 / 2, A = r1 / 2, x = v1 - h.value / 2, q = A - h.value / 2, d1 = (x - y.value) / v.value, V1 = (q - S.value) / v.value, L1 = h.value / v.value;
-      Y.fillStyle = "#ffffff", Y.fillRect(0, 0, o1, o1), e.cropShape === "circle" && (Y.save(), Y.beginPath(), Y.arc(o1 / 2, o1 / 2, o1 / 2, 0, Math.PI * 2), Y.closePath(), Y.clip()), Y.drawImage(
+      const v1 = r1 / 2, R = r1 / 2, U = v1 - h.value / 2, q = R - h.value / 2, d1 = (U - H.value) / v.value, V1 = (q - S.value) / v.value, L1 = h.value / v.value;
+      W.fillStyle = "#ffffff", W.fillRect(0, 0, o1, o1), e.cropShape === "circle" && (W.save(), W.beginPath(), W.arc(o1 / 2, o1 / 2, o1 / 2, 0, Math.PI * 2), W.closePath(), W.clip()), W.drawImage(
         C.value,
         d1,
         V1,
@@ -165,16 +165,16 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         0,
         o1,
         o1
-      ), e.cropShape === "circle" && Y.restore();
+      ), e.cropShape === "circle" && W.restore();
       const k1 = F.toDataURL("image/png");
       d.value = k1, l("update:modelValue", k1), l("change", k1), (B = f.value) == null || B.close();
     }, g1 = () => {
       var F;
       (F = f.value) == null || F.close(), C.value = null;
     };
-    return (F, Y) => (o(), i("div", Ft, [
+    return (F, W) => (o(), i("div", Ft, [
       u("div", {
-        style: t1(W.value),
+        style: t1(Y.value),
         class: D(["relative overflow-hidden bg-tertiary border border-default flex items-center justify-center cursor-pointer group", { "opacity-50 cursor-not-allowed": F.disabled }]),
         onClick: s1
       }, [
@@ -183,9 +183,9 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
           src: d.value,
           alt: "Avatar",
           class: "w-full h-full object-cover"
-        }, null, 8, Ut)) : (o(), i("div", xt, [
+        }, null, 8, xt)) : (o(), i("div", Ut, [
           w(p(l1), { name: "user" }),
-          Y[0] || (Y[0] = u("span", { class: "text-center" }, "Click to add an avatar", -1))
+          W[0] || (W[0] = u("span", { class: "text-center" }, "Click to add an avatar", -1))
         ])),
         F.disabled ? k("", !0) : (o(), i("div", Yt, [
           w(p(l1), {
@@ -202,7 +202,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         class: "hidden",
         onChange: f1
       }, null, 544),
-      C.value ? (o(), V(p(on), {
+      C.value ? (o(), V(p(o0), {
         key: 0,
         ref_key: "cropModalRef",
         ref: f,
@@ -213,7 +213,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         main: Z(() => [
           u("div", Wt, [
             u("div", {
-              class: D(["relative bg-slate-100 dark:bg-slate-800 overflow-hidden select-none transition-all", { "cursor-grabbing": b.value, "cursor-grab": !b.value }]),
+              class: D(["relative bg-slate-100 dark:bg-slate-800 overflow-hidden select-none transition-all", { "cursor-grabbing": L.value, "cursor-grab": !L.value }]),
               style: t1({ width: `${r1}px`, height: `${r1}px` }),
               onMousedown: E
             }, [
@@ -221,9 +221,9 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                 key: 0,
                 class: "absolute border border-yellow-300 pointer-events-none",
                 style: t1({
-                  width: `${T.value * v.value}px`,
-                  height: `${z.value * v.value}px`,
-                  left: `${y.value}px`,
+                  width: `${z.value * v.value}px`,
+                  height: `${T.value * v.value}px`,
+                  left: `${H.value}px`,
                   top: `${S.value}px`
                 })
               }, [
@@ -240,7 +240,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                 (o(), i("svg", Qt, [
                   u("defs", null, [
                     u("mask", qt, [
-                      Y[1] || (Y[1] = u("rect", {
+                      W[1] || (W[1] = u("rect", {
                         width: "100%",
                         height: "100%",
                         fill: "white"
@@ -262,7 +262,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                       }, null, 8, Gt))
                     ])
                   ]),
-                  Y[2] || (Y[2] = u("rect", {
+                  W[2] || (W[2] = u("rect", {
                     width: "100%",
                     height: "100%",
                     fill: "black",
@@ -280,7 +280,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                   })
                 }, null, 6)
               ]),
-              Y[3] || (Y[3] = u("div", { class: "absolute top-4 left-0 w-full flex justify-center" }, [
+              W[3] || (W[3] = u("div", { class: "absolute top-4 left-0 w-full flex justify-center" }, [
                 u("div", { class: "flex items-center h-8 px-3 rounded-full bg-primary text-sm text-primary" }, " Drag to reposition ")
               ], -1)),
               u("div", Jt, [
@@ -353,7 +353,7 @@ const Uo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
 }), l5 = {}, n5 = { class: "flex items-center gap-1 overflow-hidden" };
 function o5(n, t) {
   return o(), i("div", n5, [
-    R(n.$slots, "default")
+    A(n.$slots, "default")
   ]);
 }
 const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-orange-500 rounded-full border border-white dark:border-[var(--color-bg-primary)]" }, _e = /* @__PURE__ */ $({
@@ -407,9 +407,9 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
   },
   emits: ["click", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = L(l.routerLinkTo ? "router-link" : "button"), a = L(), f = L(), C = O(() => {
+    const l = n, s = e, r = b(l.routerLinkTo ? "router-link" : "button"), a = b(), f = b(), C = 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"), c.join(" ");
+      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(" ");
     }), m = O(() => {
       const c = [
         "z-0 relative overflow-hidden min-w-0 inline-flex items-center gap-1 border",
@@ -482,13 +482,25 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
             ]
           );
           break;
+        case "outlineDestructive":
+          c.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",
+              "text-red-500 hover:text-red-600 focus-visible:text-red-600 active:text-red-700",
+              "dark:hover:bg-red-900/50 dark:focus-visible:bg-red-900/50 dark:active:bg-red-900",
+              "dark:border-red-500 dark:hover:border-red-400 dark:focus-visible:border-red-400 dark:active:border-red-300",
+              "dark:text-red-500 dark:hover:text-red-400 focus-visible:text-red-400 dark:active:text-red-300"
+            ]
+          );
+          break;
       }
-      return l.classes && c.push(l.classes), c.filter((H) => H).join(" ");
+      return l.classes && c.push(l.classes), c.filter((y) => y).join(" ");
     }), d = O(() => l.disabled ? l.variant === "fill" || l.variant === "destructive" ? { filter: "grayscale(50%)" } : { opacity: "0.5" } : {}), h = (c) => {
-      var H;
-      l.stopPropagation && c.stopPropagation(), !l.disabled && !l.loading && (l.href && window.open(l.href, "_blank"), l.mailto && window.open(`mailto:${l.mailto}`), l.tooltip && ((H = f.value) == null || H.hide()), s("click"));
+      var y;
+      l.stopPropagation && c.stopPropagation(), !l.disabled && !l.loading && (l.href && window.open(l.href, "_blank"), l.mailto && window.open(`mailto:${l.mailto}`), l.tooltip && ((y = f.value) == null || y.hide()), s("click"));
     };
-    return t({ focus: () => a.value.focus() }), (c, H) => c.tooltip ? (o(), V(p(ee), {
+    return t({ focus: () => a.value.focus() }), (c, y) => c.tooltip ? (o(), V(p(ee), {
       key: 0,
       ref_key: "tooltipRef",
       ref: f,
@@ -506,7 +518,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
           disabled: c.disabled || c.loading,
           style: t1(d.value),
           onClick: h,
-          onBlur: H[0] || (H[0] = (v) => s("blur"))
+          onBlur: y[0] || (y[0] = (v) => s("blur"))
         }, {
           default: Z(() => [
             w(p(ke), null, {
@@ -549,7 +561,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
       disabled: c.disabled || c.loading,
       style: t1(d.value),
       onClick: h,
-      onBlur: H[1] || (H[1] = (v) => s("blur"))
+      onBlur: y[1] || (y[1] = (v) => s("blur"))
     }, {
       default: Z(() => [
         w(p(ke), null, {
@@ -587,7 +599,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
     fullwidth: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const t = n, e = L(""), l = L();
+    const t = n, e = b(""), l = b();
     yt("childOfButtonGroup", !0);
     const s = () => {
       const r = [];
@@ -600,9 +612,9 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
       ref_key: "buttonGroupRef",
       ref: l,
       class: D(e.value),
-      onClick: U(s, ["stop", "prevent"])
+      onClick: x(s, ["stop", "prevent"])
     }, [
-      R(r.$slots, "default")
+      A(r.$slots, "default")
     ], 2));
   }
 }), j1 = (n, t) => (n % t + t) % t, a5 = (n, t) => {
@@ -663,7 +675,7 @@ const Me = {
           key: f.label,
           variant: f.selected ? "fill" : f.current ? "text" : "textSubtle",
           label: f.label.toString(),
-          onMouseup: U((C) => l(
+          onMouseup: x((C) => l(
             "select",
             {
               value: f.label,
@@ -696,7 +708,7 @@ const p5 = /* @__PURE__ */ $({
         "text-xs text-primary": l.date.current && !l.date.selected,
         "text-xs font-bold text-white": l.date.current && l.date.selected
       }]),
-      onClick: s[0] || (s[0] = U((r) => e("click", l.date), ["stop"]))
+      onClick: s[0] || (s[0] = x((r) => e("click", l.date), ["stop"]))
     }, K(l.date.label), 3));
   }
 }), f5 = { class: "w-56 grid grid-cols-7" }, c5 = { class: "col-span-3 h-8 flex items-center justify-center" }, C5 = { class: "w-56 grid grid-cols-7 bg-bg-medium rounded my-2" }, v5 = { class: "w-56 grid grid-cols-7" }, h5 = /* @__PURE__ */ $({
@@ -988,12 +1000,12 @@ class Z5 {
 }
 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 $5 = (n = null, t) => {
-  const e = new Z5(t, n), l = L([]), s = L(h1.MONTH), r = L(""), a = L(0), f = (H) => {
-    if (!Object.keys(h1).includes(H)) {
-      console.warn(`[changeView] wrong view type: ${H}`);
+  const e = new Z5(t, n), l = b([]), s = b(h1.MONTH), r = b(""), a = b(0), f = (y) => {
+    if (!Object.keys(h1).includes(y)) {
+      console.warn(`[changeView] wrong view type: ${y}`);
       return;
     }
-    switch (s.value = H, H) {
+    switch (s.value = y, y) {
       case h1.DATE:
         break;
       case h1.WEEK:
@@ -1011,50 +1023,50 @@ const $5 = (n = null, t) => {
     }
   }, C = () => {
     f(s.value), r.value = e.getDateCursorMonthName(), a.value = e.dateCursor.getUTCFullYear();
-  }, m = (H) => {
-    e.setSelectedDate(H), C();
+  }, m = (y) => {
+    e.setSelectedDate(y), C();
   };
   A1(() => {
     m(n), f(s.value);
   });
-  const d = (H, v = !1) => {
-    e.moveSelectedDate(H), !v && s.value !== h1.MONTH ? f(h1.DATE) : C();
-  }, h = ({ amount: H, unit: v }) => {
+  const d = (y, v = !1) => {
+    e.moveSelectedDate(y), !v && s.value !== h1.MONTH ? f(h1.DATE) : C();
+  }, h = ({ amount: y, unit: v }) => {
     switch (v) {
       case X.DAY:
-        e.addDaysToDateCursor(H);
+        e.addDaysToDateCursor(y);
         break;
       case X.WEEK:
-        e.addWeeksToDateCursor(H);
+        e.addWeeksToDateCursor(y);
         break;
       case X.MONTH:
-        e.addMonthsToDateCursor(H);
+        e.addMonthsToDateCursor(y);
         break;
       case X.YEAR:
-        e.addYearsToDateCursor(H);
+        e.addYearsToDateCursor(y);
         break;
       default:
         throw new Error(`[moveViewDate] unknown unit: ${v}`);
     }
     C();
-  }, b = (H, v) => {
+  }, L = (y, v) => {
     switch (v) {
       case X.DAY:
-        e.setDateCursorDate(H);
+        e.setDateCursorDate(y);
         break;
       case X.MONTH:
-        e.setDateCursorMonth(H);
+        e.setDateCursorMonth(y);
         break;
       case X.YEAR:
-        e.setDateCursorYear(H);
+        e.setDateCursorYear(y);
         break;
       default:
         console.error(`[setViewDate] unknown unit: ${v}`);
         return;
     }
     C();
-  }, c = ({ value: H, unit: v, view: g }) => {
-    b(H, v), f(g);
+  }, c = ({ value: y, unit: v, view: g }) => {
+    L(y, v), f(g);
   };
   return {
     selectedDate: e.selectedDate,
@@ -1066,7 +1078,7 @@ const $5 = (n = null, t) => {
     moveRequest: d,
     moveViewDate: h,
     setSelectedDate: m,
-    setViewDate: b,
+    setViewDate: L,
     setViewDateAndChangeView: c
   };
 }, D5 = { class: "flex flex-col" }, B5 = { class: "p-4" }, S5 = {
@@ -1096,7 +1108,7 @@ const $5 = (n = null, t) => {
       setViewDateAndChangeView: h
     } = $5(n.value, { weekStart: n.weekStart, disabledDates: n.disabledDates });
     i1(() => n.value, (g) => d(g));
-    const b = Ht(r), c = L(Object.values(w1).map((g, T) => Object.values(w1)[j1(T + n.weekStart, Object.values(w1).length)])), H = (g) => {
+    const L = Ht(r), c = b(Object.values(w1).map((g, z) => Object.values(w1)[j1(z + n.weekStart, Object.values(w1).length)])), y = (g) => {
       if (!g) {
         e("change", null);
         return;
@@ -1123,17 +1135,17 @@ const $5 = (n = null, t) => {
       document.addEventListener("keydown", v);
     }), F1(() => {
       document.removeEventListener("keydown", v);
-    }), (g, T) => (o(), i("section", D5, [
+    }), (g, z) => (o(), i("section", D5, [
       u("main", B5, [
         p(s) === p(h1).MONTH ? (o(), V(h5, {
           key: 0,
-          "current-month": b.value,
+          "current-month": L.value,
           "current-year": p(a),
           "view-data": p(l),
           weekdays: c.value,
           onMove: p(C),
           onChangeView: p(f),
-          onSelect: H
+          onSelect: y
         }, null, 8, ["current-month", "current-year", "view-data", "weekdays", "onMove", "onChangeView"])) : k("", !0),
         p(s) === p(h1).YEAR ? (o(), V(L5, {
           key: 1,
@@ -1157,7 +1169,7 @@ const $5 = (n = null, t) => {
           "leading-icon": "trash",
           label: "Clear",
           disabled: !g.value,
-          onClick: T[0] || (T[0] = (z) => H(null))
+          onClick: z[0] || (z[0] = (T) => y(null))
         }, null, 8, ["disabled"])
       ])) : k("", !0)
     ]));
@@ -1212,7 +1224,7 @@ const $5 = (n = null, t) => {
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, U5 = /* @__PURE__ */ $({
+}, x5 = /* @__PURE__ */ $({
   __name: "DefaultIndicator",
   props: {
     value: { type: Boolean },
@@ -1253,9 +1265,9 @@ const $5 = (n = null, t) => {
         "border-default": !l.checked && !l.disabled,
         "border-subtle cursor-default": l.disabled
       }]),
-      onClick: s[0] || (s[0] = U((r) => !l.disabled && e("click"), ["stop", "prevent"]))
+      onClick: s[0] || (s[0] = x((r) => !l.disabled && e("click"), ["stop", "prevent"]))
     }, [
-      l.type === "default" ? (o(), V(U5, {
+      l.type === "default" ? (o(), V(x5, {
         key: 0,
         value: l.checked,
         disabled: l.disabled,
@@ -1275,7 +1287,7 @@ const $5 = (n = null, t) => {
       }, K(l.label), 3)) : k("", !0)
     ], 2));
   }
-}), x5 = { class: "w-full" }, Y5 = { class: "flex items-center w-full h-10" }, W5 = {
+}), U5 = { class: "w-full" }, Y5 = { class: "flex items-center w-full h-10" }, W5 = {
   key: 0,
   class: "relative flex-1 min-w-0 flex items-center text-sm"
 }, j5 = { class: "flex-none w-8 h-8 flex items-center justify-center" }, K5 = {
@@ -1297,7 +1309,7 @@ const $5 = (n = null, t) => {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(!1), f = O(() => e.open ? e.borderClassOpen : e.borderClassClosed), C = O(() => a.value ? {
+    const e = n, l = t, s = b(), r = b(), a = b(!1), f = O(() => e.open ? e.borderClassOpen : e.borderClassClosed), C = O(() => a.value ? {
       top: "-1px",
       paddingTop: "1px"
     } : {});
@@ -1309,7 +1321,7 @@ const $5 = (n = null, t) => {
     ), i1(a, (d) => {
       d && s.value.blur();
     });
-    const m = L(null);
+    const m = b(null);
     return a1(() => {
       e.sticky && (m.value = new IntersectionObserver(
         ([d]) => {
@@ -1321,7 +1333,7 @@ const $5 = (n = null, t) => {
       ), m.value.observe(r.value));
     }), B1(() => {
       m.value && m.value.disconnect();
-    }), (d, h) => (o(), i("section", x5, [
+    }), (d, h) => (o(), i("section", U5, [
       u("header", {
         ref_key: "headerRef",
         ref: r,
@@ -1337,7 +1349,7 @@ const $5 = (n = null, t) => {
       }, [
         u("div", Y5, [
           d.alignment === "left" ? (o(), i("div", W5, [
-            R(d.$slots, "header", { sticky: a.value })
+            A(d.$slots, "header", { sticky: a.value })
           ])) : k("", !0),
           u("div", j5, [
             d.$slots.content ? (o(), V(p(j), {
@@ -1345,16 +1357,16 @@ const $5 = (n = null, t) => {
               small: "",
               variant: "textSubtle",
               icon: d.open ? "chevron-down-small" : "chevron-right-small",
-              onClick: h[0] || (h[0] = (b) => l("toggle", d.id))
+              onClick: h[0] || (h[0] = (L) => l("toggle", d.id))
             }, null, 8, ["icon"])) : k("", !0)
           ]),
           d.alignment === "right" ? (o(), i("div", K5, [
-            R(d.$slots, "header", { sticky: a.value })
+            A(d.$slots, "header", { sticky: a.value })
           ])) : k("", !0)
         ])
       ], 6),
       d.open ? (o(), i("main", Q5, [
-        R(d.$slots, "content")
+        A(d.$slots, "content")
       ])) : k("", !0)
     ]));
   }
@@ -1448,7 +1460,7 @@ function ce(n) {
   a1(() => window.addEventListener("keydown", t)), F1(() => window.removeEventListener("keydown", t));
 }
 const q5 = () => {
-  const n = L(!1);
+  const n = b(!1);
   return a1(() => n.value = !0), { mounted: n };
 }, Ce = () => ({
   nextFrame: (n) => {
@@ -1480,16 +1492,16 @@ const q5 = () => {
 }, Ze = 120, t4 = /* @__PURE__ */ $({
   __name: "ContentSlider",
   setup(n, { expose: t }) {
-    const e = L(0), l = L(null), s = L(null), r = L(l.value ? l.value.clientWidth : 0), a = L(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - Ze), C = () => {
+    const e = b(0), l = b(null), s = b(null), r = b(l.value ? l.value.clientWidth : 0), a = b(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - Ze), C = () => {
       e.value = Math.min(a.value - r.value, e.value + Ze);
-    }, m = O(() => e.value > 0), d = O(() => e.value < a.value - r.value), { nextFrame: h } = Ce(), b = () => {
+    }, m = O(() => e.value > 0), d = O(() => e.value < a.value - r.value), { nextFrame: h } = Ce(), L = () => {
       D1(() => {
         h(() => {
           r.value = l.value ? l.value.clientWidth : 0, a.value = s.value ? s.value.scrollWidth : 0, r.value >= a.value && (e.value = 0);
         });
       });
     };
-    return a1(b), t({ update: b }), (c, H) => (o(), i("div", {
+    return a1(L), t({ update: L }), (c, y) => (o(), i("div", {
       ref_key: "listContainer",
       ref: l,
       class: "relative flex-1 flex items-center py-1 overflow-hidden whitespace-nowrap"
@@ -1509,7 +1521,7 @@ const q5 = () => {
         class: "flex items-center gap-2 snap-x scroll-px-2 transition-transform duration-300",
         style: t1({ transform: `translateX(-${e.value}px)` })
       }, [
-        R(c.$slots, "default")
+        A(c.$slots, "default")
       ], 4),
       d.value ? (o(), i("aside", J5, [
         d.value ? (o(), V(p(j), {
@@ -1658,11 +1670,11 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
 }, Fl = {
   key: 68,
   d: "M5.68198 9.61091L6.38909 10.318L2.707 13.999L6 14V15H1V10H2V13.292L5.68198 9.61091ZM15 1V6H14V2.706L10.0607 6.64645L9.35355 5.93934L13.292 2H10V1H15Z"
-}, Ul = {
+}, xl = {
   key: 69,
   "fill-rule": "evenodd",
   d: "M3 6.8125L0 5.5L8 2L16 5.5L15 5.9375V10.8486L15.916 12.2227L15.084 12.7774L14.5 11.9014L13.916 12.7774L13.084 12.2227L14 10.8486V6.375L13 6.81249V10.559L8 13.059L3 10.559V6.8125ZM4 7.25V9.94098L8 11.941L12 9.94099V7.24999L8 9L4 7.25ZM8 7.90848L2.49489 5.5L8 3.09152L13.5051 5.5L8 7.90848Z"
-}, xl = {
+}, Ul = {
   key: 71,
   d: "M5.29289 3C5.81321 3 6.31459 3.18373 6.71029 3.51526L6.75195 3.55267C7.43792 3.19371 8.2079 3 9 3C10.2949 3 11.5631 3.35381 12.6685 4.02027L12.9415 4.19338L14.151 4.999L16 5V5.99194L13.8486 6L12.3868 5.02543C11.3838 4.3568 10.2054 4 9 4C7.95144 4 6.95175 4.42764 6.22867 5.17818L6.07805 5.34391L5.53008 5.98321C5.05094 6.5422 5.08295 7.37585 5.60355 7.89645C6.06564 8.35853 6.79569 8.38934 7.29351 7.98886L7.39645 7.89645L8.64645 6.64645C8.84171 6.45118 9.15829 6.45118 9.35355 6.64645C9.52712 6.82001 9.5464 7.08944 9.41141 7.28431L9.35355 7.35355L9.207 7.5L12.707 11H16V12L12.8042 12.0019C12.171 13.1242 11.1946 13.5379 9.99085 13.2141L9.843 13.17L9.81437 13.2569C9.32607 14.5557 8.18459 14.8519 6.62707 14.1248L6.583 14.102L6.48258 14.1815C5.75234 14.7128 4.96369 14.6431 4.26819 13.9772L1.43934 11.1464C1.36433 11.0714 1.26793 11.0227 1.16448 11.0062L1.08579 11H0V10H1.08579C1.43388 10 1.7695 10.121 2.03642 10.3397L2.14645 10.4393L4.86614 13.1595C5.32922 13.6575 5.66184 13.6575 6.13711 13.156C6.29317 12.9914 6.54053 12.9524 6.73964 13.0612C8.18281 13.8492 8.79139 13.6464 9.00751 12.4137C9.06439 12.0892 9.41395 11.9075 9.71219 12.0473C10.6912 12.5061 11.3446 12.4005 11.822 11.6931L11.885 11.592L8.499 8.207L8.10355 8.60355C7.21794 9.48917 5.78206 9.48917 4.89645 8.60355C4.04874 7.75585 3.95873 6.42268 4.65973 5.47203L4.77082 5.33242L5.31879 4.69312C5.48818 4.49549 5.6719 4.31329 5.86775 4.14753C5.73328 4.07262 5.58394 4.02528 5.4291 4.0077L5.29289 4H4.75C4.1035 4 3.4678 4.15618 2.8965 4.4537L2.68538 4.57187L1.13849 5.5H0V4.5L0.862 4.499L2.17089 3.71437C2.87206 3.29367 3.66427 3.05159 4.47804 3.00738L4.75 3H5.29289Z"
 }, Yl = {
@@ -2003,11 +2015,11 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
           "fill-rule": "evenodd",
           d: "M8.04148 12H0V11H8.04148C8.27952 9.58114 9.5135 8.5 11 8.5C12.4865 8.5 13.7205 9.58114 13.9585 11H16V12H13.9585C13.7205 13.4189 12.4865 14.5 11 14.5C9.5135 14.5 8.27952 13.4189 8.04148 12ZM13 11.5C13 12.6046 12.1046 13.5 11 13.5C9.89543 13.5 9 12.6046 9 11.5C9 10.3954 9.89543 9.5 11 9.5C12.1046 9.5 13 10.3954 13 11.5Z"
         }, null, -1))
-      ], 64)) : t.name === "flag" ? (o(), i("path", Ol)) : t.name === "folder" ? (o(), i("path", Il)) : t.name === "frequency" ? (o(), i("path", Pl)) : t.name === "fullscreen-off" ? (o(), i("path", Nl)) : t.name === "fullscreen-on" ? (o(), i("path", Fl)) : t.name === "graduate" ? (o(), i("path", Ul)) : t.name === "hamburger" ? (o(), i(M, { key: 70 }, [
+      ], 64)) : t.name === "flag" ? (o(), i("path", Ol)) : t.name === "folder" ? (o(), i("path", Il)) : t.name === "frequency" ? (o(), i("path", Pl)) : t.name === "fullscreen-off" ? (o(), i("path", Nl)) : t.name === "fullscreen-on" ? (o(), i("path", Fl)) : t.name === "graduate" ? (o(), i("path", xl)) : t.name === "hamburger" ? (o(), i(M, { key: 70 }, [
         e[66] || (e[66] = u("path", { d: "M1 3H15V4H1V3Z" }, null, -1)),
         e[67] || (e[67] = u("path", { d: "M1 8H15V9H1V8Z" }, null, -1)),
         e[68] || (e[68] = u("path", { d: "M15 13H1V14H15V13Z" }, null, -1))
-      ], 64)) : t.name === "handshake" ? (o(), i("path", xl)) : t.name === "hash-symbol" ? (o(), i("path", Yl)) : t.name === "heading-1" ? (o(), i(M, { key: 73 }, [
+      ], 64)) : t.name === "handshake" ? (o(), i("path", Ul)) : t.name === "hash-symbol" ? (o(), i("path", Yl)) : t.name === "heading-1" ? (o(), i(M, { key: 73 }, [
         e[69] || (e[69] = u("path", { d: "M3 1V11.5H4V6.5H12V9H13V1H12V5.5H4V1H3Z" }, null, -1)),
         e[70] || (e[70] = u("path", { d: "M13 10C13 10 12.4314 9.9753 12.2764 10.0528L10.8292 10.7764L11.2764 11.6708L12 11.309V14H11V15H14V14H13V10Z" }, null, -1))
       ], 64)) : t.name === "heading-2" ? (o(), i(M, { key: 74 }, [
@@ -2300,7 +2312,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
   setup(n) {
     return (t, e) => (o(), i("button", {
       class: "flex items-center justify-center w-4 h-4 rounded-full hover:bg-black/15 focus-visible:bg-black/15 active:bg-black/25 dark:hover:bg-white/15 dark:focus-visible:bg-white/15 dark:active:bg-white/25 text-tertiary hover:text-secondary active:text-tertiary cursor-pointer",
-      onClick: e[0] || (e[0] = U((l) => t.$emit("click"), ["stop", "prevent"]))
+      onClick: e[0] || (e[0] = x((l) => t.$emit("click"), ["stop", "prevent"]))
     }, [
       w(p(l1), { name: "close" })
     ]));
@@ -2315,10 +2327,10 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
   },
   emits: ["close", "open"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(!1);
+    const l = e, s = b(!1);
     a1(() => s.value = !0);
     const r = () => s.value = !1, a = () => n.closeable && r();
-    return n.closeable && ce(a), t({ close: r }), (f, C) => (o(), V(U1, { to: f.target }, [
+    return n.closeable && ce(a), t({ close: r }), (f, C) => (o(), V(x1, { to: f.target }, [
       w(p(ve), {
         show: s.value,
         type: f.overlayType,
@@ -2330,13 +2342,13 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
             onTransitionAfterEnter: C[0] || (C[0] = (m) => l("open"))
           }, {
             default: Z(() => [
-              x1(w(p(he), { class: "h-64 max-w-2xl md:w-1/2 md:max-w-lg p-4 md:px-8" }, {
+              U1(w(p(he), { class: "h-64 max-w-2xl md:w-1/2 md:max-w-lg p-4 md:px-8" }, {
                 default: Z(() => [
                   w(p(me), null, {
                     header: Z(() => [
                       u("header", E2, [
                         f.title ? (o(), i("h4", O2, K(f.title), 1)) : (o(), i("h4", I2, [
-                          R(f.$slots, "title", { close: r })
+                          A(f.$slots, "title", { close: r })
                         ])),
                         f.closeable ? (o(), V(p(j), {
                           key: 2,
@@ -2348,11 +2360,11 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
                       ])
                     ]),
                     main: Z(() => [
-                      R(f.$slots, "main", { close: r })
+                      A(f.$slots, "main", { close: r })
                     ]),
                     footer: Z(() => [
                       u("footer", P2, [
-                        R(f.$slots, "footer", { close: r })
+                        A(f.$slots, "footer", { close: r })
                       ])
                     ]),
                     _: 3
@@ -2385,7 +2397,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       onAfterEnter: s[0] || (s[0] = (r) => e("transition-after-enter"))
     }, {
       default: Z(() => [
-        R(l.$slots, "default")
+        A(l.$slots, "default")
       ]),
       _: 3
     }));
@@ -2393,7 +2405,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
 }), N2 = { class: "text-xs" }, F2 = {
   key: 0,
   class: "h-4 px-1 min-w-4 flex items-center justify-center rounded-full text-xs font-medium bg-tertiary"
-}, U2 = /* @__PURE__ */ $({
+}, x2 = /* @__PURE__ */ $({
   __name: "FilterChip",
   props: {
     label: {},
@@ -2424,7 +2436,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       })) : k("", !0)
     ], 2));
   }
-}), x2 = { class: "opacity-0" }, Y2 = { key: 1 }, o4 = /* @__PURE__ */ $({
+}), U2 = { class: "opacity-0" }, Y2 = { key: 1 }, o4 = /* @__PURE__ */ $({
   __name: "FirstPaint",
   props: {
     delayIndex: {}
@@ -2437,8 +2449,8 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
     }), (e, l) => (o(), i("div", {
       class: D(["first-paint rounded", `delay-${e.delayIndex}`])
     }, [
-      u("div", x2, [
-        e.$slots.default ? R(e.$slots, "default", { key: 0 }) : (o(), i("span", Y2, "Some random text"))
+      u("div", U2, [
+        e.$slots.default ? A(e.$slots, "default", { key: 0 }) : (o(), i("span", Y2, "Some random text"))
       ])
     ], 2));
   }
@@ -2475,7 +2487,7 @@ const l4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       class: D(s.value)
     }, {
       default: Z(() => [
-        R(r.$slots, "default")
+        A(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -2527,23 +2539,23 @@ const j2 = () => {
   },
   emits: ["resize-start", "resize", "resize-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = O(() => [
+    const e = n, l = t, s = b(), r = O(() => [
       e.side === "left" ? "left-0" : "right-0",
       e.border ? e.side === "left" ? "border-r border-default" : "border-l border-default" : ""
     ]);
     let a, f;
-    const C = L(!1);
+    const C = b(!1);
     function m(c) {
       a = c.pageX, f = e.width, C.value = !0, window.addEventListener("mouseup", h), window.addEventListener("mousemove", d), l("resize-start");
     }
     function d(c) {
-      const H = e.side === "left" ? c.pageX - a : a - c.pageX, v = f + H, g = P1(v, e.minWidth, e.maxWidth);
+      const y = e.side === "left" ? c.pageX - a : a - c.pageX, v = f + y, g = P1(v, e.minWidth, e.maxWidth);
       g !== e.width && l("resize", g);
     }
     function h() {
       C.value = !1, window.removeEventListener("mouseup", h), window.removeEventListener("mousemove", d), l("resize-end");
     }
-    function b(c) {
+    function L(c) {
       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();
@@ -2551,7 +2563,7 @@ const j2 = () => {
         g !== e.width && l("resize", g);
       }
     }
-    return (c, H) => (o(), i("aside", {
+    return (c, y) => (o(), i("aside", {
       ref_key: "aside",
       ref: s,
       tabindex: "0",
@@ -2561,7 +2573,7 @@ const j2 = () => {
       }),
       class: D(["absolute top-0 z-10 h-full overflow-x-hidden bg-primary", r.value])
     }, [
-      R(c.$slots, "default"),
+      A(c.$slots, "default"),
       e.draggable ? (o(), i("button", {
         key: 0,
         tabindex: "0",
@@ -2571,7 +2583,7 @@ const j2 = () => {
           C.value ? "border-action bg-action" : "border-transparent bg-transparent hover:bg-tertiary focus:outline-none focus:border-action focus:bg-tertiary"
         ]]),
         onMousedown: m,
-        onKeydown: b
+        onKeydown: L
       }, null, 42, K2)) : k("", !0)
     ], 6));
   }
@@ -2591,52 +2603,52 @@ const j2 = () => {
   },
   emits: ["aside-left-resize", "aside-left-resize-end", "aside-left-resize-start", "aside-left-transition-end", "aside-right-resize", "aside-right-resize-end", "aside-right-resize-start", "aside-right-transition-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(!1), r = L(e.asideLeftWidth), a = L(e.asideRightWidth), f = L(e.asideLeftWidth), C = L(e.asideRightWidth), m = O(() => ({
+    const e = n, l = t, s = b(!1), r = b(e.asideLeftWidth), a = b(e.asideRightWidth), f = b(e.asideLeftWidth), C = b(e.asideRightWidth), m = O(() => ({
       paddingLeft: `${f.value}px`,
       paddingRight: `${C.value}px`
     })), d = () => {
       s.value = !1, l("aside-left-resize-end");
     }, h = () => {
       s.value = !0, l("aside-left-resize-start");
-    }, b = (y) => {
-      r.value = f.value = y, l("aside-left-resize", y);
-    }, c = (y) => !y && l("aside-left-transition-end"), H = () => {
+    }, L = (H) => {
+      r.value = f.value = H, l("aside-left-resize", H);
+    }, c = (H) => !H && l("aside-left-transition-end"), y = () => {
       s.value = !1, l("aside-right-resize-end");
     }, v = () => {
       s.value = !0, l("aside-right-resize-start");
-    }, g = (y) => {
-      a.value = C.value = y, l("aside-right-resize", y);
-    }, T = (y) => !y && l("aside-right-transition-end");
+    }, g = (H) => {
+      a.value = C.value = H, l("aside-right-resize", H);
+    }, z = (H) => !H && l("aside-right-transition-end");
     i1(
       () => e.asideLeftVisible,
-      (y) => f.value = y ? r.value : 0
+      (H) => f.value = H ? r.value : 0
     ), i1(
       () => e.asideRightVisible,
-      (y) => C.value = y ? a.value : 0
+      (H) => C.value = H ? a.value : 0
     ), i1(
       () => e.asideLeftWidth,
-      (y) => r.value = f.value = y
+      (H) => r.value = f.value = H
     ), i1(
       () => e.asideRightWidth,
-      (y) => a.value = C.value = y
+      (H) => a.value = C.value = H
     );
-    const z = R1();
+    const T = R1();
     return a1(() => {
-      f.value = e.asideLeftVisible && z["aside-left"] ? r.value : 0, C.value = e.asideRightVisible && z["aside-right"] ? a.value : 0;
-    }), (y, S) => (o(), i("div", Q2, [
-      p(z)["aside-left"] && y.asideLeftVisible ? (o(), V($e, {
+      f.value = e.asideLeftVisible && T["aside-left"] ? r.value : 0, C.value = e.asideRightVisible && T["aside-right"] ? a.value : 0;
+    }), (H, S) => (o(), i("div", Q2, [
+      p(T)["aside-left"] && H.asideLeftVisible ? (o(), V($e, {
         key: 0,
         side: "left",
         border: e.borders,
-        draggable: y.asideLeftDraggable,
+        draggable: H.asideLeftDraggable,
         width: r.value,
         onResizeStart: h,
-        onResize: b,
+        onResize: L,
         onResizeEnd: d,
         onTransitioning: c
       }, {
         default: Z(() => [
-          R(y.$slots, "aside-left")
+          A(H.$slots, "aside-left")
         ]),
         _: 3
       }, 8, ["border", "draggable", "width"])) : k("", !0),
@@ -2644,21 +2656,21 @@ const j2 = () => {
         class: D(["relative z-0 h-full overflow-x-hidden overflow-y-auto", [e.mainBgColorClass]]),
         style: t1(m.value)
       }, [
-        R(y.$slots, "main")
+        A(H.$slots, "main")
       ], 6),
-      p(z)["aside-right"] && y.asideRightVisible ? (o(), V($e, {
+      p(T)["aside-right"] && H.asideRightVisible ? (o(), V($e, {
         key: 1,
         side: "right",
         border: e.borders,
-        draggable: y.asideRightDraggable,
+        draggable: H.asideRightDraggable,
         width: a.value,
         onResizeStart: v,
         onResize: g,
-        onResizeEnd: H,
-        onTransitioning: T
+        onResizeEnd: y,
+        onTransitioning: z
       }, {
         default: Z(() => [
-          R(y.$slots, "aside-right")
+          A(H.$slots, "aside-right")
         ]),
         _: 3
       }, 8, ["border", "draggable", "width"])) : k("", !0)
@@ -2690,7 +2702,7 @@ const j2 = () => {
       class: "border border-default bg-primary rounded-lg focus:outline-none focus-within:shadow-sm focus-within:border-action"
     }, {
       default: Z(() => [
-        R(l.$slots, "default"),
+        A(l.$slots, "default"),
         w(p(e1), {
           tag: "footer",
           justify: "between",
@@ -2699,12 +2711,13 @@ const j2 = () => {
           default: Z(() => [
             w(p(e1), null, {
               default: Z(() => [
-                R(l.$slots, "footer-left")
+                A(l.$slots, "footer-left")
               ]),
               _: 3
             }),
             w(p(e1), { class: "gap-2" }, {
               default: Z(() => [
+                A(l.$slots, "footer-right"),
                 w(p(E1), {
                   small: "",
                   order: "confirm-last",
@@ -2716,7 +2729,7 @@ const j2 = () => {
                   onConfirm: s[1] || (s[1] = (r) => e("confirm"))
                 }, null, 8, ["loading", "confirm-label", "confirm-disabled", "cancel-label"])
               ]),
-              _: 1
+              _: 3
             })
           ]),
           _: 3
@@ -2744,7 +2757,7 @@ const j2 = () => {
   },
   emits: ["change", "enter"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(), r = L();
+    const l = e, s = b(), r = b();
     a1(() => {
       var d, h;
       n.multiline ? (d = s.value) == null || d.focus() : (h = r.value) == null || h.focus();
@@ -2800,7 +2813,7 @@ const j2 = () => {
           "text-xs": d.size === "small",
           "text-sm": d.size === "default"
         }]),
-        onInput: U(f, ["stop", "prevent"])
+        onInput: x(f, ["stop", "prevent"])
       }, null, 42, q2)) : (o(), i("input", {
         key: 2,
         ref_key: "inputRef",
@@ -2814,16 +2827,16 @@ const j2 = () => {
           "text-xs": d.size === "small",
           "text-sm": d.size === "default"
         }]),
-        onChange: h[0] || (h[0] = U(() => {
+        onChange: h[0] || (h[0] = x(() => {
         }, ["stop", "prevent"])),
-        onKeydown: _(U(C, ["stop", "prevent"]), ["enter"]),
-        onKeyup: h[1] || (h[1] = _(U(() => {
+        onKeydown: _(x(C, ["stop", "prevent"]), ["enter"]),
+        onKeyup: h[1] || (h[1] = _(x(() => {
         }, ["stop", "prevent"]), ["enter"])),
         onBlur: m,
-        onInput: U(f, ["stop", "prevent"])
+        onInput: x(f, ["stop", "prevent"])
       }, null, 42, X2)),
       d.$slots["inline-controls"] ? (o(), i("section", G2, [
-        R(d.$slots, "inline-controls")
+        A(d.$slots, "inline-controls")
       ])) : k("", !0),
       d.clearable && d.value.length ? (o(), V(p(j), {
         key: 4,
@@ -2831,7 +2844,7 @@ const j2 = () => {
         icon: "close",
         variant: "textSubtle",
         class: "flex-none hidden",
-        onClick: h[2] || (h[2] = (b) => {
+        onClick: h[2] || (h[2] = (L) => {
           a(), l("change", "");
         })
       })) : k("", !0)
@@ -2845,7 +2858,7 @@ const j2 = () => {
   },
   emits: ["click"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(!1);
+    const l = e, s = b(!1);
     return t({ setActive: (r) => s.value = r }), (r, a) => (o(), i("button", {
       class: D(["flex items-center justify-center border border-default text-tertiary focus:outline-hidden hover:z-10 hover:bg-secondary hover:border-strong hover:text-secondary focus:bg-secondary focus:border-strong focus:text-secondary focus:outline-none active:bg-tertiary active:text-tertiary", {
         "h-4 rounded-tr-lg": r.direction === "up" && r.size === "default",
@@ -2878,21 +2891,21 @@ const j2 = () => {
   },
   emits: ["change", "enter"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(), r = L(), a = L(), f = () => {
+    const l = e, s = b(), r = b(), a = b(), f = () => {
       s.value.focus();
     }, C = (c) => {
       c.target && l("change", Number.parseInt(c.target.value));
     }, m = (c) => {
       c.stopPropagation(), c.preventDefault(), l("enter");
-    }, d = (c, H) => {
+    }, d = (c, y) => {
       var v, g;
-      c === 1 ? (v = r.value) == null || v.setActive(H) : (g = a.value) == null || g.setActive(H);
+      c === 1 ? (v = r.value) == null || v.setActive(y) : (g = a.value) == null || g.setActive(y);
     }, h = (c) => {
       l("change", P1(n.value + c, n.min ?? null, n.max ?? null));
-    }, b = (c) => {
+    }, L = (c) => {
       c.stopImmediatePropagation(), c.stopPropagation(), c.preventDefault();
     };
-    return t({ focus: f }), (c, H) => (o(), i("div", {
+    return t({ focus: f }), (c, y) => (o(), i("div", {
       class: D(["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,
@@ -2931,21 +2944,21 @@ const j2 = () => {
           "text-xs": c.size === "small",
           "text-sm": c.size === "default"
         }]),
-        onChange: H[0] || (H[0] = U(() => {
+        onChange: y[0] || (y[0] = x(() => {
         }, ["stop", "prevent"])),
         onKeydown: [
-          _(U(m, ["stop", "prevent"]), ["enter"]),
-          H[2] || (H[2] = _((v) => d(1, !0), ["up"])),
-          H[4] || (H[4] = _((v) => d(-1, !0), ["down"]))
+          _(x(m, ["stop", "prevent"]), ["enter"]),
+          y[2] || (y[2] = _((v) => d(1, !0), ["up"])),
+          y[4] || (y[4] = _((v) => d(-1, !0), ["down"]))
         ],
         onKeyup: [
-          H[1] || (H[1] = _(U(() => {
+          y[1] || (y[1] = _(x(() => {
           }, ["stop", "prevent"]), ["enter"])),
-          H[3] || (H[3] = _((v) => d(1, !1), ["up"])),
-          H[5] || (H[5] = _((v) => d(-1, !1), ["down"]))
+          y[3] || (y[3] = _((v) => d(1, !1), ["up"])),
+          y[5] || (y[5] = _((v) => d(-1, !1), ["down"]))
         ],
-        onBlur: b,
-        onInput: U(C, ["stop", "prevent"])
+        onBlur: L,
+        onInput: x(C, ["stop", "prevent"])
       }, null, 42, J2),
       c.showSteppers ? (o(), i("section", {
         key: 1,
@@ -2959,26 +2972,26 @@ const j2 = () => {
           ref: r,
           direction: "up",
           size: c.size,
-          onClick: H[6] || (H[6] = (v) => h(1))
+          onClick: y[6] || (y[6] = (v) => h(1))
         }, null, 8, ["size"]),
         w(De, {
           ref_key: "downButtonRef",
           ref: a,
           direction: "down",
           size: c.size,
-          onClick: H[7] || (H[7] = (v) => h(-1))
+          onClick: y[7] || (y[7] = (v) => h(-1))
         }, null, 8, ["size"])
       ], 2)) : k("", !0)
     ], 2));
   }
-}), _2 = {}, en = {
+}), _2 = {}, e0 = {
   class: "animate-spin",
   xlmns: "https://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function tn(n, t) {
-  return o(), i("svg", en, [...t[0] || (t[0] = [
+function t0(n, t) {
+  return o(), i("svg", e0, [...t[0] || (t[0] = [
     u("path", {
       class: "opacity-25",
       d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
@@ -2992,10 +3005,10 @@ function tn(n, t) {
     }, null, -1)
   ])]);
 }
-const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
+const N1 = /* @__PURE__ */ M1(_2, [["render", t0]]), l0 = {
   key: 0,
   class: "flex items-center justify-between h-12 w-full mb-4"
-}, nn = { class: "flex items-center h-full" }, on = /* @__PURE__ */ $({
+}, n0 = { class: "flex items-center h-full" }, o0 = /* @__PURE__ */ $({
   __name: "Modal",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -3008,7 +3021,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["close", "ready"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = L(), f = L(!1);
+    const l = n, s = e, r = R1(), a = b(), f = b(!1);
     a1(() => {
       r.default && (l.title || r.header || r.main || r.footer) && console.warn(
         "You are using named slots (or props.title) and default slot at the same time. This is not supported. Please use either named slots (and props.title) or the default slot."
@@ -3021,17 +3034,17 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
     const d = () => {
       s("ready");
     };
-    return t({ close: C }), (h, b) => (o(), V(U1, { to: h.target }, [
+    return t({ close: C }), (h, L) => (o(), V(x1, { to: h.target }, [
       w(p(ve), {
         show: f.value,
         type: h.overlayType,
         onClick: m,
-        onClose: b[0] || (b[0] = (c) => s("close"))
+        onClose: L[0] || (L[0] = (c) => s("close"))
       }, {
         default: Z(() => [
           w(p(ot), { onTransitionAfterEnter: d }, {
             default: Z(() => [
-              x1(w(p(he), {
+              U1(w(p(he), {
                 ref_key: "windowRef",
                 ref: a,
                 class: D(["h-full", [
@@ -3043,16 +3056,16 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
                 ]])
               }, {
                 default: Z(() => [
-                  h.$slots.default ? R(h.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
+                  h.$slots.default ? A(h.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
                     main: Z(() => [
-                      R(h.$slots, "main", { close: C })
+                      A(h.$slots, "main", { close: C })
                     ]),
                     _: 2
                   }, [
                     l.title || h.$slots.header ? {
                       name: "header",
                       fn: Z(() => [
-                        l.title ? (o(), i("header", ln, [
+                        l.title ? (o(), i("header", l0, [
                           u("h4", null, K(l.title), 1),
                           h.closeable ? (o(), V(p(j), {
                             key: 0,
@@ -3061,15 +3074,15 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
                             onClick: m
                           })) : k("", !0)
                         ])) : k("", !0),
-                        R(h.$slots, "header", { close: C })
+                        A(h.$slots, "header", { close: C })
                       ]),
                       key: "0"
                     } : void 0,
                     h.$slots.footer ? {
                       name: "footer",
                       fn: Z(() => [
-                        u("footer", nn, [
-                          R(h.$slots, "footer", { close: C })
+                        u("footer", n0, [
+                          A(h.$slots, "footer", { close: C })
                         ])
                       ]),
                       key: "1"
@@ -3088,7 +3101,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), sn = { class: "text-sm tracking-wide" }, an = { class: "text-sm tracking-wide" }, u4 = /* @__PURE__ */ $({
+}), s0 = { class: "text-sm tracking-wide" }, a0 = { class: "text-sm tracking-wide" }, u4 = /* @__PURE__ */ $({
   __name: "NavItem",
   props: {
     exact: { type: Boolean, default: !1 },
@@ -3117,8 +3130,8 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : k("", !0),
-        u("span", sn, [
-          R(l.$slots, "default")
+        u("span", s0, [
+          A(l.$slots, "default")
         ])
       ], 2)
     ])) : (o(), i("a", {
@@ -3136,16 +3149,16 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           key: 0,
           name: l.icon
         }, null, 8, ["name"])) : k("", !0),
-        u("span", an, [
-          R(l.$slots, "default")
+        u("span", a0, [
+          A(l.$slots, "default")
         ])
       ], 2)
     ]));
   }
-}), rn = {
+}), r0 = {
   "data-theme": "dark",
   class: "inline-flex items-stretch h-10 px-1 rounded-xl bg-black shadow-xl pointer-events-auto justify-between"
-}, dn = { class: "text-sm cursor-default truncate min-w-0" }, p4 = /* @__PURE__ */ $({
+}, i0 = { class: "text-sm cursor-default truncate min-w-0" }, p4 = /* @__PURE__ */ $({
   __name: "Notification",
   props: {
     showDetailsButton: { type: Boolean },
@@ -3155,7 +3168,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   emits: ["close", "show-details"],
   setup(n, { emit: t }) {
     const e = t, l = O(() => n.type === "default" ? "information" : n.type === "error" ? "error" : n.type === "warning" ? "warning" : "check-circled");
-    return (s, r) => (o(), i("div", rn, [
+    return (s, r) => (o(), i("div", r0, [
       w(p(e1), {
         class: D(["gap-2 px-3 rounded-l-lg flex-1 overflow-hidden", {
           "text-stone-300": s.type === "default",
@@ -3166,7 +3179,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }, {
         default: Z(() => [
           w(p(l1), { name: l.value }, null, 8, ["name"]),
-          u("span", dn, K(s.text), 1)
+          u("span", i0, K(s.text), 1)
         ]),
         _: 1
       }, 8, ["class"]),
@@ -3210,13 +3223,13 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["change"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = O(() => a5(0, n.lastPage).map((h) => ({ id: `${h + 1}`, label: `${h + 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), C = O(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (h) => {
-      let b = n.currentPage + h;
-      b > n.lastPage && (b = 1), b < 1 && (b = n.lastPage), e("change", b);
+    const e = t, l = b(), s = O(() => a5(0, n.lastPage).map((h) => ({ id: `${h + 1}`, label: `${h + 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), C = O(() => n.borders ? "outlineSubtle" : "textSubtle"), m = (h) => {
+      let L = n.currentPage + h;
+      L > n.lastPage && (L = 1), L < 1 && (L = n.lastPage), e("change", L);
     }, d = (h) => {
       e("change", h.label);
     };
-    return (h, b) => (o(), i("nav", {
+    return (h, L) => (o(), i("nav", {
       ref_key: "navRef",
       ref: l,
       class: "relative z-0 inline-flex"
@@ -3226,7 +3239,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         icon: h.orientation === "horizontal" ? "chevron-left" : "chevron-up",
         style: t1(r.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10",
-        onClick: b[0] || (b[0] = (c) => m(-1))
+        onClick: L[0] || (L[0] = (c) => m(-1))
       }, null, 8, ["variant", "icon", "style"]),
       w(p(at), {
         "same-width-as-element": l.value,
@@ -3251,11 +3264,11 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         icon: h.orientation === "horizontal" ? "chevron-right" : "chevron-down",
         style: t1(a.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px",
-        onClick: b[1] || (b[1] = (c) => m(1))
+        onClick: L[1] || (L[1] = (c) => m(1))
       }, null, 8, ["variant", "icon", "style"])
     ], 512));
   }
-}), un = ["aria-label"], Be = /* @__PURE__ */ $({
+}), d0 = ["aria-label"], Be = /* @__PURE__ */ $({
   __name: "ResizablePanel",
   props: {
     size: { default: 256 },
@@ -3267,7 +3280,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["resize-start", "resize", "resize-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = O(() => ["left", "right"].includes(e.placement) ? "horizontal" : "vertical"), r = L(), a = O(() => {
+    const e = n, l = t, s = O(() => ["left", "right"].includes(e.placement) ? "horizontal" : "vertical"), r = b(), a = O(() => {
       let v, g;
       return s.value === "horizontal" ? (v = e.placement === "left" ? "left-0" : "right-0", v += " top-0 h-full overflow-x-hidden", g = e.border ? e.placement === "left" ? "border-r border-default" : "border-l border-default" : "") : (v = e.placement === "top" ? "top-0" : "bottom-0", v += " left-0 w-full overflow-y-hidden", g = e.border ? e.placement === "top" ? "border-b border-default" : "border-t border-default" : ""), [
         v,
@@ -3278,26 +3291,26 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       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;
     });
     let C, m;
-    const d = L(!1);
+    const d = b(!1);
     function h(v) {
       const g = e.placement === "left" || e.placement === "right" ? "pageX" : "pageY";
-      C = v[g], m = e.size, d.value = !0, window.addEventListener("mouseup", c), window.addEventListener("mousemove", b), l("resize-start");
+      C = v[g], m = e.size, d.value = !0, window.addEventListener("mouseup", c), window.addEventListener("mousemove", L), l("resize-start");
     }
-    function b(v) {
+    function L(v) {
       let g;
       s.value === "vertical" ? g = e.placement === "top" ? v.pageY - C : C - v.pageY : g = e.placement === "left" ? v.pageX - C : C - v.pageX;
-      const T = m + g, z = P1(T, e.minSize, e.maxSize);
-      z !== e.size && l("resize", z);
+      const z = m + g, T = P1(z, e.minSize, e.maxSize);
+      T !== e.size && l("resize", T);
     }
     function c() {
-      d.value = !1, window.removeEventListener("mouseup", c), window.removeEventListener("mousemove", b), l("resize-end");
+      d.value = !1, window.removeEventListener("mouseup", c), window.removeEventListener("mousemove", L), l("resize-end");
     }
-    function H(v) {
-      let T = e.size;
-      if (e.placement === "left" ? v.key === "ArrowLeft" ? T = e.size - 30 : v.key === "ArrowRight" && (T = e.size + 30) : e.placement === "right" ? v.key === "ArrowLeft" ? T = e.size + 30 : v.key === "ArrowRight" && (T = e.size - 30) : e.placement === "top" ? v.key === "ArrowUp" ? T = e.size - 30 : v.key === "ArrowDown" && (T = e.size + 30) : e.placement === "bottom" && (v.key === "ArrowUp" ? T = e.size + 30 : v.key === "ArrowDown" && (T = e.size - 30)), T !== e.size) {
+    function y(v) {
+      let z = e.size;
+      if (e.placement === "left" ? v.key === "ArrowLeft" ? z = e.size - 30 : v.key === "ArrowRight" && (z = e.size + 30) : e.placement === "right" ? v.key === "ArrowLeft" ? z = e.size + 30 : v.key === "ArrowRight" && (z = e.size - 30) : e.placement === "top" ? v.key === "ArrowUp" ? z = e.size - 30 : v.key === "ArrowDown" && (z = e.size + 30) : e.placement === "bottom" && (v.key === "ArrowUp" ? z = e.size + 30 : v.key === "ArrowDown" && (z = e.size - 30)), z !== e.size) {
         v.preventDefault();
-        const z = P1(T, e.minSize, e.maxSize);
-        z !== e.size && l("resize", z);
+        const T = P1(z, e.minSize, e.maxSize);
+        T !== e.size && l("resize", T);
       }
     }
     return (v, g) => (o(), i("aside", {
@@ -3309,7 +3322,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }),
       class: D(["absolute z-10 bg-primary", a.value])
     }, [
-      R(v.$slots, "default"),
+      A(v.$slots, "default"),
       e.draggable ? (o(), i("button", {
         key: 0,
         tabindex: "0",
@@ -3319,11 +3332,11 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           d.value ? "border-action bg-action" : "border-transparent bg-transparent hover:bg-tertiary focus:outline-none focus:border-action focus:bg-tertiary"
         ]]),
         onMousedown: h,
-        onKeydown: H
-      }, null, 42, un)) : k("", !0)
+        onKeydown: y
+      }, null, 42, d0)) : k("", !0)
     ], 6));
   }
-}), pn = { class: "relative w-full h-full overflow-hidden bg-primary" }, c4 = /* @__PURE__ */ $({
+}), u0 = { class: "relative w-full h-full overflow-hidden bg-primary" }, c4 = /* @__PURE__ */ $({
   __name: "PanelLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3339,52 +3352,52 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["start-panel-resize", "start-panel-resize-end", "start-panel-resize-start", "start-panel-transition-end", "end-panel-resize", "end-panel-resize-end", "end-panel-resize-start", "end-panel-transition-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(!1), r = L(e.startPanelSize), a = L(e.endPanelSize), f = L(e.startPanelSize), C = L(e.endPanelSize), m = O(() => ({
+    const e = n, l = t, s = b(!1), r = b(e.startPanelSize), a = b(e.endPanelSize), f = b(e.startPanelSize), C = b(e.endPanelSize), m = O(() => ({
       [e.orientation === "horizontal" ? "paddingLeft" : "paddingTop"]: `${f.value}px`,
       [e.orientation === "horizontal" ? "paddingRight" : "paddingBottom"]: `${C.value}px`
     })), d = () => {
       s.value = !1, l("start-panel-resize-end");
     }, h = () => {
       s.value = !0, l("start-panel-resize-start");
-    }, b = (y) => {
-      r.value = f.value = y, l("start-panel-resize", y);
-    }, c = (y) => !y && l("start-panel-transition-end"), H = () => {
+    }, L = (H) => {
+      r.value = f.value = H, l("start-panel-resize", H);
+    }, c = (H) => !H && l("start-panel-transition-end"), y = () => {
       s.value = !1, l("end-panel-resize-end");
     }, v = () => {
       s.value = !0, l("end-panel-resize-start");
-    }, g = (y) => {
-      a.value = C.value = y, l("end-panel-resize", y);
-    }, T = (y) => !y && l("end-panel-transition-end");
+    }, g = (H) => {
+      a.value = C.value = H, l("end-panel-resize", H);
+    }, z = (H) => !H && l("end-panel-transition-end");
     i1(
       () => e.startPanelVisible,
-      (y) => f.value = y ? r.value : 0
+      (H) => f.value = H ? r.value : 0
     ), i1(
       () => e.endPanelVisible,
-      (y) => C.value = y ? a.value : 0
+      (H) => C.value = H ? a.value : 0
     ), i1(
       () => e.startPanelSize,
-      (y) => r.value = f.value = y
+      (H) => r.value = f.value = H
     ), i1(
       () => e.endPanelSize,
-      (y) => a.value = C.value = y
+      (H) => a.value = C.value = H
     );
-    const z = R1();
+    const T = R1();
     return a1(() => {
-      f.value = e.startPanelVisible && z["start-panel"] ? r.value : 0, C.value = e.endPanelVisible && z["end-panel"] ? a.value : 0;
-    }), (y, S) => (o(), i("div", pn, [
-      p(z)["start-panel"] && y.startPanelVisible ? (o(), V(Be, {
+      f.value = e.startPanelVisible && T["start-panel"] ? r.value : 0, C.value = e.endPanelVisible && T["end-panel"] ? a.value : 0;
+    }), (H, S) => (o(), i("div", u0, [
+      p(T)["start-panel"] && H.startPanelVisible ? (o(), V(Be, {
         key: 0,
-        placement: y.orientation === "horizontal" ? "left" : "top",
+        placement: H.orientation === "horizontal" ? "left" : "top",
         border: e.borders,
-        draggable: y.startPanelDraggable,
+        draggable: H.startPanelDraggable,
         size: r.value,
         onResizeStart: h,
-        onResize: b,
+        onResize: L,
         onResizeEnd: d,
         onTransitioning: c
       }, {
         default: Z(() => [
-          R(y.$slots, "start-panel")
+          A(H.$slots, "start-panel")
         ]),
         _: 3
       }, 8, ["placement", "border", "draggable", "size"])) : k("", !0),
@@ -3392,33 +3405,33 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         class: D(["relative z-0 h-full overflow-hidden", [e.mainPanelBgColorClass]]),
         style: t1(m.value)
       }, [
-        R(y.$slots, "main")
+        A(H.$slots, "main")
       ], 6),
-      p(z)["end-panel"] && y.endPanelVisible ? (o(), V(Be, {
+      p(T)["end-panel"] && H.endPanelVisible ? (o(), V(Be, {
         key: 1,
-        placement: y.orientation === "horizontal" ? "right" : "bottom",
+        placement: H.orientation === "horizontal" ? "right" : "bottom",
         border: e.borders,
-        draggable: y.endPanelDraggable,
+        draggable: H.endPanelDraggable,
         size: a.value,
         onResizeStart: v,
         onResize: g,
-        onResizeEnd: H,
-        onTransitioning: T
+        onResizeEnd: y,
+        onTransitioning: z
       }, {
         default: Z(() => [
-          R(y.$slots, "end-panel")
+          A(H.$slots, "end-panel")
         ]),
         _: 3
       }, 8, ["placement", "border", "draggable", "size"])) : k("", !0)
     ]));
   }
-}), fn = Pe({
+}), p0 = Pe({
   apply({ rects: n, elements: t }) {
     Object.assign(t.floating.style, {
       width: `${n.reference.width}px`
     });
   }
-}), cn = (n) => Pe({
+}), f0 = (n) => Pe({
   apply({ elements: t }) {
     Object.assign(t.floating.style, {
       width: `${n.offsetWidth}px`
@@ -3449,7 +3462,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e, r = R1();
     let a;
-    const f = L(), C = L(), m = L(), d = L(!1), { mounted: h } = q5(), { disableClickOutside: b, enableClickOutside: c, updateClickOutside: H } = fe(() => W()), v = async () => {
+    const f = b(), C = b(), m = b(), d = b(!1), { mounted: h } = q5(), { disableClickOutside: L, enableClickOutside: c, updateClickOutside: y } = fe(() => Y()), v = async () => {
       if (m.value && C.value) {
         const E = [];
         l.offsetOptions && E.push(Mt(l.offsetOptions)), l.flipOptions && E.push(Zt(l.flipOptions)), l.limitShiftOptions ? E.push(
@@ -3457,7 +3470,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
             ...l.shiftOptions,
             limiter: $t(l.limitShiftOptions)
           })
-        ) : l.shiftOptions && E.push(He(l.shiftOptions)), l.popperWidthClass || (l.sameWidthAsTrigger ? E.push(fn) : l.sameWidthAsElement && E.push(cn(l.sameWidthAsElement)));
+        ) : l.shiftOptions && E.push(He(l.shiftOptions)), l.popperWidthClass || (l.sameWidthAsTrigger ? E.push(p0) : l.sameWidthAsElement && E.push(f0(l.sameWidthAsElement)));
         const I = await Dt(m.value, C.value, {
           placement: l.placement,
           middleware: E
@@ -3469,41 +3482,41 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       const E = r.default && r.default({ visible: d.value });
       if (E && E.length > 1)
         return console.error(`[Popper]: The <Popper> component expects only one child element at its root. You passed ${E.length} child nodes.`);
-      l.popperWidthClass ? (l.sameWidthAsElement || l.sameWidthAsTrigger) && console.warn("[Popper]: The props 'sameWidthAsElement' or 'sameWidthAsTrigger' will be ignored because the 'popperWidthClass' is set") : l.sameWidthAsElement && l.sameWidthAsTrigger && console.warn("[Popper]: The 'sameWidthAsElement' prop will be ignored because 'sameWidthAsTrigger' is set to true"), l.trigger === "manual" && l.show && z();
+      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 && T();
     }), F1(() => {
-      z.clear(), a && (a(), a = null);
+      T.clear(), a && (a(), a = null);
     });
     const g = () => {
-      z.clear(), d.value && (d.value = !1, s("close"), l.closeOnClickOutside && b(), a && (a(), a = null));
-    }, T = async () => {
+      T.clear(), d.value && (d.value = !1, s("close"), l.closeOnClickOutside && L(), a && (a(), a = null));
+    }, z = async () => {
       d.value || (d.value = !0, await D1(), s("open", [m.value, C.value]), a = wt(m.value, C.value, v), l.closeOnClickOutside && C.value && m.value && c([C.value, m.value]));
-    }, z = ne(T, l.openDelay), y = ne(g, l.closeDelay), S = async () => {
-      l.disabled || (y.clear(), z());
-    }, W = async () => {
-      z.clear(), y();
+    }, T = ne(z, l.openDelay), H = ne(g, l.closeDelay), S = async () => {
+      l.disabled || (H.clear(), T());
+    }, Y = async () => {
+      T.clear(), H();
     }, Q = (E) => {
       l.trigger === "click" && (E.preventDefault(), E.stopPropagation(), f1());
     }, s1 = (E) => {
-      C.value && m.value && H([C.value, m.value, ...E]);
-    }, f1 = () => d.value ? W() : S();
+      C.value && m.value && y([C.value, m.value, ...E]);
+    }, f1 = () => d.value ? Y() : S();
     return i1(
       () => l.disabled,
       (E) => d.value && E && g()
     ), i1(
       () => l.show,
       (E) => {
-        l.trigger === "manual" ? E ? z() : y() : console.warn("[Popper]: The 'show' prop is only available when the 'trigger' prop is set to 'manual'");
+        l.trigger === "manual" ? E ? T() : H() : console.warn("[Popper]: The 'show' prop is only available when the 'trigger' prop is set to 'manual'");
       }
     ), t({
       close: g,
       containerRef: f,
-      open: T,
+      open: z,
       updateClickOutsideTargets: s1
     }), (E, I) => (o(), i("div", {
       ref_key: "containerRef",
       ref: f,
       class: D(l.rootClass),
-      onMouseleave: I[5] || (I[5] = (G) => l.trigger === "hover" && W())
+      onMouseleave: I[5] || (I[5] = (G) => l.trigger === "hover" && Y())
     }, [
       u("div", {
         ref_key: "triggerRef",
@@ -3512,11 +3525,11 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         onMouseover: I[0] || (I[0] = (G) => l.trigger === "hover" && S()),
         onClick: Q,
         onFocus: I[1] || (I[1] = (G) => l.trigger === "focus" && S()),
-        onKeyup: I[2] || (I[2] = _((G) => W(), ["esc"]))
+        onKeyup: I[2] || (I[2] = _((G) => Y(), ["esc"]))
       }, [
-        R(E.$slots, "default", { visible: d.value })
+        A(E.$slots, "default", { visible: d.value })
       ], 34),
-      p(h) ? (o(), V(U1, {
+      p(h) ? (o(), V(x1, {
         key: 0,
         to: E.teleportTarget
       }, [
@@ -3526,9 +3539,9 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           ref: C,
           class: D(["absolute", l.popperWidthClass]),
           onMouseover: I[3] || (I[3] = (G) => l.trigger === "hover" && S()),
-          onMouseleave: I[4] || (I[4] = (G) => l.trigger === "hover" && W())
+          onMouseleave: I[4] || (I[4] = (G) => l.trigger === "hover" && Y())
         }, [
-          R(E.$slots, "content", {
+          A(E.$slots, "content", {
             close: g,
             isOpen: d.value
           })
@@ -3536,13 +3549,13 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       ], 8, ["to"])) : k("", !0)
     ], 34));
   }
-}), Cn = {}, vn = { class: "pointer-events-auto rounded-lg overflow-hidden border border-default bg-primary shadow-xl dark:shadow-black/25" };
-function hn(n, t) {
-  return o(), i("div", vn, [
-    R(n.$slots, "default")
+}), c0 = {}, C0 = { class: "pointer-events-auto rounded-lg overflow-hidden border border-default bg-primary shadow-xl dark:shadow-black/25" };
+function v0(n, t) {
+  return o(), i("div", C0, [
+    A(n.$slots, "default")
   ]);
 }
-const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
+const W1 = /* @__PURE__ */ M1(c0, [["render", v0]]), h0 = {
   key: 0,
   class: "flex items-center justify-between px-4 pb-4"
 }, C4 = /* @__PURE__ */ $({
@@ -3560,7 +3573,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
   },
   emits: ["change", "close", "open"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = L(null), r = (m) => {
+    const e = t, l = b(), s = b(null), r = (m) => {
       var d;
       n.mode === "immediate" ? (e("change", m), (d = l.value) == null || d.close()) : s.value = m;
     }, a = () => {
@@ -3582,7 +3595,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
       onOpen: C
     }, {
       default: Z((h) => [
-        R(m.$slots, "trigger", {
+        A(m.$slots, "trigger", {
           visible: h.visible
         })
       ]),
@@ -3595,7 +3608,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
               "disabled-dates": m.disabledDates,
               onChange: r
             }, null, 8, ["value", "format", "disabled-dates"]),
-            m.mode === "confirmation" || m.clearable ? (o(), i("footer", mn, [
+            m.mode === "confirmation" || m.clearable ? (o(), i("footer", h0, [
               m.clearable ? (o(), V(p(j), {
                 key: 0,
                 icon: "trash",
@@ -3618,10 +3631,10 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
       _: 3
     }, 8, ["placement", "disabled"]));
   }
-}), gn = { class: "inline-flex" }, bn = {
+}), m0 = { class: "inline-flex" }, g0 = {
   key: 0,
   class: "flex flex-col gap-0"
-}, Ln = { class: "text-sm text-secondary" }, v4 = /* @__PURE__ */ $({
+}, b0 = { class: "text-sm text-secondary" }, v4 = /* @__PURE__ */ $({
   __name: "PopConfirm",
   props: {
     order: {},
@@ -3645,7 +3658,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
   },
   emits: ["cancel", "close", "confirm"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = L(), { trapFocus: r } = X5(s), a = () => {
+    const e = t, l = b(), s = b(), { trapFocus: r } = X5(s), a = () => {
       e("close"), l.value && l.value.close();
     }, f = () => D1(r), C = () => {
       a(), e("cancel");
@@ -3661,10 +3674,10 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
       onOpen: f,
       onClose: a
     }, {
-      default: Z((b) => [
-        u("div", gn, [
-          R(d.$slots, "trigger", {
-            visible: b && b.visible
+      default: Z((L) => [
+        u("div", m0, [
+          A(d.$slots, "trigger", {
+            visible: L && L.visible
           })
         ])
       ]),
@@ -3679,9 +3692,9 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
                 "p-2": !(d.title || d.description)
               }])
             }, [
-              d.title || d.description ? (o(), i("section", bn, [
+              d.title || d.description ? (o(), i("section", g0, [
                 u("h5", null, K(d.title), 1),
-                u("p", Ln, K(d.description), 1)
+                u("p", b0, K(d.description), 1)
               ])) : k("", !0),
               w(p(E1), {
                 vertical: !(d.title || d.description),
@@ -3708,13 +3721,13 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
       _: 3
     }, 8, ["placement", "offset-options"]));
   }
-}), yn = {};
-function Hn(n, t) {
+}), L0 = {};
+function y0(n, t) {
   return " To be implemented ";
 }
-const h4 = /* @__PURE__ */ M1(yn, [["render", Hn]]);
+const h4 = /* @__PURE__ */ M1(L0, [["render", y0]]);
 var b1 = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.IDLE = "idle", n.LOADING = "loading", n.MATCH = "match", n.NO_MATCH = "no match", n))(b1 || {});
-const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
+const H0 = ["onKeydown"], V0 = /* @__PURE__ */ $({
   __name: "option",
   props: {
     option: {},
@@ -3723,7 +3736,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["click", "focus", "hover"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = O(() => e.hoveredOption && e.hoveredOption.label === e.option.label), a = () => {
+    const e = n, l = t, s = b(), r = O(() => e.hoveredOption && e.hoveredOption.id === e.option.id), a = () => {
       e.option.disabled || l("click");
     };
     return (f, C) => (o(), i("div", {
@@ -3738,14 +3751,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         "bg-primary": !r.value
       }]),
       onClick: a,
-      onKeydown: _(U(a, ["prevent"]), ["enter"]),
+      onKeydown: _(x(a, ["prevent"]), ["enter"]),
       onMouseover: C[0] || (C[0] = (m) => l("hover", f.option.id)),
       onFocus: C[1] || (C[1] = (m) => l("focus", f.option.id))
     }, [
-      R(f.$slots, "default")
-    ], 42, Vn));
+      A(f.$slots, "default")
+    ], 42, H0));
   }
-}), wn = { class: "flex items-center px-2 pb-2 space-x-2" }, Mn = /* @__PURE__ */ $({
+}), k0 = { class: "flex items-center px-2 pb-2 space-x-2" }, w0 = /* @__PURE__ */ $({
   __name: "ResultFilters",
   props: {
     selected: {},
@@ -3755,8 +3768,8 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   emits: ["change"],
   setup(n, { emit: t }) {
     const e = t;
-    return (l, s) => (o(), i("section", wn, [
-      (o(!0), i(M, null, m1(l.filters, (r) => (o(), V(p(U2), {
+    return (l, s) => (o(), i("section", k0, [
+      (o(!0), i(M, null, m1(l.filters, (r) => (o(), V(p(x2), {
         key: r.name,
         active: !!(l.selected && l.selected.name === r.name),
         count: r.count,
@@ -3766,25 +3779,25 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       }, null, 8, ["active", "count", "label", "onClick"]))), 128))
     ]));
   }
-}), Zn = {
+}), M0 = {
   key: 0,
   class: "border-b border-default"
-}, $n = {
+}, Z0 = {
   key: 0,
   class: "flex items-center w-full px-3 space-x-2 bg-primary overflow-hidden"
-}, Dn = ["placeholder", "onKeydown"], Bn = {
+}, $0 = ["placeholder", "onKeydown"], D0 = {
   key: 2,
   class: "flex-1"
-}, Sn = { class: "flex items-center space-x-2 bg-primary text-tertiary py-3 px-3" }, Tn = { class: "italic leading-none text-sm" }, zn = {
+}, B0 = { class: "flex items-center space-x-2 bg-primary text-tertiary py-3 px-3" }, S0 = { class: "italic leading-none text-sm" }, T0 = {
   key: 3,
   class: "flex-1"
-}, An = { class: "flex space-x-2 bg-primary text-tertiary py-3 px-3" }, Rn = { class: "italic leading-none text-sm" }, En = {
+}, z0 = { class: "flex space-x-2 bg-primary text-tertiary py-3 px-3" }, A0 = { class: "italic leading-none text-sm" }, R0 = {
   key: 4,
   class: "flex-1"
-}, On = { class: "flex items-center space-x-2 bg-primary text-tertiary py-3 px-3" }, In = { class: "italic leading-none text-sm" }, Pn = { class: "max-h-60 bg-primary" }, Nn = { class: "flex items-center space-x-2" }, Fn = {
+}, E0 = { class: "flex items-center space-x-2 bg-primary text-tertiary py-3 px-3" }, O0 = { class: "italic leading-none text-sm" }, I0 = { class: "max-h-60 bg-primary" }, P0 = { class: "flex items-center space-x-2" }, N0 = {
   key: 0,
   class: "text-secondary"
-}, Un = {
+}, F0 = {
   key: 6,
   class: "flex-none border-t border-default bg-primary"
 }, at = /* @__PURE__ */ $({
@@ -3815,74 +3828,74 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["close", "save-custom", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = R1(), a = L(null), f = L([]), C = L(""), m = L(), d = L(), h = L(), b = L(), c = L(), H = L(), v = L(l.resultFilters || []), g = L(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: T } = Ce(), z = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), y = O(() => f.value.every((A) => A.disabled)), S = O(() => !C.value.length && !f.value.length), W = O(() => C.value.length && !f.value.length), Q = O(() => {
+    const l = n, s = e, r = R1(), a = b(null), f = b([]), C = b(""), m = b(), d = b(), h = b(), L = b(), c = b(), y = b(), v = b(l.resultFilters || []), g = b(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: z } = Ce(), T = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), H = O(() => f.value.every((R) => R.disabled)), S = O(() => !C.value.length && !f.value.length), Y = O(() => C.value.length && !f.value.length), Q = O(() => {
       if (d.value) return b1.ERROR;
       if (l.loading) return b1.LOADING;
-      if (W.value && !l.loading) return b1.NO_MATCH;
+      if (Y.value && !l.loading) return b1.NO_MATCH;
       if (S.value && !l.loading) return b1.IDLE;
       if (f.value.length && !l.loading) return b1.MATCH;
-    }), s1 = (A) => {
-      f.value = g.value ? A.filter(g.value.execute) : A, l.resultFilters && v.value.forEach((x) => {
-        x.count = A.filter(x.execute).length;
+    }), s1 = (R) => {
+      f.value = g.value ? R.filter(g.value.execute) : R, l.resultFilters && v.value.forEach((U) => {
+        U.count = R.filter(U.execute).length;
       });
     };
     i1(
       () => l.options,
-      (A) => {
-        s1(A), a.value = null;
+      (R) => {
+        s1(R), a.value = null;
       }
     ), A1(() => {
       l.filterable && l.remoteMethod && console.warn('[PopSelect] should not have both "filterable" and "remoteMethod" props at the same time'), s1(l.options);
     });
     const f1 = () => c.value.close(), E = () => c.value.open(), I = async () => {
-      T(() => {
-        H.value && T(() => H.value.update()), h.value && T(() => h.value.focus());
+      z(() => {
+        y.value && z(() => y.value.update()), h.value && z(() => h.value.focus());
       });
     }, G = () => {
       l.keepOpen || (a.value = null, l.resetOnClose && (C.value = "", l.remoteMethod ? l.remoteMethod("") : s1([]), g.value = l.resultFilters ? l.resultFilters[0] : null), s("close"));
-    }, P = (A) => {
-      s("select", A), l.keepOpen || f1();
-    }, N = (A) => f.value = l.options.filter((x) => x.label.toLowerCase().includes(A.toLowerCase())), S1 = W2(async (A) => {
-      const x = A.target.value;
-      a.value = null, l.filterable ? N(x) : l.remoteMethod && await l.remoteMethod(x);
-    }, l.debounceMs), g1 = (A) => {
-      a.value = f.value.find((x) => x.id === A) || null;
-    }, F = (A) => {
-      if (!b.value.length) return;
-      const x = b.value[f.value.findIndex((q) => q.label === A.label)].$el;
-      if (H.value && x) {
-        const q = H.value.$el.querySelector(".scrollbar__wrap");
-        q && (st(q, x), H.value.handleScroll());
+    }, P = (R) => {
+      s("select", R), l.keepOpen || f1();
+    }, N = (R) => f.value = l.options.filter((U) => U.label.toLowerCase().includes(R.toLowerCase())), S1 = W2(async (R) => {
+      const U = R.target.value;
+      a.value = null, l.filterable ? N(U) : l.remoteMethod && await l.remoteMethod(U);
+    }, l.debounceMs), g1 = (R) => {
+      a.value = f.value.find((U) => U.id === R) || null;
+    }, F = (R) => {
+      if (!L.value.length) return;
+      const U = L.value[f.value.findIndex((q) => q.label === R.label)].$el;
+      if (y.value && U) {
+        const q = y.value.$el.querySelector(".scrollbar__wrap");
+        q && (st(q, U), y.value.handleScroll());
       }
-    }, Y = async (A) => {
+    }, W = async (R) => {
       if (f.value.length === 0) return;
-      let x = f.value.findIndex((q) => {
+      let U = f.value.findIndex((q) => {
         var d1;
         return q.label === ((d1 = a.value) == null ? void 0 : d1.label);
       });
-      y.value || (A === "next" ? (x++, x === f.value.length && (x = 0)) : A === "prev" && (x--, x < 0 && (x = f.value.length - 1)), a.value = f.value[x], a.value.disabled === !0 && Y(A), await D1(), a.value && F(a.value));
+      H.value || (R === "next" ? (U++, U === f.value.length && (U = 0)) : R === "prev" && (U--, U < 0 && (U = f.value.length - 1)), a.value = f.value[U], a.value.disabled === !0 && W(R), await D1(), a.value && F(a.value));
     }, o1 = () => {
       a.value ? P(a.value) : C.value.length && s("save-custom", C.value);
-    }, v1 = (A) => {
-      g.value = A, s1(l.options), h.value.focus();
+    }, v1 = (R) => {
+      g.value = R, s1(l.options), h.value.focus();
     };
-    return t({ close: f1, focus: E }), (A, x) => (o(), V(p(Y1), {
+    return t({ close: f1, focus: E }), (R, U) => (o(), V(p(Y1), {
       ref_key: "popperRef",
       ref: c,
       trigger: "click",
-      placement: A.placement,
-      disabled: A.disabled,
-      "popper-width-class": A.popperWidthClass,
-      "same-width-as-element": A.sameWidthAsElement,
-      "same-width-as-trigger": A.sameWidthAsTrigger,
-      "root-class": A.rootClass,
-      "trigger-class": A.triggerClass,
+      placement: R.placement,
+      disabled: R.disabled,
+      "popper-width-class": R.popperWidthClass,
+      "same-width-as-element": R.sameWidthAsElement,
+      "same-width-as-trigger": R.sameWidthAsTrigger,
+      "root-class": R.rootClass,
+      "trigger-class": R.triggerClass,
       onClose: G,
       onOpen: I
     }, {
       default: Z((q) => [
-        R(A.$slots, "trigger", {
-          disabled: A.disabled,
+        A(R.$slots, "trigger", {
+          disabled: R.disabled,
           visible: q && q.visible
         })
       ]),
@@ -3890,37 +3903,37 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         w(p(W1), {
           ref_key: "contentRef",
           ref: m,
-          class: D(["flex flex-col", { "h-72": A.fixedHeight }])
+          class: D(["flex flex-col", { "h-72": R.fixedHeight }])
         }, {
           default: Z(() => [
-            A.filterable || A.remoteMethod || A.resultFilters ? (o(), i("header", Zn, [
-              A.filterable || A.remoteMethod ? (o(), i("header", $n, [
+            R.filterable || R.remoteMethod || R.resultFilters ? (o(), i("header", M0, [
+              R.filterable || R.remoteMethod ? (o(), i("header", Z0, [
                 w(p(l1), {
                   name: "magnifying-glass",
                   class: "text-light-blue"
                 }),
-                x1(u("input", {
+                U1(u("input", {
                   ref_key: "inputRef",
                   ref: h,
-                  "onUpdate:modelValue": x[0] || (x[0] = (q) => C.value = q),
+                  "onUpdate:modelValue": U[0] || (U[0] = (q) => C.value = q),
                   type: "text",
                   class: "w-full h-8 text-sm leading-none bg-primary rounded-tr-lg focus:outline-hidden",
-                  placeholder: A.placeholder,
-                  onClick: x[1] || (x[1] = U(() => {
+                  placeholder: R.placeholder,
+                  onClick: U[1] || (U[1] = x(() => {
                   }, ["stop", "prevent"])),
-                  onInput: x[2] || (x[2] = //@ts-ignore
+                  onInput: U[2] || (U[2] = //@ts-ignore
                   (...q) => p(S1) && p(S1)(...q)),
                   onKeydown: [
-                    x[3] || (x[3] = _(U((q) => Y("next"), ["prevent"]), ["down"])),
-                    x[4] || (x[4] = _(U((q) => Y("prev"), ["prevent"]), ["up"])),
-                    _(U(o1, ["prevent"]), ["enter"]),
-                    _(U(G, ["stop", "prevent"]), ["esc"])
+                    U[3] || (U[3] = _(x((q) => W("next"), ["prevent"]), ["down"])),
+                    U[4] || (U[4] = _(x((q) => W("prev"), ["prevent"]), ["up"])),
+                    _(x(o1, ["prevent"]), ["enter"]),
+                    _(x(G, ["stop", "prevent"]), ["esc"])
                   ]
-                }, null, 40, Dn), [
+                }, null, 40, $0), [
                   [Vt, C.value]
                 ])
               ])) : k("", !0),
-              A.resultFilters ? (o(), V(Mn, {
+              R.resultFilters ? (o(), V(w0, {
                 key: 1,
                 "show-counts": "",
                 filters: v.value,
@@ -3928,50 +3941,50 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                 onChange: v1
               }, null, 8, ["filters", "selected"])) : k("", !0)
             ])) : k("", !0),
-            A.$slots.error ? (o(), i("div", {
+            R.$slots.error ? (o(), i("div", {
               key: 1,
               ref_key: "errorRef",
               ref: d,
               class: "flex-1 bg-primary h-full"
             }, [
-              R(A.$slots, "error")
-            ], 512)) : Q.value === p(b1).LOADING ? (o(), i("div", Bn, [
-              u("div", Sn, [
+              A(R.$slots, "error")
+            ], 512)) : Q.value === p(b1).LOADING ? (o(), i("div", D0, [
+              u("div", B0, [
                 w(p(N1), { class: "w-4 h-4 text-granite-grey" }),
-                u("span", Tn, K(A.loadingText), 1)
+                u("span", S0, K(R.loadingText), 1)
               ])
-            ])) : Q.value === p(b1).NO_MATCH ? (o(), i("div", zn, [
-              u("div", An, [
-                x[5] || (x[5] = u("div", { class: "w-4 h-4 text-center leading-none" }, " ... ", -1)),
-                u("span", Rn, K(A.noMatchText), 1)
+            ])) : Q.value === p(b1).NO_MATCH ? (o(), i("div", T0, [
+              u("div", z0, [
+                U[5] || (U[5] = u("div", { class: "w-4 h-4 text-center leading-none" }, " ... ", -1)),
+                u("span", A0, K(R.noMatchText), 1)
               ])
-            ])) : Q.value === p(b1).IDLE ? (o(), i("div", En, [
-              u("div", On, [
-                w(p(l1), { name: A.emptyStateIcon }, null, 8, ["name"]),
-                u("span", In, K(A.emptyStateText), 1)
+            ])) : Q.value === p(b1).IDLE ? (o(), i("div", R0, [
+              u("div", E0, [
+                w(p(l1), { name: R.emptyStateIcon }, null, 8, ["name"]),
+                u("span", O0, K(R.emptyStateText), 1)
               ]),
-              x[6] || (x[6] = u("div", { class: "h-8 w-full bg-primary" }, null, -1))
+              U[6] || (U[6] = u("div", { class: "h-8 w-full bg-primary" }, null, -1))
             ])) : Q.value === p(b1).MATCH ? (o(), V(p(q1), {
               key: 5,
               ref_key: "scrollbarRef",
-              ref: H
+              ref: y
             }, {
               default: Z(() => [
-                u("div", Pn, [
-                  (o(!0), i(M, null, m1(f.value, (q) => (o(), V(kn, {
+                u("div", I0, [
+                  (o(!0), i(M, null, m1(f.value, (q) => (o(), V(V0, {
                     ref_for: !0,
                     ref_key: "optionsRef",
-                    ref: b,
+                    ref: L,
                     key: q.id,
                     option: q,
                     "hovered-option": a.value,
-                    selected: z.value.includes(q),
+                    selected: T.value.includes(q),
                     onFocus: g1,
                     onHover: g1,
                     onClick: (d1) => P(q)
                   }, {
                     default: Z(() => [
-                      u("div", Nn, [
+                      u("div", P0, [
                         q.icon ? (o(), V(p(l1), {
                           key: 0,
                           name: q.icon
@@ -3982,7 +3995,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                           highlight: C.value
                         }, null, 8, ["value", "highlight"])
                       ]),
-                      q.meta ? (o(), i("div", Fn, K(q.meta), 1)) : k("", !0)
+                      q.meta ? (o(), i("div", N0, K(q.meta), 1)) : k("", !0)
                     ]),
                     _: 2
                   }, 1032, ["option", "hovered-option", "selected", "onClick"]))), 128))
@@ -3990,8 +4003,8 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               ]),
               _: 1
             }, 512)) : k("", !0),
-            p(r).footer ? (o(), i("footer", Un, [
-              R(A.$slots, "footer")
+            p(r).footer ? (o(), i("footer", F0, [
+              A(R.$slots, "footer")
             ])) : k("", !0)
           ]),
           _: 3
@@ -4008,7 +4021,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["click", "close"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(""), r = Re({ backdropFilter: "" });
+    const e = n, l = t, s = b(""), r = Re({ backdropFilter: "" });
     return A1(() => {
       e.type === "default" ? (s.value = "bg-black/25 dark:bg-black/50", r.backdropFilter = "") : e.type === "blurred" && (s.value = "bg-black/25", r.backdropFilter = "blur(3px)");
     }), (a, f) => (o(), V(de, {
@@ -4021,12 +4034,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       onAfterLeave: f[1] || (f[1] = (C) => l("close"))
     }, {
       default: Z(() => [
-        x1(u("div", {
+        U1(u("div", {
           class: D(["z-40 fixed w-screen h-screen top-0 left-0 flex items-center justify-center pointer-events-auto p-4", s.value]),
           style: t1(r),
-          onMousedown: f[0] || (f[0] = U((C) => l("click"), ["self"]))
+          onMousedown: f[0] || (f[0] = x((C) => l("click"), ["self"]))
         }, [
-          R(a.$slots, "default")
+          A(a.$slots, "default")
         ], 38), [
           [X1, a.show]
         ])
@@ -4034,7 +4047,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), xn = {
+}), x0 = {
   offset: "offsetWidth",
   scroll: "scrollLeft",
   scrollSize: "scrollWidth",
@@ -4043,7 +4056,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   axis: "X",
   client: "clientX",
   direction: "left"
-}, Yn = {
+}, U0 = {
   offset: "offsetHeight",
   scroll: "scrollTop",
   scrollSize: "scrollHeight",
@@ -4052,7 +4065,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   axis: "Y",
   client: "clientY",
   direction: "top"
-}, Wn = ["aria-label", "aria-valuenow"], Se = /* @__PURE__ */ $({
+}, Y0 = ["aria-label", "aria-valuenow"], Se = /* @__PURE__ */ $({
   __name: "Bar",
   props: {
     vertical: { type: Boolean },
@@ -4061,13 +4074,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["move", "update"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(!1), f = e.vertical ? Yn : xn, C = L(0), m = (g) => {
+    const e = n, l = t, s = b(), r = b(), a = b(!1), f = e.vertical ? U0 : x0, C = b(0), m = (g) => {
       if (!a.value) return;
-      const T = C.value;
-      if (!T) return;
-      const z = s.value.getBoundingClientRect();
-      if (z) {
-        const y = ((z[f.direction] || 0) - (g[f.client] || 0)) * -1, S = r.value && typeof r.value[f.offset] == "number" ? r.value[f.offset] - T : 0, W = s.value ? Number(s.value[f.offset]) : 0, Q = W ? (y - S) * 100 / W : 0;
+      const z = C.value;
+      if (!z) return;
+      const T = s.value.getBoundingClientRect();
+      if (T) {
+        const H = ((T[f.direction] || 0) - (g[f.client] || 0)) * -1, S = r.value && typeof r.value[f.offset] == "number" ? r.value[f.offset] - z : 0, Y = s.value ? Number(s.value[f.offset]) : 0, Q = Y ? (H - S) * 100 / Y : 0;
         l("update", {
           scrollReference: f.scroll,
           positionPercentage: Q,
@@ -4078,22 +4091,22 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       a.value = !1, C.value = 0, document.removeEventListener("mousemove", m), document.onselectstart = null;
     }, h = (g) => {
       g.stopImmediatePropagation(), a.value = !0, document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.onselectstart = () => !1;
-    }, b = (g) => {
+    }, L = (g) => {
       if (!(g.ctrlKey || g.button === 2) && (h(g), g.currentTarget)) {
-        const T = g.currentTarget[f.offset], z = g[f.client], S = g.currentTarget.getBoundingClientRect()[f.direction];
-        C.value = T - (z - S);
+        const z = g.currentTarget[f.offset], T = g[f.client], S = g.currentTarget.getBoundingClientRect()[f.direction];
+        C.value = z - (T - S);
       }
     }, c = (g) => {
-      const T = g.target.getBoundingClientRect();
-      if (T) {
-        const z = T[f.direction], y = g[f.client], S = Math.abs((z ? Number(z) : 0) - (y ? Number(y) : 0)), W = r.value[f.offset] / 2, Q = s.value ? Number(s.value[f.offset]) : 0, s1 = Q ? (S - W) * 100 / Q : 0;
+      const z = g.target.getBoundingClientRect();
+      if (z) {
+        const T = z[f.direction], H = g[f.client], S = Math.abs((T ? Number(T) : 0) - (H ? Number(H) : 0)), Y = r.value[f.offset] / 2, Q = s.value ? Number(s.value[f.offset]) : 0, s1 = Q ? (S - Y) * 100 / Q : 0;
         l("update", {
           scrollReference: f.scroll,
           positionPercentage: s1,
           scrollSize: f.scrollSize
         });
       }
-    }, H = () => {
+    }, y = () => {
       const g = `translate${f.axis}(${e.move}%)`;
       return {
         [f.size]: e.size,
@@ -4104,18 +4117,18 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     }, v = (g) => {
       e.vertical ? g.key === "ArrowUp" ? (l("move", -1), g.preventDefault(), g.stopPropagation()) : g.key === "ArrowDown" && (l("move", 1), g.preventDefault(), g.stopPropagation()) : g.key === "ArrowLeft" ? (l("move", -1), g.preventDefault(), g.stopPropagation()) : g.key === "ArrowRight" && (l("move", 1), g.preventDefault(), g.stopPropagation());
     };
-    return (g, T) => (o(), i("div", {
+    return (g, z) => (o(), i("div", {
       ref_key: "scrollbarRef",
       ref: s,
       class: D(`scrollbar__bar is-${p(f).key}`),
-      onClick: T[1] || (T[1] = U(() => {
+      onClick: z[1] || (z[1] = x(() => {
       }, ["stop", "prevent"])),
-      onMousedown: U(c, ["stop", "prevent"])
+      onMousedown: x(c, ["stop", "prevent"])
     }, [
       u("div", {
         ref_key: "thumbRef",
         ref: r,
-        style: t1(H()),
+        style: t1(y()),
         class: "scrollbar__thumb",
         tabindex: "0",
         role: "slider",
@@ -4123,11 +4136,11 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         "aria-valuenow": e.move || 0,
         "aria-valuemin": "0",
         "aria-valuemax": "100",
-        onClick: T[0] || (T[0] = U(() => {
+        onClick: z[0] || (z[0] = x(() => {
         }, ["stop", "prevent"])),
-        onMousedown: U(b, ["stop", "prevent"]),
+        onMousedown: x(L, ["stop", "prevent"]),
         onKeydown: v
-      }, null, 44, Wn)
+      }, null, 44, Y0)
     ], 34));
   }
 }), q1 = /* @__PURE__ */ $({
@@ -4148,56 +4161,56 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e;
     let r;
-    const a = L(6), f = L(0), C = L(0), m = L(0), d = L("0"), h = L("0"), b = Re({
+    const a = b(6), f = b(0), C = b(0), m = b(0), d = b("0"), h = b("0"), L = Re({
       marginRight: "",
       marginBottom: ""
-    }), c = { height: 100, width: 100 }, H = ["scrollbar__wrap"];
-    !a.value && H.push("scrollbar__wrap--hidden-default"), l.wrapClass && H.push(l.wrapClass);
-    const v = L(), g = L(), T = () => {
+    }), c = { height: 100, width: 100 }, y = ["scrollbar__wrap"];
+    !a.value && y.push("scrollbar__wrap--hidden-default"), l.wrapClass && y.push(l.wrapClass);
+    const v = b(), g = b(), z = () => {
       C.value = v.value.scrollTop * 100 / v.value.clientHeight, f.value = v.value.scrollLeft * 100 / v.value.clientWidth, s("scroll", v.value.scrollTop);
       const E = v.value.scrollTop + v.value.clientHeight, I = 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 < I && E === I ? s("intersect", { edge: "bottom", hit: !0 }) : m.value + v.value.clientHeight === I && E < I && s("intersect", { edge: "bottom", hit: !1 }), l.triggers)
         for (const G of l.triggers)
           m.value < G.px && v.value.scrollTop >= G.px ? G.callback(G, "down") : m.value > G.px && v.value.scrollTop <= G.px && G.callback(G, "up");
       m.value = v.value.scrollTop;
-    }, z = () => ({
+    }, T = () => ({
       heightPercentage: v.value.clientHeight * 100 / v.value.scrollHeight,
       widthPercentage: v.value.clientWidth * 100 / v.value.scrollWidth
-    }), y = async () => {
+    }), H = async () => {
       if (!v.value) return;
       await D1();
-      const { heightPercentage: E, widthPercentage: I } = z();
-      !E && !I || (l.disableX || (c.width === 100 && I < 100 ? s("scrollXActive", !0) : I === 100 && c.width < 100 && s("scrollXActive", !1), I === 100 ? b.marginBottom = "0px" : a.value && (b.marginBottom = `-${a.value}px`), c.width = I, h.value = I < 100 ? `${I}%` : ""), l.disableY || (c.height === 100 && E < 100 ? s("scrollYActive", !0) : E === 100 && c.height < 100 && s("scrollYActive", !1), E === 100 ? b.marginRight = "0px" : a.value && (b.marginRight = `-${a.value}px`), c.height = E, d.value = E < 100 ? `${E}%` : ""), T());
+      const { heightPercentage: E, widthPercentage: I } = T();
+      !E && !I || (l.disableX || (c.width === 100 && I < 100 ? s("scrollXActive", !0) : I === 100 && c.width < 100 && s("scrollXActive", !1), I === 100 ? L.marginBottom = "0px" : a.value && (L.marginBottom = `-${a.value}px`), c.width = I, h.value = I < 100 ? `${I}%` : ""), l.disableY || (c.height === 100 && E < 100 ? s("scrollYActive", !0) : E === 100 && c.height < 100 && s("scrollYActive", !1), E === 100 ? L.marginRight = "0px" : a.value && (L.marginRight = `-${a.value}px`), c.height = E, d.value = E < 100 ? `${E}%` : ""), z());
     };
     a1(async () => {
-      await D1(y), c.height === 100 && s("intersect", { edge: "top", hit: !0 }), l.windowResize && window.addEventListener("resize", y), l.noresize || (r = new MutationObserver(y), r.observe(g.value, {
+      await D1(H), c.height === 100 && s("intersect", { edge: "top", hit: !0 }), l.windowResize && window.addEventListener("resize", H), l.noresize || (r = new MutationObserver(H), r.observe(g.value, {
         childList: !0,
         subtree: !0
       }));
     }), B1(() => {
-      !l.noresize && r.disconnect(), l.windowResize && window.removeEventListener("resize", y);
+      !l.noresize && r.disconnect(), l.windowResize && window.removeEventListener("resize", H);
     });
     const S = (E) => {
       v.value[E.scrollReference] = E.positionPercentage * v.value[E.scrollSize] / 100;
-    }, W = (E, I) => {
-      E === "x" ? v.value.scrollBy({ left: I, behavior: "smooth" }) : v.value.scrollBy({ top: I, behavior: "smooth" }), T();
+    }, Y = (E, I) => {
+      E === "x" ? v.value.scrollBy({ left: I, behavior: "smooth" }) : v.value.scrollBy({ top: I, behavior: "smooth" }), z();
     };
-    return t({ handleScroll: T, reset: () => {
-      v.value.scrollTop = 0, T();
+    return t({ handleScroll: z, reset: () => {
+      v.value.scrollTop = 0, z();
     }, jumpToPercentage: (E, I) => {
-      E === "x" ? v.value.scrollLeft = v.value.scrollWidth * I / 100 : v.value.scrollTop = v.value.scrollHeight * I / 100, T();
+      E === "x" ? v.value.scrollLeft = v.value.scrollWidth * I / 100 : v.value.scrollTop = v.value.scrollHeight * I / 100, z();
     }, scrollToPercentage: (E, I) => {
-      E === "x" ? v.value.scrollTo({ left: v.value.scrollWidth * I / 100, behavior: "smooth" }) : v.value.scrollTo({ top: v.value.scrollHeight * I / 100, behavior: "smooth" }), T();
-    }, update: y }), (E, I) => (o(), i("main", {
+      E === "x" ? v.value.scrollTo({ left: v.value.scrollWidth * I / 100, behavior: "smooth" }) : v.value.scrollTo({ top: v.value.scrollHeight * I / 100, behavior: "smooth" }), z();
+    }, update: H }), (E, I) => (o(), i("main", {
       class: D(["scrollbar scroll-hidden", [E.viewHeightClass, { show: E.show }]])
     }, [
       u("div", {
         id: "wrapRef",
         ref_key: "wrapRef",
         ref: v,
-        class: D(["relative", [H]]),
-        style: t1(b),
-        onScroll: T
+        class: D(["relative", [y]]),
+        style: t1(L),
+        onScroll: z
       }, [
         (o(), V($1(l.tag), {
           ref_key: "contentRef",
@@ -4205,7 +4218,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           class: D(["scrollbar__view relative", [E.viewClass]])
         }, {
           default: Z(() => [
-            R(E.$slots, "default")
+            A(E.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"]))
@@ -4214,7 +4227,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         key: 0,
         move: f.value,
         size: h.value,
-        onMove: I[0] || (I[0] = (G) => W("x", G * 40)),
+        onMove: I[0] || (I[0] = (G) => Y("x", G * 40)),
         onUpdate: S
       }, null, 8, ["move", "size"])),
       E.disableY ? k("", !0) : (o(), V(Se, {
@@ -4222,7 +4235,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         vertical: "",
         move: C.value,
         size: d.value,
-        onMove: I[1] || (I[1] = (G) => W("y", G * 40)),
+        onMove: I[1] || (I[1] = (G) => Y("y", G * 40)),
         onUpdate: S
       }, null, 8, ["move", "size"]))
     ], 2));
@@ -4231,7 +4244,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   __name: "ScrollBottomLoader",
   emits: ["intersect"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = L(null);
+    const e = t, l = b(), s = b(null);
     return a1(() => {
       s.value = new IntersectionObserver(
         ([r]) => r.isIntersecting && e("intersect"),
@@ -4242,16 +4255,16 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       ref: l,
       class: "w-full h-16 flex items-center justify-center bg-white"
     }, [
-      r.$slots.default ? R(r.$slots, "default", { key: 0 }) : (o(), V(p(N1), {
+      r.$slots.default ? A(r.$slots, "default", { key: 0 }) : (o(), V(p(N1), {
         key: 1,
         class: "w-6 h-6 text-granite-grey"
       }))
     ], 512));
   }
-}), g4 = ["top", "bottom", "left", "right"], b4 = ["up", "down", "left", "right"], jn = {
+}), g4 = ["top", "bottom", "left", "right"], b4 = ["up", "down", "left", "right"], W0 = {
   key: 1,
   class: "text-xs"
-}, Kn = /* @__PURE__ */ $({
+}, j0 = /* @__PURE__ */ $({
   __name: "SegmentButton",
   props: {
     active: { type: Boolean },
@@ -4271,7 +4284,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         key: 0,
         name: l.segment.icon
       }, null, 8, ["name"])) : k("", !0),
-      l.segment.label ? (o(), i("p", jn, K(l.segment.label), 1)) : k("", !0)
+      l.segment.label ? (o(), i("p", W0, K(l.segment.label), 1)) : k("", !0)
     ], 2));
   }
 }), L4 = /* @__PURE__ */ $({
@@ -4285,7 +4298,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     const e = t, l = (s) => s.label === n.selectedSegment.label;
     return (s, r) => (o(), V(p(e1), { class: "gap-0.5 p-1 rounded-lg bg-secondary" }, {
       default: Z(() => [
-        (o(!0), i(M, null, m1(s.segments, (a) => (o(), V(Kn, {
+        (o(!0), i(M, null, m1(s.segments, (a) => (o(), V(j0, {
           key: a.label,
           segment: a,
           active: l(a),
@@ -4310,10 +4323,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         style: t1({ top: t.small ? "-0.55rem" : "-0.63rem" }),
         class: D(["absolute bg-primary px-2 font-medium text-tertiary", { "text-[10px]": t.small, "text-xs": !t.small }])
       }, K(t.label), 7)) : k("", !0),
-      R(t.$slots, "default")
+      A(t.$slots, "default")
     ], 2));
   }
-}), Qn = { class: "list-none flex items-center w-full overflow-hidden bg-primary" }, qn = { class: "flex-1 w-full overflow-hidden flex items-center gap-2" }, H4 = /* @__PURE__ */ $({
+}), K0 = { class: "list-none flex items-center w-full overflow-hidden bg-primary" }, Q0 = { class: "flex-1 w-full overflow-hidden flex items-center gap-2" }, H4 = /* @__PURE__ */ $({
   __name: "SelectListOption",
   props: {
     hoveredOption: {},
@@ -4326,7 +4339,7 @@ const Vn = ["onKeydown"], kn = /* @__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", Qn, [
+    return (a, f) => (o(), i("li", K0, [
       (o(), V($1(l.value ? "button" : "div"), {
         disabled: a.option.disabled,
         class: D(["w-full overflow-hidden rounded-lg flex items-center px-2 py-1 gap-2", {
@@ -4342,7 +4355,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         onFocus: f[2] || (f[2] = (C) => e("focus", a.option))
       }, {
         default: Z(() => [
-          u("main", qn, [
+          u("main", Q0, [
             a.variant === "checkbox" ? (o(), V(p(nt), {
               key: 0,
               disabled: a.option.disabled,
@@ -4393,17 +4406,17 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       }, 40, ["disabled", "class"]))
     ]));
   }
-}), Xn = { class: "flex-1 h-full flex flex-col items-center justify-center gap-2" }, Gn = { class: "flex flex-col items-center justify-center" }, Jn = { class: "flex items-center justify-center w-12 h-12" }, _1 = /* @__PURE__ */ $({
+}), q0 = { class: "flex-1 h-full flex flex-col items-center justify-center gap-2" }, X0 = { class: "flex flex-col items-center justify-center" }, G0 = { class: "flex items-center justify-center w-12 h-12" }, _1 = /* @__PURE__ */ $({
   __name: "StatusCard",
   props: {
     status: {},
     variant: {}
   },
   setup(n) {
-    return (t, e) => (o(), i("div", Xn, [
-      u("div", Gn, [
-        u("div", Jn, [
-          R(t.$slots, "default")
+    return (t, e) => (o(), i("div", q0, [
+      u("div", X0, [
+        u("div", G0, [
+          A(t.$slots, "default")
         ])
       ]),
       u("span", {
@@ -4415,7 +4428,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       }, K(t.status), 3)
     ]));
   }
-}), _n = /* @__PURE__ */ $({
+}), J0 = /* @__PURE__ */ $({
   __name: "ErrorCard",
   props: {
     message: {}
@@ -4473,7 +4486,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }, 8, ["status"]));
   }
-}), e0 = /* @__PURE__ */ $({
+}), _0 = /* @__PURE__ */ $({
   __name: "IdleCard",
   setup(n) {
     return (t, e) => (o(), V(p(_1), {
@@ -4499,7 +4512,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), t0 = /* @__PURE__ */ $({
+}), en = /* @__PURE__ */ $({
   __name: "LoadingCard",
   setup(n) {
     return (t, e) => (o(), V(p(_1), {
@@ -4512,7 +4525,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), l0 = /* @__PURE__ */ $({
+}), tn = /* @__PURE__ */ $({
   __name: "NoMatchCard",
   setup(n) {
     return (t, e) => (o(), V(p(_1), {
@@ -4567,22 +4580,22 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), n0 = {
+}), ln = {
   key: 0,
   class: "flex-0 flex flex-col gap-2 p-2 border-b border-default"
-}, o0 = {
+}, nn = {
   key: 0,
   class: ""
-}, s0 = {
+}, on = {
   key: 1,
   class: "flex items-center gap-1"
-}, a0 = { class: "text-sm text-muted italic" }, r0 = { class: "flex-1 max-h-72 h-full overflow-hidden flex flex-col" }, i0 = {
+}, sn = { class: "text-sm text-muted italic" }, an = { class: "flex-1 max-h-72 h-full overflow-hidden flex flex-col" }, rn = {
   key: 1,
   class: "flex-initial max-h-72 flex flex-col border-t border-default"
-}, d0 = { class: "flex-none flex items-center justify-between gap-1 px-4 py-1" }, u0 = {
+}, dn = { class: "flex-none flex items-center justify-between gap-1 px-4 py-1" }, un = {
   key: 0,
   class: "px-4 h-8 flex items-center text-ui-label-14-regular text-disabled-font"
-}, p0 = { class: "flex-0" }, V4 = /* @__PURE__ */ $({
+}, pn = { class: "flex-0" }, V4 = /* @__PURE__ */ $({
   __name: "SelectList",
   props: {
     identifier: { default: "label" },
@@ -4604,14 +4617,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["escape", "selectQuery", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, { nextFrame: r } = Ce(), a = L(null), f = L([]), C = L(""), m = L(), d = L(), h = L(), b = L(), c = L(), H = L(l.filters ? l.filters[0] : null), v = L(!1), g = L(!1), T = L(""), z = (B) => {
+    const l = n, s = e, { nextFrame: r } = Ce(), a = b(null), f = b([]), C = b(""), m = b(), d = b(), h = b(), L = b(), c = b(), y = b(l.filters ? l.filters[0] : null), v = b(!1), g = b(!1), z = b(""), T = (B) => {
       if (!Array.isArray(B)) throw new Error("Item passed must be an Array");
       return B.length === 0 ? !1 : "options" in B[0];
-    }, y = O(() => z(l.options)), S = O(() => y.value ? l.options.flatMap((B) => B.options) : l.options), W = O(() => l.loading ? "loading" : l.errorMessage ? "error" : C.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), Q = O(() => l.selected && "length" in l.selected), s1 = O(() => l.selected ? Q.value ? l.selected.length : 1 : 0), f1 = O(() => l.selected ? H.value ? l.selected.length >= S.value.filter(H.value.execute).length : Q.value ? l.selected.length === S.value.length : !1 : !1), E = O(() => l.selected ? Q.value ? !l.selected.length : !l.selected : !0);
+    }, H = O(() => T(l.options)), S = O(() => H.value ? l.options.flatMap((B) => B.options) : l.options), Y = O(() => l.loading ? "loading" : l.errorMessage ? "error" : C.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), Q = O(() => l.selected && "length" in l.selected), s1 = O(() => l.selected ? Q.value ? l.selected.length : 1 : 0), f1 = O(() => l.selected ? y.value ? l.selected.length >= S.value.filter(y.value.execute).length : Q.value ? l.selected.length === S.value.length : !1 : !1), E = O(() => l.selected ? Q.value ? !l.selected.length : !l.selected : !0);
     i1(() => l.selected, (B) => {
       B && v.value && r(() => {
         if (h.value.update(), Q.value && s1.value) {
-          const J = b.value[b.value.length - 1].$el, p1 = c.value.$el.querySelector(".scrollbar__wrap");
+          const J = L.value[L.value.length - 1].$el, p1 = c.value.$el.querySelector(".scrollbar__wrap");
           p1 && (st(p1, J), c.value.handleScroll());
         }
       });
@@ -4623,7 +4636,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       });
     }), B1(() => m.value.removeEventListener("keydown", I));
     const I = (B) => {
-      B.key === "Enter" ? P() : B.key === "Escape" ? s("escape") : B.key === "ArrowDown" ? A("next") : B.key === "ArrowUp" && A("prev");
+      B.key === "Enter" ? P() : B.key === "Escape" ? s("escape") : B.key === "ArrowDown" ? R("next") : B.key === "ArrowUp" && R("prev");
     }, G = (B) => {
       if (Q.value) {
         const J = l.selected.map((p1) => p1.label).includes(B.label) ? [...l.selected.filter((p1) => p1.label !== B.label)] : [...l.selected, B];
@@ -4636,42 +4649,42 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       C.value = B, a.value = null, l.searchFunction && await l.searchFunction(B);
     }, S1 = l.searchDebounce ? ne(n1, l.searchDebounce) : n1, g1 = (B) => {
       var J;
-      if (y.value) {
+      if (H.value) {
         const p1 = B;
         f.value = p1.map((Z1) => {
           var ye;
           return {
             ...Z1,
-            options: H.value ? Z1.options.filter((ye = H.value) == null ? void 0 : ye.execute) : Z1.options
+            options: y.value ? Z1.options.filter((ye = y.value) == null ? void 0 : ye.execute) : Z1.options
           };
         });
       } else {
         const p1 = B;
-        f.value = H.value ? p1.filter((J = H.value) == null ? void 0 : J.execute) : p1;
+        f.value = y.value ? p1.filter((J = y.value) == null ? void 0 : J.execute) : p1;
       }
     }, F = (B) => {
-      H.value = B, g1(l.options);
-    }, Y = () => {
+      y.value = B, g1(l.options);
+    }, W = () => {
       if (!Q.value) throw new Error('[SelectList@onToggleAll] method should not be called when "isMultiselect=false"');
-      s1.value === 0 || s1.value && !f1.value ? s("select", H.value ? S.value.filter(H.value.execute) : S.value) : s("select", []);
+      s1.value === 0 || s1.value && !f1.value ? s("select", y.value ? S.value.filter(y.value.execute) : S.value) : s("select", []);
     }, o1 = (B) => a.value = S.value.find((J) => J[l.identifier] === B[l.identifier]) || null, v1 = O(() => {
       const B = Array.isArray(f.value) && f.value.length > 0 && "options" in f.value[0] ? f.value.flatMap((J) => J.options) : f.value;
       return B.length > 0 && B.every((J) => !!J.disabled);
-    }), A = async (B) => {
+    }), R = async (B) => {
       if (f.value.length === 0) return;
       let J = S.value.findIndex((p1) => {
         var Z1;
         return p1.label === ((Z1 = a.value) == null ? void 0 : Z1.label);
       });
-      v1.value || (B === "next" ? (J++, J === f.value.length && (J = 0)) : B === "prev" && (J--, J < 0 && (J = f.value.length - 1)), a.value = S.value[J], a.value.disabled === !0 && A(B), await D1(), a.value && x(a.value));
-    }, x = (B) => {
+      v1.value || (B === "next" ? (J++, J === f.value.length && (J = 0)) : B === "prev" && (J--, J < 0 && (J = f.value.length - 1)), a.value = S.value[J], a.value.disabled === !0 && R(B), await D1(), a.value && U(a.value));
+    }, U = (B) => {
       if (!d.value.children.length) return;
       const J = null;
       h.value;
     }, q = () => {
       v.value = !v.value, c.value.update();
-    }, d1 = O(() => v.value && g.value ? T.value : "border-transparent"), V1 = (B) => {
-      B.hit ? B.edge === "bottom" && B.hit ? T.value = "border-b-transparent border-t-outline-subtle shadow-scroll-top" : B.edge === "top" && B.hit && (T.value = "border-t-transparent border-b-outline-subtle shadow-scroll-bottom") : T.value = "border-y-outline-subtle shadow-scroll-y";
+    }, d1 = O(() => v.value && g.value ? z.value : "border-transparent"), V1 = (B) => {
+      B.hit ? B.edge === "bottom" && B.hit ? z.value = "border-b-transparent border-t-outline-subtle shadow-scroll-top" : B.edge === "top" && B.hit && (z.value = "border-t-transparent border-b-outline-subtle shadow-scroll-bottom") : z.value = "border-y-outline-subtle shadow-scroll-y";
     }, L1 = (B) => {
       g.value = B;
     };
@@ -4679,7 +4692,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       // focusSearch,
       isMultiselect: Q,
       reset: () => {
-        C.value = "", l.searchFunction ? l.searchFunction("") : g1([]), H.value = l.filters ? l.filters[0] : null;
+        C.value = "", l.searchFunction ? l.searchFunction("") : g1([]), y.value = l.filters ? l.filters[0] : null;
       },
       scrollbarRef: h
     }), (B, J) => (o(), i("div", {
@@ -4692,9 +4705,9 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         maxHeight: B.searchFunction ? void 0 : "100%"
       })
     }, [
-      B.$slots.header || B.searchFunction || B.filters || B.selectAll ? (o(), i("header", n0, [
-        R(B.$slots, "header"),
-        B.searchFunction ? (o(), i("section", o0, [
+      B.$slots.header || B.searchFunction || B.filters || B.selectAll ? (o(), i("header", ln, [
+        A(B.$slots, "header"),
+        B.searchFunction ? (o(), i("section", nn, [
           w(p(z1), {
             class: "w-full",
             clearable: "",
@@ -4704,12 +4717,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
             onClear: J[0] || (J[0] = (p1) => n1(""))
           }, null, 8, ["value", "placeholder", "onChange"])
         ])) : k("", !0),
-        B.filters ? (o(), i("section", s0, [
+        B.filters ? (o(), i("section", on, [
           (o(!0), i(M, null, m1(B.filters, (p1) => (o(), V(p(j), {
             key: p1.name,
             small: "",
             variant: "textSubtle",
-            focus: !!(H.value && H.value.name === p1.name),
+            focus: !!(y.value && y.value.name === p1.name),
             label: p1.name,
             onClick: (Z1) => F(p1)
           }, null, 8, ["focus", "label", "onClick"]))), 128))
@@ -4717,21 +4730,21 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         B.selectAll ? (o(), i("button", {
           key: 2,
           class: "cursor-pointer flex items-center gap-2 p-1 rounded-lg hover:bg-secondary active:bg-tertiary",
-          onClick: Y
+          onClick: W
         }, [
           w(p(nt), {
             indeterminate: !!(s1.value && !f1.value),
             checked: f1.value,
-            onClick: Y
+            onClick: W
           }, null, 8, ["indeterminate", "checked"]),
-          u("span", a0, K(B.selectAllLabel), 1)
+          u("span", sn, K(B.selectAllLabel), 1)
         ])) : k("", !0)
       ])) : k("", !0),
-      u("main", r0, [
-        W.value === "error" ? (o(), V(p(_n), {
+      u("main", an, [
+        Y.value === "error" ? (o(), V(p(J0), {
           key: 0,
           message: B.errorMessage
-        }, null, 8, ["message"])) : W.value === "loading" ? (o(), V(p(t0), { key: 1 })) : W.value === "no match" ? (o(), V(p(l0), { key: 2 })) : W.value === "idle" ? (o(), V(p(e0), { key: 3 })) : W.value === "match" ? (o(), V(p(q1), {
+        }, null, 8, ["message"])) : Y.value === "loading" ? (o(), V(p(en), { key: 1 })) : Y.value === "no match" ? (o(), V(p(tn), { key: 2 })) : Y.value === "idle" ? (o(), V(p(_0), { key: 3 })) : Y.value === "match" ? (o(), V(p(q1), {
           key: 4,
           ref_key: "scrollbarRef",
           ref: h,
@@ -4743,11 +4756,11 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               ref_key: "optionsRef",
               ref: d,
               class: D(["px-1", {
-                "py-1": B.small && y.value || !B.small && !y.value,
-                "py-2": !B.small && y.value
+                "py-1": B.small && H.value || !B.small && !H.value,
+                "py-2": !B.small && H.value
               }])
             }, [
-              R(B.$slots, "options", {
+              A(B.$slots, "options", {
                 options: f.value,
                 hover: o1,
                 hoveredOption: a.value,
@@ -4759,9 +4772,9 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           _: 3
         }, 512)) : k("", !0)
       ]),
-      B.$slots.footer ? (o(), i("footer", i0, [
+      B.$slots.footer ? (o(), i("footer", rn, [
         B.showSelection ? (o(), i(M, { key: 0 }, [
-          u("header", d0, [
+          u("header", dn, [
             w(p(j), {
               square: "",
               size: "tiny",
@@ -4784,15 +4797,15 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           }, {
             default: Z(() => [
               v.value ? (o(), i(M, { key: 0 }, [
-                E.value ? (o(), i("span", u0, K(B.nothingSelectedLabel), 1)) : k("", !0),
+                E.value ? (o(), i("span", un, K(B.nothingSelectedLabel), 1)) : k("", !0),
                 J[1] || (J[1] = u("section", { class: "w-full px-4 flex flex-wrap items-center gap-2" }, null, -1))
               ], 64)) : k("", !0)
             ]),
             _: 1
           }, 8, ["class", "view-height-class"])
         ], 64)) : k("", !0),
-        u("footer", p0, [
-          R(B.$slots, "footer")
+        u("footer", pn, [
+          A(B.$slots, "footer")
         ])
       ])) : k("", !0)
     ], 4));
@@ -4801,7 +4814,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   __name: "WindowFrame",
   setup(n, { expose: t }) {
     var l;
-    const e = L();
+    const e = b();
     return t({
       focus: (l = e.value) == null ? void 0 : l.focus()
     }), (s, r) => (o(), i("div", {
@@ -4810,13 +4823,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       tabindex: "0",
       class: "w-full flex flex-col bg-primary shadow-xl border border-default rounded-xl focus:outline-hidden"
     }, [
-      R(s.$slots, "default")
+      A(s.$slots, "default")
     ], 512));
   }
-}), f0 = {
+}), fn = {
   key: 0,
   class: "px-6 flex items-center justify-between w-full h-12"
-}, c0 = { class: "px-6" }, C0 = { class: "px-6" }, M4 = /* @__PURE__ */ $({
+}, cn = { class: "px-6" }, Cn = { class: "px-6" }, M4 = /* @__PURE__ */ $({
   __name: "SideOver",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -4829,7 +4842,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["close", "open"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = R1(), r = L(!1), a = L();
+    const l = e, s = R1(), r = b(!1), a = b();
     a1(() => r.value = !0);
     const f = () => r.value = !1, C = async () => {
       n.closeable && (n.interceptClose ? await n.interceptClose() && f() : f());
@@ -4838,13 +4851,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     const m = () => {
       l("open");
     };
-    return t({ close: f }), (d, h) => (o(), V(U1, { to: d.target }, [
+    return t({ close: f }), (d, h) => (o(), V(x1, { to: d.target }, [
       w(p(ve), {
         show: r.value,
         type: d.overlayType,
         class: "p-4",
         onClick: C,
-        onClose: h[0] || (h[0] = (b) => l("close"))
+        onClose: h[0] || (h[0] = (L) => l("close"))
       }, {
         default: Z(() => [
           w(de, {
@@ -4857,7 +4870,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
             onAfterEnter: m
           }, {
             default: Z(() => [
-              x1(w(he, {
+              U1(w(he, {
                 ref_key: "panelRef",
                 ref: a,
                 class: D(["flex flex-col overflow-hidden w-full h-full focus:outline-hidden", [d.widthClass, {
@@ -4868,15 +4881,15 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                 style: { "pointer-events": "auto" }
               }, {
                 default: Z(() => [
-                  d.$slots.default ? R(d.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
+                  d.$slots.default ? A(d.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
                     main: Z(() => [
-                      u("main", c0, [
-                        R(d.$slots, "main", { close: f })
+                      u("main", cn, [
+                        A(d.$slots, "main", { close: f })
                       ])
                     ]),
                     footer: Z(() => [
-                      u("footer", C0, [
-                        R(d.$slots, "footer", { close: f })
+                      u("footer", Cn, [
+                        A(d.$slots, "footer", { close: f })
                       ])
                     ]),
                     _: 2
@@ -4884,7 +4897,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                     d.title || d.$slots.header ? {
                       name: "header",
                       fn: Z(() => [
-                        d.title ? (o(), i("header", f0, [
+                        d.title ? (o(), i("header", fn, [
                           u("h4", null, K(d.title), 1),
                           d.closeable ? (o(), V(p(j), {
                             key: 0,
@@ -4893,7 +4906,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
                             variant: "textSubtle",
                             onClick: C
                           })) : k("", !0)
-                        ])) : R(d.$slots, "header", {
+                        ])) : A(d.$slots, "header", {
                           key: 1,
                           close: f
                         })
@@ -4943,10 +4956,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         s.readonly ? "cursor-default" : "cursor-pointer focus-visible:outline focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white"
       ], "group relative inline-flex flex-shrink-0 border-2 border-transparent rounded-full transition-colors ease-in-out duration-200"]),
       style: t1({ width: s.small ? "1.75rem" : "2.75rem" }),
-      onClick: U(l, ["stop", "prevent"]),
+      onClick: x(l, ["stop", "prevent"]),
       onKeydown: [
-        _(U(l, ["prevent"]), ["space"]),
-        _(U(l, ["prevent"]), ["enter"])
+        _(x(l, ["prevent"]), ["space"]),
+        _(x(l, ["prevent"]), ["enter"])
       ]
     }, {
       default: Z(() => [
@@ -4961,7 +4974,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }, 40, ["tabindex", "aria-checked", "class", "style", "onKeydown"]));
   }
-}), v0 = ["disabled"], h0 = { class: "relative" }, m0 = {
+}), vn = ["disabled"], hn = { class: "relative" }, mn = {
   key: 0,
   class: "absolute",
   style: { top: "0em", right: "-0.6em" }
@@ -4979,7 +4992,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = () => {
+    const e = n, l = t, s = b(), r = () => {
       s.value.blur(), l("select", e.name);
     };
     return (a, f) => (o(), i("button", {
@@ -5000,21 +5013,21 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
         "text-muted": a.disabled,
         "flex-grow": a.grow
       }]),
-      onClick: U(r, ["stop", "prevent"])
+      onClick: x(r, ["stop", "prevent"])
     }, [
       a.icon && a.size === "default" ? (o(), V(p(l1), {
         key: 0,
         name: a.icon
       }, null, 8, ["name"])) : k("", !0),
-      u("span", h0, [
+      u("span", hn, [
         Ee(K(a.name) + " ", 1),
-        a.notification ? (o(), i("div", m0, [
+        a.notification ? (o(), i("div", mn, [
           w(p(_e))
         ])) : k("", !0)
       ])
-    ], 10, v0));
+    ], 10, vn));
   }
-}), g0 = { class: "truncate" }, B4 = /* @__PURE__ */ $({
+}), gn = { class: "truncate" }, B4 = /* @__PURE__ */ $({
   __name: "Tag",
   props: {
     label: {},
@@ -5038,7 +5051,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               key: 0,
               name: l.icon
             }, null, 8, ["name"])) : k("", !0),
-            u("span", g0, K(l.label), 1)
+            u("span", gn, K(l.label), 1)
           ]),
           _: 1
         }),
@@ -5068,7 +5081,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
     triggerFullWidth: { type: Boolean, default: !1 }
   },
   setup(n, { expose: t }) {
-    const e = n, l = L();
+    const e = n, l = b();
     return t({ hide: () => {
       l.value && l.value.close();
     } }), (s, r) => (o(), V(p(Y1), {
@@ -5088,16 +5101,16 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           class: D(["z-50 min-w-0 px-2 py-1 rounded-md text-sm shadow-sm-md", [e.bgColorClass, e.textColorClass]])
         }, [
           u("span", null, K(e.text), 1),
-          R(s.$slots, "content")
+          A(s.$slots, "content")
         ], 2)) : k("", !0)
       ]),
       default: Z(() => [
-        R(s.$slots, "default")
+        A(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["trigger", "open-delay", "offset-options", "root-class", "trigger-class", "placement"]));
   }
-}), b0 = { class: "text-xs" }, L0 = /* @__PURE__ */ $({
+}), bn = { class: "text-xs" }, Ln = /* @__PURE__ */ $({
   __name: "EntryTag",
   props: {
     entry: {}
@@ -5119,7 +5132,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           onKeyup: _(l, ["delete"])
         }, {
           default: Z(() => [
-            u("div", b0, K(s.entry.value), 1),
+            u("div", bn, K(s.entry.value), 1),
             u("button", {
               class: "group cursor-pointer w-4 h-4 rounded hover:bg-secondary active:bg-tertiary",
               onClick: l
@@ -5136,7 +5149,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }, 8, ["text"]));
   }
-}), y0 = ["value", "placeholder"], S4 = /* @__PURE__ */ $({
+}), yn = ["value", "placeholder"], S4 = /* @__PURE__ */ $({
   __name: "TagInput",
   props: {
     placeholder: { default: "Enter value, comma separated" },
@@ -5144,30 +5157,32 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   },
   emits: ["update:entries"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = L(), r = L(""), a = L([]), f = (b) => {
-      a.value = [...a.value, ...m(b)], l("update:entries", a.value);
-    }, C = (b) => {
-      b.target && (r.value = b.target.value, (b.data === "," || r.value.includes(",")) && (a.value = [...a.value, ...m(r.value)], r.value = "", l("update:entries", a.value)));
-    }, m = (b) => b.trim().split(",").filter((c) => c.length).map((c, H) => {
-      const v = c.trim(), g = [...n.validators].reduce((T, z, y, S) => (z.validate(v) || (T = z.errorMessage(v), S.splice(1)), T), null);
+    const l = e, s = b(), r = b(""), a = b([]), f = (c) => {
+      a.value = [...a.value, ...m(c)], l("update:entries", a.value);
+    }, C = (c) => {
+      c.target && (r.value = c.target.value, (c.data === "," || r.value.includes(",")) && (a.value = [...a.value, ...m(r.value)], r.value = "", l("update:entries", a.value)));
+    }, m = (c) => c.trim().split(",").filter((y) => y.length).map((y, v) => {
+      const g = y.trim(), z = [...n.validators].reduce((T, H, S, Y) => (H.validate(g) || (T = H.errorMessage(g), Y.splice(1)), T), null);
       return {
-        id: H + v + Date.now(),
-        value: v,
-        error: g
+        id: v + g + Date.now(),
+        value: g,
+        error: z
       };
     }), d = () => {
       if (r.value.length || !a.value.length) return;
-      const b = a.value[a.value.length - 1].id, c = document.getElementById(b);
-      c && c.focus();
-    }, h = (b) => {
-      var c;
-      a.value = a.value.filter((H) => H.id !== b), l("update:entries", a.value), (c = s.value) == null || c.focus();
+      const c = a.value[a.value.length - 1].id, y = document.getElementById(c);
+      y && y.focus();
+    }, h = (c) => {
+      var y;
+      a.value = a.value.filter((v) => v.id !== c), l("update:entries", a.value), (y = s.value) == null || y.focus();
     };
-    return t({ importEntries: f, inputElement: s }), (b, c) => (o(), V(p(e1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
+    return t({ clear: () => {
+      a.value = [], r.value = "", l("update:entries", a.value);
+    }, importEntries: f, inputElement: s }), (c, y) => (o(), V(p(e1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
       default: Z(() => [
-        (o(!0), i(M, null, m1(a.value, (H) => (o(), V(p(L0), {
-          key: H.id,
-          entry: H,
+        (o(!0), i(M, null, m1(a.value, (v) => (o(), V(p(Ln), {
+          key: v.id,
+          entry: v,
           onDelete: h
         }, null, 8, ["entry"]))), 128)),
         u("input", {
@@ -5175,13 +5190,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
           ref: s,
           type: "text",
           value: r.value,
-          placeholder: a.value.length ? "" : b.placeholder,
+          placeholder: a.value.length ? "" : c.placeholder,
           class: "flex-1 min-w-0 h-6 text-xs leading-tight bg-transparent focus:outline-hidden",
           onKeyup: _(d, ["delete"]),
-          onChange: c[0] || (c[0] = U(() => {
+          onChange: y[0] || (y[0] = x(() => {
           }, ["stop", "prevent"])),
-          onInput: U(C, ["stop", "prevent"])
-        }, null, 40, y0)
+          onInput: x(C, ["stop", "prevent"])
+        }, null, 40, yn)
       ]),
       _: 1
     }));
@@ -5189,7 +5204,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
 }), T4 = {
   validate: (n) => /^[\w.%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i.test(n),
   errorMessage: () => "Invalid format."
-}, H0 = {
+}, Hn = {
   key: 1,
   class: "text-xs leading-none"
 }, c1 = /* @__PURE__ */ $({
@@ -5230,7 +5245,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
               key: 0,
               name: l.icon
             }, null, 8, ["name"])) : k("", !0),
-            l.label ? (o(), i("span", H0, K(l.label), 1)) : k("", !0)
+            l.label ? (o(), i("span", Hn, K(l.label), 1)) : k("", !0)
           ]),
           _: 1
         }, 8, ["class"])
@@ -5238,13 +5253,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
       _: 1
     }, 8, ["text"]));
   }
-}), V0 = {}, k0 = { class: "h-6 px-1" };
-function w0(n, t) {
-  return o(), i("div", k0, [...t[0] || (t[0] = [
+}), Vn = {}, kn = { class: "h-6 px-1" };
+function wn(n, t) {
+  return o(), i("div", kn, [...t[0] || (t[0] = [
     u("div", { class: "w-px h-full bg-tertiary" }, null, -1)
   ])]);
 }
-const z4 = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
+const z4 = /* @__PURE__ */ M1(Vn, [["render", wn]]), Te = Ne.create({
   name: "enterKeyBehaviour",
   priority: 1e3,
   addOptions() {
@@ -5287,7 +5302,7 @@ const z4 = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
   onUpdate({ editor: n }) {
     this.options.modEnterOnly || this.storage.hasUsedNewline || (this.storage.isInList = n.isActive("bulletList") || n.isActive("orderedList") || n.isActive("listItem"), this.storage.isInList && this.editor.commands.setHasUsedNewline(!0));
   }
-}), M0 = (n) => {
+}), Mn = (n) => {
   const { state: t } = n, { from: e, empty: l } = t.selection;
   if (!l) return null;
   const s = t.doc.textBetween(0, t.doc.content.size, `
@@ -5300,7 +5315,7 @@ const z4 = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
   for (; f < s.length && /\w/.test(s[f]); )
     f++;
   return s.slice(a + 1, f) || null;
-}, Z0 = Ne.create({
+}, Zn = Ne.create({
   name: "pasteImage",
   addProseMirrorPlugins() {
     return [
@@ -5323,7 +5338,7 @@ const z4 = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
       })
     ];
   }
-}), $0 = (n, t) => {
+}), $n = (n, t) => {
   const { state: e } = n, { from: l, empty: s } = e.selection;
   if (!s) return;
   const r = e.doc.textBetween(0, e.doc.content.size, `
@@ -5338,8 +5353,8 @@ const z4 = /* @__PURE__ */ M1(V0, [["render", w0]]), Te = Ne.create({
   const m = f + 1, d = C;
   n.chain().focus().command(({ tr: h }) => (h.insertText(t, m, d), !0)).run();
 };
-function D0(n, t, e) {
-  const l = L(null), s = () => {
+function Dn(n, t, e) {
+  const l = b(null), s = () => {
     var a, f, C;
     const r = ((C = (f = (a = n.value) == null ? void 0 : a.storage) == null ? void 0 : f[t]) == null ? void 0 : C[e]) ?? null;
     l.value !== r && (l.value = r);
@@ -5352,49 +5367,49 @@ function D0(n, t, e) {
     (r = n.value) == null || r.off("update", s), (a = n.value) == null || a.off("transaction", s);
   }), l;
 }
-const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE__ */ $({
+const Bn = { class: "space-y-1" }, Sn = { class: "space-y-1" }, A4 = /* @__PURE__ */ $({
   __name: "InserLink",
   props: {
     editor: {}
   },
   emits: ["cancel", "inserted", "updateTargets"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(), r = L(), a = L(""), f = (y) => a.value = y, C = () => {
-      var y;
-      c.value ? z() : (y = d.value) == null || y.focus();
-    }, m = L(""), d = L(), h = (y) => m.value = y, b = () => {
-      c.value && z();
+    const e = n, l = t, s = b(), r = b(), a = b(""), f = (H) => a.value = H, C = () => {
+      var H;
+      c.value ? T() : (H = d.value) == null || H.focus();
+    }, m = b(""), d = b(), h = (H) => m.value = H, L = () => {
+      c.value && T();
     }, c = O(() => {
-      var y, S;
-      return !m.value || !a.value ? !1 : ((y = m.value) == null ? void 0 : y.trim().length) > 0 && ((S = a.value) == null ? void 0 : S.trim().length) > 0;
-    }), H = L(!1), v = ([y, S]) => {
+      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;
+    }), y = b(!1), v = ([H, S]) => {
       var G, P;
-      const { state: W, view: Q } = e.editor, { empty: s1, from: f1 } = W.selection, I = W.doc.resolve(f1).marks().find((N) => N.type.name === "link");
+      const { state: Y, view: Q } = e.editor, { empty: s1, from: f1 } = Y.selection, I = Y.doc.resolve(f1).marks().find((N) => N.type.name === "link");
       if (I)
         m.value = I.attrs.href;
       else if (s1)
-        a.value = M0(e.editor) || "", H.value = !0;
+        a.value = Mn(e.editor) || "", y.value = !0;
       else {
         const { from: N, to: n1 } = Q.state.selection;
-        a.value = W.doc.textBetween(N, n1, "");
+        a.value = Y.doc.textBetween(N, n1, "");
       }
       a.value.trim().length ? (G = d.value) == null || G.focus() : (P = r.value) == null || P.focus(), l("updateTargets", [S]);
-    }, g = () => l("updateTargets", []), T = () => {
+    }, g = () => l("updateTargets", []), z = () => {
       m.value = "", a.value = "";
-    }, z = () => {
-      var y;
+    }, T = () => {
+      var H;
       if (m.value && !m.value.includes("http") && (m.value = `https://${m.value}`), m.value) {
-        if (e.editor.chain().focus().extendMarkRange("link").setLink({ href: m.value }).run(), H.value)
-          $0(e.editor, a.value);
+        if (e.editor.chain().focus().extendMarkRange("link").setLink({ href: m.value }).run(), y.value)
+          $n(e.editor, a.value);
         else {
           const S = e.editor.state.tr.insertText(a.value);
           e.editor.view.dispatch(S);
         }
         l("inserted");
       }
-      (y = s.value) == null || y.close(), T();
+      (H = s.value) == null || H.close(), z();
     };
-    return (y, S) => (o(), V(p(Y1), {
+    return (H, S) => (o(), V(p(Y1), {
       ref_key: "popperRef",
       ref: s,
       placement: "top",
@@ -5402,17 +5417,17 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       onOpen: v,
       onClose: g
     }, {
-      default: Z(({ visible: W }) => [
+      default: Z(({ visible: Y }) => [
         w(c1, {
           icon: "link",
-          active: W
+          active: Y
         }, null, 8, ["active"])
       ]),
-      content: Z(({ close: W }) => [
+      content: Z(({ close: Y }) => [
         w(p(W1), { class: "p-4 flex flex-col gap-4" }, {
           default: Z(() => [
             S[2] || (S[2] = u("p", { class: "text-sm" }, " Insert link ", -1)),
-            u("section", B0, [
+            u("section", Bn, [
               S[0] || (S[0] = u("div", {
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
@@ -5426,7 +5441,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                 onEnter: C
               }, null, 8, ["value"])
             ]),
-            u("section", S0, [
+            u("section", Sn, [
               S[1] || (S[1] = u("div", {
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
@@ -5437,7 +5452,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                 placeholder: "Link to a web page",
                 value: m.value || "",
                 onChange: h,
-                onEnter: b
+                onEnter: L
               }, null, 8, ["value"])
             ]),
             w(p(E1), {
@@ -5445,9 +5460,9 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
               order: "confirm-last",
               "confirm-label": "Insert",
               "confirm-disabled": !c.value,
-              onConfirm: z,
+              onConfirm: T,
               onCancel: (Q) => {
-                T(), W();
+                z(), Y();
               }
             }, null, 8, ["confirm-disabled", "onCancel"])
           ]),
@@ -5463,7 +5478,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
     editor: {}
   },
   setup(n) {
-    const t = L(), e = (s) => {
+    const t = b(), e = (s) => {
       var f;
       const r = (f = s.target.files) == null ? void 0 : f[0];
       if (!r) return;
@@ -5490,38 +5505,38 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       }, null, 544)
     ], 64));
   }
-}), T0 = { class: "p-4 space-y-2" }, rt = /* @__PURE__ */ $({
+}), Tn = { class: "p-4 space-y-2" }, rt = /* @__PURE__ */ $({
   __name: "Dialog",
   setup(n) {
-    return (t, e) => (o(), V(U1, { to: "#modals" }, [
+    return (t, e) => (o(), V(x1, { to: "#modals" }, [
       w(p(W1), { class: "w-96" }, {
         default: Z(() => [
-          u("div", T0, [
-            R(t.$slots, "default")
+          u("div", Tn, [
+            A(t.$slots, "default")
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), z0 = { class: "space-y-1" }, A0 = { class: "space-y-1" }, R0 = /* @__PURE__ */ $({
+}), zn = { class: "space-y-1" }, An = { class: "space-y-1" }, Rn = /* @__PURE__ */ $({
   __name: "InsertLinkDialog",
   props: {
     editor: {}
   },
   emits: ["cancel", "inserted"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = L(null), r = L(null), a = L(), f = () => {
+    const e = n, l = t, s = b(null), r = b(null), a = b(), f = () => {
       s.value = e.editor.getAttributes("link").href;
-      const { view: h, state: b } = e.editor;
+      const { view: h, state: L } = e.editor;
       if (s.value) {
         const c = h.state.selection.ranges[0].$from.parent.content.content.filter(
-          (H) => H.marks.length > 0 && H.marks[0].attrs.href === s.value
+          (y) => y.marks.length > 0 && y.marks[0].attrs.href === s.value
         );
         r.value = c[0].text;
       } else {
-        const { from: c, to: H } = h.state.selection;
-        r.value = b.doc.textBetween(c, H, "");
+        const { from: c, to: y } = h.state.selection;
+        r.value = L.doc.textBetween(c, y, "");
       }
     };
     A1(() => f()), a1(() => a.value.focus());
@@ -5532,11 +5547,11 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
         e.editor.view.dispatch(h), l("inserted");
       }
     };
-    return (h, b) => (o(), V(rt, null, {
+    return (h, L) => (o(), V(rt, null, {
       default: Z(() => [
-        b[3] || (b[3] = u("header", null, "Insert link", -1)),
-        u("section", z0, [
-          b[1] || (b[1] = u("div", { class: "text-xs text-secondary" }, " Text to display ", -1)),
+        L[3] || (L[3] = u("header", null, "Insert link", -1)),
+        u("section", zn, [
+          L[1] || (L[1] = u("div", { class: "text-xs text-secondary" }, " Text to display ", -1)),
           w(p(z1), {
             ref_key: "inputRef",
             ref: a,
@@ -5545,8 +5560,8 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
             onChange: m
           }, null, 8, ["value"])
         ]),
-        u("section", A0, [
-          b[2] || (b[2] = u("div", { class: "text-xs text-secondary" }, " Address ", -1)),
+        u("section", An, [
+          L[2] || (L[2] = u("div", { class: "text-xs text-secondary" }, " Address ", -1)),
           w(p(z1), {
             placeholder: "Link to a web page",
             value: s.value || "",
@@ -5556,17 +5571,17 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
         w(p(E1), {
           "confirm-label": "Insert",
           onConfirm: d,
-          onCancel: b[0] || (b[0] = (c) => l("cancel"))
+          onCancel: L[0] || (L[0] = (c) => l("cancel"))
         })
       ]),
       _: 1
     }));
   }
-}), E0 = { class: "space-y-1" }, O0 = { class: "flex flex-1 justify-end" }, I0 = /* @__PURE__ */ $({
+}), En = { class: "space-y-1" }, On = { class: "flex flex-1 justify-end" }, In = /* @__PURE__ */ $({
   __name: "InsertTextDialog",
   emits: ["cancel", "insert"],
   setup(n, { emit: t }) {
-    const e = t, l = L(null), s = L();
+    const e = t, l = b(null), s = b();
     a1(() => s.value.focus());
     const r = () => {
       e("cancel"), l.value = null;
@@ -5576,7 +5591,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
     return (C, m) => (o(), V(rt, null, {
       default: Z(() => [
         m[0] || (m[0] = u("header", null, "Insert text", -1)),
-        u("section", E0, [
+        u("section", En, [
           w(p(z1), {
             ref_key: "inputRef",
             ref: s,
@@ -5585,7 +5600,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
             onChange: a
           }, null, 8, ["value"])
         ]),
-        u("div", O0, [
+        u("div", On, [
           w(p(E1), {
             "confirm-label": "Insert",
             onConfirm: f,
@@ -5596,7 +5611,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       _: 1
     }));
   }
-}), P0 = { key: 1 }, N0 = {
+}), Pn = { key: 1 }, Nn = {
   key: 0,
   class: "pr-1"
 }, E4 = /* @__PURE__ */ $({
@@ -5626,11 +5641,11 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
   },
   emits: ["blur", "change", "focus"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = L(!1), a = L(!1), f = L(!1), C = L(!1), m = L(), { disableClickOutside: d, enableClickOutside: h } = fe(() => a.value = !1), b = Ge({
+    const l = n, s = e, r = b(!1), a = b(!1), f = b(!1), C = b(!1), m = b(), { disableClickOutside: d, enableClickOutside: h } = fe(() => a.value = !1), L = Ge({
       content: l.content,
       extensions: [
         Fe,
-        Ue,
+        xe,
         oe,
         se,
         ae,
@@ -5639,7 +5654,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
         We,
         je,
         Xe,
-        xe,
+        Ue,
         Ke,
         qe,
         Qe.configure({
@@ -5658,23 +5673,23 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       }
     });
     B1(() => d());
-    const c = O(() => l.showMenu !== void 0 ? l.showMenu : a.value || !l.autoHideMenu), H = 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"), g = ["start", "end", "all"], T = (P) => {
+    const c = O(() => l.showMenu !== void 0 ? l.showMenu : a.value || !l.autoHideMenu), y = 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"), g = ["start", "end", "all"], z = (P) => {
       var n1;
       const N = g.includes(P) ? P : "end";
-      (n1 = b.value) == null || n1.commands.focus(N);
-    }, z = () => {
+      (n1 = L.value) == null || n1.commands.focus(N);
+    }, T = () => {
       var P;
-      (P = b.value) == null || P.commands.blur(), a.value = !1;
-    }, y = () => C.value = !1, S = () => a.value = !0, W = () => C.value = !1, Q = (P) => {
+      (P = L.value) == null || P.commands.blur(), a.value = !1;
+    }, H = () => C.value = !1, S = () => a.value = !0, Y = () => C.value = !1, Q = (P) => {
       var N;
-      return (N = b.value) == null ? void 0 : N.commands.insertContent(P);
+      return (N = L.value) == null ? void 0 : N.commands.insertContent(P);
     }, s1 = (P) => {
       Q(P), f.value = !1;
     }, f1 = () => C.value = !0, E = () => f.value = !0;
-    return t({ blur: z, closeInsert: () => f.value = !1, focus: T, setContent: (P) => {
+    return t({ blur: T, closeInsert: () => f.value = !1, focus: z, setContent: (P) => {
       var N;
-      return (N = b.value) == null ? void 0 : N.commands.setContent(P);
-    } }), (P, N) => p(b) ? (o(), i("section", {
+      return (N = L.value) == null ? void 0 : N.commands.setContent(P);
+    } }), (P, N) => p(L) ? (o(), i("section", {
       key: 0,
       ref_key: "editorRef",
       ref: m,
@@ -5695,14 +5710,14 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
           P.headerLabel || P.headerIcon ? (o(), V(p(e1), {
             key: 0,
             tag: "header",
-            class: D(["flex-0 h-10 px-3 gap-2 text-sm text-primary rounded-t-lg overflow-hidden", H.value])
+            class: D(["flex-0 h-10 px-3 gap-2 text-sm text-primary rounded-t-lg overflow-hidden", y.value])
           }, {
             default: Z(() => [
               P.headerIcon ? (o(), V(p(l1), {
                 key: 0,
                 name: P.headerIcon
               }, null, 8, ["name"])) : k("", !0),
-              P.headerLabel ? (o(), i("span", P0, K(P.headerLabel), 1)) : k("", !0)
+              P.headerLabel ? (o(), i("span", Pn, K(P.headerLabel), 1)) : k("", !0)
             ]),
             _: 1
           }, 8, ["class"])) : k("", !0),
@@ -5717,7 +5732,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                   [P.editorContentClasses]: !a.value,
                   [P.editorContentFocusClasses]: a.value
                 }]),
-                editor: p(b)
+                editor: p(L)
               }, null, 8, ["class", "editor"])
             ]),
             _: 1
@@ -5735,14 +5750,14 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                         icon: "undo",
                         tooltip: "Undo",
                         onClick: N[0] || (N[0] = (n1) => {
-                          p(b).chain().focus().undo().run(), S();
+                          p(L).chain().focus().undo().run(), S();
                         })
                       }),
                       w(c1, {
                         icon: "redo",
                         tooltip: "Redo",
                         onClick: N[1] || (N[1] = (n1) => {
-                          p(b).chain().focus().redo().run(), S();
+                          p(L).chain().focus().redo().run(), S();
                         })
                       })
                     ], 64)) : k("", !0),
@@ -5750,25 +5765,25 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                       w(c1, {
                         icon: "bold",
                         tooltip: "Bold",
-                        active: p(b).isActive("bold"),
+                        active: p(L).isActive("bold"),
                         onClick: N[2] || (N[2] = (n1) => {
-                          p(b).chain().focus().toggleBold().run(), S();
+                          p(L).chain().focus().toggleBold().run(), S();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "italics",
                         tooltip: "Italic",
-                        active: p(b).isActive("italic"),
+                        active: p(L).isActive("italic"),
                         onClick: N[3] || (N[3] = (n1) => {
-                          p(b).chain().focus().toggleItalic().run(), S();
+                          p(L).chain().focus().toggleItalic().run(), S();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "underline",
                         tooltip: "Underline",
-                        active: p(b).isActive("underline"),
+                        active: p(L).isActive("underline"),
                         onClick: N[4] || (N[4] = (n1) => {
-                          p(b).chain().focus().toggleUnderline().run(), S();
+                          p(L).chain().focus().toggleUnderline().run(), S();
                         })
                       }, null, 8, ["active"])
                     ], 64)) : k("", !0),
@@ -5776,25 +5791,25 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                       key: 2,
                       icon: "square-solid",
                       tooltip: "Yellow highlight",
-                      active: p(b).isActive("highlight"),
+                      active: p(L).isActive("highlight"),
                       onClick: N[5] || (N[5] = (n1) => {
-                        p(b).chain().focus().toggleHighlight().run(), S();
+                        p(L).chain().focus().toggleHighlight().run(), S();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     p(oe) ? (o(), V(c1, {
                       key: 3,
                       icon: "heading",
                       tooltip: "Heading",
-                      active: p(b).isActive("heading", { level: 1 }),
+                      active: p(L).isActive("heading", { level: 1 }),
                       onClick: N[6] || (N[6] = (n1) => {
-                        p(b).chain().focus().toggleHeading({ level: 1 }).run(), S();
+                        p(L).chain().focus().toggleHeading({ level: 1 }).run(), S();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     p(re) ? (o(), V(c1, {
                       key: 4,
                       icon: "link",
                       tooltip: "Add link",
-                      active: p(b).isActive("link"),
+                      active: p(L).isActive("link"),
                       onClick: N[7] || (N[7] = (n1) => {
                         f1(), S();
                       })
@@ -5803,33 +5818,33 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                       w(c1, {
                         icon: "bullet-list",
                         tooltip: "Bullet list",
-                        active: p(b).isActive("bulletList"),
+                        active: p(L).isActive("bulletList"),
                         onClick: N[8] || (N[8] = (n1) => {
-                          p(b).chain().focus().toggleBulletList().run(), S();
+                          p(L).chain().focus().toggleBulletList().run(), S();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "numbered-list",
                         tooltip: "Numbered list",
-                        active: p(b).isActive("orderedList"),
+                        active: p(L).isActive("orderedList"),
                         onClick: N[9] || (N[9] = (n1) => {
-                          p(b).chain().focus().toggleOrderedList().run(), S();
+                          p(L).chain().focus().toggleOrderedList().run(), S();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "indent-right",
                         tooltip: "Indent right",
-                        disabled: !p(b).can().sinkListItem("listItem"),
+                        disabled: !p(L).can().sinkListItem("listItem"),
                         onClick: N[10] || (N[10] = (n1) => {
-                          p(b).chain().focus().sinkListItem("listItem").run(), S();
+                          p(L).chain().focus().sinkListItem("listItem").run(), S();
                         })
                       }, null, 8, ["disabled"]),
                       w(c1, {
                         icon: "indent-left",
                         tooltip: "Indent left",
-                        disabled: !p(b).can().liftListItem("listItem"),
+                        disabled: !p(L).can().liftListItem("listItem"),
                         onClick: N[11] || (N[11] = (n1) => {
-                          p(b).chain().focus().liftListItem("listItem").run(), S();
+                          p(L).chain().focus().liftListItem("listItem").run(), S();
                         })
                       }, null, 8, ["disabled"])
                     ], 64)) : k("", !0),
@@ -5838,7 +5853,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                       highlight: "",
                       icon: P.insertIcon,
                       tooltip: P.insertTooltip,
-                      active: p(b).isActive("insert"),
+                      active: p(L).isActive("insert"),
                       onClick: N[12] || (N[12] = (n1) => {
                         E(), S();
                       })
@@ -5846,21 +5861,21 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
                   ]),
                   _: 1
                 }),
-                P.$slots.menuRight ? (o(), i("div", N0, [
-                  R(P.$slots, "menuRight")
+                P.$slots.menuRight ? (o(), i("div", Nn, [
+                  A(P.$slots, "menuRight")
                 ])) : k("", !0)
               ]),
               _: 3
             })
           ], 2)) : k("", !0),
-          C.value ? (o(), V(R0, {
+          C.value ? (o(), V(Rn, {
             key: 2,
-            editor: p(b),
-            onInserted: W,
-            onCancel: y
+            editor: p(L),
+            onInserted: Y,
+            onCancel: H
           }, null, 8, ["editor"])) : k("", !0),
           f.value ? (o(), i(M, { key: 3 }, [
-            P.$slots.insert ? R(P.$slots, "insert", { key: 0 }) : (o(), V(I0, {
+            P.$slots.insert ? A(P.$slots, "insert", { key: 0 }) : (o(), V(In, {
               key: 1,
               onInsert: s1,
               onCancel: N[13] || (N[13] = (n1) => f.value = !1)
@@ -5871,7 +5886,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       }, 8, ["class"])
     ], 512)) : k("", !0);
   }
-}), F0 = { class: "relative z-0" }, U0 = {
+}), Fn = { class: "relative z-0" }, xn = {
   key: 1,
   class: "relative z-10"
 }, it = /* @__PURE__ */ $({
@@ -5885,7 +5900,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
     backgroundColor: { default: null }
   },
   setup(n) {
-    const t = n, e = L([]), l = O(() => {
+    const t = n, e = b([]), l = O(() => {
       if (!t.backgroundColor) return "";
       const r = "ring-2 shadow-sm ";
       switch (t.backgroundColor) {
@@ -5913,9 +5928,9 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
         d = f.indexOf(C, d + 1), d !== -1 && m.push(d, d + C.length);
       while (d > -1);
       const h = [];
-      let b = 0;
+      let L = 0;
       for (const c of m)
-        h.push(r.substring(b, c)), b = c;
+        h.push(r.substring(L, c)), L = c;
       return h.push(r.substring(m[m.length - 1], r.length)), h;
     };
     return A1(() => {
@@ -5925,7 +5940,7 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
       (r) => {
         e.value = r ? s(t.value, r) : [];
       }
-    ), (r, a) => (o(), i("span", F0, [
+    ), (r, a) => (o(), i("span", Fn, [
       e.value.length === 0 ? (o(), i(M, { key: 0 }, [
         Ee(K(r.value), 1)
       ], 64)) : (o(!0), i(M, { key: 1 }, m1(e.value, (f, C) => (o(), i(M, {
@@ -5941,17 +5956,17 @@ const B0 = { class: "space-y-1" }, S0 = { class: "space-y-1" }, A4 = /* @__PURE_
             l.value,
             r.textColorClass
           ]])
-        }, K(f), 3)) : (o(), i("span", U0, K(f), 1))
+        }, K(f), 3)) : (o(), i("span", xn, K(f), 1))
       ], 64))), 128))
     ]));
   }
-}), x0 = {}, Y0 = { class: "ProseMirror" };
-function W0(n, t) {
-  return o(), i("section", Y0, [
-    R(n.$slots, "default")
+}), Un = {}, Yn = { class: "ProseMirror" };
+function Wn(n, t) {
+  return o(), i("section", Yn, [
+    A(n.$slots, "default")
   ]);
 }
-const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
+const O4 = /* @__PURE__ */ M1(Un, [["render", Wn]]), I4 = /* @__PURE__ */ $({
   __name: "TiptapEditor",
   props: {
     content: {},
@@ -5961,7 +5976,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   emits: ["blur", "change", "editor-ready", "new-line-state-changed", "focus", "enter-key"],
   setup(n, { expose: t, emit: e }) {
     var m;
-    const l = e, s = L(!1), r = Ge({
+    const l = e, s = b(!1), r = Ge({
       content: n.content,
       extensions: [
         Tt.configure({
@@ -5972,7 +5987,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           modEnterOnly: !n.shiftEnterCreatesNewLine
         }),
         Fe,
-        Ue,
+        xe,
         oe.configure({
           levels: [1, 2, 3]
         }),
@@ -5984,9 +5999,9 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
         We,
         je,
         Xe,
-        xe,
+        Ue,
         Ke,
-        Z0,
+        Zn,
         qe,
         At,
         Qe.configure({ placeholder: n.placeholder })
@@ -6000,7 +6015,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
         s.value = !1, l("blur");
       },
       contentType: "markdown"
-    }), a = D0(
+    }), a = Dn(
       r,
       Te.name,
       "hasUsedNewline"
@@ -6010,14 +6025,14 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     }), i1(
       () => n.placeholder,
       (d) => {
-        var h, b;
-        (b = (h = r.value) == null ? void 0 : h.extensionManager.extensions.find((c) => c.name === "placeholder")) == null || b.options.configure({ placeholder: d });
+        var h, L;
+        (L = (h = r.value) == null ? void 0 : h.extensionManager.extensions.find((c) => c.name === "placeholder")) == null || L.options.configure({ placeholder: d });
       }
     );
     const f = ["start", "end", "all"], C = (d) => {
-      var b;
+      var L;
       const h = f.includes(d) ? d : "end";
-      (b = r.value) == null || b.commands.focus(h);
+      (L = r.value) == null || L.commands.focus(h);
     };
     return t({
       editor: r,
@@ -6052,7 +6067,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       editor: p(r)
     }, null, 8, ["editor"])) : k("", !0);
   }
-}), j0 = ["disabled"], K0 = { key: 1 }, P4 = /* @__PURE__ */ $({
+}), jn = ["disabled"], Kn = { key: 1 }, P4 = /* @__PURE__ */ $({
   __name: "ToggleButton",
   props: {
     active: { type: Boolean },
@@ -6067,7 +6082,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   },
   emits: ["click", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, r = L(), a = O(() => {
+    const l = n, s = e, r = b(), a = O(() => {
       const d = [];
       return l.icon && !l.label && d.push("w-6"), l.disabled ? d.push("opacity-75 cursor-not-allowed") : d.push("cursor-pointer"), d.push("rounded-md"), d.push(
         ...l.active ? [
@@ -6104,14 +6119,14 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           disabled: d.disabled,
           style: t1(f.value),
           onClick: C,
-          onBlur: h[0] || (h[0] = (b) => s("blur"))
+          onBlur: h[0] || (h[0] = (L) => s("blur"))
         }, [
           d.icon ? (o(), V(p(l1), {
             key: 0,
             name: d.icon
           }, null, 8, ["name"])) : k("", !0),
-          d.label ? (o(), i("div", K0, K(d.label), 1)) : k("", !0)
-        ], 46, j0)
+          d.label ? (o(), i("div", Kn, K(d.label), 1)) : k("", !0)
+        ], 46, jn)
       ]),
       _: 1
     }, 8, ["text", "delay", "placement"])) : k("", !0);
@@ -6128,7 +6143,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     if (!l) return;
   }
   return l[e];
-}, U4 = (n, t, e, l) => {
+}, x4 = (n, t, e, l) => {
   let s = n;
   for (const r of t.map((a) => a.id)) {
     if (!s || s.id !== r) {
@@ -6138,7 +6153,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     if (!s) return !1;
   }
   return s[e] = l, !0;
-}, x4 = (n, t, e, l) => {
+}, U4 = (n, t, e, l) => {
   let s = n;
   for (const r of t.map((a) => a.id)) {
     if (!s || s.id !== r) {
@@ -6148,17 +6163,17 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     if (!s) return !1;
   }
   return s.data[e] = l, !0;
-}, Q0 = (n, t = []) => {
+}, Qn = (n, t = []) => {
   const e = [...t, n], l = [{ node: n, path: e }];
   if (n.children)
     for (const s of n.children)
-      l.push(...Q0(s, e));
+      l.push(...Qn(s, e));
   return l;
-}, q0 = (n) => {
+}, qn = (n) => {
   const t = [n];
   if (n.children)
     for (const e of n.children)
-      t.push(...q0(e));
+      t.push(...qn(e));
   return t;
 }, Y4 = ({
   items: n,
@@ -6191,19 +6206,19 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   for (; C.length > 0 && d.length > 0; ) {
     const h = d.shift();
     if (!h) break;
-    let b = !1;
+    let L = !1;
     for (let c = C.length - 1; c >= 0; c--)
       if (C[c][e] === h.id) {
-        const H = a.get(C[c][t]);
-        H && ((h.children ?? (h.children = [])).push(H), d.push(H)), C.splice(c, 1), b = !0;
+        const y = a.get(C[c][t]);
+        y && ((h.children ?? (h.children = [])).push(y), d.push(y)), C.splice(c, 1), L = !0;
       }
-    if (d.length === 0 && !b && C.length > 0)
+    if (d.length === 0 && !L && C.length > 0)
       throw new Error(
         `Some items could not be attached to the tree (orphans): ${JSON.stringify(C)}`
       );
   }
   return m;
-}, X0 = { class: "flex items-center w-full h-6 pl-2 px-1 border border-default rounded-sm" }, G0 = ["value", "onKeydown"], J0 = { class: "flex items-center gap-1" }, _0 = /* @__PURE__ */ $({
+}, Xn = { class: "flex items-center w-full h-6 pl-2 px-1 border border-default rounded-sm" }, Gn = ["value", "onKeydown"], Jn = { class: "flex items-center gap-1" }, _n = /* @__PURE__ */ $({
   __name: "InputNode",
   props: {
     value: {},
@@ -6212,7 +6227,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   },
   emits: ["cancel", "change", "save"],
   setup(n, { emit: t }) {
-    const e = t, l = L(), s = L(), { disableClickOutside: r, enableClickOutside: a } = fe(() => e("cancel"));
+    const e = t, l = b(), s = b(), { disableClickOutside: r, enableClickOutside: a } = fe(() => e("cancel"));
     a1(() => {
       var d;
       a([s.value.$el]), (d = l.value) == null || d.focus();
@@ -6232,7 +6247,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     }, {
       default: Z(() => [
         h[4] || (h[4] = u("div", { class: "w-4 h-4" }, null, -1)),
-        u("section", X0, [
+        u("section", Xn, [
           u("input", {
             ref_key: "inputRef",
             ref: l,
@@ -6240,30 +6255,30 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
             value: d.value,
             placeholder: "Enter name",
             class: "flex-1 min-w-0 text-xs leading-tight bg-transparent focus:outline-hidden",
-            onChange: h[0] || (h[0] = U(() => {
+            onChange: h[0] || (h[0] = x(() => {
             }, ["stop", "prevent"])),
             onKeydown: [
-              _(U(m, ["stop", "prevent"]), ["esc"]),
-              _(U(C, ["stop", "prevent"]), ["enter"])
+              _(x(m, ["stop", "prevent"]), ["esc"]),
+              _(x(C, ["stop", "prevent"]), ["enter"])
             ],
-            onKeyup: h[1] || (h[1] = _(U(() => {
+            onKeyup: h[1] || (h[1] = _(x(() => {
             }, ["stop", "prevent"]), ["enter"])),
-            onInput: U(f, ["stop", "prevent"])
-          }, null, 40, G0)
+            onInput: x(f, ["stop", "prevent"])
+          }, null, 40, Gn)
         ]),
-        u("aside", J0, [
+        u("aside", Jn, [
           w(p(j), {
             small: "",
             icon: "check",
             variant: "outlineSubtle",
             loading: d.saving,
-            onClick: h[2] || (h[2] = (b) => e("save"))
+            onClick: h[2] || (h[2] = (L) => e("save"))
           }, null, 8, ["loading"]),
           w(p(j), {
             small: "",
             icon: "close",
             variant: "outlineSubtle",
-            onClick: h[3] || (h[3] = (b) => e("cancel"))
+            onClick: h[3] || (h[3] = (L) => e("cancel"))
           })
         ])
       ]),
@@ -6291,24 +6306,24 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     i1(() => s.value, (v, g) => {
       !v && g && a.value && (a.value = !1), r.value = "";
     });
-    const r = L(""), a = L(!1), f = () => {
+    const r = b(""), a = b(!1), f = () => {
       e("save", r.value), a.value = !0;
     }, C = () => {
       e("cancel-new-child"), r.value = "";
     }, m = (v) => console.log(n.node.label, v), d = (v) => e("action", { path: [n.node], targetNode: n.node, action: v }), h = (v) => {
       const g = [n.node, ...v.path];
       v.action.handler(g), e("action", { path: g, targetNode: g[g.length - 1], action: v.action });
-    }, b = (v) => {
+    }, L = (v) => {
       const g = [n.node, ...v];
       e("key", { path: g, targetNode: g[g.length - 1] });
     }, c = (v) => {
       e("select", { path: [n.node, ...v], targetNode: [n.node, ...v][[n.node, ...v].length - 1] });
-    }, H = (v) => {
+    }, y = (v) => {
       e("toggle", { path: [n.node, ...v], targetNode: [n.node, ...v][[n.node, ...v].length - 1] });
     };
     return (v, g) => {
-      var z;
-      const T = kt("TreeList", !0);
+      var T;
+      const z = kt("TreeList", !0);
       return o(), i(M, null, [
         w(p(e1), {
           tag: "button",
@@ -6318,33 +6333,33 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
             "text-secondary hover:text-primary hover:bg-secondary": !l.value
           }]),
           style: t1({ paddingLeft: `${v.level * v.indentationAmount}px` }),
-          onClick: g[1] || (g[1] = (y) => e("select", { path: [v.node], targetNode: v.node })),
+          onClick: g[1] || (g[1] = (H) => e("select", { path: [v.node], targetNode: v.node })),
           onKeydown: [
-            g[2] || (g[2] = _(U(() => {
+            g[2] || (g[2] = _(x(() => {
             }, ["stop", "prevent"]), ["left"])),
-            g[4] || (g[4] = _(U(() => {
+            g[4] || (g[4] = _(x(() => {
             }, ["stop", "prevent"]), ["right"])),
-            g[6] || (g[6] = _(U(() => {
+            g[6] || (g[6] = _(x(() => {
             }, ["stop", "prevent"]), ["up"])),
-            g[8] || (g[8] = _(U(() => {
+            g[8] || (g[8] = _(x(() => {
             }, ["stop", "prevent"]), ["down"]))
           ],
           onKeyup: [
-            g[3] || (g[3] = _(U((y) => m("left"), ["stop", "prevent"]), ["left"])),
-            g[5] || (g[5] = _(U((y) => m("right"), ["stop", "prevent"]), ["right"])),
-            g[7] || (g[7] = _(U((y) => m("up"), ["stop", "prevent"]), ["up"])),
-            g[9] || (g[9] = _(U((y) => m("down"), ["stop", "prevent"]), ["down"]))
+            g[3] || (g[3] = _(x((H) => m("left"), ["stop", "prevent"]), ["left"])),
+            g[5] || (g[5] = _(x((H) => m("right"), ["stop", "prevent"]), ["right"])),
+            g[7] || (g[7] = _(x((H) => m("up"), ["stop", "prevent"]), ["up"])),
+            g[9] || (g[9] = _(x((H) => m("down"), ["stop", "prevent"]), ["down"]))
           ]
         }, {
           default: Z(() => [
             w(p(e1), { class: "flex-1 min-w-0 pl-1 gap-1" }, {
               default: Z(() => {
-                var y;
+                var H;
                 return [
-                  (y = v.node.children) != null && y.length || s.value ? (o(), i("button", {
+                  (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: g[0] || (g[0] = U((S) => e("toggle", { path: [v.node], targetNode: v.node }), ["stop", "prevent"]))
+                    onClick: g[0] || (g[0] = x((S) => e("toggle", { path: [v.node], targetNode: v.node }), ["stop", "prevent"]))
                   }, [
                     w(p(l1), {
                       name: v.node.open ? "chevron-down-small" : "chevron-right-small"
@@ -6380,35 +6395,35 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           ]),
           _: 1
         }, 8, ["class", "style"]),
-        (s.value || (z = v.node.children) != null && z.length) && v.node.open ? (o(), i("main", lo, [
-          s.value ? (o(), V(_0, {
+        (s.value || (T = v.node.children) != null && T.length) && v.node.open ? (o(), i("main", lo, [
+          s.value ? (o(), V(_n, {
             key: 0,
             value: r.value,
             indentation: (v.level + 1) * v.indentationAmount,
             saving: a.value,
-            onChange: g[10] || (g[10] = (y) => r.value = y),
+            onChange: g[10] || (g[10] = (H) => r.value = H),
             onSave: f,
             onCancel: C
           }, null, 8, ["value", "indentation", "saving"])) : k("", !0),
-          (o(!0), i(M, null, m1(v.node.children, (y) => (o(), V(T, {
-            key: y.id,
+          (o(!0), i(M, null, m1(v.node.children, (H) => (o(), V(z, {
+            key: H.id,
             "indentation-amount": v.indentationAmount,
             level: v.level + 1,
-            node: y,
+            node: H,
             "create-new-path": v.createNewPath,
             selection: v.selection,
             onAction: h,
             onCancelNewChild: g[11] || (g[11] = (S) => e("cancel-new-child")),
             onSave: g[12] || (g[12] = (S) => e("save", S)),
-            onKey: g[13] || (g[13] = (S) => b(S.path)),
+            onKey: g[13] || (g[13] = (S) => L(S.path)),
             onSelect: g[14] || (g[14] = (S) => c(S.path)),
-            onToggle: g[15] || (g[15] = (S) => H(S.path))
+            onToggle: g[15] || (g[15] = (S) => y(S.path))
           }, null, 8, ["indentation-amount", "level", "node", "create-new-path", "selection"]))), 128))
         ])) : k("", !0)
       ], 64);
     };
   }
-}), j4 = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive"], K4 = ["default", "primary", "error"], Q4 = ["default", "circle"], q4 = ["horizontal", "vertical"], no = ["start", "center", "end", "stretch"], X4 = [...no, "between", "around", "evenly"], G4 = ["default", "blurred"], J4 = ["click", "hover", "focus", "manual"], _4 = ["Ok", "Not Ok", "Not Applicable"], e9 = [
+}), j4 = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive", "outlineDestructive"], K4 = ["default", "primary", "error"], Q4 = ["default", "circle"], q4 = ["horizontal", "vertical"], no = ["start", "center", "end", "stretch"], X4 = [...no, "between", "around", "evenly"], G4 = ["default", "blurred"], J4 = ["click", "hover", "focus", "manual"], _4 = ["Ok", "Not Ok", "Not Applicable"], e9 = [
   "admin",
   "agent",
   "agent-flow",
@@ -6589,7 +6604,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     type: { default: "header" }
   },
   setup(n) {
-    const t = n, e = L(), l = t.type === "header" ? "border-b" : "border-t", s = O(() => [t.heightClass, t.border ? "border-default" : "border-transparent", t.border ? l : ""]), r = O(() => {
+    const t = n, e = b(), l = t.type === "header" ? "border-b" : "border-t", s = O(() => [t.heightClass, t.border ? "border-default" : "border-transparent", t.border ? l : ""]), r = O(() => {
       let a;
       if (t.heightClass === "h-auto") {
         if (e.value) {
@@ -6609,7 +6624,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
       style: t1(r.value)
     }, {
       default: Z(() => [
-        R(a.$slots, "default")
+        A(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -6639,7 +6654,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           "height-class": l.headerHeightClass
         }, {
           default: Z(() => [
-            R(l.$slots, "header")
+            A(l.$slots, "header")
           ]),
           _: 3
         }, 8, ["border", "height-class"])) : k("", !0),
@@ -6648,7 +6663,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           "wrap-class": "h-full"
         }, {
           default: Z(() => [
-            R(l.$slots, "main")
+            A(l.$slots, "main")
           ]),
           _: 3
         }),
@@ -6659,7 +6674,7 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
           "height-class": l.footerHeightClass
         }, {
           default: Z(() => [
-            R(l.$slots, "footer")
+            A(l.$slots, "footer")
           ]),
           _: 3
         }, 8, ["border", "height-class"])) : k("", !0)
@@ -6764,8 +6779,8 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
   return { clearFilter: r, isActive: a, updateFilter: C, values: f };
 }, d9 = ({ groupId: n, filters: t, sorting: e, items: l, remoteFilterMethod: s }) => {
   const r = G1(), a = ue();
-  a1(() => v(r.query)), Ie((z) => v(z.query));
-  const f = L(!1), C = L([]), m = L(t), d = O(() => m.value.filter((z) => !!z.value)), h = O(() => !!d.value.length), b = L(e.default), c = async () => {
+  a1(() => v(r.query)), Ie((T) => v(T.query));
+  const f = b(!1), C = b([]), m = b(t), d = O(() => m.value.filter((T) => !!T.value)), h = O(() => !!d.value.length), L = b(e.default), c = 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)
@@ -6773,33 +6788,33 @@ const O4 = /* @__PURE__ */ M1(x0, [["render", W0]]), I4 = /* @__PURE__ */ $({
     if (s)
       try {
         f.value = !0;
-        const z = await s(b.value, d.value);
-        C.value = z, f.value = !1;
+        const T = await s(L.value, d.value);
+        C.value = T, f.value = !1;
       } catch {
         f.value = !1;
       }
     else l && (C.value = e.sortingMethod ? e.sortingMethod(
-      b.value,
-      l.value.filter((z) => d.value.every((y) => y.execute(y.value, y.operator, z)))
-    ) : l.value.filter((z) => d.value.every((y) => y.execute(y.value, y.operator, z))));
+      L.value,
+      l.value.filter((T) => d.value.every((H) => H.execute(H.value, H.operator, T)))
+    ) : l.value.filter((T) => d.value.every((H) => H.execute(H.value, H.operator, T))));
   };
-  i1(l ? [b, d, l] : [b, d], () => c(), { immediate: !0, deep: !0 });
-  const v = (z) => {
-    const { filters: y, sorting: S } = gt(z, n);
-    b.value = S ? T(S) : e.default, m.value.forEach((W) => {
-      const Q = y.find((s1) => s1.id === W.id);
-      Q ? (W.operator = Q.operator, W.value = Q.value) : (W.operator = "=", W.value = null);
+  i1(l ? [L, d, l] : [L, d], () => c(), { immediate: !0, deep: !0 });
+  const v = (T) => {
+    const { filters: H, sorting: S } = gt(T, n);
+    L.value = S ? z(S) : e.default, m.value.forEach((Y) => {
+      const Q = H.find((s1) => s1.id === Y.id);
+      Q ? (Y.operator = Q.operator, Y.value = Q.value) : (Y.operator = "=", Y.value = null);
     });
   }, g = async () => {
-    const z = fo(r.query, n);
-    await a.push({ query: z });
-  }, T = (z) => ({
-    direction: z.direction,
-    field: z.field
+    const T = fo(r.query, n);
+    await a.push({ query: T });
+  }, z = (T) => ({
+    direction: T.direction,
+    field: T.field
   });
   return {
     activeFilters: d,
-    activeSorting: b,
+    activeSorting: L,
     availableFilters: m,
     filteringActive: h,
     filteredItems: C,
@@ -6832,19 +6847,19 @@ function c9(n, t) {
     const m = r instanceof Date, d = a instanceof Date;
     if (m && d)
       return r.getTime() - a.getTime();
-    const h = new Date(r).getTime(), b = new Date(a).getTime();
-    if (!Number.isNaN(h) && !Number.isNaN(b))
-      return h - b;
-    const c = String(r).toLowerCase(), H = String(a).toLowerCase();
-    return c.localeCompare(H);
+    const h = new Date(r).getTime(), L = new Date(a).getTime();
+    if (!Number.isNaN(h) && !Number.isNaN(L))
+      return h - L;
+    const c = String(r).toLowerCase(), y = String(a).toLowerCase();
+    return c.localeCompare(y);
   });
   return n.direction === "desc" ? e.reverse() : e;
 }
 export {
   no as Alignments,
-  Uo as BApplicationWrapper,
+  xo as BApplicationWrapper,
   $e as BAside,
-  xo as BAsideSectionLabel,
+  Uo as BAsideSectionLabel,
   Yo as BAvatarUpload,
   j as BButton,
   Wo as BButtonGroup,
@@ -6857,7 +6872,7 @@ export {
   R2 as BDeleteButton,
   n4 as BDialog,
   ot as BFadeInUp,
-  U2 as BFilterChip,
+  x2 as BFilterChip,
   o4 as BFirstPaint,
   e1 as BFlexbox,
   c1 as BFormattingButton,
@@ -6870,7 +6885,7 @@ export {
   R4 as BInsertImage,
   A4 as BInsertLink,
   N1 as BLoadSpinner,
-  on as BModal,
+  o0 as BModal,
   u4 as BNavItem,
   p4 as BNotification,
   _e as BNotificationBadge,
@@ -6933,8 +6948,8 @@ export {
   y1 as filterSeparator,
   dt as filterStartingBracket,
   Q1 as filterValueSeparator,
-  Q0 as flattenTree,
-  q0 as flattenTreeNodes,
+  Qn as flattenTree,
+  qn as flattenTreeNodes,
   Jo as formatDate,
   V5 as getDecade,
   po as getFilterFromQuery,
@@ -6973,8 +6988,8 @@ export {
   st as scrollIntoView,
   j2 as scrollbarWidth,
   w4 as selectOptionVariants,
-  x4 as setNodeObjectValueByPath,
-  U4 as setNodeValueByPath,
+  U4 as setNodeObjectValueByPath,
+  x4 as setNodeValueByPath,
   c9 as sortByField,
   oo as sortingDirections,
   k4 as states,