@firstnoodle-ui/bui 0.0.66 → 0.0.67

package/dist/index.mjs

@@ -1,27 +1,27 @@
-var gt = Object.defineProperty;
-var bt = (n, t, e) => t in n ? gt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var O1 = (n, t, e) => bt(n, typeof t != "symbol" ? t + "" : t, e);
-import { createElementBlock as i, openBlock as o, renderSlot as A, createElementVNode as u, defineComponent as D, toDisplayString as X, ref as b, watch as r1, computed as O, createBlock as V, createCommentVNode as k, normalizeClass as B, normalizeStyle as t1, createVNode as w, unref as p, withCtx as Z, resolveDynamicComponent as $1, provide as Lt, onMounted as i1, withModifiers as x, Fragment as M, renderList as m1, onBeforeMount as A1, toRef as yt, 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 Ht, reactive as Re, createTextVNode as Ee, resolveComponent as Vt, getCurrentInstance as Oe } from "vue";
-import { useRoute as G1, useRouter as ue, onBeforeRouteUpdate as kt } from "vue-router";
-import { size as Ie, autoUpdate as wt, offset as Mt, flip as Zt, shift as He, limitShift as $t, computePosition as Dt } from "@floating-ui/dom";
+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 X, 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 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 Pe } from "@tiptap/core";
+import { Extension as Ne } from "@tiptap/core";
 import { Plugin as Bt, PluginKey as St } from "prosemirror-state";
-import Ne from "@tiptap/extension-bold";
-import Fe from "@tiptap/extension-bullet-list";
-import xe from "@tiptap/extension-document";
+import Fe from "@tiptap/extension-bold";
+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";
-import Ue from "@tiptap/extension-italic";
+import Ye from "@tiptap/extension-italic";
 import re from "@tiptap/extension-link";
-import Ye from "@tiptap/extension-list-item";
-import We from "@tiptap/extension-ordered-list";
-import je from "@tiptap/extension-paragraph";
-import Ke from "@tiptap/extension-placeholder";
-import Qe from "@tiptap/extension-text";
-import qe from "@tiptap/extension-underline";
-import { useEditor as Xe, EditorContent as Ge } from "@tiptap/vue-3";
+import We from "@tiptap/extension-list-item";
+import je from "@tiptap/extension-ordered-list";
+import Ke from "@tiptap/extension-paragraph";
+import Qe from "@tiptap/extension-placeholder";
+import qe from "@tiptap/extension-text";
+import Xe from "@tiptap/extension-underline";
+import { useEditor as Ge, EditorContent as Je } from "@tiptap/vue-3";
 import Tt from "@tiptap/extension-hard-break";
 import zt from "@tiptap/extension-image";
 import { Markdown as At } from "@tiptap/markdown";
