@codemonster-ru/vueforge 0.82.0 → 0.83.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 Y, 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");
@@ -45,7 +45,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
         _.$slots.default ? Y(_.$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,
@@ -115,7 +115,7 @@ 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)
     }, {
@@ -139,7 +139,7 @@ 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)
     }, {
@@ -184,7 +184,7 @@ 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)
     }, {
@@ -221,7 +221,7 @@ 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)
     }, {
@@ -250,7 +250,7 @@ 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)
     }, {
@@ -279,7 +279,7 @@ 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)
     }, {
@@ -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,7 +349,7 @@ 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"
@@ -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),
@@ -467,7 +467,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         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)
@@ -600,7 +600,7 @@ 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")
       ]),
@@ -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) => ({
@@ -940,12 +940,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       }
       A === "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;
@@ -980,7 +980,7 @@ 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",
@@ -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(() => {
@@ -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,7 +1239,7 @@ 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, A) => Math.min(A, 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;
@@ -1302,7 +1302,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       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);
@@ -1403,7 +1403,7 @@ 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", {
+          (c(!0), b(fe, null, he(S.presets, (A, Z) => (c(), b("button", {
             key: `${A}-${Z}`,
             class: "vf-color-picker__preset",
             type: "button",
@@ -1631,14 +1631,14 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "change", "blur", "validate", "submit", "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));
@@ -1949,7 +1949,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 +2039,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 +2092,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 +2190,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"
             }, [
@@ -2720,7 +2720,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],
@@ -2775,13 +2775,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 +2822,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 +2831,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 +2872,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],
@@ -2975,23 +2975,23 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, 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;
@@ -3042,7 +3042,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,7 +3051,7 @@ 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", {
+          h.loading ? (c(), b("div", Ko, j(h.loadingText), 1)) : y.value.length > 0 ? (c(!0), b(fe, { key: 1 }, he(y.value, (K, H) => (c(), b("button", {
             id: g(H),
             key: K.value,
             class: ee(["vf-autocomplete__option", {
@@ -3103,7 +3103,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],
@@ -3198,7 +3198,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 +3206,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 +3221,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;
@@ -3303,7 +3303,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 +3312,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 +3369,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],
@@ -3476,19 +3476,19 @@ 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, () => {
+    }), ve(z, () => {
       p.value >= z.value.length && (p.value = R());
     }), Ve(() => {
       document.addEventListener("click", K);
@@ -3533,7 +3533,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",
@@ -3560,7 +3560,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               ]
             }, 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 +3613,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 +3623,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 +3633,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 +3648,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);
+      const oe = _.value.filter((le, ge) => ge !== te);
+      O(oe), e("remove", N);
     }, A = () => {
       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,8 +3683,8 @@ 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();
+      const N = te.target;
+      r.value = N.value, e("search", N.value), x(), v.value = R();
     }, H = (te) => {
       e("focus", te), x();
     }, V = (te) => {
@@ -3720,25 +3720,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 +3746,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 +3768,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 +3785,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", {
@@ -3829,11 +3829,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 +3842,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 +3852,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,7 +3885,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-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(A(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, {
       year: "numeric",
@@ -3971,19 +3971,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));
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => [t.min, t.max],
       () => {
         $ == null || $.update();
       }
-    ), ce(r, async (V) => {
+    ), ve(r, async (V) => {
       if (!V) {
         $ && ($.destroy(), $ = null);
         return;
@@ -4058,7 +4058,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "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 +4084,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 +4135,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(H(/* @__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 +4152,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 = q(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
         };
       });
@@ -4220,40 +4220,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);
       },
       { immediate: !0 }
-    ), ce(
+    ), ve(
       () => [t.min, t.max],
       () => {
         $ == null || $.update();
       }
-    ), ce(r, async (X) => {
+    ), ve(r, async (X) => {
       if (!X) {
         $ && ($.destroy(), $ = null);
         return;
@@ -4276,8 +4276,8 @@ 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());
@@ -4334,7 +4334,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 +4360,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,7 +4405,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-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 x = [], W = y.value, h = $.value, P = l.value;
@@ -4482,13 +4482,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();
@@ -4552,7 +4552,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 +4561,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 +4605,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 +4621,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 +4637,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 +4648,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 +4659,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,10 +4671,10 @@ 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 = () => {
@@ -4694,17 +4694,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(), A());
     }, 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();
+      i.value.contains(ue) || (ce = d.value) != null && ce.contains(ue) || A();
     }, H = () => {
       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 +4718,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,19 +4731,19 @@ 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;
@@ -4760,8 +4760,8 @@ 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) {
       if (!J)
@@ -4769,8 +4769,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       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 +4778,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 = q(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 +4794,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",
@@ -4856,7 +4856,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",
@@ -4883,37 +4883,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 +4942,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 +4979,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 +5041,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 +5126,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,
@@ -5281,7 +5281,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 +5313,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 +5344,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)
@@ -5565,7 +5565,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();
@@ -5608,7 +5608,7 @@ 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",
@@ -5643,8 +5643,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);
@@ -5882,7 +5882,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 +5915,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 +5923,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"
@@ -6000,7 +6000,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 +6027,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",
@@ -6102,7 +6102,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)";
@@ -6150,7 +6150,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 +6158,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 }
@@ -6243,7 +6243,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));
@@ -6312,18 +6312,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;
@@ -6355,7 +6355,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         Y(O.$slots, "trigger")
       ], 40, Gl),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: m,
           ref_key: "panel",
@@ -6366,7 +6366,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           onClick: g
         }, [
           Y(O.$slots, "default", {}, () => [
-            t.items.length ? (c(), ge(ht, {
+            t.items.length ? (c(), be(ht, {
               key: 0,
               items: t.items
             }, null, 8, ["items"])) : Q("", !0)
@@ -6400,7 +6400,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 +6429,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,
@@ -6446,7 +6446,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           Y(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,
@@ -6514,7 +6514,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 +6558,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);
@@ -6581,7 +6581,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         Y(I.$slots, "default")
       ], 34),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: v,
           ref_key: "panel",
@@ -6592,7 +6592,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           onClick: g
         }, [
           Y(I.$slots, "menu", {}, () => [
-            t.items.length ? (c(), ge(ht, {
+            t.items.length ? (c(), be(ht, {
               key: 0,
               items: t.items
             }, null, 8, ["items"])) : Q("", !0)
@@ -6639,7 +6639,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,
@@ -6723,19 +6723,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 +6745,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,13 +6772,13 @@ 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", {
+              (c(!0), b(fe, null, he(F.items, (A) => (c(), b("button", {
                 key: A._key,
                 class: ee(["vf-command-palette__item", {
                   "is-active": A._index === u.value,
@@ -6842,11 +6842,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 +6865,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 +6897,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,7 +6940,7 @@ 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"
@@ -7002,7 +7002,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 +7027,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 = !!_;
@@ -7113,7 +7113,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 +7151,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,7 +7163,7 @@ 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)
@@ -7183,7 +7183,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,
@@ -7210,7 +7210,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))
@@ -7251,7 +7251,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 +7285,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 +7297,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", {
@@ -7312,7 +7312,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }, [
         Y($.$slots, "default")
       ], 544),
-      (c(), ge(Le, { to: "body" }, [
+      (c(), be(Le, { to: "body" }, [
         ze(B("div", {
           id: d,
           ref_key: "panel",
@@ -7367,7 +7367,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)
@@ -7447,13 +7447,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 +7463,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",
@@ -7783,7 +7783,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 +7818,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 +7832,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;
@@ -7942,7 +7942,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 +7961,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,34 +8022,34 @@ 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 = () => {
       if (e.selectionMode !== "multiple")
@@ -8057,47 +8058,58 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         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";
+    }, H = (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;
+    }, q = (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 +8121,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", {
+        Y(N.$slots, "bulk-actions", {
           selectedKeys: z.value,
           selectedRows: C.value,
           clearSelection: ye,
@@ -8121,12 +8133,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 +8150,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,
+                "aria-label": N.selectAllAriaLabel,
                 onChange: A
               }, 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 +8175,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}`] ? Y(N.$slots, `header-${le.field}`, {
                     key: 0,
                     column: le
                   }) : (c(), b(fe, { key: 1 }, [
@@ -8177,7 +8189,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}`] ? Y(N.$slots, `header-${le.field}`, {
                   key: 0,
                   column: le
                 }) : (c(), b(fe, { key: 1 }, [
@@ -8188,43 +8200,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)
+              Y(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", H(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)]),
               style: ke(ae(J))
             }, [
-              G.$slots[`cell-${J.field}`] ? Y(G.$slots, `cell-${J.field}`, {
+              N.$slots[`cell-${J.field}`] ? Y(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 +8246,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)
+              Y(N.$slots, "empty", {}, () => [
+                me(j(N.emptyText), 1)
               ])
             ], 8, js)
           ]))
@@ -8374,7 +8386,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,7 +8410,7 @@ 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) => {
@@ -8549,13 +8561,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       registerPanel: A,
       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());
@@ -8569,7 +8581,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       class: ee(z.value)
     }, [
       Y(x.$slots, "default"),
-      (c(!0), b(fe, null, be(C.value, (h, P) => (c(), b("div", {
+      (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)),
@@ -8663,11 +8675,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),
@@ -8744,7 +8756,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(() => {
@@ -8795,14 +8807,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,7 +8831,7 @@ 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", {
+          (c(!0), b(fe, null, he(r.value, (A, Z) => (c(), b("li", {
             key: String(A.value),
             class: ee(["vf-wizard__item", g(A, Z)])
           }, [
@@ -8933,7 +8945,7 @@ 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"
@@ -8944,7 +8956,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                 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))
@@ -8979,7 +8991,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(() => {
@@ -9071,7 +9083,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",
@@ -9258,7 +9270,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,
@@ -9328,7 +9340,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,
@@ -9393,7 +9405,7 @@ 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) => {
@@ -9494,13 +9506,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, l.update();
     };
-    return ce(u, async (H) => {
+    return ve(u, async (H) => {
       if (!H) {
         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();
@@ -9548,7 +9560,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         "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",
@@ -9568,7 +9580,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               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, {
+          H.loading ? (c(), b("div", Zi, j(H.loadingText), 1)) : R.value.length > 0 ? (c(), be(Yi, {
             key: 2,
             class: "vf-treeselect__tree",
             items: R.value,
@@ -9620,7 +9632,7 @@ 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", {
@@ -9632,7 +9644,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               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,
@@ -9711,7 +9723,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"];
@@ -9781,7 +9793,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 +9840,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,7 +9864,7 @@ 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),
@@ -9867,7 +9879,7 @@ 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", {
+        (c(!0), b(fe, null, he(r.value, (F, A) => (c(), b("div", {
           key: O(F, A),
           class: "vf-virtual-scroller__item",
           style: ke(I.value),