@choosemycompany/ui 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,141 +1,30 @@
-import { defineComponent as j, computed as E, createElementBlock as I, openBlock as x, normalizeClass as k, renderSlot as C, Fragment as ye, createCommentVNode as _, unref as S, createVNode as je, createElementVNode as W, withCtx as Fe, ref as Q, shallowRef as _e, onMounted as Ee, watch as $e, onUnmounted as Ae, h as oe, nextTick as Le, createBlock as Me } from "vue";
-import './assets/index.css';const Ne = {
+import { defineComponent as O, ref as K, shallowRef as je, onMounted as Fe, watch as $e, onUnmounted as Ae, h as ie, nextTick as Le, computed as _, createBlock as ve, openBlock as b, unref as T, normalizeClass as x, createElementBlock as v, createCommentVNode as j, renderSlot as P, Fragment as G, createVNode as Me, createElementVNode as N, withCtx as Ne, renderList as ze, toDisplayString as Re } from "vue";
+import './assets/index.css';const De = {
   primary: "primary",
   secondary: "secondary"
-}, ze = {
+}, Be = {
   default: "default",
   danger: "danger"
-}, De = {
+}, Ve = {
   small: "small",
   medium: "medium"
-}, Re = ["disabled"], Kt = /* @__PURE__ */ j({
-  name: "CmcButton",
-  __name: "CmcButton",
-  props: {
-    kind: { default: Ne.primary },
-    variant: { default: ze.default },
-    size: { default: De.medium },
-    disabled: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, o = E(() => ({
-      button: !0,
-      [`button--${t.variant}`]: !0,
-      [`button--${t.kind}`]: !0,
-      [`button--${t.size}`]: !0,
-      "button--disabled": t.disabled
-    })), i = () => {
-      t.disabled || s("click", 1);
-    };
-    return (r, c) => (x(), I("button", {
-      type: "button",
-      class: k(o.value),
-      onClick: i,
-      disabled: t.disabled
-    }, [
-      C(r.$slots, "default")
-    ], 10, Re));
-  }
-}), P = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6"
-}, Be = /* @__PURE__ */ j({
-  name: "CmcHeading",
-  __name: "CmcHeading",
-  props: {
-    level: {}
-  },
-  setup(e) {
-    const n = e, t = E(() => ({
-      heading: !0,
-      [`heading-${n.level}`]: !0
-    }));
-    return (s, o) => (x(), I(ye, null, [
-      S(P).h1 === n.level ? (x(), I("h1", {
-        key: 0,
-        class: k(t.value)
-      }, [
-        C(s.$slots, "default")
-      ], 2)) : _("", !0),
-      S(P).h2 === n.level ? (x(), I("h2", {
-        key: 1,
-        class: k(t.value)
-      }, [
-        C(s.$slots, "default")
-      ], 2)) : _("", !0),
-      S(P).h3 === n.level ? (x(), I("h3", {
-        key: 2,
-        class: k(t.value)
-      }, [
-        C(s.$slots, "default")
-      ], 2)) : _("", !0),
-      S(P).h4 === n.level ? (x(), I("h4", {
-        key: 3,
-        class: k(t.value)
-      }, [
-        C(s.$slots, "default")
-      ], 2)) : _("", !0),
-      S(P).h5 === n.level ? (x(), I("h5", {
-        key: 4,
-        class: k(t.value)
-      }, [
-        C(s.$slots, "default")
-      ], 2)) : _("", !0),
-      S(P).h6 === n.level ? (x(), I("h6", {
-        key: 5,
-        class: k(t.value)
-      }, [
-        C(s.$slots, "default")
-      ], 2)) : _("", !0)
-    ], 64));
-  }
-}), Wt = /* @__PURE__ */ j({
-  name: "CmcTitle",
-  __name: "CmcTitle",
-  setup(e) {
-    return (n, t) => (x(), I(ye, null, [
-      je(Be, {
-        level: S(P).h1
-      }, {
-        default: Fe(() => [
-          C(n.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["level"]),
-      t[0] || (t[0] = W("hr", null, null, -1))
-    ], 64));
-  }
-}), He = {
-  success: "success",
-  danger: "danger",
-  warning: "warning"
-}, Ve = { class: "status__label" }, Jt = /* @__PURE__ */ j({
-  name: "CmcStatus",
-  __name: "CmcStatus",
-  props: {
-    status: { default: He.success }
-  },
-  setup(e) {
-    const n = e, t = E(() => ({
-      status: !0,
-      [`status--${n.status}`]: !0
-    }));
-    return (s, o) => (x(), I("div", {
-      class: k(t.value)
-    }, [
-      o[0] || (o[0] = W("span", { class: "status__dot" }, null, -1)),
-      W("span", Ve, [
-        C(s.$slots, "default")
-      ])
-    ], 2));
-  }
-}), be = /^[a-z0-9]+(-[a-z0-9]+)*$/, V = (e, n, t, s = "") => {
+}, re = {
+  profile: "iconamoon:profile-light",
+  edit: "iconamoon:edit-light",
+  delete: "qlementine-icons:trash-16",
+  filter: "mdi:filter-outline",
+  search: "material-symbols:search",
+  people: "ic:outline-people",
+  plus: "ic:baseline-plus",
+  mail: "ci:mail-open",
+  "chevron-down": "mi:chevron-down"
+}, J = {
+  medium: "medium",
+  large: "large"
+}, Ge = {
+  primary: "primary",
+  secondary: "secondary"
+}, xe = /^[a-z0-9]+(-[a-z0-9]+)*$/, q = (e, n, t, s = "") => {
   const o = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (o.length < 2 || o.length > 3)
@@ -145,35 +34,35 @@ import './assets/index.css';const Ne = {
   if (o.length > 3 || !o.length)
     return null;
   if (o.length > 1) {
-    const c = o.pop(), u = o.pop(), l = {
+    const l = o.pop(), a = o.pop(), c = {
       // Allow provider without '@': "provider:prefix:name"
       provider: o.length > 0 ? o[0] : s,
-      prefix: u,
-      name: c
+      prefix: a,
+      name: l
     };
-    return n && !D(l) ? null : l;
+    return n && !D(c) ? null : c;
   }
   const i = o[0], r = i.split("-");
   if (r.length > 1) {
-    const c = {
+    const l = {
       provider: s,
       prefix: r.shift(),
       name: r.join("-")
     };
-    return n && !D(c) ? null : c;
+    return n && !D(l) ? null : l;
   }
   if (t && s === "") {
-    const c = {
+    const l = {
       provider: s,
       prefix: "",
       name: i
     };
-    return n && !D(c, t) ? null : c;
+    return n && !D(l, t) ? null : l;
   }
   return null;
 }, D = (e, n) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
-((n && e.prefix === "" || e.prefix) && e.name) : !1, ve = Object.freeze(
+((n && e.prefix === "" || e.prefix) && e.name) : !1, we = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -184,23 +73,23 @@ import './assets/index.css';const Ne = {
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), G = Object.freeze({
-  ...ve,
+}), Q = Object.freeze({
+  ...we,
   ...H
-}), J = Object.freeze({
-  ...G,
+}), X = Object.freeze({
+  ...Q,
   body: "",
   hidden: !1
 });
-function Ge(e, n) {
+function He(e, n) {
   const t = {};
   !e.hFlip != !n.hFlip && (t.hFlip = !0), !e.vFlip != !n.vFlip && (t.vFlip = !0);
   const s = ((e.rotate || 0) + (n.rotate || 0)) % 4;
   return s && (t.rotate = s), t;
 }
-function se(e, n) {
-  const t = Ge(e, n);
-  for (const s in J)
+function ce(e, n) {
+  const t = He(e, n);
+  for (const s in X)
     s in H ? s in e && !(s in t) && (t[s] = H[s]) : s in n ? t[s] = n[s] : s in e && (t[s] = e[s]);
   return t;
 }
@@ -211,8 +100,8 @@ function qe(e, n) {
       return o[r] = [];
     if (!(r in o)) {
       o[r] = null;
-      const c = s[r] && s[r].parent, u = c && i(c);
-      u && (o[r] = [c].concat(u));
+      const l = s[r] && s[r].parent, a = l && i(l);
+      a && (o[r] = [l].concat(a));
     }
     return o[r];
   }
@@ -221,15 +110,15 @@ function qe(e, n) {
 function Qe(e, n, t) {
   const s = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null);
   let i = {};
-  function r(c) {
-    i = se(
-      s[c] || o[c],
+  function r(l) {
+    i = ce(
+      s[l] || o[l],
       i
     );
   }
-  return r(n), t.forEach(r), se(e, i);
+  return r(n), t.forEach(r), ce(e, i);
 }
-function xe(e, n) {
+function Ie(e, n) {
   const t = [];
   if (typeof e != "object" || typeof e.icons != "object")
     return t;
@@ -247,19 +136,19 @@ const Ue = {
   provider: "",
   aliases: {},
   not_found: {},
-  ...ve
+  ...we
 };
-function U(e, n) {
+function W(e, n) {
   for (const t in n)
     if (t in e && typeof e[t] != typeof n[t])
       return !1;
   return !0;
 }
-function we(e) {
+function Ce(e) {
   if (typeof e != "object" || e === null)
     return null;
   const n = e;
-  if (typeof n.prefix != "string" || !e.icons || typeof e.icons != "object" || !U(e, Ue))
+  if (typeof n.prefix != "string" || !e.icons || typeof e.icons != "object" || !W(e, Ue))
     return null;
   const t = n.icons;
   for (const o in t) {
@@ -268,9 +157,9 @@ function we(e) {
       // Name cannot be empty
       !o || // Must have body
       typeof i.body != "string" || // Check other props
-      !U(
+      !W(
         i,
-        J
+        X
       )
     )
       return null;
@@ -282,16 +171,16 @@ function we(e) {
       // Name cannot be empty
       !o || // Parent must be set and point to existing icon
       typeof r != "string" || !t[r] && !s[r] || // Check other props
-      !U(
+      !W(
         i,
-        J
+        X
       )
     )
       return null;
   }
   return n;
 }
-const ie = /* @__PURE__ */ Object.create(null);
+const le = /* @__PURE__ */ Object.create(null);
 function Ke(e, n) {
   return {
     provider: e,
@@ -301,11 +190,11 @@ function Ke(e, n) {
   };
 }
 function $(e, n) {
-  const t = ie[e] || (ie[e] = /* @__PURE__ */ Object.create(null));
+  const t = le[e] || (le[e] = /* @__PURE__ */ Object.create(null));
   return t[n] || (t[n] = Ke(e, n));
 }
-function Ie(e, n) {
-  return we(n) ? xe(n, (t, s) => {
+function ke(e, n) {
+  return Ce(n) ? Ie(n, (t, s) => {
     s ? e.icons[t] = s : e.missing.add(t);
   }) : [];
 }
@@ -317,31 +206,31 @@ function We(e, n, t) {
   }
   return !1;
 }
-let N = !1;
-function ke(e) {
-  return typeof e == "boolean" && (N = e), N;
+let z = !1;
+function Pe(e) {
+  return typeof e == "boolean" && (z = e), z;
 }
-function Je(e) {
-  const n = typeof e == "string" ? V(e, !0, N) : e;
+function Ze(e) {
+  const n = typeof e == "string" ? q(e, !0, z) : e;
   if (n) {
     const t = $(n.provider, n.prefix), s = n.name;
     return t.icons[s] || (t.missing.has(s) ? null : void 0);
   }
 }
-function Xe(e, n) {
-  const t = V(e, !0, N);
+function Je(e, n) {
+  const t = q(e, !0, z);
   if (!t)
     return !1;
   const s = $(t.provider, t.prefix);
   return n ? We(s, t.name, n) : (s.missing.add(t.name), !0);
 }
-function Ye(e, n) {
+function Xe(e, n) {
   if (typeof e != "object")
     return !1;
-  if (typeof n != "string" && (n = e.provider || ""), N && !n && !e.prefix) {
+  if (typeof n != "string" && (n = e.provider || ""), z && !n && !e.prefix) {
     let o = !1;
-    return we(e) && (e.prefix = "", xe(e, (i, r) => {
-      Xe(i, r) && (o = !0);
+    return Ce(e) && (e.prefix = "", Ie(e, (i, r) => {
+      Je(i, r) && (o = !0);
     })), o;
   }
   const t = e.prefix;
@@ -351,33 +240,33 @@ function Ye(e, n) {
   }))
     return !1;
   const s = $(n, t);
-  return !!Ie(s, e);
+  return !!ke(s, e);
 }
-const Ce = Object.freeze({
+const _e = Object.freeze({
   width: null,
   height: null
 }), Se = Object.freeze({
   // Dimensions
-  ...Ce,
+  ..._e,
   // Transformations
   ...H
-}), Ze = /(-?[0-9.]*[0-9]+[0-9.]*)/g, et = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function re(e, n, t) {
+}), Ye = /(-?[0-9.]*[0-9]+[0-9.]*)/g, et = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function ae(e, n, t) {
   if (n === 1)
     return e;
   if (t = t || 100, typeof e == "number")
     return Math.ceil(e * n * t) / t;
   if (typeof e != "string")
     return e;
-  const s = e.split(Ze);
+  const s = e.split(Ye);
   if (s === null || !s.length)
     return e;
   const o = [];
   let i = s.shift(), r = et.test(i);
   for (; ; ) {
     if (r) {
-      const c = parseFloat(i);
-      isNaN(c) ? o.push(i) : o.push(Math.ceil(c * n * t) / t);
+      const l = parseFloat(i);
+      isNaN(l) ? o.push(i) : o.push(Math.ceil(l * n * t) / t);
     } else
       o.push(i);
     if (i = s.shift(), i === void 0)
@@ -412,7 +301,7 @@ function ot(e, n, t) {
 const st = (e) => e === "unset" || e === "undefined" || e === "none";
 function it(e, n) {
   const t = {
-    ...G,
+    ...Q,
     ...e
   }, s = {
     ...Se,
@@ -424,19 +313,19 @@ function it(e, n) {
     height: t.height
   };
   let i = t.body;
-  [t, s].forEach((g) => {
-    const f = [], F = g.hFlip, T = g.vFlip;
-    let w = g.rotate;
-    F ? T ? w += 2 : (f.push(
+  [t, s].forEach((h) => {
+    const f = [], S = h.hFlip, C = h.vFlip;
+    let k = h.rotate;
+    S ? C ? k += 2 : (f.push(
       "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), f.push("scale(-1 1)"), o.top = o.left = 0) : T && (f.push(
+    ), f.push("scale(-1 1)"), o.top = o.left = 0) : C && (f.push(
       "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
     ), f.push("scale(1 -1)"), o.top = o.left = 0);
-    let b;
-    switch (w < 0 && (w -= Math.floor(w / 4) * 4), w = w % 4, w) {
+    let w;
+    switch (k < 0 && (k -= Math.floor(k / 4) * 4), k = k % 4, k) {
       case 1:
-        b = o.height / 2 + o.top, f.unshift(
-          "rotate(90 " + b.toString() + " " + b.toString() + ")"
+        w = o.height / 2 + o.top, f.unshift(
+          "rotate(90 " + w.toString() + " " + w.toString() + ")"
         );
         break;
       case 2:
@@ -445,25 +334,25 @@ function it(e, n) {
         );
         break;
       case 3:
-        b = o.width / 2 + o.left, f.unshift(
-          "rotate(-90 " + b.toString() + " " + b.toString() + ")"
+        w = o.width / 2 + o.left, f.unshift(
+          "rotate(-90 " + w.toString() + " " + w.toString() + ")"
         );
         break;
     }
-    w % 2 === 1 && (o.left !== o.top && (b = o.left, o.left = o.top, o.top = b), o.width !== o.height && (b = o.width, o.width = o.height, o.height = b)), f.length && (i = ot(
+    k % 2 === 1 && (o.left !== o.top && (w = o.left, o.left = o.top, o.top = w), o.width !== o.height && (w = o.width, o.width = o.height, o.height = w)), f.length && (i = ot(
       i,
       '<g transform="' + f.join(" ") + '">',
       "</g>"
     ));
   });
-  const r = s.width, c = s.height, u = o.width, l = o.height;
-  let a, d;
-  r === null ? (d = c === null ? "1em" : c === "auto" ? l : c, a = re(d, u / l)) : (a = r === "auto" ? u : r, d = c === null ? re(a, l / u) : c === "auto" ? l : c);
-  const p = {}, m = (g, f) => {
-    st(f) || (p[g] = f.toString());
+  const r = s.width, l = s.height, a = o.width, c = o.height;
+  let u, d;
+  r === null ? (d = l === null ? "1em" : l === "auto" ? c : l, u = ae(d, a / c)) : (u = r === "auto" ? a : r, d = l === null ? ae(u, c / a) : l === "auto" ? c : l);
+  const p = {}, g = (h, f) => {
+    st(f) || (p[h] = f.toString());
   };
-  m("width", a), m("height", d);
-  const y = [o.left, o.top, u, l];
+  g("width", u), g("height", d);
+  const y = [o.left, o.top, a, c];
   return p.viewBox = y.join(" "), {
     attributes: p,
     viewBox: y,
@@ -472,7 +361,7 @@ function it(e, n) {
 }
 const rt = /\sid="(\S+)"/g, ct = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
 let lt = 0;
-function ut(e, n = ct) {
+function at(e, n = ct) {
   const t = [];
   let s;
   for (; s = rt.exec(e); )
@@ -481,23 +370,23 @@ function ut(e, n = ct) {
     return e;
   const o = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return t.forEach((i) => {
-    const r = typeof n == "function" ? n(i) : n + (lt++).toString(), c = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const r = typeof n == "function" ? n(i) : n + (lt++).toString(), l = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
-      new RegExp('([#;"])(' + c + ')([")]|\\.[a-z])', "g"),
+      new RegExp('([#;"])(' + l + ')([")]|\\.[a-z])', "g"),
       "$1" + r + o + "$3"
     );
   }), e = e.replace(new RegExp(o, "g"), ""), e;
 }
-const X = /* @__PURE__ */ Object.create(null);
-function at(e, n) {
-  X[e] = n;
-}
-function Y(e) {
-  return X[e] || X[""];
+const Y = /* @__PURE__ */ Object.create(null);
+function ut(e, n) {
+  Y[e] = n;
 }
 function ee(e) {
+  return Y[e] || Y[""];
+}
+function ne(e) {
   let n;
   if (typeof e.resources == "string")
     n = [e.resources];
@@ -522,21 +411,21 @@ function ee(e) {
     dataAfterTimeout: e.dataAfterTimeout !== !1
   };
 }
-const te = /* @__PURE__ */ Object.create(null), L = [
+const oe = /* @__PURE__ */ Object.create(null), L = [
   "https://api.simplesvg.com",
   "https://api.unisvg.com"
-], R = [];
+], B = [];
 for (; L.length > 0; )
-  L.length === 1 || Math.random() > 0.5 ? R.push(L.shift()) : R.push(L.pop());
-te[""] = ee({
-  resources: ["https://api.iconify.design"].concat(R)
+  L.length === 1 || Math.random() > 0.5 ? B.push(L.shift()) : B.push(L.pop());
+oe[""] = ne({
+  resources: ["https://api.iconify.design"].concat(B)
 });
 function ft(e, n) {
-  const t = ee(n);
-  return t === null ? !1 : (te[e] = t, !0);
+  const t = ne(n);
+  return t === null ? !1 : (oe[e] = t, !0);
 }
-function ne(e) {
-  return te[e];
+function se(e) {
+  return oe[e];
 }
 const dt = () => {
   let e;
@@ -546,9 +435,9 @@ const dt = () => {
   } catch {
   }
 };
-let ce = dt();
+let ue = dt();
 function pt(e, n) {
-  const t = ne(e);
+  const t = se(e);
   if (!t)
     return 0;
   let s;
@@ -574,36 +463,36 @@ const mt = (e, n, t) => {
     provider: e,
     prefix: n,
     icons: []
-  }, c = 0;
-  return t.forEach((u, l) => {
-    c += u.length + 1, c >= o && l > 0 && (s.push(r), r = {
+  }, l = 0;
+  return t.forEach((a, c) => {
+    l += a.length + 1, l >= o && c > 0 && (s.push(r), r = {
       type: i,
       provider: e,
       prefix: n,
       icons: []
-    }, c = u.length), r.icons.push(u);
+    }, l = a.length), r.icons.push(a);
   }), s.push(r), s;
 };
 function gt(e) {
   if (typeof e == "string") {
-    const n = ne(e);
+    const n = se(e);
     if (n)
       return n.path;
   }
   return "/";
 }
 const yt = (e, n, t) => {
-  if (!ce) {
+  if (!ue) {
     t("abort", 424);
     return;
   }
   let s = gt(n.provider);
   switch (n.type) {
     case "icons": {
-      const i = n.prefix, c = n.icons.join(","), u = new URLSearchParams({
-        icons: c
+      const i = n.prefix, l = n.icons.join(","), a = new URLSearchParams({
+        icons: l
       });
-      s += i + ".json?" + u.toString();
+      s += i + ".json?" + a.toString();
       break;
     }
     case "custom": {
@@ -616,7 +505,7 @@ const yt = (e, n, t) => {
       return;
   }
   let o = 503;
-  ce(e + s).then((i) => {
+  ue(e + s).then((i) => {
     const r = i.status;
     if (r !== 200) {
       setTimeout(() => {
@@ -658,15 +547,15 @@ function vt(e) {
     if (s.name === o.name && s.prefix === o.prefix && s.provider === o.provider)
       return;
     s = o;
-    const i = o.provider, r = o.prefix, c = o.name, u = t[i] || (t[i] = /* @__PURE__ */ Object.create(null)), l = u[r] || (u[r] = $(i, r));
-    let a;
-    c in l.icons ? a = n.loaded : r === "" || l.missing.has(c) ? a = n.missing : a = n.pending;
+    const i = o.provider, r = o.prefix, l = o.name, a = t[i] || (t[i] = /* @__PURE__ */ Object.create(null)), c = a[r] || (a[r] = $(i, r));
+    let u;
+    l in c.icons ? u = n.loaded : r === "" || c.missing.has(l) ? u = n.missing : u = n.pending;
     const d = {
       provider: i,
       prefix: r,
-      name: c
+      name: l
     };
-    a.push(d);
+    u.push(d);
   }), n;
 }
 function Te(e, n) {
@@ -684,27 +573,27 @@ function xt(e) {
     let t = !1;
     const s = e.provider, o = e.prefix;
     n.forEach((i) => {
-      const r = i.icons, c = r.pending.length;
-      r.pending = r.pending.filter((u) => {
-        if (u.prefix !== o)
+      const r = i.icons, l = r.pending.length;
+      r.pending = r.pending.filter((a) => {
+        if (a.prefix !== o)
           return !0;
-        const l = u.name;
-        if (e.icons[l])
+        const c = a.name;
+        if (e.icons[c])
           r.loaded.push({
             provider: s,
             prefix: o,
-            name: l
+            name: c
           });
-        else if (e.missing.has(l))
+        else if (e.missing.has(c))
           r.missing.push({
             provider: s,
             prefix: o,
-            name: l
+            name: c
           });
         else
           return t = !0, !0;
         return !1;
-      }), r.pending.length !== c && (t || Te([e], i.id), i.callback(
+      }), r.pending.length !== l && (t || Te([e], i.id), i.callback(
         r.loaded.slice(0),
         r.missing.slice(0),
         r.pending.slice(0),
@@ -728,14 +617,14 @@ function It(e, n, t) {
     (r.loaderCallbacks || (r.loaderCallbacks = [])).push(i);
   }), o;
 }
-function kt(e, n = !0, t = !1) {
+function Ct(e, n = !0, t = !1) {
   const s = [];
   return e.forEach((o) => {
-    const i = typeof o == "string" ? V(o, n, t) : o;
+    const i = typeof o == "string" ? q(o, n, t) : o;
     i && s.push(i);
   }), s;
 }
-var Ct = {
+var kt = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -743,186 +632,186 @@ var Ct = {
   random: !1,
   dataAfterTimeout: !1
 };
-function St(e, n, t, s) {
+function Pt(e, n, t, s) {
   const o = e.resources.length, i = e.random ? Math.floor(Math.random() * o) : e.index;
   let r;
   if (e.random) {
-    let h = e.resources.slice(0);
-    for (r = []; h.length > 1; ) {
-      const v = Math.floor(Math.random() * h.length);
-      r.push(h[v]), h = h.slice(0, v).concat(h.slice(v + 1));
+    let m = e.resources.slice(0);
+    for (r = []; m.length > 1; ) {
+      const I = Math.floor(Math.random() * m.length);
+      r.push(m[I]), m = m.slice(0, I).concat(m.slice(I + 1));
     }
-    r = r.concat(h);
+    r = r.concat(m);
   } else
     r = e.resources.slice(i).concat(e.resources.slice(0, i));
-  const c = Date.now();
-  let u = "pending", l = 0, a, d = null, p = [], m = [];
-  typeof s == "function" && m.push(s);
+  const l = Date.now();
+  let a = "pending", c = 0, u, d = null, p = [], g = [];
+  typeof s == "function" && g.push(s);
   function y() {
     d && (clearTimeout(d), d = null);
   }
-  function g() {
-    u === "pending" && (u = "aborted"), y(), p.forEach((h) => {
-      h.status === "pending" && (h.status = "aborted");
+  function h() {
+    a === "pending" && (a = "aborted"), y(), p.forEach((m) => {
+      m.status === "pending" && (m.status = "aborted");
     }), p = [];
   }
-  function f(h, v) {
-    v && (m = []), typeof h == "function" && m.push(h);
+  function f(m, I) {
+    I && (g = []), typeof m == "function" && g.push(m);
   }
-  function F() {
+  function S() {
     return {
-      startTime: c,
+      startTime: l,
       payload: n,
-      status: u,
-      queriesSent: l,
+      status: a,
+      queriesSent: c,
       queriesPending: p.length,
       subscribe: f,
-      abort: g
+      abort: h
     };
   }
-  function T() {
-    u = "failed", m.forEach((h) => {
-      h(void 0, a);
+  function C() {
+    a = "failed", g.forEach((m) => {
+      m(void 0, u);
     });
   }
-  function w() {
-    p.forEach((h) => {
-      h.status === "pending" && (h.status = "aborted");
+  function k() {
+    p.forEach((m) => {
+      m.status === "pending" && (m.status = "aborted");
     }), p = [];
   }
-  function b(h, v, A) {
-    const z = v !== "success";
-    switch (p = p.filter((O) => O !== h), u) {
+  function w(m, I, A) {
+    const R = I !== "success";
+    switch (p = p.filter((E) => E !== m), a) {
       case "pending":
         break;
       case "failed":
-        if (z || !e.dataAfterTimeout)
+        if (R || !e.dataAfterTimeout)
           return;
         break;
       default:
         return;
     }
-    if (v === "abort") {
-      a = A, T();
+    if (I === "abort") {
+      u = A, C();
       return;
     }
-    if (z) {
-      a = A, p.length || (r.length ? q() : T());
+    if (R) {
+      u = A, p.length || (r.length ? U() : C());
       return;
     }
-    if (y(), w(), !e.random) {
-      const O = e.resources.indexOf(h.resource);
-      O !== -1 && O !== e.index && (e.index = O);
+    if (y(), k(), !e.random) {
+      const E = e.resources.indexOf(m.resource);
+      E !== -1 && E !== e.index && (e.index = E);
     }
-    u = "completed", m.forEach((O) => {
-      O(A);
+    a = "completed", g.forEach((E) => {
+      E(A);
     });
   }
-  function q() {
-    if (u !== "pending")
+  function U() {
+    if (a !== "pending")
       return;
     y();
-    const h = r.shift();
-    if (h === void 0) {
+    const m = r.shift();
+    if (m === void 0) {
       if (p.length) {
         d = setTimeout(() => {
-          y(), u === "pending" && (w(), T());
+          y(), a === "pending" && (k(), C());
         }, e.timeout);
         return;
       }
-      T();
+      C();
       return;
     }
-    const v = {
+    const I = {
       status: "pending",
-      resource: h,
-      callback: (A, z) => {
-        b(v, A, z);
+      resource: m,
+      callback: (A, R) => {
+        w(I, A, R);
       }
     };
-    p.push(v), l++, d = setTimeout(q, e.rotate), t(h, n, v.callback);
+    p.push(I), c++, d = setTimeout(U, e.rotate), t(m, n, I.callback);
   }
-  return setTimeout(q), F;
+  return setTimeout(U), S;
 }
 function Oe(e) {
   const n = {
-    ...Ct,
+    ...kt,
     ...e
   };
   let t = [];
   function s() {
-    t = t.filter((c) => c().status === "pending");
+    t = t.filter((l) => l().status === "pending");
   }
-  function o(c, u, l) {
-    const a = St(
+  function o(l, a, c) {
+    const u = Pt(
       n,
-      c,
-      u,
+      l,
+      a,
       (d, p) => {
-        s(), l && l(d, p);
+        s(), c && c(d, p);
       }
     );
-    return t.push(a), a;
+    return t.push(u), u;
   }
-  function i(c) {
-    return t.find((u) => c(u)) || null;
+  function i(l) {
+    return t.find((a) => l(a)) || null;
   }
   return {
     query: o,
     find: i,
-    setIndex: (c) => {
-      n.index = c;
+    setIndex: (l) => {
+      n.index = l;
     },
     getIndex: () => n.index,
     cleanup: s
   };
 }
-function le() {
+function fe() {
 }
-const K = /* @__PURE__ */ Object.create(null);
-function Tt(e) {
-  if (!K[e]) {
-    const n = ne(e);
+const Z = /* @__PURE__ */ Object.create(null);
+function _t(e) {
+  if (!Z[e]) {
+    const n = se(e);
     if (!n)
       return;
     const t = Oe(n), s = {
       config: n,
       redundancy: t
     };
-    K[e] = s;
+    Z[e] = s;
   }
-  return K[e];
+  return Z[e];
 }
-function Ot(e, n, t) {
+function St(e, n, t) {
   let s, o;
   if (typeof e == "string") {
-    const i = Y(e);
+    const i = ee(e);
     if (!i)
-      return t(void 0, 424), le;
+      return t(void 0, 424), fe;
     o = i.send;
-    const r = Tt(e);
+    const r = _t(e);
     r && (s = r.redundancy);
   } else {
-    const i = ee(e);
+    const i = ne(e);
     if (i) {
       s = Oe(i);
-      const r = e.resources ? e.resources[0] : "", c = Y(r);
-      c && (o = c.send);
+      const r = e.resources ? e.resources[0] : "", l = ee(r);
+      l && (o = l.send);
     }
   }
-  return !s || !o ? (t(void 0, 424), le) : s.query(n, o, t)().abort;
+  return !s || !o ? (t(void 0, 424), fe) : s.query(n, o, t)().abort;
 }
-function ue() {
+function de() {
 }
-function Pt(e) {
+function Tt(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
     e.iconsLoaderFlag = !1, xt(e);
   }));
 }
-function jt(e) {
+function Ot(e) {
   const n = [], t = [];
   return e.forEach((s) => {
-    (s.match(be) ? n : t).push(s);
+    (s.match(xe) ? n : t).push(s);
   }), {
     valid: n,
     invalid: t
@@ -937,23 +826,23 @@ function M(e, n, t) {
   }
   if (t && typeof t == "object")
     try {
-      if (!Ie(e, t).length) {
+      if (!ke(e, t).length) {
         s();
         return;
       }
     } catch (o) {
       console.error(o);
     }
-  s(), Pt(e);
+  s(), Tt(e);
 }
-function ae(e, n) {
+function pe(e, n) {
   e instanceof Promise ? e.then((t) => {
     n(t);
   }).catch(() => {
     n(null);
   }) : n(e);
 }
-function Ft(e, n) {
+function Et(e, n) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(n).sort() : e.iconsToLoad = n, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: t, prefix: s } = e, o = e.iconsToLoad;
@@ -961,83 +850,83 @@ function Ft(e, n) {
       return;
     const i = e.loadIcon;
     if (e.loadIcons && (o.length > 1 || !i)) {
-      ae(
+      pe(
         e.loadIcons(o, s, t),
-        (a) => {
-          M(e, o, a);
+        (u) => {
+          M(e, o, u);
         }
       );
       return;
     }
     if (i) {
-      o.forEach((a) => {
-        const d = i(a, s, t);
-        ae(d, (p) => {
-          const m = p ? {
+      o.forEach((u) => {
+        const d = i(u, s, t);
+        pe(d, (p) => {
+          const g = p ? {
             prefix: s,
             icons: {
-              [a]: p
+              [u]: p
             }
           } : null;
-          M(e, [a], m);
+          M(e, [u], g);
         });
       });
       return;
     }
-    const { valid: r, invalid: c } = jt(o);
-    if (c.length && M(e, c, null), !r.length)
+    const { valid: r, invalid: l } = Ot(o);
+    if (l.length && M(e, l, null), !r.length)
       return;
-    const u = s.match(be) ? Y(t) : null;
-    if (!u) {
+    const a = s.match(xe) ? ee(t) : null;
+    if (!a) {
       M(e, r, null);
       return;
     }
-    u.prepare(t, s, r).forEach((a) => {
-      Ot(t, a, (d) => {
-        M(e, a.icons, d);
+    a.prepare(t, s, r).forEach((u) => {
+      St(t, u, (d) => {
+        M(e, u.icons, d);
       });
     });
   }));
 }
-const _t = (e, n) => {
-  const t = kt(e, !0, ke()), s = vt(t);
+const jt = (e, n) => {
+  const t = Ct(e, !0, Pe()), s = vt(t);
   if (!s.pending.length) {
-    let u = !0;
+    let a = !0;
     return n && setTimeout(() => {
-      u && n(
+      a && n(
         s.loaded,
         s.missing,
         s.pending,
-        ue
+        de
       );
     }), () => {
-      u = !1;
+      a = !1;
     };
   }
   const o = /* @__PURE__ */ Object.create(null), i = [];
-  let r, c;
-  return s.pending.forEach((u) => {
-    const { provider: l, prefix: a } = u;
-    if (a === c && l === r)
+  let r, l;
+  return s.pending.forEach((a) => {
+    const { provider: c, prefix: u } = a;
+    if (u === l && c === r)
       return;
-    r = l, c = a, i.push($(l, a));
-    const d = o[l] || (o[l] = /* @__PURE__ */ Object.create(null));
-    d[a] || (d[a] = []);
-  }), s.pending.forEach((u) => {
-    const { provider: l, prefix: a, name: d } = u, p = $(l, a), m = p.pendingIcons || (p.pendingIcons = /* @__PURE__ */ new Set());
-    m.has(d) || (m.add(d), o[l][a].push(d));
-  }), i.forEach((u) => {
-    const l = o[u.provider][u.prefix];
-    l.length && Ft(u, l);
-  }), n ? It(n, s, i) : ue;
+    r = c, l = u, i.push($(c, u));
+    const d = o[c] || (o[c] = /* @__PURE__ */ Object.create(null));
+    d[u] || (d[u] = []);
+  }), s.pending.forEach((a) => {
+    const { provider: c, prefix: u, name: d } = a, p = $(c, u), g = p.pendingIcons || (p.pendingIcons = /* @__PURE__ */ new Set());
+    g.has(d) || (g.add(d), o[c][u].push(d));
+  }), i.forEach((a) => {
+    const c = o[a.provider][a.prefix];
+    c.length && Et(a, c);
+  }), n ? It(n, s, i) : de;
 };
-function Et(e, n) {
+function Ft(e, n) {
   const t = {
     ...e
   };
   for (const s in n) {
     const o = n[s], i = typeof o;
-    s in Ce ? (o === null || o && (i === "string" || i === "number")) && (t[s] = o) : i === typeof t[s] && (t[s] = s === "rotate" ? o % 4 : o);
+    s in _e ? (o === null || o && (i === "string" || i === "number")) && (t[s] = o) : i === typeof t[s] && (t[s] = s === "rotate" ? o % 4 : o);
   }
   return t;
 }
@@ -1092,51 +981,51 @@ function Nt(e) {
 function zt(e) {
   return "data:image/svg+xml," + Nt(e);
 }
-function Dt(e) {
+function Rt(e) {
   return 'url("' + zt(e) + '")';
 }
-const fe = {
+const he = {
   ...Se,
   inline: !1
-}, Rt = {
+}, Dt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
 }, Bt = {
   display: "inline-block"
-}, Z = {
+}, te = {
   backgroundColor: "currentColor"
-}, Pe = {
+}, Ee = {
   backgroundColor: "transparent"
-}, de = {
+}, me = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, pe = {
-  webkitMask: Z,
-  mask: Z,
-  background: Pe
+}, ge = {
+  webkitMask: te,
+  mask: te,
+  background: Ee
 };
-for (const e in pe) {
-  const n = pe[e];
-  for (const t in de)
-    n[e + t] = de[t];
+for (const e in ge) {
+  const n = ge[e];
+  for (const t in me)
+    n[e + t] = me[t];
 }
-const B = {};
+const V = {};
 ["horizontal", "vertical"].forEach((e) => {
   const n = e.slice(0, 1) + "Flip";
-  B[e + "-flip"] = n, B[e.slice(0, 1) + "-flip"] = n, B[e + "Flip"] = n;
+  V[e + "-flip"] = n, V[e.slice(0, 1) + "-flip"] = n, V[e + "Flip"] = n;
 });
-function he(e) {
+function ye(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const me = (e, n) => {
-  const t = Et(fe, n), s = { ...Rt }, o = n.mode || "svg", i = {}, r = n.style, c = typeof r == "object" && !(r instanceof Array) ? r : {};
-  for (let g in n) {
-    const f = n[g];
+const be = (e, n) => {
+  const t = Ft(he, n), s = { ...Dt }, o = n.mode || "svg", i = {}, r = n.style, l = typeof r == "object" && !(r instanceof Array) ? r : {};
+  for (let h in n) {
+    const f = n[h];
     if (f !== void 0)
-      switch (g) {
+      switch (h) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -1148,7 +1037,7 @@ const me = (e, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          t[g] = f === !0 || f === "true" || f === 1;
+          t[h] = f === !0 || f === "true" || f === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
@@ -1160,7 +1049,7 @@ const me = (e, n) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof f == "string" ? t[g] = Lt(f) : typeof f == "number" && (t[g] = f);
+          typeof f == "string" ? t[h] = Lt(f) : typeof f == "number" && (t[h] = f);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1168,37 +1057,37 @@ const me = (e, n) => {
           f !== !0 && f !== "true" && delete s["aria-hidden"];
           break;
         default: {
-          const F = B[g];
-          F ? (f === !0 || f === "true" || f === 1) && (t[F] = !0) : fe[g] === void 0 && (s[g] = f);
+          const S = V[h];
+          S ? (f === !0 || f === "true" || f === 1) && (t[S] = !0) : he[h] === void 0 && (s[h] = f);
         }
       }
   }
-  const u = it(e, t), l = u.attributes;
+  const a = it(e, t), c = a.attributes;
   if (t.inline && (i.verticalAlign = "-0.125em"), o === "svg") {
     s.style = {
       ...i,
-      ...c
-    }, Object.assign(s, l);
-    let g = 0, f = n.id;
-    return typeof f == "string" && (f = f.replace(/-/g, "_")), s.innerHTML = ut(u.body, f ? () => f + "ID" + g++ : "iconifyVue"), oe("svg", s);
+      ...l
+    }, Object.assign(s, c);
+    let h = 0, f = n.id;
+    return typeof f == "string" && (f = f.replace(/-/g, "_")), s.innerHTML = at(a.body, f ? () => f + "ID" + h++ : "iconifyVue"), ie("svg", s);
   }
-  const { body: a, width: d, height: p } = e, m = o === "mask" || (o === "bg" ? !1 : a.indexOf("currentColor") !== -1), y = Mt(a, {
-    ...l,
+  const { body: u, width: d, height: p } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), y = Mt(u, {
+    ...c,
     width: d + "",
     height: p + ""
   });
   return s.style = {
     ...i,
-    "--svg": Dt(y),
-    width: he(l.width),
-    height: he(l.height),
+    "--svg": Rt(y),
+    width: ye(c.width),
+    height: ye(c.height),
     ...Bt,
-    ...m ? Z : Pe,
-    ...c
-  }, oe("span", s);
+    ...g ? te : Ee,
+    ...l
+  }, ie("span", s);
 };
-ke(!0);
-at("", bt);
+Pe(!0);
+ut("", bt);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1208,7 +1097,7 @@ if (typeof document < "u" && typeof window < "u") {
         // Check if item is an object and not null/array
         (typeof s != "object" || s === null || s instanceof Array || // Check for 'icons' and 'prefix'
         typeof s.icons != "object" || typeof s.prefix != "string" || // Add icon set
-        !Ye(s)) && console.error(t);
+        !Xe(s)) && console.error(t);
       } catch {
         console.error(t);
       }
@@ -1230,64 +1119,64 @@ if (typeof document < "u" && typeof window < "u") {
       }
   }
 }
-const Ht = {
-  ...G,
+const Vt = {
+  ...Q,
   body: ""
-}, Vt = j((e, { emit: n }) => {
-  const t = Q(null);
+}, Gt = O((e, { emit: n }) => {
+  const t = K(null);
   function s() {
     t.value && (t.value.abort?.(), t.value = null);
   }
-  const o = Q(!!e.ssr), i = Q(""), r = _e(null);
-  function c() {
-    const l = e.icon;
-    if (typeof l == "object" && l !== null && typeof l.body == "string")
+  const o = K(!!e.ssr), i = K(""), r = je(null);
+  function l() {
+    const c = e.icon;
+    if (typeof c == "object" && c !== null && typeof c.body == "string")
       return i.value = "", {
-        data: l
+        data: c
       };
-    let a;
-    if (typeof l != "string" || (a = V(l, !1, !0)) === null)
+    let u;
+    if (typeof c != "string" || (u = q(c, !1, !0)) === null)
       return null;
-    let d = Je(a);
+    let d = Ze(u);
     if (!d) {
       const y = t.value;
-      return (!y || y.name !== l) && (d === null ? t.value = {
-        name: l
+      return (!y || y.name !== c) && (d === null ? t.value = {
+        name: c
       } : t.value = {
-        name: l,
-        abort: _t([a], u)
+        name: c,
+        abort: jt([u], a)
       }), null;
     }
-    s(), i.value !== l && (i.value = l, Le(() => {
-      n("load", l);
+    s(), i.value !== c && (i.value = c, Le(() => {
+      n("load", c);
     }));
     const p = e.customise;
     if (p) {
       d = Object.assign({}, d);
-      const y = p(d.body, a.name, a.prefix, a.provider);
+      const y = p(d.body, u.name, u.prefix, u.provider);
       typeof y == "string" && (d.body = y);
     }
-    const m = ["iconify"];
-    return a.prefix !== "" && m.push("iconify--" + a.prefix), a.provider !== "" && m.push("iconify--" + a.provider), { data: d, classes: m };
+    const g = ["iconify"];
+    return u.prefix !== "" && g.push("iconify--" + u.prefix), u.provider !== "" && g.push("iconify--" + u.provider), { data: d, classes: g };
   }
-  function u() {
-    const l = c();
-    l ? l.data !== r.value?.data && (r.value = l) : r.value = null;
+  function a() {
+    const c = l();
+    c ? c.data !== r.value?.data && (r.value = c) : r.value = null;
   }
-  return o.value ? u() : Ee(() => {
-    o.value = !0, u();
-  }), $e(() => e.icon, u), Ae(s), () => {
-    const l = r.value;
-    if (!l)
-      return me(Ht, e);
-    let a = e;
-    return l.classes && (a = {
+  return o.value ? a() : Fe(() => {
+    o.value = !0, a();
+  }), $e(() => e.icon, a), Ae(s), () => {
+    const c = r.value;
+    if (!c)
+      return be(Vt, e);
+    let u = e;
+    return c.classes && (u = {
       ...e,
-      class: l.classes.join(" ")
-    }), me({
-      ...G,
-      ...l.data
-    }, a);
+      class: c.classes.join(" ")
+    }), be({
+      ...Q,
+      ...c.data
+    }, u);
   };
 }, {
   props: [
@@ -1315,72 +1204,254 @@ const Ht = {
     "title"
   ],
   emits: ["load"]
-}), ge = {
-  profile: "iconamoon:profile-light",
-  edit: "iconamoon:edit-light",
-  delete: "qlementine-icons:trash-16",
-  filter: "mdi:filter-outline",
-  search: "material-symbols:search",
-  people: "ic:outline-people",
-  plus: "ic:baseline-plus",
-  mail: "ci:mail-open",
-  "chevron-down": "mi:chevron-down"
-}, Gt = {
-  m: 20,
-  l: 24
-}, qt = {
-  primary: "primary",
-  secondary: "secondary"
-}, Xt = /* @__PURE__ */ j({
+}), Ht = /* @__PURE__ */ O({
   name: "CmcIcon",
   __name: "CmcIcon",
   props: {
-    name: { default: ge.profile },
-    size: { default: "l" },
-    color: { default: qt.primary }
+    name: { default: re.profile },
+    size: { default: J.medium },
+    color: { default: Ge.primary }
   },
   setup(e) {
-    const n = e, t = E(() => ge[n.name]), s = E(() => Gt[n.size]);
-    return (o, i) => (x(), Me(S(Vt), {
-      class: k(["cmc-icon", `cmc-icon--${n.color}`]),
-      icon: t.value,
-      width: s.value,
-      height: s.value
+    const n = e, t = _(() => ({
+      "cmc-icon": !0,
+      [`cmc-icon--${n.size}`]: !0,
+      [`cmc-icon--${n.color}`]: !0
+    })), s = _(() => re[n.name]), o = _(() => J[n.size]);
+    return (i, r) => (b(), ve(T(Gt), {
+      class: x(t.value),
+      icon: s.value,
+      width: o.value,
+      height: o.value
     }, null, 8, ["class", "icon", "width", "height"]));
   }
-}), Qt = {
+}), qt = ["disabled"], on = /* @__PURE__ */ O({
+  name: "CmcButton",
+  __name: "CmcButton",
+  props: {
+    kind: { default: De.primary },
+    variant: { default: Be.default },
+    size: { default: Ve.medium },
+    icon: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: n }) {
+    const t = e, s = n, o = _(() => ({
+      button: !0,
+      [`button--${t.variant}`]: !0,
+      [`button--${t.kind}`]: !0,
+      [`button--${t.size}`]: !0,
+      "button--disabled": t.disabled
+    })), i = () => {
+      t.disabled || s("click");
+    };
+    return (r, l) => (b(), v("button", {
+      type: "button",
+      class: x(o.value),
+      onClick: i,
+      disabled: t.disabled
+    }, [
+      t.icon ? (b(), ve(Ht, {
+        key: 0,
+        name: t.icon,
+        size: T(J).small
+      }, null, 8, ["name", "size"])) : j("", !0),
+      P(r.$slots, "default")
+    ], 10, qt));
+  }
+}), F = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6"
+}, Qt = /* @__PURE__ */ O({
+  name: "CmcHeading",
+  __name: "CmcHeading",
+  props: {
+    level: {}
+  },
+  setup(e) {
+    const n = e, t = _(() => ({
+      heading: !0,
+      [`heading-${n.level}`]: !0
+    }));
+    return (s, o) => (b(), v(G, null, [
+      T(F).h1 === n.level ? (b(), v("h1", {
+        key: 0,
+        class: x(t.value)
+      }, [
+        P(s.$slots, "default")
+      ], 2)) : j("", !0),
+      T(F).h2 === n.level ? (b(), v("h2", {
+        key: 1,
+        class: x(t.value)
+      }, [
+        P(s.$slots, "default")
+      ], 2)) : j("", !0),
+      T(F).h3 === n.level ? (b(), v("h3", {
+        key: 2,
+        class: x(t.value)
+      }, [
+        P(s.$slots, "default")
+      ], 2)) : j("", !0),
+      T(F).h4 === n.level ? (b(), v("h4", {
+        key: 3,
+        class: x(t.value)
+      }, [
+        P(s.$slots, "default")
+      ], 2)) : j("", !0),
+      T(F).h5 === n.level ? (b(), v("h5", {
+        key: 4,
+        class: x(t.value)
+      }, [
+        P(s.$slots, "default")
+      ], 2)) : j("", !0),
+      T(F).h6 === n.level ? (b(), v("h6", {
+        key: 5,
+        class: x(t.value)
+      }, [
+        P(s.$slots, "default")
+      ], 2)) : j("", !0)
+    ], 64));
+  }
+}), sn = /* @__PURE__ */ O({
+  name: "CmcTitle",
+  __name: "CmcTitle",
+  setup(e) {
+    return (n, t) => (b(), v(G, null, [
+      Me(Qt, {
+        level: T(F).h1
+      }, {
+        default: Ne(() => [
+          P(n.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["level"]),
+      t[0] || (t[0] = N("hr", null, null, -1))
+    ], 64));
+  }
+}), Ut = {
+  success: "success",
+  danger: "danger",
+  warning: "warning"
+}, Kt = { class: "status__label" }, rn = /* @__PURE__ */ O({
+  name: "CmcStatus",
+  __name: "CmcStatus",
+  props: {
+    status: { default: Ut.success }
+  },
+  setup(e) {
+    const n = e, t = _(() => ({
+      status: !0,
+      [`status--${n.status}`]: !0
+    }));
+    return (s, o) => (b(), v("div", {
+      class: x(t.value)
+    }, [
+      o[0] || (o[0] = N("span", { class: "status__dot" }, null, -1)),
+      N("span", Kt, [
+        P(s.$slots, "default")
+      ])
+    ], 2));
+  }
+}), Wt = { class: "pagination" }, Zt = ["disabled"], Jt = ["onClick"], Xt = {
+  key: 1,
+  class: "pagination__ellipsis"
+}, Yt = ["disabled"], en = 2, cn = /* @__PURE__ */ O({
+  name: "CmcPagination",
+  __name: "CmcPagination",
+  props: {
+    currentPage: {},
+    totalItems: {},
+    itemsPerPage: {}
+  },
+  emits: ["update:currentPage"],
+  setup(e, { emit: n }) {
+    const t = e;
+    function s() {
+      return Math.ceil(t.totalItems / t.itemsPerPage);
+    }
+    function o() {
+      return Math.max(1, Math.min(t.currentPage, s()));
+    }
+    function i() {
+      return en;
+    }
+    const r = n, l = _(() => {
+      const p = s(), g = o(), y = i();
+      if (p <= 1) return [1];
+      const h = [];
+      h.push(1);
+      let f = Math.max(2, g - y), S = Math.min(p - 1, g + y);
+      f > 2 && h.push("...");
+      for (let C = f; C <= S; C++)
+        h.push(C);
+      return S < p - 1 && h.push("..."), h.push(p), h;
+    }), a = _(() => t.currentPage > 1), c = _(() => t.currentPage < t.totalItems), u = () => {
+      a.value && r("update:currentPage", t.currentPage - 1);
+    }, d = () => {
+      c.value && r("update:currentPage", t.currentPage + 1);
+    };
+    return (p, g) => (b(), v("nav", Wt, [
+      N("button", {
+        class: x(["pagination__page-button", { "is-invisible": !a.value }]),
+        disabled: !a.value,
+        "aria-label": "Page précédente",
+        onClick: u
+      }, " ‹ ", 10, Zt),
+      (b(!0), v(G, null, ze(l.value, (y, h) => (b(), v(G, { key: h }, [
+        typeof y == "number" ? (b(), v("button", {
+          key: 0,
+          class: x(["pagination__page-button", { "is-active": y === p.currentPage }]),
+          onClick: () => r("update:currentPage", y)
+        }, Re(y), 11, Jt)) : (b(), v("span", Xt, "…"))
+      ], 64))), 128)),
+      N("button", {
+        class: x(["pagination__page-button", { "is-invisible": !c.value }]),
+        disabled: !c.value,
+        "aria-label": "Page suivante",
+        onClick: d
+      }, " › ", 10, Yt)
+    ]));
+  }
+}), tn = {
   medium: "medium"
-}, Yt = /* @__PURE__ */ j({
+}, ln = /* @__PURE__ */ O({
   name: "CmcButtonGroup",
   __name: "CmcButtonGroup",
   props: {
-    gap: { default: Qt.medium }
+    gap: { default: tn.medium }
   },
   setup(e) {
-    const n = e, t = E(() => ({
+    const n = e, t = _(() => ({
       "button-group": !0,
       [`button-group-gap--${n.gap}`]: !0
     }));
-    return (s, o) => (x(), I("div", {
-      class: k(t.value)
+    return (s, o) => (b(), v("div", {
+      class: x(t.value)
     }, [
-      C(s.$slots, "default")
+      P(s.$slots, "default")
     ], 2));
   }
 });
 export {
-  Kt as CmcButton,
-  Yt as CmcButtonGroup,
-  Be as CmcHeading,
-  Xt as CmcIcon,
-  Jt as CmcStatus,
-  Wt as CmcTitle,
-  Ne as buttonKindOptions,
-  De as buttonSizeOptions,
-  ze as buttonVariantOptions,
-  P as headingLevelOptions,
-  qt as iconColorOptions,
-  Gt as iconSizeOptions,
-  ge as iconsMap,
-  He as statusOptions
+  on as CmcButton,
+  ln as CmcButtonGroup,
+  Qt as CmcHeading,
+  Ht as CmcIcon,
+  cn as CmcPagination,
+  rn as CmcStatus,
+  sn as CmcTitle,
+  De as buttonKindOptions,
+  Ve as buttonSizeOptions,
+  Be as buttonVariantOptions,
+  F as headingLevelOptions,
+  Ge as iconColorOptions,
+  re as iconNameOptions,
+  J as iconSizeOptions,
+  Ut as statusOptions
 };