@codemonster-ru/vueforge 0.18.0 → 0.19.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as N, ref as M, computed as g, watch as oe, resolveComponent as Ge, openBlock as b, createElementBlock as y, normalizeClass as I, renderSlot as $, Fragment as pe, createTextVNode as Z, toDisplayString as E, createBlock as re, withCtx as he, createCommentVNode as F, createElementVNode as B, renderList as Be, withKeys as te, withModifiers as Q, unref as ke, createVNode as je, useSlots as Xe, nextTick as ze, onMounted as Le, onBeforeUnmount as we, Teleport as $e, withDirectives as be, vShow as me, provide as qe, inject as Oe, reactive as lt, createSlots as nt } from "vue";
+import { defineComponent as Z, ref as R, computed as g, watch as ee, resolveComponent as Xe, openBlock as m, createElementBlock as h, normalizeClass as E, renderSlot as F, Fragment as ue, createTextVNode as ae, toDisplayString as M, createBlock as le, withCtx as ye, createCommentVNode as V, createElementVNode as B, renderList as Be, withKeys as q, withModifiers as Y, unref as $e, createVNode as qe, useSlots as Ue, nextTick as ke, onMounted as Fe, onBeforeUnmount as Ce, Teleport as we, withDirectives as ve, vShow as fe, provide as Ze, inject as Me, reactive as lt, createSlots 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__ */ N({
+import { CmIcon as xe } from "@codemonster-ru/vueiconify";
+const dt = ["href", "aria-disabled", "tabindex"], Je = /* @__PURE__ */ Z({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,48 +15,48 @@ const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ N({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = st(), u = it(), s = M(null), c = g(() => o.href ?? o.url), l = g(() => o.as ? o.as === "router-link" && !o.to ? "a" : o.as : o.type === "router-link" || o.type === "a" ? o.type === "router-link" && !o.to ? "a" : o.type : o.to ? "router-link" : "a"), d = g(() => o.to), n = g(() => o.to ? u.resolve(o.to) : null), i = g(() => {
+    const r = e, o = t, a = st(), u = it(), d = R(null), c = g(() => o.href ?? o.url), l = g(() => 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"), i = g(() => o.to), n = g(() => o.to ? u.resolve(o.to) : null), s = g(() => {
       if (l.value !== "router-link")
         return !1;
       const f = n.value;
-      return f ? f.name ? a.matched.some(({ name: w }) => w === f.name) : f.fullPath ? a.fullPath === f.fullPath : a.path === f.path : !1;
-    }), v = g(() => o.active === void 0 ? i.value : o.active), p = (f) => {
+      return f ? f.name ? a.matched.some(({ name: C }) => C === f.name) : f.fullPath ? a.fullPath === f.fullPath : a.path === f.path : !1;
+    }), v = g(() => o.active === void 0 ? s.value : o.active), b = (f) => {
       if (!o.disabled) {
         r("click", f);
         return;
       }
       f.preventDefault(), f.stopPropagation();
     };
-    return oe(i, (f) => {
+    return ee(s, (f) => {
       f && (r("active"), r("onActive")), r("update:active", f);
-    }), (f, w) => {
-      const C = Ge("router-link");
-      return l.value === "a" ? (b(), y("a", {
+    }), (f, C) => {
+      const $ = Xe("router-link");
+      return l.value === "a" ? (m(), h("a", {
         key: 0,
         href: c.value,
-        class: I(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": f.disabled }]),
+        class: E(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": f.disabled }]),
         "aria-disabled": f.disabled,
         tabindex: f.disabled ? -1 : void 0,
-        onClick: p
+        onClick: b
       }, [
-        f.$slots.default ? $(f.$slots, "default", { key: 0 }) : (b(), y(pe, { key: 1 }, [
-          Z(E(f.label), 1)
+        f.$slots.default ? F(f.$slots, "default", { key: 0 }) : (m(), h(ue, { key: 1 }, [
+          ae(M(f.label), 1)
         ], 64))
-      ], 10, dt)) : (b(), re(C, {
+      ], 10, dt)) : (m(), le($, {
         key: 1,
         ref_key: "link",
-        ref: s,
-        to: d.value,
-        class: I(["vf-link", { "vf-link_active": v.value }]),
+        ref: d,
+        to: i.value,
+        class: E(["vf-link", { "vf-link_active": v.value }]),
         "aria-disabled": f.disabled,
         tabindex: f.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active",
-        onClick: p
+        onClick: b
       }, {
-        default: he(() => [
-          f.$slots.default ? $(f.$slots, "default", { key: 0 }) : (b(), y(pe, { key: 1 }, [
-            Z(E(f.label), 1)
+        default: ye(() => [
+          f.$slots.default ? F(f.$slots, "default", { key: 0 }) : (m(), h(ue, { key: 1 }, [
+            ae(M(f.label), 1)
           ], 64))
         ]),
         _: 3
@@ -82,19 +82,19 @@ const dt = ["href", "aria-disabled", "tabindex"], Ue = /* @__PURE__ */ N({
   class: "vf-card__footer"
 };
 function gt(t, e) {
-  return b(), y("div", vt, [
-    t.$slots.default ? (b(), y("div", ft, [
-      $(t.$slots, "default")
-    ])) : F("", !0),
-    t.$slots.header ? (b(), y("div", pt, [
-      $(t.$slots, "header")
-    ])) : F("", !0),
-    t.$slots.body ? (b(), y("div", bt, [
-      $(t.$slots, "body")
-    ])) : F("", !0),
-    t.$slots.footer ? (b(), y("div", mt, [
-      $(t.$slots, "footer")
-    ])) : F("", !0)
+  return m(), h("div", vt, [
+    t.$slots.default ? (m(), h("div", ft, [
+      F(t.$slots, "default")
+    ])) : V("", !0),
+    t.$slots.header ? (m(), h("div", pt, [
+      F(t.$slots, "header")
+    ])) : V("", !0),
+    t.$slots.body ? (m(), h("div", bt, [
+      F(t.$slots, "body")
+    ])) : V("", !0),
+    t.$slots.footer ? (m(), h("div", mt, [
+      F(t.$slots, "footer")
+    ])) : V("", !0)
   ]);
 }
 const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
@@ -104,7 +104,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, kt = ["aria-expanded", "onClick", "onKeydown"], Fa = /* @__PURE__ */ N({
+}, kt = ["aria-expanded", "onClick", "onKeydown"], Ea = /* @__PURE__ */ Z({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,87 +113,87 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = M([]), u = (n, i) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${i.toString()}`, s = (n) => n.to ? "router-link" : "a", c = (n) => n.map((i) => ({
-      ...i,
-      items: i.items ? c(i.items) : void 0
+    const r = e, o = t, a = R([]), u = (n, s) => `${n.label ?? n.to ?? n.href ?? n.url ?? "item"}_${s.toString()}`, d = (n) => n.to ? "router-link" : "a", c = (n) => n.map((s) => ({
+      ...s,
+      items: s.items ? c(s.items) : void 0
     })), l = (n) => {
-      n.items && n.items.length ? (a.value.map((i) => {
-        i !== n && (i.subMenuVisible = !1);
+      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();
-    }, d = (n) => {
-      var i;
+    }, i = (n) => {
+      var s;
       for (const v in a.value) {
-        const p = a.value[v];
-        Object.prototype.hasOwnProperty.call(p, "items") && ((i = p.items) != null && i.some((f) => f === n) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
+        const b = a.value[v];
+        Object.prototype.hasOwnProperty.call(b, "items") && ((s = b.items) != null && s.some((f) => f === n) ? (b.active = !0, b.subMenuVisible = !0) : (b.active = !1, b.subMenuVisible = !1));
       }
       r("active", n), r("onActive", n);
     };
-    return oe(
+    return ee(
       () => o.items,
       (n) => {
         a.value = c(n);
       },
       { deep: !0, immediate: !0 }
-    ), (n, i) => {
-      const v = Ge("VfMenu");
-      return b(), y("div", {
-        class: I(["vf-menu", `vf-menu_${n.orientation}`])
+    ), (n, s) => {
+      const v = Xe("VfMenu");
+      return m(), h("div", {
+        class: E(["vf-menu", `vf-menu_${n.orientation}`])
       }, [
         B("ul", yt, [
-          (b(!0), y(pe, null, Be(a.value, (p, f) => (b(), y("li", {
-            key: u(p, f),
+          (m(!0), h(ue, null, Be(a.value, (b, f) => (m(), h("li", {
+            key: u(b, f),
             class: "vf-menu__item",
             role: "none"
           }, [
-            n.$slots[u(p, f)] ? $(n.$slots, u(p, f), {
+            n.$slots[u(b, f)] ? F(n.$slots, u(b, f), {
               key: 0,
-              item: { ...p, class: "vf-menu__link" }
-            }) : p.separator ? (b(), y("hr", _t)) : p.items && p.items.length ? (b(), y(pe, { key: 2 }, [
+              item: { ...b, class: "vf-menu__link" }
+            }) : b.separator ? (m(), h("hr", _t)) : b.items && b.items.length ? (m(), h(ue, { key: 2 }, [
               B("div", {
-                class: I(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
+                class: E(["vf-menu__parent", { "vf-menu__parent_active": b.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": p.subMenuVisible ? "true" : "false",
-                onClick: (w) => l(p),
+                "aria-expanded": b.subMenuVisible ? "true" : "false",
+                onClick: (C) => l(b),
                 onKeydown: [
-                  te(Q((w) => l(p), ["prevent"]), ["enter"]),
-                  te(Q((w) => l(p), ["prevent"]), ["space"])
+                  q(Y((C) => l(b), ["prevent"]), ["enter"]),
+                  q(Y((C) => l(b), ["prevent"]), ["space"])
                 ]
               }, [
-                p.icon ? (b(), re(ke(Ce), {
+                b.icon ? (m(), le($e(xe), {
                   key: 0,
-                  icon: p.icon,
+                  icon: b.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : F("", !0),
-                Z(" " + E(p.label) + " ", 1),
-                je(ke(Ce), { icon: "chevronDown" })
+                }, null, 8, ["icon"])) : V("", !0),
+                ae(" " + M(b.label) + " ", 1),
+                qe($e(xe), { icon: "chevronDown" })
               ], 42, kt),
-              p.items ? (b(), re(v, {
+              b.items ? (m(), le(v, {
                 key: 0,
-                items: p.items,
-                class: I(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
-                onOnActive: d
-              }, null, 8, ["items", "class"])) : F("", !0)
-            ], 64)) : (b(), re(Ue, {
+                items: b.items,
+                class: E(["vf-menu__submenu", { "vf-menu__submenu_visible": b.subMenuVisible }]),
+                onOnActive: i
+              }, null, 8, ["items", "class"])) : V("", !0)
+            ], 64)) : (m(), le(Je, {
               key: 3,
-              to: p.to,
-              href: p.href ?? p.url,
-              as: s(p),
+              to: b.to,
+              href: b.href ?? b.url,
+              as: d(b),
               class: "vf-menu__link",
-              active: p.active,
-              disabled: p.disabled,
+              active: b.active,
+              disabled: b.disabled,
               role: "menuitem",
-              "aria-disabled": p.disabled ? "true" : "false",
-              onClick: (w) => l(p),
-              onActive: (w) => d(p)
+              "aria-disabled": b.disabled ? "true" : "false",
+              onClick: (C) => l(b),
+              onActive: (C) => i(b)
             }, {
-              default: he(() => [
-                p.icon ? (b(), re(ke(Ce), {
+              default: ye(() => [
+                b.icon ? (m(), le($e(xe), {
                   key: 0,
-                  icon: p.icon,
+                  icon: b.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : F("", !0),
-                Z(" " + E(p.label), 1)
+                }, null, 8, ["icon"])) : V("", !0),
+                ae(" " + M(b.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
       ], 2);
     };
   }
-}), Ct = ["type", "disabled"], Sa = /* @__PURE__ */ N({
+}), Ct = ["type", "disabled"], Wa = /* @__PURE__ */ Z({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,59 +221,59 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = ["button", "submit", "reset"], o = (n) => !!n && r.includes(n), a = g(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), u = g(() => o(e.type) ? e.type : "button"), s = g(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = g(() => {
+    const e = t, r = ["button", "submit", "reset"], o = (n) => !!n && r.includes(n), a = g(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), u = g(() => o(e.type) ? e.type : "button"), d = g(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = g(() => {
       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 = g(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), d = g(() => ["vf-button__label"]);
-    return (n, i) => a.value ? (b(), y("button", {
+    }), l = g(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), i = g(() => ["vf-button__label"]);
+    return (n, s) => a.value ? (m(), h("button", {
       key: 0,
       type: u.value,
-      class: I(c.value),
+      class: E(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (b(), re(ke(Ce), {
+      e.icon && !e.loading ? (m(), le($e(xe), {
         key: 0,
         icon: e.icon,
-        class: I(l.value)
-      }, null, 8, ["icon", "class"])) : F("", !0),
-      e.loading ? (b(), re(ke(Ce), {
+        class: E(l.value)
+      }, null, 8, ["icon", "class"])) : V("", !0),
+      e.loading ? (m(), le($e(xe), {
         key: 1,
         icon: "circleNotch",
-        class: I(l.value),
+        class: E(l.value),
         spin: ""
-      }, null, 8, ["class"])) : F("", !0),
-      n.$slots.default ? (b(), y("span", {
+      }, null, 8, ["class"])) : V("", !0),
+      n.$slots.default ? (m(), h("span", {
         key: 2,
-        class: I(d.value)
+        class: E(i.value)
       }, [
-        $(n.$slots, "default")
-      ], 2)) : n.label ? (b(), y("span", {
+        F(n.$slots, "default")
+      ], 2)) : n.label ? (m(), h("span", {
         key: 3,
-        class: I(d.value)
-      }, E(n.label), 3)) : F("", !0)
-    ], 10, Ct)) : (b(), re(Ue, {
+        class: E(i.value)
+      }, M(n.label), 3)) : V("", !0)
+    ], 10, Ct)) : (m(), le(Je, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
-      as: s.value,
-      class: I(c.value),
+      as: d.value,
+      class: E(c.value),
       disabled: e.loading || e.disabled
     }, {
-      default: he(() => [
-        e.icon ? (b(), re(ke(Ce), {
+      default: ye(() => [
+        e.icon ? (m(), le($e(xe), {
           key: 0,
           icon: e.icon,
-          class: I(l.value)
-        }, null, 8, ["icon", "class"])) : F("", !0),
-        n.$slots.default ? (b(), y("span", {
+          class: E(l.value)
+        }, null, 8, ["icon", "class"])) : V("", !0),
+        n.$slots.default ? (m(), h("span", {
           key: 1,
-          class: I(d.value)
+          class: E(i.value)
         }, [
-          $(n.$slots, "default")
-        ], 2)) : n.label ? (b(), y("span", {
+          F(n.$slots, "default")
+        ], 2)) : n.label ? (m(), h("span", {
           key: 2,
-          class: I(d.value)
-        }, E(n.label), 3)) : F("", !0)
+          class: E(i.value)
+        }, M(n.label), 3)) : V("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
@@ -284,7 +284,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
 }, $t = ["type", "value", "placeholder", "disabled", "readonly"], xt = {
   key: 1,
   class: "vf-input__suffix"
-}, Va = /* @__PURE__ */ N({
+}, Ma = /* @__PURE__ */ Z({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -298,40 +298,40 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = g(() => {
-      const d = ["vf-input", `vf-input_${o.variant}`];
-      return o.size !== "normal" && d.push(`vf-input_${o.size}`), o.disabled && d.push("vf-input_disabled"), d;
-    }), u = (d) => {
-      const n = d.target;
-      r("update:modelValue", n.value), r("input", d);
-    }, s = (d) => r("change", d), c = (d) => r("focus", d), l = (d) => r("blur", d);
-    return (d, n) => (b(), y("div", {
-      class: I(a.value)
+      const i = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && i.push(`vf-input_${o.size}`), o.disabled && i.push("vf-input_disabled"), i;
+    }), u = (i) => {
+      const n = i.target;
+      r("update:modelValue", n.value), r("input", i);
+    }, d = (i) => r("change", i), c = (i) => r("focus", i), l = (i) => r("blur", i);
+    return (i, n) => (m(), h("div", {
+      class: E(a.value)
     }, [
-      d.$slots.prefix ? (b(), y("span", wt, [
-        $(d.$slots, "prefix")
-      ])) : F("", !0),
+      i.$slots.prefix ? (m(), h("span", wt, [
+        F(i.$slots, "prefix")
+      ])) : V("", !0),
       B("input", {
         class: "vf-input__control",
-        type: d.type,
-        value: d.modelValue,
-        placeholder: d.placeholder,
-        disabled: d.disabled,
-        readonly: d.readonly,
+        type: i.type,
+        value: i.modelValue,
+        placeholder: i.placeholder,
+        disabled: i.disabled,
+        readonly: i.readonly,
         onInput: u,
-        onChange: s,
+        onChange: d,
         onFocus: c,
         onBlur: l
       }, null, 40, $t),
-      d.$slots.suffix ? (b(), y("span", xt, [
-        $(d.$slots, "suffix")
-      ])) : F("", !0)
+      i.$slots.suffix ? (m(), h("span", xt, [
+        F(i.$slots, "suffix")
+      ])) : V("", !0)
     ], 2));
   }
 }), Bt = ["for"], zt = {
   key: 0,
   class: "vf-form-field__required",
   "aria-hidden": "true"
-}, Ft = { class: "vf-form-field__control" }, St = ["id"], Vt = ["id"], Ta = /* @__PURE__ */ N({
+}, Ft = { class: "vf-form-field__control" }, St = ["id"], Vt = ["id"], Ha = /* @__PURE__ */ Z({
   __name: "form-field",
   props: {
     id: { default: void 0 },
@@ -343,56 +343,56 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
     size: { default: "normal" }
   },
   setup(t) {
-    const e = t, r = Xe(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = g(() => e.id || o), u = g(() => `${a.value}-hint`), s = g(() => `${a.value}-error`), c = g(() => !!e.label || !!r.label), l = g(() => !!e.hint || !!r.hint), d = g(() => !!e.error || !!r.error), n = g(() => {
+    const e = t, r = Ue(), o = `vf-form-field-${Math.random().toString(36).slice(2, 10)}`, a = g(() => e.id || o), u = g(() => `${a.value}-hint`), d = g(() => `${a.value}-error`), c = g(() => !!e.label || !!r.label), l = g(() => !!e.hint || !!r.hint), i = g(() => !!e.error || !!r.error), n = g(() => {
       const v = [];
-      return l.value && v.push(u.value), d.value && v.push(s.value), v.length ? v.join(" ") : void 0;
-    }), i = g(() => {
+      return l.value && v.push(u.value), i.value && v.push(d.value), v.length ? v.join(" ") : void 0;
+    }), s = g(() => {
       const v = ["vf-form-field"];
-      return e.size !== "normal" && v.push(`vf-form-field_${e.size}`), e.disabled && v.push("vf-form-field_disabled"), d.value && v.push("vf-form-field_invalid"), v;
+      return e.size !== "normal" && v.push(`vf-form-field_${e.size}`), e.disabled && v.push("vf-form-field_disabled"), i.value && v.push("vf-form-field_invalid"), v;
     });
-    return (v, p) => (b(), y("div", {
-      class: I(i.value)
+    return (v, b) => (m(), h("div", {
+      class: E(s.value)
     }, [
-      c.value ? (b(), y("label", {
+      c.value ? (m(), h("label", {
         key: 0,
         class: "vf-form-field__label",
         for: a.value
       }, [
-        $(v.$slots, "label", {}, () => [
-          Z(E(v.label), 1)
+        F(v.$slots, "label", {}, () => [
+          ae(M(v.label), 1)
         ]),
-        v.required ? (b(), y("span", zt, "*")) : F("", !0)
-      ], 8, Bt)) : F("", !0),
+        v.required ? (m(), h("span", zt, "*")) : V("", !0)
+      ], 8, Bt)) : V("", !0),
       B("div", Ft, [
-        $(v.$slots, "default", {
+        F(v.$slots, "default", {
           id: a.value,
           describedBy: n.value,
-          invalid: d.value,
+          invalid: i.value,
           required: v.required
         })
       ]),
-      l.value ? (b(), y("p", {
+      l.value ? (m(), h("p", {
         key: 1,
         id: u.value,
         class: "vf-form-field__hint"
       }, [
-        $(v.$slots, "hint", {}, () => [
-          Z(E(v.hint), 1)
+        F(v.$slots, "hint", {}, () => [
+          ae(M(v.hint), 1)
         ])
-      ], 8, St)) : F("", !0),
-      d.value ? (b(), y("p", {
+      ], 8, St)) : V("", !0),
+      i.value ? (m(), h("p", {
         key: 2,
-        id: s.value,
+        id: d.value,
         class: "vf-form-field__error",
         role: "alert"
       }, [
-        $(v.$slots, "error", {}, () => [
-          Z(E(v.error), 1)
+        F(v.$slots, "error", {}, () => [
+          ae(M(v.error), 1)
         ])
-      ], 8, Vt)) : F("", !0)
+      ], 8, Vt)) : V("", !0)
     ], 2));
   }
-}), Tt = ["value", "placeholder", "disabled", "readonly", "rows"], La = /* @__PURE__ */ N({
+}), Lt = ["value", "placeholder", "disabled", "readonly", "rows"], Aa = /* @__PURE__ */ Z({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -406,30 +406,30 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = g(() => {
-      const d = ["vf-textarea", `vf-textarea_${o.variant}`];
-      return o.size !== "normal" && d.push(`vf-textarea_${o.size}`), o.disabled && d.push("vf-textarea_disabled"), d;
-    }), u = (d) => {
-      const n = d.target;
-      r("update:modelValue", n.value), r("input", d);
-    }, s = (d) => r("change", d), c = (d) => r("focus", d), l = (d) => r("blur", d);
-    return (d, n) => (b(), y("div", {
-      class: I(a.value)
+      const i = ["vf-textarea", `vf-textarea_${o.variant}`];
+      return o.size !== "normal" && i.push(`vf-textarea_${o.size}`), o.disabled && i.push("vf-textarea_disabled"), i;
+    }), u = (i) => {
+      const n = i.target;
+      r("update:modelValue", n.value), r("input", i);
+    }, d = (i) => r("change", i), c = (i) => r("focus", i), l = (i) => r("blur", i);
+    return (i, n) => (m(), h("div", {
+      class: E(a.value)
     }, [
       B("textarea", {
         class: "vf-textarea__control",
-        value: d.modelValue,
-        placeholder: d.placeholder,
-        disabled: d.disabled,
-        readonly: d.readonly,
-        rows: d.rows,
+        value: i.modelValue,
+        placeholder: i.placeholder,
+        disabled: i.disabled,
+        readonly: i.readonly,
+        rows: i.rows,
         onInput: u,
-        onChange: s,
+        onChange: d,
         onFocus: c,
         onBlur: l
-      }, null, 40, Tt)
+      }, null, 40, Lt)
     ], 2));
   }
-}), Ae = [
+}), Ne = [
   "top",
   "top-start",
   "top-end",
@@ -442,7 +442,7 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
   "left",
   "left-start",
   "left-end"
-], ue = (t) => {
+], pe = (t) => {
   if (t == null || !(t instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -450,18 +450,18 @@ const ht = /* @__PURE__ */ ct(ut, [["render", gt]]), yt = {
     if (/(auto|scroll|overlay)/.test(r))
       return t;
   }
-  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : ue(t.parentNode);
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : pe(t.parentNode);
 };
-function Lt(t) {
+function Tt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge = (t, e) => Rt(t, e) === "fixed", se = (t, e, r = {}) => {
+const Rt = (t, e) => t.strategy ? t.strategy : Tt(e) ? "fixed" : "absolute", ge = (t, e) => Rt(t, e) === "fixed", se = (t, e, r = {}) => {
   const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, u = e ? ge(r, e) : !1;
   if (a && !u) {
-    const s = a.getBoundingClientRect(), c = a.scrollLeft, l = a.scrollTop;
+    const d = a.getBoundingClientRect(), c = a.scrollLeft, l = a.scrollTop;
     return {
-      left: o.left - s.left + c,
-      top: o.top - s.top + l,
+      left: o.left - d.left + c,
+      top: o.top - d.top + l,
       width: o.width,
       height: o.height
     };
@@ -472,20 +472,20 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     width: o.width,
     height: o.height
   };
-}, ye = (t, e) => {
+}, _e = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Ze = (t, e) => !!ye(t, e), Dt = (t) => {
-  const e = ue(t);
+}, Qe = (t, e) => !!_e(t, e), Pt = (t) => {
+  const e = pe(t);
   let r = "";
   return e !== null && ((e.dataset.scrollTop === void 0 || e.scrollTop === +e.dataset.scrollTop) && (e.dataset.scrollTop = "0"), (e.dataset.scrollLeft === void 0 || e.scrollLeft === +e.dataset.scrollLeft) && (e.dataset.scrollLeft = "0"), e.scrollTop > +e.dataset.scrollTop ? r = "bottom" : e.scrollTop < +e.dataset.scrollTop ? r = "top" : e.scrollLeft > +e.dataset.scrollLeft ? r = "right" : e.scrollLeft < +e.dataset.scrollLeft && (r = "left"), e.dataset.scrollTop = e.scrollTop <= 0 ? "0" : e.scrollTop.toString(), e.dataset.scrollLeft = e.scrollLeft <= 0 ? "0" : e.scrollLeft.toString()), r;
-}, Fe = (t) => t.scrollLeft + t.clientWidth, Se = (t) => t.scrollTop + t.clientHeight, ie = (t, e, r = null, o = {}, a) => {
+}, Re = (t) => t.scrollLeft + t.clientWidth, Pe = (t) => t.scrollTop + t.clientHeight, ie = (t, e, r = null, o = {}, a) => {
   if (r === null && typeof window < "u" && ge(o, e))
     return t;
   let u = 0;
   if (r === null) {
-    const s = ue(e);
-    u = s ? s.scrollTop : 0;
+    const d = pe(e);
+    u = d ? d.scrollTop : 0;
   }
   return t - u;
 }, de = (t, e, r = null, o = {}, a) => {
@@ -493,18 +493,18 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   if (r === null && typeof window < "u" && ge(o, e))
     u = window.innerWidth;
   else if (r === null) {
-    const s = ue(e);
-    u = s ? Fe(s) : 0;
+    const d = pe(e);
+    u = d ? Re(d) : 0;
   } else
     u = r.getBoundingClientRect().width;
   return -(t + e.clientWidth - u);
-}, ve = (t, e, r = null, o = {}, a) => {
+}, be = (t, e, r = null, o = {}, a) => {
   let u;
   if (r === null && typeof window < "u" && ge(o, e))
     u = window.innerHeight;
   else if (r === null) {
-    const s = ue(e);
-    u = s ? Se(s) : 0;
+    const d = pe(e);
+    u = d ? Pe(d) : 0;
   } else
     u = r.getBoundingClientRect().height;
   return -(t + e.clientHeight - u);
@@ -513,22 +513,22 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     return t;
   let u = 0;
   if (r === null) {
-    const s = ue(e);
-    u = s ? s.scrollLeft : 0;
+    const d = pe(e);
+    u = d ? d.scrollLeft : 0;
   }
   return t - u;
-}, Ke = ({
+}, Ye = ({
   options: t,
   primaryX: e,
   primaryY: r,
   floating: o,
   placement: a,
   reference: u,
-  scrollDirection: s
+  scrollDirection: d
 }) => {
-  const c = Ve(u, o, a, t), l = ye(t, "offset");
+  const c = Ie(u, o, a, t), l = _e(t, "offset");
   if (l) {
-    const d = l.fn({
+    const i = l.fn({
       x: c.x,
       y: c.y,
       options: t,
@@ -537,16 +537,16 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
       floating: o,
       placement: a,
       reference: u,
-      scrollDirection: s
+      scrollDirection: d
     });
-    c.x = d.x, c.y = d.y;
+    c.x = i.x, c.y = i.y;
   }
   return Ut(c, o, u, t) ? {
     x: c.x,
     y: c.y,
     placement: a
   } : !1;
-}, Re = (t) => ({
+}, Se = (t) => ({
   name: "flip",
   params: t,
   fn: ({
@@ -555,115 +555,115 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     options: o,
     primaryX: a,
     primaryY: u,
-    floating: s,
+    floating: d,
     placement: c,
     reference: l,
-    scrollDirection: d
+    scrollDirection: i
   }) => {
     var n;
-    const i = {
+    const s = {
       x: e,
       y: r,
       placement: c
     }, v = {
       ...o,
-      middleware: (n = o.middleware) == null ? void 0 : n.filter((V) => V.name !== "shift")
-    }, p = (t == null ? void 0 : t.placements) ?? Ae, f = !(t != null && t.placements), w = f ? Ae : p;
-    let C = !1;
-    const S = (V) => {
-      if (C)
+      middleware: (n = o.middleware) == null ? void 0 : n.filter((T) => T.name !== "shift")
+    }, b = (t == null ? void 0 : t.placements) ?? Ne, f = !(t != null && t.placements), C = f ? Ne : b;
+    let $ = !1;
+    const S = (T) => {
+      if ($)
         return;
-      const W = Ke({
+      const H = Ye({
         options: v,
         primaryX: a,
         primaryY: u,
-        floating: s,
-        placement: V,
+        floating: d,
+        placement: T,
         reference: l,
-        scrollDirection: d
+        scrollDirection: i
       });
-      W && (i.x = W.x, i.y = W.y, i.placement = W.placement, C = !0);
-    }, H = Jt(l, s, v);
-    if (!f && p.includes(c) && S(c), C || w.forEach(S), !C) {
-      const V = p.reduce(
-        (W, T) => {
-          const L = Ke({
+      H && (s.x = H.x, s.y = H.y, s.placement = H.placement, $ = !0);
+    }, I = Jt(l, d, v);
+    if (!f && b.includes(c) && S(c), $ || C.forEach(S), !$) {
+      const T = b.reduce(
+        (H, P) => {
+          const D = Ye({
             options: v,
             primaryX: a,
             primaryY: u,
-            floating: s,
-            placement: T,
+            floating: d,
+            placement: P,
             reference: l,
-            scrollDirection: d
+            scrollDirection: i
           });
-          if (!L)
-            return W;
-          const A = xe(T), R = H[A];
-          return !W || R > W.space ? { result: L, space: R } : W;
+          if (!D)
+            return H;
+          const A = ze(P), L = I[A];
+          return !H || L > H.space ? { result: D, space: L } : H;
         },
         null
       );
-      V && (i.x = V.result.x, i.y = V.result.y, i.placement = V.result.placement, C = !0);
+      T && (s.x = T.result.x, s.y = T.result.y, s.placement = T.result.placement, $ = !0);
     }
-    if (!C && p.length > 0) {
-      const V = xe(c);
-      let W = V, T = H[V];
-      p.forEach((_) => {
-        const m = xe(_), x = H[m];
-        x > T && (T = x, W = m);
+    if (!$ && b.length > 0) {
+      const T = ze(c);
+      let H = T, P = I[T];
+      b.forEach((w) => {
+        const y = ze(w), z = I[y];
+        z > P && (P = z, H = y);
       });
-      const L = Zt(W, c, p), A = Ve(l, s, L, v), R = ye(v, "offset");
-      if (R) {
-        const _ = R.fn({
+      const D = Zt(H, c, b), A = Ie(l, d, D, v), L = _e(v, "offset");
+      if (L) {
+        const w = L.fn({
           x: A.x,
           y: A.y,
           options: v,
           primaryX: a,
           primaryY: u,
-          floating: s,
-          placement: L,
+          floating: d,
+          placement: D,
           reference: l,
-          scrollDirection: d
+          scrollDirection: i
         });
-        A.x = _.x, A.y = _.y;
+        A.x = w.x, A.y = w.y;
       }
-      i.x = A.x, i.y = A.y, i.placement = A.placement;
+      s.x = A.x, s.y = A.y, s.placement = A.placement;
     }
-    return i;
+    return s;
   }
-}), Je = (t, e, r, o, a) => {
-  var u, s, c;
+}), et = (t, e, r, o, a) => {
+  var u, d, c;
   let l = 0;
   o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
-  const d = ye(e, "arrow"), n = ye(e, "shift");
-  if (d) {
-    const i = ((u = d.params) == null ? void 0 : u.arrow).getBoundingClientRect();
-    o.startsWith("right") ? l -= i.width / 2 : o.startsWith("left") && (l += i.width / 2);
+  const i = _e(e, "arrow"), n = _e(e, "shift");
+  if (i) {
+    const s = ((u = i.params) == null ? void 0 : u.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= s.width / 2 : o.startsWith("left") && (l += s.width / 2);
   }
-  if (Ze(e, "shift") && d) {
-    let i = null, v = 0;
-    n && (i = (s = n.params) == null ? void 0 : s.parent);
-    const p = (c = d.params) == null ? void 0 : c.arrow;
-    v = p.getBoundingClientRect().width / 2, v += Pt(p), v -= t, o.startsWith("right") ? de(r - l, a, i, e) <= t ? de(r, a, i, e) > 0 ? l = t - de(r, a, i, e) : l = t : ce(r - l - v, a, i, e) <= t && (ce(r - l - v, a, i, e) >= 0 ? (l = -t - (ce(r - l - v, a, i, e) + t), i && (l = -t)) : l = -t) : o.startsWith("left") ? de(r - l + v, a, i, e) <= t ? (l = t + de(r - v, a, i, e), l <= t && (l = t)) : ce(r - l, a, i, e) <= t && (l = -t + ce(r, a, i, e), l <= -t && (l = -t)) : de(r - l, a, i, e) <= t ? de(r - l, a, i, e) <= t && de(r, a, i, e) > 0 ? l = t - de(r, a, i, e) : l = t : ce(r - l, a, i, e) <= t && (ce(r - l, a, i, e) <= t && ce(r, a, i, e) > 0 ? l = -(t - ce(r, a, i, e)) : l = -t);
+  if (Qe(e, "shift") && i) {
+    let s = null, v = 0;
+    n && (s = (d = n.params) == null ? void 0 : d.parent);
+    const b = (c = i.params) == null ? void 0 : c.arrow;
+    v = b.getBoundingClientRect().width / 2, v += Dt(b), v -= 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 - v, a, s, e) <= t && (ce(r - l - v, a, s, e) >= 0 ? (l = -t - (ce(r - l - v, a, s, e) + t), s && (l = -t)) : l = -t) : o.startsWith("left") ? de(r - l + v, a, s, e) <= t ? (l = t + de(r - v, 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;
-}, Qe = (t, e, r, o, a) => {
-  var u, s, c;
+}, tt = (t, e, r, o, a) => {
+  var u, d, c;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
-  const d = ye(e, "arrow"), n = ye(e, "shift");
-  if (d) {
-    const i = ((u = d.params) == null ? void 0 : u.arrow).getBoundingClientRect();
-    o.startsWith("top") ? l += i.height / 2 : o.startsWith("bottom") && (l -= i.height / 2);
+  const i = _e(e, "arrow"), n = _e(e, "shift");
+  if (i) {
+    const s = ((u = i.params) == null ? void 0 : u.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += s.height / 2 : o.startsWith("bottom") && (l -= s.height / 2);
   }
-  if (Ze(e, "shift") && d) {
-    let i = null, v = 0;
-    n && (i = (s = n.params) == null ? void 0 : s.parent);
-    const p = (c = d.params) == null ? void 0 : c.arrow;
-    v = p.getBoundingClientRect().height / 2, v += Wt(p), v -= t, o.startsWith("top") ? ie(r - l, a, i, e) <= t ? ie(r, a, i, e) >= 0 ? l = -(t - ie(r, a, i, e)) : l = -t : ve(r - l + v, a, i, e) <= t && (l = t + ve(r - v, a, i, e), l <= t && (l = t)) : o.startsWith("bottom") ? ie(r - l - v, a, i, e) <= t ? ie(r - l - v, a, i, e) >= 0 ? (l = -t - (ie(r - l - v, a, i, e) + t), i && (l = -t)) : l = -t : ve(r - l, a, i, e) <= t && (ve(r, a, i, e) >= 0 ? l = t - ve(r, a, i, e) : l = t) : ie(r - l, a, i, e) <= t ? ie(r - l, a, i, e) >= 0 ? l = -(t - ie(r - l, a, i, e)) : l = -t : ve(r - l, a, i, e) <= t && (ve(r - l, a, i, e) >= 0 ? l = t - ve(r - l, a, i, e) : l = t);
+  if (Qe(e, "shift") && i) {
+    let s = null, v = 0;
+    n && (s = (d = n.params) == null ? void 0 : d.parent);
+    const b = (c = i.params) == null ? void 0 : c.arrow;
+    v = b.getBoundingClientRect().height / 2, v += Ot(b), v -= 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 : be(r - l + v, a, s, e) <= t && (l = t + be(r - v, a, s, e), l <= t && (l = t)) : o.startsWith("bottom") ? ie(r - l - v, a, s, e) <= t ? ie(r - l - v, a, s, e) >= 0 ? (l = -t - (ie(r - l - v, a, s, e) + t), s && (l = -t)) : l = -t : be(r - l, a, s, e) <= t && (be(r, a, s, e) >= 0 ? l = t - be(r, a, s, e) : l = t) : ie(r - l, a, s, e) <= t ? ie(r - l, a, s, e) >= 0 ? l = -(t - ie(r - l, a, s, e)) : l = -t : be(r - l, a, s, e) <= t && (be(r - l, a, s, e) >= 0 ? l = t - be(r - l, a, s, e) : l = t);
   }
   return l;
-}, De = (t) => ({
+}, Ve = (t) => ({
   name: "offset",
   params: { value: t },
   fn: ({
@@ -672,11 +672,11 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     options: o,
     primaryX: a,
     primaryY: u,
-    floating: s,
+    floating: d,
     placement: c
   }) => ({
-    x: e - Je(t, o, a, c, s),
-    y: r - Qe(t, o, u, c, s),
+    x: e - et(t, o, a, c, d),
+    y: r - tt(t, o, u, c, d),
     placement: c
   })
 }), It = (t) => ({
@@ -688,37 +688,37 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     options: o,
     primaryX: a,
     primaryY: u,
-    floating: s,
+    floating: d,
     placement: c,
     reference: l
   }) => {
-    var d;
+    var i;
     const n = {
       x: e,
       y: r,
       placement: c
-    }, i = o.middleware || [], v = i.findIndex((x) => x.name === "shift"), p = i.findIndex((x) => x.name === "offset"), f = p !== -1 && (v === -1 || p > v), w = i.find((x) => x.name === "offset"), C = w ? (d = w.params) == null ? void 0 : d.value : 0, S = f ? Je(C, o, a, c, s) : 0, H = f ? Qe(C, o, u, c, s) : 0, V = e - S, W = r - H;
-    let T = V, L = W;
-    const A = w ? Math.abs(C) : 0, R = A, _ = A;
-    if (ge(o, s) && typeof window < "u") {
-      const x = R, K = window.innerWidth - s.clientWidth - R, G = K < x ? x : K, j = _, ee = window.innerHeight - s.clientHeight - _, Y = ee < j ? j : ee;
-      T < x ? T = x : T > G && (T = G), L < j ? L = j : L > Y && (L = Y), f ? (n.x = e + (T - V), n.y = r + (L - W)) : (n.x = T, n.y = L);
-      const ae = R, X = window.innerWidth - s.clientWidth - R, le = _, h = window.innerHeight - s.clientHeight - _, D = f ? ae + S : ae, O = f ? X + S : X, J = f ? le + H : le, k = f ? h + H : h;
-      return n.x < D ? n.x = D : n.x > O && (n.x = O), n.y < J ? n.y = J : n.y > k && (n.y = k), n;
+    }, s = o.middleware || [], v = s.findIndex((z) => z.name === "shift"), b = s.findIndex((z) => z.name === "offset"), f = b !== -1 && (v === -1 || b > v), C = s.find((z) => z.name === "offset"), $ = C ? (i = C.params) == null ? void 0 : i.value : 0, S = f ? et($, o, a, c, d) : 0, I = f ? tt($, o, u, c, d) : 0, T = e - S, H = r - I;
+    let P = T, D = H;
+    const A = C ? Math.abs($) : 0, L = A, w = A;
+    if (ge(o, d) && typeof window < "u") {
+      const z = L, K = window.innerWidth - d.clientWidth - L, G = K < z ? z : K, j = w, te = window.innerHeight - d.clientHeight - w, X = te < j ? j : te;
+      P < z ? P = z : P > G && (P = G), D < j ? D = j : D > X && (D = X), f ? (n.x = e + (P - T), n.y = r + (D - H)) : (n.x = P, n.y = D);
+      const oe = L, J = window.innerWidth - d.clientWidth - L, ne = w, _ = window.innerHeight - d.clientHeight - w, O = f ? oe + S : oe, W = f ? J + S : J, Q = f ? ne + I : ne, p = f ? _ + I : _;
+      return n.x < O ? n.x = O : n.x > W && (n.x = W), n.y < Q ? n.y = Q : n.y > p && (n.y = p), n;
     }
-    const m = ue(s);
-    if (m !== null) {
-      const x = se(l, s, o), K = x.left, G = x.left + x.width, j = x.top, ee = x.top + x.height, Y = m.scrollLeft + R, ae = Fe(m) - s.clientWidth - R, X = ae < Y ? Y : ae, le = m.scrollTop + _, h = Se(m) - s.clientHeight - _, D = h < le ? le : h, O = m.scrollLeft, J = Fe(m), k = m.scrollTop, z = Se(m);
-      G <= O ? T = Y : K >= J && (T = X), ee <= k ? L = le : j >= z && (L = D), L < le ? L = le : L > D && (L = D), T < Y ? T = Y : T > X && (T = X);
+    const y = pe(d);
+    if (y !== null) {
+      const z = se(l, d, o), K = z.left, G = z.left + z.width, j = z.top, te = z.top + z.height, X = y.scrollLeft + L, oe = Re(y) - d.clientWidth - L, J = oe < X ? X : oe, ne = y.scrollTop + w, _ = Pe(y) - d.clientHeight - w, O = _ < ne ? ne : _, W = y.scrollLeft, Q = Re(y), p = y.scrollTop, k = Pe(y);
+      G <= W ? P = X : K >= Q && (P = J), te <= p ? D = ne : j >= k && (D = O), D < ne ? D = ne : D > O && (D = O), P < X ? P = X : P > J && (P = J);
     }
-    if (f ? (n.x = e + (T - V), n.y = r + (L - W)) : (n.x = T, n.y = L), m !== null) {
-      const x = m.scrollLeft + R, K = Fe(m) - s.clientWidth - R, G = m.scrollTop + _, j = Se(m) - s.clientHeight - _, ee = f ? x + S : x, Y = f ? K + S : K, ae = f ? G + H : G, X = f ? j + H : j;
-      n.x < ee ? n.x = ee : n.x > Y && (n.x = Y), n.y < ae ? n.y = ae : n.y > X && (n.y = X);
+    if (f ? (n.x = e + (P - T), n.y = r + (D - H)) : (n.x = P, n.y = D), y !== null) {
+      const z = y.scrollLeft + L, K = Re(y) - d.clientWidth - L, G = y.scrollTop + w, j = Pe(y) - d.clientHeight - w, te = f ? z + S : z, X = f ? K + S : K, oe = f ? G + I : G, J = f ? j + I : j;
+      n.x < te ? n.x = te : n.x > X && (n.x = X), n.y < oe ? n.y = oe : n.y > J && (n.y = J);
     }
     return n;
   }
-}), Pt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Wt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Ie = (t, e) => {
-  const r = ue(t), o = [];
+}), Dt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Ot = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Le = (t, e) => {
+  const r = pe(t), o = [];
   if (r !== null) {
     const a = () => e();
     r.addEventListener("scroll", a, !1), o.push(() => r.removeEventListener("scroll", a, !1));
@@ -732,21 +732,21 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     a.observe(t), o.push(() => a.disconnect());
   }
   return () => o.forEach((a) => a());
-}, Ot = (t, e, r = {}) => {
+}, Et = (t, e, r = {}) => {
   const o = se(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, Mt = (t, e, r = {}) => {
+}, Wt = (t, e, r = {}) => {
   const o = se(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, Et = (t, e, r = {}) => {
+}, Mt = (t, e, r = {}) => {
   const o = se(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
@@ -816,14 +816,14 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "left-end"
   };
-}, Ve = (t, e, r, o = {}) => {
+}, Ie = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return Ot(t, e, o);
+      return Et(t, e, o);
     case "top-start":
-      return Mt(t, e, o);
+      return Wt(t, e, o);
     case "top-end":
-      return Et(t, e, o);
+      return Mt(t, e, o);
     case "right":
       return Ht(t, e, o);
     case "right-start":
@@ -853,21 +853,21 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   if (ge(o, e)) {
     if (typeof window > "u")
       return !0;
-    const i = t.x, v = t.y, p = i + e.clientWidth, f = v + e.clientHeight;
-    return i >= 0 && v >= 0 && p <= window.innerWidth && f <= window.innerHeight;
+    const s = t.x, v = t.y, b = s + e.clientWidth, f = v + e.clientHeight;
+    return s >= 0 && v >= 0 && b <= window.innerWidth && f <= window.innerHeight;
   }
-  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 (pe(r) !== null)
+    return ie(t.y, e, null, o) > 0 && de(t.x, e, null, o) > 0 && be(t.y, e, null, o) > 0 && ce(t.x, e, null, o) > 0;
   if (typeof window > "u")
     return !0;
-  const a = window.innerWidth, u = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
-  if (s) {
-    const i = s.getBoundingClientRect(), v = i.left + t.x, p = i.top + t.y, f = v + e.clientWidth, w = p + e.clientHeight;
-    return v >= 0 && p >= 0 && f <= a && w <= u;
+  const a = window.innerWidth, u = window.innerHeight, d = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (d) {
+    const s = d.getBoundingClientRect(), v = s.left + t.x, b = s.top + t.y, f = v + e.clientWidth, C = b + e.clientHeight;
+    return v >= 0 && b >= 0 && f <= a && C <= u;
   }
-  const c = t.x, l = t.y, d = c + e.clientWidth, n = l + e.clientHeight;
-  return c >= 0 && l >= 0 && d <= a && n <= u;
-}, xe = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Zt = (t, e, r) => xe(e) === t && r.includes(e) ? e : r.find((o) => xe(o) === t) ?? r[0], Jt = (t, e, r = {}) => {
+  const c = t.x, l = t.y, i = c + e.clientWidth, n = l + e.clientHeight;
+  return c >= 0 && l >= 0 && i <= a && n <= u;
+}, ze = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Zt = (t, e, r) => ze(e) === t && r.includes(e) ? e : r.find((o) => ze(o) === t) ?? r[0], Jt = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -875,7 +875,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
       bottom: 0,
       left: 0
     };
-  const o = ge(r, e) ? null : ue(t), a = t.getBoundingClientRect(), u = o ? o.getBoundingClientRect() : {
+  const o = ge(r, e) ? null : pe(t), a = t.getBoundingClientRect(), u = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
@@ -887,39 +887,39 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     bottom: u.bottom - a.bottom,
     left: a.left - u.left
   };
-}, Pe = (t, e, r = {}) => new Promise((o) => {
+}, Te = (t, e, r = {}) => new Promise((o) => {
   var a, u;
-  const s = r.placement ? r.placement : "bottom", c = {
+  const d = r.placement ? r.placement : "bottom", c = {
     x: 0,
     y: 0,
-    placement: s,
+    placement: d,
     middlewareData: {}
-  }, l = Ve(t, e, s, r);
+  }, l = Ie(t, e, d, r);
   c.x = l.x, c.y = l.y, c.placement = l.placement;
-  const d = c.x, n = c.y, i = Dt(t);
-  (a = r.middleware) == null || a.forEach((w) => {
-    const C = w.fn({
+  const i = c.x, n = c.y, s = Pt(t);
+  (a = r.middleware) == null || a.forEach((C) => {
+    const $ = C.fn({
       x: c.x,
       y: c.y,
       options: r,
-      primaryX: d,
+      primaryX: i,
       primaryY: n,
       floating: e,
       placement: c.placement,
       reference: t,
-      scrollDirection: i
+      scrollDirection: s
     });
-    c.x = C.x, c.y = C.y, c.placement = C.placement, w.name === "arrow" && (C.baseX = C.x, C.baseY = C.y, C.x = C.arrowX ?? C.x, C.y = C.arrowY ?? C.y), c.middlewareData[w.name] = C;
+    c.x = $.x, c.y = $.y, c.placement = $.placement, C.name === "arrow" && ($.baseX = $.x, $.baseY = $.y, $.x = $.arrowX ?? $.x, $.y = $.arrowY ?? $.y), c.middlewareData[C.name] = $;
   });
-  const v = Ve(t, e, c.placement, r), p = ye(r, "offset"), f = p ? (u = p.params) == null ? void 0 : u.value : 0;
+  const v = Ie(t, e, c.placement, r), b = _e(r, "offset"), f = b ? (u = b.params) == null ? void 0 : u.value : 0;
   if (Number.isFinite(c.x) || (c.x = v.x), !Number.isFinite(c.y))
     if (ge(r, e)) {
-      const w = t.getBoundingClientRect(), C = e.getBoundingClientRect().height;
-      c.placement.startsWith("top") ? c.y = w.top - C - f : c.placement.startsWith("bottom") ? c.y = w.bottom + f : c.y = v.y;
+      const C = t.getBoundingClientRect(), $ = e.getBoundingClientRect().height;
+      c.placement.startsWith("top") ? c.y = C.top - $ - f : c.placement.startsWith("bottom") ? c.y = C.bottom + f : c.y = v.y;
     } else
       c.y = v.y;
   o(c);
-}), Qt = ["disabled", "aria-expanded", "onKeydown"], eo = ["data-placement"], to = ["disabled", "aria-selected", "onClick"], Ra = /* @__PURE__ */ N({
+}), Qt = ["disabled", "aria-expanded", "onKeydown"], eo = ["data-placement"], to = ["disabled", "aria-selected", "onClick"], Ka = /* @__PURE__ */ Z({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -934,128 +934,128 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, u = M(null), s = M(null), c = M(null), l = M(!1), d = M("bottom"), n = M("bottom"), i = `vf-select-panel-${++r}`;
+    const o = e, a = t, u = R(null), d = R(null), c = R(null), l = R(!1), i = R("bottom"), n = R("bottom"), s = `vf-select-panel-${++r}`;
     let v = null;
-    const p = g(() => a.options.map((m) => ({
-      label: m[a.optionLabel],
-      value: m[a.optionValue],
-      disabled: m.disabled
-    }))), f = g(() => p.value.find((m) => m.value === a.modelValue)), w = g(() => {
-      var m;
-      return ((m = f.value) == null ? void 0 : m.label) ?? "";
-    }), C = g(() => {
-      const m = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
-      return a.size !== "normal" && m.push(`vf-select_${a.size}`), a.disabled && m.push("vf-select_disabled"), m.filter(Boolean);
-    }), S = (m) => m.value === a.modelValue, H = (m) => {
-      m.disabled || (o("update:modelValue", m.value), o("change", m.value), T());
-    }, V = (m) => o("focus", m), W = (m) => o("blur", m), T = () => {
-      l.value = !1, d.value = "bottom", n.value = "bottom";
-    }, L = () => {
-      a.disabled || (l.value = !l.value, l.value && (d.value = "bottom", n.value = "bottom"));
+    const b = g(() => a.options.map((y) => ({
+      label: y[a.optionLabel],
+      value: y[a.optionValue],
+      disabled: y.disabled
+    }))), f = g(() => b.value.find((y) => y.value === a.modelValue)), C = g(() => {
+      var y;
+      return ((y = f.value) == null ? void 0 : y.label) ?? "";
+    }), $ = g(() => {
+      const y = ["vf-select", `vf-select_${a.variant}`, l.value ? "vf-select_open" : ""];
+      return a.size !== "normal" && y.push(`vf-select_${a.size}`), a.disabled && y.push("vf-select_disabled"), y.filter(Boolean);
+    }), S = (y) => y.value === a.modelValue, I = (y) => {
+      y.disabled || (o("update:modelValue", y.value), o("change", y.value), P());
+    }, T = (y) => o("focus", y), H = (y) => o("blur", y), P = () => {
+      l.value = !1, i.value = "bottom", n.value = "bottom";
+    }, D = () => {
+      a.disabled || (l.value = !l.value, l.value && (i.value = "bottom", n.value = "bottom"));
     }, A = async () => {
-      var m, x;
-      l.value || (l.value = !0, await ze()), (x = (m = c.value) == null ? void 0 : m.querySelector(".vf-select__option:not(.is-disabled)")) == null || x.focus();
-    }, R = (m) => {
+      var y, z;
+      l.value || (l.value = !0, await ke()), (z = (y = c.value) == null ? void 0 : y.querySelector(".vf-select__option:not(.is-disabled)")) == null || z.focus();
+    }, L = (y) => {
       var K;
       if (!l.value || !u.value)
         return;
-      const x = m.target;
-      u.value.contains(x) || (K = c.value) != null && K.contains(x) || T();
-    }, _ = () => {
-      if (!s.value || !c.value)
+      const z = y.target;
+      u.value.contains(z) || (K = c.value) != null && K.contains(z) || P();
+    }, w = () => {
+      if (!d.value || !c.value)
         return;
-      const m = s.value, x = c.value, K = async () => {
+      const y = d.value, z = c.value, K = async () => {
         const {
-          x: Y,
-          y: ae,
-          placement: X
-        } = await Pe(m, x, {
-          placement: d.value,
+          x: X,
+          y: oe,
+          placement: J
+        } = await Te(y, z, {
+          placement: i.value,
           strategy: "fixed",
-          middleware: [De(2), Re({ placements: ["bottom", "top"] })]
+          middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        n.value = X ?? d.value, x.style.minWidth = `${m.getBoundingClientRect().width}px`, x.style.left = `${Y}px`, x.style.top = `${ae}px`;
+        n.value = J ?? i.value, z.style.minWidth = `${y.getBoundingClientRect().width}px`, z.style.left = `${X}px`, z.style.top = `${oe}px`;
       }, G = async () => {
         await K();
-      }, j = Ie(m, () => {
+      }, j = Le(y, () => {
         G();
-      }), ee = () => {
+      }), te = () => {
         G();
       };
-      document.addEventListener("scroll", ee, !0), window.addEventListener("resize", ee, !1), v = {
+      document.addEventListener("scroll", te, !0), window.addEventListener("resize", te, !1), v = {
         update: G,
         destroy: () => {
-          j(), document.removeEventListener("scroll", ee, !0), window.removeEventListener("resize", ee, !1);
+          j(), document.removeEventListener("scroll", te, !0), window.removeEventListener("resize", te, !1);
         }
       }, v.update();
     };
-    return oe(l, async (m) => {
-      if (!m) {
+    return ee(l, async (y) => {
+      if (!y) {
         v && (v.destroy(), v = null);
         return;
       }
-      await ze(), v || _(), v == null || v.update();
-    }), oe(
+      await ke(), v || w(), v == null || v.update();
+    }), ee(
       () => a.options,
       () => {
         v == null || v.update();
       },
       { deep: !0 }
-    ), Le(() => {
-      document.addEventListener("click", R);
-    }), we(() => {
-      document.removeEventListener("click", R), v == null || v.destroy(), v = null;
-    }), (m, x) => (b(), y("div", {
+    ), Fe(() => {
+      document.addEventListener("click", L);
+    }), Ce(() => {
+      document.removeEventListener("click", L), v == null || v.destroy(), v = null;
+    }), (y, z) => (m(), h("div", {
       ref_key: "root",
       ref: u,
-      class: I(C.value)
+      class: E($.value)
     }, [
       B("button", {
         ref_key: "trigger",
-        ref: s,
+        ref: d,
         class: "vf-select__control",
         type: "button",
-        disabled: m.disabled,
+        disabled: y.disabled,
         "aria-expanded": l.value,
-        "aria-controls": i,
+        "aria-controls": s,
         "aria-haspopup": "listbox",
-        onClick: L,
+        onClick: D,
         onKeydown: [
-          te(Q(A, ["prevent"]), ["down"]),
-          te(Q(L, ["prevent"]), ["enter"]),
-          te(Q(T, ["prevent"]), ["esc"])
+          q(Y(A, ["prevent"]), ["down"]),
+          q(Y(D, ["prevent"]), ["enter"]),
+          q(Y(P, ["prevent"]), ["esc"])
         ],
-        onFocus: V,
-        onBlur: W
+        onFocus: T,
+        onBlur: H
       }, [
         B("span", {
-          class: I(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
-        }, E(w.value || m.placeholder), 3),
-        x[0] || (x[0] = B("span", {
+          class: E(["vf-select__label", { "vf-select__label_placeholder": !C.value }])
+        }, M(C.value || y.placeholder), 3),
+        z[0] || (z[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
       ], 40, Qt),
-      (b(), re($e, { to: "body" }, [
-        be(B("div", {
-          id: i,
+      (m(), le(we, { to: "body" }, [
+        ve(B("div", {
+          id: s,
           ref_key: "panel",
           ref: c,
           class: "vf-select__panel",
           role: "listbox",
           "data-placement": n.value
         }, [
-          (b(!0), y(pe, null, Be(p.value, (K) => (b(), y("button", {
+          (m(!0), h(ue, null, Be(b.value, (K) => (m(), h("button", {
             key: K.value,
-            class: I(["vf-select__option", { "is-active": S(K), "is-disabled": K.disabled }]),
+            class: E(["vf-select__option", { "is-active": S(K), "is-disabled": K.disabled }]),
             type: "button",
             role: "option",
             disabled: K.disabled,
             "aria-selected": S(K),
-            onClick: (G) => H(K)
-          }, E(K.label), 11, to))), 128))
+            onClick: (G) => I(K)
+          }, M(K.label), 11, to))), 128))
         ], 8, eo), [
-          [me, l.value]
+          [fe, l.value]
         ])
       ]))
     ], 2));
@@ -1066,7 +1066,7 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
 }, no = ["id", "disabled", "aria-selected", "onClick"], so = {
   key: 2,
   class: "vf-autocomplete__empty"
-}, Da = /* @__PURE__ */ N({
+}, Na = /* @__PURE__ */ Z({
   __name: "autocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -1086,214 +1086,463 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "change", "focus", "blur", "search"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, u = M(null), s = M(null), c = M(null), l = M(!1), d = M(""), n = M(-1), i = M("bottom"), v = M("bottom"), p = `vf-autocomplete-panel-${++r}`;
+    const o = e, a = t, u = R(null), d = R(null), c = R(null), l = R(!1), i = R(""), n = R(-1), s = R("bottom"), v = R("bottom"), b = `vf-autocomplete-panel-${++r}`;
     let f = null;
-    const w = g(() => a.options.map((h) => ({
-      label: h[a.optionLabel],
-      value: h[a.optionValue],
-      disabled: h.disabled
-    }))), C = g(() => w.value.find((h) => h.value === a.modelValue)), S = g(() => {
+    const C = g(() => a.options.map((_) => ({
+      label: _[a.optionLabel],
+      value: _[a.optionValue],
+      disabled: _.disabled
+    }))), $ = g(() => C.value.find((_) => _.value === a.modelValue)), S = g(() => {
       if (!a.filter)
-        return w.value;
-      const h = d.value.trim().toLowerCase();
-      return h ? w.value.filter((D) => D.label.toLowerCase().includes(h)) : w.value;
-    }), H = g(() => {
+        return C.value;
+      const _ = i.value.trim().toLowerCase();
+      return _ ? C.value.filter((O) => O.label.toLowerCase().includes(_)) : C.value;
+    }), I = g(() => {
       if (!(!l.value || n.value < 0))
-        return W(n.value);
-    }), V = g(() => {
-      const h = ["vf-autocomplete", `vf-autocomplete_${a.variant}`, l.value ? "vf-autocomplete_open" : ""];
-      return a.size !== "normal" && h.push(`vf-autocomplete_${a.size}`), a.disabled && h.push("vf-autocomplete_disabled"), h.filter(Boolean);
-    }), W = (h) => `${p}-option-${h}`, T = (h) => h.value === a.modelValue, L = () => S.value.findIndex((h) => !h.disabled), A = (h) => {
-      const D = S.value;
-      if (!D.length) {
+        return H(n.value);
+    }), T = g(() => {
+      const _ = ["vf-autocomplete", `vf-autocomplete_${a.variant}`, l.value ? "vf-autocomplete_open" : ""];
+      return a.size !== "normal" && _.push(`vf-autocomplete_${a.size}`), a.disabled && _.push("vf-autocomplete_disabled"), _.filter(Boolean);
+    }), H = (_) => `${b}-option-${_}`, P = (_) => _.value === a.modelValue, D = () => S.value.findIndex((_) => !_.disabled), A = (_) => {
+      const O = S.value;
+      if (!O.length) {
         n.value = -1;
         return;
       }
-      let O = n.value;
-      (O < 0 || O >= D.length) && (O = h > 0 ? -1 : D.length);
-      for (let J = 0; J < D.length; J += 1)
-        if (O = (O + h + D.length) % D.length, !D[O].disabled) {
-          n.value = O;
+      let W = n.value;
+      (W < 0 || W >= O.length) && (W = _ > 0 ? -1 : O.length);
+      for (let Q = 0; Q < O.length; Q += 1)
+        if (W = (W + _ + O.length) % O.length, !O[W].disabled) {
+          n.value = W;
           return;
         }
       n.value = -1;
-    }, R = () => {
-      a.disabled || (l.value = !0, i.value = "bottom", v.value = "bottom", n.value < 0 && (n.value = L()));
-    }, _ = () => {
-      l.value = !1, n.value = -1, i.value = "bottom", v.value = "bottom";
-    }, m = () => {
+    }, L = () => {
+      a.disabled || (l.value = !0, s.value = "bottom", v.value = "bottom", n.value < 0 && (n.value = D()));
+    }, w = () => {
+      l.value = !1, n.value = -1, s.value = "bottom", v.value = "bottom";
+    }, y = () => {
       if (l.value) {
-        _();
+        w();
         return;
       }
-      R();
-    }, x = (h) => {
-      h.disabled || (d.value = h.label, o("update:modelValue", h.value), o("change", h.value), _());
-    }, K = (h) => {
-      const D = h.target;
-      d.value = D.value, o("search", D.value), R(), n.value = L();
-    }, G = (h) => {
-      o("focus", h), R();
-    }, j = (h) => {
-      o("blur", h);
-    }, ee = () => {
+      L();
+    }, z = (_) => {
+      _.disabled || (i.value = _.label, o("update:modelValue", _.value), o("change", _.value), w());
+    }, K = (_) => {
+      const O = _.target;
+      i.value = O.value, o("search", O.value), L(), n.value = D();
+    }, G = (_) => {
+      o("focus", _), L();
+    }, j = (_) => {
+      o("blur", _);
+    }, te = () => {
       if (!l.value) {
-        R();
+        L();
         return;
       }
       A(1);
-    }, Y = () => {
+    }, X = () => {
       if (!l.value) {
-        R();
+        L();
         return;
       }
       A(-1);
-    }, ae = () => {
+    }, oe = () => {
       if (!l.value) {
-        R();
+        L();
         return;
       }
-      const h = S.value[n.value];
-      h && !h.disabled && x(h);
-    }, X = (h) => {
-      var O;
+      const _ = S.value[n.value];
+      _ && !_.disabled && z(_);
+    }, J = (_) => {
+      var W;
       if (!l.value || !u.value)
         return;
-      const D = h.target;
-      u.value.contains(D) || (O = c.value) != null && O.contains(D) || _();
-    }, le = () => {
-      if (!s.value || !c.value)
+      const O = _.target;
+      u.value.contains(O) || (W = c.value) != null && W.contains(O) || w();
+    }, ne = () => {
+      if (!d.value || !c.value)
         return;
-      const h = s.value, D = c.value, O = async () => {
+      const _ = d.value, O = c.value, W = async () => {
         const {
-          x: P,
-          y: q,
-          placement: ne
-        } = await Pe(h, D, {
-          placement: i.value,
+          x,
+          y: N,
+          placement: re
+        } = await Te(_, O, {
+          placement: s.value,
           strategy: "fixed",
-          middleware: [De(2), Re({ placements: ["bottom", "top"] })]
+          middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        v.value = ne ?? i.value, D.style.minWidth = `${h.getBoundingClientRect().width}px`, D.style.left = `${P}px`, D.style.top = `${q}px`;
-      }, J = async () => {
-        await O();
-      }, k = Ie(h, () => {
-        J();
-      }), z = () => {
-        J();
+        v.value = re ?? s.value, O.style.minWidth = `${_.getBoundingClientRect().width}px`, O.style.left = `${x}px`, O.style.top = `${N}px`;
+      }, Q = async () => {
+        await W();
+      }, p = Le(_, () => {
+        Q();
+      }), k = () => {
+        Q();
       };
-      document.addEventListener("scroll", z, !0), window.addEventListener("resize", z, !1), f = {
-        update: J,
+      document.addEventListener("scroll", k, !0), window.addEventListener("resize", k, !1), f = {
+        update: Q,
         destroy: () => {
-          k(), document.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z, !1);
+          p(), document.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k, !1);
         }
       }, f.update();
     };
-    return oe(
+    return ee(
       () => a.modelValue,
       () => {
-        var h;
-        d.value = ((h = C.value) == null ? void 0 : h.label) ?? "";
+        var _;
+        i.value = ((_ = $.value) == null ? void 0 : _.label) ?? "";
       },
       { immediate: !0 }
-    ), oe(
+    ), ee(
       () => a.options,
       () => {
-        var h;
-        l.value || (d.value = ((h = C.value) == null ? void 0 : h.label) ?? ""), f == null || f.update();
+        var _;
+        l.value || (i.value = ((_ = $.value) == null ? void 0 : _.label) ?? ""), f == null || f.update();
       },
       { deep: !0 }
-    ), oe(S, () => {
-      n.value >= S.value.length && (n.value = L());
-    }), oe(l, async (h) => {
-      if (!h) {
+    ), ee(S, () => {
+      n.value >= S.value.length && (n.value = D());
+    }), ee(l, async (_) => {
+      if (!_) {
         f && (f.destroy(), f = null);
         return;
       }
-      await ze(), f || le(), f == null || f.update();
-    }), Le(() => {
-      document.addEventListener("click", X);
-    }), we(() => {
-      document.removeEventListener("click", X), f == null || f.destroy(), f = null;
-    }), (h, D) => (b(), y("div", {
+      await ke(), f || ne(), f == null || f.update();
+    }), Fe(() => {
+      document.addEventListener("click", J);
+    }), Ce(() => {
+      document.removeEventListener("click", J), f == null || f.destroy(), f = null;
+    }), (_, O) => (m(), h("div", {
       ref_key: "root",
       ref: u,
-      class: I(V.value)
+      class: E(T.value)
     }, [
       B("input", {
         ref_key: "control",
-        ref: s,
+        ref: d,
         class: "vf-autocomplete__control",
         type: "text",
         role: "combobox",
-        value: d.value,
-        placeholder: h.placeholder,
-        disabled: h.disabled,
-        readonly: h.readonly,
+        value: i.value,
+        placeholder: _.placeholder,
+        disabled: _.disabled,
+        readonly: _.readonly,
         "aria-expanded": l.value,
         "aria-autocomplete": "list",
-        "aria-controls": p,
-        "aria-activedescendant": H.value,
+        "aria-controls": b,
+        "aria-activedescendant": I.value,
         onInput: K,
         onFocus: G,
         onBlur: j,
-        onClick: R,
+        onClick: L,
         onKeydown: [
-          te(Q(ee, ["prevent"]), ["down"]),
-          te(Q(Y, ["prevent"]), ["up"]),
-          te(Q(ae, ["prevent"]), ["enter"]),
-          te(Q(_, ["prevent"]), ["esc"]),
-          te(_, ["tab"])
+          q(Y(te, ["prevent"]), ["down"]),
+          q(Y(X, ["prevent"]), ["up"]),
+          q(Y(oe, ["prevent"]), ["enter"]),
+          q(Y(w, ["prevent"]), ["esc"]),
+          q(w, ["tab"])
         ]
       }, null, 40, oo),
       B("button", {
         class: "vf-autocomplete__chevron",
         type: "button",
-        disabled: h.disabled,
+        disabled: _.disabled,
         "aria-hidden": "true",
         tabindex: "-1",
-        onMousedown: D[0] || (D[0] = Q(() => {
+        onMousedown: O[0] || (O[0] = Y(() => {
         }, ["prevent"])),
-        onClick: m
+        onClick: y
       }, " ▾ ", 40, ao),
-      (b(), re($e, { to: "body" }, [
-        be(B("div", {
-          id: p,
+      (m(), le(we, { to: "body" }, [
+        ve(B("div", {
+          id: b,
           ref_key: "panel",
           ref: c,
           class: "vf-autocomplete__panel",
           role: "listbox",
           "data-placement": v.value
         }, [
-          h.loading ? (b(), y("div", lo, E(h.loadingText), 1)) : S.value.length > 0 ? (b(!0), y(pe, { key: 1 }, Be(S.value, (O, J) => (b(), y("button", {
-            id: W(J),
-            key: O.value,
-            class: I(["vf-autocomplete__option", {
-              "is-active": T(O),
-              "is-disabled": O.disabled,
-              "is-highlighted": J === n.value
+          _.loading ? (m(), h("div", lo, M(_.loadingText), 1)) : S.value.length > 0 ? (m(!0), h(ue, { key: 1 }, Be(S.value, (W, Q) => (m(), h("button", {
+            id: H(Q),
+            key: W.value,
+            class: E(["vf-autocomplete__option", {
+              "is-active": P(W),
+              "is-disabled": W.disabled,
+              "is-highlighted": Q === n.value
             }]),
             type: "button",
             role: "option",
-            disabled: O.disabled,
-            "aria-selected": T(O),
-            onMousedown: D[1] || (D[1] = Q(() => {
+            disabled: W.disabled,
+            "aria-selected": P(W),
+            onMousedown: O[1] || (O[1] = Y(() => {
             }, ["prevent"])),
-            onClick: (k) => x(O)
-          }, E(O.label), 43, no))), 128)) : (b(), y("div", so, E(h.emptyText), 1))
+            onClick: (p) => z(W)
+          }, M(W.label), 43, no))), 128)) : (m(), h("div", so, M(_.emptyText), 1))
         ], 8, ro), [
-          [me, l.value]
+          [fe, l.value]
+        ])
+      ]))
+    ], 2));
+  }
+}), io = ["disabled", "aria-expanded", "onKeydown"], co = ["data-placement"], uo = {
+  key: 0,
+  class: "vf-multiselect__search"
+}, vo = ["value", "placeholder", "onKeydown"], fo = {
+  key: 1,
+  class: "vf-multiselect__loading"
+}, po = ["id", "disabled", "aria-selected", "onClick"], bo = { class: "vf-multiselect__option-label" }, mo = {
+  key: 0,
+  class: "vf-multiselect__option-check",
+  "aria-hidden": "true"
+}, go = {
+  key: 3,
+  class: "vf-multiselect__empty"
+}, Ya = /* @__PURE__ */ Z({
+  __name: "multi-select",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    optionLabel: { default: "label" },
+    optionValue: { default: "value" },
+    placeholder: { default: "" },
+    searchPlaceholder: { default: "Search..." },
+    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 },
+    clearable: { type: Boolean, default: !1 },
+    variant: { default: "filled" },
+    size: { default: "normal" }
+  },
+  emits: ["update:modelValue", "change", "search", "focus", "blur"],
+  setup(t, { emit: e }) {
+    let r = 0;
+    const o = e, a = t, u = R(null), d = R(null), c = R(null), l = R(null), i = R(!1), n = R(""), s = R(-1), v = R("bottom"), b = R("bottom"), f = `vf-multiselect-panel-${++r}`;
+    let C = null;
+    const $ = g(() => a.options.map((p) => ({
+      label: p[a.optionLabel],
+      value: p[a.optionValue],
+      disabled: p.disabled
+    }))), S = g(() => Array.isArray(a.modelValue) ? a.modelValue : []), I = g(() => {
+      if (!a.filter)
+        return $.value;
+      const p = n.value.trim().toLowerCase();
+      return p ? $.value.filter((k) => k.label.toLowerCase().includes(p)) : $.value;
+    }), T = g(() => $.value.filter((p) => S.value.includes(p.value))), H = g(() => T.value.length === 0 ? a.placeholder : T.value.map((p) => p.label).join(", ")), P = g(() => {
+      const p = ["vf-multiselect", `vf-multiselect_${a.variant}`, i.value ? "vf-multiselect_open" : ""];
+      return a.size !== "normal" && p.push(`vf-multiselect_${a.size}`), a.disabled && p.push("vf-multiselect_disabled"), p.filter(Boolean);
+    }), D = (p) => `${f}-option-${p}`, A = () => I.value.findIndex((p) => !p.disabled), L = (p) => S.value.includes(p.value), w = (p) => {
+      o("update:modelValue", p), o("change", p);
+    }, y = (p) => {
+      if (!(p.disabled || a.readonly)) {
+        if (L(p)) {
+          w(S.value.filter((k) => k !== p.value));
+          return;
+        }
+        w([...S.value, p.value]);
+      }
+    }, z = () => {
+      a.readonly || w([]);
+    }, K = (p) => {
+      const k = I.value;
+      if (!k.length) {
+        s.value = -1;
+        return;
+      }
+      let x = s.value;
+      (x < 0 || x >= k.length) && (x = p > 0 ? -1 : k.length);
+      for (let N = 0; N < k.length; N += 1)
+        if (x = (x + p + k.length) % k.length, !k[x].disabled) {
+          s.value = x;
+          return;
+        }
+      s.value = -1;
+    }, G = async () => {
+      var p;
+      a.disabled || (i.value = !0, v.value = "bottom", b.value = "bottom", s.value < 0 && (s.value = A()), a.filter && (await ke(), (p = l.value) == null || p.focus()));
+    }, j = () => {
+      i.value = !1, s.value = -1, v.value = "bottom", b.value = "bottom", n.value = "";
+    }, te = () => {
+      if (i.value) {
+        j();
+        return;
+      }
+      G();
+    }, X = () => {
+      if (!i.value) {
+        G();
+        return;
+      }
+      K(1);
+    }, oe = () => {
+      if (!i.value) {
+        G();
+        return;
+      }
+      K(-1);
+    }, J = () => {
+      if (!i.value) {
+        G();
+        return;
+      }
+      const p = I.value[s.value];
+      p && !p.disabled && y(p);
+    }, ne = (p) => {
+      const k = p.target;
+      n.value = k.value, o("search", k.value), s.value = A();
+    }, _ = (p) => o("focus", p), O = (p) => o("blur", p), W = (p) => {
+      var x;
+      if (!i.value || !u.value)
+        return;
+      const k = p.target;
+      u.value.contains(k) || (x = c.value) != null && x.contains(k) || j();
+    }, Q = () => {
+      if (!d.value || !c.value)
+        return;
+      const p = d.value, k = c.value, x = async () => {
+        const {
+          x: he,
+          y: Oe,
+          placement: Ee
+        } = await Te(p, k, {
+          placement: v.value,
+          strategy: "fixed",
+          middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
+        });
+        b.value = Ee ?? v.value, k.style.minWidth = `${p.getBoundingClientRect().width}px`, k.style.left = `${he}px`, k.style.top = `${Oe}px`;
+      }, N = async () => {
+        await x();
+      }, re = Le(p, () => {
+        N();
+      }), U = () => {
+        N();
+      };
+      document.addEventListener("scroll", U, !0), window.addEventListener("resize", U, !1), C = {
+        update: N,
+        destroy: () => {
+          re(), document.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U, !1);
+        }
+      }, C.update();
+    };
+    return ee(
+      () => a.options,
+      () => {
+        s.value >= I.value.length && (s.value = A()), C == null || C.update();
+      },
+      { deep: !0 }
+    ), ee(i, async (p) => {
+      if (!p) {
+        C && (C.destroy(), C = null);
+        return;
+      }
+      await ke(), C || Q(), C == null || C.update();
+    }), ee(I, () => {
+      s.value >= I.value.length && (s.value = A());
+    }), Fe(() => {
+      document.addEventListener("click", W);
+    }), Ce(() => {
+      document.removeEventListener("click", W), C == null || C.destroy(), C = null;
+    }), (p, k) => (m(), h("div", {
+      ref_key: "root",
+      ref: u,
+      class: E(P.value)
+    }, [
+      B("button", {
+        ref_key: "trigger",
+        ref: d,
+        class: "vf-multiselect__control",
+        type: "button",
+        disabled: p.disabled,
+        "aria-expanded": i.value,
+        "aria-controls": f,
+        "aria-haspopup": "listbox",
+        onClick: te,
+        onKeydown: [
+          q(Y(X, ["prevent"]), ["down"]),
+          q(Y(oe, ["prevent"]), ["up"]),
+          q(Y(J, ["prevent"]), ["enter"]),
+          q(Y(j, ["prevent"]), ["esc"])
+        ],
+        onFocus: _,
+        onBlur: O
+      }, [
+        B("span", {
+          class: E(["vf-multiselect__label", { "vf-multiselect__label_placeholder": S.value.length === 0 }])
+        }, M(H.value), 3),
+        k[0] || (k[0] = B("span", {
+          class: "vf-multiselect__chevron",
+          "aria-hidden": "true"
+        }, "▾", -1))
+      ], 40, io),
+      p.clearable && S.value.length > 0 && !p.disabled && !p.readonly ? (m(), h("button", {
+        key: 0,
+        class: "vf-multiselect__clear",
+        type: "button",
+        "aria-label": "Clear selection",
+        onClick: Y(z, ["stop"])
+      }, " ✕ ")) : V("", !0),
+      (m(), le(we, { to: "body" }, [
+        ve(B("div", {
+          id: f,
+          ref_key: "panel",
+          ref: c,
+          class: "vf-multiselect__panel",
+          role: "listbox",
+          "aria-multiselectable": "true",
+          "data-placement": b.value
+        }, [
+          p.filter ? (m(), h("div", uo, [
+            B("input", {
+              ref_key: "searchInput",
+              ref: l,
+              class: "vf-multiselect__search-control",
+              type: "text",
+              value: n.value,
+              placeholder: p.searchPlaceholder,
+              onInput: ne,
+              onKeydown: [
+                q(Y(X, ["prevent"]), ["down"]),
+                q(Y(oe, ["prevent"]), ["up"]),
+                q(Y(J, ["prevent"]), ["enter"]),
+                q(Y(j, ["prevent"]), ["esc"])
+              ]
+            }, null, 40, vo)
+          ])) : V("", !0),
+          p.loading ? (m(), h("div", fo, M(p.loadingText), 1)) : I.value.length > 0 ? (m(!0), h(ue, { key: 2 }, Be(I.value, (x, N) => (m(), h("button", {
+            id: D(N),
+            key: x.value,
+            class: E(["vf-multiselect__option", {
+              "is-active": L(x),
+              "is-disabled": x.disabled,
+              "is-highlighted": N === s.value
+            }]),
+            type: "button",
+            role: "option",
+            disabled: x.disabled,
+            "aria-selected": L(x),
+            onClick: (re) => y(x)
+          }, [
+            B("span", bo, M(x.label), 1),
+            L(x) ? (m(), h("span", mo, "✓")) : V("", !0)
+          ], 10, po))), 128)) : (m(), h("div", go, M(p.emptyText), 1))
+        ], 8, co), [
+          [fe, i.value]
         ])
       ]))
     ], 2));
   }
-}), io = ["disabled", "aria-expanded", "onKeydown"], co = ["data-placement", "onKeydown"], uo = { class: "vf-datepicker__header" }, vo = { class: "vf-datepicker__month-label" }, fo = {
+}), ho = ["disabled", "aria-expanded", "onKeydown"], yo = ["data-placement", "onKeydown"], _o = { class: "vf-datepicker__header" }, ko = { class: "vf-datepicker__month-label" }, Co = {
   class: "vf-datepicker__weekdays",
   role: "row"
-}, po = {
+}, wo = {
   class: "vf-datepicker__days",
   role: "grid"
-}, bo = ["disabled", "data-date", "onClick"], Ia = /* @__PURE__ */ N({
+}, $o = ["disabled", "data-date", "onClick"], Ga = /* @__PURE__ */ Z({
   __name: "datepicker",
   props: {
     modelValue: { default: void 0 },
@@ -1310,197 +1559,197 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, u = M(null), s = M(null), c = M(null), l = M(!1), d = M("bottom"), n = M("bottom"), i = `vf-datepicker-panel-${++r}`, v = M(X(Y(a.modelValue) ?? /* @__PURE__ */ new Date()));
-    let p = null;
-    const f = g(() => Y(a.modelValue)), w = g(() => Y(a.min)), C = g(() => Y(a.max)), S = g(() => f.value ? f.value.toLocaleDateString(a.locale, {
+    const o = e, a = t, u = R(null), d = R(null), c = R(null), l = R(!1), i = R("bottom"), n = R("bottom"), s = `vf-datepicker-panel-${++r}`, v = R(J(X(a.modelValue) ?? /* @__PURE__ */ new Date()));
+    let b = null;
+    const f = g(() => X(a.modelValue)), C = g(() => X(a.min)), $ = g(() => X(a.max)), S = g(() => f.value ? f.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : ""), H = g(() => v.value.toLocaleDateString(a.locale, {
+    }) : ""), I = g(() => v.value.toLocaleDateString(a.locale, {
       year: "numeric",
       month: "long"
-    })), V = g(() => {
-      const k = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), z = new Date(2026, 0, 4);
-      return Array.from({ length: 7 }, (P, q) => {
-        const ne = (q + a.firstDayOfWeek) % 7, U = new Date(z);
-        return U.setDate(z.getDate() + ne), k.format(U);
+    })), T = g(() => {
+      const p = new Intl.DateTimeFormat(a.locale, { weekday: "short" }), k = new Date(2026, 0, 4);
+      return Array.from({ length: 7 }, (x, N) => {
+        const re = (N + a.firstDayOfWeek) % 7, U = new Date(k);
+        return U.setDate(k.getDate() + re), p.format(U);
       });
-    }), W = g(() => {
-      const k = D(v.value, a.firstDayOfWeek), z = f.value ? O(f.value) : null, P = O(/* @__PURE__ */ new Date());
-      return Array.from({ length: 42 }, (q, ne) => {
-        const U = h(k, ne), _e = O(U);
+    }), H = g(() => {
+      const p = O(v.value, a.firstDayOfWeek), k = f.value ? W(f.value) : null, x = W(/* @__PURE__ */ new Date());
+      return Array.from({ length: 42 }, (N, re) => {
+        const U = _(p, re), he = W(U);
         return {
-          key: `${_e}-${ne}`,
-          iso: _e,
+          key: `${he}-${re}`,
+          iso: he,
           date: U,
           day: U.getDate(),
           inCurrentMonth: U.getMonth() === v.value.getMonth(),
-          isDisabled: J(U, w.value, C.value),
-          isSelected: z === _e,
-          isToday: _e === P
+          isDisabled: Q(U, C.value, $.value),
+          isSelected: k === he,
+          isToday: he === x
         };
       });
-    }), T = g(() => {
-      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);
-    }), L = (k) => o("focus", k), A = (k) => o("blur", k), R = () => {
-      a.disabled || a.readonly || (l.value = !0, d.value = "bottom", n.value = "bottom");
-    }, _ = () => {
-      l.value = !1, d.value = "bottom", n.value = "bottom";
-    }, m = () => {
+    }), P = g(() => {
+      const p = ["vf-datepicker", `vf-datepicker_${a.variant}`, l.value ? "vf-datepicker_open" : ""];
+      return a.size !== "normal" && p.push(`vf-datepicker_${a.size}`), a.disabled && p.push("vf-datepicker_disabled"), p.filter(Boolean);
+    }), D = (p) => o("focus", p), A = (p) => o("blur", p), L = () => {
+      a.disabled || a.readonly || (l.value = !0, i.value = "bottom", n.value = "bottom");
+    }, w = () => {
+      l.value = !1, i.value = "bottom", n.value = "bottom";
+    }, y = () => {
       if (l.value) {
-        _();
+        w();
         return;
       }
-      R();
-    }, x = () => {
-      v.value = le(v.value, -1);
+      L();
+    }, z = () => {
+      v.value = ne(v.value, -1);
     }, K = () => {
-      v.value = le(v.value, 1);
-    }, G = (k) => {
-      if (a.readonly || J(k, w.value, C.value))
+      v.value = ne(v.value, 1);
+    }, G = (p) => {
+      if (a.readonly || Q(p, C.value, $.value))
         return;
-      const z = O(k);
-      o("update:modelValue", z), o("change", z), _();
-    }, j = (k) => {
-      var P;
+      const k = W(p);
+      o("update:modelValue", k), o("change", k), w();
+    }, j = (p) => {
+      var x;
       if (!l.value || !u.value)
         return;
-      const z = k.target;
-      u.value.contains(z) || (P = c.value) != null && P.contains(z) || _();
-    }, ee = () => {
-      if (!s.value || !c.value)
+      const k = p.target;
+      u.value.contains(k) || (x = c.value) != null && x.contains(k) || w();
+    }, te = () => {
+      if (!d.value || !c.value)
         return;
-      const k = s.value, z = c.value, P = async () => {
+      const p = d.value, k = c.value, x = async () => {
         const {
-          x: _e,
-          y: at,
-          placement: rt
-        } = await Pe(k, z, {
-          placement: d.value,
+          x: he,
+          y: Oe,
+          placement: Ee
+        } = await Te(p, k, {
+          placement: i.value,
           strategy: "fixed",
-          middleware: [De(2), Re({ placements: ["bottom", "top"] })]
+          middleware: [Ve(2), Se({ placements: ["bottom", "top"] })]
         });
-        n.value = rt ?? d.value, z.style.left = `${_e}px`, z.style.top = `${at}px`;
-      }, q = async () => {
-        await P();
-      }, ne = Ie(k, () => {
-        q();
+        n.value = Ee ?? i.value, k.style.left = `${he}px`, k.style.top = `${Oe}px`;
+      }, N = async () => {
+        await x();
+      }, re = Le(p, () => {
+        N();
       }), U = () => {
-        q();
+        N();
       };
-      document.addEventListener("scroll", U, !0), window.addEventListener("resize", U, !1), p = {
-        update: q,
+      document.addEventListener("scroll", U, !0), window.addEventListener("resize", U, !1), b = {
+        update: N,
         destroy: () => {
-          ne(), document.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U, !1);
+          re(), document.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U, !1);
         }
-      }, p.update();
+      }, b.update();
     };
-    oe(
+    ee(
       () => a.modelValue,
-      (k) => {
-        const z = Y(k);
-        z && (v.value = X(z));
+      (p) => {
+        const k = X(p);
+        k && (v.value = J(k));
       },
       { immediate: !0 }
-    ), oe(
+    ), ee(
       () => [a.min, a.max],
       () => {
-        p == null || p.update();
+        b == null || b.update();
       }
-    ), oe(l, async (k) => {
-      if (!k) {
-        p && (p.destroy(), p = null);
+    ), ee(l, async (p) => {
+      if (!p) {
+        b && (b.destroy(), b = null);
         return;
       }
-      await ze(), p || ee(), p == null || p.update();
-    }), Le(() => {
+      await ke(), b || te(), b == null || b.update();
+    }), Fe(() => {
       document.addEventListener("click", j);
-    }), we(() => {
-      document.removeEventListener("click", j), p == null || p.destroy(), p = null;
+    }), Ce(() => {
+      document.removeEventListener("click", j), b == null || b.destroy(), b = null;
     });
-    function Y(k) {
-      if (!k)
+    function X(p) {
+      if (!p)
         return null;
-      const z = k.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-      if (!z)
+      const k = p.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (!k)
         return null;
-      const P = Number(z[1]), q = Number(z[2]) - 1, ne = Number(z[3]), U = new Date(P, q, ne);
-      return U.getFullYear() !== P || U.getMonth() !== q || U.getDate() !== ne ? null : ae(U);
+      const x = Number(k[1]), N = Number(k[2]) - 1, re = Number(k[3]), U = new Date(x, N, re);
+      return U.getFullYear() !== x || U.getMonth() !== N || U.getDate() !== re ? null : oe(U);
     }
-    function ae(k) {
-      return new Date(k.getFullYear(), k.getMonth(), k.getDate());
+    function oe(p) {
+      return new Date(p.getFullYear(), p.getMonth(), p.getDate());
     }
-    function X(k) {
-      return new Date(k.getFullYear(), k.getMonth(), 1);
+    function J(p) {
+      return new Date(p.getFullYear(), p.getMonth(), 1);
     }
-    function le(k, z) {
-      return new Date(k.getFullYear(), k.getMonth() + z, 1);
+    function ne(p, k) {
+      return new Date(p.getFullYear(), p.getMonth() + k, 1);
     }
-    function h(k, z) {
-      return new Date(k.getFullYear(), k.getMonth(), k.getDate() + z);
+    function _(p, k) {
+      return new Date(p.getFullYear(), p.getMonth(), p.getDate() + k);
     }
-    function D(k, z) {
-      const P = X(k), ne = (P.getDay() - z + 7) % 7;
-      return h(P, -ne);
+    function O(p, k) {
+      const x = J(p), re = (x.getDay() - k + 7) % 7;
+      return _(x, -re);
     }
-    function O(k) {
-      const z = k.getFullYear(), P = `${k.getMonth() + 1}`.padStart(2, "0"), q = `${k.getDate()}`.padStart(2, "0");
-      return `${z}-${P}-${q}`;
+    function W(p) {
+      const k = p.getFullYear(), x = `${p.getMonth() + 1}`.padStart(2, "0"), N = `${p.getDate()}`.padStart(2, "0");
+      return `${k}-${x}-${N}`;
     }
-    function J(k, z, P) {
-      const q = ae(k).getTime();
-      return !!(z && q < z.getTime() || P && q > P.getTime());
+    function Q(p, k, x) {
+      const N = oe(p).getTime();
+      return !!(k && N < k.getTime() || x && N > x.getTime());
     }
-    return (k, z) => (b(), y("div", {
+    return (p, k) => (m(), h("div", {
       ref_key: "root",
       ref: u,
-      class: I(T.value)
+      class: E(P.value)
     }, [
       B("button", {
         ref_key: "control",
-        ref: s,
+        ref: d,
         class: "vf-datepicker__control",
         type: "button",
-        disabled: k.disabled,
+        disabled: p.disabled,
         "aria-expanded": l.value,
-        "aria-controls": i,
+        "aria-controls": s,
         "aria-haspopup": "dialog",
-        onClick: m,
+        onClick: y,
         onKeydown: [
-          te(Q(R, ["prevent"]), ["down"]),
-          te(Q(m, ["prevent"]), ["enter"]),
-          te(Q(_, ["prevent"]), ["esc"])
+          q(Y(L, ["prevent"]), ["down"]),
+          q(Y(y, ["prevent"]), ["enter"]),
+          q(Y(w, ["prevent"]), ["esc"])
         ],
-        onFocus: L,
+        onFocus: D,
         onBlur: A
       }, [
         B("span", {
-          class: I(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !f.value }])
-        }, E(S.value || k.placeholder), 3),
-        z[0] || (z[0] = B("span", {
+          class: E(["vf-datepicker__label", { "vf-datepicker__label_placeholder": !f.value }])
+        }, M(S.value || p.placeholder), 3),
+        k[0] || (k[0] = B("span", {
           class: "vf-datepicker__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, io),
-      (b(), re($e, { to: "body" }, [
-        be(B("div", {
-          id: i,
+      ], 40, ho),
+      (m(), le(we, { to: "body" }, [
+        ve(B("div", {
+          id: s,
           ref_key: "panel",
           ref: c,
           class: "vf-datepicker__panel",
           role: "dialog",
           "data-placement": n.value,
-          onKeydown: te(Q(_, ["prevent"]), ["esc"])
+          onKeydown: q(Y(w, ["prevent"]), ["esc"])
         }, [
-          B("div", uo, [
+          B("div", _o, [
             B("button", {
               class: "vf-datepicker__nav",
               type: "button",
               "aria-label": "Previous month",
-              onClick: x
+              onClick: z
             }, " ‹ "),
-            B("span", vo, E(H.value), 1),
+            B("span", ko, M(I.value), 1),
             B("button", {
               class: "vf-datepicker__nav",
               type: "button",
@@ -1508,36 +1757,36 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
               onClick: K
             }, " › ")
           ]),
-          B("div", fo, [
-            (b(!0), y(pe, null, Be(V.value, (P) => (b(), y("span", {
-              key: P,
+          B("div", Co, [
+            (m(!0), h(ue, null, Be(T.value, (x) => (m(), h("span", {
+              key: x,
               class: "vf-datepicker__weekday"
-            }, E(P), 1))), 128))
+            }, M(x), 1))), 128))
           ]),
-          B("div", po, [
-            (b(!0), y(pe, null, Be(W.value, (P) => (b(), y("button", {
-              key: P.key,
-              class: I(["vf-datepicker__day", {
-                "is-outside": !P.inCurrentMonth,
-                "is-selected": P.isSelected,
-                "is-today": P.isToday
+          B("div", wo, [
+            (m(!0), h(ue, null, Be(H.value, (x) => (m(), h("button", {
+              key: x.key,
+              class: E(["vf-datepicker__day", {
+                "is-outside": !x.inCurrentMonth,
+                "is-selected": x.isSelected,
+                "is-today": x.isToday
               }]),
               type: "button",
-              disabled: P.isDisabled,
-              "data-date": P.iso,
-              onClick: (q) => G(P.date)
-            }, E(P.day), 11, bo))), 128))
+              disabled: x.isDisabled,
+              "data-date": x.iso,
+              onClick: (N) => G(x.date)
+            }, M(x.day), 11, $o))), 128))
           ])
-        ], 40, co), [
-          [me, l.value]
+        ], 40, yo), [
+          [fe, l.value]
         ])
       ]))
     ], 2));
   }
-}), mo = ["checked", "disabled"], go = {
+}), xo = ["checked", "disabled"], Bo = {
   key: 0,
   class: "vf-checkbox__label"
-}, Pa = /* @__PURE__ */ N({
+}, ja = /* @__PURE__ */ Z({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1548,31 +1797,31 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = g(() => {
-      const s = ["vf-checkbox", `vf-checkbox_${o.variant}`];
-      return o.disabled && s.push("vf-checkbox_disabled"), s;
-    }), u = (s) => {
-      const c = s.target;
-      r("update:modelValue", c.checked), r("change", s);
+      const d = ["vf-checkbox", `vf-checkbox_${o.variant}`];
+      return o.disabled && d.push("vf-checkbox_disabled"), d;
+    }), u = (d) => {
+      const c = d.target;
+      r("update:modelValue", c.checked), r("change", d);
     };
-    return (s, c) => (b(), y("label", {
-      class: I(a.value)
+    return (d, c) => (m(), h("label", {
+      class: E(a.value)
     }, [
       B("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
-        checked: s.modelValue,
-        disabled: s.disabled,
+        checked: d.modelValue,
+        disabled: d.disabled,
         onChange: u
-      }, null, 40, mo),
+      }, null, 40, xo),
       c[0] || (c[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
-      s.label || s.$slots.default ? (b(), y("span", go, [
-        $(s.$slots, "default", {}, () => [
-          Z(E(s.label), 1)
+      d.label || d.$slots.default ? (m(), h("span", Bo, [
+        F(d.$slots, "default", {}, () => [
+          ae(M(d.label), 1)
         ])
-      ])) : F("", !0)
+      ])) : V("", !0)
     ], 2));
   }
-}), et = Symbol("VueForgeRadioGroup"), ho = ["aria-disabled", "aria-label", "aria-labelledby"], Wa = /* @__PURE__ */ N({
+}), ot = Symbol("VueForgeRadioGroup"), zo = ["aria-disabled", "aria-label", "aria-labelledby"], Xa = /* @__PURE__ */ Z({
   __name: "radio-group",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1590,27 +1839,27 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
       return o.direction === "horizontal" && c.push("vf-radio-group_horizontal"), c;
     }), u = (c, l) => {
       r("update:modelValue", c), r("change", c, l);
-    }, s = {
+    }, d = {
       name: g(() => o.name),
       modelValue: g(() => o.modelValue),
       disabled: g(() => o.disabled),
       variant: g(() => o.variant),
       onChange: u
     };
-    return qe(et, s), (c, l) => (b(), y("div", {
-      class: I(a.value),
+    return Ze(ot, d), (c, l) => (m(), h("div", {
+      class: E(a.value),
       role: "radiogroup",
       "aria-disabled": c.disabled || void 0,
       "aria-label": c.ariaLabel || void 0,
       "aria-labelledby": c.ariaLabelledby || void 0
     }, [
-      $(c.$slots, "default")
-    ], 10, ho));
+      F(c.$slots, "default")
+    ], 10, zo));
   }
-}), yo = ["name", "value", "checked", "disabled"], _o = {
+}), Fo = ["name", "value", "checked", "disabled"], So = {
   key: 0,
   class: "vf-radio__label"
-}, Oa = /* @__PURE__ */ N({
+}, qa = /* @__PURE__ */ Z({
   __name: "radio-button",
   props: {
     modelValue: { type: [String, Number, Boolean, null], default: void 0 },
@@ -1622,33 +1871,33 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = Oe(et, null), u = g(() => a ? a.modelValue.value : o.modelValue), s = g(() => a ? a.name.value : o.name), c = g(() => a ? a.variant.value : o.variant), l = g(() => (a ? a.disabled.value : !1) || o.disabled), d = g(() => u.value === o.value), n = g(() => {
+    const r = e, o = t, a = Me(ot, null), u = g(() => a ? a.modelValue.value : o.modelValue), d = g(() => a ? a.name.value : o.name), c = g(() => a ? a.variant.value : o.variant), l = g(() => (a ? a.disabled.value : !1) || o.disabled), i = g(() => u.value === o.value), n = g(() => {
       const v = ["vf-radio", `vf-radio_${c.value}`];
       return l.value && v.push("vf-radio_disabled"), v;
-    }), i = (v) => {
+    }), s = (v) => {
       l.value || (a ? a.onChange(o.value, v) : r("update:modelValue", o.value), r("change", o.value, v));
     };
-    return (v, p) => (b(), y("label", {
-      class: I(n.value)
+    return (v, b) => (m(), h("label", {
+      class: E(n.value)
     }, [
       B("input", {
         class: "vf-radio__control",
         type: "radio",
-        name: s.value,
+        name: d.value,
         value: v.value,
-        checked: d.value,
+        checked: i.value,
         disabled: l.value,
-        onChange: i
-      }, null, 40, yo),
-      p[0] || (p[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
-      v.label || v.$slots.default ? (b(), y("span", _o, [
-        $(v.$slots, "default", {}, () => [
-          Z(E(v.label), 1)
+        onChange: s
+      }, null, 40, Fo),
+      b[0] || (b[0] = B("span", { class: "vf-radio__circle" }, null, -1)),
+      v.label || v.$slots.default ? (m(), h("span", So, [
+        F(v.$slots, "default", {}, () => [
+          ae(M(v.label), 1)
         ])
-      ])) : F("", !0)
+      ])) : V("", !0)
     ], 2));
   }
-}), Me = Symbol("VueForgeTabs"), ko = ["aria-orientation", "aria-label", "aria-labelledby"], Co = { class: "vf-tabs__panels" }, Ma = /* @__PURE__ */ N({
+}), He = Symbol("VueForgeTabs"), Vo = ["aria-orientation", "aria-label", "aria-labelledby"], Lo = { class: "vf-tabs__panels" }, Ua = /* @__PURE__ */ Z({
   __name: "tabs",
   props: {
     modelValue: { default: void 0 },
@@ -1660,35 +1909,35 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, a = t, u = ++r, s = (f) => String(f).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = g(() => {
+    const o = e, a = t, u = ++r, d = (f) => String(f).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), c = g(() => {
       const f = ["vf-tabs"];
       return a.orientation === "vertical" && f.push("vf-tabs_vertical"), a.disabled && f.push("vf-tabs_disabled"), f;
-    }), l = M(null), d = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (f) => {
+    }), l = R(null), i = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], n = (f) => {
       f && (f.focus(), f.click());
-    }, i = (f) => {
+    }, s = (f) => {
       if (a.disabled)
         return;
-      const w = a.orientation === "horizontal", C = f.key, S = w ? ["ArrowRight"] : ["ArrowDown"], H = w ? ["ArrowLeft"] : ["ArrowUp"];
-      if (![...S, ...H, "Home", "End"].includes(C))
+      const C = a.orientation === "horizontal", $ = f.key, S = C ? ["ArrowRight"] : ["ArrowDown"], I = C ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...S, ...I, "Home", "End"].includes($))
         return;
-      const V = d();
-      if (!V.length)
+      const T = i();
+      if (!T.length)
         return;
-      const W = V.findIndex((R) => R.getAttribute("aria-selected") === "true"), T = V.findIndex((R) => R === document.activeElement), L = T >= 0 ? T : Math.max(W, 0);
-      let A = L;
-      S.includes(C) ? A = (L + 1) % V.length : H.includes(C) ? A = (L - 1 + V.length) % V.length : C === "Home" ? A = 0 : C === "End" && (A = V.length - 1), f.preventDefault(), n(V[A]);
-    }, v = (f, w) => {
-      o("update:modelValue", f), o("change", f, w);
-    }, p = {
+      const H = T.findIndex((L) => L.getAttribute("aria-selected") === "true"), P = T.findIndex((L) => L === document.activeElement), D = P >= 0 ? P : Math.max(H, 0);
+      let A = D;
+      S.includes($) ? A = (D + 1) % T.length : I.includes($) ? A = (D - 1 + T.length) % T.length : $ === "Home" ? A = 0 : $ === "End" && (A = T.length - 1), f.preventDefault(), n(T[A]);
+    }, v = (f, C) => {
+      o("update:modelValue", f), o("change", f, C);
+    }, b = {
       activeValue: g(() => a.modelValue),
       disabled: g(() => a.disabled),
       orientation: g(() => a.orientation),
       onChange: v,
-      getTabId: (f) => `vf-tab-${u}-${s(f)}`,
-      getPanelId: (f) => `vf-tabpanel-${u}-${s(f)}`
+      getTabId: (f) => `vf-tab-${u}-${d(f)}`,
+      getPanelId: (f) => `vf-tabpanel-${u}-${d(f)}`
     };
-    return qe(Me, p), (f, w) => (b(), y("div", {
-      class: I(c.value)
+    return Ze(He, b), (f, C) => (m(), h("div", {
+      class: E(c.value)
     }, [
       B("div", {
         ref_key: "list",
@@ -1698,16 +1947,16 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
         "aria-orientation": f.orientation,
         "aria-label": f.ariaLabel || void 0,
         "aria-labelledby": f.ariaLabelledby || void 0,
-        onKeydown: i
+        onKeydown: s
       }, [
-        $(f.$slots, "tabs")
-      ], 40, ko),
-      B("div", Co, [
-        $(f.$slots, "panels")
+        F(f.$slots, "tabs")
+      ], 40, Vo),
+      B("div", Lo, [
+        F(f.$slots, "panels")
       ])
     ], 2));
   }
-}), wo = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Ea = /* @__PURE__ */ N({
+}), To = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Za = /* @__PURE__ */ Z({
   __name: "tab",
   props: {
     value: {},
@@ -1716,51 +1965,51 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = Oe(Me, null), u = g(() => (a == null ? void 0 : a.activeValue.value) === o.value), s = g(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = g(() => a ? a.getTabId(o.value) : void 0), l = g(() => a ? a.getPanelId(o.value) : void 0), d = g(() => s.value ? -1 : u.value ? 0 : -1), n = (i) => {
-      !a || s.value || (a.onChange(o.value, i), r("change", o.value, i));
+    const r = e, o = t, a = Me(He, null), u = g(() => (a == null ? void 0 : a.activeValue.value) === o.value), d = g(() => ((a == null ? void 0 : a.disabled.value) ?? !1) || o.disabled), c = g(() => a ? a.getTabId(o.value) : void 0), l = g(() => a ? a.getPanelId(o.value) : void 0), i = g(() => d.value ? -1 : u.value ? 0 : -1), n = (s) => {
+      !a || d.value || (a.onChange(o.value, s), r("change", o.value, s));
     };
-    return (i, v) => (b(), y("button", {
+    return (s, v) => (m(), h("button", {
       id: c.value,
-      class: I(["vf-tab", { "vf-tab_active": u.value, "vf-tab_disabled": s.value }]),
+      class: E(["vf-tab", { "vf-tab_active": u.value, "vf-tab_disabled": d.value }]),
       type: "button",
       role: "tab",
       "aria-selected": u.value,
       "aria-controls": l.value,
-      disabled: s.value,
-      tabindex: d.value,
+      disabled: d.value,
+      tabindex: i.value,
       onClick: n
     }, [
-      $(i.$slots, "default", {}, () => [
-        Z(E(i.label), 1)
+      F(s.$slots, "default", {}, () => [
+        ae(M(s.label), 1)
       ])
-    ], 10, wo));
+    ], 10, To));
   }
-}), $o = ["id", "aria-labelledby"], Ha = /* @__PURE__ */ N({
+}), Ro = ["id", "aria-labelledby"], Ja = /* @__PURE__ */ Z({
   __name: "tab-panel",
   props: {
     value: {}
   },
   setup(t) {
-    const e = t, r = Oe(Me, null), o = g(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = g(() => r ? r.getTabId(e.value) : void 0), u = g(() => r ? r.getPanelId(e.value) : void 0);
-    return (s, c) => be((b(), y("div", {
+    const e = t, r = Me(He, null), o = g(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = g(() => r ? r.getTabId(e.value) : void 0), u = g(() => r ? r.getPanelId(e.value) : void 0);
+    return (d, c) => ve((m(), h("div", {
       id: u.value,
       class: "vf-tab-panel",
       role: "tabpanel",
       tabindex: "0",
       "aria-labelledby": a.value
     }, [
-      $(s.$slots, "default")
-    ], 8, $o)), [
-      [me, o.value]
+      F(d.$slots, "default")
+    ], 8, Ro)), [
+      [fe, o.value]
     ]);
   }
-}), xo = ["data-severity"], Bo = { class: "vf-toast__body" }, zo = {
+}), Po = ["data-severity"], Io = { class: "vf-toast__body" }, Do = {
   key: 0,
   class: "vf-toast__title"
-}, Fo = {
+}, Oo = {
   key: 1,
   class: "vf-toast__message"
-}, Aa = /* @__PURE__ */ N({
+}, Qa = /* @__PURE__ */ Z({
   __name: "toast",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1776,80 +2025,80 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     let a = null;
     const u = () => {
       a !== null && (clearTimeout(a), a = null);
-    }, s = () => {
+    }, d = () => {
       u(), !(!o.modelValue || o.duration <= 0) && (a = window.setTimeout(() => {
         r("update:modelValue", !1), r("close");
       }, o.duration));
     }, c = () => {
       u(), r("update:modelValue", !1), r("close");
     };
-    return oe(
+    return ee(
       () => o.modelValue,
       (l) => {
-        l && r("open"), s();
+        l && r("open"), d();
       },
       { immediate: !0 }
-    ), we(() => {
+    ), Ce(() => {
       u();
-    }), (l, d) => be((b(), y("div", {
+    }), (l, i) => ve((m(), h("div", {
       class: "vf-toast",
       role: "status",
       "aria-live": "polite",
       "data-severity": l.severity
     }, [
-      B("div", Bo, [
-        l.title ? (b(), y("div", zo, E(l.title), 1)) : F("", !0),
-        l.message || l.$slots.default ? (b(), y("div", Fo, [
-          $(l.$slots, "default", {}, () => [
-            Z(E(l.message), 1)
+      B("div", Io, [
+        l.title ? (m(), h("div", Do, M(l.title), 1)) : V("", !0),
+        l.message || l.$slots.default ? (m(), h("div", Oo, [
+          F(l.$slots, "default", {}, () => [
+            ae(M(l.message), 1)
           ])
-        ])) : F("", !0)
+        ])) : V("", !0)
       ]),
-      l.closable ? (b(), y("button", {
+      l.closable ? (m(), h("button", {
         key: 0,
         class: "vf-toast__close",
         type: "button",
         onClick: c
       }, [
-        $(l.$slots, "close", {}, () => [
-          d[0] || (d[0] = Z("×"))
+        F(l.$slots, "close", {}, () => [
+          i[0] || (i[0] = ae("×"))
         ])
-      ])) : F("", !0)
-    ], 8, xo)), [
-      [me, l.modelValue]
+      ])) : V("", !0)
+    ], 8, Po)), [
+      [fe, l.modelValue]
     ]);
   }
-}), Ka = /* @__PURE__ */ N({
+}), er = /* @__PURE__ */ Z({
   __name: "toast-container",
   props: {
     position: { default: "top-right" }
   },
   setup(t) {
     const e = t, r = g(() => `vf-toast-container_${e.position}`);
-    return (o, a) => (b(), re($e, { to: "body" }, [
+    return (o, a) => (m(), le(we, { to: "body" }, [
       B("div", {
-        class: I(["vf-toast-container", r.value]),
+        class: E(["vf-toast-container", r.value]),
         role: "region",
         "aria-live": "polite"
       }, [
-        $(o.$slots, "default")
+        F(o.$slots, "default")
       ], 2)
     ]));
   }
-}), So = ["data-severity"], Vo = {
+}), Eo = ["data-severity"], Wo = {
   key: 0,
   class: "vf-alert__icon",
   "aria-hidden": "true"
-}, To = { class: "vf-alert__body" }, Lo = {
+}, Mo = { class: "vf-alert__body" }, Ho = {
   key: 0,
   class: "vf-alert__title"
-}, Ro = {
+}, Ao = {
   key: 1,
   class: "vf-alert__message"
-}, Do = {
+}, Ko = {
   key: 1,
   class: "vf-alert__actions"
-}, Na = /* @__PURE__ */ N({
+}, tr = /* @__PURE__ */ Z({
   __name: "alert",
   props: {
     modelValue: { type: Boolean },
@@ -1861,8 +2110,8 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const r = e, o = t, a = M(!0), u = g(() => typeof o.modelValue == "boolean"), s = g(() => u.value ? o.modelValue : a.value);
-    oe(
+    const r = e, o = t, a = R(!0), u = g(() => typeof o.modelValue == "boolean"), d = g(() => u.value ? o.modelValue : a.value);
+    ee(
       () => o.modelValue,
       (l) => {
         typeof l == "boolean" && (a.value = l);
@@ -1872,50 +2121,50 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     const c = () => {
       u.value ? r("update:modelValue", !1) : a.value = !1, r("close");
     };
-    return (l, d) => be((b(), y("div", {
+    return (l, i) => ve((m(), h("div", {
       class: "vf-alert",
       role: "alert",
       "data-severity": l.severity
     }, [
-      l.$slots.icon || l.icon ? (b(), y("div", Vo, [
-        $(l.$slots, "icon", {}, () => [
-          Z(E(l.icon), 1)
+      l.$slots.icon || l.icon ? (m(), h("div", Wo, [
+        F(l.$slots, "icon", {}, () => [
+          ae(M(l.icon), 1)
         ])
-      ])) : F("", !0),
-      B("div", To, [
-        l.title || l.$slots.title ? (b(), y("div", Lo, [
-          $(l.$slots, "title", {}, () => [
-            Z(E(l.title), 1)
+      ])) : V("", !0),
+      B("div", Mo, [
+        l.title || l.$slots.title ? (m(), h("div", Ho, [
+          F(l.$slots, "title", {}, () => [
+            ae(M(l.title), 1)
           ])
-        ])) : F("", !0),
-        l.message || l.$slots.default ? (b(), y("div", Ro, [
-          $(l.$slots, "default", {}, () => [
-            Z(E(l.message), 1)
+        ])) : V("", !0),
+        l.message || l.$slots.default ? (m(), h("div", Ao, [
+          F(l.$slots, "default", {}, () => [
+            ae(M(l.message), 1)
           ])
-        ])) : F("", !0)
+        ])) : V("", !0)
       ]),
-      l.$slots.actions ? (b(), y("div", Do, [
-        $(l.$slots, "actions")
-      ])) : F("", !0),
-      l.closable ? (b(), y("button", {
+      l.$slots.actions ? (m(), h("div", Ko, [
+        F(l.$slots, "actions")
+      ])) : V("", !0),
+      l.closable ? (m(), h("button", {
         key: 2,
         class: "vf-alert__close",
         type: "button",
         "aria-label": "Close",
         onClick: c
       }, [
-        $(l.$slots, "close", {}, () => [
-          d[0] || (d[0] = Z("×"))
+        F(l.$slots, "close", {}, () => [
+          i[0] || (i[0] = ae("×"))
         ])
-      ])) : F("", !0)
-    ], 8, So)), [
-      [me, s.value]
+      ])) : V("", !0)
+    ], 8, Eo)), [
+      [fe, d.value]
     ]);
   }
-}), Io = ["checked", "disabled"], Po = {
+}), No = ["checked", "disabled"], Yo = {
   key: 0,
   class: "vf-switch__label"
-}, Ya = /* @__PURE__ */ N({
+}, or = /* @__PURE__ */ Z({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1925,112 +2174,112 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const r = e, o = t, a = g(() => {
-      const s = ["vf-switch"];
-      return o.disabled && s.push("vf-switch_disabled"), s;
-    }), u = (s) => {
-      const c = s.target;
-      r("update:modelValue", c.checked), r("change", s);
+      const d = ["vf-switch"];
+      return o.disabled && d.push("vf-switch_disabled"), d;
+    }), u = (d) => {
+      const c = d.target;
+      r("update:modelValue", c.checked), r("change", d);
     };
-    return (s, c) => (b(), y("label", {
-      class: I(a.value)
+    return (d, c) => (m(), h("label", {
+      class: E(a.value)
     }, [
       B("input", {
         class: "vf-switch__control",
         type: "checkbox",
-        checked: s.modelValue,
-        disabled: s.disabled,
+        checked: d.modelValue,
+        disabled: d.disabled,
         onChange: u
-      }, null, 40, Io),
+      }, null, 40, No),
       c[0] || (c[0] = B("span", { class: "vf-switch__track" }, [
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      s.label || s.$slots.default ? (b(), y("span", Po, [
-        $(s.$slots, "default", {}, () => [
-          Z(E(s.label), 1)
+      d.label || d.$slots.default ? (m(), h("span", Yo, [
+        F(d.$slots, "default", {}, () => [
+          ae(M(d.label), 1)
         ])
-      ])) : F("", !0)
+      ])) : V("", !0)
     ], 2));
   }
-}), Wo = { class: "vf-popover" }, Oo = ["aria-expanded", "onKeydown"], Ga = /* @__PURE__ */ N({
+}), Go = { class: "vf-popover" }, jo = ["aria-expanded", "onKeydown"], ar = /* @__PURE__ */ Z({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
     const o = r, a = lt({ visible: !1 });
     let u = 0;
-    const s = `vf-popover-panel-${++u}`, c = () => a.visible = !0, l = () => a.visible = !1, d = () => a.visible = !a.visible, n = () => {
-      d(), o("click"), o("onClick");
+    const d = `vf-popover-panel-${++u}`, c = () => a.visible = !0, l = () => a.visible = !1, i = () => a.visible = !a.visible, n = () => {
+      i(), o("click"), o("onClick");
     };
-    return e({ show: c, hide: l, toggle: d }), (i, v) => (b(), y("div", Wo, [
+    return e({ show: c, hide: l, toggle: i }), (s, v) => (m(), h("div", Go, [
       B("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
         "aria-expanded": a.visible,
-        "aria-controls": s,
+        "aria-controls": d,
         onClick: n,
         onKeydown: [
-          te(Q(n, ["prevent"]), ["enter"]),
-          te(Q(n, ["prevent"]), ["space"])
+          q(Y(n, ["prevent"]), ["enter"]),
+          q(Y(n, ["prevent"]), ["space"])
         ]
       }, [
-        $(i.$slots, "button")
-      ], 40, Oo),
-      be(je(ht, {
-        id: s,
+        F(s.$slots, "button")
+      ], 40, jo),
+      ve(qe(ht, {
+        id: d,
         class: "vf-popover__wrapper"
       }, nt({
-        default: he(() => [
+        default: ye(() => [
           v[0] || (v[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        i.$slots.default ? {
+        s.$slots.default ? {
           name: "default",
-          fn: he(() => [
-            $(i.$slots, "default")
+          fn: ye(() => [
+            F(s.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        i.$slots.header || i.$slots.popoverHeader ? {
+        s.$slots.header || s.$slots.popoverHeader ? {
           name: "header",
-          fn: he(() => [
-            $(i.$slots, "header"),
-            i.$slots.header ? F("", !0) : $(i.$slots, "popoverHeader", { key: 0 })
+          fn: ye(() => [
+            F(s.$slots, "header"),
+            s.$slots.header ? V("", !0) : F(s.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        i.$slots.body || i.$slots.popoverBody ? {
+        s.$slots.body || s.$slots.popoverBody ? {
           name: "body",
-          fn: he(() => [
-            $(i.$slots, "body"),
-            i.$slots.body ? F("", !0) : $(i.$slots, "popoverBody", { key: 0 })
+          fn: ye(() => [
+            F(s.$slots, "body"),
+            s.$slots.body ? V("", !0) : F(s.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        i.$slots.footer || i.$slots.popoverFooter ? {
+        s.$slots.footer || s.$slots.popoverFooter ? {
           name: "footer",
-          fn: he(() => [
-            $(i.$slots, "footer"),
-            i.$slots.footer ? F("", !0) : $(i.$slots, "popoverFooter", { key: 0 })
+          fn: ye(() => [
+            F(s.$slots, "footer"),
+            s.$slots.footer ? V("", !0) : F(s.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [me, a.visible]
+        [fe, a.visible]
       ])
     ]));
   }
-}), Mo = ["aria-labelledby", "aria-describedby"], Eo = {
+}), Xo = ["aria-labelledby", "aria-describedby"], qo = {
   key: 0,
   class: "vf-modal__header"
-}, Ho = {
+}, Uo = {
   key: 0,
   class: "vf-modal__title"
-}, Ao = {
+}, Zo = {
   key: 3,
   class: "vf-modal__footer"
-}, ja = /* @__PURE__ */ N({
+}, rr = /* @__PURE__ */ Z({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2044,79 +2293,79 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   emits: ["update:modelValue", "open", "close"],
   setup(t, { expose: e, emit: r }) {
     const o = r, a = t;
-    let u = 0, s = 0, c = "", l = null;
-    const d = M(null), n = Xe(), i = `vf-modal-title-${++u}`, v = `vf-modal-body-${u}`, p = g(() => !!a.title || !!n.header), f = g(() => !!n.body || !!n.default), w = g(() => {
-      const _ = ["vf-modal"];
-      return a.size !== "md" && _.push(`vf-modal_${a.size}`), _;
-    }), C = () => o("update:modelValue", !0), S = () => {
+    let u = 0, d = 0, c = "", l = null;
+    const i = R(null), n = Ue(), s = `vf-modal-title-${++u}`, v = `vf-modal-body-${u}`, b = g(() => !!a.title || !!n.header), f = g(() => !!n.body || !!n.default), C = g(() => {
+      const w = ["vf-modal"];
+      return a.size !== "md" && w.push(`vf-modal_${a.size}`), w;
+    }), $ = () => o("update:modelValue", !0), S = () => {
       o("update:modelValue", !1), o("close");
-    }, H = () => {
+    }, I = () => {
       a.closeOnOverlay && S();
-    }, V = (_) => {
-      !a.modelValue || !a.closeOnEsc || _.key === "Escape" && (_.preventDefault(), S());
-    }, W = () => d.value ? Array.from(d.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((m) => !m.hasAttribute("disabled") && !m.getAttribute("aria-hidden")) : [], T = () => {
-      var m;
-      const _ = W();
-      _.length ? _[0].focus() : (m = d.value) == null || m.focus();
-    }, L = (_) => {
+    }, T = (w) => {
+      !a.modelValue || !a.closeOnEsc || w.key === "Escape" && (w.preventDefault(), S());
+    }, H = () => i.value ? Array.from(i.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((y) => !y.hasAttribute("disabled") && !y.getAttribute("aria-hidden")) : [], P = () => {
+      var y;
+      const w = H();
+      w.length ? w[0].focus() : (y = i.value) == null || y.focus();
+    }, D = (w) => {
       var j;
-      if (_.key !== "Tab")
+      if (w.key !== "Tab")
         return;
-      const m = W();
-      if (!m.length) {
-        _.preventDefault(), (j = d.value) == null || j.focus();
+      const y = H();
+      if (!y.length) {
+        w.preventDefault(), (j = i.value) == null || j.focus();
         return;
       }
-      const x = m[0], K = m[m.length - 1], G = document.activeElement;
-      if (_.shiftKey && G === x) {
-        _.preventDefault(), K.focus();
+      const z = y[0], K = y[y.length - 1], G = document.activeElement;
+      if (w.shiftKey && G === z) {
+        w.preventDefault(), K.focus();
         return;
       }
-      !_.shiftKey && G === K && (_.preventDefault(), x.focus());
+      !w.shiftKey && G === K && (w.preventDefault(), z.focus());
     }, A = () => {
-      !a.lockScroll || typeof document > "u" || (s === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
-    }, R = () => {
-      !a.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = c));
+      !a.lockScroll || typeof document > "u" || (d === 0 && (c = document.body.style.overflow, document.body.style.overflow = "hidden"), d += 1);
+    }, L = () => {
+      !a.lockScroll || typeof document > "u" || (d = Math.max(0, d - 1), d === 0 && (document.body.style.overflow = c));
     };
-    return oe(
+    return ee(
       () => a.modelValue,
-      async (_) => {
-        _ ? (typeof document < "u" && (l = document.activeElement), A(), o("open"), await ze(), T(), typeof document < "u" && document.addEventListener("keydown", V)) : (R(), typeof document < "u" && (document.removeEventListener("keydown", V), l == null || l.focus()));
+      async (w) => {
+        w ? (typeof document < "u" && (l = document.activeElement), A(), o("open"), await ke(), P(), typeof document < "u" && document.addEventListener("keydown", T)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", T), l == null || l.focus()));
       },
       { immediate: !0 }
-    ), we(() => {
-      R(), typeof document < "u" && document.removeEventListener("keydown", V);
-    }), e({ open: C, close: S }), (_, m) => (b(), re($e, { to: "body" }, [
-      be(B("div", {
-        class: I(w.value),
+    ), Ce(() => {
+      L(), typeof document < "u" && document.removeEventListener("keydown", T);
+    }), e({ open: $, close: S }), (w, y) => (m(), le(we, { to: "body" }, [
+      ve(B("div", {
+        class: E(C.value),
         role: "presentation"
       }, [
         B("div", {
           class: "vf-modal__overlay",
-          onClick: H
+          onClick: I
         }),
         B("div", {
           ref_key: "panel",
-          ref: d,
+          ref: i,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": p.value ? i : void 0,
+          "aria-labelledby": b.value ? s : void 0,
           "aria-describedby": f.value ? v : void 0,
           tabindex: "-1",
-          onKeydown: L
+          onKeydown: D
         }, [
-          p.value ? (b(), y("div", Eo, [
+          b.value ? (m(), h("div", qo, [
             B("div", {
-              id: i,
+              id: s,
               class: "vf-modal__header-content"
             }, [
-              $(_.$slots, "header", {}, () => [
-                _.title ? (b(), y("h3", Ho, E(_.title), 1)) : F("", !0)
+              F(w.$slots, "header", {}, () => [
+                w.title ? (m(), h("h3", Uo, M(w.title), 1)) : V("", !0)
               ])
             ])
-          ])) : F("", !0),
-          _.showClose ? $(_.$slots, "close", {
+          ])) : V("", !0),
+          w.showClose ? F(w.$slots, "close", {
             key: 1,
             close: S
           }, () => [
@@ -2126,29 +2375,29 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
               "aria-label": "Close",
               onClick: S
             }, "×")
-          ]) : F("", !0),
-          _.$slots.body || _.$slots.default ? (b(), y("div", {
+          ]) : V("", !0),
+          w.$slots.body || w.$slots.default ? (m(), h("div", {
             key: 2,
             id: v,
             class: "vf-modal__body"
           }, [
-            $(_.$slots, "body"),
-            _.$slots.body ? F("", !0) : $(_.$slots, "default", { key: 0 })
-          ])) : F("", !0),
-          _.$slots.footer ? (b(), y("div", Ao, [
-            $(_.$slots, "footer")
-          ])) : F("", !0)
-        ], 40, Mo)
+            F(w.$slots, "body"),
+            w.$slots.body ? V("", !0) : F(w.$slots, "default", { key: 0 })
+          ])) : V("", !0),
+          w.$slots.footer ? (m(), h("div", Zo, [
+            F(w.$slots, "footer")
+          ])) : V("", !0)
+        ], 40, Xo)
       ], 2), [
-        [me, _.modelValue]
+        [fe, w.modelValue]
       ])
     ]));
   }
-}), Ko = ["data-placement"], No = { class: "vf-tooltip__content" }, Yo = {
+}), Jo = ["data-placement"], Qo = { class: "vf-tooltip__content" }, ea = {
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, Xa = /* @__PURE__ */ N({
+}, lr = /* @__PURE__ */ Z({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -2159,152 +2408,152 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
   setup(t) {
     const e = t;
     let r = 0;
-    const o = M(null), a = M(null), u = M(!1), s = M("top"), c = `vf-tooltip-${++r}`;
+    const o = R(null), a = R(null), u = R(!1), d = R("top"), c = `vf-tooltip-${++r}`;
     let l = null;
-    const d = () => {
+    const i = () => {
       e.disabled || (u.value = !0);
     }, n = () => {
       u.value = !1;
-    }, i = () => {
+    }, s = () => {
       if (!o.value || !a.value)
         return;
-      const p = o.value, f = a.value, w = async () => {
+      const b = o.value, f = a.value, C = async () => {
         const {
-          x: V,
-          y: W,
-          placement: T
-        } = await Pe(p, f, {
+          x: T,
+          y: H,
+          placement: P
+        } = await Te(b, f, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [De(8), Re(), It()]
+          middleware: [Ve(8), Se(), It()]
         });
-        s.value = T ?? e.placement, f.style.left = `${V}px`, f.style.top = `${W}px`;
-      }, C = async () => {
-        await w();
-      }, S = Ie(p, () => {
-        C();
-      }), H = () => {
-        C();
+        d.value = P ?? e.placement, f.style.left = `${T}px`, f.style.top = `${H}px`;
+      }, $ = async () => {
+        await C();
+      }, S = Le(b, () => {
+        $();
+      }), I = () => {
+        $();
       };
-      document.addEventListener("scroll", H, !0), window.addEventListener("resize", H, !1), l = {
-        update: C,
+      document.addEventListener("scroll", I, !0), window.addEventListener("resize", I, !1), l = {
+        update: $,
         destroy: () => {
-          S(), document.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H, !1);
+          S(), document.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I, !1);
         }
       }, l.update();
     };
-    oe(u, async (p) => {
-      if (!p) {
+    ee(u, async (b) => {
+      if (!b) {
         l && (l.destroy(), l = null);
         return;
       }
-      l || i(), l == null || l.update();
-    }), Le(() => {
-      u.value && i();
-    }), we(() => {
+      l || s(), l == null || l.update();
+    }), Fe(() => {
+      u.value && s();
+    }), Ce(() => {
       l == null || l.destroy(), l = null;
     });
     const v = g(() => !!e.text || !!(a.value && a.value.textContent));
-    return oe(v, (p) => {
-      p || (u.value = !1);
-    }), (p, f) => (b(), y(pe, null, [
+    return ee(v, (b) => {
+      b || (u.value = !1);
+    }), (b, f) => (m(), h(ue, null, [
       B("span", {
         ref_key: "trigger",
         ref: o,
         class: "vf-tooltip__trigger",
         "aria-describedby": c,
-        onMouseenter: d,
+        onMouseenter: i,
         onMouseleave: n,
-        onFocus: d,
+        onFocus: i,
         onBlur: n
       }, [
-        $(p.$slots, "default")
+        F(b.$slots, "default")
       ], 544),
-      (b(), re($e, { to: "body" }, [
-        be(B("div", {
+      (m(), le(we, { to: "body" }, [
+        ve(B("div", {
           id: c,
           ref_key: "panel",
           ref: a,
           class: "vf-tooltip",
           role: "tooltip",
-          "data-placement": s.value
+          "data-placement": d.value
         }, [
-          B("span", No, [
-            $(p.$slots, "content", {}, () => [
-              Z(E(p.text), 1)
+          B("span", Qo, [
+            F(b.$slots, "content", {}, () => [
+              ae(M(b.text), 1)
             ])
           ]),
-          p.arrow ? (b(), y("span", Yo)) : F("", !0)
-        ], 8, Ko), [
-          [me, u.value]
+          b.arrow ? (m(), h("span", ea)) : V("", !0)
+        ], 8, Jo), [
+          [fe, u.value]
         ])
       ]))
     ], 64));
   }
-}), Go = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], jo = (t) => {
+}), ta = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], oa = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, Xo = (t) => t.filter((e) => !Go.includes(e)).map((e) => jo(e)).join("-").toLowerCase(), We = (t) => t.join("."), qo = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ee = (t) => {
-  if (!qo(t))
+}, aa = (t) => t.filter((e) => !ta.includes(e)).map((e) => oa(e)).join("-").toLowerCase(), We = (t) => t.join("."), ra = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Ae = (t) => {
+  if (!ra(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();
-}, tt = (t) => {
-  const e = Ee(t);
+}, at = (t) => {
+  const e = Ae(t);
   if (!e)
     return [0, 0, 0];
   const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, u = r & 255;
   return [o, a, u];
-}, Ne = (t) => {
-  const [e, r, o] = tt(t);
+}, Ge = (t) => {
+  const [e, r, o] = at(t);
   return `${e}, ${r}, ${o}`;
-}, Uo = (t, e, r) => {
-  const o = t / 255, a = e / 255, u = r / 255, s = Math.max(o, a, u), c = Math.min(o, a, u), l = s - c;
-  let d = 0, n = 0;
-  const i = (s + c) / 2;
+}, la = (t, e, r) => {
+  const o = t / 255, a = e / 255, u = r / 255, d = Math.max(o, a, u), c = Math.min(o, a, u), l = d - c;
+  let i = 0, n = 0;
+  const s = (d + c) / 2;
   if (l !== 0) {
-    switch (n = l / (1 - Math.abs(2 * i - 1)), s) {
+    switch (n = l / (1 - Math.abs(2 * s - 1)), d) {
       case o:
-        d = (a - u) / l % 6;
+        i = (a - u) / l % 6;
         break;
       case a:
-        d = (u - o) / l + 2;
+        i = (u - o) / l + 2;
         break;
       case u:
-        d = (o - a) / l + 4;
+        i = (o - a) / l + 4;
         break;
     }
-    d *= 60, d < 0 && (d += 360);
+    i *= 60, i < 0 && (i += 360);
   }
-  return [d, n * 100, i * 100];
-}, Zo = (t, e, r) => {
-  const o = e / 100, a = r / 100, u = (1 - Math.abs(2 * a - 1)) * o, s = u * (1 - Math.abs(t / 60 % 2 - 1)), c = a - u / 2;
-  let l = 0, d = 0, n = 0;
-  t >= 0 && t < 60 ? (l = u, d = s, n = 0) : t >= 60 && t < 120 ? (l = s, d = u, n = 0) : t >= 120 && t < 180 ? (l = 0, d = u, n = s) : t >= 180 && t < 240 ? (l = 0, d = s, n = u) : t >= 240 && t < 300 ? (l = s, d = 0, n = u) : (l = u, d = 0, n = s);
-  const i = Math.round((l + c) * 255), v = Math.round((d + c) * 255), p = Math.round((n + c) * 255);
-  return [i, v, p];
-}, Jo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Qo = (t, e, r) => Math.min(r, Math.max(e, t)), ea = (t, e) => {
-  const r = Ee(t);
+  return [i, n * 100, s * 100];
+}, na = (t, e, r) => {
+  const o = e / 100, a = r / 100, u = (1 - Math.abs(2 * a - 1)) * o, d = u * (1 - Math.abs(t / 60 % 2 - 1)), c = a - u / 2;
+  let l = 0, i = 0, n = 0;
+  t >= 0 && t < 60 ? (l = u, i = d, n = 0) : t >= 60 && t < 120 ? (l = d, i = u, n = 0) : t >= 120 && t < 180 ? (l = 0, i = u, n = d) : t >= 180 && t < 240 ? (l = 0, i = d, n = u) : t >= 240 && t < 300 ? (l = d, i = 0, n = u) : (l = u, i = 0, n = d);
+  const s = Math.round((l + c) * 255), v = Math.round((i + c) * 255), b = Math.round((n + c) * 255);
+  return [s, v, b];
+}, sa = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, ia = (t, e, r) => Math.min(r, Math.max(e, t)), da = (t, e) => {
+  const r = Ae(t);
   if (!r)
     return t;
-  const [o, a, u] = tt(r), [s, c, l] = Uo(o, a, u), n = (e - 5) * 7, i = Qo(l + n, 0, 100), [v, p, f] = Zo(s, c, i);
-  return Jo(v, p, f);
-}, Te = (t) => !!t && typeof t == "object" && !Array.isArray(t), He = (t, e) => {
+  const [o, a, u] = at(r), [d, c, l] = la(o, a, u), n = (e - 5) * 7, s = ia(l + n, 0, 100), [v, b, f] = na(d, c, s);
+  return sa(v, b, f);
+}, De = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ke = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
     const a = e[o], u = t[o];
-    Te(u) && Te(a) ? r[o] = He(u, a) : r[o] = a;
+    De(u) && De(a) ? r[o] = Ke(u, a) : r[o] = a;
   }
   return r;
-}, ta = (t) => {
+}, ca = (t) => {
   if (!t)
     return null;
-  if (Te(t) && "preset" in t) {
+  if (De(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -2315,42 +2564,42 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     };
   }
   return { preset: t };
-}, oa = (t) => {
-  const e = [], r = [], o = [], a = [], u = (l) => o.push(l), s = (l) => a.push(l), c = (l, d) => {
+}, ua = (t) => {
+  const e = [], r = [], o = [], a = [], u = (l) => o.push(l), d = (l) => a.push(l), c = (l, i) => {
     if (!(!l || typeof l != "object"))
       for (const n in l) {
-        const i = l[n], v = d.concat([n]);
-        if (Te(i)) {
-          c(i, v);
+        const s = l[n], v = i.concat([n]);
+        if (De(s)) {
+          c(s, v);
           continue;
         }
-        if (i && typeof i == "object") {
-          s(`Theme value "${We(v)}" is not a plain object or string and will be ignored.`);
+        if (s && typeof s == "object") {
+          d(`Theme value "${We(v)}" is not a plain object or string and will be ignored.`);
           continue;
         }
-        if (typeof i != "string") {
-          s(`Theme value "${We(v)}" is not a string and will be ignored.`);
+        if (typeof s != "string") {
+          d(`Theme value "${We(v)}" is not a string and will be ignored.`);
           continue;
         }
-        const f = v.includes("colorScheme") && v.includes("dark") ? r : e, w = Xo(v);
-        if (f.push(`--vf-${w}: ${i}`), v.includes("colors")) {
-          const C = Ee(i);
-          if (!C) {
+        const f = v.includes("colorScheme") && v.includes("dark") ? r : e, C = aa(v);
+        if (f.push(`--vf-${C}: ${s}`), v.includes("colors")) {
+          const $ = Ae(s);
+          if (!$) {
             u(
               `Theme color "${We(v)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (f.push(`--vf-${w}-rgb: ${Ne(C)}`), n !== "white")
+          if (f.push(`--vf-${C}-rgb: ${Ge($)}`), n !== "white")
             for (let S = 1; S < 10; ++S) {
-              const H = ea(C, S);
-              f.push(`--vf-${w}-${S}00: ${H}`), f.push(`--vf-${w}-${S}00-rgb: ${Ne(H)}`);
+              const I = da($, S);
+              f.push(`--vf-${C}-${S}00: ${I}`), f.push(`--vf-${C}-${S}00-rgb: ${Ge(I)}`);
             }
         }
       }
   };
   return c(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
-}, aa = (t) => {
+}, va = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -2358,11 +2607,11 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, ra = (t) => ({
+}, fa = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), la = (t, e, r, o) => {
-  const { baseVars: a, darkVars: u, warnings: s, errors: c } = oa(t), l = aa("vueforge-theme");
+}), pa = (t, e, r, o) => {
+  const { baseVars: a, darkVars: u, warnings: d, errors: c } = ua(t), l = va("vueforge-theme");
   if (!l)
     return;
   if (c.length) {
@@ -2371,35 +2620,35 @@ const Rt = (t, e) => t.strategy ? t.strategy : Lt(e) ? "fixed" : "absolute", ge
     for (const n of c)
       console.warn(`[VueForge] ${n}`);
   }
-  if (s.length)
-    for (const n of s)
+  if (d.length)
+    for (const n of d)
       console.warn(`[VueForge] ${n}`);
-  const d = [];
-  a.length && d.push(`${e} { ${a.join(";")} }`), u.length && d.push(`${r} { ${u.join(";")} }`), l.textContent = d.join(`
+  const i = [];
+  a.length && i.push(`${e} { ${a.join(";")} }`), u.length && i.push(`${r} { ${u.join(";")} }`), l.textContent = i.join(`
 `);
 };
-let fe = null;
-const ot = (t) => {
-  const e = ta(t);
+let me = null;
+const rt = (t) => {
+  const e = ca(t);
   if (!e)
     return;
-  const r = He(e.preset, e.overrides), { selector: o, darkSelector: a } = ra(e);
-  fe = { ...e }, la(r, o, a, e.strict);
-}, qa = (t) => {
-  if (!fe)
+  const r = Ke(e.preset, e.overrides), { selector: o, darkSelector: a } = fa(e);
+  me = { ...e }, pa(r, o, a, e.strict);
+}, nr = (t) => {
+  if (!me)
     return;
-  const e = t.overrides === void 0 ? fe.overrides : He(fe.overrides ?? {}, t.overrides ?? {}), r = {
-    preset: t.preset ?? fe.preset,
+  const e = t.overrides === void 0 ? me.overrides : Ke(me.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? me.preset,
     overrides: e,
-    selector: t.selector ?? fe.selector,
-    darkSelector: t.darkSelector ?? fe.darkSelector
+    selector: t.selector ?? me.selector,
+    darkSelector: t.darkSelector ?? me.darkSelector
   };
-  ot(r);
-}, Ua = () => fe ? { ...fe } : null, Za = {
+  rt(r);
+}, sr = () => me ? { ...me } : null, ir = {
   install(t, e = {}) {
-    e.theme && ot(e.theme);
+    e.theme && rt(e.theme);
   }
-}, Ye = {
+}, je = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -2462,7 +2711,7 @@ const ot = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, na = {
+}, ba = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -2604,11 +2853,11 @@ const ot = (t) => {
       }
     }
   }
-}, sa = {
+}, ma = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, ia = {
+}, ga = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2629,7 +2878,7 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, da = {
+}, ha = {
   gap: "0.375rem",
   textColor: "var(--vf-text-color)",
   labelFontSize: "0.875rem",
@@ -2649,7 +2898,7 @@ const ot = (t) => {
     labelFontSize: "0.9375rem",
     hintFontSize: "0.875rem"
   }
-}, ca = {
+}, ya = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -2672,10 +2921,10 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ua = {
+}, _a = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, va = {
+}, ka = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -2695,7 +2944,7 @@ const ot = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, fa = {
+}, Ca = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -2722,9 +2971,9 @@ const ot = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, pa = {
+}, wa = {
   backgroundColor: "var(--vf-bg-color)"
-}, ba = {
+}, $a = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -2757,7 +3006,7 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ma = {
+}, xa = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.5rem",
@@ -2796,7 +3045,52 @@ const ot = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ga = {
+}, Ba = {
+  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)",
+  searchPadding: "0 0 0.35rem",
+  searchBorderColor: "var(--vf-border-color)",
+  searchBorderRadius: "var(--vf-radii-sm)",
+  clearSize: "1.25rem",
+  clearRadius: "var(--vf-radii-sm)",
+  clearHoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.08)",
+  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)"
+  }
+}, za = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -2846,7 +3140,7 @@ const ot = (t) => {
     fontSize: "var(--vf-sizes-lg-font-size)",
     daySize: "2.2rem"
   }
-}, ha = {
+}, Fa = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -2858,7 +3152,7 @@ const ot = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, ya = {
+}, Sa = {
   size: "1rem",
   dotSize: "0.45rem",
   gap: "0.5rem",
@@ -2872,7 +3166,7 @@ const ot = (t) => {
   dotColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, _a = {
+}, Va = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -2884,7 +3178,7 @@ const ot = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, ka = {
+}, La = {
   gap: "0.75rem",
   listGap: "0.5rem",
   listBorderWidth: "1px",
@@ -2905,7 +3199,7 @@ const ot = (t) => {
   panelBackgroundColor: "transparent",
   panelTextColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, Ca = {
+}, Ta = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -2916,7 +3210,7 @@ const ot = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, wa = {
+}, Ra = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -2955,7 +3249,7 @@ const ot = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, $a = {
+}, Pa = {
   gap: "0.75rem",
   padding: "0.75rem 0.9rem",
   borderRadius: "var(--vf-radii-md)",
@@ -2993,58 +3287,60 @@ const ot = (t) => {
     borderColor: "rgba(var(--vf-red-600-rgb), 0.45)",
     textColor: "var(--vf-text-color)"
   }
-}, Ja = {
-  ...Ye,
+}, dr = {
+  ...je,
   components: {
-    base: Ye,
-    button: na,
-    card: sa,
-    input: ia,
-    formField: da,
-    textarea: ca,
-    link: ua,
-    menu: va,
-    modal: fa,
-    popover: pa,
-    select: ba,
-    autocomplete: ma,
-    datepicker: ga,
-    checkbox: ha,
-    radio: ya,
-    switch: _a,
-    tabs: ka,
-    tooltip: Ca,
-    toast: wa,
-    alert: $a
+    base: je,
+    button: ba,
+    card: ma,
+    input: ga,
+    formField: ha,
+    textarea: ya,
+    link: _a,
+    menu: ka,
+    modal: Ca,
+    popover: wa,
+    select: $a,
+    autocomplete: xa,
+    multiselect: Ba,
+    datepicker: za,
+    checkbox: Fa,
+    radio: Sa,
+    switch: Va,
+    tabs: La,
+    tooltip: Ta,
+    toast: Ra,
+    alert: Pa
   }
 };
 export {
-  Na as Alert,
-  Da as Autocomplete,
-  Sa as Button,
+  tr as Alert,
+  Na as Autocomplete,
+  Wa as Button,
   ht as Card,
-  Pa as Checkbox,
-  Ia as DatePicker,
-  Ja as DefaultTheme,
-  Ta as FormField,
-  Va as Input,
-  Ue as Link,
-  Fa as Menu,
-  ja as Modal,
-  Ga as Popover,
-  Oa as RadioButton,
-  Wa as RadioGroup,
-  Ra as Select,
-  Ya as Switch,
-  Ea as Tab,
-  Ha as TabPanel,
-  Ma as Tabs,
-  La as Textarea,
-  Aa as Toast,
-  Ka as ToastContainer,
-  Xa as Tooltip,
-  Za as VueForge,
-  Ua as getTheme,
-  ot as setTheme,
-  qa as updateTheme
+  ja as Checkbox,
+  Ga as DatePicker,
+  dr as DefaultTheme,
+  Ha as FormField,
+  Ma as Input,
+  Je as Link,
+  Ea as Menu,
+  rr as Modal,
+  Ya as MultiSelect,
+  ar as Popover,
+  qa as RadioButton,
+  Xa as RadioGroup,
+  Ka as Select,
+  or as Switch,
+  Za as Tab,
+  Ja as TabPanel,
+  Ua as Tabs,
+  Aa as Textarea,
+  Qa as Toast,
+  er as ToastContainer,
+  lr as Tooltip,
+  ir as VueForge,
+  sr as getTheme,
+  rt as setTheme,
+  nr as updateTheme
 };