@codemonster-ru/vueforge 0.5.0 → 0.6.0

package/dist/index.ts.mjs

@@ -1,72 +1,7 @@
-import { openBlock as p, createElementBlock as b, renderSlot as g, defineComponent as E, createVNode as Z, withCtx as L, resolveComponent as de, createElementVNode as $, ref as j, computed as C, watch as ae, normalizeClass as k, Fragment as ne, createTextVNode as ee, toDisplayString as H, createBlock as V, createCommentVNode as w, renderList as ye, withKeys as K, withModifiers as q, unref as J, nextTick as pe, onMounted as Re, onBeforeUnmount as Se, Teleport as Ve, withDirectives as _e, vShow as ke, reactive as ze, createSlots as We } from "vue";
-import { useRoute as Me, useRouter as He } from "vue-router";
-import { CmIcon as Q } from "@codemonster-ru/vueiconify";
-const U = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [o, n] of e)
-    r[o] = n;
-  return r;
-}, Ee = {}, Ae = { class: "vf-header" };
-function Pe(t, e) {
-  return p(), b("header", Ae, [
-    g(t.$slots, "default")
-  ]);
-}
-const De = /* @__PURE__ */ U(Ee, [["render", Pe]]), Oe = {}, Ne = { class: "vf-content" };
-function Ie(t, e) {
-  return p(), b("div", Ne, [
-    g(t.$slots, "default")
-  ]);
-}
-const je = /* @__PURE__ */ U(Oe, [["render", Ie]]), Xe = {}, Ye = { class: "vf-footer" };
-function Ke(t, e) {
-  return p(), b("footer", Ye, [
-    g(t.$slots, "default")
-  ]);
-}
-const qe = /* @__PURE__ */ U(Xe, [["render", Ke]]), Ue = { class: "vf-layout" }, No = /* @__PURE__ */ E({
-  __name: "defaultLayout",
-  setup(t) {
-    return (e, r) => (p(), b("div", Ue, [
-      Z(De, null, {
-        default: L(() => [
-          g(e.$slots, "header")
-        ]),
-        _: 3
-      }),
-      Z(je, null, {
-        default: L(() => [
-          g(e.$slots, "content")
-        ]),
-        _: 3
-      }),
-      Z(qe, null, {
-        default: L(() => [
-          g(e.$slots, "footer")
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), Ge = {}, Ze = { class: "vf-left-sidebar-flexbox" }, Je = { class: "vf-left-sidebar" }, Qe = { class: "vf-main-content" };
-function et(t, e) {
-  const r = de("router-view");
-  return p(), b("div", Ze, [
-    $("div", Je, [
-      g(t.$slots, "leftSidebar")
-    ]),
-    $("div", Qe, [
-      Z(r)
-    ])
-  ]);
-}
-const Io = /* @__PURE__ */ U(Ge, [["render", et]]), tt = {}, ot = { class: "vf-demo" };
-function rt(t, e) {
-  return p(), b("div", ot, [
-    g(t.$slots, "default")
-  ]);
-}
-const jo = /* @__PURE__ */ U(tt, [["render", rt]]), nt = ["href", "aria-disabled", "tabindex"], ue = /* @__PURE__ */ E({
+import { defineComponent as X, ref as N, computed as w, watch as le, resolveComponent as be, openBlock as g, createElementBlock as h, normalizeClass as C, renderSlot as k, Fragment as oe, createTextVNode as J, toDisplayString as M, createBlock as W, withCtx as I, createCommentVNode as _, createElementVNode as B, renderList as ge, withKeys as K, withModifiers as G, unref as U, createVNode as he, nextTick as de, onMounted as Re, onBeforeUnmount as Se, Teleport as Le, withDirectives as me, vShow as ye, reactive as Ve, createSlots as ze } from "vue";
+import { useRoute as We, useRouter as Me } from "vue-router";
+import { CmIcon as Z } from "@codemonster-ru/vueiconify";
+const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -80,132 +15,96 @@ const jo = /* @__PURE__ */ U(tt, [["render", rt]]), nt = ["href", "aria-disabled
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = Me(), d = He(), a = j(null), c = C(() => o.href ?? o.url), l = C(() => o.as ? o.as : o.type === "router-link" || o.type === "a" ? o.type : o.to ? "router-link" : "a"), f = C(() => o.to ? d.resolve(o.to) : null), u = C(() => {
+    const r = e, o = t, n = We(), c = Me(), s = N(null), i = w(() => o.href ?? o.url), l = w(() => 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 = w(() => o.to), d = w(() => o.to ? c.resolve(o.to) : null), a = w(() => {
       if (l.value !== "router-link")
         return !1;
-      const i = f.value;
-      return i ? i.name ? n.matched.some(({ name: m }) => m === i.name) : i.fullPath ? n.fullPath === i.fullPath : n.path === i.path : !1;
-    }), s = C(() => o.active === void 0 ? u.value : o.active), v = (i) => {
+      const p = d.value;
+      return p ? p.name ? n.matched.some(({ name: y }) => y === p.name) : p.fullPath ? n.fullPath === p.fullPath : n.path === p.path : !1;
+    }), v = w(() => o.active === void 0 ? a.value : o.active), f = (p) => {
       if (!o.disabled) {
-        r("click", i);
+        r("click", p);
         return;
       }
-      i.preventDefault(), i.stopPropagation();
+      p.preventDefault(), p.stopPropagation();
     };
-    return ae(u, (i) => {
-      i && (r("active"), r("onActive")), r("update:active", i);
-    }), (i, m) => {
-      const _ = de("router-link");
-      return l.value === "a" ? (p(), b("a", {
+    return le(a, (p) => {
+      p && (r("active"), r("onActive")), r("update:active", p);
+    }), (p, y) => {
+      const m = be("router-link");
+      return l.value === "a" ? (g(), h("a", {
         key: 0,
-        href: c.value,
-        class: k(["vf-link", { "vf-link_active": s.value, "vf-link_disabled": i.disabled }]),
-        "aria-disabled": i.disabled,
-        tabindex: i.disabled ? -1 : void 0,
-        onClick: v
+        href: i.value,
+        class: C(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": p.disabled }]),
+        "aria-disabled": p.disabled,
+        tabindex: p.disabled ? -1 : void 0,
+        onClick: f
       }, [
-        i.$slots.default ? g(i.$slots, "default", { key: 0 }) : (p(), b(ne, { key: 1 }, [
-          ee(H(i.label), 1)
+        p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (g(), h(oe, { key: 1 }, [
+          J(M(p.label), 1)
         ], 64))
-      ], 10, nt)) : (p(), V(_, {
+      ], 10, He)) : (g(), W(m, {
         key: 1,
         ref_key: "link",
-        ref: a,
-        to: i.to,
-        class: k(["vf-link", { "vf-link_active": s.value }]),
-        "aria-disabled": i.disabled,
-        tabindex: i.disabled ? -1 : void 0,
+        ref: s,
+        to: u.value,
+        class: C(["vf-link", { "vf-link_active": v.value }]),
+        "aria-disabled": p.disabled,
+        tabindex: p.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active",
-        onClick: v
+        onClick: f
       }, {
-        default: L(() => [
-          i.$slots.default ? g(i.$slots, "default", { key: 0 }) : (p(), b(ne, { key: 1 }, [
-            ee(H(i.label), 1)
+        default: I(() => [
+          p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (g(), h(oe, { key: 1 }, [
+            J(M(p.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), lt = {}, st = { class: "vf-card" }, at = {
+}), Oe = (t, e) => {
+  const r = t.__vccOpts || t;
+  for (const [o, n] of e)
+    r[o] = n;
+  return r;
+}, Ee = {}, Pe = { class: "vf-card" }, Ae = {
   key: 0,
   class: "vf-card__default"
-}, it = {
+}, De = {
   key: 1,
   class: "vf-card__header"
-}, ct = {
+}, Ne = {
   key: 2,
   class: "vf-card__body"
-}, dt = {
+}, Ie = {
   key: 3,
   class: "vf-card__footer"
 };
-function ut(t, e) {
-  return p(), b("div", st, [
-    t.$slots.default ? (p(), b("div", at, [
-      g(t.$slots, "default")
-    ])) : w("", !0),
-    t.$slots.header ? (p(), b("div", it, [
-      g(t.$slots, "header")
-    ])) : w("", !0),
-    t.$slots.body ? (p(), b("div", ct, [
-      g(t.$slots, "body")
-    ])) : w("", !0),
-    t.$slots.footer ? (p(), b("div", dt, [
-      g(t.$slots, "footer")
-    ])) : w("", !0)
+function je(t, e) {
+  return g(), h("div", Pe, [
+    t.$slots.default ? (g(), h("div", Ae, [
+      k(t.$slots, "default")
+    ])) : _("", !0),
+    t.$slots.header ? (g(), h("div", De, [
+      k(t.$slots, "header")
+    ])) : _("", !0),
+    t.$slots.body ? (g(), h("div", Ne, [
+      k(t.$slots, "body")
+    ])) : _("", !0),
+    t.$slots.footer ? (g(), h("div", Ie, [
+      k(t.$slots, "footer")
+    ])) : _("", !0)
   ]);
 }
-const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, pt = ["src", "width", "height", "alt"], ht = ["src", "width", "height", "alt"], Xo = /* @__PURE__ */ E({
-  __name: "logo",
-  props: {
-    to: { default: void 0 },
-    href: { default: void 0 },
-    url: { default: void 0 },
-    src: {},
-    alt: { default: void 0 },
-    as: { default: void 0 },
-    type: { default: void 0 },
-    dark: { type: Boolean },
-    width: { default: void 0 },
-    height: { default: void 0 }
-  },
-  setup(t) {
-    const e = t, r = C(() => e.as ? e.as : e.type === "router-link" || e.type === "a" ? e.type : e.to ? "router-link" : e.href || e.url ? "a" : ""), o = C(() => Array.isArray(e.src) ? e.dark ? e.src[1] : e.src[0] : e.src);
-    return (n, d) => (p(), b("div", vt, [
-      r.value ? (p(), V(ue, {
-        key: 0,
-        as: r.value,
-        to: n.to,
-        href: n.href ?? n.url
-      }, {
-        default: L(() => [
-          $("img", {
-            src: o.value,
-            width: n.width,
-            height: n.height,
-            alt: n.alt
-          }, null, 8, pt)
-        ]),
-        _: 1
-      }, 8, ["as", "to", "href"])) : (p(), b("img", {
-        key: 1,
-        src: o.value,
-        width: n.width,
-        height: n.height,
-        alt: n.alt
-      }, null, 8, ht))
-    ]));
-  }
-}), bt = {
+const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
   class: "vf-menu__list",
   role: "menu"
-}, gt = {
+}, Ke = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, mt = ["aria-expanded", "onClick", "onKeydown"], Yo = /* @__PURE__ */ E({
+}, Ge = ["aria-expanded", "onClick", "onKeydown"], io = /* @__PURE__ */ X({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -214,87 +113,87 @@ const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, p
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = j([]), d = (u, s) => `${u.label ?? u.to ?? u.href ?? u.url ?? "item"}_${s.toString()}`, a = (u) => u.to ? "router-link" : "a", c = (u) => u.map((s) => ({
-      ...s,
-      items: s.items ? c(s.items) : void 0
-    })), l = (u) => {
-      u.items && u.items.length ? (n.value.map((s) => {
-        s !== u && (s.subMenuVisible = !1);
-      }), u.subMenuVisible = !u.subMenuVisible) : Object.prototype.hasOwnProperty.call(u, "command") && typeof u.command == "function" && u.command();
-    }, f = (u) => {
-      var s;
+    const r = e, o = t, n = N([]), c = (d, a) => `${d.label ?? d.to ?? d.href ?? d.url ?? "item"}_${a.toString()}`, s = (d) => d.to ? "router-link" : "a", i = (d) => d.map((a) => ({
+      ...a,
+      items: a.items ? i(a.items) : void 0
+    })), l = (d) => {
+      d.items && d.items.length ? (n.value.map((a) => {
+        a !== d && (a.subMenuVisible = !1);
+      }), d.subMenuVisible = !d.subMenuVisible) : Object.prototype.hasOwnProperty.call(d, "command") && typeof d.command == "function" && d.command();
+    }, u = (d) => {
+      var a;
       for (const v in n.value) {
-        const i = n.value[v];
-        Object.prototype.hasOwnProperty.call(i, "items") && ((s = i.items) != null && s.some((m) => m === u) ? (i.active = !0, i.subMenuVisible = !0) : (i.active = !1, i.subMenuVisible = !1));
+        const f = n.value[v];
+        Object.prototype.hasOwnProperty.call(f, "items") && ((a = f.items) != null && a.some((p) => p === d) ? (f.active = !0, f.subMenuVisible = !0) : (f.active = !1, f.subMenuVisible = !1));
       }
-      r("active", u), r("onActive", u);
+      r("active", d), r("onActive", d);
     };
-    return ae(
+    return le(
       () => o.items,
-      (u) => {
-        n.value = c(u);
+      (d) => {
+        n.value = i(d);
       },
       { deep: !0, immediate: !0 }
-    ), (u, s) => {
-      const v = de("VfMenu");
-      return p(), b("div", {
-        class: k(["vf-menu", `vf-menu_${u.orientation}`])
+    ), (d, a) => {
+      const v = be("VfMenu");
+      return g(), h("div", {
+        class: C(["vf-menu", `vf-menu_${d.orientation}`])
       }, [
-        $("ul", bt, [
-          (p(!0), b(ne, null, ye(n.value, (i, m) => (p(), b("li", {
-            key: d(i, m),
+        B("ul", Ye, [
+          (g(!0), h(oe, null, ge(n.value, (f, p) => (g(), h("li", {
+            key: c(f, p),
             class: "vf-menu__item",
             role: "none"
           }, [
-            u.$slots[d(i, m)] ? g(u.$slots, d(i, m), {
+            d.$slots[c(f, p)] ? k(d.$slots, c(f, p), {
               key: 0,
-              item: { ...i, class: "vf-menu__link" }
-            }) : i.separator ? (p(), b("hr", gt)) : i.items && i.items.length ? (p(), b(ne, { key: 2 }, [
-              $("div", {
-                class: k(["vf-menu__parent", { "vf-menu__parent_active": i.active }]),
+              item: { ...f, class: "vf-menu__link" }
+            }) : f.separator ? (g(), h("hr", Ke)) : f.items && f.items.length ? (g(), h(oe, { key: 2 }, [
+              B("div", {
+                class: C(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": i.subMenuVisible ? "true" : "false",
-                onClick: (_) => l(i),
+                "aria-expanded": f.subMenuVisible ? "true" : "false",
+                onClick: (y) => l(f),
                 onKeydown: [
-                  K(q((_) => l(i), ["prevent"]), ["enter"]),
-                  K(q((_) => l(i), ["prevent"]), ["space"])
+                  K(G((y) => l(f), ["prevent"]), ["enter"]),
+                  K(G((y) => l(f), ["prevent"]), ["space"])
                 ]
               }, [
-                i.icon ? (p(), V(J(Q), {
+                f.icon ? (g(), W(U(Z), {
                   key: 0,
-                  icon: i.icon,
+                  icon: f.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : w("", !0),
-                ee(" " + H(i.label) + " ", 1),
-                Z(J(Q), { icon: "chevronDown" })
-              ], 42, mt),
-              i.items ? (p(), V(v, {
+                }, null, 8, ["icon"])) : _("", !0),
+                J(" " + M(f.label) + " ", 1),
+                he(U(Z), { icon: "chevronDown" })
+              ], 42, Ge),
+              f.items ? (g(), W(v, {
                 key: 0,
-                items: i.items,
-                class: k(["vf-menu__submenu", { "vf-menu__submenu_visible": i.subMenuVisible }]),
-                onOnActive: f
-              }, null, 8, ["items", "class"])) : w("", !0)
-            ], 64)) : (p(), V(ue, {
+                items: f.items,
+                class: C(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
+                onOnActive: u
+              }, null, 8, ["items", "class"])) : _("", !0)
+            ], 64)) : (g(), W(ke, {
               key: 3,
-              to: i.to,
-              href: i.href ?? i.url,
-              as: a(i),
+              to: f.to,
+              href: f.href ?? f.url,
+              as: s(f),
               class: "vf-menu__link",
-              active: i.active,
-              disabled: i.disabled,
+              active: f.active,
+              disabled: f.disabled,
               role: "menuitem",
-              "aria-disabled": i.disabled ? "true" : "false",
-              onClick: (_) => l(i),
-              onActive: (_) => f(i)
+              "aria-disabled": f.disabled ? "true" : "false",
+              onClick: (y) => l(f),
+              onActive: (y) => u(f)
             }, {
-              default: L(() => [
-                i.icon ? (p(), V(J(Q), {
+              default: I(() => [
+                f.icon ? (g(), W(U(Z), {
                   key: 0,
-                  icon: i.icon,
+                  icon: f.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : w("", !0),
-                ee(" " + H(i.label), 1)
+                }, null, 8, ["icon"])) : _("", !0),
+                J(" " + M(f.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -303,7 +202,7 @@ const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, p
       ], 2);
     };
   }
-}), yt = ["type", "disabled"], Ko = /* @__PURE__ */ E({
+}), qe = ["type", "disabled"], co = /* @__PURE__ */ X({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -322,70 +221,70 @@ const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, p
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, r = ["button", "submit", "reset"], o = (u) => !!u && r.includes(u), n = C(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = C(() => o(e.type) ? e.type : "button"), a = C(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !o(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), c = C(() => {
-      let u = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && u.push("vf-button_vertical"), e.variant === "text" && u.push("vf-button_text"), e.variant === "outlined" && u.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && u.push(`vf-button_${e.size}`), (e.loading || e.disabled) && u.push("vf-button_disabled"), e.rounded && u.push("vf-button_rounded"), u;
-    }), l = C(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), f = C(() => ["vf-button__label"]);
-    return (u, s) => n.value ? (p(), b("button", {
+    const e = t, r = ["button", "submit", "reset"], o = (d) => !!d && r.includes(d), n = w(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), c = w(() => o(e.type) ? e.type : "button"), s = w(() => 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"), i = w(() => {
+      let d = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && d.push("vf-button_vertical"), e.variant === "text" && d.push("vf-button_text"), e.variant === "outlined" && d.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && d.push(`vf-button_${e.size}`), (e.loading || e.disabled) && d.push("vf-button_disabled"), e.rounded && d.push("vf-button_rounded"), d;
+    }), l = w(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = w(() => ["vf-button__label"]);
+    return (d, a) => n.value ? (g(), h("button", {
       key: 0,
-      type: d.value,
-      class: k(c.value),
+      type: c.value,
+      class: C(i.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (p(), V(J(Q), {
+      e.icon && !e.loading ? (g(), W(U(Z), {
         key: 0,
         icon: e.icon,
-        class: k(l.value)
-      }, null, 8, ["icon", "class"])) : w("", !0),
-      e.loading ? (p(), V(J(Q), {
+        class: C(l.value)
+      }, null, 8, ["icon", "class"])) : _("", !0),
+      e.loading ? (g(), W(U(Z), {
         key: 1,
         icon: "circleNotch",
-        class: k(l.value),
+        class: C(l.value),
         spin: ""
-      }, null, 8, ["class"])) : w("", !0),
-      u.$slots.default ? (p(), b("span", {
+      }, null, 8, ["class"])) : _("", !0),
+      d.$slots.default ? (g(), h("span", {
         key: 2,
-        class: k(f.value)
+        class: C(u.value)
       }, [
-        g(u.$slots, "default")
-      ], 2)) : u.label ? (p(), b("span", {
+        k(d.$slots, "default")
+      ], 2)) : d.label ? (g(), h("span", {
         key: 3,
-        class: k(f.value)
-      }, H(u.label), 3)) : w("", !0)
-    ], 10, yt)) : (p(), V(ue, {
+        class: C(u.value)
+      }, M(d.label), 3)) : _("", !0)
+    ], 10, qe)) : (g(), W(ke, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
-      as: a.value,
-      class: k(c.value),
+      as: s.value,
+      class: C(i.value),
       disabled: e.loading || e.disabled
     }, {
-      default: L(() => [
-        e.icon ? (p(), V(J(Q), {
+      default: I(() => [
+        e.icon ? (g(), W(U(Z), {
           key: 0,
           icon: e.icon,
-          class: k(l.value)
-        }, null, 8, ["icon", "class"])) : w("", !0),
-        u.$slots.default ? (p(), b("span", {
+          class: C(l.value)
+        }, null, 8, ["icon", "class"])) : _("", !0),
+        d.$slots.default ? (g(), h("span", {
           key: 1,
-          class: k(f.value)
+          class: C(u.value)
         }, [
-          g(u.$slots, "default")
-        ], 2)) : u.label ? (p(), b("span", {
+          k(d.$slots, "default")
+        ], 2)) : d.label ? (g(), h("span", {
           key: 2,
-          class: k(f.value)
-        }, H(u.label), 3)) : w("", !0)
+          class: C(u.value)
+        }, M(d.label), 3)) : _("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), _t = {
+}), Ue = {
   key: 0,
   class: "vf-input__prefix"
-}, kt = ["type", "value", "placeholder", "disabled", "readonly"], Ct = {
+}, Ze = ["type", "value", "placeholder", "disabled", "readonly"], Je = {
   key: 1,
   class: "vf-input__suffix"
-}, qo = /* @__PURE__ */ E({
+}, uo = /* @__PURE__ */ X({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -398,37 +297,37 @@ const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, p
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = C(() => {
-      const f = ["vf-input", `vf-input_${o.variant}`];
-      return o.size !== "normal" && f.push(`vf-input_${o.size}`), o.disabled && f.push("vf-input_disabled"), f;
-    }), d = (f) => {
-      const u = f.target;
-      r("update:modelValue", u.value), r("input", f);
-    }, a = (f) => r("change", f), c = (f) => r("focus", f), l = (f) => r("blur", f);
-    return (f, u) => (p(), b("div", {
-      class: k(n.value)
+    const r = e, o = t, n = w(() => {
+      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 d = u.target;
+      r("update:modelValue", d.value), r("input", u);
+    }, s = (u) => r("change", u), i = (u) => r("focus", u), l = (u) => r("blur", u);
+    return (u, d) => (g(), h("div", {
+      class: C(n.value)
     }, [
-      f.$slots.prefix ? (p(), b("span", _t, [
-        g(f.$slots, "prefix")
-      ])) : w("", !0),
-      $("input", {
+      u.$slots.prefix ? (g(), h("span", Ue, [
+        k(u.$slots, "prefix")
+      ])) : _("", !0),
+      B("input", {
         class: "vf-input__control",
-        type: f.type,
-        value: f.modelValue,
-        placeholder: f.placeholder,
-        disabled: f.disabled,
-        readonly: f.readonly,
-        onInput: d,
-        onChange: a,
-        onFocus: c,
+        type: u.type,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        disabled: u.disabled,
+        readonly: u.readonly,
+        onInput: c,
+        onChange: s,
+        onFocus: i,
         onBlur: l
-      }, null, 40, kt),
-      f.$slots.suffix ? (p(), b("span", Ct, [
-        g(f.$slots, "suffix")
-      ])) : w("", !0)
+      }, null, 40, Ze),
+      u.$slots.suffix ? (g(), h("span", Je, [
+        k(u.$slots, "suffix")
+      ])) : _("", !0)
     ], 2));
   }
-}), he = [
+}), ue = [
   "top",
   "top-start",
   "top-end",
@@ -441,7 +340,7 @@ const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, p
   "left",
   "left-start",
   "left-end"
-], O = (t) => {
+], P = (t) => {
   if (t == null || !(t instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -449,18 +348,18 @@ const ft = /* @__PURE__ */ U(lt, [["render", ut]]), vt = { class: "vf-logo" }, p
     if (/(auto|scroll|overlay)/.test(r))
       return t;
   }
-  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : O(t.parentNode);
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : P(t.parentNode);
 };
-function wt(t) {
+function Qe(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y = (t, e) => $t(t, e) === "fixed", R = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), n = e ? e.offsetParent : null, d = e ? Y(r, e) : !1;
-  if (n && !d) {
-    const a = n.getBoundingClientRect(), c = n.scrollLeft, l = n.scrollTop;
+const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y = (t, e) => et(t, e) === "fixed", R = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), n = e ? e.offsetParent : null, c = e ? Y(r, e) : !1;
+  if (n && !c) {
+    const s = n.getBoundingClientRect(), i = n.scrollLeft, l = n.scrollTop;
     return {
-      left: o.left - a.left + c,
-      top: o.top - a.top + l,
+      left: o.left - s.left + i,
+      top: o.top - s.top + l,
       width: o.width,
       height: o.height
     };
@@ -471,81 +370,81 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
     width: o.width,
     height: o.height
   };
-}, X = (t, e) => {
+}, j = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Ce = (t, e) => !!X(t, e), Ft = (t) => {
-  const e = O(t);
+}, Ce = (t, e) => !!j(t, e), tt = (t) => {
+  const e = P(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;
-}, Bt = (t) => t.scrollLeft + t.clientWidth, xt = (t) => t.scrollTop + t.clientHeight, z = (t, e, r = null, o = {}, n) => {
+}, ot = (t) => t.scrollLeft + t.clientWidth, rt = (t) => t.scrollTop + t.clientHeight, L = (t, e, r = null, o = {}, n) => {
   if (r === null && typeof window < "u" && Y(o, e))
     return t;
-  let d = 0;
+  let c = 0;
   if (r === null) {
-    const a = O(e);
-    d = a ? a.scrollTop : 0;
+    const s = P(e);
+    c = s ? s.scrollTop : 0;
   }
-  return t - d;
-}, W = (t, e, r = null, o = {}, n) => {
-  let d;
+  return t - c;
+}, V = (t, e, r = null, o = {}, n) => {
+  let c;
   if (r === null && typeof window < "u" && Y(o, e))
-    d = window.innerWidth;
+    c = window.innerWidth;
   else if (r === null) {
-    const a = O(e);
-    d = a ? Bt(a) : 0;
+    const s = P(e);
+    c = s ? ot(s) : 0;
   } else
-    d = r.getBoundingClientRect().width;
-  return -(t + e.clientWidth - d);
-}, P = (t, e, r = null, o = {}, n) => {
-  let d;
+    c = r.getBoundingClientRect().width;
+  return -(t + e.clientWidth - c);
+}, O = (t, e, r = null, o = {}, n) => {
+  let c;
   if (r === null && typeof window < "u" && Y(o, e))
-    d = window.innerHeight;
+    c = window.innerHeight;
   else if (r === null) {
-    const a = O(e);
-    d = a ? xt(a) : 0;
+    const s = P(e);
+    c = s ? rt(s) : 0;
   } else
-    d = r.getBoundingClientRect().height;
-  return -(t + e.clientHeight - d);
-}, M = (t, e, r = null, o = {}, n) => {
+    c = r.getBoundingClientRect().height;
+  return -(t + e.clientHeight - c);
+}, z = (t, e, r = null, o = {}, n) => {
   if (r === null && typeof window < "u" && Y(o, e))
     return t;
-  let d = 0;
+  let c = 0;
   if (r === null) {
-    const a = O(e);
-    d = a ? a.scrollLeft : 0;
+    const s = P(e);
+    c = s ? s.scrollLeft : 0;
   }
-  return t - d;
-}, be = ({
+  return t - c;
+}, fe = ({
   options: t,
   primaryX: e,
   primaryY: r,
   floating: o,
   placement: n,
-  reference: d,
-  scrollDirection: a
+  reference: c,
+  scrollDirection: s
 }) => {
-  const c = ie(d, o, n, t), l = X(t, "offset");
+  const i = ae(c, o, n, t), l = j(t, "offset");
   if (l) {
-    const f = l.fn({
-      x: c.x,
-      y: c.y,
+    const u = l.fn({
+      x: i.x,
+      y: i.y,
       options: t,
       primaryX: e,
       primaryY: r,
       floating: o,
       placement: n,
-      reference: d,
-      scrollDirection: a
+      reference: c,
+      scrollDirection: s
     });
-    c.x = f.x, c.y = f.y;
+    i.x = u.x, i.y = u.y;
   }
-  return Kt(c, o, d, t) ? {
-    x: c.x,
-    y: c.y,
+  return _t(i, o, c, t) ? {
+    x: i.x,
+    y: i.y,
     placement: n
   } : !1;
-}, Tt = (t) => ({
+}, nt = (t) => ({
   name: "flip",
   params: t,
   fn: ({
@@ -553,116 +452,116 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
     y: r,
     options: o,
     primaryX: n,
-    primaryY: d,
-    floating: a,
-    placement: c,
+    primaryY: c,
+    floating: s,
+    placement: i,
     reference: l,
-    scrollDirection: f
+    scrollDirection: u
   }) => {
-    var u;
-    const s = {
+    var d;
+    const a = {
       x: e,
       y: r,
-      placement: c
+      placement: i
     }, v = {
       ...o,
-      middleware: (u = o.middleware) == null ? void 0 : u.filter((x) => x.name !== "shift")
-    }, i = (t == null ? void 0 : t.placements) ?? he, m = !(t != null && t.placements), _ = m ? he : i;
-    let y = !1;
-    const te = (x) => {
-      if (y)
+      middleware: (d = o.middleware) == null ? void 0 : d.filter((x) => x.name !== "shift")
+    }, f = (t == null ? void 0 : t.placements) ?? ue, p = !(t != null && t.placements), y = p ? ue : f;
+    let m = !1;
+    const Q = (x) => {
+      if (m)
         return;
-      const B = be({
+      const $ = fe({
         options: v,
         primaryX: n,
-        primaryY: d,
-        floating: a,
+        primaryY: c,
+        floating: s,
         placement: x,
         reference: l,
-        scrollDirection: f
+        scrollDirection: u
       });
-      B && (s.x = B.x, s.y = B.y, s.placement = B.placement, y = !0);
-    }, oe = Ut(l, a, v);
-    if (!m && i.includes(c) && te(c), y || _.forEach(te), !y) {
-      const x = i.reduce(
-        (B, A) => {
-          const N = be({
+      $ && (a.x = $.x, a.y = $.y, a.placement = $.placement, m = !0);
+    }, ee = $t(l, s, v);
+    if (!p && f.includes(i) && Q(i), m || y.forEach(Q), !m) {
+      const x = f.reduce(
+        ($, H) => {
+          const A = fe({
             options: v,
             primaryX: n,
-            primaryY: d,
-            floating: a,
-            placement: A,
+            primaryY: c,
+            floating: s,
+            placement: H,
             reference: l,
-            scrollDirection: f
+            scrollDirection: u
           });
-          if (!N)
-            return B;
-          const S = re(A), I = oe[S];
-          return !B || I > B.space ? { result: N, space: I } : B;
+          if (!A)
+            return $;
+          const S = te(H), D = ee[S];
+          return !$ || D > $.space ? { result: A, space: D } : $;
         },
         null
       );
-      x && (s.x = x.result.x, s.y = x.result.y, s.placement = x.result.placement, y = !0);
+      x && (a.x = x.result.x, a.y = x.result.y, a.placement = x.result.placement, m = !0);
     }
-    if (!y && i.length > 0) {
-      const x = re(c);
-      let B = x, A = oe[x];
-      i.forEach((G) => {
-        const h = re(G), F = oe[h];
-        F > A && (A = F, B = h);
+    if (!m && f.length > 0) {
+      const x = te(i);
+      let $ = x, H = ee[x];
+      f.forEach((q) => {
+        const b = te(q), F = ee[b];
+        F > H && (H = F, $ = b);
       });
-      const N = qt(B, c, i), S = ie(l, a, N, v), I = X(v, "offset");
-      if (I) {
-        const G = I.fn({
+      const A = Ft($, i, f), S = ae(l, s, A, v), D = j(v, "offset");
+      if (D) {
+        const q = D.fn({
           x: S.x,
           y: S.y,
           options: v,
           primaryX: n,
-          primaryY: d,
-          floating: a,
-          placement: N,
+          primaryY: c,
+          floating: s,
+          placement: A,
           reference: l,
-          scrollDirection: f
+          scrollDirection: u
         });
-        S.x = G.x, S.y = G.y;
+        S.x = q.x, S.y = q.y;
       }
-      s.x = S.x, s.y = S.y, s.placement = S.placement;
+      a.x = S.x, a.y = S.y, a.placement = S.placement;
     }
-    return s;
+    return a;
   }
-}), Lt = (t, e, r, o, n) => {
-  var d, a, c;
+}), lt = (t, e, r, o, n) => {
+  var c, s, i;
   let l = 0;
   o.startsWith("right") ? l = -2 : o.startsWith("left") && (l = t);
-  const f = X(e, "arrow"), u = X(e, "shift");
-  if (f) {
-    const s = ((d = f.params) == null ? void 0 : d.arrow).getBoundingClientRect();
-    o.startsWith("right") ? l -= s.width / 2 : o.startsWith("left") && (l += s.width / 2);
+  const u = j(e, "arrow"), d = j(e, "shift");
+  if (u) {
+    const a = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
+    o.startsWith("right") ? l -= a.width / 2 : o.startsWith("left") && (l += a.width / 2);
   }
-  if (Ce(e, "shift") && f) {
-    let s = null, v = 0;
-    u && (s = (a = u.params) == null ? void 0 : a.parent);
-    const i = (c = f.params) == null ? void 0 : c.arrow;
-    v = i.getBoundingClientRect().width / 2, v += Vt(i), v -= t, o.startsWith("right") ? W(r - l, n, s, e) <= t ? W(r, n, s, e) > 0 ? l = t - W(r, n, s, e) : l = t : M(r - l - v, n, s, e) <= t && (M(r - l - v, n, s, e) >= 0 ? (l = -2 - (M(r - l - v, n, s, e) + t), s && (l = -2)) : l = -2) : o.startsWith("left") ? W(r - l + v, n, s, e) <= t ? (l = t + W(r - v, n, s, e), l <= t && (l = t)) : M(r - l, n, s, e) <= t && (l = -2 + M(r, n, s, e), l <= -2 && (l = -2)) : W(r - l, n, s, e) <= t ? W(r - l, n, s, e) <= t && W(r, n, s, e) > 0 ? l = t - W(r, n, s, e) : l = t : M(r - l, n, s, e) <= t && (M(r - l, n, s, e) <= t && M(r, n, s, e) > 0 ? l = -(t - M(r, n, s, e)) : l = -2);
+  if (Ce(e, "shift") && u) {
+    let a = null, v = 0;
+    d && (a = (s = d.params) == null ? void 0 : s.parent);
+    const f = (i = u.params) == null ? void 0 : i.arrow;
+    v = f.getBoundingClientRect().width / 2, v += it(f), v -= t, o.startsWith("right") ? V(r - l, n, a, e) <= t ? V(r, n, a, e) > 0 ? l = t - V(r, n, a, e) : l = t : z(r - l - v, n, a, e) <= t && (z(r - l - v, n, a, e) >= 0 ? (l = -2 - (z(r - l - v, n, a, e) + t), a && (l = -2)) : l = -2) : o.startsWith("left") ? V(r - l + v, n, a, e) <= t ? (l = t + V(r - v, n, a, e), l <= t && (l = t)) : z(r - l, n, a, e) <= t && (l = -2 + z(r, n, a, e), l <= -2 && (l = -2)) : V(r - l, n, a, e) <= t ? V(r - l, n, a, e) <= t && V(r, n, a, e) > 0 ? l = t - V(r, n, a, e) : l = t : z(r - l, n, a, e) <= t && (z(r - l, n, a, e) <= t && z(r, n, a, e) > 0 ? l = -(t - z(r, n, a, e)) : l = -2);
   }
   return l;
-}, Rt = (t, e, r, o, n) => {
-  var d, a, c;
+}, at = (t, e, r, o, n) => {
+  var c, s, i;
   let l = 0;
   o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -2);
-  const f = X(e, "arrow"), u = X(e, "shift");
-  if (f) {
-    const s = ((d = f.params) == null ? void 0 : d.arrow).getBoundingClientRect();
-    o.startsWith("top") ? l += s.height / 2 : o.startsWith("bottom") && (l -= s.height / 2);
+  const u = j(e, "arrow"), d = j(e, "shift");
+  if (u) {
+    const a = ((c = u.params) == null ? void 0 : c.arrow).getBoundingClientRect();
+    o.startsWith("top") ? l += a.height / 2 : o.startsWith("bottom") && (l -= a.height / 2);
   }
-  if (Ce(e, "shift") && f) {
-    let s = null, v = 0;
-    u && (s = (a = u.params) == null ? void 0 : a.parent);
-    const i = (c = f.params) == null ? void 0 : c.arrow;
-    v = i.getBoundingClientRect().height / 2, v += zt(i), v -= t, o.startsWith("top") ? z(r - l, n, s, e) <= t ? z(r, n, s, e) >= 0 ? l = -(t - z(r, n, s, e)) : l = -2 : P(r - l + v, n, s, e) <= t && (l = t + P(r - v, n, s, e), l <= t && (l = t)) : o.startsWith("bottom") ? z(r - l - v, n, s, e) <= t ? z(r - l - v, n, s, e) >= 0 ? (l = -2 - (z(r - l - v, n, s, e) + t), s && (l = -2)) : l = -2 : P(r - l, n, s, e) <= t && (P(r, n, s, e) >= 0 ? l = t - P(r, n, s, e) : l = t) : z(r - l, n, s, e) <= t ? z(r - l, n, s, e) >= 0 ? l = -(t - z(r - l, n, s, e)) : l = -2 : P(r - l, n, s, e) <= t && (P(r - l, n, s, e) >= 0 ? l = t - P(r - l, n, s, e) : l = t);
+  if (Ce(e, "shift") && u) {
+    let a = null, v = 0;
+    d && (a = (s = d.params) == null ? void 0 : s.parent);
+    const f = (i = u.params) == null ? void 0 : i.arrow;
+    v = f.getBoundingClientRect().height / 2, v += ct(f), v -= t, o.startsWith("top") ? L(r - l, n, a, e) <= t ? L(r, n, a, e) >= 0 ? l = -(t - L(r, n, a, e)) : l = -2 : O(r - l + v, n, a, e) <= t && (l = t + O(r - v, n, a, e), l <= t && (l = t)) : o.startsWith("bottom") ? L(r - l - v, n, a, e) <= t ? L(r - l - v, n, a, e) >= 0 ? (l = -2 - (L(r - l - v, n, a, e) + t), a && (l = -2)) : l = -2 : O(r - l, n, a, e) <= t && (O(r, n, a, e) >= 0 ? l = t - O(r, n, a, e) : l = t) : L(r - l, n, a, e) <= t ? L(r - l, n, a, e) >= 0 ? l = -(t - L(r - l, n, a, e)) : l = -2 : O(r - l, n, a, e) <= t && (O(r - l, n, a, e) >= 0 ? l = t - O(r - l, n, a, e) : l = t);
   }
   return l;
-}, St = (t) => ({
+}, st = (t) => ({
   name: "offset",
   params: { value: t },
   fn: ({
@@ -670,139 +569,139 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
     y: r,
     options: o,
     primaryX: n,
-    primaryY: d,
-    floating: a,
-    placement: c
+    primaryY: c,
+    floating: s,
+    placement: i
   }) => ({
-    x: e - Lt(t, o, n, c, a),
-    y: r - Rt(t, o, d, c, a),
-    placement: c
+    x: e - lt(t, o, n, i, s),
+    y: r - at(t, o, c, i, s),
+    placement: i
   })
-}), Vt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, zt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Wt = (t, e) => {
-  const r = O(t), o = [];
+}), it = (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, dt = (t, e) => {
+  const r = P(t), o = [];
   if (r !== null) {
     const n = () => e();
     r.addEventListener("scroll", n, !1), o.push(() => r.removeEventListener("scroll", n, !1));
   }
   if (typeof window < "u") {
-    const n = () => e(), d = () => e();
-    window.addEventListener("scroll", n, !1), window.addEventListener("resize", d, !1), o.push(() => window.removeEventListener("scroll", n, !1)), o.push(() => window.removeEventListener("resize", d, !1));
+    const n = () => e(), c = () => e();
+    window.addEventListener("scroll", n, !1), window.addEventListener("resize", c, !1), o.push(() => window.removeEventListener("scroll", n, !1)), o.push(() => window.removeEventListener("resize", c, !1));
   }
   if (typeof ResizeObserver < "u" && t instanceof HTMLElement) {
     const n = new ResizeObserver(() => e());
     n.observe(t), o.push(() => n.disconnect());
   }
   return () => o.forEach((n) => n());
-}, Mt = (t, e, r = {}) => {
+}, ut = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, Ht = (t, e, r = {}) => {
+}, ft = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, Et = (t, e, r = {}) => {
+}, vt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, At = (t, e, r = {}) => {
+}, pt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
     placement: "right"
   };
-}, Pt = (t, e, r = {}) => {
+}, bt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top,
     placement: "right-start"
   };
-}, Dt = (t, e, r = {}) => {
+}, gt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, Ot = (t, e, r = {}) => {
+}, ht = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
     y: o.top + o.height,
     placement: "bottom"
   };
-}, Nt = (t, e, r = {}) => {
+}, mt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left,
     y: o.top + o.height,
     placement: "bottom-start"
   };
-}, It = (t, e, r = {}) => {
+}, yt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
-}, jt = (t, e, r = {}) => {
+}, kt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, Xt = (t, e, r = {}) => {
+}, Ct = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top,
     placement: "left-start"
   };
-}, Yt = (t, e, r = {}) => {
+}, wt = (t, e, r = {}) => {
   const o = R(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "left-end"
   };
-}, ie = (t, e, r, o = {}) => {
+}, ae = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return Mt(t, e, o);
+      return ut(t, e, o);
     case "top-start":
-      return Ht(t, e, o);
+      return ft(t, e, o);
     case "top-end":
-      return Et(t, e, o);
+      return vt(t, e, o);
     case "right":
-      return At(t, e, o);
+      return pt(t, e, o);
     case "right-start":
-      return Pt(t, e, o);
+      return bt(t, e, o);
     case "right-end":
-      return Dt(t, e, o);
+      return gt(t, e, o);
     case "bottom":
-      return Ot(t, e, o);
+      return ht(t, e, o);
     case "bottom-start":
-      return Nt(t, e, o);
+      return mt(t, e, o);
     case "bottom-end":
-      return It(t, e, o);
+      return yt(t, e, o);
     case "left":
-      return jt(t, e, o);
+      return kt(t, e, o);
     case "left-start":
-      return Xt(t, e, o);
+      return Ct(t, e, o);
     case "left-end":
-      return Yt(t, e, o);
+      return wt(t, e, o);
     default:
       return {
         x: 0,
@@ -810,25 +709,25 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
         placement: ""
       };
   }
-}, Kt = (t, e, r, o = {}) => {
+}, _t = (t, e, r, o = {}) => {
   if (Y(o, e)) {
     if (typeof window > "u")
       return !0;
-    const s = t.x, v = t.y, i = s + e.clientWidth, m = v + e.clientHeight;
-    return s >= 0 && v >= 0 && i <= window.innerWidth && m <= window.innerHeight;
+    const a = t.x, v = t.y, f = a + e.clientWidth, p = v + e.clientHeight;
+    return a >= 0 && v >= 0 && f <= window.innerWidth && p <= window.innerHeight;
   }
-  if (O(r) !== null)
-    return z(t.y, e, null, o) > 0 && W(t.x, e, null, o) > 0 && P(t.y, e, null, o) > 0 && M(t.x, e, null, o) > 0;
+  if (P(r) !== null)
+    return L(t.y, e, null, o) > 0 && V(t.x, e, null, o) > 0 && O(t.y, e, null, o) > 0 && z(t.x, e, null, o) > 0;
   if (typeof window > "u")
     return !0;
-  const n = window.innerWidth, d = window.innerHeight, a = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
-  if (a) {
-    const s = a.getBoundingClientRect(), v = s.left + t.x, i = s.top + t.y, m = v + e.clientWidth, _ = i + e.clientHeight;
-    return v >= 0 && i >= 0 && m <= n && _ <= d;
+  const n = window.innerWidth, c = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  if (s) {
+    const a = s.getBoundingClientRect(), v = a.left + t.x, f = a.top + t.y, p = v + e.clientWidth, y = f + e.clientHeight;
+    return v >= 0 && f >= 0 && p <= n && y <= c;
   }
-  const c = t.x, l = t.y, f = c + e.clientWidth, u = l + e.clientHeight;
-  return c >= 0 && l >= 0 && f <= n && u <= d;
-}, re = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", qt = (t, e, r) => re(e) === t && r.includes(e) ? e : r.find((o) => re(o) === t) ?? r[0], Ut = (t, e, r = {}) => {
+  const i = t.x, l = t.y, u = i + e.clientWidth, d = l + e.clientHeight;
+  return i >= 0 && l >= 0 && u <= n && d <= c;
+}, te = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Ft = (t, e, r) => te(e) === t && r.includes(e) ? e : r.find((o) => te(o) === t) ?? r[0], $t = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -836,51 +735,51 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
       bottom: 0,
       left: 0
     };
-  const o = Y(r, e) ? null : O(t), n = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
+  const o = Y(r, e) ? null : P(t), n = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
     bottom: window.innerHeight
   };
   return {
-    top: n.top - d.top,
-    right: d.right - n.right,
-    bottom: d.bottom - n.bottom,
-    left: n.left - d.left
+    top: n.top - c.top,
+    right: c.right - n.right,
+    bottom: c.bottom - n.bottom,
+    left: n.left - c.left
   };
-}, Gt = (t, e, r = {}) => new Promise((o) => {
-  var n, d;
-  const a = r.placement ? r.placement : "bottom", c = {
+}, Bt = (t, e, r = {}) => new Promise((o) => {
+  var n, c;
+  const s = r.placement ? r.placement : "bottom", i = {
     x: 0,
     y: 0,
-    placement: a,
+    placement: s,
     middlewareData: {}
-  }, l = ie(t, e, a, r);
-  c.x = l.x, c.y = l.y, c.placement = l.placement;
-  const f = c.x, u = c.y, s = Ft(t);
-  (n = r.middleware) == null || n.forEach((_) => {
-    const y = _.fn({
-      x: c.x,
-      y: c.y,
+  }, l = ae(t, e, s, r);
+  i.x = l.x, i.y = l.y, i.placement = l.placement;
+  const u = i.x, d = i.y, a = tt(t);
+  (n = r.middleware) == null || n.forEach((y) => {
+    const m = y.fn({
+      x: i.x,
+      y: i.y,
       options: r,
-      primaryX: f,
-      primaryY: u,
+      primaryX: u,
+      primaryY: d,
       floating: e,
-      placement: c.placement,
+      placement: i.placement,
       reference: t,
-      scrollDirection: s
+      scrollDirection: a
     });
-    c.x = y.x, c.y = y.y, c.placement = y.placement, _.name === "arrow" && (y.baseX = y.x, y.baseY = y.y, y.x = y.arrowX ?? y.x, y.y = y.arrowY ?? y.y), c.middlewareData[_.name] = y;
+    i.x = m.x, i.y = m.y, i.placement = m.placement, y.name === "arrow" && (m.baseX = m.x, m.baseY = m.y, m.x = m.arrowX ?? m.x, m.y = m.arrowY ?? m.y), i.middlewareData[y.name] = m;
   });
-  const v = ie(t, e, c.placement, r), i = X(r, "offset"), m = i ? (d = i.params) == null ? void 0 : d.value : 0;
-  if (Number.isFinite(c.x) || (c.x = v.x), !Number.isFinite(c.y))
+  const v = ae(t, e, i.placement, r), f = j(r, "offset"), p = f ? (c = f.params) == null ? void 0 : c.value : 0;
+  if (Number.isFinite(i.x) || (i.x = v.x), !Number.isFinite(i.y))
     if (Y(r, e)) {
-      const _ = t.getBoundingClientRect(), y = e.getBoundingClientRect().height;
-      c.placement.startsWith("top") ? c.y = _.top - y - m : c.placement.startsWith("bottom") ? c.y = _.bottom + m : c.y = v.y;
+      const y = t.getBoundingClientRect(), m = e.getBoundingClientRect().height;
+      i.placement.startsWith("top") ? i.y = y.top - m - p : i.placement.startsWith("bottom") ? i.y = y.bottom + p : i.y = v.y;
     } else
-      c.y = v.y;
-  o(c);
-}), Zt = ["disabled", "aria-expanded", "onKeydown"], Jt = ["data-placement"], Qt = ["disabled", "aria-selected", "onClick"], Uo = /* @__PURE__ */ E({
+      i.y = v.y;
+  o(i);
+}), xt = ["disabled", "aria-expanded", "onKeydown"], Tt = ["data-placement"], Rt = ["disabled", "aria-selected", "onClick"], fo = /* @__PURE__ */ X({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -894,136 +793,136 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, n = t, d = j(null), a = j(null), c = j(null), l = j(!1), f = j("bottom"), u = j("bottom"), s = `vf-select-panel-${++r}`;
+    const o = e, n = t, c = N(null), s = N(null), i = N(null), l = N(!1), u = N("bottom"), d = N("bottom"), a = `vf-select-panel-${++r}`;
     let v = null;
-    const i = C(() => n.options.map((h) => ({
-      label: h[n.optionLabel],
-      value: h[n.optionValue],
-      disabled: h.disabled
-    }))), m = C(() => i.value.find((h) => h.value === n.modelValue)), _ = C(() => {
-      var h;
-      return ((h = m.value) == null ? void 0 : h.label) ?? "";
-    }), y = C(() => {
-      const h = ["vf-select", l.value ? "vf-select_open" : ""];
-      return n.size !== "normal" && h.push(`vf-select_${n.size}`), n.disabled && h.push("vf-select_disabled"), h.filter(Boolean);
-    }), te = (h) => h.value === n.modelValue, oe = (h) => {
-      h.disabled || (o("update:modelValue", h.value), o("change", h.value), A());
-    }, x = (h) => o("focus", h), B = (h) => o("blur", h), A = () => {
-      l.value = !1, f.value = "bottom", u.value = "bottom";
-    }, N = () => {
-      n.disabled || (l.value = !l.value, l.value && (f.value = "bottom", u.value = "bottom"));
+    const f = w(() => n.options.map((b) => ({
+      label: b[n.optionLabel],
+      value: b[n.optionValue],
+      disabled: b.disabled
+    }))), p = w(() => f.value.find((b) => b.value === n.modelValue)), y = w(() => {
+      var b;
+      return ((b = p.value) == null ? void 0 : b.label) ?? "";
+    }), m = w(() => {
+      const b = ["vf-select", l.value ? "vf-select_open" : ""];
+      return n.size !== "normal" && b.push(`vf-select_${n.size}`), n.disabled && b.push("vf-select_disabled"), b.filter(Boolean);
+    }), Q = (b) => b.value === n.modelValue, ee = (b) => {
+      b.disabled || (o("update:modelValue", b.value), o("change", b.value), H());
+    }, x = (b) => o("focus", b), $ = (b) => o("blur", b), H = () => {
+      l.value = !1, u.value = "bottom", d.value = "bottom";
+    }, A = () => {
+      n.disabled || (l.value = !l.value, l.value && (u.value = "bottom", d.value = "bottom"));
     }, S = async () => {
-      var h, F;
-      l.value || (l.value = !0, await pe()), (F = (h = c.value) == null ? void 0 : h.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
-    }, I = (h) => {
+      var b, F;
+      l.value || (l.value = !0, await de()), (F = (b = i.value) == null ? void 0 : b.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
+    }, D = (b) => {
       var T;
-      if (!l.value || !d.value)
+      if (!l.value || !c.value)
         return;
-      const F = h.target;
-      d.value.contains(F) || (T = c.value) != null && T.contains(F) || A();
-    }, G = () => {
-      if (!a.value || !c.value)
+      const F = b.target;
+      c.value.contains(F) || (T = i.value) != null && T.contains(F) || H();
+    }, q = () => {
+      if (!s.value || !i.value)
         return;
-      const h = a.value, F = c.value, T = async () => {
+      const b = s.value, F = i.value, T = async () => {
         const {
-          x: xe,
-          y: Te,
-          placement: Le
-        } = await Gt(h, F, {
-          placement: f.value,
+          x: Be,
+          y: xe,
+          placement: Te
+        } = await Bt(b, F, {
+          placement: u.value,
           strategy: "fixed",
-          middleware: [St(2), Tt({ placements: ["bottom", "top"] })]
+          middleware: [st(2), nt({ placements: ["bottom", "top"] })]
         });
-        u.value = Le ?? f.value, F.style.minWidth = `${h.getBoundingClientRect().width}px`, F.style.left = `${xe}px`, F.style.top = `${Te}px`;
-      }, le = async () => {
+        d.value = Te ?? u.value, F.style.minWidth = `${b.getBoundingClientRect().width}px`, F.style.left = `${Be}px`, F.style.top = `${xe}px`;
+      }, re = async () => {
         await T();
-      }, Be = Wt(h, () => {
-        le();
-      }), se = () => {
-        le();
+      }, $e = dt(b, () => {
+        re();
+      }), ne = () => {
+        re();
       };
-      document.addEventListener("scroll", se, !0), window.addEventListener("resize", se, !1), v = {
-        update: le,
+      document.addEventListener("scroll", ne, !0), window.addEventListener("resize", ne, !1), v = {
+        update: re,
         destroy: () => {
-          Be(), document.removeEventListener("scroll", se, !0), window.removeEventListener("resize", se, !1);
+          $e(), document.removeEventListener("scroll", ne, !0), window.removeEventListener("resize", ne, !1);
         }
       }, v.update();
     };
-    return ae(l, async (h) => {
-      if (!h) {
+    return le(l, async (b) => {
+      if (!b) {
         v && (v.destroy(), v = null);
         return;
       }
-      await pe(), v || G(), v == null || v.update();
-    }), ae(
+      await de(), v || q(), v == null || v.update();
+    }), le(
       () => n.options,
       () => {
         v == null || v.update();
       },
       { deep: !0 }
     ), Re(() => {
-      document.addEventListener("click", I);
+      document.addEventListener("click", D);
     }), Se(() => {
-      document.removeEventListener("click", I), v == null || v.destroy(), v = null;
-    }), (h, F) => (p(), b("div", {
+      document.removeEventListener("click", D), v == null || v.destroy(), v = null;
+    }), (b, F) => (g(), h("div", {
       ref_key: "root",
-      ref: d,
-      class: k(y.value)
+      ref: c,
+      class: C(m.value)
     }, [
-      $("button", {
+      B("button", {
         ref_key: "trigger",
-        ref: a,
+        ref: s,
         class: "vf-select__control",
         type: "button",
-        disabled: h.disabled,
+        disabled: b.disabled,
         "aria-expanded": l.value,
-        "aria-controls": s,
+        "aria-controls": a,
         "aria-haspopup": "listbox",
-        onClick: N,
+        onClick: A,
         onKeydown: [
-          K(q(S, ["prevent"]), ["down"]),
-          K(q(N, ["prevent"]), ["enter"]),
-          K(q(A, ["prevent"]), ["esc"])
+          K(G(S, ["prevent"]), ["down"]),
+          K(G(A, ["prevent"]), ["enter"]),
+          K(G(H, ["prevent"]), ["esc"])
         ],
         onFocus: x,
-        onBlur: B
+        onBlur: $
       }, [
-        $("span", {
-          class: k(["vf-select__label", { "vf-select__label_placeholder": !_.value }])
-        }, H(_.value || h.placeholder), 3),
-        F[0] || (F[0] = $("span", {
+        B("span", {
+          class: C(["vf-select__label", { "vf-select__label_placeholder": !y.value }])
+        }, M(y.value || b.placeholder), 3),
+        F[0] || (F[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, Zt),
-      (p(), V(Ve, { to: "body" }, [
-        _e($("div", {
-          id: s,
+      ], 40, xt),
+      (g(), W(Le, { to: "body" }, [
+        me(B("div", {
+          id: a,
           ref_key: "panel",
-          ref: c,
+          ref: i,
           class: "vf-select__panel",
           role: "listbox",
-          "data-placement": u.value
+          "data-placement": d.value
         }, [
-          (p(!0), b(ne, null, ye(i.value, (T) => (p(), b("button", {
+          (g(!0), h(oe, null, ge(f.value, (T) => (g(), h("button", {
             key: T.value,
-            class: k(["vf-select__option", { "is-active": te(T), "is-disabled": T.disabled }]),
+            class: C(["vf-select__option", { "is-active": Q(T), "is-disabled": T.disabled }]),
             type: "button",
             role: "option",
             disabled: T.disabled,
-            "aria-selected": te(T),
-            onClick: (le) => oe(T)
-          }, H(T.label), 11, Qt))), 128))
-        ], 8, Jt), [
-          [ke, l.value]
+            "aria-selected": Q(T),
+            onClick: (re) => ee(T)
+          }, M(T.label), 11, Rt))), 128))
+        ], 8, Tt), [
+          [ye, l.value]
         ])
       ]))
     ], 2));
   }
-}), eo = ["checked", "disabled"], to = {
+}), St = ["checked", "disabled"], Lt = {
   key: 0,
   class: "vf-checkbox__label"
-}, Go = /* @__PURE__ */ E({
+}, vo = /* @__PURE__ */ X({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1032,35 +931,35 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = C(() => {
-      const a = ["vf-checkbox"];
-      return o.disabled && a.push("vf-checkbox_disabled"), a;
-    }), d = (a) => {
-      const c = a.target;
-      r("update:modelValue", c.checked), r("change", a);
+    const r = e, o = t, n = w(() => {
+      const s = ["vf-checkbox"];
+      return o.disabled && s.push("vf-checkbox_disabled"), s;
+    }), c = (s) => {
+      const i = s.target;
+      r("update:modelValue", i.checked), r("change", s);
     };
-    return (a, c) => (p(), b("label", {
-      class: k(n.value)
+    return (s, i) => (g(), h("label", {
+      class: C(n.value)
     }, [
-      $("input", {
+      B("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
-        checked: a.modelValue,
-        disabled: a.disabled,
-        onChange: d
-      }, null, 40, eo),
-      c[0] || (c[0] = $("span", { class: "vf-checkbox__box" }, null, -1)),
-      a.label || a.$slots.default ? (p(), b("span", to, [
-        g(a.$slots, "default", {}, () => [
-          ee(H(a.label), 1)
+        checked: s.modelValue,
+        disabled: s.disabled,
+        onChange: c
+      }, null, 40, St),
+      i[0] || (i[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
+      s.label || s.$slots.default ? (g(), h("span", Lt, [
+        k(s.$slots, "default", {}, () => [
+          J(M(s.label), 1)
         ])
-      ])) : w("", !0)
+      ])) : _("", !0)
     ], 2));
   }
-}), oo = ["checked", "disabled"], ro = {
+}), Vt = ["checked", "disabled"], zt = {
   key: 0,
   class: "vf-switch__label"
-}, Zo = /* @__PURE__ */ E({
+}, po = /* @__PURE__ */ X({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1069,114 +968,108 @@ const $t = (t, e) => t.strategy ? t.strategy : wt(e) ? "fixed" : "absolute", Y =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = C(() => {
-      const a = ["vf-switch"];
-      return o.disabled && a.push("vf-switch_disabled"), a;
-    }), d = (a) => {
-      const c = a.target;
-      r("update:modelValue", c.checked), r("change", a);
+    const r = e, o = t, n = w(() => {
+      const s = ["vf-switch"];
+      return o.disabled && s.push("vf-switch_disabled"), s;
+    }), c = (s) => {
+      const i = s.target;
+      r("update:modelValue", i.checked), r("change", s);
     };
-    return (a, c) => (p(), b("label", {
-      class: k(n.value)
+    return (s, i) => (g(), h("label", {
+      class: C(n.value)
     }, [
-      $("input", {
+      B("input", {
         class: "vf-switch__control",
         type: "checkbox",
-        checked: a.modelValue,
-        disabled: a.disabled,
-        onChange: d
-      }, null, 40, oo),
-      c[0] || (c[0] = $("span", { class: "vf-switch__track" }, [
-        $("span", { class: "vf-switch__thumb" })
+        checked: s.modelValue,
+        disabled: s.disabled,
+        onChange: c
+      }, null, 40, Vt),
+      i[0] || (i[0] = B("span", { class: "vf-switch__track" }, [
+        B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      a.label || a.$slots.default ? (p(), b("span", ro, [
-        g(a.$slots, "default", {}, () => [
-          ee(H(a.label), 1)
+      s.label || s.$slots.default ? (g(), h("span", zt, [
+        k(s.$slots, "default", {}, () => [
+          J(M(s.label), 1)
         ])
-      ])) : w("", !0)
+      ])) : _("", !0)
     ], 2));
   }
-}), no = { class: "vf-popover" }, lo = ["aria-expanded", "onKeydown"], Jo = /* @__PURE__ */ E({
+}), Wt = { class: "vf-popover" }, Mt = ["aria-expanded", "onKeydown"], bo = /* @__PURE__ */ X({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
-    const o = r, n = ze({ visible: !1 });
-    let d = 0;
-    const a = `vf-popover-panel-${++d}`, c = () => n.visible = !0, l = () => n.visible = !1, f = () => n.visible = !n.visible, u = () => {
-      f(), o("click"), o("onClick");
+    const o = r, n = Ve({ visible: !1 });
+    let c = 0;
+    const s = `vf-popover-panel-${++c}`, i = () => n.visible = !0, l = () => n.visible = !1, u = () => n.visible = !n.visible, d = () => {
+      u(), o("click"), o("onClick");
     };
-    return e({ show: c, hide: l, toggle: f }), (s, v) => (p(), b("div", no, [
-      $("div", {
+    return e({ show: i, hide: l, toggle: u }), (a, v) => (g(), h("div", Wt, [
+      B("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
         "aria-expanded": n.visible,
-        "aria-controls": a,
-        onClick: u,
+        "aria-controls": s,
+        onClick: d,
         onKeydown: [
-          K(q(u, ["prevent"]), ["enter"]),
-          K(q(u, ["prevent"]), ["space"])
+          K(G(d, ["prevent"]), ["enter"]),
+          K(G(d, ["prevent"]), ["space"])
         ]
       }, [
-        g(s.$slots, "button")
-      ], 40, lo),
-      _e(Z(ft, {
-        id: a,
+        k(a.$slots, "button")
+      ], 40, Mt),
+      me(he(Xe, {
+        id: s,
         class: "vf-popover__wrapper"
-      }, We({
-        default: L(() => [
-          v[0] || (v[0] = $("div", { class: "vf-popover__arrow" }, null, -1))
+      }, ze({
+        default: I(() => [
+          v[0] || (v[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        s.$slots.default ? {
+        a.$slots.default ? {
           name: "default",
-          fn: L(() => [
-            g(s.$slots, "default")
+          fn: I(() => [
+            k(a.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        s.$slots.header || s.$slots.popoverHeader ? {
+        a.$slots.header || a.$slots.popoverHeader ? {
           name: "header",
-          fn: L(() => [
-            g(s.$slots, "header"),
-            s.$slots.header ? w("", !0) : g(s.$slots, "popoverHeader", { key: 0 })
+          fn: I(() => [
+            k(a.$slots, "header"),
+            a.$slots.header ? _("", !0) : k(a.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        s.$slots.body || s.$slots.popoverBody ? {
+        a.$slots.body || a.$slots.popoverBody ? {
           name: "body",
-          fn: L(() => [
-            g(s.$slots, "body"),
-            s.$slots.body ? w("", !0) : g(s.$slots, "popoverBody", { key: 0 })
+          fn: I(() => [
+            k(a.$slots, "body"),
+            a.$slots.body ? _("", !0) : k(a.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        s.$slots.footer || s.$slots.popoverFooter ? {
+        a.$slots.footer || a.$slots.popoverFooter ? {
           name: "footer",
-          fn: L(() => [
-            g(s.$slots, "footer"),
-            s.$slots.footer ? w("", !0) : g(s.$slots, "popoverFooter", { key: 0 })
+          fn: I(() => [
+            k(a.$slots, "footer"),
+            a.$slots.footer ? _("", !0) : k(a.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [ke, n.visible]
+        [ye, n.visible]
       ])
     ]));
   }
-}), so = {}, ao = { class: "vf-container" };
-function io(t, e) {
-  return p(), b("div", ao, [
-    g(t.$slots, "default")
-  ]);
-}
-const Qo = /* @__PURE__ */ U(so, [["render", io]]), co = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], uo = (t) => {
+}), Ht = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Ot = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, fo = (t) => t.filter((e) => !co.includes(e)).map((e) => uo(e)).join("-").toLowerCase(), vo = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), fe = (t) => {
-  if (!vo(t))
+}, Et = (t) => t.filter((e) => !Ht.includes(e)).map((e) => Ot(e)).join("-").toLowerCase(), Pt = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), ie = (t) => {
+  if (!Pt(t))
     return null;
   if (t.length === 4) {
     const e = t[1], r = t[2], o = t[3];
@@ -1184,46 +1077,46 @@ const Qo = /* @__PURE__ */ U(so, [["render", io]]), co = ["dark", "light", "them
   }
   return t.toLowerCase();
 }, we = (t) => {
-  const e = fe(t);
+  const e = ie(t);
   if (!e)
     return [0, 0, 0];
-  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, n = r >> 8 & 255, d = r & 255;
-  return [o, n, d];
-}, ge = (t) => {
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, n = r >> 8 & 255, c = r & 255;
+  return [o, n, c];
+}, ve = (t) => {
   const [e, r, o] = we(t);
   return `${e}, ${r}, ${o}`;
-}, po = (t, e, r) => {
-  const o = t / 255, n = e / 255, d = r / 255, a = Math.max(o, n, d), c = Math.min(o, n, d), l = a - c;
-  let f = 0, u = 0;
-  const s = (a + c) / 2;
+}, At = (t, e, r) => {
+  const o = t / 255, n = e / 255, c = r / 255, s = Math.max(o, n, c), i = Math.min(o, n, c), l = s - i;
+  let u = 0, d = 0;
+  const a = (s + i) / 2;
   if (l !== 0) {
-    switch (u = l / (1 - Math.abs(2 * s - 1)), a) {
+    switch (d = l / (1 - Math.abs(2 * a - 1)), s) {
       case o:
-        f = (n - d) / l % 6;
+        u = (n - c) / l % 6;
         break;
       case n:
-        f = (d - o) / l + 2;
+        u = (c - o) / l + 2;
         break;
-      case d:
-        f = (o - n) / l + 4;
+      case c:
+        u = (o - n) / l + 4;
         break;
     }
-    f *= 60, f < 0 && (f += 360);
+    u *= 60, u < 0 && (u += 360);
   }
-  return [f, u * 100, s * 100];
-}, ho = (t, e, r) => {
-  const o = e / 100, n = r / 100, d = (1 - Math.abs(2 * n - 1)) * o, a = d * (1 - Math.abs(t / 60 % 2 - 1)), c = n - d / 2;
-  let l = 0, f = 0, u = 0;
-  t >= 0 && t < 60 ? (l = d, f = a, u = 0) : t >= 60 && t < 120 ? (l = a, f = d, u = 0) : t >= 120 && t < 180 ? (l = 0, f = d, u = a) : t >= 180 && t < 240 ? (l = 0, f = a, u = d) : t >= 240 && t < 300 ? (l = a, f = 0, u = d) : (l = d, f = 0, u = a);
-  const s = Math.round((l + c) * 255), v = Math.round((f + c) * 255), i = Math.round((u + c) * 255);
-  return [s, v, i];
-}, bo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, go = (t, e, r) => Math.min(r, Math.max(e, t)), mo = (t, e) => {
-  const r = fe(t);
+  return [u, d * 100, a * 100];
+}, Dt = (t, e, r) => {
+  const o = e / 100, n = r / 100, c = (1 - Math.abs(2 * n - 1)) * o, s = c * (1 - Math.abs(t / 60 % 2 - 1)), i = n - c / 2;
+  let l = 0, u = 0, d = 0;
+  t >= 0 && t < 60 ? (l = c, u = s, d = 0) : t >= 60 && t < 120 ? (l = s, u = c, d = 0) : t >= 120 && t < 180 ? (l = 0, u = c, d = s) : t >= 180 && t < 240 ? (l = 0, u = s, d = c) : t >= 240 && t < 300 ? (l = s, u = 0, d = c) : (l = c, u = 0, d = s);
+  const a = Math.round((l + i) * 255), v = Math.round((u + i) * 255), f = Math.round((d + i) * 255);
+  return [a, v, f];
+}, Nt = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, It = (t, e, r) => Math.min(r, Math.max(e, t)), jt = (t, e) => {
+  const r = ie(t);
   if (!r)
     return t;
-  const [o, n, d] = we(r), [a, c, l] = po(o, n, d), u = (e - 5) * 7, s = go(l + u, 0, 100), [v, i, m] = ho(a, c, s);
-  return bo(v, i, m);
-}, yo = (t) => {
+  const [o, n, c] = we(r), [s, i, l] = At(o, n, c), d = (e - 5) * 7, a = It(l + d, 0, 100), [v, f, p] = Dt(s, i, a);
+  return Nt(v, f, p);
+}, Xt = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -1231,19 +1124,19 @@ const Qo = /* @__PURE__ */ U(so, [["render", io]]), co = ["dark", "light", "them
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, ce = (t) => !!t && typeof t == "object" && !Array.isArray(t), ve = (t, e) => {
+}, se = (t) => !!t && typeof t == "object" && !Array.isArray(t), ce = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
-    const n = e[o], d = t[o];
-    ce(d) && ce(n) ? r[o] = ve(d, n) : r[o] = n;
+    const n = e[o], c = t[o];
+    se(c) && se(n) ? r[o] = ce(c, n) : r[o] = n;
   }
   return r;
-}, $e = (t) => {
+}, _e = (t) => {
   if (!t)
     return null;
-  if (ce(t) && "preset" in t) {
+  if (se(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -1253,65 +1146,65 @@ const Qo = /* @__PURE__ */ U(so, [["render", io]]), co = ["dark", "light", "them
     };
   }
   return { preset: t };
-}, _o = (t) => {
-  const e = [], r = [], o = (n, d) => {
+}, Yt = (t) => {
+  const e = [], r = [], o = (n, c) => {
     if (!(!n || typeof n != "object"))
-      for (const a in n) {
-        const c = n[a], l = d.concat([a]);
-        if (c && typeof c == "object") {
-          o(c, l);
+      for (const s in n) {
+        const i = n[s], l = c.concat([s]);
+        if (i && typeof i == "object") {
+          o(i, l);
           continue;
         }
-        if (typeof c != "string")
+        if (typeof i != "string")
           continue;
-        const u = l.includes("colorScheme") && l.includes("dark") ? r : e, s = fo(l);
-        if (u.push(`--vf-${s}: ${c}`), l.includes("colors")) {
-          const v = fe(c);
+        const d = l.includes("colorScheme") && l.includes("dark") ? r : e, a = Et(l);
+        if (d.push(`--vf-${a}: ${i}`), l.includes("colors")) {
+          const v = ie(i);
           if (!v)
             continue;
-          if (u.push(`--vf-${s}-rgb: ${ge(v)}`), a !== "white")
-            for (let i = 1; i < 10; ++i) {
-              const m = mo(v, i);
-              u.push(`--vf-${s}-${i}00: ${m}`), u.push(`--vf-${s}-${i}00-rgb: ${ge(m)}`);
+          if (d.push(`--vf-${a}-rgb: ${ve(v)}`), s !== "white")
+            for (let f = 1; f < 10; ++f) {
+              const p = jt(v, f);
+              d.push(`--vf-${a}-${f}00: ${p}`), d.push(`--vf-${a}-${f}00-rgb: ${ve(p)}`);
             }
         }
       }
   };
   return o(t, []), { baseVars: e, darkVars: r };
-}, ko = (t, e, r) => {
-  const { baseVars: o, darkVars: n } = _o(t), d = yo("vueforge-theme");
-  if (!d)
+}, Kt = (t, e, r) => {
+  const { baseVars: o, darkVars: n } = Yt(t), c = Xt("vueforge-theme");
+  if (!c)
     return;
-  const a = [];
-  o.length && a.push(`${e} { ${o.join(";")} }`), n.length && a.push(`${r} { ${n.join(";")} }`), d.textContent = a.join(`
+  const s = [];
+  o.length && s.push(`${e} { ${o.join(";")} }`), n.length && s.push(`${r} { ${n.join(";")} }`), c.textContent = s.join(`
 `);
 };
-let D = null;
-const Co = (t) => ({
+let E = null;
+const Gt = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
 }), Fe = (t) => {
-  const e = $e(t);
+  const e = _e(t);
   if (!e)
     return;
-  const r = ve(e.preset, e.overrides), { selector: o, darkSelector: n } = Co(e);
-  D = { ...e }, ko(r, o, n);
-}, er = (t) => {
-  if (!D)
+  const r = ce(e.preset, e.overrides), { selector: o, darkSelector: n } = Gt(e);
+  E = { ...e }, Kt(r, o, n);
+}, go = (t) => {
+  if (!E)
     return;
-  const e = t.overrides === void 0 ? D.overrides : ve(D.overrides ?? {}, t.overrides ?? {}), r = {
-    preset: t.preset ?? D.preset,
+  const e = t.overrides === void 0 ? E.overrides : ce(E.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? E.preset,
     overrides: e,
-    selector: t.selector ?? D.selector,
-    darkSelector: t.darkSelector ?? D.darkSelector
+    selector: t.selector ?? E.selector,
+    darkSelector: t.darkSelector ?? E.darkSelector
   };
   Fe(r);
-}, tr = () => D ? { ...D } : null, or = {
+}, ho = () => E ? { ...E } : null, mo = {
   install(t, e = {}) {
-    const r = $e(e.theme);
+    const r = _e(e.theme);
     r && Fe(r);
   }
-}, me = {
+}, pe = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -1322,6 +1215,7 @@ const Co = (t) => ({
     purple: "#6f42c1",
     gray: "#adb5bd"
   },
+  borderWidth: "1px",
   colorScheme: {
     light: {
       bgColor: "#ffffff",
@@ -1342,10 +1236,12 @@ const Co = (t) => ({
       dividerColor: "#2e2e32"
     }
   }
-}, wo = {
+}, qt = {
+  fontSize: "1rem",
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
+  iconGap: "6px",
   small: {
     fontSize: "0.875rem",
     padding: "4px 8px"
@@ -1482,27 +1378,13 @@ const Co = (t) => ({
       }
     }
   }
-}, $o = {
+}, Ut = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
-}, Fo = {}, Bo = {
-  padding: "12px"
-}, xo = {}, To = {}, Lo = {
-  color: "var(--vf-secondary-text-color)",
-  padding: "12px",
-  marginTop: "24px",
-  borderTop: "1px solid var(--vf-footer-border-color)",
-  borderColor: "var(--vf-border-color)",
-  backgroundColor: "var(--vf-bg-color)"
-}, Ro = {
-  height: "55px",
-  padding: "0",
-  borderColor: "var(--vf-border-color)",
-  borderBottom: "1px solid var(--vf-header-border-color)",
-  marginBottom: "24px",
-  backgroundColor: "var(--vf-bg-color)"
-}, So = {
+}, Zt = {}, Jt = {
+  gap: "0.5rem",
+  fontSize: "1rem",
   padding: "0.5rem 0.75rem",
   borderRadius: "6px",
   borderColor: "var(--vf-border-color)",
@@ -1520,10 +1402,14 @@ const Co = (t) => ({
     padding: "0.625rem 0.875rem",
     fontSize: "1.125rem"
   }
-}, Vo = {
+}, Qt = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, zo = {}, Wo = {
+}, eo = {
+  iconGap: "6px",
+  submenuOffset: "12px",
+  separatorThickness: "1px",
+  separatorHeight: "1rem",
   separatorColor: "var(--vf-border-color)",
   link: {
     hoverColor: "var(--vf-blue)",
@@ -1539,9 +1425,13 @@ const Co = (t) => ({
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Mo = {
+}, to = {
   backgroundColor: "var(--vf-bg-color)"
-}, Ho = {
+}, oo = {
+  minWidth: "12rem",
+  fontSize: "1rem",
+  controlGap: "0.75rem",
+  chevronSize: "0.9em",
   padding: "0.5rem 0.75rem",
   borderRadius: "6px",
   borderColor: "var(--vf-border-color)",
@@ -1552,7 +1442,13 @@ const Co = (t) => ({
   disabledOpacity: "0.6",
   panelBackgroundColor: "var(--vf-bg-color)",
   panelBorderColor: "var(--vf-border-color)",
+  panelPadding: "0.35rem",
+  panelMaxHeight: "16rem",
+  panelRadiusOffset: "2px",
   panelShadow: "0 10px 30px rgba(0, 0, 0, 0.12)",
+  focusRingShadow: "0 0 0 3px rgba(var(--vf-blue-600-rgb), 0.12)",
+  optionPadding: "0.5rem 0.6rem",
+  optionBorderRadius: "6px",
   optionHoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.08)",
   optionActiveBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.14)",
   optionActiveTextColor: "var(--vf-text-color)",
@@ -1564,10 +1460,11 @@ const Co = (t) => ({
     padding: "0.625rem 0.875rem",
     fontSize: "1.125rem"
   }
-}, Eo = {
+}, ro = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "4px",
+  checkBorderRadius: "2px",
   borderColor: "var(--vf-border-color)",
   backgroundColor: "var(--vf-bg-color)",
   checkedBackgroundColor: "var(--vf-blue)",
@@ -1575,59 +1472,47 @@ const Co = (t) => ({
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "0.6"
-}, Ao = {
+}, no = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
   gap: "0.5rem",
+  thumbOffset: "2px",
+  thumbTranslateOffset: "4px",
   backgroundColor: "var(--vf-border-color)",
   checkedBackgroundColor: "var(--vf-blue)",
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "0.6"
-}, rr = {
-  ...me,
+}, yo = {
+  ...pe,
   components: {
-    base: me,
-    button: wo,
-    card: $o,
-    codeBlock: Fo,
-    container: Bo,
-    content: xo,
-    demo: To,
-    footer: Lo,
-    header: Ro,
-    input: So,
-    link: Vo,
-    logo: zo,
-    menu: Wo,
-    popover: Mo,
-    select: Ho,
-    checkbox: Eo,
-    switch: Ao
+    base: pe,
+    button: qt,
+    card: Ut,
+    codeBlock: Zt,
+    input: Jt,
+    link: Qt,
+    menu: eo,
+    popover: to,
+    select: oo,
+    checkbox: ro,
+    switch: no
   }
 };
 export {
-  Ko as Button,
-  ft as Card,
-  Go as Checkbox,
-  Qo as Container,
-  je as Content,
-  No as DefaultLayout,
-  rr as DefaultTheme,
-  jo as Demo,
-  qe as Footer,
-  De as Header,
-  qo as Input,
-  Io as LeftSidebarLayout,
-  ue as Link,
-  Xo as Logo,
-  Yo as Menu,
-  Jo as Popover,
-  Uo as Select,
-  Zo as Switch,
-  or as VueForge,
-  tr as getTheme,
+  co as Button,
+  Xe as Card,
+  vo as Checkbox,
+  yo as DefaultTheme,
+  uo as Input,
+  ke as Link,
+  io as Menu,
+  bo as Popover,
+  fo as Select,
+  po as Switch,
+  mo as VueForge,
+  ho as getTheme,
   Fe as setTheme,
-  er as updateTheme
+  go as updateTheme
 };