@codemonster-ru/vueforge 0.2.0 → 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, 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";
+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("div", ee, [
-        w(f(Xo), null, {
-          left: h(() => [
+        w(h(Xo), null, {
+          left: p(() => [
             u(e.$slots, "headerLeft")
           ]),
-          right: h(() => [
+          right: p(() => [
             u(e.$slots, "headerRight")
           ]),
           _: 3
         }),
-        w(f(sr), 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 ee = { class: "vf-layout" }, jr = /* @__PURE__ */ k({
           ]),
           _: 1
         }),
-        w(f(rr), 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
@@ -40,29 +40,29 @@ const ee = { class: "vf-layout" }, jr = /* @__PURE__ */ k({
     };
   }
 }), 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" };
+  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 s = x("router-view");
+  const a = x("router-view");
   return r(), l("div", re, [
     i("div", te, [
       u(o.$slots, "leftSidebar")
     ]),
     i("div", le, [
-      w(s)
+      w(a)
     ])
   ]);
 }
-const Pr = /* @__PURE__ */ O(oe, [["render", ne]]), ce = {}, se = { class: "cm-demo" };
-function ae(o, e) {
-  return r(), l("div", se, [
+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 Mr = /* @__PURE__ */ O(ce, [["render", ae]]);
+const Mr = /* @__PURE__ */ O(se, [["render", ce]]);
 /*!
   * vue-router v4.5.0
   * (c) 2024 Eduardo San Martin Morote
@@ -101,66 +101,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 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(M, { 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, 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(M, { 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"]));
     };
   }
-}), ve = {}, me = { class: "cm-card" }, fe = {
+}), ve = {}, fe = { class: "vf-card" }, he = {
   key: 0,
-  class: "cm-card__default"
-}, he = {
-  key: 1,
-  class: "cm-card__header"
+  class: "vf-card__default"
 }, pe = {
-  key: 2,
-  class: "cm-card__body"
+  key: 1,
+  class: "vf-card__header"
 }, ge = {
+  key: 2,
+  class: "vf-card__body"
+}, be = {
   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, [
+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", he, [
+    ])) : _("", !0),
+    o.$slots.header ? (r(), l("div", pe, [
       u(o.$slots, "header")
-    ])) : b("", !0),
-    o.$slots.body ? (r(), l("div", pe, [
+    ])) : _("", !0),
+    o.$slots.body ? (r(), l("div", ge, [
       u(o.$slots, "body")
-    ])) : b("", !0),
-    o.$slots.footer ? (r(), l("div", ge, [
+    ])) : _("", !0),
+    o.$slots.footer ? (r(), l("div", be, [
       u(o.$slots, "footer")
-    ])) : b("", !0)
+    ])) : _("", !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 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,17 +173,17 @@ 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 = 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
@@ -192,18 +192,18 @@ const _e = /* @__PURE__ */ O(ve, [["render", be]]), ye = { class: "cm-logo" }, C
         _: 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, we))
     ]));
   }
-}), g = (o, e) => {
-  const s = o.__vccOpts || o;
-  for (const [t, c] of e)
-    s[t] = c;
-  return s;
+}), 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",
@@ -216,7 +216,7 @@ function $e(o, e) {
     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 Be = /* @__PURE__ */ g(ke, [["render", $e]]), Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ b(ke, [["render", $e]]), Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Be
 }, Symbol.toStringTag, { value: "Module" })), Oe = {}, je = {
@@ -234,7 +234,7 @@ function Pe(o, e) {
     }, null, -1)
   ]));
 }
-const Me = /* @__PURE__ */ g(Oe, [["render", Pe]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Me = /* @__PURE__ */ b(Oe, [["render", Pe]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Me
 }, Symbol.toStringTag, { value: "Module" })), Le = {}, Te = {
@@ -260,7 +260,7 @@ function xe(o, e) {
     }, null, -1)
   ]));
 }
-const Ve = /* @__PURE__ */ g(Le, [["render", xe]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ b(Le, [["render", xe]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ve
 }, Symbol.toStringTag, { value: "Module" })), De = {}, Ne = {
@@ -284,7 +284,7 @@ function Ee(o, e) {
     }, null, -1)
   ]));
 }
-const Ze = /* @__PURE__ */ g(De, [["render", Ee]]), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ze = /* @__PURE__ */ b(De, [["render", Ee]]), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ze
 }, Symbol.toStringTag, { value: "Module" })), He = {}, Ie = {
@@ -302,7 +302,7 @@ function Ue(o, e) {
     }, null, -1)
   ]));
 }
