@codemonster-ru/vueforge 0.20.0 → 0.21.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as U, ref as I, computed as h, watch as te, resolveComponent as Xe, openBlock as g, createElementBlock as _, normalizeClass as D, renderSlot as L, Fragment as se, createTextVNode as Q, toDisplayString as O, createBlock as le, withCtx as ye, createCommentVNode as T, createElementVNode as F, renderList as ke, withKeys as q, withModifiers as Y, unref as xe, createVNode as qe, useSlots as Ue, nextTick as Ce, onMounted as Fe, onBeforeUnmount as we, Teleport as $e, withDirectives as ve, vShow as fe, provide as Ze, inject as We, reactive as lt, createSlots as nt } from "vue";
-import { useRoute as st, useRouter as it } from "vue-router";
+import { defineComponent as G, ref as I, computed as h, watch as te, resolveComponent as Xe, openBlock as g, createElementBlock as y, normalizeClass as D, renderSlot as L, Fragment as se, createTextVNode as Q, toDisplayString as O, createBlock as le, withCtx as ye, createCommentVNode as T, createElementVNode as F, renderList as ke, withKeys as U, withModifiers as Y, unref as xe, createVNode as qe, useSlots as Ue, nextTick as Ce, onMounted as Fe, onBeforeUnmount as we, Teleport as $e, withDirectives as ve, vShow as fe, provide as Ze, inject as We, reactive as lt, createSlots as nt, normalizeStyle as st } from "vue";
+import { useRoute as it, useRouter as dt } from "vue-router";
 import { CmIcon as Be } from "@codemonster-ru/vueiconify";
