@codemonster-ru/vueforge 0.11.0 → 0.13.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as j, ref as P, computed as B, watch as ne, resolveComponent as Le, openBlock as m, createElementBlock as k, normalizeClass as L, renderSlot as _, Fragment as ce, createTextVNode as ae, toDisplayString as X, createBlock as I, withCtx as te, createCommentVNode as $, createElementVNode as R, renderList as Ve, withKeys as re, withModifiers as le, unref as ie, createVNode as We, nextTick as _e, onMounted as Oe, onBeforeUnmount as $e, Teleport as xe, withDirectives as ke, vShow as Ce, reactive as Ke, createSlots as Ge, useSlots as Ue } from "vue";
-import { useRoute as qe, useRouter as Ze } from "vue-router";
+import { defineComponent as I, ref as P, computed as y, watch as ne, resolveComponent as We, openBlock as g, createElementBlock as k, normalizeClass as V, renderSlot as w, Fragment as ce, createTextVNode as Q, toDisplayString as A, createBlock as N, withCtx as oe, createCommentVNode as z, createElementVNode as S, renderList as He, withKeys as ae, withModifiers as le, unref as ie, createVNode as Ie, nextTick as we, onMounted as Oe, onBeforeUnmount as $e, Teleport as xe, withDirectives as ve, vShow as pe, provide as Ee, inject as Be, reactive as Ze, createSlots as Je, useSlots as Qe } from "vue";
+import { useRoute as et, useRouter as tt } from "vue-router";
 import { CmIcon as de } from "@codemonster-ru/vueiconify";
