@codemonster-ru/vueforge 0.24.0 → 0.26.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as G, ref as O, computed as y, watch as ee, resolveComponent as Ze, openBlock as m, createElementBlock as _, normalizeClass as T, renderSlot as F, Fragment as ae, createTextVNode as X, toDisplayString as R, createBlock as ne, withCtx as _e, createCommentVNode as P, createElementVNode as B, renderList as ve, withKeys as Z, withModifiers as U, unref as xe, createVNode as Je, useSlots as He, nextTick as Ce, onMounted as Se, onBeforeUnmount as $e, Teleport as we, withDirectives as fe, vShow as pe, provide as Ke, inject as Oe, reactive as st, createSlots as it, normalizeStyle as Fe } from "vue";
+import { defineComponent as Y, ref as O, computed as y, watch as Q, resolveComponent as Ze, openBlock as b, createElementBlock as _, normalizeClass as L, renderSlot as S, Fragment as ae, createTextVNode as j, toDisplayString as R, createBlock as se, withCtx as _e, createCommentVNode as P, createElementVNode as B, renderList as ve, withKeys as Z, withModifiers as U, unref as xe, createVNode as Je, useSlots as He, nextTick as ke, onMounted as Fe, onBeforeUnmount as $e, Teleport as we, withDirectives as fe, vShow as pe, provide as Ke, inject as De, reactive as nt, createSlots as it, normalizeStyle as Se } from "vue";
 import { useRoute as dt, useRouter as ct } from "vue-router";
 import { CmIcon as ze } from "@codemonster-ru/vueiconify";
