@vanjana/vue-ui 0.1.61 → 0.1.62

package/dist/vanjana-vue-ui.es.js

@@ -1,24 +1,24 @@
-import { createElementBlock as x, openBlock as v, createElementVNode as k, renderSlot as T, defineComponent as B, computed as C, normalizeClass as N, createBlock as P, createCommentVNode as L, createTextVNode as ze, unref as E, toDisplayString as j, useSlots as tn, mergeModels as ue, useModel as ye, ref as R, onMounted as Ae, nextTick as he, onBeforeUnmount as Oe, watch as q, resolveComponent as U, createVNode as D, normalizeStyle as Z, Fragment as be, renderList as Xe, Teleport as tt, Transition as Ie, withCtx as W, withModifiers as de, createSlots as Rt, resolveDynamicComponent as Et, mergeProps as nn, shallowRef as on, getCurrentScope as ln, onScopeDispose as an, shallowReadonly as _e, withKeys as sn, provide as rn, inject as St, toRef as Je, normalizeProps as cn, guardReactiveProps as un, isRef as dn, createApp as fn, h as mn } from "vue";
-import { useRouter as vn, useRoute as pn } from "vue-router";
+import { createElementBlock as x, openBlock as v, createElementVNode as k, renderSlot as T, defineComponent as B, computed as C, normalizeClass as N, createBlock as j, createCommentVNode as $, createTextVNode as $e, unref as R, toDisplayString as D, useSlots as on, mergeModels as ue, useModel as ye, ref as E, onMounted as Oe, nextTick as he, onBeforeUnmount as Te, watch as q, resolveComponent as U, createVNode as P, normalizeStyle as Z, Fragment as ge, renderList as Xe, Teleport as tt, Transition as Ie, withCtx as W, withModifiers as de, createSlots as Lt, resolveDynamicComponent as St, mergeProps as ln, shallowRef as an, getCurrentScope as sn, onScopeDispose as rn, shallowReadonly as _e, render as ht, withDirectives as cn, withKeys as un, provide as dn, inject as $t, toRef as Je, normalizeProps as fn, guardReactiveProps as mn, isRef as vn, createApp as pn, h as hn } from "vue";
+import { useRouter as gn, useRoute as bn } from "vue-router";
 const M = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, hn = {}, bn = { class: "button-bar" }, gn = { class: "left" }, yn = { class: "right" };
