@vanjana/vue-ui 0.1.62 → 0.1.85

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

@@ -1,36 +1,36 @@
-import { createElementBlock as x, openBlock as v, createElementVNode as k, renderSlot as T, defineComponent as B, computed as C, normalizeClass as N, createBlock as j, createCommentVNode as $, createTextVNode as $e, unref as R, toDisplayString as D, useSlots as on, mergeModels as ue, useModel as ye, ref as E, onMounted as Oe, nextTick as he, onBeforeUnmount as Te, watch as q, resolveComponent as U, createVNode as P, normalizeStyle as Z, Fragment as ge, renderList as Xe, Teleport as tt, Transition as Ie, withCtx as W, withModifiers as de, createSlots as Lt, resolveDynamicComponent as St, mergeProps as ln, shallowRef as an, getCurrentScope as sn, onScopeDispose as rn, shallowReadonly as _e, render as ht, withDirectives as cn, withKeys as un, provide as dn, inject as $t, toRef as Je, normalizeProps as fn, guardReactiveProps as mn, isRef as vn, createApp as pn, h as hn } from "vue";
-import { useRouter as gn, useRoute as bn } from "vue-router";
-const M = (e, n) => {
+import { createElementBlock as b, openBlock as f, createElementVNode as V, renderSlot as M, defineComponent as T, computed as C, normalizeClass as I, createBlock as j, createCommentVNode as S, createTextVNode as Ie, unref as $, toDisplayString as D, useSlots as un, ref as E, onMounted as Oe, nextTick as me, onBeforeUnmount as Be, watch as X, resolveComponent as N, createVNode as P, normalizeStyle as J, Fragment as ne, renderList as Se, mergeModels as Z, useModel as ve, withModifiers as K, Teleport as ot, Transition as He, withCtx as W, createSlots as lt, resolveDynamicComponent as Ot, mergeProps as dn, shallowRef as fn, getCurrentScope as vn, onScopeDispose as mn, shallowReadonly as ke, render as wt, withDirectives as Bt, withKeys as Ze, provide as pn, inject as Dt, vModelText as hn, toRef as Je, normalizeProps as gn, guardReactiveProps as bn, isRef as yn, createApp as wn, h as _n } from "vue";
+import { useRouter as xn, useRoute as kn } from "vue-router";
+const O = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of n)
     t[o] = l;
   return t;
