@codemonster-ru/vueforge 0.82.0 → 0.84.0

package/dist/index.ts.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as ne, ref as N, computed as f, watch as ce, resolveComponent as nt, openBlock as c, createElementBlock as b, normalizeClass as ee, renderSlot as Y, Fragment as fe, createTextVNode as me, toDisplayString as j, createBlock as ge, withCtx as Ce, createCommentVNode as Q, resolveDynamicComponent as Ye, normalizeStyle as ke, createElementVNode as B, renderList as be, unref as We, createVNode as Ge, nextTick as $e, inject as qe, provide as Qe, withKeys as pe, withModifiers as ie, onBeforeUnmount as we, withDirectives as ze, vShow as Se, onMounted as Ve, useSlots as Xe, Teleport as Le, reactive as Dt, createSlots as bt, useAttrs as Mt, mergeProps as st, Transition as Rt, normalizeProps as Pt, guardReactiveProps as Et } from "vue";
+import { defineComponent as ne, ref as G, computed as f, watch as ve, resolveComponent as nt, openBlock as c, createElementBlock as b, normalizeClass as ee, renderSlot as q, Fragment as fe, createTextVNode as me, toDisplayString as j, createBlock as be, withCtx as Ce, createCommentVNode as Q, resolveDynamicComponent as Ye, normalizeStyle as ke, createElementVNode as B, renderList as he, unref as We, createVNode as Ge, nextTick as $e, inject as qe, provide as Qe, withKeys as pe, withModifiers as ie, onBeforeUnmount as we, withDirectives as ze, vShow as Se, onMounted as Ve, useSlots as Xe, Teleport as Le, reactive as Dt, createSlots as bt, useAttrs as Mt, mergeProps as st, Transition as Rt, normalizeProps as Pt, guardReactiveProps as Et } from "vue";
 import { useRoute as Ot, useRouter as At } from "vue-router";
 import { CmIcon as Ne } from "@codemonster-ru/vueiconify";
 const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
