@evercam/ui 0.0.0-alpha → 0.0.1

package/dist/{evercam-ui.mjs → index.mjs}

@@ -1,223 +1,8 @@
-function N(e, i, n, h, o, u, r, y) {
-  var a = typeof e == "function" ? e.options : e;
-  i && (a.render = i, a.staticRenderFns = n, a._compiled = !0), h && (a.functional = !0), u && (a._scopeId = "data-v-" + u);
-  var t;
-  if (r ? (t = function(f) {
-    f = f || // cached call
-    this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ != "undefined" && (f = __VUE_SSR_CONTEXT__), o && o.call(this, f), f && f._registeredComponents && f._registeredComponents.add(r);
-  }, a._ssrRegister = t) : o && (t = y ? function() {
-    o.call(
-      this,
-      (a.functional ? this.parent : this).$root.$options.shadowRoot
-    );
-  } : o), t)
-    if (a.functional) {
-      a._injectStyles = t;
-      var d = a.render;
-      a.render = function(w, g) {
-        return t.call(g), d(w, g);
-      };
-    } else {
-      var m = a.beforeCreate;
-      a.beforeCreate = m ? [].concat(m, t) : [t];
-    }
-  return {
-    exports: e,
-    options: a
-  };
-}
-const we = {
-  name: "EBadge",
-  props: {
-    text: {
-      type: String,
-      default: ""
-    },
-    color: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      colors: {
-        error: "e-bg-rose-500 e-text-white",
-        info: "e-bg-cyan-500 e-text-white",
-        warning: "e-bg-amber-500 e-text-white",
-        primary: "e-bg-sky-500 e-text-white",
-        default: "e-bg-slate-300 e-text-white",
-        success: "e-bg-lime-500 e-text-white"
-      },
-      sizes: {
-        dot: "e-w-2 h-2",
-        xs: "e-w-3 h-3",
-        sm: "e-w-4 h-4",
-        md: "e-w-5 h-5",
-        lg: "e-min-w-[2rem] e-max-w-[4rem] e-px-1 e-h-6 e-text-sm e-font-medium",
-        xl: "e-min-w-[3rem] e-max-w-[5rem] e-px-1 e-h-8 e-text-base e-font-medium"
-      }
-    };
-  },
-  computed: {
-    badgeClasses() {
-      const e = this.colors[this.color] || this.colors.default, i = this.sizes[this.size] || this.sizes.md;
-      return [
-        "e-flex e-items-center e-justify-center e-rounded-full",
-        e,
-        i
-      ];
-    },
-    showText() {
-      return ["lg", "xl"].includes(this.size);
-    }
-  }
-};
-var Ce = function() {
-  var i = this, n = i._self._c;
-  return n("span", { staticClass: "e-badge", class: i.badgeClasses }, [i.showText ? n("span", [i._v(i._s(i.text))]) : i._e()]);
-}, Se = [], Oe = /* @__PURE__ */ N(
-  we,
-  Ce,
-  Se,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const te = Oe.exports, ke = {
-  name: "EAvatar",
-  components: {
-    Badge: te
-  },
-  props: {
-    size: {
-      type: String,
-      default: ""
-    },
-    showBadge: {
-      type: Boolean,
-      default: !1
-    },
-    badgeColor: {
-      type: String,
-      default: "error"
-    },
-    badgeText: {
-      type: String,
-      default: ""
-    },
-    badgeSize: {
-      type: String,
-      default: ""
-    },
-    image: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      sizes: {
-        xs: "e-w-8 e-h-8 e-text-xs",
-        sm: "e-w-10 e-h-10 e-text-sm",
-        md: "e-w-14 e-h-14 e-text-base",
-        lg: "e-w-20 e-h-20 e-text-2xl",
-        xl: "e-w-28 e-h-28 e-text-3xl",
-        "2xl": "e-w-36 e-h-36 e-text-5xl"
-      }
-    };
-  },
-  computed: {
-    avatarClasses() {
-      return [
-        "e-flex e-items-center e-justify-center e-rounded-full e-bg-purple-500 e-text-white e-font-medium",
-        this.sizes[this.size] || this.sizes.xs
-      ];
-    }
-  }
-};
-var Ae = function() {
-  var i = this, n = i._self._c;
-  return n("div", { staticClass: "e-avatar e-relative", class: i.avatarClasses }, [i._t("default", function() {
-    return [i.image ? n("img", { staticClass: "e-avatar__image e-w-full e-h-full e-object-cover e-rounded-full", attrs: { src: i.image } }) : i._e()];
-  }), i.showBadge ? n("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [i._t("badge", function() {
-    return [n("Badge", { attrs: { text: i.badgeText, color: i.badgeColor, size: i.badgeSize } })];
-  })], 2) : i._e()], 2);
-}, ze = [], Pe = /* @__PURE__ */ N(
-  ke,
-  Ae,
-  ze,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Ee = Pe.exports, $e = {
-  name: "EIcon",
-  props: {
-    icon: {
-      type: String,
-      default: ""
-    },
-    color: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    sizes() {
-      let e = {
-        xs: "e-text-xs",
-        sm: "e-text-sm",
-        md: "e-text-base",
-        lg: "e-text-lg"
-      }, i = [...Array(9).keys()].reduce((n, h) => {
-        const o = `${h + 1 === 1 ? "" : h + 1}xl`;
-        return { ...n, [o]: `e-text-${o}` };
-      }, {});
-      return { ...e, ...i };
-    },
-    iconClasses() {
-      var h, o;
-      const e = this.sizes[this.size] || this.sizes.sm, i = `${((o = (h = this.icon) == null ? void 0 : h.split(" ")) == null ? void 0 : o.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
-      return [
-        "e-inline-flex e-items-center e-justify-center e-rounded-full",
-        `${this.color}`,
-        i,
-        e
-      ];
-    }
-  }
-};
-var Te = function() {
-  var i = this, n = i._self._c;
-  return n("div", { staticClass: "e-icon" }, [n("i", { class: i.iconClasses })]);
-}, De = [], je = /* @__PURE__ */ N(
-  $e,
-  Te,
-  De,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Fe = je.exports;
-function Me(e) {
+import { defineComponent as V } from "vue";
+function Ce(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var re = {}, ne = {}, Y = {};
+var ne = {}, ie = {}, X = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -231,20 +16,20 @@ var re = {}, ne = {}, Y = {};
     if (n = `${n}`, n === "0")
       return "0";
     if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(n))
-      return n.replace(/^[+-]?/, (o) => o === "-" ? "" : "-");
-    let h = [
+      return n.replace(/^[+-]?/, (l) => l === "-" ? "" : "-");
+    let b = [
       "var",
       "calc",
       "min",
       "max",
       "clamp"
     ];
-    for (const o of h)
-      if (n.includes(`${o}(`))
+    for (const l of b)
+      if (n.includes(`${l}(`))
         return `calc(${n} * -1)`;
   }
-})(Y);
-var ie = {};
+})(X);
+var ae = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -431,8 +216,8 @@ var ie = {};
     "willChange",
     "content"
   ];
-})(ie);
-var ae = {};
+})(ae);
+var oe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -442,18 +227,18 @@ var ae = {};
       return i;
     }
   });
-  function i(n, h) {
-    return n === void 0 ? h : Array.isArray(n) ? n : [
-      ...new Set(h.filter((u) => n !== !1 && n[u] !== !1).concat(Object.keys(n).filter((u) => n[u] !== !1)))
+  function i(n, b) {
+    return n === void 0 ? b : Array.isArray(n) ? n : [
+      ...new Set(b.filter((u) => n !== !1 && n[u] !== !1).concat(Object.keys(n).filter((u) => n[u] !== !1)))
     ];
   }
-})(ae);
-var K = {}, V = {}, X = { exports: {} }, E = String, oe = function() {
+})(oe);
+var J = {}, I = {}, Q = { exports: {} }, E = String, le = function() {
   return { isColorSupported: !1, reset: E, bold: E, dim: E, italic: E, underline: E, inverse: E, hidden: E, strikethrough: E, black: E, red: E, green: E, yellow: E, blue: E, magenta: E, cyan: E, white: E, gray: E, bgBlack: E, bgRed: E, bgGreen: E, bgYellow: E, bgBlue: E, bgMagenta: E, bgCyan: E, bgWhite: E };
 };
-X.exports = oe();
-X.exports.createColors = oe;
-var le = X.exports;
+Q.exports = le();
+Q.exports.createColors = le;
+var se = Q.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -473,15 +258,15 @@ var le = X.exports;
       return y;
     }
   });
-  const n = /* @__PURE__ */ h(le);
-  function h(a) {
+  const n = /* @__PURE__ */ b(se);
+  function b(a) {
     return a && a.__esModule ? a : {
       default: a
     };
   }
-  let o = /* @__PURE__ */ new Set();
+  let l = /* @__PURE__ */ new Set();
   function u(a, t, d) {
-    typeof process != "undefined" && process.env.JEST_WORKER_ID || d && o.has(d) || (d && o.add(d), console.warn(""), t.forEach((m) => console.warn(a, "-", m)));
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || d && l.has(d) || (d && l.add(d), console.warn(""), t.forEach((m) => console.warn(a, "-", m)));
   }
   function r(a) {
     return n.default.dim(a);
@@ -512,29 +297,29 @@ var le = X.exports;
       ]);
     }
   };
-})(V);
+})(I);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return l;
     }
   });
-  const i = /* @__PURE__ */ n(V);
+  const i = /* @__PURE__ */ n(I);
   function n(u) {
     return u && u.__esModule ? u : {
       default: u
     };
   }
-  function h({ version: u, from: r, to: y }) {
+  function b({ version: u, from: r, to: y }) {
     i.default.warn(`${r}-color-renamed`, [
       `As of Tailwind CSS ${u}, \`${r}\` has been renamed to \`${y}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
-  const o = {
+  const l = {
     inherit: "inherit",
     current: "currentColor",
     transparent: "transparent",
@@ -827,43 +612,43 @@ var le = X.exports;
       950: "#4c0519"
     },
     get lightBlue() {
-      return h({
+      return b({
         version: "v2.2",
         from: "lightBlue",
         to: "sky"
       }), this.sky;
     },
     get warmGray() {
-      return h({
+      return b({
         version: "v3.0",
         from: "warmGray",
         to: "stone"
       }), this.stone;
     },
     get trueGray() {
-      return h({
+      return b({
         version: "v3.0",
         from: "trueGray",
         to: "neutral"
       }), this.neutral;
     },
     get coolGray() {
-      return h({
+      return b({
         version: "v3.0",
         from: "coolGray",
         to: "gray"
       }), this.gray;
     },
     get blueGray() {
-      return h({
+      return b({
         version: "v3.0",
         from: "blueGray",
         to: "slate"
       }), this.slate;
     }
   };
-})(K);
-var se = {};
+})(J);
+var ue = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -873,11 +658,11 @@ var se = {};
       return i;
     }
   });
-  function i(n, ...h) {
-    for (let r of h) {
+  function i(n, ...b) {
+    for (let r of b) {
       for (let y in r) {
-        var o;
-        !(n == null || (o = n.hasOwnProperty) === null || o === void 0) && o.call(n, y) || (n[y] = r[y]);
+        var l;
+        !(n == null || (l = n.hasOwnProperty) === null || l === void 0) && l.call(n, y) || (n[y] = r[y]);
       }
       for (let y of Object.getOwnPropertySymbols(r)) {
         var u;
@@ -886,8 +671,8 @@ var se = {};
     }
     return n;
   }
-})(se);
-var ue = {};
+})(ue);
+var fe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -900,13 +685,13 @@ var ue = {};
   function i(n) {
     if (Array.isArray(n))
       return n;
-    let h = n.split("[").length - 1, o = n.split("]").length - 1;
-    if (h !== o)
+    let b = n.split("[").length - 1, l = n.split("]").length - 1;
+    if (b !== l)
       throw new Error(`Path is invalid. Has unbalanced brackets: ${n}`);
     return n.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(ue);
-var fe = {}, H = {};
+})(fe);
+var ce = {}, H = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -929,8 +714,8 @@ var fe = {}, H = {};
       return d;
     }
   });
-  const n = /* @__PURE__ */ o(le), h = /* @__PURE__ */ o(V);
-  function o(m) {
+  const n = /* @__PURE__ */ l(se), b = /* @__PURE__ */ l(I);
+  function l(m) {
     return m && m.__esModule ? m : {
       default: m
     };
@@ -958,12 +743,12 @@ var fe = {}, H = {};
   };
   function y(m, f) {
     if (r.future.includes(f)) {
-      var w, g, O;
-      return m.future === "all" || ((O = (g = m == null || (w = m.future) === null || w === void 0 ? void 0 : w[f]) !== null && g !== void 0 ? g : u[f]) !== null && O !== void 0 ? O : !1);
+      var w, g, S;
+      return m.future === "all" || ((S = (g = m == null || (w = m.future) === null || w === void 0 ? void 0 : w[f]) !== null && g !== void 0 ? g : u[f]) !== null && S !== void 0 ? S : !1);
     }
     if (r.experimental.includes(f)) {
-      var A, $, T;
-      return m.experimental === "all" || ((T = ($ = m == null || (A = m.experimental) === null || A === void 0 ? void 0 : A[f]) !== null && $ !== void 0 ? $ : u[f]) !== null && T !== void 0 ? T : !1);
+      var A, T, D;
+      return m.experimental === "all" || ((D = (T = m == null || (A = m.experimental) === null || A === void 0 ? void 0 : A[f]) !== null && T !== void 0 ? T : u[f]) !== null && D !== void 0 ? D : !1);
     }
     return !1;
   }
@@ -976,7 +761,7 @@ var fe = {}, H = {};
   function t(m) {
     if (process.env.JEST_WORKER_ID === void 0 && a(m).length > 0) {
       let f = a(m).map((w) => n.default.yellow(w)).join(", ");
-      h.default.warn("experimental-flags-enabled", [
+      b.default.warn("experimental-flags-enabled", [
         `You have enabled experimental features: ${f}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
@@ -993,23 +778,23 @@ var fe = {}, H = {};
       return u;
     }
   });
-  const i = H, n = /* @__PURE__ */ o(V);
-  function h(r) {
+  const i = H, n = /* @__PURE__ */ l(I);
+  function b(r) {
     if (typeof WeakMap != "function")
       return null;
     var y = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
-    return (h = function(t) {
+    return (b = function(t) {
       return t ? a : y;
     })(r);
   }
-  function o(r, y) {
+  function l(r, y) {
     if (!y && r && r.__esModule)
       return r;
     if (r === null || typeof r != "object" && typeof r != "function")
       return {
         default: r
       };
-    var a = h(y);
+    var a = b(y);
     if (a && a.has(r))
       return a.get(r);
     var t = {}, d = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -1095,13 +880,13 @@ var fe = {}, H = {};
       })(),
       extract: (() => {
         let t = (() => {
-          var f, w, g, O, A, $, T, P, D, j;
-          return !((f = r.purge) === null || f === void 0) && f.extract ? r.purge.extract : !((w = r.content) === null || w === void 0) && w.extract ? r.content.extract : !((g = r.purge) === null || g === void 0 || (O = g.extract) === null || O === void 0) && O.DEFAULT ? r.purge.extract.DEFAULT : !((A = r.content) === null || A === void 0 || ($ = A.extract) === null || $ === void 0) && $.DEFAULT ? r.content.extract.DEFAULT : !((T = r.purge) === null || T === void 0 || (P = T.options) === null || P === void 0) && P.extractors ? r.purge.options.extractors : !((D = r.content) === null || D === void 0 || (j = D.options) === null || j === void 0) && j.extractors ? r.content.options.extractors : {};
+          var f, w, g, S, A, T, D, z, j, F;
+          return !((f = r.purge) === null || f === void 0) && f.extract ? r.purge.extract : !((w = r.content) === null || w === void 0) && w.extract ? r.content.extract : !((g = r.purge) === null || g === void 0 || (S = g.extract) === null || S === void 0) && S.DEFAULT ? r.purge.extract.DEFAULT : !((A = r.content) === null || A === void 0 || (T = A.extract) === null || T === void 0) && T.DEFAULT ? r.content.extract.DEFAULT : !((D = r.purge) === null || D === void 0 || (z = D.options) === null || z === void 0) && z.extractors ? r.purge.options.extractors : !((j = r.content) === null || j === void 0 || (F = j.options) === null || F === void 0) && F.extractors ? r.content.options.extractors : {};
         })(), d = {}, m = (() => {
-          var f, w, g, O;
+          var f, w, g, S;
           if (!((f = r.purge) === null || f === void 0 || (w = f.options) === null || w === void 0) && w.defaultExtractor)
             return r.purge.options.defaultExtractor;
-          if (!((g = r.content) === null || g === void 0 || (O = g.options) === null || O === void 0) && O.defaultExtractor)
+          if (!((g = r.content) === null || g === void 0 || (S = g.options) === null || S === void 0) && S.defaultExtractor)
             return r.content.options.defaultExtractor;
         })();
         if (m !== void 0 && (d.DEFAULT = m), typeof t == "function")
@@ -1116,8 +901,8 @@ var fe = {}, H = {};
       })(),
       transform: (() => {
         let t = (() => {
-          var m, f, w, g, O, A;
-          return !((m = r.purge) === null || m === void 0) && m.transform ? r.purge.transform : !((f = r.content) === null || f === void 0) && f.transform ? r.content.transform : !((w = r.purge) === null || w === void 0 || (g = w.transform) === null || g === void 0) && g.DEFAULT ? r.purge.transform.DEFAULT : !((O = r.content) === null || O === void 0 || (A = O.transform) === null || A === void 0) && A.DEFAULT ? r.content.transform.DEFAULT : {};
+          var m, f, w, g, S, A;
+          return !((m = r.purge) === null || m === void 0) && m.transform ? r.purge.transform : !((f = r.content) === null || f === void 0) && f.transform ? r.content.transform : !((w = r.purge) === null || w === void 0 || (g = w.transform) === null || g === void 0) && g.DEFAULT ? r.purge.transform.DEFAULT : !((S = r.content) === null || S === void 0 || (A = S.transform) === null || A === void 0) && A.DEFAULT ? r.content.transform.DEFAULT : {};
         })(), d = {};
         return typeof t == "function" && (d.DEFAULT = t), typeof t == "object" && t !== null && Object.assign(d, t), d;
       })()
@@ -1132,8 +917,8 @@ var fe = {}, H = {};
       }
     return r;
   }
-})(fe);
-var ce = {};
+})(ce);
+var de = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1146,11 +931,11 @@ var ce = {};
   function i(n) {
     if (Object.prototype.toString.call(n) !== "[object Object]")
       return !1;
-    const h = Object.getPrototypeOf(n);
-    return h === null || h === Object.prototype;
+    const b = Object.getPrototypeOf(n);
+    return b === null || b === Object.prototype;
   }