-const Ke = /* @__PURE__ */ g(He, [["render", Ue]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ke = /* @__PURE__ */ b(He, [["render", Ue]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Ke
 }, Symbol.toStringTag, { value: "Module" })), Ge = {}, We = {
@@ -320,7 +320,7 @@ function Je(o, e) {
     }, null, -1)
   ]));
 }
-const Qe = /* @__PURE__ */ g(Ge, [["render", Je]]), Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qe = /* @__PURE__ */ b(Ge, [["render", Je]]), Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Qe
 }, Symbol.toStringTag, { value: "Module" })), Ye = {}, eo = {
@@ -345,7 +345,7 @@ function oo(o, e) {
     }, null, -1)
   ]));
 }
-const ro = /* @__PURE__ */ g(Ye, [["render", oo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ro = /* @__PURE__ */ b(Ye, [["render", oo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ro
 }, Symbol.toStringTag, { value: "Module" })), lo = {}, no = {
@@ -355,7 +355,7 @@ const ro = /* @__PURE__ */ g(Ye, [["render", oo]]), to = /* @__PURE__ */ Object.
   width: "16",
   height: "16"
 };
-function co(o, e) {
+function so(o, e) {
   return r(), l("svg", no, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
@@ -367,9 +367,9 @@ function co(o, e) {
     }, null, -1)
   ]));
 }
-const so = /* @__PURE__ */ g(lo, [["render", co]]), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ao = /* @__PURE__ */ b(lo, [["render", so]]), co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: so
+  default: ao
 }, Symbol.toStringTag, { value: "Module" })), io = {}, uo = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
@@ -385,27 +385,27 @@ function vo(o, e) {
     }, null, -1)
   ]));
 }
-const mo = /* @__PURE__ */ g(io, [["render", vo]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fo = /* @__PURE__ */ b(io, [["render", vo]]), ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mo
-}, Symbol.toStringTag, { value: "Module" })), ho = {}, po = {
+  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 go(o, e) {
-  return r(), l("svg", po, 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 bo = /* @__PURE__ */ g(ho, [["render", go]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const _o = /* @__PURE__ */ b(po, [["render", bo]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: bo
+  default: _o
 }, Symbol.toStringTag, { value: "Module" })), yo = {}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
@@ -421,7 +421,7 @@ function wo(o, e) {
     }, null, -1)
   ]));
 }
-const ko = /* @__PURE__ */ g(yo, [["render", wo]]), Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ko = /* @__PURE__ */ b(yo, [["render", wo]]), Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ko
 }, Symbol.toStringTag, { value: "Module" })), $o = {}, Bo = {
@@ -439,7 +439,7 @@ function So(o, e) {
     }, null, -1)
   ]));
 }
-const Oo = /* @__PURE__ */ g($o, [["render", So]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Oo = /* @__PURE__ */ b($o, [["render", So]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Oo
 }, Symbol.toStringTag, { value: "Module" })), Po = {}, Mo = {
@@ -461,7 +461,7 @@ function zo(o, e) {
     }, null, -1)
   ]));
 }
-const Lo = /* @__PURE__ */ g(Po, [["render", zo]]), To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lo = /* @__PURE__ */ b(Po, [["render", zo]]), To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Lo
 }, Symbol.toStringTag, { value: "Module" })), xo = {}, Vo = {
@@ -479,17 +479,17 @@ function Ro(o, e) {
     }, null, -1)
   ]));
 }
-const Do = /* @__PURE__ */ g(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Do = /* @__PURE__ */ b(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Do
-}, Symbol.toStringTag, { value: "Module" })), Eo = (o, e, s) => {
+}, 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." : "")
         )
       )
     );
@@ -510,23 +510,23 @@ 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));
+    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(Ho, [["__scopeId", "data-v-e8b1cecb"]]), Io = /* @__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" })), Uo = { class: "cm-menu__list" }, Ko = {
+}, Symbol.toStringTag, { value: "Module" })), Uo = { class: "vf-menu__list" }, Ko = {
   key: 1,
-  class: "cm-menu__separator"
+  class: "vf-menu__separator"
 }, qo = ["onClick"], Go = /* @__PURE__ */ k({
   __name: "menu",
   props: {
@@ -535,66 +535,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, 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];
+      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", Uo, [
-        (r(!0), l(M, null, W(d.items, (a, C) => (r(), l("li", {
-          key: c(a, C),
-          class: "cm-menu__item"
+        (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", Ko)) : a.hasOwnProperty("items") ? (r(), l(M, { 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: (P) => _(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" })
+                icon: c.icon,
+                class: "vf-menu__icon"
+              }, null, 8, ["icon"])) : _("", !0),
+              z(" " + S(c.label) + " ", 1),
+              w(h($), { icon: "chevronDown" })
             ], 10, qo),
-            a.items ? (r(), y(f(Go), {
+            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: (P) => _(a),
-            onOnActive: (P) => 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,30 +602,30 @@ const Do = /* @__PURE__ */ g(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.
       ])
     ], 2));
   }