-}, yn = {}, wn = { class: "button-bar" }, xn = { class: "left" }, _n = { class: "right" };
-function Vn(e, n) {
-  return v(), x("div", wn, [
-    k("div", xn, [
-      T(e.$slots, "left", {}, void 0, !0)
+}, Vn = {}, Cn = { class: "button-bar" }, En = { class: "left" }, Ln = { class: "right" };
+function $n(e, n) {
+  return f(), b("div", Cn, [
+    V("div", En, [
+      M(e.$slots, "left", {}, void 0, !0)
     ]),
-    k("div", _n, [
-      T(e.$slots, "default", {}, void 0, !0)
+    V("div", Ln, [
+      M(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const kn = /* @__PURE__ */ M(yn, [["render", Vn], ["__scopeId", "data-v-45a6ed1a"]]);
-var H = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.INFO = "fa-regular fa-circle-info", e.WARNING = "fa-regular fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e))(H || {}), X = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(X || {});
-const Be = /* @__PURE__ */ B({
+const Sn = /* @__PURE__ */ O(Vn, [["render", $n], ["__scopeId", "data-v-45a6ed1a"]]);
+var U = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.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))(U || {}), q = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(q || {});
+const we = /* @__PURE__ */ T({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    const n = e, t = X.M, o = C(() => `${n.icon} ${n.size ?? t}`);
-    return (l, s) => (v(), x("i", {
-      class: N(o.value)
+    const n = e, t = q.M, o = C(() => `${n.icon} ${n.size ?? t}`);
+    return (l, a) => (f(), b("i", {
+      class: I(o.value)
     }, null, 2));
   }
-}), Cn = ["disabled"], En = /* @__PURE__ */ B({
+}), Rn = ["disabled"], An = /* @__PURE__ */ T({
   __name: "button",
   props: {
     label: {},
@@ -41,97 +41,51 @@ const Be = /* @__PURE__ */ B({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = X.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
-    return (s, a) => (v(), x("button", {
-      class: N(["button", o.value, { "icon-only": l.value }]),
+    const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
+    return (a, i) => (f(), b("button", {
+      class: I(["button", o.value, { "icon-only": l.value }]),
       disabled: e.disabled
     }, [
-      e.icon ? (v(), j(Be, {
+      e.icon ? (f(), j(we, {
         key: 0,
         icon: e.icon,
-        size: R(t)
-      }, null, 8, ["icon", "size"])) : $("", !0),
-      $e(" " + D(e.label), 1)
-    ], 10, Cn));
+        size: $(t)
+      }, null, 8, ["icon", "size"])) : S("", !0),
+      Ie(" " + D(e.label), 1)
+    ], 10, Rn));
   }
-}), At = /* @__PURE__ */ M(En, [["__scopeId", "data-v-f31c33cf"]]), Rn = {
+}), Mt = /* @__PURE__ */ O(An, [["__scopeId", "data-v-f31c33cf"]]), Tn = {
   key: 0,
   class: "header-actions"
-}, Ln = { key: 0 }, Sn = /* @__PURE__ */ B({
+}, On = { key: 0 }, Bn = /* @__PURE__ */ T({
   __name: "card",
   props: {
     header: {},
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = on();
-    return (t, o) => (v(), x("div", {
-      class: N(["card", { scrollable: e.scrollable }])
+    const n = un();
+    return (t, o) => (f(), b("div", {
+      class: I(["card", { scrollable: e.scrollable }])
     }, [
-      k("header", null, [
-        k("h3", null, D(e.header), 1),
-        R(n).headerActions ? (v(), x("span", Rn, [
-          T(t.$slots, "headerActions", {}, void 0, !0)
-        ])) : $("", !0)
+      V("header", null, [
+        V("h3", null, D(e.header), 1),
+        $(n).headerActions ? (f(), b("span", Tn, [
+          M(t.$slots, "headerActions", {}, void 0, !0)
+        ])) : S("", !0)
       ]),
-      k("main", null, [
-        T(t.$slots, "default", {}, void 0, !0)
+      V("main", null, [
+        M(t.$slots, "default", {}, void 0, !0)
       ]),
-      R(n).footer ? (v(), x("footer", Ln, [
-        T(t.$slots, "footer", {}, void 0, !0)
-      ])) : $("", !0)
+      $(n).footer ? (f(), b("footer", On, [
+        M(t.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 2));
   }
-}), Ot = /* @__PURE__ */ M(Sn, [["__scopeId", "data-v-ec6ab562"]]), $n = { class: "checkbox" }, An = ["checked", "disabled"], On = {
-  key: 0,
-  class: "checkbox-label"
-}, Tn = /* @__PURE__ */ B({
-  __name: "checkbox",
-  props: /* @__PURE__ */ ue({
-    label: {},
-    disabled: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = ye(e, "modelValue"), t = (o) => {
-      const l = o.target;
-      n.value = l.checked;
-    };
-    return (o, l) => (v(), x("label", $n, [
-      k("input", {
-        type: "checkbox",
-        checked: n.value,
-        onChange: t,
-        disabled: e.disabled,
-        class: "checkbox-input"
-      }, null, 40, An),
-      l[0] || (l[0] = k("span", { class: "checkbox-box" }, [
-        k("svg", {
-          class: "checkbox-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          k("path", {
-            class: "checkbox-check",
-            d: "M5 12L10 17L20 7",
-            stroke: "currentColor",
-            "stroke-width": "2.5",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          })
-        ])
-      ], -1)),
-      e.label ? (v(), x("span", On, D(e.label), 1)) : $("", !0)
-    ]));
-  }
-}), Ma = /* @__PURE__ */ M(Tn, [["__scopeId", "data-v-e2d27ecb"]]), Bn = ["aria-label"], Mn = {
+}), et = /* @__PURE__ */ O(Bn, [["__scopeId", "data-v-ec6ab562"]]), Dn = ["aria-label"], Mn = {
   key: 0,
   class: "carousel-indicators"
-}, Pn = /* @__PURE__ */ B({
+}, Pn = /* @__PURE__ */ T({
   __name: "carousel",
   props: {
     autoplay: { type: Boolean },
@@ -142,146 +96,359 @@ const Be = /* @__PURE__ */ B({
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, s = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, r = n.ariaLabel ?? "Carousel", i = E(Math.max(0, a)), c = E(null), u = E(null), d = E(0), m = E(0);
-    let f = !1;
-    const p = E(0), y = E(!1);
-    let V = null, w = null;
-    const _ = E(null), h = E(null), O = () => {
-      p.value = c.value ? c.value.children.length : 0, p.value === 0 ? i.value = 0 : i.value >= p.value && (i.value = l ? 0 : p.value - 1), F();
-    }, A = C(() => d.value > 0 ? { transform: `translateX(${-i.value * d.value + m.value}px)` } : { transform: `translateX(-${i.value * 100}%)` }), F = () => {
-      c.value && Array.from(c.value.children).forEach((L, ve) => {
+    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);
+    let m = !1;
+    const p = E(0), _ = E(!1);
+    let h = null, y = null;
+    const w = E(null), g = E(null), L = () => {
+      p.value = r.value ? r.value.children.length : 0, p.value === 0 ? s.value = 0 : s.value >= p.value && (s.value = l ? 0 : p.value - 1), F();
+    }, B = C(() => d.value > 0 ? { transform: `translateX(${-s.value * d.value + v.value}px)` } : { transform: `translateX(-${s.value * 100}%)` }), F = () => {
+      r.value && Array.from(r.value.children).forEach((R, ge) => {
         try {
-          ve === i.value ? L.removeAttribute("aria-hidden") : L.setAttribute("aria-hidden", "true");
+          ge === s.value ? R.removeAttribute("aria-hidden") : R.setAttribute("aria-hidden", "true");
         } catch {
         }
       });
-    }, g = () => {
-      b(), !(!t || p.value <= 1) && (s && y.value || (V = setTimeout(() => {
-        z(), g();
+    }, x = () => {
+      k(), !(!t || p.value <= 1) && (a && _.value || (h = setTimeout(() => {
+        z(), x();
       }, o)));
-    }, b = () => {
-      V && (clearTimeout(V), V = null);
-    }, S = () => {
-      p.value !== 0 && (i.value <= 0 ? i.value = l ? p.value - 1 : 0 : i.value--);
+    }, k = () => {
+      h && (clearTimeout(h), h = null);
+    }, A = () => {
+      p.value !== 0 && (s.value <= 0 ? s.value = l ? p.value - 1 : 0 : s.value--);
     }, z = () => {
-      p.value !== 0 && (i.value >= p.value - 1 ? i.value = l ? 0 : p.value - 1 : i.value++);
-    }, I = (L) => {
-      L < 0 || L >= p.value || (i.value = L);
-    }, se = () => {
-      y.value = !0, s && b();
-    }, ie = () => {
-      y.value = !1, g();
-    }, re = (L) => {
-      L.key === "ArrowLeft" ? S() : L.key === "ArrowRight" && z();
+      p.value !== 0 && (s.value >= p.value - 1 ? s.value = l ? 0 : p.value - 1 : s.value++);
+    }, H = (R) => {
+      R < 0 || R >= p.value || (s.value = R);
+    }, ce = () => {
+      _.value = !0, a && k();
+    }, ue = () => {
+      _.value = !1, x();
+    }, de = (R) => {
+      R.key === "ArrowLeft" ? A() : R.key === "ArrowRight" && z();
     };
-    let xe = 0, J = 0;
-    const ne = (L) => {
-      xe = L.touches[0].clientX, J = 0;
-    }, K = (L) => {
-      J = L.touches[0].clientX - xe;
-    }, Q = () => {
-      J > 50 ? S() : J < -50 && z(), J = 0;
+    let xe = 0, ee = 0;
+    const ae = (R) => {
+      xe = R.touches[0].clientX, ee = 0;
+    }, G = (R) => {
+      ee = R.touches[0].clientX - xe;
+    }, te = () => {
+      ee > 50 ? A() : ee < -50 && z(), ee = 0;
     };
-    let De = 0;
-    const dt = (L) => {
-      if (L.isPrimary !== !1 && !(L.pointerType === "mouse" && L.button !== 0)) {
-        f = !0, De = L.clientX, m.value = 0, b();
+    let Fe = 0;
+    const pt = (R) => {
+      if (R.isPrimary !== !1 && !(R.pointerType === "mouse" && R.button !== 0)) {
+        m = !0, Fe = R.clientX, v.value = 0, k();
         try {
-          L.target?.setPointerCapture?.(L.pointerId);
+          R.target?.setPointerCapture?.(R.pointerId);
         } catch {
         }
       }
-    }, ft = (L) => {
-      f && (m.value = L.clientX - De, L.preventDefault());
-    }, mt = () => {
-      if (!f) return;
-      f = !1;
-      const L = Math.max(50, d.value * 0.15);
-      m.value > L ? S() : m.value < -L && z(), m.value = 0, g();
-    }, vt = (L) => {
+    }, ht = (R) => {
+      m && (v.value = R.clientX - Fe, R.preventDefault());
+    }, gt = () => {
+      if (!m) return;
+      m = !1;
+      const R = Math.max(50, d.value * 0.15);
+      v.value > R ? A() : v.value < -R && z(), v.value = 0, x();
+    }, bt = (R) => {
       try {
-        L.target?.releasePointerCapture?.(L.pointerId);
+        R.target?.releasePointerCapture?.(R.pointerId);
       } catch {
       }
-      mt();
-    }, pt = () => mt();
+      gt();
+    }, yt = () => gt();
     return Oe(() => {
-      he(() => {
-        if (O(), c.value && (w = new MutationObserver(O), w.observe(c.value, { childList: !0 }), c.value.addEventListener("touchstart", ne, { passive: !0 }), c.value.addEventListener("touchmove", K, { passive: !0 }), c.value.addEventListener("touchend", Q)), u.value) {
-          const L = () => {
+      me(() => {
+        if (L(), r.value && (y = new MutationObserver(L), y.observe(r.value, { childList: !0 }), r.value.addEventListener("touchstart", ae, { passive: !0 }), r.value.addEventListener("touchmove", G, { passive: !0 }), r.value.addEventListener("touchend", te)), u.value) {
+          const R = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
-          L();
-          const ve = window.ResizeObserver;
-          if (ve && u.value) {
-            const pe = new ve(() => L());
-            pe.observe(u.value), _.value = pe;
+          R();
+          const ge = window.ResizeObserver;
+          if (ge && u.value) {
+            const be = new ge(() => R());
+            be.observe(u.value), w.value = be;
           } else
-            window.addEventListener("resize", L), h.value = L;
-          u.value && (u.value.addEventListener("pointerdown", dt), u.value.addEventListener("pointermove", ft), u.value.addEventListener("pointerup", vt), u.value.addEventListener("pointercancel", pt));
+            window.addEventListener("resize", R), g.value = R;
+          u.value && (u.value.addEventListener("pointerdown", pt), u.value.addEventListener("pointermove", ht), u.value.addEventListener("pointerup", bt), u.value.addEventListener("pointercancel", yt));
         }
-        F(), g();
+        F(), x();
       });
-    }), Te(() => {
-      b(), w && c.value && w.disconnect(), c.value && (c.value.removeEventListener("touchstart", ne), c.value.removeEventListener("touchmove", K), c.value.removeEventListener("touchend", Q)), u.value && (_.value && _.value.disconnect && _.value.disconnect(), h.value && window.removeEventListener("resize", h.value), u.value.removeEventListener("pointerdown", dt), u.value.removeEventListener("pointermove", ft), u.value.removeEventListener("pointerup", vt), u.value.removeEventListener("pointercancel", pt));
-    }), q([i, () => p.value], () => {
+    }), Be(() => {
+      k(), y && r.value && y.disconnect(), r.value && (r.value.removeEventListener("touchstart", ae), r.value.removeEventListener("touchmove", G), r.value.removeEventListener("touchend", te)), u.value && (w.value && w.value.disconnect && w.value.disconnect(), g.value && window.removeEventListener("resize", g.value), u.value.removeEventListener("pointerdown", pt), u.value.removeEventListener("pointermove", ht), u.value.removeEventListener("pointerup", bt), u.value.removeEventListener("pointercancel", yt));
+    }), X([s, () => p.value], () => {
       F();
-    }), q([() => y.value, i], () => {
-      g();
-    }), (L, ve) => {
-      const pe = U("VjButton");
-      return v(), x("div", {
+    }), X([() => _.value, s], () => {
+      x();
+    }), (R, ge) => {
+      const be = N("VjButton");
+      return f(), b("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": R(r),
+        "aria-label": $(c),
         tabindex: "0",
-        onKeydown: re,
-        onMouseenter: se,
-        onMouseleave: ie
+        onKeydown: de,
+        onMouseenter: ce,
+        onMouseleave: ue
       }, [
-        k("div", {
+        V("div", {
           class: "carousel-window",
           ref_key: "windowRef",
           ref: u
         }, [
-          k("div", {
+          V("div", {
             class: "carousel-track",
             ref_key: "track",
-            ref: c,
-            style: Z(A.value)
+            ref: r,
+            style: J(B.value)
           }, [
-            T(L.$slots, "default", {}, void 0, !0)
+            M(R.$slots, "default", {}, void 0, !0)
           ], 4)
         ], 512),
-        P(pe, {
+        P(be, {
           class: "carousel-btn prev",
-          icon: R(H).PREVIOUS,
-          onClick: S,
+          icon: $(U).PREVIOUS,
+          onClick: A,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
-        P(pe, {
+        P(be, {
           class: "carousel-btn next",
-          icon: R(H).NEXT,
+          icon: $(U).NEXT,
           onClick: z,
           type: "button",
           "aria-label": "Next slide"
         }, null, 8, ["icon"]),
-        p.value > 1 ? (v(), x("div", Mn, [
-          (v(!0), x(ge, null, Xe(p.value, (Le) => (v(), j(pe, {
-            key: Le - 1,
-            class: N(["indicator", { active: Le - 1 === i.value }]),
-            onClick: (Oa) => I(Le - 1),
-            "aria-current": Le - 1 === i.value,
-            "aria-label": `Go to slide ${Le}`,
+        p.value > 1 ? (f(), b("div", Mn, [
+          (f(!0), b(ne, null, Se(p.value, (Re) => (f(), j(be, {
+            key: Re - 1,
+            class: I(["indicator", { active: Re - 1 === s.value }]),
+            onClick: (ci) => H(Re - 1),
+            "aria-current": Re - 1 === s.value,
+            "aria-label": `Go to slide ${Re}`,
             type: "button"
           }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
-        ])) : $("", !0)
-      ], 40, Bn);
+        ])) : S("", !0)
+      ], 40, Dn);
+    };
+  }
+}), fi = /* @__PURE__ */ O(Pn, [["__scopeId", "data-v-232abca2"]]), jn = { class: "checkbox" }, Fn = ["checked", "disabled"], zn = {
+  key: 0,
+  class: "checkbox-label"
+}, In = /* @__PURE__ */ T({
+  __name: "checkbox",
+  props: /* @__PURE__ */ Z({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = ve(e, "modelValue"), t = (o) => {
+      const l = o.target;
+      n.value = l.checked;
+    };
+    return (o, l) => (f(), b("label", jn, [
+      V("input", {
+        type: "checkbox",
+        checked: n.value,
+        onChange: t,
+        disabled: e.disabled,
+        class: "checkbox-input"
+      }, null, 40, Fn),
+      l[0] || (l[0] = V("span", { class: "checkbox-box" }, [
+        V("svg", {
+          class: "checkbox-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          V("path", {
+            class: "checkbox-check",
+            d: "M5 12L10 17L20 7",
+            stroke: "currentColor",
+            "stroke-width": "2.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          })
+        ])
+      ], -1)),
+      e.label ? (f(), b("span", zn, D(e.label), 1)) : S("", !0)
+    ]));
+  }
+}), Hn = /* @__PURE__ */ O(In, [["__scopeId", "data-v-d44b45ff"]]), Un = { class: "radio" }, Wn = ["checked", "disabled"], Kn = {
+  key: 0,
+  class: "radio-label"
+}, Xn = /* @__PURE__ */ T({
+  __name: "radio",
+  props: /* @__PURE__ */ Z({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = ve(e, "modelValue"), t = (o) => {
+      const l = o.target;
+      n.value = l.checked;
     };
+    return (o, l) => (f(), b("label", Un, [
+      V("input", {
+        type: "checkbox",
+        checked: n.value,
+        onChange: t,
+        disabled: e.disabled,
+        class: "radio-input"
+      }, null, 40, Wn),
+      l[0] || (l[0] = V("span", { class: "radio-box" }, [
+        V("span", {
+          class: "radio-dot",
+          "aria-hidden": "true"
+        })
+      ], -1)),
+      e.label ? (f(), b("span", Kn, D(e.label), 1)) : S("", !0)
+    ]));
   }
-}), jn = /* @__PURE__ */ M(Pn, [["__scopeId", "data-v-232abca2"]]), Fn = { class: "dialog-content" }, Dn = { key: 1 }, zn = { class: "dialog-footer" }, In = /* @__PURE__ */ B({
+}), vi = /* @__PURE__ */ O(Xn, [["__scopeId", "data-v-f9e4bb65"]]), Nn = { class: "chip__label" }, qn = /* @__PURE__ */ T({
+  __name: "chip",
+  props: /* @__PURE__ */ Z({
+    label: {},
+    dismissable: { type: Boolean },
+    color: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Z(["update:modelValue", "dismiss", "click"], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const t = e, o = ve(e, "modelValue"), l = n, a = t.dismissable ?? !1, i = C(() => {
+      const s = {};
+      return t.color && (s.color = `var(--on-surface-${t.color})`, s.background = `var(--surface-${t.color})`), s;
+    }), c = () => {
+      l("dismiss", o.value);
+    };
+    return (s, r) => (f(), b("div", {
+      class: I(["chip", { "chip--dismissable": $(a) }]),
+      style: J(i.value),
+      onClick: r[0] || (r[0] = (u) => s.$emit("click"))
+    }, [
+      V("span", Nn, D(e.label), 1),
+      $(a) ? (f(), b("button", {
+        key: 0,
+        class: "chip__close",
+        type: "button",
+        onClick: K(c, ["stop"]),
+        "aria-label": "Dismiss"
+      }, [
+        P(we, {
+          icon: $(U).CLOSE,
+          size: $(q).S
+        }, null, 8, ["icon", "size"])
+      ])) : S("", !0)
+    ], 6));
+  }
+}), Pt = /* @__PURE__ */ O(qn, [["__scopeId", "data-v-c2014a3b"]]), Gn = { class: "chip-group" }, Yn = {
+  key: 0,
+  class: "chip-group__label"
+}, Jn = { class: "chip-group__container" }, Qn = ["onDragover", "onDrop"], Zn = ["onDragstart", "onDragover", "onDragenter", "onDrop"], eo = ["onDragover", "onDrop"], to = {
+  key: 1,
+  class: "chip-group__hint"
+}, no = /* @__PURE__ */ T({
+  __name: "chip-group",
+  props: {
+    items: { default: () => [] },
+    label: {},
+    hint: {},
+    dismissable: { type: Boolean, default: !0 },
+    color: {},
+    itemKey: { default: "value" },
+    itemLabel: { default: "label" }
+  },
+  emits: ["update:items", "reorder", "dismiss", "chip-click"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = E(null), a = E(null);
+    function i(h, y) {
+      return typeof h == "string" ? `${h}-${y}` : h[t.itemKey] !== void 0 ? String(h[t.itemKey]) : `item-${y}`;
+    }
+    function c(h) {
+      return typeof h == "string" ? h : h[t.itemLabel] !== void 0 ? String(h[t.itemLabel]) : String(h.value || "");
+    }
+    function s(h, y) {
+      l.value = h, y.dataTransfer && (y.dataTransfer.effectAllowed = "move", y.dataTransfer.setData("text/plain", String(h)));
+    }
+    function r(h, y) {
+      l.value === null || l.value === h || (y.preventDefault(), y.dataTransfer && (y.dataTransfer.dropEffect = "move"));
+    }
+    function u(h) {
+      l.value === null || l.value === h || (a.value = h);
+    }
+    function d() {
+    }
+    function v(h, y) {
+      return l.value === null || a.value === null || l.value === h ? !1 : y === "before" && a.value === h && l.value > h || y === "after" && a.value === h && l.value < h;
+    }
+    function m(h, y) {
+      if (y.preventDefault(), l.value === null || l.value === h)
+        return;
+      const w = [...t.items], g = w[l.value];
+      w.splice(l.value, 1), w.splice(h, 0, g), o("update:items", w), o("reorder", w);
+    }
+    function p() {
+      l.value = null, a.value = null;
+    }
+    function _(h) {
+      const y = t.items[h], w = t.items.filter((g, L) => L !== h);
+      o("update:items", w), o("dismiss", y, h);
+    }
+    return (h, y) => (f(), b("div", Gn, [
+      e.label ? (f(), b("label", Yn, D(e.label), 1)) : S("", !0),
+      V("div", Jn, [
+        (f(!0), b(ne, null, Se(e.items, (w, g) => (f(), b(ne, {
+          key: i(w, g)
+        }, [
+          v(g, "before") ? (f(), b("div", {
+            key: 0,
+            class: "chip-group__drop-indicator",
+            onDragover: K((L) => r(g, L), ["prevent"]),
+            onDrop: (L) => m(g, L)
+          }, null, 40, Qn)) : S("", !0),
+          V("div", {
+            class: I(["chip-group__item", { "chip-group__item--dragging": l.value === g }]),
+            draggable: "true",
+            onDragstart: (L) => s(g, L),
+            onDragover: K((L) => r(g, L), ["prevent"]),
+            onDragenter: K((L) => u(g), ["prevent"]),
+            onDragleave: d,
+            onDrop: (L) => m(g, L),
+            onDragend: p
+          }, [
+            P(Pt, {
+              label: c(w),
+              dismissable: typeof w == "string" ? e.dismissable : w.dismissable ?? e.dismissable,
+              color: typeof w == "string" ? e.color : w.color ?? e.color,
+              onDismiss: (L) => _(g),
+              onClick: (L) => h.$emit("chip-click", w, g)
+            }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
+          ], 42, Zn),
+          v(g, "after") ? (f(), b("div", {
+            key: 1,
+            class: "chip-group__drop-indicator",
+            onDragover: K((L) => r(g, L), ["prevent"]),
+            onDrop: (L) => m(g, L)
+          }, null, 40, eo)) : S("", !0)
+        ], 64))), 128))
+      ]),
+      e.hint ? (f(), b("div", to, D(e.hint), 1)) : S("", !0)
+    ]));
+  }
+}), jt = /* @__PURE__ */ O(no, [["__scopeId", "data-v-66199d19"]]), oo = { class: "dialog-content" }, lo = { key: 1 }, ao = { class: "dialog-footer" }, io = /* @__PURE__ */ T({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -299,58 +466,58 @@ const Be = /* @__PURE__ */ B({
   emits: ["update:modelValue", "confirm", "cancel", "close"],
   setup(e, { emit: n }) {
     const t = e, o = n, l = E(t.modelValue);
-    q(
+    X(
       () => t.modelValue,
       (u) => l.value = u
     );
-    const s = () => {
+    const a = () => {
       l.value = !1, o("update:modelValue", !1), o("close");
-    }, a = () => {
-      o("confirm"), s();
-    }, r = () => {
-      o("cancel"), s();
     }, i = () => {
-      t.closeOnBackdrop && s();
-    }, c = (u) => {
-      u.key === "Escape" && t.closeOnEscape && l.value && s();
+      o("confirm"), a();
+    }, c = () => {
+      o("cancel"), a();
+    }, s = () => {
+      t.closeOnBackdrop && a();
+    }, r = (u) => {
+      u.key === "Escape" && t.closeOnEscape && l.value && a();
     };
     return Oe(() => {
-      document.addEventListener("keydown", c);
-    }), Te(() => {
-      document.removeEventListener("keydown", c);
+      document.addEventListener("keydown", r);
+    }), Be(() => {
+      document.removeEventListener("keydown", r);
     }), (u, d) => {
-      const m = U("VjIcon"), f = U("VjButton"), p = U("VjCard");
-      return v(), j(tt, { to: "body" }, [
-        P(Ie, { name: "dialog-fade" }, {
+      const v = N("VjIcon"), m = N("VjButton"), p = N("VjCard");
+      return f(), j(ot, { to: "body" }, [
+        P(He, { name: "dialog-fade" }, {
           default: W(() => [
-            l.value ? (v(), x("div", {
+            l.value ? (f(), b("div", {
               key: 0,
               class: "dialog-backdrop",
-              onClick: i
+              onClick: s
             }, [
-              P(Ie, { name: "dialog-scale" }, {
+              P(He, { name: "dialog-scale" }, {
                 default: W(() => [
-                  l.value ? (v(), x("div", {
+                  l.value ? (f(), b("div", {
                     key: 0,
                     class: "dialog-wrapper",
-                    onClick: d[0] || (d[0] = de(() => {
+                    onClick: d[0] || (d[0] = K(() => {
                     }, ["stop"]))
                   }, [
                     P(p, {
                       class: "dialog-card",
                       header: e.title || ""
-                    }, Lt({
+                    }, lt({
                       headerActions: W(() => [
-                        P(m, {
-                          icon: R(H).CLOSE,
-                          size: R(X).S,
+                        P(v, {
+                          icon: $(U).CLOSE,
+                          size: $(q).S,
                           class: "dialog-close",
-                          onClick: s
+                          onClick: a
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: W(() => [
-                        k("div", Fn, [
-                          e.component ? (v(), j(St(e.component), ln({ key: 0 }, e.componentProps, { onClose: s }), null, 16)) : e.message ? (v(), x("div", Dn, D(e.message), 1)) : T(u.$slots, "default", { key: 2 }, void 0, !0)
+                        V("div", oo, [
+                          e.component ? (f(), j(Ot(e.component), dn({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (f(), b("div", lo, D(e.message), 1)) : M(u.$slots, "default", { key: 2 }, void 0, !0)
                         ])
                       ]),
                       _: 2
@@ -358,17 +525,17 @@ const Be = /* @__PURE__ */ B({
                       e.showFooter ? {
                         name: "footer",
                         fn: W(() => [
-                          k("div", zn, [
-                            T(u.$slots, "footer", {}, () => [
-                              e.showCancel ? (v(), j(f, {
+                          V("div", ao, [
+                            M(u.$slots, "footer", {}, () => [
+                              e.showCancel ? (f(), j(m, {
                                 key: 0,
                                 secondary: "",
-                                onClick: r,
+                                onClick: c,
                                 label: e.cancelText
-                              }, null, 8, ["label"])) : $("", !0),
-                              P(f, {
+                              }, null, 8, ["label"])) : S("", !0),
+                              P(m, {
                                 primary: "",
-                                onClick: a,
+                                onClick: i,
                                 label: e.confirmText
                               }, null, 8, ["label"])
                             ], !0)
@@ -377,89 +544,157 @@ const Be = /* @__PURE__ */ B({
                         key: "0"
                       } : void 0
                     ]), 1032, ["header"])
-                  ])) : $("", !0)
+                  ])) : S("", !0)
                 ]),
                 _: 3
               })
-            ])) : $("", !0)
+            ])) : S("", !0)
           ]),
           _: 3
         })
       ]);
     };
   }
-}), Tt = /* @__PURE__ */ M(In, [["__scopeId", "data-v-6af510b3"]]), Ee = Math.min, G = Math.max, Ne = Math.round, ze = Math.floor, oe = (e) => ({
+}), at = /* @__PURE__ */ O(io, [["__scopeId", "data-v-6af510b3"]]), so = { class: "vj-chip-selector" }, ro = { class: "options-grid" }, co = ["onClick"], uo = {
+  key: 0,
+  class: "no-options"
+}, fo = /* @__PURE__ */ T({
+  __name: "chip-selector",
+  props: {
+    items: { default: () => [] },
+    label: { default: "" },
+    hint: { default: "" },
+    options: {},
+    dialogTitle: {},
+    addButtonText: { default: "+ Add..." }
+  },
+  emits: ["update:items"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = E([...t.items]), a = E(!1), i = C(() => t.options.filter((r) => !l.value.includes(r.value)));
+    function c(r) {
+      const u = r;
+      l.value = u, o("update:items", u);
+    }
+    function s(r) {
+      if (!l.value.includes(r)) {
+        const u = [...l.value, r];
+        l.value = u, o("update:items", u);
+      }
+    }
+    return X(
+      () => t.items,
+      (r) => {
+        JSON.stringify(r) !== JSON.stringify(l.value) && (l.value = [...r]);
+      },
+      { deep: !0 }
+    ), (r, u) => (f(), b("div", so, [
+      P(jt, {
+        items: l.value,
+        "onUpdate:items": [
+          u[0] || (u[0] = (d) => l.value = d),
+          c
+        ],
+        label: e.label,
+        hint: e.hint
+      }, null, 8, ["items", "label", "hint"]),
+      V("button", {
+        type: "button",
+        class: "add-button",
+        onClick: u[1] || (u[1] = (d) => a.value = !0)
+      }, D(e.addButtonText), 1),
+      P(at, {
+        modelValue: a.value,
+        "onUpdate:modelValue": u[2] || (u[2] = (d) => a.value = d),
+        title: e.dialogTitle || `Add ${e.label}`,
+        "close-on-backdrop": ""
+      }, {
+        default: W(() => [
+          V("div", ro, [
+            (f(!0), b(ne, null, Se(i.value, (d) => (f(), b("button", {
+              key: d.value,
+              type: "button",
+              class: "option-btn",
+              onClick: (v) => s(d.value)
+            }, "+ " + D(d.label), 9, co))), 128))
+          ]),
+          i.value.length === 0 ? (f(), b("div", uo, "All options already selected")) : S("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), vo = /* @__PURE__ */ O(fo, [["__scopeId", "data-v-f2e1b880"]]), Le = Math.min, Y = Math.max, Ue = Math.round, ze = Math.floor, ie = (e) => ({
   x: e,
   y: e
-}), Nn = {
+}), mo = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Hn = {
+}, po = {
   start: "end",
   end: "start"
 };
-function gt(e, n, t) {
-  return G(e, Ee(n, t));
+function _t(e, n, t) {
+  return Y(e, Le(n, t));
 }
-function Me(e, n) {
+function De(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
-function fe(e) {
+function pe(e) {
   return e.split("-")[0];
 }
-function Pe(e) {
+function Me(e) {
   return e.split("-")[1];
 }
-function Bt(e) {
+function Ft(e) {
   return e === "x" ? "y" : "x";
 }
-function Mt(e) {
+function zt(e) {
   return e === "y" ? "height" : "width";
 }
-const Wn = /* @__PURE__ */ new Set(["top", "bottom"]);
-function ce(e) {
-  return Wn.has(fe(e)) ? "y" : "x";
+const ho = /* @__PURE__ */ new Set(["top", "bottom"]);
+function fe(e) {
+  return ho.has(pe(e)) ? "y" : "x";
 }
-function Pt(e) {
-  return Bt(ce(e));
+function It(e) {
+  return Ft(fe(e));
 }
-function Un(e, n, t) {
+function go(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Pe(e), l = Pt(e), s = Mt(l);
-  let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return n.reference[s] > n.floating[s] && (a = He(a)), [a, He(a)];
+  const o = Me(e), l = It(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 = We(i)), [i, We(i)];
 }
-function Xn(e) {
-  const n = He(e);
-  return [Ze(e), n, Ze(n)];
+function bo(e) {
+  const n = We(e);
+  return [tt(e), n, tt(n)];
 }
-function Ze(e) {
-  return e.replace(/start|end/g, (n) => Hn[n]);
+function tt(e) {
+  return e.replace(/start|end/g, (n) => po[n]);
 }
-const bt = ["left", "right"], yt = ["right", "left"], Kn = ["top", "bottom"], qn = ["bottom", "top"];
-function Gn(e, n, t) {
+const xt = ["left", "right"], kt = ["right", "left"], yo = ["top", "bottom"], wo = ["bottom", "top"];
+function _o(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? yt : bt : n ? bt : yt;
+      return t ? n ? kt : xt : n ? xt : kt;
     case "left":
     case "right":
-      return n ? Kn : qn;
+      return n ? yo : wo;
     default:
       return [];
   }
 }
-function Yn(e, n, t, o) {
-  const l = Pe(e);
-  let s = Gn(fe(e), t === "start", o);
-  return l && (s = s.map((a) => a + "-" + l), n && (s = s.concat(s.map(Ze)))), s;
+function xo(e, n, t, o) {
+  const l = Me(e);
+  let a = _o(pe(e), t === "start", o);
+  return l && (a = a.map((i) => i + "-" + l), n && (a = a.concat(a.map(tt)))), a;
 }
-function He(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => Nn[n]);
+function We(e) {
+  return e.replace(/left|right|bottom|top/g, (n) => mo[n]);
 }
-function Jn(e) {
+function ko(e) {
   return {
     top: 0,
     right: 0,
@@ -468,15 +703,15 @@ function Jn(e) {
     ...e
   };
 }
-function Qn(e) {
-  return typeof e != "number" ? Jn(e) : {
+function Vo(e) {
+  return typeof e != "number" ? ko(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function We(e) {
+function Ke(e) {
   const {
     x: n,
     y: t,
@@ -494,161 +729,161 @@ function We(e) {
     y: t
   };
 }
-function wt(e, n, t) {
+function Vt(e, n, t) {
   let {
     reference: o,
     floating: l
   } = e;
-  const s = ce(n), a = Pt(n), r = Mt(a), i = fe(n), c = s === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, m = o[r] / 2 - l[r] / 2;
-  let f;
-  switch (i) {
+  const a = fe(n), i = It(n), c = zt(i), s = pe(n), r = a === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[c] / 2 - l[c] / 2;
+  let m;
+  switch (s) {
     case "top":
-      f = {
+      m = {
         x: u,
         y: o.y - l.height
       };
       break;
     case "bottom":
-      f = {
+      m = {
         x: u,
         y: o.y + o.height
       };
       break;
     case "right":
-      f = {
+      m = {
         x: o.x + o.width,
         y: d
       };
       break;
     case "left":
-      f = {
+      m = {
         x: o.x - l.width,
         y: d
       };
       break;
     default:
-      f = {
+      m = {
         x: o.x,
         y: o.y
       };
   }
-  switch (Pe(n)) {
+  switch (Me(n)) {
     case "start":
-      f[a] -= m * (t && c ? -1 : 1);
+      m[i] -= v * (t && r ? -1 : 1);
       break;
     case "end":
-      f[a] += m * (t && c ? -1 : 1);
+      m[i] += v * (t && r ? -1 : 1);
       break;
   }
-  return f;
+  return m;
 }
-const Zn = async (e, n, t) => {
+const Co = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: l = "absolute",
-    middleware: s = [],
-    platform: a
-  } = t, r = s.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(n));
-  let c = await a.getElementRects({
+    middleware: a = [],
+    platform: i
+  } = t, c = a.filter(Boolean), s = await (i.isRTL == null ? void 0 : i.isRTL(n));
+  let r = await i.getElementRects({
     reference: e,
     floating: n,
     strategy: l
   }), {
     x: u,
     y: d
-  } = wt(c, o, i), m = o, f = {}, p = 0;
-  for (let y = 0; y < r.length; y++) {
+  } = Vt(r, o, s), v = o, m = {}, p = 0;
+  for (let _ = 0; _ < c.length; _++) {
     const {
-      name: V,
-      fn: w
-    } = r[y], {
-      x: _,
-      y: h,
-      data: O,
-      reset: A
-    } = await w({
+      name: h,
+      fn: y
+    } = c[_], {
+      x: w,
+      y: g,
+      data: L,
+      reset: B
+    } = await y({
       x: u,
       y: d,
       initialPlacement: o,
-      placement: m,
+      placement: v,
       strategy: l,
-      middlewareData: f,
-      rects: c,
-      platform: a,
+      middlewareData: m,
+      rects: r,
+      platform: i,
       elements: {
         reference: e,
         floating: n
       }
     });
-    u = _ ?? u, d = h ?? d, f = {
-      ...f,
-      [V]: {
-        ...f[V],
-        ...O
+    u = w ?? u, d = g ?? d, m = {
+      ...m,
+      [h]: {
+        ...m[h],
+        ...L
       }
-    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (m = A.placement), A.rects && (c = A.rects === !0 ? await a.getElementRects({
+    }, B && p <= 50 && (p++, typeof B == "object" && (B.placement && (v = B.placement), B.rects && (r = B.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: n,
       strategy: l
-    }) : A.rects), {
+    }) : B.rects), {
       x: u,
       y: d
-    } = wt(c, m, i)), y = -1);
+    } = Vt(r, v, s)), _ = -1);
   }
   return {
     x: u,
     y: d,
-    placement: m,
+    placement: v,
     strategy: l,
-    middlewareData: f
+    middlewareData: m
   };
 };
-async function nt(e, n) {
+async function it(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
     x: o,
     y: l,
-    platform: s,
-    rects: a,
-    elements: r,
-    strategy: i
+    platform: a,
+    rects: i,
+    elements: c,
+    strategy: s
   } = e, {
-    boundary: c = "clippingAncestors",
+    boundary: r = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
-    altBoundary: m = !1,
-    padding: f = 0
-  } = Me(n, e), p = Qn(f), V = r[m ? d === "floating" ? "reference" : "floating" : d], w = We(await s.getClippingRect({
-    element: (t = await (s.isElement == null ? void 0 : s.isElement(V))) == null || t ? V : V.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
-    boundary: c,
+    altBoundary: v = !1,
+    padding: m = 0
+  } = De(n, e), p = Vo(m), h = c[v ? d === "floating" ? "reference" : "floating" : d], y = Ke(await a.getClippingRect({
+    element: (t = await (a.isElement == null ? void 0 : a.isElement(h))) == null || t ? h : h.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(c.floating)),
+    boundary: r,
     rootBoundary: u,
-    strategy: i
-  })), _ = d === "floating" ? {
+    strategy: s
+  })), w = d === "floating" ? {
     x: o,
     y: l,
-    width: a.floating.width,
-    height: a.floating.height
-  } : a.reference, h = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(r.floating)), O = await (s.isElement == null ? void 0 : s.isElement(h)) ? await (s.getScale == null ? void 0 : s.getScale(h)) || {
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, g = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c.floating)), L = await (a.isElement == null ? void 0 : a.isElement(g)) ? await (a.getScale == null ? void 0 : a.getScale(g)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, A = We(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: r,
-    rect: _,
-    offsetParent: h,
-    strategy: i
-  }) : _);
+  }, B = Ke(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: w,
+    offsetParent: g,
+    strategy: s
+  }) : w);
   return {
-    top: (w.top - A.top + p.top) / O.y,
-    bottom: (A.bottom - w.bottom + p.bottom) / O.y,
-    left: (w.left - A.left + p.left) / O.x,
-    right: (A.right - w.right + p.right) / O.x
+    top: (y.top - B.top + p.top) / L.y,
+    bottom: (B.bottom - y.bottom + p.bottom) / L.y,
+    left: (y.left - B.left + p.left) / L.x,
+    right: (B.right - y.right + p.right) / L.x
   };
 }
-const eo = function(e) {
+const Eo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -656,89 +891,89 @@ const eo = function(e) {
       var t, o;
       const {
         placement: l,
-        middlewareData: s,
-        rects: a,
-        initialPlacement: r,
-        platform: i,
-        elements: c
+        middlewareData: a,
+        rects: i,
+        initialPlacement: c,
+        platform: s,
+        elements: r
       } = n, {
         mainAxis: u = !0,
         crossAxis: d = !0,
-        fallbackPlacements: m,
-        fallbackStrategy: f = "bestFit",
+        fallbackPlacements: v,
+        fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: y = !0,
-        ...V
-      } = Me(e, n);
-      if ((t = s.arrow) != null && t.alignmentOffset)
+        flipAlignment: _ = !0,
+        ...h
+      } = De(e, n);
+      if ((t = a.arrow) != null && t.alignmentOffset)
         return {};
-      const w = fe(l), _ = ce(r), h = fe(r) === r, O = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), A = m || (h || !y ? [He(r)] : Xn(r)), F = p !== "none";
-      !m && F && A.push(...Yn(r, y, p, O));
-      const g = [r, ...A], b = await nt(n, V), S = [];
-      let z = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && S.push(b[w]), d) {
-        const re = Un(l, a, O);
-        S.push(b[re[0]], b[re[1]]);
+      const y = pe(l), w = fe(c), g = pe(c) === c, L = await (s.isRTL == null ? void 0 : s.isRTL(r.floating)), B = v || (g || !_ ? [We(c)] : bo(c)), F = p !== "none";
+      !v && F && B.push(...xo(c, _, p, L));
+      const x = [c, ...B], k = await it(n, h), A = [];
+      let z = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      if (u && A.push(k[y]), d) {
+        const de = go(l, i, L);
+        A.push(k[de[0]], k[de[1]]);
       }
       if (z = [...z, {
         placement: l,
-        overflows: S
-      }], !S.every((re) => re <= 0)) {
-        var I, se;
-        const re = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, xe = g[re];
-        if (xe && (!(d === "alignment" ? _ !== ce(xe) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: A
+      }], !A.every((de) => de <= 0)) {
+        var H, ce;
+        const de = (((H = a.flip) == null ? void 0 : H.index) || 0) + 1, xe = x[de];
+        if (xe && (!(d === "alignment" ? w !== fe(xe) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        z.every((K) => ce(K.placement) === _ ? K.overflows[0] > 0 : !0)))
+        z.every((G) => fe(G.placement) === w ? G.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: re,
+              index: de,
               overflows: z
             },
             reset: {
               placement: xe
             }
           };
-        let J = (se = z.filter((ne) => ne.overflows[0] <= 0).sort((ne, K) => ne.overflows[1] - K.overflows[1])[0]) == null ? void 0 : se.placement;
-        if (!J)
-          switch (f) {
+        let ee = (ce = z.filter((ae) => ae.overflows[0] <= 0).sort((ae, G) => ae.overflows[1] - G.overflows[1])[0]) == null ? void 0 : ce.placement;
+        if (!ee)
+          switch (m) {
             case "bestFit": {
-              var ie;
-              const ne = (ie = z.filter((K) => {
+              var ue;
+              const ae = (ue = z.filter((G) => {
                 if (F) {
-                  const Q = ce(K.placement);
-                  return Q === _ || // Create a bias to the `y` side axis due to horizontal
+                  const te = fe(G.placement);
+                  return te === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  Q === "y";
+                  te === "y";
                 }
                 return !0;
-              }).map((K) => [K.placement, K.overflows.filter((Q) => Q > 0).reduce((Q, De) => Q + De, 0)]).sort((K, Q) => K[1] - Q[1])[0]) == null ? void 0 : ie[0];
-              ne && (J = ne);
+              }).map((G) => [G.placement, G.overflows.filter((te) => te > 0).reduce((te, Fe) => te + Fe, 0)]).sort((G, te) => G[1] - te[1])[0]) == null ? void 0 : ue[0];
+              ae && (ee = ae);
               break;
             }
             case "initialPlacement":
-              J = r;
+              ee = c;
               break;
           }
-        if (l !== J)
+        if (l !== ee)
           return {
             reset: {
-              placement: J
+              placement: ee
             }
           };
       }
       return {};
     }
   };
-}, to = /* @__PURE__ */ new Set(["left", "top"]);
-async function no(e, n) {
+}, Lo = /* @__PURE__ */ new Set(["left", "top"]);
+async function $o(e, n) {
   const {
     placement: t,
     platform: o,
     elements: l
-  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), a = fe(t), r = Pe(t), i = ce(t) === "y", c = to.has(a) ? -1 : 1, u = s && i ? -1 : 1, d = Me(n, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), i = pe(t), c = Me(t), s = fe(t) === "y", r = Lo.has(i) ? -1 : 1, u = a && s ? -1 : 1, d = De(n, e);
   let {
-    mainAxis: m,
-    crossAxis: f,
+    mainAxis: v,
+    crossAxis: m,
     alignmentAxis: p
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -749,15 +984,15 @@ async function no(e, n) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return r && typeof p == "number" && (f = r === "end" ? p * -1 : p), i ? {
-    x: f * u,
-    y: m * c
+  return c && typeof p == "number" && (m = c === "end" ? p * -1 : p), s ? {
+    x: m * u,
+    y: v * r
   } : {
-    x: m * c,
-    y: f * u
+    x: v * r,
+    y: m * u
   };
 }
-const oo = function(e) {
+const So = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -765,21 +1000,21 @@ const oo = function(e) {
       var t, o;
       const {
         x: l,
-        y: s,
-        placement: a,
-        middlewareData: r
-      } = n, i = await no(n, e);
-      return a === ((t = r.offset) == null ? void 0 : t.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
-        x: l + i.x,
-        y: s + i.y,
+        y: a,
+        placement: i,
+        middlewareData: c
+      } = n, s = await $o(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,
         data: {
-          ...i,
-          placement: a
+          ...s,
+          placement: i
         }
       };
     }
   };
-}, lo = function(e) {
+}, Ro = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -789,53 +1024,53 @@ const oo = function(e) {
         y: o,
         placement: l
       } = n, {
-        mainAxis: s = !0,
-        crossAxis: a = !1,
-        limiter: r = {
-          fn: (V) => {
+        mainAxis: a = !0,
+        crossAxis: i = !1,
+        limiter: c = {
+          fn: (h) => {
             let {
-              x: w,
-              y: _
-            } = V;
+              x: y,
+              y: w
+            } = h;
             return {
-              x: w,
-              y: _
+              x: y,
+              y: w
             };
           }
         },
-        ...i
-      } = Me(e, n), c = {
+        ...s
+      } = De(e, n), r = {
         x: t,
         y: o
-      }, u = await nt(n, i), d = ce(fe(l)), m = Bt(d);
-      let f = c[m], p = c[d];
-      if (s) {
-        const V = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", _ = f + u[V], h = f - u[w];
-        f = gt(_, f, h);
-      }
+      }, u = await it(n, s), d = fe(pe(l)), v = Ft(d);
+      let m = r[v], p = r[d];
       if (a) {
-        const V = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", _ = p + u[V], h = p - u[w];
-        p = gt(_, p, h);
+        const h = v === "y" ? "top" : "left", y = v === "y" ? "bottom" : "right", w = m + u[h], g = m - u[y];
+        m = _t(w, m, g);
+      }
+      if (i) {
+        const h = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", w = p + u[h], g = p - u[y];
+        p = _t(w, p, g);
       }
-      const y = r.fn({
+      const _ = c.fn({
         ...n,
-        [m]: f,
+        [v]: m,
         [d]: p
       });
       return {
-        ...y,
+        ..._,
         data: {
-          x: y.x - t,
-          y: y.y - o,
+          x: _.x - t,
+          y: _.y - o,
           enabled: {
-            [m]: s,
-            [d]: a
+            [v]: a,
+            [d]: i
           }
         }
       };
     }
   };
-}, ao = function(e) {
+}, Ao = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -843,32 +1078,32 @@ const oo = function(e) {
       var t, o;
       const {
         placement: l,
-        rects: s,
-        platform: a,
-        elements: r
+        rects: a,
+        platform: i,
+        elements: c
       } = n, {
-        apply: i = () => {
+        apply: s = () => {
         },
-        ...c
-      } = Me(e, n), u = await nt(n, c), d = fe(l), m = Pe(l), f = ce(l) === "y", {
+        ...r
+      } = De(e, n), u = await it(n, r), d = pe(l), v = Me(l), m = fe(l) === "y", {
         width: p,
-        height: y
-      } = s.floating;
-      let V, w;
-      d === "top" || d === "bottom" ? (V = d, w = m === (await (a.isRTL == null ? void 0 : a.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (w = d, V = m === "end" ? "top" : "bottom");
-      const _ = y - u.top - u.bottom, h = p - u.left - u.right, O = Ee(y - u[V], _), A = Ee(p - u[w], h), F = !n.middlewareData.shift;
-      let g = O, b = A;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (b = h), (o = n.middlewareData.shift) != null && o.enabled.y && (g = _), F && !m) {
-        const z = G(u.left, 0), I = G(u.right, 0), se = G(u.top, 0), ie = G(u.bottom, 0);
-        f ? b = p - 2 * (z !== 0 || I !== 0 ? z + I : G(u.left, u.right)) : g = y - 2 * (se !== 0 || ie !== 0 ? se + ie : G(u.top, u.bottom));
+        height: _
+      } = a.floating;
+      let h, y;
+      d === "top" || d === "bottom" ? (h = d, y = v === (await (i.isRTL == null ? void 0 : i.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = v === "end" ? "top" : "bottom");
+      const w = _ - u.top - u.bottom, g = p - u.left - u.right, L = Le(_ - u[h], w), B = Le(p - u[y], g), F = !n.middlewareData.shift;
+      let x = L, k = B;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (k = g), (o = n.middlewareData.shift) != null && o.enabled.y && (x = w), F && !v) {
+        const z = Y(u.left, 0), H = Y(u.right, 0), ce = Y(u.top, 0), ue = Y(u.bottom, 0);
+        m ? k = p - 2 * (z !== 0 || H !== 0 ? z + H : Y(u.left, u.right)) : x = _ - 2 * (ce !== 0 || ue !== 0 ? ce + ue : Y(u.top, u.bottom));
       }
-      await i({
+      await s({
         ...n,
-        availableWidth: b,
-        availableHeight: g
+        availableWidth: k,
+        availableHeight: x
       });
-      const S = await a.getDimensions(r.floating);
-      return p !== S.width || y !== S.height ? {
+      const A = await i.getDimensions(c.floating);
+      return p !== A.width || _ !== A.height ? {
         reset: {
           rects: !0
         }
@@ -876,49 +1111,49 @@ const oo = function(e) {
     }
   };
 };
-function Ke() {
+function Ne() {
   return typeof window < "u";
 }
-function we(e) {
-  return ot(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function _e(e) {
+  return st(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Y(e) {
+function Q(e) {
   var n;
   return (e == null || (n = e.ownerDocument) == null ? void 0 : n.defaultView) || window;
 }
-function ae(e) {
+function re(e) {
   var n;
-  return (n = (ot(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (st(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function ot(e) {
-  return Ke() ? e instanceof Node || e instanceof Y(e).Node : !1;
+function st(e) {
+  return Ne() ? e instanceof Node || e instanceof Q(e).Node : !1;
 }
-function ee(e) {
-  return Ke() ? e instanceof Element || e instanceof Y(e).Element : !1;
+function oe(e) {
+  return Ne() ? e instanceof Element || e instanceof Q(e).Element : !1;
 }
-function le(e) {
-  return Ke() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
+function se(e) {
+  return Ne() ? e instanceof HTMLElement || e instanceof Q(e).HTMLElement : !1;
 }
-function xt(e) {
-  return !Ke() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
+function Ct(e) {
+  return !Ne() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Q(e).ShadowRoot;
 }
-const so = /* @__PURE__ */ new Set(["inline", "contents"]);
-function je(e) {
+const To = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Pe(e) {
   const {
     overflow: n,
     overflowX: t,
     overflowY: o,
     display: l
-  } = te(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !so.has(l);
+  } = le(e);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !To.has(l);
 }
-const io = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ro(e) {
-  return io.has(we(e));
+const Oo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Bo(e) {
+  return Oo.has(_e(e));
 }
-const co = [":popover-open", ":modal"];
+const Do = [":popover-open", ":modal"];
 function qe(e) {
-  return co.some((n) => {
+  return Do.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -926,34 +1161,34 @@ function qe(e) {
     }
   });
 }
-const uo = ["transform", "translate", "scale", "rotate", "perspective"], fo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], mo = ["paint", "layout", "strict", "content"];
-function lt(e) {
-  const n = at(), t = ee(e) ? te(e) : e;
-  return uo.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || fo.some((o) => (t.willChange || "").includes(o)) || mo.some((o) => (t.contain || "").includes(o));
+const Mo = ["transform", "translate", "scale", "rotate", "perspective"], Po = ["transform", "translate", "scale", "rotate", "perspective", "filter"], jo = ["paint", "layout", "strict", "content"];
+function rt(e) {
+  const n = ct(), t = oe(e) ? le(e) : e;
+  return Mo.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) || Po.some((o) => (t.willChange || "").includes(o)) || jo.some((o) => (t.contain || "").includes(o));
 }
-function vo(e) {
-  let n = me(e);
-  for (; le(n) && !Re(n); ) {
-    if (lt(n))
+function Fo(e) {
+  let n = he(e);
+  for (; se(n) && !$e(n); ) {
+    if (rt(n))
       return n;
     if (qe(n))
       return null;
-    n = me(n);
+    n = he(n);
   }
   return null;
 }
-function at() {
+function ct() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const po = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Re(e) {
-  return po.has(we(e));
+const zo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function $e(e) {
+  return zo.has(_e(e));
 }
-function te(e) {
-  return Y(e).getComputedStyle(e);
+function le(e) {
+  return Q(e).getComputedStyle(e);
 }
 function Ge(e) {
-  return ee(e) ? {
+  return oe(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -961,189 +1196,189 @@ function Ge(e) {
     scrollTop: e.scrollY
   };
 }
-function me(e) {
-  if (we(e) === "html")
+function he(e) {
+  if (_e(e) === "html")
     return e;
   const n = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    xt(e) && e.host || // Fallback.
-    ae(e)
+    Ct(e) && e.host || // Fallback.
+    re(e)
   );
-  return xt(n) ? n.host : n;
+  return Ct(n) ? n.host : n;
 }
-function jt(e) {
-  const n = me(e);
-  return Re(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : le(n) && je(n) ? n : jt(n);
+function Ht(e) {
+  const n = he(e);
+  return $e(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(n) && Pe(n) ? n : Ht(n);
 }
-function Ae(e, n, t) {
+function Te(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = jt(e), s = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = Y(l);
-  if (s) {
-    const r = et(a);
-    return n.concat(a, a.visualViewport || [], je(l) ? l : [], r && t ? Ae(r) : []);
+  const l = Ht(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), i = Q(l);
+  if (a) {
+    const c = nt(i);
+    return n.concat(i, i.visualViewport || [], Pe(l) ? l : [], c && t ? Te(c) : []);
   }
-  return n.concat(l, Ae(l, [], t));
+  return n.concat(l, Te(l, [], t));
 }
-function et(e) {
+function nt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Ft(e) {
-  const n = te(e);
+function Ut(e) {
+  const n = le(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
-  const l = le(e), s = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, r = Ne(t) !== s || Ne(o) !== a;
-  return r && (t = s, o = a), {
+  const l = se(e), a = l ? e.offsetWidth : t, i = l ? e.offsetHeight : o, c = Ue(t) !== a || Ue(o) !== i;
+  return c && (t = a, o = i), {
     width: t,
     height: o,
-    $: r
+    $: c
   };
 }
-function st(e) {
-  return ee(e) ? e : e.contextElement;
+function ut(e) {
+  return oe(e) ? e : e.contextElement;
 }
-function ke(e) {
-  const n = st(e);
-  if (!le(n))
-    return oe(1);
+function Ce(e) {
+  const n = ut(e);
+  if (!se(n))
+    return ie(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
-    $: s
-  } = Ft(n);
-  let a = (s ? Ne(t.width) : t.width) / o, r = (s ? Ne(t.height) : t.height) / l;
-  return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
-    x: a,
-    y: r
+    $: a
+  } = Ut(n);
+  let i = (a ? Ue(t.width) : t.width) / o, c = (a ? Ue(t.height) : t.height) / l;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: i,
+    y: c
   };
 }
-const ho = /* @__PURE__ */ oe(0);
-function Dt(e) {
-  const n = Y(e);
-  return !at() || !n.visualViewport ? ho : {
+const Io = /* @__PURE__ */ ie(0);
+function Wt(e) {
+  const n = Q(e);
+  return !ct() || !n.visualViewport ? Io : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function go(e, n, t) {
-  return n === void 0 && (n = !1), !t || n && t !== Y(e) ? !1 : n;
+function Ho(e, n, t) {
+  return n === void 0 && (n = !1), !t || n && t !== Q(e) ? !1 : n;
 }
-function be(e, n, t, o) {
+function ye(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), s = st(e);
-  let a = oe(1);
-  n && (o ? ee(o) && (a = ke(o)) : a = ke(e));
-  const r = go(s, t, o) ? Dt(s) : oe(0);
-  let i = (l.left + r.x) / a.x, c = (l.top + r.y) / a.y, u = l.width / a.x, d = l.height / a.y;
-  if (s) {
-    const m = Y(s), f = o && ee(o) ? Y(o) : o;
-    let p = m, y = et(p);
-    for (; y && o && f !== p; ) {
-      const V = ke(y), w = y.getBoundingClientRect(), _ = te(y), h = w.left + (y.clientLeft + parseFloat(_.paddingLeft)) * V.x, O = w.top + (y.clientTop + parseFloat(_.paddingTop)) * V.y;
-      i *= V.x, c *= V.y, u *= V.x, d *= V.y, i += h, c += O, p = Y(y), y = et(p);
+  const l = e.getBoundingClientRect(), a = ut(e);
+  let i = ie(1);
+  n && (o ? oe(o) && (i = Ce(o)) : i = Ce(e));
+  const c = Ho(a, t, o) ? Wt(a) : ie(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 = Q(a), m = o && oe(o) ? Q(o) : o;
+    let p = v, _ = nt(p);
+    for (; _ && o && m !== p; ) {
+      const h = Ce(_), y = _.getBoundingClientRect(), w = le(_), g = y.left + (_.clientLeft + parseFloat(w.paddingLeft)) * h.x, L = y.top + (_.clientTop + parseFloat(w.paddingTop)) * h.y;
+      s *= h.x, r *= h.y, u *= h.x, d *= h.y, s += g, r += L, p = Q(_), _ = nt(p);
     }
   }
-  return We({
+  return Ke({
     width: u,
     height: d,
-    x: i,
-    y: c
+    x: s,
+    y: r
   });
 }
 function Ye(e, n) {
   const t = Ge(e).scrollLeft;
-  return n ? n.left + t : be(ae(e)).left + t;
+  return n ? n.left + t : ye(re(e)).left + t;
 }
-function zt(e, n) {
+function Kt(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ye(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
     y: l
   };
 }
-function bo(e) {
+function Uo(e) {
   let {
     elements: n,
     rect: t,
     offsetParent: o,
     strategy: l
   } = e;
-  const s = l === "fixed", a = ae(o), r = n ? qe(n.floating) : !1;
-  if (o === a || r && s)
+  const a = l === "fixed", i = re(o), c = n ? qe(n.floating) : !1;
+  if (o === i || c && a)
     return t;
-  let i = {
+  let s = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = oe(1);
-  const u = oe(0), d = le(o);
-  if ((d || !d && !s) && ((we(o) !== "body" || je(a)) && (i = Ge(o)), le(o))) {
-    const f = be(o);
-    c = ke(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
+  }, r = ie(1);
+  const u = ie(0), d = se(o);
+  if ((d || !d && !a) && ((_e(o) !== "body" || Pe(i)) && (s = Ge(o)), se(o))) {
+    const m = ye(o);
+    r = Ce(o), u.x = m.x + o.clientLeft, u.y = m.y + o.clientTop;
   }
-  const m = a && !d && !s ? zt(a, i) : oe(0);
+  const v = i && !d && !a ? Kt(i, s) : ie(0);
   return {
-    width: t.width * c.x,
-    height: t.height * c.y,
-    x: t.x * c.x - i.scrollLeft * c.x + u.x + m.x,
-    y: t.y * c.y - i.scrollTop * c.y + u.y + m.y
+    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
   };
 }
-function yo(e) {
+function Wo(e) {
   return Array.from(e.getClientRects());
 }
-function wo(e) {
-  const n = ae(e), t = Ge(e), o = e.ownerDocument.body, l = G(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), s = G(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
-  let a = -t.scrollLeft + Ye(e);
-  const r = -t.scrollTop;
-  return te(o).direction === "rtl" && (a += G(n.clientWidth, o.clientWidth) - l), {
+function Ko(e) {
+  const n = re(e), t = Ge(e), o = e.ownerDocument.body, l = Y(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), a = Y(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  let i = -t.scrollLeft + Ye(e);
+  const c = -t.scrollTop;
+  return le(o).direction === "rtl" && (i += Y(n.clientWidth, o.clientWidth) - l), {
     width: l,
-    height: s,
-    x: a,
-    y: r
+    height: a,
+    x: i,
+    y: c
   };
 }
-const _t = 25;
-function xo(e, n) {
-  const t = Y(e), o = ae(e), l = t.visualViewport;
-  let s = o.clientWidth, a = o.clientHeight, r = 0, i = 0;
+const Et = 25;
+function Xo(e, n) {
+  const t = Q(e), o = re(e), l = t.visualViewport;
+  let a = o.clientWidth, i = o.clientHeight, c = 0, s = 0;
   if (l) {
-    s = l.width, a = l.height;
-    const u = at();
-    (!u || u && n === "fixed") && (r = l.offsetLeft, i = l.offsetTop);
-  }
-  const c = Ye(o);
-  if (c <= 0) {
-    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
-    p <= _t && (s -= p);
-  } else c <= _t && (s += c);
+    a = l.width, i = l.height;
+    const u = ct();
+    (!u || u && n === "fixed") && (c = l.offsetLeft, s = l.offsetTop);
+  }
+  const r = Ye(o);
+  if (r <= 0) {
+    const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), m = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
+    p <= Et && (a -= p);
+  } else r <= Et && (a += r);
   return {
-    width: s,
-    height: a,
-    x: r,
-    y: i
+    width: a,
+    height: i,
+    x: c,
+    y: s
   };
 }
-const _o = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Vo(e, n) {
-  const t = be(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, s = le(e) ? ke(e) : oe(1), a = e.clientWidth * s.x, r = e.clientHeight * s.y, i = l * s.x, c = o * s.y;
+const No = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function qo(e, n) {
+  const t = ye(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = se(e) ? Ce(e) : ie(1), i = e.clientWidth * a.x, c = e.clientHeight * a.y, s = l * a.x, r = o * a.y;
   return {
-    width: a,
-    height: r,
-    x: i,
-    y: c
+    width: i,
+    height: c,
+    x: s,
+    y: r
   };
 }
-function Vt(e, n, t) {
+function Lt(e, n, t) {
   let o;
   if (n === "viewport")
-    o = xo(e, t);
+    o = Xo(e, t);
   else if (n === "document")
-    o = wo(ae(e));
-  else if (ee(n))
-    o = Vo(n, t);
+    o = Ko(re(e));
+  else if (oe(n))
+    o = qo(n, t);
   else {
-    const l = Dt(e);
+    const l = Wt(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1151,110 +1386,110 @@ function Vt(e, n, t) {
       height: n.height
     };
   }
-  return We(o);
+  return Ke(o);
 }
-function It(e, n) {
-  const t = me(e);
-  return t === n || !ee(t) || Re(t) ? !1 : te(t).position === "fixed" || It(t, n);
+function Xt(e, n) {
+  const t = he(e);
+  return t === n || !oe(t) || $e(t) ? !1 : le(t).position === "fixed" || Xt(t, n);
 }
-function ko(e, n) {
+function Go(e, n) {
   const t = n.get(e);
   if (t)
     return t;
-  let o = Ae(e, [], !1).filter((r) => ee(r) && we(r) !== "body"), l = null;
-  const s = te(e).position === "fixed";
-  let a = s ? me(e) : e;
-  for (; ee(a) && !Re(a); ) {
-    const r = te(a), i = lt(a);
-    !i && r.position === "fixed" && (l = null), (s ? !i && !l : !i && r.position === "static" && !!l && _o.has(l.position) || je(a) && !i && It(e, a)) ? o = o.filter((u) => u !== a) : l = r, a = me(a);
+  let o = Te(e, [], !1).filter((c) => oe(c) && _e(c) !== "body"), l = null;
+  const a = le(e).position === "fixed";
+  let i = a ? he(e) : e;
+  for (; oe(i) && !$e(i); ) {
+    const c = le(i), s = rt(i);
+    !s && c.position === "fixed" && (l = null), (a ? !s && !l : !s && c.position === "static" && !!l && No.has(l.position) || Pe(i) && !s && Xt(e, i)) ? o = o.filter((u) => u !== i) : l = c, i = he(i);
   }
   return n.set(e, o), o;
 }
-function Co(e) {
+function Yo(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: l
   } = e;
-  const a = [...t === "clippingAncestors" ? qe(n) ? [] : ko(n, this._c) : [].concat(t), o], r = a[0], i = a.reduce((c, u) => {
-    const d = Vt(n, u, l);
-    return c.top = G(d.top, c.top), c.right = Ee(d.right, c.right), c.bottom = Ee(d.bottom, c.bottom), c.left = G(d.left, c.left), c;
-  }, Vt(n, r, l));
+  const i = [...t === "clippingAncestors" ? qe(n) ? [] : Go(n, this._c) : [].concat(t), o], c = i[0], s = i.reduce((r, u) => {
+    const d = Lt(n, u, l);
+    return r.top = Y(d.top, r.top), r.right = Le(d.right, r.right), r.bottom = Le(d.bottom, r.bottom), r.left = Y(d.left, r.left), r;
+  }, Lt(n, c, l));
   return {
-    width: i.right - i.left,
-    height: i.bottom - i.top,
-    x: i.left,
-    y: i.top
+    width: s.right - s.left,
+    height: s.bottom - s.top,
+    x: s.left,
+    y: s.top
   };
 }
-function Eo(e) {
+function Jo(e) {
   const {
     width: n,
     height: t
-  } = Ft(e);
+  } = Ut(e);
   return {
     width: n,
     height: t
   };
 }
-function Ro(e, n, t) {
-  const o = le(n), l = ae(n), s = t === "fixed", a = be(e, !0, s, n);
-  let r = {
+function Qo(e, n, t) {
+  const o = se(n), l = re(n), a = t === "fixed", i = ye(e, !0, a, n);
+  let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const i = oe(0);
-  function c() {
-    i.x = Ye(l);
-  }
-  if (o || !o && !s)
-    if ((we(n) !== "body" || je(l)) && (r = Ge(n)), o) {
-      const f = be(n, !0, s, n);
-      i.x = f.x + n.clientLeft, i.y = f.y + n.clientTop;
-    } else l && c();
-  s && !o && l && c();
-  const u = l && !o && !s ? zt(l, r) : oe(0), d = a.left + r.scrollLeft - i.x - u.x, m = a.top + r.scrollTop - i.y - u.y;
+  const s = ie(0);
+  function r() {
+    s.x = Ye(l);
+  }
+  if (o || !o && !a)
+    if ((_e(n) !== "body" || Pe(l)) && (c = Ge(n)), o) {
+      const m = ye(n, !0, a, n);
+      s.x = m.x + n.clientLeft, s.y = m.y + n.clientTop;
+    } else l && r();
+  a && !o && l && r();
+  const u = l && !o && !a ? Kt(l, c) : ie(0), d = i.left + c.scrollLeft - s.x - u.x, v = i.top + c.scrollTop - s.y - u.y;
   return {
     x: d,
-    y: m,
-    width: a.width,
-    height: a.height
+    y: v,
+    width: i.width,
+    height: i.height
   };
 }
 function Qe(e) {
-  return te(e).position === "static";
+  return le(e).position === "static";
 }
-function kt(e, n) {
-  if (!le(e) || te(e).position === "fixed")
+function $t(e, n) {
+  if (!se(e) || le(e).position === "fixed")
     return null;
   if (n)
     return n(e);
   let t = e.offsetParent;
-  return ae(e) === t && (t = t.ownerDocument.body), t;
+  return re(e) === t && (t = t.ownerDocument.body), t;
 }
 function Nt(e, n) {
-  const t = Y(e);
+  const t = Q(e);
   if (qe(e))
     return t;
-  if (!le(e)) {
-    let l = me(e);
-    for (; l && !Re(l); ) {
-      if (ee(l) && !Qe(l))
+  if (!se(e)) {
+    let l = he(e);
+    for (; l && !$e(l); ) {
+      if (oe(l) && !Qe(l))
         return l;
-      l = me(l);
+      l = he(l);
     }
     return t;
   }
-  let o = kt(e, n);
-  for (; o && ro(o) && Qe(o); )
-    o = kt(o, n);
-  return o && Re(o) && Qe(o) && !lt(o) ? t : o || vo(e) || t;
+  let o = $t(e, n);
+  for (; o && Bo(o) && Qe(o); )
+    o = $t(o, n);
+  return o && $e(o) && Qe(o) && !rt(o) ? t : o || Fo(e) || t;
 }
-const Lo = async function(e) {
+const Zo = async function(e) {
   const n = this.getOffsetParent || Nt, t = this.getDimensions, o = await t(e.floating);
   return {
-    reference: Ro(e.reference, await n(e.floating), e.strategy),
+    reference: Qo(e.reference, await n(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1263,284 +1498,284 @@ const Lo = async function(e) {
     }
   };
 };
-function So(e) {
-  return te(e).direction === "rtl";
+function el(e) {
+  return le(e).direction === "rtl";
 }
-const $o = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: bo,
-  getDocumentElement: ae,
-  getClippingRect: Co,
+const tl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Uo,
+  getDocumentElement: re,
+  getClippingRect: Yo,
   getOffsetParent: Nt,
-  getElementRects: Lo,
-  getClientRects: yo,
-  getDimensions: Eo,
-  getScale: ke,
-  isElement: ee,
-  isRTL: So
+  getElementRects: Zo,
+  getClientRects: Wo,
+  getDimensions: Jo,
+  getScale: Ce,
+  isElement: oe,
+  isRTL: el
 };
-function Ht(e, n) {
+function qt(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function Ao(e, n) {
+function nl(e, n) {
   let t = null, o;
-  const l = ae(e);
-  function s() {
-    var r;
-    clearTimeout(o), (r = t) == null || r.disconnect(), t = null;
-  }
-  function a(r, i) {
-    r === void 0 && (r = !1), i === void 0 && (i = 1), s();
-    const c = e.getBoundingClientRect(), {
+  const l = re(e);
+  function a() {
+    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(), {
       left: u,
       top: d,
-      width: m,
-      height: f
-    } = c;
-    if (r || n(), !m || !f)
+      width: v,
+      height: m
+    } = r;
+    if (c || n(), !v || !m)
       return;
-    const p = ze(d), y = ze(l.clientWidth - (u + m)), V = ze(l.clientHeight - (d + f)), w = ze(u), h = {
-      rootMargin: -p + "px " + -y + "px " + -V + "px " + -w + "px",
-      threshold: G(0, Ee(1, i)) || 1
+    const p = ze(d), _ = ze(l.clientWidth - (u + v)), h = ze(l.clientHeight - (d + m)), y = ze(u), g = {
+      rootMargin: -p + "px " + -_ + "px " + -h + "px " + -y + "px",
+      threshold: Y(0, Le(1, s)) || 1
     };
-    let O = !0;
-    function A(F) {
-      const g = F[0].intersectionRatio;
-      if (g !== i) {
-        if (!O)
-          return a();
-        g ? a(!1, g) : o = setTimeout(() => {
-          a(!1, 1e-7);
+    let L = !0;
+    function B(F) {
+      const x = F[0].intersectionRatio;
+      if (x !== s) {
+        if (!L)
+          return i();
+        x ? i(!1, x) : o = setTimeout(() => {
+          i(!1, 1e-7);
         }, 1e3);
       }
-      g === 1 && !Ht(c, e.getBoundingClientRect()) && a(), O = !1;
+      x === 1 && !qt(r, e.getBoundingClientRect()) && i(), L = !1;
     }
     try {
-      t = new IntersectionObserver(A, {
-        ...h,
+      t = new IntersectionObserver(B, {
+        ...g,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(A, h);
+      t = new IntersectionObserver(B, g);
     }
     t.observe(e);
   }
-  return a(!0), s;
+  return i(!0), a;
 }
-function Wt(e, n, t, o) {
+function Gt(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: l = !0,
-    ancestorResize: s = !0,
-    elementResize: a = typeof ResizeObserver == "function",
-    layoutShift: r = typeof IntersectionObserver == "function",
-    animationFrame: i = !1
-  } = o, c = st(e), u = l || s ? [...c ? Ae(c) : [], ...Ae(n)] : [];
-  u.forEach((w) => {
-    l && w.addEventListener("scroll", t, {
+    ancestorResize: a = !0,
+    elementResize: i = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: s = !1
+  } = o, r = ut(e), u = l || a ? [...r ? Te(r) : [], ...Te(n)] : [];
+  u.forEach((y) => {
+    l && y.addEventListener("scroll", t, {
       passive: !0
-    }), s && w.addEventListener("resize", t);
+    }), a && y.addEventListener("resize", t);
   });
-  const d = c && r ? Ao(c, t) : null;
-  let m = -1, f = null;
-  a && (f = new ResizeObserver((w) => {
-    let [_] = w;
-    _ && _.target === c && f && (f.unobserve(n), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
-      var h;
-      (h = f) == null || h.observe(n);
+  const d = r && c ? nl(r, t) : null;
+  let v = -1, m = null;
+  i && (m = new ResizeObserver((y) => {
+    let [w] = y;
+    w && w.target === r && m && (m.unobserve(n), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+      var g;
+      (g = m) == null || g.observe(n);
     })), t();
-  }), c && !i && f.observe(c), f.observe(n));
-  let p, y = i ? be(e) : null;
-  i && V();
-  function V() {
-    const w = be(e);
-    y && !Ht(y, w) && t(), y = w, p = requestAnimationFrame(V);
+  }), r && !s && m.observe(r), m.observe(n));
+  let p, _ = s ? ye(e) : null;
+  s && h();
+  function h() {
+    const y = ye(e);
+    _ && !qt(_, y) && t(), _ = y, p = requestAnimationFrame(h);
   }
   return t(), () => {
-    var w;
-    u.forEach((_) => {
-      l && _.removeEventListener("scroll", t), s && _.removeEventListener("resize", t);
-    }), d?.(), (w = f) == null || w.disconnect(), f = null, i && cancelAnimationFrame(p);
+    var y;
+    u.forEach((w) => {
+      l && w.removeEventListener("scroll", t), a && w.removeEventListener("resize", t);
+    }), d?.(), (y = m) == null || y.disconnect(), m = null, s && cancelAnimationFrame(p);
   };
 }
-const Ut = oo, Xt = lo, Kt = eo, Oo = ao, To = (e, n, t) => {
+const Yt = So, Jt = Ro, Qt = Eo, ol = Ao, ll = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
-    platform: $o,
+    platform: tl,
     ...t
-  }, s = {
+  }, a = {
     ...l.platform,
     _c: o
   };
-  return Zn(e, n, {
+  return Co(e, n, {
     ...l,
-    platform: s
+    platform: a
   });
 };
-function Bo(e) {
+function al(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Ct(e) {
-  if (Bo(e)) {
+function St(e) {
+  if (al(e)) {
     const n = e.$el;
-    return ot(n) && we(n) === "#comment" ? null : n;
+    return st(n) && _e(n) === "#comment" ? null : n;
   }
   return e;
 }
-function Se(e) {
-  return typeof e == "function" ? e() : R(e);
+function Ae(e) {
+  return typeof e == "function" ? e() : $(e);
 }
-function qt(e) {
+function Zt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Et(e, n) {
-  const t = qt(e);
+function Rt(e, n) {
+  const t = Zt(e);
   return Math.round(n * t) / t;
 }
-function Gt(e, n, t) {
+function en(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, l = C(() => {
-    var g;
-    return (g = Se(t.open)) != null ? g : !0;
-  }), s = C(() => Se(t.middleware)), a = C(() => {
-    var g;
-    return (g = Se(t.placement)) != null ? g : "bottom";
-  }), r = C(() => {
-    var g;
-    return (g = Se(t.strategy)) != null ? g : "absolute";
-  }), i = C(() => {
-    var g;
-    return (g = Se(t.transform)) != null ? g : !0;
-  }), c = C(() => Ct(e.value)), u = C(() => Ct(n.value)), d = E(0), m = E(0), f = E(r.value), p = E(a.value), y = an({}), V = E(!1), w = C(() => {
-    const g = {
-      position: f.value,
+    var x;
+    return (x = Ae(t.open)) != null ? x : !0;
+  }), a = C(() => Ae(t.middleware)), i = C(() => {
+    var x;
+    return (x = Ae(t.placement)) != null ? x : "bottom";
+  }), c = C(() => {
+    var x;
+    return (x = Ae(t.strategy)) != null ? x : "absolute";
+  }), s = C(() => {
+    var x;
+    return (x = Ae(t.transform)) != null ? x : !0;
+  }), r = C(() => St(e.value)), u = C(() => St(n.value)), d = E(0), v = E(0), m = E(c.value), p = E(i.value), _ = fn({}), h = E(!1), y = C(() => {
+    const x = {
+      position: m.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return g;
-    const b = Et(u.value, d.value), S = Et(u.value, m.value);
-    return i.value ? {
-      ...g,
-      transform: "translate(" + b + "px, " + S + "px)",
-      ...qt(u.value) >= 1.5 && {
+      return x;
+    const k = Rt(u.value, d.value), A = Rt(u.value, v.value);
+    return s.value ? {
+      ...x,
+      transform: "translate(" + k + "px, " + A + "px)",
+      ...Zt(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: f.value,
-      left: b + "px",
-      top: S + "px"
+      position: m.value,
+      left: k + "px",
+      top: A + "px"
     };
   });
-  let _;
-  function h() {
-    if (c.value == null || u.value == null)
+  let w;
+  function g() {
+    if (r.value == null || u.value == null)
       return;
-    const g = l.value;
-    To(c.value, u.value, {
-      middleware: s.value,
-      placement: a.value,
-      strategy: r.value
-    }).then((b) => {
-      d.value = b.x, m.value = b.y, f.value = b.strategy, p.value = b.placement, y.value = b.middlewareData, V.value = g !== !1;
+    const x = l.value;
+    ll(r.value, u.value, {
+      middleware: a.value,
+      placement: i.value,
+      strategy: c.value
+    }).then((k) => {
+      d.value = k.x, v.value = k.y, m.value = k.strategy, p.value = k.placement, _.value = k.middlewareData, h.value = x !== !1;
     });
   }
-  function O() {
-    typeof _ == "function" && (_(), _ = void 0);
+  function L() {
+    typeof w == "function" && (w(), w = void 0);
   }
-  function A() {
-    if (O(), o === void 0) {
-      h();
+  function B() {
+    if (L(), o === void 0) {
+      g();
       return;
     }
-    if (c.value != null && u.value != null) {
-      _ = o(c.value, u.value, h);
+    if (r.value != null && u.value != null) {
+      w = o(r.value, u.value, g);
       return;
     }
   }
   function F() {
-    l.value || (V.value = !1);
+    l.value || (h.value = !1);
   }
-  return q([s, a, r, l], h, {
+  return X([a, i, c, l], g, {
     flush: "sync"
-  }), q([c, u], A, {
+  }), X([r, u], B, {
     flush: "sync"
-  }), q(l, F, {
+  }), X(l, F, {
     flush: "sync"
-  }), sn() && rn(O), {
-    x: _e(d),
-    y: _e(m),
-    strategy: _e(f),
-    placement: _e(p),
-    middlewareData: _e(y),
-    isPositioned: _e(V),
-    floatingStyles: w,
-    update: h
+  }), vn() && mn(L), {
+    x: ke(d),
+    y: ke(v),
+    strategy: ke(m),
+    placement: ke(p),
+    middlewareData: ke(_),
+    isPositioned: ke(h),
+    floatingStyles: y,
+    update: g
   };
 }
-const Mo = /* @__PURE__ */ B({
+const il = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "dot-menu",
   props: {
     icon: {}
   },
   setup(e) {
-    const n = e, t = E(!1), o = E(null), l = E(null), s = C(() => n.icon ?? H.DOT_MENU), { floatingStyles: a } = Gt(o, l, {
+    const n = e, t = E(!1), o = E(null), l = E(null), a = C(() => n.icon ?? U.DOT_MENU), { floatingStyles: i } = en(o, l, {
       placement: "bottom-end",
-      middleware: [Ut(8), Kt(), Xt({ padding: 8 })],
-      whileElementsMounted: Wt
-    }), r = () => {
+      middleware: [Yt(8), Qt(), Jt({ padding: 8 })],
+      whileElementsMounted: Gt
+    }), c = () => {
       t.value = !t.value;
-    }, i = () => {
+    }, s = () => {
       t.value = !1;
-    }, c = (u) => {
+    }, r = (u) => {
       const d = u.target;
-      d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && i();
+      d && (d.closest(".menu-action") || d.closest('[role="menuitem"]') || d.closest("a")) && s();
     };
     return (u, d) => {
-      const m = U("VjButton"), f = U("VjMenu");
-      return v(), x(ge, null, [
-        k("div", {
-          class: N(["dot-menu-container", u.$attrs.class])
+      const v = N("VjButton"), m = N("VjMenu");
+      return f(), b(ne, null, [
+        V("div", {
+          class: I(["dot-menu-container", u.$attrs.class])
         }, [
-          P(m, {
+          P(v, {
             ref_key: "buttonRef",
             ref: o,
             class: "dot-menu",
             tertiary: "",
-            icon: s.value,
-            onClick: r
+            icon: a.value,
+            onClick: c
           }, null, 8, ["icon"]),
-          P(Ie, { name: "menu" }, {
+          P(He, { name: "menu" }, {
             default: W(() => [
-              t.value ? (v(), j(f, {
+              t.value ? (f(), j(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: Z(R(a)),
+                style: J($(i)),
                 class: "menu-dropdown",
-                onClose: i,
-                onClick: c
+                onClose: s,
+                onClick: r
               }, {
                 default: W(() => [
-                  T(u.$slots, "default", {}, void 0, !0)
+                  M(u.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["style"])) : $("", !0)
+              }, 8, ["style"])) : S("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (v(), j(tt, { to: "body" }, [
-          t.value ? (v(), x("div", {
+        (f(), j(ot, { to: "body" }, [
+          t.value ? (f(), b("div", {
             key: 0,
             class: "menu-backdrop",
-            onClick: i
-          })) : $("", !0)
+            onClick: s
+          })) : S("", !0)
         ]))
       ], 64);
     };
   }
-}), Po = /* @__PURE__ */ M(Mo, [["__scopeId", "data-v-67bd71e4"]]), jo = /* @__PURE__ */ B({
+}), sl = /* @__PURE__ */ O(il, [["__scopeId", "data-v-67bd71e4"]]), rl = /* @__PURE__ */ T({
   __name: "link-button",
   props: {
     label: {},
@@ -1552,27 +1787,27 @@ const Mo = /* @__PURE__ */ B({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = e, t = X.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
-    return (l, s) => {
-      const a = U("router-link");
-      return v(), j(a, {
+    const n = e, t = q.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    return (l, a) => {
+      const i = N("router-link");
+      return f(), j(i, {
         to: e.to,
-        class: N(["button", o.value]),
+        class: I(["button", o.value]),
         disabled: e.disabled
       }, {
         default: W(() => [
-          e.icon ? (v(), j(Be, {
+          e.icon ? (f(), j(we, {
             key: 0,
             icon: e.icon,
-            size: R(t)
-          }, null, 8, ["icon", "size"])) : $("", !0),
-          $e(" " + D(e.label), 1)
+            size: $(t)
+          }, null, 8, ["icon", "size"])) : S("", !0),
+          Ie(" " + D(e.label), 1)
         ]),
         _: 1
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), Fo = /* @__PURE__ */ M(jo, [["__scopeId", "data-v-bd3cf2f5"]]), Do = ["disabled"], zo = { class: "menu-action--icon" }, Io = /* @__PURE__ */ B({
+}), cl = /* @__PURE__ */ O(rl, [["__scopeId", "data-v-bd3cf2f5"]]), ul = ["disabled"], dl = { class: "menu-action--icon" }, fl = /* @__PURE__ */ T({
   __name: "menu-action",
   props: {
     label: {},
@@ -1580,35 +1815,35 @@ const Mo = /* @__PURE__ */ B({
     disabled: { type: Boolean }
   },
   setup(e) {
-    const n = X.S;
-    return (t, o) => (v(), x("button", {
+    const n = q.S;
+    return (t, o) => (f(), b("button", {
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      k("span", zo, [
-        e.icon ? (v(), j(Be, {
+      V("span", dl, [
+        e.icon ? (f(), j(we, {
           key: 0,
           icon: e.icon,
-          size: R(n)
-        }, null, 8, ["icon", "size"])) : $("", !0)
+          size: $(n)
+        }, null, 8, ["icon", "size"])) : S("", !0)
       ]),
-      k("span", null, D(e.label), 1)
-    ], 8, Do));
+      V("span", null, D(e.label), 1)
+    ], 8, ul));
   }
-}), No = /* @__PURE__ */ M(Io, [["__scopeId", "data-v-07850995"]]), Ho = {}, Wo = { class: "menu" };
-function Uo(e, n) {
-  return v(), x("div", Wo, [
-    T(e.$slots, "default", {}, void 0, !0)
+}), vl = /* @__PURE__ */ O(fl, [["__scopeId", "data-v-07850995"]]), ml = {}, pl = { class: "menu" };
+function hl(e, n) {
+  return f(), b("div", pl, [
+    M(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Xo = /* @__PURE__ */ M(Ho, [["render", Uo], ["__scopeId", "data-v-259fec08"]]), Ko = {
+const gl = /* @__PURE__ */ O(ml, [["render", hl], ["__scopeId", "data-v-259fec08"]]), bl = {
   mounted(e) {
     e.classList.add("compact");
   },
   unmounted(e) {
     e.classList.remove("compact");
   }
-}, Yt = [
+}, tn = [
   'input:not([disabled]):not([type="hidden"])',
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1617,27 +1852,27 @@ const Xo = /* @__PURE__ */ M(Ho, [["render", Uo], ["__scopeId", "data-v-259fec08
   '[tabindex]:not([tabindex="-1"])',
   '[contenteditable="true"]'
 ].join(", ");
-function qo(e) {
-  const n = e.querySelectorAll(Yt);
+function yl(e) {
+  const n = e.querySelectorAll(tn);
   for (const t of Array.from(n))
     if (t.offsetParent !== null || t.getClientRects().length > 0)
       return t;
   return null;
 }
-const Go = {
+const wl = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(Yt)) {
+      if (e.matches(tn)) {
         e.focus();
         return;
       }
-      const l = qo(e);
+      const l = yl(e);
       l && l.focus();
     };
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
   }
 };
-class it {
+class dt {
   static _instance = null;
   observer = null;
   targets = /* @__PURE__ */ new Map();
@@ -1645,7 +1880,7 @@ class it {
     this.init();
   }
   static get instance() {
-    return this._instance || (this._instance = new it()), this._instance;
+    return this._instance || (this._instance = new dt()), this._instance;
   }
   init() {
     typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
@@ -1664,19 +1899,19 @@ class it {
   handleEntry(n) {
     const t = this.targets.get(n.target);
     if (!t) return;
-    const o = n.contentRect.width, l = n.contentRect.height, s = n.target;
-    for (const a of t.callbacks)
+    const o = n.contentRect.width, l = n.contentRect.height, a = n.target;
+    for (const i of t.callbacks)
       try {
-        a(o, l, s);
-      } catch (r) {
-        console.error("resize callback error", r);
+        i(o, l, a);
+      } catch (c) {
+        console.error("resize callback error", c);
       }
     if (t.breakpoints) {
-      const a = Object.keys(t.breakpoints).map((i) => Number(i)).filter((i) => !Number.isNaN(i)).sort((i, c) => i - c);
-      let r;
-      for (const i of a)
-        o >= i && (r = t.breakpoints[i]);
-      r !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), r && n.target.classList.add(r), t.currentClass = r);
+      const i = Object.keys(t.breakpoints).map((s) => Number(s)).filter((s) => !Number.isNaN(s)).sort((s, r) => s - r);
+      let c;
+      for (const s of i)
+        o >= s && (c = t.breakpoints[s]);
+      c !== t.currentClass && (t.currentClass && n.target.classList.remove(t.currentClass), c && n.target.classList.add(c), t.currentClass = c);
     }
   }
   observe(n, t, o) {
@@ -1684,14 +1919,14 @@ class it {
     if (l)
       t && l.callbacks.add(t), o?.breakpoints && (l.breakpoints = o.breakpoints);
     else {
-      const s = /* @__PURE__ */ new Set();
-      t && s.add(t), this.targets.set(n, { callbacks: s, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
+      const a = /* @__PURE__ */ new Set();
+      t && a.add(t), this.targets.set(n, { callbacks: a, breakpoints: o?.breakpoints }), this.observer && this.observer.observe(n);
     }
     if (o?.immediate) {
-      const s = n.getBoundingClientRect(), a = { target: n, contentRect: s };
-      if (this.handleEntry(a), t) {
-        const r = s.width, i = s.height;
-        t(r, i, n);
+      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);
       }
     }
   }
@@ -1700,100 +1935,100 @@ class it {
     o && (t && o.callbacks.delete(t), (!t || o.callbacks.size === 0) && (this.targets.delete(n), this.observer && this.observer.unobserve(n), o.currentClass && n.classList && n.classList.remove(o.currentClass)));
   }
 }
-const Ve = it.instance, Yo = {
+const Ve = dt.instance, _l = {
   mounted(e, n) {
-    const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, s = typeof t == "object" && !!t?.immediate, a = e;
-    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: s });
+    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 });
   },
   updated(e, n) {
-    const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, s = n.value, a = typeof s == "function" ? s : s?.onResize, r = typeof s == "object" && s?.breakpoints ? s.breakpoints : void 0;
-    if (o !== a) {
-      o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !!(s && typeof s == "object" && s.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = r;
+    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;
       return;
     }
-    JSON.stringify(l || {}) !== JSON.stringify(r || {}) && (o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: r, immediate: !0 }), t.__resize_breakpoints = r);
+    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ve.unobserve(e, o), i && Ve.observe(e, i, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
   },
   unmounted(e) {
     const n = e, t = n.__resize_cb;
     t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
-}, Jo = {}, Qo = { class: "spinner" };
-function Zo(e, n) {
-  return v(), x("div", Qo);
+}, xl = {}, kl = { class: "spinner" };
+function Vl(e, n) {
+  return f(), b("div", kl);
 }
-const el = /* @__PURE__ */ M(Jo, [["render", Zo], ["__scopeId", "data-v-661ad3b6"]]), tl = 200, nl = 120;
-function Rt(e, n) {
+const nn = /* @__PURE__ */ O(xl, [["render", Vl], ["__scopeId", "data-v-b957fb82"]]), Cl = 200, El = 120;
+function At(e, n) {
   const t = n.querySelector(".vj-loading-inner");
   if (!t) return;
   const o = e.clientHeight || e.getBoundingClientRect().height;
   t.classList.remove("vj-loading-inner--small", "vj-loading-inner--minimal");
   const l = t.querySelector(".vj-loading-text");
-  l && l.classList.remove("vj-loading-text--hidden"), o <= nl ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= tl && t.classList.add("vj-loading-inner--small");
+  l && l.classList.remove("vj-loading-text--hidden"), o <= El ? (t.classList.add("vj-loading-inner--minimal"), l && l.classList.add("vj-loading-text--hidden")) : o <= Cl && t.classList.add("vj-loading-inner--small");
 }
-const ol = {
+const Ll = {
   mounted(e, n) {
     let t, o;
     if (typeof n.value == "object" && n.value !== null) {
-      const m = n.value;
-      t = !!(m.active ?? !0), o = m.text;
+      const v = n.value;
+      t = !!(v.active ?? !0), o = v.text;
     } else
       t = !!n.value, o = void 0;
-    const l = getComputedStyle(e), s = { overlay: document.createElement("div") };
-    (l.position === "static" || !l.position) && (s.originalPosition = e.style.position, e.style.position = "relative");
-    const a = s.overlay;
-    a.className = "vj-loading-overlay", t || a.classList.add("vj-loading-overlay--hidden");
-    const r = document.createElement("div"), i = document.createElement("div");
-    i.className = "vj-loading-inner", i.appendChild(r);
-    let c;
-    o && (c = document.createElement("div"), c.className = "vj-loading-text", c.textContent = o, i.appendChild(c)), a.appendChild(i), Rt(e, a);
-    const u = P(el);
-    ht(u, r), s.spinnerVnode = u, s.spinnerContainer = r, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
+    const 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), At(e, i);
+    const u = P(nn);
+    wt(u, c), a.spinnerVnode = u, a.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(i);
     const d = e;
-    d.__vjLoading = s;
+    d.__vjLoading = a;
   },
   updated(e, n) {
     const o = e.__vjLoading;
     if (!o) return;
     const { overlay: l } = o;
-    let s, a;
+    let a, i;
     if (typeof n.value == "object" && n.value !== null) {
-      const i = n.value;
-      s = !!(i.active ?? !0), a = i.text;
+      const s = n.value;
+      a = !!(s.active ?? !0), i = s.text;
     } else
-      s = !!n.value, a = void 0;
-    s ? (l.classList.remove("vj-loading-overlay--hidden"), e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none") : (l.classList.add("vj-loading-overlay--hidden"), e.removeAttribute("aria-busy"), e.style.pointerEvents = "");
-    const r = l.querySelector(".vj-loading-inner");
-    if (r) {
-      const i = r.querySelector(".vj-loading-text");
-      if (i)
-        a ? i.textContent = a : i.remove();
-      else if (a) {
-        const c = document.createElement("div");
-        c.className = "vj-loading-text", c.textContent = a, r.appendChild(c);
+      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 = "");
+    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);
       }
     }
-    Rt(e, l);
+    At(e, l);
   },
   unmounted(e) {
     const n = e, t = n.__vjLoading;
     if (!t) return;
     const { overlay: o, originalPosition: l } = t;
     try {
-      t.spinnerContainer && ht(null, t.spinnerContainer);
+      t.spinnerContainer && wt(null, t.spinnerContainer);
     } catch {
     }
     o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
   }
-}, ll = { class: "page" }, al = {
+}, $l = { class: "page" }, Sl = {
   key: 0,
   class: "page-error"
-}, sl = {
+}, Rl = {
   key: 1,
   class: "contents"
-}, il = {
+}, Al = {
   key: 2,
   class: "actions"
-}, rl = { key: 3 }, cl = { key: 0 }, ul = /* @__PURE__ */ B({
+}, Tl = { key: 3 }, Ol = { key: 0 }, Bl = /* @__PURE__ */ T({
   __name: "page",
   props: {
     title: {},
@@ -1804,43 +2039,42 @@ const ol = {
   },
   setup(e) {
     const n = e, t = C(() => n.flow?.running?.value ?? !1);
-    return (o, l) => cn((v(), x("div", ll, [
-      k("header", null, [
-        k("h2", null, D(e.title), 1),
-        k("span", null, [
-          T(o.$slots, "headerActions", {}, void 0, !0)
+    return (o, l) => Bt((f(), b("div", $l, [
+      V("header", null, [
+        V("h2", null, D(e.title), 1),
+        V("span", null, [
+          M(o.$slots, "headerActions", {}, void 0, !0)
         ])
       ]),
-      k("main", {
-        class: N({ scrollable: e.scrollable })
+      V("main", {
+        class: I({ scrollable: e.scrollable })
       }, [
-        $e(D(t.value) + " ", 1),
-        e.errorMessage ? (v(), x("div", al, [
-          T(o.$slots, "error", {}, void 0, !0)
-        ])) : $("", !0),
-        e.errorMessage ? $("", !0) : (v(), x("div", sl, [
-          T(o.$slots, "default", {}, void 0, !0)
+        e.errorMessage ? (f(), b("div", Sl, [
+          M(o.$slots, "error", {}, void 0, !0)
+        ])) : S("", !0),
+        e.errorMessage ? S("", !0) : (f(), b("div", Rl, [
+          M(o.$slots, "default", {}, void 0, !0)
         ])),
-        e.errorMessage ? $("", !0) : (v(), x("div", il, [
-          T(o.$slots, "actions", {}, void 0, !0)
+        e.errorMessage ? S("", !0) : (f(), b("div", Al, [
+          M(o.$slots, "actions", {}, void 0, !0)
         ])),
-        o.$slots.flexFooter ? (v(), x("footer", rl, [
-          T(o.$slots, "flexFooter", {}, void 0, !0)
-        ])) : $("", !0)
+        o.$slots.flexFooter ? (f(), b("footer", Tl, [
+          M(o.$slots, "flexFooter", {}, void 0, !0)
+        ])) : S("", !0)
       ], 2),
-      o.$slots.footer ? (v(), x("footer", cl, [
-        T(o.$slots, "footer", {}, void 0, !0)
-      ])) : $("", !0)
+      o.$slots.footer ? (f(), b("footer", Ol, [
+        M(o.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ])), [
-      [R(ol), { active: t.value, text: n.loadingMessage }]
+      [$(Ll), { active: t.value, text: n.loadingMessage }]
     ]);
   }
-}), dl = /* @__PURE__ */ M(ul, [["__scopeId", "data-v-89f776b0"]]), fl = {
+}), Dl = /* @__PURE__ */ O(Bl, [["__scopeId", "data-v-542565ba"]]), Ml = {
   class: "paginator-info",
   "aria-live": "polite"
-}, ml = /* @__PURE__ */ B({
+}, Pl = /* @__PURE__ */ T({
   __name: "paginator",
-  props: /* @__PURE__ */ ue({
+  props: /* @__PURE__ */ Z({
     totalItems: {},
     pageSize: {},
     labels: {}
@@ -1848,67 +2082,67 @@ const ol = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["change"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ye(e, "modelValue"), l = n, s = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), a = C(() => Math.min(Math.max(1, o.value ?? 1), s.value)), r = C(() => a.value), i = C(() => a.value <= 1), c = C(() => a.value >= s.value), u = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), m = (w) => {
-      const _ = Math.min(Math.max(1, Math.floor(w)), s.value);
-      _ !== o.value && (o.value = _, l("change", _));
-    }, f = () => m(1), p = () => m(a.value - 1), y = () => m(a.value + 1), V = () => m(s.value);
-    return q([() => t.totalItems, () => t.pageSize], () => {
-      o.value > s.value && m(s.value);
-    }), (w, _) => {
-      const h = U("VjButton");
-      return v(), x("nav", {
+    const t = e, o = ve(e, "modelValue"), l = n, a = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), i = C(() => Math.min(Math.max(1, o.value ?? 1), a.value)), c = C(() => i.value), s = C(() => i.value <= 1), r = C(() => i.value >= a.value), u = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), v = (y) => {
+      const w = Math.min(Math.max(1, Math.floor(y)), a.value);
+      w !== o.value && (o.value = w, l("change", w));
+    }, m = () => v(1), p = () => v(i.value - 1), _ = () => v(i.value + 1), h = () => v(a.value);
+    return X([() => t.totalItems, () => t.pageSize], () => {
+      o.value > a.value && v(a.value);
+    }), (y, w) => {
+      const g = N("VjButton");
+      return f(), b("nav", {
         class: "paginator",
         "aria-label": "Pagination",
-        onKeydown: _[0] || (_[0] = un(de(() => {
+        onKeydown: w[0] || (w[0] = Ze(K(() => {
         }, ["prevent"]), ["enter"]))
       }, [
-        P(h, {
+        P(g, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(H).FIRST,
-          disabled: i.value,
-          onClick: f,
+          icon: $(U).FIRST,
+          disabled: s.value,
+          onClick: m,
           "aria-label": "First page"
         }, null, 8, ["icon", "disabled"]),
-        P(h, {
+        P(g, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(H).PREVIOUS,
-          disabled: i.value,
+          icon: $(U).PREVIOUS,
+          disabled: s.value,
           onClick: p,
           "aria-label": "Previous page"
         }, null, 8, ["icon", "disabled"]),
-        T(w.$slots, "info", {
-          current: a.value,
-          totalPages: s.value,
-          goTo: m
+        M(y.$slots, "info", {
+          current: i.value,
+          totalPages: a.value,
+          goTo: v
         }, () => [
-          k("div", fl, D(u.value) + " " + D(r.value) + " " + D(d.value) + " " + D(s.value), 1)
+          V("div", Ml, D(u.value) + " " + D(c.value) + " " + D(d.value) + " " + D(a.value), 1)
         ], !0),
-        P(h, {
+        P(g, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(H).NEXT,
-          disabled: c.value,
-          onClick: y,
+          icon: $(U).NEXT,
+          disabled: r.value,
+          onClick: _,
           "aria-label": "Next page"
         }, null, 8, ["icon", "disabled"]),
-        P(h, {
+        P(g, {
           tertiary: "",
           class: "paginator-btn",
-          icon: R(H).LAST,
-          disabled: c.value,
-          onClick: V,
+          icon: $(U).LAST,
+          disabled: r.value,
+          onClick: h,
           "aria-label": "Last page"
         }, null, 8, ["icon", "disabled"])
       ], 32);
     };
   }
-}), vl = /* @__PURE__ */ M(ml, [["__scopeId", "data-v-b6fa8efe"]]), pl = { class: "search-field" }, hl = ["value", "placeholder"], gl = /* @__PURE__ */ B({
+}), jl = /* @__PURE__ */ O(Pl, [["__scopeId", "data-v-b6fa8efe"]]), Fl = { class: "search-field" }, zl = ["value", "placeholder"], Il = /* @__PURE__ */ T({
   __name: "search-field",
-  props: /* @__PURE__ */ ue({
+  props: /* @__PURE__ */ Z({
     placeholder: { default: "Search..." }
   }, {
     modelValue: {},
@@ -1916,47 +2150,47 @@ const ol = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ye(e, "modelValue"), t = (s) => {
-      n.value = s.target.value;
+    const n = ve(e, "modelValue"), t = (a) => {
+      n.value = a.target.value;
     }, o = () => {
       n.value = "";
     }, l = C(() => !n.value);
-    return (s, a) => {
-      const r = U("VjIcon");
-      return v(), x("div", pl, [
-        P(r, {
-          icon: R(H).SEARCH,
-          size: R(X).S
+    return (a, i) => {
+      const c = N("VjIcon");
+      return f(), b("div", Fl, [
+        P(c, {
+          icon: $(U).SEARCH,
+          size: $(q).S
         }, null, 8, ["icon", "size"]),
-        k("input", {
+        V("input", {
           value: n.value,
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, hl),
-        P(r, {
-          class: N(["reset", { invisible: l.value }]),
-          icon: R(H).CLOSE,
-          size: R(X).S,
+        }, null, 40, zl),
+        P(c, {
+          class: I(["reset", { invisible: l.value }]),
+          icon: $(U).CLOSE,
+          size: $(q).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
     };
   }
-}), bl = /* @__PURE__ */ M(gl, [["__scopeId", "data-v-2771c8ed"]]), yl = /* @__PURE__ */ B({
+}), Hl = /* @__PURE__ */ O(Il, [["__scopeId", "data-v-2771c8ed"]]), Ul = /* @__PURE__ */ T({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (v(), x("div", {
-      class: N(["separator", { vertical: e.vertical }])
+    return (n, t) => (f(), b("div", {
+      class: I(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), wl = /* @__PURE__ */ M(yl, [["__scopeId", "data-v-e354bb4e"]]), xl = { class: "tab-view" }, _l = {
+}), Wl = /* @__PURE__ */ O(Ul, [["__scopeId", "data-v-e354bb4e"]]), Kl = { class: "tab-view" }, Xl = {
   ref: "headerRef",
   class: "tab-view-header"
-}, Vl = ["onClick"], kl = { class: "tab-view-content" }, Cl = /* @__PURE__ */ B({
+}, Nl = ["onClick"], ql = { class: "tab-view-content" }, Gl = /* @__PURE__ */ T({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -1964,102 +2198,180 @@ const ol = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ye(e, "modelValue"), t = E([]), o = E([]), l = E({
+    const n = ve(e, "modelValue"), t = E([]), o = E([]), l = E({
       width: "0px",
       transform: "translateX(0px)"
-    }), s = (c, u) => {
-      c && (o.value[u] = c);
-    }, a = () => {
-      const c = t.value.findIndex((u) => u.name === n.value);
-      if (c >= 0 && o.value[c]) {
-        const u = o.value[c], d = u.offsetWidth, m = u.offsetLeft;
+    }), 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;
         l.value = {
           width: `${d}px`,
-          transform: `translateX(${m}px)`
+          transform: `translateX(${v}px)`
         };
       }
-    }, r = (c, u) => {
-      t.value.find((d) => d.name === c) || (t.value.push({ name: c, label: u }), he(() => {
-        !n.value && t.value.length === 1 && (n.value = c), a();
+    }, c = (r, u) => {
+      t.value.find((d) => d.name === r) || (t.value.push({ name: r, label: u }), me(() => {
+        !n.value && t.value.length === 1 && (n.value = r), i();
       }));
-    }, i = (c) => {
-      n.value = c;
+    }, s = (r) => {
+      n.value = r;
     };
-    return q(n, () => {
-      he(() => {
-        a();
+    return X(n, () => {
+      me(() => {
+        i();
       });
-    }), dn("tabView", {
+    }), pn("tabView", {
       activeTab: () => n.value,
-      registerTab: r
-    }), (c, u) => (v(), x("div", xl, [
-      k("div", _l, [
-        (v(!0), x(ge, null, Xe(t.value, (d, m) => (v(), x("div", {
+      registerTab: c
+    }), (r, u) => (f(), b("div", Kl, [
+      V("div", Xl, [
+        (f(!0), b(ne, null, Se(t.value, (d, v) => (f(), b("div", {
           key: d.name,
           ref_for: !0,
-          ref: (f) => s(f, m),
-          class: N(["tab-button", { active: n.value === d.name }]),
-          onClick: (f) => i(d.name)
-        }, D(d.label), 11, Vl))), 128)),
-        u[0] || (u[0] = k("div", { class: "tab-line" }, null, -1)),
-        k("div", {
+          ref: (m) => a(m, v),
+          class: I(["tab-button", { active: n.value === d.name }]),
+          onClick: (m) => s(d.name)
+        }, D(d.label), 11, Nl))), 128)),
+        u[0] || (u[0] = V("div", { class: "tab-line" }, null, -1)),
+        V("div", {
           class: "tab-indicator",
-          style: Z(l.value)
+          style: J(l.value)
         }, null, 4)
       ], 512),
-      k("div", kl, [
-        T(c.$slots, "default", {}, void 0, !0)
+      V("div", ql, [
+        M(r.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), El = /* @__PURE__ */ M(Cl, [["__scopeId", "data-v-3d4ee454"]]), Rl = {
+}), Yl = /* @__PURE__ */ O(Gl, [["__scopeId", "data-v-3d4ee454"]]), Jl = {
   key: 0,
   class: "tab"
-}, Ll = /* @__PURE__ */ B({
+}, Ql = /* @__PURE__ */ T({
   __name: "tab",
   props: {
     name: {},
     label: {}
   },
   setup(e) {
-    const n = e, t = $t("tabView"), o = C(() => t?.activeTab() === n.name);
+    const n = e, t = Dt("tabView"), o = C(() => t?.activeTab() === n.name);
     return Oe(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, s) => o.value ? (v(), x("div", Rl, [
-      T(l.$slots, "default")
-    ])) : $("", !0);
+    }), (l, a) => o.value ? (f(), b("div", Jl, [
+      M(l.$slots, "default")
+    ])) : S("", !0);
   }
-}), Jt = {
+}), Zl = ["onKeydown"], ea = /* @__PURE__ */ T({
+  __name: "editable-label",
+  props: {
+    modelValue: {},
+    showIcon: { type: Boolean }
+  },
+  emits: ["update:modelValue", "edit"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = C(() => t.modelValue ?? ""), a = E(l.value), i = E(!1), c = E(!1), s = E(null), r = C(() => !!t.showIcon);
+    X(l, (m) => {
+      a.value = m;
+    });
+    function u() {
+      i.value = !0, me(() => s.value?.focus());
+    }
+    function d() {
+      i.value = !1, a.value !== l.value && (o("update:modelValue", a.value), o("edit", a.value));
+    }
+    function v() {
+      a.value = l.value, i.value = !1;
+    }
+    return (m, p) => (f(), b("span", {
+      class: I(["vj-editable-label", { editing: i.value }]),
+      onMouseenter: p[1] || (p[1] = (_) => c.value = !0),
+      onMouseleave: p[2] || (p[2] = (_) => c.value = !1)
+    }, [
+      i.value ? Bt((f(), b("input", {
+        key: 1,
+        ref_key: "inputRef",
+        ref: s,
+        class: "edit-input",
+        "onUpdate:modelValue": p[0] || (p[0] = (_) => a.value = _),
+        onKeydown: [
+          Ze(K(d, ["prevent"]), ["enter"]),
+          Ze(K(v, ["prevent"]), ["esc"])
+        ],
+        onBlur: d
+      }, null, 40, Zl)), [
+        [hn, a.value]
+      ]) : (f(), b(ne, { key: 0 }, [
+        V("span", {
+          class: "label-text",
+          onClick: u,
+          title: "Click to edit"
+        }, D(l.value), 1),
+        c.value || r.value ? (f(), b("span", {
+          key: 0,
+          class: "edit-icon",
+          onClick: K(u, ["stop"])
+        }, [
+          P(we, {
+            icon: $(U).EDIT
+          }, null, 8, ["icon"])
+        ])) : S("", !0)
+      ], 64))
+    ], 34));
+  }
+}), mi = /* @__PURE__ */ O(ea, [["__scopeId", "data-v-cdc52c5b"]]), ta = "200% 200%", na = /* @__PURE__ */ T({
+  __name: "skeleton",
+  props: {
+    width: {},
+    height: {},
+    borderRadius: {}
+  },
+  setup(e) {
+    const n = e, t = C(() => n.width ?? "100%"), o = C(() => n.height ?? "16px"), l = C(() => n.borderRadius ?? "4px");
+    return (a, i) => (f(), b("div", {
+      class: "vj-skeleton",
+      style: J({
+        width: t.value,
+        height: o.value,
+        borderRadius: l.value,
+        backgroundSize: ta
+      }),
+      "aria-hidden": "true"
+    }, null, 4));
+  }
+}), oa = /* @__PURE__ */ O(na, [["__scopeId", "data-v-ac05e016"]]), on = {
   form: {
-    labelPosition: "inline"
+    labelPosition: "inline",
+    appearance: "bordered"
   }
 };
-let Ue = {};
-function Pa(e) {
-  Ue = {
-    ...Ue,
+let Xe = {};
+function pi(e) {
+  Xe = {
+    ...Xe,
     ...e,
     form: {
-      ...Jt.form,
+      ...on.form,
       ...e.form
     }
   };
 }
-function Sl() {
+function Tt() {
   return {
     form: {
-      ...Jt.form,
-      ...Ue.form
+      ...on.form,
+      ...Xe.form
     }
   };
 }
-function ja() {
-  Ue = {};
+function hi() {
+  Xe = {};
 }
-const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-field__wrapper" }, Tl = ["for"], Bl = {
+const la = ["data-colspan", "data-newline"], aa = ["for"], ia = { class: "form-field__wrapper" }, sa = ["for"], ra = {
   key: 1,
   class: "form-field__error"
-}, Ml = /* @__PURE__ */ B({
+}, ca = /* @__PURE__ */ T({
   __name: "form-field",
   props: {
     modelValue: {},
@@ -2071,62 +2383,70 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     newLine: { type: Boolean },
     spanRow: { type: Boolean },
     error: {},
-    labelPosition: {}
+    labelPosition: {},
+    appearance: {}
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(t.modelValue), s = E(!1), a = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), r = C(() => t.labelPosition ?? Sl().form.labelPosition);
-    q(
+    const t = e, o = n, l = E(t.modelValue), a = E(!1), i = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = C(() => t.labelPosition ?? Tt().form.labelPosition), s = C(() => t.appearance ?? Tt().form.appearance);
+    X(
       () => t.modelValue,
-      (f) => l.value = f
+      (p) => l.value = p
     );
-    const i = C(() => {
-      if (console.log(t.labelPosition, r.value, s.value, l.value), r.value === "outline")
+    const r = C(() => {
+      if (c.value === "outline")
         return !0;
-      const f = l.value !== "" && l.value !== null && l.value !== void 0;
-      return s.value || f;
-    }), c = C(() => r.value === "outline" || i.value ? t.placeholder : "");
-    function u(f) {
-      const y = f.target.value;
-      l.value = y, o("update:modelValue", y);
+      const p = l.value !== "" && l.value !== null && l.value !== void 0;
+      return a.value || p;
+    }), u = C(() => c.value === "outline" || r.value ? t.placeholder : "");
+    function d(p) {
+      const h = p.target.value;
+      l.value = h, o("update:modelValue", h);
     }
-    function d(f) {
-      s.value = !0, o("focus", f);
+    function v(p) {
+      a.value = !0, o("focus", p);
     }
-    function m(f) {
-      s.value = !1, o("blur", f);
+    function m(p) {
+      a.value = !1, o("blur", p);
     }
-    return (f, p) => (v(), x("div", {
-      class: N(["form-field", `form-field--${r.value}`, { disabled: e.disabled }, { labelless: !e.label }, { error: !!e.error }]),
+    return (p, _) => (f(), b("div", {
+      class: I([
+        "form-field",
+        `form-field--${c.value}`,
+        `form-field--${s.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: Z(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
+      style: J(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
     }, [
-      e.label && r.value === "outline" ? (v(), x("label", {
+      e.label && c.value === "outline" ? (f(), b("label", {
         key: 0,
-        for: a.value,
+        for: i.value,
         class: "form-field__label-outline"
-      }, D(e.label), 9, Al)) : $("", !0),
-      k("div", Ol, [
-        T(f.$slots, "control", {
-          id: a.value,
+      }, D(e.label), 9, aa)) : S("", !0),
+      V("div", ia, [
+        M(p.$slots, "control", {
+          id: i.value,
           value: l.value,
-          onInput: u,
-          onFocus: d,
+          onInput: d,
+          onFocus: v,
           onBlur: m,
           disabled: e.disabled,
-          placeholder: c.value
+          placeholder: u.value
         }, void 0, !0),
-        e.label && r.value === "inline" ? (v(), x("label", {
+        e.label && c.value === "inline" ? (f(), b("label", {
           key: 0,
-          for: a.value,
-          class: N(["form-field__label", { "form-field__label--float": i.value }])
-        }, D(e.label), 11, Tl)) : $("", !0)
+          for: i.value,
+          class: I(["form-field__label", { "form-field__label--float": r.value }])
+        }, D(e.label), 11, sa)) : S("", !0)
       ]),
-      e.error ? (v(), x("div", Bl, D(e.error), 1)) : $("", !0)
-    ], 14, $l));
+      e.error ? (f(), b("div", ra, D(e.error), 1)) : S("", !0)
+    ], 14, la));
   }
-}), Fe = /* @__PURE__ */ M(Ml, [["__scopeId", "data-v-bb7aeb5f"]]), Pl = /* @__PURE__ */ B({
+}), je = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-c422f422"]]), ua = /* @__PURE__ */ T({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
@@ -2137,54 +2457,54 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     let o = null;
     function l() {
       if (!t.value) return;
-      Array.from(t.value.children).forEach((a) => {
-        const r = a.getAttribute("data-colspan"), i = r ? Math.max(1, Number(r) || 1) : 1, c = a.getAttribute("data-newline");
-        c !== null && c !== "false" ? a.style.gridColumn = "1 / -1" : a.style.gridColumn = `span ${i}`;
+      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}`;
       });
     }
     return Oe(() => {
-      he(() => {
+      me(() => {
         l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
       });
-    }), Te(() => {
+    }), Be(() => {
       o?.disconnect();
-    }), q(
+    }), X(
       () => n.columns,
-      () => he(l)
-    ), q(
+      () => me(l)
+    ), X(
       () => n.gap,
-      () => he(l)
-    ), (s, a) => (v(), x("div", {
+      () => me(l)
+    ), (a, i) => (f(), b("div", {
       ref_key: "container",
       ref: t,
       class: "form-layout",
-      style: Z({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
+      style: J({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
     }, [
-      T(s.$slots, "default", {}, void 0, !0)
+      M(a.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), jl = /* @__PURE__ */ M(Pl, [["__scopeId", "data-v-96f62ab7"]]), Fl = {
+}), da = /* @__PURE__ */ O(ua, [["__scopeId", "data-v-96f62ab7"]]), fa = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, Dl = /* @__PURE__ */ B({
+}, va = /* @__PURE__ */ T({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
-    return (n, t) => (v(), x(ge, null, [
-      e.title ? (v(), x("h3", Fl, D(e.title), 1)) : $("", !0),
-      T(n.$slots, "default", {}, void 0, !0)
+    return (n, t) => (f(), b(ne, null, [
+      e.title ? (f(), b("h3", fa, D(e.title), 1)) : S("", !0),
+      M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), zl = /* @__PURE__ */ M(Dl, [["__scopeId", "data-v-69cff1d0"]]), Il = ["id", "disabled"], Nl = { class: "select-value" }, Hl = {
+}), ma = /* @__PURE__ */ O(va, [["__scopeId", "data-v-69cff1d0"]]), pa = ["id", "disabled"], ha = { class: "select-value" }, ga = {
   key: 1,
   class: "select-placeholder"
-}, Wl = { class: "select-options" }, Ul = ["onClick", "onMouseenter"], Xl = /* @__PURE__ */ B({
+}, ba = { class: "select-options" }, ya = ["onClick", "onMouseenter"], wa = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ ue({
+  props: /* @__PURE__ */ Z({
     options: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -2199,125 +2519,125 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ye(e, "modelValue"), l = E(!1), s = E(-1), a = E(null), r = E(null), i = E(null), { floatingStyles: c } = Gt(r, i, {
+    const t = e, o = ve(e, "modelValue"), l = E(!1), a = E(-1), i = E(null), c = E(null), s = E(null), { floatingStyles: r } = en(c, s, {
       placement: "bottom-start",
       middleware: [
-        Ut(4),
-        Kt(),
-        Xt({ padding: 8 }),
-        Oo({
-          apply({ rects: h, elements: O }) {
-            Object.assign(O.floating.style, {
-              minWidth: `${h.reference.width}px`
+        Yt(4),
+        Qt(),
+        Jt({ padding: 8 }),
+        ol({
+          apply({ rects: g, elements: L }) {
+            Object.assign(L.floating.style, {
+              minWidth: `${g.reference.width}px`
             });
           }
         })
       ],
-      whileElementsMounted: Wt
-    }), u = (h) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(h) : String(h[t.optionLabel]) : String(h), d = (h) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(h) : h[t.optionValue] : h, m = C(() => t.options.find((h) => d(h) === o.value)), f = (h) => d(h) === o.value, p = () => {
+      whileElementsMounted: Gt
+    }), u = (g) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(g) : String(g[t.optionLabel]) : String(g), d = (g) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(g) : g[t.optionValue] : g, v = C(() => t.options.find((g) => d(g) === o.value)), m = (g) => d(g) === o.value, p = () => {
       t.disabled || (l.value = !l.value);
+    }, _ = () => {
+      l.value = !1, a.value = -1;
+    }, h = (g) => {
+      o.value = d(g), _();
     }, y = () => {
-      l.value = !1, s.value = -1;
-    }, V = (h) => {
-      o.value = d(h), y();
-    }, w = () => {
       o.value = void 0;
-    }, _ = (h) => {
-      l.value && a.value && !a.value.contains(h.target) && y();
+    }, w = (g) => {
+      l.value && i.value && !i.value.contains(g.target) && _();
     };
     return Oe(() => {
-      document.addEventListener("click", _);
-    }), Te(() => {
-      document.removeEventListener("click", _);
-    }), q(l, (h) => {
-      h && m.value && (s.value = t.options.findIndex((O) => f(O)));
+      document.addEventListener("click", w);
+    }), Be(() => {
+      document.removeEventListener("click", w);
+    }), X(l, (g) => {
+      g && v.value && (a.value = t.options.findIndex((L) => m(L)));
     }), n({
-      focus: () => r.value?.focus(),
-      blur: () => r.value?.blur()
-    }), (h, O) => {
-      const A = U("VjIcon");
-      return v(), x(ge, null, [
-        k("div", {
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur()
+    }), (g, L) => {
+      const B = N("VjIcon");
+      return f(), b(ne, null, [
+        V("div", {
           ref_key: "selectRef",
-          ref: a,
-          class: N(["select", h.$attrs.class])
+          ref: i,
+          class: I(["select", g.$attrs.class])
         }, [
-          k("button", {
+          V("button", {
             ref_key: "buttonRef",
-            ref: r,
+            ref: c,
             type: "button",
             class: "select-trigger",
             id: t.id,
             onClick: p,
             disabled: e.disabled
           }, [
-            t.icon ? (v(), j(A, {
+            t.icon ? (f(), j(B, {
               key: 0,
               icon: t.icon,
-              size: R(X).S,
+              size: $(q).S,
               class: "select-icon-left"
-            }, null, 8, ["icon", "size"])) : $("", !0),
-            k("span", Nl, [
-              m.value ? T(h.$slots, "selected", {
+            }, null, 8, ["icon", "size"])) : S("", !0),
+            V("span", ha, [
+              v.value ? M(g.$slots, "selected", {
                 key: 0,
-                option: m.value
+                option: v.value
               }, () => [
-                $e(D(u(m.value)), 1)
-              ], !0) : (v(), x("span", Hl, D(e.placeholder), 1))
+                Ie(D(u(v.value)), 1)
+              ], !0) : (f(), b("span", ga, D(e.placeholder), 1))
             ]),
-            t.clearable && m.value && !e.disabled ? (v(), j(A, {
+            t.clearable && v.value && !e.disabled ? (f(), j(B, {
               key: 1,
-              icon: R(H).CLOSE,
-              size: R(X).S,
+              icon: $(U).CLOSE,
+              size: $(q).S,
               class: "select-clear-icon",
-              onClick: de(w, ["stop"])
-            }, null, 8, ["icon", "size"])) : $("", !0),
-            P(A, {
-              icon: R(H).CHEVRON_DOWN,
-              size: R(X).S,
-              class: N(["select-icon-right", { open: l.value }])
+              onClick: K(y, ["stop"])
+            }, null, 8, ["icon", "size"])) : S("", !0),
+            P(B, {
+              icon: $(U).CHEVRON_DOWN,
+              size: $(q).S,
+              class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, Il),
-          P(Ie, { name: "dropdown" }, {
+          ], 8, pa),
+          P(He, { name: "dropdown" }, {
             default: W(() => [
-              l.value ? (v(), x("div", {
+              l.value ? (f(), b("div", {
                 key: 0,
                 ref_key: "floatingRef",
-                ref: i,
-                style: Z(R(c)),
+                ref: s,
+                style: J($(r)),
                 class: "select-dropdown"
               }, [
-                k("div", Wl, [
-                  (v(!0), x(ge, null, Xe(e.options, (F, g) => (v(), x("div", {
+                V("div", ba, [
+                  (f(!0), b(ne, null, Se(e.options, (F, x) => (f(), b("div", {
                     key: String(d(F)),
-                    class: N(["select-option", { selected: f(F), highlighted: s.value === g }]),
-                    onClick: (b) => V(F),
-                    onMouseenter: (b) => s.value = g
+                    class: I(["select-option", { selected: m(F), highlighted: a.value === x }]),
+                    onClick: (k) => h(F),
+                    onMouseenter: (k) => a.value = x
                   }, [
-                    T(h.$slots, "option", {
+                    M(g.$slots, "option", {
                       option: F,
-                      selected: f(F)
+                      selected: m(F)
                     }, () => [
-                      $e(D(u(F)), 1)
+                      Ie(D(u(F)), 1)
                     ], !0)
-                  ], 42, Ul))), 128))
+                  ], 42, ya))), 128))
                 ])
-              ], 4)) : $("", !0)
+              ], 4)) : S("", !0)
             ]),
             _: 3
           })
         ], 2),
-        (v(), j(tt, { to: "body" }, [
-          l.value ? (v(), x("div", {
+        (f(), j(ot, { to: "body" }, [
+          l.value ? (f(), b("div", {
             key: 0,
             class: "select-backdrop",
-            onClick: y
-          })) : $("", !0)
+            onClick: _
+          })) : S("", !0)
         ]))
       ], 64);
     };
   }
-}), Qt = /* @__PURE__ */ M(Xl, [["__scopeId", "data-v-fc22f0e9"]]), Kl = /* @__PURE__ */ B({
+}), ln = /* @__PURE__ */ O(wa, [["__scopeId", "data-v-fc22f0e9"]]), _a = /* @__PURE__ */ T({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -2330,16 +2650,17 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     spanRow: { type: Boolean },
     error: {},
     labelPosition: {},
+    appearance: {},
     options: {}
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(t.modelValue), s = (a) => {
-      l.value = a, o("update:modelValue", a);
+    const t = e, o = n, l = E(t.modelValue), a = (i) => {
+      l.value = i, o("update:modelValue", i);
     };
-    return (a, r) => (v(), j(Fe, {
+    return (i, c) => (f(), j(je, {
       modelValue: l.value,
-      "onUpdate:modelValue": s,
+      "onUpdate:modelValue": a,
       label: t.label,
       id: t.id,
       placeholder: t.placeholder,
@@ -2348,43 +2669,44 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
       newLine: t.newLine,
       spanRow: t.spanRow,
       error: t.error,
-      labelPosition: t.labelPosition
+      labelPosition: t.labelPosition,
+      appearance: t.appearance
     }, {
-      control: W(({ id: i, disabled: c, placeholder: u }) => [
-        P(Qt, {
-          id: i,
+      control: W(({ id: s, disabled: r, placeholder: u }) => [
+        P(ln, {
+          id: s,
           modelValue: l.value,
           "onUpdate:modelValue": [
-            r[0] || (r[0] = (d) => l.value = d),
-            s
+            c[0] || (c[0] = (d) => l.value = d),
+            a
           ],
           options: t.options,
           placeholder: u,
-          disabled: c,
+          disabled: r,
           "option-label": (d) => d.label,
           "option-value": (d) => d.value,
           clearable: ""
-        }, Lt({ _: 2 }, [
-          a.$slots.selected ? {
+        }, lt({ _: 2 }, [
+          i.$slots.selected ? {
             name: "selected",
             fn: W(({ option: d }) => [
-              T(a.$slots, "selected", { option: d })
+              M(i.$slots, "selected", { option: d })
             ]),
             key: "0"
           } : void 0,
-          a.$slots.option ? {
+          i.$slots.option ? {
             name: "option",
             fn: W(({ option: d }) => [
-              T(a.$slots, "option", { option: d })
+              M(i.$slots, "option", { option: d })
             ]),
             key: "1"
           } : void 0
         ]), 1032, ["id", "modelValue", "options", "placeholder", "disabled", "option-label", "option-value"])
       ]),
       _: 3
-    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition"]));
+    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition", "appearance"]));
   }
-}), ql = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Gl = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Yl = /* @__PURE__ */ B({
+}), xa = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], ka = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Va = /* @__PURE__ */ T({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -2395,130 +2717,130 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), s = E(!1), a = E(!1), r = (g, b, S) => Math.min(Math.max(g, b), S), i = E(
+    const t = e, o = n, l = E(null), a = E(!1), i = E(!1), c = (x, k, A) => Math.min(Math.max(x, k), A), s = E(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
-    ), c = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
-    q(
+    ), r = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
+    X(
       () => t.modelValue,
-      (g) => {
-        t.range ? Array.isArray(g) && (i.value = r(g[0], t.min, t.max), c.value = r(g[1], t.min, t.max)) : typeof g == "number" && (i.value = r(g, t.min, t.max));
+      (x) => {
+        t.range ? Array.isArray(x) && (s.value = c(x[0], t.min, t.max), r.value = c(x[1], t.min, t.max)) : typeof x == "number" && (s.value = c(x, t.min, t.max));
       },
       { immediate: !0 }
     );
-    const u = (g) => (g - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${u(i.value)}%` })), m = C(() => ({ left: `${u(c.value)}%` })), f = C(() => {
-      if (!t.range) return { width: `${u(i.value)}%`, left: "0%" };
-      const g = u(i.value), b = u(c.value);
-      return { left: `${g}%`, width: `${Math.max(0, b - g)}%` };
+    const u = (x) => (x - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${u(s.value)}%` })), v = C(() => ({ left: `${u(r.value)}%` })), m = C(() => {
+      if (!t.range) return { width: `${u(s.value)}%`, left: "0%" };
+      const x = u(s.value), k = u(r.value);
+      return { left: `${x}%`, width: `${Math.max(0, k - x)}%` };
     });
-    let p = null, y = null;
-    const V = async (g, b) => {
-      p = g, y = b.pointerId, g === "low" ? s.value = !0 : a.value = !0;
+    let p = null, _ = null;
+    const h = async (x, k) => {
+      p = x, _ = k.pointerId, x === "low" ? a.value = !0 : i.value = !0;
       try {
-        b.target.setPointerCapture(b.pointerId);
+        k.target.setPointerCapture(k.pointerId);
       } catch {
       }
-      window.addEventListener("pointermove", _), window.addEventListener("pointerup", w);
-    }, w = (g) => {
-      if (y != null && g)
+      window.addEventListener("pointermove", w), window.addEventListener("pointerup", y);
+    }, y = (x) => {
+      if (_ != null && x)
         try {
-          g.target.releasePointerCapture(g.pointerId);
+          x.target.releasePointerCapture(x.pointerId);
         } catch {
         }
-      p = null, y = null, s.value = !1, a.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", w), A();
-    }, _ = (g) => {
+      p = null, _ = null, a.value = !1, i.value = !1, window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", y), B();
+    }, w = (x) => {
       if (!p || !l.value) return;
-      const b = l.value.getBoundingClientRect(), S = r(g.clientX - b.left, 0, b.width), z = t.min + S / b.width * (t.max - t.min), I = Math.round(z / t.step) * t.step;
-      p === "low" ? t.range ? i.value = Math.min(I, c.value) : i.value = r(I, t.min, t.max) : p === "high" && (c.value = Math.max(I, i.value));
-    }, h = (g) => {
+      const k = l.value.getBoundingClientRect(), A = c(x.clientX - k.left, 0, k.width), z = t.min + A / k.width * (t.max - t.min), H = Math.round(z / t.step) * t.step;
+      p === "low" ? t.range ? s.value = Math.min(H, r.value) : s.value = c(H, t.min, t.max) : p === "high" && (r.value = Math.max(H, s.value));
+    }, g = (x) => {
       if (!l.value) return;
-      const b = l.value.getBoundingClientRect(), S = r(g.clientX - b.left, 0, b.width), z = t.min + S / b.width * (t.max - t.min), I = Math.round(z / t.step) * t.step;
+      const k = l.value.getBoundingClientRect(), A = c(x.clientX - k.left, 0, k.width), z = t.min + A / k.width * (t.max - t.min), H = Math.round(z / t.step) * t.step;
       if (t.range) {
-        const se = Math.abs(I - i.value), ie = Math.abs(I - c.value);
-        se <= ie ? i.value = Math.min(I, c.value) : c.value = Math.max(I, i.value);
+        const ce = Math.abs(H - s.value), ue = Math.abs(H - r.value);
+        ce <= ue ? s.value = Math.min(H, r.value) : r.value = Math.max(H, s.value);
       } else
-        i.value = r(I, t.min, t.max);
-      A();
-    }, O = (g, b) => {
-      const S = t.step, z = b.key === "ArrowLeft" || b.key === "ArrowDown" ? -1 : b.key === "ArrowRight" || b.key === "ArrowUp" ? 1 : 0;
+        s.value = c(H, t.min, t.max);
+      B();
+    }, L = (x, k) => {
+      const A = t.step, z = k.key === "ArrowLeft" || k.key === "ArrowDown" ? -1 : k.key === "ArrowRight" || k.key === "ArrowUp" ? 1 : 0;
       if (z) {
-        if (g === "low") {
-          const I = r(i.value + z * S, t.min, t.range ? c.value : t.max);
-          i.value = I, s.value = !0, setTimeout(() => s.value = !1, 800);
+        if (x === "low") {
+          const H = c(s.value + z * A, t.min, t.range ? r.value : t.max);
+          s.value = H, a.value = !0, setTimeout(() => a.value = !1, 800);
         } else {
-          const I = r(c.value + z * S, t.range ? i.value : t.max, t.max);
-          c.value = I, a.value = !0, setTimeout(() => a.value = !1, 800);
+          const H = c(r.value + z * A, t.range ? s.value : t.max, t.max);
+          r.value = H, i.value = !0, setTimeout(() => i.value = !1, 800);
         }
-        A();
+        B();
       }
-    }, A = () => {
-      t.range ? (o("update:modelValue", [i.value, c.value]), o("change", [i.value, c.value])) : (o("update:modelValue", i.value), o("change", i.value));
+    }, B = () => {
+      t.range ? (o("update:modelValue", [s.value, r.value]), o("change", [s.value, r.value])) : (o("update:modelValue", s.value), o("change", s.value));
     };
-    Te(() => {
-      window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", w);
-    }), q([() => t.min, () => t.max], () => {
-      i.value = r(i.value, t.min, t.max), c.value = r(c.value, t.min, t.max);
+    Be(() => {
+      window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", y);
+    }), X([() => t.min, () => t.max], () => {
+      s.value = c(s.value, t.min, t.max), r.value = c(r.value, t.min, t.max);
     });
     const F = C(() => t.range);
-    return he(() => {
-      t.modelValue === void 0 && (t.range ? o("update:modelValue", [i.value, c.value]) : o("update:modelValue", i.value));
-    }), (g, b) => (v(), x("div", {
+    return me(() => {
+      t.modelValue === void 0 && (t.range ? o("update:modelValue", [s.value, r.value]) : o("update:modelValue", s.value));
+    }), (x, k) => (f(), b("div", {
       class: "vj-slider",
-      onPointerdown: b[8] || (b[8] = de(() => {
+      onPointerdown: k[8] || (k[8] = K(() => {
       }, ["stop"]))
     }, [
-      k("div", {
+      V("div", {
         class: "track",
         ref_key: "track",
         ref: l,
-        onClick: h
+        onClick: g
       }, [
-        k("div", {
+        V("div", {
           class: "range",
-          style: Z(f.value)
+          style: J(m.value)
         }, null, 4),
-        s.value ? (v(), x("div", {
+        a.value ? (f(), b("div", {
           key: 0,
           class: "tooltip",
-          style: Z({ left: d.value.left })
-        }, D(i.value), 5)) : $("", !0),
-        k("button", {
+          style: J({ left: d.value.left })
+        }, D(s.value), 5)) : S("", !0),
+        V("button", {
           class: "handle low",
-          style: Z(d.value),
+          style: J(d.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
-          "aria-valuenow": i.value,
+          "aria-valuenow": s.value,
           "aria-label": F.value ? "Lower value" : "Value",
-          onPointerdown: b[0] || (b[0] = de((S) => V("low", S), ["prevent"])),
-          onFocus: b[1] || (b[1] = (S) => s.value = !0),
-          onBlur: b[2] || (b[2] = (S) => s.value = !1),
-          onKeydown: b[3] || (b[3] = de((S) => O("low", S), ["stop", "prevent"])),
+          onPointerdown: k[0] || (k[0] = K((A) => h("low", A), ["prevent"])),
+          onFocus: k[1] || (k[1] = (A) => a.value = !0),
+          onBlur: k[2] || (k[2] = (A) => a.value = !1),
+          onKeydown: k[3] || (k[3] = K((A) => L("low", A), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, ql),
-        F.value && a.value ? (v(), x("div", {
+        }, null, 44, xa),
+        F.value && i.value ? (f(), b("div", {
           key: 1,
           class: "tooltip",
-          style: Z({ left: m.value.left })
-        }, D(c.value), 5)) : $("", !0),
-        F.value ? (v(), x("button", {
+          style: J({ left: v.value.left })
+        }, D(r.value), 5)) : S("", !0),
+        F.value ? (f(), b("button", {
           key: 2,
           class: "handle high",
-          style: Z(m.value),
+          style: J(v.value),
           "aria-valuemin": e.min,
           "aria-valuemax": e.max,
-          "aria-valuenow": c.value,
+          "aria-valuenow": r.value,
           "aria-label": "Upper value",
-          onPointerdown: b[4] || (b[4] = de((S) => V("high", S), ["prevent"])),
-          onFocus: b[5] || (b[5] = (S) => a.value = !0),
-          onBlur: b[6] || (b[6] = (S) => a.value = !1),
-          onKeydown: b[7] || (b[7] = de((S) => O("high", S), ["stop", "prevent"])),
+          onPointerdown: k[4] || (k[4] = K((A) => h("high", A), ["prevent"])),
+          onFocus: k[5] || (k[5] = (A) => i.value = !0),
+          onBlur: k[6] || (k[6] = (A) => i.value = !1),
+          onKeydown: k[7] || (k[7] = K((A) => L("high", A), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, Gl)) : $("", !0)
+        }, null, 44, ka)) : S("", !0)
       ], 512)
     ], 32));
   }
-}), Jl = /* @__PURE__ */ M(Yl, [["__scopeId", "data-v-d47c7475"]]), Ql = ["onFocusin", "onFocusout"], Zl = /* @__PURE__ */ B({
+}), Ca = /* @__PURE__ */ O(Va, [["__scopeId", "data-v-d47c7475"]]), Ea = ["onFocusin", "onFocusout"], La = /* @__PURE__ */ T({
   __name: "input-slider",
   props: {
     modelValue: {},
@@ -2531,19 +2853,20 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     spanRow: { type: Boolean },
     error: {},
     labelPosition: {},
+    appearance: {},
     min: {},
     max: {},
     step: {}
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), s = E(Number.isNaN(l) ? 0 : l), a = (r) => {
-      const i = typeof r == "number" ? r : Number(r ?? 0);
-      s.value = Number.isNaN(i) ? 0 : i, o("update:modelValue", s.value), o("input", s.value);
+    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), a = E(Number.isNaN(l) ? 0 : l), i = (c) => {
+      const s = typeof c == "number" ? c : Number(c ?? 0);
+      a.value = Number.isNaN(s) ? 0 : s, o("update:modelValue", a.value), o("input", a.value);
     };
-    return (r, i) => (v(), j(Fe, {
-      modelValue: s.value,
-      "onUpdate:modelValue": a,
+    return (c, s) => (f(), j(je, {
+      modelValue: a.value,
+      "onUpdate:modelValue": i,
       label: t.label,
       id: t.id,
       placeholder: " ",
@@ -2553,30 +2876,30 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
       spanRow: t.spanRow,
       error: t.error
     }, {
-      control: W(({ id: c, disabled: u, placeholder: d, onFocus: m, onBlur: f }) => [
-        k("div", {
+      control: W(({ id: r, disabled: u, placeholder: d, onFocus: v, onBlur: m }) => [
+        V("div", {
           class: "input-slider__control",
-          onFocusin: m,
-          onFocusout: f
+          onFocusin: v,
+          onFocusout: m
         }, [
-          P(Jl, {
-            id: c,
-            modelValue: s.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (p) => s.value = p),
+          P(Ca, {
+            id: r,
+            modelValue: a.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (p) => a.value = p),
             min: t.min,
             max: t.max,
             step: t.step,
             range: !1,
             disabled: u
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Ql)
+        ], 40, Ea)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), ea = /* @__PURE__ */ M(Zl, [["__scopeId", "data-v-051e6d17"]]), ta = { class: "textarea" }, na = ["value", "placeholder", "disabled", "rows"], oa = /* @__PURE__ */ B({
+}), $a = /* @__PURE__ */ O(La, [["__scopeId", "data-v-051e6d17"]]), Sa = { class: "textarea" }, Ra = ["value", "placeholder", "disabled", "rows"], Aa = /* @__PURE__ */ T({
   __name: "textarea",
-  props: /* @__PURE__ */ ue({
+  props: /* @__PURE__ */ Z({
     icon: {},
     placeholder: {},
     disabled: { type: Boolean },
@@ -2586,46 +2909,46 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, o = ye(e, "modelValue"), l = (c) => {
-      o.value = c.target.value;
-    }, s = () => {
+    const t = n, o = ve(e, "modelValue"), l = (r) => {
+      o.value = r.target.value;
+    }, a = () => {
       o.value = "";
-    }, a = (c) => {
-      t("focus", c);
-    }, r = (c) => {
-      t("blur", c);
-    }, i = C(() => !o.value);
-    return (c, u) => {
-      const d = U("VjIcon");
-      return v(), x("div", ta, [
-        e.icon ? (v(), j(d, {
+    }, i = (r) => {
+      t("focus", r);
+    }, c = (r) => {
+      t("blur", r);
+    }, s = C(() => !o.value);
+    return (r, u) => {
+      const d = N("VjIcon");
+      return f(), b("div", Sa, [
+        e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: R(X).S,
+          size: $(q).S,
           class: "textarea-icon"
-        }, null, 8, ["icon", "size"])) : $("", !0),
-        k("textarea", {
+        }, null, 8, ["icon", "size"])) : S("", !0),
+        V("textarea", {
           value: o.value,
           onInput: l,
-          onFocus: a,
-          onBlur: r,
+          onFocus: i,
+          onBlur: c,
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, na),
-        e.clearable && !e.disabled ? (v(), j(d, {
+        }, null, 40, Ra),
+        e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
-          class: N(["clear-icon", { invisible: i.value }]),
-          icon: R(H).CLOSE,
-          size: R(X).S,
-          onClick: s
-        }, null, 8, ["class", "icon", "size"])) : $("", !0)
+          class: I(["clear-icon", { invisible: s.value }]),
+          icon: $(U).CLOSE,
+          size: $(q).S,
+          onClick: a
+        }, null, 8, ["class", "icon", "size"])) : S("", !0)
       ]);
     };
   }
-}), Zt = /* @__PURE__ */ M(oa, [["__scopeId", "data-v-2ea43716"]]), la = /* @__PURE__ */ B({
+}), an = /* @__PURE__ */ O(Aa, [["__scopeId", "data-v-2ea43716"]]), Ta = /* @__PURE__ */ T({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -2638,22 +2961,23 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     spanRow: { type: Boolean },
     error: {},
     labelPosition: {},
+    appearance: {},
     rows: {}
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = (u) => o("update:modelValue", u), s = (u) => o("input", u), a = (u) => o("focus", u), r = (u) => o("blur", u), i = (u) => {
+    const t = e, o = n, l = (u) => o("update:modelValue", u), a = (u) => o("input", u), i = (u) => o("focus", u), c = (u) => o("blur", u), s = (u) => {
       l(u ?? "");
-    }, c = C(() => {
+    }, r = C(() => {
       const u = t.modelValue;
       return u == null ? "" : String(u);
     });
-    return (u, d) => (v(), j(Fe, {
+    return (u, d) => (f(), j(je, {
       modelValue: t.modelValue,
       "onUpdate:modelValue": l,
-      onInput: s,
-      onFocus: a,
-      onBlur: r,
+      onInput: a,
+      onFocus: i,
+      onBlur: c,
       label: t.label,
       id: t.id,
       placeholder: t.placeholder,
@@ -2662,31 +2986,32 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
       newLine: t.newLine,
       spanRow: t.spanRow,
       labelPosition: t.labelPosition,
-      error: t.error
+      error: t.error,
+      appearance: t.appearance
     }, {
-      control: W(({ id: m, disabled: f, placeholder: p, onFocus: y, onBlur: V }) => [
-        P(Zt, {
-          id: m,
-          modelValue: c.value,
-          "onUpdate:modelValue": i,
-          onFocus: (w) => {
-            y(w), a(w);
+      control: W(({ id: v, disabled: m, placeholder: p, onFocus: _, onBlur: h }) => [
+        P(an, {
+          id: v,
+          modelValue: r.value,
+          "onUpdate:modelValue": s,
+          onFocus: (y) => {
+            _(y), i(y);
           },
-          onBlur: (w) => {
-            V(w), r(w);
+          onBlur: (y) => {
+            h(y), c(y);
           },
           placeholder: p,
-          disabled: f,
+          disabled: m,
           rows: t.rows,
           clearable: ""
         }, null, 8, ["id", "modelValue", "onFocus", "onBlur", "placeholder", "disabled", "rows"])
       ]),
       _: 1
-    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error"]));
+    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "appearance"]));
   }
-}), aa = { class: "input" }, sa = ["value", "type", "placeholder", "disabled"], ia = /* @__PURE__ */ B({
+}), Oa = { class: "input" }, Ba = ["value", "type", "placeholder", "disabled"], Da = /* @__PURE__ */ T({
   __name: "input",
-  props: /* @__PURE__ */ ue({
+  props: /* @__PURE__ */ Z({
     icon: {},
     type: {},
     placeholder: {},
@@ -2696,45 +3021,45 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = n, o = ye(e, "modelValue"), l = (c) => {
-      o.value = c.target.value;
-    }, s = () => {
+    const t = n, o = ve(e, "modelValue"), l = (r) => {
+      o.value = r.target.value;
+    }, a = () => {
       o.value = "";
-    }, a = (c) => {
-      t("focus", c);
-    }, r = (c) => {
-      t("blur", c);
-    }, i = C(() => !o.value);
-    return (c, u) => {
-      const d = U("VjIcon");
-      return v(), x("div", aa, [
-        e.icon ? (v(), j(d, {
+    }, i = (r) => {
+      t("focus", r);
+    }, c = (r) => {
+      t("blur", r);
+    }, s = C(() => !o.value);
+    return (r, u) => {
+      const d = N("VjIcon");
+      return f(), b("div", Oa, [
+        e.icon ? (f(), j(d, {
           key: 0,
           icon: e.icon,
-          size: R(X).S
-        }, null, 8, ["icon", "size"])) : $("", !0),
-        k("input", {
+          size: $(q).S
+        }, null, 8, ["icon", "size"])) : S("", !0),
+        V("input", {
           value: o.value,
           onInput: l,
-          onFocus: a,
-          onBlur: r,
+          onFocus: i,
+          onBlur: c,
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, sa),
-        e.clearable && !e.disabled ? (v(), j(d, {
+        }, null, 40, Ba),
+        e.clearable && !e.disabled ? (f(), j(d, {
           key: 1,
-          class: N(["clear-icon", { invisible: i.value }]),
-          icon: R(H).CLOSE,
-          size: R(X).S,
-          onClick: s
-        }, null, 8, ["class", "icon", "size"])) : $("", !0)
+          class: I(["clear-icon", { invisible: s.value }]),
+          icon: $(U).CLOSE,
+          size: $(q).S,
+          onClick: a
+        }, null, 8, ["class", "icon", "size"])) : S("", !0)
       ]);
     };
   }
-}), en = /* @__PURE__ */ M(ia, [["__scopeId", "data-v-3187d49c"]]), ra = /* @__PURE__ */ B({
+}), sn = /* @__PURE__ */ O(Da, [["__scopeId", "data-v-3187d49c"]]), Ma = /* @__PURE__ */ T({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -2747,19 +3072,20 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     spanRow: { type: Boolean },
     error: {},
     labelPosition: {},
+    appearance: {},
     type: {}
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = n, o = (i) => t("update:modelValue", i), l = (i) => t("input", i), s = (i) => t("focus", i), a = (i) => t("blur", i), r = (i) => {
-      o(i ?? "");
+    const t = n, o = (s) => t("update:modelValue", s), l = (s) => t("input", s), a = (s) => t("focus", s), i = (s) => t("blur", s), c = (s) => {
+      o(s ?? "");
     };
-    return (i, c) => (v(), j(Fe, {
+    return (s, r) => (f(), j(je, {
       modelValue: e.modelValue,
       "onUpdate:modelValue": o,
       onInput: l,
-      onFocus: s,
-      onBlur: a,
+      onFocus: a,
+      onBlur: i,
       label: e.label,
       id: e.id,
       placeholder: e.placeholder,
@@ -2768,29 +3094,33 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
       newLine: e.newLine,
       spanRow: e.spanRow,
       error: e.error,
-      labelPosition: e.labelPosition
+      labelPosition: e.labelPosition,
+      appearance: e.appearance
     }, {
-      control: W(({ id: u, disabled: d, placeholder: m, onFocus: f, onBlur: p }) => [
-        P(en, {
+      control: W(({ id: u, disabled: d, placeholder: v, onFocus: m, onBlur: p }) => [
+        P(sn, {
           id: u,
           modelValue: e.modelValue,
           type: e.type,
-          "onUpdate:modelValue": r,
-          onFocus: (y) => {
-            f(y), s(y);
+          "onUpdate:modelValue": c,
+          onFocus: (_) => {
+            m(_), a(_);
           },
-          onBlur: (y) => {
-            p(y), a(y);
+          onBlur: (_) => {
+            p(_), i(_);
           },
-          placeholder: m,
+          placeholder: v,
           disabled: d,
           clearable: ""
         }, null, 8, ["id", "modelValue", "type", "onFocus", "onBlur", "placeholder", "disabled"])
       ]),
       _: 1
-    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition"]));
+    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "labelPosition", "appearance"]));
   }
-}), ca = { class: "shell-navigation-item" }, ua = { class: "shell-navigation-item-label" }, da = /* @__PURE__ */ B({
+}), Pa = { class: "shell-navigation-item" }, ja = { class: "shell-navigation-item-label" }, Fa = {
+  key: 1,
+  class: "shell-navigation-item-link"
+}, za = { class: "shell-navigation-item-label" }, Ia = /* @__PURE__ */ T({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -2799,9 +3129,10 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
   },
   setup(e) {
     return (n, t) => {
-      const o = U("VjIcon"), l = U("RouterLink");
-      return v(), x("li", ca, [
-        P(l, {
+      const o = N("VjIcon"), l = N("RouterLink");
+      return f(), b("li", Pa, [
+        e.to ? (f(), j(l, {
+          key: 0,
           to: e.to,
           class: "shell-navigation-item-link"
         }, {
@@ -2810,45 +3141,52 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            k("label", ua, D(e.label), 1)
+            V("label", ja, D(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])
+        }, 8, ["to"])) : (f(), b("button", Fa, [
+          P(o, {
+            icon: e.icon,
+            class: "shell-navigation-item-icon"
+          }, null, 8, ["icon"]),
+          V("label", za, D(e.label), 1)
+        ]))
       ]);
     };
   }
-}), fa = /* @__PURE__ */ M(da, [["__scopeId", "data-v-d5c087be"]]), ma = { class: "navigation-top" }, va = { class: "navigation-bottom" }, pa = /* @__PURE__ */ B({
+}), Ha = /* @__PURE__ */ O(Ia, [["__scopeId", "data-v-eb7dcd0c"]]), Ua = { class: "navigation-top" }, Wa = {
+  key: 0,
+  class: "navigation-bottom"
+}, Ka = /* @__PURE__ */ T({
   __name: "shell-navigation",
   setup(e) {
-    const n = $t(_a, ka());
-    console.log("navigationProvider", n);
-    const t = C(() => n.showLabels);
+    const n = Dt(Qa, ei()), t = C(() => n.showLabels);
     return (o, l) => {
-      const s = U("VjShellNavigationItem");
-      return v(), x("nav", {
-        class: N(["shell-navigation", { "with-labels": t.value }])
+      const a = N("VjShellNavigationItem");
+      return f(), b("nav", {
+        class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
-        k("ul", ma, [
-          R(n).hasParent && R(n).backRoute.value ? (v(), j(s, {
+        V("ul", Ua, [
+          $(n).hasParent && $(n).backRoute.value ? (f(), j(a, {
             key: 0,
-            to: R(n).backRoute.value,
+            to: $(n).backRoute.value,
             label: "BACK",
-            icon: R(H).HOME
-          }, null, 8, ["to", "icon"])) : $("", !0),
-          (v(!0), x(ge, null, Xe(R(n).childRoutes.value, (a) => (v(), j(s, {
-            key: a.name,
-            to: { name: a.name },
-            label: a.meta.label,
-            icon: a.meta.icon ?? R(H).HOME
+            icon: $(U).HOME
+          }, null, 8, ["to", "icon"])) : S("", !0),
+          (f(!0), b(ne, null, Se($(n).childRoutes.value, (i) => (f(), j(a, {
+            key: i.name,
+            to: { name: i.name },
+            label: i.meta.label,
+            icon: i.meta.icon ?? $(U).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        k("ul", va, [
-          T(o.$slots, "fixed", {}, void 0, !0)
-        ])
+        o.$slots.fixed ? (f(), b("ul", Wa, [
+          M(o.$slots, "fixed", {}, void 0, !0)
+        ])) : S("", !0)
       ], 2);
     };
   }
-}), tn = /* @__PURE__ */ M(pa, [["__scopeId", "data-v-0f990f5b"]]), ha = { class: "shell" }, ga = { class: "shell-title" }, ba = ["src"], ya = { class: "header-actions" }, wa = /* @__PURE__ */ B({
+}), rn = /* @__PURE__ */ O(Ka, [["__scopeId", "data-v-306cfc22"]]), Xa = { class: "shell" }, Na = { class: "shell-title" }, qa = ["src"], Ga = { class: "header-actions" }, Ya = /* @__PURE__ */ T({
   __name: "shell",
   props: {
     title: {},
@@ -2856,90 +3194,98 @@ const $l = ["data-colspan", "data-newline"], Al = ["for"], Ol = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = Sa(), t = Je(n, "asideComponent"), o = Je(n, "hasAside"), l = Je(n, "asideData"), s = C(() => {
-      const a = l.value;
-      return a && typeof a == "object" ? a : {};
+    const n = ai(), t = Je(n, "asideComponent"), o = Je(n, "hasAside"), l = Je(n, "asideData"), a = C(() => {
+      const i = l.value;
+      return i && typeof i == "object" ? i : {};
     });
-    return (a, r) => {
-      const i = U("router-view");
-      return v(), x("div", ha, [
-        k("header", null, [
-          k("span", ga, [
-            e.icon ? (v(), x("img", {
+    return (i, c) => {
+      const s = N("router-view");
+      return f(), b("div", Xa, [
+        V("header", null, [
+          V("span", Na, [
+            e.icon ? (f(), b("img", {
               key: 0,
               src: e.icon,
               alt: "Shell Icon"
-            }, null, 8, ba)) : $("", !0),
-            k("h1", null, D(e.title), 1)
+            }, null, 8, qa)) : S("", !0),
+            V("h1", null, D(e.title), 1)
           ]),
-          k("div", ya, [
-            T(a.$slots, "header-actions", {}, void 0, !0)
+          V("div", Ga, [
+            M(i.$slots, "header-actions", {}, void 0, !0)
           ])
         ]),
-        k("div", {
-          class: N(["shell-content", { "with-navigation": e.showNavigation }])
+        V("div", {
+          class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (v(), j(R(tn), { key: 0 })) : $("", !0),
-          k("main", null, [
-            T(a.$slots, "default", {}, () => [
-              P(i)
+          e.showNavigation ? (f(), j($(rn), { key: 0 }, lt({ _: 2 }, [
+            i.$slots?.["navigation-fixed"] ? {
+              name: "fixed",
+              fn: W(() => [
+                M(i.$slots, "navigation-fixed", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1024)) : S("", !0),
+          V("main", null, [
+            M(i.$slots, "default", {}, () => [
+              P(s)
             ], !0)
           ]),
-          k("aside", {
-            class: N({ "aside-visible": o.value })
+          V("aside", {
+            class: I({ "aside-visible": o.value })
           }, [
-            (v(), j(St(t.value), fn(mn(s.value)), null, 16))
+            (f(), j(Ot(t.value), gn(bn(a.value)), null, 16))
           ], 2)
         ], 2),
-        r[0] || (r[0] = k("footer", null, null, -1))
+        c[0] || (c[0] = V("footer", null, null, -1))
       ]);
     };
   }
-}), xa = /* @__PURE__ */ M(wa, [["__scopeId", "data-v-336560c3"]]), _a = "navigationProvider";
-function Va(e) {
+}), Ja = /* @__PURE__ */ O(Ya, [["__scopeId", "data-v-4dfd0097"]]), Qa = "navigationProvider";
+function Za(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const ka = () => {
-  const e = gn(), n = bn(), t = !0, o = C(() => {
+const ei = () => {
+  const e = xn(), n = kn(), t = !0, o = C(() => {
     const u = e.getRoutes();
-    return u.filter((d) => d.path !== "/" && !u.some((m) => m.children?.some((f) => f.name === d.name)));
+    return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((m) => m.name === d.name)));
   }), l = C(() => {
     const u = n.matched;
     return u.length ? u[u.length - 1] : null;
-  }), s = C(() => {
+  }), a = C(() => {
     const u = n.matched;
     return u.length > 1 ? u[u.length - 2] : null;
-  }), a = C(() => !!(l.value?.children?.length || s.value)), r = C(() => l.value?.children?.length ? l.value : s.value?.children?.length ? s.value : null), i = C(() => {
-    if (!r.value) return null;
-    const d = e.getRoutes().find((m) => m.children?.some((f) => f.name === r.value.name));
+  }), i = C(() => !!(l.value?.children?.length || a.value)), c = C(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), s = C(() => {
+    if (!c.value) return null;
+    const d = e.getRoutes().find((v) => v.children?.some((m) => m.name === c.value.name));
     return d ? { name: d.name } : { path: "/" };
-  }), c = C(() => {
+  }), r = C(() => {
     let u = [];
-    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : s.value?.children?.length ? u = s.value.children : u = o.value, u.filter(Va);
+    return 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(Za);
   });
   return {
-    hasParent: a,
-    backRoute: i,
-    childRoutes: c,
+    hasParent: i,
+    backRoute: s,
+    childRoutes: r,
     showLabels: t
   };
-}, Fa = (e, n = !0, t = void 0) => {
-  const o = vn(e) ? e : E(e), l = !!t, s = E(t || null);
+}, gi = (e, n = !0, t = void 0) => {
+  const o = yn(e) ? e : E(e), l = !!t, a = E(t || null);
   return {
     hasParent: l,
-    backRoute: s,
+    backRoute: a,
     childRoutes: o,
     showLabels: n
   };
-}, rt = E(!1), ct = E(null), ut = E(null);
-let Ce = [];
-const nn = (e) => (Ce.push(e), () => {
-  Ce = Ce.filter((n) => n !== e);
-}), Ca = (e, n) => (Ce = [], ct.value = e, ut.value = n ?? null, rt.value = !0, {
-  onClose: (t) => nn(t)
-}), Ea = (e) => {
+}, ft = E(!1), vt = E(null), mt = E(null);
+let Ee = [];
+const cn = (e) => (Ee.push(e), () => {
+  Ee = Ee.filter((n) => n !== e);
+}), ti = (e, n) => (Ee = [], vt.value = e, mt.value = n ?? null, ft.value = !0, {
+  onClose: (t) => cn(t)
+}), ni = (e) => {
   try {
-    Ce.forEach((n) => {
+    Ee.forEach((n) => {
       try {
         n(e);
       } catch (t) {
@@ -2947,66 +3293,26 @@ const nn = (e) => (Ce.push(e), () => {
       }
     });
   } finally {
-    rt.value = !1, setTimeout(Ra, 1e3);
-  }
-}, Ra = () => {
-  Ce = [], ct.value = null, ut.value = null;
-}, La = {
-  asideComponent: ct,
-  asideData: ut,
-  showAside: Ca,
-  closeAside: Ea,
-  onAsideClose: nn,
-  hasAside: rt
-}, Sa = () => La, Da = (e, n) => {
+    ft.value = !1, setTimeout(oi, 1e3);
+  }
+}, oi = () => {
+  Ee = [], vt.value = null, mt.value = null;
+}, li = {
+  asideComponent: vt,
+  asideData: mt,
+  showAside: ti,
+  closeAside: ni,
+  onAsideClose: cn,
+  hasAside: ft
+}, ai = () => li, bi = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
       e(...l);
     }, n);
   };
-}, za = () => {
-  const e = E(!1), n = E(null), t = () => {
-    n.value = null;
-  };
-  class o {
-    inner;
-    defaultValue;
-    handlers = [];
-    constructor(a, r) {
-      this.inner = a, this.defaultValue = r;
-    }
-    onError(a) {
-      return this.handlers.push(a), this;
-    }
-    async exec() {
-      n.value = null, e.value = !0;
-      try {
-        return await this.inner();
-      } catch (a) {
-        n.value = a;
-        for (const r of this.handlers)
-          try {
-            r(a);
-          } catch (i) {
-            console.error("onError handler failed", i);
-          }
-        if (this.defaultValue !== void 0) return this.defaultValue;
-        throw a;
-      } finally {
-        e.value = !1;
-      }
-    }
-    then(a, r) {
-      return this.exec().then(a, r);
-    }
-  }
-  function l(s, a) {
-    return new o(s, a);
-  }
-  return { run: l, running: e, error: n, clearError: t };
 };
-class $a {
+class ii {
   containerElement = null;
   apps = [];
   ensureContainer() {
@@ -3016,15 +3322,15 @@ class $a {
     return new Promise((t) => {
       const o = this.ensureContainer(), l = document.createElement("div");
       o.appendChild(l);
-      let s = !1;
-      const a = () => {
-        s || (s = !0, setTimeout(() => {
-          const i = this.apps.find((c) => c.element === l);
-          i && (i.app.unmount(), this.apps = this.apps.filter((c) => c !== i)), l.remove();
+      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();
         }, 300));
-      }, r = pn({
+      }, c = wn({
         setup() {
-          return () => hn(Tt, {
+          return () => _n(at, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -3037,18 +3343,18 @@ class $a {
             closeOnBackdrop: n.closeOnBackdrop ?? !1,
             closeOnEscape: n.closeOnEscape ?? !0,
             onConfirm: () => {
-              t(!0), a();
+              t(!0), i();
             },
             onCancel: () => {
-              t(!1), a();
+              t(!1), i();
             },
             onClose: () => {
-              s || t(!1), a();
+              a || t(!1), i();
             }
           });
         }
       });
-      r.component("VjCard", Ot), r.component("VjIcon", Be), r.component("VjButton", At), r.mount(l), this.apps.push({ app: r, element: l });
+      c.component("VjCard", et), c.component("VjIcon", we), c.component("VjButton", Mt), c.mount(l), this.apps.push({ app: c, element: l });
     });
   }
   confirm(n) {
@@ -3076,62 +3382,177 @@ class $a {
     }), this.apps = [];
   }
 }
-const Aa = new $a();
-function Ia() {
-  return Aa;
+const si = new ii();
+function yi() {
+  return si;
 }
-const Na = {
+const wi = () => {
+  const e = E(!1), n = E(null), t = () => {
+    n.value = null;
+  };
+  class o {
+    inner;
+    defaultValue;
+    handlers = [];
+    constructor(i, c) {
+      this.inner = i, this.defaultValue = c;
+    }
+    onError(i) {
+      return this.handlers.push(i), this;
+    }
+    async exec() {
+      n.value = null, e.value = !0;
+      try {
+        return await this.inner();
+      } catch (i) {
+        n.value = i;
+        for (const c of this.handlers)
+          try {
+            c(i);
+          } catch (s) {
+            console.error("onError handler failed", s);
+          }
+        if (this.defaultValue !== void 0) return this.defaultValue;
+        throw i;
+      } finally {
+        e.value = !1;
+      }
+    }
+    then(i, c) {
+      return this.exec().then(i, c);
+    }
+  }
+  function l(a, i) {
+    return new o(a, i);
+  }
+  return { run: l, running: e, error: n, clearError: t };
+};
+class ri {
+  notifications = E([]);
+  notificationIdCounter = 0;
+  /**
+   * Gibt die reaktive Liste der Notifications zurück
+   */
+  getNotifications() {
+    return this.notifications;
+  }
+  /**
+   * Zeigt eine Notification an
+   * @param type - Der Typ der Notification (info, warning, error, success)
+   * @param message - Die Nachricht
+   * @param duration - Optionale Dauer in ms (Standard: 5000ms, errors bleiben stehen)
+   * @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,
+      type: n,
+      title: t,
+      message: o,
+      duration: i
+    };
+    return this.notifications.value.unshift(c), i && setTimeout(() => {
+      this.remove(a);
+    }, i), a;
+  }
+  /**
+   * Zeigt eine Info-Notification
+   */
+  info(n, t, o) {
+    return this.show("info", n, t, o);
+  }
+  /**
+   * Zeigt eine Warning-Notification
+   */
+  warning(n, t, o) {
+    return this.show("warning", n, t, o);
+  }
+  /**
+   * Zeigt eine Error-Notification (bleibt stehen bis manuell geschlossen)
+   */
+  error(n, t) {
+    return this.show("error", n, t);
+  }
+  /**
+   * Zeigt eine Success-Notification
+   */
+  success(n, t, o) {
+    return this.show("success", n, t, o);
+  }
+  /**
+   * Entfernt eine spezifische Notification
+   */
+  remove(n) {
+    const t = this.notifications.value.findIndex((o) => o.id === n);
+    t !== -1 && this.notifications.value.splice(t, 1);
+  }
+  /**
+   * Entfernt alle Notifications
+   */
+  clearAll() {
+    this.notifications.value = [];
+  }
+}
+const _i = new ri(), xi = {
   install(e) {
-    e.component("VjButton", At), e.component("VjButtonBar", kn), e.component("VjCard", Ot), e.component("VjCarousel", jn), e.component("VjDotMenu", Po), e.component("VjIcon", Be), e.component("VjLinkButton", Fo), e.component("VjMenu", Xo), e.component("VjMenuAction", No), e.component("VjPage", dl), e.component("VjPaginator", vl), e.component("VjTab", Ll), e.component("VjTabView", El), e.component("VjDialog", Tt), e.component("VjInput", en), e.component("VjSelect", Qt), e.component("VjTextArea", Zt), e.component("VjFormField", Fe), e.component("VjFormLayout", jl), e.component("VjFormSection", zl), e.component("VjInputText", ra), e.component("VjInputTextArea", la), e.component("VjInputSelect", Kl), e.component("VjInputSlider", ea), e.component("VjShellNavigation", tn), e.component("VjShellNavigationItem", fa), e.component("VjShell", xa), e.component("VjSearchField", bl), e.component("VjSeparator", wl), e.directive("focus", Go), e.directive("resize", Yo), e.directive("compact", Ko);
+    e.component("VjButton", Mt), e.component("VjButtonBar", Sn), e.component("VjCard", et), e.component("VjChip", Pt), e.component("VjChipGroup", jt), e.component("VjChipSelector", vo), e.component("VjCarousel", et), e.component("VjCheckbox", Hn), e.component("VjDotMenu", sl), e.component("VjDialog", at), e.component("VjIcon", we), e.component("VjLinkButton", cl), e.component("VjMenu", gl), e.component("VjMenuAction", vl), e.component("VjPage", Dl), e.component("VjPaginator", jl), e.component("VjTab", Ql), e.component("VjTabView", Yl), e.component("VjSkeleton", oa), e.component("VjSpinner", nn), e.component("VjInput", sn), e.component("VjSelect", ln), e.component("VjTextArea", an), e.component("VjFormField", je), e.component("VjFormLayout", da), e.component("VjFormSection", ma), e.component("VjInputText", Ma), e.component("VjInputTextArea", Ta), e.component("VjInputSelect", _a), e.component("VjInputSlider", $a), e.component("VjShellNavigation", rn), e.component("VjShellNavigationItem", Ha), e.component("VjShell", Ja), e.component("VjSearchField", Hl), e.component("VjSeparator", Wl), e.directive("focus", wl), e.directive("resize", _l), e.directive("compact", bl);
   }
 };
 export {
-  At as Button,
-  kn as ButtonBar,
-  Ot as Card,
-  jn as Carousel,
-  Ma as Checkbox,
-  Tt as Dialog,
-  Po as DotMenu,
-  Fe as FormField,
-  jl as FormLayout,
-  zl as FormSection,
-  Be as Icon,
-  H as IconNames,
-  X as IconSize,
-  en as Input,
-  Kl as InputSelect,
-  ea as InputSlider,
-  ra as InputText,
-  la as InputTextArea,
-  Fo as LinkButton,
-  Xo as Menu,
-  No as MenuAction,
-  dl as Page,
-  vl as Paginator,
-  bl as SearchField,
-  Qt as Select,
-  wl as Separator,
-  xa as Shell,
-  tn as ShellNavigation,
-  fa as ShellNavigationItem,
-  Ll as Tab,
-  El as TabView,
-  Zt as TextArea,
-  Na as VjComponents,
-  _a as VjNavigationProviderKey,
-  Ko as compactDirective,
-  Pa as configureVueUI,
-  Aa as dialogService,
-  Sl as getVueUIConfig,
-  ja as resetVueUIConfig,
-  Sa as useAsideService,
-  Da as useDebounce,
-  Ia as useDialog,
-  za as useFlow,
-  ka as useRouterNavigationProvider,
-  Fa as useStaticNavigationProvider,
-  Go as vFocusFirst,
-  ol as vLoading,
-  Yo as vResize
+  Mt as Button,
+  Sn as ButtonBar,
+  et as Card,
+  fi as Carousel,
+  Hn as Checkbox,
+  Pt as Chip,
+  jt as ChipGroup,
+  vo as ChipSelector,
+  at as Dialog,
+  sl as DotMenu,
+  mi as EditableLabel,
+  je as FormField,
+  da as FormLayout,
+  ma as FormSection,
+  we as Icon,
+  U as IconNames,
+  q as IconSize,
+  sn as Input,
+  _a as InputSelect,
+  $a as InputSlider,
+  Ma as InputText,
+  Ta as InputTextArea,
+  cl as LinkButton,
+  gl as Menu,
+  vl as MenuAction,
+  Dl as Page,
+  jl as Paginator,
+  vi as Radio,
+  Hl as SearchField,
+  ln as Select,
+  Wl as Separator,
+  Ja as Shell,
+  rn as ShellNavigation,
+  Ha as ShellNavigationItem,
+  oa as Skeleton,
+  nn as Spinner,
+  Ql as Tab,
+  Yl as TabView,
+  an as TextArea,
+  xi as VjComponents,
+  Qa as VjNavigationProviderKey,
+  bl as compactDirective,
+  pi as configureVueUI,
+  si as dialogService,
+  Tt as getVueUIConfig,
+  _i as notificationService,
+  hi as resetVueUIConfig,
+  ai as useAsideService,
+  bi as useDebounce,
+  yi as useDialog,
+  wi as useFlow,
+  ei as useRouterNavigationProvider,
+  gi as useStaticNavigationProvider,
+  wl as vFocusFirst,
+  Ll as vLoading,
+  _l as vResize
 };