@codemonster-ru/vueforge 0.1.1 → 0.2.1

package/dist/index.ts.mjs

@@ -1,23 +1,23 @@
-import { defineComponent as k, resolveComponent as x, openBlock as r, createElementBlock as l, Fragment as P, 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, 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 Or = /* @__PURE__ */ k({
+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({
   __name: "defaultLayout",
   setup(o) {
-    return (e, s) => {
+    return (e, a) => {
       const t = x("router-view");
-      return r(), l(P, null, [
-        w(f(Qo), null, {
-          left: h(() => [
+      return r(), l("div", ee, [
+        w(h(Xo), null, {
+          left: p(() => [
             u(e.$slots, "headerLeft")
           ]),
-          right: h(() => [
+          right: p(() => [
             u(e.$slots, "headerRight")
           ]),
           _: 3
         }),
-        w(f(cr), null, {
-          default: h(() => [
-            w(f(L), null, {
-              default: h(() => [
+        w(h(ar), null, {
+          default: p(() => [
+            w(h(L), null, {
+              default: p(() => [
                 w(t)
               ]),
               _: 1
@@ -25,10 +25,10 @@ const Or = /* @__PURE__ */ k({
           ]),
           _: 1
         }),
-        w(f(or), null, {
-          default: h(() => [
-            w(f(L), null, {
-              default: h(() => [
+        w(h(rr), null, {
+          default: p(() => [
+            w(h(L), null, {
+              default: p(() => [
                 u(e.$slots, "footerDefault")
               ]),
               _: 3
@@ -36,33 +36,33 @@ const Or = /* @__PURE__ */ k({
           ]),
           _: 3
         })
-      ], 64);
+      ]);
     };
   }
 }), O = (o, e) => {
-  const s = o.__vccOpts || o;
-  for (const [t, c] of e)
-    s[t] = c;
-  return s;
-}, ee = {}, oe = { class: "cm-left-sidebar-flexbox" }, re = { class: "cm-left-sidebar" }, te = { class: "cm-main-content" };
-function le(o, e) {
-  const s = x("router-view");
-  return r(), l("div", oe, [
-    i("div", re, [
+  const a = o.__vccOpts || o;
+  for (const [t, s] of e)
+    a[t] = s;
+  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, [
       u(o.$slots, "leftSidebar")
     ]),
-    i("div", te, [
-      w(s)
+    i("div", le, [
+      w(a)
     ])
   ]);
 }
-const jr = /* @__PURE__ */ O(ee, [["render", le]]), ne = {}, ce = { class: "cm-demo" };
-function se(o, e) {
-  return r(), l("div", ce, [
+const Pr = /* @__PURE__ */ O(oe, [["render", ne]]), se = {}, ae = { class: "vf-demo" };
+function ce(o, e) {
+  return r(), l("div", ae, [
     u(o.$slots, "default")
   ]);
 }
-const Pr = /* @__PURE__ */ O(ne, [["render", se]]);
+const Mr = /* @__PURE__ */ O(se, [["render", ce]]);
 /*!
   * vue-router v4.5.0
   * (c) 2024 Eduardo San Martin Morote
@@ -84,12 +84,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 ae = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+const ie = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
-function ie(o) {
-  return I(ae);
+function ue(o) {
+  return I(ie);
 }
-const ue = ["href"], V = /* @__PURE__ */ k({
+const de = ["href"], V = /* @__PURE__ */ k({
   __name: "link",
   props: {
     to: { default: "" },
@@ -101,66 +101,66 @@ const ue = ["href"], V = /* @__PURE__ */ k({
   },
   emits: ["onActive"],
   setup(o, { emit: e }) {
-    const s = e, t = o, c = ie(), 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 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));
+    return (f, d) => {
       const v = x("router-link");
-      return m.type === "a" ? (r(), l("a", {
+      return f.type === "a" ? (r(), l("a", {
         key: 0,
-        href: m.url,
-        class: p(["cm-link", { "cm-link_active": m.active, "cm-link_disabled": m.disabled }])
+        href: f.url,
+        class: g(["vf-link", { "vf-link_active": f.active, "vf-link_disabled": f.disabled }])
       }, [
-        m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(P, { key: 1 }, [
-          z(S(m.label), 1)
+        f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
+          z(S(f.label), 1)
         ], 64))
-      ], 10, ue)) : (r(), y(v, {
+      ], 10, de)) : (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"
+        to: f.to,
+        class: g(["vf-link", { "vf-link_active": m.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(P, { key: 1 }, [
-            z(S(m.label), 1)
+        default: p(() => [
+          f.$slots.default ? u(f.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
+            z(S(f.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["to", "class", "disabled"]));
     };
   }
-}), de = {}, ve = { class: "cm-card" }, me = {
+}), ve = {}, fe = { class: "vf-card" }, he = {
   key: 0,
-  class: "cm-card__default"
-}, fe = {
+  class: "vf-card__default"
+}, pe = {
   key: 1,
-  class: "cm-card__header"
-}, he = {
+  class: "vf-card__header"
+}, ge = {
   key: 2,
-  class: "cm-card__body"
-}, pe = {
+  class: "vf-card__body"
+}, be = {
   key: 3,
-  class: "cm-card__footer"
+  class: "vf-card__footer"
 };
-function ge(o, e) {
-  return r(), l("div", ve, [
-    o.$slots.default ? (r(), l("div", me, [
+function _e(o, e) {
+  return r(), l("div", fe, [
+    o.$slots.default ? (r(), l("div", he, [
       u(o.$slots, "default")
-    ])) : b("", !0),
-    o.$slots.header ? (r(), l("div", fe, [
+    ])) : _("", !0),
+    o.$slots.header ? (r(), l("div", pe, [
       u(o.$slots, "header")
-    ])) : b("", !0),
-    o.$slots.body ? (r(), l("div", he, [
+    ])) : _("", !0),
+    o.$slots.body ? (r(), l("div", ge, [
       u(o.$slots, "body")
-    ])) : b("", !0),
-    o.$slots.footer ? (r(), l("div", pe, [
+    ])) : _("", !0),
+    o.$slots.footer ? (r(), l("div", be, [
       u(o.$slots, "footer")
-    ])) : b("", !0)
+    ])) : _("", !0)
   ]);
 }
-const be = /* @__PURE__ */ O(de, [["render", ge]]), _e = { class: "cm-logo" }, ye = ["src", "width", "height", "alt"], Ce = ["src", "width", "height", "alt"], Mr = /* @__PURE__ */ k({
+const me = /* @__PURE__ */ O(ve, [["render", _e]]), ye = { class: "vf-logo" }, Ce = ["src", "width", "height", "alt"], we = ["src", "width", "height", "alt"], zr = /* @__PURE__ */ k({
   __name: "logo",
   props: {
     to: { default: void 0 },
@@ -173,79 +173,79 @@ const be = /* @__PURE__ */ O(de, [["render", ge]]), _e = { class: "cm-logo" }, y
     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", _e, [
-      t.type.length ? (r(), y(f(V), {
+    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), {
         key: 0,
         type: t.type,
         to: t.to,
         url: t.url
       }, {
-        default: h(() => [
+        default: p(() => [
           i("img", {
-            src: s.value,
+            src: a.value,
             width: t.width,
             height: t.height,
             alt: t.alt
-          }, null, 8, ye)
+          }, null, 8, Ce)
         ]),
         _: 1
       }, 8, ["type", "to", "url"])) : (r(), l("img", {
         key: 1,
-        src: s.value,
+        src: a.value,
         width: t.width,
         height: t.height,
         alt: t.alt
-      }, null, 8, Ce))
+      }, null, 8, we))
     ]));
   }
-}), g = (o, e) => {
-  const s = o.__vccOpts || o;
-  for (const [t, c] of e)
-    s[t] = c;
-  return s;
-}, we = {}, ke = {
+}), b = (o, e) => {
+  const a = o.__vccOpts || o;
+  for (const [t, s] of e)
+    a[t] = s;
+  return a;
+}, ke = {}, Fe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Fe(o, e) {
-  return r(), l("svg", ke, e[0] || (e[0] = [
+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)
   ]));
 }
-const $e = /* @__PURE__ */ g(we, [["render", Fe]]), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ b(ke, [["render", $e]]), Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
-}, Symbol.toStringTag, { value: "Module" })), Se = {}, Oe = {
+  default: Be
+}, Symbol.toStringTag, { value: "Module" })), Oe = {}, je = {
   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", Oe, e[0] || (e[0] = [
+function Pe(o, e) {
+  return r(), l("svg", je, 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 Pe = /* @__PURE__ */ g(Se, [["render", je]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Me = /* @__PURE__ */ b(Oe, [["render", Pe]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" })), ze = {}, Le = {
+  default: Me
+}, Symbol.toStringTag, { value: "Module" })), Le = {}, Te = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Te(o, e) {
-  return r(), l("svg", Le, e[0] || (e[0] = [
+function xe(o, e) {
+  return r(), l("svg", Te, 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 +260,18 @@ function Te(o, e) {
     }, null, -1)
   ]));
 }
-const xe = /* @__PURE__ */ g(ze, [["render", Te]]), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ b(Le, [["render", xe]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: xe
-}, Symbol.toStringTag, { value: "Module" })), Re = {}, De = {
+  default: Ve
+}, Symbol.toStringTag, { value: "Module" })), De = {}, Ne = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Ne(o, e) {
-  return r(), l("svg", De, e[0] || (e[0] = [
+function Ee(o, e) {
+  return r(), l("svg", Ne, 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 +284,54 @@ function Ne(o, e) {
     }, null, -1)
   ]));
 }
-const Ee = /* @__PURE__ */ g(Re, [["render", Ne]]), Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ze = /* @__PURE__ */ b(De, [["render", Ee]]), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ee
-}, Symbol.toStringTag, { value: "Module" })), Ae = {}, He = {
+  default: Ze
+}, Symbol.toStringTag, { value: "Module" })), He = {}, Ie = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Ie(o, e) {
-  return r(), l("svg", He, e[0] || (e[0] = [
+function Ue(o, e) {
+  return r(), l("svg", Ie, 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 Ue = /* @__PURE__ */ g(Ae, [["render", Ie]]), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ke = /* @__PURE__ */ b(He, [["render", Ue]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ue
-}, Symbol.toStringTag, { value: "Module" })), qe = {}, Ge = {
+  default: Ke
+}, Symbol.toStringTag, { value: "Module" })), Ge = {}, We = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function We(o, e) {
-  return r(), l("svg", Ge, e[0] || (e[0] = [
+function Je(o, e) {
+  return r(), l("svg", We, 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 Je = /* @__PURE__ */ g(qe, [["render", We]]), Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qe = /* @__PURE__ */ b(Ge, [["render", Je]]), Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Je
-}, Symbol.toStringTag, { value: "Module" })), Xe = {}, Ye = {
+  default: Qe
+}, Symbol.toStringTag, { value: "Module" })), Ye = {}, eo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function eo(o, e) {
-  return r(), l("svg", Ye, e[0] || (e[0] = [
+function oo(o, e) {
+  return r(), l("svg", eo, 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 +345,18 @@ function eo(o, e) {
     }, null, -1)
   ]));
 }
-const oo = /* @__PURE__ */ g(Xe, [["render", eo]]), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ro = /* @__PURE__ */ b(Ye, [["render", oo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: oo
-}, Symbol.toStringTag, { value: "Module" })), to = {}, lo = {
+  default: ro
+}, Symbol.toStringTag, { value: "Module" })), lo = {}, no = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function no(o, e) {
-  return r(), l("svg", lo, e[0] || (e[0] = [
+function so(o, e) {
+  return r(), l("svg", no, 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 +367,90 @@ function no(o, e) {
     }, null, -1)
   ]));
 }
-const co = /* @__PURE__ */ g(to, [["render", no]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ao = /* @__PURE__ */ b(lo, [["render", so]]), co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: co
-}, Symbol.toStringTag, { value: "Module" })), ao = {}, io = {
+  default: ao
+}, Symbol.toStringTag, { value: "Module" })), io = {}, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function uo(o, e) {
-  return r(), l("svg", io, e[0] || (e[0] = [
+function vo(o, e) {
+  return r(), l("svg", uo, 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 vo = /* @__PURE__ */ g(ao, [["render", uo]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fo = /* @__PURE__ */ b(io, [["render", vo]]), ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vo
-}, Symbol.toStringTag, { value: "Module" })), fo = {}, ho = {
+  default: fo
+}, Symbol.toStringTag, { value: "Module" })), po = {}, go = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function po(o, e) {
-  return r(), l("svg", ho, e[0] || (e[0] = [
+function bo(o, e) {
+  return r(), l("svg", go, 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 go = /* @__PURE__ */ g(fo, [["render", po]]), bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const _o = /* @__PURE__ */ b(po, [["render", bo]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: go
-}, Symbol.toStringTag, { value: "Module" })), _o = {}, yo = {
+  default: _o
+}, Symbol.toStringTag, { value: "Module" })), yo = {}, Co = {
   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", yo, e[0] || (e[0] = [
+function wo(o, e) {
+  return r(), l("svg", Co, 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 wo = /* @__PURE__ */ g(_o, [["render", Co]]), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ko = /* @__PURE__ */ b(yo, [["render", wo]]), Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: wo
-}, Symbol.toStringTag, { value: "Module" })), Fo = {}, $o = {
+  default: ko
+}, Symbol.toStringTag, { value: "Module" })), $o = {}, Bo = {
   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", $o, e[0] || (e[0] = [
+function So(o, e) {
+  return r(), l("svg", Bo, 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 So = /* @__PURE__ */ g(Fo, [["render", Bo]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Oo = /* @__PURE__ */ b($o, [["render", So]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: So
-}, Symbol.toStringTag, { value: "Module" })), jo = {}, Po = {
+  default: Oo
+}, Symbol.toStringTag, { value: "Module" })), Po = {}, Mo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function Mo(o, e) {
-  return r(), l("svg", Po, e[0] || (e[0] = [
+function zo(o, e) {
+  return r(), l("svg", Mo, 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 +461,48 @@ function Mo(o, e) {
     }, null, -1)
   ]));
 }
-const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lo = /* @__PURE__ */ b(Po, [["render", zo]]), To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: zo
-}, Symbol.toStringTag, { value: "Module" })), To = {}, xo = {
+  default: Lo
+}, Symbol.toStringTag, { value: "Module" })), xo = {}, Vo = {
   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", xo, e[0] || (e[0] = [
+function Ro(o, e) {
+  return r(), l("svg", Vo, 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 Ro = /* @__PURE__ */ g(To, [["render", Vo]]), Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ro
-}, Symbol.toStringTag, { value: "Module" })), No = (o, e, s) => {
+  default: Do
+}, Symbol.toStringTag, { value: "Module" })), Eo = (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((s, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       n.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." : "")
         )
       )
     );
   });
-}, Eo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Zo = {
-  list: Eo
-}, Ao = /* @__PURE__ */ k({
+}, Zo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Ao = {
+  list: Zo
+}, Ho = /* @__PURE__ */ k({
   __name: "icon",
   props: {
     icon: {
       type: String,
       default: "moon",
-      validator: (o) => Zo.list.indexOf(o) > -1
+      validator: (o) => Ao.list.indexOf(o) > -1
     },
     spin: {
       type: Boolean,
@@ -510,24 +510,24 @@ const Ro = /* @__PURE__ */ g(To, [["render", Vo]]), Do = /* @__PURE__ */ Object.
     }
   },
   setup(o) {
-    const e = o, s = F(() => {
-      const c = e.icon;
-      return K(() => No(/* @__PURE__ */ Object.assign({ "./bars.vue": () => Promise.resolve().then(() => Ve), "./check.vue": () => Promise.resolve().then(() => Qe), "./chevronDown.vue": () => Promise.resolve().then(() => bo), "./chevronLeft.vue": () => Promise.resolve().then(() => ko), "./chevronRight.vue": () => Promise.resolve().then(() => Oo), "./chevronUp.vue": () => Promise.resolve().then(() => mo), "./circleHalf.vue": () => Promise.resolve().then(() => ro), "./circleNotch.vue": () => Promise.resolve().then(() => Do), "./house.vue": () => Promise.resolve().then(() => Ke), "./icon.vue": () => Promise.resolve().then(() => Ho), "./magnifyingGlass.vue": () => Promise.resolve().then(() => Lo), "./moon.vue": () => Promise.resolve().then(() => Me), "./rotateRight.vue": () => Promise.resolve().then(() => so), "./sun.vue": () => Promise.resolve().then(() => Be), "./user.vue": () => Promise.resolve().then(() => Ze) }), `./${c}.vue`, 2));
+    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 c = ["cm-icon"];
-      return e.spin && c.push("cm-icon_animations_spin"), c;
+      let s = ["cm-icon"];
+      return e.spin && s.push("cm-icon_animations_spin"), s;
     });
-    return (c, n) => (r(), y(q(s.value), {
-      class: p(t.value)
+    return (s, n) => (r(), y(q(a.value), {
+      class: g(t.value)
     }, null, 8, ["class"]));
   }
-}), $ = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-e8b1cecb"]]), Ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $ = /* @__PURE__ */ b(Ho, [["__scopeId", "data-v-e8b1cecb"]]), Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: $
-}, Symbol.toStringTag, { value: "Module" })), Io = { class: "cm-menu__list" }, Uo = {
+}, Symbol.toStringTag, { value: "Module" })), Uo = { class: "vf-menu__list" }, Ko = {
   key: 1,
-  class: "cm-menu__separator"
-}, Ko = ["onClick"], qo = /* @__PURE__ */ k({
+  class: "vf-menu__separator"
+}, qo = ["onClick"], Go = /* @__PURE__ */ k({
   __name: "menu",
   props: {
     items: {},
@@ -535,66 +535,66 @@ const Ro = /* @__PURE__ */ g(To, [["render", Vo]]), Do = /* @__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, s = (d, v) => `${d.label}_${v.toString()}`, n = (d) => Object.prototype.hasOwnProperty.call(d, "to") ? "router-link" : "a", m = (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];
-        Object.prototype.hasOwnProperty.call(C, "items") && ((v = C.items) != null && v.some((M) => M === d) ? (C.active = !0, C.subMenuVisible = !0) : (C.active = !1, C.subMenuVisible = !1));
+      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}`])
+      class: g(["vf-menu", `vf-menu_${d.orientation}`])
     }, [
-      i("ul", Io, [
-        (r(!0), l(P, null, W(d.items, (a, C) => (r(), l("li", {
-          key: c(a, C),
-          class: "cm-menu__item"
+      i("ul", Uo, [
+        (r(!0), l(M, null, W(d.items, (c, C) => (r(), l("li", {
+          key: s(c, C),
+          class: "vf-menu__item"
         }, [
-          d.$slots[c(a, C)] ? u(d.$slots, c(a, C), {
+          d.$slots[s(c, C)] ? u(d.$slots, s(c, C), {
             key: 0,
-            item: { ...a, class: "cm-menu__link" }
-          }) : a.separator ? (r(), l("hr", Uo)) : a.hasOwnProperty("items") ? (r(), l(P, { key: 2 }, [
+            item: { ...c, class: "vf-menu__link" }
+          }) : c.separator ? (r(), l("hr", Ko)) : c.hasOwnProperty("items") ? (r(), l(M, { key: 2 }, [
             i("div", {
-              class: p(["cm-menu__parent", { "cm-menu__parent_active": a.active }]),
-              onClick: (M) => _(a)
+              class: g(["vf-menu__parent", { "vf-menu__parent_active": c.active }]),
+              onClick: (P) => m(c)
             }, [
-              a.icon ? (r(), y(f($), {
+              c.icon ? (r(), y(h($), {
                 key: 0,
-                icon: a.icon,
-                class: "cm-menu__icon"
-              }, null, 8, ["icon"])) : b("", !0),
-              z(" " + S(a.label) + " ", 1),
-              w(f($), { icon: "chevronDown" })
-            ], 10, Ko),
-            a.items ? (r(), y(f(qo), {
+                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), {
               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: g(["vf-menu__submenu", { "vf-menu__submenu_visible": c.subMenuVisible }]),
+              onOnActive: f
+            }, null, 8, ["items", "class"])) : _("", !0)
+          ], 64)) : (r(), y(h(V), {
             key: 3,
-            to: a.to,
-            url: a.url,
-            type: n(a),
-            class: "cm-menu__link",
-            active: a.active,
-            disabled: a.disabled,
-            onClick: (M) => _(a),
-            onOnActive: (M) => m(a)
+            to: c.to,
+            url: c.url,
+            type: n(c),
+            class: "vf-menu__link",
+            active: c.active,
+            disabled: c.disabled,
+            onClick: (P) => m(c),
+            onOnActive: (P) => f(c)
           }, {
-            default: h(() => [
-              a.icon ? (r(), y(f($), {
+            default: p(() => [
+              c.icon ? (r(), y(h($), {
                 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"])) : _("", !0),
+              z(" " + S(c.label), 1)
             ]),
             _: 2
           }, 1032, ["to", "url", "type", "active", "disabled", "onClick", "onOnActive"]))
@@ -602,36 +602,36 @@ const Ro = /* @__PURE__ */ g(To, [["render", Vo]]), Do = /* @__PURE__ */ Object.
       ])
     ], 2));
   }
-}), Go = { class: "cm-header" }, Wo = {
+}), Wo = { class: "vf-header" }, Jo = {
   key: 0,
-  class: "cm-header__left"
-}, Jo = {
+  class: "vf-header__left"
+}, Qo = {
   key: 1,
-  class: "cm-header__right"
-}, Qo = /* @__PURE__ */ k({
+  class: "vf-header__right"
+}, Xo = /* @__PURE__ */ k({
   __name: "header",
   setup(o) {
-    return (e, s) => (r(), l("header", Go, [
-      w(f(L), null, {
-        default: h(() => [
-          e.$slots.left ? (r(), l("div", Wo, [
+    return (e, a) => (r(), l("header", Wo, [
+      w(h(L), null, {
+        default: p(() => [
+          e.$slots.left ? (r(), l("div", Jo, [
             u(e.$slots, "left")
-          ])) : b("", !0),
-          e.$slots.right ? (r(), l("div", Jo, [
+          ])) : _("", !0),
+          e.$slots.right ? (r(), l("div", Qo, [
             u(e.$slots, "right")
-          ])) : b("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Xo = {}, Yo = { class: "cm-footer" };
-function er(o, e) {
-  return r(), l("footer", Yo, [
+}), Yo = {}, er = { class: "vf-footer" };
+function or(o, e) {
+  return r(), l("footer", er, [
     u(o.$slots, "default")
   ]);
 }
-const or = /* @__PURE__ */ O(Xo, [["render", er]]), rr = ["disabled"], zr = /* @__PURE__ */ k({
+const rr = /* @__PURE__ */ O(Yo, [["render", or]]), tr = ["disabled"], Lr = /* @__PURE__ */ k({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -647,157 +647,146 @@ const or = /* @__PURE__ */ O(Xo, [["render", er]]), rr = ["disabled"], zr = /* @
     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 = 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", {
       key: 0,
-      class: p(s.value),
+      class: g(a.value),
       disabled: e.loading || e.disabled
     }, [
-      e.icon && !e.loading ? (r(), y(f($), {
+      e.icon && !e.loading ? (r(), y(h($), {
         key: 0,
         icon: e.icon,
-        class: p(t.value)
-      }, null, 8, ["icon", "class"])) : b("", !0),
-      e.loading ? (r(), y(f($), {
+        class: g(t.value)
+      }, null, 8, ["icon", "class"])) : _("", !0),
+      e.loading ? (r(), y(h($), {
         key: 1,
         icon: "circleNotch",
-        class: p(t.value),
+        class: g(t.value),
         spin: ""
-      }, null, 8, ["class"])) : b("", !0),
+      }, null, 8, ["class"])) : _("", !0),
       n.$slots.default ? (r(), l("span", {
         key: 2,
-        class: p(c.value)
+        class: g(s.value)
       }, [
         u(n.$slots, "default")
       ], 2)) : n.label ? (r(), l("span", {
         key: 3,
-        class: p(c.value)
-      }, S(n.label), 3)) : b("", !0)
-    ], 10, rr)) : (r(), y(f(V), {
+        class: g(s.value)
+      }, S(n.label), 3)) : _("", !0)
+    ], 10, tr)) : (r(), y(h(V), {
       key: 1,
       to: e.to,
       type: e.type,
-      class: p(s.value),
+      class: g(a.value),
       disabled: e.loading || e.disabled
     }, {
-      default: h(() => [
-        e.icon ? (r(), y(f($), {
+      default: p(() => [
+        e.icon ? (r(), y(h($), {
           key: 0,
           icon: e.icon,
-          class: p(t.value)
-        }, null, 8, ["icon", "class"])) : b("", !0),
+          class: g(t.value)
+        }, null, 8, ["icon", "class"])) : _("", !0),
         n.$slots.default ? (r(), l("span", {
           key: 1,
-          class: p(c.value)
+          class: g(s.value)
         }, [
           u(n.$slots, "default")
         ], 2)) : n.label ? (r(), l("span", {
           key: 2,
-          class: p(c.value)
-        }, S(n.label), 3)) : b("", !0)
+          class: g(s.value)
+        }, S(n.label), 3)) : _("", !0)
       ]),
       _: 3
     }, 8, ["to", "type", "class", "disabled"]));
   }
-}), tr = {}, lr = { class: "cm-content" };
-function nr(o, e) {
-  return r(), l("div", lr, [
+}), lr = {}, nr = { class: "vf-content" };
+function sr(o, e) {
+  return r(), l("div", nr, [
     u(o.$slots, "default")
   ]);
 }
-const cr = /* @__PURE__ */ O(tr, [["render", nr]]), sr = { class: "cm-popover" }, Lr = /* @__PURE__ */ k({
+const ar = /* @__PURE__ */ O(lr, [["render", sr]]), cr = { class: "vf-popover" }, Tr = /* @__PURE__ */ k({
   __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", sr, [
+  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, [
       i("div", {
-        class: "cm-popover__button",
+        class: "vf-popover__button",
         onClick: d
       }, [
         u(v.$slots, "button")
       ]),
-      Q(w(f(be), { class: "cm-popover__wrapper" }, X({
-        default: h(() => [
-          a[0] || (a[0] = i("div", { class: "cm-popover__arrow" }, null, -1))
+      Q(w(h(me), { class: "vf-popover__wrapper" }, X({
+        default: p(() => [
+          c[0] || (c[0] = i("div", { class: "vf-popover__arrow" }, null, -1))
         ]),
         _: 2
       }, [
         v.$slots.default ? {
           name: "default",
-          fn: h(() => [
+          fn: p(() => [
             u(v.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         v.$slots.popoverHeader ? {
           name: "header",
-          fn: h(() => [
+          fn: p(() => [
             u(v.$slots, "popoverHeader")
           ]),
           key: "1"
         } : void 0,
         v.$slots.popoverBody ? {
           name: "body",
-          fn: h(() => [
+          fn: p(() => [
             u(v.$slots, "popoverBody")
           ]),
           key: "2"
         } : void 0,
         v.$slots.popoverFooter ? {
           name: "footer",
-          fn: h(() => [
+          fn: p(() => [
             u(v.$slots, "popoverFooter")
           ]),
           key: "3"
         } : void 0
       ]), 1536), [
-        [Y, c.visible]
+        [Y, s.visible]
       ])
     ]));
   }
-}), ar = {}, ir = { class: "cm-container" };
-function ur(o, e) {
-  return r(), l("div", ir, [
+}), ir = {}, ur = { class: "vf-container" };
+function dr(o, e) {
+  return r(), l("div", ur, [
     u(o.$slots, "default")
   ]);
 }
-const L = /* @__PURE__ */ O(ar, [["render", ur]]), A = (o, e) => "#" + o.replace(/^#/, "").replace(/../g, (s) => ("0" + Math.min(255, Math.max(0, parseInt(s, 16) + e)).toString(16)).slice(-2)), dr = (o, e) => A(o, 16 * e), vr = (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}`;
-}, mr = (o) => {
+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 e = o.replace(/([A-Z])/g, "-$1");
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, j = (o) => o.filter((e) => !fr.includes(e)).map((e) => mr(e)).join("-").toLowerCase(), fr = [
-  "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) => !pr.includes(e)).map((e) => hr(e)).join("-").toLowerCase(), pr = ["dark", "light", "theme", "preset", "colors", "components", "colorScheme"], B = [], T = [], H = (o, e = []) => {
+  for (const a in o) {
+    const t = o[a], s = 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"))
+      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 _;
-          n < 5 ? _ = dr(t, 5 - n) : _ = vr(t, n - 5), B.push(`--cm-${j(c)}-${n}00: ${_}`), B.push(`--cm-${j(c)}-${n}00-rgb: ${E(_)}`);
+          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)}`);
         }
     }
   }
-}, Tr = {
+}, xr = {
   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(";")} }`);
   }
@@ -832,7 +821,7 @@ const L = /* @__PURE__ */ O(ar, [["render", ur]]), A = (o, e) => "#" + o.replace
       dividerColor: "#2e2e32"
     }
   }
-}, hr = {
+}, gr = {
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
@@ -849,158 +838,158 @@ const L = /* @__PURE__ */ O(ar, [["render", ur]]), 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)"
         }
       }
     }
   }
-}, pr = {
+}, br = {
   padding: "12px",
-  borderColor: "var(--cm-border-color)",
+  borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
-}, gr = {}, br = {
+}, _r = {}, mr = {
   padding: "12px"
-}, _r = {}, yr = {}, Cr = {
-  color: "var(--cm-secondary-text-color)",
+}, yr = {}, Cr = {}, wr = {
+  color: "var(--vf-secondary-text-color)",
   padding: "12px",
-  borderColor: "var(--cm-border-color)",
-  backgroundColor: "var(--cm-bg-color)"
-}, wr = {
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)"
+}, kr = {
   height: "60px",
   padding: "12px",
   minHeight: "60px",
-  borderColor: "var(--cm-border-color)",
-  backgroundColor: "var(--cm-bg-color)"
-}, kr = {
-  hoverColor: "var(--cm-blue)",
-  activeColor: "var(--cm-blue)"
-}, Fr = {}, $r = {
-  separatorColor: "var(--cm-border-color)",
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)"
+}, Fr = {
+  hoverColor: "var(--vf-blue)",
+  activeColor: "var(--vf-blue)"
+}, $r = {}, Br = {
+  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 +997,40 @@ const L = /* @__PURE__ */ O(ar, [["render", ur]]), A = (o, e) => "#" + o.replace
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Br = {
-  backgroundColor: "var(--cm-bg-color)"
-}, xr = {
+}, Sr = {
+  backgroundColor: "var(--vf-bg-color)"
+}, Vr = {
   ...Z,
   components: {
     base: Z,
-    button: hr,
-    card: pr,
-    codeBlock: gr,
-    container: br,
-    content: _r,
-    demo: yr,
-    footer: Cr,
-    header: wr,
-    link: kr,
-    logo: Fr,
-    menu: $r,
-    popover: Br
+    button: gr,
+    card: br,
+    codeBlock: _r,
+    container: mr,
+    content: yr,
+    demo: Cr,
+    footer: wr,
+    header: kr,
+    link: Fr,
+    logo: $r,
+    menu: Br,
+    popover: Sr
   }
 };
 export {
-  zr as Button,
-  be as Card,
+  Lr as Button,
+  me as Card,
   L as Container,
-  cr as Content,
-  Or as DefaultLayout,
-  xr as DefaultTheme,
-  Pr as Demo,
-  or as Footer,
-  Qo as Header,
-  jr as LeftSidebarLayout,
+  ar as Content,
+  jr as DefaultLayout,
+  Vr as DefaultTheme,
+  Mr as Demo,
+  rr as Footer,
+  Xo as Header,
+  Pr as LeftSidebarLayout,
   V as Link,
-  Mr as Logo,
-  qo as Menu,
-  Lr as Popover,
-  Tr as VueForge
+  zr as Logo,
+  Go as Menu,
+  Tr as Popover,
+  xr as VueForge
 };