@codemonster-ru/vueforge 0.85.0 → 0.86.0

package/dist/index.ts.mjs

@@ -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 = 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(() => {
+    const a = o, e = n, t = Ot(), i = At(), s = G(null), u = 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"), d = f(() => e.to), v = f(() => e.to ? i.resolve(e.to) : null), p = f(() => {
       if (r.value !== "router-link")
         return !1;
       const _ = v.value;
@@ -35,7 +35,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
       const y = nt("router-link");
       return r.value === "a" ? (c(), b("a", {
         key: 0,
-        href: _.disabled ? void 0 : d.value,
+        href: _.disabled ? void 0 : u.value,
         class: ee(["vf-link", { "vf-link_active": m.value, "vf-link_disabled": _.disabled }]),
         "aria-disabled": _.disabled ? "true" : void 0,
         tabindex: _.disabled ? -1 : void 0,
@@ -49,7 +49,7 @@ const Ht = ["href", "aria-disabled", "tabindex"], it = /* @__PURE__ */ ne({
         key: 1,
         ref_key: "link",
         ref: s,
-        to: u.value,
+        to: d.value,
         class: ee(["vf-link", { "vf-link_active": m.value }]),
         "aria-disabled": _.disabled ? "true" : void 0,
         tabindex: _.disabled ? -1 : void 0,
@@ -175,12 +175,12 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const t = {}, i = a(o.columns);
       i && (t["--vf-grid-columns-override"] = i), o.gap && (t["--vf-grid-gap-override"] = o.gap), o.columnGap && (t["--vf-grid-column-gap-override"] = o.columnGap), o.rowGap && (t["--vf-grid-row-gap-override"] = o.rowGap), t["--vf-grid-align-items-override"] = o.align, t["--vf-grid-justify-items-override"] = o.justify;
       const s = ["sm", "md", "lg", "xl"];
-      for (const d of s) {
-        const r = o.breakpoints[d];
+      for (const u of s) {
+        const r = o.breakpoints[u];
         if (!r)
           continue;
-        const u = a(r.columns);
-        u && (t[`--vf-grid-columns-${d}-override`] = u), r.gap && (t[`--vf-grid-gap-${d}-override`] = r.gap), r.columnGap && (t[`--vf-grid-column-gap-${d}-override`] = r.columnGap), r.rowGap && (t[`--vf-grid-row-gap-${d}-override`] = r.rowGap), r.align && (t[`--vf-grid-align-items-${d}-override`] = r.align), r.justify && (t[`--vf-grid-justify-items-${d}-override`] = r.justify);
+        const d = a(r.columns);
+        d && (t[`--vf-grid-columns-${u}-override`] = d), r.gap && (t[`--vf-grid-gap-${u}-override`] = r.gap), r.columnGap && (t[`--vf-grid-column-gap-${u}-override`] = r.columnGap), r.rowGap && (t[`--vf-grid-row-gap-${u}-override`] = r.rowGap), r.align && (t[`--vf-grid-align-items-${u}-override`] = r.align), r.justify && (t[`--vf-grid-justify-items-${u}-override`] = r.justify);
       }
       return t;
     });
@@ -206,18 +206,18 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   setup(n) {
     const o = n, a = (t, i, s) => {
-      const d = t === "" || t === void 0 ? "" : String(t).trim(), r = i === "" || i === void 0 ? "" : String(i).trim(), u = s === "" || s === void 0 ? "" : String(s).trim();
-      return !d && !r && !u ? "" : r && u ? `${r} / ${u}` : r && d ? `${r} / span ${d}` : u && d ? `span ${d} / ${u}` : r || (u ? `auto / ${u}` : `span ${d} / span ${d}`);
+      const u = t === "" || t === void 0 ? "" : String(t).trim(), r = i === "" || i === void 0 ? "" : String(i).trim(), d = s === "" || s === void 0 ? "" : String(s).trim();
+      return !u && !r && !d ? "" : r && d ? `${r} / ${d}` : r && u ? `${r} / span ${u}` : d && u ? `span ${u} / ${d}` : r || (d ? `auto / ${d}` : `span ${u} / span ${u}`);
     }, e = f(() => {
       const t = {}, i = a(o.span, o.start, o.end);
       i && (t["--vf-grid-item-column-override"] = i);
       const s = ["sm", "md", "lg", "xl"];
-      for (const d of s) {
-        const r = o.breakpoints[d];
+      for (const u of s) {
+        const r = o.breakpoints[u];
         if (!r)
           continue;
-        const u = a(r.span, r.start, r.end);
-        u && (t[`--vf-grid-item-column-${d}-override`] = u);
+        const d = a(r.span, r.start, r.end);
+        d && (t[`--vf-grid-item-column-${u}-override`] = d);
       }
       return t;
     });
@@ -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 = 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) => ({
+    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, "-"), u = (y, z) => `vf-menu-parent-${s(i(y, z))}`, r = (y, z) => `vf-menu-submenu-${s(i(y, z))}`, d = (y) => y.to ? "router-link" : "a", v = (y) => y.map((z) => ({
       ...z,
       items: z.items ? v(z.items) : void 0
     })), p = (y) => {
@@ -359,7 +359,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
               item: { ...g, class: "vf-menu__link" }
             }) : g.separator ? (c(), b("hr", Zt)) : g.items && g.items.length ? (c(), b(fe, { key: 2 }, [
               B("button", {
-                id: d(g, w),
+                id: u(g, w),
                 class: ee(["vf-menu__parent", { "vf-menu__parent_active": g.active }]),
                 type: "button",
                 role: "menuitem",
@@ -392,7 +392,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
               key: 3,
               to: g.to,
               href: g.href ?? g.url,
-              as: u(g),
+              as: d(g),
               class: "vf-menu__link",
               active: g.active,
               disabled: g.disabled,
@@ -436,16 +436,16 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     disabled: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const o = n, a = qe(dt, null), e = ["button", "submit", "reset"], t = (m) => !!m && e.includes(m), i = f(() => o.as ? o.as === "button" : !(o.to || o.href || o.url || o.type && !t(o.type))), s = f(() => t(o.type) ? o.type : "button"), d = f(() => o.as === "link" ? o.to ? "router-link" : "a" : o.type && !t(o.type) ? o.type === "router-link" && o.to ? "router-link" : "a" : o.to ? "router-link" : "a"), r = f(() => {
+    const o = n, a = qe(dt, null), e = ["button", "submit", "reset"], t = (m) => !!m && e.includes(m), i = f(() => o.as ? o.as === "button" : !(o.to || o.href || o.url || o.type && !t(o.type))), s = f(() => t(o.type) ? o.type : "button"), u = f(() => o.as === "link" ? o.to ? "router-link" : "a" : o.type && !t(o.type) ? o.type === "router-link" && o.to ? "router-link" : "a" : o.to ? "router-link" : "a"), r = f(() => {
       const m = o.size ?? (a == null ? void 0 : a.value.size) ?? "normal", $ = o.variant ?? (a == null ? void 0 : a.value.variant), l = o.severity ?? (a == null ? void 0 : a.value.severity) ?? "primary", _ = o.loading || o.disabled || (a == null ? void 0 : a.value.disabled);
       let k = ["vf-button", `vf-button_${l}`];
       return ["top", "bottom"].includes(o.iconPos) && k.push("vf-button_vertical"), $ === "text" && k.push("vf-button_text"), $ === "outlined" && k.push("vf-button_outlined"), ["small", "large"].indexOf(m) > -1 && k.push(`vf-button_${m}`), _ && k.push("vf-button_disabled"), o.rounded && k.push("vf-button_rounded"), k;
-    }), u = f(() => o.disabled || (a == null ? void 0 : a.value.disabled) === !0), v = f(() => ["vf-button__icon", `vf-button__icon_${o.iconPos}`]), p = f(() => ["vf-button__label"]);
+    }), d = f(() => o.disabled || (a == null ? void 0 : a.value.disabled) === !0), v = f(() => ["vf-button__icon", `vf-button__icon_${o.iconPos}`]), p = f(() => ["vf-button__label"]);
     return (m, $) => i.value ? (c(), b("button", {
       key: 0,
       type: s.value,
       class: ee(r.value),
-      disabled: o.loading || u.value
+      disabled: o.loading || d.value
     }, [
       o.icon && !o.loading ? (c(), be(We(Ne), {
         key: 0,
@@ -471,9 +471,9 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       key: 1,
       to: o.to,
       href: o.href ?? o.url,
-      as: d.value,
+      as: u.value,
       class: ee(r.value),
-      disabled: o.loading || u.value
+      disabled: o.loading || d.value
     }, {
       default: Ce(() => [
         o.icon ? (c(), be(We(Ne), {
@@ -528,7 +528,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
 }), aa = {
   key: 0,
   class: "vf-input__prefix"
-}, oa = ["type", "value", "placeholder", "disabled", "readonly"], ra = {
+}, oa = ["id", "type", "name", "value", "placeholder", "autocomplete", "inputmode", "disabled", "readonly", "required", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-required"], ra = {
   key: 1,
   class: "vf-input__suffix"
 }, cc = /* @__PURE__ */ ne({
@@ -539,38 +539,58 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     placeholder: { default: "" },
     disabled: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    autocomplete: { default: void 0 },
+    inputmode: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    ariaDescribedby: { default: void 0 },
+    ariaInvalid: { type: [Boolean, String], default: void 0 },
+    ariaRequired: { type: [Boolean, String], default: void 0 },
     size: { default: "normal" },
     variant: { default: "filled" }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     const a = o, e = n, t = f(() => {
-      const u = ["vf-input", `vf-input_${e.variant}`];
-      return e.size !== "normal" && u.push(`vf-input_${e.size}`), e.disabled && u.push("vf-input_disabled"), u;
-    }), i = (u) => {
-      const v = u.target;
-      a("update:modelValue", v.value), a("input", u);
-    }, s = (u) => a("change", u), d = (u) => a("focus", u), r = (u) => a("blur", u);
-    return (u, v) => (c(), b("div", {
+      const d = ["vf-input", `vf-input_${e.variant}`];
+      return e.size !== "normal" && d.push(`vf-input_${e.size}`), e.disabled && d.push("vf-input_disabled"), d;
+    }), i = (d) => {
+      const v = d.target;
+      a("update:modelValue", v.value), a("input", d);
+    }, s = (d) => a("change", d), u = (d) => a("focus", d), r = (d) => a("blur", d);
+    return (d, v) => (c(), b("div", {
       class: ee(t.value)
     }, [
-      u.$slots.prefix ? (c(), b("span", aa, [
-        q(u.$slots, "prefix")
+      d.$slots.prefix ? (c(), b("span", aa, [
+        q(d.$slots, "prefix")
       ])) : Q("", !0),
       B("input", {
+        id: d.id,
         class: "vf-input__control",
-        type: u.type,
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        readonly: u.readonly,
+        type: d.type,
+        name: d.name,
+        value: d.modelValue,
+        placeholder: d.placeholder,
+        autocomplete: d.autocomplete,
+        inputmode: d.inputmode,
+        disabled: d.disabled,
+        readonly: d.readonly,
+        required: d.required,
+        "aria-label": d.ariaLabel,
+        "aria-labelledby": d.ariaLabelledby,
+        "aria-describedby": d.ariaDescribedby,
+        "aria-invalid": d.ariaInvalid === !0 || d.ariaInvalid === "true" ? "true" : d.ariaInvalid === "false" ? "false" : void 0,
+        "aria-required": d.required || d.ariaRequired === !0 || d.ariaRequired === "true" ? "true" : d.ariaRequired === "false" ? "false" : void 0,
         onInput: i,
         onChange: s,
-        onFocus: d,
+        onFocus: u,
         onBlur: r
       }, null, 40, oa),
-      u.$slots.suffix ? (c(), b("span", ra, [
-        q(u.$slots, "suffix")
+      d.$slots.suffix ? (c(), b("span", ra, [
+        q(d.$slots, "suffix")
       ])) : Q("", !0)
     ], 2));
   }
@@ -623,7 +643,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 = 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(
+    const a = o, e = n, t = G(!1), i = G(""), s = G(null), u = f(() => !e.disabled && !e.readonly), r = f(() => e.type === "number" ? "number" : "text"), d = 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}`];
@@ -636,7 +656,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       i.value = String(e.modelValue);
     }, $ = async () => {
       var g, w;
-      !d.value || t.value || (m(), t.value = !0, a("start"), await $e(), (g = s.value) == null || g.focus(), (w = s.value) == null || w.select());
+      !u.value || t.value || (m(), t.value = !0, a("start"), await $e(), (g = s.value) == null || g.focus(), (w = s.value) == null || w.select());
     }, l = () => {
       if (e.type === "number") {
         if (!i.value.trim())
@@ -694,8 +714,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       ], 64)) : (c(), b(fe, { key: 1 }, [
         B("span", {
           class: ee(["vf-inline-edit__value", { "vf-inline-edit__value_placeholder": v.value }])
-        }, j(u.value), 3),
-        d.value ? (c(), b("button", {
+        }, j(d.value), 3),
+        u.value ? (c(), b("button", {
           key: 0,
           class: "vf-inline-edit__action",
           type: "button",
@@ -727,7 +747,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   setup(n, { emit: o }) {
     const a = o, e = n, t = G(null), i = G(`${e.modelValue ?? ""}`);
     let s = null;
-    const d = f(() => {
+    const u = 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;
     });
@@ -739,7 +759,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     );
     const r = () => {
       s && (clearTimeout(s), s = null);
-    }, u = (k, y = !1) => {
+    }, d = (k, y = !1) => {
       if (!(e.disabled || e.readonly)) {
         if (r(), y || e.debounce <= 0) {
           a("search", k);
@@ -751,17 +771,17 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       }
     }, v = (k) => {
       const z = k.target.value;
-      i.value = z, a("update:modelValue", z), a("input", k), u(z);
+      i.value = z, a("update:modelValue", z), a("input", k), d(z);
     }, p = (k) => a("change", k), m = (k) => a("focus", k), $ = (k) => a("blur", k), l = () => {
-      u(i.value, !0);
+      d(i.value, !0);
     }, _ = () => {
       var k;
-      e.disabled || e.readonly || (i.value = "", a("update:modelValue", ""), a("change", ""), a("clear"), u("", !0), (k = t.value) == null || k.focus());
+      e.disabled || e.readonly || (i.value = "", a("update:modelValue", ""), a("change", ""), a("clear"), d("", !0), (k = t.value) == null || k.focus());
     };
     return we(() => {
       r();
     }), (k, y) => (c(), b("div", {
-      class: ee(d.value)
+      class: ee(u.value)
     }, [
       y[0] || (y[0] = B("span", {
         class: "vf-search-input__icon",
@@ -821,7 +841,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 = G(null), s = G(null), d = G(!1), r = G(-1), u = `vf-mention-input-panel-${++a}`, v = G(null), p = f(() => {
+    const e = o, t = n, i = G(null), s = G(null), u = G(!1), r = G(-1), d = `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) => ({
@@ -839,18 +859,18 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const F = [
         "vf-mention-input",
         `vf-mention-input_${t.variant}`,
-        d.value ? "vf-mention-input_open" : ""
+        u.value ? "vf-mention-input_open" : ""
       ];
       return t.size !== "normal" && F.push(`vf-mention-input_${t.size}`), t.disabled && F.push("vf-mention-input_disabled"), F.filter(Boolean);
     }), k = () => {
-      d.value = !1, r.value = -1;
+      u.value = !1, r.value = -1;
     }, y = () => {
       if (!(t.disabled || t.readonly)) {
         if (!l.value.length) {
           k();
           return;
         }
-        d.value = !0, r.value < 0 && (r.value = z());
+        u.value = !0, r.value < 0 && (r.value = z());
       }
     }, z = () => l.value.findIndex((F) => !F.disabled), C = (F, H) => {
       const Z = F.slice(0, H);
@@ -884,7 +904,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         (H = i.value) != null && H.contains(document.activeElement) || k();
       }, 0);
     }, O = (F) => {
-      if (!d.value || !l.value.length)
+      if (!u.value || !l.value.length)
         return;
       let H = r.value;
       (H < 0 || H >= l.value.length) && (H = F > 0 ? -1 : l.value.length);
@@ -894,13 +914,13 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           return;
         }
     }, E = () => {
-      if (!d.value) {
+      if (!u.value) {
         y();
         return;
       }
       O(1);
     }, T = () => {
-      if (!d.value) {
+      if (!u.value) {
         y();
         return;
       }
@@ -920,7 +940,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         (V = s.value) == null || V.focus(), (Y = s.value) == null || Y.setSelectionRange(A, A);
       });
     }, M = () => {
-      if (!d.value)
+      if (!u.value)
         return;
       const F = l.value[r.value];
       F && D(F);
@@ -966,8 +986,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         disabled: F.disabled,
         readonly: F.readonly,
         "aria-label": F.ariaLabel,
-        "aria-expanded": d.value,
-        "aria-controls": u,
+        "aria-expanded": u.value,
+        "aria-controls": d,
         "aria-autocomplete": "list",
         onInput: w,
         onChange: L,
@@ -976,7 +996,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         onKeydown: S
       }, null, 40, pa),
       ze(B("div", {
-        id: u,
+        id: d,
         class: "vf-mention-input__panel",
         role: "listbox"
       }, [
@@ -994,7 +1014,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           B("span", null, j(Z.label), 1)
         ], 42, ga))), 128)) : (c(), b("div", ha, j(F.emptyText), 1))
       ], 512), [
-        [Se, d.value]
+        [Se, u.value]
       ])
     ], 2));
   }
@@ -1038,14 +1058,14 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     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(() => {
+    }), u = f(() => {
       const y = e.modelValue ?? "";
       if (!y)
         return "weak";
       let z = 0;
       return y.length >= 8 && (z += 1), /[a-z]/.test(y) && /[A-Z]/.test(y) && (z += 1), /\d/.test(y) && (z += 1), /[^a-zA-Z0-9]/.test(y) && (z += 1), z >= 4 ? "strong" : z >= 2 ? "medium" : "weak";
-    }), r = f(() => d.value === "strong" ? 100 : d.value === "medium" ? 66 : 33), u = f(() => d.value === "strong" ? e.strongLabel : d.value === "medium" ? e.mediumLabel : e.weakLabel), v = f(
-      () => `vf-password-input__strength-fill vf-password-input__strength-fill_${d.value}`
+    }), r = f(() => u.value === "strong" ? 100 : u.value === "medium" ? 66 : 33), d = f(() => u.value === "strong" ? e.strongLabel : u.value === "medium" ? e.mediumLabel : e.weakLabel), v = f(
+      () => `vf-password-input__strength-fill vf-password-input__strength-fill_${u.value}`
     ), p = (y) => {
       const z = y.target;
       a("update:modelValue", z.value), a("input", y);
@@ -1099,7 +1119,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
             style: ke({ width: `${r.value}%` })
           }, null, 6)
         ]),
-        B("span", Sa, j(u.value), 1)
+        B("span", Sa, j(d.value), 1)
       ])) : Q("", !0),
       y.showCapsLockHint && i.value && !y.disabled ? (c(), b("p", Ba, j(y.capsLockHint), 1)) : Q("", !0)
     ], 2));
@@ -1122,18 +1142,18 @@ 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 = G([]), 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]/), u = (C) => {
       const g = `${C ?? ""}`;
       let w = "";
       for (const L of g)
         s.value.test(L) && (w += L);
       return w.slice(0, i.value);
     }, r = f(() => {
-      const C = d(e.modelValue), g = Array.from({ length: i.value }, () => "");
+      const C = u(e.modelValue), g = Array.from({ length: i.value }, () => "");
       for (let w = 0; w < C.length; w += 1)
         g[w] = C[w];
       return g;
-    }), u = f(() => {
+    }), d = f(() => {
       const C = ["vf-otp-input", `vf-otp-input_${e.variant}`];
       return e.size !== "normal" && C.push(`vf-otp-input_${e.size}`), e.disabled && C.push("vf-otp-input_disabled"), C;
     }), v = (C, g) => {
@@ -1145,7 +1165,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const g = C.join("");
       a("update:modelValue", g), a("change", g), g.length === i.value && a("complete", g);
     }, $ = (C, g) => {
-      const w = [...r.value], L = d(C);
+      const w = [...r.value], L = u(C);
       let R = g;
       for (let I = 0; I < L.length; I += 1) {
         const O = g + I;
@@ -1188,7 +1208,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     return Ve(() => {
       e.autoFocus && !e.disabled && !e.readonly && p(0);
     }), (C, g) => (c(), b("div", {
-      class: ee(u.value),
+      class: ee(d.value),
       role: "group",
       "aria-label": C.ariaLabel,
       onPaste: _
@@ -1239,7 +1259,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 = G(null), i = G(!1), s = G("#3b82f6"), d = G(100), r = (S, F, H) => Math.min(H, Math.max(F, S)), u = (S) => r(Math.round(S), 0, 255).toString(16).padStart(2, "0"), v = (S) => {
+    const a = o, e = n, t = G(null), i = G(!1), s = G("#3b82f6"), u = G(100), r = (S, F, H) => Math.min(H, Math.max(F, S)), d = (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;
@@ -1296,11 +1316,11 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         const W = $(S, F, H);
         return e.alpha ? `hsla(${W.h}, ${W.s}%, ${W.l}%, ${Z.toFixed(2)})` : `hsl(${W.h}, ${W.s}%, ${W.l}%)`;
       }
-      const x = `#${u(S)}${u(F)}${u(H)}`;
-      return e.alpha ? `${x}${u(Z * 255)}` : x;
+      const x = `#${d(S)}${d(F)}${d(H)}`;
+      return e.alpha ? `${x}${d(Z * 255)}` : x;
     }, y = (S) => {
       const F = _(S);
-      s.value = `#${u(F.r)}${u(F.g)}${u(F.b)}`, d.value = Math.round(r(F.a, 0, 1) * 100);
+      s.value = `#${d(F.r)}${d(F.g)}${d(F.b)}`, u.value = Math.round(r(F.a, 0, 1) * 100);
     };
     ve(
       () => e.modelValue,
@@ -1311,34 +1331,34 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     );
     const z = f(() => {
       const S = _(s.value);
-      return `rgba(${S.r}, ${S.g}, ${S.b}, ${e.alpha ? d.value / 100 : 1})`;
+      return `rgba(${S.r}, ${S.g}, ${S.b}, ${e.alpha ? u.value / 100 : 1})`;
     }), C = f(() => {
-      const S = _(s.value), F = e.alpha ? d.value / 100 : 1;
+      const S = _(s.value), F = e.alpha ? u.value / 100 : 1;
       return k(S.r, S.g, S.b, F);
     }), g = f(() => {
       const S = ["vf-color-picker", `vf-color-picker_${e.variant}`];
       return e.size !== "normal" && S.push(`vf-color-picker_${e.size}`), e.disabled && S.push("vf-color-picker_disabled"), S;
     }), w = () => {
-      const S = _(s.value), F = e.alpha ? d.value / 100 : 1, H = k(S.r, S.g, S.b, F);
+      const S = _(s.value), F = e.alpha ? u.value / 100 : 1, H = k(S.r, S.g, S.b, F);
       a("update:modelValue", H), a("change", H);
     }, L = (S) => {
       const F = S.target;
       s.value = F.value, w();
     }, R = (S) => {
       const F = S.target;
-      d.value = r(Number(F.value), 0, 100), w();
+      u.value = r(Number(F.value), 0, 100), w();
     }, I = (S) => {
       const F = S.target, H = _(F.value);
       if (!H.valid) {
         F.value = C.value;
         return;
       }
-      s.value = `#${u(H.r)}${u(H.g)}${u(H.b)}`, e.alpha && (d.value = Math.round(H.a * 100)), w();
+      s.value = `#${d(H.r)}${d(H.g)}${d(H.b)}`, e.alpha && (u.value = Math.round(H.a * 100)), w();
     }, O = (S) => {
       if (e.disabled || e.readonly)
         return;
       const F = _(S);
-      F.valid && (s.value = `#${u(F.r)}${u(F.g)}${u(F.b)}`, e.alpha && (d.value = Math.round(F.a * 100)), w());
+      F.valid && (s.value = `#${d(F.r)}${d(F.g)}${d(F.b)}`, e.alpha && (u.value = Math.round(F.a * 100)), w());
     }, E = () => {
       i.value && (i.value = !1, a("close"));
     }, T = () => {
@@ -1388,10 +1408,10 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
             min: "0",
             max: "100",
             step: "1",
-            value: d.value,
+            value: u.value,
             onInput: R
           }, null, 40, Ra),
-          B("span", Pa, j(d.value) + "%", 1)
+          B("span", Pa, j(u.value) + "%", 1)
         ])) : Q("", !0),
         B("div", Ea, [
           B("input", {
@@ -1439,9 +1459,9 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       "#": /\d/,
       A: /[a-zA-Z]/,
       "*": /[a-zA-Z0-9]/
-    }, i = f(() => typeof e.mask == "string" ? e.mask : ""), s = f(() => typeof e.mask == "function" ? e.mask : null), d = f(() => i.value.split("").filter((w) => !!t[w])), r = f(() => d.value.length), u = (w) => `${w ?? ""}`.replace(/\s+/g, ""), v = (w) => {
+    }, i = f(() => typeof e.mask == "string" ? e.mask : ""), s = f(() => typeof e.mask == "function" ? e.mask : null), u = f(() => i.value.split("").filter((w) => !!t[w])), r = f(() => u.value.length), d = (w) => `${w ?? ""}`.replace(/\s+/g, ""), v = (w) => {
       if (!i.value)
-        return u(w);
+        return d(w);
       const L = `${w ?? ""}`.split(""), R = i.value.split(""), I = [];
       let O = 0, E = 0;
       for (; O < R.length && E < L.length; ) {
@@ -1485,7 +1505,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         I < L.length && (O += E);
       }
       return O;
-    }, m = (w) => s.value ? u(w) : v(w), $ = (w) => s.value ? s.value(w) : p(w), l = f(() => {
+    }, m = (w) => s.value ? d(w) : v(w), $ = (w) => s.value ? s.value(w) : p(w), l = f(() => {
       const w = `${e.modelValue ?? ""}`;
       return e.mask ? e.unmask ? $(m(w)) : s.value ? w : $(m(w)) : w;
     }), _ = (w) => i.value ? w.length === r.value : !1, k = f(() => {
@@ -1546,31 +1566,31 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = f(() => typeof e.min == "number" && Number.isFinite(e.min) ? e.min : void 0), i = f(() => typeof e.max == "number" && Number.isFinite(e.max) ? e.max : void 0), s = f(() => e.step && e.step > 0 ? e.step : 1), d = (C) => (typeof t.value == "number" && (C = Math.max(t.value, C)), typeof i.value == "number" && (C = Math.min(i.value, C)), C), r = (C) => {
+    const a = o, e = n, t = f(() => typeof e.min == "number" && Number.isFinite(e.min) ? e.min : void 0), i = f(() => typeof e.max == "number" && Number.isFinite(e.max) ? e.max : void 0), s = f(() => e.step && e.step > 0 ? e.step : 1), u = (C) => (typeof t.value == "number" && (C = Math.max(t.value, C)), typeof i.value == "number" && (C = Math.min(i.value, C)), C), r = (C) => {
       if (typeof e.precision != "number" || !Number.isFinite(e.precision))
         return C;
       const g = Math.max(0, Math.floor(e.precision));
       return Number.parseFloat(C.toFixed(g));
-    }, u = (C) => {
+    }, d = (C) => {
       if (!C.trim())
         return null;
       const g = Number(C);
-      return Number.isFinite(g) ? r(d(g)) : null;
+      return Number.isFinite(g) ? r(u(g)) : null;
     }, v = f(() => e.modelValue === null || e.modelValue === void 0 || !Number.isFinite(e.modelValue) ? "" : `${e.modelValue}`), p = f(() => {
       const C = ["vf-number-input", `vf-number-input_${e.variant}`];
       return e.size !== "normal" && C.push(`vf-number-input_${e.size}`), e.disabled && C.push("vf-number-input_disabled"), e.controls && C.push("vf-number-input_controls"), C;
     }), m = (C) => {
-      const g = C.target, w = u(g.value);
+      const g = C.target, w = d(g.value);
       a("update:modelValue", w), a("input", C);
     }, $ = (C) => a("change", C), l = (C) => a("focus", C), _ = (C) => a("blur", C), k = () => Number.isFinite(e.modelValue) ? e.modelValue : typeof t.value == "number" ? t.value : 0, y = () => {
       if (e.disabled || e.readonly)
         return;
-      const C = r(d(k() + s.value));
+      const C = r(u(k() + s.value));
       a("update:modelValue", C);
     }, z = () => {
       if (e.disabled || e.readonly)
         return;
-      const C = r(d(k() - s.value));
+      const C = r(u(k() - s.value));
       a("update:modelValue", C);
     };
     return (C, g) => (c(), b("div", {
@@ -1643,7 +1663,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     "reset"
   ],
   setup(n, { emit: o }) {
-    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);
+    const a = n, e = o, t = G(null), i = G(D(S(a.initialValues, a.modelValue))), s = G(D(i.value)), u = G({}), r = G({}), d = G(!1);
     ve(
       () => a.modelValue,
       (h) => {
@@ -1666,8 +1686,8 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         [h]: P
       }, e("update:modelValue", D(s.value)), K.emitChange !== !1 && e("change", D(s.value), h, P));
     }, _ = (h, P = !0) => {
-      h && (d.value = {
-        ...d.value,
+      h && (u.value = {
+        ...u.value,
         [h]: P
       });
     }, k = (h, P = "") => {
@@ -1676,10 +1696,10 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       const K = { ...r.value };
       P ? K[h] = P : delete K[h], r.value = K;
     }, y = () => {
-      const h = { ...d.value };
+      const h = { ...u.value };
       for (const P in s.value)
         h[P] = !0;
-      d.value = h;
+      u.value = h;
     }, z = (h) => v.value.has(h), C = async (h = "submit") => {
       if (!a.validate)
         return h !== "submit" && e("validate", {}, D(s.value), h), !0;
@@ -1687,7 +1707,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       return r.value = K, e("validate", D(K), D(s.value), h), !Object.keys(K).length;
     }, g = async (h) => {
       if (!a.disabled) {
-        u.value = !0, y();
+        d.value = !0, y();
         try {
           const P = await C("submit"), K = D(s.value);
           if (!P) {
@@ -1706,11 +1726,11 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
             r.value = Y, e("submitError", A, D(Y), K, h), e("invalidSubmit", D(Y), K, h);
           }
         } finally {
-          u.value = !1;
+          d.value = !1;
         }
       }
     }, w = (h) => {
-      a.disabled || (s.value = D(i.value), d.value = {}, r.value = {}, e("update:modelValue", D(s.value)), e("reset", D(s.value), h));
+      a.disabled || (s.value = D(i.value), u.value = {}, r.value = {}, e("update:modelValue", D(s.value)), e("reset", D(s.value), h));
     }, L = async (h) => {
       await g(h);
     }, R = (h) => {
@@ -1837,10 +1857,10 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
       q(h.$slots, "default", {
         values: s.value,
         errors: r.value,
-        touched: d.value,
+        touched: u.value,
         isValid: p.value,
         isDirty: m.value,
-        isSubmitting: u.value,
+        isSubmitting: d.value,
         setFieldValue: l,
         setFieldTouched: _,
         setFieldError: k,
@@ -1866,17 +1886,17 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     size: { default: "normal" }
   },
   setup(n) {
-    const o = n, a = Xe(), e = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, t = f(() => o.id || e), i = f(() => `${t.value}-hint`), s = f(() => `${t.value}-error`), d = f(() => !!o.label || !!a.label), r = f(() => !!o.hint || !!a.hint), u = f(() => !!o.error || !!a.error), v = f(() => {
+    const o = n, a = Xe(), e = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, t = f(() => o.id || e), i = f(() => `${t.value}-hint`), s = f(() => `${t.value}-error`), u = f(() => !!o.label || !!a.label), r = f(() => !!o.hint || !!a.hint), d = f(() => !!o.error || !!a.error), v = f(() => {
       const m = [];
-      return r.value && m.push(i.value), u.value && m.push(s.value), m.length ? m.join(" ") : void 0;
+      return r.value && m.push(i.value), d.value && m.push(s.value), m.length ? m.join(" ") : void 0;
     }), p = f(() => {
       const m = ["vf-form-field"];
-      return o.size !== "normal" && m.push(`vf-form-field_${o.size}`), o.disabled && m.push("vf-form-field_disabled"), u.value && m.push("vf-form-field_invalid"), m;
+      return o.size !== "normal" && m.push(`vf-form-field_${o.size}`), o.disabled && m.push("vf-form-field_disabled"), d.value && m.push("vf-form-field_invalid"), m;
     });
     return (m, $) => (c(), b("div", {
       class: ee(p.value)
     }, [
-      d.value ? (c(), b("label", {
+      u.value ? (c(), b("label", {
         key: 0,
         class: "vf-form-field__label",
         for: t.value
@@ -1890,9 +1910,9 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
         q(m.$slots, "default", {
           id: t.value,
           describedBy: v.value,
-          invalid: u.value,
+          invalid: d.value,
           required: m.required,
-          ariaInvalid: u.value ? "true" : void 0,
+          ariaInvalid: d.value ? "true" : void 0,
           ariaRequired: m.required ? "true" : void 0
         })
       ]),
@@ -1905,7 +1925,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
           me(j(m.hint), 1)
         ])
       ], 8, to)) : Q("", !0),
-      u.value ? (c(), b("p", {
+      d.value ? (c(), b("p", {
         key: 2,
         id: s.value,
         class: "vf-form-field__error",
@@ -1931,25 +1951,25 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(n, { emit: o }) {
     const a = o, e = n, t = f(() => {
-      const u = ["vf-textarea", `vf-textarea_${e.variant}`];
-      return e.size !== "normal" && u.push(`vf-textarea_${e.size}`), e.disabled && u.push("vf-textarea_disabled"), u;
-    }), i = (u) => {
-      const v = u.target;
-      a("update:modelValue", v.value), a("input", u);
-    }, s = (u) => a("change", u), d = (u) => a("focus", u), r = (u) => a("blur", u);
-    return (u, v) => (c(), b("div", {
+      const d = ["vf-textarea", `vf-textarea_${e.variant}`];
+      return e.size !== "normal" && d.push(`vf-textarea_${e.size}`), e.disabled && d.push("vf-textarea_disabled"), d;
+    }), i = (d) => {
+      const v = d.target;
+      a("update:modelValue", v.value), a("input", d);
+    }, s = (d) => a("change", d), u = (d) => a("focus", d), r = (d) => a("blur", d);
+    return (d, v) => (c(), b("div", {
       class: ee(t.value)
     }, [
       B("textarea", {
         class: "vf-textarea__control",
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        readonly: u.readonly,
-        rows: u.rows,
+        value: d.modelValue,
+        placeholder: d.placeholder,
+        disabled: d.disabled,
+        readonly: d.readonly,
+        rows: d.rows,
         onInput: i,
         onChange: s,
-        onFocus: d,
+        onFocus: u,
         onBlur: r
       }, null, 40, oo)
     ], 2));
@@ -1976,7 +1996,7 @@ const Ut = /* @__PURE__ */ Wt(Kt, [["render", Xt]]), rc = /* @__PURE__ */ ne({
     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) => {
+    }), s = f(() => a.toolbar.filter(Boolean)), u = f(() => (a.modelValue ?? "").length), r = f(() => a.maxLength > 0), d = f(() => a.maxLength > 0 && u.value >= a.maxLength), v = (g) => {
       switch (g) {
         case "bold":
           return "Bold";
@@ -2089,8 +2109,8 @@ ${w}
       }, null, 40, no),
       r.value ? (c(), b("div", {
         key: 1,
-        class: ee(["vf-rich-text-editor__counter", { "is-limit": u.value }])
-      }, j(d.value) + " / " + j(g.maxLength), 3)) : Q("", !0)
+        class: ee(["vf-rich-text-editor__counter", { "is-limit": d.value }])
+      }, j(u.value) + " / " + j(g.maxLength), 3)) : Q("", !0)
     ], 2));
   }
 }), so = ["accept", "multiple", "disabled"], io = ["tabindex", "aria-disabled", "onKeydown"], uo = { class: "vf-file-upload__content" }, co = {
@@ -2116,14 +2136,14 @@ ${w}
   },
   emits: ["update:modelValue", "change", "reject", "focus", "blur"],
   setup(n, { emit: o }) {
-    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 a = o, e = n, t = G(null), i = G(null), s = G(!1), u = 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}`,
         s.value ? "vf-file-upload_dragging" : ""
       ];
       return e.size !== "normal" && L.push(`vf-file-upload_${e.size}`), (e.disabled || e.readonly) && L.push("vf-file-upload_disabled"), L.filter(Boolean);
-    }), u = (L, R) => `${L.name}-${L.size}-${L.lastModified}-${R}`, v = (L) => {
+    }), d = (L, R) => `${L.name}-${L.size}-${L.lastModified}-${R}`, v = (L) => {
       if (!Number.isFinite(L))
         return "";
       const R = ["B", "KB", "MB", "GB"];
@@ -2156,7 +2176,7 @@ ${w}
     }, $ = (L) => {
       if (e.disabled || e.readonly)
         return;
-      const R = e.multiple ? d.value : [], I = e.multiple ? R.concat(L) : L, { accepted: O, rejected: E } = m(I);
+      const R = e.multiple ? u.value : [], I = e.multiple ? R.concat(L) : L, { accepted: O, rejected: E } = m(I);
       p(O), E.length > 0 && a("reject", E);
     }, l = () => {
       var L;
@@ -2178,7 +2198,7 @@ ${w}
     }, C = (L) => {
       if (e.disabled || e.readonly)
         return;
-      const R = d.value.filter((I, O) => O !== L);
+      const R = u.value.filter((I, O) => O !== L);
       p(R);
     }, g = (L) => a("focus", L), w = (L) => a("blur", L);
     return (L, R) => (c(), b("div", {
@@ -2213,9 +2233,9 @@ ${w}
         onBlur: 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, he(d.value, (I, O) => (c(), b("div", {
-              key: u(I, O),
+          u.value.length === 0 ? (c(), b("span", co, j(L.placeholder), 1)) : (c(), b("div", vo, [
+            (c(!0), b(fe, null, he(u.value, (I, O) => (c(), b("div", {
+              key: d(I, O),
               class: "vf-file-upload__item"
             }, [
               B("span", fo, j(I.name), 1),
@@ -2268,9 +2288,9 @@ function bo(n) {
 const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke = (n, o) => ho(n, o) === "fixed", Fe = (n, o, a = {}) => {
   const e = n.getBoundingClientRect(), t = o ? o.offsetParent : null, i = o ? Ke(a, o) : !1;
   if (t && !i) {
-    const s = t.getBoundingClientRect(), d = t.scrollLeft, r = t.scrollTop;
+    const s = t.getBoundingClientRect(), u = t.scrollLeft, r = t.scrollTop;
     return {
-      left: e.left - s.left + d,
+      left: e.left - s.left + u,
       top: e.top - s.top + r,
       width: e.width,
       height: e.height
@@ -2336,11 +2356,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   reference: i,
   scrollDirection: s
 }) => {
-  const d = at(i, e, t, n), r = je(n, "offset");
+  const u = at(i, e, t, n), r = je(n, "offset");
   if (r) {
-    const u = r.fn({
-      x: d.x,
-      y: d.y,
+    const d = r.fn({
+      x: u.x,
+      y: u.y,
       options: n,
       primaryX: o,
       primaryY: a,
@@ -2349,11 +2369,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       reference: i,
       scrollDirection: s
     });
-    d.x = u.x, d.y = u.y;
+    u.x = d.x, u.y = d.y;
   }
-  return Do(d, e, i, n) ? {
-    x: d.x,
-    y: d.y,
+  return Do(u, e, i, n) ? {
+    x: u.x,
+    y: u.y,
     placement: t
   } : !1;
 }, Te = (n) => ({
@@ -2366,15 +2386,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     primaryX: t,
     primaryY: i,
     floating: s,
-    placement: d,
+    placement: u,
     reference: r,
-    scrollDirection: u
+    scrollDirection: d
   }) => {
     var v;
     const p = {
       x: o,
       y: a,
-      placement: d
+      placement: u
     }, m = {
       ...e,
       middleware: (v = e.middleware) == null ? void 0 : v.filter((C) => C.name !== "shift")
@@ -2390,11 +2410,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         floating: s,
         placement: C,
         reference: r,
-        scrollDirection: u
+        scrollDirection: d
       });
       g && (p.x = g.x, p.y = g.y, p.placement = g.placement, k = !0);
     }, z = Ro(r, s, m);
-    if (!l && $.includes(d) && y(d), k || _.forEach(y), !k) {
+    if (!l && $.includes(u) && y(u), k || _.forEach(y), !k) {
       const C = $.reduce(
         (g, w) => {
           const L = pt({
@@ -2404,7 +2424,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             floating: s,
             placement: w,
             reference: r,
-            scrollDirection: u
+            scrollDirection: d
           });
           if (!L)
             return g;
@@ -2416,13 +2436,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       C && (p.x = C.result.x, p.y = C.result.y, p.placement = C.result.placement, k = !0);
     }
     if (!k && $.length > 0) {
-      const C = Je(d);
+      const C = Je(u);
       let g = C, w = z[C];
       $.forEach((O) => {
         const E = Je(O), T = z[E];
         T > w && (w = T, g = E);
       });
-      const L = Mo(g, d, $), R = at(r, s, L, m), I = je(m, "offset");
+      const L = Mo(g, u, $), R = at(r, s, L, m), I = je(m, "offset");
       if (I) {
         const O = I.fn({
           x: R.x,
@@ -2433,7 +2453,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           floating: s,
           placement: L,
           reference: r,
-          scrollDirection: u
+          scrollDirection: d
         });
         R.x = O.x, R.y = O.y;
       }
@@ -2442,34 +2462,34 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     return p;
   }
 }), _t = (n, o, a, e, t) => {
-  var i, s, d;
+  var i, s, u;
   let r = 0;
   e.startsWith("right") ? r = -n : e.startsWith("left") && (r = n);
-  const u = je(o, "arrow"), v = je(o, "shift");
-  if (u) {
-    const p = ((i = u.params) == null ? void 0 : i.arrow).getBoundingClientRect();
+  const d = je(o, "arrow"), v = je(o, "shift");
+  if (d) {
+    const p = ((i = d.params) == null ? void 0 : i.arrow).getBoundingClientRect();
     e.startsWith("right") ? r -= p.width / 2 : e.startsWith("left") && (r += p.width / 2);
   }
-  if (yt(o, "shift") && u) {
+  if (yt(o, "shift") && d) {
     let p = null, m = 0;
     v && (p = (s = v.params) == null ? void 0 : s.parent);
-    const $ = (d = u.params) == null ? void 0 : d.arrow;
+    const $ = (u = d.params) == null ? void 0 : u.arrow;
     m = $.getBoundingClientRect().width / 2, m += _o($), m -= n, e.startsWith("right") ? Pe(a - r, t, p, o) <= n ? Pe(a, t, p, o) > 0 ? r = n - Pe(a, t, p, o) : r = n : Ee(a - r - m, t, p, o) <= n && (Ee(a - r - m, t, p, o) >= 0 ? (r = -n - (Ee(a - r - m, t, p, o) + n), p && (r = -n)) : r = -n) : e.startsWith("left") ? Pe(a - r + m, t, p, o) <= n ? (r = n + Pe(a - m, t, p, o), r <= n && (r = n)) : Ee(a - r, t, p, o) <= n && (r = -n + Ee(a, t, p, o), r <= -n && (r = -n)) : Pe(a - r, t, p, o) <= n ? Pe(a - r, t, p, o) <= n && Pe(a, t, p, o) > 0 ? r = n - Pe(a, t, p, o) : r = n : Ee(a - r, t, p, o) <= n && (Ee(a - r, t, p, o) <= n && Ee(a, t, p, o) > 0 ? r = -(n - Ee(a, t, p, o)) : r = -n);
   }
   return r;
 }, kt = (n, o, a, e, t) => {
-  var i, s, d;
+  var i, s, u;
   let r = 0;
   e.startsWith("top") ? r = n : e.startsWith("bottom") && (r = -n);
-  const u = je(o, "arrow"), v = je(o, "shift");
-  if (u) {
-    const p = ((i = u.params) == null ? void 0 : i.arrow).getBoundingClientRect();
+  const d = je(o, "arrow"), v = je(o, "shift");
+  if (d) {
+    const p = ((i = d.params) == null ? void 0 : i.arrow).getBoundingClientRect();
     e.startsWith("top") ? r += p.height / 2 : e.startsWith("bottom") && (r -= p.height / 2);
   }
-  if (yt(o, "shift") && u) {
+  if (yt(o, "shift") && d) {
     let p = null, m = 0;
     v && (p = (s = v.params) == null ? void 0 : s.parent);
-    const $ = (d = u.params) == null ? void 0 : d.arrow;
+    const $ = (u = d.params) == null ? void 0 : u.arrow;
     m = $.getBoundingClientRect().height / 2, m += ko($), m -= n, e.startsWith("top") ? Re(a - r, t, p, o) <= n ? Re(a, t, p, o) >= 0 ? r = -(n - Re(a, t, p, o)) : r = -n : Ae(a - r + m, t, p, o) <= n && (r = n + Ae(a - m, t, p, o), r <= n && (r = n)) : e.startsWith("bottom") ? Re(a - r - m, t, p, o) <= n ? Re(a - r - m, t, p, o) >= 0 ? (r = -n - (Re(a - r - m, t, p, o) + n), p && (r = -n)) : r = -n : Ae(a - r, t, p, o) <= n && (Ae(a, t, p, o) >= 0 ? r = n - Ae(a, t, p, o) : r = n) : Re(a - r, t, p, o) <= n ? Re(a - r, t, p, o) >= 0 ? r = -(n - Re(a - r, t, p, o)) : r = -n : Ae(a - r, t, p, o) <= n && (Ae(a - r, t, p, o) >= 0 ? r = n - Ae(a - r, t, p, o) : r = n);
   }
   return r;
@@ -2483,11 +2503,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     primaryX: t,
     primaryY: i,
     floating: s,
-    placement: d
+    placement: u
   }) => ({
-    x: o - _t(n, e, t, d, s),
-    y: a - kt(n, e, i, d, s),
-    placement: d
+    x: o - _t(n, e, t, u, s),
+    y: a - kt(n, e, i, u, s),
+    placement: u
   })
 }), Ct = (n) => ({
   name: "shift",
@@ -2499,15 +2519,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     primaryX: t,
     primaryY: i,
     floating: s,
-    placement: d,
+    placement: u,
     reference: r
   }) => {
-    var u;
+    var d;
     const v = {
       x: o,
       y: a,
-      placement: d
-    }, p = e.middleware || [], m = p.findIndex((T) => T.name === "shift"), $ = p.findIndex((T) => T.name === "offset"), l = $ !== -1 && (m === -1 || $ > m), _ = p.find((T) => T.name === "offset"), k = _ ? (u = _.params) == null ? void 0 : u.value : 0, y = l ? _t(k, e, t, d, s) : 0, z = l ? kt(k, e, i, d, s) : 0, C = o - y, g = a - z;
+      placement: u
+    }, p = e.middleware || [], m = p.findIndex((T) => T.name === "shift"), $ = p.findIndex((T) => T.name === "offset"), l = $ !== -1 && (m === -1 || $ > m), _ = p.find((T) => T.name === "offset"), k = _ ? (d = _.params) == null ? void 0 : d.value : 0, y = l ? _t(k, e, t, u, s) : 0, z = l ? kt(k, e, i, u, s) : 0, C = o - y, g = a - z;
     let w = C, L = g;
     const R = _ ? Math.abs(k) : 0, I = R, O = R;
     if (Ke(e, s) && typeof window < "u") {
@@ -2675,8 +2695,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     const p = s.getBoundingClientRect(), m = p.left + n.x, $ = p.top + n.y, l = m + o.clientWidth, _ = $ + o.clientHeight;
     return m >= 0 && $ >= 0 && l <= t && _ <= i;
   }
-  const d = n.x, r = n.y, u = d + o.clientWidth, v = r + o.clientHeight;
-  return d >= 0 && r >= 0 && u <= t && v <= i;
+  const u = n.x, r = n.y, d = u + o.clientWidth, v = r + o.clientHeight;
+  return u >= 0 && r >= 0 && d <= t && v <= i;
 }, Je = (n) => n.startsWith("right") ? "right" : n.startsWith("left") ? "left" : n.startsWith("top") ? "top" : "bottom", Mo = (n, o, a) => Je(o) === n && a.includes(o) ? o : a.find((e) => Je(e) === n) ?? a[0], Ro = (n, o, a = {}) => {
   if (typeof window > "u")
     return {
@@ -2699,36 +2719,36 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   };
 }, Me = (n, o, a = {}) => new Promise((e) => {
   var t, i;
-  const s = a.placement ? a.placement : "bottom", d = {
+  const s = a.placement ? a.placement : "bottom", u = {
     x: 0,
     y: 0,
     placement: s,
     middlewareData: {}
   }, r = at(n, o, s, a);
-  d.x = r.x, d.y = r.y, d.placement = r.placement;
-  const u = d.x, v = d.y, p = yo(n);
+  u.x = r.x, u.y = r.y, u.placement = r.placement;
+  const d = u.x, v = u.y, p = yo(n);
   (t = a.middleware) == null || t.forEach((_) => {
     const k = _.fn({
-      x: d.x,
-      y: d.y,
+      x: u.x,
+      y: u.y,
       options: a,
-      primaryX: u,
+      primaryX: d,
       primaryY: v,
       floating: o,
-      placement: d.placement,
+      placement: u.placement,
       reference: n,
       scrollDirection: p
     });
-    d.x = k.x, d.y = k.y, d.placement = k.placement, _.name === "arrow" && (k.baseX = k.x, k.baseY = k.y, k.x = k.arrowX ?? k.x, k.y = k.arrowY ?? k.y), d.middlewareData[_.name] = k;
+    u.x = k.x, u.y = k.y, u.placement = k.placement, _.name === "arrow" && (k.baseX = k.x, k.baseY = k.y, k.x = k.arrowX ?? k.x, k.y = k.arrowY ?? k.y), u.middlewareData[_.name] = k;
   });
-  const m = at(n, o, d.placement, a), $ = je(a, "offset"), l = $ ? (i = $.params) == null ? void 0 : i.value : 0;
-  if (Number.isFinite(d.x) || (d.x = m.x), !Number.isFinite(d.y))
+  const m = at(n, o, u.placement, a), $ = je(a, "offset"), l = $ ? (i = $.params) == null ? void 0 : i.value : 0;
+  if (Number.isFinite(u.x) || (u.x = m.x), !Number.isFinite(u.y))
     if (Ke(a, o)) {
       const _ = n.getBoundingClientRect(), k = o.getBoundingClientRect().height;
-      d.placement.startsWith("top") ? d.y = _.top - k - l : d.placement.startsWith("bottom") ? d.y = _.bottom + l : d.y = m.y;
+      u.placement.startsWith("top") ? u.y = _.top - k - l : u.placement.startsWith("bottom") ? u.y = _.bottom + l : u.y = m.y;
     } else
-      d.y = m.y;
-  e(d);
+      u.y = m.y;
+  e(u);
 }), Po = ["disabled", "aria-expanded", "onKeydown"], Eo = ["data-placement"], Oo = ["disabled", "aria-selected", "onClick"], Bc = /* @__PURE__ */ ne({
   __name: "select",
   props: {
@@ -2744,7 +2764,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 = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-select-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = G("bottom"), v = G("bottom"), p = `vf-select-panel-${++a}`;
     let m = null;
     const $ = f(() => t.options.map((E) => ({
       label: E[t.optionLabel],
@@ -2759,32 +2779,32 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), y = (E) => E.value === t.modelValue, z = (E) => {
       E.disabled || (e("update:modelValue", E.value), e("change", E.value), w());
     }, C = (E) => e("focus", E), g = (E) => e("blur", E), w = () => {
-      r.value = !1, u.value = "bottom", v.value = "bottom";
+      r.value = !1, d.value = "bottom", v.value = "bottom";
     }, L = () => {
-      t.disabled || (r.value = !r.value, r.value && (u.value = "bottom", v.value = "bottom"));
+      t.disabled || (r.value = !r.value, r.value && (d.value = "bottom", v.value = "bottom"));
     }, R = async () => {
       var E, T;
-      r.value || (r.value = !0, await $e()), (T = (E = d.value) == null ? void 0 : E.querySelector(".vf-select__option:not(.is-disabled)")) == null || T.focus();
+      r.value || (r.value = !0, await $e()), (T = (E = u.value) == null ? void 0 : E.querySelector(".vf-select__option:not(.is-disabled)")) == null || T.focus();
     }, I = (E) => {
       var D;
       if (!r.value || !i.value)
         return;
       const T = E.target;
-      i.value.contains(T) || (D = d.value) != null && D.contains(T) || w();
+      i.value.contains(T) || (D = u.value) != null && D.contains(T) || w();
     }, O = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const E = s.value, T = d.value, D = async () => {
+      const E = s.value, T = u.value, D = async () => {
         const {
           x: H,
           y: Z,
           placement: x
         } = await Me(E, T, {
-          placement: u.value,
+          placement: d.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = x ?? u.value, T.style.minWidth = `${E.getBoundingClientRect().width}px`, T.style.left = `${H}px`, T.style.top = `${Z}px`;
+        v.value = x ?? d.value, T.style.minWidth = `${E.getBoundingClientRect().width}px`, T.style.left = `${H}px`, T.style.top = `${Z}px`;
       }, M = async () => {
         await D();
       }, S = De(E, () => {
@@ -2850,7 +2870,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: p,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-select__panel",
           role: "listbox",
           "data-placement": v.value
@@ -2896,7 +2916,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 = 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}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = 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],
@@ -2905,7 +2925,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }))), k = f(() => _.value.find((h) => h.value === t.modelValue)), y = f(() => {
       if (!t.filter)
         return _.value;
-      const h = u.value.trim().toLowerCase();
+      const h = d.value.trim().toLowerCase();
       return h ? _.value.filter((P) => P.label.toLowerCase().includes(h)) : _.value;
     }), z = f(() => {
       if (!(!r.value || v.value < 0))
@@ -2938,10 +2958,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       I();
     }, T = (h) => {
-      h.disabled || (u.value = h.label, e("update:modelValue", h.value), e("change", h.value), O());
+      h.disabled || (d.value = h.label, e("update:modelValue", h.value), e("change", h.value), O());
     }, D = (h) => {
       const P = h.target;
-      u.value = P.value, e("search", P.value), I(), v.value = L();
+      d.value = P.value, e("search", P.value), I(), v.value = L();
     }, M = (h) => {
       e("focus", h), I();
     }, S = (h) => {
@@ -2970,11 +2990,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !i.value)
         return;
       const P = h.target;
-      i.value.contains(P) || (K = d.value) != null && K.contains(P) || O();
+      i.value.contains(P) || (K = u.value) != null && K.contains(P) || O();
     }, W = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const h = s.value, P = d.value, K = async () => {
+      const h = s.value, P = u.value, K = async () => {
         const {
           x: ae,
           y: se,
@@ -3003,14 +3023,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       () => t.modelValue,
       () => {
         var h;
-        u.value = ((h = k.value) == null ? void 0 : h.label) ?? "";
+        d.value = ((h = k.value) == null ? void 0 : h.label) ?? "";
       },
       { immediate: !0 }
     ), ve(
       () => t.options,
       () => {
         var h;
-        r.value || (u.value = ((h = k.value) == null ? void 0 : h.label) ?? ""), l == null || l.update();
+        r.value || (d.value = ((h = k.value) == null ? void 0 : h.label) ?? ""), l == null || l.update();
       },
       { deep: !0 }
     ), ve(y, () => {
@@ -3036,7 +3056,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-autocomplete__control",
         type: "text",
         role: "combobox",
-        value: u.value,
+        value: d.value,
         placeholder: h.placeholder,
         disabled: h.disabled,
         readonly: h.readonly,
@@ -3070,7 +3090,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: $,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-autocomplete__panel",
           role: "listbox",
           "data-placement": m.value
@@ -3127,13 +3147,13 @@ 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 = 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}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = 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],
       value: U[t.optionValue],
       disabled: U.disabled
-    }))), k = f(() => _.value.find((U) => U.value === t.modelValue)), y = f(() => u.value.trim().toLowerCase()), z = f(() => !t.filter || !y.value ? _.value : _.value.filter((U) => U.label.toLowerCase().includes(y.value))), C = f(() => y.value ? _.value.some(
+    }))), k = f(() => _.value.find((U) => U.value === t.modelValue)), y = f(() => d.value.trim().toLowerCase()), z = f(() => !t.filter || !y.value ? _.value : _.value.filter((U) => U.label.toLowerCase().includes(y.value))), C = f(() => y.value ? _.value.some(
       (U) => U.label.toLowerCase() === y.value && !U.disabled
     ) : !1), g = f(() => {
       if (!(!r.value || v.value < 0))
@@ -3170,24 +3190,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       M();
     }, H = () => {
-      const U = u.value.trim();
+      const U = d.value.trim();
       return !U || !w.value ? !1 : (t.allowCreate && !C.value && e("create", U), T(U), E(U), S(), !0);
     }, Z = () => {
       var X;
       const U = ((X = k.value) == null ? void 0 : X.label) ?? "";
-      u.value = U, E(U);
+      d.value = U, E(U);
     }, x = (U) => {
-      U.disabled || (u.value = U.label, E(U.label), T(U.value), S());
+      U.disabled || (d.value = U.label, E(U.label), T(U.value), S());
     }, W = () => {
-      u.value = "", E(""), e("update:modelValue", void 0), e("change", void 0), S();
+      d.value = "", E(""), e("update:modelValue", void 0), e("change", void 0), S();
     }, h = (U) => {
       const X = U.target;
-      u.value = X.value, E(X.value), e("search", X.value), M(), v.value = O();
+      d.value = X.value, E(X.value), e("search", X.value), M(), v.value = O();
     }, P = (U) => {
       e("focus", U), M();
     }, K = (U) => {
       var X;
-      e("blur", U), t.strict && u.value.trim() !== ((X = k.value) == null ? void 0 : X.label) && Z();
+      e("blur", U), t.strict && d.value.trim() !== ((X = k.value) == null ? void 0 : X.label) && Z();
     }, A = () => {
       if (!r.value) {
         M();
@@ -3216,11 +3236,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !i.value)
         return;
       const X = U.target;
-      i.value.contains(X) || (re = d.value) != null && re.contains(X) || S();
+      i.value.contains(X) || (re = u.value) != null && re.contains(X) || S();
     }, se = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const U = s.value, X = d.value, re = async () => {
+      const U = s.value, X = u.value, re = async () => {
         const {
           x: N,
           y: oe,
@@ -3248,21 +3268,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     return ve(
       () => t.inputValue,
       (U) => {
-        typeof U == "string" && (u.value = U);
+        typeof U == "string" && (d.value = U);
       },
       { immediate: !0 }
     ), ve(
       () => t.modelValue,
       () => {
         var U;
-        typeof t.inputValue != "string" && (u.value = ((U = k.value) == null ? void 0 : U.label) ?? "");
+        typeof t.inputValue != "string" && (d.value = ((U = k.value) == null ? void 0 : U.label) ?? "");
       },
       { immediate: !0 }
     ), 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();
+        !r.value && t.strict && typeof t.inputValue != "string" && (d.value = ((U = k.value) == null ? void 0 : U.label) ?? ""), l == null || l.update();
       },
       { deep: !0 }
     ), ve(z, () => {
@@ -3288,7 +3308,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-combobox__control",
         type: "text",
         role: "combobox",
-        value: u.value,
+        value: d.value,
         placeholder: U.placeholder,
         disabled: U.disabled,
         readonly: U.readonly,
@@ -3308,7 +3328,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           pe(S, ["tab"])
         ]
       }, null, 40, jo),
-      U.clearable && u.value.length > 0 && !U.disabled && !U.readonly ? (c(), b("button", {
+      U.clearable && d.value.length > 0 && !U.disabled && !U.readonly ? (c(), b("button", {
         key: 0,
         class: "vf-combobox__clear",
         type: "button",
@@ -3331,7 +3351,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: $,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-combobox__panel",
           role: "listbox",
           "data-placement": m.value
@@ -3393,7 +3413,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 = 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}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(null), d = 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],
@@ -3405,7 +3425,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const V = v.value.trim().toLowerCase();
       return V ? k.value.filter((Y) => Y.label.toLowerCase().includes(V)) : k.value;
     }), C = f(() => k.value.filter((V) => y.value.includes(V.value))), g = f(() => C.value.length === 0 ? t.placeholder : C.value.map((V) => V.label).join(", ")), w = f(() => {
-      const V = ["vf-multiselect", `vf-multiselect_${t.variant}`, u.value ? "vf-multiselect_open" : ""];
+      const V = ["vf-multiselect", `vf-multiselect_${t.variant}`, d.value ? "vf-multiselect_open" : ""];
       return t.size !== "normal" && V.push(`vf-multiselect_${t.size}`), t.disabled && V.push("vf-multiselect_disabled"), V.filter(Boolean);
     }), L = (V) => `${l}-option-${V}`, R = () => z.value.findIndex((V) => !V.disabled), I = (V) => y.value.includes(V.value), O = (V) => {
       e("update:modelValue", V), e("change", V);
@@ -3435,29 +3455,29 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       p.value = -1;
     }, M = async () => {
       var V;
-      t.disabled || (u.value = !0, m.value = "bottom", $.value = "bottom", p.value < 0 && (p.value = R()), t.filter && (await $e(), (V = r.value) == null || V.focus()));
+      t.disabled || (d.value = !0, m.value = "bottom", $.value = "bottom", p.value < 0 && (p.value = R()), t.filter && (await $e(), (V = r.value) == null || V.focus()));
     }, S = () => {
-      u.value = !1, p.value = -1, m.value = "bottom", $.value = "bottom", v.value = "";
+      d.value = !1, p.value = -1, m.value = "bottom", $.value = "bottom", v.value = "";
     }, F = () => {
-      if (u.value) {
+      if (d.value) {
         S();
         return;
       }
       M();
     }, H = () => {
-      if (!u.value) {
+      if (!d.value) {
         M();
         return;
       }
       D(1);
     }, Z = () => {
-      if (!u.value) {
+      if (!d.value) {
         M();
         return;
       }
       D(-1);
     }, x = () => {
-      if (!u.value) {
+      if (!d.value) {
         M();
         return;
       }
@@ -3468,14 +3488,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       v.value = Y.value, e("search", Y.value), p.value = R();
     }, h = (V) => e("focus", V), P = (V) => e("blur", V), K = (V) => {
       var ae;
-      if (!u.value || !i.value)
+      if (!d.value || !i.value)
         return;
       const Y = V.target;
-      i.value.contains(Y) || (ae = d.value) != null && ae.contains(Y) || S();
+      i.value.contains(Y) || (ae = u.value) != null && ae.contains(Y) || S();
     }, A = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const V = s.value, Y = d.value, ae = async () => {
+      const V = s.value, Y = u.value, ae = async () => {
         const {
           x: re,
           y: de,
@@ -3506,7 +3526,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         p.value >= z.value.length && (p.value = R()), _ == null || _.update();
       },
       { deep: !0 }
-    ), ve(u, async (V) => {
+    ), ve(d, async (V) => {
       if (!V) {
         _ && (_.destroy(), _ = null);
         return;
@@ -3529,7 +3549,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-multiselect__control",
         type: "button",
         disabled: V.disabled,
-        "aria-expanded": u.value,
+        "aria-expanded": d.value,
         "aria-controls": l,
         "aria-haspopup": "listbox",
         onClick: F,
@@ -3561,7 +3581,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: l,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-multiselect__panel",
           role: "listbox",
           "aria-multiselectable": "true",
@@ -3602,7 +3622,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             I(ae) ? (c(), b("span", lr, "✓")) : Q("", !0)
           ], 10, or))), 128)) : (c(), b("div", nr, j(V.emptyText), 1))
         ], 8, Jo), [
-          [Se, u.value]
+          [Se, d.value]
         ])
       ]))
     ], 2));
@@ -3637,7 +3657,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 = 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}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(""), d = 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],
@@ -3650,10 +3670,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       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))
+      if (!(!d.value || v.value < 0))
         return L(v.value);
     }), w = f(() => {
-      const te = ["vf-tag-input", `vf-tag-input_${t.variant}`, u.value ? "vf-tag-input_open" : ""];
+      const te = ["vf-tag-input", `vf-tag-input_${t.variant}`, d.value ? "vf-tag-input_open" : ""];
       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);
@@ -3694,11 +3714,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       v.value = -1;
     }, x = () => {
-      t.disabled || (u.value = !0, p.value = "bottom", m.value = "bottom", v.value < 0 && (v.value = R()));
+      t.disabled || (d.value = !0, p.value = "bottom", m.value = "bottom", v.value < 0 && (v.value = R()));
     }, W = () => {
-      u.value = !1, v.value = -1, p.value = "bottom", m.value = "bottom";
+      d.value = !1, v.value = -1, p.value = "bottom", m.value = "bottom";
     }, h = () => {
-      if (u.value) {
+      if (d.value) {
         W();
         return;
       }
@@ -3714,19 +3734,19 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, V = (te) => {
       e("blur", te);
     }, Y = () => {
-      if (!u.value) {
+      if (!d.value) {
         x();
         return;
       }
       Z(1);
     }, ae = () => {
-      if (!u.value) {
+      if (!d.value) {
         x();
         return;
       }
       Z(-1);
     }, se = () => {
-      if (u.value) {
+      if (d.value) {
         const te = z.value[v.value];
         if (te && !te.disabled) {
           M(te);
@@ -3742,14 +3762,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       te.key === "," && (te.preventDefault(), S());
     }, de = (te) => {
       var oe;
-      if (!u.value || !i.value)
+      if (!d.value || !i.value)
         return;
       const N = te.target;
-      i.value.contains(N) || (oe = d.value) != null && oe.contains(N) || W();
+      i.value.contains(N) || (oe = u.value) != null && oe.contains(N) || W();
     }, ye = () => {
-      if (!i.value || !d.value)
+      if (!i.value || !u.value)
         return;
-      const te = i.value, N = d.value, oe = async () => {
+      const te = i.value, N = u.value, oe = async () => {
         const {
           x: ue,
           y: ce,
@@ -3782,7 +3802,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       { deep: !0 }
     ), ve(z, () => {
       v.value >= z.value.length && (v.value = R());
-    }), ve(u, async (te) => {
+    }), ve(d, async (te) => {
       if (!te) {
         l && (l.destroy(), l = null);
         return;
@@ -3822,7 +3842,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           placeholder: _.value.length === 0 ? te.placeholder : "",
           disabled: te.disabled,
           readonly: te.readonly,
-          "aria-expanded": u.value,
+          "aria-expanded": d.value,
           "aria-autocomplete": "list",
           "aria-controls": $,
           "aria-activedescendant": g.value,
@@ -3861,7 +3881,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: $,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-tag-input__panel",
           role: "listbox",
           "data-placement": m.value
@@ -3881,7 +3901,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             onClick: (ge) => M(oe)
           }, j(oe.label), 43, pr))), 128)) : (c(), b("div", mr, j(te.emptyText), 1))
         ], 8, vr), [
-          [Se, u.value]
+          [Se, d.value]
         ])
       ]))
     ], 2));
@@ -3909,7 +3929,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 = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-datepicker-panel-${++a}`, m = G(x(H(t.modelValue) ?? /* @__PURE__ */ new Date()));
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = G("bottom"), v = G("bottom"), p = `vf-datepicker-panel-${++a}`, m = G(x(H(t.modelValue) ?? /* @__PURE__ */ new Date()));
     let $ = null;
     const l = f(() => H(t.modelValue)), _ = f(() => H(t.min)), k = f(() => H(t.max)), y = f(() => l.value ? l.value.toLocaleDateString(t.locale, {
       year: "numeric",
@@ -3943,9 +3963,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const V = ["vf-datepicker", `vf-datepicker_${t.variant}`, r.value ? "vf-datepicker_open" : ""];
       return t.size !== "normal" && V.push(`vf-datepicker_${t.size}`), t.disabled && V.push("vf-datepicker_disabled"), V.filter(Boolean);
     }), L = (V) => e("focus", V), R = (V) => e("blur", V), I = () => {
-      t.disabled || t.readonly || (r.value = !0, u.value = "bottom", v.value = "bottom");
+      t.disabled || t.readonly || (r.value = !0, d.value = "bottom", v.value = "bottom");
     }, O = () => {
-      r.value = !1, u.value = "bottom", v.value = "bottom";
+      r.value = !1, d.value = "bottom", v.value = "bottom";
     }, E = () => {
       if (r.value) {
         O();
@@ -3966,21 +3986,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !i.value)
         return;
       const Y = V.target;
-      i.value.contains(Y) || (ae = d.value) != null && ae.contains(Y) || O();
+      i.value.contains(Y) || (ae = u.value) != null && ae.contains(Y) || O();
     }, F = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const V = s.value, Y = d.value, ae = async () => {
+      const V = s.value, Y = u.value, ae = async () => {
         const {
           x: re,
           y: de,
           placement: ye
         } = await Me(V, Y, {
-          placement: u.value,
+          placement: d.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = ye ?? u.value, Y.style.left = `${re}px`, Y.style.top = `${de}px`;
+        v.value = ye ?? d.value, Y.style.left = `${re}px`, Y.style.top = `${de}px`;
       }, se = async () => {
         await ae();
       }, U = De(V, () => {
@@ -4086,7 +4106,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: p,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-datepicker__panel",
           role: "dialog",
           "data-placement": v.value,
@@ -4159,7 +4179,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 = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-daterangepicker-panel-${++a}`, m = G(A(/* @__PURE__ */ new Date()));
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = G("bottom"), v = G("bottom"), p = `vf-daterangepicker-panel-${++a}`, m = G(A(/* @__PURE__ */ new Date()));
     let $ = null;
     const l = f(() => P(t.min)), _ = f(() => P(t.max)), k = f(() => h(t.modelValue)), y = f(() => k.value[0]), z = f(() => k.value[1]), C = f(() => !y.value && !z.value), g = f(() => {
       if (C.value)
@@ -4205,9 +4225,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       ];
       return t.size !== "normal" && X.push(`vf-daterangepicker_${t.size}`), t.disabled && X.push("vf-daterangepicker_disabled"), X.filter(Boolean);
     }), O = (X) => e("focus", X), E = (X) => e("blur", X), T = () => {
-      t.disabled || t.readonly || (r.value = !0, u.value = "bottom", v.value = "bottom");
+      t.disabled || t.readonly || (r.value = !0, d.value = "bottom", v.value = "bottom");
     }, D = () => {
-      r.value = !1, u.value = "bottom", v.value = "bottom";
+      r.value = !1, d.value = "bottom", v.value = "bottom";
     }, M = () => {
       if (r.value) {
         D();
@@ -4236,21 +4256,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !i.value)
         return;
       const re = X.target;
-      i.value.contains(re) || (de = d.value) != null && de.contains(re) || D();
+      i.value.contains(re) || (de = u.value) != null && de.contains(re) || D();
     }, W = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const X = s.value, re = d.value, de = async () => {
+      const X = s.value, re = u.value, de = async () => {
         const {
           x: oe,
           y: le,
           placement: ge
         } = await Me(X, re, {
-          placement: u.value,
+          placement: d.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = ge ?? u.value, re.style.left = `${oe}px`, re.style.top = `${le}px`;
+        v.value = ge ?? d.value, re.style.left = `${oe}px`, re.style.top = `${le}px`;
       }, ye = async () => {
         await de();
       }, te = De(X, () => {
@@ -4362,7 +4382,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: p,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-daterangepicker__panel",
           role: "dialog",
           "data-placement": v.value,
@@ -4429,7 +4449,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 = G(null), s = G(null), d = G(null), r = G(!1), u = G("bottom"), v = G("bottom"), p = `vf-timepicker-panel-${++a}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = 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 ? "" : H(_.value, t.format)), y = f(() => !t.step || t.step <= 0 ? 30 : Math.min(Math.max(Math.round(t.step), 1), 1440)), z = f(() => {
       const x = [], W = y.value, h = $.value, P = l.value;
@@ -4448,9 +4468,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const x = ["vf-timepicker", `vf-timepicker_${t.variant}`, r.value ? "vf-timepicker_open" : ""];
       return t.size !== "normal" && x.push(`vf-timepicker_${t.size}`), t.disabled && x.push("vf-timepicker_disabled"), x.filter(Boolean);
     }), g = (x) => e("focus", x), w = (x) => e("blur", x), L = () => {
-      t.disabled || t.readonly || (r.value = !0, u.value = "bottom", v.value = "bottom");
+      t.disabled || t.readonly || (r.value = !0, d.value = "bottom", v.value = "bottom");
     }, R = () => {
-      r.value = !1, u.value = "bottom", v.value = "bottom";
+      r.value = !1, d.value = "bottom", v.value = "bottom";
     }, I = () => {
       if (r.value) {
         R();
@@ -4459,7 +4479,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       L();
     }, O = async () => {
       var x, W;
-      r.value || (L(), await $e()), (W = (x = d.value) == null ? void 0 : x.querySelector(".vf-timepicker__option:not(.is-disabled)")) == null || W.focus();
+      r.value || (L(), await $e()), (W = (x = u.value) == null ? void 0 : x.querySelector(".vf-timepicker__option:not(.is-disabled)")) == null || W.focus();
     }, E = (x) => {
       if (t.readonly)
         return;
@@ -4470,21 +4490,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !i.value)
         return;
       const W = x.target;
-      i.value.contains(W) || (h = d.value) != null && h.contains(W) || R();
+      i.value.contains(W) || (h = u.value) != null && h.contains(W) || R();
     }, D = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const x = s.value, W = d.value, h = async () => {
+      const x = s.value, W = u.value, h = async () => {
         const {
           x: V,
           y: Y,
           placement: ae
         } = await Me(x, W, {
-          placement: u.value,
+          placement: d.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = ae ?? u.value;
+        v.value = ae ?? d.value;
         const se = x.getBoundingClientRect().width;
         W.style.minWidth = `${se}px`, W.style.width = `${se}px`, W.style.left = `${V}px`, W.style.top = `${Y}px`;
       }, P = async () => {
@@ -4501,9 +4521,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, m.update();
     }, M = () => {
-      if (!d.value || _.value === null)
+      if (!u.value || _.value === null)
         return;
-      const x = d.value.querySelector(`[data-time="${F(_.value)}"]`);
+      const x = u.value.querySelector(`[data-time="${F(_.value)}"]`);
       !x || typeof x.scrollIntoView != "function" || x.scrollIntoView({ block: "nearest" });
     };
     ve(r, async (x) => {
@@ -4580,7 +4600,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: p,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-timepicker__panel",
           role: "listbox",
           "data-placement": v.value
@@ -4629,7 +4649,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 = 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);
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(!1), d = 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)
@@ -4702,9 +4722,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       );
       l.value = ue ? ue.minutes : null;
     }, F = () => {
-      t.disabled || t.readonly || (M(), $.value || ($.value = se(/* @__PURE__ */ new Date()), m.value = U($.value)), S($.value), r.value = !0, u.value = "bottom", v.value = "bottom");
+      t.disabled || t.readonly || (M(), $.value || ($.value = se(/* @__PURE__ */ new Date()), m.value = U($.value)), S($.value), r.value = !0, d.value = "bottom", v.value = "bottom");
     }, H = () => {
-      r.value = !1, u.value = "bottom", v.value = "bottom";
+      r.value = !1, d.value = "bottom", v.value = "bottom";
     }, Z = () => {
       if (r.value) {
         H();
@@ -4724,21 +4744,21 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !i.value)
         return;
       const ue = J.target;
-      i.value.contains(ue) || (ce = d.value) != null && ce.contains(ue) || H();
+      i.value.contains(ue) || (ce = u.value) != null && ce.contains(ue) || H();
     }, A = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const J = s.value, ue = d.value, ce = async () => {
+      const J = s.value, ue = u.value, ce = async () => {
         const {
           x: Ue,
           y: Lt,
           placement: Vt
         } = await Me(J, ue, {
-          placement: u.value,
+          placement: d.value,
           strategy: "fixed",
           middleware: [Ie(2), Te({ placements: ["bottom", "top"] })]
         });
-        v.value = Vt ?? u.value;
+        v.value = Vt ?? d.value;
         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 () => {
@@ -4884,7 +4904,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: p,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-datetimepicker__panel",
           role: "dialog",
           "data-placement": v.value,
@@ -4966,10 +4986,10 @@ 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 = 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, {
+    const a = o, e = n, t = G(y(_(e.modelValue) ?? /* @__PURE__ */ new Date())), i = f(() => _(e.modelValue)), s = f(() => _(e.min)), u = f(() => _(e.max)), r = f(() => t.value.toLocaleDateString(e.locale, {
       year: "numeric",
       month: "long"
-    })), u = f(() => {
+    })), d = f(() => {
       const R = new Intl.DateTimeFormat(e.locale, { weekday: "short" }), I = new Date(2026, 0, 4);
       return Array.from({ length: 7 }, (O, E) => {
         const T = (E + e.firstDayOfWeek) % 7, D = new Date(I);
@@ -4985,7 +5005,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           date: D,
           day: D.getDate(),
           inCurrentMonth: D.getMonth() === t.value.getMonth(),
-          isDisabled: L(D, s.value, d.value),
+          isDisabled: L(D, s.value, u.value),
           isSelected: I === M,
           isToday: M === O
         };
@@ -4998,7 +5018,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, $ = () => {
       t.value = z(t.value, 1);
     }, l = (R) => {
-      if (e.disabled || e.readonly || L(R, s.value, d.value))
+      if (e.disabled || e.readonly || L(R, s.value, u.value))
         return;
       const I = w(R);
       a("update:modelValue", I), a("change", I);
@@ -5065,7 +5085,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, " › ", 8, jr)
       ]),
       B("div", Yr, [
-        (c(!0), b(fe, null, he(u.value, (O) => (c(), b("span", {
+        (c(!0), b(fe, null, he(d.value, (O) => (c(), b("span", {
           key: O,
           class: "vf-calendar__weekday"
         }, j(O), 1))), 128))
@@ -5116,8 +5136,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return Math.max(1, Math.floor(a.totalPages));
       const l = Math.max(1, Math.floor(a.pageSize));
       return Math.max(1, Math.ceil(Math.max(0, a.totalItems) / l));
-    }), d = f(() => t(Math.floor(a.modelValue), 1, s.value)), r = f(() => d.value <= 1), u = f(() => d.value >= s.value), v = f(() => a.disabled || s.value <= 1), p = f(() => {
-      const l = s.value, _ = d.value, k = Math.max(0, Math.floor(a.siblingCount)), y = Math.max(0, Math.floor(a.boundaryCount)), z = k * 2 + y * 2 + 3, C = [];
+    }), u = f(() => t(Math.floor(a.modelValue), 1, s.value)), r = f(() => u.value <= 1), d = f(() => u.value >= s.value), v = f(() => a.disabled || s.value <= 1), p = f(() => {
+      const l = s.value, _ = u.value, k = Math.max(0, Math.floor(a.siblingCount)), y = Math.max(0, Math.floor(a.boundaryCount)), z = k * 2 + y * 2 + 3, C = [];
       if (l <= z)
         return i(1, l).map((I) => ({ key: `page-${I}`, type: "page", page: I }));
       const g = i(1, y), w = i(l - y + 1, l), L = Math.max(Math.min(_ - k, l - y - k * 2 - 1), y + 2), R = Math.min(Math.max(_ + k, y + k * 2 + 2), l - y - 1);
@@ -5148,17 +5168,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         type: "button",
         disabled: v.value || r.value,
         "aria-label": "Previous page",
-        onClick: _[0] || (_[0] = (k) => $(d.value - 1, k))
+        onClick: _[0] || (_[0] = (k) => $(u.value - 1, k))
       }, j(l.prevLabel), 9, Ur),
       (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,
+          "is-current": k.type === "page" && k.page === u.value,
           "is-ellipsis": k.type === "ellipsis"
         }]),
         type: "button",
         disabled: v.value || k.type === "ellipsis",
-        "aria-current": k.type === "page" && k.page === d.value ? "page" : void 0,
+        "aria-current": k.type === "page" && k.page === u.value ? "page" : void 0,
         "aria-label": k.type === "page" ? `Page ${k.page}` : void 0,
         onClick: (y) => k.type === "page" && $(k.page, y)
       }, [
@@ -5171,9 +5191,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       B("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
-        disabled: v.value || u.value,
+        disabled: v.value || d.value,
         "aria-label": "Next page",
-        onClick: _[1] || (_[1] = (k) => $(d.value + 1, k))
+        onClick: _[1] || (_[1] = (k) => $(u.value + 1, k))
       }, j(l.nextLabel), 9, Zr)
     ], 2));
   }
@@ -5194,10 +5214,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const s = ["vf-checkbox", `vf-checkbox_${e.variant}`];
       return e.disabled && s.push("vf-checkbox_disabled"), s;
     }), i = (s) => {
-      const d = s.target;
-      a("update:modelValue", d.checked), a("change", s);
+      const u = s.target;
+      a("update:modelValue", u.checked), a("change", s);
     };
-    return (s, d) => (c(), b("label", {
+    return (s, u) => (c(), b("label", {
       class: ee(t.value)
     }, [
       B("input", {
@@ -5207,7 +5227,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         disabled: s.disabled,
         onChange: i
       }, null, 40, Jr),
-      d[0] || (d[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
+      u[0] || (u[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
       s.label || s.$slots.default ? (c(), b("span", el, [
         q(s.$slots, "default", {}, () => [
           me(j(s.label), 1)
@@ -5229,10 +5249,10 @@ 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 = f(() => {
-      const d = ["vf-radio-group"];
-      return e.direction === "horizontal" && d.push("vf-radio-group_horizontal"), d;
-    }), i = (d, r) => {
-      a("update:modelValue", d), a("change", d, r);
+      const u = ["vf-radio-group"];
+      return e.direction === "horizontal" && u.push("vf-radio-group_horizontal"), u;
+    }), i = (u, r) => {
+      a("update:modelValue", u), a("change", u, r);
     }, s = {
       name: f(() => e.name),
       modelValue: f(() => e.modelValue),
@@ -5240,14 +5260,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       variant: f(() => e.variant),
       onChange: i
     };
-    return Qe(wt, s), (d, r) => (c(), b("div", {
+    return Qe(wt, s), (u, r) => (c(), b("div", {
       class: ee(t.value),
       role: "radiogroup",
-      "aria-disabled": d.disabled || void 0,
-      "aria-label": d.ariaLabel || void 0,
-      "aria-labelledby": d.ariaLabelledby || void 0
+      "aria-disabled": u.disabled || void 0,
+      "aria-label": u.ariaLabel || void 0,
+      "aria-labelledby": u.ariaLabelledby || void 0
     }, [
-      q(d.$slots, "default")
+      q(u.$slots, "default")
     ], 10, tl));
   }
 }), al = ["name", "value", "checked", "disabled"], ol = {
@@ -5265,8 +5285,8 @@ 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 = qe(wt, null), i = f(() => t ? t.modelValue.value : e.modelValue), s = f(() => t ? t.name.value : e.name), d = f(() => t ? t.variant.value : e.variant), r = f(() => (t ? t.disabled.value : !1) || e.disabled), u = f(() => i.value === e.value), v = f(() => {
-      const m = ["vf-radio", `vf-radio_${d.value}`];
+    const a = o, e = n, t = qe(wt, null), i = f(() => t ? t.modelValue.value : e.modelValue), s = f(() => t ? t.name.value : e.name), u = f(() => t ? t.variant.value : e.variant), r = f(() => (t ? t.disabled.value : !1) || e.disabled), d = f(() => i.value === e.value), v = f(() => {
+      const m = ["vf-radio", `vf-radio_${u.value}`];
       return r.value && m.push("vf-radio_disabled"), m;
     }), p = (m) => {
       r.value || (t ? t.onChange(e.value, m) : a("update:modelValue", e.value), a("change", e.value, m));
@@ -5279,7 +5299,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         type: "radio",
         name: s.value,
         value: m.value,
-        checked: u.value,
+        checked: d.value,
         disabled: r.value,
         onChange: p
       }, null, 40, al),
@@ -5308,10 +5328,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     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(() => {
+    }))), s = f(() => i.value.reduce((l, _, k) => (_.disabled || l.push(k), l), [])), u = f(() => {
       const l = ["vf-segmented-control", `vf-segmented-control_${e.variant}`];
       return e.fullWidth && l.push("vf-segmented-control_full-width"), e.size !== "normal" && l.push(`vf-segmented-control_${e.size}`), e.disabled && l.push("vf-segmented-control_disabled"), l;
-    }), r = (l) => e.modelValue === l, u = (l) => a("focus", l), v = (l) => a("blur", l), p = (l, _) => {
+    }), r = (l) => e.modelValue === l, d = (l) => a("focus", l), v = (l) => a("blur", l), p = (l, _) => {
       if (e.disabled)
         return;
       const k = i.value.find((y) => y.value === l);
@@ -5332,7 +5352,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       L == null || L.focus(), w && p(w.value, _);
     };
     return (l, _) => (c(), b("div", {
-      class: ee(d.value),
+      class: ee(u.value),
       role: "radiogroup",
       "aria-label": l.ariaLabel || void 0,
       "aria-labelledby": l.ariaLabelledby || void 0
@@ -5348,7 +5368,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         disabled: l.disabled || k.disabled,
         onClick: (z) => p(k.value, z),
         onKeydown: (z) => $(y, z),
-        onFocus: u,
+        onFocus: d,
         onBlur: v
       }, j(k.label), 43, ll))), 128))
     ], 10, rl));
@@ -5365,10 +5385,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = ++a, s = (l) => String(l).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), d = f(() => {
+    const e = o, t = n, i = ++a, s = (l) => String(l).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), u = f(() => {
       const l = ["vf-tabs"];
       return t.orientation === "vertical" && l.push("vf-tabs_vertical"), t.disabled && l.push("vf-tabs_disabled"), l;
-    }), r = G(null), u = () => r.value ? Array.from(r.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], v = (l) => {
+    }), r = G(null), d = () => r.value ? Array.from(r.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], v = (l) => {
       l && (l.focus(), l.click());
     }, p = (l) => {
       if (t.disabled)
@@ -5376,7 +5396,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const _ = t.orientation === "horizontal", k = l.key, y = _ ? ["ArrowRight"] : ["ArrowDown"], z = _ ? ["ArrowLeft"] : ["ArrowUp"];
       if (![...y, ...z, "Home", "End"].includes(k))
         return;
-      const C = u();
+      const C = d();
       if (!C.length)
         return;
       const g = C.findIndex((I) => I.getAttribute("aria-selected") === "true"), w = C.findIndex((I) => I === document.activeElement), L = w >= 0 ? w : Math.max(g, 0);
@@ -5393,7 +5413,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       getPanelId: (l) => `vf-tabpanel-${i}-${s(l)}`
     };
     return Qe(ut, $), (l, _) => (c(), b("div", {
-      class: ee(d.value)
+      class: ee(u.value)
     }, [
       B("div", {
         ref_key: "list",
@@ -5421,18 +5441,18 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["change"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = qe(ut, null), i = f(() => (t == null ? void 0 : t.activeValue.value) === e.value), s = f(() => ((t == null ? void 0 : t.disabled.value) ?? !1) || e.disabled), d = f(() => t ? t.getTabId(e.value) : void 0), r = f(() => t ? t.getPanelId(e.value) : void 0), u = f(() => s.value ? -1 : i.value ? 0 : -1), v = (p) => {
+    const a = o, e = n, t = qe(ut, null), i = f(() => (t == null ? void 0 : t.activeValue.value) === e.value), s = f(() => ((t == null ? void 0 : t.disabled.value) ?? !1) || e.disabled), u = f(() => t ? t.getTabId(e.value) : void 0), r = f(() => t ? t.getPanelId(e.value) : void 0), d = f(() => s.value ? -1 : i.value ? 0 : -1), v = (p) => {
       !t || s.value || (t.onChange(e.value, p), a("change", e.value, p));
     };
     return (p, m) => (c(), b("button", {
-      id: d.value,
+      id: u.value,
       class: ee(["vf-tab", { "vf-tab_active": i.value, "vf-tab_disabled": s.value }]),
       type: "button",
       role: "tab",
       "aria-selected": i.value,
       "aria-controls": r.value,
       disabled: s.value,
-      tabindex: u.value,
+      tabindex: d.value,
       onClick: v
     }, [
       q(p.$slots, "default", {}, () => [
@@ -5447,7 +5467,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   setup(n) {
     const o = n, a = qe(ut, null), e = f(() => (a == null ? void 0 : a.activeValue.value) === o.value), t = f(() => a ? a.getTabId(o.value) : void 0), i = f(() => a ? a.getPanelId(o.value) : void 0);
-    return (s, d) => ze((c(), b("div", {
+    return (s, u) => ze((c(), b("div", {
       id: i.value,
       class: "vf-tab-panel",
       role: "tabpanel",
@@ -5473,10 +5493,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "change"],
   setup(n, { emit: o }) {
     let a = 0;
-    const e = o, t = n, i = ++a, s = (p) => String(p).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), d = f(() => {
+    const e = o, t = n, i = ++a, s = (p) => String(p).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), u = f(() => {
       const p = ["vf-accordion", `vf-accordion_${t.variant}`];
       return t.size !== "normal" && p.push(`vf-accordion_${t.size}`), t.disabled && p.push("vf-accordion_disabled"), p;
-    }), r = (p) => Array.isArray(p) ? p : p == null ? [] : [p], u = (p, m) => {
+    }), r = (p) => Array.isArray(p) ? p : p == null ? [] : [p], d = (p, m) => {
       if (t.disabled)
         return;
       if (t.multiple) {
@@ -5492,12 +5512,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       disabled: f(() => t.disabled),
       variant: f(() => t.variant),
       size: f(() => t.size),
-      onToggle: u,
+      onToggle: d,
       getHeaderId: (p) => `vf-accordion-header-${i}-${s(p)}`,
       getPanelId: (p) => `vf-accordion-panel-${i}-${s(p)}`
     };
     return Qe($t, v), (p, m) => (c(), b("div", {
-      class: ee(d.value),
+      class: ee(u.value),
       "aria-label": p.ariaLabel || void 0,
       "aria-labelledby": p.ariaLabelledby || void 0
     }, [
@@ -5518,10 +5538,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return !1;
       const v = a.modelValue.value;
       return Array.isArray(v) ? v.includes(o.value) : v === o.value;
-    }), t = f(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), i = f(() => a ? a.getHeaderId(o.value) : void 0), s = f(() => a ? a.getPanelId(o.value) : void 0), d = f(() => o.unmount ? e.value : !0), r = f(() => {
+    }), t = f(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), i = f(() => a ? a.getHeaderId(o.value) : void 0), s = f(() => a ? a.getPanelId(o.value) : void 0), u = f(() => o.unmount ? e.value : !0), r = f(() => {
       const v = ["vf-accordion-item"];
       return e.value && v.push("vf-accordion-item_open"), t.value && v.push("vf-accordion-item_disabled"), v;
-    }), u = (v) => {
+    }), d = (v) => {
       !a || t.value || a.onToggle(o.value, v);
     };
     return (v, p) => (c(), b("div", {
@@ -5534,7 +5554,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         disabled: t.value,
         "aria-expanded": e.value,
         "aria-controls": s.value,
-        onClick: u
+        onClick: d
       }, [
         B("span", vl, [
           q(v.$slots, "title", {}, () => [
@@ -5546,7 +5566,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           "aria-hidden": "true"
         }, null, -1))
       ], 8, cl),
-      d.value ? (c(), b("div", {
+      u.value ? (c(), b("div", {
         key: 0,
         id: s.value,
         class: ee(["vf-accordion__panel", { "vf-accordion__panel_open": e.value }]),
@@ -5586,7 +5606,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       i(), !(!e.modelValue || e.duration <= 0) && (t = window.setTimeout(() => {
         a("update:modelValue", !1), a("close");
       }, e.duration));
-    }, d = () => {
+    }, u = () => {
       i(), a("update:modelValue", !1), a("close");
     };
     return ve(
@@ -5597,7 +5617,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       { immediate: !0 }
     ), we(() => {
       i();
-    }), (r, u) => ze((c(), b("div", {
+    }), (r, d) => ze((c(), b("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
@@ -5615,10 +5635,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         key: 0,
         class: "vf-toast__close",
         type: "button",
-        onClick: d
+        onClick: u
       }, [
         q(r.$slots, "close", {}, () => [
-          u[0] || (u[0] = me("×"))
+          d[0] || (d[0] = me("×"))
         ])
       ])) : Q("", !0)
     ], 8, ml)), [
@@ -5675,10 +5695,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       },
       { immediate: !0 }
     );
-    const d = () => {
+    const u = () => {
       i.value ? a("update:modelValue", !1) : t.value = !1, a("close");
     };
-    return (r, u) => ze((c(), b("div", {
+    return (r, d) => ze((c(), b("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": r.severity
@@ -5708,10 +5728,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-alert__close",
         type: "button",
         "aria-label": "Close",
-        onClick: d
+        onClick: u
       }, [
         q(r.$slots, "close", {}, () => [
-          u[0] || (u[0] = me("×"))
+          d[0] || (d[0] = me("×"))
         ])
       ])) : Q("", !0)
     ], 8, yl)), [
@@ -5788,10 +5808,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const s = ["vf-switch"];
       return e.disabled && s.push("vf-switch_disabled"), s;
     }), i = (s) => {
-      const d = s.target;
-      a("update:modelValue", d.checked), a("change", s);
+      const u = s.target;
+      a("update:modelValue", u.checked), a("change", s);
     };
-    return (s, d) => (c(), b("label", {
+    return (s, u) => (c(), b("label", {
       class: ee(t.value)
     }, [
       B("input", {
@@ -5801,7 +5821,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         disabled: s.disabled,
         onChange: i
       }, null, 40, Vl),
-      d[0] || (d[0] = B("span", { class: "vf-switch__track" }, [
+      u[0] || (u[0] = B("span", { class: "vf-switch__track" }, [
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
       s.label || s.$slots.default ? (c(), b("span", Fl, [
@@ -5817,10 +5837,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n, { expose: o, emit: a }) {
     const e = a, t = Dt({ visible: !1 });
     let i = 0;
-    const s = `vf-popover-panel-${++i}`, d = () => t.visible = !0, r = () => t.visible = !1, u = () => t.visible = !t.visible, v = () => {
-      u(), e("click"), e("onClick");
+    const s = `vf-popover-panel-${++i}`, u = () => t.visible = !0, r = () => t.visible = !1, d = () => t.visible = !t.visible, v = () => {
+      d(), e("click"), e("onClick");
     };
-    return o({ show: d, hide: r, toggle: u }), (p, m) => (c(), b("div", Tl, [
+    return o({ show: u, hide: r, toggle: d }), (p, m) => (c(), b("div", Tl, [
       B("div", {
         class: "vf-popover__button",
         role: "button",
@@ -5905,8 +5925,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "open", "close"],
   setup(n, { expose: o, emit: a }) {
     const e = a, t = n;
-    let i = 0, s = 0, d = "", r = null;
-    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(() => {
+    let i = 0, s = 0, u = "", r = null;
+    const d = 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,17 +5935,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       t.closeOnOverlay && z();
     }, g = (E) => {
       !t.modelValue || !t.closeOnEsc || E.key === "Escape" && (E.preventDefault(), z());
-    }, w = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((T) => !T.hasAttribute("disabled") && !T.getAttribute("aria-hidden")) : [], L = () => {
+    }, w = () => d.value ? Array.from(d.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((T) => !T.hasAttribute("disabled") && !T.getAttribute("aria-hidden")) : [], L = () => {
       var T;
       const E = w();
-      E.length ? E[0].focus() : (T = u.value) == null || T.focus();
+      E.length ? E[0].focus() : (T = d.value) == null || T.focus();
     }, R = (E) => {
       var F;
       if (E.key !== "Tab")
         return;
       const T = w();
       if (!T.length) {
-        E.preventDefault(), (F = u.value) == null || F.focus();
+        E.preventDefault(), (F = d.value) == null || F.focus();
         return;
       }
       const D = T[0], M = T[T.length - 1], S = document.activeElement;
@@ -5935,9 +5955,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       !E.shiftKey && S === M && (E.preventDefault(), D.focus());
     }, I = () => {
-      !t.lockScroll || typeof document > "u" || (s === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
+      !t.lockScroll || typeof document > "u" || (s === 0 && (u = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
     }, O = () => {
-      !t.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = d));
+      !t.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = u));
     };
     return ve(
       () => t.modelValue,
@@ -5958,7 +5978,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }),
         B("div", {
           ref_key: "panel",
-          ref: u,
+          ref: d,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
@@ -6024,7 +6044,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 = G(null), s = G(null), d = () => {
+    const e = n, t = a, i = G(null), s = G(null), u = () => {
       if (i.value) {
         i.value.close();
         return;
@@ -6032,16 +6052,16 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       t("update:modelValue", !1), t("close");
     }, r = (m) => {
       t("update:modelValue", m);
-    }, u = () => {
+    }, d = () => {
       if (t("close"), s.value === "confirm") {
         s.value = null;
         return;
       }
       s.value = null, t("cancel");
     }, v = () => {
-      s.value = "cancel", d();
+      s.value = "cancel", u();
     }, p = () => {
-      e.loading || (t("confirm"), e.closeOnConfirm && (s.value = "confirm", d()));
+      e.loading || (t("confirm"), e.closeOnConfirm && (s.value = "confirm", u()));
     };
     return o({
       open: () => {
@@ -6049,7 +6069,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return (m = i.value) == null ? void 0 : m.open();
       },
       close: () => {
-        s.value = "cancel", d();
+        s.value = "cancel", u();
       }
     }), (m, $) => (c(), be(El, {
       ref_key: "modal",
@@ -6064,7 +6084,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "lock-scroll": m.lockScroll,
       "onUpdate:modelValue": r,
       onOpen: $[0] || ($[0] = (l) => t("open")),
-      onClose: u
+      onClose: d
     }, {
       body: Ce(() => [
         B("div", Ol, [
@@ -6125,8 +6145,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   emits: ["update:modelValue", "open", "close"],
   setup(n, { expose: o, emit: a }) {
     const e = a, t = n;
-    let i = 0, s = 0, d = "", r = null;
-    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(() => {
+    let i = 0, s = 0, u = "", r = null;
+    const d = 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,17 +6170,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       t.overlay && t.closeOnOverlay && C();
     }, w = (T) => {
       !t.modelValue || !t.closeOnEsc || T.key === "Escape" && (T.preventDefault(), C());
-    }, L = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((D) => !D.hasAttribute("disabled") && !D.getAttribute("aria-hidden")) : [], R = () => {
+    }, L = () => d.value ? Array.from(d.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((D) => !D.hasAttribute("disabled") && !D.getAttribute("aria-hidden")) : [], R = () => {
       var D;
       const T = L();
-      T.length ? T[0].focus() : (D = u.value) == null || D.focus();
+      T.length ? T[0].focus() : (D = d.value) == null || D.focus();
     }, I = (T) => {
       var H;
       if (T.key !== "Tab")
         return;
       const D = L();
       if (!D.length) {
-        T.preventDefault(), (H = u.value) == null || H.focus();
+        T.preventDefault(), (H = d.value) == null || H.focus();
         return;
       }
       const M = D[0], S = D[D.length - 1], F = document.activeElement;
@@ -6170,9 +6190,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       !T.shiftKey && F === S && (T.preventDefault(), M.focus());
     }, O = () => {
-      !t.lockScroll || typeof document > "u" || (s === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
+      !t.lockScroll || typeof document > "u" || (s === 0 && (u = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
     }, E = () => {
-      !t.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = d));
+      !t.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = u));
     };
     return ve(
       () => t.modelValue,
@@ -6200,7 +6220,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             })) : Q("", !0),
             B("div", {
               ref_key: "panel",
-              ref: u,
+              ref: d,
               class: "vf-drawer__panel",
               role: "dialog",
               "aria-modal": "true",
@@ -6267,16 +6287,16 @@ 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 = G(null), d = G(null), r = G(null), u = G(!1), v = G(t.placement), p = G(t.placement), m = `vf-dropdown-panel-${++i}`;
+    const s = G(null), u = G(null), r = G(null), d = 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));
+      t.disabled || (e("update:modelValue", O), l.value || (d.value = O));
     }, k = () => {
       v.value = t.placement, p.value = t.placement, _(!0);
     }, y = () => {
       _(!1);
     }, z = () => {
-      u.value ? y() : k();
+      d.value ? y() : k();
     }, C = () => {
       t.disabled || z();
     }, g = (O) => {
@@ -6286,12 +6306,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       E && (E.closest(".vf-menu__parent") || (E.closest(".vf-menu__link") || E.closest("[data-dropdown-close]")) && y());
     }, w = (O) => {
       var T;
-      if (!u.value || !s.value)
+      if (!d.value || !s.value)
         return;
       const E = O.target;
       s.value.contains(E) || (T = r.value) != null && T.contains(E) || y();
     }, L = (O) => {
-      !u.value || !t.closeOnEsc || O.key === "Escape" && (O.preventDefault(), y());
+      !d.value || !t.closeOnEsc || O.key === "Escape" && (O.preventDefault(), y());
     }, R = (O) => {
       switch (O) {
         case "bottom-start":
@@ -6309,9 +6329,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           return ["top"];
       }
     }, I = () => {
-      if (!d.value || !r.value)
+      if (!u.value || !r.value)
         return;
-      const O = d.value, E = r.value, T = async () => {
+      const O = u.value, E = r.value, T = async () => {
         const {
           x: F,
           y: H,
@@ -6339,7 +6359,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     return ve(
       () => t.modelValue,
       (O) => {
-        l.value && (u.value = !!O);
+        l.value && (d.value = !!O);
       },
       { immediate: !0 }
     ), ve(
@@ -6347,7 +6367,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       (O) => {
         v.value = O, p.value = O;
       }
-    ), ve(u, async (O) => {
+    ), ve(d, async (O) => {
       if (e(O ? "open" : "close"), !O) {
         $ && ($.destroy(), $ = null);
         return;
@@ -6364,11 +6384,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, [
       B("div", {
         ref_key: "trigger",
-        ref: d,
+        ref: u,
         class: "vf-dropdown__trigger",
         role: "button",
         tabindex: "0",
-        "aria-expanded": u.value,
+        "aria-expanded": d.value,
         "aria-controls": m,
         "aria-disabled": O.disabled ? "true" : "false",
         onClick: C,
@@ -6396,7 +6416,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             }, null, 8, ["items"])) : Q("", !0)
           ])
         ], 8, jl), [
-          [Se, u.value]
+          [Se, d.value]
         ])
       ]))
     ], 2));
@@ -6424,9 +6444,9 @@ 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 = 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 e = n, t = a, i = qe(dt, null), s = G(null), u = f(() => e.size ?? (i == null ? void 0 : i.value.size) ?? "normal"), r = f(() => e.variant ?? (i == null ? void 0 : i.value.variant)), d = 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;
+      return (v.value || e.loading) && l.push("vf-splitbutton_disabled"), (u.value === "small" || u.value === "large") && l.push(`vf-splitbutton_${u.value}`), l;
     }), m = (l) => {
       var _;
       if (v.value || e.loading) {
@@ -6459,9 +6479,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         label: l.label,
         icon: l.icon,
         type: l.type,
-        size: d.value,
+        size: u.value,
         variant: r.value,
-        severity: u.value,
+        severity: d.value,
         loading: l.loading,
         disabled: v.value,
         onClick: m
@@ -6476,9 +6496,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         label: l.label,
         icon: l.icon,
         type: l.type,
-        size: d.value,
+        size: u.value,
         variant: r.value,
-        severity: u.value,
+        severity: d.value,
         loading: l.loading,
         disabled: v.value,
         onClick: m
@@ -6504,9 +6524,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           Ge(Ze, {
             class: "vf-splitbutton__toggle",
             icon: "chevronDown",
-            size: d.value,
+            size: u.value,
             variant: r.value,
-            severity: u.value,
+            severity: d.value,
             disabled: v.value || l.loading,
             "aria-label": l.toggleAriaLabel
           }, null, 8, ["size", "variant", "severity", "disabled", "aria-label"])
@@ -6538,7 +6558,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 = 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), $ = () => {
+    const s = G(null), u = G(null), r = G(!1), d = 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();
@@ -6549,11 +6569,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, l = (I) => {
       t.disabled || (e("update:modelValue", I), m.value || (r.value = I));
     }, _ = () => {
-      if (!d.value)
+      if (!u.value)
         return;
-      const O = d.value.getBoundingClientRect(), E = window.innerWidth, T = window.innerHeight, D = 8;
+      const O = u.value.getBoundingClientRect(), E = window.innerWidth, T = window.innerHeight, D = 8;
       let M = p.value.x + t.offset, S = p.value.y + t.offset;
-      M + O.width > E - D && (M = Math.max(D, E - O.width - D)), S + O.height > T - D && (S = Math.max(D, T - O.height - D)), u.value = {
+      M + O.width > E - D && (M = Math.max(D, E - O.width - D)), S + O.height > T - D && (S = Math.max(D, T - O.height - D)), d.value = {
         left: `${M}px`,
         top: `${S}px`,
         minWidth: "var(--vf-context-menu-min-width)"
@@ -6576,7 +6596,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!r.value || !s.value)
         return;
       const O = I.target;
-      s.value.contains(O) || (E = d.value) != null && E.contains(O) || y();
+      s.value.contains(O) || (E = u.value) != null && E.contains(O) || y();
     }, L = (I) => {
       !r.value || !t.closeOnEsc || I.key === "Escape" && (I.preventDefault(), y());
     }, R = () => {
@@ -6609,10 +6629,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: v,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-context-menu__panel",
           role: "menu",
-          style: ke(u.value),
+          style: ke(d.value),
           onClick: g
         }, [
           q(I.$slots, "menu", {}, () => [
@@ -6663,7 +6683,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 = 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 e = n, t = a, i = G(null), s = G(null), u = G(!1), r = G(""), d = G(-1), v = f(() => e.modelValue !== void 0), p = f(() => e.items.map((M, S) => {
       const F = M.group ?? "";
       return {
         ...M,
@@ -6689,15 +6709,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       await $e(), (M = s.value) == null || M.focus();
     }, k = () => {
       const M = l.value[0];
-      u.value = M ? M._index : -1;
+      d.value = M ? M._index : -1;
     }, y = (M) => {
-      t("update:modelValue", M), v.value || (d.value = M);
+      t("update:modelValue", M), v.value || (u.value = M);
     }, z = async () => {
       y(!0), r.value = "", k(), await _();
     }, C = () => {
       y(!1);
     }, g = async () => {
-      if (d.value) {
+      if (u.value) {
         C();
         return;
       }
@@ -6713,15 +6733,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       typeof M.command == "function" && M.command(), t("select", M, S), e.closeOnSelect && C();
     }, R = (M) => {
       if (!l.value.length) {
-        u.value = -1;
+        d.value = -1;
         return;
       }
-      const S = l.value.findIndex((Z) => Z._index === u.value), H = ((S >= 0 ? S : M > 0 ? -1 : 0) + M + l.value.length) % l.value.length;
-      u.value = l.value[H]._index;
+      const S = l.value.findIndex((Z) => Z._index === d.value), H = ((S >= 0 ? S : M > 0 ? -1 : 0) + M + l.value.length) % l.value.length;
+      d.value = l.value[H]._index;
     }, I = (M) => {
-      if (u.value < 0)
+      if (d.value < 0)
         return;
-      const S = m.value.find((F) => F._index === u.value);
+      const S = m.value.find((F) => F._index === d.value);
       S && L(S, M);
     }, O = (M) => {
       if (M.key === "ArrowDown") {
@@ -6750,10 +6770,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     return ve(
       () => e.modelValue,
       (M) => {
-        v.value && (d.value = !!M);
+        v.value && (u.value = !!M);
       },
       { immediate: !0 }
-    ), ve(d, async (M) => {
+    ), ve(u, async (M) => {
       if (M) {
         t("open"), r.value = "", k(), await _();
         return;
@@ -6762,7 +6782,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), ve(
       () => m.value,
       () => {
-        m.value.some((S) => S._index === u.value && !S.disabled) || k();
+        m.value.some((S) => S._index === d.value && !S.disabled) || k();
       },
       { deep: !0 }
     ), Ve(() => {
@@ -6805,12 +6825,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               (c(!0), b(fe, null, he(F.items, (H) => (c(), b("button", {
                 key: H._key,
                 class: ee(["vf-command-palette__item", {
-                  "is-active": H._index === u.value,
+                  "is-active": H._index === d.value,
                   "is-disabled": H.disabled
                 }]),
                 type: "button",
                 role: "option",
-                "aria-selected": H._index === u.value,
+                "aria-selected": H._index === d.value,
                 disabled: H.disabled,
                 onClick: (Z) => L(H, Z)
               }, [
@@ -6824,7 +6844,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           ])
         ], 40, Xl)
       ], 512), [
-        [Se, d.value]
+        [Se, u.value]
       ])
     ]));
   }
@@ -6866,7 +6886,7 @@ 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 = G(null), i = G([]), 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), u = f(() => s.value > 0), r = (z) => z.map((C) => ({
       ...C,
       read: !!C.read
     }));
@@ -6877,7 +6897,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       },
       { deep: !0, immediate: !0 }
     );
-    const u = () => {
+    const d = () => {
       a(
         "update:items",
         i.value.map((z) => ({ ...z }))
@@ -6909,17 +6929,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ...w,
         read: !w.read
       }), g = C.find((w) => w.id === z);
-      i.value = C, u(), g && a("read", g, g.read);
+      i.value = C, d(), g && a("read", g, g.read);
     }, k = () => {
-      d.value && (i.value = i.value.map((z) => ({
+      u.value && (i.value = i.value.map((z) => ({
         ...z,
         read: !0
-      })), u(), a("readAll", i.value));
+      })), d(), a("readAll", i.value));
     }, y = () => {
       if (!i.value.length)
         return;
       const z = i.value.map((C) => ({ ...C }));
-      i.value = [], u(), a("clear", z);
+      i.value = [], d(), a("clear", z);
     };
     return (z, C) => (c(), be(Le, { to: "body" }, [
       ze(B("div", sn, [
@@ -6945,7 +6965,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               B("button", {
                 type: "button",
                 class: "vf-notification-center__action",
-                disabled: !d.value,
+                disabled: !u.value,
                 onClick: k
               }, j(z.markAllLabel), 9, mn),
               B("button", {
@@ -7026,22 +7046,22 @@ 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 = G(!!e.modelValue), d = G(!1), r = G(!1), u = f(() => ({
+    const a = o, e = n, t = Xe(), i = f(() => !!t.footer), s = G(!!e.modelValue), u = G(!1), r = G(!1), d = f(() => ({
       "--vf-app-shell-sidebar-width-prop": e.sidebarWidth,
       "--vf-app-shell-sidebar-collapsed-width-prop": e.sidebarCollapsedWidth
     })), v = () => {
       if (typeof window > "u")
         return;
       const _ = window.innerWidth < e.mobileBreakpoint;
-      _ !== d.value && (d.value = _, a("breakpoint-change", _)), _ || (r.value = !1);
+      _ !== u.value && (u.value = _, a("breakpoint-change", _)), _ || (r.value = !1);
     }, p = () => {
       a("sidebar-toggle", {
-        mobile: d.value,
+        mobile: u.value,
         collapsed: s.value,
-        open: d.value ? r.value : !s.value
+        open: u.value ? r.value : !s.value
       });
     }, m = () => {
-      if (d.value) {
+      if (u.value) {
         r.value = !r.value, p();
         return;
       }
@@ -7060,24 +7080,24 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       typeof window < "u" && (window.removeEventListener("resize", v, !1), window.removeEventListener("keydown", l, !1));
     }), (_, k) => (c(), b("div", {
       class: ee(["vf-app-shell", {
-        "vf-app-shell_collapsed": !d.value && s.value,
-        "vf-app-shell_mobile": d.value,
-        "vf-app-shell_mobile-open": d.value && r.value,
+        "vf-app-shell_collapsed": !u.value && s.value,
+        "vf-app-shell_mobile": u.value,
+        "vf-app-shell_mobile-open": u.value && r.value,
         "vf-app-shell_sticky-header": _.stickyHeader,
         "vf-app-shell_full-height": _.fullHeight
       }]),
-      style: ke(u.value)
+      style: ke(d.value)
     }, [
       B("aside", {
         class: "vf-app-shell__sidebar",
-        "aria-hidden": d.value && !r.value ? "true" : "false"
+        "aria-hidden": u.value && !r.value ? "true" : "false"
       }, [
         q(_.$slots, "sidebar", {
-          mobile: d.value,
+          mobile: u.value,
           collapsed: s.value
         })
       ], 8, Ln),
-      d.value && r.value ? (c(), b("button", {
+      u.value && r.value ? (c(), b("button", {
         key: 0,
         type: "button",
         class: "vf-app-shell__overlay",
@@ -7094,7 +7114,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }, j(_.toggleIcon), 9, Tn)) : Q("", !0),
         B("div", In, [
           q(_.$slots, "header", {
-            mobile: d.value,
+            mobile: u.value,
             collapsed: s.value,
             mobileSidebarOpen: r.value,
             toggleSidebar: m
@@ -7109,7 +7129,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       ], 8, Dn),
       i.value ? (c(), b("footer", Mn, [
         q(_.$slots, "footer", {
-          mobile: d.value,
+          mobile: u.value,
           collapsed: s.value
         })
       ])) : Q("", !0)
@@ -7137,10 +7157,10 @@ 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 = G([]), i = G(null), s = G(null), d = f(() => e.columns ?? []), r = (y) => y.map((z) => ({
+    const a = o, e = n, t = G([]), i = G(null), s = G(null), u = 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) => {
+    })), d = (y) => t.value.filter((z) => String(z.columnId) === String(y)), v = (y, z, C) => {
       const g = [];
       return y.forEach((w, L) => {
         String(w.columnId) === String(z) && g.push(L);
@@ -7187,7 +7207,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, he(d.value, (C) => (c(), b("section", {
+        (c(!0), b(fe, null, he(u.value, (C) => (c(), b("section", {
           key: String(C.id),
           class: "vf-kanban-board__column",
           "data-column-id": String(C.id)
@@ -7195,10 +7215,10 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           B("header", On, [
             q(y.$slots, "column-header", {
               column: C,
-              items: u(C.id)
+              items: d(C.id)
             }, () => [
               B("h3", An, j(C.title), 1),
-              B("span", Hn, j(u(C.id).length), 1)
+              B("span", Hn, j(d(C.id).length), 1)
             ])
           ]),
           B("ul", {
@@ -7207,7 +7227,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, he(u(C.id), (g, w) => (c(), b("li", {
+            (c(!0), b(fe, null, he(d(C.id), (g, w) => (c(), b("li", {
               key: String(g.id),
               class: ee(["vf-kanban-board__item", {
                 "is-dragging": i.value === g.id,
@@ -7244,7 +7264,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                 ];
               })
             ], 42, Kn))), 128)),
-            u(C.id).length ? Q("", !0) : (c(), b("li", Xn, [
+            d(C.id).length ? Q("", !0) : (c(), b("li", Xn, [
               q(y.$slots, "empty-column", { column: C }, () => [
                 me(j(y.emptyColumnText), 1)
               ])
@@ -7253,7 +7273,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           B("footer", Un, [
             q(y.$slots, "column-footer", {
               column: C,
-              items: u(C.id)
+              items: d(C.id)
             })
           ])
         ], 8, En))), 128))
@@ -7275,9 +7295,9 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n) {
     const o = n;
     let a = 0;
-    const e = G(null), t = G(null), i = G(!1), s = G("top"), d = `vf-tooltip-${++a}`;
+    const e = G(null), t = G(null), i = G(!1), s = G("top"), u = `vf-tooltip-${++a}`;
     let r = null;
-    const u = () => {
+    const d = () => {
       o.disabled || (i.value = !0);
     }, v = () => {
       i.value = !1;
@@ -7328,17 +7348,17 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ref_key: "trigger",
         ref: e,
         class: "vf-tooltip__trigger",
-        "aria-describedby": d,
-        onMouseenter: u,
+        "aria-describedby": u,
+        onMouseenter: d,
         onMouseleave: v,
-        onFocus: u,
+        onFocus: d,
         onBlur: v
       }, [
         q($.$slots, "default")
       ], 544),
       (c(), be(Le, { to: "body" }, [
         ze(B("div", {
-          id: d,
+          id: u,
           ref_key: "panel",
           ref: t,
           class: "vf-tooltip",
@@ -7391,18 +7411,18 @@ 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 = G(null), i = G(0), s = G("bottom"), d = G({}), r = G(null);
-    let u = null;
+    const a = o, e = n, t = G(null), i = G(0), s = G("bottom"), u = G({}), r = G(null);
+    let d = null;
     const v = f(() => e.steps.length), p = f(() => {
       if (v.value)
         return e.steps[i.value];
     }), m = f(() => i.value <= 0), $ = f(() => i.value >= v.value - 1), l = f(() => !!r.value), _ = (D) => v.value ? Math.min(v.value - 1, Math.max(0, D)) : 0, k = (D) => !D || typeof document > "u" ? null : typeof D == "string" ? document.querySelector(D) : D, y = () => {
       if (!r.value) {
-        d.value = {};
+        u.value = {};
         return;
       }
       const D = r.value.getBoundingClientRect(), M = e.spotlightPadding;
-      d.value = {
+      u.value = {
         top: `${D.top - M}px`,
         left: `${D.left - M}px`,
         width: `${D.width + M * 2}px`,
@@ -7442,15 +7462,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }), W = () => {
         Z();
       };
-      document.addEventListener("scroll", W, !0), window.addEventListener("resize", W, !1), u = {
+      document.addEventListener("scroll", W, !0), window.addEventListener("resize", W, !1), d = {
         update: Z,
         destroy: () => {
           x(), document.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W, !1);
         }
-      }, u.update();
+      }, d.update();
     }, g = async () => {
       var D;
-      u == null || u.destroy(), u = null, r.value = k((D = p.value) == null ? void 0 : D.target), await $e(), C();
+      d == null || d.destroy(), d = null, r.value = k((D = p.value) == null ? void 0 : D.target), await $e(), C();
     }, w = (D) => {
       a("update:modelValue", !1), a("close", D);
     }, L = (D, M) => {
@@ -7474,7 +7494,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     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));
+        D ? (i.value = _(e.startIndex), a("open"), a("stepChange", i.value, p.value), await g(), document.addEventListener("keydown", T, !1)) : (d == null || d.destroy(), d = null, u.value = {}, r.value = null, document.removeEventListener("keydown", T, !1));
       },
       { immediate: !0 }
     ), ve(
@@ -7484,7 +7504,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       },
       { deep: !0 }
     ), we(() => {
-      u == null || u.destroy(), u = null, typeof document < "u" && document.removeEventListener("keydown", T, !1);
+      d == null || d.destroy(), d = null, typeof document < "u" && document.removeEventListener("keydown", T, !1);
     }), (D, M) => {
       var S, F;
       return c(), be(Le, { to: "body" }, [
@@ -7496,7 +7516,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           D.mask && l.value ? (c(), b("div", {
             key: 0,
             class: "vf-tour__spotlight",
-            style: ke(d.value)
+            style: ke(u.value)
           }, null, 4)) : Q("", !0),
           B("div", {
             ref_key: "panel",
@@ -7579,8 +7599,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       if (!(i == null || i === ""))
         return typeof i == "number" ? `${i}px` : i;
     }, e = f(() => {
-      const i = a(o.width), s = a(o.height), d = {};
-      return i && (d.width = i), s && (d.height = s), o.variant === "circle" && (!i && s && (d.width = s), !s && i && (d.height = i)), d;
+      const i = a(o.width), s = a(o.height), u = {};
+      return i && (u.width = i), s && (u.height = s), o.variant === "circle" && (!i && s && (u.width = s), !s && i && (u.height = i)), u;
     }), t = f(() => {
       const i = ["vf-skeleton", `vf-skeleton_${o.variant}`];
       return o.animated && i.push("vf-skeleton_animated"), i;
@@ -7616,7 +7636,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     ariaLabel: { default: "" }
   },
   setup(n) {
-    const o = n, a = Xe(), e = ($) => Math.min(100, Math.max(0, $)), t = f(() => o.value === void 0 || o.value === null || Number.isNaN(o.value)), i = f(() => t.value ? 0 : e(Number(o.value))), s = f(() => t.value ? void 0 : i.value), d = f(() => !!a.default), r = f(() => o.label ? o.label : o.showValue && !t.value ? `${Math.round(i.value)}%` : ""), u = f(() => {
+    const o = n, a = Xe(), e = ($) => Math.min(100, Math.max(0, $)), t = f(() => o.value === void 0 || o.value === null || Number.isNaN(o.value)), i = f(() => t.value ? 0 : e(Number(o.value))), s = f(() => t.value ? void 0 : i.value), u = f(() => !!a.default), r = f(() => o.label ? o.label : o.showValue && !t.value ? `${Math.round(i.value)}%` : ""), d = f(() => {
       const $ = ["vf-progress", `vf-progress_${o.variant}`, `vf-progress_size-${o.size}`];
       return t.value && $.push("vf-progress_indeterminate"), $;
     }), v = f(() => {
@@ -7635,7 +7655,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       };
     });
     return ($, l) => (c(), b("div", {
-      class: ee(u.value),
+      class: ee(d.value),
       role: "progressbar",
       "aria-label": $.ariaLabel || void 0,
       "aria-valuemin": "0",
@@ -7665,7 +7685,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           }, null, 4)
         ]))
       ])),
-      r.value || d.value ? (c(), b("span", cs, [
+      r.value || u.value ? (c(), b("span", cs, [
         q($.$slots, "default", {}, () => [
           me(j(r.value), 1)
         ])
@@ -7719,7 +7739,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), i = (s) => {
       e.disabled || a("close", s);
     };
-    return (s, d) => (c(), b("span", {
+    return (s, u) => (c(), b("span", {
       class: ee(["vf-chip", t.value]),
       "data-variant": s.variant,
       "data-severity": s.severity,
@@ -7745,7 +7765,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         onClick: i
       }, [
         q(s.$slots, "close", {}, () => [
-          d[0] || (d[0] = me("×"))
+          u[0] || (u[0] = me("×"))
         ])
       ], 8, gs)) : Q("", !0)
     ], 10, fs));
@@ -7775,7 +7795,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     const a = o, e = n, t = f(() => e.multiple ? Array.isArray(e.modelValue) ? e.modelValue : [] : e.modelValue === null || Array.isArray(e.modelValue) || e.modelValue === void 0 ? [] : [e.modelValue]), i = f(() => t.value.length > 0), s = f(() => {
       const v = ["vf-filter-chips", `vf-filter-chips_${e.variant}`];
       return e.wrap || v.push("vf-filter-chips_nowrap"), e.size !== "normal" && v.push(`vf-filter-chips_${e.size}`), e.disabled && v.push("vf-filter-chips_disabled"), v;
-    }), d = (v) => t.value.includes(v), r = (v, p) => {
+    }), u = (v) => t.value.includes(v), r = (v, p) => {
       if (e.disabled)
         return;
       const m = e.options.find(($) => $.value === v);
@@ -7787,7 +7807,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           a("update:modelValue", l), a("change", l, p);
           return;
         }
-        if (d(v)) {
+        if (u(v)) {
           if (!e.allowEmpty)
             return;
           a("update:modelValue", null), a("change", null, p);
@@ -7795,7 +7815,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
         a("update:modelValue", v), a("change", v, p);
       }
-    }, u = (v) => {
+    }, d = (v) => {
       if (e.disabled)
         return;
       const p = e.multiple ? [] : null;
@@ -7809,7 +7829,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, [
       (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) }]),
+        class: ee(["vf-filter-chips__chip", { "is-active": u(m.value) }]),
         type: "button",
         disabled: v.disabled || m.disabled,
         "data-value": String(m.value),
@@ -7824,7 +7844,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         type: "button",
         disabled: v.disabled,
         "aria-label": v.clearLabel || "Clear filters",
-        onClick: u
+        onClick: d
       }, j(v.clearText), 9, ks)) : Q("", !0)
     ], 10, bs));
   }
@@ -7842,8 +7862,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     status: { default: void 0 }
   },
   setup(n) {
-    const o = n, a = G(!1), e = (u) => {
-      const v = u.trim();
+    const o = n, a = G(!1), e = (d) => {
+      const v = d.trim();
       if (!v)
         return "";
       const p = v.split(/\s+/).filter(Boolean);
@@ -7853,7 +7873,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return o.alt;
       if (o.name)
         return o.name;
-    }), d = f(() => [`vf-avatar_size-${o.size}`, `vf-avatar_shape-${o.shape}`]), r = () => {
+    }), u = f(() => [`vf-avatar_size-${o.size}`, `vf-avatar_shape-${o.shape}`]), r = () => {
       a.value = !0;
     };
     return ve(
@@ -7861,27 +7881,27 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       () => {
         a.value = !1;
       }
-    ), (u, v) => (c(), b("div", {
-      class: ee(["vf-avatar", d.value]),
-      "data-status": u.status || void 0,
+    ), (d, v) => (c(), b("div", {
+      class: ee(["vf-avatar", u.value]),
+      "data-status": d.status || void 0,
       role: "img",
       "aria-label": s.value
     }, [
       B("div", ws, [
-        q(u.$slots, "default", {}, () => [
+        q(d.$slots, "default", {}, () => [
           i.value ? (c(), b("img", {
             key: 0,
             class: "vf-avatar__image",
-            src: u.src,
-            alt: u.alt || u.name || "",
+            src: d.src,
+            alt: d.alt || d.name || "",
             onError: r
           }, null, 40, $s)) : (c(), b("span", zs, j(t.value), 1))
         ])
       ]),
-      u.status ? (c(), b("span", {
+      d.status ? (c(), b("span", {
         key: 0,
         class: "vf-avatar__status",
-        "data-status": u.status,
+        "data-status": d.status,
         "aria-hidden": "true"
       }, null, 8, Ss)) : Q("", !0)
     ], 10, Cs));
@@ -7901,13 +7921,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   setup(n) {
     const o = n, a = Xe(), e = f(() => !!a.default), t = f(() => o.label || ""), i = f(() => ["vf-spinner", `vf-spinner_${o.variant}`, `vf-spinner_size-${o.size}`]);
-    return (s, d) => (c(), b("div", {
+    return (s, u) => (c(), b("div", {
       class: ee(i.value),
       role: "status",
       "aria-label": s.ariaLabel || void 0,
       "data-severity": s.severity
     }, [
-      d[0] || (d[0] = B("span", {
+      u[0] || (u[0] = B("span", {
         class: "vf-spinner__icon",
         "aria-hidden": "true"
       }, null, -1)),
@@ -7985,7 +8005,7 @@ 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 = 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);
+    const e = n, t = a, i = G(e.sortField ?? null), s = G(e.sortOrder ?? null), u = G(Math.max(1, e.page ?? 1)), r = G(Math.max(1, e.pageSize ?? 10)), d = G({ ...e.filters ?? {} }), v = G(e.selection ?? null);
     ve(
       () => e.sortField,
       (N) => {
@@ -7999,7 +8019,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     ), ve(
       () => e.page,
       (N) => {
-        d.value = Math.max(1, N ?? 1);
+        u.value = Math.max(1, N ?? 1);
       }
     ), ve(
       () => e.pageSize,
@@ -8009,7 +8029,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     ), ve(
       () => e.filters,
       (N) => {
-        u.value = { ...N ?? {} };
+        d.value = { ...N ?? {} };
       },
       { deep: !0 }
     ), ve(
@@ -8019,7 +8039,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       },
       { 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 p = f(() => i.value), m = f(() => s.value), $ = f(() => u.value), l = f(() => r.value), _ = f(() => d.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 N = new Set(z.value);
       return (e.rows ?? []).filter((oe, le) => {
         const ge = T(oe, le);
@@ -8122,12 +8142,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       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());
+      u.value = oe, t("update:page", oe), t("page", oe), e.server && t("request", O());
     }, 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 = (N) => {
-      u.value = { ...N ?? {} }, t("update:filters", { ...u.value }), t("filter", { ...u.value }), e.server && t("request", O());
+      d.value = { ...N ?? {} }, t("update:filters", { ...d.value }), t("filter", { ...d.value }), e.server && t("request", O());
     }, de = () => {
       re({});
     }, ye = () => {
@@ -8308,11 +8328,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(n, { emit: o }) {
-    const a = o, e = n, t = f(() => e.range || Array.isArray(e.modelValue)), i = f(() => Number.isFinite(e.min) ? e.min : 0), s = f(() => Number.isFinite(e.max) ? e.max : 100), d = f(() => e.step && e.step > 0 ? e.step : 1), r = (x) => {
+    const a = o, e = n, t = f(() => e.range || Array.isArray(e.modelValue)), i = f(() => Number.isFinite(e.min) ? e.min : 0), s = f(() => Number.isFinite(e.max) ? e.max : 100), u = f(() => e.step && e.step > 0 ? e.step : 1), r = (x) => {
       const W = x.toString();
       return W.includes(".") ? W.split(".")[1].length : 0;
-    }, u = (x) => Math.min(s.value, Math.max(i.value, x)), v = (x) => {
-      const W = Number(x), h = i.value, P = Number.isFinite(W) ? W : h, K = u(P), A = d.value, V = r(A), Y = Math.round((K - i.value) / A) * A + i.value;
+    }, d = (x) => Math.min(s.value, Math.max(i.value, x)), v = (x) => {
+      const W = Number(x), h = i.value, P = Number.isFinite(W) ? W : h, K = d(P), A = u.value, V = r(A), Y = Math.round((K - i.value) / A) * A + i.value;
       return Number.parseFloat(Y.toFixed(V));
     }, p = f(() => {
       if (!t.value) {
@@ -8368,7 +8388,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }, E = (x) => {
       const W = x.target;
       L(W.value, "end", x, "change");
-    }, T = (x) => a("focus", x), D = (x) => a("blur", x), M = f(() => e.marks ?? []), S = (x) => ({ left: `${l(u(x))}%` }), F = f(() => t.value ? `${p.value[0]} - ${p.value[1]}` : `${m.value}`), H = f(() => t.value ? e.ariaLabelStart : e.ariaLabel), Z = f(() => t.value ? e.ariaLabelEnd : e.ariaLabel);
+    }, T = (x) => a("focus", x), D = (x) => a("blur", x), M = f(() => e.marks ?? []), S = (x) => ({ left: `${l(d(x))}%` }), F = f(() => t.value ? `${p.value[0]} - ${p.value[1]}` : `${m.value}`), H = f(() => t.value ? e.ariaLabelStart : e.ariaLabel), Z = f(() => t.value ? e.ariaLabelEnd : e.ariaLabel);
     return (x, W) => (c(), b("div", {
       class: ee(z.value),
       style: ke(y.value)
@@ -8382,7 +8402,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           type: "range",
           min: i.value,
           max: s.value,
-          step: d.value,
+          step: u.value,
           value: m.value,
           disabled: x.disabled,
           "aria-label": H.value,
@@ -8398,7 +8418,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           type: "range",
           min: i.value,
           max: s.value,
-          step: d.value,
+          step: u.value,
           value: $.value,
           disabled: x.disabled,
           "aria-label": Z.value,
@@ -8434,7 +8454,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 = 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 i = G(null), s = G([]), u = G([]), r = G(null), d = (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) => {
@@ -8501,15 +8521,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       return v(h) ? h : v(x.minSize) ? x.minSize : 5;
     }), y = () => {
       const x = s.value.length, W = _(x), h = l(W, k());
-      d.value = h;
+      u.value = h;
     }, z = f(() => {
       const x = ["vf-splitter", `vf-splitter_${a.direction}`];
       return a.disabled && x.push("vf-splitter_disabled"), x;
-    }), C = f(() => Math.max(0, s.value.length - 1)), g = f(() => a.direction === "horizontal" ? "vertical" : "horizontal"), w = f(() => u(a.gutterSize)), L = (x) => {
+    }), C = f(() => Math.max(0, s.value.length - 1)), g = f(() => a.direction === "horizontal" ? "vertical" : "horizontal"), w = f(() => d(a.gutterSize)), L = (x) => {
       const W = s.value.findIndex((K) => K.id === x);
       if (W < 0)
         return;
-      const h = `${d.value[W] ?? 0}%`, P = `${k()[W] ?? 0}%`;
+      const h = `${u.value[W] ?? 0}%`, P = `${k()[W] ?? 0}%`;
       return a.direction === "vertical" ? {
         flex: `0 0 ${h}`,
         minHeight: P
@@ -8517,7 +8537,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         flex: `0 0 ${h}`,
         minWidth: P
       };
-    }, R = (x) => d.value.slice(0, x + 1).reduce((W, h) => W + h, 0), I = (x) => {
+    }, R = (x) => u.value.slice(0, x + 1).reduce((W, h) => W + h, 0), I = (x) => {
       const W = R(x);
       return a.direction === "vertical" ? {
         top: `calc(${W}% - (${w.value} / 2))`,
@@ -8531,13 +8551,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         width: w.value
       };
     }, O = (x, W, h = !0) => {
-      const P = [...d.value];
+      const P = [...u.value];
       if (!P[x] || !P[x + 1])
         return;
       const K = k(), A = P[x] + P[x + 1], V = K[x] ?? 0, Y = K[x + 1] ?? 0, ae = p(P[x] + W, V, A - Y), se = A - ae;
       P[x] = m(ae), P[x + 1] = m(se);
       const U = l($(P), K);
-      d.value = U, h && e("update:modelValue", [...U]);
+      u.value = U, h && e("update:modelValue", [...U]);
     };
     let E = 0, T = [0, 0];
     const D = (x) => {
@@ -8546,28 +8566,28 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const W = i.value.getBoundingClientRect(), h = a.direction === "vertical" ? W.height : W.width;
       if (h <= 0)
         return;
-      const K = ((a.direction === "vertical" ? x.clientY : x.clientX) - E) / h * 100, V = T[0] + K - (d.value[r.value] ?? 0);
+      const K = ((a.direction === "vertical" ? x.clientY : x.clientX) - E) / h * 100, V = T[0] + K - (u.value[r.value] ?? 0);
       O(r.value, V, !0);
     }, M = () => {
-      r.value !== null && (r.value = null, window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", M), e("change", [...d.value]));
+      r.value !== null && (r.value = null, window.removeEventListener("mousemove", D), window.removeEventListener("mouseup", M), e("change", [...u.value]));
     }, S = (x, W) => {
-      a.disabled || !i.value || (r.value = W, E = a.direction === "vertical" ? x.clientY : x.clientX, T = [d.value[W] ?? 0, d.value[W + 1] ?? 0], window.addEventListener("mousemove", D), window.addEventListener("mouseup", M));
+      a.disabled || !i.value || (r.value = W, E = a.direction === "vertical" ? x.clientY : x.clientX, T = [u.value[W] ?? 0, u.value[W + 1] ?? 0], window.addEventListener("mousemove", D), window.addEventListener("mouseup", M));
     }, F = (x, W) => {
       if (a.disabled)
         return;
       const h = a.direction === "horizontal", P = h ? "ArrowLeft" : "ArrowUp", K = h ? "ArrowRight" : "ArrowDown";
       if ([P, K, "Home", "End"].includes(x.key)) {
         if (x.preventDefault(), x.key === "Home") {
-          const A = k(), V = d.value[W] ?? 0, Y = A[W] ?? 0;
+          const A = k(), V = u.value[W] ?? 0, Y = A[W] ?? 0;
           O(W, Y - V);
         } else if (x.key === "End") {
-          const A = k(), V = (d.value[W] ?? 0) + (d.value[W + 1] ?? 0), Y = d.value[W] ?? 0, ae = V - (A[W + 1] ?? 0);
+          const A = k(), V = (u.value[W] ?? 0) + (u.value[W + 1] ?? 0), Y = u.value[W] ?? 0, ae = V - (A[W + 1] ?? 0);
           O(W, ae - Y);
         } else {
           const A = x.shiftKey ? 5 : 2, V = x.key === K ? A : -A;
           O(W, V);
         }
-        e("change", [...d.value]);
+        e("change", [...u.value]);
       }
     }, H = (x) => {
       const W = `vf-splitter-panel-${++t}`;
@@ -8588,13 +8608,13 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), ve(
       () => a.modelValue,
       () => {
-        r.value === null && a.modelValue.length === s.value.length && a.modelValue.every(v) && (d.value = l($(a.modelValue), k()));
+        r.value === null && a.modelValue.length === s.value.length && a.modelValue.every(v) && (u.value = l($(a.modelValue), k()));
       },
       { deep: !0 }
     ), ve(
       () => a.minSizes,
       () => {
-        d.value = l($(d.value), k());
+        u.value = l($(u.value), k());
       },
       { deep: !0 }
     ), we(() => {
@@ -8611,7 +8631,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         style: ke(I(P)),
         role: "separator",
         "aria-orientation": g.value,
-        "aria-valuenow": Math.round(d.value[P] ?? 0),
+        "aria-valuenow": Math.round(u.value[P] ?? 0),
         tabindex: "0",
         onMousedown: ie((K) => S(K, P), ["prevent"]),
         onKeydown: (K) => F(K, P)
@@ -8642,7 +8662,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       a.direction.value === "vertical" ? "vf-splitter__panel_vertical" : "",
       a.disabled.value ? "vf-splitter__panel_disabled" : ""
     ]), i = f(() => a.getPanelStyle(e));
-    return (s, d) => (c(), b("div", {
+    return (s, u) => (c(), b("div", {
       class: ee(t.value),
       style: ke(i.value)
     }, [
@@ -8678,11 +8698,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return 0;
       const g = t.value.findIndex((w, L) => i(w, L) === e.modelValue);
       return g >= 0 ? g : 0;
-    }), d = f(() => {
+    }), u = f(() => {
       const g = ["vf-stepper", `vf-stepper_${e.orientation}`, `vf-stepper_size-${e.size}`];
       return e.clickable && g.push("vf-stepper_clickable"), g;
-    }), r = (g, w) => g.status ? g.status : w < s.value ? "completed" : w === s.value ? "active" : "upcoming", u = (g) => r(t.value[g], g) === "active", v = (g) => r(t.value[g], g) === "completed", p = (g) => r(t.value[g], g) === "upcoming", m = (g, w) => r(g, w) === "error", $ = (g) => !!g.disabled, l = (g, w) => ({
-      "is-active": u(w),
+    }), r = (g, w) => g.status ? g.status : w < s.value ? "completed" : w === s.value ? "active" : "upcoming", d = (g) => r(t.value[g], g) === "active", v = (g) => r(t.value[g], g) === "completed", p = (g) => r(t.value[g], g) === "upcoming", m = (g, w) => r(g, w) === "error", $ = (g) => !!g.disabled, l = (g, w) => ({
+      "is-active": d(w),
       "is-completed": v(w),
       "is-upcoming": p(w),
       "is-error": m(g, w),
@@ -8694,7 +8714,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       a("update:modelValue", R), a("change", R, g, w, L);
     }, C = (g, w) => `${g.value ?? g.label ?? "step"}_${w.toString()}`;
     return (g, w) => (c(), b("nav", {
-      class: ee(d.value),
+      class: ee(u.value),
       "aria-label": g.ariaLabel || void 0,
       "aria-labelledby": g.ariaLabelledby || void 0
     }, [
@@ -8707,7 +8727,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             class: "vf-stepper__button",
             type: k(L),
             disabled: y(L),
-            "aria-current": u(R) ? "step" : void 0,
+            "aria-current": d(R) ? "step" : void 0,
             "aria-disabled": $(L) ? "true" : void 0,
             onClick: (I) => z(L, R, I)
           }, {
@@ -8718,7 +8738,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                     step: L,
                     index: R,
                     status: r(L, R),
-                    active: u(R),
+                    active: d(R),
                     completed: v(R),
                     upcoming: p(R),
                     error: m(L, R)
@@ -8733,7 +8753,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
                   step: L,
                   index: R,
                   status: r(L, R),
-                  active: u(R),
+                  active: d(R),
                   completed: v(R),
                   upcoming: p(R),
                   error: m(L, R)
@@ -8780,18 +8800,18 @@ 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 = 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(() => {
+    const i = ++t, s = G(void 0), u = G({}), r = f(() => e.steps ?? []), d = f(() => s.value === void 0 ? -1 : r.value.findIndex((S) => S.value === s.value)), v = f(() => {
+      if (!(d.value < 0))
+        return r.value[d.value];
+    }), p = f(() => d.value <= 0), m = f(() => d.value >= r.value.length - 1), $ = f(() => {
       const S = ["vf-wizard"];
       return e.disabled && S.push("vf-wizard_disabled"), S;
-    }), l = (S) => String(S).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), _ = (S) => `vf-wizard-step-${i}-${l(S)}`, k = (S) => `vf-wizard-panel-${i}-${l(S)}`, y = (S) => s.value === S, z = (S) => S < u.value, C = (S) => d.value[String(S)], g = (S, F) => ({
+    }), l = (S) => String(S).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), _ = (S) => `vf-wizard-step-${i}-${l(S)}`, k = (S) => `vf-wizard-panel-${i}-${l(S)}`, y = (S) => s.value === S, z = (S) => S < d.value, C = (S) => u.value[String(S)], g = (S, F) => ({
       "is-active": y(S.value),
       "is-completed": z(F),
       "is-error": !!C(S.value),
       "is-disabled": w(S, F)
-    }), w = (S, F) => e.disabled || S.disabled ? !0 : !e.linear || u.value < 0 ? !1 : F > u.value + 1, L = () => {
+    }), w = (S, F) => e.disabled || S.disabled ? !0 : !e.linear || d.value < 0 ? !1 : F > d.value + 1, L = () => {
       var S;
       if (r.value.length) {
         if (e.modelValue !== void 0) {
@@ -8802,34 +8822,34 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return ((S = r.value.find((F) => !F.disabled)) == null ? void 0 : S.value) ?? r.value[0].value;
       }
     }, R = (S, F) => {
-      s.value = S, a("update:modelValue", S), a("change", S, v.value, u.value), a(F, S, v.value, u.value);
+      s.value = S, a("update:modelValue", S), a("change", S, v.value, d.value), a(F, S, v.value, d.value);
     }, I = async (S) => {
       const F = r.value[S];
       if (!F)
         return !0;
       const H = F.value, Z = F.validate ? await F.validate(H, S) : !0, x = e.validateStep ? await e.validateStep(F, S, H) : !0, W = (V) => V == null || V === !0 ? "" : V === !1 ? "Step is invalid" : String(V), h = W(Z), P = W(x), K = h || P;
       if (K)
-        return d.value = {
-          ...d.value,
+        return u.value = {
+          ...u.value,
           [String(H)]: K
         }, a("invalidStep", K, F, S), !1;
-      const A = { ...d.value };
-      return delete A[String(H)], d.value = A, !0;
+      const A = { ...u.value };
+      return delete A[String(H)], u.value = A, !0;
     }, O = async (S, F) => {
       const H = r.value[S];
-      !H || w(H, S) || u.value >= 0 && S > u.value && !await I(u.value) || R(H.value, F);
+      !H || w(H, S) || d.value >= 0 && S > d.value && !await I(d.value) || R(H.value, F);
     }, E = async () => {
-      u.value <= 0 || await O(u.value - 1, "prev");
+      d.value <= 0 || await O(d.value - 1, "prev");
     }, T = async () => {
-      u.value < 0 || !await I(u.value) || a("complete", s.value, v.value, u.value);
+      d.value < 0 || !await I(d.value) || a("complete", s.value, v.value, d.value);
     }, D = async () => {
       if (m.value) {
         await T();
         return;
       }
-      await O(u.value + 1, "next");
+      await O(d.value + 1, "next");
     }, M = async (S) => {
-      e.disabled || S === u.value || await O(S, S > u.value ? "next" : "prev");
+      e.disabled || S === d.value || await O(S, S > d.value ? "next" : "prev");
     };
     return ve(
       () => e.steps,
@@ -8891,7 +8911,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       B("div", _i, [
         q(S.$slots, "actions", {
           step: v.value,
-          index: u.value,
+          index: d.value,
           isFirst: p.value,
           isLast: m.value,
           next: D,
@@ -8923,7 +8943,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     if (!a)
       throw new Error("WizardStep must be used inside Wizard");
     const e = f(() => a.isActive(o.value)), t = f(() => a.getPanelId(o.value)), i = f(() => a.getStepId(o.value));
-    return (s, d) => ze((c(), b("section", {
+    return (s, u) => ze((c(), b("section", {
       id: t.value,
       class: "vf-wizard-step",
       role: "tabpanel",
@@ -8969,20 +8989,20 @@ 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, he(a.value, (d, r) => (c(), b("li", {
-          key: t(d, r),
+        (c(!0), b(fe, null, he(a.value, (u, r) => (c(), b("li", {
+          key: t(u, r),
           class: "vf-timeline__item",
-          "data-status": d.status ?? "neutral"
+          "data-status": u.status ?? "neutral"
         }, [
           B("div", Si, [
             B("span", Bi, [
               q(i.$slots, "marker", {
-                item: d,
+                item: u,
                 index: r
               }, () => [
-                d.icon ? (c(), be(We(Ne), {
+                u.icon ? (c(), be(We(Ne), {
                   key: 0,
-                  icon: d.icon
+                  icon: u.icon
                 }, null, 8, ["icon"])) : (c(), b("span", xi))
               ])
             ]),
@@ -8990,12 +9010,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           ]),
           B("div", Vi, [
             q(i.$slots, "item", {
-              item: d,
+              item: u,
               index: r
             }, () => [
-              d.date ? (c(), b("time", Fi, j(d.date), 1)) : Q("", !0),
-              d.title ? (c(), b("h4", Ti, j(d.title), 1)) : Q("", !0),
-              d.description ? (c(), b("p", Ii, j(d.description), 1)) : Q("", !0)
+              u.date ? (c(), b("time", Fi, j(u.date), 1)) : Q("", !0),
+              u.title ? (c(), b("h4", Ti, j(u.title), 1)) : Q("", !0),
+              u.description ? (c(), b("p", Ii, j(u.description), 1)) : Q("", !0)
             ])
           ])
         ], 8, zi))), 128))
@@ -9015,7 +9035,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 = 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 a = o, e = n, t = G(null), i = G(null), s = G([]), u = f(() => e.allowHalf ? 0.5 : 1), r = f(() => Math.max(1, Math.floor(e.max))), d = 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(() => {
@@ -9025,7 +9045,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const T = [`vf-rating_${e.size}`];
       return e.disabled && T.push("vf-rating_disabled"), e.readonly && T.push("vf-rating_readonly"), t.value !== null && T.push("vf-rating_hover"), T;
     }), $ = (T) => Math.min(r.value, Math.max(0, T)), l = (T) => {
-      const D = Math.round(T / d.value) * d.value;
+      const D = Math.round(T / u.value) * u.value;
       return $(D);
     }, _ = (T, D) => {
       if (!e.allowHalf)
@@ -9072,11 +9092,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       switch (D.key) {
         case "ArrowRight":
         case "ArrowUp":
-          M = (e.modelValue ?? 0) + d.value;
+          M = (e.modelValue ?? 0) + u.value;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          M = (e.modelValue ?? 0) - d.value;
+          M = (e.modelValue ?? 0) - u.value;
           break;
         case "Home":
           M = 0;
@@ -9107,7 +9127,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       onMousemove: y,
       onMouseleave: z
     }, [
-      (c(!0), b(fe, null, he(u.value, (M) => (c(), b("button", {
+      (c(!0), b(fe, null, he(d.value, (M) => (c(), b("button", {
         key: M,
         ref_for: !0,
         ref_key: "itemRefs",
@@ -9194,11 +9214,11 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     }), e = f(() => o.isDisabled(o.node)), t = f(() => o.isSelected(o.node.key)), i = f(() => o.isExpanded(o.node.key)), s = f(() => {
       const l = [`vf-tree__row_${o.variant}`];
       return o.size !== "normal" && l.push(`vf-tree__row_${o.size}`), t.value && l.push("is-selected"), e.value && l.push("is-disabled"), l;
-    }), d = f(() => ({
+    }), u = f(() => ({
       "--vf-tree-level": String(o.level)
     })), r = (l) => {
       e.value || (o.expandOnClick && a.value && o.onToggle(o.node, l), o.onSelect(o.node, l));
-    }, u = (l) => {
+    }, d = (l) => {
       const _ = l, k = _ == null ? void 0 : _.closest('[role="tree"]');
       return k ? Array.from(k.querySelectorAll('[role="treeitem"]')) : [];
     }, v = (l, _) => {
@@ -9222,7 +9242,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           o.onToggle(o.node, l);
           return;
         }
-        const k = u(l.target), y = k.indexOf(_);
+        const k = d(l.target), y = k.indexOf(_);
         v(k, y + 1);
         return;
       }
@@ -9236,7 +9256,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       }
       if (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "Home" || l.key === "End") {
         l.preventDefault();
-        const k = u(l.target);
+        const k = d(l.target);
         if (!k.length)
           return;
         const y = k.indexOf(_);
@@ -9262,7 +9282,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       return c(), b("li", Ei, [
         B("div", {
           class: ee(["vf-tree__row", s.value]),
-          style: ke(d.value),
+          style: ke(u.value),
           role: "treeitem",
           "aria-level": l.level,
           "aria-expanded": a.value ? i.value : void 0,
@@ -9341,8 +9361,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     const a = n, e = o, t = (l) => Array.isArray(l) ? l : l == null ? [] : [l], i = f(() => {
       const l = ["vf-tree", `vf-tree_${a.variant}`];
       return a.size !== "normal" && l.push(`vf-tree_${a.size}`), a.disabled && l.push("vf-tree_disabled"), l;
-    }), s = f(() => t(a.modelValue)), d = f(() => new Set(s.value)), r = f(() => new Set(a.expandedKeys)), u = (l) => a.disabled || !!l.disabled, v = (l) => d.value.has(l), p = (l) => r.value.has(l), m = (l, _) => {
-      if (e("nodeClick", l, _), !a.selectable || u(l))
+    }), s = f(() => t(a.modelValue)), u = f(() => new Set(s.value)), r = f(() => new Set(a.expandedKeys)), d = (l) => a.disabled || !!l.disabled, v = (l) => u.value.has(l), p = (l) => r.value.has(l), m = (l, _) => {
+      if (e("nodeClick", l, _), !a.selectable || d(l))
         return;
       if (a.multiple) {
         const y = s.value, C = y.includes(l.key) ? y.filter((g) => g !== l.key) : [...y, l.key];
@@ -9352,7 +9372,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const k = a.modelValue === l.key ? void 0 : l.key;
       e("update:modelValue", k), e("change", k, l, _);
     }, $ = (l, _) => {
-      if (u(l))
+      if (d(l))
         return;
       const k = a.expandedKeys, y = k.includes(l.key), z = y ? k.filter((C) => C !== l.key) : [...k, l.key];
       e("update:expandedKeys", z), e("toggle", l.key, !y, l, _);
@@ -9375,7 +9395,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
           selectable: l.selectable,
           "is-selected": v,
           "is-expanded": p,
-          "is-disabled": u,
+          "is-disabled": d,
           "on-select": m,
           "on-toggle": $
         }, {
@@ -9429,7 +9449,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 = 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}`;
+    const e = o, t = n, i = G(null), s = G(null), u = G(null), r = G(null), d = G(!1), v = G(""), p = G("bottom"), m = G("bottom"), $ = `vf-treeselect-panel-${++a}`;
     let l = null;
     const _ = (A) => Array.isArray(A) ? A : A == null ? [] : [A], k = (A) => {
       const V = [], Y = (ae) => {
@@ -9465,15 +9485,15 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const A = v.value.trim().toLowerCase();
       return A ? L(t.items, A) : t.items;
     }), I = f(() => {
-      const A = ["vf-treeselect", `vf-treeselect_${t.variant}`, u.value ? "vf-treeselect_open" : ""];
+      const A = ["vf-treeselect", `vf-treeselect_${t.variant}`, d.value ? "vf-treeselect_open" : ""];
       return t.size !== "normal" && A.push(`vf-treeselect_${t.size}`), t.disabled && A.push("vf-treeselect_disabled"), A.filter(Boolean);
     }), O = () => {
-      u.value = !1, p.value = "bottom", m.value = "bottom", v.value = "";
+      d.value = !1, p.value = "bottom", m.value = "bottom", v.value = "";
     }, E = async () => {
       var A;
-      t.disabled || (u.value = !0, p.value = "bottom", m.value = "bottom", t.filter && (await $e(), (A = r.value) == null || A.focus()));
+      t.disabled || (d.value = !0, p.value = "bottom", m.value = "bottom", t.filter && (await $e(), (A = r.value) == null || A.focus()));
     }, T = () => {
-      if (u.value) {
+      if (d.value) {
         O();
         return;
       }
@@ -9498,14 +9518,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       v.value = V.value, e("search", V.value);
     }, W = (A) => e("focus", A), h = (A) => e("blur", A), P = (A) => {
       var Y;
-      if (!u.value || !i.value)
+      if (!d.value || !i.value)
         return;
       const V = A.target;
-      i.value.contains(V) || (Y = d.value) != null && Y.contains(V) || O();
+      i.value.contains(V) || (Y = u.value) != null && Y.contains(V) || O();
     }, K = () => {
-      if (!s.value || !d.value)
+      if (!s.value || !u.value)
         return;
-      const A = s.value, V = d.value, Y = async () => {
+      const A = s.value, V = u.value, Y = async () => {
         const {
           x: X,
           y: re,
@@ -9530,7 +9550,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }, l.update();
     };
-    return ve(u, async (A) => {
+    return ve(d, async (A) => {
       if (!A) {
         l && (l.destroy(), l = null);
         return;
@@ -9557,7 +9577,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         class: "vf-treeselect__control",
         type: "button",
         disabled: A.disabled,
-        "aria-expanded": u.value,
+        "aria-expanded": d.value,
         "aria-controls": $,
         "aria-haspopup": "tree",
         onClick: T,
@@ -9588,7 +9608,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         ze(B("div", {
           id: $,
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-treeselect__panel",
           "data-placement": m.value
         }, [
@@ -9628,7 +9648,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
             _: 3
           }, 8, ["items", "model-value", "expanded-keys", "multiple", "selectable", "expand-on-click", "disabled", "size", "variant"])) : (c(), b("div", Ji, j(A.emptyText), 1))
         ], 8, Xi), [
-          [Se, u.value]
+          [Se, d.value]
         ])
       ]))
     ], 2));
@@ -9650,25 +9670,25 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
     ariaLabel: { default: "Breadcrumbs" }
   },
   setup(n) {
-    const o = n, a = f(() => o.items ?? []), e = f(() => a.value.some((s) => s.active !== void 0)), t = (s, d) => e.value ? s.active === !0 : d === a.value.length - 1, i = (s, d) => `${s.label ?? s.to ?? s.href ?? s.url ?? "crumb"}_${d.toString()}`;
-    return (s, d) => (c(), b("nav", {
+    const o = n, a = f(() => o.items ?? []), e = f(() => a.value.some((s) => s.active !== void 0)), t = (s, u) => e.value ? s.active === !0 : u === a.value.length - 1, i = (s, u) => `${s.label ?? s.to ?? s.href ?? s.url ?? "crumb"}_${u.toString()}`;
+    return (s, u) => (c(), b("nav", {
       class: "vf-breadcrumbs",
       "aria-label": s.ariaLabel
     }, [
       B("ol", td, [
-        (c(!0), b(fe, null, he(a.value, (r, u) => (c(), b(fe, {
-          key: i(r, u)
+        (c(!0), b(fe, null, he(a.value, (r, d) => (c(), b(fe, {
+          key: i(r, d)
         }, [
           B("li", {
-            class: ee(["vf-breadcrumbs__item", { "is-current": t(r, u), "is-disabled": r.disabled }])
+            class: ee(["vf-breadcrumbs__item", { "is-current": t(r, d), "is-disabled": r.disabled }])
           }, [
             q(s.$slots, "item", {
               item: r,
-              index: u,
-              isLast: u === a.value.length - 1,
-              active: t(r, u)
+              index: d,
+              isLast: d === a.value.length - 1,
+              active: t(r, d)
             }, () => [
-              t(r, u) ? (c(), b("span", ad, j(r.label), 1)) : (c(), be(it, {
+              t(r, d) ? (c(), b("span", ad, j(r.label), 1)) : (c(), be(it, {
                 key: 1,
                 class: "vf-breadcrumbs__link",
                 to: r.to,
@@ -9682,7 +9702,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
               }, 1032, ["to", "href", "disabled"]))
             ])
           ], 2),
-          u < a.value.length - 1 ? (c(), b("li", od, [
+          d < a.value.length - 1 ? (c(), b("li", od, [
             q(s.$slots, "separator", { separator: s.separator }, () => [
               me(j(s.separator), 1)
             ])
@@ -9749,14 +9769,14 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   setup(n) {
     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(() => {
+    }, u = f(() => {
       const r = ["vf-page-header"];
       return o.size !== "normal" && r.push(`vf-page-header_${o.size}`), o.divider && r.push("vf-page-header_divider"), i.value && r.push("vf-page-header_mobile"), r;
     });
     return typeof window < "u" && (s(), window.addEventListener("resize", s, !1)), we(() => {
       typeof window < "u" && window.removeEventListener("resize", s, !1);
-    }), (r, u) => (c(), b("header", {
-      class: ee(d.value)
+    }), (r, d) => (c(), b("header", {
+      class: ee(u.value)
     }, [
       r.$slots.breadcrumbs ? (c(), b("div", nd, [
         q(r.$slots, "breadcrumbs")
@@ -9817,7 +9837,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 = 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(
+    const a = o, e = n, t = G(null), i = G(0), s = G({ start: -1, end: -1 }), u = G(!1), r = f(() => e.items ?? []), d = 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
@@ -9836,7 +9856,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         return 0;
       const M = Math.floor(i.value / v.value) - p.value;
       return Math.max(0, M);
-    }), _ = f(() => e.virtual ? Math.ceil($.value / v.value) + p.value * 2 : u.value), k = f(() => e.virtual ? Math.min(u.value, l.value + _.value) : u.value), y = f(() => {
+    }), _ = f(() => e.virtual ? Math.ceil($.value / v.value) + p.value * 2 : d.value), k = f(() => e.virtual ? Math.min(d.value, l.value + _.value) : d.value), y = f(() => {
       const M = [];
       for (let S = l.value; S < k.value; S += 1) {
         const F = r.value[S];
@@ -9847,7 +9867,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         });
       }
       return M;
-    }), z = f(() => e.virtual ? l.value * v.value : 0), C = f(() => u.value * v.value), g = f(() => ["vf-virtual-scroller"]), w = f(() => ({ height: e.height })), L = f(() => ({ height: `${C.value}px` })), R = f(() => ({ transform: `translateY(${z.value}px)` })), I = f(() => ({ minHeight: `${v.value}px` })), O = (M, S) => {
+    }), z = f(() => e.virtual ? l.value * v.value : 0), C = f(() => d.value * v.value), g = f(() => ["vf-virtual-scroller"]), w = f(() => ({ height: e.height })), L = f(() => ({ height: `${C.value}px` })), R = f(() => ({ transform: `translateY(${z.value}px)` })), I = f(() => ({ minHeight: `${v.value}px` })), O = (M, S) => {
       if (M && typeof M == "object") {
         const F = M[e.keyField];
         if (typeof F == "string" || typeof F == "number")
@@ -9858,8 +9878,8 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       const M = { start: l.value, end: Math.max(l.value, k.value - 1) };
       (s.value.start !== M.start || s.value.end !== M.end) && (s.value = M, a("rangeChange", M));
     }, T = () => {
-      const M = k.value >= u.value && u.value > 0;
-      M && !d.value && (d.value = !0, a("reachEnd")), M || (d.value = !1);
+      const M = k.value >= d.value && d.value > 0;
+      M && !u.value && (u.value = !0, a("reachEnd")), M || (u.value = !1);
     }, D = (M) => {
       const S = M.target;
       i.value = S.scrollTop, a("scroll", M), E(), T();
@@ -9879,7 +9899,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
       "aria-label": M.ariaLabel || void 0,
       onScroll: D
     }, [
-      u.value ? M.virtual ? (c(), b("div", {
+      d.value ? M.virtual ? (c(), b("div", {
         key: 1,
         class: "vf-virtual-scroller__spacer",
         style: ke(L.value)
@@ -9944,35 +9964,35 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   const [o, a, e] = Bt(n);
   return `${o}, ${a}, ${e}`;
 }, kd = (n, o, a) => {
-  const e = n / 255, t = o / 255, i = a / 255, s = Math.max(e, t, i), d = Math.min(e, t, i), r = s - d;
-  let u = 0, v = 0;
-  const p = (s + d) / 2;
+  const e = n / 255, t = o / 255, i = a / 255, s = Math.max(e, t, i), u = Math.min(e, t, i), r = s - u;
+  let d = 0, v = 0;
+  const p = (s + u) / 2;
   if (r !== 0) {
     switch (v = r / (1 - Math.abs(2 * p - 1)), s) {
       case e:
-        u = (t - i) / r % 6;
+        d = (t - i) / r % 6;
         break;
       case t:
-        u = (i - e) / r + 2;
+        d = (i - e) / r + 2;
         break;
       case i:
-        u = (e - t) / r + 4;
+        d = (e - t) / r + 4;
         break;
     }
-    u *= 60, u < 0 && (u += 360);
+    d *= 60, d < 0 && (d += 360);
   }
-  return [u, v * 100, p * 100];
+  return [d, v * 100, p * 100];
 }, Cd = (n, o, a) => {
-  const e = o / 100, t = a / 100, i = (1 - Math.abs(2 * t - 1)) * e, s = i * (1 - Math.abs(n / 60 % 2 - 1)), d = t - i / 2;
-  let r = 0, u = 0, v = 0;
-  n >= 0 && n < 60 ? (r = i, u = s, v = 0) : n >= 60 && n < 120 ? (r = s, u = i, v = 0) : n >= 120 && n < 180 ? (r = 0, u = i, v = s) : n >= 180 && n < 240 ? (r = 0, u = s, v = i) : n >= 240 && n < 300 ? (r = s, u = 0, v = i) : (r = i, u = 0, v = s);
-  const p = Math.round((r + d) * 255), m = Math.round((u + d) * 255), $ = Math.round((v + d) * 255);
+  const e = o / 100, t = a / 100, i = (1 - Math.abs(2 * t - 1)) * e, s = i * (1 - Math.abs(n / 60 % 2 - 1)), u = t - i / 2;
+  let r = 0, d = 0, v = 0;
+  n >= 0 && n < 60 ? (r = i, d = s, v = 0) : n >= 60 && n < 120 ? (r = s, d = i, v = 0) : n >= 120 && n < 180 ? (r = 0, d = i, v = s) : n >= 180 && n < 240 ? (r = 0, d = s, v = i) : n >= 240 && n < 300 ? (r = s, d = 0, v = i) : (r = i, d = 0, v = s);
+  const p = Math.round((r + u) * 255), m = Math.round((d + u) * 255), $ = Math.round((v + u) * 255);
   return [p, m, $];
 }, wd = (n, o, a) => `#${[n, o, a].map((e) => e.toString(16).padStart(2, "0")).join("")}`, $d = (n, o, a) => Math.min(a, Math.max(o, n)), zd = (n, o) => {
   const a = ct(n);
   if (!a)
     return n;
-  const [e, t, i] = Bt(a), [s, d, r] = kd(e, t, i), v = (o - 5) * 7, p = $d(r + v, 0, 100), [m, $, l] = Cd(s, d, p);
+  const [e, t, i] = Bt(a), [s, u, r] = kd(e, t, i), v = (o - 5) * 7, p = $d(r + v, 0, 100), [m, $, l] = Cd(s, u, p);
   return wd(m, $, l);
 }, ot = (n) => !!n && typeof n == "object" && !Array.isArray(n), vt = (n, o) => {
   if (!o)
@@ -9998,12 +10018,12 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   }
   return { preset: n };
 }, Bd = (n) => {
-  const o = [], a = [], e = [], t = [], i = (r) => e.push(r), s = (r) => t.push(r), d = (r, u) => {
+  const o = [], a = [], e = [], t = [], i = (r) => e.push(r), s = (r) => t.push(r), u = (r, d) => {
     if (!(!r || typeof r != "object"))
       for (const v in r) {
-        const p = r[v], m = u.concat([v]);
+        const p = r[v], m = d.concat([v]);
         if (ot(p)) {
-          d(p, m);
+          u(p, m);
           continue;
         }
         if (p && typeof p == "object") {
@@ -10031,7 +10051,7 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
         }
       }
   };
-  return d(n, []), { baseVars: o, darkVars: a, warnings: e, errors: t };
+  return u(n, []), { baseVars: o, darkVars: a, warnings: e, errors: t };
 }, xd = (n) => {
   if (typeof document > "u")
     return null;
@@ -10044,20 +10064,20 @@ const ho = (n, o) => n.strategy ? n.strategy : bo(o) ? "fixed" : "absolute", Ke
   selector: n.selector ?? ":root",
   darkSelector: n.darkSelector ?? ":root[data-theme=dark]"
 }), Vd = (n, o, a, e) => {
-  const { baseVars: t, darkVars: i, warnings: s, errors: d } = Bd(n), r = xd("vueforge-theme");
+  const { baseVars: t, darkVars: i, warnings: s, errors: u } = Bd(n), r = xd("vueforge-theme");
   if (!r)
     return;
-  if (d.length) {
+  if (u.length) {
     if (e)
-      throw new Error(`[VueForge] ${d.join(" ")}`);
-    for (const v of d)
+      throw new Error(`[VueForge] ${u.join(" ")}`);
+    for (const v of u)
       console.warn(`[VueForge] ${v}`);
   }
   if (s.length)
     for (const v of s)
       console.warn(`[VueForge] ${v}`);
-  const u = [];
-  t.length && u.push(`${o} { ${t.join(";")} }`), i.length && u.push(`${a} { ${i.join(";")} }`), r.textContent = u.join(`
+  const d = [];
+  t.length && d.push(`${o} { ${t.join(";")} }`), i.length && d.push(`${a} { ${i.join(";")} }`), r.textContent = d.join(`
 `);
 };
 let He = null;