-})(ce);
-var de = {};
+})(de);
+var pe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1161,13 +946,13 @@ var de = {};
     }
   });
   function i(n) {
-    return Array.isArray(n) ? n.map((h) => i(h)) : typeof n == "object" && n !== null ? Object.fromEntries(Object.entries(n).map(([h, o]) => [
-      h,
-      i(o)
+    return Array.isArray(n) ? n.map((b) => i(b)) : typeof n == "object" && n !== null ? Object.fromEntries(Object.entries(n).map(([b, l]) => [
+      b,
+      i(l)
     ])) : n;
   }
-})(de);
-var pe = {}, me = {};
+})(pe);
+var me = {}, ge = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1180,8 +965,8 @@ var pe = {}, me = {};
   function i(n) {
     return n.replace(/\\,/g, "\\2c ");
   }
-})(me);
-var J = {}, Q = {}, ge = {};
+})(ge);
+var Z = {}, ee = {}, he = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1933,16 +1718,16 @@ var J = {}, Q = {}, ge = {};
       50
     ]
   };
-})(ge);
+})(he);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function i(g, O) {
-    for (var A in O)
+  function i(g, S) {
+    for (var A in S)
       Object.defineProperty(g, A, {
         enumerable: !0,
-        get: O[A]
+        get: S[A]
       });
   }
   i(e, {
@@ -1953,15 +1738,15 @@ var J = {}, Q = {}, ge = {};
       return w;
     }
   });
