@codemonster-ru/vueforge 0.1.0

package/dist/index.ts.mjs

@@ -0,0 +1,1047 @@
+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) => {
+  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, [
+    u(o.$slots, "default")
+  ]);
+}
+const Or = /* @__PURE__ */ O(ee, [["render", re]]);
+/*!
+  * vue-router v4.5.0
+  * (c) 2024 Eduardo San Martin Morote
+  * @license MIT
+  */
+var R;
+(function(o) {
+  o.pop = "pop", o.push = "push";
+})(R || (R = {}));
+var D;
+(function(o) {
+  o.back = "back", o.forward = "forward", o.unknown = "";
+})(D || (D = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var N;
+(function(o) {
+  o[o.aborted = 4] = "aborted", o[o.cancelled = 8] = "cancelled", o[o.duplicated = 16] = "duplicated";
+})(N || (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" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function le(o) {
+  return I(te);
+}
+const ne = ["href"], V = /* @__PURE__ */ k({
+  __name: "link",
+  props: {
+    to: { default: "" },
+    url: { default: void 0 },
+    type: { default: "a" },
+    label: { default: "" },
+    active: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  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));
+    return (m, d) => {
+      const v = x("router-link");
+      return m.type === "a" ? (r(), l("a", {
+        key: 0,
+        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 }, [
+          z(S(m.label), 1)
+        ], 64))
+      ], 10, ne)) : (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"
+      }, {
+        default: h(() => [
+          m.$slots.default ? u(m.$slots, "default", { key: 0 }) : (r(), l(P, { key: 1 }, [
+            z(S(m.label), 1)
+          ], 64))
+        ]),
+        _: 3
+      }, 8, ["to", "class", "disabled"]));
+    };
+  }
+}), ce = {}, se = { class: "cm-card" }, ae = {
+  key: 0,
+  class: "cm-card__default"
+}, ie = {
+  key: 1,
+  class: "cm-card__header"
+}, ue = {
+  key: 2,
+  class: "cm-card__body"
+}, de = {
+  key: 3,
+  class: "cm-card__footer"
+};
+function ve(o, e) {
+  return r(), l("div", se, [
+    o.$slots.default ? (r(), l("div", ae, [
+      u(o.$slots, "default")
+    ])) : b("", !0),
+    o.$slots.header ? (r(), l("div", ie, [
+      u(o.$slots, "header")
+    ])) : b("", !0),
+    o.$slots.body ? (r(), l("div", ue, [
+      u(o.$slots, "body")
+    ])) : b("", !0),
+    o.$slots.footer ? (r(), l("div", de, [
+      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({
+  __name: "logo",
+  props: {
+    to: { default: void 0 },
+    url: { default: void 0 },
+    src: {},
+    alt: { default: void 0 },
+    type: { default: "" },
+    dark: { type: Boolean },
+    width: { default: void 0 },
+    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", fe, [
+      t.type.length ? (r(), y(f(V), {
+        key: 0,
+        type: t.type,
+        to: t.to,
+        url: t.url
+      }, {
+        default: h(() => [
+          i("img", {
+            src: s.value,
+            width: t.width,
+            height: t.height,
+            alt: t.alt
+          }, null, 8, he)
+        ]),
+        _: 1
+      }, 8, ["type", "to", "url"])) : (r(), l("img", {
+        key: 1,
+        src: s.value,
+        width: t.width,
+        height: t.height,
+        alt: t.alt
+      }, null, 8, pe))
+    ]));
+  }
+}), g = (o, e) => {
+  const s = o.__vccOpts || o;
+  for (const [t, c] of e)
+    s[t] = c;
+  return s;
+}, ge = {}, be = {
+  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] = [
+    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({
+  __proto__: null,
+  default: ye
+}, Symbol.toStringTag, { value: "Module" })), we = {}, ke = {
+  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] = [
+    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({
+  __proto__: null,
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), Se = {}, Oe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function je(o, e) {
+  return r(), l("svg", Oe, 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"
+    }, null, -1),
+    i("path", {
+      fill: "currentColor",
+      d: "M32,288h448c32.5,0,31.5-32,31.5-32s0-32-31.5-32H32c-32.5,0-31.5,32-31.5,32S-0.5,288,32,288z"
+    }, null, -1),
+    i("path", {
+      fill: "currentColor",
+      d: "M32,415.5h448c32.5,0,31.5-32,31.5-32s0-32-31.5-32H32c-32.5,0-31.5,32-31.5,32S-0.5,415.5,32,415.5z"
+    }, null, -1)
+  ]));
+}
+const Pe = /* @__PURE__ */ g(Se, [["render", je]]), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Pe
+}, Symbol.toStringTag, { value: "Module" })), ze = {}, Le = {
+  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] = [
+    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"
+    }, null, -1),
+    i("circle", {
+      fill: "currentColor",
+      cx: "256",
+      cy: "127",
+      r: "127"
+    }, null, -1)
+  ]));
+}
+const xe = /* @__PURE__ */ g(ze, [["render", Te]]), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: xe
+}, Symbol.toStringTag, { value: "Module" })), Re = {}, De = {
+  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] = [
+    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({
+  __proto__: null,
+  default: Ee
+}, Symbol.toStringTag, { value: "Module" })), Ae = {}, He = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function Ie(o, e) {
+  return r(), l("svg", He, 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({
+  __proto__: null,
+  default: Ue
+}, Symbol.toStringTag, { value: "Module" })), qe = {}, Ge = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function We(o, e) {
+  return r(), l("svg", Ge, 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", {
+        fill: "currentColor",
+        d: "m256,10c33.21,0,65.43,6.5,95.75,19.33,29.29,12.39,55.6,30.13,78.2,52.72s40.33,48.9,52.72,78.2c12.82,30.32,19.33,62.54,19.33,95.75s-6.5,65.43-19.33,95.75c-12.39,29.29-30.13,55.6-52.72,78.2s-48.9,40.33-78.2,52.72c-30.32,12.82-62.54,19.33-95.75,19.33s-65.43-6.5-95.75-19.33c-29.29-12.39-55.6-30.13-78.2-52.72s-40.33-48.9-52.72-78.2c-12.82-30.32-19.33-62.54-19.33-95.75s6.5-65.43,19.33-95.75c12.39-29.29,30.13-55.6,52.72-78.2s48.9-40.33,78.2-52.72c30.32-12.82,62.54-19.33,95.75-19.33m0-10C114.62,0,0,114.62,0,256s114.62,256,256,256,256-114.62,256-256S397.38,0,256,0h0Z"
+      })
+    ], -1),
+    i("path", {
+      fill: "currentColor",
+      d: "m257.5,9.5v495C102.44,488.3,21.16,410.81,8.5,248.5,16.5,128.5,98.26,27.89,257.5,9.5Z"
+    }, null, -1)
+  ]));
+}
+const Je = /* @__PURE__ */ g(qe, [["render", We]]), Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Je
+}, Symbol.toStringTag, { value: "Module" })), Xe = {}, Ye = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function eo(o, e) {
+  return r(), l("svg", Ye, 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"
+    }, null, -1),
+    i("path", {
+      fill: "currentColor",
+      d: "m487,139.34V43.37c0-10.38-12.55-15.58-19.9-8.24l-95.97,95.97c-7.34,7.34-2.14,19.9,8.24,19.9h95.97c6.44,0,11.66-5.22,11.66-11.66Z"
+    }, null, -1)
+  ]));
+}
+const oo = /* @__PURE__ */ g(Xe, [["render", eo]]), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: oo
+}, Symbol.toStringTag, { value: "Module" })), to = {}, lo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function no(o, e) {
+  return r(), l("svg", lo, 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({
+  __proto__: null,
+  default: co
+}, Symbol.toStringTag, { value: "Module" })), ao = {}, io = {
+  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] = [
+    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({
+  __proto__: null,
+  default: vo
+}, Symbol.toStringTag, { value: "Module" })), fo = {}, ho = {
+  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] = [
+    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({
+  __proto__: null,
+  default: go
+}, Symbol.toStringTag, { value: "Module" })), _o = {}, yo = {
+  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] = [
+    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({
+  __proto__: null,
+  default: wo
+}, Symbol.toStringTag, { value: "Module" })), Fo = {}, $o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function Bo(o, e) {
+  return r(), l("svg", $o, 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"
+    }, null, -1),
+    i("path", {
+      fill: "currentColor",
+      d: "m327.76,56.24c-74.98-74.98-196.55-74.98-271.53,0s-74.98,196.55,0,271.53c74.98,74.98,196.55,74.98,271.53,0,74.98-74.98,74.98-196.55,0-271.53Zm-22.63,248.9c-62.48,62.48-163.79,62.48-226.27,0s-62.48-163.79,0-226.27,163.79-62.48,226.27,0,62.48,163.79,0,226.27Z"
+    }, null, -1)
+  ]));
+}
+const So = /* @__PURE__ */ g(Fo, [["render", Bo]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: So
+}, Symbol.toStringTag, { value: "Module" })), jo = {}, Po = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 512 512",
+  fill: "none",
+  width: "16",
+  height: "16"
+};
+function Mo(o, e) {
+  return r(), l("svg", Po, 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({
+  __proto__: null,
+  default: zo
+}, Symbol.toStringTag, { value: "Module" })), To = (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)(
+      n.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + e + (e.split("/").length !== s ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, xo = ["bars", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "circleHalf", "circleNotch", "house", "magnifyingGlass", "moon", "rotateRight", "sun", "user"], Vo = {
+  list: xo
+}, Ro = /* @__PURE__ */ k({
+  __name: "icon",
+  props: {
+    icon: {
+      type: String,
+      default: "moon",
+      validator: (o) => Vo.list.indexOf(o) > -1
+    },
+    spin: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  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));
+    }), t = F(() => {
+      let c = ["cm-icon"];
+      return e.spin && c.push("cm-icon_animations_spin"), c;
+    });
+    return (c, n) => (r(), y(q(s.value), {
+      class: p(t.value)
+    }, null, 8, ["class"]));
+  }
+}), $ = /* @__PURE__ */ g(Ro, [["__scopeId", "data-v-e8b1cecb"]]), Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $
+}, Symbol.toStringTag, { value: "Module" })), No = { class: "cm-menu__list" }, Eo = {
+  key: 1,
+  class: "cm-menu__separator"
+}, Zo = ["onClick"], Ao = /* @__PURE__ */ k({
+  __name: "menu",
+  props: {
+    items: {},
+    orientation: { default: "vertical" }
+  },
+  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) => {
+      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) => {
+      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));
+      }
+      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", {
+          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 }, [
+            i("div", {
+              class: p(["cm-menu__parent", { "cm-menu__parent_active": a.active }]),
+              onClick: (M) => _(a)
+            }, [
+              a.icon ? (r(), y(f($), {
+                key: 0,
+                icon: a.icon,
+                class: "cm-menu__icon"
+              }, null, 8, ["icon"])) : b("", !0),
+              z(" " + S(a.label) + " ", 1),
+              w(f($), { icon: "chevronDown" })
+            ], 10, Zo),
+            a.items ? (r(), y(f(Ao), {
+              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), {
+            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)
+          }, {
+            default: h(() => [
+              a.icon ? (r(), y(f($), {
+                key: 0,
+                icon: a.icon,
+                class: "cm-menu__icon"
+              }, null, 8, ["icon"])) : b("", !0),
+              z(" " + S(a.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["to", "url", "type", "active", "disabled", "onClick", "onOnActive"]))
+        ]))), 128))
+      ])
+    ], 2));
+  }
+}), Ho = { class: "cm-header" }, Io = {
+  key: 0,
+  class: "cm-header__left"
+}, Uo = {
+  key: 1,
+  class: "cm-header__right"
+}, Ko = /* @__PURE__ */ k({
+  __name: "header",
+  setup(o) {
+    return (e, s) => (r(), l("header", Ho, [
+      w(f(L), null, {
+        default: h(() => [
+          e.$slots.left ? (r(), l("div", Io, [
+            u(e.$slots, "left")
+          ])) : b("", !0),
+          e.$slots.right ? (r(), l("div", Uo, [
+            u(e.$slots, "right")
+          ])) : b("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), qo = {}, Go = { class: "cm-footer" };
+function Wo(o, e) {
+  return r(), l("footer", Go, [
+    u(o.$slots, "default")
+  ]);
+}
+const Jo = /* @__PURE__ */ O(qo, [["render", Wo]]), Qo = ["disabled"], Pr = /* @__PURE__ */ k({
+  __name: "button",
+  props: {
+    to: { default: void 0 },
+    icon: { default: void 0 },
+    type: { default: "button" },
+    size: { default: "normal" },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !1 },
+    iconPos: { default: "left" },
+    variant: { default: void 0 },
+    severity: { default: "primary" },
+    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", {
+      key: 0,
+      class: p(s.value),
+      disabled: e.loading || e.disabled
+    }, [
+      e.icon && !e.loading ? (r(), y(f($), {
+        key: 0,
+        icon: e.icon,
+        class: p(t.value)
+      }, null, 8, ["icon", "class"])) : b("", !0),
+      e.loading ? (r(), y(f($), {
+        key: 1,
+        icon: "circleNotch",
+        class: p(t.value),
+        spin: ""
+      }, null, 8, ["class"])) : b("", !0),
+      n.$slots.default ? (r(), l("span", {
+        key: 2,
+        class: p(c.value)
+      }, [
+        u(n.$slots, "default")
+      ], 2)) : n.label ? (r(), l("span", {
+        key: 3,
+        class: p(c.value)
+      }, S(n.label), 3)) : b("", !0)
+    ], 10, Qo)) : (r(), y(f(V), {
+      key: 1,
+      to: e.to,
+      type: e.type,
+      class: p(s.value),
+      disabled: e.loading || e.disabled
+    }, {
+      default: h(() => [
+        e.icon ? (r(), y(f($), {
+          key: 0,
+          icon: e.icon,
+          class: p(t.value)
+        }, null, 8, ["icon", "class"])) : b("", !0),
+        n.$slots.default ? (r(), l("span", {
+          key: 1,
+          class: p(c.value)
+        }, [
+          u(n.$slots, "default")
+        ], 2)) : n.label ? (r(), l("span", {
+          key: 2,
+          class: p(c.value)
+        }, S(n.label), 3)) : b("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "type", "class", "disabled"]));
+  }
+}), Xo = {}, Yo = { class: "cm-content" };
+function er(o, e) {
+  return r(), l("div", Yo, [
+    u(o.$slots, "default")
+  ]);
+}
+const or = /* @__PURE__ */ O(Xo, [["render", er]]), rr = { class: "cm-popover" }, Mr = /* @__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, [
+      i("div", {
+        class: "cm-popover__button",
+        onClick: d
+      }, [
+        u(v.$slots, "button")
+      ]),
+      Q(w(f(me), { class: "cm-popover__wrapper" }, X({
+        default: h(() => [
+          a[0] || (a[0] = i("div", { class: "cm-popover__arrow" }, null, -1))
+        ]),
+        _: 2
+      }, [
+        v.$slots.default ? {
+          name: "default",
+          fn: h(() => [
+            u(v.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0,
+        v.$slots.popoverHeader ? {
+          name: "header",
+          fn: h(() => [
+            u(v.$slots, "popoverHeader")
+          ]),
+          key: "1"
+        } : void 0,
+        v.$slots.popoverBody ? {
+          name: "body",
+          fn: h(() => [
+            u(v.$slots, "popoverBody")
+          ]),
+          key: "2"
+        } : void 0,
+        v.$slots.popoverFooter ? {
+          name: "footer",
+          fn: h(() => [
+            u(v.$slots, "popoverFooter")
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1536), [
+        [Y, c.visible]
+      ])
+    ]));
+  }
+}), tr = {}, lr = { class: "cm-container" };
+function nr(o, e) {
+  return r(), l("div", lr, [
+    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 e = parseInt(o.replace("#", ""), 16), s = e >> 16 & 255, t = e >> 8 & 255, c = e & 255;
+  return `${s}, ${t}, ${c}`;
+}, mr = (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]);
+    if (typeof t == "object")
+      H(t, c);
+    else if (c.some((n) => n === "theme") && c.some((n) => n === "preset")) {
+      if (c.some((n) => n === "colorScheme") && c.some((n) => n === "dark"))
+        T.push(`--cm-${j(c)}: ${t}`);
+      else if (B.push(`--cm-${j(c)}: ${t}`), c.some((n) => n === "colors") && (B.push(`--cm-${j(c)}-rgb: ${E(t)}`), s !== "white"))
+        for (let n = 1; n < 10; ++n) {
+          let _;
+          n < 5 ? _ = dr(t, 5 - n) : _ = vr(t, n - 5), B.push(`--cm-${j(c)}-${n}00: ${_}`), B.push(`--cm-${j(c)}-${n}00-rgb: ${E(_)}`);
+        }
+    }
+  }
+}, Tr = {
+  install(o, e) {
+    H(e), B.length && document.styleSheets[0].insertRule(`:root { ${B.join(";")} }`), T.length && document.styleSheets[0].insertRule(`:root[data-theme=dark] { ${T.join(";")} }`);
+  }
+}, Z = {
+  colors: {
+    white: "#ffffff",
+    green: "#0cbc87",
+    red: "#d6293e",
+    yellow: "#f7c32e",
+    sky: "#0ea5e9",
+    blue: "#007bff",
+    purple: "#6f42c1",
+    gray: "#adb5bd"
+  },
+  colorScheme: {
+    light: {
+      bgColor: "#ffffff",
+      bgSoftColor: "#f9f9f9",
+      textColor: "rgba(60, 60, 67)",
+      secondaryTextColor: "rgba(60, 60, 67, .78)",
+      borderColor: "#c2c2c4",
+      gutterColor: "#e2e2e3",
+      dividerColor: "#e2e2e3"
+    },
+    dark: {
+      bgColor: "#1a1a1a",
+      bgSoftColor: "#242424",
+      textColor: "rgba(255, 255, 255, .87)",
+      secondaryTextColor: "rgba(235, 235, 235, .6)",
+      borderColor: "#3c3f44",
+      gutterColor: "#000000",
+      dividerColor: "#2e2e32"
+    }
+  }
+}, hr = {
+  padding: "6px 10px",
+  borderRadius: "6px",
+  roundedBorderRadius: "2rem",
+  small: {
+    fontSize: "0.875rem",
+    padding: "4px 8px"
+  },
+  large: {
+    fontSize: "1.125rem",
+    padding: "4px 8px"
+  },
+  colorScheme: {
+    light: {
+      primary: {
+        color: "#FFFFFF",
+        hoverColor: "#FFFFFF",
+        borderColor: "var(--cm-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)"
+      },
+      secondary: {
+        color: "#FFFFFF",
+        hoverColor: "#FFFFFF",
+        borderColor: "var(--cm-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)"
+      },
+      success: {
+        color: "#FFFFFF",
+        hoverColor: "#FFFFFF",
+        borderColor: "var(--cm-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)"
+      },
+      danger: {
+        color: "#FFFFFF",
+        hoverColor: "#FFFFFF",
+        borderColor: "var(--cm-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)"
+      },
+      warning: {
+        color: "#FFFFFF",
+        hoverColor: "#FFFFFF",
+        borderColor: "var(--cm-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)"
+      },
+      info: {
+        color: "#FFFFFF",
+        hoverColor: "#FFFFFF",
+        borderColor: "var(--cm-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)"
+      },
+      text: {
+        primary: {
+          color: "var(--cm-blue)",
+          hoverBackgroundColor: "rgba(var(--cm-blue-600-rgb), .1)"
+        },
+        secondary: {
+          color: "var(--cm-gray)",
+          hoverBackgroundColor: "rgba(var(--cm-gray-600-rgb), .1)"
+        },
+        success: {
+          color: "var(--cm-green)",
+          hoverBackgroundColor: "rgba(var(--cm-green-600-rgb), .1)"
+        },
+        danger: {
+          color: "var(--cm-red)",
+          hoverBackgroundColor: "rgba(var(--cm-red-600-rgb), .1)"
+        },
+        warning: {
+          color: "var(--cm-yellow)",
+          hoverBackgroundColor: "rgba(var(--cm-yellow-600-rgb), .1)"
+        },
+        info: {
+          color: "var(--cm-sky)",
+          hoverBackgroundColor: "rgba(var(--cm-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)"
+        },
+        secondary: {
+          color: "var(--cm-gray)",
+          borderColor: "rgba(var(--cm-gray-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--cm-gray-600-rgb), .1)"
+        },
+        success: {
+          color: "var(--cm-green)",
+          borderColor: "rgba(var(--cm-green-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--cm-green-600-rgb), .1)"
+        },
+        danger: {
+          color: "var(--cm-red)",
+          borderColor: "rgba(var(--cm-red-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--cm-red-600-rgb), .1)"
+        },
+        warning: {
+          color: "var(--cm-yellow)",
+          borderColor: "rgba(var(--cm-yellow-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--cm-yellow-600-rgb), .1)"
+        },
+        info: {
+          color: "var(--cm-sky)",
+          borderColor: "rgba(var(--cm-sky-rgb), .4)",
+          hoverBackgroundColor: "rgba(var(--cm-sky-600-rgb), .1)"
+        }
+      }
+    }
+  }
+}, pr = {
+  padding: "12px",
+  borderColor: "var(--cm-border-color)",
+  borderRadius: "6px"
+}, gr = {}, br = {
+  padding: "12px"
+}, _r = {}, yr = {}, Cr = {
+  color: "var(--cm-secondary-text-color)",
+  padding: "12px",
+  borderColor: "var(--cm-border-color)",
+  backgroundColor: "var(--cm-bg-color)"
+}, wr = {
+  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)",
+  link: {
+    hoverColor: "var(--cm-blue)",
+    activeColor: "var(--cm-blue)"
+  },
+  parent: {
+    hoverColor: "var(--cm-secondary-text-color)",
+    activeColor: "var(--cm-blue)"
+  },
+  item: {
+    marginTop: "0.5rem",
+    marginRight: "0.5rem",
+    marginBottom: "0.5rem",
+    marginLeft: "0.5rem"
+  }
+}, Br = {
+  backgroundColor: "var(--cm-bg-color)"
+}, xr = {
+  ...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
+  }
+};
+export {
+  Pr as Button,
+  me 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,
+  V as Link,
+  jr as Logo,
+  Ao as Menu,
+  Mr as Popover,
+  Tr as VueForge
+};