@vanjana/vue-ui 0.1.118 → 0.1.122

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

@@ -1,24 +1,88 @@
-import { defineComponent as R, computed as C, createElementBlock as g, openBlock as f, normalizeClass as I, createElementVNode as _, createVNode as T, toDisplayString as A, unref as $, Transition as Le, withCtx as N, createCommentVNode as L, renderSlot as M, createBlock as P, createTextVNode as Ue, useSlots as Ut, ref as E, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as X, resolveComponent as q, normalizeStyle as G, Fragment as Q, renderList as pe, mergeModels as Y, useModel as se, withModifiers as U, provide as Nt, Teleport as Me, createSlots as ct, resolveDynamicComponent as Kt, mergeProps as yn, shallowRef as wn, getCurrentScope as _n, onScopeDispose as xn, shallowReadonly as Ve, render as St, resolveDirective as Xt, withDirectives as ut, withKeys as Be, inject as dt, onUnmounted as kn, vModelText as Vn, toRef as lt, normalizeProps as Cn, guardReactiveProps as En, TransitionGroup as $n, isRef as Ln, createApp as Sn, h as Tn } from "vue";
-import { useRouter as Rn, useRoute as An } from "vue-router";
-var z = /* @__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.LOGOUT = "fa-solid fa-right-from-bracket", 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-circle", 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.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", 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.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", 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.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(z || {}), K = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(K || {});
-const te = /* @__PURE__ */ R({
+import { defineComponent as R, computed as k, createElementBlock as g, openBlock as f, normalizeClass as I, unref as $, createBlock as P, createCommentVNode as L, resolveDynamicComponent as ut, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as Le, withCtx as N, renderSlot as M, createTextVNode as Ue, useSlots as Kt, ref as E, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as K, resolveComponent as q, normalizeStyle as G, Fragment as Q, renderList as pe, mergeModels as Y, useModel as se, withModifiers as U, provide as Xt, Teleport as Me, createSlots as dt, mergeProps as wn, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ce, render as Rt, resolveDirective as qt, withDirectives as ft, withKeys as Be, inject as vt, onUnmounted as Cn, vModelText as Vn, toRef as lt, normalizeProps as En, guardReactiveProps as $n, TransitionGroup as Ln, isRef as Sn, createApp as Tn, h as Rn } from "vue";
+import { useRouter as An, useRoute as On } from "vue-router";
+var z = /* @__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.LOGOUT = "fa-solid fa-right-from-bracket", 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-circle", 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.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", 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.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", 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.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(z || {}), X = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(X || {});
+class Dn {
+  icons = /* @__PURE__ */ new Map();
+  /**
+   * Register an icon component
+   * @param name - Unique identifier for the icon
+   * @param component - Vue component to render
+   */
+  registerComponent(n, t) {
+    this.icons.set(n, { type: "component", value: t });
+  }
+  /**
+   * Register a string-based icon (e.g., FontAwesome)
+   * @param name - Unique identifier for the icon
+   * @param iconString - Icon string (e.g., 'fa-solid fa-house')
+   */
+  registerString(n, t) {
+    this.icons.set(n, { type: "string", value: t });
+  }
+  /**
+   * Register multiple icons at once
+   * @param icons - Object with name as key and icon definition as value
+   */
+  registerBatch(n) {
+    Object.entries(n).forEach(([t, o]) => {
+      typeof o == "string" ? this.registerString(t, o) : this.registerComponent(t, o);
+    });
+  }
+  /**
+   * Get a registered icon by name
+   */
+  getIcon(n) {
+    return this.icons.get(n);
+  }
+  /**
+   * Check if an icon is registered
+   */
+  has(n) {
+    return this.icons.has(n);
+  }
+  /**
+   * Get all registered icon names
+   */
+  getIconNames() {
+    return Array.from(this.icons.keys());
+  }
+}
+const at = new Dn(), Bn = /* @__PURE__ */ R({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    const n = e, t = K.M, o = C(() => `${n.icon} ${n.size ?? t}`);
-    return (l, a) => (f(), g("i", {
-      class: I(o.value)
-    }, null, 2));
+    const n = e, t = X.M, o = k(() => n.icon.startsWith("fa-") ? !0 : at.getIcon(n.icon)?.type === "string"), l = k(() => {
+      if (n.icon.startsWith("fa-"))
+        return n.icon;
+      const i = at.getIcon(n.icon);
+      return i?.type === "string" ? i.value : "";
+    }), a = k(() => {
+      const i = at.getIcon(n.icon);
+      return i?.type === "component" ? i.value : null;
+    });
+    return (i, c) => (f(), g("div", {
+      class: I(["icon-wrapper", n.size ?? $(t)])
+    }, [
+      o.value ? (f(), g("i", {
+        key: 0,
+        class: I(l.value)
+      }, null, 2)) : a.value ? (f(), P(ut(a.value), { key: 1 })) : L("", !0)
+    ], 2));
   }
-}), On = ["aria-expanded", "disabled"], Dn = { class: "accordion-title" }, Bn = {
+}), A = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, l] of n)
+    t[o] = l;
+  return t;
+}, te = /* @__PURE__ */ A(Bn, [["__scopeId", "data-v-64e345f0"]]), jn = ["aria-expanded", "disabled"], Mn = { class: "accordion-title" }, Pn = {
   key: 0,
   id: "accordion-panel",
   class: "accordion-content",
   role: "region"
-}, jn = { class: "accordion-body" }, Mn = /* @__PURE__ */ R({
+}, Fn = { class: "accordion-body" }, zn = /* @__PURE__ */ R({
   __name: "accordion",
   props: {
     title: {},
@@ -47,21 +111,21 @@ const te = /* @__PURE__ */ R({
         disabled: e.disabled,
         "aria-controls": "accordion-panel"
       }, [
-        _("span", Dn, A(e.title), 1),
+        _("span", Mn, O(e.title), 1),
         T(te, {
           icon: $(z).CHEVRON_DOWN,
-          size: $(K).S,
+          size: $(X).S,
           class: "accordion-icon"
         }, null, 8, ["icon", "size"])
-      ], 8, On),
+      ], 8, jn),
       T(Le, {
         name: "accordion",
         onEnter: a,
         onLeave: i
       }, {
         default: N(() => [
-          e.expanded ? (f(), g("div", Bn, [
-            _("div", jn, [
+          e.expanded ? (f(), g("div", Pn, [
+            _("div", Fn, [
               M(c.$slots, "default", {}, void 0, !0)
             ])
           ])) : L("", !0)
@@ -70,23 +134,18 @@ const te = /* @__PURE__ */ R({
       })
     ], 2));
   }
-}), O = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, l] of n)
-    t[o] = l;
-  return t;
-}, Pn = /* @__PURE__ */ O(Mn, [["__scopeId", "data-v-8db9daae"]]), Fn = {}, zn = { class: "button-bar" }, In = { class: "left" }, Hn = { class: "right" };
-function Wn(e, n) {
-  return f(), g("div", zn, [
-    _("div", In, [
+}), In = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-8db9daae"]]), Hn = {}, Wn = { class: "button-bar" }, Un = { class: "left" }, Nn = { class: "right" };
+function Kn(e, n) {
+  return f(), g("div", Wn, [
+    _("div", Un, [
       M(e.$slots, "left", {}, void 0, !0)
     ]),
-    _("div", Hn, [
+    _("div", Nn, [
       M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a"]]), Nn = ["disabled"], Kn = /* @__PURE__ */ R({
+const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a"]]), qn = ["disabled"], Gn = /* @__PURE__ */ R({
   __name: "button",
   props: {
     label: {},
@@ -97,7 +156,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = K.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
+    const n = e, t = X.S, o = k(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = k(() => !n.label && !!n.icon);
     return (a, i) => (f(), g("button", {
       class: I(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
@@ -107,41 +166,41 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
         icon: e.icon,
         size: $(t)
       }, null, 8, ["icon", "size"])) : L("", !0),
-      Ue(" " + A(e.label), 1)
-    ], 10, Nn));
+      Ue(" " + O(e.label), 1)
+    ], 10, qn));
   }
-}), Ge = /* @__PURE__ */ O(Kn, [["__scopeId", "data-v-f31c33cf"]]), Xn = {
+}), Ge = /* @__PURE__ */ A(Gn, [["__scopeId", "data-v-f31c33cf"]]), Yn = {
   key: 0,
   class: "header-actions"
-}, qn = { key: 0 }, Gn = /* @__PURE__ */ R({
+}, Jn = { key: 0 }, Qn = /* @__PURE__ */ R({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = Ut();
+    const n = Kt();
     return (t, o) => (f(), g("div", {
       class: I(["card", { scrollable: e.scrollable }])
     }, [
       _("header", null, [
-        _("h3", null, A(e.header), 1),
-        $(n).headerActions ? (f(), g("span", Xn, [
+        _("h3", null, O(e.header), 1),
+        $(n).headerActions ? (f(), g("span", Yn, [
           M(t.$slots, "headerActions", {}, void 0, !0)
         ])) : L("", !0)
       ]),
       _("main", null, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      $(n).footer ? (f(), g("footer", qn, [
+      $(n).footer ? (f(), g("footer", Jn, [
         M(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
   }
-}), it = /* @__PURE__ */ O(Gn, [["__scopeId", "data-v-df450f32"]]), Yn = ["aria-label"], Jn = {
+}), st = /* @__PURE__ */ A(Qn, [["__scopeId", "data-v-df450f32"]]), Zn = ["aria-label"], eo = {
   key: 0,
   class: "carousel-indicators"
-}, Qn = /* @__PURE__ */ R({
+}, to = /* @__PURE__ */ R({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -158,16 +217,16 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
     let m = null, b = null;
     const x = E(null), w = E(null), S = () => {
       h.value = r.value ? r.value.children.length : 0, h.value === 0 ? s.value = 0 : s.value >= h.value && (s.value = l ? 0 : h.value - 1), H();
-    }, j = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), H = () => {
+    }, j = k(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), H = () => {
       r.value && Array.from(r.value.children).forEach((B, ye) => {
         try {
           ye === s.value ? B.removeAttribute("aria-hidden") : B.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
-    }, k = () => {
+    }, C = () => {
       V(), !(!t || h.value <= 1) && (a && y.value || (m = setTimeout(() => {
-        F(), k();
+        F(), C();
       }, o)));
     }, V = () => {
       m && (clearTimeout(m), m = null);
@@ -180,7 +239,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
     }, ne = () => {
       y.value = !0, a && V();
     }, fe = () => {
-      y.value = !1, k();
+      y.value = !1, C();
     }, ve = (B) => {
       B.key === "ArrowLeft" ? D() : B.key === "ArrowRight" && F();
     };
@@ -193,7 +252,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       oe > 50 ? D() : oe < -50 && F(), oe = 0;
     };
     let He = 0;
-    const Vt = (B) => {
+    const Et = (B) => {
       if (B.isPrimary !== !1 && !(B.pointerType === "mouse" && B.button !== 0)) {
         p = !0, He = B.clientX, v.value = 0, V();
         try {
@@ -201,20 +260,20 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
         } catch {
         }
       }
-    }, Ct = (B) => {
+    }, $t = (B) => {
       p && (v.value = B.clientX - He, B.preventDefault());
-    }, Et = () => {
+    }, Lt = () => {
       if (!p) return;
       p = !1;
       const B = Math.max(50, d.value * 0.15);
-      v.value > B ? D() : v.value < -B && F(), v.value = 0, k();
-    }, $t = (B) => {
+      v.value > B ? D() : v.value < -B && F(), v.value = 0, C();
+    }, St = (B) => {
       try {
         B.target?.releasePointerCapture?.(B.pointerId);
       } catch {
       }
-      Et();
-    }, Lt = () => Et();
+      Lt();
+    }, Tt = () => Lt();
     return Re(() => {
       he(() => {
         if (S(), r.value && (b = new MutationObserver(S), b.observe(r.value, { childList: !0 }), r.value.addEventListener("touchstart", re, { passive: !0 }), r.value.addEventListener("touchmove", J, { passive: !0 }), r.value.addEventListener("touchend", le)), u.value) {
@@ -228,16 +287,16 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
             we.observe(u.value), x.value = we;
           } else
             window.addEventListener("resize", B), w.value = B;
-          u.value && (u.value.addEventListener("pointerdown", Vt), u.value.addEventListener("pointermove", Ct), u.value.addEventListener("pointerup", $t), u.value.addEventListener("pointercancel", Lt));
+          u.value && (u.value.addEventListener("pointerdown", Et), u.value.addEventListener("pointermove", $t), u.value.addEventListener("pointerup", St), u.value.addEventListener("pointercancel", Tt));
         }
-        H(), k();
+        H(), C();
       });
     }), Ae(() => {
-      V(), b && r.value && b.disconnect(), r.value && (r.value.removeEventListener("touchstart", re), r.value.removeEventListener("touchmove", J), r.value.removeEventListener("touchend", le)), u.value && (x.value && x.value.disconnect && x.value.disconnect(), w.value && window.removeEventListener("resize", w.value), u.value.removeEventListener("pointerdown", Vt), u.value.removeEventListener("pointermove", Ct), u.value.removeEventListener("pointerup", $t), u.value.removeEventListener("pointercancel", Lt));
-    }), X([s, () => h.value], () => {
+      V(), b && r.value && b.disconnect(), r.value && (r.value.removeEventListener("touchstart", re), r.value.removeEventListener("touchmove", J), r.value.removeEventListener("touchend", le)), u.value && (x.value && x.value.disconnect && x.value.disconnect(), w.value && window.removeEventListener("resize", w.value), u.value.removeEventListener("pointerdown", Et), u.value.removeEventListener("pointermove", $t), u.value.removeEventListener("pointerup", St), u.value.removeEventListener("pointercancel", Tt));
+    }), K([s, () => h.value], () => {
       H();
-    }), X([() => y.value, s], () => {
-      k();
+    }), K([() => y.value, s], () => {
+      C();
     }), (B, ye) => {
       const we = q("VjButton");
       return f(), g("div", {
@@ -278,23 +337,23 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        h.value > 1 ? (f(), g("div", Jn, [
+        h.value > 1 ? (f(), g("div", eo, [
           (f(!0), g(Q, null, pe(h.value, (Oe) => (f(), P(we, {
             key: Oe - 1,
             class: I(["indicator", { active: Oe - 1 === s.value }]),
-            onClick: (ss) => W(Oe - 1),
+            onClick: (us) => W(Oe - 1),
             "aria-current": Oe - 1 === s.value,
             "aria-label": `Go to slide ${Oe}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
         ])) : L("", !0)
-      ], 40, Yn);
+      ], 40, Zn);
     };
   }
-}), us = /* @__PURE__ */ O(Qn, [["__scopeId", "data-v-232abca2"]]), Zn = { class: "checkbox" }, eo = ["checked", "disabled"], to = {
+}), vs = /* @__PURE__ */ A(to, [["__scopeId", "data-v-232abca2"]]), no = { class: "checkbox" }, oo = ["checked", "disabled"], lo = {
   key: 0,
   class: "checkbox-label"
-}, no = /* @__PURE__ */ R({
+}, ao = /* @__PURE__ */ R({
   __name: "checkbox",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -309,14 +368,14 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (f(), g("label", Zn, [
+    return (o, l) => (f(), g("label", no, [
       _("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "checkbox-input"
-      }, null, 40, eo),
+      }, null, 40, oo),
       l[0] || (l[0] = _("span", { class: "checkbox-box" }, [
         _("svg", {
           class: "checkbox-icon",
@@ -334,13 +393,13 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
           })
         ])
       ], -1)),
-      e.label ? (f(), g("span", to, A(e.label), 1)) : L("", !0)
+      e.label ? (f(), g("span", lo, O(e.label), 1)) : L("", !0)
     ]));
   }
-}), oo = /* @__PURE__ */ O(no, [["__scopeId", "data-v-d44b45ff"]]), lo = { class: "radio" }, ao = ["checked", "disabled"], io = {
+}), io = /* @__PURE__ */ A(ao, [["__scopeId", "data-v-d44b45ff"]]), so = { class: "radio" }, ro = ["checked", "disabled"], co = {
   key: 0,
   class: "radio-label"
-}, so = /* @__PURE__ */ R({
+}, uo = /* @__PURE__ */ R({
   __name: "radio",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -355,24 +414,24 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       const l = o.target;
       n.value = l.checked;
     };
-    return (o, l) => (f(), g("label", lo, [
+    return (o, l) => (f(), g("label", so, [
       _("input", {
         type: "checkbox",
         checked: n.value,
         onChange: t,
         disabled: e.disabled,
         class: "radio-input"
-      }, null, 40, ao),
+      }, null, 40, ro),
       l[0] || (l[0] = _("span", { class: "radio-box" }, [
         _("span", {
           class: "radio-dot",
           "aria-hidden": "true"
         })
       ], -1)),
-      e.label ? (f(), g("span", io, A(e.label), 1)) : L("", !0)
+      e.label ? (f(), g("span", co, O(e.label), 1)) : L("", !0)
     ]));
   }
-}), ds = /* @__PURE__ */ O(so, [["__scopeId", "data-v-f9e4bb65"]]), ro = { class: "chip__label" }, co = /* @__PURE__ */ R({
+}), ms = /* @__PURE__ */ A(uo, [["__scopeId", "data-v-f9e4bb65"]]), fo = { class: "chip__label" }, vo = /* @__PURE__ */ R({
   __name: "chip",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -384,7 +443,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
   }),
   emits: /* @__PURE__ */ Y(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = se(e, "modelValue"), l = n, a = t.dismissable ?? !1, i = C(() => {
+    const t = e, o = se(e, "modelValue"), l = n, a = t.dismissable ?? !1, i = k(() => {
       const s = {};
       return t.color && (s.color = `var(--on-surface-${t.color})`, s.background = `var(--surface-${t.color})`), s;
     }), c = () => {
@@ -395,7 +454,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       style: G(i.value),
       onClick: r[0] || (r[0] = (u) => s.$emit("click"))
     }, [
-      _("span", ro, A(e.label), 1),
+      _("span", fo, O(e.label), 1),
       $(a) ? (f(), g("button", {
         key: 0,
         class: "chip__close",
@@ -405,18 +464,18 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       }, [
         T(te, {
           icon: $(z).CLOSE,
-          size: $(K).S
+          size: $(X).S
         }, null, 8, ["icon", "size"])
       ])) : L("", !0)
     ], 6));
   }
-}), qt = /* @__PURE__ */ O(co, [["__scopeId", "data-v-c2014a3b"]]), uo = { class: "chip-group" }, fo = {
+}), Gt = /* @__PURE__ */ A(vo, [["__scopeId", "data-v-c2014a3b"]]), mo = { class: "chip-group" }, po = {
   key: 0,
   class: "chip-group__label"
-}, vo = { class: "chip-group__container" }, mo = ["onDragover", "onDrop"], po = ["onDragstart", "onDragover", "onDragenter", "onDrop"], ho = ["onDragover", "onDrop"], go = {
+}, ho = { class: "chip-group__container" }, go = ["onDragover", "onDrop"], bo = ["onDragstart", "onDragover", "onDragenter", "onDrop"], yo = ["onDragover", "onDrop"], wo = {
   key: 1,
   class: "chip-group__hint"
-}, bo = /* @__PURE__ */ R({
+}, _o = /* @__PURE__ */ R({
   __name: "chip-group",
   props: {
     items: { default: () => [] },
@@ -463,9 +522,9 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       const b = t.items[m], x = t.items.filter((w, S) => S !== m);
       o("update:items", x), o("dismiss", b, m);
     }
-    return (m, b) => (f(), g("div", uo, [
-      e.label ? (f(), g("label", fo, A(e.label), 1)) : L("", !0),
-      _("div", vo, [
+    return (m, b) => (f(), g("div", mo, [
+      e.label ? (f(), g("label", po, O(e.label), 1)) : L("", !0),
+      _("div", ho, [
         (f(!0), g(Q, null, pe(e.items, (x, w) => (f(), g(Q, {
           key: i(x, w)
         }, [
@@ -474,7 +533,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
             class: "chip-group__drop-indicator",
             onDragover: U((S) => r(w, S), ["prevent"]),
             onDrop: (S) => p(w, S)
-          }, null, 40, mo)) : L("", !0),
+          }, null, 40, go)) : L("", !0),
           _("div", {
             class: I(["chip-group__item", { "chip-group__item--dragging": l.value === w }]),
             draggable: "true",
@@ -485,26 +544,26 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
             onDrop: (S) => p(w, S),
             onDragend: h
           }, [
-            T(qt, {
+            T(Gt, {
               label: c(x),
               dismissable: typeof x == "string" ? e.dismissable : x.dismissable ?? e.dismissable,
               color: typeof x == "string" ? e.color : x.color ?? e.color,
               onDismiss: (S) => y(w),
               onClick: (S) => m.$emit("chip-click", x, w)
             }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
-          ], 42, po),
+          ], 42, bo),
           v(w, "after") ? (f(), g("div", {
             key: 1,
             class: "chip-group__drop-indicator",
             onDragover: U((S) => r(w, S), ["prevent"]),
             onDrop: (S) => p(w, S)
-          }, null, 40, ho)) : L("", !0)
+          }, null, 40, yo)) : L("", !0)
         ], 64))), 128))
       ]),
-      e.hint ? (f(), g("div", go, A(e.hint), 1)) : L("", !0)
+      e.hint ? (f(), g("div", wo, O(e.hint), 1)) : L("", !0)
     ]));
   }
-}), Gt = /* @__PURE__ */ O(bo, [["__scopeId", "data-v-66199d19"]]), Yt = /* @__PURE__ */ Symbol("VjDialogController"), yo = { class: "dialog-content" }, wo = { key: 1 }, _o = { class: "dialog-footer" }, xo = /* @__PURE__ */ R({
+}), Yt = /* @__PURE__ */ A(_o, [["__scopeId", "data-v-66199d19"]]), Jt = /* @__PURE__ */ Symbol("VjDialogController"), xo = { class: "dialog-content" }, ko = { key: 1 }, Co = { class: "dialog-footer" }, Vo = /* @__PURE__ */ R({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -522,7 +581,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
   emits: ["update:modelValue", "confirm", "cancel", "close", "resolve"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = E(t.modelValue);
-    X(
+    K(
       () => t.modelValue,
       (d) => l.value = d
     );
@@ -535,7 +594,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
     }, s = () => {
       o("cancel"), a();
     };
-    Nt(Yt, {
+    Xt(Jt, {
       close: a,
       resolve: i,
       cancel: s
@@ -570,23 +629,23 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
                     T(y, {
                       class: "dialog-card",
                       header: e.title || ""
-                    }, ct({
+                    }, dt({
                       headerActions: N(() => [
                         T(p, {
                           icon: $(z).CLOSE,
-                          size: $(K).S,
+                          size: $(X).S,
                           class: "dialog-close",
                           onClick: a
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: N(() => [
-                        _("div", yo, [
-                          e.component ? (f(), P(Kt(e.component), yn({ key: 0 }, e.componentProps, {
+                        _("div", xo, [
+                          e.component ? (f(), P(ut(e.component), wn({ key: 0 }, e.componentProps, {
                             onCancel: s,
                             onClose: a,
                             onConfirm: c,
                             onResolve: i
-                          }), null, 16)) : e.message ? (f(), g("div", wo, A(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
+                          }), null, 16)) : e.message ? (f(), g("div", ko, O(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -594,7 +653,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
                       e.showFooter ? {
                         name: "footer",
                         fn: N(() => [
-                          _("div", _o, [
+                          _("div", Co, [
                             M(d.$slots, "footer", {}, () => [
                               e.showCancel ? (f(), P(h, {
                                 key: 0,
@@ -624,10 +683,10 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
       ]);
     };
   }
-}), ft = /* @__PURE__ */ O(xo, [["__scopeId", "data-v-29d1729b"]]), ko = { class: "vj-chip-selector" }, Vo = { class: "options-grid" }, Co = ["onClick"], Eo = {
+}), mt = /* @__PURE__ */ A(Vo, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, Lo = ["onClick"], So = {
   key: 0,
   class: "no-options"
-}, $o = /* @__PURE__ */ R({
+}, To = /* @__PURE__ */ R({
   __name: "chip-selector",
   props: {
     items: { default: () => [] },
@@ -639,7 +698,7 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E([...t.items]), a = E(!1), i = C(() => t.options.filter((r) => !l.value.includes(r.value)));
+    const t = e, o = n, l = E([...t.items]), a = E(!1), i = k(() => t.options.filter((r) => !l.value.includes(r.value)));
     function c(r) {
       const u = r;
       l.value = u, o("update:items", u);
@@ -650,14 +709,14 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
         l.value = u, o("update:items", u);
       }
     }
-    return X(
+    return K(
       () => t.items,
       (r) => {
         JSON.stringify(r) !== JSON.stringify(l.value) && (l.value = [...r]);
       },
       { deep: !0 }
-    ), (r, u) => (f(), g("div", ko, [
-      T(Gt, {
+    ), (r, u) => (f(), g("div", Eo, [
+      T(Yt, {
         items: l.value,
         "onUpdate:items": [
           u[0] || (u[0] = (d) => l.value = d),
@@ -670,41 +729,41 @@ const Un = /* @__PURE__ */ O(Fn, [["render", Wn], ["__scopeId", "data-v-45a6ed1a
         type: "button",
         class: "add-button",
         onClick: u[1] || (u[1] = (d) => a.value = !0)
-      }, A(e.addButtonText), 1),
-      T(ft, {
+      }, O(e.addButtonText), 1),
+      T(mt, {
         modelValue: a.value,
         "onUpdate:modelValue": u[2] || (u[2] = (d) => a.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
         "close-on-backdrop": ""
       }, {
         default: N(() => [
-          _("div", Vo, [
+          _("div", $o, [
             (f(!0), g(Q, null, pe(i.value, (d) => (f(), g("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
               onClick: (v) => s(d.value)
-            }, "+ " + A(d.label), 9, Co))), 128))
+            }, "+ " + O(d.label), 9, Lo))), 128))
           ]),
-          i.value.length === 0 ? (f(), g("div", Eo, "All options already selected")) : L("", !0)
+          i.value.length === 0 ? (f(), g("div", So, "All options already selected")) : L("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), Lo = /* @__PURE__ */ O($o, [["__scopeId", "data-v-f2e1b880"]]), Se = Math.min, Z = Math.max, Ne = Math.round, We = Math.floor, ce = (e) => ({
+}), Ro = /* @__PURE__ */ A(To, [["__scopeId", "data-v-f2e1b880"]]), Se = Math.min, Z = Math.max, Ne = Math.round, We = Math.floor, ce = (e) => ({
   x: e,
   y: e
-}), So = {
+}), Ao = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, To = {
+}, Oo = {
   start: "end",
   end: "start"
 };
-function Tt(e, n, t) {
+function At(e, n, t) {
   return Z(e, Se(n, t));
 }
 function Pe(e, n) {
@@ -716,54 +775,54 @@ function ge(e) {
 function Fe(e) {
   return e.split("-")[1];
 }
-function Jt(e) {
+function Qt(e) {
   return e === "x" ? "y" : "x";
 }
-function Qt(e) {
+function Zt(e) {
   return e === "y" ? "height" : "width";
 }
-const Ro = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Do = /* @__PURE__ */ new Set(["top", "bottom"]);
 function me(e) {
-  return Ro.has(ge(e)) ? "y" : "x";
+  return Do.has(ge(e)) ? "y" : "x";
 }
-function Zt(e) {
-  return Jt(me(e));
+function en(e) {
+  return Qt(me(e));
 }
-function Ao(e, n, t) {
+function Bo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Fe(e), l = Zt(e), a = Qt(l);
+  const o = Fe(e), l = en(e), a = Zt(l);
   let i = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[a] > n.floating[a] && (i = Ke(i)), [i, Ke(i)];
 }
-function Oo(e) {
+function jo(e) {
   const n = Ke(e);
-  return [st(e), n, st(n)];
+  return [rt(e), n, rt(n)];
 }
-function st(e) {
-  return e.replace(/start|end/g, (n) => To[n]);
+function rt(e) {
+  return e.replace(/start|end/g, (n) => Oo[n]);
 }
-const Rt = ["left", "right"], At = ["right", "left"], Do = ["top", "bottom"], Bo = ["bottom", "top"];
-function jo(e, n, t) {
+const Ot = ["left", "right"], Dt = ["right", "left"], Mo = ["top", "bottom"], Po = ["bottom", "top"];
+function Fo(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? At : Rt : n ? Rt : At;
+      return t ? n ? Dt : Ot : n ? Ot : Dt;
     case "left":
     case "right":
-      return n ? Do : Bo;
+      return n ? Mo : Po;
     default:
       return [];
   }
 }
-function Mo(e, n, t, o) {
+function zo(e, n, t, o) {
   const l = Fe(e);
-  let a = jo(ge(e), t === "start", o);
-  return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(st)))), a;
+  let a = Fo(ge(e), t === "start", o);
+  return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(rt)))), a;
 }
 function Ke(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => So[n]);
+  return e.replace(/left|right|bottom|top/g, (n) => Ao[n]);
 }
-function Po(e) {
+function Io(e) {
   return {
     top: 0,
     right: 0,
@@ -772,8 +831,8 @@ function Po(e) {
     ...e
   };
 }
-function Fo(e) {
-  return typeof e != "number" ? Po(e) : {
+function Ho(e) {
+  return typeof e != "number" ? Io(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -798,12 +857,12 @@ function Xe(e) {
     y: t
   };
 }
-function Ot(e, n, t) {
+function Bt(e, n, t) {
   let {
     reference: o,
     floating: l
   } = e;
-  const a = me(n), i = Zt(n), c = Qt(i), s = ge(n), r = a === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[c] / 2 - l[c] / 2;
+  const a = me(n), i = en(n), c = Zt(i), s = ge(n), r = a === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[c] / 2 - l[c] / 2;
   let p;
   switch (s) {
     case "top":
@@ -846,7 +905,7 @@ function Ot(e, n, t) {
   }
   return p;
 }
-const zo = async (e, n, t) => {
+const Wo = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
@@ -860,7 +919,7 @@ const zo = async (e, n, t) => {
   }), {
     x: u,
     y: d
-  } = Ot(r, o, s), v = o, p = {}, h = 0;
+  } = Bt(r, o, s), v = o, p = {}, h = 0;
   for (let y = 0; y < c.length; y++) {
     const {
       name: m,
@@ -897,7 +956,7 @@ const zo = async (e, n, t) => {
     }) : j.rects), {
       x: u,
       y: d
-    } = Ot(r, v, s)), y = -1);
+    } = Bt(r, v, s)), y = -1);
   }
   return {
     x: u,
@@ -907,7 +966,7 @@ const zo = async (e, n, t) => {
     middlewareData: p
   };
 };
-async function vt(e, n) {
+async function pt(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
@@ -923,7 +982,7 @@ async function vt(e, n) {
     elementContext: d = "floating",
     altBoundary: v = !1,
     padding: p = 0
-  } = Pe(n, e), h = Fo(p), m = c[v ? d === "floating" ? "reference" : "floating" : d], b = Xe(await a.getClippingRect({
+  } = Pe(n, e), h = Ho(p), m = c[v ? d === "floating" ? "reference" : "floating" : d], b = Xe(await a.getClippingRect({
     element: (t = await (a.isElement == null ? void 0 : a.isElement(m))) == null || t ? m : m.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(c.floating)),
     boundary: r,
     rootBoundary: u,
@@ -952,7 +1011,7 @@ async function vt(e, n) {
     right: (j.right - b.right + h.right) / S.x
   };
 }
-const Io = function(e) {
+const Uo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -976,12 +1035,12 @@ const Io = function(e) {
       } = Pe(e, n);
       if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const b = ge(l), x = me(c), w = ge(c) === c, S = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), j = v || (w || !y ? [Ke(c)] : Oo(c)), H = h !== "none";
-      !v && H && j.push(...Mo(c, y, h, S));
-      const k = [c, ...j], V = await vt(n, m), D = [];
+      const b = ge(l), x = me(c), w = ge(c) === c, S = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), j = v || (w || !y ? [Ke(c)] : jo(c)), H = h !== "none";
+      !v && H && j.push(...zo(c, y, h, S));
+      const C = [c, ...j], V = await pt(n, m), D = [];
       let F = ((o = a.flip) == null ? void 0 : o.overflows) || [];
       if (u && D.push(V[b]), d) {
-        const ve = Ao(l, i, S);
+        const ve = Bo(l, i, S);
         D.push(V[ve[0]], V[ve[1]]);
       }
       if (F = [...F, {
@@ -989,7 +1048,7 @@ const Io = function(e) {
         overflows: D
       }], !D.every((ve) => ve <= 0)) {
         var W, ne;
-        const ve = (((W = a.flip) == null ? void 0 : W.index) || 0) + 1, ke = k[ve];
+        const ve = (((W = a.flip) == null ? void 0 : W.index) || 0) + 1, ke = C[ve];
         if (ke && (!(d === "alignment" ? x !== me(ke) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         F.every((J) => me(J.placement) === x ? J.overflows[0] > 0 : !0)))
@@ -1033,13 +1092,13 @@ const Io = function(e) {
       return {};
     }
   };
-}, Ho = /* @__PURE__ */ new Set(["left", "top"]);
-async function Wo(e, n) {
+}, No = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ko(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = ge(t), c = Fe(t), s = me(t) === "y", r = Ho.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = Pe(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = ge(t), c = Fe(t), s = me(t) === "y", r = No.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = Pe(n, e);
   let {
     mainAxis: v,
     crossAxis: p,
@@ -1061,7 +1120,7 @@ async function Wo(e, n) {
     y: p * u
   };
 }
-const Uo = function(e) {
+const Xo = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1072,7 +1131,7 @@ const Uo = function(e) {
         y: a,
         placement: i,
         middlewareData: c
-      } = n, s = await Wo(n, e);
+      } = n, s = await Ko(n, e);
       return i === ((t = c.offset) == null ? void 0 : t.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
         x: l + s.x,
         y: a + s.y,
@@ -1083,7 +1142,7 @@ const Uo = function(e) {
       };
     }
   };
-}, No = function(e) {
+}, qo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1111,15 +1170,15 @@ const Uo = function(e) {
       } = Pe(e, n), r = {
         x: t,
         y: o
-      }, u = await vt(n, s), d = me(ge(l)), v = Jt(d);
+      }, u = await pt(n, s), d = me(ge(l)), v = Qt(d);
       let p = r[v], h = r[d];
       if (a) {
         const m = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", x = p + u[m], w = p - u[b];
-        p = Tt(x, p, w);
+        p = At(x, p, w);
       }
       if (i) {
         const m = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", x = h + u[m], w = h - u[b];
-        h = Tt(x, h, w);
+        h = At(x, h, w);
       }
       const y = c.fn({
         ...n,
@@ -1139,7 +1198,7 @@ const Uo = function(e) {
       };
     }
   };
-}, Ko = function(e) {
+}, Go = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1154,22 +1213,22 @@ const Uo = function(e) {
         apply: s = () => {
         },
         ...r
-      } = Pe(e, n), u = await vt(n, r), d = ge(l), v = Fe(l), p = me(l) === "y", {
+      } = Pe(e, n), u = await pt(n, r), d = ge(l), v = Fe(l), p = me(l) === "y", {
         width: h,
         height: y
       } = a.floating;
       let m, b;
       d === "top" || d === "bottom" ? (m = d, b = v === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (b = d, m = v === "end" ? "top" : "bottom");
       const x = y - u.top - u.bottom, w = h - u.left - u.right, S = Se(y - u[m], x), j = Se(h - u[b], w), H = !n.middlewareData.shift;
-      let k = S, V = j;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = w), (o = n.middlewareData.shift) != null && o.enabled.y && (k = x), H && !v) {
+      let C = S, V = j;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = w), (o = n.middlewareData.shift) != null && o.enabled.y && (C = x), H && !v) {
         const F = Z(u.left, 0), W = Z(u.right, 0), ne = Z(u.top, 0), fe = Z(u.bottom, 0);
-        p ? V = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : k = y - 2 * (ne !== 0 || fe !== 0 ? ne + fe : Z(u.top, u.bottom));
+        p ? V = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : C = y - 2 * (ne !== 0 || fe !== 0 ? ne + fe : Z(u.top, u.bottom));
       }
       await s({
         ...n,
         availableWidth: V,
-        availableHeight: k
+        availableHeight: C
       });
       const D = await i.getDimensions(c.floating);
       return h !== D.width || y !== D.height ? {
@@ -1184,7 +1243,7 @@ function Ye() {
   return typeof window < "u";
 }
 function xe(e) {
-  return mt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return ht(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ee(e) {
   var n;
@@ -1192,9 +1251,9 @@ function ee(e) {
 }
 function de(e) {
   var n;
-  return (n = (mt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (ht(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function mt(e) {
+function ht(e) {
   return Ye() ? e instanceof Node || e instanceof ee(e).Node : !1;
 }
 function ae(e) {
@@ -1203,10 +1262,10 @@ function ae(e) {
 function ue(e) {
   return Ye() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
 }
-function Dt(e) {
+function jt(e) {
   return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
 }
-const Xo = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Yo = /* @__PURE__ */ new Set(["inline", "contents"]);
 function ze(e) {
   const {
     overflow: n,
@@ -1214,15 +1273,15 @@ function ze(e) {
     overflowY: o,
     display: l
   } = ie(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Xo.has(l);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Yo.has(l);
 }
-const qo = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Go(e) {
-  return qo.has(xe(e));
+const Jo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Qo(e) {
+  return Jo.has(xe(e));
 }
-const Yo = [":popover-open", ":modal"];
+const Zo = [":popover-open", ":modal"];
 function Je(e) {
-  return Yo.some((n) => {
+  return Zo.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -1230,15 +1289,15 @@ function Je(e) {
     }
   });
 }
-const Jo = ["transform", "translate", "scale", "rotate", "perspective"], Qo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Zo = ["paint", "layout", "strict", "content"];
-function pt(e) {
-  const n = ht(), t = ae(e) ? ie(e) : e;
-  return Jo.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) || Qo.some((o) => (t.willChange || "").includes(o)) || Zo.some((o) => (t.contain || "").includes(o));
+const el = ["transform", "translate", "scale", "rotate", "perspective"], tl = ["transform", "translate", "scale", "rotate", "perspective", "filter"], nl = ["paint", "layout", "strict", "content"];
+function gt(e) {
+  const n = bt(), t = ae(e) ? ie(e) : e;
+  return el.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) || tl.some((o) => (t.willChange || "").includes(o)) || nl.some((o) => (t.contain || "").includes(o));
 }
-function el(e) {
+function ol(e) {
   let n = be(e);
   for (; ue(n) && !Te(n); ) {
-    if (pt(n))
+    if (gt(n))
       return n;
     if (Je(n))
       return null;
@@ -1246,12 +1305,12 @@ function el(e) {
   }
   return null;
 }
-function ht() {
+function bt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const tl = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const ll = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Te(e) {
-  return tl.has(xe(e));
+  return ll.has(xe(e));
 }
 function ie(e) {
   return ee(e).getComputedStyle(e);
@@ -1272,29 +1331,29 @@ function be(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Dt(e) && e.host || // Fallback.
+    jt(e) && e.host || // Fallback.
     de(e)
   );
-  return Dt(n) ? n.host : n;
+  return jt(n) ? n.host : n;
 }
-function en(e) {
+function tn(e) {
   const n = be(e);
-  return Te(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && ze(n) ? n : en(n);
+  return Te(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && ze(n) ? n : tn(n);
 }
 function je(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = en(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = ee(l);
+  const l = tn(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = ee(l);
   if (a) {
-    const c = rt(i);
+    const c = ct(i);
     return n.concat(i, i.visualViewport || [], ze(l) ? l : [], c && t ? je(c) : []);
   }
   return n.concat(l, je(l, [], t));
 }
-function rt(e) {
+function ct(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function tn(e) {
+function nn(e) {
   const n = ie(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
   const l = ue(e), a = l ? e.offsetWidth : t, i = l ? e.offsetHeight : o, c = Ne(t) !== a || Ne(o) !== i;
@@ -1304,48 +1363,48 @@ function tn(e) {
     $: c
   };
 }
-function gt(e) {
+function yt(e) {
   return ae(e) ? e : e.contextElement;
 }
 function Ee(e) {
-  const n = gt(e);
+  const n = yt(e);
   if (!ue(n))
     return ce(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
     $: a
-  } = tn(n);
+  } = nn(n);
   let i = (a ? Ne(t.width) : t.width) / o, c = (a ? Ne(t.height) : t.height) / l;
   return (!i || !Number.isFinite(i)) && (i = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: i,
     y: c
   };
 }
-const nl = /* @__PURE__ */ ce(0);
-function nn(e) {
+const al = /* @__PURE__ */ ce(0);
+function on(e) {
   const n = ee(e);
-  return !ht() || !n.visualViewport ? nl : {
+  return !bt() || !n.visualViewport ? al : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function ol(e, n, t) {
+function il(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== ee(e) ? !1 : n;
 }
 function _e(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), a = gt(e);
+  const l = e.getBoundingClientRect(), a = yt(e);
   let i = ce(1);
   n && (o ? ae(o) && (i = Ee(o)) : i = Ee(e));
-  const c = ol(a, t, o) ? nn(a) : ce(0);
+  const c = il(a, t, o) ? on(a) : ce(0);
   let s = (l.left + c.x) / i.x, r = (l.top + c.y) / i.y, u = l.width / i.x, d = l.height / i.y;
   if (a) {
     const v = ee(a), p = o && ae(o) ? ee(o) : o;
-    let h = v, y = rt(h);
+    let h = v, y = ct(h);
     for (; y && o && p !== h; ) {
       const m = Ee(y), b = y.getBoundingClientRect(), x = ie(y), w = b.left + (y.clientLeft + parseFloat(x.paddingLeft)) * m.x, S = b.top + (y.clientTop + parseFloat(x.paddingTop)) * m.y;
-      s *= m.x, r *= m.y, u *= m.x, d *= m.y, s += w, r += S, h = ee(y), y = rt(h);
+      s *= m.x, r *= m.y, u *= m.x, d *= m.y, s += w, r += S, h = ee(y), y = ct(h);
     }
   }
   return Xe({
@@ -1359,14 +1418,14 @@ function Ze(e, n) {
   const t = Qe(e).scrollLeft;
   return n ? n.left + t : _e(de(e)).left + t;
 }
-function on(e, n) {
+function ln(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ze(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
     y: l
   };
 }
-function ll(e) {
+function sl(e) {
   let {
     elements: n,
     rect: t,
@@ -1385,7 +1444,7 @@ function ll(e) {
     const p = _e(o);
     r = Ee(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
   }
-  const v = i && !d && !a ? on(i, s) : ce(0);
+  const v = i && !d && !a ? ln(i, s) : ce(0);
   return {
     width: t.width * r.x,
     height: t.height * r.y,
@@ -1393,10 +1452,10 @@ function ll(e) {
     y: t.y * r.y - s.scrollTop * r.y + u.y + v.y
   };
 }
-function al(e) {
+function rl(e) {
   return Array.from(e.getClientRects());
 }
-function il(e) {
+function cl(e) {
   const n = de(e), t = Qe(e), o = e.ownerDocument.body, l = Z(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), a = Z(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
   let i = -t.scrollLeft + Ze(e);
   const c = -t.scrollTop;
@@ -1407,20 +1466,20 @@ function il(e) {
     y: c
   };
 }
-const Bt = 25;
-function sl(e, n) {
+const Mt = 25;
+function ul(e, n) {
   const t = ee(e), o = de(e), l = t.visualViewport;
   let a = o.clientWidth, i = o.clientHeight, c = 0, s = 0;
   if (l) {
     a = l.width, i = l.height;
-    const u = ht();
+    const u = bt();
     (!u || u && n === "fixed") && (c = l.offsetLeft, s = l.offsetTop);
   }
   const r = Ze(o);
   if (r <= 0) {
     const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), p = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, h = Math.abs(o.clientWidth - d.clientWidth - p);
-    h <= Bt && (a -= h);
-  } else r <= Bt && (a += r);
+    h <= Mt && (a -= h);
+  } else r <= Mt && (a += r);
   return {
     width: a,
     height: i,
@@ -1428,8 +1487,8 @@ function sl(e, n) {
     y: s
   };
 }
-const rl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function cl(e, n) {
+const dl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function fl(e, n) {
   const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = ue(e) ? Ee(e) : ce(1), i = e.clientWidth * a.x, c = e.clientHeight * a.y, s = l * a.x, r = o * a.y;
   return {
     width: i,
@@ -1438,16 +1497,16 @@ function cl(e, n) {
     y: r
   };
 }
-function jt(e, n, t) {
+function Pt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = sl(e, t);
+    o = ul(e, t);
   else if (n === "document")
-    o = il(de(e));
+    o = cl(de(e));
   else if (ae(n))
-    o = cl(n, t);
+    o = fl(n, t);
   else {
-    const l = nn(e);
+    const l = on(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1457,11 +1516,11 @@ function jt(e, n, t) {
   }
   return Xe(o);
 }
-function ln(e, n) {
+function an(e, n) {
   const t = be(e);
-  return t === n || !ae(t) || Te(t) ? !1 : ie(t).position === "fixed" || ln(t, n);
+  return t === n || !ae(t) || Te(t) ? !1 : ie(t).position === "fixed" || an(t, n);
 }
-function ul(e, n) {
+function vl(e, n) {
   const t = n.get(e);
   if (t)
     return t;
@@ -1469,22 +1528,22 @@ function ul(e, n) {
   const a = ie(e).position === "fixed";
   let i = a ? be(e) : e;
   for (; ae(i) && !Te(i); ) {
-    const c = ie(i), s = pt(i);
-    !s && c.position === "fixed" && (l = null), (a ? !s && !l : !s && c.position === "static" && !!l && rl.has(l.position) || ze(i) && !s && ln(e, i)) ? o = o.filter((u) => u !== i) : l = c, i = be(i);
+    const c = ie(i), s = gt(i);
+    !s && c.position === "fixed" && (l = null), (a ? !s && !l : !s && c.position === "static" && !!l && dl.has(l.position) || ze(i) && !s && an(e, i)) ? o = o.filter((u) => u !== i) : l = c, i = be(i);
   }
   return n.set(e, o), o;
 }
-function dl(e) {
+function ml(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? Je(n) ? [] : ul(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
-    const d = jt(n, u, l);
+  const i = [...t === "clippingAncestors" ? Je(n) ? [] : vl(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
+    const d = Pt(n, u, l);
     return r.top = Z(d.top, r.top), r.right = Se(d.right, r.right), r.bottom = Se(d.bottom, r.bottom), r.left = Z(d.left, r.left), r;
-  }, jt(n, c, l));
+  }, Pt(n, c, l));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -1492,17 +1551,17 @@ function dl(e) {
     y: s.top
   };
 }
-function fl(e) {
+function pl(e) {
   const {
     width: n,
     height: t
-  } = tn(e);
+  } = nn(e);
   return {
     width: n,
     height: t
   };
 }
-function vl(e, n, t) {
+function hl(e, n, t) {
   const o = ue(n), l = de(n), a = t === "fixed", i = _e(e, !0, a, n);
   let c = {
     scrollLeft: 0,
@@ -1518,7 +1577,7 @@ function vl(e, n, t) {
       s.x = p.x + n.clientLeft, s.y = p.y + n.clientTop;
     } else l && r();
   a && !o && l && r();
-  const u = l && !o && !a ? on(l, c) : ce(0), d = i.left + c.scrollLeft - s.x - u.x, v = i.top + c.scrollTop - s.y - u.y;
+  const u = l && !o && !a ? ln(l, c) : ce(0), d = i.left + c.scrollLeft - s.x - u.x, v = i.top + c.scrollTop - s.y - u.y;
   return {
     x: d,
     y: v,
@@ -1526,10 +1585,10 @@ function vl(e, n, t) {
     height: i.height
   };
 }
-function at(e) {
+function it(e) {
   return ie(e).position === "static";
 }
-function Mt(e, n) {
+function Ft(e, n) {
   if (!ue(e) || ie(e).position === "fixed")
     return null;
   if (n)
@@ -1537,28 +1596,28 @@ function Mt(e, n) {
   let t = e.offsetParent;
   return de(e) === t && (t = t.ownerDocument.body), t;
 }
-function an(e, n) {
+function sn(e, n) {
   const t = ee(e);
   if (Je(e))
     return t;
   if (!ue(e)) {
     let l = be(e);
     for (; l && !Te(l); ) {
-      if (ae(l) && !at(l))
+      if (ae(l) && !it(l))
         return l;
       l = be(l);
     }
     return t;
   }
-  let o = Mt(e, n);
-  for (; o && Go(o) && at(o); )
-    o = Mt(o, n);
-  return o && Te(o) && at(o) && !pt(o) ? t : o || el(e) || t;
+  let o = Ft(e, n);
+  for (; o && Qo(o) && it(o); )
+    o = Ft(o, n);
+  return o && Te(o) && it(o) && !gt(o) ? t : o || ol(e) || t;
 }
-const ml = async function(e) {
-  const n = this.getOffsetParent || an, t = this.getDimensions, o = await t(e.floating);
+const gl = async function(e) {
+  const n = this.getOffsetParent || sn, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: vl(e.reference, await n(e.floating), e.strategy),
+    reference: hl(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1567,25 +1626,25 @@ const ml = async function(e) {
     }
   };
 };
-function pl(e) {
+function bl(e) {
   return ie(e).direction === "rtl";
 }
-const hl = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ll,
+const yl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: sl,
   getDocumentElement: de,
-  getClippingRect: dl,
-  getOffsetParent: an,
-  getElementRects: ml,
-  getClientRects: al,
-  getDimensions: fl,
+  getClippingRect: ml,
+  getOffsetParent: sn,
+  getElementRects: gl,
+  getClientRects: rl,
+  getDimensions: pl,
   getScale: Ee,
   isElement: ae,
-  isRTL: pl
+  isRTL: bl
 };
-function sn(e, n) {
+function rn(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function gl(e, n) {
+function wl(e, n) {
   let t = null, o;
   const l = de(e);
   function a() {
@@ -1608,15 +1667,15 @@ function gl(e, n) {
     };
     let S = !0;
     function j(H) {
-      const k = H[0].intersectionRatio;
-      if (k !== s) {
+      const C = H[0].intersectionRatio;
+      if (C !== s) {
         if (!S)
           return i();
-        k ? i(!1, k) : o = setTimeout(() => {
+        C ? i(!1, C) : o = setTimeout(() => {
           i(!1, 1e-7);
         }, 1e3);
       }
-      k === 1 && !sn(r, e.getBoundingClientRect()) && i(), S = !1;
+      C === 1 && !rn(r, e.getBoundingClientRect()) && i(), S = !1;
     }
     try {
       t = new IntersectionObserver(j, {
@@ -1639,13 +1698,13 @@ function et(e, n, t, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = o, r = gt(e), u = l || a ? [...r ? je(r) : [], ...je(n)] : [];
+  } = o, r = yt(e), u = l || a ? [...r ? je(r) : [], ...je(n)] : [];
   u.forEach((b) => {
     l && b.addEventListener("scroll", t, {
       passive: !0
     }), a && b.addEventListener("resize", t);
   });
-  const d = r && c ? gl(r, t) : null;
+  const d = r && c ? wl(r, t) : null;
   let v = -1, p = null;
   i && (p = new ResizeObserver((b) => {
     let [x] = b;
@@ -1658,7 +1717,7 @@ function et(e, n, t, o) {
   s && m();
   function m() {
     const b = _e(e);
-    y && !sn(y, b) && t(), y = b, h = requestAnimationFrame(m);
+    y && !rn(y, b) && t(), y = b, h = requestAnimationFrame(m);
   }
   return t(), () => {
     var b;
@@ -1667,66 +1726,66 @@ function et(e, n, t, o) {
     }), d?.(), (b = p) == null || b.disconnect(), p = null, s && cancelAnimationFrame(h);
   };
 }
-const tt = Uo, nt = No, ot = Io, bl = Ko, rn = (e, n, t) => {
+const tt = Xo, nt = qo, ot = Uo, _l = Go, cn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: hl,
+    platform: yl,
     ...t
   }, a = {
     ...l.platform,
     _c: o
   };
-  return zo(e, n, {
+  return Wo(e, n, {
     ...l,
     platform: a
   });
 };
-function yl(e) {
+function xl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Pt(e) {
-  if (yl(e)) {
+function zt(e) {
+  if (xl(e)) {
     const n = e.$el;
-    return mt(n) && xe(n) === "#comment" ? null : n;
+    return ht(n) && xe(n) === "#comment" ? null : n;
   }
   return e;
 }
 function De(e) {
   return typeof e == "function" ? e() : $(e);
 }
-function cn(e) {
+function un(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Ft(e, n) {
-  const t = cn(e);
+function It(e, n) {
+  const t = un(e);
   return Math.round(n * t) / t;
 }
-function bt(e, n, t) {
+function wt(e, n, t) {
   t === void 0 && (t = {});
-  const o = t.whileElementsMounted, l = C(() => {
-    var k;
-    return (k = De(t.open)) != null ? k : !0;
-  }), a = C(() => De(t.middleware)), i = C(() => {
-    var k;
-    return (k = De(t.placement)) != null ? k : "bottom";
-  }), c = C(() => {
-    var k;
-    return (k = De(t.strategy)) != null ? k : "absolute";
-  }), s = C(() => {
-    var k;
-    return (k = De(t.transform)) != null ? k : !0;
-  }), r = C(() => Pt(e.value)), u = C(() => Pt(n.value)), d = E(0), v = E(0), p = E(c.value), h = E(i.value), y = wn({}), m = E(!1), b = C(() => {
-    const k = {
+  const o = t.whileElementsMounted, l = k(() => {
+    var C;
+    return (C = De(t.open)) != null ? C : !0;
+  }), a = k(() => De(t.middleware)), i = k(() => {
+    var C;
+    return (C = De(t.placement)) != null ? C : "bottom";
+  }), c = k(() => {
+    var C;
+    return (C = De(t.strategy)) != null ? C : "absolute";
+  }), s = k(() => {
+    var C;
+    return (C = De(t.transform)) != null ? C : !0;
+  }), r = k(() => zt(e.value)), u = k(() => zt(n.value)), d = E(0), v = E(0), p = E(c.value), h = E(i.value), y = _n({}), m = E(!1), b = k(() => {
+    const C = {
       position: p.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return k;
-    const V = Ft(u.value, d.value), D = Ft(u.value, v.value);
+      return C;
+    const V = It(u.value, d.value), D = It(u.value, v.value);
     return s.value ? {
-      ...k,
+      ...C,
       transform: "translate(" + V + "px, " + D + "px)",
-      ...cn(u.value) >= 1.5 && {
+      ...un(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1739,13 +1798,13 @@ function bt(e, n, t) {
   function w() {
     if (r.value == null || u.value == null)
       return;
-    const k = l.value;
-    rn(r.value, u.value, {
+    const C = l.value;
+    cn(r.value, u.value, {
       middleware: a.value,
       placement: i.value,
       strategy: c.value
     }).then((V) => {
-      d.value = V.x, v.value = V.y, p.value = V.strategy, h.value = V.placement, y.value = V.middlewareData, m.value = k !== !1;
+      d.value = V.x, v.value = V.y, p.value = V.strategy, h.value = V.placement, y.value = V.middlewareData, m.value = C !== !1;
     });
   }
   function S() {
@@ -1764,31 +1823,31 @@ function bt(e, n, t) {
   function H() {
     l.value || (m.value = !1);
   }
-  return X([a, i, c, l], w, {
+  return K([a, i, c, l], w, {
     flush: "sync"
-  }), X([r, u], j, {
+  }), K([r, u], j, {
     flush: "sync"
-  }), X(l, H, {
+  }), K(l, H, {
     flush: "sync"
-  }), _n() && xn(S), {
-    x: Ve(d),
-    y: Ve(v),
-    strategy: Ve(p),
-    placement: Ve(h),
-    middlewareData: Ve(y),
-    isPositioned: Ve(m),
+  }), xn() && kn(S), {
+    x: Ce(d),
+    y: Ce(v),
+    strategy: Ce(p),
+    placement: Ce(h),
+    middlewareData: Ce(y),
+    isPositioned: Ce(m),
     floatingStyles: b,
     update: w
   };
 }
-const wl = /* @__PURE__ */ R({
+const kl = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = E(!1), o = E(null), l = E(null), a = C(() => n.icon ?? z.DOT_MENU), { floatingStyles: i } = bt(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), a = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: i } = wt(o, l, {
       placement: "bottom-end",
       middleware: [tt(8), ot(), nt({ padding: 8 })],
       whileElementsMounted: et
@@ -1844,7 +1903,7 @@ const wl = /* @__PURE__ */ R({
       ], 64);
     };
   }
-}), _l = /* @__PURE__ */ O(wl, [["__scopeId", "data-v-3c400bfd"]]), xl = /* @__PURE__ */ R({
+}), Cl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-3c400bfd"]]), Vl = /* @__PURE__ */ R({
   __name: "link-button",
   props: {
     label: {},
@@ -1856,7 +1915,7 @@ const wl = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = K.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    const n = e, t = X.S, o = k(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
     return (l, a) => {
       const i = q("router-link");
       return f(), P(i, {
@@ -1870,13 +1929,13 @@ const wl = /* @__PURE__ */ R({
             icon: e.icon,
             size: $(t)
           }, null, 8, ["icon", "size"])) : L("", !0),
-          Ue(" " + A(e.label), 1)
+          Ue(" " + O(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), kl = /* @__PURE__ */ O(xl, [["__scopeId", "data-v-bd3cf2f5"]]), Vl = ["disabled"], Cl = { class: "menu-action--icon" }, El = /* @__PURE__ */ R({
+}), El = /* @__PURE__ */ A(Vl, [["__scopeId", "data-v-bd3cf2f5"]]), $l = ["disabled"], Ll = { class: "menu-action--icon" }, Sl = /* @__PURE__ */ R({
   __name: "menu-action",
   props: {
     label: {},
@@ -1884,35 +1943,35 @@ const wl = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = K.S;
+    const n = X.S;
     return (t, o) => (f(), g("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      _("span", Cl, [
+      _("span", Ll, [
         e.icon ? (f(), P(te, {
           key: 0,
           icon: e.icon,
           size: $(n)
         }, null, 8, ["icon", "size"])) : L("", !0)
       ]),
-      _("span", null, A(e.label), 1)
-    ], 8, Vl));
+      _("span", null, O(e.label), 1)
+    ], 8, $l));
   }
-}), $l = /* @__PURE__ */ O(El, [["__scopeId", "data-v-07850995"]]), Ll = {}, Sl = { class: "menu" };
-function Tl(e, n) {
-  return f(), g("div", Sl, [
+}), Tl = /* @__PURE__ */ A(Sl, [["__scopeId", "data-v-07850995"]]), Rl = {}, Al = { class: "menu" };
+function Ol(e, n) {
+  return f(), g("div", Al, [
     M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Rl = /* @__PURE__ */ O(Ll, [["render", Tl], ["__scopeId", "data-v-259fec08"]]), Al = {
+const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08"]]), Bl = {
   mounted(e) {
     e.classList.add("compact");
   },
   unmounted(e) {
     e.classList.remove("compact");
   }
-}, un = [
+}, dn = [
   'input:not([disabled]):not([type="hidden"])',
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1921,27 +1980,27 @@ const Rl = /* @__PURE__ */ O(Ll, [["render", Tl], ["__scopeId", "data-v-259fec08
   '[tabindex]:not([tabindex="-1"])',
   '[contenteditable="true"]'
 ].join(", ");
-function Ol(e) {
-  const n = e.querySelectorAll(un);
+function jl(e) {
+  const n = e.querySelectorAll(dn);
   for (const t of Array.from(n))
     if (t.offsetParent !== null || t.getClientRects().length > 0)
       return t;
   return null;
 }
-const Dl = {
+const Ml = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(un)) {
+      if (e.matches(dn)) {
         e.focus();
         return;
       }
-      const l = Ol(e);
+      const l = jl(e);
       l && l.focus();
     };
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
   }
 };
-class yt {
+class _t {
   static _instance = null;
   observer = null;
   targets = /* @__PURE__ */ new Map();
@@ -1949,7 +2008,7 @@ class yt {
     this.init();
   }
   static get instance() {
-    return this._instance || (this._instance = new yt()), this._instance;
+    return this._instance || (this._instance = new _t()), this._instance;
   }
   init() {
     typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
@@ -2004,37 +2063,37 @@ class yt {
     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 Ce = yt.instance, Bl = {
+const Ve = _t.instance, Pl = {
   mounted(e, n) {
     const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, a = typeof t == "object" && !!t?.immediate, i = e;
-    i.__resize_cb = o, i.__resize_breakpoints = l, o && Ce.observe(e, o, { breakpoints: l, immediate: a });
+    i.__resize_cb = o, i.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: a });
   },
   updated(e, n) {
     const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, a = n.value, i = typeof a == "function" ? a : a?.onResize, c = typeof a == "object" && a?.breakpoints ? a.breakpoints : void 0;
     if (o !== i) {
-      o && Ce.unobserve(e, o), i && Ce.observe(e, i, { breakpoints: c, immediate: !!(a && typeof a == "object" && a.immediate) }), t.__resize_cb = i, t.__resize_breakpoints = c;
+      o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: c, immediate: !!(a && typeof a == "object" && a.immediate) }), t.__resize_cb = i, t.__resize_breakpoints = c;
       return;
     }
-    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ce.unobserve(e, o), i && Ce.observe(e, i, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
+    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
   },
   unmounted(e) {
     const n = e, t = n.__resize_cb;
-    t && Ce.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
-}, jl = {}, Ml = { class: "spinner" };
-function Pl(e, n) {
-  return f(), g("div", Ml);
+}, Fl = {}, zl = { class: "spinner" };
+function Il(e, n) {
+  return f(), g("div", zl);
 }
-const dn = /* @__PURE__ */ O(jl, [["render", Pl], ["__scopeId", "data-v-b957fb82"]]), Fl = 200, zl = 120;
-function zt(e, n) {
+const fn = /* @__PURE__ */ A(Fl, [["render", Il], ["__scopeId", "data-v-b957fb82"]]), Hl = 200, Wl = 120;
+function Ht(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 <= zl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Fl && t.classList.add("vj-loading-inner--small");
+  l && l.classList.remove("vj-loading-text--hidden"), o <= Wl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Hl && t.classList.add("vj-loading-inner--small");
 }
-const Il = {
+const Ul = {
   mounted(e, n) {
     let t, o;
     if (typeof n.value == "object" && n.value !== null) {
@@ -2049,9 +2108,9 @@ const Il = {
     const c = document.createElement("div"), s = document.createElement("div");
     s.className = "vj-loading-inner", s.appendChild(c);
     let r;
-    o && (r = document.createElement("div"), r.className = "vj-loading-text", r.textContent = o, s.appendChild(r)), i.appendChild(s), zt(e, i);
-    const u = T(dn);
-    St(u, c), a.spinnerVnode = u, a.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
+    o && (r = document.createElement("div"), r.className = "vj-loading-text", r.textContent = o, s.appendChild(r)), i.appendChild(s), Ht(e, i);
+    const u = T(fn);
+    Rt(u, c), a.spinnerVnode = u, a.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
     const d = e;
     d.__vjLoading = a;
   },
@@ -2076,34 +2135,34 @@ const Il = {
         r.className = "vj-loading-text", r.textContent = i, c.appendChild(r);
       }
     }
-    zt(e, l);
+    Ht(e, l);
   },
   unmounted(e) {
     const n = e, t = n.__vjLoading;
     if (!t) return;
     const { overlay: o, originalPosition: l } = t;
     try {
-      t.spinnerContainer && St(null, t.spinnerContainer);
+      t.spinnerContainer && Rt(null, t.spinnerContainer);
     } catch {
     }
     o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
   }
-}, Hl = (e) => {
+}, Nl = (e) => {
   const n = document.createElement("div");
   return n.className = "vj-tooltip", n.setAttribute("role", "tooltip"), n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.pointerEvents = "none", n.style.zIndex = "10000", n.textContent = e, n;
 };
-function It(e) {
+function Wt(e) {
   if (!e) return { content: "", placement: "top", delay: 200 };
   if (typeof e.value == "string") return { content: e.value, placement: "top", delay: 200 };
   const t = e.value || {}, o = t.placement ?? "top";
   return { content: t.content ?? "", placement: o, delay: t.delay ?? 200 };
 }
-const fn = {
+const vn = {
   mounted(e, n) {
-    const t = It(n), o = Hl(t.content);
+    const t = Wt(n), o = Nl(t.content);
     document.body.appendChild(o);
     const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, a = async () => {
-      const p = await rn(e, o, {
+      const p = await cn(e, o, {
         placement: t.placement,
         middleware: [tt(6), ot(), nt({ padding: 8 })]
       }), { x: h, y } = p;
@@ -2139,7 +2198,7 @@ const fn = {
   updated(e, n) {
     const t = e.__vjTooltip;
     if (!t) return;
-    const o = It(n);
+    const o = Wt(n);
     t.tooltip.textContent = o.content;
   },
   unmounted(e) {
@@ -2152,7 +2211,7 @@ const fn = {
       n.tooltip && n.tooltip.parentElement && n.tooltip.parentElement.removeChild(n.tooltip), n.onPointerEnter && e.removeEventListener("pointerenter", n.onPointerEnter), n.onPointerLeave && e.removeEventListener("pointerleave", n.onPointerLeave), n.onFocus && e.removeEventListener("focus", n.onFocus), n.onBlur && e.removeEventListener("blur", n.onBlur), n.onPointerDown && e.removeEventListener("pointerdown", n.onPointerDown), n.docHandler && document.removeEventListener("pointerdown", n.docHandler), e.__vjTooltip = void 0;
     }
   }
-}, Wl = { class: "notification__container" }, Ul = { class: "notification__icon" }, Nl = { class: "notification__message" }, Kl = { class: "notification__title" }, Xl = { class: "notification__text" }, ql = { class: "notification__action" }, Gl = /* @__PURE__ */ R({
+}, Kl = { class: "notification__container" }, Xl = { class: "notification__icon" }, ql = { class: "notification__message" }, Gl = { class: "notification__title" }, Yl = { class: "notification__text" }, Jl = { class: "notification__action" }, Ql = /* @__PURE__ */ R({
   __name: "notification",
   props: {
     type: {},
@@ -2161,7 +2220,7 @@ const fn = {
   },
   emits: ["close"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(() => {
+    const t = e, o = n, l = k(() => {
       switch (t.type) {
         case "success":
           return z.CHECK;
@@ -2179,18 +2238,18 @@ const fn = {
       class: I(["notification", `notification--${e.type}`]),
       onClick: a
     }, [
-      _("div", Wl, [
+      _("div", Kl, [
         M(i.$slots, "default", {}, () => [
-          _("div", Ul, [
+          _("div", Xl, [
             T(te, { icon: l.value }, null, 8, ["icon"])
           ]),
-          _("div", Nl, [
-            _("div", Kl, A(e.title), 1),
-            _("div", Xl, A(e.message), 1)
+          _("div", ql, [
+            _("div", Gl, O(e.title), 1),
+            _("div", Yl, O(e.message), 1)
           ])
         ], !0)
       ]),
-      _("div", ql, [
+      _("div", Jl, [
         T(Ge, {
           class: "notification__close compact",
           icon: $(z).CLOSE,
@@ -2200,17 +2259,17 @@ const fn = {
       ])
     ], 2));
   }
-}), wt = /* @__PURE__ */ O(Gl, [["__scopeId", "data-v-f9ee0c98"]]), Yl = { class: "page" }, Jl = { class: "header-left" }, Ql = { class: "header-titles" }, Zl = { key: 0 }, ea = { class: "header-actions" }, ta = {
+}), xt = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-f9ee0c98"]]), Zl = { class: "page" }, ea = { class: "header-left" }, ta = { class: "header-titles" }, na = { key: 0 }, oa = { class: "header-actions" }, la = {
   key: 0,
   class: "page-error"
-}, na = {
+}, aa = {
   key: 1,
   class: "contents"
-}, oa = {
+}, ia = {
   key: 2,
   class: "actions"
-}, la = { key: 3 }, aa = { key: 0 }, ia = /* @__PURE__ */ R({
-  directives: { loading: Il },
+}, sa = { key: 3 }, ra = { key: 0 }, ca = /* @__PURE__ */ R({
+  directives: { loading: Ul },
   __name: "page",
   props: {
     title: {},
@@ -2223,12 +2282,12 @@ const fn = {
   },
   emits: ["back"],
   setup(e, { emit: n }) {
-    const t = e, o = C(() => t.flow?.running?.value ?? !1), l = C(() => t.flow?.error?.value ?? null), a = C(() => t.errorMessage ?? (l.value ? String(l.value) : null));
+    const t = e, o = k(() => t.flow?.running?.value ?? !1), l = k(() => t.flow?.error?.value ?? null), a = k(() => t.errorMessage ?? (l.value ? String(l.value) : null));
     return (i, c) => {
-      const s = q("VjButton"), r = Xt("loading");
-      return ut((f(), g("div", Yl, [
+      const s = q("VjButton"), r = qt("loading");
+      return ft((f(), g("div", Zl, [
         _("header", null, [
-          _("div", Jl, [
+          _("div", ea, [
             e.backLabel ? (f(), P(s, {
               key: 0,
               tertiary: "",
@@ -2236,38 +2295,38 @@ const fn = {
               onClick: c[0] || (c[0] = (u) => i.$emit("back")),
               size: "small"
             }, null, 8, ["icon"])) : L("", !0),
-            _("div", Ql, [
-              _("h1", null, A(e.title), 1),
-              e.subTitle ? (f(), g("h2", Zl, A(e.subTitle), 1)) : L("", !0)
+            _("div", ta, [
+              _("h1", null, O(e.title), 1),
+              e.subTitle ? (f(), g("h2", na, O(e.subTitle), 1)) : L("", !0)
             ])
           ]),
-          _("div", ea, [
+          _("div", oa, [
             M(i.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         _("main", {
           class: I({ scrollable: e.scrollable })
         }, [
-          a.value ? (f(), g("div", ta, [
+          a.value ? (f(), g("div", la, [
             M(i.$slots, "error", {}, () => [
-              T(wt, {
+              T(xt, {
                 type: "error",
                 title: a.value,
                 message: a.value
               }, null, 8, ["title", "message"])
             ], !0)
           ])) : L("", !0),
-          a.value ? L("", !0) : (f(), g("div", na, [
+          a.value ? L("", !0) : (f(), g("div", aa, [
             M(i.$slots, "default", {}, void 0, !0)
           ])),
-          a.value ? L("", !0) : (f(), g("div", oa, [
+          a.value ? L("", !0) : (f(), g("div", ia, [
             M(i.$slots, "actions", {}, void 0, !0)
           ])),
-          i.$slots.flexFooter ? (f(), g("footer", la, [
+          i.$slots.flexFooter ? (f(), g("footer", sa, [
             M(i.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
-        i.$slots.footer ? (f(), g("footer", aa, [
+        i.$slots.footer ? (f(), g("footer", ra, [
           M(i.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
@@ -2275,10 +2334,10 @@ const fn = {
       ]);
     };
   }
-}), sa = /* @__PURE__ */ O(ia, [["__scopeId", "data-v-3e724555"]]), ra = {
+}), ua = /* @__PURE__ */ A(ca, [["__scopeId", "data-v-3e724555"]]), da = {
   class: "paginator-info",
   "aria-live": "polite"
-}, ca = /* @__PURE__ */ R({
+}, fa = /* @__PURE__ */ R({
   __name: "paginator",
   props: /* @__PURE__ */ Y({
     totalItems: {},
@@ -2290,11 +2349,11 @@ const fn = {
   }),
   emits: /* @__PURE__ */ Y(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = se(e, "modelValue"), l = n, a = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = C(() => Math.min(Math.max(1, o.value ?? 1), a.value)), c = C(() => i.value), s = C(() => i.value <= 1), r = C(() => i.value >= a.value), u = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), v = (b) => {
+    const t = e, o = se(e, "modelValue"), l = n, a = k(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = k(() => Math.min(Math.max(1, o.value ?? 1), a.value)), c = k(() => i.value), s = k(() => i.value <= 1), r = k(() => i.value >= a.value), u = k(() => t.labels?.item ?? "Eintrag"), d = k(() => t.labels?.of ?? "von"), v = (b) => {
       const x = Math.min(Math.max(1, Math.floor(b)), a.value);
       x !== o.value && (o.value = x, l("change", x));
     }, p = () => v(1), h = () => v(i.value - 1), y = () => v(i.value + 1), m = () => v(a.value);
-    return X([() => t.totalItems, () => t.pageSize], () => {
+    return K([() => t.totalItems, () => t.pageSize], () => {
       o.value > a.value && v(a.value);
     }), (b, x) => {
       const w = q("VjButton");
@@ -2325,7 +2384,7 @@ const fn = {
           totalPages: a.value,
           goTo: v
         }, () => [
-          _("div", ra, A(u.value) + " " + A(c.value) + " " + A(d.value) + " " + A(a.value), 1)
+          _("div", da, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(a.value), 1)
         ], !0),
         T(w, {
           tertiary: "",
@@ -2346,7 +2405,7 @@ const fn = {
       ], 32);
     };
   }
-}), ua = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-b6fa8efe"]]), da = { class: "search-field" }, fa = ["value", "placeholder"], va = /* @__PURE__ */ R({
+}), va = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-b6fa8efe"]]), ma = { class: "search-field" }, pa = ["value", "placeholder"], ha = /* @__PURE__ */ R({
   __name: "search-field",
   props: /* @__PURE__ */ Y({
     placeholder: { default: "Search..." }
@@ -2360,30 +2419,30 @@ const fn = {
       n.value = a.target.value;
     }, o = () => {
       n.value = "";
-    }, l = C(() => !n.value);
+    }, l = k(() => !n.value);
     return (a, i) => {
       const c = q("VjIcon");
-      return f(), g("div", da, [
+      return f(), g("div", ma, [
         T(c, {
           icon: $(z).SEARCH,
-          size: $(K).S
+          size: $(X).S
         }, null, 8, ["icon", "size"]),
         _("input", {
           value: n.value,
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, fa),
+        }, null, 40, pa),
         T(c, {
           class: I(["reset", { invisible: l.value }]),
           icon: $(z).CLOSE,
-          size: $(K).S,
+          size: $(X).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), ma = /* @__PURE__ */ O(va, [["__scopeId", "data-v-2771c8ed"]]), pa = /* @__PURE__ */ R({
+}), ga = /* @__PURE__ */ A(ha, [["__scopeId", "data-v-2771c8ed"]]), ba = /* @__PURE__ */ R({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
@@ -2393,27 +2452,27 @@ const fn = {
       class: I(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), ha = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-e354bb4e"]]), ga = {
+}), ya = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-e354bb4e"]]), wa = {
   key: 0,
   class: "tab"
-}, ba = /* @__PURE__ */ R({
+}, _a = /* @__PURE__ */ R({
   __name: "tab",
   props: {
     name: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = dt("tabView"), o = C(() => t?.activeTab() === n.name);
+    const n = e, t = vt("tabView"), o = k(() => t?.activeTab() === n.name);
     return Re(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, a) => o.value ? (f(), g("div", ga, [
+    }), (l, a) => o.value ? (f(), g("div", wa, [
       M(l.$slots, "default")
     ])) : L("", !0);
   }
-}), ya = { class: "tab-view" }, wa = {
+}), xa = { class: "tab-view" }, ka = {
   ref: "headerRef",
   class: "tab-view-header"
-}, _a = ["onClick"], xa = { class: "tab-view-content" }, ka = /* @__PURE__ */ R({
+}, Ca = ["onClick"], Va = { class: "tab-view-content" }, Ea = /* @__PURE__ */ R({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2442,34 +2501,34 @@ const fn = {
     }, s = (r) => {
       n.value = r;
     };
-    return X(n, () => {
+    return K(n, () => {
       he(() => {
         i();
       });
-    }), Nt("tabView", {
+    }), Xt("tabView", {
       activeTab: () => n.value,
       registerTab: c
-    }), (r, u) => (f(), g("div", ya, [
-      _("div", wa, [
+    }), (r, u) => (f(), g("div", xa, [
+      _("div", ka, [
         (f(!0), g(Q, null, pe(t.value, (d, v) => (f(), g("div", {
           key: d.name,
           ref_for: !0,
           ref: (p) => a(p, v),
           class: I(["tab-button", { active: n.value === d.name }]),
           onClick: (p) => s(d.name)
-        }, A(d.label), 11, _a))), 128)),
+        }, O(d.label), 11, Ca))), 128)),
         u[0] || (u[0] = _("div", { class: "tab-line" }, null, -1)),
         _("div", {
           class: "tab-indicator",
           style: G(l.value)
         }, null, 4)
       ], 512),
-      _("div", xa, [
+      _("div", Va, [
         M(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Va = /* @__PURE__ */ O(ka, [["__scopeId", "data-v-3d4ee454"]]), Ca = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Ea = ["cx", "cy", "r", "stroke-width"], $a = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], La = ["transform"], Sa = ["x", "y", "width", "height", "rx"], Ta = ["x", "y", "width", "height", "rx"], Ra = /* @__PURE__ */ R({
+}), $a = /* @__PURE__ */ A(Ea, [["__scopeId", "data-v-3d4ee454"]]), La = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Sa = ["cx", "cy", "r", "stroke-width"], Ta = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ra = ["transform"], Aa = ["x", "y", "width", "height", "rx"], Oa = ["x", "y", "width", "height", "rx"], Da = /* @__PURE__ */ R({
   __name: "timer",
   props: {
     duration: { default: 5e3 },
@@ -2486,17 +2545,17 @@ const fn = {
       l: { size: 40, strokeWidth: 2, innerStrokeWidth: 6 },
       xl: { size: 64, strokeWidth: 2, innerStrokeWidth: 8 },
       xxl: { size: 92, strokeWidth: 2, innerStrokeWidth: 10 }
-    }, o = e, l = n, a = C(() => t[o.timerSize].size), i = C(() => t[o.timerSize].strokeWidth), c = C(() => t[o.timerSize].innerStrokeWidth), s = E(!1), r = E(100), u = E(!1), d = E(o.paused);
+    }, o = e, l = n, a = k(() => t[o.timerSize].size), i = k(() => t[o.timerSize].strokeWidth), c = k(() => t[o.timerSize].innerStrokeWidth), s = E(!1), r = E(100), u = E(!1), d = E(o.paused);
     let v = null, p = null, h = 0;
-    const y = C(() => (a.value - Math.max(i.value, c.value)) / 2), m = C(() => 2 * Math.PI * y.value), b = C(() => m.value * (1 - r.value / 100));
-    X(
+    const y = k(() => (a.value - Math.max(i.value, c.value)) / 2), m = k(() => 2 * Math.PI * y.value), b = k(() => m.value * (1 - r.value / 100));
+    K(
       () => o.paused,
       (F) => {
-        d.value = F, F ? k() : V();
+        d.value = F, F ? C() : V();
       }
     ), Re(() => {
       w();
-    }), kn(() => {
+    }), Cn(() => {
       D();
     });
     function x() {
@@ -2532,7 +2591,7 @@ const fn = {
         });
       });
     }
-    function k() {
+    function C() {
       v !== null && (cancelAnimationFrame(v), v = null);
     }
     function V() {
@@ -2569,7 +2628,7 @@ const fn = {
         "stroke-width": i.value,
         class: "vj-timer__outer-ring",
         fill: "none"
-      }, null, 8, Ea),
+      }, null, 8, Sa),
       _("circle", {
         cx: a.value / 2,
         cy: a.value / 2,
@@ -2579,7 +2638,7 @@ const fn = {
         "stroke-dashoffset": b.value,
         class: "vj-timer__progress-ring",
         fill: "none"
-      }, null, 8, $a),
+      }, null, 8, Ta),
       d.value ? (f(), g("g", {
         key: 0,
         class: "vj-timer__pause-icon",
@@ -2592,7 +2651,7 @@ const fn = {
           height: a.value * 0.3,
           rx: a.value * 0.015,
           class: "vj-timer__pause-bar"
-        }, null, 8, Sa),
+        }, null, 8, Aa),
         _("rect", {
           x: a.value * 0.04,
           y: -a.value * 0.15,
@@ -2600,11 +2659,11 @@ const fn = {
           height: a.value * 0.3,
           rx: a.value * 0.015,
           class: "vj-timer__pause-bar"
-        }, null, 8, Ta)
-      ], 8, La)) : L("", !0)
-    ], 42, Ca));
+        }, null, 8, Oa)
+      ], 8, Ra)) : L("", !0)
+    ], 42, La));
   }
-}), Aa = /* @__PURE__ */ O(Ra, [["__scopeId", "data-v-49a33853"]]), Oa = ["onKeydown"], Da = /* @__PURE__ */ R({
+}), Ba = /* @__PURE__ */ A(Da, [["__scopeId", "data-v-49a33853"]]), ja = ["onKeydown"], Ma = /* @__PURE__ */ R({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2612,8 +2671,8 @@ const fn = {
   },
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = C(() => t.modelValue ?? ""), a = E(l.value), i = E(!1), c = E(!1), s = E(null), r = C(() => !!t.showIcon);
-    X(l, (p) => {
+    const t = e, o = n, l = k(() => t.modelValue ?? ""), a = E(l.value), i = E(!1), c = E(!1), s = E(null), r = k(() => !!t.showIcon);
+    K(l, (p) => {
       a.value = p;
     });
     function u() {
@@ -2630,7 +2689,7 @@ const fn = {
       onMouseenter: h[1] || (h[1] = (y) => c.value = !0),
       onMouseleave: h[2] || (h[2] = (y) => c.value = !1)
     }, [
-      i.value ? ut((f(), g("input", {
+      i.value ? ft((f(), g("input", {
         key: 1,
         ref_key: "inputRef",
         ref: s,
@@ -2641,14 +2700,14 @@ const fn = {
           Be(U(v, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, Oa)), [
+      }, null, 40, ja)), [
         [Vn, a.value]
       ]) : (f(), g(Q, { key: 0 }, [
         _("span", {
           class: "label-text",
           onClick: u,
           title: "Click to edit"
-        }, A(l.value), 1),
+        }, O(l.value), 1),
         c.value || r.value ? (f(), g("span", {
           key: 0,
           class: "edit-icon",
@@ -2661,7 +2720,7 @@ const fn = {
       ], 64))
     ], 34));
   }
-}), fs = /* @__PURE__ */ O(Da, [["__scopeId", "data-v-cdc52c5b"]]), Ba = "200% 200%", ja = /* @__PURE__ */ R({
+}), ps = /* @__PURE__ */ A(Ma, [["__scopeId", "data-v-cdc52c5b"]]), Pa = "200% 200%", Fa = /* @__PURE__ */ R({
   __name: "skeleton",
   props: {
     width: {},
@@ -2669,19 +2728,19 @@ const fn = {
     borderRadius: {}
   },
   setup(e) {
-    const n = e, t = C(() => n.width ?? "100%"), o = C(() => n.height ?? "16px"), l = C(() => n.borderRadius ?? "4px");
+    const n = e, t = k(() => n.width ?? "100%"), o = k(() => n.height ?? "16px"), l = k(() => n.borderRadius ?? "4px");
     return (a, i) => (f(), g("div", {
       class: "vj-skeleton",
       style: G({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
-        backgroundSize: Ba
+        backgroundSize: Pa
       }),
       "aria-hidden": "true"
     }, null, 4));
   }
-}), Ma = /* @__PURE__ */ O(ja, [["__scopeId", "data-v-ac05e016"]]), Pa = /* @__PURE__ */ R({
+}), za = /* @__PURE__ */ A(Fa, [["__scopeId", "data-v-ac05e016"]]), Ia = /* @__PURE__ */ R({
   __name: "amount-bar",
   props: {
     amount: {},
@@ -2690,7 +2749,7 @@ const fn = {
     colorMode: { default: "monochrome" }
   },
   setup(e) {
-    const n = e, t = C(() => n.amount / n.maxAmount * 100), o = (a) => {
+    const n = e, t = k(() => n.amount / n.maxAmount * 100), o = (a) => {
       if (!n.segments) return !1;
       const i = 100 / n.segments, c = a * i;
       return t.value > c;
@@ -2716,10 +2775,10 @@ const fn = {
       }, null, 4))
     ], 2));
   }
-}), Fa = /* @__PURE__ */ O(Pa, [["__scopeId", "data-v-7e89d03f"]]), za = ["multiple", "accept", "disabled"], Ia = { class: "upload-text" }, Ha = { class: "upload-title" }, Wa = { class: "upload-subtitle" }, Ua = {
+}), Ha = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-7e89d03f"]]), Wa = ["multiple", "accept", "disabled"], Ua = { class: "upload-text" }, Na = { class: "upload-title" }, Ka = { class: "upload-subtitle" }, Xa = {
   key: 0,
   class: "upload-files"
-}, Na = { class: "file-info" }, Ka = { class: "file-details" }, Xa = { class: "file-name" }, qa = { class: "file-size" }, Ga = /* @__PURE__ */ R({
+}, qa = { class: "file-info" }, Ga = { class: "file-details" }, Ya = { class: "file-name" }, Ja = { class: "file-size" }, Qa = /* @__PURE__ */ R({
   __name: "upload",
   props: /* @__PURE__ */ Y({
     multiple: { type: Boolean, default: !0 },
@@ -2778,7 +2837,7 @@ const fn = {
         onDragover: r,
         onDragleave: u,
         onDrop: d
-      }, null, 40, za),
+      }, null, 40, Wa),
       _("div", {
         class: "upload-content",
         onClick: m[1] || (m[1] = (b) => a.value?.click()),
@@ -2788,12 +2847,12 @@ const fn = {
       }, [
         T(te, {
           icon: $(z).UPLOAD,
-          size: $(K).L,
+          size: $(X).L,
           class: "upload-icon"
         }, null, 8, ["icon", "size"]),
-        _("div", Ia, [
-          _("p", Ha, A(c.value ? e.dropText : e.uploadText), 1),
-          _("p", Wa, A(e.subtitleText), 1)
+        _("div", Ua, [
+          _("p", Na, O(c.value ? e.dropText : e.uploadText), 1),
+          _("p", Ka, O(e.subtitleText), 1)
         ]),
         T(Ge, {
           label: e.browseText,
@@ -2802,25 +2861,25 @@ const fn = {
           onClick: m[0] || (m[0] = U((b) => a.value?.click(), ["stop"]))
         }, null, 8, ["label", "disabled"])
       ], 32),
-      l.value.length > 0 ? (f(), g("div", Ua, [
+      l.value.length > 0 ? (f(), g("div", Xa, [
         (f(!0), g(Q, null, pe(l.value, (b, x) => (f(), g("div", {
           key: x,
           class: "upload-file-item"
         }, [
-          _("div", Na, [
+          _("div", qa, [
             T(te, {
               icon: $(z).ATTACHMENT,
-              size: $(K).S
+              size: $(X).S
             }, null, 8, ["icon", "size"]),
-            _("div", Ka, [
-              _("p", Xa, A(b.name), 1),
-              _("p", qa, A(h(b.size)), 1)
+            _("div", Ga, [
+              _("p", Ya, O(b.name), 1),
+              _("p", Ja, O(h(b.size)), 1)
             ])
           ]),
           e.disabled ? L("", !0) : (f(), P(te, {
             key: 0,
             icon: $(z).CLOSE,
-            size: $(K).S,
+            size: $(X).S,
             class: "remove-icon",
             onClick: (w) => p(x)
           }, null, 8, ["icon", "size", "onClick"]))
@@ -2828,44 +2887,44 @@ const fn = {
       ])) : L("", !0)
     ], 2));
   }
-}), Ya = /* @__PURE__ */ O(Ga, [["__scopeId", "data-v-2f7be5e5"]]), vn = {
+}), Za = /* @__PURE__ */ A(Qa, [["__scopeId", "data-v-2f7be5e5"]]), mn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
 let qe = {};
-function vs(e) {
+function hs(e) {
   qe = {
     ...qe,
     ...e,
     form: {
-      ...vn.form,
+      ...mn.form,
       ...e.form
     }
   };
 }
-function Ht() {
+function Ut() {
   return {
     form: {
-      ...vn.form,
+      ...mn.form,
       ...qe.form
     }
   };
 }
-function ms() {
+function gs() {
   qe = {};
 }
-const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-field__wrapper" }, ei = ["for"], ti = {
+const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-field__wrapper" }, oi = ["for"], li = {
   key: 1,
   class: "form-field__error"
-}, ni = {
+}, ai = {
   key: 2,
   class: "form-field__help",
   type: "button",
   "aria-label": "Hilfe"
-}, oi = /* @__PURE__ */ R({
-  directives: { tooltip: fn },
+}, ii = /* @__PURE__ */ R({
+  directives: { tooltip: vn },
   __name: "form-field",
   props: {
     modelValue: {},
@@ -2883,17 +2942,17 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(t.modelValue), a = E(!1), i = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = C(() => t.labelPosition ?? Ht().form.labelPosition), s = C(() => t.appearance ?? Ht().form.appearance);
-    X(
+    const t = e, o = n, l = E(t.modelValue), a = E(!1), i = k(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = k(() => t.labelPosition ?? Ut().form.labelPosition), s = k(() => t.appearance ?? Ut().form.appearance);
+    K(
       () => t.modelValue,
       (h) => l.value = h
     );
-    const r = C(() => {
+    const r = k(() => {
       if (c.value === "outline")
         return !0;
       const h = l.value !== "" && l.value !== null && l.value !== void 0;
       return a.value || h;
-    }), u = C(() => c.value === "outline" || r.value ? t.placeholder : "");
+    }), u = k(() => c.value === "outline" || r.value ? t.placeholder : "");
     function d(h) {
       const m = h.target.value;
       l.value = m, o("update:modelValue", m);
@@ -2905,7 +2964,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       a.value = !1, o("blur", h);
     }
     return (h, y) => {
-      const m = q("VjIcon"), b = Xt("tooltip");
+      const m = q("VjIcon"), b = qt("tooltip");
       return f(), g("div", {
         class: I([
           "form-field",
@@ -2923,8 +2982,8 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           key: 0,
           for: i.value,
           class: "form-field__label-outline"
-        }, A(e.label), 9, Qa)) : L("", !0),
-        _("div", Za, [
+        }, O(e.label), 9, ti)) : L("", !0),
+        _("div", ni, [
           M(h.$slots, "control", {
             id: i.value,
             value: l.value,
@@ -2938,20 +2997,20 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
             key: 0,
             for: i.value,
             class: I(["form-field__label", { "form-field__label--float": r.value }])
-          }, A(e.label), 11, ei)) : L("", !0)
+          }, O(e.label), 11, oi)) : L("", !0)
         ]),
-        e.error ? (f(), g("div", ti, A(e.error), 1)) : L("", !0),
-        t.helpText ? ut((f(), g("button", ni, [
+        e.error ? (f(), g("div", li, O(e.error), 1)) : L("", !0),
+        t.helpText ? ft((f(), g("button", ai, [
           T(m, {
             icon: $(z).HELP
           }, null, 8, ["icon"])
         ])), [
           [b, t.helpText]
         ]) : L("", !0)
-      ], 14, Ja);
+      ], 14, ei);
     };
   }
-}), Ie = /* @__PURE__ */ O(oi, [["__scopeId", "data-v-19959d5e"]]), li = /* @__PURE__ */ R({
+}), Ie = /* @__PURE__ */ A(ii, [["__scopeId", "data-v-19959d5e"]]), si = /* @__PURE__ */ R({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
@@ -2973,10 +3032,10 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       });
     }), Ae(() => {
       o?.disconnect();
-    }), X(
+    }), K(
       () => n.columns,
       () => he(l)
-    ), X(
+    ), K(
       () => n.gap,
       () => he(l)
     ), (a, i) => (f(), g("div", {
@@ -2988,25 +3047,25 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       M(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ai = /* @__PURE__ */ O(li, [["__scopeId", "data-v-96f62ab7"]]), ii = {
+}), ri = /* @__PURE__ */ A(si, [["__scopeId", "data-v-96f62ab7"]]), ci = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, si = /* @__PURE__ */ R({
+}, ui = /* @__PURE__ */ R({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
     return (n, t) => (f(), g(Q, null, [
-      e.title ? (f(), g("h3", ii, A(e.title), 1)) : L("", !0),
+      e.title ? (f(), g("h3", ci, O(e.title), 1)) : L("", !0),
       M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), ri = /* @__PURE__ */ O(si, [["__scopeId", "data-v-69cff1d0"]]), ci = ["id", "disabled"], ui = { class: "select-value" }, di = {
+}), di = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-69cff1d0"]]), fi = ["id", "disabled"], vi = { class: "select-value" }, mi = {
   key: 1,
   class: "select-placeholder"
-}, fi = { class: "select-options" }, vi = ["onClick", "onMouseenter"], mi = /* @__PURE__ */ R({
+}, pi = { class: "select-options" }, hi = ["onClick", "onMouseenter"], gi = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ Y({
@@ -3024,13 +3083,13 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = se(e, "modelValue"), l = E(!1), a = E(-1), i = E(null), c = E(null), s = E(null), { floatingStyles: r } = bt(c, s, {
+    const t = e, o = se(e, "modelValue"), l = E(!1), a = E(-1), i = E(null), c = E(null), s = E(null), { floatingStyles: r } = wt(c, s, {
       placement: "bottom-start",
       middleware: [
         tt(4),
         ot(),
         nt({ padding: 8 }),
-        bl({
+        _l({
           apply({ rects: w, elements: S }) {
             Object.assign(S.floating.style, {
               minWidth: `${w.reference.width}px`
@@ -3039,7 +3098,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
         })
       ],
       whileElementsMounted: et
-    }), u = (w) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(w) : String(w[t.optionLabel]) : String(w), d = (w) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(w) : w[t.optionValue] : w, v = C(() => t.options.find((w) => d(w) === o.value)), p = (w) => d(w) === o.value, h = () => {
+    }), u = (w) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(w) : String(w[t.optionLabel]) : String(w), d = (w) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(w) : w[t.optionValue] : w, v = k(() => t.options.find((w) => d(w) === o.value)), p = (w) => d(w) === o.value, h = () => {
       t.disabled || (l.value = !l.value);
     }, y = () => {
       l.value = !1, a.value = -1;
@@ -3054,7 +3113,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       document.addEventListener("click", x);
     }), Ae(() => {
       document.removeEventListener("click", x);
-    }), X(l, (w) => {
+    }), K(l, (w) => {
       w && v.value && (a.value = t.options.findIndex((S) => p(S)));
     }), n({
       focus: () => c.value?.focus(),
@@ -3079,30 +3138,30 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
             t.icon ? (f(), P(j, {
               key: 0,
               icon: t.icon,
-              size: $(K).S,
+              size: $(X).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
-            _("span", ui, [
+            _("span", vi, [
               v.value ? M(w.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
-                Ue(A(u(v.value)), 1)
-              ], !0) : (f(), g("span", di, A(e.placeholder), 1))
+                Ue(O(u(v.value)), 1)
+              ], !0) : (f(), g("span", mi, O(e.placeholder), 1))
             ]),
             t.clearable && v.value && !e.disabled ? (f(), P(j, {
               key: 1,
               icon: $(z).CLOSE,
-              size: $(K).S,
+              size: $(X).S,
               class: "select-clear-icon",
               onClick: U(b, ["stop"])
             }, null, 8, ["icon", "size"])) : L("", !0),
             T(j, {
               icon: $(z).CHEVRON_DOWN,
-              size: $(K).S,
+              size: $(X).S,
               class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, ci)
+          ], 8, fi)
         ], 2),
         (f(), P(Me, { to: "body" }, [
           T(Le, { name: "dropdown" }, {
@@ -3114,20 +3173,20 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
                 style: G($(r)),
                 class: "select-dropdown"
               }, [
-                _("div", fi, [
-                  (f(!0), g(Q, null, pe(e.options, (H, k) => (f(), g("div", {
+                _("div", pi, [
+                  (f(!0), g(Q, null, pe(e.options, (H, C) => (f(), g("div", {
                     key: String(d(H)),
-                    class: I(["select-option", { selected: p(H), highlighted: a.value === k }]),
+                    class: I(["select-option", { selected: p(H), highlighted: a.value === C }]),
                     onClick: (V) => m(H),
-                    onMouseenter: (V) => a.value = k
+                    onMouseenter: (V) => a.value = C
                   }, [
                     M(w.$slots, "option", {
                       option: H,
                       selected: p(H)
                     }, () => [
-                      Ue(A(u(H)), 1)
+                      Ue(O(u(H)), 1)
                     ], !0)
-                  ], 42, vi))), 128))
+                  ], 42, hi))), 128))
                 ])
               ], 4)) : L("", !0)
             ]),
@@ -3142,7 +3201,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       ], 64);
     };
   }
-}), mn = /* @__PURE__ */ O(mi, [["__scopeId", "data-v-cafc48d5"]]), pi = /* @__PURE__ */ R({
+}), pn = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-cafc48d5"]]), bi = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -3162,7 +3221,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = E(t.modelValue);
-    X(
+    K(
       () => t.modelValue,
       (i) => {
         l.value = i;
@@ -3187,7 +3246,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       appearance: t.appearance
     }, {
       control: N(({ id: s, disabled: r, placeholder: u }) => [
-        T(mn, {
+        T(pn, {
           id: s,
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -3200,7 +3259,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           "option-label": (d) => d.label,
           "option-value": (d) => d.value,
           clearable: ""
-        }, ct({ _: 2 }, [
+        }, dt({ _: 2 }, [
           i.$slots.selected ? {
             name: "selected",
             fn: N(({ option: d }) => [
@@ -3220,7 +3279,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), hi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], gi = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], bi = /* @__PURE__ */ R({
+}), yi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], _i = /* @__PURE__ */ R({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -3231,53 +3290,53 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), a = E(!1), i = E(!1), c = (k, V, D) => Math.min(Math.max(k, V), D), s = E(
+    const t = e, o = n, l = E(null), a = E(!1), i = E(!1), c = (C, V, D) => Math.min(Math.max(C, V), D), s = E(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
     ), r = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
-    X(
+    K(
       () => t.modelValue,
-      (k) => {
-        t.range ? Array.isArray(k) && (s.value = c(k[0], t.min, t.max), r.value = c(k[1], t.min, t.max)) : typeof k == "number" && (s.value = c(k, t.min, t.max));
+      (C) => {
+        t.range ? Array.isArray(C) && (s.value = c(C[0], t.min, t.max), r.value = c(C[1], t.min, t.max)) : typeof C == "number" && (s.value = c(C, t.min, t.max));
       },
       { immediate: !0 }
     );
-    const u = (k) => (k - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${u(s.value)}%` })), v = C(() => ({ left: `${u(r.value)}%` })), p = C(() => {
+    const u = (C) => (C - t.min) / (t.max - t.min) * 100, d = k(() => ({ left: `${u(s.value)}%` })), v = k(() => ({ left: `${u(r.value)}%` })), p = k(() => {
       if (!t.range) return { width: `${u(s.value)}%`, left: "0%" };
-      const k = u(s.value), V = u(r.value);
-      return { left: `${k}%`, width: `${Math.max(0, V - k)}%` };
+      const C = u(s.value), V = u(r.value);
+      return { left: `${C}%`, width: `${Math.max(0, V - C)}%` };
     });
     let h = null, y = null;
-    const m = async (k, V) => {
-      h = k, y = V.pointerId, k === "low" ? a.value = !0 : i.value = !0;
+    const m = async (C, V) => {
+      h = C, y = V.pointerId, C === "low" ? a.value = !0 : i.value = !0;
       try {
         V.target.setPointerCapture(V.pointerId);
       } catch {
       }
       window.addEventListener("pointermove", x), window.addEventListener("pointerup", b);
-    }, b = (k) => {
-      if (y != null && k)
+    }, b = (C) => {
+      if (y != null && C)
         try {
-          k.target.releasePointerCapture(k.pointerId);
+          C.target.releasePointerCapture(C.pointerId);
         } catch {
         }
       h = null, y = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), j();
-    }, x = (k) => {
+    }, x = (C) => {
       if (!h || !l.value) return;
-      const V = l.value.getBoundingClientRect(), D = c(k.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), D = c(C.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
       h === "low" ? t.range ? s.value = Math.min(W, r.value) : s.value = c(W, t.min, t.max) : h === "high" && (r.value = Math.max(W, s.value));
-    }, w = (k) => {
+    }, w = (C) => {
       if (!l.value) return;
-      const V = l.value.getBoundingClientRect(), D = c(k.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), D = c(C.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
       if (t.range) {
         const ne = Math.abs(W - s.value), fe = Math.abs(W - r.value);
         ne <= fe ? s.value = Math.min(W, r.value) : r.value = Math.max(W, s.value);
       } else
         s.value = c(W, t.min, t.max);
       j();
-    }, S = (k, V) => {
+    }, S = (C, V) => {
       const D = t.step, F = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
       if (F) {
-        if (k === "low") {
+        if (C === "low") {
           const W = c(s.value + F * D, t.min, t.range ? r.value : t.max);
           s.value = W, a.value = !0, setTimeout(() => a.value = !1, 800);
         } else {
@@ -3291,13 +3350,13 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
     };
     Ae(() => {
       window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b);
-    }), X([() => t.min, () => t.max], () => {
+    }), K([() => t.min, () => t.max], () => {
       s.value = c(s.value, t.min, t.max), r.value = c(r.value, t.min, t.max);
     });
-    const H = C(() => t.range);
+    const H = k(() => t.range);
     return he(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [s.value, r.value]) : o("update:modelValue", s.value));
-    }), (k, V) => (f(), g("div", {
+    }), (C, V) => (f(), g("div", {
       class: "vj-slider",
       onPointerdown: V[8] || (V[8] = U(() => {
       }, ["stop"]))
@@ -3316,7 +3375,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           key: 0,
           class: "tooltip",
           style: G({ left: d.value.left })
-        }, A(s.value), 5)) : L("", !0),
+        }, O(s.value), 5)) : L("", !0),
         _("button", {
           class: "handle low",
           style: G(d.value),
@@ -3330,12 +3389,12 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           onKeydown: V[3] || (V[3] = U((D) => S("low", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, hi),
+        }, null, 44, yi),
         H.value && i.value ? (f(), g("div", {
           key: 1,
           class: "tooltip",
           style: G({ left: v.value.left })
-        }, A(r.value), 5)) : L("", !0),
+        }, O(r.value), 5)) : L("", !0),
         H.value ? (f(), g("button", {
           key: 2,
           class: "handle high",
@@ -3350,11 +3409,11 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           onKeydown: V[7] || (V[7] = U((D) => S("high", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, gi)) : L("", !0)
+        }, null, 44, wi)) : L("", !0)
       ], 512)
     ], 32));
   }
-}), yi = /* @__PURE__ */ O(bi, [["__scopeId", "data-v-d47c7475"]]), wi = ["onFocusin", "onFocusout"], _i = /* @__PURE__ */ R({
+}), xi = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-d47c7475"]]), ki = ["onFocusin", "onFocusout"], Ci = /* @__PURE__ */ R({
   __name: "input-slider",
   props: /* @__PURE__ */ Y({
     modelValue: {},
@@ -3378,7 +3437,12 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
   }),
   emits: /* @__PURE__ */ Y(["update:modelValue", "input", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = se(e, "modelValue"), l = n, a = o === void 0 ? 0 : Number(o), i = E(Number.isNaN(a) ? 0 : a), c = (s) => {
+    const t = e, o = se(e, "modelValue"), l = n, a = o.value === void 0 ? 0 : Number(o.value), i = E(Number.isNaN(a) ? 0 : a);
+    K(o, (s) => {
+      const r = s === void 0 ? 0 : Number(s);
+      i.value = Number.isNaN(r) ? 0 : r;
+    });
+    const c = (s) => {
       console.log("onUpdateModel", s);
       const r = typeof s == "number" ? s : Number(s ?? 0);
       i.value = Number.isNaN(r) ? 0 : r, l("update:modelValue", i.value), l("input", i.value);
@@ -3404,7 +3468,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           onFocusin: p,
           onFocusout: h
         }, [
-          T(yi, {
+          T(xi, {
             id: u,
             modelValue: i.value,
             "onUpdate:modelValue": [
@@ -3417,12 +3481,12 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
             range: !1,
             disabled: d
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, wi)
+        ], 40, ki)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), xi = /* @__PURE__ */ O(_i, [["__scopeId", "data-v-33e78440"]]), ki = { class: "textarea" }, Vi = ["value", "placeholder", "disabled", "rows"], Ci = /* @__PURE__ */ R({
+}), Vi = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-8f16d318"]]), Ei = { class: "textarea" }, $i = ["value", "placeholder", "disabled", "rows"], Li = /* @__PURE__ */ R({
   __name: "textarea",
   props: /* @__PURE__ */ Y({
     icon: {},
@@ -3444,14 +3508,14 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       t("focus", r);
     }, c = (r) => {
       t("blur", r);
-    }, s = C(() => !o.value);
+    }, s = k(() => !o.value);
     return (r, u) => {
       const d = q("VjIcon");
-      return f(), g("div", ki, [
+      return f(), g("div", Ei, [
         e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
-          size: $(K).S,
+          size: $(X).S,
           class: "textarea-icon"
         }, null, 8, ["icon", "size"])) : L("", !0),
         _("textarea", {
@@ -3462,18 +3526,18 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Vi),
+        }, null, 40, $i),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: I(["clear-icon", { invisible: s.value }]),
           icon: $(z).CLOSE,
-          size: $(K).S,
+          size: $(X).S,
           onClick: a
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), pn = /* @__PURE__ */ O(Ci, [["__scopeId", "data-v-2ea43716"]]), Ei = /* @__PURE__ */ R({
+}), hn = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-2ea43716"]]), Si = /* @__PURE__ */ R({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3494,7 +3558,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
   setup(e, { emit: n }) {
     const t = e, o = n, l = (u) => o("update:modelValue", u), a = (u) => o("input", u), i = (u) => o("focus", u), c = (u) => o("blur", u), s = (u) => {
       l(u ?? "");
-    }, r = C(() => {
+    }, r = k(() => {
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
@@ -3517,7 +3581,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       appearance: t.appearance
     }, {
       control: N(({ id: v, disabled: p, placeholder: h, onFocus: y, onBlur: m }) => [
-        T(pn, {
+        T(hn, {
           id: v,
           modelValue: r.value,
           "onUpdate:modelValue": s,
@@ -3536,7 +3600,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "helpText", "appearance"]));
   }
-}), $i = { class: "input" }, Li = ["value", "type", "placeholder", "disabled"], Si = /* @__PURE__ */ R({
+}), Ti = { class: "input" }, Ri = ["value", "type", "placeholder", "disabled"], Ai = /* @__PURE__ */ R({
   __name: "input",
   props: /* @__PURE__ */ Y({
     icon: {},
@@ -3558,14 +3622,14 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       t("focus", r);
     }, c = (r) => {
       t("blur", r);
-    }, s = C(() => !o.value);
+    }, s = k(() => !o.value);
     return (r, u) => {
       const d = q("VjIcon");
-      return f(), g("div", $i, [
+      return f(), g("div", Ti, [
         e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
-          size: $(K).S
+          size: $(X).S
         }, null, 8, ["icon", "size"])) : L("", !0),
         _("input", {
           value: o.value,
@@ -3575,18 +3639,18 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Li),
+        }, null, 40, Ri),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: I(["clear-icon", { invisible: s.value }]),
           icon: $(z).CLOSE,
-          size: $(K).S,
+          size: $(X).S,
           onClick: a
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), hn = /* @__PURE__ */ O(Si, [["__scopeId", "data-v-3187d49c"]]), Ti = /* @__PURE__ */ R({
+}), gn = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-3187d49c"]]), Oi = /* @__PURE__ */ R({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3627,7 +3691,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       appearance: e.appearance
     }, {
       control: N(({ id: d, disabled: v, placeholder: p, onFocus: h, onBlur: y }) => [
-        T(hn, {
+        T(gn, {
           id: d,
           modelValue: e.modelValue,
           type: e.type,
@@ -3646,10 +3710,10 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Ri = { class: "shell-navigation-item" }, Ai = { class: "shell-navigation-item-label" }, Oi = {
+}), Di = { class: "shell-navigation-item" }, Bi = { class: "shell-navigation-item-label" }, ji = {
   key: 1,
   class: "shell-navigation-item-link"
-}, Di = ["aria-expanded"], Bi = { class: "shell-navigation-item-label" }, ji = /* @__PURE__ */ R({
+}, Mi = ["aria-expanded"], Pi = { class: "shell-navigation-item-label" }, Fi = /* @__PURE__ */ R({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3657,7 +3721,7 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = Ut(), t = C(() => !!n.default), o = E(!1), l = E(null), a = E(null), { floatingStyles: i } = bt(l, a, {
+    const n = Kt(), t = k(() => !!n.default), o = E(!1), l = E(null), a = E(null), { floatingStyles: i } = wt(l, a, {
       placement: "right-start",
       middleware: [tt(8), ot(), nt({ padding: 8 })],
       whileElementsMounted: et
@@ -3673,13 +3737,13 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       const p = v.target;
       p && (l.value && l.value.contains(p) || a.value && a.value.contains(p) || s());
     };
-    return X(o, (v) => {
+    return K(o, (v) => {
       v ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
     }), Ae(() => {
       window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d);
     }), (v, p) => {
       const h = q("VjIcon"), y = q("RouterLink"), m = q("VjMenu");
-      return f(), g("li", Ri, [
+      return f(), g("li", Di, [
         e.to ? (f(), P(y, {
           key: 0,
           to: e.to,
@@ -3690,10 +3754,10 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            _("label", Ai, A(e.label), 1)
+            _("label", Bi, O(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (f(), g("div", Oi, [
+        }, 8, ["to"])) : (f(), g("div", ji, [
           _("button", {
             ref_key: "buttonRef",
             ref: l,
@@ -3706,8 +3770,8 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            _("label", Bi, A(e.label), 1)
-          ], 8, Di),
+            _("label", Pi, O(e.label), 1)
+          ], 8, Mi),
           T(Le, { name: "menu" }, {
             default: N(() => [
               o.value ? (f(), P(m, {
@@ -3738,19 +3802,19 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
       ]);
     };
   }
-}), Mi = /* @__PURE__ */ O(ji, [["__scopeId", "data-v-3a50d1c2"]]), Pi = { class: "navigation-top" }, Fi = {
+}), zi = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-3a50d1c2"]]), Ii = { class: "navigation-top" }, Hi = {
   key: 0,
   class: "navigation-bottom"
-}, zi = /* @__PURE__ */ R({
+}, Wi = /* @__PURE__ */ R({
   __name: "shell-navigation",
   setup(e) {
-    const n = dt(Ji, Zi()), t = C(() => n.showLabels);
+    const n = vt(es, ns()), t = k(() => n.showLabels);
     return (o, l) => {
       const a = q("VjShellNavigationItem");
       return f(), g("nav", {
         class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
-        _("ul", Pi, [
+        _("ul", Ii, [
           $(n).hasParent && $(n).backRoute.value ? (f(), P(a, {
             key: 0,
             to: $(n).backRoute.value,
@@ -3764,13 +3828,13 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
             icon: i.meta.icon ?? $(z).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (f(), g("ul", Fi, [
+        o.$slots.fixed ? (f(), g("ul", Hi, [
           M(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
   }
-}), gn = /* @__PURE__ */ O(zi, [["__scopeId", "data-v-306cfc22"]]), Ii = { class: "shell" }, Hi = { class: "shell-title" }, Wi = ["src"], Ui = { class: "header-actions" }, Ni = /* @__PURE__ */ R({
+}), bn = /* @__PURE__ */ A(Wi, [["__scopeId", "data-v-306cfc22"]]), Ui = { class: "shell" }, Ni = { class: "shell-title" }, Ki = ["src"], Xi = { class: "header-actions" }, qi = /* @__PURE__ */ R({
   __name: "shell",
   props: {
     title: {},
@@ -3778,30 +3842,30 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = ls(), t = lt(n, "asideComponent"), o = lt(n, "hasAside"), l = lt(n, "asideData"), a = C(() => {
+    const n = ss(), t = lt(n, "asideComponent"), o = lt(n, "hasAside"), l = lt(n, "asideData"), a = k(() => {
       const i = l.value;
       return i && typeof i == "object" ? i : {};
     });
     return (i, c) => {
       const s = q("router-view");
-      return f(), g("div", Ii, [
+      return f(), g("div", Ui, [
         _("header", null, [
-          _("span", Hi, [
+          _("span", Ni, [
             e.icon ? (f(), g("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, Wi)) : L("", !0),
-            _("h1", null, A(e.title), 1)
+            }, null, 8, Ki)) : L("", !0),
+            _("h1", null, O(e.title), 1)
           ]),
-          _("div", Ui, [
+          _("div", Xi, [
             M(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
         _("div", {
           class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), P($(gn), { key: 0 }, ct({ _: 2 }, [
+          e.showNavigation ? (f(), P($(bn), { key: 0 }, dt({ _: 2 }, [
             i.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: N(() => [
@@ -3818,15 +3882,15 @@ const Ja = ["data-colspan", "data-newline"], Qa = ["for"], Za = { class: "form-f
           _("aside", {
             class: I({ "aside-visible": o.value })
           }, [
-            (f(), P(Kt(t.value), Cn(En(a.value)), null, 16))
+            (f(), P(ut(t.value), En($n(a.value)), null, 16))
           ], 2)
         ], 2),
         c[0] || (c[0] = _("footer", null, null, -1))
       ]);
     };
   }
-}), Ki = /* @__PURE__ */ O(Ni, [["__scopeId", "data-v-4dfd0097"]]);
-class Xi {
+}), Gi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-4dfd0097"]]);
+class Yi {
   notifications = E([]);
   notificationIdCounter = 0;
   /**
@@ -3892,15 +3956,15 @@ class Xi {
     this.notifications.value = [];
   }
 }
-const Wt = new Xi(), qi = { class: "notifications" }, Gi = /* @__PURE__ */ R({
+const Nt = new Yi(), Ji = { class: "notifications" }, Qi = /* @__PURE__ */ R({
   __name: "notifications",
   setup(e) {
-    const n = Wt.getNotifications(), t = (o) => Wt.remove(o);
+    const n = Nt.getNotifications(), t = (o) => Nt.remove(o);
     return (o, l) => (f(), P(Me, { to: "body" }, [
-      _("div", qi, [
-        T($n, { name: "notification" }, {
+      _("div", Ji, [
+        T(Ln, { name: "notification" }, {
           default: N(() => [
-            (f(!0), g(Q, null, pe($(n), (a) => (f(), P(wt, {
+            (f(!0), g(Q, null, pe($(n), (a) => (f(), P(xt, {
               key: a.id,
               type: a.type,
               title: a.title,
@@ -3913,27 +3977,27 @@ const Wt = new Xi(), qi = { class: "notifications" }, Gi = /* @__PURE__ */ R({
       ])
     ]));
   }
-}), Yi = /* @__PURE__ */ O(Gi, [["__scopeId", "data-v-543c499f"]]), Ji = "navigationProvider";
-function Qi(e) {
+}), Zi = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-543c499f"]]), es = "navigationProvider";
+function ts(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const Zi = () => {
-  const e = Rn(), n = An(), t = !0, o = C(() => {
+const ns = () => {
+  const e = An(), n = On(), t = !0, o = k(() => {
     const u = e.getRoutes();
     return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((p) => p.name === d.name)));
-  }), l = C(() => {
+  }), l = k(() => {
     const u = n.matched;
     return u.length ? u[u.length - 1] : null;
-  }), a = C(() => {
+  }), a = k(() => {
     const u = n.matched;
     return u.length > 1 ? u[u.length - 2] : null;
-  }), i = C(() => !!(l.value?.children?.length || a.value)), c = C(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), s = C(() => {
+  }), i = k(() => !!(l.value?.children?.length || a.value)), c = k(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), s = k(() => {
     if (!c.value) return null;
     const d = e.getRoutes().find((v) => v.children?.some((p) => p.name === c.value.name));
     return d ? { name: d.name } : { path: "/" };
-  }), r = C(() => {
+  }), r = k(() => {
     let u = [];
-    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(Qi);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : a.value?.children?.length ? u = a.value.children : u = o.value, u.filter(ts);
   });
   return {
     hasParent: i,
@@ -3941,21 +4005,21 @@ const Zi = () => {
     childRoutes: r,
     showLabels: t
   };
-}, ps = (e, n = !0, t = void 0) => {
-  const o = Ln(e) ? e : E(e), l = !!t, a = E(t || null);
+}, bs = (e, n = !0, t = void 0) => {
+  const o = Sn(e) ? e : E(e), l = !!t, a = E(t || null);
   return {
     hasParent: l,
     backRoute: a,
     childRoutes: o,
     showLabels: n
   };
-}, _t = E(!1), xt = E(null), kt = E(null);
+}, kt = E(!1), Ct = E(null), Vt = E(null);
 let $e = [];
-const bn = (e) => ($e.push(e), () => {
+const yn = (e) => ($e.push(e), () => {
   $e = $e.filter((n) => n !== e);
-}), es = (e, n) => ($e = [], xt.value = e, kt.value = n ?? null, _t.value = !0, {
-  onClose: (t) => bn(t)
-}), ts = (e) => {
+}), os = (e, n) => ($e = [], Ct.value = e, Vt.value = n ?? null, kt.value = !0, {
+  onClose: (t) => yn(t)
+}), ls = (e) => {
   try {
     $e.forEach((n) => {
       try {
@@ -3965,18 +4029,18 @@ const bn = (e) => ($e.push(e), () => {
       }
     });
   } finally {
-    _t.value = !1, setTimeout(ns, 1e3);
+    kt.value = !1, setTimeout(as, 1e3);
   }
-}, ns = () => {
-  $e = [], xt.value = null, kt.value = null;
-}, os = {
-  asideComponent: xt,
-  asideData: kt,
-  showAside: es,
-  closeAside: ts,
-  onAsideClose: bn,
-  hasAside: _t
-}, ls = () => os, hs = (e, n) => {
+}, as = () => {
+  $e = [], Ct.value = null, Vt.value = null;
+}, is = {
+  asideComponent: Ct,
+  asideData: Vt,
+  showAside: os,
+  closeAside: ls,
+  onAsideClose: yn,
+  hasAside: kt
+}, ss = () => is, ys = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -3984,7 +4048,7 @@ const bn = (e) => ($e.push(e), () => {
     }, n);
   };
 };
-class as {
+class rs {
   containerElement = null;
   apps = [];
   mainApp = null;
@@ -4007,9 +4071,9 @@ class as {
           const s = this.apps.find((r) => r.element === l);
           s && (s.app.unmount(), this.apps = this.apps.filter((r) => r !== s)), l.remove();
         }, 300));
-      }, c = Sn({
+      }, c = Tn({
         setup() {
-          return () => Tn(ft, {
+          return () => Rn(mt, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -4036,7 +4100,7 @@ class as {
           });
         }
       });
-      this.inheritAppContext(c), c.component("VjCard", it), c.component("VjIcon", te), c.component("VjButton", Ge), c.mount(l), this.apps.push({ app: c, element: l });
+      this.inheritAppContext(c), c.component("VjCard", st), c.component("VjIcon", te), c.component("VjButton", Ge), c.mount(l), this.apps.push({ app: c, element: l });
     });
   }
   confirm(n) {
@@ -4064,17 +4128,17 @@ class as {
     }), this.apps = [];
   }
 }
-const is = new as();
-function gs() {
-  return is;
+const cs = new rs();
+function ws() {
+  return cs;
 }
-function bs() {
-  const e = dt(Yt, null);
+function _s() {
+  const e = vt(Jt, null);
   if (!e)
     throw new Error("useDialogController must be used inside a dialog component.");
   return e;
 }
-const ys = () => {
+const xs = () => {
   const e = E(!1), n = E(null), t = () => {
     n.value = null;
   };
@@ -4114,75 +4178,76 @@ const ys = () => {
     return new o(a, i);
   }
   return { run: l, running: e, error: n, clearError: t };
-}, ws = {
+}, ks = {
   install(e) {
-    e.component("VjAccordion", Pn), e.component("VjAmountBar", Fa), e.component("VjButton", Ge), e.component("VjButtonBar", Un), e.component("VjCard", it), e.component("VjChip", qt), e.component("VjChipGroup", Gt), e.component("VjChipSelector", Lo), e.component("VjCarousel", it), e.component("VjCheckbox", oo), e.component("VjDotMenu", _l), e.component("VjDialog", ft), e.component("VjIcon", te), e.component("VjLinkButton", kl), e.component("VjMenu", Rl), e.component("VjMenuAction", $l), e.component("VjPage", sa), e.component("VjPaginator", ua), e.component("VjTab", ba), e.component("VjTabView", Va), e.component("VjTimer", Aa), e.component("VjSkeleton", Ma), e.component("VjSpinner", dn), e.component("VjNotifications", Yi), e.component("VjNotification", wt), e.component("VjUpload", Ya), e.component("VjInput", hn), e.component("VjSelect", mn), e.component("VjTextArea", pn), e.component("VjFormField", Ie), e.component("VjFormLayout", ai), e.component("VjFormSection", ri), e.component("VjInputText", Ti), e.component("VjInputTextArea", Ei), e.component("VjInputSelect", pi), e.component("VjInputSlider", xi), e.component("VjShellNavigation", gn), e.component("VjShellNavigationItem", Mi), e.component("VjShell", Ki), e.component("VjSearchField", ma), e.component("VjSeparator", ha), e.directive("focus", Dl), e.directive("resize", Bl), e.directive("compact", Al), e.directive("tooltip", fn);
+    e.component("VjAccordion", In), e.component("VjAmountBar", Ha), e.component("VjButton", Ge), e.component("VjButtonBar", Xn), e.component("VjCard", st), e.component("VjChip", Gt), e.component("VjChipGroup", Yt), e.component("VjChipSelector", Ro), e.component("VjCarousel", st), e.component("VjCheckbox", io), e.component("VjDotMenu", Cl), e.component("VjDialog", mt), e.component("VjIcon", te), e.component("VjLinkButton", El), e.component("VjMenu", Dl), e.component("VjMenuAction", Tl), e.component("VjPage", ua), e.component("VjPaginator", va), e.component("VjTab", _a), e.component("VjTabView", $a), e.component("VjTimer", Ba), e.component("VjSkeleton", za), e.component("VjSpinner", fn), e.component("VjNotifications", Zi), e.component("VjNotification", xt), e.component("VjUpload", Za), e.component("VjInput", gn), e.component("VjSelect", pn), e.component("VjTextArea", hn), e.component("VjFormField", Ie), e.component("VjFormLayout", ri), e.component("VjFormSection", di), e.component("VjInputText", Oi), e.component("VjInputTextArea", Si), e.component("VjInputSelect", bi), e.component("VjInputSlider", Vi), e.component("VjShellNavigation", bn), e.component("VjShellNavigationItem", zi), e.component("VjShell", Gi), e.component("VjSearchField", ga), e.component("VjSeparator", ya), e.directive("focus", Ml), e.directive("resize", Pl), e.directive("compact", Bl), e.directive("tooltip", vn);
   }
 };
 export {
-  Pn as Accordion,
-  Fa as AmountBar,
+  In as Accordion,
+  Ha as AmountBar,
   Ge as Button,
-  Un as ButtonBar,
-  it as Card,
-  us as Carousel,
-  oo as Checkbox,
-  qt as Chip,
-  Gt as ChipGroup,
-  Lo as ChipSelector,
-  ft as Dialog,
-  _l as DotMenu,
-  fs as EditableLabel,
-  Dl as FocusFirstDirective,
+  Xn as ButtonBar,
+  st as Card,
+  vs as Carousel,
+  io as Checkbox,
+  Gt as Chip,
+  Yt as ChipGroup,
+  Ro as ChipSelector,
+  mt as Dialog,
+  Cl as DotMenu,
+  ps as EditableLabel,
+  Ml as FocusFirstDirective,
   Ie as FormField,
-  ai as FormLayout,
-  ri as FormSection,
+  ri as FormLayout,
+  di as FormSection,
   te as Icon,
   z as IconNames,
-  K as IconSize,
-  hn as Input,
-  pi as InputSelect,
-  xi as InputSlider,
-  Ti as InputText,
-  Ei as InputTextArea,
-  kl as LinkButton,
-  Il as LoadingDirective,
-  Rl as Menu,
-  $l as MenuAction,
-  wt as NotificationComponent,
-  Yi as Notifications,
-  sa as Page,
-  ua as Paginator,
-  ds as Radio,
-  Bl as ResizeDirective,
-  ma as SearchField,
-  mn as Select,
-  ha as Separator,
-  Ki as Shell,
-  gn as ShellNavigation,
-  Mi as ShellNavigationItem,
-  Ma as Skeleton,
-  dn as Spinner,
-  ba as Tab,
-  Va as TabView,
-  pn as TextArea,
-  Aa as Timer,
-  fn as TooltipDirective,
-  Ya as Upload,
-  ws as VjComponents,
-  Yt as VjDialogControllerKey,
-  Ji as VjNavigationProviderKey,
-  Al as compactDirective,
-  vs as configureVueUI,
-  is as dialogService,
-  Ht as getVueUIConfig,
-  Wt as notificationService,
-  ms as resetVueUIConfig,
-  ls as useAsideService,
-  hs as useDebounce,
-  gs as useDialog,
-  bs as useDialogController,
-  ys as useFlow,
-  Zi as useRouterNavigationProvider,
-  ps as useStaticNavigationProvider
+  X as IconSize,
+  gn as Input,
+  bi as InputSelect,
+  Vi as InputSlider,
+  Oi as InputText,
+  Si as InputTextArea,
+  El as LinkButton,
+  Ul as LoadingDirective,
+  Dl as Menu,
+  Tl as MenuAction,
+  xt as NotificationComponent,
+  Zi as Notifications,
+  ua as Page,
+  va as Paginator,
+  ms as Radio,
+  Pl as ResizeDirective,
+  ga as SearchField,
+  pn as Select,
+  ya as Separator,
+  Gi as Shell,
+  bn as ShellNavigation,
+  zi as ShellNavigationItem,
+  za as Skeleton,
+  fn as Spinner,
+  _a as Tab,
+  $a as TabView,
+  hn as TextArea,
+  Ba as Timer,
+  vn as TooltipDirective,
+  Za as Upload,
+  ks as VjComponents,
+  Jt as VjDialogControllerKey,
+  es as VjNavigationProviderKey,
+  Bl as compactDirective,
+  hs as configureVueUI,
+  cs as dialogService,
+  Ut as getVueUIConfig,
+  at as iconRegistry,
+  Nt as notificationService,
+  gs as resetVueUIConfig,
+  ss as useAsideService,
+  ys as useDebounce,
+  ws as useDialog,
+  _s as useDialogController,
+  xs as useFlow,
+  ns as useRouterNavigationProvider,
+  bs as useStaticNavigationProvider
 };