@choosemycompany/ui 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,123 +1,1386 @@
-import { defineComponent as c, computed as h, createElementBlock as l, openBlock as s, normalizeClass as o, renderSlot as n, Fragment as p, createCommentVNode as d, unref as u, createVNode as b, createElementVNode as y, withCtx as C } from "vue";
-import './assets/index.css';const $ = {
+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"
-}, k = {
+}, ze = {
   default: "default",
   danger: "danger"
-}, _ = {
+}, De = {
   small: "small",
   medium: "medium"
-}, g = ["disabled"], V = /* @__PURE__ */ c({
+}, Re = ["disabled"], Kt = /* @__PURE__ */ j({
   name: "CmcButton",
   __name: "CmcButton",
   props: {
-    kind: { default: $.primary },
-    variant: { default: k.default },
-    size: { default: _.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(i, { emit: t }) {
-    const e = i, a = t, m = h(() => ({
+  setup(e, { emit: n }) {
+    const t = e, s = n, o = E(() => ({
       button: !0,
-      [`button--${e.variant}`]: !0,
-      [`button--${e.kind}`]: !0,
-      [`button--${e.size}`]: !0,
-      "button--disabled": e.disabled
-    })), f = () => {
-      e.disabled || a("click", 1);
+      [`button--${t.variant}`]: !0,
+      [`button--${t.kind}`]: !0,
+      [`button--${t.size}`]: !0,
+      "button--disabled": t.disabled
+    })), i = () => {
+      t.disabled || s("click", 1);
     };
-    return (v, z) => (s(), l("button", {
+    return (r, c) => (x(), I("button", {
       type: "button",
-      class: o(m.value),
-      onClick: f,
-      disabled: e.disabled
+      class: k(o.value),
+      onClick: i,
+      disabled: t.disabled
     }, [
-      n(v.$slots, "default")
-    ], 10, g));
+      C(r.$slots, "default")
+    ], 10, Re));
   }
-}), r = {
+}), P = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
   h4: "h4",
   h5: "h5",
   h6: "h6"
-}, B = /* @__PURE__ */ c({
+}, Be = /* @__PURE__ */ j({
   name: "CmcHeading",
   __name: "CmcHeading",
   props: {
     level: {}
   },
-  setup(i) {
-    const t = i, e = h(() => ({
+  setup(e) {
+    const n = e, t = E(() => ({
       heading: !0,
-      [`heading-${t.level}`]: !0
+      [`heading-${n.level}`]: !0
     }));
-    return (a, m) => (s(), l(p, null, [
-      u(r).h1 === t.level ? (s(), l("h1", {
+    return (s, o) => (x(), I(ye, null, [
+      S(P).h1 === n.level ? (x(), I("h1", {
         key: 0,
-        class: o(e.value)
+        class: k(t.value)
       }, [
-        n(a.$slots, "default")
-      ], 2)) : d("", !0),
-      u(r).h2 === t.level ? (s(), l("h2", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h2 === n.level ? (x(), I("h2", {
         key: 1,
-        class: o(e.value)
+        class: k(t.value)
       }, [
-        n(a.$slots, "default")
-      ], 2)) : d("", !0),
-      u(r).h3 === t.level ? (s(), l("h3", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h3 === n.level ? (x(), I("h3", {
         key: 2,
-        class: o(e.value)
+        class: k(t.value)
       }, [
-        n(a.$slots, "default")
-      ], 2)) : d("", !0),
-      u(r).h4 === t.level ? (s(), l("h4", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h4 === n.level ? (x(), I("h4", {
         key: 3,
-        class: o(e.value)
+        class: k(t.value)
       }, [
-        n(a.$slots, "default")
-      ], 2)) : d("", !0),
-      u(r).h5 === t.level ? (s(), l("h5", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h5 === n.level ? (x(), I("h5", {
         key: 4,
-        class: o(e.value)
+        class: k(t.value)
       }, [
-        n(a.$slots, "default")
-      ], 2)) : d("", !0),
-      u(r).h6 === t.level ? (s(), l("h6", {
+        C(s.$slots, "default")
+      ], 2)) : _("", !0),
+      S(P).h6 === n.level ? (x(), I("h6", {
         key: 5,
-        class: o(e.value)
+        class: k(t.value)
       }, [
-        n(a.$slots, "default")
-      ], 2)) : d("", !0)
+        C(s.$slots, "default")
+      ], 2)) : _("", !0)
     ], 64));
   }
-}), H = /* @__PURE__ */ c({
+}), Wt = /* @__PURE__ */ j({
   name: "CmcTitle",
   __name: "CmcTitle",
-  setup(i) {
-    return (t, e) => (s(), l(p, null, [
-      b(B, {
-        level: u(r).h1
+  setup(e) {
+    return (n, t) => (x(), I(ye, null, [
+      je(Be, {
+        level: S(P).h1
       }, {
-        default: C(() => [
-          n(t.$slots, "default")
+        default: Fe(() => [
+          C(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["level"]),
-      e[0] || (e[0] = y("hr", null, null, -1))
+      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 = "") => {
+  const o = e.split(":");
+  if (e.slice(0, 1) === "@") {
+    if (o.length < 2 || o.length > 3)
+      return null;
+    s = o.shift().slice(1);
+  }
+  if (o.length > 3 || !o.length)
+    return null;
+  if (o.length > 1) {
+    const c = o.pop(), u = o.pop(), l = {
+      // Allow provider without '@': "provider:prefix:name"
+      provider: o.length > 0 ? o[0] : s,
+      prefix: u,
+      name: c
+    };
+    return n && !D(l) ? null : l;
+  }
+  const i = o[0], r = i.split("-");
+  if (r.length > 1) {
+    const c = {
+      provider: s,
+      prefix: r.shift(),
+      name: r.join("-")
+    };
+    return n && !D(c) ? null : c;
+  }
+  if (t && s === "") {
+    const c = {
+      provider: s,
+      prefix: "",
+      name: i
+    };
+    return n && !D(c, t) ? null : c;
+  }
+  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(
+  {
+    left: 0,
+    top: 0,
+    width: 16,
+    height: 16
+  }
+), H = Object.freeze({
+  rotate: 0,
+  vFlip: !1,
+  hFlip: !1
+}), G = Object.freeze({
+  ...ve,
+  ...H
+}), J = Object.freeze({
+  ...G,
+  body: "",
+  hidden: !1
+});
+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 = 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 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])
+      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));
+    }
+    return o[r];
+  }
+  return Object.keys(t).concat(Object.keys(s)).forEach(i), o;
+}
+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],
+      i
+    );
+  }
+  return r(n), t.forEach(r), se(e, i);
+}
+function xe(e, n) {
+  const t = [];
+  if (typeof e != "object" || typeof e.icons != "object")
+    return t;
+  e.not_found instanceof Array && e.not_found.forEach((o) => {
+    n(o, null), t.push(o);
+  });
+  const s = qe(e);
+  for (const o in s) {
+    const i = s[o];
+    i && (n(o, Qe(e, o, i)), t.push(o));
+  }
+  return t;
+}
+const Ue = {
+  provider: "",
+  aliases: {},
+  not_found: {},
+  ...ve
+};
+function U(e, n) {
+  for (const t in n)
+    if (t in e && typeof e[t] != typeof n[t])
+      return !1;
+  return !0;
+}
+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" || !U(e, Ue))
+    return null;
+  const t = n.icons;
+  for (const o in t) {
+    const i = t[o];
+    if (
+      // Name cannot be empty
+      !o || // Must have body
+      typeof i.body != "string" || // Check other props
+      !U(
+        i,
+        J
+      )
+    )
+      return null;
+  }
+  const s = n.aliases || /* @__PURE__ */ Object.create(null);
+  for (const o in s) {
+    const i = s[o], r = i.parent;
+    if (
+      // 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(
+        i,
+        J
+      )
+    )
+      return null;
+  }
+  return n;
+}
+const ie = /* @__PURE__ */ Object.create(null);
+function Ke(e, n) {
+  return {
+    provider: e,
+    prefix: n,
+    icons: /* @__PURE__ */ Object.create(null),
+    missing: /* @__PURE__ */ new Set()
+  };
+}
+function $(e, n) {
+  const t = ie[e] || (ie[e] = /* @__PURE__ */ Object.create(null));
+  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 We(e, n, t) {
+  try {
+    if (typeof t.body == "string")
+      return e.icons[n] = { ...t }, !0;
+  } catch {
+  }
+  return !1;
+}
+let N = !1;
+function ke(e) {
+  return typeof e == "boolean" && (N = e), N;
+}
+function Je(e) {
+  const n = typeof e == "string" ? V(e, !0, N) : 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);
+  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) {
+  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) => {
+      Xe(i, r) && (o = !0);
+    })), o;
+  }
+  const t = e.prefix;
+  if (!D({
+    prefix: t,
+    name: "a"
+  }))
+    return !1;
+  const s = $(n, t);
+  return !!Ie(s, e);
+}
+const Ce = Object.freeze({
+  width: null,
+  height: null
+}), Se = Object.freeze({
+  // Dimensions
+  ...Ce,
+  // Transformations
+  ...H
+}), 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;
+  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);
+  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);
+    } else
+      o.push(i);
+    if (i = s.shift(), i === void 0)
+      return o.join("");
+    r = !r;
+  }
+}
+function tt(e, n = "defs") {
+  let t = "";
+  const s = e.indexOf("<" + n);
+  for (; s >= 0; ) {
+    const o = e.indexOf(">", s), i = e.indexOf("</" + n);
+    if (o === -1 || i === -1)
+      break;
+    const r = e.indexOf(">", i);
+    if (r === -1)
+      break;
+    t += e.slice(o + 1, i).trim(), e = e.slice(0, s).trim() + e.slice(r + 1);
+  }
+  return {
+    defs: t,
+    content: e
+  };
+}
+function nt(e, n) {
+  return e ? "<defs>" + e + "</defs>" + n : n;
+}
+function ot(e, n, t) {
+  const s = tt(e);
+  return nt(s.defs, n + s.content + t);
+}
+const st = (e) => e === "unset" || e === "undefined" || e === "none";
+function it(e, n) {
+  const t = {
+    ...G,
+    ...e
+  }, s = {
+    ...Se,
+    ...n
+  }, o = {
+    left: t.left,
+    top: t.top,
+    width: t.width,
+    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(
+      "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 (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() + ")"
+        );
+        break;
+      case 2:
+        f.unshift(
+          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
+        );
+        break;
+      case 3:
+        b = o.width / 2 + o.left, f.unshift(
+          "rotate(-90 " + b.toString() + " " + b.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(
+      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());
+  };
+  m("width", a), m("height", d);
+  const y = [o.left, o.top, u, l];
+  return p.viewBox = y.join(" "), {
+    attributes: p,
+    viewBox: y,
+    body: i
+  };
+}
+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 = 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 + (lt++).toString(), c = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(
+      // Allowed characters before id: [#;"]
+      // Allowed characters after id: [)"], .[a-z]
+      new RegExp('([#;"])(' + c + ')([")]|\\.[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[""];
+}
+function ee(e) {
+  let n;
+  if (typeof e.resources == "string")
+    n = [e.resources];
+  else if (n = e.resources, !(n instanceof Array) || !n.length)
+    return null;
+  return {
+    // API hosts
+    resources: n,
+    // Root path
+    path: e.path || "/",
+    // URL length limit
+    maxURL: e.maxURL || 500,
+    // Timeout before next host is used.
+    rotate: e.rotate || 750,
+    // Timeout before failing query.
+    timeout: e.timeout || 5e3,
+    // Randomise default API end point.
+    random: e.random === !0,
+    // Start index
+    index: e.index || 0,
+    // Receive data after time out (used if time out kicks in first, then API module sends data anyway).
+    dataAfterTimeout: e.dataAfterTimeout !== !1
+  };
+}
+const te = /* @__PURE__ */ Object.create(null), L = [
+  "https://api.simplesvg.com",
+  "https://api.unisvg.com"
+], R = [];
+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)
+});
+function ft(e, n) {
+  const t = ee(n);
+  return t === null ? !1 : (te[e] = t, !0);
+}
+function ne(e) {
+  return te[e];
+}
+const dt = () => {
+  let e;
+  try {
+    if (e = fetch, typeof e == "function")
+      return e;
+  } catch {
+  }
+};
+let ce = dt();
+function pt(e, n) {
+  const t = ne(e);
+  if (!t)
+    return 0;
+  let s;
+  if (!t.maxURL)
+    s = 0;
+  else {
+    let o = 0;
+    t.resources.forEach((r) => {
+      o = Math.max(o, r.length);
+    });
+    const i = n + ".json?icons=";
+    s = t.maxURL - o - t.path.length - i.length;
+  }
+  return s;
+}
+function ht(e) {
+  return e === 404;
+}
+const mt = (e, n, t) => {
+  const s = [], o = pt(e, n), i = "icons";
+  let r = {
+    type: i,
+    provider: e,
+    prefix: n,
+    icons: []
+  }, c = 0;
+  return t.forEach((u, l) => {
+    c += u.length + 1, c >= o && l > 0 && (s.push(r), r = {
+      type: i,
+      provider: e,
+      prefix: n,
+      icons: []
+    }, c = u.length), r.icons.push(u);
+  }), s.push(r), s;
+};
+function gt(e) {
+  if (typeof e == "string") {
+    const n = ne(e);
+    if (n)
+      return n.path;
+  }
+  return "/";
+}
+const yt = (e, n, t) => {
+  if (!ce) {
+    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
+      });
+      s += i + ".json?" + u.toString();
+      break;
+    }
+    case "custom": {
+      const i = n.uri;
+      s += i.slice(0, 1) === "/" ? i.slice(1) : i;
+      break;
+    }
+    default:
+      t("abort", 400);
+      return;
+  }
+  let o = 503;
+  ce(e + s).then((i) => {
+    const r = i.status;
+    if (r !== 200) {
+      setTimeout(() => {
+        t(ht(r) ? "abort" : "next", r);
+      });
+      return;
+    }
+    return o = 501, i.json();
+  }).then((i) => {
+    if (typeof i != "object" || i === null) {
+      setTimeout(() => {
+        i === 404 ? t("abort", i) : t("next", o);
+      });
+      return;
+    }
+    setTimeout(() => {
+      t("success", i);
+    });
+  }).catch(() => {
+    t("next", o);
+  });
+}, bt = {
+  prepare: mt,
+  send: yt
+};
+function vt(e) {
+  const n = {
+    loaded: [],
+    missing: [],
+    pending: []
+  }, t = /* @__PURE__ */ Object.create(null);
+  e.sort((o, i) => o.provider !== i.provider ? o.provider.localeCompare(i.provider) : o.prefix !== i.prefix ? o.prefix.localeCompare(i.prefix) : o.name.localeCompare(i.name));
+  let s = {
+    provider: "",
+    prefix: "",
+    name: ""
+  };
+  return e.forEach((o) => {
+    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 d = {
+      provider: i,
+      prefix: r,
+      name: c
+    };
+    a.push(d);
+  }), n;
+}
+function Te(e, n) {
+  e.forEach((t) => {
+    const s = t.loaderCallbacks;
+    s && (t.loaderCallbacks = s.filter((o) => o.id !== n));
+  });
+}
+function xt(e) {
+  e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
+    e.pendingCallbacksFlag = !1;
+    const n = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
+    if (!n.length)
+      return;
+    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)
+          return !0;
+        const l = u.name;
+        if (e.icons[l])
+          r.loaded.push({
+            provider: s,
+            prefix: o,
+            name: l
+          });
+        else if (e.missing.has(l))
+          r.missing.push({
+            provider: s,
+            prefix: o,
+            name: l
+          });
+        else
+          return t = !0, !0;
+        return !1;
+      }), r.pending.length !== c && (t || Te([e], i.id), i.callback(
+        r.loaded.slice(0),
+        r.missing.slice(0),
+        r.pending.slice(0),
+        i.abort
+      ));
+    });
+  }));
+}
+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 = {
+    id: s,
+    icons: n,
+    callback: e,
+    abort: o
+  };
+  return t.forEach((r) => {
+    (r.loaderCallbacks || (r.loaderCallbacks = [])).push(i);
+  }), o;
+}
+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 Ct = {
+  resources: [],
+  index: 0,
+  timeout: 2e3,
+  rotate: 750,
+  random: !1,
+  dataAfterTimeout: !1
+};
+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) {
+    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));
+    }
+    r = r.concat(h);
+  } 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);
+  function y() {
+    d && (clearTimeout(d), d = null);
+  }
+  function g() {
+    u === "pending" && (u = "aborted"), y(), p.forEach((h) => {
+      h.status === "pending" && (h.status = "aborted");
+    }), p = [];
+  }
+  function f(h, v) {
+    v && (m = []), typeof h == "function" && m.push(h);
+  }
+  function F() {
+    return {
+      startTime: c,
+      payload: n,
+      status: u,
+      queriesSent: l,
+      queriesPending: p.length,
+      subscribe: f,
+      abort: g
+    };
+  }
+  function T() {
+    u = "failed", m.forEach((h) => {
+      h(void 0, a);
+    });
+  }
+  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((O) => O !== h), u) {
+      case "pending":
+        break;
+      case "failed":
+        if (z || !e.dataAfterTimeout)
+          return;
+        break;
+      default:
+        return;
+    }
+    if (v === "abort") {
+      a = A, T();
+      return;
+    }
+    if (z) {
+      a = A, p.length || (r.length ? q() : T());
+      return;
+    }
+    if (y(), w(), !e.random) {
+      const O = e.resources.indexOf(h.resource);
+      O !== -1 && O !== e.index && (e.index = O);
+    }
+    u = "completed", m.forEach((O) => {
+      O(A);
+    });
+  }
+  function q() {
+    if (u !== "pending")
+      return;
+    y();
+    const h = r.shift();
+    if (h === void 0) {
+      if (p.length) {
+        d = setTimeout(() => {
+          y(), u === "pending" && (w(), T());
+        }, e.timeout);
+        return;
+      }
+      T();
+      return;
+    }
+    const v = {
+      status: "pending",
+      resource: h,
+      callback: (A, z) => {
+        b(v, A, z);
+      }
+    };
+    p.push(v), l++, d = setTimeout(q, e.rotate), t(h, n, v.callback);
+  }
+  return setTimeout(q), F;
+}
+function Oe(e) {
+  const n = {
+    ...Ct,
+    ...e
+  };
+  let t = [];
+  function s() {
+    t = t.filter((c) => c().status === "pending");
+  }
+  function o(c, u, l) {
+    const a = St(
+      n,
+      c,
+      u,
+      (d, p) => {
+        s(), l && l(d, p);
+      }
+    );
+    return t.push(a), a;
+  }
+  function i(c) {
+    return t.find((u) => c(u)) || null;
+  }
+  return {
+    query: o,
+    find: i,
+    setIndex: (c) => {
+      n.index = c;
+    },
+    getIndex: () => n.index,
+    cleanup: s
+  };
+}
+function le() {
+}
+const K = /* @__PURE__ */ Object.create(null);
+function Tt(e) {
+  if (!K[e]) {
+    const n = ne(e);
+    if (!n)
+      return;
+    const t = Oe(n), s = {
+      config: n,
+      redundancy: t
+    };
+    K[e] = s;
+  }
+  return K[e];
+}
+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 = Tt(e);
+    r && (s = r.redundancy);
+  } else {
+    const i = ee(e);
+    if (i) {
+      s = Oe(i);
+      const r = e.resources ? e.resources[0] : "", c = Y(r);
+      c && (o = c.send);
+    }
+  }
+  return !s || !o ? (t(void 0, 424), le) : s.query(n, o, t)().abort;
+}
+function ue() {
+}
+function Pt(e) {
+  e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
+    e.iconsLoaderFlag = !1, xt(e);
+  }));
+}
+function jt(e) {
+  const n = [], t = [];
+  return e.forEach((s) => {
+    (s.match(be) ? n : t).push(s);
+  }), {
+    valid: n,
+    invalid: t
+  };
+}
+function M(e, n, t) {
+  function s() {
+    const o = e.pendingIcons;
+    n.forEach((i) => {
+      o && o.delete(i), e.icons[i] || e.missing.add(i);
+    });
+  }
+  if (t && typeof t == "object")
+    try {
+      if (!Ie(e, t).length) {
+        s();
+        return;
+      }
+    } catch (o) {
+      console.error(o);
+    }
+  s(), Pt(e);
+}
+function ae(e, n) {
+  e instanceof Promise ? e.then((t) => {
+    n(t);
+  }).catch(() => {
+    n(null);
+  }) : n(e);
+}
+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;
+    if (delete e.iconsToLoad, !o || !o.length)
+      return;
+    const i = e.loadIcon;
+    if (e.loadIcons && (o.length > 1 || !i)) {
+      ae(
+        e.loadIcons(o, s, t),
+        (a) => {
+          M(e, o, a);
+        }
+      );
+      return;
+    }
+    if (i) {
+      o.forEach((a) => {
+        const d = i(a, s, t);
+        ae(d, (p) => {
+          const m = p ? {
+            prefix: s,
+            icons: {
+              [a]: p
+            }
+          } : null;
+          M(e, [a], m);
+        });
+      });
+      return;
+    }
+    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) {
+      M(e, r, null);
+      return;
+    }
+    u.prepare(t, s, r).forEach((a) => {
+      Ot(t, a, (d) => {
+        M(e, a.icons, d);
+      });
+    });
+  }));
+}
+const _t = (e, n) => {
+  const t = kt(e, !0, ke()), s = vt(t);
+  if (!s.pending.length) {
+    let u = !0;
+    return n && setTimeout(() => {
+      u && n(
+        s.loaded,
+        s.missing,
+        s.pending,
+        ue
+      );
+    }), () => {
+      u = !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)
+      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;
+};
+function Et(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);
+  }
+  return t;
+}
+const $t = /[\s,]+/;
+function At(e, n) {
+  n.split($t).forEach((t) => {
+    switch (t.trim()) {
+      case "horizontal":
+        e.hFlip = !0;
+        break;
+      case "vertical":
+        e.vFlip = !0;
+        break;
+    }
+  });
+}
+function Lt(e, n = 0) {
+  const t = e.replace(/^-?[0-9.]*/, "");
+  function s(o) {
+    for (; o < 0; )
+      o += 4;
+    return o % 4;
+  }
+  if (t === "") {
+    const o = parseInt(e);
+    return isNaN(o) ? 0 : s(o);
+  } else if (t !== e) {
+    let o = 0;
+    switch (t) {
+      case "%":
+        o = 25;
+        break;
+      case "deg":
+        o = 90;
+    }
+    if (o) {
+      let i = parseFloat(e.slice(0, e.length - t.length));
+      return isNaN(i) ? 0 : (i = i / o, i % 1 === 0 ? s(i) : 0);
+    }
+  }
+  return 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 Nt(e) {
+  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+}
+function zt(e) {
+  return "data:image/svg+xml," + Nt(e);
+}
+function Dt(e) {
+  return 'url("' + zt(e) + '")';
+}
+const fe = {
+  ...Se,
+  inline: !1
+}, Rt = {
+  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 = {
+  backgroundColor: "currentColor"
+}, Pe = {
+  backgroundColor: "transparent"
+}, de = {
+  Image: "var(--svg)",
+  Repeat: "no-repeat",
+  Size: "100% 100%"
+}, pe = {
+  webkitMask: Z,
+  mask: Z,
+  background: Pe
+};
+for (const e in pe) {
+  const n = pe[e];
+  for (const t in de)
+    n[e + t] = de[t];
+}
+const B = {};
+["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;
+});
+function he(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];
+    if (f !== void 0)
+      switch (g) {
+        // Properties to ignore
+        case "icon":
+        case "style":
+        case "onLoad":
+        case "mode":
+        case "ssr":
+          break;
+        // Boolean attributes
+        case "inline":
+        case "hFlip":
+        case "vFlip":
+          t[g] = f === !0 || f === "true" || f === 1;
+          break;
+        // Flip as string: 'horizontal,vertical'
+        case "flip":
+          typeof f == "string" && At(t, f);
+          break;
+        // Color: override style
+        case "color":
+          i.color = f;
+          break;
+        // Rotation as string
+        case "rotate":
+          typeof f == "string" ? t[g] = Lt(f) : typeof f == "number" && (t[g] = f);
+          break;
+        // Remove aria-hidden
+        case "ariaHidden":
+        case "aria-hidden":
+          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 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 = 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 = Mt(a, {
+    ...l,
+    width: d + "",
+    height: p + ""
+  });
+  return s.style = {
+    ...i,
+    "--svg": Dt(y),
+    width: he(l.width),
+    height: he(l.height),
+    ...Bt,
+    ...m ? Z : Pe,
+    ...c
+  }, oe("span", s);
+};
+ke(!0);
+at("", bt);
+if (typeof document < "u" && typeof window < "u") {
+  const e = window;
+  if (e.IconifyPreload !== void 0) {
+    const n = e.IconifyPreload, t = "Invalid IconifyPreload syntax.";
+    typeof n == "object" && n !== null && (n instanceof Array ? n : [n]).forEach((s) => {
+      try {
+        // 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);
+      } catch {
+        console.error(t);
+      }
+    });
+  }
+  if (e.IconifyProviders !== void 0) {
+    const n = e.IconifyProviders;
+    if (typeof n == "object" && n !== null)
+      for (let t in n) {
+        const s = "IconifyProviders[" + t + "] is invalid.";
+        try {
+          const o = n[t];
+          if (typeof o != "object" || !o || o.resources === void 0)
+            continue;
+          ft(t, o) || console.error(s);
+        } catch {
+          console.error(s);
+        }
+      }
+  }
+}
+const Ht = {
+  ...G,
+  body: ""
+}, Vt = j((e, { emit: n }) => {
+  const t = Q(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")
+      return i.value = "", {
+        data: l
+      };
+    let a;
+    if (typeof l != "string" || (a = V(l, !1, !0)) === null)
+      return null;
+    let d = Je(a);
+    if (!d) {
+      const y = t.value;
+      return (!y || y.name !== l) && (d === null ? t.value = {
+        name: l
+      } : t.value = {
+        name: l,
+        abort: _t([a], u)
+      }), null;
+    }
+    s(), i.value !== l && (i.value = l, Le(() => {
+      n("load", l);
+    }));
+    const p = e.customise;
+    if (p) {
+      d = Object.assign({}, d);
+      const y = p(d.body, a.name, a.prefix, a.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 };
+  }
+  function u() {
+    const l = c();
+    l ? l.data !== r.value?.data && (r.value = l) : 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 = {
+      ...e,
+      class: l.classes.join(" ")
+    }), me({
+      ...G,
+      ...l.data
+    }, a);
+  };
+}, {
+  props: [
+    // Icon and render mode
+    "icon",
+    "mode",
+    "ssr",
+    // Layout and style
+    "width",
+    "height",
+    "style",
+    "color",
+    "inline",
+    // Transformations
+    "rotate",
+    "hFlip",
+    "horizontalFlip",
+    "vFlip",
+    "verticalFlip",
+    "flip",
+    // Misc
+    "id",
+    "ariaHidden",
+    "customise",
+    "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({
+  name: "CmcIcon",
+  __name: "CmcIcon",
+  props: {
+    name: { default: ge.profile },
+    size: { default: "l" },
+    color: { default: qt.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
+    }, 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 {
-  V as CmcButton,
-  B as CmcHeading,
-  H as CmcTitle,
-  $ as buttonKindOptions,
-  _ as buttonSizeOptions,
-  k as buttonVariantOptions,
-  r 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,
+  He as statusOptions
 };