-  const n = /* @__PURE__ */ h(ge);
-  function h(g) {
+  const n = /* @__PURE__ */ b(he);
+  function b(g) {
     return g && g.__esModule ? g : {
       default: g
     };
   }
-  let o = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, u = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, r = /(?:\d+|\d*\.\d+)%?/, y = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, t = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${r.source}|${t.source})(?:${y.source}(${r.source}|${t.source}))?(?:${y.source}(${r.source}|${t.source}))?(?:${a.source}(${r.source}|${t.source}))?\\s*\\)$`), m = new RegExp(`^(hsla?)\\(\\s*((?:${r.source})(?:deg|rad|grad|turn)?|${t.source})(?:${y.source}(${r.source}|${t.source}))?(?:${y.source}(${r.source}|${t.source}))?(?:${a.source}(${r.source}|${t.source}))?\\s*\\)$`);
-  function f(g, { loose: O = !1 } = {}) {
-    var A, $;
+  let l = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, u = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, r = /(?:\d+|\d*\.\d+)%?/, y = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, t = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${r.source}|${t.source})(?:${y.source}(${r.source}|${t.source}))?(?:${y.source}(${r.source}|${t.source}))?(?:${a.source}(${r.source}|${t.source}))?\\s*\\)$`), m = new RegExp(`^(hsla?)\\(\\s*((?:${r.source})(?:deg|rad|grad|turn)?|${t.source})(?:${y.source}(${r.source}|${t.source}))?(?:${y.source}(${r.source}|${t.source}))?(?:${a.source}(${r.source}|${t.source}))?\\s*\\)$`);
+  function f(g, { loose: S = !1 } = {}) {
+    var A, T;
     if (typeof g != "string")
       return null;
     if (g = g.trim(), g === "transparent")
@@ -1977,54 +1762,54 @@ var J = {}, Q = {}, ge = {};
     if (g in n.default)
       return {
         mode: "rgb",
-        color: n.default[g].map((M) => M.toString())
+        color: n.default[g].map((U) => U.toString())
       };
-    let T = g.replace(u, (M, L, U, p, S) => [
+    let D = g.replace(u, (U, B, L, p, O) => [
       "#",
+      B,
+      B,
       L,
       L,
-      U,
-      U,
       p,
       p,
-      S ? S + S : ""
-    ].join("")).match(o);
-    if (T !== null)
+      O ? O + O : ""
+    ].join("")).match(l);
+    if (D !== null)
       return {
         mode: "rgb",
         color: [
-          parseInt(T[1], 16),
-          parseInt(T[2], 16),
-          parseInt(T[3], 16)
-        ].map((M) => M.toString()),
-        alpha: T[4] ? (parseInt(T[4], 16) / 255).toString() : void 0
+          parseInt(D[1], 16),
+          parseInt(D[2], 16),
+          parseInt(D[3], 16)
+        ].map((U) => U.toString()),
+        alpha: D[4] ? (parseInt(D[4], 16) / 255).toString() : void 0
       };
-    var P;
-    let D = (P = g.match(d)) !== null && P !== void 0 ? P : g.match(m);
-    if (D === null)
+    var z;
+    let j = (z = g.match(d)) !== null && z !== void 0 ? z : g.match(m);
+    if (j === null)
       return null;
-    let j = [
-      D[2],
-      D[3],
-      D[4]
-    ].filter(Boolean).map((M) => M.toString());
-    return j.length === 2 && j[0].startsWith("var(") ? {
-      mode: D[1],
+    let F = [
+      j[2],
+      j[3],
+      j[4]
+    ].filter(Boolean).map((U) => U.toString());
+    return F.length === 2 && F[0].startsWith("var(") ? {
+      mode: j[1],
       color: [
-        j[0]
+        F[0]
       ],
-      alpha: j[1]
-    } : !O && j.length !== 3 || j.length < 3 && !j.some((M) => /^var\(.*?\)$/.test(M)) ? null : {
-      mode: D[1],
-      color: j,
-      alpha: (A = D[5]) === null || A === void 0 || ($ = A.toString) === null || $ === void 0 ? void 0 : $.call(A)
+      alpha: F[1]
+    } : !S && F.length !== 3 || F.length < 3 && !F.some((U) => /^var\(.*?\)$/.test(U)) ? null : {
+      mode: j[1],
+      color: F,
+      alpha: (A = j[5]) === null || A === void 0 || (T = A.toString) === null || T === void 0 ? void 0 : T.call(A)
     };
   }
-  function w({ mode: g, color: O, alpha: A }) {
-    let $ = A !== void 0;
-    return g === "rgba" || g === "hsla" ? `${g}(${O.join(", ")}${$ ? `, ${A}` : ""})` : `${g}(${O.join(" ")}${$ ? ` / ${A}` : ""})`;
+  function w({ mode: g, color: S, alpha: A }) {
+    let T = A !== void 0;
+    return g === "rgba" || g === "hsla" ? `${g}(${S.join(", ")}${T ? `, ${A}` : ""})` : `${g}(${S.join(" ")}${T ? ` / ${A}` : ""})`;
   }
-})(Q);
+})(ee);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2038,14 +1823,14 @@ var J = {}, Q = {}, ge = {};
   }
   i(e, {
     withAlphaValue: function() {
-      return h;
+      return b;
     },
     default: function() {
-      return o;
+      return l;
     }
   });
-  const n = Q;
-  function h(u, r, y) {
+  const n = ee;
+  function b(u, r, y) {
     if (typeof u == "function")
       return u({
         opacityValue: r
@@ -2058,7 +1843,7 @@ var J = {}, Q = {}, ge = {};
       alpha: r
     });
   }
-  function o({ color: u, property: r, variable: y }) {
+  function l({ color: u, property: r, variable: y }) {
     let a = [].concat(r);
     if (typeof u == "function")
       return {
@@ -2089,8 +1874,8 @@ var J = {}, Q = {}, ge = {};
       ]))
     };
   }
-})(J);
-var Z = {}, he = {}, I = {};
+})(Z);
+var te = {}, be = {}, q = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2100,15 +1885,15 @@ var Z = {}, he = {}, I = {};
       return i;
     }
   });
-  function i(n, h) {
-    let o = [], u = [], r = 0, y = !1;
+  function i(n, b) {
+    let l = [], u = [], r = 0, y = !1;
     for (let a = 0; a < n.length; a++) {
       let t = n[a];
-      o.length === 0 && t === h[0] && !y && (h.length === 1 || n.slice(a, a + h.length) === h) && (u.push(n.slice(r, a)), r = a + h.length), y ? y = !1 : t === "\\" && (y = !0), t === "(" || t === "[" || t === "{" ? o.push(t) : (t === ")" && o[o.length - 1] === "(" || t === "]" && o[o.length - 1] === "[" || t === "}" && o[o.length - 1] === "{") && o.pop();
+      l.length === 0 && t === b[0] && !y && (b.length === 1 || n.slice(a, a + b.length) === b) && (u.push(n.slice(r, a)), r = a + b.length), y ? y = !1 : t === "\\" && (y = !0), t === "(" || t === "[" || t === "{" ? l.push(t) : (t === ")" && l[l.length - 1] === "(" || t === "]" && l[l.length - 1] === "[" || t === "}" && l[l.length - 1] === "{") && l.pop();
     }
     return u.push(n.slice(r)), u;
   }
-})(I);
+})(q);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2128,21 +1913,21 @@ var Z = {}, he = {}, I = {};
       return y;
     }
   });