-const Je = ["href", "aria-disabled", "tabindex"], He = /* @__PURE__ */ j({
+const ot = ["href", "aria-disabled", "tabindex"], Pe = /* @__PURE__ */ I({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,96 +15,96 @@ const Je = ["href", "aria-disabled", "tabindex"], He = /* @__PURE__ */ j({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, l = qe(), c = Ze(), i = P(null), u = B(() => o.href ?? o.url), n = B(() => 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 = B(() => o.to), a = B(() => o.to ? c.resolve(o.to) : null), s = B(() => {
-      if (n.value !== "router-link")
+    const r = e, o = t, a = et(), c = tt(), i = P(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"), u = y(() => o.to), s = y(() => o.to ? c.resolve(o.to) : null), n = y(() => {
+      if (l.value !== "router-link")
         return !1;
-      const p = a.value;
-      return p ? p.name ? l.matched.some(({ name: C }) => C === p.name) : p.fullPath ? l.fullPath === p.fullPath : l.path === p.path : !1;
-    }), v = B(() => o.active === void 0 ? s.value : o.active), f = (p) => {
+      const v = s.value;
+      return v ? v.name ? a.matched.some(({ name: C }) => C === v.name) : v.fullPath ? a.fullPath === v.fullPath : a.path === v.path : !1;
+    }), f = y(() => o.active === void 0 ? n.value : o.active), p = (v) => {
       if (!o.disabled) {
-        r("click", p);
+        r("click", v);
         return;
       }
-      p.preventDefault(), p.stopPropagation();
+      v.preventDefault(), v.stopPropagation();
     };
-    return ne(s, (p) => {
-      p && (r("active"), r("onActive")), r("update:active", p);
-    }), (p, C) => {
-      const b = Le("router-link");
-      return n.value === "a" ? (m(), k("a", {
+    return ne(n, (v) => {
+      v && (r("active"), r("onActive")), r("update:active", v);
+    }), (v, C) => {
+      const h = We("router-link");
+      return l.value === "a" ? (g(), k("a", {
         key: 0,
-        href: u.value,
-        class: L(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": p.disabled }]),
-        "aria-disabled": p.disabled,
-        tabindex: p.disabled ? -1 : void 0,
-        onClick: f
+        href: d.value,
+        class: V(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": v.disabled }]),
+        "aria-disabled": v.disabled,
+        tabindex: v.disabled ? -1 : void 0,
+        onClick: p
       }, [
-        p.$slots.default ? _(p.$slots, "default", { key: 0 }) : (m(), k(ce, { key: 1 }, [
-          ae(X(p.label), 1)
+        v.$slots.default ? w(v.$slots, "default", { key: 0 }) : (g(), k(ce, { key: 1 }, [
+          Q(A(v.label), 1)
         ], 64))
-      ], 10, Je)) : (m(), I(b, {
+      ], 10, ot)) : (g(), N(h, {
         key: 1,
         ref_key: "link",
         ref: i,
-        to: d.value,
-        class: L(["vf-link", { "vf-link_active": v.value }]),
-        "aria-disabled": p.disabled,
-        tabindex: p.disabled ? -1 : void 0,
+        to: u.value,
+        class: V(["vf-link", { "vf-link_active": f.value }]),
+        "aria-disabled": v.disabled,
+        tabindex: v.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active",
-        onClick: f
+        onClick: p
       }, {
-        default: te(() => [
-          p.$slots.default ? _(p.$slots, "default", { key: 0 }) : (m(), k(ce, { key: 1 }, [
-            ae(X(p.label), 1)
+        default: oe(() => [
+          v.$slots.default ? w(v.$slots, "default", { key: 0 }) : (g(), k(ce, { key: 1 }, [
+            Q(A(v.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), Qe = (t, e) => {
+}), rt = (t, e) => {
   const r = t.__vccOpts || t;
-  for (const [o, l] of e)
-    r[o] = l;
+  for (const [o, a] of e)
+    r[o] = a;
   return r;
-}, et = {}, tt = { class: "vf-card" }, ot = {
+}, at = {}, lt = { class: "vf-card" }, nt = {
   key: 0,
   class: "vf-card__default"
-}, rt = {
+}, st = {
   key: 1,
   class: "vf-card__header"
-}, lt = {
+}, it = {
   key: 2,
   class: "vf-card__body"
-}, nt = {
+}, dt = {
   key: 3,
   class: "vf-card__footer"
 };
-function at(t, e) {
-  return m(), k("div", tt, [
-    t.$slots.default ? (m(), k("div", ot, [
-      _(t.$slots, "default")
-    ])) : $("", !0),
-    t.$slots.header ? (m(), k("div", rt, [
-      _(t.$slots, "header")
-    ])) : $("", !0),
-    t.$slots.body ? (m(), k("div", lt, [
-      _(t.$slots, "body")
-    ])) : $("", !0),
-    t.$slots.footer ? (m(), k("div", nt, [
-      _(t.$slots, "footer")
-    ])) : $("", !0)
+function ct(t, e) {
+  return g(), k("div", lt, [
+    t.$slots.default ? (g(), k("div", nt, [
+      w(t.$slots, "default")
+    ])) : z("", !0),
+    t.$slots.header ? (g(), k("div", st, [
+      w(t.$slots, "header")
+    ])) : z("", !0),
+    t.$slots.body ? (g(), k("div", it, [
+      w(t.$slots, "body")
+    ])) : z("", !0),
+    t.$slots.footer ? (g(), k("div", dt, [
+      w(t.$slots, "footer")
+    ])) : z("", !0)
   ]);
 }
-const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
+const ut = /* @__PURE__ */ rt(at, [["render", ct]]), ft = {
   class: "vf-menu__list",
   role: "menu"
-}, dt = {
+}, vt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, ct = ["aria-expanded", "onClick", "onKeydown"], So = /* @__PURE__ */ j({
+}, pt = ["aria-expanded", "onClick", "onKeydown"], Do = /* @__PURE__ */ I({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,87 +113,87 @@ const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, l = P([]), c = (a, s) => `${a.label ?? a.to ?? a.href ?? a.url ?? "item"}_${s.toString()}`, i = (a) => a.to ? "router-link" : "a", u = (a) => a.map((s) => ({
-      ...s,
-      items: s.items ? u(s.items) : void 0
-    })), n = (a) => {
-      a.items && a.items.length ? (l.value.map((s) => {
-        s !== a && (s.subMenuVisible = !1);
-      }), a.subMenuVisible = !a.subMenuVisible) : Object.prototype.hasOwnProperty.call(a, "command") && typeof a.command == "function" && a.command();
-    }, d = (a) => {
-      var s;
-      for (const v in l.value) {
-        const f = l.value[v];
-        Object.prototype.hasOwnProperty.call(f, "items") && ((s = f.items) != null && s.some((p) => p === a) ? (f.active = !0, f.subMenuVisible = !0) : (f.active = !1, f.subMenuVisible = !1));
+    const r = e, o = t, a = P([]), c = (s, n) => `${s.label ?? s.to ?? s.href ?? s.url ?? "item"}_${n.toString()}`, i = (s) => s.to ? "router-link" : "a", d = (s) => s.map((n) => ({
+      ...n,
+      items: n.items ? d(n.items) : void 0
+    })), l = (s) => {
+      s.items && s.items.length ? (a.value.map((n) => {
+        n !== s && (n.subMenuVisible = !1);
+      }), s.subMenuVisible = !s.subMenuVisible) : Object.prototype.hasOwnProperty.call(s, "command") && typeof s.command == "function" && s.command();
+    }, u = (s) => {
+      var n;
+      for (const f in a.value) {
+        const p = a.value[f];
+        Object.prototype.hasOwnProperty.call(p, "items") && ((n = p.items) != null && n.some((v) => v === s) ? (p.active = !0, p.subMenuVisible = !0) : (p.active = !1, p.subMenuVisible = !1));
       }
-      r("active", a), r("onActive", a);
+      r("active", s), r("onActive", s);
     };
     return ne(
       () => o.items,
-      (a) => {
-        l.value = u(a);
+      (s) => {
+        a.value = d(s);
       },
       { deep: !0, immediate: !0 }
-    ), (a, s) => {
-      const v = Le("VfMenu");
-      return m(), k("div", {
-        class: L(["vf-menu", `vf-menu_${a.orientation}`])
+    ), (s, n) => {
+      const f = We("VfMenu");
+      return g(), k("div", {
+        class: V(["vf-menu", `vf-menu_${s.orientation}`])
       }, [
-        R("ul", it, [
-          (m(!0), k(ce, null, Ve(l.value, (f, p) => (m(), k("li", {
-            key: c(f, p),
+        S("ul", ft, [
+          (g(!0), k(ce, null, He(a.value, (p, v) => (g(), k("li", {
+            key: c(p, v),
             class: "vf-menu__item",
             role: "none"
           }, [
-            a.$slots[c(f, p)] ? _(a.$slots, c(f, p), {
+            s.$slots[c(p, v)] ? w(s.$slots, c(p, v), {
               key: 0,
-              item: { ...f, class: "vf-menu__link" }
-            }) : f.separator ? (m(), k("hr", dt)) : f.items && f.items.length ? (m(), k(ce, { key: 2 }, [
-              R("div", {
-                class: L(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
+              item: { ...p, class: "vf-menu__link" }
+            }) : p.separator ? (g(), k("hr", vt)) : p.items && p.items.length ? (g(), k(ce, { key: 2 }, [
+              S("div", {
+                class: V(["vf-menu__parent", { "vf-menu__parent_active": p.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": f.subMenuVisible ? "true" : "false",
-                onClick: (C) => n(f),
+                "aria-expanded": p.subMenuVisible ? "true" : "false",
+                onClick: (C) => l(p),
                 onKeydown: [
-                  re(le((C) => n(f), ["prevent"]), ["enter"]),
-                  re(le((C) => n(f), ["prevent"]), ["space"])
+                  ae(le((C) => l(p), ["prevent"]), ["enter"]),
+                  ae(le((C) => l(p), ["prevent"]), ["space"])
                 ]
               }, [
-                f.icon ? (m(), I(ie(de), {
+                p.icon ? (g(), N(ie(de), {
                   key: 0,
-                  icon: f.icon,
+                  icon: p.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : $("", !0),
-                ae(" " + X(f.label) + " ", 1),
-                We(ie(de), { icon: "chevronDown" })
-              ], 42, ct),
-              f.items ? (m(), I(v, {
+                }, null, 8, ["icon"])) : z("", !0),
+                Q(" " + A(p.label) + " ", 1),
+                Ie(ie(de), { icon: "chevronDown" })
+              ], 42, pt),
+              p.items ? (g(), N(f, {
                 key: 0,
-                items: f.items,
-                class: L(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
-                onOnActive: d
-              }, null, 8, ["items", "class"])) : $("", !0)
-            ], 64)) : (m(), I(He, {
+                items: p.items,
+                class: V(["vf-menu__submenu", { "vf-menu__submenu_visible": p.subMenuVisible }]),
+                onOnActive: u
+              }, null, 8, ["items", "class"])) : z("", !0)
+            ], 64)) : (g(), N(Pe, {
               key: 3,
-              to: f.to,
-              href: f.href ?? f.url,
-              as: i(f),
+              to: p.to,
+              href: p.href ?? p.url,
+              as: i(p),
               class: "vf-menu__link",
-              active: f.active,
-              disabled: f.disabled,
+              active: p.active,
+              disabled: p.disabled,
               role: "menuitem",
-              "aria-disabled": f.disabled ? "true" : "false",
-              onClick: (C) => n(f),
-              onActive: (C) => d(f)
+              "aria-disabled": p.disabled ? "true" : "false",
+              onClick: (C) => l(p),
+              onActive: (C) => u(p)
             }, {
-              default: te(() => [
-                f.icon ? (m(), I(ie(de), {
+              default: oe(() => [
+                p.icon ? (g(), N(ie(de), {
                   key: 0,
-                  icon: f.icon,
+                  icon: p.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : $("", !0),
-                ae(" " + X(f.label), 1)
+                }, null, 8, ["icon"])) : z("", !0),
+                Q(" " + A(p.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
       ], 2);
     };
   }
-}), ut = ["type", "disabled"], To = /* @__PURE__ */ j({
+}), bt = ["type", "disabled"], Ko = /* @__PURE__ */ I({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,70 +221,70 @@ const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = ["button", "submit", "reset"], o = (a) => !!a && r.includes(a), l = B(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), c = B(() => o(e.type) ? e.type : "button"), i = B(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), u = B(() => {
-      let a = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && a.push("vf-button_vertical"), e.variant === "text" && a.push("vf-button_text"), e.variant === "outlined" && a.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && a.push(`vf-button_${e.size}`), (e.loading || e.disabled) && a.push("vf-button_disabled"), e.rounded && a.push("vf-button_rounded"), a;
-    }), n = B(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), d = B(() => ["vf-button__label"]);
-    return (a, s) => l.value ? (m(), k("button", {
+    const e = t, r = ["button", "submit", "reset"], o = (s) => !!s && r.includes(s), a = y(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), c = 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(() => {
+      let s = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && s.push("vf-button_vertical"), e.variant === "text" && s.push("vf-button_text"), e.variant === "outlined" && s.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && s.push(`vf-button_${e.size}`), (e.loading || e.disabled) && s.push("vf-button_disabled"), e.rounded && s.push("vf-button_rounded"), s;
+    }), l = y(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = y(() => ["vf-button__label"]);
+    return (s, n) => a.value ? (g(), k("button", {
       key: 0,
       type: c.value,
-      class: L(u.value),
+      class: V(d.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (m(), I(ie(de), {
+      e.icon && !e.loading ? (g(), N(ie(de), {
         key: 0,
         icon: e.icon,
-        class: L(n.value)
-      }, null, 8, ["icon", "class"])) : $("", !0),
-      e.loading ? (m(), I(ie(de), {
+        class: V(l.value)
+      }, null, 8, ["icon", "class"])) : z("", !0),
+      e.loading ? (g(), N(ie(de), {
         key: 1,
         icon: "circleNotch",
-        class: L(n.value),
+        class: V(l.value),
         spin: ""
-      }, null, 8, ["class"])) : $("", !0),
-      a.$slots.default ? (m(), k("span", {
+      }, null, 8, ["class"])) : z("", !0),
+      s.$slots.default ? (g(), k("span", {
         key: 2,
-        class: L(d.value)
+        class: V(u.value)
       }, [
-        _(a.$slots, "default")
-      ], 2)) : a.label ? (m(), k("span", {
+        w(s.$slots, "default")
+      ], 2)) : s.label ? (g(), k("span", {
         key: 3,
-        class: L(d.value)
-      }, X(a.label), 3)) : $("", !0)
-    ], 10, ut)) : (m(), I(He, {
+        class: V(u.value)
+      }, A(s.label), 3)) : z("", !0)
+    ], 10, bt)) : (g(), N(Pe, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
       as: i.value,
-      class: L(u.value),
+      class: V(d.value),
       disabled: e.loading || e.disabled
     }, {
-      default: te(() => [
-        e.icon ? (m(), I(ie(de), {
+      default: oe(() => [
+        e.icon ? (g(), N(ie(de), {
           key: 0,
           icon: e.icon,
-          class: L(n.value)
-        }, null, 8, ["icon", "class"])) : $("", !0),
-        a.$slots.default ? (m(), k("span", {
+          class: V(l.value)
+        }, null, 8, ["icon", "class"])) : z("", !0),
+        s.$slots.default ? (g(), k("span", {
           key: 1,
-          class: L(d.value)
+          class: V(u.value)
         }, [
-          _(a.$slots, "default")
-        ], 2)) : a.label ? (m(), k("span", {
+          w(s.$slots, "default")
+        ], 2)) : s.label ? (g(), k("span", {
           key: 2,
-          class: L(d.value)
-        }, X(a.label), 3)) : $("", !0)
+          class: V(u.value)
+        }, A(s.label), 3)) : z("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), ft = {
+}), gt = {
   key: 0,
   class: "vf-input__prefix"
-}, vt = ["type", "value", "placeholder", "disabled", "readonly"], pt = {
+}, mt = ["type", "value", "placeholder", "disabled", "readonly"], ht = {
   key: 1,
   class: "vf-input__suffix"
-}, Ro = /* @__PURE__ */ j({
+}, No = /* @__PURE__ */ I({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -297,37 +297,37 @@ const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
-    const r = e, o = t, l = B(() => {
-      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;
-    }), c = (d) => {
-      const a = d.target;
-      r("update:modelValue", a.value), r("input", d);
-    }, i = (d) => r("change", d), u = (d) => r("focus", d), n = (d) => r("blur", d);
-    return (d, a) => (m(), k("div", {
-      class: L(l.value)
+    const r = e, o = t, a = y(() => {
+      const u = ["vf-input", `vf-input_${o.variant}`];
+      return o.size !== "normal" && u.push(`vf-input_${o.size}`), o.disabled && u.push("vf-input_disabled"), u;
+    }), c = (u) => {
+      const s = u.target;
+      r("update:modelValue", s.value), r("input", u);
+    }, i = (u) => r("change", u), d = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, s) => (g(), k("div", {
+      class: V(a.value)
     }, [
-      d.$slots.prefix ? (m(), k("span", ft, [
-        _(d.$slots, "prefix")
-      ])) : $("", !0),
-      R("input", {
+      u.$slots.prefix ? (g(), k("span", gt, [
+        w(u.$slots, "prefix")
+      ])) : z("", !0),
+      S("input", {
         class: "vf-input__control",
-        type: d.type,
-        value: d.modelValue,
-        placeholder: d.placeholder,
-        disabled: d.disabled,
-        readonly: d.readonly,
+        type: u.type,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        readonly: u.readonly,
         onInput: c,
         onChange: i,
-        onFocus: u,
-        onBlur: n
-      }, null, 40, vt),
-      d.$slots.suffix ? (m(), k("span", pt, [
-        _(d.$slots, "suffix")
-      ])) : $("", !0)
+        onFocus: d,
+        onBlur: l
+      }, null, 40, mt),
+      u.$slots.suffix ? (g(), k("span", ht, [
+        w(u.$slots, "suffix")
+      ])) : z("", !0)
     ], 2));
   }
-}), gt = ["value", "placeholder", "disabled", "readonly", "rows"], Lo = /* @__PURE__ */ j({
+}), yt = ["value", "placeholder", "disabled", "readonly", "rows"], Xo = /* @__PURE__ */ I({
   __name: "textarea",
   props: {
     modelValue: { default: "" },
@@ -340,31 +340,31 @@ const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
-    const r = e, o = t, l = B(() => {
-      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;
-    }), c = (d) => {
-      const a = d.target;
-      r("update:modelValue", a.value), r("input", d);
-    }, i = (d) => r("change", d), u = (d) => r("focus", d), n = (d) => r("blur", d);
-    return (d, a) => (m(), k("div", {
-      class: L(l.value)
+    const r = e, o = t, a = y(() => {
+      const u = ["vf-textarea", `vf-textarea_${o.variant}`];
+      return o.size !== "normal" && u.push(`vf-textarea_${o.size}`), o.disabled && u.push("vf-textarea_disabled"), u;
+    }), c = (u) => {
+      const s = u.target;
+      r("update:modelValue", s.value), r("input", u);
+    }, i = (u) => r("change", u), d = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, s) => (g(), k("div", {
+      class: V(a.value)
     }, [
-      R("textarea", {
+      S("textarea", {
         class: "vf-textarea__control",
-        value: d.modelValue,
-        placeholder: d.placeholder,
-        disabled: d.disabled,
-        readonly: d.readonly,
-        rows: d.rows,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        readonly: u.readonly,
+        rows: u.rows,
         onInput: c,
         onChange: i,
-        onFocus: u,
-        onBlur: n
-      }, null, 40, gt)
+        onFocus: d,
+        onBlur: l
+      }, null, 40, yt)
     ], 2));
   }
-}), ze = [
+}), Ve = [
   "top",
   "top-start",
   "top-end",
@@ -387,16 +387,16 @@ const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
   }
   return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : q(t.parentNode);
 };
-function ht(t) {
+function kt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q = (t, e) => mt(t, e) === "fixed", A = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), l = e ? e.offsetParent : null, c = e ? Q(r, e) : !1;
-  if (l && !c) {
-    const i = l.getBoundingClientRect(), u = l.scrollLeft, n = l.scrollTop;
+const Ct = (t, e) => t.strategy ? t.strategy : kt(e) ? "fixed" : "absolute", ee = (t, e) => Ct(t, e) === "fixed", D = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), a = e ? e.offsetParent : null, c = e ? ee(r, e) : !1;
+  if (a && !c) {
+    const i = a.getBoundingClientRect(), d = a.scrollLeft, l = a.scrollTop;
     return {
-      left: o.left - i.left + u,
-      top: o.top - i.top + n,
+      left: o.left - i.left + d,
+      top: o.top - i.top + l,
       width: o.width,
       height: o.height
     };
@@ -407,15 +407,15 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
     width: o.width,
     height: o.height
   };
-}, oe = (t, e) => {
+}, re = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Ee = (t, e) => !!oe(t, e), bt = (t) => {
+}, Ae = (t, e) => !!re(t, e), _t = (t) => {
   const e = q(t);
   let r = "";
   return e !== null && ((e.dataset.scrollTop === void 0 || e.scrollTop === +e.dataset.scrollTop) && (e.dataset.scrollTop = "0"), (e.dataset.scrollLeft === void 0 || e.scrollLeft === +e.dataset.scrollLeft) && (e.dataset.scrollLeft = "0"), e.scrollTop > +e.dataset.scrollTop ? r = "bottom" : e.scrollTop < +e.dataset.scrollTop ? r = "top" : e.scrollLeft > +e.dataset.scrollLeft ? r = "right" : e.scrollLeft < +e.dataset.scrollLeft && (r = "left"), e.dataset.scrollTop = e.scrollTop <= 0 ? "0" : e.scrollTop.toString(), e.dataset.scrollLeft = e.scrollLeft <= 0 ? "0" : e.scrollLeft.toString()), r;
-}, he = (t) => t.scrollLeft + t.clientWidth, me = (t) => t.scrollTop + t.clientHeight, K = (t, e, r = null, o = {}, l) => {
-  if (r === null && typeof window < "u" && Q(o, e))
+}, he = (t) => t.scrollLeft + t.clientWidth, ye = (t) => t.scrollTop + t.clientHeight, j = (t, e, r = null, o = {}, a) => {
+  if (r === null && typeof window < "u" && ee(o, e))
     return t;
   let c = 0;
   if (r === null) {
@@ -423,9 +423,9 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
     c = i ? i.scrollTop : 0;
   }
   return t - c;
-}, G = (t, e, r = null, o = {}, l) => {
+}, G = (t, e, r = null, o = {}, a) => {
   let c;
-  if (r === null && typeof window < "u" && Q(o, e))
+  if (r === null && typeof window < "u" && ee(o, e))
     c = window.innerWidth;
   else if (r === null) {
     const i = q(e);
@@ -433,18 +433,18 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
   } else
     c = r.getBoundingClientRect().width;
   return -(t + e.clientWidth - c);
-}, Z = (t, e, r = null, o = {}, l) => {
+}, Z = (t, e, r = null, o = {}, a) => {
   let c;
-  if (r === null && typeof window < "u" && Q(o, e))
+  if (r === null && typeof window < "u" && ee(o, e))
     c = window.innerHeight;
   else if (r === null) {
     const i = q(e);
-    c = i ? me(i) : 0;
+    c = i ? ye(i) : 0;
   } else
     c = r.getBoundingClientRect().height;
   return -(t + e.clientHeight - c);
-}, U = (t, e, r = null, o = {}, l) => {
-  if (r === null && typeof window < "u" && Q(o, e))
+}, U = (t, e, r = null, o = {}, a) => {
+  if (r === null && typeof window < "u" && ee(o, e))
     return t;
   let c = 0;
   if (r === null) {
@@ -452,34 +452,34 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
     c = i ? i.scrollLeft : 0;
   }
   return t - c;
-}, Se = ({
+}, Te = ({
   options: t,
   primaryX: e,
   primaryY: r,
   floating: o,
-  placement: l,
+  placement: a,
   reference: c,
   scrollDirection: i
 }) => {
-  const u = be(c, o, l, t), n = oe(t, "offset");
-  if (n) {
-    const d = n.fn({
-      x: u.x,
-      y: u.y,
+  const d = ke(c, o, a, t), l = re(t, "offset");
+  if (l) {
+    const u = l.fn({
+      x: d.x,
+      y: d.y,
       options: t,
       primaryX: e,
       primaryY: r,
       floating: o,
-      placement: l,
+      placement: a,
       reference: c,
       scrollDirection: i
     });
-    u.x = d.x, u.y = d.y;
+    d.x = u.x, d.y = u.y;
   }
-  return Wt(u, o, c, t) ? {
-    x: u.x,
-    y: u.y,
-    placement: l
+  return Et(d, o, c, t) ? {
+    x: d.x,
+    y: d.y,
+    placement: a
   } : !1;
 }, Me = (t) => ({
   name: "flip",
@@ -488,295 +488,295 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
     x: e,
     y: r,
     options: o,
-    primaryX: l,
+    primaryX: a,
     primaryY: c,
     floating: i,
-    placement: u,
-    reference: n,
-    scrollDirection: d
+    placement: d,
+    reference: l,
+    scrollDirection: u
   }) => {
-    var a;
-    const s = {
+    var s;
+    const n = {
       x: e,
       y: r,
-      placement: u
-    }, v = {
+      placement: d
+    }, f = {
       ...o,
-      middleware: (a = o.middleware) == null ? void 0 : a.filter((z) => z.name !== "shift")
-    }, f = (t == null ? void 0 : t.placements) ?? ze, p = !(t != null && t.placements), C = p ? ze : f;
-    let b = !1;
-    const x = (z) => {
-      if (b)
+      middleware: (s = o.middleware) == null ? void 0 : s.filter(($) => $.name !== "shift")
+    }, p = (t == null ? void 0 : t.placements) ?? Ve, v = !(t != null && t.placements), C = v ? Ve : p;
+    let h = !1;
+    const F = ($) => {
+      if (h)
         return;
-      const S = Se({
-        options: v,
-        primaryX: l,
+      const T = Te({
+        options: f,
+        primaryX: a,
         primaryY: c,
         floating: i,
-        placement: z,
-        reference: n,
-        scrollDirection: d
+        placement: $,
+        reference: l,
+        scrollDirection: u
       });
-      S && (s.x = S.x, s.y = S.y, s.placement = S.placement, b = !0);
-    }, V = Ht(n, i, v);
-    if (!p && f.includes(u) && x(u), b || C.forEach(x), !b) {
-      const z = f.reduce(
-        (S, w) => {
-          const F = Se({
-            options: v,
-            primaryX: l,
+      T && (n.x = T.x, n.y = T.y, n.placement = T.placement, h = !0);
+    }, R = At(l, i, f);
+    if (!v && p.includes(d) && F(d), h || C.forEach(F), !h) {
+      const $ = p.reduce(
+        (T, x) => {
+          const B = Te({
+            options: f,
+            primaryX: a,
             primaryY: c,
             floating: i,
-            placement: w,
-            reference: n,
-            scrollDirection: d
+            placement: x,
+            reference: l,
+            scrollDirection: u
           });
-          if (!F)
-            return S;
-          const O = fe(w), W = V[O];
-          return !S || W > S.space ? { result: F, space: W } : S;
+          if (!B)
+            return T;
+          const H = fe(x), L = R[H];
+          return !T || L > T.space ? { result: B, space: L } : T;
         },
         null
       );
-      z && (s.x = z.result.x, s.y = z.result.y, s.placement = z.result.placement, b = !0);
+      $ && (n.x = $.result.x, n.y = $.result.y, n.placement = $.result.placement, h = !0);
     }
-    if (!b && f.length > 0) {
-      const z = fe(u);
-      let S = z, w = V[z];
-      f.forEach((h) => {
-        const g = fe(h), y = V[g];
-        y > w && (w = y, S = g);
+    if (!h && p.length > 0) {
+      const $ = fe(d);
+      let T = $, x = R[$];
+      p.forEach((m) => {
+        const b = fe(m), _ = R[b];
+        _ > x && (x = _, T = b);
       });
-      const F = Ot(S, u, f), O = be(n, i, F, v), W = oe(v, "offset");
-      if (W) {
-        const h = W.fn({
-          x: O.x,
-          y: O.y,
-          options: v,
-          primaryX: l,
+      const B = Pt(T, d, p), H = ke(l, i, B, f), L = re(f, "offset");
+      if (L) {
+        const m = L.fn({
+          x: H.x,
+          y: H.y,
+          options: f,
+          primaryX: a,
           primaryY: c,
           floating: i,
-          placement: F,
-          reference: n,
-          scrollDirection: d
+          placement: B,
+          reference: l,
+          scrollDirection: u
         });
-        O.x = h.x, O.y = h.y;
+        H.x = m.x, H.y = m.y;
       }
-      s.x = O.x, s.y = O.y, s.placement = O.placement;
+      n.x = H.x, n.y = H.y, n.placement = H.placement;
     }
-    return s;
+    return n;
   }
-}), Pe = (t, e, r, o, l) => {
-  var c, i, u;
-  let n = 0;
-  o.startsWith("right") ? n = -t : o.startsWith("left") && (n = t);
-  const d = oe(e, "arrow"), a = oe(e, "shift");
-  if (d) {
-    const s = ((c = d.params) == null ? void 0 : c.arrow).getBoundingClientRect();
-    o.startsWith("right") ? n -= s.width / 2 : o.startsWith("left") && (n += s.width / 2);
+}), De = (t, e, r, o, a) => {
+  var c, i, d;
+  let l = 0;
+  o.startsWith("right") ? l = -t : o.startsWith("left") && (l = t);
+  const u = re(e, "arrow"), s = re(e, "shift");
+  if (u) {
+    const n = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= n.width / 2 : o.startsWith("left") && (l += n.width / 2);
   }
-  if (Ee(e, "shift") && d) {
-    let s = null, v = 0;
-    a && (s = (i = a.params) == null ? void 0 : i.parent);
-    const f = (u = d.params) == null ? void 0 : u.arrow;
-    v = f.getBoundingClientRect().width / 2, v += kt(f), v -= t, o.startsWith("right") ? G(r - n, l, s, e) <= t ? G(r, l, s, e) > 0 ? n = t - G(r, l, s, e) : n = t : U(r - n - v, l, s, e) <= t && (U(r - n - v, l, s, e) >= 0 ? (n = -t - (U(r - n - v, l, s, e) + t), s && (n = -t)) : n = -t) : o.startsWith("left") ? G(r - n + v, l, s, e) <= t ? (n = t + G(r - v, l, s, e), n <= t && (n = t)) : U(r - n, l, s, e) <= t && (n = -t + U(r, l, s, e), n <= -t && (n = -t)) : G(r - n, l, s, e) <= t ? G(r - n, l, s, e) <= t && G(r, l, s, e) > 0 ? n = t - G(r, l, s, e) : n = t : U(r - n, l, s, e) <= t && (U(r - n, l, s, e) <= t && U(r, l, s, e) > 0 ? n = -(t - U(r, l, s, e)) : n = -t);
+  if (Ae(e, "shift") && u) {
+    let n = null, f = 0;
+    s && (n = (i = s.params) == null ? void 0 : i.parent);
+    const p = (d = u.params) == null ? void 0 : d.arrow;
+    f = p.getBoundingClientRect().width / 2, f += $t(p), f -= t, o.startsWith("right") ? G(r - l, a, n, e) <= t ? G(r, a, n, e) > 0 ? l = t - G(r, a, n, e) : l = t : U(r - l - f, a, n, e) <= t && (U(r - l - f, a, n, e) >= 0 ? (l = -t - (U(r - l - f, a, n, e) + t), n && (l = -t)) : l = -t) : o.startsWith("left") ? G(r - l + f, a, n, e) <= t ? (l = t + G(r - f, a, n, e), l <= t && (l = t)) : U(r - l, a, n, e) <= t && (l = -t + U(r, a, n, e), l <= -t && (l = -t)) : G(r - l, a, n, e) <= t ? G(r - l, a, n, e) <= t && G(r, a, n, e) > 0 ? l = t - G(r, a, n, e) : l = t : U(r - l, a, n, e) <= t && (U(r - l, a, n, e) <= t && U(r, a, n, e) > 0 ? l = -(t - U(r, a, n, e)) : l = -t);
   }
-  return n;
-}, Ae = (t, e, r, o, l) => {
-  var c, i, u;
-  let n = 0;
-  o.startsWith("top") ? n = t : o.startsWith("bottom") && (n = -t);
-  const d = oe(e, "arrow"), a = oe(e, "shift");
-  if (d) {
-    const s = ((c = d.params) == null ? void 0 : c.arrow).getBoundingClientRect();
-    o.startsWith("top") ? n += s.height / 2 : o.startsWith("bottom") && (n -= s.height / 2);
+  return l;
+}, Ke = (t, e, r, o, a) => {
+  var c, i, d;
+  let l = 0;
+  o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -t);
+  const u = re(e, "arrow"), s = re(e, "shift");
+  if (u) {
+    const n = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += n.height / 2 : o.startsWith("bottom") && (l -= n.height / 2);
   }
-  if (Ee(e, "shift") && d) {
-    let s = null, v = 0;
-    a && (s = (i = a.params) == null ? void 0 : i.parent);
-    const f = (u = d.params) == null ? void 0 : u.arrow;
-    v = f.getBoundingClientRect().height / 2, v += Ct(f), v -= t, o.startsWith("top") ? K(r - n, l, s, e) <= t ? K(r, l, s, e) >= 0 ? n = -(t - K(r, l, s, e)) : n = -t : Z(r - n + v, l, s, e) <= t && (n = t + Z(r - v, l, s, e), n <= t && (n = t)) : o.startsWith("bottom") ? K(r - n - v, l, s, e) <= t ? K(r - n - v, l, s, e) >= 0 ? (n = -t - (K(r - n - v, l, s, e) + t), s && (n = -t)) : n = -t : Z(r - n, l, s, e) <= t && (Z(r, l, s, e) >= 0 ? n = t - Z(r, l, s, e) : n = t) : K(r - n, l, s, e) <= t ? K(r - n, l, s, e) >= 0 ? n = -(t - K(r - n, l, s, e)) : n = -t : Z(r - n, l, s, e) <= t && (Z(r - n, l, s, e) >= 0 ? n = t - Z(r - n, l, s, e) : n = t);
+  if (Ae(e, "shift") && u) {
+    let n = null, f = 0;
+    s && (n = (i = s.params) == null ? void 0 : i.parent);
+    const p = (d = u.params) == null ? void 0 : d.arrow;
+    f = p.getBoundingClientRect().height / 2, f += xt(p), f -= t, o.startsWith("top") ? j(r - l, a, n, e) <= t ? j(r, a, n, e) >= 0 ? l = -(t - j(r, a, n, e)) : l = -t : Z(r - l + f, a, n, e) <= t && (l = t + Z(r - f, a, n, e), l <= t && (l = t)) : o.startsWith("bottom") ? j(r - l - f, a, n, e) <= t ? j(r - l - f, a, n, e) >= 0 ? (l = -t - (j(r - l - f, a, n, e) + t), n && (l = -t)) : l = -t : Z(r - l, a, n, e) <= t && (Z(r, a, n, e) >= 0 ? l = t - Z(r, a, n, e) : l = t) : j(r - l, a, n, e) <= t ? j(r - l, a, n, e) >= 0 ? l = -(t - j(r - l, a, n, e)) : l = -t : Z(r - l, a, n, e) <= t && (Z(r - l, a, n, e) >= 0 ? l = t - Z(r - l, a, n, e) : l = t);
   }
-  return n;
-}, De = (t) => ({
+  return l;
+}, Ne = (t) => ({
   name: "offset",
   params: { value: t },
   fn: ({
     x: e,
     y: r,
     options: o,
-    primaryX: l,
+    primaryX: a,
     primaryY: c,
     floating: i,
-    placement: u
+    placement: d
   }) => ({
-    x: e - Pe(t, o, l, u, i),
-    y: r - Ae(t, o, c, u, i),
-    placement: u
+    x: e - De(t, o, a, d, i),
+    y: r - Ke(t, o, c, d, i),
+    placement: d
   })
-}), yt = (t) => ({
+}), wt = (t) => ({
   name: "shift",
   params: t,
   fn: ({
     x: e,
     y: r,
     options: o,
-    primaryX: l,
+    primaryX: a,
     primaryY: c,
     floating: i,
-    placement: u,
-    reference: n
+    placement: d,
+    reference: l
   }) => {
-    var d;
-    const a = {
+    var u;
+    const s = {
       x: e,
       y: r,
-      placement: u
-    }, s = o.middleware || [], v = s.findIndex((y) => y.name === "shift"), f = s.findIndex((y) => y.name === "offset"), p = f !== -1 && (v === -1 || f > v), C = s.find((y) => y.name === "offset"), b = C ? (d = C.params) == null ? void 0 : d.value : 0, x = p ? Pe(b, o, l, u, i) : 0, V = p ? Ae(b, o, c, u, i) : 0, z = e - x, S = r - V;
-    let w = z, F = S;
-    const O = C ? Math.abs(b) : 0, W = O, h = O;
-    if (Q(o, i) && typeof window < "u") {
-      const y = W, T = window.innerWidth - i.clientWidth - W, H = T < y ? y : T, E = h, D = window.innerHeight - i.clientHeight - h, M = D < E ? E : D;
-      w < y ? w = y : w > H && (w = H), F < E ? F = E : F > M && (F = M), p ? (a.x = e + (w - z), a.y = r + (F - S)) : (a.x = w, a.y = F);
-      const N = W, Y = window.innerWidth - i.clientWidth - W, ee = h, ue = window.innerHeight - i.clientHeight - h, se = p ? N + x : N, ve = p ? Y + x : Y, pe = p ? ee + V : ee, ge = p ? ue + V : ue;
-      return a.x < se ? a.x = se : a.x > ve && (a.x = ve), a.y < pe ? a.y = pe : a.y > ge && (a.y = ge), a;
+      placement: d
+    }, n = o.middleware || [], f = n.findIndex((_) => _.name === "shift"), p = n.findIndex((_) => _.name === "offset"), v = p !== -1 && (f === -1 || p > f), C = n.find((_) => _.name === "offset"), h = C ? (u = C.params) == null ? void 0 : u.value : 0, F = v ? De(h, o, a, d, i) : 0, R = v ? Ke(h, o, c, d, i) : 0, $ = e - F, T = r - R;
+    let x = $, B = T;
+    const H = C ? Math.abs(h) : 0, L = H, m = H;
+    if (ee(o, i) && typeof window < "u") {
+      const _ = L, W = window.innerWidth - i.clientWidth - L, O = W < _ ? _ : W, E = m, K = window.innerHeight - i.clientHeight - m, M = K < E ? E : K;
+      x < _ ? x = _ : x > O && (x = O), B < E ? B = E : B > M && (B = M), v ? (s.x = e + (x - $), s.y = r + (B - T)) : (s.x = x, s.y = B);
+      const Y = L, X = window.innerWidth - i.clientWidth - L, te = m, ue = window.innerHeight - i.clientHeight - m, se = v ? Y + F : Y, be = v ? X + F : X, ge = v ? te + R : te, me = v ? ue + R : ue;
+      return s.x < se ? s.x = se : s.x > be && (s.x = be), s.y < ge ? s.y = ge : s.y > me && (s.y = me), s;
     }
-    const g = q(i);
-    if (g !== null) {
-      const y = A(n, i, o), T = y.left, H = y.left + y.width, E = y.top, D = y.top + y.height, M = g.scrollLeft + W, N = he(g) - i.clientWidth - W, Y = N < M ? M : N, ee = g.scrollTop + h, ue = me(g) - i.clientHeight - h, se = ue < ee ? ee : ue, ve = g.scrollLeft, pe = he(g), ge = g.scrollTop, Ne = me(g);
-      H <= ve ? w = M : T >= pe && (w = Y), D <= ge ? F = ee : E >= Ne && (F = se), F < ee ? F = ee : F > se && (F = se), w < M ? w = M : w > Y && (w = Y);
+    const b = q(i);
+    if (b !== null) {
+      const _ = D(l, i, o), W = _.left, O = _.left + _.width, E = _.top, K = _.top + _.height, M = b.scrollLeft + L, Y = he(b) - i.clientWidth - L, X = Y < M ? M : Y, te = b.scrollTop + m, ue = ye(b) - i.clientHeight - m, se = ue < te ? te : ue, be = b.scrollLeft, ge = he(b), me = b.scrollTop, qe = ye(b);
+      O <= be ? x = M : W >= ge && (x = X), K <= me ? B = te : E >= qe && (B = se), B < te ? B = te : B > se && (B = se), x < M ? x = M : x > X && (x = X);
     }
-    if (p ? (a.x = e + (w - z), a.y = r + (F - S)) : (a.x = w, a.y = F), g !== null) {
-      const y = g.scrollLeft + W, T = he(g) - i.clientWidth - W, H = g.scrollTop + h, E = me(g) - i.clientHeight - h, D = p ? y + x : y, M = p ? T + x : T, N = p ? H + V : H, Y = p ? E + V : E;
-      a.x < D ? a.x = D : a.x > M && (a.x = M), a.y < N ? a.y = N : a.y > Y && (a.y = Y);
+    if (v ? (s.x = e + (x - $), s.y = r + (B - T)) : (s.x = x, s.y = B), b !== null) {
+      const _ = b.scrollLeft + L, W = he(b) - i.clientWidth - L, O = b.scrollTop + m, E = ye(b) - i.clientHeight - m, K = v ? _ + F : _, M = v ? W + F : W, Y = v ? O + R : O, X = v ? E + R : E;
+      s.x < K ? s.x = K : s.x > M && (s.x = M), s.y < Y ? s.y = Y : s.y > X && (s.y = X);
     }
-    return a;
+    return s;
   }
-}), kt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, Ct = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Ie = (t, e) => {
+}), $t = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, xt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Xe = (t, e) => {
   const r = q(t), o = [];
   if (r !== null) {
-    const l = () => e();
-    r.addEventListener("scroll", l, !1), o.push(() => r.removeEventListener("scroll", l, !1));
+    const a = () => e();
+    r.addEventListener("scroll", a, !1), o.push(() => r.removeEventListener("scroll", a, !1));
   }
   if (typeof window < "u") {
-    const l = () => e(), c = () => e();
-    window.addEventListener("scroll", l, !1), window.addEventListener("resize", c, !1), o.push(() => window.removeEventListener("scroll", l, !1)), o.push(() => window.removeEventListener("resize", c, !1));
+    const a = () => e(), c = () => e();
+    window.addEventListener("scroll", a, !1), window.addEventListener("resize", c, !1), o.push(() => window.removeEventListener("scroll", a, !1)), o.push(() => window.removeEventListener("resize", c, !1));
   }
   if (typeof ResizeObserver < "u" && t instanceof HTMLElement) {
-    const l = new ResizeObserver(() => e());
-    l.observe(t), o.push(() => l.disconnect());
+    const a = new ResizeObserver(() => e());
+    a.observe(t), o.push(() => a.disconnect());
   }
-  return () => o.forEach((l) => l());
-}, wt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+  return () => o.forEach((a) => a());
+}, Bt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, _t = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Ft = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, $t = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, zt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, xt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, St = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
     placement: "right"
   };
-}, Ft = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Vt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top,
     placement: "right-start"
   };
-}, Bt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Tt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, zt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Rt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
     y: o.top + o.height,
     placement: "bottom"
   };
-}, St = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Lt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left,
     y: o.top + o.height,
     placement: "bottom-start"
   };
-}, Tt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Wt = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
-}, Rt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Ht = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, Lt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, It = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top,
     placement: "left-start"
   };
-}, Vt = (t, e, r = {}) => {
-  const o = A(t, e, r);
+}, Ot = (t, e, r = {}) => {
+  const o = D(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "left-end"
   };
-}, be = (t, e, r, o = {}) => {
+}, ke = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return wt(t, e, o);
+      return Bt(t, e, o);
     case "top-start":
-      return _t(t, e, o);
+      return Ft(t, e, o);
     case "top-end":
-      return $t(t, e, o);
+      return zt(t, e, o);
     case "right":
-      return xt(t, e, o);
+      return St(t, e, o);
     case "right-start":
-      return Ft(t, e, o);
+      return Vt(t, e, o);
     case "right-end":
-      return Bt(t, e, o);
+      return Tt(t, e, o);
     case "bottom":
-      return zt(t, e, o);
+      return Rt(t, e, o);
     case "bottom-start":
-      return St(t, e, o);
+      return Lt(t, e, o);
     case "bottom-end":
-      return Tt(t, e, o);
+      return Wt(t, e, o);
     case "left":
-      return Rt(t, e, o);
+      return Ht(t, e, o);
     case "left-start":
-      return Lt(t, e, o);
+      return It(t, e, o);
     case "left-end":
-      return Vt(t, e, o);
+      return Ot(t, e, o);
     default:
       return {
         x: 0,
@@ -784,25 +784,25 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
         placement: ""
       };
   }
-}, Wt = (t, e, r, o = {}) => {
-  if (Q(o, e)) {
+}, Et = (t, e, r, o = {}) => {
+  if (ee(o, e)) {
     if (typeof window > "u")
       return !0;
-    const s = t.x, v = t.y, f = s + e.clientWidth, p = v + e.clientHeight;
-    return s >= 0 && v >= 0 && f <= window.innerWidth && p <= window.innerHeight;
+    const n = t.x, f = t.y, p = n + e.clientWidth, v = f + e.clientHeight;
+    return n >= 0 && f >= 0 && p <= window.innerWidth && v <= window.innerHeight;
   }
   if (q(r) !== null)
-    return K(t.y, e, null, o) > 0 && G(t.x, e, null, o) > 0 && Z(t.y, e, null, o) > 0 && U(t.x, e, null, o) > 0;
+    return j(t.y, e, null, o) > 0 && G(t.x, e, null, o) > 0 && Z(t.y, e, null, o) > 0 && U(t.x, e, null, o) > 0;
   if (typeof window > "u")
     return !0;
-  const l = window.innerWidth, c = window.innerHeight, i = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  const a = window.innerWidth, c = window.innerHeight, i = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
   if (i) {
-    const s = i.getBoundingClientRect(), v = s.left + t.x, f = s.top + t.y, p = v + e.clientWidth, C = f + e.clientHeight;
-    return v >= 0 && f >= 0 && p <= l && C <= c;
+    const n = i.getBoundingClientRect(), f = n.left + t.x, p = n.top + t.y, v = f + e.clientWidth, C = p + e.clientHeight;
+    return f >= 0 && p >= 0 && v <= a && C <= c;
   }
-  const u = t.x, n = t.y, d = u + e.clientWidth, a = n + e.clientHeight;
-  return u >= 0 && n >= 0 && d <= l && a <= c;
-}, fe = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Ot = (t, e, r) => fe(e) === t && r.includes(e) ? e : r.find((o) => fe(o) === t) ?? r[0], Ht = (t, e, r = {}) => {
+  const d = t.x, l = t.y, u = d + e.clientWidth, s = l + e.clientHeight;
+  return d >= 0 && l >= 0 && u <= a && s <= c;
+}, fe = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Pt = (t, e, r) => fe(e) === t && r.includes(e) ? e : r.find((o) => fe(o) === t) ?? r[0], At = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -810,51 +810,51 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
       bottom: 0,
       left: 0
     };
-  const o = Q(r, e) ? null : q(t), l = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
+  const o = ee(r, e) ? null : q(t), a = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
     bottom: window.innerHeight
   };
   return {
-    top: l.top - c.top,
-    right: c.right - l.right,
-    bottom: c.bottom - l.bottom,
-    left: l.left - c.left
+    top: a.top - c.top,
+    right: c.right - a.right,
+    bottom: c.bottom - a.bottom,
+    left: a.left - c.left
   };
-}, Xe = (t, e, r = {}) => new Promise((o) => {
-  var l, c;
-  const i = r.placement ? r.placement : "bottom", u = {
+}, Ye = (t, e, r = {}) => new Promise((o) => {
+  var a, c;
+  const i = r.placement ? r.placement : "bottom", d = {
     x: 0,
     y: 0,
     placement: i,
     middlewareData: {}
-  }, n = be(t, e, i, r);
-  u.x = n.x, u.y = n.y, u.placement = n.placement;
-  const d = u.x, a = u.y, s = bt(t);
-  (l = r.middleware) == null || l.forEach((C) => {
-    const b = C.fn({
-      x: u.x,
-      y: u.y,
+  }, l = ke(t, e, i, r);
+  d.x = l.x, d.y = l.y, d.placement = l.placement;
+  const u = d.x, s = d.y, n = _t(t);
+  (a = r.middleware) == null || a.forEach((C) => {
+    const h = C.fn({
+      x: d.x,
+      y: d.y,
       options: r,
-      primaryX: d,
-      primaryY: a,
+      primaryX: u,
+      primaryY: s,
       floating: e,
-      placement: u.placement,
+      placement: d.placement,
       reference: t,
-      scrollDirection: s
+      scrollDirection: n
     });
-    u.x = b.x, u.y = b.y, u.placement = b.placement, C.name === "arrow" && (b.baseX = b.x, b.baseY = b.y, b.x = b.arrowX ?? b.x, b.y = b.arrowY ?? b.y), u.middlewareData[C.name] = b;
+    d.x = h.x, d.y = h.y, d.placement = h.placement, C.name === "arrow" && (h.baseX = h.x, h.baseY = h.y, h.x = h.arrowX ?? h.x, h.y = h.arrowY ?? h.y), d.middlewareData[C.name] = h;
   });
-  const v = be(t, e, u.placement, r), f = oe(r, "offset"), p = f ? (c = f.params) == null ? void 0 : c.value : 0;
-  if (Number.isFinite(u.x) || (u.x = v.x), !Number.isFinite(u.y))
-    if (Q(r, e)) {
-      const C = t.getBoundingClientRect(), b = e.getBoundingClientRect().height;
-      u.placement.startsWith("top") ? u.y = C.top - b - p : u.placement.startsWith("bottom") ? u.y = C.bottom + p : u.y = v.y;
+  const f = ke(t, e, d.placement, r), p = re(r, "offset"), v = p ? (c = p.params) == null ? void 0 : c.value : 0;
+  if (Number.isFinite(d.x) || (d.x = f.x), !Number.isFinite(d.y))
+    if (ee(r, e)) {
+      const C = t.getBoundingClientRect(), h = e.getBoundingClientRect().height;
+      d.placement.startsWith("top") ? d.y = C.top - h - v : d.placement.startsWith("bottom") ? d.y = C.bottom + v : d.y = f.y;
     } else
-      u.y = v.y;
-  o(u);
-}), Et = ["disabled", "aria-expanded", "onKeydown"], Mt = ["data-placement"], Pt = ["disabled", "aria-selected", "onClick"], Vo = /* @__PURE__ */ j({
+      d.y = f.y;
+  o(d);
+}), Mt = ["disabled", "aria-expanded", "onKeydown"], Dt = ["data-placement"], Kt = ["disabled", "aria-selected", "onClick"], Yo = /* @__PURE__ */ I({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -869,136 +869,136 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, l = t, c = P(null), i = P(null), u = P(null), n = P(!1), d = P("bottom"), a = P("bottom"), s = `vf-select-panel-${++r}`;
-    let v = null;
-    const f = B(() => l.options.map((g) => ({
-      label: g[l.optionLabel],
-      value: g[l.optionValue],
-      disabled: g.disabled
-    }))), p = B(() => f.value.find((g) => g.value === l.modelValue)), C = B(() => {
-      var g;
-      return ((g = p.value) == null ? void 0 : g.label) ?? "";
-    }), b = B(() => {
-      const g = ["vf-select", `vf-select_${l.variant}`, n.value ? "vf-select_open" : ""];
-      return l.size !== "normal" && g.push(`vf-select_${l.size}`), l.disabled && g.push("vf-select_disabled"), g.filter(Boolean);
-    }), x = (g) => g.value === l.modelValue, V = (g) => {
-      g.disabled || (o("update:modelValue", g.value), o("change", g.value), w());
-    }, z = (g) => o("focus", g), S = (g) => o("blur", g), w = () => {
-      n.value = !1, d.value = "bottom", a.value = "bottom";
-    }, F = () => {
-      l.disabled || (n.value = !n.value, n.value && (d.value = "bottom", a.value = "bottom"));
-    }, O = async () => {
-      var g, y;
-      n.value || (n.value = !0, await _e()), (y = (g = u.value) == null ? void 0 : g.querySelector(".vf-select__option:not(.is-disabled)")) == null || y.focus();
-    }, W = (g) => {
-      var T;
-      if (!n.value || !c.value)
+    const o = e, a = t, c = P(null), i = P(null), d = P(null), l = P(!1), u = P("bottom"), s = P("bottom"), n = `vf-select-panel-${++r}`;
+    let f = null;
+    const p = y(() => a.options.map((b) => ({
+      label: b[a.optionLabel],
+      value: b[a.optionValue],
+      disabled: b.disabled
+    }))), v = y(() => p.value.find((b) => b.value === a.modelValue)), C = y(() => {
+      var b;
+      return ((b = v.value) == null ? void 0 : b.label) ?? "";
+    }), h = 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);
+    }), F = (b) => b.value === a.modelValue, R = (b) => {
+      b.disabled || (o("update:modelValue", b.value), o("change", b.value), x());
+    }, $ = (b) => o("focus", b), T = (b) => o("blur", b), x = () => {
+      l.value = !1, u.value = "bottom", s.value = "bottom";
+    }, B = () => {
+      a.disabled || (l.value = !l.value, l.value && (u.value = "bottom", s.value = "bottom"));
+    }, H = async () => {
+      var b, _;
+      l.value || (l.value = !0, await we()), (_ = (b = d.value) == null ? void 0 : b.querySelector(".vf-select__option:not(.is-disabled)")) == null || _.focus();
+    }, L = (b) => {
+      var W;
+      if (!l.value || !c.value)
         return;
-      const y = g.target;
-      c.value.contains(y) || (T = u.value) != null && T.contains(y) || w();
-    }, h = () => {
-      if (!i.value || !u.value)
+      const _ = b.target;
+      c.value.contains(_) || (W = d.value) != null && W.contains(_) || x();
+    }, m = () => {
+      if (!i.value || !d.value)
         return;
-      const g = i.value, y = u.value, T = async () => {
+      const b = i.value, _ = d.value, W = async () => {
         const {
           x: M,
-          y: N,
-          placement: Y
-        } = await Xe(g, y, {
-          placement: d.value,
+          y: Y,
+          placement: X
+        } = await Ye(b, _, {
+          placement: u.value,
           strategy: "fixed",
-          middleware: [De(2), Me({ placements: ["bottom", "top"] })]
+          middleware: [Ne(2), Me({ placements: ["bottom", "top"] })]
         });
-        a.value = Y ?? d.value, y.style.minWidth = `${g.getBoundingClientRect().width}px`, y.style.left = `${M}px`, y.style.top = `${N}px`;
-      }, H = async () => {
-        await T();
-      }, E = Ie(g, () => {
-        H();
-      }), D = () => {
-        H();
+        s.value = X ?? u.value, _.style.minWidth = `${b.getBoundingClientRect().width}px`, _.style.left = `${M}px`, _.style.top = `${Y}px`;
+      }, O = async () => {
+        await W();
+      }, E = Xe(b, () => {
+        O();
+      }), K = () => {
+        O();
       };
-      document.addEventListener("scroll", D, !0), window.addEventListener("resize", D, !1), v = {
-        update: H,
+      document.addEventListener("scroll", K, !0), window.addEventListener("resize", K, !1), f = {
+        update: O,
         destroy: () => {
-          E(), document.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D, !1);
+          E(), document.removeEventListener("scroll", K, !0), window.removeEventListener("resize", K, !1);
         }
-      }, v.update();
+      }, f.update();
     };
-    return ne(n, async (g) => {
-      if (!g) {
-        v && (v.destroy(), v = null);
+    return ne(l, async (b) => {
+      if (!b) {
+        f && (f.destroy(), f = null);
         return;
       }
-      await _e(), v || h(), v == null || v.update();
+      await we(), f || m(), f == null || f.update();
     }), ne(
-      () => l.options,
+      () => a.options,
       () => {
-        v == null || v.update();
+        f == null || f.update();
       },
       { deep: !0 }
     ), Oe(() => {
-      document.addEventListener("click", W);
+      document.addEventListener("click", L);
     }), $e(() => {
-      document.removeEventListener("click", W), v == null || v.destroy(), v = null;
-    }), (g, y) => (m(), k("div", {
+      document.removeEventListener("click", L), f == null || f.destroy(), f = null;
+    }), (b, _) => (g(), k("div", {
       ref_key: "root",
       ref: c,
-      class: L(b.value)
+      class: V(h.value)
     }, [
-      R("button", {
+      S("button", {
         ref_key: "trigger",
         ref: i,
         class: "vf-select__control",
         type: "button",
-        disabled: g.disabled,
-        "aria-expanded": n.value,
-        "aria-controls": s,
+        disabled: b.disabled,
+        "aria-expanded": l.value,
+        "aria-controls": n,
         "aria-haspopup": "listbox",
-        onClick: F,
+        onClick: B,
         onKeydown: [
-          re(le(O, ["prevent"]), ["down"]),
-          re(le(F, ["prevent"]), ["enter"]),
-          re(le(w, ["prevent"]), ["esc"])
+          ae(le(H, ["prevent"]), ["down"]),
+          ae(le(B, ["prevent"]), ["enter"]),
+          ae(le(x, ["prevent"]), ["esc"])
         ],
-        onFocus: z,
-        onBlur: S
+        onFocus: $,
+        onBlur: T
       }, [
-        R("span", {
-          class: L(["vf-select__label", { "vf-select__label_placeholder": !C.value }])
-        }, X(C.value || g.placeholder), 3),
-        y[0] || (y[0] = R("span", {
+        S("span", {
+          class: V(["vf-select__label", { "vf-select__label_placeholder": !C.value }])
+        }, A(C.value || b.placeholder), 3),
+        _[0] || (_[0] = S("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, Et),
-      (m(), I(xe, { to: "body" }, [
-        ke(R("div", {
-          id: s,
+      ], 40, Mt),
+      (g(), N(xe, { to: "body" }, [
+        ve(S("div", {
+          id: n,
           ref_key: "panel",
-          ref: u,
+          ref: d,
           class: "vf-select__panel",
           role: "listbox",
-          "data-placement": a.value
+          "data-placement": s.value
         }, [
-          (m(!0), k(ce, null, Ve(f.value, (T) => (m(), k("button", {
-            key: T.value,
-            class: L(["vf-select__option", { "is-active": x(T), "is-disabled": T.disabled }]),
+          (g(!0), k(ce, null, He(p.value, (W) => (g(), k("button", {
+            key: W.value,
+            class: V(["vf-select__option", { "is-active": F(W), "is-disabled": W.disabled }]),
             type: "button",
             role: "option",
-            disabled: T.disabled,
-            "aria-selected": x(T),
-            onClick: (H) => V(T)
-          }, X(T.label), 11, Pt))), 128))
-        ], 8, Mt), [
-          [Ce, n.value]
+            disabled: W.disabled,
+            "aria-selected": F(W),
+            onClick: (O) => R(W)
+          }, A(W.label), 11, Kt))), 128))
+        ], 8, Dt), [
+          [pe, l.value]
         ])
       ]))
     ], 2));
   }
-}), At = ["checked", "disabled"], Dt = {
+}), Nt = ["checked", "disabled"], Xt = {
   key: 0,
   class: "vf-checkbox__label"
-}, Wo = /* @__PURE__ */ j({
+}, jo = /* @__PURE__ */ I({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1008,35 +1008,217 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, l = B(() => {
+    const r = e, o = t, a = y(() => {
       const i = ["vf-checkbox", `vf-checkbox_${o.variant}`];
       return o.disabled && i.push("vf-checkbox_disabled"), i;
     }), c = (i) => {
-      const u = i.target;
-      r("update:modelValue", u.checked), r("change", i);
+      const d = i.target;
+      r("update:modelValue", d.checked), r("change", i);
     };
-    return (i, u) => (m(), k("label", {
-      class: L(l.value)
+    return (i, d) => (g(), k("label", {
+      class: V(a.value)
     }, [
-      R("input", {
+      S("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
         checked: i.modelValue,
         disabled: i.disabled,
         onChange: c
-      }, null, 40, At),
-      u[0] || (u[0] = R("span", { class: "vf-checkbox__box" }, null, -1)),
-      i.label || i.$slots.default ? (m(), k("span", Dt, [
-        _(i.$slots, "default", {}, () => [
-          ae(X(i.label), 1)
+      }, null, 40, Nt),
+      d[0] || (d[0] = S("span", { class: "vf-checkbox__box" }, null, -1)),
+      i.label || i.$slots.default ? (g(), k("span", Xt, [
+        w(i.$slots, "default", {}, () => [
+          Q(A(i.label), 1)
         ])
-      ])) : $("", !0)
+      ])) : z("", !0)
     ], 2));
   }
-}), It = ["checked", "disabled"], Xt = {
+}), je = Symbol("VueForgeRadioGroup"), Yt = ["aria-disabled", "aria-label", "aria-labelledby"], Go = /* @__PURE__ */ I({
+  __name: "radio-group",
+  props: {
+    modelValue: { type: [String, Number, Boolean, null], default: void 0 },
+    name: {},
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "filled" },
+    direction: { default: "vertical" },
+    ariaLabel: {},
+    ariaLabelledby: {}
+  },
+  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;
+    }), c = (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),
+      onChange: c
+    };
+    return Ee(je, i), (d, l) => (g(), k("div", {
+      class: V(a.value),
+      role: "radiogroup",
+      "aria-disabled": d.disabled || void 0,
+      "aria-label": d.ariaLabel || void 0,
+      "aria-labelledby": d.ariaLabelledby || void 0
+    }, [
+      w(d.$slots, "default")
+    ], 10, Yt));
+  }
+}), jt = ["name", "value", "checked", "disabled"], Gt = {
+  key: 0,
+  class: "vf-radio__label"
+}, Uo = /* @__PURE__ */ I({
+  __name: "radio-button",
+  props: {
+    modelValue: { type: [String, Number, Boolean, null], default: void 0 },
+    value: { type: [String, Number, Boolean, null], default: void 0 },
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    name: {},
+    variant: { default: "filled" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, a = Be(je, null), c = 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), u = y(() => c.value === o.value), s = y(() => {
+      const f = ["vf-radio", `vf-radio_${d.value}`];
+      return l.value && f.push("vf-radio_disabled"), f;
+    }), n = (f) => {
+      l.value || (a ? a.onChange(o.value, f) : r("update:modelValue", o.value), r("change", o.value, f));
+    };
+    return (f, p) => (g(), k("label", {
+      class: V(s.value)
+    }, [
+      S("input", {
+        class: "vf-radio__control",
+        type: "radio",
+        name: i.value,
+        value: f.value,
+        checked: u.value,
+        disabled: l.value,
+        onChange: n
+      }, null, 40, jt),
+      p[0] || (p[0] = S("span", { class: "vf-radio__circle" }, null, -1)),
+      f.label || f.$slots.default ? (g(), k("span", Gt, [
+        w(f.$slots, "default", {}, () => [
+          Q(A(f.label), 1)
+        ])
+      ])) : z("", !0)
+    ], 2));
+  }
+}), Fe = Symbol("VueForgeTabs"), Ut = ["aria-orientation", "aria-label", "aria-labelledby"], qt = { class: "vf-tabs__panels" }, qo = /* @__PURE__ */ I({
+  __name: "tabs",
+  props: {
+    modelValue: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    orientation: { default: "horizontal" },
+    ariaLabel: {},
+    ariaLabelledby: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: e }) {
+    let r = 0;
+    const o = e, a = t, c = ++r, i = (v) => String(v).toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, ""), d = y(() => {
+      const v = ["vf-tabs"];
+      return a.orientation === "vertical" && v.push("vf-tabs_vertical"), a.disabled && v.push("vf-tabs_disabled"), v;
+    }), l = P(null), u = () => l.value ? Array.from(l.value.querySelectorAll('[role="tab"]:not([disabled])')) : [], s = (v) => {
+      v && (v.focus(), v.click());
+    }, n = (v) => {
+      if (a.disabled)
+        return;
+      const C = a.orientation === "horizontal", h = v.key, F = C ? ["ArrowRight"] : ["ArrowDown"], R = C ? ["ArrowLeft"] : ["ArrowUp"];
+      if (![...F, ...R, "Home", "End"].includes(h))
+        return;
+      const $ = u();
+      if (!$.length)
+        return;
+      const T = $.findIndex((L) => L.getAttribute("aria-selected") === "true"), x = $.findIndex((L) => L === document.activeElement), B = x >= 0 ? x : Math.max(T, 0);
+      let H = B;
+      F.includes(h) ? H = (B + 1) % $.length : R.includes(h) ? H = (B - 1 + $.length) % $.length : h === "Home" ? H = 0 : h === "End" && (H = $.length - 1), v.preventDefault(), s($[H]);
+    }, f = (v, C) => {
+      o("update:modelValue", v), o("change", v, C);
+    }, p = {
+      activeValue: y(() => a.modelValue),
+      disabled: y(() => a.disabled),
+      orientation: y(() => a.orientation),
+      onChange: f,
+      getTabId: (v) => `vf-tab-${c}-${i(v)}`,
+      getPanelId: (v) => `vf-tabpanel-${c}-${i(v)}`
+    };
+    return Ee(Fe, p), (v, C) => (g(), k("div", {
+      class: V(d.value)
+    }, [
+      S("div", {
+        ref_key: "list",
+        ref: l,
+        class: "vf-tabs__list",
+        role: "tablist",
+        "aria-orientation": v.orientation,
+        "aria-label": v.ariaLabel || void 0,
+        "aria-labelledby": v.ariaLabelledby || void 0,
+        onKeydown: n
+      }, [
+        w(v.$slots, "tabs")
+      ], 40, Ut),
+      S("div", qt, [
+        w(v.$slots, "panels")
+      ])
+    ], 2));
+  }
+}), Zt = ["id", "aria-selected", "aria-controls", "disabled", "tabindex"], Zo = /* @__PURE__ */ I({
+  __name: "tab",
+  props: {
+    value: {},
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(t, { emit: e }) {
+    const r = e, o = t, a = Be(Fe, null), c = 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), u = y(() => i.value ? -1 : c.value ? 0 : -1), s = (n) => {
+      !a || i.value || (a.onChange(o.value, n), r("change", o.value, n));
+    };
+    return (n, f) => (g(), k("button", {
+      id: d.value,
+      class: V(["vf-tab", { "vf-tab_active": c.value, "vf-tab_disabled": i.value }]),
+      type: "button",
+      role: "tab",
+      "aria-selected": c.value,
+      "aria-controls": l.value,
+      disabled: i.value,
+      tabindex: u.value,
+      onClick: s
+    }, [
+      w(n.$slots, "default", {}, () => [
+        Q(A(n.label), 1)
+      ])
+    ], 10, Zt));
+  }
+}), Jt = ["id", "aria-labelledby"], Jo = /* @__PURE__ */ I({
+  __name: "tab-panel",
+  props: {
+    value: {}
+  },
+  setup(t) {
+    const e = t, r = Be(Fe, null), o = y(() => (r == null ? void 0 : r.activeValue.value) === e.value), a = y(() => r ? r.getTabId(e.value) : void 0), c = y(() => r ? r.getPanelId(e.value) : void 0);
+    return (i, d) => ve((g(), k("div", {
+      id: c.value,
+      class: "vf-tab-panel",
+      role: "tabpanel",
+      tabindex: "0",
+      "aria-labelledby": a.value
+    }, [
+      w(i.$slots, "default")
+    ], 8, Jt)), [
+      [pe, o.value]
+    ]);
+  }
+}), Qt = ["checked", "disabled"], eo = {
   key: 0,
   class: "vf-switch__label"
-}, Oo = /* @__PURE__ */ j({
+}, Qo = /* @__PURE__ */ I({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1045,113 +1227,113 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, l = B(() => {
+    const r = e, o = t, a = y(() => {
       const i = ["vf-switch"];
       return o.disabled && i.push("vf-switch_disabled"), i;
     }), c = (i) => {
-      const u = i.target;
-      r("update:modelValue", u.checked), r("change", i);
+      const d = i.target;
+      r("update:modelValue", d.checked), r("change", i);
     };
-    return (i, u) => (m(), k("label", {
-      class: L(l.value)
+    return (i, d) => (g(), k("label", {
+      class: V(a.value)
     }, [
-      R("input", {
+      S("input", {
         class: "vf-switch__control",
         type: "checkbox",
         checked: i.modelValue,
         disabled: i.disabled,
         onChange: c
-      }, null, 40, It),
-      u[0] || (u[0] = R("span", { class: "vf-switch__track" }, [
-        R("span", { class: "vf-switch__thumb" })
+      }, null, 40, Qt),
+      d[0] || (d[0] = S("span", { class: "vf-switch__track" }, [
+        S("span", { class: "vf-switch__thumb" })
       ], -1)),
-      i.label || i.$slots.default ? (m(), k("span", Xt, [
-        _(i.$slots, "default", {}, () => [
-          ae(X(i.label), 1)
+      i.label || i.$slots.default ? (g(), k("span", eo, [
+        w(i.$slots, "default", {}, () => [
+          Q(A(i.label), 1)
         ])
-      ])) : $("", !0)
+      ])) : z("", !0)
     ], 2));
   }
-}), Yt = { class: "vf-popover" }, jt = ["aria-expanded", "onKeydown"], Ho = /* @__PURE__ */ j({
+}), to = { class: "vf-popover" }, oo = ["aria-expanded", "onKeydown"], er = /* @__PURE__ */ I({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
-    const o = r, l = Ke({ visible: !1 });
+    const o = r, a = Ze({ visible: !1 });
     let c = 0;
-    const i = `vf-popover-panel-${++c}`, u = () => l.visible = !0, n = () => l.visible = !1, d = () => l.visible = !l.visible, a = () => {
-      d(), o("click"), o("onClick");
+    const i = `vf-popover-panel-${++c}`, d = () => a.visible = !0, l = () => a.visible = !1, u = () => a.visible = !a.visible, s = () => {
+      u(), o("click"), o("onClick");
     };
-    return e({ show: u, hide: n, toggle: d }), (s, v) => (m(), k("div", Yt, [
-      R("div", {
+    return e({ show: d, hide: l, toggle: u }), (n, f) => (g(), k("div", to, [
+      S("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
-        "aria-expanded": l.visible,
+        "aria-expanded": a.visible,
         "aria-controls": i,
-        onClick: a,
+        onClick: s,
         onKeydown: [
-          re(le(a, ["prevent"]), ["enter"]),
-          re(le(a, ["prevent"]), ["space"])
+          ae(le(s, ["prevent"]), ["enter"]),
+          ae(le(s, ["prevent"]), ["space"])
         ]
       }, [
-        _(s.$slots, "button")
-      ], 40, jt),
-      ke(We(st, {
+        w(n.$slots, "button")
+      ], 40, oo),
+      ve(Ie(ut, {
         id: i,
         class: "vf-popover__wrapper"
-      }, Ge({
-        default: te(() => [
-          v[0] || (v[0] = R("div", { class: "vf-popover__arrow" }, null, -1))
+      }, Je({
+        default: oe(() => [
+          f[0] || (f[0] = S("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        s.$slots.default ? {
+        n.$slots.default ? {
           name: "default",
-          fn: te(() => [
-            _(s.$slots, "default")
+          fn: oe(() => [
+            w(n.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        s.$slots.header || s.$slots.popoverHeader ? {
+        n.$slots.header || n.$slots.popoverHeader ? {
           name: "header",
-          fn: te(() => [
-            _(s.$slots, "header"),
-            s.$slots.header ? $("", !0) : _(s.$slots, "popoverHeader", { key: 0 })
+          fn: oe(() => [
+            w(n.$slots, "header"),
+            n.$slots.header ? z("", !0) : w(n.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        s.$slots.body || s.$slots.popoverBody ? {
+        n.$slots.body || n.$slots.popoverBody ? {
           name: "body",
-          fn: te(() => [
-            _(s.$slots, "body"),
-            s.$slots.body ? $("", !0) : _(s.$slots, "popoverBody", { key: 0 })
+          fn: oe(() => [
+            w(n.$slots, "body"),
+            n.$slots.body ? z("", !0) : w(n.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        s.$slots.footer || s.$slots.popoverFooter ? {
+        n.$slots.footer || n.$slots.popoverFooter ? {
           name: "footer",
-          fn: te(() => [
-            _(s.$slots, "footer"),
-            s.$slots.footer ? $("", !0) : _(s.$slots, "popoverFooter", { key: 0 })
+          fn: oe(() => [
+            w(n.$slots, "footer"),
+            n.$slots.footer ? z("", !0) : w(n.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [Ce, l.visible]
+        [pe, a.visible]
       ])
     ]));
   }
-}), Nt = ["aria-labelledby", "aria-describedby"], Kt = {
+}), ro = ["aria-labelledby", "aria-describedby"], ao = {
   key: 0,
   class: "vf-modal__header"
-}, Gt = {
+}, lo = {
   key: 0,
   class: "vf-modal__title"
-}, Ut = {
+}, no = {
   key: 3,
   class: "vf-modal__footer"
-}, Eo = /* @__PURE__ */ j({
+}, tr = /* @__PURE__ */ I({
   __name: "modal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1164,112 +1346,112 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
   },
   emits: ["update:modelValue", "open", "close"],
   setup(t, { expose: e, emit: r }) {
-    const o = r, l = t;
-    let c = 0, i = 0, u = "", n = null;
-    const d = P(null), a = Ue(), s = `vf-modal-title-${++c}`, v = `vf-modal-body-${c}`, f = B(() => !!l.title || !!a.header), p = B(() => !!a.body || !!a.default), C = B(() => {
-      const h = ["vf-modal"];
-      return l.size !== "md" && h.push(`vf-modal_${l.size}`), h;
-    }), b = () => o("update:modelValue", !0), x = () => {
+    const o = r, a = t;
+    let c = 0, i = 0, d = "", l = null;
+    const u = P(null), s = Qe(), n = `vf-modal-title-${++c}`, f = `vf-modal-body-${c}`, p = y(() => !!a.title || !!s.header), v = y(() => !!s.body || !!s.default), C = y(() => {
+      const m = ["vf-modal"];
+      return a.size !== "md" && m.push(`vf-modal_${a.size}`), m;
+    }), h = () => o("update:modelValue", !0), F = () => {
       o("update:modelValue", !1), o("close");
-    }, V = () => {
-      l.closeOnOverlay && x();
-    }, z = (h) => {
-      !l.modelValue || !l.closeOnEsc || h.key === "Escape" && (h.preventDefault(), x());
-    }, S = () => 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((g) => !g.hasAttribute("disabled") && !g.getAttribute("aria-hidden")) : [], w = () => {
-      var g;
-      const h = S();
-      h.length ? h[0].focus() : (g = d.value) == null || g.focus();
-    }, F = (h) => {
+    }, R = () => {
+      a.closeOnOverlay && F();
+    }, $ = (m) => {
+      !a.modelValue || !a.closeOnEsc || m.key === "Escape" && (m.preventDefault(), F());
+    }, T = () => u.value ? Array.from(u.value.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((b) => !b.hasAttribute("disabled") && !b.getAttribute("aria-hidden")) : [], x = () => {
+      var b;
+      const m = T();
+      m.length ? m[0].focus() : (b = u.value) == null || b.focus();
+    }, B = (m) => {
       var E;
-      if (h.key !== "Tab")
+      if (m.key !== "Tab")
         return;
-      const g = S();
-      if (!g.length) {
-        h.preventDefault(), (E = d.value) == null || E.focus();
+      const b = T();
+      if (!b.length) {
+        m.preventDefault(), (E = u.value) == null || E.focus();
         return;
       }
-      const y = g[0], T = g[g.length - 1], H = document.activeElement;
-      if (h.shiftKey && H === y) {
-        h.preventDefault(), T.focus();
+      const _ = b[0], W = b[b.length - 1], O = document.activeElement;
+      if (m.shiftKey && O === _) {
+        m.preventDefault(), W.focus();
         return;
       }
-      !h.shiftKey && H === T && (h.preventDefault(), y.focus());
-    }, O = () => {
-      !l.lockScroll || typeof document > "u" || (i === 0 && (u = document.body.style.overflow, document.body.style.overflow = "hidden"), i += 1);
-    }, W = () => {
-      !l.lockScroll || typeof document > "u" || (i = Math.max(0, i - 1), i === 0 && (document.body.style.overflow = u));
+      !m.shiftKey && O === W && (m.preventDefault(), _.focus());
+    }, H = () => {
+      !a.lockScroll || typeof document > "u" || (i === 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden"), i += 1);
+    }, L = () => {
+      !a.lockScroll || typeof document > "u" || (i = Math.max(0, i - 1), i === 0 && (document.body.style.overflow = d));
     };
     return ne(
-      () => l.modelValue,
-      async (h) => {
-        h ? (typeof document < "u" && (n = document.activeElement), O(), o("open"), await _e(), w(), typeof document < "u" && document.addEventListener("keydown", z)) : (W(), typeof document < "u" && (document.removeEventListener("keydown", z), n == null || n.focus()));
+      () => a.modelValue,
+      async (m) => {
+        m ? (typeof document < "u" && (l = document.activeElement), H(), o("open"), await we(), x(), typeof document < "u" && document.addEventListener("keydown", $)) : (L(), typeof document < "u" && (document.removeEventListener("keydown", $), l == null || l.focus()));
       },
       { immediate: !0 }
     ), $e(() => {
-      W(), typeof document < "u" && document.removeEventListener("keydown", z);
-    }), e({ open: b, close: x }), (h, g) => (m(), I(xe, { to: "body" }, [
-      ke(R("div", {
-        class: L(C.value),
+      L(), typeof document < "u" && document.removeEventListener("keydown", $);
+    }), e({ open: h, close: F }), (m, b) => (g(), N(xe, { to: "body" }, [
+      ve(S("div", {
+        class: V(C.value),
         role: "presentation"
       }, [
-        R("div", {
+        S("div", {
           class: "vf-modal__overlay",
-          onClick: V
+          onClick: R
         }),
-        R("div", {
+        S("div", {
           ref_key: "panel",
-          ref: d,
+          ref: u,
           class: "vf-modal__panel",
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": f.value ? s : void 0,
-          "aria-describedby": p.value ? v : void 0,
+          "aria-labelledby": p.value ? n : void 0,
+          "aria-describedby": v.value ? f : void 0,
           tabindex: "-1",
-          onKeydown: F
+          onKeydown: B
         }, [
-          f.value ? (m(), k("div", Kt, [
-            R("div", {
-              id: s,
+          p.value ? (g(), k("div", ao, [
+            S("div", {
+              id: n,
               class: "vf-modal__header-content"
             }, [
-              _(h.$slots, "header", {}, () => [
-                h.title ? (m(), k("h3", Gt, X(h.title), 1)) : $("", !0)
+              w(m.$slots, "header", {}, () => [
+                m.title ? (g(), k("h3", lo, A(m.title), 1)) : z("", !0)
               ])
             ])
-          ])) : $("", !0),
-          h.showClose ? _(h.$slots, "close", {
+          ])) : z("", !0),
+          m.showClose ? w(m.$slots, "close", {
             key: 1,
-            close: x
+            close: F
           }, () => [
-            R("button", {
+            S("button", {
               type: "button",
               class: "vf-modal__close",
               "aria-label": "Close",
-              onClick: x
+              onClick: F
             }, "×")
-          ]) : $("", !0),
-          h.$slots.body || h.$slots.default ? (m(), k("div", {
+          ]) : z("", !0),
+          m.$slots.body || m.$slots.default ? (g(), k("div", {
             key: 2,
-            id: v,
+            id: f,
             class: "vf-modal__body"
           }, [
-            _(h.$slots, "body"),
-            h.$slots.body ? $("", !0) : _(h.$slots, "default", { key: 0 })
-          ])) : $("", !0),
-          h.$slots.footer ? (m(), k("div", Ut, [
-            _(h.$slots, "footer")
-          ])) : $("", !0)
-        ], 40, Nt)
+            w(m.$slots, "body"),
+            m.$slots.body ? z("", !0) : w(m.$slots, "default", { key: 0 })
+          ])) : z("", !0),
+          m.$slots.footer ? (g(), k("div", no, [
+            w(m.$slots, "footer")
+          ])) : z("", !0)
+        ], 40, ro)
       ], 2), [
-        [Ce, h.modelValue]
+        [pe, m.modelValue]
       ])
     ]));
   }
-}), qt = ["data-placement"], Zt = { class: "vf-tooltip__content" }, Jt = {
+}), so = ["data-placement"], io = { class: "vf-tooltip__content" }, co = {
   key: 0,
   class: "vf-tooltip__arrow",
   "aria-hidden": "true"
-}, Mo = /* @__PURE__ */ j({
+}, or = /* @__PURE__ */ I({
   __name: "tooltip",
   props: {
     text: { default: "" },
@@ -1280,152 +1462,152 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
   setup(t) {
     const e = t;
     let r = 0;
-    const o = P(null), l = P(null), c = P(!1), i = P("top"), u = `vf-tooltip-${++r}`;
-    let n = null;
-    const d = () => {
+    const o = P(null), a = P(null), c = P(!1), i = P("top"), d = `vf-tooltip-${++r}`;
+    let l = null;
+    const u = () => {
       e.disabled || (c.value = !0);
-    }, a = () => {
-      c.value = !1;
     }, s = () => {
-      if (!o.value || !l.value)
+      c.value = !1;
+    }, n = () => {
+      if (!o.value || !a.value)
         return;
-      const f = o.value, p = l.value, C = async () => {
+      const p = o.value, v = a.value, C = async () => {
         const {
-          x: z,
-          y: S,
-          placement: w
-        } = await Xe(f, p, {
+          x: $,
+          y: T,
+          placement: x
+        } = await Ye(p, v, {
           placement: e.placement,
           strategy: "fixed",
-          middleware: [De(8), Me(), yt()]
+          middleware: [Ne(8), Me(), wt()]
         });
-        i.value = w ?? e.placement, p.style.left = `${z}px`, p.style.top = `${S}px`;
-      }, b = async () => {
+        i.value = x ?? e.placement, v.style.left = `${$}px`, v.style.top = `${T}px`;
+      }, h = async () => {
         await C();
-      }, x = Ie(f, () => {
-        b();
-      }), V = () => {
-        b();
+      }, F = Xe(p, () => {
+        h();
+      }), R = () => {
+        h();
       };
-      document.addEventListener("scroll", V, !0), window.addEventListener("resize", V, !1), n = {
-        update: b,
+      document.addEventListener("scroll", R, !0), window.addEventListener("resize", R, !1), l = {
+        update: h,
         destroy: () => {
-          x(), document.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V, !1);
+          F(), document.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R, !1);
         }
-      }, n.update();
+      }, l.update();
     };
-    ne(c, async (f) => {
-      if (!f) {
-        n && (n.destroy(), n = null);
+    ne(c, async (p) => {
+      if (!p) {
+        l && (l.destroy(), l = null);
         return;
       }
-      n || s(), n == null || n.update();
+      l || n(), l == null || l.update();
     }), Oe(() => {
-      c.value && s();
+      c.value && n();
     }), $e(() => {
-      n == null || n.destroy(), n = null;
+      l == null || l.destroy(), l = null;
     });
-    const v = B(() => !!e.text || !!(l.value && l.value.textContent));
-    return ne(v, (f) => {
-      f || (c.value = !1);
-    }), (f, p) => (m(), k(ce, null, [
-      R("span", {
+    const f = y(() => !!e.text || !!(a.value && a.value.textContent));
+    return ne(f, (p) => {
+      p || (c.value = !1);
+    }), (p, v) => (g(), k(ce, null, [
+      S("span", {
         ref_key: "trigger",
         ref: o,
         class: "vf-tooltip__trigger",
-        "aria-describedby": u,
-        onMouseenter: d,
-        onMouseleave: a,
-        onFocus: d,
-        onBlur: a
+        "aria-describedby": d,
+        onMouseenter: u,
+        onMouseleave: s,
+        onFocus: u,
+        onBlur: s
       }, [
-        _(f.$slots, "default")
+        w(p.$slots, "default")
       ], 544),
-      (m(), I(xe, { to: "body" }, [
-        ke(R("div", {
-          id: u,
+      (g(), N(xe, { to: "body" }, [
+        ve(S("div", {
+          id: d,
           ref_key: "panel",
-          ref: l,
+          ref: a,
           class: "vf-tooltip",
           role: "tooltip",
           "data-placement": i.value
         }, [
-          R("span", Zt, [
-            _(f.$slots, "content", {}, () => [
-              ae(X(f.text), 1)
+          S("span", io, [
+            w(p.$slots, "content", {}, () => [
+              Q(A(p.text), 1)
             ])
           ]),
-          f.arrow ? (m(), k("span", Jt)) : $("", !0)
-        ], 8, qt), [
-          [Ce, c.value]
+          p.arrow ? (g(), k("span", co)) : z("", !0)
+        ], 8, so), [
+          [pe, c.value]
         ])
       ]))
     ], 64));
   }
-}), Qt = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], eo = (t) => {
+}), uo = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], fo = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, to = (t) => t.filter((e) => !Qt.includes(e)).map((e) => eo(e)).join("-").toLowerCase(), we = (t) => t.join("."), oo = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Fe = (t) => {
-  if (!oo(t))
+}, vo = (t) => t.filter((e) => !uo.includes(e)).map((e) => fo(e)).join("-").toLowerCase(), _e = (t) => t.join("."), po = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), ze = (t) => {
+  if (!po(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();
-}, Ye = (t) => {
-  const e = Fe(t);
+}, Ge = (t) => {
+  const e = ze(t);
   if (!e)
     return [0, 0, 0];
-  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, l = r >> 8 & 255, c = r & 255;
-  return [o, l, c];
-}, Te = (t) => {
-  const [e, r, o] = Ye(t);
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, a = r >> 8 & 255, c = r & 255;
+  return [o, a, c];
+}, Re = (t) => {
+  const [e, r, o] = Ge(t);
   return `${e}, ${r}, ${o}`;
-}, ro = (t, e, r) => {
-  const o = t / 255, l = e / 255, c = r / 255, i = Math.max(o, l, c), u = Math.min(o, l, c), n = i - u;
-  let d = 0, a = 0;
-  const s = (i + u) / 2;
-  if (n !== 0) {
-    switch (a = n / (1 - Math.abs(2 * s - 1)), i) {
+}, bo = (t, e, r) => {
+  const o = t / 255, a = e / 255, c = r / 255, i = Math.max(o, a, c), d = Math.min(o, a, c), l = i - d;
+  let u = 0, s = 0;
+  const n = (i + d) / 2;
+  if (l !== 0) {
+    switch (s = l / (1 - Math.abs(2 * n - 1)), i) {
       case o:
-        d = (l - c) / n % 6;
+        u = (a - c) / l % 6;
         break;
-      case l:
-        d = (c - o) / n + 2;
+      case a:
+        u = (c - o) / l + 2;
         break;
       case c:
-        d = (o - l) / n + 4;
+        u = (o - a) / l + 4;
         break;
     }
-    d *= 60, d < 0 && (d += 360);
+    u *= 60, u < 0 && (u += 360);
   }
-  return [d, a * 100, s * 100];
-}, lo = (t, e, r) => {
-  const o = e / 100, l = r / 100, c = (1 - Math.abs(2 * l - 1)) * o, i = c * (1 - Math.abs(t / 60 % 2 - 1)), u = l - c / 2;
-  let n = 0, d = 0, a = 0;
-  t >= 0 && t < 60 ? (n = c, d = i, a = 0) : t >= 60 && t < 120 ? (n = i, d = c, a = 0) : t >= 120 && t < 180 ? (n = 0, d = c, a = i) : t >= 180 && t < 240 ? (n = 0, d = i, a = c) : t >= 240 && t < 300 ? (n = i, d = 0, a = c) : (n = c, d = 0, a = i);
-  const s = Math.round((n + u) * 255), v = Math.round((d + u) * 255), f = Math.round((a + u) * 255);
-  return [s, v, f];
-}, no = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, ao = (t, e, r) => Math.min(r, Math.max(e, t)), so = (t, e) => {
-  const r = Fe(t);
+  return [u, s * 100, n * 100];
+}, go = (t, e, r) => {
+  const o = e / 100, a = r / 100, c = (1 - Math.abs(2 * a - 1)) * o, i = c * (1 - Math.abs(t / 60 % 2 - 1)), d = a - c / 2;
+  let l = 0, u = 0, s = 0;
+  t >= 0 && t < 60 ? (l = c, u = i, s = 0) : t >= 60 && t < 120 ? (l = i, u = c, s = 0) : t >= 120 && t < 180 ? (l = 0, u = c, s = i) : t >= 180 && t < 240 ? (l = 0, u = i, s = c) : t >= 240 && t < 300 ? (l = i, u = 0, s = c) : (l = c, u = 0, s = i);
+  const n = Math.round((l + d) * 255), f = Math.round((u + d) * 255), p = Math.round((s + d) * 255);
+  return [n, f, p];
+}, mo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, ho = (t, e, r) => Math.min(r, Math.max(e, t)), yo = (t, e) => {
+  const r = ze(t);
   if (!r)
     return t;
-  const [o, l, c] = Ye(r), [i, u, n] = ro(o, l, c), a = (e - 5) * 7, s = ao(n + a, 0, 100), [v, f, p] = lo(i, u, s);
-  return no(v, f, p);
-}, ye = (t) => !!t && typeof t == "object" && !Array.isArray(t), Be = (t, e) => {
+  const [o, a, c] = Ge(r), [i, d, l] = bo(o, a, c), s = (e - 5) * 7, n = ho(l + s, 0, 100), [f, p, v] = go(i, d, n);
+  return mo(f, p, v);
+}, Ce = (t) => !!t && typeof t == "object" && !Array.isArray(t), Se = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
-    const l = e[o], c = t[o];
-    ye(c) && ye(l) ? r[o] = Be(c, l) : r[o] = l;
+    const a = e[o], c = t[o];
+    Ce(c) && Ce(a) ? r[o] = Se(c, a) : r[o] = a;
   }
   return r;
-}, io = (t) => {
+}, ko = (t) => {
   if (!t)
     return null;
-  if (ye(t) && "preset" in t) {
+  if (Ce(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -1436,42 +1618,42 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
     };
   }
   return { preset: t };
-}, co = (t) => {
-  const e = [], r = [], o = [], l = [], c = (n) => o.push(n), i = (n) => l.push(n), u = (n, d) => {
-    if (!(!n || typeof n != "object"))
-      for (const a in n) {
-        const s = n[a], v = d.concat([a]);
-        if (ye(s)) {
-          u(s, v);
+}, Co = (t) => {
+  const e = [], r = [], o = [], a = [], c = (l) => o.push(l), i = (l) => a.push(l), d = (l, u) => {
+    if (!(!l || typeof l != "object"))
+      for (const s in l) {
+        const n = l[s], f = u.concat([s]);
+        if (Ce(n)) {
+          d(n, f);
           continue;
         }
-        if (s && typeof s == "object") {
-          i(`Theme value "${we(v)}" is not a plain object or string and will be ignored.`);
+        if (n && typeof n == "object") {
+          i(`Theme value "${_e(f)}" is not a plain object or string and will be ignored.`);
           continue;
         }
-        if (typeof s != "string") {
-          i(`Theme value "${we(v)}" is not a string and will be ignored.`);
+        if (typeof n != "string") {
+          i(`Theme value "${_e(f)}" is not a string and will be ignored.`);
           continue;
         }
-        const p = v.includes("colorScheme") && v.includes("dark") ? r : e, C = to(v);
-        if (p.push(`--vf-${C}: ${s}`), v.includes("colors")) {
-          const b = Fe(s);
-          if (!b) {
+        const v = f.includes("colorScheme") && f.includes("dark") ? r : e, C = vo(f);
+        if (v.push(`--vf-${C}: ${n}`), f.includes("colors")) {
+          const h = ze(n);
+          if (!h) {
             c(
-              `Theme color "${we(v)}" is not hex. Shade variables will not be generated for it.`
+              `Theme color "${_e(f)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (p.push(`--vf-${C}-rgb: ${Te(b)}`), a !== "white")
-            for (let x = 1; x < 10; ++x) {
-              const V = so(b, x);
-              p.push(`--vf-${C}-${x}00: ${V}`), p.push(`--vf-${C}-${x}00-rgb: ${Te(V)}`);
+          if (v.push(`--vf-${C}-rgb: ${Re(h)}`), s !== "white")
+            for (let F = 1; F < 10; ++F) {
+              const R = yo(h, F);
+              v.push(`--vf-${C}-${F}00: ${R}`), v.push(`--vf-${C}-${F}00-rgb: ${Re(R)}`);
             }
         }
       }
   };
-  return u(t, []), { baseVars: e, darkVars: r, warnings: o, errors: l };
-}, uo = (t) => {
+  return d(t, []), { baseVars: e, darkVars: r, warnings: o, errors: a };
+}, _o = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -1479,48 +1661,48 @@ const mt = (t, e) => t.strategy ? t.strategy : ht(e) ? "fixed" : "absolute", Q =
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, fo = (t) => ({
+}, wo = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), vo = (t, e, r, o) => {
-  const { baseVars: l, darkVars: c, warnings: i, errors: u } = co(t), n = uo("vueforge-theme");
-  if (!n)
+}), $o = (t, e, r, o) => {
+  const { baseVars: a, darkVars: c, warnings: i, errors: d } = Co(t), l = _o("vueforge-theme");
+  if (!l)
     return;
-  if (u.length) {
+  if (d.length) {
     if (o)
-      throw new Error(`[VueForge] ${u.join(" ")}`);
-    for (const a of u)
-      console.warn(`[VueForge] ${a}`);
+      throw new Error(`[VueForge] ${d.join(" ")}`);
+    for (const s of d)
+      console.warn(`[VueForge] ${s}`);
   }
   if (i.length)
-    for (const a of i)
-      console.warn(`[VueForge] ${a}`);
-  const d = [];
-  l.length && d.push(`${e} { ${l.join(";")} }`), c.length && d.push(`${r} { ${c.join(";")} }`), n.textContent = d.join(`
+    for (const s of i)
+      console.warn(`[VueForge] ${s}`);
+  const u = [];
+  a.length && u.push(`${e} { ${a.join(";")} }`), c.length && u.push(`${r} { ${c.join(";")} }`), l.textContent = u.join(`
 `);
 };
 let J = null;
-const je = (t) => {
-  const e = io(t);
+const Ue = (t) => {
+  const e = ko(t);
   if (!e)
     return;
-  const r = Be(e.preset, e.overrides), { selector: o, darkSelector: l } = fo(e);
-  J = { ...e }, vo(r, o, l, e.strict);
-}, Po = (t) => {
+  const r = Se(e.preset, e.overrides), { selector: o, darkSelector: a } = wo(e);
+  J = { ...e }, $o(r, o, a, e.strict);
+}, rr = (t) => {
   if (!J)
     return;
-  const e = t.overrides === void 0 ? J.overrides : Be(J.overrides ?? {}, t.overrides ?? {}), r = {
+  const e = t.overrides === void 0 ? J.overrides : Se(J.overrides ?? {}, t.overrides ?? {}), r = {
     preset: t.preset ?? J.preset,
     overrides: e,
     selector: t.selector ?? J.selector,
     darkSelector: t.darkSelector ?? J.darkSelector
   };
-  je(r);
-}, Ao = () => J ? { ...J } : null, Do = {
+  Ue(r);
+}, ar = () => J ? { ...J } : null, lr = {
   install(t, e = {}) {
-    e.theme && je(e.theme);
+    e.theme && Ue(e.theme);
   }
-}, Re = {
+}, Le = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -1583,7 +1765,7 @@ const je = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, po = {
+}, xo = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -1725,11 +1907,11 @@ const je = (t) => {
       }
     }
   }
-}, go = {
+}, Bo = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, ho = {
+}, Fo = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -1750,7 +1932,7 @@ const je = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, mo = {
+}, zo = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -1773,10 +1955,10 @@ const je = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, bo = {
+}, So = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, yo = {
+}, Vo = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -1796,7 +1978,7 @@ const je = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, ko = {
+}, To = {
   width: "90vw",
   maxWidth: "520px",
   maxHeight: "80vh",
@@ -1823,9 +2005,9 @@ const je = (t) => {
   closeColor: "var(--vf-text-color)",
   closeFontSize: "1.25rem",
   closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
-}, Co = {
+}, Ro = {
   backgroundColor: "var(--vf-bg-color)"
-}, wo = {
+}, Lo = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -1858,7 +2040,7 @@ const je = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, _o = {
+}, Wo = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -1870,7 +2052,21 @@ const je = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, $o = {
+}, Ho = {
+  size: "1rem",
+  dotSize: "0.45rem",
+  gap: "0.5rem",
+  groupGap: "0.5rem",
+  borderRadius: "999px",
+  dotBorderRadius: "999px",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-controls-background-color)",
+  checkedBackgroundColor: "var(--vf-blue)",
+  checkedBorderColor: "var(--vf-blue)",
+  dotColor: "#ffffff",
+  textColor: "var(--vf-text-color)",
+  disabledOpacity: "var(--vf-states-disabled-opacity)"
+}, Io = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -1882,7 +2078,28 @@ const je = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, xo = {
+}, Oo = {
+  gap: "0.75rem",
+  listGap: "0.5rem",
+  listBorderWidth: "1px",
+  listBorderColor: "var(--vf-border-color)",
+  listVerticalPadding: "0.75rem",
+  tabPadding: "0.45rem 0.75rem",
+  tabFontSize: "var(--vf-typography-font-size)",
+  tabBorderRadius: "0",
+  tabTextColor: "var(--vf-secondary-text-color)",
+  tabBackgroundColor: "transparent",
+  tabHoverBackgroundColor: "transparent",
+  tabActiveTextColor: "var(--vf-text-color)",
+  tabActiveBackgroundColor: "transparent",
+  tabActiveBorderColor: "var(--vf-blue)",
+  tabActiveBorderWidth: "2px",
+  panelPadding: "0",
+  panelBorderRadius: "var(--vf-radii-md)",
+  panelBackgroundColor: "transparent",
+  panelTextColor: "var(--vf-text-color)",
+  disabledOpacity: "var(--vf-states-disabled-opacity)"
+}, Eo = {
   padding: "0.35rem 0.6rem",
   borderRadius: "8px",
   backgroundColor: "rgba(0, 0, 0, 0.8)",
@@ -1893,40 +2110,47 @@ const je = (t) => {
   zIndex: "120",
   maxWidth: "240px",
   arrowSize: "8px"
-}, Io = {
-  ...Re,
+}, nr = {
+  ...Le,
   components: {
-    base: Re,
-    button: po,
-    card: go,
-    input: ho,
-    textarea: mo,
-    link: bo,
-    menu: yo,
-    modal: ko,
-    popover: Co,
-    select: wo,
-    checkbox: _o,
-    switch: $o,
-    tooltip: xo
+    base: Le,
+    button: xo,
+    card: Bo,
+    input: Fo,
+    textarea: zo,
+    link: So,
+    menu: Vo,
+    modal: To,
+    popover: Ro,
+    select: Lo,
+    checkbox: Wo,
+    radio: Ho,
+    switch: Io,
+    tabs: Oo,
+    tooltip: Eo
   }
 };
 export {
-  To as Button,
-  st as Card,
-  Wo as Checkbox,
-  Io as DefaultTheme,
-  Ro as Input,
-  He as Link,
-  So as Menu,
-  Eo as Modal,
-  Ho as Popover,
-  Vo as Select,
-  Oo as Switch,
-  Lo as Textarea,
-  Mo as Tooltip,
-  Do as VueForge,
-  Ao as getTheme,
-  je as setTheme,
-  Po as updateTheme
+  Ko as Button,
+  ut as Card,
+  jo as Checkbox,
+  nr as DefaultTheme,
+  No as Input,
+  Pe as Link,
+  Do as Menu,
+  tr as Modal,
+  er as Popover,
+  Uo as RadioButton,
+  Go as RadioGroup,
+  Yo as Select,
+  Qo as Switch,
+  Zo as Tab,
+  Jo as TabPanel,
+  qo as Tabs,
+  Xo as Textarea,
+  or as Tooltip,
+  lr as VueForge,
+  ar as getTheme,
+  Ue as setTheme,
+  rr as updateTheme
 };