-const dt = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ U({
+const ct = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ G({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,96 +15,96 @@ const dt = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ U({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = st(), v = it(), i = I(null), c = h(() => o.href ?? o.url), l = h(() => o.as ? o.as === "router-link" && !o.to ? "a" : o.as : o.type === "router-link" || o.type === "a" ? o.type === "router-link" && !o.to ? "a" : o.type : o.to ? "router-link" : "a"), d = h(() => o.to), n = h(() => o.to ? v.resolve(o.to) : null), s = h(() => {
+    const r = e, o = t, a = it(), d = dt(), s = I(null), c = h(() => o.href ?? o.url), l = h(() => o.as ? o.as === "router-link" && !o.to ? "a" : o.as : o.type === "router-link" || o.type === "a" ? o.type === "router-link" && !o.to ? "a" : o.type : o.to ? "router-link" : "a"), u = h(() => o.to), n = h(() => o.to ? d.resolve(o.to) : null), i = h(() => {
       if (l.value !== "router-link")
         return !1;
-      const u = n.value;
-      return u ? u.name ? a.matched.some(({ name: y }) => y === u.name) : u.fullPath ? a.fullPath === u.fullPath : a.path === u.path : !1;
-    }), f = h(() => o.active === void 0 ? s.value : o.active), p = (u) => {
+      const v = n.value;
+      return v ? v.name ? a.matched.some(({ name: _ }) => _ === v.name) : v.fullPath ? a.fullPath === v.fullPath : a.path === v.path : !1;
+    }), f = h(() => o.active === void 0 ? i.value : o.active), p = (v) => {
       if (!o.disabled) {
-        r("click", u);
+        r("click", v);
         return;
       }
-      u.preventDefault(), u.stopPropagation();
+      v.preventDefault(), v.stopPropagation();
     };
-    return te(s, (u) => {
-      u && (r("active"), r("onActive")), r("update:active", u);
-    }), (u, y) => {
+    return te(i, (v) => {
+      v && (r("active"), r("onActive")), r("update:active", v);
+    }), (v, _) => {
       const m = Xe("router-link");
-      return l.value === "a" ? (g(), _("a", {
+      return l.value === "a" ? (g(), y("a", {
         key: 0,
         href: c.value,
-        class: D(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": u.disabled }]),
-        "aria-disabled": u.disabled,
-        tabindex: u.disabled ? -1 : void 0,
+        class: D(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
+        "aria-disabled": v.disabled,
+        tabindex: v.disabled ? -1 : void 0,
         onClick: p
       }, [
-        u.$slots.default ? L(u.$slots, "default", { key: 0 }) : (g(), _(se, { key: 1 }, [
-          Q(O(u.label), 1)
+        v.$slots.default ? L(v.$slots, "default", { key: 0 }) : (g(), y(se, { key: 1 }, [
+          Q(O(v.label), 1)
         ], 64))
-      ], 10, dt)) : (g(), le(m, {
+      ], 10, ct)) : (g(), le(m, {
         key: 1,
         ref_key: "link",
-        ref: i,
-        to: d.value,
+        ref: s,
+        to: u.value,
         class: D(["vf-link", { "vf-link_active": f.value }]),
-        "aria-disabled": u.disabled,
-        tabindex: u.disabled ? -1 : void 0,
+        "aria-disabled": v.disabled,
+        tabindex: v.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active",
         onClick: p
       }, {
         default: ye(() => [
-          u.$slots.default ? L(u.$slots, "default", { key: 0 }) : (g(), _(se, { key: 1 }, [
-            Q(O(u.label), 1)
+          v.$slots.default ? L(v.$slots, "default", { key: 0 }) : (g(), y(se, { key: 1 }, [
+            Q(O(v.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), ct = (t, e) => {
+}), ut = (t, e) => {
   const r = t.__vccOpts || t;
   for (const [o, a] of e)
     r[o] = a;
   return r;
-}, ut = {}, vt = { class: "vf-card" }, ft = {
+}, vt = {}, ft = { class: "vf-card" }, pt = {
   key: 0,
   class: "vf-card__default"
-}, pt = {
+}, bt = {
   key: 1,
   class: "vf-card__header"
-}, bt = {
+}, gt = {
   key: 2,
   class: "vf-card__body"
-}, gt = {
+}, mt = {
   key: 3,
   class: "vf-card__footer"
 };
-function mt(t, e) {
-  return g(), _("div", vt, [
-    t.$slots.default ? (g(), _("div", ft, [
+function ht(t, e) {
+  return g(), y("div", ft, [
+    t.$slots.default ? (g(), y("div", pt, [
       L(t.$slots, "default")
     ])) : T("", !0),
-    t.$slots.header ? (g(), _("div", pt, [
+    t.$slots.header ? (g(), y("div", bt, [
       L(t.$slots, "header")
     ])) : T("", !0),
-    t.$slots.body ? (g(), _("div", bt, [
+    t.$slots.body ? (g(), y("div", gt, [
       L(t.$slots, "body")
     ])) : T("", !0),
-    t.$slots.footer ? (g(), _("div", gt, [
+    t.$slots.footer ? (g(), y("div", mt, [
       L(t.$slots, "footer")
     ])) : T("", !0)
   ]);
 }
-const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
+const yt = /* @__PURE__ */ ut(vt, [["render", ht]]), _t = {
   class: "vf-menu__list",
   role: "menu"
-}, _t = {
+}, kt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, kt = ["aria-expanded", "onClick", "onKeydown"], Aa = /* @__PURE__ */ U({
+}, Ct = ["aria-expanded", "onClick", "onKeydown"], Na = /* @__PURE__ */ G({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,18 +113,18 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = I([]), v = (n, s) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${s.toString()}`, i = (n) => n.to ? "router-link" : "a", c = (n) => n.map((s) => ({
-      ...s,
-      items: s.items ? c(s.items) : void 0
+    const r = e, o = t, a = I([]), d = (n, i) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${i.toString()}`, s = (n) => n.to ? "router-link" : "a", c = (n) => n.map((i) => ({
+      ...i,
+      items: i.items ? c(i.items) : void 0
     })), l = (n) => {
-      n.items && n.items.length ? (a.value.map((s) => {
-        s !== n && (s.subMenuVisible = !1);
+      n.items && n.items.length ? (a.value.map((i) => {
+        i !== n && (i.subMenuVisible = !1);
       }), n.subMenuVisible = !n.subMenuVisible) : Object.prototype.hasOwnProperty.call(n, "command") && typeof n.command == "function" && n.command();
-    }, d = (n) => {
-      var s;
+    }, u = (n) => {
+      var i;
       for (const f in a.value) {
         const p = a.value[f];
-        Object.prototype.hasOwnProperty.call(p, "items") && ((s = p.items) != null && s.some((u) => u === n) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
+        Object.prototype.hasOwnProperty.call(p, "items") && ((i = p.items) != null && i.some((v) => v === n) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
       }
       r("active", n), r("onActive", n);
     };
@@ -134,30 +134,30 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
         a.value = c(n);
       },
       { deep: !0, immediate: !0 }
-    ), (n, s) => {
+    ), (n, i) => {
       const f = Xe("VfMenu");
-      return g(), _("div", {
+      return g(), y("div", {
         class: D(["vf-menu", `vf-menu_${n.orientation}`])
       }, [
-        F("ul", yt, [
-          (g(!0), _(se, null, ke(a.value, (p, u) => (g(), _("li", {
-            key: v(p, u),
+        F("ul", _t, [
+          (g(!0), y(se, null, ke(a.value, (p, v) => (g(), y("li", {
+            key: d(p, v),
             class: "vf-menu__item",
             role: "none"
           }, [
-            n.$slots[v(p, u)] ? L(n.$slots, v(p, u), {
+            n.$slots[d(p, v)] ? L(n.$slots, d(p, v), {
               key: 0,
               item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (g(), _("hr", _t)) : p.items && p.items.length ? (g(), _(se, { key: 2 }, [
+            }) : p.separator ? (g(), y("hr", kt)) : p.items && p.items.length ? (g(), y(se, { key: 2 }, [
               F("div", {
                 class: D(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
                 role: "menuitem",
                 tabindex: "0",
                 "aria-expanded": p.subMenuVisible ? "true" : "false",
-                onClick: (y) => l(p),
+                onClick: (_) => l(p),
                 onKeydown: [
-                  q(Y((y) => l(p), ["prevent"]), ["enter"]),
-                  q(Y((y) => l(p), ["prevent"]), ["space"])
+                  U(Y((_) => l(p), ["prevent"]), ["enter"]),
+                  U(Y((_) => l(p), ["prevent"]), ["space"])
                 ]
               }, [
                 p.icon ? (g(), le(xe(Be), {
@@ -167,25 +167,25 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
                 }, null, 8, ["icon"])) : T("", !0),
                 Q(" " + O(p.label) + " ", 1),
                 qe(xe(Be), { icon: "chevronDown" })
-              ], 42, kt),
+              ], 42, Ct),
               p.items ? (g(), le(f, {
                 key: 0,
                 items: p.items,
                 class: D(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
-                onOnActive: d
+                onOnActive: u
               }, null, 8, ["items", "class"])) : T("", !0)
             ], 64)) : (g(), le(Je, {
               key: 3,
               to: p.to,
               href: p.href ?? p.url,
-              as: i(p),
+              as: s(p),
               class: "vf-menu__link",
               active: p.active,
               disabled: p.disabled,
               role: "menuitem",
               "aria-disabled": p.disabled ? "true" : "false",
-              onClick: (y) => l(p),
-              onActive: (y) => d(p)
+              onClick: (_) => l(p),
+              onActive: (_) => u(p)
             }, {
               default: ye(() => [
                 p.icon ? (g(), le(xe(Be), {
@@ -202,7 +202,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
       ], 2);
     };
   }
-}), Ct = ["type", "disabled"], Ka = /* @__PURE__ */ U({
+}), wt = ["type", "disabled"], Ya = /* @__PURE__ */ G({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,13 +221,13 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = ["button", "submit", "reset"], o = (n) => !!n && r.includes(n), a = h(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), v = h(() => o(e.type) ? e.type : "button"), i = h(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = h(() => {
+    const e = t, r = ["button", "submit", "reset"], o = (n) => !!n && r.includes(n), a = h(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = h(() => o(e.type) ? e.type : "button"), s = h(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = h(() => {
       let n = ["vf-button", `vf-button_${e.severity}`];
       return ["top", "bottom"].includes(e.iconPos) && n.push("vf-button_vertical"), e.variant === "text" && n.push("vf-button_text"), e.variant === "outlined" && n.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && n.push(`vf-button_${e.size}`), (e.loading || e.disabled) && n.push("vf-button_disabled"), e.rounded && n.push("vf-button_rounded"), n;
-    }), l = h(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), d = h(() => ["vf-button__label"]);
-    return (n, s) => a.value ? (g(), _("button", {
+    }), l = h(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = h(() => ["vf-button__label"]);
+    return (n, i) => a.value ? (g(), y("button", {
       key: 0,
-      type: v.value,
+      type: d.value,
       class: D(c.value),
       disabled: e.loading || e.disabled
     }, [
@@ -242,20 +242,20 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
         class: D(l.value),
         spin: ""
       }, null, 8, ["class"])) : T("", !0),
-      n.$slots.default ? (g(), _("span", {
+      n.$slots.default ? (g(), y("span", {
         key: 2,
-        class: D(d.value)
+        class: D(u.value)
       }, [
         L(n.$slots, "default")
-      ], 2)) : n.label ? (g(), _("span", {
+      ], 2)) : n.label ? (g(), y("span", {
         key: 3,
-        class: D(d.value)
+        class: D(u.value)
       }, O(n.label), 3)) : T("", !0)
-    ], 10, Ct)) : (g(), le(Je, {
+    ], 10, wt)) : (g(), le(Je, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
-      as: i.value,
+      as: s.value,
       class: D(c.value),
       disabled: e.loading || e.disabled
     }, {
@@ -265,26 +265,26 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
           icon: e.icon,
           class: D(l.value)
         }, null, 8, ["icon", "class"])) : T("", !0),
-        n.$slots.default ? (g(), _("span", {
+        n.$slots.default ? (g(), y("span", {
           key: 1,
-          class: D(d.value)
+          class: D(u.value)
         }, [
           L(n.$slots, "default")
-        ], 2)) : n.label ? (g(), _("span", {
+        ], 2)) : n.label ? (g(), y("span", {
           key: 2,
-          class: D(d.value)
+          class: D(u.value)
         }, O(n.label), 3)) : T("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), wt = {
+}), $t = {
   key: 0,
   class: "vf-input__prefix"
-}, $t = ["type", "value", "placeholder", "disabled", "readonly"], xt = {
+}, xt = ["type", "value", "placeholder", "disabled", "readonly"], Bt = {
   key: 1,
   class: "vf-input__suffix"
-}, Na = /* @__PURE__ */ U({
+}, Ga = /* @__PURE__ */ G({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -298,40 +298,40 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      const d = ["vf-input", `vf-input_${o.variant}`];
-      return o.size !== "normal" && d.push(`vf-input_${o.size}`), o.disabled && d.push("vf-input_disabled"), d;
-    }), v = (d) => {
-      const n = d.target;
-      r("update:modelValue", n.value), r("input", d);
-    }, i = (d) => r("change", d), c = (d) => r("focus", d), l = (d) => r("blur", d);
-    return (d, n) => (g(), _("div", {
+      const u = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && u.push(`vf-input_${o.size}`), o.disabled && u.push("vf-input_disabled"), u;
+    }), d = (u) => {
+      const n = u.target;
+      r("update:modelValue", n.value), r("input", u);
+    }, s = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, n) => (g(), y("div", {
       class: D(a.value)
     }, [
-      d.$slots.prefix ? (g(), _("span", wt, [
-        L(d.$slots, "prefix")
+      u.$slots.prefix ? (g(), y("span", $t, [
+        L(u.$slots, "prefix")
       ])) : T("", !0),
       F("input", {
         class: "vf-input__control",
-        type: d.type,
-        value: d.modelValue,
-        placeholder: d.placeholder,
-        disabled: d.disabled,
-        readonly: d.readonly,
-        onInput: v,
-        onChange: i,
+        type: u.type,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        readonly: u.readonly,
+        onInput: d,
+        onChange: s,
         onFocus: c,
         onBlur: l
-      }, null, 40, $t),
-      d.$slots.suffix ? (g(), _("span", xt, [
-        L(d.$slots, "suffix")
+      }, null, 40, xt),
+      u.$slots.suffix ? (g(), y("span", Bt, [
+        L(u.$slots, "suffix")
       ])) : T("", !0)
     ], 2));
   }
-}), Bt = ["for"], zt = {
+}), zt = ["for"], Ft = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Ft = { class: "vf-form-field__control" }, St = ["id"], Vt = ["id"], Ya = /* @__PURE__ */ U({
+}, St = { class: "vf-form-field__control" }, Vt = ["id"], Lt = ["id"], ja = /* @__PURE__ */ G({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -343,17 +343,17 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
     size: { default: "normal" }
   },
   setup(t) {
-    const e = t, r = Ue(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = h(() => e.id || o), v = h(() => `${a.value}-hint`), i = h(() => `${a.value}-error`), c = h(() => !!e.label || !!r.label), l = h(() => !!e.hint || !!r.hint), d = h(() => !!e.error || !!r.error), n = h(() => {
+    const e = t, r = Ue(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = h(() => e.id || o), d = h(() => `${a.value}-hint`), s = h(() => `${a.value}-error`), c = h(() => !!e.label || !!r.label), l = h(() => !!e.hint || !!r.hint), u = h(() => !!e.error || !!r.error), n = h(() => {
       const f = [];
-      return l.value && f.push(v.value), d.value && f.push(i.value), f.length ? f.join(" ") : void 0;
-    }), s = h(() => {
+      return l.value && f.push(d.value), u.value && f.push(s.value), f.length ? f.join(" ") : void 0;
+    }), i = h(() => {
       const f = ["vf-form-field"];
-      return e.size !== "normal" && f.push(`vf-form-field_${e.size}`), e.disabled && f.push("vf-form-field_disabled"), d.value && f.push("vf-form-field_invalid"), f;
+      return e.size !== "normal" && f.push(`vf-form-field_${e.size}`), e.disabled && f.push("vf-form-field_disabled"), u.value && f.push("vf-form-field_invalid"), f;
     });
-    return (f, p) => (g(), _("div", {
-      class: D(s.value)
+    return (f, p) => (g(), y("div", {
+      class: D(i.value)
     }, [
-      c.value ? (g(), _("label", {
+      c.value ? (g(), y("label", {
         key: 0,
         class: "vf-form-field__label",
         for: a.value
@@ -361,38 +361,38 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
         L(f.$slots, "label", {}, () => [
           Q(O(f.label), 1)
         ]),
-        f.required ? (g(), _("span", zt, "*")) : T("", !0)
-      ], 8, Bt)) : T("", !0),
-      F("div", Ft, [
+        f.required ? (g(), y("span", Ft, "*")) : T("", !0)
+      ], 8, zt)) : T("", !0),
+      F("div", St, [
         L(f.$slots, "default", {
           id: a.value,
           describedBy: n.value,
-          invalid: d.value,
+          invalid: u.value,
           required: f.required
         })
       ]),
-      l.value ? (g(), _("p", {
+      l.value ? (g(), y("p", {
         key: 1,
-        id: v.value,
+        id: d.value,
         class: "vf-form-field__hint"
       }, [
         L(f.$slots, "hint", {}, () => [
           Q(O(f.hint), 1)
         ])
-      ], 8, St)) : T("", !0),
-      d.value ? (g(), _("p", {
+      ], 8, Vt)) : T("", !0),
+      u.value ? (g(), y("p", {
         key: 2,
-        id: i.value,
+        id: s.value,
         class: "vf-form-field__error",
         role: "alert"
       }, [
         L(f.$slots, "error", {}, () => [
           Q(O(f.error), 1)
         ])
-      ], 8, Vt)) : T("", !0)
+      ], 8, Lt)) : T("", !0)
     ], 2));
   }
-}), Lt = ["value", "placeholder", "disabled", "readonly", "rows"], Ga = /* @__PURE__ */ U({
+}), Tt = ["value", "placeholder", "disabled", "readonly", "rows"], Xa = /* @__PURE__ */ G({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -406,27 +406,27 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      const d = ["vf-textarea", `vf-textarea_${o.variant}`];
-      return o.size !== "normal" && d.push(`vf-textarea_${o.size}`), o.disabled && d.push("vf-textarea_disabled"), d;
-    }), v = (d) => {
-      const n = d.target;
-      r("update:modelValue", n.value), r("input", d);
-    }, i = (d) => r("change", d), c = (d) => r("focus", d), l = (d) => r("blur", d);
-    return (d, n) => (g(), _("div", {
+      const u = ["vf-textarea", `vf-textarea_${o.variant}`];
+      return o.size !== "normal" && u.push(`vf-textarea_${o.size}`), o.disabled && u.push("vf-textarea_disabled"), u;
+    }), d = (u) => {
+      const n = u.target;
+      r("update:modelValue", n.value), r("input", u);
+    }, s = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, n) => (g(), y("div", {
       class: D(a.value)
     }, [
       F("textarea", {
         class: "vf-textarea__control",
-        value: d.modelValue,
-        placeholder: d.placeholder,
-        disabled: d.disabled,
-        readonly: d.readonly,
-        rows: d.rows,
-        onInput: v,
-        onChange: i,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        readonly: u.readonly,
+        rows: u.rows,
+        onInput: d,
+        onChange: s,
         onFocus: c,
         onBlur: l
-      }, null, 40, Lt)
+      }, null, 40, Tt)
     ], 2));
   }
 }), Ne = [
@@ -452,16 +452,16 @@ const ht = /* @__PURE__ */ ct(ut, [["render", mt]]), yt = {
   }
   return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : pe(t.parentNode);
 };
-function Tt(t) {
+function Rt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me = (t, e) => Rt(t, e) === "fixed", ie = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, v = e ? me(r, e) : !1;
-  if (a && !v) {
-    const i = a.getBoundingClientRect(), c = a.scrollLeft, l = a.scrollTop;
+const Pt = (t, e) => t.strategy ? t.strategy : Rt(e) ? "fixed" : "absolute", me = (t, e) => Pt(t, e) === "fixed", ie = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, d = e ? me(r, e) : !1;
+  if (a && !d) {
+    const s = a.getBoundingClientRect(), c = a.scrollLeft, l = a.scrollTop;
     return {
-      left: o.left - i.left + c,
-      top: o.top - i.top + l,
+      left: o.left - s.left + c,
+      top: o.top - s.top + l,
       width: o.width,
       height: o.height
     };
@@ -475,60 +475,60 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
 }, _e = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Qe = (t, e) => !!_e(t, e), Pt = (t) => {
+}, Qe = (t, e) => !!_e(t, e), Mt = (t) => {
   const e = pe(t);
   let r = "";
   return e !== null && ((e.dataset.scrollTop === void 0 || e.scrollTop === +e.dataset.scrollTop) && (e.dataset.scrollTop = "0"), (e.dataset.scrollLeft === void 0 || e.scrollLeft === +e.dataset.scrollLeft) && (e.dataset.scrollLeft = "0"), e.scrollTop > +e.dataset.scrollTop ? r = "bottom" : e.scrollTop < +e.dataset.scrollTop ? r = "top" : e.scrollLeft > +e.dataset.scrollLeft ? r = "right" : e.scrollLeft < +e.dataset.scrollLeft && (r = "left"), e.dataset.scrollTop = e.scrollTop <= 0 ? "0" : e.scrollTop.toString(), e.dataset.scrollLeft = e.scrollLeft <= 0 ? "0" : e.scrollLeft.toString()), r;
 }, Re = (t) => t.scrollLeft + t.clientWidth, Pe = (t) => t.scrollTop + t.clientHeight, de = (t, e, r = null, o = {}, a) => {
   if (r === null && typeof window < "u" && me(o, e))
     return t;
-  let v = 0;
+  let d = 0;
   if (r === null) {
-    const i = pe(e);
-    v = i ? i.scrollTop : 0;
+    const s = pe(e);
+    d = s ? s.scrollTop : 0;
   }
-  return t - v;
+  return t - d;
 }, ce = (t, e, r = null, o = {}, a) => {
-  let v;
+  let d;
   if (r === null && typeof window < "u" && me(o, e))
-    v = window.innerWidth;
+    d = window.innerWidth;
   else if (r === null) {
-    const i = pe(e);
-    v = i ? Re(i) : 0;
+    const s = pe(e);
+    d = s ? Re(s) : 0;
   } else
-    v = r.getBoundingClientRect().width;
-  return -(t + e.clientWidth - v);
+    d = r.getBoundingClientRect().width;
+  return -(t + e.clientWidth - d);
 }, be = (t, e, r = null, o = {}, a) => {
-  let v;
+  let d;
   if (r === null && typeof window < "u" && me(o, e))
-    v = window.innerHeight;
+    d = window.innerHeight;
   else if (r === null) {
-    const i = pe(e);
-    v = i ? Pe(i) : 0;
+    const s = pe(e);
+    d = s ? Pe(s) : 0;
   } else
-    v = r.getBoundingClientRect().height;
-  return -(t + e.clientHeight - v);
+    d = r.getBoundingClientRect().height;
+  return -(t + e.clientHeight - d);
 }, ue = (t, e, r = null, o = {}, a) => {
   if (r === null && typeof window < "u" && me(o, e))
     return t;
-  let v = 0;
+  let d = 0;
   if (r === null) {
-    const i = pe(e);
-    v = i ? i.scrollLeft : 0;
+    const s = pe(e);
+    d = s ? s.scrollLeft : 0;
   }
-  return t - v;
+  return t - d;
 }, Ye = ({
   options: t,
   primaryX: e,
   primaryY: r,
   floating: o,
   placement: a,
-  reference: v,
-  scrollDirection: i
+  reference: d,
+  scrollDirection: s
 }) => {
-  const c = Me(v, o, a, t), l = _e(t, "offset");
+  const c = Me(d, o, a, t), l = _e(t, "offset");
   if (l) {
-    const d = l.fn({
+    const u = l.fn({
       x: c.x,
       y: c.y,
       options: t,
@@ -536,12 +536,12 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       primaryY: r,
       floating: o,
       placement: a,
-      reference: v,
-      scrollDirection: i
+      reference: d,
+      scrollDirection: s
     });
-    c.x = d.x, c.y = d.y;
+    c.x = u.x, c.y = u.y;
   }
-  return Ut(c, o, v, t) ? {
+  return Zt(c, o, d, t) ? {
     x: c.x,
     y: c.y,
     placement: a
@@ -554,21 +554,21 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     y: r,
     options: o,
     primaryX: a,
-    primaryY: v,
-    floating: i,
+    primaryY: d,
+    floating: s,
     placement: c,
     reference: l,
-    scrollDirection: d
+    scrollDirection: u
   }) => {
     var n;
-    const s = {
+    const i = {
       x: e,
       y: r,
       placement: c
     }, f = {
       ...o,
       middleware: (n = o.middleware) == null ? void 0 : n.filter((S) => S.name !== "shift")
-    }, p = (t == null ? void 0 : t.placements) ?? Ne, u = !(t != null && t.placements), y = u ? Ne : p;
+    }, p = (t == null ? void 0 : t.placements) ?? Ne, v = !(t != null && t.placements), _ = v ? Ne : p;
     let m = !1;
     const C = (S) => {
       if (m)
@@ -576,25 +576,25 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       const H = Ye({
         options: f,
         primaryX: a,
-        primaryY: v,
-        floating: i,
+        primaryY: d,
+        floating: s,
         placement: S,
         reference: l,
-        scrollDirection: d
+        scrollDirection: u
       });
-      H && (s.x = H.x, s.y = H.y, s.placement = H.placement, m = !0);
-    }, M = Jt(l, i, f);
-    if (!u && p.includes(c) && C(c), m || y.forEach(C), !m) {
+      H && (i.x = H.x, i.y = H.y, i.placement = H.placement, m = !0);
+    }, M = Qt(l, s, f);
+    if (!v && p.includes(c) && C(c), m || _.forEach(C), !m) {
       const S = p.reduce(
         (H, R) => {
           const P = Ye({
             options: f,
             primaryX: a,
-            primaryY: v,
-            floating: i,
+            primaryY: d,
+            floating: s,
             placement: R,
             reference: l,
-            scrollDirection: d
+            scrollDirection: u
           });
           if (!P)
             return H;
@@ -603,7 +603,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         },
         null
       );
-      S && (s.x = S.result.x, s.y = S.result.y, s.placement = S.result.placement, m = !0);
+      S && (i.x = S.result.x, i.y = S.result.y, i.placement = S.result.placement, m = !0);
     }
     if (!m && p.length > 0) {
       const S = ze(c);
@@ -612,55 +612,55 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         const k = ze(x), V = M[k];
         V > R && (R = V, H = k);
       });
-      const P = Zt(H, c, p), W = Me(l, i, P, f), z = _e(f, "offset");
+      const P = Jt(H, c, p), W = Me(l, s, P, f), z = _e(f, "offset");
       if (z) {
         const x = z.fn({
           x: W.x,
           y: W.y,
           options: f,
           primaryX: a,
-          primaryY: v,
-          floating: i,
+          primaryY: d,
+          floating: s,
           placement: P,
           reference: l,
-          scrollDirection: d
+          scrollDirection: u
         });
         W.x = x.x, W.y = x.y;
       }
-      s.x = W.x, s.y = W.y, s.placement = W.placement;
+      i.x = W.x, i.y = W.y, i.placement = W.placement;
     }
-    return s;
+    return i;
   }
 }), et = (t, e, r, o, a) => {
-  var v, i, c;
+  var d, s, c;
   let l = 0;
   o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
-  const d = _e(e, "arrow"), n = _e(e, "shift");
-  if (d) {
-    const s = ((v = d.params) == null ? void 0 : v.arrow).getBoundingClientRect();
-    o.startsWith("right") ? l -= s.width / 2 : o.startsWith("left") && (l += s.width / 2);
+  const u = _e(e, "arrow"), n = _e(e, "shift");
+  if (u) {
+    const i = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= i.width / 2 : o.startsWith("left") && (l += i.width / 2);
   }
-  if (Qe(e, "shift") && d) {
-    let s = null, f = 0;
-    n && (s = (i = n.params) == null ? void 0 : i.parent);
-    const p = (c = d.params) == null ? void 0 : c.arrow;
-    f = p.getBoundingClientRect().width / 2, f += It(p), f -= t, o.startsWith("right") ? ce(r - l, a, s, e) <= t ? ce(r, a, s, e) > 0 ? l = t - ce(r, a, s, e) : l = t : ue(r - l - f, a, s, e) <= t && (ue(r - l - f, a, s, e) >= 0 ? (l = -t - (ue(r - l - f, a, s, e) + t), s && (l = -t)) : l = -t) : o.startsWith("left") ? ce(r - l + f, a, s, e) <= t ? (l = t + ce(r - f, a, s, e), l <= t && (l = t)) : ue(r - l, a, s, e) <= t && (l = -t + ue(r, a, s, e), l <= -t && (l = -t)) : ce(r - l, a, s, e) <= t ? ce(r - l, a, s, e) <= t && ce(r, a, s, e) > 0 ? l = t - ce(r, a, s, e) : l = t : ue(r - l, a, s, e) <= t && (ue(r - l, a, s, e) <= t && ue(r, a, s, e) > 0 ? l = -(t - ue(r, a, s, e)) : l = -t);
+  if (Qe(e, "shift") && u) {
+    let i = null, f = 0;
+    n && (i = (s = n.params) == null ? void 0 : s.parent);
+    const p = (c = u.params) == null ? void 0 : c.arrow;
+    f = p.getBoundingClientRect().width / 2, f += Dt(p), f -= t, o.startsWith("right") ? ce(r - l, a, i, e) <= t ? ce(r, a, i, e) > 0 ? l = t - ce(r, a, i, e) : l = t : ue(r - l - f, a, i, e) <= t && (ue(r - l - f, a, i, e) >= 0 ? (l = -t - (ue(r - l - f, a, i, e) + t), i && (l = -t)) : l = -t) : o.startsWith("left") ? ce(r - l + f, a, i, e) <= t ? (l = t + ce(r - f, a, i, e), l <= t && (l = t)) : ue(r - l, a, i, e) <= t && (l = -t + ue(r, a, i, e), l <= -t && (l = -t)) : ce(r - l, a, i, e) <= t ? ce(r - l, a, i, e) <= t && ce(r, a, i, e) > 0 ? l = t - ce(r, a, i, e) : l = t : ue(r - l, a, i, e) <= t && (ue(r - l, a, i, e) <= t && ue(r, a, i, e) > 0 ? l = -(t - ue(r, a, i, e)) : l = -t);
   }
   return l;
 }, tt = (t, e, r, o, a) => {
-  var v, i, c;
+  var d, s, c;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
-  const d = _e(e, "arrow"), n = _e(e, "shift");
-  if (d) {
-    const s = ((v = d.params) == null ? void 0 : v.arrow).getBoundingClientRect();
-    o.startsWith("top") ? l += s.height / 2 : o.startsWith("bottom") && (l -= s.height / 2);
+  const u = _e(e, "arrow"), n = _e(e, "shift");
+  if (u) {
+    const i = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += i.height / 2 : o.startsWith("bottom") && (l -= i.height / 2);
   }
-  if (Qe(e, "shift") && d) {
-    let s = null, f = 0;
-    n && (s = (i = n.params) == null ? void 0 : i.parent);
-    const p = (c = d.params) == null ? void 0 : c.arrow;
-    f = p.getBoundingClientRect().height / 2, f += Dt(p), f -= t, o.startsWith("top") ? de(r - l, a, s, e) <= t ? de(r, a, s, e) >= 0 ? l = -(t - de(r, a, s, e)) : l = -t : be(r - l + f, a, s, e) <= t && (l = t + be(r - f, a, s, e), l <= t && (l = t)) : o.startsWith("bottom") ? de(r - l - f, a, s, e) <= t ? de(r - l - f, a, s, e) >= 0 ? (l = -t - (de(r - l - f, a, s, e) + t), s && (l = -t)) : l = -t : be(r - l, a, s, e) <= t && (be(r, a, s, e) >= 0 ? l = t - be(r, a, s, e) : l = t) : de(r - l, a, s, e) <= t ? de(r - l, a, s, e) >= 0 ? l = -(t - de(r - l, a, s, e)) : l = -t : be(r - l, a, s, e) <= t && (be(r - l, a, s, e) >= 0 ? l = t - be(r - l, a, s, e) : l = t);
+  if (Qe(e, "shift") && u) {
+    let i = null, f = 0;
+    n && (i = (s = n.params) == null ? void 0 : s.parent);
+    const p = (c = u.params) == null ? void 0 : c.arrow;
+    f = p.getBoundingClientRect().height / 2, f += Ot(p), f -= t, o.startsWith("top") ? de(r - l, a, i, e) <= t ? de(r, a, i, e) >= 0 ? l = -(t - de(r, a, i, e)) : l = -t : be(r - l + f, a, i, e) <= t && (l = t + be(r - f, a, i, e), l <= t && (l = t)) : o.startsWith("bottom") ? de(r - l - f, a, i, e) <= t ? de(r - l - f, a, i, e) >= 0 ? (l = -t - (de(r - l - f, a, i, e) + t), i && (l = -t)) : l = -t : be(r - l, a, i, e) <= t && (be(r, a, i, e) >= 0 ? l = t - be(r, a, i, e) : l = t) : de(r - l, a, i, e) <= t ? de(r - l, a, i, e) >= 0 ? l = -(t - de(r - l, a, i, e)) : l = -t : be(r - l, a, i, e) <= t && (be(r - l, a, i, e) >= 0 ? l = t - be(r - l, a, i, e) : l = t);
   }
   return l;
 }, Ve = (t) => ({
@@ -671,15 +671,15 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     y: r,
     options: o,
     primaryX: a,
-    primaryY: v,
-    floating: i,
+    primaryY: d,
+    floating: s,
     placement: c
   }) => ({
-    x: e - et(t, o, a, c, i),
-    y: r - tt(t, o, v, c, i),
+    x: e - et(t, o, a, c, s),
+    y: r - tt(t, o, d, c, s),
     placement: c
   })
-}), Mt = (t) => ({
+}), It = (t) => ({
   name: "shift",
   params: t,
   fn: ({
@@ -687,129 +687,129 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     y: r,
     options: o,
     primaryX: a,
-    primaryY: v,
-    floating: i,
+    primaryY: d,
+    floating: s,
     placement: c,
     reference: l
   }) => {
-    var d;
+    var u;
     const n = {
       x: e,
       y: r,
       placement: c
-    }, s = o.middleware || [], f = s.findIndex((V) => V.name === "shift"), p = s.findIndex((V) => V.name === "offset"), u = p !== -1 && (f === -1 || p > f), y = s.find((V) => V.name === "offset"), m = y ? (d = y.params) == null ? void 0 : d.value : 0, C = u ? et(m, o, a, c, i) : 0, M = u ? tt(m, o, v, c, i) : 0, S = e - C, H = r - M;
+    }, i = o.middleware || [], f = i.findIndex((V) => V.name === "shift"), p = i.findIndex((V) => V.name === "offset"), v = p !== -1 && (f === -1 || p > f), _ = i.find((V) => V.name === "offset"), m = _ ? (u = _.params) == null ? void 0 : u.value : 0, C = v ? et(m, o, a, c, s) : 0, M = v ? tt(m, o, d, c, s) : 0, S = e - C, H = r - M;
     let R = S, P = H;
-    const W = y ? Math.abs(m) : 0, z = W, x = W;
-    if (me(o, i) && typeof window < "u") {
-      const V = z, K = window.innerWidth - i.clientWidth - z, G = K < V ? V : K, j = x, oe = window.innerHeight - i.clientHeight - x, X = oe < j ? j : oe;
-      R < V ? R = V : R > G && (R = G), P < j ? P = j : P > X && (P = X), u ? (n.x = e + (R - S), n.y = r + (P - H)) : (n.x = R, n.y = P);
-      const ae = z, J = window.innerWidth - i.clientWidth - z, ne = x, w = window.innerHeight - i.clientHeight - x, E = u ? ae + C : ae, A = u ? J + C : J, ee = u ? ne + M : ne, b = u ? w + M : w;
+    const W = _ ? Math.abs(m) : 0, z = W, x = W;
+    if (me(o, s) && typeof window < "u") {
+      const V = z, K = window.innerWidth - s.clientWidth - z, j = K < V ? V : K, X = x, oe = window.innerHeight - s.clientHeight - x, q = oe < X ? X : oe;
+      R < V ? R = V : R > j && (R = j), P < X ? P = X : P > q && (P = q), v ? (n.x = e + (R - S), n.y = r + (P - H)) : (n.x = R, n.y = P);
+      const ae = z, J = window.innerWidth - s.clientWidth - z, ne = x, w = window.innerHeight - s.clientHeight - x, E = v ? ae + C : ae, A = v ? J + C : J, ee = v ? ne + M : ne, b = v ? w + M : w;
       return n.x < E ? n.x = E : n.x > A && (n.x = A), n.y < ee ? n.y = ee : n.y > b && (n.y = b), n;
     }
-    const k = pe(i);
+    const k = pe(s);
     if (k !== null) {
-      const V = ie(l, i, o), K = V.left, G = V.left + V.width, j = V.top, oe = V.top + V.height, X = k.scrollLeft + z, ae = Re(k) - i.clientWidth - z, J = ae < X ? X : ae, ne = k.scrollTop + x, w = Pe(k) - i.clientHeight - x, E = w < ne ? ne : w, A = k.scrollLeft, ee = Re(k), b = k.scrollTop, $ = Pe(k);
-      G <= A ? R = X : K >= ee && (R = J), oe <= b ? P = ne : j >= $ && (P = E), P < ne ? P = ne : P > E && (P = E), R < X ? R = X : R > J && (R = J);
+      const V = ie(l, s, o), K = V.left, j = V.left + V.width, X = V.top, oe = V.top + V.height, q = k.scrollLeft + z, ae = Re(k) - s.clientWidth - z, J = ae < q ? q : ae, ne = k.scrollTop + x, w = Pe(k) - s.clientHeight - x, E = w < ne ? ne : w, A = k.scrollLeft, ee = Re(k), b = k.scrollTop, $ = Pe(k);
+      j <= A ? R = q : K >= ee && (R = J), oe <= b ? P = ne : X >= $ && (P = E), P < ne ? P = ne : P > E && (P = E), R < q ? R = q : R > J && (R = J);
     }
-    if (u ? (n.x = e + (R - S), n.y = r + (P - H)) : (n.x = R, n.y = P), k !== null) {
-      const V = k.scrollLeft + z, K = Re(k) - i.clientWidth - z, G = k.scrollTop + x, j = Pe(k) - i.clientHeight - x, oe = u ? V + C : V, X = u ? K + C : K, ae = u ? G + M : G, J = u ? j + M : j;
-      n.x < oe ? n.x = oe : n.x > X && (n.x = X), n.y < ae ? n.y = ae : n.y > J && (n.y = J);
+    if (v ? (n.x = e + (R - S), n.y = r + (P - H)) : (n.x = R, n.y = P), k !== null) {
+      const V = k.scrollLeft + z, K = Re(k) - s.clientWidth - z, j = k.scrollTop + x, X = Pe(k) - s.clientHeight - x, oe = v ? V + C : V, q = v ? K + C : K, ae = v ? j + M : j, J = v ? X + M : X;
+      n.x < oe ? n.x = oe : n.x > q && (n.x = q), n.y < ae ? n.y = ae : n.y > J && (n.y = J);
     }
     return n;
   }
-}), It = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Dt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Le = (t, e) => {
+}), Dt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Ot = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Le = (t, e) => {
   const r = pe(t), o = [];
   if (r !== null) {
     const a = () => e();
     r.addEventListener("scroll", a, !1), o.push(() => r.removeEventListener("scroll", a, !1));
   }
   if (typeof window < "u") {
-    const a = () => e(), v = () => e();
-    window.addEventListener("scroll", a, !1), window.addEventListener("resize", v, !1), o.push(() => window.removeEventListener("scroll", a, !1)), o.push(() => window.removeEventListener("resize", v, !1));
+    const a = () => e(), d = () => e();
+    window.addEventListener("scroll", a, !1), window.addEventListener("resize", d, !1), o.push(() => window.removeEventListener("scroll", a, !1)), o.push(() => window.removeEventListener("resize", d, !1));
   }
   if (typeof ResizeObserver < "u" && t instanceof HTMLElement) {
     const a = new ResizeObserver(() => e());
     a.observe(t), o.push(() => a.disconnect());
   }
   return () => o.forEach((a) => a());
-}, Ot = (t, e, r = {}) => {
+}, Et = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, Et = (t, e, r = {}) => {
+}, Wt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, Wt = (t, e, r = {}) => {
+}, Ht = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, Ht = (t, e, r = {}) => {
+}, At = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
     placement: "right"
   };
-}, At = (t, e, r = {}) => {
+}, Kt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top,
     placement: "right-start"
   };
-}, Kt = (t, e, r = {}) => {
+}, Nt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, Nt = (t, e, r = {}) => {
+}, Yt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
     y: o.top + o.height,
     placement: "bottom"
   };
-}, Yt = (t, e, r = {}) => {
+}, Gt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left,
     y: o.top + o.height,
     placement: "bottom-start"
   };
-}, Gt = (t, e, r = {}) => {
+}, jt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
-}, jt = (t, e, r = {}) => {
+}, Xt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, Xt = (t, e, r = {}) => {
+}, qt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top,
     placement: "left-start"
   };
-}, qt = (t, e, r = {}) => {
+}, Ut = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
@@ -819,29 +819,29 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
 }, Me = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return Ot(t, e, o);
-    case "top-start":
       return Et(t, e, o);
-    case "top-end":
+    case "top-start":
       return Wt(t, e, o);
-    case "right":
+    case "top-end":
       return Ht(t, e, o);
-    case "right-start":
+    case "right":
       return At(t, e, o);
-    case "right-end":
+    case "right-start":
       return Kt(t, e, o);
-    case "bottom":
+    case "right-end":
       return Nt(t, e, o);
-    case "bottom-start":
+    case "bottom":
       return Yt(t, e, o);
-    case "bottom-end":
+    case "bottom-start":
       return Gt(t, e, o);
-    case "left":
+    case "bottom-end":
       return jt(t, e, o);
-    case "left-start":
+    case "left":
       return Xt(t, e, o);
-    case "left-end":
+    case "left-start":
       return qt(t, e, o);
+    case "left-end":
+      return Ut(t, e, o);
     default:
       return {
         x: 0,
@@ -849,25 +849,25 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         placement: ""
       };
   }
-}, Ut = (t, e, r, o = {}) => {
+}, Zt = (t, e, r, o = {}) => {
   if (me(o, e)) {
     if (typeof window > "u")
       return !0;
-    const s = t.x, f = t.y, p = s + e.clientWidth, u = f + e.clientHeight;
-    return s >= 0 && f >= 0 && p <= window.innerWidth && u <= window.innerHeight;
+    const i = t.x, f = t.y, p = i + e.clientWidth, v = f + e.clientHeight;
+    return i >= 0 && f >= 0 && p <= window.innerWidth && v <= window.innerHeight;
   }
   if (pe(r) !== null)
     return de(t.y, e, null, o) > 0 && ce(t.x, e, null, o) > 0 && be(t.y, e, null, o) > 0 && ue(t.x, e, null, o) > 0;
   if (typeof window > "u")
     return !0;
-  const a = window.innerWidth, v = window.innerHeight, i = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
-  if (i) {
-    const s = i.getBoundingClientRect(), f = s.left + t.x, p = s.top + t.y, u = f + e.clientWidth, y = p + e.clientHeight;
-    return f >= 0 && p >= 0 && u <= a && y <= v;
+  const a = window.innerWidth, d = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (s) {
+    const i = s.getBoundingClientRect(), f = i.left + t.x, p = i.top + t.y, v = f + e.clientWidth, _ = p + e.clientHeight;
+    return f >= 0 && p >= 0 && v <= a && _ <= d;
   }
-  const c = t.x, l = t.y, d = c + e.clientWidth, n = l + e.clientHeight;
-  return c >= 0 && l >= 0 && d <= a && n <= v;
-}, ze = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Zt = (t, e, r) => ze(e) === t && r.includes(e) ? e : r.find((o) => ze(o) === t) ?? r[0], Jt = (t, e, r = {}) => {
+  const c = t.x, l = t.y, u = c + e.clientWidth, n = l + e.clientHeight;
+  return c >= 0 && l >= 0 && u <= a && n <= d;
+}, ze = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Jt = (t, e, r) => ze(e) === t && r.includes(e) ? e : r.find((o) => ze(o) === t) ?? r[0], Qt = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -875,51 +875,51 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       bottom: 0,
       left: 0
     };
-  const o = me(r, e) ? null : pe(t), a = t.getBoundingClientRect(), v = o ? o.getBoundingClientRect() : {
+  const o = me(r, e) ? null : pe(t), a = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
     bottom: window.innerHeight
   };
   return {
-    top: a.top - v.top,
-    right: v.right - a.right,
-    bottom: v.bottom - a.bottom,
-    left: a.left - v.left
+    top: a.top - d.top,
+    right: d.right - a.right,
+    bottom: d.bottom - a.bottom,
+    left: a.left - d.left
   };
 }, Te = (t, e, r = {}) => new Promise((o) => {
-  var a, v;
-  const i = r.placement ? r.placement : "bottom", c = {
+  var a, d;
+  const s = r.placement ? r.placement : "bottom", c = {
     x: 0,
     y: 0,
-    placement: i,
+    placement: s,
     middlewareData: {}
-  }, l = Me(t, e, i, r);
+  }, l = Me(t, e, s, r);
   c.x = l.x, c.y = l.y, c.placement = l.placement;
-  const d = c.x, n = c.y, s = Pt(t);
-  (a = r.middleware) == null || a.forEach((y) => {
-    const m = y.fn({
+  const u = c.x, n = c.y, i = Mt(t);
+  (a = r.middleware) == null || a.forEach((_) => {
+    const m = _.fn({
       x: c.x,
       y: c.y,
       options: r,
-      primaryX: d,
+      primaryX: u,
       primaryY: n,
       floating: e,
       placement: c.placement,
       reference: t,
-      scrollDirection: s
+      scrollDirection: i
     });
-    c.x = m.x, c.y = m.y, c.placement = m.placement, y.name === "arrow" && (m.baseX = m.x, m.baseY = m.y, m.x = m.arrowX ?? m.x, m.y = m.arrowY ?? m.y), c.middlewareData[y.name] = m;
+    c.x = m.x, c.y = m.y, c.placement = m.placement, _.name === "arrow" && (m.baseX = m.x, m.baseY = m.y, m.x = m.arrowX ?? m.x, m.y = m.arrowY ?? m.y), c.middlewareData[_.name] = m;
   });
-  const f = Me(t, e, c.placement, r), p = _e(r, "offset"), u = p ? (v = p.params) == null ? void 0 : v.value : 0;
+  const f = Me(t, e, c.placement, r), p = _e(r, "offset"), v = p ? (d = p.params) == null ? void 0 : d.value : 0;
   if (Number.isFinite(c.x) || (c.x = f.x), !Number.isFinite(c.y))
     if (me(r, e)) {
-      const y = t.getBoundingClientRect(), m = e.getBoundingClientRect().height;
-      c.placement.startsWith("top") ? c.y = y.top - m - u : c.placement.startsWith("bottom") ? c.y = y.bottom + u : c.y = f.y;
+      const _ = t.getBoundingClientRect(), m = e.getBoundingClientRect().height;
+      c.placement.startsWith("top") ? c.y = _.top - m - v : c.placement.startsWith("bottom") ? c.y = _.bottom + v : c.y = f.y;
     } else
       c.y = f.y;
   o(c);
-}), Qt = ["disabled", "aria-expanded", "onKeydown"], eo = ["data-placement"], to = ["disabled", "aria-selected", "onClick"], ja = /* @__PURE__ */ U({
+}), eo = ["disabled", "aria-expanded", "onKeydown"], to = ["data-placement"], oo = ["disabled", "aria-selected", "onClick"], qa = /* @__PURE__ */ G({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -934,58 +934,58 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, v = I(null), i = I(null), c = I(null), l = I(!1), d = I("bottom"), n = I("bottom"), s = `vf-select-panel-${++r}`;
+    const o = e, a = t, d = I(null), s = I(null), c = I(null), l = I(!1), u = I("bottom"), n = I("bottom"), i = `vf-select-panel-${++r}`;
     let f = null;
     const p = h(() => a.options.map((k) => ({
       label: k[a.optionLabel],
       value: k[a.optionValue],
       disabled: k.disabled
-    }))), u = h(() => p.value.find((k) => k.value === a.modelValue)), y = h(() => {
+    }))), v = h(() => p.value.find((k) => k.value === a.modelValue)), _ = h(() => {
       var k;
-      return ((k = u.value) == null ? void 0 : k.label) ?? "";
+      return ((k = v.value) == null ? void 0 : k.label) ?? "";
     }), m = h(() => {
       const k = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
       return a.size !== "normal" && k.push(`vf-select_${a.size}`), a.disabled && k.push("vf-select_disabled"), k.filter(Boolean);
     }), C = (k) => k.value === a.modelValue, M = (k) => {
       k.disabled || (o("update:modelValue", k.value), o("change", k.value), R());
     }, S = (k) => o("focus", k), H = (k) => o("blur", k), R = () => {
-      l.value = !1, d.value = "bottom", n.value = "bottom";
+      l.value = !1, u.value = "bottom", n.value = "bottom";
     }, P = () => {
-      a.disabled || (l.value = !l.value, l.value && (d.value = "bottom", n.value = "bottom"));
+      a.disabled || (l.value = !l.value, l.value && (u.value = "bottom", n.value = "bottom"));
     }, W = async () => {
       var k, V;
       l.value || (l.value = !0, await Ce()), (V = (k = c.value) == null ? void 0 : k.querySelector(".vf-select__option:not(.is-disabled)")) == null || V.focus();
     }, z = (k) => {
       var K;
-      if (!l.value || !v.value)
+      if (!l.value || !d.value)
         return;
       const V = k.target;
-      v.value.contains(V) || (K = c.value) != null && K.contains(V) || R();
+      d.value.contains(V) || (K = c.value) != null && K.contains(V) || R();
     }, x = () => {
-      if (!i.value || !c.value)
+      if (!s.value || !c.value)
         return;
-      const k = i.value, V = c.value, K = async () => {
+      const k = s.value, V = c.value, K = async () => {
         const {
-          x: X,
+          x: q,
           y: ae,
           placement: J
         } = await Te(k, V, {
-          placement: d.value,
+          placement: u.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        n.value = J ?? d.value, V.style.minWidth = `${k.getBoundingClientRect().width}px`, V.style.left = `${X}px`, V.style.top = `${ae}px`;
-      }, G = async () => {
+        n.value = J ?? u.value, V.style.minWidth = `${k.getBoundingClientRect().width}px`, V.style.left = `${q}px`, V.style.top = `${ae}px`;
+      }, j = async () => {
         await K();
-      }, j = Le(k, () => {
-        G();
+      }, X = Le(k, () => {
+        j();
       }), oe = () => {
-        G();
+        j();
       };
       document.addEventListener("scroll", oe, !0), window.addEventListener("resize", oe, !1), f = {
-        update: G,
+        update: j,
         destroy: () => {
-          j(), document.removeEventListener("scroll", oe, !0), window.removeEventListener("resize", oe, !1);
+          X(), document.removeEventListener("scroll", oe, !0), window.removeEventListener("resize", oe, !1);
         }
       }, f.update();
     };
@@ -1005,68 +1005,68 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       document.addEventListener("click", z);
     }), we(() => {
       document.removeEventListener("click", z), f == null || f.destroy(), f = null;
-    }), (k, V) => (g(), _("div", {
+    }), (k, V) => (g(), y("div", {
       ref_key: "root",
-      ref: v,
+      ref: d,
       class: D(m.value)
     }, [
       F("button", {
         ref_key: "trigger",
-        ref: i,
+        ref: s,
         class: "vf-select__control",
         type: "button",
         disabled: k.disabled,
         "aria-expanded": l.value,
-        "aria-controls": s,
+        "aria-controls": i,
         "aria-haspopup": "listbox",
         onClick: P,
         onKeydown: [
-          q(Y(W, ["prevent"]), ["down"]),
-          q(Y(P, ["prevent"]), ["enter"]),
-          q(Y(R, ["prevent"]), ["esc"])
+          U(Y(W, ["prevent"]), ["down"]),
+          U(Y(P, ["prevent"]), ["enter"]),
+          U(Y(R, ["prevent"]), ["esc"])
         ],
         onFocus: S,
         onBlur: H
       }, [
         F("span", {
-          class: D(["vf-select__label", { "vf-select__label_placeholder": !y.value }])
-        }, O(y.value || k.placeholder), 3),
+          class: D(["vf-select__label", { "vf-select__label_placeholder": !_.value }])
+        }, O(_.value || k.placeholder), 3),
         V[0] || (V[0] = F("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, Qt),
+      ], 40, eo),
       (g(), le($e, { to: "body" }, [
         ve(F("div", {
-          id: s,
+          id: i,
           ref_key: "panel",
           ref: c,
           class: "vf-select__panel",
           role: "listbox",
           "data-placement": n.value
         }, [
-          (g(!0), _(se, null, ke(p.value, (K) => (g(), _("button", {
+          (g(!0), y(se, null, ke(p.value, (K) => (g(), y("button", {
             key: K.value,
             class: D(["vf-select__option", { "is-active": C(K), "is-disabled": K.disabled }]),
             type: "button",
             role: "option",
             disabled: K.disabled,
             "aria-selected": C(K),
-            onClick: (G) => M(K)
-          }, O(K.label), 11, to))), 128))
-        ], 8, eo), [
+            onClick: (j) => M(K)
+          }, O(K.label), 11, oo))), 128))
+        ], 8, to), [
           [fe, l.value]
         ])
       ]))
     ], 2));
   }
-}), oo = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], ao = ["disabled"], ro = ["data-placement"], lo = {
+}), ao = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], ro = ["disabled"], lo = ["data-placement"], no = {
   key: 0,
   class: "vf-autocomplete__loading"
-}, no = ["id", "disabled", "aria-selected", "onClick"], so = {
+}, so = ["id", "disabled", "aria-selected", "onClick"], io = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, Xa = /* @__PURE__ */ U({
+}, Ua = /* @__PURE__ */ G({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1086,17 +1086,17 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "focus", "blur", "search"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, v = I(null), i = I(null), c = I(null), l = I(!1), d = I(""), n = I(-1), s = I("bottom"), f = I("bottom"), p = `vf-autocomplete-panel-${++r}`;
-    let u = null;
-    const y = h(() => a.options.map((w) => ({
+    const o = e, a = t, d = I(null), s = I(null), c = I(null), l = I(!1), u = I(""), n = I(-1), i = I("bottom"), f = I("bottom"), p = `vf-autocomplete-panel-${++r}`;
+    let v = null;
+    const _ = h(() => a.options.map((w) => ({
       label: w[a.optionLabel],
       value: w[a.optionValue],
       disabled: w.disabled
-    }))), m = h(() => y.value.find((w) => w.value === a.modelValue)), C = h(() => {
+    }))), m = h(() => _.value.find((w) => w.value === a.modelValue)), C = h(() => {
       if (!a.filter)
-        return y.value;
-      const w = d.value.trim().toLowerCase();
-      return w ? y.value.filter((E) => E.label.toLowerCase().includes(w)) : y.value;
+        return _.value;
+      const w = u.value.trim().toLowerCase();
+      return w ? _.value.filter((E) => E.label.toLowerCase().includes(w)) : _.value;
     }), M = h(() => {
       if (!(!l.value || n.value < 0))
         return H(n.value);
@@ -1118,9 +1118,9 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         }
       n.value = -1;
     }, z = () => {
-      a.disabled || (l.value = !0, s.value = "bottom", f.value = "bottom", n.value < 0 && (n.value = P()));
+      a.disabled || (l.value = !0, i.value = "bottom", f.value = "bottom", n.value < 0 && (n.value = P()));
     }, x = () => {
-      l.value = !1, n.value = -1, s.value = "bottom", f.value = "bottom";
+      l.value = !1, n.value = -1, i.value = "bottom", f.value = "bottom";
     }, k = () => {
       if (l.value) {
         x();
@@ -1128,13 +1128,13 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       }
       z();
     }, V = (w) => {
-      w.disabled || (d.value = w.label, o("update:modelValue", w.value), o("change", w.value), x());
+      w.disabled || (u.value = w.label, o("update:modelValue", w.value), o("change", w.value), x());
     }, K = (w) => {
       const E = w.target;
-      d.value = E.value, o("search", E.value), z(), n.value = P();
-    }, G = (w) => {
-      o("focus", w), z();
+      u.value = E.value, o("search", E.value), z(), n.value = P();
     }, j = (w) => {
+      o("focus", w), z();
+    }, X = (w) => {
       o("blur", w);
     }, oe = () => {
       if (!l.value) {
@@ -1142,7 +1142,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         return;
       }
       W(1);
-    }, X = () => {
+    }, q = () => {
       if (!l.value) {
         z();
         return;
@@ -1157,24 +1157,24 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       w && !w.disabled && V(w);
     }, J = (w) => {
       var A;
-      if (!l.value || !v.value)
+      if (!l.value || !d.value)
         return;
       const E = w.target;
-      v.value.contains(E) || (A = c.value) != null && A.contains(E) || x();
+      d.value.contains(E) || (A = c.value) != null && A.contains(E) || x();
     }, ne = () => {
-      if (!i.value || !c.value)
+      if (!s.value || !c.value)
         return;
-      const w = i.value, E = c.value, A = async () => {
+      const w = s.value, E = c.value, A = async () => {
         const {
           x: B,
           y: N,
           placement: re
         } = await Te(w, E, {
-          placement: s.value,
+          placement: i.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        f.value = re ?? s.value, E.style.minWidth = `${w.getBoundingClientRect().width}px`, E.style.left = `${B}px`, E.style.top = `${N}px`;
+        f.value = re ?? i.value, E.style.minWidth = `${w.getBoundingClientRect().width}px`, E.style.left = `${B}px`, E.style.top = `${N}px`;
       }, ee = async () => {
         await A();
       }, b = Le(w, () => {
@@ -1182,51 +1182,51 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       }), $ = () => {
         ee();
       };
-      document.addEventListener("scroll", $, !0), window.addEventListener("resize", $, !1), u = {
+      document.addEventListener("scroll", $, !0), window.addEventListener("resize", $, !1), v = {
         update: ee,
         destroy: () => {
           b(), document.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $, !1);
         }
-      }, u.update();
+      }, v.update();
     };
     return te(
       () => a.modelValue,
       () => {
         var w;
-        d.value = ((w = m.value) == null ? void 0 : w.label) ?? "";
+        u.value = ((w = m.value) == null ? void 0 : w.label) ?? "";
       },
       { immediate: !0 }
     ), te(
       () => a.options,
       () => {
         var w;
-        l.value || (d.value = ((w = m.value) == null ? void 0 : w.label) ?? ""), u == null || u.update();
+        l.value || (u.value = ((w = m.value) == null ? void 0 : w.label) ?? ""), v == null || v.update();
       },
       { deep: !0 }
     ), te(C, () => {
       n.value >= C.value.length && (n.value = P());
     }), te(l, async (w) => {
       if (!w) {
-        u && (u.destroy(), u = null);
+        v && (v.destroy(), v = null);
         return;
       }
-      await Ce(), u || ne(), u == null || u.update();
+      await Ce(), v || ne(), v == null || v.update();
     }), Fe(() => {
       document.addEventListener("click", J);
     }), we(() => {
-      document.removeEventListener("click", J), u == null || u.destroy(), u = null;
-    }), (w, E) => (g(), _("div", {
+      document.removeEventListener("click", J), v == null || v.destroy(), v = null;
+    }), (w, E) => (g(), y("div", {
       ref_key: "root",
-      ref: v,
+      ref: d,
       class: D(S.value)
     }, [
       F("input", {
         ref_key: "control",
-        ref: i,
+        ref: s,
         class: "vf-autocomplete__control",
         type: "text",
         role: "combobox",
-        value: d.value,
+        value: u.value,
         placeholder: w.placeholder,
         disabled: w.disabled,
         readonly: w.readonly,
@@ -1235,17 +1235,17 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         "aria-controls": p,
         "aria-activedescendant": M.value,
         onInput: K,
-        onFocus: G,
-        onBlur: j,
+        onFocus: j,
+        onBlur: X,
         onClick: z,
         onKeydown: [
-          q(Y(oe, ["prevent"]), ["down"]),
-          q(Y(X, ["prevent"]), ["up"]),
-          q(Y(ae, ["prevent"]), ["enter"]),
-          q(Y(x, ["prevent"]), ["esc"]),
-          q(x, ["tab"])
+          U(Y(oe, ["prevent"]), ["down"]),
+          U(Y(q, ["prevent"]), ["up"]),
+          U(Y(ae, ["prevent"]), ["enter"]),
+          U(Y(x, ["prevent"]), ["esc"]),
+          U(x, ["tab"])
         ]
-      }, null, 40, oo),
+      }, null, 40, ao),
       F("button", {
         class: "vf-autocomplete__chevron",
         type: "button",
@@ -1255,7 +1255,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         onMousedown: E[0] || (E[0] = Y(() => {
         }, ["prevent"])),
         onClick: k
-      }, " ▾ ", 40, ao),
+      }, " ▾ ", 40, ro),
       (g(), le($e, { to: "body" }, [
         ve(F("div", {
           id: p,
@@ -1265,7 +1265,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
           role: "listbox",
           "data-placement": f.value
         }, [
-          w.loading ? (g(), _("div", lo, O(w.loadingText), 1)) : C.value.length > 0 ? (g(!0), _(se, { key: 1 }, ke(C.value, (A, ee) => (g(), _("button", {
+          w.loading ? (g(), y("div", no, O(w.loadingText), 1)) : C.value.length > 0 ? (g(!0), y(se, { key: 1 }, ke(C.value, (A, ee) => (g(), y("button", {
             id: H(ee),
             key: A.value,
             class: D(["vf-autocomplete__option", {
@@ -1280,27 +1280,27 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
             onMousedown: E[1] || (E[1] = Y(() => {
             }, ["prevent"])),
             onClick: (b) => V(A)
-          }, O(A.label), 43, no))), 128)) : (g(), _("div", so, O(w.emptyText), 1))
-        ], 8, ro), [
+          }, O(A.label), 43, so))), 128)) : (g(), y("div", io, O(w.emptyText), 1))
+        ], 8, lo), [
           [fe, l.value]
         ])
       ]))
     ], 2));
   }
-}), io = ["disabled", "aria-expanded", "onKeydown"], co = ["data-placement"], uo = {
+}), co = ["disabled", "aria-expanded", "onKeydown"], uo = ["data-placement"], vo = {
   key: 0,
   class: "vf-multiselect__search"
-}, vo = ["value", "placeholder", "onKeydown"], fo = {
+}, fo = ["value", "placeholder", "onKeydown"], po = {
   key: 1,
   class: "vf-multiselect__loading"
-}, po = ["id", "disabled", "aria-selected", "onClick"], bo = { class: "vf-multiselect__option-label" }, go = {
+}, bo = ["id", "disabled", "aria-selected", "onClick"], go = { class: "vf-multiselect__option-label" }, mo = {
   key: 0,
   class: "vf-multiselect__option-check",
   "aria-hidden": "true"
-}, mo = {
+}, ho = {
   key: 3,
   class: "vf-multiselect__empty"
-}, qa = /* @__PURE__ */ U({
+}, Za = /* @__PURE__ */ G({
   __name: "multi-select",
   props: {
     modelValue: { default: () => [] },
@@ -1322,8 +1322,8 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "search", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, v = I(null), i = I(null), c = I(null), l = I(null), d = I(!1), n = I(""), s = I(-1), f = I("bottom"), p = I("bottom"), u = `vf-multiselect-panel-${++r}`;
-    let y = null;
+    const o = e, a = t, d = I(null), s = I(null), c = I(null), l = I(null), u = I(!1), n = I(""), i = I(-1), f = I("bottom"), p = I("bottom"), v = `vf-multiselect-panel-${++r}`;
+    let _ = null;
     const m = h(() => a.options.map((b) => ({
       label: b[a.optionLabel],
       value: b[a.optionValue],
@@ -1334,9 +1334,9 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       const b = n.value.trim().toLowerCase();
       return b ? m.value.filter(($) => $.label.toLowerCase().includes(b)) : m.value;
     }), S = h(() => m.value.filter((b) => C.value.includes(b.value))), H = h(() => S.value.length === 0 ? a.placeholder : S.value.map((b) => b.label).join(", ")), R = h(() => {
-      const b = ["vf-multiselect", `vf-multiselect_${a.variant}`, d.value ? "vf-multiselect_open" : ""];
+      const b = ["vf-multiselect", `vf-multiselect_${a.variant}`, u.value ? "vf-multiselect_open" : ""];
       return a.size !== "normal" && b.push(`vf-multiselect_${a.size}`), a.disabled && b.push("vf-multiselect_disabled"), b.filter(Boolean);
-    }), P = (b) => `${u}-option-${b}`, W = () => M.value.findIndex((b) => !b.disabled), z = (b) => C.value.includes(b.value), x = (b) => {
+    }), P = (b) => `${v}-option-${b}`, W = () => M.value.findIndex((b) => !b.disabled), z = (b) => C.value.includes(b.value), x = (b) => {
       o("update:modelValue", b), o("change", b);
     }, k = (b) => {
       if (!(b.disabled || a.readonly)) {
@@ -1351,60 +1351,60 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     }, K = (b) => {
       const $ = M.value;
       if (!$.length) {
-        s.value = -1;
+        i.value = -1;
         return;
       }
-      let B = s.value;
+      let B = i.value;
       (B < 0 || B >= $.length) && (B = b > 0 ? -1 : $.length);
       for (let N = 0; N < $.length; N += 1)
         if (B = (B + b + $.length) % $.length, !$[B].disabled) {
-          s.value = B;
+          i.value = B;
           return;
         }
-      s.value = -1;
-    }, G = async () => {
+      i.value = -1;
+    }, j = async () => {
       var b;
-      a.disabled || (d.value = !0, f.value = "bottom", p.value = "bottom", s.value < 0 && (s.value = W()), a.filter && (await Ce(), (b = l.value) == null || b.focus()));
-    }, j = () => {
-      d.value = !1, s.value = -1, f.value = "bottom", p.value = "bottom", n.value = "";
+      a.disabled || (u.value = !0, f.value = "bottom", p.value = "bottom", i.value < 0 && (i.value = W()), a.filter && (await Ce(), (b = l.value) == null || b.focus()));
+    }, X = () => {
+      u.value = !1, i.value = -1, f.value = "bottom", p.value = "bottom", n.value = "";
     }, oe = () => {
-      if (d.value) {
-        j();
+      if (u.value) {
+        X();
         return;
       }
-      G();
-    }, X = () => {
-      if (!d.value) {
-        G();
+      j();
+    }, q = () => {
+      if (!u.value) {
+        j();
         return;
       }
       K(1);
     }, ae = () => {
-      if (!d.value) {
-        G();
+      if (!u.value) {
+        j();
         return;
       }
       K(-1);
     }, J = () => {
-      if (!d.value) {
-        G();
+      if (!u.value) {
+        j();
         return;
       }
-      const b = M.value[s.value];
+      const b = M.value[i.value];
       b && !b.disabled && k(b);
     }, ne = (b) => {
       const $ = b.target;
-      n.value = $.value, o("search", $.value), s.value = W();
+      n.value = $.value, o("search", $.value), i.value = W();
     }, w = (b) => o("focus", b), E = (b) => o("blur", b), A = (b) => {
       var B;
-      if (!d.value || !v.value)
+      if (!u.value || !d.value)
         return;
       const $ = b.target;
-      v.value.contains($) || (B = c.value) != null && B.contains($) || j();
+      d.value.contains($) || (B = c.value) != null && B.contains($) || X();
     }, ee = () => {
-      if (!i.value || !c.value)
+      if (!s.value || !c.value)
         return;
-      const b = i.value, $ = c.value, B = async () => {
+      const b = s.value, $ = c.value, B = async () => {
         const {
           x: he,
           y: De,
@@ -1422,51 +1422,51 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       }), Z = () => {
         N();
       };
-      document.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z, !1), y = {
+      document.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z, !1), _ = {
         update: N,
         destroy: () => {
           re(), document.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z, !1);
         }
-      }, y.update();
+      }, _.update();
     };
     return te(
       () => a.options,
       () => {
-        s.value >= M.value.length && (s.value = W()), y == null || y.update();
+        i.value >= M.value.length && (i.value = W()), _ == null || _.update();
       },
       { deep: !0 }
-    ), te(d, async (b) => {
+    ), te(u, async (b) => {
       if (!b) {
-        y && (y.destroy(), y = null);
+        _ && (_.destroy(), _ = null);
         return;
       }
-      await Ce(), y || ee(), y == null || y.update();
+      await Ce(), _ || ee(), _ == null || _.update();
     }), te(M, () => {
-      s.value >= M.value.length && (s.value = W());
+      i.value >= M.value.length && (i.value = W());
     }), Fe(() => {
       document.addEventListener("click", A);
     }), we(() => {
-      document.removeEventListener("click", A), y == null || y.destroy(), y = null;
-    }), (b, $) => (g(), _("div", {
+      document.removeEventListener("click", A), _ == null || _.destroy(), _ = null;
+    }), (b, $) => (g(), y("div", {
       ref_key: "root",
-      ref: v,
+      ref: d,
       class: D(R.value)
     }, [
       F("button", {
         ref_key: "trigger",
-        ref: i,
+        ref: s,
         class: "vf-multiselect__control",
         type: "button",
         disabled: b.disabled,
-        "aria-expanded": d.value,
-        "aria-controls": u,
+        "aria-expanded": u.value,
+        "aria-controls": v,
         "aria-haspopup": "listbox",
         onClick: oe,
         onKeydown: [
-          q(Y(X, ["prevent"]), ["down"]),
-          q(Y(ae, ["prevent"]), ["up"]),
-          q(Y(J, ["prevent"]), ["enter"]),
-          q(Y(j, ["prevent"]), ["esc"])
+          U(Y(q, ["prevent"]), ["down"]),
+          U(Y(ae, ["prevent"]), ["up"]),
+          U(Y(J, ["prevent"]), ["enter"]),
+          U(Y(X, ["prevent"]), ["esc"])
         ],
         onFocus: w,
         onBlur: E
@@ -1478,8 +1478,8 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
           class: "vf-multiselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, io),
-      b.clearable && C.value.length > 0 && !b.disabled && !b.readonly ? (g(), _("button", {
+      ], 40, co),
+      b.clearable && C.value.length > 0 && !b.disabled && !b.readonly ? (g(), y("button", {
         key: 0,
         class: "vf-multiselect__clear",
         type: "button",
@@ -1488,7 +1488,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       }, " ✕ ")) : T("", !0),
       (g(), le($e, { to: "body" }, [
         ve(F("div", {
-          id: u,
+          id: v,
           ref_key: "panel",
           ref: c,
           class: "vf-multiselect__panel",
@@ -1496,7 +1496,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
           "aria-multiselectable": "true",
           "data-placement": p.value
         }, [
-          b.filter ? (g(), _("div", uo, [
+          b.filter ? (g(), y("div", vo, [
             F("input", {
               ref_key: "searchInput",
               ref: l,
@@ -1506,20 +1506,20 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
               placeholder: b.searchPlaceholder,
               onInput: ne,
               onKeydown: [
-                q(Y(X, ["prevent"]), ["down"]),
-                q(Y(ae, ["prevent"]), ["up"]),
-                q(Y(J, ["prevent"]), ["enter"]),
-                q(Y(j, ["prevent"]), ["esc"])
+                U(Y(q, ["prevent"]), ["down"]),
+                U(Y(ae, ["prevent"]), ["up"]),
+                U(Y(J, ["prevent"]), ["enter"]),
+                U(Y(X, ["prevent"]), ["esc"])
               ]
-            }, null, 40, vo)
+            }, null, 40, fo)
           ])) : T("", !0),
-          b.loading ? (g(), _("div", fo, O(b.loadingText), 1)) : M.value.length > 0 ? (g(!0), _(se, { key: 2 }, ke(M.value, (B, N) => (g(), _("button", {
+          b.loading ? (g(), y("div", po, O(b.loadingText), 1)) : M.value.length > 0 ? (g(!0), y(se, { key: 2 }, ke(M.value, (B, N) => (g(), y("button", {
             id: P(N),
             key: B.value,
             class: D(["vf-multiselect__option", {
               "is-active": z(B),
               "is-disabled": B.disabled,
-              "is-highlighted": N === s.value
+              "is-highlighted": N === i.value
             }]),
             type: "button",
             role: "option",
@@ -1527,22 +1527,22 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
             "aria-selected": z(B),
             onClick: (re) => k(B)
           }, [
-            F("span", bo, O(B.label), 1),
-            z(B) ? (g(), _("span", go, "✓")) : T("", !0)
-          ], 10, po))), 128)) : (g(), _("div", mo, O(b.emptyText), 1))
-        ], 8, co), [
-          [fe, d.value]
+            F("span", go, O(B.label), 1),
+            z(B) ? (g(), y("span", mo, "✓")) : T("", !0)
+          ], 10, bo))), 128)) : (g(), y("div", ho, O(b.emptyText), 1))
+        ], 8, uo), [
+          [fe, u.value]
         ])
       ]))
     ], 2));
   }
-}), ho = ["disabled", "aria-expanded", "onKeydown"], yo = ["data-placement", "onKeydown"], _o = { class: "vf-datepicker__header" }, ko = { class: "vf-datepicker__month-label" }, Co = {
+}), yo = ["disabled", "aria-expanded", "onKeydown"], _o = ["data-placement", "onKeydown"], ko = { class: "vf-datepicker__header" }, Co = { class: "vf-datepicker__month-label" }, wo = {
   class: "vf-datepicker__weekdays",
   role: "row"
-}, wo = {
+}, $o = {
   class: "vf-datepicker__days",
   role: "grid"
-}, $o = ["disabled", "data-date", "onClick"], Ua = /* @__PURE__ */ U({
+}, xo = ["disabled", "data-date", "onClick"], Ja = /* @__PURE__ */ G({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1559,9 +1559,9 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, v = I(null), i = I(null), c = I(null), l = I(!1), d = I("bottom"), n = I("bottom"), s = `vf-datepicker-panel-${++r}`, f = I(J(X(a.modelValue) ?? /* @__PURE__ */ new Date()));
+    const o = e, a = t, d = I(null), s = I(null), c = I(null), l = I(!1), u = I("bottom"), n = I("bottom"), i = `vf-datepicker-panel-${++r}`, f = I(J(q(a.modelValue) ?? /* @__PURE__ */ new Date()));
     let p = null;
-    const u = h(() => X(a.modelValue)), y = h(() => X(a.min)), m = h(() => X(a.max)), C = h(() => u.value ? u.value.toLocaleDateString(a.locale, {
+    const v = h(() => q(a.modelValue)), _ = h(() => q(a.min)), m = h(() => q(a.max)), C = h(() => v.value ? v.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
@@ -1575,7 +1575,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         return Z.setDate($.getDate() + re), b.format(Z);
       });
     }), H = h(() => {
-      const b = E(f.value, a.firstDayOfWeek), $ = u.value ? A(u.value) : null, B = A(/* @__PURE__ */ new Date());
+      const b = E(f.value, a.firstDayOfWeek), $ = v.value ? A(v.value) : null, B = A(/* @__PURE__ */ new Date());
       return Array.from({ length: 42 }, (N, re) => {
         const Z = w(b, re), he = A(Z);
         return {
@@ -1584,7 +1584,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
           date: Z,
           day: Z.getDate(),
           inCurrentMonth: Z.getMonth() === f.value.getMonth(),
-          isDisabled: ee(Z, y.value, m.value),
+          isDisabled: ee(Z, _.value, m.value),
           isSelected: $ === he,
           isToday: he === B
         };
@@ -1593,9 +1593,9 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       const b = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
       return a.size !== "normal" && b.push(`vf-datepicker_${a.size}`), a.disabled && b.push("vf-datepicker_disabled"), b.filter(Boolean);
     }), P = (b) => o("focus", b), W = (b) => o("blur", b), z = () => {
-      a.disabled || a.readonly || (l.value = !0, d.value = "bottom", n.value = "bottom");
+      a.disabled || a.readonly || (l.value = !0, u.value = "bottom", n.value = "bottom");
     }, x = () => {
-      l.value = !1, d.value = "bottom", n.value = "bottom";
+      l.value = !1, u.value = "bottom", n.value = "bottom";
     }, k = () => {
       if (l.value) {
         x();
@@ -1606,31 +1606,31 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       f.value = ne(f.value, -1);
     }, K = () => {
       f.value = ne(f.value, 1);
-    }, G = (b) => {
-      if (a.readonly || ee(b, y.value, m.value))
+    }, j = (b) => {
+      if (a.readonly || ee(b, _.value, m.value))
         return;
       const $ = A(b);
       o("update:modelValue", $), o("change", $), x();
-    }, j = (b) => {
+    }, X = (b) => {
       var B;
-      if (!l.value || !v.value)
+      if (!l.value || !d.value)
         return;
       const $ = b.target;
-      v.value.contains($) || (B = c.value) != null && B.contains($) || x();
+      d.value.contains($) || (B = c.value) != null && B.contains($) || x();
     }, oe = () => {
-      if (!i.value || !c.value)
+      if (!s.value || !c.value)
         return;
-      const b = i.value, $ = c.value, B = async () => {
+      const b = s.value, $ = c.value, B = async () => {
         const {
           x: he,
           y: De,
           placement: Oe
         } = await Te(b, $, {
-          placement: d.value,
+          placement: u.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        n.value = Oe ?? d.value, $.style.left = `${he}px`, $.style.top = `${De}px`;
+        n.value = Oe ?? u.value, $.style.left = `${he}px`, $.style.top = `${De}px`;
       }, N = async () => {
         await B();
       }, re = Le(b, () => {
@@ -1648,7 +1648,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     te(
       () => a.modelValue,
       (b) => {
-        const $ = X(b);
+        const $ = q(b);
         $ && (f.value = J($));
       },
       { immediate: !0 }
@@ -1664,11 +1664,11 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       }
       await Ce(), p || oe(), p == null || p.update();
     }), Fe(() => {
-      document.addEventListener("click", j);
+      document.addEventListener("click", X);
     }), we(() => {
-      document.removeEventListener("click", j), p == null || p.destroy(), p = null;
+      document.removeEventListener("click", X), p == null || p.destroy(), p = null;
     });
-    function X(b) {
+    function q(b) {
       if (!b)
         return null;
       const $ = b.match(/^(\d{4})-(\d{2})-(\d{2})$/);
@@ -1701,55 +1701,55 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       const N = ae(b).getTime();
       return !!($ && N < $.getTime() || B && N > B.getTime());
     }
-    return (b, $) => (g(), _("div", {
+    return (b, $) => (g(), y("div", {
       ref_key: "root",
-      ref: v,
+      ref: d,
       class: D(R.value)
     }, [
       F("button", {
         ref_key: "control",
-        ref: i,
+        ref: s,
         class: "vf-datepicker__control",
         type: "button",
         disabled: b.disabled,
         "aria-expanded": l.value,
-        "aria-controls": s,
+        "aria-controls": i,
         "aria-haspopup": "dialog",
         onClick: k,
         onKeydown: [
-          q(Y(z, ["prevent"]), ["down"]),
-          q(Y(k, ["prevent"]), ["enter"]),
-          q(Y(x, ["prevent"]), ["esc"])
+          U(Y(z, ["prevent"]), ["down"]),
+          U(Y(k, ["prevent"]), ["enter"]),
+          U(Y(x, ["prevent"]), ["esc"])
         ],
         onFocus: P,
         onBlur: W
       }, [
         F("span", {
-          class: D(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !u.value }])
+          class: D(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
         }, O(C.value || b.placeholder), 3),
         $[0] || ($[0] = F("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, ho),
+      ], 40, yo),
       (g(), le($e, { to: "body" }, [
         ve(F("div", {
-          id: s,
+          id: i,
           ref_key: "panel",
           ref: c,
           class: "vf-datepicker__panel",
           role: "dialog",
           "data-placement": n.value,
-          onKeydown: q(Y(x, ["prevent"]), ["esc"])
+          onKeydown: U(Y(x, ["prevent"]), ["esc"])
         }, [
-          F("div", _o, [
+          F("div", ko, [
             F("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Previous month",
               onClick: V
             }, " ‹ "),
-            F("span", ko, O(M.value), 1),
+            F("span", Co, O(M.value), 1),
             F("button", {
               class: "vf-datepicker__nav",
               type: "button",
@@ -1757,14 +1757,14 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
               onClick: K
             }, " › ")
           ]),
-          F("div", Co, [
-            (g(!0), _(se, null, ke(S.value, (B) => (g(), _("span", {
+          F("div", wo, [
+            (g(!0), y(se, null, ke(S.value, (B) => (g(), y("span", {
               key: B,
               class: "vf-datepicker__weekday"
             }, O(B), 1))), 128))
           ]),
-          F("div", wo, [
-            (g(!0), _(se, null, ke(H.value, (B) => (g(), _("button", {
+          F("div", $o, [
+            (g(!0), y(se, null, ke(H.value, (B) => (g(), y("button", {
               key: B.key,
               class: D(["vf-datepicker__day", {
                 "is-outside": !B.inCurrentMonth,
@@ -1774,16 +1774,16 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
               type: "button",
               disabled: B.isDisabled,
               "data-date": B.iso,
-              onClick: (N) => G(B.date)
-            }, O(B.day), 11, $o))), 128))
+              onClick: (N) => j(B.date)
+            }, O(B.day), 11, xo))), 128))
           ])
-        ], 40, yo), [
+        ], 40, _o), [
           [fe, l.value]
         ])
       ]))
     ], 2));
   }
-}), xo = ["disabled"], Bo = ["disabled", "aria-current", "aria-label", "onClick"], zo = ["disabled"], Za = /* @__PURE__ */ U({
+}), Bo = ["disabled"], zo = ["disabled", "aria-current", "aria-label", "onClick"], Fo = ["disabled"], Qa = /* @__PURE__ */ G({
   __name: "pagination",
   props: {
     modelValue: { default: 1 },
@@ -1801,42 +1801,42 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = t, o = e, a = (u, y, m) => Math.min(m, Math.max(y, u)), v = (u, y) => {
-      if (y < u)
+    const r = t, o = e, a = (v, _, m) => Math.min(m, Math.max(_, v)), d = (v, _) => {
+      if (_ < v)
         return [];
       const m = [];
-      for (let C = u; C <= y; C += 1)
+      for (let C = v; C <= _; C += 1)
         m.push(C);
       return m;
-    }, i = h(() => {
+    }, s = h(() => {
       if (typeof r.totalPages == "number" && Number.isFinite(r.totalPages))
         return Math.max(1, Math.floor(r.totalPages));
-      const u = Math.max(1, Math.floor(r.pageSize));
-      return Math.max(1, Math.ceil(Math.max(0, r.totalItems) / u));
-    }), c = h(() => a(Math.floor(r.modelValue), 1, i.value)), l = h(() => c.value <= 1), d = h(() => c.value >= i.value), n = h(() => r.disabled || i.value <= 1), s = h(() => {
-      const u = i.value, y = c.value, m = Math.max(0, Math.floor(r.siblingCount)), C = Math.max(0, Math.floor(r.boundaryCount)), M = m * 2 + C * 2 + 3, S = [];
-      if (u <= M)
-        return v(1, u).map((z) => ({ key: `page-${z}`, type: "page", page: z }));
-      const H = v(1, C), R = v(u - C + 1, u), P = Math.max(Math.min(y - m, u - C - m * 2 - 1), C + 2), W = Math.min(Math.max(y + m, C + m * 2 + 2), u - C - 1);
+      const v = Math.max(1, Math.floor(r.pageSize));
+      return Math.max(1, Math.ceil(Math.max(0, r.totalItems) / v));
+    }), c = h(() => a(Math.floor(r.modelValue), 1, s.value)), l = h(() => c.value <= 1), u = h(() => c.value >= s.value), n = h(() => r.disabled || s.value <= 1), i = h(() => {
+      const v = s.value, _ = c.value, m = Math.max(0, Math.floor(r.siblingCount)), C = Math.max(0, Math.floor(r.boundaryCount)), M = m * 2 + C * 2 + 3, S = [];
+      if (v <= M)
+        return d(1, v).map((z) => ({ key: `page-${z}`, type: "page", page: z }));
+      const H = d(1, C), R = d(v - C + 1, v), P = Math.max(Math.min(_ - m, v - C - m * 2 - 1), C + 2), W = Math.min(Math.max(_ + m, C + m * 2 + 2), v - C - 1);
       for (const z of H)
         S.push({ key: `page-${z}`, type: "page", page: z });
-      P > C + 2 ? S.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : C + 1 <= u - C && S.push({ key: `page-${C + 1}`, type: "page", page: C + 1 });
-      for (const z of v(P, W))
+      P > C + 2 ? S.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : C + 1 <= v - C && S.push({ key: `page-${C + 1}`, type: "page", page: C + 1 });
+      for (const z of d(P, W))
         S.push({ key: `page-${z}`, type: "page", page: z });
-      W < u - C - 1 ? S.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : u - C > C && S.push({ key: `page-${u - C}`, type: "page", page: u - C });
+      W < v - C - 1 ? S.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - C > C && S.push({ key: `page-${v - C}`, type: "page", page: v - C });
       for (const z of R)
         S.push({ key: `page-${z}`, type: "page", page: z });
       return S;
     }), f = h(() => {
-      const u = ["vf-pagination", `vf-pagination_${r.variant}`];
-      return r.size !== "normal" && u.push(`vf-pagination_${r.size}`), r.disabled && u.push("vf-pagination_disabled"), u;
-    }), p = (u, y) => {
+      const v = ["vf-pagination", `vf-pagination_${r.variant}`];
+      return r.size !== "normal" && v.push(`vf-pagination_${r.size}`), r.disabled && v.push("vf-pagination_disabled"), v;
+    }), p = (v, _) => {
       if (n.value)
         return;
-      const m = a(u, 1, i.value);
-      m !== r.modelValue && (o("update:modelValue", m), o("change", m, y));
+      const m = a(v, 1, s.value);
+      m !== r.modelValue && (o("update:modelValue", m), o("change", m, _));
     };
-    return (u, y) => (g(), _("nav", {
+    return (v, _) => (g(), y("nav", {
       class: D(f.value),
       "aria-label": "Pagination"
     }, [
@@ -1845,9 +1845,9 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         type: "button",
         disabled: n.value || l.value,
         "aria-label": "Previous page",
-        onClick: y[0] || (y[0] = (m) => p(c.value - 1, m))
-      }, O(u.prevLabel), 9, xo),
-      (g(!0), _(se, null, ke(s.value, (m) => (g(), _("button", {
+        onClick: _[0] || (_[0] = (m) => p(c.value - 1, m))
+      }, O(v.prevLabel), 9, Bo),
+      (g(!0), y(se, null, ke(i.value, (m) => (g(), y("button", {
         key: m.key,
         class: D(["vf-pagination__item", {
           "is-current": m.type === "page" && m.page === c.value,
@@ -1859,25 +1859,25 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         "aria-label": m.type === "page" ? `Page ${m.page}` : void 0,
         onClick: (C) => m.type === "page" && p(m.page, C)
       }, [
-        m.type === "page" ? (g(), _(se, { key: 0 }, [
+        m.type === "page" ? (g(), y(se, { key: 0 }, [
           Q(O(m.page), 1)
-        ], 64)) : (g(), _(se, { key: 1 }, [
-          Q(O(u.ellipsisLabel), 1)
+        ], 64)) : (g(), y(se, { key: 1 }, [
+          Q(O(v.ellipsisLabel), 1)
         ], 64))
-      ], 10, Bo))), 128)),
+      ], 10, zo))), 128)),
       F("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
-        disabled: n.value || d.value,
+        disabled: n.value || u.value,
         "aria-label": "Next page",
-        onClick: y[1] || (y[1] = (m) => p(c.value + 1, m))
-      }, O(u.nextLabel), 9, zo)
+        onClick: _[1] || (_[1] = (m) => p(c.value + 1, m))
+      }, O(v.nextLabel), 9, Fo)
     ], 2));
   }
-}), Fo = ["checked", "disabled"], So = {
+}), So = ["checked", "disabled"], Vo = {
   key: 0,
   class: "vf-checkbox__label"
-}, Ja = /* @__PURE__ */ U({
+}, er = /* @__PURE__ */ G({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1888,31 +1888,31 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      const i = ["vf-checkbox", `vf-checkbox_${o.variant}`];
-      return o.disabled && i.push("vf-checkbox_disabled"), i;
-    }), v = (i) => {
-      const c = i.target;
-      r("update:modelValue", c.checked), r("change", i);
+      const s = ["vf-checkbox", `vf-checkbox_${o.variant}`];
+      return o.disabled && s.push("vf-checkbox_disabled"), s;
+    }), d = (s) => {
+      const c = s.target;
+      r("update:modelValue", c.checked), r("change", s);
     };
-    return (i, c) => (g(), _("label", {
+    return (s, c) => (g(), y("label", {
       class: D(a.value)
     }, [
       F("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
-        checked: i.modelValue,
-        disabled: i.disabled,
-        onChange: v
-      }, null, 40, Fo),
+        checked: s.modelValue,
+        disabled: s.disabled,
+        onChange: d
+      }, null, 40, So),
       c[0] || (c[0] = F("span", { class: "vf-checkbox__box" }, null, -1)),
-      i.label || i.$slots.default ? (g(), _("span", So, [
-        L(i.$slots, "default", {}, () => [
-          Q(O(i.label), 1)
+      s.label || s.$slots.default ? (g(), y("span", Vo, [
+        L(s.$slots, "default", {}, () => [
+          Q(O(s.label), 1)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), ot = Symbol("VueForgeRadioGroup"), Vo = ["aria-disabled", "aria-label", "aria-labelledby"], Qa = /* @__PURE__ */ U({
+}), ot = Symbol("VueForgeRadioGroup"), Lo = ["aria-disabled", "aria-label", "aria-labelledby"], tr = /* @__PURE__ */ G({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1928,16 +1928,16 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     const r = e, o = t, a = h(() => {
       const c = ["vf-radio-group"];
       return o.direction === "horizontal" && c.push("vf-radio-group_horizontal"), c;
-    }), v = (c, l) => {
+    }), d = (c, l) => {
       r("update:modelValue", c), r("change", c, l);
-    }, i = {
+    }, s = {
       name: h(() => o.name),
       modelValue: h(() => o.modelValue),
       disabled: h(() => o.disabled),
       variant: h(() => o.variant),
-      onChange: v
+      onChange: d
     };
-    return Ze(ot, i), (c, l) => (g(), _("div", {
+    return Ze(ot, s), (c, l) => (g(), y("div", {
       class: D(a.value),
       role: "radiogroup",
       "aria-disabled": c.disabled || void 0,
@@ -1945,12 +1945,12 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       "aria-labelledby": c.ariaLabelledby || void 0
     }, [
       L(c.$slots, "default")
-    ], 10, Vo));
+    ], 10, Lo));
   }
-}), Lo = ["name", "value", "checked", "disabled"], To = {
+}), To = ["name", "value", "checked", "disabled"], Ro = {
   key: 0,
   class: "vf-radio__label"
-}, er = /* @__PURE__ */ U({
+}, or = /* @__PURE__ */ G({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1962,33 +1962,33 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = We(ot, null), v = h(() => a ? a.modelValue.value : o.modelValue), i = h(() => a ? a.name.value : o.name), c = h(() => a ? a.variant.value : o.variant), l = h(() => (a ? a.disabled.value : !1) || o.disabled), d = h(() => v.value === o.value), n = h(() => {
+    const r = e, o = t, a = We(ot, null), d = h(() => a ? a.modelValue.value : o.modelValue), s = h(() => a ? a.name.value : o.name), c = h(() => a ? a.variant.value : o.variant), l = h(() => (a ? a.disabled.value : !1) || o.disabled), u = h(() => d.value === o.value), n = h(() => {
       const f = ["vf-radio", `vf-radio_${c.value}`];
       return l.value && f.push("vf-radio_disabled"), f;
-    }), s = (f) => {
+    }), i = (f) => {
       l.value || (a ? a.onChange(o.value, f) : r("update:modelValue", o.value), r("change", o.value, f));
     };
-    return (f, p) => (g(), _("label", {
+    return (f, p) => (g(), y("label", {
       class: D(n.value)
     }, [
       F("input", {
         class: "vf-radio__control",
         type: "radio",
-        name: i.value,
+        name: s.value,
         value: f.value,
-        checked: d.value,
+        checked: u.value,
         disabled: l.value,
-        onChange: s
-      }, null, 40, Lo),
+        onChange: i
+      }, null, 40, To),
       p[0] || (p[0] = F("span", { class: "vf-radio__circle" }, null, -1)),
-      f.label || f.$slots.default ? (g(), _("span", To, [
+      f.label || f.$slots.default ? (g(), y("span", Ro, [
         L(f.$slots, "default", {}, () => [
           Q(O(f.label), 1)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), He = Symbol("VueForgeTabs"), Ro = ["aria-orientation", "aria-label", "aria-labelledby"], Po = { class: "vf-tabs__panels" }, tr = /* @__PURE__ */ U({
+}), He = Symbol("VueForgeTabs"), Po = ["aria-orientation", "aria-label", "aria-labelledby"], Mo = { class: "vf-tabs__panels" }, ar = /* @__PURE__ */ G({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -2000,34 +2000,34 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, v = ++r, i = (u) => String(u).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = h(() => {
-      const u = ["vf-tabs"];
-      return a.orientation === "vertical" && u.push("vf-tabs_vertical"), a.disabled && u.push("vf-tabs_disabled"), u;
-    }), l = I(null), d = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (u) => {
-      u && (u.focus(), u.click());
-    }, s = (u) => {
+    const o = e, a = t, d = ++r, s = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = h(() => {
+      const v = ["vf-tabs"];
+      return a.orientation === "vertical" && v.push("vf-tabs_vertical"), a.disabled && v.push("vf-tabs_disabled"), v;
+    }), l = I(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (v) => {
+      v && (v.focus(), v.click());
+    }, i = (v) => {
       if (a.disabled)
         return;
-      const y = a.orientation === "horizontal", m = u.key, C = y ? ["ArrowRight"] : ["ArrowDown"], M = y ? ["ArrowLeft"] : ["ArrowUp"];
+      const _ = a.orientation === "horizontal", m = v.key, C = _ ? ["ArrowRight"] : ["ArrowDown"], M = _ ? ["ArrowLeft"] : ["ArrowUp"];
       if (![...C, ...M, "Home", "End"].includes(m))
         return;
-      const S = d();
+      const S = u();
       if (!S.length)
         return;
       const H = S.findIndex((z) => z.getAttribute("aria-selected") === "true"), R = S.findIndex((z) => z === document.activeElement), P = R >= 0 ? R : Math.max(H, 0);
       let W = P;
-      C.includes(m) ? W = (P + 1) % S.length : M.includes(m) ? W = (P - 1 + S.length) % S.length : m === "Home" ? W = 0 : m === "End" && (W = S.length - 1), u.preventDefault(), n(S[W]);
-    }, f = (u, y) => {
-      o("update:modelValue", u), o("change", u, y);
+      C.includes(m) ? W = (P + 1) % S.length : M.includes(m) ? W = (P - 1 + S.length) % S.length : m === "Home" ? W = 0 : m === "End" && (W = S.length - 1), v.preventDefault(), n(S[W]);
+    }, f = (v, _) => {
+      o("update:modelValue", v), o("change", v, _);
     }, p = {
       activeValue: h(() => a.modelValue),
       disabled: h(() => a.disabled),
       orientation: h(() => a.orientation),
       onChange: f,
-      getTabId: (u) => `vf-tab-${v}-${i(u)}`,
-      getPanelId: (u) => `vf-tabpanel-${v}-${i(u)}`
+      getTabId: (v) => `vf-tab-${d}-${s(v)}`,
+      getPanelId: (v) => `vf-tabpanel-${d}-${s(v)}`
     };
-    return Ze(He, p), (u, y) => (g(), _("div", {
+    return Ze(He, p), (v, _) => (g(), y("div", {
       class: D(c.value)
     }, [
       F("div", {
@@ -2035,19 +2035,19 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         ref: l,
         class: "vf-tabs__list",
         role: "tablist",
-        "aria-orientation": u.orientation,
-        "aria-label": u.ariaLabel || void 0,
-        "aria-labelledby": u.ariaLabelledby || void 0,
-        onKeydown: s
+        "aria-orientation": v.orientation,
+        "aria-label": v.ariaLabel || void 0,
+        "aria-labelledby": v.ariaLabelledby || void 0,
+        onKeydown: i
       }, [
-        L(u.$slots, "tabs")
-      ], 40, Ro),
-      F("div", Po, [
-        L(u.$slots, "panels")
+        L(v.$slots, "tabs")
+      ], 40, Po),
+      F("div", Mo, [
+        L(v.$slots, "panels")
       ])
     ], 2));
   }
-}), Mo = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], or = /* @__PURE__ */ U({
+}), Io = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], rr = /* @__PURE__ */ G({
   __name: "tab",
   props: {
     value: {},
@@ -2056,51 +2056,51 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = We(He, null), v = h(() => (a == null ? void 0 : a.activeValue.value) === o.value), i = h(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = h(() => a ? a.getTabId(o.value) : void 0), l = h(() => a ? a.getPanelId(o.value) : void 0), d = h(() => i.value ? -1 : v.value ? 0 : -1), n = (s) => {
-      !a || i.value || (a.onChange(o.value, s), r("change", o.value, s));
+    const r = e, o = t, a = We(He, null), d = h(() => (a == null ? void 0 : a.activeValue.value) === o.value), s = h(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = h(() => a ? a.getTabId(o.value) : void 0), l = h(() => a ? a.getPanelId(o.value) : void 0), u = h(() => s.value ? -1 : d.value ? 0 : -1), n = (i) => {
+      !a || s.value || (a.onChange(o.value, i), r("change", o.value, i));
     };
-    return (s, f) => (g(), _("button", {
+    return (i, f) => (g(), y("button", {
       id: c.value,
-      class: D(["vf-tab", { "vf-tab_active": v.value, "vf-tab_disabled": i.value }]),
+      class: D(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": s.value }]),
       type: "button",
       role: "tab",
-      "aria-selected": v.value,
+      "aria-selected": d.value,
       "aria-controls": l.value,
-      disabled: i.value,
-      tabindex: d.value,
+      disabled: s.value,
+      tabindex: u.value,
       onClick: n
     }, [
-      L(s.$slots, "default", {}, () => [
-        Q(O(s.label), 1)
+      L(i.$slots, "default", {}, () => [
+        Q(O(i.label), 1)
       ])
-    ], 10, Mo));
+    ], 10, Io));
   }
-}), Io = ["id", "aria-labelledby"], ar = /* @__PURE__ */ U({
+}), Do = ["id", "aria-labelledby"], lr = /* @__PURE__ */ G({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(t) {
-    const e = t, r = We(He, null), o = h(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = h(() => r ? r.getTabId(e.value) : void 0), v = h(() => r ? r.getPanelId(e.value) : void 0);
-    return (i, c) => ve((g(), _("div", {
-      id: v.value,
+    const e = t, r = We(He, null), o = h(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = h(() => r ? r.getTabId(e.value) : void 0), d = h(() => r ? r.getPanelId(e.value) : void 0);
+    return (s, c) => ve((g(), y("div", {
+      id: d.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": a.value
     }, [
-      L(i.$slots, "default")
-    ], 8, Io)), [
+      L(s.$slots, "default")
+    ], 8, Do)), [
       [fe, o.value]
     ]);
   }
-}), Do = ["data-severity"], Oo = { class: "vf-toast__body" }, Eo = {
+}), Oo = ["data-severity"], Eo = { class: "vf-toast__body" }, Wo = {
   key: 0,
   class: "vf-toast__title"
-}, Wo = {
+}, Ho = {
   key: 1,
   class: "vf-toast__message"
-}, rr = /* @__PURE__ */ U({
+}, nr = /* @__PURE__ */ G({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2114,52 +2114,52 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   setup(t, { emit: e }) {
     const r = e, o = t;
     let a = null;
-    const v = () => {
+    const d = () => {
       a !== null && (clearTimeout(a), a = null);
-    }, i = () => {
-      v(), !(!o.modelValue || o.duration <= 0) && (a = window.setTimeout(() => {
+    }, s = () => {
+      d(), !(!o.modelValue || o.duration <= 0) && (a = window.setTimeout(() => {
         r("update:modelValue", !1), r("close");
       }, o.duration));
     }, c = () => {
-      v(), r("update:modelValue", !1), r("close");
+      d(), r("update:modelValue", !1), r("close");
     };
     return te(
       () => o.modelValue,
       (l) => {
-        l && r("open"), i();
+        l && r("open"), s();
       },
       { immediate: !0 }
     ), we(() => {
-      v();
-    }), (l, d) => ve((g(), _("div", {
+      d();
+    }), (l, u) => ve((g(), y("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
-      F("div", Oo, [
-        l.title ? (g(), _("div", Eo, O(l.title), 1)) : T("", !0),
-        l.message || l.$slots.default ? (g(), _("div", Wo, [
+      F("div", Eo, [
+        l.title ? (g(), y("div", Wo, O(l.title), 1)) : T("", !0),
+        l.message || l.$slots.default ? (g(), y("div", Ho, [
           L(l.$slots, "default", {}, () => [
             Q(O(l.message), 1)
           ])
         ])) : T("", !0)
       ]),
-      l.closable ? (g(), _("button", {
+      l.closable ? (g(), y("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
         onClick: c
       }, [
         L(l.$slots, "close", {}, () => [
-          d[0] || (d[0] = Q("×"))
+          u[0] || (u[0] = Q("×"))
         ])
       ])) : T("", !0)
-    ], 8, Do)), [
+    ], 8, Oo)), [
       [fe, l.modelValue]
     ]);
   }
-}), lr = /* @__PURE__ */ U({
+}), sr = /* @__PURE__ */ G({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
@@ -2176,20 +2176,20 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       ], 2)
     ]));
   }
-}), Ho = ["data-severity"], Ao = {
+}), Ao = ["data-severity"], Ko = {
   key: 0,
   class: "vf-alert__icon",
   "aria-hidden": "true"
-}, Ko = { class: "vf-alert__body" }, No = {
+}, No = { class: "vf-alert__body" }, Yo = {
   key: 0,
   class: "vf-alert__title"
-}, Yo = {
+}, Go = {
   key: 1,
   class: "vf-alert__message"
-}, Go = {
+}, jo = {
   key: 1,
   class: "vf-alert__actions"
-}, nr = /* @__PURE__ */ U({
+}, ir = /* @__PURE__ */ G({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -2201,7 +2201,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = I(!0), v = h(() => typeof o.modelValue == "boolean"), i = h(() => v.value ? o.modelValue : a.value);
+    const r = e, o = t, a = I(!0), d = h(() => typeof o.modelValue == "boolean"), s = h(() => d.value ? o.modelValue : a.value);
     te(
       () => o.modelValue,
       (l) => {
@@ -2210,34 +2210,34 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       { immediate: !0 }
     );
     const c = () => {
-      v.value ? r("update:modelValue", !1) : a.value = !1, r("close");
+      d.value ? r("update:modelValue", !1) : a.value = !1, r("close");
     };
-    return (l, d) => ve((g(), _("div", {
+    return (l, u) => ve((g(), y("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": l.severity
     }, [
-      l.$slots.icon || l.icon ? (g(), _("div", Ao, [
+      l.$slots.icon || l.icon ? (g(), y("div", Ko, [
         L(l.$slots, "icon", {}, () => [
           Q(O(l.icon), 1)
         ])
       ])) : T("", !0),
-      F("div", Ko, [
-        l.title || l.$slots.title ? (g(), _("div", No, [
+      F("div", No, [
+        l.title || l.$slots.title ? (g(), y("div", Yo, [
           L(l.$slots, "title", {}, () => [
             Q(O(l.title), 1)
           ])
         ])) : T("", !0),
-        l.message || l.$slots.default ? (g(), _("div", Yo, [
+        l.message || l.$slots.default ? (g(), y("div", Go, [
           L(l.$slots, "default", {}, () => [
             Q(O(l.message), 1)
           ])
         ])) : T("", !0)
       ]),
-      l.$slots.actions ? (g(), _("div", Go, [
+      l.$slots.actions ? (g(), y("div", jo, [
         L(l.$slots, "actions")
       ])) : T("", !0),
-      l.closable ? (g(), _("button", {
+      l.closable ? (g(), y("button", {
         key: 2,
         class: "vf-alert__close",
         type: "button",
@@ -2245,17 +2245,17 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         onClick: c
       }, [
         L(l.$slots, "close", {}, () => [
-          d[0] || (d[0] = Q("×"))
+          u[0] || (u[0] = Q("×"))
         ])
       ])) : T("", !0)
-    ], 8, Ho)), [
-      [fe, i.value]
+    ], 8, Ao)), [
+      [fe, s.value]
     ]);
   }
-}), jo = ["checked", "disabled"], Xo = {
+}), Xo = ["checked", "disabled"], qo = {
   key: 0,
   class: "vf-switch__label"
-}, sr = /* @__PURE__ */ U({
+}, dr = /* @__PURE__ */ G({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2265,59 +2265,59 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      const i = ["vf-switch"];
-      return o.disabled && i.push("vf-switch_disabled"), i;
-    }), v = (i) => {
-      const c = i.target;
-      r("update:modelValue", c.checked), r("change", i);
+      const s = ["vf-switch"];
+      return o.disabled && s.push("vf-switch_disabled"), s;
+    }), d = (s) => {
+      const c = s.target;
+      r("update:modelValue", c.checked), r("change", s);
     };
-    return (i, c) => (g(), _("label", {
+    return (s, c) => (g(), y("label", {
       class: D(a.value)
     }, [
       F("input", {
         class: "vf-switch__control",
         type: "checkbox",
-        checked: i.modelValue,
-        disabled: i.disabled,
-        onChange: v
-      }, null, 40, jo),
+        checked: s.modelValue,
+        disabled: s.disabled,
+        onChange: d
+      }, null, 40, Xo),
       c[0] || (c[0] = F("span", { class: "vf-switch__track" }, [
         F("span", { class: "vf-switch__thumb" })
       ], -1)),
-      i.label || i.$slots.default ? (g(), _("span", Xo, [
-        L(i.$slots, "default", {}, () => [
-          Q(O(i.label), 1)
+      s.label || s.$slots.default ? (g(), y("span", qo, [
+        L(s.$slots, "default", {}, () => [
+          Q(O(s.label), 1)
         ])
       ])) : T("", !0)
     ], 2));
   }
-}), qo = { class: "vf-popover" }, Uo = ["aria-expanded", "onKeydown"], ir = /* @__PURE__ */ U({
+}), Uo = { class: "vf-popover" }, Zo = ["aria-expanded", "onKeydown"], cr = /* @__PURE__ */ G({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
     const o = r, a = lt({ visible: !1 });
-    let v = 0;
-    const i = `vf-popover-panel-${++v}`, c = () => a.visible = !0, l = () => a.visible = !1, d = () => a.visible = !a.visible, n = () => {
-      d(), o("click"), o("onClick");
+    let d = 0;
+    const s = `vf-popover-panel-${++d}`, c = () => a.visible = !0, l = () => a.visible = !1, u = () => a.visible = !a.visible, n = () => {
+      u(), o("click"), o("onClick");
     };
-    return e({ show: c, hide: l, toggle: d }), (s, f) => (g(), _("div", qo, [
+    return e({ show: c, hide: l, toggle: u }), (i, f) => (g(), y("div", Uo, [
       F("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
         "aria-expanded": a.visible,
-        "aria-controls": i,
+        "aria-controls": s,
         onClick: n,
         onKeydown: [
-          q(Y(n, ["prevent"]), ["enter"]),
-          q(Y(n, ["prevent"]), ["space"])
+          U(Y(n, ["prevent"]), ["enter"]),
+          U(Y(n, ["prevent"]), ["space"])
         ]
       }, [
-        L(s.$slots, "button")
-      ], 40, Uo),
-      ve(qe(ht, {
-        id: i,
+        L(i.$slots, "button")
+      ], 40, Zo),
+      ve(qe(yt, {
+        id: s,
         class: "vf-popover__wrapper"
       }, nt({
         default: ye(() => [
@@ -2325,34 +2325,34 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         ]),
         _: 2
       }, [
-        s.$slots.default ? {
+        i.$slots.default ? {
           name: "default",
           fn: ye(() => [
-            L(s.$slots, "default")
+            L(i.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        s.$slots.header || s.$slots.popoverHeader ? {
+        i.$slots.header || i.$slots.popoverHeader ? {
           name: "header",
           fn: ye(() => [
-            L(s.$slots, "header"),
-            s.$slots.header ? T("", !0) : L(s.$slots, "popoverHeader", { key: 0 })
+            L(i.$slots, "header"),
+            i.$slots.header ? T("", !0) : L(i.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        s.$slots.body || s.$slots.popoverBody ? {
+        i.$slots.body || i.$slots.popoverBody ? {
           name: "body",
           fn: ye(() => [
-            L(s.$slots, "body"),
-            s.$slots.body ? T("", !0) : L(s.$slots, "popoverBody", { key: 0 })
+            L(i.$slots, "body"),
+            i.$slots.body ? T("", !0) : L(i.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        s.$slots.footer || s.$slots.popoverFooter ? {
+        i.$slots.footer || i.$slots.popoverFooter ? {
           name: "footer",
           fn: ye(() => [
-            L(s.$slots, "footer"),
-            s.$slots.footer ? T("", !0) : L(s.$slots, "popoverFooter", { key: 0 })
+            L(i.$slots, "footer"),
+            i.$slots.footer ? T("", !0) : L(i.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
@@ -2361,16 +2361,16 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       ])
     ]));
   }
-}), Zo = ["aria-labelledby", "aria-describedby"], Jo = {
+}), Jo = ["aria-labelledby", "aria-describedby"], Qo = {
   key: 0,
   class: "vf-modal__header"
-}, Qo = {
+}, ea = {
   key: 0,
   class: "vf-modal__title"
-}, ea = {
+}, ta = {
   key: 3,
   class: "vf-modal__footer"
-}, dr = /* @__PURE__ */ U({
+}, ur = /* @__PURE__ */ G({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2384,8 +2384,8 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "open", "close"],
   setup(t, { expose: e, emit: r }) {
     const o = r, a = t;
-    let v = 0, i = 0, c = "", l = null;
-    const d = I(null), n = Ue(), s = `vf-modal-title-${++v}`, f = `vf-modal-body-${v}`, p = h(() => !!a.title || !!n.header), u = h(() => !!n.body || !!n.default), y = h(() => {
+    let d = 0, s = 0, c = "", l = null;
+    const u = I(null), n = Ue(), i = `vf-modal-title-${++d}`, f = `vf-modal-body-${d}`, p = h(() => !!a.title || !!n.header), v = h(() => !!n.body || !!n.default), _ = h(() => {
       const x = ["vf-modal"];
       return a.size !== "md" && x.push(`vf-modal_${a.size}`), x;
     }), m = () => o("update:modelValue", !0), C = () => {
@@ -2394,29 +2394,29 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       a.closeOnOverlay && C();
     }, S = (x) => {
       !a.modelValue || !a.closeOnEsc || x.key === "Escape" && (x.preventDefault(), C());
-    }, H = () => 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((k) => !k.hasAttribute("disabled") && !k.getAttribute("aria-hidden")) : [], R = () => {
+    }, H = () => 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((k) => !k.hasAttribute("disabled") && !k.getAttribute("aria-hidden")) : [], R = () => {
       var k;
       const x = H();
-      x.length ? x[0].focus() : (k = d.value) == null || k.focus();
+      x.length ? x[0].focus() : (k = u.value) == null || k.focus();
     }, P = (x) => {
-      var j;
+      var X;
       if (x.key !== "Tab")
         return;
       const k = H();
       if (!k.length) {
-        x.preventDefault(), (j = d.value) == null || j.focus();
+        x.preventDefault(), (X = u.value) == null || X.focus();
         return;
       }
-      const V = k[0], K = k[k.length - 1], G = document.activeElement;
-      if (x.shiftKey && G === V) {
+      const V = k[0], K = k[k.length - 1], j = document.activeElement;
+      if (x.shiftKey && j === V) {
         x.preventDefault(), K.focus();
         return;
       }
-      !x.shiftKey && G === K && (x.preventDefault(), V.focus());
+      !x.shiftKey && j === K && (x.preventDefault(), V.focus());
     }, W = () => {
-      !a.lockScroll || typeof document > "u" || (i === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), i += 1);
+      !a.lockScroll || typeof document > "u" || (s === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
     }, z = () => {
-      !a.lockScroll || typeof document > "u" || (i = Math.max(0, i - 1), i === 0 && (document.body.style.overflow = c));
+      !a.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = c));
     };
     return te(
       () => a.modelValue,
@@ -2428,7 +2428,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
       z(), typeof document < "u" && document.removeEventListener("keydown", S);
     }), e({ open: m, close: C }), (x, k) => (g(), le($e, { to: "body" }, [
       ve(F("div", {
-        class: D(y.value),
+        class: D(_.value),
         role: "presentation"
       }, [
         F("div", {
@@ -2437,22 +2437,22 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         }),
         F("div", {
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": p.value ? s : void 0,
-          "aria-describedby": u.value ? f : void 0,
+          "aria-labelledby": p.value ? i : void 0,
+          "aria-describedby": v.value ? f : void 0,
           tabindex: "-1",
           onKeydown: P
         }, [
-          p.value ? (g(), _("div", Jo, [
+          p.value ? (g(), y("div", Qo, [
             F("div", {
-              id: s,
+              id: i,
               class: "vf-modal__header-content"
             }, [
               L(x.$slots, "header", {}, () => [
-                x.title ? (g(), _("h3", Qo, O(x.title), 1)) : T("", !0)
+                x.title ? (g(), y("h3", ea, O(x.title), 1)) : T("", !0)
               ])
             ])
           ])) : T("", !0),
@@ -2467,7 +2467,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
               onClick: C
             }, "×")
           ]) : T("", !0),
-          x.$slots.body || x.$slots.default ? (g(), _("div", {
+          x.$slots.body || x.$slots.default ? (g(), y("div", {
             key: 2,
             id: f,
             class: "vf-modal__body"
@@ -2475,20 +2475,20 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
             L(x.$slots, "body"),
             x.$slots.body ? T("", !0) : L(x.$slots, "default", { key: 0 })
           ])) : T("", !0),
-          x.$slots.footer ? (g(), _("div", ea, [
+          x.$slots.footer ? (g(), y("div", ta, [
             L(x.$slots, "footer")
           ])) : T("", !0)
-        ], 40, Zo)
+        ], 40, Jo)
       ], 2), [
         [fe, x.modelValue]
       ])
     ]));
   }
-}), ta = ["data-placement"], oa = { class: "vf-tooltip__content" }, aa = {
+}), oa = ["data-placement"], aa = { class: "vf-tooltip__content" }, ra = {
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, cr = /* @__PURE__ */ U({
+}, vr = /* @__PURE__ */ G({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2499,28 +2499,28 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   setup(t) {
     const e = t;
     let r = 0;
-    const o = I(null), a = I(null), v = I(!1), i = I("top"), c = `vf-tooltip-${++r}`;
+    const o = I(null), a = I(null), d = I(!1), s = I("top"), c = `vf-tooltip-${++r}`;
     let l = null;
-    const d = () => {
-      e.disabled || (v.value = !0);
+    const u = () => {
+      e.disabled || (d.value = !0);
     }, n = () => {
-      v.value = !1;
-    }, s = () => {
+      d.value = !1;
+    }, i = () => {
       if (!o.value || !a.value)
         return;
-      const p = o.value, u = a.value, y = async () => {
+      const p = o.value, v = a.value, _ = async () => {
         const {
           x: S,
           y: H,
           placement: R
-        } = await Te(p, u, {
+        } = await Te(p, v, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [Ve(8), Se(), Mt()]
+          middleware: [Ve(8), Se(), It()]
         });
-        i.value = R ?? e.placement, u.style.left = `${S}px`, u.style.top = `${H}px`;
+        s.value = R ?? e.placement, v.style.left = `${S}px`, v.style.top = `${H}px`;
       }, m = async () => {
-        await y();
+        await _();
       }, C = Le(p, () => {
         m();
       }), M = () => {
@@ -2533,29 +2533,29 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
         }
       }, l.update();
     };
-    te(v, async (p) => {
+    te(d, async (p) => {
       if (!p) {
         l && (l.destroy(), l = null);
         return;
       }
-      l || s(), l == null || l.update();
+      l || i(), l == null || l.update();
     }), Fe(() => {
-      v.value && s();
+      d.value && i();
     }), we(() => {
       l == null || l.destroy(), l = null;
     });
     const f = h(() => !!e.text || !!(a.value && a.value.textContent));
     return te(f, (p) => {
-      p || (v.value = !1);
-    }), (p, u) => (g(), _(se, null, [
+      p || (d.value = !1);
+    }), (p, v) => (g(), y(se, null, [
       F("span", {
         ref_key: "trigger",
         ref: o,
         class: "vf-tooltip__trigger",
         "aria-describedby": c,
-        onMouseenter: d,
+        onMouseenter: u,
         onMouseleave: n,
-        onFocus: d,
+        onFocus: u,
         onBlur: n
       }, [
         L(p.$slots, "default")
@@ -2567,25 +2567,50 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
           ref: a,
           class: "vf-tooltip",
           role: "tooltip",
-          "data-placement": i.value
+          "data-placement": s.value
         }, [
-          F("span", oa, [
+          F("span", aa, [
             L(p.$slots, "content", {}, () => [
               Q(O(p.text), 1)
             ])
           ]),
-          p.arrow ? (g(), _("span", aa)) : T("", !0)
-        ], 8, ta), [
-          [fe, v.value]
+          p.arrow ? (g(), y("span", ra)) : T("", !0)
+        ], 8, oa), [
+          [fe, d.value]
         ])
       ]))
     ], 64));
   }
-}), ra = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], la = (t) => {
+}), fr = /* @__PURE__ */ G({
+  __name: "skeleton",
+  props: {
+    width: {},
+    height: {},
+    variant: { default: "text" },
+    animated: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const e = t, r = (d) => {
+      if (!(d == null || d === ""))
+        return typeof d == "number" ? `${d}px` : d;
+    }, o = h(() => {
+      const d = r(e.width), s = r(e.height), c = {};
+      return d && (c.width = d), s && (c.height = s), e.variant === "circle" && (!d && s && (c.width = s), !s && d && (c.height = d)), c;
+    }), a = h(() => {
+      const d = ["vf-skeleton", `vf-skeleton_${e.variant}`];
+      return e.animated && d.push("vf-skeleton_animated"), d;
+    });
+    return (d, s) => (g(), y("div", {
+      class: D(a.value),
+      style: st(o.value),
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}), la = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], na = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, na = (t) => t.filter((e) => !ra.includes(e)).map((e) => la(e)).join("-").toLowerCase(), Ee = (t) => t.join("."), sa = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ae = (t) => {
-  if (!sa(t))
+}, sa = (t) => t.filter((e) => !la.includes(e)).map((e) => na(e)).join("-").toLowerCase(), Ee = (t) => t.join("."), ia = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ae = (t) => {
+  if (!ia(t))
     return null;
   if (t.length === 4) {
     const e = t[1], r = t[2], o = t[3];
@@ -2596,52 +2621,52 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
   const e = Ae(t);
   if (!e)
     return [0, 0, 0];
-  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, v = r & 255;
-  return [o, a, v];
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, d = r & 255;
+  return [o, a, d];
 }, Ge = (t) => {
   const [e, r, o] = at(t);
   return `${e}, ${r}, ${o}`;
-}, ia = (t, e, r) => {
-  const o = t / 255, a = e / 255, v = r / 255, i = Math.max(o, a, v), c = Math.min(o, a, v), l = i - c;
-  let d = 0, n = 0;
-  const s = (i + c) / 2;
+}, da = (t, e, r) => {
+  const o = t / 255, a = e / 255, d = r / 255, s = Math.max(o, a, d), c = Math.min(o, a, d), l = s - c;
+  let u = 0, n = 0;
+  const i = (s + c) / 2;
   if (l !== 0) {
-    switch (n = l / (1 - Math.abs(2 * s - 1)), i) {
+    switch (n = l / (1 - Math.abs(2 * i - 1)), s) {
       case o:
-        d = (a - v) / l % 6;
+        u = (a - d) / l % 6;
         break;
       case a:
-        d = (v - o) / l + 2;
+        u = (d - o) / l + 2;
         break;
-      case v:
-        d = (o - a) / l + 4;
+      case d:
+        u = (o - a) / l + 4;
         break;
     }
-    d *= 60, d < 0 && (d += 360);
+    u *= 60, u < 0 && (u += 360);
   }
-  return [d, n * 100, s * 100];
-}, da = (t, e, r) => {
-  const o = e / 100, a = r / 100, v = (1 - Math.abs(2 * a - 1)) * o, i = v * (1 - Math.abs(t / 60 % 2 - 1)), c = a - v / 2;
-  let l = 0, d = 0, n = 0;
-  t >= 0 && t < 60 ? (l = v, d = i, n = 0) : t >= 60 && t < 120 ? (l = i, d = v, n = 0) : t >= 120 && t < 180 ? (l = 0, d = v, n = i) : t >= 180 && t < 240 ? (l = 0, d = i, n = v) : t >= 240 && t < 300 ? (l = i, d = 0, n = v) : (l = v, d = 0, n = i);
-  const s = Math.round((l + c) * 255), f = Math.round((d + c) * 255), p = Math.round((n + c) * 255);
-  return [s, f, p];
-}, ca = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, ua = (t, e, r) => Math.min(r, Math.max(e, t)), va = (t, e) => {
+  return [u, n * 100, i * 100];
+}, ca = (t, e, r) => {
+  const o = e / 100, a = r / 100, d = (1 - Math.abs(2 * a - 1)) * o, s = d * (1 - Math.abs(t / 60 % 2 - 1)), c = a - d / 2;
+  let l = 0, u = 0, n = 0;
+  t >= 0 && t < 60 ? (l = d, u = s, n = 0) : t >= 60 && t < 120 ? (l = s, u = d, n = 0) : t >= 120 && t < 180 ? (l = 0, u = d, n = s) : t >= 180 && t < 240 ? (l = 0, u = s, n = d) : t >= 240 && t < 300 ? (l = s, u = 0, n = d) : (l = d, u = 0, n = s);
+  const i = Math.round((l + c) * 255), f = Math.round((u + c) * 255), p = Math.round((n + c) * 255);
+  return [i, f, p];
+}, ua = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, va = (t, e, r) => Math.min(r, Math.max(e, t)), fa = (t, e) => {
   const r = Ae(t);
   if (!r)
     return t;
-  const [o, a, v] = at(r), [i, c, l] = ia(o, a, v), n = (e - 5) * 7, s = ua(l + n, 0, 100), [f, p, u] = da(i, c, s);
-  return ca(f, p, u);
+  const [o, a, d] = at(r), [s, c, l] = da(o, a, d), n = (e - 5) * 7, i = va(l + n, 0, 100), [f, p, v] = ca(s, c, i);
+  return ua(f, p, v);
 }, Ie = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ke = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
-    const a = e[o], v = t[o];
-    Ie(v) && Ie(a) ? r[o] = Ke(v, a) : r[o] = a;
+    const a = e[o], d = t[o];
+    Ie(d) && Ie(a) ? r[o] = Ke(d, a) : r[o] = a;
   }
   return r;
-}, fa = (t) => {
+}, pa = (t) => {
   if (!t)
     return null;
   if (Ie(t) && "preset" in t) {
@@ -2655,42 +2680,42 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     };
   }
   return { preset: t };
-}, pa = (t) => {
-  const e = [], r = [], o = [], a = [], v = (l) => o.push(l), i = (l) => a.push(l), c = (l, d) => {
+}, ba = (t) => {
+  const e = [], r = [], o = [], a = [], d = (l) => o.push(l), s = (l) => a.push(l), c = (l, u) => {
     if (!(!l || typeof l != "object"))
       for (const n in l) {
-        const s = l[n], f = d.concat([n]);
-        if (Ie(s)) {
-          c(s, f);
+        const i = l[n], f = u.concat([n]);
+        if (Ie(i)) {
+          c(i, f);
           continue;
         }
-        if (s && typeof s == "object") {
-          i(`Theme value "${Ee(f)}" is not a plain object or string and will be ignored.`);
+        if (i && typeof i == "object") {
+          s(`Theme value "${Ee(f)}" is not a plain object or string and will be ignored.`);
           continue;
         }
-        if (typeof s != "string") {
-          i(`Theme value "${Ee(f)}" is not a string and will be ignored.`);
+        if (typeof i != "string") {
+          s(`Theme value "${Ee(f)}" is not a string and will be ignored.`);
           continue;
         }
-        const u = f.includes("colorScheme") && f.includes("dark") ? r : e, y = na(f);
-        if (u.push(`--vf-${y}: ${s}`), f.includes("colors")) {
-          const m = Ae(s);
+        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, _ = sa(f);
+        if (v.push(`--vf-${_}: ${i}`), f.includes("colors")) {
+          const m = Ae(i);
           if (!m) {
-            v(
+            d(
               `Theme color "${Ee(f)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (u.push(`--vf-${y}-rgb: ${Ge(m)}`), n !== "white")
+          if (v.push(`--vf-${_}-rgb: ${Ge(m)}`), n !== "white")
             for (let C = 1; C < 10; ++C) {
-              const M = va(m, C);
-              u.push(`--vf-${y}-${C}00: ${M}`), u.push(`--vf-${y}-${C}00-rgb: ${Ge(M)}`);
+              const M = fa(m, C);
+              v.push(`--vf-${_}-${C}00: ${M}`), v.push(`--vf-${_}-${C}00-rgb: ${Ge(M)}`);
             }
         }
       }
   };
   return c(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
-}, ba = (t) => {
+}, ga = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -2698,11 +2723,11 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, ga = (t) => ({
+}, ma = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), ma = (t, e, r, o) => {
-  const { baseVars: a, darkVars: v, warnings: i, errors: c } = pa(t), l = ba("vueforge-theme");
+}), ha = (t, e, r, o) => {
+  const { baseVars: a, darkVars: d, warnings: s, errors: c } = ba(t), l = ga("vueforge-theme");
   if (!l)
     return;
   if (c.length) {
@@ -2711,21 +2736,21 @@ const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", me
     for (const n of c)
       console.warn(`[VueForge] ${n}`);
   }
-  if (i.length)
-    for (const n of i)
+  if (s.length)
+    for (const n of s)
       console.warn(`[VueForge] ${n}`);
-  const d = [];
-  a.length && d.push(`${e} { ${a.join(";")} }`), v.length && d.push(`${r} { ${v.join(";")} }`), l.textContent = d.join(`
+  const u = [];
+  a.length && u.push(`${e} { ${a.join(";")} }`), d.length && u.push(`${r} { ${d.join(";")} }`), l.textContent = u.join(`
 `);
 };
 let ge = null;
 const rt = (t) => {
-  const e = fa(t);
+  const e = pa(t);
   if (!e)
     return;
-  const r = Ke(e.preset, e.overrides), { selector: o, darkSelector: a } = ga(e);
-  ge = { ...e }, ma(r, o, a, e.strict);
-}, ur = (t) => {
+  const r = Ke(e.preset, e.overrides), { selector: o, darkSelector: a } = ma(e);
+  ge = { ...e }, ha(r, o, a, e.strict);
+}, pr = (t) => {
   if (!ge)
     return;
   const e = t.overrides === void 0 ? ge.overrides : Ke(ge.overrides ?? {}, t.overrides ?? {}), r = {
@@ -2735,7 +2760,7 @@ const rt = (t) => {
     darkSelector: t.darkSelector ?? ge.darkSelector
   };
   rt(r);
-}, vr = () => ge ? { ...ge } : null, fr = {
+}, br = () => ge ? { ...ge } : null, gr = {
   install(t, e = {}) {
     e.theme && rt(e.theme);
   }
@@ -2802,7 +2827,7 @@ const rt = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, ha = {
+}, ya = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -2944,11 +2969,11 @@ const rt = (t) => {
       }
     }
   }
-}, ya = {
+}, _a = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, _a = {
+}, ka = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2969,7 +2994,7 @@ const rt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ka = {
+}, Ca = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -2989,7 +3014,7 @@ const rt = (t) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, Ca = {
+}, wa = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3012,10 +3037,10 @@ const rt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, wa = {
+}, $a = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, $a = {
+}, xa = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -3035,7 +3060,7 @@ const rt = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, xa = {
+}, Ba = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -3062,9 +3087,9 @@ const rt = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, Ba = {
-  backgroundColor: "var(--vf-bg-color)"
 }, za = {
+  backgroundColor: "var(--vf-bg-color)"
+}, Fa = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3097,7 +3122,7 @@ const rt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Fa = {
+}, Sa = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3136,7 +3161,7 @@ const rt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Sa = {
+}, Va = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3181,7 +3206,7 @@ const rt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Va = {
+}, La = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3231,7 +3256,7 @@ const rt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, La = {
+}, Ta = {
   gap: "0.4rem",
   itemMinWidth: "2rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -3256,7 +3281,7 @@ const rt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     padding: "0.45rem 0.8rem"
   }
-}, Ta = {
+}, Ra = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -3268,7 +3293,7 @@ const rt = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ra = {
+}, Pa = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -3282,7 +3307,7 @@ const rt = (t) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Pa = {
+}, Ma = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -3294,7 +3319,7 @@ const rt = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ma = {
+}, Ia = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -3315,7 +3340,7 @@ const rt = (t) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ia = {
+}, Da = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -3326,7 +3351,15 @@ const rt = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, Da = {
+}, Oa = {
+  width: "100%",
+  height: "1rem",
+  lineHeight: "0.9rem",
+  borderRadius: "var(--vf-radii-md)",
+  backgroundColor: "var(--vf-gutter-color)",
+  shimmerColor: "var(--vf-bg-color)",
+  animationDuration: "2s"
+}, Ea = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -3365,7 +3398,7 @@ const rt = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Oa = {
+}, Wa = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -3403,62 +3436,64 @@ const rt = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, pr = {
+}, mr = {
   ...je,
   components: {
     base: je,
-    button: ha,
-    card: ya,
-    input: _a,
-    formField: ka,
-    textarea: Ca,
-    link: wa,
-    menu: $a,
-    modal: xa,
-    popover: Ba,
-    select: za,
-    autocomplete: Fa,
-    multiselect: Sa,
-    datepicker: Va,
-    pagination: La,
-    checkbox: Ta,
-    radio: Ra,
-    switch: Pa,
-    tabs: Ma,
-    tooltip: Ia,
-    toast: Da,
-    alert: Oa
+    button: ya,
+    card: _a,
+    input: ka,
+    formField: Ca,
+    textarea: wa,
+    link: $a,
+    menu: xa,
+    modal: Ba,
+    popover: za,
+    select: Fa,
+    autocomplete: Sa,
+    multiselect: Va,
+    datepicker: La,
+    pagination: Ta,
+    checkbox: Ra,
+    radio: Pa,
+    switch: Ma,
+    tabs: Ia,
+    tooltip: Da,
+    skeleton: Oa,
+    toast: Ea,
+    alert: Wa
   }
 };
 export {
-  nr as Alert,
-  Xa as Autocomplete,
-  Ka as Button,
-  ht as Card,
-  Ja as Checkbox,
-  Ua as DatePicker,
-  pr as DefaultTheme,
-  Ya as FormField,
-  Na as Input,
+  ir as Alert,
+  Ua as Autocomplete,
+  Ya as Button,
+  yt as Card,
+  er as Checkbox,
+  Ja as DatePicker,
+  mr as DefaultTheme,
+  ja as FormField,
+  Ga as Input,
   Je as Link,
-  Aa as Menu,
-  dr as Modal,
-  qa as MultiSelect,
-  Za as Pagination,
-  ir as Popover,
-  er as RadioButton,
-  Qa as RadioGroup,
-  ja as Select,
-  sr as Switch,
-  or as Tab,
-  ar as TabPanel,
-  tr as Tabs,
-  Ga as Textarea,
-  rr as Toast,
-  lr as ToastContainer,
-  cr as Tooltip,
-  fr as VueForge,
-  vr as getTheme,
+  Na as Menu,
+  ur as Modal,
+  Za as MultiSelect,
+  Qa as Pagination,
+  cr as Popover,
+  or as RadioButton,
+  tr as RadioGroup,
+  qa as Select,
+  fr as Skeleton,
+  dr as Switch,
+  rr as Tab,
+  lr as TabPanel,
+  ar as Tabs,
+  Xa as Textarea,
+  nr as Toast,
+  sr as ToastContainer,
+  vr as Tooltip,
+  gr as VueForge,
+  br as getTheme,
   rt as setTheme,
-  ur as updateTheme
+  pr as updateTheme
 };