@evercam/ui 0.0.17 → 0.0.18

package/dist/index.mjs

@@ -50,20 +50,20 @@ const Se = W.extend({
     }
   }
 });
-function V(e, i, n, b, l, u, r, y) {
+function V(e, i, n, b, o, 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.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
     );
-  } : l), t)
+  } : o), t)
     if (a.functional) {
       a._injectStyles = t;
       var d = a.render;
@@ -144,25 +144,25 @@ const ne = ke.exports, Ae = W.extend({
     }
   }
 });
-var Pe = function() {
+var $e = 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 = [], $e = /* @__PURE__ */ V(
+}, Pe = [], ze = /* @__PURE__ */ V(
   Ae,
+  $e,
   Pe,
-  ze,
   !1,
   null,
   null,
   null,
   null
 );
-const Ee = $e.exports;
-function je(e) {
+const Ee = ze.exports;
+function Te(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ie = {}, ae = {}, K = {};
@@ -179,7 +179,7 @@ var ie = {}, ae = {}, K = {};
     if (n = `${n}`, n === "0")
       return "0";
     if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(n))
-      return n.replace(/^[+-]?/, (l) => l === "-" ? "" : "-");
+      return n.replace(/^[+-]?/, (o) => o === "-" ? "" : "-");
     let b = [
       "var",
       "calc",
@@ -187,8 +187,8 @@ var ie = {}, ae = {}, K = {};
       "max",
       "clamp"
     ];
-    for (const l of b)
-      if (n.includes(`${l}(`))
+    for (const o of b)
+      if (n.includes(`${o}(`))
         return `calc(${n} * -1)`;
   }
 })(K);
@@ -427,9 +427,9 @@ var ue = Q.exports;
       default: a
     };
   }
-  let l = /* @__PURE__ */ new Set();
+  let o = /* @__PURE__ */ new Set();
   function u(a, t, d) {
-    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)));
+    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)));
   }
   function r(a) {
     return n.default.dim(a);
@@ -467,7 +467,7 @@ var ue = Q.exports;
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return l;
+      return o;
     }
   });
   const i = /* @__PURE__ */ n(H);
@@ -482,7 +482,7 @@ var ue = Q.exports;
       "Update your configuration file to silence this warning."
     ]);
   }
-  const l = {
+  const o = {
     inherit: "inherit",
     current: "currentColor",
     transparent: "transparent",
@@ -824,8 +824,8 @@ var fe = {};
   function i(n, ...b) {
     for (let r of b) {
       for (let y in r) {
-        var l;
-        !(n == null || (l = n.hasOwnProperty) === null || l === void 0) && l.call(n, y) || (n[y] = r[y]);
+        var o;
+        !(n == null || (o = n.hasOwnProperty) === null || o === void 0) && o.call(n, y) || (n[y] = r[y]);
       }
       for (let y of Object.getOwnPropertySymbols(r)) {
         var u;
@@ -848,8 +848,8 @@ var ce = {};
   function i(n) {
     if (Array.isArray(n))
       return n;
-    let b = n.split("[").length - 1, l = n.split("]").length - 1;
-    if (b !== l)
+    let b = n.split("[").length - 1, o = n.split("]").length - 1;
+    if (b !== o)
       throw new Error(`Path is invalid. Has unbalanced brackets: ${n}`);
     return n.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
@@ -877,8 +877,8 @@ var de = {}, q = {};
       return d;
     }
   });
-  const n = /* @__PURE__ */ l(ue), b = /* @__PURE__ */ l(H);
-  function l(m) {
+  const n = /* @__PURE__ */ o(ue), b = /* @__PURE__ */ o(H);
+  function o(m) {
     return m && m.__esModule ? m : {
       default: m
     };
@@ -910,8 +910,8 @@ var de = {}, q = {};
       return m.future === "all" || ((k = (g = m == null || (S = m.future) === null || S === void 0 ? void 0 : S[f]) !== null && g !== void 0 ? g : u[f]) !== null && k !== void 0 ? k : !1);
     }
     if (r.experimental.includes(f)) {
-      var P, j, T;
-      return m.experimental === "all" || ((T = (j = m == null || (P = m.experimental) === null || P === void 0 ? void 0 : P[f]) !== null && j !== void 0 ? j : u[f]) !== null && T !== void 0 ? T : !1);
+      var $, T, j;
+      return m.experimental === "all" || ((j = (T = m == null || ($ = m.experimental) === null || $ === void 0 ? void 0 : $[f]) !== null && T !== void 0 ? T : u[f]) !== null && j !== void 0 ? j : !1);
     }
     return !1;
   }
@@ -941,7 +941,7 @@ var de = {}, q = {};
       return u;
     }
   });
-  const i = q, n = /* @__PURE__ */ l(H);
+  const i = q, n = /* @__PURE__ */ o(H);
   function b(r) {
     if (typeof WeakMap != "function")
       return null;
@@ -950,7 +950,7 @@ var de = {}, q = {};
       return t ? a : y;
     })(r);
   }
