@codemonster-ru/vueforge 0.2.1 → 0.3.0

package/dist/index.ts.mjs

@@ -1,81 +1,65 @@
-import { defineComponent as k, resolveComponent as x, openBlock as r, createElementBlock as l, createVNode as w, unref as h, withCtx as p, renderSlot as u, createElementVNode as i, inject as I, ref as U, computed as F, normalizeClass as g, Fragment as M, createTextVNode as z, toDisplayString as S, createBlock as y, createCommentVNode as _, defineAsyncComponent as K, resolveDynamicComponent as q, createStaticVNode as G, renderList as W, reactive as J, withDirectives as Q, createSlots as X, vShow as Y } from "vue";
-const ee = { class: "vf-layout" }, jr = /* @__PURE__ */ k({
+import { defineComponent as F, openBlock as r, createElementBlock as s, createVNode as S, unref as g, withCtx as _, renderSlot as u, resolveComponent as E, createElementVNode as i, inject as H, ref as I, computed as w, normalizeClass as h, Fragment as M, createTextVNode as z, toDisplayString as O, createBlock as y, createCommentVNode as m, defineAsyncComponent as U, resolveDynamicComponent as K, createStaticVNode as q, renderList as G, reactive as W, withDirectives as J, createSlots as Q, vShow as X } from "vue";
+const Y = { class: "vf-layout" }, Or = /* @__PURE__ */ F({
   __name: "defaultLayout",
   setup(o) {
-    return (e, a) => {
-      const t = x("router-view");
-      return r(), l("div", ee, [
-        w(h(Xo), null, {
-          left: p(() => [
-            u(e.$slots, "headerLeft")
-          ]),
-          right: p(() => [
-            u(e.$slots, "headerRight")
-          ]),
-          _: 3
-        }),
-        w(h(ar), null, {
-          default: p(() => [
-            w(h(L), null, {
-              default: p(() => [
-                w(t)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        w(h(rr), null, {
-          default: p(() => [
-            w(h(L), null, {
-              default: p(() => [
-                u(e.$slots, "footerDefault")
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        })
-      ]);
-    };
+    return (e, a) => (r(), s("div", Y, [
+      S(g(Qo), null, {
+        default: _(() => [
+          u(e.$slots, "header")
+        ]),
+        _: 3
+      }),
+      S(g(sr), null, {
+        default: _(() => [
+          u(e.$slots, "content")
+        ]),
+        _: 3
+      }),
+      S(g(or), null, {
+        default: _(() => [
+          u(e.$slots, "footer")
+        ]),
+        _: 3
+      })
+    ]));
   }
-}), O = (o, e) => {
+}), $ = (o, e) => {
   const a = o.__vccOpts || o;
-  for (const [t, s] of e)
-    a[t] = s;
+  for (const [t, n] of e)
+    a[t] = n;
   return a;
-}, oe = {}, re = { class: "vf-left-sidebar-flexbox" }, te = { class: "vf-left-sidebar" }, le = { class: "vf-main-content" };
-function ne(o, e) {
-  const a = x("router-view");
-  return r(), l("div", re, [
-    i("div", te, [
+}, ee = {}, oe = { class: "vf-left-sidebar-flexbox" }, re = { class: "vf-left-sidebar" }, te = { class: "vf-main-content" };
+function le(o, e) {
+  const a = E("router-view");
+  return r(), s("div", oe, [
+    i("div", re, [
       u(o.$slots, "leftSidebar")
     ]),
-    i("div", le, [
-      w(a)
+    i("div", te, [
+      S(a)
     ])
   ]);
 }
-const Pr = /* @__PURE__ */ O(oe, [["render", ne]]), se = {}, ae = { class: "vf-demo" };
-function ce(o, e) {
-  return r(), l("div", ae, [
+const jr = /* @__PURE__ */ $(ee, [["render", le]]), ne = {}, se = { class: "vf-demo" };
+function ae(o, e) {
+  return r(), s("div", se, [
     u(o.$slots, "default")
   ]);
 }
-const Mr = /* @__PURE__ */ O(se, [["render", ce]]);
+const Pr = /* @__PURE__ */ $(ne, [["render", ae]]);
 /*!
   * vue-router v4.5.0
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT
   */
-var R;
+var T;
 (function(o) {
   o.pop = "pop", o.push = "push";
-})(R || (R = {}));
-var D;
+})(T || (T = {}));
+var V;
 (function(o) {
   o.back = "back", o.forward = "forward", o.unknown = "";
-})(D || (D = {}));
+})(V || (V = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
 var N;
 (function(o) {
@@ -84,12 +68,12 @@ var N;
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
-const ie = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+const ce = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
-function ue(o) {
-  return I(ie);
+function ie(o) {
+  return H(ce);
 }
-const de = ["href"], V = /* @__PURE__ */ k({
+const ue = ["href"], L = /* @__PURE__ */ F({
   __name: "link",
   props: {
     to: { default: "" },
@@ -101,66 +85,66 @@ const de = ["href"], V = /* @__PURE__ */ k({
   },
   emits: ["onActive"],
   setup(o, { emit: e }) {
-    const a = e, t = o, s = ue(), n = U(null), m = F(() => (t.type === "router-link" && s.matched.some(({ name: f }) => t.to.name === f) && a("onActive"), t.active));
+    const a = e, t = o, n = ie(), l = I(null), b = w(() => (t.type === "router-link" && n.matched.some(({ name: f }) => t.to.name === f) && a("onActive"), t.active));
     return (f, d) => {
-      const v = x("router-link");
-      return f.type === "a" ? (r(), l("a", {
+      const v = E("router-link");
+      return f.type === "a" ? (r(), s("a", {
         key: 0,
         href: f.url,
-        class: g(["vf-link", { "vf-link_active": f.active, "vf-link_disabled": f.disabled }])
+        class: h(["vf-link", { "vf-link_active": f.active, "vf-link_disabled": f.disabled }])
       }, [
-        f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
-          z(S(f.label), 1)
+        f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), s(M, { key: 1 }, [
+          z(O(f.label), 1)
         ], 64))
-      ], 10, de)) : (r(), y(v, {
+      ], 10, ue)) : (r(), y(v, {
         key: 1,
         ref_key: "link",
-        ref: n,
+        ref: l,
         to: f.to,
-        class: g(["vf-link", { "vf-link_active": m.value }]),
+        class: h(["vf-link", { "vf-link_active": b.value }]),
         disabled: f.disabled,
         "active-class": "vf-link_partially-active",
         "exact-active-class": "vf-link_active"
       }, {
-        default: p(() => [
-          f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
-            z(S(f.label), 1)
+        default: _(() => [
+          f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), s(M, { key: 1 }, [
+            z(O(f.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "disabled"]));
     };
   }
-}), ve = {}, fe = { class: "vf-card" }, he = {
+}), de = {}, ve = { class: "vf-card" }, fe = {
   key: 0,
   class: "vf-card__default"
-}, pe = {
+}, he = {
   key: 1,
   class: "vf-card__header"
-}, ge = {
+}, pe = {
   key: 2,
   class: "vf-card__body"
-}, be = {
+}, ge = {
   key: 3,
   class: "vf-card__footer"
 };
-function _e(o, e) {
-  return r(), l("div", fe, [
-    o.$slots.default ? (r(), l("div", he, [
+function be(o, e) {
+  return r(), s("div", ve, [
+    o.$slots.default ? (r(), s("div", fe, [
       u(o.$slots, "default")
-    ])) : _("", !0),
-    o.$slots.header ? (r(), l("div", pe, [
+    ])) : m("", !0),
+    o.$slots.header ? (r(), s("div", he, [
       u(o.$slots, "header")
-    ])) : _("", !0),
-    o.$slots.body ? (r(), l("div", ge, [
+    ])) : m("", !0),
+    o.$slots.body ? (r(), s("div", pe, [
       u(o.$slots, "body")
-    ])) : _("", !0),
-    o.$slots.footer ? (r(), l("div", be, [
+    ])) : m("", !0),
+    o.$slots.footer ? (r(), s("div", ge, [
       u(o.$slots, "footer")
-    ])) : _("", !0)
+    ])) : m("", !0)
   ]);
 }
-const me = /* @__PURE__ */ O(ve, [["render", _e]]), ye = { class: "vf-logo" }, Ce = ["src", "width", "height", "alt"], we = ["src", "width", "height", "alt"], zr = /* @__PURE__ */ k({
+const _e = /* @__PURE__ */ $(de, [["render", be]]), me = { class: "vf-logo" }, ye = ["src", "width", "height", "alt"], Ce = ["src", "width", "height", "alt"], Mr = /* @__PURE__ */ F({
   __name: "logo",
   props: {
     to: { default: void 0 },
@@ -173,79 +157,79 @@ const me = /* @__PURE__ */ O(ve, [["render", _e]]), ye = { class: "vf-logo" }, C
     height: { default: void 0 }
   },
   setup(o) {
-    const e = o, a = F(() => Array.isArray(e.src) ? e.dark ? e.src[1] : e.src[0] : e.src);
-    return (t, s) => (r(), l("div", ye, [
-      t.type.length ? (r(), y(h(V), {
+    const e = o, a = w(() => Array.isArray(e.src) ? e.dark ? e.src[1] : e.src[0] : e.src);
+    return (t, n) => (r(), s("div", me, [
+      t.type.length ? (r(), y(g(L), {
         key: 0,
         type: t.type,
         to: t.to,
         url: t.url
       }, {
-        default: p(() => [
+        default: _(() => [
           i("img", {
             src: a.value,
             width: t.width,
             height: t.height,
             alt: t.alt
-          }, null, 8, Ce)
+          }, null, 8, ye)
         ]),
         _: 1
-      }, 8, ["type", "to", "url"])) : (r(), l("img", {
+      }, 8, ["type", "to", "url"])) : (r(), s("img", {
         key: 1,
         src: a.value,
         width: t.width,
         height: t.height,
         alt: t.alt
-      }, null, 8, we))
+      }, null, 8, Ce))
     ]));
   }
-}), b = (o, e) => {
+}), p = (o, e) => {
   const a = o.__vccOpts || o;
-  for (const [t, s] of e)
-    a[t] = s;
+  for (const [t, n] of e)
+    a[t] = n;
   return a;
-}, ke = {}, Fe = {
+}, we = {}, ke = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function $e(o, e) {
-  return r(), l("svg", Fe, e[0] || (e[0] = [
-    G('<circle fill="currentColor" cx="256" cy="256" r="128"></circle><rect fill="currentColor" y="240.03" width="96" height="31.94"></rect><rect fill="currentColor" x="416" y="240.03" width="96" height="31.94"></rect><rect fill="currentColor" x="239.95" width="32.1" height="96"></rect><polygon fill="currentColor" points="240 416 272 416 272 512 240.06 512 240 416"></polygon><rect fill="currentColor" x="93.09" y="60.96" width="31.94" height="96" transform="translate(-45.1 109.03) rotate(-45)"></rect><rect fill="currentColor" x="355.02" y="92.75" width="96" height="32.1" transform="translate(41.11 316.85) rotate(-45)"></rect><polygon fill="currentColor" points="357.08 380.39 379.71 357.76 447.59 425.65 425 448.23 357.08 380.39"></polygon><polygon fill="currentColor" points="131.75 357.04 154.37 379.67 86.49 447.55 63.9 424.96 131.75 357.04"></polygon>', 9)
+function Fe(o, e) {
+  return r(), s("svg", ke, e[0] || (e[0] = [
+    q('<circle fill="currentColor" cx="256" cy="256" r="128"></circle><rect fill="currentColor" y="240.03" width="96" height="31.94"></rect><rect fill="currentColor" x="416" y="240.03" width="96" height="31.94"></rect><rect fill="currentColor" x="239.95" width="32.1" height="96"></rect><polygon fill="currentColor" points="240 416 272 416 272 512 240.06 512 240 416"></polygon><rect fill="currentColor" x="93.09" y="60.96" width="31.94" height="96" transform="translate(-45.1 109.03) rotate(-45)"></rect><rect fill="currentColor" x="355.02" y="92.75" width="96" height="32.1" transform="translate(41.11 316.85) rotate(-45)"></rect><polygon fill="currentColor" points="357.08 380.39 379.71 357.76 447.59 425.65 425 448.23 357.08 380.39"></polygon><polygon fill="currentColor" points="131.75 357.04 154.37 379.67 86.49 447.55 63.9 424.96 131.75 357.04"></polygon>', 9)
   ]));
 }
-const Be = /* @__PURE__ */ b(ke, [["render", $e]]), Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ p(we, [["render", Fe]]), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Be
-}, Symbol.toStringTag, { value: "Module" })), Oe = {}, je = {
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), Se = {}, Oe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Pe(o, e) {
-  return r(), l("svg", je, e[0] || (e[0] = [
+function je(o, e) {
+  return r(), s("svg", Oe, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m352,448c-123.71,0-224-100.29-224-224,0-107.81,76.16-197.81,177.61-219.18-16.05-3.15-32.64-4.82-49.61-4.82C114.62,0,0,114.62,0,256s114.62,256,256,256c75.54,0,143.44-32.73,190.3-84.77-28.66,13.32-60.61,20.77-94.3,20.77Z"
     }, null, -1)
   ]));
 }
-const Me = /* @__PURE__ */ b(Oe, [["render", Pe]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pe = /* @__PURE__ */ p(Se, [["render", je]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Me
-}, Symbol.toStringTag, { value: "Module" })), Le = {}, Te = {
+  default: Pe
+}, Symbol.toStringTag, { value: "Module" })), ze = {}, xe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function xe(o, e) {
-  return r(), l("svg", Te, e[0] || (e[0] = [
+function Le(o, e) {
+  return r(), s("svg", xe, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "M32,160h448c32.5,0,31.5-32,31.5-32s0-32-31.5-32H32c-32.5,0-31.5,32-31.5,32S-0.5,160,32,160z"
@@ -260,18 +244,18 @@ function xe(o, e) {
     }, null, -1)
   ]));
 }
-const Ve = /* @__PURE__ */ b(Le, [["render", xe]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Te = /* @__PURE__ */ p(ze, [["render", Le]]), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ve
-}, Symbol.toStringTag, { value: "Module" })), De = {}, Ne = {
+  default: Te
+}, Symbol.toStringTag, { value: "Module" })), Ne = {}, Re = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Ee(o, e) {
-  return r(), l("svg", Ne, e[0] || (e[0] = [
+function De(o, e) {
+  return r(), s("svg", Re, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m33,512h447c21.33,1,32-10.67,32-35,0-128-106.67-189-192-189h-128C106.67,288,0,352,0,480c-.11,21.99,11.33,32.21,33,32Z"
@@ -284,54 +268,54 @@ function Ee(o, e) {
     }, null, -1)
   ]));
 }
-const Ze = /* @__PURE__ */ b(De, [["render", Ee]]), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ee = /* @__PURE__ */ p(Ne, [["render", De]]), Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ze
-}, Symbol.toStringTag, { value: "Module" })), He = {}, Ie = {
+  default: Ee
+}, Symbol.toStringTag, { value: "Module" })), Ae = {}, He = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Ue(o, e) {
-  return r(), l("svg", Ie, e[0] || (e[0] = [
+function Ie(o, e) {
+  return r(), s("svg", He, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m220.45,16.12c18.29-17.75,38.39-24.95,64,0l208.5,192.5c20.88,21.19,15,47-17,47l-31.5.5v224c.04,21.44-10.88,32.07-32.32,32.32h-63.85c-21.36-.51-31.86-11.38-32.07-32.07v-128.25c.21-21.63-10.58-32.08-31.88-31.88h-63.88c-21.48-.1-32.04,10.63-31.94,31.94v127.94c-.11,21.25-10.59,31.95-31.77,31.77h-64c-22.05.21-32.5-10.69-32.03-32.03v-223.74l-31.76-.5c-33,0-37-26.88-16-47L220.45,16.12Z"
     }, null, -1)
   ]));
 }
-const Ke = /* @__PURE__ */ b(He, [["render", Ue]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ue = /* @__PURE__ */ p(Ae, [["render", Ie]]), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ke
-}, Symbol.toStringTag, { value: "Module" })), Ge = {}, We = {
+  default: Ue
+}, Symbol.toStringTag, { value: "Module" })), qe = {}, Ge = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Je(o, e) {
-  return r(), l("svg", We, e[0] || (e[0] = [
+function We(o, e) {
+  return r(), s("svg", Ge, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m496.36,59.31c15.08-15.08,15.08-32.92,0-48s-24.92-15.08-40,0L192.33,275.63,56.57,139.87c-15.08-15.08-30.17-15.09-45.25,0-15.08,15.08-15.09,30.17,0,45.25l158.39,158.39c15.08,15.08,30.17,15.09,45.25,0L496.36,59.31Z"
     }, null, -1)
   ]));
 }
-const Qe = /* @__PURE__ */ b(Ge, [["render", Je]]), Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Je = /* @__PURE__ */ p(qe, [["render", We]]), Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qe
-}, Symbol.toStringTag, { value: "Module" })), Ye = {}, eo = {
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Xe = {}, Ye = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function oo(o, e) {
-  return r(), l("svg", eo, e[0] || (e[0] = [
+function eo(o, e) {
+  return r(), s("svg", Ye, e[0] || (e[0] = [
     i("g", null, [
       i("path", { d: "m256,507c-67.04,0-130.08-26.11-177.48-73.52S5,323.04,5,256,31.11,125.92,78.52,78.52,188.96,5,256,5s130.08,26.11,177.48,73.52,73.52,110.44,73.52,177.48-26.11,130.08-73.52,177.48-110.44,73.52-177.48,73.52Z" }),
       i("path", {
@@ -345,18 +329,18 @@ function oo(o, e) {
     }, null, -1)
   ]));
 }
-const ro = /* @__PURE__ */ b(Ye, [["render", oo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const oo = /* @__PURE__ */ p(Xe, [["render", eo]]), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ro
-}, Symbol.toStringTag, { value: "Module" })), lo = {}, no = {
+  default: oo
+}, Symbol.toStringTag, { value: "Module" })), to = {}, lo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function so(o, e) {
-  return r(), l("svg", no, e[0] || (e[0] = [
+function no(o, e) {
+  return r(), s("svg", lo, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m256,480c-119.85,0-217.71-94.12-223.71-212.48C25.72,137.84,131.42,29.08,261.23,32.06c58.54,1.34,111.52,25.16,150.69,63.15.02.02.06.02.08,0l22.54-22.54s.02-.06,0-.08C384.4,23.77,314.35-4.69,237.7.64,111.85,9.39,10.68,109.56.81,235.33c-11.82,150.71,106.97,276.67,255.19,276.67,94.72,0,197.27-90.53,208-112,8-16-16-24-24.17-16-17.03,16.67-107.72,96-183.83,96Z"
@@ -367,90 +351,90 @@ function so(o, e) {
     }, null, -1)
   ]));
 }
-const ao = /* @__PURE__ */ b(lo, [["render", so]]), co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const so = /* @__PURE__ */ p(to, [["render", no]]), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ao
-}, Symbol.toStringTag, { value: "Module" })), io = {}, uo = {
+  default: so
+}, Symbol.toStringTag, { value: "Module" })), co = {}, io = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function vo(o, e) {
-  return r(), l("svg", uo, e[0] || (e[0] = [
+function uo(o, e) {
+  return r(), s("svg", io, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "M279.6 158.3l168.1 168.1c16.1 16.1-.1 32.5-.1 32.5s-16 15.4-31.9-.5L256.1 198.8l-160 160c-16 16-31.5-.5-31.5-.5s-16.5-15.5-.5-31.5l168.5-168.5c16-16 31-16 47 0z"
     }, null, -1)
   ]));
 }
-const fo = /* @__PURE__ */ b(io, [["render", vo]]), ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vo = /* @__PURE__ */ p(co, [["render", uo]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: fo
-}, Symbol.toStringTag, { value: "Module" })), po = {}, go = {
+  default: vo
+}, Symbol.toStringTag, { value: "Module" })), ho = {}, po = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function bo(o, e) {
-  return r(), l("svg", go, e[0] || (e[0] = [
+function go(o, e) {
+  return r(), s("svg", po, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "M232.4,353.7L64.3,185.6c-16.1-16.1,0.1-32.5,0.1-32.5s16-15.4,31.9,0.5l159.6,159.6l160-160 c16-16,31.5,0.5,31.5,0.5s16.5,15.5,0.5,31.5c-13,13-168.5,168.5-168.5,168.5C263.4,369.7,248.4,369.7,232.4,353.7z"
     }, null, -1)
   ]));
 }
-const _o = /* @__PURE__ */ b(po, [["render", bo]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const bo = /* @__PURE__ */ p(ho, [["render", go]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _o
-}, Symbol.toStringTag, { value: "Module" })), yo = {}, Co = {
+  default: bo
+}, Symbol.toStringTag, { value: "Module" })), mo = {}, yo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function wo(o, e) {
-  return r(), l("svg", Co, e[0] || (e[0] = [
+function Co(o, e) {
+  return r(), s("svg", yo, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "M158.3,232.4L326.4,64.3c16.1-16.1,32.5,0.1,32.5,0.1s15.4,16-0.5,31.9L198.8,255.9l160,160 c16,16-0.5,31.5-0.5,31.5s-15.5,16.5-31.5,0.5c-13-13-168.5-168.5-168.5-168.5C142.3,263.4,142.3,248.4,158.3,232.4z"
     }, null, -1)
   ]));
 }
-const ko = /* @__PURE__ */ b(yo, [["render", wo]]), Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wo = /* @__PURE__ */ p(mo, [["render", Co]]), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ko
-}, Symbol.toStringTag, { value: "Module" })), $o = {}, Bo = {
+  default: wo
+}, Symbol.toStringTag, { value: "Module" })), Fo = {}, $o = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function So(o, e) {
-  return r(), l("svg", Bo, e[0] || (e[0] = [
+function Bo(o, e) {
+  return r(), s("svg", $o, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "M353.7,279.6L185.6,447.7c-16.1,16.1-32.5-0.1-32.5-0.1s-15.4-16,0.5-31.9l159.6-159.6l-160-160 c-16-16,0.5-31.5,0.5-31.5s15.5-16.5,31.5-0.5c13,13,168.5,168.5,168.5,168.5C369.7,248.6,369.7,263.6,353.7,279.6z"
     }, null, -1)
   ]));
 }
-const Oo = /* @__PURE__ */ b($o, [["render", So]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const So = /* @__PURE__ */ p(Fo, [["render", Bo]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Oo
-}, Symbol.toStringTag, { value: "Module" })), Po = {}, Mo = {
+  default: So
+}, Symbol.toStringTag, { value: "Module" })), jo = {}, Po = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function zo(o, e) {
-  return r(), l("svg", Mo, e[0] || (e[0] = [
+function Mo(o, e) {
+  return r(), s("svg", Po, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m484,508c5.66,5.66,18.34,5.66,24,0,5.66-5.66,5.66-18.34,0-24l-171.29-168.5-22.63,22.63,169.91,169.87Z"
@@ -461,32 +445,32 @@ function zo(o, e) {
     }, null, -1)
   ]));
 }
-const Lo = /* @__PURE__ */ b(Po, [["render", zo]]), To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const zo = /* @__PURE__ */ p(jo, [["render", Mo]]), xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Lo
-}, Symbol.toStringTag, { value: "Module" })), xo = {}, Vo = {
+  default: zo
+}, Symbol.toStringTag, { value: "Module" })), Lo = {}, To = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Ro(o, e) {
-  return r(), l("svg", Vo, e[0] || (e[0] = [
+function Vo(o, e) {
+  return r(), s("svg", To, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "m345.37.69c-5.57-1.85-11.6,1.15-13.47,6.72l-3.4,10.11c-1.88,5.58,1.12,11.63,6.71,13.51l-.46-.15c84.86,31.87,145.26,113.74,145.26,209.74,0,123.71-100.29,224-224,224S32,364.33,32,240.62c0-96.23,60.69-178.26,145.87-209.97l-.94.3c5.6-1.82,8.67-7.84,6.85-13.44l-3.3-10.14c-1.81-5.56-7.74-8.61-13.31-6.88C69.58,36.6,0,130.47,0,240.62c0,141.38,114.62,256,256,256s256-114.62,256-256c0-109.94-69.32-203.66-166.63-239.92Z"
     }, null, -1)
   ]));
 }
-const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const No = /* @__PURE__ */ p(Lo, [["render", Vo]]), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Do
-}, Symbol.toStringTag, { value: "Module" })), Eo = (o, e, a) => {
+  default: No
+}, Symbol.toStringTag, { value: "Module" })), Do = (o, e, a) => {
   const t = o[e];
-  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((s, n) => {
+  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((n, l) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      n.bind(
+      l.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + e + (e.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
@@ -494,15 +478,15 @@ const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
       )
     );
   });
-}, Zo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Ao = {
-  list: Zo
-}, Ho = /* @__PURE__ */ k({
+}, Eo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Zo = {
+  list: Eo
+}, Ao = /* @__PURE__ */ F({
   __name: "icon",
   props: {
     icon: {
       type: String,
       default: "moon",
-      validator: (o) => Ao.list.indexOf(o) > -1
+      validator: (o) => Zo.list.indexOf(o) > -1
     },
     spin: {
       type: Boolean,
@@ -510,24 +494,24 @@ const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
     }
   },
   setup(o) {
-    const e = o, a = F(() => {
-      const s = e.icon;
-      return K(() => Eo(/* @__PURE__ */ Object.assign({ "./bars.vue": () => Promise.resolve().then(() => Re), "./check.vue": () => Promise.resolve().then(() => Xe), "./chevronDown.vue": () => Promise.resolve().then(() => mo), "./chevronLeft.vue": () => Promise.resolve().then(() => Fo), "./chevronRight.vue": () => Promise.resolve().then(() => jo), "./chevronUp.vue": () => Promise.resolve().then(() => ho), "./circleHalf.vue": () => Promise.resolve().then(() => to), "./circleNotch.vue": () => Promise.resolve().then(() => No), "./house.vue": () => Promise.resolve().then(() => qe), "./icon.vue": () => Promise.resolve().then(() => Io), "./magnifyingGlass.vue": () => Promise.resolve().then(() => To), "./moon.vue": () => Promise.resolve().then(() => ze), "./rotateRight.vue": () => Promise.resolve().then(() => co), "./sun.vue": () => Promise.resolve().then(() => Se), "./user.vue": () => Promise.resolve().then(() => Ae) }), `./${s}.vue`, 2));
-    }), t = F(() => {
-      let s = ["cm-icon"];
-      return e.spin && s.push("cm-icon_animations_spin"), s;
+    const e = o, a = w(() => {
+      const n = e.icon;
+      return U(() => Do(/* @__PURE__ */ Object.assign({ "./bars.vue": () => Promise.resolve().then(() => Ve), "./check.vue": () => Promise.resolve().then(() => Qe), "./chevronDown.vue": () => Promise.resolve().then(() => _o), "./chevronLeft.vue": () => Promise.resolve().then(() => ko), "./chevronRight.vue": () => Promise.resolve().then(() => Oo), "./chevronUp.vue": () => Promise.resolve().then(() => fo), "./circleHalf.vue": () => Promise.resolve().then(() => ro), "./circleNotch.vue": () => Promise.resolve().then(() => Ro), "./house.vue": () => Promise.resolve().then(() => Ke), "./icon.vue": () => Promise.resolve().then(() => Ho), "./magnifyingGlass.vue": () => Promise.resolve().then(() => xo), "./moon.vue": () => Promise.resolve().then(() => Me), "./rotateRight.vue": () => Promise.resolve().then(() => ao), "./sun.vue": () => Promise.resolve().then(() => Be), "./user.vue": () => Promise.resolve().then(() => Ze) }), `./${n}.vue`, 2));
+    }), t = w(() => {
+      let n = ["cm-icon"];
+      return e.spin && n.push("cm-icon_animations_spin"), n;
     });
-    return (s, n) => (r(), y(q(a.value), {
-      class: g(t.value)
+    return (n, l) => (r(), y(K(a.value), {
+      class: h(t.value)
     }, null, 8, ["class"]));
   }
-}), $ = /* @__PURE__ */ b(Ho, [["__scopeId", "data-v-e8b1cecb"]]), Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), k = /* @__PURE__ */ p(Ao, [["__scopeId", "data-v-e8b1cecb"]]), Ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $
-}, Symbol.toStringTag, { value: "Module" })), Uo = { class: "vf-menu__list" }, Ko = {
+  default: k
+}, Symbol.toStringTag, { value: "Module" })), Io = { class: "vf-menu__list" }, Uo = {
   key: 1,
   class: "vf-menu__separator"
-}, qo = ["onClick"], Go = /* @__PURE__ */ k({
+}, Ko = ["onClick"], qo = /* @__PURE__ */ F({
   __name: "menu",
   props: {
     items: {},
@@ -535,7 +519,7 @@ const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
   },
   emits: ["onActive"],
   setup(o, { emit: e }) {
-    const a = e, t = o, s = (d, v) => `${d.label}_${v.toString()}`, n = (d) => Object.prototype.hasOwnProperty.call(d, "to") ? "router-link" : "a", m = (d) => {
+    const a = e, t = o, n = (d, v) => `${d.label}_${v.toString()}`, l = (d) => Object.prototype.hasOwnProperty.call(d, "to") ? "router-link" : "a", b = (d) => {
       Object.prototype.hasOwnProperty.call(d, "items") ? (t.items.map((v) => {
         v !== d && (v.subMenuVisible = !1);
       }), d.subMenuVisible = !d.subMenuVisible) : Object.prototype.hasOwnProperty.call(d, "command") && d.command();
@@ -547,54 +531,54 @@ const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
       }
       a("onActive", d);
     };
-    return (d, v) => (r(), l("div", {
-      class: g(["vf-menu", `vf-menu_${d.orientation}`])
+    return (d, v) => (r(), s("div", {
+      class: h(["vf-menu", `vf-menu_${d.orientation}`])
     }, [
-      i("ul", Uo, [
-        (r(!0), l(M, null, W(d.items, (c, C) => (r(), l("li", {
-          key: s(c, C),
+      i("ul", Io, [
+        (r(!0), s(M, null, G(d.items, (c, C) => (r(), s("li", {
+          key: n(c, C),
           class: "vf-menu__item"
         }, [
-          d.$slots[s(c, C)] ? u(d.$slots, s(c, C), {
+          d.$slots[n(c, C)] ? u(d.$slots, n(c, C), {
             key: 0,
             item: { ...c, class: "vf-menu__link" }
-          }) : c.separator ? (r(), l("hr", Ko)) : c.hasOwnProperty("items") ? (r(), l(M, { key: 2 }, [
+          }) : c.separator ? (r(), s("hr", Uo)) : c.hasOwnProperty("items") ? (r(), s(M, { key: 2 }, [
             i("div", {
-              class: g(["vf-menu__parent", { "vf-menu__parent_active": c.active }]),
-              onClick: (P) => m(c)
+              class: h(["vf-menu__parent", { "vf-menu__parent_active": c.active }]),
+              onClick: (P) => b(c)
             }, [
-              c.icon ? (r(), y(h($), {
+              c.icon ? (r(), y(g(k), {
                 key: 0,
                 icon: c.icon,
                 class: "vf-menu__icon"
-              }, null, 8, ["icon"])) : _("", !0),
-              z(" " + S(c.label) + " ", 1),
-              w(h($), { icon: "chevronDown" })
-            ], 10, qo),
-            c.items ? (r(), y(h(Go), {
+              }, null, 8, ["icon"])) : m("", !0),
+              z(" " + O(c.label) + " ", 1),
+              S(g(k), { icon: "chevronDown" })
+            ], 10, Ko),
+            c.items ? (r(), y(g(qo), {
               key: 0,
               items: c.items,
-              class: g(["vf-menu__submenu", { "vf-menu__submenu_visible": c.subMenuVisible }]),
+              class: h(["vf-menu__submenu", { "vf-menu__submenu_visible": c.subMenuVisible }]),
               onOnActive: f
-            }, null, 8, ["items", "class"])) : _("", !0)
-          ], 64)) : (r(), y(h(V), {
+            }, null, 8, ["items", "class"])) : m("", !0)
+          ], 64)) : (r(), y(g(L), {
             key: 3,
             to: c.to,
             url: c.url,
-            type: n(c),
+            type: l(c),
             class: "vf-menu__link",
             active: c.active,
             disabled: c.disabled,
-            onClick: (P) => m(c),
+            onClick: (P) => b(c),
             onOnActive: (P) => f(c)
           }, {
-            default: p(() => [
-              c.icon ? (r(), y(h($), {
+            default: _(() => [
+              c.icon ? (r(), y(g(k), {
                 key: 0,
                 icon: c.icon,
                 class: "vf-menu__icon"
-              }, null, 8, ["icon"])) : _("", !0),
-              z(" " + S(c.label), 1)
+              }, null, 8, ["icon"])) : m("", !0),
+              z(" " + O(c.label), 1)
             ]),
             _: 2
           }, 1032, ["to", "url", "type", "active", "disabled", "onClick", "onOnActive"]))
@@ -602,36 +586,19 @@ const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
       ])
     ], 2));
   }
-}), Wo = { class: "vf-header" }, Jo = {
-  key: 0,
-  class: "vf-header__left"
-}, Qo = {
-  key: 1,
-  class: "vf-header__right"
-}, Xo = /* @__PURE__ */ k({
-  __name: "header",
-  setup(o) {
-    return (e, a) => (r(), l("header", Wo, [
-      w(h(L), null, {
-        default: p(() => [
-          e.$slots.left ? (r(), l("div", Jo, [
-            u(e.$slots, "left")
-          ])) : _("", !0),
-          e.$slots.right ? (r(), l("div", Qo, [
-            u(e.$slots, "right")
-          ])) : _("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), Yo = {}, er = { class: "vf-footer" };
-function or(o, e) {
-  return r(), l("footer", er, [
+}), Go = {}, Wo = { class: "vf-header" };
+function Jo(o, e) {
+  return r(), s("header", Wo, [
+    u(o.$slots, "default")
+  ]);
+}
+const Qo = /* @__PURE__ */ $(Go, [["render", Jo]]), Xo = {}, Yo = { class: "vf-footer" };
+function er(o, e) {
+  return r(), s("footer", Yo, [
     u(o.$slots, "default")
   ]);
 }
-const rr = /* @__PURE__ */ O(Yo, [["render", or]]), tr = ["disabled"], Lr = /* @__PURE__ */ k({
+const or = /* @__PURE__ */ $(Xo, [["render", er]]), rr = ["disabled"], zr = /* @__PURE__ */ F({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -647,150 +614,150 @@ const rr = /* @__PURE__ */ O(Yo, [["render", or]]), tr = ["disabled"], Lr = /* @
     disabled: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const e = o, a = F(() => {
-      let n = ["vf-button", `vf-button_${e.severity}`];
-      return ["top", "bottom"].includes(e.iconPos) && n.push("vf-button_vertical"), e.variant === "text" && n.push("vf-button_text"), e.variant === "outlined" && n.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && n.push(`vf-button_${e.size}`), (e.loading || e.disabled) && n.push("vf-button_disabled"), e.rounded && n.push("vf-button_rounded"), n;
-    }), t = F(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), s = F(() => ["vf-button__label"]);
-    return (n, m) => e.type === "button" ? (r(), l("button", {
+    const e = o, a = w(() => {
+      let l = ["vf-button", `vf-button_${e.severity}`];
+      return ["top", "bottom"].includes(e.iconPos) && l.push("vf-button_vertical"), e.variant === "text" && l.push("vf-button_text"), e.variant === "outlined" && l.push("vf-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && l.push(`vf-button_${e.size}`), (e.loading || e.disabled) && l.push("vf-button_disabled"), e.rounded && l.push("vf-button_rounded"), l;
+    }), t = w(() => ["vf-button__icon", `vf-button__icon_${e.iconPos}`]), n = w(() => ["vf-button__label"]);
+    return (l, b) => e.type === "button" ? (r(), s("button", {
       key: 0,
-      class: g(a.value),
+      class: h(a.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (r(), y(h($), {
+      e.icon && !e.loading ? (r(), y(g(k), {
         key: 0,
         icon: e.icon,
-        class: g(t.value)
-      }, null, 8, ["icon", "class"])) : _("", !0),
-      e.loading ? (r(), y(h($), {
+        class: h(t.value)
+      }, null, 8, ["icon", "class"])) : m("", !0),
+      e.loading ? (r(), y(g(k), {
         key: 1,
         icon: "circleNotch",
-        class: g(t.value),
+        class: h(t.value),
         spin: ""
-      }, null, 8, ["class"])) : _("", !0),
-      n.$slots.default ? (r(), l("span", {
+      }, null, 8, ["class"])) : m("", !0),
+      l.$slots.default ? (r(), s("span", {
         key: 2,
-        class: g(s.value)
+        class: h(n.value)
       }, [
-        u(n.$slots, "default")
-      ], 2)) : n.label ? (r(), l("span", {
+        u(l.$slots, "default")
+      ], 2)) : l.label ? (r(), s("span", {
         key: 3,
-        class: g(s.value)
-      }, S(n.label), 3)) : _("", !0)
-    ], 10, tr)) : (r(), y(h(V), {
+        class: h(n.value)
+      }, O(l.label), 3)) : m("", !0)
+    ], 10, rr)) : (r(), y(g(L), {
       key: 1,
       to: e.to,
       type: e.type,
-      class: g(a.value),
+      class: h(a.value),
       disabled: e.loading || e.disabled
     }, {
-      default: p(() => [
-        e.icon ? (r(), y(h($), {
+      default: _(() => [
+        e.icon ? (r(), y(g(k), {
           key: 0,
           icon: e.icon,
-          class: g(t.value)
-        }, null, 8, ["icon", "class"])) : _("", !0),
-        n.$slots.default ? (r(), l("span", {
+          class: h(t.value)
+        }, null, 8, ["icon", "class"])) : m("", !0),
+        l.$slots.default ? (r(), s("span", {
           key: 1,
-          class: g(s.value)
+          class: h(n.value)
         }, [
-          u(n.$slots, "default")
-        ], 2)) : n.label ? (r(), l("span", {
+          u(l.$slots, "default")
+        ], 2)) : l.label ? (r(), s("span", {
           key: 2,
-          class: g(s.value)
-        }, S(n.label), 3)) : _("", !0)
+          class: h(n.value)
+        }, O(l.label), 3)) : m("", !0)
       ]),
       _: 3
     }, 8, ["to", "type", "class", "disabled"]));
   }
-}), lr = {}, nr = { class: "vf-content" };
-function sr(o, e) {
-  return r(), l("div", nr, [
+}), tr = {}, lr = { class: "vf-content" };
+function nr(o, e) {
+  return r(), s("div", lr, [
     u(o.$slots, "default")
   ]);
 }
-const ar = /* @__PURE__ */ O(lr, [["render", sr]]), cr = { class: "vf-popover" }, Tr = /* @__PURE__ */ k({
+const sr = /* @__PURE__ */ $(tr, [["render", nr]]), ar = { class: "vf-popover" }, xr = /* @__PURE__ */ F({
   __name: "popover",
   emits: ["onClick"],
   setup(o, { expose: e, emit: a }) {
-    const t = a, s = J({ visible: !1 }), n = () => s.visible = !0, m = () => s.visible = !1, f = () => s.visible = !s.visible, d = () => t("onClick");
-    return e({ show: n, hide: m, toggle: f }), (v, c) => (r(), l("div", cr, [
+    const t = a, n = W({ visible: !1 }), l = () => n.visible = !0, b = () => n.visible = !1, f = () => n.visible = !n.visible, d = () => t("onClick");
+    return e({ show: l, hide: b, toggle: f }), (v, c) => (r(), s("div", ar, [
       i("div", {
         class: "vf-popover__button",
         onClick: d
       }, [
         u(v.$slots, "button")
       ]),
-      Q(w(h(me), { class: "vf-popover__wrapper" }, X({
-        default: p(() => [
+      J(S(g(_e), { class: "vf-popover__wrapper" }, Q({
+        default: _(() => [
           c[0] || (c[0] = i("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
         v.$slots.default ? {
           name: "default",
-          fn: p(() => [
+          fn: _(() => [
             u(v.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         v.$slots.popoverHeader ? {
           name: "header",
-          fn: p(() => [
+          fn: _(() => [
             u(v.$slots, "popoverHeader")
           ]),
           key: "1"
         } : void 0,
         v.$slots.popoverBody ? {
           name: "body",
-          fn: p(() => [
+          fn: _(() => [
             u(v.$slots, "popoverBody")
           ]),
           key: "2"
         } : void 0,
         v.$slots.popoverFooter ? {
           name: "footer",
-          fn: p(() => [
+          fn: _(() => [
             u(v.$slots, "popoverFooter")
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [Y, s.visible]
+        [X, n.visible]
       ])
     ]));
   }
-}), ir = {}, ur = { class: "vf-container" };
-function dr(o, e) {
-  return r(), l("div", ur, [
+}), cr = {}, ir = { class: "vf-container" };
+function ur(o, e) {
+  return r(), s("div", ir, [
     u(o.$slots, "default")
   ]);
 }
-const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace(/^#/, "").replace(/../g, (a) => ("0" + Math.min(255, Math.max(0, parseInt(a, 16) + e)).toString(16)).slice(-2)), vr = (o, e) => A(o, 16 * e), fr = (o, e) => A(o, -16 * e), E = (o) => {
-  const e = parseInt(o.replace("#", ""), 16), a = e >> 16 & 255, t = e >> 8 & 255, s = e & 255;
-  return `${a}, ${t}, ${s}`;
-}, hr = (o) => {
+const Lr = /* @__PURE__ */ $(cr, [["render", ur]]), Z = (o, e) => "#" + o.replace(/^#/, "").replace(/../g, (a) => ("0" + Math.min(255, Math.max(0, parseInt(a, 16) + e)).toString(16)).slice(-2)), dr = (o, e) => Z(o, 16 * e), vr = (o, e) => Z(o, -16 * e), R = (o) => {
+  const e = parseInt(o.replace("#", ""), 16), a = e >> 16 & 255, t = e >> 8 & 255, n = e & 255;
+  return `${a}, ${t}, ${n}`;
+}, fr = (o) => {
   const e = o.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, j = (o) => o.filter((e) => !pr.includes(e)).map((e) => hr(e)).join("-").toLowerCase(), pr = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], B = [], T = [], H = (o, e = []) => {
+}, j = (o) => o.filter((e) => !hr.includes(e)).map((e) => fr(e)).join("-").toLowerCase(), hr = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], B = [], x = [], A = (o, e = []) => {
   for (const a in o) {
-    const t = o[a], s = e.concat([a]);
+    const t = o[a], n = e.concat([a]);
     if (typeof t == "object")
-      H(t, s);
-    else if (s.some((n) => n === "theme") && s.some((n) => n === "preset")) {
-      if (s.some((n) => n === "colorScheme") && s.some((n) => n === "dark"))
-        T.push(`--vf-${j(s)}: ${t}`);
-      else if (B.push(`--vf-${j(s)}: ${t}`), s.some((n) => n === "colors") && (B.push(`--vf-${j(s)}-rgb: ${E(t)}`), a !== "white"))
-        for (let n = 1; n < 10; ++n) {
-          let m;
-          n < 5 ? m = vr(t, 5 - n) : m = fr(t, n - 5), B.push(`--vf-${j(s)}-${n}00: ${m}`), B.push(`--vf-${j(s)}-${n}00-rgb: ${E(m)}`);
+      A(t, n);
+    else if (n.some((l) => l === "theme") && n.some((l) => l === "preset")) {
+      if (n.some((l) => l === "colorScheme") && n.some((l) => l === "dark"))
+        x.push(`--vf-${j(n)}: ${t}`);
+      else if (B.push(`--vf-${j(n)}: ${t}`), n.some((l) => l === "colors") && (B.push(`--vf-${j(n)}-rgb: ${R(t)}`), a !== "white"))
+        for (let l = 1; l < 10; ++l) {
+          let b;
+          l < 5 ? b = dr(t, 5 - l) : b = vr(t, l - 5), B.push(`--vf-${j(n)}-${l}00: ${b}`), B.push(`--vf-${j(n)}-${l}00-rgb: ${R(b)}`);
         }
     }
   }
-}, xr = {
+}, Tr = {
   install(o, e) {
-    H(e), B.length && document.styleSheets[0].insertRule(`:root { ${B.join(";")} }`), T.length && document.styleSheets[0].insertRule(`:root[data-theme=dark] { ${T.join(";")} }`);
+    A(e), B.length && document.styleSheets[0].insertRule(`:root { ${B.join(";")} }`), x.length && document.styleSheets[0].insertRule(`:root[data-theme=dark] { ${x.join(";")} }`);
   }
-}, Z = {
+}, D = {
   colors: {
     white: "#ffffff",
     green: "#0cbc87",
@@ -821,7 +788,7 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
       dividerColor: "#2e2e32"
     }
   }
-}, gr = {
+}, pr = {
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
@@ -961,27 +928,27 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
       }
     }
   }
-}, br = {
+}, gr = {
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
-}, _r = {}, mr = {
+}, br = {}, _r = {
   padding: "12px"
-}, yr = {}, Cr = {}, wr = {
+}, mr = {}, yr = {}, Cr = {
   color: "var(--vf-secondary-text-color)",
   padding: "12px",
   borderColor: "var(--vf-border-color)",
   backgroundColor: "var(--vf-bg-color)"
-}, kr = {
+}, wr = {
   height: "60px",
   padding: "12px",
   minHeight: "60px",
   borderColor: "var(--vf-border-color)",
   backgroundColor: "var(--vf-bg-color)"
-}, Fr = {
+}, kr = {
   hoverColor: "var(--vf-blue)",
   activeColor: "var(--vf-blue)"
-}, $r = {}, Br = {
+}, Fr = {}, $r = {
   separatorColor: "var(--vf-border-color)",
   link: {
     hoverColor: "var(--vf-blue)",
@@ -997,40 +964,40 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Sr = {
+}, Br = {
   backgroundColor: "var(--vf-bg-color)"
 }, Vr = {
-  ...Z,
+  ...D,
   components: {
-    base: Z,
-    button: gr,
-    card: br,
-    codeBlock: _r,
-    container: mr,
-    content: yr,
-    demo: Cr,
-    footer: wr,
-    header: kr,
-    link: Fr,
-    logo: $r,
-    menu: Br,
-    popover: Sr
+    base: D,
+    button: pr,
+    card: gr,
+    codeBlock: br,
+    container: _r,
+    content: mr,
+    demo: yr,
+    footer: Cr,
+    header: wr,
+    link: kr,
+    logo: Fr,
+    menu: $r,
+    popover: Br
   }
 };
 export {
-  Lr as Button,
-  me as Card,
-  L as Container,
-  ar as Content,
-  jr as DefaultLayout,
+  zr as Button,
+  _e as Card,
+  Lr as Container,
+  sr as Content,
+  Or as DefaultLayout,
   Vr as DefaultTheme,
-  Mr as Demo,
-  rr as Footer,
-  Xo as Header,
-  Pr as LeftSidebarLayout,
-  V as Link,
-  zr as Logo,
-  Go as Menu,
-  Tr as Popover,
-  xr as VueForge
+  Pr as Demo,
+  or as Footer,
+  Qo as Header,
+  jr as LeftSidebarLayout,
+  L as Link,
+  Mr as Logo,
+  qo as Menu,
+  xr as Popover,
+  Tr as VueForge
 };