-  const n = I;
-  let h = /* @__PURE__ */ new Set([
+  const n = q;
+  let b = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
     "initial",
     "revert",
     "unset"
-  ]), o = /\ +(?![^(]*\))/g, u = /^-?(\d+|\.\d+)(.*?)$/g;
+  ]), l = /\ +(?![^(]*\))/g, u = /^-?(\d+|\.\d+)(.*?)$/g;
   function r(a) {
     return (0, n.splitAtTopLevelOnly)(a, ",").map((d) => {
       let m = d.trim(), f = {
         raw: m
-      }, w = m.split(o), g = /* @__PURE__ */ new Set();
-      for (let O of w)
-        u.lastIndex = 0, !g.has("KEYWORD") && h.has(O) ? (f.keyword = O, g.add("KEYWORD")) : u.test(O) ? g.has("X") ? g.has("Y") ? g.has("BLUR") ? g.has("SPREAD") || (f.spread = O, g.add("SPREAD")) : (f.blur = O, g.add("BLUR")) : (f.y = O, g.add("Y")) : (f.x = O, g.add("X")) : f.color ? (f.unknown || (f.unknown = []), f.unknown.push(O)) : f.color = O;
+      }, w = m.split(l), g = /* @__PURE__ */ new Set();
+      for (let S of w)
+        u.lastIndex = 0, !g.has("KEYWORD") && b.has(S) ? (f.keyword = S, g.add("KEYWORD")) : u.test(S) ? g.has("X") ? g.has("Y") ? g.has("BLUR") ? g.has("SPREAD") || (f.spread = S, g.add("SPREAD")) : (f.blur = S, g.add("BLUR")) : (f.y = S, g.add("Y")) : (f.x = S, g.add("X")) : f.color ? (f.unknown || (f.unknown = []), f.unknown.push(S)) : f.color = S;
       return f.valid = f.x !== void 0 && f.y !== void 0, f;
     });
   }
@@ -2156,16 +1941,16 @@ var Z = {}, he = {}, I = {};
       t.color
     ].filter(Boolean).join(" ") : t.raw).join(", ");
   }