-function wn(e, n) {
-  return v(), x("div", bn, [
-    k("div", gn, [
+}, yn = {}, wn = { class: "button-bar" }, xn = { class: "left" }, _n = { class: "right" };
+function Vn(e, n) {
+  return v(), x("div", wn, [
+    k("div", xn, [
       T(e.$slots, "left", {}, void 0, !0)
     ]),
-    k("div", yn, [
+    k("div", _n, [
       T(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const xn = /* @__PURE__ */ M(hn, [["render", wn], ["__scopeId", "data-v-45a6ed1a"]]);
+const kn = /* @__PURE__ */ M(yn, [["render", Vn], ["__scopeId", "data-v-45a6ed1a"]]);
 var H = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.INFO = "fa-regular fa-circle-info", e.WARNING = "fa-regular fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e))(H || {}), X = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(X || {});
-const Te = /* @__PURE__ */ B({
+const Be = /* @__PURE__ */ B({
   __name: "icon",
   props: {
     icon: {},
@@ -30,7 +30,7 @@ const Te = /* @__PURE__ */ B({
       class: N(o.value)
     }, null, 2));
   }
-}), _n = ["disabled"], Vn = /* @__PURE__ */ B({
+}), Cn = ["disabled"], En = /* @__PURE__ */ B({
   __name: "button",
   props: {
     label: {},
@@ -46,46 +46,46 @@ const Te = /* @__PURE__ */ B({
       class: N(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (v(), P(Te, {
+      e.icon ? (v(), j(Be, {
         key: 0,
         icon: e.icon,
-        size: E(t)
-      }, null, 8, ["icon", "size"])) : L("", !0),
-      ze(" " + j(e.label), 1)
-    ], 10, _n));
+        size: R(t)
+      }, null, 8, ["icon", "size"])) : $("", !0),
+      $e(" " + D(e.label), 1)
+    ], 10, Cn));
   }
-}), $t = /* @__PURE__ */ M(Vn, [["__scopeId", "data-v-f31c33cf"]]), kn = {
+}), At = /* @__PURE__ */ M(En, [["__scopeId", "data-v-f31c33cf"]]), Rn = {
   key: 0,
   class: "header-actions"
-}, Cn = { key: 0 }, Rn = /* @__PURE__ */ B({
+}, Ln = { key: 0 }, Sn = /* @__PURE__ */ B({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = tn();
+    const n = on();
     return (t, o) => (v(), x("div", {
       class: N(["card", { scrollable: e.scrollable }])
     }, [
       k("header", null, [
-        k("h3", null, j(e.header), 1),
-        E(n).headerActions ? (v(), x("span", kn, [
+        k("h3", null, D(e.header), 1),
+        R(n).headerActions ? (v(), x("span", Rn, [
           T(t.$slots, "headerActions", {}, void 0, !0)
-        ])) : L("", !0)
+        ])) : $("", !0)
       ]),
       k("main", null, [
         T(t.$slots, "default", {}, void 0, !0)
       ]),
-      E(n).footer ? (v(), x("footer", Cn, [
+      R(n).footer ? (v(), x("footer", Ln, [
         T(t.$slots, "footer", {}, void 0, !0)
-      ])) : L("", !0)
+      ])) : $("", !0)
     ], 2));
   }
-}), Lt = /* @__PURE__ */ M(Rn, [["__scopeId", "data-v-ec6ab562"]]), En = { class: "checkbox" }, Sn = ["checked", "disabled"], $n = {
+}), Ot = /* @__PURE__ */ M(Sn, [["__scopeId", "data-v-ec6ab562"]]), $n = { class: "checkbox" }, An = ["checked", "disabled"], On = {
   key: 0,
   class: "checkbox-label"
-}, Ln = /* @__PURE__ */ B({
+}, Tn = /* @__PURE__ */ B({
   __name: "checkbox",
   props: /* @__PURE__ */ ue({
     label: {},
@@ -100,14 +100,14 @@ const Te = /* @__PURE__ */ B({
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (v(), x("label", En, [
+    return (o, l) => (v(), x("label", $n, [
       k("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "checkbox-input"
-      }, null, 40, Sn),
+      }, null, 40, An),
       l[0] || (l[0] = k("span", { class: "checkbox-box" }, [
         k("svg", {
           class: "checkbox-icon",
@@ -125,13 +125,13 @@ const Te = /* @__PURE__ */ B({
           })
         ])
       ], -1)),
-      e.label ? (v(), x("span", $n, j(e.label), 1)) : L("", !0)
+      e.label ? (v(), x("span", On, D(e.label), 1)) : $("", !0)
     ]));
   }
-}), Ca = /* @__PURE__ */ M(Ln, [["__scopeId", "data-v-e2d27ecb"]]), An = ["aria-label"], On = {
+}), Ma = /* @__PURE__ */ M(Tn, [["__scopeId", "data-v-e2d27ecb"]]), Bn = ["aria-label"], Mn = {
   key: 0,
   class: "carousel-indicators"
-}, Tn = /* @__PURE__ */ B({
+}, Pn = /* @__PURE__ */ B({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -142,99 +142,99 @@ const Te = /* @__PURE__ */ B({
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, s = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, r = n.ariaLabel ?? "Carousel", i = R(Math.max(0, a)), u = R(null), c = R(null), d = R(0), m = R(0);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, s = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, r = n.ariaLabel ?? "Carousel", i = E(Math.max(0, a)), c = E(null), u = E(null), d = E(0), m = E(0);
     let f = !1;
-    const p = R(0), y = R(!1);
+    const p = E(0), y = E(!1);
     let V = null, w = null;
-    const _ = R(null), h = R(null), O = () => {
-      p.value = u.value ? u.value.children.length : 0, p.value === 0 ? i.value = 0 : i.value >= p.value && (i.value = l ? 0 : p.value - 1), F();
+    const _ = E(null), h = E(null), O = () => {
+      p.value = c.value ? c.value.children.length : 0, p.value === 0 ? i.value = 0 : i.value >= p.value && (i.value = l ? 0 : p.value - 1), F();
     }, A = C(() => d.value > 0 ? { transform: `translateX(${-i.value * d.value + m.value}px)` } : { transform: `translateX(-${i.value * 100}%)` }), F = () => {
-      u.value && Array.from(u.value.children).forEach((S, ve) => {
+      c.value && Array.from(c.value.children).forEach((L, ve) => {
         try {
-          ve === i.value ? S.removeAttribute("aria-hidden") : S.setAttribute("aria-hidden", "true");
+          ve === i.value ? L.removeAttribute("aria-hidden") : L.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
-    }, b = () => {
-      g(), !(!t || p.value <= 1) && (s && y.value || (V = setTimeout(() => {
-        z(), b();
-      }, o)));
     }, g = () => {
+      b(), !(!t || p.value <= 1) && (s && y.value || (V = setTimeout(() => {
+        z(), g();
+      }, o)));
+    }, b = () => {
       V && (clearTimeout(V), V = null);
-    }, $ = () => {
+    }, S = () => {
       p.value !== 0 && (i.value <= 0 ? i.value = l ? p.value - 1 : 0 : i.value--);
     }, z = () => {
       p.value !== 0 && (i.value >= p.value - 1 ? i.value = l ? 0 : p.value - 1 : i.value++);
-    }, I = (S) => {
-      S < 0 || S >= p.value || (i.value = S);
+    }, I = (L) => {
+      L < 0 || L >= p.value || (i.value = L);
     }, se = () => {
-      y.value = !0, s && g();
+      y.value = !0, s && b();
     }, ie = () => {
-      y.value = !1, b();
-    }, re = (S) => {
-      S.key === "ArrowLeft" ? $() : S.key === "ArrowRight" && z();
+      y.value = !1, g();
+    }, re = (L) => {
+      L.key === "ArrowLeft" ? S() : L.key === "ArrowRight" && z();
     };
     let xe = 0, J = 0;
-    const ne = (S) => {
-      xe = S.touches[0].clientX, J = 0;
-    }, K = (S) => {
-      J = S.touches[0].clientX - xe;
+    const ne = (L) => {
+      xe = L.touches[0].clientX, J = 0;
+    }, K = (L) => {
+      J = L.touches[0].clientX - xe;
     }, Q = () => {
-      J > 50 ? $() : J < -50 && z(), J = 0;
+      J > 50 ? S() : J < -50 && z(), J = 0;
     };
     let De = 0;
-    const dt = (S) => {
-      if (S.isPrimary !== !1 && !(S.pointerType === "mouse" && S.button !== 0)) {
-        f = !0, De = S.clientX, m.value = 0, g();
+    const dt = (L) => {
+      if (L.isPrimary !== !1 && !(L.pointerType === "mouse" && L.button !== 0)) {
+        f = !0, De = L.clientX, m.value = 0, b();
         try {
-          S.target?.setPointerCapture?.(S.pointerId);
+          L.target?.setPointerCapture?.(L.pointerId);
         } catch {
         }
       }
-    }, ft = (S) => {
-      f && (m.value = S.clientX - De, S.preventDefault());
+    }, ft = (L) => {
+      f && (m.value = L.clientX - De, L.preventDefault());
     }, mt = () => {
       if (!f) return;
       f = !1;
-      const S = Math.max(50, d.value * 0.15);
-      m.value > S ? $() : m.value < -S && z(), m.value = 0, b();
-    }, vt = (S) => {
+      const L = Math.max(50, d.value * 0.15);
+      m.value > L ? S() : m.value < -L && z(), m.value = 0, g();
+    }, vt = (L) => {
       try {
-        S.target?.releasePointerCapture?.(S.pointerId);
+        L.target?.releasePointerCapture?.(L.pointerId);
       } catch {
       }
       mt();
     }, pt = () => mt();
-    return Ae(() => {
+    return Oe(() => {
       he(() => {
-        if (O(), u.value && (w = new MutationObserver(O), w.observe(u.value, { childList: !0 }), u.value.addEventListener("touchstart", ne, { passive: !0 }), u.value.addEventListener("touchmove", K, { passive: !0 }), u.value.addEventListener("touchend", Q)), c.value) {
-          const S = () => {
-            d.value = c.value ? c.value.clientWidth : 0;
+        if (O(), c.value && (w = new MutationObserver(O), w.observe(c.value, { childList: !0 }), c.value.addEventListener("touchstart", ne, { passive: !0 }), c.value.addEventListener("touchmove", K, { passive: !0 }), c.value.addEventListener("touchend", Q)), u.value) {
+          const L = () => {
+            d.value = u.value ? u.value.clientWidth : 0;
           };
-          S();
+          L();
           const ve = window.ResizeObserver;
-          if (ve && c.value) {
-            const pe = new ve(() => S());
-            pe.observe(c.value), _.value = pe;
+          if (ve && u.value) {
+            const pe = new ve(() => L());
+            pe.observe(u.value), _.value = pe;
           } else
-            window.addEventListener("resize", S), h.value = S;
-          c.value && (c.value.addEventListener("pointerdown", dt), c.value.addEventListener("pointermove", ft), c.value.addEventListener("pointerup", vt), c.value.addEventListener("pointercancel", pt));
+            window.addEventListener("resize", L), h.value = L;
+          u.value && (u.value.addEventListener("pointerdown", dt), u.value.addEventListener("pointermove", ft), u.value.addEventListener("pointerup", vt), u.value.addEventListener("pointercancel", pt));
         }
-        F(), b();
+        F(), g();
       });
-    }), Oe(() => {
-      g(), w && u.value && w.disconnect(), u.value && (u.value.removeEventListener("touchstart", ne), u.value.removeEventListener("touchmove", K), u.value.removeEventListener("touchend", Q)), c.value && (_.value && _.value.disconnect && _.value.disconnect(), h.value && window.removeEventListener("resize", h.value), c.value.removeEventListener("pointerdown", dt), c.value.removeEventListener("pointermove", ft), c.value.removeEventListener("pointerup", vt), c.value.removeEventListener("pointercancel", pt));
+    }), Te(() => {
+      b(), w && c.value && w.disconnect(), c.value && (c.value.removeEventListener("touchstart", ne), c.value.removeEventListener("touchmove", K), c.value.removeEventListener("touchend", Q)), u.value && (_.value && _.value.disconnect && _.value.disconnect(), h.value && window.removeEventListener("resize", h.value), u.value.removeEventListener("pointerdown", dt), u.value.removeEventListener("pointermove", ft), u.value.removeEventListener("pointerup", vt), u.value.removeEventListener("pointercancel", pt));
     }), q([i, () => p.value], () => {
       F();
     }), q([() => y.value, i], () => {
-      b();
-    }), (S, ve) => {
+      g();
+    }), (L, ve) => {
       const pe = U("VjButton");
       return v(), x("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": E(r),
+        "aria-label": R(r),
         tabindex: "0",
         onKeydown: re,
         onMouseenter: se,
@@ -243,45 +243,45 @@ const Te = /* @__PURE__ */ B({
         k("div", {
           class: "carousel-window",
           ref_key: "windowRef",
-          ref: c
+          ref: u
         }, [
           k("div", {
             class: "carousel-track",
             ref_key: "track",
-            ref: u,
+            ref: c,
             style: Z(A.value)
           }, [
-            T(S.$slots, "default", {}, void 0, !0)
+            T(L.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
-        D(pe, {
+        P(pe, {
           class: "carousel-btn prev",
-          icon: E(H).PREVIOUS,
-          onClick: $,
+          icon: R(H).PREVIOUS,
+          onClick: S,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
-        D(pe, {
+        P(pe, {
           class: "carousel-btn next",
-          icon: E(H).NEXT,
+          icon: R(H).NEXT,
           onClick: z,
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        p.value > 1 ? (v(), x("div", On, [
-          (v(!0), x(be, null, Xe(p.value, (Se) => (v(), P(pe, {
-            key: Se - 1,
-            class: N(["indicator", { active: Se - 1 === i.value }]),
-            onClick: (_a) => I(Se - 1),
-            "aria-current": Se - 1 === i.value,
-            "aria-label": `Go to slide ${Se}`,
+        p.value > 1 ? (v(), x("div", Mn, [
+          (v(!0), x(ge, null, Xe(p.value, (Le) => (v(), j(pe, {
+            key: Le - 1,
+            class: N(["indicator", { active: Le - 1 === i.value }]),
+            onClick: (Oa) => I(Le - 1),
+            "aria-current": Le - 1 === i.value,
+            "aria-label": `Go to slide ${Le}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
-        ])) : L("", !0)
-      ], 40, An);
+        ])) : $("", !0)
+      ], 40, Bn);
     };
   }
-}), Bn = /* @__PURE__ */ M(Tn, [["__scopeId", "data-v-232abca2"]]), Mn = { class: "dialog-content" }, Pn = { key: 1 }, Fn = { class: "dialog-footer" }, Dn = /* @__PURE__ */ B({
+}), jn = /* @__PURE__ */ M(Pn, [["__scopeId", "data-v-232abca2"]]), Fn = { class: "dialog-content" }, Dn = { key: 1 }, zn = { class: "dialog-footer" }, In = /* @__PURE__ */ B({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -298,10 +298,10 @@ const Te = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue", "confirm", "cancel", "close"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = R(t.modelValue);
+    const t = e, o = n, l = E(t.modelValue);
     q(
       () => t.modelValue,
-      (c) => l.value = c
+      (u) => l.value = u
     );
     const s = () => {
       l.value = !1, o("update:modelValue", !1), o("close");
@@ -311,24 +311,24 @@ const Te = /* @__PURE__ */ B({
       o("cancel"), s();
     }, i = () => {
       t.closeOnBackdrop && s();
-    }, u = (c) => {
-      c.key === "Escape" && t.closeOnEscape && l.value && s();
+    }, c = (u) => {
+      u.key === "Escape" && t.closeOnEscape && l.value && s();
     };
-    return Ae(() => {
-      document.addEventListener("keydown", u);
-    }), Oe(() => {
-      document.removeEventListener("keydown", u);
-    }), (c, d) => {
+    return Oe(() => {
+      document.addEventListener("keydown", c);
+    }), Te(() => {
+      document.removeEventListener("keydown", c);
+    }), (u, d) => {
       const m = U("VjIcon"), f = U("VjButton"), p = U("VjCard");
-      return v(), P(tt, { to: "body" }, [
-        D(Ie, { name: "dialog-fade" }, {
+      return v(), j(tt, { to: "body" }, [
+        P(Ie, { name: "dialog-fade" }, {
           default: W(() => [
             l.value ? (v(), x("div", {
               key: 0,
               class: "dialog-backdrop",
               onClick: i
             }, [
-              D(Ie, { name: "dialog-scale" }, {
+              P(Ie, { name: "dialog-scale" }, {
                 default: W(() => [
                   l.value ? (v(), x("div", {
                     key: 0,
@@ -336,21 +336,21 @@ const Te = /* @__PURE__ */ B({
                     onClick: d[0] || (d[0] = de(() => {
                     }, ["stop"]))
                   }, [
-                    D(p, {
+                    P(p, {
                       class: "dialog-card",
                       header: e.title || ""
-                    }, Rt({
+                    }, Lt({
                       headerActions: W(() => [
-                        D(m, {
-                          icon: E(H).CLOSE,
-                          size: E(X).S,
+                        P(m, {
+                          icon: R(H).CLOSE,
+                          size: R(X).S,
                           class: "dialog-close",
                           onClick: s
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: W(() => [
-                        k("div", Mn, [
-                          e.component ? (v(), P(Et(e.component), nn({ key: 0 }, e.componentProps, { onClose: s }), null, 16)) : e.message ? (v(), x("div", Pn, j(e.message), 1)) : T(c.$slots, "default", { key: 2 }, void 0, !0)
+                        k("div", Fn, [
+                          e.component ? (v(), j(St(e.component), ln({ key: 0 }, e.componentProps, { onClose: s }), null, 16)) : e.message ? (v(), x("div", Dn, D(e.message), 1)) : T(u.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -358,15 +358,15 @@ const Te = /* @__PURE__ */ B({
                       e.showFooter ? {
                         name: "footer",
                         fn: W(() => [
-                          k("div", Fn, [
-                            T(c.$slots, "footer", {}, () => [
-                              e.showCancel ? (v(), P(f, {
+                          k("div", zn, [
+                            T(u.$slots, "footer", {}, () => [
+                              e.showCancel ? (v(), j(f, {
                                 key: 0,
                                 secondary: "",
                                 onClick: r,
                                 label: e.cancelText
-                              }, null, 8, ["label"])) : L("", !0),
-                              D(f, {
+                              }, null, 8, ["label"])) : $("", !0),
+                              P(f, {
                                 primary: "",
                                 onClick: a,
                                 label: e.confirmText
@@ -377,89 +377,89 @@ const Te = /* @__PURE__ */ B({
                         key: "0"
                       } : void 0
                     ]), 1032, ["header"])
-                  ])) : L("", !0)
+                  ])) : $("", !0)
                 ]),
                 _: 3
               })
-            ])) : L("", !0)
+            ])) : $("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), At = /* @__PURE__ */ M(Dn, [["__scopeId", "data-v-6af510b3"]]), Re = Math.min, G = Math.max, Ne = Math.round, je = Math.floor, oe = (e) => ({
+}), Tt = /* @__PURE__ */ M(In, [["__scopeId", "data-v-6af510b3"]]), Ee = Math.min, G = Math.max, Ne = Math.round, ze = Math.floor, oe = (e) => ({
   x: e,
   y: e
-}), jn = {
+}), Nn = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, zn = {
+}, Hn = {
   start: "end",
   end: "start"
 };
-function ht(e, n, t) {
-  return G(e, Re(n, t));
+function gt(e, n, t) {
+  return G(e, Ee(n, t));
 }
-function Be(e, n) {
+function Me(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function fe(e) {
   return e.split("-")[0];
 }
-function Me(e) {
+function Pe(e) {
   return e.split("-")[1];
 }
-function Ot(e) {
+function Bt(e) {
   return e === "x" ? "y" : "x";
 }
-function Tt(e) {
+function Mt(e) {
   return e === "y" ? "height" : "width";
 }
-const In = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Wn = /* @__PURE__ */ new Set(["top", "bottom"]);
 function ce(e) {
-  return In.has(fe(e)) ? "y" : "x";
+  return Wn.has(fe(e)) ? "y" : "x";
 }
-function Bt(e) {
-  return Ot(ce(e));
+function Pt(e) {
+  return Bt(ce(e));
 }
-function Nn(e, n, t) {
+function Un(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Me(e), l = Bt(e), s = Tt(l);
+  const o = Pe(e), l = Pt(e), s = Mt(l);
   let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[s] > n.floating[s] && (a = He(a)), [a, He(a)];
 }
-function Hn(e) {
+function Xn(e) {
   const n = He(e);
   return [Ze(e), n, Ze(n)];
 }
 function Ze(e) {
-  return e.replace(/start|end/g, (n) => zn[n]);
+  return e.replace(/start|end/g, (n) => Hn[n]);
 }
-const bt = ["left", "right"], gt = ["right", "left"], Wn = ["top", "bottom"], Un = ["bottom", "top"];
-function Xn(e, n, t) {
+const bt = ["left", "right"], yt = ["right", "left"], Kn = ["top", "bottom"], qn = ["bottom", "top"];
+function Gn(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? gt : bt : n ? bt : gt;
+      return t ? n ? yt : bt : n ? bt : yt;
     case "left":
     case "right":
-      return n ? Wn : Un;
+      return n ? Kn : qn;
     default:
       return [];
   }
 }
-function Kn(e, n, t, o) {
-  const l = Me(e);
-  let s = Xn(fe(e), t === "start", o);
+function Yn(e, n, t, o) {
+  const l = Pe(e);
+  let s = Gn(fe(e), t === "start", o);
   return l && (s = s.map((a) => a + "-" + l), n && (s = s.concat(s.map(Ze)))), s;
 }
 function He(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => jn[n]);
+  return e.replace(/left|right|bottom|top/g, (n) => Nn[n]);
 }
-function qn(e) {
+function Jn(e) {
   return {
     top: 0,
     right: 0,
@@ -468,8 +468,8 @@ function qn(e) {
     ...e
   };
 }
-function Gn(e) {
-  return typeof e != "number" ? qn(e) : {
+function Qn(e) {
+  return typeof e != "number" ? Jn(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -494,23 +494,23 @@ function We(e) {
     y: t
   };
 }
-function yt(e, n, t) {
+function wt(e, n, t) {
   let {
     reference: o,
     floating: l
   } = e;
-  const s = ce(n), a = Bt(n), r = Tt(a), i = fe(n), u = s === "y", c = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, m = o[r] / 2 - l[r] / 2;
+  const s = ce(n), a = Pt(n), r = Mt(a), i = fe(n), c = s === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, m = o[r] / 2 - l[r] / 2;
   let f;
   switch (i) {
     case "top":
       f = {
-        x: c,
+        x: u,
         y: o.y - l.height
       };
       break;
     case "bottom":
       f = {
-        x: c,
+        x: u,
         y: o.y + o.height
       };
       break;
@@ -532,31 +532,31 @@ function yt(e, n, t) {
         y: o.y
       };
   }
-  switch (Me(n)) {
+  switch (Pe(n)) {
     case "start":
-      f[a] -= m * (t && u ? -1 : 1);
+      f[a] -= m * (t && c ? -1 : 1);
       break;
     case "end":
-      f[a] += m * (t && u ? -1 : 1);
+      f[a] += m * (t && c ? -1 : 1);
       break;
   }
   return f;
 }
-const Yn = async (e, n, t) => {
+const Zn = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
     middleware: s = [],
     platform: a
   } = t, r = s.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(n));
-  let u = await a.getElementRects({
+  let c = await a.getElementRects({
     reference: e,
     floating: n,
     strategy: l
   }), {
-    x: c,
+    x: u,
     y: d
-  } = yt(u, o, i), m = o, f = {}, p = 0;
+  } = wt(c, o, i), m = o, f = {}, p = 0;
   for (let y = 0; y < r.length; y++) {
     const {
       name: V,
@@ -567,36 +567,36 @@ const Yn = async (e, n, t) => {
       data: O,
       reset: A
     } = await w({
-      x: c,
+      x: u,
       y: d,
       initialPlacement: o,
       placement: m,
       strategy: l,
       middlewareData: f,
-      rects: u,
+      rects: c,
       platform: a,
       elements: {
         reference: e,
         floating: n
       }
     });
-    c = _ ?? c, d = h ?? d, f = {
+    u = _ ?? u, d = h ?? d, f = {
       ...f,
       [V]: {
         ...f[V],
         ...O
       }
-    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (m = A.placement), A.rects && (u = A.rects === !0 ? await a.getElementRects({
+    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (m = A.placement), A.rects && (c = A.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: l
     }) : A.rects), {
-      x: c,
+      x: u,
       y: d
-    } = yt(u, m, i)), y = -1);
+    } = wt(c, m, i)), y = -1);
   }
   return {
-    x: c,
+    x: u,
     y: d,
     placement: m,
     strategy: l,
@@ -614,15 +614,15 @@ async function nt(e, n) {
     elements: r,
     strategy: i
   } = e, {
-    boundary: u = "clippingAncestors",
-    rootBoundary: c = "viewport",
+    boundary: c = "clippingAncestors",
+    rootBoundary: u = "viewport",
     elementContext: d = "floating",
     altBoundary: m = !1,
     padding: f = 0
-  } = Be(n, e), p = Gn(f), V = r[m ? d === "floating" ? "reference" : "floating" : d], w = We(await s.getClippingRect({
+  } = Me(n, e), p = Qn(f), V = r[m ? d === "floating" ? "reference" : "floating" : d], w = We(await s.getClippingRect({
     element: (t = await (s.isElement == null ? void 0 : s.isElement(V))) == null || t ? V : V.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
-    boundary: u,
-    rootBoundary: c,
+    boundary: c,
+    rootBoundary: u,
     strategy: i
   })), _ = d === "floating" ? {
     x: o,
@@ -648,7 +648,7 @@ async function nt(e, n) {
     right: (A.right - w.right + p.right) / O.x
   };
 }
-const Jn = function(e) {
+const eo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -660,32 +660,32 @@ const Jn = function(e) {
         rects: a,
         initialPlacement: r,
         platform: i,
-        elements: u
+        elements: c
       } = n, {
-        mainAxis: c = !0,
+        mainAxis: u = !0,
         crossAxis: d = !0,
         fallbackPlacements: m,
         fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: y = !0,
         ...V
-      } = Be(e, n);
+      } = Me(e, n);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const w = fe(l), _ = ce(r), h = fe(r) === r, O = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), A = m || (h || !y ? [He(r)] : Hn(r)), F = p !== "none";
-      !m && F && A.push(...Kn(r, y, p, O));
-      const b = [r, ...A], g = await nt(n, V), $ = [];
+      const w = fe(l), _ = ce(r), h = fe(r) === r, O = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), A = m || (h || !y ? [He(r)] : Xn(r)), F = p !== "none";
+      !m && F && A.push(...Yn(r, y, p, O));
+      const g = [r, ...A], b = await nt(n, V), S = [];
       let z = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (c && $.push(g[w]), d) {
-        const re = Nn(l, a, O);
-        $.push(g[re[0]], g[re[1]]);
+      if (u && S.push(b[w]), d) {
+        const re = Un(l, a, O);
+        S.push(b[re[0]], b[re[1]]);
       }
       if (z = [...z, {
         placement: l,
-        overflows: $
-      }], !$.every((re) => re <= 0)) {
+        overflows: S
+      }], !S.every((re) => re <= 0)) {
         var I, se;
-        const re = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, xe = b[re];
+        const re = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, xe = g[re];
         if (xe && (!(d === "alignment" ? _ !== ce(xe) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         z.every((K) => ce(K.placement) === _ ? K.overflows[0] > 0 : !0)))
@@ -729,13 +729,13 @@ const Jn = function(e) {
       return {};
     }
   };
-}, Qn = /* @__PURE__ */ new Set(["left", "top"]);
-async function Zn(e, n) {
+}, to = /* @__PURE__ */ new Set(["left", "top"]);
+async function no(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = fe(t), r = Me(t), i = ce(t) === "y", u = Qn.has(a) ? -1 : 1, c = s && i ? -1 : 1, d = Be(n, e);
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = fe(t), r = Pe(t), i = ce(t) === "y", c = to.has(a) ? -1 : 1, u = s && i ? -1 : 1, d = Me(n, e);
   let {
     mainAxis: m,
     crossAxis: f,
@@ -750,14 +750,14 @@ async function Zn(e, n) {
     alignmentAxis: d.alignmentAxis
   };
   return r && typeof p == "number" && (f = r === "end" ? p * -1 : p), i ? {
-    x: f * c,
-    y: m * u
+    x: f * u,
+    y: m * c
   } : {
-    x: m * u,
-    y: f * c
+    x: m * c,
+    y: f * u
   };
 }
-const eo = function(e) {
+const oo = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -768,7 +768,7 @@ const eo = function(e) {
         y: s,
         placement: a,
         middlewareData: r
-      } = n, i = await Zn(n, e);
+      } = n, i = await no(n, e);
       return a === ((t = r.offset) == null ? void 0 : t.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: l + i.x,
         y: s + i.y,
@@ -779,7 +779,7 @@ const eo = function(e) {
       };
     }
   };
-}, to = function(e) {
+}, lo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -804,18 +804,18 @@ const eo = function(e) {
           }
         },
         ...i
-      } = Be(e, n), u = {
+      } = Me(e, n), c = {
         x: t,
         y: o
-      }, c = await nt(n, i), d = ce(fe(l)), m = Ot(d);
-      let f = u[m], p = u[d];
+      }, u = await nt(n, i), d = ce(fe(l)), m = Bt(d);
+      let f = c[m], p = c[d];
       if (s) {
-        const V = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", _ = f + c[V], h = f - c[w];
-        f = ht(_, f, h);
+        const V = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", _ = f + u[V], h = f - u[w];
+        f = gt(_, f, h);
       }
       if (a) {
-        const V = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", _ = p + c[V], h = p - c[w];
-        p = ht(_, p, h);
+        const V = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", _ = p + u[V], h = p - u[w];
+        p = gt(_, p, h);
       }
       const y = r.fn({
         ...n,
@@ -835,7 +835,7 @@ const eo = function(e) {
       };
     }
   };
-}, no = function(e) {
+}, ao = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -849,26 +849,26 @@ const eo = function(e) {
       } = n, {
         apply: i = () => {
         },
-        ...u
-      } = Be(e, n), c = await nt(n, u), d = fe(l), m = Me(l), f = ce(l) === "y", {
+        ...c
+      } = Me(e, n), u = await nt(n, c), d = fe(l), m = Pe(l), f = ce(l) === "y", {
         width: p,
         height: y
       } = s.floating;
       let V, w;
       d === "top" || d === "bottom" ? (V = d, w = m === (await (a.isRTL == null ? void 0 : a.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (w = d, V = m === "end" ? "top" : "bottom");
-      const _ = y - c.top - c.bottom, h = p - c.left - c.right, O = Re(y - c[V], _), A = Re(p - c[w], h), F = !n.middlewareData.shift;
-      let b = O, g = A;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (g = h), (o = n.middlewareData.shift) != null && o.enabled.y && (b = _), F && !m) {
-        const z = G(c.left, 0), I = G(c.right, 0), se = G(c.top, 0), ie = G(c.bottom, 0);
-        f ? g = p - 2 * (z !== 0 || I !== 0 ? z + I : G(c.left, c.right)) : b = y - 2 * (se !== 0 || ie !== 0 ? se + ie : G(c.top, c.bottom));
+      const _ = y - u.top - u.bottom, h = p - u.left - u.right, O = Ee(y - u[V], _), A = Ee(p - u[w], h), F = !n.middlewareData.shift;
+      let g = O, b = A;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (b = h), (o = n.middlewareData.shift) != null && o.enabled.y && (g = _), F && !m) {
+        const z = G(u.left, 0), I = G(u.right, 0), se = G(u.top, 0), ie = G(u.bottom, 0);
+        f ? b = p - 2 * (z !== 0 || I !== 0 ? z + I : G(u.left, u.right)) : g = y - 2 * (se !== 0 || ie !== 0 ? se + ie : G(u.top, u.bottom));
       }
       await i({
         ...n,
-        availableWidth: g,
-        availableHeight: b
+        availableWidth: b,
+        availableHeight: g
       });
-      const $ = await a.getDimensions(r.floating);
-      return p !== $.width || y !== $.height ? {
+      const S = await a.getDimensions(r.floating);
+      return p !== S.width || y !== S.height ? {
         reset: {
           rects: !0
         }
@@ -899,26 +899,26 @@ function ee(e) {
 function le(e) {
   return Ke() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
 }
-function wt(e) {
+function xt(e) {
   return !Ke() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
 }
-const oo = /* @__PURE__ */ new Set(["inline", "contents"]);
-function Pe(e) {
+const so = /* @__PURE__ */ new Set(["inline", "contents"]);
+function je(e) {
   const {
     overflow: n,
     overflowX: t,
     overflowY: o,
     display: l
   } = te(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !oo.has(l);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !so.has(l);
 }
-const lo = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ao(e) {
-  return lo.has(we(e));
+const io = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function ro(e) {
+  return io.has(we(e));
 }
-const so = [":popover-open", ":modal"];
+const co = [":popover-open", ":modal"];
 function qe(e) {
-  return so.some((n) => {
+  return co.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -926,14 +926,14 @@ function qe(e) {
     }
   });
 }
-const io = ["transform", "translate", "scale", "rotate", "perspective"], ro = ["transform", "translate", "scale", "rotate", "perspective", "filter"], co = ["paint", "layout", "strict", "content"];
+const uo = ["transform", "translate", "scale", "rotate", "perspective"], fo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], mo = ["paint", "layout", "strict", "content"];
 function lt(e) {
   const n = at(), t = ee(e) ? te(e) : e;
-  return io.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || ro.some((o) => (t.willChange || "").includes(o)) || co.some((o) => (t.contain || "").includes(o));
+  return uo.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || fo.some((o) => (t.willChange || "").includes(o)) || mo.some((o) => (t.contain || "").includes(o));
 }
-function uo(e) {
+function vo(e) {
   let n = me(e);
-  for (; le(n) && !Ee(n); ) {
+  for (; le(n) && !Re(n); ) {
     if (lt(n))
       return n;
     if (qe(n))
@@ -945,9 +945,9 @@ function uo(e) {
 function at() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const fo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Ee(e) {
-  return fo.has(we(e));
+const po = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Re(e) {
+  return po.has(we(e));
 }
 function te(e) {
   return Y(e).getComputedStyle(e);
@@ -968,29 +968,29 @@ function me(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    wt(e) && e.host || // Fallback.
+    xt(e) && e.host || // Fallback.
     ae(e)
   );
-  return wt(n) ? n.host : n;
+  return xt(n) ? n.host : n;
 }
-function Mt(e) {
+function jt(e) {
   const n = me(e);
-  return Ee(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : le(n) && Pe(n) ? n : Mt(n);
+  return Re(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : le(n) && je(n) ? n : jt(n);
 }
-function Le(e, n, t) {
+function Ae(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = Mt(e), s = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = Y(l);
+  const l = jt(e), s = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = Y(l);
   if (s) {
     const r = et(a);
-    return n.concat(a, a.visualViewport || [], Pe(l) ? l : [], r && t ? Le(r) : []);
+    return n.concat(a, a.visualViewport || [], je(l) ? l : [], r && t ? Ae(r) : []);
   }
-  return n.concat(l, Le(l, [], t));
+  return n.concat(l, Ae(l, [], t));
 }
 function et(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Pt(e) {
+function Ft(e) {
   const n = te(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
   const l = le(e), s = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, r = Ne(t) !== s || Ne(o) !== a;
@@ -1011,58 +1011,58 @@ function ke(e) {
     width: o,
     height: l,
     $: s
-  } = Pt(n);
+  } = Ft(n);
   let a = (s ? Ne(t.width) : t.width) / o, r = (s ? Ne(t.height) : t.height) / l;
   return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
     y: r
   };
 }
-const mo = /* @__PURE__ */ oe(0);
-function Ft(e) {
+const ho = /* @__PURE__ */ oe(0);
+function Dt(e) {
   const n = Y(e);
-  return !at() || !n.visualViewport ? mo : {
+  return !at() || !n.visualViewport ? ho : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function vo(e, n, t) {
+function go(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== Y(e) ? !1 : n;
 }
-function ge(e, n, t, o) {
+function be(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
   const l = e.getBoundingClientRect(), s = st(e);
   let a = oe(1);
   n && (o ? ee(o) && (a = ke(o)) : a = ke(e));
-  const r = vo(s, t, o) ? Ft(s) : oe(0);
-  let i = (l.left + r.x) / a.x, u = (l.top + r.y) / a.y, c = l.width / a.x, d = l.height / a.y;
+  const r = go(s, t, o) ? Dt(s) : oe(0);
+  let i = (l.left + r.x) / a.x, c = (l.top + r.y) / a.y, u = l.width / a.x, d = l.height / a.y;
   if (s) {
     const m = Y(s), f = o && ee(o) ? Y(o) : o;
     let p = m, y = et(p);
     for (; y && o && f !== p; ) {
       const V = ke(y), w = y.getBoundingClientRect(), _ = te(y), h = w.left + (y.clientLeft + parseFloat(_.paddingLeft)) * V.x, O = w.top + (y.clientTop + parseFloat(_.paddingTop)) * V.y;
-      i *= V.x, u *= V.y, c *= V.x, d *= V.y, i += h, u += O, p = Y(y), y = et(p);
+      i *= V.x, c *= V.y, u *= V.x, d *= V.y, i += h, c += O, p = Y(y), y = et(p);
     }
   }
   return We({
-    width: c,
+    width: u,
     height: d,
     x: i,
-    y: u
+    y: c
   });
 }
 function Ye(e, n) {
   const t = Ge(e).scrollLeft;
-  return n ? n.left + t : ge(ae(e)).left + t;
+  return n ? n.left + t : be(ae(e)).left + t;
 }
-function Dt(e, n) {
+function zt(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ye(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
     y: l
   };
 }
-function po(e) {
+function bo(e) {
   let {
     elements: n,
     rect: t,
@@ -1075,24 +1075,24 @@ function po(e) {
   let i = {
     scrollLeft: 0,
     scrollTop: 0
-  }, u = oe(1);
-  const c = oe(0), d = le(o);
-  if ((d || !d && !s) && ((we(o) !== "body" || Pe(a)) && (i = Ge(o)), le(o))) {
-    const f = ge(o);
-    u = ke(o), c.x = f.x + o.clientLeft, c.y = f.y + o.clientTop;
+  }, c = oe(1);
+  const u = oe(0), d = le(o);
+  if ((d || !d && !s) && ((we(o) !== "body" || je(a)) && (i = Ge(o)), le(o))) {
+    const f = be(o);
+    c = ke(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
   }
-  const m = a && !d && !s ? Dt(a, i) : oe(0);
+  const m = a && !d && !s ? zt(a, i) : oe(0);
   return {
-    width: t.width * u.x,
-    height: t.height * u.y,
-    x: t.x * u.x - i.scrollLeft * u.x + c.x + m.x,
-    y: t.y * u.y - i.scrollTop * u.y + c.y + m.y
+    width: t.width * c.x,
+    height: t.height * c.y,
+    x: t.x * c.x - i.scrollLeft * c.x + u.x + m.x,
+    y: t.y * c.y - i.scrollTop * c.y + u.y + m.y
   };
 }
-function ho(e) {
+function yo(e) {
   return Array.from(e.getClientRects());
 }
-function bo(e) {
+function wo(e) {
   const n = ae(e), t = Ge(e), o = e.ownerDocument.body, l = G(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), s = G(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -t.scrollLeft + Ye(e);
   const r = -t.scrollTop;
@@ -1103,20 +1103,20 @@ function bo(e) {
     y: r
   };
 }
-const xt = 25;
-function go(e, n) {
+const _t = 25;
+function xo(e, n) {
   const t = Y(e), o = ae(e), l = t.visualViewport;
   let s = o.clientWidth, a = o.clientHeight, r = 0, i = 0;
   if (l) {
     s = l.width, a = l.height;
-    const c = at();
-    (!c || c && n === "fixed") && (r = l.offsetLeft, i = l.offsetTop);
-  }
-  const u = Ye(o);
-  if (u <= 0) {
-    const c = o.ownerDocument, d = c.body, m = getComputedStyle(d), f = c.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
-    p <= xt && (s -= p);
-  } else u <= xt && (s += u);
+    const u = at();
+    (!u || u && n === "fixed") && (r = l.offsetLeft, i = l.offsetTop);
+  }
+  const c = Ye(o);
+  if (c <= 0) {
+    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
+    p <= _t && (s -= p);
+  } else c <= _t && (s += c);
   return {
     width: s,
     height: a,
@@ -1124,26 +1124,26 @@ function go(e, n) {
     y: i
   };
 }
-const yo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function wo(e, n) {
-  const t = ge(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, s = le(e) ? ke(e) : oe(1), a = e.clientWidth * s.x, r = e.clientHeight * s.y, i = l * s.x, u = o * s.y;
+const _o = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Vo(e, n) {
+  const t = be(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, s = le(e) ? ke(e) : oe(1), a = e.clientWidth * s.x, r = e.clientHeight * s.y, i = l * s.x, c = o * s.y;
   return {
     width: a,
     height: r,
     x: i,
-    y: u
+    y: c
   };
 }
-function _t(e, n, t) {
+function Vt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = go(e, t);
+    o = xo(e, t);
   else if (n === "document")
-    o = bo(ae(e));
+    o = wo(ae(e));
   else if (ee(n))
-    o = wo(n, t);
+    o = Vo(n, t);
   else {
-    const l = Ft(e);
+    const l = Dt(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1153,34 +1153,34 @@ function _t(e, n, t) {
   }
   return We(o);
 }
-function jt(e, n) {
+function It(e, n) {
   const t = me(e);
-  return t === n || !ee(t) || Ee(t) ? !1 : te(t).position === "fixed" || jt(t, n);
+  return t === n || !ee(t) || Re(t) ? !1 : te(t).position === "fixed" || It(t, n);
 }
-function xo(e, n) {
+function ko(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = Le(e, [], !1).filter((r) => ee(r) && we(r) !== "body"), l = null;
+  let o = Ae(e, [], !1).filter((r) => ee(r) && we(r) !== "body"), l = null;
   const s = te(e).position === "fixed";
   let a = s ? me(e) : e;
-  for (; ee(a) && !Ee(a); ) {
+  for (; ee(a) && !Re(a); ) {
     const r = te(a), i = lt(a);
-    !i && r.position === "fixed" && (l = null), (s ? !i && !l : !i && r.position === "static" && !!l && yo.has(l.position) || Pe(a) && !i && jt(e, a)) ? o = o.filter((c) => c !== a) : l = r, a = me(a);
+    !i && r.position === "fixed" && (l = null), (s ? !i && !l : !i && r.position === "static" && !!l && _o.has(l.position) || je(a) && !i && It(e, a)) ? o = o.filter((u) => u !== a) : l = r, a = me(a);
   }
   return n.set(e, o), o;
 }
-function _o(e) {
+function Co(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const a = [...t === "clippingAncestors" ? qe(n) ? [] : xo(n, this._c) : [].concat(t), o], r = a[0], i = a.reduce((u, c) => {
-    const d = _t(n, c, l);
-    return u.top = G(d.top, u.top), u.right = Re(d.right, u.right), u.bottom = Re(d.bottom, u.bottom), u.left = G(d.left, u.left), u;
-  }, _t(n, r, l));
+  const a = [...t === "clippingAncestors" ? qe(n) ? [] : ko(n, this._c) : [].concat(t), o], r = a[0], i = a.reduce((c, u) => {
+    const d = Vt(n, u, l);
+    return c.top = G(d.top, c.top), c.right = Ee(d.right, c.right), c.bottom = Ee(d.bottom, c.bottom), c.left = G(d.left, c.left), c;
+  }, Vt(n, r, l));
   return {
     width: i.right - i.left,
     height: i.bottom - i.top,
@@ -1188,33 +1188,33 @@ function _o(e) {
     y: i.top
   };
 }
-function Vo(e) {
+function Eo(e) {
   const {
     width: n,
     height: t
-  } = Pt(e);
+  } = Ft(e);
   return {
     width: n,
     height: t
   };
 }
-function ko(e, n, t) {
-  const o = le(n), l = ae(n), s = t === "fixed", a = ge(e, !0, s, n);
+function Ro(e, n, t) {
+  const o = le(n), l = ae(n), s = t === "fixed", a = be(e, !0, s, n);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const i = oe(0);
-  function u() {
+  function c() {
     i.x = Ye(l);
   }
   if (o || !o && !s)
-    if ((we(n) !== "body" || Pe(l)) && (r = Ge(n)), o) {
-      const f = ge(n, !0, s, n);
+    if ((we(n) !== "body" || je(l)) && (r = Ge(n)), o) {
+      const f = be(n, !0, s, n);
       i.x = f.x + n.clientLeft, i.y = f.y + n.clientTop;
-    } else l && u();
-  s && !o && l && u();
-  const c = l && !o && !s ? Dt(l, r) : oe(0), d = a.left + r.scrollLeft - i.x - c.x, m = a.top + r.scrollTop - i.y - c.y;
+    } else l && c();
+  s && !o && l && c();
+  const u = l && !o && !s ? zt(l, r) : oe(0), d = a.left + r.scrollLeft - i.x - u.x, m = a.top + r.scrollTop - i.y - u.y;
   return {
     x: d,
     y: m,
@@ -1225,7 +1225,7 @@ function ko(e, n, t) {
 function Qe(e) {
   return te(e).position === "static";
 }
-function Vt(e, n) {
+function kt(e, n) {
   if (!le(e) || te(e).position === "fixed")
     return null;
   if (n)
@@ -1233,28 +1233,28 @@ function Vt(e, n) {
   let t = e.offsetParent;
   return ae(e) === t && (t = t.ownerDocument.body), t;
 }
-function zt(e, n) {
+function Nt(e, n) {
   const t = Y(e);
   if (qe(e))
     return t;
   if (!le(e)) {
     let l = me(e);
-    for (; l && !Ee(l); ) {
+    for (; l && !Re(l); ) {
       if (ee(l) && !Qe(l))
         return l;
       l = me(l);
     }
     return t;
   }
-  let o = Vt(e, n);
-  for (; o && ao(o) && Qe(o); )
-    o = Vt(o, n);
-  return o && Ee(o) && Qe(o) && !lt(o) ? t : o || uo(e) || t;
+  let o = kt(e, n);
+  for (; o && ro(o) && Qe(o); )
+    o = kt(o, n);
+  return o && Re(o) && Qe(o) && !lt(o) ? t : o || vo(e) || t;
 }
-const Co = async function(e) {
-  const n = this.getOffsetParent || zt, t = this.getDimensions, o = await t(e.floating);
+const Lo = async function(e) {
+  const n = this.getOffsetParent || Nt, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: ko(e.reference, await n(e.floating), e.strategy),
+    reference: Ro(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1263,25 +1263,25 @@ const Co = async function(e) {
     }
   };
 };
-function Ro(e) {
+function So(e) {
   return te(e).direction === "rtl";
 }
-const Eo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: po,
+const $o = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: bo,
   getDocumentElement: ae,
-  getClippingRect: _o,
-  getOffsetParent: zt,
-  getElementRects: Co,
-  getClientRects: ho,
-  getDimensions: Vo,
+  getClippingRect: Co,
+  getOffsetParent: Nt,
+  getElementRects: Lo,
+  getClientRects: yo,
+  getDimensions: Eo,
   getScale: ke,
   isElement: ee,
-  isRTL: Ro
+  isRTL: So
 };
-function It(e, n) {
+function Ht(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function So(e, n) {
+function Ao(e, n) {
   let t = null, o;
   const l = ae(e);
   function s() {
@@ -1290,29 +1290,29 @@ function So(e, n) {
   }
   function a(r, i) {
     r === void 0 && (r = !1), i === void 0 && (i = 1), s();
-    const u = e.getBoundingClientRect(), {
-      left: c,
+    const c = e.getBoundingClientRect(), {
+      left: u,
       top: d,
       width: m,
       height: f
-    } = u;
+    } = c;
     if (r || n(), !m || !f)
       return;
-    const p = je(d), y = je(l.clientWidth - (c + m)), V = je(l.clientHeight - (d + f)), w = je(c), h = {
+    const p = ze(d), y = ze(l.clientWidth - (u + m)), V = ze(l.clientHeight - (d + f)), w = ze(u), h = {
       rootMargin: -p + "px " + -y + "px " + -V + "px " + -w + "px",
-      threshold: G(0, Re(1, i)) || 1
+      threshold: G(0, Ee(1, i)) || 1
     };
     let O = !0;
     function A(F) {
-      const b = F[0].intersectionRatio;
-      if (b !== i) {
+      const g = F[0].intersectionRatio;
+      if (g !== i) {
         if (!O)
           return a();
-        b ? a(!1, b) : o = setTimeout(() => {
+        g ? a(!1, g) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      b === 1 && !It(u, e.getBoundingClientRect()) && a(), O = !1;
+      g === 1 && !Ht(c, e.getBoundingClientRect()) && a(), O = !1;
     }
     try {
       t = new IntersectionObserver(A, {
@@ -1327,7 +1327,7 @@ function So(e, n) {
   }
   return a(!0), s;
 }
-function Nt(e, n, t, o) {
+function Wt(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
@@ -1335,113 +1335,113 @@ function Nt(e, n, t, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: i = !1
-  } = o, u = st(e), c = l || s ? [...u ? Le(u) : [], ...Le(n)] : [];
-  c.forEach((w) => {
+  } = o, c = st(e), u = l || s ? [...c ? Ae(c) : [], ...Ae(n)] : [];
+  u.forEach((w) => {
     l && w.addEventListener("scroll", t, {
       passive: !0
     }), s && w.addEventListener("resize", t);
   });
-  const d = u && r ? So(u, t) : null;
+  const d = c && r ? Ao(c, t) : null;
   let m = -1, f = null;
   a && (f = new ResizeObserver((w) => {
     let [_] = w;
-    _ && _.target === u && f && (f.unobserve(n), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    _ && _.target === c && f && (f.unobserve(n), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var h;
       (h = f) == null || h.observe(n);
     })), t();
-  }), u && !i && f.observe(u), f.observe(n));
-  let p, y = i ? ge(e) : null;
+  }), c && !i && f.observe(c), f.observe(n));
+  let p, y = i ? be(e) : null;
   i && V();
   function V() {
-    const w = ge(e);
-    y && !It(y, w) && t(), y = w, p = requestAnimationFrame(V);
+    const w = be(e);
+    y && !Ht(y, w) && t(), y = w, p = requestAnimationFrame(V);
   }
   return t(), () => {
     var w;
-    c.forEach((_) => {
+    u.forEach((_) => {
       l && _.removeEventListener("scroll", t), s && _.removeEventListener("resize", t);
     }), d?.(), (w = f) == null || w.disconnect(), f = null, i && cancelAnimationFrame(p);
   };
 }
-const Ht = eo, Wt = to, Ut = Jn, $o = no, Lo = (e, n, t) => {
+const Ut = oo, Xt = lo, Kt = eo, Oo = ao, To = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: Eo,
+    platform: $o,
     ...t
   }, s = {
     ...l.platform,
     _c: o
   };
-  return Yn(e, n, {
+  return Zn(e, n, {
     ...l,
     platform: s
   });
 };
-function Ao(e) {
+function Bo(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function kt(e) {
-  if (Ao(e)) {
+function Ct(e) {
+  if (Bo(e)) {
     const n = e.$el;
     return ot(n) && we(n) === "#comment" ? null : n;
   }
   return e;
 }
-function $e(e) {
-  return typeof e == "function" ? e() : E(e);
+function Se(e) {
+  return typeof e == "function" ? e() : R(e);
 }
-function Xt(e) {
+function qt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Ct(e, n) {
-  const t = Xt(e);
+function Et(e, n) {
+  const t = qt(e);
   return Math.round(n * t) / t;
 }
-function Kt(e, n, t) {
+function Gt(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, l = C(() => {
-    var b;
-    return (b = $e(t.open)) != null ? b : !0;
-  }), s = C(() => $e(t.middleware)), a = C(() => {
-    var b;
-    return (b = $e(t.placement)) != null ? b : "bottom";
+    var g;
+    return (g = Se(t.open)) != null ? g : !0;
+  }), s = C(() => Se(t.middleware)), a = C(() => {
+    var g;
+    return (g = Se(t.placement)) != null ? g : "bottom";
   }), r = C(() => {
-    var b;
-    return (b = $e(t.strategy)) != null ? b : "absolute";
+    var g;
+    return (g = Se(t.strategy)) != null ? g : "absolute";
   }), i = C(() => {
-    var b;
-    return (b = $e(t.transform)) != null ? b : !0;
-  }), u = C(() => kt(e.value)), c = C(() => kt(n.value)), d = R(0), m = R(0), f = R(r.value), p = R(a.value), y = on({}), V = R(!1), w = C(() => {
-    const b = {
+    var g;
+    return (g = Se(t.transform)) != null ? g : !0;
+  }), c = C(() => Ct(e.value)), u = C(() => Ct(n.value)), d = E(0), m = E(0), f = E(r.value), p = E(a.value), y = an({}), V = E(!1), w = C(() => {
+    const g = {
       position: f.value,
       left: "0",
       top: "0"
     };
-    if (!c.value)
-      return b;
-    const g = Ct(c.value, d.value), $ = Ct(c.value, m.value);
+    if (!u.value)
+      return g;
+    const b = Et(u.value, d.value), S = Et(u.value, m.value);
     return i.value ? {
-      ...b,
-      transform: "translate(" + g + "px, " + $ + "px)",
-      ...Xt(c.value) >= 1.5 && {
+      ...g,
+      transform: "translate(" + b + "px, " + S + "px)",
+      ...qt(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: f.value,
-      left: g + "px",
-      top: $ + "px"
+      left: b + "px",
+      top: S + "px"
     };
   });
   let _;
   function h() {
-    if (u.value == null || c.value == null)
+    if (c.value == null || u.value == null)
       return;
-    const b = l.value;
-    Lo(u.value, c.value, {
+    const g = l.value;
+    To(c.value, u.value, {
       middleware: s.value,
       placement: a.value,
       strategy: r.value
-    }).then((g) => {
-      d.value = g.x, m.value = g.y, f.value = g.strategy, p.value = g.placement, y.value = g.middlewareData, V.value = b !== !1;
+    }).then((b) => {
+      d.value = b.x, m.value = b.y, f.value = b.strategy, p.value = b.placement, y.value = b.middlewareData, V.value = g !== !1;
     });
   }
   function O() {
@@ -1452,8 +1452,8 @@ function Kt(e, n, t) {
       h();
       return;
     }
-    if (u.value != null && c.value != null) {
-      _ = o(u.value, c.value, h);
+    if (c.value != null && u.value != null) {
+      _ = o(c.value, u.value, h);
       return;
     }
   }
@@ -1462,11 +1462,11 @@ function Kt(e, n, t) {
   }
   return q([s, a, r, l], h, {
     flush: "sync"
-  }), q([u, c], A, {
+  }), q([c, u], A, {
     flush: "sync"
   }), q(l, F, {
     flush: "sync"
-  }), ln() && an(O), {
+  }), sn() && rn(O), {
     x: _e(d),
     y: _e(m),
     strategy: _e(f),
@@ -1477,32 +1477,32 @@ function Kt(e, n, t) {
     update: h
   };
 }
-const Oo = /* @__PURE__ */ B({
+const Mo = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = R(!1), o = R(null), l = R(null), s = C(() => n.icon ?? H.DOT_MENU), { floatingStyles: a } = Kt(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), s = C(() => n.icon ?? H.DOT_MENU), { floatingStyles: a } = Gt(o, l, {
       placement: "bottom-end",
-      middleware: [Ht(8), Ut(), Wt({ padding: 8 })],
-      whileElementsMounted: Nt
+      middleware: [Ut(8), Kt(), Xt({ padding: 8 })],
+      whileElementsMounted: Wt
     }), r = () => {
       t.value = !t.value;
     }, i = () => {
       t.value = !1;
-    }, u = (c) => {
-      const d = c.target;
+    }, c = (u) => {
+      const d = u.target;
       d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && i();
     };
-    return (c, d) => {
+    return (u, d) => {
       const m = U("VjButton"), f = U("VjMenu");
-      return v(), x(be, null, [
+      return v(), x(ge, null, [
         k("div", {
-          class: N(["dot-menu-container", c.$attrs.class])
+          class: N(["dot-menu-container", u.$attrs.class])
         }, [
-          D(m, {
+          P(m, {
             ref_key: "buttonRef",
             ref: o,
             class: "dot-menu",
@@ -1510,37 +1510,37 @@ const Oo = /* @__PURE__ */ B({
             icon: s.value,
             onClick: r
           }, null, 8, ["icon"]),
-          D(Ie, { name: "menu" }, {
+          P(Ie, { name: "menu" }, {
             default: W(() => [
-              t.value ? (v(), P(f, {
+              t.value ? (v(), j(f, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: Z(E(a)),
+                style: Z(R(a)),
                 class: "menu-dropdown",
                 onClose: i,
-                onClick: u
+                onClick: c
               }, {
                 default: W(() => [
-                  T(c.$slots, "default", {}, void 0, !0)
+                  T(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["style"])) : L("", !0)
+              }, 8, ["style"])) : $("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (v(), P(tt, { to: "body" }, [
+        (v(), j(tt, { to: "body" }, [
           t.value ? (v(), x("div", {
             key: 0,
             class: "menu-backdrop",
             onClick: i
-          })) : L("", !0)
+          })) : $("", !0)
         ]))
       ], 64);
     };
   }
-}), To = /* @__PURE__ */ M(Oo, [["__scopeId", "data-v-67bd71e4"]]), Bo = /* @__PURE__ */ B({
+}), Po = /* @__PURE__ */ M(Mo, [["__scopeId", "data-v-67bd71e4"]]), jo = /* @__PURE__ */ B({
   __name: "link-button",
   props: {
     label: {},
@@ -1555,24 +1555,24 @@ const Oo = /* @__PURE__ */ B({
     const n = e, t = X.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, s) => {
       const a = U("router-link");
-      return v(), P(a, {
+      return v(), j(a, {
         to: e.to,
         class: N(["button", o.value]),
         disabled: e.disabled
       }, {
         default: W(() => [
-          e.icon ? (v(), P(Te, {
+          e.icon ? (v(), j(Be, {
             key: 0,
             icon: e.icon,
-            size: E(t)
-          }, null, 8, ["icon", "size"])) : L("", !0),
-          ze(" " + j(e.label), 1)
+            size: R(t)
+          }, null, 8, ["icon", "size"])) : $("", !0),
+          $e(" " + D(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), Mo = /* @__PURE__ */ M(Bo, [["__scopeId", "data-v-bd3cf2f5"]]), Po = ["disabled"], Fo = { class: "menu-action--icon" }, Do = /* @__PURE__ */ B({
+}), Fo = /* @__PURE__ */ M(jo, [["__scopeId", "data-v-bd3cf2f5"]]), Do = ["disabled"], zo = { class: "menu-action--icon" }, Io = /* @__PURE__ */ B({
   __name: "menu-action",
   props: {
     label: {},
@@ -1585,71 +1585,260 @@ const Oo = /* @__PURE__ */ B({
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      k("span", Fo, [
-        e.icon ? (v(), P(Te, {
+      k("span", zo, [
+        e.icon ? (v(), j(Be, {
           key: 0,
           icon: e.icon,
-          size: E(n)
-        }, null, 8, ["icon", "size"])) : L("", !0)
+          size: R(n)
+        }, null, 8, ["icon", "size"])) : $("", !0)
       ]),
-      k("span", null, j(e.label), 1)
-    ], 8, Po));
+      k("span", null, D(e.label), 1)
+    ], 8, Do));
   }
-}), jo = /* @__PURE__ */ M(Do, [["__scopeId", "data-v-07850995"]]), zo = {}, Io = { class: "menu" };
-function No(e, n) {
-  return v(), x("div", Io, [
+}), No = /* @__PURE__ */ M(Io, [["__scopeId", "data-v-07850995"]]), Ho = {}, Wo = { class: "menu" };
+function Uo(e, n) {
+  return v(), x("div", Wo, [
     T(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08"]]), Wo = { class: "page" }, Uo = {
+const Xo = /* @__PURE__ */ M(Ho, [["render", Uo], ["__scopeId", "data-v-259fec08"]]), Ko = {
+  mounted(e) {
+    e.classList.add("compact");
+  },
+  unmounted(e) {
+    e.classList.remove("compact");
+  }
+}, Yt = [
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]'
+].join(", ");
+function qo(e) {
+  const n = e.querySelectorAll(Yt);
+  for (const t of Array.from(n))
+    if (t.offsetParent !== null || t.getClientRects().length > 0)
+      return t;
+  return null;
+}
+const Go = {
+  mounted(e, n) {
+    const t = typeof n.value == "number" ? n.value : 0, o = () => {
+      if (e.matches(Yt)) {
+        e.focus();
+        return;
+      }
+      const l = qo(e);
+      l && l.focus();
+    };
+    t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
+  }
+};
+class it {
+  static _instance = null;
+  observer = null;
+  targets = /* @__PURE__ */ new Map();
+  constructor() {
+    this.init();
+  }
+  static get instance() {
+    return this._instance || (this._instance = new it()), this._instance;
+  }
+  init() {
+    typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
+      for (const t of n) this.handleEntry(t);
+    }) : typeof window < "u" && globalThis.addEventListener("resize", this.handleWindowResize);
+  }
+  handleWindowResize = () => {
+    for (const n of this.targets.keys()) {
+      const t = n.getBoundingClientRect(), o = {
+        target: n,
+        contentRect: t
+      };
+      this.handleEntry(o);
+    }
+  };
+  handleEntry(n) {
+    const t = this.targets.get(n.target);
+    if (!t) return;
+    const o = n.contentRect.width, l = n.contentRect.height, s = n.target;
+    for (const a of t.callbacks)
+      try {
+        a(o, l, s);
+      } catch (r) {
+        console.error("resize callback error", r);
+      }
+    if (t.breakpoints) {
+      const a = Object.keys(t.breakpoints).map((i) => Number(i)).filter((i) => !Number.isNaN(i)).sort((i, c) => i - c);
+      let r;
+      for (const i of a)
+        o >= i && (r = t.breakpoints[i]);
+      r !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), r && n.target.classList.add(r), t.currentClass = r);
+    }
+  }
+  observe(n, t, o) {
+    const l = this.targets.get(n);
+    if (l)
+      t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
+    else {
+      const s = /* @__PURE__ */ new Set();
+      t && s.add(t), this.targets.set(n, { callbacks: s, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
+    }
+    if (o?.immediate) {
+      const s = n.getBoundingClientRect(), a = { target: n, contentRect: s };
+      if (this.handleEntry(a), t) {
+        const r = s.width, i = s.height;
+        t(r, i, n);
+      }
+    }
+  }
+  unobserve(n, t) {
+    const o = this.targets.get(n);
+    o && (t && o.callbacks.delete(t), (!t || o.callbacks.size === 0) && (this.targets.delete(n), this.observer && this.observer.unobserve(n), o.currentClass && n.classList && n.classList.remove(o.currentClass)));
+  }
+}
+const Ve = it.instance, Yo = {
+  mounted(e, n) {
+    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, s = typeof t == "object" && !!t?.immediate, a = e;
+    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: s });
+  },
+  updated(e, n) {
+    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, s = n.value, a = typeof s == "function" ? s : s?.onResize, r = typeof s == "object" && s?.breakpoints ? s.breakpoints : void 0;
+    if (o !== a) {
+      o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !!(s && typeof s == "object" && s.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = r;
+      return;
+    }
+    JSON.stringify(l || {}) !== JSON.stringify(r || {}) && (o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !0 }), t.__resize_breakpoints = r);
+  },
+  unmounted(e) {
+    const n = e, t = n.__resize_cb;
+    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+  }
+}, Jo = {}, Qo = { class: "spinner" };
+function Zo(e, n) {
+  return v(), x("div", Qo);
+}
+const el = /* @__PURE__ */ M(Jo, [["render", Zo], ["__scopeId", "data-v-661ad3b6"]]), tl = 200, nl = 120;
+function Rt(e, n) {
+  const t = n.querySelector(".vj-loading-inner");
+  if (!t) return;
+  const o = e.clientHeight || e.getBoundingClientRect().height;
+  t.classList.remove("vj-loading-inner--small", "vj-loading-inner--minimal");
+  const l = t.querySelector(".vj-loading-text");
+  l && l.classList.remove("vj-loading-text--hidden"), o <= nl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= tl && t.classList.add("vj-loading-inner--small");
+}
+const ol = {
+  mounted(e, n) {
+    let t, o;
+    if (typeof n.value == "object" && n.value !== null) {
+      const m = n.value;
+      t = !!(m.active ?? !0), o = m.text;
+    } else
+      t = !!n.value, o = void 0;
+    const l = getComputedStyle(e), s = { overlay: document.createElement("div") };
+    (l.position === "static" || !l.position) && (s.originalPosition = e.style.position, e.style.position = "relative");
+    const a = s.overlay;
+    a.className = "vj-loading-overlay", t || a.classList.add("vj-loading-overlay--hidden");
+    const r = document.createElement("div"), i = document.createElement("div");
+    i.className = "vj-loading-inner", i.appendChild(r);
+    let c;
+    o && (c = document.createElement("div"), c.className = "vj-loading-text", c.textContent = o, i.appendChild(c)), a.appendChild(i), Rt(e, a);
+    const u = P(el);
+    ht(u, r), s.spinnerVnode = u, s.spinnerContainer = r, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
+    const d = e;
+    d.__vjLoading = s;
+  },
+  updated(e, n) {
+    const o = e.__vjLoading;
+    if (!o) return;
+    const { overlay: l } = o;
+    let s, a;
+    if (typeof n.value == "object" && n.value !== null) {
+      const i = n.value;
+      s = !!(i.active ?? !0), a = i.text;
+    } else
+      s = !!n.value, a = void 0;
+    s ? (l.classList.remove("vj-loading-overlay--hidden"), e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none") : (l.classList.add("vj-loading-overlay--hidden"), e.removeAttribute("aria-busy"), e.style.pointerEvents = "");
+    const r = l.querySelector(".vj-loading-inner");
+    if (r) {
+      const i = r.querySelector(".vj-loading-text");
+      if (i)
+        a ? i.textContent = a : i.remove();
+      else if (a) {
+        const c = document.createElement("div");
+        c.className = "vj-loading-text", c.textContent = a, r.appendChild(c);
+      }
+    }
+    Rt(e, l);
+  },
+  unmounted(e) {
+    const n = e, t = n.__vjLoading;
+    if (!t) return;
+    const { overlay: o, originalPosition: l } = t;
+    try {
+      t.spinnerContainer && ht(null, t.spinnerContainer);
+    } catch {
+    }
+    o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
+  }
+}, ll = { class: "page" }, al = {
   key: 0,
   class: "page-error"
-}, Xo = {
+}, sl = {
   key: 1,
   class: "contents"
-}, Ko = {
+}, il = {
   key: 2,
   class: "actions"
-}, qo = { key: 3 }, Go = { key: 0 }, Yo = /* @__PURE__ */ B({
+}, rl = { key: 3 }, cl = { key: 0 }, ul = /* @__PURE__ */ B({
   __name: "page",
   props: {
     title: {},
     scrollable: { type: Boolean },
-    errorMessage: {}
+    errorMessage: {},
+    flow: {},
+    loadingMessage: {}
   },
   setup(e) {
-    return (n, t) => (v(), x("div", Wo, [
+    const n = e, t = C(() => n.flow?.running?.value ?? !1);
+    return (o, l) => cn((v(), x("div", ll, [
       k("header", null, [
-        k("h2", null, j(e.title), 1),
+        k("h2", null, D(e.title), 1),
         k("span", null, [
-          T(n.$slots, "headerActions", {}, void 0, !0)
+          T(o.$slots, "headerActions", {}, void 0, !0)
         ])
       ]),
       k("main", {
         class: N({ scrollable: e.scrollable })
       }, [
-        e.errorMessage ? (v(), x("div", Uo, [
-          T(n.$slots, "error", {}, void 0, !0)
-        ])) : L("", !0),
-        e.errorMessage ? L("", !0) : (v(), x("div", Xo, [
-          T(n.$slots, "default", {}, void 0, !0)
+        $e(D(t.value) + " ", 1),
+        e.errorMessage ? (v(), x("div", al, [
+          T(o.$slots, "error", {}, void 0, !0)
+        ])) : $("", !0),
+        e.errorMessage ? $("", !0) : (v(), x("div", sl, [
+          T(o.$slots, "default", {}, void 0, !0)
         ])),
-        e.errorMessage ? L("", !0) : (v(), x("div", Ko, [
-          T(n.$slots, "actions", {}, void 0, !0)
+        e.errorMessage ? $("", !0) : (v(), x("div", il, [
+          T(o.$slots, "actions", {}, void 0, !0)
         ])),
-        n.$slots.flexFooter ? (v(), x("footer", qo, [
-          T(n.$slots, "flexFooter", {}, void 0, !0)
-        ])) : L("", !0)
+        o.$slots.flexFooter ? (v(), x("footer", rl, [
+          T(o.$slots, "flexFooter", {}, void 0, !0)
+        ])) : $("", !0)
       ], 2),
-      n.$slots.footer ? (v(), x("footer", Go, [
-        T(n.$slots, "footer", {}, void 0, !0)
-      ])) : L("", !0)
-    ]));
-  }
-}), Jo = /* @__PURE__ */ M(Yo, [["__scopeId", "data-v-1618f861"]]), Qo = {
+      o.$slots.footer ? (v(), x("footer", cl, [
+        T(o.$slots, "footer", {}, void 0, !0)
+      ])) : $("", !0)
+    ])), [
+      [R(ol), { active: t.value, text: n.loadingMessage }]
+    ]);
+  }
+}), dl = /* @__PURE__ */ M(ul, [["__scopeId", "data-v-89f776b0"]]), fl = {
   class: "paginator-info",
   "aria-live": "polite"
-}, Zo = /* @__PURE__ */ B({
+}, ml = /* @__PURE__ */ B({
   __name: "paginator",
   props: /* @__PURE__ */ ue({
     totalItems: {},
@@ -1661,7 +1850,7 @@ const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08
   }),
   emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ye(e, "modelValue"), l = n, s = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = C(() => Math.min(Math.max(1, o.value ?? 1), s.value)), r = C(() => a.value), i = C(() => a.value <= 1), u = C(() => a.value >= s.value), c = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), m = (w) => {
+    const t = e, o = ye(e, "modelValue"), l = n, s = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = C(() => Math.min(Math.max(1, o.value ?? 1), s.value)), r = C(() => a.value), i = C(() => a.value <= 1), c = C(() => a.value >= s.value), u = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), m = (w) => {
       const _ = Math.min(Math.max(1, Math.floor(w)), s.value);
       _ !== o.value && (o.value = _, l("change", _));
     }, f = () => m(1), p = () => m(a.value - 1), y = () => m(a.value + 1), V = () => m(s.value);
@@ -1672,21 +1861,21 @@ const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08
       return v(), x("nav", {
         class: "paginator",
         "aria-label": "Pagination",
-        onKeydown: _[0] || (_[0] = sn(de(() => {
+        onKeydown: _[0] || (_[0] = un(de(() => {
         }, ["prevent"]), ["enter"]))
       }, [
-        D(h, {
+        P(h, {
           tertiary: "",
           class: "paginator-btn",
-          icon: E(H).FIRST,
+          icon: R(H).FIRST,
           disabled: i.value,
           onClick: f,
           "aria-label": "First page"
         }, null, 8, ["icon", "disabled"]),
-        D(h, {
+        P(h, {
           tertiary: "",
           class: "paginator-btn",
-          icon: E(H).PREVIOUS,
+          icon: R(H).PREVIOUS,
           disabled: i.value,
           onClick: p,
           "aria-label": "Previous page"
@@ -1696,28 +1885,28 @@ const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08
           totalPages: s.value,
           goTo: m
         }, () => [
-          k("div", Qo, j(c.value) + " " + j(r.value) + " " + j(d.value) + " " + j(s.value), 1)
+          k("div", fl, D(u.value) + " " + D(r.value) + " " + D(d.value) + " " + D(s.value), 1)
         ], !0),
-        D(h, {
+        P(h, {
           tertiary: "",
           class: "paginator-btn",
-          icon: E(H).NEXT,
-          disabled: u.value,
+          icon: R(H).NEXT,
+          disabled: c.value,
           onClick: y,
           "aria-label": "Next page"
         }, null, 8, ["icon", "disabled"]),
-        D(h, {
+        P(h, {
           tertiary: "",
           class: "paginator-btn",
-          icon: E(H).LAST,
-          disabled: u.value,
+          icon: R(H).LAST,
+          disabled: c.value,
           onClick: V,
           "aria-label": "Last page"
         }, null, 8, ["icon", "disabled"])
       ], 32);
     };
   }
-}), el = /* @__PURE__ */ M(Zo, [["__scopeId", "data-v-b6fa8efe"]]), tl = { class: "search-field" }, nl = ["value", "placeholder"], ol = /* @__PURE__ */ B({
+}), vl = /* @__PURE__ */ M(ml, [["__scopeId", "data-v-b6fa8efe"]]), pl = { class: "search-field" }, hl = ["value", "placeholder"], gl = /* @__PURE__ */ B({
   __name: "search-field",
   props: /* @__PURE__ */ ue({
     placeholder: { default: "Search..." }
@@ -1734,27 +1923,27 @@ const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08
     }, l = C(() => !n.value);
     return (s, a) => {
       const r = U("VjIcon");
-      return v(), x("div", tl, [
-        D(r, {
-          icon: E(H).SEARCH,
-          size: E(X).S
+      return v(), x("div", pl, [
+        P(r, {
+          icon: R(H).SEARCH,
+          size: R(X).S
         }, null, 8, ["icon", "size"]),
         k("input", {
           value: n.value,
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, nl),
-        D(r, {
+        }, null, 40, hl),
+        P(r, {
           class: N(["reset", { invisible: l.value }]),
-          icon: E(H).CLOSE,
-          size: E(X).S,
+          icon: R(H).CLOSE,
+          size: R(X).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), ll = /* @__PURE__ */ M(ol, [["__scopeId", "data-v-2771c8ed"]]), al = /* @__PURE__ */ B({
+}), bl = /* @__PURE__ */ M(gl, [["__scopeId", "data-v-2771c8ed"]]), yl = /* @__PURE__ */ B({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
@@ -1764,10 +1953,10 @@ const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08
       class: N(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), sl = /* @__PURE__ */ M(al, [["__scopeId", "data-v-e354bb4e"]]), il = { class: "tab-view" }, rl = {
+}), wl = /* @__PURE__ */ M(yl, [["__scopeId", "data-v-e354bb4e"]]), xl = { class: "tab-view" }, _l = {
   ref: "headerRef",
   class: "tab-view-header"
-}, cl = ["onClick"], ul = { class: "tab-view-content" }, dl = /* @__PURE__ */ B({
+}, Vl = ["onClick"], kl = { class: "tab-view-content" }, Cl = /* @__PURE__ */ B({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -1775,102 +1964,102 @@ const Ho = /* @__PURE__ */ M(zo, [["render", No], ["__scopeId", "data-v-259fec08
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ye(e, "modelValue"), t = R([]), o = R([]), l = R({
+    const n = ye(e, "modelValue"), t = E([]), o = E([]), l = E({
       width: "0px",
       transform: "translateX(0px)"
-    }), s = (u, c) => {
-      u && (o.value[c] = u);
+    }), s = (c, u) => {
+      c && (o.value[u] = c);
     }, a = () => {
-      const u = t.value.findIndex((c) => c.name === n.value);
-      if (u >= 0 && o.value[u]) {
-        const c = o.value[u], d = c.offsetWidth, m = c.offsetLeft;
+      const c = t.value.findIndex((u) => u.name === n.value);
+      if (c >= 0 && o.value[c]) {
+        const u = o.value[c], d = u.offsetWidth, m = u.offsetLeft;
         l.value = {
           width: `${d}px`,
           transform: `translateX(${m}px)`
         };
       }
-    }, r = (u, c) => {
-      t.value.find((d) => d.name === u) || (t.value.push({ name: u, label: c }), he(() => {
-        !n.value && t.value.length === 1 && (n.value = u), a();
+    }, r = (c, u) => {
+      t.value.find((d) => d.name === c) || (t.value.push({ name: c, label: u }), he(() => {
+        !n.value && t.value.length === 1 && (n.value = c), a();
       }));
-    }, i = (u) => {
-      n.value = u;
+    }, i = (c) => {
+      n.value = c;
     };
     return q(n, () => {
       he(() => {
         a();
       });
-    }), rn("tabView", {
+    }), dn("tabView", {
       activeTab: () => n.value,
       registerTab: r
-    }), (u, c) => (v(), x("div", il, [
-      k("div", rl, [
-        (v(!0), x(be, null, Xe(t.value, (d, m) => (v(), x("div", {
+    }), (c, u) => (v(), x("div", xl, [
+      k("div", _l, [
+        (v(!0), x(ge, null, Xe(t.value, (d, m) => (v(), x("div", {
           key: d.name,
           ref_for: !0,
           ref: (f) => s(f, m),
           class: N(["tab-button", { active: n.value === d.name }]),
           onClick: (f) => i(d.name)
-        }, j(d.label), 11, cl))), 128)),
-        c[0] || (c[0] = k("div", { class: "tab-line" }, null, -1)),
+        }, D(d.label), 11, Vl))), 128)),
+        u[0] || (u[0] = k("div", { class: "tab-line" }, null, -1)),
         k("div", {
           class: "tab-indicator",
           style: Z(l.value)
         }, null, 4)
       ], 512),
-      k("div", ul, [
-        T(u.$slots, "default", {}, void 0, !0)
+      k("div", kl, [
+        T(c.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), fl = /* @__PURE__ */ M(dl, [["__scopeId", "data-v-3d4ee454"]]), ml = {
+}), El = /* @__PURE__ */ M(Cl, [["__scopeId", "data-v-3d4ee454"]]), Rl = {
   key: 0,
   class: "tab"
-}, vl = /* @__PURE__ */ B({
+}, Ll = /* @__PURE__ */ B({
   __name: "tab",
   props: {
     name: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = St("tabView"), o = C(() => t?.activeTab() === n.name);
-    return Ae(() => {
+    const n = e, t = $t("tabView"), o = C(() => t?.activeTab() === n.name);
+    return Oe(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, s) => o.value ? (v(), x("div", ml, [
+    }), (l, s) => o.value ? (v(), x("div", Rl, [
       T(l.$slots, "default")
-    ])) : L("", !0);
+    ])) : $("", !0);
   }
-}), qt = {
+}), Jt = {
   form: {
     labelPosition: "inline"
   }
 };
 let Ue = {};
-function Ra(e) {
+function Pa(e) {
   Ue = {
     ...Ue,
     ...e,
     form: {
-      ...qt.form,
+      ...Jt.form,
       ...e.form
     }
   };
 }
-function pl() {
+function Sl() {
   return {
     form: {
-      ...qt.form,
+      ...Jt.form,
       ...Ue.form
     }
   };
 }
-function Ea() {
+function ja() {
   Ue = {};
 }
-const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-field__wrapper" }, yl = ["for"], wl = {
+const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-field__wrapper" }, Tl = ["for"], Bl = {
   key: 1,
   class: "form-field__error"
-}, xl = /* @__PURE__ */ B({
+}, Ml = /* @__PURE__ */ B({
   __name: "form-field",
   props: {
     modelValue: {},
@@ -1886,7 +2075,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = R(t.modelValue), s = R(!1), a = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), r = C(() => t.labelPosition ?? pl().form.labelPosition);
+    const t = e, o = n, l = E(t.modelValue), s = E(!1), a = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), r = C(() => t.labelPosition ?? Sl().form.labelPosition);
     q(
       () => t.modelValue,
       (f) => l.value = f
@@ -1896,8 +2085,8 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
         return !0;
       const f = l.value !== "" && l.value !== null && l.value !== void 0;
       return s.value || f;
-    }), u = C(() => r.value === "outline" || i.value ? t.placeholder : "");
-    function c(f) {
+    }), c = C(() => r.value === "outline" || i.value ? t.placeholder : "");
+    function u(f) {
       const y = f.target.value;
       l.value = y, o("update:modelValue", y);
     }
@@ -1917,47 +2106,47 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
         key: 0,
         for: a.value,
         class: "form-field__label-outline"
-      }, j(e.label) + " " + j(r.value), 9, bl)) : L("", !0),
-      k("div", gl, [
+      }, D(e.label), 9, Al)) : $("", !0),
+      k("div", Ol, [
         T(f.$slots, "control", {
           id: a.value,
           value: l.value,
-          onInput: c,
+          onInput: u,
           onFocus: d,
           onBlur: m,
           disabled: e.disabled,
-          placeholder: u.value
+          placeholder: c.value
         }, void 0, !0),
         e.label && r.value === "inline" ? (v(), x("label", {
           key: 0,
           for: a.value,
           class: N(["form-field__label", { "form-field__label--float": i.value }])
-        }, j(e.label), 11, yl)) : L("", !0)
+        }, D(e.label), 11, Tl)) : $("", !0)
       ]),
-      e.error ? (v(), x("div", wl, j(e.error), 1)) : L("", !0)
-    ], 14, hl));
+      e.error ? (v(), x("div", Bl, D(e.error), 1)) : $("", !0)
+    ], 14, $l));
   }
-}), Fe = /* @__PURE__ */ M(xl, [["__scopeId", "data-v-4ab68d08"]]), _l = /* @__PURE__ */ B({
+}), Fe = /* @__PURE__ */ M(Ml, [["__scopeId", "data-v-bb7aeb5f"]]), Pl = /* @__PURE__ */ B({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
     gap: { type: String, default: "0.75rem" }
   },
   setup(e) {
-    const n = e, t = R(null);
+    const n = e, t = E(null);
     let o = null;
     function l() {
       if (!t.value) return;
       Array.from(t.value.children).forEach((a) => {
-        const r = a.getAttribute("data-colspan"), i = r ? Math.max(1, Number(r) || 1) : 1, u = a.getAttribute("data-newline");
-        u !== null && u !== "false" ? a.style.gridColumn = "1 / -1" : a.style.gridColumn = `span ${i}`;
+        const r = a.getAttribute("data-colspan"), i = r ? Math.max(1, Number(r) || 1) : 1, c = a.getAttribute("data-newline");
+        c !== null && c !== "false" ? a.style.gridColumn = "1 / -1" : a.style.gridColumn = `span ${i}`;
       });
     }
-    return Ae(() => {
+    return Oe(() => {
       he(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
-    }), Oe(() => {
+    }), Te(() => {
       o?.disconnect();
     }), q(
       () => n.columns,
@@ -1974,25 +2163,25 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       T(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), Vl = /* @__PURE__ */ M(_l, [["__scopeId", "data-v-96f62ab7"]]), kl = {
+}), jl = /* @__PURE__ */ M(Pl, [["__scopeId", "data-v-96f62ab7"]]), Fl = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, Cl = /* @__PURE__ */ B({
+}, Dl = /* @__PURE__ */ B({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
-    return (n, t) => (v(), x(be, null, [
-      e.title ? (v(), x("h3", kl, j(e.title), 1)) : L("", !0),
+    return (n, t) => (v(), x(ge, null, [
+      e.title ? (v(), x("h3", Fl, D(e.title), 1)) : $("", !0),
       T(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Rl = /* @__PURE__ */ M(Cl, [["__scopeId", "data-v-69cff1d0"]]), El = ["id", "disabled"], Sl = { class: "select-value" }, $l = {
+}), zl = /* @__PURE__ */ M(Dl, [["__scopeId", "data-v-69cff1d0"]]), Il = ["id", "disabled"], Nl = { class: "select-value" }, Hl = {
   key: 1,
   class: "select-placeholder"
-}, Ll = { class: "select-options" }, Al = ["onClick", "onMouseenter"], Ol = /* @__PURE__ */ B({
+}, Wl = { class: "select-options" }, Ul = ["onClick", "onMouseenter"], Xl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ ue({
@@ -2010,13 +2199,13 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ye(e, "modelValue"), l = R(!1), s = R(-1), a = R(null), r = R(null), i = R(null), { floatingStyles: u } = Kt(r, i, {
+    const t = e, o = ye(e, "modelValue"), l = E(!1), s = E(-1), a = E(null), r = E(null), i = E(null), { floatingStyles: c } = Gt(r, i, {
       placement: "bottom-start",
       middleware: [
-        Ht(4),
-        Ut(),
-        Wt({ padding: 8 }),
-        $o({
+        Ut(4),
+        Kt(),
+        Xt({ padding: 8 }),
+        Oo({
           apply({ rects: h, elements: O }) {
             Object.assign(O.floating.style, {
               minWidth: `${h.reference.width}px`
@@ -2024,8 +2213,8 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
           }
         })
       ],
-      whileElementsMounted: Nt
-    }), c = (h) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(h) : String(h[t.optionLabel]) : String(h), d = (h) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(h) : h[t.optionValue] : h, m = C(() => t.options.find((h) => d(h) === o.value)), f = (h) => d(h) === o.value, p = () => {
+      whileElementsMounted: Wt
+    }), u = (h) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(h) : String(h[t.optionLabel]) : String(h), d = (h) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(h) : h[t.optionValue] : h, m = C(() => t.options.find((h) => d(h) === o.value)), f = (h) => d(h) === o.value, p = () => {
       t.disabled || (l.value = !l.value);
     }, y = () => {
       l.value = !1, s.value = -1;
@@ -2036,9 +2225,9 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
     }, _ = (h) => {
       l.value && a.value && !a.value.contains(h.target) && y();
     };
-    return Ae(() => {
+    return Oe(() => {
       document.addEventListener("click", _);
-    }), Oe(() => {
+    }), Te(() => {
       document.removeEventListener("click", _);
     }), q(l, (h) => {
       h && m.value && (s.value = t.options.findIndex((O) => f(O)));
@@ -2047,7 +2236,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       blur: () => r.value?.blur()
     }), (h, O) => {
       const A = U("VjIcon");
-      return v(), x(be, null, [
+      return v(), x(ge, null, [
         k("div", {
           ref_key: "selectRef",
           ref: a,
@@ -2062,73 +2251,73 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (v(), P(A, {
+            t.icon ? (v(), j(A, {
               key: 0,
               icon: t.icon,
-              size: E(X).S,
+              size: R(X).S,
               class: "select-icon-left"
-            }, null, 8, ["icon", "size"])) : L("", !0),
-            k("span", Sl, [
+            }, null, 8, ["icon", "size"])) : $("", !0),
+            k("span", Nl, [
               m.value ? T(h.$slots, "selected", {
                 key: 0,
                 option: m.value
               }, () => [
-                ze(j(c(m.value)), 1)
-              ], !0) : (v(), x("span", $l, j(e.placeholder), 1))
+                $e(D(u(m.value)), 1)
+              ], !0) : (v(), x("span", Hl, D(e.placeholder), 1))
             ]),
-            t.clearable && m.value && !e.disabled ? (v(), P(A, {
+            t.clearable && m.value && !e.disabled ? (v(), j(A, {
               key: 1,
-              icon: E(H).CLOSE,
-              size: E(X).S,
+              icon: R(H).CLOSE,
+              size: R(X).S,
               class: "select-clear-icon",
               onClick: de(w, ["stop"])
-            }, null, 8, ["icon", "size"])) : L("", !0),
-            D(A, {
-              icon: E(H).CHEVRON_DOWN,
-              size: E(X).S,
+            }, null, 8, ["icon", "size"])) : $("", !0),
+            P(A, {
+              icon: R(H).CHEVRON_DOWN,
+              size: R(X).S,
               class: N(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, El),
-          D(Ie, { name: "dropdown" }, {
+          ], 8, Il),
+          P(Ie, { name: "dropdown" }, {
             default: W(() => [
               l.value ? (v(), x("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: i,
-                style: Z(E(u)),
+                style: Z(R(c)),
                 class: "select-dropdown"
               }, [
-                k("div", Ll, [
-                  (v(!0), x(be, null, Xe(e.options, (F, b) => (v(), x("div", {
+                k("div", Wl, [
+                  (v(!0), x(ge, null, Xe(e.options, (F, g) => (v(), x("div", {
                     key: String(d(F)),
-                    class: N(["select-option", { selected: f(F), highlighted: s.value === b }]),
-                    onClick: (g) => V(F),
-                    onMouseenter: (g) => s.value = b
+                    class: N(["select-option", { selected: f(F), highlighted: s.value === g }]),
+                    onClick: (b) => V(F),
+                    onMouseenter: (b) => s.value = g
                   }, [
                     T(h.$slots, "option", {
                       option: F,
                       selected: f(F)
                     }, () => [
-                      ze(j(c(F)), 1)
+                      $e(D(u(F)), 1)
                     ], !0)
-                  ], 42, Al))), 128))
+                  ], 42, Ul))), 128))
                 ])
-              ], 4)) : L("", !0)
+              ], 4)) : $("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (v(), P(tt, { to: "body" }, [
+        (v(), j(tt, { to: "body" }, [
           l.value ? (v(), x("div", {
             key: 0,
             class: "select-backdrop",
             onClick: y
-          })) : L("", !0)
+          })) : $("", !0)
         ]))
       ], 64);
     };
   }
-}), Gt = /* @__PURE__ */ M(Ol, [["__scopeId", "data-v-fc22f0e9"]]), Tl = /* @__PURE__ */ B({
+}), Qt = /* @__PURE__ */ M(Xl, [["__scopeId", "data-v-fc22f0e9"]]), Kl = /* @__PURE__ */ B({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -2145,10 +2334,10 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = R(t.modelValue), s = (a) => {
+    const t = e, o = n, l = E(t.modelValue), s = (a) => {
       l.value = a, o("update:modelValue", a);
     };
-    return (a, r) => (v(), P(Fe, {
+    return (a, r) => (v(), j(Fe, {
       modelValue: l.value,
       "onUpdate:modelValue": s,
       label: t.label,
@@ -2161,8 +2350,8 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       error: t.error,
       labelPosition: t.labelPosition
     }, {
-      control: W(({ id: i, disabled: u, placeholder: c }) => [
-        D(Gt, {
+      control: W(({ id: i, disabled: c, placeholder: u }) => [
+        P(Qt, {
           id: i,
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -2170,12 +2359,12 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
             s
           ],
           options: t.options,
-          placeholder: c,
-          disabled: u,
+          placeholder: u,
+          disabled: c,
           "option-label": (d) => d.label,
           "option-value": (d) => d.value,
           clearable: ""
-        }, Rt({ _: 2 }, [
+        }, Lt({ _: 2 }, [
           a.$slots.selected ? {
             name: "selected",
             fn: W(({ option: d }) => [
@@ -2195,7 +2384,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition"]));
   }
-}), Bl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Ml = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Pl = /* @__PURE__ */ B({
+}), ql = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Gl = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Yl = /* @__PURE__ */ B({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -2206,75 +2395,75 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = R(null), s = R(!1), a = R(!1), r = (b, g, $) => Math.min(Math.max(b, g), $), i = R(
+    const t = e, o = n, l = E(null), s = E(!1), a = E(!1), r = (g, b, S) => Math.min(Math.max(g, b), S), i = E(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
-    ), u = R(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
+    ), c = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
     q(
       () => t.modelValue,
-      (b) => {
-        t.range ? Array.isArray(b) && (i.value = r(b[0], t.min, t.max), u.value = r(b[1], t.min, t.max)) : typeof b == "number" && (i.value = r(b, t.min, t.max));
+      (g) => {
+        t.range ? Array.isArray(g) && (i.value = r(g[0], t.min, t.max), c.value = r(g[1], t.min, t.max)) : typeof g == "number" && (i.value = r(g, t.min, t.max));
       },
       { immediate: !0 }
     );
-    const c = (b) => (b - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${c(i.value)}%` })), m = C(() => ({ left: `${c(u.value)}%` })), f = C(() => {
-      if (!t.range) return { width: `${c(i.value)}%`, left: "0%" };
-      const b = c(i.value), g = c(u.value);
-      return { left: `${b}%`, width: `${Math.max(0, g - b)}%` };
+    const u = (g) => (g - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${u(i.value)}%` })), m = C(() => ({ left: `${u(c.value)}%` })), f = C(() => {
+      if (!t.range) return { width: `${u(i.value)}%`, left: "0%" };
+      const g = u(i.value), b = u(c.value);
+      return { left: `${g}%`, width: `${Math.max(0, b - g)}%` };
     });
     let p = null, y = null;
-    const V = async (b, g) => {
-      p = b, y = g.pointerId, b === "low" ? s.value = !0 : a.value = !0;
+    const V = async (g, b) => {
+      p = g, y = b.pointerId, g === "low" ? s.value = !0 : a.value = !0;
       try {
-        g.target.setPointerCapture(g.pointerId);
+        b.target.setPointerCapture(b.pointerId);
       } catch {
       }
       window.addEventListener("pointermove", _), window.addEventListener("pointerup", w);
-    }, w = (b) => {
-      if (y != null && b)
+    }, w = (g) => {
+      if (y != null && g)
         try {
-          b.target.releasePointerCapture(b.pointerId);
+          g.target.releasePointerCapture(g.pointerId);
         } catch {
         }
       p = null, y = null, s.value = !1, a.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", w), A();
-    }, _ = (b) => {
+    }, _ = (g) => {
       if (!p || !l.value) return;
-      const g = l.value.getBoundingClientRect(), $ = r(b.clientX - g.left, 0, g.width), z = t.min + $ / g.width * (t.max - t.min), I = Math.round(z / t.step) * t.step;
-      p === "low" ? t.range ? i.value = Math.min(I, u.value) : i.value = r(I, t.min, t.max) : p === "high" && (u.value = Math.max(I, i.value));
-    }, h = (b) => {
+      const b = l.value.getBoundingClientRect(), S = r(g.clientX - b.left, 0, b.width), z = t.min + S / b.width * (t.max - t.min), I = Math.round(z / t.step) * t.step;
+      p === "low" ? t.range ? i.value = Math.min(I, c.value) : i.value = r(I, t.min, t.max) : p === "high" && (c.value = Math.max(I, i.value));
+    }, h = (g) => {
       if (!l.value) return;
-      const g = l.value.getBoundingClientRect(), $ = r(b.clientX - g.left, 0, g.width), z = t.min + $ / g.width * (t.max - t.min), I = Math.round(z / t.step) * t.step;
+      const b = l.value.getBoundingClientRect(), S = r(g.clientX - b.left, 0, b.width), z = t.min + S / b.width * (t.max - t.min), I = Math.round(z / t.step) * t.step;
       if (t.range) {
-        const se = Math.abs(I - i.value), ie = Math.abs(I - u.value);
-        se <= ie ? i.value = Math.min(I, u.value) : u.value = Math.max(I, i.value);
+        const se = Math.abs(I - i.value), ie = Math.abs(I - c.value);
+        se <= ie ? i.value = Math.min(I, c.value) : c.value = Math.max(I, i.value);
       } else
         i.value = r(I, t.min, t.max);
       A();
-    }, O = (b, g) => {
-      const $ = t.step, z = g.key === "ArrowLeft" || g.key === "ArrowDown" ? -1 : g.key === "ArrowRight" || g.key === "ArrowUp" ? 1 : 0;
+    }, O = (g, b) => {
+      const S = t.step, z = b.key === "ArrowLeft" || b.key === "ArrowDown" ? -1 : b.key === "ArrowRight" || b.key === "ArrowUp" ? 1 : 0;
       if (z) {
-        if (b === "low") {
-          const I = r(i.value + z * $, t.min, t.range ? u.value : t.max);
+        if (g === "low") {
+          const I = r(i.value + z * S, t.min, t.range ? c.value : t.max);
           i.value = I, s.value = !0, setTimeout(() => s.value = !1, 800);
         } else {
-          const I = r(u.value + z * $, t.range ? i.value : t.max, t.max);
-          u.value = I, a.value = !0, setTimeout(() => a.value = !1, 800);
+          const I = r(c.value + z * S, t.range ? i.value : t.max, t.max);
+          c.value = I, a.value = !0, setTimeout(() => a.value = !1, 800);
         }
         A();
       }
     }, A = () => {
-      t.range ? (o("update:modelValue", [i.value, u.value]), o("change", [i.value, u.value])) : (o("update:modelValue", i.value), o("change", i.value));
+      t.range ? (o("update:modelValue", [i.value, c.value]), o("change", [i.value, c.value])) : (o("update:modelValue", i.value), o("change", i.value));
     };
-    Oe(() => {
+    Te(() => {
       window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", w);
     }), q([() => t.min, () => t.max], () => {
-      i.value = r(i.value, t.min, t.max), u.value = r(u.value, t.min, t.max);
+      i.value = r(i.value, t.min, t.max), c.value = r(c.value, t.min, t.max);
     });
     const F = C(() => t.range);
     return he(() => {
-      t.modelValue === void 0 && (t.range ? o("update:modelValue", [i.value, u.value]) : o("update:modelValue", i.value));
-    }), (b, g) => (v(), x("div", {
+      t.modelValue === void 0 && (t.range ? o("update:modelValue", [i.value, c.value]) : o("update:modelValue", i.value));
+    }), (g, b) => (v(), x("div", {
       class: "vj-slider",
-      onPointerdown: g[8] || (g[8] = de(() => {
+      onPointerdown: b[8] || (b[8] = de(() => {
       }, ["stop"]))
     }, [
       k("div", {
@@ -2291,7 +2480,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
           key: 0,
           class: "tooltip",
           style: Z({ left: d.value.left })
-        }, j(i.value), 5)) : L("", !0),
+        }, D(i.value), 5)) : $("", !0),
         k("button", {
           class: "handle low",
           style: Z(d.value),
@@ -2299,37 +2488,37 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
           "aria-valuemax": e.max,
           "aria-valuenow": i.value,
           "aria-label": F.value ? "Lower value" : "Value",
-          onPointerdown: g[0] || (g[0] = de(($) => V("low", $), ["prevent"])),
-          onFocus: g[1] || (g[1] = ($) => s.value = !0),
-          onBlur: g[2] || (g[2] = ($) => s.value = !1),
-          onKeydown: g[3] || (g[3] = de(($) => O("low", $), ["stop", "prevent"])),
+          onPointerdown: b[0] || (b[0] = de((S) => V("low", S), ["prevent"])),
+          onFocus: b[1] || (b[1] = (S) => s.value = !0),
+          onBlur: b[2] || (b[2] = (S) => s.value = !1),
+          onKeydown: b[3] || (b[3] = de((S) => O("low", S), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Bl),
+        }, null, 44, ql),
         F.value && a.value ? (v(), x("div", {
           key: 1,
           class: "tooltip",
           style: Z({ left: m.value.left })
-        }, j(u.value), 5)) : L("", !0),
+        }, D(c.value), 5)) : $("", !0),
         F.value ? (v(), x("button", {
           key: 2,
           class: "handle high",
           style: Z(m.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
-          "aria-valuenow": u.value,
+          "aria-valuenow": c.value,
           "aria-label": "Upper value",
-          onPointerdown: g[4] || (g[4] = de(($) => V("high", $), ["prevent"])),
-          onFocus: g[5] || (g[5] = ($) => a.value = !0),
-          onBlur: g[6] || (g[6] = ($) => a.value = !1),
-          onKeydown: g[7] || (g[7] = de(($) => O("high", $), ["stop", "prevent"])),
+          onPointerdown: b[4] || (b[4] = de((S) => V("high", S), ["prevent"])),
+          onFocus: b[5] || (b[5] = (S) => a.value = !0),
+          onBlur: b[6] || (b[6] = (S) => a.value = !1),
+          onKeydown: b[7] || (b[7] = de((S) => O("high", S), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Ml)) : L("", !0)
+        }, null, 44, Gl)) : $("", !0)
       ], 512)
     ], 32));
   }
-}), Fl = /* @__PURE__ */ M(Pl, [["__scopeId", "data-v-d47c7475"]]), Dl = ["onFocusin", "onFocusout"], jl = /* @__PURE__ */ B({
+}), Jl = /* @__PURE__ */ M(Yl, [["__scopeId", "data-v-d47c7475"]]), Ql = ["onFocusin", "onFocusout"], Zl = /* @__PURE__ */ B({
   __name: "input-slider",
   props: {
     modelValue: {},
@@ -2348,11 +2537,11 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), s = R(Number.isNaN(l) ? 0 : l), a = (r) => {
+    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), s = E(Number.isNaN(l) ? 0 : l), a = (r) => {
       const i = typeof r == "number" ? r : Number(r ?? 0);
       s.value = Number.isNaN(i) ? 0 : i, o("update:modelValue", s.value), o("input", s.value);
     };
-    return (r, i) => (v(), P(Fe, {
+    return (r, i) => (v(), j(Fe, {
       modelValue: s.value,
       "onUpdate:modelValue": a,
       label: t.label,
@@ -2364,28 +2553,28 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       spanRow: t.spanRow,
       error: t.error
     }, {
-      control: W(({ id: u, disabled: c, placeholder: d, onFocus: m, onBlur: f }) => [
+      control: W(({ id: c, disabled: u, placeholder: d, onFocus: m, onBlur: f }) => [
         k("div", {
           class: "input-slider__control",
           onFocusin: m,
           onFocusout: f
         }, [
-          D(Fl, {
-            id: u,
+          P(Jl, {
+            id: c,
             modelValue: s.value,
             "onUpdate:modelValue": i[0] || (i[0] = (p) => s.value = p),
             min: t.min,
             max: t.max,
             step: t.step,
             range: !1,
-            disabled: c
+            disabled: u
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Dl)
+        ], 40, Ql)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), zl = /* @__PURE__ */ M(jl, [["__scopeId", "data-v-051e6d17"]]), Il = { class: "textarea" }, Nl = ["value", "placeholder", "disabled", "rows"], Hl = /* @__PURE__ */ B({
+}), ea = /* @__PURE__ */ M(Zl, [["__scopeId", "data-v-051e6d17"]]), ta = { class: "textarea" }, na = ["value", "placeholder", "disabled", "rows"], oa = /* @__PURE__ */ B({
   __name: "textarea",
   props: /* @__PURE__ */ ue({
     icon: {},
@@ -2399,24 +2588,24 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   }),
   emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, o = ye(e, "modelValue"), l = (u) => {
-      o.value = u.target.value;
+    const t = n, o = ye(e, "modelValue"), l = (c) => {
+      o.value = c.target.value;
     }, s = () => {
       o.value = "";
-    }, a = (u) => {
-      t("focus", u);
-    }, r = (u) => {
-      t("blur", u);
+    }, a = (c) => {
+      t("focus", c);
+    }, r = (c) => {
+      t("blur", c);
     }, i = C(() => !o.value);
-    return (u, c) => {
+    return (c, u) => {
       const d = U("VjIcon");
-      return v(), x("div", Il, [
-        e.icon ? (v(), P(d, {
+      return v(), x("div", ta, [
+        e.icon ? (v(), j(d, {
           key: 0,
           icon: e.icon,
-          size: E(X).S,
+          size: R(X).S,
           class: "textarea-icon"
-        }, null, 8, ["icon", "size"])) : L("", !0),
+        }, null, 8, ["icon", "size"])) : $("", !0),
         k("textarea", {
           value: o.value,
           onInput: l,
@@ -2425,18 +2614,18 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Nl),
-        e.clearable && !e.disabled ? (v(), P(d, {
+        }, null, 40, na),
+        e.clearable && !e.disabled ? (v(), j(d, {
           key: 1,
           class: N(["clear-icon", { invisible: i.value }]),
-          icon: E(H).CLOSE,
-          size: E(X).S,
+          icon: R(H).CLOSE,
+          size: R(X).S,
           onClick: s
-        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+        }, null, 8, ["class", "icon", "size"])) : $("", !0)
       ]);
     };
   }
-}), Yt = /* @__PURE__ */ M(Hl, [["__scopeId", "data-v-2ea43716"]]), Wl = /* @__PURE__ */ B({
+}), Zt = /* @__PURE__ */ M(oa, [["__scopeId", "data-v-2ea43716"]]), la = /* @__PURE__ */ B({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -2453,13 +2642,13 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = (c) => o("update:modelValue", c), s = (c) => o("input", c), a = (c) => o("focus", c), r = (c) => o("blur", c), i = (c) => {
-      l(c ?? "");
-    }, u = C(() => {
-      const c = t.modelValue;
-      return c == null ? "" : String(c);
+    const t = e, o = n, l = (u) => o("update:modelValue", u), s = (u) => o("input", u), a = (u) => o("focus", u), r = (u) => o("blur", u), i = (u) => {
+      l(u ?? "");
+    }, c = C(() => {
+      const u = t.modelValue;
+      return u == null ? "" : String(u);
     });
-    return (c, d) => (v(), P(Fe, {
+    return (u, d) => (v(), j(Fe, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
       onInput: s,
@@ -2476,9 +2665,9 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       error: t.error
     }, {
       control: W(({ id: m, disabled: f, placeholder: p, onFocus: y, onBlur: V }) => [
-        D(Yt, {
+        P(Zt, {
           id: m,
-          modelValue: u.value,
+          modelValue: c.value,
           "onUpdate:modelValue": i,
           onFocus: (w) => {
             y(w), a(w);
@@ -2495,7 +2684,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error"]));
   }
-}), Ul = { class: "input" }, Xl = ["value", "type", "placeholder", "disabled"], Kl = /* @__PURE__ */ B({
+}), aa = { class: "input" }, sa = ["value", "type", "placeholder", "disabled"], ia = /* @__PURE__ */ B({
   __name: "input",
   props: /* @__PURE__ */ ue({
     icon: {},
@@ -2509,23 +2698,23 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   }),
   emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, o = ye(e, "modelValue"), l = (u) => {
-      o.value = u.target.value;
+    const t = n, o = ye(e, "modelValue"), l = (c) => {
+      o.value = c.target.value;
     }, s = () => {
       o.value = "";
-    }, a = (u) => {
-      t("focus", u);
-    }, r = (u) => {
-      t("blur", u);
+    }, a = (c) => {
+      t("focus", c);
+    }, r = (c) => {
+      t("blur", c);
     }, i = C(() => !o.value);
-    return (u, c) => {
+    return (c, u) => {
       const d = U("VjIcon");
-      return v(), x("div", Ul, [
-        e.icon ? (v(), P(d, {
+      return v(), x("div", aa, [
+        e.icon ? (v(), j(d, {
           key: 0,
           icon: e.icon,
-          size: E(X).S
-        }, null, 8, ["icon", "size"])) : L("", !0),
+          size: R(X).S
+        }, null, 8, ["icon", "size"])) : $("", !0),
         k("input", {
           value: o.value,
           onInput: l,
@@ -2534,18 +2723,18 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Xl),
-        e.clearable && !e.disabled ? (v(), P(d, {
+        }, null, 40, sa),
+        e.clearable && !e.disabled ? (v(), j(d, {
           key: 1,
           class: N(["clear-icon", { invisible: i.value }]),
-          icon: E(H).CLOSE,
-          size: E(X).S,
+          icon: R(H).CLOSE,
+          size: R(X).S,
           onClick: s
-        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+        }, null, 8, ["class", "icon", "size"])) : $("", !0)
       ]);
     };
   }
-}), Jt = /* @__PURE__ */ M(Kl, [["__scopeId", "data-v-3187d49c"]]), ql = /* @__PURE__ */ B({
+}), en = /* @__PURE__ */ M(ia, [["__scopeId", "data-v-3187d49c"]]), ra = /* @__PURE__ */ B({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -2565,7 +2754,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
     const t = n, o = (i) => t("update:modelValue", i), l = (i) => t("input", i), s = (i) => t("focus", i), a = (i) => t("blur", i), r = (i) => {
       o(i ?? "");
     };
-    return (i, u) => (v(), P(Fe, {
+    return (i, c) => (v(), j(Fe, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": o,
       onInput: l,
@@ -2581,9 +2770,9 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       error: e.error,
       labelPosition: e.labelPosition
     }, {
-      control: W(({ id: c, disabled: d, placeholder: m, onFocus: f, onBlur: p }) => [
-        D(Jt, {
-          id: c,
+      control: W(({ id: u, disabled: d, placeholder: m, onFocus: f, onBlur: p }) => [
+        P(en, {
+          id: u,
           modelValue: e.modelValue,
           type: e.type,
           "onUpdate:modelValue": r,
@@ -2601,7 +2790,7 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition"]));
   }
-}), Gl = { class: "shell-navigation-item" }, Yl = { class: "shell-navigation-item-label" }, Jl = /* @__PURE__ */ B({
+}), ca = { class: "shell-navigation-item" }, ua = { class: "shell-navigation-item-label" }, da = /* @__PURE__ */ B({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -2611,27 +2800,27 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
   setup(e) {
     return (n, t) => {
       const o = U("VjIcon"), l = U("RouterLink");
-      return v(), x("li", Gl, [
-        D(l, {
+      return v(), x("li", ca, [
+        P(l, {
           to: e.to,
           class: "shell-navigation-item-link"
         }, {
           default: W(() => [
-            D(o, {
+            P(o, {
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            k("label", Yl, j(e.label), 1)
+            k("label", ua, D(e.label), 1)
           ]),
           _: 1
         }, 8, ["to"])
       ]);
     };
   }
-}), Ql = /* @__PURE__ */ M(Jl, [["__scopeId", "data-v-d5c087be"]]), Zl = { class: "navigation-top" }, ea = { class: "navigation-bottom" }, ta = /* @__PURE__ */ B({
+}), fa = /* @__PURE__ */ M(da, [["__scopeId", "data-v-d5c087be"]]), ma = { class: "navigation-top" }, va = { class: "navigation-bottom" }, pa = /* @__PURE__ */ B({
   __name: "shell-navigation",
   setup(e) {
-    const n = St(fa, va());
+    const n = $t(_a, ka());
     console.log("navigationProvider", n);
     const t = C(() => n.showLabels);
     return (o, l) => {
@@ -2639,27 +2828,27 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
       return v(), x("nav", {
         class: N(["shell-navigation", { "with-labels": t.value }])
       }, [
-        k("ul", Zl, [
-          E(n).hasParent && E(n).backRoute.value ? (v(), P(s, {
+        k("ul", ma, [
+          R(n).hasParent && R(n).backRoute.value ? (v(), j(s, {
             key: 0,
-            to: E(n).backRoute.value,
+            to: R(n).backRoute.value,
             label: "BACK",
-            icon: E(H).HOME
-          }, null, 8, ["to", "icon"])) : L("", !0),
-          (v(!0), x(be, null, Xe(E(n).childRoutes.value, (a) => (v(), P(s, {
+            icon: R(H).HOME
+          }, null, 8, ["to", "icon"])) : $("", !0),
+          (v(!0), x(ge, null, Xe(R(n).childRoutes.value, (a) => (v(), j(s, {
             key: a.name,
             to: { name: a.name },
             label: a.meta.label,
-            icon: a.meta.icon ?? E(H).HOME
+            icon: a.meta.icon ?? R(H).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        k("ul", ea, [
+        k("ul", va, [
           T(o.$slots, "fixed", {}, void 0, !0)
         ])
       ], 2);
     };
   }
-}), Qt = /* @__PURE__ */ M(ta, [["__scopeId", "data-v-0f990f5b"]]), na = { class: "shell" }, oa = { class: "shell-title" }, la = ["src"], aa = { class: "header-actions" }, sa = /* @__PURE__ */ B({
+}), tn = /* @__PURE__ */ M(pa, [["__scopeId", "data-v-0f990f5b"]]), ha = { class: "shell" }, ga = { class: "shell-title" }, ba = ["src"], ya = { class: "header-actions" }, wa = /* @__PURE__ */ B({
   __name: "shell",
   props: {
     title: {},
@@ -2667,204 +2856,88 @@ const hl = ["data-colspan", "data-newline"], bl = ["for"], gl = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = ya(), t = Je(n, "asideComponent"), o = Je(n, "hasAside"), l = Je(n, "asideData"), s = C(() => {
+    const n = Sa(), t = Je(n, "asideComponent"), o = Je(n, "hasAside"), l = Je(n, "asideData"), s = C(() => {
       const a = l.value;
       return a && typeof a == "object" ? a : {};
     });
     return (a, r) => {
       const i = U("router-view");
-      return v(), x("div", na, [
+      return v(), x("div", ha, [
         k("header", null, [
-          k("span", oa, [
+          k("span", ga, [
             e.icon ? (v(), x("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, la)) : L("", !0),
-            k("h1", null, j(e.title), 1)
+            }, null, 8, ba)) : $("", !0),
+            k("h1", null, D(e.title), 1)
           ]),
-          k("div", aa, [
+          k("div", ya, [
             T(a.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         k("div", {
           class: N(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (v(), P(E(Qt), { key: 0 })) : L("", !0),
+          e.showNavigation ? (v(), j(R(tn), { key: 0 })) : $("", !0),
           k("main", null, [
             T(a.$slots, "default", {}, () => [
-              D(i)
+              P(i)
             ], !0)
           ]),
           k("aside", {
             class: N({ "aside-visible": o.value })
           }, [
-            (v(), P(Et(t.value), cn(un(s.value)), null, 16))
+            (v(), j(St(t.value), fn(mn(s.value)), null, 16))
           ], 2)
         ], 2),
         r[0] || (r[0] = k("footer", null, null, -1))
       ]);
     };
   }
-}), ia = /* @__PURE__ */ M(sa, [["__scopeId", "data-v-336560c3"]]), ra = {
-  mounted(e) {
-    e.classList.add("compact");
-  },
-  unmounted(e) {
-    e.classList.remove("compact");
-  }
-}, Zt = [
-  'input:not([disabled]):not([type="hidden"])',
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  '[tabindex]:not([tabindex="-1"])',
-  '[contenteditable="true"]'
-].join(", ");
-function ca(e) {
-  const n = e.querySelectorAll(Zt);
-  for (const t of Array.from(n))
-    if (t.offsetParent !== null || t.getClientRects().length > 0)
-      return t;
-  return null;
-}
-const ua = {
-  mounted(e, n) {
-    const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(Zt)) {
-        e.focus();
-        return;
-      }
-      const l = ca(e);
-      l && l.focus();
-    };
-    t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
-  }
-};
-class it {
-  static _instance = null;
-  observer = null;
-  targets = /* @__PURE__ */ new Map();
-  constructor() {
-    this.init();
-  }
-  static get instance() {
-    return this._instance || (this._instance = new it()), this._instance;
-  }
-  init() {
-    typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
-      for (const t of n) this.handleEntry(t);
-    }) : typeof window < "u" && globalThis.addEventListener("resize", this.handleWindowResize);
-  }
-  handleWindowResize = () => {
-    for (const n of this.targets.keys()) {
-      const t = n.getBoundingClientRect(), o = {
-        target: n,
-        contentRect: t
-      };
-      this.handleEntry(o);
-    }
-  };
-  handleEntry(n) {
-    const t = this.targets.get(n.target);
-    if (!t) return;
-    const o = n.contentRect.width, l = n.contentRect.height, s = n.target;
-    for (const a of t.callbacks)
-      try {
-        a(o, l, s);
-      } catch (r) {
-        console.error("resize callback error", r);
-      }
-    if (t.breakpoints) {
-      const a = Object.keys(t.breakpoints).map((i) => Number(i)).filter((i) => !Number.isNaN(i)).sort((i, u) => i - u);
-      let r;
-      for (const i of a)
-        o >= i && (r = t.breakpoints[i]);
-      r !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), r && n.target.classList.add(r), t.currentClass = r);
-    }
-  }
-  observe(n, t, o) {
-    const l = this.targets.get(n);
-    if (l)
-      t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
-    else {
-      const s = /* @__PURE__ */ new Set();
-      t && s.add(t), this.targets.set(n, { callbacks: s, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
-    }
-    if (o?.immediate) {
-      const s = n.getBoundingClientRect(), a = { target: n, contentRect: s };
-      if (this.handleEntry(a), t) {
-        const r = s.width, i = s.height;
-        t(r, i, n);
-      }
-    }
-  }
-  unobserve(n, t) {
-    const o = this.targets.get(n);
-    o && (t && o.callbacks.delete(t), (!t || o.callbacks.size === 0) && (this.targets.delete(n), this.observer && this.observer.unobserve(n), o.currentClass && n.classList && n.classList.remove(o.currentClass)));
-  }
-}
-const Ve = it.instance, da = {
-  mounted(e, n) {
-    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, s = typeof t == "object" && !!t?.immediate, a = e;
-    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: s });
-  },
-  updated(e, n) {
-    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, s = n.value, a = typeof s == "function" ? s : s?.onResize, r = typeof s == "object" && s?.breakpoints ? s.breakpoints : void 0;
-    if (o !== a) {
-      o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !!(s && typeof s == "object" && s.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = r;
-      return;
-    }
-    JSON.stringify(l || {}) !== JSON.stringify(r || {}) && (o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !0 }), t.__resize_breakpoints = r);
-  },
-  unmounted(e) {
-    const n = e, t = n.__resize_cb;
-    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
-  }
-}, fa = "navigationProvider";
-function ma(e) {
+}), xa = /* @__PURE__ */ M(wa, [["__scopeId", "data-v-336560c3"]]), _a = "navigationProvider";
+function Va(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const va = () => {
-  const e = vn(), n = pn(), t = !0, o = C(() => {
-    const c = e.getRoutes();
-    return c.filter((d) => d.path !== "/" && !c.some((m) => m.children?.some((f) => f.name === d.name)));
+const ka = () => {
+  const e = gn(), n = bn(), t = !0, o = C(() => {
+    const u = e.getRoutes();
+    return u.filter((d) => d.path !== "/" && !u.some((m) => m.children?.some((f) => f.name === d.name)));
   }), l = C(() => {
-    const c = n.matched;
-    return c.length ? c[c.length - 1] : null;
+    const u = n.matched;
+    return u.length ? u[u.length - 1] : null;
   }), s = C(() => {
-    const c = n.matched;
-    return c.length > 1 ? c[c.length - 2] : null;
+    const u = n.matched;
+    return u.length > 1 ? u[u.length - 2] : null;
   }), a = C(() => !!(l.value?.children?.length || s.value)), r = C(() => l.value?.children?.length ? l.value : s.value?.children?.length ? s.value : null), i = C(() => {
     if (!r.value) return null;
     const d = e.getRoutes().find((m) => m.children?.some((f) => f.name === r.value.name));
     return d ? { name: d.name } : { path: "/" };
-  }), u = C(() => {
-    let c = [];
-    return n.path === "/" ? c = o.value : l.value?.children?.length ? c = l.value.children : s.value?.children?.length ? c = s.value.children : c = o.value, c.filter(ma);
+  }), c = C(() => {
+    let u = [];
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : s.value?.children?.length ? u = s.value.children : u = o.value, u.filter(Va);
   });
   return {
     hasParent: a,
     backRoute: i,
-    childRoutes: u,
+    childRoutes: c,
     showLabels: t
   };
-}, Sa = (e, n = !0, t = void 0) => {
-  const o = dn(e) ? e : R(e), l = !!t, s = R(t || null);
+}, Fa = (e, n = !0, t = void 0) => {
+  const o = vn(e) ? e : E(e), l = !!t, s = E(t || null);
   return {
     hasParent: l,
     backRoute: s,
     childRoutes: o,
     showLabels: n
   };
-}, rt = R(!1), ct = R(null), ut = R(null);
+}, rt = E(!1), ct = E(null), ut = E(null);
 let Ce = [];
-const en = (e) => (Ce.push(e), () => {
+const nn = (e) => (Ce.push(e), () => {
   Ce = Ce.filter((n) => n !== e);
-}), pa = (e, n) => (Ce = [], ct.value = e, ut.value = n ?? null, rt.value = !0, {
-  onClose: (t) => en(t)
-}), ha = (e) => {
+}), Ca = (e, n) => (Ce = [], ct.value = e, ut.value = n ?? null, rt.value = !0, {
+  onClose: (t) => nn(t)
+}), Ea = (e) => {
   try {
     Ce.forEach((n) => {
       try {
@@ -2874,26 +2947,26 @@ const en = (e) => (Ce.push(e), () => {
       }
     });
   } finally {
-    rt.value = !1, setTimeout(ba, 1e3);
+    rt.value = !1, setTimeout(Ra, 1e3);
   }
-}, ba = () => {
+}, Ra = () => {
   Ce = [], ct.value = null, ut.value = null;
-}, ga = {
+}, La = {
   asideComponent: ct,
   asideData: ut,
-  showAside: pa,
-  closeAside: ha,
-  onAsideClose: en,
+  showAside: Ca,
+  closeAside: Ea,
+  onAsideClose: nn,
   hasAside: rt
-}, ya = () => ga, $a = (e, n) => {
+}, Sa = () => La, Da = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
       e(...l);
     }, n);
   };
-}, La = () => {
-  const e = R(!1), n = R(null), t = () => {
+}, za = () => {
+  const e = E(!1), n = E(null), t = () => {
     n.value = null;
   };
   class o {
@@ -2933,7 +3006,7 @@ const en = (e) => (Ce.push(e), () => {
   }
   return { run: l, running: e, error: n, clearError: t };
 };
-class wa {
+class $a {
   containerElement = null;
   apps = [];
   ensureContainer() {
@@ -2946,12 +3019,12 @@ class wa {
       let s = !1;
       const a = () => {
         s || (s = !0, setTimeout(() => {
-          const i = this.apps.find((u) => u.element === l);
-          i && (i.app.unmount(), this.apps = this.apps.filter((u) => u !== i)), l.remove();
+          const i = this.apps.find((c) => c.element === l);
+          i && (i.app.unmount(), this.apps = this.apps.filter((c) => c !== i)), l.remove();
         }, 300));
-      }, r = fn({
+      }, r = pn({
         setup() {
-          return () => mn(At, {
+          return () => hn(Tt, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -2975,7 +3048,7 @@ class wa {
           });
         }
       });
-      r.component("VjCard", Lt), r.component("VjIcon", Te), r.component("VjButton", $t), r.mount(l), this.apps.push({ app: r, element: l });
+      r.component("VjCard", Ot), r.component("VjIcon", Be), r.component("VjButton", At), r.mount(l), this.apps.push({ app: r, element: l });
     });
   }
   confirm(n) {
@@ -3003,61 +3076,62 @@ class wa {
     }), this.apps = [];
   }
 }
-const xa = new wa();
-function Aa() {
-  return xa;
+const Aa = new $a();
+function Ia() {
+  return Aa;
 }
-const Oa = {
+const Na = {
   install(e) {
-    e.component("VjButton", $t), e.component("VjButtonBar", xn), e.component("VjCard", Lt), e.component("VjCarousel", Bn), e.component("VjDotMenu", To), e.component("VjIcon", Te), e.component("VjLinkButton", Mo), e.component("VjMenu", Ho), e.component("VjMenuAction", jo), e.component("VjPage", Jo), e.component("VjPaginator", el), e.component("VjTab", vl), e.component("VjTabView", fl), e.component("VjDialog", At), e.component("VjInput", Jt), e.component("VjSelect", Gt), e.component("VjTextArea", Yt), e.component("VjFormField", Fe), e.component("VjFormLayout", Vl), e.component("VjFormSection", Rl), e.component("VjInputText", ql), e.component("VjInputTextArea", Wl), e.component("VjInputSelect", Tl), e.component("VjInputSlider", zl), e.component("VjShellNavigation", Qt), e.component("VjShellNavigationItem", Ql), e.component("VjShell", ia), e.component("VjSearchField", ll), e.component("VjSeparator", sl), e.directive("focus", ua), e.directive("resize", da), e.directive("compact", ra);
+    e.component("VjButton", At), e.component("VjButtonBar", kn), e.component("VjCard", Ot), e.component("VjCarousel", jn), e.component("VjDotMenu", Po), e.component("VjIcon", Be), e.component("VjLinkButton", Fo), e.component("VjMenu", Xo), e.component("VjMenuAction", No), e.component("VjPage", dl), e.component("VjPaginator", vl), e.component("VjTab", Ll), e.component("VjTabView", El), e.component("VjDialog", Tt), e.component("VjInput", en), e.component("VjSelect", Qt), e.component("VjTextArea", Zt), e.component("VjFormField", Fe), e.component("VjFormLayout", jl), e.component("VjFormSection", zl), e.component("VjInputText", ra), e.component("VjInputTextArea", la), e.component("VjInputSelect", Kl), e.component("VjInputSlider", ea), e.component("VjShellNavigation", tn), e.component("VjShellNavigationItem", fa), e.component("VjShell", xa), e.component("VjSearchField", bl), e.component("VjSeparator", wl), e.directive("focus", Go), e.directive("resize", Yo), e.directive("compact", Ko);
   }
 };
 export {
-  $t as Button,
-  xn as ButtonBar,
-  Lt as Card,
-  Bn as Carousel,
-  Ca as Checkbox,
-  At as Dialog,
-  To as DotMenu,
+  At as Button,
+  kn as ButtonBar,
+  Ot as Card,
+  jn as Carousel,
+  Ma as Checkbox,
+  Tt as Dialog,
+  Po as DotMenu,
   Fe as FormField,
-  Vl as FormLayout,
-  Rl as FormSection,
-  Te as Icon,
+  jl as FormLayout,
+  zl as FormSection,
+  Be as Icon,
   H as IconNames,
   X as IconSize,
-  Jt as Input,
-  Tl as InputSelect,
-  zl as InputSlider,
-  ql as InputText,
-  Wl as InputTextArea,
-  Mo as LinkButton,
-  Ho as Menu,
-  jo as MenuAction,
-  Jo as Page,
-  el as Paginator,
-  ll as SearchField,
-  Gt as Select,
-  sl as Separator,
-  ia as Shell,
-  Qt as ShellNavigation,
-  Ql as ShellNavigationItem,
-  vl as Tab,
-  fl as TabView,
-  Yt as TextArea,
-  Oa as VjComponents,
-  fa as VjNavigationProviderKey,
-  ra as compactDirective,
-  Ra as configureVueUI,
-  xa as dialogService,
-  pl as getVueUIConfig,
-  Ea as resetVueUIConfig,
-  ya as useAsideService,
-  $a as useDebounce,
-  Aa as useDialog,
-  La as useFlow,
-  va as useRouterNavigationProvider,
-  Sa as useStaticNavigationProvider,
-  ua as vFocusFirst,
-  da as vResize
+  en as Input,
+  Kl as InputSelect,
+  ea as InputSlider,
+  ra as InputText,
+  la as InputTextArea,
+  Fo as LinkButton,
+  Xo as Menu,
+  No as MenuAction,
+  dl as Page,
+  vl as Paginator,
+  bl as SearchField,
+  Qt as Select,
+  wl as Separator,
+  xa as Shell,
+  tn as ShellNavigation,
+  fa as ShellNavigationItem,
+  Ll as Tab,
+  El as TabView,
+  Zt as TextArea,
+  Na as VjComponents,
+  _a as VjNavigationProviderKey,
+  Ko as compactDirective,
+  Pa as configureVueUI,
+  Aa as dialogService,
+  Sl as getVueUIConfig,
+  ja as resetVueUIConfig,
+  Sa as useAsideService,
+  Da as useDebounce,
+  Ia as useDialog,
+  za as useFlow,
+  ka as useRouterNavigationProvider,
+  Fa as useStaticNavigationProvider,
+  Go as vFocusFirst,
+  ol as vLoading,
+  Yo as vResize
 };