@codemonster-ru/vueforge 0.1.0 → 0.2.0

package/dist/index.ts.mjs

@@ -1,16 +1,68 @@
-import { openBlock as r, createElementBlock as l, renderSlot as u, inject as I, defineComponent as k, ref as U, computed as F, resolveComponent as x, normalizeClass as p, Fragment as P, createTextVNode as z, toDisplayString as S, createBlock as y, withCtx as h, createCommentVNode as b, unref as f, createElementVNode as i, defineAsyncComponent as K, resolveDynamicComponent as q, createStaticVNode as G, renderList as W, createVNode as w, reactive as J, withDirectives as Q, createSlots as X, vShow as Y } from "vue";
-const O = (o, e) => {
+import { defineComponent as k, resolveComponent as x, openBlock as r, createElementBlock as l, createVNode as w, unref as f, withCtx as h, renderSlot as u, createElementVNode as i, inject as I, ref as U, computed as F, normalizeClass as p, Fragment as M, createTextVNode as z, toDisplayString as S, createBlock as y, createCommentVNode as b, defineAsyncComponent as K, resolveDynamicComponent as q, createStaticVNode as G, renderList as W, reactive as J, withDirectives as Q, createSlots as X, vShow as Y } from "vue";
+const ee = { class: "vf-layout" }, jr = /* @__PURE__ */ k({
+  __name: "defaultLayout",
+  setup(o) {
+    return (e, s) => {
+      const t = x("router-view");
+      return r(), l("div", ee, [
+        w(f(Xo), null, {
+          left: h(() => [
+            u(e.$slots, "headerLeft")
+          ]),
+          right: h(() => [
+            u(e.$slots, "headerRight")
+          ]),
+          _: 3
+        }),
+        w(f(sr), null, {
+          default: h(() => [
+            w(f(L), null, {
+              default: h(() => [
+                w(t)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        w(f(rr), null, {
+          default: h(() => [
+            w(f(L), null, {
+              default: h(() => [
+                u(e.$slots, "footerDefault")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+}), O = (o, e) => {
   const s = o.__vccOpts || o;
   for (const [t, c] of e)
     s[t] = c;
   return s;
-}, ee = {}, oe = { class: "cm-demo" };
-function re(o, e) {
-  return r(), l("div", oe, [
+}, oe = {}, re = { class: "cm-left-sidebar-flexbox" }, te = { class: "cm-left-sidebar" }, le = { class: "cm-main-content" };
+function ne(o, e) {
+  const s = x("router-view");
+  return r(), l("div", re, [
+    i("div", te, [
+      u(o.$slots, "leftSidebar")
+    ]),
+    i("div", le, [
+      w(s)
+    ])
+  ]);
+}
+const Pr = /* @__PURE__ */ O(oe, [["render", ne]]), ce = {}, se = { class: "cm-demo" };
+function ae(o, e) {
+  return r(), l("div", se, [
     u(o.$slots, "default")
   ]);
 }
-const Or = /* @__PURE__ */ O(ee, [["render", re]]);
+const Mr = /* @__PURE__ */ O(ce, [["render", ae]]);
 /*!
   * vue-router v4.5.0
   * (c) 2024 Eduardo San Martin Morote
@@ -32,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 te = 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 le(o) {
-  return I(te);
+function ue(o) {
+  return I(ie);
 }
-const ne = ["href"], V = /* @__PURE__ */ k({
+const de = ["href"], V = /* @__PURE__ */ k({
   __name: "link",
   props: {
     to: { default: "" },
@@ -49,7 +101,7 @@ const ne = ["href"], V = /* @__PURE__ */ k({
   },
   emits: ["onActive"],
   setup(o, { emit: e }) {
-    const s = e, t = o, c = le(), n = U(null), _ = F(() => (t.type === "router-link" && c.matched.some(({ name: m }) => t.to.name === m) && s("onActive"), t.active));
+    const s = e, t = o, c = ue(), n = U(null), _ = F(() => (t.type === "router-link" && c.matched.some(({ name: m }) => t.to.name === m) && s("onActive"), t.active));
     return (m, d) => {
       const v = x("router-link");
       return m.type === "a" ? (r(), l("a", {
@@ -57,10 +109,10 @@ const ne = ["href"], V = /* @__PURE__ */ k({
         href: m.url,
         class: p(["cm-link", { "cm-link_active": m.active, "cm-link_disabled": m.disabled }])
       }, [
-        m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(P, { key: 1 }, [
+        m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
           z(S(m.label), 1)
         ], 64))
-      ], 10, ne)) : (r(), y(v, {
+      ], 10, de)) : (r(), y(v, {
         key: 1,
         ref_key: "link",
         ref: n,
@@ -71,7 +123,7 @@ const ne = ["href"], V = /* @__PURE__ */ k({
         "exact-active-class": "cm-link_active"
       }, {
         default: h(() => [
-          m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(P, { key: 1 }, [
+          m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(M, { key: 1 }, [
             z(S(m.label), 1)
           ], 64))
         ]),
@@ -79,36 +131,36 @@ const ne = ["href"], V = /* @__PURE__ */ k({
       }, 8, ["to", "class", "disabled"]));
     };
   }
-}), ce = {}, se = { class: "cm-card" }, ae = {
+}), ve = {}, me = { class: "cm-card" }, fe = {
   key: 0,
   class: "cm-card__default"
-}, ie = {
+}, he = {
   key: 1,
   class: "cm-card__header"
-}, ue = {
+}, pe = {
   key: 2,
   class: "cm-card__body"
-}, de = {
+}, ge = {
   key: 3,
   class: "cm-card__footer"
 };
-function ve(o, e) {
-  return r(), l("div", se, [
-    o.$slots.default ? (r(), l("div", ae, [
+function be(o, e) {
+  return r(), l("div", me, [
+    o.$slots.default ? (r(), l("div", fe, [
       u(o.$slots, "default")
     ])) : b("", !0),
-    o.$slots.header ? (r(), l("div", ie, [
+    o.$slots.header ? (r(), l("div", he, [
       u(o.$slots, "header")
     ])) : b("", !0),
-    o.$slots.body ? (r(), l("div", ue, [
+    o.$slots.body ? (r(), l("div", pe, [
       u(o.$slots, "body")
     ])) : b("", !0),
-    o.$slots.footer ? (r(), l("div", de, [
+    o.$slots.footer ? (r(), l("div", ge, [
       u(o.$slots, "footer")
     ])) : b("", !0)
   ]);
 }
-const me = /* @__PURE__ */ O(ce, [["render", ve]]), fe = { class: "cm-logo" }, he = ["src", "width", "height", "alt"], pe = ["src", "width", "height", "alt"], jr = /* @__PURE__ */ k({
+const _e = /* @__PURE__ */ O(ve, [["render", be]]), ye = { class: "cm-logo" }, Ce = ["src", "width", "height", "alt"], we = ["src", "width", "height", "alt"], zr = /* @__PURE__ */ k({
   __name: "logo",
   props: {
     to: { default: void 0 },
@@ -122,7 +174,7 @@ const me = /* @__PURE__ */ O(ce, [["render", ve]]), fe = { class: "cm-logo" }, h
   },
   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", fe, [
+    return (t, c) => (r(), l("div", ye, [
       t.type.length ? (r(), y(f(V), {
         key: 0,
         type: t.type,
@@ -135,7 +187,7 @@ const me = /* @__PURE__ */ O(ce, [["render", ve]]), fe = { class: "cm-logo" }, h
             width: t.width,
             height: t.height,
             alt: t.alt
-          }, null, 8, he)
+          }, null, 8, Ce)
         ]),
         _: 1
       }, 8, ["type", "to", "url"])) : (r(), l("img", {
@@ -144,7 +196,7 @@ const me = /* @__PURE__ */ O(ce, [["render", ve]]), fe = { class: "cm-logo" }, h
         width: t.width,
         height: t.height,
         alt: t.alt
-      }, null, 8, pe))
+      }, null, 8, we))
     ]));
   }
 }), g = (o, e) => {
@@ -152,48 +204,48 @@ const me = /* @__PURE__ */ O(ce, [["render", ve]]), fe = { class: "cm-logo" }, h
   for (const [t, c] of e)
     s[t] = c;
   return s;
-}, ge = {}, be = {
+}, ke = {}, Fe = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function _e(o, e) {
-  return r(), l("svg", be, 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 ye = /* @__PURE__ */ g(ge, [["render", _e]]), Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ g(ke, [["render", $e]]), Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ye
-}, Symbol.toStringTag, { value: "Module" })), we = {}, ke = {
+  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 Fe(o, e) {
-  return r(), l("svg", ke, 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 $e = /* @__PURE__ */ g(we, [["render", Fe]]), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Me = /* @__PURE__ */ g(Oe, [["render", Pe]]), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
-}, Symbol.toStringTag, { value: "Module" })), Se = {}, Oe = {
+  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 je(o, e) {
-  return r(), l("svg", Oe, 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"
@@ -208,18 +260,18 @@ function je(o, e) {
     }, null, -1)
   ]));
 }
-const Pe = /* @__PURE__ */ g(Se, [["render", je]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ g(Le, [["render", xe]]), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" })), ze = {}, Le = {
+  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 Te(o, e) {
-  return r(), l("svg", Le, 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"
@@ -232,54 +284,54 @@ function Te(o, e) {
     }, null, -1)
   ]));
 }
-const xe = /* @__PURE__ */ g(ze, [["render", Te]]), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ze = /* @__PURE__ */ g(De, [["render", Ee]]), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: xe
-}, Symbol.toStringTag, { value: "Module" })), Re = {}, De = {
+  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 Ne(o, e) {
-  return r(), l("svg", De, 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 Ee = /* @__PURE__ */ g(Re, [["render", Ne]]), Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ke = /* @__PURE__ */ g(He, [["render", Ue]]), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ee
-}, Symbol.toStringTag, { value: "Module" })), Ae = {}, He = {
+  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 Ie(o, e) {
-  return r(), l("svg", He, 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 Ue = /* @__PURE__ */ g(Ae, [["render", Ie]]), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qe = /* @__PURE__ */ g(Ge, [["render", Je]]), Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ue
-}, Symbol.toStringTag, { value: "Module" })), qe = {}, Ge = {
+  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 We(o, e) {
-  return r(), l("svg", Ge, 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", {
@@ -293,18 +345,18 @@ function We(o, e) {
     }, null, -1)
   ]));
 }
-const Je = /* @__PURE__ */ g(qe, [["render", We]]), Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ro = /* @__PURE__ */ g(Ye, [["render", oo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Je
-}, Symbol.toStringTag, { value: "Module" })), Xe = {}, Ye = {
+  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 eo(o, e) {
-  return r(), l("svg", Ye, e[0] || (e[0] = [
+function co(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"
@@ -315,90 +367,90 @@ function eo(o, e) {
     }, null, -1)
   ]));
 }
-const oo = /* @__PURE__ */ g(Xe, [["render", eo]]), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const so = /* @__PURE__ */ g(lo, [["render", co]]), ao = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: oo
-}, Symbol.toStringTag, { value: "Module" })), to = {}, lo = {
+  default: so
+}, 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 no(o, e) {
-  return r(), l("svg", lo, 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 co = /* @__PURE__ */ g(to, [["render", no]]), so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mo = /* @__PURE__ */ g(io, [["render", vo]]), fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: co
-}, Symbol.toStringTag, { value: "Module" })), ao = {}, io = {
+  default: mo
+}, Symbol.toStringTag, { value: "Module" })), ho = {}, po = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512",
   fill: "none",
   width: "16",
   height: "16"
 };
-function uo(o, e) {
-  return r(), l("svg", io, e[0] || (e[0] = [
+function go(o, e) {
+  return r(), l("svg", po, e[0] || (e[0] = [
     i("path", {
       fill: "currentColor",
       d: "M232.4,353.7L64.3,185.6c-16.1-16.1,0.1-32.5,0.1-32.5s16-15.4,31.9,0.5l159.6,159.6l160-160 c16-16,31.5,0.5,31.5,0.5s16.5,15.5,0.5,31.5c-13,13-168.5,168.5-168.5,168.5C263.4,369.7,248.4,369.7,232.4,353.7z"
     }, null, -1)
   ]));
 }
-const vo = /* @__PURE__ */ g(ao, [["render", uo]]), mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const bo = /* @__PURE__ */ g(ho, [["render", go]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vo
-}, Symbol.toStringTag, { value: "Module" })), fo = {}, ho = {
+  default: bo
+}, 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 po(o, e) {
-  return r(), l("svg", ho, 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 go = /* @__PURE__ */ g(fo, [["render", po]]), bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ko = /* @__PURE__ */ g(yo, [["render", wo]]), Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: go
-}, Symbol.toStringTag, { value: "Module" })), _o = {}, yo = {
+  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 Co(o, e) {
-  return r(), l("svg", yo, 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 wo = /* @__PURE__ */ g(_o, [["render", Co]]), ko = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Oo = /* @__PURE__ */ g($o, [["render", So]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: wo
-}, Symbol.toStringTag, { value: "Module" })), Fo = {}, $o = {
+  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 Bo(o, e) {
-  return r(), l("svg", $o, 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"
@@ -409,28 +461,28 @@ function Bo(o, e) {
     }, null, -1)
   ]));
 }
-const So = /* @__PURE__ */ g(Fo, [["render", Bo]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lo = /* @__PURE__ */ g(Po, [["render", zo]]), To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: So
-}, Symbol.toStringTag, { value: "Module" })), jo = {}, Po = {
+  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 Mo(o, e) {
-  return r(), l("svg", Po, 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 zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Do = /* @__PURE__ */ g(xo, [["render", Ro]]), No = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: zo
-}, Symbol.toStringTag, { value: "Module" })), To = (o, e, s) => {
+  default: Do
+}, Symbol.toStringTag, { value: "Module" })), Eo = (o, e, s) => {
   const t = o[e];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((c, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -442,15 +494,15 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
       )
     );
   });
-}, xo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Vo = {
-  list: xo
-}, Ro = /* @__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) => Vo.list.indexOf(o) > -1
+      validator: (o) => Ao.list.indexOf(o) > -1
     },
     spin: {
       type: Boolean,
@@ -460,7 +512,7 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
   setup(o) {
     const e = o, s = F(() => {
       const c = e.icon;
-      return K(() => To(/* @__PURE__ */ Object.assign({ "./bars.vue": () => Promise.resolve().then(() => Me), "./check.vue": () => Promise.resolve().then(() => Ke), "./chevronDown.vue": () => Promise.resolve().then(() => mo), "./chevronLeft.vue": () => Promise.resolve().then(() => bo), "./chevronRight.vue": () => Promise.resolve().then(() => ko), "./chevronUp.vue": () => Promise.resolve().then(() => so), "./circleHalf.vue": () => Promise.resolve().then(() => Qe), "./circleNotch.vue": () => Promise.resolve().then(() => Lo), "./house.vue": () => Promise.resolve().then(() => Ze), "./icon.vue": () => Promise.resolve().then(() => Do), "./magnifyingGlass.vue": () => Promise.resolve().then(() => Oo), "./moon.vue": () => Promise.resolve().then(() => Be), "./rotateRight.vue": () => Promise.resolve().then(() => ro), "./sun.vue": () => Promise.resolve().then(() => Ce), "./user.vue": () => Promise.resolve().then(() => Ve) }), `./${c}.vue`, 2));
+      return K(() => Eo(/* @__PURE__ */ Object.assign({ "./bars.vue": () => Promise.resolve().then(() => Re), "./check.vue": () => Promise.resolve().then(() => Xe), "./chevronDown.vue": () => Promise.resolve().then(() => _o), "./chevronLeft.vue": () => Promise.resolve().then(() => Fo), "./chevronRight.vue": () => Promise.resolve().then(() => jo), "./chevronUp.vue": () => Promise.resolve().then(() => fo), "./circleHalf.vue": () => Promise.resolve().then(() => to), "./circleNotch.vue": () => Promise.resolve().then(() => No), "./house.vue": () => Promise.resolve().then(() => qe), "./icon.vue": () => Promise.resolve().then(() => Io), "./magnifyingGlass.vue": () => Promise.resolve().then(() => To), "./moon.vue": () => Promise.resolve().then(() => ze), "./rotateRight.vue": () => Promise.resolve().then(() => ao), "./sun.vue": () => Promise.resolve().then(() => Se), "./user.vue": () => Promise.resolve().then(() => Ae) }), `./${c}.vue`, 2));
     }), t = F(() => {
       let c = ["cm-icon"];
       return e.spin && c.push("cm-icon_animations_spin"), c;
@@ -469,13 +521,13 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
       class: p(t.value)
     }, null, 8, ["class"]));
   }
-}), $ = /* @__PURE__ */ g(Ro, [["__scopeId", "data-v-e8b1cecb"]]), Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $ = /* @__PURE__ */ g(Ho, [["__scopeId", "data-v-e8b1cecb"]]), Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: $
-}, Symbol.toStringTag, { value: "Module" })), No = { class: "cm-menu__list" }, Eo = {
+}, Symbol.toStringTag, { value: "Module" })), Uo = { class: "cm-menu__list" }, Ko = {
   key: 1,
   class: "cm-menu__separator"
-}, Zo = ["onClick"], Ao = /* @__PURE__ */ k({
+}, qo = ["onClick"], Go = /* @__PURE__ */ k({
   __name: "menu",
   props: {
     items: {},
@@ -491,25 +543,25 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
       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));
+        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);
     };
     return (d, v) => (r(), l("div", {
       class: p(["cm-menu", `cm-menu_${d.orientation}`])
     }, [
-      i("ul", No, [
-        (r(!0), l(P, null, W(d.items, (a, C) => (r(), l("li", {
+      i("ul", Uo, [
+        (r(!0), l(M, null, W(d.items, (a, C) => (r(), l("li", {
           key: c(a, C),
           class: "cm-menu__item"
         }, [
           d.$slots[c(a, C)] ? u(d.$slots, c(a, C), {
             key: 0,
             item: { ...a, class: "cm-menu__link" }
-          }) : a.separator ? (r(), l("hr", Eo)) : a.hasOwnProperty("items") ? (r(), l(P, { key: 2 }, [
+          }) : a.separator ? (r(), l("hr", Ko)) : a.hasOwnProperty("items") ? (r(), l(M, { key: 2 }, [
             i("div", {
               class: p(["cm-menu__parent", { "cm-menu__parent_active": a.active }]),
-              onClick: (M) => _(a)
+              onClick: (P) => _(a)
             }, [
               a.icon ? (r(), y(f($), {
                 key: 0,
@@ -518,8 +570,8 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
               }, null, 8, ["icon"])) : b("", !0),
               z(" " + S(a.label) + " ", 1),
               w(f($), { icon: "chevronDown" })
-            ], 10, Zo),
-            a.items ? (r(), y(f(Ao), {
+            ], 10, qo),
+            a.items ? (r(), y(f(Go), {
               key: 0,
               items: a.items,
               class: p(["cm-menu__submenu", { "cm-menu__submenu_visible": a.subMenuVisible }]),
@@ -533,8 +585,8 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
             class: "cm-menu__link",
             active: a.active,
             disabled: a.disabled,
-            onClick: (M) => _(a),
-            onOnActive: (M) => m(a)
+            onClick: (P) => _(a),
+            onOnActive: (P) => m(a)
           }, {
             default: h(() => [
               a.icon ? (r(), y(f($), {
@@ -550,22 +602,22 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
       ])
     ], 2));
   }
-}), Ho = { class: "cm-header" }, Io = {
+}), Wo = { class: "cm-header" }, Jo = {
   key: 0,
   class: "cm-header__left"
-}, Uo = {
+}, Qo = {
   key: 1,
   class: "cm-header__right"
-}, Ko = /* @__PURE__ */ k({
+}, Xo = /* @__PURE__ */ k({
   __name: "header",
   setup(o) {
-    return (e, s) => (r(), l("header", Ho, [
+    return (e, s) => (r(), l("header", Wo, [
       w(f(L), null, {
         default: h(() => [
-          e.$slots.left ? (r(), l("div", Io, [
+          e.$slots.left ? (r(), l("div", Jo, [
             u(e.$slots, "left")
           ])) : b("", !0),
-          e.$slots.right ? (r(), l("div", Uo, [
+          e.$slots.right ? (r(), l("div", Qo, [
             u(e.$slots, "right")
           ])) : b("", !0)
         ]),
@@ -573,13 +625,13 @@ const zo = /* @__PURE__ */ g(jo, [["render", Mo]]), Lo = /* @__PURE__ */ Object.
       })
     ]));
   }
-}), qo = {}, Go = { class: "cm-footer" };
-function Wo(o, e) {
-  return r(), l("footer", Go, [
+}), Yo = {}, er = { class: "cm-footer" };
+function or(o, e) {
+  return r(), l("footer", er, [
     u(o.$slots, "default")
   ]);
 }
-const Jo = /* @__PURE__ */ O(qo, [["render", Wo]]), Qo = ["disabled"], Pr = /* @__PURE__ */ k({
+const rr = /* @__PURE__ */ O(Yo, [["render", or]]), tr = ["disabled"], Lr = /* @__PURE__ */ k({
   __name: "button",
   props: {
     to: { default: void 0 },
@@ -627,7 +679,7 @@ const Jo = /* @__PURE__ */ O(qo, [["render", Wo]]), Qo = ["disabled"], Pr = /* @
         key: 3,
         class: p(c.value)
       }, S(n.label), 3)) : b("", !0)
-    ], 10, Qo)) : (r(), y(f(V), {
+    ], 10, tr)) : (r(), y(f(V), {
       key: 1,
       to: e.to,
       type: e.type,
@@ -653,25 +705,25 @@ const Jo = /* @__PURE__ */ O(qo, [["render", Wo]]), Qo = ["disabled"], Pr = /* @
       _: 3
     }, 8, ["to", "type", "class", "disabled"]));
   }
-}), Xo = {}, Yo = { class: "cm-content" };
-function er(o, e) {
-  return r(), l("div", Yo, [
+}), lr = {}, nr = { class: "cm-content" };
+function cr(o, e) {
+  return r(), l("div", nr, [
     u(o.$slots, "default")
   ]);
 }
-const or = /* @__PURE__ */ O(Xo, [["render", er]]), rr = { class: "cm-popover" }, Mr = /* @__PURE__ */ k({
+const sr = /* @__PURE__ */ O(lr, [["render", cr]]), ar = { class: "cm-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", rr, [
+    return e({ show: n, hide: _, toggle: m }), (v, a) => (r(), l("div", ar, [
       i("div", {
         class: "cm-popover__button",
         onClick: d
       }, [
         u(v.$slots, "button")
       ]),
-      Q(w(f(me), { class: "cm-popover__wrapper" }, X({
+      Q(w(f(_e), { class: "cm-popover__wrapper" }, X({
         default: h(() => [
           a[0] || (a[0] = i("div", { class: "cm-popover__arrow" }, null, -1))
         ]),
@@ -710,71 +762,19 @@ const or = /* @__PURE__ */ O(Xo, [["render", er]]), rr = { class: "cm-popover" }
       ])
     ]));
   }
-}), tr = {}, lr = { class: "cm-container" };
-function nr(o, e) {
-  return r(), l("div", lr, [
+}), ir = {}, ur = { class: "cm-container" };
+function dr(o, e) {
+  return r(), l("div", ur, [
     u(o.$slots, "default")
   ]);
 }
-const L = /* @__PURE__ */ O(tr, [["render", nr]]), zr = /* @__PURE__ */ k({
-  __name: "defaultLayout",
-  setup(o) {
-    return (e, s) => {
-      const t = x("router-view");
-      return r(), l(P, null, [
-        w(f(Ko), null, {
-          left: h(() => [
-            u(e.$slots, "headerLeft")
-          ]),
-          right: h(() => [
-            u(e.$slots, "headerRight")
-          ]),
-          _: 3
-        }),
-        w(f(or), null, {
-          default: h(() => [
-            w(f(L), null, {
-              default: h(() => [
-                w(t)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        w(f(Jo), null, {
-          default: h(() => [
-            w(f(L), null, {
-              default: h(() => [
-                u(e.$slots, "footerDefault")
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        })
-      ], 64);
-    };
-  }
-}), cr = {}, sr = { class: "cm-left-sidebar-flexbox" }, ar = { class: "cm-left-sidebar" }, ir = { class: "cm-main-content" };
-function ur(o, e) {
-  const s = x("router-view");
-  return r(), l("div", sr, [
-    i("div", ar, [
-      u(o.$slots, "leftSidebar")
-    ]),
-    i("div", ir, [
-      w(s)
-    ])
-  ]);
-}
-const Lr = /* @__PURE__ */ O(cr, [["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 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}`;
-}, mr = (o) => {
+}, fr = (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 = [
+}, j = (o) => o.filter((e) => !hr.includes(e)).map((e) => fr(e)).join("-").toLowerCase(), hr = [
   "dark",
   "light",
   "theme",
@@ -793,11 +793,11 @@ const Lr = /* @__PURE__ */ O(cr, [["render", ur]]), A = (o, e) => "#" + o.replac
       else if (B.push(`--cm-${j(c)}: ${t}`), c.some((n) => n === "colors") && (B.push(`--cm-${j(c)}-rgb: ${E(t)}`), s !== "white"))
         for (let n = 1; n < 10; ++n) {
           let _;
-          n < 5 ? _ = dr(t, 5 - n) : _ = vr(t, n - 5), B.push(`--cm-${j(c)}-${n}00: ${_}`), B.push(`--cm-${j(c)}-${n}00-rgb: ${E(_)}`);
+          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(_)}`);
         }
     }
   }
-}, 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 +832,7 @@ const Lr = /* @__PURE__ */ O(cr, [["render", ur]]), A = (o, e) => "#" + o.replac
       dividerColor: "#2e2e32"
     }
   }
-}, hr = {
+}, pr = {
   padding: "6px 10px",
   borderRadius: "6px",
   roundedBorderRadius: "2rem",
@@ -972,27 +972,27 @@ const Lr = /* @__PURE__ */ O(cr, [["render", ur]]), A = (o, e) => "#" + o.replac
       }
     }
   }
-}, pr = {
+}, gr = {
   padding: "12px",
   borderColor: "var(--cm-border-color)",
   borderRadius: "6px"
-}, gr = {}, br = {
+}, br = {}, _r = {
   padding: "12px"
-}, _r = {}, yr = {}, Cr = {
+}, yr = {}, Cr = {}, wr = {
   color: "var(--cm-secondary-text-color)",
   padding: "12px",
   borderColor: "var(--cm-border-color)",
   backgroundColor: "var(--cm-bg-color)"
-}, wr = {
+}, kr = {
   height: "60px",
   padding: "12px",
   minHeight: "60px",
   borderColor: "var(--cm-border-color)",
   backgroundColor: "var(--cm-bg-color)"
-}, kr = {
+}, Fr = {
   hoverColor: "var(--cm-blue)",
   activeColor: "var(--cm-blue)"
-}, Fr = {}, $r = {
+}, $r = {}, Br = {
   separatorColor: "var(--cm-border-color)",
   link: {
     hoverColor: "var(--cm-blue)",
@@ -1008,40 +1008,40 @@ const Lr = /* @__PURE__ */ O(cr, [["render", ur]]), A = (o, e) => "#" + o.replac
     marginBottom: "0.5rem",
     marginLeft: "0.5rem"
   }
-}, Br = {
+}, Sr = {
   backgroundColor: "var(--cm-bg-color)"
-}, xr = {
+}, 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: pr,
+    card: gr,
+    codeBlock: br,
+    container: _r,
+    content: yr,
+    demo: Cr,
+    footer: wr,
+    header: kr,
+    link: Fr,
+    logo: $r,
+    menu: Br,
+    popover: Sr
   }
 };
 export {
-  Pr as Button,
-  me as Card,
+  Lr as Button,
+  _e as Card,
   L as Container,
-  or as Content,
-  zr as DefaultLayout,
-  xr as DefaultTheme,
-  Or as Demo,
-  Jo as Footer,
-  Ko as Header,
-  Lr as LeftSidebarLayout,
+  sr as Content,
+  jr as DefaultLayout,
+  Vr as DefaultTheme,
+  Mr as Demo,
+  rr as Footer,
+  Xo as Header,
+  Pr as LeftSidebarLayout,
   V as Link,
-  jr as Logo,
-  Ao as Menu,
-  Mr as Popover,
-  Tr as VueForge
+  zr as Logo,
+  Go as Menu,
+  Tr as Popover,
+  xr as VueForge
 };