-})(he);
+})(be);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function i(l, x) {
-    for (var z in x)
-      Object.defineProperty(l, z, {
+  function i(o, x) {
+    for (var P in x)
+      Object.defineProperty(o, P, {
         enumerable: !0,
-        get: x[z]
+        get: x[P]
       });
   }
   i(e, {
@@ -2185,25 +1970,25 @@ var Z = {}, he = {}, I = {};
       return A;
     },
     lineWidth: function() {
-      return T;
+      return D;
     },
     shadow: function() {
-      return P;
+      return z;
     },
     color: function() {
-      return D;
+      return j;
     },
     image: function() {
-      return j;
+      return F;
     },
     gradient: function() {
-      return L;
+      return B;
     },
     position: function() {
       return p;
     },
     familyName: function() {
-      return S;
+      return O;
     },
     genericName: function() {
       return s;
@@ -2215,36 +2000,36 @@ var Z = {}, he = {}, I = {};
       return C;
     }
   });
-  const n = Q, h = he, o = I;
+  const n = ee, b = be, l = q;
   let u = [
     "min",
     "max",
     "clamp",
     "calc"
   ];
-  function r(l) {
-    return u.some((x) => new RegExp(`^${x}\\(.*\\)`).test(l));
+  function r(o) {
+    return u.some((x) => new RegExp(`^${x}\\(.*\\)`).test(o));
   }
   const y = "--tw-placeholder", a = new RegExp(y, "g");
-  function t(l, x = !0) {
-    return l.startsWith("--") ? `var(${l})` : l.includes("url(") ? l.split(/(url\(.*?\))/g).filter(Boolean).map((z) => /^url\(.*?\)$/.test(z) ? z : t(z, !1)).join("") : (l = l.replace(/([^\\])_+/g, (z, k) => k + " ".repeat(z.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (l = l.trim()), l = d(l), l);
+  function t(o, x = !0) {
+    return o.startsWith("--") ? `var(${o})` : o.includes("url(") ? o.split(/(url\(.*?\))/g).filter(Boolean).map((P) => /^url\(.*?\)$/.test(P) ? P : t(P, !1)).join("") : (o = o.replace(/([^\\])_+/g, (P, k) => k + " ".repeat(P.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (o = o.trim()), o = d(o), o);
   }
-  function d(l) {
-    return l.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
-      let z = [];
-      return x.replace(/var\((--.+?)[,)]/g, (k, W) => (z.push(W), k.replace(W, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => z.shift());
+  function d(o) {
+    return o.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
+      let P = [];
+      return x.replace(/var\((--.+?)[,)]/g, (k, N) => (P.push(N), k.replace(N, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => P.shift());
     });
   }
-  function m(l) {
-    return l.startsWith("url(");
+  function m(o) {
+    return o.startsWith("url(");
   }
-  function f(l) {
-    return !isNaN(Number(l)) || r(l);
+  function f(o) {
+    return !isNaN(Number(o)) || r(o);
   }
-  function w(l) {
-    return l.endsWith("%") && f(l.slice(0, -1)) || r(l);
+  function w(o) {
+    return o.endsWith("%") && f(o.slice(0, -1)) || r(o);
   }
-  let O = `(?:${[
+  let S = `(?:${[
     "cm",
     "mm",
     "Q",
@@ -2277,40 +2062,40 @@ var Z = {}, he = {}, I = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function A(l) {
-    return l === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${O}$`).test(l) || r(l);
+  function A(o) {
+    return o === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${S}$`).test(o) || r(o);
   }
-  let $ = /* @__PURE__ */ new Set([
+  let T = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
-  function T(l) {
-    return $.has(l);
+  function D(o) {
+    return T.has(o);
   }
-  function P(l) {
-    let x = (0, h.parseBoxShadowValue)(t(l));
-    for (let z of x)
-      if (!z.valid)
+  function z(o) {
+    let x = (0, b.parseBoxShadowValue)(t(o));
+    for (let P of x)
+      if (!P.valid)
         return !1;
     return !0;
   }
-  function D(l) {
+  function j(o) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(l, "_").every((k) => (k = t(k), k.startsWith("var(") ? !0 : (0, n.parseColor)(k, {
+    return (0, l.splitAtTopLevelOnly)(o, "_").every((k) => (k = t(k), k.startsWith("var(") ? !0 : (0, n.parseColor)(k, {
       loose: !0
     }) !== null ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function j(l) {
+  function F(o) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(l, ",").every((k) => (k = t(k), k.startsWith("var(") ? !0 : m(k) || L(k) || [
+    return (0, l.splitAtTopLevelOnly)(o, ",").every((k) => (k = t(k), k.startsWith("var(") ? !0 : m(k) || B(k) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((W) => k.startsWith(W)) ? (x++, !0) : !1)) ? x > 0 : !1;
+    ].some((N) => k.startsWith(N)) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  let M = /* @__PURE__ */ new Set([
+  let U = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2318,27 +2103,27 @@ var Z = {}, he = {}, I = {};
     "repeating-linear-gradient",
     "repeating-radial-gradient"
   ]);
-  function L(l) {
-    l = t(l);
-    for (let x of M)
-      if (l.startsWith(`${x}(`))
+  function B(o) {
+    o = t(o);
+    for (let x of U)
+      if (o.startsWith(`${x}(`))
         return !0;
     return !1;
   }
-  let U = /* @__PURE__ */ new Set([
+  let L = /* @__PURE__ */ new Set([
     "center",
     "top",
     "right",
     "bottom",
     "left"
   ]);
-  function p(l) {
+  function p(o) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(l, "_").every((k) => (k = t(k), k.startsWith("var(") ? !0 : U.has(k) || A(k) || w(k) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, l.splitAtTopLevelOnly)(o, "_").every((k) => (k = t(k), k.startsWith("var(") ? !0 : L.has(k) || A(k) || w(k) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function S(l) {
+  function O(o) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(l, ",").every((k) => (k = t(k), k.startsWith("var(") ? !0 : k.includes(" ") && !/(['"])([^"']+)\1/g.test(k) || /^\d/g.test(k) ? !1 : (x++, !0))) ? x > 0 : !1;
+    return (0, l.splitAtTopLevelOnly)(o, ",").every((k) => (k = t(k), k.startsWith("var(") ? !0 : k.includes(" ") && !/(['"])([^"']+)\1/g.test(k) || /^\d/g.test(k) ? !1 : (x++, !0))) ? x > 0 : !1;
   }
   let _ = /* @__PURE__ */ new Set([
     "serif",
@@ -2355,10 +2140,10 @@ var Z = {}, he = {}, I = {};
     "emoji",
     "fangsong"
   ]);
-  function s(l) {
-    return _.has(l);
+  function s(o) {
+    return _.has(o);
   }
-  let b = /* @__PURE__ */ new Set([
+  let h = /* @__PURE__ */ new Set([
     "xx-small",
     "x-small",
     "small",
@@ -2368,48 +2153,48 @@ var Z = {}, he = {}, I = {};
     "x-large",
     "xxx-large"
   ]);
-  function v(l) {
-    return b.has(l);
+  function v(o) {
+    return h.has(o);
   }
   let c = /* @__PURE__ */ new Set([
     "larger",
     "smaller"
   ]);
-  function C(l) {
-    return c.has(l);
+  function C(o) {
+    return c.has(o);
   }
-})(Z);
-var be = {};
+})(te);
+var ye = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "backgroundSize", {
     enumerable: !0,
     get: function() {
-      return h;
+      return b;
     }
   });
-  const i = Z, n = I;
-  function h(o) {
+  const i = te, n = q;
+  function b(l) {
     let u = [
       "cover",
       "contain"
     ];
-    return (0, n.splitAtTopLevelOnly)(o, ",").every((r) => {
+    return (0, n.splitAtTopLevelOnly)(l, ",").every((r) => {
       let y = (0, n.splitAtTopLevelOnly)(r, "_").filter(Boolean);
       return y.length === 1 && u.includes(y[0]) ? !0 : y.length !== 1 && y.length !== 2 ? !1 : y.every((a) => (0, i.length)(a) || (0, i.percentage)(a) || a === "auto");
     });
   }
-})(be);
+})(ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function i(p, S) {
-    for (var _ in S)
+  function i(p, O) {
+    for (var _ in O)
       Object.defineProperty(p, _, {
         enumerable: !0,
-        get: S[_]
+        get: O[_]
       });
   }
   i(e, {
@@ -2420,127 +2205,127 @@ var be = {};
       return f;
     },
     parseColorFormat: function() {
-      return O;
+      return S;
     },
     asColor: function() {
-      return $;
+      return T;
     },
     asLookupValue: function() {
-      return T;
+      return D;
     },
     typeMap: function() {
-      return D;
+      return j;
     },
     coerceValue: function() {
-      return L;
+      return B;
     },
     getMatchingTypes: function() {
-      return U;
+      return L;
     }
   });
-  const n = /* @__PURE__ */ a(me), h = J, o = Z, u = /* @__PURE__ */ a(Y), r = be, y = H;
+  const n = /* @__PURE__ */ a(ge), b = Z, l = te, u = /* @__PURE__ */ a(X), r = ye, y = H;
   function a(p) {
     return p && p.__esModule ? p : {
       default: p
     };
   }
-  function t(p, S) {
+  function t(p, O) {
     p.walkClasses((_) => {
-      _.value = S(_.value), _.raws && _.raws.value && (_.raws.value = (0, n.default)(_.raws.value));
+      _.value = O(_.value), _.raws && _.raws.value && (_.raws.value = (0, n.default)(_.raws.value));
     });
   }
-  function d(p, S) {
+  function d(p, O) {
     if (!w(p))
       return;
     let _ = p.slice(1, -1);
-    if (S(_))
-      return (0, o.normalize)(_);
+    if (O(_))
+      return (0, l.normalize)(_);
   }
-  function m(p, S = {}, _) {
-    let s = S[p];
+  function m(p, O = {}, _) {
+    let s = O[p];
     if (s !== void 0)
       return (0, u.default)(s);
     if (w(p)) {
-      let b = d(p, _);
-      return b === void 0 ? void 0 : (0, u.default)(b);
+      let h = d(p, _);
+      return h === void 0 ? void 0 : (0, u.default)(h);
     }
   }
-  function f(p, S = {}, { validate: _ = () => !0 } = {}) {
+  function f(p, O = {}, { validate: _ = () => !0 } = {}) {
     var s;
-    let b = (s = S.values) === null || s === void 0 ? void 0 : s[p];
-    return b !== void 0 ? b : S.supportsNegativeValues && p.startsWith("-") ? m(p.slice(1), S.values, _) : d(p, _);
+    let h = (s = O.values) === null || s === void 0 ? void 0 : s[p];
+    return h !== void 0 ? h : O.supportsNegativeValues && p.startsWith("-") ? m(p.slice(1), O.values, _) : d(p, _);
   }
   function w(p) {
     return p.startsWith("[") && p.endsWith("]");
   }
   function g(p) {
-    let S = p.lastIndexOf("/");
-    return S === -1 || S === p.length - 1 ? [
+    let O = p.lastIndexOf("/");
+    return O === -1 || O === p.length - 1 ? [
       p,
       void 0
     ] : w(p) && !p.includes("]/[") ? [
       p,
       void 0
     ] : [
-      p.slice(0, S),
-      p.slice(S + 1)
+      p.slice(0, O),
+      p.slice(O + 1)
     ];
   }
-  function O(p) {
+  function S(p) {
     if (typeof p == "string" && p.includes("<alpha-value>")) {
-      let S = p;
-      return ({ opacityValue: _ = 1 }) => S.replace("<alpha-value>", _);
+      let O = p;
+      return ({ opacityValue: _ = 1 }) => O.replace("<alpha-value>", _);
     }
     return p;
   }
   function A(p) {
-    return (0, o.normalize)(p.slice(1, -1));
+    return (0, l.normalize)(p.slice(1, -1));
   }
-  function $(p, S = {}, { tailwindConfig: _ = {} } = {}) {
+  function T(p, O = {}, { tailwindConfig: _ = {} } = {}) {
     var s;
-    if (((s = S.values) === null || s === void 0 ? void 0 : s[p]) !== void 0) {
-      var b;
-      return O((b = S.values) === null || b === void 0 ? void 0 : b[p]);
+    if (((s = O.values) === null || s === void 0 ? void 0 : s[p]) !== void 0) {
+      var h;
+      return S((h = O.values) === null || h === void 0 ? void 0 : h[p]);
     }
     let [v, c] = g(p);
     if (c !== void 0) {
-      var C, l, x, z;
-      let k = (z = (C = S.values) === null || C === void 0 ? void 0 : C[v]) !== null && z !== void 0 ? z : w(v) ? v.slice(1, -1) : void 0;
-      return k === void 0 ? void 0 : (k = O(k), w(c) ? (0, h.withAlphaValue)(k, A(c)) : ((l = _.theme) === null || l === void 0 || (x = l.opacity) === null || x === void 0 ? void 0 : x[c]) === void 0 ? void 0 : (0, h.withAlphaValue)(k, _.theme.opacity[c]));
+      var C, o, x, P;
+      let k = (P = (C = O.values) === null || C === void 0 ? void 0 : C[v]) !== null && P !== void 0 ? P : w(v) ? v.slice(1, -1) : void 0;
+      return k === void 0 ? void 0 : (k = S(k), w(c) ? (0, b.withAlphaValue)(k, A(c)) : ((o = _.theme) === null || o === void 0 || (x = o.opacity) === null || x === void 0 ? void 0 : x[c]) === void 0 ? void 0 : (0, b.withAlphaValue)(k, _.theme.opacity[c]));
     }
-    return f(p, S, {
-      validate: o.color
+    return f(p, O, {
+      validate: l.color
     });
   }
-  function T(p, S = {}) {
+  function D(p, O = {}) {
     var _;
-    return (_ = S.values) === null || _ === void 0 ? void 0 : _[p];
+    return (_ = O.values) === null || _ === void 0 ? void 0 : _[p];
   }
-  function P(p) {
-    return (S, _) => f(S, _, {
+  function z(p) {
+    return (O, _) => f(O, _, {
       validate: p
     });
   }
-  let D = {
+  let j = {
     any: f,
-    color: $,
-    url: P(o.url),
-    image: P(o.image),
-    length: P(o.length),
-    percentage: P(o.percentage),
-    position: P(o.position),
-    lookup: T,
-    "generic-name": P(o.genericName),
-    "family-name": P(o.familyName),
-    number: P(o.number),
-    "line-width": P(o.lineWidth),
-    "absolute-size": P(o.absoluteSize),
-    "relative-size": P(o.relativeSize),
-    shadow: P(o.shadow),
-    size: P(r.backgroundSize)
-  }, j = Object.keys(D);
-  function M(p, S) {
-    let _ = p.indexOf(S);
+    color: T,
+    url: z(l.url),
+    image: z(l.image),
+    length: z(l.length),
+    percentage: z(l.percentage),
+    position: z(l.position),
+    lookup: D,
+    "generic-name": z(l.genericName),
+    "family-name": z(l.familyName),
+    number: z(l.number),
+    "line-width": z(l.lineWidth),
+    "absolute-size": z(l.absoluteSize),
+    "relative-size": z(l.relativeSize),
+    shadow: z(l.shadow),
+    size: z(r.backgroundSize)
+  }, F = Object.keys(j);
+  function U(p, O) {
+    let _ = p.indexOf(O);
     return _ === -1 ? [
       void 0,
       p
@@ -2549,10 +2334,10 @@ var be = {};
       p.slice(_ + 1)
     ];
   }
-  function L(p, S, _, s) {
-    if (_.values && S in _.values)
+  function B(p, O, _, s) {
+    if (_.values && O in _.values)
       for (let { type: v } of p != null ? p : []) {
-        let c = D[v](S, _, {
+        let c = j[v](O, _, {
           tailwindConfig: s
         });
         if (c !== void 0)
@@ -2562,44 +2347,44 @@ var be = {};
             null
           ];
       }
-    if (w(S)) {
-      let v = S.slice(1, -1), [c, C] = M(v, ":");
+    if (w(O)) {
+      let v = O.slice(1, -1), [c, C] = U(v, ":");
       if (!/^[\w-_]+$/g.test(c))
         C = v;
-      else if (c !== void 0 && !j.includes(c))
+      else if (c !== void 0 && !F.includes(c))
         return [];
-      if (C.length > 0 && j.includes(c))
+      if (C.length > 0 && F.includes(c))
         return [
           f(`[${C}]`, _),
           c,
           null
         ];
     }
-    let b = U(p, S, _, s);
-    for (let v of b)
+    let h = L(p, O, _, s);
+    for (let v of h)
       return v;
     return [];
   }
-  function* U(p, S, _, s) {
-    let b = (0, y.flagEnabled)(s, "generalizedModifiers"), [v, c] = g(S);
-    if (b && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (c && w(c) || c in _.modifiers)) || (v = S, c = void 0), c !== void 0 && v === "" && (v = "DEFAULT"), c !== void 0 && typeof _.modifiers == "object") {
-      var l, x;
-      let z = (x = (l = _.modifiers) === null || l === void 0 ? void 0 : l[c]) !== null && x !== void 0 ? x : null;
-      z !== null ? c = z : w(c) && (c = A(c));
+  function* L(p, O, _, s) {
+    let h = (0, y.flagEnabled)(s, "generalizedModifiers"), [v, c] = g(O);
+    if (h && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (c && w(c) || c in _.modifiers)) || (v = O, c = void 0), c !== void 0 && v === "" && (v = "DEFAULT"), c !== void 0 && typeof _.modifiers == "object") {
+      var o, x;
+      let P = (x = (o = _.modifiers) === null || o === void 0 ? void 0 : o[c]) !== null && x !== void 0 ? x : null;
+      P !== null ? c = P : w(c) && (c = A(c));
     }
-    for (let { type: z } of p != null ? p : []) {
-      let k = D[z](v, _, {
+    for (let { type: P } of p != null ? p : []) {
+      let k = j[P](v, _, {
         tailwindConfig: s
       });
       k !== void 0 && (yield [
         k,
-        z,
+        P,
         c != null ? c : null
       ]);
     }
   }
-})(pe);
-var ye = {};
+})(me);
+var ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2612,7 +2397,7 @@ var ye = {};
   function i(n) {
     return typeof n == "function" ? n({}) : n;
   }
-})(ye);
+})(ve);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2622,7 +2407,7 @@ var ye = {};
       return _;
     }
   });
-  const i = /* @__PURE__ */ w(Y), n = /* @__PURE__ */ w(ie), h = /* @__PURE__ */ w(ae), o = /* @__PURE__ */ w(K), u = se, r = ue, y = fe, a = /* @__PURE__ */ w(ce), t = de, d = pe, m = J, f = /* @__PURE__ */ w(ye);
+  const i = /* @__PURE__ */ w(X), n = /* @__PURE__ */ w(ae), b = /* @__PURE__ */ w(oe), l = /* @__PURE__ */ w(J), u = ue, r = fe, y = ce, a = /* @__PURE__ */ w(de), t = pe, d = me, m = Z, f = /* @__PURE__ */ w(ve);
   function w(s) {
     return s && s.__esModule ? s : {
       default: s
@@ -2631,35 +2416,35 @@ var ye = {};
   function g(s) {
     return typeof s == "function";
   }
-  function O(s, ...b) {
-    let v = b.pop();
-    for (let c of b)
+  function S(s, ...h) {
+    let v = h.pop();
+    for (let c of h)
       for (let C in c) {
-        let l = v(s[C], c[C]);
-        l === void 0 ? (0, a.default)(s[C]) && (0, a.default)(c[C]) ? s[C] = O({}, s[C], c[C], v) : s[C] = c[C] : s[C] = l;
+        let o = v(s[C], c[C]);
+        o === void 0 ? (0, a.default)(s[C]) && (0, a.default)(c[C]) ? s[C] = S({}, s[C], c[C], v) : s[C] = c[C] : s[C] = o;
       }
     return s;
   }
   const A = {
-    colors: o.default,
+    colors: l.default,
     negative(s) {
-      return Object.keys(s).filter((b) => s[b] !== "0").reduce((b, v) => {
+      return Object.keys(s).filter((h) => s[h] !== "0").reduce((h, v) => {
         let c = (0, i.default)(s[v]);
-        return c !== void 0 && (b[`-${v}`] = c), b;
+        return c !== void 0 && (h[`-${v}`] = c), h;
       }, {});
     },
     breakpoints(s) {
-      return Object.keys(s).filter((b) => typeof s[b] == "string").reduce((b, v) => ({
-        ...b,
+      return Object.keys(s).filter((h) => typeof s[h] == "string").reduce((h, v) => ({
+        ...h,
         [`screen-${v}`]: s[v]
       }), {});
     }
   };
-  function $(s, ...b) {
-    return g(s) ? s(...b) : s;
+  function T(s, ...h) {
+    return g(s) ? s(...h) : s;
   }
-  function T(s) {
-    return s.reduce((b, { extend: v }) => O(b, v, (c, C) => c === void 0 ? [
+  function D(s) {
+    return s.reduce((h, { extend: v }) => S(h, v, (c, C) => c === void 0 ? [
       C
     ] : Array.isArray(c) ? [
       C,
@@ -2669,91 +2454,91 @@ var ye = {};
       c
     ]), {});
   }
-  function P(s) {
+  function z(s) {
     return {
-      ...s.reduce((b, v) => (0, u.defaults)(b, v), {}),
+      ...s.reduce((h, v) => (0, u.defaults)(h, v), {}),
       // In order to resolve n config objects, we combine all of their `extend` properties
       // into arrays instead of objects so they aren't overridden.
-      extend: T(s)
+      extend: D(s)
     };
   }
-  function D(s, b) {
+  function j(s, h) {
     if (Array.isArray(s) && (0, a.default)(s[0]))
-      return s.concat(b);
-    if (Array.isArray(b) && (0, a.default)(b[0]) && (0, a.default)(s))
+      return s.concat(h);
+    if (Array.isArray(h) && (0, a.default)(h[0]) && (0, a.default)(s))
       return [
         s,
-        ...b
+        ...h
       ];
-    if (Array.isArray(b))
-      return b;
+    if (Array.isArray(h))
+      return h;
   }
-  function j({ extend: s, ...b }) {
-    return O(b, s, (v, c) => !g(v) && !c.some(g) ? O({}, v, ...c, D) : (C, l) => O({}, ...[
+  function F({ extend: s, ...h }) {
+    return S(h, s, (v, c) => !g(v) && !c.some(g) ? S({}, v, ...c, j) : (C, o) => S({}, ...[
       v,
       ...c
-    ].map((x) => $(x, C, l)), D));
+    ].map((x) => T(x, C, o)), j));
   }
-  function* M(s) {
-    let b = (0, r.toPath)(s);
-    if (b.length === 0 || (yield b, Array.isArray(s)))
+  function* U(s) {
+    let h = (0, r.toPath)(s);
+    if (h.length === 0 || (yield h, Array.isArray(s)))
       return;
     let v = /^(.*?)\s*\/\s*([^/]+)$/, c = s.match(v);
     if (c !== null) {
-      let [, C, l] = c, x = (0, r.toPath)(C);
-      x.alpha = l, yield x;
+      let [, C, o] = c, x = (0, r.toPath)(C);
+      x.alpha = o, yield x;
     }
   }
-  function L(s) {
-    const b = (v, c) => {
-      for (const C of M(v)) {
-        let l = 0, x = s;
-        for (; x != null && l < C.length; )
-          x = x[C[l++]], x = g(x) && (C.alpha === void 0 || l <= C.length - 1) ? x(b, A) : x;
+  function B(s) {
+    const h = (v, c) => {
+      for (const C of U(v)) {
+        let o = 0, x = s;
+        for (; x != null && o < C.length; )
+          x = x[C[o++]], x = g(x) && (C.alpha === void 0 || o <= C.length - 1) ? x(h, A) : x;
         if (x !== void 0) {
           if (C.alpha !== void 0) {
-            let z = (0, d.parseColorFormat)(x);
-            return (0, m.withAlphaValue)(z, C.alpha, (0, f.default)(z));
+            let P = (0, d.parseColorFormat)(x);
+            return (0, m.withAlphaValue)(P, C.alpha, (0, f.default)(P));
           }
           return (0, a.default)(x) ? (0, t.cloneDeep)(x) : x;
         }
       }
       return c;
     };
-    return Object.assign(b, {
-      theme: b,
+    return Object.assign(h, {
+      theme: h,
       ...A
-    }), Object.keys(s).reduce((v, c) => (v[c] = g(s[c]) ? s[c](b, A) : s[c], v), {});
+    }), Object.keys(s).reduce((v, c) => (v[c] = g(s[c]) ? s[c](h, A) : s[c], v), {});
   }
-  function U(s) {
-    let b = [];
+  function L(s) {
+    let h = [];
     return s.forEach((v) => {
-      b = [
-        ...b,
+      h = [
+        ...h,
         v
       ];
       var c;
       const C = (c = v == null ? void 0 : v.plugins) !== null && c !== void 0 ? c : [];
-      C.length !== 0 && C.forEach((l) => {
-        l.__isOptionsFunction && (l = l());
+      C.length !== 0 && C.forEach((o) => {
+        o.__isOptionsFunction && (o = o());
         var x;
-        b = [
-          ...b,
-          ...U([
-            (x = l == null ? void 0 : l.config) !== null && x !== void 0 ? x : {}
+        h = [
+          ...h,
+          ...L([
+            (x = o == null ? void 0 : o.config) !== null && x !== void 0 ? x : {}
           ])
         ];
       });
-    }), b;
+    }), h;
   }
   function p(s) {
     return [
       ...s
     ].reduceRight((v, c) => g(c) ? c({
       corePlugins: v
-    }) : (0, h.default)(c, v), n.default);
+    }) : (0, b.default)(c, v), n.default);
   }
-  function S(s) {
+  function O(s) {
     return [
       ...s
     ].reduceRight((v, c) => [
@@ -2762,8 +2547,8 @@ var ye = {};
     ], []);
   }
   function _(s) {
-    let b = [
-      ...U(s),
+    let h = [
+      ...L(s),
       {
         prefix: "",
         important: !1,
@@ -2772,13 +2557,13 @@ var ye = {};
     ];
     var v, c;
     return (0, y.normalizeConfig)((0, u.defaults)({
-      theme: L(j(P(b.map((C) => (v = C == null ? void 0 : C.theme) !== null && v !== void 0 ? v : {})))),
-      corePlugins: p(b.map((C) => C.corePlugins)),
-      plugins: S(s.map((C) => (c = C == null ? void 0 : C.plugins) !== null && c !== void 0 ? c : []))
-    }, ...b));
+      theme: B(F(z(h.map((C) => (v = C == null ? void 0 : C.theme) !== null && v !== void 0 ? v : {})))),
+      corePlugins: p(h.map((C) => C.corePlugins)),
+      plugins: O(s.map((C) => (c = C == null ? void 0 : C.plugins) !== null && c !== void 0 ? c : []))
+    }, ...h));
   }
-})(ne);
-var ve = {}, Ue = {
+})(ie);
+var xe = {}, Oe = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3775,20 +3560,20 @@ var ve = {}, Ue = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return l;
     }
   });
-  const i = /* @__PURE__ */ h(Ue), n = H;
-  function h(u) {
+  const i = /* @__PURE__ */ b(Oe), n = H;
+  function b(u) {
     return u && u.__esModule ? u : {
       default: u
     };
   }
-  function o(u) {
+  function l(u) {
     var r;
     const y = ((r = u == null ? void 0 : u.presets) !== null && r !== void 0 ? r : [
       i.default
-    ]).slice().reverse().flatMap((d) => o(d instanceof Function ? d() : d)), a = {
+    ]).slice().reverse().flatMap((d) => l(d instanceof Function ? d() : d)), a = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
@@ -3815,42 +3600,42 @@ var ve = {}, Ue = {
       ...y
     ];
   }
-})(ve);
+})(xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return l;
     }
   });
-  const i = /* @__PURE__ */ h(ne), n = /* @__PURE__ */ h(ve);
-  function h(u) {
+  const i = /* @__PURE__ */ b(ie), n = /* @__PURE__ */ b(xe);
+  function b(u) {
     return u && u.__esModule ? u : {
       default: u
     };
   }
-  function o(...u) {
+  function l(...u) {
     let [, ...r] = (0, n.default)(u[0]);
     return (0, i.default)([
       ...u,
       ...r
     ]);
   }
-})(re);
-let q = re;
-var Re = (q.__esModule ? q : { default: q }).default;
-const Le = /* @__PURE__ */ Me(Re);
-let G = K;
-var R = (G.__esModule ? G : { default: G }).default;
-const F = {
-  onprimary: R.white,
-  warning: R.amber,
-  error: R.rose,
-  info: R.cyan,
-  success: R.lime,
-  primary: R.sky,
+})(ne);
+let Y = ne;
+var Se = (Y.__esModule ? Y : { default: Y }).default;
+const ke = /* @__PURE__ */ Ce(Se);
+let K = J;
+var W = (K.__esModule ? K : { default: K }).default;
+const M = {
+  onprimary: W.white,
+  warning: W.amber,
+  error: W.rose,
+  info: W.cyan,
+  success: W.lime,
+  primary: W.sky,
   brand: {
     50: "#FCE3E4",
     100: "#F9CDCE",
@@ -3863,39 +3648,39 @@ const F = {
     800: "#4E090B",
     900: "#290506"
   }
-}, Be = {
+}, Ae = {
+  ...M,
+  // Warning
+  warning: M.warning[500],
+  "warning-darken": M.warning[600],
+  "warning-lighten": M.warning[400],
+  // Success
+  success: M.success[500],
+  "success-darken": M.success[600],
+  "success-lighten": M.success[400],
+  // Error
+  error: M.error[500],
+  "error-darken": M.error[600],
+  "error-lighten": M.error[400],
+  // Info
+  info: M.info[500],
+  "info-darken": M.info[600],
+  "info-lighten": M.info[400],
+  // Primary
+  primary: M.primary[500],
+  "primary-darken": M.primary[600],
+  "primary-lighten": M.primary[400],
+  // Surfaces
+  onsurface: W.slate[500],
+  onbackground: W.slate[700],
+  surface: W.slate[50],
+  background: W.white
+}, Pe = {
   prefix: "e-",
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: {
-        ...F,
-        // Warning
-        warning: F.warning[500],
-        "warning-darken": F.warning[600],
-        "warning-lighten": F.warning[400],
-        // Success
-        success: F.success[500],
-        "success-darken": F.success[600],
-        "success-lighten": F.success[400],
-        // Error
-        error: F.error[500],
-        "error-darken": F.error[600],
-        "error-lighten": F.error[400],
-        // Info
-        info: F.info[500],
-        "info-darken": F.info[600],
-        "info-lighten": F.info[400],
-        // Primary
-        primary: F.primary[500],
-        "primary-darken": F.primary[600],
-        "primary-lighten": F.primary[400],
-        // Surfaces
-        onsurface: R.slate[500],
-        onbackground: R.slate[700],
-        surface: R.slate[50],
-        background: R.white
-      }
+      colors: Ae
     },
     fontSize: {
       xs: "0.75rem",
@@ -3914,10 +3699,234 @@ const F = {
     }
   },
   plugins: []
-}, xe = Le(Be), _e = xe.theme.fontSize, B = xe.theme.colors;
-B.warning, B.error, B.info, B.success, B.primary, B.brand[500];
-Object.keys(_e).reduce((e, i) => [...e, { value: i, label: i.toUpperCase() }], []);
-const We = {
+};
+var $ = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "md", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))($ || {}), R = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(R || {});
+const _e = ke(Pe), ze = _e.theme.fontSize, Ee = _e.theme.colors, $e = [
+  "xs",
+  "sm",
+  "md",
+  "base",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "7xl",
+  "8xl",
+  "9xl"
+  /* 9xl */
+], Te = V({
+  name: "EBadge",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: R.default
+    },
+    size: {
+      type: String,
+      default: $.base
+    }
+  },
+  data() {
+    return {
+      colors: {
+        [R.error]: "e-bg-rose-500 e-text-white",
+        [R.info]: "e-bg-cyan-500 e-text-white",
+        [R.warning]: "e-bg-amber-500 e-text-white",
+        [R.primary]: "e-bg-sky-500 e-text-white",
+        [R.default]: "e-bg-slate-300 e-text-white",
+        [R.success]: "e-bg-lime-500 e-text-white"
+      },
+      sizes: {
+        [$.dot]: "e-w-2 e-h-2",
+        [$.xs]: "e-w-3 e-h-3",
+        [$.sm]: "e-w-4 e-h-4",
+        [$.md]: "e-w-5 e-h-5",
+        [$.lg]: "e-min-w-[2rem] e-max-w-[4rem] e-px-1 e-h-6 e-text-sm e-font-medium",
+        [$.xl]: "e-min-w-[3rem] e-max-w-[5rem] e-px-1 e-h-8 e-text-base e-font-medium"
+      }
+    };
+  },
+  computed: {
+    badgeClasses() {
+      const e = this.colors[this.color] || this.colors[R.default], i = this.sizes[this.size] || this.sizes[$.md];
+      return [
+        "e-flex e-items-center e-justify-center e-rounded-full",
+        e,
+        i
+      ];
+    },
+    showText() {
+      return [$.lg, $.xl].includes(this.size);
+    }
+  }
+});
+function G(e, i, n, b, l, u, r, y) {
+  var a = typeof e == "function" ? e.options : e;
+  i && (a.render = i, a.staticRenderFns = n, a._compiled = !0), b && (a.functional = !0), u && (a._scopeId = "data-v-" + u);
+  var t;
+  if (r ? (t = function(f) {
+    f = f || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ != "undefined" && (f = __VUE_SSR_CONTEXT__), l && l.call(this, f), f && f._registeredComponents && f._registeredComponents.add(r);
+  }, a._ssrRegister = t) : l && (t = y ? function() {
+    l.call(
+      this,
+      (a.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : l), t)
+    if (a.functional) {
+      a._injectStyles = t;
+      var d = a.render;
+      a.render = function(w, g) {
+        return t.call(g), d(w, g);
+      };
+    } else {
+      var m = a.beforeCreate;
+      a.beforeCreate = m ? [].concat(m, t) : [t];
+    }
+  return {
+    exports: e,
+    options: a
+  };
+}
+var De = function() {
+  var i = this, n = i._self._c;
+  return i._self._setupProxy, n("span", { staticClass: "e-badge", class: i.badgeClasses }, [i.showText ? n("span", [i._v(i._s(i.text))]) : i._e()]);
+}, je = [], Fe = /* @__PURE__ */ G(
+  Te,
+  De,
+  je,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const we = Fe.exports, Me = V({
+  name: "EAvatar",
+  components: {
+    Badge: we
+  },
+  props: {
+    size: {
+      type: String,
+      default: $.md
+    },
+    showBadge: {
+      type: Boolean,
+      default: !1
+    },
+    badgeColor: {
+      type: String,
+      default: R.error
+    },
+    badgeText: {
+      type: String,
+      default: ""
+    },
+    badgeSize: {
+      type: String,
+      default: $.md
+    },
+    image: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      sizes: {
+        [$.xs]: "e-w-8 e-h-8 e-text-xs",
+        [$.sm]: "e-w-10 e-h-10 e-text-sm",
+        [$.md]: "e-w-14 e-h-14 e-text-base",
+        [$.lg]: "e-w-20 e-h-20 e-text-2xl",
+        [$.xl]: "e-w-28 e-h-28 e-text-3xl",
+        [$["2xl"]]: "e-w-36 e-h-36 e-text-5xl"
+      }
+    };
+  },
+  computed: {
+    avatarClasses() {
+      return [
+        "e-flex e-items-center e-justify-center e-rounded-full e-bg-purple-500 e-text-white e-font-medium",
+        this.sizes[this.size] || this.sizes[$.xs]
+      ];
+    }
+  }
+});
+var Ue = function() {
+  var i = this, n = i._self._c;
+  return i._self._setupProxy, n("div", { staticClass: "e-avatar e-relative", class: i.avatarClasses }, [i._t("default", function() {
+    return [i.image ? n("img", { staticClass: "e-avatar__image e-w-full e-h-full e-object-cover e-rounded-full", attrs: { src: i.image } }) : i._e()];
+  }), i.showBadge ? n("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [i._t("badge", function() {
+    return [n("Badge", { attrs: { text: i.badgeText, color: i.badgeColor, size: i.badgeSize } })];
+  })], 2) : i._e()], 2);
+}, Re = [], Le = /* @__PURE__ */ G(
+  Me,
+  Ue,
+  Re,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const We = Le.exports, Be = V({
+  name: "EIcon",
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: R.default
+    },
+    size: {
+      type: String,
+      default: $.sm
+    }
+  },
+  computed: {
+    sizes() {
+      return $e.reduce((e, i) => ({
+        ...e,
+        [i]: `e-text-${i}`
+      }), {});
+    },
+    iconClasses() {
+      var b, l;
+      const e = this.sizes[this.size] || this.sizes[$.sm], i = `${((l = (b = this.icon) == null ? void 0 : b.split(" ")) == null ? void 0 : l.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
+      return [
+        "e-inline-flex e-items-center e-justify-center e-rounded-full",
+        this.color,
+        i,
+        e
+      ];
+    }
+  }
+});
+var Ne = function() {
+  var i = this, n = i._self._c;
+  return i._self._setupProxy, n("div", { staticClass: "e-icon" }, [n("i", { class: i.iconClasses })]);
+}, Ve = [], Ie = /* @__PURE__ */ G(
+  Be,
+  Ne,
+  Ve,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const He = Ie.exports, qe = V({
   name: "ESpinner",
   props: {
     dark: {
@@ -3933,8 +3942,8 @@ const We = {
       default: 1e3
     },
     size: {
-      type: [String],
-      default: "base"
+      type: String,
+      default: $.base
     },
     opacity: {
       type: [String, Number],
@@ -3943,13 +3952,13 @@ const We = {
   },
   data() {
     return {
-      sizes: _e,
-      colors: B
+      sizes: ze,
+      colors: Ee
     };
   },
   computed: {
     computedSize() {
-      return this.sizes[this.size] || this.size || this.sizes.base;
+      return this.sizes[this.size] || this.size || this.sizes[$.base];
     },
     fill() {
       let e = {
@@ -3970,46 +3979,48 @@ const We = {
   },
   methods: {
     getNthPathStyle(e) {
+      const i = typeof this.animationDuration == "string" ? Number.parseInt(this.animationDuration) : this.animationDuration;
       return {
         animationDuration: `${this.animationDuration}ms`,
-        animationDelay: `${e / 10 * this.animationDuration}ms`,
+        animationDelay: `${e / 10 * i}ms`,
         fill: `${this.fill[e % 2 === 0 ? "primary" : "secondary"]}`
       };
     }
   }
-};
-var Ne = function() {
+});
+var Ge = function() {
   var i = this, n = i._self._c;
-  return n("svg", { staticClass: "e-spinner", class: {
+  return i._self._setupProxy, n("svg", { staticClass: "e-spinner", class: {
     "e-spinner--dark": i.dark,
     "e-spinner--grey": !i.color
   }, style: { opacity: i.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: i.computedSize, height: i.computedSize } }, [n("path", { staticClass: "e-spinner__primary", style: i.getNthPathStyle(0), attrs: { d: "m1254.12,591.61C992.01,401.11,439.78,0,439.78,0h601.2c14.3,0,48.95,9.02,62.54,38.01,55.27,117.88,111.32,235.46,170.48,351.43,33.16,70.9-8.99,170.35-19.87,202.16" } }), n("path", { staticClass: "e-spinner__secondary", style: i.getNthPathStyle(1), attrs: { d: "m1404.65,131.67c-29.37,89.94-55.8,170.95-82.25,251.93-4.05.87-8.1,1.73-12.15,2.61-40.61-83.95-81.21-167.9-123.12-254.54h217.51Z" } }), n("path", { staticClass: "e-spinner__primary", style: i.getNthPathStyle(2), attrs: { d: "m1129.06,1093.51c100.75-307.98,312.75-956.75,312.75-956.75,0,0,180.36,558.53,184.75,572.14,4.39,13.59,6.45,49.34-16.96,71.19-95.21,88.81-189.88,178.28-282.06,270.2-57.29,53.34-164.86,43.8-198.48,43.21" } }), n("path", { staticClass: "e-spinner__secondary", style: i.getNthPathStyle(3), attrs: { d: "m1342.3,1083.06c66.6-63.43,133.22-126.86,207.93-197.98,21.51,73.55,40.3,137.81,60.64,207.37h-263.35c-1.75-3.13-3.48-6.27-5.22-9.39" } }), n("path", { staticClass: "e-spinner__primary", style: i.getNthPathStyle(4), attrs: { d: "m610.27,1137.17c324.03-.53,1006.55-1.85,1006.55-1.85,0,0-474.19,345.83-485.74,354.25-11.55,8.42-44.87,21.56-72.94,6.14-114.11-62.68-228.69-124.66-344.81-183.5-68.56-37.76-93.12-142.93-103.06-175.04" } }), n("path", { staticClass: "e-spinner__secondary", style: i.getNthPathStyle(5), attrs: { d: "m938.58,1468.29c-62.81,42.58-118.35,80.24-180.28,122.23-28.35-87.22-54.62-168.03-80.89-248.86,2.62-2.92,5.26-5.85,7.9-8.76,81.89,43.78,163.79,87.56,253.26,135.39" } }), n("path", { staticClass: "e-spinner__primary", style: i.getNthPathStyle(6), attrs: { d: "m413.07,652.86c101.35,307.77,314.99,956,314.99,956,0,0-476.23-343.04-487.83-351.39-11.58-8.36-34.44-35.93-28.52-67.4,24.07-127.96,47.3-256.13,67.09-384.8,14.54-76.9,106.84-132.96,134.28-152.42" } }), n("path", { staticClass: "e-spinner__secondary", style: i.getNthPathStyle(7), attrs: { d: "m197.48,1068.8c-62.36-47.73-115.99-88.79-176.78-135.33,75.54-54.91,146.18-106.24,216.83-157.57,3.73,2.24,7.45,4.47,11.19,6.71-16.36,91.3-32.7,182.61-51.25,286.19" } }), n("path", { staticClass: "e-spinner__primary", style: i.getNthPathStyle(8), attrs: { d: "m813.58,314.41C551.63,505.15,0,907.07,0,907.07c0,0,180.68-558.4,185.09-572.01,4.39-13.59,23.65-43.78,55.41-47.8,129.19-16.29,258.32-33.41,386.86-53.99,77.67-9.72,159.3,60.97,186.22,81.13" } }), n("path", { staticClass: "e-spinner__secondary", style: i.getNthPathStyle(9), attrs: { d: "m635.14,199.78c-91.99,12.38-183.97,24.77-288.07,38.76,25.77-73.18,48.3-137.14,73.8-209.53,76.56,55.41,147.27,106.58,217.97,157.75-1.23,4.34-2.46,8.68-3.69,13.02" } })]);
-}, Ve = [], He = /* @__PURE__ */ N(
-  We,
-  Ne,
-  Ve,
+}, Ye = [], Ke = /* @__PURE__ */ G(
+  qe,
+  Ge,
+  Ye,
   !1,
   null,
-  "ebed8f4a",
+  "b043880a",
   null,
   null
 );
-const Ie = He.exports, ee = {
-  EAvatar: Ee,
-  EBadge: te,
-  EIcon: Fe,
-  ESpinner: Ie
-}, qe = {
+const Xe = Ke.exports, re = {
+  EAvatar: We,
+  EBadge: we,
+  EIcon: He,
+  ESpinner: Xe
+}, Qe = {
   install(e) {
-    Object.keys(ee).forEach((i) => {
-      e.component(i, ee[i]);
+    Object.keys(re).forEach((i) => {
+      e.component(i, re[i]);
     });
   }
 };
 export {
-  Ee as EAvatar,
-  te as EBadge,
-  Fe as EIcon,
-  Ie as ESpinner,
-  qe as default
+  We as EAvatar,
+  we as EBadge,
+  He as EIcon,
+  Xe as ESpinner,
+  Qe as default
 };
+//# sourceMappingURL=index.mjs.map