@choosemycompany/ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,26 +1,26 @@
-import { defineComponent as _, computed as M, createElementBlock as I, openBlock as w, normalizeClass as C, renderSlot as k, Fragment as ye, createCommentVNode as O, unref as S, createVNode as Fe, createElementVNode as W, withCtx as Oe, ref as U, shallowRef as Ee, onMounted as _e, watch as Ae, onUnmounted as Le, h as oe, nextTick as $e, createBlock as Me, mergeProps as Ne } from "vue";
-import './assets/index.css';const ze = {
+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 = {
   primary: "primary",
   secondary: "secondary"
-}, De = {
+}, ze = {
   default: "default",
   danger: "danger"
-}, Re = {
+}, De = {
   small: "small",
   medium: "medium"
-}, Be = ["disabled"], Gt = /* @__PURE__ */ _({
+}, Re = ["disabled"], Kt = /* @__PURE__ */ j({
   name: "CmcButton",
   __name: "CmcButton",
   props: {
-    kind: { default: ze.primary },
-    variant: { default: De.default },
-    size: { default: Re.medium },
+    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 = M(() => ({
+    const t = e, s = n, o = E(() => ({
       button: !0,
       [`button--${t.variant}`]: !0,
       [`button--${t.kind}`]: !0,
@@ -29,109 +29,109 @@ import './assets/index.css';const ze = {
     })), i = () => {
       t.disabled || s("click", 1);
     };
-    return (r, c) => (w(), I("button", {
+    return (r, c) => (x(), I("button", {
       type: "button",
-      class: C(o.value),
+      class: k(o.value),
       onClick: i,
       disabled: t.disabled
     }, [
-      k(r.$slots, "default")
-    ], 10, Be));
+      C(r.$slots, "default")
+    ], 10, Re));
   }
-}), j = {
+}), P = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
   h4: "h4",
   h5: "h5",
   h6: "h6"
-}, He = /* @__PURE__ */ _({
+}, Be = /* @__PURE__ */ j({
   name: "CmcHeading",
   __name: "CmcHeading",
   props: {
     level: {}
   },
   setup(e) {
-    const n = e, t = M(() => ({
+    const n = e, t = E(() => ({
       heading: !0,
       [`heading-${n.level}`]: !0
     }));
-    return (s, o) => (w(), I(ye, null, [
-      S(j).h1 === n.level ? (w(), I("h1", {
+    return (s, o) => (x(), I(ye, null, [
+      S(P).h1 === n.level ? (x(), I("h1", {
         key: 0,
-        class: C(t.value)
+        class: k(t.value)
       }, [
-        k(s.$slots, "default")
-      ], 2)) : O("", !0),
-      S(j).h2 === n.level ? (w(), I("h2", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h2 === n.level ? (x(), I("h2", {
         key: 1,
-        class: C(t.value)
+        class: k(t.value)
       }, [
-        k(s.$slots, "default")
-      ], 2)) : O("", !0),
-      S(j).h3 === n.level ? (w(), I("h3", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h3 === n.level ? (x(), I("h3", {
         key: 2,
-        class: C(t.value)
+        class: k(t.value)
       }, [
-        k(s.$slots, "default")
-      ], 2)) : O("", !0),
-      S(j).h4 === n.level ? (w(), I("h4", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h4 === n.level ? (x(), I("h4", {
         key: 3,
-        class: C(t.value)
+        class: k(t.value)
       }, [
-        k(s.$slots, "default")
-      ], 2)) : O("", !0),
-      S(j).h5 === n.level ? (w(), I("h5", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h5 === n.level ? (x(), I("h5", {
         key: 4,
-        class: C(t.value)
+        class: k(t.value)
       }, [
-        k(s.$slots, "default")
-      ], 2)) : O("", !0),
-      S(j).h6 === n.level ? (w(), I("h6", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h6 === n.level ? (x(), I("h6", {
         key: 5,
-        class: C(t.value)
+        class: k(t.value)
       }, [
-        k(s.$slots, "default")
-      ], 2)) : O("", !0)
+        C(s.$slots, "default")
+      ], 2)) : _("", !0)
     ], 64));
   }
-}), Kt = /* @__PURE__ */ _({
+}), Wt = /* @__PURE__ */ j({
   name: "CmcTitle",
   __name: "CmcTitle",
   setup(e) {
-    return (n, t) => (w(), I(ye, null, [
-      Fe(He, {
-        level: S(j).h1
+    return (n, t) => (x(), I(ye, null, [
+      je(Be, {
+        level: S(P).h1
       }, {
-        default: Oe(() => [
-          k(n.$slots, "default")
+        default: Fe(() => [
+          C(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["level"]),
       t[0] || (t[0] = W("hr", null, null, -1))
     ], 64));
   }
-}), Ve = {
+}), He = {
   success: "success",
   danger: "danger",
   warning: "warning"
-}, qe = { class: "status__label" }, Wt = /* @__PURE__ */ _({
+}, Ve = { class: "status__label" }, Jt = /* @__PURE__ */ j({
   name: "CmcStatus",
   __name: "CmcStatus",
   props: {
-    status: { default: Ve.success }
+    status: { default: He.success }
   },
   setup(e) {
-    const n = e, t = M(() => ({
+    const n = e, t = E(() => ({
       status: !0,
       [`status--${n.status}`]: !0
     }));
-    return (s, o) => (w(), I("div", {
-      class: C(t.value)
+    return (s, o) => (x(), I("div", {
+      class: k(t.value)
     }, [
       o[0] || (o[0] = W("span", { class: "status__dot" }, null, -1)),
-      W("span", qe, [
-        k(s.$slots, "default")
+      W("span", Ve, [
+        C(s.$slots, "default")
       ])
     ], 2));
   }
@@ -184,27 +184,27 @@ import './assets/index.css';const ze = {
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), q = Object.freeze({
+}), G = Object.freeze({
   ...ve,
   ...H
 }), J = Object.freeze({
-  ...q,
+  ...G,
   body: "",
   hidden: !1
 });
-function Qe(e, n) {
+function Ge(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 = Qe(e, n);
+  const t = Ge(e, n);
   for (const s in J)
     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;
 }
-function Ue(e, n) {
+function qe(e, n) {
   const t = e.icons, s = e.aliases || /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
   function i(r) {
     if (t[r])
@@ -218,7 +218,7 @@ function Ue(e, n) {
   }
   return Object.keys(t).concat(Object.keys(s)).forEach(i), o;
 }
-function Ge(e, n, t) {
+function Qe(e, n, t) {
   const s = e.icons, o = e.aliases || /* @__PURE__ */ Object.create(null);
   let i = {};
   function r(c) {
@@ -236,20 +236,20 @@ function xe(e, n) {
   e.not_found instanceof Array && e.not_found.forEach((o) => {
     n(o, null), t.push(o);
   });
-  const s = Ue(e);
+  const s = qe(e);
   for (const o in s) {
     const i = s[o];
-    i && (n(o, Ge(e, o, i)), t.push(o));
+    i && (n(o, Qe(e, o, i)), t.push(o));
   }
   return t;
 }
-const Ke = {
+const Ue = {
   provider: "",
   aliases: {},
   not_found: {},
   ...ve
 };
-function G(e, n) {
+function U(e, n) {
   for (const t in n)
     if (t in e && typeof e[t] != typeof n[t])
       return !1;
@@ -259,7 +259,7 @@ function we(e) {
   if (typeof e != "object" || e === null)
     return null;
   const n = e;
-  if (typeof n.prefix != "string" || !e.icons || typeof e.icons != "object" || !G(e, Ke))
+  if (typeof n.prefix != "string" || !e.icons || typeof e.icons != "object" || !U(e, Ue))
     return null;
   const t = n.icons;
   for (const o in t) {
@@ -268,7 +268,7 @@ function we(e) {
       // Name cannot be empty
       !o || // Must have body
       typeof i.body != "string" || // Check other props
-      !G(
+      !U(
         i,
         J
       )
@@ -282,7 +282,7 @@ 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
-      !G(
+      !U(
         i,
         J
       )
@@ -292,7 +292,7 @@ function we(e) {
   return n;
 }
 const ie = /* @__PURE__ */ Object.create(null);
-function We(e, n) {
+function Ke(e, n) {
   return {
     provider: e,
     prefix: n,
@@ -300,16 +300,16 @@ function We(e, n) {
     missing: /* @__PURE__ */ new Set()
   };
 }
-function E(e, n) {
+function $(e, n) {
   const t = ie[e] || (ie[e] = /* @__PURE__ */ Object.create(null));
-  return t[n] || (t[n] = We(e, n));
+  return t[n] || (t[n] = Ke(e, n));
 }
 function Ie(e, n) {
   return we(n) ? xe(n, (t, s) => {
     s ? e.icons[t] = s : e.missing.add(t);
   }) : [];
 }
-function Je(e, n, t) {
+function We(e, n, t) {
   try {
     if (typeof t.body == "string")
       return e.icons[n] = { ...t }, !0;
@@ -321,27 +321,27 @@ let N = !1;
 function ke(e) {
   return typeof e == "boolean" && (N = e), N;
 }
-function Xe(e) {
+function Je(e) {
   const n = typeof e == "string" ? V(e, !0, N) : e;
   if (n) {
-    const t = E(n.provider, n.prefix), s = n.name;
+    const t = $(n.provider, n.prefix), s = n.name;
     return t.icons[s] || (t.missing.has(s) ? null : void 0);
   }
 }
-function Ye(e, n) {
+function Xe(e, n) {
   const t = V(e, !0, N);
   if (!t)
     return !1;
-  const s = E(t.provider, t.prefix);
-  return n ? Je(s, t.name, n) : (s.missing.add(t.name), !0);
+  const s = $(t.provider, t.prefix);
+  return n ? We(s, t.name, n) : (s.missing.add(t.name), !0);
 }
-function Ze(e, n) {
+function Ye(e, n) {
   if (typeof e != "object")
     return !1;
   if (typeof n != "string" && (n = e.provider || ""), N && !n && !e.prefix) {
     let o = !1;
     return we(e) && (e.prefix = "", xe(e, (i, r) => {
-      Ye(i, r) && (o = !0);
+      Xe(i, r) && (o = !0);
     })), o;
   }
   const t = e.prefix;
@@ -350,7 +350,7 @@ function Ze(e, n) {
     name: "a"
   }))
     return !1;
-  const s = E(n, t);
+  const s = $(n, t);
   return !!Ie(s, e);
 }
 const Ce = Object.freeze({
@@ -361,7 +361,7 @@ const Ce = Object.freeze({
   ...Ce,
   // Transformations
   ...H
-}), et = /(-?[0-9.]*[0-9]+[0-9.]*)/g, tt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), Ze = /(-?[0-9.]*[0-9]+[0-9.]*)/g, et = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function re(e, n, t) {
   if (n === 1)
     return e;
@@ -369,11 +369,11 @@ function re(e, n, t) {
     return Math.ceil(e * n * t) / t;
   if (typeof e != "string")
     return e;
-  const s = e.split(et);
+  const s = e.split(Ze);
   if (s === null || !s.length)
     return e;
   const o = [];
-  let i = s.shift(), r = tt.test(i);
+  let i = s.shift(), r = et.test(i);
   for (; ; ) {
     if (r) {
       const c = parseFloat(i);
@@ -385,7 +385,7 @@ function re(e, n, t) {
     r = !r;
   }
 }
-function nt(e, n = "defs") {
+function tt(e, n = "defs") {
   let t = "";
   const s = e.indexOf("<" + n);
   for (; s >= 0; ) {
@@ -402,17 +402,17 @@ function nt(e, n = "defs") {
     content: e
   };
 }
-function ot(e, n) {
+function nt(e, n) {
   return e ? "<defs>" + e + "</defs>" + n : n;
 }
-function st(e, n, t) {
-  const s = nt(e);
-  return ot(s.defs, n + s.content + t);
+function ot(e, n, t) {
+  const s = tt(e);
+  return nt(s.defs, n + s.content + t);
 }
-const it = (e) => e === "unset" || e === "undefined" || e === "none";
-function rt(e, n) {
+const st = (e) => e === "unset" || e === "undefined" || e === "none";
+function it(e, n) {
   const t = {
-    ...q,
+    ...G,
     ...e
   }, s = {
     ...Se,
@@ -426,14 +426,14 @@ function rt(e, n) {
   let i = t.body;
   [t, s].forEach((g) => {
     const f = [], F = g.hFlip, T = g.vFlip;
-    let x = g.rotate;
-    F ? T ? x += 2 : (f.push(
+    let w = g.rotate;
+    F ? T ? w += 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(
       "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
     ), f.push("scale(1 -1)"), o.top = o.left = 0);
     let b;
-    switch (x < 0 && (x -= Math.floor(x / 4) * 4), x = x % 4, x) {
+    switch (w < 0 && (w -= Math.floor(w / 4) * 4), w = w % 4, w) {
       case 1:
         b = o.height / 2 + o.top, f.unshift(
           "rotate(90 " + b.toString() + " " + b.toString() + ")"
@@ -450,7 +450,7 @@ function rt(e, n) {
         );
         break;
     }
-    x % 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 = st(
+    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(
       i,
       '<g transform="' + f.join(" ") + '">',
       "</g>"
@@ -460,7 +460,7 @@ function rt(e, n) {
   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) => {
-    it(f) || (p[g] = f.toString());
+    st(f) || (p[g] = f.toString());
   };
   m("width", a), m("height", d);
   const y = [o.left, o.top, u, l];
@@ -470,18 +470,18 @@ function rt(e, n) {
     body: i
   };
 }
-const ct = /\sid="(\S+)"/g, lt = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let ut = 0;
-function at(e, n = lt) {
+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) {
   const t = [];
   let s;
-  for (; s = ct.exec(e); )
+  for (; s = rt.exec(e); )
     t.push(s[1]);
   if (!t.length)
     return e;
   const o = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return t.forEach((i) => {
-    const r = typeof n == "function" ? n(i) : n + (ut++).toString(), c = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const r = typeof n == "function" ? n(i) : n + (lt++).toString(), c = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
@@ -491,7 +491,7 @@ function at(e, n = lt) {
   }), e = e.replace(new RegExp(o, "g"), ""), e;
 }
 const X = /* @__PURE__ */ Object.create(null);
-function ft(e, n) {
+function at(e, n) {
   X[e] = n;
 }
 function Y(e) {
@@ -531,14 +531,14 @@ for (; L.length > 0; )
 te[""] = ee({
   resources: ["https://api.iconify.design"].concat(R)
 });
-function dt(e, n) {
+function ft(e, n) {
   const t = ee(n);
   return t === null ? !1 : (te[e] = t, !0);
 }
 function ne(e) {
   return te[e];
 }
-const pt = () => {
+const dt = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -546,8 +546,8 @@ const pt = () => {
   } catch {
   }
 };
-let ce = pt();
-function ht(e, n) {
+let ce = dt();
+function pt(e, n) {
   const t = ne(e);
   if (!t)
     return 0;
@@ -564,11 +564,11 @@ function ht(e, n) {
   }
   return s;
 }
-function mt(e) {
+function ht(e) {
   return e === 404;
 }
-const gt = (e, n, t) => {
-  const s = [], o = ht(e, n), i = "icons";
+const mt = (e, n, t) => {
+  const s = [], o = pt(e, n), i = "icons";
   let r = {
     type: i,
     provider: e,
@@ -584,7 +584,7 @@ const gt = (e, n, t) => {
     }, c = u.length), r.icons.push(u);
   }), s.push(r), s;
 };
-function yt(e) {
+function gt(e) {
   if (typeof e == "string") {
     const n = ne(e);
     if (n)
@@ -592,12 +592,12 @@ function yt(e) {
   }
   return "/";
 }
-const bt = (e, n, t) => {
+const yt = (e, n, t) => {
   if (!ce) {
     t("abort", 424);
     return;
   }
-  let s = yt(n.provider);
+  let s = gt(n.provider);
   switch (n.type) {
     case "icons": {
       const i = n.prefix, c = n.icons.join(","), u = new URLSearchParams({
@@ -620,7 +620,7 @@ const bt = (e, n, t) => {
     const r = i.status;
     if (r !== 200) {
       setTimeout(() => {
-        t(mt(r) ? "abort" : "next", r);
+        t(ht(r) ? "abort" : "next", r);
       });
       return;
     }
@@ -638,11 +638,11 @@ const bt = (e, n, t) => {
   }).catch(() => {
     t("next", o);
   });
-}, vt = {
-  prepare: gt,
-  send: bt
+}, bt = {
+  prepare: mt,
+  send: yt
 };
-function xt(e) {
+function vt(e) {
   const n = {
     loaded: [],
     missing: [],
@@ -658,7 +658,7 @@ function xt(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] = E(i, r));
+    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 d = {
@@ -675,7 +675,7 @@ function Te(e, n) {
     s && (t.loaderCallbacks = s.filter((o) => o.id !== n));
   });
 }
-function wt(e) {
+function xt(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
     e.pendingCallbacksFlag = !1;
     const n = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -713,9 +713,9 @@ function wt(e) {
     });
   }));
 }
-let It = 0;
-function kt(e, n, t) {
-  const s = It++, o = Te.bind(null, t, s);
+let wt = 0;
+function It(e, n, t) {
+  const s = wt++, o = Te.bind(null, t, s);
   if (!n.pending.length)
     return o;
   const i = {
@@ -728,14 +728,14 @@ function kt(e, n, t) {
     (r.loaderCallbacks || (r.loaderCallbacks = [])).push(i);
   }), o;
 }
-function Ct(e, n = !0, t = !1) {
+function kt(e, n = !0, t = !1) {
   const s = [];
   return e.forEach((o) => {
     const i = typeof o == "string" ? V(o, n, t) : o;
     i && s.push(i);
   }), s;
 }
-var St = {
+var Ct = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -743,7 +743,7 @@ var St = {
   random: !1,
   dataAfterTimeout: !1
 };
-function Tt(e, n, t, s) {
+function St(e, n, t, s) {
   const o = e.resources.length, i = e.random ? Math.floor(Math.random() * o) : e.index;
   let r;
   if (e.random) {
@@ -785,14 +785,14 @@ function Tt(e, n, t, s) {
       h(void 0, a);
     });
   }
-  function x() {
+  function w() {
     p.forEach((h) => {
       h.status === "pending" && (h.status = "aborted");
     }), p = [];
   }
   function b(h, v, A) {
     const z = v !== "success";
-    switch (p = p.filter((P) => P !== h), u) {
+    switch (p = p.filter((O) => O !== h), u) {
       case "pending":
         break;
       case "failed":
@@ -807,18 +807,18 @@ function Tt(e, n, t, s) {
       return;
     }
     if (z) {
-      a = A, p.length || (r.length ? Q() : T());
+      a = A, p.length || (r.length ? q() : T());
       return;
     }
-    if (y(), x(), !e.random) {
-      const P = e.resources.indexOf(h.resource);
-      P !== -1 && P !== e.index && (e.index = P);
+    if (y(), w(), !e.random) {
+      const O = e.resources.indexOf(h.resource);
+      O !== -1 && O !== e.index && (e.index = O);
     }
-    u = "completed", m.forEach((P) => {
-      P(A);
+    u = "completed", m.forEach((O) => {
+      O(A);
     });
   }
-  function Q() {
+  function q() {
     if (u !== "pending")
       return;
     y();
@@ -826,7 +826,7 @@ function Tt(e, n, t, s) {
     if (h === void 0) {
       if (p.length) {
         d = setTimeout(() => {
-          y(), u === "pending" && (x(), T());
+          y(), u === "pending" && (w(), T());
         }, e.timeout);
         return;
       }
@@ -840,13 +840,13 @@ function Tt(e, n, t, s) {
         b(v, A, z);
       }
     };
-    p.push(v), l++, d = setTimeout(Q, e.rotate), t(h, n, v.callback);
+    p.push(v), l++, d = setTimeout(q, e.rotate), t(h, n, v.callback);
   }
-  return setTimeout(Q), F;
+  return setTimeout(q), F;
 }
-function Pe(e) {
+function Oe(e) {
   const n = {
-    ...St,
+    ...Ct,
     ...e
   };
   let t = [];
@@ -854,7 +854,7 @@ function Pe(e) {
     t = t.filter((c) => c().status === "pending");
   }
   function o(c, u, l) {
-    const a = Tt(
+    const a = St(
       n,
       c,
       u,
@@ -880,12 +880,12 @@ function Pe(e) {
 function le() {
 }
 const K = /* @__PURE__ */ Object.create(null);
-function Pt(e) {
+function Tt(e) {
   if (!K[e]) {
     const n = ne(e);
     if (!n)
       return;
-    const t = Pe(n), s = {
+    const t = Oe(n), s = {
       config: n,
       redundancy: t
     };
@@ -893,19 +893,19 @@ function Pt(e) {
   }
   return K[e];
 }
-function jt(e, n, t) {
+function Ot(e, n, t) {
   let s, o;
   if (typeof e == "string") {
     const i = Y(e);
     if (!i)
       return t(void 0, 424), le;
     o = i.send;
-    const r = Pt(e);
+    const r = Tt(e);
     r && (s = r.redundancy);
   } else {
     const i = ee(e);
     if (i) {
-      s = Pe(i);
+      s = Oe(i);
       const r = e.resources ? e.resources[0] : "", c = Y(r);
       c && (o = c.send);
     }
@@ -914,12 +914,12 @@ function jt(e, n, t) {
 }
 function ue() {
 }
-function Ft(e) {
+function Pt(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, wt(e);
+    e.iconsLoaderFlag = !1, xt(e);
   }));
 }
-function Ot(e) {
+function jt(e) {
   const n = [], t = [];
   return e.forEach((s) => {
     (s.match(be) ? n : t).push(s);
@@ -928,7 +928,7 @@ function Ot(e) {
     invalid: t
   };
 }
-function $(e, n, t) {
+function M(e, n, t) {
   function s() {
     const o = e.pendingIcons;
     n.forEach((i) => {
@@ -944,7 +944,7 @@ function $(e, n, t) {
     } catch (o) {
       console.error(o);
     }
-  s(), Ft(e);
+  s(), Pt(e);
 }
 function ae(e, n) {
   e instanceof Promise ? e.then((t) => {
@@ -953,7 +953,7 @@ function ae(e, n) {
     n(null);
   }) : n(e);
 }
-function Et(e, n) {
+function Ft(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;
@@ -964,7 +964,7 @@ function Et(e, n) {
       ae(
         e.loadIcons(o, s, t),
         (a) => {
-          $(e, o, a);
+          M(e, o, a);
         }
       );
       return;
@@ -979,28 +979,28 @@ function Et(e, n) {
               [a]: p
             }
           } : null;
-          $(e, [a], m);
+          M(e, [a], m);
         });
       });
       return;
     }
-    const { valid: r, invalid: c } = Ot(o);
-    if (c.length && $(e, c, null), !r.length)
+    const { valid: r, invalid: c } = jt(o);
+    if (c.length && M(e, c, null), !r.length)
       return;
     const u = s.match(be) ? Y(t) : null;
     if (!u) {
-      $(e, r, null);
+      M(e, r, null);
       return;
     }
     u.prepare(t, s, r).forEach((a) => {
-      jt(t, a, (d) => {
-        $(e, a.icons, d);
+      Ot(t, a, (d) => {
+        M(e, a.icons, d);
       });
     });
   }));
 }
 const _t = (e, n) => {
-  const t = Ct(e, !0, ke()), s = xt(t);
+  const t = kt(e, !0, ke()), s = vt(t);
   if (!s.pending.length) {
     let u = !0;
     return n && setTimeout(() => {
@@ -1020,18 +1020,18 @@ const _t = (e, n) => {
     const { provider: l, prefix: a } = u;
     if (a === c && l === r)
       return;
-    r = l, c = a, i.push(E(l, a));
+    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 = E(l, a), m = p.pendingIcons || (p.pendingIcons = /* @__PURE__ */ new Set());
+    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 && Et(u, l);
-  }), n ? kt(n, s, i) : ue;
+    l.length && Ft(u, l);
+  }), n ? It(n, s, i) : ue;
 };
-function At(e, n) {
+function Et(e, n) {
   const t = {
     ...e
   };
@@ -1041,9 +1041,9 @@ function At(e, n) {
   }
   return t;
 }
-const Lt = /[\s,]+/;
-function $t(e, n) {
-  n.split(Lt).forEach((t) => {
+const $t = /[\s,]+/;
+function At(e, n) {
+  n.split($t).forEach((t) => {
     switch (t.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1054,7 +1054,7 @@ function $t(e, n) {
     }
   });
 }
-function Mt(e, n = 0) {
+function Lt(e, n = 0) {
   const t = e.replace(/^-?[0-9.]*/, "");
   function s(o) {
     for (; o < 0; )
@@ -1080,34 +1080,34 @@ function Mt(e, n = 0) {
   }
   return n;
 }
-function Nt(e, n) {
+function Mt(e, n) {
   let t = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const s in n)
     t += " " + s + '="' + n[s] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + t + ">" + e + "</svg>";
 }
-function zt(e) {
+function Nt(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function Dt(e) {
-  return "data:image/svg+xml," + zt(e);
+function zt(e) {
+  return "data:image/svg+xml," + Nt(e);
 }
-function Rt(e) {
-  return 'url("' + Dt(e) + '")';
+function Dt(e) {
+  return 'url("' + zt(e) + '")';
 }
 const fe = {
   ...Se,
   inline: !1
-}, Bt = {
+}, Rt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Ht = {
+}, Bt = {
   display: "inline-block"
 }, Z = {
   backgroundColor: "currentColor"
-}, je = {
+}, Pe = {
   backgroundColor: "transparent"
 }, de = {
   Image: "var(--svg)",
@@ -1116,7 +1116,7 @@ const fe = {
 }, pe = {
   webkitMask: Z,
   mask: Z,
-  background: je
+  background: Pe
 };
 for (const e in pe) {
   const n = pe[e];
@@ -1132,7 +1132,7 @@ function he(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const me = (e, n) => {
-  const t = At(fe, n), s = { ...Bt }, o = n.mode || "svg", i = {}, r = n.style, c = typeof r == "object" && !(r instanceof Array) ? r : {};
+  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];
     if (f !== void 0)
@@ -1152,7 +1152,7 @@ const me = (e, n) => {
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof f == "string" && $t(t, f);
+          typeof f == "string" && At(t, f);
           break;
         // Color: override style
         case "color":
@@ -1160,7 +1160,7 @@ const me = (e, n) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof f == "string" ? t[g] = Mt(f) : typeof f == "number" && (t[g] = f);
+          typeof f == "string" ? t[g] = Lt(f) : typeof f == "number" && (t[g] = f);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1173,32 +1173,32 @@ const me = (e, n) => {
         }
       }
   }
-  const u = rt(e, t), l = u.attributes;
+  const u = it(e, t), l = u.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 = at(u.body, f ? () => f + "ID" + g++ : "iconifyVue"), oe("svg", s);
+    return typeof f == "string" && (f = f.replace(/-/g, "_")), s.innerHTML = ut(u.body, f ? () => f + "ID" + g++ : "iconifyVue"), oe("svg", s);
   }
-  const { body: a, width: d, height: p } = e, m = o === "mask" || (o === "bg" ? !1 : a.indexOf("currentColor") !== -1), y = Nt(a, {
+  const { body: a, width: d, height: p } = e, m = o === "mask" || (o === "bg" ? !1 : a.indexOf("currentColor") !== -1), y = Mt(a, {
     ...l,
     width: d + "",
     height: p + ""
   });
   return s.style = {
     ...i,
-    "--svg": Rt(y),
+    "--svg": Dt(y),
     width: he(l.width),
     height: he(l.height),
-    ...Ht,
-    ...m ? Z : je,
+    ...Bt,
+    ...m ? Z : Pe,
     ...c
   }, oe("span", s);
 };
 ke(!0);
-ft("", vt);
+at("", bt);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1208,7 +1208,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
-        !Ze(s)) && console.error(t);
+        !Ye(s)) && console.error(t);
       } catch {
         console.error(t);
       }
@@ -1223,22 +1223,22 @@ if (typeof document < "u" && typeof window < "u") {
           const o = n[t];
           if (typeof o != "object" || !o || o.resources === void 0)
             continue;
-          dt(t, o) || console.error(s);
+          ft(t, o) || console.error(s);
         } catch {
           console.error(s);
         }
       }
   }
 }
-const Vt = {
-  ...q,
+const Ht = {
+  ...G,
   body: ""
-}, qt = _((e, { emit: n }) => {
-  const t = U(null);
+}, Vt = j((e, { emit: n }) => {
+  const t = Q(null);
   function s() {
     t.value && (t.value.abort?.(), t.value = null);
   }
-  const o = U(!!e.ssr), i = U(""), r = Ee(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")
@@ -1248,7 +1248,7 @@ const Vt = {
     let a;
     if (typeof l != "string" || (a = V(l, !1, !0)) === null)
       return null;
-    let d = Xe(a);
+    let d = Je(a);
     if (!d) {
       const y = t.value;
       return (!y || y.name !== l) && (d === null ? t.value = {
@@ -1258,7 +1258,7 @@ const Vt = {
         abort: _t([a], u)
       }), null;
     }
-    s(), i.value !== l && (i.value = l, $e(() => {
+    s(), i.value !== l && (i.value = l, Le(() => {
       n("load", l);
     }));
     const p = e.customise;
@@ -1274,18 +1274,18 @@ const Vt = {
     const l = c();
     l ? l.data !== r.value?.data && (r.value = l) : r.value = null;
   }
-  return o.value ? u() : _e(() => {
+  return o.value ? u() : Ee(() => {
     o.value = !0, u();
-  }), Ae(() => e.icon, u), Le(s), () => {
+  }), $e(() => e.icon, u), Ae(s), () => {
     const l = r.value;
     if (!l)
-      return me(Vt, e);
+      return me(Ht, e);
     let a = e;
     return l.classes && (a = {
       ...e,
       class: l.classes.join(" ")
     }), me({
-      ...q,
+      ...G,
       ...l.data
     }, a);
   };
@@ -1325,37 +1325,62 @@ const Vt = {
   plus: "ic:baseline-plus",
   mail: "ci:mail-open",
   "chevron-down": "mi:chevron-down"
-}, Qt = {
+}, Gt = {
   m: 20,
   l: 24
-}, Jt = /* @__PURE__ */ _({
+}, qt = {
+  primary: "primary",
+  secondary: "secondary"
+}, Xt = /* @__PURE__ */ j({
   name: "CmcIcon",
   __name: "CmcIcon",
   props: {
     name: { default: ge.profile },
-    size: { default: "l" }
+    size: { default: "l" },
+    color: { default: qt.primary }
   },
   setup(e) {
-    const n = e, t = M(() => ge[n.name]), s = M(() => Qt[n.size]);
-    return (o, i) => (w(), Me(S(qt), Ne({
-      class: "cmc-icon",
+    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
-    }, o.$attrs), null, 16, ["icon", "width", "height"]));
+    }, null, 8, ["class", "icon", "width", "height"]));
+  }
+}), Qt = {
+  medium: "medium"
+}, Yt = /* @__PURE__ */ j({
+  name: "CmcButtonGroup",
+  __name: "CmcButtonGroup",
+  props: {
+    gap: { default: Qt.medium }
+  },
+  setup(e) {
+    const n = e, t = E(() => ({
+      "button-group": !0,
+      [`button-group-gap--${n.gap}`]: !0
+    }));
+    return (s, o) => (x(), I("div", {
+      class: k(t.value)
+    }, [
+      C(s.$slots, "default")
+    ], 2));
   }
 });
 export {
-  Gt as CmcButton,
-  He as CmcHeading,
-  Jt as CmcIcon,
-  Wt as CmcStatus,
-  Kt as CmcTitle,
-  ze as buttonKindOptions,
-  Re as buttonSizeOptions,
-  De as buttonVariantOptions,
-  j as headingLevelOptions,
+  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,
-  Qt as iconsSizeOptions,
-  Ve as statusOptions
+  He as statusOptions
 };