@codemonster-ru/vueforge 0.8.0 → 0.10.0

package/dist/index.ts.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as K, ref as X, computed as w, watch as le, resolveComponent as be, openBlock as b, createElementBlock as m, normalizeClass as C, renderSlot as k, Fragment as oe, createTextVNode as ee, toDisplayString as H, createBlock as M, withCtx as Y, createCommentVNode as _, createElementVNode as B, renderList as he, withKeys as q, withModifiers as U, unref as J, createVNode as me, nextTick as ue, onMounted as Te, onBeforeUnmount as Re, Teleport as Se, withDirectives as ye, vShow as ke, reactive as Ve, createSlots as Le } from "vue";
-import { useRoute as We, useRouter as Me } from "vue-router";
-import { CmIcon as Q } from "@codemonster-ru/vueiconify";
-const He = ["href", "aria-disabled", "tabindex"], Ce = /* @__PURE__ */ K({
+import { defineComponent as U, ref as P, computed as T, watch as ne, resolveComponent as Le, openBlock as m, createElementBlock as k, normalizeClass as V, 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 we, reactive as Ke, createSlots as Ge, useSlots as Ue } from "vue";
+import { useRoute as qe, useRouter as Ze } from "vue-router";
+import { CmIcon as de } from "@codemonster-ru/vueiconify";
+const Je = ["href", "aria-disabled", "tabindex"], He = /* @__PURE__ */ U({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -15,96 +15,96 @@ const He = ["href", "aria-disabled", "tabindex"], Ce = /* @__PURE__ */ K({
   },
   emits: ["click", "active", "update:active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = We(), c = Me(), s = X(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")
+    const r = e, o = t, l = qe(), d = Ze(), i = P(null), c = T(() => o.href ?? o.url), n = T(() => 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 = T(() => o.to), a = T(() => o.to ? d.resolve(o.to) : null), s = T(() => {
+      if (n.value !== "router-link")
         return !1;
-      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;
-    }), f = w(() => o.active === void 0 ? a.value : o.active), v = (p) => {
+      const p = a.value;
+      return p ? p.name ? l.matched.some(({ name: w }) => w === p.name) : p.fullPath ? l.fullPath === p.fullPath : l.path === p.path : !1;
+    }), v = T(() => o.active === void 0 ? s.value : o.active), f = (p) => {
       if (!o.disabled) {
         r("click", p);
         return;
       }
       p.preventDefault(), p.stopPropagation();
     };
-    return le(a, (p) => {
+    return ne(s, (p) => {
       p && (r("active"), r("onActive")), r("update:active", p);
-    }), (p, y) => {
-      const h = be("router-link");
-      return l.value === "a" ? (b(), m("a", {
+    }), (p, w) => {
+      const b = Le("router-link");
+      return n.value === "a" ? (m(), k("a", {
         key: 0,
-        href: i.value,
-        class: C(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": p.disabled }]),
+        href: c.value,
+        class: V(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": p.disabled }]),
         "aria-disabled": p.disabled,
         tabindex: p.disabled ? -1 : void 0,
-        onClick: v
+        onClick: f
       }, [
-        p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (b(), m(oe, { key: 1 }, [
-          ee(H(p.label), 1)
+        p.$slots.default ? _(p.$slots, "default", { key: 0 }) : (m(), k(ce, { key: 1 }, [
+          ae(X(p.label), 1)
         ], 64))
-      ], 10, He)) : (b(), M(h, {
+      ], 10, Je)) : (m(), I(b, {
         key: 1,
         ref_key: "link",
-        ref: s,
+        ref: i,
         to: u.value,
-        class: C(["vf-link", { "vf-link_active": f.value }]),
+        class: V(["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: Y(() => [
-          p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (b(), m(oe, { key: 1 }, [
-            ee(H(p.label), 1)
+        default: te(() => [
+          p.$slots.default ? _(p.$slots, "default", { key: 0 }) : (m(), k(ce, { key: 1 }, [
+            ae(X(p.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), Oe = (t, e) => {
+}), Qe = (t, e) => {
   const r = t.__vccOpts || t;
-  for (const [o, n] of e)
-    r[o] = n;
+  for (const [o, l] of e)
+    r[o] = l;
   return r;
-}, Ee = {}, Pe = { class: "vf-card" }, Ae = {
+}, et = {}, tt = { class: "vf-card" }, ot = {
   key: 0,
   class: "vf-card__default"
-}, De = {
+}, rt = {
   key: 1,
   class: "vf-card__header"
-}, je = {
+}, lt = {
   key: 2,
   class: "vf-card__body"
-}, Ne = {
+}, nt = {
   key: 3,
   class: "vf-card__footer"
 };
-function Xe(t, e) {
-  return b(), m("div", Pe, [
-    t.$slots.default ? (b(), m("div", Ae, [
-      k(t.$slots, "default")
-    ])) : _("", !0),
-    t.$slots.header ? (b(), m("div", De, [
-      k(t.$slots, "header")
-    ])) : _("", !0),
-    t.$slots.body ? (b(), m("div", je, [
-      k(t.$slots, "body")
-    ])) : _("", !0),
-    t.$slots.footer ? (b(), m("div", Ne, [
-      k(t.$slots, "footer")
-    ])) : _("", !0)
+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)
   ]);
 }
-const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
+const st = /* @__PURE__ */ Qe(et, [["render", at]]), it = {
   class: "vf-menu__list",
   role: "menu"
-}, Ke = {
+}, dt = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, Ge = ["aria-expanded", "onClick", "onKeydown"], co = /* @__PURE__ */ K({
+}, ct = ["aria-expanded", "onClick", "onKeydown"], zo = /* @__PURE__ */ U({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -113,87 +113,87 @@ const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
   },
   emits: ["active", "onActive"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = X([]), 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 f in n.value) {
-        const v = n.value[f];
-        Object.prototype.hasOwnProperty.call(v, "items") && ((a = v.items) != null && a.some((p) => p === d) ? (v.active = !0, v.subMenuVisible = !0) : (v.active = !1, v.subMenuVisible = !1));
+    const r = e, o = t, l = P([]), d = (a, s) => `${a.label ?? a.to ?? a.href ?? a.url ?? "item"}_${s.toString()}`, i = (a) => a.to ? "router-link" : "a", c = (a) => a.map((s) => ({
+      ...s,
+      items: s.items ? c(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();
+    }, u = (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));
       }
-      r("active", d), r("onActive", d);
+      r("active", a), r("onActive", a);
     };
-    return le(
+    return ne(
       () => o.items,
-      (d) => {
-        n.value = i(d);
+      (a) => {
+        l.value = c(a);
       },
       { deep: !0, immediate: !0 }
-    ), (d, a) => {
-      const f = be("VfMenu");
-      return b(), m("div", {
-        class: C(["vf-menu", `vf-menu_${d.orientation}`])
+    ), (a, s) => {
+      const v = Le("VfMenu");
+      return m(), k("div", {
+        class: V(["vf-menu", `vf-menu_${a.orientation}`])
       }, [
-        B("ul", Ie, [
-          (b(!0), m(oe, null, he(n.value, (v, p) => (b(), m("li", {
-            key: c(v, p),
+        R("ul", it, [
+          (m(!0), k(ce, null, Ve(l.value, (f, p) => (m(), k("li", {
+            key: d(f, p),
             class: "vf-menu__item",
             role: "none"
           }, [
-            d.$slots[c(v, p)] ? k(d.$slots, c(v, p), {
+            a.$slots[d(f, p)] ? _(a.$slots, d(f, p), {
               key: 0,
-              item: { ...v, class: "vf-menu__link" }
-            }) : v.separator ? (b(), m("hr", Ke)) : v.items && v.items.length ? (b(), m(oe, { key: 2 }, [
-              B("div", {
-                class: C(["vf-menu__parent", { "vf-menu__parent_active": v.active }]),
+              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: V(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": v.subMenuVisible ? "true" : "false",
-                onClick: (y) => l(v),
+                "aria-expanded": f.subMenuVisible ? "true" : "false",
+                onClick: (w) => n(f),
                 onKeydown: [
-                  q(U((y) => l(v), ["prevent"]), ["enter"]),
-                  q(U((y) => l(v), ["prevent"]), ["space"])
+                  re(le((w) => n(f), ["prevent"]), ["enter"]),
+                  re(le((w) => n(f), ["prevent"]), ["space"])
                 ]
               }, [
-                v.icon ? (b(), M(J(Q), {
+                f.icon ? (m(), I(ie(de), {
                   key: 0,
-                  icon: v.icon,
+                  icon: f.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : _("", !0),
-                ee(" " + H(v.label) + " ", 1),
-                me(J(Q), { icon: "chevronDown" })
-              ], 42, Ge),
-              v.items ? (b(), M(f, {
+                }, null, 8, ["icon"])) : $("", !0),
+                ae(" " + X(f.label) + " ", 1),
+                We(ie(de), { icon: "chevronDown" })
+              ], 42, ct),
+              f.items ? (m(), I(v, {
                 key: 0,
-                items: v.items,
-                class: C(["vf-menu__submenu", { "vf-menu__submenu_visible": v.subMenuVisible }]),
+                items: f.items,
+                class: V(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
                 onOnActive: u
-              }, null, 8, ["items", "class"])) : _("", !0)
-            ], 64)) : (b(), M(Ce, {
+              }, null, 8, ["items", "class"])) : $("", !0)
+            ], 64)) : (m(), I(He, {
               key: 3,
-              to: v.to,
-              href: v.href ?? v.url,
-              as: s(v),
+              to: f.to,
+              href: f.href ?? f.url,
+              as: i(f),
               class: "vf-menu__link",
-              active: v.active,
-              disabled: v.disabled,
+              active: f.active,
+              disabled: f.disabled,
               role: "menuitem",
-              "aria-disabled": v.disabled ? "true" : "false",
-              onClick: (y) => l(v),
-              onActive: (y) => u(v)
+              "aria-disabled": f.disabled ? "true" : "false",
+              onClick: (w) => n(f),
+              onActive: (w) => u(f)
             }, {
-              default: Y(() => [
-                v.icon ? (b(), M(J(Q), {
+              default: te(() => [
+                f.icon ? (m(), I(ie(de), {
                   key: 0,
-                  icon: v.icon,
+                  icon: f.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : _("", !0),
-                ee(" " + H(v.label), 1)
+                }, null, 8, ["icon"])) : $("", !0),
+                ae(" " + X(f.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
       ], 2);
     };
   }
-}), qe = ["type", "disabled"], uo = /* @__PURE__ */ K({
+}), ut = ["type", "disabled"], So = /* @__PURE__ */ U({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -221,70 +221,70 @@ const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    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 ? (b(), m("button", {
+    const e = t, r = ["button", "submit", "reset"], o = (a) => !!a && r.includes(a), l = T(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !o(e.type))), d = T(() => o(e.type) ? e.type : "button"), i = T(() => 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 = T(() => {
+      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 = T(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = T(() => ["vf-button__label"]);
+    return (a, s) => l.value ? (m(), k("button", {
       key: 0,
-      type: c.value,
-      class: C(i.value),
+      type: d.value,
+      class: V(c.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (b(), M(J(Q), {
+      e.icon && !e.loading ? (m(), I(ie(de), {
         key: 0,
         icon: e.icon,
-        class: C(l.value)
-      }, null, 8, ["icon", "class"])) : _("", !0),
-      e.loading ? (b(), M(J(Q), {
+        class: V(n.value)
+      }, null, 8, ["icon", "class"])) : $("", !0),
+      e.loading ? (m(), I(ie(de), {
         key: 1,
         icon: "circleNotch",
-        class: C(l.value),
+        class: V(n.value),
         spin: ""
-      }, null, 8, ["class"])) : _("", !0),
-      d.$slots.default ? (b(), m("span", {
+      }, null, 8, ["class"])) : $("", !0),
+      a.$slots.default ? (m(), k("span", {
         key: 2,
-        class: C(u.value)
+        class: V(u.value)
       }, [
-        k(d.$slots, "default")
-      ], 2)) : d.label ? (b(), m("span", {
+        _(a.$slots, "default")
+      ], 2)) : a.label ? (m(), k("span", {
         key: 3,
-        class: C(u.value)
-      }, H(d.label), 3)) : _("", !0)
-    ], 10, qe)) : (b(), M(Ce, {
+        class: V(u.value)
+      }, X(a.label), 3)) : $("", !0)
+    ], 10, ut)) : (m(), I(He, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
-      as: s.value,
-      class: C(i.value),
+      as: i.value,
+      class: V(c.value),
       disabled: e.loading || e.disabled
     }, {
-      default: Y(() => [
-        e.icon ? (b(), M(J(Q), {
+      default: te(() => [
+        e.icon ? (m(), I(ie(de), {
           key: 0,
           icon: e.icon,
-          class: C(l.value)
-        }, null, 8, ["icon", "class"])) : _("", !0),
-        d.$slots.default ? (b(), m("span", {
+          class: V(n.value)
+        }, null, 8, ["icon", "class"])) : $("", !0),
+        a.$slots.default ? (m(), k("span", {
           key: 1,
-          class: C(u.value)
+          class: V(u.value)
         }, [
-          k(d.$slots, "default")
-        ], 2)) : d.label ? (b(), m("span", {
+          _(a.$slots, "default")
+        ], 2)) : a.label ? (m(), k("span", {
           key: 2,
-          class: C(u.value)
-        }, H(d.label), 3)) : _("", !0)
+          class: V(u.value)
+        }, X(a.label), 3)) : $("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), Ue = {
+}), ft = {
   key: 0,
   class: "vf-input__prefix"
-}, Ze = ["type", "value", "placeholder", "disabled", "readonly"], Je = {
+}, vt = ["type", "value", "placeholder", "disabled", "readonly"], pt = {
   key: 1,
   class: "vf-input__suffix"
-}, fo = /* @__PURE__ */ K({
+}, To = /* @__PURE__ */ U({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -297,37 +297,37 @@ const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
   setup(t, { emit: e }) {
-    const r = e, o = t, n = w(() => {
+    const r = e, o = t, l = T(() => {
       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) => (b(), m("div", {
-      class: C(n.value)
+    }), d = (u) => {
+      const a = u.target;
+      r("update:modelValue", a.value), r("input", u);
+    }, i = (u) => r("change", u), c = (u) => r("focus", u), n = (u) => r("blur", u);
+    return (u, a) => (m(), k("div", {
+      class: V(l.value)
     }, [
-      u.$slots.prefix ? (b(), m("span", Ue, [
-        k(u.$slots, "prefix")
-      ])) : _("", !0),
-      B("input", {
+      u.$slots.prefix ? (m(), k("span", ft, [
+        _(u.$slots, "prefix")
+      ])) : $("", !0),
+      R("input", {
         class: "vf-input__control",
         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, Ze),
-      u.$slots.suffix ? (b(), m("span", Je, [
-        k(u.$slots, "suffix")
-      ])) : _("", !0)
+        onInput: d,
+        onChange: i,
+        onFocus: c,
+        onBlur: n
+      }, null, 40, vt),
+      u.$slots.suffix ? (m(), k("span", pt, [
+        _(u.$slots, "suffix")
+      ])) : $("", !0)
     ], 2));
   }
-}), fe = [
+}), ze = [
   "top",
   "top-start",
   "top-end",
@@ -340,7 +340,7 @@ const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
   "left",
   "left-start",
   "left-end"
-], A = (t) => {
+], q = (t) => {
   if (t == null || !(t instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
@@ -348,18 +348,18 @@ const Ye = /* @__PURE__ */ Oe(Ee, [["render", Xe]]), Ie = {
     if (/(auto|scroll|overlay)/.test(r))
       return t;
   }
-  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : A(t.parentNode);
+  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : q(t.parentNode);
 };
-function Qe(t) {
+function gt(t) {
   return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
 }
-const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G = (t, e) => et(t, e) === "fixed", T = (t, e, r = {}) => {
-  const o = t.getBoundingClientRect(), n = e ? e.offsetParent : null, c = e ? G(r, e) : !1;
-  if (n && !c) {
-    const s = n.getBoundingClientRect(), i = n.scrollLeft, l = n.scrollTop;
+const ht = (t, e) => t.strategy ? t.strategy : gt(e) ? "fixed" : "absolute", Q = (t, e) => ht(t, e) === "fixed", A = (t, e, r = {}) => {
+  const o = t.getBoundingClientRect(), l = e ? e.offsetParent : null, d = e ? Q(r, e) : !1;
+  if (l && !d) {
+    const i = l.getBoundingClientRect(), c = l.scrollLeft, n = l.scrollTop;
     return {
-      left: o.left - s.left + i,
-      top: o.top - s.top + l,
+      left: o.left - i.left + c,
+      top: o.top - i.top + n,
       width: o.width,
       height: o.height
     };
@@ -370,338 +370,376 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
     width: o.width,
     height: o.height
   };
-}, I = (t, e) => {
+}, oe = (t, e) => {
   var r;
   return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, we = (t, e) => !!I(t, e), tt = (t) => {
-  const e = A(t);
+}, Ee = (t, e) => !!oe(t, e), mt = (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;
-}, ot = (t) => t.scrollLeft + t.clientWidth, rt = (t) => t.scrollTop + t.clientHeight, V = (t, e, r = null, o = {}, n) => {
-  if (r === null && typeof window < "u" && G(o, e))
+}, he = (t) => t.scrollLeft + t.clientWidth, me = (t) => t.scrollTop + t.clientHeight, N = (t, e, r = null, o = {}, l) => {
+  if (r === null && typeof window < "u" && Q(o, e))
     return t;
-  let c = 0;
+  let d = 0;
   if (r === null) {
-    const s = A(e);
-    c = s ? s.scrollTop : 0;
+    const i = q(e);
+    d = i ? i.scrollTop : 0;
   }
-  return t - c;
-}, L = (t, e, r = null, o = {}, n) => {
-  let c;
-  if (r === null && typeof window < "u" && G(o, e))
-    c = window.innerWidth;
+  return t - d;
+}, K = (t, e, r = null, o = {}, l) => {
+  let d;
+  if (r === null && typeof window < "u" && Q(o, e))
+    d = window.innerWidth;
   else if (r === null) {
-    const s = A(e);
-    c = s ? ot(s) : 0;
+    const i = q(e);
+    d = i ? he(i) : 0;
   } else
-    c = r.getBoundingClientRect().width;
-  return -(t + e.clientWidth - c);
-}, E = (t, e, r = null, o = {}, n) => {
-  let c;
-  if (r === null && typeof window < "u" && G(o, e))
-    c = window.innerHeight;
+    d = r.getBoundingClientRect().width;
+  return -(t + e.clientWidth - d);
+}, Z = (t, e, r = null, o = {}, l) => {
+  let d;
+  if (r === null && typeof window < "u" && Q(o, e))
+    d = window.innerHeight;
   else if (r === null) {
-    const s = A(e);
-    c = s ? rt(s) : 0;
+    const i = q(e);
+    d = i ? me(i) : 0;
   } else
-    c = r.getBoundingClientRect().height;
-  return -(t + e.clientHeight - c);
-}, W = (t, e, r = null, o = {}, n) => {
-  if (r === null && typeof window < "u" && G(o, e))
+    d = r.getBoundingClientRect().height;
+  return -(t + e.clientHeight - d);
+}, G = (t, e, r = null, o = {}, l) => {
+  if (r === null && typeof window < "u" && Q(o, e))
     return t;
-  let c = 0;
+  let d = 0;
   if (r === null) {
-    const s = A(e);
-    c = s ? s.scrollLeft : 0;
+    const i = q(e);
+    d = i ? i.scrollLeft : 0;
   }
-  return t - c;
-}, ve = ({
+  return t - d;
+}, Se = ({
   options: t,
   primaryX: e,
   primaryY: r,
   floating: o,
-  placement: n,
-  reference: c,
-  scrollDirection: s
+  placement: l,
+  reference: d,
+  scrollDirection: i
 }) => {
-  const i = ae(c, o, n, t), l = I(t, "offset");
-  if (l) {
-    const u = l.fn({
-      x: i.x,
-      y: i.y,
+  const c = be(d, o, l, t), n = oe(t, "offset");
+  if (n) {
+    const u = n.fn({
+      x: c.x,
+      y: c.y,
       options: t,
       primaryX: e,
       primaryY: r,
       floating: o,
-      placement: n,
-      reference: c,
-      scrollDirection: s
+      placement: l,
+      reference: d,
+      scrollDirection: i
     });
-    i.x = u.x, i.y = u.y;
+    c.x = u.x, c.y = u.y;
   }
-  return _t(i, o, c, t) ? {
-    x: i.x,
-    y: i.y,
-    placement: n
+  return Vt(c, o, d, t) ? {
+    x: c.x,
+    y: c.y,
+    placement: l
   } : !1;
-}, nt = (t) => ({
+}, Me = (t) => ({
   name: "flip",
   params: t,
   fn: ({
     x: e,
     y: r,
     options: o,
-    primaryX: n,
-    primaryY: c,
-    floating: s,
-    placement: i,
-    reference: l,
+    primaryX: l,
+    primaryY: d,
+    floating: i,
+    placement: c,
+    reference: n,
     scrollDirection: u
   }) => {
-    var d;
-    const a = {
+    var a;
+    const s = {
       x: e,
       y: r,
-      placement: i
-    }, f = {
+      placement: c
+    }, v = {
       ...o,
-      middleware: (d = o.middleware) == null ? void 0 : d.filter((x) => x.name !== "shift")
-    }, v = (t == null ? void 0 : t.placements) ?? fe, p = !(t != null && t.placements), y = p ? fe : v;
-    let h = !1;
-    const R = (x) => {
-      if (h)
+      middleware: (a = o.middleware) == null ? void 0 : a.filter((B) => B.name !== "shift")
+    }, f = (t == null ? void 0 : t.placements) ?? ze, p = !(t != null && t.placements), w = p ? ze : f;
+    let b = !1;
+    const x = (B) => {
+      if (b)
         return;
-      const F = ve({
-        options: f,
-        primaryX: n,
-        primaryY: c,
-        floating: s,
-        placement: x,
-        reference: l,
+      const z = Se({
+        options: v,
+        primaryX: l,
+        primaryY: d,
+        floating: i,
+        placement: B,
+        reference: n,
         scrollDirection: u
       });
-      F && (a.x = F.x, a.y = F.y, a.placement = F.placement, h = !0);
-    }, D = Ft(l, s, f);
-    if (!p && v.includes(i) && R(i), h || y.forEach(R), !h) {
-      const x = v.reduce(
-        (F, O) => {
-          const j = ve({
-            options: f,
-            primaryX: n,
-            primaryY: c,
-            floating: s,
-            placement: O,
-            reference: l,
+      z && (s.x = z.x, s.y = z.y, s.placement = z.placement, b = !0);
+    }, L = Ot(n, i, v);
+    if (!p && f.includes(c) && x(c), b || w.forEach(x), !b) {
+      const B = f.reduce(
+        (z, C) => {
+          const F = Se({
+            options: v,
+            primaryX: l,
+            primaryY: d,
+            floating: i,
+            placement: C,
+            reference: n,
             scrollDirection: u
           });
-          if (!j)
-            return F;
-          const S = te(O), N = D[S];
-          return !F || N > F.space ? { result: j, space: N } : F;
+          if (!F)
+            return z;
+          const O = fe(C), W = L[O];
+          return !z || W > z.space ? { result: F, space: W } : z;
         },
         null
       );
-      x && (a.x = x.result.x, a.y = x.result.y, a.placement = x.result.placement, h = !0);
+      B && (s.x = B.result.x, s.y = B.result.y, s.placement = B.result.placement, b = !0);
     }
-    if (!h && v.length > 0) {
-      const x = te(i);
-      let F = x, O = D[x];
-      v.forEach((Z) => {
-        const g = te(Z), $ = D[g];
-        $ > O && (O = $, F = g);
+    if (!b && f.length > 0) {
+      const B = fe(c);
+      let z = B, C = L[B];
+      f.forEach((h) => {
+        const g = fe(h), y = L[g];
+        y > C && (C = y, z = g);
       });
-      const j = $t(F, i, v), S = ae(l, s, j, f), N = I(f, "offset");
-      if (N) {
-        const Z = N.fn({
-          x: S.x,
-          y: S.y,
-          options: f,
-          primaryX: n,
-          primaryY: c,
-          floating: s,
-          placement: j,
-          reference: l,
+      const F = Wt(z, c, 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,
+          primaryY: d,
+          floating: i,
+          placement: F,
+          reference: n,
           scrollDirection: u
         });
-        S.x = Z.x, S.y = Z.y;
+        O.x = h.x, O.y = h.y;
       }
-      a.x = S.x, a.y = S.y, a.placement = S.placement;
+      s.x = O.x, s.y = O.y, s.placement = O.placement;
     }
-    return a;
+    return s;
   }
-}), lt = (t, e, r, o, n) => {
-  var c, s, i;
-  let l = 0;
-  o.startsWith("right") ? l = -2 : o.startsWith("left") && (l = t);
-  const u = I(e, "arrow"), d = I(e, "shift");
+}), Pe = (t, e, r, o, l) => {
+  var d, i, c;
+  let n = 0;
+  o.startsWith("right") ? n = -t : o.startsWith("left") && (n = t);
+  const u = oe(e, "arrow"), a = oe(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);
+    const s = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("right") ? n -= s.width / 2 : o.startsWith("left") && (n += s.width / 2);
   }
-  if (we(e, "shift") && u) {
-    let a = null, f = 0;
-    d && (a = (s = d.params) == null ? void 0 : s.parent);
-    const v = (i = u.params) == null ? void 0 : i.arrow;
-    f = v.getBoundingClientRect().width / 2, f += it(v), f -= t, o.startsWith("right") ? L(r - l, n, a, e) <= t ? L(r, n, a, e) > 0 ? l = t - L(r, n, a, e) : l = t : W(r - l - f, n, a, e) <= t && (W(r - l - f, n, a, e) >= 0 ? (l = -2 - (W(r - l - f, n, a, e) + t), a && (l = -2)) : l = -2) : o.startsWith("left") ? L(r - l + f, n, a, e) <= t ? (l = t + L(r - f, n, a, e), l <= t && (l = t)) : W(r - l, n, a, e) <= t && (l = -2 + W(r, n, a, e), l <= -2 && (l = -2)) : L(r - l, n, a, e) <= t ? L(r - l, n, a, e) <= t && L(r, n, a, e) > 0 ? l = t - L(r, n, a, e) : l = t : W(r - l, n, a, e) <= t && (W(r - l, n, a, e) <= t && W(r, n, a, e) > 0 ? l = -(t - W(r, n, a, e)) : l = -2);
+  if (Ee(e, "shift") && u) {
+    let s = null, v = 0;
+    a && (s = (i = a.params) == null ? void 0 : i.parent);
+    const f = (c = u.params) == null ? void 0 : c.arrow;
+    v = f.getBoundingClientRect().width / 2, v += yt(f), v -= t, o.startsWith("right") ? K(r - n, l, s, e) <= t ? K(r, l, s, e) > 0 ? n = t - K(r, l, s, e) : n = t : G(r - n - v, l, s, e) <= t && (G(r - n - v, l, s, e) >= 0 ? (n = -t - (G(r - n - v, l, s, e) + t), s && (n = -t)) : n = -t) : o.startsWith("left") ? K(r - n + v, l, s, e) <= t ? (n = t + K(r - v, l, s, e), n <= t && (n = t)) : G(r - n, l, s, e) <= t && (n = -t + G(r, l, s, e), n <= -t && (n = -t)) : K(r - n, l, s, e) <= t ? K(r - n, l, s, e) <= t && K(r, l, s, e) > 0 ? n = t - K(r, l, s, e) : 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);
   }
-  return l;
-}, at = (t, e, r, o, n) => {
-  var c, s, i;
-  let l = 0;
-  o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -2);
-  const u = I(e, "arrow"), d = I(e, "shift");
+  return n;
+}, Ae = (t, e, r, o, l) => {
+  var d, i, c;
+  let n = 0;
+  o.startsWith("top") ? n = t : o.startsWith("bottom") && (n = -t);
+  const u = oe(e, "arrow"), a = oe(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);
+    const s = ((d = u.params) == null ? void 0 : d.arrow).getBoundingClientRect();
+    o.startsWith("top") ? n += s.height / 2 : o.startsWith("bottom") && (n -= s.height / 2);
   }
-  if (we(e, "shift") && u) {
-    let a = null, f = 0;
-    d && (a = (s = d.params) == null ? void 0 : s.parent);
-    const v = (i = u.params) == null ? void 0 : i.arrow;
-    f = v.getBoundingClientRect().height / 2, f += dt(v), f -= t, o.startsWith("top") ? V(r - l, n, a, e) <= t ? V(r, n, a, e) >= 0 ? l = -(t - V(r, n, a, e)) : l = -2 : E(r - l + f, n, a, e) <= t && (l = t + E(r - f, n, a, e), l <= t && (l = t)) : o.startsWith("bottom") ? V(r - l - f, n, a, e) <= t ? V(r - l - f, n, a, e) >= 0 ? (l = -2 - (V(r - l - f, n, a, e) + t), a && (l = -2)) : l = -2 : E(r - l, n, a, e) <= t && (E(r, n, a, e) >= 0 ? l = t - E(r, n, a, e) : l = t) : V(r - l, n, a, e) <= t ? V(r - l, n, a, e) >= 0 ? l = -(t - V(r - l, n, a, e)) : l = -2 : E(r - l, n, a, e) <= t && (E(r - l, n, a, e) >= 0 ? l = t - E(r - l, n, a, e) : l = t);
+  if (Ee(e, "shift") && u) {
+    let s = null, v = 0;
+    a && (s = (i = a.params) == null ? void 0 : i.parent);
+    const f = (c = u.params) == null ? void 0 : c.arrow;
+    v = f.getBoundingClientRect().height / 2, v += kt(f), v -= t, o.startsWith("top") ? N(r - n, l, s, e) <= t ? N(r, l, s, e) >= 0 ? n = -(t - N(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") ? N(r - n - v, l, s, e) <= t ? N(r - n - v, l, s, e) >= 0 ? (n = -t - (N(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) : N(r - n, l, s, e) <= t ? N(r - n, l, s, e) >= 0 ? n = -(t - N(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);
   }
-  return l;
-}, st = (t) => ({
+  return n;
+}, De = (t) => ({
   name: "offset",
   params: { value: t },
   fn: ({
     x: e,
     y: r,
     options: o,
-    primaryX: n,
-    primaryY: c,
-    floating: s,
-    placement: i
+    primaryX: l,
+    primaryY: d,
+    floating: i,
+    placement: c
   }) => ({
-    x: e - lt(t, o, n, i, s),
-    y: r - at(t, o, c, i, s),
-    placement: i
+    x: e - Pe(t, o, l, c, i),
+    y: r - Ae(t, o, d, c, i),
+    placement: c
   })
-}), it = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, dt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, ct = (t, e) => {
-  const r = A(t), o = [];
+}), bt = (t) => ({
+  name: "shift",
+  params: t,
+  fn: ({
+    x: e,
+    y: r,
+    options: o,
+    primaryX: l,
+    primaryY: d,
+    floating: i,
+    placement: c,
+    reference: n
+  }) => {
+    var u;
+    const a = {
+      x: e,
+      y: r,
+      placement: c
+    }, s = o.middleware || [], v = s.findIndex((y) => y.name === "shift"), f = s.findIndex((y) => y.name === "offset"), p = f !== -1 && (v === -1 || f > v), w = s.find((y) => y.name === "offset"), b = w ? (u = w.params) == null ? void 0 : u.value : 0, x = p ? Pe(b, o, l, c, i) : 0, L = p ? Ae(b, o, d, c, i) : 0, B = e - x, z = r - L;
+    let C = B, F = z;
+    const O = w ? Math.abs(b) : 0, W = O, h = O;
+    if (Q(o, i) && typeof window < "u") {
+      const y = W, S = window.innerWidth - i.clientWidth - W, H = S < y ? y : S, E = h, D = window.innerHeight - i.clientHeight - h, M = D < E ? E : D;
+      C < y ? C = y : C > H && (C = H), F < E ? F = E : F > M && (F = M), p ? (a.x = e + (C - B), a.y = r + (F - z)) : (a.x = C, a.y = F);
+      const j = W, Y = window.innerWidth - i.clientWidth - W, ee = h, ue = window.innerHeight - i.clientHeight - h, se = p ? j + x : j, ve = p ? Y + x : Y, pe = p ? ee + L : ee, ge = p ? ue + L : 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;
+    }
+    const g = q(i);
+    if (g !== null) {
+      const y = A(n, i, o), S = y.left, H = y.left + y.width, E = y.top, D = y.top + y.height, M = g.scrollLeft + W, j = he(g) - i.clientWidth - W, Y = j < M ? M : j, 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 ? C = M : S >= pe && (C = Y), D <= ge ? F = ee : E >= Ne && (F = se), F < ee ? F = ee : F > se && (F = se), C < M ? C = M : C > Y && (C = Y);
+    }
+    if (p ? (a.x = e + (C - B), a.y = r + (F - z)) : (a.x = C, a.y = F), g !== null) {
+      const y = g.scrollLeft + W, S = he(g) - i.clientWidth - W, H = g.scrollTop + h, E = me(g) - i.clientHeight - h, D = p ? y + x : y, M = p ? S + x : S, j = p ? H + L : H, Y = p ? E + L : E;
+      a.x < D ? a.x = D : a.x > M && (a.x = M), a.y < j ? a.y = j : a.y > Y && (a.y = Y);
+    }
+    return a;
+  }
+}), yt = (t) => t.getBoundingClientRect().width !== t.clientWidth ? (t.getBoundingClientRect().width - t.clientWidth) / 2 : 0, kt = (t) => t.getBoundingClientRect().height !== t.clientHeight ? (t.getBoundingClientRect().height - t.clientHeight) / 2 : 0, Ie = (t, e) => {
+  const r = q(t), o = [];
   if (r !== null) {
-    const n = () => e();
-    r.addEventListener("scroll", n, !1), o.push(() => r.removeEventListener("scroll", n, !1));
+    const l = () => e();
+    r.addEventListener("scroll", l, !1), o.push(() => r.removeEventListener("scroll", l, !1));
   }
   if (typeof window < "u") {
-    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));
+    const l = () => e(), d = () => e();
+    window.addEventListener("scroll", l, !1), window.addEventListener("resize", d, !1), o.push(() => window.removeEventListener("scroll", l, !1)), o.push(() => window.removeEventListener("resize", d, !1));
   }
   if (typeof ResizeObserver < "u" && t instanceof HTMLElement) {
-    const n = new ResizeObserver(() => e());
-    n.observe(t), o.push(() => n.disconnect());
+    const l = new ResizeObserver(() => e());
+    l.observe(t), o.push(() => l.disconnect());
   }
-  return () => o.forEach((n) => n());
-}, ut = (t, e, r = {}) => {
-  const o = T(t, e, r);
+  return () => o.forEach((l) => l());
+}, wt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, ft = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Ct = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, vt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, _t = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, pt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, $t = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
     placement: "right"
   };
-}, gt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, xt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top,
     placement: "right-start"
   };
-}, bt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Ft = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left + o.width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, ht = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Bt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
     y: o.top + o.height,
     placement: "bottom"
   };
-}, mt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, zt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left,
     y: o.top + o.height,
     placement: "bottom-start"
   };
-}, yt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, St = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width + o.width,
     y: o.top + o.height,
     placement: "bottom-end"
   };
-}, kt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Tt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, Ct = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Rt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top,
     placement: "left-start"
   };
-}, wt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Lt = (t, e, r = {}) => {
+  const o = A(t, e, r);
   return {
     x: o.left - e.getBoundingClientRect().width,
     y: o.top + o.height - e.getBoundingClientRect().height,
     placement: "left-end"
   };
-}, ae = (t, e, r, o = {}) => {
+}, be = (t, e, r, o = {}) => {
   switch (r) {
     case "top":
-      return ut(t, e, o);
+      return wt(t, e, o);
     case "top-start":
-      return ft(t, e, o);
+      return Ct(t, e, o);
     case "top-end":
-      return vt(t, e, o);
+      return _t(t, e, o);
     case "right":
-      return pt(t, e, o);
+      return $t(t, e, o);
     case "right-start":
-      return gt(t, e, o);
+      return xt(t, e, o);
     case "right-end":
-      return bt(t, e, o);
+      return Ft(t, e, o);
     case "bottom":
-      return ht(t, e, o);
+      return Bt(t, e, o);
     case "bottom-start":
-      return mt(t, e, o);
+      return zt(t, e, o);
     case "bottom-end":
-      return yt(t, e, o);
+      return St(t, e, o);
     case "left":
-      return kt(t, e, o);
+      return Tt(t, e, o);
     case "left-start":
-      return Ct(t, e, o);
+      return Rt(t, e, o);
     case "left-end":
-      return wt(t, e, o);
+      return Lt(t, e, o);
     default:
       return {
         x: 0,
@@ -709,25 +747,25 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
         placement: ""
       };
   }
-}, _t = (t, e, r, o = {}) => {
-  if (G(o, e)) {
+}, Vt = (t, e, r, o = {}) => {
+  if (Q(o, e)) {
     if (typeof window > "u")
       return !0;
-    const a = t.x, f = t.y, v = a + e.clientWidth, p = f + e.clientHeight;
-    return a >= 0 && f >= 0 && v <= window.innerWidth && p <= window.innerHeight;
+    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;
   }
-  if (A(r) !== null)
-    return V(t.y, e, null, o) > 0 && L(t.x, e, null, o) > 0 && E(t.y, e, null, o) > 0 && W(t.x, e, null, o) > 0;
+  if (q(r) !== null)
+    return N(t.y, e, null, o) > 0 && K(t.x, e, null, o) > 0 && Z(t.y, e, null, o) > 0 && G(t.x, e, null, o) > 0;
   if (typeof window > "u")
     return !0;
-  const n = window.innerWidth, c = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
-  if (s) {
-    const a = s.getBoundingClientRect(), f = a.left + t.x, v = a.top + t.y, p = f + e.clientWidth, y = v + e.clientHeight;
-    return f >= 0 && v >= 0 && p <= n && y <= c;
+  const l = window.innerWidth, d = 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, w = f + e.clientHeight;
+    return v >= 0 && f >= 0 && p <= l && w <= d;
   }
-  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", $t = (t, e, r) => te(e) === t && r.includes(e) ? e : r.find((o) => te(o) === t) ?? r[0], Ft = (t, e, r = {}) => {
+  const c = t.x, n = t.y, u = c + e.clientWidth, a = n + e.clientHeight;
+  return c >= 0 && n >= 0 && u <= l && a <= d;
+}, fe = (t) => t.startsWith("right") ? "right" : t.startsWith("left") ? "left" : t.startsWith("top") ? "top" : "bottom", Wt = (t, e, r) => fe(e) === t && r.includes(e) ? e : r.find((o) => fe(o) === t) ?? r[0], Ot = (t, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -735,51 +773,51 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
       bottom: 0,
       left: 0
     };
-  const o = G(r, e) ? null : A(t), n = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
+  const o = Q(r, e) ? null : q(t), l = t.getBoundingClientRect(), d = o ? o.getBoundingClientRect() : {
     top: 0,
     left: 0,
     right: window.innerWidth,
     bottom: window.innerHeight
   };
   return {
-    top: n.top - c.top,
-    right: c.right - n.right,
-    bottom: c.bottom - n.bottom,
-    left: n.left - c.left
+    top: l.top - d.top,
+    right: d.right - l.right,
+    bottom: d.bottom - l.bottom,
+    left: l.left - d.left
   };
-}, Bt = (t, e, r = {}) => new Promise((o) => {
-  var n, c;
-  const s = r.placement ? r.placement : "bottom", i = {
+}, Xe = (t, e, r = {}) => new Promise((o) => {
+  var l, d;
+  const i = r.placement ? r.placement : "bottom", c = {
     x: 0,
     y: 0,
-    placement: s,
+    placement: i,
     middlewareData: {}
-  }, 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 h = y.fn({
-      x: i.x,
-      y: i.y,
+  }, n = be(t, e, i, r);
+  c.x = n.x, c.y = n.y, c.placement = n.placement;
+  const u = c.x, a = c.y, s = mt(t);
+  (l = r.middleware) == null || l.forEach((w) => {
+    const b = w.fn({
+      x: c.x,
+      y: c.y,
       options: r,
       primaryX: u,
-      primaryY: d,
+      primaryY: a,
       floating: e,
-      placement: i.placement,
+      placement: c.placement,
       reference: t,
-      scrollDirection: a
+      scrollDirection: s
     });
-    i.x = h.x, i.y = h.y, i.placement = h.placement, y.name === "arrow" && (h.baseX = h.x, h.baseY = h.y, h.x = h.arrowX ?? h.x, h.y = h.arrowY ?? h.y), i.middlewareData[y.name] = h;
+    c.x = b.x, c.y = b.y, c.placement = b.placement, w.name === "arrow" && (b.baseX = b.x, b.baseY = b.y, b.x = b.arrowX ?? b.x, b.y = b.arrowY ?? b.y), c.middlewareData[w.name] = b;
   });
-  const f = ae(t, e, i.placement, r), v = I(r, "offset"), p = v ? (c = v.params) == null ? void 0 : c.value : 0;
-  if (Number.isFinite(i.x) || (i.x = f.x), !Number.isFinite(i.y))
-    if (G(r, e)) {
-      const y = t.getBoundingClientRect(), h = e.getBoundingClientRect().height;
-      i.placement.startsWith("top") ? i.y = y.top - h - p : i.placement.startsWith("bottom") ? i.y = y.bottom + p : i.y = f.y;
+  const v = be(t, e, c.placement, r), f = oe(r, "offset"), p = f ? (d = f.params) == null ? void 0 : d.value : 0;
+  if (Number.isFinite(c.x) || (c.x = v.x), !Number.isFinite(c.y))
+    if (Q(r, e)) {
+      const w = t.getBoundingClientRect(), b = e.getBoundingClientRect().height;
+      c.placement.startsWith("top") ? c.y = w.top - b - p : c.placement.startsWith("bottom") ? c.y = w.bottom + p : c.y = v.y;
     } else
-      i.y = f.y;
-  o(i);
-}), xt = ["disabled", "aria-expanded", "onKeydown"], zt = ["data-placement"], Tt = ["disabled", "aria-selected", "onClick"], vo = /* @__PURE__ */ K({
+      c.y = v.y;
+  o(c);
+}), Ht = ["disabled", "aria-expanded", "onKeydown"], Et = ["data-placement"], Mt = ["disabled", "aria-selected", "onClick"], Ro = /* @__PURE__ */ U({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -793,136 +831,136 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(t, { emit: e }) {
     let r = 0;
-    const o = e, n = t, c = X(null), s = X(null), i = X(null), l = X(!1), u = X("bottom"), d = X("bottom"), a = `vf-select-panel-${++r}`;
-    let f = null;
-    const v = w(() => n.options.map((g) => ({
-      label: g[n.optionLabel],
-      value: g[n.optionValue],
+    const o = e, l = t, d = P(null), i = P(null), c = P(null), n = P(!1), u = P("bottom"), a = P("bottom"), s = `vf-select-panel-${++r}`;
+    let v = null;
+    const f = T(() => l.options.map((g) => ({
+      label: g[l.optionLabel],
+      value: g[l.optionValue],
       disabled: g.disabled
-    }))), p = w(() => v.value.find((g) => g.value === n.modelValue)), y = w(() => {
+    }))), p = T(() => f.value.find((g) => g.value === l.modelValue)), w = T(() => {
       var g;
       return ((g = p.value) == null ? void 0 : g.label) ?? "";
-    }), h = w(() => {
-      const g = ["vf-select", l.value ? "vf-select_open" : ""];
-      return n.size !== "normal" && g.push(`vf-select_${n.size}`), n.disabled && g.push("vf-select_disabled"), g.filter(Boolean);
-    }), R = (g) => g.value === n.modelValue, D = (g) => {
-      g.disabled || (o("update:modelValue", g.value), o("change", g.value), O());
-    }, x = (g) => o("focus", g), F = (g) => o("blur", g), O = () => {
-      l.value = !1, u.value = "bottom", d.value = "bottom";
-    }, j = () => {
-      n.disabled || (l.value = !l.value, l.value && (u.value = "bottom", d.value = "bottom"));
-    }, S = async () => {
-      var g, $;
-      l.value || (l.value = !0, await ue()), ($ = (g = i.value) == null ? void 0 : g.querySelector(".vf-select__option:not(.is-disabled)")) == null || $.focus();
-    }, N = (g) => {
-      var z;
-      if (!l.value || !c.value)
+    }), b = T(() => {
+      const g = ["vf-select", 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, L = (g) => {
+      g.disabled || (o("update:modelValue", g.value), o("change", g.value), C());
+    }, B = (g) => o("focus", g), z = (g) => o("blur", g), C = () => {
+      n.value = !1, u.value = "bottom", a.value = "bottom";
+    }, F = () => {
+      l.disabled || (n.value = !n.value, n.value && (u.value = "bottom", a.value = "bottom"));
+    }, O = async () => {
+      var g, y;
+      n.value || (n.value = !0, await _e()), (y = (g = c.value) == null ? void 0 : g.querySelector(".vf-select__option:not(.is-disabled)")) == null || y.focus();
+    }, W = (g) => {
+      var S;
+      if (!n.value || !d.value)
         return;
-      const $ = g.target;
-      c.value.contains($) || (z = i.value) != null && z.contains($) || O();
-    }, Z = () => {
-      if (!s.value || !i.value)
+      const y = g.target;
+      d.value.contains(y) || (S = c.value) != null && S.contains(y) || C();
+    }, h = () => {
+      if (!i.value || !c.value)
         return;
-      const g = s.value, $ = i.value, z = async () => {
+      const g = i.value, y = c.value, S = async () => {
         const {
-          x: Be,
-          y: xe,
-          placement: ze
-        } = await Bt(g, $, {
+          x: M,
+          y: j,
+          placement: Y
+        } = await Xe(g, y, {
           placement: u.value,
           strategy: "fixed",
-          middleware: [st(2), nt({ placements: ["bottom", "top"] })]
+          middleware: [De(2), Me({ placements: ["bottom", "top"] })]
         });
-        d.value = ze ?? u.value, $.style.minWidth = `${g.getBoundingClientRect().width}px`, $.style.left = `${Be}px`, $.style.top = `${xe}px`;
-      }, re = async () => {
-        await z();
-      }, Fe = ct(g, () => {
-        re();
-      }), ne = () => {
-        re();
+        a.value = Y ?? u.value, y.style.minWidth = `${g.getBoundingClientRect().width}px`, y.style.left = `${M}px`, y.style.top = `${j}px`;
+      }, H = async () => {
+        await S();
+      }, E = Ie(g, () => {
+        H();
+      }), D = () => {
+        H();
       };
-      document.addEventListener("scroll", ne, !0), window.addEventListener("resize", ne, !1), f = {
-        update: re,
+      document.addEventListener("scroll", D, !0), window.addEventListener("resize", D, !1), v = {
+        update: H,
         destroy: () => {
-          Fe(), document.removeEventListener("scroll", ne, !0), window.removeEventListener("resize", ne, !1);
+          E(), document.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D, !1);
         }
-      }, f.update();
+      }, v.update();
     };
-    return le(l, async (g) => {
+    return ne(n, async (g) => {
       if (!g) {
-        f && (f.destroy(), f = null);
+        v && (v.destroy(), v = null);
         return;
       }
-      await ue(), f || Z(), f == null || f.update();
-    }), le(
-      () => n.options,
+      await _e(), v || h(), v == null || v.update();
+    }), ne(
+      () => l.options,
       () => {
-        f == null || f.update();
+        v == null || v.update();
       },
       { deep: !0 }
-    ), Te(() => {
-      document.addEventListener("click", N);
-    }), Re(() => {
-      document.removeEventListener("click", N), f == null || f.destroy(), f = null;
-    }), (g, $) => (b(), m("div", {
+    ), Oe(() => {
+      document.addEventListener("click", W);
+    }), $e(() => {
+      document.removeEventListener("click", W), v == null || v.destroy(), v = null;
+    }), (g, y) => (m(), k("div", {
       ref_key: "root",
-      ref: c,
-      class: C(h.value)
+      ref: d,
+      class: V(b.value)
     }, [
-      B("button", {
+      R("button", {
         ref_key: "trigger",
-        ref: s,
+        ref: i,
         class: "vf-select__control",
         type: "button",
         disabled: g.disabled,
-        "aria-expanded": l.value,
-        "aria-controls": a,
+        "aria-expanded": n.value,
+        "aria-controls": s,
         "aria-haspopup": "listbox",
-        onClick: j,
+        onClick: F,
         onKeydown: [
-          q(U(S, ["prevent"]), ["down"]),
-          q(U(j, ["prevent"]), ["enter"]),
-          q(U(O, ["prevent"]), ["esc"])
+          re(le(O, ["prevent"]), ["down"]),
+          re(le(F, ["prevent"]), ["enter"]),
+          re(le(C, ["prevent"]), ["esc"])
         ],
-        onFocus: x,
-        onBlur: F
+        onFocus: B,
+        onBlur: z
       }, [
-        B("span", {
-          class: C(["vf-select__label", { "vf-select__label_placeholder": !y.value }])
-        }, H(y.value || g.placeholder), 3),
-        $[0] || ($[0] = B("span", {
+        R("span", {
+          class: V(["vf-select__label", { "vf-select__label_placeholder": !w.value }])
+        }, X(w.value || g.placeholder), 3),
+        y[0] || (y[0] = R("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, xt),
-      (b(), M(Se, { to: "body" }, [
-        ye(B("div", {
-          id: a,
+      ], 40, Ht),
+      (m(), I(xe, { to: "body" }, [
+        ke(R("div", {
+          id: s,
           ref_key: "panel",
-          ref: i,
+          ref: c,
           class: "vf-select__panel",
           role: "listbox",
-          "data-placement": d.value
+          "data-placement": a.value
         }, [
-          (b(!0), m(oe, null, he(v.value, (z) => (b(), m("button", {
-            key: z.value,
-            class: C(["vf-select__option", { "is-active": R(z), "is-disabled": z.disabled }]),
+          (m(!0), k(ce, null, Ve(f.value, (S) => (m(), k("button", {
+            key: S.value,
+            class: V(["vf-select__option", { "is-active": x(S), "is-disabled": S.disabled }]),
             type: "button",
             role: "option",
-            disabled: z.disabled,
-            "aria-selected": R(z),
-            onClick: (re) => D(z)
-          }, H(z.label), 11, Tt))), 128))
-        ], 8, zt), [
-          [ke, l.value]
+            disabled: S.disabled,
+            "aria-selected": x(S),
+            onClick: (H) => L(S)
+          }, X(S.label), 11, Mt))), 128))
+        ], 8, Et), [
+          [we, n.value]
         ])
       ]))
     ], 2));
   }
-}), Rt = ["checked", "disabled"], St = {
+}), Pt = ["checked", "disabled"], At = {
   key: 0,
   class: "vf-checkbox__label"
-}, po = /* @__PURE__ */ K({
+}, Lo = /* @__PURE__ */ U({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -931,35 +969,35 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    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);
+    const r = e, o = t, l = T(() => {
+      const i = ["vf-checkbox"];
+      return o.disabled && i.push("vf-checkbox_disabled"), i;
+    }), d = (i) => {
+      const c = i.target;
+      r("update:modelValue", c.checked), r("change", i);
     };
-    return (s, i) => (b(), m("label", {
-      class: C(n.value)
+    return (i, c) => (m(), k("label", {
+      class: V(l.value)
     }, [
-      B("input", {
+      R("input", {
         class: "vf-checkbox__control",
         type: "checkbox",
-        checked: s.modelValue,
-        disabled: s.disabled,
-        onChange: c
-      }, null, 40, Rt),
-      i[0] || (i[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
-      s.label || s.$slots.default ? (b(), m("span", St, [
-        k(s.$slots, "default", {}, () => [
-          ee(H(s.label), 1)
+        checked: i.modelValue,
+        disabled: i.disabled,
+        onChange: d
+      }, null, 40, Pt),
+      c[0] || (c[0] = R("span", { class: "vf-checkbox__box" }, null, -1)),
+      i.label || i.$slots.default ? (m(), k("span", At, [
+        _(i.$slots, "default", {}, () => [
+          ae(X(i.label), 1)
         ])
-      ])) : _("", !0)
+      ])) : $("", !0)
     ], 2));
   }
-}), Vt = ["checked", "disabled"], Lt = {
+}), Dt = ["checked", "disabled"], It = {
   key: 0,
   class: "vf-switch__label"
-}, go = /* @__PURE__ */ K({
+}, Vo = /* @__PURE__ */ U({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -968,167 +1006,387 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    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);
+    const r = e, o = t, l = T(() => {
+      const i = ["vf-switch"];
+      return o.disabled && i.push("vf-switch_disabled"), i;
+    }), d = (i) => {
+      const c = i.target;
+      r("update:modelValue", c.checked), r("change", i);
     };
-    return (s, i) => (b(), m("label", {
-      class: C(n.value)
+    return (i, c) => (m(), k("label", {
+      class: V(l.value)
     }, [
-      B("input", {
+      R("input", {
         class: "vf-switch__control",
         type: "checkbox",
-        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" })
+        checked: i.modelValue,
+        disabled: i.disabled,
+        onChange: d
+      }, null, 40, Dt),
+      c[0] || (c[0] = R("span", { class: "vf-switch__track" }, [
+        R("span", { class: "vf-switch__thumb" })
       ], -1)),
-      s.label || s.$slots.default ? (b(), m("span", Lt, [
-        k(s.$slots, "default", {}, () => [
-          ee(H(s.label), 1)
+      i.label || i.$slots.default ? (m(), k("span", It, [
+        _(i.$slots, "default", {}, () => [
+          ae(X(i.label), 1)
         ])
-      ])) : _("", !0)
+      ])) : $("", !0)
     ], 2));
   }
-}), Wt = { class: "vf-popover" }, Mt = ["aria-expanded", "onKeydown"], bo = /* @__PURE__ */ K({
+}), Xt = { class: "vf-popover" }, Yt = ["aria-expanded", "onKeydown"], Wo = /* @__PURE__ */ U({
   __name: "popover",
   emits: ["click", "onClick"],
   setup(t, { expose: e, emit: r }) {
-    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 = () => {
+    const o = r, l = Ke({ visible: !1 });
+    let d = 0;
+    const i = `vf-popover-panel-${++d}`, c = () => l.visible = !0, n = () => l.visible = !1, u = () => l.visible = !l.visible, a = () => {
       u(), o("click"), o("onClick");
     };
-    return e({ show: i, hide: l, toggle: u }), (a, f) => (b(), m("div", Wt, [
-      B("div", {
+    return e({ show: c, hide: n, toggle: u }), (s, v) => (m(), k("div", Xt, [
+      R("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
-        "aria-expanded": n.visible,
-        "aria-controls": s,
-        onClick: d,
+        "aria-expanded": l.visible,
+        "aria-controls": i,
+        onClick: a,
         onKeydown: [
-          q(U(d, ["prevent"]), ["enter"]),
-          q(U(d, ["prevent"]), ["space"])
+          re(le(a, ["prevent"]), ["enter"]),
+          re(le(a, ["prevent"]), ["space"])
         ]
       }, [
-        k(a.$slots, "button")
-      ], 40, Mt),
-      ye(me(Ye, {
-        id: s,
+        _(s.$slots, "button")
+      ], 40, Yt),
+      ke(We(st, {
+        id: i,
         class: "vf-popover__wrapper"
-      }, Le({
-        default: Y(() => [
-          f[0] || (f[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
+      }, Ge({
+        default: te(() => [
+          v[0] || (v[0] = R("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
-        a.$slots.default ? {
+        s.$slots.default ? {
           name: "default",
-          fn: Y(() => [
-            k(a.$slots, "default")
+          fn: te(() => [
+            _(s.$slots, "default")
           ]),
           key: "0"
         } : void 0,
-        a.$slots.header || a.$slots.popoverHeader ? {
+        s.$slots.header || s.$slots.popoverHeader ? {
           name: "header",
-          fn: Y(() => [
-            k(a.$slots, "header"),
-            a.$slots.header ? _("", !0) : k(a.$slots, "popoverHeader", { key: 0 })
+          fn: te(() => [
+            _(s.$slots, "header"),
+            s.$slots.header ? $("", !0) : _(s.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
-        a.$slots.body || a.$slots.popoverBody ? {
+        s.$slots.body || s.$slots.popoverBody ? {
           name: "body",
-          fn: Y(() => [
-            k(a.$slots, "body"),
-            a.$slots.body ? _("", !0) : k(a.$slots, "popoverBody", { key: 0 })
+          fn: te(() => [
+            _(s.$slots, "body"),
+            s.$slots.body ? $("", !0) : _(s.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
-        a.$slots.footer || a.$slots.popoverFooter ? {
+        s.$slots.footer || s.$slots.popoverFooter ? {
           name: "footer",
-          fn: Y(() => [
-            k(a.$slots, "footer"),
-            a.$slots.footer ? _("", !0) : k(a.$slots, "popoverFooter", { key: 0 })
+          fn: te(() => [
+            _(s.$slots, "footer"),
+            s.$slots.footer ? $("", !0) : _(s.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [ke, n.visible]
+        [we, l.visible]
+      ])
+    ]));
+  }
+}), jt = ["aria-labelledby", "aria-describedby"], Nt = {
+  key: 0,
+  class: "vf-modal__header"
+}, Kt = {
+  key: 0,
+  class: "vf-modal__title"
+}, Gt = {
+  key: 3,
+  class: "vf-modal__footer"
+}, Oo = /* @__PURE__ */ U({
+  __name: "modal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: "" },
+    closeOnOverlay: { type: Boolean, default: !0 },
+    closeOnEsc: { type: Boolean, default: !0 },
+    showClose: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(t, { expose: e, emit: r }) {
+    const o = r, l = t;
+    let d = 0, i = 0, c = "", n = null;
+    const u = P(null), a = Ue(), s = `vf-modal-title-${++d}`, v = `vf-modal-body-${d}`, f = T(() => !!l.title || !!a.header), p = T(() => !!a.body || !!a.default), w = T(() => {
+      const h = ["vf-modal"];
+      return l.size !== "md" && h.push(`vf-modal_${l.size}`), h;
+    }), b = () => o("update:modelValue", !0), x = () => {
+      o("update:modelValue", !1), o("close");
+    }, L = () => {
+      l.closeOnOverlay && x();
+    }, B = (h) => {
+      !l.modelValue || !l.closeOnEsc || h.key === "Escape" && (h.preventDefault(), x());
+    }, z = () => 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((g) => !g.hasAttribute("disabled") && !g.getAttribute("aria-hidden")) : [], C = () => {
+      var g;
+      const h = z();
+      h.length ? h[0].focus() : (g = u.value) == null || g.focus();
+    }, F = (h) => {
+      var E;
+      if (h.key !== "Tab")
+        return;
+      const g = z();
+      if (!g.length) {
+        h.preventDefault(), (E = u.value) == null || E.focus();
+        return;
+      }
+      const y = g[0], S = g[g.length - 1], H = document.activeElement;
+      if (h.shiftKey && H === y) {
+        h.preventDefault(), S.focus();
+        return;
+      }
+      !h.shiftKey && H === S && (h.preventDefault(), y.focus());
+    }, O = () => {
+      !l.lockScroll || typeof document > "u" || (i === 0 && (c = 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 = c));
+    };
+    return ne(
+      () => l.modelValue,
+      async (h) => {
+        h ? (typeof document < "u" && (n = document.activeElement), O(), o("open"), await _e(), C(), typeof document < "u" && document.addEventListener("keydown", B)) : (W(), typeof document < "u" && (document.removeEventListener("keydown", B), n == null || n.focus()));
+      },
+      { immediate: !0 }
+    ), $e(() => {
+      W(), typeof document < "u" && document.removeEventListener("keydown", B);
+    }), e({ open: b, close: x }), (h, g) => (m(), I(xe, { to: "body" }, [
+      ke(R("div", {
+        class: V(w.value),
+        role: "presentation"
+      }, [
+        R("div", {
+          class: "vf-modal__overlay",
+          onClick: L
+        }),
+        R("div", {
+          ref_key: "panel",
+          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,
+          tabindex: "-1",
+          onKeydown: F
+        }, [
+          f.value ? (m(), k("div", Nt, [
+            R("div", {
+              id: s,
+              class: "vf-modal__header-content"
+            }, [
+              _(h.$slots, "header", {}, () => [
+                h.title ? (m(), k("h3", Kt, X(h.title), 1)) : $("", !0)
+              ])
+            ])
+          ])) : $("", !0),
+          h.showClose ? _(h.$slots, "close", {
+            key: 1,
+            close: x
+          }, () => [
+            R("button", {
+              type: "button",
+              class: "vf-modal__close",
+              "aria-label": "Close",
+              onClick: x
+            }, "×")
+          ]) : $("", !0),
+          h.$slots.body || h.$slots.default ? (m(), k("div", {
+            key: 2,
+            id: v,
+            class: "vf-modal__body"
+          }, [
+            _(h.$slots, "body"),
+            h.$slots.body ? $("", !0) : _(h.$slots, "default", { key: 0 })
+          ])) : $("", !0),
+          h.$slots.footer ? (m(), k("div", Gt, [
+            _(h.$slots, "footer")
+          ])) : $("", !0)
+        ], 40, jt)
+      ], 2), [
+        [we, h.modelValue]
       ])
     ]));
   }
-}), Ht = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Ot = (t) => {
+}), Ut = ["data-placement"], qt = { class: "vf-tooltip__content" }, Zt = {
+  key: 0,
+  class: "vf-tooltip__arrow",
+  "aria-hidden": "true"
+}, Ho = /* @__PURE__ */ U({
+  __name: "tooltip",
+  props: {
+    text: { default: "" },
+    placement: { default: "top" },
+    disabled: { type: Boolean, default: !1 },
+    arrow: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    const e = t;
+    let r = 0;
+    const o = P(null), l = P(null), d = P(!1), i = P("top"), c = `vf-tooltip-${++r}`;
+    let n = null;
+    const u = () => {
+      e.disabled || (d.value = !0);
+    }, a = () => {
+      d.value = !1;
+    }, s = () => {
+      if (!o.value || !l.value)
+        return;
+      const f = o.value, p = l.value, w = async () => {
+        const {
+          x: B,
+          y: z,
+          placement: C
+        } = await Xe(f, p, {
+          placement: e.placement,
+          strategy: "fixed",
+          middleware: [De(8), Me(), bt()]
+        });
+        i.value = C ?? e.placement, p.style.left = `${B}px`, p.style.top = `${z}px`;
+      }, b = async () => {
+        await w();
+      }, x = Ie(f, () => {
+        b();
+      }), L = () => {
+        b();
+      };
+      document.addEventListener("scroll", L, !0), window.addEventListener("resize", L, !1), n = {
+        update: b,
+        destroy: () => {
+          x(), document.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L, !1);
+        }
+      }, n.update();
+    };
+    ne(d, async (f) => {
+      if (!f) {
+        n && (n.destroy(), n = null);
+        return;
+      }
+      n || s(), n == null || n.update();
+    }), Oe(() => {
+      d.value && s();
+    }), $e(() => {
+      n == null || n.destroy(), n = null;
+    });
+    const v = T(() => !!e.text || !!(l.value && l.value.textContent));
+    return ne(v, (f) => {
+      f || (d.value = !1);
+    }), (f, p) => (m(), k(ce, null, [
+      R("span", {
+        ref_key: "trigger",
+        ref: o,
+        class: "vf-tooltip__trigger",
+        "aria-describedby": c,
+        onMouseenter: u,
+        onMouseleave: a,
+        onFocus: u,
+        onBlur: a
+      }, [
+        _(f.$slots, "default")
+      ], 544),
+      (m(), I(xe, { to: "body" }, [
+        ke(R("div", {
+          id: c,
+          ref_key: "panel",
+          ref: l,
+          class: "vf-tooltip",
+          role: "tooltip",
+          "data-placement": i.value
+        }, [
+          R("span", qt, [
+            _(f.$slots, "content", {}, () => [
+              ae(X(f.text), 1)
+            ])
+          ]),
+          f.arrow ? (m(), k("span", Zt)) : $("", !0)
+        ], 8, Ut), [
+          [we, d.value]
+        ])
+      ]))
+    ], 64));
+  }
+}), Jt = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Qt = (t) => {
   const e = t.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, Et = (t) => t.filter((e) => !Ht.includes(e)).map((e) => Ot(e)).join("-").toLowerCase(), ie = (t) => t.join("."), Pt = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), de = (t) => {
-  if (!Pt(t))
+}, eo = (t) => t.filter((e) => !Jt.includes(e)).map((e) => Qt(e)).join("-").toLowerCase(), Ce = (t) => t.join("."), to = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), Fe = (t) => {
+  if (!to(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();
-}, _e = (t) => {
-  const e = de(t);
+}, Ye = (t) => {
+  const e = Fe(t);
   if (!e)
     return [0, 0, 0];
-  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, n = r >> 8 & 255, c = r & 255;
-  return [o, n, c];
-}, pe = (t) => {
-  const [e, r, o] = _e(t);
+  const r = parseInt(e.slice(1), 16), o = r >> 16 & 255, l = r >> 8 & 255, d = r & 255;
+  return [o, l, d];
+}, Te = (t) => {
+  const [e, r, o] = Ye(t);
   return `${e}, ${r}, ${o}`;
-}, 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 (d = l / (1 - Math.abs(2 * a - 1)), s) {
+}, oo = (t, e, r) => {
+  const o = t / 255, l = e / 255, d = r / 255, i = Math.max(o, l, d), c = Math.min(o, l, d), n = i - c;
+  let u = 0, a = 0;
+  const s = (i + c) / 2;
+  if (n !== 0) {
+    switch (a = n / (1 - Math.abs(2 * s - 1)), i) {
       case o:
-        u = (n - c) / l % 6;
+        u = (l - d) / n % 6;
         break;
-      case n:
-        u = (c - o) / l + 2;
+      case l:
+        u = (d - o) / n + 2;
         break;
-      case c:
-        u = (o - n) / l + 4;
+      case d:
+        u = (o - l) / n + 4;
         break;
     }
     u *= 60, u < 0 && (u += 360);
   }
-  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), f = Math.round((u + i) * 255), v = Math.round((d + i) * 255);
-  return [a, f, v];
-}, jt = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, Nt = (t, e, r) => Math.min(r, Math.max(e, t)), Xt = (t, e) => {
-  const r = de(t);
+  return [u, a * 100, s * 100];
+}, ro = (t, e, r) => {
+  const o = e / 100, l = r / 100, d = (1 - Math.abs(2 * l - 1)) * o, i = d * (1 - Math.abs(t / 60 % 2 - 1)), c = l - d / 2;
+  let n = 0, u = 0, a = 0;
+  t >= 0 && t < 60 ? (n = d, u = i, a = 0) : t >= 60 && t < 120 ? (n = i, u = d, a = 0) : t >= 120 && t < 180 ? (n = 0, u = d, a = i) : t >= 180 && t < 240 ? (n = 0, u = i, a = d) : t >= 240 && t < 300 ? (n = i, u = 0, a = d) : (n = d, u = 0, a = i);
+  const s = Math.round((n + c) * 255), v = Math.round((u + c) * 255), f = Math.round((a + c) * 255);
+  return [s, v, f];
+}, lo = (t, e, r) => `#${[t, e, r].map((o) => o.toString(16).padStart(2, "0")).join("")}`, no = (t, e, r) => Math.min(r, Math.max(e, t)), ao = (t, e) => {
+  const r = Fe(t);
   if (!r)
     return t;
-  const [o, n, c] = _e(r), [s, i, l] = At(o, n, c), d = (e - 5) * 7, a = Nt(l + d, 0, 100), [f, v, p] = Dt(s, i, a);
-  return jt(f, v, p);
-}, se = (t) => !!t && typeof t == "object" && !Array.isArray(t), ce = (t, e) => {
+  const [o, l, d] = Ye(r), [i, c, n] = oo(o, l, d), a = (e - 5) * 7, s = no(n + a, 0, 100), [v, f, p] = ro(i, c, s);
+  return lo(v, f, p);
+}, ye = (t) => !!t && typeof t == "object" && !Array.isArray(t), Be = (t, e) => {
   if (!e)
     return { ...t };
   const r = { ...t };
   for (const o in e) {
-    const n = e[o], c = t[o];
-    se(c) && se(n) ? r[o] = ce(c, n) : r[o] = n;
+    const l = e[o], d = t[o];
+    ye(d) && ye(l) ? r[o] = Be(d, l) : r[o] = l;
   }
   return r;
-}, Yt = (t) => {
+}, so = (t) => {
   if (!t)
     return null;
-  if (se(t) && "preset" in t) {
+  if (ye(t) && "preset" in t) {
     const e = t;
     return {
       preset: e.preset ?? {},
@@ -1139,42 +1397,42 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
     };
   }
   return { preset: t };
-}, It = (t) => {
-  const e = [], r = [], o = [], n = [], c = (l) => o.push(l), s = (l) => n.push(l), i = (l, u) => {
-    if (!(!l || typeof l != "object"))
-      for (const d in l) {
-        const a = l[d], f = u.concat([d]);
-        if (se(a)) {
-          i(a, f);
+}, io = (t) => {
+  const e = [], r = [], o = [], l = [], d = (n) => o.push(n), i = (n) => l.push(n), c = (n, u) => {
+    if (!(!n || typeof n != "object"))
+      for (const a in n) {
+        const s = n[a], v = u.concat([a]);
+        if (ye(s)) {
+          c(s, v);
           continue;
         }
-        if (a && typeof a == "object") {
-          s(`Theme value "${ie(f)}" is not a plain object or string and will be ignored.`);
+        if (s && typeof s == "object") {
+          i(`Theme value "${Ce(v)}" is not a plain object or string and will be ignored.`);
           continue;
         }
-        if (typeof a != "string") {
-          s(`Theme value "${ie(f)}" is not a string and will be ignored.`);
+        if (typeof s != "string") {
+          i(`Theme value "${Ce(v)}" is not a string and will be ignored.`);
           continue;
         }
-        const p = f.includes("colorScheme") && f.includes("dark") ? r : e, y = Et(f);
-        if (p.push(`--vf-${y}: ${a}`), f.includes("colors")) {
-          const h = de(a);
-          if (!h) {
-            c(
-              `Theme color "${ie(f)}" is not hex. Shade variables will not be generated for it.`
+        const p = v.includes("colorScheme") && v.includes("dark") ? r : e, w = eo(v);
+        if (p.push(`--vf-${w}: ${s}`), v.includes("colors")) {
+          const b = Fe(s);
+          if (!b) {
+            d(
+              `Theme color "${Ce(v)}" is not hex. Shade variables will not be generated for it.`
             );
             continue;
           }
-          if (p.push(`--vf-${y}-rgb: ${pe(h)}`), d !== "white")
-            for (let R = 1; R < 10; ++R) {
-              const D = Xt(h, R);
-              p.push(`--vf-${y}-${R}00: ${D}`), p.push(`--vf-${y}-${R}00-rgb: ${pe(D)}`);
+          if (p.push(`--vf-${w}-rgb: ${Te(b)}`), a !== "white")
+            for (let x = 1; x < 10; ++x) {
+              const L = ao(b, x);
+              p.push(`--vf-${w}-${x}00: ${L}`), p.push(`--vf-${w}-${x}00-rgb: ${Te(L)}`);
             }
         }
       }
   };
-  return i(t, []), { baseVars: e, darkVars: r, warnings: o, errors: n };
-}, Kt = (t) => {
+  return c(t, []), { baseVars: e, darkVars: r, warnings: o, errors: l };
+}, co = (t) => {
   if (typeof document > "u")
     return null;
   const e = document.getElementById(t);
@@ -1182,48 +1440,48 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", G =
     return e;
   const r = document.createElement("style");
   return r.id = t, document.head.appendChild(r), r;
-}, Gt = (t) => ({
+}, uo = (t) => ({
   selector: t.selector ?? ":root",
   darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), qt = (t, e, r, o) => {
-  const { baseVars: n, darkVars: c, warnings: s, errors: i } = It(t), l = Kt("vueforge-theme");
-  if (!l)
+}), fo = (t, e, r, o) => {
+  const { baseVars: l, darkVars: d, warnings: i, errors: c } = io(t), n = co("vueforge-theme");
+  if (!n)
     return;
-  if (i.length) {
+  if (c.length) {
     if (o)
-      throw new Error(`[VueForge] ${i.join(" ")}`);
-    for (const d of i)
-      console.warn(`[VueForge] ${d}`);
+      throw new Error(`[VueForge] ${c.join(" ")}`);
+    for (const a of c)
+      console.warn(`[VueForge] ${a}`);
   }
-  if (s.length)
-    for (const d of s)
-      console.warn(`[VueForge] ${d}`);
+  if (i.length)
+    for (const a of i)
+      console.warn(`[VueForge] ${a}`);
   const u = [];
-  n.length && u.push(`${e} { ${n.join(";")} }`), c.length && u.push(`${r} { ${c.join(";")} }`), l.textContent = u.join(`
+  l.length && u.push(`${e} { ${l.join(";")} }`), d.length && u.push(`${r} { ${d.join(";")} }`), n.textContent = u.join(`
 `);
 };
-let P = null;
-const $e = (t) => {
-  const e = Yt(t);
+let J = null;
+const je = (t) => {
+  const e = so(t);
   if (!e)
     return;
-  const r = ce(e.preset, e.overrides), { selector: o, darkSelector: n } = Gt(e);
-  P = { ...e }, qt(r, o, n, e.strict);
-}, ho = (t) => {
-  if (!P)
+  const r = Be(e.preset, e.overrides), { selector: o, darkSelector: l } = uo(e);
+  J = { ...e }, fo(r, o, l, e.strict);
+}, Eo = (t) => {
+  if (!J)
     return;
-  const e = t.overrides === void 0 ? P.overrides : ce(P.overrides ?? {}, t.overrides ?? {}), r = {
-    preset: t.preset ?? P.preset,
+  const e = t.overrides === void 0 ? J.overrides : Be(J.overrides ?? {}, t.overrides ?? {}), r = {
+    preset: t.preset ?? J.preset,
     overrides: e,
-    selector: t.selector ?? P.selector,
-    darkSelector: t.darkSelector ?? P.darkSelector
+    selector: t.selector ?? J.selector,
+    darkSelector: t.darkSelector ?? J.darkSelector
   };
-  $e(r);
-}, mo = () => P ? { ...P } : null, yo = {
+  je(r);
+}, Mo = () => J ? { ...J } : null, Po = {
   install(t, e = {}) {
-    e.theme && $e(e.theme);
+    e.theme && je(e.theme);
   }
-}, ge = {
+}, Re = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -1285,7 +1543,7 @@ const $e = (t) => {
       dividerColor: "#2e2e32"
     }
   }
-}, Ut = {
+}, vo = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
@@ -1427,11 +1685,11 @@ const $e = (t) => {
       }
     }
   }
-}, Zt = {
+}, po = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, Jt = {}, Qt = {
+}, go = {}, ho = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -1452,10 +1710,10 @@ const $e = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, eo = {
+}, mo = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, to = {
+}, bo = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -1475,9 +1733,36 @@ const $e = (t) => {
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, oo = {
+}, yo = {
+  width: "90vw",
+  maxWidth: "520px",
+  maxHeight: "80vh",
+  widthSm: "90vw",
+  maxWidthSm: "420px",
+  widthLg: "90vw",
+  maxWidthLg: "720px",
+  padding: "1.25rem",
+  borderRadius: "var(--vf-radii-lg)",
+  backgroundColor: "var(--vf-bg-color)",
+  textColor: "var(--vf-text-color)",
+  overlayBackgroundColor: "rgba(0, 0, 0, 0.45)",
+  shadow: "0 12px 40px rgba(0, 0, 0, 0.2)",
+  zIndex: "100",
+  headerGap: "0.75rem",
+  bodyGap: "1rem",
+  footerGap: "0.5rem",
+  titleFontSize: "1.125rem",
+  titleLineHeight: "1.4",
+  titleFontWeight: "600",
+  closeSize: "2rem",
+  closeRadius: "999px",
+  closeOffset: "0.5rem",
+  closeColor: "var(--vf-text-color)",
+  closeFontSize: "1.25rem",
+  closeHoverBackgroundColor: "rgba(0, 0, 0, 0.06)"
+}, ko = {
   backgroundColor: "var(--vf-bg-color)"
-}, ro = {
+}, wo = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -1510,7 +1795,7 @@ const $e = (t) => {
     padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
     fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, no = {
+}, Co = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -1522,7 +1807,7 @@ const $e = (t) => {
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, lo = {
+}, _o = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -1534,35 +1819,50 @@ const $e = (t) => {
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, ko = {
-  ...ge,
+}, $o = {
+  padding: "0.35rem 0.6rem",
+  borderRadius: "8px",
+  backgroundColor: "rgba(0, 0, 0, 0.8)",
+  textColor: "#ffffff",
+  fontSize: "0.75rem",
+  lineHeight: "1.2",
+  shadow: "0 8px 20px rgba(0, 0, 0, 0.2)",
+  zIndex: "120",
+  maxWidth: "240px",
+  arrowSize: "8px"
+}, Ao = {
+  ...Re,
   components: {
-    base: ge,
-    button: Ut,
-    card: Zt,
-    codeBlock: Jt,
-    input: Qt,
-    link: eo,
-    menu: to,
-    popover: oo,
-    select: ro,
-    checkbox: no,
-    switch: lo
+    base: Re,
+    button: vo,
+    card: po,
+    codeBlock: go,
+    input: ho,
+    link: mo,
+    menu: bo,
+    modal: yo,
+    popover: ko,
+    select: wo,
+    checkbox: Co,
+    switch: _o,
+    tooltip: $o
   }
 };
 export {
-  uo as Button,
-  Ye as Card,
-  po as Checkbox,
-  ko as DefaultTheme,
-  fo as Input,
-  Ce as Link,
-  co as Menu,
-  bo as Popover,
-  vo as Select,
-  go as Switch,
-  yo as VueForge,
-  mo as getTheme,
-  $e as setTheme,
-  ho as updateTheme
+  So as Button,
+  st as Card,
+  Lo as Checkbox,
+  Ao as DefaultTheme,
+  To as Input,
+  He as Link,
+  zo as Menu,
+  Oo as Modal,
+  Wo as Popover,
+  Ro as Select,
+  Vo as Switch,
+  Ho as Tooltip,
+  Po as VueForge,
+  Mo as getTheme,
+  je as setTheme,
+  Eo as updateTheme
 };