-const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ G({
+const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ Y({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,39 +15,39 @@ const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ G({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = dt(), d = ct(), i = O(null), c = y(() => o.href ?? o.url), l = y(() => 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 = y(() => o.to), s = y(() => o.to ? d.resolve(o.to) : null), n = y(() => {
+    const r = e, o = t, a = dt(), d = ct(), i = O(null), u = y(() => o.href ?? o.url), l = y(() => 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"), c = y(() => o.to), n = y(() => o.to ? d.resolve(o.to) : null), s = y(() => {
       if (l.value !== "router-link")
         return !1;
-      const v = s.value;
+      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 = y(() => o.active === void 0 ? n.value : o.active), p = (v) => {
+    }), f = y(() => o.active === void 0 ? s.value : o.active), p = (v) => {
       if (!o.disabled) {
         r("click", v);
         return;
       }
       v.preventDefault(), v.stopPropagation();
     };
-    return ee(n, (v) => {
+    return Q(s, (v) => {
       v && (r("active"), r("onActive")), r("update:active", v);
     }), (v, $) => {
-      const k = Ze("router-link");
-      return l.value === "a" ? (m(), _("a", {
+      const C = Ze("router-link");
+      return l.value === "a" ? (b(), _("a", {
         key: 0,
-        href: c.value,
-        class: T(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
+        href: u.value,
+        class: L(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
         "aria-disabled": v.disabled,
         tabindex: v.disabled ? -1 : void 0,
         onClick: p
       }, [
-        v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (m(), _(ae, { key: 1 }, [
-          X(R(v.label), 1)
+        v.$slots.default ? S(v.$slots, "default", { key: 0 }) : (b(), _(ae, { key: 1 }, [
+          j(R(v.label), 1)
         ], 64))
-      ], 10, ut)) : (m(), ne(k, {
+      ], 10, ut)) : (b(), se(C, {
         key: 1,
         ref_key: "link",
         ref: i,
-        to: u.value,
-        class: T(["vf-link", { "vf-link_active": f.value }]),
+        to: c.value,
+        class: L(["vf-link", { "vf-link_active": f.value }]),
         "aria-disabled": v.disabled,
         tabindex: v.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
@@ -55,8 +55,8 @@ const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ G({
         onClick: p
       }, {
         default: _e(() => [
-          v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (m(), _(ae, { key: 1 }, [
-            X(R(v.label), 1)
+          v.$slots.default ? S(v.$slots, "default", { key: 0 }) : (b(), _(ae, { key: 1 }, [
+            j(R(v.label), 1)
           ], 64))
         ]),
         _: 3
@@ -68,10 +68,10 @@ const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ G({
   for (const [o, a] of e)
     r[o] = a;
   return r;
-}, ft = {}, pt = { class: "vf-card" }, bt = {
+}, ft = {}, pt = { class: "vf-card" }, gt = {
   key: 0,
   class: "vf-card__default"
-}, gt = {
+}, bt = {
   key: 1,
   class: "vf-card__header"
 }, mt = {
@@ -82,29 +82,29 @@ const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ G({
   class: "vf-card__footer"
 };
 function yt(t, e) {
-  return m(), _("div", pt, [
-    t.$slots.default ? (m(), _("div", bt, [
-      F(t.$slots, "default")
+  return b(), _("div", pt, [
+    t.$slots.default ? (b(), _("div", gt, [
+      S(t.$slots, "default")
     ])) : P("", !0),
-    t.$slots.header ? (m(), _("div", gt, [
-      F(t.$slots, "header")
+    t.$slots.header ? (b(), _("div", bt, [
+      S(t.$slots, "header")
     ])) : P("", !0),
-    t.$slots.body ? (m(), _("div", mt, [
-      F(t.$slots, "body")
+    t.$slots.body ? (b(), _("div", mt, [
+      S(t.$slots, "body")
     ])) : P("", !0),
-    t.$slots.footer ? (m(), _("div", ht, [
-      F(t.$slots, "footer")
+    t.$slots.footer ? (b(), _("div", ht, [
+      S(t.$slots, "footer")
     ])) : P("", !0)
   ]);
 }
-const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
+const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), Ct = {
   class: "vf-menu__list",
   role: "menu"
-}, Ct = {
+}, kt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, $t = ["aria-expanded", "onClick", "onKeydown"], mr = /* @__PURE__ */ G({
+}, $t = ["aria-expanded", "onClick", "onKeydown"], xr = /* @__PURE__ */ Y({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,44 +113,44 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = O([]), d = (s, n) => `${s.label ?? s.to ?? s.href ?? s.url ?? "item"}_${n.toString()}`, i = (s) => s.to ? "router-link" : "a", c = (s) => s.map((n) => ({
-      ...n,
-      items: n.items ? c(n.items) : void 0
-    })), l = (s) => {
-      s.items && s.items.length ? (a.value.map((n) => {
-        n !== s && (n.subMenuVisible = !1);
-      }), s.subMenuVisible = !s.subMenuVisible) : Object.prototype.hasOwnProperty.call(s, "command") && typeof s.command == "function" && s.command();
-    }, u = (s) => {
-      var n;
+    const r = e, o = t, a = O([]), d = (n, s) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${s.toString()}`, i = (n) => n.to ? "router-link" : "a", u = (n) => n.map((s) => ({
+      ...s,
+      items: s.items ? u(s.items) : void 0
+    })), l = (n) => {
+      n.items && n.items.length ? (a.value.map((s) => {
+        s !== n && (s.subMenuVisible = !1);
+      }), n.subMenuVisible = !n.subMenuVisible) : Object.prototype.hasOwnProperty.call(n, "command") && typeof n.command == "function" && n.command();
+    }, c = (n) => {
+      var s;
       for (const f in a.value) {
         const p = a.value[f];
-        Object.prototype.hasOwnProperty.call(p, "items") && ((n = p.items) != null && n.some((v) => v === s) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
+        Object.prototype.hasOwnProperty.call(p, "items") && ((s = p.items) != null && s.some((v) => v === n) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
       }
-      r("active", s), r("onActive", s);
+      r("active", n), r("onActive", n);
     };
-    return ee(
+    return Q(
       () => o.items,
-      (s) => {
-        a.value = c(s);
+      (n) => {
+        a.value = u(n);
       },
       { deep: !0, immediate: !0 }
-    ), (s, n) => {
+    ), (n, s) => {
       const f = Ze("VfMenu");
-      return m(), _("div", {
-        class: T(["vf-menu", `vf-menu_${s.orientation}`])
+      return b(), _("div", {
+        class: L(["vf-menu", `vf-menu_${n.orientation}`])
       }, [
-        B("ul", kt, [
-          (m(!0), _(ae, null, ve(a.value, (p, v) => (m(), _("li", {
+        B("ul", Ct, [
+          (b(!0), _(ae, null, ve(a.value, (p, v) => (b(), _("li", {
             key: d(p, v),
             class: "vf-menu__item",
             role: "none"
           }, [
-            s.$slots[d(p, v)] ? F(s.$slots, d(p, v), {
+            n.$slots[d(p, v)] ? S(n.$slots, d(p, v), {
               key: 0,
               item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (m(), _("hr", Ct)) : p.items && p.items.length ? (m(), _(ae, { key: 2 }, [
+            }) : p.separator ? (b(), _("hr", kt)) : p.items && p.items.length ? (b(), _(ae, { key: 2 }, [
               B("div", {
-                class: T(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
+                class: L(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
                 role: "menuitem",
                 tabindex: "0",
                 "aria-expanded": p.subMenuVisible ? "true" : "false",
@@ -160,21 +160,21 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
                   Z(U(($) => l(p), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (m(), ne(xe(ze), {
+                p.icon ? (b(), se(xe(ze), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
                 }, null, 8, ["icon"])) : P("", !0),
-                X(" " + R(p.label) + " ", 1),
+                j(" " + R(p.label) + " ", 1),
                 Je(xe(ze), { icon: "chevronDown" })
               ], 42, $t),
-              p.items ? (m(), ne(f, {
+              p.items ? (b(), se(f, {
                 key: 0,
                 items: p.items,
-                class: T(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
-                onOnActive: u
+                class: L(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
+                onOnActive: c
               }, null, 8, ["items", "class"])) : P("", !0)
-            ], 64)) : (m(), ne(Qe, {
+            ], 64)) : (b(), se(Qe, {
               key: 3,
               to: p.to,
               href: p.href ?? p.url,
@@ -185,15 +185,15 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
               role: "menuitem",
               "aria-disabled": p.disabled ? "true" : "false",
               onClick: ($) => l(p),
-              onActive: ($) => u(p)
+              onActive: ($) => c(p)
             }, {
               default: _e(() => [
-                p.icon ? (m(), ne(xe(ze), {
+                p.icon ? (b(), se(xe(ze), {
                   key: 0,
                   icon: p.icon,
                   class: "vf-menu__icon"
                 }, null, 8, ["icon"])) : P("", !0),
-                X(" " + R(p.label), 1)
+                j(" " + R(p.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
       ], 2);
     };
   }
-}), wt = ["type", "disabled"], hr = /* @__PURE__ */ G({
+}), wt = ["type", "disabled"], zr = /* @__PURE__ */ Y({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,59 +221,59 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = ["button", "submit", "reset"], o = (s) => !!s && r.includes(s), a = y(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = y(() => o(e.type) ? e.type : "button"), i = y(() => 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 = y(() => {
-      let s = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && s.push("vf-button_vertical"), e.variant === "text" && s.push("vf-button_text"), e.variant === "outlined" && s.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && s.push(`vf-button_${e.size}`), (e.loading || e.disabled) && s.push("vf-button_disabled"), e.rounded && s.push("vf-button_rounded"), s;
-    }), l = y(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = y(() => ["vf-button__label"]);
-    return (s, n) => a.value ? (m(), _("button", {
+    const e = t, r = ["button", "submit", "reset"], o = (n) => !!n && r.includes(n), a = y(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = y(() => o(e.type) ? e.type : "button"), i = y(() => 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"), u = y(() => {
+      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 = y(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), c = y(() => ["vf-button__label"]);
+    return (n, s) => a.value ? (b(), _("button", {
       key: 0,
       type: d.value,
-      class: T(c.value),
+      class: L(u.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (m(), ne(xe(ze), {
+      e.icon && !e.loading ? (b(), se(xe(ze), {
         key: 0,
         icon: e.icon,
-        class: T(l.value)
+        class: L(l.value)
       }, null, 8, ["icon", "class"])) : P("", !0),
-      e.loading ? (m(), ne(xe(ze), {
+      e.loading ? (b(), se(xe(ze), {
         key: 1,
         icon: "circleNotch",
-        class: T(l.value),
+        class: L(l.value),
         spin: ""
       }, null, 8, ["class"])) : P("", !0),
-      s.$slots.default ? (m(), _("span", {
+      n.$slots.default ? (b(), _("span", {
         key: 2,
-        class: T(u.value)
+        class: L(c.value)
       }, [
-        F(s.$slots, "default")
-      ], 2)) : s.label ? (m(), _("span", {
+        S(n.$slots, "default")
+      ], 2)) : n.label ? (b(), _("span", {
         key: 3,
-        class: T(u.value)
-      }, R(s.label), 3)) : P("", !0)
-    ], 10, wt)) : (m(), ne(Qe, {
+        class: L(c.value)
+      }, R(n.label), 3)) : P("", !0)
+    ], 10, wt)) : (b(), se(Qe, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
       as: i.value,
-      class: T(c.value),
+      class: L(u.value),
       disabled: e.loading || e.disabled
     }, {
       default: _e(() => [
-        e.icon ? (m(), ne(xe(ze), {
+        e.icon ? (b(), se(xe(ze), {
           key: 0,
           icon: e.icon,
-          class: T(l.value)
+          class: L(l.value)
         }, null, 8, ["icon", "class"])) : P("", !0),
-        s.$slots.default ? (m(), _("span", {
+        n.$slots.default ? (b(), _("span", {
           key: 1,
-          class: T(u.value)
+          class: L(c.value)
         }, [
-          F(s.$slots, "default")
-        ], 2)) : s.label ? (m(), _("span", {
+          S(n.$slots, "default")
+        ], 2)) : n.label ? (b(), _("span", {
           key: 2,
-          class: T(u.value)
-        }, R(s.label), 3)) : P("", !0)
+          class: L(c.value)
+        }, R(n.label), 3)) : P("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
@@ -284,7 +284,7 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
 }, zt = ["type", "value", "placeholder", "disabled", "readonly"], Bt = {
   key: 1,
   class: "vf-input__suffix"
-}, yr = /* @__PURE__ */ G({
+}, Br = /* @__PURE__ */ Y({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -298,40 +298,40 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = y(() => {
-      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 s = u.target;
-      r("update:modelValue", s.value), r("input", u);
-    }, i = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, s) => (m(), _("div", {
-      class: T(a.value)
+      const c = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && c.push(`vf-input_${o.size}`), o.disabled && c.push("vf-input_disabled"), c;
+    }), d = (c) => {
+      const n = c.target;
+      r("update:modelValue", n.value), r("input", c);
+    }, i = (c) => r("change", c), u = (c) => r("focus", c), l = (c) => r("blur", c);
+    return (c, n) => (b(), _("div", {
+      class: L(a.value)
     }, [
-      u.$slots.prefix ? (m(), _("span", xt, [
-        F(u.$slots, "prefix")
+      c.$slots.prefix ? (b(), _("span", xt, [
+        S(c.$slots, "prefix")
       ])) : P("", !0),
       B("input", {
         class: "vf-input__control",
-        type: u.type,
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        readonly: u.readonly,
+        type: c.type,
+        value: c.modelValue,
+        placeholder: c.placeholder,
+        disabled: c.disabled,
+        readonly: c.readonly,
         onInput: d,
         onChange: i,
-        onFocus: c,
+        onFocus: u,
         onBlur: l
       }, null, 40, zt),
-      u.$slots.suffix ? (m(), _("span", Bt, [
-        F(u.$slots, "suffix")
+      c.$slots.suffix ? (b(), _("span", Bt, [
+        S(c.$slots, "suffix")
       ])) : P("", !0)
     ], 2));
   }
-}), Ft = ["for"], St = {
+}), St = ["for"], Ft = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Vt = { class: "vf-form-field__control" }, Lt = ["id"], Tt = ["id"], _r = /* @__PURE__ */ G({
+}, Vt = { class: "vf-form-field__control" }, Tt = ["id"], Lt = ["id"], Sr = /* @__PURE__ */ Y({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -343,56 +343,56 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
     size: { default: "normal" }
   },
   setup(t) {
-    const e = t, r = He(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = y(() => e.id || o), d = y(() => `${a.value}-hint`), i = y(() => `${a.value}-error`), c = y(() => !!e.label || !!r.label), l = y(() => !!e.hint || !!r.hint), u = y(() => !!e.error || !!r.error), s = y(() => {
+    const e = t, r = He(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = y(() => e.id || o), d = y(() => `${a.value}-hint`), i = y(() => `${a.value}-error`), u = y(() => !!e.label || !!r.label), l = y(() => !!e.hint || !!r.hint), c = y(() => !!e.error || !!r.error), n = y(() => {
       const f = [];
-      return l.value && f.push(d.value), u.value && f.push(i.value), f.length ? f.join(" ") : void 0;
-    }), n = y(() => {
+      return l.value && f.push(d.value), c.value && f.push(i.value), f.length ? f.join(" ") : void 0;
+    }), s = y(() => {
       const f = ["vf-form-field"];
-      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 e.size !== "normal" && f.push(`vf-form-field_${e.size}`), e.disabled && f.push("vf-form-field_disabled"), c.value && f.push("vf-form-field_invalid"), f;
     });
-    return (f, p) => (m(), _("div", {
-      class: T(n.value)
+    return (f, p) => (b(), _("div", {
+      class: L(s.value)
     }, [
-      c.value ? (m(), _("label", {
+      u.value ? (b(), _("label", {
         key: 0,
         class: "vf-form-field__label",
         for: a.value
       }, [
-        F(f.$slots, "label", {}, () => [
-          X(R(f.label), 1)
+        S(f.$slots, "label", {}, () => [
+          j(R(f.label), 1)
         ]),
-        f.required ? (m(), _("span", St, "*")) : P("", !0)
-      ], 8, Ft)) : P("", !0),
+        f.required ? (b(), _("span", Ft, "*")) : P("", !0)
+      ], 8, St)) : P("", !0),
       B("div", Vt, [
-        F(f.$slots, "default", {
+        S(f.$slots, "default", {
           id: a.value,
-          describedBy: s.value,
-          invalid: u.value,
+          describedBy: n.value,
+          invalid: c.value,
           required: f.required
         })
       ]),
-      l.value ? (m(), _("p", {
+      l.value ? (b(), _("p", {
         key: 1,
         id: d.value,
         class: "vf-form-field__hint"
       }, [
-        F(f.$slots, "hint", {}, () => [
-          X(R(f.hint), 1)
+        S(f.$slots, "hint", {}, () => [
+          j(R(f.hint), 1)
         ])
-      ], 8, Lt)) : P("", !0),
-      u.value ? (m(), _("p", {
+      ], 8, Tt)) : P("", !0),
+      c.value ? (b(), _("p", {
         key: 2,
         id: i.value,
         class: "vf-form-field__error",
         role: "alert"
       }, [
-        F(f.$slots, "error", {}, () => [
-          X(R(f.error), 1)
+        S(f.$slots, "error", {}, () => [
+          j(R(f.error), 1)
         ])
-      ], 8, Tt)) : P("", !0)
+      ], 8, Lt)) : P("", !0)
     ], 2));
   }
-}), Rt = ["value", "placeholder", "disabled", "readonly", "rows"], kr = /* @__PURE__ */ G({
+}), Rt = ["value", "placeholder", "disabled", "readonly", "rows"], Fr = /* @__PURE__ */ Y({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -406,25 +406,25 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = y(() => {
-      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 s = u.target;
-      r("update:modelValue", s.value), r("input", u);
-    }, i = (u) => r("change", u), c = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, s) => (m(), _("div", {
-      class: T(a.value)
+      const c = ["vf-textarea", `vf-textarea_${o.variant}`];
+      return o.size !== "normal" && c.push(`vf-textarea_${o.size}`), o.disabled && c.push("vf-textarea_disabled"), c;
+    }), d = (c) => {
+      const n = c.target;
+      r("update:modelValue", n.value), r("input", c);
+    }, i = (c) => r("change", c), u = (c) => r("focus", c), l = (c) => r("blur", c);
+    return (c, n) => (b(), _("div", {
+      class: L(a.value)
     }, [
       B("textarea", {
         class: "vf-textarea__control",
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        readonly: u.readonly,
-        rows: u.rows,
+        value: c.modelValue,
+        placeholder: c.placeholder,
+        disabled: c.disabled,
+        readonly: c.readonly,
+        rows: c.rows,
         onInput: d,
         onChange: i,
-        onFocus: c,
+        onFocus: u,
         onBlur: l
       }, null, 40, Rt)
     ], 2));
@@ -442,7 +442,7 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
   "left",
   "left-start",
   "left-end"
-], be = (t) => {
+], ge = (t) => {
   if (t == null || !(t instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -450,7 +450,7 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
     if (/(auto|scroll|overlay)/.test(r))
       return t;
   }
-  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : be(t.parentNode);
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : ge(t.parentNode);
 };
 function Pt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
@@ -458,9 +458,9 @@ function Pt(t) {
 const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he = (t, e) => It(t, e) === "fixed", ie = (t, e, r = {}) => {
   const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, d = e ? he(r, e) : !1;
   if (a && !d) {
-    const i = a.getBoundingClientRect(), c = a.scrollLeft, l = a.scrollTop;
+    const i = a.getBoundingClientRect(), u = a.scrollLeft, l = a.scrollTop;
     return {
-      left: o.left - i.left + c,
+      left: o.left - i.left + u,
       top: o.top - i.top + l,
       width: o.width,
       height: o.height
@@ -472,11 +472,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     width: o.width,
     height: o.height
   };
-}, ke = (t, e) => {
+}, Ce = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, et = (t, e) => !!ke(t, e), Mt = (t) => {
-  const e = be(t);
+}, et = (t, e) => !!Ce(t, e), Mt = (t) => {
+  const e = ge(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;
 }, Pe = (t) => t.scrollLeft + t.clientWidth, Ie = (t) => t.scrollTop + t.clientHeight, de = (t, e, r = null, o = {}, a) => {
@@ -484,7 +484,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     return t;
   let d = 0;
   if (r === null) {
-    const i = be(e);
+    const i = ge(e);
     d = i ? i.scrollTop : 0;
   }
   return t - d;
@@ -493,17 +493,17 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   if (r === null && typeof window < "u" && he(o, e))
     d = window.innerWidth;
   else if (r === null) {
-    const i = be(e);
+    const i = ge(e);
     d = i ? Pe(i) : 0;
   } else
     d = r.getBoundingClientRect().width;
   return -(t + e.clientWidth - d);
-}, ge = (t, e, r = null, o = {}, a) => {
+}, be = (t, e, r = null, o = {}, a) => {
   let d;
   if (r === null && typeof window < "u" && he(o, e))
     d = window.innerHeight;
   else if (r === null) {
-    const i = be(e);
+    const i = ge(e);
     d = i ? Ie(i) : 0;
   } else
     d = r.getBoundingClientRect().height;
@@ -513,7 +513,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     return t;
   let d = 0;
   if (r === null) {
-    const i = be(e);
+    const i = ge(e);
     d = i ? i.scrollLeft : 0;
   }
   return t - d;
@@ -526,11 +526,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   reference: d,
   scrollDirection: i
 }) => {
-  const c = Me(d, o, a, t), l = ke(t, "offset");
+  const u = Me(d, o, a, t), l = Ce(t, "offset");
   if (l) {
-    const u = l.fn({
-      x: c.x,
-      y: c.y,
+    const c = l.fn({
+      x: u.x,
+      y: u.y,
       options: t,
       primaryX: e,
       primaryY: r,
@@ -539,11 +539,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       reference: d,
       scrollDirection: i
     });
-    c.x = u.x, c.y = u.y;
+    u.x = c.x, u.y = c.y;
   }
-  return Jt(c, o, d, t) ? {
-    x: c.x,
-    y: c.y,
+  return Jt(u, o, d, t) ? {
+    x: u.x,
+    y: u.y,
     placement: a
   } : !1;
 }, Ve = (t) => ({
@@ -556,36 +556,36 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     primaryX: a,
     primaryY: d,
     floating: i,
-    placement: c,
+    placement: u,
     reference: l,
-    scrollDirection: u
+    scrollDirection: c
   }) => {
-    var s;
-    const n = {
+    var n;
+    const s = {
       x: e,
       y: r,
-      placement: c
+      placement: u
     }, f = {
       ...o,
-      middleware: (s = o.middleware) == null ? void 0 : s.filter((L) => L.name !== "shift")
+      middleware: (n = o.middleware) == null ? void 0 : n.filter((T) => T.name !== "shift")
     }, p = (t == null ? void 0 : t.placements) ?? je, v = !(t != null && t.placements), $ = v ? je : p;
-    let k = !1;
-    const w = (L) => {
-      if (k)
+    let C = !1;
+    const w = (T) => {
+      if (C)
         return;
       const H = Xe({
         options: f,
         primaryX: a,
         primaryY: d,
         floating: i,
-        placement: L,
+        placement: T,
         reference: l,
-        scrollDirection: u
+        scrollDirection: c
       });
-      H && (n.x = H.x, n.y = H.y, n.placement = H.placement, k = !0);
+      H && (s.x = H.x, s.y = H.y, s.placement = H.placement, C = !0);
     }, D = eo(l, i, f);
-    if (!v && p.includes(c) && w(c), k || $.forEach(w), !k) {
-      const L = p.reduce(
+    if (!v && p.includes(u) && w(u), C || $.forEach(w), !C) {
+      const T = p.reduce(
         (H, I) => {
           const M = Xe({
             options: f,
@@ -594,27 +594,27 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
             floating: i,
             placement: I,
             reference: l,
-            scrollDirection: u
+            scrollDirection: c
           });
           if (!M)
             return H;
-          const E = Be(I), S = D[E];
-          return !H || S > H.space ? { result: M, space: S } : H;
+          const E = Be(I), F = D[E];
+          return !H || F > H.space ? { result: M, space: F } : H;
         },
         null
       );
-      L && (n.x = L.result.x, n.y = L.result.y, n.placement = L.result.placement, k = !0);
+      T && (s.x = T.result.x, s.y = T.result.y, s.placement = T.result.placement, C = !0);
     }
-    if (!k && p.length > 0) {
-      const L = Be(c);
-      let H = L, I = D[L];
-      p.forEach((b) => {
-        const h = Be(b), C = D[h];
-        C > I && (I = C, H = h);
+    if (!C && p.length > 0) {
+      const T = Be(u);
+      let H = T, I = D[T];
+      p.forEach((g) => {
+        const h = Be(g), k = D[h];
+        k > I && (I = k, H = h);
       });
-      const M = Qt(H, c, p), E = Me(l, i, M, f), S = ke(f, "offset");
-      if (S) {
-        const b = S.fn({
+      const M = Qt(H, u, p), E = Me(l, i, M, f), F = Ce(f, "offset");
+      if (F) {
+        const g = F.fn({
           x: E.x,
           y: E.y,
           options: f,
@@ -623,47 +623,47 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
           floating: i,
           placement: M,
           reference: l,
-          scrollDirection: u
+          scrollDirection: c
         });
-        E.x = b.x, E.y = b.y;
+        E.x = g.x, E.y = g.y;
       }
-      n.x = E.x, n.y = E.y, n.placement = E.placement;
+      s.x = E.x, s.y = E.y, s.placement = E.placement;
     }
-    return n;
+    return s;
   }
 }), tt = (t, e, r, o, a) => {
-  var d, i, c;
+  var d, i, u;
   let l = 0;
   o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
-  const u = ke(e, "arrow"), s = ke(e, "shift");
-  if (u) {
-    const n = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
-    o.startsWith("right") ? l -= n.width / 2 : o.startsWith("left") && (l += n.width / 2);
+  const c = Ce(e, "arrow"), n = Ce(e, "shift");
+  if (c) {
+    const s = ((d = c.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= s.width / 2 : o.startsWith("left") && (l += s.width / 2);
   }
-  if (et(e, "shift") && u) {
-    let n = null, f = 0;
-    s && (n = (i = s.params) == null ? void 0 : i.parent);
-    const p = (c = u.params) == null ? void 0 : c.arrow;
-    f = p.getBoundingClientRect().width / 2, f += Ot(p), f -= t, o.startsWith("right") ? ce(r - l, a, n, e) <= t ? ce(r, a, n, e) > 0 ? l = t - ce(r, a, n, e) : l = t : ue(r - l - f, a, n, e) <= t && (ue(r - l - f, a, n, e) >= 0 ? (l = -t - (ue(r - l - f, a, n, e) + t), n && (l = -t)) : l = -t) : o.startsWith("left") ? ce(r - l + f, a, n, e) <= t ? (l = t + ce(r - f, a, n, e), l <= t && (l = t)) : ue(r - l, a, n, e) <= t && (l = -t + ue(r, a, n, e), l <= -t && (l = -t)) : ce(r - l, a, n, e) <= t ? ce(r - l, a, n, e) <= t && ce(r, a, n, e) > 0 ? l = t - ce(r, a, n, e) : l = t : ue(r - l, a, n, e) <= t && (ue(r - l, a, n, e) <= t && ue(r, a, n, e) > 0 ? l = -(t - ue(r, a, n, e)) : l = -t);
+  if (et(e, "shift") && c) {
+    let s = null, f = 0;
+    n && (s = (i = n.params) == null ? void 0 : i.parent);
+    const p = (u = c.params) == null ? void 0 : u.arrow;
+    f = p.getBoundingClientRect().width / 2, f += Dt(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);
   }
   return l;
 }, ot = (t, e, r, o, a) => {
-  var d, i, c;
+  var d, i, u;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
-  const u = ke(e, "arrow"), s = ke(e, "shift");
-  if (u) {
-    const n = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
-    o.startsWith("top") ? l += n.height / 2 : o.startsWith("bottom") && (l -= n.height / 2);
+  const c = Ce(e, "arrow"), n = Ce(e, "shift");
+  if (c) {
+    const s = ((d = c.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += s.height / 2 : o.startsWith("bottom") && (l -= s.height / 2);
   }
-  if (et(e, "shift") && u) {
-    let n = null, f = 0;
-    s && (n = (i = s.params) == null ? void 0 : i.parent);
-    const p = (c = u.params) == null ? void 0 : c.arrow;
-    f = p.getBoundingClientRect().height / 2, f += Wt(p), f -= t, o.startsWith("top") ? de(r - l, a, n, e) <= t ? de(r, a, n, e) >= 0 ? l = -(t - de(r, a, n, e)) : l = -t : ge(r - l + f, a, n, e) <= t && (l = t + ge(r - f, a, n, e), l <= t && (l = t)) : o.startsWith("bottom") ? de(r - l - f, a, n, e) <= t ? de(r - l - f, a, n, e) >= 0 ? (l = -t - (de(r - l - f, a, n, e) + t), n && (l = -t)) : l = -t : ge(r - l, a, n, e) <= t && (ge(r, a, n, e) >= 0 ? l = t - ge(r, a, n, e) : l = t) : de(r - l, a, n, e) <= t ? de(r - l, a, n, e) >= 0 ? l = -(t - de(r - l, a, n, e)) : l = -t : ge(r - l, a, n, e) <= t && (ge(r - l, a, n, e) >= 0 ? l = t - ge(r - l, a, n, e) : l = t);
+  if (et(e, "shift") && c) {
+    let s = null, f = 0;
+    n && (s = (i = n.params) == null ? void 0 : i.parent);
+    const p = (u = c.params) == null ? void 0 : u.arrow;
+    f = p.getBoundingClientRect().height / 2, f += Wt(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);
   }
   return l;
-}, Le = (t) => ({
+}, Te = (t) => ({
   name: "offset",
   params: { value: t },
   fn: ({
@@ -673,13 +673,13 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     primaryX: a,
     primaryY: d,
     floating: i,
-    placement: c
+    placement: u
   }) => ({
-    x: e - tt(t, o, a, c, i),
-    y: r - ot(t, o, d, c, i),
-    placement: c
+    x: e - tt(t, o, a, u, i),
+    y: r - ot(t, o, d, u, i),
+    placement: u
   })
-}), Dt = (t) => ({
+}), Ot = (t) => ({
   name: "shift",
   params: t,
   fn: ({
@@ -689,36 +689,36 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     primaryX: a,
     primaryY: d,
     floating: i,
-    placement: c,
+    placement: u,
     reference: l
   }) => {
-    var u;
-    const s = {
+    var c;
+    const n = {
       x: e,
       y: r,
-      placement: c
-    }, n = o.middleware || [], f = n.findIndex((C) => C.name === "shift"), p = n.findIndex((C) => C.name === "offset"), v = p !== -1 && (f === -1 || p > f), $ = n.find((C) => C.name === "offset"), k = $ ? (u = $.params) == null ? void 0 : u.value : 0, w = v ? tt(k, o, a, c, i) : 0, D = v ? ot(k, o, d, c, i) : 0, L = e - w, H = r - D;
-    let I = L, M = H;
-    const E = $ ? Math.abs(k) : 0, S = E, b = E;
+      placement: u
+    }, s = o.middleware || [], f = s.findIndex((k) => k.name === "shift"), p = s.findIndex((k) => k.name === "offset"), v = p !== -1 && (f === -1 || p > f), $ = s.find((k) => k.name === "offset"), C = $ ? (c = $.params) == null ? void 0 : c.value : 0, w = v ? tt(C, o, a, u, i) : 0, D = v ? ot(C, o, d, u, i) : 0, T = e - w, H = r - D;
+    let I = T, M = H;
+    const E = $ ? Math.abs(C) : 0, F = E, g = E;
     if (he(o, i) && typeof window < "u") {
-      const C = S, W = window.innerWidth - i.clientWidth - S, A = W < C ? C : W, q = b, te = window.innerHeight - i.clientHeight - b, j = te < q ? q : te;
-      I < C ? I = C : I > A && (I = A), M < q ? M = q : M > j && (M = j), v ? (s.x = e + (I - L), s.y = r + (M - H)) : (s.x = I, s.y = M);
-      const re = S, Q = window.innerWidth - i.clientWidth - S, se = b, x = window.innerHeight - i.clientHeight - b, K = v ? re + w : re, N = v ? Q + w : Q, oe = v ? se + D : se, g = v ? x + D : x;
-      return s.x < K ? s.x = K : s.x > N && (s.x = N), s.y < oe ? s.y = oe : s.y > g && (s.y = g), s;
+      const k = F, W = window.innerWidth - i.clientWidth - F, A = W < k ? k : W, q = g, te = window.innerHeight - i.clientHeight - g, X = te < q ? q : te;
+      I < k ? I = k : I > A && (I = A), M < q ? M = q : M > X && (M = X), v ? (n.x = e + (I - T), n.y = r + (M - H)) : (n.x = I, n.y = M);
+      const re = F, ee = window.innerWidth - i.clientWidth - F, ne = g, x = window.innerHeight - i.clientHeight - g, K = v ? re + w : re, N = v ? ee + w : ee, oe = v ? ne + D : ne, m = v ? x + D : x;
+      return n.x < K ? n.x = K : n.x > N && (n.x = N), n.y < oe ? n.y = oe : n.y > m && (n.y = m), n;
     }
-    const h = be(i);
+    const h = ge(i);
     if (h !== null) {
-      const C = ie(l, i, o), W = C.left, A = C.left + C.width, q = C.top, te = C.top + C.height, j = h.scrollLeft + S, re = Pe(h) - i.clientWidth - S, Q = re < j ? j : re, se = h.scrollTop + b, x = Ie(h) - i.clientHeight - b, K = x < se ? se : x, N = h.scrollLeft, oe = Pe(h), g = h.scrollTop, z = Ie(h);
-      A <= N ? I = j : W >= oe && (I = Q), te <= g ? M = se : q >= z && (M = K), M < se ? M = se : M > K && (M = K), I < j ? I = j : I > Q && (I = Q);
+      const k = ie(l, i, o), W = k.left, A = k.left + k.width, q = k.top, te = k.top + k.height, X = h.scrollLeft + F, re = Pe(h) - i.clientWidth - F, ee = re < X ? X : re, ne = h.scrollTop + g, x = Ie(h) - i.clientHeight - g, K = x < ne ? ne : x, N = h.scrollLeft, oe = Pe(h), m = h.scrollTop, z = Ie(h);
+      A <= N ? I = X : W >= oe && (I = ee), te <= m ? M = ne : q >= z && (M = K), M < ne ? M = ne : M > K && (M = K), I < X ? I = X : I > ee && (I = ee);
     }
-    if (v ? (s.x = e + (I - L), s.y = r + (M - H)) : (s.x = I, s.y = M), h !== null) {
-      const C = h.scrollLeft + S, W = Pe(h) - i.clientWidth - S, A = h.scrollTop + b, q = Ie(h) - i.clientHeight - b, te = v ? C + w : C, j = v ? W + w : W, re = v ? A + D : A, Q = v ? q + D : q;
-      s.x < te ? s.x = te : s.x > j && (s.x = j), s.y < re ? s.y = re : s.y > Q && (s.y = Q);
+    if (v ? (n.x = e + (I - T), n.y = r + (M - H)) : (n.x = I, n.y = M), h !== null) {
+      const k = h.scrollLeft + F, W = Pe(h) - i.clientWidth - F, A = h.scrollTop + g, q = Ie(h) - i.clientHeight - g, te = v ? k + w : k, X = v ? W + w : W, re = v ? A + D : A, ee = v ? q + D : q;
+      n.x < te ? n.x = te : n.x > X && (n.x = X), n.y < re ? n.y = re : n.y > ee && (n.y = ee);
     }
-    return s;
+    return n;
   }
-}), Ot = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Wt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Te = (t, e) => {
-  const r = be(t), o = [];
+}), Dt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Wt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Le = (t, e) => {
+  const r = ge(t), o = [];
   if (r !== null) {
     const a = () => e();
     r.addEventListener("scroll", a, !1), o.push(() => r.removeEventListener("scroll", a, !1));
@@ -767,14 +767,14 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     y: o.top,
     placement: "right-start"
   };
-}, Gt = (t, e, r = {}) => {
+}, Yt = (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"
   };
-}, Yt = (t, e, r = {}) => {
+}, Gt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
@@ -829,9 +829,9 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     case "right-start":
       return Nt(t, e, o);
     case "right-end":
-      return Gt(t, e, o);
-    case "bottom":
       return Yt(t, e, o);
+    case "bottom":
+      return Gt(t, e, o);
     case "bottom-start":
       return jt(t, e, o);
     case "bottom-end":
@@ -853,20 +853,20 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   if (he(o, e)) {
     if (typeof window > "u")
       return !0;
-    const n = t.x, f = t.y, p = n + e.clientWidth, v = f + e.clientHeight;
-    return n >= 0 && f >= 0 && p <= window.innerWidth && v <= window.innerHeight;
+    const s = t.x, f = t.y, p = s + e.clientWidth, v = f + e.clientHeight;
+    return s >= 0 && f >= 0 && p <= window.innerWidth && v <= window.innerHeight;
   }
-  if (be(r) !== null)
-    return de(t.y, e, null, o) > 0 && ce(t.x, e, null, o) > 0 && ge(t.y, e, null, o) > 0 && ue(t.x, e, null, o) > 0;
+  if (ge(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, d = window.innerHeight, i = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
   if (i) {
-    const n = i.getBoundingClientRect(), f = n.left + t.x, p = n.top + t.y, v = f + e.clientWidth, $ = p + e.clientHeight;
+    const s = i.getBoundingClientRect(), f = s.left + t.x, p = s.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, u = c + e.clientWidth, s = l + e.clientHeight;
-  return c >= 0 && l >= 0 && u <= a && s <= d;
+  const u = t.x, l = t.y, c = u + e.clientWidth, n = l + e.clientHeight;
+  return u >= 0 && l >= 0 && c <= a && n <= d;
 }, Be = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Qt = (t, e, r) => Be(e) === t && r.includes(e) ? e : r.find((o) => Be(o) === t) ?? r[0], eo = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
@@ -875,7 +875,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       bottom: 0,
       left: 0
     };
-  const o = he(r, e) ? null : be(t), a = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
+  const o = he(r, e) ? null : ge(t), a = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -889,37 +889,37 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   };
 }, Re = (t, e, r = {}) => new Promise((o) => {
   var a, d;
-  const i = r.placement ? r.placement : "bottom", c = {
+  const i = r.placement ? r.placement : "bottom", u = {
     x: 0,
     y: 0,
     placement: i,
     middlewareData: {}
   }, l = Me(t, e, i, r);
-  c.x = l.x, c.y = l.y, c.placement = l.placement;
-  const u = c.x, s = c.y, n = Mt(t);
+  u.x = l.x, u.y = l.y, u.placement = l.placement;
+  const c = u.x, n = u.y, s = Mt(t);
   (a = r.middleware) == null || a.forEach(($) => {
-    const k = $.fn({
-      x: c.x,
-      y: c.y,
+    const C = $.fn({
+      x: u.x,
+      y: u.y,
       options: r,
-      primaryX: u,
-      primaryY: s,
+      primaryX: c,
+      primaryY: n,
       floating: e,
-      placement: c.placement,
+      placement: u.placement,
       reference: t,
-      scrollDirection: n
+      scrollDirection: s
     });
-    c.x = k.x, c.y = k.y, c.placement = k.placement, $.name === "arrow" && (k.baseX = k.x, k.baseY = k.y, k.x = k.arrowX ?? k.x, k.y = k.arrowY ?? k.y), c.middlewareData[$.name] = k;
+    u.x = C.x, u.y = C.y, u.placement = C.placement, $.name === "arrow" && (C.baseX = C.x, C.baseY = C.y, C.x = C.arrowX ?? C.x, C.y = C.arrowY ?? C.y), u.middlewareData[$.name] = C;
   });
-  const f = Me(t, e, c.placement, r), p = ke(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))
+  const f = Me(t, e, u.placement, r), p = Ce(r, "offset"), v = p ? (d = p.params) == null ? void 0 : d.value : 0;
+  if (Number.isFinite(u.x) || (u.x = f.x), !Number.isFinite(u.y))
     if (he(r, e)) {
-      const $ = t.getBoundingClientRect(), k = e.getBoundingClientRect().height;
-      c.placement.startsWith("top") ? c.y = $.top - k - v : c.placement.startsWith("bottom") ? c.y = $.bottom + v : c.y = f.y;
+      const $ = t.getBoundingClientRect(), C = e.getBoundingClientRect().height;
+      u.placement.startsWith("top") ? u.y = $.top - C - v : u.placement.startsWith("bottom") ? u.y = $.bottom + v : u.y = f.y;
     } else
-      c.y = f.y;
-  o(c);
-}), to = ["disabled", "aria-expanded", "onKeydown"], oo = ["data-placement"], ao = ["disabled", "aria-selected", "onClick"], Cr = /* @__PURE__ */ G({
+      u.y = f.y;
+  o(u);
+}), to = ["disabled", "aria-expanded", "onKeydown"], oo = ["data-placement"], ao = ["disabled", "aria-selected", "onClick"], Vr = /* @__PURE__ */ Y({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -934,7 +934,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = O(null), i = O(null), c = O(null), l = O(!1), u = O("bottom"), s = O("bottom"), n = `vf-select-panel-${++r}`;
+    const o = e, a = t, d = O(null), i = O(null), u = O(null), l = O(!1), c = O("bottom"), n = O("bottom"), s = `vf-select-panel-${++r}`;
     let f = null;
     const p = y(() => a.options.map((h) => ({
       label: h[a.optionLabel],
@@ -943,41 +943,41 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     }))), v = y(() => p.value.find((h) => h.value === a.modelValue)), $ = y(() => {
       var h;
       return ((h = v.value) == null ? void 0 : h.label) ?? "";
-    }), k = y(() => {
+    }), C = y(() => {
       const h = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
       return a.size !== "normal" && h.push(`vf-select_${a.size}`), a.disabled && h.push("vf-select_disabled"), h.filter(Boolean);
     }), w = (h) => h.value === a.modelValue, D = (h) => {
       h.disabled || (o("update:modelValue", h.value), o("change", h.value), I());
-    }, L = (h) => o("focus", h), H = (h) => o("blur", h), I = () => {
-      l.value = !1, u.value = "bottom", s.value = "bottom";
+    }, T = (h) => o("focus", h), H = (h) => o("blur", h), I = () => {
+      l.value = !1, c.value = "bottom", n.value = "bottom";
     }, M = () => {
-      a.disabled || (l.value = !l.value, l.value && (u.value = "bottom", s.value = "bottom"));
+      a.disabled || (l.value = !l.value, l.value && (c.value = "bottom", n.value = "bottom"));
     }, E = async () => {
-      var h, C;
-      l.value || (l.value = !0, await Ce()), (C = (h = c.value) == null ? void 0 : h.querySelector(".vf-select__option:not(.is-disabled)")) == null || C.focus();
-    }, S = (h) => {
+      var h, k;
+      l.value || (l.value = !0, await ke()), (k = (h = u.value) == null ? void 0 : h.querySelector(".vf-select__option:not(.is-disabled)")) == null || k.focus();
+    }, F = (h) => {
       var W;
       if (!l.value || !d.value)
         return;
-      const C = h.target;
-      d.value.contains(C) || (W = c.value) != null && W.contains(C) || I();
-    }, b = () => {
-      if (!i.value || !c.value)
+      const k = h.target;
+      d.value.contains(k) || (W = u.value) != null && W.contains(k) || I();
+    }, g = () => {
+      if (!i.value || !u.value)
         return;
-      const h = i.value, C = c.value, W = async () => {
+      const h = i.value, k = u.value, W = async () => {
         const {
-          x: j,
+          x: X,
           y: re,
-          placement: Q
-        } = await Re(h, C, {
-          placement: u.value,
+          placement: ee
+        } = await Re(h, k, {
+          placement: c.value,
           strategy: "fixed",
-          middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
+          middleware: [Te(2), Ve({ placements: ["bottom", "top"] })]
         });
-        s.value = Q ?? u.value, C.style.minWidth = `${h.getBoundingClientRect().width}px`, C.style.left = `${j}px`, C.style.top = `${re}px`;
+        n.value = ee ?? c.value, k.style.minWidth = `${h.getBoundingClientRect().width}px`, k.style.left = `${X}px`, k.style.top = `${re}px`;
       }, A = async () => {
         await W();
-      }, q = Te(h, () => {
+      }, q = Le(h, () => {
         A();
       }), te = () => {
         A();
@@ -989,26 +989,26 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         }
       }, f.update();
     };
-    return ee(l, async (h) => {
+    return Q(l, async (h) => {
       if (!h) {
         f && (f.destroy(), f = null);
         return;
       }
-      await Ce(), f || b(), f == null || f.update();
-    }), ee(
+      await ke(), f || g(), f == null || f.update();
+    }), Q(
       () => a.options,
       () => {
         f == null || f.update();
       },
       { deep: !0 }
-    ), Se(() => {
-      document.addEventListener("click", S);
+    ), Fe(() => {
+      document.addEventListener("click", F);
     }), $e(() => {
-      document.removeEventListener("click", S), f == null || f.destroy(), f = null;
-    }), (h, C) => (m(), _("div", {
+      document.removeEventListener("click", F), f == null || f.destroy(), f = null;
+    }), (h, k) => (b(), _("div", {
       ref_key: "root",
       ref: d,
-      class: T(k.value)
+      class: L(C.value)
     }, [
       B("button", {
         ref_key: "trigger",
@@ -1017,7 +1017,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         type: "button",
         disabled: h.disabled,
         "aria-expanded": l.value,
-        "aria-controls": n,
+        "aria-controls": s,
         "aria-haspopup": "listbox",
         onClick: M,
         onKeydown: [
@@ -1025,29 +1025,29 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
           Z(U(M, ["prevent"]), ["enter"]),
           Z(U(I, ["prevent"]), ["esc"])
         ],
-        onFocus: L,
+        onFocus: T,
         onBlur: H
       }, [
         B("span", {
-          class: T(["vf-select__label", { "vf-select__label_placeholder": !$.value }])
+          class: L(["vf-select__label", { "vf-select__label_placeholder": !$.value }])
         }, R($.value || h.placeholder), 3),
-        C[0] || (C[0] = B("span", {
+        k[0] || (k[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, to),
-      (m(), ne(we, { to: "body" }, [
+      (b(), se(we, { to: "body" }, [
         fe(B("div", {
-          id: n,
+          id: s,
           ref_key: "panel",
-          ref: c,
+          ref: u,
           class: "vf-select__panel",
           role: "listbox",
-          "data-placement": s.value
+          "data-placement": n.value
         }, [
-          (m(!0), _(ae, null, ve(p.value, (W) => (m(), _("button", {
+          (b(!0), _(ae, null, ve(p.value, (W) => (b(), _("button", {
             key: W.value,
-            class: T(["vf-select__option", { "is-active": w(W), "is-disabled": W.disabled }]),
+            class: L(["vf-select__option", { "is-active": w(W), "is-disabled": W.disabled }]),
             type: "button",
             role: "option",
             disabled: W.disabled,
@@ -1060,13 +1060,13 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       ]))
     ], 2));
   }
-}), ro = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], lo = ["disabled"], no = ["data-placement"], so = {
+}), ro = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], lo = ["disabled"], so = ["data-placement"], no = {
   key: 0,
   class: "vf-autocomplete__loading"
 }, io = ["id", "disabled", "aria-selected", "onClick"], co = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, $r = /* @__PURE__ */ G({
+}, Tr = /* @__PURE__ */ Y({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1086,98 +1086,98 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change", "focus", "blur", "search"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = O(null), i = O(null), c = O(null), l = O(!1), u = O(""), s = O(-1), n = O("bottom"), f = O("bottom"), p = `vf-autocomplete-panel-${++r}`;
+    const o = e, a = t, d = O(null), i = O(null), u = O(null), l = O(!1), c = O(""), n = O(-1), s = O("bottom"), f = O("bottom"), p = `vf-autocomplete-panel-${++r}`;
     let v = null;
     const $ = y(() => a.options.map((x) => ({
       label: x[a.optionLabel],
       value: x[a.optionValue],
       disabled: x.disabled
-    }))), k = y(() => $.value.find((x) => x.value === a.modelValue)), w = y(() => {
+    }))), C = y(() => $.value.find((x) => x.value === a.modelValue)), w = y(() => {
       if (!a.filter)
         return $.value;
-      const x = u.value.trim().toLowerCase();
+      const x = c.value.trim().toLowerCase();
       return x ? $.value.filter((K) => K.label.toLowerCase().includes(x)) : $.value;
     }), D = y(() => {
-      if (!(!l.value || s.value < 0))
-        return H(s.value);
-    }), L = y(() => {
+      if (!(!l.value || n.value < 0))
+        return H(n.value);
+    }), T = y(() => {
       const x = ["vf-autocomplete", `vf-autocomplete_${a.variant}`, l.value ? "vf-autocomplete_open" : ""];
       return a.size !== "normal" && x.push(`vf-autocomplete_${a.size}`), a.disabled && x.push("vf-autocomplete_disabled"), x.filter(Boolean);
     }), H = (x) => `${p}-option-${x}`, I = (x) => x.value === a.modelValue, M = () => w.value.findIndex((x) => !x.disabled), E = (x) => {
       const K = w.value;
       if (!K.length) {
-        s.value = -1;
+        n.value = -1;
         return;
       }
-      let N = s.value;
+      let N = n.value;
       (N < 0 || N >= K.length) && (N = x > 0 ? -1 : K.length);
       for (let oe = 0; oe < K.length; oe += 1)
         if (N = (N + x + K.length) % K.length, !K[N].disabled) {
-          s.value = N;
+          n.value = N;
           return;
         }
-      s.value = -1;
-    }, S = () => {
-      a.disabled || (l.value = !0, n.value = "bottom", f.value = "bottom", s.value < 0 && (s.value = M()));
-    }, b = () => {
-      l.value = !1, s.value = -1, n.value = "bottom", f.value = "bottom";
+      n.value = -1;
+    }, F = () => {
+      a.disabled || (l.value = !0, s.value = "bottom", f.value = "bottom", n.value < 0 && (n.value = M()));
+    }, g = () => {
+      l.value = !1, n.value = -1, s.value = "bottom", f.value = "bottom";
     }, h = () => {
       if (l.value) {
-        b();
+        g();
         return;
       }
-      S();
-    }, C = (x) => {
-      x.disabled || (u.value = x.label, o("update:modelValue", x.value), o("change", x.value), b());
+      F();
+    }, k = (x) => {
+      x.disabled || (c.value = x.label, o("update:modelValue", x.value), o("change", x.value), g());
     }, W = (x) => {
       const K = x.target;
-      u.value = K.value, o("search", K.value), S(), s.value = M();
+      c.value = K.value, o("search", K.value), F(), n.value = M();
     }, A = (x) => {
-      o("focus", x), S();
+      o("focus", x), F();
     }, q = (x) => {
       o("blur", x);
     }, te = () => {
       if (!l.value) {
-        S();
+        F();
         return;
       }
       E(1);
-    }, j = () => {
+    }, X = () => {
       if (!l.value) {
-        S();
+        F();
         return;
       }
       E(-1);
     }, re = () => {
       if (!l.value) {
-        S();
+        F();
         return;
       }
-      const x = w.value[s.value];
-      x && !x.disabled && C(x);
-    }, Q = (x) => {
+      const x = w.value[n.value];
+      x && !x.disabled && k(x);
+    }, ee = (x) => {
       var N;
       if (!l.value || !d.value)
         return;
       const K = x.target;
-      d.value.contains(K) || (N = c.value) != null && N.contains(K) || b();
-    }, se = () => {
-      if (!i.value || !c.value)
+      d.value.contains(K) || (N = u.value) != null && N.contains(K) || g();
+    }, ne = () => {
+      if (!i.value || !u.value)
         return;
-      const x = i.value, K = c.value, N = async () => {
+      const x = i.value, K = u.value, N = async () => {
         const {
           x: V,
-          y: Y,
+          y: G,
           placement: le
         } = await Re(x, K, {
-          placement: n.value,
+          placement: s.value,
           strategy: "fixed",
-          middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
+          middleware: [Te(2), Ve({ placements: ["bottom", "top"] })]
         });
-        f.value = le ?? n.value, K.style.minWidth = `${x.getBoundingClientRect().width}px`, K.style.left = `${V}px`, K.style.top = `${Y}px`;
+        f.value = le ?? s.value, K.style.minWidth = `${x.getBoundingClientRect().width}px`, K.style.left = `${V}px`, K.style.top = `${G}px`;
       }, oe = async () => {
         await N();
-      }, g = Te(x, () => {
+      }, m = Le(x, () => {
         oe();
       }), z = () => {
         oe();
@@ -1185,40 +1185,40 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       document.addEventListener("scroll", z, !0), window.addEventListener("resize", z, !1), v = {
         update: oe,
         destroy: () => {
-          g(), document.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z, !1);
+          m(), document.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z, !1);
         }
       }, v.update();
     };
-    return ee(
+    return Q(
       () => a.modelValue,
       () => {
         var x;
-        u.value = ((x = k.value) == null ? void 0 : x.label) ?? "";
+        c.value = ((x = C.value) == null ? void 0 : x.label) ?? "";
       },
       { immediate: !0 }
-    ), ee(
+    ), Q(
       () => a.options,
       () => {
         var x;
-        l.value || (u.value = ((x = k.value) == null ? void 0 : x.label) ?? ""), v == null || v.update();
+        l.value || (c.value = ((x = C.value) == null ? void 0 : x.label) ?? ""), v == null || v.update();
       },
       { deep: !0 }
-    ), ee(w, () => {
-      s.value >= w.value.length && (s.value = M());
-    }), ee(l, async (x) => {
+    ), Q(w, () => {
+      n.value >= w.value.length && (n.value = M());
+    }), Q(l, async (x) => {
       if (!x) {
         v && (v.destroy(), v = null);
         return;
       }
-      await Ce(), v || se(), v == null || v.update();
-    }), Se(() => {
-      document.addEventListener("click", Q);
+      await ke(), v || ne(), v == null || v.update();
+    }), Fe(() => {
+      document.addEventListener("click", ee);
     }), $e(() => {
-      document.removeEventListener("click", Q), v == null || v.destroy(), v = null;
-    }), (x, K) => (m(), _("div", {
+      document.removeEventListener("click", ee), v == null || v.destroy(), v = null;
+    }), (x, K) => (b(), _("div", {
       ref_key: "root",
       ref: d,
-      class: T(L.value)
+      class: L(T.value)
     }, [
       B("input", {
         ref_key: "control",
@@ -1226,7 +1226,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         class: "vf-autocomplete__control",
         type: "text",
         role: "combobox",
-        value: u.value,
+        value: c.value,
         placeholder: x.placeholder,
         disabled: x.disabled,
         readonly: x.readonly,
@@ -1237,13 +1237,13 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         onInput: W,
         onFocus: A,
         onBlur: q,
-        onClick: S,
+        onClick: F,
         onKeydown: [
           Z(U(te, ["prevent"]), ["down"]),
-          Z(U(j, ["prevent"]), ["up"]),
+          Z(U(X, ["prevent"]), ["up"]),
           Z(U(re, ["prevent"]), ["enter"]),
-          Z(U(b, ["prevent"]), ["esc"]),
-          Z(b, ["tab"])
+          Z(U(g, ["prevent"]), ["esc"]),
+          Z(g, ["tab"])
         ]
       }, null, 40, ro),
       B("button", {
@@ -1256,22 +1256,22 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         }, ["prevent"])),
         onClick: h
       }, " ▾ ", 40, lo),
-      (m(), ne(we, { to: "body" }, [
+      (b(), se(we, { to: "body" }, [
         fe(B("div", {
           id: p,
           ref_key: "panel",
-          ref: c,
+          ref: u,
           class: "vf-autocomplete__panel",
           role: "listbox",
           "data-placement": f.value
         }, [
-          x.loading ? (m(), _("div", so, R(x.loadingText), 1)) : w.value.length > 0 ? (m(!0), _(ae, { key: 1 }, ve(w.value, (N, oe) => (m(), _("button", {
+          x.loading ? (b(), _("div", no, R(x.loadingText), 1)) : w.value.length > 0 ? (b(!0), _(ae, { key: 1 }, ve(w.value, (N, oe) => (b(), _("button", {
             id: H(oe),
             key: N.value,
-            class: T(["vf-autocomplete__option", {
+            class: L(["vf-autocomplete__option", {
               "is-active": I(N),
               "is-disabled": N.disabled,
-              "is-highlighted": oe === s.value
+              "is-highlighted": oe === n.value
             }]),
             type: "button",
             role: "option",
@@ -1279,9 +1279,9 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
             "aria-selected": I(N),
             onMousedown: K[1] || (K[1] = U(() => {
             }, ["prevent"])),
-            onClick: (g) => C(N)
-          }, R(N.label), 43, io))), 128)) : (m(), _("div", co, R(x.emptyText), 1))
-        ], 8, no), [
+            onClick: (m) => k(N)
+          }, R(N.label), 43, io))), 128)) : (b(), _("div", co, R(x.emptyText), 1))
+        ], 8, so), [
           [pe, l.value]
         ])
       ]))
@@ -1290,17 +1290,17 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
 }), uo = ["disabled", "aria-expanded", "onKeydown"], vo = ["data-placement"], fo = {
   key: 0,
   class: "vf-multiselect__search"
-}, po = ["value", "placeholder", "onKeydown"], bo = {
+}, po = ["value", "placeholder", "onKeydown"], go = {
   key: 1,
   class: "vf-multiselect__loading"
-}, go = ["id", "disabled", "aria-selected", "onClick"], mo = { class: "vf-multiselect__option-label" }, ho = {
+}, bo = ["id", "disabled", "aria-selected", "onClick"], mo = { class: "vf-multiselect__option-label" }, ho = {
   key: 0,
   class: "vf-multiselect__option-check",
   "aria-hidden": "true"
 }, yo = {
   key: 3,
   class: "vf-multiselect__empty"
-}, wr = /* @__PURE__ */ G({
+}, Lr = /* @__PURE__ */ Y({
   __name: "multi-select",
   props: {
     modelValue: { default: () => [] },
@@ -1322,227 +1322,227 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change", "search", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = O(null), i = O(null), c = O(null), l = O(null), u = O(!1), s = O(""), n = O(-1), f = O("bottom"), p = O("bottom"), v = `vf-multiselect-panel-${++r}`;
+    const o = e, a = t, d = O(null), i = O(null), u = O(null), l = O(null), c = O(!1), n = O(""), s = O(-1), f = O("bottom"), p = O("bottom"), v = `vf-multiselect-panel-${++r}`;
     let $ = null;
-    const k = y(() => a.options.map((g) => ({
-      label: g[a.optionLabel],
-      value: g[a.optionValue],
-      disabled: g.disabled
+    const C = y(() => a.options.map((m) => ({
+      label: m[a.optionLabel],
+      value: m[a.optionValue],
+      disabled: m.disabled
     }))), w = y(() => Array.isArray(a.modelValue) ? a.modelValue : []), D = y(() => {
       if (!a.filter)
-        return k.value;
-      const g = s.value.trim().toLowerCase();
-      return g ? k.value.filter((z) => z.label.toLowerCase().includes(g)) : k.value;
-    }), L = y(() => k.value.filter((g) => w.value.includes(g.value))), H = y(() => L.value.length === 0 ? a.placeholder : L.value.map((g) => g.label).join(", ")), I = y(() => {
-      const g = ["vf-multiselect", `vf-multiselect_${a.variant}`, u.value ? "vf-multiselect_open" : ""];
-      return a.size !== "normal" && g.push(`vf-multiselect_${a.size}`), a.disabled && g.push("vf-multiselect_disabled"), g.filter(Boolean);
-    }), M = (g) => `${v}-option-${g}`, E = () => D.value.findIndex((g) => !g.disabled), S = (g) => w.value.includes(g.value), b = (g) => {
-      o("update:modelValue", g), o("change", g);
-    }, h = (g) => {
-      if (!(g.disabled || a.readonly)) {
-        if (S(g)) {
-          b(w.value.filter((z) => z !== g.value));
+        return C.value;
+      const m = n.value.trim().toLowerCase();
+      return m ? C.value.filter((z) => z.label.toLowerCase().includes(m)) : C.value;
+    }), T = y(() => C.value.filter((m) => w.value.includes(m.value))), H = y(() => T.value.length === 0 ? a.placeholder : T.value.map((m) => m.label).join(", ")), I = y(() => {
+      const m = ["vf-multiselect", `vf-multiselect_${a.variant}`, c.value ? "vf-multiselect_open" : ""];
+      return a.size !== "normal" && m.push(`vf-multiselect_${a.size}`), a.disabled && m.push("vf-multiselect_disabled"), m.filter(Boolean);
+    }), M = (m) => `${v}-option-${m}`, E = () => D.value.findIndex((m) => !m.disabled), F = (m) => w.value.includes(m.value), g = (m) => {
+      o("update:modelValue", m), o("change", m);
+    }, h = (m) => {
+      if (!(m.disabled || a.readonly)) {
+        if (F(m)) {
+          g(w.value.filter((z) => z !== m.value));
           return;
         }
-        b([...w.value, g.value]);
+        g([...w.value, m.value]);
       }
-    }, C = () => {
-      a.readonly || b([]);
-    }, W = (g) => {
+    }, k = () => {
+      a.readonly || g([]);
+    }, W = (m) => {
       const z = D.value;
       if (!z.length) {
-        n.value = -1;
+        s.value = -1;
         return;
       }
-      let V = n.value;
-      (V < 0 || V >= z.length) && (V = g > 0 ? -1 : z.length);
-      for (let Y = 0; Y < z.length; Y += 1)
-        if (V = (V + g + z.length) % z.length, !z[V].disabled) {
-          n.value = V;
+      let V = s.value;
+      (V < 0 || V >= z.length) && (V = m > 0 ? -1 : z.length);
+      for (let G = 0; G < z.length; G += 1)
+        if (V = (V + m + z.length) % z.length, !z[V].disabled) {
+          s.value = V;
           return;
         }
-      n.value = -1;
+      s.value = -1;
     }, A = async () => {
-      var g;
-      a.disabled || (u.value = !0, f.value = "bottom", p.value = "bottom", n.value < 0 && (n.value = E()), a.filter && (await Ce(), (g = l.value) == null || g.focus()));
+      var m;
+      a.disabled || (c.value = !0, f.value = "bottom", p.value = "bottom", s.value < 0 && (s.value = E()), a.filter && (await ke(), (m = l.value) == null || m.focus()));
     }, q = () => {
-      u.value = !1, n.value = -1, f.value = "bottom", p.value = "bottom", s.value = "";
+      c.value = !1, s.value = -1, f.value = "bottom", p.value = "bottom", n.value = "";
     }, te = () => {
-      if (u.value) {
+      if (c.value) {
         q();
         return;
       }
       A();
-    }, j = () => {
-      if (!u.value) {
+    }, X = () => {
+      if (!c.value) {
         A();
         return;
       }
       W(1);
     }, re = () => {
-      if (!u.value) {
+      if (!c.value) {
         A();
         return;
       }
       W(-1);
-    }, Q = () => {
-      if (!u.value) {
+    }, ee = () => {
+      if (!c.value) {
         A();
         return;
       }
-      const g = D.value[n.value];
-      g && !g.disabled && h(g);
-    }, se = (g) => {
-      const z = g.target;
-      s.value = z.value, o("search", z.value), n.value = E();
-    }, x = (g) => o("focus", g), K = (g) => o("blur", g), N = (g) => {
+      const m = D.value[s.value];
+      m && !m.disabled && h(m);
+    }, ne = (m) => {
+      const z = m.target;
+      n.value = z.value, o("search", z.value), s.value = E();
+    }, x = (m) => o("focus", m), K = (m) => o("blur", m), N = (m) => {
       var V;
-      if (!u.value || !d.value)
+      if (!c.value || !d.value)
         return;
-      const z = g.target;
-      d.value.contains(z) || (V = c.value) != null && V.contains(z) || q();
+      const z = m.target;
+      d.value.contains(z) || (V = u.value) != null && V.contains(z) || q();
     }, oe = () => {
-      if (!i.value || !c.value)
+      if (!i.value || !u.value)
         return;
-      const g = i.value, z = c.value, V = async () => {
+      const m = i.value, z = u.value, V = async () => {
         const {
           x: ye,
           y: We,
           placement: Ae
-        } = await Re(g, z, {
+        } = await Re(m, z, {
           placement: f.value,
           strategy: "fixed",
-          middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
+          middleware: [Te(2), Ve({ placements: ["bottom", "top"] })]
         });
-        p.value = Ae ?? f.value, z.style.minWidth = `${g.getBoundingClientRect().width}px`, z.style.left = `${ye}px`, z.style.top = `${We}px`;
-      }, Y = async () => {
+        p.value = Ae ?? f.value, z.style.minWidth = `${m.getBoundingClientRect().width}px`, z.style.left = `${ye}px`, z.style.top = `${We}px`;
+      }, G = async () => {
         await V();
-      }, le = Te(g, () => {
-        Y();
+      }, le = Le(m, () => {
+        G();
       }), J = () => {
-        Y();
+        G();
       };
       document.addEventListener("scroll", J, !0), window.addEventListener("resize", J, !1), $ = {
-        update: Y,
+        update: G,
         destroy: () => {
           le(), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J, !1);
         }
       }, $.update();
     };
-    return ee(
+    return Q(
       () => a.options,
       () => {
-        n.value >= D.value.length && (n.value = E()), $ == null || $.update();
+        s.value >= D.value.length && (s.value = E()), $ == null || $.update();
       },
       { deep: !0 }
-    ), ee(u, async (g) => {
-      if (!g) {
+    ), Q(c, async (m) => {
+      if (!m) {
         $ && ($.destroy(), $ = null);
         return;
       }
-      await Ce(), $ || oe(), $ == null || $.update();
-    }), ee(D, () => {
-      n.value >= D.value.length && (n.value = E());
-    }), Se(() => {
+      await ke(), $ || oe(), $ == null || $.update();
+    }), Q(D, () => {
+      s.value >= D.value.length && (s.value = E());
+    }), Fe(() => {
       document.addEventListener("click", N);
     }), $e(() => {
       document.removeEventListener("click", N), $ == null || $.destroy(), $ = null;
-    }), (g, z) => (m(), _("div", {
+    }), (m, z) => (b(), _("div", {
       ref_key: "root",
       ref: d,
-      class: T(I.value)
+      class: L(I.value)
     }, [
       B("button", {
         ref_key: "trigger",
         ref: i,
         class: "vf-multiselect__control",
         type: "button",
-        disabled: g.disabled,
-        "aria-expanded": u.value,
+        disabled: m.disabled,
+        "aria-expanded": c.value,
         "aria-controls": v,
         "aria-haspopup": "listbox",
         onClick: te,
         onKeydown: [
-          Z(U(j, ["prevent"]), ["down"]),
+          Z(U(X, ["prevent"]), ["down"]),
           Z(U(re, ["prevent"]), ["up"]),
-          Z(U(Q, ["prevent"]), ["enter"]),
+          Z(U(ee, ["prevent"]), ["enter"]),
           Z(U(q, ["prevent"]), ["esc"])
         ],
         onFocus: x,
         onBlur: K
       }, [
         B("span", {
-          class: T(["vf-multiselect__label", { "vf-multiselect__label_placeholder": w.value.length === 0 }])
+          class: L(["vf-multiselect__label", { "vf-multiselect__label_placeholder": w.value.length === 0 }])
         }, R(H.value), 3),
         z[0] || (z[0] = B("span", {
           class: "vf-multiselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, uo),
-      g.clearable && w.value.length > 0 && !g.disabled && !g.readonly ? (m(), _("button", {
+      m.clearable && w.value.length > 0 && !m.disabled && !m.readonly ? (b(), _("button", {
         key: 0,
         class: "vf-multiselect__clear",
         type: "button",
         "aria-label": "Clear selection",
-        onClick: U(C, ["stop"])
+        onClick: U(k, ["stop"])
       }, " ✕ ")) : P("", !0),
-      (m(), ne(we, { to: "body" }, [
+      (b(), se(we, { to: "body" }, [
         fe(B("div", {
           id: v,
           ref_key: "panel",
-          ref: c,
+          ref: u,
           class: "vf-multiselect__panel",
           role: "listbox",
           "aria-multiselectable": "true",
           "data-placement": p.value
         }, [
-          g.filter ? (m(), _("div", fo, [
+          m.filter ? (b(), _("div", fo, [
             B("input", {
               ref_key: "searchInput",
               ref: l,
               class: "vf-multiselect__search-control",
               type: "text",
-              value: s.value,
-              placeholder: g.searchPlaceholder,
-              onInput: se,
+              value: n.value,
+              placeholder: m.searchPlaceholder,
+              onInput: ne,
               onKeydown: [
-                Z(U(j, ["prevent"]), ["down"]),
+                Z(U(X, ["prevent"]), ["down"]),
                 Z(U(re, ["prevent"]), ["up"]),
-                Z(U(Q, ["prevent"]), ["enter"]),
+                Z(U(ee, ["prevent"]), ["enter"]),
                 Z(U(q, ["prevent"]), ["esc"])
               ]
             }, null, 40, po)
           ])) : P("", !0),
-          g.loading ? (m(), _("div", bo, R(g.loadingText), 1)) : D.value.length > 0 ? (m(!0), _(ae, { key: 2 }, ve(D.value, (V, Y) => (m(), _("button", {
-            id: M(Y),
+          m.loading ? (b(), _("div", go, R(m.loadingText), 1)) : D.value.length > 0 ? (b(!0), _(ae, { key: 2 }, ve(D.value, (V, G) => (b(), _("button", {
+            id: M(G),
             key: V.value,
-            class: T(["vf-multiselect__option", {
-              "is-active": S(V),
+            class: L(["vf-multiselect__option", {
+              "is-active": F(V),
               "is-disabled": V.disabled,
-              "is-highlighted": Y === n.value
+              "is-highlighted": G === s.value
             }]),
             type: "button",
             role: "option",
             disabled: V.disabled,
-            "aria-selected": S(V),
+            "aria-selected": F(V),
             onClick: (le) => h(V)
           }, [
             B("span", mo, R(V.label), 1),
-            S(V) ? (m(), _("span", ho, "✓")) : P("", !0)
-          ], 10, go))), 128)) : (m(), _("div", yo, R(g.emptyText), 1))
+            F(V) ? (b(), _("span", ho, "✓")) : P("", !0)
+          ], 10, bo))), 128)) : (b(), _("div", yo, R(m.emptyText), 1))
         ], 8, vo), [
-          [pe, u.value]
+          [pe, c.value]
         ])
       ]))
     ], 2));
   }
-}), _o = ["disabled", "aria-expanded", "onKeydown"], ko = ["data-placement", "onKeydown"], Co = { class: "vf-datepicker__header" }, $o = { class: "vf-datepicker__month-label" }, wo = {
+}), _o = ["disabled", "aria-expanded", "onKeydown"], Co = ["data-placement", "onKeydown"], ko = { class: "vf-datepicker__header" }, $o = { class: "vf-datepicker__month-label" }, wo = {
   class: "vf-datepicker__weekdays",
   role: "row"
 }, xo = {
   class: "vf-datepicker__days",
   role: "grid"
-}, zo = ["disabled", "data-date", "onClick"], xr = /* @__PURE__ */ G({
+}, zo = ["disabled", "data-date", "onClick"], Rr = /* @__PURE__ */ Y({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1559,195 +1559,195 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = O(null), i = O(null), c = O(null), l = O(!1), u = O("bottom"), s = O("bottom"), n = `vf-datepicker-panel-${++r}`, f = O(Q(j(a.modelValue) ?? /* @__PURE__ */ new Date()));
+    const o = e, a = t, d = O(null), i = O(null), u = O(null), l = O(!1), c = O("bottom"), n = O("bottom"), s = `vf-datepicker-panel-${++r}`, f = O(ee(X(a.modelValue) ?? /* @__PURE__ */ new Date()));
     let p = null;
-    const v = y(() => j(a.modelValue)), $ = y(() => j(a.min)), k = y(() => j(a.max)), w = y(() => v.value ? v.value.toLocaleDateString(a.locale, {
+    const v = y(() => X(a.modelValue)), $ = y(() => X(a.min)), C = y(() => X(a.max)), w = y(() => v.value ? v.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
     }) : ""), D = y(() => f.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "long"
-    })), L = y(() => {
-      const g = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), z = new Date(2026, 0, 4);
-      return Array.from({ length: 7 }, (V, Y) => {
-        const le = (Y + a.firstDayOfWeek) % 7, J = new Date(z);
-        return J.setDate(z.getDate() + le), g.format(J);
+    })), T = y(() => {
+      const m = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), z = new Date(2026, 0, 4);
+      return Array.from({ length: 7 }, (V, G) => {
+        const le = (G + a.firstDayOfWeek) % 7, J = new Date(z);
+        return J.setDate(z.getDate() + le), m.format(J);
       });
     }), H = y(() => {
-      const g = K(f.value, a.firstDayOfWeek), z = v.value ? N(v.value) : null, V = N(/* @__PURE__ */ new Date());
-      return Array.from({ length: 42 }, (Y, le) => {
-        const J = x(g, le), ye = N(J);
+      const m = K(f.value, a.firstDayOfWeek), z = v.value ? N(v.value) : null, V = N(/* @__PURE__ */ new Date());
+      return Array.from({ length: 42 }, (G, le) => {
+        const J = x(m, le), ye = N(J);
         return {
           key: `${ye}-${le}`,
           iso: ye,
           date: J,
           day: J.getDate(),
           inCurrentMonth: J.getMonth() === f.value.getMonth(),
-          isDisabled: oe(J, $.value, k.value),
+          isDisabled: oe(J, $.value, C.value),
           isSelected: z === ye,
           isToday: ye === V
         };
       });
     }), I = y(() => {
-      const g = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
-      return a.size !== "normal" && g.push(`vf-datepicker_${a.size}`), a.disabled && g.push("vf-datepicker_disabled"), g.filter(Boolean);
-    }), M = (g) => o("focus", g), E = (g) => o("blur", g), S = () => {
-      a.disabled || a.readonly || (l.value = !0, u.value = "bottom", s.value = "bottom");
-    }, b = () => {
-      l.value = !1, u.value = "bottom", s.value = "bottom";
+      const m = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
+      return a.size !== "normal" && m.push(`vf-datepicker_${a.size}`), a.disabled && m.push("vf-datepicker_disabled"), m.filter(Boolean);
+    }), M = (m) => o("focus", m), E = (m) => o("blur", m), F = () => {
+      a.disabled || a.readonly || (l.value = !0, c.value = "bottom", n.value = "bottom");
+    }, g = () => {
+      l.value = !1, c.value = "bottom", n.value = "bottom";
     }, h = () => {
       if (l.value) {
-        b();
+        g();
         return;
       }
-      S();
-    }, C = () => {
-      f.value = se(f.value, -1);
+      F();
+    }, k = () => {
+      f.value = ne(f.value, -1);
     }, W = () => {
-      f.value = se(f.value, 1);
-    }, A = (g) => {
-      if (a.readonly || oe(g, $.value, k.value))
+      f.value = ne(f.value, 1);
+    }, A = (m) => {
+      if (a.readonly || oe(m, $.value, C.value))
         return;
-      const z = N(g);
-      o("update:modelValue", z), o("change", z), b();
-    }, q = (g) => {
+      const z = N(m);
+      o("update:modelValue", z), o("change", z), g();
+    }, q = (m) => {
       var V;
       if (!l.value || !d.value)
         return;
-      const z = g.target;
-      d.value.contains(z) || (V = c.value) != null && V.contains(z) || b();
+      const z = m.target;
+      d.value.contains(z) || (V = u.value) != null && V.contains(z) || g();
     }, te = () => {
-      if (!i.value || !c.value)
+      if (!i.value || !u.value)
         return;
-      const g = i.value, z = c.value, V = async () => {
+      const m = i.value, z = u.value, V = async () => {
         const {
           x: ye,
           y: We,
           placement: Ae
-        } = await Re(g, z, {
-          placement: u.value,
+        } = await Re(m, z, {
+          placement: c.value,
           strategy: "fixed",
-          middleware: [Le(2), Ve({ placements: ["bottom", "top"] })]
+          middleware: [Te(2), Ve({ placements: ["bottom", "top"] })]
         });
-        s.value = Ae ?? u.value, z.style.left = `${ye}px`, z.style.top = `${We}px`;
-      }, Y = async () => {
+        n.value = Ae ?? c.value, z.style.left = `${ye}px`, z.style.top = `${We}px`;
+      }, G = async () => {
         await V();
-      }, le = Te(g, () => {
-        Y();
+      }, le = Le(m, () => {
+        G();
       }), J = () => {
-        Y();
+        G();
       };
       document.addEventListener("scroll", J, !0), window.addEventListener("resize", J, !1), p = {
-        update: Y,
+        update: G,
         destroy: () => {
           le(), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J, !1);
         }
       }, p.update();
     };
-    ee(
+    Q(
       () => a.modelValue,
-      (g) => {
-        const z = j(g);
-        z && (f.value = Q(z));
+      (m) => {
+        const z = X(m);
+        z && (f.value = ee(z));
       },
       { immediate: !0 }
-    ), ee(
+    ), Q(
       () => [a.min, a.max],
       () => {
         p == null || p.update();
       }
-    ), ee(l, async (g) => {
-      if (!g) {
+    ), Q(l, async (m) => {
+      if (!m) {
         p && (p.destroy(), p = null);
         return;
       }
-      await Ce(), p || te(), p == null || p.update();
-    }), Se(() => {
+      await ke(), p || te(), p == null || p.update();
+    }), Fe(() => {
       document.addEventListener("click", q);
     }), $e(() => {
       document.removeEventListener("click", q), p == null || p.destroy(), p = null;
     });
-    function j(g) {
-      if (!g)
+    function X(m) {
+      if (!m)
         return null;
-      const z = g.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      const z = m.match(/^(\d{4})-(\d{2})-(\d{2})$/);
       if (!z)
         return null;
-      const V = Number(z[1]), Y = Number(z[2]) - 1, le = Number(z[3]), J = new Date(V, Y, le);
-      return J.getFullYear() !== V || J.getMonth() !== Y || J.getDate() !== le ? null : re(J);
+      const V = Number(z[1]), G = Number(z[2]) - 1, le = Number(z[3]), J = new Date(V, G, le);
+      return J.getFullYear() !== V || J.getMonth() !== G || J.getDate() !== le ? null : re(J);
     }
-    function re(g) {
-      return new Date(g.getFullYear(), g.getMonth(), g.getDate());
+    function re(m) {
+      return new Date(m.getFullYear(), m.getMonth(), m.getDate());
     }
-    function Q(g) {
-      return new Date(g.getFullYear(), g.getMonth(), 1);
+    function ee(m) {
+      return new Date(m.getFullYear(), m.getMonth(), 1);
     }
-    function se(g, z) {
-      return new Date(g.getFullYear(), g.getMonth() + z, 1);
+    function ne(m, z) {
+      return new Date(m.getFullYear(), m.getMonth() + z, 1);
     }
-    function x(g, z) {
-      return new Date(g.getFullYear(), g.getMonth(), g.getDate() + z);
+    function x(m, z) {
+      return new Date(m.getFullYear(), m.getMonth(), m.getDate() + z);
     }
-    function K(g, z) {
-      const V = Q(g), le = (V.getDay() - z + 7) % 7;
+    function K(m, z) {
+      const V = ee(m), le = (V.getDay() - z + 7) % 7;
       return x(V, -le);
     }
-    function N(g) {
-      const z = g.getFullYear(), V = `${g.getMonth() + 1}`.padStart(2, "0"), Y = `${g.getDate()}`.padStart(2, "0");
-      return `${z}-${V}-${Y}`;
+    function N(m) {
+      const z = m.getFullYear(), V = `${m.getMonth() + 1}`.padStart(2, "0"), G = `${m.getDate()}`.padStart(2, "0");
+      return `${z}-${V}-${G}`;
     }
-    function oe(g, z, V) {
-      const Y = re(g).getTime();
-      return !!(z && Y < z.getTime() || V && Y > V.getTime());
+    function oe(m, z, V) {
+      const G = re(m).getTime();
+      return !!(z && G < z.getTime() || V && G > V.getTime());
     }
-    return (g, z) => (m(), _("div", {
+    return (m, z) => (b(), _("div", {
       ref_key: "root",
       ref: d,
-      class: T(I.value)
+      class: L(I.value)
     }, [
       B("button", {
         ref_key: "control",
         ref: i,
         class: "vf-datepicker__control",
         type: "button",
-        disabled: g.disabled,
+        disabled: m.disabled,
         "aria-expanded": l.value,
-        "aria-controls": n,
+        "aria-controls": s,
         "aria-haspopup": "dialog",
         onClick: h,
         onKeydown: [
-          Z(U(S, ["prevent"]), ["down"]),
+          Z(U(F, ["prevent"]), ["down"]),
           Z(U(h, ["prevent"]), ["enter"]),
-          Z(U(b, ["prevent"]), ["esc"])
+          Z(U(g, ["prevent"]), ["esc"])
         ],
         onFocus: M,
         onBlur: E
       }, [
         B("span", {
-          class: T(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
-        }, R(w.value || g.placeholder), 3),
+          class: L(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
+        }, R(w.value || m.placeholder), 3),
         z[0] || (z[0] = B("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, _o),
-      (m(), ne(we, { to: "body" }, [
+      (b(), se(we, { to: "body" }, [
         fe(B("div", {
-          id: n,
+          id: s,
           ref_key: "panel",
-          ref: c,
+          ref: u,
           class: "vf-datepicker__panel",
           role: "dialog",
-          "data-placement": s.value,
-          onKeydown: Z(U(b, ["prevent"]), ["esc"])
+          "data-placement": n.value,
+          onKeydown: Z(U(g, ["prevent"]), ["esc"])
         }, [
-          B("div", Co, [
+          B("div", ko, [
             B("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Previous month",
-              onClick: C
+              onClick: k
             }, " ‹ "),
             B("span", $o, R(D.value), 1),
             B("button", {
@@ -1758,15 +1758,15 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
             }, " › ")
           ]),
           B("div", wo, [
-            (m(!0), _(ae, null, ve(L.value, (V) => (m(), _("span", {
+            (b(!0), _(ae, null, ve(T.value, (V) => (b(), _("span", {
               key: V,
               class: "vf-datepicker__weekday"
             }, R(V), 1))), 128))
           ]),
           B("div", xo, [
-            (m(!0), _(ae, null, ve(H.value, (V) => (m(), _("button", {
+            (b(!0), _(ae, null, ve(H.value, (V) => (b(), _("button", {
               key: V.key,
-              class: T(["vf-datepicker__day", {
+              class: L(["vf-datepicker__day", {
                 "is-outside": !V.inCurrentMonth,
                 "is-selected": V.isSelected,
                 "is-today": V.isToday
@@ -1774,16 +1774,16 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
               type: "button",
               disabled: V.isDisabled,
               "data-date": V.iso,
-              onClick: (Y) => A(V.date)
+              onClick: (G) => A(V.date)
             }, R(V.day), 11, zo))), 128))
           ])
-        ], 40, ko), [
+        ], 40, Co), [
           [pe, l.value]
         ])
       ]))
     ], 2));
   }
-}), Bo = ["disabled"], Fo = ["disabled", "aria-current", "aria-label", "onClick"], So = ["disabled"], zr = /* @__PURE__ */ G({
+}), Bo = ["disabled"], So = ["disabled", "aria-current", "aria-label", "onClick"], Fo = ["disabled"], Pr = /* @__PURE__ */ Y({
   __name: "pagination",
   props: {
     modelValue: { default: 1 },
@@ -1801,83 +1801,83 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = t, o = e, a = (v, $, k) => Math.min(k, Math.max($, v)), d = (v, $) => {
+    const r = t, o = e, a = (v, $, C) => Math.min(C, Math.max($, v)), d = (v, $) => {
       if ($ < v)
         return [];
-      const k = [];
+      const C = [];
       for (let w = v; w <= $; w += 1)
-        k.push(w);
-      return k;
+        C.push(w);
+      return C;
     }, i = y(() => {
       if (typeof r.totalPages == "number" && Number.isFinite(r.totalPages))
         return Math.max(1, Math.floor(r.totalPages));
       const v = Math.max(1, Math.floor(r.pageSize));
       return Math.max(1, Math.ceil(Math.max(0, r.totalItems) / v));
-    }), c = y(() => a(Math.floor(r.modelValue), 1, i.value)), l = y(() => c.value <= 1), u = y(() => c.value >= i.value), s = y(() => r.disabled || i.value <= 1), n = y(() => {
-      const v = i.value, $ = c.value, k = Math.max(0, Math.floor(r.siblingCount)), w = Math.max(0, Math.floor(r.boundaryCount)), D = k * 2 + w * 2 + 3, L = [];
+    }), u = y(() => a(Math.floor(r.modelValue), 1, i.value)), l = y(() => u.value <= 1), c = y(() => u.value >= i.value), n = y(() => r.disabled || i.value <= 1), s = y(() => {
+      const v = i.value, $ = u.value, C = Math.max(0, Math.floor(r.siblingCount)), w = Math.max(0, Math.floor(r.boundaryCount)), D = C * 2 + w * 2 + 3, T = [];
       if (v <= D)
-        return d(1, v).map((S) => ({ key: `page-${S}`, type: "page", page: S }));
-      const H = d(1, w), I = d(v - w + 1, v), M = Math.max(Math.min($ - k, v - w - k * 2 - 1), w + 2), E = Math.min(Math.max($ + k, w + k * 2 + 2), v - w - 1);
-      for (const S of H)
-        L.push({ key: `page-${S}`, type: "page", page: S });
-      M > w + 2 ? L.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : w + 1 <= v - w && L.push({ key: `page-${w + 1}`, type: "page", page: w + 1 });
-      for (const S of d(M, E))
-        L.push({ key: `page-${S}`, type: "page", page: S });
-      E < v - w - 1 ? L.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - w > w && L.push({ key: `page-${v - w}`, type: "page", page: v - w });
-      for (const S of I)
-        L.push({ key: `page-${S}`, type: "page", page: S });
-      return L;
+        return d(1, v).map((F) => ({ key: `page-${F}`, type: "page", page: F }));
+      const H = d(1, w), I = d(v - w + 1, v), M = Math.max(Math.min($ - C, v - w - C * 2 - 1), w + 2), E = Math.min(Math.max($ + C, w + C * 2 + 2), v - w - 1);
+      for (const F of H)
+        T.push({ key: `page-${F}`, type: "page", page: F });
+      M > w + 2 ? T.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : w + 1 <= v - w && T.push({ key: `page-${w + 1}`, type: "page", page: w + 1 });
+      for (const F of d(M, E))
+        T.push({ key: `page-${F}`, type: "page", page: F });
+      E < v - w - 1 ? T.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - w > w && T.push({ key: `page-${v - w}`, type: "page", page: v - w });
+      for (const F of I)
+        T.push({ key: `page-${F}`, type: "page", page: F });
+      return T;
     }), f = 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 (s.value)
+      if (n.value)
         return;
-      const k = a(v, 1, i.value);
-      k !== r.modelValue && (o("update:modelValue", k), o("change", k, $));
+      const C = a(v, 1, i.value);
+      C !== r.modelValue && (o("update:modelValue", C), o("change", C, $));
     };
-    return (v, $) => (m(), _("nav", {
-      class: T(f.value),
+    return (v, $) => (b(), _("nav", {
+      class: L(f.value),
       "aria-label": "Pagination"
     }, [
       B("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
-        disabled: s.value || l.value,
+        disabled: n.value || l.value,
         "aria-label": "Previous page",
-        onClick: $[0] || ($[0] = (k) => p(c.value - 1, k))
+        onClick: $[0] || ($[0] = (C) => p(u.value - 1, C))
       }, R(v.prevLabel), 9, Bo),
-      (m(!0), _(ae, null, ve(n.value, (k) => (m(), _("button", {
-        key: k.key,
-        class: T(["vf-pagination__item", {
-          "is-current": k.type === "page" && k.page === c.value,
-          "is-ellipsis": k.type === "ellipsis"
+      (b(!0), _(ae, null, ve(s.value, (C) => (b(), _("button", {
+        key: C.key,
+        class: L(["vf-pagination__item", {
+          "is-current": C.type === "page" && C.page === u.value,
+          "is-ellipsis": C.type === "ellipsis"
         }]),
         type: "button",
-        disabled: s.value || k.type === "ellipsis",
-        "aria-current": k.type === "page" && k.page === c.value ? "page" : void 0,
-        "aria-label": k.type === "page" ? `Page ${k.page}` : void 0,
-        onClick: (w) => k.type === "page" && p(k.page, w)
+        disabled: n.value || C.type === "ellipsis",
+        "aria-current": C.type === "page" && C.page === u.value ? "page" : void 0,
+        "aria-label": C.type === "page" ? `Page ${C.page}` : void 0,
+        onClick: (w) => C.type === "page" && p(C.page, w)
       }, [
-        k.type === "page" ? (m(), _(ae, { key: 0 }, [
-          X(R(k.page), 1)
-        ], 64)) : (m(), _(ae, { key: 1 }, [
-          X(R(v.ellipsisLabel), 1)
+        C.type === "page" ? (b(), _(ae, { key: 0 }, [
+          j(R(C.page), 1)
+        ], 64)) : (b(), _(ae, { key: 1 }, [
+          j(R(v.ellipsisLabel), 1)
         ], 64))
-      ], 10, Fo))), 128)),
+      ], 10, So))), 128)),
       B("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
-        disabled: s.value || u.value,
+        disabled: n.value || c.value,
         "aria-label": "Next page",
-        onClick: $[1] || ($[1] = (k) => p(c.value + 1, k))
-      }, R(v.nextLabel), 9, So)
+        onClick: $[1] || ($[1] = (C) => p(u.value + 1, C))
+      }, R(v.nextLabel), 9, Fo)
     ], 2));
   }
-}), Vo = ["checked", "disabled"], Lo = {
+}), Vo = ["checked", "disabled"], To = {
   key: 0,
   class: "vf-checkbox__label"
-}, Br = /* @__PURE__ */ G({
+}, Ir = /* @__PURE__ */ Y({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1891,11 +1891,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       const i = ["vf-checkbox", `vf-checkbox_${o.variant}`];
       return o.disabled && i.push("vf-checkbox_disabled"), i;
     }), d = (i) => {
-      const c = i.target;
-      r("update:modelValue", c.checked), r("change", i);
+      const u = i.target;
+      r("update:modelValue", u.checked), r("change", i);
     };
-    return (i, c) => (m(), _("label", {
-      class: T(a.value)
+    return (i, u) => (b(), _("label", {
+      class: L(a.value)
     }, [
       B("input", {
         class: "vf-checkbox__control",
@@ -1904,15 +1904,15 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         disabled: i.disabled,
         onChange: d
       }, null, 40, Vo),
-      c[0] || (c[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
-      i.label || i.$slots.default ? (m(), _("span", Lo, [
-        F(i.$slots, "default", {}, () => [
-          X(R(i.label), 1)
+      u[0] || (u[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
+      i.label || i.$slots.default ? (b(), _("span", To, [
+        S(i.$slots, "default", {}, () => [
+          j(R(i.label), 1)
         ])
       ])) : P("", !0)
     ], 2));
   }
-}), at = Symbol("VueForgeRadioGroup"), To = ["aria-disabled", "aria-label", "aria-labelledby"], Fr = /* @__PURE__ */ G({
+}), at = Symbol("VueForgeRadioGroup"), Lo = ["aria-disabled", "aria-label", "aria-labelledby"], Mr = /* @__PURE__ */ Y({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1926,10 +1926,10 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = y(() => {
-      const c = ["vf-radio-group"];
-      return o.direction === "horizontal" && c.push("vf-radio-group_horizontal"), c;
-    }), d = (c, l) => {
-      r("update:modelValue", c), r("change", c, l);
+      const u = ["vf-radio-group"];
+      return o.direction === "horizontal" && u.push("vf-radio-group_horizontal"), u;
+    }), d = (u, l) => {
+      r("update:modelValue", u), r("change", u, l);
     }, i = {
       name: y(() => o.name),
       modelValue: y(() => o.modelValue),
@@ -1937,20 +1937,20 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       variant: y(() => o.variant),
       onChange: d
     };
-    return Ke(at, i), (c, l) => (m(), _("div", {
-      class: T(a.value),
+    return Ke(at, i), (u, l) => (b(), _("div", {
+      class: L(a.value),
       role: "radiogroup",
-      "aria-disabled": c.disabled || void 0,
-      "aria-label": c.ariaLabel || void 0,
-      "aria-labelledby": c.ariaLabelledby || void 0
+      "aria-disabled": u.disabled || void 0,
+      "aria-label": u.ariaLabel || void 0,
+      "aria-labelledby": u.ariaLabelledby || void 0
     }, [
-      F(c.$slots, "default")
-    ], 10, To));
+      S(u.$slots, "default")
+    ], 10, Lo));
   }
 }), Ro = ["name", "value", "checked", "disabled"], Po = {
   key: 0,
   class: "vf-radio__label"
-}, Sr = /* @__PURE__ */ G({
+}, Or = /* @__PURE__ */ Y({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1962,33 +1962,33 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = Oe(at, null), d = y(() => a ? a.modelValue.value : o.modelValue), i = y(() => a ? a.name.value : o.name), c = y(() => a ? a.variant.value : o.variant), l = y(() => (a ? a.disabled.value : !1) || o.disabled), u = y(() => d.value === o.value), s = y(() => {
-      const f = ["vf-radio", `vf-radio_${c.value}`];
+    const r = e, o = t, a = De(at, null), d = y(() => a ? a.modelValue.value : o.modelValue), i = y(() => a ? a.name.value : o.name), u = y(() => a ? a.variant.value : o.variant), l = y(() => (a ? a.disabled.value : !1) || o.disabled), c = y(() => d.value === o.value), n = y(() => {
+      const f = ["vf-radio", `vf-radio_${u.value}`];
       return l.value && f.push("vf-radio_disabled"), f;
-    }), n = (f) => {
+    }), s = (f) => {
       l.value || (a ? a.onChange(o.value, f) : r("update:modelValue", o.value), r("change", o.value, f));
     };
-    return (f, p) => (m(), _("label", {
-      class: T(s.value)
+    return (f, p) => (b(), _("label", {
+      class: L(n.value)
     }, [
       B("input", {
         class: "vf-radio__control",
         type: "radio",
         name: i.value,
         value: f.value,
-        checked: u.value,
+        checked: c.value,
         disabled: l.value,
-        onChange: n
+        onChange: s
       }, null, 40, Ro),
       p[0] || (p[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
-      f.label || f.$slots.default ? (m(), _("span", Po, [
-        F(f.$slots, "default", {}, () => [
-          X(R(f.label), 1)
+      f.label || f.$slots.default ? (b(), _("span", Po, [
+        S(f.$slots, "default", {}, () => [
+          j(R(f.label), 1)
         ])
       ])) : P("", !0)
     ], 2));
   }
-}), Ne = Symbol("VueForgeTabs"), Io = ["aria-orientation", "aria-label", "aria-labelledby"], Mo = { class: "vf-tabs__panels" }, Vr = /* @__PURE__ */ G({
+}), Ne = Symbol("VueForgeTabs"), Io = ["aria-orientation", "aria-label", "aria-labelledby"], Mo = { class: "vf-tabs__panels" }, Dr = /* @__PURE__ */ Y({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -2000,23 +2000,23 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = ++r, i = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = y(() => {
+    const o = e, a = t, d = ++r, i = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), u = y(() => {
       const v = ["vf-tabs"];
       return a.orientation === "vertical" && v.push("vf-tabs_vertical"), a.disabled && v.push("vf-tabs_disabled"), v;
-    }), l = O(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], s = (v) => {
+    }), l = O(null), c = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (v) => {
       v && (v.focus(), v.click());
-    }, n = (v) => {
+    }, s = (v) => {
       if (a.disabled)
         return;
-      const $ = a.orientation === "horizontal", k = v.key, w = $ ? ["ArrowRight"] : ["ArrowDown"], D = $ ? ["ArrowLeft"] : ["ArrowUp"];
-      if (![...w, ...D, "Home", "End"].includes(k))
+      const $ = a.orientation === "horizontal", C = v.key, w = $ ? ["ArrowRight"] : ["ArrowDown"], D = $ ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...w, ...D, "Home", "End"].includes(C))
         return;
-      const L = u();
-      if (!L.length)
+      const T = c();
+      if (!T.length)
         return;
-      const H = L.findIndex((S) => S.getAttribute("aria-selected") === "true"), I = L.findIndex((S) => S === document.activeElement), M = I >= 0 ? I : Math.max(H, 0);
+      const H = T.findIndex((F) => F.getAttribute("aria-selected") === "true"), I = T.findIndex((F) => F === document.activeElement), M = I >= 0 ? I : Math.max(H, 0);
       let E = M;
-      w.includes(k) ? E = (M + 1) % L.length : D.includes(k) ? E = (M - 1 + L.length) % L.length : k === "Home" ? E = 0 : k === "End" && (E = L.length - 1), v.preventDefault(), s(L[E]);
+      w.includes(C) ? E = (M + 1) % T.length : D.includes(C) ? E = (M - 1 + T.length) % T.length : C === "Home" ? E = 0 : C === "End" && (E = T.length - 1), v.preventDefault(), n(T[E]);
     }, f = (v, $) => {
       o("update:modelValue", v), o("change", v, $);
     }, p = {
@@ -2027,8 +2027,8 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       getTabId: (v) => `vf-tab-${d}-${i(v)}`,
       getPanelId: (v) => `vf-tabpanel-${d}-${i(v)}`
     };
-    return Ke(Ne, p), (v, $) => (m(), _("div", {
-      class: T(c.value)
+    return Ke(Ne, p), (v, $) => (b(), _("div", {
+      class: L(u.value)
     }, [
       B("div", {
         ref_key: "list",
@@ -2038,16 +2038,16 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         "aria-orientation": v.orientation,
         "aria-label": v.ariaLabel || void 0,
         "aria-labelledby": v.ariaLabelledby || void 0,
-        onKeydown: n
+        onKeydown: s
       }, [
-        F(v.$slots, "tabs")
+        S(v.$slots, "tabs")
       ], 40, Io),
       B("div", Mo, [
-        F(v.$slots, "panels")
+        S(v.$slots, "panels")
       ])
     ], 2));
   }
-}), Do = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Lr = /* @__PURE__ */ G({
+}), Oo = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Wr = /* @__PURE__ */ Y({
   __name: "tab",
   props: {
     value: {},
@@ -2056,45 +2056,45 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = Oe(Ne, null), d = y(() => (a == null ? void 0 : a.activeValue.value) === o.value), i = y(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = y(() => a ? a.getTabId(o.value) : void 0), l = y(() => a ? a.getPanelId(o.value) : void 0), u = y(() => i.value ? -1 : d.value ? 0 : -1), s = (n) => {
-      !a || i.value || (a.onChange(o.value, n), r("change", o.value, n));
+    const r = e, o = t, a = De(Ne, null), d = y(() => (a == null ? void 0 : a.activeValue.value) === o.value), i = y(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), u = y(() => a ? a.getTabId(o.value) : void 0), l = y(() => a ? a.getPanelId(o.value) : void 0), c = y(() => i.value ? -1 : d.value ? 0 : -1), n = (s) => {
+      !a || i.value || (a.onChange(o.value, s), r("change", o.value, s));
     };
-    return (n, f) => (m(), _("button", {
-      id: c.value,
-      class: T(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": i.value }]),
+    return (s, f) => (b(), _("button", {
+      id: u.value,
+      class: L(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": i.value }]),
       type: "button",
       role: "tab",
       "aria-selected": d.value,
       "aria-controls": l.value,
       disabled: i.value,
-      tabindex: u.value,
-      onClick: s
+      tabindex: c.value,
+      onClick: n
     }, [
-      F(n.$slots, "default", {}, () => [
-        X(R(n.label), 1)
+      S(s.$slots, "default", {}, () => [
+        j(R(s.label), 1)
       ])
-    ], 10, Do));
+    ], 10, Oo));
   }
-}), Oo = ["id", "aria-labelledby"], Tr = /* @__PURE__ */ G({
+}), Do = ["id", "aria-labelledby"], Ar = /* @__PURE__ */ Y({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(t) {
-    const e = t, r = Oe(Ne, null), o = y(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = y(() => r ? r.getTabId(e.value) : void 0), d = y(() => r ? r.getPanelId(e.value) : void 0);
-    return (i, c) => fe((m(), _("div", {
+    const e = t, r = De(Ne, null), o = y(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = y(() => r ? r.getTabId(e.value) : void 0), d = y(() => r ? r.getPanelId(e.value) : void 0);
+    return (i, u) => fe((b(), _("div", {
       id: d.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": a.value
     }, [
-      F(i.$slots, "default")
-    ], 8, Oo)), [
+      S(i.$slots, "default")
+    ], 8, Do)), [
       [pe, o.value]
     ]);
   }
-}), rt = Symbol("VueForgeAccordion"), Wo = ["aria-label", "aria-labelledby"], Rr = /* @__PURE__ */ G({
+}), rt = Symbol("VueForgeAccordion"), Wo = ["aria-label", "aria-labelledby"], Er = /* @__PURE__ */ Y({
   __name: "accordion",
   props: {
     modelValue: { default: void 0 },
@@ -2108,38 +2108,38 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = ++r, i = (n) => String(n).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = y(() => {
-      const n = ["vf-accordion", `vf-accordion_${a.variant}`];
-      return a.size !== "normal" && n.push(`vf-accordion_${a.size}`), a.disabled && n.push("vf-accordion_disabled"), n;
-    }), l = (n) => Array.isArray(n) ? n : n == null ? [] : [n], u = (n, f) => {
+    const o = e, a = t, d = ++r, i = (s) => String(s).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), u = y(() => {
+      const s = ["vf-accordion", `vf-accordion_${a.variant}`];
+      return a.size !== "normal" && s.push(`vf-accordion_${a.size}`), a.disabled && s.push("vf-accordion_disabled"), s;
+    }), l = (s) => Array.isArray(s) ? s : s == null ? [] : [s], c = (s, f) => {
       if (a.disabled)
         return;
       if (a.multiple) {
-        const v = l(a.modelValue), k = v.includes(n) ? v.filter((w) => w !== n) : [...v, n];
-        o("update:modelValue", k), o("change", k, f);
+        const v = l(a.modelValue), C = v.includes(s) ? v.filter((w) => w !== s) : [...v, s];
+        o("update:modelValue", C), o("change", C, f);
         return;
       }
-      const p = a.modelValue === n ? void 0 : n;
+      const p = a.modelValue === s ? void 0 : s;
       o("update:modelValue", p), o("change", p, f);
-    }, s = {
+    }, n = {
       modelValue: y(() => a.modelValue),
       multiple: y(() => a.multiple),
       disabled: y(() => a.disabled),
       variant: y(() => a.variant),
       size: y(() => a.size),
-      onToggle: u,
-      getHeaderId: (n) => `vf-accordion-header-${d}-${i(n)}`,
-      getPanelId: (n) => `vf-accordion-panel-${d}-${i(n)}`
+      onToggle: c,
+      getHeaderId: (s) => `vf-accordion-header-${d}-${i(s)}`,
+      getPanelId: (s) => `vf-accordion-panel-${d}-${i(s)}`
     };
-    return Ke(rt, s), (n, f) => (m(), _("div", {
-      class: T(c.value),
-      "aria-label": n.ariaLabel || void 0,
-      "aria-labelledby": n.ariaLabelledby || void 0
+    return Ke(rt, n), (s, f) => (b(), _("div", {
+      class: L(u.value),
+      "aria-label": s.ariaLabel || void 0,
+      "aria-labelledby": s.ariaLabelledby || void 0
     }, [
-      F(n.$slots, "default")
+      S(s.$slots, "default")
     ], 10, Wo));
   }
-}), Ao = ["id", "disabled", "aria-expanded", "aria-controls"], Eo = { class: "vf-accordion__title" }, Ho = ["id", "aria-labelledby", "aria-hidden"], Ko = { class: "vf-accordion__panel-inner" }, Pr = /* @__PURE__ */ G({
+}), Ao = ["id", "disabled", "aria-expanded", "aria-controls"], Eo = { class: "vf-accordion__title" }, Ho = ["id", "aria-labelledby", "aria-hidden"], Ko = { class: "vf-accordion__panel-inner" }, Hr = /* @__PURE__ */ Y({
   __name: "accordion-item",
   props: {
     value: {},
@@ -2148,19 +2148,19 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     unmount: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = Oe(rt, null), o = y(() => {
+    const e = t, r = De(rt, null), o = y(() => {
       if (!r)
         return !1;
-      const s = r.modelValue.value;
-      return Array.isArray(s) ? s.includes(e.value) : s === e.value;
-    }), a = y(() => ((r == null ? void 0 : r.disabled.value) ?? !1) || e.disabled), d = y(() => r ? r.getHeaderId(e.value) : void 0), i = y(() => r ? r.getPanelId(e.value) : void 0), c = y(() => e.unmount ? o.value : !0), l = y(() => {
-      const s = ["vf-accordion-item"];
-      return o.value && s.push("vf-accordion-item_open"), a.value && s.push("vf-accordion-item_disabled"), s;
-    }), u = (s) => {
-      !r || a.value || r.onToggle(e.value, s);
+      const n = r.modelValue.value;
+      return Array.isArray(n) ? n.includes(e.value) : n === e.value;
+    }), a = y(() => ((r == null ? void 0 : r.disabled.value) ?? !1) || e.disabled), d = y(() => r ? r.getHeaderId(e.value) : void 0), i = y(() => r ? r.getPanelId(e.value) : void 0), u = y(() => e.unmount ? o.value : !0), l = y(() => {
+      const n = ["vf-accordion-item"];
+      return o.value && n.push("vf-accordion-item_open"), a.value && n.push("vf-accordion-item_disabled"), n;
+    }), c = (n) => {
+      !r || a.value || r.onToggle(e.value, n);
     };
-    return (s, n) => (m(), _("div", {
-      class: T(l.value)
+    return (n, s) => (b(), _("div", {
+      class: L(l.value)
     }, [
       B("button", {
         id: d.value,
@@ -2169,39 +2169,39 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         disabled: a.value,
         "aria-expanded": o.value,
         "aria-controls": i.value,
-        onClick: u
+        onClick: c
       }, [
         B("span", Eo, [
-          F(s.$slots, "title", {}, () => [
-            X(R(s.title), 1)
+          S(n.$slots, "title", {}, () => [
+            j(R(n.title), 1)
           ])
         ]),
-        n[0] || (n[0] = B("span", {
+        s[0] || (s[0] = B("span", {
           class: "vf-accordion__icon",
           "aria-hidden": "true"
         }, null, -1))
       ], 8, Ao),
-      c.value ? (m(), _("div", {
+      u.value ? (b(), _("div", {
         key: 0,
         id: i.value,
-        class: T(["vf-accordion__panel", { "vf-accordion__panel_open": o.value }]),
+        class: L(["vf-accordion__panel", { "vf-accordion__panel_open": o.value }]),
         role: "region",
         "aria-labelledby": d.value,
         "aria-hidden": o.value ? void 0 : "true"
       }, [
         B("div", Ko, [
-          F(s.$slots, "default")
+          S(n.$slots, "default")
         ])
       ], 10, Ho)) : P("", !0)
     ], 2));
   }
-}), No = ["data-severity"], Go = { class: "vf-toast__body" }, Yo = {
+}), No = ["data-severity"], Yo = { class: "vf-toast__body" }, Go = {
   key: 0,
   class: "vf-toast__title"
 }, jo = {
   key: 1,
   class: "vf-toast__message"
-}, Ir = /* @__PURE__ */ G({
+}, Kr = /* @__PURE__ */ Y({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2221,10 +2221,10 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       d(), !(!o.modelValue || o.duration <= 0) && (a = window.setTimeout(() => {
         r("update:modelValue", !1), r("close");
       }, o.duration));
-    }, c = () => {
+    }, u = () => {
       d(), r("update:modelValue", !1), r("close");
     };
-    return ee(
+    return Q(
       () => o.modelValue,
       (l) => {
         l && r("open"), i();
@@ -2232,48 +2232,48 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       { immediate: !0 }
     ), $e(() => {
       d();
-    }), (l, u) => fe((m(), _("div", {
+    }), (l, c) => fe((b(), _("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
-      B("div", Go, [
-        l.title ? (m(), _("div", Yo, R(l.title), 1)) : P("", !0),
-        l.message || l.$slots.default ? (m(), _("div", jo, [
-          F(l.$slots, "default", {}, () => [
-            X(R(l.message), 1)
+      B("div", Yo, [
+        l.title ? (b(), _("div", Go, R(l.title), 1)) : P("", !0),
+        l.message || l.$slots.default ? (b(), _("div", jo, [
+          S(l.$slots, "default", {}, () => [
+            j(R(l.message), 1)
           ])
         ])) : P("", !0)
       ]),
-      l.closable ? (m(), _("button", {
+      l.closable ? (b(), _("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
-        onClick: c
+        onClick: u
       }, [
-        F(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = X("×"))
+        S(l.$slots, "close", {}, () => [
+          c[0] || (c[0] = j("×"))
         ])
       ])) : P("", !0)
     ], 8, No)), [
       [pe, l.modelValue]
     ]);
   }
-}), Mr = /* @__PURE__ */ G({
+}), Nr = /* @__PURE__ */ Y({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(t) {
     const e = t, r = y(() => `vf-toast-container_${e.position}`);
-    return (o, a) => (m(), ne(we, { to: "body" }, [
+    return (o, a) => (b(), se(we, { to: "body" }, [
       B("div", {
-        class: T(["vf-toast-container", r.value]),
+        class: L(["vf-toast-container", r.value]),
         role: "region",
         "aria-live": "polite"
       }, [
-        F(o.$slots, "default")
+        S(o.$slots, "default")
       ], 2)
     ]));
   }
@@ -2290,7 +2290,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
 }, Qo = {
   key: 1,
   class: "vf-alert__actions"
-}, Dr = /* @__PURE__ */ G({
+}, Yr = /* @__PURE__ */ Y({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -2303,50 +2303,50 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = O(!0), d = y(() => typeof o.modelValue == "boolean"), i = y(() => d.value ? o.modelValue : a.value);
-    ee(
+    Q(
       () => o.modelValue,
       (l) => {
         typeof l == "boolean" && (a.value = l);
       },
       { immediate: !0 }
     );
-    const c = () => {
+    const u = () => {
       d.value ? r("update:modelValue", !1) : a.value = !1, r("close");
     };
-    return (l, u) => fe((m(), _("div", {
+    return (l, c) => fe((b(), _("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": l.severity
     }, [
-      l.$slots.icon || l.icon ? (m(), _("div", qo, [
-        F(l.$slots, "icon", {}, () => [
-          X(R(l.icon), 1)
+      l.$slots.icon || l.icon ? (b(), _("div", qo, [
+        S(l.$slots, "icon", {}, () => [
+          j(R(l.icon), 1)
         ])
       ])) : P("", !0),
       B("div", Uo, [
-        l.title || l.$slots.title ? (m(), _("div", Zo, [
-          F(l.$slots, "title", {}, () => [
-            X(R(l.title), 1)
+        l.title || l.$slots.title ? (b(), _("div", Zo, [
+          S(l.$slots, "title", {}, () => [
+            j(R(l.title), 1)
           ])
         ])) : P("", !0),
-        l.message || l.$slots.default ? (m(), _("div", Jo, [
-          F(l.$slots, "default", {}, () => [
-            X(R(l.message), 1)
+        l.message || l.$slots.default ? (b(), _("div", Jo, [
+          S(l.$slots, "default", {}, () => [
+            j(R(l.message), 1)
           ])
         ])) : P("", !0)
       ]),
-      l.$slots.actions ? (m(), _("div", Qo, [
-        F(l.$slots, "actions")
+      l.$slots.actions ? (b(), _("div", Qo, [
+        S(l.$slots, "actions")
       ])) : P("", !0),
-      l.closable ? (m(), _("button", {
+      l.closable ? (b(), _("button", {
         key: 2,
         class: "vf-alert__close",
         type: "button",
         "aria-label": "Close",
-        onClick: c
+        onClick: u
       }, [
-        F(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = X("×"))
+        S(l.$slots, "close", {}, () => [
+          c[0] || (c[0] = j("×"))
         ])
       ])) : P("", !0)
     ], 8, Xo)), [
@@ -2356,7 +2356,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
 }), ea = ["checked", "disabled"], ta = {
   key: 0,
   class: "vf-switch__label"
-}, Or = /* @__PURE__ */ G({
+}, Gr = /* @__PURE__ */ Y({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2369,11 +2369,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       const i = ["vf-switch"];
       return o.disabled && i.push("vf-switch_disabled"), i;
     }), d = (i) => {
-      const c = i.target;
-      r("update:modelValue", c.checked), r("change", i);
+      const u = i.target;
+      r("update:modelValue", u.checked), r("change", i);
     };
-    return (i, c) => (m(), _("label", {
-      class: T(a.value)
+    return (i, u) => (b(), _("label", {
+      class: L(a.value)
     }, [
       B("input", {
         class: "vf-switch__control",
@@ -2382,26 +2382,26 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         disabled: i.disabled,
         onChange: d
       }, null, 40, ea),
-      c[0] || (c[0] = B("span", { class: "vf-switch__track" }, [
+      u[0] || (u[0] = B("span", { class: "vf-switch__track" }, [
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      i.label || i.$slots.default ? (m(), _("span", ta, [
-        F(i.$slots, "default", {}, () => [
-          X(R(i.label), 1)
+      i.label || i.$slots.default ? (b(), _("span", ta, [
+        S(i.$slots, "default", {}, () => [
+          j(R(i.label), 1)
         ])
       ])) : P("", !0)
     ], 2));
   }
-}), oa = { class: "vf-popover" }, aa = ["aria-expanded", "onKeydown"], Wr = /* @__PURE__ */ G({
+}), oa = { class: "vf-popover" }, aa = ["aria-expanded", "onKeydown"], jr = /* @__PURE__ */ Y({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
-    const o = r, a = st({ visible: !1 });
+    const o = r, a = nt({ visible: !1 });
     let d = 0;
-    const i = `vf-popover-panel-${++d}`, c = () => a.visible = !0, l = () => a.visible = !1, u = () => a.visible = !a.visible, s = () => {
-      u(), o("click"), o("onClick");
+    const i = `vf-popover-panel-${++d}`, u = () => a.visible = !0, l = () => a.visible = !1, c = () => a.visible = !a.visible, n = () => {
+      c(), o("click"), o("onClick");
     };
-    return e({ show: c, hide: l, toggle: u }), (n, f) => (m(), _("div", oa, [
+    return e({ show: u, hide: l, toggle: c }), (s, f) => (b(), _("div", oa, [
       B("div", {
         class: "vf-popover__button",
         role: "button",
@@ -2409,13 +2409,13 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         "aria-haspopup": "dialog",
         "aria-expanded": a.visible,
         "aria-controls": i,
-        onClick: s,
+        onClick: n,
         onKeydown: [
-          Z(U(s, ["prevent"]), ["enter"]),
-          Z(U(s, ["prevent"]), ["space"])
+          Z(U(n, ["prevent"]), ["enter"]),
+          Z(U(n, ["prevent"]), ["space"])
         ]
       }, [
-        F(n.$slots, "button")
+        S(s.$slots, "button")
       ], 40, aa),
       fe(Je(_t, {
         id: i,
@@ -2426,34 +2426,34 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         ]),
         _: 2
       }, [
-        n.$slots.default ? {
+        s.$slots.default ? {
           name: "default",
           fn: _e(() => [
-            F(n.$slots, "default")
+            S(s.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        n.$slots.header || n.$slots.popoverHeader ? {
+        s.$slots.header || s.$slots.popoverHeader ? {
           name: "header",
           fn: _e(() => [
-            F(n.$slots, "header"),
-            n.$slots.header ? P("", !0) : F(n.$slots, "popoverHeader", { key: 0 })
+            S(s.$slots, "header"),
+            s.$slots.header ? P("", !0) : S(s.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        n.$slots.body || n.$slots.popoverBody ? {
+        s.$slots.body || s.$slots.popoverBody ? {
           name: "body",
           fn: _e(() => [
-            F(n.$slots, "body"),
-            n.$slots.body ? P("", !0) : F(n.$slots, "popoverBody", { key: 0 })
+            S(s.$slots, "body"),
+            s.$slots.body ? P("", !0) : S(s.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        n.$slots.footer || n.$slots.popoverFooter ? {
+        s.$slots.footer || s.$slots.popoverFooter ? {
           name: "footer",
           fn: _e(() => [
-            F(n.$slots, "footer"),
-            n.$slots.footer ? P("", !0) : F(n.$slots, "popoverFooter", { key: 0 })
+            S(s.$slots, "footer"),
+            s.$slots.footer ? P("", !0) : S(s.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
@@ -2465,13 +2465,13 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
 }), ra = ["aria-labelledby", "aria-describedby"], la = {
   key: 0,
   class: "vf-modal__header"
-}, na = {
+}, sa = {
   key: 0,
   class: "vf-modal__title"
-}, sa = {
+}, na = {
   key: 3,
   class: "vf-modal__footer"
-}, Ar = /* @__PURE__ */ G({
+}, Xr = /* @__PURE__ */ Y({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2485,51 +2485,51 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:modelValue", "open", "close"],
   setup(t, { expose: e, emit: r }) {
     const o = r, a = t;
-    let d = 0, i = 0, c = "", l = null;
-    const u = O(null), s = He(), n = `vf-modal-title-${++d}`, f = `vf-modal-body-${d}`, p = y(() => !!a.title || !!s.header), v = y(() => !!s.body || !!s.default), $ = y(() => {
-      const b = ["vf-modal"];
-      return a.size !== "md" && b.push(`vf-modal_${a.size}`), b;
-    }), k = () => o("update:modelValue", !0), w = () => {
+    let d = 0, i = 0, u = "", l = null;
+    const c = O(null), n = He(), s = `vf-modal-title-${++d}`, f = `vf-modal-body-${d}`, p = y(() => !!a.title || !!n.header), v = y(() => !!n.body || !!n.default), $ = y(() => {
+      const g = ["vf-modal"];
+      return a.size !== "md" && g.push(`vf-modal_${a.size}`), g;
+    }), C = () => o("update:modelValue", !0), w = () => {
       o("update:modelValue", !1), o("close");
     }, D = () => {
       a.closeOnOverlay && w();
-    }, L = (b) => {
-      !a.modelValue || !a.closeOnEsc || b.key === "Escape" && (b.preventDefault(), w());
-    }, 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((h) => !h.hasAttribute("disabled") && !h.getAttribute("aria-hidden")) : [], I = () => {
+    }, T = (g) => {
+      !a.modelValue || !a.closeOnEsc || g.key === "Escape" && (g.preventDefault(), w());
+    }, H = () => c.value ? Array.from(c.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((h) => !h.hasAttribute("disabled") && !h.getAttribute("aria-hidden")) : [], I = () => {
       var h;
-      const b = H();
-      b.length ? b[0].focus() : (h = u.value) == null || h.focus();
-    }, M = (b) => {
+      const g = H();
+      g.length ? g[0].focus() : (h = c.value) == null || h.focus();
+    }, M = (g) => {
       var q;
-      if (b.key !== "Tab")
+      if (g.key !== "Tab")
         return;
       const h = H();
       if (!h.length) {
-        b.preventDefault(), (q = u.value) == null || q.focus();
+        g.preventDefault(), (q = c.value) == null || q.focus();
         return;
       }
-      const C = h[0], W = h[h.length - 1], A = document.activeElement;
-      if (b.shiftKey && A === C) {
-        b.preventDefault(), W.focus();
+      const k = h[0], W = h[h.length - 1], A = document.activeElement;
+      if (g.shiftKey && A === k) {
+        g.preventDefault(), W.focus();
         return;
       }
-      !b.shiftKey && A === W && (b.preventDefault(), C.focus());
+      !g.shiftKey && A === W && (g.preventDefault(), k.focus());
     }, E = () => {
-      !a.lockScroll || typeof document > "u" || (i === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), i += 1);
-    }, S = () => {
-      !a.lockScroll || typeof document > "u" || (i = Math.max(0, i - 1), i === 0 && (document.body.style.overflow = c));
+      !a.lockScroll || typeof document > "u" || (i === 0 && (u = document.body.style.overflow, document.body.style.overflow = "hidden"), i += 1);
+    }, F = () => {
+      !a.lockScroll || typeof document > "u" || (i = Math.max(0, i - 1), i === 0 && (document.body.style.overflow = u));
     };
-    return ee(
+    return Q(
       () => a.modelValue,
-      async (b) => {
-        b ? (typeof document < "u" && (l = document.activeElement), E(), o("open"), await Ce(), I(), typeof document < "u" && document.addEventListener("keydown", L)) : (S(), typeof document < "u" && (document.removeEventListener("keydown", L), l == null || l.focus()));
+      async (g) => {
+        g ? (typeof document < "u" && (l = document.activeElement), E(), o("open"), await ke(), I(), typeof document < "u" && document.addEventListener("keydown", T)) : (F(), typeof document < "u" && (document.removeEventListener("keydown", T), l == null || l.focus()));
       },
       { immediate: !0 }
     ), $e(() => {
-      S(), typeof document < "u" && document.removeEventListener("keydown", L);
-    }), e({ open: k, close: w }), (b, h) => (m(), ne(we, { to: "body" }, [
+      F(), typeof document < "u" && document.removeEventListener("keydown", T);
+    }), e({ open: C, close: w }), (g, h) => (b(), se(we, { to: "body" }, [
       fe(B("div", {
-        class: T($.value),
+        class: L($.value),
         role: "presentation"
       }, [
         B("div", {
@@ -2538,26 +2538,26 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
         }),
         B("div", {
           ref_key: "panel",
-          ref: u,
+          ref: c,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": p.value ? n : void 0,
+          "aria-labelledby": p.value ? s : void 0,
           "aria-describedby": v.value ? f : void 0,
           tabindex: "-1",
           onKeydown: M
         }, [
-          p.value ? (m(), _("div", la, [
+          p.value ? (b(), _("div", la, [
             B("div", {
-              id: n,
+              id: s,
               class: "vf-modal__header-content"
             }, [
-              F(b.$slots, "header", {}, () => [
-                b.title ? (m(), _("h3", na, R(b.title), 1)) : P("", !0)
+              S(g.$slots, "header", {}, () => [
+                g.title ? (b(), _("h3", sa, R(g.title), 1)) : P("", !0)
               ])
             ])
           ])) : P("", !0),
-          b.showClose ? F(b.$slots, "close", {
+          g.showClose ? S(g.$slots, "close", {
             key: 1,
             close: w
           }, () => [
@@ -2568,20 +2568,20 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
               onClick: w
             }, "×")
           ]) : P("", !0),
-          b.$slots.body || b.$slots.default ? (m(), _("div", {
+          g.$slots.body || g.$slots.default ? (b(), _("div", {
             key: 2,
             id: f,
             class: "vf-modal__body"
           }, [
-            F(b.$slots, "body"),
-            b.$slots.body ? P("", !0) : F(b.$slots, "default", { key: 0 })
+            S(g.$slots, "body"),
+            g.$slots.body ? P("", !0) : S(g.$slots, "default", { key: 0 })
           ])) : P("", !0),
-          b.$slots.footer ? (m(), _("div", sa, [
-            F(b.$slots, "footer")
+          g.$slots.footer ? (b(), _("div", na, [
+            S(g.$slots, "footer")
           ])) : P("", !0)
         ], 40, ra)
       ], 2), [
-        [pe, b.modelValue]
+        [pe, g.modelValue]
       ])
     ]));
   }
@@ -2589,7 +2589,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, Er = /* @__PURE__ */ G({
+}, qr = /* @__PURE__ */ Y({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2600,70 +2600,70 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   setup(t) {
     const e = t;
     let r = 0;
-    const o = O(null), a = O(null), d = O(!1), i = O("top"), c = `vf-tooltip-${++r}`;
+    const o = O(null), a = O(null), d = O(!1), i = O("top"), u = `vf-tooltip-${++r}`;
     let l = null;
-    const u = () => {
+    const c = () => {
       e.disabled || (d.value = !0);
-    }, s = () => {
-      d.value = !1;
     }, n = () => {
+      d.value = !1;
+    }, s = () => {
       if (!o.value || !a.value)
         return;
       const p = o.value, v = a.value, $ = async () => {
         const {
-          x: L,
+          x: T,
           y: H,
           placement: I
         } = await Re(p, v, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [Le(8), Ve(), Dt()]
+          middleware: [Te(8), Ve(), Ot()]
         });
-        i.value = I ?? e.placement, v.style.left = `${L}px`, v.style.top = `${H}px`;
-      }, k = async () => {
+        i.value = I ?? e.placement, v.style.left = `${T}px`, v.style.top = `${H}px`;
+      }, C = async () => {
         await $();
-      }, w = Te(p, () => {
-        k();
+      }, w = Le(p, () => {
+        C();
       }), D = () => {
-        k();
+        C();
       };
       document.addEventListener("scroll", D, !0), window.addEventListener("resize", D, !1), l = {
-        update: k,
+        update: C,
         destroy: () => {
           w(), document.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D, !1);
         }
       }, l.update();
     };
-    ee(d, async (p) => {
+    Q(d, async (p) => {
       if (!p) {
         l && (l.destroy(), l = null);
         return;
       }
-      l || n(), l == null || l.update();
-    }), Se(() => {
-      d.value && n();
+      l || s(), l == null || l.update();
+    }), Fe(() => {
+      d.value && s();
     }), $e(() => {
       l == null || l.destroy(), l = null;
     });
     const f = y(() => !!e.text || !!(a.value && a.value.textContent));
-    return ee(f, (p) => {
+    return Q(f, (p) => {
       p || (d.value = !1);
-    }), (p, v) => (m(), _(ae, null, [
+    }), (p, v) => (b(), _(ae, null, [
       B("span", {
         ref_key: "trigger",
         ref: o,
         class: "vf-tooltip__trigger",
-        "aria-describedby": c,
-        onMouseenter: u,
-        onMouseleave: s,
-        onFocus: u,
-        onBlur: s
+        "aria-describedby": u,
+        onMouseenter: c,
+        onMouseleave: n,
+        onFocus: c,
+        onBlur: n
       }, [
-        F(p.$slots, "default")
+        S(p.$slots, "default")
       ], 544),
-      (m(), ne(we, { to: "body" }, [
+      (b(), se(we, { to: "body" }, [
         fe(B("div", {
-          id: c,
+          id: u,
           ref_key: "panel",
           ref: a,
           class: "vf-tooltip",
@@ -2671,18 +2671,18 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
           "data-placement": i.value
         }, [
           B("span", da, [
-            F(p.$slots, "content", {}, () => [
-              X(R(p.text), 1)
+            S(p.$slots, "content", {}, () => [
+              j(R(p.text), 1)
             ])
           ]),
-          p.arrow ? (m(), _("span", ca)) : P("", !0)
+          p.arrow ? (b(), _("span", ca)) : P("", !0)
         ], 8, ia), [
           [pe, d.value]
         ])
       ]))
     ], 64));
   }
-}), Hr = /* @__PURE__ */ G({
+}), Ur = /* @__PURE__ */ Y({
   __name: "skeleton",
   props: {
     width: {},
@@ -2695,15 +2695,15 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       if (!(d == null || d === ""))
         return typeof d == "number" ? `${d}px` : d;
     }, o = y(() => {
-      const d = r(e.width), i = r(e.height), c = {};
-      return d && (c.width = d), i && (c.height = i), e.variant === "circle" && (!d && i && (c.width = i), !i && d && (c.height = d)), c;
+      const d = r(e.width), i = r(e.height), u = {};
+      return d && (u.width = d), i && (u.height = i), e.variant === "circle" && (!d && i && (u.width = i), !i && d && (u.height = d)), u;
     }), a = y(() => {
       const d = ["vf-skeleton", `vf-skeleton_${e.variant}`];
       return e.animated && d.push("vf-skeleton_animated"), d;
     });
-    return (d, i) => (m(), _("div", {
-      class: T(a.value),
-      style: Fe(o.value),
+    return (d, i) => (b(), _("div", {
+      class: L(a.value),
+      style: Se(o.value),
       "aria-hidden": "true"
     }, null, 6));
   }
@@ -2717,10 +2717,10 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   viewBox: "0 0 100 100",
   class: "vf-progress__svg",
   "aria-hidden": "true"
-}, ba = {
+}, ga = {
   key: 2,
   class: "vf-progress__label"
-}, Kr = /* @__PURE__ */ G({
+}, Zr = /* @__PURE__ */ Y({
   __name: "progress",
   props: {
     value: {},
@@ -2732,26 +2732,26 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     ariaLabel: { default: "" }
   },
   setup(t) {
-    const e = t, r = He(), o = (p) => Math.min(100, Math.max(0, p)), a = y(() => e.value === void 0 || e.value === null || Number.isNaN(e.value)), d = y(() => a.value ? 0 : o(Number(e.value))), i = y(() => a.value ? void 0 : d.value), c = y(() => !!r.default), l = y(() => e.label ? e.label : e.showValue && !a.value ? `${Math.round(d.value)}%` : ""), u = y(() => {
+    const e = t, r = He(), o = (p) => Math.min(100, Math.max(0, p)), a = y(() => e.value === void 0 || e.value === null || Number.isNaN(e.value)), d = y(() => a.value ? 0 : o(Number(e.value))), i = y(() => a.value ? void 0 : d.value), u = y(() => !!r.default), l = y(() => e.label ? e.label : e.showValue && !a.value ? `${Math.round(d.value)}%` : ""), c = y(() => {
       const p = ["vf-progress", `vf-progress_${e.variant}`, `vf-progress_size-${e.size}`];
       return a.value && p.push("vf-progress_indeterminate"), p;
-    }), s = y(() => {
+    }), n = y(() => {
       if (!a.value)
         return { width: `${d.value}%` };
-    }), n = 2 * Math.PI * 45, f = y(() => {
+    }), s = 2 * Math.PI * 45, f = y(() => {
       if (a.value)
         return {
-          strokeDasharray: `${n}px`,
-          strokeDashoffset: `${n * 0.75}px`
+          strokeDasharray: `${s}px`,
+          strokeDashoffset: `${s * 0.75}px`
         };
-      const p = n - d.value / 100 * n;
+      const p = s - d.value / 100 * s;
       return {
-        strokeDasharray: `${n}px`,
+        strokeDasharray: `${s}px`,
         strokeDashoffset: `${p}px`
       };
     });
-    return (p, v) => (m(), _("div", {
-      class: T(u.value),
+    return (p, v) => (b(), _("div", {
+      class: L(c.value),
       role: "progressbar",
       "aria-label": p.ariaLabel || void 0,
       "aria-valuemin": "0",
@@ -2759,13 +2759,13 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
       "aria-valuenow": i.value,
       "data-severity": p.severity
     }, [
-      p.variant === "linear" ? (m(), _("div", va, [
+      p.variant === "linear" ? (b(), _("div", va, [
         B("div", {
           class: "vf-progress__bar",
-          style: Fe(s.value)
+          style: Se(n.value)
         }, null, 4)
-      ])) : (m(), _("div", fa, [
-        (m(), _("svg", pa, [
+      ])) : (b(), _("div", fa, [
+        (b(), _("svg", pa, [
           v[0] || (v[0] = B("circle", {
             class: "vf-progress__circle-track",
             cx: "50",
@@ -2777,30 +2777,111 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
             cx: "50",
             cy: "50",
             r: "45",
-            style: Fe(f.value)
+            style: Se(f.value)
           }, null, 4)
         ]))
       ])),
-      l.value || c.value ? (m(), _("span", ba, [
-        F(p.$slots, "default", {}, () => [
-          X(R(l.value), 1)
+      l.value || u.value ? (b(), _("span", ga, [
+        S(p.$slots, "default", {}, () => [
+          j(R(l.value), 1)
         ])
       ])) : P("", !0)
     ], 10, ua));
   }
-}), ga = ["aria-label"], ma = {
+}), ba = ["data-variant", "data-severity", "aria-label"], Jr = /* @__PURE__ */ Y({
+  __name: "badge",
+  props: {
+    label: { default: "" },
+    size: { default: "normal" },
+    variant: { default: "soft" },
+    severity: { default: "neutral" },
+    ariaLabel: { default: "" }
+  },
+  setup(t) {
+    const e = t, r = y(() => [`vf-badge_size-${e.size}`]);
+    return (o, a) => (b(), _("span", {
+      class: L(["vf-badge", r.value]),
+      "data-variant": o.variant,
+      "data-severity": o.severity,
+      role: "status",
+      "aria-label": o.ariaLabel || void 0
+    }, [
+      S(o.$slots, "default", {}, () => [
+        j(R(o.label), 1)
+      ])
+    ], 10, ba));
+  }
+}), ma = ["data-status", "aria-label"], ha = { class: "vf-avatar__content" }, ya = ["src", "alt"], _a = {
+  key: 1,
+  class: "vf-avatar__initials"
+}, Ca = ["data-status"], Qr = /* @__PURE__ */ Y({
+  __name: "avatar",
+  props: {
+    src: { default: "" },
+    alt: { default: "" },
+    name: { default: "" },
+    size: { default: "normal" },
+    shape: { default: "circle" },
+    status: { default: void 0 }
+  },
+  setup(t) {
+    const e = t, r = O(!1), o = (c) => {
+      const n = c.trim();
+      if (!n)
+        return "";
+      const s = n.split(/\s+/).filter(Boolean);
+      return s.length === 1 ? s[0].slice(0, 2).toUpperCase() : `${s[0][0]}${s[1][0]}`.toUpperCase();
+    }, a = y(() => o(e.name || e.alt || "")), d = y(() => !!(e.src && !r.value)), i = y(() => {
+      if (e.alt)
+        return e.alt;
+      if (e.name)
+        return e.name;
+    }), u = y(() => [`vf-avatar_size-${e.size}`, `vf-avatar_shape-${e.shape}`]), l = () => {
+      r.value = !0;
+    };
+    return Q(
+      () => e.src,
+      () => {
+        r.value = !1;
+      }
+    ), (c, n) => (b(), _("div", {
+      class: L(["vf-avatar", u.value]),
+      "data-status": c.status || void 0,
+      role: "img",
+      "aria-label": i.value
+    }, [
+      B("div", ha, [
+        S(c.$slots, "default", {}, () => [
+          d.value ? (b(), _("img", {
+            key: 0,
+            class: "vf-avatar__image",
+            src: c.src,
+            alt: c.alt || c.name || "",
+            onError: l
+          }, null, 40, ya)) : (b(), _("span", _a, R(a.value), 1))
+        ])
+      ]),
+      c.status ? (b(), _("span", {
+        key: 0,
+        class: "vf-avatar__status",
+        "data-status": c.status,
+        "aria-hidden": "true"
+      }, null, 8, Ca)) : P("", !0)
+    ], 10, ma));
+  }
+}), ka = ["aria-label"], $a = {
   key: 0,
   class: "vf-datatable__head"
-}, ha = { class: "vf-datatable__row" }, ya = ["aria-sort"], _a = ["onClick"], ka = { class: "vf-datatable__header-text" }, Ca = {
+}, wa = { class: "vf-datatable__row" }, xa = ["aria-sort"], za = ["onClick"], Ba = { class: "vf-datatable__header-text" }, Sa = {
   key: 1,
   class: "vf-datatable__header-text"
-}, $a = { class: "vf-datatable__body" }, wa = {
+}, Fa = { class: "vf-datatable__body" }, Va = {
   key: 0,
   class: "vf-datatable__row vf-datatable__row_state"
-}, xa = ["colspan"], za = {
+}, Ta = ["colspan"], La = {
   key: 1,
   class: "vf-datatable__row vf-datatable__row_state"
-}, Ba = ["colspan"], Fa = ["onClick"], Nr = /* @__PURE__ */ G({
+}, Ra = ["colspan"], Pa = ["onClick"], el = /* @__PURE__ */ Y({
   __name: "data-table",
   props: {
     rows: { default: () => [] },
@@ -2822,153 +2903,153 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   emits: ["update:sortField", "update:sortOrder", "sort", "rowClick"],
   setup(t, { emit: e }) {
     const r = t, o = e, a = O(r.sortField ?? null), d = O(r.sortOrder ?? null);
-    ee(
+    Q(
       () => r.sortField,
-      (b) => {
-        a.value = b ?? null;
+      (g) => {
+        a.value = g ?? null;
       }
-    ), ee(
+    ), Q(
       () => r.sortOrder,
-      (b) => {
-        d.value = b ?? null;
+      (g) => {
+        d.value = g ?? null;
       }
     );
-    const i = y(() => a.value), c = y(() => d.value), l = y(() => Math.max(1, r.columns.length)), u = (b) => b.sortable === !1 ? !1 : b.sortable === !0 ? !0 : r.sortable, s = (b, h) => b == null && h == null ? 0 : b == null ? -1 : h == null ? 1 : typeof b == "number" && typeof h == "number" ? b - h : String(b).localeCompare(String(h)), n = y(() => {
-      const b = r.rows ?? [], h = i.value, C = c.value;
-      return !h || !C ? b : [...b].sort((W, A) => {
-        const q = W == null ? void 0 : W[h], te = A == null ? void 0 : A[h], j = s(q, te);
-        return C === "asc" ? j : -j;
+    const i = y(() => a.value), u = y(() => d.value), l = y(() => Math.max(1, r.columns.length)), c = (g) => g.sortable === !1 ? !1 : g.sortable === !0 ? !0 : r.sortable, n = (g, h) => g == null && h == null ? 0 : g == null ? -1 : h == null ? 1 : typeof g == "number" && typeof h == "number" ? g - h : String(g).localeCompare(String(h)), s = y(() => {
+      const g = r.rows ?? [], h = i.value, k = u.value;
+      return !h || !k ? g : [...g].sort((W, A) => {
+        const q = W == null ? void 0 : W[h], te = A == null ? void 0 : A[h], X = n(q, te);
+        return k === "asc" ? X : -X;
       });
     }), f = y(() => {
-      const b = ["vf-datatable", `vf-datatable_${r.variant}`];
-      return r.size !== "normal" && b.push(`vf-datatable_${r.size}`), r.striped && b.push("vf-datatable_striped"), r.hover && b.push("vf-datatable_hover"), b;
-    }), p = (b, h) => {
+      const g = ["vf-datatable", `vf-datatable_${r.variant}`];
+      return r.size !== "normal" && g.push(`vf-datatable_${r.size}`), r.striped && g.push("vf-datatable_striped"), r.hover && g.push("vf-datatable_hover"), g;
+    }), p = (g, h) => {
       if (typeof r.rowKey == "function")
-        return r.rowKey(b, h);
+        return r.rowKey(g, h);
       if (r.rowKey && typeof r.rowKey == "string") {
-        const C = b == null ? void 0 : b[r.rowKey];
-        return typeof C == "string" || typeof C == "number" ? C : h;
+        const k = g == null ? void 0 : g[r.rowKey];
+        return typeof k == "string" || typeof k == "number" ? k : h;
       }
       return h;
-    }, v = (b, h) => b == null ? void 0 : b[h.field], $ = (b, h) => {
-      const C = v(b, h);
-      return h.formatter ? h.formatter(b, C, h) : C ?? "";
-    }, k = (b) => {
-      if (!u(b))
+    }, v = (g, h) => g == null ? void 0 : g[h.field], $ = (g, h) => {
+      const k = v(g, h);
+      return h.formatter ? h.formatter(g, k, h) : k ?? "";
+    }, C = (g) => {
+      if (!c(g))
         return;
-      let h = b.field, C = "asc";
-      i.value === b.field && (c.value === "asc" ? C = "desc" : c.value === "desc" ? (h = null, C = null) : C = "asc"), a.value = h, d.value = C, o("update:sortField", h), o("update:sortOrder", C), o("sort", h, C);
-    }, w = (b) => i.value !== b.field ? "↕" : c.value === "asc" ? "↑" : "↓", D = (b) => i.value !== b.field ? "" : "is-active", L = (b) => {
-      if (u(b))
-        return i.value !== b.field ? "none" : c.value === "asc" ? "ascending" : "descending";
-    }, H = (b) => {
+      let h = g.field, k = "asc";
+      i.value === g.field && (u.value === "asc" ? k = "desc" : u.value === "desc" ? (h = null, k = null) : k = "asc"), a.value = h, d.value = k, o("update:sortField", h), o("update:sortOrder", k), o("sort", h, k);
+    }, w = (g) => i.value !== g.field ? "↕" : u.value === "asc" ? "↑" : "↓", D = (g) => i.value !== g.field ? "" : "is-active", T = (g) => {
+      if (c(g))
+        return i.value !== g.field ? "none" : u.value === "asc" ? "ascending" : "descending";
+    }, H = (g) => {
       const h = [];
-      return r.striped && b % 2 === 1 && h.push("vf-datatable__row_striped"), h;
-    }, I = (b) => {
+      return r.striped && g % 2 === 1 && h.push("vf-datatable__row_striped"), h;
+    }, I = (g) => {
       const h = [];
-      return b.align && h.push(`vf-datatable__cell_${b.align}`), u(b) && h.push("vf-datatable__header_sortable"), h;
-    }, M = (b) => {
+      return g.align && h.push(`vf-datatable__cell_${g.align}`), c(g) && h.push("vf-datatable__header_sortable"), h;
+    }, M = (g) => {
       const h = [];
-      return b.align && h.push(`vf-datatable__cell_${b.align}`), h;
-    }, E = (b) => {
+      return g.align && h.push(`vf-datatable__cell_${g.align}`), h;
+    }, E = (g) => {
       const h = {};
-      return b.width && (h.width = b.width), b.minWidth && (h.minWidth = b.minWidth), h;
-    }, S = (b, h, C) => {
-      o("rowClick", b, h, C);
+      return g.width && (h.width = g.width), g.minWidth && (h.minWidth = g.minWidth), h;
+    }, F = (g, h, k) => {
+      o("rowClick", g, h, k);
     };
-    return (b, h) => (m(), _("div", {
-      class: T(f.value)
+    return (g, h) => (b(), _("div", {
+      class: L(f.value)
     }, [
       B("table", {
         class: "vf-datatable__table",
-        "aria-label": b.ariaLabel
+        "aria-label": g.ariaLabel
       }, [
-        b.showHeader ? (m(), _("thead", ma, [
-          B("tr", ha, [
-            (m(!0), _(ae, null, ve(b.columns, (C) => (m(), _("th", {
-              key: C.field,
-              class: T(["vf-datatable__header", I(C)]),
-              style: Fe(E(C)),
-              "aria-sort": L(C),
+        g.showHeader ? (b(), _("thead", $a, [
+          B("tr", wa, [
+            (b(!0), _(ae, null, ve(g.columns, (k) => (b(), _("th", {
+              key: k.field,
+              class: L(["vf-datatable__header", I(k)]),
+              style: Se(E(k)),
+              "aria-sort": T(k),
               scope: "col"
             }, [
-              u(C) ? (m(), _("button", {
+              c(k) ? (b(), _("button", {
                 key: 0,
                 type: "button",
                 class: "vf-datatable__sort-button",
-                onClick: (W) => k(C)
+                onClick: (W) => C(k)
               }, [
-                B("span", ka, [
-                  b.$slots[`header-${C.field}`] ? F(b.$slots, `header-${C.field}`, {
+                B("span", Ba, [
+                  g.$slots[`header-${k.field}`] ? S(g.$slots, `header-${k.field}`, {
                     key: 0,
-                    column: C
-                  }) : (m(), _(ae, { key: 1 }, [
-                    X(R(C.header ?? C.field), 1)
+                    column: k
+                  }) : (b(), _(ae, { key: 1 }, [
+                    j(R(k.header ?? k.field), 1)
                   ], 64))
                 ]),
                 B("span", {
-                  class: T(["vf-datatable__sort-icon", D(C)])
-                }, R(w(C)), 3)
-              ], 8, _a)) : (m(), _("span", Ca, [
-                b.$slots[`header-${C.field}`] ? F(b.$slots, `header-${C.field}`, {
+                  class: L(["vf-datatable__sort-icon", D(k)])
+                }, R(w(k)), 3)
+              ], 8, za)) : (b(), _("span", Sa, [
+                g.$slots[`header-${k.field}`] ? S(g.$slots, `header-${k.field}`, {
                   key: 0,
-                  column: C
-                }) : (m(), _(ae, { key: 1 }, [
-                  X(R(C.header ?? C.field), 1)
+                  column: k
+                }) : (b(), _(ae, { key: 1 }, [
+                  j(R(k.header ?? k.field), 1)
                 ], 64))
               ]))
-            ], 14, ya))), 128))
+            ], 14, xa))), 128))
           ])
         ])) : P("", !0),
-        B("tbody", $a, [
-          b.loading ? (m(), _("tr", wa, [
+        B("tbody", Fa, [
+          g.loading ? (b(), _("tr", Va, [
             B("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: l.value
             }, [
-              F(b.$slots, "loading", {}, () => [
-                X(R(b.loadingText), 1)
+              S(g.$slots, "loading", {}, () => [
+                j(R(g.loadingText), 1)
               ])
-            ], 8, xa)
-          ])) : n.value.length ? (m(!0), _(ae, { key: 2 }, ve(n.value, (C, W) => (m(), _("tr", {
-            key: p(C, W),
-            class: T(["vf-datatable__row", H(W)]),
-            onClick: (A) => S(C, W, A)
+            ], 8, Ta)
+          ])) : s.value.length ? (b(!0), _(ae, { key: 2 }, ve(s.value, (k, W) => (b(), _("tr", {
+            key: p(k, W),
+            class: L(["vf-datatable__row", H(W)]),
+            onClick: (A) => F(k, W, A)
           }, [
-            (m(!0), _(ae, null, ve(b.columns, (A) => (m(), _("td", {
+            (b(!0), _(ae, null, ve(g.columns, (A) => (b(), _("td", {
               key: A.field,
-              class: T(["vf-datatable__cell", M(A)]),
-              style: Fe(E(A))
+              class: L(["vf-datatable__cell", M(A)]),
+              style: Se(E(A))
             }, [
-              b.$slots[`cell-${A.field}`] ? F(b.$slots, `cell-${A.field}`, {
+              g.$slots[`cell-${A.field}`] ? S(g.$slots, `cell-${A.field}`, {
                 key: 0,
-                row: C,
+                row: k,
                 column: A,
-                value: v(C, A),
+                value: v(k, A),
                 index: W
-              }) : (m(), _(ae, { key: 1 }, [
-                X(R($(C, A)), 1)
+              }) : (b(), _(ae, { key: 1 }, [
+                j(R($(k, A)), 1)
               ], 64))
             ], 6))), 128))
-          ], 10, Fa))), 128)) : (m(), _("tr", za, [
+          ], 10, Pa))), 128)) : (b(), _("tr", La, [
             B("td", {
               class: "vf-datatable__cell vf-datatable__cell_state",
               colspan: l.value
             }, [
-              F(b.$slots, "empty", {}, () => [
-                X(R(b.emptyText), 1)
+              S(g.$slots, "empty", {}, () => [
+                j(R(g.emptyText), 1)
               ])
-            ], 8, Ba)
+            ], 8, Ra)
           ]))
         ])
-      ], 8, ga)
+      ], 8, ka)
     ], 2));
   }
-}), Sa = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Va = (t) => {
+}), Ia = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Ma = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, La = (t) => t.filter((e) => !Sa.includes(e)).map((e) => Va(e)).join("-").toLowerCase(), Ee = (t) => t.join("."), Ta = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ge = (t) => {
-  if (!Ta(t))
+}, Oa = (t) => t.filter((e) => !Ia.includes(e)).map((e) => Ma(e)).join("-").toLowerCase(), Ee = (t) => t.join("."), Da = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ye = (t) => {
+  if (!Da(t))
     return null;
   if (t.length === 4) {
     const e = t[1], r = t[2], o = t[3];
@@ -2976,7 +3057,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
   }
   return t.toLowerCase();
 }, lt = (t) => {
-  const e = Ge(t);
+  const e = Ye(t);
   if (!e)
     return [0, 0, 0];
   const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, d = r & 255;
@@ -2984,50 +3065,50 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
 }, qe = (t) => {
   const [e, r, o] = lt(t);
   return `${e}, ${r}, ${o}`;
-}, Ra = (t, e, r) => {
-  const o = t / 255, a = e / 255, d = r / 255, i = Math.max(o, a, d), c = Math.min(o, a, d), l = i - c;
-  let u = 0, s = 0;
-  const n = (i + c) / 2;
+}, Wa = (t, e, r) => {
+  const o = t / 255, a = e / 255, d = r / 255, i = Math.max(o, a, d), u = Math.min(o, a, d), l = i - u;
+  let c = 0, n = 0;
+  const s = (i + u) / 2;
   if (l !== 0) {
-    switch (s = l / (1 - Math.abs(2 * n - 1)), i) {
+    switch (n = l / (1 - Math.abs(2 * s - 1)), i) {
       case o:
-        u = (a - d) / l % 6;
+        c = (a - d) / l % 6;
         break;
       case a:
-        u = (d - o) / l + 2;
+        c = (d - o) / l + 2;
         break;
       case d:
-        u = (o - a) / l + 4;
+        c = (o - a) / l + 4;
         break;
     }
-    u *= 60, u < 0 && (u += 360);
-  }
-  return [u, s * 100, n * 100];
-}, Pa = (t, e, r) => {
-  const o = e / 100, a = r / 100, d = (1 - Math.abs(2 * a - 1)) * o, i = d * (1 - Math.abs(t / 60 % 2 - 1)), c = a - d / 2;
-  let l = 0, u = 0, s = 0;
-  t >= 0 && t < 60 ? (l = d, u = i, s = 0) : t >= 60 && t < 120 ? (l = i, u = d, s = 0) : t >= 120 && t < 180 ? (l = 0, u = d, s = i) : t >= 180 && t < 240 ? (l = 0, u = i, s = d) : t >= 240 && t < 300 ? (l = i, u = 0, s = d) : (l = d, u = 0, s = i);
-  const n = Math.round((l + c) * 255), f = Math.round((u + c) * 255), p = Math.round((s + c) * 255);
-  return [n, f, p];
-}, Ia = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Ma = (t, e, r) => Math.min(r, Math.max(e, t)), Da = (t, e) => {
-  const r = Ge(t);
+    c *= 60, c < 0 && (c += 360);
+  }
+  return [c, n * 100, s * 100];
+}, Aa = (t, e, r) => {
+  const o = e / 100, a = r / 100, d = (1 - Math.abs(2 * a - 1)) * o, i = d * (1 - Math.abs(t / 60 % 2 - 1)), u = a - d / 2;
+  let l = 0, c = 0, n = 0;
+  t >= 0 && t < 60 ? (l = d, c = i, n = 0) : t >= 60 && t < 120 ? (l = i, c = d, n = 0) : t >= 120 && t < 180 ? (l = 0, c = d, n = i) : t >= 180 && t < 240 ? (l = 0, c = i, n = d) : t >= 240 && t < 300 ? (l = i, c = 0, n = d) : (l = d, c = 0, n = i);
+  const s = Math.round((l + u) * 255), f = Math.round((c + u) * 255), p = Math.round((n + u) * 255);
+  return [s, f, p];
+}, Ea = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Ha = (t, e, r) => Math.min(r, Math.max(e, t)), Ka = (t, e) => {
+  const r = Ye(t);
   if (!r)
     return t;
-  const [o, a, d] = lt(r), [i, c, l] = Ra(o, a, d), s = (e - 5) * 7, n = Ma(l + s, 0, 100), [f, p, v] = Pa(i, c, n);
-  return Ia(f, p, v);
-}, De = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ye = (t, e) => {
+  const [o, a, d] = lt(r), [i, u, l] = Wa(o, a, d), n = (e - 5) * 7, s = Ha(l + n, 0, 100), [f, p, v] = Aa(i, u, s);
+  return Ea(f, p, v);
+}, Oe = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ge = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
     const a = e[o], d = t[o];
-    De(d) && De(a) ? r[o] = Ye(d, a) : r[o] = a;
+    Oe(d) && Oe(a) ? r[o] = Ge(d, a) : r[o] = a;
   }
   return r;
-}, Oa = (t) => {
+}, Na = (t) => {
   if (!t)
     return null;
-  if (De(t) && "preset" in t) {
+  if (Oe(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -3038,42 +3119,42 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     };
   }
   return { preset: t };
-}, Wa = (t) => {
-  const e = [], r = [], o = [], a = [], d = (l) => o.push(l), i = (l) => a.push(l), c = (l, u) => {
+}, Ya = (t) => {
+  const e = [], r = [], o = [], a = [], d = (l) => o.push(l), i = (l) => a.push(l), u = (l, c) => {
     if (!(!l || typeof l != "object"))
-      for (const s in l) {
-        const n = l[s], f = u.concat([s]);
-        if (De(n)) {
-          c(n, f);
+      for (const n in l) {
+        const s = l[n], f = c.concat([n]);
+        if (Oe(s)) {
+          u(s, f);
           continue;
         }
-        if (n && typeof n == "object") {
+        if (s && typeof s == "object") {
           i(`Theme value "${Ee(f)}" is not a plain object or string and will be ignored.`);
           continue;
         }
-        if (typeof n != "string") {
+        if (typeof s != "string") {
           i(`Theme value "${Ee(f)}" is not a string and will be ignored.`);
           continue;
         }
-        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, $ = La(f);
-        if (v.push(`--vf-${$}: ${n}`), f.includes("colors")) {
-          const k = Ge(n);
-          if (!k) {
+        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, $ = Oa(f);
+        if (v.push(`--vf-${$}: ${s}`), f.includes("colors")) {
+          const C = Ye(s);
+          if (!C) {
             d(
               `Theme color "${Ee(f)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (v.push(`--vf-${$}-rgb: ${qe(k)}`), s !== "white")
+          if (v.push(`--vf-${$}-rgb: ${qe(C)}`), n !== "white")
             for (let w = 1; w < 10; ++w) {
-              const D = Da(k, w);
+              const D = Ka(C, w);
               v.push(`--vf-${$}-${w}00: ${D}`), v.push(`--vf-${$}-${w}00-rgb: ${qe(D)}`);
             }
         }
       }
   };
-  return c(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
-}, Aa = (t) => {
+  return u(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
+}, Ga = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -3081,46 +3162,46 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", he
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, Ea = (t) => ({
+}, ja = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), Ha = (t, e, r, o) => {
-  const { baseVars: a, darkVars: d, warnings: i, errors: c } = Wa(t), l = Aa("vueforge-theme");
+}), Xa = (t, e, r, o) => {
+  const { baseVars: a, darkVars: d, warnings: i, errors: u } = Ya(t), l = Ga("vueforge-theme");
   if (!l)
     return;
-  if (c.length) {
+  if (u.length) {
     if (o)
-      throw new Error(`[VueForge] ${c.join(" ")}`);
-    for (const s of c)
-      console.warn(`[VueForge] ${s}`);
+      throw new Error(`[VueForge] ${u.join(" ")}`);
+    for (const n of u)
+      console.warn(`[VueForge] ${n}`);
   }
   if (i.length)
-    for (const s of i)
-      console.warn(`[VueForge] ${s}`);
-  const u = [];
-  a.length && u.push(`${e} { ${a.join(";")} }`), d.length && u.push(`${r} { ${d.join(";")} }`), l.textContent = u.join(`
+    for (const n of i)
+      console.warn(`[VueForge] ${n}`);
+  const c = [];
+  a.length && c.push(`${e} { ${a.join(";")} }`), d.length && c.push(`${r} { ${d.join(";")} }`), l.textContent = c.join(`
 `);
 };
 let me = null;
-const nt = (t) => {
-  const e = Oa(t);
+const st = (t) => {
+  const e = Na(t);
   if (!e)
     return;
-  const r = Ye(e.preset, e.overrides), { selector: o, darkSelector: a } = Ea(e);
-  me = { ...e }, Ha(r, o, a, e.strict);
-}, Gr = (t) => {
+  const r = Ge(e.preset, e.overrides), { selector: o, darkSelector: a } = ja(e);
+  me = { ...e }, Xa(r, o, a, e.strict);
+}, tl = (t) => {
   if (!me)
     return;
-  const e = t.overrides === void 0 ? me.overrides : Ye(me.overrides ?? {}, t.overrides ?? {}), r = {
+  const e = t.overrides === void 0 ? me.overrides : Ge(me.overrides ?? {}, t.overrides ?? {}), r = {
     preset: t.preset ?? me.preset,
     overrides: e,
     selector: t.selector ?? me.selector,
     darkSelector: t.darkSelector ?? me.darkSelector
   };
-  nt(r);
-}, Yr = () => me ? { ...me } : null, jr = {
+  st(r);
+}, ol = () => me ? { ...me } : null, al = {
   install(t, e = {}) {
-    e.theme && nt(e.theme);
+    e.theme && st(e.theme);
   }
 }, Ue = {
   colors: {
@@ -3185,7 +3266,7 @@ const nt = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, Ka = {
+}, qa = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -3327,11 +3408,11 @@ const nt = (t) => {
       }
     }
   }
-}, Na = {
+}, Ua = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, Ga = {
+}, Za = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3352,7 +3433,7 @@ const nt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Ya = {
+}, Ja = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -3372,7 +3453,7 @@ const nt = (t) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, ja = {
+}, Qa = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3395,10 +3476,10 @@ const nt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Xa = {
+}, er = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, qa = {
+}, tr = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -3418,7 +3499,7 @@ const nt = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Ua = {
+}, or = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -3445,9 +3526,9 @@ const nt = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, Za = {
+}, ar = {
   backgroundColor: "var(--vf-bg-color)"
-}, Ja = {
+}, rr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3480,7 +3561,7 @@ const nt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Qa = {
+}, lr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3519,7 +3600,7 @@ const nt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, er = {
+}, sr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3564,7 +3645,7 @@ const nt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, tr = {
+}, nr = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3614,7 +3695,7 @@ const nt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, or = {
+}, ir = {
   gap: "0.4rem",
   itemMinWidth: "2rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -3639,7 +3720,7 @@ const nt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     padding: "0.45rem 0.8rem"
   }
-}, ar = {
+}, dr = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -3651,7 +3732,7 @@ const nt = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, rr = {
+}, cr = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -3665,7 +3746,7 @@ const nt = (t) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, lr = {
+}, ur = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -3677,7 +3758,7 @@ const nt = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, nr = {
+}, vr = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -3698,7 +3779,7 @@ const nt = (t) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, sr = {
+}, fr = {
   gap: "0.75rem",
   borderRadius: "var(--vf-radii-md)",
   borderColor: "var(--vf-border-color)",
@@ -3729,7 +3810,7 @@ const nt = (t) => {
     headerFontSize: "1rem",
     contentPadding: "0.9rem 1.1rem"
   }
-}, ir = {
+}, pr = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -3740,7 +3821,7 @@ const nt = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, dr = {
+}, gr = {
   width: "100%",
   height: "1rem",
   lineHeight: "0.9rem",
@@ -3748,7 +3829,7 @@ const nt = (t) => {
   backgroundColor: "var(--vf-gutter-color)",
   shimmerColor: "var(--vf-bg-color)",
   animationDuration: "2s"
-}, cr = {
+}, br = {
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)",
   backgroundColor: "var(--vf-bg-color)",
@@ -3779,7 +3860,7 @@ const nt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     cellPadding: "0.75rem 0.9rem"
   }
-}, ur = {
+}, mr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -3818,7 +3899,7 @@ const nt = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, vr = {
+}, hr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -3856,7 +3937,7 @@ const nt = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, fr = {
+}, yr = {
   width: "100%",
   height: "0.5rem",
   borderRadius: "999px",
@@ -3892,71 +3973,166 @@ const nt = (t) => {
     circularSize: "3.25rem",
     circularThickness: "7"
   }
-}, Xr = {
+}, _r = {
+  fontSize: "0.75rem",
+  lineHeight: "1",
+  paddingX: "0.5rem",
+  paddingY: "0.2rem",
+  borderRadius: "999px",
+  gap: "0.35rem",
+  backgroundColor: "var(--vf-gutter-color)",
+  textColor: "var(--vf-secondary-text-color)",
+  borderColor: "var(--vf-gutter-color)",
+  softBackgroundColor: "rgba(var(--vf-gray-500-rgb), 0.16)",
+  softTextColor: "var(--vf-secondary-text-color)",
+  softBorderColor: "rgba(var(--vf-gray-500-rgb), 0.18)",
+  outlineTextColor: "var(--vf-secondary-text-color)",
+  outlineBorderColor: "rgba(var(--vf-gray-500-rgb), 0.35)",
+  info: {
+    backgroundColor: "var(--vf-sky-600)",
+    textColor: "var(--vf-white)",
+    borderColor: "var(--vf-sky-600)",
+    softBackgroundColor: "rgba(var(--vf-sky-500-rgb), 0.18)",
+    softTextColor: "var(--vf-sky-700)",
+    softBorderColor: "rgba(var(--vf-sky-500-rgb), 0.3)",
+    outlineTextColor: "var(--vf-sky-600)",
+    outlineBorderColor: "rgba(var(--vf-sky-600-rgb), 0.45)"
+  },
+  success: {
+    backgroundColor: "var(--vf-green-600)",
+    textColor: "var(--vf-white)",
+    borderColor: "var(--vf-green-600)",
+    softBackgroundColor: "rgba(var(--vf-green-500-rgb), 0.2)",
+    softTextColor: "var(--vf-green-700)",
+    softBorderColor: "rgba(var(--vf-green-500-rgb), 0.32)",
+    outlineTextColor: "var(--vf-green-600)",
+    outlineBorderColor: "rgba(var(--vf-green-600-rgb), 0.45)"
+  },
+  warn: {
+    backgroundColor: "var(--vf-yellow-600)",
+    textColor: "rgba(0, 0, 0, 0.82)",
+    borderColor: "var(--vf-yellow-600)",
+    softBackgroundColor: "rgba(var(--vf-yellow-500-rgb), 0.22)",
+    softTextColor: "rgba(0, 0, 0, 0.78)",
+    softBorderColor: "rgba(var(--vf-yellow-500-rgb), 0.4)",
+    outlineTextColor: "var(--vf-yellow-700)",
+    outlineBorderColor: "rgba(var(--vf-yellow-600-rgb), 0.55)"
+  },
+  danger: {
+    backgroundColor: "var(--vf-red-600)",
+    textColor: "var(--vf-white)",
+    borderColor: "var(--vf-red-600)",
+    softBackgroundColor: "rgba(var(--vf-red-500-rgb), 0.2)",
+    softTextColor: "var(--vf-red-700)",
+    softBorderColor: "rgba(var(--vf-red-500-rgb), 0.32)",
+    outlineTextColor: "var(--vf-red-600)",
+    outlineBorderColor: "rgba(var(--vf-red-600-rgb), 0.45)"
+  },
+  small: {
+    fontSize: "0.6875rem",
+    paddingX: "0.4rem",
+    paddingY: "0.15rem"
+  },
+  large: {
+    fontSize: "0.875rem",
+    paddingX: "0.65rem",
+    paddingY: "0.3rem"
+  }
+}, Cr = {
+  size: "2.5rem",
+  fontSize: "0.9rem",
+  fontWeight: "600",
+  backgroundColor: "var(--vf-gutter-color)",
+  textColor: "var(--vf-secondary-text-color)",
+  borderColor: "rgba(var(--vf-gray-500-rgb), 0.2)",
+  borderWidth: "1px",
+  borderRadius: "var(--vf-radii-md)",
+  statusSize: "0.6rem",
+  statusBorderWidth: "2px",
+  statusBorderColor: "var(--vf-bg-color)",
+  statusOnlineColor: "var(--vf-green-500)",
+  statusOfflineColor: "var(--vf-gray-400)",
+  statusBusyColor: "var(--vf-red-500)",
+  statusAwayColor: "var(--vf-yellow-500)",
+  small: {
+    size: "2rem",
+    fontSize: "0.75rem",
+    statusSize: "0.5rem"
+  },
+  large: {
+    size: "3rem",
+    fontSize: "1rem",
+    statusSize: "0.75rem"
+  }
+}, rl = {
   ...Ue,
   components: {
     base: Ue,
-    button: Ka,
-    card: Na,
-    input: Ga,
-    formField: Ya,
-    textarea: ja,
-    link: Xa,
-    menu: qa,
-    modal: Ua,
-    popover: Za,
-    select: Ja,
-    autocomplete: Qa,
-    multiselect: er,
-    datepicker: tr,
-    pagination: or,
-    checkbox: ar,
-    radio: rr,
-    switch: lr,
-    tabs: nr,
-    accordion: sr,
-    tooltip: ir,
-    skeleton: dr,
-    datatable: cr,
-    toast: ur,
-    alert: vr,
-    progress: fr
+    button: qa,
+    card: Ua,
+    input: Za,
+    formField: Ja,
+    textarea: Qa,
+    link: er,
+    menu: tr,
+    modal: or,
+    popover: ar,
+    select: rr,
+    autocomplete: lr,
+    multiselect: sr,
+    datepicker: nr,
+    pagination: ir,
+    checkbox: dr,
+    radio: cr,
+    switch: ur,
+    tabs: vr,
+    accordion: fr,
+    tooltip: pr,
+    skeleton: gr,
+    datatable: br,
+    toast: mr,
+    alert: hr,
+    progress: yr,
+    badge: _r,
+    avatar: Cr
   }
 };
 export {
-  Rr as Accordion,
-  Pr as AccordionItem,
-  Dr as Alert,
-  $r as Autocomplete,
-  hr as Button,
+  Er as Accordion,
+  Hr as AccordionItem,
+  Yr as Alert,
+  Tr as Autocomplete,
+  Qr as Avatar,
+  Jr as Badge,
+  zr as Button,
   _t as Card,
-  Br as Checkbox,
-  Nr as DataTable,
-  xr as DatePicker,
-  Xr as DefaultTheme,
-  _r as FormField,
-  yr as Input,
+  Ir as Checkbox,
+  el as DataTable,
+  Rr as DatePicker,
+  rl as DefaultTheme,
+  Sr as FormField,
+  Br as Input,
   Qe as Link,
-  mr as Menu,
-  Ar as Modal,
-  wr as MultiSelect,
-  zr as Pagination,
-  Wr as Popover,
-  Kr as Progress,
-  Sr as RadioButton,
-  Fr as RadioGroup,
-  Cr as Select,
-  Hr as Skeleton,
-  Or as Switch,
-  Lr as Tab,
-  Tr as TabPanel,
-  Vr as Tabs,
-  kr as Textarea,
-  Ir as Toast,
-  Mr as ToastContainer,
-  Er as Tooltip,
-  jr as VueForge,
-  Yr as getTheme,
-  nt as setTheme,
-  Gr as updateTheme
+  xr as Menu,
+  Xr as Modal,
+  Lr as MultiSelect,
+  Pr as Pagination,
+  jr as Popover,
+  Zr as Progress,
+  Or as RadioButton,
+  Mr as RadioGroup,
+  Vr as Select,
+  Ur as Skeleton,
+  Gr as Switch,
+  Wr as Tab,
+  Ar as TabPanel,
+  Dr as Tabs,
+  Fr as Textarea,
+  Kr as Toast,
+  Nr as ToastContainer,
+  qr as Tooltip,
+  al as VueForge,
+  ol as getTheme,
+  st as setTheme,
+  tl as updateTheme
 };