-  function l(r, y) {
+  function o(r, y) {
     if (!y && r && r.__esModule)
       return r;
     if (r === null || typeof r != "object" && typeof r != "function")
@@ -1043,8 +1043,8 @@ var de = {}, q = {};
       })(),
       extract: (() => {
         let t = (() => {
-          var f, S, g, k, P, j, T, $, D, F;
-          return !((f = r.purge) === null || f === void 0) && f.extract ? r.purge.extract : !((S = r.content) === null || S === void 0) && S.extract ? r.content.extract : !((g = r.purge) === null || g === void 0 || (k = g.extract) === null || k === void 0) && k.DEFAULT ? r.purge.extract.DEFAULT : !((P = r.content) === null || P === void 0 || (j = P.extract) === null || j === void 0) && j.DEFAULT ? r.content.extract.DEFAULT : !((T = r.purge) === null || T === void 0 || ($ = T.options) === null || $ === void 0) && $.extractors ? r.purge.options.extractors : !((D = r.content) === null || D === void 0 || (F = D.options) === null || F === void 0) && F.extractors ? r.content.options.extractors : {};
+          var f, S, g, k, $, T, j, z, D, F;
+          return !((f = r.purge) === null || f === void 0) && f.extract ? r.purge.extract : !((S = r.content) === null || S === void 0) && S.extract ? r.content.extract : !((g = r.purge) === null || g === void 0 || (k = g.extract) === null || k === void 0) && k.DEFAULT ? r.purge.extract.DEFAULT : !(($ = r.content) === null || $ === void 0 || (T = $.extract) === null || T === void 0) && T.DEFAULT ? r.content.extract.DEFAULT : !((j = r.purge) === null || j === void 0 || (z = j.options) === null || z === void 0) && z.extractors ? r.purge.options.extractors : !((D = r.content) === null || D === void 0 || (F = D.options) === null || F === void 0) && F.extractors ? r.content.options.extractors : {};
         })(), d = {}, m = (() => {
           var f, S, g, k;
           if (!((f = r.purge) === null || f === void 0 || (S = f.options) === null || S === void 0) && S.defaultExtractor)
@@ -1064,8 +1064,8 @@ var de = {}, q = {};
       })(),
       transform: (() => {
         let t = (() => {
-          var m, f, S, g, k, P;
-          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 : !((S = r.purge) === null || S === void 0 || (g = S.transform) === null || g === void 0) && g.DEFAULT ? r.purge.transform.DEFAULT : !((k = r.content) === null || k === void 0 || (P = k.transform) === null || P === void 0) && P.DEFAULT ? r.content.transform.DEFAULT : {};
+          var m, f, S, g, k, $;
+          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 : !((S = r.purge) === null || S === void 0 || (g = S.transform) === null || g === void 0) && g.DEFAULT ? r.purge.transform.DEFAULT : !((k = r.content) === null || k === void 0 || ($ = k.transform) === null || $ === void 0) && $.DEFAULT ? r.content.transform.DEFAULT : {};
         })(), d = {};
         return typeof t == "function" && (d.DEFAULT = t), typeof t == "object" && t !== null && Object.assign(d, t), d;
       })()
@@ -1109,9 +1109,9 @@ var me = {};
     }
   });
   function i(n) {
-    return Array.isArray(n) ? n.map((b) => i(b)) : typeof n == "object" && n !== null ? Object.fromEntries(Object.entries(n).map(([b, l]) => [
+    return Array.isArray(n) ? n.map((b) => i(b)) : typeof n == "object" && n !== null ? Object.fromEntries(Object.entries(n).map(([b, o]) => [
       b,
-      i(l)
+      i(o)
     ])) : n;
   }
 })(me);
@@ -1887,10 +1887,10 @@ var Z = {}, ee = {}, be = {};
     value: !0
   });
   function i(g, k) {
-    for (var P in k)
-      Object.defineProperty(g, P, {
+    for (var $ in k)
+      Object.defineProperty(g, $, {
         enumerable: !0,
-        get: k[P]
+        get: k[$]
       });
   }
   i(e, {
@@ -1907,9 +1907,9 @@ var Z = {}, ee = {}, be = {};
       default: g
     };
   }
-  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*\\)$`);
+  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: k = !1 } = {}) {
-    var P, j;
+    var $, T;
     if (typeof g != "string")
       return null;
     if (g = g.trim(), g === "transparent")
@@ -1927,7 +1927,7 @@ var Z = {}, ee = {}, be = {};
         mode: "rgb",
         color: n.default[g].map((R) => R.toString())
       };
-    let T = g.replace(u, (R, B, U, p, O) => [
+    let j = g.replace(u, (R, B, U, p, O) => [
       "#",
       B,
       B,
@@ -1936,19 +1936,19 @@ var Z = {}, ee = {}, be = {};
       p,
       p,
       O ? O + O : ""
-    ].join("")).match(l);
-    if (T !== null)
+    ].join("")).match(o);
+    if (j !== null)
       return {
         mode: "rgb",
         color: [
-          parseInt(T[1], 16),
-          parseInt(T[2], 16),
-          parseInt(T[3], 16)
+          parseInt(j[1], 16),
+          parseInt(j[2], 16),
+          parseInt(j[3], 16)
         ].map((R) => R.toString()),
-        alpha: T[4] ? (parseInt(T[4], 16) / 255).toString() : void 0
+        alpha: j[4] ? (parseInt(j[4], 16) / 255).toString() : void 0
       };
-    var $;
-    let D = ($ = g.match(d)) !== null && $ !== void 0 ? $ : g.match(m);
+    var z;
+    let D = (z = g.match(d)) !== null && z !== void 0 ? z : g.match(m);
     if (D === null)
       return null;
     let F = [
@@ -1965,12 +1965,12 @@ var Z = {}, ee = {}, be = {};
     } : !k && F.length !== 3 || F.length < 3 && !F.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
       mode: D[1],
       color: F,
-      alpha: (P = D[5]) === null || P === void 0 || (j = P.toString) === null || j === void 0 ? void 0 : j.call(P)
+      alpha: ($ = D[5]) === null || $ === void 0 || (T = $.toString) === null || T === void 0 ? void 0 : T.call($)
     };
   }
-  function S({ mode: g, color: k, alpha: P }) {
-    let j = P !== void 0;
-    return g === "rgba" || g === "hsla" ? `${g}(${k.join(", ")}${j ? `, ${P}` : ""})` : `${g}(${k.join(" ")}${j ? ` / ${P}` : ""})`;
+  function S({ mode: g, color: k, alpha: $ }) {
+    let T = $ !== void 0;
+    return g === "rgba" || g === "hsla" ? `${g}(${k.join(", ")}${T ? `, ${$}` : ""})` : `${g}(${k.join(" ")}${T ? ` / ${$}` : ""})`;
   }
 })(ee);
 (function(e) {
@@ -1989,7 +1989,7 @@ var Z = {}, ee = {}, be = {};
       return b;
     },
     default: function() {
-      return l;
+      return o;
     }
   });
   const n = ee;
@@ -2006,7 +2006,7 @@ var Z = {}, ee = {}, be = {};
       alpha: r
     });
   }
-  function l({ color: u, property: r, variable: y }) {
+  function o({ color: u, property: r, variable: y }) {
     let a = [].concat(r);
     if (typeof u == "function")
       return {
@@ -2049,10 +2049,10 @@ var te = {}, ye = {}, G = {};
     }
   });
   function i(n, b) {
-    let l = [], u = [], r = 0, y = !1;
+    let o = [], u = [], r = 0, y = !1;
     for (let a = 0; a < n.length; a++) {
       let t = n[a];
-      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();
+      o.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 === "{" ? o.push(t) : (t === ")" && o[o.length - 1] === "(" || t === "]" && o[o.length - 1] === "[" || t === "}" && o[o.length - 1] === "{") && o.pop();
     }
     return u.push(n.slice(r)), u;
   }
@@ -2083,12 +2083,12 @@ var te = {}, ye = {}, G = {};
     "initial",
     "revert",
     "unset"
-  ]), l = /\ +(?![^(]*\))/g, u = /^-?(\d+|\.\d+)(.*?)$/g;
+  ]), o = /\ +(?![^(]*\))/g, u = /^-?(\d+|\.\d+)(.*?)$/g;
   function r(a) {
     return (0, n.splitAtTopLevelOnly)(a, ",").map((d) => {
       let m = d.trim(), f = {
         raw: m
-      }, S = m.split(l), g = /* @__PURE__ */ new Set();
+      }, S = m.split(o), g = /* @__PURE__ */ new Set();
       for (let k of S)
         u.lastIndex = 0, !g.has("KEYWORD") && b.has(k) ? (f.keyword = k, g.add("KEYWORD")) : u.test(k) ? g.has("X") ? g.has("Y") ? g.has("BLUR") ? g.has("SPREAD") || (f.spread = k, g.add("SPREAD")) : (f.blur = k, g.add("BLUR")) : (f.y = k, g.add("Y")) : (f.x = k, g.add("X")) : f.color ? (f.unknown || (f.unknown = []), f.unknown.push(k)) : f.color = k;
       return f.valid = f.x !== void 0 && f.y !== void 0, f;
@@ -2109,11 +2109,11 @@ var te = {}, ye = {}, G = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function i(o, x) {
-    for (var z in x)
-      Object.defineProperty(o, z, {
+  function i(l, x) {
+    for (var P in x)
+      Object.defineProperty(l, P, {
         enumerable: !0,
-        get: x[z]
+        get: x[P]
       });
   }
   i(e, {
@@ -2130,13 +2130,13 @@ var te = {}, ye = {}, G = {};
       return S;
     },
     length: function() {
-      return P;
+      return $;
     },
     lineWidth: function() {
-      return T;
+      return j;
     },
     shadow: function() {
-      return $;
+      return z;
     },
     color: function() {
       return D;
@@ -2163,34 +2163,34 @@ var te = {}, ye = {}, G = {};
       return C;
     }
   });
-  const n = ee, b = ye, l = G;
+  const n = ee, b = ye, o = G;
   let u = [
     "min",
     "max",
     "clamp",
     "calc"
   ];
-  function r(o) {
-    return u.some((x) => new RegExp(`^${x}\\(.*\\)`).test(o));
+  function r(l) {
+    return u.some((x) => new RegExp(`^${x}\\(.*\\)`).test(l));
   }
   const y = "--tw-placeholder", a = new RegExp(y, "g");
-  function t(o, x = !0) {
-    return o.startsWith("--") ? `var(${o})` : o.includes("url(") ? o.split(/(url\(.*?\))/g).filter(Boolean).map((z) => /^url\(.*?\)$/.test(z) ? z : t(z, !1)).join("") : (o = o.replace(/([^\\])_+/g, (z, A) => A + " ".repeat(z.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (o = o.trim()), o = d(o), o);
+  function t(l, x = !0) {
+    return l.startsWith("--") ? `var(${l})` : l.includes("url(") ? l.split(/(url\(.*?\))/g).filter(Boolean).map((P) => /^url\(.*?\)$/.test(P) ? P : t(P, !1)).join("") : (l = l.replace(/([^\\])_+/g, (P, A) => A + " ".repeat(P.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (l = l.trim()), l = d(l), l);
   }
-  function d(o) {
-    return o.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
-      let z = [];
-      return x.replace(/var\((--.+?)[,)]/g, (A, I) => (z.push(I), A.replace(I, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => z.shift());
+  function d(l) {
+    return l.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
+      let P = [];
+      return x.replace(/var\((--.+?)[,)]/g, (A, I) => (P.push(I), A.replace(I, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => P.shift());
     });
   }
-  function m(o) {
-    return o.startsWith("url(");
+  function m(l) {
+    return l.startsWith("url(");
   }
-  function f(o) {
-    return !isNaN(Number(o)) || r(o);
+  function f(l) {
+    return !isNaN(Number(l)) || r(l);
   }
-  function S(o) {
-    return o.endsWith("%") && f(o.slice(0, -1)) || r(o);
+  function S(l) {
+    return l.endsWith("%") && f(l.slice(0, -1)) || r(l);
   }
   let k = `(?:${[
     "cm",
@@ -2225,33 +2225,33 @@ var te = {}, ye = {}, G = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function P(o) {
-    return o === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(o) || r(o);
+  function $(l) {
+    return l === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(l) || r(l);
   }
-  let j = /* @__PURE__ */ new Set([
+  let T = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
-  function T(o) {
-    return j.has(o);
+  function j(l) {
+    return T.has(l);
   }
-  function $(o) {
-    let x = (0, b.parseBoxShadowValue)(t(o));
-    for (let z of x)
-      if (!z.valid)
+  function z(l) {
+    let x = (0, b.parseBoxShadowValue)(t(l));
+    for (let P of x)
+      if (!P.valid)
         return !1;
     return !0;
   }
-  function D(o) {
+  function D(l) {
     let x = 0;
-    return (0, l.splitAtTopLevelOnly)(o, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : (0, n.parseColor)(A, {
+    return (0, o.splitAtTopLevelOnly)(l, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : (0, n.parseColor)(A, {
       loose: !0
     }) !== null ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function F(o) {
+  function F(l) {
     let x = 0;
-    return (0, l.splitAtTopLevelOnly)(o, ",").every((A) => (A = t(A), A.startsWith("var(") ? !0 : m(A) || B(A) || [
+    return (0, o.splitAtTopLevelOnly)(l, ",").every((A) => (A = t(A), A.startsWith("var(") ? !0 : m(A) || B(A) || [
       "element(",
       "image(",
       "cross-fade(",
@@ -2266,10 +2266,10 @@ var te = {}, ye = {}, G = {};
     "repeating-linear-gradient",
     "repeating-radial-gradient"
   ]);
-  function B(o) {
-    o = t(o);
+  function B(l) {
+    l = t(l);
     for (let x of R)
-      if (o.startsWith(`${x}(`))
+      if (l.startsWith(`${x}(`))
         return !0;
     return !1;
   }
@@ -2280,13 +2280,13 @@ var te = {}, ye = {}, G = {};
     "bottom",
     "left"
   ]);
-  function p(o) {
+  function p(l) {
     let x = 0;
-    return (0, l.splitAtTopLevelOnly)(o, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : U.has(A) || P(A) || S(A) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, o.splitAtTopLevelOnly)(l, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : U.has(A) || $(A) || S(A) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function O(o) {
+  function O(l) {
     let x = 0;
-    return (0, l.splitAtTopLevelOnly)(o, ",").every((A) => (A = t(A), A.startsWith("var(") ? !0 : A.includes(" ") && !/(['"])([^"']+)\1/g.test(A) || /^\d/g.test(A) ? !1 : (x++, !0))) ? x > 0 : !1;
+    return (0, o.splitAtTopLevelOnly)(l, ",").every((A) => (A = t(A), A.startsWith("var(") ? !0 : A.includes(" ") && !/(['"])([^"']+)\1/g.test(A) || /^\d/g.test(A) ? !1 : (x++, !0))) ? x > 0 : !1;
   }
   let _ = /* @__PURE__ */ new Set([
     "serif",
@@ -2303,8 +2303,8 @@ var te = {}, ye = {}, G = {};
     "emoji",
     "fangsong"
   ]);
-  function s(o) {
-    return _.has(o);
+  function s(l) {
+    return _.has(l);
   }
   let h = /* @__PURE__ */ new Set([
     "xx-small",
@@ -2316,15 +2316,15 @@ var te = {}, ye = {}, G = {};
     "x-large",
     "xxx-large"
   ]);
-  function v(o) {
-    return h.has(o);
+  function v(l) {
+    return h.has(l);
   }
   let c = /* @__PURE__ */ new Set([
     "larger",
     "smaller"
   ]);
-  function C(o) {
-    return c.has(o);
+  function C(l) {
+    return c.has(l);
   }
 })(te);
 var ve = {};
@@ -2338,12 +2338,12 @@ var ve = {};
     }
   });
   const i = te, n = G;
-  function b(l) {
+  function b(o) {
     let u = [
       "cover",
       "contain"
     ];
-    return (0, n.splitAtTopLevelOnly)(l, ",").every((r) => {
+    return (0, n.splitAtTopLevelOnly)(o, ",").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");
     });
@@ -2371,10 +2371,10 @@ var ve = {};
       return k;
     },
     asColor: function() {
-      return j;
+      return T;
     },
     asLookupValue: function() {
-      return T;
+      return j;
     },
     typeMap: function() {
       return D;
@@ -2386,7 +2386,7 @@ var ve = {};
       return U;
     }
   });
-  const n = /* @__PURE__ */ a(he), b = Z, l = te, u = /* @__PURE__ */ a(K), r = ve, y = q;
+  const n = /* @__PURE__ */ a(he), b = Z, o = te, u = /* @__PURE__ */ a(K), r = ve, y = q;
   function a(p) {
     return p && p.__esModule ? p : {
       default: p
@@ -2402,7 +2402,7 @@ var ve = {};
       return;
     let _ = p.slice(1, -1);
     if (O(_))
-      return (0, l.normalize)(_);
+      return (0, o.normalize)(_);
   }
   function m(p, O = {}, _) {
     let s = O[p];
@@ -2441,10 +2441,10 @@ var ve = {};
     }
     return p;
   }
-  function P(p) {
-    return (0, l.normalize)(p.slice(1, -1));
+  function $(p) {
+    return (0, o.normalize)(p.slice(1, -1));
   }
-  function j(p, O = {}, { tailwindConfig: _ = {} } = {}) {
+  function T(p, O = {}, { tailwindConfig: _ = {} } = {}) {
     var s;
     if (((s = O.values) === null || s === void 0 ? void 0 : s[p]) !== void 0) {
       var h;
@@ -2452,40 +2452,40 @@ var ve = {};
     }
     let [v, c] = g(p);
     if (c !== void 0) {
-      var C, o, x, z;
-      let A = (z = (C = O.values) === null || C === void 0 ? void 0 : C[v]) !== null && z !== void 0 ? z : S(v) ? v.slice(1, -1) : void 0;
-      return A === void 0 ? void 0 : (A = k(A), S(c) ? (0, b.withAlphaValue)(A, P(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)(A, _.theme.opacity[c]));
+      var C, l, x, P;
+      let A = (P = (C = O.values) === null || C === void 0 ? void 0 : C[v]) !== null && P !== void 0 ? P : S(v) ? v.slice(1, -1) : void 0;
+      return A === void 0 ? void 0 : (A = k(A), S(c) ? (0, b.withAlphaValue)(A, $(c)) : ((l = _.theme) === null || l === void 0 || (x = l.opacity) === null || x === void 0 ? void 0 : x[c]) === void 0 ? void 0 : (0, b.withAlphaValue)(A, _.theme.opacity[c]));
     }
     return f(p, O, {
-      validate: l.color
+      validate: o.color
     });
   }
-  function T(p, O = {}) {
+  function j(p, O = {}) {
     var _;
     return (_ = O.values) === null || _ === void 0 ? void 0 : _[p];
   }
-  function $(p) {
+  function z(p) {
     return (O, _) => f(O, _, {
       validate: p
     });
   }
   let D = {
     any: f,
-    color: j,
-    url: $(l.url),
-    image: $(l.image),
-    length: $(l.length),
-    percentage: $(l.percentage),
-    position: $(l.position),
-    lookup: T,
-    "generic-name": $(l.genericName),
-    "family-name": $(l.familyName),
-    number: $(l.number),
-    "line-width": $(l.lineWidth),
-    "absolute-size": $(l.absoluteSize),
-    "relative-size": $(l.relativeSize),
-    shadow: $(l.shadow),
-    size: $(r.backgroundSize)
+    color: T,
+    url: z(o.url),
+    image: z(o.image),
+    length: z(o.length),
+    percentage: z(o.percentage),
+    position: z(o.position),
+    lookup: j,
+    "generic-name": z(o.genericName),
+    "family-name": z(o.familyName),
+    number: z(o.number),
+    "line-width": z(o.lineWidth),
+    "absolute-size": z(o.absoluteSize),
+    "relative-size": z(o.relativeSize),
+    shadow: z(o.shadow),
+    size: z(r.backgroundSize)
   }, F = Object.keys(D);
   function R(p, O) {
     let _ = p.indexOf(O);
@@ -2531,17 +2531,17 @@ var ve = {};
   function* U(p, O, _, s) {
     let h = (0, y.flagEnabled)(s, "generalizedModifiers"), [v, c] = g(O);
     if (h && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (c && S(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 z = (x = (o = _.modifiers) === null || o === void 0 ? void 0 : o[c]) !== null && x !== void 0 ? x : null;
-      z !== null ? c = z : S(c) && (c = P(c));
+      var l, x;
+      let P = (x = (l = _.modifiers) === null || l === void 0 ? void 0 : l[c]) !== null && x !== void 0 ? x : null;
+      P !== null ? c = P : S(c) && (c = $(c));
     }
-    for (let { type: z } of p != null ? p : []) {
-      let A = D[z](v, _, {
+    for (let { type: P } of p != null ? p : []) {
+      let A = D[P](v, _, {
         tailwindConfig: s
       });
       A !== void 0 && (yield [
         A,
-        z,
+        P,
         c != null ? c : null
       ]);
     }
@@ -2570,7 +2570,7 @@ var xe = {};
       return _;
     }
   });
-  const i = /* @__PURE__ */ S(K), n = /* @__PURE__ */ S(oe), b = /* @__PURE__ */ S(le), l = /* @__PURE__ */ S(J), u = fe, r = ce, y = de, a = /* @__PURE__ */ S(pe), t = me, d = ge, m = Z, f = /* @__PURE__ */ S(xe);
+  const i = /* @__PURE__ */ S(K), n = /* @__PURE__ */ S(oe), b = /* @__PURE__ */ S(le), o = /* @__PURE__ */ S(J), u = fe, r = ce, y = de, a = /* @__PURE__ */ S(pe), t = me, d = ge, m = Z, f = /* @__PURE__ */ S(xe);
   function S(s) {
     return s && s.__esModule ? s : {
       default: s
@@ -2583,13 +2583,13 @@ var xe = {};
     let v = h.pop();
     for (let c of h)
       for (let C in c) {
-        let o = v(s[C], c[C]);
-        o === void 0 ? (0, a.default)(s[C]) && (0, a.default)(c[C]) ? s[C] = k({}, s[C], c[C], v) : s[C] = c[C] : s[C] = o;
+        let l = v(s[C], c[C]);
+        l === void 0 ? (0, a.default)(s[C]) && (0, a.default)(c[C]) ? s[C] = k({}, s[C], c[C], v) : s[C] = c[C] : s[C] = l;
       }
     return s;
   }
-  const P = {
-    colors: l.default,
+  const $ = {
+    colors: o.default,
     negative(s) {
       return Object.keys(s).filter((h) => s[h] !== "0").reduce((h, v) => {
         let c = (0, i.default)(s[v]);
@@ -2603,10 +2603,10 @@ var xe = {};
       }), {});
     }
   };
-  function j(s, ...h) {
+  function T(s, ...h) {
     return g(s) ? s(...h) : s;
   }
-  function T(s) {
+  function j(s) {
     return s.reduce((h, { extend: v }) => k(h, v, (c, C) => c === void 0 ? [
       C
     ] : Array.isArray(c) ? [
@@ -2617,12 +2617,12 @@ var xe = {};
       c
     ]), {});
   }
-  function $(s) {
+  function z(s) {
     return {
       ...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: j(s)
     };
   }
   function D(s, h) {
@@ -2637,10 +2637,10 @@ var xe = {};
       return h;
   }
   function F({ extend: s, ...h }) {
-    return k(h, s, (v, c) => !g(v) && !c.some(g) ? k({}, v, ...c, D) : (C, o) => k({}, ...[
+    return k(h, s, (v, c) => !g(v) && !c.some(g) ? k({}, v, ...c, D) : (C, l) => k({}, ...[
       v,
       ...c
-    ].map((x) => j(x, C, o)), D));
+    ].map((x) => T(x, C, l)), D));
   }
   function* R(s) {
     let h = (0, r.toPath)(s);
@@ -2648,20 +2648,20 @@ var xe = {};
       return;
     let v = /^(.*?)\s*\/\s*([^/]+)$/, c = s.match(v);
     if (c !== null) {
-      let [, C, o] = c, x = (0, r.toPath)(C);
-      x.alpha = o, yield x;
+      let [, C, l] = c, x = (0, r.toPath)(C);
+      x.alpha = l, yield x;
     }
   }
   function B(s) {
     const h = (v, c) => {
       for (const C of R(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, P) : x;
+        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(h, $) : 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;
         }
@@ -2670,8 +2670,8 @@ var xe = {};
     };
     return Object.assign(h, {
       theme: h,
-      ...P
-    }), Object.keys(s).reduce((v, c) => (v[c] = g(s[c]) ? s[c](h, P) : s[c], v), {});
+      ...$
+    }), Object.keys(s).reduce((v, c) => (v[c] = g(s[c]) ? s[c](h, $) : s[c], v), {});
   }
   function U(s) {
     let h = [];
@@ -2682,13 +2682,13 @@ var xe = {};
       ];
       var c;
       const C = (c = v == null ? void 0 : v.plugins) !== null && c !== void 0 ? c : [];
-      C.length !== 0 && C.forEach((o) => {
-        o.__isOptionsFunction && (o = o());
+      C.length !== 0 && C.forEach((l) => {
+        l.__isOptionsFunction && (l = l());
         var x;
         h = [
           ...h,
           ...U([
-            (x = o == null ? void 0 : o.config) !== null && x !== void 0 ? x : {}
+            (x = l == null ? void 0 : l.config) !== null && x !== void 0 ? x : {}
           ])
         ];
       });
@@ -2720,13 +2720,13 @@ var xe = {};
     ];
     var v, c;
     return (0, y.normalizeConfig)((0, u.defaults)({
-      theme: B(F($(h.map((C) => (v = C == null ? void 0 : C.theme) !== null && v !== void 0 ? v : {})))),
+      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));
   }
 })(ae);
-var _e = {}, Te = {
+var _e = {}, je = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3723,20 +3723,20 @@ var _e = {}, Te = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return l;
+      return o;
     }
   });
-  const i = /* @__PURE__ */ b(Te), n = q;
+  const i = /* @__PURE__ */ b(je), n = q;
   function b(u) {
     return u && u.__esModule ? u : {
       default: u
     };
   }
-  function l(u) {
+  function o(u) {
     var r;
     const y = ((r = u == null ? void 0 : u.presets) !== null && r !== void 0 ? r : [
       i.default
-    ]).slice().reverse().flatMap((d) => l(d instanceof Function ? d() : d)), a = {
+    ]).slice().reverse().flatMap((d) => o(d instanceof Function ? d() : d)), a = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
@@ -3770,7 +3770,7 @@ var _e = {}, Te = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return l;
+      return o;
     }
   });
   const i = /* @__PURE__ */ b(ae), n = /* @__PURE__ */ b(_e);
@@ -3779,7 +3779,7 @@ var _e = {}, Te = {
       default: u
     };
   }
-  function l(...u) {
+  function o(...u) {
     let [, ...r] = (0, n.default)(u[0]);
     return (0, i.default)([
       ...u,
@@ -3789,29 +3789,29 @@ var _e = {}, Te = {
 })(ie);
 let X = ie;
 var De = (X.__esModule ? X : { default: X }).default;
-const Fe = /* @__PURE__ */ je(De);
+const Fe = /* @__PURE__ */ Te(De);
 let Y = J;
 var L = (Y.__esModule ? Y : { default: Y }).default;
-const N = {
+const Me = {
+  50: "#FCE3E4",
+  100: "#F9CDCE",
+  200: "#F39699",
+  300: "#ED6368",
+  400: "#E72C32",
+  500: "#C4161C",
+  600: "#9C1216",
+  700: "#770D11",
+  800: "#4E090B",
+  900: "#290506"
+}, N = {
   onprimary: L.white,
   warning: L.amber,
   error: L.rose,
   info: L.cyan,
   success: L.lime,
   primary: L.sky,
-  brand: {
-    50: "#FCE3E4",
-    100: "#F9CDCE",
-    200: "#F39699",
-    300: "#ED6368",
-    400: "#E72C32",
-    500: "#C4161C",
-    600: "#9C1216",
-    700: "#770D11",
-    800: "#4E090B",
-    900: "#290506"
-  }
-}, Me = {
+  brand: Me
+}, Ne = {
   ...N,
   // Warning
   warning: N.warning[500],
@@ -3838,7 +3838,7 @@ const N = {
   onbackground: L.slate[700],
   surface: L.slate[50],
   background: L.white
-}, Ne = {
+}, Re = {
   prefix: "e-",
   corePlugins: {
     preflight: !1
@@ -3846,7 +3846,7 @@ const N = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: Me,
+      colors: Ne,
       maxWidth: {
         "1/12": "8.333333333%",
         "2/12": "16.666666666%",
@@ -3881,7 +3881,7 @@ const N = {
   plugins: [],
   safelist: [
     {
-      pattern: /e-w-full/,
+      pattern: /e-w-(full|auto)/,
       variants: ["lg", "md", "sm", "xs", "xl"]
     },
     {
@@ -3893,29 +3893,41 @@ const N = {
       variants: ["lg", "md", "sm", "xs", "xl"]
     },
     {
-      pattern: /e-max-w-(\d{1,2}\/\d{1,2})/,
+      pattern: /^!?e-max-w-(\d{1,2}\/\d{1,2})/,
       variants: ["lg", "md", "sm", "xs", "xl"]
     },
     {
       pattern: /e-offset-(1[0-2]|[1-9])/,
       variants: ["lg", "md", "sm", "xs", "xl"]
+    },
+    {
+      pattern: /e-items-(start|center|end|baseline|stretch)/
+    },
+    {
+      pattern: /e-self-(start|center|end|baseline|stretch)/
+    },
+    {
+      pattern: /e-justify-(around|between|center|end|evenly|normal|start|stretch)/
+    },
+    {
+      pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, we = Fe(Ne), Re = we.theme.fontSize, Ue = we.theme.colors, st = [
+}, we = Fe(Re), Ue = we.theme.fontSize, Le = we.theme.colors, ut = [
   w.dot,
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl
-], ut = [
+], ft = [
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl,
   w["2xl"]
-], Le = [
+], Be = [
   w.xs,
   w.sm,
   w.md,
@@ -3930,14 +3942,14 @@ const N = {
   w["7xl"],
   w["8xl"],
   w["9xl"]
-], ft = [
+], ct = [
   M.warning,
   M.error,
   M.info,
   M.success,
   M.primary,
   M.default
-], Be = W.extend({
+], We = W.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3955,14 +3967,14 @@ const N = {
   },
   computed: {
     sizes() {
-      return Le.reduce((e, i) => ({
+      return Be.reduce((e, i) => ({
         ...e,
         [i]: `e-text-${i}`
       }), {});
     },
     iconClasses() {
-      var b, l;
-      const e = this.sizes[this.size] || this.sizes[w.sm], i = `${((l = (b = this.icon) == null ? void 0 : b.split(" ")) == null ? void 0 : l.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
+      var b, o;
+      const e = this.sizes[this.size] || this.sizes[w.sm], i = `${((o = (b = this.icon) == null ? void 0 : b.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,
@@ -3972,20 +3984,20 @@ const N = {
     }
   }
 });
-var We = function() {
+var Ve = function() {
   var i = this, n = i._self._c;
   return n("div", { staticClass: "e-icon" }, [n("i", { class: i.iconClasses })]);
-}, Ve = [], Ie = /* @__PURE__ */ V(
-  Be,
+}, Ie = [], He = /* @__PURE__ */ V(
   We,
   Ve,
+  Ie,
   !1,
   null,
   null,
   null,
   null
 );
-const He = Ie.exports, qe = W.extend({
+const qe = He.exports, Ge = W.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4011,8 +4023,8 @@ const He = Ie.exports, qe = W.extend({
   },
   data() {
     return {
-      sizes: Re,
-      colors: Ue
+      sizes: Ue,
+      colors: Le
     };
   },
   computed: {
@@ -4047,23 +4059,23 @@ const He = Ie.exports, qe = W.extend({
     }
   }
 });
-var Ge = function() {
+var Xe = function() {
   var i = this, n = i._self._c;
   return n("svg", { staticClass: "e-spinner e-block", 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" } })]);
-}, Xe = [], Ye = /* @__PURE__ */ V(
-  qe,
+}, Ye = [], Ke = /* @__PURE__ */ V(
   Ge,
   Xe,
+  Ye,
   !1,
   null,
   "29711f67",
   null,
   null
 );
-const Ke = Ye.exports, Je = W.extend({
+const Je = Ke.exports, Qe = W.extend({
   props: {
     align: {
       type: String,
@@ -4085,47 +4097,28 @@ const Ke = Ye.exports, Je = W.extend({
   computed: {
     rowClasses() {
       return {
-        "e-items-start": this.align === "start",
-        "e-items-center": this.align === "center",
-        "e-items-end": this.align === "end",
-        "e-items-baseline": this.align === "baseline",
-        "e-items-stretch": this.align === "stretch",
-        "e-content-around": this.alignContent === "around",
-        "e-content-baseline": this.alignContent === "baseline",
-        "e-content-between": this.alignContent === "between",
-        "e-content-center": this.alignContent === "center",
-        "e-content-end": this.alignContent === "end",
-        "e-content-evenly": this.alignContent === "evenly",
-        "e-content-normal": this.alignContent === "normal",
-        "e-content-start": this.alignContent === "start",
-        "e-content-stretch": this.alignContent === "stretch",
-        "e-justify-around": this.justify === "around",
-        "e-justify-between": this.justify === "between",
-        "e-justify-center": this.justify === "center",
-        "e-justify-end": this.justify === "end",
-        "e-justify-evenly": this.justify === "evenly",
-        "e-justify-normal": this.justify === "normal",
-        "e-justify-start": this.justify === "start",
-        "e-justify-stretch": this.justify === "stretch",
-        "e-row--no-gutters": this.noGutters
+        ...this.align ? { [`e-items-${this.align}`]: !0 } : {},
+        ...this.alignContent ? { [`e-content-${this.alignContent}`]: !0 } : {},
+        ...this.justify ? { [`e-justify-${this.justify}`]: !0 } : {},
+        ...this.noGutters ? { "e-row--no-gutters": !0 } : {}
       };
     }
   }
 });
-var Qe = function() {
+var Ze = function() {
   var i = this, n = i._self._c;
   return i._self._setupProxy, n("div", { staticClass: "e-row e-flex e-flex-wrap", class: i.rowClasses }, [i._t("default")], 2);
-}, Ze = [], et = /* @__PURE__ */ V(
-  Je,
+}, et = [], tt = /* @__PURE__ */ V(
   Qe,
   Ze,
+  et,
   !1,
   null,
   null,
   null,
   null
 );
-const tt = et.exports, rt = W.extend({
+const rt = tt.exports, nt = W.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4133,7 +4126,7 @@ const tt = et.exports, rt = W.extend({
     },
     cols: {
       type: [Boolean, String, Number],
-      default: "auto"
+      default: void 0
     },
     lg: {
       type: [Boolean, String, Number],
@@ -4183,30 +4176,30 @@ const tt = et.exports, rt = W.extend({
   computed: {
     colClasses() {
       return {
-        "e-self-start": this.alignSelf === "start",
-        "e-self-center": this.alignSelf === "center",
-        "e-self-end": this.alignSelf === "end",
-        "e-self-auto": this.alignSelf === "auto",
-        "e-self-baseline": this.alignSelf === "baseline",
-        "e-self-stretch": this.alignSelf === "stretch",
-        "xs:e-basis-0 xs:e-grow xs:e-w-full": this.isSizePropAuto(this.xs),
-        "sm:e-basis-0 sm:e-grow sm:e-w-full": this.isSizePropAuto(this.sm),
-        "md:e-basis-0 md:e-grow md:e-w-full": this.isSizePropAuto(this.md),
-        "lg:e-basis-0 lg:e-grow lg:e-w-full": this.isSizePropAuto(this.lg),
-        "xl:e-basis-0 xl:e-grow xl:e-w-full": this.isSizePropAuto(this.xl),
-        "e-basis-0 e-grow e-w-full": this.isSizePropAuto(this.cols, !0),
+        // Align self
+        ...this.alignSelf ? { [`e-self-${this.alignSelf}`]: !0 } : {},
+        // cols="auto"
+        [this.autoClasses("xs:", this.xs)]: this.isSizePropAuto(this.xs),
+        [this.autoClasses("sm:", this.sm)]: this.isSizePropAuto(this.sm),
+        [this.autoClasses("md:", this.md)]: this.isSizePropAuto(this.md),
+        [this.autoClasses("lg:", this.lg)]: this.isSizePropAuto(this.lg),
+        [this.autoClasses("xl:e", this.xl)]: this.isSizePropAuto(this.xl),
+        [this.autoClasses("", this.cols)]: this.isSizePropAuto(this.cols, !0),
+        // cols="12"
         "xs:e-basis-full": this.xs === 12 || this.xs === "12",
         "sm:e-basis-full": this.sm === 12 || this.sm === "12",
         "md:e-basis-full": this.md === 12 || this.md === "12",
         "lg:e-basis-full": this.lg === 12 || this.lg === "12",
         "xl:e-basis-full": this.xl === 12 || this.xl === "12",
         "e-basis-full": this.cols === 12 || this.cols === "12",
-        [`xs:e-basis-${this.xs}/12 xs:e-max-w-${this.xs}/12`]: this.isSizePropertyNumeric(this.xs),
-        [`sm:e-basis-${this.sm}/12 sm:e-max-w-${this.sm}/12`]: this.isSizePropertyNumeric(this.sm),
-        [`md:e-basis-${this.md}/12 md:e-max-w-${this.md}/12`]: this.isSizePropertyNumeric(this.md),
-        [`lg:e-basis-${this.lg}/12 lg:e-max-w-${this.lg}/12`]: this.isSizePropertyNumeric(this.lg),
-        [`xl:e-basis-${this.xl}/12 xl:e-max-w-${this.xl}/12`]: this.isSizePropertyNumeric(this.xl),
-        [`e-basis-${this.cols}/12 e-max-w-${this.cols}/12`]: this.isSizePropertyNumeric(this.cols),
+        // cols="n"
+        [`xs:e-basis-${this.xs}/12 xs:!e-max-w-${this.xs}/12`]: this.isSizePropertyNumeric(this.xs),
+        [`sm:e-basis-${this.sm}/12 sm:!e-max-w-${this.sm}/12`]: this.isSizePropertyNumeric(this.sm),
+        [`md:e-basis-${this.md}/12 md:!e-max-w-${this.md}/12`]: this.isSizePropertyNumeric(this.md),
+        [`lg:e-basis-${this.lg}/12 lg:!e-max-w-${this.lg}/12`]: this.isSizePropertyNumeric(this.lg),
+        [`xl:e-basis-${this.xl}/12 xl:!e-max-w-${this.xl}/12`]: this.isSizePropertyNumeric(this.xl),
+        [`e-basis-${this.cols}/12 !e-max-w-${this.cols}/12`]: this.isSizePropertyNumeric(this.cols),
+        // offset="n"
         [`xs:e-offset-${this.offsetXs}`]: this.offsetXs !== void 0,
         [`sm:e-offset-${this.offsetSm}`]: this.offsetSm !== void 0,
         [`md:e-offset-${this.offsetMd}`]: this.offsetMd !== void 0,
@@ -4217,6 +4210,9 @@ const tt = et.exports, rt = W.extend({
     }
   },
   methods: {
+    autoClasses(e, i) {
+      return `${e}e-basis-${i === "auto" ? "auto" : "0"} ${e}e-grow${i === "auto" ? "-0" : ""} ${e}e-w-${i === "auto" ? "auto" : "full"}`;
+    },
     isSizePropAuto(e, i = !1) {
       return e === "auto" || e === 0 || e === "0" || i && !e;
     },
@@ -4226,27 +4222,27 @@ const tt = et.exports, rt = W.extend({
     }
   }
 });
-var nt = function() {
+var it = function() {
   var i = this, n = i._self._c;
   return n("div", { staticClass: "e-col", class: i.colClasses }, [i._t("default")], 2);
-}, it = [], at = /* @__PURE__ */ V(
-  rt,
+}, at = [], ot = /* @__PURE__ */ V(
   nt,
   it,
+  at,
   !1,
   null,
   null,
   null,
   null
 );
-const ot = at.exports, re = {
+const lt = ot.exports, re = {
   EAvatar: Ee,
   EBadge: ne,
-  EIcon: He,
-  ESpinner: Ke,
-  ERow: tt,
-  ECol: ot
-}, ct = {
+  EIcon: qe,
+  ESpinner: Je,
+  ERow: rt,
+  ECol: lt
+}, dt = {
   install(e) {
     Object.keys(re).forEach((i) => {
       e.component(i, re[i]);
@@ -4254,21 +4250,21 @@ const ot = at.exports, re = {
   }
 };
 export {
-  ut as AvatarSizes,
-  ft as BadgeColors,
-  st as BadgeSizes,
+  ft as AvatarSizes,
+  ct as BadgeColors,
+  ut as BadgeSizes,
   M as BaseColor,
-  Ue as Colors,
+  Le as Colors,
   Ee as EAvatar,
   ne as EBadge,
-  ot as ECol,
-  He as EIcon,
-  tt as ERow,
-  Ke as ESpinner,
-  Le as IconSizes,
+  lt as ECol,
+  qe as EIcon,
+  rt as ERow,
+  Je as ESpinner,
+  Be as IconSizes,
   w as Size,
-  Re as TextSizes,
-  ct as default,
+  Ue as TextSizes,
+  dt as default,
   we as fullConfig
 };
 //# sourceMappingURL=index.mjs.map