npm - @codemonster-ru/vueforge - Versions diffs - 0.7.0 → 0.9.0 - Mend

@codemonster-ru/vueforge 0.7.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md +154 -0
package/dist/index.css +1 -1
package/dist/index.d.ts +2 -0
package/dist/index.ts.mjs +828 -645
package/dist/index.ts.umd.js +3 -3
package/dist/package/components/__tests__/modal.test.d.ts +1 -0
package/dist/package/components/modal.vue.d.ts +55 -0
package/dist/package/config/__tests__/theme-core.test.d.ts +1 -0
package/dist/package/config/index.d.ts +3 -15
package/dist/package/config/theme-core.d.ts +216 -0
package/dist/package/config/theme-runtime.d.ts +10 -0
package/dist/package/themes/default/base.d.ts +12 -0
package/dist/package/themes/default/components/modal.d.ts +29 -0
package/dist/package/themes/default/index.d.ts +52 -0
package/package.json +9 -5

package/dist/index.ts.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-import { defineComponent as X, ref as N, computed as w, watch as le, resolveComponent as ge, openBlock as b, 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 be, withKeys as K, withModifiers as G, unref as U, createVNode as he, nextTick as de, onMounted as Te, 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({
+import { defineComponent as K, ref as j, computed as _, watch as re, resolveComponent as ye, openBlock as b, createElementBlock as y, normalizeClass as $, renderSlot as C, Fragment as le, createTextVNode as oe, toDisplayString as E, createBlock as O, withCtx as Y, createCommentVNode as w, createElementVNode as B, renderList as ke, withKeys as Z, withModifiers as J, unref as Q, createVNode as Ce, nextTick as ce, onMounted as Re, onBeforeUnmount as we, Teleport as _e, withDirectives as ue, vShow as fe, reactive as Ve, createSlots as Le, useSlots as We } from "vue";
+import { useRoute as Oe, useRouter as Ee } from "vue-router";
+import { CmIcon as ee } from "@codemonster-ru/vueiconify";
+const He = ["href", "aria-disabled", "tabindex"], $e = /* @__PURE__ */ K({
   __name: "link",
   props: {
     to: { default: void 0 },
@@ -14,97 +14,97 @@ const He = ["href", "aria-disabled", "tabindex"], ke = /* @__PURE__ */ X({
     disabled: { type: Boolean }
   },
   emits: ["click", "active", "update:active", "onActive"],
-  setup(t, { emit: e }) {
-    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")
+  setup(o, { emit: e }) {
+    const r = e, t = o, l = Oe(), c = Ee(), s = j(null), i = _(() => t.href ?? t.url), n = _(() => t.as ? t.as === "router-link" && !t.to ? "a" : t.as : t.type === "router-link" || t.type === "a" ? t.type === "router-link" && !t.to ? "a" : t.type : t.to ? "router-link" : "a"), u = _(() => t.to), d = _(() => t.to ? c.resolve(t.to) : null), a = _(() => {
+      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;
-    }), v = w(() => o.active === void 0 ? a.value : o.active), f = (p) => {
-      if (!o.disabled) {
+      return p ? p.name ? l.matched.some(({ name: k }) => k === p.name) : p.fullPath ? l.fullPath === p.fullPath : l.path === p.path : !1;
+    }), f = _(() => t.active === void 0 ? a.value : t.active), v = (p) => {
+      if (!t.disabled) {
         r("click", p);
         return;
       }
       p.preventDefault(), p.stopPropagation();
     };
-    return le(a, (p) => {
+    return re(a, (p) => {
       p && (r("active"), r("onActive")), r("update:active", p);
-    }), (p, y) => {
-      const m = ge("router-link");
-      return l.value === "a" ? (b(), h("a", {
+    }), (p, k) => {
+      const m = ye("router-link");
+      return n.value === "a" ? (b(), y("a", {
         key: 0,
         href: i.value,
-        class: C(["vf-link", { "vf-link_active": v.value, "vf-link_disabled": p.disabled }]),
+        class: $(["vf-link", { "vf-link_active": f.value, "vf-link_disabled": p.disabled }]),
         "aria-disabled": p.disabled,
         tabindex: p.disabled ? -1 : void 0,
-        onClick: f
+        onClick: v
       }, [
-        p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (b(), h(oe, { key: 1 }, [
-          J(M(p.label), 1)
+        p.$slots.default ? C(p.$slots, "default", { key: 0 }) : (b(), y(le, { key: 1 }, [
+          oe(E(p.label), 1)
         ], 64))
-      ], 10, He)) : (b(), W(m, {
+      ], 10, He)) : (b(), O(m, {
         key: 1,
         ref_key: "link",
         ref: s,
         to: u.value,
-        class: C(["vf-link", { "vf-link_active": v.value }]),
+        class: $(["vf-link", { "vf-link_active": f.value }]),
         "aria-disabled": p.disabled,
         tabindex: p.disabled ? -1 : void 0,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active",
-        onClick: f
+        onClick: v
       }, {
-        default: I(() => [
-          p.$slots.default ? k(p.$slots, "default", { key: 0 }) : (b(), h(oe, { key: 1 }, [
-            J(M(p.label), 1)
+        default: Y(() => [
+          p.$slots.default ? C(p.$slots, "default", { key: 0 }) : (b(), y(le, { key: 1 }, [
+            oe(E(p.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "aria-disabled", "tabindex"]));
     };
   }
-}), Oe = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [o, n] of e)
-    r[o] = n;
+}), Me = (o, e) => {
+  const r = o.__vccOpts || o;
+  for (const [t, l] of e)
+    r[t] = l;
   return r;
-}, Ee = {}, Pe = { class: "vf-card" }, Ae = {
+}, Pe = {}, Ae = { class: "vf-card" }, De = {
   key: 0,
   class: "vf-card__default"
-}, De = {
+}, Ie = {
   key: 1,
   class: "vf-card__header"
-}, Ne = {
+}, je = {
   key: 2,
   class: "vf-card__body"
-}, Ie = {
+}, Ne = {
   key: 3,
   class: "vf-card__footer"
 };
-function je(t, e) {
-  return b(), h("div", Pe, [
-    t.$slots.default ? (b(), h("div", Ae, [
-      k(t.$slots, "default")
-    ])) : _("", !0),
-    t.$slots.header ? (b(), h("div", De, [
-      k(t.$slots, "header")
-    ])) : _("", !0),
-    t.$slots.body ? (b(), h("div", Ne, [
-      k(t.$slots, "body")
-    ])) : _("", !0),
-    t.$slots.footer ? (b(), h("div", Ie, [
-      k(t.$slots, "footer")
-    ])) : _("", !0)
+function Ke(o, e) {
+  return b(), y("div", Ae, [
+    o.$slots.default ? (b(), y("div", De, [
+      C(o.$slots, "default")
+    ])) : w("", !0),
+    o.$slots.header ? (b(), y("div", Ie, [
+      C(o.$slots, "header")
+    ])) : w("", !0),
+    o.$slots.body ? (b(), y("div", je, [
+      C(o.$slots, "body")
+    ])) : w("", !0),
+    o.$slots.footer ? (b(), y("div", Ne, [
+      C(o.$slots, "footer")
+    ])) : w("", !0)
   ]);
 }
-const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
+const Xe = /* @__PURE__ */ Me(Pe, [["render", Ke]]), Ye = {
   class: "vf-menu__list",
   role: "menu"
-}, Ke = {
+}, Ge = {
   key: 1,
   class: "vf-menu__separator",
   role: "separator"
-}, Ge = ["aria-expanded", "onClick", "onKeydown"], io = /* @__PURE__ */ X({
+}, qe = ["aria-expanded", "onClick", "onKeydown"], bt = /* @__PURE__ */ K({
   name: "VfMenu",
   __name: "menu",
   props: {
@@ -112,88 +112,88 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
     orientation: { default: "vertical" }
   },
   emits: ["active", "onActive"],
-  setup(t, { emit: e }) {
-    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) => ({
+  setup(o, { emit: e }) {
+    const r = e, t = o, l = j([]), 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) => {
+    })), n = (d) => {
+      d.items && d.items.length ? (l.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 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));
+      for (const f in l.value) {
+        const v = l.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));
       }
       r("active", d), r("onActive", d);
     };
-    return le(
-      () => o.items,
+    return re(
+      () => t.items,
       (d) => {
-        n.value = i(d);
+        l.value = i(d);
       },
       { deep: !0, immediate: !0 }
     ), (d, a) => {
-      const v = ge("VfMenu");
-      return b(), h("div", {
-        class: C(["vf-menu", `vf-menu_${d.orientation}`])
+      const f = ye("VfMenu");
+      return b(), y("div", {
+        class: $(["vf-menu", `vf-menu_${d.orientation}`])
       }, [
         B("ul", Ye, [
-          (b(!0), h(oe, null, be(n.value, (f, p) => (b(), h("li", {
-            key: c(f, p),
+          (b(!0), y(le, null, ke(l.value, (v, p) => (b(), y("li", {
+            key: c(v, p),
             class: "vf-menu__item",
             role: "none"
           }, [
-            d.$slots[c(f, p)] ? k(d.$slots, c(f, p), {
+            d.$slots[c(v, p)] ? C(d.$slots, c(v, p), {
               key: 0,
-              item: { ...f, class: "vf-menu__link" }
-            }) : f.separator ? (b(), h("hr", Ke)) : f.items && f.items.length ? (b(), h(oe, { key: 2 }, [
+              item: { ...v, class: "vf-menu__link" }
+            }) : v.separator ? (b(), y("hr", Ge)) : v.items && v.items.length ? (b(), y(le, { key: 2 }, [
               B("div", {
-                class: C(["vf-menu__parent", { "vf-menu__parent_active": f.active }]),
+                class: $(["vf-menu__parent", { "vf-menu__parent_active": v.active }]),
                 role: "menuitem",
                 tabindex: "0",
-                "aria-expanded": f.subMenuVisible ? "true" : "false",
-                onClick: (y) => l(f),
+                "aria-expanded": v.subMenuVisible ? "true" : "false",
+                onClick: (k) => n(v),
                 onKeydown: [
-                  K(G((y) => l(f), ["prevent"]), ["enter"]),
-                  K(G((y) => l(f), ["prevent"]), ["space"])
+                  Z(J((k) => n(v), ["prevent"]), ["enter"]),
+                  Z(J((k) => n(v), ["prevent"]), ["space"])
                 ]
               }, [
-                f.icon ? (b(), W(U(Z), {
+                v.icon ? (b(), O(Q(ee), {
                   key: 0,
-                  icon: f.icon,
+                  icon: v.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : _("", !0),
-                J(" " + M(f.label) + " ", 1),
-                he(U(Z), { icon: "chevronDown" })
-              ], 42, Ge),
-              f.items ? (b(), W(v, {
+                }, null, 8, ["icon"])) : w("", !0),
+                oe(" " + E(v.label) + " ", 1),
+                Ce(Q(ee), { icon: "chevronDown" })
+              ], 42, qe),
+              v.items ? (b(), O(f, {
                 key: 0,
-                items: f.items,
-                class: C(["vf-menu__submenu", { "vf-menu__submenu_visible": f.subMenuVisible }]),
+                items: v.items,
+                class: $(["vf-menu__submenu", { "vf-menu__submenu_visible": v.subMenuVisible }]),
                 onOnActive: u
-              }, null, 8, ["items", "class"])) : _("", !0)
-            ], 64)) : (b(), W(ke, {
+              }, null, 8, ["items", "class"])) : w("", !0)
+            ], 64)) : (b(), O($e, {
               key: 3,
-              to: f.to,
-              href: f.href ?? f.url,
-              as: s(f),
+              to: v.to,
+              href: v.href ?? v.url,
+              as: s(v),
               class: "vf-menu__link",
-              active: f.active,
-              disabled: f.disabled,
+              active: v.active,
+              disabled: v.disabled,
               role: "menuitem",
-              "aria-disabled": f.disabled ? "true" : "false",
-              onClick: (y) => l(f),
-              onActive: (y) => u(f)
+              "aria-disabled": v.disabled ? "true" : "false",
+              onClick: (k) => n(v),
+              onActive: (k) => u(v)
             }, {
-              default: I(() => [
-                f.icon ? (b(), W(U(Z), {
+              default: Y(() => [
+                v.icon ? (b(), O(Q(ee), {
                   key: 0,
-                  icon: f.icon,
+                  icon: v.icon,
                   class: "vf-menu__icon"
-                }, null, 8, ["icon"])) : _("", !0),
-                J(" " + M(f.label), 1)
+                }, null, 8, ["icon"])) : w("", !0),
+                oe(" " + E(v.label), 1)
               ]),
               _: 2
             }, 1032, ["to", "href", "as", "active", "disabled", "aria-disabled", "onClick", "onActive"]))
@@ -202,7 +202,7 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
       ], 2);
     };
   }
-}), qe = ["type", "disabled"], co = /* @__PURE__ */ X({
+}), Ue = ["type", "disabled"], ht = /* @__PURE__ */ K({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -220,71 +220,71 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
     severity: { default: "primary" },
     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(() => {
+  setup(o) {
+    const e = o, r = ["button", "submit", "reset"], t = (d) => !!d && r.includes(d), l = _(() => e.as ? e.as === "button" : !(e.to || e.href || e.url || e.type && !t(e.type))), c = _(() => t(e.type) ? e.type : "button"), s = _(() => e.as === "link" ? e.to ? "router-link" : "a" : e.type && !t(e.type) ? e.type === "router-link" && e.to ? "router-link" : "a" : e.to ? "router-link" : "a"), i = _(() => {
       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(), h("button", {
+    }), n = _(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), u = _(() => ["vf-button__label"]);
+    return (d, a) => l.value ? (b(), y("button", {
       key: 0,
       type: c.value,
-      class: C(i.value),
+      class: $(i.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (b(), W(U(Z), {
+      e.icon && !e.loading ? (b(), O(Q(ee), {
         key: 0,
         icon: e.icon,
-        class: C(l.value)
-      }, null, 8, ["icon", "class"])) : _("", !0),
-      e.loading ? (b(), W(U(Z), {
+        class: $(n.value)
+      }, null, 8, ["icon", "class"])) : w("", !0),
+      e.loading ? (b(), O(Q(ee), {
         key: 1,
         icon: "circleNotch",
-        class: C(l.value),
+        class: $(n.value),
         spin: ""
-      }, null, 8, ["class"])) : _("", !0),
-      d.$slots.default ? (b(), h("span", {
+      }, null, 8, ["class"])) : w("", !0),
+      d.$slots.default ? (b(), y("span", {
         key: 2,
-        class: C(u.value)
+        class: $(u.value)
       }, [
-        k(d.$slots, "default")
-      ], 2)) : d.label ? (b(), h("span", {
+        C(d.$slots, "default")
+      ], 2)) : d.label ? (b(), y("span", {
         key: 3,
-        class: C(u.value)
-      }, M(d.label), 3)) : _("", !0)
-    ], 10, qe)) : (b(), W(ke, {
+        class: $(u.value)
+      }, E(d.label), 3)) : w("", !0)
+    ], 10, Ue)) : (b(), O($e, {
       key: 1,
       to: e.to,
       href: e.href ?? e.url,
       as: s.value,
-      class: C(i.value),
+      class: $(i.value),
       disabled: e.loading || e.disabled
     }, {
-      default: I(() => [
-        e.icon ? (b(), W(U(Z), {
+      default: Y(() => [
+        e.icon ? (b(), O(Q(ee), {
           key: 0,
           icon: e.icon,
-          class: C(l.value)
-        }, null, 8, ["icon", "class"])) : _("", !0),
-        d.$slots.default ? (b(), h("span", {
+          class: $(n.value)
+        }, null, 8, ["icon", "class"])) : w("", !0),
+        d.$slots.default ? (b(), y("span", {
           key: 1,
-          class: C(u.value)
+          class: $(u.value)
         }, [
-          k(d.$slots, "default")
-        ], 2)) : d.label ? (b(), h("span", {
+          C(d.$slots, "default")
+        ], 2)) : d.label ? (b(), y("span", {
           key: 2,
-          class: C(u.value)
-        }, M(d.label), 3)) : _("", !0)
+          class: $(u.value)
+        }, E(d.label), 3)) : w("", !0)
       ]),
       _: 3
     }, 8, ["to", "href", "as", "class", "disabled"]));
   }
-}), Ue = {
+}), Ze = {
   key: 0,
   class: "vf-input__prefix"
-}, Ze = ["type", "value", "placeholder", "disabled", "readonly"], Je = {
+}, Je = ["type", "value", "placeholder", "disabled", "readonly"], Qe = {
   key: 1,
   class: "vf-input__suffix"
-}, uo = /* @__PURE__ */ X({
+}, mt = /* @__PURE__ */ K({
   __name: "input",
   props: {
     modelValue: { default: "" },
@@ -296,20 +296,20 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
     variant: { default: "filled" }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(t, { emit: e }) {
-    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;
+  setup(o, { emit: e }) {
+    const r = e, t = o, l = _(() => {
+      const u = ["vf-input", `vf-input_${t.variant}`];
+      return t.size !== "normal" && u.push(`vf-input_${t.size}`), t.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(), h("div", {
-      class: C(n.value)
+    }, s = (u) => r("change", u), i = (u) => r("focus", u), n = (u) => r("blur", u);
+    return (u, d) => (b(), y("div", {
+      class: $(l.value)
     }, [
-      u.$slots.prefix ? (b(), h("span", Ue, [
-        k(u.$slots, "prefix")
-      ])) : _("", !0),
+      u.$slots.prefix ? (b(), y("span", Ze, [
+        C(u.$slots, "prefix")
+      ])) : w("", !0),
       B("input", {
         class: "vf-input__control",
         type: u.type,
@@ -320,14 +320,14 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
         onInput: c,
         onChange: s,
         onFocus: i,
-        onBlur: l
-      }, null, 40, Ze),
-      u.$slots.suffix ? (b(), h("span", Je, [
-        k(u.$slots, "suffix")
-      ])) : _("", !0)
+        onBlur: n
+      }, null, 40, Je),
+      u.$slots.suffix ? (b(), y("span", Qe, [
+        C(u.$slots, "suffix")
+      ])) : w("", !0)
     ], 2));
   }
-}), ue = [
+}), ge = [
   "top",
   "top-start",
   "top-end",
@@ -340,122 +340,122 @@ const Xe = /* @__PURE__ */ Oe(Ee, [["render", je]]), Ye = {
   "left",
   "left-start",
   "left-end"
-], P = (t) => {
-  if (t == null || !(t instanceof HTMLElement))
+], X = (o) => {
+  if (o == null || !(o instanceof HTMLElement))
     return null;
   if (typeof window < "u") {
-    const e = window.getComputedStyle(t), r = `${e.overflowX}${e.overflowY}`;
+    const e = window.getComputedStyle(o), r = `${e.overflowX}${e.overflowY}`;
     if (/(auto|scroll|overlay)/.test(r))
-      return t;
+      return o;
   }
-  return t.scrollHeight > t.clientHeight || t.scrollWidth > t.clientWidth ? t : P(t.parentNode);
+  return o.scrollHeight > o.clientHeight || o.scrollWidth > o.clientWidth ? o : X(o.parentNode);
 };
-function Qe(t) {
-  return typeof window > "u" ? !1 : window.getComputedStyle(t).position === "fixed";
+function eo(o) {
+  return typeof window > "u" ? !1 : window.getComputedStyle(o).position === "fixed";
 }
-const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y = (t, e) => et(t, e) === "fixed", T = (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;
+const oo = (o, e) => o.strategy ? o.strategy : eo(e) ? "fixed" : "absolute", q = (o, e) => oo(o, e) === "fixed", V = (o, e, r = {}) => {
+  const t = o.getBoundingClientRect(), l = e ? e.offsetParent : null, c = e ? q(r, e) : !1;
+  if (l && !c) {
+    const s = l.getBoundingClientRect(), i = l.scrollLeft, n = l.scrollTop;
     return {
-      left: o.left - s.left + i,
-      top: o.top - s.top + l,
-      width: o.width,
-      height: o.height
+      left: t.left - s.left + i,
+      top: t.top - s.top + n,
+      width: t.width,
+      height: t.height
     };
   }
   return {
-    left: o.left,
-    top: o.top,
-    width: o.width,
-    height: o.height
+    left: t.left,
+    top: t.top,
+    width: t.width,
+    height: t.height
   };
-}, j = (t, e) => {
+}, G = (o, e) => {
   var r;
-  return (r = t.middleware) == null ? void 0 : r.find((o) => o.name === e);
-}, Ce = (t, e) => !!j(t, e), tt = (t) => {
-  const e = P(t);
+  return (r = o.middleware) == null ? void 0 : r.find((t) => t.name === e);
+}, Fe = (o, e) => !!G(o, e), to = (o) => {
+  const e = X(o);
   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, L = (t, e, r = null, o = {}, n) => {
-  if (r === null && typeof window < "u" && Y(o, e))
-    return t;
+}, ro = (o) => o.scrollLeft + o.clientWidth, lo = (o) => o.scrollTop + o.clientHeight, P = (o, e, r = null, t = {}, l) => {
+  if (r === null && typeof window < "u" && q(t, e))
+    return o;
   let c = 0;
   if (r === null) {
-    const s = P(e);
+    const s = X(e);
     c = s ? s.scrollTop : 0;
   }
-  return t - c;
-}, V = (t, e, r = null, o = {}, n) => {
+  return o - c;
+}, A = (o, e, r = null, t = {}, l) => {
   let c;
-  if (r === null && typeof window < "u" && Y(o, e))
+  if (r === null && typeof window < "u" && q(t, e))
     c = window.innerWidth;
   else if (r === null) {
-    const s = P(e);
-    c = s ? ot(s) : 0;
+    const s = X(e);
+    c = s ? ro(s) : 0;
   } else
     c = r.getBoundingClientRect().width;
-  return -(t + e.clientWidth - c);
-}, O = (t, e, r = null, o = {}, n) => {
+  return -(o + e.clientWidth - c);
+}, I = (o, e, r = null, t = {}, l) => {
   let c;
-  if (r === null && typeof window < "u" && Y(o, e))
+  if (r === null && typeof window < "u" && q(t, e))
     c = window.innerHeight;
   else if (r === null) {
-    const s = P(e);
-    c = s ? rt(s) : 0;
+    const s = X(e);
+    c = s ? lo(s) : 0;
   } else
     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;
+  return -(o + e.clientHeight - c);
+}, D = (o, e, r = null, t = {}, l) => {
+  if (r === null && typeof window < "u" && q(t, e))
+    return o;
   let c = 0;
   if (r === null) {
-    const s = P(e);
+    const s = X(e);
     c = s ? s.scrollLeft : 0;
   }
-  return t - c;
-}, fe = ({
-  options: t,
+  return o - c;
+}, be = ({
+  options: o,
   primaryX: e,
   primaryY: r,
-  floating: o,
-  placement: n,
+  floating: t,
+  placement: l,
   reference: c,
   scrollDirection: s
 }) => {
-  const i = ae(c, o, n, t), l = j(t, "offset");
-  if (l) {
-    const u = l.fn({
+  const i = se(c, t, l, o), n = G(o, "offset");
+  if (n) {
+    const u = n.fn({
       x: i.x,
       y: i.y,
-      options: t,
+      options: o,
       primaryX: e,
       primaryY: r,
-      floating: o,
-      placement: n,
+      floating: t,
+      placement: l,
       reference: c,
       scrollDirection: s
     });
     i.x = u.x, i.y = u.y;
   }
-  return _t(i, o, c, t) ? {
+  return Fo(i, t, c, o) ? {
     x: i.x,
     y: i.y,
-    placement: n
+    placement: l
   } : !1;
-}, nt = (t) => ({
+}, no = (o) => ({
   name: "flip",
-  params: t,
+  params: o,
   fn: ({
     x: e,
     y: r,
-    options: o,
-    primaryX: n,
+    options: t,
+    primaryX: l,
     primaryY: c,
     floating: s,
     placement: i,
-    reference: l,
+    reference: n,
     scrollDirection: u
   }) => {
     var d;
@@ -463,245 +463,245 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       x: e,
       y: r,
       placement: i
-    }, v = {
-      ...o,
-      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;
+    }, f = {
+      ...t,
+      middleware: (d = t.middleware) == null ? void 0 : d.filter((z) => z.name !== "shift")
+    }, v = (o == null ? void 0 : o.placements) ?? ge, p = !(o != null && o.placements), k = p ? ge : v;
     let m = !1;
-    const Q = (x) => {
+    const x = (z) => {
       if (m)
         return;
-      const $ = fe({
-        options: v,
-        primaryX: n,
+      const S = be({
+        options: f,
+        primaryX: l,
         primaryY: c,
         floating: s,
-        placement: x,
-        reference: l,
+        placement: z,
+        reference: n,
         scrollDirection: u
       });
-      $ && (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,
+      S && (a.x = S.x, a.y = S.y, a.placement = S.placement, m = !0);
+    }, H = xo(n, s, f);
+    if (!p && v.includes(i) && x(i), m || k.forEach(x), !m) {
+      const z = v.reduce(
+        (S, L) => {
+          const M = be({
+            options: f,
+            primaryX: l,
             primaryY: c,
             floating: s,
-            placement: H,
-            reference: l,
+            placement: L,
+            reference: n,
             scrollDirection: u
           });
-          if (!A)
-            return $;
-          const S = te(H), D = ee[S];
-          return !$ || D > $.space ? { result: A, space: D } : $;
+          if (!M)
+            return S;
+          const R = te(L), W = H[R];
+          return !S || W > S.space ? { result: M, space: W } : S;
         },
         null
       );
-      x && (a.x = x.result.x, a.y = x.result.y, a.placement = x.result.placement, m = !0);
+      z && (a.x = z.result.x, a.y = z.result.y, a.placement = z.result.placement, m = !0);
     }
-    if (!m && f.length > 0) {
-      const x = te(i);
-      let $ = x, H = ee[x];
-      f.forEach((q) => {
-        const g = te(q), F = ee[g];
-        F > H && (H = F, $ = g);
+    if (!m && v.length > 0) {
+      const z = te(i);
+      let S = z, L = H[z];
+      v.forEach((h) => {
+        const g = te(h), F = H[g];
+        F > L && (L = F, S = g);
       });
-      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,
+      const M = Bo(S, i, v), R = se(n, s, M, f), W = G(f, "offset");
+      if (W) {
+        const h = W.fn({
+          x: R.x,
+          y: R.y,
+          options: f,
+          primaryX: l,
           primaryY: c,
           floating: s,
-          placement: A,
-          reference: l,
+          placement: M,
+          reference: n,
           scrollDirection: u
         });
-        S.x = q.x, S.y = q.y;
+        R.x = h.x, R.y = h.y;
       }
-      a.x = S.x, a.y = S.y, a.placement = S.placement;
+      a.x = R.x, a.y = R.y, a.placement = R.placement;
     }
     return a;
   }
-}), lt = (t, e, r, o, n) => {
+}), ao = (o, e, r, t, l) => {
   var c, s, i;
-  let l = 0;
-  o.startsWith("right") ? l = -2 : o.startsWith("left") && (l = t);
-  const u = j(e, "arrow"), d = j(e, "shift");
+  let n = 0;
+  t.startsWith("right") ? n = -o : t.startsWith("left") && (n = o);
+  const u = G(e, "arrow"), d = G(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);
+    t.startsWith("right") ? n -= a.width / 2 : t.startsWith("left") && (n += a.width / 2);
   }
-  if (Ce(e, "shift") && u) {
-    let a = null, v = 0;
+  if (Fe(e, "shift") && u) {
+    let a = null, f = 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);
+    const v = (i = u.params) == null ? void 0 : i.arrow;
+    f = v.getBoundingClientRect().width / 2, f += co(v), f -= o, t.startsWith("right") ? A(r - n, l, a, e) <= o ? A(r, l, a, e) > 0 ? n = o - A(r, l, a, e) : n = o : D(r - n - f, l, a, e) <= o && (D(r - n - f, l, a, e) >= 0 ? (n = -o - (D(r - n - f, l, a, e) + o), a && (n = -o)) : n = -o) : t.startsWith("left") ? A(r - n + f, l, a, e) <= o ? (n = o + A(r - f, l, a, e), n <= o && (n = o)) : D(r - n, l, a, e) <= o && (n = -o + D(r, l, a, e), n <= -o && (n = -o)) : A(r - n, l, a, e) <= o ? A(r - n, l, a, e) <= o && A(r, l, a, e) > 0 ? n = o - A(r, l, a, e) : n = o : D(r - n, l, a, e) <= o && (D(r - n, l, a, e) <= o && D(r, l, a, e) > 0 ? n = -(o - D(r, l, a, e)) : n = -o);
   }
-  return l;
-}, at = (t, e, r, o, n) => {
+  return n;
+}, so = (o, e, r, t, l) => {
   var c, s, i;
-  let l = 0;
-  o.startsWith("top") ? l = t : o.startsWith("bottom") && (l = -2);
-  const u = j(e, "arrow"), d = j(e, "shift");
+  let n = 0;
+  t.startsWith("top") ? n = o : t.startsWith("bottom") && (n = -o);
+  const u = G(e, "arrow"), d = G(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);
+    t.startsWith("top") ? n += a.height / 2 : t.startsWith("bottom") && (n -= a.height / 2);
   }
-  if (Ce(e, "shift") && u) {
-    let a = null, v = 0;
+  if (Fe(e, "shift") && u) {
+    let a = null, f = 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);
+    const v = (i = u.params) == null ? void 0 : i.arrow;
+    f = v.getBoundingClientRect().height / 2, f += uo(v), f -= o, t.startsWith("top") ? P(r - n, l, a, e) <= o ? P(r, l, a, e) >= 0 ? n = -(o - P(r, l, a, e)) : n = -o : I(r - n + f, l, a, e) <= o && (n = o + I(r - f, l, a, e), n <= o && (n = o)) : t.startsWith("bottom") ? P(r - n - f, l, a, e) <= o ? P(r - n - f, l, a, e) >= 0 ? (n = -o - (P(r - n - f, l, a, e) + o), a && (n = -o)) : n = -o : I(r - n, l, a, e) <= o && (I(r, l, a, e) >= 0 ? n = o - I(r, l, a, e) : n = o) : P(r - n, l, a, e) <= o ? P(r - n, l, a, e) >= 0 ? n = -(o - P(r - n, l, a, e)) : n = -o : I(r - n, l, a, e) <= o && (I(r - n, l, a, e) >= 0 ? n = o - I(r - n, l, a, e) : n = o);
   }
-  return l;
-}, st = (t) => ({
+  return n;
+}, io = (o) => ({
   name: "offset",
-  params: { value: t },
+  params: { value: o },
   fn: ({
     x: e,
     y: r,
-    options: o,
-    primaryX: n,
+    options: t,
+    primaryX: l,
     primaryY: c,
     floating: s,
     placement: i
   }) => ({
-    x: e - lt(t, o, n, i, s),
-    y: r - at(t, o, c, i, s),
+    x: e - ao(o, t, l, i, s),
+    y: r - so(o, t, c, i, s),
     placement: i
   })
-}), 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 = [];
+}), co = (o) => o.getBoundingClientRect().width !== o.clientWidth ? (o.getBoundingClientRect().width - o.clientWidth) / 2 : 0, uo = (o) => o.getBoundingClientRect().height !== o.clientHeight ? (o.getBoundingClientRect().height - o.clientHeight) / 2 : 0, fo = (o, e) => {
+  const r = X(o), t = [];
   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), t.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(), c = () => e();
+    window.addEventListener("scroll", l, !1), window.addEventListener("resize", c, !1), t.push(() => window.removeEventListener("scroll", l, !1)), t.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());
+  if (typeof ResizeObserver < "u" && o instanceof HTMLElement) {
+    const l = new ResizeObserver(() => e());
+    l.observe(o), t.push(() => l.disconnect());
   }
-  return () => o.forEach((n) => n());
-}, ut = (t, e, r = {}) => {
-  const o = T(t, e, r);
+  return () => t.forEach((l) => l());
+}, vo = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left - e.getBoundingClientRect().width / 2 + o.width / 2,
-    y: o.top - e.getBoundingClientRect().height,
+    x: t.left - e.getBoundingClientRect().width / 2 + t.width / 2,
+    y: t.top - e.getBoundingClientRect().height,
     placement: "top"
   };
-}, ft = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, po = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left,
-    y: o.top - e.getBoundingClientRect().height,
+    x: t.left,
+    y: t.top - e.getBoundingClientRect().height,
     placement: "top-start"
   };
-}, vt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, go = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left - e.getBoundingClientRect().width + o.width,
-    y: o.top - e.getBoundingClientRect().height,
+    x: t.left - e.getBoundingClientRect().width + t.width,
+    y: t.top - e.getBoundingClientRect().height,
     placement: "top-end"
   };
-}, pt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, bo = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left + o.width,
-    y: o.top - e.getBoundingClientRect().height / 2 + o.height / 2,
+    x: t.left + t.width,
+    y: t.top - e.getBoundingClientRect().height / 2 + t.height / 2,
     placement: "right"
   };
-}, gt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, ho = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left + o.width,
-    y: o.top,
+    x: t.left + t.width,
+    y: t.top,
     placement: "right-start"
   };
-}, bt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, mo = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left + o.width,
-    y: o.top + o.height - e.getBoundingClientRect().height,
+    x: t.left + t.width,
+    y: t.top + t.height - e.getBoundingClientRect().height,
     placement: "right-end"
   };
-}, ht = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, yo = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left + o.width / 2 - e.getBoundingClientRect().width / 2,
-    y: o.top + o.height,
+    x: t.left + t.width / 2 - e.getBoundingClientRect().width / 2,
+    y: t.top + t.height,
     placement: "bottom"
   };
-}, mt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, ko = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left,
-    y: o.top + o.height,
+    x: t.left,
+    y: t.top + t.height,
     placement: "bottom-start"
   };
-}, yt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, Co = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left - e.getBoundingClientRect().width + o.width,
-    y: o.top + o.height,
+    x: t.left - e.getBoundingClientRect().width + t.width,
+    y: t.top + t.height,
     placement: "bottom-end"
   };
-}, kt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, wo = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left - e.getBoundingClientRect().width,
-    y: o.top + o.height / 2 - e.getBoundingClientRect().height / 2,
+    x: t.left - e.getBoundingClientRect().width,
+    y: t.top + t.height / 2 - e.getBoundingClientRect().height / 2,
     placement: "left"
   };
-}, Ct = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, _o = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left - e.getBoundingClientRect().width,
-    y: o.top,
+    x: t.left - e.getBoundingClientRect().width,
+    y: t.top,
     placement: "left-start"
   };
-}, wt = (t, e, r = {}) => {
-  const o = T(t, e, r);
+}, $o = (o, e, r = {}) => {
+  const t = V(o, e, r);
   return {
-    x: o.left - e.getBoundingClientRect().width,
-    y: o.top + o.height - e.getBoundingClientRect().height,
+    x: t.left - e.getBoundingClientRect().width,
+    y: t.top + t.height - e.getBoundingClientRect().height,
     placement: "left-end"
   };
-}, ae = (t, e, r, o = {}) => {
+}, se = (o, e, r, t = {}) => {
   switch (r) {
     case "top":
-      return ut(t, e, o);
+      return vo(o, e, t);
     case "top-start":
-      return ft(t, e, o);
+      return po(o, e, t);
     case "top-end":
-      return vt(t, e, o);
+      return go(o, e, t);
     case "right":
-      return pt(t, e, o);
+      return bo(o, e, t);
     case "right-start":
-      return gt(t, e, o);
+      return ho(o, e, t);
     case "right-end":
-      return bt(t, e, o);
+      return mo(o, e, t);
     case "bottom":
-      return ht(t, e, o);
+      return yo(o, e, t);
     case "bottom-start":
-      return mt(t, e, o);
+      return ko(o, e, t);
     case "bottom-end":
-      return yt(t, e, o);
+      return Co(o, e, t);
     case "left":
-      return kt(t, e, o);
+      return wo(o, e, t);
     case "left-start":
-      return Ct(t, e, o);
+      return _o(o, e, t);
     case "left-end":
-      return wt(t, e, o);
+      return $o(o, e, t);
     default:
       return {
         x: 0,
@@ -709,25 +709,25 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         placement: ""
       };
   }
-}, _t = (t, e, r, o = {}) => {
-  if (Y(o, e)) {
+}, Fo = (o, e, r, t = {}) => {
+  if (q(t, e)) {
     if (typeof window > "u")
       return !0;
-    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;
+    const a = o.x, f = o.y, v = a + e.clientWidth, p = f + e.clientHeight;
+    return a >= 0 && f >= 0 && v <= window.innerWidth && p <= window.innerHeight;
   }
-  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 (X(r) !== null)
+    return P(o.y, e, null, t) > 0 && A(o.x, e, null, t) > 0 && I(o.y, e, null, t) > 0 && D(o.x, e, null, t) > 0;
   if (typeof window > "u")
     return !0;
-  const n = window.innerWidth, c = window.innerHeight, s = (r instanceof HTMLElement ? r.offsetParent : null) || e.offsetParent;
+  const l = 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 a = s.getBoundingClientRect(), f = a.left + o.x, v = a.top + o.y, p = f + e.clientWidth, k = v + e.clientHeight;
+    return f >= 0 && v >= 0 && p <= l && k <= c;
   }
-  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 = {}) => {
+  const i = o.x, n = o.y, u = i + e.clientWidth, d = n + e.clientHeight;
+  return i >= 0 && n >= 0 && u <= l && d <= c;
+}, te = (o) => o.startsWith("right") ? "right" : o.startsWith("left") ? "left" : o.startsWith("top") ? "top" : "bottom", Bo = (o, e, r) => te(e) === o && r.includes(e) ? e : r.find((t) => te(t) === o) ?? r[0], xo = (o, e, r = {}) => {
   if (typeof window > "u")
     return {
       top: 0,
@@ -735,30 +735,30 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       bottom: 0,
       left: 0
     };
-  const o = Y(r, e) ? null : P(t), n = t.getBoundingClientRect(), c = o ? o.getBoundingClientRect() : {
+  const t = q(r, e) ? null : X(o), l = o.getBoundingClientRect(), c = t ? t.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 - c.top,
+    right: c.right - l.right,
+    bottom: c.bottom - l.bottom,
+    left: l.left - c.left
   };
-}, Bt = (t, e, r = {}) => new Promise((o) => {
-  var n, c;
+}, zo = (o, e, r = {}) => new Promise((t) => {
+  var l, c;
   const s = r.placement ? r.placement : "bottom", i = {
     x: 0,
     y: 0,
     placement: s,
     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 m = y.fn({
+  }, n = se(o, e, s, r);
+  i.x = n.x, i.y = n.y, i.placement = n.placement;
+  const u = i.x, d = i.y, a = to(o);
+  (l = r.middleware) == null || l.forEach((k) => {
+    const m = k.fn({
       x: i.x,
       y: i.y,
       options: r,
@@ -766,20 +766,20 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
       primaryY: d,
       floating: e,
       placement: i.placement,
-      reference: t,
+      reference: o,
       scrollDirection: a
     });
-    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;
+    i.x = m.x, i.y = m.y, i.placement = m.placement, k.name === "arrow" && (m.baseX = m.x, m.baseY = m.y, m.x = m.arrowX ?? m.x, m.y = m.arrowY ?? m.y), i.middlewareData[k.name] = m;
   });
-  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 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;
+  const f = se(o, e, i.placement, r), v = G(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 (q(r, e)) {
+      const k = o.getBoundingClientRect(), m = e.getBoundingClientRect().height;
+      i.placement.startsWith("top") ? i.y = k.top - m - p : i.placement.startsWith("bottom") ? i.y = k.bottom + p : i.y = f.y;
     } else
-      i.y = v.y;
-  o(i);
-}), xt = ["disabled", "aria-expanded", "onKeydown"], Rt = ["data-placement"], Tt = ["disabled", "aria-selected", "onClick"], fo = /* @__PURE__ */ X({
+      i.y = f.y;
+  t(i);
+}), So = ["disabled", "aria-expanded", "onKeydown"], To = ["data-placement"], Ro = ["disabled", "aria-selected", "onClick"], yt = /* @__PURE__ */ K({
   __name: "select",
   props: {
     modelValue: { default: void 0 },
@@ -791,83 +791,83 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     size: { default: "normal" }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(t, { emit: e }) {
+  setup(o, { emit: e }) {
     let r = 0;
-    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 f = w(() => n.options.map((g) => ({
-      label: g[n.optionLabel],
-      value: g[n.optionValue],
+    const t = e, l = o, c = j(null), s = j(null), i = j(null), n = j(!1), u = j("bottom"), d = j("bottom"), a = `vf-select-panel-${++r}`;
+    let f = null;
+    const v = _(() => l.options.map((g) => ({
+      label: g[l.optionLabel],
+      value: g[l.optionValue],
       disabled: g.disabled
-    }))), p = w(() => f.value.find((g) => g.value === n.modelValue)), y = w(() => {
+    }))), p = _(() => v.value.find((g) => g.value === l.modelValue)), k = _(() => {
       var g;
       return ((g = p.value) == null ? void 0 : g.label) ?? "";
-    }), m = 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);
-    }), Q = (g) => g.value === n.modelValue, ee = (g) => {
-      g.disabled || (o("update:modelValue", g.value), o("change", g.value), H());
-    }, x = (g) => o("focus", g), $ = (g) => o("blur", g), 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 () => {
+    }), m = _(() => {
+      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, H = (g) => {
+      g.disabled || (t("update:modelValue", g.value), t("change", g.value), L());
+    }, z = (g) => t("focus", g), S = (g) => t("blur", g), L = () => {
+      n.value = !1, u.value = "bottom", d.value = "bottom";
+    }, M = () => {
+      l.disabled || (n.value = !n.value, n.value && (u.value = "bottom", d.value = "bottom"));
+    }, R = async () => {
       var g, F;
-      l.value || (l.value = !0, await de()), (F = (g = i.value) == null ? void 0 : g.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
-    }, D = (g) => {
-      var R;
-      if (!l.value || !c.value)
+      n.value || (n.value = !0, await ce()), (F = (g = i.value) == null ? void 0 : g.querySelector(".vf-select__option:not(.is-disabled)")) == null || F.focus();
+    }, W = (g) => {
+      var T;
+      if (!n.value || !c.value)
         return;
       const F = g.target;
-      c.value.contains(F) || (R = i.value) != null && R.contains(F) || H();
-    }, q = () => {
+      c.value.contains(F) || (T = i.value) != null && T.contains(F) || L();
+    }, h = () => {
       if (!s.value || !i.value)
         return;
-      const g = s.value, F = i.value, R = async () => {
+      const g = s.value, F = i.value, T = async () => {
         const {
-          x: Be,
-          y: xe,
-          placement: Re
-        } = await Bt(g, F, {
+          x: ze,
+          y: Se,
+          placement: Te
+        } = await zo(g, F, {
           placement: u.value,
           strategy: "fixed",
-          middleware: [st(2), nt({ placements: ["bottom", "top"] })]
+          middleware: [io(2), no({ placements: ["bottom", "top"] })]
         });
-        d.value = Re ?? u.value, F.style.minWidth = `${g.getBoundingClientRect().width}px`, F.style.left = `${Be}px`, F.style.top = `${xe}px`;
-      }, re = async () => {
-        await R();
-      }, $e = dt(g, () => {
-        re();
-      }), ne = () => {
-        re();
+        d.value = Te ?? u.value, F.style.minWidth = `${g.getBoundingClientRect().width}px`, F.style.left = `${ze}px`, F.style.top = `${Se}px`;
+      }, U = async () => {
+        await T();
+      }, ne = fo(g, () => {
+        U();
+      }), ae = () => {
+        U();
       };
-      document.addEventListener("scroll", ne, !0), window.addEventListener("resize", ne, !1), v = {
-        update: re,
+      document.addEventListener("scroll", ae, !0), window.addEventListener("resize", ae, !1), f = {
+        update: U,
         destroy: () => {
-          $e(), document.removeEventListener("scroll", ne, !0), window.removeEventListener("resize", ne, !1);
+          ne(), document.removeEventListener("scroll", ae, !0), window.removeEventListener("resize", ae, !1);
         }
-      }, v.update();
+      }, f.update();
     };
-    return le(l, async (g) => {
+    return re(n, async (g) => {
       if (!g) {
-        v && (v.destroy(), v = null);
+        f && (f.destroy(), f = null);
         return;
       }
-      await de(), v || q(), v == null || v.update();
-    }), le(
-      () => n.options,
+      await ce(), f || h(), f == null || f.update();
+    }), re(
+      () => l.options,
       () => {
-        v == null || v.update();
+        f == null || f.update();
       },
       { deep: !0 }
-    ), Te(() => {
-      document.addEventListener("click", D);
-    }), Se(() => {
-      document.removeEventListener("click", D), v == null || v.destroy(), v = null;
-    }), (g, F) => (b(), h("div", {
+    ), Re(() => {
+      document.addEventListener("click", W);
+    }), we(() => {
+      document.removeEventListener("click", W), f == null || f.destroy(), f = null;
+    }), (g, F) => (b(), y("div", {
       ref_key: "root",
       ref: c,
-      class: C(m.value)
+      class: $(m.value)
     }, [
       B("button", {
         ref_key: "trigger",
@@ -875,28 +875,28 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         class: "vf-select__control",
         type: "button",
         disabled: g.disabled,
-        "aria-expanded": l.value,
+        "aria-expanded": n.value,
         "aria-controls": a,
         "aria-haspopup": "listbox",
-        onClick: A,
+        onClick: M,
         onKeydown: [
-          K(G(S, ["prevent"]), ["down"]),
-          K(G(A, ["prevent"]), ["enter"]),
-          K(G(H, ["prevent"]), ["esc"])
+          Z(J(R, ["prevent"]), ["down"]),
+          Z(J(M, ["prevent"]), ["enter"]),
+          Z(J(L, ["prevent"]), ["esc"])
         ],
-        onFocus: x,
-        onBlur: $
+        onFocus: z,
+        onBlur: S
       }, [
         B("span", {
-          class: C(["vf-select__label", { "vf-select__label_placeholder": !y.value }])
-        }, M(y.value || g.placeholder), 3),
+          class: $(["vf-select__label", { "vf-select__label_placeholder": !k.value }])
+        }, E(k.value || g.placeholder), 3),
         F[0] || (F[0] = B("span", {
           class: "vf-select__chevron",
           "aria-hidden": "true"
         }, "▾", -1))
-      ], 40, xt),
-      (b(), W(Le, { to: "body" }, [
-        me(B("div", {
+      ], 40, So),
+      (b(), O(_e, { to: "body" }, [
+        ue(B("div", {
           id: a,
           ref_key: "panel",
           ref: i,
@@ -904,25 +904,25 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
           role: "listbox",
           "data-placement": d.value
         }, [
-          (b(!0), h(oe, null, be(f.value, (R) => (b(), h("button", {
-            key: R.value,
-            class: C(["vf-select__option", { "is-active": Q(R), "is-disabled": R.disabled }]),
+          (b(!0), y(le, null, ke(v.value, (T) => (b(), y("button", {
+            key: T.value,
+            class: $(["vf-select__option", { "is-active": x(T), "is-disabled": T.disabled }]),
             type: "button",
             role: "option",
-            disabled: R.disabled,
-            "aria-selected": Q(R),
-            onClick: (re) => ee(R)
-          }, M(R.label), 11, Tt))), 128))
-        ], 8, Rt), [
-          [ye, l.value]
+            disabled: T.disabled,
+            "aria-selected": x(T),
+            onClick: (U) => H(T)
+          }, E(T.label), 11, Ro))), 128))
+        ], 8, To), [
+          [fe, n.value]
         ])
       ]))
     ], 2));
   }
-}), St = ["checked", "disabled"], Lt = {
+}), Vo = ["checked", "disabled"], Lo = {
   key: 0,
   class: "vf-checkbox__label"
-}, vo = /* @__PURE__ */ X({
+}, kt = /* @__PURE__ */ K({
   __name: "checkbox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -930,16 +930,16 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: e }) {
-    const r = e, o = t, n = w(() => {
+  setup(o, { emit: e }) {
+    const r = e, t = o, l = _(() => {
       const s = ["vf-checkbox"];
-      return o.disabled && s.push("vf-checkbox_disabled"), s;
+      return t.disabled && s.push("vf-checkbox_disabled"), s;
     }), c = (s) => {
       const i = s.target;
       r("update:modelValue", i.checked), r("change", s);
     };
-    return (s, i) => (b(), h("label", {
-      class: C(n.value)
+    return (s, i) => (b(), y("label", {
+      class: $(l.value)
     }, [
       B("input", {
         class: "vf-checkbox__control",
@@ -947,19 +947,19 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         checked: s.modelValue,
         disabled: s.disabled,
         onChange: c
-      }, null, 40, St),
+      }, null, 40, Vo),
       i[0] || (i[0] = B("span", { class: "vf-checkbox__box" }, null, -1)),
-      s.label || s.$slots.default ? (b(), h("span", Lt, [
-        k(s.$slots, "default", {}, () => [
-          J(M(s.label), 1)
+      s.label || s.$slots.default ? (b(), y("span", Lo, [
+        C(s.$slots, "default", {}, () => [
+          oe(E(s.label), 1)
         ])
-      ])) : _("", !0)
+      ])) : w("", !0)
     ], 2));
   }
-}), Vt = ["checked", "disabled"], zt = {
+}), Wo = ["checked", "disabled"], Oo = {
   key: 0,
   class: "vf-switch__label"
-}, po = /* @__PURE__ */ X({
+}, Ct = /* @__PURE__ */ K({
   __name: "switch",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -967,16 +967,16 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: e }) {
-    const r = e, o = t, n = w(() => {
+  setup(o, { emit: e }) {
+    const r = e, t = o, l = _(() => {
       const s = ["vf-switch"];
-      return o.disabled && s.push("vf-switch_disabled"), s;
+      return t.disabled && s.push("vf-switch_disabled"), s;
     }), c = (s) => {
       const i = s.target;
       r("update:modelValue", i.checked), r("change", s);
     };
-    return (s, i) => (b(), h("label", {
-      class: C(n.value)
+    return (s, i) => (b(), y("label", {
+      class: $(l.value)
     }, [
       B("input", {
         class: "vf-switch__control",
@@ -984,227 +984,369 @@ const et = (t, e) => t.strategy ? t.strategy : Qe(e) ? "fixed" : "absolute", Y =
         checked: s.modelValue,
         disabled: s.disabled,
         onChange: c
-      }, null, 40, Vt),
+      }, null, 40, Wo),
       i[0] || (i[0] = B("span", { class: "vf-switch__track" }, [
         B("span", { class: "vf-switch__thumb" })
       ], -1)),
-      s.label || s.$slots.default ? (b(), h("span", zt, [
-        k(s.$slots, "default", {}, () => [
-          J(M(s.label), 1)
+      s.label || s.$slots.default ? (b(), y("span", Oo, [
+        C(s.$slots, "default", {}, () => [
+          oe(E(s.label), 1)
         ])
-      ])) : _("", !0)
+      ])) : w("", !0)
     ], 2));
   }
-}), Wt = { class: "vf-popover" }, Mt = ["aria-expanded", "onKeydown"], go = /* @__PURE__ */ X({
+}), Eo = { class: "vf-popover" }, Ho = ["aria-expanded", "onKeydown"], wt = /* @__PURE__ */ K({
   __name: "popover",
   emits: ["click", "onClick"],
-  setup(t, { expose: e, emit: r }) {
-    const o = r, n = Ve({ visible: !1 });
+  setup(o, { expose: e, emit: r }) {
+    const t = r, l = 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");
+    const s = `vf-popover-panel-${++c}`, i = () => l.visible = !0, n = () => l.visible = !1, u = () => l.visible = !l.visible, d = () => {
+      u(), t("click"), t("onClick");
     };
-    return e({ show: i, hide: l, toggle: u }), (a, v) => (b(), h("div", Wt, [
+    return e({ show: i, hide: n, toggle: u }), (a, f) => (b(), y("div", Eo, [
       B("div", {
         class: "vf-popover__button",
         role: "button",
         tabindex: "0",
         "aria-haspopup": "dialog",
-        "aria-expanded": n.visible,
+        "aria-expanded": l.visible,
         "aria-controls": s,
         onClick: d,
         onKeydown: [
-          K(G(d, ["prevent"]), ["enter"]),
-          K(G(d, ["prevent"]), ["space"])
+          Z(J(d, ["prevent"]), ["enter"]),
+          Z(J(d, ["prevent"]), ["space"])
         ]
       }, [
-        k(a.$slots, "button")
-      ], 40, Mt),
-      me(he(Xe, {
+        C(a.$slots, "button")
+      ], 40, Ho),
+      ue(Ce(Xe, {
         id: s,
         class: "vf-popover__wrapper"
-      }, ze({
-        default: I(() => [
-          v[0] || (v[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
+      }, Le({
+        default: Y(() => [
+          f[0] || (f[0] = B("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
         a.$slots.default ? {
           name: "default",
-          fn: I(() => [
-            k(a.$slots, "default")
+          fn: Y(() => [
+            C(a.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         a.$slots.header || a.$slots.popoverHeader ? {
           name: "header",
-          fn: I(() => [
-            k(a.$slots, "header"),
-            a.$slots.header ? _("", !0) : k(a.$slots, "popoverHeader", { key: 0 })
+          fn: Y(() => [
+            C(a.$slots, "header"),
+            a.$slots.header ? w("", !0) : C(a.$slots, "popoverHeader", { key: 0 })
           ]),
           key: "1"
         } : void 0,
         a.$slots.body || a.$slots.popoverBody ? {
           name: "body",
-          fn: I(() => [
-            k(a.$slots, "body"),
-            a.$slots.body ? _("", !0) : k(a.$slots, "popoverBody", { key: 0 })
+          fn: Y(() => [
+            C(a.$slots, "body"),
+            a.$slots.body ? w("", !0) : C(a.$slots, "popoverBody", { key: 0 })
           ]),
           key: "2"
         } : void 0,
         a.$slots.footer || a.$slots.popoverFooter ? {
           name: "footer",
-          fn: I(() => [
-            k(a.$slots, "footer"),
-            a.$slots.footer ? _("", !0) : k(a.$slots, "popoverFooter", { key: 0 })
+          fn: Y(() => [
+            C(a.$slots, "footer"),
+            a.$slots.footer ? w("", !0) : C(a.$slots, "popoverFooter", { key: 0 })
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [ye, n.visible]
+        [fe, l.visible]
+      ])
+    ]));
+  }
+}), Mo = ["aria-labelledby", "aria-describedby"], Po = {
+  key: 0,
+  class: "vf-modal__header"
+}, Ao = {
+  key: 0,
+  class: "vf-modal__title"
+}, Do = {
+  key: 3,
+  class: "vf-modal__footer"
+}, _t = /* @__PURE__ */ K({
+  __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(o, { expose: e, emit: r }) {
+    const t = r, l = o;
+    let c = 0, s = 0, i = "", n = null;
+    const u = j(null), d = We(), a = `vf-modal-title-${++c}`, f = `vf-modal-body-${c}`, v = _(() => !!l.title || !!d.header), p = _(() => !!d.body || !!d.default), k = _(() => {
+      const h = ["vf-modal"];
+      return l.size !== "md" && h.push(`vf-modal_${l.size}`), h;
+    }), m = () => t("update:modelValue", !0), x = () => {
+      t("update:modelValue", !1), t("close");
+    }, H = () => {
+      l.closeOnOverlay && x();
+    }, z = (h) => {
+      !l.modelValue || !l.closeOnEsc || h.key === "Escape" && (h.preventDefault(), x());
+    }, S = () => 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")) : [], L = () => {
+      var g;
+      const h = S();
+      h.length ? h[0].focus() : (g = u.value) == null || g.focus();
+    }, M = (h) => {
+      var ne;
+      if (h.key !== "Tab")
+        return;
+      const g = S();
+      if (!g.length) {
+        h.preventDefault(), (ne = u.value) == null || ne.focus();
+        return;
+      }
+      const F = g[0], T = g[g.length - 1], U = document.activeElement;
+      if (h.shiftKey && U === F) {
+        h.preventDefault(), T.focus();
+        return;
+      }
+      !h.shiftKey && U === T && (h.preventDefault(), F.focus());
+    }, R = () => {
+      !l.lockScroll || typeof document > "u" || (s === 0 && (i = document.body.style.overflow, document.body.style.overflow = "hidden"), s += 1);
+    }, W = () => {
+      !l.lockScroll || typeof document > "u" || (s = Math.max(0, s - 1), s === 0 && (document.body.style.overflow = i));
+    };
+    return re(
+      () => l.modelValue,
+      async (h) => {
+        h ? (typeof document < "u" && (n = document.activeElement), R(), t("open"), await ce(), L(), typeof document < "u" && document.addEventListener("keydown", z)) : (W(), typeof document < "u" && (document.removeEventListener("keydown", z), n == null || n.focus()));
+      },
+      { immediate: !0 }
+    ), we(() => {
+      W(), typeof document < "u" && document.removeEventListener("keydown", z);
+    }), e({ open: m, close: x }), (h, g) => (b(), O(_e, { to: "body" }, [
+      ue(B("div", {
+        class: $(k.value),
+        role: "presentation"
+      }, [
+        B("div", {
+          class: "vf-modal__overlay",
+          onClick: H
+        }),
+        B("div", {
+          ref_key: "panel",
+          ref: u,
+          class: "vf-modal__panel",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": v.value ? a : void 0,
+          "aria-describedby": p.value ? f : void 0,
+          tabindex: "-1",
+          onKeydown: M
+        }, [
+          v.value ? (b(), y("div", Po, [
+            B("div", {
+              id: a,
+              class: "vf-modal__header-content"
+            }, [
+              C(h.$slots, "header", {}, () => [
+                h.title ? (b(), y("h3", Ao, E(h.title), 1)) : w("", !0)
+              ])
+            ])
+          ])) : w("", !0),
+          h.showClose ? C(h.$slots, "close", {
+            key: 1,
+            close: x
+          }, () => [
+            B("button", {
+              type: "button",
+              class: "vf-modal__close",
+              "aria-label": "Close",
+              onClick: x
+            }, "×")
+          ]) : w("", !0),
+          h.$slots.body || h.$slots.default ? (b(), y("div", {
+            key: 2,
+            id: f,
+            class: "vf-modal__body"
+          }, [
+            C(h.$slots, "body"),
+            h.$slots.body ? w("", !0) : C(h.$slots, "default", { key: 0 })
+          ])) : w("", !0),
+          h.$slots.footer ? (b(), y("div", Do, [
+            C(h.$slots, "footer")
+          ])) : w("", !0)
+        ], 40, Mo)
+      ], 2), [
+        [fe, h.modelValue]
       ])
     ]));
   }
-}), Ht = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], Ot = (t) => {
-  const e = t.replace(/([A-Z])/g, "-$1");
+}), Io = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], jo = (o) => {
+  const e = o.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(), Pt = (t) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t), ie = (t) => {
-  if (!Pt(t))
+}, No = (o) => o.filter((e) => !Io.includes(e)).map((e) => jo(e)).join("-").toLowerCase(), de = (o) => o.join("."), Ko = (o) => /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(o), ve = (o) => {
+  if (!Ko(o))
     return null;
-  if (t.length === 4) {
-    const e = t[1], r = t[2], o = t[3];
-    return `#${e}${e}${r}${r}${o}${o}`;
+  if (o.length === 4) {
+    const e = o[1], r = o[2], t = o[3];
+    return `#${e}${e}${r}${r}${t}${t}`;
   }
-  return t.toLowerCase();
-}, we = (t) => {
-  const e = ie(t);
+  return o.toLowerCase();
+}, Be = (o) => {
+  const e = ve(o);
   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];
-}, ve = (t) => {
-  const [e, r, o] = we(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;
+  const r = parseInt(e.slice(1), 16), t = r >> 16 & 255, l = r >> 8 & 255, c = r & 255;
+  return [t, l, c];
+}, he = (o) => {
+  const [e, r, t] = Be(o);
+  return `${e}, ${r}, ${t}`;
+}, Xo = (o, e, r) => {
+  const t = o / 255, l = e / 255, c = r / 255, s = Math.max(t, l, c), i = Math.min(t, l, c), n = 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) {
-      case o:
-        u = (n - c) / l % 6;
+  if (n !== 0) {
+    switch (d = n / (1 - Math.abs(2 * a - 1)), s) {
+      case t:
+        u = (l - c) / n % 6;
         break;
-      case n:
-        u = (c - o) / l + 2;
+      case l:
+        u = (c - t) / n + 2;
         break;
       case c:
-        u = (o - n) / l + 4;
+        u = (t - 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), 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);
+}, Yo = (o, e, r) => {
+  const t = e / 100, l = r / 100, c = (1 - Math.abs(2 * l - 1)) * t, s = c * (1 - Math.abs(o / 60 % 2 - 1)), i = l - c / 2;
+  let n = 0, u = 0, d = 0;
+  o >= 0 && o < 60 ? (n = c, u = s, d = 0) : o >= 60 && o < 120 ? (n = s, u = c, d = 0) : o >= 120 && o < 180 ? (n = 0, u = c, d = s) : o >= 180 && o < 240 ? (n = 0, u = s, d = c) : o >= 240 && o < 300 ? (n = s, u = 0, d = c) : (n = c, u = 0, d = s);
+  const a = Math.round((n + i) * 255), f = Math.round((u + i) * 255), v = Math.round((d + i) * 255);
+  return [a, f, v];
+}, Go = (o, e, r) => `#${[o, e, r].map((t) => t.toString(16).padStart(2, "0")).join("")}`, qo = (o, e, r) => Math.min(r, Math.max(e, o)), Uo = (o, e) => {
+  const r = ve(o);
   if (!r)
-    return 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);
-  if (e && e.tagName.toLowerCase() === "style")
-    return e;
-  const r = document.createElement("style");
-  return r.id = t, document.head.appendChild(r), r;
-}, se = (t) => !!t && typeof t == "object" && !Array.isArray(t), ce = (t, e) => {
+    return o;
+  const [t, l, c] = Be(r), [s, i, n] = Xo(t, l, c), d = (e - 5) * 7, a = qo(n + d, 0, 100), [f, v, p] = Yo(s, i, a);
+  return Go(f, v, p);
+}, ie = (o) => !!o && typeof o == "object" && !Array.isArray(o), pe = (o, 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;
+    return { ...o };
+  const r = { ...o };
+  for (const t in e) {
+    const l = e[t], c = o[t];
+    ie(c) && ie(l) ? r[t] = pe(c, l) : r[t] = l;
   }
   return r;
-}, _e = (t) => {
-  if (!t)
+}, Zo = (o) => {
+  if (!o)
     return null;
-  if (se(t) && "preset" in t) {
-    const e = t;
+  if (ie(o) && "preset" in o) {
+    const e = o;
     return {
       preset: e.preset ?? {},
       overrides: e.overrides,
       selector: e.selector,
-      darkSelector: e.darkSelector
+      darkSelector: e.darkSelector,
+      strict: e.strict
     };
   }
-  return { preset: t };
-}, Yt = (t) => {
-  const e = [], r = [], o = (n, c) => {
+  return { preset: o };
+}, Jo = (o) => {
+  const e = [], r = [], t = [], l = [], c = (n) => t.push(n), s = (n) => l.push(n), i = (n, u) => {
     if (!(!n || typeof n != "object"))
-      for (const s in n) {
-        const i = n[s], l = c.concat([s]);
-        if (i && typeof i == "object") {
-          o(i, l);
+      for (const d in n) {
+        const a = n[d], f = u.concat([d]);
+        if (ie(a)) {
+          i(a, f);
           continue;
         }
-        if (typeof i != "string")
+        if (a && typeof a == "object") {
+          s(`Theme value "${de(f)}" is not a plain object or string and will be ignored.`);
           continue;
-        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)
+        }
+        if (typeof a != "string") {
+          s(`Theme value "${de(f)}" is not a string and will be ignored.`);
+          continue;
+        }
+        const p = f.includes("colorScheme") && f.includes("dark") ? r : e, k = No(f);
+        if (p.push(`--vf-${k}: ${a}`), f.includes("colors")) {
+          const m = ve(a);
+          if (!m) {
+            c(
+              `Theme color "${de(f)}" is not hex. Shade variables will not be generated for it.`
+            );
             continue;
-          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)}`);
+          }
+          if (p.push(`--vf-${k}-rgb: ${he(m)}`), d !== "white")
+            for (let x = 1; x < 10; ++x) {
+              const H = Uo(m, x);
+              p.push(`--vf-${k}-${x}00: ${H}`), p.push(`--vf-${k}-${x}00-rgb: ${he(H)}`);
             }
         }
       }
   };
-  return o(t, []), { baseVars: e, darkVars: r };
-}, Kt = (t, e, r) => {
-  const { baseVars: o, darkVars: n } = Yt(t), c = Xt("vueforge-theme");
-  if (!c)
+  return i(o, []), { baseVars: e, darkVars: r, warnings: t, errors: l };
+}, Qo = (o) => {
+  if (typeof document > "u")
+    return null;
+  const e = document.getElementById(o);
+  if (e && e.tagName.toLowerCase() === "style")
+    return e;
+  const r = document.createElement("style");
+  return r.id = o, document.head.appendChild(r), r;
+}, et = (o) => ({
+  selector: o.selector ?? ":root",
+  darkSelector: o.darkSelector ?? ":root[data-theme=dark]"
+}), ot = (o, e, r, t) => {
+  const { baseVars: l, darkVars: c, warnings: s, errors: i } = Jo(o), n = Qo("vueforge-theme");
+  if (!n)
     return;
-  const s = [];
-  o.length && s.push(`${e} { ${o.join(";")} }`), n.length && s.push(`${r} { ${n.join(";")} }`), c.textContent = s.join(`
+  if (i.length) {
+    if (t)
+      throw new Error(`[VueForge] ${i.join(" ")}`);
+    for (const d of i)
+      console.warn(`[VueForge] ${d}`);
+  }
+  if (s.length)
+    for (const d of s)
+      console.warn(`[VueForge] ${d}`);
+  const u = [];
+  l.length && u.push(`${e} { ${l.join(";")} }`), c.length && u.push(`${r} { ${c.join(";")} }`), n.textContent = u.join(`
 `);
 };
-let E = null;
-const Gt = (t) => ({
-  selector: t.selector ?? ":root",
-  darkSelector: t.darkSelector ?? ":root[data-theme=dark]"
-}), Fe = (t) => {
-  const e = _e(t);
+let N = null;
+const xe = (o) => {
+  const e = Zo(o);
   if (!e)
     return;
-  const r = ce(e.preset, e.overrides), { selector: o, darkSelector: n } = Gt(e);
-  E = { ...e }, Kt(r, o, n);
-}, bo = (t) => {
-  if (!E)
+  const r = pe(e.preset, e.overrides), { selector: t, darkSelector: l } = et(e);
+  N = { ...e }, ot(r, t, l, e.strict);
+}, $t = (o) => {
+  if (!N)
     return;
-  const e = t.overrides === void 0 ? E.overrides : ce(E.overrides ?? {}, t.overrides ?? {}), r = {
-    preset: t.preset ?? E.preset,
+  const e = o.overrides === void 0 ? N.overrides : pe(N.overrides ?? {}, o.overrides ?? {}), r = {
+    preset: o.preset ?? N.preset,
     overrides: e,
-    selector: t.selector ?? E.selector,
-    darkSelector: t.darkSelector ?? E.darkSelector
+    selector: o.selector ?? N.selector,
+    darkSelector: o.darkSelector ?? N.darkSelector
   };
-  Fe(r);
-}, ho = () => E ? { ...E } : null, mo = {
-  install(t, e = {}) {
-    const r = _e(e.theme);
-    r && Fe(r);
+  xe(r);
+}, Ft = () => N ? { ...N } : null, Bt = {
+  install(o, e = {}) {
+    e.theme && xe(e.theme);
   }
-}, pe = {
+}, me = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -1234,6 +1376,18 @@ const Gt = (t) => ({
     disabledOpacity: "0.6",
     focusRingShadow: "0 0 0 3px rgba(var(--vf-blue-600-rgb), 0.12)"
   },
+  sizes: {
+    sm: {
+      fontSize: "0.875rem",
+      paddingY: "0.2rem",
+      paddingX: "0.5rem"
+    },
+    lg: {
+      fontSize: "1.125rem",
+      paddingY: "0.5rem",
+      paddingX: "1rem"
+    }
+  },
   colorScheme: {
     light: {
       bgColor: "#ffffff",
@@ -1254,19 +1408,19 @@ const Gt = (t) => ({
       dividerColor: "#2e2e32"
     }
   }
-}, qt = {
+}, tt = {
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
   borderRadius: "var(--vf-radii-md)",
   roundedBorderRadius: "2rem",
   iconGap: "6px",
   small: {
-    fontSize: "0.875rem",
-    padding: "4px 8px"
+    fontSize: "var(--vf-sizes-sm-font-size)",
+    padding: "var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)"
   },
   large: {
-    fontSize: "1.125rem",
-    padding: "4px 8px"
+    fontSize: "var(--vf-sizes-lg-font-size)",
+    padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)"
   },
   colorScheme: {
     light: {
@@ -1396,11 +1550,11 @@ const Gt = (t) => ({
       }
     }
   }
-}, Ut = {
+}, rt = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "var(--vf-radii-md)"
-}, Zt = {}, Jt = {
+}, lt = {}, nt = {
   gap: "0.5rem",
   fontSize: "var(--vf-typography-font-size)",
   padding: "var(--vf-controls-padding-y) var(--vf-controls-padding-x)",
@@ -1414,17 +1568,17 @@ const Gt = (t) => ({
   hoverBorderColor: "var(--vf-blue-500)",
   disabledOpacity: "var(--vf-states-disabled-opacity)",
   small: {
-    padding: "0.375rem 0.5rem",
-    fontSize: "0.875rem"
+    padding: "var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",
+    fontSize: "var(--vf-sizes-sm-font-size)"
   },
   large: {
-    padding: "0.625rem 0.875rem",
-    fontSize: "1.125rem"
+    padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
+    fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, Qt = {
+}, at = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, eo = {
+}, st = {
   iconGap: "6px",
   submenuOffset: "12px",
   separatorThickness: "1px",
@@ -1444,9 +1598,36 @@ const Gt = (t) => ({
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, to = {
+}, it = {
+  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)"
+}, dt = {
   backgroundColor: "var(--vf-bg-color)"
-}, oo = {
+}, ct = {
   minWidth: "12rem",
   fontSize: "var(--vf-typography-font-size)",
   controlGap: "0.75rem",
@@ -1472,14 +1653,14 @@ const Gt = (t) => ({
   optionActiveBackgroundColor: "rgba(var(--vf-blue-600-rgb), 0.14)",
   optionActiveTextColor: "var(--vf-text-color)",
   small: {
-    padding: "0.375rem 0.5rem",
-    fontSize: "0.875rem"
+    padding: "var(--vf-sizes-sm-padding-y) var(--vf-sizes-sm-padding-x)",
+    fontSize: "var(--vf-sizes-sm-font-size)"
   },
   large: {
-    padding: "0.625rem 0.875rem",
-    fontSize: "1.125rem"
+    padding: "var(--vf-sizes-lg-padding-y) var(--vf-sizes-lg-padding-x)",
+    fontSize: "var(--vf-sizes-lg-font-size)"
   }
-}, ro = {
+}, ut = {
   size: "1rem",
   gap: "0.5rem",
   borderRadius: "var(--vf-radii-sm)",
@@ -1491,7 +1672,7 @@ const Gt = (t) => ({
   checkColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, no = {
+}, ft = {
   width: "2.25rem",
   height: "1.25rem",
   thumbSize: "1rem",
@@ -1503,35 +1684,37 @@ const Gt = (t) => ({
   thumbColor: "#ffffff",
   textColor: "var(--vf-text-color)",
   disabledOpacity: "var(--vf-states-disabled-opacity)"
-}, yo = {
-  ...pe,
+}, xt = {
+  ...me,
   components: {
-    base: pe,
-    button: qt,
-    card: Ut,
-    codeBlock: Zt,
-    input: Jt,
-    link: Qt,
-    menu: eo,
-    popover: to,
-    select: oo,
-    checkbox: ro,
-    switch: no
+    base: me,
+    button: tt,
+    card: rt,
+    codeBlock: lt,
+    input: nt,
+    link: at,
+    menu: st,
+    modal: it,
+    popover: dt,
+    select: ct,
+    checkbox: ut,
+    switch: ft
   }
 };
 export {
-  co as Button,
+  ht as Button,
   Xe as Card,
-  vo as Checkbox,
-  yo as DefaultTheme,
-  uo as Input,
-  ke as Link,
-  io as Menu,
-  go as Popover,
-  fo as Select,
-  po as Switch,
-  mo as VueForge,
-  ho as getTheme,
-  Fe as setTheme,
-  bo as updateTheme
+  kt as Checkbox,
+  xt as DefaultTheme,
+  mt as Input,
+  $e as Link,
+  bt as Menu,
+  _t as Modal,
+  wt as Popover,
+  yt as Select,
+  Ct as Switch,
+  Bt as VueForge,
+  Ft as getTheme,
+  xe as setTheme,
+  $t as updateTheme
 };