@codemonster-ru/vueforge 0.2.0 → 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 f, withCtx as h, renderSlot as u, createElementVNode as i, inject as I, ref as U, computed as F, normalizeClass as p, Fragment as M, createTextVNode as z, toDisplayString as S, createBlock as y, createCommentVNode as b, 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, s) => {
-      const t = x("router-view");
-      return r(), l("div", ee, [
-        w(f(Xo), null, {
-          left: h(() => [
-            u(e.$slots, "headerLeft")
-          ]),
-          right: h(() => [
-            u(e.$slots, "headerRight")
-          ]),
-          _: 3
-        }),
-        w(f(sr), null, {
-          default: h(() => [
-            w(f(L), null, {
-              default: h(() => [
-                w(t)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        w(f(rr), null, {
-          default: h(() => [
-            w(f(L), null, {
-              default: h(() => [
-                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) => {
-  const s = o.__vccOpts || o;
-  for (const [t, c] of e)
-    s[t] = c;
-  return s;
-}, oe = {}, re = { class: "cm-left-sidebar-flexbox" }, te = { class: "cm-left-sidebar" }, le = { class: "cm-main-content" };
-function ne(o, e) {
-  const s = x("router-view");
-  return r(), l("div", re, [
-    i("div", te, [
+}), $ = (o, e) => {
+  const a = o.__vccOpts || o;
+  for (const [t, n] of e)
+    a[t] = n;
+  return a;
+}, 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(s)
+    i("div", te, [
+      S(a)
     ])
   ]);
 }
-const Pr = /* @__PURE__ */ O(oe, [["render", ne]]), ce = {}, se = { class: "cm-demo" };
+const jr = /* @__PURE__ */ $(ee, [["render", le]]), ne = {}, se = { class: "vf-demo" };
 function ae(o, e) {
-  return r(), l("div", se, [
+  return r(), s("div", se, [
     u(o.$slots, "default")
   ]);
 }
-const Mr = /* @__PURE__ */ O(ce, [["render", ae]]);
+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 s = e, t = o, c = ue(), n = U(null), _ = F(() => (t.type === "router-link" && c.matched.some(({ name: m }) => t.to.name === m) && s("onActive"), t.active));
-    return (m, d) => {
-      const v = x("router-link");
-      return m.type === "a" ? (r(), l("a", {
+    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 = E("router-link");
+      return f.type === "a" ? (r(), s("a", {
         key: 0,
-        href: m.url,
-        class: p(["cm-link", { "cm-link_active": m.active, "cm-link_disabled": m.disabled }])
+        href: f.url,
+        class: h(["vf-link", { "vf-link_active": f.active, "vf-link_disabled": f.disabled }])
       }, [
-        m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
-          z(S(m.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,
-        to: m.to,
-        class: p(["cm-link", { "cm-link_active": _.value }]),
-        disabled: m.disabled,
-        "active-class": "cm-link_partially-active",
-        "exact-active-class": "cm-link_active"
+        ref: l,
+        to: f.to,
+        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: h(() => [
-          m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
-            z(S(m.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 = {}, me = { class: "cm-card" }, fe = {
+}), de = {}, ve = { class: "vf-card" }, fe = {
   key: 0,
-  class: "cm-card__default"
+  class: "vf-card__default"
 }, he = {
   key: 1,
-  class: "cm-card__header"
+  class: "vf-card__header"
 }, pe = {
   key: 2,
-  class: "cm-card__body"
+  class: "vf-card__body"
 }, ge = {
   key: 3,
-  class: "cm-card__footer"
+  class: "vf-card__footer"
 };
 function be(o, e) {
-  return r(), l("div", me, [
-    o.$slots.default ? (r(), l("div", fe, [
+  return r(), s("div", ve, [
+    o.$slots.default ? (r(), s("div", fe, [
       u(o.$slots, "default")
-    ])) : b("", !0),
-    o.$slots.header ? (r(), l("div", he, [
+    ])) : m("", !0),
+    o.$slots.header ? (r(), s("div", he, [
       u(o.$slots, "header")
-    ])) : b("", !0),
-    o.$slots.body ? (r(), l("div", pe, [
+    ])) : m("", !0),
+    o.$slots.body ? (r(), s("div", pe, [
       u(o.$slots, "body")
-    ])) : b("", !0),
-    o.$slots.footer ? (r(), l("div", ge, [
+    ])) : m("", !0),
+    o.$slots.footer ? (r(), s("div", ge, [
       u(o.$slots, "footer")
-    ])) : b("", !0)
+    ])) : m("", !0)
   ]);
 }
-const _e = /* @__PURE__ */ O(ve, [["render", be]]), ye = { class: "cm-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 _e = /* @__PURE__ */ O(ve, [["render", be]]), ye = { class: "cm-logo" }, C
     height: { default: void 0 }
   },
   setup(o) {
-    const e = o, s = F(() => Array.isArray(e.src) ? e.dark ? e.src[1] : e.src[0] : e.src);
-    return (t, c) => (r(), l("div", ye, [
-      t.type.length ? (r(), y(f(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: h(() => [
+        default: _(() => [
           i("img", {
-            src: s.value,
+            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: s.value,
+        src: a.value,
         width: t.width,
         height: t.height,
         alt: t.alt
-      }, null, 8, we))
+      }, null, 8, Ce))
     ]));
   }
-}), g = (o, e) => {
-  const s = o.__vccOpts || o;
-  for (const [t, c] of e)
-    s[t] = c;
-  return s;
-}, ke = {}, Fe = {
+}), p = (o, e) => {
+  const a = o.__vccOpts || o;
+  for (const [t, n] of e)
+    a[t] = n;
+  return a;
+}, 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__ */ g(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__ */ g(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__ */ g(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__ */ g(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__ */ g(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__ */ g(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__ */ g(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 co(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,27 +351,27 @@ function co(o, e) {
     }, null, -1)
   ]));
 }
-const so = /* @__PURE__ */ g(lo, [["render", co]]), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const so = /* @__PURE__ */ p(to, [["render", no]]), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: so
-}, Symbol.toStringTag, { value: "Module" })), io = {}, uo = {
+}, 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 mo = /* @__PURE__ */ g(io, [["render", vo]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vo = /* @__PURE__ */ p(co, [["render", uo]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mo
+  default: vo
 }, Symbol.toStringTag, { value: "Module" })), ho = {}, po = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
@@ -396,61 +380,61 @@ const mo = /* @__PURE__ */ g(io, [["render", vo]]), fo = /* @__PURE__ */ Object.
   height: "16"
 };
 function go(o, e) {
-  return r(), l("svg", po, e[0] || (e[0] = [
+  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 bo = /* @__PURE__ */ g(ho, [["render", go]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const bo = /* @__PURE__ */ p(ho, [["render", go]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: bo
-}, Symbol.toStringTag, { value: "Module" })), yo = {}, Co = {
+}, 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__ */ g(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__ */ g($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,48 +445,48 @@ function zo(o, e) {
     }, null, -1)
   ]));
 }
-const Lo = /* @__PURE__ */ g(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__ */ g(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, s) => {
+  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((c, 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 !== s ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + e + (e.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
-}, 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__ */ g(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
     }
   },
   setup(o) {
-    const e = o, s = F(() => {
-      const c = 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(() => _o), "./chevronLeft.vue": () => Promise.resolve().then(() => Fo), "./chevronRight.vue": () => Promise.resolve().then(() => jo), "./chevronUp.vue": () => Promise.resolve().then(() => fo), "./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(() => ao), "./sun.vue": () => Promise.resolve().then(() => Se), "./user.vue": () => Promise.resolve().then(() => Ae) }), `./${c}.vue`, 2));
-    }), t = F(() => {
-      let c = ["cm-icon"];
-      return e.spin && c.push("cm-icon_animations_spin"), c;
+    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 (c, n) => (r(), y(q(s.value), {
-      class: p(t.value)
+    return (n, l) => (r(), y(K(a.value), {
+      class: h(t.value)
     }, null, 8, ["class"]));
   }
-}), $ = /* @__PURE__ */ g(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: "cm-menu__list" }, Ko = {
+  default: k
+}, Symbol.toStringTag, { value: "Module" })), Io = { class: "vf-menu__list" }, Uo = {
   key: 1,
-  class: "cm-menu__separator"
-}, qo = ["onClick"], Go = /* @__PURE__ */ k({
+  class: "vf-menu__separator"
+}, Ko = ["onClick"], qo = /* @__PURE__ */ F({
   __name: "menu",
   props: {
     items: {},
@@ -535,66 +519,66 @@ const Do = /* @__PURE__ */ g(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
   },
   emits: ["onActive"],
   setup(o, { emit: e }) {
-    const s = e, t = o, c = (d, v) => `${d.label}_${v.toString()}`, n = (d) => Object.prototype.hasOwnProperty.call(d, "to") ? "router-link" : "a", _ = (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();
-    }, m = (d) => {
+    }, f = (d) => {
       var v;
-      for (const a in t.items) {
-        const C = t.items[a];
+      for (const c in t.items) {
+        const C = t.items[c];
         Object.prototype.hasOwnProperty.call(C, "items") && ((v = C.items) != null && v.some((P) => P === d) ? (C.active = !0, C.subMenuVisible = !0) : (C.active = !1, C.subMenuVisible = !1));
       }
-      s("onActive", d);
+      a("onActive", d);
     };
-    return (d, v) => (r(), l("div", {
-      class: p(["cm-menu", `cm-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, (a, C) => (r(), l("li", {
-          key: c(a, C),
-          class: "cm-menu__item"
+      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[c(a, C)] ? u(d.$slots, c(a, C), {
+          d.$slots[n(c, C)] ? u(d.$slots, n(c, C), {
             key: 0,
-            item: { ...a, class: "cm-menu__link" }
-          }) : a.separator ? (r(), l("hr", Ko)) : a.hasOwnProperty("items") ? (r(), l(M, { key: 2 }, [
+            item: { ...c, class: "vf-menu__link" }
+          }) : c.separator ? (r(), s("hr", Uo)) : c.hasOwnProperty("items") ? (r(), s(M, { key: 2 }, [
             i("div", {
-              class: p(["cm-menu__parent", { "cm-menu__parent_active": a.active }]),
-              onClick: (P) => _(a)
+              class: h(["vf-menu__parent", { "vf-menu__parent_active": c.active }]),
+              onClick: (P) => b(c)
             }, [
-              a.icon ? (r(), y(f($), {
+              c.icon ? (r(), y(g(k), {
                 key: 0,
-                icon: a.icon,
-                class: "cm-menu__icon"
-              }, null, 8, ["icon"])) : b("", !0),
-              z(" " + S(a.label) + " ", 1),
-              w(f($), { icon: "chevronDown" })
-            ], 10, qo),
-            a.items ? (r(), y(f(Go), {
+                icon: c.icon,
+                class: "vf-menu__icon"
+              }, 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: a.items,
-              class: p(["cm-menu__submenu", { "cm-menu__submenu_visible": a.subMenuVisible }]),
-              onOnActive: m
-            }, null, 8, ["items", "class"])) : b("", !0)
-          ], 64)) : (r(), y(f(V), {
+              items: c.items,
+              class: h(["vf-menu__submenu", { "vf-menu__submenu_visible": c.subMenuVisible }]),
+              onOnActive: f
+            }, null, 8, ["items", "class"])) : m("", !0)
+          ], 64)) : (r(), y(g(L), {
             key: 3,
-            to: a.to,
-            url: a.url,
-            type: n(a),
-            class: "cm-menu__link",
-            active: a.active,
-            disabled: a.disabled,
-            onClick: (P) => _(a),
-            onOnActive: (P) => m(a)
+            to: c.to,
+            url: c.url,
+            type: l(c),
+            class: "vf-menu__link",
+            active: c.active,
+            disabled: c.disabled,
+            onClick: (P) => b(c),
+            onOnActive: (P) => f(c)
           }, {
-            default: h(() => [
-              a.icon ? (r(), y(f($), {
+            default: _(() => [
+              c.icon ? (r(), y(g(k), {
                 key: 0,
-                icon: a.icon,
-                class: "cm-menu__icon"
-              }, null, 8, ["icon"])) : b("", !0),
-              z(" " + S(a.label), 1)
+                icon: c.icon,
+                class: "vf-menu__icon"
+              }, 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__ */ g(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
       ])
     ], 2));
   }
-}), Wo = { class: "cm-header" }, Jo = {
-  key: 0,
-  class: "cm-header__left"
-}, Qo = {
-  key: 1,
-  class: "cm-header__right"
-}, Xo = /* @__PURE__ */ k({
-  __name: "header",
-  setup(o) {
-    return (e, s) => (r(), l("header", Wo, [
-      w(f(L), null, {
-        default: h(() => [
-          e.$slots.left ? (r(), l("div", Jo, [
-            u(e.$slots, "left")
-          ])) : b("", !0),
-          e.$slots.right ? (r(), l("div", Qo, [
-            u(e.$slots, "right")
-          ])) : b("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), Yo = {}, er = { class: "cm-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 rr = /* @__PURE__ */ O(Yo, [["render", or]]), tr = ["disabled"], Lr = /* @__PURE__ */ k({
+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 or = /* @__PURE__ */ $(Xo, [["render", er]]), rr = ["disabled"], zr = /* @__PURE__ */ F({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -647,161 +614,150 @@ const rr = /* @__PURE__ */ O(Yo, [["render", or]]), tr = ["disabled"], Lr = /* @
     disabled: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const e = o, s = F(() => {
-      let n = [
-        "cm-button",
-        `cm-button_${e.severity}`
-      ];
-      return ["top", "bottom"].includes(e.iconPos) && n.push("cm-button_vertical"), e.variant === "text" && n.push("cm-button_text"), e.variant === "outlined" && n.push("cm-button_outlined"), ["small", "large"].indexOf(e.size) > -1 && n.push(`cm-button_${e.size}`), (e.loading || e.disabled) && n.push("cm-button_disabled"), e.rounded && n.push("cm-button_rounded"), n;
-    }), t = F(() => ["cm-button__icon", `cm-button__icon_${e.iconPos}`]), c = F(() => ["cm-button__label"]);
-    return (n, _) => 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: p(s.value),
+      class: h(a.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (r(), y(f($), {
+      e.icon && !e.loading ? (r(), y(g(k), {
         key: 0,
         icon: e.icon,
-        class: p(t.value)
-      }, null, 8, ["icon", "class"])) : b("", !0),
-      e.loading ? (r(), y(f($), {
+        class: h(t.value)
+      }, null, 8, ["icon", "class"])) : m("", !0),
+      e.loading ? (r(), y(g(k), {
         key: 1,
         icon: "circleNotch",
-        class: p(t.value),
+        class: h(t.value),
         spin: ""
-      }, null, 8, ["class"])) : b("", !0),
-      n.$slots.default ? (r(), l("span", {
+      }, null, 8, ["class"])) : m("", !0),
+      l.$slots.default ? (r(), s("span", {
         key: 2,
-        class: p(c.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: p(c.value)
-      }, S(n.label), 3)) : b("", !0)
-    ], 10, tr)) : (r(), y(f(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: p(s.value),
+      class: h(a.value),
       disabled: e.loading || e.disabled
     }, {
-      default: h(() => [
-        e.icon ? (r(), y(f($), {
+      default: _(() => [
+        e.icon ? (r(), y(g(k), {
           key: 0,
           icon: e.icon,
-          class: p(t.value)
-        }, null, 8, ["icon", "class"])) : b("", !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: p(c.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: p(c.value)
-        }, S(n.label), 3)) : b("", !0)
+          class: h(n.value)
+        }, O(l.label), 3)) : m("", !0)
       ]),
       _: 3
     }, 8, ["to", "type", "class", "disabled"]));
   }
-}), lr = {}, nr = { class: "cm-content" };
-function cr(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 sr = /* @__PURE__ */ O(lr, [["render", cr]]), ar = { class: "cm-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: s }) {
-    const t = s, c = J({ visible: !1 }), n = () => c.visible = !0, _ = () => c.visible = !1, m = () => c.visible = !c.visible, d = () => t("onClick");
-    return e({ show: n, hide: _, toggle: m }), (v, a) => (r(), l("div", ar, [
+  setup(o, { expose: e, emit: a }) {
+    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: "cm-popover__button",
+        class: "vf-popover__button",
         onClick: d
       }, [
         u(v.$slots, "button")
       ]),
-      Q(w(f(_e), { class: "cm-popover__wrapper" }, X({
-        default: h(() => [
-          a[0] || (a[0] = i("div", { class: "cm-popover__arrow" }, null, -1))
+      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: h(() => [
+          fn: _(() => [
             u(v.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         v.$slots.popoverHeader ? {
           name: "header",
-          fn: h(() => [
+          fn: _(() => [
             u(v.$slots, "popoverHeader")
           ]),
           key: "1"
         } : void 0,
         v.$slots.popoverBody ? {
           name: "body",
-          fn: h(() => [
+          fn: _(() => [
             u(v.$slots, "popoverBody")
           ]),
           key: "2"
         } : void 0,
         v.$slots.popoverFooter ? {
           name: "footer",
-          fn: h(() => [
+          fn: _(() => [
             u(v.$slots, "popoverFooter")
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [Y, c.visible]
+        [X, n.visible]
       ])
     ]));
   }
-}), ir = {}, ur = { class: "cm-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, (s) => ("0" + Math.min(255, Math.max(0, parseInt(s, 16) + e)).toString(16)).slice(-2)), vr = (o, e) => A(o, 16 * e), mr = (o, e) => A(o, -16 * e), E = (o) => {
-  const e = parseInt(o.replace("#", ""), 16), s = e >> 16 & 255, t = e >> 8 & 255, c = e & 255;
-  return `${s}, ${t}, ${c}`;
+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) => !hr.includes(e)).map((e) => fr(e)).join("-").toLowerCase(), hr = [
-  "dark",
-  "light",
-  "theme",
-  "preset",
-  "colors",
-  "components",
-  "colorScheme"
-], B = [], T = [], H = (o, e = []) => {
-  for (const s in o) {
-    const t = o[s], c = e.concat([s]);
+}, 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], n = e.concat([a]);
     if (typeof t == "object")
-      H(t, c);
-    else if (c.some((n) => n === "theme") && c.some((n) => n === "preset")) {
-      if (c.some((n) => n === "colorScheme") && c.some((n) => n === "dark"))
-        T.push(`--cm-${j(c)}: ${t}`);
-      else if (B.push(`--cm-${j(c)}: ${t}`), c.some((n) => n === "colors") && (B.push(`--cm-${j(c)}-rgb: ${E(t)}`), s !== "white"))
-        for (let n = 1; n < 10; ++n) {
-          let _;
-          n < 5 ? _ = vr(t, 5 - n) : _ = mr(t, n - 5), B.push(`--cm-${j(c)}-${n}00: ${_}`), B.push(`--cm-${j(c)}-${n}00-rgb: ${E(_)}`);
+      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",
@@ -849,158 +805,158 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
       primary: {
         color: "#FFFFFF",
         hoverColor: "#FFFFFF",
-        borderColor: "var(--cm-blue)",
+        borderColor: "var(--vf-blue)",
         activeColor: "#FFFFFF",
-        backgroundColor: "var(--cm-blue)",
-        hoverBorderColor: "var(--cm-blue-600)",
-        activeBorderColor: "var(--cm-blue-700)",
-        hoverBackgroundColor: "var(--cm-blue-600)",
-        activeBackgroundColor: "var(--cm-blue-700)"
+        backgroundColor: "var(--vf-blue)",
+        hoverBorderColor: "var(--vf-blue-600)",
+        activeBorderColor: "var(--vf-blue-700)",
+        hoverBackgroundColor: "var(--vf-blue-600)",
+        activeBackgroundColor: "var(--vf-blue-700)"
       },
       secondary: {
         color: "#FFFFFF",
         hoverColor: "#FFFFFF",
-        borderColor: "var(--cm-gray)",
+        borderColor: "var(--vf-gray)",
         activeColor: "#FFFFFF",
-        backgroundColor: "var(--cm-gray)",
-        hoverBorderColor: "var(--cm-gray-600)",
-        activeBorderColor: "var(--cm-gray-700)",
-        hoverBackgroundColor: "var(--cm-gray-600)",
-        activeBackgroundColor: "var(--cm-gray-700)"
+        backgroundColor: "var(--vf-gray)",
+        hoverBorderColor: "var(--vf-gray-600)",
+        activeBorderColor: "var(--vf-gray-700)",
+        hoverBackgroundColor: "var(--vf-gray-600)",
+        activeBackgroundColor: "var(--vf-gray-700)"
       },
       success: {
         color: "#FFFFFF",
         hoverColor: "#FFFFFF",
-        borderColor: "var(--cm-green)",
+        borderColor: "var(--vf-green)",
         activeColor: "#FFFFFF",
-        backgroundColor: "var(--cm-green)",
-        hoverBorderColor: "var(--cm-green-600)",
-        activeBorderColor: "var(--cm-green-700)",
-        hoverBackgroundColor: "var(--cm-green-600)",
-        activeBackgroundColor: "var(--cm-green-700)"
+        backgroundColor: "var(--vf-green)",
+        hoverBorderColor: "var(--vf-green-600)",
+        activeBorderColor: "var(--vf-green-700)",
+        hoverBackgroundColor: "var(--vf-green-600)",
+        activeBackgroundColor: "var(--vf-green-700)"
       },
       danger: {
         color: "#FFFFFF",
         hoverColor: "#FFFFFF",
-        borderColor: "var(--cm-red)",
+        borderColor: "var(--vf-red)",
         activeColor: "#FFFFFF",
-        backgroundColor: "var(--cm-red)",
-        hoverBorderColor: "var(--cm-red-600)",
-        activeBorderColor: "var(--cm-red-700)",
-        hoverBackgroundColor: "var(--cm-red-600)",
-        activeBackgroundColor: "var(--cm-red-700)"
+        backgroundColor: "var(--vf-red)",
+        hoverBorderColor: "var(--vf-red-600)",
+        activeBorderColor: "var(--vf-red-700)",
+        hoverBackgroundColor: "var(--vf-red-600)",
+        activeBackgroundColor: "var(--vf-red-700)"
       },
       warning: {
         color: "#FFFFFF",
         hoverColor: "#FFFFFF",
-        borderColor: "var(--cm-yellow)",
+        borderColor: "var(--vf-yellow)",
         activeColor: "#FFFFFF",
-        backgroundColor: "var(--cm-yellow)",
-        hoverBorderColor: "var(--cm-yellow-600)",
-        activeBorderColor: "var(--cm-yellow-700)",
-        hoverBackgroundColor: "var(--cm-yellow-600)",
-        activeBackgroundColor: "var(--cm-yellow-700)"
+        backgroundColor: "var(--vf-yellow)",
+        hoverBorderColor: "var(--vf-yellow-600)",
+        activeBorderColor: "var(--vf-yellow-700)",
+        hoverBackgroundColor: "var(--vf-yellow-600)",
+        activeBackgroundColor: "var(--vf-yellow-700)"
       },
       info: {
         color: "#FFFFFF",
         hoverColor: "#FFFFFF",
-        borderColor: "var(--cm-sky)",
+        borderColor: "var(--vf-sky)",
         activeColor: "#FFFFFF",
-        backgroundColor: "var(--cm-sky)",
-        hoverBorderColor: "var(--cm-sky-600)",
-        activeBorderColor: "var(--cm-sky-700)",
-        hoverBackgroundColor: "var(--cm-sky-600)",
-        activeBackgroundColor: "var(--cm-sky-700)"
+        backgroundColor: "var(--vf-sky)",
+        hoverBorderColor: "var(--vf-sky-600)",
+        activeBorderColor: "var(--vf-sky-700)",
+        hoverBackgroundColor: "var(--vf-sky-600)",
+        activeBackgroundColor: "var(--vf-sky-700)"
       },
       text: {
         primary: {
-          color: "var(--cm-blue)",
-          hoverBackgroundColor: "rgba(var(--cm-blue-600-rgb), .1)"
+          color: "var(--vf-blue)",
+          hoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), .1)"
         },
         secondary: {
-          color: "var(--cm-gray)",
-          hoverBackgroundColor: "rgba(var(--cm-gray-600-rgb), .1)"
+          color: "var(--vf-gray)",
+          hoverBackgroundColor: "rgba(var(--vf-gray-600-rgb), .1)"
         },
         success: {
-          color: "var(--cm-green)",
-          hoverBackgroundColor: "rgba(var(--cm-green-600-rgb), .1)"
+          color: "var(--vf-green)",
+          hoverBackgroundColor: "rgba(var(--vf-green-600-rgb), .1)"
         },
         danger: {
-          color: "var(--cm-red)",
-          hoverBackgroundColor: "rgba(var(--cm-red-600-rgb), .1)"
+          color: "var(--vf-red)",
+          hoverBackgroundColor: "rgba(var(--vf-red-600-rgb), .1)"
         },
         warning: {
-          color: "var(--cm-yellow)",
-          hoverBackgroundColor: "rgba(var(--cm-yellow-600-rgb), .1)"
+          color: "var(--vf-yellow)",
+          hoverBackgroundColor: "rgba(var(--vf-yellow-600-rgb), .1)"
         },
         info: {
-          color: "var(--cm-sky)",
-          hoverBackgroundColor: "rgba(var(--cm-sky-600-rgb), .1)"
+          color: "var(--vf-sky)",
+          hoverBackgroundColor: "rgba(var(--vf-sky-600-rgb), .1)"
         }
       },
       outlined: {
         primary: {
-          color: "var(--cm-blue)",
-          borderColor: "rgba(var(--cm-blue-rgb), .4)",
-          hoverBackgroundColor: "rgba(var(--cm-blue-600-rgb), .1)"
+          color: "var(--vf-blue)",
+          borderColor: "rgba(var(--vf-blue-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--vf-blue-600-rgb), .1)"
         },
         secondary: {
-          color: "var(--cm-gray)",
-          borderColor: "rgba(var(--cm-gray-rgb), .4)",
-          hoverBackgroundColor: "rgba(var(--cm-gray-600-rgb), .1)"
+          color: "var(--vf-gray)",
+          borderColor: "rgba(var(--vf-gray-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--vf-gray-600-rgb), .1)"
         },
         success: {
-          color: "var(--cm-green)",
-          borderColor: "rgba(var(--cm-green-rgb), .4)",
-          hoverBackgroundColor: "rgba(var(--cm-green-600-rgb), .1)"
+          color: "var(--vf-green)",
+          borderColor: "rgba(var(--vf-green-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--vf-green-600-rgb), .1)"
         },
         danger: {
-          color: "var(--cm-red)",
-          borderColor: "rgba(var(--cm-red-rgb), .4)",
-          hoverBackgroundColor: "rgba(var(--cm-red-600-rgb), .1)"
+          color: "var(--vf-red)",
+          borderColor: "rgba(var(--vf-red-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--vf-red-600-rgb), .1)"
         },
         warning: {
-          color: "var(--cm-yellow)",
-          borderColor: "rgba(var(--cm-yellow-rgb), .4)",
-          hoverBackgroundColor: "rgba(var(--cm-yellow-600-rgb), .1)"
+          color: "var(--vf-yellow)",
+          borderColor: "rgba(var(--vf-yellow-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--vf-yellow-600-rgb), .1)"
         },
         info: {
-          color: "var(--cm-sky)",
-          borderColor: "rgba(var(--cm-sky-rgb), .4)",
-          hoverBackgroundColor: "rgba(var(--cm-sky-600-rgb), .1)"
+          color: "var(--vf-sky)",
+          borderColor: "rgba(var(--vf-sky-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--vf-sky-600-rgb), .1)"
         }
       }
     }
   }
 }, gr = {
   padding: "12px",
-  borderColor: "var(--cm-border-color)",
+  borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
 }, br = {}, _r = {
   padding: "12px"
-}, yr = {}, Cr = {}, wr = {
-  color: "var(--cm-secondary-text-color)",
+}, mr = {}, yr = {}, Cr = {
+  color: "var(--vf-secondary-text-color)",
   padding: "12px",
-  borderColor: "var(--cm-border-color)",
-  backgroundColor: "var(--cm-bg-color)"
-}, kr = {
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)"
+}, wr = {
   height: "60px",
   padding: "12px",
   minHeight: "60px",
-  borderColor: "var(--cm-border-color)",
-  backgroundColor: "var(--cm-bg-color)"
-}, Fr = {
-  hoverColor: "var(--cm-blue)",
-  activeColor: "var(--cm-blue)"
-}, $r = {}, Br = {
-  separatorColor: "var(--cm-border-color)",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)"
+}, kr = {
+  hoverColor: "var(--vf-blue)",
+  activeColor: "var(--vf-blue)"
+}, Fr = {}, $r = {
+  separatorColor: "var(--vf-border-color)",
   link: {
-    hoverColor: "var(--cm-blue)",
-    activeColor: "var(--cm-blue)"
+    hoverColor: "var(--vf-blue)",
+    activeColor: "var(--vf-blue)"
   },
   parent: {
-    hoverColor: "var(--cm-secondary-text-color)",
-    activeColor: "var(--cm-blue)"
+    hoverColor: "var(--vf-secondary-text-color)",
+    activeColor: "var(--vf-blue)"
   },
   item: {
     marginTop: "0.5rem",
@@ -1008,40 +964,40 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Sr = {
-  backgroundColor: "var(--cm-bg-color)"
+}, Br = {
+  backgroundColor: "var(--vf-bg-color)"
 }, Vr = {
-  ...Z,
+  ...D,
   components: {
-    base: Z,
+    base: D,
     button: pr,
     card: gr,
     codeBlock: br,
     container: _r,
-    content: yr,
-    demo: Cr,
-    footer: wr,
-    header: kr,
-    link: Fr,
-    logo: $r,
-    menu: Br,
-    popover: Sr
+    content: mr,
+    demo: yr,
+    footer: Cr,
+    header: wr,
+    link: kr,
+    logo: Fr,
+    menu: $r,
+    popover: Br
   }
 };
 export {
-  Lr as Button,
+  zr as Button,
   _e as Card,
-  L as Container,
+  Lr as Container,
   sr as Content,
-  jr as DefaultLayout,
+  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
 };