@codemonster-ru/vueforge 0.22.0 → 0.23.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as Y, ref as D, computed as m, watch as te, resolveComponent as qe, openBlock as g, createElementBlock as y, normalizeClass as R, renderSlot as S, Fragment as se, createTextVNode as Q, toDisplayString as O, createBlock as le, withCtx as ye, createCommentVNode as T, createElementVNode as B, renderList as ke, withKeys as U, withModifiers as G, unref as xe, createVNode as Ue, useSlots as Ze, nextTick as Ce, onMounted as Fe, onBeforeUnmount as we, Teleport as $e, withDirectives as ve, vShow as fe, provide as Ae, inject as De, reactive as nt, createSlots as st, normalizeStyle as it } from "vue";
+import { defineComponent as Y, ref as D, computed as y, watch as ee, resolveComponent as Ue, openBlock as h, createElementBlock as _, normalizeClass as T, renderSlot as V, Fragment as ae, createTextVNode as U, toDisplayString as R, createBlock as ne, withCtx as _e, createCommentVNode as P, createElementVNode as z, renderList as ve, withKeys as Z, withModifiers as q, unref as xe, createVNode as Ze, useSlots as Je, nextTick as ke, onMounted as Fe, onBeforeUnmount as we, Teleport as $e, withDirectives as fe, vShow as pe, provide as He, inject as Me, reactive as st, createSlots as it, normalizeStyle as Ee } from "vue";
 import { useRoute as dt, useRouter as ct } from "vue-router";
 import { CmIcon as Be } from "@codemonster-ru/vueiconify";