@@ -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, [
-    A(n.$slots, "default"),
+    R(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 Fo = /* @__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__ */ D({
+const Fo = /* @__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__ */ $({
   __name: "AsideSectionLabel",
   props: {
     label: {}
@@ -72,7 +72,7 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
 }, Yt = {
   key: 2,
   class: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"
-}, Wt = { class: "flex flex-col items-center gap-4 pb-8" }, jt = ["src"], Kt = { class: "absolute inset-0 pointer-events-none" }, Qt = { class: "w-full h-full" }, qt = { id: "crop-mask" }, Xt = ["x", "y", "width", "height"], Gt = ["cx", "cy", "r"], Jt = { class: "absolute bottom-4 left-0 w-full flex justify-center gap-1" }, _t = { class: "bg-primary rounded-lg overflow-hidden" }, e5 = { class: "flex items-center gap-2" }, a1 = 510, Uo = /* @__PURE__ */ D({
+}, Wt = { class: "flex flex-col items-center gap-4 pb-8" }, jt = ["src"], Kt = { class: "absolute inset-0 pointer-events-none" }, Qt = { class: "w-full h-full" }, qt = { id: "crop-mask" }, Xt = ["x", "y", "width", "height"], Gt = ["cx", "cy", "r"], Jt = { class: "absolute bottom-4 left-0 w-full flex justify-center gap-1" }, _t = { class: "bg-primary rounded-lg overflow-hidden" }, e5 = { class: "flex items-center gap-2" }, r1 = 510, Uo = /* @__PURE__ */ $({
   __name: "AvatarUpload",
   props: {
     modelValue: { default: null },
@@ -82,80 +82,80 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = b(), r = b(), f = b(), C = b(null), m = b(null), d = b(e.modelValue), h = b(100), L = b(!1), c = b(0), H = b(0), v = b(1), g = b(1), T = b(0), E = b(0), y = b(0), $ = b(0);
-    r1(
+    const e = n, l = t, s = L(), a = L(), r = 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), B = L(0);
+    i1(
       () => e.modelValue,
       (F) => {
         d.value = F;
       }
     );
-    const j = O(() => ({
+    const W = O(() => ({
       width: `${e.size}px`,
       height: `${e.size}px`,
       borderRadius: e.cropShape === "circle" ? "50%" : "8px"
-    })), K = () => {
+    })), Q = () => {
       var F;
       e.disabled || (F = s.value) == null || F.click();
-    }, n1 = () => {
+    }, s1 = () => {
       if (!e.disabled)
         if (d.value && m.value) {
           const F = new Image();
           F.onload = () => {
-            C.value = F, T.value = F.width, E.value = F.height, h.value = a1 * 0.5;
+            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;
-            const s1 = Math.min(a1 / F.width, a1 / F.height);
-            v.value = Math.max(s1, Y);
-            const v1 = F.width * v.value, z = F.height * v.value;
-            y.value = (a1 - v1) / 2, $.value = (a1 - z) / 2;
+            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, B.value = (r1 - A) / 2;
           }, F.src = m.value;
         } else
-          K();
+          Q();
     }, f1 = (F) => {
       var v1;
-      const Y = F.target, s1 = (v1 = Y.files) == null ? void 0 : v1[0];
-      if (s1 && s1.type.startsWith("image/")) {
-        const z = new FileReader();
-        z.onload = (U) => {
+      const Y = F.target, o1 = (v1 = Y.files) == null ? void 0 : v1[0];
+      if (o1 && o1.type.startsWith("image/")) {
+        const A = new FileReader();
+        A.onload = (U) => {
           var V1;
-          const Q = (V1 = U.target) == null ? void 0 : V1.result;
-          m.value = Q;
+          const K = (V1 = U.target) == null ? void 0 : V1.result;
+          m.value = K;
           const d1 = new Image();
           d1.onload = () => {
-            C.value = d1, T.value = d1.width, E.value = d1.height, h.value = a1 * 0.7;
+            C.value = d1, T.value = d1.width, z.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(a1 / d1.width, a1 / d1.height);
+            const k1 = Math.min(r1 / d1.width, r1 / d1.height);
             v.value = Math.max(k1, L1);
             const S = d1.width * v.value, G = d1.height * v.value;
-            y.value = (a1 - S) / 2, $.value = (a1 - G) / 2, setTimeout(() => {
+            y.value = (r1 - S) / 2, B.value = (r1 - G) / 2, setTimeout(() => {
             }, 10);
-          }, d1.src = Q;
-        }, z.readAsDataURL(s1);
+          }, d1.src = K;
+        }, A.readAsDataURL(o1);
       }
       Y.value = "";
-    }, R = (F) => {
-      L.value = !0, c.value = F.clientX - y.value, H.value = F.clientY - $.value, window.addEventListener("mousemove", I), window.addEventListener("mouseup", J);
+    }, E = (F) => {
+      b.value = !0, c.value = F.clientX - y.value, H.value = F.clientY - B.value, window.addEventListener("mousemove", I), window.addEventListener("mouseup", J);
     }, I = (F) => {
-      if (L.value) {
-        let Y = F.clientX - c.value, s1 = F.clientY - H.value;
-        const v1 = a1 / 2, z = a1 / 2, U = v1 - h.value / 2, Q = v1 + h.value / 2, d1 = z - h.value / 2, V1 = z + h.value / 2, L1 = T.value * v.value, k1 = E.value * v.value;
-        Y = Math.min(Y, U), Y = Math.max(Y, Q - L1), s1 = Math.min(s1, d1), s1 = Math.max(s1, V1 - k1), y.value = Y, $.value = s1;
+      if (b.value) {
+        let Y = F.clientX - c.value, o1 = F.clientY - H.value;
+        const v1 = r1 / 2, A = r1 / 2, U = v1 - h.value / 2, K = 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, U), Y = Math.max(Y, K - L1), o1 = Math.min(o1, d1), o1 = Math.max(o1, V1 - k1), y.value = Y, B.value = o1;
       }
     }, J = () => {
-      L.value = !1, window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", J);
+      b.value = !1, window.removeEventListener("mousemove", I), window.removeEventListener("mouseup", J);
     }, P = (F) => {
       const Y = Math.max(g.value, Math.min(v.value + F, 3));
       Y !== v.value && (v.value = Y);
-    }, N = () => P(0.1), o1 = () => P(-0.1), S1 = () => {
+    }, N = () => P(0.1), n1 = () => P(-0.1), S1 = () => {
       var S;
       if (!C.value || !a.value) return;
       const F = a.value, Y = F.getContext("2d");
       if (!Y) return;
-      const s1 = 512;
-      F.width = s1, F.height = s1;
-      const v1 = a1 / 2, z = a1 / 2, U = v1 - h.value / 2, Q = z - h.value / 2, d1 = (U - y.value) / v.value, V1 = (Q - $.value) / v.value, L1 = h.value / v.value;
-      Y.fillStyle = "#ffffff", Y.fillRect(0, 0, s1, s1), e.cropShape === "circle" && (Y.save(), Y.beginPath(), Y.arc(s1 / 2, s1 / 2, s1 / 2, 0, Math.PI * 2), Y.closePath(), Y.clip()), Y.drawImage(
+      const o1 = 512;
+      F.width = o1, F.height = o1;
+      const v1 = r1 / 2, A = r1 / 2, U = v1 - h.value / 2, K = A - h.value / 2, d1 = (U - y.value) / v.value, V1 = (K - B.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(
         C.value,
         d1,
         V1,
@@ -163,8 +163,8 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         L1,
         0,
         0,
-        s1,
-        s1
+        o1,
+        o1
       ), e.cropShape === "circle" && Y.restore();
       const k1 = F.toDataURL("image/png");
       d.value = k1, l("update:modelValue", k1), l("change", k1), (S = f.value) == null || S.close();
@@ -174,9 +174,9 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
     };
     return (F, Y) => (o(), i("div", Ft, [
       u("div", {
-        style: t1(j.value),
-        class: B(["relative overflow-hidden bg-tertiary border border-default flex items-center justify-center cursor-pointer group", { "opacity-50 cursor-not-allowed": F.disabled }]),
-        onClick: n1
+        style: t1(W.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
       }, [
         d.value ? (o(), i("img", {
           key: 0,
@@ -213,18 +213,18 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
         main: Z(() => [
           u("div", Wt, [
             u("div", {
-              class: B(["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: `${a1}px`, height: `${a1}px` }),
-              onMousedown: R
+              class: D(["relative bg-slate-100 dark:bg-slate-800 overflow-hidden select-none transition-all", { "cursor-grabbing": b.value, "cursor-grab": !b.value }]),
+              style: t1({ width: `${r1}px`, height: `${r1}px` }),
+              onMousedown: E
             }, [
               C.value ? (o(), i("div", {
                 key: 0,
                 class: "absolute border border-yellow-300 pointer-events-none",
                 style: t1({
                   width: `${T.value * v.value}px`,
-                  height: `${E.value * v.value}px`,
+                  height: `${z.value * v.value}px`,
                   left: `${y.value}px`,
-                  top: `${$.value}px`
+                  top: `${B.value}px`
                 })
               }, [
                 C.value ? (o(), i("img", {
@@ -247,16 +247,16 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                       }, null, -1)),
                       F.cropShape === "square" ? (o(), i("rect", {
                         key: 0,
-                        x: (a1 - h.value) / 2,
-                        y: (a1 - h.value) / 2,
+                        x: (r1 - h.value) / 2,
+                        y: (r1 - h.value) / 2,
                         width: h.value,
                         height: h.value,
                         fill: "black",
                         rx: "8"
                       }, null, 8, Xt)) : (o(), i("circle", {
                         key: 1,
-                        cx: a1 / 2,
-                        cy: a1 / 2,
+                        cx: r1 / 2,
+                        cy: r1 / 2,
                         r: h.value / 2,
                         fill: "black"
                       }, null, 8, Gt))
@@ -271,10 +271,10 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                   }, null, -1))
                 ])),
                 u("div", {
-                  class: B(["absolute border-2 border-white shadow-lg", { "rounded-full": F.cropShape === "circle", "rounded-lg": F.cropShape === "square" }]),
+                  class: D(["absolute border-2 border-white shadow-lg", { "rounded-full": F.cropShape === "circle", "rounded-lg": F.cropShape === "square" }]),
                   style: t1({
-                    left: `${(a1 - h.value) / 2}px`,
-                    top: `${(a1 - h.value) / 2}px`,
+                    left: `${(r1 - h.value) / 2}px`,
+                    top: `${(r1 - h.value) / 2}px`,
                     width: `${h.value}px`,
                     height: `${h.value}px`
                   })
@@ -285,7 +285,7 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
               ], -1)),
               u("div", Jt, [
                 u("section", _t, [
-                  w(p(W), {
+                  w(p(j), {
                     icon: "plus",
                     variant: "outlineSubtle",
                     class: "z-0 hover:z-10 focus:z-10 active:z-10",
@@ -293,13 +293,13 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
                     style: { borderRadius: "8px 0 0 8px" },
                     onClick: N
                   }, null, 8, ["disabled"]),
-                  w(p(W), {
+                  w(p(j), {
                     icon: "dash",
                     variant: "outlineSubtle",
                     class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px",
                     disabled: v.value <= g.value,
                     style: { borderRadius: "0px 8px 8px 0px" },
-                    onClick: o1
+                    onClick: n1
                   }, null, 8, ["disabled"])
                 ])
               ])
@@ -317,12 +317,12 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
             justify: "between"
           }, {
             default: Z(() => [
-              w(p(W), {
+              w(p(j), {
                 disabled: F.disabled,
                 variant: "outlineSubtle",
                 label: "Upload",
                 icon: "photo",
-                onClick: K
+                onClick: Q
               }, null, 8, ["disabled"]),
               u("div", e5, [
                 w(p(E1), {
@@ -342,7 +342,7 @@ const Fo = /* @__PURE__ */ M1(Rt, [["render", Ot]]), It = { class: "w-full space
       }, 512)) : k("", !0)
     ]));
   }
-}), t5 = { class: "py-1 min-w-0 leading-none truncate" }, Ve = /* @__PURE__ */ D({
+}), t5 = { class: "py-1 min-w-0 leading-none truncate" }, Ve = /* @__PURE__ */ $({
   __name: "ButtonLabel",
   props: {
     label: {}
@@ -353,10 +353,10 @@ const Fo = /* @__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, [
-    A(n.$slots, "default")
+    R(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)]" }, Je = /* @__PURE__ */ D({
+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__ */ $({
   __name: "NotificationBadge",
   props: {
     inside: { type: Boolean }
@@ -364,7 +364,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
   setup(n) {
     return (t, e) => (o(), i("div", s5));
   }
-}), we = /* @__PURE__ */ D({
+}), we = /* @__PURE__ */ $({
   __name: "NotificationBadge",
   props: {
     inside: { type: Boolean }
@@ -377,10 +377,10 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
         right: t.inside ? "0.15em" : "-0.3em"
       })
     }, [
-      w(p(Je))
+      w(p(_e))
     ], 4));
   }
-}), W = /* @__PURE__ */ D({
+}), j = /* @__PURE__ */ $({
   __name: "Button",
   props: {
     variant: { default: "fill" },
@@ -407,7 +407,7 @@ 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, a = b(l.routerLinkTo ? "router-link" : "button"), r = b(), f = b(), C = O(() => {
+    const l = n, s = e, a = L(l.routerLinkTo ? "router-link" : "button"), r = L(), f = L(), 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(" ");
     }), m = O(() => {
@@ -502,7 +502,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
           ref_key: "buttonRef",
           ref: r,
           to: c.routerLinkTo,
-          class: B(m.value),
+          class: D(m.value),
           disabled: c.disabled || c.loading,
           style: t1(d.value),
           onClick: h,
@@ -513,7 +513,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
               default: Z(() => [
                 c.loading ? (o(), V(p(N1), {
                   key: 0,
-                  class: B(C.value)
+                  class: D(C.value)
                 }, null, 8, ["class"])) : c.icon ? (o(), V(p(l1), {
                   key: 1,
                   name: c.icon
@@ -545,7 +545,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
       ref: r,
       to: c.routerLinkTo,
       target: l.linkTarget,
-      class: B(m.value),
+      class: D(m.value),
       disabled: c.disabled || c.loading,
       style: t1(d.value),
       onClick: h,
@@ -556,7 +556,7 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
           default: Z(() => [
             c.loading ? (o(), V(p(N1), {
               key: 0,
-              class: B(C.value)
+              class: D(C.value)
             }, null, 8, ["class"])) : c.icon ? (o(), V(p(l1), {
               key: 1,
               name: c.icon
@@ -580,15 +580,15 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
       _: 1
     }, 40, ["to", "target", "class", "disabled", "style"]));
   }
-}), Yo = /* @__PURE__ */ D({
+}), Yo = /* @__PURE__ */ $({
   __name: "ButtonGroup",
   props: {
     direction: { default: "horizontal" },
     fullwidth: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const t = n, e = b(""), l = b();
-    Lt("childOfButtonGroup", !0);
+    const t = n, e = L(""), l = L();
+    yt("childOfButtonGroup", !0);
     const s = () => {
       const a = [];
       t.fullwidth ? a.push("flex w-full") : a.push("inline-flex"), t.direction === "vertical" ? a.push("flex-col items-stretch") : a.push("items-center"), e.value = a.join(" "), l.value && Array.from(l.value.children).forEach((r, f) => {
@@ -596,13 +596,13 @@ const ke = /* @__PURE__ */ M1(l5, [["render", o5]]), s5 = { class: "w-3 h-3 bg-o
         t.direction === "vertical" ? (r.classList.add("-mt-px"), r.classList.add("first:mt-0"), f === 0 ? r.nodeName === "BUTTON" ? r.classList.add("rounded-t-md") : (C = r.querySelector("button")) == null || C.classList.add("rounded-t-md") : f === l.value.children.length - 1 && (r.nodeName === "BUTTON" ? r.classList.add("rounded-b-md") : (m = r.querySelector("button")) == null || m.classList.add("rounded-b-md"))) : (r.classList.add("-ml-px"), r.classList.add("first:ml-0"), f === 0 ? r.nodeName === "BUTTON" ? r.classList.add("rounded-l-md") : (d = r.querySelector("button")) == null || d.classList.add("rounded-l-md") : f === l.value.children.length - 1 && (r.nodeName === "BUTTON" ? r.classList.add("rounded-r-md") : (h = r.querySelector("button")) == null || h.classList.add("rounded-r-md")));
       });
     };
-    return i1(s), (a, r) => (o(), i("div", {
+    return a1(s), (a, r) => (o(), i("div", {
       ref_key: "buttonGroupRef",
       ref: l,
-      class: B(e.value),
+      class: D(e.value),
       onClick: x(s, ["stop", "prevent"])
     }, [
-      A(a.$slots, "default")
+      R(a.$slots, "default")
     ], 2));
   }
 }), j1 = (n, t) => (n % t + t) % t, a5 = (n, t) => {
@@ -630,13 +630,13 @@ const Me = {
   WEEK: 6048e5,
   YEAR: 3154e7,
   DECADE: 3154e7 * 10
-}, _e = (n) => {
+}, et = (n) => {
   if (Object.keys(Me).includes(n))
     return Me[n];
   if (Object.keys(q).includes(n))
     return n;
   throw new Error(`Invalid time unit [${n}}]`);
-}, r5 = { class: "w-56 grid grid-cols-7" }, i5 = { class: "col-span-5 flex items-center justify-center text-sm" }, d5 = { class: "w-56 grid grid-cols-2 py-8" }, u5 = /* @__PURE__ */ D({
+}, r5 = { class: "w-56 grid grid-cols-7" }, i5 = { class: "col-span-5 flex items-center justify-center text-sm" }, d5 = { class: "w-56 grid grid-cols-2 py-8" }, u5 = /* @__PURE__ */ $({
   __name: "DecadeView",
   props: {
     viewData: {}
@@ -646,20 +646,20 @@ const Me = {
     const e = n, l = t, s = O(() => `${e.viewData[0].label} - ${e.viewData[e.viewData.length - 1].label}`);
     return (a, r) => (o(), i("div", null, [
       u("nav", r5, [
-        w(p(W), {
+        w(p(j), {
           icon: "chevron-left",
           variant: "textSubtle",
           onClick: r[0] || (r[0] = (f) => l("move", { amount: -10, unit: p(q).YEAR }))
         }),
         u("div", i5, X(s.value), 1),
-        w(p(W), {
+        w(p(j), {
           icon: "chevron-right",
           variant: "textSubtle",
           onClick: r[1] || (r[1] = (f) => l("move", { amount: 10, unit: p(q).YEAR }))
         })
       ]),
       u("main", d5, [
-        (o(!0), i(M, null, m1(a.viewData, (f) => (o(), V(p(W), {
+        (o(!0), i(M, null, m1(a.viewData, (f) => (o(), V(p(j), {
           key: f.label,
           variant: f.selected ? "fill" : f.current ? "text" : "textSubtle",
           label: f.label.toString(),
@@ -676,10 +676,10 @@ const Me = {
     ]));
   }
 });
-function et(n) {
+function tt(n) {
   return n && n.charAt(0).toUpperCase() + n.slice(1);
 }
-const p5 = /* @__PURE__ */ D({
+const p5 = /* @__PURE__ */ $({
   __name: "DateButton",
   props: {
     date: {}
@@ -688,7 +688,7 @@ const p5 = /* @__PURE__ */ D({
   setup(n, { emit: t }) {
     const e = t;
     return (l, s) => (o(), i("button", {
-      class: B(["flex items-center justify-center w-8 h-8 rounded text-sm font-medium cursor-pointer", {
+      class: D(["flex items-center justify-center w-8 h-8 rounded text-sm font-medium cursor-pointer", {
         "bg-secondary text-tertiary rounded-none cursor-not-allowed": l.date.disabled,
         "text-muted hover:text-secondary hover:bg-tertiary": l.date.inactive,
         "bg-action text-white": l.date.selected,
@@ -699,7 +699,7 @@ const p5 = /* @__PURE__ */ D({
       onClick: s[0] || (s[0] = x((a) => e("click", l.date), ["stop"]))
     }, X(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__ */ D({
+}), 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__ */ $({
   __name: "MonthView",
   props: {
     viewData: {},
@@ -712,34 +712,34 @@ const p5 = /* @__PURE__ */ D({
     const e = t;
     return (l, s) => (o(), i("div", null, [
       u("nav", f5, [
-        w(p(W), {
+        w(p(j), {
           variant: "textSubtle",
           icon: "chevron-left-double",
           onClick: s[0] || (s[0] = (a) => e("move", { amount: -1, unit: p(q).YEAR }))
         }),
-        w(p(W), {
+        w(p(j), {
           variant: "textSubtle",
           icon: "chevron-left",
           onClick: s[1] || (s[1] = (a) => e("move", { amount: -1, unit: p(q).MONTH }))
         }),
         u("div", c5, [
-          w(p(W), {
+          w(p(j), {
             variant: "textSubtle",
-            label: p(et)(l.currentMonth.slice(0, 3)),
+            label: p(tt)(l.currentMonth.slice(0, 3)),
             onClick: s[2] || (s[2] = (a) => e("change-view", p(q).YEAR))
           }, null, 8, ["label"]),
-          w(p(W), {
+          w(p(j), {
             variant: "textSubtle",
             label: l.currentYear.toString(),
             onClick: s[3] || (s[3] = (a) => e("change-view", p(q).DECADE))
           }, null, 8, ["label"])
         ]),
-        w(p(W), {
+        w(p(j), {
           variant: "textSubtle",
           icon: "chevron-right",
           onClick: s[4] || (s[4] = (a) => e("move", { amount: 1, unit: p(q).MONTH }))
         }),
-        w(p(W), {
+        w(p(j), {
           variant: "textSubtle",
           icon: "chevron-right-double",
           onClick: s[5] || (s[5] = (a) => e("move", { amount: 1, unit: p(q).YEAR }))
@@ -763,7 +763,7 @@ const p5 = /* @__PURE__ */ D({
       ])
     ]));
   }
-}), m5 = { class: "w-56 grid grid-cols-7" }, g5 = { class: "col-span-5 text-sm flex justify-center items-center" }, b5 = { class: "w-56 grid grid-cols-2 py-4" }, L5 = /* @__PURE__ */ D({
+}), m5 = { class: "w-56 grid grid-cols-7" }, g5 = { class: "col-span-5 text-sm flex justify-center items-center" }, b5 = { class: "w-56 grid grid-cols-2 py-4" }, L5 = /* @__PURE__ */ $({
   __name: "YearView",
   props: {
     viewData: {},
@@ -774,23 +774,23 @@ const p5 = /* @__PURE__ */ D({
     const e = t;
     return (l, s) => (o(), i("div", null, [
       u("nav", m5, [
-        w(p(W), {
+        w(p(j), {
           icon: "chevron-left",
           variant: "textSubtle",
           onClick: s[0] || (s[0] = (a) => e("move", { amount: -1, unit: "YEAR" }))
         }),
         u("div", g5, X(l.currentYear), 1),
-        w(p(W), {
+        w(p(j), {
           icon: "chevron-right",
           variant: "textSubtle",
           onClick: s[1] || (s[1] = (a) => e("move", { amount: 1, unit: "YEAR" }))
         })
       ]),
       u("main", b5, [
-        (o(!0), i(M, null, m1(l.viewData, (a, r) => (o(), V(p(W), {
+        (o(!0), i(M, null, m1(l.viewData, (a, r) => (o(), V(p(j), {
           key: a.label,
           variant: a.selected ? "fill" : a.current ? "text" : "textSubtle",
-          label: p(et)(a.label.toString()),
+          label: p(tt)(a.label.toString()),
           onClick: (f) => e(
             "select",
             {
@@ -814,7 +814,7 @@ const C1 = (n) => {
 }, Wo = (n, t, e) => {
   if (n == null || t == null) return null;
   n = C1(n), t = C1(t);
-  const l = _e(e);
+  const l = et(e);
   if (!n || !t || !l)
     return null;
   if (l === q.MONTH || l === q.YEAR)
@@ -826,7 +826,7 @@ const C1 = (n) => {
   const e = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
   return t && e ? Math.ceil(((t.getTime() - e.getTime()) / pe.DAY + 1) / 7) : 0;
 }, I1 = (n, t, e) => {
-  const l = C1(n), s = _e(e);
+  const l = C1(n), s = et(e);
   if (s === q.MONTH) throw new Error("Cannot move date by month");
   let a = l.getTime();
   return a += t * pe[s], l.setTime(a), l;
@@ -988,7 +988,7 @@ class Z5 {
 }
 var h1 = ((n) => (n[n.DATE = q.DAY] = "DATE", n[n.WEEK = q.WEEK] = "WEEK", n[n.MONTH = q.MONTH] = "MONTH", n[n.YEAR = q.YEAR] = "YEAR", n[n.DECADE = q.DECADE] = "DECADE", n))(h1 || {});
 const $5 = (n = null, t) => {
-  const e = new Z5(t, n), l = b([]), s = b(h1.MONTH), a = b(""), r = b(0), f = (H) => {
+  const e = new Z5(t, n), l = L([]), s = L(h1.MONTH), a = L(""), r = L(0), f = (H) => {
     if (!Object.keys(h1).includes(H)) {
       console.warn(`[changeView] wrong view type: ${H}`);
       return;
@@ -1037,7 +1037,7 @@ const $5 = (n = null, t) => {
         throw new Error(`[moveViewDate] unknown unit: ${v}`);
     }
     C();
-  }, L = (H, v) => {
+  }, b = (H, v) => {
     switch (v) {
       case q.DAY:
         e.setDateCursorDate(H);
@@ -1054,7 +1054,7 @@ const $5 = (n = null, t) => {
     }
     C();
   }, c = ({ value: H, unit: v, view: g }) => {
-    L(H, v), f(g);
+    b(H, v), f(g);
   };
   return {
     selectedDate: e.selectedDate,
@@ -1066,13 +1066,13 @@ const $5 = (n = null, t) => {
     moveRequest: d,
     moveViewDate: h,
     setSelectedDate: m,
-    setViewDate: L,
+    setViewDate: b,
     setViewDateAndChangeView: c
   };
 }, D5 = { class: "flex flex-col" }, B5 = { class: "p-4" }, S5 = {
   key: 0,
   class: "flex items-center justify-end p-4 border-t border-default"
-}, T5 = /* @__PURE__ */ D({
+}, T5 = /* @__PURE__ */ $({
   __name: "CalendarView",
   props: {
     value: { default: null },
@@ -1095,8 +1095,8 @@ const $5 = (n = null, t) => {
       setSelectedDate: d,
       setViewDateAndChangeView: h
     } = $5(n.value, { weekStart: n.weekStart, disabledDates: n.disabledDates });
-    r1(() => n.value, (g) => d(g));
-    const L = yt(a), c = b(Object.values(w1).map((g, T) => Object.values(w1)[j1(T + n.weekStart, Object.values(w1).length)])), H = (g) => {
+    i1(() => n.value, (g) => d(g));
+    const b = Ht(a), c = L(Object.values(w1).map((g, T) => Object.values(w1)[j1(T + n.weekStart, Object.values(w1).length)])), H = (g) => {
       if (!g) {
         e("change", null);
         return;
@@ -1119,7 +1119,7 @@ const $5 = (n = null, t) => {
             break;
         }
     };
-    return i1(() => {
+    return a1(() => {
       document.addEventListener("keydown", v);
     }), F1(() => {
       document.removeEventListener("keydown", v);
@@ -1127,7 +1127,7 @@ const $5 = (n = null, t) => {
       u("main", B5, [
         p(s) === p(h1).MONTH ? (o(), V(h5, {
           key: 0,
-          "current-month": L.value,
+          "current-month": b.value,
           "current-year": p(r),
           "view-data": p(l),
           weekdays: c.value,
@@ -1150,14 +1150,14 @@ const $5 = (n = null, t) => {
         }, null, 8, ["view-data", "onMove", "onSelect"])) : k("", !0)
       ]),
       g.clearable ? (o(), i("footer", S5, [
-        w(p(W), {
+        w(p(j), {
           square: "",
           size: "tiny",
           variant: "outlineSubtle",
           "leading-icon": "trash",
           label: "Clear",
           disabled: !g.value,
-          onClick: T[0] || (T[0] = (E) => H(null))
+          onClick: T[0] || (T[0] = (z) => H(null))
         }, null, 8, ["disabled"])
       ])) : k("", !0)
     ]));
@@ -1166,18 +1166,18 @@ const $5 = (n = null, t) => {
   const l = new Date(n), s = new Intl.DateTimeFormat("en-001", { weekday: "short" }).format(l), a = l.getDate().toString().padStart(2, "0"), r = new Intl.DateTimeFormat("en-001", { month: "short" }).format(l), f = l.getFullYear(), C = l.getHours().toString().padStart(2, "0"), m = l.getMinutes().toString().padStart(2, "0");
   let d = `${a} ${r} ${f}`;
   return t && (d = `${s} ${d}`), e && (d = `${d} ${C}:${m}`), d;
-}, z5 = (n) => J1(n, !1, !1), A5 = (n) => J1(n, !0, !1), R5 = (n) => J1(n, !1, !0), E5 = (n) => J1(n, !0, !0), tt = (n, t = !1) => {
+}, z5 = (n) => J1(n, !1, !1), A5 = (n) => J1(n, !0, !1), R5 = (n) => J1(n, !1, !0), E5 = (n) => J1(n, !0, !0), lt = (n, t = !1) => {
   const e = new Date(n), l = e.getFullYear(), s = (e.getMonth() + 1).toString().padStart(2, "0"), a = e.getDate().toString().padStart(2, "0"), r = e.getHours().toString().padStart(2, "0"), f = e.getMinutes().toString().padStart(2, "0");
   let C = `${l}-${s}-${a}`;
   return t && (C = `${C} ${r}:${f}`), C;
-}, O5 = (n) => tt(n, !1), I5 = (n) => tt(n, !0), Go = {
+}, O5 = (n) => lt(n, !1), I5 = (n) => lt(n, !0), Go = {
   readableDate: z5,
   readableDateWithDay: A5,
   readableDateTime: R5,
   readableDateTimeWithDay: E5,
   dbDate: O5,
   dbDateTime: I5
-}, Jo = ["dbDate", "dbDateTime", "readableDate", "readableDateWithDay", "readableDateTime", "readableDateTimeWithDay"], P5 = /* @__PURE__ */ D({
+}, Jo = ["dbDate", "dbDateTime", "readableDate", "readableDateWithDay", "readableDateTime", "readableDateTimeWithDay"], P5 = /* @__PURE__ */ $({
   __name: "CircleIndicator",
   props: {
     value: { type: Boolean },
@@ -1187,7 +1187,7 @@ const $5 = (n = null, t) => {
   setup(n) {
     const t = O(() => n.indeterminate ? "dash" : n.value ? "check" : null);
     return (e, l) => (o(), i("button", {
-      class: B(["group inline-flex items-center justify-center w-6 h-6 rounded-full border focus:outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", {
+      class: D(["group inline-flex items-center justify-center w-6 h-6 rounded-full border focus:outline-hidden focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", {
         "border-default bg-primary hover:bg-secondary hover:border-strong cursor-pointer": !e.disabled && !e.value,
         "border-action bg-action text-white hover:bg-action-hover hover:border-action-hover cursor-pointer": !e.disabled && e.value,
         "border-default bg-tertiary text-white cursor-default": e.disabled && e.value,
@@ -1212,7 +1212,7 @@ const $5 = (n = null, t) => {
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, x5 = /* @__PURE__ */ D({
+}, x5 = /* @__PURE__ */ $({
   __name: "DefaultIndicator",
   props: {
     value: { type: Boolean },
@@ -1221,7 +1221,7 @@ const $5 = (n = null, t) => {
   },
   setup(n) {
     return (t, e) => (o(), i("button", {
-      class: B(["flex items-center justify-center w-4 h-4 border rounded focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", {
+      class: D(["flex items-center justify-center w-4 h-4 border rounded focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", {
         "border-action bg-action hover:bg-action-hover hover:border-action-hover cursor-pointer": (t.value || t.indeterminate) && !t.disabled,
         "bg-primary border-default hover:border-strong hover:bg-secondary cursor-pointer": !t.value && !t.indeterminate && !t.disabled,
         "cursor-default border-default bg-tertiary": t.disabled
@@ -1235,7 +1235,7 @@ const $5 = (n = null, t) => {
       ])])) : k("", !0)
     ], 2));
   }
-}), lt = /* @__PURE__ */ D({
+}), nt = /* @__PURE__ */ $({
   __name: "Checkbox",
   props: {
     label: {},
@@ -1248,7 +1248,7 @@ const $5 = (n = null, t) => {
   setup(n, { emit: t }) {
     const e = t;
     return (l, s) => (o(), i("div", {
-      class: B(["group flex items-center space-x-2", {
+      class: D(["group flex items-center space-x-2", {
         "border-action": l.checked && !l.disabled,
         "border-default": !l.checked && !l.disabled,
         "border-subtle cursor-default": l.disabled,
@@ -1269,7 +1269,7 @@ const $5 = (n = null, t) => {
       }, null, 8, ["value", "disabled", "indeterminate"])),
       l.label ? (o(), i("span", {
         key: 2,
-        class: B(["block text-sm leading-tight select-none", {
+        class: D(["block text-sm leading-tight select-none", {
           "hover:underline": !l.disabled,
           "text-tertiary": l.disabled
         }])
@@ -1285,7 +1285,7 @@ const $5 = (n = null, t) => {
 }, Q5 = {
   key: 0,
   class: "relative"
-}, _o = /* @__PURE__ */ D({
+}, _o = /* @__PURE__ */ $({
   __name: "Collapse",
   props: {
     alignment: { default: "right" },
@@ -1298,20 +1298,20 @@ const $5 = (n = null, t) => {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = b(), r = b(!1), f = O(() => e.open ? e.borderClassOpen : e.borderClassClosed), C = O(() => r.value ? {
+    const e = n, l = t, s = L(), a = L(), r = L(!1), f = O(() => e.open ? e.borderClassOpen : e.borderClassClosed), C = O(() => r.value ? {
       top: "-1px",
       paddingTop: "1px"
     } : {});
-    r1(
+    i1(
       () => e.open,
       (d) => {
         d || (r.value = !1);
       }
-    ), r1(r, (d) => {
+    ), i1(r, (d) => {
       d && s.value.blur();
     });
-    const m = b(null);
-    return i1(() => {
+    const m = L(null);
+    return a1(() => {
       e.sticky && (m.value = new IntersectionObserver(
         ([d]) => {
           e.open && (r.value = d.intersectionRatio < 1);
@@ -1326,7 +1326,7 @@ const $5 = (n = null, t) => {
       u("header", {
         ref_key: "headerRef",
         ref: a,
-        class: B(["w-full border-b", [
+        class: D(["w-full border-b", [
           {
             "shadow-sm-xs border-strong sticky z-10": r.value,
             relative: !r.value
@@ -1338,28 +1338,28 @@ const $5 = (n = null, t) => {
       }, [
         u("div", Y5, [
           d.alignment === "left" ? (o(), i("div", W5, [
-            A(d.$slots, "header", { sticky: r.value })
+            R(d.$slots, "header", { sticky: r.value })
           ])) : k("", !0),
           u("div", j5, [
-            d.$slots.content ? (o(), V(p(W), {
+            d.$slots.content ? (o(), V(p(j), {
               key: 0,
               small: "",
               variant: "textSubtle",
               icon: d.open ? "chevron-down-small" : "chevron-right-small",
-              onClick: h[0] || (h[0] = (L) => l("toggle", d.id))
+              onClick: h[0] || (h[0] = (b) => l("toggle", d.id))
             }, null, 8, ["icon"])) : k("", !0)
           ]),
           d.alignment === "right" ? (o(), i("div", K5, [
-            A(d.$slots, "header", { sticky: r.value })
+            R(d.$slots, "header", { sticky: r.value })
           ])) : k("", !0)
         ])
       ], 6),
       d.open ? (o(), i("main", Q5, [
-        A(d.$slots, "content")
+        R(d.$slots, "content")
       ])) : k("", !0)
     ]));
   }
-}), E1 = /* @__PURE__ */ D({
+}), E1 = /* @__PURE__ */ $({
   __name: "ConfirmCancel",
   props: {
     order: { default: "confirm-first" },
@@ -1384,7 +1384,7 @@ const $5 = (n = null, t) => {
       class: "gap-2"
     }, {
       default: Z(() => [
-        l.value ? (o(), V(p(W), {
+        l.value ? (o(), V(p(j), {
           key: 0,
           small: s.small,
           "stop-propagation": "",
@@ -1393,20 +1393,20 @@ const $5 = (n = null, t) => {
           variant: s.confirmVariant,
           disabled: s.confirmDisabled,
           loading: s.loading,
-          class: B({ "flex-1": s.fillContainer }),
+          class: D({ "flex-1": s.fillContainer }),
           onClick: a[0] || (a[0] = (r) => e("confirm"))
         }, null, 8, ["small", "icon", "label", "variant", "disabled", "loading", "class"])) : k("", !0),
-        w(p(W), {
+        w(p(j), {
           variant: s.cancelVariant,
           "stop-propagation": "",
           disabled: s.cancelDisabled,
           small: s.small,
           icon: s.cancelIcon,
           label: s.cancelLabel,
-          class: B({ "flex-1": s.fillContainer }),
+          class: D({ "flex-1": s.fillContainer }),
           onClick: a[1] || (a[1] = (r) => e("cancel"))
         }, null, 8, ["variant", "disabled", "small", "icon", "label", "class"]),
-        l.value ? k("", !0) : (o(), V(p(W), {
+        l.value ? k("", !0) : (o(), V(p(j), {
           key: 1,
           small: s.small,
           "stop-propagation": "",
@@ -1415,7 +1415,7 @@ const $5 = (n = null, t) => {
           variant: s.confirmVariant,
           disabled: s.confirmDisabled,
           loading: s.loading,
-          class: B({ "flex-1": s.fillContainer }),
+          class: D({ "flex-1": s.fillContainer }),
           onClick: a[2] || (a[2] = (r) => e("confirm"))
         }, null, 8, ["small", "icon", "label", "variant", "disabled", "loading", "class"]))
       ]),
@@ -1446,11 +1446,11 @@ function ce(n) {
   const t = (e) => {
     e.key === "Escape" && n();
   };
-  i1(() => window.addEventListener("keydown", t)), F1(() => window.removeEventListener("keydown", t));
+  a1(() => window.addEventListener("keydown", t)), F1(() => window.removeEventListener("keydown", t));
 }
 const q5 = () => {
-  const n = b(!1);
-  return i1(() => n.value = !0), { mounted: n };
+  const n = L(!1);
+  return a1(() => n.value = !0), { mounted: n };
 }, Ce = () => ({
   nextFrame: (n) => {
     requestAnimationFrame(() => {
@@ -1478,25 +1478,25 @@ const q5 = () => {
   key: 1,
   class: "absolute w-16 right-0 z-10 h-full flex items-center justify-end pl-2",
   style: { background: "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%)" }
-}, Ze = 120, e4 = /* @__PURE__ */ D({
+}, Ze = 120, e4 = /* @__PURE__ */ $({
   __name: "ContentSlider",
   setup(n, { expose: t }) {
-    const e = b(0), l = b(null), s = b(null), a = b(l.value ? l.value.clientWidth : 0), r = b(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - Ze), C = () => {
+    const e = L(0), l = L(null), s = L(null), a = L(l.value ? l.value.clientWidth : 0), r = L(s.value ? s.value.scrollWidth : 0), f = () => e.value = Math.max(0, e.value - Ze), C = () => {
       e.value = Math.min(r.value - a.value, e.value + Ze);
-    }, m = O(() => e.value > 0), d = O(() => e.value < r.value - a.value), { nextFrame: h } = Ce(), L = () => {
+    }, m = O(() => e.value > 0), d = O(() => e.value < r.value - a.value), { nextFrame: h } = Ce(), b = () => {
       D1(() => {
         h(() => {
           a.value = l.value ? l.value.clientWidth : 0, r.value = s.value ? s.value.scrollWidth : 0, a.value >= r.value && (e.value = 0);
         });
       });
     };
-    return i1(L), t({ update: L }), (c, H) => (o(), i("div", {
+    return a1(b), t({ update: b }), (c, H) => (o(), i("div", {
       ref_key: "listContainer",
       ref: l,
       class: "relative flex-1 flex items-center py-1 overflow-hidden whitespace-nowrap"
     }, [
       m.value ? (o(), i("aside", G5, [
-        w(p(W), {
+        w(p(j), {
           small: "",
           icon: "chevron-left",
           variant: "outline",
@@ -1510,10 +1510,10 @@ const q5 = () => {
         class: "flex items-center gap-2 snap-x scroll-px-2 transition-transform duration-300",
         style: t1({ transform: `translateX(-${e.value}px)` })
       }, [
-        A(c.$slots, "default")
+        R(c.$slots, "default")
       ], 4),
       d.value ? (o(), i("aside", J5, [
-        d.value ? (o(), V(p(W), {
+        d.value ? (o(), V(p(j), {
           key: 0,
           small: "",
           icon: "chevron-right",
@@ -1819,7 +1819,7 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
 }, A2 = {
   key: 167,
   d: "M1.67045 7.12399C1.87812 6.94198 2.19402 6.96278 2.37603 7.17045C3.48422 8.43486 5.56103 9.3323 8.00001 9.3323C10.439 9.3323 12.5158 8.43486 13.624 7.17045C13.806 6.96278 14.1219 6.94198 14.3296 7.12399C14.5372 7.306 14.5581 7.6219 14.376 7.82957C14.1691 8.06569 13.9374 8.28852 13.6838 8.49653L14.8536 9.66625C15.0488 9.86151 15.0488 10.1781 14.8536 10.3734C14.6583 10.5686 14.3417 10.5686 14.1464 10.3734L12.8524 9.07929C12.1896 9.47611 11.4305 9.79042 10.607 10.005L10.9903 11.9217C11.0445 12.1925 10.8689 12.4559 10.5981 12.5101C10.3273 12.5642 10.0639 12.3886 10.0097 12.1179L9.62769 10.2077C9.10187 10.2895 8.55696 10.3323 8.00001 10.3323C7.44307 10.3323 6.89815 10.2895 6.37233 10.2077L5.9903 12.1179C5.93614 12.3886 5.67273 12.5642 5.40195 12.5101C5.13117 12.4559 4.95556 12.1925 5.00971 11.9217L5.39307 10.005C4.56953 9.79041 3.81042 9.47611 3.14764 9.07928L1.85355 10.3734C1.65829 10.5686 1.34171 10.5686 1.14645 10.3734C0.951183 10.1781 0.951183 9.86151 1.14645 9.66625L2.31618 8.49652C2.0626 8.28851 1.83093 8.06568 1.62399 7.82957C1.44198 7.6219 1.46278 7.306 1.67045 7.12399Z"
-}, l1 = /* @__PURE__ */ D({
+}, l1 = /* @__PURE__ */ $({
   __name: "Icon",
   props: {
     name: {}
@@ -2283,7 +2283,7 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       ], 64)) : k("", !0)
     ]));
   }
-}), R2 = /* @__PURE__ */ D({
+}), R2 = /* @__PURE__ */ $({
   __name: "DeleteButton",
   emits: ["click"],
   setup(n) {
@@ -2294,7 +2294,7 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       w(p(l1), { name: "close" })
     ]));
   }
-}), E2 = { class: "flex items-center justify-between w-full h-12" }, O2 = { key: 0 }, I2 = { key: 1 }, P2 = { class: "flex items-center h-12" }, l4 = /* @__PURE__ */ D({
+}), E2 = { class: "flex items-center justify-between w-full h-12" }, O2 = { key: 0 }, I2 = { key: 1 }, P2 = { class: "flex items-center h-12" }, l4 = /* @__PURE__ */ $({
   __name: "Dialog",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -2304,8 +2304,8 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
   },
   emits: ["close", "open"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = b(!1);
-    i1(() => s.value = !0);
+    const l = e, s = L(!1);
+    a1(() => s.value = !0);
     const a = () => s.value = !1, r = () => n.closeable && a();
     return n.closeable && ce(r), t({ close: a }), (f, C) => (o(), V(x1, { to: f.target }, [
       w(p(ve), {
@@ -2315,7 +2315,7 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
         onClose: C[1] || (C[1] = (m) => l("close"))
       }, {
         default: Z(() => [
-          w(p(nt), {
+          w(p(ot), {
             onTransitionAfterEnter: C[0] || (C[0] = (m) => l("open"))
           }, {
             default: Z(() => [
@@ -2325,9 +2325,9 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
                     header: Z(() => [
                       u("header", E2, [
                         f.title ? (o(), i("h4", O2, X(f.title), 1)) : (o(), i("h4", I2, [
-                          A(f.$slots, "title", { close: a })
+                          R(f.$slots, "title", { close: a })
                         ])),
-                        f.closeable ? (o(), V(p(W), {
+                        f.closeable ? (o(), V(p(j), {
                           key: 2,
                           small: "",
                           icon: "close",
@@ -2337,11 +2337,11 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
                       ])
                     ]),
                     main: Z(() => [
-                      A(f.$slots, "main", { close: a })
+                      R(f.$slots, "main", { close: a })
                     ]),
                     footer: Z(() => [
                       u("footer", P2, [
-                        A(f.$slots, "footer", { close: a })
+                        R(f.$slots, "footer", { close: a })
                       ])
                     ]),
                     _: 3
@@ -2359,7 +2359,7 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), nt = /* @__PURE__ */ D({
+}), ot = /* @__PURE__ */ $({
   __name: "FadeInUp",
   emits: ["transition-after-enter"],
   setup(n, { emit: t }) {
@@ -2374,15 +2374,15 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       onAfterEnter: s[0] || (s[0] = (a) => e("transition-after-enter"))
     }, {
       default: Z(() => [
-        A(l.$slots, "default")
+        R(l.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), N2 = { class: "text-sm" }, F2 = {
+}), 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"
-}, x2 = /* @__PURE__ */ D({
+}, x2 = /* @__PURE__ */ $({
   __name: "FilterChip",
   props: {
     label: {},
@@ -2394,7 +2394,7 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
   emits: ["click", "delete"],
   setup(n) {
     return (t, e) => (o(), i("button", {
-      class: B(["h-6 py-2 rounded-md flex items-center gap-1 cursor-pointer hover:bg-secondary active:bg-tertiary", {
+      class: D(["h-6 py-2 rounded-md flex items-center gap-1 cursor-pointer hover:bg-secondary active:bg-tertiary", {
         "border-action bg-secondary": t.focus && !t.active,
         "border-default hover:border-strong active:border-strong": !t.focus && !t.active,
         "px-2 border text-secondary hover:text-tertiary active:text-primary": !t.active,
@@ -2413,25 +2413,25 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       })) : k("", !0)
     ], 2));
   }
-}), U2 = { class: "opacity-0" }, Y2 = { key: 1 }, n4 = /* @__PURE__ */ D({
+}), U2 = { class: "opacity-0" }, Y2 = { key: 1 }, n4 = /* @__PURE__ */ $({
   __name: "FirstPaint",
   props: {
     delayIndex: {}
   },
   setup(n) {
     const t = n;
-    return i1(() => {
+    return a1(() => {
       if (t.delayIndex < 1 || t.delayIndex > 20)
         throw new Error("delayIndex has to be between 1 and 20");
     }), (e, l) => (o(), i("div", {
-      class: B(["first-paint rounded", `delay-${e.delayIndex}`])
+      class: D(["first-paint rounded", `delay-${e.delayIndex}`])
     }, [
       u("div", U2, [
-        e.$slots.default ? A(e.$slots, "default", { key: 0 }) : (o(), i("span", Y2, "Some random text"))
+        e.$slots.default ? R(e.$slots, "default", { key: 0 }) : (o(), i("span", Y2, "Some random text"))
       ])
     ], 2));
   }
-}), e1 = /* @__PURE__ */ D({
+}), e1 = /* @__PURE__ */ $({
   __name: "Flexbox",
   props: {
     align: { default: "center" },
@@ -2461,10 +2461,10 @@ const t4 = /* @__PURE__ */ M1(_5, [["render", el]]), tl = {
       t.justify ? l[t.justify] : ""
     ]);
     return (a, r) => (o(), V($1(a.tag), {
-      class: B(s.value)
+      class: D(s.value)
     }, {
       default: Z(() => [
-        A(a.$slots, "default")
+        R(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -2493,7 +2493,7 @@ const j2 = () => {
   e.style.width = "100%", n.appendChild(e);
   const l = e.offsetWidth;
   return (s = n.parentNode) == null || s.removeChild(n), le = t - l, le;
-}, ot = (n, t) => {
+}, st = (n, t) => {
   if (!t) {
     n.scrollTop = 0;
     return;
@@ -2504,7 +2504,7 @@ const j2 = () => {
     e.push(l), l = l.offsetParent;
   const s = t.offsetTop + e.reduce((C, m) => C + m.offsetTop, 0), a = s + t.offsetHeight, r = n.scrollTop, f = r + n.clientHeight;
   s < r ? n.scrollTop = s : a > f && (n.scrollTop = a - n.clientHeight);
-}, ie = (n) => n != null, s4 = (n) => ie(n) && (typeof n == "string" ? n !== "" : !0) && (Array.isArray(n) ? n.length > 0 : !0), K2 = ["aria-label"], $e = /* @__PURE__ */ D({
+}, ie = (n) => n != null, s4 = (n) => ie(n) && (typeof n == "string" ? n !== "" : !0) && (Array.isArray(n) ? n.length > 0 : !0), K2 = ["aria-label"], $e = /* @__PURE__ */ $({
   __name: "Aside",
   props: {
     width: { default: 256 },
@@ -2516,12 +2516,12 @@ const j2 = () => {
   },
   emits: ["resize-start", "resize", "resize-end"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = O(() => [
+    const e = n, l = t, s = L(), a = O(() => [
       e.side === "left" ? "left-0" : "right-0",
       e.border ? e.side === "left" ? "border-r border-default" : "border-l border-default" : ""
     ]);
     let r, f;
-    const C = b(!1);
+    const C = L(!1);
     function m(c) {
       r = c.pageX, f = e.width, C.value = !0, window.addEventListener("mouseup", h), window.addEventListener("mousemove", d), l("resize-start");
     }
@@ -2532,7 +2532,7 @@ const j2 = () => {
     function h() {
       C.value = !1, window.removeEventListener("mouseup", h), window.removeEventListener("mousemove", d), l("resize-end");
     }
-    function L(c) {
+    function b(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();
@@ -2548,23 +2548,23 @@ const j2 = () => {
         width: `${c.width}px`,
         transitionProperty: C.value ? "none" : "transform, width"
       }),
-      class: B(["absolute top-0 z-10 h-full overflow-x-hidden bg-primary", a.value])
+      class: D(["absolute top-0 z-10 h-full overflow-x-hidden bg-primary", a.value])
     }, [
-      A(c.$slots, "default"),
+      R(c.$slots, "default"),
       e.draggable ? (o(), i("button", {
         key: 0,
         tabindex: "0",
         "aria-label": `Resize ${e.side} panel`,
-        class: B(["absolute z-10 top-0 h-full w-1 hover:border-action cursor-ew-resize", [
+        class: D(["absolute z-10 top-0 h-full w-1 hover:border-action cursor-ew-resize", [
           e.side === "left" ? "right-0 border-r" : "left-0 border-l",
           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: L
+        onKeydown: b
       }, null, 42, K2)) : k("", !0)
     ], 6));
   }
-}), Q2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, a4 = /* @__PURE__ */ D({
+}), Q2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, a4 = /* @__PURE__ */ $({
   __name: "HorizontalLayout",
   props: {
     asideLeftBgColorClass: { default: "" },
@@ -2580,14 +2580,14 @@ 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 = b(!1), a = b(e.asideLeftWidth), r = b(e.asideRightWidth), f = b(e.asideLeftWidth), C = b(e.asideRightWidth), m = O(() => ({
+    const e = n, l = t, s = L(!1), a = L(e.asideLeftWidth), r = L(e.asideRightWidth), f = L(e.asideLeftWidth), C = L(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");
-    }, L = (y) => {
+    }, b = (y) => {
       a.value = f.value = y, l("aside-left-resize", y);
     }, c = (y) => !y && l("aside-left-transition-end"), H = () => {
       s.value = !1, l("aside-right-resize-end");
@@ -2596,46 +2596,46 @@ const j2 = () => {
     }, g = (y) => {
       r.value = C.value = y, l("aside-right-resize", y);
     }, T = (y) => !y && l("aside-right-transition-end");
-    r1(
+    i1(
       () => e.asideLeftVisible,
       (y) => f.value = y ? a.value : 0
-    ), r1(
+    ), i1(
       () => e.asideRightVisible,
       (y) => C.value = y ? r.value : 0
-    ), r1(
+    ), i1(
       () => e.asideLeftWidth,
       (y) => a.value = f.value = y
-    ), r1(
+    ), i1(
       () => e.asideRightWidth,
       (y) => r.value = C.value = y
     );
-    const E = R1();
-    return i1(() => {
-      f.value = e.asideLeftVisible && E["aside-left"] ? a.value : 0, C.value = e.asideRightVisible && E["aside-right"] ? r.value : 0;
-    }), (y, $) => (o(), i("div", Q2, [
-      p(E)["aside-left"] && y.asideLeftVisible ? (o(), V($e, {
+    const z = R1();
+    return a1(() => {
+      f.value = e.asideLeftVisible && z["aside-left"] ? a.value : 0, C.value = e.asideRightVisible && z["aside-right"] ? r.value : 0;
+    }), (y, B) => (o(), i("div", Q2, [
+      p(z)["aside-left"] && y.asideLeftVisible ? (o(), V($e, {
         key: 0,
         side: "left",
         border: e.borders,
         draggable: y.asideLeftDraggable,
         width: a.value,
         onResizeStart: h,
-        onResize: L,
+        onResize: b,
         onResizeEnd: d,
         onTransitioning: c
       }, {
         default: Z(() => [
-          A(y.$slots, "aside-left")
+          R(y.$slots, "aside-left")
         ]),
         _: 3
       }, 8, ["border", "draggable", "width"])) : k("", !0),
       u("main", {
-        class: B(["relative z-0 h-full overflow-x-hidden overflow-y-auto", [e.mainBgColorClass]]),
+        class: D(["relative z-0 h-full overflow-x-hidden overflow-y-auto", [e.mainBgColorClass]]),
         style: t1(m.value)
       }, [
-        A(y.$slots, "main")
+        R(y.$slots, "main")
       ], 6),
-      p(E)["aside-right"] && y.asideRightVisible ? (o(), V($e, {
+      p(z)["aside-right"] && y.asideRightVisible ? (o(), V($e, {
         key: 1,
         side: "right",
         border: e.borders,
@@ -2647,13 +2647,13 @@ const j2 = () => {
         onTransitioning: T
       }, {
         default: Z(() => [
-          A(y.$slots, "aside-right")
+          R(y.$slots, "aside-right")
         ]),
         _: 3
       }, 8, ["border", "draggable", "width"])) : k("", !0)
     ]));
   }
-}), r4 = /* @__PURE__ */ D({
+}), r4 = /* @__PURE__ */ $({
   __name: "InlineFormWrapper",
   props: {
     order: {},
@@ -2679,7 +2679,7 @@ const j2 = () => {
       class: "border border-default bg-primary rounded-lg focus:outline-none focus-within:shadow-sm focus-within:border-action"
     }, {
       default: Z(() => [
-        A(l.$slots, "default"),
+        R(l.$slots, "default"),
         w(p(e1), {
           tag: "footer",
           justify: "between",
@@ -2688,7 +2688,7 @@ const j2 = () => {
           default: Z(() => [
             w(p(e1), null, {
               default: Z(() => [
-                A(l.$slots, "footer-left")
+                R(l.$slots, "footer-left")
               ]),
               _: 3
             }),
@@ -2717,7 +2717,7 @@ const j2 = () => {
 }), q2 = ["autofocus", "disabled", "value", "placeholder"], X2 = ["auto-focus", "disabled", "type", "value", "placeholder", "onKeydown"], G2 = {
   key: 3,
   class: "flex-none px-1"
-}, z1 = /* @__PURE__ */ D({
+}, z1 = /* @__PURE__ */ $({
   __name: "Input",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2733,8 +2733,8 @@ const j2 = () => {
   },
   emits: ["change", "enter"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = b(), a = b();
-    i1(() => {
+    const l = e, s = L(), a = L();
+    a1(() => {
       var d, h;
       n.multiline ? (d = s.value) == null || d.focus() : (h = a.value) == null || h.focus();
     });
@@ -2748,7 +2748,7 @@ const j2 = () => {
       d.stopImmediatePropagation(), d.stopPropagation(), d.preventDefault();
     };
     return t({ focus: r }), (d, h) => (o(), i("div", {
-      class: B(["relative flex-1 w-full overflow-hidden inline-flex items-center text-sm rounded-lg border focus:shadow-sm-inner focus:outline-hidden focus-within:border-action", {
+      class: D(["relative flex-1 w-full overflow-hidden inline-flex items-center text-sm rounded-lg border focus:shadow-sm-inner focus:outline-hidden focus-within:border-action", {
         "bg-primary border-default text-primary": d.variant === "border" && !d.disabled,
         "bg-secondary border-weak text-secondary": d.variant === "border" && d.disabled,
         "bg-tertiary border-transparent text-primary": d.variant === "fill" && !d.disabled,
@@ -2765,7 +2765,7 @@ const j2 = () => {
     }, [
       d.icon ? (o(), i("div", {
         key: 0,
-        class: B(["flex-none h-full flex rounded-lg bg-transparent cursor-pointer", {
+        class: D(["flex-none h-full flex rounded-lg bg-transparent cursor-pointer", {
           "items-start py-2": d.multiline,
           "items-center": !d.multiline,
           "px-2": d.size === "default",
@@ -2785,7 +2785,7 @@ const j2 = () => {
         disabled: d.disabled,
         value: d.value,
         placeholder: d.placeholder,
-        class: B(["flex-1 py-2 w-full bg-transparent focus:outline-hidden", {
+        class: D(["flex-1 py-2 w-full bg-transparent focus:outline-hidden", {
           "text-xs": d.size === "small",
           "text-sm": d.size === "default"
         }]),
@@ -2799,7 +2799,7 @@ const j2 = () => {
         type: d.inputType,
         value: d.value,
         placeholder: d.placeholder,
-        class: B(["flex-1 min-w-0 bg-transparent focus:outline-hidden", {
+        class: D(["flex-1 min-w-0 bg-transparent focus:outline-hidden", {
           "text-xs": d.size === "small",
           "text-sm": d.size === "default"
         }]),
@@ -2812,21 +2812,21 @@ const j2 = () => {
         onInput: x(f, ["stop", "prevent"])
       }, null, 42, X2)),
       d.$slots["inline-controls"] ? (o(), i("section", G2, [
-        A(d.$slots, "inline-controls")
+        R(d.$slots, "inline-controls")
       ])) : k("", !0),
-      d.clearable && d.value.length ? (o(), V(p(W), {
+      d.clearable && d.value.length ? (o(), V(p(j), {
         key: 4,
         small: "",
         icon: "close",
         variant: "textSubtle",
         class: "flex-none hidden",
-        onClick: h[2] || (h[2] = (L) => {
+        onClick: h[2] || (h[2] = (b) => {
           r(), l("change", "");
         })
       })) : k("", !0)
     ], 2));
   }
-}), De = /* @__PURE__ */ D({
+}), De = /* @__PURE__ */ $({
   __name: "StepButton",
   props: {
     direction: {},
@@ -2834,9 +2834,9 @@ const j2 = () => {
   },
   emits: ["click"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = b(!1);
+    const l = e, s = L(!1);
     return t({ setActive: (a) => s.value = a }), (a, r) => (o(), i("button", {
-      class: B(["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", {
+      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": a.direction === "up" && a.size === "default",
         "h-[calc(--spacing(4)+1px)] rounded-br-lg": a.direction === "down" && a.size === "default",
         "h-3 rounded-tr-lg": a.direction === "up" && a.size === "small",
@@ -2850,7 +2850,7 @@ const j2 = () => {
       }, null, 8, ["name"])
     ], 2));
   }
-}), J2 = ["min", "max", "auto-focus", "disabled", "value", "placeholder", "onKeydown"], i4 = /* @__PURE__ */ D({
+}), J2 = ["min", "max", "auto-focus", "disabled", "value", "placeholder", "onKeydown"], i4 = /* @__PURE__ */ $({
   __name: "InputNumber",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2867,7 +2867,7 @@ const j2 = () => {
   },
   emits: ["change", "enter"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = b(), a = b(), r = b(), f = () => {
+    const l = e, s = L(), a = L(), r = L(), f = () => {
       s.value.focus();
     }, C = (c) => {
       c.target && l("change", Number.parseInt(c.target.value));
@@ -2878,11 +2878,11 @@ const j2 = () => {
       c === 1 ? (v = a.value) == null || v.setActive(H) : (g = r.value) == null || g.setActive(H);
     }, h = (c) => {
       l("change", P1(n.value + c, n.min ?? null, n.max ?? null));
-    }, L = (c) => {
+    }, b = (c) => {
       c.stopImmediatePropagation(), c.stopPropagation(), c.preventDefault();
     };
     return t({ focus: f }), (c, H) => (o(), i("div", {
-      class: B(["relative flex-1 w-full overflow-hidden overscroll-none inline-flex items-center pr-0 rounded-lg border focus:shadow-sm-inner focus:outline-hidden focus-within:border-action", {
+      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,
         "bg-tertiary border-transparent text-primary": c.variant === "fill" && !c.disabled,
@@ -2896,7 +2896,7 @@ const j2 = () => {
     }, [
       c.icon ? (o(), i("div", {
         key: 0,
-        class: B(["flex-none flex rounded-lg bg-transparent cursor-pointer", {
+        class: D(["flex-none flex rounded-lg bg-transparent cursor-pointer", {
           "px-2": c.size === "default",
           "px-1.5": c.size === "small"
         }])
@@ -2916,7 +2916,7 @@ const j2 = () => {
         disabled: c.disabled,
         value: c.value,
         placeholder: c.placeholder,
-        class: B(["flex-1 min-w-0 bg-transparent focus:outline-hidden", {
+        class: D(["flex-1 min-w-0 bg-transparent focus:outline-hidden", {
           "text-xs": c.size === "small",
           "text-sm": c.size === "default"
         }]),
@@ -2933,12 +2933,12 @@ const j2 = () => {
           H[3] || (H[3] = _((v) => d(1, !1), ["up"])),
           H[5] || (H[5] = _((v) => d(-1, !1), ["down"]))
         ],
-        onBlur: L,
+        onBlur: b,
         onInput: x(C, ["stop", "prevent"])
       }, null, 42, J2),
       c.showSteppers ? (o(), i("section", {
         key: 1,
-        class: B(["top-0 flex flex-col h-full -space-y-px -mt-[2px] -mr-px", {
+        class: D(["top-0 flex flex-col h-full -space-y-px -mt-[2px] -mr-px", {
           "w-8": c.size === "default",
           "w-6": c.size === "small"
         }])
@@ -2984,7 +2984,7 @@ function tn(n, t) {
 const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   key: 0,
   class: "flex items-center justify-between h-12 w-full mb-4"
-}, nn = { class: "flex items-center h-full" }, on = /* @__PURE__ */ D({
+}, nn = { class: "flex items-center h-full" }, on = /* @__PURE__ */ $({
   __name: "Modal",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -2997,8 +2997,8 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["close", "ready"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, a = R1(), r = b(), f = b(!1);
-    i1(() => {
+    const l = n, s = e, a = R1(), r = L(), f = L(!1);
+    a1(() => {
       a.default && (l.title || a.header || a.main || a.footer) && console.warn(
         "You are using named slots (or props.title) and default slot at the same time. This is not supported. Please use either named slots (and props.title) or the default slot."
       ), f.value = !0;
@@ -3010,20 +3010,20 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
     const d = () => {
       s("ready");
     };
-    return t({ close: C }), (h, L) => (o(), V(x1, { to: h.target }, [
+    return t({ close: C }), (h, b) => (o(), V(x1, { to: h.target }, [
       w(p(ve), {
         show: f.value,
         type: h.overlayType,
         onClick: m,
-        onClose: L[0] || (L[0] = (c) => s("close"))
+        onClose: b[0] || (b[0] = (c) => s("close"))
       }, {
         default: Z(() => [
-          w(p(nt), { onTransitionAfterEnter: d }, {
+          w(p(ot), { onTransitionAfterEnter: d }, {
             default: Z(() => [
               U1(w(p(he), {
                 ref_key: "windowRef",
                 ref: r,
-                class: B(["h-full", [
+                class: D(["h-full", [
                   l.widthClass,
                   {
                     "px-8 py-6": !p(a).default,
@@ -3032,9 +3032,9 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
                 ]])
               }, {
                 default: Z(() => [
-                  h.$slots.default ? A(h.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
+                  h.$slots.default ? R(h.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
                     main: Z(() => [
-                      A(h.$slots, "main", { close: C })
+                      R(h.$slots, "main", { close: C })
                     ]),
                     _: 2
                   }, [
@@ -3043,14 +3043,14 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
                       fn: Z(() => [
                         l.title ? (o(), i("header", ln, [
                           u("h4", null, X(l.title), 1),
-                          h.closeable ? (o(), V(p(W), {
+                          h.closeable ? (o(), V(p(j), {
                             key: 0,
                             icon: "close",
                             variant: "textSubtle",
                             onClick: m
                           })) : k("", !0)
                         ])) : k("", !0),
-                        A(h.$slots, "header", { close: C })
+                        R(h.$slots, "header", { close: C })
                       ]),
                       key: "0"
                     } : void 0,
@@ -3058,7 +3058,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
                       name: "footer",
                       fn: Z(() => [
                         u("footer", nn, [
-                          A(h.$slots, "footer", { close: C })
+                          R(h.$slots, "footer", { close: C })
                         ])
                       ]),
                       key: "1"
@@ -3077,7 +3077,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" }, d4 = /* @__PURE__ */ D({
+}), sn = { class: "text-sm tracking-wide" }, an = { class: "text-sm tracking-wide" }, d4 = /* @__PURE__ */ $({
   __name: "NavItem",
   props: {
     exact: { type: Boolean, default: !1 },
@@ -3097,7 +3097,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       onClick: s[0] || (s[0] = (a) => e("navigate", l.href))
     }, [
       u("div", {
-        class: B(["h-full flex items-center space-x-2 px-4 rounded-lg group-hover:opacity-100", {
+        class: D(["h-full flex items-center space-x-2 px-4 rounded-lg group-hover:opacity-100", {
           "bg-secondary text-primary opacity-100": l.isActive || l.isExactActive,
           "bg-primary text-secondary opacity-50 hover:bg-secondary": !(l.isActive || l.isExactActive)
         }])
@@ -3107,7 +3107,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           name: l.icon
         }, null, 8, ["name"])) : k("", !0),
         u("span", sn, [
-          A(l.$slots, "default")
+          R(l.$slots, "default")
         ])
       ], 2)
     ])) : (o(), i("a", {
@@ -3116,7 +3116,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       onClick: s[1] || (s[1] = (a) => e("navigate", l.href))
     }, [
       u("div", {
-        class: B(["h-10 flex items-center space-x-2 px-4 rounded-lg group-hover:opacity-100", {
+        class: D(["h-10 flex items-center space-x-2 px-4 rounded-lg group-hover:opacity-100", {
           "bg-action text-white font-medium opacity-100": l.isActive || l.isExactActive,
           "bg-primary text-secondary opacity-50 hover:bg-secondary active:bg-tertiary": !(l.isActive || l.isExactActive)
         }])
@@ -3126,7 +3126,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           name: l.icon
         }, null, 8, ["name"])) : k("", !0),
         u("span", an, [
-          A(l.$slots, "default")
+          R(l.$slots, "default")
         ])
       ], 2)
     ]));
@@ -3134,7 +3134,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
 }), rn = {
   "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" }, u4 = /* @__PURE__ */ D({
+}, dn = { class: "text-sm cursor-default truncate min-w-0" }, u4 = /* @__PURE__ */ $({
   __name: "Notification",
   props: {
     showDetailsButton: { type: Boolean },
@@ -3146,7 +3146,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
     const e = t, l = O(() => n.type === "default" ? "information" : n.type === "error" ? "error" : n.type === "warning" ? "warning" : "check-circled");
     return (s, a) => (o(), i("div", rn, [
       w(p(e1), {
-        class: B(["gap-2 px-3 rounded-l-lg flex-1 overflow-hidden", {
+        class: D(["gap-2 px-3 rounded-l-lg flex-1 overflow-hidden", {
           "text-stone-300": s.type === "default",
           "text-amber-300": s.type === "warning",
           "text-red-300": s.type === "error",
@@ -3163,7 +3163,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         default: Z(() => [
           w(p(e1), { class: "px-2" }, {
             default: Z(() => [
-              s.showDetailsButton ? (o(), V(p(W), {
+              s.showDetailsButton ? (o(), V(p(j), {
                 key: 0,
                 small: "",
                 variant: "outline",
@@ -3175,7 +3175,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
           }),
           w(p(e1), { class: "px-1" }, {
             default: Z(() => [
-              w(p(W), {
+              w(p(j), {
                 small: "",
                 variant: "textSubtle",
                 icon: "close",
@@ -3189,7 +3189,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       })
     ]));
   }
-}), p4 = /* @__PURE__ */ D({
+}), p4 = /* @__PURE__ */ $({
   __name: "Pagination",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3199,25 +3199,25 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   },
   emits: ["change"],
   setup(n, { emit: t }) {
-    const e = t, l = b(), s = O(() => a5(0, n.lastPage).map((h) => ({ label: `${h + 1}` }))), a = O(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), r = 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);
+    const e = t, l = L(), s = O(() => a5(0, n.lastPage).map((h) => ({ label: `${h + 1}` }))), a = O(() => n.borders ? { borderRadius: "8px 0 0 8px" } : void 0), r = 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);
     }, d = (h) => {
       e("change", h.label);
     };
-    return (h, L) => (o(), i("nav", {
+    return (h, b) => (o(), i("nav", {
       ref_key: "navRef",
       ref: l,
       class: "relative z-0 inline-flex"
     }, [
-      w(p(W), {
+      w(p(j), {
         variant: C.value,
         icon: h.orientation === "horizontal" ? "chevron-left" : "chevron-up",
         style: t1(a.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10",
-        onClick: L[0] || (L[0] = (c) => m(-1))
+        onClick: b[0] || (b[0] = (c) => m(-1))
       }, null, 8, ["variant", "icon", "style"]),
-      w(p(st), {
+      w(p(at), {
         "same-width-as-element": l.value,
         placement: "bottom",
         value: h.currentPage,
@@ -3225,7 +3225,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         onSelect: d
       }, {
         trigger: Z((c) => [
-          w(p(W), {
+          w(p(j), {
             variant: C.value,
             label: `${h.currentPage} / ${h.lastPage}`,
             style: t1(f.value),
@@ -3235,16 +3235,16 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         ]),
         _: 1
       }, 8, ["same-width-as-element", "value", "options"]),
-      w(p(W), {
+      w(p(j), {
         variant: C.value,
         icon: h.orientation === "horizontal" ? "chevron-right" : "chevron-down",
         style: t1(r.value),
         class: "z-0 hover:z-10 focus:z-10 active:z-10 -ml-px",
-        onClick: L[1] || (L[1] = (c) => m(1))
+        onClick: b[1] || (b[1] = (c) => m(1))
       }, null, 8, ["variant", "icon", "style"])
     ], 512));
   }
-}), un = ["aria-label"], Be = /* @__PURE__ */ D({
+}), un = ["aria-label"], Be = /* @__PURE__ */ $({
   __name: "ResizablePanel",
   props: {
     size: { default: 256 },
@@ -3256,7 +3256,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"), a = b(), r = O(() => {
+    const e = n, l = t, s = O(() => ["left", "right"].includes(e.placement) ? "horizontal" : "vertical"), a = L(), r = 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,
@@ -3267,26 +3267,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 = b(!1);
+    const d = L(!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", L), l("resize-start");
+      C = v[g], m = e.size, d.value = !0, window.addEventListener("mouseup", c), window.addEventListener("mousemove", b), l("resize-start");
     }
-    function L(v) {
+    function b(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, E = P1(T, e.minSize, e.maxSize);
-      E !== e.size && l("resize", E);
+      const T = m + g, z = P1(T, e.minSize, e.maxSize);
+      z !== e.size && l("resize", z);
     }
     function c() {
-      d.value = !1, window.removeEventListener("mouseup", c), window.removeEventListener("mousemove", L), l("resize-end");
+      d.value = !1, window.removeEventListener("mouseup", c), window.removeEventListener("mousemove", b), 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) {
         v.preventDefault();
-        const E = P1(T, e.minSize, e.maxSize);
-        E !== e.size && l("resize", E);
+        const z = P1(T, e.minSize, e.maxSize);
+        z !== e.size && l("resize", z);
       }
     }
     return (v, g) => (o(), i("aside", {
@@ -3296,14 +3296,14 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         [s.value === "horizontal" ? "width" : "height"]: `${v.size}px`,
         transitionProperty: d.value ? "none" : `transform, ${["left", "right"].includes(v.placement) ? "width" : "height"}`
       }),
-      class: B(["absolute z-10 bg-primary", r.value])
+      class: D(["absolute z-10 bg-primary", r.value])
     }, [
-      A(v.$slots, "default"),
+      R(v.$slots, "default"),
       e.draggable ? (o(), i("button", {
         key: 0,
         tabindex: "0",
         "aria-label": `Resize ${e.placement} panel`,
-        class: B(["absolute z-10 hover:border-action", [
+        class: D(["absolute z-10 hover:border-action", [
           f.value,
           d.value ? "border-action bg-action" : "border-transparent bg-transparent hover:bg-tertiary focus:outline-none focus:border-action focus:bg-tertiary"
         ]]),
@@ -3312,7 +3312,7 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
       }, null, 42, un)) : k("", !0)
     ], 6));
   }
-}), pn = { class: "relative w-full h-full overflow-hidden bg-primary" }, f4 = /* @__PURE__ */ D({
+}), pn = { class: "relative w-full h-full overflow-hidden bg-primary" }, f4 = /* @__PURE__ */ $({
   __name: "PanelLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3328,14 +3328,14 @@ 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 = b(!1), a = b(e.startPanelSize), r = b(e.endPanelSize), f = b(e.startPanelSize), C = b(e.endPanelSize), m = O(() => ({
+    const e = n, l = t, s = L(!1), a = L(e.startPanelSize), r = L(e.endPanelSize), f = L(e.startPanelSize), C = L(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");
-    }, L = (y) => {
+    }, b = (y) => {
       a.value = f.value = y, l("start-panel-resize", y);
     }, c = (y) => !y && l("start-panel-transition-end"), H = () => {
       s.value = !1, l("end-panel-resize-end");
@@ -3344,46 +3344,46 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
     }, g = (y) => {
       r.value = C.value = y, l("end-panel-resize", y);
     }, T = (y) => !y && l("end-panel-transition-end");
-    r1(
+    i1(
       () => e.startPanelVisible,
       (y) => f.value = y ? a.value : 0
-    ), r1(
+    ), i1(
       () => e.endPanelVisible,
       (y) => C.value = y ? r.value : 0
-    ), r1(
+    ), i1(
       () => e.startPanelSize,
       (y) => a.value = f.value = y
-    ), r1(
+    ), i1(
       () => e.endPanelSize,
       (y) => r.value = C.value = y
     );
-    const E = R1();
-    return i1(() => {
-      f.value = e.startPanelVisible && E["start-panel"] ? a.value : 0, C.value = e.endPanelVisible && E["end-panel"] ? r.value : 0;
-    }), (y, $) => (o(), i("div", pn, [
-      p(E)["start-panel"] && y.startPanelVisible ? (o(), V(Be, {
+    const z = R1();
+    return a1(() => {
+      f.value = e.startPanelVisible && z["start-panel"] ? a.value : 0, C.value = e.endPanelVisible && z["end-panel"] ? r.value : 0;
+    }), (y, B) => (o(), i("div", pn, [
+      p(z)["start-panel"] && y.startPanelVisible ? (o(), V(Be, {
         key: 0,
         placement: y.orientation === "horizontal" ? "left" : "top",
         border: e.borders,
         draggable: y.startPanelDraggable,
         size: a.value,
         onResizeStart: h,
-        onResize: L,
+        onResize: b,
         onResizeEnd: d,
         onTransitioning: c
       }, {
         default: Z(() => [
-          A(y.$slots, "start-panel")
+          R(y.$slots, "start-panel")
         ]),
         _: 3
       }, 8, ["placement", "border", "draggable", "size"])) : k("", !0),
       u("main", {
-        class: B(["relative z-0 h-full overflow-hidden", [e.mainPanelBgColorClass]]),
+        class: D(["relative z-0 h-full overflow-hidden", [e.mainPanelBgColorClass]]),
         style: t1(m.value)
       }, [
-        A(y.$slots, "main")
+        R(y.$slots, "main")
       ], 6),
-      p(E)["end-panel"] && y.endPanelVisible ? (o(), V(Be, {
+      p(z)["end-panel"] && y.endPanelVisible ? (o(), V(Be, {
         key: 1,
         placement: y.orientation === "horizontal" ? "right" : "bottom",
         border: e.borders,
@@ -3395,25 +3395,25 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
         onTransitioning: T
       }, {
         default: Z(() => [
-          A(y.$slots, "end-panel")
+          R(y.$slots, "end-panel")
         ]),
         _: 3
       }, 8, ["placement", "border", "draggable", "size"])) : k("", !0)
     ]));
   }
-}), fn = Ie({
+}), fn = Pe({
   apply({ rects: n, elements: t }) {
     Object.assign(t.floating.style, {
       width: `${n.reference.width}px`
     });
   }
-}), cn = (n) => Ie({
+}), cn = (n) => Pe({
   apply({ elements: t }) {
     Object.assign(t.floating.style, {
       width: `${n.offsetWidth}px`
     });
   }
-}), Y1 = /* @__PURE__ */ D({
+}), Y1 = /* @__PURE__ */ $({
   __name: "Popper",
   props: {
     closeDelay: { default: 20 },
@@ -3438,86 +3438,86 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e, a = R1();
     let r;
-    const f = b(), C = b(), m = b(), d = b(!1), { mounted: h } = q5(), { disableClickOutside: L, enableClickOutside: c, updateClickOutside: H } = fe(() => j()), v = async () => {
+    const f = L(), C = L(), m = L(), d = L(!1), { mounted: h } = q5(), { disableClickOutside: b, enableClickOutside: c, updateClickOutside: H } = fe(() => W()), v = async () => {
       if (m.value && C.value) {
-        const R = [];
-        l.offsetOptions && R.push(Mt(l.offsetOptions)), l.flipOptions && R.push(Zt(l.flipOptions)), l.limitShiftOptions ? R.push(
+        const E = [];
+        l.offsetOptions && E.push(Mt(l.offsetOptions)), l.flipOptions && E.push(Zt(l.flipOptions)), l.limitShiftOptions ? E.push(
           He({
             ...l.shiftOptions,
             limiter: $t(l.limitShiftOptions)
           })
-        ) : l.shiftOptions && R.push(He(l.shiftOptions)), l.popperWidthClass || (l.sameWidthAsTrigger ? R.push(fn) : l.sameWidthAsElement && R.push(cn(l.sameWidthAsElement)));
+        ) : l.shiftOptions && E.push(He(l.shiftOptions)), l.popperWidthClass || (l.sameWidthAsTrigger ? E.push(fn) : l.sameWidthAsElement && E.push(cn(l.sameWidthAsElement)));
         const I = await Dt(m.value, C.value, {
           placement: l.placement,
-          middleware: R
+          middleware: E
         });
         C.value.style.left = `${I.x}px`, C.value.style.top = `${I.y}px`;
       }
     };
-    i1(() => {
-      const R = a.default && a.default({ visible: d.value });
-      if (R && R.length > 1)
-        return console.error(`[Popper]: The <Popper> component expects only one child element at its root. You passed ${R.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 && E();
+    a1(() => {
+      const E = a.default && a.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();
     }), F1(() => {
-      E.clear(), r && (r(), r = null);
+      z.clear(), r && (r(), r = null);
     });
     const g = () => {
-      E.clear(), d.value && (d.value = !1, s("close"), l.closeOnClickOutside && L(), r && (r(), r = null));
+      z.clear(), d.value && (d.value = !1, s("close"), l.closeOnClickOutside && b(), r && (r(), r = null));
     }, T = async () => {
       d.value || (d.value = !0, await D1(), s("open", [m.value, C.value]), r = wt(m.value, C.value, v), l.closeOnClickOutside && C.value && m.value && c([C.value, m.value]));
-    }, E = ne(T, l.openDelay), y = ne(g, l.closeDelay), $ = async () => {
-      l.disabled || (y.clear(), E());
-    }, j = async () => {
-      E.clear(), y();
-    }, K = (R) => {
-      l.trigger === "click" && (R.preventDefault(), R.stopPropagation(), f1());
-    }, n1 = (R) => {
-      C.value && m.value && H([C.value, m.value, ...R]);
-    }, f1 = () => d.value ? j() : $();
-    return r1(
+    }, z = ne(T, l.openDelay), y = ne(g, l.closeDelay), B = async () => {
+      l.disabled || (y.clear(), z());
+    }, W = async () => {
+      z.clear(), y();
+    }, 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() : B();
+    return i1(
       () => l.disabled,
-      (R) => d.value && R && g()
-    ), r1(
+      (E) => d.value && E && g()
+    ), i1(
       () => l.show,
-      (R) => {
-        l.trigger === "manual" ? R ? E() : y() : console.warn("[Popper]: The 'show' prop is only available when the 'trigger' prop is set to 'manual'");
+      (E) => {
+        l.trigger === "manual" ? E ? z() : y() : console.warn("[Popper]: The 'show' prop is only available when the 'trigger' prop is set to 'manual'");
       }
     ), t({
       close: g,
       containerRef: f,
       open: T,
-      updateClickOutsideTargets: n1
-    }), (R, I) => (o(), i("div", {
+      updateClickOutsideTargets: s1
+    }), (E, I) => (o(), i("div", {
       ref_key: "containerRef",
       ref: f,
-      class: B(l.rootClass),
-      onMouseleave: I[5] || (I[5] = (J) => l.trigger === "hover" && j())
+      class: D(l.rootClass),
+      onMouseleave: I[5] || (I[5] = (J) => l.trigger === "hover" && W())
     }, [
       u("div", {
         ref_key: "triggerRef",
         ref: m,
-        class: B(l.triggerClass),
-        onMouseover: I[0] || (I[0] = (J) => l.trigger === "hover" && $()),
-        onClick: K,
-        onFocus: I[1] || (I[1] = (J) => l.trigger === "focus" && $()),
-        onKeyup: I[2] || (I[2] = _((J) => j(), ["esc"]))
+        class: D(l.triggerClass),
+        onMouseover: I[0] || (I[0] = (J) => l.trigger === "hover" && B()),
+        onClick: Q,
+        onFocus: I[1] || (I[1] = (J) => l.trigger === "focus" && B()),
+        onKeyup: I[2] || (I[2] = _((J) => W(), ["esc"]))
       }, [
-        A(R.$slots, "default", { visible: d.value })
+        R(E.$slots, "default", { visible: d.value })
       ], 34),
       p(h) ? (o(), V(x1, {
         key: 0,
-        to: R.teleportTarget
+        to: E.teleportTarget
       }, [
         !l.disabled && d.value ? (o(), i("div", {
           key: 0,
           ref_key: "popperRef",
           ref: C,
-          class: B(["absolute", l.popperWidthClass]),
-          onMouseover: I[3] || (I[3] = (J) => l.trigger === "hover" && $()),
-          onMouseleave: I[4] || (I[4] = (J) => l.trigger === "hover" && j())
+          class: D(["absolute", l.popperWidthClass]),
+          onMouseover: I[3] || (I[3] = (J) => l.trigger === "hover" && B()),
+          onMouseleave: I[4] || (I[4] = (J) => l.trigger === "hover" && W())
         }, [
-          A(R.$slots, "content", {
+          R(E.$slots, "content", {
             close: g,
             isOpen: d.value
           })
@@ -3528,13 +3528,13 @@ const N1 = /* @__PURE__ */ M1(_2, [["render", tn]]), ln = {
 }), 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, [
-    A(n.$slots, "default")
+    R(n.$slots, "default")
   ]);
 }
 const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
   key: 0,
   class: "flex items-center justify-between px-4 pb-4"
-}, c4 = /* @__PURE__ */ D({
+}, c4 = /* @__PURE__ */ $({
   __name: "PopCalendar",
   props: {
     mode: { default: "immediate" },
@@ -3549,7 +3549,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
   },
   emits: ["change", "close", "open"],
   setup(n, { emit: t }) {
-    const e = t, l = b(), s = b(null), a = (m) => {
+    const e = t, l = L(), s = L(null), a = (m) => {
       var d;
       n.mode === "immediate" ? (e("change", m), (d = l.value) == null || d.close()) : s.value = m;
     }, r = () => {
@@ -3571,7 +3571,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
       onOpen: C
     }, {
       default: Z((h) => [
-        A(m.$slots, "trigger", {
+        R(m.$slots, "trigger", {
           visible: h.visible
         })
       ]),
@@ -3585,14 +3585,14 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
               onChange: a
             }, null, 8, ["value", "format", "disabled-dates"]),
             m.mode === "confirmation" || m.clearable ? (o(), i("footer", mn, [
-              m.clearable ? (o(), V(p(W), {
+              m.clearable ? (o(), V(p(j), {
                 key: 0,
                 icon: "trash",
                 label: "Clear",
                 variant: "outlineSubtle",
                 onClick: f
               })) : k("", !0),
-              m.mode === "confirmation" ? (o(), V(p(W), {
+              m.mode === "confirmation" ? (o(), V(p(j), {
                 key: 1,
                 icon: "check",
                 label: "Done",
@@ -3610,7 +3610,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
 }), gn = { class: "inline-flex" }, bn = {
   key: 0,
   class: "flex flex-col gap-0"
-}, Ln = { class: "text-sm text-secondary" }, C4 = /* @__PURE__ */ D({
+}, Ln = { class: "text-sm text-secondary" }, C4 = /* @__PURE__ */ $({
   __name: "PopConfirm",
   props: {
     order: {},
@@ -3634,7 +3634,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
   },
   emits: ["cancel", "close", "confirm"],
   setup(n, { emit: t }) {
-    const e = t, l = b(), s = b(), { trapFocus: a } = X5(s), r = () => {
+    const e = t, l = L(), s = L(), { trapFocus: a } = X5(s), r = () => {
       e("close"), l.value && l.value.close();
     }, f = () => D1(a), C = () => {
       r(), e("cancel");
@@ -3650,10 +3650,10 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
       onOpen: f,
       onClose: r
     }, {
-      default: Z((L) => [
+      default: Z((b) => [
         u("div", gn, [
-          A(d.$slots, "trigger", {
-            visible: L && L.visible
+          R(d.$slots, "trigger", {
+            visible: b && b.visible
           })
         ])
       ]),
@@ -3663,7 +3663,7 @@ const W1 = /* @__PURE__ */ M1(Cn, [["render", hn]]), mn = {
             u("div", {
               ref_key: "contentRef",
               ref: s,
-              class: B(["flex flex-col max-w-72", {
+              class: D(["flex flex-col max-w-72", {
                 "p-4 gap-4": d.title || d.description,
                 "p-2": !(d.title || d.description)
               }])
@@ -3703,7 +3703,7 @@ function Hn(n, t) {
 }
 const v4 = /* @__PURE__ */ M1(yn, [["render", Hn]]);
 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__ */ D({
+const Vn = ["onKeydown"], kn = /* @__PURE__ */ $({
   __name: "option",
   props: {
     label: {},
@@ -3713,14 +3713,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["click", "focus", "hover"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = O(() => e.hoveredOption && e.hoveredOption.label === e.label), r = () => {
+    const e = n, l = t, s = L(), a = O(() => e.hoveredOption && e.hoveredOption.label === e.label), r = () => {
       e.disabled || l("click");
     };
     return (f, C) => (o(), i("div", {
       ref_key: "root",
       ref: s,
       tabindex: "0",
-      class: B(["flex items-center justify-between w-full h-8 px-3 space-x-2 text-sm focus:outline-hidden", {
+      class: D(["flex items-center justify-between w-full h-8 px-3 space-x-2 text-sm focus:outline-hidden", {
         "cursor-not-allowed text-muted ": f.disabled,
         "cursor-pointer text-primary hover:bg-secondary focus:bg-secondary active:bg-tertiary": !f.disabled && !f.selected,
         "cursor-pointer text-light-blue font-medium hover:bg-secondary focus:bg-secondary active:bg-tertiary": f.selected,
@@ -3732,10 +3732,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       onMouseover: C[0] || (C[0] = (m) => l("hover", f.label)),
       onFocus: C[1] || (C[1] = (m) => l("focus", f.label))
     }, [
-      A(f.$slots, "default")
+      R(f.$slots, "default")
     ], 42, Vn));
   }
-}), wn = { class: "flex items-center px-2 pb-2 space-x-2" }, Mn = /* @__PURE__ */ D({
+}), wn = { class: "flex items-center px-2 pb-2 space-x-2" }, Mn = /* @__PURE__ */ $({
   __name: "ResultFilters",
   props: {
     selected: {},
@@ -3777,7 +3777,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
 }, xn = {
   key: 6,
   class: "flex-none border-t border-default bg-primary"
-}, st = /* @__PURE__ */ D({
+}, at = /* @__PURE__ */ $({
   __name: "PopSelect",
   props: {
     resetOnClose: { type: Boolean, default: !1 },
@@ -3805,86 +3805,86 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["close", "save-custom", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, a = R1(), r = b(null), f = b([]), C = b(""), m = b(), d = b(), h = b(), L = b(), c = b(), H = b(), v = b(l.resultFilters || []), g = b(l.resultFilters ? l.resultFilters[0] : null), { nextFrame: T } = Ce(), E = O(() => l.selected ? Array.isArray(l.selected) ? l.selected : [l.selected] : []), y = O(() => f.value.every((z) => z.disabled)), $ = O(() => !C.value.length && !f.value.length), j = O(() => C.value.length && !f.value.length), K = O(() => {
+    const l = n, s = e, a = R1(), r = 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)), B = O(() => !C.value.length && !f.value.length), W = O(() => C.value.length && !f.value.length), Q = O(() => {
       if (d.value) return b1.ERROR;
       if (l.loading) return b1.LOADING;
-      if (j.value && !l.loading) return b1.NO_MATCH;
-      if ($.value && !l.loading) return b1.IDLE;
+      if (W.value && !l.loading) return b1.NO_MATCH;
+      if (B.value && !l.loading) return b1.IDLE;
       if (f.value.length && !l.loading) return b1.MATCH;
-    }), n1 = (z) => {
-      f.value = g.value ? z.filter(g.value.execute) : z, l.resultFilters && v.value.forEach((U) => {
-        U.count = z.filter(U.execute).length;
+    }), s1 = (A) => {
+      f.value = g.value ? A.filter(g.value.execute) : A, l.resultFilters && v.value.forEach((U) => {
+        U.count = A.filter(U.execute).length;
       });
     };
-    r1(
+    i1(
       () => l.options,
-      (z) => {
-        n1(z), r.value = null;
+      (A) => {
+        s1(A), r.value = null;
       }
     ), A1(() => {
-      l.filterable && l.remoteMethod && console.warn('[PopSelect] should not have both "filterable" and "remoteMethod" props at the same time'), n1(l.options);
+      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(), R = () => c.value.open(), I = async () => {
+    const f1 = () => c.value.close(), E = () => c.value.open(), I = async () => {
       T(() => {
         H.value && T(() => H.value.update()), h.value && T(() => h.value.focus());
       });
     }, J = () => {
-      l.keepOpen || (r.value = null, l.resetOnClose && (C.value = "", l.remoteMethod ? l.remoteMethod("") : n1([]), g.value = l.resultFilters ? l.resultFilters[0] : null), s("close"));
-    }, P = (z) => {
-      s("select", z), l.keepOpen || f1();
-    }, N = (z) => f.value = l.options.filter((U) => U.label.toLowerCase().includes(z.toLowerCase())), S1 = W2(async (z) => {
-      const U = z.target.value;
+      l.keepOpen || (r.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((U) => U.label.toLowerCase().includes(A.toLowerCase())), S1 = W2(async (A) => {
+      const U = A.target.value;
       r.value = null, l.filterable ? N(U) : l.remoteMethod && await l.remoteMethod(U);
-    }, l.debounceMs), g1 = (z) => {
-      r.value = f.value.find((U) => U.label === z) || null;
-    }, F = (z) => {
-      if (!L.value.length) return;
-      const U = L.value[f.value.findIndex((Q) => Q.label === z.label)].$el;
+    }, l.debounceMs), g1 = (A) => {
+      r.value = f.value.find((U) => U.label === A) || null;
+    }, F = (A) => {
+      if (!b.value.length) return;
+      const U = b.value[f.value.findIndex((K) => K.label === A.label)].$el;
       if (H.value && U) {
-        const Q = H.value.$el.querySelector(".scrollbar__wrap");
-        Q && (ot(Q, U), H.value.handleScroll());
+        const K = H.value.$el.querySelector(".scrollbar__wrap");
+        K && (st(K, U), H.value.handleScroll());
       }
-    }, Y = async (z) => {
+    }, Y = async (A) => {
       if (f.value.length === 0) return;
-      let U = f.value.findIndex((Q) => {
+      let U = f.value.findIndex((K) => {
         var d1;
-        return Q.label === ((d1 = r.value) == null ? void 0 : d1.label);
+        return K.label === ((d1 = r.value) == null ? void 0 : d1.label);
       });
-      y.value || (z === "next" ? (U++, U === f.value.length && (U = 0)) : z === "prev" && (U--, U < 0 && (U = f.value.length - 1)), r.value = f.value[U], r.value.disabled === !0 && Y(z), await D1(), r.value && F(r.value));
-    }, s1 = () => {
+      y.value || (A === "next" ? (U++, U === f.value.length && (U = 0)) : A === "prev" && (U--, U < 0 && (U = f.value.length - 1)), r.value = f.value[U], r.value.disabled === !0 && Y(A), await D1(), r.value && F(r.value));
+    }, o1 = () => {
       r.value ? P(r.value) : C.value.length && s("save-custom", C.value);
-    }, v1 = (z) => {
-      g.value = z, n1(l.options), h.value.focus();
+    }, v1 = (A) => {
+      g.value = A, s1(l.options), h.value.focus();
     };
-    return t({ close: f1, focus: R }), (z, U) => (o(), V(p(Y1), {
+    return t({ close: f1, focus: E }), (A, U) => (o(), V(p(Y1), {
       ref_key: "popperRef",
       ref: c,
       trigger: "click",
-      placement: z.placement,
-      disabled: z.disabled,
-      "popper-width-class": z.popperWidthClass,
-      "same-width-as-element": z.sameWidthAsElement,
-      "same-width-as-trigger": z.sameWidthAsTrigger,
-      "root-class": z.rootClass,
-      "trigger-class": z.triggerClass,
+      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,
       onClose: J,
       onOpen: I
     }, {
-      default: Z((Q) => [
-        A(z.$slots, "trigger", {
-          disabled: z.disabled,
-          visible: Q && Q.visible
+      default: Z((K) => [
+        R(A.$slots, "trigger", {
+          disabled: A.disabled,
+          visible: K && K.visible
         })
       ]),
       content: Z(() => [
         w(p(W1), {
           ref_key: "contentRef",
           ref: m,
-          class: B(["flex flex-col", { "h-72": z.fixedHeight }])
+          class: D(["flex flex-col", { "h-72": A.fixedHeight }])
         }, {
           default: Z(() => [
-            z.filterable || z.remoteMethod || z.resultFilters ? (o(), i("header", Zn, [
-              z.filterable || z.remoteMethod ? (o(), i("header", $n, [
+            A.filterable || A.remoteMethod || A.resultFilters ? (o(), i("header", Zn, [
+              A.filterable || A.remoteMethod ? (o(), i("header", $n, [
                 w(p(l1), {
                   name: "magnifying-glass",
                   class: "text-light-blue"
@@ -3892,25 +3892,25 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
                 U1(u("input", {
                   ref_key: "inputRef",
                   ref: h,
-                  "onUpdate:modelValue": U[0] || (U[0] = (Q) => C.value = Q),
+                  "onUpdate:modelValue": U[0] || (U[0] = (K) => C.value = K),
                   type: "text",
                   class: "w-full h-8 text-sm leading-none bg-primary rounded-tr-lg focus:outline-hidden",
-                  placeholder: z.placeholder,
+                  placeholder: A.placeholder,
                   onClick: U[1] || (U[1] = x(() => {
                   }, ["stop", "prevent"])),
                   onInput: U[2] || (U[2] = //@ts-ignore
-                  (...Q) => p(S1) && p(S1)(...Q)),
+                  (...K) => p(S1) && p(S1)(...K)),
                   onKeydown: [
-                    U[3] || (U[3] = _(x((Q) => Y("next"), ["prevent"]), ["down"])),
-                    U[4] || (U[4] = _(x((Q) => Y("prev"), ["prevent"]), ["up"])),
-                    _(x(s1, ["prevent"]), ["enter"]),
+                    U[3] || (U[3] = _(x((K) => Y("next"), ["prevent"]), ["down"])),
+                    U[4] || (U[4] = _(x((K) => Y("prev"), ["prevent"]), ["up"])),
+                    _(x(o1, ["prevent"]), ["enter"]),
                     _(x(J, ["stop", "prevent"]), ["esc"])
                   ]
                 }, null, 40, Dn), [
-                  [Ht, C.value]
+                  [Vt, C.value]
                 ])
               ])) : k("", !0),
-              z.resultFilters ? (o(), V(Mn, {
+              A.resultFilters ? (o(), V(Mn, {
                 key: 1,
                 "show-counts": "",
                 filters: v.value,
@@ -3918,62 +3918,62 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
                 onChange: v1
               }, null, 8, ["filters", "selected"])) : k("", !0)
             ])) : k("", !0),
-            z.$slots.error ? (o(), i("div", {
+            A.$slots.error ? (o(), i("div", {
               key: 1,
               ref_key: "errorRef",
               ref: d,
               class: "flex-1 bg-primary h-full"
             }, [
-              A(z.$slots, "error")
-            ], 512)) : K.value === p(b1).LOADING ? (o(), i("div", Bn, [
+              R(A.$slots, "error")
+            ], 512)) : Q.value === p(b1).LOADING ? (o(), i("div", Bn, [
               u("div", Sn, [
                 w(p(N1), { class: "w-4 h-4 text-granite-grey" }),
-                u("span", Tn, X(z.loadingText), 1)
+                u("span", Tn, X(A.loadingText), 1)
               ])
-            ])) : K.value === p(b1).NO_MATCH ? (o(), i("div", zn, [
+            ])) : Q.value === p(b1).NO_MATCH ? (o(), i("div", zn, [
               u("div", An, [
                 U[5] || (U[5] = u("div", { class: "w-4 h-4 text-center leading-none" }, " ... ", -1)),
-                u("span", Rn, X(z.noMatchText), 1)
+                u("span", Rn, X(A.noMatchText), 1)
               ])
-            ])) : K.value === p(b1).IDLE ? (o(), i("div", En, [
+            ])) : Q.value === p(b1).IDLE ? (o(), i("div", En, [
               u("div", On, [
-                w(p(l1), { name: z.emptyStateIcon }, null, 8, ["name"]),
-                u("span", In, X(z.emptyStateText), 1)
+                w(p(l1), { name: A.emptyStateIcon }, null, 8, ["name"]),
+                u("span", In, X(A.emptyStateText), 1)
               ]),
               U[6] || (U[6] = u("div", { class: "h-8 w-full bg-primary" }, null, -1))
-            ])) : K.value === p(b1).MATCH ? (o(), V(p(q1), {
+            ])) : Q.value === p(b1).MATCH ? (o(), V(p(q1), {
               key: 5,
               ref_key: "scrollbarRef",
               ref: H
             }, {
               default: Z(() => [
                 u("div", Pn, [
-                  (o(!0), i(M, null, m1(f.value, (Q) => (o(), V(kn, {
+                  (o(!0), i(M, null, m1(f.value, (K) => (o(), V(kn, {
                     ref_for: !0,
                     ref_key: "optionsRef",
-                    ref: L,
-                    key: Q.id || Q.label,
-                    disabled: Q.disabled,
-                    label: Q.label,
+                    ref: b,
+                    key: K.id || K.label,
+                    disabled: K.disabled,
+                    label: K.label,
                     "hovered-option": r.value,
-                    selected: E.value.includes(Q),
+                    selected: z.value.includes(K),
                     onFocus: g1,
                     onHover: g1,
-                    onClick: (d1) => P(Q)
+                    onClick: (d1) => P(K)
                   }, {
                     default: Z(() => [
                       u("div", Nn, [
-                        Q.icon ? (o(), V(p(l1), {
+                        K.icon ? (o(), V(p(l1), {
                           key: 0,
-                          name: Q.icon
+                          name: K.icon
                         }, null, 8, ["name"])) : k("", !0),
-                        w(p(rt), {
+                        w(p(it), {
                           "background-color": "yellow",
-                          value: Q.label,
+                          value: K.label,
                           highlight: C.value
                         }, null, 8, ["value", "highlight"])
                       ]),
-                      Q.meta ? (o(), i("div", Fn, X(Q.meta), 1)) : k("", !0)
+                      K.meta ? (o(), i("div", Fn, X(K.meta), 1)) : k("", !0)
                     ]),
                     _: 2
                   }, 1032, ["disabled", "label", "hovered-option", "selected", "onClick"]))), 128))
@@ -3982,7 +3982,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
               _: 1
             }, 512)) : k("", !0),
             p(a).footer ? (o(), i("footer", xn, [
-              A(z.$slots, "footer")
+              R(A.$slots, "footer")
             ])) : k("", !0)
           ]),
           _: 3
@@ -3991,7 +3991,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 3
     }, 8, ["placement", "disabled", "popper-width-class", "same-width-as-element", "same-width-as-trigger", "root-class", "trigger-class"]));
   }
-}), ve = /* @__PURE__ */ D({
+}), ve = /* @__PURE__ */ $({
   __name: "ScreenOverlay",
   props: {
     show: { type: Boolean, default: !1 },
@@ -3999,7 +3999,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["click", "close"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(""), a = Re({ backdropFilter: "" });
+    const e = n, l = t, s = L(""), a = Re({ backdropFilter: "" });
     return A1(() => {
       e.type === "default" ? (s.value = "bg-black/25 dark:bg-black/50", a.backdropFilter = "") : e.type === "blurred" && (s.value = "bg-black/25", a.backdropFilter = "blur(3px)");
     }), (r, f) => (o(), V(de, {
@@ -4013,11 +4013,11 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     }, {
       default: Z(() => [
         U1(u("div", {
-          class: B(["z-40 fixed w-screen h-screen top-0 left-0 flex items-center justify-center pointer-events-auto p-4", s.value]),
+          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(a),
           onMousedown: f[0] || (f[0] = x((C) => l("click"), ["self"]))
         }, [
-          A(r.$slots, "default")
+          R(r.$slots, "default")
         ], 38), [
           [X1, r.show]
         ])
@@ -4043,7 +4043,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   axis: "Y",
   client: "clientY",
   direction: "top"
-}, Wn = ["aria-label", "aria-valuenow"], Se = /* @__PURE__ */ D({
+}, Wn = ["aria-label", "aria-valuenow"], Se = /* @__PURE__ */ $({
   __name: "Bar",
   props: {
     vertical: { type: Boolean },
@@ -4052,16 +4052,16 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["move", "update"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = b(), r = b(!1), f = e.vertical ? Yn : Un, C = b(0), m = (g) => {
+    const e = n, l = t, s = L(), a = L(), r = L(!1), f = e.vertical ? Yn : Un, C = L(0), m = (g) => {
       if (!r.value) return;
       const T = C.value;
       if (!T) return;
-      const E = s.value.getBoundingClientRect();
-      if (E) {
-        const y = ((E[f.direction] || 0) - (g[f.client] || 0)) * -1, $ = a.value && typeof a.value[f.offset] == "number" ? a.value[f.offset] - T : 0, j = s.value ? Number(s.value[f.offset]) : 0, K = j ? (y - $) * 100 / j : 0;
+      const z = s.value.getBoundingClientRect();
+      if (z) {
+        const y = ((z[f.direction] || 0) - (g[f.client] || 0)) * -1, B = a.value && typeof a.value[f.offset] == "number" ? a.value[f.offset] - T : 0, W = s.value ? Number(s.value[f.offset]) : 0, Q = W ? (y - B) * 100 / W : 0;
         l("update", {
           scrollReference: f.scroll,
-          positionPercentage: K,
+          positionPercentage: Q,
           scrollSize: f.scrollSize
         });
       }
@@ -4069,18 +4069,18 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       r.value = !1, C.value = 0, document.removeEventListener("mousemove", m), document.onselectstart = null;
     }, h = (g) => {
       g.stopImmediatePropagation(), r.value = !0, document.addEventListener("mousemove", m), document.addEventListener("mouseup", d), document.onselectstart = () => !1;
-    }, L = (g) => {
+    }, b = (g) => {
       if (!(g.ctrlKey || g.button === 2) && (h(g), g.currentTarget)) {
-        const T = g.currentTarget[f.offset], E = g[f.client], $ = g.currentTarget.getBoundingClientRect()[f.direction];
-        C.value = T - (E - $);
+        const T = g.currentTarget[f.offset], z = g[f.client], B = g.currentTarget.getBoundingClientRect()[f.direction];
+        C.value = T - (z - B);
       }
     }, c = (g) => {
       const T = g.target.getBoundingClientRect();
       if (T) {
-        const E = T[f.direction], y = g[f.client], $ = Math.abs((E ? Number(E) : 0) - (y ? Number(y) : 0)), j = a.value[f.offset] / 2, K = s.value ? Number(s.value[f.offset]) : 0, n1 = K ? ($ - j) * 100 / K : 0;
+        const z = T[f.direction], y = g[f.client], B = Math.abs((z ? Number(z) : 0) - (y ? Number(y) : 0)), W = a.value[f.offset] / 2, Q = s.value ? Number(s.value[f.offset]) : 0, s1 = Q ? (B - W) * 100 / Q : 0;
         l("update", {
           scrollReference: f.scroll,
-          positionPercentage: n1,
+          positionPercentage: s1,
           scrollSize: f.scrollSize
         });
       }
@@ -4098,7 +4098,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     return (g, T) => (o(), i("div", {
       ref_key: "scrollbarRef",
       ref: s,
-      class: B(`scrollbar__bar is-${p(f).key}`),
+      class: D(`scrollbar__bar is-${p(f).key}`),
       onClick: T[1] || (T[1] = x(() => {
       }, ["stop", "prevent"])),
       onMousedown: x(c, ["stop", "prevent"])
@@ -4116,12 +4116,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
         "aria-valuemax": "100",
         onClick: T[0] || (T[0] = x(() => {
         }, ["stop", "prevent"])),
-        onMousedown: x(L, ["stop", "prevent"]),
+        onMousedown: x(b, ["stop", "prevent"]),
         onKeydown: v
       }, null, 44, Wn)
     ], 34));
   }
-}), q1 = /* @__PURE__ */ D({
+}), q1 = /* @__PURE__ */ $({
   __name: "Scrollbar",
   props: {
     disableX: { type: Boolean, default: !1 },
@@ -4139,28 +4139,28 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   setup(n, { expose: t, emit: e }) {
     const l = n, s = e;
     let a;
-    const r = b(6), f = b(0), C = b(0), m = b(0), d = b("0"), h = b("0"), L = Re({
+    const r = L(6), f = L(0), C = L(0), m = L(0), d = L("0"), h = L("0"), b = Re({
       marginRight: "",
       marginBottom: ""
     }), c = { height: 100, width: 100 }, H = ["scrollbar__wrap"];
     !r.value && H.push("scrollbar__wrap--hidden-default"), l.wrapClass && H.push(l.wrapClass);
-    const v = b(), g = b(), T = () => {
+    const v = L(), g = L(), T = () => {
       C.value = v.value.scrollTop * 100 / v.value.clientHeight, f.value = v.value.scrollLeft * 100 / v.value.clientWidth, s("scroll", v.value.scrollTop);
-      const R = 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 && R === I ? s("intersect", { edge: "bottom", hit: !0 }) : m.value + v.value.clientHeight === I && R < I && s("intersect", { edge: "bottom", hit: !1 }), l.triggers)
+      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 J of l.triggers)
           m.value < J.px && v.value.scrollTop >= J.px ? J.callback(J, "down") : m.value > J.px && v.value.scrollTop <= J.px && J.callback(J, "up");
       m.value = v.value.scrollTop;
-    }, E = () => ({
+    }, z = () => ({
       heightPercentage: v.value.clientHeight * 100 / v.value.scrollHeight,
       widthPercentage: v.value.clientWidth * 100 / v.value.scrollWidth
     }), y = async () => {
       if (!v.value) return;
       await D1();
-      const { heightPercentage: R, widthPercentage: I } = E();
-      !R && !I || (l.disableX || (c.width === 100 && I < 100 ? s("scrollXActive", !0) : I === 100 && c.width < 100 && s("scrollXActive", !1), I === 100 ? L.marginBottom = "0px" : r.value && (L.marginBottom = `-${r.value}px`), c.width = I, h.value = I < 100 ? `${I}%` : ""), l.disableY || (c.height === 100 && R < 100 ? s("scrollYActive", !0) : R === 100 && c.height < 100 && s("scrollYActive", !1), R === 100 ? L.marginRight = "0px" : r.value && (L.marginRight = `-${r.value}px`), c.height = R, d.value = R < 100 ? `${R}%` : ""), T());
+      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" : r.value && (b.marginBottom = `-${r.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" : r.value && (b.marginRight = `-${r.value}px`), c.height = E, d.value = E < 100 ? `${E}%` : ""), T());
     };
-    i1(async () => {
+    a1(async () => {
       await D1(y), c.height === 100 && s("intersect", { edge: "top", hit: !0 }), l.windowResize && window.addEventListener("resize", y), l.noresize || (a = new MutationObserver(y), a.observe(g.value, {
         childList: !0,
         subtree: !0
@@ -4168,62 +4168,62 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     }), B1(() => {
       !l.noresize && a.disconnect(), l.windowResize && window.removeEventListener("resize", y);
     });
-    const $ = (R) => {
-      v.value[R.scrollReference] = R.positionPercentage * v.value[R.scrollSize] / 100;
-    }, j = (R, I) => {
-      R === "x" ? v.value.scrollBy({ left: I, behavior: "smooth" }) : v.value.scrollBy({ top: I, behavior: "smooth" }), T();
+    const B = (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();
     };
     return t({ handleScroll: T, reset: () => {
       v.value.scrollTop = 0, T();
-    }, jumpToPercentage: (R, I) => {
-      R === "x" ? v.value.scrollLeft = v.value.scrollWidth * I / 100 : v.value.scrollTop = v.value.scrollHeight * I / 100, T();
-    }, scrollToPercentage: (R, I) => {
-      R === "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 }), (R, I) => (o(), i("main", {
-      class: B(["scrollbar scroll-hidden", [R.viewHeightClass, { show: R.show }]])
+    }, jumpToPercentage: (E, I) => {
+      E === "x" ? v.value.scrollLeft = v.value.scrollWidth * I / 100 : v.value.scrollTop = v.value.scrollHeight * I / 100, T();
+    }, 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", {
+      class: D(["scrollbar scroll-hidden", [E.viewHeightClass, { show: E.show }]])
     }, [
       u("div", {
         id: "wrapRef",
         ref_key: "wrapRef",
         ref: v,
-        class: B(["relative", [H]]),
-        style: t1(L),
+        class: D(["relative", [H]]),
+        style: t1(b),
         onScroll: T
       }, [
         (o(), V($1(l.tag), {
           ref_key: "contentRef",
           ref: g,
-          class: B(["scrollbar__view relative", [R.viewClass]])
+          class: D(["scrollbar__view relative", [E.viewClass]])
         }, {
           default: Z(() => [
-            A(R.$slots, "default")
+            R(E.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"]))
       ], 38),
-      R.disableX ? k("", !0) : (o(), V(Se, {
+      E.disableX ? k("", !0) : (o(), V(Se, {
         key: 0,
         move: f.value,
         size: h.value,
-        onMove: I[0] || (I[0] = (J) => j("x", J * 40)),
-        onUpdate: $
+        onMove: I[0] || (I[0] = (J) => W("x", J * 40)),
+        onUpdate: B
       }, null, 8, ["move", "size"])),
-      R.disableY ? k("", !0) : (o(), V(Se, {
+      E.disableY ? k("", !0) : (o(), V(Se, {
         key: 1,
         vertical: "",
         move: C.value,
         size: d.value,
-        onMove: I[1] || (I[1] = (J) => j("y", J * 40)),
-        onUpdate: $
+        onMove: I[1] || (I[1] = (J) => W("y", J * 40)),
+        onUpdate: B
       }, null, 8, ["move", "size"]))
     ], 2));
   }
-}), h4 = /* @__PURE__ */ D({
+}), h4 = /* @__PURE__ */ $({
   __name: "ScrollBottomLoader",
   emits: ["intersect"],
   setup(n, { emit: t }) {
-    const e = t, l = b(), s = b(null);
-    return i1(() => {
+    const e = t, l = L(), s = L(null);
+    return a1(() => {
       s.value = new IntersectionObserver(
         ([a]) => a.isIntersecting && e("intersect"),
         { threshold: 0.01 }
@@ -4233,7 +4233,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       ref: l,
       class: "w-full h-16 flex items-center justify-center bg-white"
     }, [
-      a.$slots.default ? A(a.$slots, "default", { key: 0 }) : (o(), V(p(N1), {
+      a.$slots.default ? R(a.$slots, "default", { key: 0 }) : (o(), V(p(N1), {
         key: 1,
         class: "w-6 h-6 text-granite-grey"
       }))
@@ -4242,7 +4242,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
 }), m4 = ["top", "bottom", "left", "right"], g4 = ["up", "down", "left", "right"], jn = {
   key: 1,
   class: "text-xs"
-}, Kn = /* @__PURE__ */ D({
+}, Kn = /* @__PURE__ */ $({
   __name: "SegmentButton",
   props: {
     active: { type: Boolean },
@@ -4252,7 +4252,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   setup(n, { emit: t }) {
     const e = t;
     return (l, s) => (o(), i("button", {
-      class: B(["cursor-pointer h-6 px-2 flex items-center gap-2 rounded", {
+      class: D(["cursor-pointer h-6 px-2 flex items-center gap-2 rounded", {
         "text-tertiary dark:text-muted bg-secondary hover:bg-tertiary hover:text-tertiary": !l.active,
         "bg-primary dark:bg-tertiary shadow-xs text-primary": l.active
       }]),
@@ -4265,7 +4265,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       l.segment.label ? (o(), i("p", jn, X(l.segment.label), 1)) : k("", !0)
     ], 2));
   }
-}), b4 = /* @__PURE__ */ D({
+}), b4 = /* @__PURE__ */ $({
   __name: "SegmentedControls",
   props: {
     segments: {},
@@ -4286,7 +4286,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 1
     }));
   }
-}), L4 = /* @__PURE__ */ D({
+}), L4 = /* @__PURE__ */ $({
   __name: "OptionGroup",
   props: {
     label: {},
@@ -4294,17 +4294,17 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   setup(n) {
     return (t, e) => (o(), i("section", {
-      class: B(["relative w-full border-t border-default", { "first:border-t-0 first:pt-0": !t.label, "py-2": t.small, "py-4": !t.small }])
+      class: D(["relative w-full border-t border-default", { "first:border-t-0 first:pt-0": !t.label, "py-2": t.small, "py-4": !t.small }])
     }, [
       t.label ? (o(), i("div", {
         key: 0,
         style: t1({ top: t.small ? "-0.55rem" : "-0.63rem" }),
-        class: B(["absolute bg-primary px-2 font-medium text-tertiary", { "text-[10px]": t.small, "text-xs": !t.small }])
+        class: D(["absolute bg-primary px-2 font-medium text-tertiary", { "text-[10px]": t.small, "text-xs": !t.small }])
       }, X(t.label), 7)) : k("", !0),
-      A(t.$slots, "default")
+      R(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" }, y4 = /* @__PURE__ */ D({
+}), 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" }, y4 = /* @__PURE__ */ $({
   __name: "SelectListOption",
   props: {
     hoveredOption: {},
@@ -4319,7 +4319,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     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), a = () => e("click");
     return (r, f) => (o(), i("li", Qn, [
       (o(), V($1(l.value ? "button" : "div"), {
-        class: B(["cursor-pointer w-full overflow-hidden rounded-lg flex items-center px-2 py-1 gap-2 hover:bg-secondary active:bg-tertiary", {
+        class: D(["cursor-pointer w-full overflow-hidden rounded-lg flex items-center px-2 py-1 gap-2 hover:bg-secondary active:bg-tertiary", {
           "": r.variant === "checkbox",
           "bg-secondary": s.value,
           "h-6 text-xs": r.small,
@@ -4331,7 +4331,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       }, {
         default: Z(() => [
           u("main", qn, [
-            r.variant === "checkbox" ? (o(), V(p(lt), {
+            r.variant === "checkbox" ? (o(), V(p(nt), {
               key: 0,
               checked: r.selected,
               class: "flex-0",
@@ -4340,15 +4340,15 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
             r.option.icon ? (o(), V(p(l1), {
               key: 1,
               name: r.option.icon,
-              class: B(["w-4 h-4 flex-0", {
+              class: D(["w-4 h-4 flex-0", {
                 "text-action": r.selected && r.variant === "single"
               }])
             }, null, 8, ["name", "class"])) : k("", !0),
-            w(p(rt), {
+            w(p(it), {
               "background-color": "yellow",
               value: r.option.label,
               highlight: r.search,
-              class: B(["flex-1 pl-1 -ml-1 text-left min-w-0 truncate", {
+              class: D(["flex-1 pl-1 -ml-1 text-left min-w-0 truncate", {
                 "text-action": r.selected && r.variant === "single",
                 "text-xs": r.small,
                 "text-sm": !r.small
@@ -4357,9 +4357,9 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
           ]),
           r.option.suffix ? (o(), i("span", {
             key: 0,
-            class: B(["flex-0 text-sm text-secondary", { "text-xs": r.small, "text-sm": !r.small }])
+            class: D(["flex-0 text-sm text-secondary", { "text-xs": r.small, "text-sm": !r.small }])
           }, X(r.option.suffix), 3)) : k("", !0),
-          r.variant === "deletable" ? (o(), V(p(W), {
+          r.variant === "deletable" ? (o(), V(p(j), {
             key: 1,
             small: "",
             icon: "close",
@@ -4371,7 +4371,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       }, 40, ["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__ */ D({
+}), 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__ */ $({
   __name: "StatusCard",
   props: {
     status: {},
@@ -4381,11 +4381,11 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     return (t, e) => (o(), i("div", Xn, [
       u("div", Gn, [
         u("div", Jn, [
-          A(t.$slots, "default")
+          R(t.$slots, "default")
         ])
       ]),
       u("span", {
-        class: B(["text-ui-label-14-medium", {
+        class: D(["text-ui-label-14-medium", {
           "text-disabled-font": t.variant === "idle" || t.variant === "no match",
           "text-alert": t.variant === "error",
           "text-primary": t.variant === "loading"
@@ -4393,7 +4393,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       }, X(t.status), 3)
     ]));
   }
-}), _n = /* @__PURE__ */ D({
+}), _n = /* @__PURE__ */ $({
   __name: "ErrorCard",
   props: {
     message: {}
@@ -4451,7 +4451,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 1
     }, 8, ["status"]));
   }
-}), e0 = /* @__PURE__ */ D({
+}), e0 = /* @__PURE__ */ $({
   __name: "IdleCard",
   setup(n) {
     return (t, e) => (o(), V(p(_1), {
@@ -4477,7 +4477,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 1
     }));
   }
-}), t0 = /* @__PURE__ */ D({
+}), t0 = /* @__PURE__ */ $({
   __name: "LoadingCard",
   setup(n) {
     return (t, e) => (o(), V(p(_1), {
@@ -4490,7 +4490,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 1
     }));
   }
-}), l0 = /* @__PURE__ */ D({
+}), l0 = /* @__PURE__ */ $({
   __name: "NoMatchCard",
   setup(n) {
     return (t, e) => (o(), V(p(_1), {
@@ -4560,7 +4560,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
 }, i0 = { class: "flex-none flex items-center justify-between gap-1 px-4 py-1" }, d0 = {
   key: 0,
   class: "px-4 h-8 flex items-center text-ui-label-14-regular text-disabled-font"
-}, u0 = { class: "flex-0" }, H4 = /* @__PURE__ */ D({
+}, u0 = { class: "flex-0" }, H4 = /* @__PURE__ */ $({
   __name: "SelectList",
   props: {
     identifier: { default: "label" },
@@ -4580,37 +4580,37 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["escape", "selectQuery", "select"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, { nextFrame: a } = Ce(), r = b(null), f = b([]), C = b(""), m = b(), d = b(), h = b(), L = b(), c = b(), H = b(l.filters ? l.filters[0] : null), v = b(!1), g = b(!1), T = b(""), E = (S) => {
+    const l = n, s = e, { nextFrame: a } = Ce(), r = 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 = (S) => {
       if (!Array.isArray(S)) throw new Error("Item passed must be an Array");
       return S.length === 0 ? !1 : "options" in S[0];
-    }, y = O(() => E(l.options)), $ = O(() => y.value ? l.options.flatMap((S) => S.options) : l.options), j = O(() => l.loading ? "loading" : l.errorMessage ? "error" : C.value.length && !f.value.length ? "no match" : f.value.length ? "match" : "idle"), K = O(() => l.selected && "length" in l.selected), n1 = O(() => l.selected ? K.value ? l.selected.length : 1 : 0), f1 = O(() => l.selected ? H.value ? l.selected.length >= $.value.filter(H.value.execute).length : K.value ? l.selected.length === $.value.length : !1 : !1), R = O(() => l.selected ? K.value ? !l.selected.length : !l.selected : !0);
-    r1(() => l.selected, (S) => {
+    }, y = O(() => z(l.options)), B = O(() => y.value ? l.options.flatMap((S) => S.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 >= B.value.filter(H.value.execute).length : Q.value ? l.selected.length === B.value.length : !1 : !1), E = O(() => l.selected ? Q.value ? !l.selected.length : !l.selected : !0);
+    i1(() => l.selected, (S) => {
       S && v.value && a(() => {
-        if (h.value.update(), K.value && n1.value) {
-          const G = L.value[L.value.length - 1].$el, p1 = c.value.$el.querySelector(".scrollbar__wrap");
-          p1 && (ot(p1, G), c.value.handleScroll());
+        if (h.value.update(), Q.value && s1.value) {
+          const G = b.value[b.value.length - 1].$el, p1 = c.value.$el.querySelector(".scrollbar__wrap");
+          p1 && (st(p1, G), c.value.handleScroll());
         }
       });
-    }), r1(() => l.options, (S) => {
+    }), i1(() => l.options, (S) => {
       g1(S), r.value = null;
-    }), A1(() => g1(l.options)), i1(() => {
-      !K.value && l.selectAll && console.warn("[SelectList] selectAll prop not allowed when SelectList is not isMultiselect. You need to pass an Array of selected options (or empty) if you want it to be isMultiselect."), a(() => {
+    }), A1(() => g1(l.options)), a1(() => {
+      !Q.value && l.selectAll && console.warn("[SelectList] selectAll prop not allowed when SelectList is not isMultiselect. You need to pass an Array of selected options (or empty) if you want it to be isMultiselect."), a(() => {
         h.value && h.value.update(), m.value.addEventListener("keydown", I);
       });
     }), B1(() => m.value.removeEventListener("keydown", I));
     const I = (S) => {
-      S.key === "Enter" ? P() : S.key === "Escape" ? s("escape") : S.key === "ArrowDown" ? z("next") : S.key === "ArrowUp" && z("prev");
+      S.key === "Enter" ? P() : S.key === "Escape" ? s("escape") : S.key === "ArrowDown" ? A("next") : S.key === "ArrowUp" && A("prev");
     }, J = (S) => {
-      if (K.value) {
+      if (Q.value) {
         const G = l.selected.map((p1) => p1.label).includes(S.label) ? [...l.selected.filter((p1) => p1.label !== S.label)] : [...l.selected, S];
         s("select", G);
       } else
         s("select", S);
     }, P = () => {
       r.value ? J(r.value) : C.value.length && s("selectQuery", C.value);
-    }, N = (S) => l.selected ? K.value ? l.selected.some((G) => G[l.identifier] === S[l.identifier]) : S[l.identifier] === l.selected[l.identifier] : !1, o1 = async (S) => {
+    }, N = (S) => l.selected ? Q.value ? l.selected.some((G) => G[l.identifier] === S[l.identifier]) : S[l.identifier] === l.selected[l.identifier] : !1, n1 = async (S) => {
       C.value = S, r.value = null, l.searchFunction && await l.searchFunction(S);
-    }, S1 = l.searchDebounce ? ne(o1, l.searchDebounce) : o1, g1 = (S) => {
+    }, S1 = l.searchDebounce ? ne(n1, l.searchDebounce) : n1, g1 = (S) => {
       var G;
       if (y.value) {
         const p1 = S;
@@ -4628,23 +4628,23 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     }, F = (S) => {
       H.value = S, g1(l.options);
     }, Y = () => {
-      if (!K.value) throw new Error('[SelectList@onToggleAll] method should not be called when "isMultiselect=false"');
-      n1.value === 0 || n1.value && !f1.value ? s("select", H.value ? $.value.filter(H.value.execute) : $.value) : s("select", []);
-    }, s1 = (S) => r.value = $.value.find((G) => G[l.identifier] === S[l.identifier]) || null, v1 = O(() => {
+      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 ? B.value.filter(H.value.execute) : B.value) : s("select", []);
+    }, o1 = (S) => r.value = B.value.find((G) => G[l.identifier] === S[l.identifier]) || null, v1 = O(() => {
       const S = Array.isArray(f.value) && f.value.length > 0 && "options" in f.value[0] ? f.value.flatMap((G) => G.options) : f.value;
       return S.length > 0 && S.every((G) => !!G.disabled);
-    }), z = async (S) => {
+    }), A = async (S) => {
       if (f.value.length === 0) return;
-      let G = $.value.findIndex((p1) => {
+      let G = B.value.findIndex((p1) => {
         var Z1;
         return p1.label === ((Z1 = r.value) == null ? void 0 : Z1.label);
       });
-      v1.value || (S === "next" ? (G++, G === f.value.length && (G = 0)) : S === "prev" && (G--, G < 0 && (G = f.value.length - 1)), r.value = $.value[G], r.value.disabled === !0 && z(S), await D1(), r.value && U(r.value));
+      v1.value || (S === "next" ? (G++, G === f.value.length && (G = 0)) : S === "prev" && (G--, G < 0 && (G = f.value.length - 1)), r.value = B.value[G], r.value.disabled === !0 && A(S), await D1(), r.value && U(r.value));
     }, U = (S) => {
       if (!d.value.children.length) return;
       const G = null;
       h.value;
-    }, Q = () => {
+    }, K = () => {
       v.value = !v.value, c.value.update();
     }, d1 = O(() => v.value && g.value ? T.value : "border-transparent"), V1 = (S) => {
       S.hit ? S.edge === "bottom" && S.hit ? T.value = "border-b-transparent border-t-outline-subtle shadow-scroll-top" : S.edge === "top" && S.hit && (T.value = "border-t-transparent border-b-outline-subtle shadow-scroll-bottom") : T.value = "border-y-outline-subtle shadow-scroll-y";
@@ -4653,7 +4653,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     };
     return t({
       // focusSearch,
-      isMultiselect: K,
+      isMultiselect: Q,
       reset: () => {
         C.value = "", l.searchFunction ? l.searchFunction("") : g1([]), H.value = l.filters ? l.filters[0] : null;
       },
@@ -4669,7 +4669,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       })
     }, [
       S.$slots.header || S.searchFunction || S.filters || S.selectAll ? (o(), i("header", n0, [
-        A(S.$slots, "header"),
+        R(S.$slots, "header"),
         S.searchFunction ? (o(), i("section", o0, [
           w(p(z1), {
             class: "w-full",
@@ -4677,11 +4677,11 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
             value: C.value,
             placeholder: S.placeholder,
             onChange: p(S1),
-            onClear: G[0] || (G[0] = (p1) => o1(""))
+            onClear: G[0] || (G[0] = (p1) => n1(""))
           }, null, 8, ["value", "placeholder", "onChange"])
         ])) : k("", !0),
         S.filters ? (o(), i("section", s0, [
-          (o(!0), i(M, null, m1(S.filters, (p1) => (o(), V(p(W), {
+          (o(!0), i(M, null, m1(S.filters, (p1) => (o(), V(p(j), {
             key: p1.name,
             small: "",
             variant: "textSubtle",
@@ -4695,8 +4695,8 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
           class: "cursor-pointer flex items-center gap-2 p-1 rounded-lg hover:bg-secondary active:bg-tertiary",
           onClick: Y
         }, [
-          w(p(lt), {
-            indeterminate: !!(n1.value && !f1.value),
+          w(p(nt), {
+            indeterminate: !!(s1.value && !f1.value),
             checked: f1.value,
             onClick: Y
           }, null, 8, ["indeterminate", "checked"]),
@@ -4704,10 +4704,10 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
         ])) : k("", !0)
       ])) : k("", !0),
       u("main", a0, [
-        j.value === "error" ? (o(), V(p(_n), {
+        W.value === "error" ? (o(), V(p(_n), {
           key: 0,
           message: S.errorMessage
-        }, null, 8, ["message"])) : j.value === "loading" ? (o(), V(p(t0), { key: 1 })) : j.value === "no match" ? (o(), V(p(l0), { key: 2 })) : j.value === "idle" ? (o(), V(p(e0), { key: 3 })) : j.value === "match" ? (o(), V(p(q1), {
+        }, 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), {
           key: 4,
           ref_key: "scrollbarRef",
           ref: h,
@@ -4718,14 +4718,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
             u("ul", {
               ref_key: "optionsRef",
               ref: d,
-              class: B(["px-1", {
+              class: D(["px-1", {
                 "py-1": S.small && y.value || !S.small && !y.value,
                 "py-2": !S.small && y.value
               }])
             }, [
-              A(S.$slots, "options", {
+              R(S.$slots, "options", {
                 options: f.value,
-                hover: s1,
+                hover: o1,
                 hoveredOption: r.value,
                 select: J,
                 getIsSelected: N
@@ -4738,14 +4738,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       S.$slots.footer ? (o(), i("footer", r0, [
         S.showSelection ? (o(), i(M, { key: 0 }, [
           u("header", i0, [
-            w(p(W), {
+            w(p(j), {
               square: "",
               size: "tiny",
               variant: "text",
               class: "-ml-4",
-              label: `${v.value ? "Hide" : "Show"} selected items (${n1.value})`,
+              label: `${v.value ? "Hide" : "Show"} selected items (${s1.value})`,
               "trailing-icon": v.value ? "chevron-down" : "chevron-up",
-              onClick: Q
+              onClick: K
             }, null, 8, ["label", "trailing-icon"])
           ]),
           w(p(q1), {
@@ -4753,14 +4753,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
             ref: c,
             show: "",
             tag: "ul",
-            class: B(["border-y", d1.value]),
+            class: D(["border-y", d1.value]),
             "view-height-class": v.value ? "flex-1 max-h-72" : "flex-none h-0",
             onScrollYActive: L1,
             onIntersect: V1
           }, {
             default: Z(() => [
               v.value ? (o(), i(M, { key: 0 }, [
-                R.value ? (o(), i("span", d0, "Nothing selected")) : k("", !0),
+                E.value ? (o(), i("span", d0, "Nothing selected")) : k("", !0),
                 G[2] || (G[2] = u("section", { class: "w-full px-4 flex flex-wrap items-center gap-2" }, null, -1))
               ], 64)) : k("", !0)
             ]),
@@ -4768,16 +4768,16 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
           }, 8, ["class", "view-height-class"])
         ], 64)) : k("", !0),
         u("footer", u0, [
-          A(S.$slots, "footer")
+          R(S.$slots, "footer")
         ])
       ])) : k("", !0)
     ], 4));
   }
-}), V4 = ["error", "idle", "loading", "match", "no match"], k4 = ["checkbox", "deletable", "single"], he = /* @__PURE__ */ D({
+}), V4 = ["error", "idle", "loading", "match", "no match"], k4 = ["checkbox", "deletable", "single"], he = /* @__PURE__ */ $({
   __name: "WindowFrame",
   setup(n, { expose: t }) {
     var l;
-    const e = b();
+    const e = L();
     return t({
       focus: (l = e.value) == null ? void 0 : l.focus()
     }), (s, a) => (o(), i("div", {
@@ -4786,13 +4786,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       tabindex: "0",
       class: "w-full flex flex-col bg-primary shadow-xl border border-default rounded-xl focus:outline-hidden"
     }, [
-      A(s.$slots, "default")
+      R(s.$slots, "default")
     ], 512));
   }
 }), p0 = {
   key: 0,
   class: "px-6 flex items-center justify-between w-full h-12"
-}, f0 = { class: "px-6" }, c0 = { class: "px-6" }, w4 = /* @__PURE__ */ D({
+}, f0 = { class: "px-6" }, c0 = { class: "px-6" }, w4 = /* @__PURE__ */ $({
   __name: "SideOver",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -4805,8 +4805,8 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["close", "open"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = R1(), a = b(!1), r = b();
-    i1(() => a.value = !0);
+    const l = e, s = R1(), a = L(!1), r = L();
+    a1(() => a.value = !0);
     const f = () => a.value = !1, C = async () => {
       n.closeable && (n.interceptClose ? await n.interceptClose() && f() : f());
     };
@@ -4820,7 +4820,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
         type: d.overlayType,
         class: "p-4",
         onClick: C,
-        onClose: h[0] || (h[0] = (L) => l("close"))
+        onClose: h[0] || (h[0] = (b) => l("close"))
       }, {
         default: Z(() => [
           w(de, {
@@ -4836,7 +4836,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
               U1(w(he, {
                 ref_key: "panelRef",
                 ref: r,
-                class: B(["flex flex-col overflow-hidden w-full h-full focus:outline-hidden", [d.widthClass, {
+                class: D(["flex flex-col overflow-hidden w-full h-full focus:outline-hidden", [d.widthClass, {
                   "py-4": !p(s).default,
                   "ml-auto": d.placement === "right",
                   "mr-auto": d.placement === "left"
@@ -4844,15 +4844,15 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
                 style: { "pointer-events": "auto" }
               }, {
                 default: Z(() => [
-                  d.$slots.default ? A(d.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
+                  d.$slots.default ? R(d.$slots, "default", { key: 0 }) : (o(), V(p(me), { key: 1 }, Ae({
                     main: Z(() => [
                       u("main", f0, [
-                        A(d.$slots, "main")
+                        R(d.$slots, "main")
                       ])
                     ]),
                     footer: Z(() => [
                       u("footer", c0, [
-                        A(d.$slots, "footer")
+                        R(d.$slots, "footer")
                       ])
                     ]),
                     _: 2
@@ -4862,14 +4862,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
                       fn: Z(() => [
                         d.title ? (o(), i("header", p0, [
                           u("h4", null, X(d.title), 1),
-                          d.closeable ? (o(), V(p(W), {
+                          d.closeable ? (o(), V(p(j), {
                             key: 0,
                             small: "",
                             icon: "close",
                             variant: "textSubtle",
                             onClick: C
                           })) : k("", !0)
-                        ])) : A(d.$slots, "header", { key: 1 })
+                        ])) : R(d.$slots, "header", { key: 1 })
                       ]),
                       key: "0"
                     } : void 0
@@ -4887,12 +4887,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), M4 = /* @__PURE__ */ D({
+}), M4 = /* @__PURE__ */ $({
   __name: "StatusSelect",
   setup(n) {
     return (t, e) => " TODO ";
   }
-}), Z4 = /* @__PURE__ */ D({
+}), Z4 = /* @__PURE__ */ $({
   __name: "Switch",
   props: {
     value: { type: Boolean, default: !1 },
@@ -4910,7 +4910,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       role: "checkbox",
       tabindex: s.readonly ? -1 : 0,
       "aria-checked": s.value,
-      class: B([[
+      class: D([[
         s.small ? "h-4" : "h-6",
         s.value ? s.onColorClass : s.offColorClass,
         s.readonly ? "cursor-default" : "cursor-pointer focus-visible:outline focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white"
@@ -4925,7 +4925,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       default: Z(() => [
         u("span", {
           "aria-hidden": "true",
-          class: B([[
+          class: D([[
             s.small ? "h-3 w-3" : "h-5 w-5",
             s.value ? s.small ? "translate-x-3" : "translate-x-5" : "translate-x-0"
           ], "inline-block rounded-full bg-primary shadow-sm transform transition ease-in-out duration-200"])
@@ -4938,7 +4938,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   key: 0,
   class: "absolute",
   style: { top: "0em", right: "-0.6em" }
-}, $4 = /* @__PURE__ */ D({
+}, $4 = /* @__PURE__ */ $({
   __name: "Tab",
   props: {
     icon: {},
@@ -4952,14 +4952,14 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["select"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = () => {
+    const e = n, l = t, s = L(), a = () => {
       s.value.blur(), l("select", e.name);
     };
     return (r, f) => (o(), i("button", {
       ref_key: "tabRef",
       ref: s,
       disabled: r.disabled,
-      class: B(["cursor-pointer", {
+      class: D(["cursor-pointer", {
         "text-sm gap-2 px-4 h-8": r.size === "default" && r.type === "default",
         "text-xs gap-1 px-3 h-6": r.size === "small" && r.type === "default",
         "relative flex items-center justify-center border-b focus:outline-hidden focus-visible:outline": r.type === "default",
@@ -4982,12 +4982,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       u("span", v0, [
         Ee(X(r.name) + " ", 1),
         r.notification ? (o(), i("div", h0, [
-          w(p(Je))
+          w(p(_e))
         ])) : k("", !0)
       ])
     ], 10, C0));
   }
-}), m0 = { class: "truncate" }, D4 = /* @__PURE__ */ D({
+}), m0 = { class: "truncate" }, D4 = /* @__PURE__ */ $({
   __name: "Tag",
   props: {
     label: {},
@@ -4999,7 +4999,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     const e = t;
     return (l, s) => (o(), V(p(e1), {
       inline: "",
-      class: B(["h-5 truncate text-xs rounded-sm text-tertiary bg-tertiary", {
+      class: D(["h-5 truncate text-xs rounded-sm text-tertiary bg-tertiary", {
         "px-1": !l.deletable,
         "pl-1 pr-0.5": l.deletable
       }])
@@ -5015,7 +5015,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
           ]),
           _: 1
         }),
-        l.deletable ? (o(), V(p(W), {
+        l.deletable ? (o(), V(p(j), {
           key: 0,
           small: "",
           variant: "textSubtle",
@@ -5028,7 +5028,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 1
     }, 8, ["class"]));
   }
-}), ee = /* @__PURE__ */ D({
+}), ee = /* @__PURE__ */ $({
   __name: "Tooltip",
   props: {
     bgColorClass: { default: "bg-black" },
@@ -5042,7 +5042,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
     triggerFullWidth: { type: Boolean, default: !1 }
   },
   setup(n, { expose: t }) {
-    const e = n, l = b();
+    const e = n, l = L();
     return t({ hide: () => {
       l.value && l.value.close();
     } }), (s, a) => (o(), V(p(Y1), {
@@ -5059,19 +5059,19 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       content: Z(() => [
         e.text ? (o(), i("div", {
           key: 0,
-          class: B(["z-50 min-w-0 px-2 py-1 rounded-md text-sm shadow-sm-md", [e.bgColorClass, e.textColorClass]])
+          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, X(e.text), 1),
-          A(s.$slots, "content")
+          R(s.$slots, "content")
         ], 2)) : k("", !0)
       ]),
       default: Z(() => [
-        A(s.$slots, "default")
+        R(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["trigger", "open-delay", "offset-options", "root-class", "trigger-class", "placement"]));
   }
-}), g0 = { class: "text-xs" }, b0 = /* @__PURE__ */ D({
+}), g0 = { class: "text-xs" }, b0 = /* @__PURE__ */ $({
   __name: "EntryTag",
   props: {
     entry: {}
@@ -5086,7 +5086,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
         w(p(e1), {
           id: s.entry.id,
           tabindex: "1",
-          class: B(["gap-0.5 h-6 pl-1 pr-0.5 rounded-md border cursor-default", {
+          class: D(["gap-0.5 h-6 pl-1 pr-0.5 rounded-md border cursor-default", {
             "border-strong text-primary": !p(ie)(s.entry.error),
             "border-red-400 text-red-400 focus:bg-red-400 focus:text-white": p(ie)(s.entry.error)
           }]),
@@ -5110,7 +5110,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       _: 1
     }, 8, ["text"]));
   }
-}), L0 = ["value", "placeholder"], B4 = /* @__PURE__ */ D({
+}), L0 = ["value", "placeholder"], B4 = /* @__PURE__ */ $({
   __name: "TagInput",
   props: {
     placeholder: { default: "Enter value, comma separated" },
@@ -5118,12 +5118,12 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
   },
   emits: ["update:entries"],
   setup(n, { expose: t, emit: e }) {
-    const l = e, s = b(), a = b(""), r = b([]), f = (L) => {
-      r.value = [...r.value, ...m(L)], l("update:entries", r.value);
-    }, C = (L) => {
-      L.target && (a.value = L.target.value, (L.data === "," || a.value.includes(",")) && (r.value = [...r.value, ...m(a.value)], a.value = "", l("update:entries", r.value)));
-    }, m = (L) => L.trim().split(",").filter((c) => c.length).map((c, H) => {
-      const v = c.trim(), g = [...n.validators].reduce((T, E, y, $) => (E.validate(v) || (T = E.errorMessage(v), $.splice(1)), T), null);
+    const l = e, s = L(), a = L(""), r = L([]), f = (b) => {
+      r.value = [...r.value, ...m(b)], l("update:entries", r.value);
+    }, C = (b) => {
+      b.target && (a.value = b.target.value, (b.data === "," || a.value.includes(",")) && (r.value = [...r.value, ...m(a.value)], a.value = "", l("update:entries", r.value)));
+    }, m = (b) => b.trim().split(",").filter((c) => c.length).map((c, H) => {
+      const v = c.trim(), g = [...n.validators].reduce((T, z, y, B) => (z.validate(v) || (T = z.errorMessage(v), B.splice(1)), T), null);
       return {
         id: H + v + Date.now(),
         value: v,
@@ -5131,13 +5131,13 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
       };
     }), d = () => {
       if (a.value.length || !r.value.length) return;
-      const L = r.value[r.value.length - 1].id, c = document.getElementById(L);
+      const b = r.value[r.value.length - 1].id, c = document.getElementById(b);
       c && c.focus();
-    }, h = (L) => {
+    }, h = (b) => {
       var c;
-      r.value = r.value.filter((H) => H.id !== L), l("update:entries", r.value), (c = s.value) == null || c.focus();
+      r.value = r.value.filter((H) => H.id !== b), l("update:entries", r.value), (c = s.value) == null || c.focus();
     };
-    return t({ importEntries: f, inputElement: s }), (L, c) => (o(), V(p(e1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
+    return t({ importEntries: f, inputElement: s }), (b, c) => (o(), V(p(e1), { class: "flex-1 flex-wrap gap-1 px-2 py-1" }, {
       default: Z(() => [
         (o(!0), i(M, null, m1(r.value, (H) => (o(), V(p(b0), {
           key: H.id,
@@ -5149,7 +5149,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
           ref: s,
           type: "text",
           value: a.value,
-          placeholder: r.value.length ? "" : L.placeholder,
+          placeholder: r.value.length ? "" : b.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] = x(() => {
@@ -5166,7 +5166,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
 }, y0 = {
   key: 1,
   class: "text-xs leading-none"
-}, c1 = /* @__PURE__ */ D({
+}, c1 = /* @__PURE__ */ $({
   __name: "FormattingButton",
   props: {
     active: { type: Boolean, default: !1 },
@@ -5188,7 +5188,7 @@ const Vn = ["onKeydown"], kn = /* @__PURE__ */ D({
           tag: "button",
           inline: "",
           justify: "center",
-          class: B(["h-8 gap-2 rounded-lg border border-transparent focus:outline-hidden focus:border-strong", {
+          class: D(["h-8 gap-2 rounded-lg border border-transparent focus:outline-hidden focus:border-strong", {
             "bg-tertiary text-primary font-bold": l.active && !l.highlight,
             "bg-tertiary text-action border border-default": l.highlight,
             "text-tertiary bg-transparent": !l.active && !l.disabled && !l.highlight,
@@ -5218,7 +5218,7 @@ function k0(n, t) {
     u("div", { class: "w-px h-full bg-tertiary" }, null, -1)
   ])]);
 }
-const T4 = /* @__PURE__ */ M1(H0, [["render", k0]]), Te = Pe.create({
+const T4 = /* @__PURE__ */ M1(H0, [["render", k0]]), Te = Ne.create({
   name: "enterKeyBehaviour",
   priority: 1e3,
   addOptions() {
@@ -5274,7 +5274,7 @@ const T4 = /* @__PURE__ */ M1(H0, [["render", k0]]), Te = Pe.create({
   for (; f < s.length && /\w/.test(s[f]); )
     f++;
   return s.slice(r + 1, f) || null;
-}, M0 = Pe.create({
+}, M0 = Ne.create({
   name: "pasteImage",
   addProseMirrorPlugins() {
     return [
@@ -5313,12 +5313,12 @@ const T4 = /* @__PURE__ */ M1(H0, [["render", k0]]), Te = Pe.create({
   n.chain().focus().command(({ tr: h }) => (h.insertText(t, m, d), !0)).run();
 };
 function $0(n, t, e) {
-  const l = b(null), s = () => {
+  const l = L(null), s = () => {
     var r, f, C;
     const a = ((C = (f = (r = n.value) == null ? void 0 : r.storage) == null ? void 0 : f[t]) == null ? void 0 : C[e]) ?? null;
     l.value !== a && (l.value = a);
   };
-  return i1(() => {
+  return a1(() => {
     var a, r;
     (a = n.value) == null || a.on("update", s), (r = n.value) == null || r.on("transaction", s), s();
   }), B1(() => {
@@ -5326,49 +5326,49 @@ function $0(n, t, e) {
     (a = n.value) == null || a.off("update", s), (r = n.value) == null || r.off("transaction", s);
   }), l;
 }
-const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE__ */ D({
+const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE__ */ $({
   __name: "InserLink",
   props: {
     editor: {}
   },
   emits: ["cancel", "inserted", "updateTargets"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(), a = b(), r = b(""), f = (y) => r.value = y, C = () => {
+    const e = n, l = t, s = L(), a = L(), r = L(""), f = (y) => r.value = y, C = () => {
       var y;
-      c.value ? E() : (y = d.value) == null || y.focus();
-    }, m = b(""), d = b(), h = (y) => m.value = y, L = () => {
-      c.value && E();
+      c.value ? z() : (y = d.value) == null || y.focus();
+    }, m = L(""), d = L(), h = (y) => m.value = y, b = () => {
+      c.value && z();
     }, c = O(() => {
-      var y, $;
-      return !m.value || !r.value ? !1 : ((y = m.value) == null ? void 0 : y.trim().length) > 0 && (($ = r.value) == null ? void 0 : $.trim().length) > 0;
-    }), H = b(!1), v = ([y, $]) => {
+      var y, B;
+      return !m.value || !r.value ? !1 : ((y = m.value) == null ? void 0 : y.trim().length) > 0 && ((B = r.value) == null ? void 0 : B.trim().length) > 0;
+    }), H = L(!1), v = ([y, B]) => {
       var J, P;
-      const { state: j, view: K } = e.editor, { empty: n1, from: f1 } = j.selection, I = j.doc.resolve(f1).marks().find((N) => N.type.name === "link");
+      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");
       if (I)
         m.value = I.attrs.href;
-      else if (n1)
+      else if (s1)
         r.value = w0(e.editor) || "", H.value = !0;
       else {
-        const { from: N, to: o1 } = K.state.selection;
-        r.value = j.doc.textBetween(N, o1, "");
+        const { from: N, to: n1 } = Q.state.selection;
+        r.value = W.doc.textBetween(N, n1, "");
       }
-      r.value.trim().length ? (J = d.value) == null || J.focus() : (P = a.value) == null || P.focus(), l("updateTargets", [$]);
+      r.value.trim().length ? (J = d.value) == null || J.focus() : (P = a.value) == null || P.focus(), l("updateTargets", [B]);
     }, g = () => l("updateTargets", []), T = () => {
       m.value = "", r.value = "";
-    }, E = () => {
+    }, z = () => {
       var y;
       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)
           Z0(e.editor, r.value);
         else {
-          const $ = e.editor.state.tr.insertText(r.value);
-          e.editor.view.dispatch($);
+          const B = e.editor.state.tr.insertText(r.value);
+          e.editor.view.dispatch(B);
         }
         l("inserted");
       }
       (y = s.value) == null || y.close(), T();
     };
-    return (y, $) => (o(), V(p(Y1), {
+    return (y, B) => (o(), V(p(Y1), {
       ref_key: "popperRef",
       ref: s,
       placement: "top",
@@ -5376,18 +5376,18 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
       onOpen: v,
       onClose: g
     }, {
-      default: Z(({ visible: j }) => [
+      default: Z(({ visible: W }) => [
         w(c1, {
           icon: "link",
-          active: j
+          active: W
         }, null, 8, ["active"])
       ]),
-      content: Z(({ close: j }) => [
+      content: Z(({ close: W }) => [
         w(p(W1), { class: "p-4 flex flex-col gap-4" }, {
           default: Z(() => [
-            $[2] || ($[2] = u("p", { class: "text-sm" }, " Insert link ", -1)),
+            B[2] || (B[2] = u("p", { class: "text-sm" }, " Insert link ", -1)),
             u("section", D0, [
-              $[0] || ($[0] = u("div", {
+              B[0] || (B[0] = u("div", {
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
               }, " Text to display ", -1)),
@@ -5401,7 +5401,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
               }, null, 8, ["value"])
             ]),
             u("section", B0, [
-              $[1] || ($[1] = u("div", {
+              B[1] || (B[1] = u("div", {
                 style: { "font-size": "11px" },
                 class: "text-secondary font-medium"
               }, " Address ", -1)),
@@ -5411,7 +5411,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
                 placeholder: "Link to a web page",
                 value: m.value || "",
                 onChange: h,
-                onEnter: L
+                onEnter: b
               }, null, 8, ["value"])
             ]),
             w(p(E1), {
@@ -5419,9 +5419,9 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
               order: "confirm-last",
               "confirm-label": "Insert",
               "confirm-disabled": !c.value,
-              onConfirm: E,
-              onCancel: (K) => {
-                T(), j();
+              onConfirm: z,
+              onCancel: (Q) => {
+                T(), W();
               }
             }, null, 8, ["confirm-disabled", "onCancel"])
           ]),
@@ -5431,13 +5431,13 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
       _: 1
     }, 512));
   }
-}), A4 = /* @__PURE__ */ D({
+}), A4 = /* @__PURE__ */ $({
   __name: "InsertImage",
   props: {
     editor: {}
   },
   setup(n) {
-    const t = b(), e = (s) => {
+    const t = L(), e = (s) => {
       var f;
       const a = (f = s.target.files) == null ? void 0 : f[0];
       if (!a) return;
@@ -5464,30 +5464,30 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
       }, null, 544)
     ], 64));
   }
-}), S0 = { class: "p-4 space-y-2" }, at = /* @__PURE__ */ D({
+}), S0 = { class: "p-4 space-y-2" }, rt = /* @__PURE__ */ $({
   __name: "Dialog",
   setup(n) {
     return (t, e) => (o(), V(x1, { to: "#modals" }, [
       w(p(W1), { class: "w-96" }, {
         default: Z(() => [
           u("div", S0, [
-            A(t.$slots, "default")
+            R(t.$slots, "default")
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), T0 = { class: "space-y-1" }, z0 = { class: "space-y-1" }, A0 = /* @__PURE__ */ D({
+}), T0 = { class: "space-y-1" }, z0 = { class: "space-y-1" }, A0 = /* @__PURE__ */ $({
   __name: "InsertLinkDialog",
   props: {
     editor: {}
   },
   emits: ["cancel", "inserted"],
   setup(n, { emit: t }) {
-    const e = n, l = t, s = b(null), a = b(null), r = b(), f = () => {
+    const e = n, l = t, s = L(null), a = L(null), r = L(), f = () => {
       s.value = e.editor.getAttributes("link").href;
-      const { view: h, state: L } = e.editor;
+      const { view: h, state: b } = 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
@@ -5495,10 +5495,10 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
         a.value = c[0].text;
       } else {
         const { from: c, to: H } = h.state.selection;
-        a.value = L.doc.textBetween(c, H, "");
+        a.value = b.doc.textBetween(c, H, "");
       }
     };
-    A1(() => f()), i1(() => r.value.focus());
+    A1(() => f()), a1(() => r.value.focus());
     const C = (h) => s.value = h, m = (h) => a.value = h, d = () => {
       if (s.value && !s.value.includes("http") && (s.value = `https://${s.value}`), s.value) {
         e.editor.chain().focus().extendMarkRange("link").setLink({ href: s.value }).run();
@@ -5506,11 +5506,11 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
         e.editor.view.dispatch(h), l("inserted");
       }
     };
-    return (h, L) => (o(), V(at, null, {
+    return (h, b) => (o(), V(rt, null, {
       default: Z(() => [
-        L[3] || (L[3] = u("header", null, "Insert link", -1)),
+        b[3] || (b[3] = u("header", null, "Insert link", -1)),
         u("section", T0, [
-          L[1] || (L[1] = u("div", { class: "text-xs text-secondary" }, " Text to display ", -1)),
+          b[1] || (b[1] = u("div", { class: "text-xs text-secondary" }, " Text to display ", -1)),
           w(p(z1), {
             ref_key: "inputRef",
             ref: r,
@@ -5520,7 +5520,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
           }, null, 8, ["value"])
         ]),
         u("section", z0, [
-          L[2] || (L[2] = u("div", { class: "text-xs text-secondary" }, " Address ", -1)),
+          b[2] || (b[2] = u("div", { class: "text-xs text-secondary" }, " Address ", -1)),
           w(p(z1), {
             placeholder: "Link to a web page",
             value: s.value || "",
@@ -5530,24 +5530,24 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
         w(p(E1), {
           "confirm-label": "Insert",
           onConfirm: d,
-          onCancel: L[0] || (L[0] = (c) => l("cancel"))
+          onCancel: b[0] || (b[0] = (c) => l("cancel"))
         })
       ]),
       _: 1
     }));
   }
-}), R0 = { class: "space-y-1" }, E0 = { class: "flex flex-1 justify-end" }, O0 = /* @__PURE__ */ D({
+}), R0 = { class: "space-y-1" }, E0 = { class: "flex flex-1 justify-end" }, O0 = /* @__PURE__ */ $({
   __name: "InsertTextDialog",
   emits: ["cancel", "insert"],
   setup(n, { emit: t }) {
-    const e = t, l = b(null), s = b();
-    i1(() => s.value.focus());
+    const e = t, l = L(null), s = L();
+    a1(() => s.value.focus());
     const a = () => {
       e("cancel"), l.value = null;
     }, r = (C) => l.value = C, f = () => {
       e("insert", l.value), l.value = null;
     };
-    return (C, m) => (o(), V(at, null, {
+    return (C, m) => (o(), V(rt, null, {
       default: Z(() => [
         m[0] || (m[0] = u("header", null, "Insert text", -1)),
         u("section", R0, [
@@ -5573,7 +5573,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
 }), I0 = { key: 1 }, P0 = {
   key: 0,
   class: "pr-1"
-}, R4 = /* @__PURE__ */ D({
+}, R4 = /* @__PURE__ */ $({
   __name: "TextEditor",
   props: {
     autoHideMenu: { type: Boolean, default: !1 },
@@ -5600,23 +5600,23 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
   },
   emits: ["blur", "change", "focus"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, a = b(!1), r = b(!1), f = b(!1), C = b(!1), m = b(), { disableClickOutside: d, enableClickOutside: h } = fe(() => r.value = !1), L = Xe({
+    const l = n, s = e, a = L(!1), r = L(!1), f = L(!1), C = L(!1), m = L(), { disableClickOutside: d, enableClickOutside: h } = fe(() => r.value = !1), b = Ge({
       content: l.content,
       extensions: [
-        Ne,
         Fe,
+        xe,
         oe,
         se,
         ae,
-        Ue,
-        re,
         Ye,
+        re,
         We,
-        qe,
-        xe,
         je,
-        Qe,
-        Ke.configure({
+        Xe,
+        Ue,
+        Ke,
+        qe,
+        Qe.configure({
           placeholder: l.placeholder || ""
         })
       ],
@@ -5633,22 +5633,22 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
     });
     B1(() => d());
     const c = O(() => l.showMenu !== void 0 ? l.showMenu : r.value || !l.autoHideMenu), H = O(() => r.value ? "bg-1 border-b border-default opacity-100" : "bg-2 border-b border-subtle opacity-50"), v = O(() => r.value ? "bg-2 border-t border-default opacity-100" : "bg-2 border-t border-subtle opacity-50"), g = ["start", "end", "all"], T = (P) => {
-      var o1;
+      var n1;
       const N = g.includes(P) ? P : "end";
-      (o1 = L.value) == null || o1.commands.focus(N);
-    }, E = () => {
+      (n1 = b.value) == null || n1.commands.focus(N);
+    }, z = () => {
       var P;
-      (P = L.value) == null || P.commands.blur(), r.value = !1;
-    }, y = () => C.value = !1, $ = () => r.value = !0, j = () => C.value = !1, K = (P) => {
+      (P = b.value) == null || P.commands.blur(), r.value = !1;
+    }, y = () => C.value = !1, B = () => r.value = !0, W = () => C.value = !1, Q = (P) => {
       var N;
-      return (N = L.value) == null ? void 0 : N.commands.insertContent(P);
-    }, n1 = (P) => {
-      K(P), f.value = !1;
-    }, f1 = () => C.value = !0, R = () => f.value = !0;
-    return t({ blur: E, closeInsert: () => f.value = !1, focus: T, setContent: (P) => {
+      return (N = b.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) => {
       var N;
-      return (N = L.value) == null ? void 0 : N.commands.setContent(P);
-    } }), (P, N) => p(L) ? (o(), i("section", {
+      return (N = b.value) == null ? void 0 : N.commands.setContent(P);
+    } }), (P, N) => p(b) ? (o(), i("section", {
       key: 0,
       ref_key: "editorRef",
       ref: m,
@@ -5657,7 +5657,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
       w(p(e1), {
         col: "",
         align: "stretch",
-        class: B(["relative rounded-lg font-normal focus-within:border-default", {
+        class: D(["relative rounded-lg font-normal focus-within:border-default", {
           border: !P.embedded,
           "flex-1 min-h-0": P.expandVertically,
           "shadow-sm-outline border-action": r.value,
@@ -5669,7 +5669,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
           P.headerLabel || P.headerIcon ? (o(), V(p(e1), {
             key: 0,
             tag: "header",
-            class: B(["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", H.value])
           }, {
             default: Z(() => [
               P.headerIcon ? (o(), V(p(l1), {
@@ -5686,19 +5686,19 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
             fullwidth: ""
           }, {
             default: Z(() => [
-              w(p(Ge), {
-                class: B(["flex-1 overflow-y-auto rounded-t-lg focus:outline-hidden", {
+              w(p(Je), {
+                class: D(["flex-1 overflow-y-auto rounded-t-lg focus:outline-hidden", {
                   [P.editorContentClasses]: !r.value,
                   [P.editorContentFocusClasses]: r.value
                 }]),
-                editor: p(L)
+                editor: p(b)
               }, null, 8, ["class", "editor"])
             ]),
             _: 1
           }),
           c.value ? (o(), i("nav", {
             key: 1,
-            class: B(["flex-0 min-h-0 p-1 rounded-b-lg overflow-hidden", v.value])
+            class: D(["flex-0 min-h-0 p-1 rounded-b-lg overflow-hidden", v.value])
           }, [
             w(p(e1), { justify: "between" }, {
               default: Z(() => [
@@ -5708,15 +5708,15 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
                       w(c1, {
                         icon: "undo",
                         tooltip: "Undo",
-                        onClick: N[0] || (N[0] = (o1) => {
-                          p(L).chain().focus().undo().run(), $();
+                        onClick: N[0] || (N[0] = (n1) => {
+                          p(b).chain().focus().undo().run(), B();
                         })
                       }),
                       w(c1, {
                         icon: "redo",
                         tooltip: "Redo",
-                        onClick: N[1] || (N[1] = (o1) => {
-                          p(L).chain().focus().redo().run(), $();
+                        onClick: N[1] || (N[1] = (n1) => {
+                          p(b).chain().focus().redo().run(), B();
                         })
                       })
                     ], 64)) : k("", !0),
@@ -5724,25 +5724,25 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
                       w(c1, {
                         icon: "bold",
                         tooltip: "Bold",
-                        active: p(L).isActive("bold"),
-                        onClick: N[2] || (N[2] = (o1) => {
-                          p(L).chain().focus().toggleBold().run(), $();
+                        active: p(b).isActive("bold"),
+                        onClick: N[2] || (N[2] = (n1) => {
+                          p(b).chain().focus().toggleBold().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "italics",
                         tooltip: "Italic",
-                        active: p(L).isActive("italic"),
-                        onClick: N[3] || (N[3] = (o1) => {
-                          p(L).chain().focus().toggleItalic().run(), $();
+                        active: p(b).isActive("italic"),
+                        onClick: N[3] || (N[3] = (n1) => {
+                          p(b).chain().focus().toggleItalic().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "underline",
                         tooltip: "Underline",
-                        active: p(L).isActive("underline"),
-                        onClick: N[4] || (N[4] = (o1) => {
-                          p(L).chain().focus().toggleUnderline().run(), $();
+                        active: p(b).isActive("underline"),
+                        onClick: N[4] || (N[4] = (n1) => {
+                          p(b).chain().focus().toggleUnderline().run(), B();
                         })
                       }, null, 8, ["active"])
                     ], 64)) : k("", !0),
@@ -5750,60 +5750,60 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
                       key: 2,
                       icon: "square-solid",
                       tooltip: "Yellow highlight",
-                      active: p(L).isActive("highlight"),
-                      onClick: N[5] || (N[5] = (o1) => {
-                        p(L).chain().focus().toggleHighlight().run(), $();
+                      active: p(b).isActive("highlight"),
+                      onClick: N[5] || (N[5] = (n1) => {
+                        p(b).chain().focus().toggleHighlight().run(), B();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     p(oe) ? (o(), V(c1, {
                       key: 3,
                       icon: "heading",
                       tooltip: "Heading",
-                      active: p(L).isActive("heading", { level: 1 }),
-                      onClick: N[6] || (N[6] = (o1) => {
-                        p(L).chain().focus().toggleHeading({ level: 1 }).run(), $();
+                      active: p(b).isActive("heading", { level: 1 }),
+                      onClick: N[6] || (N[6] = (n1) => {
+                        p(b).chain().focus().toggleHeading({ level: 1 }).run(), B();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     p(re) ? (o(), V(c1, {
                       key: 4,
                       icon: "link",
                       tooltip: "Add link",
-                      active: p(L).isActive("link"),
-                      onClick: N[7] || (N[7] = (o1) => {
-                        f1(), $();
+                      active: p(b).isActive("link"),
+                      onClick: N[7] || (N[7] = (n1) => {
+                        f1(), B();
                       })
                     }, null, 8, ["active"])) : k("", !0),
                     P.listStyles ? (o(), i(M, { key: 5 }, [
                       w(c1, {
                         icon: "bullet-list",
                         tooltip: "Bullet list",
-                        active: p(L).isActive("bulletList"),
-                        onClick: N[8] || (N[8] = (o1) => {
-                          p(L).chain().focus().toggleBulletList().run(), $();
+                        active: p(b).isActive("bulletList"),
+                        onClick: N[8] || (N[8] = (n1) => {
+                          p(b).chain().focus().toggleBulletList().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "numbered-list",
                         tooltip: "Numbered list",
-                        active: p(L).isActive("orderedList"),
-                        onClick: N[9] || (N[9] = (o1) => {
-                          p(L).chain().focus().toggleOrderedList().run(), $();
+                        active: p(b).isActive("orderedList"),
+                        onClick: N[9] || (N[9] = (n1) => {
+                          p(b).chain().focus().toggleOrderedList().run(), B();
                         })
                       }, null, 8, ["active"]),
                       w(c1, {
                         icon: "indent-right",
                         tooltip: "Indent right",
-                        disabled: !p(L).can().sinkListItem("listItem"),
-                        onClick: N[10] || (N[10] = (o1) => {
-                          p(L).chain().focus().sinkListItem("listItem").run(), $();
+                        disabled: !p(b).can().sinkListItem("listItem"),
+                        onClick: N[10] || (N[10] = (n1) => {
+                          p(b).chain().focus().sinkListItem("listItem").run(), B();
                         })
                       }, null, 8, ["disabled"]),
                       w(c1, {
                         icon: "indent-left",
                         tooltip: "Indent left",
-                        disabled: !p(L).can().liftListItem("listItem"),
-                        onClick: N[11] || (N[11] = (o1) => {
-                          p(L).chain().focus().liftListItem("listItem").run(), $();
+                        disabled: !p(b).can().liftListItem("listItem"),
+                        onClick: N[11] || (N[11] = (n1) => {
+                          p(b).chain().focus().liftListItem("listItem").run(), B();
                         })
                       }, null, 8, ["disabled"])
                     ], 64)) : k("", !0),
@@ -5812,16 +5812,16 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
                       highlight: "",
                       icon: P.insertIcon,
                       tooltip: P.insertTooltip,
-                      active: p(L).isActive("insert"),
-                      onClick: N[12] || (N[12] = (o1) => {
-                        R(), $();
+                      active: p(b).isActive("insert"),
+                      onClick: N[12] || (N[12] = (n1) => {
+                        E(), B();
                       })
                     }, null, 8, ["icon", "tooltip", "active"])) : k("", !0)
                   ]),
                   _: 1
                 }),
                 P.$slots.menuRight ? (o(), i("div", P0, [
-                  A(P.$slots, "menuRight")
+                  R(P.$slots, "menuRight")
                 ])) : k("", !0)
               ]),
               _: 3
@@ -5829,15 +5829,15 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
           ], 2)) : k("", !0),
           C.value ? (o(), V(A0, {
             key: 2,
-            editor: p(L),
-            onInserted: j,
+            editor: p(b),
+            onInserted: W,
             onCancel: y
           }, null, 8, ["editor"])) : k("", !0),
           f.value ? (o(), i(M, { key: 3 }, [
-            P.$slots.insert ? A(P.$slots, "insert", { key: 0 }) : (o(), V(O0, {
+            P.$slots.insert ? R(P.$slots, "insert", { key: 0 }) : (o(), V(O0, {
               key: 1,
-              onInsert: n1,
-              onCancel: N[13] || (N[13] = (o1) => f.value = !1)
+              onInsert: s1,
+              onCancel: N[13] || (N[13] = (n1) => f.value = !1)
             }))
           ], 64)) : k("", !0)
         ]),
@@ -5848,7 +5848,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
 }), N0 = { class: "relative z-0" }, F0 = {
   key: 1,
   class: "relative z-10"
-}, rt = /* @__PURE__ */ D({
+}, it = /* @__PURE__ */ $({
   __name: "TextHighlight",
   props: {
     value: {},
@@ -5859,7 +5859,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
     backgroundColor: { default: null }
   },
   setup(n) {
-    const t = n, e = b([]), l = O(() => {
+    const t = n, e = L([]), l = O(() => {
       if (!t.backgroundColor) return "";
       const a = "ring-2 shadow-sm ";
       switch (t.backgroundColor) {
@@ -5887,14 +5887,14 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
         d = f.indexOf(C, d + 1), d !== -1 && m.push(d, d + C.length);
       while (d > -1);
       const h = [];
-      let L = 0;
+      let b = 0;
       for (const c of m)
-        h.push(a.substring(L, c)), L = c;
+        h.push(a.substring(b, c)), b = c;
       return h.push(a.substring(m[m.length - 1], a.length)), h;
     };
     return A1(() => {
       e.value = t.highlight ? s(t.value, t.highlight) : [];
-    }), r1(
+    }), i1(
       () => t.highlight,
       (a) => {
         e.value = a ? s(t.value, a) : [];
@@ -5907,7 +5907,7 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
       }, [
         a.highlight && f.toLowerCase() === a.highlight.toLowerCase() ? (o(), i("span", {
           key: 0,
-          class: B(["relative z-0 rounded", [
+          class: D(["relative z-0 rounded", [
             {
               "font-bold": a.bold,
               underline: a.underline
@@ -5922,10 +5922,10 @@ const D0 = { class: "space-y-1" }, B0 = { class: "space-y-1" }, z4 = /* @__PURE_
 }), x0 = {}, U0 = { class: "ProseMirror" };
 function Y0(n, t) {
   return o(), i("section", U0, [
-    A(n.$slots, "default")
+    R(n.$slots, "default")
   ]);
 }
-const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
+const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ $({
   __name: "TiptapEditor",
   props: {
     content: {},
@@ -5935,7 +5935,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
   emits: ["blur", "change", "editor-ready", "new-line-state-changed", "focus", "enter-key"],
   setup(n, { expose: t, emit: e }) {
     var m;
-    const l = e, s = b(!1), a = Xe({
+    const l = e, s = L(!1), a = Ge({
       content: n.content,
       extensions: [
         Tt.configure({
@@ -5945,25 +5945,25 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
           onEnter: () => l("enter-key"),
           modEnterOnly: !n.shiftEnterCreatesNewLine
         }),
-        Ne,
         Fe,
+        xe,
         oe.configure({
           levels: [1, 2, 3]
         }),
         se,
         ae,
         zt,
-        Ue,
-        re,
         Ye,
+        re,
         We,
-        qe,
-        xe,
         je,
+        Xe,
+        Ue,
+        Ke,
         M0,
-        Qe,
+        qe,
         At,
-        Ke.configure({ placeholder: n.placeholder })
+        Qe.configure({ placeholder: n.placeholder })
       ],
       onCreate: () => l("editor-ready"),
       onUpdate: ({ editor: d }) => l("change", d.getMarkdown()),
@@ -5979,19 +5979,19 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
       Te.name,
       "hasUsedNewline"
     );
-    r1(r, (d) => {
+    i1(r, (d) => {
       l("new-line-state-changed", d || !1);
-    }), r1(
+    }), i1(
       () => n.placeholder,
       (d) => {
-        var h, L;
-        (L = (h = a.value) == null ? void 0 : h.extensionManager.extensions.find((c) => c.name === "placeholder")) == null || L.options.configure({ placeholder: d });
+        var h, b;
+        (b = (h = a.value) == null ? void 0 : h.extensionManager.extensions.find((c) => c.name === "placeholder")) == null || b.options.configure({ placeholder: d });
       }
     );
     const f = ["start", "end", "all"], C = (d) => {
-      var L;
+      var b;
       const h = f.includes(d) ? d : "end";
-      (L = a.value) == null || L.commands.focus(h);
+      (b = a.value) == null || b.commands.focus(h);
     };
     return t({
       editor: a,
@@ -6020,13 +6020,13 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
       toggleOrderedList: () => a.value.chain().focus().toggleOrderedList().run(),
       toggleUnderline: () => a.value.chain().focus().toggleUnderline().run(),
       undo: () => a.value.chain().focus().undo().run()
-    }), (d, h) => p(a) ? (o(), V(p(Ge), {
+    }), (d, h) => p(a) ? (o(), V(p(Je), {
       key: 0,
       class: "flex-1 focus:outline-hidden",
       editor: p(a)
     }, null, 8, ["editor"])) : k("", !0);
   }
-}), W0 = ["disabled"], j0 = { key: 1 }, I4 = /* @__PURE__ */ D({
+}), W0 = ["disabled"], j0 = { key: 1 }, I4 = /* @__PURE__ */ $({
   __name: "ToggleButton",
   props: {
     active: { type: Boolean },
@@ -6041,7 +6041,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
   },
   emits: ["click", "blur"],
   setup(n, { expose: t, emit: e }) {
-    const l = n, s = e, a = b(), r = O(() => {
+    const l = n, s = e, a = L(), r = 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 ? [
@@ -6074,11 +6074,11 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
         u("button", {
           ref_key: "buttonRef",
           ref: a,
-          class: B(["z-0 relative inline-flex items-center justify-center gap-1 h-6 leading-none text-sm border focus:z-10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", r.value]),
+          class: D(["z-0 relative inline-flex items-center justify-center gap-1 h-6 leading-none text-sm border focus:z-10 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-black dark:focus-visible:outline-white", r.value]),
           disabled: d.disabled,
           style: t1(f.value),
           onClick: C,
-          onBlur: h[0] || (h[0] = (L) => s("blur"))
+          onBlur: h[0] || (h[0] = (b) => s("blur"))
         }, [
           d.icon ? (o(), V(p(l1), {
             key: 0,
@@ -6165,19 +6165,19 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
   for (; C.length > 0 && d.length > 0; ) {
     const h = d.shift();
     if (!h) break;
-    let L = !1;
+    let b = !1;
     for (let c = C.length - 1; c >= 0; c--)
       if (C[c][e] === h.id) {
         const H = r.get(C[c][t]);
-        H && ((h.children ?? (h.children = [])).push(H), d.push(H)), C.splice(c, 1), L = !0;
+        H && ((h.children ?? (h.children = [])).push(H), d.push(H)), C.splice(c, 1), b = !0;
       }
-    if (d.length === 0 && !L && C.length > 0)
+    if (d.length === 0 && !b && C.length > 0)
       throw new Error(
         `Some items could not be attached to the tree (orphans): ${JSON.stringify(C)}`
       );
   }
   return m;
-}, q0 = { class: "flex items-center w-full h-6 pl-2 px-1 border border-default rounded-sm" }, X0 = ["value", "onKeydown"], G0 = { class: "flex items-center gap-1" }, J0 = /* @__PURE__ */ D({
+}, q0 = { class: "flex items-center w-full h-6 pl-2 px-1 border border-default rounded-sm" }, X0 = ["value", "onKeydown"], G0 = { class: "flex items-center gap-1" }, J0 = /* @__PURE__ */ $({
   __name: "InputNode",
   props: {
     value: {},
@@ -6186,8 +6186,8 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
   },
   emits: ["cancel", "change", "save"],
   setup(n, { emit: t }) {
-    const e = t, l = b(), s = b(), { disableClickOutside: a, enableClickOutside: r } = fe(() => e("cancel"));
-    i1(() => {
+    const e = t, l = L(), s = L(), { disableClickOutside: a, enableClickOutside: r } = fe(() => e("cancel"));
+    a1(() => {
       var d;
       r([s.value.$el]), (d = l.value) == null || d.focus();
     }), B1(() => a());
@@ -6226,18 +6226,18 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
           }, null, 40, X0)
         ]),
         u("aside", G0, [
-          w(p(W), {
+          w(p(j), {
             small: "",
             icon: "check",
             variant: "outlineSubtle",
             loading: d.saving,
-            onClick: h[2] || (h[2] = (L) => e("save"))
+            onClick: h[2] || (h[2] = (b) => e("save"))
           }, null, 8, ["loading"]),
-          w(p(W), {
+          w(p(j), {
             small: "",
             icon: "close",
             variant: "outlineSubtle",
-            onClick: h[3] || (h[3] = (L) => e("cancel"))
+            onClick: h[3] || (h[3] = (b) => e("cancel"))
           })
         ])
       ]),
@@ -6250,7 +6250,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
 }, eo = { class: "text-xs truncate" }, to = {
   key: 0,
   class: "relative"
-}, Y4 = /* @__PURE__ */ D({
+}, Y4 = /* @__PURE__ */ $({
   __name: "TreeList",
   props: {
     indentationAmount: { default: 20 },
@@ -6262,17 +6262,17 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
   emits: ["action", "key", "select", "toggle", "cancel-new-child", "save"],
   setup(n, { emit: t }) {
     const e = t, l = O(() => n.selection.length > 0 && n.selection[n.selection.length - 1].id === n.node.id), s = O(() => n.createNewPath.length > 0 && n.createNewPath[n.createNewPath.length - 1].id === n.node.id);
-    r1(() => s.value, (v, g) => {
+    i1(() => s.value, (v, g) => {
       !v && g && r.value && (r.value = !1), a.value = "";
     });
-    const a = b(""), r = b(!1), f = () => {
+    const a = L(""), r = L(!1), f = () => {
       e("save", a.value), r.value = !0;
     }, C = () => {
       e("cancel-new-child"), a.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 });
-    }, L = (v) => {
+    }, b = (v) => {
       const g = [n.node, ...v];
       e("key", { path: g, targetNode: g[g.length - 1] });
     }, c = (v) => {
@@ -6281,13 +6281,13 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
       e("toggle", { path: [n.node, ...v], targetNode: [n.node, ...v][[n.node, ...v].length - 1] });
     };
     return (v, g) => {
-      var E;
-      const T = Vt("TreeList", !0);
+      var z;
+      const T = kt("TreeList", !0);
       return o(), i(M, null, [
         w(p(e1), {
           tag: "button",
           justify: "between",
-          class: B(["w-full h-8 pr-1 gap-0 border-b border-default cursor-pointer", {
+          class: D(["w-full h-8 pr-1 gap-0 border-b border-default cursor-pointer", {
             "text-white bg-action border-transparent rounded-lg": l.value,
             "text-secondary hover:text-primary hover:bg-secondary": !l.value
           }]),
@@ -6318,7 +6318,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
                   (y = v.node.children) != null && y.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] = x(($) => e("toggle", { path: [v.node], targetNode: v.node }), ["stop", "prevent"]))
+                    onClick: g[0] || (g[0] = x((B) => e("toggle", { path: [v.node], targetNode: v.node }), ["stop", "prevent"]))
                   }, [
                     w(p(l1), {
                       name: v.node.open ? "chevron-down-small" : "chevron-right-small"
@@ -6334,13 +6334,13 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
               class: "flex-none"
             }, {
               default: Z(() => [
-                w(p(st), {
+                w(p(at), {
                   options: v.node.actions,
                   placement: "bottom-end",
                   onSelect: d
                 }, {
                   trigger: Z(() => [
-                    w(p(W), {
+                    w(p(j), {
                       icon: "options",
                       small: "",
                       variant: "textSubtle"
@@ -6354,7 +6354,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
           ]),
           _: 1
         }, 8, ["class", "style"]),
-        (s.value || (E = v.node.children) != null && E.length) && v.node.open ? (o(), i("main", to, [
+        (s.value || (z = v.node.children) != null && z.length) && v.node.open ? (o(), i("main", to, [
           s.value ? (o(), V(J0, {
             key: 0,
             value: a.value,
@@ -6372,11 +6372,11 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
             "create-new-path": v.createNewPath,
             selection: v.selection,
             onAction: h,
-            onCancelNewChild: g[11] || (g[11] = ($) => e("cancel-new-child")),
-            onSave: g[12] || (g[12] = ($) => e("save", $)),
-            onKey: g[13] || (g[13] = ($) => L($.path)),
-            onSelect: g[14] || (g[14] = ($) => c($.path)),
-            onToggle: g[15] || (g[15] = ($) => H($.path))
+            onCancelNewChild: g[11] || (g[11] = (B) => e("cancel-new-child")),
+            onSave: g[12] || (g[12] = (B) => e("save", B)),
+            onKey: g[13] || (g[13] = (B) => b(B.path)),
+            onSelect: g[14] || (g[14] = (B) => c(B.path)),
+            onToggle: g[15] || (g[15] = (B) => H(B.path))
           }, null, 8, ["indentation-amount", "level", "node", "create-new-path", "selection"]))), 128))
         ])) : k("", !0)
       ], 64);
@@ -6554,7 +6554,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
   "visibility-on",
   "warning",
   "zoom"
-], ze = /* @__PURE__ */ D({
+], ze = /* @__PURE__ */ $({
   __name: "RunningSection",
   props: {
     border: { type: Boolean, default: !1 },
@@ -6562,7 +6562,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
     type: { default: "header" }
   },
   setup(n) {
-    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 : ""]), a = O(() => {
+    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 : ""]), a = O(() => {
       let r;
       if (t.heightClass === "h-auto") {
         if (e.value) {
@@ -6578,16 +6578,16 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
     return (r, f) => (o(), V($1(r.type), {
       ref_key: "containerRef",
       ref: e,
-      class: B(["relative flex-none w-full overflow-hidden transition-height duration-500 ease-in-out", s.value]),
+      class: D(["relative flex-none w-full overflow-hidden transition-height duration-500 ease-in-out", s.value]),
       style: t1(a.value)
     }, {
       default: Z(() => [
-        A(r.$slots, "default")
+        R(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), es = ["header", "footer"], me = /* @__PURE__ */ D({
+}), es = ["header", "footer"], me = /* @__PURE__ */ $({
   __name: "VerticalLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -6602,7 +6602,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
       col: "",
       align: "stretch",
       justify: "start",
-      class: B(["relative h-full overflow-x-hidden", e])
+      class: D(["relative h-full overflow-x-hidden", e])
     }, {
       default: Z(() => [
         l.$slots.header ? (o(), V(ze, {
@@ -6612,7 +6612,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
           "height-class": l.headerHeightClass
         }, {
           default: Z(() => [
-            A(l.$slots, "header")
+            R(l.$slots, "header")
           ]),
           _: 3
         }, 8, ["border", "height-class"])) : k("", !0),
@@ -6621,7 +6621,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
           "wrap-class": "h-full"
         }, {
           default: Z(() => [
-            A(l.$slots, "main")
+            R(l.$slots, "main")
           ]),
           _: 3
         }),
@@ -6632,7 +6632,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
           "height-class": l.footerHeightClass
         }, {
           default: Z(() => [
-            A(l.$slots, "footer")
+            R(l.$slots, "footer")
           ]),
           _: 3
         }, 8, ["border", "height-class"])) : k("", !0)
@@ -6640,14 +6640,14 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
       _: 3
     }));
   }
-}), Q1 = "+", it = "[", dt = "]", y1 = ":", no = ["asc", "desc"], ts = ["=", "!=", "<", "<=", ">", ">="], ls = ["eq", "ne", "lt", "le", "gt", "ge"], oo = {
+}), Q1 = "+", dt = "[", ut = "]", y1 = ":", no = ["asc", "desc"], ts = ["=", "!=", "<", "<=", ">", ">="], ls = ["eq", "ne", "lt", "le", "gt", "ge"], oo = {
   eq: "=",
   ne: "!=",
   lt: "<",
   le: "<=",
   gt: ">",
   ge: ">="
-}, ut = {
+}, pt = {
   "=": "eq",
   "!=": "ne",
   "<": "lt",
@@ -6670,7 +6670,7 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
     case ">=":
       return n >= t;
   }
-}, ge = "[", be = "]", te = (n, t) => n.startsWith(t + ge) && n.endsWith(be), os = (n, t) => `${n}${ge}${t}${be}`, pt = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) && e.push({
+}, ge = "[", be = "]", te = (n, t) => n.startsWith(t + ge) && n.endsWith(be), os = (n, t) => `${n}${ge}${t}${be}`, ft = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) && e.push({
   content: Le(l, t),
   value: n[l]
 }), e), []), ss = (n, t) => {
@@ -6679,18 +6679,18 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
     content: Le(e, t),
     value: n[e]
   } : null;
-}, Le = (n, t) => n.replace(t + ge, "").replace(be, ""), so = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) || (e[l] = n[l]), e), {}), ft = (n, t, e) => Object.keys(n).reduce((l, s) => (te(s, t) ? e !== Le(s, t) && (l[s] = n[s]) : l[s] = n[s], l), {}), ct = "sort", Ct = (n, t) => `${n}${y1}${t}`, ao = (n, t) => `${n}${y1}${t}`, vt = (n, t, e) => `${n}${it}${Ct(t, e)}${dt}`, ro = (n, t) => `${n}${it}${ao("sort", t)}${dt}`, io = (n) => {
+}, Le = (n, t) => n.replace(t + ge, "").replace(be, ""), so = (n, t) => Object.keys(n).reduce((e, l) => (te(l, t) || (e[l] = n[l]), e), {}), ct = (n, t, e) => Object.keys(n).reduce((l, s) => (te(s, t) ? e !== Le(s, t) && (l[s] = n[s]) : l[s] = n[s], l), {}), Ct = "sort", vt = (n, t) => `${n}${y1}${t}`, ao = (n, t) => `${n}${y1}${t}`, ht = (n, t, e) => `${n}${dt}${vt(t, e)}${ut}`, ro = (n, t) => `${n}${dt}${ao("sort", t)}${ut}`, io = (n) => {
   if (!n.includes(y1))
     throw new Error(`Error in filter syntax: Filter must contain a filter separator "${y1}"`);
   if (!n.indexOf(y1) || n.indexOf(y1) === n.length - 1)
     throw new Error(`Error in filter syntax: filter separator cannot be in the beginning or the end of the string: [${n}]`);
   const [t, e] = n.split(y1);
   return { id: t, operator: e };
-}, as = (n) => n.split(Q1), ht = (n) => {
+}, as = (n) => n.split(Q1), mt = (n) => {
   const [t, e] = n.content.split(y1);
-  return t === ct && no.includes(e);
-}, mt = (n, t) => {
-  const e = pt(n, t), [l] = e.filter((a) => ht(a)).map((a) => {
+  return t === Ct && no.includes(e);
+}, gt = (n, t) => {
+  const e = ft(n, t), [l] = e.filter((a) => mt(a)).map((a) => {
     const [r, f] = a.content.split(y1);
     return {
       direction: f,
@@ -6702,20 +6702,20 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
     return {
       id: r,
       operator: oo[f],
-      value: n[vt(t, r, f)]
+      value: n[ht(t, r, f)]
     };
-  }).reduce((a, r) => (r.id === ct && r.operator === void 0 ? a.sorting = l : a.filters.push(r), a), { sorting: void 0, filters: [] });
-}, uo = (n, t, e) => mt(n, t).filters.find((l) => l.id === e), po = (n, t) => so(n, t), fo = (n, t, e) => {
+  }).reduce((a, r) => (r.id === Ct && r.operator === void 0 ? a.sorting = l : a.filters.push(r), a), { sorting: void 0, filters: [] });
+}, uo = (n, t, e) => gt(n, t).filters.find((l) => l.id === e), po = (n, t) => so(n, t), fo = (n, t, e) => {
   const l = uo(n, t, e);
   if (!l) return n;
-  const s = Ct(l.id, ut[l.operator]);
-  return ft(n, t, s);
+  const s = vt(l.id, pt[l.operator]);
+  return ct(n, t, s);
 }, co = (n, t) => {
-  const e = pt(n, t).find((l) => ht(l));
-  return e ? ft(n, t, e.content) : n;
+  const e = ft(n, t).find((l) => mt(l));
+  return e ? ct(n, t, e.content) : n;
 }, Co = (n, t, e, l, s) => {
   const a = { ...n };
-  return a[vt(t, e, ut[l])] = s, a;
+  return a[ht(t, e, pt[l])] = s, a;
 }, vo = (n, t, e, l) => {
   const s = { ...n };
   return s[ro(t, e)] = l, s;
@@ -6735,53 +6735,54 @@ const E4 = /* @__PURE__ */ M1(x0, [["render", Y0]]), O4 = /* @__PURE__ */ D({
     d && (h = Co(h, n, t.id, t.operator, d)), await l.push({ query: h });
   };
   return { clearFilter: a, isActive: r, updateFilter: C, values: f };
-}, is = ({ filters: n, groupId: t, items: e, remoteFilterMethod: l, defaultSorting: s, sortingMethod: a }) => {
-  const r = G1(), f = ue(), C = b(s), m = b(n), d = O(() => m.value.filter((y) => !!y.value)), h = O(() => !!d.value.length), L = b(!1), c = b([]), H = async () => {
-    if (l && e)
+}, is = ({ groupId: n, filters: t, sorting: e, items: l, remoteFilterMethod: s }) => {
+  const a = G1(), r = ue();
+  a1(() => v(a.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 () => {
+    if (s && l)
       throw new Error("You should only pass either 'items' (frontend filtering) or 'remoteFilterMethod' (backend filtering). You passed both.");
-    if (!l && !e)
+    if (!s && !l)
       throw new Error("Filters have to have either items or remoteFilterMethod to work. None was provided.");
-    if (l)
+    if (s)
       try {
-        L.value = !0;
-        const y = await l(C.value, d.value);
-        c.value = y, L.value = !1;
+        f.value = !0;
+        const z = await s(b.value, d.value);
+        C.value = z, f.value = !1;
       } catch {
-        L.value = !1;
+        f.value = !1;
       }
-    else e && (c.value = a ? a(
-      C.value,
-      e.value.filter((y) => d.value.every(($) => $.execute($.value, $.operator, y)))
-    ) : e.value.filter((y) => d.value.every(($) => $.execute($.value, $.operator, y))));
+    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))));
   };
-  r1(e ? [C, d, e] : [C, d], () => H(), { immediate: !0, deep: !0 });
-  const g = (y) => {
-    const { filters: $, sorting: j } = mt(y, t);
-    C.value = j ? E(j) : s, m.value.forEach((K) => {
-      const n1 = $.find((f1) => f1.id === K.id);
-      n1 ? (K.operator = n1.operator, K.value = n1.value) : (K.operator = "=", K.value = null);
+  i1(l ? [b, d, l] : [b, d], () => c(), { immediate: !0, deep: !0 });
+  const v = (z) => {
+    const { filters: y, sorting: B } = gt(z, n);
+    b.value = B ? T(B) : 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);
     });
-  }, T = async () => {
-    const y = po(r.query, t);
-    await f.push({ query: y });
-  }, E = (y) => ({
-    direction: y.direction,
-    field: y.field
+  }, g = async () => {
+    const z = po(a.query, n);
+    await r.push({ query: z });
+  }, T = (z) => ({
+    direction: z.direction,
+    field: z.field
   });
   return {
     activeFilters: d,
-    activeSorting: C,
+    activeSorting: b,
     availableFilters: m,
     filteringActive: h,
-    filteredItems: c,
-    loadingItems: L,
-    applyFilters: H,
-    clearFilters: T,
-    updateFilters: g
+    filteredItems: C,
+    loadingItems: f,
+    applyFilters: c,
+    clearFilters: g
   };
 }, ds = (n) => {
   const t = G1();
-  i1(() => n(t.query)), kt((e) => n(e.query));
+  a1(() => n(t.query)), Ie((e) => n(e.query));
 }, us = (n) => {
   const t = G1(), e = ue();
   if (!Oe())
@@ -6804,9 +6805,9 @@ function fs(n, t) {
     const m = a instanceof Date, d = r instanceof Date;
     if (m && d)
       return a.getTime() - r.getTime();
-    const h = new Date(a).getTime(), L = new Date(r).getTime();
-    if (!Number.isNaN(h) && !Number.isNaN(L))
-      return h - L;
+    const h = new Date(a).getTime(), b = new Date(r).getTime();
+    if (!Number.isNaN(h) && !Number.isNaN(b))
+      return h - b;
     const c = String(a).toLowerCase(), H = String(r).toLowerCase();
     return c.localeCompare(H);
   });
@@ -6818,17 +6819,17 @@ export {
   $e as BAside,
   xo as BAsideSectionLabel,
   Uo as BAvatarUpload,
-  W as BButton,
+  j as BButton,
   Yo as BButtonGroup,
   T5 as BCalendarView,
-  lt as BCheckbox,
+  nt as BCheckbox,
   _o as BCollapse,
   E1 as BConfirmCancel,
   e4 as BContentSlider,
   t4 as BDataPoint,
   R2 as BDeleteButton,
   l4 as BDialog,
-  nt as BFadeInUp,
+  ot as BFadeInUp,
   x2 as BFilterChip,
   n4 as BFirstPaint,
   e1 as BFlexbox,
@@ -6845,12 +6846,12 @@ export {
   on as BModal,
   d4 as BNavItem,
   u4 as BNotification,
-  Je as BNotificationBadge,
+  _e as BNotificationBadge,
   p4 as BPagination,
   f4 as BPanelLayout,
   c4 as BPopCalendar,
   C4 as BPopConfirm,
-  st as BPopSelect,
+  at as BPopSelect,
   v4 as BPopSelectFooterButton,
   Y1 as BPopper,
   W1 as BPopperContent,
@@ -6870,7 +6871,7 @@ export {
   D4 as BTag,
   B4 as BTagInput,
   R4 as BTextEditor,
-  rt as BTextHighlight,
+  it as BTextHighlight,
   E4 as BTextViewer,
   O4 as BTiptapEditor,
   I4 as BToggleButton,
@@ -6901,9 +6902,9 @@ export {
   I5 as dbDateTime,
   W2 as debounce,
   m4 as egdes,
-  dt as filterEndingBracket,
+  ut as filterEndingBracket,
   y1 as filterSeparator,
-  it as filterStartingBracket,
+  dt as filterStartingBracket,
   Q1 as filterValueSeparator,
   K0 as flattenTree,
   Q0 as flattenTreeNodes,
@@ -6911,11 +6912,11 @@ export {
   V5 as getDecade,
   uo as getFilterFromQuery,
   as as getFilterValues,
-  mt as getFiltersAndSortingFromQuery,
+  gt as getFiltersAndSortingFromQuery,
   o4 as getModifierKeyIcon,
   N4 as getNodeValueByPath,
   ss as getQueryObjectFromQuery,
-  pt as getQueryObjectsFromQuery,
+  ft as getQueryObjectsFromQuery,
   Ko as getWeekNumber,
   ie as hasValue,
   s4 as hasValueAndNotEmpty,
@@ -6926,7 +6927,7 @@ export {
   I1 as moveDate,
   P4 as openPath,
   ls as operatorLetters,
-  ut as operatorToLetters,
+  pt as operatorToLetters,
   ts as operators,
   C1 as parseDate,
   Qo as printDate,
@@ -6937,12 +6938,12 @@ export {
   A5 as readableDateWithDay,
   fo as removeFilterFromQuery,
   po as removeFiltersFromQuery,
-  ft as removeQueryObjectFromQuery,
+  ct as removeQueryObjectFromQuery,
   so as removeQueryObjectsFromQuery,
   co as removeSortingFromQuery,
   os as renderQueryObject,
   g4 as scrollDirections,
-  ot as scrollIntoView,
+  st as scrollIntoView,
   j2 as scrollbarWidth,
   k4 as selectOptionVariants,
   x4 as setNodeObjectValueByPath,