@codemonster-ru/vueforge 0.14.0 → 0.16.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as I, ref as A, computed as h, watch as re, resolveComponent as We, openBlock as g, createElementBlock as C, normalizeClass as S, renderSlot as w, Fragment as ce, createTextVNode as Y, toDisplayString as O, createBlock as D, withCtx as oe, createCommentVNode as B, createElementVNode as z, renderList as He, withKeys as le, withModifiers as ne, unref as ie, createVNode as Ie, nextTick as xe, onMounted as Oe, onBeforeUnmount as _e, Teleport as we, withDirectives as ue, vShow as fe, provide as Ee, inject as Be, reactive as Ze, createSlots as Je, useSlots as Qe } from "vue";
-import { useRoute as et, useRouter as tt } from "vue-router";
-import { CmIcon as de } from "@codemonster-ru/vueiconify";
-const ot = ["href", "aria-disabled", "tabindex"], Pe = /* @__PURE__ */ I({
+import { defineComponent as Y, ref as M, computed as h, watch as oe, resolveComponent as Ge, openBlock as m, createElementBlock as _, normalizeClass as P, renderSlot as F, Fragment as pe, createTextVNode as se, toDisplayString as K, createBlock as ae, withCtx as me, createCommentVNode as O, createElementVNode as B, renderList as Be, withKeys as ee, withModifiers as J, unref as _e, createVNode as je, nextTick as ze, onMounted as Le, onBeforeUnmount as we, Teleport as $e, withDirectives as he, vShow as ye, provide as Xe, inject as Oe, reactive as rt, createSlots as lt, useSlots as nt } from "vue";
+import { useRoute as st, useRouter as it } from "vue-router";
+import { CmIcon as Ce } from "@codemonster-ru/vueiconify";
+const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ Y({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,96 +15,96 @@ const ot = ["href", "aria-disabled", "tabindex"], Pe = /* @__PURE__ */ I({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = et(), c = tt(), s = A(null), d = h(() => o.href ?? o.url), l = h(() => o.as ? o.as === "router-link" && !o.to ? "a" : o.as : o.type === "router-link" || o.type === "a" ? o.type === "router-link" && !o.to ? "a" : o.type : o.to ? "router-link" : "a"), u = h(() => o.to), i = h(() => o.to ? c.resolve(o.to) : null), n = h(() => {
+    const r = e, o = t, a = st(), u = it(), i = M(null), d = h(() => o.href ?? o.url), l = h(() => o.as ? o.as === "router-link" && !o.to ? "a" : o.as : o.type === "router-link" || o.type === "a" ? o.type === "router-link" && !o.to ? "a" : o.type : o.to ? "router-link" : "a"), c = h(() => o.to), n = h(() => o.to ? u.resolve(o.to) : null), s = h(() => {
       if (l.value !== "router-link")
         return !1;
-      const v = i.value;
-      return v ? v.name ? a.matched.some(({ name: k }) => k === v.name) : v.fullPath ? a.fullPath === v.fullPath : a.path === v.path : !1;
-    }), f = h(() => o.active === void 0 ? n.value : o.active), p = (v) => {
+      const v = n.value;
+      return v ? v.name ? a.matched.some(({ name: w }) => w === v.name) : v.fullPath ? a.fullPath === v.fullPath : a.path === v.path : !1;
+    }), p = h(() => o.active === void 0 ? s.value : o.active), f = (v) => {
       if (!o.disabled) {
         r("click", v);
         return;
       }
       v.preventDefault(), v.stopPropagation();
     };
-    return re(n, (v) => {
+    return oe(s, (v) => {
       v && (r("active"), r("onActive")), r("update:active", v);
-    }), (v, k) => {
-      const y = We("router-link");
-      return l.value === "a" ? (g(), C("a", {
+    }), (v, w) => {
+      const C = Ge("router-link");
+      return l.value === "a" ? (m(), _("a", {
         key: 0,
         href: d.value,
-        class: S(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
+        class: P(["vf-link", { "vf-link_active": p.value, "vf-link_disabled": v.disabled }]),
         "aria-disabled": v.disabled,
         tabindex: v.disabled ? -1 : void 0,
-        onClick: p
+        onClick: f
       }, [
-        v.$slots.default ? w(v.$slots, "default", { key: 0 }) : (g(), C(ce, { key: 1 }, [
-          Y(O(v.label), 1)
+        v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (m(), _(pe, { key: 1 }, [
+          se(K(v.label), 1)
         ], 64))
-      ], 10, ot)) : (g(), D(y, {
+      ], 10, dt)) : (m(), ae(C, {
         key: 1,
         ref_key: "link",
-        ref: s,
-        to: u.value,
-        class: S(["vf-link", { "vf-link_active": f.value }]),
+        ref: i,
+        to: c.value,
+        class: P(["vf-link", { "vf-link_active": p.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: f
       }, {
-        default: oe(() => [
-          v.$slots.default ? w(v.$slots, "default", { key: 0 }) : (g(), C(ce, { key: 1 }, [
-            Y(O(v.label), 1)
+        default: me(() => [
+          v.$slots.default ? F(v.$slots, "default", { key: 0 }) : (m(), _(pe, { key: 1 }, [
+            se(K(v.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), rt = (t, e) => {
+}), ct = (t, e) => {
   const r = t.__vccOpts || t;
   for (const [o, a] of e)
     r[o] = a;
   return r;
-}, at = {}, lt = { class: "vf-card" }, nt = {
+}, ut = {}, vt = { class: "vf-card" }, ft = {
   key: 0,
   class: "vf-card__default"
-}, st = {
+}, pt = {
   key: 1,
   class: "vf-card__header"
-}, it = {
+}, bt = {
   key: 2,
   class: "vf-card__body"
-}, dt = {
+}, mt = {
   key: 3,
   class: "vf-card__footer"
 };
-function ct(t, e) {
-  return g(), C("div", lt, [
-    t.$slots.default ? (g(), C("div", nt, [
-      w(t.$slots, "default")
-    ])) : B("", !0),
-    t.$slots.header ? (g(), C("div", st, [
-      w(t.$slots, "header")
-    ])) : B("", !0),
-    t.$slots.body ? (g(), C("div", it, [
-      w(t.$slots, "body")
-    ])) : B("", !0),
-    t.$slots.footer ? (g(), C("div", dt, [
-      w(t.$slots, "footer")
-    ])) : B("", !0)
+function gt(t, e) {
+  return m(), _("div", vt, [
+    t.$slots.default ? (m(), _("div", ft, [
+      F(t.$slots, "default")
+    ])) : O("", !0),
+    t.$slots.header ? (m(), _("div", pt, [
+      F(t.$slots, "header")
+    ])) : O("", !0),
+    t.$slots.body ? (m(), _("div", bt, [
+      F(t.$slots, "body")
+    ])) : O("", !0),
+    t.$slots.footer ? (m(), _("div", mt, [
+      F(t.$slots, "footer")
+    ])) : O("", !0)
   ]);
 }
-const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
+const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   class: "vf-menu__list",
   role: "menu"
-}, vt = {
+}, kt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, pt = ["aria-expanded", "onClick", "onKeydown"], jo = /* @__PURE__ */ I({
+}, _t = ["aria-expanded", "onClick", "onKeydown"], ba = /* @__PURE__ */ Y({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,87 +113,87 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = A([]), c = (i, n) => `${i.label ?? i.to ?? i.href ?? i.url ?? "item"}_${n.toString()}`, s = (i) => i.to ? "router-link" : "a", d = (i) => i.map((n) => ({
-      ...n,
-      items: n.items ? d(n.items) : void 0
-    })), l = (i) => {
-      i.items && i.items.length ? (a.value.map((n) => {
-        n !== i && (n.subMenuVisible = !1);
-      }), i.subMenuVisible = !i.subMenuVisible) : Object.prototype.hasOwnProperty.call(i, "command") && typeof i.command == "function" && i.command();
-    }, u = (i) => {
-      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 === i) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
+    const r = e, o = t, a = M([]), u = (n, s) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${s.toString()}`, i = (n) => n.to ? "router-link" : "a", d = (n) => n.map((s) => ({
+      ...s,
+      items: s.items ? d(s.items) : void 0
+    })), l = (n) => {
+      n.items && n.items.length ? (a.value.map((s) => {
+        s !== n && (s.subMenuVisible = !1);
+      }), n.subMenuVisible = !n.subMenuVisible) : Object.prototype.hasOwnProperty.call(n, "command") && typeof n.command == "function" && n.command();
+    }, c = (n) => {
+      var s;
+      for (const p in a.value) {
+        const f = a.value[p];
+        Object.prototype.hasOwnProperty.call(f, "items") && ((s = f.items) != null && s.some((v) => v === n) ? (f.active = !0, f.subMenuVisible = !0) : (f.active = !1, f.subMenuVisible = !1));
       }
-      r("active", i), r("onActive", i);
+      r("active", n), r("onActive", n);
     };
-    return re(
+    return oe(
       () => o.items,
-      (i) => {
-        a.value = d(i);
+      (n) => {
+        a.value = d(n);
       },
       { deep: !0, immediate: !0 }
-    ), (i, n) => {
-      const f = We("VfMenu");
-      return g(), C("div", {
-        class: S(["vf-menu", `vf-menu_${i.orientation}`])
+    ), (n, s) => {
+      const p = Ge("VfMenu");
+      return m(), _("div", {
+        class: P(["vf-menu", `vf-menu_${n.orientation}`])
       }, [
-        z("ul", ft, [
-          (g(!0), C(ce, null, He(a.value, (p, v) => (g(), C("li", {
-            key: c(p, v),
+        B("ul", yt, [
+          (m(!0), _(pe, null, Be(a.value, (f, v) => (m(), _("li", {
+            key: u(f, v),
             class: "vf-menu__item",
             role: "none"
           }, [
-            i.$slots[c(p, v)] ? w(i.$slots, c(p, v), {
+            n.$slots[u(f, v)] ? F(n.$slots, u(f, v), {
               key: 0,
-              item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (g(), C("hr", vt)) : p.items && p.items.length ? (g(), C(ce, { key: 2 }, [
-              z("div", {
-                class: S(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
+              item: { ...f, class: "vf-menu__link" }
+            }) : f.separator ? (m(), _("hr", kt)) : f.items && f.items.length ? (m(), _(pe, { key: 2 }, [
+              B("div", {
+                class: P(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": p.subMenuVisible ? "true" : "false",
-                onClick: (k) => l(p),
+                "aria-expanded": f.subMenuVisible ? "true" : "false",
+                onClick: (w) => l(f),
                 onKeydown: [
-                  le(ne((k) => l(p), ["prevent"]), ["enter"]),
-                  le(ne((k) => l(p), ["prevent"]), ["space"])
+                  ee(J((w) => l(f), ["prevent"]), ["enter"]),
+                  ee(J((w) => l(f), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (g(), D(ie(de), {
+                f.icon ? (m(), ae(_e(Ce), {
                   key: 0,
-                  icon: p.icon,
+                  icon: f.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : B("", !0),
-                Y(" " + O(p.label) + " ", 1),
-                Ie(ie(de), { icon: "chevronDown" })
-              ], 42, pt),
-              p.items ? (g(), D(f, {
+                }, null, 8, ["icon"])) : O("", !0),
+                se(" " + K(f.label) + " ", 1),
+                je(_e(Ce), { icon: "chevronDown" })
+              ], 42, _t),
+              f.items ? (m(), ae(p, {
                 key: 0,
-                items: p.items,
-                class: S(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
-                onOnActive: u
-              }, null, 8, ["items", "class"])) : B("", !0)
-            ], 64)) : (g(), D(Pe, {
+                items: f.items,
+                class: P(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
+                onOnActive: c
+              }, null, 8, ["items", "class"])) : O("", !0)
+            ], 64)) : (m(), ae(Ue, {
               key: 3,
-              to: p.to,
-              href: p.href ?? p.url,
-              as: s(p),
+              to: f.to,
+              href: f.href ?? f.url,
+              as: i(f),
               class: "vf-menu__link",
-              active: p.active,
-              disabled: p.disabled,
+              active: f.active,
+              disabled: f.disabled,
               role: "menuitem",
-              "aria-disabled": p.disabled ? "true" : "false",
-              onClick: (k) => l(p),
-              onActive: (k) => u(p)
+              "aria-disabled": f.disabled ? "true" : "false",
+              onClick: (w) => l(f),
+              onActive: (w) => c(f)
             }, {
-              default: oe(() => [
-                p.icon ? (g(), D(ie(de), {
+              default: me(() => [
+                f.icon ? (m(), ae(_e(Ce), {
                   key: 0,
-                  icon: p.icon,
+                  icon: f.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : B("", !0),
-                Y(" " + O(p.label), 1)
+                }, null, 8, ["icon"])) : O("", !0),
+                se(" " + K(f.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
       ], 2);
     };
   }
-}), bt = ["type", "disabled"], Go = /* @__PURE__ */ I({
+}), Ct = ["type", "disabled"], ma = /* @__PURE__ */ Y({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,70 +221,70 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = ["button", "submit", "reset"], o = (i) => !!i && r.includes(i), a = h(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), c = h(() => o(e.type) ? e.type : "button"), s = h(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), d = h(() => {
-      let i = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && i.push("vf-button_vertical"), e.variant === "text" && i.push("vf-button_text"), e.variant === "outlined" && i.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && i.push(`vf-button_${e.size}`), (e.loading || e.disabled) && i.push("vf-button_disabled"), e.rounded && i.push("vf-button_rounded"), i;
-    }), l = h(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = h(() => ["vf-button__label"]);
-    return (i, n) => a.value ? (g(), C("button", {
+    const e = t, r = ["button", "submit", "reset"], o = (n) => !!n && r.includes(n), a = h(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), u = h(() => o(e.type) ? e.type : "button"), i = h(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), d = h(() => {
+      let n = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && n.push("vf-button_vertical"), e.variant === "text" && n.push("vf-button_text"), e.variant === "outlined" && n.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && n.push(`vf-button_${e.size}`), (e.loading || e.disabled) && n.push("vf-button_disabled"), e.rounded && n.push("vf-button_rounded"), n;
+    }), l = h(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), c = h(() => ["vf-button__label"]);
+    return (n, s) => a.value ? (m(), _("button", {
       key: 0,
-      type: c.value,
-      class: S(d.value),
+      type: u.value,
+      class: P(d.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (g(), D(ie(de), {
+      e.icon && !e.loading ? (m(), ae(_e(Ce), {
         key: 0,
         icon: e.icon,
-        class: S(l.value)
-      }, null, 8, ["icon", "class"])) : B("", !0),
-      e.loading ? (g(), D(ie(de), {
+        class: P(l.value)
+      }, null, 8, ["icon", "class"])) : O("", !0),
+      e.loading ? (m(), ae(_e(Ce), {
         key: 1,
         icon: "circleNotch",
-        class: S(l.value),
+        class: P(l.value),
         spin: ""
-      }, null, 8, ["class"])) : B("", !0),
-      i.$slots.default ? (g(), C("span", {
+      }, null, 8, ["class"])) : O("", !0),
+      n.$slots.default ? (m(), _("span", {
         key: 2,
-        class: S(u.value)
+        class: P(c.value)
       }, [
-        w(i.$slots, "default")
-      ], 2)) : i.label ? (g(), C("span", {
+        F(n.$slots, "default")
+      ], 2)) : n.label ? (m(), _("span", {
         key: 3,
-        class: S(u.value)
-      }, O(i.label), 3)) : B("", !0)
-    ], 10, bt)) : (g(), D(Pe, {
+        class: P(c.value)
+      }, K(n.label), 3)) : O("", !0)
+    ], 10, Ct)) : (m(), ae(Ue, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
-      as: s.value,
-      class: S(d.value),
+      as: i.value,
+      class: P(d.value),
       disabled: e.loading || e.disabled
     }, {
-      default: oe(() => [
-        e.icon ? (g(), D(ie(de), {
+      default: me(() => [
+        e.icon ? (m(), ae(_e(Ce), {
           key: 0,
           icon: e.icon,
-          class: S(l.value)
-        }, null, 8, ["icon", "class"])) : B("", !0),
-        i.$slots.default ? (g(), C("span", {
+          class: P(l.value)
+        }, null, 8, ["icon", "class"])) : O("", !0),
+        n.$slots.default ? (m(), _("span", {
           key: 1,
-          class: S(u.value)
+          class: P(c.value)
         }, [
-          w(i.$slots, "default")
-        ], 2)) : i.label ? (g(), C("span", {
+          F(n.$slots, "default")
+        ], 2)) : n.label ? (m(), _("span", {
           key: 2,
-          class: S(u.value)
-        }, O(i.label), 3)) : B("", !0)
+          class: P(c.value)
+        }, K(n.label), 3)) : O("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), gt = {
+}), wt = {
   key: 0,
   class: "vf-input__prefix"
-}, mt = ["type", "value", "placeholder", "disabled", "readonly"], ht = {
+}, $t = ["type", "value", "placeholder", "disabled", "readonly"], xt = {
   key: 1,
   class: "vf-input__suffix"
-}, Uo = /* @__PURE__ */ I({
+}, ga = /* @__PURE__ */ Y({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -298,36 +298,36 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      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;
-    }), c = (u) => {
-      const i = u.target;
-      r("update:modelValue", i.value), r("input", u);
-    }, s = (u) => r("change", u), d = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, i) => (g(), C("div", {
-      class: S(a.value)
+      const c = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && c.push(`vf-input_${o.size}`), o.disabled && c.push("vf-input_disabled"), c;
+    }), u = (c) => {
+      const n = c.target;
+      r("update:modelValue", n.value), r("input", c);
+    }, i = (c) => r("change", c), d = (c) => r("focus", c), l = (c) => r("blur", c);
+    return (c, n) => (m(), _("div", {
+      class: P(a.value)
     }, [
-      u.$slots.prefix ? (g(), C("span", gt, [
-        w(u.$slots, "prefix")
-      ])) : B("", !0),
-      z("input", {
+      c.$slots.prefix ? (m(), _("span", wt, [
+        F(c.$slots, "prefix")
+      ])) : O("", !0),
+      B("input", {
         class: "vf-input__control",
-        type: u.type,
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        readonly: u.readonly,
-        onInput: c,
-        onChange: s,
+        type: c.type,
+        value: c.modelValue,
+        placeholder: c.placeholder,
+        disabled: c.disabled,
+        readonly: c.readonly,
+        onInput: u,
+        onChange: i,
         onFocus: d,
         onBlur: l
-      }, null, 40, mt),
-      u.$slots.suffix ? (g(), C("span", ht, [
-        w(u.$slots, "suffix")
-      ])) : B("", !0)
+      }, null, 40, $t),
+      c.$slots.suffix ? (m(), _("span", xt, [
+        F(c.$slots, "suffix")
+      ])) : O("", !0)
     ], 2));
   }
-}), yt = ["value", "placeholder", "disabled", "readonly", "rows"], qo = /* @__PURE__ */ I({
+}), Bt = ["value", "placeholder", "disabled", "readonly", "rows"], ha = /* @__PURE__ */ Y({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -341,30 +341,30 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      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;
-    }), c = (u) => {
-      const i = u.target;
-      r("update:modelValue", i.value), r("input", u);
-    }, s = (u) => r("change", u), d = (u) => r("focus", u), l = (u) => r("blur", u);
-    return (u, i) => (g(), C("div", {
-      class: S(a.value)
+      const c = ["vf-textarea", `vf-textarea_${o.variant}`];
+      return o.size !== "normal" && c.push(`vf-textarea_${o.size}`), o.disabled && c.push("vf-textarea_disabled"), c;
+    }), u = (c) => {
+      const n = c.target;
+      r("update:modelValue", n.value), r("input", c);
+    }, i = (c) => r("change", c), d = (c) => r("focus", c), l = (c) => r("blur", c);
+    return (c, n) => (m(), _("div", {
+      class: P(a.value)
     }, [
-      z("textarea", {
+      B("textarea", {
         class: "vf-textarea__control",
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        readonly: u.readonly,
-        rows: u.rows,
-        onInput: c,
-        onChange: s,
+        value: c.modelValue,
+        placeholder: c.placeholder,
+        disabled: c.disabled,
+        readonly: c.readonly,
+        rows: c.rows,
+        onInput: u,
+        onChange: i,
         onFocus: d,
         onBlur: l
-      }, null, 40, yt)
+      }, null, 40, Bt)
     ], 2));
   }
-}), Se = [
+}), Ae = [
   "top",
   "top-start",
   "top-end",
@@ -377,7 +377,7 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
   "left",
   "left-start",
   "left-end"
-], Z = (t) => {
+], ue = (t) => {
   if (t == null || !(t instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -385,18 +385,18 @@ const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
     if (/(auto|scroll|overlay)/.test(r))
       return t;
   }
-  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : Z(t.parentNode);
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : ue(t.parentNode);
 };
-function Ct(t) {
+function zt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee = (t, e) => kt(t, e) === "fixed", K = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, c = e ? ee(r, e) : !1;
-  if (a && !c) {
-    const s = a.getBoundingClientRect(), d = a.scrollLeft, l = a.scrollTop;
+const Ft = (t, e) => t.strategy ? t.strategy : zt(e) ? "fixed" : "absolute", be = (t, e) => Ft(t, e) === "fixed", ne = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, u = e ? be(r, e) : !1;
+  if (a && !u) {
+    const i = a.getBoundingClientRect(), d = a.scrollLeft, l = a.scrollTop;
     return {
-      left: o.left - s.left + d,
-      top: o.top - s.top + l,
+      left: o.left - i.left + d,
+      top: o.top - i.top + l,
       width: o.width,
       height: o.height
     };
@@ -407,63 +407,63 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     width: o.width,
     height: o.height
   };
-}, ae = (t, e) => {
+}, ge = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Ae = (t, e) => !!ae(t, e), _t = (t) => {
-  const e = Z(t);
+}, qe = (t, e) => !!ge(t, e), St = (t) => {
+  const e = ue(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;
-}, he = (t) => t.scrollLeft + t.clientWidth, ye = (t) => t.scrollTop + t.clientHeight, G = (t, e, r = null, o = {}, a) => {
-  if (r === null && typeof window < "u" && ee(o, e))
+}, Fe = (t) => t.scrollLeft + t.clientWidth, Se = (t) => t.scrollTop + t.clientHeight, ie = (t, e, r = null, o = {}, a) => {
+  if (r === null && typeof window < "u" && be(o, e))
     return t;
-  let c = 0;
+  let u = 0;
   if (r === null) {
-    const s = Z(e);
-    c = s ? s.scrollTop : 0;
+    const i = ue(e);
+    u = i ? i.scrollTop : 0;
   }
-  return t - c;
-}, U = (t, e, r = null, o = {}, a) => {
-  let c;
-  if (r === null && typeof window < "u" && ee(o, e))
-    c = window.innerWidth;
+  return t - u;
+}, de = (t, e, r = null, o = {}, a) => {
+  let u;
+  if (r === null && typeof window < "u" && be(o, e))
+    u = window.innerWidth;
   else if (r === null) {
-    const s = Z(e);
-    c = s ? he(s) : 0;
+    const i = ue(e);
+    u = i ? Fe(i) : 0;
   } else
-    c = r.getBoundingClientRect().width;
-  return -(t + e.clientWidth - c);
-}, J = (t, e, r = null, o = {}, a) => {
-  let c;
-  if (r === null && typeof window < "u" && ee(o, e))
-    c = window.innerHeight;
+    u = r.getBoundingClientRect().width;
+  return -(t + e.clientWidth - u);
+}, ve = (t, e, r = null, o = {}, a) => {
+  let u;
+  if (r === null && typeof window < "u" && be(o, e))
+    u = window.innerHeight;
   else if (r === null) {
-    const s = Z(e);
-    c = s ? ye(s) : 0;
+    const i = ue(e);
+    u = i ? Se(i) : 0;
   } else
-    c = r.getBoundingClientRect().height;
-  return -(t + e.clientHeight - c);
-}, q = (t, e, r = null, o = {}, a) => {
-  if (r === null && typeof window < "u" && ee(o, e))
+    u = r.getBoundingClientRect().height;
+  return -(t + e.clientHeight - u);
+}, ce = (t, e, r = null, o = {}, a) => {
+  if (r === null && typeof window < "u" && be(o, e))
     return t;
-  let c = 0;
+  let u = 0;
   if (r === null) {
-    const s = Z(e);
-    c = s ? s.scrollLeft : 0;
+    const i = ue(e);
+    u = i ? i.scrollLeft : 0;
   }
-  return t - c;
-}, Te = ({
+  return t - u;
+}, Ke = ({
   options: t,
   primaryX: e,
   primaryY: r,
   floating: o,
   placement: a,
-  reference: c,
-  scrollDirection: s
+  reference: u,
+  scrollDirection: i
 }) => {
-  const d = Ce(c, o, a, t), l = ae(t, "offset");
+  const d = Ve(u, o, a, t), l = ge(t, "offset");
   if (l) {
-    const u = l.fn({
+    const c = l.fn({
       x: d.x,
       y: d.y,
       options: t,
@@ -471,17 +471,17 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
       primaryY: r,
       floating: o,
       placement: a,
-      reference: c,
-      scrollDirection: s
+      reference: u,
+      scrollDirection: i
     });
-    d.x = u.x, d.y = u.y;
+    d.x = c.x, d.y = c.y;
   }
-  return Et(d, o, c, t) ? {
+  return Yt(d, o, u, t) ? {
     x: d.x,
     y: d.y,
     placement: a
   } : !1;
-}, Me = (t) => ({
+}, Re = (t) => ({
   name: "flip",
   params: t,
   fn: ({
@@ -489,116 +489,116 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     y: r,
     options: o,
     primaryX: a,
-    primaryY: c,
-    floating: s,
+    primaryY: u,
+    floating: i,
     placement: d,
     reference: l,
-    scrollDirection: u
+    scrollDirection: c
   }) => {
-    var i;
-    const n = {
+    var n;
+    const s = {
       x: e,
       y: r,
       placement: d
-    }, f = {
+    }, p = {
       ...o,
-      middleware: (i = o.middleware) == null ? void 0 : i.filter(($) => $.name !== "shift")
-    }, p = (t == null ? void 0 : t.placements) ?? Se, v = !(t != null && t.placements), k = v ? Se : p;
-    let y = !1;
-    const V = ($) => {
-      if (y)
+      middleware: (n = o.middleware) == null ? void 0 : n.filter((S) => S.name !== "shift")
+    }, f = (t == null ? void 0 : t.placements) ?? Ae, v = !(t != null && t.placements), w = v ? Ae : f;
+    let C = !1;
+    const z = (S) => {
+      if (C)
         return;
-      const T = Te({
-        options: f,
+      const W = Ke({
+        options: p,
         primaryX: a,
-        primaryY: c,
-        floating: s,
-        placement: $,
+        primaryY: u,
+        floating: i,
+        placement: S,
         reference: l,
-        scrollDirection: u
+        scrollDirection: c
       });
-      T && (n.x = T.x, n.y = T.y, n.placement = T.placement, y = !0);
-    }, R = At(l, s, f);
-    if (!v && p.includes(d) && V(d), y || k.forEach(V), !y) {
-      const $ = p.reduce(
-        (T, x) => {
-          const F = Te({
-            options: f,
+      W && (s.x = W.x, s.y = W.y, s.placement = W.placement, C = !0);
+    }, E = jt(l, i, p);
+    if (!v && f.includes(d) && z(d), C || w.forEach(z), !C) {
+      const S = f.reduce(
+        (W, V) => {
+          const T = Ke({
+            options: p,
             primaryX: a,
-            primaryY: c,
-            floating: s,
-            placement: x,
+            primaryY: u,
+            floating: i,
+            placement: V,
             reference: l,
-            scrollDirection: u
+            scrollDirection: c
           });
-          if (!F)
-            return T;
-          const H = pe(x), L = R[H];
-          return !T || L > T.space ? { result: F, space: L } : T;
+          if (!T)
+            return W;
+          const H = xe(V), L = E[H];
+          return !W || L > W.space ? { result: T, space: L } : W;
         },
         null
       );
-      $ && (n.x = $.result.x, n.y = $.result.y, n.placement = $.result.placement, y = !0);
+      S && (s.x = S.result.x, s.y = S.result.y, s.placement = S.result.placement, C = !0);
     }
-    if (!y && p.length > 0) {
-      const $ = pe(d);
-      let T = $, x = R[$];
-      p.forEach((m) => {
-        const b = pe(m), _ = R[b];
-        _ > x && (x = _, T = b);
+    if (!C && f.length > 0) {
+      const S = xe(d);
+      let W = S, V = E[S];
+      f.forEach((y) => {
+        const b = xe(y), $ = E[b];
+        $ > V && (V = $, W = b);
       });
-      const F = Pt(T, d, p), H = Ce(l, s, F, f), L = ae(f, "offset");
+      const T = Gt(W, d, f), H = Ve(l, i, T, p), L = ge(p, "offset");
       if (L) {
-        const m = L.fn({
+        const y = L.fn({
           x: H.x,
           y: H.y,
-          options: f,
+          options: p,
           primaryX: a,
-          primaryY: c,
-          floating: s,
-          placement: F,
+          primaryY: u,
+          floating: i,
+          placement: T,
           reference: l,
-          scrollDirection: u
+          scrollDirection: c
         });
-        H.x = m.x, H.y = m.y;
+        H.x = y.x, H.y = y.y;
       }
-      n.x = H.x, n.y = H.y, n.placement = H.placement;
+      s.x = H.x, s.y = H.y, s.placement = H.placement;
     }
-    return n;
+    return s;
   }
-}), De = (t, e, r, o, a) => {
-  var c, s, d;
+}), Ze = (t, e, r, o, a) => {
+  var u, i, d;
   let l = 0;
   o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
-  const u = ae(e, "arrow"), i = ae(e, "shift");
-  if (u) {
-    const n = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
-    o.startsWith("right") ? l -= n.width / 2 : o.startsWith("left") && (l += n.width / 2);
+  const c = ge(e, "arrow"), n = ge(e, "shift");
+  if (c) {
+    const s = ((u = c.params) == null ? void 0 : u.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= s.width / 2 : o.startsWith("left") && (l += s.width / 2);
   }
-  if (Ae(e, "shift") && u) {
-    let n = null, f = 0;
-    i && (n = (s = i.params) == null ? void 0 : s.parent);
-    const p = (d = u.params) == null ? void 0 : d.arrow;
-    f = p.getBoundingClientRect().width / 2, f += $t(p), f -= t, o.startsWith("right") ? U(r - l, a, n, e) <= t ? U(r, a, n, e) > 0 ? l = t - U(r, a, n, e) : l = t : q(r - l - f, a, n, e) <= t && (q(r - l - f, a, n, e) >= 0 ? (l = -t - (q(r - l - f, a, n, e) + t), n && (l = -t)) : l = -t) : o.startsWith("left") ? U(r - l + f, a, n, e) <= t ? (l = t + U(r - f, a, n, e), l <= t && (l = t)) : q(r - l, a, n, e) <= t && (l = -t + q(r, a, n, e), l <= -t && (l = -t)) : U(r - l, a, n, e) <= t ? U(r - l, a, n, e) <= t && U(r, a, n, e) > 0 ? l = t - U(r, a, n, e) : l = t : q(r - l, a, n, e) <= t && (q(r - l, a, n, e) <= t && q(r, a, n, e) > 0 ? l = -(t - q(r, a, n, e)) : l = -t);
+  if (qe(e, "shift") && c) {
+    let s = null, p = 0;
+    n && (s = (i = n.params) == null ? void 0 : i.parent);
+    const f = (d = c.params) == null ? void 0 : d.arrow;
+    p = f.getBoundingClientRect().width / 2, p += Tt(f), p -= t, o.startsWith("right") ? de(r - l, a, s, e) <= t ? de(r, a, s, e) > 0 ? l = t - de(r, a, s, e) : l = t : ce(r - l - p, a, s, e) <= t && (ce(r - l - p, a, s, e) >= 0 ? (l = -t - (ce(r - l - p, a, s, e) + t), s && (l = -t)) : l = -t) : o.startsWith("left") ? de(r - l + p, a, s, e) <= t ? (l = t + de(r - p, a, s, e), l <= t && (l = t)) : ce(r - l, a, s, e) <= t && (l = -t + ce(r, a, s, e), l <= -t && (l = -t)) : de(r - l, a, s, e) <= t ? de(r - l, a, s, e) <= t && de(r, a, s, e) > 0 ? l = t - de(r, a, s, e) : l = t : ce(r - l, a, s, e) <= t && (ce(r - l, a, s, e) <= t && ce(r, a, s, e) > 0 ? l = -(t - ce(r, a, s, e)) : l = -t);
   }
   return l;
-}, Ke = (t, e, r, o, a) => {
-  var c, s, d;
+}, Je = (t, e, r, o, a) => {
+  var u, i, d;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
-  const u = ae(e, "arrow"), i = ae(e, "shift");
-  if (u) {
-    const n = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
-    o.startsWith("top") ? l += n.height / 2 : o.startsWith("bottom") && (l -= n.height / 2);
+  const c = ge(e, "arrow"), n = ge(e, "shift");
+  if (c) {
+    const s = ((u = c.params) == null ? void 0 : u.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += s.height / 2 : o.startsWith("bottom") && (l -= s.height / 2);
   }
-  if (Ae(e, "shift") && u) {
-    let n = null, f = 0;
-    i && (n = (s = i.params) == null ? void 0 : s.parent);
-    const p = (d = u.params) == null ? void 0 : d.arrow;
-    f = p.getBoundingClientRect().height / 2, f += xt(p), f -= t, o.startsWith("top") ? G(r - l, a, n, e) <= t ? G(r, a, n, e) >= 0 ? l = -(t - G(r, a, n, e)) : l = -t : J(r - l + f, a, n, e) <= t && (l = t + J(r - f, a, n, e), l <= t && (l = t)) : o.startsWith("bottom") ? G(r - l - f, a, n, e) <= t ? G(r - l - f, a, n, e) >= 0 ? (l = -t - (G(r - l - f, a, n, e) + t), n && (l = -t)) : l = -t : J(r - l, a, n, e) <= t && (J(r, a, n, e) >= 0 ? l = t - J(r, a, n, e) : l = t) : G(r - l, a, n, e) <= t ? G(r - l, a, n, e) >= 0 ? l = -(t - G(r - l, a, n, e)) : l = -t : J(r - l, a, n, e) <= t && (J(r - l, a, n, e) >= 0 ? l = t - J(r - l, a, n, e) : l = t);
+  if (qe(e, "shift") && c) {
+    let s = null, p = 0;
+    n && (s = (i = n.params) == null ? void 0 : i.parent);
+    const f = (d = c.params) == null ? void 0 : d.arrow;
+    p = f.getBoundingClientRect().height / 2, p += Lt(f), p -= t, o.startsWith("top") ? ie(r - l, a, s, e) <= t ? ie(r, a, s, e) >= 0 ? l = -(t - ie(r, a, s, e)) : l = -t : ve(r - l + p, a, s, e) <= t && (l = t + ve(r - p, a, s, e), l <= t && (l = t)) : o.startsWith("bottom") ? ie(r - l - p, a, s, e) <= t ? ie(r - l - p, a, s, e) >= 0 ? (l = -t - (ie(r - l - p, a, s, e) + t), s && (l = -t)) : l = -t : ve(r - l, a, s, e) <= t && (ve(r, a, s, e) >= 0 ? l = t - ve(r, a, s, e) : l = t) : ie(r - l, a, s, e) <= t ? ie(r - l, a, s, e) >= 0 ? l = -(t - ie(r - l, a, s, e)) : l = -t : ve(r - l, a, s, e) <= t && (ve(r - l, a, s, e) >= 0 ? l = t - ve(r - l, a, s, e) : l = t);
   }
   return l;
-}, Ne = (t) => ({
+}, De = (t) => ({
   name: "offset",
   params: { value: t },
   fn: ({
@@ -606,15 +606,15 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     y: r,
     options: o,
     primaryX: a,
-    primaryY: c,
-    floating: s,
+    primaryY: u,
+    floating: i,
     placement: d
   }) => ({
-    x: e - De(t, o, a, d, s),
-    y: r - Ke(t, o, c, d, s),
+    x: e - Ze(t, o, a, d, i),
+    y: r - Je(t, o, u, d, i),
     placement: d
   })
-}), wt = (t) => ({
+}), Vt = (t) => ({
   name: "shift",
   params: t,
   fn: ({
@@ -622,161 +622,161 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     y: r,
     options: o,
     primaryX: a,
-    primaryY: c,
-    floating: s,
+    primaryY: u,
+    floating: i,
     placement: d,
     reference: l
   }) => {
-    var u;
-    const i = {
+    var c;
+    const n = {
       x: e,
       y: r,
       placement: d
-    }, n = o.middleware || [], f = n.findIndex((_) => _.name === "shift"), p = n.findIndex((_) => _.name === "offset"), v = p !== -1 && (f === -1 || p > f), k = n.find((_) => _.name === "offset"), y = k ? (u = k.params) == null ? void 0 : u.value : 0, V = v ? De(y, o, a, d, s) : 0, R = v ? Ke(y, o, c, d, s) : 0, $ = e - V, T = r - R;
-    let x = $, F = T;
-    const H = k ? Math.abs(y) : 0, L = H, m = H;
-    if (ee(o, s) && typeof window < "u") {
-      const _ = L, W = window.innerWidth - s.clientWidth - L, E = W < _ ? _ : W, P = m, N = window.innerHeight - s.clientHeight - m, M = N < P ? P : N;
-      x < _ ? x = _ : x > E && (x = E), F < P ? F = P : F > M && (F = M), v ? (i.x = e + (x - $), i.y = r + (F - T)) : (i.x = x, i.y = F);
-      const j = L, X = window.innerWidth - s.clientWidth - L, te = m, ve = window.innerHeight - s.clientHeight - m, se = v ? j + V : j, be = v ? X + V : X, ge = v ? te + R : te, me = v ? ve + R : ve;
-      return i.x < se ? i.x = se : i.x > be && (i.x = be), i.y < ge ? i.y = ge : i.y > me && (i.y = me), i;
+    }, s = o.middleware || [], p = s.findIndex(($) => $.name === "shift"), f = s.findIndex(($) => $.name === "offset"), v = f !== -1 && (p === -1 || f > p), w = s.find(($) => $.name === "offset"), C = w ? (c = w.params) == null ? void 0 : c.value : 0, z = v ? Ze(C, o, a, d, i) : 0, E = v ? Je(C, o, u, d, i) : 0, S = e - z, W = r - E;
+    let V = S, T = W;
+    const H = w ? Math.abs(C) : 0, L = H, y = H;
+    if (be(o, i) && typeof window < "u") {
+      const $ = L, A = window.innerWidth - i.clientWidth - L, G = A < $ ? $ : A, j = y, Q = window.innerHeight - i.clientHeight - y, N = Q < j ? j : Q;
+      V < $ ? V = $ : V > G && (V = G), T < j ? T = j : T > N && (T = N), v ? (n.x = e + (V - S), n.y = r + (T - W)) : (n.x = V, n.y = T);
+      const te = L, X = window.innerWidth - i.clientWidth - L, re = y, g = window.innerHeight - i.clientHeight - y, R = v ? te + z : te, I = v ? X + z : X, Z = v ? re + E : re, k = v ? g + E : g;
+      return n.x < R ? n.x = R : n.x > I && (n.x = I), n.y < Z ? n.y = Z : n.y > k && (n.y = k), n;
     }
-    const b = Z(s);
+    const b = ue(i);
     if (b !== null) {
-      const _ = K(l, s, o), W = _.left, E = _.left + _.width, P = _.top, N = _.top + _.height, M = b.scrollLeft + L, j = he(b) - s.clientWidth - L, X = j < M ? M : j, te = b.scrollTop + m, ve = ye(b) - s.clientHeight - m, se = ve < te ? te : ve, be = b.scrollLeft, ge = he(b), me = b.scrollTop, qe = ye(b);
-      E <= be ? x = M : W >= ge && (x = X), N <= me ? F = te : P >= qe && (F = se), F < te ? F = te : F > se && (F = se), x < M ? x = M : x > X && (x = X);
+      const $ = ne(l, i, o), A = $.left, G = $.left + $.width, j = $.top, Q = $.top + $.height, N = b.scrollLeft + L, te = Fe(b) - i.clientWidth - L, X = te < N ? N : te, re = b.scrollTop + y, g = Se(b) - i.clientHeight - y, R = g < re ? re : g, I = b.scrollLeft, Z = Fe(b), k = b.scrollTop, x = Se(b);
+      G <= I ? V = N : A >= Z && (V = X), Q <= k ? T = re : j >= x && (T = R), T < re ? T = re : T > R && (T = R), V < N ? V = N : V > X && (V = X);
     }
-    if (v ? (i.x = e + (x - $), i.y = r + (F - T)) : (i.x = x, i.y = F), b !== null) {
-      const _ = b.scrollLeft + L, W = he(b) - s.clientWidth - L, E = b.scrollTop + m, P = ye(b) - s.clientHeight - m, N = v ? _ + V : _, M = v ? W + V : W, j = v ? E + R : E, X = v ? P + R : P;
-      i.x < N ? i.x = N : i.x > M && (i.x = M), i.y < j ? i.y = j : i.y > X && (i.y = X);
+    if (v ? (n.x = e + (V - S), n.y = r + (T - W)) : (n.x = V, n.y = T), b !== null) {
+      const $ = b.scrollLeft + L, A = Fe(b) - i.clientWidth - L, G = b.scrollTop + y, j = Se(b) - i.clientHeight - y, Q = v ? $ + z : $, N = v ? A + z : A, te = v ? G + E : G, X = v ? j + E : j;
+      n.x < Q ? n.x = Q : n.x > N && (n.x = N), n.y < te ? n.y = te : n.y > X && (n.y = X);
     }
-    return i;
+    return n;
   }
-}), $t = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, xt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Xe = (t, e) => {
-  const r = Z(t), o = [];
+}), Tt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Lt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Pe = (t, e) => {
+  const r = ue(t), o = [];
   if (r !== null) {
     const a = () => e();
     r.addEventListener("scroll", a, !1), o.push(() => r.removeEventListener("scroll", a, !1));
   }
   if (typeof window < "u") {
-    const a = () => e(), c = () => e();
-    window.addEventListener("scroll", a, !1), window.addEventListener("resize", c, !1), o.push(() => window.removeEventListener("scroll", a, !1)), o.push(() => window.removeEventListener("resize", c, !1));
+    const a = () => e(), u = () => e();
+    window.addEventListener("scroll", a, !1), window.addEventListener("resize", u, !1), o.push(() => window.removeEventListener("scroll", a, !1)), o.push(() => window.removeEventListener("resize", u, !1));
   }
   if (typeof ResizeObserver < "u" && t instanceof HTMLElement) {
     const a = new ResizeObserver(() => e());
     a.observe(t), o.push(() => a.disconnect());
   }
   return () => o.forEach((a) => a());
-}, Bt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Rt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, Ft = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Dt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, zt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Pt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, Vt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Wt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
     placement: "right"
   };
-}, St = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, It = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top,
     placement: "right-start"
   };
-}, Tt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Ot = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, Rt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Mt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
     y: o.top + o.height,
     placement: "bottom"
   };
-}, Lt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Et = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left,
     y: o.top + o.height,
     placement: "bottom-start"
   };
-}, Wt = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Ht = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
-}, Ht = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, At = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, It = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Kt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top,
     placement: "left-start"
   };
-}, Ot = (t, e, r = {}) => {
-  const o = K(t, e, r);
+}, Nt = (t, e, r = {}) => {
+  const o = ne(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "left-end"
   };
-}, Ce = (t, e, r, o = {}) => {
+}, Ve = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return Bt(t, e, o);
+      return Rt(t, e, o);
     case "top-start":
-      return Ft(t, e, o);
+      return Dt(t, e, o);
     case "top-end":
-      return zt(t, e, o);
+      return Pt(t, e, o);
     case "right":
-      return Vt(t, e, o);
+      return Wt(t, e, o);
     case "right-start":
-      return St(t, e, o);
+      return It(t, e, o);
     case "right-end":
-      return Tt(t, e, o);
+      return Ot(t, e, o);
     case "bottom":
-      return Rt(t, e, o);
+      return Mt(t, e, o);
     case "bottom-start":
-      return Lt(t, e, o);
+      return Et(t, e, o);
     case "bottom-end":
-      return Wt(t, e, o);
-    case "left":
       return Ht(t, e, o);
+    case "left":
+      return At(t, e, o);
     case "left-start":
-      return It(t, e, o);
+      return Kt(t, e, o);
     case "left-end":
-      return Ot(t, e, o);
+      return Nt(t, e, o);
     default:
       return {
         x: 0,
@@ -784,25 +784,25 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
         placement: ""
       };
   }
-}, Et = (t, e, r, o = {}) => {
-  if (ee(o, e)) {
+}, Yt = (t, e, r, o = {}) => {
+  if (be(o, e)) {
     if (typeof window > "u")
       return !0;
-    const n = t.x, f = t.y, p = n + e.clientWidth, v = f + e.clientHeight;
-    return n >= 0 && f >= 0 && p <= window.innerWidth && v <= window.innerHeight;
+    const s = t.x, p = t.y, f = s + e.clientWidth, v = p + e.clientHeight;
+    return s >= 0 && p >= 0 && f <= window.innerWidth && v <= window.innerHeight;
   }
-  if (Z(r) !== null)
-    return G(t.y, e, null, o) > 0 && U(t.x, e, null, o) > 0 && J(t.y, e, null, o) > 0 && q(t.x, e, null, o) > 0;
+  if (ue(r) !== null)
+    return ie(t.y, e, null, o) > 0 && de(t.x, e, null, o) > 0 && ve(t.y, e, null, o) > 0 && ce(t.x, e, null, o) > 0;
   if (typeof window > "u")
     return !0;
-  const a = window.innerWidth, c = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
-  if (s) {
-    const n = s.getBoundingClientRect(), f = n.left + t.x, p = n.top + t.y, v = f + e.clientWidth, k = p + e.clientHeight;
-    return f >= 0 && p >= 0 && v <= a && k <= c;
+  const a = window.innerWidth, u = window.innerHeight, i = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (i) {
+    const s = i.getBoundingClientRect(), p = s.left + t.x, f = s.top + t.y, v = p + e.clientWidth, w = f + e.clientHeight;
+    return p >= 0 && f >= 0 && v <= a && w <= u;
   }
-  const d = t.x, l = t.y, u = d + e.clientWidth, i = l + e.clientHeight;
-  return d >= 0 && l >= 0 && u <= a && i <= c;
-}, pe = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Pt = (t, e, r) => pe(e) === t && r.includes(e) ? e : r.find((o) => pe(o) === t) ?? r[0], At = (t, e, r = {}) => {
+  const d = t.x, l = t.y, c = d + e.clientWidth, n = l + e.clientHeight;
+  return d >= 0 && l >= 0 && c <= a && n <= u;
+}, xe = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Gt = (t, e, r) => xe(e) === t && r.includes(e) ? e : r.find((o) => xe(o) === t) ?? r[0], jt = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -810,51 +810,51 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
       bottom: 0,
       left: 0
     };
-  const o = ee(r, e) ? null : Z(t), a = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
+  const o = be(r, e) ? null : ue(t), a = t.getBoundingClientRect(), u = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
     bottom: window.innerHeight
   };
   return {
-    top: a.top - c.top,
-    right: c.right - a.right,
-    bottom: c.bottom - a.bottom,
-    left: a.left - c.left
+    top: a.top - u.top,
+    right: u.right - a.right,
+    bottom: u.bottom - a.bottom,
+    left: a.left - u.left
   };
-}, Ye = (t, e, r = {}) => new Promise((o) => {
-  var a, c;
-  const s = r.placement ? r.placement : "bottom", d = {
+}, We = (t, e, r = {}) => new Promise((o) => {
+  var a, u;
+  const i = r.placement ? r.placement : "bottom", d = {
     x: 0,
     y: 0,
-    placement: s,
+    placement: i,
     middlewareData: {}
-  }, l = Ce(t, e, s, r);
+  }, l = Ve(t, e, i, r);
   d.x = l.x, d.y = l.y, d.placement = l.placement;
-  const u = d.x, i = d.y, n = _t(t);
-  (a = r.middleware) == null || a.forEach((k) => {
-    const y = k.fn({
+  const c = d.x, n = d.y, s = St(t);
+  (a = r.middleware) == null || a.forEach((w) => {
+    const C = w.fn({
       x: d.x,
       y: d.y,
       options: r,
-      primaryX: u,
-      primaryY: i,
+      primaryX: c,
+      primaryY: n,
       floating: e,
       placement: d.placement,
       reference: t,
-      scrollDirection: n
+      scrollDirection: s
     });
-    d.x = y.x, d.y = y.y, d.placement = y.placement, k.name === "arrow" && (y.baseX = y.x, y.baseY = y.y, y.x = y.arrowX ?? y.x, y.y = y.arrowY ?? y.y), d.middlewareData[k.name] = y;
+    d.x = C.x, d.y = C.y, d.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), d.middlewareData[w.name] = C;
   });
-  const f = Ce(t, e, d.placement, r), p = ae(r, "offset"), v = p ? (c = p.params) == null ? void 0 : c.value : 0;
-  if (Number.isFinite(d.x) || (d.x = f.x), !Number.isFinite(d.y))
-    if (ee(r, e)) {
-      const k = t.getBoundingClientRect(), y = e.getBoundingClientRect().height;
-      d.placement.startsWith("top") ? d.y = k.top - y - v : d.placement.startsWith("bottom") ? d.y = k.bottom + v : d.y = f.y;
+  const p = Ve(t, e, d.placement, r), f = ge(r, "offset"), v = f ? (u = f.params) == null ? void 0 : u.value : 0;
+  if (Number.isFinite(d.x) || (d.x = p.x), !Number.isFinite(d.y))
+    if (be(r, e)) {
+      const w = t.getBoundingClientRect(), C = e.getBoundingClientRect().height;
+      d.placement.startsWith("top") ? d.y = w.top - C - v : d.placement.startsWith("bottom") ? d.y = w.bottom + v : d.y = p.y;
     } else
-      d.y = f.y;
+      d.y = p.y;
   o(d);
-}), Mt = ["disabled", "aria-expanded", "onKeydown"], Dt = ["data-placement"], Kt = ["disabled", "aria-selected", "onClick"], Zo = /* @__PURE__ */ I({
+}), Xt = ["disabled", "aria-expanded", "onKeydown"], Ut = ["data-placement"], qt = ["disabled", "aria-selected", "onClick"], ya = /* @__PURE__ */ Y({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -869,136 +869,610 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, c = A(null), s = A(null), d = A(null), l = A(!1), u = A("bottom"), i = A("bottom"), n = `vf-select-panel-${++r}`;
-    let f = null;
-    const p = h(() => a.options.map((b) => ({
+    const o = e, a = t, u = M(null), i = M(null), d = M(null), l = M(!1), c = M("bottom"), n = M("bottom"), s = `vf-select-panel-${++r}`;
+    let p = null;
+    const f = h(() => a.options.map((b) => ({
       label: b[a.optionLabel],
       value: b[a.optionValue],
       disabled: b.disabled
-    }))), v = h(() => p.value.find((b) => b.value === a.modelValue)), k = h(() => {
+    }))), v = h(() => f.value.find((b) => b.value === a.modelValue)), w = h(() => {
       var b;
       return ((b = v.value) == null ? void 0 : b.label) ?? "";
-    }), y = h(() => {
+    }), C = h(() => {
       const b = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
       return a.size !== "normal" && b.push(`vf-select_${a.size}`), a.disabled && b.push("vf-select_disabled"), b.filter(Boolean);
-    }), V = (b) => b.value === a.modelValue, R = (b) => {
-      b.disabled || (o("update:modelValue", b.value), o("change", b.value), x());
-    }, $ = (b) => o("focus", b), T = (b) => o("blur", b), x = () => {
-      l.value = !1, u.value = "bottom", i.value = "bottom";
-    }, F = () => {
-      a.disabled || (l.value = !l.value, l.value && (u.value = "bottom", i.value = "bottom"));
+    }), z = (b) => b.value === a.modelValue, E = (b) => {
+      b.disabled || (o("update:modelValue", b.value), o("change", b.value), V());
+    }, S = (b) => o("focus", b), W = (b) => o("blur", b), V = () => {
+      l.value = !1, c.value = "bottom", n.value = "bottom";
+    }, T = () => {
+      a.disabled || (l.value = !l.value, l.value && (c.value = "bottom", n.value = "bottom"));
     }, H = async () => {
-      var b, _;
-      l.value || (l.value = !0, await xe()), (_ = (b = d.value) == null ? void 0 : b.querySelector(".vf-select__option:not(.is-disabled)")) == null || _.focus();
+      var b, $;
+      l.value || (l.value = !0, await ze()), ($ = (b = d.value) == null ? void 0 : b.querySelector(".vf-select__option:not(.is-disabled)")) == null || $.focus();
     }, L = (b) => {
-      var W;
-      if (!l.value || !c.value)
+      var A;
+      if (!l.value || !u.value)
         return;
-      const _ = b.target;
-      c.value.contains(_) || (W = d.value) != null && W.contains(_) || x();
-    }, m = () => {
-      if (!s.value || !d.value)
+      const $ = b.target;
+      u.value.contains($) || (A = d.value) != null && A.contains($) || V();
+    }, y = () => {
+      if (!i.value || !d.value)
         return;
-      const b = s.value, _ = d.value, W = async () => {
+      const b = i.value, $ = d.value, A = async () => {
         const {
-          x: M,
-          y: j,
+          x: N,
+          y: te,
           placement: X
-        } = await Ye(b, _, {
-          placement: u.value,
+        } = await We(b, $, {
+          placement: c.value,
           strategy: "fixed",
-          middleware: [Ne(2), Me({ placements: ["bottom", "top"] })]
+          middleware: [De(2), Re({ placements: ["bottom", "top"] })]
         });
-        i.value = X ?? u.value, _.style.minWidth = `${b.getBoundingClientRect().width}px`, _.style.left = `${M}px`, _.style.top = `${j}px`;
-      }, E = async () => {
-        await W();
-      }, P = Xe(b, () => {
-        E();
-      }), N = () => {
-        E();
+        n.value = X ?? c.value, $.style.minWidth = `${b.getBoundingClientRect().width}px`, $.style.left = `${N}px`, $.style.top = `${te}px`;
+      }, G = async () => {
+        await A();
+      }, j = Pe(b, () => {
+        G();
+      }), Q = () => {
+        G();
       };
-      document.addEventListener("scroll", N, !0), window.addEventListener("resize", N, !1), f = {
-        update: E,
+      document.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q, !1), p = {
+        update: G,
         destroy: () => {
-          P(), document.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N, !1);
+          j(), document.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q, !1);
         }
-      }, f.update();
+      }, p.update();
     };
-    return re(l, async (b) => {
+    return oe(l, async (b) => {
       if (!b) {
-        f && (f.destroy(), f = null);
+        p && (p.destroy(), p = null);
         return;
       }
-      await xe(), f || m(), f == null || f.update();
-    }), re(
+      await ze(), p || y(), p == null || p.update();
+    }), oe(
       () => a.options,
       () => {
-        f == null || f.update();
+        p == null || p.update();
       },
       { deep: !0 }
-    ), Oe(() => {
+    ), Le(() => {
       document.addEventListener("click", L);
-    }), _e(() => {
-      document.removeEventListener("click", L), f == null || f.destroy(), f = null;
-    }), (b, _) => (g(), C("div", {
+    }), we(() => {
+      document.removeEventListener("click", L), p == null || p.destroy(), p = null;
+    }), (b, $) => (m(), _("div", {
       ref_key: "root",
-      ref: c,
-      class: S(y.value)
+      ref: u,
+      class: P(C.value)
     }, [
-      z("button", {
+      B("button", {
         ref_key: "trigger",
-        ref: s,
+        ref: i,
         class: "vf-select__control",
         type: "button",
         disabled: b.disabled,
         "aria-expanded": l.value,
-        "aria-controls": n,
+        "aria-controls": s,
         "aria-haspopup": "listbox",
-        onClick: F,
+        onClick: T,
         onKeydown: [
-          le(ne(H, ["prevent"]), ["down"]),
-          le(ne(F, ["prevent"]), ["enter"]),
-          le(ne(x, ["prevent"]), ["esc"])
+          ee(J(H, ["prevent"]), ["down"]),
+          ee(J(T, ["prevent"]), ["enter"]),
+          ee(J(V, ["prevent"]), ["esc"])
         ],
-        onFocus: $,
-        onBlur: T
+        onFocus: S,
+        onBlur: W
       }, [
-        z("span", {
-          class: S(["vf-select__label", { "vf-select__label_placeholder": !k.value }])
-        }, O(k.value || b.placeholder), 3),
-        _[0] || (_[0] = z("span", {
+        B("span", {
+          class: P(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
+        }, K(w.value || b.placeholder), 3),
+        $[0] || ($[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, Mt),
-      (g(), D(we, { to: "body" }, [
-        ue(z("div", {
-          id: n,
+      ], 40, Xt),
+      (m(), ae($e, { to: "body" }, [
+        he(B("div", {
+          id: s,
           ref_key: "panel",
           ref: d,
           class: "vf-select__panel",
           role: "listbox",
-          "data-placement": i.value
+          "data-placement": n.value
         }, [
-          (g(!0), C(ce, null, He(p.value, (W) => (g(), C("button", {
-            key: W.value,
-            class: S(["vf-select__option", { "is-active": V(W), "is-disabled": W.disabled }]),
+          (m(!0), _(pe, null, Be(f.value, (A) => (m(), _("button", {
+            key: A.value,
+            class: P(["vf-select__option", { "is-active": z(A), "is-disabled": A.disabled }]),
             type: "button",
             role: "option",
-            disabled: W.disabled,
-            "aria-selected": V(W),
-            onClick: (E) => R(W)
-          }, O(W.label), 11, Kt))), 128))
-        ], 8, Dt), [
-          [fe, l.value]
+            disabled: A.disabled,
+            "aria-selected": z(A),
+            onClick: (G) => E(A)
+          }, K(A.label), 11, qt))), 128))
+        ], 8, Ut), [
+          [ye, l.value]
         ])
       ]))
     ], 2));
   }
-}), Nt = ["checked", "disabled"], Xt = {
+}), Zt = ["value", "placeholder", "disabled", "readonly", "aria-expanded", "aria-activedescendant", "onKeydown"], Jt = ["disabled"], Qt = ["data-placement"], eo = {
+  key: 0,
+  class: "vf-autocomplete__loading"
+}, to = ["id", "disabled", "aria-selected", "onClick"], oo = {
+  key: 2,
+  class: "vf-autocomplete__empty"
+}, ka = /* @__PURE__ */ Y({
+  __name: "autocomplete",
+  props: {
+    modelValue: { default: void 0 },
+    options: { default: () => [] },
+    optionLabel: { default: "label" },
+    optionValue: { default: "value" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingText: { default: "Loading..." },
+    emptyText: { default: "No results" },
+    filter: { type: Boolean, default: !0 },
+    variant: { default: "filled" },
+    size: { default: "normal" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur", "search"],
+  setup(t, { emit: e }) {
+    let r = 0;
+    const o = e, a = t, u = M(null), i = M(null), d = M(null), l = M(!1), c = M(""), n = M(-1), s = M("bottom"), p = M("bottom"), f = `vf-autocomplete-panel-${++r}`;
+    let v = null;
+    const w = h(() => a.options.map((g) => ({
+      label: g[a.optionLabel],
+      value: g[a.optionValue],
+      disabled: g.disabled
+    }))), C = h(() => w.value.find((g) => g.value === a.modelValue)), z = h(() => {
+      if (!a.filter)
+        return w.value;
+      const g = c.value.trim().toLowerCase();
+      return g ? w.value.filter((R) => R.label.toLowerCase().includes(g)) : w.value;
+    }), E = h(() => {
+      if (!(!l.value || n.value < 0))
+        return W(n.value);
+    }), S = h(() => {
+      const g = ["vf-autocomplete", `vf-autocomplete_${a.variant}`, l.value ? "vf-autocomplete_open" : ""];
+      return a.size !== "normal" && g.push(`vf-autocomplete_${a.size}`), a.disabled && g.push("vf-autocomplete_disabled"), g.filter(Boolean);
+    }), W = (g) => `${f}-option-${g}`, V = (g) => g.value === a.modelValue, T = () => z.value.findIndex((g) => !g.disabled), H = (g) => {
+      const R = z.value;
+      if (!R.length) {
+        n.value = -1;
+        return;
+      }
+      let I = n.value;
+      (I < 0 || I >= R.length) && (I = g > 0 ? -1 : R.length);
+      for (let Z = 0; Z < R.length; Z += 1)
+        if (I = (I + g + R.length) % R.length, !R[I].disabled) {
+          n.value = I;
+          return;
+        }
+      n.value = -1;
+    }, L = () => {
+      a.disabled || (l.value = !0, s.value = "bottom", p.value = "bottom", n.value < 0 && (n.value = T()));
+    }, y = () => {
+      l.value = !1, n.value = -1, s.value = "bottom", p.value = "bottom";
+    }, b = () => {
+      if (l.value) {
+        y();
+        return;
+      }
+      L();
+    }, $ = (g) => {
+      g.disabled || (c.value = g.label, o("update:modelValue", g.value), o("change", g.value), y());
+    }, A = (g) => {
+      const R = g.target;
+      c.value = R.value, o("search", R.value), L(), n.value = T();
+    }, G = (g) => {
+      o("focus", g), L();
+    }, j = (g) => {
+      o("blur", g);
+    }, Q = () => {
+      if (!l.value) {
+        L();
+        return;
+      }
+      H(1);
+    }, N = () => {
+      if (!l.value) {
+        L();
+        return;
+      }
+      H(-1);
+    }, te = () => {
+      if (!l.value) {
+        L();
+        return;
+      }
+      const g = z.value[n.value];
+      g && !g.disabled && $(g);
+    }, X = (g) => {
+      var I;
+      if (!l.value || !u.value)
+        return;
+      const R = g.target;
+      u.value.contains(R) || (I = d.value) != null && I.contains(R) || y();
+    }, re = () => {
+      if (!i.value || !d.value)
+        return;
+      const g = i.value, R = d.value, I = async () => {
+        const {
+          x: D,
+          y: U,
+          placement: le
+        } = await We(g, R, {
+          placement: s.value,
+          strategy: "fixed",
+          middleware: [De(2), Re({ placements: ["bottom", "top"] })]
+        });
+        p.value = le ?? s.value, R.style.minWidth = `${g.getBoundingClientRect().width}px`, R.style.left = `${D}px`, R.style.top = `${U}px`;
+      }, Z = async () => {
+        await I();
+      }, k = Pe(g, () => {
+        Z();
+      }), x = () => {
+        Z();
+      };
+      document.addEventListener("scroll", x, !0), window.addEventListener("resize", x, !1), v = {
+        update: Z,
+        destroy: () => {
+          k(), document.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x, !1);
+        }
+      }, v.update();
+    };
+    return oe(
+      () => a.modelValue,
+      () => {
+        var g;
+        c.value = ((g = C.value) == null ? void 0 : g.label) ?? "";
+      },
+      { immediate: !0 }
+    ), oe(
+      () => a.options,
+      () => {
+        var g;
+        l.value || (c.value = ((g = C.value) == null ? void 0 : g.label) ?? ""), v == null || v.update();
+      },
+      { deep: !0 }
+    ), oe(z, () => {
+      n.value >= z.value.length && (n.value = T());
+    }), oe(l, async (g) => {
+      if (!g) {
+        v && (v.destroy(), v = null);
+        return;
+      }
+      await ze(), v || re(), v == null || v.update();
+    }), Le(() => {
+      document.addEventListener("click", X);
+    }), we(() => {
+      document.removeEventListener("click", X), v == null || v.destroy(), v = null;
+    }), (g, R) => (m(), _("div", {
+      ref_key: "root",
+      ref: u,
+      class: P(S.value)
+    }, [
+      B("input", {
+        ref_key: "control",
+        ref: i,
+        class: "vf-autocomplete__control",
+        type: "text",
+        role: "combobox",
+        value: c.value,
+        placeholder: g.placeholder,
+        disabled: g.disabled,
+        readonly: g.readonly,
+        "aria-expanded": l.value,
+        "aria-autocomplete": "list",
+        "aria-controls": f,
+        "aria-activedescendant": E.value,
+        onInput: A,
+        onFocus: G,
+        onBlur: j,
+        onClick: L,
+        onKeydown: [
+          ee(J(Q, ["prevent"]), ["down"]),
+          ee(J(N, ["prevent"]), ["up"]),
+          ee(J(te, ["prevent"]), ["enter"]),
+          ee(J(y, ["prevent"]), ["esc"]),
+          ee(y, ["tab"])
+        ]
+      }, null, 40, Zt),
+      B("button", {
+        class: "vf-autocomplete__chevron",
+        type: "button",
+        disabled: g.disabled,
+        "aria-hidden": "true",
+        tabindex: "-1",
+        onMousedown: R[0] || (R[0] = J(() => {
+        }, ["prevent"])),
+        onClick: b
+      }, " ▾ ", 40, Jt),
+      (m(), ae($e, { to: "body" }, [
+        he(B("div", {
+          id: f,
+          ref_key: "panel",
+          ref: d,
+          class: "vf-autocomplete__panel",
+          role: "listbox",
+          "data-placement": p.value
+        }, [
+          g.loading ? (m(), _("div", eo, K(g.loadingText), 1)) : z.value.length > 0 ? (m(!0), _(pe, { key: 1 }, Be(z.value, (I, Z) => (m(), _("button", {
+            id: W(Z),
+            key: I.value,
+            class: P(["vf-autocomplete__option", {
+              "is-active": V(I),
+              "is-disabled": I.disabled,
+              "is-highlighted": Z === n.value
+            }]),
+            type: "button",
+            role: "option",
+            disabled: I.disabled,
+            "aria-selected": V(I),
+            onMousedown: R[1] || (R[1] = J(() => {
+            }, ["prevent"])),
+            onClick: (k) => $(I)
+          }, K(I.label), 43, to))), 128)) : (m(), _("div", oo, K(g.emptyText), 1))
+        ], 8, Qt), [
+          [ye, l.value]
+        ])
+      ]))
+    ], 2));
+  }
+}), ao = ["disabled", "aria-expanded", "onKeydown"], ro = ["data-placement", "onKeydown"], lo = { class: "vf-datepicker__header" }, no = { class: "vf-datepicker__month-label" }, so = {
+  class: "vf-datepicker__weekdays",
+  role: "row"
+}, io = {
+  class: "vf-datepicker__days",
+  role: "grid"
+}, co = ["disabled", "data-date", "onClick"], _a = /* @__PURE__ */ Y({
+  __name: "datepicker",
+  props: {
+    modelValue: { default: void 0 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    locale: { default: "en-US" },
+    firstDayOfWeek: { default: 0 },
+    variant: { default: "filled" },
+    size: { default: "normal" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(t, { emit: e }) {
+    let r = 0;
+    const o = e, a = t, u = M(null), i = M(null), d = M(null), l = M(!1), c = M("bottom"), n = M("bottom"), s = `vf-datepicker-panel-${++r}`, p = M(X(N(a.modelValue) ?? /* @__PURE__ */ new Date()));
+    let f = null;
+    const v = h(() => N(a.modelValue)), w = h(() => N(a.min)), C = h(() => N(a.max)), z = h(() => v.value ? v.value.toLocaleDateString(a.locale, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    }) : ""), E = h(() => p.value.toLocaleDateString(a.locale, {
+      year: "numeric",
+      month: "long"
+    })), S = h(() => {
+      const k = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), x = new Date(2026, 0, 4);
+      return Array.from({ length: 7 }, (D, U) => {
+        const le = (U + a.firstDayOfWeek) % 7, q = new Date(x);
+        return q.setDate(x.getDate() + le), k.format(q);
+      });
+    }), W = h(() => {
+      const k = R(p.value, a.firstDayOfWeek), x = v.value ? I(v.value) : null, D = I(/* @__PURE__ */ new Date());
+      return Array.from({ length: 42 }, (U, le) => {
+        const q = g(k, le), ke = I(q);
+        return {
+          key: `${ke}-${le}`,
+          iso: ke,
+          date: q,
+          day: q.getDate(),
+          inCurrentMonth: q.getMonth() === p.value.getMonth(),
+          isDisabled: Z(q, w.value, C.value),
+          isSelected: x === ke,
+          isToday: ke === D
+        };
+      });
+    }), V = h(() => {
+      const k = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
+      return a.size !== "normal" && k.push(`vf-datepicker_${a.size}`), a.disabled && k.push("vf-datepicker_disabled"), k.filter(Boolean);
+    }), T = (k) => o("focus", k), H = (k) => o("blur", k), L = () => {
+      a.disabled || a.readonly || (l.value = !0, c.value = "bottom", n.value = "bottom");
+    }, y = () => {
+      l.value = !1, c.value = "bottom", n.value = "bottom";
+    }, b = () => {
+      if (l.value) {
+        y();
+        return;
+      }
+      L();
+    }, $ = () => {
+      p.value = re(p.value, -1);
+    }, A = () => {
+      p.value = re(p.value, 1);
+    }, G = (k) => {
+      if (a.readonly || Z(k, w.value, C.value))
+        return;
+      const x = I(k);
+      o("update:modelValue", x), o("change", x), y();
+    }, j = (k) => {
+      var D;
+      if (!l.value || !u.value)
+        return;
+      const x = k.target;
+      u.value.contains(x) || (D = d.value) != null && D.contains(x) || y();
+    }, Q = () => {
+      if (!i.value || !d.value)
+        return;
+      const k = i.value, x = d.value, D = async () => {
+        const {
+          x: ke,
+          y: ot,
+          placement: at
+        } = await We(k, x, {
+          placement: c.value,
+          strategy: "fixed",
+          middleware: [De(2), Re({ placements: ["bottom", "top"] })]
+        });
+        n.value = at ?? c.value, x.style.left = `${ke}px`, x.style.top = `${ot}px`;
+      }, U = async () => {
+        await D();
+      }, le = Pe(k, () => {
+        U();
+      }), q = () => {
+        U();
+      };
+      document.addEventListener("scroll", q, !0), window.addEventListener("resize", q, !1), f = {
+        update: U,
+        destroy: () => {
+          le(), document.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q, !1);
+        }
+      }, f.update();
+    };
+    oe(
+      () => a.modelValue,
+      (k) => {
+        const x = N(k);
+        x && (p.value = X(x));
+      },
+      { immediate: !0 }
+    ), oe(
+      () => [a.min, a.max],
+      () => {
+        f == null || f.update();
+      }
+    ), oe(l, async (k) => {
+      if (!k) {
+        f && (f.destroy(), f = null);
+        return;
+      }
+      await ze(), f || Q(), f == null || f.update();
+    }), Le(() => {
+      document.addEventListener("click", j);
+    }), we(() => {
+      document.removeEventListener("click", j), f == null || f.destroy(), f = null;
+    });
+    function N(k) {
+      if (!k)
+        return null;
+      const x = k.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (!x)
+        return null;
+      const D = Number(x[1]), U = Number(x[2]) - 1, le = Number(x[3]), q = new Date(D, U, le);
+      return q.getFullYear() !== D || q.getMonth() !== U || q.getDate() !== le ? null : te(q);
+    }
+    function te(k) {
+      return new Date(k.getFullYear(), k.getMonth(), k.getDate());
+    }
+    function X(k) {
+      return new Date(k.getFullYear(), k.getMonth(), 1);
+    }
+    function re(k, x) {
+      return new Date(k.getFullYear(), k.getMonth() + x, 1);
+    }
+    function g(k, x) {
+      return new Date(k.getFullYear(), k.getMonth(), k.getDate() + x);
+    }
+    function R(k, x) {
+      const D = X(k), le = (D.getDay() - x + 7) % 7;
+      return g(D, -le);
+    }
+    function I(k) {
+      const x = k.getFullYear(), D = `${k.getMonth() + 1}`.padStart(2, "0"), U = `${k.getDate()}`.padStart(2, "0");
+      return `${x}-${D}-${U}`;
+    }
+    function Z(k, x, D) {
+      const U = te(k).getTime();
+      return !!(x && U < x.getTime() || D && U > D.getTime());
+    }
+    return (k, x) => (m(), _("div", {
+      ref_key: "root",
+      ref: u,
+      class: P(V.value)
+    }, [
+      B("button", {
+        ref_key: "control",
+        ref: i,
+        class: "vf-datepicker__control",
+        type: "button",
+        disabled: k.disabled,
+        "aria-expanded": l.value,
+        "aria-controls": s,
+        "aria-haspopup": "dialog",
+        onClick: b,
+        onKeydown: [
+          ee(J(L, ["prevent"]), ["down"]),
+          ee(J(b, ["prevent"]), ["enter"]),
+          ee(J(y, ["prevent"]), ["esc"])
+        ],
+        onFocus: T,
+        onBlur: H
+      }, [
+        B("span", {
+          class: P(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !v.value }])
+        }, K(z.value || k.placeholder), 3),
+        x[0] || (x[0] = B("span", {
+          class: "vf-datepicker__chevron",
+          "aria-hidden": "true"
+        }, "▾", -1))
+      ], 40, ao),
+      (m(), ae($e, { to: "body" }, [
+        he(B("div", {
+          id: s,
+          ref_key: "panel",
+          ref: d,
+          class: "vf-datepicker__panel",
+          role: "dialog",
+          "data-placement": n.value,
+          onKeydown: ee(J(y, ["prevent"]), ["esc"])
+        }, [
+          B("div", lo, [
+            B("button", {
+              class: "vf-datepicker__nav",
+              type: "button",
+              "aria-label": "Previous month",
+              onClick: $
+            }, " ‹ "),
+            B("span", no, K(E.value), 1),
+            B("button", {
+              class: "vf-datepicker__nav",
+              type: "button",
+              "aria-label": "Next month",
+              onClick: A
+            }, " › ")
+          ]),
+          B("div", so, [
+            (m(!0), _(pe, null, Be(S.value, (D) => (m(), _("span", {
+              key: D,
+              class: "vf-datepicker__weekday"
+            }, K(D), 1))), 128))
+          ]),
+          B("div", io, [
+            (m(!0), _(pe, null, Be(W.value, (D) => (m(), _("button", {
+              key: D.key,
+              class: P(["vf-datepicker__day", {
+                "is-outside": !D.inCurrentMonth,
+                "is-selected": D.isSelected,
+                "is-today": D.isToday
+              }]),
+              type: "button",
+              disabled: D.isDisabled,
+              "data-date": D.iso,
+              onClick: (U) => G(D.date)
+            }, K(D.day), 11, co))), 128))
+          ])
+        ], 40, ro), [
+          [ye, l.value]
+        ])
+      ]))
+    ], 2));
+  }
+}), uo = ["checked", "disabled"], vo = {
   key: 0,
   class: "vf-checkbox__label"
-}, Jo = /* @__PURE__ */ I({
+}, Ca = /* @__PURE__ */ Y({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1009,31 +1483,31 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      const s = ["vf-checkbox", `vf-checkbox_${o.variant}`];
-      return o.disabled && s.push("vf-checkbox_disabled"), s;
-    }), c = (s) => {
-      const d = s.target;
-      r("update:modelValue", d.checked), r("change", s);
+      const i = ["vf-checkbox", `vf-checkbox_${o.variant}`];
+      return o.disabled && i.push("vf-checkbox_disabled"), i;
+    }), u = (i) => {
+      const d = i.target;
+      r("update:modelValue", d.checked), r("change", i);
     };
-    return (s, d) => (g(), C("label", {
-      class: S(a.value)
+    return (i, d) => (m(), _("label", {
+      class: P(a.value)
     }, [
-      z("input", {
+      B("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
-        checked: s.modelValue,
-        disabled: s.disabled,
-        onChange: c
-      }, null, 40, Nt),
-      d[0] || (d[0] = z("span", { class: "vf-checkbox__box" }, null, -1)),
-      s.label || s.$slots.default ? (g(), C("span", Xt, [
-        w(s.$slots, "default", {}, () => [
-          Y(O(s.label), 1)
+        checked: i.modelValue,
+        disabled: i.disabled,
+        onChange: u
+      }, null, 40, uo),
+      d[0] || (d[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
+      i.label || i.$slots.default ? (m(), _("span", vo, [
+        F(i.$slots, "default", {}, () => [
+          se(K(i.label), 1)
         ])
-      ])) : B("", !0)
+      ])) : O("", !0)
     ], 2));
   }
-}), je = Symbol("VueForgeRadioGroup"), Yt = ["aria-disabled", "aria-label", "aria-labelledby"], Qo = /* @__PURE__ */ I({
+}), Qe = Symbol("VueForgeRadioGroup"), fo = ["aria-disabled", "aria-label", "aria-labelledby"], wa = /* @__PURE__ */ Y({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1049,29 +1523,29 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     const r = e, o = t, a = h(() => {
       const d = ["vf-radio-group"];
       return o.direction === "horizontal" && d.push("vf-radio-group_horizontal"), d;
-    }), c = (d, l) => {
+    }), u = (d, l) => {
       r("update:modelValue", d), r("change", d, l);
-    }, s = {
+    }, i = {
       name: h(() => o.name),
       modelValue: h(() => o.modelValue),
       disabled: h(() => o.disabled),
       variant: h(() => o.variant),
-      onChange: c
+      onChange: u
     };
-    return Ee(je, s), (d, l) => (g(), C("div", {
-      class: S(a.value),
+    return Xe(Qe, i), (d, l) => (m(), _("div", {
+      class: P(a.value),
       role: "radiogroup",
       "aria-disabled": d.disabled || void 0,
       "aria-label": d.ariaLabel || void 0,
       "aria-labelledby": d.ariaLabelledby || void 0
     }, [
-      w(d.$slots, "default")
-    ], 10, Yt));
+      F(d.$slots, "default")
+    ], 10, fo));
   }
-}), jt = ["name", "value", "checked", "disabled"], Gt = {
+}), po = ["name", "value", "checked", "disabled"], bo = {
   key: 0,
   class: "vf-radio__label"
-}, er = /* @__PURE__ */ I({
+}, $a = /* @__PURE__ */ Y({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1083,33 +1557,33 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = Be(je, null), c = h(() => a ? a.modelValue.value : o.modelValue), s = h(() => a ? a.name.value : o.name), d = h(() => a ? a.variant.value : o.variant), l = h(() => (a ? a.disabled.value : !1) || o.disabled), u = h(() => c.value === o.value), i = h(() => {
-      const f = ["vf-radio", `vf-radio_${d.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));
+    const r = e, o = t, a = Oe(Qe, null), u = h(() => a ? a.modelValue.value : o.modelValue), i = h(() => a ? a.name.value : o.name), d = h(() => a ? a.variant.value : o.variant), l = h(() => (a ? a.disabled.value : !1) || o.disabled), c = h(() => u.value === o.value), n = h(() => {
+      const p = ["vf-radio", `vf-radio_${d.value}`];
+      return l.value && p.push("vf-radio_disabled"), p;
+    }), s = (p) => {
+      l.value || (a ? a.onChange(o.value, p) : r("update:modelValue", o.value), r("change", o.value, p));
     };
-    return (f, p) => (g(), C("label", {
-      class: S(i.value)
+    return (p, f) => (m(), _("label", {
+      class: P(n.value)
     }, [
-      z("input", {
+      B("input", {
         class: "vf-radio__control",
         type: "radio",
-        name: s.value,
-        value: f.value,
-        checked: u.value,
+        name: i.value,
+        value: p.value,
+        checked: c.value,
         disabled: l.value,
-        onChange: n
-      }, null, 40, jt),
-      p[0] || (p[0] = z("span", { class: "vf-radio__circle" }, null, -1)),
-      f.label || f.$slots.default ? (g(), C("span", Gt, [
-        w(f.$slots, "default", {}, () => [
-          Y(O(f.label), 1)
+        onChange: s
+      }, null, 40, po),
+      f[0] || (f[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
+      p.label || p.$slots.default ? (m(), _("span", bo, [
+        F(p.$slots, "default", {}, () => [
+          se(K(p.label), 1)
         ])
-      ])) : B("", !0)
+      ])) : O("", !0)
     ], 2));
   }
-}), Fe = Symbol("VueForgeTabs"), Ut = ["aria-orientation", "aria-label", "aria-labelledby"], qt = { class: "vf-tabs__panels" }, tr = /* @__PURE__ */ I({
+}), Me = Symbol("VueForgeTabs"), mo = ["aria-orientation", "aria-label", "aria-labelledby"], go = { class: "vf-tabs__panels" }, xa = /* @__PURE__ */ Y({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -1121,37 +1595,37 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, c = ++r, s = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), d = h(() => {
+    const o = e, a = t, u = ++r, i = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), d = h(() => {
       const v = ["vf-tabs"];
       return a.orientation === "vertical" && v.push("vf-tabs_vertical"), a.disabled && v.push("vf-tabs_disabled"), v;
-    }), l = A(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], i = (v) => {
+    }), l = M(null), c = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (v) => {
       v && (v.focus(), v.click());
-    }, n = (v) => {
+    }, s = (v) => {
       if (a.disabled)
         return;
-      const k = a.orientation === "horizontal", y = v.key, V = k ? ["ArrowRight"] : ["ArrowDown"], R = k ? ["ArrowLeft"] : ["ArrowUp"];
-      if (![...V, ...R, "Home", "End"].includes(y))
+      const w = a.orientation === "horizontal", C = v.key, z = w ? ["ArrowRight"] : ["ArrowDown"], E = w ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...z, ...E, "Home", "End"].includes(C))
         return;
-      const $ = u();
-      if (!$.length)
+      const S = c();
+      if (!S.length)
         return;
-      const T = $.findIndex((L) => L.getAttribute("aria-selected") === "true"), x = $.findIndex((L) => L === document.activeElement), F = x >= 0 ? x : Math.max(T, 0);
-      let H = F;
-      V.includes(y) ? H = (F + 1) % $.length : R.includes(y) ? H = (F - 1 + $.length) % $.length : y === "Home" ? H = 0 : y === "End" && (H = $.length - 1), v.preventDefault(), i($[H]);
-    }, f = (v, k) => {
-      o("update:modelValue", v), o("change", v, k);
-    }, p = {
+      const W = S.findIndex((L) => L.getAttribute("aria-selected") === "true"), V = S.findIndex((L) => L === document.activeElement), T = V >= 0 ? V : Math.max(W, 0);
+      let H = T;
+      z.includes(C) ? H = (T + 1) % S.length : E.includes(C) ? H = (T - 1 + S.length) % S.length : C === "Home" ? H = 0 : C === "End" && (H = S.length - 1), v.preventDefault(), n(S[H]);
+    }, p = (v, w) => {
+      o("update:modelValue", v), o("change", v, w);
+    }, f = {
       activeValue: h(() => a.modelValue),
       disabled: h(() => a.disabled),
       orientation: h(() => a.orientation),
-      onChange: f,
-      getTabId: (v) => `vf-tab-${c}-${s(v)}`,
-      getPanelId: (v) => `vf-tabpanel-${c}-${s(v)}`
+      onChange: p,
+      getTabId: (v) => `vf-tab-${u}-${i(v)}`,
+      getPanelId: (v) => `vf-tabpanel-${u}-${i(v)}`
     };
-    return Ee(Fe, p), (v, k) => (g(), C("div", {
-      class: S(d.value)
+    return Xe(Me, f), (v, w) => (m(), _("div", {
+      class: P(d.value)
     }, [
-      z("div", {
+      B("div", {
         ref_key: "list",
         ref: l,
         class: "vf-tabs__list",
@@ -1159,16 +1633,16 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
         "aria-orientation": v.orientation,
         "aria-label": v.ariaLabel || void 0,
         "aria-labelledby": v.ariaLabelledby || void 0,
-        onKeydown: n
+        onKeydown: s
       }, [
-        w(v.$slots, "tabs")
-      ], 40, Ut),
-      z("div", qt, [
-        w(v.$slots, "panels")
+        F(v.$slots, "tabs")
+      ], 40, mo),
+      B("div", go, [
+        F(v.$slots, "panels")
       ])
     ], 2));
   }
-}), Zt = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], or = /* @__PURE__ */ I({
+}), ho = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Ba = /* @__PURE__ */ Y({
   __name: "tab",
   props: {
     value: {},
@@ -1177,51 +1651,51 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = Be(Fe, null), c = h(() => (a == null ? void 0 : a.activeValue.value) === o.value), s = h(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), d = h(() => a ? a.getTabId(o.value) : void 0), l = h(() => a ? a.getPanelId(o.value) : void 0), u = h(() => s.value ? -1 : c.value ? 0 : -1), i = (n) => {
-      !a || s.value || (a.onChange(o.value, n), r("change", o.value, n));
+    const r = e, o = t, a = Oe(Me, null), u = h(() => (a == null ? void 0 : a.activeValue.value) === o.value), i = h(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), d = h(() => a ? a.getTabId(o.value) : void 0), l = h(() => a ? a.getPanelId(o.value) : void 0), c = h(() => i.value ? -1 : u.value ? 0 : -1), n = (s) => {
+      !a || i.value || (a.onChange(o.value, s), r("change", o.value, s));
     };
-    return (n, f) => (g(), C("button", {
+    return (s, p) => (m(), _("button", {
       id: d.value,
-      class: S(["vf-tab", { "vf-tab_active": c.value, "vf-tab_disabled": s.value }]),
+      class: P(["vf-tab", { "vf-tab_active": u.value, "vf-tab_disabled": i.value }]),
       type: "button",
       role: "tab",
-      "aria-selected": c.value,
+      "aria-selected": u.value,
       "aria-controls": l.value,
-      disabled: s.value,
-      tabindex: u.value,
-      onClick: i
+      disabled: i.value,
+      tabindex: c.value,
+      onClick: n
     }, [
-      w(n.$slots, "default", {}, () => [
-        Y(O(n.label), 1)
+      F(s.$slots, "default", {}, () => [
+        se(K(s.label), 1)
       ])
-    ], 10, Zt));
+    ], 10, ho));
   }
-}), Jt = ["id", "aria-labelledby"], rr = /* @__PURE__ */ I({
+}), yo = ["id", "aria-labelledby"], za = /* @__PURE__ */ Y({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(t) {
-    const e = t, r = Be(Fe, null), o = h(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = h(() => r ? r.getTabId(e.value) : void 0), c = h(() => r ? r.getPanelId(e.value) : void 0);
-    return (s, d) => ue((g(), C("div", {
-      id: c.value,
+    const e = t, r = Oe(Me, null), o = h(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = h(() => r ? r.getTabId(e.value) : void 0), u = h(() => r ? r.getPanelId(e.value) : void 0);
+    return (i, d) => he((m(), _("div", {
+      id: u.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": a.value
     }, [
-      w(s.$slots, "default")
-    ], 8, Jt)), [
-      [fe, o.value]
+      F(i.$slots, "default")
+    ], 8, yo)), [
+      [ye, o.value]
     ]);
   }
-}), Qt = ["data-severity"], eo = { class: "vf-toast__body" }, to = {
+}), ko = ["data-severity"], _o = { class: "vf-toast__body" }, Co = {
   key: 0,
   class: "vf-toast__title"
-}, oo = {
+}, wo = {
   key: 1,
   class: "vf-toast__message"
-}, ar = /* @__PURE__ */ I({
+}, Fa = /* @__PURE__ */ Y({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1235,72 +1709,72 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   setup(t, { emit: e }) {
     const r = e, o = t;
     let a = null;
-    const c = () => {
+    const u = () => {
       a !== null && (clearTimeout(a), a = null);
-    }, s = () => {
-      c(), !(!o.modelValue || o.duration <= 0) && (a = window.setTimeout(() => {
+    }, i = () => {
+      u(), !(!o.modelValue || o.duration <= 0) && (a = window.setTimeout(() => {
         r("update:modelValue", !1), r("close");
       }, o.duration));
     }, d = () => {
-      c(), r("update:modelValue", !1), r("close");
+      u(), r("update:modelValue", !1), r("close");
     };
-    return re(
+    return oe(
       () => o.modelValue,
       (l) => {
-        l && r("open"), s();
+        l && r("open"), i();
       },
       { immediate: !0 }
-    ), _e(() => {
-      c();
-    }), (l, u) => ue((g(), C("div", {
+    ), we(() => {
+      u();
+    }), (l, c) => he((m(), _("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
-      z("div", eo, [
-        l.title ? (g(), C("div", to, O(l.title), 1)) : B("", !0),
-        l.message || l.$slots.default ? (g(), C("div", oo, [
-          w(l.$slots, "default", {}, () => [
-            Y(O(l.message), 1)
+      B("div", _o, [
+        l.title ? (m(), _("div", Co, K(l.title), 1)) : O("", !0),
+        l.message || l.$slots.default ? (m(), _("div", wo, [
+          F(l.$slots, "default", {}, () => [
+            se(K(l.message), 1)
           ])
-        ])) : B("", !0)
+        ])) : O("", !0)
       ]),
-      l.closable ? (g(), C("button", {
+      l.closable ? (m(), _("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
         onClick: d
       }, [
-        w(l.$slots, "close", {}, () => [
-          u[0] || (u[0] = Y("×"))
+        F(l.$slots, "close", {}, () => [
+          c[0] || (c[0] = se("×"))
         ])
-      ])) : B("", !0)
-    ], 8, Qt)), [
-      [fe, l.modelValue]
+      ])) : O("", !0)
+    ], 8, ko)), [
+      [ye, l.modelValue]
     ]);
   }
-}), lr = /* @__PURE__ */ I({
+}), Sa = /* @__PURE__ */ Y({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(t) {
     const e = t, r = h(() => `vf-toast-container_${e.position}`);
-    return (o, a) => (g(), D(we, { to: "body" }, [
-      z("div", {
-        class: S(["vf-toast-container", r.value]),
+    return (o, a) => (m(), ae($e, { to: "body" }, [
+      B("div", {
+        class: P(["vf-toast-container", r.value]),
         role: "region",
         "aria-live": "polite"
       }, [
-        w(o.$slots, "default")
+        F(o.$slots, "default")
       ], 2)
     ]));
   }
-}), ro = ["checked", "disabled"], ao = {
+}), $o = ["checked", "disabled"], xo = {
   key: 0,
   class: "vf-switch__label"
-}, nr = /* @__PURE__ */ I({
+}, Va = /* @__PURE__ */ Y({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1310,112 +1784,112 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = h(() => {
-      const s = ["vf-switch"];
-      return o.disabled && s.push("vf-switch_disabled"), s;
-    }), c = (s) => {
-      const d = s.target;
-      r("update:modelValue", d.checked), r("change", s);
+      const i = ["vf-switch"];
+      return o.disabled && i.push("vf-switch_disabled"), i;
+    }), u = (i) => {
+      const d = i.target;
+      r("update:modelValue", d.checked), r("change", i);
     };
-    return (s, d) => (g(), C("label", {
-      class: S(a.value)
+    return (i, d) => (m(), _("label", {
+      class: P(a.value)
     }, [
-      z("input", {
+      B("input", {
         class: "vf-switch__control",
         type: "checkbox",
-        checked: s.modelValue,
-        disabled: s.disabled,
-        onChange: c
-      }, null, 40, ro),
-      d[0] || (d[0] = z("span", { class: "vf-switch__track" }, [
-        z("span", { class: "vf-switch__thumb" })
+        checked: i.modelValue,
+        disabled: i.disabled,
+        onChange: u
+      }, null, 40, $o),
+      d[0] || (d[0] = B("span", { class: "vf-switch__track" }, [
+        B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      s.label || s.$slots.default ? (g(), C("span", ao, [
-        w(s.$slots, "default", {}, () => [
-          Y(O(s.label), 1)
+      i.label || i.$slots.default ? (m(), _("span", xo, [
+        F(i.$slots, "default", {}, () => [
+          se(K(i.label), 1)
         ])
-      ])) : B("", !0)
+      ])) : O("", !0)
     ], 2));
   }
-}), lo = { class: "vf-popover" }, no = ["aria-expanded", "onKeydown"], sr = /* @__PURE__ */ I({
+}), Bo = { class: "vf-popover" }, zo = ["aria-expanded", "onKeydown"], Ta = /* @__PURE__ */ Y({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
-    const o = r, a = Ze({ visible: !1 });
-    let c = 0;
-    const s = `vf-popover-panel-${++c}`, d = () => a.visible = !0, l = () => a.visible = !1, u = () => a.visible = !a.visible, i = () => {
-      u(), o("click"), o("onClick");
+    const o = r, a = rt({ visible: !1 });
+    let u = 0;
+    const i = `vf-popover-panel-${++u}`, d = () => a.visible = !0, l = () => a.visible = !1, c = () => a.visible = !a.visible, n = () => {
+      c(), o("click"), o("onClick");
     };
-    return e({ show: d, hide: l, toggle: u }), (n, f) => (g(), C("div", lo, [
-      z("div", {
+    return e({ show: d, hide: l, toggle: c }), (s, p) => (m(), _("div", Bo, [
+      B("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
         "aria-expanded": a.visible,
-        "aria-controls": s,
-        onClick: i,
+        "aria-controls": i,
+        onClick: n,
         onKeydown: [
-          le(ne(i, ["prevent"]), ["enter"]),
-          le(ne(i, ["prevent"]), ["space"])
+          ee(J(n, ["prevent"]), ["enter"]),
+          ee(J(n, ["prevent"]), ["space"])
         ]
       }, [
-        w(n.$slots, "button")
-      ], 40, no),
-      ue(Ie(ut, {
-        id: s,
+        F(s.$slots, "button")
+      ], 40, zo),
+      he(je(ht, {
+        id: i,
         class: "vf-popover__wrapper"
-      }, Je({
-        default: oe(() => [
-          f[0] || (f[0] = z("div", { class: "vf-popover__arrow" }, null, -1))
+      }, lt({
+        default: me(() => [
+          p[0] || (p[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        n.$slots.default ? {
+        s.$slots.default ? {
           name: "default",
-          fn: oe(() => [
-            w(n.$slots, "default")
+          fn: me(() => [
+            F(s.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        n.$slots.header || n.$slots.popoverHeader ? {
+        s.$slots.header || s.$slots.popoverHeader ? {
           name: "header",
-          fn: oe(() => [
-            w(n.$slots, "header"),
-            n.$slots.header ? B("", !0) : w(n.$slots, "popoverHeader", { key: 0 })
+          fn: me(() => [
+            F(s.$slots, "header"),
+            s.$slots.header ? O("", !0) : F(s.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        n.$slots.body || n.$slots.popoverBody ? {
+        s.$slots.body || s.$slots.popoverBody ? {
           name: "body",
-          fn: oe(() => [
-            w(n.$slots, "body"),
-            n.$slots.body ? B("", !0) : w(n.$slots, "popoverBody", { key: 0 })
+          fn: me(() => [
+            F(s.$slots, "body"),
+            s.$slots.body ? O("", !0) : F(s.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        n.$slots.footer || n.$slots.popoverFooter ? {
+        s.$slots.footer || s.$slots.popoverFooter ? {
           name: "footer",
-          fn: oe(() => [
-            w(n.$slots, "footer"),
-            n.$slots.footer ? B("", !0) : w(n.$slots, "popoverFooter", { key: 0 })
+          fn: me(() => [
+            F(s.$slots, "footer"),
+            s.$slots.footer ? O("", !0) : F(s.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [fe, a.visible]
+        [ye, a.visible]
       ])
     ]));
   }
-}), so = ["aria-labelledby", "aria-describedby"], io = {
+}), Fo = ["aria-labelledby", "aria-describedby"], So = {
   key: 0,
   class: "vf-modal__header"
-}, co = {
+}, Vo = {
   key: 0,
   class: "vf-modal__title"
-}, uo = {
+}, To = {
   key: 3,
   class: "vf-modal__footer"
-}, ir = /* @__PURE__ */ I({
+}, La = /* @__PURE__ */ Y({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1429,111 +1903,111 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   emits: ["update:modelValue", "open", "close"],
   setup(t, { expose: e, emit: r }) {
     const o = r, a = t;
-    let c = 0, s = 0, d = "", l = null;
-    const u = A(null), i = Qe(), n = `vf-modal-title-${++c}`, f = `vf-modal-body-${c}`, p = h(() => !!a.title || !!i.header), v = h(() => !!i.body || !!i.default), k = h(() => {
-      const m = ["vf-modal"];
-      return a.size !== "md" && m.push(`vf-modal_${a.size}`), m;
-    }), y = () => o("update:modelValue", !0), V = () => {
+    let u = 0, i = 0, d = "", l = null;
+    const c = M(null), n = nt(), s = `vf-modal-title-${++u}`, p = `vf-modal-body-${u}`, f = h(() => !!a.title || !!n.header), v = h(() => !!n.body || !!n.default), w = h(() => {
+      const y = ["vf-modal"];
+      return a.size !== "md" && y.push(`vf-modal_${a.size}`), y;
+    }), C = () => o("update:modelValue", !0), z = () => {
       o("update:modelValue", !1), o("close");
-    }, R = () => {
-      a.closeOnOverlay && V();
-    }, $ = (m) => {
-      !a.modelValue || !a.closeOnEsc || m.key === "Escape" && (m.preventDefault(), V());
-    }, T = () => 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((b) => !b.hasAttribute("disabled") && !b.getAttribute("aria-hidden")) : [], x = () => {
+    }, E = () => {
+      a.closeOnOverlay && z();
+    }, S = (y) => {
+      !a.modelValue || !a.closeOnEsc || y.key === "Escape" && (y.preventDefault(), z());
+    }, W = () => c.value ? Array.from(c.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((b) => !b.hasAttribute("disabled") && !b.getAttribute("aria-hidden")) : [], V = () => {
       var b;
-      const m = T();
-      m.length ? m[0].focus() : (b = u.value) == null || b.focus();
-    }, F = (m) => {
-      var P;
-      if (m.key !== "Tab")
+      const y = W();
+      y.length ? y[0].focus() : (b = c.value) == null || b.focus();
+    }, T = (y) => {
+      var j;
+      if (y.key !== "Tab")
         return;
-      const b = T();
+      const b = W();
       if (!b.length) {
-        m.preventDefault(), (P = u.value) == null || P.focus();
+        y.preventDefault(), (j = c.value) == null || j.focus();
         return;
       }
-      const _ = b[0], W = b[b.length - 1], E = document.activeElement;
-      if (m.shiftKey && E === _) {
-        m.preventDefault(), W.focus();
+      const $ = b[0], A = b[b.length - 1], G = document.activeElement;
+      if (y.shiftKey && G === $) {
+        y.preventDefault(), A.focus();
         return;
       }
-      !m.shiftKey && E === W && (m.preventDefault(), _.focus());
+      !y.shiftKey && G === A && (y.preventDefault(), $.focus());
     }, H = () => {
-      !a.lockScroll || typeof document > "u" || (s === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
+      !a.lockScroll || typeof document > "u" || (i === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), i += 1);
     }, L = () => {
-      !a.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = d));
+      !a.lockScroll || typeof document > "u" || (i = Math.max(0, i - 1), i === 0 && (document.body.style.overflow = d));
     };
-    return re(
+    return oe(
       () => a.modelValue,
-      async (m) => {
-        m ? (typeof document < "u" && (l = document.activeElement), H(), o("open"), await xe(), x(), typeof document < "u" && document.addEventListener("keydown", $)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", $), l == null || l.focus()));
+      async (y) => {
+        y ? (typeof document < "u" && (l = document.activeElement), H(), o("open"), await ze(), V(), typeof document < "u" && document.addEventListener("keydown", S)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", S), l == null || l.focus()));
       },
       { immediate: !0 }
-    ), _e(() => {
-      L(), typeof document < "u" && document.removeEventListener("keydown", $);
-    }), e({ open: y, close: V }), (m, b) => (g(), D(we, { to: "body" }, [
-      ue(z("div", {
-        class: S(k.value),
+    ), we(() => {
+      L(), typeof document < "u" && document.removeEventListener("keydown", S);
+    }), e({ open: C, close: z }), (y, b) => (m(), ae($e, { to: "body" }, [
+      he(B("div", {
+        class: P(w.value),
         role: "presentation"
       }, [
-        z("div", {
+        B("div", {
           class: "vf-modal__overlay",
-          onClick: R
+          onClick: E
         }),
-        z("div", {
+        B("div", {
           ref_key: "panel",
-          ref: u,
+          ref: c,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": p.value ? n : void 0,
-          "aria-describedby": v.value ? f : void 0,
+          "aria-labelledby": f.value ? s : void 0,
+          "aria-describedby": v.value ? p : void 0,
           tabindex: "-1",
-          onKeydown: F
+          onKeydown: T
         }, [
-          p.value ? (g(), C("div", io, [
-            z("div", {
-              id: n,
+          f.value ? (m(), _("div", So, [
+            B("div", {
+              id: s,
               class: "vf-modal__header-content"
             }, [
-              w(m.$slots, "header", {}, () => [
-                m.title ? (g(), C("h3", co, O(m.title), 1)) : B("", !0)
+              F(y.$slots, "header", {}, () => [
+                y.title ? (m(), _("h3", Vo, K(y.title), 1)) : O("", !0)
               ])
             ])
-          ])) : B("", !0),
-          m.showClose ? w(m.$slots, "close", {
+          ])) : O("", !0),
+          y.showClose ? F(y.$slots, "close", {
             key: 1,
-            close: V
+            close: z
           }, () => [
-            z("button", {
+            B("button", {
               type: "button",
               class: "vf-modal__close",
               "aria-label": "Close",
-              onClick: V
+              onClick: z
             }, "×")
-          ]) : B("", !0),
-          m.$slots.body || m.$slots.default ? (g(), C("div", {
+          ]) : O("", !0),
+          y.$slots.body || y.$slots.default ? (m(), _("div", {
             key: 2,
-            id: f,
+            id: p,
             class: "vf-modal__body"
           }, [
-            w(m.$slots, "body"),
-            m.$slots.body ? B("", !0) : w(m.$slots, "default", { key: 0 })
-          ])) : B("", !0),
-          m.$slots.footer ? (g(), C("div", uo, [
-            w(m.$slots, "footer")
-          ])) : B("", !0)
-        ], 40, so)
+            F(y.$slots, "body"),
+            y.$slots.body ? O("", !0) : F(y.$slots, "default", { key: 0 })
+          ])) : O("", !0),
+          y.$slots.footer ? (m(), _("div", To, [
+            F(y.$slots, "footer")
+          ])) : O("", !0)
+        ], 40, Fo)
       ], 2), [
-        [fe, m.modelValue]
+        [ye, y.modelValue]
       ])
     ]));
   }
-}), fo = ["data-placement"], vo = { class: "vf-tooltip__content" }, po = {
+}), Lo = ["data-placement"], Ro = { class: "vf-tooltip__content" }, Do = {
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, dr = /* @__PURE__ */ I({
+}, Ra = /* @__PURE__ */ Y({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -1544,152 +2018,152 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
   setup(t) {
     const e = t;
     let r = 0;
-    const o = A(null), a = A(null), c = A(!1), s = A("top"), d = `vf-tooltip-${++r}`;
+    const o = M(null), a = M(null), u = M(!1), i = M("top"), d = `vf-tooltip-${++r}`;
     let l = null;
-    const u = () => {
-      e.disabled || (c.value = !0);
-    }, i = () => {
-      c.value = !1;
+    const c = () => {
+      e.disabled || (u.value = !0);
     }, n = () => {
+      u.value = !1;
+    }, s = () => {
       if (!o.value || !a.value)
         return;
-      const p = o.value, v = a.value, k = async () => {
+      const f = o.value, v = a.value, w = async () => {
         const {
-          x: $,
-          y: T,
-          placement: x
-        } = await Ye(p, v, {
+          x: S,
+          y: W,
+          placement: V
+        } = await We(f, v, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [Ne(8), Me(), wt()]
+          middleware: [De(8), Re(), Vt()]
         });
-        s.value = x ?? e.placement, v.style.left = `${$}px`, v.style.top = `${T}px`;
-      }, y = async () => {
-        await k();
-      }, V = Xe(p, () => {
-        y();
-      }), R = () => {
-        y();
+        i.value = V ?? e.placement, v.style.left = `${S}px`, v.style.top = `${W}px`;
+      }, C = async () => {
+        await w();
+      }, z = Pe(f, () => {
+        C();
+      }), E = () => {
+        C();
       };
-      document.addEventListener("scroll", R, !0), window.addEventListener("resize", R, !1), l = {
-        update: y,
+      document.addEventListener("scroll", E, !0), window.addEventListener("resize", E, !1), l = {
+        update: C,
         destroy: () => {
-          V(), document.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R, !1);
+          z(), document.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E, !1);
         }
       }, l.update();
     };
-    re(c, async (p) => {
-      if (!p) {
+    oe(u, async (f) => {
+      if (!f) {
         l && (l.destroy(), l = null);
         return;
       }
-      l || n(), l == null || l.update();
-    }), Oe(() => {
-      c.value && n();
-    }), _e(() => {
+      l || s(), l == null || l.update();
+    }), Le(() => {
+      u.value && s();
+    }), we(() => {
       l == null || l.destroy(), l = null;
     });
-    const f = h(() => !!e.text || !!(a.value && a.value.textContent));
-    return re(f, (p) => {
-      p || (c.value = !1);
-    }), (p, v) => (g(), C(ce, null, [
-      z("span", {
+    const p = h(() => !!e.text || !!(a.value && a.value.textContent));
+    return oe(p, (f) => {
+      f || (u.value = !1);
+    }), (f, v) => (m(), _(pe, null, [
+      B("span", {
         ref_key: "trigger",
         ref: o,
         class: "vf-tooltip__trigger",
         "aria-describedby": d,
-        onMouseenter: u,
-        onMouseleave: i,
-        onFocus: u,
-        onBlur: i
+        onMouseenter: c,
+        onMouseleave: n,
+        onFocus: c,
+        onBlur: n
       }, [
-        w(p.$slots, "default")
+        F(f.$slots, "default")
       ], 544),
-      (g(), D(we, { to: "body" }, [
-        ue(z("div", {
+      (m(), ae($e, { to: "body" }, [
+        he(B("div", {
           id: d,
           ref_key: "panel",
           ref: a,
           class: "vf-tooltip",
           role: "tooltip",
-          "data-placement": s.value
+          "data-placement": i.value
         }, [
-          z("span", vo, [
-            w(p.$slots, "content", {}, () => [
-              Y(O(p.text), 1)
+          B("span", Ro, [
+            F(f.$slots, "content", {}, () => [
+              se(K(f.text), 1)
             ])
           ]),
-          p.arrow ? (g(), C("span", po)) : B("", !0)
-        ], 8, fo), [
-          [fe, c.value]
+          f.arrow ? (m(), _("span", Do)) : O("", !0)
+        ], 8, Lo), [
+          [ye, u.value]
         ])
       ]))
     ], 64));
   }
-}), bo = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], go = (t) => {
+}), Po = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Wo = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, mo = (t) => t.filter((e) => !bo.includes(e)).map((e) => go(e)).join("-").toLowerCase(), $e = (t) => t.join("."), ho = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), ze = (t) => {
-  if (!ho(t))
+}, Io = (t) => t.filter((e) => !Po.includes(e)).map((e) => Wo(e)).join("-").toLowerCase(), Ie = (t) => t.join("."), Oo = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ee = (t) => {
+  if (!Oo(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();
-}, Ge = (t) => {
-  const e = ze(t);
+}, et = (t) => {
+  const e = Ee(t);
   if (!e)
     return [0, 0, 0];
-  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, c = r & 255;
-  return [o, a, c];
-}, Re = (t) => {
-  const [e, r, o] = Ge(t);
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, u = r & 255;
+  return [o, a, u];
+}, Ne = (t) => {
+  const [e, r, o] = et(t);
   return `${e}, ${r}, ${o}`;
-}, yo = (t, e, r) => {
-  const o = t / 255, a = e / 255, c = r / 255, s = Math.max(o, a, c), d = Math.min(o, a, c), l = s - d;
-  let u = 0, i = 0;
-  const n = (s + d) / 2;
+}, Mo = (t, e, r) => {
+  const o = t / 255, a = e / 255, u = r / 255, i = Math.max(o, a, u), d = Math.min(o, a, u), l = i - d;
+  let c = 0, n = 0;
+  const s = (i + d) / 2;
   if (l !== 0) {
-    switch (i = l / (1 - Math.abs(2 * n - 1)), s) {
+    switch (n = l / (1 - Math.abs(2 * s - 1)), i) {
       case o:
-        u = (a - c) / l % 6;
+        c = (a - u) / l % 6;
         break;
       case a:
-        u = (c - o) / l + 2;
+        c = (u - o) / l + 2;
         break;
-      case c:
-        u = (o - a) / l + 4;
+      case u:
+        c = (o - a) / l + 4;
         break;
     }
-    u *= 60, u < 0 && (u += 360);
+    c *= 60, c < 0 && (c += 360);
   }
-  return [u, i * 100, n * 100];
-}, Co = (t, e, r) => {
-  const o = e / 100, a = r / 100, c = (1 - Math.abs(2 * a - 1)) * o, s = c * (1 - Math.abs(t / 60 % 2 - 1)), d = a - c / 2;
-  let l = 0, u = 0, i = 0;
-  t >= 0 && t < 60 ? (l = c, u = s, i = 0) : t >= 60 && t < 120 ? (l = s, u = c, i = 0) : t >= 120 && t < 180 ? (l = 0, u = c, i = s) : t >= 180 && t < 240 ? (l = 0, u = s, i = c) : t >= 240 && t < 300 ? (l = s, u = 0, i = c) : (l = c, u = 0, i = s);
-  const n = Math.round((l + d) * 255), f = Math.round((u + d) * 255), p = Math.round((i + d) * 255);
-  return [n, f, p];
-}, ko = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, _o = (t, e, r) => Math.min(r, Math.max(e, t)), wo = (t, e) => {
-  const r = ze(t);
+  return [c, n * 100, s * 100];
+}, Eo = (t, e, r) => {
+  const o = e / 100, a = r / 100, u = (1 - Math.abs(2 * a - 1)) * o, i = u * (1 - Math.abs(t / 60 % 2 - 1)), d = a - u / 2;
+  let l = 0, c = 0, n = 0;
+  t >= 0 && t < 60 ? (l = u, c = i, n = 0) : t >= 60 && t < 120 ? (l = i, c = u, n = 0) : t >= 120 && t < 180 ? (l = 0, c = u, n = i) : t >= 180 && t < 240 ? (l = 0, c = i, n = u) : t >= 240 && t < 300 ? (l = i, c = 0, n = u) : (l = u, c = 0, n = i);
+  const s = Math.round((l + d) * 255), p = Math.round((c + d) * 255), f = Math.round((n + d) * 255);
+  return [s, p, f];
+}, Ho = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Ao = (t, e, r) => Math.min(r, Math.max(e, t)), Ko = (t, e) => {
+  const r = Ee(t);
   if (!r)
     return t;
-  const [o, a, c] = Ge(r), [s, d, l] = yo(o, a, c), i = (e - 5) * 7, n = _o(l + i, 0, 100), [f, p, v] = Co(s, d, n);
-  return ko(f, p, v);
-}, ke = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ve = (t, e) => {
+  const [o, a, u] = et(r), [i, d, l] = Mo(o, a, u), n = (e - 5) * 7, s = Ao(l + n, 0, 100), [p, f, v] = Eo(i, d, s);
+  return Ho(p, f, v);
+}, Te = (t) => !!t && typeof t == "object" && !Array.isArray(t), He = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
-    const a = e[o], c = t[o];
-    ke(c) && ke(a) ? r[o] = Ve(c, a) : r[o] = a;
+    const a = e[o], u = t[o];
+    Te(u) && Te(a) ? r[o] = He(u, a) : r[o] = a;
   }
   return r;
-}, $o = (t) => {
+}, No = (t) => {
   if (!t)
     return null;
-  if (ke(t) && "preset" in t) {
+  if (Te(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -1700,42 +2174,42 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     };
   }
   return { preset: t };
-}, xo = (t) => {
-  const e = [], r = [], o = [], a = [], c = (l) => o.push(l), s = (l) => a.push(l), d = (l, u) => {
+}, Yo = (t) => {
+  const e = [], r = [], o = [], a = [], u = (l) => o.push(l), i = (l) => a.push(l), d = (l, c) => {
     if (!(!l || typeof l != "object"))
-      for (const i in l) {
-        const n = l[i], f = u.concat([i]);
-        if (ke(n)) {
-          d(n, f);
+      for (const n in l) {
+        const s = l[n], p = c.concat([n]);
+        if (Te(s)) {
+          d(s, p);
           continue;
         }
-        if (n && typeof n == "object") {
-          s(`Theme value "${$e(f)}" is not a plain object or string and will be ignored.`);
+        if (s && typeof s == "object") {
+          i(`Theme value "${Ie(p)}" is not a plain object or string and will be ignored.`);
           continue;
         }
-        if (typeof n != "string") {
-          s(`Theme value "${$e(f)}" is not a string and will be ignored.`);
+        if (typeof s != "string") {
+          i(`Theme value "${Ie(p)}" is not a string and will be ignored.`);
           continue;
         }
-        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, k = mo(f);
-        if (v.push(`--vf-${k}: ${n}`), f.includes("colors")) {
-          const y = ze(n);
-          if (!y) {
-            c(
-              `Theme color "${$e(f)}" is not hex. Shade variables will not be generated for it.`
+        const v = p.includes("colorScheme") && p.includes("dark") ? r : e, w = Io(p);
+        if (v.push(`--vf-${w}: ${s}`), p.includes("colors")) {
+          const C = Ee(s);
+          if (!C) {
+            u(
+              `Theme color "${Ie(p)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (v.push(`--vf-${k}-rgb: ${Re(y)}`), i !== "white")
-            for (let V = 1; V < 10; ++V) {
-              const R = wo(y, V);
-              v.push(`--vf-${k}-${V}00: ${R}`), v.push(`--vf-${k}-${V}00-rgb: ${Re(R)}`);
+          if (v.push(`--vf-${w}-rgb: ${Ne(C)}`), n !== "white")
+            for (let z = 1; z < 10; ++z) {
+              const E = Ko(C, z);
+              v.push(`--vf-${w}-${z}00: ${E}`), v.push(`--vf-${w}-${z}00-rgb: ${Ne(E)}`);
             }
         }
       }
   };
   return d(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
-}, Bo = (t) => {
+}, Go = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -1743,48 +2217,48 @@ const kt = (t, e) => t.strategy ? t.strategy : Ct(e) ? "fixed" : "absolute", ee
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, Fo = (t) => ({
+}, jo = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), zo = (t, e, r, o) => {
-  const { baseVars: a, darkVars: c, warnings: s, errors: d } = xo(t), l = Bo("vueforge-theme");
+}), Xo = (t, e, r, o) => {
+  const { baseVars: a, darkVars: u, warnings: i, errors: d } = Yo(t), l = Go("vueforge-theme");
   if (!l)
     return;
   if (d.length) {
     if (o)
       throw new Error(`[VueForge] ${d.join(" ")}`);
-    for (const i of d)
-      console.warn(`[VueForge] ${i}`);
+    for (const n of d)
+      console.warn(`[VueForge] ${n}`);
   }
-  if (s.length)
-    for (const i of s)
-      console.warn(`[VueForge] ${i}`);
-  const u = [];
-  a.length && u.push(`${e} { ${a.join(";")} }`), c.length && u.push(`${r} { ${c.join(";")} }`), l.textContent = u.join(`
+  if (i.length)
+    for (const n of i)
+      console.warn(`[VueForge] ${n}`);
+  const c = [];
+  a.length && c.push(`${e} { ${a.join(";")} }`), u.length && c.push(`${r} { ${u.join(";")} }`), l.textContent = c.join(`
 `);
 };
-let Q = null;
-const Ue = (t) => {
-  const e = $o(t);
+let fe = null;
+const tt = (t) => {
+  const e = No(t);
   if (!e)
     return;
-  const r = Ve(e.preset, e.overrides), { selector: o, darkSelector: a } = Fo(e);
-  Q = { ...e }, zo(r, o, a, e.strict);
-}, cr = (t) => {
-  if (!Q)
+  const r = He(e.preset, e.overrides), { selector: o, darkSelector: a } = jo(e);
+  fe = { ...e }, Xo(r, o, a, e.strict);
+}, Da = (t) => {
+  if (!fe)
     return;
-  const e = t.overrides === void 0 ? Q.overrides : Ve(Q.overrides ?? {}, t.overrides ?? {}), r = {
-    preset: t.preset ?? Q.preset,
+  const e = t.overrides === void 0 ? fe.overrides : He(fe.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? fe.preset,
     overrides: e,
-    selector: t.selector ?? Q.selector,
-    darkSelector: t.darkSelector ?? Q.darkSelector
+    selector: t.selector ?? fe.selector,
+    darkSelector: t.darkSelector ?? fe.darkSelector
   };
-  Ue(r);
-}, ur = () => Q ? { ...Q } : null, fr = {
+  tt(r);
+}, Pa = () => fe ? { ...fe } : null, Wa = {
   install(t, e = {}) {
-    e.theme && Ue(e.theme);
+    e.theme && tt(e.theme);
   }
-}, Le = {
+}, Ye = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -1847,7 +2321,7 @@ const Ue = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, Vo = {
+}, Uo = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -1989,11 +2463,11 @@ const Ue = (t) => {
       }
     }
   }
-}, So = {
+}, qo = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, To = {
+}, Zo = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2014,7 +2488,7 @@ const Ue = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Ro = {
+}, Jo = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2037,10 +2511,10 @@ const Ue = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Lo = {
+}, Qo = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, Wo = {
+}, ea = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -2060,7 +2534,7 @@ const Ue = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Ho = {
+}, ta = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -2087,9 +2561,9 @@ const Ue = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, Io = {
+}, oa = {
   backgroundColor: "var(--vf-bg-color)"
-}, Oo = {
+}, aa = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -2122,7 +2596,96 @@ const Ue = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Eo = {
+}, ra = {
+  minWidth: "12rem",
+  fontSize: "var(--vf-typography-font-size)",
+  controlGap: "0.5rem",
+  chevronSize: "0.9em",
+  padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
+  borderRadius: "var(--vf-radii-md)",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-controls-background-color)",
+  textColor: "var(--vf-text-color)",
+  placeholderColor: "var(--vf-secondary-text-color)",
+  focusBorderColor: "var(--vf-blue-600)",
+  hoverBorderColor: "var(--vf-blue-500)",
+  disabledOpacity: "var(--vf-states-disabled-opacity)",
+  panelBackgroundColor: "var(--vf-bg-color)",
+  panelBorderColor: "var(--vf-border-color)",
+  panelPadding: "0.35rem",
+  panelMaxHeight: "16rem",
+  panelRadiusOffset: "2px",
+  panelShadow: "0 10px 30px rgba(0, 0, 0, 0.12)",
+  focusRingShadow: "var(--vf-states-focus-ring-shadow)",
+  optionPadding: "0.5rem 0.6rem",
+  optionBorderRadius: "var(--vf-radii-md)",
+  optionHoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.08)",
+  optionActiveBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.14)",
+  optionActiveTextColor: "var(--vf-text-color)",
+  optionHighlightedBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.14)",
+  emptyPadding: "0.5rem 0.6rem",
+  emptyColor: "var(--vf-secondary-text-color)",
+  loadingPadding: "0.5rem 0.6rem",
+  loadingColor: "var(--vf-secondary-text-color)",
+  small: {
+    padding: "var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",
+    fontSize: "var(--vf-sizes-sm-font-size)"
+  },
+  large: {
+    padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
+    fontSize: "var(--vf-sizes-lg-font-size)"
+  }
+}, la = {
+  minWidth: "12rem",
+  fontSize: "var(--vf-typography-font-size)",
+  controlGap: "0.75rem",
+  chevronSize: "0.9em",
+  padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
+  borderRadius: "var(--vf-radii-md)",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-controls-background-color)",
+  textColor: "var(--vf-text-color)",
+  placeholderColor: "var(--vf-secondary-text-color)",
+  focusBorderColor: "var(--vf-blue-600)",
+  hoverBorderColor: "var(--vf-blue-500)",
+  disabledOpacity: "var(--vf-states-disabled-opacity)",
+  panelWidth: "17rem",
+  panelBackgroundColor: "var(--vf-bg-color)",
+  panelBorderColor: "var(--vf-border-color)",
+  panelPadding: "0.5rem",
+  panelRadiusOffset: "2px",
+  panelShadow: "0 10px 30px rgba(0, 0, 0, 0.12)",
+  focusRingShadow: "var(--vf-states-focus-ring-shadow)",
+  headerGap: "0.5rem",
+  headerPadding: "0 0 0.4rem",
+  monthLabelFontSize: "0.95rem",
+  monthLabelFontWeight: "600",
+  navButtonSize: "1.8rem",
+  navButtonRadius: "var(--vf-radii-sm)",
+  navButtonFontSize: "1.1rem",
+  weekdayColor: "var(--vf-secondary-text-color)",
+  weekdayFontSize: "0.75rem",
+  weekdaysMarginBottom: "0.35rem",
+  daysGap: "0.15rem",
+  daySize: "2rem",
+  dayFontSize: "0.875rem",
+  dayBorderRadius: "var(--vf-radii-sm)",
+  dayHoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.08)",
+  daySelectedBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.14)",
+  daySelectedTextColor: "var(--vf-text-color)",
+  dayMutedColor: "var(--vf-secondary-text-color)",
+  dayTodayBorderColor: "rgba(var(--vf-blue-600-rgb), 0.45)",
+  small: {
+    padding: "var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",
+    fontSize: "var(--vf-sizes-sm-font-size)",
+    daySize: "1.8rem"
+  },
+  large: {
+    padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
+    fontSize: "var(--vf-sizes-lg-font-size)",
+    daySize: "2.2rem"
+  }
+}, na = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -2134,7 +2697,7 @@ const Ue = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Po = {
+}, sa = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -2148,7 +2711,7 @@ const Ue = (t) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ao = {
+}, ia = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -2160,7 +2723,7 @@ const Ue = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Mo = {
+}, da = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -2181,7 +2744,7 @@ const Ue = (t) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Do = {
+}, ca = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -2192,7 +2755,7 @@ const Ue = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, Ko = {
+}, ua = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -2231,50 +2794,54 @@ const Ue = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, vr = {
-  ...Le,
+}, Ia = {
+  ...Ye,
   components: {
-    base: Le,
-    button: Vo,
-    card: So,
-    input: To,
-    textarea: Ro,
-    link: Lo,
-    menu: Wo,
-    modal: Ho,
-    popover: Io,
-    select: Oo,
-    checkbox: Eo,
-    radio: Po,
-    switch: Ao,
-    tabs: Mo,
-    tooltip: Do,
-    toast: Ko
+    base: Ye,
+    button: Uo,
+    card: qo,
+    input: Zo,
+    textarea: Jo,
+    link: Qo,
+    menu: ea,
+    modal: ta,
+    popover: oa,
+    select: aa,
+    autocomplete: ra,
+    datepicker: la,
+    checkbox: na,
+    radio: sa,
+    switch: ia,
+    tabs: da,
+    tooltip: ca,
+    toast: ua
   }
 };
 export {
-  Go as Button,
-  ut as Card,
-  Jo as Checkbox,
-  vr as DefaultTheme,
-  Uo as Input,
-  Pe as Link,
-  jo as Menu,
-  ir as Modal,
-  sr as Popover,
-  er as RadioButton,
-  Qo as RadioGroup,
-  Zo as Select,
-  nr as Switch,
-  or as Tab,
-  rr as TabPanel,
-  tr as Tabs,
-  qo as Textarea,
-  ar as Toast,
-  lr as ToastContainer,
-  dr as Tooltip,
-  fr as VueForge,
-  ur as getTheme,
-  Ue as setTheme,
-  cr as updateTheme
+  ka as Autocomplete,
+  ma as Button,
+  ht as Card,
+  Ca as Checkbox,
+  _a as DatePicker,
+  Ia as DefaultTheme,
+  ga as Input,
+  Ue as Link,
+  ba as Menu,
+  La as Modal,
+  Ta as Popover,
+  $a as RadioButton,
+  wa as RadioGroup,
+  ya as Select,
+  Va as Switch,
+  Ba as Tab,
+  za as TabPanel,
+  xa as Tabs,
+  ha as Textarea,
+  Fa as Toast,
+  Sa as ToastContainer,
+  Ra as Tooltip,
+  Wa as VueForge,
+  Pa as getTheme,
+  tt as setTheme,
+  Da as updateTheme
 };