@vanjana/vue-ui 0.1.124 → 0.1.128

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

@@ -1,4 +1,4 @@
-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 { 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, mergeModels as G, useModel as ne, 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 Y, Fragment as Q, renderList as pe, withModifiers as U, provide as Xt, Teleport as je, createSlots as dt, mergeProps as wn, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ve, render as Rt, resolveDirective as qt, withDirectives as ft, withKeys as Be, inject as vt, onUnmounted as Vn, vModelText as Cn, 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 {
@@ -57,19 +57,19 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
     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;
+      const a = at.getIcon(n.icon);
+      return a?.type === "string" ? a.value : "";
+    }), i = k(() => {
+      const a = at.getIcon(n.icon);
+      return a?.type === "component" ? a.value : null;
     });
-    return (i, c) => (f(), g("div", {
+    return (a, 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)
+      }, null, 2)) : i.value ? (f(), P(ut(i.value), { key: 1 })) : L("", !0)
     ], 2));
   }
 }), A = (e, n) => {
@@ -77,56 +77,58 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
   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 = {
+}, te = /* @__PURE__ */ A(Bn, [["__scopeId", "data-v-64e345f0"]]), Mn = ["aria-expanded", "disabled"], jn = { class: "accordion-title" }, Pn = {
   key: 0,
   id: "accordion-panel",
   class: "accordion-content",
   role: "region"
 }, Fn = { class: "accordion-body" }, zn = /* @__PURE__ */ R({
   __name: "accordion",
-  props: {
+  props: /* @__PURE__ */ G({
     title: {},
-    expanded: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:expanded"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, l = () => {
-      o("update:expanded", !t.expanded);
-    }, a = (c) => {
-      const s = c;
-      s.style.height = "0", s.offsetHeight, s.style.height = `${s.scrollHeight}px`;
-    }, i = (c) => {
-      const s = c;
-      s.style.height = `${s.scrollHeight}px`, s.offsetHeight, s.style.height = "0";
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = ne(e, "modelValue"), t = () => {
+      n.value = !n.value;
+    }, o = (i) => {
+      const a = i;
+      a.style.height = "0", a.offsetHeight, a.style.height = `${a.scrollHeight}px`;
+    }, l = (i) => {
+      const a = i;
+      a.style.height = `${a.scrollHeight}px`, a.offsetHeight, a.style.height = "0";
     };
-    return (c, s) => (f(), g("div", {
-      class: I(["accordion", { "accordion--open": e.expanded, "accordion--disabled": e.disabled }])
+    return (i, a) => (f(), g("div", {
+      class: I(["accordion", { "accordion--open": n.value, "accordion--disabled": e.disabled }])
     }, [
       _("button", {
         type: "button",
         class: "accordion-header",
-        onClick: l,
-        "aria-expanded": e.expanded,
+        onClick: t,
+        "aria-expanded": n.value,
         disabled: e.disabled,
         "aria-controls": "accordion-panel"
       }, [
-        _("span", Mn, O(e.title), 1),
+        _("span", jn, O(e.title), 1),
         T(te, {
           icon: $(z).CHEVRON_DOWN,
           size: $(X).S,
           class: "accordion-icon"
         }, null, 8, ["icon", "size"])
-      ], 8, jn),
+      ], 8, Mn),
       T(Le, {
         name: "accordion",
-        onEnter: a,
-        onLeave: i
+        onEnter: o,
+        onLeave: l
       }, {
         default: N(() => [
-          e.expanded ? (f(), g("div", Pn, [
+          n.value ? (f(), g("div", Pn, [
             _("div", Fn, [
-              M(c.$slots, "default", {}, void 0, !0)
+              M(i.$slots, "default", {}, void 0, !0)
             ])
           ])) : L("", !0)
         ]),
@@ -134,7 +136,7 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
       })
     ], 2));
   }
-}), In = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-8db9daae"]]), Hn = {}, Wn = { class: "button-bar" }, Un = { class: "left" }, Nn = { class: "right" };
+}), In = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-06b86067"]]), Hn = {}, Wn = { class: "button-bar" }, Un = { class: "left" }, Nn = { class: "right" };
 function Kn(e, n) {
   return f(), g("div", Wn, [
     _("div", Un, [
@@ -157,7 +159,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   setup(e) {
     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", {
+    return (i, a) => (f(), g("button", {
       class: I(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
@@ -213,50 +215,50 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, i = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", s = E(Math.max(0, i)), r = E(null), u = E(null), d = E(0), v = E(0);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, i = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", r = E(Math.max(0, a)), s = E(null), u = E(null), d = E(0), v = E(0);
     let p = !1;
     const h = E(0), y = E(!1);
     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 = 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) => {
+      h.value = s.value ? s.value.children.length : 0, h.value === 0 ? r.value = 0 : r.value >= h.value && (r.value = l ? 0 : h.value - 1), H();
+    }, j = k(() => d.value > 0 ? { transform: `translateX(${-r.value * d.value + v.value}px)` } : { transform: `translateX(-${r.value * 100}%)` }), H = () => {
+      s.value && Array.from(s.value.children).forEach((B, ye) => {
         try {
-          ye === s.value ? B.removeAttribute("aria-hidden") : B.setAttribute("aria-hidden", "true");
+          ye === r.value ? B.removeAttribute("aria-hidden") : B.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
-    }, C = () => {
-      V(), !(!t || h.value <= 1) && (a && y.value || (m = setTimeout(() => {
-        F(), C();
-      }, o)));
     }, V = () => {
+      C(), !(!t || h.value <= 1) && (i && y.value || (m = setTimeout(() => {
+        F(), V();
+      }, o)));
+    }, C = () => {
       m && (clearTimeout(m), m = null);
     }, D = () => {
-      h.value !== 0 && (s.value <= 0 ? s.value = l ? h.value - 1 : 0 : s.value--);
+      h.value !== 0 && (r.value <= 0 ? r.value = l ? h.value - 1 : 0 : r.value--);
     }, F = () => {
-      h.value !== 0 && (s.value >= h.value - 1 ? s.value = l ? 0 : h.value - 1 : s.value++);
+      h.value !== 0 && (r.value >= h.value - 1 ? r.value = l ? 0 : h.value - 1 : r.value++);
     }, W = (B) => {
-      B < 0 || B >= h.value || (s.value = B);
-    }, ne = () => {
-      y.value = !0, a && V();
+      B < 0 || B >= h.value || (r.value = B);
+    }, oe = () => {
+      y.value = !0, i && C();
     }, fe = () => {
-      y.value = !1, C();
+      y.value = !1, V();
     }, ve = (B) => {
       B.key === "ArrowLeft" ? D() : B.key === "ArrowRight" && F();
     };
-    let ke = 0, oe = 0;
+    let ke = 0, le = 0;
     const re = (B) => {
-      ke = B.touches[0].clientX, oe = 0;
+      ke = B.touches[0].clientX, le = 0;
     }, J = (B) => {
-      oe = B.touches[0].clientX - ke;
-    }, le = () => {
-      oe > 50 ? D() : oe < -50 && F(), oe = 0;
+      le = B.touches[0].clientX - ke;
+    }, ae = () => {
+      le > 50 ? D() : le < -50 && F(), le = 0;
     };
     let He = 0;
     const Et = (B) => {
       if (B.isPrimary !== !1 && !(B.pointerType === "mouse" && B.button !== 0)) {
-        p = !0, He = B.clientX, v.value = 0, V();
+        p = !0, He = B.clientX, v.value = 0, C();
         try {
           B.target?.setPointerCapture?.(B.pointerId);
         } catch {
@@ -268,7 +270,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       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, C();
+      v.value > B ? D() : v.value < -B && F(), v.value = 0, V();
     }, St = (B) => {
       try {
         B.target?.releasePointerCapture?.(B.pointerId);
@@ -278,7 +280,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }, 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) {
+        if (S(), s.value && (b = new MutationObserver(S), b.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", re, { passive: !0 }), s.value.addEventListener("touchmove", J, { passive: !0 }), s.value.addEventListener("touchend", ae)), u.value) {
           const B = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
@@ -291,14 +293,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
             window.addEventListener("resize", B), w.value = B;
           u.value && (u.value.addEventListener("pointerdown", Et), u.value.addEventListener("pointermove", $t), u.value.addEventListener("pointerup", St), u.value.addEventListener("pointercancel", Tt));
         }
-        H(), C();
+        H(), V();
       });
     }), 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", Et), u.value.removeEventListener("pointermove", $t), u.value.removeEventListener("pointerup", St), u.value.removeEventListener("pointercancel", Tt));
-    }), K([s, () => h.value], () => {
+      C(), b && s.value && b.disconnect(), s.value && (s.value.removeEventListener("touchstart", re), s.value.removeEventListener("touchmove", J), s.value.removeEventListener("touchend", ae)), 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([r, () => h.value], () => {
       H();
-    }), K([() => y.value, s], () => {
-      C();
+    }), K([() => y.value, r], () => {
+      V();
     }), (B, ye) => {
       const we = q("VjButton");
       return f(), g("div", {
@@ -308,7 +310,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         "aria-label": $(c),
         tabindex: "0",
         onKeydown: ve,
-        onMouseenter: ne,
+        onMouseenter: oe,
         onMouseleave: fe
       }, [
         _("div", {
@@ -319,8 +321,8 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
           _("div", {
             class: "carousel-track",
             ref_key: "track",
-            ref: r,
-            style: G(j.value)
+            ref: s,
+            style: Y(j.value)
           }, [
             M(B.$slots, "default", {}, void 0, !0)
           ], 4)
@@ -342,9 +344,9 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         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 }]),
+            class: I(["indicator", { active: Oe - 1 === r.value }]),
             onClick: (us) => W(Oe - 1),
-            "aria-current": Oe - 1 === s.value,
+            "aria-current": Oe - 1 === r.value,
             "aria-label": `Go to slide ${Oe}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
@@ -357,7 +359,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   class: "checkbox-label"
 }, ao = /* @__PURE__ */ R({
   __name: "checkbox",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -366,7 +368,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = se(e, "modelValue"), t = (o) => {
+    const n = ne(e, "modelValue"), t = (o) => {
       const l = o.target;
       n.value = l.checked;
     };
@@ -403,7 +405,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   class: "radio-label"
 }, uo = /* @__PURE__ */ R({
   __name: "radio",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     label: {},
     disabled: { type: Boolean }
   }, {
@@ -412,7 +414,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = se(e, "modelValue"), t = (o) => {
+    const n = ne(e, "modelValue"), t = (o) => {
       const l = o.target;
       n.value = l.checked;
     };
@@ -435,7 +437,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   }
 }), ms = /* @__PURE__ */ A(uo, [["__scopeId", "data-v-f9e4bb65"]]), fo = { class: "chip__label" }, vo = /* @__PURE__ */ R({
   __name: "chip",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     label: {},
     dismissable: { type: Boolean },
     color: {}
@@ -443,21 +445,21 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    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;
+    const t = e, o = ne(e, "modelValue"), l = n, i = t.dismissable ?? !1, a = k(() => {
+      const r = {};
+      return t.color && (r.color = `var(--on-surface-${t.color})`, r.background = `var(--surface-${t.color})`), r;
     }), c = () => {
       l("dismiss", o.value);
     };
-    return (s, r) => (f(), g("div", {
-      class: I(["chip", { "chip--dismissable": $(a) }]),
-      style: G(i.value),
-      onClick: r[0] || (r[0] = (u) => s.$emit("click"))
+    return (r, s) => (f(), g("div", {
+      class: I(["chip", { "chip--dismissable": $(i) }]),
+      style: Y(a.value),
+      onClick: s[0] || (s[0] = (u) => r.$emit("click"))
     }, [
       _("span", fo, O(e.label), 1),
-      $(a) ? (f(), g("button", {
+      $(i) ? (f(), g("button", {
         key: 0,
         class: "chip__close",
         type: "button",
@@ -490,26 +492,26 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items", "reorder", "dismiss", "chip-click"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), a = E(null);
-    function i(m, b) {
+    const t = e, o = n, l = E(null), i = E(null);
+    function a(m, b) {
       return typeof m == "string" ? `${m}-${b}` : m[t.itemKey] !== void 0 ? String(m[t.itemKey]) : `item-${b}`;
     }
     function c(m) {
       return typeof m == "string" ? m : m[t.itemLabel] !== void 0 ? String(m[t.itemLabel]) : String(m.value || "");
     }
-    function s(m, b) {
+    function r(m, b) {
       l.value = m, b.dataTransfer && (b.dataTransfer.effectAllowed = "move", b.dataTransfer.setData("text/plain", String(m)));
     }
-    function r(m, b) {
+    function s(m, b) {
       l.value === null || l.value === m || (b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"));
     }
     function u(m) {
-      l.value === null || l.value === m || (a.value = m);
+      l.value === null || l.value === m || (i.value = m);
     }
     function d() {
     }
     function v(m, b) {
-      return l.value === null || a.value === null || l.value === m ? !1 : b === "before" && a.value === m && l.value > m || b === "after" && a.value === m && l.value < m;
+      return l.value === null || i.value === null || l.value === m ? !1 : b === "before" && i.value === m && l.value > m || b === "after" && i.value === m && l.value < m;
     }
     function p(m, b) {
       if (b.preventDefault(), l.value === null || l.value === m)
@@ -518,7 +520,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       x.splice(l.value, 1), x.splice(m, 0, w), o("update:items", x), o("reorder", x);
     }
     function h() {
-      l.value = null, a.value = null;
+      l.value = null, i.value = null;
     }
     function y(m) {
       const b = t.items[m], x = t.items.filter((w, S) => S !== m);
@@ -528,19 +530,19 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       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)
+          key: a(x, w)
         }, [
           v(w, "before") ? (f(), g("div", {
             key: 0,
             class: "chip-group__drop-indicator",
-            onDragover: U((S) => r(w, S), ["prevent"]),
+            onDragover: U((S) => s(w, S), ["prevent"]),
             onDrop: (S) => p(w, S)
           }, null, 40, go)) : L("", !0),
           _("div", {
             class: I(["chip-group__item", { "chip-group__item--dragging": l.value === w }]),
             draggable: "true",
-            onDragstart: (S) => s(w, S),
-            onDragover: U((S) => r(w, S), ["prevent"]),
+            onDragstart: (S) => r(w, S),
+            onDragover: U((S) => s(w, S), ["prevent"]),
             onDragenter: U((S) => u(w), ["prevent"]),
             onDragleave: d,
             onDrop: (S) => p(w, S),
@@ -557,7 +559,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
           v(w, "after") ? (f(), g("div", {
             key: 1,
             class: "chip-group__drop-indicator",
-            onDragover: U((S) => r(w, S), ["prevent"]),
+            onDragover: U((S) => s(w, S), ["prevent"]),
             onDrop: (S) => p(w, S)
           }, null, 40, yo)) : L("", !0)
         ], 64))), 128))
@@ -565,7 +567,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       e.hint ? (f(), g("div", wo, O(e.hint), 1)) : L("", !0)
     ]));
   }
-}), 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({
+}), Yt = /* @__PURE__ */ A(_o, [["__scopeId", "data-v-66199d19"]]), Jt = /* @__PURE__ */ Symbol("VjDialogController"), xo = { class: "dialog-content" }, ko = { key: 1 }, Vo = { class: "dialog-footer" }, Co = /* @__PURE__ */ R({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -587,24 +589,24 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       () => t.modelValue,
       (d) => l.value = d
     );
-    const a = () => {
+    const i = () => {
       l.value = !1, o("update:modelValue", !1), o("close");
-    }, i = (d) => {
-      o("resolve", d), a();
+    }, a = (d) => {
+      o("resolve", d), i();
     }, c = () => {
-      o("confirm"), a();
-    }, s = () => {
-      o("cancel"), a();
+      o("confirm"), i();
+    }, r = () => {
+      o("cancel"), i();
     };
     Xt(Jt, {
-      close: a,
-      resolve: i,
-      cancel: s
+      close: i,
+      resolve: a,
+      cancel: r
     });
-    const r = () => {
-      t.closeOnBackdrop && a();
+    const s = () => {
+      t.closeOnBackdrop && i();
     }, u = (d) => {
-      d.key === "Escape" && t.closeOnEscape && l.value && a();
+      d.key === "Escape" && t.closeOnEscape && l.value && i();
     };
     return Re(() => {
       document.addEventListener("keydown", u);
@@ -612,13 +614,13 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       document.removeEventListener("keydown", u);
     }), (d, v) => {
       const p = q("VjIcon"), h = q("VjButton"), y = q("VjCard");
-      return f(), P(Me, { to: "body" }, [
+      return f(), P(je, { to: "body" }, [
         T(Le, { name: "dialog-fade" }, {
           default: N(() => [
             l.value ? (f(), g("div", {
               key: 0,
               class: "dialog-backdrop",
-              onClick: r
+              onClick: s
             }, [
               T(Le, { name: "dialog-scale" }, {
                 default: N(() => [
@@ -637,16 +639,16 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                           icon: $(z).CLOSE,
                           size: $(X).S,
                           class: "dialog-close",
-                          onClick: a
+                          onClick: i
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: N(() => [
                         _("div", xo, [
                           e.component ? (f(), P(ut(e.component), wn({ key: 0 }, e.componentProps, {
-                            onCancel: s,
-                            onClose: a,
+                            onCancel: r,
+                            onClose: i,
                             onConfirm: c,
-                            onResolve: i
+                            onResolve: a
                           }), null, 16)) : e.message ? (f(), g("div", ko, O(e.message), 1)) : M(d.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
@@ -655,12 +657,12 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                       e.showFooter ? {
                         name: "footer",
                         fn: N(() => [
-                          _("div", Co, [
+                          _("div", Vo, [
                             M(d.$slots, "footer", {}, () => [
                               e.showCancel ? (f(), P(h, {
                                 key: 0,
                                 secondary: "",
-                                onClick: s,
+                                onClick: r,
                                 label: e.cancelText
                               }, null, 8, ["label"])) : L("", !0),
                               T(h, {
@@ -685,7 +687,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       ]);
     };
   }
-}), mt = /* @__PURE__ */ A(Vo, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, Lo = ["onClick"], So = {
+}), mt = /* @__PURE__ */ A(Co, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, Lo = ["onClick"], So = {
   key: 0,
   class: "no-options"
 }, To = /* @__PURE__ */ R({
@@ -700,24 +702,24 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items"],
   setup(e, { emit: n }) {
-    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;
+    const t = e, o = n, l = E([...t.items]), i = E(!1), a = k(() => t.options.filter((s) => !l.value.includes(s.value)));
+    function c(s) {
+      const u = s;
       l.value = u, o("update:items", u);
     }
-    function s(r) {
-      if (!l.value.includes(r)) {
-        const u = [...l.value, r];
+    function r(s) {
+      if (!l.value.includes(s)) {
+        const u = [...l.value, s];
         l.value = u, o("update:items", u);
       }
     }
     return K(
       () => t.items,
-      (r) => {
-        JSON.stringify(r) !== JSON.stringify(l.value) && (l.value = [...r]);
+      (s) => {
+        JSON.stringify(s) !== JSON.stringify(l.value) && (l.value = [...s]);
       },
       { deep: !0 }
-    ), (r, u) => (f(), g("div", Eo, [
+    ), (s, u) => (f(), g("div", Eo, [
       T(Yt, {
         items: l.value,
         "onUpdate:items": [
@@ -730,24 +732,24 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       _("button", {
         type: "button",
         class: "add-button",
-        onClick: u[1] || (u[1] = (d) => a.value = !0)
+        onClick: u[1] || (u[1] = (d) => i.value = !0)
       }, O(e.addButtonText), 1),
       T(mt, {
-        modelValue: a.value,
-        "onUpdate:modelValue": u[2] || (u[2] = (d) => a.value = d),
+        modelValue: i.value,
+        "onUpdate:modelValue": u[2] || (u[2] = (d) => i.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
         "close-on-backdrop": ""
       }, {
         default: N(() => [
           _("div", $o, [
-            (f(!0), g(Q, null, pe(i.value, (d) => (f(), g("button", {
+            (f(!0), g(Q, null, pe(a.value, (d) => (f(), g("button", {
               key: d.value,
               type: "button",
               class: "option-btn",
-              onClick: (v) => s(d.value)
+              onClick: (v) => r(d.value)
             }, "+ " + O(d.label), 9, Lo))), 128))
           ]),
-          i.value.length === 0 ? (f(), g("div", So, "All options already selected")) : L("", !0)
+          a.value.length === 0 ? (f(), g("div", So, "All options already selected")) : L("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
@@ -792,18 +794,18 @@ function en(e) {
 }
 function Bo(e, n, t) {
   t === void 0 && (t = !1);
-  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)];
+  const o = Fe(e), l = en(e), i = Zt(l);
+  let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return n.reference[i] > n.floating[i] && (a = Ke(a)), [a, Ke(a)];
 }
-function jo(e) {
+function Mo(e) {
   const n = Ke(e);
   return [rt(e), n, rt(n)];
 }
 function rt(e) {
   return e.replace(/start|end/g, (n) => Oo[n]);
 }
-const Ot = ["left", "right"], Dt = ["right", "left"], Mo = ["top", "bottom"], Po = ["bottom", "top"];
+const Ot = ["left", "right"], Dt = ["right", "left"], jo = ["top", "bottom"], Po = ["bottom", "top"];
 function Fo(e, n, t) {
   switch (e) {
     case "top":
@@ -811,15 +813,15 @@ function Fo(e, n, t) {
       return t ? n ? Dt : Ot : n ? Ot : Dt;
     case "left":
     case "right":
-      return n ? Mo : Po;
+      return n ? jo : Po;
     default:
       return [];
   }
 }
 function zo(e, n, t, o) {
   const l = Fe(e);
-  let a = Fo(ge(e), t === "start", o);
-  return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(rt)))), a;
+  let i = Fo(ge(e), t === "start", o);
+  return l && (i = i.map((a) => a + "-" + l), n && (i = i.concat(i.map(rt)))), i;
 }
 function Ke(e) {
   return e.replace(/left|right|bottom|top/g, (n) => Ao[n]);
@@ -864,9 +866,9 @@ function Bt(e, n, t) {
     reference: o,
     floating: l
   } = e;
-  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;
+  const i = me(n), a = en(n), c = Zt(a), r = ge(n), s = i === "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) {
+  switch (r) {
     case "top":
       p = {
         x: u,
@@ -899,10 +901,10 @@ function Bt(e, n, t) {
   }
   switch (Fe(n)) {
     case "start":
-      p[i] -= v * (t && r ? -1 : 1);
+      p[a] -= v * (t && s ? -1 : 1);
       break;
     case "end":
-      p[i] += v * (t && r ? -1 : 1);
+      p[a] += v * (t && s ? -1 : 1);
       break;
   }
   return p;
@@ -911,17 +913,17 @@ const Wo = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
-    middleware: a = [],
-    platform: i
-  } = t, c = a.filter(Boolean), s = await (i.isRTL == null ? void 0 : i.isRTL(n));
-  let r = await i.getElementRects({
+    middleware: i = [],
+    platform: a
+  } = t, c = i.filter(Boolean), r = await (a.isRTL == null ? void 0 : a.isRTL(n));
+  let s = await a.getElementRects({
     reference: e,
     floating: n,
     strategy: l
   }), {
     x: u,
     y: d
-  } = Bt(r, o, s), v = o, p = {}, h = 0;
+  } = Bt(s, o, r), v = o, p = {}, h = 0;
   for (let y = 0; y < c.length; y++) {
     const {
       name: m,
@@ -938,8 +940,8 @@ const Wo = async (e, n, t) => {
       placement: v,
       strategy: l,
       middlewareData: p,
-      rects: r,
-      platform: i,
+      rects: s,
+      platform: a,
       elements: {
         reference: e,
         floating: n
@@ -951,14 +953,14 @@ const Wo = async (e, n, t) => {
         ...p[m],
         ...S
       }
-    }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (v = j.placement), j.rects && (r = j.rects === !0 ? await i.getElementRects({
+    }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (v = j.placement), j.rects && (s = j.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: l
     }) : j.rects), {
       x: u,
       y: d
-    } = Bt(r, v, s)), y = -1);
+    } = Bt(s, v, r)), y = -1);
   }
   return {
     x: u,
@@ -974,37 +976,37 @@ async function pt(e, n) {
   const {
     x: o,
     y: l,
-    platform: a,
-    rects: i,
+    platform: i,
+    rects: a,
     elements: c,
-    strategy: s
+    strategy: r
   } = e, {
-    boundary: r = "clippingAncestors",
+    boundary: s = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
     altBoundary: v = !1,
     padding: p = 0
-  } = 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,
+  } = Pe(n, e), h = Ho(p), m = c[v ? d === "floating" ? "reference" : "floating" : d], b = Xe(await i.getClippingRect({
+    element: (t = await (i.isElement == null ? void 0 : i.isElement(m))) == null || t ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
+    boundary: s,
     rootBoundary: u,
-    strategy: s
+    strategy: r
   })), x = d === "floating" ? {
     x: o,
     y: l,
-    width: i.floating.width,
-    height: i.floating.height
-  } : i.reference, w = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c.floating)), S = await (a.isElement == null ? void 0 : a.isElement(w)) ? await (a.getScale == null ? void 0 : a.getScale(w)) || {
+    width: a.floating.width,
+    height: a.floating.height
+  } : a.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), S = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, j = Xe(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, j = Xe(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: x,
     offsetParent: w,
-    strategy: s
+    strategy: r
   }) : x);
   return {
     top: (b.top - j.top + h.top) / S.y,
@@ -1021,11 +1023,11 @@ const Uo = function(e) {
       var t, o;
       const {
         placement: l,
-        middlewareData: a,
-        rects: i,
+        middlewareData: i,
+        rects: a,
         initialPlacement: c,
-        platform: s,
-        elements: r
+        platform: r,
+        elements: s
       } = n, {
         mainAxis: u = !0,
         crossAxis: d = !0,
@@ -1035,22 +1037,22 @@ const Uo = function(e) {
         flipAlignment: y = !0,
         ...m
       } = Pe(e, n);
-      if ((t = a.arrow) != null && t.alignmentOffset)
+      if ((t = i.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)] : jo(c)), H = h !== "none";
+      const b = ge(l), x = me(c), w = ge(c) === c, S = await (r.isRTL == null ? void 0 : r.isRTL(s.floating)), j = v || (w || !y ? [Ke(c)] : Mo(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 = Bo(l, i, S);
-        D.push(V[ve[0]], V[ve[1]]);
+      const V = [c, ...j], C = await pt(n, m), D = [];
+      let F = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && D.push(C[b]), d) {
+        const ve = Bo(l, a, S);
+        D.push(C[ve[0]], C[ve[1]]);
       }
       if (F = [...F, {
         placement: l,
         overflows: D
       }], !D.every((ve) => ve <= 0)) {
-        var W, ne;
-        const ve = (((W = a.flip) == null ? void 0 : W.index) || 0) + 1, ke = C[ve];
+        var W, oe;
+        const ve = (((W = i.flip) == null ? void 0 : W.index) || 0) + 1, ke = V[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)))
@@ -1063,31 +1065,31 @@ const Uo = function(e) {
               placement: ke
             }
           };
-        let oe = (ne = F.filter((re) => re.overflows[0] <= 0).sort((re, J) => re.overflows[1] - J.overflows[1])[0]) == null ? void 0 : ne.placement;
-        if (!oe)
+        let le = (oe = F.filter((re) => re.overflows[0] <= 0).sort((re, J) => re.overflows[1] - J.overflows[1])[0]) == null ? void 0 : oe.placement;
+        if (!le)
           switch (p) {
             case "bestFit": {
               var fe;
               const re = (fe = F.filter((J) => {
                 if (H) {
-                  const le = me(J.placement);
-                  return le === x || // Create a bias to the `y` side axis due to horizontal
+                  const ae = me(J.placement);
+                  return ae === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  le === "y";
+                  ae === "y";
                 }
                 return !0;
-              }).map((J) => [J.placement, J.overflows.filter((le) => le > 0).reduce((le, He) => le + He, 0)]).sort((J, le) => J[1] - le[1])[0]) == null ? void 0 : fe[0];
-              re && (oe = re);
+              }).map((J) => [J.placement, J.overflows.filter((ae) => ae > 0).reduce((ae, He) => ae + He, 0)]).sort((J, ae) => J[1] - ae[1])[0]) == null ? void 0 : fe[0];
+              re && (le = re);
               break;
             }
             case "initialPlacement":
-              oe = c;
+              le = c;
               break;
           }
-        if (l !== oe)
+        if (l !== le)
           return {
             reset: {
-              placement: oe
+              placement: le
             }
           };
       }
@@ -1100,7 +1102,7 @@ async function Ko(e, n) {
     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 = No.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = Pe(n, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = ge(t), c = Fe(t), r = me(t) === "y", s = No.has(a) ? -1 : 1, u = i && r ? -1 : 1, d = Pe(n, e);
   let {
     mainAxis: v,
     crossAxis: p,
@@ -1114,11 +1116,11 @@ async function Ko(e, n) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return c && typeof h == "number" && (p = c === "end" ? h * -1 : h), s ? {
+  return c && typeof h == "number" && (p = c === "end" ? h * -1 : h), r ? {
     x: p * u,
-    y: v * r
+    y: v * s
   } : {
-    x: v * r,
+    x: v * s,
     y: p * u
   };
 }
@@ -1130,16 +1132,16 @@ const Xo = function(e) {
       var t, o;
       const {
         x: l,
-        y: a,
-        placement: i,
+        y: i,
+        placement: a,
         middlewareData: c
-      } = 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,
+      } = n, r = await Ko(n, e);
+      return a === ((t = c.offset) == null ? void 0 : t.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
+        x: l + r.x,
+        y: i + r.y,
         data: {
-          ...s,
-          placement: i
+          ...r,
+          placement: a
         }
       };
     }
@@ -1154,8 +1156,8 @@ const Xo = function(e) {
         y: o,
         placement: l
       } = n, {
-        mainAxis: a = !0,
-        crossAxis: i = !1,
+        mainAxis: i = !0,
+        crossAxis: a = !1,
         limiter: c = {
           fn: (m) => {
             let {
@@ -1168,17 +1170,17 @@ const Xo = function(e) {
             };
           }
         },
-        ...s
-      } = Pe(e, n), r = {
+        ...r
+      } = Pe(e, n), s = {
         x: t,
         y: o
-      }, u = await pt(n, s), d = me(ge(l)), v = Qt(d);
-      let p = r[v], h = r[d];
-      if (a) {
+      }, u = await pt(n, r), d = me(ge(l)), v = Qt(d);
+      let p = s[v], h = s[d];
+      if (i) {
         const m = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", x = p + u[m], w = p - u[b];
         p = At(x, p, w);
       }
-      if (i) {
+      if (a) {
         const m = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", x = h + u[m], w = h - u[b];
         h = At(x, h, w);
       }
@@ -1193,8 +1195,8 @@ const Xo = function(e) {
           x: y.x - t,
           y: y.y - o,
           enabled: {
-            [v]: a,
-            [d]: i
+            [v]: i,
+            [d]: a
           }
         }
       };
@@ -1208,31 +1210,31 @@ const Xo = function(e) {
       var t, o;
       const {
         placement: l,
-        rects: a,
-        platform: i,
+        rects: i,
+        platform: a,
         elements: c
       } = n, {
-        apply: s = () => {
+        apply: r = () => {
         },
-        ...r
-      } = Pe(e, n), u = await pt(n, r), d = ge(l), v = Fe(l), p = me(l) === "y", {
+        ...s
+      } = Pe(e, n), u = await pt(n, s), d = ge(l), v = Fe(l), p = me(l) === "y", {
         width: h,
         height: y
-      } = a.floating;
+      } = i.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");
+      d === "top" || d === "bottom" ? (m = d, b = v === (await (a.isRTL == null ? void 0 : a.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 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)) : C = y - 2 * (ne !== 0 || fe !== 0 ? ne + fe : Z(u.top, u.bottom));
+      let V = S, C = j;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (C = w), (o = n.middlewareData.shift) != null && o.enabled.y && (V = x), H && !v) {
+        const F = Z(u.left, 0), W = Z(u.right, 0), oe = Z(u.top, 0), fe = Z(u.bottom, 0);
+        p ? C = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : V = y - 2 * (oe !== 0 || fe !== 0 ? oe + fe : Z(u.top, u.bottom));
       }
-      await s({
+      await r({
         ...n,
-        availableWidth: V,
-        availableHeight: C
+        availableWidth: C,
+        availableHeight: V
       });
-      const D = await i.getDimensions(c.floating);
+      const D = await a.getDimensions(c.floating);
       return h !== D.width || y !== D.height ? {
         reset: {
           rects: !0
@@ -1258,13 +1260,13 @@ function de(e) {
 function ht(e) {
   return Ye() ? e instanceof Node || e instanceof ee(e).Node : !1;
 }
-function ae(e) {
+function ie(e) {
   return Ye() ? e instanceof Element || e instanceof ee(e).Element : !1;
 }
 function ue(e) {
   return Ye() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
 }
-function jt(e) {
+function Mt(e) {
   return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
 }
 const Yo = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -1274,7 +1276,7 @@ function ze(e) {
     overflowX: t,
     overflowY: o,
     display: l
-  } = ie(e);
+  } = se(e);
   return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Yo.has(l);
 }
 const Jo = /* @__PURE__ */ new Set(["table", "td", "th"]);
@@ -1293,7 +1295,7 @@ function Je(e) {
 }
 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;
+  const n = bt(), t = ie(e) ? se(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 ol(e) {
@@ -1314,11 +1316,11 @@ const ll = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Te(e) {
   return ll.has(xe(e));
 }
-function ie(e) {
+function se(e) {
   return ee(e).getComputedStyle(e);
 }
 function Qe(e) {
-  return ae(e) ? {
+  return ie(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -1333,40 +1335,40 @@ function be(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    jt(e) && e.host || // Fallback.
+    Mt(e) && e.host || // Fallback.
     de(e)
   );
-  return jt(n) ? n.host : n;
+  return Mt(n) ? n.host : n;
 }
 function tn(e) {
   const n = be(e);
   return Te(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && ze(n) ? n : tn(n);
 }
-function je(e, n, t) {
+function Me(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = tn(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = ee(l);
-  if (a) {
-    const c = ct(i);
-    return n.concat(i, i.visualViewport || [], ze(l) ? l : [], c && t ? je(c) : []);
+  const l = tn(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = ee(l);
+  if (i) {
+    const c = ct(a);
+    return n.concat(a, a.visualViewport || [], ze(l) ? l : [], c && t ? Me(c) : []);
   }
-  return n.concat(l, je(l, [], t));
+  return n.concat(l, Me(l, [], t));
 }
 function ct(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function nn(e) {
-  const n = ie(e);
+  const n = se(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;
-  return c && (t = a, o = i), {
+  const l = ue(e), i = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, c = Ne(t) !== i || Ne(o) !== a;
+  return c && (t = i, o = a), {
     width: t,
     height: o,
     $: c
   };
 }
 function yt(e) {
-  return ae(e) ? e : e.contextElement;
+  return ie(e) ? e : e.contextElement;
 }
 function Ee(e) {
   const n = yt(e);
@@ -1375,11 +1377,11 @@ function Ee(e) {
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
-    $: a
+    $: i
   } = 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,
+  let a = (i ? Ne(t.width) : t.width) / o, c = (i ? Ne(t.height) : t.height) / l;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: a,
     y: c
   };
 }
@@ -1396,24 +1398,24 @@ function il(e, n, t) {
 }
 function _e(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), a = yt(e);
-  let i = ce(1);
-  n && (o ? ae(o) && (i = Ee(o)) : i = Ee(e));
-  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;
+  const l = e.getBoundingClientRect(), i = yt(e);
+  let a = ce(1);
+  n && (o ? ie(o) && (a = Ee(o)) : a = Ee(e));
+  const c = il(i, t, o) ? on(i) : ce(0);
+  let r = (l.left + c.x) / a.x, s = (l.top + c.y) / a.y, u = l.width / a.x, d = l.height / a.y;
+  if (i) {
+    const v = ee(i), p = o && ie(o) ? ee(o) : o;
     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 = ct(h);
+      const m = Ee(y), b = y.getBoundingClientRect(), x = se(y), w = b.left + (y.clientLeft + parseFloat(x.paddingLeft)) * m.x, S = b.top + (y.clientTop + parseFloat(x.paddingTop)) * m.y;
+      r *= m.x, s *= m.y, u *= m.x, d *= m.y, r += w, s += S, h = ee(y), y = ct(h);
     }
   }
   return Xe({
     width: u,
     height: d,
-    x: s,
-    y: r
+    x: r,
+    y: s
   });
 }
 function Ze(e, n) {
@@ -1434,69 +1436,69 @@ function sl(e) {
     offsetParent: o,
     strategy: l
   } = e;
-  const a = l === "fixed", i = de(o), c = n ? Je(n.floating) : !1;
-  if (o === i || c && a)
+  const i = l === "fixed", a = de(o), c = n ? Je(n.floating) : !1;
+  if (o === a || c && i)
     return t;
-  let s = {
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
-  }, r = ce(1);
+  }, s = ce(1);
   const u = ce(0), d = ue(o);
-  if ((d || !d && !a) && ((xe(o) !== "body" || ze(i)) && (s = Qe(o)), ue(o))) {
+  if ((d || !d && !i) && ((xe(o) !== "body" || ze(a)) && (r = Qe(o)), ue(o))) {
     const p = _e(o);
-    r = Ee(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
+    s = Ee(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
   }
-  const v = i && !d && !a ? ln(i, s) : ce(0);
+  const v = a && !d && !i ? ln(a, r) : ce(0);
   return {
-    width: t.width * r.x,
-    height: t.height * r.y,
-    x: t.x * r.x - s.scrollLeft * r.x + u.x + v.x,
-    y: t.y * r.y - s.scrollTop * r.y + u.y + v.y
+    width: t.width * s.x,
+    height: t.height * s.y,
+    x: t.x * s.x - r.scrollLeft * s.x + u.x + v.x,
+    y: t.y * s.y - r.scrollTop * s.y + u.y + v.y
   };
 }
 function rl(e) {
   return Array.from(e.getClientRects());
 }
 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 n = de(e), t = Qe(e), o = e.ownerDocument.body, l = Z(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), i = Z(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  let a = -t.scrollLeft + Ze(e);
   const c = -t.scrollTop;
-  return ie(o).direction === "rtl" && (i += Z(n.clientWidth, o.clientWidth) - l), {
+  return se(o).direction === "rtl" && (a += Z(n.clientWidth, o.clientWidth) - l), {
     width: l,
-    height: a,
-    x: i,
+    height: i,
+    x: a,
     y: c
   };
 }
-const Mt = 25;
+const jt = 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;
+  let i = o.clientWidth, a = o.clientHeight, c = 0, r = 0;
   if (l) {
-    a = l.width, i = l.height;
+    i = l.width, a = l.height;
     const u = bt();
-    (!u || u && n === "fixed") && (c = l.offsetLeft, s = l.offsetTop);
+    (!u || u && n === "fixed") && (c = l.offsetLeft, r = l.offsetTop);
   }
-  const r = Ze(o);
-  if (r <= 0) {
+  const s = Ze(o);
+  if (s <= 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 <= Mt && (a -= h);
-  } else r <= Mt && (a += r);
+    h <= jt && (i -= h);
+  } else s <= jt && (i += s);
   return {
-    width: a,
-    height: i,
+    width: i,
+    height: a,
     x: c,
-    y: s
+    y: r
   };
 }
 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;
+  const t = _e(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, i = ue(e) ? Ee(e) : ce(1), a = e.clientWidth * i.x, c = e.clientHeight * i.y, r = l * i.x, s = o * i.y;
   return {
-    width: i,
+    width: a,
     height: c,
-    x: s,
-    y: r
+    x: r,
+    y: s
   };
 }
 function Pt(e, n, t) {
@@ -1505,7 +1507,7 @@ function Pt(e, n, t) {
     o = ul(e, t);
   else if (n === "document")
     o = cl(de(e));
-  else if (ae(n))
+  else if (ie(n))
     o = fl(n, t);
   else {
     const l = on(e);
@@ -1520,18 +1522,18 @@ function Pt(e, n, t) {
 }
 function an(e, n) {
   const t = be(e);
-  return t === n || !ae(t) || Te(t) ? !1 : ie(t).position === "fixed" || an(t, n);
+  return t === n || !ie(t) || Te(t) ? !1 : se(t).position === "fixed" || an(t, n);
 }
 function vl(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = je(e, [], !1).filter((c) => ae(c) && xe(c) !== "body"), l = null;
-  const a = ie(e).position === "fixed";
-  let i = a ? be(e) : e;
-  for (; ae(i) && !Te(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);
+  let o = Me(e, [], !1).filter((c) => ie(c) && xe(c) !== "body"), l = null;
+  const i = se(e).position === "fixed";
+  let a = i ? be(e) : e;
+  for (; ie(a) && !Te(a); ) {
+    const c = se(a), r = gt(a);
+    !r && c.position === "fixed" && (l = null), (i ? !r && !l : !r && c.position === "static" && !!l && dl.has(l.position) || ze(a) && !r && an(e, a)) ? o = o.filter((u) => u !== a) : l = c, a = be(a);
   }
   return n.set(e, o), o;
 }
@@ -1542,15 +1544,15 @@ function ml(e) {
     rootBoundary: o,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? Je(n) ? [] : vl(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
+  const a = [...t === "clippingAncestors" ? Je(n) ? [] : vl(n, this._c) : [].concat(t), o], c = a[0], r = a.reduce((s, 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;
+    return s.top = Z(d.top, s.top), s.right = Se(d.right, s.right), s.bottom = Se(d.bottom, s.bottom), s.left = Z(d.left, s.left), s;
   }, Pt(n, c, l));
   return {
-    width: s.right - s.left,
-    height: s.bottom - s.top,
-    x: s.left,
-    y: s.top
+    width: r.right - r.left,
+    height: r.bottom - r.top,
+    x: r.left,
+    y: r.top
   };
 }
 function pl(e) {
@@ -1564,34 +1566,34 @@ function pl(e) {
   };
 }
 function hl(e, n, t) {
-  const o = ue(n), l = de(n), a = t === "fixed", i = _e(e, !0, a, n);
+  const o = ue(n), l = de(n), i = t === "fixed", a = _e(e, !0, i, n);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const s = ce(0);
-  function r() {
-    s.x = Ze(l);
+  const r = ce(0);
+  function s() {
+    r.x = Ze(l);
   }
-  if (o || !o && !a)
+  if (o || !o && !i)
     if ((xe(n) !== "body" || ze(l)) && (c = Qe(n)), o) {
-      const p = _e(n, !0, a, n);
-      s.x = p.x + n.clientLeft, s.y = p.y + n.clientTop;
-    } else l && r();
-  a && !o && l && r();
-  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;
+      const p = _e(n, !0, i, n);
+      r.x = p.x + n.clientLeft, r.y = p.y + n.clientTop;
+    } else l && s();
+  i && !o && l && s();
+  const u = l && !o && !i ? ln(l, c) : ce(0), d = a.left + c.scrollLeft - r.x - u.x, v = a.top + c.scrollTop - r.y - u.y;
   return {
     x: d,
     y: v,
-    width: i.width,
-    height: i.height
+    width: a.width,
+    height: a.height
   };
 }
 function it(e) {
-  return ie(e).position === "static";
+  return se(e).position === "static";
 }
 function Ft(e, n) {
-  if (!ue(e) || ie(e).position === "fixed")
+  if (!ue(e) || se(e).position === "fixed")
     return null;
   if (n)
     return n(e);
@@ -1605,7 +1607,7 @@ function sn(e, n) {
   if (!ue(e)) {
     let l = be(e);
     for (; l && !Te(l); ) {
-      if (ae(l) && !it(l))
+      if (ie(l) && !it(l))
         return l;
       l = be(l);
     }
@@ -1629,7 +1631,7 @@ const gl = async function(e) {
   };
 };
 function bl(e) {
-  return ie(e).direction === "rtl";
+  return se(e).direction === "rtl";
 }
 const yl = {
   convertOffsetParentRelativeRectToViewportRelativeRect: sl,
@@ -1640,7 +1642,7 @@ const yl = {
   getClientRects: rl,
   getDimensions: pl,
   getScale: Ee,
-  isElement: ae,
+  isElement: ie,
   isRTL: bl
 };
 function rn(e, n) {
@@ -1649,35 +1651,35 @@ function rn(e, n) {
 function wl(e, n) {
   let t = null, o;
   const l = de(e);
-  function a() {
+  function i() {
     var c;
     clearTimeout(o), (c = t) == null || c.disconnect(), t = null;
   }
-  function i(c, s) {
-    c === void 0 && (c = !1), s === void 0 && (s = 1), a();
-    const r = e.getBoundingClientRect(), {
+  function a(c, r) {
+    c === void 0 && (c = !1), r === void 0 && (r = 1), i();
+    const s = e.getBoundingClientRect(), {
       left: u,
       top: d,
       width: v,
       height: p
-    } = r;
+    } = s;
     if (c || n(), !v || !p)
       return;
     const h = We(d), y = We(l.clientWidth - (u + v)), m = We(l.clientHeight - (d + p)), b = We(u), w = {
       rootMargin: -h + "px " + -y + "px " + -m + "px " + -b + "px",
-      threshold: Z(0, Se(1, s)) || 1
+      threshold: Z(0, Se(1, r)) || 1
     };
     let S = !0;
     function j(H) {
-      const C = H[0].intersectionRatio;
-      if (C !== s) {
+      const V = H[0].intersectionRatio;
+      if (V !== r) {
         if (!S)
-          return i();
-        C ? i(!1, C) : o = setTimeout(() => {
-          i(!1, 1e-7);
+          return a();
+        V ? a(!1, V) : o = setTimeout(() => {
+          a(!1, 1e-7);
         }, 1e3);
       }
-      C === 1 && !rn(r, e.getBoundingClientRect()) && i(), S = !1;
+      V === 1 && !rn(s, e.getBoundingClientRect()) && a(), S = !1;
     }
     try {
       t = new IntersectionObserver(j, {
@@ -1690,33 +1692,33 @@ function wl(e, n) {
     }
     t.observe(e);
   }
-  return i(!0), a;
+  return a(!0), i;
 }
 function et(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
-    ancestorResize: a = !0,
-    elementResize: i = typeof ResizeObserver == "function",
+    ancestorResize: i = !0,
+    elementResize: a = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
-    animationFrame: s = !1
-  } = o, r = yt(e), u = l || a ? [...r ? je(r) : [], ...je(n)] : [];
+    animationFrame: r = !1
+  } = o, s = yt(e), u = l || i ? [...s ? Me(s) : [], ...Me(n)] : [];
   u.forEach((b) => {
     l && b.addEventListener("scroll", t, {
       passive: !0
-    }), a && b.addEventListener("resize", t);
+    }), i && b.addEventListener("resize", t);
   });
-  const d = r && c ? wl(r, t) : null;
+  const d = s && c ? wl(s, t) : null;
   let v = -1, p = null;
-  i && (p = new ResizeObserver((b) => {
+  a && (p = new ResizeObserver((b) => {
     let [x] = b;
-    x && x.target === r && p && (p.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+    x && x.target === s && p && (p.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       var w;
       (w = p) == null || w.observe(n);
     })), t();
-  }), r && !s && p.observe(r), p.observe(n));
-  let h, y = s ? _e(e) : null;
-  s && m();
+  }), s && !r && p.observe(s), p.observe(n));
+  let h, y = r ? _e(e) : null;
+  r && m();
   function m() {
     const b = _e(e);
     y && !rn(y, b) && t(), y = b, h = requestAnimationFrame(m);
@@ -1724,21 +1726,21 @@ function et(e, n, t, o) {
   return t(), () => {
     var b;
     u.forEach((x) => {
-      l && x.removeEventListener("scroll", t), a && x.removeEventListener("resize", t);
-    }), d?.(), (b = p) == null || b.disconnect(), p = null, s && cancelAnimationFrame(h);
+      l && x.removeEventListener("scroll", t), i && x.removeEventListener("resize", t);
+    }), d?.(), (b = p) == null || b.disconnect(), p = null, r && cancelAnimationFrame(h);
   };
 }
 const tt = Xo, nt = qo, ot = Uo, _l = Go, cn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
     platform: yl,
     ...t
-  }, a = {
+  }, i = {
     ...l.platform,
     _c: o
   };
   return Wo(e, n, {
     ...l,
-    platform: a
+    platform: i
   });
 };
 function xl(e) {
@@ -1764,49 +1766,49 @@ function It(e, n) {
 function wt(e, n, t) {
   t === void 0 && (t = {});
   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";
+    var V;
+    return (V = De(t.open)) != null ? V : !0;
+  }), i = k(() => De(t.middleware)), a = k(() => {
+    var V;
+    return (V = De(t.placement)) != null ? V : "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 = {
+    var V;
+    return (V = De(t.strategy)) != null ? V : "absolute";
+  }), r = k(() => {
+    var V;
+    return (V = De(t.transform)) != null ? V : !0;
+  }), s = k(() => zt(e.value)), u = k(() => zt(n.value)), d = E(0), v = E(0), p = E(c.value), h = E(a.value), y = _n({}), m = E(!1), b = k(() => {
+    const V = {
       position: p.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return C;
-    const V = It(u.value, d.value), D = It(u.value, v.value);
-    return s.value ? {
-      ...C,
-      transform: "translate(" + V + "px, " + D + "px)",
+      return V;
+    const C = It(u.value, d.value), D = It(u.value, v.value);
+    return r.value ? {
+      ...V,
+      transform: "translate(" + C + "px, " + D + "px)",
       ...un(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: p.value,
-      left: V + "px",
+      left: C + "px",
       top: D + "px"
     };
   });
   let x;
   function w() {
-    if (r.value == null || u.value == null)
+    if (s.value == null || u.value == null)
       return;
-    const C = l.value;
-    cn(r.value, u.value, {
-      middleware: a.value,
-      placement: i.value,
+    const V = l.value;
+    cn(s.value, u.value, {
+      middleware: i.value,
+      placement: a.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 = C !== !1;
+    }).then((C) => {
+      d.value = C.x, v.value = C.y, p.value = C.strategy, h.value = C.placement, y.value = C.middlewareData, m.value = V !== !1;
     });
   }
   function S() {
@@ -1817,27 +1819,27 @@ function wt(e, n, t) {
       w();
       return;
     }
-    if (r.value != null && u.value != null) {
-      x = o(r.value, u.value, w);
+    if (s.value != null && u.value != null) {
+      x = o(s.value, u.value, w);
       return;
     }
   }
   function H() {
     l.value || (m.value = !1);
   }
-  return K([a, i, c, l], w, {
+  return K([i, a, c, l], w, {
     flush: "sync"
-  }), K([r, u], j, {
+  }), K([s, u], j, {
     flush: "sync"
   }), K(l, H, {
     flush: "sync"
   }), xn() && kn(S), {
-    x: Ce(d),
-    y: Ce(v),
-    strategy: Ce(p),
-    placement: Ce(h),
-    middlewareData: Ce(y),
-    isPositioned: Ce(m),
+    x: Ve(d),
+    y: Ve(v),
+    strategy: Ve(p),
+    placement: Ve(h),
+    middlewareData: Ve(y),
+    isPositioned: Ve(m),
     floatingStyles: b,
     update: w
   };
@@ -1849,17 +1851,17 @@ const kl = /* @__PURE__ */ R({
     icon: {}
   },
   setup(e) {
-    const n = e, t = E(!1), o = E(null), l = E(null), a = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: i } = wt(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), i = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: a } = wt(o, l, {
       placement: "bottom-end",
       middleware: [tt(8), ot(), nt({ padding: 8 })],
       whileElementsMounted: et
     }), c = () => {
       t.value = !t.value;
-    }, s = () => {
+    }, r = () => {
       t.value = !1;
-    }, r = (u) => {
+    }, s = (u) => {
       const d = u.target;
-      d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && s();
+      d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && r();
     };
     return (u, d) => {
       const v = q("VjButton"), p = q("VjMenu");
@@ -1872,7 +1874,7 @@ const kl = /* @__PURE__ */ R({
             ref: o,
             class: "dot-menu",
             tertiary: "",
-            icon: a.value,
+            icon: i.value,
             onClick: c
           }, null, 8, ["icon"]),
           T(Le, { name: "menu" }, {
@@ -1881,10 +1883,10 @@ const kl = /* @__PURE__ */ R({
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: G($(i)),
+                style: Y($(a)),
                 class: "menu-dropdown",
-                onClose: s,
-                onClickCapture: r
+                onClose: r,
+                onClickCapture: s
               }, {
                 default: N(() => [
                   M(u.$slots, "default", {}, void 0, !0)
@@ -1895,17 +1897,17 @@ const kl = /* @__PURE__ */ R({
             _: 3
           })
         ], 2),
-        (f(), P(Me, { to: "body" }, [
+        (f(), P(je, { to: "body" }, [
           t.value ? (f(), g("div", {
             key: 0,
             class: "menu-backdrop",
-            onClick: s
+            onClick: r
           })) : L("", !0)
         ]))
       ], 64);
     };
   }
-}), Cl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-3c400bfd"]]), Vl = /* @__PURE__ */ R({
+}), Vl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-3c400bfd"]]), Cl = /* @__PURE__ */ R({
   __name: "link-button",
   props: {
     label: {},
@@ -1918,9 +1920,9 @@ const kl = /* @__PURE__ */ R({
   },
   setup(e) {
     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, {
+    return (l, i) => {
+      const a = q("router-link");
+      return f(), P(a, {
         to: e.to,
         class: I(["button", o.value]),
         disabled: e.disabled
@@ -1937,7 +1939,7 @@ const kl = /* @__PURE__ */ R({
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), El = /* @__PURE__ */ A(Vl, [["__scopeId", "data-v-bd3cf2f5"]]), $l = ["disabled"], Ll = { class: "menu-action--icon" }, Sl = /* @__PURE__ */ R({
+}), El = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-bd3cf2f5"]]), $l = ["disabled"], Ll = { class: "menu-action--icon" }, Sl = /* @__PURE__ */ R({
   __name: "menu-action",
   props: {
     label: {},
@@ -1982,21 +1984,21 @@ const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08
   '[tabindex]:not([tabindex="-1"])',
   '[contenteditable="true"]'
 ].join(", ");
-function jl(e) {
+function Ml(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 Ml = {
+const jl = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
       if (e.matches(dn)) {
         e.focus();
         return;
       }
-      const l = jl(e);
+      const l = Ml(e);
       l && l.focus();
     };
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
@@ -2029,18 +2031,18 @@ class _t {
   handleEntry(n) {
     const t = this.targets.get(n.target);
     if (!t) return;
-    const o = n.contentRect.width, l = n.contentRect.height, a = n.target;
-    for (const i of t.callbacks)
+    const o = n.contentRect.width, l = n.contentRect.height, i = n.target;
+    for (const a of t.callbacks)
       try {
-        i(o, l, a);
+        a(o, l, i);
       } catch (c) {
         console.error("resize callback error", c);
       }
     if (t.breakpoints) {
-      const i = Object.keys(t.breakpoints).map((s) => Number(s)).filter((s) => !Number.isNaN(s)).sort((s, r) => s - r);
+      const a = Object.keys(t.breakpoints).map((r) => Number(r)).filter((r) => !Number.isNaN(r)).sort((r, s) => r - s);
       let c;
-      for (const s of i)
-        o >= s && (c = t.breakpoints[s]);
+      for (const r of a)
+        o >= r && (c = t.breakpoints[r]);
       c !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), c && n.target.classList.add(c), t.currentClass = c);
     }
   }
@@ -2049,14 +2051,14 @@ class _t {
     if (l)
       t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
     else {
-      const a = /* @__PURE__ */ new Set();
-      t && a.add(t), this.targets.set(n, { callbacks: a, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
+      const i = /* @__PURE__ */ new Set();
+      t && i.add(t), this.targets.set(n, { callbacks: i, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
     }
     if (o?.immediate) {
-      const a = n.getBoundingClientRect(), i = { target: n, contentRect: a };
-      if (this.handleEntry(i), t) {
-        const c = a.width, s = a.height;
-        t(c, s, n);
+      const i = n.getBoundingClientRect(), a = { target: n, contentRect: i };
+      if (this.handleEntry(a), t) {
+        const c = i.width, r = i.height;
+        t(c, r, n);
       }
     }
   }
@@ -2065,22 +2067,22 @@ class _t {
     o && (t && o.callbacks.delete(t), (!t || o.callbacks.size === 0) && (this.targets.delete(n), this.observer && this.observer.unobserve(n), o.currentClass && n.classList && n.classList.remove(o.currentClass)));
   }
 }
-const Ve = _t.instance, Pl = {
+const Ce = _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 && Ve.observe(e, o, { breakpoints: l, immediate: a });
+    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, i = typeof t == "object" && !!t?.immediate, a = e;
+    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ce.observe(e, o, { breakpoints: l, immediate: i });
   },
   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 && 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;
+    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, i = n.value, a = typeof i == "function" ? i : i?.onResize, c = typeof i == "object" && i?.breakpoints ? i.breakpoints : void 0;
+    if (o !== a) {
+      o && Ce.unobserve(e, o), a && Ce.observe(e, a, { breakpoints: c, immediate: !!(i && typeof i == "object" && i.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = c;
       return;
     }
-    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
+    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ce.unobserve(e, o), a && Ce.observe(e, a, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
   },
   unmounted(e) {
     const n = e, t = n.__resize_cb;
-    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+    t && Ce.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
 }, Fl = {}, zl = { class: "spinner" };
 function Il(e, n) {
@@ -2103,38 +2105,38 @@ const Ul = {
       t = !!(v.active ?? !0), o = v.text;
     } else
       t = !!n.value, o = void 0;
-    const l = getComputedStyle(e), a = { overlay: document.createElement("div") };
-    (l.position === "static" || !l.position) && (a.originalPosition = e.style.position, e.style.position = "relative");
-    const i = a.overlay;
-    i.className = "vj-loading-overlay", t || i.classList.add("vj-loading-overlay--hidden");
-    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), Ht(e, i);
+    const l = getComputedStyle(e), i = { overlay: document.createElement("div") };
+    (l.position === "static" || !l.position) && (i.originalPosition = e.style.position, e.style.position = "relative");
+    const a = i.overlay;
+    a.className = "vj-loading-overlay", t || a.classList.add("vj-loading-overlay--hidden");
+    const c = document.createElement("div"), r = document.createElement("div");
+    r.className = "vj-loading-inner", r.appendChild(c);
+    let s;
+    o && (s = document.createElement("div"), s.className = "vj-loading-text", s.textContent = o, r.appendChild(s)), a.appendChild(r), Ht(e, a);
     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);
+    Rt(u, c), i.spinnerVnode = u, i.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
     const d = e;
-    d.__vjLoading = a;
+    d.__vjLoading = i;
   },
   updated(e, n) {
     const o = e.__vjLoading;
     if (!o) return;
     const { overlay: l } = o;
-    let a, i;
+    let i, a;
     if (typeof n.value == "object" && n.value !== null) {
-      const s = n.value;
-      a = !!(s.active ?? !0), i = s.text;
+      const r = n.value;
+      i = !!(r.active ?? !0), a = r.text;
     } else
-      a = !!n.value, i = void 0;
-    a ? (l.classList.remove("vj-loading-overlay--hidden"), e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none") : (l.classList.add("vj-loading-overlay--hidden"), e.removeAttribute("aria-busy"), e.style.pointerEvents = "");
+      i = !!n.value, a = void 0;
+    i ? (l.classList.remove("vj-loading-overlay--hidden"), e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none") : (l.classList.add("vj-loading-overlay--hidden"), e.removeAttribute("aria-busy"), e.style.pointerEvents = "");
     const c = l.querySelector(".vj-loading-inner");
     if (c) {
-      const s = c.querySelector(".vj-loading-text");
-      if (s)
-        i ? s.textContent = i : s.remove();
-      else if (i) {
-        const r = document.createElement("div");
-        r.className = "vj-loading-text", r.textContent = i, c.appendChild(r);
+      const r = c.querySelector(".vj-loading-text");
+      if (r)
+        a ? r.textContent = a : r.remove();
+      else if (a) {
+        const s = document.createElement("div");
+        s.className = "vj-loading-text", s.textContent = a, c.appendChild(s);
       }
     }
     Ht(e, l);
@@ -2163,7 +2165,7 @@ const vn = {
   mounted(e, n) {
     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 l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, i = async () => {
       const p = await cn(e, o, {
         placement: t.placement,
         middleware: [tt(6), ot(), nt({ padding: 8 })]
@@ -2172,9 +2174,9 @@ const vn = {
         left: `${h}px`,
         top: `${y}px`
       });
-    }, i = () => {
+    }, a = () => {
       l.hideTimer && window.clearTimeout(l.hideTimer), l.showTimer = window.setTimeout(() => {
-        o.classList.add("vj-tooltip--visible"), a(), l.cleanup = et(e, o, a);
+        o.classList.add("vj-tooltip--visible"), i(), l.cleanup = et(e, o, i);
       }, t.delay);
     }, c = () => {
       l.showTimer && window.clearTimeout(l.showTimer), l.hideTimer = window.setTimeout(() => {
@@ -2186,16 +2188,16 @@ const vn = {
           l.cleanup = void 0;
         }
       }, 50);
-    }, s = (p) => {
-      i();
     }, r = (p) => {
+      a();
+    }, s = (p) => {
       c();
-    }, u = () => i(), d = () => c(), v = (p) => {
-      p.pointerType === "touch" && (i(), l.docHandler = (h) => {
+    }, u = () => a(), d = () => c(), v = (p) => {
+      p.pointerType === "touch" && (a(), l.docHandler = (h) => {
         !o.contains(h.target) && !e.contains(h.target) && (c(), document.removeEventListener("pointerdown", l.docHandler), l.docHandler = void 0);
       }, document.addEventListener("pointerdown", l.docHandler));
     };
-    e.addEventListener("pointerenter", s), e.addEventListener("pointerleave", r), e.addEventListener("focus", u), e.addEventListener("blur", d), e.addEventListener("pointerdown", v), l.onPointerEnter = s, l.onPointerLeave = r, l.onFocus = u, l.onBlur = d, l.onPointerDown = v, e.__vjTooltip = l;
+    e.addEventListener("pointerenter", r), e.addEventListener("pointerleave", s), e.addEventListener("focus", u), e.addEventListener("blur", d), e.addEventListener("pointerdown", v), l.onPointerEnter = r, l.onPointerLeave = s, l.onFocus = u, l.onBlur = d, l.onPointerDown = v, e.__vjTooltip = l;
   },
   updated(e, n) {
     const t = e.__vjTooltip;
@@ -2233,15 +2235,15 @@ const vn = {
         default:
           return z.INFO;
       }
-    }), a = () => {
+    }), i = () => {
       o("close");
     };
-    return (i, c) => (f(), g("div", {
+    return (a, c) => (f(), g("div", {
       class: I(["notification", `notification--${e.type}`]),
-      onClick: a
+      onClick: i
     }, [
       _("div", Kl, [
-        M(i.$slots, "default", {}, () => [
+        M(a.$slots, "default", {}, () => [
           _("div", Xl, [
             T(te, { icon: l.value }, null, 8, ["icon"])
           ]),
@@ -2255,7 +2257,7 @@ const vn = {
         T(Ge, {
           class: "notification__close compact",
           icon: $(z).CLOSE,
-          onClick: U(a, ["stop"]),
+          onClick: U(i, ["stop"]),
           tertiary: ""
         }, null, 8, ["icon"])
       ])
@@ -2284,17 +2286,17 @@ const vn = {
   },
   emits: ["back"],
   setup(e, { emit: n }) {
-    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 = qt("loading");
+    const t = e, o = k(() => t.flow?.running?.value ?? !1), l = k(() => t.flow?.error?.value ?? null), i = k(() => t.errorMessage ?? (l.value ? String(l.value) : null));
+    return (a, c) => {
+      const r = q("VjButton"), s = qt("loading");
       return ft((f(), g("div", Zl, [
         _("header", null, [
           _("div", ea, [
-            e.backLabel ? (f(), P(s, {
+            e.backLabel ? (f(), P(r, {
               key: 0,
               tertiary: "",
               icon: $(z).BACK,
-              onClick: c[0] || (c[0] = (u) => i.$emit("back")),
+              onClick: c[0] || (c[0] = (u) => a.$emit("back")),
               size: "small"
             }, null, 8, ["icon"])) : L("", !0),
             _("div", ta, [
@@ -2303,36 +2305,36 @@ const vn = {
             ])
           ]),
           _("div", oa, [
-            M(i.$slots, "headerActions", {}, void 0, !0)
+            M(a.$slots, "headerActions", {}, void 0, !0)
           ])
         ]),
         _("main", {
           class: I({ scrollable: e.scrollable })
         }, [
-          a.value ? (f(), g("div", la, [
-            M(i.$slots, "error", {}, () => [
+          i.value ? (f(), g("div", la, [
+            M(a.$slots, "error", {}, () => [
               T(xt, {
                 type: "error",
-                title: a.value,
-                message: a.value
+                title: i.value,
+                message: i.value
               }, null, 8, ["title", "message"])
             ], !0)
           ])) : L("", !0),
-          a.value ? L("", !0) : (f(), g("div", aa, [
-            M(i.$slots, "default", {}, void 0, !0)
+          i.value ? L("", !0) : (f(), g("div", aa, [
+            M(a.$slots, "default", {}, void 0, !0)
           ])),
-          a.value ? L("", !0) : (f(), g("div", ia, [
-            M(i.$slots, "actions", {}, void 0, !0)
+          i.value ? L("", !0) : (f(), g("div", ia, [
+            M(a.$slots, "actions", {}, void 0, !0)
           ])),
-          i.$slots.flexFooter ? (f(), g("footer", sa, [
-            M(i.$slots, "flexFooter", {}, void 0, !0)
+          a.$slots.flexFooter ? (f(), g("footer", sa, [
+            M(a.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
-        i.$slots.footer ? (f(), g("footer", ra, [
-          M(i.$slots, "footer", {}, void 0, !0)
+        a.$slots.footer ? (f(), g("footer", ra, [
+          M(a.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
-        [r, { active: o.value, text: t.loadingMessage }]
+        [s, { active: o.value, text: t.loadingMessage }]
       ]);
     };
   }
@@ -2341,7 +2343,7 @@ const vn = {
   "aria-live": "polite"
 }, fa = /* @__PURE__ */ R({
   __name: "paginator",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     totalItems: {},
     pageSize: {},
     labels: {}
@@ -2349,14 +2351,14 @@ const vn = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    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);
+    const t = e, o = ne(e, "modelValue"), l = n, i = k(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = k(() => Math.min(Math.max(1, o.value ?? 1), i.value)), c = k(() => a.value), r = k(() => a.value <= 1), s = k(() => a.value >= i.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)), i.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);
+    }, p = () => v(1), h = () => v(a.value - 1), y = () => v(a.value + 1), m = () => v(i.value);
     return K([() => t.totalItems, () => t.pageSize], () => {
-      o.value > a.value && v(a.value);
+      o.value > i.value && v(i.value);
     }), (b, x) => {
       const w = q("VjButton");
       return f(), g("nav", {
@@ -2369,7 +2371,7 @@ const vn = {
           tertiary: "",
           class: "paginator-btn",
           icon: $(z).FIRST,
-          disabled: s.value,
+          disabled: r.value,
           onClick: p,
           "aria-label": "First page"
         }, null, 8, ["icon", "disabled"]),
@@ -2377,22 +2379,22 @@ const vn = {
           tertiary: "",
           class: "paginator-btn",
           icon: $(z).PREVIOUS,
-          disabled: s.value,
+          disabled: r.value,
           onClick: h,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
         M(b.$slots, "info", {
-          current: i.value,
-          totalPages: a.value,
+          current: a.value,
+          totalPages: i.value,
           goTo: v
         }, () => [
-          _("div", da, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(a.value), 1)
+          _("div", da, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(i.value), 1)
         ], !0),
         T(w, {
           tertiary: "",
           class: "paginator-btn",
           icon: $(z).NEXT,
-          disabled: r.value,
+          disabled: s.value,
           onClick: y,
           "aria-label": "Next page"
         }, null, 8, ["icon", "disabled"]),
@@ -2400,7 +2402,7 @@ const vn = {
           tertiary: "",
           class: "paginator-btn",
           icon: $(z).LAST,
-          disabled: r.value,
+          disabled: s.value,
           onClick: m,
           "aria-label": "Last page"
         }, null, 8, ["icon", "disabled"])
@@ -2409,7 +2411,7 @@ const vn = {
   }
 }), va = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-b6fa8efe"]]), ma = { class: "search-field" }, pa = ["value", "placeholder"], ha = /* @__PURE__ */ R({
   __name: "search-field",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     placeholder: { default: "Search..." }
   }, {
     modelValue: {},
@@ -2417,12 +2419,12 @@ const vn = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = se(e, "modelValue"), t = (a) => {
-      n.value = a.target.value;
+    const n = ne(e, "modelValue"), t = (i) => {
+      n.value = i.target.value;
     }, o = () => {
       n.value = "";
     }, l = k(() => !n.value);
-    return (a, i) => {
+    return (i, a) => {
       const c = q("VjIcon");
       return f(), g("div", ma, [
         T(c, {
@@ -2467,14 +2469,14 @@ const vn = {
     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", wa, [
+    }), (l, i) => o.value ? (f(), g("div", wa, [
       M(l.$slots, "default")
     ])) : L("", !0);
   }
 }), xa = { class: "tab-view" }, ka = {
   ref: "headerRef",
   class: "tab-view-header"
-}, Ca = ["onClick"], Va = { class: "tab-view-content" }, Ea = /* @__PURE__ */ R({
+}, Va = ["onClick"], Ca = { class: "tab-view-content" }, Ea = /* @__PURE__ */ R({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2482,51 +2484,51 @@ const vn = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = se(e, "modelValue"), t = E([]), o = E([]), l = E({
+    const n = ne(e, "modelValue"), t = E([]), o = E([]), l = E({
       width: "0px",
       transform: "translateX(0px)"
-    }), a = (r, u) => {
-      r && (o.value[u] = r);
-    }, i = () => {
-      const r = t.value.findIndex((u) => u.name === n.value);
-      if (r >= 0 && o.value[r]) {
-        const u = o.value[r], d = u.offsetWidth, v = u.offsetLeft;
+    }), i = (s, u) => {
+      s && (o.value[u] = s);
+    }, a = () => {
+      const s = t.value.findIndex((u) => u.name === n.value);
+      if (s >= 0 && o.value[s]) {
+        const u = o.value[s], d = u.offsetWidth, v = u.offsetLeft;
         l.value = {
           width: `${d}px`,
           transform: `translateX(${v}px)`
         };
       }
-    }, c = (r, u) => {
-      t.value.find((d) => d.name === r) || (t.value.push({ name: r, label: u }), he(() => {
-        !n.value && t.value.length === 1 && (n.value = r), i();
+    }, c = (s, u) => {
+      t.value.find((d) => d.name === s) || (t.value.push({ name: s, label: u }), he(() => {
+        !n.value && t.value.length === 1 && (n.value = s), a();
       }));
-    }, s = (r) => {
-      n.value = r;
+    }, r = (s) => {
+      n.value = s;
     };
     return K(n, () => {
       he(() => {
-        i();
+        a();
       });
     }), Xt("tabView", {
       activeTab: () => n.value,
       registerTab: c
-    }), (r, u) => (f(), g("div", xa, [
+    }), (s, 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),
+          ref: (p) => i(p, v),
           class: I(["tab-button", { active: n.value === d.name }]),
-          onClick: (p) => s(d.name)
-        }, O(d.label), 11, Ca))), 128)),
+          onClick: (p) => r(d.name)
+        }, O(d.label), 11, Va))), 128)),
         u[0] || (u[0] = _("div", { class: "tab-line" }, null, -1)),
         _("div", {
           class: "tab-indicator",
-          style: G(l.value)
+          style: Y(l.value)
         }, null, 4)
       ], 512),
-      _("div", Va, [
-        M(r.$slots, "default", {}, void 0, !0)
+      _("div", Ca, [
+        M(s.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
@@ -2547,17 +2549,17 @@ const vn = {
       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 = 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);
+    }, o = e, l = n, i = k(() => t[o.timerSize].size), a = k(() => t[o.timerSize].strokeWidth), c = k(() => t[o.timerSize].innerStrokeWidth), r = E(!1), s = E(100), u = E(!1), d = E(o.paused);
     let v = null, p = null, h = 0;
-    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));
+    const y = k(() => (i.value - Math.max(a.value, c.value)) / 2), m = k(() => 2 * Math.PI * y.value), b = k(() => m.value * (1 - s.value / 100));
     K(
       () => o.paused,
       (F) => {
-        d.value = F, F ? C() : V();
+        d.value = F, F ? V() : C();
       }
     ), Re(() => {
       w();
-    }), Cn(() => {
+    }), Vn(() => {
       D();
     });
     function x() {
@@ -2569,46 +2571,46 @@ const vn = {
     function S() {
       if (!p || d.value) return;
       h = performance.now() - p;
-      const W = Math.max(0, o.duration - h), ne = W / o.duration * 100;
-      r.value = ne, W > 0 ? v = requestAnimationFrame(S) : j();
+      const W = Math.max(0, o.duration - h), oe = W / o.duration * 100;
+      s.value = oe, W > 0 ? v = requestAnimationFrame(S) : j();
     }
     async function j() {
       if (!o.action) {
         H();
         return;
       }
-      s.value = !0;
+      r.value = !0;
       try {
         await o.action();
       } catch (F) {
         console.error("Timer action failed:", F);
       } finally {
-        s.value = !1, H();
+        r.value = !1, H();
       }
     }
     function H() {
       u.value = !0, h = 0, requestAnimationFrame(() => {
-        r.value = 100, requestAnimationFrame(() => {
+        s.value = 100, requestAnimationFrame(() => {
           u.value = !1, w();
         });
       });
     }
-    function C() {
+    function V() {
       v !== null && (cancelAnimationFrame(v), v = null);
     }
-    function V() {
-      v === null && !s.value && w();
+    function C() {
+      v === null && !r.value && w();
     }
     function D() {
       v !== null && (cancelAnimationFrame(v), v = null);
     }
     return (F, W) => (f(), g("svg", {
-      width: a.value,
-      height: a.value,
+      width: i.value,
+      height: i.value,
       class: I([
         "vj-timer",
         {
-          "vj-timer--executing": s.value,
+          "vj-timer--executing": r.value,
           "vj-timer--resetting": u.value,
           "vj-timer--pausable": e.pausable,
           "vj-timer--paused": d.value
@@ -2624,16 +2626,16 @@ const vn = {
       ]
     }, [
       _("circle", {
-        cx: a.value / 2,
-        cy: a.value / 2,
+        cx: i.value / 2,
+        cy: i.value / 2,
         r: y.value,
-        "stroke-width": i.value,
+        "stroke-width": a.value,
         class: "vj-timer__outer-ring",
         fill: "none"
       }, null, 8, Sa),
       _("circle", {
-        cx: a.value / 2,
-        cy: a.value / 2,
+        cx: i.value / 2,
+        cy: i.value / 2,
         r: y.value,
         "stroke-width": c.value,
         "stroke-dasharray": m.value,
@@ -2644,28 +2646,28 @@ const vn = {
       d.value ? (f(), g("g", {
         key: 0,
         class: "vj-timer__pause-icon",
-        transform: `translate(${a.value / 2},${a.value / 2}) rotate(-90) scale(-1, 1)`
+        transform: `translate(${i.value / 2},${i.value / 2}) rotate(-90) scale(-1, 1)`
       }, [
         _("rect", {
-          x: -a.value * 0.12,
-          y: -a.value * 0.15,
-          width: a.value * 0.08,
-          height: a.value * 0.3,
-          rx: a.value * 0.015,
+          x: -i.value * 0.12,
+          y: -i.value * 0.15,
+          width: i.value * 0.08,
+          height: i.value * 0.3,
+          rx: i.value * 0.015,
           class: "vj-timer__pause-bar"
         }, null, 8, Aa),
         _("rect", {
-          x: a.value * 0.04,
-          y: -a.value * 0.15,
-          width: a.value * 0.08,
-          height: a.value * 0.3,
-          rx: a.value * 0.015,
+          x: i.value * 0.04,
+          y: -i.value * 0.15,
+          width: i.value * 0.08,
+          height: i.value * 0.3,
+          rx: i.value * 0.015,
           class: "vj-timer__pause-bar"
         }, null, 8, Oa)
       ], 8, Ra)) : L("", !0)
     ], 42, La));
   }
-}), Ba = /* @__PURE__ */ A(Da, [["__scopeId", "data-v-49a33853"]]), ja = ["onKeydown"], Ma = /* @__PURE__ */ R({
+}), Ba = /* @__PURE__ */ A(Da, [["__scopeId", "data-v-49a33853"]]), Ma = ["onKeydown"], ja = /* @__PURE__ */ R({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2673,44 +2675,44 @@ const vn = {
   },
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
-    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);
+    const t = e, o = n, l = k(() => t.modelValue ?? ""), i = E(l.value), a = E(!1), c = E(!1), r = E(null), s = k(() => !!t.showIcon);
     K(l, (p) => {
-      a.value = p;
+      i.value = p;
     });
     function u() {
-      i.value = !0, he(() => s.value?.focus());
+      a.value = !0, he(() => r.value?.focus());
     }
     function d() {
-      i.value = !1, a.value !== l.value && (o("update:modelValue", a.value), o("edit", a.value));
+      a.value = !1, i.value !== l.value && (o("update:modelValue", i.value), o("edit", i.value));
     }
     function v() {
-      a.value = l.value, i.value = !1;
+      i.value = l.value, a.value = !1;
     }
     return (p, h) => (f(), g("span", {
-      class: I(["vj-editable-label", { editing: i.value }]),
+      class: I(["vj-editable-label", { editing: a.value }]),
       onMouseenter: h[1] || (h[1] = (y) => c.value = !0),
       onMouseleave: h[2] || (h[2] = (y) => c.value = !1)
     }, [
-      i.value ? ft((f(), g("input", {
+      a.value ? ft((f(), g("input", {
         key: 1,
         ref_key: "inputRef",
-        ref: s,
+        ref: r,
         class: "edit-input",
-        "onUpdate:modelValue": h[0] || (h[0] = (y) => a.value = y),
+        "onUpdate:modelValue": h[0] || (h[0] = (y) => i.value = y),
         onKeydown: [
           Be(U(d, ["prevent"]), ["enter"]),
           Be(U(v, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, ja)), [
-        [Vn, a.value]
+      }, null, 40, Ma)), [
+        [Cn, i.value]
       ]) : (f(), g(Q, { key: 0 }, [
         _("span", {
           class: "label-text",
           onClick: u,
           title: "Click to edit"
         }, O(l.value), 1),
-        c.value || r.value ? (f(), g("span", {
+        c.value || s.value ? (f(), g("span", {
           key: 0,
           class: "edit-icon",
           onClick: U(u, ["stop"])
@@ -2722,7 +2724,7 @@ const vn = {
       ], 64))
     ], 34));
   }
-}), ps = /* @__PURE__ */ A(Ma, [["__scopeId", "data-v-cdc52c5b"]]), Pa = "200% 200%", Fa = /* @__PURE__ */ R({
+}), ps = /* @__PURE__ */ A(ja, [["__scopeId", "data-v-cdc52c5b"]]), Pa = "200% 200%", Fa = /* @__PURE__ */ R({
   __name: "skeleton",
   props: {
     width: {},
@@ -2731,9 +2733,9 @@ const vn = {
   },
   setup(e) {
     const n = e, t = k(() => n.width ?? "100%"), o = k(() => n.height ?? "16px"), l = k(() => n.borderRadius ?? "4px");
-    return (a, i) => (f(), g("div", {
+    return (i, a) => (f(), g("div", {
       class: "vj-skeleton",
-      style: G({
+      style: Y({
         width: t.value,
         height: o.value,
         borderRadius: l.value,
@@ -2751,12 +2753,12 @@ const vn = {
     colorMode: { default: "monochrome" }
   },
   setup(e) {
-    const n = e, t = k(() => n.amount / n.maxAmount * 100), o = (a) => {
+    const n = e, t = k(() => n.amount / n.maxAmount * 100), o = (i) => {
       if (!n.segments) return !1;
-      const i = 100 / n.segments, c = a * i;
+      const a = 100 / n.segments, c = i * a;
       return t.value > c;
-    }, l = (a) => (160 - a / (n.segments - 1 || 1) * 160).toString();
-    return (a, i) => (f(), g("div", {
+    }, l = (i) => (160 - i / (n.segments - 1 || 1) * 160).toString();
+    return (i, a) => (f(), g("div", {
       class: I([
         "amount-bar",
         {
@@ -2766,14 +2768,14 @@ const vn = {
         }
       ])
     }, [
-      e.segments ? (f(!0), g(Q, { key: 0 }, pe(Array.from({ length: e.segments }), (c, s) => (f(), g("div", {
-        key: s,
-        class: I(["amount-bar__segment", { "amount-bar__segment--filled": o(s) }]),
-        style: G(o(s) && e.colorMode === "hue-gradient" ? { backgroundColor: `hsl(${l(s)}, 100%, 45%)` } : {})
+      e.segments ? (f(!0), g(Q, { key: 0 }, pe(Array.from({ length: e.segments }), (c, r) => (f(), g("div", {
+        key: r,
+        class: I(["amount-bar__segment", { "amount-bar__segment--filled": o(r) }]),
+        style: Y(o(r) && e.colorMode === "hue-gradient" ? { backgroundColor: `hsl(${l(r)}, 100%, 45%)` } : {})
       }, null, 6))), 128)) : (f(), g("div", {
         key: 1,
         class: "amount-bar__fill",
-        style: G({ width: `${e.amount / e.maxAmount * 100}%` })
+        style: Y({ width: `${e.amount / e.maxAmount * 100}%` })
       }, null, 4))
     ], 2));
   }
@@ -2782,7 +2784,7 @@ const vn = {
   class: "upload-files"
 }, qa = { class: "file-info" }, Ga = { class: "file-details" }, Ya = { class: "file-name" }, Ja = { class: "file-size" }, Qa = /* @__PURE__ */ R({
   __name: "upload",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     multiple: { type: Boolean, default: !0 },
     accept: { default: "*" },
     disabled: { type: Boolean, default: !1 },
@@ -2797,18 +2799,18 @@ const vn = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["update:modelValue", "file-added", "file-removed"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["update:modelValue", "file-added", "file-removed"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = n, l = se(e, "modelValue"), a = E(), i = E(!1), c = E(!1), s = (y) => {
+    const t = e, o = n, l = ne(e, "modelValue"), i = E(), a = E(!1), c = E(!1), r = (y) => {
       const m = y.target, b = Array.from(m.files || []);
-      v(b), a.value && (a.value.value = "");
-    }, r = () => {
-      t.disabled || (i.value = !0, c.value = !0);
+      v(b), i.value && (i.value.value = "");
+    }, s = () => {
+      t.disabled || (a.value = !0, c.value = !0);
     }, u = () => {
-      i.value = !1, c.value = !1;
+      a.value = !1, c.value = !1;
     }, d = (y) => {
       if (t.disabled) return;
-      i.value = !1, c.value = !1;
+      a.value = !1, c.value = !1;
       const m = Array.from(y.dataTransfer?.files || []);
       v(m);
     }, v = (y) => {
@@ -2825,25 +2827,25 @@ const vn = {
       return Math.round(y / Math.pow(m, x) * 100) / 100 + " " + b[x];
     };
     return (y, m) => (f(), g("div", {
-      class: I(["upload", { dragging: i.value, disabled: e.disabled }])
+      class: I(["upload", { dragging: a.value, disabled: e.disabled }])
     }, [
       _("input", {
         ref_key: "fileInput",
-        ref: a,
+        ref: i,
         type: "file",
         multiple: e.multiple,
         accept: e.accept,
         disabled: e.disabled,
         class: "upload-input",
-        onChange: s,
-        onDragover: r,
+        onChange: r,
+        onDragover: s,
         onDragleave: u,
         onDrop: d
       }, null, 40, Wa),
       _("div", {
         class: "upload-content",
-        onClick: m[1] || (m[1] = (b) => a.value?.click()),
-        onDragover: U(r, ["prevent"]),
+        onClick: m[1] || (m[1] = (b) => i.value?.click()),
+        onDragover: U(s, ["prevent"]),
         onDragleave: U(u, ["prevent"]),
         onDrop: U(d, ["prevent"])
       }, [
@@ -2860,7 +2862,7 @@ const vn = {
           label: e.browseText,
           primary: !0,
           disabled: e.disabled,
-          onClick: m[0] || (m[0] = U((b) => a.value?.click(), ["stop"]))
+          onClick: m[0] || (m[0] = U((b) => i.value?.click(), ["stop"]))
         }, null, 8, ["label", "disabled"])
       ], 32),
       l.value.length > 0 ? (f(), g("div", Xa, [
@@ -2944,26 +2946,26 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { 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 = 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);
+    const t = e, o = n, l = E(t.modelValue), i = E(!1), a = k(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = k(() => t.labelPosition ?? Ut().form.labelPosition), r = k(() => t.appearance ?? Ut().form.appearance);
     K(
       () => t.modelValue,
       (h) => l.value = h
     );
-    const r = k(() => {
+    const s = k(() => {
       if (c.value === "outline")
         return !0;
       const h = l.value !== "" && l.value !== null && l.value !== void 0;
-      return a.value || h;
-    }), u = k(() => c.value === "outline" || r.value ? t.placeholder : "");
+      return i.value || h;
+    }), u = k(() => c.value === "outline" || s.value ? t.placeholder : "");
     function d(h) {
       const m = h.target.value;
       l.value = m, o("update:modelValue", m);
     }
     function v(h) {
-      a.value = !0, o("focus", h);
+      i.value = !0, o("focus", h);
     }
     function p(h) {
-      a.value = !1, o("blur", h);
+      i.value = !1, o("blur", h);
     }
     return (h, y) => {
       const m = q("VjIcon"), b = qt("tooltip");
@@ -2971,23 +2973,23 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         class: I([
           "form-field",
           `form-field--${c.value}`,
-          `form-field--${s.value}`,
+          `form-field--${r.value}`,
           { disabled: e.disabled },
           { labelless: !e.label },
           { error: !!e.error }
         ]),
         "data-colspan": t.spanRow ? void 0 : t.colspan,
         "data-newline": t.spanRow || t.newLine ? "true" : void 0,
-        style: G(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
+        style: Y(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
       }, [
         e.label && c.value === "outline" ? (f(), g("label", {
           key: 0,
-          for: i.value,
+          for: a.value,
           class: "form-field__label-outline"
         }, O(e.label), 9, ti)) : L("", !0),
         _("div", ni, [
           M(h.$slots, "control", {
-            id: i.value,
+            id: a.value,
             value: l.value,
             onInput: d,
             onFocus: v,
@@ -2997,8 +2999,8 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           }, void 0, !0),
           e.label && c.value === "inline" ? (f(), g("label", {
             key: 0,
-            for: i.value,
-            class: I(["form-field__label", { "form-field__label--float": r.value }])
+            for: a.value,
+            class: I(["form-field__label", { "form-field__label--float": s.value }])
           }, O(e.label), 11, oi)) : L("", !0)
         ]),
         e.error ? (f(), g("div", li, O(e.error), 1)) : L("", !0),
@@ -3023,9 +3025,9 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     let o = null;
     function l() {
       if (!t.value) return;
-      Array.from(t.value.children).forEach((i) => {
-        const c = i.getAttribute("data-colspan"), s = c ? Math.max(1, Number(c) || 1) : 1, r = i.getAttribute("data-newline");
-        r !== null && r !== "false" ? i.style.gridColumn = "1 / -1" : i.style.gridColumn = `span ${s}`;
+      Array.from(t.value.children).forEach((a) => {
+        const c = a.getAttribute("data-colspan"), r = c ? Math.max(1, Number(c) || 1) : 1, s = a.getAttribute("data-newline");
+        s !== null && s !== "false" ? a.style.gridColumn = "1 / -1" : a.style.gridColumn = `span ${r}`;
       });
     }
     return Re(() => {
@@ -3040,13 +3042,13 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     ), K(
       () => n.gap,
       () => he(l)
-    ), (a, i) => (f(), g("div", {
+    ), (i, a) => (f(), g("div", {
       ref_key: "container",
       ref: t,
       class: "form-layout",
-      style: G({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
+      style: Y({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      M(a.$slots, "default", {}, void 0, !0)
+      M(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
 }), ri = /* @__PURE__ */ A(si, [["__scopeId", "data-v-96f62ab7"]]), ci = {
@@ -3070,7 +3072,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
 }, pi = { class: "select-options" }, hi = ["onClick", "onMouseenter"], gi = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     options: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -3085,7 +3087,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { 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 } = wt(c, s, {
+    const t = e, o = ne(e, "modelValue"), l = E(!1), i = E(-1), a = E(null), c = E(null), r = E(null), { floatingStyles: s } = wt(c, r, {
       placement: "bottom-start",
       middleware: [
         tt(4),
@@ -3103,20 +3105,20 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     }), 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;
+      l.value = !1, i.value = -1;
     }, m = (w) => {
       o.value = d(w), y();
     }, b = () => {
       o.value = void 0;
     }, x = (w) => {
-      l.value && i.value && !i.value.contains(w.target) && y();
+      l.value && a.value && !a.value.contains(w.target) && y();
     };
     return Re(() => {
       document.addEventListener("click", x);
     }), Ae(() => {
       document.removeEventListener("click", x);
     }), K(l, (w) => {
-      w && v.value && (a.value = t.options.findIndex((S) => p(S)));
+      w && v.value && (i.value = t.options.findIndex((S) => p(S)));
     }), n({
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur()
@@ -3125,7 +3127,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       return f(), g(Q, null, [
         _("div", {
           ref_key: "selectRef",
-          ref: i,
+          ref: a,
           class: I(["select", w.$attrs.class])
         }, [
           _("button", {
@@ -3165,22 +3167,22 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             }, null, 8, ["icon", "size", "class"])
           ], 8, fi)
         ], 2),
-        (f(), P(Me, { to: "body" }, [
+        (f(), P(je, { to: "body" }, [
           T(Le, { name: "dropdown" }, {
             default: N(() => [
               l.value ? (f(), g("div", {
                 key: 0,
                 ref_key: "floatingRef",
-                ref: s,
-                style: G($(r)),
+                ref: r,
+                style: Y($(s)),
                 class: "select-dropdown"
               }, [
                 _("div", pi, [
-                  (f(!0), g(Q, null, pe(e.options, (H, C) => (f(), g("div", {
+                  (f(!0), g(Q, null, pe(e.options, (H, V) => (f(), g("div", {
                     key: String(d(H)),
-                    class: I(["select-option", { selected: p(H), highlighted: a.value === C }]),
-                    onClick: (V) => m(H),
-                    onMouseenter: (V) => a.value = C
+                    class: I(["select-option", { selected: p(H), highlighted: i.value === V }]),
+                    onClick: (C) => m(H),
+                    onMouseenter: (C) => i.value = V
                   }, [
                     M(w.$slots, "option", {
                       option: H,
@@ -3203,7 +3205,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ], 64);
     };
   }
-}), pn = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-cafc48d5"]]), bi = /* @__PURE__ */ R({
+}), pn = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-f33ae75c"]]), bi = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -3225,16 +3227,16 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     const t = e, o = n, l = E(t.modelValue);
     K(
       () => t.modelValue,
-      (i) => {
-        l.value = i;
+      (a) => {
+        l.value = a;
       }
     );
-    const a = (i) => {
-      l.value = i, o("update:modelValue", i);
+    const i = (a) => {
+      l.value = a, o("update:modelValue", a);
     };
-    return (i, c) => (f(), P(Ie, {
+    return (a, c) => (f(), P(Ie, {
       modelValue: l.value,
-      "onUpdate:modelValue": a,
+      "onUpdate:modelValue": i,
       label: t.label,
       id: t.id,
       placeholder: t.placeholder,
@@ -3247,32 +3249,32 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       labelPosition: t.labelPosition,
       appearance: t.appearance
     }, {
-      control: N(({ id: s, disabled: r, placeholder: u }) => [
+      control: N(({ id: r, disabled: s, placeholder: u }) => [
         T(pn, {
-          id: s,
+          id: r,
           modelValue: l.value,
           "onUpdate:modelValue": [
             c[0] || (c[0] = (d) => l.value = d),
-            a
+            i
           ],
           options: t.options,
           placeholder: u,
-          disabled: r,
+          disabled: s,
           "option-label": (d) => d.label,
           "option-value": (d) => d.value,
           clearable: ""
         }, dt({ _: 2 }, [
-          i.$slots.selected ? {
+          a.$slots.selected ? {
             name: "selected",
             fn: N(({ option: d }) => [
-              M(i.$slots, "selected", { option: d })
+              M(a.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
-          i.$slots.option ? {
+          a.$slots.option ? {
             name: "option",
             fn: N(({ option: d }) => [
-              M(i.$slots, "option", { option: d })
+              M(a.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
@@ -3292,75 +3294,75 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { 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 = (C, V, D) => Math.min(Math.max(C, V), D), s = E(
+    const t = e, o = n, l = E(null), i = E(!1), a = E(!1), c = (V, C, D) => Math.min(Math.max(V, C), D), r = 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);
+    ), s = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
     K(
       () => t.modelValue,
-      (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));
+      (V) => {
+        t.range ? Array.isArray(V) && (r.value = c(V[0], t.min, t.max), s.value = c(V[1], t.min, t.max)) : typeof V == "number" && (r.value = c(V, t.min, t.max));
       },
       { immediate: !0 }
     );
-    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 C = u(s.value), V = u(r.value);
-      return { left: `${C}%`, width: `${Math.max(0, V - C)}%` };
+    const u = (V) => (V - t.min) / (t.max - t.min) * 100, d = k(() => ({ left: `${u(r.value)}%` })), v = k(() => ({ left: `${u(s.value)}%` })), p = k(() => {
+      if (!t.range) return { width: `${u(r.value)}%`, left: "0%" };
+      const V = u(r.value), C = u(s.value);
+      return { left: `${V}%`, width: `${Math.max(0, C - V)}%` };
     });
     let h = null, y = null;
-    const m = async (C, V) => {
-      h = C, y = V.pointerId, C === "low" ? a.value = !0 : i.value = !0;
+    const m = async (V, C) => {
+      h = V, y = C.pointerId, V === "low" ? i.value = !0 : a.value = !0;
       try {
-        V.target.setPointerCapture(V.pointerId);
+        C.target.setPointerCapture(C.pointerId);
       } catch {
       }
       window.addEventListener("pointermove", x), window.addEventListener("pointerup", b);
-    }, b = (C) => {
-      if (y != null && C)
+    }, b = (V) => {
+      if (y != null && V)
         try {
-          C.target.releasePointerCapture(C.pointerId);
+          V.target.releasePointerCapture(V.pointerId);
         } catch {
         }
-      h = null, y = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), j();
-    }, x = (C) => {
+      h = null, y = null, i.value = !1, a.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), j();
+    }, x = (V) => {
       if (!h || !l.value) return;
-      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 = (C) => {
+      const C = l.value.getBoundingClientRect(), D = c(V.clientX - C.left, 0, C.width), F = t.min + D / C.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
+      h === "low" ? t.range ? r.value = Math.min(W, s.value) : r.value = c(W, t.min, t.max) : h === "high" && (s.value = Math.max(W, r.value));
+    }, w = (V) => {
       if (!l.value) return;
-      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;
+      const C = l.value.getBoundingClientRect(), D = c(V.clientX - C.left, 0, C.width), F = t.min + D / C.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);
+        const oe = Math.abs(W - r.value), fe = Math.abs(W - s.value);
+        oe <= fe ? r.value = Math.min(W, s.value) : s.value = Math.max(W, r.value);
       } else
-        s.value = c(W, t.min, t.max);
+        r.value = c(W, t.min, t.max);
       j();
-    }, S = (C, V) => {
-      const D = t.step, F = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
+    }, S = (V, C) => {
+      const D = t.step, F = C.key === "ArrowLeft" || C.key === "ArrowDown" ? -1 : C.key === "ArrowRight" || C.key === "ArrowUp" ? 1 : 0;
       if (F) {
-        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 {
-          const W = c(r.value + F * D, t.range ? s.value : t.max, t.max);
+        if (V === "low") {
+          const W = c(r.value + F * D, t.min, t.range ? s.value : t.max);
           r.value = W, i.value = !0, setTimeout(() => i.value = !1, 800);
+        } else {
+          const W = c(s.value + F * D, t.range ? r.value : t.max, t.max);
+          s.value = W, a.value = !0, setTimeout(() => a.value = !1, 800);
         }
         j();
       }
     }, j = () => {
-      t.range ? (o("update:modelValue", [s.value, r.value]), o("change", [s.value, r.value])) : (o("update:modelValue", s.value), o("change", s.value));
+      t.range ? (o("update:modelValue", [r.value, s.value]), o("change", [r.value, s.value])) : (o("update:modelValue", r.value), o("change", r.value));
     };
     Ae(() => {
       window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b);
     }), K([() => t.min, () => t.max], () => {
-      s.value = c(s.value, t.min, t.max), r.value = c(r.value, t.min, t.max);
+      r.value = c(r.value, t.min, t.max), s.value = c(s.value, t.min, t.max);
     });
     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));
-    }), (C, V) => (f(), g("div", {
+      t.modelValue === void 0 && (t.range ? o("update:modelValue", [r.value, s.value]) : o("update:modelValue", r.value));
+    }), (V, C) => (f(), g("div", {
       class: "vj-slider",
-      onPointerdown: V[8] || (V[8] = U(() => {
+      onPointerdown: C[8] || (C[8] = U(() => {
       }, ["stop"]))
     }, [
       _("div", {
@@ -3371,53 +3373,53 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       }, [
         _("div", {
           class: "range",
-          style: G(p.value)
+          style: Y(p.value)
         }, null, 4),
-        a.value ? (f(), g("div", {
+        i.value ? (f(), g("div", {
           key: 0,
           class: "tooltip",
-          style: G({ left: d.value.left })
-        }, O(s.value), 5)) : L("", !0),
+          style: Y({ left: d.value.left })
+        }, O(r.value), 5)) : L("", !0),
         _("button", {
           class: "handle low",
-          style: G(d.value),
+          style: Y(d.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
-          "aria-valuenow": s.value,
+          "aria-valuenow": r.value,
           "aria-label": H.value ? "Lower value" : "Value",
-          onPointerdown: V[0] || (V[0] = U((D) => m("low", D), ["prevent"])),
-          onFocus: V[1] || (V[1] = (D) => a.value = !0),
-          onBlur: V[2] || (V[2] = (D) => a.value = !1),
-          onKeydown: V[3] || (V[3] = U((D) => S("low", D), ["stop", "prevent"])),
+          onPointerdown: C[0] || (C[0] = U((D) => m("low", D), ["prevent"])),
+          onFocus: C[1] || (C[1] = (D) => i.value = !0),
+          onBlur: C[2] || (C[2] = (D) => i.value = !1),
+          onKeydown: C[3] || (C[3] = U((D) => S("low", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
         }, null, 44, yi),
-        H.value && i.value ? (f(), g("div", {
+        H.value && a.value ? (f(), g("div", {
           key: 1,
           class: "tooltip",
-          style: G({ left: v.value.left })
-        }, O(r.value), 5)) : L("", !0),
+          style: Y({ left: v.value.left })
+        }, O(s.value), 5)) : L("", !0),
         H.value ? (f(), g("button", {
           key: 2,
           class: "handle high",
-          style: G(v.value),
+          style: Y(v.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
-          "aria-valuenow": r.value,
+          "aria-valuenow": s.value,
           "aria-label": "Upper value",
-          onPointerdown: V[4] || (V[4] = U((D) => m("high", D), ["prevent"])),
-          onFocus: V[5] || (V[5] = (D) => i.value = !0),
-          onBlur: V[6] || (V[6] = (D) => i.value = !1),
-          onKeydown: V[7] || (V[7] = U((D) => S("high", D), ["stop", "prevent"])),
+          onPointerdown: C[4] || (C[4] = U((D) => m("high", D), ["prevent"])),
+          onFocus: C[5] || (C[5] = (D) => a.value = !0),
+          onBlur: C[6] || (C[6] = (D) => a.value = !1),
+          onKeydown: C[7] || (C[7] = U((D) => S("high", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
         }, null, 44, wi)) : L("", !0)
       ], 512)
     ], 32));
   }
-}), xi = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-d47c7475"]]), ki = ["onFocusin", "onFocusout"], Ci = /* @__PURE__ */ R({
+}), xi = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-d47c7475"]]), ki = ["onFocusin", "onFocusout"], Vi = /* @__PURE__ */ R({
   __name: "input-slider",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: {},
     label: {},
     id: {},
@@ -3437,22 +3439,22 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["update:modelValue", "input", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["update:modelValue", "input", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    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 t = e, o = ne(e, "modelValue"), l = n, i = o.value === void 0 ? 0 : Number(o.value), a = E(Number.isNaN(i) ? 0 : i);
+    K(o, (r) => {
+      const s = r === void 0 ? 0 : Number(r);
+      a.value = Number.isNaN(s) ? 0 : s;
     });
-    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);
+    const c = (r) => {
+      console.log("onUpdateModel", r);
+      const s = typeof r == "number" ? r : Number(r ?? 0);
+      a.value = Number.isNaN(s) ? 0 : s, l("update:modelValue", a.value), l("input", a.value);
     };
-    return (s, r) => (f(), P(Ie, {
-      modelValue: i.value,
+    return (r, s) => (f(), P(Ie, {
+      modelValue: a.value,
       "onUpdate:modelValue": [
-        r[1] || (r[1] = (u) => i.value = u),
+        s[1] || (s[1] = (u) => a.value = u),
         c
       ],
       label: t.label,
@@ -3472,9 +3474,9 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         }, [
           T(xi, {
             id: u,
-            modelValue: i.value,
+            modelValue: a.value,
             "onUpdate:modelValue": [
-              r[0] || (r[0] = (y) => i.value = y),
+              s[0] || (s[0] = (y) => a.value = y),
               c
             ],
             min: t.min,
@@ -3488,9 +3490,9 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Vi = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-8f16d318"]]), Ei = { class: "textarea" }, $i = ["value", "placeholder", "disabled", "rows"], Li = /* @__PURE__ */ R({
+}), Ci = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-8f16d318"]]), Ei = { class: "textarea" }, $i = ["value", "placeholder", "disabled", "rows"], Li = /* @__PURE__ */ R({
   __name: "textarea",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     icon: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -3500,18 +3502,18 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, o = se(e, "modelValue"), l = (r) => {
-      o.value = r.target.value;
-    }, a = () => {
+    const t = n, o = ne(e, "modelValue"), l = (s) => {
+      o.value = s.target.value;
+    }, i = () => {
       o.value = "";
-    }, i = (r) => {
-      t("focus", r);
-    }, c = (r) => {
-      t("blur", r);
-    }, s = k(() => !o.value);
-    return (r, u) => {
+    }, a = (s) => {
+      t("focus", s);
+    }, c = (s) => {
+      t("blur", s);
+    }, r = k(() => !o.value);
+    return (s, u) => {
       const d = q("VjIcon");
       return f(), g("div", Ei, [
         e.icon ? (f(), P(d, {
@@ -3523,7 +3525,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         _("textarea", {
           value: o.value,
           onInput: l,
-          onFocus: i,
+          onFocus: a,
           onBlur: c,
           placeholder: e.placeholder,
           disabled: e.disabled,
@@ -3531,10 +3533,10 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         }, null, 40, $i),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
-          class: I(["clear-icon", { invisible: s.value }]),
+          class: I(["clear-icon", { invisible: r.value }]),
           icon: $(z).CLOSE,
           size: $(X).S,
-          onClick: a
+          onClick: i
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
@@ -3558,17 +3560,17 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   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) => {
+    const t = e, o = n, l = (u) => o("update:modelValue", u), i = (u) => o("input", u), a = (u) => o("focus", u), c = (u) => o("blur", u), r = (u) => {
       l(u ?? "");
-    }, r = k(() => {
+    }, s = k(() => {
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
     return (u, d) => (f(), P(Ie, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
-      onInput: a,
-      onFocus: i,
+      onInput: i,
+      onFocus: a,
       onBlur: c,
       label: t.label,
       id: t.id,
@@ -3585,10 +3587,10 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       control: N(({ id: v, disabled: p, placeholder: h, onFocus: y, onBlur: m }) => [
         T(hn, {
           id: v,
-          modelValue: r.value,
-          "onUpdate:modelValue": s,
+          modelValue: s.value,
+          "onUpdate:modelValue": r,
           onFocus: (b) => {
-            y(b), i(b);
+            y(b), a(b);
           },
           onBlur: (b) => {
             m(b), c(b);
@@ -3604,7 +3606,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
   }
 }), Ti = { class: "input" }, Ri = ["value", "type", "placeholder", "disabled"], Ai = /* @__PURE__ */ R({
   __name: "input",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     icon: {},
     type: {},
     placeholder: {},
@@ -3614,18 +3616,18 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ G(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, o = se(e, "modelValue"), l = (r) => {
-      o.value = r.target.value;
-    }, a = () => {
+    const t = n, o = ne(e, "modelValue"), l = (s) => {
+      o.value = s.target.value;
+    }, i = () => {
       o.value = "";
-    }, i = (r) => {
-      t("focus", r);
-    }, c = (r) => {
-      t("blur", r);
-    }, s = k(() => !o.value);
-    return (r, u) => {
+    }, a = (s) => {
+      t("focus", s);
+    }, c = (s) => {
+      t("blur", s);
+    }, r = k(() => !o.value);
+    return (s, u) => {
       const d = q("VjIcon");
       return f(), g("div", Ti, [
         e.icon ? (f(), P(d, {
@@ -3636,7 +3638,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         _("input", {
           value: o.value,
           onInput: l,
-          onFocus: i,
+          onFocus: a,
           onBlur: c,
           type: e.type,
           placeholder: e.placeholder,
@@ -3644,10 +3646,10 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
         }, null, 40, Ri),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
-          class: I(["clear-icon", { invisible: s.value }]),
+          class: I(["clear-icon", { invisible: r.value }]),
           icon: $(z).CLOSE,
           size: $(X).S,
-          onClick: a
+          onClick: i
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
@@ -3671,14 +3673,14 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = (r) => o("update:modelValue", r), a = (r) => o("input", r), i = (r) => o("focus", r), c = (r) => o("blur", r), s = (r) => {
-      l(r ?? "");
+    const t = e, o = n, l = (s) => o("update:modelValue", s), i = (s) => o("input", s), a = (s) => o("focus", s), c = (s) => o("blur", s), r = (s) => {
+      l(s ?? "");
     };
-    return (r, u) => (f(), P(Ie, {
+    return (s, u) => (f(), P(Ie, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": l,
-      onInput: a,
-      onFocus: i,
+      onInput: i,
+      onFocus: a,
       onBlur: c,
       label: e.label,
       id: e.id,
@@ -3697,9 +3699,9 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           id: d,
           modelValue: e.modelValue,
           type: e.type,
-          "onUpdate:modelValue": s,
+          "onUpdate:modelValue": r,
           onFocus: (m) => {
-            h(m), i(m);
+            h(m), a(m);
           },
           onBlur: (m) => {
             y(m), c(m);
@@ -3712,10 +3714,10 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Di = { class: "shell-navigation-item" }, Bi = { class: "shell-navigation-item-label" }, ji = {
+}), Di = { class: "shell-navigation-item" }, Bi = { class: "shell-navigation-item-label" }, Mi = {
   key: 1,
   class: "shell-navigation-item-link"
-}, Mi = ["aria-expanded"], Pi = { class: "shell-navigation-item-label" }, Fi = /* @__PURE__ */ R({
+}, ji = ["aria-expanded"], Pi = { class: "shell-navigation-item-label" }, Fi = /* @__PURE__ */ R({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3723,21 +3725,21 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = Kt(), t = k(() => !!n.default), o = E(!1), l = E(null), a = E(null), { floatingStyles: i } = wt(l, a, {
+    const n = Kt(), t = k(() => !!n.default), o = E(!1), l = E(null), i = E(null), { floatingStyles: a } = wt(l, i, {
       placement: "right-start",
       middleware: [tt(8), ot(), nt({ padding: 8 })],
       whileElementsMounted: et
     }), c = (v) => {
       t.value && (o.value = !o.value);
-    }, s = () => {
+    }, r = () => {
       o.value = !1;
-    }, r = (v) => {
-      s();
+    }, s = (v) => {
+      r();
     }, u = (v) => {
-      (v.key === "Escape" || v.key === "Esc") && s();
+      (v.key === "Escape" || v.key === "Esc") && r();
     }, d = (v) => {
       const p = v.target;
-      p && (l.value && l.value.contains(p) || a.value && a.value.contains(p) || s());
+      p && (l.value && l.value.contains(p) || i.value && i.value.contains(p) || r());
     };
     return K(o, (v) => {
       v ? (window.addEventListener("keydown", u), window.addEventListener("pointerdown", d)) : (window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d));
@@ -3759,7 +3761,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             _("label", Bi, O(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (f(), g("div", ji, [
+        }, 8, ["to"])) : (f(), g("div", Mi, [
           _("button", {
             ref_key: "buttonRef",
             ref: l,
@@ -3773,17 +3775,17 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
             _("label", Pi, O(e.label), 1)
-          ], 8, Mi),
+          ], 8, ji),
           T(Le, { name: "menu" }, {
             default: N(() => [
               o.value ? (f(), P(m, {
                 key: 0,
                 ref_key: "floatingRef",
-                ref: a,
-                style: G($(i)),
+                ref: i,
+                style: Y($(a)),
                 class: "shell-navigation-item-menu",
-                onClose: s,
-                onClick: U(r, ["stop"])
+                onClose: r,
+                onClick: U(s, ["stop"])
               }, {
                 default: N(() => [
                   M(v.$slots, "default", {}, void 0, !0)
@@ -3793,11 +3795,11 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             ]),
             _: 3
           }),
-          (f(), P(Me, { to: "body" }, [
+          (f(), P(je, { to: "body" }, [
             o.value ? (f(), g("div", {
               key: 0,
               class: "menu-backdrop",
-              onClick: s
+              onClick: r
             })) : L("", !0)
           ]))
         ]))
@@ -3812,22 +3814,22 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
   setup(e) {
     const n = vt(es, ns()), t = k(() => n.showLabels);
     return (o, l) => {
-      const a = q("VjShellNavigationItem");
+      const i = q("VjShellNavigationItem");
       return f(), g("nav", {
         class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
         _("ul", Ii, [
-          $(n).hasParent && $(n).backRoute.value ? (f(), P(a, {
+          $(n).hasParent && $(n).backRoute.value ? (f(), P(i, {
             key: 0,
             to: $(n).backRoute.value,
             label: "BACK",
             icon: $(z).HOME
           }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Q, null, pe($(n).childRoutes.value, (i) => (f(), P(a, {
-            key: i.name,
-            to: { name: i.name },
-            label: i.meta.label,
-            icon: i.meta.icon ?? $(z).HOME
+          (f(!0), g(Q, null, pe($(n).childRoutes.value, (a) => (f(), P(i, {
+            key: a.name,
+            to: { name: a.name },
+            label: a.meta.label,
+            icon: a.meta.icon ?? $(z).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
         o.$slots.fixed ? (f(), g("ul", Hi, [
@@ -3844,54 +3846,56 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    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 : {};
+    const n = ss(), t = lt(n, "asideComponent"), o = lt(n, "hasAside"), l = lt(n, "asideData"), i = k(() => {
+      const a = l.value;
+      return a && typeof a == "object" ? a : {};
     });
-    return (i, c) => {
-      const s = q("router-view");
+    return (a, c) => {
+      const r = q("router-view");
       return f(), g("div", Ui, [
         _("header", null, [
-          _("span", Ni, [
-            e.icon ? (f(), g("img", {
-              key: 0,
-              src: e.icon,
-              alt: "Shell Icon"
-            }, null, 8, Ki)) : L("", !0),
-            _("h1", null, O(e.title), 1)
-          ]),
-          _("div", Xi, [
-            M(i.$slots, "header-actions", {}, void 0, !0)
-          ])
+          M(a.$slots, "header", {}, () => [
+            _("span", Ni, [
+              e.icon ? (f(), g("img", {
+                key: 0,
+                src: e.icon,
+                alt: "Shell Icon"
+              }, null, 8, Ki)) : L("", !0),
+              _("h1", null, O(e.title), 1)
+            ]),
+            _("div", Xi, [
+              M(a.$slots, "header-actions", {}, void 0, !0)
+            ])
+          ], !0)
         ]),
         _("div", {
           class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
           e.showNavigation ? (f(), P($(bn), { key: 0 }, dt({ _: 2 }, [
-            i.$slots?.["navigation-fixed"] ? {
+            a.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: N(() => [
-                M(i.$slots, "navigation-fixed", {}, void 0, !0)
+                M(a.$slots, "navigation-fixed", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1024)) : L("", !0),
           _("main", null, [
-            M(i.$slots, "default", {}, () => [
-              T(s)
+            M(a.$slots, "default", {}, () => [
+              T(r)
             ], !0)
           ]),
           _("aside", {
             class: I({ "aside-visible": o.value })
           }, [
-            (f(), P(ut(t.value), En($n(a.value)), null, 16))
+            (f(), P(ut(t.value), En($n(i.value)), null, 16))
           ], 2)
         ], 2),
         c[0] || (c[0] = _("footer", null, null, -1))
       ]);
     };
   }
-}), Gi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-4dfd0097"]]);
+}), Gi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-6a20620c"]]);
 class Yi {
   notifications = E([]);
   notificationIdCounter = 0;
@@ -3909,16 +3913,16 @@ class Yi {
    * @returns Die ID der Notification
    */
   show(n, t, o, l) {
-    const a = `notification-${++this.notificationIdCounter}-${Date.now()}`, i = n === "error" ? void 0 : l ?? 5e3, c = {
-      id: a,
+    const i = `notification-${++this.notificationIdCounter}-${Date.now()}`, a = n === "error" ? void 0 : l ?? 5e3, c = {
+      id: i,
       type: n,
       title: t,
       message: o,
-      duration: i
+      duration: a
     };
-    return this.notifications.value.unshift(c), i && setTimeout(() => {
-      this.remove(a);
-    }, i), a;
+    return this.notifications.value.unshift(c), a && setTimeout(() => {
+      this.remove(i);
+    }, a), i;
   }
   /**
    * Zeigt eine Info-Notification
@@ -3962,16 +3966,16 @@ const Nt = new Yi(), Ji = { class: "notifications" }, Qi = /* @__PURE__ */ R({
   __name: "notifications",
   setup(e) {
     const n = Nt.getNotifications(), t = (o) => Nt.remove(o);
-    return (o, l) => (f(), P(Me, { to: "body" }, [
+    return (o, l) => (f(), P(je, { to: "body" }, [
       _("div", Ji, [
         T(Ln, { name: "notification" }, {
           default: N(() => [
-            (f(!0), g(Q, null, pe($(n), (a) => (f(), P(xt, {
-              key: a.id,
-              type: a.type,
-              title: a.title,
-              message: a.message,
-              onClose: (i) => t(a.id)
+            (f(!0), g(Q, null, pe($(n), (i) => (f(), P(xt, {
+              key: i.id,
+              type: i.type,
+              title: i.title,
+              message: i.message,
+              onClose: (a) => t(i.id)
             }, null, 8, ["type", "title", "message", "onClose"]))), 128))
           ]),
           _: 1
@@ -3990,36 +3994,36 @@ const ns = () => {
   }), l = k(() => {
     const u = n.matched;
     return u.length ? u[u.length - 1] : null;
-  }), a = k(() => {
+  }), i = k(() => {
     const u = n.matched;
     return u.length > 1 ? u[u.length - 2] : null;
-  }), 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(() => {
+  }), a = k(() => !!(l.value?.children?.length || i.value)), c = k(() => l.value?.children?.length ? l.value : i.value?.children?.length ? i.value : null), r = 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 = k(() => {
+  }), s = 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(ts);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : i.value?.children?.length ? u = i.value.children : u = o.value, u.filter(ts);
   });
   return {
-    hasParent: i,
-    backRoute: s,
-    childRoutes: r,
+    hasParent: a,
+    backRoute: r,
+    childRoutes: s,
     showLabels: t
   };
 }, bs = (e, n = !0, t = void 0) => {
-  const o = Sn(e) ? e : E(e), l = !!t, a = E(t || null);
+  const o = Sn(e) ? e : E(e), l = !!t, i = E(t || null);
   return {
     hasParent: l,
-    backRoute: a,
+    backRoute: i,
     childRoutes: o,
     showLabels: n
   };
-}, kt = E(!1), Ct = E(null), Vt = E(null);
+}, kt = E(!1), Vt = E(null), Ct = E(null);
 let $e = [];
 const yn = (e) => ($e.push(e), () => {
   $e = $e.filter((n) => n !== e);
-}), os = (e, n) => ($e = [], Ct.value = e, Vt.value = n ?? null, kt.value = !0, {
+}), os = (e, n) => ($e = [], Vt.value = e, Ct.value = n ?? null, kt.value = !0, {
   onClose: (t) => yn(t)
 }), ls = (e) => {
   try {
@@ -4034,10 +4038,10 @@ const yn = (e) => ($e.push(e), () => {
     kt.value = !1, setTimeout(as, 1e3);
   }
 }, as = () => {
-  $e = [], Ct.value = null, Vt.value = null;
+  $e = [], Vt.value = null, Ct.value = null;
 }, is = {
-  asideComponent: Ct,
-  asideData: Vt,
+  asideComponent: Vt,
+  asideData: Ct,
   showAside: os,
   closeAside: ls,
   onAsideClose: yn,
@@ -4067,11 +4071,11 @@ class rs {
     return new Promise((t) => {
       const o = this.ensureContainer(), l = document.createElement("div");
       o.appendChild(l);
-      let a = !1;
-      const i = () => {
-        a || (a = !0, setTimeout(() => {
-          const s = this.apps.find((r) => r.element === l);
-          s && (s.app.unmount(), this.apps = this.apps.filter((r) => r !== s)), l.remove();
+      let i = !1;
+      const a = () => {
+        i || (i = !0, setTimeout(() => {
+          const r = this.apps.find((s) => s.element === l);
+          r && (r.app.unmount(), this.apps = this.apps.filter((s) => s !== r)), l.remove();
         }, 300));
       }, c = Tn({
         setup() {
@@ -4088,16 +4092,16 @@ class rs {
             closeOnBackdrop: n.closeOnBackdrop ?? !1,
             closeOnEscape: n.closeOnEscape ?? !0,
             onConfirm: () => {
-              t(!0), i();
+              t(!0), a();
             },
             onCancel: () => {
-              t(!1), i();
+              t(!1), a();
             },
-            onResolve: (s) => {
-              t(s), i();
+            onResolve: (r) => {
+              t(r), a();
             },
             onClose: () => {
-              a || t(!1), i();
+              i || t(!1), a();
             }
           });
         }
@@ -4148,41 +4152,41 @@ const xs = () => {
     inner;
     defaultValue;
     handlers = [];
-    constructor(i, c) {
-      this.inner = i, this.defaultValue = c;
+    constructor(a, c) {
+      this.inner = a, this.defaultValue = c;
     }
-    onError(i) {
-      return this.handlers.push(i), this;
+    onError(a) {
+      return this.handlers.push(a), this;
     }
     async exec() {
       n.value = null, e.value = !0;
       try {
         return await this.inner();
-      } catch (i) {
-        n.value = i;
+      } catch (a) {
+        n.value = a;
         for (const c of this.handlers)
           try {
-            c(i);
-          } catch (s) {
-            console.error("onError handler failed", s);
+            c(a);
+          } catch (r) {
+            console.error("onError handler failed", r);
           }
         if (this.defaultValue !== void 0) return this.defaultValue;
-        throw i;
+        throw a;
       } finally {
         e.value = !1;
       }
     }
-    then(i, c) {
-      return this.exec().then(i, c);
+    then(a, c) {
+      return this.exec().then(a, c);
     }
   }
-  function l(a, i) {
-    return new o(a, i);
+  function l(i, a) {
+    return new o(i, a);
   }
   return { run: l, running: e, error: n, clearError: t };
 }, ks = {
   install(e) {
-    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);
+    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", Vl), 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", Ci), e.component("VjShellNavigation", bn), e.component("VjShellNavigationItem", zi), e.component("VjShell", Gi), e.component("VjSearchField", ga), e.component("VjSeparator", ya), e.directive("focus", jl), e.directive("resize", Pl), e.directive("compact", Bl), e.directive("tooltip", vn);
   }
 };
 export {
@@ -4197,9 +4201,9 @@ export {
   Yt as ChipGroup,
   Ro as ChipSelector,
   mt as Dialog,
-  Cl as DotMenu,
+  Vl as DotMenu,
   ps as EditableLabel,
-  Ml as FocusFirstDirective,
+  jl as FocusFirstDirective,
   Ie as FormField,
   ri as FormLayout,
   di as FormSection,
@@ -4208,7 +4212,7 @@ export {
   X as IconSize,
   gn as Input,
   bi as InputSelect,
-  Vi as InputSlider,
+  Ci as InputSlider,
   Oi as InputText,
   Si as InputTextArea,
   El as LinkButton,