@codemonster-ru/vueforge 0.15.0 → 0.17.0

package/dist/index.ts.mjs

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