-const ut = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ Y({
+const ut = ["href", "aria-disabled", "tabindex"], Qe = /* @__PURE__ */ Y({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,48 +15,48 @@ const ut = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ Y({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = dt(), d = ct(), i = D(null), c = m(() => o.href ?? o.url), l = m(() => 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 = m(() => o.to), s = m(() => o.to ? d.resolve(o.to) : null), n = m(() => {
+    const r = e, o = t, a = dt(), d = ct(), i = D(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(() => {
       if (l.value !== "router-link")
         return !1;
       const v = s.value;
-      return v ? v.name ? a.matched.some(({ name: _ }) => _ === v.name) : v.fullPath ? a.fullPath === v.fullPath : a.path === v.path : !1;
-    }), f = m(() => o.active === void 0 ? n.value : o.active), p = (v) => {
+      return v ? v.name ? a.matched.some(({ name: w }) => w === v.name) : v.fullPath ? a.fullPath === v.fullPath : a.path === v.path : !1;
+    }), f = y(() => o.active === void 0 ? n.value : o.active), b = (v) => {
       if (!o.disabled) {
         r("click", v);
         return;
       }
       v.preventDefault(), v.stopPropagation();
     };
-    return te(n, (v) => {
+    return ee(n, (v) => {
       v && (r("active"), r("onActive")), r("update:active", v);
-    }), (v, _) => {
-      const h = qe("router-link");
-      return l.value === "a" ? (g(), y("a", {
+    }), (v, w) => {
+      const C = Ue("router-link");
+      return l.value === "a" ? (h(), _("a", {
         key: 0,
         href: c.value,
-        class: R(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
+        class: T(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
         "aria-disabled": v.disabled,
         tabindex: v.disabled ? -1 : void 0,
-        onClick: p
+        onClick: b
       }, [
-        v.$slots.default ? S(v.$slots, "default", { key: 0 }) : (g(), y(se, { key: 1 }, [
-          Q(O(v.label), 1)
+        v.$slots.default ? V(v.$slots, "default", { key: 0 }) : (h(), _(ae, { key: 1 }, [
+          U(R(v.label), 1)
         ], 64))
-      ], 10, ut)) : (g(), le(h, {
+      ], 10, ut)) : (h(), ne(C, {
         key: 1,
         ref_key: "link",
         ref: i,
         to: u.value,
-        class: R(["vf-link", { "vf-link_active": f.value }]),
+        class: T(["vf-link", { "vf-link_active": f.value }]),
         "aria-disabled": v.disabled,
         tabindex: v.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active",
-        onClick: p
+        onClick: b
       }, {
-        default: ye(() => [
-          v.$slots.default ? S(v.$slots, "default", { key: 0 }) : (g(), y(se, { key: 1 }, [
-            Q(O(v.label), 1)
+        default: _e(() => [
+          v.$slots.default ? V(v.$slots, "default", { key: 0 }) : (h(), _(ae, { key: 1 }, [
+            U(R(v.label), 1)
           ], 64))
         ]),
         _: 3
@@ -82,29 +82,29 @@ const ut = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ Y({
   class: "vf-card__footer"
 };
 function yt(t, e) {
-  return g(), y("div", pt, [
-    t.$slots.default ? (g(), y("div", bt, [
-      S(t.$slots, "default")
-    ])) : T("", !0),
-    t.$slots.header ? (g(), y("div", gt, [
-      S(t.$slots, "header")
-    ])) : T("", !0),
-    t.$slots.body ? (g(), y("div", mt, [
-      S(t.$slots, "body")
-    ])) : T("", !0),
-    t.$slots.footer ? (g(), y("div", ht, [
-      S(t.$slots, "footer")
-    ])) : T("", !0)
+  return h(), _("div", pt, [
+    t.$slots.default ? (h(), _("div", bt, [
+      V(t.$slots, "default")
+    ])) : P("", !0),
+    t.$slots.header ? (h(), _("div", gt, [
+      V(t.$slots, "header")
+    ])) : P("", !0),
+    t.$slots.body ? (h(), _("div", mt, [
+      V(t.$slots, "body")
+    ])) : P("", !0),
+    t.$slots.footer ? (h(), _("div", ht, [
+      V(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"
-}, wt = ["aria-expanded", "onClick", "onKeydown"], Za = /* @__PURE__ */ Y({
+}, wt = ["aria-expanded", "onClick", "onKeydown"], ur = /* @__PURE__ */ Y({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -123,77 +123,77 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
     }, u = (s) => {
       var n;
       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));
+        const b = a.value[f];
+        Object.prototype.hasOwnProperty.call(b, "items") && ((n = b.items) != null && n.some((v) => v === s) ? (b.active = !0, b.subMenuVisible = !0) : (b.active = !1, b.subMenuVisible = !1));
       }
       r("active", s), r("onActive", s);
     };
-    return te(
+    return ee(
       () => o.items,
       (s) => {
         a.value = c(s);
       },
       { deep: !0, immediate: !0 }
     ), (s, n) => {
-      const f = qe("VfMenu");
-      return g(), y("div", {
-        class: R(["vf-menu", `vf-menu_${s.orientation}`])
+      const f = Ue("VfMenu");
+      return h(), _("div", {
+        class: T(["vf-menu", `vf-menu_${s.orientation}`])
       }, [
-        B("ul", kt, [
-          (g(!0), y(se, null, ke(a.value, (p, v) => (g(), y("li", {
-            key: d(p, v),
+        z("ul", Ct, [
+          (h(!0), _(ae, null, ve(a.value, (b, v) => (h(), _("li", {
+            key: d(b, v),
             class: "vf-menu__item",
             role: "none"
           }, [
-            s.$slots[d(p, v)] ? S(s.$slots, d(p, v), {
+            s.$slots[d(b, v)] ? V(s.$slots, d(b, v), {
               key: 0,
-              item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (g(), y("hr", Ct)) : p.items && p.items.length ? (g(), y(se, { key: 2 }, [
-              B("div", {
-                class: R(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
+              item: { ...b, class: "vf-menu__link" }
+            }) : b.separator ? (h(), _("hr", kt)) : b.items && b.items.length ? (h(), _(ae, { key: 2 }, [
+              z("div", {
+                class: T(["vf-menu__parent", { "vf-menu__parent_active": b.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": p.subMenuVisible ? "true" : "false",
-                onClick: (_) => l(p),
+                "aria-expanded": b.subMenuVisible ? "true" : "false",
+                onClick: (w) => l(b),
                 onKeydown: [
-                  U(G((_) => l(p), ["prevent"]), ["enter"]),
-                  U(G((_) => l(p), ["prevent"]), ["space"])
+                  Z(q((w) => l(b), ["prevent"]), ["enter"]),
+                  Z(q((w) => l(b), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (g(), le(xe(Be), {
+                b.icon ? (h(), ne(xe(Be), {
                   key: 0,
-                  icon: p.icon,
+                  icon: b.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : T("", !0),
-                Q(" " + O(p.label) + " ", 1),
-                Ue(xe(Be), { icon: "chevronDown" })
+                }, null, 8, ["icon"])) : P("", !0),
+                U(" " + R(b.label) + " ", 1),
+                Ze(xe(Be), { icon: "chevronDown" })
               ], 42, wt),
-              p.items ? (g(), le(f, {
+              b.items ? (h(), ne(f, {
                 key: 0,
-                items: p.items,
-                class: R(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
+                items: b.items,
+                class: T(["vf-menu__submenu", { "vf-menu__submenu_visible": b.subMenuVisible }]),
                 onOnActive: u
-              }, null, 8, ["items", "class"])) : T("", !0)
-            ], 64)) : (g(), le(Je, {
+              }, null, 8, ["items", "class"])) : P("", !0)
+            ], 64)) : (h(), ne(Qe, {
               key: 3,
-              to: p.to,
-              href: p.href ?? p.url,
-              as: i(p),
+              to: b.to,
+              href: b.href ?? b.url,
+              as: i(b),
               class: "vf-menu__link",
-              active: p.active,
-              disabled: p.disabled,
+              active: b.active,
+              disabled: b.disabled,
               role: "menuitem",
-              "aria-disabled": p.disabled ? "true" : "false",
-              onClick: (_) => l(p),
-              onActive: (_) => u(p)
+              "aria-disabled": b.disabled ? "true" : "false",
+              onClick: (w) => l(b),
+              onActive: (w) => u(b)
             }, {
-              default: ye(() => [
-                p.icon ? (g(), le(xe(Be), {
+              default: _e(() => [
+                b.icon ? (h(), ne(xe(Be), {
                   key: 0,
-                  icon: p.icon,
+                  icon: b.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : T("", !0),
-                Q(" " + O(p.label), 1)
+                }, null, 8, ["icon"])) : P("", !0),
+                U(" " + R(b.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);
     };
   }
-}), $t = ["type", "disabled"], Ja = /* @__PURE__ */ Y({
+}), $t = ["type", "disabled"], vr = /* @__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 = m(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = m(() => o(e.type) ? e.type : "button"), i = m(() => 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 = m(() => {
+    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 = m(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = m(() => ["vf-button__label"]);
-    return (s, n) => a.value ? (g(), y("button", {
+    }), l = y(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = y(() => ["vf-button__label"]);
+    return (s, n) => a.value ? (h(), _("button", {
       key: 0,
       type: d.value,
-      class: R(c.value),
+      class: T(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (g(), le(xe(Be), {
+      e.icon && !e.loading ? (h(), ne(xe(Be), {
         key: 0,
         icon: e.icon,
-        class: R(l.value)
-      }, null, 8, ["icon", "class"])) : T("", !0),
-      e.loading ? (g(), le(xe(Be), {
+        class: T(l.value)
+      }, null, 8, ["icon", "class"])) : P("", !0),
+      e.loading ? (h(), ne(xe(Be), {
         key: 1,
         icon: "circleNotch",
-        class: R(l.value),
+        class: T(l.value),
         spin: ""
-      }, null, 8, ["class"])) : T("", !0),
-      s.$slots.default ? (g(), y("span", {
+      }, null, 8, ["class"])) : P("", !0),
+      s.$slots.default ? (h(), _("span", {
         key: 2,
-        class: R(u.value)
+        class: T(u.value)
       }, [
-        S(s.$slots, "default")
-      ], 2)) : s.label ? (g(), y("span", {
+        V(s.$slots, "default")
+      ], 2)) : s.label ? (h(), _("span", {
         key: 3,
-        class: R(u.value)
-      }, O(s.label), 3)) : T("", !0)
-    ], 10, $t)) : (g(), le(Je, {
+        class: T(u.value)
+      }, R(s.label), 3)) : P("", !0)
+    ], 10, $t)) : (h(), ne(Qe, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
       as: i.value,
-      class: R(c.value),
+      class: T(c.value),
       disabled: e.loading || e.disabled
     }, {
-      default: ye(() => [
-        e.icon ? (g(), le(xe(Be), {
+      default: _e(() => [
+        e.icon ? (h(), ne(xe(Be), {
           key: 0,
           icon: e.icon,
-          class: R(l.value)
-        }, null, 8, ["icon", "class"])) : T("", !0),
-        s.$slots.default ? (g(), y("span", {
+          class: T(l.value)
+        }, null, 8, ["icon", "class"])) : P("", !0),
+        s.$slots.default ? (h(), _("span", {
           key: 1,
-          class: R(u.value)
+          class: T(u.value)
         }, [
-          S(s.$slots, "default")
-        ], 2)) : s.label ? (g(), y("span", {
+          V(s.$slots, "default")
+        ], 2)) : s.label ? (h(), _("span", {
           key: 2,
-          class: R(u.value)
-        }, O(s.label), 3)) : T("", !0)
+          class: T(u.value)
+        }, R(s.label), 3)) : P("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
@@ -284,7 +284,7 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
 }, Bt = ["type", "value", "placeholder", "disabled", "readonly"], zt = {
   key: 1,
   class: "vf-input__suffix"
-}, Qa = /* @__PURE__ */ Y({
+}, fr = /* @__PURE__ */ Y({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -297,20 +297,20 @@ 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 = m(() => {
+    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) => (g(), y("div", {
-      class: R(a.value)
+    return (u, s) => (h(), _("div", {
+      class: T(a.value)
     }, [
-      u.$slots.prefix ? (g(), y("span", xt, [
-        S(u.$slots, "prefix")
-      ])) : T("", !0),
-      B("input", {
+      u.$slots.prefix ? (h(), _("span", xt, [
+        V(u.$slots, "prefix")
+      ])) : P("", !0),
+      z("input", {
         class: "vf-input__control",
         type: u.type,
         value: u.modelValue,
@@ -322,16 +322,16 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
         onFocus: c,
         onBlur: l
       }, null, 40, Bt),
-      u.$slots.suffix ? (g(), y("span", zt, [
-        S(u.$slots, "suffix")
-      ])) : T("", !0)
+      u.$slots.suffix ? (h(), _("span", zt, [
+        V(u.$slots, "suffix")
+      ])) : P("", !0)
     ], 2));
   }
 }), Ft = ["for"], St = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Vt = { class: "vf-form-field__control" }, Lt = ["id"], Tt = ["id"], er = /* @__PURE__ */ Y({
+}, Vt = { class: "vf-form-field__control" }, Lt = ["id"], Tt = ["id"], pr = /* @__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 = Ze(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = m(() => e.id || o), d = m(() => `${a.value}-hint`), i = m(() => `${a.value}-error`), c = m(() => !!e.label || !!r.label), l = m(() => !!e.hint || !!r.hint), u = m(() => !!e.error || !!r.error), s = m(() => {
+    const e = t, r = Je(), 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 f = [];
       return l.value && f.push(d.value), u.value && f.push(i.value), f.length ? f.join(" ") : void 0;
-    }), n = m(() => {
+    }), n = 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 (f, p) => (g(), y("div", {
-      class: R(n.value)
+    return (f, b) => (h(), _("div", {
+      class: T(n.value)
     }, [
-      c.value ? (g(), y("label", {
+      c.value ? (h(), _("label", {
         key: 0,
         class: "vf-form-field__label",
         for: a.value
       }, [
-        S(f.$slots, "label", {}, () => [
-          Q(O(f.label), 1)
+        V(f.$slots, "label", {}, () => [
+          U(R(f.label), 1)
         ]),
-        f.required ? (g(), y("span", St, "*")) : T("", !0)
-      ], 8, Ft)) : T("", !0),
-      B("div", Vt, [
-        S(f.$slots, "default", {
+        f.required ? (h(), _("span", St, "*")) : P("", !0)
+      ], 8, Ft)) : P("", !0),
+      z("div", Vt, [
+        V(f.$slots, "default", {
           id: a.value,
           describedBy: s.value,
           invalid: u.value,
           required: f.required
         })
       ]),
-      l.value ? (g(), y("p", {
+      l.value ? (h(), _("p", {
         key: 1,
         id: d.value,
         class: "vf-form-field__hint"
       }, [
-        S(f.$slots, "hint", {}, () => [
-          Q(O(f.hint), 1)
+        V(f.$slots, "hint", {}, () => [
+          U(R(f.hint), 1)
         ])
-      ], 8, Lt)) : T("", !0),
-      u.value ? (g(), y("p", {
+      ], 8, Lt)) : P("", !0),
+      u.value ? (h(), _("p", {
         key: 2,
         id: i.value,
         class: "vf-form-field__error",
         role: "alert"
       }, [
-        S(f.$slots, "error", {}, () => [
-          Q(O(f.error), 1)
+        V(f.$slots, "error", {}, () => [
+          U(R(f.error), 1)
         ])
-      ], 8, Tt)) : T("", !0)
+      ], 8, Tt)) : P("", !0)
     ], 2));
   }
-}), Rt = ["value", "placeholder", "disabled", "readonly", "rows"], tr = /* @__PURE__ */ Y({
+}), Rt = ["value", "placeholder", "disabled", "readonly", "rows"], br = /* @__PURE__ */ Y({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -405,17 +405,17 @@ 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 = m(() => {
+    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) => (g(), y("div", {
-      class: R(a.value)
+    return (u, s) => (h(), _("div", {
+      class: T(a.value)
     }, [
-      B("textarea", {
+      z("textarea", {
         class: "vf-textarea__control",
         value: u.modelValue,
         placeholder: u.placeholder,
@@ -442,7 +442,7 @@ const _t = /* @__PURE__ */ vt(ft, [["render", yt]]), kt = {
   "left",
   "left-start",
   "left-end"
-], pe = (t) => {
+], be = (t) => {
   if (t == null || !(t instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -450,13 +450,13 @@ 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 : pe(t.parentNode);
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : be(t.parentNode);
 };
 function Pt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me = (t, e) => It(t, e) === "fixed", ie = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, d = e ? me(r, e) : !1;
+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;
     return {
@@ -472,52 +472,52 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     width: o.width,
     height: o.height
   };
-}, _e = (t, e) => {
+}, Ce = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Qe = (t, e) => !!_e(t, e), Mt = (t) => {
-  const e = pe(t);
+}, et = (t, e) => !!Ce(t, e), Ot = (t) => {
+  const e = be(t);
   let r = "";
   return e !== null && ((e.dataset.scrollTop === void 0 || e.scrollTop === +e.dataset.scrollTop) && (e.dataset.scrollTop = "0"), (e.dataset.scrollLeft === void 0 || e.scrollLeft === +e.dataset.scrollLeft) && (e.dataset.scrollLeft = "0"), e.scrollTop > +e.dataset.scrollTop ? r = "bottom" : e.scrollTop < +e.dataset.scrollTop ? r = "top" : e.scrollLeft > +e.dataset.scrollLeft ? r = "right" : e.scrollLeft < +e.dataset.scrollLeft && (r = "left"), e.dataset.scrollTop = e.scrollTop <= 0 ? "0" : e.scrollTop.toString(), e.dataset.scrollLeft = e.scrollLeft <= 0 ? "0" : e.scrollLeft.toString()), r;
 }, Re = (t) => t.scrollLeft + t.clientWidth, Pe = (t) => t.scrollTop + t.clientHeight, de = (t, e, r = null, o = {}, a) => {
-  if (r === null && typeof window < "u" && me(o, e))
+  if (r === null && typeof window < "u" && he(o, e))
     return t;
   let d = 0;
   if (r === null) {
-    const i = pe(e);
+    const i = be(e);
     d = i ? i.scrollTop : 0;
   }
   return t - d;
 }, ce = (t, e, r = null, o = {}, a) => {
   let d;
-  if (r === null && typeof window < "u" && me(o, e))
+  if (r === null && typeof window < "u" && he(o, e))
     d = window.innerWidth;
   else if (r === null) {
-    const i = pe(e);
+    const i = be(e);
     d = i ? Re(i) : 0;
   } else
     d = r.getBoundingClientRect().width;
   return -(t + e.clientWidth - d);
-}, be = (t, e, r = null, o = {}, a) => {
+}, ge = (t, e, r = null, o = {}, a) => {
   let d;
-  if (r === null && typeof window < "u" && me(o, e))
+  if (r === null && typeof window < "u" && he(o, e))
     d = window.innerHeight;
   else if (r === null) {
-    const i = pe(e);
+    const i = be(e);
     d = i ? Pe(i) : 0;
   } else
     d = r.getBoundingClientRect().height;
   return -(t + e.clientHeight - d);
 }, ue = (t, e, r = null, o = {}, a) => {
-  if (r === null && typeof window < "u" && me(o, e))
+  if (r === null && typeof window < "u" && he(o, e))
     return t;
   let d = 0;
   if (r === null) {
-    const i = pe(e);
+    const i = be(e);
     d = i ? i.scrollLeft : 0;
   }
   return t - d;
-}, Ge = ({
+}, je = ({
   options: t,
   primaryX: e,
   primaryY: r,
@@ -526,7 +526,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   reference: d,
   scrollDirection: i
 }) => {
-  const c = Ie(d, o, a, t), l = _e(t, "offset");
+  const c = Ie(d, o, a, t), l = Ce(t, "offset");
   if (l) {
     const u = l.fn({
       x: c.x,
@@ -567,100 +567,100 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       placement: c
     }, f = {
       ...o,
-      middleware: (s = o.middleware) == null ? void 0 : s.filter((V) => V.name !== "shift")
-    }, p = (t == null ? void 0 : t.placements) ?? Ye, v = !(t != null && t.placements), _ = v ? Ye : p;
-    let h = !1;
-    const C = (V) => {
-      if (h)
+      middleware: (s = o.middleware) == null ? void 0 : s.filter((L) => L.name !== "shift")
+    }, b = (t == null ? void 0 : t.placements) ?? Ye, v = !(t != null && t.placements), w = v ? Ye : b;
+    let C = !1;
+    const $ = (L) => {
+      if (C)
         return;
-      const A = Ge({
+      const H = je({
         options: f,
         primaryX: a,
         primaryY: d,
         floating: i,
-        placement: V,
+        placement: L,
         reference: l,
         scrollDirection: u
       });
-      A && (n.x = A.x, n.y = A.y, n.placement = A.placement, h = !0);
+      H && (n.x = H.x, n.y = H.y, n.placement = H.placement, C = !0);
     }, M = eo(l, i, f);
-    if (!v && p.includes(c) && C(c), h || _.forEach(C), !h) {
-      const V = p.reduce(
-        (A, P) => {
-          const I = Ge({
+    if (!v && b.includes(c) && $(c), C || w.forEach($), !C) {
+      const L = b.reduce(
+        (H, I) => {
+          const O = je({
             options: f,
             primaryX: a,
             primaryY: d,
             floating: i,
-            placement: P,
+            placement: I,
             reference: l,
             scrollDirection: u
           });
-          if (!I)
-            return A;
-          const W = ze(P), F = M[W];
-          return !A || F > A.space ? { result: I, space: F } : A;
+          if (!O)
+            return H;
+          const E = ze(I), F = M[E];
+          return !H || F > H.space ? { result: O, space: F } : H;
         },
         null
       );
-      V && (n.x = V.result.x, n.y = V.result.y, n.placement = V.result.placement, h = !0);
+      L && (n.x = L.result.x, n.y = L.result.y, n.placement = L.result.placement, C = !0);
     }
-    if (!h && p.length > 0) {
-      const V = ze(c);
-      let A = V, P = M[V];
-      p.forEach((x) => {
-        const k = ze(x), L = M[k];
-        L > P && (P = L, A = k);
+    if (!C && b.length > 0) {
+      const L = ze(c);
+      let H = L, I = M[L];
+      b.forEach((p) => {
+        const m = ze(p), k = M[m];
+        k > I && (I = k, H = m);
       });
-      const I = Qt(A, c, p), W = Ie(l, i, I, f), F = _e(f, "offset");
+      const O = Qt(H, c, b), E = Ie(l, i, O, f), F = Ce(f, "offset");
       if (F) {
-        const x = F.fn({
-          x: W.x,
-          y: W.y,
+        const p = F.fn({
+          x: E.x,
+          y: E.y,
           options: f,
           primaryX: a,
           primaryY: d,
           floating: i,
-          placement: I,
+          placement: O,
           reference: l,
           scrollDirection: u
         });
-        W.x = x.x, W.y = x.y;
+        E.x = p.x, E.y = p.y;
       }
-      n.x = W.x, n.y = W.y, n.placement = W.placement;
+      n.x = E.x, n.y = E.y, n.placement = E.placement;
     }
     return n;
   }
-}), et = (t, e, r, o, a) => {
+}), tt = (t, e, r, o, a) => {
   var d, i, c;
   let l = 0;
   o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
-  const u = _e(e, "arrow"), s = _e(e, "shift");
+  const u = Ce(e, "arrow"), s = Ce(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);
   }
-  if (Qe(e, "shift") && u) {
+  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);
+    const b = (c = u.params) == null ? void 0 : c.arrow;
+    f = b.getBoundingClientRect().width / 2, f += Dt(b), 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);
   }
   return l;
-}, tt = (t, e, r, o, a) => {
+}, ot = (t, e, r, o, a) => {
   var d, i, c;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
-  const u = _e(e, "arrow"), s = _e(e, "shift");
+  const u = Ce(e, "arrow"), s = Ce(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);
   }
-  if (Qe(e, "shift") && u) {
+  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 += Et(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 : be(r - l + f, a, n, e) <= t && (l = t + be(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 : be(r - l, a, n, e) <= t && (be(r, a, n, e) >= 0 ? l = t - be(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 : be(r - l, a, n, e) <= t && (be(r - l, a, n, e) >= 0 ? l = t - be(r - l, a, n, e) : l = t);
+    const b = (c = u.params) == null ? void 0 : c.arrow;
+    f = b.getBoundingClientRect().height / 2, f += Wt(b), 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);
   }
   return l;
 }, Ve = (t) => ({
@@ -675,11 +675,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     floating: i,
     placement: c
   }) => ({
-    x: e - et(t, o, a, c, i),
-    y: r - tt(t, o, d, c, i),
+    x: e - tt(t, o, a, c, i),
+    y: r - ot(t, o, d, c, i),
     placement: c
   })
-}), Dt = (t) => ({
+}), Mt = (t) => ({
   name: "shift",
   params: t,
   fn: ({
@@ -697,28 +697,28 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       x: e,
       y: r,
       placement: c
-    }, n = o.middleware || [], f = n.findIndex((L) => L.name === "shift"), p = n.findIndex((L) => L.name === "offset"), v = p !== -1 && (f === -1 || p > f), _ = n.find((L) => L.name === "offset"), h = _ ? (u = _.params) == null ? void 0 : u.value : 0, C = v ? et(h, o, a, c, i) : 0, M = v ? tt(h, o, d, c, i) : 0, V = e - C, A = r - M;
-    let P = V, I = A;
-    const W = _ ? Math.abs(h) : 0, F = W, x = W;
-    if (me(o, i) && typeof window < "u") {
-      const L = F, K = window.innerWidth - i.clientWidth - F, j = K < L ? L : K, X = x, oe = window.innerHeight - i.clientHeight - x, q = oe < X ? X : oe;
-      P < L ? P = L : P > j && (P = j), I < X ? I = X : I > q && (I = q), v ? (s.x = e + (P - V), s.y = r + (I - A)) : (s.x = P, s.y = I);
-      const ae = F, J = window.innerWidth - i.clientWidth - F, ne = x, w = window.innerHeight - i.clientHeight - x, E = v ? ae + C : ae, H = v ? J + C : J, ee = v ? ne + M : ne, b = v ? w + M : w;
-      return s.x < E ? s.x = E : s.x > H && (s.x = H), s.y < ee ? s.y = ee : s.y > b && (s.y = b), s;
+    }, n = o.middleware || [], f = n.findIndex((k) => k.name === "shift"), b = n.findIndex((k) => k.name === "offset"), v = b !== -1 && (f === -1 || b > f), w = n.find((k) => k.name === "offset"), C = w ? (u = w.params) == null ? void 0 : u.value : 0, $ = v ? tt(C, o, a, c, i) : 0, M = v ? ot(C, o, d, c, i) : 0, L = e - $, H = r - M;
+    let I = L, O = H;
+    const E = w ? Math.abs(C) : 0, F = E, p = E;
+    if (he(o, i) && typeof window < "u") {
+      const k = F, W = window.innerWidth - i.clientWidth - F, A = W < k ? k : W, X = p, te = window.innerHeight - i.clientHeight - p, j = te < X ? X : te;
+      I < k ? I = k : I > A && (I = A), O < X ? O = X : O > j && (O = j), v ? (s.x = e + (I - L), s.y = r + (O - H)) : (s.x = I, s.y = O);
+      const re = F, Q = window.innerWidth - i.clientWidth - F, se = p, x = window.innerHeight - i.clientHeight - p, K = v ? re + $ : re, N = v ? Q + $ : Q, oe = v ? se + M : se, g = v ? x + M : 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 = pe(i);
-    if (k !== null) {
-      const L = ie(l, i, o), K = L.left, j = L.left + L.width, X = L.top, oe = L.top + L.height, q = k.scrollLeft + F, ae = Re(k) - i.clientWidth - F, J = ae < q ? q : ae, ne = k.scrollTop + x, w = Pe(k) - i.clientHeight - x, E = w < ne ? ne : w, H = k.scrollLeft, ee = Re(k), b = k.scrollTop, $ = Pe(k);
-      j <= H ? P = q : K >= ee && (P = J), oe <= b ? I = ne : X >= $ && (I = E), I < ne ? I = ne : I > E && (I = E), P < q ? P = q : P > J && (P = J);
+    const m = be(i);
+    if (m !== null) {
+      const k = ie(l, i, o), W = k.left, A = k.left + k.width, X = k.top, te = k.top + k.height, j = m.scrollLeft + F, re = Re(m) - i.clientWidth - F, Q = re < j ? j : re, se = m.scrollTop + p, x = Pe(m) - i.clientHeight - p, K = x < se ? se : x, N = m.scrollLeft, oe = Re(m), g = m.scrollTop, B = Pe(m);
+      A <= N ? I = j : W >= oe && (I = Q), te <= g ? O = se : X >= B && (O = K), O < se ? O = se : O > K && (O = K), I < j ? I = j : I > Q && (I = Q);
     }
-    if (v ? (s.x = e + (P - V), s.y = r + (I - A)) : (s.x = P, s.y = I), k !== null) {
-      const L = k.scrollLeft + F, K = Re(k) - i.clientWidth - F, j = k.scrollTop + x, X = Pe(k) - i.clientHeight - x, oe = v ? L + C : L, q = v ? K + C : K, ae = v ? j + M : j, J = v ? X + M : X;
-      s.x < oe ? s.x = oe : s.x > q && (s.x = q), s.y < ae ? s.y = ae : s.y > J && (s.y = J);
+    if (v ? (s.x = e + (I - L), s.y = r + (O - H)) : (s.x = I, s.y = O), m !== null) {
+      const k = m.scrollLeft + F, W = Re(m) - i.clientWidth - F, A = m.scrollTop + p, X = Pe(m) - i.clientHeight - p, te = v ? k + $ : k, j = v ? W + $ : W, re = v ? A + M : A, Q = v ? X + M : X;
+      s.x < te ? s.x = te : s.x > j && (s.x = j), s.y < re ? s.y = re : s.y > Q && (s.y = Q);
     }
     return s;
   }
-}), Ot = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Et = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Le = (t, e) => {
-  const r = pe(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 = be(t), o = [];
   if (r !== null) {
     const a = () => e();
     r.addEventListener("scroll", a, !1), o.push(() => r.removeEventListener("scroll", a, !1));
@@ -732,14 +732,14 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     a.observe(t), o.push(() => a.disconnect());
   }
   return () => o.forEach((a) => a());
-}, Wt = (t, e, r = {}) => {
+}, At = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, At = (t, e, r = {}) => {
+}, Et = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left,
@@ -767,14 +767,14 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     y: o.top,
     placement: "right-start"
   };
-}, Yt = (t, e, r = {}) => {
+}, Gt = (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"
   };
-}, Gt = (t, e, r = {}) => {
+}, Yt = (t, e, r = {}) => {
   const o = ie(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
@@ -819,9 +819,9 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
 }, Ie = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return Wt(t, e, o);
-    case "top-start":
       return At(t, e, o);
+    case "top-start":
+      return Et(t, e, o);
     case "top-end":
       return Ht(t, e, o);
     case "right":
@@ -829,9 +829,9 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     case "right-start":
       return Nt(t, e, o);
     case "right-end":
-      return Yt(t, e, o);
-    case "bottom":
       return Gt(t, e, o);
+    case "bottom":
+      return Yt(t, e, o);
     case "bottom-start":
       return jt(t, e, o);
     case "bottom-end":
@@ -850,20 +850,20 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       };
   }
 }, Jt = (t, e, r, o = {}) => {
-  if (me(o, e)) {
+  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 n = t.x, f = t.y, b = n + e.clientWidth, v = f + e.clientHeight;
+    return n >= 0 && f >= 0 && b <= window.innerWidth && v <= window.innerHeight;
   }
-  if (pe(r) !== null)
-    return de(t.y, e, null, o) > 0 && ce(t.x, e, null, o) > 0 && be(t.y, e, null, o) > 0 && ue(t.x, e, null, o) > 0;
+  if (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 (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;
-    return f >= 0 && p >= 0 && v <= a && _ <= d;
+    const n = i.getBoundingClientRect(), f = n.left + t.x, b = n.top + t.y, v = f + e.clientWidth, w = b + e.clientHeight;
+    return f >= 0 && b >= 0 && v <= a && w <= 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;
@@ -875,7 +875,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       bottom: 0,
       left: 0
     };
-  const o = me(r, e) ? null : pe(t), a = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
+  const o = he(r, e) ? null : be(t), a = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -896,9 +896,9 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     middlewareData: {}
   }, l = Ie(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);
-  (a = r.middleware) == null || a.forEach((_) => {
-    const h = _.fn({
+  const u = c.x, s = c.y, n = Ot(t);
+  (a = r.middleware) == null || a.forEach((w) => {
+    const C = w.fn({
       x: c.x,
       y: c.y,
       options: r,
@@ -909,17 +909,17 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       reference: t,
       scrollDirection: n
     });
-    c.x = h.x, c.y = h.y, c.placement = h.placement, _.name === "arrow" && (h.baseX = h.x, h.baseY = h.y, h.x = h.arrowX ?? h.x, h.y = h.arrowY ?? h.y), c.middlewareData[_.name] = h;
+    c.x = C.x, c.y = C.y, c.placement = C.placement, w.name === "arrow" && (C.baseX = C.x, C.baseY = C.y, C.x = C.arrowX ?? C.x, C.y = C.arrowY ?? C.y), c.middlewareData[w.name] = C;
   });
-  const f = Ie(t, e, c.placement, r), p = _e(r, "offset"), v = p ? (d = p.params) == null ? void 0 : d.value : 0;
+  const f = Ie(t, e, c.placement, r), b = Ce(r, "offset"), v = b ? (d = b.params) == null ? void 0 : d.value : 0;
   if (Number.isFinite(c.x) || (c.x = f.x), !Number.isFinite(c.y))
-    if (me(r, e)) {
-      const _ = t.getBoundingClientRect(), h = e.getBoundingClientRect().height;
-      c.placement.startsWith("top") ? c.y = _.top - h - v : c.placement.startsWith("bottom") ? c.y = _.bottom + v : c.y = f.y;
+    if (he(r, e)) {
+      const w = t.getBoundingClientRect(), C = e.getBoundingClientRect().height;
+      c.placement.startsWith("top") ? c.y = w.top - C - v : c.placement.startsWith("bottom") ? c.y = w.bottom + v : c.y = f.y;
     } else
       c.y = f.y;
   o(c);
-}), to = ["disabled", "aria-expanded", "onKeydown"], oo = ["data-placement"], ao = ["disabled", "aria-selected", "onClick"], or = /* @__PURE__ */ Y({
+}), to = ["disabled", "aria-expanded", "onKeydown"], oo = ["data-placement"], ao = ["disabled", "aria-selected", "onClick"], gr = /* @__PURE__ */ Y({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -936,66 +936,66 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     let r = 0;
     const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(!1), u = D("bottom"), s = D("bottom"), n = `vf-select-panel-${++r}`;
     let f = null;
-    const p = m(() => a.options.map((k) => ({
-      label: k[a.optionLabel],
-      value: k[a.optionValue],
-      disabled: k.disabled
-    }))), v = m(() => p.value.find((k) => k.value === a.modelValue)), _ = m(() => {
-      var k;
-      return ((k = v.value) == null ? void 0 : k.label) ?? "";
-    }), h = m(() => {
-      const k = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
-      return a.size !== "normal" && k.push(`vf-select_${a.size}`), a.disabled && k.push("vf-select_disabled"), k.filter(Boolean);
-    }), C = (k) => k.value === a.modelValue, M = (k) => {
-      k.disabled || (o("update:modelValue", k.value), o("change", k.value), P());
-    }, V = (k) => o("focus", k), A = (k) => o("blur", k), P = () => {
+    const b = y(() => a.options.map((m) => ({
+      label: m[a.optionLabel],
+      value: m[a.optionValue],
+      disabled: m.disabled
+    }))), v = y(() => b.value.find((m) => m.value === a.modelValue)), w = y(() => {
+      var m;
+      return ((m = v.value) == null ? void 0 : m.label) ?? "";
+    }), C = y(() => {
+      const m = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
+      return a.size !== "normal" && m.push(`vf-select_${a.size}`), a.disabled && m.push("vf-select_disabled"), m.filter(Boolean);
+    }), $ = (m) => m.value === a.modelValue, M = (m) => {
+      m.disabled || (o("update:modelValue", m.value), o("change", m.value), I());
+    }, L = (m) => o("focus", m), H = (m) => o("blur", m), I = () => {
       l.value = !1, u.value = "bottom", s.value = "bottom";
-    }, I = () => {
+    }, O = () => {
       a.disabled || (l.value = !l.value, l.value && (u.value = "bottom", s.value = "bottom"));
-    }, W = async () => {
-      var k, L;
-      l.value || (l.value = !0, await Ce()), (L = (k = c.value) == null ? void 0 : k.querySelector(".vf-select__option:not(.is-disabled)")) == null || L.focus();
-    }, F = (k) => {
-      var K;
+    }, E = async () => {
+      var m, k;
+      l.value || (l.value = !0, await ke()), (k = (m = c.value) == null ? void 0 : m.querySelector(".vf-select__option:not(.is-disabled)")) == null || k.focus();
+    }, F = (m) => {
+      var W;
       if (!l.value || !d.value)
         return;
-      const L = k.target;
-      d.value.contains(L) || (K = c.value) != null && K.contains(L) || P();
-    }, x = () => {
+      const k = m.target;
+      d.value.contains(k) || (W = c.value) != null && W.contains(k) || I();
+    }, p = () => {
       if (!i.value || !c.value)
         return;
-      const k = i.value, L = c.value, K = async () => {
+      const m = i.value, k = c.value, W = async () => {
         const {
-          x: q,
-          y: ae,
-          placement: J
-        } = await Te(k, L, {
+          x: j,
+          y: re,
+          placement: Q
+        } = await Te(m, k, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        s.value = J ?? u.value, L.style.minWidth = `${k.getBoundingClientRect().width}px`, L.style.left = `${q}px`, L.style.top = `${ae}px`;
-      }, j = async () => {
-        await K();
-      }, X = Le(k, () => {
-        j();
-      }), oe = () => {
-        j();
+        s.value = Q ?? u.value, k.style.minWidth = `${m.getBoundingClientRect().width}px`, k.style.left = `${j}px`, k.style.top = `${re}px`;
+      }, A = async () => {
+        await W();
+      }, X = Le(m, () => {
+        A();
+      }), te = () => {
+        A();
       };
-      document.addEventListener("scroll", oe, !0), window.addEventListener("resize", oe, !1), f = {
-        update: j,
+      document.addEventListener("scroll", te, !0), window.addEventListener("resize", te, !1), f = {
+        update: A,
         destroy: () => {
-          X(), document.removeEventListener("scroll", oe, !0), window.removeEventListener("resize", oe, !1);
+          X(), document.removeEventListener("scroll", te, !0), window.removeEventListener("resize", te, !1);
         }
       }, f.update();
     };
-    return te(l, async (k) => {
-      if (!k) {
+    return ee(l, async (m) => {
+      if (!m) {
         f && (f.destroy(), f = null);
         return;
       }
-      await Ce(), f || x(), f == null || f.update();
-    }), te(
+      await ke(), f || p(), f == null || f.update();
+    }), ee(
       () => a.options,
       () => {
         f == null || f.update();
@@ -1005,39 +1005,39 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       document.addEventListener("click", F);
     }), we(() => {
       document.removeEventListener("click", F), f == null || f.destroy(), f = null;
-    }), (k, L) => (g(), y("div", {
+    }), (m, k) => (h(), _("div", {
       ref_key: "root",
       ref: d,
-      class: R(h.value)
+      class: T(C.value)
     }, [
-      B("button", {
+      z("button", {
         ref_key: "trigger",
         ref: i,
         class: "vf-select__control",
         type: "button",
-        disabled: k.disabled,
+        disabled: m.disabled,
         "aria-expanded": l.value,
         "aria-controls": n,
         "aria-haspopup": "listbox",
-        onClick: I,
+        onClick: O,
         onKeydown: [
-          U(G(W, ["prevent"]), ["down"]),
-          U(G(I, ["prevent"]), ["enter"]),
-          U(G(P, ["prevent"]), ["esc"])
+          Z(q(E, ["prevent"]), ["down"]),
+          Z(q(O, ["prevent"]), ["enter"]),
+          Z(q(I, ["prevent"]), ["esc"])
         ],
-        onFocus: V,
-        onBlur: A
+        onFocus: L,
+        onBlur: H
       }, [
-        B("span", {
-          class: R(["vf-select__label", { "vf-select__label_placeholder": !_.value }])
-        }, O(_.value || k.placeholder), 3),
-        L[0] || (L[0] = B("span", {
+        z("span", {
+          class: T(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
+        }, R(w.value || m.placeholder), 3),
+        k[0] || (k[0] = z("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, to),
-      (g(), le($e, { to: "body" }, [
-        ve(B("div", {
+      (h(), ne($e, { to: "body" }, [
+        fe(z("div", {
           id: n,
           ref_key: "panel",
           ref: c,
@@ -1045,17 +1045,17 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
           role: "listbox",
           "data-placement": s.value
         }, [
-          (g(!0), y(se, null, ke(p.value, (K) => (g(), y("button", {
-            key: K.value,
-            class: R(["vf-select__option", { "is-active": C(K), "is-disabled": K.disabled }]),
+          (h(!0), _(ae, null, ve(b.value, (W) => (h(), _("button", {
+            key: W.value,
+            class: T(["vf-select__option", { "is-active": $(W), "is-disabled": W.disabled }]),
             type: "button",
             role: "option",
-            disabled: K.disabled,
-            "aria-selected": C(K),
-            onClick: (j) => M(K)
-          }, O(K.label), 11, ao))), 128))
+            disabled: W.disabled,
+            "aria-selected": $(W),
+            onClick: (A) => M(W)
+          }, R(W.label), 11, ao))), 128))
         ], 8, oo), [
-          [fe, l.value]
+          [pe, l.value]
         ])
       ]))
     ], 2));
@@ -1066,7 +1066,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
 }, io = ["id", "disabled", "aria-selected", "onClick"], co = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, ar = /* @__PURE__ */ Y({
+}, mr = /* @__PURE__ */ Y({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1086,203 +1086,203 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "focus", "blur", "search"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(!1), u = D(""), s = D(-1), n = D("bottom"), f = D("bottom"), p = `vf-autocomplete-panel-${++r}`;
+    const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(!1), u = D(""), s = D(-1), n = D("bottom"), f = D("bottom"), b = `vf-autocomplete-panel-${++r}`;
     let v = null;
-    const _ = m(() => a.options.map((w) => ({
-      label: w[a.optionLabel],
-      value: w[a.optionValue],
-      disabled: w.disabled
-    }))), h = m(() => _.value.find((w) => w.value === a.modelValue)), C = m(() => {
+    const w = y(() => a.options.map((x) => ({
+      label: x[a.optionLabel],
+      value: x[a.optionValue],
+      disabled: x.disabled
+    }))), C = y(() => w.value.find((x) => x.value === a.modelValue)), $ = y(() => {
       if (!a.filter)
-        return _.value;
-      const w = u.value.trim().toLowerCase();
-      return w ? _.value.filter((E) => E.label.toLowerCase().includes(w)) : _.value;
-    }), M = m(() => {
+        return w.value;
+      const x = u.value.trim().toLowerCase();
+      return x ? w.value.filter((K) => K.label.toLowerCase().includes(x)) : w.value;
+    }), M = y(() => {
       if (!(!l.value || s.value < 0))
-        return A(s.value);
-    }), V = m(() => {
-      const w = ["vf-autocomplete", `vf-autocomplete_${a.variant}`, l.value ? "vf-autocomplete_open" : ""];
-      return a.size !== "normal" && w.push(`vf-autocomplete_${a.size}`), a.disabled && w.push("vf-autocomplete_disabled"), w.filter(Boolean);
-    }), A = (w) => `${p}-option-${w}`, P = (w) => w.value === a.modelValue, I = () => C.value.findIndex((w) => !w.disabled), W = (w) => {
-      const E = C.value;
-      if (!E.length) {
+        return H(s.value);
+    }), L = 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) => `${b}-option-${x}`, I = (x) => x.value === a.modelValue, O = () => $.value.findIndex((x) => !x.disabled), E = (x) => {
+      const K = $.value;
+      if (!K.length) {
         s.value = -1;
         return;
       }
-      let H = s.value;
-      (H < 0 || H >= E.length) && (H = w > 0 ? -1 : E.length);
-      for (let ee = 0; ee < E.length; ee += 1)
-        if (H = (H + w + E.length) % E.length, !E[H].disabled) {
-          s.value = H;
+      let N = s.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;
           return;
         }
       s.value = -1;
     }, F = () => {
-      a.disabled || (l.value = !0, n.value = "bottom", f.value = "bottom", s.value < 0 && (s.value = I()));
-    }, x = () => {
+      a.disabled || (l.value = !0, n.value = "bottom", f.value = "bottom", s.value < 0 && (s.value = O()));
+    }, p = () => {
       l.value = !1, s.value = -1, n.value = "bottom", f.value = "bottom";
-    }, k = () => {
+    }, m = () => {
       if (l.value) {
-        x();
+        p();
         return;
       }
       F();
-    }, L = (w) => {
-      w.disabled || (u.value = w.label, o("update:modelValue", w.value), o("change", w.value), x());
-    }, K = (w) => {
-      const E = w.target;
-      u.value = E.value, o("search", E.value), F(), s.value = I();
-    }, j = (w) => {
-      o("focus", w), F();
-    }, X = (w) => {
-      o("blur", w);
-    }, oe = () => {
+    }, k = (x) => {
+      x.disabled || (u.value = x.label, o("update:modelValue", x.value), o("change", x.value), p());
+    }, W = (x) => {
+      const K = x.target;
+      u.value = K.value, o("search", K.value), F(), s.value = O();
+    }, A = (x) => {
+      o("focus", x), F();
+    }, X = (x) => {
+      o("blur", x);
+    }, te = () => {
       if (!l.value) {
         F();
         return;
       }
-      W(1);
-    }, q = () => {
+      E(1);
+    }, j = () => {
       if (!l.value) {
         F();
         return;
       }
-      W(-1);
-    }, ae = () => {
+      E(-1);
+    }, re = () => {
       if (!l.value) {
         F();
         return;
       }
-      const w = C.value[s.value];
-      w && !w.disabled && L(w);
-    }, J = (w) => {
-      var H;
+      const x = $.value[s.value];
+      x && !x.disabled && k(x);
+    }, Q = (x) => {
+      var N;
       if (!l.value || !d.value)
         return;
-      const E = w.target;
-      d.value.contains(E) || (H = c.value) != null && H.contains(E) || x();
-    }, ne = () => {
+      const K = x.target;
+      d.value.contains(K) || (N = c.value) != null && N.contains(K) || p();
+    }, se = () => {
       if (!i.value || !c.value)
         return;
-      const w = i.value, E = c.value, H = async () => {
+      const x = i.value, K = c.value, N = async () => {
         const {
-          x: z,
-          y: N,
-          placement: re
-        } = await Te(w, E, {
+          x: S,
+          y: G,
+          placement: le
+        } = await Te(x, K, {
           placement: n.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        f.value = re ?? n.value, E.style.minWidth = `${w.getBoundingClientRect().width}px`, E.style.left = `${z}px`, E.style.top = `${N}px`;
-      }, ee = async () => {
-        await H();
-      }, b = Le(w, () => {
-        ee();
-      }), $ = () => {
-        ee();
+        f.value = le ?? n.value, K.style.minWidth = `${x.getBoundingClientRect().width}px`, K.style.left = `${S}px`, K.style.top = `${G}px`;
+      }, oe = async () => {
+        await N();
+      }, g = Le(x, () => {
+        oe();
+      }), B = () => {
+        oe();
       };
-      document.addEventListener("scroll", $, !0), window.addEventListener("resize", $, !1), v = {
-        update: ee,
+      document.addEventListener("scroll", B, !0), window.addEventListener("resize", B, !1), v = {
+        update: oe,
         destroy: () => {
-          b(), document.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $, !1);
+          g(), document.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B, !1);
         }
       }, v.update();
     };
-    return te(
+    return ee(
       () => a.modelValue,
       () => {
-        var w;
-        u.value = ((w = h.value) == null ? void 0 : w.label) ?? "";
+        var x;
+        u.value = ((x = C.value) == null ? void 0 : x.label) ?? "";
       },
       { immediate: !0 }
-    ), te(
+    ), ee(
       () => a.options,
       () => {
-        var w;
-        l.value || (u.value = ((w = h.value) == null ? void 0 : w.label) ?? ""), v == null || v.update();
+        var x;
+        l.value || (u.value = ((x = C.value) == null ? void 0 : x.label) ?? ""), v == null || v.update();
       },
       { deep: !0 }
-    ), te(C, () => {
-      s.value >= C.value.length && (s.value = I());
-    }), te(l, async (w) => {
-      if (!w) {
+    ), ee($, () => {
+      s.value >= $.value.length && (s.value = O());
+    }), ee(l, async (x) => {
+      if (!x) {
         v && (v.destroy(), v = null);
         return;
       }
-      await Ce(), v || ne(), v == null || v.update();
+      await ke(), v || se(), v == null || v.update();
     }), Fe(() => {
-      document.addEventListener("click", J);
+      document.addEventListener("click", Q);
     }), we(() => {
-      document.removeEventListener("click", J), v == null || v.destroy(), v = null;
-    }), (w, E) => (g(), y("div", {
+      document.removeEventListener("click", Q), v == null || v.destroy(), v = null;
+    }), (x, K) => (h(), _("div", {
       ref_key: "root",
       ref: d,
-      class: R(V.value)
+      class: T(L.value)
     }, [
-      B("input", {
+      z("input", {
         ref_key: "control",
         ref: i,
         class: "vf-autocomplete__control",
         type: "text",
         role: "combobox",
         value: u.value,
-        placeholder: w.placeholder,
-        disabled: w.disabled,
-        readonly: w.readonly,
+        placeholder: x.placeholder,
+        disabled: x.disabled,
+        readonly: x.readonly,
         "aria-expanded": l.value,
         "aria-autocomplete": "list",
-        "aria-controls": p,
+        "aria-controls": b,
         "aria-activedescendant": M.value,
-        onInput: K,
-        onFocus: j,
+        onInput: W,
+        onFocus: A,
         onBlur: X,
         onClick: F,
         onKeydown: [
-          U(G(oe, ["prevent"]), ["down"]),
-          U(G(q, ["prevent"]), ["up"]),
-          U(G(ae, ["prevent"]), ["enter"]),
-          U(G(x, ["prevent"]), ["esc"]),
-          U(x, ["tab"])
+          Z(q(te, ["prevent"]), ["down"]),
+          Z(q(j, ["prevent"]), ["up"]),
+          Z(q(re, ["prevent"]), ["enter"]),
+          Z(q(p, ["prevent"]), ["esc"]),
+          Z(p, ["tab"])
         ]
       }, null, 40, ro),
-      B("button", {
+      z("button", {
         class: "vf-autocomplete__chevron",
         type: "button",
-        disabled: w.disabled,
+        disabled: x.disabled,
         "aria-hidden": "true",
         tabindex: "-1",
-        onMousedown: E[0] || (E[0] = G(() => {
+        onMousedown: K[0] || (K[0] = q(() => {
         }, ["prevent"])),
-        onClick: k
+        onClick: m
       }, " ▾ ", 40, lo),
-      (g(), le($e, { to: "body" }, [
-        ve(B("div", {
-          id: p,
+      (h(), ne($e, { to: "body" }, [
+        fe(z("div", {
+          id: b,
           ref_key: "panel",
           ref: c,
           class: "vf-autocomplete__panel",
           role: "listbox",
           "data-placement": f.value
         }, [
-          w.loading ? (g(), y("div", so, O(w.loadingText), 1)) : C.value.length > 0 ? (g(!0), y(se, { key: 1 }, ke(C.value, (H, ee) => (g(), y("button", {
-            id: A(ee),
-            key: H.value,
-            class: R(["vf-autocomplete__option", {
-              "is-active": P(H),
-              "is-disabled": H.disabled,
-              "is-highlighted": ee === s.value
+          x.loading ? (h(), _("div", so, R(x.loadingText), 1)) : $.value.length > 0 ? (h(!0), _(ae, { key: 1 }, ve($.value, (N, oe) => (h(), _("button", {
+            id: H(oe),
+            key: N.value,
+            class: T(["vf-autocomplete__option", {
+              "is-active": I(N),
+              "is-disabled": N.disabled,
+              "is-highlighted": oe === s.value
             }]),
             type: "button",
             role: "option",
-            disabled: H.disabled,
-            "aria-selected": P(H),
-            onMousedown: E[1] || (E[1] = G(() => {
+            disabled: N.disabled,
+            "aria-selected": I(N),
+            onMousedown: K[1] || (K[1] = q(() => {
             }, ["prevent"])),
-            onClick: (b) => L(H)
-          }, O(H.label), 43, io))), 128)) : (g(), y("div", co, O(w.emptyText), 1))
+            onClick: (g) => k(N)
+          }, R(N.label), 43, io))), 128)) : (h(), _("div", co, R(x.emptyText), 1))
         ], 8, no), [
-          [fe, l.value]
+          [pe, l.value]
         ])
       ]))
     ], 2));
@@ -1300,7 +1300,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
 }, yo = {
   key: 3,
   class: "vf-multiselect__empty"
-}, rr = /* @__PURE__ */ Y({
+}, hr = /* @__PURE__ */ Y({
   __name: "multi-select",
   props: {
     modelValue: { default: () => [] },
@@ -1322,227 +1322,227 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "search", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(null), u = D(!1), s = D(""), n = D(-1), f = D("bottom"), p = D("bottom"), v = `vf-multiselect-panel-${++r}`;
-    let _ = null;
-    const h = m(() => a.options.map((b) => ({
-      label: b[a.optionLabel],
-      value: b[a.optionValue],
-      disabled: b.disabled
-    }))), C = m(() => Array.isArray(a.modelValue) ? a.modelValue : []), M = m(() => {
+    const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(null), u = D(!1), s = D(""), n = D(-1), f = D("bottom"), b = D("bottom"), v = `vf-multiselect-panel-${++r}`;
+    let w = null;
+    const C = y(() => a.options.map((g) => ({
+      label: g[a.optionLabel],
+      value: g[a.optionValue],
+      disabled: g.disabled
+    }))), $ = y(() => Array.isArray(a.modelValue) ? a.modelValue : []), M = y(() => {
       if (!a.filter)
-        return h.value;
-      const b = s.value.trim().toLowerCase();
-      return b ? h.value.filter(($) => $.label.toLowerCase().includes(b)) : h.value;
-    }), V = m(() => h.value.filter((b) => C.value.includes(b.value))), A = m(() => V.value.length === 0 ? a.placeholder : V.value.map((b) => b.label).join(", ")), P = m(() => {
-      const b = ["vf-multiselect", `vf-multiselect_${a.variant}`, u.value ? "vf-multiselect_open" : ""];
-      return a.size !== "normal" && b.push(`vf-multiselect_${a.size}`), a.disabled && b.push("vf-multiselect_disabled"), b.filter(Boolean);
-    }), I = (b) => `${v}-option-${b}`, W = () => M.value.findIndex((b) => !b.disabled), F = (b) => C.value.includes(b.value), x = (b) => {
-      o("update:modelValue", b), o("change", b);
-    }, k = (b) => {
-      if (!(b.disabled || a.readonly)) {
-        if (F(b)) {
-          x(C.value.filter(($) => $ !== b.value));
+        return C.value;
+      const g = s.value.trim().toLowerCase();
+      return g ? C.value.filter((B) => B.label.toLowerCase().includes(g)) : C.value;
+    }), L = y(() => C.value.filter((g) => $.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);
+    }), O = (g) => `${v}-option-${g}`, E = () => M.value.findIndex((g) => !g.disabled), F = (g) => $.value.includes(g.value), p = (g) => {
+      o("update:modelValue", g), o("change", g);
+    }, m = (g) => {
+      if (!(g.disabled || a.readonly)) {
+        if (F(g)) {
+          p($.value.filter((B) => B !== g.value));
           return;
         }
-        x([...C.value, b.value]);
+        p([...$.value, g.value]);
       }
-    }, L = () => {
-      a.readonly || x([]);
-    }, K = (b) => {
-      const $ = M.value;
-      if (!$.length) {
+    }, k = () => {
+      a.readonly || p([]);
+    }, W = (g) => {
+      const B = M.value;
+      if (!B.length) {
         n.value = -1;
         return;
       }
-      let z = n.value;
-      (z < 0 || z >= $.length) && (z = b > 0 ? -1 : $.length);
-      for (let N = 0; N < $.length; N += 1)
-        if (z = (z + b + $.length) % $.length, !$[z].disabled) {
-          n.value = z;
+      let S = n.value;
+      (S < 0 || S >= B.length) && (S = g > 0 ? -1 : B.length);
+      for (let G = 0; G < B.length; G += 1)
+        if (S = (S + g + B.length) % B.length, !B[S].disabled) {
+          n.value = S;
           return;
         }
       n.value = -1;
-    }, j = async () => {
-      var b;
-      a.disabled || (u.value = !0, f.value = "bottom", p.value = "bottom", n.value < 0 && (n.value = W()), a.filter && (await Ce(), (b = l.value) == null || b.focus()));
+    }, A = async () => {
+      var g;
+      a.disabled || (u.value = !0, f.value = "bottom", b.value = "bottom", n.value < 0 && (n.value = E()), a.filter && (await ke(), (g = l.value) == null || g.focus()));
     }, X = () => {
-      u.value = !1, n.value = -1, f.value = "bottom", p.value = "bottom", s.value = "";
-    }, oe = () => {
+      u.value = !1, n.value = -1, f.value = "bottom", b.value = "bottom", s.value = "";
+    }, te = () => {
       if (u.value) {
         X();
         return;
       }
-      j();
-    }, q = () => {
+      A();
+    }, j = () => {
       if (!u.value) {
-        j();
+        A();
         return;
       }
-      K(1);
-    }, ae = () => {
+      W(1);
+    }, re = () => {
       if (!u.value) {
-        j();
+        A();
         return;
       }
-      K(-1);
-    }, J = () => {
+      W(-1);
+    }, Q = () => {
       if (!u.value) {
-        j();
+        A();
         return;
       }
-      const b = M.value[n.value];
-      b && !b.disabled && k(b);
-    }, ne = (b) => {
-      const $ = b.target;
-      s.value = $.value, o("search", $.value), n.value = W();
-    }, w = (b) => o("focus", b), E = (b) => o("blur", b), H = (b) => {
-      var z;
+      const g = M.value[n.value];
+      g && !g.disabled && m(g);
+    }, se = (g) => {
+      const B = g.target;
+      s.value = B.value, o("search", B.value), n.value = E();
+    }, x = (g) => o("focus", g), K = (g) => o("blur", g), N = (g) => {
+      var S;
       if (!u.value || !d.value)
         return;
-      const $ = b.target;
-      d.value.contains($) || (z = c.value) != null && z.contains($) || X();
-    }, ee = () => {
+      const B = g.target;
+      d.value.contains(B) || (S = c.value) != null && S.contains(B) || X();
+    }, oe = () => {
       if (!i.value || !c.value)
         return;
-      const b = i.value, $ = c.value, z = async () => {
+      const g = i.value, B = c.value, S = async () => {
         const {
-          x: he,
-          y: Oe,
-          placement: Ee
-        } = await Te(b, $, {
+          x: ye,
+          y: De,
+          placement: We
+        } = await Te(g, B, {
           placement: f.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        p.value = Ee ?? f.value, $.style.minWidth = `${b.getBoundingClientRect().width}px`, $.style.left = `${he}px`, $.style.top = `${Oe}px`;
-      }, N = async () => {
-        await z();
-      }, re = Le(b, () => {
-        N();
-      }), Z = () => {
-        N();
+        b.value = We ?? f.value, B.style.minWidth = `${g.getBoundingClientRect().width}px`, B.style.left = `${ye}px`, B.style.top = `${De}px`;
+      }, G = async () => {
+        await S();
+      }, le = Le(g, () => {
+        G();
+      }), J = () => {
+        G();
       };
-      document.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z, !1), _ = {
-        update: N,
+      document.addEventListener("scroll", J, !0), window.addEventListener("resize", J, !1), w = {
+        update: G,
         destroy: () => {
-          re(), document.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z, !1);
+          le(), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J, !1);
         }
-      }, _.update();
+      }, w.update();
     };
-    return te(
+    return ee(
       () => a.options,
       () => {
-        n.value >= M.value.length && (n.value = W()), _ == null || _.update();
+        n.value >= M.value.length && (n.value = E()), w == null || w.update();
       },
       { deep: !0 }
-    ), te(u, async (b) => {
-      if (!b) {
-        _ && (_.destroy(), _ = null);
+    ), ee(u, async (g) => {
+      if (!g) {
+        w && (w.destroy(), w = null);
         return;
       }
-      await Ce(), _ || ee(), _ == null || _.update();
-    }), te(M, () => {
-      n.value >= M.value.length && (n.value = W());
+      await ke(), w || oe(), w == null || w.update();
+    }), ee(M, () => {
+      n.value >= M.value.length && (n.value = E());
     }), Fe(() => {
-      document.addEventListener("click", H);
+      document.addEventListener("click", N);
     }), we(() => {
-      document.removeEventListener("click", H), _ == null || _.destroy(), _ = null;
-    }), (b, $) => (g(), y("div", {
+      document.removeEventListener("click", N), w == null || w.destroy(), w = null;
+    }), (g, B) => (h(), _("div", {
       ref_key: "root",
       ref: d,
-      class: R(P.value)
+      class: T(I.value)
     }, [
-      B("button", {
+      z("button", {
         ref_key: "trigger",
         ref: i,
         class: "vf-multiselect__control",
         type: "button",
-        disabled: b.disabled,
+        disabled: g.disabled,
         "aria-expanded": u.value,
         "aria-controls": v,
         "aria-haspopup": "listbox",
-        onClick: oe,
+        onClick: te,
         onKeydown: [
-          U(G(q, ["prevent"]), ["down"]),
-          U(G(ae, ["prevent"]), ["up"]),
-          U(G(J, ["prevent"]), ["enter"]),
-          U(G(X, ["prevent"]), ["esc"])
+          Z(q(j, ["prevent"]), ["down"]),
+          Z(q(re, ["prevent"]), ["up"]),
+          Z(q(Q, ["prevent"]), ["enter"]),
+          Z(q(X, ["prevent"]), ["esc"])
         ],
-        onFocus: w,
-        onBlur: E
+        onFocus: x,
+        onBlur: K
       }, [
-        B("span", {
-          class: R(["vf-multiselect__label", { "vf-multiselect__label_placeholder": C.value.length === 0 }])
-        }, O(A.value), 3),
-        $[0] || ($[0] = B("span", {
+        z("span", {
+          class: T(["vf-multiselect__label", { "vf-multiselect__label_placeholder": $.value.length === 0 }])
+        }, R(H.value), 3),
+        B[0] || (B[0] = z("span", {
           class: "vf-multiselect__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, uo),
-      b.clearable && C.value.length > 0 && !b.disabled && !b.readonly ? (g(), y("button", {
+      g.clearable && $.value.length > 0 && !g.disabled && !g.readonly ? (h(), _("button", {
         key: 0,
         class: "vf-multiselect__clear",
         type: "button",
         "aria-label": "Clear selection",
-        onClick: G(L, ["stop"])
-      }, " ✕ ")) : T("", !0),
-      (g(), le($e, { to: "body" }, [
-        ve(B("div", {
+        onClick: q(k, ["stop"])
+      }, " ✕ ")) : P("", !0),
+      (h(), ne($e, { to: "body" }, [
+        fe(z("div", {
           id: v,
           ref_key: "panel",
           ref: c,
           class: "vf-multiselect__panel",
           role: "listbox",
           "aria-multiselectable": "true",
-          "data-placement": p.value
+          "data-placement": b.value
         }, [
-          b.filter ? (g(), y("div", fo, [
-            B("input", {
+          g.filter ? (h(), _("div", fo, [
+            z("input", {
               ref_key: "searchInput",
               ref: l,
               class: "vf-multiselect__search-control",
               type: "text",
               value: s.value,
-              placeholder: b.searchPlaceholder,
-              onInput: ne,
+              placeholder: g.searchPlaceholder,
+              onInput: se,
               onKeydown: [
-                U(G(q, ["prevent"]), ["down"]),
-                U(G(ae, ["prevent"]), ["up"]),
-                U(G(J, ["prevent"]), ["enter"]),
-                U(G(X, ["prevent"]), ["esc"])
+                Z(q(j, ["prevent"]), ["down"]),
+                Z(q(re, ["prevent"]), ["up"]),
+                Z(q(Q, ["prevent"]), ["enter"]),
+                Z(q(X, ["prevent"]), ["esc"])
               ]
             }, null, 40, po)
-          ])) : T("", !0),
-          b.loading ? (g(), y("div", bo, O(b.loadingText), 1)) : M.value.length > 0 ? (g(!0), y(se, { key: 2 }, ke(M.value, (z, N) => (g(), y("button", {
-            id: I(N),
-            key: z.value,
-            class: R(["vf-multiselect__option", {
-              "is-active": F(z),
-              "is-disabled": z.disabled,
-              "is-highlighted": N === n.value
+          ])) : P("", !0),
+          g.loading ? (h(), _("div", bo, R(g.loadingText), 1)) : M.value.length > 0 ? (h(!0), _(ae, { key: 2 }, ve(M.value, (S, G) => (h(), _("button", {
+            id: O(G),
+            key: S.value,
+            class: T(["vf-multiselect__option", {
+              "is-active": F(S),
+              "is-disabled": S.disabled,
+              "is-highlighted": G === n.value
             }]),
             type: "button",
             role: "option",
-            disabled: z.disabled,
-            "aria-selected": F(z),
-            onClick: (re) => k(z)
+            disabled: S.disabled,
+            "aria-selected": F(S),
+            onClick: (le) => m(S)
           }, [
-            B("span", mo, O(z.label), 1),
-            F(z) ? (g(), y("span", ho, "✓")) : T("", !0)
-          ], 10, go))), 128)) : (g(), y("div", yo, O(b.emptyText), 1))
+            z("span", mo, R(S.label), 1),
+            F(S) ? (h(), _("span", ho, "✓")) : P("", !0)
+          ], 10, go))), 128)) : (h(), _("div", yo, R(g.emptyText), 1))
         ], 8, vo), [
-          [fe, u.value]
+          [pe, u.value]
         ])
       ]))
     ], 2));
   }
-}), _o = ["disabled", "aria-expanded", "onKeydown"], ko = ["data-placement", "onKeydown"], Co = { class: "vf-datepicker__header" }, wo = { class: "vf-datepicker__month-label" }, $o = {
+}), _o = ["disabled", "aria-expanded", "onKeydown"], Co = ["data-placement", "onKeydown"], ko = { class: "vf-datepicker__header" }, wo = { class: "vf-datepicker__month-label" }, $o = {
   class: "vf-datepicker__weekdays",
   role: "row"
 }, xo = {
   class: "vf-datepicker__days",
   role: "grid"
-}, Bo = ["disabled", "data-date", "onClick"], lr = /* @__PURE__ */ Y({
+}, Bo = ["disabled", "data-date", "onClick"], yr = /* @__PURE__ */ Y({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1559,231 +1559,231 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(!1), u = D("bottom"), s = D("bottom"), n = `vf-datepicker-panel-${++r}`, f = D(J(q(a.modelValue) ?? /* @__PURE__ */ new Date()));
-    let p = null;
-    const v = m(() => q(a.modelValue)), _ = m(() => q(a.min)), h = m(() => q(a.max)), C = m(() => v.value ? v.value.toLocaleDateString(a.locale, {
+    const o = e, a = t, d = D(null), i = D(null), c = D(null), l = D(!1), u = D("bottom"), s = D("bottom"), n = `vf-datepicker-panel-${++r}`, f = D(Q(j(a.modelValue) ?? /* @__PURE__ */ new Date()));
+    let b = null;
+    const v = y(() => j(a.modelValue)), w = y(() => j(a.min)), C = y(() => j(a.max)), $ = y(() => v.value ? v.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : ""), M = m(() => f.value.toLocaleDateString(a.locale, {
+    }) : ""), M = y(() => f.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "long"
-    })), V = m(() => {
-      const b = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), $ = new Date(2026, 0, 4);
-      return Array.from({ length: 7 }, (z, N) => {
-        const re = (N + a.firstDayOfWeek) % 7, Z = new Date($);
-        return Z.setDate($.getDate() + re), b.format(Z);
+    })), L = y(() => {
+      const g = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), B = new Date(2026, 0, 4);
+      return Array.from({ length: 7 }, (S, G) => {
+        const le = (G + a.firstDayOfWeek) % 7, J = new Date(B);
+        return J.setDate(B.getDate() + le), g.format(J);
       });
-    }), A = m(() => {
-      const b = E(f.value, a.firstDayOfWeek), $ = v.value ? H(v.value) : null, z = H(/* @__PURE__ */ new Date());
-      return Array.from({ length: 42 }, (N, re) => {
-        const Z = w(b, re), he = H(Z);
+    }), H = y(() => {
+      const g = K(f.value, a.firstDayOfWeek), B = v.value ? N(v.value) : null, S = N(/* @__PURE__ */ new Date());
+      return Array.from({ length: 42 }, (G, le) => {
+        const J = x(g, le), ye = N(J);
         return {
-          key: `${he}-${re}`,
-          iso: he,
-          date: Z,
-          day: Z.getDate(),
-          inCurrentMonth: Z.getMonth() === f.value.getMonth(),
-          isDisabled: ee(Z, _.value, h.value),
-          isSelected: $ === he,
-          isToday: he === z
+          key: `${ye}-${le}`,
+          iso: ye,
+          date: J,
+          day: J.getDate(),
+          inCurrentMonth: J.getMonth() === f.value.getMonth(),
+          isDisabled: oe(J, w.value, C.value),
+          isSelected: B === ye,
+          isToday: ye === S
         };
       });
-    }), P = m(() => {
-      const b = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
-      return a.size !== "normal" && b.push(`vf-datepicker_${a.size}`), a.disabled && b.push("vf-datepicker_disabled"), b.filter(Boolean);
-    }), I = (b) => o("focus", b), W = (b) => o("blur", b), F = () => {
+    }), 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);
+    }), O = (g) => o("focus", g), E = (g) => o("blur", g), F = () => {
       a.disabled || a.readonly || (l.value = !0, u.value = "bottom", s.value = "bottom");
-    }, x = () => {
+    }, p = () => {
       l.value = !1, u.value = "bottom", s.value = "bottom";
-    }, k = () => {
+    }, m = () => {
       if (l.value) {
-        x();
+        p();
         return;
       }
       F();
-    }, L = () => {
-      f.value = ne(f.value, -1);
-    }, K = () => {
-      f.value = ne(f.value, 1);
-    }, j = (b) => {
-      if (a.readonly || ee(b, _.value, h.value))
+    }, k = () => {
+      f.value = se(f.value, -1);
+    }, W = () => {
+      f.value = se(f.value, 1);
+    }, A = (g) => {
+      if (a.readonly || oe(g, w.value, C.value))
         return;
-      const $ = H(b);
-      o("update:modelValue", $), o("change", $), x();
-    }, X = (b) => {
-      var z;
+      const B = N(g);
+      o("update:modelValue", B), o("change", B), p();
+    }, X = (g) => {
+      var S;
       if (!l.value || !d.value)
         return;
-      const $ = b.target;
-      d.value.contains($) || (z = c.value) != null && z.contains($) || x();
-    }, oe = () => {
+      const B = g.target;
+      d.value.contains(B) || (S = c.value) != null && S.contains(B) || p();
+    }, te = () => {
       if (!i.value || !c.value)
         return;
-      const b = i.value, $ = c.value, z = async () => {
+      const g = i.value, B = c.value, S = async () => {
         const {
-          x: he,
-          y: Oe,
-          placement: Ee
-        } = await Te(b, $, {
+          x: ye,
+          y: De,
+          placement: We
+        } = await Te(g, B, {
           placement: u.value,
           strategy: "fixed",
           middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        s.value = Ee ?? u.value, $.style.left = `${he}px`, $.style.top = `${Oe}px`;
-      }, N = async () => {
-        await z();
-      }, re = Le(b, () => {
-        N();
-      }), Z = () => {
-        N();
+        s.value = We ?? u.value, B.style.left = `${ye}px`, B.style.top = `${De}px`;
+      }, G = async () => {
+        await S();
+      }, le = Le(g, () => {
+        G();
+      }), J = () => {
+        G();
       };
-      document.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z, !1), p = {
-        update: N,
+      document.addEventListener("scroll", J, !0), window.addEventListener("resize", J, !1), b = {
+        update: G,
         destroy: () => {
-          re(), document.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z, !1);
+          le(), document.removeEventListener("scroll", J, !0), window.removeEventListener("resize", J, !1);
         }
-      }, p.update();
+      }, b.update();
     };
-    te(
+    ee(
       () => a.modelValue,
-      (b) => {
-        const $ = q(b);
-        $ && (f.value = J($));
+      (g) => {
+        const B = j(g);
+        B && (f.value = Q(B));
       },
       { immediate: !0 }
-    ), te(
+    ), ee(
       () => [a.min, a.max],
       () => {
-        p == null || p.update();
+        b == null || b.update();
       }
-    ), te(l, async (b) => {
-      if (!b) {
-        p && (p.destroy(), p = null);
+    ), ee(l, async (g) => {
+      if (!g) {
+        b && (b.destroy(), b = null);
         return;
       }
-      await Ce(), p || oe(), p == null || p.update();
+      await ke(), b || te(), b == null || b.update();
     }), Fe(() => {
       document.addEventListener("click", X);
     }), we(() => {
-      document.removeEventListener("click", X), p == null || p.destroy(), p = null;
+      document.removeEventListener("click", X), b == null || b.destroy(), b = null;
     });
-    function q(b) {
-      if (!b)
+    function j(g) {
+      if (!g)
         return null;
-      const $ = b.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-      if (!$)
+      const B = g.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (!B)
         return null;
-      const z = Number($[1]), N = Number($[2]) - 1, re = Number($[3]), Z = new Date(z, N, re);
-      return Z.getFullYear() !== z || Z.getMonth() !== N || Z.getDate() !== re ? null : ae(Z);
+      const S = Number(B[1]), G = Number(B[2]) - 1, le = Number(B[3]), J = new Date(S, G, le);
+      return J.getFullYear() !== S || J.getMonth() !== G || J.getDate() !== le ? null : re(J);
     }
-    function ae(b) {
-      return new Date(b.getFullYear(), b.getMonth(), b.getDate());
+    function re(g) {
+      return new Date(g.getFullYear(), g.getMonth(), g.getDate());
     }
-    function J(b) {
-      return new Date(b.getFullYear(), b.getMonth(), 1);
+    function Q(g) {
+      return new Date(g.getFullYear(), g.getMonth(), 1);
     }
-    function ne(b, $) {
-      return new Date(b.getFullYear(), b.getMonth() + $, 1);
+    function se(g, B) {
+      return new Date(g.getFullYear(), g.getMonth() + B, 1);
     }
-    function w(b, $) {
-      return new Date(b.getFullYear(), b.getMonth(), b.getDate() + $);
+    function x(g, B) {
+      return new Date(g.getFullYear(), g.getMonth(), g.getDate() + B);
     }
-    function E(b, $) {
-      const z = J(b), re = (z.getDay() - $ + 7) % 7;
-      return w(z, -re);
+    function K(g, B) {
+      const S = Q(g), le = (S.getDay() - B + 7) % 7;
+      return x(S, -le);
     }
-    function H(b) {
-      const $ = b.getFullYear(), z = `${b.getMonth() + 1}`.padStart(2, "0"), N = `${b.getDate()}`.padStart(2, "0");
-      return `${$}-${z}-${N}`;
+    function N(g) {
+      const B = g.getFullYear(), S = `${g.getMonth() + 1}`.padStart(2, "0"), G = `${g.getDate()}`.padStart(2, "0");
+      return `${B}-${S}-${G}`;
     }
-    function ee(b, $, z) {
-      const N = ae(b).getTime();
-      return !!($ && N < $.getTime() || z && N > z.getTime());
+    function oe(g, B, S) {
+      const G = re(g).getTime();
+      return !!(B && G < B.getTime() || S && G > S.getTime());
     }
-    return (b, $) => (g(), y("div", {
+    return (g, B) => (h(), _("div", {
       ref_key: "root",
       ref: d,
-      class: R(P.value)
+      class: T(I.value)
     }, [
-      B("button", {
+      z("button", {
         ref_key: "control",
         ref: i,
         class: "vf-datepicker__control",
         type: "button",
-        disabled: b.disabled,
+        disabled: g.disabled,
         "aria-expanded": l.value,
         "aria-controls": n,
         "aria-haspopup": "dialog",
-        onClick: k,
+        onClick: m,
         onKeydown: [
-          U(G(F, ["prevent"]), ["down"]),
-          U(G(k, ["prevent"]), ["enter"]),
-          U(G(x, ["prevent"]), ["esc"])
+          Z(q(F, ["prevent"]), ["down"]),
+          Z(q(m, ["prevent"]), ["enter"]),
+          Z(q(p, ["prevent"]), ["esc"])
         ],
-        onFocus: I,
-        onBlur: W
+        onFocus: O,
+        onBlur: E
       }, [
-        B("span", {
-          class: R(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
-        }, O(C.value || b.placeholder), 3),
-        $[0] || ($[0] = B("span", {
+        z("span", {
+          class: T(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
+        }, R($.value || g.placeholder), 3),
+        B[0] || (B[0] = z("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, _o),
-      (g(), le($e, { to: "body" }, [
-        ve(B("div", {
+      (h(), ne($e, { to: "body" }, [
+        fe(z("div", {
           id: n,
           ref_key: "panel",
           ref: c,
           class: "vf-datepicker__panel",
           role: "dialog",
           "data-placement": s.value,
-          onKeydown: U(G(x, ["prevent"]), ["esc"])
+          onKeydown: Z(q(p, ["prevent"]), ["esc"])
         }, [
-          B("div", Co, [
-            B("button", {
+          z("div", ko, [
+            z("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Previous month",
-              onClick: L
+              onClick: k
             }, " ‹ "),
-            B("span", wo, O(M.value), 1),
-            B("button", {
+            z("span", wo, R(M.value), 1),
+            z("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Next month",
-              onClick: K
+              onClick: W
             }, " › ")
           ]),
-          B("div", $o, [
-            (g(!0), y(se, null, ke(V.value, (z) => (g(), y("span", {
-              key: z,
+          z("div", $o, [
+            (h(!0), _(ae, null, ve(L.value, (S) => (h(), _("span", {
+              key: S,
               class: "vf-datepicker__weekday"
-            }, O(z), 1))), 128))
+            }, R(S), 1))), 128))
           ]),
-          B("div", xo, [
-            (g(!0), y(se, null, ke(A.value, (z) => (g(), y("button", {
-              key: z.key,
-              class: R(["vf-datepicker__day", {
-                "is-outside": !z.inCurrentMonth,
-                "is-selected": z.isSelected,
-                "is-today": z.isToday
+          z("div", xo, [
+            (h(!0), _(ae, null, ve(H.value, (S) => (h(), _("button", {
+              key: S.key,
+              class: T(["vf-datepicker__day", {
+                "is-outside": !S.inCurrentMonth,
+                "is-selected": S.isSelected,
+                "is-today": S.isToday
               }]),
               type: "button",
-              disabled: z.isDisabled,
-              "data-date": z.iso,
-              onClick: (N) => j(z.date)
-            }, O(z.day), 11, Bo))), 128))
+              disabled: S.isDisabled,
+              "data-date": S.iso,
+              onClick: (G) => A(S.date)
+            }, R(S.day), 11, Bo))), 128))
           ])
-        ], 40, ko), [
-          [fe, l.value]
+        ], 40, Co), [
+          [pe, l.value]
         ])
       ]))
     ], 2));
   }
-}), zo = ["disabled"], Fo = ["disabled", "aria-current", "aria-label", "onClick"], So = ["disabled"], nr = /* @__PURE__ */ Y({
+}), zo = ["disabled"], Fo = ["disabled", "aria-current", "aria-label", "onClick"], So = ["disabled"], _r = /* @__PURE__ */ Y({
   __name: "pagination",
   props: {
     modelValue: { default: 1 },
@@ -1801,83 +1801,83 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = t, o = e, a = (v, _, h) => Math.min(h, Math.max(_, v)), d = (v, _) => {
-      if (_ < v)
+    const r = t, o = e, a = (v, w, C) => Math.min(C, Math.max(w, v)), d = (v, w) => {
+      if (w < v)
         return [];
-      const h = [];
-      for (let C = v; C <= _; C += 1)
-        h.push(C);
-      return h;
-    }, i = m(() => {
+      const C = [];
+      for (let $ = v; $ <= w; $ += 1)
+        C.push($);
+      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 = m(() => a(Math.floor(r.modelValue), 1, i.value)), l = m(() => c.value <= 1), u = m(() => c.value >= i.value), s = m(() => r.disabled || i.value <= 1), n = m(() => {
-      const v = i.value, _ = c.value, h = Math.max(0, Math.floor(r.siblingCount)), C = Math.max(0, Math.floor(r.boundaryCount)), M = h * 2 + C * 2 + 3, 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, w = c.value, C = Math.max(0, Math.floor(r.siblingCount)), $ = Math.max(0, Math.floor(r.boundaryCount)), M = C * 2 + $ * 2 + 3, L = [];
       if (v <= M)
         return d(1, v).map((F) => ({ key: `page-${F}`, type: "page", page: F }));
-      const A = d(1, C), P = d(v - C + 1, v), I = Math.max(Math.min(_ - h, v - C - h * 2 - 1), C + 2), W = Math.min(Math.max(_ + h, C + h * 2 + 2), v - C - 1);
-      for (const F of A)
-        V.push({ key: `page-${F}`, type: "page", page: F });
-      I > C + 2 ? V.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : C + 1 <= v - C && V.push({ key: `page-${C + 1}`, type: "page", page: C + 1 });
-      for (const F of d(I, W))
-        V.push({ key: `page-${F}`, type: "page", page: F });
-      W < v - C - 1 ? V.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - C > C && V.push({ key: `page-${v - C}`, type: "page", page: v - C });
-      for (const F of P)
-        V.push({ key: `page-${F}`, type: "page", page: F });
-      return V;
-    }), f = m(() => {
+      const H = d(1, $), I = d(v - $ + 1, v), O = Math.max(Math.min(w - C, v - $ - C * 2 - 1), $ + 2), E = Math.min(Math.max(w + C, $ + C * 2 + 2), v - $ - 1);
+      for (const F of H)
+        L.push({ key: `page-${F}`, type: "page", page: F });
+      O > $ + 2 ? L.push({ key: "ellipsis-start", type: "ellipsis", page: -1 }) : $ + 1 <= v - $ && L.push({ key: `page-${$ + 1}`, type: "page", page: $ + 1 });
+      for (const F of d(O, E))
+        L.push({ key: `page-${F}`, type: "page", page: F });
+      E < v - $ - 1 ? L.push({ key: "ellipsis-end", type: "ellipsis", page: -2 }) : v - $ > $ && L.push({ key: `page-${v - $}`, type: "page", page: v - $ });
+      for (const F of I)
+        L.push({ key: `page-${F}`, type: "page", page: F });
+      return L;
+    }), 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, _) => {
+    }), b = (v, w) => {
       if (s.value)
         return;
-      const h = a(v, 1, i.value);
-      h !== r.modelValue && (o("update:modelValue", h), o("change", h, _));
+      const C = a(v, 1, i.value);
+      C !== r.modelValue && (o("update:modelValue", C), o("change", C, w));
     };
-    return (v, _) => (g(), y("nav", {
-      class: R(f.value),
+    return (v, w) => (h(), _("nav", {
+      class: T(f.value),
       "aria-label": "Pagination"
     }, [
-      B("button", {
+      z("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
         disabled: s.value || l.value,
         "aria-label": "Previous page",
-        onClick: _[0] || (_[0] = (h) => p(c.value - 1, h))
-      }, O(v.prevLabel), 9, zo),
-      (g(!0), y(se, null, ke(n.value, (h) => (g(), y("button", {
-        key: h.key,
-        class: R(["vf-pagination__item", {
-          "is-current": h.type === "page" && h.page === c.value,
-          "is-ellipsis": h.type === "ellipsis"
+        onClick: w[0] || (w[0] = (C) => b(c.value - 1, C))
+      }, R(v.prevLabel), 9, zo),
+      (h(!0), _(ae, null, ve(n.value, (C) => (h(), _("button", {
+        key: C.key,
+        class: T(["vf-pagination__item", {
+          "is-current": C.type === "page" && C.page === c.value,
+          "is-ellipsis": C.type === "ellipsis"
         }]),
         type: "button",
-        disabled: s.value || h.type === "ellipsis",
-        "aria-current": h.type === "page" && h.page === c.value ? "page" : void 0,
-        "aria-label": h.type === "page" ? `Page ${h.page}` : void 0,
-        onClick: (C) => h.type === "page" && p(h.page, C)
+        disabled: s.value || C.type === "ellipsis",
+        "aria-current": C.type === "page" && C.page === c.value ? "page" : void 0,
+        "aria-label": C.type === "page" ? `Page ${C.page}` : void 0,
+        onClick: ($) => C.type === "page" && b(C.page, $)
       }, [
-        h.type === "page" ? (g(), y(se, { key: 0 }, [
-          Q(O(h.page), 1)
-        ], 64)) : (g(), y(se, { key: 1 }, [
-          Q(O(v.ellipsisLabel), 1)
+        C.type === "page" ? (h(), _(ae, { key: 0 }, [
+          U(R(C.page), 1)
+        ], 64)) : (h(), _(ae, { key: 1 }, [
+          U(R(v.ellipsisLabel), 1)
         ], 64))
       ], 10, Fo))), 128)),
-      B("button", {
+      z("button", {
         class: "vf-pagination__item vf-pagination__item_nav",
         type: "button",
         disabled: s.value || u.value,
         "aria-label": "Next page",
-        onClick: _[1] || (_[1] = (h) => p(c.value + 1, h))
-      }, O(v.nextLabel), 9, So)
+        onClick: w[1] || (w[1] = (C) => b(c.value + 1, C))
+      }, R(v.nextLabel), 9, So)
     ], 2));
   }
 }), Vo = ["checked", "disabled"], Lo = {
   key: 0,
   class: "vf-checkbox__label"
-}, sr = /* @__PURE__ */ Y({
+}, Cr = /* @__PURE__ */ Y({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1887,32 +1887,32 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = m(() => {
+    const r = e, o = t, a = y(() => {
       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);
     };
-    return (i, c) => (g(), y("label", {
-      class: R(a.value)
+    return (i, c) => (h(), _("label", {
+      class: T(a.value)
     }, [
-      B("input", {
+      z("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
         checked: i.modelValue,
         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 ? (g(), y("span", Lo, [
-        S(i.$slots, "default", {}, () => [
-          Q(O(i.label), 1)
+      c[0] || (c[0] = z("span", { class: "vf-checkbox__box" }, null, -1)),
+      i.label || i.$slots.default ? (h(), _("span", Lo, [
+        V(i.$slots, "default", {}, () => [
+          U(R(i.label), 1)
         ])
-      ])) : T("", !0)
+      ])) : P("", !0)
     ], 2));
   }
-}), ot = Symbol("VueForgeRadioGroup"), To = ["aria-disabled", "aria-label", "aria-labelledby"], ir = /* @__PURE__ */ Y({
+}), at = Symbol("VueForgeRadioGroup"), To = ["aria-disabled", "aria-label", "aria-labelledby"], kr = /* @__PURE__ */ Y({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1925,32 +1925,32 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = m(() => {
+    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);
     }, i = {
-      name: m(() => o.name),
-      modelValue: m(() => o.modelValue),
-      disabled: m(() => o.disabled),
-      variant: m(() => o.variant),
+      name: y(() => o.name),
+      modelValue: y(() => o.modelValue),
+      disabled: y(() => o.disabled),
+      variant: y(() => o.variant),
       onChange: d
     };
-    return Ae(ot, i), (c, l) => (g(), y("div", {
-      class: R(a.value),
+    return He(at, i), (c, l) => (h(), _("div", {
+      class: T(a.value),
       role: "radiogroup",
       "aria-disabled": c.disabled || void 0,
       "aria-label": c.ariaLabel || void 0,
       "aria-labelledby": c.ariaLabelledby || void 0
     }, [
-      S(c.$slots, "default")
+      V(c.$slots, "default")
     ], 10, To));
   }
 }), Ro = ["name", "value", "checked", "disabled"], Po = {
   key: 0,
   class: "vf-radio__label"
-}, dr = /* @__PURE__ */ Y({
+}, wr = /* @__PURE__ */ Y({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1962,16 +1962,16 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = De(ot, null), d = m(() => a ? a.modelValue.value : o.modelValue), i = m(() => a ? a.name.value : o.name), c = m(() => a ? a.variant.value : o.variant), l = m(() => (a ? a.disabled.value : !1) || o.disabled), u = m(() => d.value === o.value), s = m(() => {
+    const r = e, o = t, a = Me(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}`];
       return l.value && f.push("vf-radio_disabled"), f;
     }), n = (f) => {
       l.value || (a ? a.onChange(o.value, f) : r("update:modelValue", o.value), r("change", o.value, f));
     };
-    return (f, p) => (g(), y("label", {
-      class: R(s.value)
+    return (f, b) => (h(), _("label", {
+      class: T(s.value)
     }, [
-      B("input", {
+      z("input", {
         class: "vf-radio__control",
         type: "radio",
         name: i.value,
@@ -1980,15 +1980,15 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
         disabled: l.value,
         onChange: n
       }, null, 40, Ro),
-      p[0] || (p[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
-      f.label || f.$slots.default ? (g(), y("span", Po, [
-        S(f.$slots, "default", {}, () => [
-          Q(O(f.label), 1)
+      b[0] || (b[0] = z("span", { class: "vf-radio__circle" }, null, -1)),
+      f.label || f.$slots.default ? (h(), _("span", Po, [
+        V(f.$slots, "default", {}, () => [
+          U(R(f.label), 1)
         ])
-      ])) : T("", !0)
+      ])) : P("", !0)
     ], 2));
   }
-}), He = Symbol("VueForgeTabs"), Io = ["aria-orientation", "aria-label", "aria-labelledby"], Mo = { class: "vf-tabs__panels" }, cr = /* @__PURE__ */ Y({
+}), Ke = Symbol("VueForgeTabs"), Io = ["aria-orientation", "aria-label", "aria-labelledby"], Oo = { class: "vf-tabs__panels" }, $r = /* @__PURE__ */ Y({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -2000,7 +2000,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   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 = m(() => {
+    const o = e, a = t, d = ++r, i = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = y(() => {
       const v = ["vf-tabs"];
       return a.orientation === "vertical" && v.push("vf-tabs_vertical"), a.disabled && v.push("vf-tabs_disabled"), v;
     }), l = D(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], s = (v) => {
@@ -2008,29 +2008,29 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     }, n = (v) => {
       if (a.disabled)
         return;
-      const _ = a.orientation === "horizontal", h = v.key, C = _ ? ["ArrowRight"] : ["ArrowDown"], M = _ ? ["ArrowLeft"] : ["ArrowUp"];
-      if (![...C, ...M, "Home", "End"].includes(h))
+      const w = a.orientation === "horizontal", C = v.key, $ = w ? ["ArrowRight"] : ["ArrowDown"], M = w ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...$, ...M, "Home", "End"].includes(C))
         return;
-      const V = u();
-      if (!V.length)
+      const L = u();
+      if (!L.length)
         return;
-      const A = V.findIndex((F) => F.getAttribute("aria-selected") === "true"), P = V.findIndex((F) => F === document.activeElement), I = P >= 0 ? P : Math.max(A, 0);
-      let W = I;
-      C.includes(h) ? W = (I + 1) % V.length : M.includes(h) ? W = (I - 1 + V.length) % V.length : h === "Home" ? W = 0 : h === "End" && (W = V.length - 1), v.preventDefault(), s(V[W]);
-    }, f = (v, _) => {
-      o("update:modelValue", v), o("change", v, _);
-    }, p = {
-      activeValue: m(() => a.modelValue),
-      disabled: m(() => a.disabled),
-      orientation: m(() => a.orientation),
+      const H = L.findIndex((F) => F.getAttribute("aria-selected") === "true"), I = L.findIndex((F) => F === document.activeElement), O = I >= 0 ? I : Math.max(H, 0);
+      let E = O;
+      $.includes(C) ? E = (O + 1) % L.length : M.includes(C) ? E = (O - 1 + L.length) % L.length : C === "Home" ? E = 0 : C === "End" && (E = L.length - 1), v.preventDefault(), s(L[E]);
+    }, f = (v, w) => {
+      o("update:modelValue", v), o("change", v, w);
+    }, b = {
+      activeValue: y(() => a.modelValue),
+      disabled: y(() => a.disabled),
+      orientation: y(() => a.orientation),
       onChange: f,
       getTabId: (v) => `vf-tab-${d}-${i(v)}`,
       getPanelId: (v) => `vf-tabpanel-${d}-${i(v)}`
     };
-    return Ae(He, p), (v, _) => (g(), y("div", {
-      class: R(c.value)
+    return He(Ke, b), (v, w) => (h(), _("div", {
+      class: T(c.value)
     }, [
-      B("div", {
+      z("div", {
         ref_key: "list",
         ref: l,
         class: "vf-tabs__list",
@@ -2040,14 +2040,14 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
         "aria-labelledby": v.ariaLabelledby || void 0,
         onKeydown: n
       }, [
-        S(v.$slots, "tabs")
+        V(v.$slots, "tabs")
       ], 40, Io),
-      B("div", Mo, [
-        S(v.$slots, "panels")
+      z("div", Oo, [
+        V(v.$slots, "panels")
       ])
     ], 2));
   }
-}), Do = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], ur = /* @__PURE__ */ Y({
+}), Mo = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], xr = /* @__PURE__ */ Y({
   __name: "tab",
   props: {
     value: {},
@@ -2056,12 +2056,12 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = De(He, null), d = m(() => (a == null ? void 0 : a.activeValue.value) === o.value), i = m(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = m(() => a ? a.getTabId(o.value) : void 0), l = m(() => a ? a.getPanelId(o.value) : void 0), u = m(() => i.value ? -1 : d.value ? 0 : -1), s = (n) => {
+    const r = e, o = t, a = Me(Ke, 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));
     };
-    return (n, f) => (g(), y("button", {
+    return (n, f) => (h(), _("button", {
       id: c.value,
-      class: R(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": i.value }]),
+      class: T(["vf-tab", { "vf-tab_active": d.value, "vf-tab_disabled": i.value }]),
       type: "button",
       role: "tab",
       "aria-selected": d.value,
@@ -2070,31 +2070,31 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       tabindex: u.value,
       onClick: s
     }, [
-      S(n.$slots, "default", {}, () => [
-        Q(O(n.label), 1)
+      V(n.$slots, "default", {}, () => [
+        U(R(n.label), 1)
       ])
-    ], 10, Do));
+    ], 10, Mo));
   }
-}), Oo = ["id", "aria-labelledby"], vr = /* @__PURE__ */ Y({
+}), Do = ["id", "aria-labelledby"], Br = /* @__PURE__ */ Y({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(t) {
-    const e = t, r = De(He, null), o = m(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = m(() => r ? r.getTabId(e.value) : void 0), d = m(() => r ? r.getPanelId(e.value) : void 0);
-    return (i, c) => ve((g(), y("div", {
+    const e = t, r = Me(Ke, 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((h(), _("div", {
       id: d.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": a.value
     }, [
-      S(i.$slots, "default")
-    ], 8, Oo)), [
-      [fe, o.value]
+      V(i.$slots, "default")
+    ], 8, Do)), [
+      [pe, o.value]
     ]);
   }
-}), at = Symbol("VueForgeAccordion"), Eo = ["aria-label", "aria-labelledby"], fr = /* @__PURE__ */ Y({
+}), rt = Symbol("VueForgeAccordion"), Wo = ["aria-label", "aria-labelledby"], zr = /* @__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", me
   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 = m(() => {
+    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) => {
       if (a.disabled)
         return;
       if (a.multiple) {
-        const v = l(a.modelValue), h = v.includes(n) ? v.filter((C) => C !== n) : [...v, n];
-        o("update:modelValue", h), o("change", h, f);
+        const v = l(a.modelValue), C = v.includes(n) ? v.filter(($) => $ !== n) : [...v, n];
+        o("update:modelValue", C), o("change", C, f);
         return;
       }
-      const p = a.modelValue === n ? void 0 : n;
-      o("update:modelValue", p), o("change", p, f);
+      const b = a.modelValue === n ? void 0 : n;
+      o("update:modelValue", b), o("change", b, f);
     }, s = {
-      modelValue: m(() => a.modelValue),
-      multiple: m(() => a.multiple),
-      disabled: m(() => a.disabled),
-      variant: m(() => a.variant),
-      size: m(() => a.size),
+      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)}`
     };
-    return Ae(at, s), (n, f) => (g(), y("div", {
-      class: R(c.value),
+    return He(rt, s), (n, f) => (h(), _("div", {
+      class: T(c.value),
       "aria-label": n.ariaLabel || void 0,
       "aria-labelledby": n.ariaLabelledby || void 0
     }, [
-      S(n.$slots, "default")
-    ], 10, Eo));
+      V(n.$slots, "default")
+    ], 10, Wo));
   }
-}), Wo = ["id", "disabled", "aria-expanded", "aria-controls"], Ao = { class: "vf-accordion__title" }, Ho = ["id", "aria-labelledby", "aria-hidden"], Ko = { class: "vf-accordion__panel-inner" }, pr = /* @__PURE__ */ Y({
+}), Ao = ["id", "disabled", "aria-expanded", "aria-controls"], Eo = { class: "vf-accordion__title" }, Ho = ["id", "aria-labelledby", "aria-hidden"], Ko = { class: "vf-accordion__panel-inner" }, Fr = /* @__PURE__ */ Y({
   __name: "accordion-item",
   props: {
     value: {},
@@ -2148,21 +2148,21 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     unmount: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = De(at, null), o = m(() => {
+    const e = t, r = Me(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 = m(() => ((r == null ? void 0 : r.disabled.value) ?? !1) || e.disabled), d = m(() => r ? r.getHeaderId(e.value) : void 0), i = m(() => r ? r.getPanelId(e.value) : void 0), c = m(() => e.unmount ? o.value : !0), l = m(() => {
+    }), 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);
     };
-    return (s, n) => (g(), y("div", {
-      class: R(l.value)
+    return (s, n) => (h(), _("div", {
+      class: T(l.value)
     }, [
-      B("button", {
+      z("button", {
         id: d.value,
         class: "vf-accordion__header",
         type: "button",
@@ -2171,37 +2171,37 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
         "aria-controls": i.value,
         onClick: u
       }, [
-        B("span", Ao, [
-          S(s.$slots, "title", {}, () => [
-            Q(O(s.title), 1)
+        z("span", Eo, [
+          V(s.$slots, "title", {}, () => [
+            U(R(s.title), 1)
           ])
         ]),
-        n[0] || (n[0] = B("span", {
+        n[0] || (n[0] = z("span", {
           class: "vf-accordion__icon",
           "aria-hidden": "true"
         }, null, -1))
-      ], 8, Wo),
-      c.value ? (g(), y("div", {
+      ], 8, Ao),
+      c.value ? (h(), _("div", {
         key: 0,
         id: i.value,
-        class: R(["vf-accordion__panel", { "vf-accordion__panel_open": o.value }]),
+        class: T(["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, [
-          S(s.$slots, "default")
+        z("div", Ko, [
+          V(s.$slots, "default")
         ])
-      ], 10, Ho)) : T("", !0)
+      ], 10, Ho)) : P("", !0)
     ], 2));
   }
-}), No = ["data-severity"], Yo = { class: "vf-toast__body" }, Go = {
+}), No = ["data-severity"], Go = { class: "vf-toast__body" }, Yo = {
   key: 0,
   class: "vf-toast__title"
 }, jo = {
   key: 1,
   class: "vf-toast__message"
-}, br = /* @__PURE__ */ Y({
+}, Sr = /* @__PURE__ */ Y({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2224,7 +2224,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     }, c = () => {
       d(), r("update:modelValue", !1), r("close");
     };
-    return te(
+    return ee(
       () => o.modelValue,
       (l) => {
         l && r("open"), i();
@@ -2232,48 +2232,48 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
       { immediate: !0 }
     ), we(() => {
       d();
-    }), (l, u) => ve((g(), y("div", {
+    }), (l, u) => fe((h(), _("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
-      B("div", Yo, [
-        l.title ? (g(), y("div", Go, O(l.title), 1)) : T("", !0),
-        l.message || l.$slots.default ? (g(), y("div", jo, [
-          S(l.$slots, "default", {}, () => [
-            Q(O(l.message), 1)
+      z("div", Go, [
+        l.title ? (h(), _("div", Yo, R(l.title), 1)) : P("", !0),
+        l.message || l.$slots.default ? (h(), _("div", jo, [
+          V(l.$slots, "default", {}, () => [
+            U(R(l.message), 1)
           ])
-        ])) : T("", !0)
+        ])) : P("", !0)
       ]),
-      l.closable ? (g(), y("button", {
+      l.closable ? (h(), _("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
         onClick: c
       }, [
-        S(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = Q("×"))
+        V(l.$slots, "close", {}, () => [
+          u[0] || (u[0] = U("×"))
         ])
-      ])) : T("", !0)
+      ])) : P("", !0)
     ], 8, No)), [
-      [fe, l.modelValue]
+      [pe, l.modelValue]
     ]);
   }
-}), gr = /* @__PURE__ */ Y({
+}), Vr = /* @__PURE__ */ Y({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(t) {
-    const e = t, r = m(() => `vf-toast-container_${e.position}`);
-    return (o, a) => (g(), le($e, { to: "body" }, [
-      B("div", {
-        class: R(["vf-toast-container", r.value]),
+    const e = t, r = y(() => `vf-toast-container_${e.position}`);
+    return (o, a) => (h(), ne($e, { to: "body" }, [
+      z("div", {
+        class: T(["vf-toast-container", r.value]),
         role: "region",
         "aria-live": "polite"
       }, [
-        S(o.$slots, "default")
+        V(o.$slots, "default")
       ], 2)
     ]));
   }
@@ -2290,7 +2290,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
 }, Qo = {
   key: 1,
   class: "vf-alert__actions"
-}, mr = /* @__PURE__ */ Y({
+}, Lr = /* @__PURE__ */ Y({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -2302,8 +2302,8 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = D(!0), d = m(() => typeof o.modelValue == "boolean"), i = m(() => d.value ? o.modelValue : a.value);
-    te(
+    const r = e, o = t, a = D(!0), d = y(() => typeof o.modelValue == "boolean"), i = y(() => d.value ? o.modelValue : a.value);
+    ee(
       () => o.modelValue,
       (l) => {
         typeof l == "boolean" && (a.value = l);
@@ -2313,50 +2313,50 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     const c = () => {
       d.value ? r("update:modelValue", !1) : a.value = !1, r("close");
     };
-    return (l, u) => ve((g(), y("div", {
+    return (l, u) => fe((h(), _("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": l.severity
     }, [
-      l.$slots.icon || l.icon ? (g(), y("div", qo, [
-        S(l.$slots, "icon", {}, () => [
-          Q(O(l.icon), 1)
+      l.$slots.icon || l.icon ? (h(), _("div", qo, [
+        V(l.$slots, "icon", {}, () => [
+          U(R(l.icon), 1)
         ])
-      ])) : T("", !0),
-      B("div", Uo, [
-        l.title || l.$slots.title ? (g(), y("div", Zo, [
-          S(l.$slots, "title", {}, () => [
-            Q(O(l.title), 1)
+      ])) : P("", !0),
+      z("div", Uo, [
+        l.title || l.$slots.title ? (h(), _("div", Zo, [
+          V(l.$slots, "title", {}, () => [
+            U(R(l.title), 1)
           ])
-        ])) : T("", !0),
-        l.message || l.$slots.default ? (g(), y("div", Jo, [
-          S(l.$slots, "default", {}, () => [
-            Q(O(l.message), 1)
+        ])) : P("", !0),
+        l.message || l.$slots.default ? (h(), _("div", Jo, [
+          V(l.$slots, "default", {}, () => [
+            U(R(l.message), 1)
           ])
-        ])) : T("", !0)
+        ])) : P("", !0)
       ]),
-      l.$slots.actions ? (g(), y("div", Qo, [
-        S(l.$slots, "actions")
-      ])) : T("", !0),
-      l.closable ? (g(), y("button", {
+      l.$slots.actions ? (h(), _("div", Qo, [
+        V(l.$slots, "actions")
+      ])) : P("", !0),
+      l.closable ? (h(), _("button", {
         key: 2,
         class: "vf-alert__close",
         type: "button",
         "aria-label": "Close",
         onClick: c
       }, [
-        S(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = Q("×"))
+        V(l.$slots, "close", {}, () => [
+          u[0] || (u[0] = U("×"))
         ])
-      ])) : T("", !0)
+      ])) : P("", !0)
     ], 8, Xo)), [
-      [fe, i.value]
+      [pe, i.value]
     ]);
   }
 }), ea = ["checked", "disabled"], ta = {
   key: 0,
   class: "vf-switch__label"
-}, hr = /* @__PURE__ */ Y({
+}, Tr = /* @__PURE__ */ Y({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2365,44 +2365,44 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = m(() => {
+    const r = e, o = t, a = y(() => {
       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);
     };
-    return (i, c) => (g(), y("label", {
-      class: R(a.value)
+    return (i, c) => (h(), _("label", {
+      class: T(a.value)
     }, [
-      B("input", {
+      z("input", {
         class: "vf-switch__control",
         type: "checkbox",
         checked: i.modelValue,
         disabled: i.disabled,
         onChange: d
       }, null, 40, ea),
-      c[0] || (c[0] = B("span", { class: "vf-switch__track" }, [
-        B("span", { class: "vf-switch__thumb" })
+      c[0] || (c[0] = z("span", { class: "vf-switch__track" }, [
+        z("span", { class: "vf-switch__thumb" })
       ], -1)),
-      i.label || i.$slots.default ? (g(), y("span", ta, [
-        S(i.$slots, "default", {}, () => [
-          Q(O(i.label), 1)
+      i.label || i.$slots.default ? (h(), _("span", ta, [
+        V(i.$slots, "default", {}, () => [
+          U(R(i.label), 1)
         ])
-      ])) : T("", !0)
+      ])) : P("", !0)
     ], 2));
   }
-}), oa = { class: "vf-popover" }, aa = ["aria-expanded", "onKeydown"], yr = /* @__PURE__ */ Y({
+}), oa = { class: "vf-popover" }, aa = ["aria-expanded", "onKeydown"], Rr = /* @__PURE__ */ Y({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
-    const o = r, a = nt({ visible: !1 });
+    const o = r, a = st({ 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");
     };
-    return e({ show: c, hide: l, toggle: u }), (n, f) => (g(), y("div", oa, [
-      B("div", {
+    return e({ show: c, hide: l, toggle: u }), (n, f) => (h(), _("div", oa, [
+      z("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
@@ -2411,54 +2411,54 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
         "aria-controls": i,
         onClick: s,
         onKeydown: [
-          U(G(s, ["prevent"]), ["enter"]),
-          U(G(s, ["prevent"]), ["space"])
+          Z(q(s, ["prevent"]), ["enter"]),
+          Z(q(s, ["prevent"]), ["space"])
         ]
       }, [
-        S(n.$slots, "button")
+        V(n.$slots, "button")
       ], 40, aa),
-      ve(Ue(_t, {
+      fe(Ze(_t, {
         id: i,
         class: "vf-popover__wrapper"
-      }, st({
-        default: ye(() => [
-          f[0] || (f[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
+      }, it({
+        default: _e(() => [
+          f[0] || (f[0] = z("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
         n.$slots.default ? {
           name: "default",
-          fn: ye(() => [
-            S(n.$slots, "default")
+          fn: _e(() => [
+            V(n.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         n.$slots.header || n.$slots.popoverHeader ? {
           name: "header",
-          fn: ye(() => [
-            S(n.$slots, "header"),
-            n.$slots.header ? T("", !0) : S(n.$slots, "popoverHeader", { key: 0 })
+          fn: _e(() => [
+            V(n.$slots, "header"),
+            n.$slots.header ? P("", !0) : V(n.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
         n.$slots.body || n.$slots.popoverBody ? {
           name: "body",
-          fn: ye(() => [
-            S(n.$slots, "body"),
-            n.$slots.body ? T("", !0) : S(n.$slots, "popoverBody", { key: 0 })
+          fn: _e(() => [
+            V(n.$slots, "body"),
+            n.$slots.body ? P("", !0) : V(n.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
         n.$slots.footer || n.$slots.popoverFooter ? {
           name: "footer",
-          fn: ye(() => [
-            S(n.$slots, "footer"),
-            n.$slots.footer ? T("", !0) : S(n.$slots, "popoverFooter", { key: 0 })
+          fn: _e(() => [
+            V(n.$slots, "footer"),
+            n.$slots.footer ? P("", !0) : V(n.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [fe, a.visible]
+        [pe, a.visible]
       ])
     ]));
   }
@@ -2471,7 +2471,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
 }, sa = {
   key: 3,
   class: "vf-modal__footer"
-}, _r = /* @__PURE__ */ Y({
+}, Pr = /* @__PURE__ */ Y({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2486,102 +2486,102 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   setup(t, { expose: e, emit: r }) {
     const o = r, a = t;
     let d = 0, i = 0, c = "", l = null;
-    const u = D(null), s = Ze(), n = `vf-modal-title-${++d}`, f = `vf-modal-body-${d}`, p = m(() => !!a.title || !!s.header), v = m(() => !!s.body || !!s.default), _ = m(() => {
-      const x = ["vf-modal"];
-      return a.size !== "md" && x.push(`vf-modal_${a.size}`), x;
-    }), h = () => o("update:modelValue", !0), C = () => {
+    const u = D(null), s = Je(), n = `vf-modal-title-${++d}`, f = `vf-modal-body-${d}`, b = y(() => !!a.title || !!s.header), v = y(() => !!s.body || !!s.default), w = y(() => {
+      const p = ["vf-modal"];
+      return a.size !== "md" && p.push(`vf-modal_${a.size}`), p;
+    }), C = () => o("update:modelValue", !0), $ = () => {
       o("update:modelValue", !1), o("close");
     }, M = () => {
-      a.closeOnOverlay && C();
-    }, V = (x) => {
-      !a.modelValue || !a.closeOnEsc || x.key === "Escape" && (x.preventDefault(), C());
-    }, A = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((k) => !k.hasAttribute("disabled") && !k.getAttribute("aria-hidden")) : [], P = () => {
-      var k;
-      const x = A();
-      x.length ? x[0].focus() : (k = u.value) == null || k.focus();
-    }, I = (x) => {
+      a.closeOnOverlay && $();
+    }, L = (p) => {
+      !a.modelValue || !a.closeOnEsc || p.key === "Escape" && (p.preventDefault(), $());
+    }, 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((m) => !m.hasAttribute("disabled") && !m.getAttribute("aria-hidden")) : [], I = () => {
+      var m;
+      const p = H();
+      p.length ? p[0].focus() : (m = u.value) == null || m.focus();
+    }, O = (p) => {
       var X;
-      if (x.key !== "Tab")
+      if (p.key !== "Tab")
         return;
-      const k = A();
-      if (!k.length) {
-        x.preventDefault(), (X = u.value) == null || X.focus();
+      const m = H();
+      if (!m.length) {
+        p.preventDefault(), (X = u.value) == null || X.focus();
         return;
       }
-      const L = k[0], K = k[k.length - 1], j = document.activeElement;
-      if (x.shiftKey && j === L) {
-        x.preventDefault(), K.focus();
+      const k = m[0], W = m[m.length - 1], A = document.activeElement;
+      if (p.shiftKey && A === k) {
+        p.preventDefault(), W.focus();
         return;
       }
-      !x.shiftKey && j === K && (x.preventDefault(), L.focus());
-    }, W = () => {
+      !p.shiftKey && A === W && (p.preventDefault(), k.focus());
+    }, E = () => {
       !a.lockScroll || typeof document > "u" || (i === 0 && (c = 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 = c));
     };
-    return te(
+    return ee(
       () => a.modelValue,
-      async (x) => {
-        x ? (typeof document < "u" && (l = document.activeElement), W(), o("open"), await Ce(), P(), typeof document < "u" && document.addEventListener("keydown", V)) : (F(), typeof document < "u" && (document.removeEventListener("keydown", V), l == null || l.focus()));
+      async (p) => {
+        p ? (typeof document < "u" && (l = document.activeElement), E(), o("open"), await ke(), I(), typeof document < "u" && document.addEventListener("keydown", L)) : (F(), typeof document < "u" && (document.removeEventListener("keydown", L), l == null || l.focus()));
       },
       { immediate: !0 }
     ), we(() => {
-      F(), typeof document < "u" && document.removeEventListener("keydown", V);
-    }), e({ open: h, close: C }), (x, k) => (g(), le($e, { to: "body" }, [
-      ve(B("div", {
-        class: R(_.value),
+      F(), typeof document < "u" && document.removeEventListener("keydown", L);
+    }), e({ open: C, close: $ }), (p, m) => (h(), ne($e, { to: "body" }, [
+      fe(z("div", {
+        class: T(w.value),
         role: "presentation"
       }, [
-        B("div", {
+        z("div", {
           class: "vf-modal__overlay",
           onClick: M
         }),
-        B("div", {
+        z("div", {
           ref_key: "panel",
           ref: u,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": p.value ? n : void 0,
+          "aria-labelledby": b.value ? n : void 0,
           "aria-describedby": v.value ? f : void 0,
           tabindex: "-1",
-          onKeydown: I
+          onKeydown: O
         }, [
-          p.value ? (g(), y("div", la, [
-            B("div", {
+          b.value ? (h(), _("div", la, [
+            z("div", {
               id: n,
               class: "vf-modal__header-content"
             }, [
-              S(x.$slots, "header", {}, () => [
-                x.title ? (g(), y("h3", na, O(x.title), 1)) : T("", !0)
+              V(p.$slots, "header", {}, () => [
+                p.title ? (h(), _("h3", na, R(p.title), 1)) : P("", !0)
               ])
             ])
-          ])) : T("", !0),
-          x.showClose ? S(x.$slots, "close", {
+          ])) : P("", !0),
+          p.showClose ? V(p.$slots, "close", {
             key: 1,
-            close: C
+            close: $
           }, () => [
-            B("button", {
+            z("button", {
               type: "button",
               class: "vf-modal__close",
               "aria-label": "Close",
-              onClick: C
+              onClick: $
             }, "×")
-          ]) : T("", !0),
-          x.$slots.body || x.$slots.default ? (g(), y("div", {
+          ]) : P("", !0),
+          p.$slots.body || p.$slots.default ? (h(), _("div", {
             key: 2,
             id: f,
             class: "vf-modal__body"
           }, [
-            S(x.$slots, "body"),
-            x.$slots.body ? T("", !0) : S(x.$slots, "default", { key: 0 })
-          ])) : T("", !0),
-          x.$slots.footer ? (g(), y("div", sa, [
-            S(x.$slots, "footer")
-          ])) : T("", !0)
+            V(p.$slots, "body"),
+            p.$slots.body ? P("", !0) : V(p.$slots, "default", { key: 0 })
+          ])) : P("", !0),
+          p.$slots.footer ? (h(), _("div", sa, [
+            V(p.$slots, "footer")
+          ])) : P("", !0)
         ], 40, ra)
       ], 2), [
-        [fe, x.modelValue]
+        [pe, p.modelValue]
       ])
     ]));
   }
@@ -2589,7 +2589,7 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, kr = /* @__PURE__ */ Y({
+}, Ir = /* @__PURE__ */ Y({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2609,33 +2609,33 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     }, n = () => {
       if (!o.value || !a.value)
         return;
-      const p = o.value, v = a.value, _ = async () => {
+      const b = o.value, v = a.value, w = async () => {
         const {
-          x: V,
-          y: A,
-          placement: P
-        } = await Te(p, v, {
+          x: L,
+          y: H,
+          placement: I
+        } = await Te(b, v, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [Ve(8), Se(), Dt()]
+          middleware: [Ve(8), Se(), Mt()]
         });
-        i.value = P ?? e.placement, v.style.left = `${V}px`, v.style.top = `${A}px`;
-      }, h = async () => {
-        await _();
-      }, C = Le(p, () => {
-        h();
+        i.value = I ?? e.placement, v.style.left = `${L}px`, v.style.top = `${H}px`;
+      }, C = async () => {
+        await w();
+      }, $ = Le(b, () => {
+        C();
       }), M = () => {
-        h();
+        C();
       };
       document.addEventListener("scroll", M, !0), window.addEventListener("resize", M, !1), l = {
-        update: h,
+        update: C,
         destroy: () => {
-          C(), document.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M, !1);
+          $(), document.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M, !1);
         }
       }, l.update();
     };
-    te(d, async (p) => {
-      if (!p) {
+    ee(d, async (b) => {
+      if (!b) {
         l && (l.destroy(), l = null);
         return;
       }
@@ -2645,11 +2645,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     }), we(() => {
       l == null || l.destroy(), l = null;
     });
-    const f = m(() => !!e.text || !!(a.value && a.value.textContent));
-    return te(f, (p) => {
-      p || (d.value = !1);
-    }), (p, v) => (g(), y(se, null, [
-      B("span", {
+    const f = y(() => !!e.text || !!(a.value && a.value.textContent));
+    return ee(f, (b) => {
+      b || (d.value = !1);
+    }), (b, v) => (h(), _(ae, null, [
+      z("span", {
         ref_key: "trigger",
         ref: o,
         class: "vf-tooltip__trigger",
@@ -2659,10 +2659,10 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
         onFocus: u,
         onBlur: s
       }, [
-        S(p.$slots, "default")
+        V(b.$slots, "default")
       ], 544),
-      (g(), le($e, { to: "body" }, [
-        ve(B("div", {
+      (h(), ne($e, { to: "body" }, [
+        fe(z("div", {
           id: c,
           ref_key: "panel",
           ref: a,
@@ -2670,19 +2670,19 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
           role: "tooltip",
           "data-placement": i.value
         }, [
-          B("span", da, [
-            S(p.$slots, "content", {}, () => [
-              Q(O(p.text), 1)
+          z("span", da, [
+            V(b.$slots, "content", {}, () => [
+              U(R(b.text), 1)
             ])
           ]),
-          p.arrow ? (g(), y("span", ca)) : T("", !0)
+          b.arrow ? (h(), _("span", ca)) : P("", !0)
         ], 8, ia), [
-          [fe, d.value]
+          [pe, d.value]
         ])
       ]))
     ], 64));
   }
-}), Cr = /* @__PURE__ */ Y({
+}), Or = /* @__PURE__ */ Y({
   __name: "skeleton",
   props: {
     width: {},
@@ -2694,40 +2694,216 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     const e = t, r = (d) => {
       if (!(d == null || d === ""))
         return typeof d == "number" ? `${d}px` : d;
-    }, o = m(() => {
+    }, 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;
-    }), a = m(() => {
+    }), a = y(() => {
       const d = ["vf-skeleton", `vf-skeleton_${e.variant}`];
       return e.animated && d.push("vf-skeleton_animated"), d;
     });
-    return (d, i) => (g(), y("div", {
-      class: R(a.value),
-      style: it(o.value),
+    return (d, i) => (h(), _("div", {
+      class: T(a.value),
+      style: Ee(o.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), ua = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], va = (t) => {
+}), ua = ["aria-label"], va = {
+  key: 0,
+  class: "vf-datatable__head"
+}, fa = { class: "vf-datatable__row" }, pa = ["aria-sort"], ba = ["onClick"], ga = { class: "vf-datatable__header-text" }, ma = {
+  key: 1,
+  class: "vf-datatable__header-text"
+}, ha = { class: "vf-datatable__body" }, ya = {
+  key: 0,
+  class: "vf-datatable__row vf-datatable__row_state"
+}, _a = ["colspan"], Ca = {
+  key: 1,
+  class: "vf-datatable__row vf-datatable__row_state"
+}, ka = ["colspan"], wa = ["onClick"], Mr = /* @__PURE__ */ Y({
+  __name: "data-table",
+  props: {
+    rows: { default: () => [] },
+    columns: { default: () => [] },
+    rowKey: { type: [String, Function], default: "id" },
+    sortable: { type: Boolean, default: !1 },
+    sortField: { default: null },
+    sortOrder: { default: null },
+    loading: { type: Boolean, default: !1 },
+    loadingText: { default: "Loading..." },
+    emptyText: { default: "No data" },
+    striped: { type: Boolean, default: !1 },
+    hover: { type: Boolean, default: !0 },
+    size: { default: "normal" },
+    variant: { default: "filled" },
+    showHeader: { type: Boolean, default: !0 },
+    ariaLabel: { default: "Data table" }
+  },
+  emits: ["update:sortField", "update:sortOrder", "sort", "rowClick"],
+  setup(t, { emit: e }) {
+    const r = t, o = e, a = D(r.sortField ?? null), d = D(r.sortOrder ?? null);
+    ee(
+      () => r.sortField,
+      (p) => {
+        a.value = p ?? null;
+      }
+    ), ee(
+      () => r.sortOrder,
+      (p) => {
+        d.value = p ?? null;
+      }
+    );
+    const i = y(() => a.value), c = y(() => d.value), l = y(() => Math.max(1, r.columns.length)), u = (p) => p.sortable === !1 ? !1 : p.sortable === !0 ? !0 : r.sortable, s = (p, m) => p == null && m == null ? 0 : p == null ? -1 : m == null ? 1 : typeof p == "number" && typeof m == "number" ? p - m : String(p).localeCompare(String(m)), n = y(() => {
+      const p = r.rows ?? [], m = i.value, k = c.value;
+      return !m || !k ? p : [...p].sort((W, A) => {
+        const X = W == null ? void 0 : W[m], te = A == null ? void 0 : A[m], j = s(X, te);
+        return k === "asc" ? j : -j;
+      });
+    }), f = y(() => {
+      const p = ["vf-datatable", `vf-datatable_${r.variant}`];
+      return r.size !== "normal" && p.push(`vf-datatable_${r.size}`), r.striped && p.push("vf-datatable_striped"), r.hover && p.push("vf-datatable_hover"), p;
+    }), b = (p, m) => {
+      if (typeof r.rowKey == "function")
+        return r.rowKey(p, m);
+      if (r.rowKey && typeof r.rowKey == "string") {
+        const k = p == null ? void 0 : p[r.rowKey];
+        return typeof k == "string" || typeof k == "number" ? k : m;
+      }
+      return m;
+    }, v = (p, m) => p == null ? void 0 : p[m.field], w = (p, m) => {
+      const k = v(p, m);
+      return m.formatter ? m.formatter(p, k, m) : k ?? "";
+    }, C = (p) => {
+      if (!u(p))
+        return;
+      let m = p.field, k = "asc";
+      i.value === p.field && (c.value === "asc" ? k = "desc" : c.value === "desc" ? (m = null, k = null) : k = "asc"), a.value = m, d.value = k, o("update:sortField", m), o("update:sortOrder", k), o("sort", m, k);
+    }, $ = (p) => i.value !== p.field ? "↕" : c.value === "asc" ? "↑" : "↓", M = (p) => i.value !== p.field ? "" : "is-active", L = (p) => {
+      if (u(p))
+        return i.value !== p.field ? "none" : c.value === "asc" ? "ascending" : "descending";
+    }, H = (p) => {
+      const m = [];
+      return r.striped && p % 2 === 1 && m.push("vf-datatable__row_striped"), m;
+    }, I = (p) => {
+      const m = [];
+      return p.align && m.push(`vf-datatable__cell_${p.align}`), u(p) && m.push("vf-datatable__header_sortable"), m;
+    }, O = (p) => {
+      const m = [];
+      return p.align && m.push(`vf-datatable__cell_${p.align}`), m;
+    }, E = (p) => {
+      const m = {};
+      return p.width && (m.width = p.width), p.minWidth && (m.minWidth = p.minWidth), m;
+    }, F = (p, m, k) => {
+      o("rowClick", p, m, k);
+    };
+    return (p, m) => (h(), _("div", {
+      class: T(f.value)
+    }, [
+      z("table", {
+        class: "vf-datatable__table",
+        "aria-label": p.ariaLabel
+      }, [
+        p.showHeader ? (h(), _("thead", va, [
+          z("tr", fa, [
+            (h(!0), _(ae, null, ve(p.columns, (k) => (h(), _("th", {
+              key: k.field,
+              class: T(["vf-datatable__header", I(k)]),
+              style: Ee(E(k)),
+              "aria-sort": L(k),
+              scope: "col"
+            }, [
+              u(k) ? (h(), _("button", {
+                key: 0,
+                type: "button",
+                class: "vf-datatable__sort-button",
+                onClick: (W) => C(k)
+              }, [
+                z("span", ga, [
+                  p.$slots[`header-${k.field}`] ? V(p.$slots, `header-${k.field}`, {
+                    key: 0,
+                    column: k
+                  }) : (h(), _(ae, { key: 1 }, [
+                    U(R(k.header ?? k.field), 1)
+                  ], 64))
+                ]),
+                z("span", {
+                  class: T(["vf-datatable__sort-icon", M(k)])
+                }, R($(k)), 3)
+              ], 8, ba)) : (h(), _("span", ma, [
+                p.$slots[`header-${k.field}`] ? V(p.$slots, `header-${k.field}`, {
+                  key: 0,
+                  column: k
+                }) : (h(), _(ae, { key: 1 }, [
+                  U(R(k.header ?? k.field), 1)
+                ], 64))
+              ]))
+            ], 14, pa))), 128))
+          ])
+        ])) : P("", !0),
+        z("tbody", ha, [
+          p.loading ? (h(), _("tr", ya, [
+            z("td", {
+              class: "vf-datatable__cell vf-datatable__cell_state",
+              colspan: l.value
+            }, [
+              V(p.$slots, "loading", {}, () => [
+                U(R(p.loadingText), 1)
+              ])
+            ], 8, _a)
+          ])) : n.value.length ? (h(!0), _(ae, { key: 2 }, ve(n.value, (k, W) => (h(), _("tr", {
+            key: b(k, W),
+            class: T(["vf-datatable__row", H(W)]),
+            onClick: (A) => F(k, W, A)
+          }, [
+            (h(!0), _(ae, null, ve(p.columns, (A) => (h(), _("td", {
+              key: A.field,
+              class: T(["vf-datatable__cell", O(A)]),
+              style: Ee(E(A))
+            }, [
+              p.$slots[`cell-${A.field}`] ? V(p.$slots, `cell-${A.field}`, {
+                key: 0,
+                row: k,
+                column: A,
+                value: v(k, A),
+                index: W
+              }) : (h(), _(ae, { key: 1 }, [
+                U(R(w(k, A)), 1)
+              ], 64))
+            ], 6))), 128))
+          ], 10, wa))), 128)) : (h(), _("tr", Ca, [
+            z("td", {
+              class: "vf-datatable__cell vf-datatable__cell_state",
+              colspan: l.value
+            }, [
+              V(p.$slots, "empty", {}, () => [
+                U(R(p.emptyText), 1)
+              ])
+            ], 8, ka)
+          ]))
+        ])
+      ], 8, ua)
+    ], 2));
+  }
+}), $a = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], xa = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, fa = (t) => t.filter((e) => !ua.includes(e)).map((e) => va(e)).join("-").toLowerCase(), We = (t) => t.join("."), pa = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ke = (t) => {
-  if (!pa(t))
+}, Ba = (t) => t.filter((e) => !$a.includes(e)).map((e) => xa(e)).join("-").toLowerCase(), Ae = (t) => t.join("."), za = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ne = (t) => {
+  if (!za(t))
     return null;
   if (t.length === 4) {
     const e = t[1], r = t[2], o = t[3];
     return `#${e}${e}${r}${r}${o}${o}`;
   }
   return t.toLowerCase();
-}, rt = (t) => {
-  const e = Ke(t);
+}, lt = (t) => {
+  const e = Ne(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;
   return [o, a, d];
-}, je = (t) => {
-  const [e, r, o] = rt(t);
+}, Xe = (t) => {
+  const [e, r, o] = lt(t);
   return `${e}, ${r}, ${o}`;
-}, ba = (t, e, r) => {
+}, Fa = (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;
@@ -2746,31 +2922,31 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     u *= 60, u < 0 && (u += 360);
   }
   return [u, s * 100, n * 100];
-}, ga = (t, e, r) => {
+}, Sa = (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];
-}, ma = (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)), ya = (t, e) => {
-  const r = Ke(t);
+  const n = Math.round((l + c) * 255), f = Math.round((u + c) * 255), b = Math.round((s + c) * 255);
+  return [n, f, b];
+}, Va = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, La = (t, e, r) => Math.min(r, Math.max(e, t)), Ta = (t, e) => {
+  const r = Ne(t);
   if (!r)
     return t;
-  const [o, a, d] = rt(r), [i, c, l] = ba(o, a, d), s = (e - 5) * 7, n = ha(l + s, 0, 100), [f, p, v] = ga(i, c, n);
-  return ma(f, p, v);
-}, Me = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ne = (t, e) => {
+  const [o, a, d] = lt(r), [i, c, l] = Fa(o, a, d), s = (e - 5) * 7, n = La(l + s, 0, 100), [f, b, v] = Sa(i, c, n);
+  return Va(f, b, 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];
-    Me(d) && Me(a) ? r[o] = Ne(d, a) : r[o] = a;
+    Oe(d) && Oe(a) ? r[o] = Ge(d, a) : r[o] = a;
   }
   return r;
-}, _a = (t) => {
+}, Ra = (t) => {
   if (!t)
     return null;
-  if (Me(t) && "preset" in t) {
+  if (Oe(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -2781,42 +2957,42 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     };
   }
   return { preset: t };
-}, ka = (t) => {
+}, Pa = (t) => {
   const e = [], r = [], o = [], a = [], d = (l) => o.push(l), i = (l) => a.push(l), c = (l, u) => {
     if (!(!l || typeof l != "object"))
       for (const s in l) {
         const n = l[s], f = u.concat([s]);
-        if (Me(n)) {
+        if (Oe(n)) {
           c(n, f);
           continue;
         }
         if (n && typeof n == "object") {
-          i(`Theme value "${We(f)}" is not a plain object or string and will be ignored.`);
+          i(`Theme value "${Ae(f)}" is not a plain object or string and will be ignored.`);
           continue;
         }
         if (typeof n != "string") {
-          i(`Theme value "${We(f)}" is not a string and will be ignored.`);
+          i(`Theme value "${Ae(f)}" is not a string and will be ignored.`);
           continue;
         }
-        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, _ = fa(f);
-        if (v.push(`--vf-${_}: ${n}`), f.includes("colors")) {
-          const h = Ke(n);
-          if (!h) {
+        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, w = Ba(f);
+        if (v.push(`--vf-${w}: ${n}`), f.includes("colors")) {
+          const C = Ne(n);
+          if (!C) {
             d(
-              `Theme color "${We(f)}" is not hex. Shade variables will not be generated for it.`
+              `Theme color "${Ae(f)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (v.push(`--vf-${_}-rgb: ${je(h)}`), s !== "white")
-            for (let C = 1; C < 10; ++C) {
-              const M = ya(h, C);
-              v.push(`--vf-${_}-${C}00: ${M}`), v.push(`--vf-${_}-${C}00-rgb: ${je(M)}`);
+          if (v.push(`--vf-${w}-rgb: ${Xe(C)}`), s !== "white")
+            for (let $ = 1; $ < 10; ++$) {
+              const M = Ta(C, $);
+              v.push(`--vf-${w}-${$}00: ${M}`), v.push(`--vf-${w}-${$}00-rgb: ${Xe(M)}`);
             }
         }
       }
   };
   return c(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
-}, Ca = (t) => {
+}, Ia = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -2824,11 +3000,11 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, wa = (t) => ({
+}, Oa = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), $a = (t, e, r, o) => {
-  const { baseVars: a, darkVars: d, warnings: i, errors: c } = ka(t), l = Ca("vueforge-theme");
+}), Ma = (t, e, r, o) => {
+  const { baseVars: a, darkVars: d, warnings: i, errors: c } = Pa(t), l = Ia("vueforge-theme");
   if (!l)
     return;
   if (c.length) {
@@ -2844,28 +3020,28 @@ const It = (t, e) => t.strategy ? t.strategy : Pt(e) ? "fixed" : "absolute", me
   a.length && u.push(`${e} { ${a.join(";")} }`), d.length && u.push(`${r} { ${d.join(";")} }`), l.textContent = u.join(`
 `);
 };
-let ge = null;
-const lt = (t) => {
-  const e = _a(t);
+let me = null;
+const nt = (t) => {
+  const e = Ra(t);
   if (!e)
     return;
-  const r = Ne(e.preset, e.overrides), { selector: o, darkSelector: a } = wa(e);
-  ge = { ...e }, $a(r, o, a, e.strict);
-}, wr = (t) => {
-  if (!ge)
+  const r = Ge(e.preset, e.overrides), { selector: o, darkSelector: a } = Oa(e);
+  me = { ...e }, Ma(r, o, a, e.strict);
+}, Dr = (t) => {
+  if (!me)
     return;
-  const e = t.overrides === void 0 ? ge.overrides : Ne(ge.overrides ?? {}, t.overrides ?? {}), r = {
-    preset: t.preset ?? ge.preset,
+  const e = t.overrides === void 0 ? me.overrides : Ge(me.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? me.preset,
     overrides: e,
-    selector: t.selector ?? ge.selector,
-    darkSelector: t.darkSelector ?? ge.darkSelector
+    selector: t.selector ?? me.selector,
+    darkSelector: t.darkSelector ?? me.darkSelector
   };
-  lt(r);
-}, $r = () => ge ? { ...ge } : null, xr = {
+  nt(r);
+}, Wr = () => me ? { ...me } : null, Ar = {
   install(t, e = {}) {
-    e.theme && lt(e.theme);
+    e.theme && nt(e.theme);
   }
-}, Xe = {
+}, qe = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -2928,7 +3104,7 @@ const lt = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, xa = {
+}, Da = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -3070,11 +3246,11 @@ const lt = (t) => {
       }
     }
   }
-}, Ba = {
+}, Wa = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, za = {
+}, Aa = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3095,7 +3271,7 @@ const lt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Fa = {
+}, Ea = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -3115,7 +3291,7 @@ const lt = (t) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, Sa = {
+}, Ha = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -3138,10 +3314,10 @@ const lt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Va = {
+}, Ka = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, La = {
+}, Na = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -3161,7 +3337,7 @@ const lt = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Ta = {
+}, Ga = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -3188,9 +3364,9 @@ const lt = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, Ra = {
+}, Ya = {
   backgroundColor: "var(--vf-bg-color)"
-}, Pa = {
+}, ja = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3223,7 +3399,7 @@ const lt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Ia = {
+}, Xa = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3262,7 +3438,7 @@ const lt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Ma = {
+}, qa = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -3307,7 +3483,7 @@ const lt = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Da = {
+}, Ua = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -3357,7 +3533,7 @@ const lt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, Oa = {
+}, Za = {
   gap: "0.4rem",
   itemMinWidth: "2rem",
   fontSize: "var(--vf-typography-font-size)",
@@ -3382,7 +3558,7 @@ const lt = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     padding: "0.45rem 0.8rem"
   }
-}, Ea = {
+}, Ja = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -3394,7 +3570,7 @@ const lt = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Wa = {
+}, Qa = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -3408,7 +3584,7 @@ const lt = (t) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Aa = {
+}, er = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -3420,7 +3596,7 @@ const lt = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ha = {
+}, tr = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -3441,7 +3617,7 @@ const lt = (t) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ka = {
+}, or = {
   gap: "0.75rem",
   borderRadius: "var(--vf-radii-md)",
   borderColor: "var(--vf-border-color)",
@@ -3472,7 +3648,7 @@ const lt = (t) => {
     headerFontSize: "1rem",
     contentPadding: "0.9rem 1.1rem"
   }
-}, Na = {
+}, ar = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -3483,7 +3659,7 @@ const lt = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, Ya = {
+}, rr = {
   width: "100%",
   height: "1rem",
   lineHeight: "0.9rem",
@@ -3491,7 +3667,38 @@ const lt = (t) => {
   backgroundColor: "var(--vf-gutter-color)",
   shimmerColor: "var(--vf-bg-color)",
   animationDuration: "2s"
-}, Ga = {
+}, lr = {
+  borderColor: "var(--vf-border-color)",
+  borderRadius: "var(--vf-radii-md)",
+  backgroundColor: "var(--vf-bg-color)",
+  fontSize: "var(--vf-typography-font-size)",
+  textColor: "var(--vf-text-color)",
+  headerBackgroundColor: "var(--vf-bg-soft-color)",
+  headerTextColor: "var(--vf-text-color)",
+  headerFontSize: "var(--vf-typography-font-size)",
+  headerFontWeight: "600",
+  headerBorderColor: "var(--vf-divider-color)",
+  headerGap: "0.35rem",
+  rowBackgroundColor: "var(--vf-bg-color)",
+  rowTextColor: "var(--vf-text-color)",
+  rowBorderColor: "var(--vf-divider-color)",
+  cellPadding: "0.6rem 0.75rem",
+  stripedBackgroundColor: "var(--vf-bg-soft-color)",
+  hoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.06)",
+  sortIconColor: "var(--vf-secondary-text-color)",
+  sortIconActiveColor: "var(--vf-blue-600)",
+  sortIconSize: "0.8rem",
+  statePadding: "1rem",
+  stateTextColor: "var(--vf-secondary-text-color)",
+  small: {
+    fontSize: "var(--vf-sizes-sm-font-size)",
+    cellPadding: "0.45rem 0.6rem"
+  },
+  large: {
+    fontSize: "var(--vf-sizes-lg-font-size)",
+    cellPadding: "0.75rem 0.9rem"
+  }
+}, nr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -3530,7 +3737,7 @@ const lt = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, ja = {
+}, sr = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -3568,67 +3775,69 @@ const lt = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Br = {
-  ...Xe,
+}, Er = {
+  ...qe,
   components: {
-    base: Xe,
-    button: xa,
-    card: Ba,
-    input: za,
-    formField: Fa,
-    textarea: Sa,
-    link: Va,
-    menu: La,
-    modal: Ta,
-    popover: Ra,
-    select: Pa,
-    autocomplete: Ia,
-    multiselect: Ma,
-    datepicker: Da,
-    pagination: Oa,
-    checkbox: Ea,
-    radio: Wa,
-    switch: Aa,
-    tabs: Ha,
-    accordion: Ka,
-    tooltip: Na,
-    skeleton: Ya,
-    toast: Ga,
-    alert: ja
+    base: qe,
+    button: Da,
+    card: Wa,
+    input: Aa,
+    formField: Ea,
+    textarea: Ha,
+    link: Ka,
+    menu: Na,
+    modal: Ga,
+    popover: Ya,
+    select: ja,
+    autocomplete: Xa,
+    multiselect: qa,
+    datepicker: Ua,
+    pagination: Za,
+    checkbox: Ja,
+    radio: Qa,
+    switch: er,
+    tabs: tr,
+    accordion: or,
+    tooltip: ar,
+    skeleton: rr,
+    datatable: lr,
+    toast: nr,
+    alert: sr
   }
 };
 export {
-  fr as Accordion,
-  pr as AccordionItem,
-  mr as Alert,
-  ar as Autocomplete,
-  Ja as Button,
+  zr as Accordion,
+  Fr as AccordionItem,
+  Lr as Alert,
+  mr as Autocomplete,
+  vr as Button,
   _t as Card,
-  sr as Checkbox,
-  lr as DatePicker,
-  Br as DefaultTheme,
-  er as FormField,
-  Qa as Input,
-  Je as Link,
-  Za as Menu,
-  _r as Modal,
-  rr as MultiSelect,
-  nr as Pagination,
-  yr as Popover,
-  dr as RadioButton,
-  ir as RadioGroup,
-  or as Select,
-  Cr as Skeleton,
-  hr as Switch,
-  ur as Tab,
-  vr as TabPanel,
-  cr as Tabs,
-  tr as Textarea,
-  br as Toast,
-  gr as ToastContainer,
-  kr as Tooltip,
-  xr as VueForge,
-  $r as getTheme,
-  lt as setTheme,
-  wr as updateTheme
+  Cr as Checkbox,
+  Mr as DataTable,
+  yr as DatePicker,
+  Er as DefaultTheme,
+  pr as FormField,
+  fr as Input,
+  Qe as Link,
+  ur as Menu,
+  Pr as Modal,
+  hr as MultiSelect,
+  _r as Pagination,
+  Rr as Popover,
+  wr as RadioButton,
+  kr as RadioGroup,
+  gr as Select,
+  Or as Skeleton,
+  Tr as Switch,
+  xr as Tab,
+  Br as TabPanel,
+  $r as Tabs,
+  br as Textarea,
+  Sr as Toast,
+  Vr as ToastContainer,
+  Ir as Tooltip,
+  Ar as VueForge,
+  Wr as getTheme,
+  nt as setTheme,
+  Dr as updateTheme
 };