-}), Wo = { class: "cm-header" }, Jo = {
+}), Wo = { class: "vf-header" }, Jo = {
   key: 0,
-  class: "cm-header__left"
+  class: "vf-header__left"
 }, Qo = {
   key: 1,
-  class: "cm-header__right"
+  class: "vf-header__right"
 }, Xo = /* @__PURE__ */ k({
   __name: "header",
   setup(o) {
-    return (e, s) => (r(), l("header", Wo, [
-      w(f(L), null, {
-        default: h(() => [
+    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),
+          ])) : _("", !0),
           e.$slots.right ? (r(), l("div", Qo, [
             u(e.$slots, "right")
-          ])) : b("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Yo = {}, er = { class: "cm-footer" };
+}), Yo = {}, er = { class: "vf-footer" };
 function or(o, e) {
   return r(), l("footer", er, [
     u(o.$slots, "default")
@@ -647,153 +647,142 @@ 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 = 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, tr)) : (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"]));
   }
-}), lr = {}, nr = { class: "cm-content" };
-function cr(o, e) {
+}), lr = {}, nr = { class: "vf-content" };
+function sr(o, e) {
   return r(), l("div", nr, [
     u(o.$slots, "default")
   ]);
 }
-const sr = /* @__PURE__ */ O(lr, [["render", cr]]), ar = { class: "cm-popover" }, Tr = /* @__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", ar, [
+  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(_e), { 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]
       ])
     ]));
   }
-}), ir = {}, ur = { class: "cm-container" };
+}), ir = {}, ur = { class: "vf-container" };
 function dr(o, e) {
   return r(), l("div", ur, [
     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}`;
-}, fr = (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) => !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) => !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 ? _ = vr(t, 5 - n) : _ = mr(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)}`);
         }
     }
   }
@@ -832,7 +821,7 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
       dividerColor: "#2e2e32"
     }
   }
-}, pr = {
+}, gr = {
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
@@ -849,158 +838,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 = {
+}, br = {
   padding: "12px",
-  borderColor: "var(--cm-border-color)",
+  borderColor: "var(--vf-border-color)",
   borderRadius: "6px"
-}, br = {}, _r = {
+}, _r = {}, mr = {
   padding: "12px"
 }, yr = {}, Cr = {}, wr = {
-  color: "var(--cm-secondary-text-color)",
+  color: "var(--vf-secondary-text-color)",
   padding: "12px",
-  borderColor: "var(--cm-border-color)",
-  backgroundColor: "var(--cm-bg-color)"
+  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)"
+  borderColor: "var(--vf-border-color)",
+  backgroundColor: "var(--vf-bg-color)"
 }, Fr = {
-  hoverColor: "var(--cm-blue)",
-  activeColor: "var(--cm-blue)"
+  hoverColor: "var(--vf-blue)",
+  activeColor: "var(--vf-blue)"
 }, $r = {}, Br = {
-  separatorColor: "var(--cm-border-color)",
+  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",
@@ -1009,15 +998,15 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
     marginLeft: "0.5rem"
   }
 }, Sr = {
-  backgroundColor: "var(--cm-bg-color)"
+  backgroundColor: "var(--vf-bg-color)"
 }, Vr = {
   ...Z,
   components: {
     base: Z,
-    button: pr,
-    card: gr,
-    codeBlock: br,
-    container: _r,
+    button: gr,
+    card: br,
+    codeBlock: _r,
+    container: mr,
     content: yr,
     demo: Cr,
     footer: wr,
@@ -1030,9 +1019,9 @@ const L = /* @__PURE__ */ O(ir, [["render", dr]]), A = (o, e) => "#" + o.replace
 };
 export {
   Lr as Button,
-  _e as Card,
+  me as Card,
   L as Container,
-  sr as Content,
+  ar as Content,
   jr as DefaultLayout,
   Vr as DefaultTheme,
   Mr as Demo,