@@ -15,7 +15,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = Ot(), i = At(), s = N(null), d = f(() => e.href ?? e.url), r = f(() => e.as ? e.as === "router-link" && !e.to ? "a" : e.as : e.type === "router-link" || e.type === "a" ? e.type === "router-link" && !e.to ? "a" : e.type : e.to ? "router-link" : "a"), u = f(() => e.to), v = f(() => e.to ? i.resolve(e.to) : null), p = f(() => {
+    const a = o, e = n, t = Ot(), i = At(), s = G(null), d = f(() => e.href ?? e.url), r = f(() => e.as ? e.as === "router-link" && !e.to ? "a" : e.as : e.type === "router-link" || e.type === "a" ? e.type === "router-link" && !e.to ? "a" : e.type : e.to ? "router-link" : "a"), u = f(() => e.to), v = f(() => e.to ? i.resolve(e.to) : null), p = f(() => {
       if (r.value !== "router-link")
         return !1;
       const _ = v.value;
@@ -29,7 +29,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
     }, l = (_) => {
       e.disabled && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), _.stopPropagation());
     };
-    return ce(p, (_) => {
+    return ve(p, (_) => {
       _ && (a("active"), a("onActive")), a("update:active", _);
     }), (_, k) => {
       const y = nt("router-link");
@@ -42,10 +42,10 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
         onClick: $,
         onKeydown: l
       }, [
-        _.$slots.default ? Y(_.$slots, "default", { key: 0 }) : (c(), b(fe, { key: 1 }, [
+        _.$slots.default ? q(_.$slots, "default", { key: 0 }) : (c(), b(fe, { key: 1 }, [
           me(j(_.label), 1)
         ], 64))
-      ], 42, Ht)) : (c(), ge(y, {
+      ], 42, Ht)) : (c(), be(y, {
         key: 1,
         ref_key: "link",
         ref: s,
@@ -59,7 +59,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
         onKeydown: l
       }, {
         default: Ce(() => [
-          _.$slots.default ? Y(_.$slots, "default", { key: 0 }) : (c(), b(fe, { key: 1 }, [
+          _.$slots.default ? q(_.$slots, "default", { key: 0 }) : (c(), b(fe, { key: 1 }, [
             me(j(_.label), 1)
           ], 64))
         ]),
@@ -88,16 +88,16 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
 function Xt(n, o) {
   return c(), b("div", Nt, [
     n.$slots.default ? (c(), b("div", Gt, [
-      Y(n.$slots, "default")
+      q(n.$slots, "default")
     ])) : Q("", !0),
     n.$slots.header ? (c(), b("div", jt, [
-      Y(n.$slots, "header")
+      q(n.$slots, "header")
     ])) : Q("", !0),
     n.$slots.body ? (c(), b("div", Yt, [
-      Y(n.$slots, "body")
+      q(n.$slots, "body")
     ])) : Q("", !0),
     n.$slots.footer ? (c(), b("div", qt, [
-      Y(n.$slots, "footer")
+      q(n.$slots, "footer")
     ])) : Q("", !0)
   ]);
 }
@@ -115,12 +115,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const t = {};
       return o.maxWidth && (t["--vf-container-max-width-override"] = o.maxWidth), o.paddingX && (t["--vf-container-padding-x-override"] = o.paddingX), t;
     });
-    return (t, i) => (c(), ge(Ye(t.as), {
+    return (t, i) => (c(), be(Ye(t.as), {
       class: ee(a.value),
       style: ke(e.value)
     }, {
       default: Ce(() => [
-        Y(t.$slots, "default")
+        q(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -139,12 +139,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const t = {};
       return o.paddingY && (t["--vf-section-padding-y-override"] = o.paddingY), t;
     });
-    return (t, i) => (c(), ge(Ye(t.as), {
+    return (t, i) => (c(), be(Ye(t.as), {
       class: ee(a.value),
       style: ke(e.value)
     }, {
       default: Ce(() => [
-        Y(t.$slots, "default")
+        q(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -184,12 +184,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       }
       return t;
     });
-    return (t, i) => (c(), ge(Ye(t.as), {
+    return (t, i) => (c(), be(Ye(t.as), {
       class: "vf-grid",
       style: ke(e.value)
     }, {
       default: Ce(() => [
-        Y(t.$slots, "default")
+        q(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
@@ -221,12 +221,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       }
       return t;
     });
-    return (t, i) => (c(), ge(Ye(t.as), {
+    return (t, i) => (c(), be(Ye(t.as), {
       class: "vf-grid-item",
       style: ke(e.value)
     }, {
       default: Ce(() => [
-        Y(t.$slots, "default")
+        q(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
@@ -250,12 +250,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       };
       return o.gap && (e["--vf-stack-gap-override"] = o.gap), e;
     });
-    return (e, t) => (c(), ge(Ye(e.as), {
+    return (e, t) => (c(), be(Ye(e.as), {
       class: "vf-stack",
       style: ke(a.value)
     }, {
       default: Ce(() => [
-        Y(e.$slots, "default")
+        q(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
@@ -279,12 +279,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       };
       return o.gap && (e["--vf-inline-gap-override"] = o.gap), e;
     });
-    return (e, t) => (c(), ge(Ye(e.as), {
+    return (e, t) => (c(), be(Ye(e.as), {
       class: "vf-inline",
       style: ke(a.value)
     }, {
       default: Ce(() => [
-        Y(e.$slots, "default")
+        q(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
@@ -302,7 +302,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["active", "onActive"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N([]), i = (y, z) => `${y.label ?? y.to ?? y.href ?? y.url ?? "item"}_${z.toString()}`, s = (y) => y.toLowerCase().replace(/[^a-z0-9_-]+/g, "-"), d = (y, z) => `vf-menu-parent-${s(i(y, z))}`, r = (y, z) => `vf-menu-submenu-${s(i(y, z))}`, u = (y) => y.to ? "router-link" : "a", v = (y) => y.map((z) => ({
+    const a = o, e = n, t = G([]), i = (y, z) => `${y.label ?? y.to ?? y.href ?? y.url ?? "item"}_${z.toString()}`, s = (y) => y.toLowerCase().replace(/[^a-z0-9_-]+/g, "-"), d = (y, z) => `vf-menu-parent-${s(i(y, z))}`, r = (y, z) => `vf-menu-submenu-${s(i(y, z))}`, u = (y) => y.to ? "router-link" : "a", v = (y) => y.map((z) => ({
       ...z,
       items: z.items ? v(z.items) : void 0
     })), p = (y) => {
@@ -333,7 +333,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         }
       a("active", y), a("onActive", y);
     };
-    return ce(
+    return ve(
       () => e.items,
       (y) => {
         t.value = v(y);
@@ -349,12 +349,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           role: "menu",
           "aria-orientation": y.orientation === "horizontal" ? "horizontal" : "vertical"
         }, [
-          (c(!0), b(fe, null, be(t.value, (g, w) => (c(), b("li", {
+          (c(!0), b(fe, null, he(t.value, (g, w) => (c(), b("li", {
             key: i(g, w),
             class: "vf-menu__item",
             role: "none"
           }, [
-            y.$slots[i(g, w)] ? Y(y.$slots, i(g, w), {
+            y.$slots[i(g, w)] ? q(y.$slots, i(g, w), {
               key: 0,
               item: { ...g, class: "vf-menu__link" }
             }) : g.separator ? (c(), b("hr", Zt)) : g.items && g.items.length ? (c(), b(fe, { key: 2 }, [
@@ -370,7 +370,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
                 onClick: (L) => p(g),
                 onKeydown: (L) => $(L, g, w)
               }, [
-                g.icon ? (c(), ge(We(Ne), {
+                g.icon ? (c(), be(We(Ne), {
                   key: 0,
                   icon: g.icon,
                   class: "vf-menu__icon"
@@ -381,14 +381,14 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
                   class: "vf-menu__chevron"
                 })
               ], 42, Jt),
-              g.items ? (c(), ge(C, {
+              g.items ? (c(), be(C, {
                 key: 0,
                 id: r(g, w),
                 items: g.items,
                 class: ee(["vf-menu__submenu", { "vf-menu__submenu_visible": g.subMenuVisible }]),
                 onOnActive: k
               }, null, 8, ["id", "items", "class"])) : Q("", !0)
-            ], 64)) : (c(), ge(it, {
+            ], 64)) : (c(), be(it, {
               key: 3,
               to: g.to,
               href: g.href ?? g.url,
@@ -403,7 +403,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
               onActive: (L) => k(g)
             }, {
               default: Ce(() => [
-                g.icon ? (c(), ge(We(Ne), {
+                g.icon ? (c(), be(We(Ne), {
                   key: 0,
                   icon: g.icon,
                   class: "vf-menu__icon"
@@ -447,12 +447,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       class: ee(r.value),
       disabled: o.loading || u.value
     }, [
-      o.icon && !o.loading ? (c(), ge(We(Ne), {
+      o.icon && !o.loading ? (c(), be(We(Ne), {
         key: 0,
         icon: o.icon,
         class: ee(v.value)
       }, null, 8, ["icon", "class"])) : Q("", !0),
-      o.loading ? (c(), ge(We(Ne), {
+      o.loading ? (c(), be(We(Ne), {
         key: 1,
         icon: "circleNotch",
         class: ee(v.value),
@@ -462,12 +462,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         key: 2,
         class: ee(p.value)
       }, [
-        Y(m.$slots, "default")
+        q(m.$slots, "default")
       ], 2)) : m.label ? (c(), b("span", {
         key: 3,
         class: ee(p.value)
       }, j(m.label), 3)) : Q("", !0)
-    ], 10, ea)) : (c(), ge(it, {
+    ], 10, ea)) : (c(), be(it, {
       key: 1,
       to: o.to,
       href: o.href ?? o.url,
@@ -476,7 +476,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       disabled: o.loading || u.value
     }, {
       default: Ce(() => [
-        o.icon ? (c(), ge(We(Ne), {
+        o.icon ? (c(), be(We(Ne), {
           key: 0,
           icon: o.icon,
           class: ee(v.value)
@@ -485,7 +485,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           key: 1,
           class: ee(p.value)
         }, [
-          Y(m.$slots, "default")
+          q(m.$slots, "default")
         ], 2)) : m.label ? (c(), b("span", {
           key: 2,
           class: ee(p.value)
@@ -522,7 +522,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       role: "group",
       "aria-disabled": t.disabled ? "true" : void 0
     }, [
-      Y(t.$slots, "default")
+      q(t.$slots, "default")
     ], 10, ta));
   }
 }), aa = {
@@ -555,7 +555,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       class: ee(t.value)
     }, [
       u.$slots.prefix ? (c(), b("span", aa, [
-        Y(u.$slots, "prefix")
+        q(u.$slots, "prefix")
       ])) : Q("", !0),
       B("input", {
         class: "vf-input__control",
@@ -570,7 +570,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         onBlur: r
       }, null, 40, oa),
       u.$slots.suffix ? (c(), b("span", ra, [
-        Y(u.$slots, "suffix")
+        q(u.$slots, "suffix")
       ])) : Q("", !0)
     ], 2));
   }
@@ -591,7 +591,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       role: "group",
       "aria-disabled": e.disabled ? "true" : void 0
     }, [
-      Y(e.$slots, "default")
+      q(e.$slots, "default")
     ], 10, la));
   }
 }), fc = /* @__PURE__ */ ne({
@@ -600,9 +600,9 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     as: { default: "span" }
   },
   setup(n) {
-    return (o, a) => (c(), ge(Ye(o.as), { class: "vf-input-group__addon" }, {
+    return (o, a) => (c(), be(Ye(o.as), { class: "vf-input-group__addon" }, {
       default: Ce(() => [
-        Y(o.$slots, "default")
+        q(o.$slots, "default")
       ]),
       _: 3
     }));
@@ -623,7 +623,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "save", "cancel", "start", "end", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(!1), i = N(""), s = N(null), d = f(() => !e.disabled && !e.readonly), r = f(() => e.type === "number" ? "number" : "text"), u = f(() => e.modelValue === null || e.modelValue === void 0 || e.modelValue === "" ? e.placeholder : String(e.modelValue)), v = f(
+    const a = o, e = n, t = G(!1), i = G(""), s = G(null), d = f(() => !e.disabled && !e.readonly), r = f(() => e.type === "number" ? "number" : "text"), u = f(() => e.modelValue === null || e.modelValue === void 0 || e.modelValue === "" ? e.placeholder : String(e.modelValue)), v = f(
       () => e.modelValue === null || e.modelValue === void 0 || e.modelValue === ""
     ), p = f(() => {
       const g = ["vf-inline-edit", `vf-inline-edit_${e.variant}`];
@@ -725,13 +725,13 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "input", "change", "search", "clear", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N(`${e.modelValue ?? ""}`);
+    const a = o, e = n, t = G(null), i = G(`${e.modelValue ?? ""}`);
     let s = null;
     const d = f(() => {
       const k = ["vf-search-input", `vf-search-input_${e.variant}`];
       return e.size !== "normal" && k.push(`vf-search-input_${e.size}`), e.disabled && k.push("vf-search-input_disabled"), k;
     });
-    ce(
+    ve(
       () => e.modelValue,
       (k) => {
         i.value = `${k ?? ""}`;
@@ -821,7 +821,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   emits: ["update:modelValue", "input", "change", "search", "insert", "select", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(!1), r = N(-1), u = `vf-mention-input-panel-${++a}`, v = N(null), p = f(() => {
+    const e = o, t = n, i = G(null), s = G(null), d = G(!1), r = G(-1), u = `vf-mention-input-panel-${++a}`, v = G(null), p = f(() => {
       var F;
       return ((F = v.value) == null ? void 0 : F.trigger) ?? t.triggers[0] ?? "@";
     }), m = f(() => t.suggestions.map((F) => ({
@@ -833,8 +833,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         return [];
       if (F.query.length < t.minQueryLength)
         return [];
-      const A = F.query.toLowerCase();
-      return m.value.filter((Z) => Z.trigger === F.trigger).filter((Z) => Z.label.toLowerCase().includes(A)).slice(0, Math.max(1, t.maxSuggestions));
+      const H = F.query.toLowerCase();
+      return m.value.filter((Z) => Z.trigger === F.trigger).filter((Z) => Z.label.toLowerCase().includes(H)).slice(0, Math.max(1, t.maxSuggestions));
     }), l = f(() => $.value), _ = f(() => {
       const F = [
         "vf-mention-input",
@@ -852,8 +852,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         }
         d.value = !0, r.value < 0 && (r.value = z());
       }
-    }, z = () => l.value.findIndex((F) => !F.disabled), C = (F, A) => {
-      const Z = F.slice(0, A);
+    }, z = () => l.value.findIndex((F) => !F.disabled), C = (F, H) => {
+      const Z = F.slice(0, H);
       let x = -1, W = "";
       for (const P of t.triggers) {
         const K = Z.lastIndexOf(P);
@@ -866,31 +866,31 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         trigger: W,
         query: h,
         start: x,
-        end: A
+        end: H
       };
     }, g = (F) => {
-      const A = F.selectionStart ?? F.value.length, Z = C(F.value, A);
+      const H = F.selectionStart ?? F.value.length, Z = C(F.value, H);
       if (v.value = Z, Z) {
         e("search", { trigger: Z.trigger, query: Z.query }), y();
         return;
       }
       k();
     }, w = (F) => {
-      const A = F.target;
-      e("update:modelValue", A.value), e("input", F), g(A);
+      const H = F.target;
+      e("update:modelValue", H.value), e("input", F), g(H);
     }, L = (F) => e("change", F), R = (F) => e("focus", F), I = (F) => {
       e("blur", F), window.setTimeout(() => {
-        var A;
-        (A = i.value) != null && A.contains(document.activeElement) || k();
+        var H;
+        (H = i.value) != null && H.contains(document.activeElement) || k();
       }, 0);
     }, O = (F) => {
       if (!d.value || !l.value.length)
         return;
-      let A = r.value;
-      (A < 0 || A >= l.value.length) && (A = F > 0 ? -1 : l.value.length);
+      let H = r.value;
+      (H < 0 || H >= l.value.length) && (H = F > 0 ? -1 : l.value.length);
       for (let Z = 0; Z < l.value.length; Z += 1)
-        if (A = (A + F + l.value.length) % l.value.length, !l.value[A].disabled) {
-          r.value = A;
+        if (H = (H + F + l.value.length) % l.value.length, !l.value[H].disabled) {
+          r.value = H;
           return;
         }
     }, E = () => {
@@ -908,7 +908,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     }, D = (F) => {
       if (F.disabled || !v.value || !s.value)
         return;
-      const A = t.modelValue ?? "", Z = v.value, x = A.slice(0, Z.start), W = A.slice(Z.end), h = String(F.value ?? F.label), P = `${Z.trigger}${h}${t.appendSpace ? " " : ""}`, K = `${x}${P}${W}`, H = x.length + P.length;
+      const H = t.modelValue ?? "", Z = v.value, x = H.slice(0, Z.start), W = H.slice(Z.end), h = String(F.value ?? F.label), P = `${Z.trigger}${h}${t.appendSpace ? " " : ""}`, K = `${x}${P}${W}`, A = x.length + P.length;
       e("update:modelValue", K), e("select", F), e("insert", {
         trigger: Z.trigger,
         query: Z.query,
@@ -916,8 +916,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         text: P,
         range: [Z.start, Z.end]
       }), k(), requestAnimationFrame(() => {
-        var V, q;
-        (V = s.value) == null || V.focus(), (q = s.value) == null || q.setSelectionRange(H, H);
+        var V, Y;
+        (V = s.value) == null || V.focus(), (Y = s.value) == null || Y.setSelectionRange(A, A);
       });
     }, M = () => {
       if (!d.value)
@@ -925,33 +925,33 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const F = l.value[r.value];
       F && D(F);
     }, S = (F) => {
-      const A = F.key;
-      if (A === "ArrowDown") {
+      const H = F.key;
+      if (H === "ArrowDown") {
         F.preventDefault(), E();
         return;
       }
-      if (A === "ArrowUp") {
+      if (H === "ArrowUp") {
         F.preventDefault(), T();
         return;
       }
-      if (A === "Enter") {
+      if (H === "Enter") {
         F.preventDefault(), M();
         return;
       }
-      A === "Escape" && (F.preventDefault(), k());
+      H === "Escape" && (F.preventDefault(), k());
     };
-    return ce(
+    return ve(
       () => t.modelValue,
       () => {
         s.value && g(s.value);
       }
-    ), ce(l, () => {
+    ), ve(l, () => {
       if (!l.value.length) {
         k();
         return;
       }
       (r.value < 0 || r.value >= l.value.length) && (r.value = z());
-    }), (F, A) => (c(), b("div", {
+    }), (F, H) => (c(), b("div", {
       ref_key: "root",
       ref: i,
       class: ee(_.value)
@@ -980,13 +980,13 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         class: "vf-mention-input__panel",
         role: "listbox"
       }, [
-        F.loading ? (c(), b("div", ma, j(F.loadingText), 1)) : l.value.length ? (c(!0), b(fe, { key: 1 }, be(l.value, (Z, x) => (c(), b("button", {
+        F.loading ? (c(), b("div", ma, j(F.loadingText), 1)) : l.value.length ? (c(!0), b(fe, { key: 1 }, he(l.value, (Z, x) => (c(), b("button", {
           key: `${Z.trigger ?? ""}-${String(Z.value ?? Z.label)}-${x}`,
           class: ee(["vf-mention-input__option", { "is-highlighted": x === r.value }]),
           type: "button",
           role: "option",
           disabled: Z.disabled,
-          onMousedown: A[0] || (A[0] = ie(() => {
+          onMousedown: H[0] || (H[0] = ie(() => {
           }, ["prevent"])),
           onClick: (W) => D(Z)
         }, [
@@ -1035,7 +1035,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "toggleVisibility"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(!1), i = N(!1), s = f(() => {
+    const a = o, e = n, t = G(!1), i = G(!1), s = f(() => {
       const y = ["vf-password-input", `vf-password-input_${e.variant}`];
       return e.size !== "normal" && y.push(`vf-password-input_${e.size}`), e.disabled && y.push("vf-password-input_disabled"), y;
     }), d = f(() => {
@@ -1062,7 +1062,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     }, [
       B("div", ya, [
         y.$slots.prefix ? (c(), b("span", _a, [
-          Y(y.$slots, "prefix")
+          q(y.$slots, "prefix")
         ])) : Q("", !0),
         B("input", {
           class: "vf-password-input__control",
@@ -1089,7 +1089,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           onClick: k
         }, j(t.value ? y.hideText : y.revealText), 9, Ca)) : Q("", !0),
         y.$slots.suffix ? (c(), b("span", wa, [
-          Y(y.$slots, "suffix")
+          q(y.$slots, "suffix")
         ])) : Q("", !0)
       ]),
       y.showStrength && y.modelValue ? (c(), b("div", $a, [
@@ -1122,7 +1122,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "change", "complete", "focus", "blur", "paste"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N([]), i = f(() => Math.max(1, Math.floor(e.length))), s = f(() => e.alphanumeric ? /[0-9a-z]/i : /[0-9]/), d = (C) => {
+    const a = o, e = n, t = G([]), i = f(() => Math.max(1, Math.floor(e.length))), s = f(() => e.alphanumeric ? /[0-9a-z]/i : /[0-9]/), d = (C) => {
       const g = `${C ?? ""}`;
       let w = "";
       for (const L of g)
@@ -1193,7 +1193,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       "aria-label": C.ariaLabel,
       onPaste: _
     }, [
-      (c(!0), b(fe, null, be(i.value, (w, L) => (c(), b("input", {
+      (c(!0), b(fe, null, he(i.value, (w, L) => (c(), b("input", {
         key: L,
         ref_for: !0,
         ref: (R) => v(R, L),
@@ -1239,49 +1239,49 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "change", "open", "close"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N(!1), s = N("#3b82f6"), d = N(100), r = (S, F, A) => Math.min(A, Math.max(F, S)), u = (S) => r(Math.round(S), 0, 255).toString(16).padStart(2, "0"), v = (S) => {
+    const a = o, e = n, t = G(null), i = G(!1), s = G("#3b82f6"), d = G(100), r = (S, F, H) => Math.min(H, Math.max(F, S)), u = (S) => r(Math.round(S), 0, 255).toString(16).padStart(2, "0"), v = (S) => {
       const F = S.trim().replace(/^#/, "");
       if (![3, 4, 6, 8].includes(F.length))
         return null;
-      let A = F;
-      if ((F.length === 3 || F.length === 4) && (A = F.split("").map((P) => `${P}${P}`).join("")), !/^[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(A))
+      let H = F;
+      if ((F.length === 3 || F.length === 4) && (H = F.split("").map((P) => `${P}${P}`).join("")), !/^[0-9a-fA-F]{6}([0-9a-fA-F]{2})?$/.test(H))
         return null;
-      const Z = Number.parseInt(A.slice(0, 2), 16), x = Number.parseInt(A.slice(2, 4), 16), W = Number.parseInt(A.slice(4, 6), 16), h = A.length === 8 ? Number.parseInt(A.slice(6, 8), 16) / 255 : 1;
+      const Z = Number.parseInt(H.slice(0, 2), 16), x = Number.parseInt(H.slice(2, 4), 16), W = Number.parseInt(H.slice(4, 6), 16), h = H.length === 8 ? Number.parseInt(H.slice(6, 8), 16) / 255 : 1;
       return { r: Z, g: x, b: W, a: h, valid: !0, preview: `rgba(${Z}, ${x}, ${W}, ${h})` };
     }, p = (S) => {
       const F = S.trim().match(/^rgba?\((.*)\)$/i);
       if (!F)
         return null;
-      const A = F[1].split(",").map((q) => q.trim());
-      if (A.length !== 3 && A.length !== 4)
+      const H = F[1].split(",").map((Y) => Y.trim());
+      if (H.length !== 3 && H.length !== 4)
         return null;
-      const Z = Number(A[0]), x = Number(A[1]), W = Number(A[2]), h = A.length === 4 ? Number(A[3]) : 1;
+      const Z = Number(H[0]), x = Number(H[1]), W = Number(H[2]), h = H.length === 4 ? Number(H[3]) : 1;
       if (![Z, x, W, h].every(Number.isFinite))
         return null;
-      const P = r(Z, 0, 255), K = r(x, 0, 255), H = r(W, 0, 255), V = r(h, 0, 1);
-      return { r: P, g: K, b: H, a: V, valid: !0, preview: `rgba(${P}, ${K}, ${H}, ${V})` };
-    }, m = (S, F, A) => {
-      const Z = (S % 360 + 360) % 360, x = r(F, 0, 100) / 100, W = r(A, 0, 100) / 100, h = (1 - Math.abs(2 * W - 1)) * x, P = h * (1 - Math.abs(Z / 60 % 2 - 1)), K = W - h / 2;
-      let H = 0, V = 0, q = 0;
-      return Z < 60 ? (H = h, V = P) : Z < 120 ? (H = P, V = h) : Z < 180 ? (V = h, q = P) : Z < 240 ? (V = P, q = h) : Z < 300 ? (H = P, q = h) : (H = h, q = P), {
-        r: Math.round((H + K) * 255),
+      const P = r(Z, 0, 255), K = r(x, 0, 255), A = r(W, 0, 255), V = r(h, 0, 1);
+      return { r: P, g: K, b: A, a: V, valid: !0, preview: `rgba(${P}, ${K}, ${A}, ${V})` };
+    }, m = (S, F, H) => {
+      const Z = (S % 360 + 360) % 360, x = r(F, 0, 100) / 100, W = r(H, 0, 100) / 100, h = (1 - Math.abs(2 * W - 1)) * x, P = h * (1 - Math.abs(Z / 60 % 2 - 1)), K = W - h / 2;
+      let A = 0, V = 0, Y = 0;
+      return Z < 60 ? (A = h, V = P) : Z < 120 ? (A = P, V = h) : Z < 180 ? (V = h, Y = P) : Z < 240 ? (V = P, Y = h) : Z < 300 ? (A = P, Y = h) : (A = h, Y = P), {
+        r: Math.round((A + K) * 255),
         g: Math.round((V + K) * 255),
-        b: Math.round((q + K) * 255)
+        b: Math.round((Y + K) * 255)
       };
-    }, $ = (S, F, A) => {
-      const Z = S / 255, x = F / 255, W = A / 255, h = Math.max(Z, x, W), P = Math.min(Z, x, W), K = h - P;
-      let H = 0;
-      K !== 0 && (h === Z ? H = (x - W) / K % 6 : h === x ? H = (W - Z) / K + 2 : H = (Z - x) / K + 4, H *= 60), H < 0 && (H += 360);
-      const V = (h + P) / 2, q = K === 0 ? 0 : K / (1 - Math.abs(2 * V - 1));
-      return { h: Math.round(H), s: Math.round(q * 100), l: Math.round(V * 100) };
+    }, $ = (S, F, H) => {
+      const Z = S / 255, x = F / 255, W = H / 255, h = Math.max(Z, x, W), P = Math.min(Z, x, W), K = h - P;
+      let A = 0;
+      K !== 0 && (h === Z ? A = (x - W) / K % 6 : h === x ? A = (W - Z) / K + 2 : A = (Z - x) / K + 4, A *= 60), A < 0 && (A += 360);
+      const V = (h + P) / 2, Y = K === 0 ? 0 : K / (1 - Math.abs(2 * V - 1));
+      return { h: Math.round(A), s: Math.round(Y * 100), l: Math.round(V * 100) };
     }, l = (S) => {
       const F = S.trim().match(/^hsla?\((.*)\)$/i);
       if (!F)
         return null;
-      const A = F[1].split(",").map((H) => H.trim().replace("%", ""));
-      if (A.length !== 3 && A.length !== 4)
+      const H = F[1].split(",").map((A) => A.trim().replace("%", ""));
+      if (H.length !== 3 && H.length !== 4)
         return null;
-      const Z = Number(A[0]), x = Number(A[1]), W = Number(A[2]), h = A.length === 4 ? Number(A[3]) : 1;
+      const Z = Number(H[0]), x = Number(H[1]), W = Number(H[2]), h = H.length === 4 ? Number(H[3]) : 1;
       if (![Z, x, W, h].every(Number.isFinite))
         return null;
       const P = m(Z, x, W), K = r(h, 0, 1);
@@ -1289,20 +1289,20 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     }, _ = (S) => {
       const F = v(S) ?? p(S) ?? l(S);
       return F || { r: 59, g: 130, b: 246, a: 1, valid: !1, preview: "rgba(59, 130, 246, 1)" };
-    }, k = (S, F, A, Z) => {
+    }, k = (S, F, H, Z) => {
       if (e.format === "rgb")
-        return e.alpha ? `rgba(${S}, ${F}, ${A}, ${Z.toFixed(2)})` : `rgb(${S}, ${F}, ${A})`;
+        return e.alpha ? `rgba(${S}, ${F}, ${H}, ${Z.toFixed(2)})` : `rgb(${S}, ${F}, ${H})`;
       if (e.format === "hsl") {
-        const W = $(S, F, A);
+        const W = $(S, F, H);
         return e.alpha ? `hsla(${W.h}, ${W.s}%, ${W.l}%, ${Z.toFixed(2)})` : `hsl(${W.h}, ${W.s}%, ${W.l}%)`;
       }
-      const x = `#${u(S)}${u(F)}${u(A)}`;
+      const x = `#${u(S)}${u(F)}${u(H)}`;
       return e.alpha ? `${x}${u(Z * 255)}` : x;
     }, y = (S) => {
       const F = _(S);
       s.value = `#${u(F.r)}${u(F.g)}${u(F.b)}`, d.value = Math.round(r(F.a, 0, 1) * 100);
     };
-    ce(
+    ve(
       () => e.modelValue,
       (S) => {
         y(S);
@@ -1319,8 +1319,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const S = ["vf-color-picker", `vf-color-picker_${e.variant}`];
       return e.size !== "normal" && S.push(`vf-color-picker_${e.size}`), e.disabled && S.push("vf-color-picker_disabled"), S;
     }), w = () => {
-      const S = _(s.value), F = e.alpha ? d.value / 100 : 1, A = k(S.r, S.g, S.b, F);
-      a("update:modelValue", A), a("change", A);
+      const S = _(s.value), F = e.alpha ? d.value / 100 : 1, H = k(S.r, S.g, S.b, F);
+      a("update:modelValue", H), a("change", H);
     }, L = (S) => {
       const F = S.target;
       s.value = F.value, w();
@@ -1328,12 +1328,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const F = S.target;
       d.value = r(Number(F.value), 0, 100), w();
     }, I = (S) => {
-      const F = S.target, A = _(F.value);
-      if (!A.valid) {
+      const F = S.target, H = _(F.value);
+      if (!H.valid) {
         F.value = C.value;
         return;
       }
-      s.value = `#${u(A.r)}${u(A.g)}${u(A.b)}`, e.alpha && (d.value = Math.round(A.a * 100)), w();
+      s.value = `#${u(H.r)}${u(H.g)}${u(H.b)}`, e.alpha && (d.value = Math.round(H.a * 100)), w();
     }, O = (S) => {
       if (e.disabled || e.readonly)
         return;
@@ -1403,12 +1403,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           }, null, 40, Oa)
         ]),
         S.presets.length ? (c(), b("div", Aa, [
-          (c(!0), b(fe, null, be(S.presets, (A, Z) => (c(), b("button", {
-            key: `${A}-${Z}`,
+          (c(!0), b(fe, null, he(S.presets, (H, Z) => (c(), b("button", {
+            key: `${H}-${Z}`,
             class: "vf-color-picker__preset",
             type: "button",
-            style: ke({ backgroundColor: _(A).preview }),
-            onClick: (x) => O(A)
+            style: ke({ backgroundColor: _(H).preview }),
+            onClick: (x) => O(H)
           }, null, 12, Ha))), 128))
         ])) : Q("", !0)
       ])) : Q("", !0)
@@ -1499,7 +1499,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       class: ee(k.value)
     }, [
       w.$slots.prefix ? (c(), b("span", Wa, [
-        Y(w.$slots, "prefix")
+        q(w.$slots, "prefix")
       ])) : Q("", !0),
       B("input", {
         ref: "control",
@@ -1515,7 +1515,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         onBlur: g
       }, null, 40, Ka),
       w.$slots.suffix ? (c(), b("span", Na, [
-        Y(w.$slots, "suffix")
+        q(w.$slots, "suffix")
       ])) : Q("", !0)
     ], 2));
   }
@@ -1577,7 +1577,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       class: ee(p.value)
     }, [
       C.$slots.prefix ? (c(), b("span", Ga, [
-        Y(C.$slots, "prefix")
+        q(C.$slots, "prefix")
       ])) : Q("", !0),
       B("input", {
         class: "vf-number-input__control",
@@ -1612,7 +1612,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         }, " - ", 8, Xa)
       ])) : Q("", !0),
       C.$slots.suffix ? (c(), b("span", Ua, [
-        Y(C.$slots, "suffix")
+        q(C.$slots, "suffix")
       ])) : Q("", !0)
     ], 2));
   }
@@ -1622,6 +1622,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     modelValue: { default: void 0 },
     initialValues: { default: void 0 },
     validate: { type: Function, default: void 0 },
+    submit: { type: Function, default: void 0 },
+    mapSubmitError: { type: Function, default: void 0 },
     validateOn: { default: "submit" },
     disabled: { type: Boolean, default: !1 },
     novalidate: { type: Boolean, default: !0 },
@@ -1629,16 +1631,26 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     ariaLabel: { default: void 0 },
     ariaLabelledby: { default: void 0 }
   },
-  emits: ["update:modelValue", "change", "blur", "validate", "submit", "invalidSubmit", "reset"],
+  emits: [
+    "update:modelValue",
+    "change",
+    "blur",
+    "validate",
+    "submit",
+    "submitSuccess",
+    "submitError",
+    "invalidSubmit",
+    "reset"
+  ],
   setup(n, { emit: o }) {
-    const a = n, e = o, t = N(null), i = N(D(S(a.initialValues, a.modelValue))), s = N(D(i.value)), d = N({}), r = N({}), u = N(!1);
-    ce(
+    const a = n, e = o, t = G(null), i = G(D(S(a.initialValues, a.modelValue))), s = G(D(i.value)), d = G({}), r = G({}), u = G(!1);
+    ve(
       () => a.modelValue,
       (h) => {
         h !== void 0 && (M(h, s.value) || (s.value = D(h)));
       },
       { deep: !0 }
-    ), ce(
+    ), ve(
       () => a.initialValues,
       (h) => {
         i.value = D(S(h, a.modelValue));
@@ -1682,7 +1694,17 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
             e("invalidSubmit", D(r.value), K, h);
             return;
           }
-          e("submit", K, h);
+          if (e("submit", K, h), !a.submit) {
+            e("submitSuccess", K, void 0, h);
+            return;
+          }
+          try {
+            const A = await a.submit(K);
+            e("submitSuccess", K, A, h);
+          } catch (A) {
+            const V = a.mapSubmitError ? a.mapSubmitError(A, K) : "Submit failed", Y = F(V);
+            r.value = Y, e("submitError", A, D(Y), K, h), e("invalidSubmit", D(Y), K, h);
+          }
         } finally {
           u.value = !1;
         }
@@ -1694,19 +1716,19 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     }, R = (h) => {
       h.preventDefault(), w(h);
     }, I = async (h) => {
-      const P = A(h.target);
+      const P = H(h.target);
       if (!P)
         return;
-      const K = P.name.trim(), H = Z(P);
-      l(K, H), z("input") && await C("input");
+      const K = P.name.trim(), A = Z(P);
+      l(K, A), z("input") && await C("input");
     }, O = async (h) => {
-      const P = A(h.target);
+      const P = H(h.target);
       if (!P)
         return;
-      const K = P.name.trim(), H = Z(P);
-      l(K, H), z("change") && await C("change");
+      const K = P.name.trim(), A = Z(P);
+      l(K, A), z("change") && await C("change");
     }, E = async (h) => {
-      const P = A(h.target);
+      const P = H(h.target);
       if (!P)
         return;
       const K = P.name.trim();
@@ -1738,8 +1760,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         return !0;
       }
       if (T(h) && T(P)) {
-        const K = Object.keys(h), H = Object.keys(P);
-        if (K.length !== H.length)
+        const K = Object.keys(h), A = Object.keys(P);
+        if (K.length !== A.length)
           return !1;
         for (const V of K)
           if (!M(h[V], P[V]))
@@ -1752,8 +1774,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const P = {};
       for (const K of h)
         if (!(!K || !T(K)))
-          for (const H in K)
-            P[H] = D(K[H]);
+          for (const A in K)
+            P[A] = D(K[A]);
       return P;
     }
     function F(h) {
@@ -1767,12 +1789,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         return {};
       const P = {};
       for (const K in h) {
-        const H = h[K];
-        typeof H == "string" && H && (P[K] = H);
+        const A = h[K];
+        typeof A == "string" && A && (P[K] = A);
       }
       return P;
     }
-    function A(h) {
+    function H(h) {
       var P;
       return h && (h instanceof HTMLInputElement || h instanceof HTMLSelectElement || h instanceof HTMLTextAreaElement) && ((P = h.name) == null ? void 0 : P.trim()) ? h : null;
     }
@@ -1785,16 +1807,16 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       if (!P)
         return h.checked;
       const K = Array.from(P.querySelectorAll('input[type="checkbox"]')).filter(
-        (H) => H.name === h.name
+        (A) => A.name === h.name
       );
-      return K.length > 1 || h.value !== "on" ? K.filter((H) => H.checked).map((H) => H.value) : h.checked;
+      return K.length > 1 || h.value !== "on" ? K.filter((A) => A.checked).map((A) => A.value) : h.checked;
     }
     function W(h) {
       const P = t.value;
       if (!P)
         return h.value;
       const K = Array.from(P.querySelectorAll('input[type="radio"]')).find(
-        (H) => H.name === h.name && H.checked
+        (A) => A.name === h.name && A.checked
       );
       return K == null ? void 0 : K.value;
     }
@@ -1812,7 +1834,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       onChange: O,
       onFocusout: E
     }, [
-      Y(h.$slots, "default", {
+      q(h.$slots, "default", {
         values: s.value,
         errors: r.value,
         touched: d.value,
@@ -1859,13 +1881,13 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         class: "vf-form-field__label",
         for: t.value
       }, [
-        Y(m.$slots, "label", {}, () => [
+        q(m.$slots, "label", {}, () => [
           me(j(m.label), 1)
         ]),
         m.required ? (c(), b("span", Ja, "*")) : Q("", !0)
       ], 8, Za)) : Q("", !0),
       B("div", eo, [
-        Y(m.$slots, "default", {
+        q(m.$slots, "default", {
           id: t.value,
           describedBy: v.value,
           invalid: u.value,
@@ -1877,7 +1899,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         id: i.value,
         class: "vf-form-field__hint"
       }, [
-        Y(m.$slots, "hint", {}, () => [
+        q(m.$slots, "hint", {}, () => [
           me(j(m.hint), 1)
         ])
       ], 8, to)) : Q("", !0),
@@ -1887,7 +1909,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         class: "vf-form-field__error",
         role: "alert"
       }, [
-        Y(m.$slots, "error", {}, () => [
+        q(m.$slots, "error", {}, () => [
           me(j(m.error), 1)
         ])
       ], 8, ao)) : Q("", !0)
@@ -1949,7 +1971,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "action"],
   setup(n, { emit: o }) {
-    const a = n, e = o, t = N(null), i = f(() => {
+    const a = n, e = o, t = G(null), i = f(() => {
       const g = ["vf-rich-text-editor", `vf-rich-text-editor_${a.variant}`];
       return a.size !== "normal" && g.push(`vf-rich-text-editor_${a.size}`), a.disabled && g.push("vf-rich-text-editor_disabled"), g;
     }), s = f(() => a.toolbar.filter(Boolean)), d = f(() => (a.modelValue ?? "").length), r = f(() => a.maxLength > 0), u = f(() => a.maxLength > 0 && d.value >= a.maxLength), v = (g) => {
@@ -2039,7 +2061,7 @@ ${w}
         role: "toolbar",
         "aria-label": g.toolbarLabel
       }, [
-        (c(!0), b(fe, null, be(s.value, (L) => (c(), b("button", {
+        (c(!0), b(fe, null, he(s.value, (L) => (c(), b("button", {
           key: L,
           type: "button",
           class: "vf-rich-text-editor__toolbar-button",
@@ -2092,7 +2114,7 @@ ${w}
   },
   emits: ["update:modelValue", "change", "reject", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N(null), s = N(!1), d = f(() => Array.isArray(e.modelValue) ? e.modelValue : e.modelValue instanceof File ? [e.modelValue] : []), r = f(() => {
+    const a = o, e = n, t = G(null), i = G(null), s = G(!1), d = f(() => Array.isArray(e.modelValue) ? e.modelValue : e.modelValue instanceof File ? [e.modelValue] : []), r = f(() => {
       const L = [
         "vf-file-upload",
         `vf-file-upload_${e.variant}`,
@@ -2190,7 +2212,7 @@ ${w}
       }, [
         B("div", uo, [
           d.value.length === 0 ? (c(), b("span", co, j(L.placeholder), 1)) : (c(), b("div", vo, [
-            (c(!0), b(fe, null, be(d.value, (I, O) => (c(), b("div", {
+            (c(!0), b(fe, null, he(d.value, (I, O) => (c(), b("div", {
               key: u(I, O),
               class: "vf-file-upload__item"
             }, [
@@ -2487,19 +2509,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     let w = C, L = g;
     const R = _ ? Math.abs(k) : 0, I = R, O = R;
     if (Ke(e, s) && typeof window < "u") {
-      const T = I, D = window.innerWidth - s.clientWidth - I, M = D < T ? T : D, S = O, F = window.innerHeight - s.clientHeight - O, A = F < S ? S : F;
-      w < T ? w = T : w > M && (w = M), L < S ? L = S : L > A && (L = A), l ? (v.x = o + (w - C), v.y = a + (L - g)) : (v.x = w, v.y = L);
-      const Z = I, x = window.innerWidth - s.clientWidth - I, W = O, h = window.innerHeight - s.clientHeight - O, P = l ? Z + y : Z, K = l ? x + y : x, H = l ? W + z : W, V = l ? h + z : h;
-      return v.x < P ? v.x = P : v.x > K && (v.x = K), v.y < H ? v.y = H : v.y > V && (v.y = V), v;
+      const T = I, D = window.innerWidth - s.clientWidth - I, M = D < T ? T : D, S = O, F = window.innerHeight - s.clientHeight - O, H = F < S ? S : F;
+      w < T ? w = T : w > M && (w = M), L < S ? L = S : L > H && (L = H), l ? (v.x = o + (w - C), v.y = a + (L - g)) : (v.x = w, v.y = L);
+      const Z = I, x = window.innerWidth - s.clientWidth - I, W = O, h = window.innerHeight - s.clientHeight - O, P = l ? Z + y : Z, K = l ? x + y : x, A = l ? W + z : W, V = l ? h + z : h;
+      return v.x < P ? v.x = P : v.x > K && (v.x = K), v.y < A ? v.y = A : v.y > V && (v.y = V), v;
     }
     const E = Oe(s);
     if (E !== null) {
-      const T = Fe(r, s, e), D = T.left, M = T.left + T.width, S = T.top, F = T.top + T.height, A = E.scrollLeft + I, Z = et(E) - s.clientWidth - I, x = Z < A ? A : Z, W = E.scrollTop + O, h = tt(E) - s.clientHeight - O, P = h < W ? W : h, K = E.scrollLeft, H = et(E), V = E.scrollTop, q = tt(E);
-      M <= K ? w = A : D >= H && (w = x), F <= V ? L = W : S >= q && (L = P), L < W ? L = W : L > P && (L = P), w < A ? w = A : w > x && (w = x);
+      const T = Fe(r, s, e), D = T.left, M = T.left + T.width, S = T.top, F = T.top + T.height, H = E.scrollLeft + I, Z = et(E) - s.clientWidth - I, x = Z < H ? H : Z, W = E.scrollTop + O, h = tt(E) - s.clientHeight - O, P = h < W ? W : h, K = E.scrollLeft, A = et(E), V = E.scrollTop, Y = tt(E);
+      M <= K ? w = H : D >= A && (w = x), F <= V ? L = W : S >= Y && (L = P), L < W ? L = W : L > P && (L = P), w < H ? w = H : w > x && (w = x);
     }
     if (l ? (v.x = o + (w - C), v.y = a + (L - g)) : (v.x = w, v.y = L), E !== null) {
-      const T = E.scrollLeft + I, D = et(E) - s.clientWidth - I, M = E.scrollTop + O, S = tt(E) - s.clientHeight - O, F = l ? T + y : T, A = l ? D + y : D, Z = l ? M + z : M, x = l ? S + z : S;
-      v.x < F ? v.x = F : v.x > A && (v.x = A), v.y < Z ? v.y = Z : v.y > x && (v.y = x);
+      const T = E.scrollLeft + I, D = et(E) - s.clientWidth - I, M = E.scrollTop + O, S = tt(E) - s.clientHeight - O, F = l ? T + y : T, H = l ? D + y : D, Z = l ? M + z : M, x = l ? S + z : S;
+      v.x < F ? v.x = F : v.x > H && (v.x = H), v.y < Z ? v.y = Z : v.y > x && (v.y = x);
     }
     return v;
   }
@@ -2720,7 +2742,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N("bottom"), v = N("bottom"), p = `vf-select-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-select-panel-${++a}`;
     let m = null;
     const $ = f(() => t.options.map((E) => ({
       label: E[t.optionLabel],
@@ -2752,7 +2774,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       const E = s.value, T = d.value, D = async () => {
         const {
-          x: A,
+          x: H,
           y: Z,
           placement: x
         } = await Me(E, T, {
@@ -2760,7 +2782,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = x ?? u.value, T.style.minWidth = `${E.getBoundingClientRect().width}px`, T.style.left = `${A}px`, T.style.top = `${Z}px`;
+        v.value = x ?? u.value, T.style.minWidth = `${E.getBoundingClientRect().width}px`, T.style.left = `${H}px`, T.style.top = `${Z}px`;
       }, M = async () => {
         await D();
       }, S = De(E, () => {
@@ -2775,13 +2797,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, m.update();
     };
-    return ce(r, async (E) => {
+    return ve(r, async (E) => {
       if (!E) {
         m && (m.destroy(), m = null);
         return;
       }
       await $e(), m || O(), m == null || m.update();
-    }), ce(
+    }), ve(
       () => t.options,
       () => {
         m == null || m.update();
@@ -2822,7 +2844,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Po),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: p,
           ref_key: "panel",
@@ -2831,7 +2853,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": v.value
         }, [
-          (c(!0), b(fe, null, be($.value, (D) => (c(), b("button", {
+          (c(!0), b(fe, null, he($.value, (D) => (c(), b("button", {
             key: D.value,
             class: ee(["vf-select__option", { "is-active": y(D), "is-disabled": D.disabled }]),
             type: "button",
@@ -2872,7 +2894,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur", "search"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N(""), v = N(-1), p = N("bottom"), m = N("bottom"), $ = `vf-autocomplete-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G(""), v = G(-1), p = G("bottom"), m = G("bottom"), $ = `vf-autocomplete-panel-${++a}`;
     let l = null;
     const _ = f(() => t.options.map((h) => ({
       label: h[t.optionLabel],
@@ -2897,7 +2919,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       let K = v.value;
       (K < 0 || K >= P.length) && (K = h > 0 ? -1 : P.length);
-      for (let H = 0; H < P.length; H += 1)
+      for (let A = 0; A < P.length; A += 1)
         if (K = (K + h + P.length) % P.length, !P[K].disabled) {
           v.value = K;
           return;
@@ -2928,7 +2950,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       R(1);
-    }, A = () => {
+    }, H = () => {
       if (!r.value) {
         I();
         return;
@@ -2961,37 +2983,37 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
         m.value = U ?? p.value, P.style.minWidth = `${h.getBoundingClientRect().width}px`, P.style.left = `${ae}px`, P.style.top = `${se}px`;
-      }, H = async () => {
+      }, A = async () => {
         await K();
       }, V = De(h, () => {
-        H();
-      }), q = () => {
-        H();
+        A();
+      }), Y = () => {
+        A();
       };
-      document.addEventListener("scroll", q, !0), window.addEventListener("resize", q, !1), l = {
-        update: H,
+      document.addEventListener("scroll", Y, !0), window.addEventListener("resize", Y, !1), l = {
+        update: A,
         destroy: () => {
-          V(), document.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q, !1);
+          V(), document.removeEventListener("scroll", Y, !0), window.removeEventListener("resize", Y, !1);
         }
       }, l.update();
     };
-    return ce(
+    return ve(
       () => t.modelValue,
       () => {
         var h;
         u.value = ((h = k.value) == null ? void 0 : h.label) ?? "";
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => t.options,
       () => {
         var h;
         r.value || (u.value = ((h = k.value) == null ? void 0 : h.label) ?? ""), l == null || l.update();
       },
       { deep: !0 }
-    ), ce(y, () => {
+    ), ve(y, () => {
       v.value >= y.value.length && (v.value = L());
-    }), ce(r, async (h) => {
+    }), ve(r, async (h) => {
       if (!h) {
         l && (l.destroy(), l = null);
         return;
@@ -3026,7 +3048,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onClick: I,
         onKeydown: [
           pe(ie(F, ["prevent"]), ["down"]),
-          pe(ie(A, ["prevent"]), ["up"]),
+          pe(ie(H, ["prevent"]), ["up"]),
           pe(ie(Z, ["prevent"]), ["enter"]),
           pe(ie(O, ["prevent"]), ["esc"]),
           pe(O, ["tab"])
@@ -3042,7 +3064,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, ["prevent"])),
         onClick: E
       }, " ▾ ", 40, Ho),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: $,
           ref_key: "panel",
@@ -3051,13 +3073,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": m.value
         }, [
-          h.loading ? (c(), b("div", Ko, j(h.loadingText), 1)) : y.value.length > 0 ? (c(!0), b(fe, { key: 1 }, be(y.value, (K, H) => (c(), b("button", {
-            id: g(H),
+          h.loading ? (c(), b("div", Ko, j(h.loadingText), 1)) : y.value.length > 0 ? (c(!0), b(fe, { key: 1 }, he(y.value, (K, A) => (c(), b("button", {
+            id: g(A),
             key: K.value,
             class: ee(["vf-autocomplete__option", {
               "is-active": w(K),
               "is-disabled": K.disabled,
-              "is-highlighted": H === v.value
+              "is-highlighted": A === v.value
             }]),
             type: "button",
             role: "option",
@@ -3103,7 +3125,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "update:inputValue", "change", "focus", "blur", "search", "create"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N(""), v = N(-1), p = N("bottom"), m = N("bottom"), $ = `vf-combobox-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G(""), v = G(-1), p = G("bottom"), m = G("bottom"), $ = `vf-combobox-panel-${++a}`;
     let l = null;
     const _ = f(() => t.options.map((U) => ({
       label: U[t.optionLabel],
@@ -3145,7 +3167,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       M();
-    }, A = () => {
+    }, H = () => {
       const U = u.value.trim();
       return !U || !w.value ? !1 : (t.allowCreate && !C.value && e("create", U), T(U), E(U), S(), !0);
     }, Z = () => {
@@ -3164,7 +3186,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, K = (U) => {
       var X;
       e("blur", U), t.strict && u.value.trim() !== ((X = k.value) == null ? void 0 : X.label) && Z();
-    }, H = () => {
+    }, A = () => {
       if (!r.value) {
         M();
         return;
@@ -3176,7 +3198,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       D(-1);
-    }, q = () => {
+    }, Y = () => {
       if (!r.value) {
         M();
         return;
@@ -3186,7 +3208,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         x(U);
         return;
       }
-      A() || t.strict && Z();
+      H() || t.strict && Z();
     }, ae = (U) => {
       var re;
       if (!r.value || !i.value)
@@ -3198,7 +3220,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       const U = s.value, X = d.value, re = async () => {
         const {
-          x: G,
+          x: N,
           y: oe,
           placement: le
         } = await Me(U, X, {
@@ -3206,7 +3228,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        m.value = le ?? p.value, X.style.minWidth = `${U.getBoundingClientRect().width}px`, X.style.left = `${G}px`, X.style.top = `${oe}px`;
+        m.value = le ?? p.value, X.style.minWidth = `${U.getBoundingClientRect().width}px`, X.style.left = `${N}px`, X.style.top = `${oe}px`;
       }, de = async () => {
         await re();
       }, ye = De(U, () => {
@@ -3221,29 +3243,29 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, l.update();
     };
-    return ce(
+    return ve(
       () => t.inputValue,
       (U) => {
         typeof U == "string" && (u.value = U);
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => t.modelValue,
       () => {
         var U;
         typeof t.inputValue != "string" && (u.value = ((U = k.value) == null ? void 0 : U.label) ?? "");
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => t.options,
       () => {
         var U;
         !r.value && t.strict && typeof t.inputValue != "string" && (u.value = ((U = k.value) == null ? void 0 : U.label) ?? ""), l == null || l.update();
       },
       { deep: !0 }
-    ), ce(z, () => {
+    ), ve(z, () => {
       v.value >= z.value.length && (v.value = O());
-    }), ce(r, async (U) => {
+    }), ve(r, async (U) => {
       if (!U) {
         l && (l.destroy(), l = null);
         return;
@@ -3277,9 +3299,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onBlur: K,
         onClick: M,
         onKeydown: [
-          pe(ie(H, ["prevent"]), ["down"]),
+          pe(ie(A, ["prevent"]), ["down"]),
           pe(ie(V, ["prevent"]), ["up"]),
-          pe(ie(q, ["prevent"]), ["enter"]),
+          pe(ie(Y, ["prevent"]), ["enter"]),
           pe(ie(S, ["prevent"]), ["esc"]),
           pe(S, ["tab"])
         ]
@@ -3303,7 +3325,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, ["prevent"])),
         onClick: F
       }, " ▾ ", 40, Yo),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: $,
           ref_key: "panel",
@@ -3312,7 +3334,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": m.value
         }, [
-          U.loading ? (c(), b("div", Xo, j(U.loadingText), 1)) : z.value.length > 0 ? (c(!0), b(fe, { key: 1 }, be(z.value, (re, de) => (c(), b("button", {
+          U.loading ? (c(), b("div", Xo, j(U.loadingText), 1)) : z.value.length > 0 ? (c(!0), b(fe, { key: 1 }, he(z.value, (re, de) => (c(), b("button", {
             id: R(de),
             key: re.value,
             class: ee(["vf-combobox__option", {
@@ -3369,7 +3391,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "search", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(null), u = N(!1), v = N(""), p = N(-1), m = N("bottom"), $ = N("bottom"), l = `vf-multiselect-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(null), u = G(!1), v = G(""), p = G(-1), m = G("bottom"), $ = G("bottom"), l = `vf-multiselect-panel-${++a}`;
     let _ = null;
     const k = f(() => t.options.map((V) => ({
       label: V[t.optionLabel],
@@ -3379,7 +3401,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!t.filter)
         return k.value;
       const V = v.value.trim().toLowerCase();
-      return V ? k.value.filter((q) => q.label.toLowerCase().includes(V)) : k.value;
+      return V ? k.value.filter((Y) => Y.label.toLowerCase().includes(V)) : k.value;
     }), C = f(() => k.value.filter((V) => y.value.includes(V.value))), g = f(() => C.value.length === 0 ? t.placeholder : C.value.map((V) => V.label).join(", ")), w = f(() => {
       const V = ["vf-multiselect", `vf-multiselect_${t.variant}`, u.value ? "vf-multiselect_open" : ""];
       return t.size !== "normal" && V.push(`vf-multiselect_${t.size}`), t.disabled && V.push("vf-multiselect_disabled"), V.filter(Boolean);
@@ -3388,7 +3410,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, E = (V) => {
       if (!(V.disabled || t.readonly)) {
         if (I(V)) {
-          O(y.value.filter((q) => q !== V.value));
+          O(y.value.filter((Y) => Y !== V.value));
           return;
         }
         O([...y.value, V.value]);
@@ -3396,15 +3418,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, T = () => {
       t.readonly || O([]);
     }, D = (V) => {
-      const q = z.value;
-      if (!q.length) {
+      const Y = z.value;
+      if (!Y.length) {
         p.value = -1;
         return;
       }
       let ae = p.value;
-      (ae < 0 || ae >= q.length) && (ae = V > 0 ? -1 : q.length);
-      for (let se = 0; se < q.length; se += 1)
-        if (ae = (ae + V + q.length) % q.length, !q[ae].disabled) {
+      (ae < 0 || ae >= Y.length) && (ae = V > 0 ? -1 : Y.length);
+      for (let se = 0; se < Y.length; se += 1)
+        if (ae = (ae + V + Y.length) % Y.length, !Y[ae].disabled) {
           p.value = ae;
           return;
         }
@@ -3420,7 +3442,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       }
       M();
-    }, A = () => {
+    }, H = () => {
       if (!u.value) {
         M();
         return;
@@ -3440,28 +3462,28 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const V = z.value[p.value];
       V && !V.disabled && E(V);
     }, W = (V) => {
-      const q = V.target;
-      v.value = q.value, e("search", q.value), p.value = R();
+      const Y = V.target;
+      v.value = Y.value, e("search", Y.value), p.value = R();
     }, h = (V) => e("focus", V), P = (V) => e("blur", V), K = (V) => {
       var ae;
       if (!u.value || !i.value)
         return;
-      const q = V.target;
-      i.value.contains(q) || (ae = d.value) != null && ae.contains(q) || S();
-    }, H = () => {
+      const Y = V.target;
+      i.value.contains(Y) || (ae = d.value) != null && ae.contains(Y) || S();
+    }, A = () => {
       if (!s.value || !d.value)
         return;
-      const V = s.value, q = d.value, ae = async () => {
+      const V = s.value, Y = d.value, ae = async () => {
         const {
           x: re,
           y: de,
           placement: ye
-        } = await Me(V, q, {
+        } = await Me(V, Y, {
           placement: m.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        $.value = ye ?? m.value, q.style.minWidth = `${V.getBoundingClientRect().width}px`, q.style.left = `${re}px`, q.style.top = `${de}px`;
+        $.value = ye ?? m.value, Y.style.minWidth = `${V.getBoundingClientRect().width}px`, Y.style.left = `${re}px`, Y.style.top = `${de}px`;
       }, se = async () => {
         await ae();
       }, U = De(V, () => {
@@ -3476,25 +3498,25 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, _.update();
     };
-    return ce(
+    return ve(
       () => t.options,
       () => {
         p.value >= z.value.length && (p.value = R()), _ == null || _.update();
       },
       { deep: !0 }
-    ), ce(u, async (V) => {
+    ), ve(u, async (V) => {
       if (!V) {
         _ && (_.destroy(), _ = null);
         return;
       }
-      await $e(), _ || H(), _ == null || _.update();
-    }), ce(z, () => {
+      await $e(), _ || A(), _ == null || _.update();
+    }), ve(z, () => {
       p.value >= z.value.length && (p.value = R());
     }), Ve(() => {
       document.addEventListener("click", K);
     }), we(() => {
       document.removeEventListener("click", K), _ == null || _.destroy(), _ = null;
-    }), (V, q) => (c(), b("div", {
+    }), (V, Y) => (c(), b("div", {
       ref_key: "root",
       ref: i,
       class: ee(w.value)
@@ -3510,7 +3532,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-haspopup": "listbox",
         onClick: F,
         onKeydown: [
-          pe(ie(A, ["prevent"]), ["down"]),
+          pe(ie(H, ["prevent"]), ["down"]),
           pe(ie(Z, ["prevent"]), ["up"]),
           pe(ie(x, ["prevent"]), ["enter"]),
           pe(ie(S, ["prevent"]), ["esc"])
@@ -3521,7 +3543,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         B("span", {
           class: ee(["vf-multiselect__label", { "vf-multiselect__label_placeholder": y.value.length === 0 }])
         }, j(g.value), 3),
-        q[0] || (q[0] = B("span", {
+        Y[0] || (Y[0] = B("span", {
           class: "vf-multiselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
@@ -3533,7 +3555,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": "Clear selection",
         onClick: ie(T, ["stop"])
       }, " ✕ ")) : Q("", !0),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: l,
           ref_key: "panel",
@@ -3553,14 +3575,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               placeholder: V.searchPlaceholder,
               onInput: W,
               onKeydown: [
-                pe(ie(A, ["prevent"]), ["down"]),
+                pe(ie(H, ["prevent"]), ["down"]),
                 pe(ie(Z, ["prevent"]), ["up"]),
                 pe(ie(x, ["prevent"]), ["enter"]),
                 pe(ie(S, ["prevent"]), ["esc"])
               ]
             }, null, 40, tr)
           ])) : Q("", !0),
-          V.loading ? (c(), b("div", ar, j(V.loadingText), 1)) : z.value.length > 0 ? (c(!0), b(fe, { key: 2 }, be(z.value, (ae, se) => (c(), b("button", {
+          V.loading ? (c(), b("div", ar, j(V.loadingText), 1)) : z.value.length > 0 ? (c(!0), b(fe, { key: 2 }, he(z.value, (ae, se) => (c(), b("button", {
             id: L(se),
             key: ae.value,
             class: ee(["vf-multiselect__option", {
@@ -3613,7 +3635,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur", "search", "add", "remove", "reject"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(""), u = N(!1), v = N(-1), p = N("bottom"), m = N("bottom"), $ = `vf-tag-input-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(""), u = G(!1), v = G(-1), p = G("bottom"), m = G("bottom"), $ = `vf-tag-input-panel-${++a}`;
     let l = null;
     const _ = f(() => Array.isArray(t.modelValue) ? t.modelValue : []), k = f(() => t.options.map((te) => ({
       label: te[t.optionLabel],
@@ -3623,8 +3645,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const te = k.value.filter((oe) => !y.value.has(String(oe.value)));
       if (!t.filter)
         return te;
-      const G = r.value.trim().toLowerCase();
-      return G ? te.filter((oe) => oe.label.toLowerCase().includes(G)) : te;
+      const N = r.value.trim().toLowerCase();
+      return N ? te.filter((oe) => oe.label.toLowerCase().includes(N)) : te;
     }), C = f(() => new Map(k.value.map((te) => [String(te.value), te.label]))), g = f(() => {
       if (!(!u.value || v.value < 0))
         return L(v.value);
@@ -3633,11 +3655,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       return t.size !== "normal" && te.push(`vf-tag-input_${t.size}`), t.disabled && te.push("vf-tag-input_disabled"), te.filter(Boolean);
     }), L = (te) => `${$}-option-${te}`, R = () => z.value.findIndex((te) => !te.disabled), I = (te) => C.value.get(String(te)) ?? String(te), O = (te) => {
       e("update:modelValue", te), e("change", te);
-    }, E = (te, G) => {
-      e("reject", { reason: te, value: G });
-    }, T = (te) => t.readonly ? (E("readonly", te), !1) : te ? y.value.has(te) ? (E("duplicate", te), !1) : typeof t.maxTags == "number" && _.value.length >= t.maxTags ? (E("maxTags", te), !1) : t.validateTag && !t.validateTag(te) ? (E("invalid", te), !1) : !0 : !1, D = (te, G) => {
+    }, E = (te, N) => {
+      e("reject", { reason: te, value: N });
+    }, T = (te) => t.readonly ? (E("readonly", te), !1) : te ? y.value.has(te) ? (E("duplicate", te), !1) : typeof t.maxTags == "number" && _.value.length >= t.maxTags ? (E("maxTags", te), !1) : t.validateTag && !t.validateTag(te) ? (E("invalid", te), !1) : !0 : !1, D = (te, N) => {
       const oe = typeof te == "string" ? te.trim() : String(te);
-      return T(oe) ? (O([..._.value, te]), e("add", { value: te, source: G }), r.value = "", v.value = R(), !0) : !1;
+      return T(oe) ? (O([..._.value, te]), e("add", { value: te, source: N }), r.value = "", v.value = R(), !0) : !1;
     }, M = (te) => {
       te.disabled || t.readonly || D(te.value, "option");
     }, S = () => {
@@ -3648,23 +3670,23 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, F = (te) => {
       if (t.readonly)
         return;
-      const G = _.value[te];
-      if (G === void 0)
+      const N = _.value[te];
+      if (N === void 0)
         return;
-      const oe = _.value.filter((le, he) => he !== te);
-      O(oe), e("remove", G);
-    }, A = () => {
+      const oe = _.value.filter((le, ge) => ge !== te);
+      O(oe), e("remove", N);
+    }, H = () => {
       t.readonly || _.value.length !== 0 && (O([]), e("remove", [..._.value]));
     }, Z = (te) => {
-      const G = z.value;
-      if (!G.length) {
+      const N = z.value;
+      if (!N.length) {
         v.value = -1;
         return;
       }
       let oe = v.value;
-      (oe < 0 || oe >= G.length) && (oe = te > 0 ? -1 : G.length);
-      for (let le = 0; le < G.length; le += 1)
-        if (oe = (oe + te + G.length) % G.length, !G[oe].disabled) {
+      (oe < 0 || oe >= N.length) && (oe = te > 0 ? -1 : N.length);
+      for (let le = 0; le < N.length; le += 1)
+        if (oe = (oe + te + N.length) % N.length, !N[oe].disabled) {
           v.value = oe;
           return;
         }
@@ -3683,13 +3705,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       var te;
       (te = s.value) == null || te.focus();
     }, K = (te) => {
-      const G = te.target;
-      r.value = G.value, e("search", G.value), x(), v.value = R();
-    }, H = (te) => {
+      const N = te.target;
+      r.value = N.value, e("search", N.value), x(), v.value = R();
+    }, A = (te) => {
       e("focus", te), x();
     }, V = (te) => {
       e("blur", te);
-    }, q = () => {
+    }, Y = () => {
       if (!u.value) {
         x();
         return;
@@ -3720,25 +3742,25 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       var oe;
       if (!u.value || !i.value)
         return;
-      const G = te.target;
-      i.value.contains(G) || (oe = d.value) != null && oe.contains(G) || W();
+      const N = te.target;
+      i.value.contains(N) || (oe = d.value) != null && oe.contains(N) || W();
     }, ye = () => {
       if (!i.value || !d.value)
         return;
-      const te = i.value, G = d.value, oe = async () => {
+      const te = i.value, N = d.value, oe = async () => {
         const {
           x: ue,
-          y: ve,
+          y: ce,
           placement: _e
-        } = await Me(te, G, {
+        } = await Me(te, N, {
           placement: p.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        m.value = _e ?? p.value, G.style.minWidth = `${te.getBoundingClientRect().width}px`, G.style.left = `${ue}px`, G.style.top = `${ve}px`;
+        m.value = _e ?? p.value, N.style.minWidth = `${te.getBoundingClientRect().width}px`, N.style.left = `${ue}px`, N.style.top = `${ce}px`;
       }, le = async () => {
         await oe();
-      }, he = De(te, () => {
+      }, ge = De(te, () => {
         le();
       }), J = () => {
         le();
@@ -3746,19 +3768,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       document.addEventListener("scroll", J, !0), window.addEventListener("resize", J, !1), l = {
         update: le,
         destroy: () => {
-          he(), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J, !1);
+          ge(), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J, !1);
         }
       }, l.update();
     };
-    return ce(
+    return ve(
       () => t.options,
       () => {
         v.value >= z.value.length && (v.value = R()), l == null || l.update();
       },
       { deep: !0 }
-    ), ce(z, () => {
+    ), ve(z, () => {
       v.value >= z.value.length && (v.value = R());
-    }), ce(u, async (te) => {
+    }), ve(u, async (te) => {
       if (!te) {
         l && (l.destroy(), l = null);
         return;
@@ -3768,14 +3790,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       document.addEventListener("click", de);
     }), we(() => {
       document.removeEventListener("click", de), l == null || l.destroy(), l = null;
-    }), (te, G) => (c(), b("div", {
+    }), (te, N) => (c(), b("div", {
       ref_key: "root",
       ref: i,
       class: ee(w.value),
       onClick: P
     }, [
       B("div", sr, [
-        (c(!0), b(fe, null, be(_.value, (oe, le) => (c(), b("span", {
+        (c(!0), b(fe, null, he(_.value, (oe, le) => (c(), b("span", {
           key: `${String(oe)}-${le}`,
           class: "vf-tag-input__tag"
         }, [
@@ -3785,7 +3807,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             type: "button",
             disabled: te.disabled || te.readonly,
             "aria-label": `Remove ${I(oe)}`,
-            onClick: ie((he) => F(le), ["stop"])
+            onClick: ie((ge) => F(le), ["stop"])
           }, " × ", 8, dr)
         ]))), 128)),
         B("input", {
@@ -3803,10 +3825,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-controls": $,
           "aria-activedescendant": g.value,
           onInput: K,
-          onFocus: H,
+          onFocus: A,
           onBlur: V,
           onKeydown: [
-            pe(ie(q, ["prevent"]), ["down"]),
+            pe(ie(Y, ["prevent"]), ["down"]),
             pe(ie(ae, ["prevent"]), ["up"]),
             pe(ie(se, ["prevent"]), ["enter"]),
             pe(ie(W, ["prevent"]), ["esc"]),
@@ -3821,7 +3843,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-tag-input__clear",
         type: "button",
         "aria-label": "Clear tags",
-        onClick: ie(A, ["stop"])
+        onClick: ie(H, ["stop"])
       }, " ✕ ")) : Q("", !0),
       B("button", {
         class: "vf-tag-input__chevron",
@@ -3829,11 +3851,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         disabled: te.disabled,
         "aria-hidden": "true",
         tabindex: "-1",
-        onMousedown: G[0] || (G[0] = ie(() => {
+        onMousedown: N[0] || (N[0] = ie(() => {
         }, ["prevent"])),
         onClick: ie(h, ["stop"])
       }, " ▾ ", 40, cr),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: $,
           ref_key: "panel",
@@ -3842,7 +3864,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": m.value
         }, [
-          te.loading ? (c(), b("div", fr, j(te.loadingText), 1)) : z.value.length > 0 ? (c(!0), b(fe, { key: 1 }, be(z.value, (oe, le) => (c(), b("button", {
+          te.loading ? (c(), b("div", fr, j(te.loadingText), 1)) : z.value.length > 0 ? (c(!0), b(fe, { key: 1 }, he(z.value, (oe, le) => (c(), b("button", {
             id: L(le),
             key: oe.value,
             class: ee(["vf-tag-input__option", {
@@ -3852,9 +3874,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             type: "button",
             role: "option",
             disabled: oe.disabled,
-            onMousedown: G[1] || (G[1] = ie(() => {
+            onMousedown: N[1] || (N[1] = ie(() => {
             }, ["prevent"])),
-            onClick: (he) => M(oe)
+            onClick: (ge) => M(oe)
           }, j(oe.label), 43, pr))), 128)) : (c(), b("div", mr, j(te.emptyText), 1))
         ], 8, vr), [
           [Se, u.value]
@@ -3885,9 +3907,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N("bottom"), v = N("bottom"), p = `vf-datepicker-panel-${++a}`, m = N(x(A(t.modelValue) ?? /* @__PURE__ */ new Date()));
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-datepicker-panel-${++a}`, m = G(x(H(t.modelValue) ?? /* @__PURE__ */ new Date()));
     let $ = null;
-    const l = f(() => A(t.modelValue)), _ = f(() => A(t.min)), k = f(() => A(t.max)), y = f(() => l.value ? l.value.toLocaleDateString(t.locale, {
+    const l = f(() => H(t.modelValue)), _ = f(() => H(t.min)), k = f(() => H(t.max)), y = f(() => l.value ? l.value.toLocaleDateString(t.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
@@ -3895,13 +3917,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       year: "numeric",
       month: "long"
     })), C = f(() => {
-      const V = new Intl.DateTimeFormat(t.locale, { weekday: "short" }), q = new Date(2026, 0, 4);
+      const V = new Intl.DateTimeFormat(t.locale, { weekday: "short" }), Y = new Date(2026, 0, 4);
       return Array.from({ length: 7 }, (ae, se) => {
-        const U = (se + t.firstDayOfWeek) % 7, X = new Date(q);
-        return X.setDate(q.getDate() + U), V.format(X);
+        const U = (se + t.firstDayOfWeek) % 7, X = new Date(Y);
+        return X.setDate(Y.getDate() + U), V.format(X);
       });
     }), g = f(() => {
-      const V = P(m.value, t.firstDayOfWeek), q = l.value ? K(l.value) : null, ae = K(/* @__PURE__ */ new Date());
+      const V = P(m.value, t.firstDayOfWeek), Y = l.value ? K(l.value) : null, ae = K(/* @__PURE__ */ new Date());
       return Array.from({ length: 42 }, (se, U) => {
         const X = h(V, U), re = K(X);
         return {
@@ -3910,8 +3932,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           date: X,
           day: X.getDate(),
           inCurrentMonth: X.getMonth() === m.value.getMonth(),
-          isDisabled: H(X, _.value, k.value),
-          isSelected: q === re,
+          isDisabled: A(X, _.value, k.value),
+          isSelected: Y === re,
           isToday: re === ae
         };
       });
@@ -3933,30 +3955,30 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, D = () => {
       m.value = W(m.value, 1);
     }, M = (V) => {
-      if (t.readonly || H(V, _.value, k.value))
+      if (t.readonly || A(V, _.value, k.value))
         return;
-      const q = K(V);
-      e("update:modelValue", q), e("change", q), O();
+      const Y = K(V);
+      e("update:modelValue", Y), e("change", Y), O();
     }, S = (V) => {
       var ae;
       if (!r.value || !i.value)
         return;
-      const q = V.target;
-      i.value.contains(q) || (ae = d.value) != null && ae.contains(q) || O();
+      const Y = V.target;
+      i.value.contains(Y) || (ae = d.value) != null && ae.contains(Y) || O();
     }, F = () => {
       if (!s.value || !d.value)
         return;
-      const V = s.value, q = d.value, ae = async () => {
+      const V = s.value, Y = d.value, ae = async () => {
         const {
           x: re,
           y: de,
           placement: ye
-        } = await Me(V, q, {
+        } = await Me(V, Y, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = ye ?? u.value, q.style.left = `${re}px`, q.style.top = `${de}px`;
+        v.value = ye ?? u.value, Y.style.left = `${re}px`, Y.style.top = `${de}px`;
       }, se = async () => {
         await ae();
       }, U = De(V, () => {
@@ -3971,19 +3993,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, $.update();
     };
-    ce(
+    ve(
       () => t.modelValue,
       (V) => {
-        const q = A(V);
-        q && (m.value = x(q));
+        const Y = H(V);
+        Y && (m.value = x(Y));
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => [t.min, t.max],
       () => {
         $ == null || $.update();
       }
-    ), ce(r, async (V) => {
+    ), ve(r, async (V) => {
       if (!V) {
         $ && ($.destroy(), $ = null);
         return;
@@ -3994,13 +4016,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), we(() => {
       document.removeEventListener("click", S), $ == null || $.destroy(), $ = null;
     });
-    function A(V) {
+    function H(V) {
       if (!V)
         return null;
-      const q = V.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-      if (!q)
+      const Y = V.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (!Y)
         return null;
-      const ae = Number(q[1]), se = Number(q[2]) - 1, U = Number(q[3]), X = new Date(ae, se, U);
+      const ae = Number(Y[1]), se = Number(Y[2]) - 1, U = Number(Y[3]), X = new Date(ae, se, U);
       return X.getFullYear() !== ae || X.getMonth() !== se || X.getDate() !== U ? null : Z(X);
     }
     function Z(V) {
@@ -4009,25 +4031,25 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     function x(V) {
       return new Date(V.getFullYear(), V.getMonth(), 1);
     }
-    function W(V, q) {
-      return new Date(V.getFullYear(), V.getMonth() + q, 1);
+    function W(V, Y) {
+      return new Date(V.getFullYear(), V.getMonth() + Y, 1);
     }
-    function h(V, q) {
-      return new Date(V.getFullYear(), V.getMonth(), V.getDate() + q);
+    function h(V, Y) {
+      return new Date(V.getFullYear(), V.getMonth(), V.getDate() + Y);
     }
-    function P(V, q) {
-      const ae = x(V), U = (ae.getDay() - q + 7) % 7;
+    function P(V, Y) {
+      const ae = x(V), U = (ae.getDay() - Y + 7) % 7;
       return h(ae, -U);
     }
     function K(V) {
-      const q = V.getFullYear(), ae = `${V.getMonth() + 1}`.padStart(2, "0"), se = `${V.getDate()}`.padStart(2, "0");
-      return `${q}-${ae}-${se}`;
+      const Y = V.getFullYear(), ae = `${V.getMonth() + 1}`.padStart(2, "0"), se = `${V.getDate()}`.padStart(2, "0");
+      return `${Y}-${ae}-${se}`;
     }
-    function H(V, q, ae) {
+    function A(V, Y, ae) {
       const se = Z(V).getTime();
-      return !!(q && se < q.getTime() || ae && se > ae.getTime());
+      return !!(Y && se < Y.getTime() || ae && se > ae.getTime());
     }
-    return (V, q) => (c(), b("div", {
+    return (V, Y) => (c(), b("div", {
       ref_key: "root",
       ref: i,
       class: ee(w.value)
@@ -4053,12 +4075,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         B("span", {
           class: ee(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !l.value }])
         }, j(y.value || V.placeholder), 3),
-        q[0] || (q[0] = B("span", {
+        Y[0] || (Y[0] = B("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, gr),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: p,
           ref_key: "panel",
@@ -4084,13 +4106,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, " › ")
           ]),
           B("div", _r, [
-            (c(!0), b(fe, null, be(C.value, (ae) => (c(), b("span", {
+            (c(!0), b(fe, null, he(C.value, (ae) => (c(), b("span", {
               key: ae,
               class: "vf-datepicker__weekday"
             }, j(ae), 1))), 128))
           ]),
           B("div", kr, [
-            (c(!0), b(fe, null, be(g.value, (ae) => (c(), b("button", {
+            (c(!0), b(fe, null, he(g.value, (ae) => (c(), b("button", {
               key: ae.key,
               class: ee(["vf-datepicker__day", {
                 "is-outside": !ae.inCurrentMonth,
@@ -4135,7 +4157,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N("bottom"), v = N("bottom"), p = `vf-daterangepicker-panel-${++a}`, m = N(H(/* @__PURE__ */ new Date()));
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-daterangepicker-panel-${++a}`, m = G(A(/* @__PURE__ */ new Date()));
     let $ = null;
     const l = f(() => P(t.min)), _ = f(() => P(t.max)), k = f(() => h(t.modelValue)), y = f(() => k.value[0]), z = f(() => k.value[1]), C = f(() => !y.value && !z.value), g = f(() => {
       if (C.value)
@@ -4152,24 +4174,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     })), L = f(() => {
       const X = new Intl.DateTimeFormat(t.locale, { weekday: "short" }), re = new Date(2026, 0, 4);
       return Array.from({ length: 7 }, (de, ye) => {
-        const te = (ye + t.firstDayOfWeek) % 7, G = new Date(re);
-        return G.setDate(re.getDate() + te), X.format(G);
+        const te = (ye + t.firstDayOfWeek) % 7, N = new Date(re);
+        return N.setDate(re.getDate() + te), X.format(N);
       });
     }), R = f(() => {
-      const X = ae(m.value, t.firstDayOfWeek), re = se(/* @__PURE__ */ new Date()), de = y.value ? K(y.value).getTime() : null, ye = z.value ? K(z.value).getTime() : null, te = y.value ? se(y.value) : null, G = z.value ? se(z.value) : null;
+      const X = ae(m.value, t.firstDayOfWeek), re = se(/* @__PURE__ */ new Date()), de = y.value ? K(y.value).getTime() : null, ye = z.value ? K(z.value).getTime() : null, te = y.value ? se(y.value) : null, N = z.value ? se(z.value) : null;
       return Array.from({ length: 42 }, (oe, le) => {
-        const he = q(X, le), J = se(he), ue = K(he).getTime(), ve = de !== null && ye !== null ? ue >= de && ue <= ye : !1, _e = te === J, Be = G === J;
+        const ge = Y(X, le), J = se(ge), ue = K(ge).getTime(), ce = de !== null && ye !== null ? ue >= de && ue <= ye : !1, _e = te === J, Be = N === J;
         return {
           key: `${J}-${le}`,
           iso: J,
-          date: he,
-          day: he.getDate(),
-          inCurrentMonth: he.getMonth() === m.value.getMonth(),
-          isDisabled: U(he, l.value, _.value),
+          date: ge,
+          day: ge.getDate(),
+          inCurrentMonth: ge.getMonth() === m.value.getMonth(),
+          isDisabled: U(ge, l.value, _.value),
           isSelected: _e || Be,
           isRangeStart: _e,
           isRangeEnd: Be,
-          isInRange: ve,
+          isInRange: ce,
           isToday: J === re
         };
       });
@@ -4194,7 +4216,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       m.value = V(m.value, -1);
     }, F = () => {
       m.value = V(m.value, 1);
-    }, A = (X, re) => {
+    }, H = (X, re) => {
       const de = X ? se(X) : null, ye = re ? se(re) : null;
       e("update:modelValue", [de, ye]), e("change", [de, ye]);
     }, Z = (X) => {
@@ -4202,11 +4224,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return;
       const re = y.value, de = z.value;
       if (!re || re && de) {
-        A(X, null);
+        H(X, null);
         return;
       }
       const ye = K(re).getTime();
-      K(X).getTime() < ye ? A(X, re) : A(re, X), D();
+      K(X).getTime() < ye ? H(X, re) : H(re, X), D();
     }, x = (X) => {
       var de;
       if (!r.value || !i.value)
@@ -4220,40 +4242,40 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         const {
           x: oe,
           y: le,
-          placement: he
+          placement: ge
         } = await Me(X, re, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = he ?? u.value, re.style.left = `${oe}px`, re.style.top = `${le}px`;
+        v.value = ge ?? u.value, re.style.left = `${oe}px`, re.style.top = `${le}px`;
       }, ye = async () => {
         await de();
       }, te = De(X, () => {
         ye();
-      }), G = () => {
+      }), N = () => {
         ye();
       };
-      document.addEventListener("scroll", G, !0), window.addEventListener("resize", G, !1), $ = {
+      document.addEventListener("scroll", N, !0), window.addEventListener("resize", N, !1), $ = {
         update: ye,
         destroy: () => {
-          te(), document.removeEventListener("scroll", G, !0), window.removeEventListener("resize", G, !1);
+          te(), document.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N, !1);
         }
       }, $.update();
     };
-    ce(
+    ve(
       () => t.modelValue,
       (X) => {
         const [re, de] = h(X), ye = re ?? de ?? /* @__PURE__ */ new Date();
-        m.value = H(ye);
+        m.value = A(ye);
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => [t.min, t.max],
       () => {
         $ == null || $.update();
       }
-    ), ce(r, async (X) => {
+    ), ve(r, async (X) => {
       if (!X) {
         $ && ($.destroy(), $ = null);
         return;
@@ -4276,24 +4298,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const re = X.match(/^(\d{4})-(\d{2})-(\d{2})$/);
       if (!re)
         return null;
-      const de = Number(re[1]), ye = Number(re[2]) - 1, te = Number(re[3]), G = new Date(de, ye, te);
-      return G.getFullYear() !== de || G.getMonth() !== ye || G.getDate() !== te ? null : K(G);
+      const de = Number(re[1]), ye = Number(re[2]) - 1, te = Number(re[3]), N = new Date(de, ye, te);
+      return N.getFullYear() !== de || N.getMonth() !== ye || N.getDate() !== te ? null : K(N);
     }
     function K(X) {
       return new Date(X.getFullYear(), X.getMonth(), X.getDate());
     }
-    function H(X) {
+    function A(X) {
       return new Date(X.getFullYear(), X.getMonth(), 1);
     }
     function V(X, re) {
       return new Date(X.getFullYear(), X.getMonth() + re, 1);
     }
-    function q(X, re) {
+    function Y(X, re) {
       return new Date(X.getFullYear(), X.getMonth(), X.getDate() + re);
     }
     function ae(X, re) {
-      const de = H(X), te = (de.getDay() - re + 7) % 7;
-      return q(de, -te);
+      const de = A(X), te = (de.getDay() - re + 7) % 7;
+      return Y(de, -te);
     }
     function se(X) {
       const re = X.getFullYear(), de = `${X.getMonth() + 1}`.padStart(2, "0"), ye = `${X.getDate()}`.padStart(2, "0");
@@ -4334,7 +4356,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, wr),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: p,
           ref_key: "panel",
@@ -4360,13 +4382,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, " › ")
           ]),
           B("div", Br, [
-            (c(!0), b(fe, null, be(L.value, (de) => (c(), b("span", {
+            (c(!0), b(fe, null, he(L.value, (de) => (c(), b("span", {
               key: de,
               class: "vf-daterangepicker__weekday"
             }, j(de), 1))), 128))
           ]),
           B("div", xr, [
-            (c(!0), b(fe, null, be(R.value, (de) => (c(), b("button", {
+            (c(!0), b(fe, null, he(R.value, (de) => (c(), b("button", {
               key: de.key,
               class: ee(["vf-daterangepicker__day", {
                 "is-outside": !de.inCurrentMonth,
@@ -4405,16 +4427,16 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N("bottom"), v = N("bottom"), p = `vf-timepicker-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-timepicker-panel-${++a}`;
     let m = null;
-    const $ = f(() => S(t.min)), l = f(() => S(t.max)), _ = f(() => S(t.modelValue)), k = f(() => _.value === null ? "" : A(_.value, t.format)), y = f(() => !t.step || t.step <= 0 ? 30 : Math.min(Math.max(Math.round(t.step), 1), 1440)), z = f(() => {
+    const $ = f(() => S(t.min)), l = f(() => S(t.max)), _ = f(() => S(t.modelValue)), k = f(() => _.value === null ? "" : H(_.value, t.format)), y = f(() => !t.step || t.step <= 0 ? 30 : Math.min(Math.max(Math.round(t.step), 1), 1440)), z = f(() => {
       const x = [], W = y.value, h = $.value, P = l.value;
       for (let K = 0; K < 1440; K += W) {
-        const H = F(K);
+        const A = F(K);
         x.push({
-          value: H,
+          value: A,
           minutes: K,
-          label: A(K, t.format),
+          label: H(K, t.format),
           isSelected: _.value === K,
           isDisabled: Z(K, h, P)
         });
@@ -4453,7 +4475,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const x = s.value, W = d.value, h = async () => {
         const {
           x: V,
-          y: q,
+          y: Y,
           placement: ae
         } = await Me(x, W, {
           placement: u.value,
@@ -4462,18 +4484,18 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         });
         v.value = ae ?? u.value;
         const se = x.getBoundingClientRect().width;
-        W.style.minWidth = `${se}px`, W.style.width = `${se}px`, W.style.left = `${V}px`, W.style.top = `${q}px`;
+        W.style.minWidth = `${se}px`, W.style.width = `${se}px`, W.style.left = `${V}px`, W.style.top = `${Y}px`;
       }, P = async () => {
         await h();
       }, K = De(x, () => {
         P();
-      }), H = () => {
+      }), A = () => {
         P();
       };
-      document.addEventListener("scroll", H, !0), window.addEventListener("resize", H, !1), m = {
+      document.addEventListener("scroll", A, !0), window.addEventListener("resize", A, !1), m = {
         update: P,
         destroy: () => {
-          K(), document.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H, !1);
+          K(), document.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A, !1);
         }
       }, m.update();
     }, M = () => {
@@ -4482,13 +4504,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const x = d.value.querySelector(`[data-time="${F(_.value)}"]`);
       !x || typeof x.scrollIntoView != "function" || x.scrollIntoView({ block: "nearest" });
     };
-    ce(r, async (x) => {
+    ve(r, async (x) => {
       if (!x) {
         m && (m.destroy(), m = null);
         return;
       }
       await $e(), m || D(), m == null || m.update(), M();
-    }), ce(
+    }), ve(
       () => [t.min, t.max, t.step],
       () => {
         m == null || m.update();
@@ -4511,7 +4533,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const W = Math.floor(x / 60), h = x % 60;
       return `${String(W).padStart(2, "0")}:${String(h).padStart(2, "0")}`;
     }
-    function A(x, W) {
+    function H(x, W) {
       if (W === "12h") {
         const h = Math.floor(x / 60), P = x % 60, K = h >= 12 ? "PM" : "AM";
         return `${h % 12 || 12}:${String(P).padStart(2, "0")} ${K}`;
@@ -4552,7 +4574,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Vr),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: p,
           ref_key: "panel",
@@ -4561,7 +4583,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "listbox",
           "data-placement": v.value
         }, [
-          (c(!0), b(fe, null, be(z.value, (h) => (c(), b("button", {
+          (c(!0), b(fe, null, he(z.value, (h) => (c(), b("button", {
             key: h.value,
             class: ee(["vf-timepicker__option", { "is-active": h.isSelected, "is-disabled": h.isDisabled }]),
             type: "button",
@@ -4605,7 +4627,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(!1), u = N("bottom"), v = N("bottom"), p = `vf-datetimepicker-panel-${++a}`, m = N(U(/* @__PURE__ */ new Date())), $ = N(null), l = N(null);
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-datetimepicker-panel-${++a}`, m = G(U(/* @__PURE__ */ new Date())), $ = G(null), l = G(null);
     let _ = null;
     const k = f(() => !t.minuteStep || t.minuteStep <= 0 ? 30 : Math.min(Math.max(Math.round(t.minuteStep), 1), 1440)), y = f(() => ae(t.modelValue)), z = f(() => ae(t.min)), C = f(() => ae(t.max)), g = f(() => {
       if (!y.value)
@@ -4621,12 +4643,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       month: "long"
     })), L = f(() => {
       const J = new Intl.DateTimeFormat(t.locale, { weekday: "short" }), ue = new Date(2026, 0, 4);
-      return Array.from({ length: 7 }, (ve, _e) => {
+      return Array.from({ length: 7 }, (ce, _e) => {
         const Be = (_e + t.firstDayOfWeek) % 7, xe = new Date(ue);
         return xe.setDate(ue.getDate() + Be), J.format(xe);
       });
     }), R = f(() => {
-      const J = de(m.value, t.firstDayOfWeek), ue = $.value ? ye($.value) : null, ve = ye(/* @__PURE__ */ new Date());
+      const J = de(m.value, t.firstDayOfWeek), ue = $.value ? ye($.value) : null, ce = ye(/* @__PURE__ */ new Date());
       return Array.from({ length: 42 }, (_e, Be) => {
         const xe = re(J, Be), Ue = ye(xe);
         return {
@@ -4637,7 +4659,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           inCurrentMonth: xe.getMonth() === m.value.getMonth(),
           isDisabled: le(xe, z.value, C.value),
           isSelected: ue === Ue,
-          isToday: Ue === ve
+          isToday: Ue === ce
         };
       });
     }), I = f(() => {
@@ -4648,7 +4670,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           label: oe(ue, t.format),
           minutes: ue,
           isSelected: l.value === ue,
-          isDisabled: he($.value, ue, z.value, C.value)
+          isDisabled: ge($.value, ue, z.value, C.value)
         });
       return J;
     }), O = f(() => {
@@ -4659,9 +4681,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       ];
       return t.size !== "normal" && J.push(`vf-datetimepicker_${t.size}`), t.disabled && J.push("vf-datetimepicker_disabled"), J.filter(Boolean);
     }), E = (J) => e("focus", J), T = (J) => e("blur", J), D = () => {
-      if (!$.value || l.value === null || he($.value, l.value, z.value, C.value))
+      if (!$.value || l.value === null || ge($.value, l.value, z.value, C.value))
         return;
-      const J = G($.value, l.value);
+      const J = N($.value, l.value);
       e("update:modelValue", J), e("change", J);
     }, M = () => {
       const J = y.value;
@@ -4671,19 +4693,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       $.value = null, l.value = null;
     }, S = (J) => {
-      if (l.value !== null && !he(J, l.value, z.value, C.value))
+      if (l.value !== null && !ge(J, l.value, z.value, C.value))
         return;
       const ue = I.value.find(
-        (ve) => !he(J, ve.minutes, z.value, C.value)
+        (ce) => !ge(J, ce.minutes, z.value, C.value)
       );
       l.value = ue ? ue.minutes : null;
     }, F = () => {
       t.disabled || t.readonly || (M(), $.value || ($.value = se(/* @__PURE__ */ new Date()), m.value = U($.value)), S($.value), r.value = !0, u.value = "bottom", v.value = "bottom");
-    }, A = () => {
+    }, H = () => {
       r.value = !1, u.value = "bottom", v.value = "bottom";
     }, Z = () => {
       if (r.value) {
-        A();
+        H();
         return;
       }
       F();
@@ -4694,17 +4716,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, h = (J) => {
       t.readonly || le(J, z.value, C.value) || ($.value = se(J), S($.value), D());
     }, P = (J) => {
-      t.readonly || !$.value || he($.value, J, z.value, C.value) || (l.value = J, D(), A());
+      t.readonly || !$.value || ge($.value, J, z.value, C.value) || (l.value = J, D(), H());
     }, K = (J) => {
-      var ve;
+      var ce;
       if (!r.value || !i.value)
         return;
       const ue = J.target;
-      i.value.contains(ue) || (ve = d.value) != null && ve.contains(ue) || A();
-    }, H = () => {
+      i.value.contains(ue) || (ce = d.value) != null && ce.contains(ue) || H();
+    }, A = () => {
       if (!s.value || !d.value)
         return;
-      const J = s.value, ue = d.value, ve = async () => {
+      const J = s.value, ue = d.value, ce = async () => {
         const {
           x: Ue,
           y: Lt,
@@ -4718,7 +4740,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         const rt = 8, Ft = ue.getBoundingClientRect().width, Tt = Math.max(rt, window.innerWidth - Ft - rt), It = Math.min(Math.max(Ue, rt), Tt);
         ue.style.left = `${It}px`, ue.style.top = `${Lt}px`;
       }, _e = async () => {
-        await ve();
+        await ce();
       }, Be = De(J, () => {
         _e();
       }), xe = () => {
@@ -4731,24 +4753,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, _.update();
     };
-    ce(
+    ve(
       () => t.modelValue,
       (J) => {
         const ue = ae(J);
         ue && (m.value = U(ue.date));
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => [t.min, t.max, t.minuteStep],
       () => {
         $.value && S($.value), _ == null || _.update();
       }
-    ), ce(r, async (J) => {
+    ), ve(r, async (J) => {
       if (!J) {
         _ && (_.destroy(), _ = null);
         return;
       }
-      await $e(), _ || H(), _ == null || _.update();
+      await $e(), _ || A(), _ == null || _.update();
     }), Ve(() => {
       document.addEventListener("click", K);
     }), we(() => {
@@ -4760,17 +4782,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const ue = J.match(/^(\d{4})-(\d{2})-(\d{2})$/);
       if (!ue)
         return null;
-      const ve = Number(ue[1]), _e = Number(ue[2]) - 1, Be = Number(ue[3]), xe = new Date(ve, _e, Be);
-      return xe.getFullYear() !== ve || xe.getMonth() !== _e || xe.getDate() !== Be ? null : se(xe);
+      const ce = Number(ue[1]), _e = Number(ue[2]) - 1, Be = Number(ue[3]), xe = new Date(ce, _e, Be);
+      return xe.getFullYear() !== ce || xe.getMonth() !== _e || xe.getDate() !== Be ? null : se(xe);
     }
-    function q(J) {
+    function Y(J) {
       if (!J)
         return null;
       const ue = J.match(/^(\d{2}):(\d{2})$/);
       if (!ue)
         return null;
-      const ve = Number(ue[1]), _e = Number(ue[2]);
-      return ve < 0 || ve > 23 || _e < 0 || _e > 59 ? null : ve * 60 + _e;
+      const ce = Number(ue[1]), _e = Number(ue[2]);
+      return ce < 0 || ce > 23 || _e < 0 || _e > 59 ? null : ce * 60 + _e;
     }
     function ae(J) {
       if (!J)
@@ -4778,8 +4800,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const ue = J.match(/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2})$/);
       if (!ue)
         return null;
-      const ve = V(ue[1]), _e = q(ue[2]);
-      return !ve || _e === null ? null : { date: ve, minutes: _e };
+      const ce = V(ue[1]), _e = Y(ue[2]);
+      return !ce || _e === null ? null : { date: ce, minutes: _e };
     }
     function se(J) {
       return new Date(J.getFullYear(), J.getMonth(), J.getDate());
@@ -4794,36 +4816,36 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       return new Date(J.getFullYear(), J.getMonth(), J.getDate() + ue);
     }
     function de(J, ue) {
-      const ve = U(J), Be = (ve.getDay() - ue + 7) % 7;
-      return re(ve, -Be);
+      const ce = U(J), Be = (ce.getDay() - ue + 7) % 7;
+      return re(ce, -Be);
     }
     function ye(J) {
-      const ue = J.getFullYear(), ve = `${J.getMonth() + 1}`.padStart(2, "0"), _e = `${J.getDate()}`.padStart(2, "0");
-      return `${ue}-${ve}-${_e}`;
+      const ue = J.getFullYear(), ce = `${J.getMonth() + 1}`.padStart(2, "0"), _e = `${J.getDate()}`.padStart(2, "0");
+      return `${ue}-${ce}-${_e}`;
     }
     function te(J) {
-      const ue = Math.floor(J / 60), ve = J % 60;
-      return `${String(ue).padStart(2, "0")}:${String(ve).padStart(2, "0")}`;
+      const ue = Math.floor(J / 60), ce = J % 60;
+      return `${String(ue).padStart(2, "0")}:${String(ce).padStart(2, "0")}`;
     }
-    function G(J, ue) {
+    function N(J, ue) {
       return `${ye(J)}T${te(ue)}`;
     }
     function oe(J, ue) {
       if (ue === "12h") {
-        const ve = Math.floor(J / 60), _e = J % 60, Be = ve >= 12 ? "PM" : "AM";
-        return `${ve % 12 || 12}:${String(_e).padStart(2, "0")} ${Be}`;
+        const ce = Math.floor(J / 60), _e = J % 60, Be = ce >= 12 ? "PM" : "AM";
+        return `${ce % 12 || 12}:${String(_e).padStart(2, "0")} ${Be}`;
       }
       return te(J);
     }
-    function le(J, ue, ve) {
+    function le(J, ue, ce) {
       const _e = se(J).getTime();
-      return !!(ue && _e < ue.date.getTime() || ve && _e > ve.date.getTime());
+      return !!(ue && _e < ue.date.getTime() || ce && _e > ce.date.getTime());
     }
-    function he(J, ue, ve, _e) {
+    function ge(J, ue, ce, _e) {
       if (!J)
         return !0;
       const Be = se(J).getTime();
-      return !!(ve && Be === ve.date.getTime() && ue < ve.minutes || _e && Be === _e.date.getTime() && ue > _e.minutes);
+      return !!(ce && Be === ce.date.getTime() && ue < ce.minutes || _e && Be === _e.date.getTime() && ue > _e.minutes);
     }
     return (J, ue) => (c(), b("div", {
       ref_key: "root",
@@ -4843,7 +4865,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onKeydown: [
           pe(ie(F, ["prevent"]), ["down"]),
           pe(ie(Z, ["prevent"]), ["enter"]),
-          pe(ie(A, ["prevent"]), ["esc"])
+          pe(ie(H, ["prevent"]), ["esc"])
         ],
         onFocus: E,
         onBlur: T
@@ -4856,7 +4878,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Ir),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: p,
           ref_key: "panel",
@@ -4864,7 +4886,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           class: "vf-datetimepicker__panel",
           role: "dialog",
           "data-placement": v.value,
-          onKeydown: pe(ie(A, ["prevent"]), ["esc"])
+          onKeydown: pe(ie(H, ["prevent"]), ["esc"])
         }, [
           B("div", Mr, [
             B("div", Rr, [
@@ -4883,37 +4905,37 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               }, " › ")
             ]),
             B("div", Er, [
-              (c(!0), b(fe, null, be(L.value, (ve) => (c(), b("span", {
-                key: ve,
+              (c(!0), b(fe, null, he(L.value, (ce) => (c(), b("span", {
+                key: ce,
                 class: "vf-datetimepicker__weekday"
-              }, j(ve), 1))), 128))
+              }, j(ce), 1))), 128))
             ]),
             B("div", Or, [
-              (c(!0), b(fe, null, be(R.value, (ve) => (c(), b("button", {
-                key: ve.key,
+              (c(!0), b(fe, null, he(R.value, (ce) => (c(), b("button", {
+                key: ce.key,
                 class: ee(["vf-datetimepicker__day", {
-                  "is-outside": !ve.inCurrentMonth,
-                  "is-selected": ve.isSelected,
-                  "is-today": ve.isToday
+                  "is-outside": !ce.inCurrentMonth,
+                  "is-selected": ce.isSelected,
+                  "is-today": ce.isToday
                 }]),
                 type: "button",
-                disabled: ve.isDisabled,
-                "data-date": ve.iso,
-                onClick: (_e) => h(ve.date)
-              }, j(ve.day), 11, Ar))), 128))
+                disabled: ce.isDisabled,
+                "data-date": ce.iso,
+                onClick: (_e) => h(ce.date)
+              }, j(ce.day), 11, Ar))), 128))
             ])
           ]),
           B("div", Hr, [
-            (c(!0), b(fe, null, be(I.value, (ve) => (c(), b("button", {
-              key: ve.value,
-              class: ee(["vf-datetimepicker__time", { "is-active": ve.isSelected, "is-disabled": ve.isDisabled }]),
+            (c(!0), b(fe, null, he(I.value, (ce) => (c(), b("button", {
+              key: ce.value,
+              class: ee(["vf-datetimepicker__time", { "is-active": ce.isSelected, "is-disabled": ce.isDisabled }]),
               type: "button",
               role: "option",
-              "data-time": ve.value,
-              disabled: ve.isDisabled,
-              "aria-selected": ve.isSelected,
-              onClick: (_e) => P(ve.minutes)
-            }, j(ve.label), 11, Wr))), 128))
+              "data-time": ce.value,
+              disabled: ce.isDisabled,
+              "aria-selected": ce.isSelected,
+              onClick: (_e) => P(ce.minutes)
+            }, j(ce.label), 11, Wr))), 128))
           ])
         ], 40, Dr), [
           [Se, r.value]
@@ -4942,7 +4964,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(y(_(e.modelValue) ?? /* @__PURE__ */ new Date())), i = f(() => _(e.modelValue)), s = f(() => _(e.min)), d = f(() => _(e.max)), r = f(() => t.value.toLocaleDateString(e.locale, {
+    const a = o, e = n, t = G(y(_(e.modelValue) ?? /* @__PURE__ */ new Date())), i = f(() => _(e.modelValue)), s = f(() => _(e.min)), d = f(() => _(e.max)), r = f(() => t.value.toLocaleDateString(e.locale, {
       year: "numeric",
       month: "long"
     })), u = f(() => {
@@ -4979,7 +5001,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const I = w(R);
       a("update:modelValue", I), a("change", I);
     };
-    ce(
+    ve(
       () => e.modelValue,
       (R) => {
         const I = _(R);
@@ -5041,13 +5063,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, " › ", 8, jr)
       ]),
       B("div", Yr, [
-        (c(!0), b(fe, null, be(u.value, (O) => (c(), b("span", {
+        (c(!0), b(fe, null, he(u.value, (O) => (c(), b("span", {
           key: O,
           class: "vf-calendar__weekday"
         }, j(O), 1))), 128))
       ]),
       B("div", qr, [
-        (c(!0), b(fe, null, be(v.value, (O) => (c(), b("button", {
+        (c(!0), b(fe, null, he(v.value, (O) => (c(), b("button", {
           key: O.key,
           class: ee(["vf-calendar__day", {
             "is-outside": !O.inCurrentMonth,
@@ -5126,7 +5148,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": "Previous page",
         onClick: _[0] || (_[0] = (k) => $(d.value - 1, k))
       }, j(l.prevLabel), 9, Ur),
-      (c(!0), b(fe, null, be(p.value, (k) => (c(), b("button", {
+      (c(!0), b(fe, null, he(p.value, (k) => (c(), b("button", {
         key: k.key,
         class: ee(["vf-pagination__item", {
           "is-current": k.type === "page" && k.page === d.value,
@@ -5185,7 +5207,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, null, 40, Jr),
       d[0] || (d[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
       s.label || s.$slots.default ? (c(), b("span", el, [
-        Y(s.$slots, "default", {}, () => [
+        q(s.$slots, "default", {}, () => [
           me(j(s.label), 1)
         ])
       ])) : Q("", !0)
@@ -5223,7 +5245,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": d.ariaLabel || void 0,
       "aria-labelledby": d.ariaLabelledby || void 0
     }, [
-      Y(d.$slots, "default")
+      q(d.$slots, "default")
     ], 10, tl));
   }
 }), al = ["name", "value", "checked", "disabled"], ol = {
@@ -5261,7 +5283,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, null, 40, al),
       $[0] || ($[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
       m.label || m.$slots.default ? (c(), b("span", ol, [
-        Y(m.$slots, "default", {}, () => [
+        q(m.$slots, "default", {}, () => [
           me(j(m.label), 1)
         ])
       ])) : Q("", !0)
@@ -5281,7 +5303,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N([]), i = f(() => e.options.map((l, _) => ({
+    const a = o, e = n, t = G([]), i = f(() => e.options.map((l, _) => ({
       ...l,
       key: `${String(l.value)}-${_}`
     }))), s = f(() => i.value.reduce((l, _, k) => (_.disabled || l.push(k), l), [])), d = f(() => {
@@ -5313,7 +5335,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": l.ariaLabel || void 0,
       "aria-labelledby": l.ariaLabelledby || void 0
     }, [
-      (c(!0), b(fe, null, be(i.value, (k, y) => (c(), b("button", {
+      (c(!0), b(fe, null, he(i.value, (k, y) => (c(), b("button", {
         key: k.key,
         ref_for: !0,
         ref: (z) => m(z, y),
@@ -5344,7 +5366,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     const e = o, t = n, i = ++a, s = (l) => String(l).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), d = f(() => {
       const l = ["vf-tabs"];
       return t.orientation === "vertical" && l.push("vf-tabs_vertical"), t.disabled && l.push("vf-tabs_disabled"), l;
-    }), r = N(null), u = () => r.value ? Array.from(r.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], v = (l) => {
+    }), r = G(null), u = () => r.value ? Array.from(r.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], v = (l) => {
       l && (l.focus(), l.click());
     }, p = (l) => {
       if (t.disabled)
@@ -5381,10 +5403,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-labelledby": l.ariaLabelledby || void 0,
         onKeydown: p
       }, [
-        Y(l.$slots, "tabs")
+        q(l.$slots, "tabs")
       ], 40, nl),
       B("div", sl, [
-        Y(l.$slots, "panels")
+        q(l.$slots, "panels")
       ])
     ], 2));
   }
@@ -5411,7 +5433,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       tabindex: u.value,
       onClick: v
     }, [
-      Y(p.$slots, "default", {}, () => [
+      q(p.$slots, "default", {}, () => [
         me(j(p.label), 1)
       ])
     ], 10, il));
@@ -5430,7 +5452,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       tabindex: "0",
       "aria-labelledby": t.value
     }, [
-      Y(s.$slots, "default")
+      q(s.$slots, "default")
     ], 8, dl)), [
       [Se, e.value]
     ]);
@@ -5477,7 +5499,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": p.ariaLabel || void 0,
       "aria-labelledby": p.ariaLabelledby || void 0
     }, [
-      Y(p.$slots, "default")
+      q(p.$slots, "default")
     ], 10, ul));
   }
 }), cl = ["id", "disabled", "aria-expanded", "aria-controls"], vl = { class: "vf-accordion__title" }, fl = ["id", "aria-labelledby", "aria-hidden"], pl = { class: "vf-accordion__panel-inner" }, jc = /* @__PURE__ */ ne({
@@ -5513,7 +5535,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onClick: u
       }, [
         B("span", vl, [
-          Y(v.$slots, "title", {}, () => [
+          q(v.$slots, "title", {}, () => [
             me(j(v.title), 1)
           ])
         ]),
@@ -5531,7 +5553,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-hidden": e.value ? void 0 : "true"
       }, [
         B("div", pl, [
-          Y(v.$slots, "default")
+          q(v.$slots, "default")
         ])
       ], 10, fl)) : Q("", !0)
     ], 2));
@@ -5565,7 +5587,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, d = () => {
       i(), a("update:modelValue", !1), a("close");
     };
-    return ce(
+    return ve(
       () => e.modelValue,
       (r) => {
         r && a("open"), s();
@@ -5582,7 +5604,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       B("div", gl, [
         r.title ? (c(), b("div", bl, j(r.title), 1)) : Q("", !0),
         r.message || r.$slots.default ? (c(), b("div", hl, [
-          Y(r.$slots, "default", {}, () => [
+          q(r.$slots, "default", {}, () => [
             me(j(r.message), 1)
           ])
         ])) : Q("", !0)
@@ -5593,7 +5615,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         type: "button",
         onClick: d
       }, [
-        Y(r.$slots, "close", {}, () => [
+        q(r.$slots, "close", {}, () => [
           u[0] || (u[0] = me("×"))
         ])
       ])) : Q("", !0)
@@ -5608,13 +5630,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   setup(n) {
     const o = n, a = f(() => `vf-toast-container_${o.position}`);
-    return (e, t) => (c(), ge(Le, { to: "body" }, [
+    return (e, t) => (c(), be(Le, { to: "body" }, [
       B("div", {
         class: ee(["vf-toast-container", a.value]),
         role: "region",
         "aria-live": "polite"
       }, [
-        Y(e.$slots, "default")
+        q(e.$slots, "default")
       ], 2)
     ]));
   }
@@ -5643,8 +5665,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "close"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(!0), i = f(() => typeof e.modelValue == "boolean"), s = f(() => i.value ? e.modelValue : t.value);
-    ce(
+    const a = o, e = n, t = G(!0), i = f(() => typeof e.modelValue == "boolean"), s = f(() => i.value ? e.modelValue : t.value);
+    ve(
       () => e.modelValue,
       (r) => {
         typeof r == "boolean" && (t.value = r);
@@ -5660,24 +5682,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "data-severity": r.severity
     }, [
       r.$slots.icon || r.icon ? (c(), b("div", _l, [
-        Y(r.$slots, "icon", {}, () => [
+        q(r.$slots, "icon", {}, () => [
           me(j(r.icon), 1)
         ])
       ])) : Q("", !0),
       B("div", kl, [
         r.title || r.$slots.title ? (c(), b("div", Cl, [
-          Y(r.$slots, "title", {}, () => [
+          q(r.$slots, "title", {}, () => [
             me(j(r.title), 1)
           ])
         ])) : Q("", !0),
         r.message || r.$slots.default ? (c(), b("div", wl, [
-          Y(r.$slots, "default", {}, () => [
+          q(r.$slots, "default", {}, () => [
             me(j(r.message), 1)
           ])
         ])) : Q("", !0)
       ]),
       r.$slots.actions ? (c(), b("div", $l, [
-        Y(r.$slots, "actions")
+        q(r.$slots, "actions")
       ])) : Q("", !0),
       r.closable ? (c(), b("button", {
         key: 2,
@@ -5686,7 +5708,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": "Close",
         onClick: d
       }, [
-        Y(r.$slots, "close", {}, () => [
+        q(r.$slots, "close", {}, () => [
           u[0] || (u[0] = me("×"))
         ])
       ])) : Q("", !0)
@@ -5727,24 +5749,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-live": "polite"
     }, [
       e.$slots.icon || e.icon ? (c(), b("div", zl, [
-        Y(e.$slots, "icon", {}, () => [
+        q(e.$slots, "icon", {}, () => [
           me(j(e.icon), 1)
         ])
       ])) : Q("", !0),
       B("div", Sl, [
         e.title || e.$slots.title ? (c(), b("div", Bl, [
-          Y(e.$slots, "title", {}, () => [
+          q(e.$slots, "title", {}, () => [
             me(j(e.title), 1)
           ])
         ])) : Q("", !0),
         e.description || e.$slots.default ? (c(), b("div", xl, [
-          Y(e.$slots, "default", {}, () => [
+          q(e.$slots, "default", {}, () => [
             me(j(e.description), 1)
           ])
         ])) : Q("", !0)
       ]),
       e.$slots.actions ? (c(), b("div", Ll, [
-        Y(e.$slots, "actions")
+        q(e.$slots, "actions")
       ])) : Q("", !0)
     ], 2));
   }
@@ -5781,7 +5803,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
       s.label || s.$slots.default ? (c(), b("span", Fl, [
-        Y(s.$slots, "default", {}, () => [
+        q(s.$slots, "default", {}, () => [
           me(j(s.label), 1)
         ])
       ])) : Q("", !0)
@@ -5810,7 +5832,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           pe(ie(v, ["prevent"]), ["space"])
         ]
       }, [
-        Y(p.$slots, "button")
+        q(p.$slots, "button")
       ], 40, Il),
       ze(Ge(Ut, {
         id: s,
@@ -5824,31 +5846,31 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         p.$slots.default ? {
           name: "default",
           fn: Ce(() => [
-            Y(p.$slots, "default")
+            q(p.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         p.$slots.header || p.$slots.popoverHeader ? {
           name: "header",
           fn: Ce(() => [
-            Y(p.$slots, "header"),
-            p.$slots.header ? Q("", !0) : Y(p.$slots, "popoverHeader", { key: 0 })
+            q(p.$slots, "header"),
+            p.$slots.header ? Q("", !0) : q(p.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
         p.$slots.body || p.$slots.popoverBody ? {
           name: "body",
           fn: Ce(() => [
-            Y(p.$slots, "body"),
-            p.$slots.body ? Q("", !0) : Y(p.$slots, "popoverBody", { key: 0 })
+            q(p.$slots, "body"),
+            p.$slots.body ? Q("", !0) : q(p.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
         p.$slots.footer || p.$slots.popoverFooter ? {
           name: "footer",
           fn: Ce(() => [
-            Y(p.$slots, "footer"),
-            p.$slots.footer ? Q("", !0) : Y(p.$slots, "popoverFooter", { key: 0 })
+            q(p.$slots, "footer"),
+            p.$slots.footer ? Q("", !0) : q(p.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
@@ -5882,7 +5904,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { expose: o, emit: a }) {
     const e = a, t = n;
     let i = 0, s = 0, d = "", r = null;
-    const u = N(null), v = Mt(), p = Xe(), m = `vf-modal-title-${++i}`, $ = `vf-modal-body-${i}`, l = f(() => !!t.title || !!p.header), _ = f(() => !!p.body || !!p.default), k = f(() => {
+    const u = G(null), v = Mt(), p = Xe(), m = `vf-modal-title-${++i}`, $ = `vf-modal-body-${i}`, l = f(() => !!t.title || !!p.header), _ = f(() => !!p.body || !!p.default), k = f(() => {
       const E = ["vf-modal"];
       return t.size !== "md" && E.push(`vf-modal_${t.size}`), E;
     }), y = () => e("update:modelValue", !0), z = () => {
@@ -5915,7 +5937,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, O = () => {
       !t.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = d));
     };
-    return ce(
+    return ve(
       () => t.modelValue,
       async (E) => {
         E ? (typeof document < "u" && (r = document.activeElement), I(), e("open"), await $e(), L(), typeof document < "u" && document.addEventListener("keydown", g)) : (O(), typeof document < "u" && (document.removeEventListener("keydown", g), r == null || r.focus()));
@@ -5923,7 +5945,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       { immediate: !0 }
     ), we(() => {
       O(), typeof document < "u" && document.removeEventListener("keydown", g);
-    }), o({ open: y, close: z }), (E, T) => (c(), ge(Le, { to: "body" }, [
+    }), o({ open: y, close: z }), (E, T) => (c(), be(Le, { to: "body" }, [
       ze(B("div", st(We(v), {
         class: k.value,
         role: "presentation"
@@ -5948,12 +5970,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               id: m,
               class: "vf-modal__header-content"
             }, [
-              Y(E.$slots, "header", {}, () => [
+              q(E.$slots, "header", {}, () => [
                 E.title ? (c(), b("h3", Rl, j(E.title), 1)) : Q("", !0)
               ])
             ])
           ])) : Q("", !0),
-          E.showClose ? Y(E.$slots, "close", {
+          E.showClose ? q(E.$slots, "close", {
             key: 1,
             close: z
           }, () => [
@@ -5969,11 +5991,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             id: $,
             class: "vf-modal__body"
           }, [
-            Y(E.$slots, "body"),
-            E.$slots.body ? Q("", !0) : Y(E.$slots, "default", { key: 0 })
+            q(E.$slots, "body"),
+            E.$slots.body ? Q("", !0) : q(E.$slots, "default", { key: 0 })
           ])) : Q("", !0),
           E.$slots.footer ? (c(), b("div", Pl, [
-            Y(E.$slots, "footer")
+            q(E.$slots, "footer")
           ])) : Q("", !0)
         ], 40, Dl)
       ], 16), [
@@ -6000,7 +6022,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "confirm", "cancel", "open", "close"],
   setup(n, { expose: o, emit: a }) {
-    const e = n, t = a, i = N(null), s = N(null), d = () => {
+    const e = n, t = a, i = G(null), s = G(null), d = () => {
       if (i.value) {
         i.value.close();
         return;
@@ -6027,7 +6049,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       close: () => {
         s.value = "cancel", d();
       }
-    }), (m, $) => (c(), ge(El, {
+    }), (m, $) => (c(), be(El, {
       ref_key: "modal",
       ref: i,
       class: "vf-confirm-dialog",
@@ -6044,14 +6066,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, {
       body: Ce(() => [
         B("div", Ol, [
-          Y(m.$slots, "default", {}, () => [
+          q(m.$slots, "default", {}, () => [
             me(j(m.message), 1)
           ])
         ])
       ]),
       footer: Ce(() => [
         B("div", Al, [
-          Y(m.$slots, "actions", {
+          q(m.$slots, "actions", {
             confirm: p,
             cancel: v
           }, () => [
@@ -6102,7 +6124,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { expose: o, emit: a }) {
     const e = a, t = n;
     let i = 0, s = 0, d = "", r = null;
-    const u = N(null), v = Xe(), p = `vf-drawer-title-${++i}`, m = `vf-drawer-body-${i}`, $ = f(() => !!t.title || !!v.header), l = f(() => !!v.body || !!v.default), _ = f(() => {
+    const u = G(null), v = Xe(), p = `vf-drawer-title-${++i}`, m = `vf-drawer-body-${i}`, $ = f(() => !!t.title || !!v.header), l = f(() => !!v.body || !!v.default), _ = f(() => {
       switch (t.position) {
         case "left":
           return "translate3d(-100%, 0, 0)";
@@ -6131,12 +6153,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const T = L();
       T.length ? T[0].focus() : (D = u.value) == null || D.focus();
     }, I = (T) => {
-      var A;
+      var H;
       if (T.key !== "Tab")
         return;
       const D = L();
       if (!D.length) {
-        T.preventDefault(), (A = u.value) == null || A.focus();
+        T.preventDefault(), (H = u.value) == null || H.focus();
         return;
       }
       const M = D[0], S = D[D.length - 1], F = document.activeElement;
@@ -6150,7 +6172,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, E = () => {
       !t.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = d));
     };
-    return ce(
+    return ve(
       () => t.modelValue,
       async (T) => {
         T ? (typeof document < "u" && (r = document.activeElement), O(), e("open"), await $e(), R(), typeof document < "u" && document.addEventListener("keydown", w)) : (E(), typeof document < "u" && (document.removeEventListener("keydown", w), r == null || r.focus()));
@@ -6158,7 +6180,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       { immediate: !0 }
     ), we(() => {
       E(), typeof document < "u" && document.removeEventListener("keydown", w);
-    }), o({ open: z, close: C }), (T, D) => (c(), ge(Le, { to: "body" }, [
+    }), o({ open: z, close: C }), (T, D) => (c(), be(Le, { to: "body" }, [
       Ge(Rt, {
         name: "vf-drawer",
         duration: { enter: 320, leave: 320 }
@@ -6190,12 +6212,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                   id: p,
                   class: "vf-drawer__header-content"
                 }, [
-                  Y(T.$slots, "header", {}, () => [
+                  q(T.$slots, "header", {}, () => [
                     T.title ? (c(), b("h3", Kl, j(T.title), 1)) : Q("", !0)
                   ])
                 ])
               ])) : Q("", !0),
-              T.showClose ? Y(T.$slots, "close", {
+              T.showClose ? q(T.$slots, "close", {
                 key: 1,
                 close: C
               }, () => [
@@ -6211,11 +6233,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                 id: m,
                 class: "vf-drawer__body"
               }, [
-                Y(T.$slots, "body"),
-                T.$slots.body ? Q("", !0) : Y(T.$slots, "default", { key: 0 })
+                q(T.$slots, "body"),
+                T.$slots.body ? Q("", !0) : q(T.$slots, "default", { key: 0 })
               ])) : Q("", !0),
               T.$slots.footer ? (c(), b("div", Nl, [
-                Y(T.$slots, "footer")
+                q(T.$slots, "footer")
               ])) : Q("", !0)
             ], 40, Hl)
           ], 6), [
@@ -6243,7 +6265,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { expose: o, emit: a }) {
     const e = a, t = n;
     let i = 0;
-    const s = N(null), d = N(null), r = N(null), u = N(!1), v = N(t.placement), p = N(t.placement), m = `vf-dropdown-panel-${++i}`;
+    const s = G(null), d = G(null), r = G(null), u = G(!1), v = G(t.placement), p = G(t.placement), m = `vf-dropdown-panel-${++i}`;
     let $ = null;
     const l = f(() => t.modelValue !== void 0), _ = (O) => {
       t.disabled || (e("update:modelValue", O), l.value || (u.value = O));
@@ -6290,14 +6312,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const O = d.value, E = r.value, T = async () => {
         const {
           x: F,
-          y: A,
+          y: H,
           placement: Z
         } = await Me(O, E, {
           placement: v.value,
           strategy: "fixed",
           middleware: [Ie(t.offset), Te({ placements: R(v.value) })]
         });
-        p.value = Z ?? v.value, t.matchTriggerWidth && (E.style.minWidth = `${O.getBoundingClientRect().width}px`), E.style.left = `${F}px`, E.style.top = `${A}px`;
+        p.value = Z ?? v.value, t.matchTriggerWidth && (E.style.minWidth = `${O.getBoundingClientRect().width}px`), E.style.left = `${F}px`, E.style.top = `${H}px`;
       }, D = async () => {
         await T();
       }, M = De(O, () => {
@@ -6312,18 +6334,18 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, $.update();
     };
-    return ce(
+    return ve(
       () => t.modelValue,
       (O) => {
         l.value && (u.value = !!O);
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => t.placement,
       (O) => {
         v.value = O, p.value = O;
       }
-    ), ce(u, async (O) => {
+    ), ve(u, async (O) => {
       if (e(O ? "open" : "close"), !O) {
         $ && ($.destroy(), $ = null);
         return;
@@ -6353,9 +6375,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           pe(ie(C, ["prevent"]), ["space"])
         ]
       }, [
-        Y(O.$slots, "trigger")
+        q(O.$slots, "trigger")
       ], 40, Gl),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: m,
           ref_key: "panel",
@@ -6365,8 +6387,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "data-placement": p.value,
           onClick: g
         }, [
-          Y(O.$slots, "default", {}, () => [
-            t.items.length ? (c(), ge(ht, {
+          q(O.$slots, "default", {}, () => [
+            t.items.length ? (c(), be(ht, {
               key: 0,
               items: t.items
             }, null, 8, ["items"])) : Q("", !0)
@@ -6400,7 +6422,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["click", "update:modelValue", "open", "close", "select"],
   setup(n, { expose: o, emit: a }) {
-    const e = n, t = a, i = qe(dt, null), s = N(null), d = f(() => e.size ?? (i == null ? void 0 : i.value.size) ?? "normal"), r = f(() => e.variant ?? (i == null ? void 0 : i.value.variant)), u = f(() => e.severity ?? (i == null ? void 0 : i.value.severity) ?? "primary"), v = f(() => e.disabled || (i == null ? void 0 : i.value.disabled) === !0), p = f(() => {
+    const e = n, t = a, i = qe(dt, null), s = G(null), d = f(() => e.size ?? (i == null ? void 0 : i.value.size) ?? "normal"), r = f(() => e.variant ?? (i == null ? void 0 : i.value.variant)), u = f(() => e.severity ?? (i == null ? void 0 : i.value.severity) ?? "primary"), v = f(() => e.disabled || (i == null ? void 0 : i.value.disabled) === !0), p = f(() => {
       const l = ["vf-splitbutton"];
       return (v.value || e.loading) && l.push("vf-splitbutton_disabled"), (d.value === "small" || d.value === "large") && l.push(`vf-splitbutton_${d.value}`), l;
     }), m = (l) => {
@@ -6429,7 +6451,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), (l, _) => (c(), b("div", {
       class: ee(["vf-splitbutton", p.value])
     }, [
-      l.$slots.default ? (c(), ge(Ze, {
+      l.$slots.default ? (c(), be(Ze, {
         key: 0,
         class: "vf-splitbutton__main",
         label: l.label,
@@ -6443,10 +6465,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onClick: m
       }, {
         default: Ce(() => [
-          Y(l.$slots, "default")
+          q(l.$slots, "default")
         ]),
         _: 3
-      }, 8, ["label", "icon", "type", "size", "variant", "severity", "loading", "disabled"])) : (c(), ge(Ze, {
+      }, 8, ["label", "icon", "type", "size", "variant", "severity", "loading", "disabled"])) : (c(), be(Ze, {
         key: 1,
         class: "vf-splitbutton__main",
         label: l.label,
@@ -6492,7 +6514,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         l.$slots.menu ? {
           name: "default",
           fn: Ce(() => [
-            Y(l.$slots, "menu")
+            q(l.$slots, "menu")
           ]),
           key: "0"
         } : void 0
@@ -6514,7 +6536,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { expose: o, emit: a }) {
     const e = a, t = n;
     let i = 0;
-    const s = N(null), d = N(null), r = N(!1), u = N({}), v = `vf-context-menu-panel-${++i}`, p = N({ x: 0, y: 0 }), m = f(() => t.modelValue !== void 0), $ = () => {
+    const s = G(null), d = G(null), r = G(!1), u = G({}), v = `vf-context-menu-panel-${++i}`, p = G({ x: 0, y: 0 }), m = f(() => t.modelValue !== void 0), $ = () => {
       if (!s.value)
         return { x: 0, y: 0 };
       const I = s.value.getBoundingClientRect();
@@ -6558,13 +6580,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, R = () => {
       r.value && _();
     };
-    return ce(
+    return ve(
       () => t.modelValue,
       (I) => {
         m.value && (r.value = !!I);
       },
       { immediate: !0 }
-    ), ce(r, async (I) => {
+    ), ve(r, async (I) => {
       I ? (!p.value.x && !p.value.y && (p.value = $()), e("open"), await $e(), _()) : e("close");
     }), Ve(() => {
       document.addEventListener("click", w), document.addEventListener("keydown", L), window.addEventListener("resize", R);
@@ -6579,9 +6601,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onContextmenu: ie(z, ["prevent"]),
         onKeydown: C
       }, [
-        Y(I.$slots, "default")
+        q(I.$slots, "default")
       ], 34),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: v,
           ref_key: "panel",
@@ -6591,8 +6613,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           style: ke(u.value),
           onClick: g
         }, [
-          Y(I.$slots, "menu", {}, () => [
-            t.items.length ? (c(), ge(ht, {
+          q(I.$slots, "menu", {}, () => [
+            t.items.length ? (c(), be(ht, {
               key: 0,
               items: t.items
             }, null, 8, ["items"])) : Q("", !0)
@@ -6639,7 +6661,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "open", "close", "select", "search"],
   setup(n, { expose: o, emit: a }) {
-    const e = n, t = a, i = N(null), s = N(null), d = N(!1), r = N(""), u = N(-1), v = f(() => e.modelValue !== void 0), p = f(() => e.items.map((M, S) => {
+    const e = n, t = a, i = G(null), s = G(null), d = G(!1), r = G(""), u = G(-1), v = f(() => e.modelValue !== void 0), p = f(() => e.items.map((M, S) => {
       const F = M.group ?? "";
       return {
         ...M,
@@ -6656,10 +6678,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       var S;
       const M = /* @__PURE__ */ new Map();
       for (const F of m.value) {
-        const A = F.group ?? "";
-        M.has(A) || M.set(A, []), (S = M.get(A)) == null || S.push(F);
+        const H = F.group ?? "";
+        M.has(H) || M.set(H, []), (S = M.get(H)) == null || S.push(F);
       }
-      return Array.from(M.entries()).map(([F, A]) => ({ name: F, items: A }));
+      return Array.from(M.entries()).map(([F, H]) => ({ name: F, items: H }));
     }), l = f(() => m.value.filter((M) => !M.disabled)), _ = async () => {
       var M;
       await $e(), (M = s.value) == null || M.focus();
@@ -6692,8 +6714,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         u.value = -1;
         return;
       }
-      const S = l.value.findIndex((Z) => Z._index === u.value), A = ((S >= 0 ? S : M > 0 ? -1 : 0) + M + l.value.length) % l.value.length;
-      u.value = l.value[A]._index;
+      const S = l.value.findIndex((Z) => Z._index === u.value), H = ((S >= 0 ? S : M > 0 ? -1 : 0) + M + l.value.length) % l.value.length;
+      u.value = l.value[H]._index;
     }, I = (M) => {
       if (u.value < 0)
         return;
@@ -6723,19 +6745,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, D = (M) => {
       e.enableShortcut && (T(M.target) || M.key.toLowerCase() === e.shortcutKey.toLowerCase() && (!M.metaKey && !M.ctrlKey || (M.preventDefault(), g())));
     };
-    return ce(
+    return ve(
       () => e.modelValue,
       (M) => {
         v.value && (d.value = !!M);
       },
       { immediate: !0 }
-    ), ce(d, async (M) => {
+    ), ve(d, async (M) => {
       if (M) {
         t("open"), r.value = "", k(), await _();
         return;
       }
       t("close");
-    }), ce(
+    }), ve(
       () => m.value,
       () => {
         m.value.some((S) => S._index === u.value && !S.disabled) || k();
@@ -6745,7 +6767,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       document.addEventListener("keydown", D);
     }), we(() => {
       document.removeEventListener("keydown", D);
-    }), o({ open: z, close: C, toggle: g }), (M, S) => (c(), ge(Le, { to: "body" }, [
+    }), o({ open: z, close: C, toggle: g }), (M, S) => (c(), be(Le, { to: "body" }, [
       ze(B("div", ql, [
         B("div", {
           class: "vf-command-palette__overlay",
@@ -6772,29 +6794,29 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, null, 40, Ql)
           ]),
           B("div", Zl, [
-            $.value.length ? (c(!0), b(fe, { key: 0 }, be($.value, (F) => (c(), b("div", {
+            $.value.length ? (c(!0), b(fe, { key: 0 }, he($.value, (F) => (c(), b("div", {
               key: F.name,
               class: "vf-command-palette__group",
               "data-group": F.name
             }, [
               F.name ? (c(), b("div", en, j(F.name), 1)) : Q("", !0),
-              (c(!0), b(fe, null, be(F.items, (A) => (c(), b("button", {
-                key: A._key,
+              (c(!0), b(fe, null, he(F.items, (H) => (c(), b("button", {
+                key: H._key,
                 class: ee(["vf-command-palette__item", {
-                  "is-active": A._index === u.value,
-                  "is-disabled": A.disabled
+                  "is-active": H._index === u.value,
+                  "is-disabled": H.disabled
                 }]),
                 type: "button",
                 role: "option",
-                "aria-selected": A._index === u.value,
-                disabled: A.disabled,
-                onClick: (Z) => L(A, Z)
+                "aria-selected": H._index === u.value,
+                disabled: H.disabled,
+                onClick: (Z) => L(H, Z)
               }, [
                 B("div", an, [
-                  B("span", on, j(A.label), 1),
-                  A.shortcut ? (c(), b("span", rn, j(A.shortcut), 1)) : Q("", !0)
+                  B("span", on, j(H.label), 1),
+                  H.shortcut ? (c(), b("span", rn, j(H.shortcut), 1)) : Q("", !0)
                 ]),
-                A.description ? (c(), b("span", ln, j(A.description), 1)) : Q("", !0)
+                H.description ? (c(), b("span", ln, j(H.description), 1)) : Q("", !0)
               ], 10, tn))), 128))
             ], 8, Jl))), 128)) : (c(), b("div", nn, j(M.emptyText), 1))
           ])
@@ -6842,11 +6864,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "update:items", "open", "close", "click", "read", "readAll", "clear"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N([]), s = f(() => i.value.filter((z) => !z.read).length), d = f(() => s.value > 0), r = (z) => z.map((C) => ({
+    const a = o, e = n, t = G(null), i = G([]), s = f(() => i.value.filter((z) => !z.read).length), d = f(() => s.value > 0), r = (z) => z.map((C) => ({
       ...C,
       read: !!C.read
     }));
-    ce(
+    ve(
       () => e.items,
       (z) => {
         i.value = r(z);
@@ -6865,7 +6887,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, m = (z) => {
       !e.modelValue || !e.closeOnEsc || z.key === "Escape" && (z.preventDefault(), v());
     };
-    ce(
+    ve(
       () => e.modelValue,
       async (z) => {
         var C;
@@ -6897,7 +6919,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const z = i.value.map((C) => ({ ...C }));
       i.value = [], u(), a("clear", z);
     };
-    return (z, C) => (c(), ge(Le, { to: "body" }, [
+    return (z, C) => (c(), be(Le, { to: "body" }, [
       ze(B("div", sn, [
         B("div", {
           class: "vf-notification-center__overlay",
@@ -6940,12 +6962,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           ]),
           B("div", hn, [
             i.value.length ? (c(), b("ul", yn, [
-              (c(!0), b(fe, null, be(i.value, (g, w) => (c(), b("li", {
+              (c(!0), b(fe, null, he(i.value, (g, w) => (c(), b("li", {
                 key: String(g.id),
                 class: ee(["vf-notification-center__item", { "is-unread": !g.read }]),
                 "data-severity": g.severity || "neutral"
               }, [
-                Y(z.$slots, "item", {
+                q(z.$slots, "item", {
                   item: g,
                   index: w,
                   toggleRead: () => _(g.id)
@@ -6970,7 +6992,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                 }, j(g.read ? z.unreadLabel : z.readLabel), 9, Bn)
               ], 10, _n))), 128))
             ])) : (c(), b("p", xn, [
-              Y(z.$slots, "empty", {}, () => [
+              q(z.$slots, "empty", {}, () => [
                 me(j(z.emptyText), 1)
               ])
             ]))
@@ -7002,7 +7024,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "sidebar-toggle", "breakpoint-change"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = Xe(), i = f(() => !!t.footer), s = N(!!e.modelValue), d = N(!1), r = N(!1), u = f(() => ({
+    const a = o, e = n, t = Xe(), i = f(() => !!t.footer), s = G(!!e.modelValue), d = G(!1), r = G(!1), u = f(() => ({
       "--vf-app-shell-sidebar-width-prop": e.sidebarWidth,
       "--vf-app-shell-sidebar-collapsed-width-prop": e.sidebarCollapsedWidth
     })), v = () => {
@@ -7027,7 +7049,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, l = (_) => {
       !e.closeOnEsc || !r.value || _.key === "Escape" && (_.preventDefault(), $());
     };
-    return ce(
+    return ve(
       () => e.modelValue,
       (_) => {
         s.value = !!_;
@@ -7048,7 +7070,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-app-shell__sidebar",
         "aria-hidden": d.value && !r.value ? "true" : "false"
       }, [
-        Y(_.$slots, "sidebar", {
+        q(_.$slots, "sidebar", {
           mobile: d.value,
           collapsed: s.value
         })
@@ -7069,7 +7091,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           onClick: m
         }, j(_.toggleIcon), 9, Tn)) : Q("", !0),
         B("div", In, [
-          Y(_.$slots, "header", {
+          q(_.$slots, "header", {
             mobile: d.value,
             collapsed: s.value,
             mobileSidebarOpen: r.value,
@@ -7081,10 +7103,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-app-shell__main",
         "aria-label": _.mainAriaLabel
       }, [
-        Y(_.$slots, "default")
+        q(_.$slots, "default")
       ], 8, Dn),
       i.value ? (c(), b("footer", Mn, [
-        Y(_.$slots, "footer", {
+        q(_.$slots, "footer", {
           mobile: d.value,
           collapsed: s.value
         })
@@ -7113,7 +7135,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:items", "move", "click"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N([]), i = N(null), s = N(null), d = f(() => e.columns ?? []), r = (y) => y.map((z) => ({
+    const a = o, e = n, t = G([]), i = G(null), s = G(null), d = f(() => e.columns ?? []), r = (y) => y.map((z) => ({
       ...z,
       tags: z.tags ? [...z.tags] : []
     })), u = (y) => t.value.filter((z) => String(z.columnId) === String(y)), v = (y, z, C) => {
@@ -7151,7 +7173,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const g = ((w = z.dataTransfer) == null ? void 0 : w.getData("text/plain")) || (i.value !== null ? String(i.value) : "");
       g && (p(g, y), l());
     };
-    return ce(
+    return ve(
       () => e.items,
       (y) => {
         t.value = r(y);
@@ -7163,13 +7185,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": y.ariaLabel || void 0
     }, [
       B("div", Pn, [
-        (c(!0), b(fe, null, be(d.value, (C) => (c(), b("section", {
+        (c(!0), b(fe, null, he(d.value, (C) => (c(), b("section", {
           key: String(C.id),
           class: "vf-kanban-board__column",
           "data-column-id": String(C.id)
         }, [
           B("header", On, [
-            Y(y.$slots, "column-header", {
+            q(y.$slots, "column-header", {
               column: C,
               items: u(C.id)
             }, () => [
@@ -7183,7 +7205,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, ["prevent"])),
             onDrop: ie((g) => k(C.id, g), ["prevent"])
           }, [
-            (c(!0), b(fe, null, be(u(C.id), (g, w) => (c(), b("li", {
+            (c(!0), b(fe, null, he(u(C.id), (g, w) => (c(), b("li", {
               key: String(g.id),
               class: ee(["vf-kanban-board__item", {
                 "is-dragging": i.value === g.id,
@@ -7199,7 +7221,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               }, ["prevent"])),
               onDrop: ie((L) => _(C.id, w, L), ["prevent", "stop"])
             }, [
-              Y(y.$slots, "card", {
+              q(y.$slots, "card", {
                 item: g,
                 column: C,
                 index: w
@@ -7210,7 +7232,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                     B("p", Gn, j(g.title), 1),
                     g.description ? (c(), b("p", jn, j(g.description), 1)) : Q("", !0),
                     (L = g.tags) != null && L.length ? (c(), b("div", Yn, [
-                      (c(!0), b(fe, null, be(g.tags, (R) => (c(), b("span", {
+                      (c(!0), b(fe, null, he(g.tags, (R) => (c(), b("span", {
                         key: R,
                         class: "vf-kanban-board__tag"
                       }, j(R), 1))), 128))
@@ -7221,13 +7243,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               })
             ], 42, Kn))), 128)),
             u(C.id).length ? Q("", !0) : (c(), b("li", Xn, [
-              Y(y.$slots, "empty-column", { column: C }, () => [
+              q(y.$slots, "empty-column", { column: C }, () => [
                 me(j(y.emptyColumnText), 1)
               ])
             ]))
           ], 40, Wn),
           B("footer", Un, [
-            Y(y.$slots, "column-footer", {
+            q(y.$slots, "column-footer", {
               column: C,
               items: u(C.id)
             })
@@ -7251,7 +7273,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n) {
     const o = n;
     let a = 0;
-    const e = N(null), t = N(null), i = N(!1), s = N("top"), d = `vf-tooltip-${++a}`;
+    const e = G(null), t = G(null), i = G(!1), s = G("top"), d = `vf-tooltip-${++a}`;
     let r = null;
     const u = () => {
       o.disabled || (i.value = !0);
@@ -7285,7 +7307,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, r.update();
     };
-    ce(i, async ($) => {
+    ve(i, async ($) => {
       if (!$) {
         r && (r.destroy(), r = null);
         return;
@@ -7297,7 +7319,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       r == null || r.destroy(), r = null;
     });
     const m = f(() => !!o.text || !!(t.value && t.value.textContent));
-    return ce(m, ($) => {
+    return ve(m, ($) => {
       $ || (i.value = !1);
     }), ($, l) => (c(), b(fe, null, [
       B("span", {
@@ -7310,9 +7332,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onFocus: u,
         onBlur: v
       }, [
-        Y($.$slots, "default")
+        q($.$slots, "default")
       ], 544),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: d,
           ref_key: "panel",
@@ -7322,7 +7344,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "data-placement": s.value
         }, [
           B("span", Zn, [
-            Y($.$slots, "content", {}, () => [
+            q($.$slots, "content", {}, () => [
               me(j($.text), 1)
             ])
           ]),
@@ -7367,7 +7389,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "open", "close", "stepChange", "next", "prev", "complete", "skip"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N(0), s = N("bottom"), d = N({}), r = N(null);
+    const a = o, e = n, t = G(null), i = G(0), s = G("bottom"), d = G({}), r = G(null);
     let u = null;
     const v = f(() => e.steps.length), p = f(() => {
       if (v.value)
@@ -7400,7 +7422,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, F = () => {
         var h;
         return ((h = p.value) == null ? void 0 : h.offset) ?? e.offset;
-      }, A = async () => {
+      }, H = async () => {
         const {
           x: h,
           y: P,
@@ -7412,7 +7434,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         });
         s.value = K ?? S(), M.style.left = `${h}px`, M.style.top = `${P}px`;
       }, Z = async () => {
-        y(), await A();
+        y(), await H();
       }, x = De(D, () => {
         Z();
       }), W = () => {
@@ -7447,13 +7469,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, T = (D) => {
       !e.modelValue || !e.closeOnEsc || D.key === "Escape" && (D.preventDefault(), w("esc"));
     };
-    return ce(
+    return ve(
       () => e.modelValue,
       async (D) => {
         D ? (i.value = _(e.startIndex), a("open"), a("stepChange", i.value, p.value), await g(), document.addEventListener("keydown", T, !1)) : (u == null || u.destroy(), u = null, d.value = {}, r.value = null, document.removeEventListener("keydown", T, !1));
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => [i.value, e.steps],
       async () => {
         e.modelValue && await g();
@@ -7463,7 +7485,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       u == null || u.destroy(), u = null, typeof document < "u" && document.removeEventListener("keydown", T, !1);
     }), (D, M) => {
       var S, F;
-      return c(), ge(Le, { to: "body" }, [
+      return c(), be(Le, { to: "body" }, [
         ze(B("div", es, [
           B("div", {
             class: "vf-tour__overlay",
@@ -7484,30 +7506,30 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             "data-placement": s.value
           }, [
             (S = p.value) != null && S.title || D.$slots.title ? (c(), b("div", as, [
-              Y(D.$slots, "title", {
+              q(D.$slots, "title", {
                 step: p.value,
                 index: i.value
               }, () => {
-                var A;
+                var H;
                 return [
-                  me(j((A = p.value) == null ? void 0 : A.title), 1)
+                  me(j((H = p.value) == null ? void 0 : H.title), 1)
                 ];
               })
             ])) : Q("", !0),
             (F = p.value) != null && F.content || D.$slots.default ? (c(), b("div", os, [
-              Y(D.$slots, "default", {
+              q(D.$slots, "default", {
                 step: p.value,
                 index: i.value
               }, () => {
-                var A;
+                var H;
                 return [
-                  me(j((A = p.value) == null ? void 0 : A.content), 1)
+                  me(j((H = p.value) == null ? void 0 : H.content), 1)
                 ];
               })
             ])) : Q("", !0),
             D.showProgress ? (c(), b("div", rs, j(i.value + 1) + " / " + j(v.value), 1)) : Q("", !0),
             B("div", ls, [
-              Y(D.$slots, "actions", {
+              q(D.$slots, "actions", {
                 step: p.value,
                 index: i.value,
                 isFirst: m.value,
@@ -7642,7 +7664,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ]))
       ])),
       r.value || d.value ? (c(), b("span", cs, [
-        Y($.$slots, "default", {}, () => [
+        q($.$slots, "default", {}, () => [
           me(j(r.value), 1)
         ])
       ])) : Q("", !0)
@@ -7666,7 +7688,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       role: "status",
       "aria-label": e.ariaLabel || void 0
     }, [
-      Y(e.$slots, "default", {}, () => [
+      q(e.$slots, "default", {}, () => [
         me(j(e.label), 1)
       ])
     ], 10, vs));
@@ -7703,12 +7725,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": s.ariaLabel || void 0
     }, [
       s.$slots.icon || s.icon ? (c(), b("span", ps, [
-        Y(s.$slots, "icon", {}, () => [
+        q(s.$slots, "icon", {}, () => [
           Ge(We(Ne), { icon: s.icon }, null, 8, ["icon"])
         ])
       ])) : Q("", !0),
       B("span", ms, [
-        Y(s.$slots, "default", {}, () => [
+        q(s.$slots, "default", {}, () => [
           me(j(s.label), 1)
         ])
       ]),
@@ -7720,7 +7742,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-label": s.closeLabel || "Remove",
         onClick: i
       }, [
-        Y(s.$slots, "close", {}, () => [
+        q(s.$slots, "close", {}, () => [
           d[0] || (d[0] = me("×"))
         ])
       ], 8, gs)) : Q("", !0)
@@ -7783,7 +7805,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": v.ariaLabel || void 0,
       "aria-labelledby": v.ariaLabelledby || void 0
     }, [
-      (c(!0), b(fe, null, be(v.options, (m) => (c(), b("button", {
+      (c(!0), b(fe, null, he(v.options, (m) => (c(), b("button", {
         key: String(m.value),
         class: ee(["vf-filter-chips__chip", { "is-active": d(m.value) }]),
         type: "button",
@@ -7818,7 +7840,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     status: { default: void 0 }
   },
   setup(n) {
-    const o = n, a = N(!1), e = (u) => {
+    const o = n, a = G(!1), e = (u) => {
       const v = u.trim();
       if (!v)
         return "";
@@ -7832,7 +7854,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), d = f(() => [`vf-avatar_size-${o.size}`, `vf-avatar_shape-${o.shape}`]), r = () => {
       a.value = !0;
     };
-    return ce(
+    return ve(
       () => o.src,
       () => {
         a.value = !1;
@@ -7844,7 +7866,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": s.value
     }, [
       B("div", ws, [
-        Y(u.$slots, "default", {}, () => [
+        q(u.$slots, "default", {}, () => [
           i.value ? (c(), b("img", {
             key: 0,
             class: "vf-avatar__image",
@@ -7888,7 +7910,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "aria-hidden": "true"
       }, null, -1)),
       t.value || e.value ? (c(), b("span", xs, [
-        Y(s.$slots, "default", {}, () => [
+        q(s.$slots, "default", {}, () => [
           me(j(t.value), 1)
         ])
       ])) : Q("", !0)
@@ -7942,7 +7964,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     selection: { default: null },
     bulkActions: { default: () => [] },
     selectAllAriaLabel: { default: "Select all rows" },
-    selectRowAriaLabel: { default: "Select row" }
+    selectRowAriaLabel: { default: "Select row" },
+    stickyHeader: { type: Boolean, default: !1 }
   },
   emits: [
     "update:sortField",
@@ -7960,58 +7983,58 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     "bulkAction"
   ],
   setup(n, { expose: o, emit: a }) {
-    const e = n, t = a, i = N(e.sortField ?? null), s = N(e.sortOrder ?? null), d = N(Math.max(1, e.page ?? 1)), r = N(Math.max(1, e.pageSize ?? 10)), u = N({ ...e.filters ?? {} }), v = N(e.selection ?? null);
-    ce(
+    const e = n, t = a, i = G(e.sortField ?? null), s = G(e.sortOrder ?? null), d = G(Math.max(1, e.page ?? 1)), r = G(Math.max(1, e.pageSize ?? 10)), u = G({ ...e.filters ?? {} }), v = G(e.selection ?? null);
+    ve(
       () => e.sortField,
-      (G) => {
-        i.value = G ?? null;
+      (N) => {
+        i.value = N ?? null;
       }
-    ), ce(
+    ), ve(
       () => e.sortOrder,
-      (G) => {
-        s.value = G ?? null;
+      (N) => {
+        s.value = N ?? null;
       }
-    ), ce(
+    ), ve(
       () => e.page,
-      (G) => {
-        d.value = Math.max(1, G ?? 1);
+      (N) => {
+        d.value = Math.max(1, N ?? 1);
       }
-    ), ce(
+    ), ve(
       () => e.pageSize,
-      (G) => {
-        r.value = Math.max(1, G ?? 10);
+      (N) => {
+        r.value = Math.max(1, N ?? 10);
       }
-    ), ce(
+    ), ve(
       () => e.filters,
-      (G) => {
-        u.value = { ...G ?? {} };
+      (N) => {
+        u.value = { ...N ?? {} };
       },
       { deep: !0 }
-    ), ce(
+    ), ve(
       () => e.selection,
-      (G) => {
-        v.value = G ?? null;
+      (N) => {
+        v.value = N ?? null;
       },
       { deep: !0 }
     );
     const p = f(() => i.value), m = f(() => s.value), $ = f(() => d.value), l = f(() => r.value), _ = f(() => u.value), k = f(() => e.selectionMode === "single" || e.selectionMode === "multiple"), y = f(() => Math.max(1, e.columns.length + (k.value ? 1 : 0))), z = f(() => e.selectionMode === "single" ? v.value == null ? [] : [v.value] : e.selectionMode === "multiple" ? Array.isArray(v.value) ? v.value : [] : []), C = f(() => {
-      const G = new Set(z.value);
+      const N = new Set(z.value);
       return (e.rows ?? []).filter((oe, le) => {
-        const he = T(oe, le);
-        return G.has(he);
+        const ge = T(oe, le);
+        return N.has(ge);
       });
     }), g = f(() => {
       if (e.selectionMode !== "multiple" || !I.value.length)
         return !1;
-      const G = new Set(z.value);
-      return I.value.every((oe, le) => G.has(T(oe, le)));
-    }), w = f(() => !(e.selectionMode !== "multiple" || z.value.length === 0)), L = (G) => G.sortable === !1 ? !1 : G.sortable === !0 ? !0 : e.sortable, R = (G, oe) => G == null && oe == null ? 0 : G == null ? -1 : oe == null ? 1 : typeof G == "number" && typeof oe == "number" ? G - oe : String(G).localeCompare(String(oe)), I = f(() => {
-      const G = e.rows ?? [];
+      const N = new Set(z.value);
+      return I.value.every((oe, le) => N.has(T(oe, le)));
+    }), w = f(() => !(e.selectionMode !== "multiple" || z.value.length === 0)), L = (N) => N.sortable === !1 ? !1 : N.sortable === !0 ? !0 : e.sortable, R = (N, oe) => N == null && oe == null ? 0 : N == null ? -1 : oe == null ? 1 : typeof N == "number" && typeof oe == "number" ? N - oe : String(N).localeCompare(String(oe)), I = f(() => {
+      const N = e.rows ?? [];
       if (e.server)
-        return G;
+        return N;
       const oe = p.value, le = m.value;
-      return !oe || !le ? G : [...G].sort((he, J) => {
-        const ue = he == null ? void 0 : he[oe], ve = J == null ? void 0 : J[oe], _e = R(ue, ve);
+      return !oe || !le ? N : [...N].sort((ge, J) => {
+        const ue = ge == null ? void 0 : ge[oe], ce = J == null ? void 0 : J[oe], _e = R(ue, ce);
         return le === "asc" ? _e : -_e;
       });
     }), O = () => ({
@@ -8021,83 +8044,94 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       pageSize: l.value,
       filters: { ..._.value }
     }), E = f(() => {
-      const G = ["vf-datatable", `vf-datatable_${e.variant}`];
-      return e.size !== "normal" && G.push(`vf-datatable_${e.size}`), e.striped && G.push("vf-datatable_striped"), e.hover && G.push("vf-datatable_hover"), G;
-    }), T = (G, oe) => {
+      const N = ["vf-datatable", `vf-datatable_${e.variant}`];
+      return e.size !== "normal" && N.push(`vf-datatable_${e.size}`), e.striped && N.push("vf-datatable_striped"), e.hover && N.push("vf-datatable_hover"), e.stickyHeader && N.push("vf-datatable_sticky-header"), N;
+    }), T = (N, oe) => {
       if (typeof e.rowKey == "function")
-        return e.rowKey(G, oe);
+        return e.rowKey(N, oe);
       if (e.rowKey && typeof e.rowKey == "string") {
-        const le = G == null ? void 0 : G[e.rowKey];
+        const le = N == null ? void 0 : N[e.rowKey];
         return typeof le == "string" || typeof le == "number" ? le : oe;
       }
       return oe;
-    }, D = (G) => {
-      v.value = G, t("update:selection", G), t("selectionChange", G, C.value);
-    }, M = (G, oe) => {
-      const le = T(G, oe);
+    }, D = (N) => {
+      v.value = N, t("update:selection", N), t("selectionChange", N, C.value);
+    }, M = (N, oe) => {
+      const le = T(N, oe);
       return e.selectionMode === "single" ? v.value === le : e.selectionMode === "multiple" ? (Array.isArray(v.value) ? v.value : []).includes(le) : !1;
-    }, S = (G, oe) => {
-      const le = T(G, oe);
+    }, S = (N, oe) => {
+      const le = T(N, oe);
       return `${e.selectRowAriaLabel} ${String(le)}`;
-    }, F = (G, oe) => {
-      const le = T(G, oe);
+    }, F = (N, oe) => {
+      const le = T(N, oe);
       if (e.selectionMode === "single") {
-        const he = v.value === le ? null : le;
-        D(he);
+        const ge = v.value === le ? null : le;
+        D(ge);
         return;
       }
       if (e.selectionMode === "multiple") {
-        const he = Array.isArray(v.value) ? [...v.value] : [], J = he.indexOf(le);
-        J >= 0 ? he.splice(J, 1) : he.push(le), D(he);
+        const ge = Array.isArray(v.value) ? [...v.value] : [], J = ge.indexOf(le);
+        J >= 0 ? ge.splice(J, 1) : ge.push(le), D(ge);
       }
-    }, A = () => {
+    }, H = () => {
       if (e.selectionMode !== "multiple")
         return;
       if (g.value) {
         D([]);
         return;
       }
-      const G = I.value.map((oe, le) => T(oe, le));
-      D(G);
-    }, Z = (G, oe) => G == null ? void 0 : G[oe.field], x = (G, oe) => {
-      const le = Z(G, oe);
-      return oe.formatter ? oe.formatter(G, le, oe) : le ?? "";
-    }, W = (G) => {
-      if (!L(G))
-        return;
-      let oe = G.field, le = "asc";
-      p.value === G.field && (m.value === "asc" ? le = "desc" : m.value === "desc" ? (oe = null, le = null) : le = "asc"), i.value = oe, s.value = le, t("update:sortField", oe), t("update:sortOrder", le), t("sort", oe, le), e.server && t("request", O());
-    }, h = (G) => p.value !== G.field ? "↕" : m.value === "asc" ? "↑" : "↓", P = (G) => p.value !== G.field ? "" : "is-active", K = (G) => {
-      if (L(G))
-        return p.value !== G.field ? "none" : m.value === "asc" ? "ascending" : "descending";
-    }, H = (G) => {
+      const N = I.value.map((oe, le) => T(oe, le));
+      D(N);
+    }, Z = (N, oe) => N == null ? void 0 : N[oe.field], x = (N, oe) => {
+      const le = Z(N, oe);
+      return oe.formatter ? oe.formatter(N, le, oe) : le ?? "";
+    }, W = (N) => {
+      if (!L(N))
+        return;
+      let oe = N.field, le = "asc";
+      p.value === N.field && (m.value === "asc" ? le = "desc" : m.value === "desc" ? (oe = null, le = null) : le = "asc"), i.value = oe, s.value = le, t("update:sortField", oe), t("update:sortOrder", le), t("sort", oe, le), e.server && t("request", O());
+    }, h = (N) => p.value !== N.field ? "↕" : m.value === "asc" ? "↑" : "↓", P = (N) => p.value !== N.field ? "" : "is-active", K = (N) => {
+      if (L(N))
+        return p.value !== N.field ? "none" : m.value === "asc" ? "ascending" : "descending";
+    }, A = (N) => {
       const oe = [];
-      return e.striped && G % 2 === 1 && oe.push("vf-datatable__row_striped"), oe;
-    }, V = (G) => {
+      return e.striped && N % 2 === 1 && oe.push("vf-datatable__row_striped"), oe;
+    }, V = (N) => {
       const oe = [];
-      return G.align && oe.push(`vf-datatable__cell_${G.align}`), L(G) && oe.push("vf-datatable__header_sortable"), oe;
-    }, q = (G) => {
+      return N.align && oe.push(`vf-datatable__cell_${N.align}`), L(N) && oe.push("vf-datatable__header_sortable"), N.sticky && oe.push(`vf-datatable__cell_sticky-${N.sticky}`), oe;
+    }, Y = (N) => {
       const oe = [];
-      return G.align && oe.push(`vf-datatable__cell_${G.align}`), oe;
-    }, ae = (G) => {
+      return N.align && oe.push(`vf-datatable__cell_${N.align}`), N.sticky && oe.push(`vf-datatable__cell_sticky-${N.sticky}`), oe;
+    }, ae = (N) => {
       const oe = {};
-      return G.width && (oe.width = G.width), G.minWidth && (oe.minWidth = G.minWidth), oe;
-    }, se = (G, oe, le) => {
-      t("rowClick", G, oe, le);
-    }, U = (G) => {
-      const oe = Math.max(1, Number(G) || 1);
+      if (N.width && (oe.width = N.width), N.minWidth && (oe.minWidth = N.minWidth), N.sticky) {
+        oe.position = "sticky", oe.backgroundColor = "var(--vf-datatable-row-background-color)", oe.zIndex = "1";
+        const le = e.columns.filter((ce) => ce.sticky === N.sticky), ge = le.findIndex((ce) => ce.field === N.field), ue = (N.sticky === "left" ? le.slice(0, ge) : le.slice(ge + 1)).reduce((ce, _e) => {
+          const Be = _e.width ?? _e.minWidth;
+          if (!Be || !Be.endsWith("px"))
+            return ce;
+          const xe = Number.parseFloat(Be);
+          return Number.isFinite(xe) ? ce + xe : ce;
+        }, 0);
+        N.sticky === "left" ? oe.left = `${ue}px` : oe.right = `${ue}px`;
+      }
+      return oe;
+    }, se = (N, oe, le) => {
+      t("rowClick", N, oe, le);
+    }, U = (N) => {
+      const oe = Math.max(1, Number(N) || 1);
       d.value = oe, t("update:page", oe), t("page", oe), e.server && t("request", O());
-    }, X = (G) => {
-      const oe = Math.max(1, Number(G) || 1);
+    }, X = (N) => {
+      const oe = Math.max(1, Number(N) || 1);
       r.value = oe, t("update:pageSize", oe), t("page", $.value), e.server && t("request", O());
-    }, re = (G) => {
-      u.value = { ...G ?? {} }, t("update:filters", { ...u.value }), t("filter", { ...u.value }), e.server && t("request", O());
+    }, re = (N) => {
+      u.value = { ...N ?? {} }, t("update:filters", { ...u.value }), t("filter", { ...u.value }), e.server && t("request", O());
     }, de = () => {
       re({});
     }, ye = () => {
       D(e.selectionMode === "multiple" ? [] : null);
-    }, te = (G) => {
-      t("bulkAction", G, z.value, C.value);
+    }, te = (N) => {
+      t("bulkAction", N, z.value, C.value);
     };
     return o({
       setPage: U,
@@ -8109,11 +8143,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       getSelectedKeys: () => [...z.value],
       getSelectedRows: () => [...C.value],
       applyBulkAction: te
-    }), (G, oe) => (c(), b("div", {
+    }), (N, oe) => (c(), b("div", {
       class: ee(E.value)
     }, [
       w.value ? (c(), b("div", Ls, [
-        Y(G.$slots, "bulk-actions", {
+        q(N.$slots, "bulk-actions", {
           selectedKeys: z.value,
           selectedRows: C.value,
           clearSelection: ye,
@@ -8121,12 +8155,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, () => [
           B("div", Vs, [
             B("span", Fs, j(z.value.length) + " selected", 1),
-            (c(!0), b(fe, null, be(G.bulkActions, (le) => (c(), b("button", {
+            (c(!0), b(fe, null, he(N.bulkActions, (le) => (c(), b("button", {
               key: le.value,
               type: "button",
               class: "vf-datatable__bulk-action",
               disabled: le.disabled,
-              onClick: (he) => te(le.value)
+              onClick: (ge) => te(le.value)
             }, j(le.label), 9, Ts))), 128)),
             B("button", {
               type: "button",
@@ -8138,21 +8172,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       ])) : Q("", !0),
       B("table", {
         class: "vf-datatable__table",
-        "aria-label": G.ariaLabel
+        "aria-label": N.ariaLabel
       }, [
-        G.showHeader ? (c(), b("thead", Ds, [
+        N.showHeader ? (c(), b("thead", Ds, [
           B("tr", Ms, [
             k.value ? (c(), b("th", Rs, [
-              G.selectionMode === "multiple" ? (c(), b("input", {
+              N.selectionMode === "multiple" ? (c(), b("input", {
                 key: 0,
                 type: "checkbox",
                 class: "vf-datatable__selection-control",
                 checked: g.value,
-                "aria-label": G.selectAllAriaLabel,
-                onChange: A
+                "aria-label": N.selectAllAriaLabel,
+                onChange: H
               }, null, 40, Ps)) : Q("", !0)
             ])) : Q("", !0),
-            (c(!0), b(fe, null, be(G.columns, (le) => (c(), b("th", {
+            (c(!0), b(fe, null, he(N.columns, (le) => (c(), b("th", {
               key: le.field,
               class: ee(["vf-datatable__header", V(le)]),
               style: ke(ae(le)),
@@ -8163,10 +8197,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                 key: 0,
                 type: "button",
                 class: "vf-datatable__sort-button",
-                onClick: (he) => W(le)
+                onClick: (ge) => W(le)
               }, [
                 B("span", As, [
-                  G.$slots[`header-${le.field}`] ? Y(G.$slots, `header-${le.field}`, {
+                  N.$slots[`header-${le.field}`] ? q(N.$slots, `header-${le.field}`, {
                     key: 0,
                     column: le
                   }) : (c(), b(fe, { key: 1 }, [
@@ -8177,7 +8211,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                   class: ee(["vf-datatable__sort-icon", P(le)])
                 }, j(h(le)), 3)
               ], 8, Os)) : (c(), b("span", Hs, [
-                G.$slots[`header-${le.field}`] ? Y(G.$slots, `header-${le.field}`, {
+                N.$slots[`header-${le.field}`] ? q(N.$slots, `header-${le.field}`, {
                   key: 0,
                   column: le
                 }) : (c(), b(fe, { key: 1 }, [
@@ -8188,43 +8222,43 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           ])
         ])) : Q("", !0),
         B("tbody", Ws, [
-          G.loading ? (c(), b("tr", Ks, [
+          N.loading ? (c(), b("tr", Ks, [
             B("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: y.value
             }, [
-              Y(G.$slots, "loading", {}, () => [
-                me(j(G.loadingText), 1)
+              q(N.$slots, "loading", {}, () => [
+                me(j(N.loadingText), 1)
               ])
             ], 8, Ns)
-          ])) : I.value.length ? (c(!0), b(fe, { key: 2 }, be(I.value, (le, he) => (c(), b("tr", {
-            key: T(le, he),
-            class: ee(["vf-datatable__row", H(he)]),
-            onClick: (J) => se(le, he, J)
+          ])) : I.value.length ? (c(!0), b(fe, { key: 2 }, he(I.value, (le, ge) => (c(), b("tr", {
+            key: T(le, ge),
+            class: ee(["vf-datatable__row", A(ge)]),
+            onClick: (J) => se(le, ge, J)
           }, [
             k.value ? (c(), b("td", qs, [
               B("input", {
-                type: G.selectionMode === "multiple" ? "checkbox" : "radio",
+                type: N.selectionMode === "multiple" ? "checkbox" : "radio",
                 name: "vf-datatable-selection",
                 class: "vf-datatable__selection-control",
-                checked: M(le, he),
-                "aria-label": S(le, he),
+                checked: M(le, ge),
+                "aria-label": S(le, ge),
                 onClick: oe[0] || (oe[0] = ie(() => {
                 }, ["stop"])),
-                onChange: (J) => F(le, he)
+                onChange: (J) => F(le, ge)
               }, null, 40, Xs)
             ])) : Q("", !0),
-            (c(!0), b(fe, null, be(G.columns, (J) => (c(), b("td", {
+            (c(!0), b(fe, null, he(N.columns, (J) => (c(), b("td", {
               key: J.field,
-              class: ee(["vf-datatable__cell", q(J)]),
+              class: ee(["vf-datatable__cell", Y(J)]),
               style: ke(ae(J))
             }, [
-              G.$slots[`cell-${J.field}`] ? Y(G.$slots, `cell-${J.field}`, {
+              N.$slots[`cell-${J.field}`] ? q(N.$slots, `cell-${J.field}`, {
                 key: 0,
                 row: le,
                 column: J,
                 value: Z(le, J),
-                index: he
+                index: ge
               }) : (c(), b(fe, { key: 1 }, [
                 me(j(x(le, J)), 1)
               ], 64))
@@ -8234,8 +8268,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: y.value
             }, [
-              Y(G.$slots, "empty", {}, () => [
-                me(j(G.emptyText), 1)
+              q(N.$slots, "empty", {}, () => [
+                me(j(N.emptyText), 1)
               ])
             ], 8, js)
           ]))
@@ -8276,8 +8310,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const W = x.toString();
       return W.includes(".") ? W.split(".")[1].length : 0;
     }, u = (x) => Math.min(s.value, Math.max(i.value, x)), v = (x) => {
-      const W = Number(x), h = i.value, P = Number.isFinite(W) ? W : h, K = u(P), H = d.value, V = r(H), q = Math.round((K - i.value) / H) * H + i.value;
-      return Number.parseFloat(q.toFixed(V));
+      const W = Number(x), h = i.value, P = Number.isFinite(W) ? W : h, K = u(P), A = d.value, V = r(A), Y = Math.round((K - i.value) / A) * A + i.value;
+      return Number.parseFloat(Y.toFixed(V));
     }, p = f(() => {
       if (!t.value) {
         const P = v(e.modelValue ?? i.value);
@@ -8310,8 +8344,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (e.disabled)
         return;
       const K = v(Number(x));
-      let [H, V] = p.value;
-      W === "start" ? H = Math.min(K, V) : V = Math.max(K, H), a("update:modelValue", [H, V]), a(P, h);
+      let [A, V] = p.value;
+      W === "start" ? A = Math.min(K, V) : V = Math.max(K, A), a("update:modelValue", [A, V]), a(P, h);
     }, R = (x) => {
       const W = x.target;
       if (t.value) {
@@ -8332,7 +8366,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, E = (x) => {
       const W = x.target;
       L(W.value, "end", x, "change");
-    }, T = (x) => a("focus", x), D = (x) => a("blur", x), M = f(() => e.marks ?? []), S = (x) => ({ left: `${l(u(x))}%` }), F = f(() => t.value ? `${p.value[0]} - ${p.value[1]}` : `${m.value}`), A = f(() => t.value ? e.ariaLabelStart : e.ariaLabel), Z = f(() => t.value ? e.ariaLabelEnd : e.ariaLabel);
+    }, T = (x) => a("focus", x), D = (x) => a("blur", x), M = f(() => e.marks ?? []), S = (x) => ({ left: `${l(u(x))}%` }), F = f(() => t.value ? `${p.value[0]} - ${p.value[1]}` : `${m.value}`), H = f(() => t.value ? e.ariaLabelStart : e.ariaLabel), Z = f(() => t.value ? e.ariaLabelEnd : e.ariaLabel);
     return (x, W) => (c(), b("div", {
       class: ee(z.value),
       style: ke(y.value)
@@ -8349,7 +8383,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           step: d.value,
           value: m.value,
           disabled: x.disabled,
-          "aria-label": A.value,
+          "aria-label": H.value,
           style: ke(C.value),
           onInput: R,
           onChange: O,
@@ -8374,7 +8408,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, null, 44, Zs)) : Q("", !0)
       ]),
       M.value.length ? (c(), b("div", Js, [
-        (c(!0), b(fe, null, be(M.value, (h) => (c(), b("span", {
+        (c(!0), b(fe, null, he(M.value, (h) => (c(), b("span", {
           key: h.value,
           class: "vf-slider__mark",
           style: ke(S(h.value))
@@ -8398,28 +8432,28 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { emit: o }) {
     const a = n, e = o;
     let t = 0;
-    const i = N(null), s = N([]), d = N([]), r = N(null), u = (x) => typeof x == "number" ? `${x}px` : x, v = (x) => typeof x == "number" && Number.isFinite(x) && x > 0, p = (x, W, h) => Math.min(h, Math.max(W, x)), m = (x, W = 4) => {
+    const i = G(null), s = G([]), d = G([]), r = G(null), u = (x) => typeof x == "number" ? `${x}px` : x, v = (x) => typeof x == "number" && Number.isFinite(x) && x > 0, p = (x, W, h) => Math.min(h, Math.max(W, x)), m = (x, W = 4) => {
       const h = 10 ** W;
       return Math.round(x * h) / h;
     }, $ = (x) => {
       if (!x.length)
         return [];
-      const W = x.reduce((V, q) => V + q, 0);
+      const W = x.reduce((V, Y) => V + Y, 0);
       if (W <= 0) {
         const V = 100 / x.length;
         return x.map(
-          (q, ae) => ae === x.length - 1 ? m(100 - V * (x.length - 1)) : V
+          (Y, ae) => ae === x.length - 1 ? m(100 - V * (x.length - 1)) : V
         );
       }
-      const P = x.map((V) => V / W * 100).map((V) => m(V)), K = m(100 - P.reduce((V, q) => V + q, 0)), H = P.length - 1;
-      return P[H] = m(P[H] + K), P;
+      const P = x.map((V) => V / W * 100).map((V) => m(V)), K = m(100 - P.reduce((V, Y) => V + Y, 0)), A = P.length - 1;
+      return P[A] = m(P[A] + K), P;
     }, l = (x, W) => {
       if (!x.length)
         return [];
       const P = W.reduce((ae, se) => ae + se, 0) >= 100 ? $(W) : W.map((ae) => Math.max(ae, 0)), K = x.map((ae, se) => Math.max(ae, P[se] ?? 0));
-      let H = K.reduce((ae, se) => ae + se, 0);
-      if (H > 100) {
-        let ae = H - 100, se = 0;
+      let A = K.reduce((ae, se) => ae + se, 0);
+      if (A > 100) {
+        let ae = A - 100, se = 0;
         for (; ae > 1e-4 && se < 50; ) {
           const U = K.map((re, de) => ({ index: de, slack: re - (P[de] ?? 0) })).filter((re) => re.slack > 1e-4);
           if (!U.length)
@@ -8436,25 +8470,25 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             K[re.index] = K[re.index] - ae * de;
           }), ae = 0, ++se;
         }
-      } else if (H < 100) {
-        const se = (100 - H) / K.length;
+      } else if (A < 100) {
+        const se = (100 - A) / K.length;
         for (let U = 0; U < K.length; ++U)
           K[U] += se;
       }
-      const V = K.map((ae) => m(ae)), q = m(100 - V.reduce((ae, se) => ae + se, 0));
-      return V[V.length - 1] = m(V[V.length - 1] + q), V;
+      const V = K.map((ae) => m(ae)), Y = m(100 - V.reduce((ae, se) => ae + se, 0));
+      return V[V.length - 1] = m(V[V.length - 1] + Y), V;
     }, _ = (x) => {
       if (!x)
         return [];
       const W = a.modelValue;
       if (W.length === x && W.every(v))
         return $(W);
-      const h = s.value.map((q) => q.size), P = h.filter(v);
+      const h = s.value.map((Y) => Y.size), P = h.filter(v);
       if (!P.length)
         return $(Array.from({ length: x }, () => 1));
-      const K = P.reduce((q, ae) => q + ae, 0), H = h.length - P.length, V = h.map((q) => v(q) ? q : 0);
-      if (K < 100 && H > 0) {
-        const ae = (100 - K) / H;
+      const K = P.reduce((Y, ae) => Y + ae, 0), A = h.length - P.length, V = h.map((Y) => v(Y) ? Y : 0);
+      if (K < 100 && A > 0) {
+        const ae = (100 - K) / A;
         for (let se = 0; se < V.length; ++se)
           v(h[se]) || (V[se] = ae);
         return $(V);
@@ -8498,7 +8532,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const P = [...d.value];
       if (!P[x] || !P[x + 1])
         return;
-      const K = k(), H = P[x] + P[x + 1], V = K[x] ?? 0, q = K[x + 1] ?? 0, ae = p(P[x] + W, V, H - q), se = H - ae;
+      const K = k(), A = P[x] + P[x + 1], V = K[x] ?? 0, Y = K[x + 1] ?? 0, ae = p(P[x] + W, V, A - Y), se = A - ae;
       P[x] = m(ae), P[x + 1] = m(se);
       const U = l($(P), K);
       d.value = U, h && e("update:modelValue", [...U]);
@@ -8522,18 +8556,18 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const h = a.direction === "horizontal", P = h ? "ArrowLeft" : "ArrowUp", K = h ? "ArrowRight" : "ArrowDown";
       if ([P, K, "Home", "End"].includes(x.key)) {
         if (x.preventDefault(), x.key === "Home") {
-          const H = k(), V = d.value[W] ?? 0, q = H[W] ?? 0;
-          O(W, q - V);
+          const A = k(), V = d.value[W] ?? 0, Y = A[W] ?? 0;
+          O(W, Y - V);
         } else if (x.key === "End") {
-          const H = k(), V = (d.value[W] ?? 0) + (d.value[W + 1] ?? 0), q = d.value[W] ?? 0, ae = V - (H[W + 1] ?? 0);
-          O(W, ae - q);
+          const A = k(), V = (d.value[W] ?? 0) + (d.value[W + 1] ?? 0), Y = d.value[W] ?? 0, ae = V - (A[W + 1] ?? 0);
+          O(W, ae - Y);
         } else {
-          const H = x.shiftKey ? 5 : 2, V = x.key === K ? H : -H;
+          const A = x.shiftKey ? 5 : 2, V = x.key === K ? A : -A;
           O(W, V);
         }
         e("change", [...d.value]);
       }
-    }, A = (x) => {
+    }, H = (x) => {
       const W = `vf-splitter-panel-${++t}`;
       return s.value.push({
         id: W,
@@ -8546,16 +8580,16 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     return Qe(zt, {
       direction: f(() => a.direction),
       disabled: f(() => a.disabled),
-      registerPanel: A,
+      registerPanel: H,
       unregisterPanel: Z,
       getPanelStyle: L
-    }), ce(
+    }), ve(
       () => a.modelValue,
       () => {
         r.value === null && a.modelValue.length === s.value.length && a.modelValue.every(v) && (d.value = l($(a.modelValue), k()));
       },
       { deep: !0 }
-    ), ce(
+    ), ve(
       () => a.minSizes,
       () => {
         d.value = l($(d.value), k());
@@ -8568,8 +8602,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       ref: i,
       class: ee(z.value)
     }, [
-      Y(x.$slots, "default"),
-      (c(!0), b(fe, null, be(C.value, (h, P) => (c(), b("div", {
+      q(x.$slots, "default"),
+      (c(!0), b(fe, null, he(C.value, (h, P) => (c(), b("div", {
         key: `gutter-${P}`,
         class: ee(["vf-splitter__gutter", { "is-dragging": r.value === P }]),
         style: ke(I(P)),
@@ -8610,7 +8644,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       class: ee(t.value),
       style: ke(i.value)
     }, [
-      Y(s.$slots, "default")
+      q(s.$slots, "default")
     ], 6));
   }
 }), oi = ["aria-label", "aria-labelledby"], ri = { class: "vf-stepper__list" }, li = { class: "vf-stepper__indicator-wrap" }, ni = { class: "vf-stepper__indicator" }, si = {
@@ -8663,11 +8697,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": g.ariaLabelledby || void 0
     }, [
       B("ol", ri, [
-        (c(!0), b(fe, null, be(t.value, (L, R) => (c(), b("li", {
+        (c(!0), b(fe, null, he(t.value, (L, R) => (c(), b("li", {
           key: C(L, R),
           class: ee(["vf-stepper__item", l(L, R)])
         }, [
-          (c(), ge(Ye(_(L)), {
+          (c(), be(Ye(_(L)), {
             class: "vf-stepper__button",
             type: k(L),
             disabled: y(L),
@@ -8678,7 +8712,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             default: Ce(() => [
               B("span", li, [
                 B("span", ni, [
-                  Y(g.$slots, "indicator", {
+                  q(g.$slots, "indicator", {
                     step: L,
                     index: R,
                     status: r(L, R),
@@ -8693,7 +8727,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                 R < t.value.length - 1 ? (c(), b("span", si)) : Q("", !0)
               ]),
               B("span", ii, [
-                Y(g.$slots, "step", {
+                q(g.$slots, "step", {
                   step: L,
                   index: R,
                   status: r(L, R),
@@ -8744,7 +8778,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { emit: o }) {
     const a = o, e = n;
     let t = 0;
-    const i = ++t, s = N(void 0), d = N({}), r = f(() => e.steps ?? []), u = f(() => s.value === void 0 ? -1 : r.value.findIndex((S) => S.value === s.value)), v = f(() => {
+    const i = ++t, s = G(void 0), d = G({}), r = f(() => e.steps ?? []), u = f(() => s.value === void 0 ? -1 : r.value.findIndex((S) => S.value === s.value)), v = f(() => {
       if (!(u.value < 0))
         return r.value[u.value];
     }), p = f(() => u.value <= 0), m = f(() => u.value >= r.value.length - 1), $ = f(() => {
@@ -8759,7 +8793,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       var S;
       if (r.value.length) {
         if (e.modelValue !== void 0) {
-          const F = r.value.find((A) => A.value === e.modelValue && !A.disabled);
+          const F = r.value.find((H) => H.value === e.modelValue && !H.disabled);
           if (F)
             return F.value;
         }
@@ -8771,17 +8805,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const F = r.value[S];
       if (!F)
         return !0;
-      const A = F.value, Z = F.validate ? await F.validate(A, S) : !0, x = e.validateStep ? await e.validateStep(F, S, A) : !0, W = (V) => V == null || V === !0 ? "" : V === !1 ? "Step is invalid" : String(V), h = W(Z), P = W(x), K = h || P;
+      const H = F.value, Z = F.validate ? await F.validate(H, S) : !0, x = e.validateStep ? await e.validateStep(F, S, H) : !0, W = (V) => V == null || V === !0 ? "" : V === !1 ? "Step is invalid" : String(V), h = W(Z), P = W(x), K = h || P;
       if (K)
         return d.value = {
           ...d.value,
-          [String(A)]: K
+          [String(H)]: K
         }, a("invalidStep", K, F, S), !1;
-      const H = { ...d.value };
-      return delete H[String(A)], d.value = H, !0;
+      const A = { ...d.value };
+      return delete A[String(H)], d.value = A, !0;
     }, O = async (S, F) => {
-      const A = r.value[S];
-      !A || w(A, S) || u.value >= 0 && S > u.value && !await I(u.value) || R(A.value, F);
+      const H = r.value[S];
+      !H || w(H, S) || u.value >= 0 && S > u.value && !await I(u.value) || R(H.value, F);
     }, E = async () => {
       u.value <= 0 || await O(u.value - 1, "prev");
     }, T = async () => {
@@ -8795,14 +8829,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, M = async (S) => {
       e.disabled || S === u.value || await O(S, S > u.value ? "next" : "prev");
     };
-    return ce(
+    return ve(
       () => e.steps,
       () => {
         const S = L();
         S !== void 0 && !r.value.some((F) => F.value === s.value) && (s.value = S);
       },
       { deep: !0, immediate: !0 }
-    ), ce(
+    ), ve(
       () => e.modelValue,
       (S) => {
         S === void 0 || S === s.value || r.value.some((F) => F.value === S && !F.disabled) && (s.value = S);
@@ -8819,41 +8853,41 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, [
       B("nav", vi, [
         B("ol", fi, [
-          (c(!0), b(fe, null, be(r.value, (A, Z) => (c(), b("li", {
-            key: String(A.value),
-            class: ee(["vf-wizard__item", g(A, Z)])
+          (c(!0), b(fe, null, he(r.value, (H, Z) => (c(), b("li", {
+            key: String(H.value),
+            class: ee(["vf-wizard__item", g(H, Z)])
           }, [
             B("button", {
-              id: _(A.value),
+              id: _(H.value),
               class: "vf-wizard__step",
               type: "button",
               role: "tab",
-              "aria-selected": y(A.value) ? "true" : "false",
-              "aria-controls": k(A.value),
-              disabled: w(A, Z),
+              "aria-selected": y(H.value) ? "true" : "false",
+              "aria-controls": k(H.value),
+              disabled: w(H, Z),
               onClick: (x) => M(Z)
             }, [
               B("span", mi, [
-                Y(S.$slots, "indicator", {
-                  step: A,
+                q(S.$slots, "indicator", {
+                  step: H,
                   index: Z
                 }, () => [
                   me(j(Z + 1), 1)
                 ])
               ]),
               B("span", gi, [
-                B("span", bi, j(A.title || `Step ${Z + 1}`), 1),
-                A.description ? (c(), b("span", hi, j(A.description), 1)) : Q("", !0)
+                B("span", bi, j(H.title || `Step ${Z + 1}`), 1),
+                H.description ? (c(), b("span", hi, j(H.description), 1)) : Q("", !0)
               ])
             ], 8, pi)
           ], 2))), 128))
         ])
       ]),
       B("div", yi, [
-        Y(S.$slots, "default")
+        q(S.$slots, "default")
       ]),
       B("div", _i, [
-        Y(S.$slots, "actions", {
+        q(S.$slots, "actions", {
           step: v.value,
           index: u.value,
           isFirst: p.value,
@@ -8894,7 +8928,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": i.value,
       "aria-hidden": e.value ? "false" : "true"
     }, [
-      Y(s.$slots, "default")
+      q(s.$slots, "default")
     ], 8, Ci)), [
       [Se, e.value]
     ]);
@@ -8933,18 +8967,18 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": i.ariaLabelledby || void 0
     }, [
       B("ol", $i, [
-        (c(!0), b(fe, null, be(a.value, (d, r) => (c(), b("li", {
+        (c(!0), b(fe, null, he(a.value, (d, r) => (c(), b("li", {
           key: t(d, r),
           class: "vf-timeline__item",
           "data-status": d.status ?? "neutral"
         }, [
           B("div", Si, [
             B("span", Bi, [
-              Y(i.$slots, "marker", {
+              q(i.$slots, "marker", {
                 item: d,
                 index: r
               }, () => [
-                d.icon ? (c(), ge(We(Ne), {
+                d.icon ? (c(), be(We(Ne), {
                   key: 0,
                   icon: d.icon
                 }, null, 8, ["icon"])) : (c(), b("span", xi))
@@ -8953,7 +8987,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             r < a.value.length - 1 ? (c(), b("span", Li)) : Q("", !0)
           ]),
           B("div", Vi, [
-            Y(i.$slots, "item", {
+            q(i.$slots, "item", {
               item: d,
               index: r
             }, () => [
@@ -8979,7 +9013,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N(null), s = N([]), d = f(() => e.allowHalf ? 0.5 : 1), r = f(() => Math.max(1, Math.floor(e.max))), u = f(() => Array.from({ length: r.value }, (T, D) => D + 1)), v = f(() => {
+    const a = o, e = n, t = G(null), i = G(null), s = G([]), d = f(() => e.allowHalf ? 0.5 : 1), r = f(() => Math.max(1, Math.floor(e.max))), u = f(() => Array.from({ length: r.value }, (T, D) => D + 1)), v = f(() => {
       const T = t.value ?? e.modelValue ?? 0, D = Math.min(r.value, Math.max(0, T));
       return e.allowHalf ? Math.round(D * 2) / 2 : Math.round(D);
     }), p = f(() => {
@@ -9014,12 +9048,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         t.value = r.value;
         return;
       }
-      let A = 0, Z = S, x = Number.POSITIVE_INFINITY;
+      let H = 0, Z = S, x = Number.POSITIVE_INFINITY;
       D.forEach((h, P) => {
-        const K = h.getBoundingClientRect(), H = K.left + K.width / 2, V = Math.abs(M - H);
-        V < x && (x = V, A = P, Z = K);
+        const K = h.getBoundingClientRect(), A = K.left + K.width / 2, V = Math.abs(M - A);
+        V < x && (x = V, H = P, Z = K);
       });
-      let W = A + 1;
+      let W = H + 1;
       if (e.allowHalf) {
         const h = Z.left + Z.width / 2;
         W = M < h ? W - 0.5 : W;
@@ -9071,7 +9105,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       onMousemove: y,
       onMouseleave: z
     }, [
-      (c(!0), b(fe, null, be(u.value, (M) => (c(), b("button", {
+      (c(!0), b(fe, null, he(u.value, (M) => (c(), b("button", {
         key: M,
         ref_for: !0,
         ref_key: "itemRefs",
@@ -9089,7 +9123,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onKeydown: (S) => g(M, S)
       }, [
         B("span", Ri, [
-          Y(T.$slots, "icon", {}, () => [
+          q(T.$slots, "icon", {}, () => [
             D[0] || (D[0] = B("svg", {
               viewBox: "0 0 24 24",
               "aria-hidden": "true",
@@ -9107,7 +9141,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           style: ke({ width: R(M) })
         }, [
           B("span", Pi, [
-            Y(T.$slots, "active-icon", {}, () => [
+            q(T.$slots, "active-icon", {}, () => [
               D[1] || (D[1] = B("svg", {
                 viewBox: "0 0 24 24",
                 "aria-hidden": "true",
@@ -9246,7 +9280,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             onClick: ie($, ["stop"])
           }, j(i.value ? "-" : "+"), 11, Ai)) : (c(), b("span", Hi)),
           B("span", Wi, [
-            Y(l.$slots, "label", {
+            q(l.$slots, "label", {
               node: l.node,
               level: l.level,
               selected: t.value,
@@ -9258,7 +9292,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           ])
         ], 46, Oi),
         a.value && i.value ? (c(), b("ul", Ki, [
-          (c(!0), b(fe, null, be(l.node.children, (y) => (c(), ge(k, {
+          (c(!0), b(fe, null, he(l.node.children, (y) => (c(), be(k, {
             key: y.key,
             node: y,
             level: l.level + 1,
@@ -9274,7 +9308,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             "on-toggle": l.onToggle
           }, {
             label: Ce((z) => [
-              Y(l.$slots, "label", st({ ref_for: !0 }, z))
+              q(l.$slots, "label", st({ ref_for: !0 }, z))
             ]),
             _: 2
           }, 1032, ["node", "level", "size", "variant", "disabled", "expand-on-click", "selectable", "is-selected", "is-expanded", "is-disabled", "on-select", "on-toggle"]))), 128))
@@ -9328,7 +9362,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-labelledby": l.ariaLabelledby || void 0
     }, [
       B("ul", ji, [
-        (c(!0), b(fe, null, be(l.items, (k) => (c(), ge(Ni, {
+        (c(!0), b(fe, null, he(l.items, (k) => (c(), be(Ni, {
           key: k.key,
           node: k,
           level: 1,
@@ -9344,7 +9378,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "on-toggle": $
         }, {
           label: Ce((y) => [
-            Y(l.$slots, "label", st({ ref_for: !0 }, y))
+            q(l.$slots, "label", st({ ref_for: !0 }, y))
           ]),
           _: 2
         }, 1032, ["node", "size", "variant", "disabled", "expand-on-click", "selectable"]))), 128))
@@ -9393,96 +9427,96 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   ],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = N(null), s = N(null), d = N(null), r = N(null), u = N(!1), v = N(""), p = N("bottom"), m = N("bottom"), $ = `vf-treeselect-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), d = G(null), r = G(null), u = G(!1), v = G(""), p = G("bottom"), m = G("bottom"), $ = `vf-treeselect-panel-${++a}`;
     let l = null;
-    const _ = (H) => Array.isArray(H) ? H : H == null ? [] : [H], k = (H) => {
-      const V = [], q = (ae) => {
+    const _ = (A) => Array.isArray(A) ? A : A == null ? [] : [A], k = (A) => {
+      const V = [], Y = (ae) => {
         ae.forEach((se) => {
           var U;
-          V.push(se), (U = se.children) != null && U.length && q(se.children);
+          V.push(se), (U = se.children) != null && U.length && Y(se.children);
         });
       };
-      return q(H), V;
+      return Y(A), V;
     }, y = f(() => _(t.modelValue)), z = f(() => y.value.length > 0), C = f(() => {
-      const H = /* @__PURE__ */ new Map();
+      const A = /* @__PURE__ */ new Map();
       return k(t.items).forEach((V) => {
-        H.set(V.key, V.label);
-      }), H;
+        A.set(V.key, V.label);
+      }), A;
     }), g = f(() => {
-      const H = y.value.map((V) => C.value.get(V)).filter((V) => !!V);
-      return H.length ? t.multiple ? H.join(", ") : H[0] : "";
-    }), w = (H, V) => H.label.toLowerCase().includes(V), L = (H, V) => {
+      const A = y.value.map((V) => C.value.get(V)).filter((V) => !!V);
+      return A.length ? t.multiple ? A.join(", ") : A[0] : "";
+    }), w = (A, V) => A.label.toLowerCase().includes(V), L = (A, V) => {
       if (!V)
-        return H;
-      const q = [];
-      return H.forEach((ae) => {
+        return A;
+      const Y = [];
+      return A.forEach((ae) => {
         var U;
         const se = (U = ae.children) != null && U.length ? L(ae.children, V) : [];
-        (w(ae, V) || se.length) && q.push({
+        (w(ae, V) || se.length) && Y.push({
           ...ae,
           children: se
         });
-      }), q;
+      }), Y;
     }, R = f(() => {
       if (!t.filter)
         return t.items;
-      const H = v.value.trim().toLowerCase();
-      return H ? L(t.items, H) : t.items;
+      const A = v.value.trim().toLowerCase();
+      return A ? L(t.items, A) : t.items;
     }), I = f(() => {
-      const H = ["vf-treeselect", `vf-treeselect_${t.variant}`, u.value ? "vf-treeselect_open" : ""];
-      return t.size !== "normal" && H.push(`vf-treeselect_${t.size}`), t.disabled && H.push("vf-treeselect_disabled"), H.filter(Boolean);
+      const A = ["vf-treeselect", `vf-treeselect_${t.variant}`, u.value ? "vf-treeselect_open" : ""];
+      return t.size !== "normal" && A.push(`vf-treeselect_${t.size}`), t.disabled && A.push("vf-treeselect_disabled"), A.filter(Boolean);
     }), O = () => {
       u.value = !1, p.value = "bottom", m.value = "bottom", v.value = "";
     }, E = async () => {
-      var H;
-      t.disabled || (u.value = !0, p.value = "bottom", m.value = "bottom", t.filter && (await $e(), (H = r.value) == null || H.focus()));
+      var A;
+      t.disabled || (u.value = !0, p.value = "bottom", m.value = "bottom", t.filter && (await $e(), (A = r.value) == null || A.focus()));
     }, T = () => {
       if (u.value) {
         O();
         return;
       }
       E();
-    }, D = (H) => {
-      t.readonly || (e("update:modelValue", H), t.multiple || O());
-    }, M = (H, V, q) => {
-      t.readonly || e("change", H, V, q);
-    }, S = (H) => {
-      e("update:expandedKeys", H);
-    }, F = (H, V, q, ae) => {
-      e("toggle", H, V, q, ae);
-    }, A = (H, V) => {
-      e("nodeClick", H, V);
+    }, D = (A) => {
+      t.readonly || (e("update:modelValue", A), t.multiple || O());
+    }, M = (A, V, Y) => {
+      t.readonly || e("change", A, V, Y);
+    }, S = (A) => {
+      e("update:expandedKeys", A);
+    }, F = (A, V, Y, ae) => {
+      e("toggle", A, V, Y, ae);
+    }, H = (A, V) => {
+      e("nodeClick", A, V);
     }, Z = () => {
       if (t.readonly)
         return;
-      const H = t.multiple ? [] : void 0;
-      e("update:modelValue", H), e("change", H);
-    }, x = (H) => {
-      const V = H.target;
+      const A = t.multiple ? [] : void 0;
+      e("update:modelValue", A), e("change", A);
+    }, x = (A) => {
+      const V = A.target;
       v.value = V.value, e("search", V.value);
-    }, W = (H) => e("focus", H), h = (H) => e("blur", H), P = (H) => {
-      var q;
+    }, W = (A) => e("focus", A), h = (A) => e("blur", A), P = (A) => {
+      var Y;
       if (!u.value || !i.value)
         return;
-      const V = H.target;
-      i.value.contains(V) || (q = d.value) != null && q.contains(V) || O();
+      const V = A.target;
+      i.value.contains(V) || (Y = d.value) != null && Y.contains(V) || O();
     }, K = () => {
       if (!s.value || !d.value)
         return;
-      const H = s.value, V = d.value, q = async () => {
+      const A = s.value, V = d.value, Y = async () => {
         const {
           x: X,
           y: re,
           placement: de
-        } = await Me(H, V, {
+        } = await Me(A, V, {
           placement: p.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        m.value = de ?? p.value, V.style.minWidth = `${H.getBoundingClientRect().width}px`, V.style.left = `${X}px`, V.style.top = `${re}px`;
+        m.value = de ?? p.value, V.style.minWidth = `${A.getBoundingClientRect().width}px`, V.style.left = `${X}px`, V.style.top = `${re}px`;
       }, ae = async () => {
-        await q();
-      }, se = De(H, () => {
+        await Y();
+      }, se = De(A, () => {
         ae();
       }), U = () => {
         ae();
@@ -9494,13 +9528,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, l.update();
     };
-    return ce(u, async (H) => {
-      if (!H) {
+    return ve(u, async (A) => {
+      if (!A) {
         l && (l.destroy(), l = null);
         return;
       }
       await $e(), l || K(), l == null || l.update();
-    }), ce(
+    }), ve(
       () => [t.items, v.value, t.expandedKeys],
       () => {
         l == null || l.update();
@@ -9510,7 +9544,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       document.addEventListener("click", P);
     }), we(() => {
       document.removeEventListener("click", P), l == null || l.destroy(), l = null;
-    }), (H, V) => (c(), b("div", {
+    }), (A, V) => (c(), b("div", {
       ref_key: "root",
       ref: i,
       class: ee(I.value)
@@ -9520,7 +9554,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ref: s,
         class: "vf-treeselect__control",
         type: "button",
-        disabled: H.disabled,
+        disabled: A.disabled,
         "aria-expanded": u.value,
         "aria-controls": $,
         "aria-haspopup": "tree",
@@ -9535,20 +9569,20 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         B("span", {
           class: ee(["vf-treeselect__label", { "vf-treeselect__label_placeholder": !g.value }])
-        }, j(g.value || H.placeholder), 3),
+        }, j(g.value || A.placeholder), 3),
         V[0] || (V[0] = B("span", {
           class: "vf-treeselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, qi),
-      H.clearable && z.value && !H.disabled && !H.readonly ? (c(), b("button", {
+      A.clearable && z.value && !A.disabled && !A.readonly ? (c(), b("button", {
         key: 0,
         class: "vf-treeselect__clear",
         type: "button",
         "aria-label": "Clear selection",
         onClick: ie(Z, ["stop"])
       }, " ✕ ")) : Q("", !0),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: $,
           ref_key: "panel",
@@ -9556,41 +9590,41 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           class: "vf-treeselect__panel",
           "data-placement": m.value
         }, [
-          H.filter ? (c(), b("div", Ui, [
+          A.filter ? (c(), b("div", Ui, [
             B("input", {
               ref_key: "searchInput",
               ref: r,
               class: "vf-treeselect__search-control",
               type: "text",
               value: v.value,
-              placeholder: H.searchPlaceholder,
+              placeholder: A.searchPlaceholder,
               onInput: x,
               onKeydown: pe(ie(O, ["prevent"]), ["esc"])
             }, null, 40, Qi)
           ])) : Q("", !0),
-          H.loading ? (c(), b("div", Zi, j(H.loadingText), 1)) : R.value.length > 0 ? (c(), ge(Yi, {
+          A.loading ? (c(), b("div", Zi, j(A.loadingText), 1)) : R.value.length > 0 ? (c(), be(Yi, {
             key: 2,
             class: "vf-treeselect__tree",
             items: R.value,
-            "model-value": H.modelValue,
-            "expanded-keys": H.expandedKeys,
-            multiple: H.multiple,
-            selectable: H.selectable,
-            "expand-on-click": H.expandOnClick,
-            disabled: H.disabled,
-            size: H.size,
-            variant: H.variant,
+            "model-value": A.modelValue,
+            "expanded-keys": A.expandedKeys,
+            multiple: A.multiple,
+            selectable: A.selectable,
+            "expand-on-click": A.expandOnClick,
+            disabled: A.disabled,
+            size: A.size,
+            variant: A.variant,
             "onUpdate:modelValue": D,
             onChange: M,
             "onUpdate:expandedKeys": S,
             onToggle: F,
-            onNodeClick: A
+            onNodeClick: H
           }, {
-            label: Ce((q) => [
-              Y(H.$slots, "label", Pt(Et(q)))
+            label: Ce((Y) => [
+              q(A.$slots, "label", Pt(Et(Y)))
             ]),
             _: 3
-          }, 8, ["items", "model-value", "expanded-keys", "multiple", "selectable", "expand-on-click", "disabled", "size", "variant"])) : (c(), b("div", Ji, j(H.emptyText), 1))
+          }, 8, ["items", "model-value", "expanded-keys", "multiple", "selectable", "expand-on-click", "disabled", "size", "variant"])) : (c(), b("div", Ji, j(A.emptyText), 1))
         ], 8, Xi), [
           [Se, u.value]
         ])
@@ -9620,19 +9654,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": s.ariaLabel
     }, [
       B("ol", td, [
-        (c(!0), b(fe, null, be(a.value, (r, u) => (c(), b(fe, {
+        (c(!0), b(fe, null, he(a.value, (r, u) => (c(), b(fe, {
           key: i(r, u)
         }, [
           B("li", {
             class: ee(["vf-breadcrumbs__item", { "is-current": t(r, u), "is-disabled": r.disabled }])
           }, [
-            Y(s.$slots, "item", {
+            q(s.$slots, "item", {
               item: r,
               index: u,
               isLast: u === a.value.length - 1,
               active: t(r, u)
             }, () => [
-              t(r, u) ? (c(), b("span", ad, j(r.label), 1)) : (c(), ge(it, {
+              t(r, u) ? (c(), b("span", ad, j(r.label), 1)) : (c(), be(it, {
                 key: 1,
                 class: "vf-breadcrumbs__link",
                 to: r.to,
@@ -9647,7 +9681,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             ])
           ], 2),
           u < a.value.length - 1 ? (c(), b("li", od, [
-            Y(s.$slots, "separator", { separator: s.separator }, () => [
+            q(s.$slots, "separator", { separator: s.separator }, () => [
               me(j(s.separator), 1)
             ])
           ])) : Q("", !0)
@@ -9680,7 +9714,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": i.ariaLabel
     }, [
       e.value ? (c(), b("span", ld, [
-        Y(i.$slots, "default", {}, () => [
+        q(i.$slots, "default", {}, () => [
           me(j(i.label), 1)
         ])
       ])) : Q("", !0)
@@ -9711,7 +9745,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     metaAriaLabel: { default: "Page metadata" }
   },
   setup(n) {
-    const o = n, a = Xe(), e = f(() => !!o.title || !!a.title), t = f(() => !!o.subtitle || !!a.subtitle), i = N(!1), s = () => {
+    const o = n, a = Xe(), e = f(() => !!o.title || !!a.title), t = f(() => !!o.subtitle || !!a.subtitle), i = G(!1), s = () => {
       typeof window > "u" || (i.value = window.innerWidth <= o.mobileBreakpoint);
     }, d = f(() => {
       const r = ["vf-page-header"];
@@ -9723,17 +9757,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       class: ee(d.value)
     }, [
       r.$slots.breadcrumbs ? (c(), b("div", nd, [
-        Y(r.$slots, "breadcrumbs")
+        q(r.$slots, "breadcrumbs")
       ])) : Q("", !0),
       B("div", sd, [
         B("div", id, [
           e.value ? (c(), b("h1", dd, [
-            Y(r.$slots, "title", {}, () => [
+            q(r.$slots, "title", {}, () => [
               me(j(r.title), 1)
             ])
           ])) : Q("", !0),
           t.value ? (c(), b("p", ud, [
-            Y(r.$slots, "subtitle", {}, () => [
+            q(r.$slots, "subtitle", {}, () => [
               me(j(r.subtitle), 1)
             ])
           ])) : Q("", !0),
@@ -9743,10 +9777,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             role: "group",
             "aria-label": r.metaAriaLabel || void 0
           }, [
-            Y(r.$slots, "meta")
+            q(r.$slots, "meta")
           ], 8, cd)) : Q("", !0),
           r.$slots.default ? (c(), b("div", vd, [
-            Y(r.$slots, "default")
+            q(r.$slots, "default")
           ])) : Q("", !0)
         ]),
         r.$slots.actions ? (c(), b("div", {
@@ -9755,7 +9789,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           role: "group",
           "aria-label": r.actionsAriaLabel || void 0
         }, [
-          Y(r.$slots, "actions")
+          q(r.$slots, "actions")
         ], 8, fd)) : Q("", !0)
       ])
     ], 2));
@@ -9781,7 +9815,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["scroll", "rangeChange", "reachEnd"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = N(null), i = N(0), s = N({ start: -1, end: -1 }), d = N(!1), r = f(() => e.items ?? []), u = f(() => r.value.length), v = f(
+    const a = o, e = n, t = G(null), i = G(0), s = G({ start: -1, end: -1 }), d = G(!1), r = f(() => e.items ?? []), u = f(() => r.value.length), v = f(
       () => Number.isFinite(e.itemHeight) && e.itemHeight > 0 ? e.itemHeight : 36
     ), p = f(
       () => Number.isFinite(e.overscan) && e.overscan >= 0 ? Math.floor(e.overscan) : 4
@@ -9828,7 +9862,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const S = M.target;
       i.value = S.scrollTop, a("scroll", M), E(), T();
     };
-    return ce(
+    return ve(
       () => [e.items, e.virtual, e.itemHeight, e.overscan],
       () => {
         E(), T();
@@ -9852,13 +9886,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           class: "vf-virtual-scroller__content",
           style: ke(R.value)
         }, [
-          (c(!0), b(fe, null, be(y.value, (F) => (c(), b("div", {
+          (c(!0), b(fe, null, he(y.value, (F) => (c(), b("div", {
             key: F.key,
             class: "vf-virtual-scroller__item",
             style: ke(I.value),
             role: "listitem"
           }, [
-            Y(M.$slots, "default", {
+            q(M.$slots, "default", {
               item: F.item,
               index: F.index
             }, () => [
@@ -9867,21 +9901,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           ], 4))), 128))
         ], 4)
       ], 4)) : (c(), b("div", gd, [
-        (c(!0), b(fe, null, be(r.value, (F, A) => (c(), b("div", {
-          key: O(F, A),
+        (c(!0), b(fe, null, he(r.value, (F, H) => (c(), b("div", {
+          key: O(F, H),
           class: "vf-virtual-scroller__item",
           style: ke(I.value),
           role: "listitem"
         }, [
-          Y(M.$slots, "default", {
+          q(M.$slots, "default", {
             item: F,
-            index: A
+            index: H
           }, () => [
             me(j(F), 1)
           ])
         ], 4))), 128))
       ])) : (c(), b("div", md, [
-        Y(M.$slots, "empty", {}, () => [
+        q(M.$slots, "empty", {}, () => [
           me(j(M.emptyText), 1)
         ])
       ]))