@evercam/ui 0.0.11 → 0.0.13

package/dist/index.mjs

@@ -50,7 +50,7 @@ const Ce = V.extend({
     }
   }
 });
-function I(e, i, n, b, l, u, r, y) {
+function W(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;
@@ -67,8 +67,8 @@ function I(e, i, n, b, l, u, r, y) {
     if (a.functional) {
       a._injectStyles = t;
       var d = a.render;
-      a.render = function(C, g) {
-        return t.call(g), d(C, g);
+      a.render = function(S, g) {
+        return t.call(g), d(S, g);
       };
     } else {
       var m = a.beforeCreate;
@@ -82,20 +82,20 @@ function I(e, i, n, b, l, u, r, y) {
 var Oe = 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 = [], ke = /* @__PURE__ */ I(
+}, ke = [], Ae = /* @__PURE__ */ W(
   Ce,
   Oe,
-  Se,
+  ke,
   !1,
   null,
   null,
   null,
   null
 );
-const ne = ke.exports, Ae = V.extend({
+const ie = Ae.exports, Pe = V.extend({
   name: "EAvatar",
   components: {
-    Badge: ne
+    Badge: ie
   },
   props: {
     size: {
@@ -144,28 +144,28 @@ const ne = ke.exports, Ae = V.extend({
     }
   }
 });
-var Pe = function() {
+var ze = 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 = [], Ee = /* @__PURE__ */ I(
-  Ae,
+}, $e = [], Ee = /* @__PURE__ */ W(
   Pe,
   ze,
+  $e,
   !1,
   null,
   null,
   null,
   null
 );
-const $e = Ee.exports;
+const je = Ee.exports;
 function Te(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ie = {}, ae = {}, X = {};
+var ae = {}, oe = {}, J = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -191,8 +191,8 @@ var ie = {}, ae = {}, X = {};
       if (n.includes(`${l}(`))
         return `calc(${n} * -1)`;
   }
-})(X);
-var oe = {};
+})(J);
+var le = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -379,8 +379,8 @@ var oe = {};
     "willChange",
     "content"
   ];
-})(oe);
-var le = {};
+})(le);
+var se = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -395,13 +395,13 @@ var le = {};
       ...new Set(b.filter((u) => n !== !1 && n[u] !== !1).concat(Object.keys(n).filter((u) => n[u] !== !1)))
     ];
   }
-})(le);
-var J = {}, H = {}, Q = { exports: {} }, $ = String, se = function() {
-  return { isColorSupported: !1, reset: $, bold: $, dim: $, italic: $, underline: $, inverse: $, hidden: $, strikethrough: $, black: $, red: $, green: $, yellow: $, blue: $, magenta: $, cyan: $, white: $, gray: $, bgBlack: $, bgRed: $, bgGreen: $, bgYellow: $, bgBlue: $, bgMagenta: $, bgCyan: $, bgWhite: $ };
+})(se);
+var Q = {}, q = {}, Z = { exports: {} }, E = String, ue = 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 };
 };
-Q.exports = se();
-Q.exports.createColors = se;
-var ue = Q.exports;
+Z.exports = ue();
+Z.exports.createColors = ue;
+var fe = Z.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -421,7 +421,7 @@ var ue = Q.exports;
       return y;
     }
   });
-  const n = /* @__PURE__ */ b(ue);
+  const n = /* @__PURE__ */ b(fe);
   function b(a) {
     return a && a.__esModule ? a : {
       default: a
@@ -460,7 +460,7 @@ var ue = Q.exports;
       ]);
     }
   };
-})(H);
+})(q);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -470,7 +470,7 @@ var ue = Q.exports;
       return l;
     }
   });
-  const i = /* @__PURE__ */ n(H);
+  const i = /* @__PURE__ */ n(q);
   function n(u) {
     return u && u.__esModule ? u : {
       default: u
@@ -810,8 +810,8 @@ var ue = Q.exports;
       }), this.slate;
     }
   };
-})(J);
-var fe = {};
+})(Q);
+var ce = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -834,8 +834,8 @@ var fe = {};
     }
     return n;
   }
-})(fe);
-var ce = {};
+})(ce);
+var de = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -853,17 +853,17 @@ var ce = {};
       throw new Error(`Path is invalid. Has unbalanced brackets: ${n}`);
     return n.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(ce);
-var de = {}, q = {};
+})(de);
+var pe = {}, G = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   function i(m, f) {
-    for (var C in f)
-      Object.defineProperty(m, C, {
+    for (var S in f)
+      Object.defineProperty(m, S, {
         enumerable: !0,
-        get: f[C]
+        get: f[S]
       });
   }
   i(e, {
@@ -877,7 +877,7 @@ var de = {}, q = {};
       return d;
     }
   });
-  const n = /* @__PURE__ */ l(ue), b = /* @__PURE__ */ l(H);
+  const n = /* @__PURE__ */ l(fe), b = /* @__PURE__ */ l(q);
   function l(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -906,12 +906,12 @@ var de = {}, q = {};
   };
   function y(m, f) {
     if (r.future.includes(f)) {
-      var C, g, k;
-      return m.future === "all" || ((k = (g = m == null || (C = m.future) === null || C === void 0 ? void 0 : C[f]) !== null && g !== void 0 ? g : u[f]) !== null && k !== void 0 ? k : !1);
+      var S, g, k;
+      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, T, D;
-      return m.experimental === "all" || ((D = (T = m == null || (P = m.experimental) === null || P === void 0 ? void 0 : P[f]) !== null && T !== void 0 ? T : u[f]) !== null && D !== void 0 ? D : !1);
+      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);
     }
     return !1;
   }
@@ -919,11 +919,11 @@ var de = {}, q = {};
     if (m.experimental === "all")
       return r.experimental;
     var f;
-    return Object.keys((f = m == null ? void 0 : m.experimental) !== null && f !== void 0 ? f : {}).filter((C) => r.experimental.includes(C) && m.experimental[C]);
+    return Object.keys((f = m == null ? void 0 : m.experimental) !== null && f !== void 0 ? f : {}).filter((S) => r.experimental.includes(S) && m.experimental[S]);
   }
   function t(m) {
     if (process.env.JEST_WORKER_ID === void 0 && a(m).length > 0) {
-      let f = a(m).map((C) => n.default.yellow(C)).join(", ");
+      let f = a(m).map((S) => n.default.yellow(S)).join(", ");
       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."
@@ -931,7 +931,7 @@ var de = {}, q = {};
     }
   }
   const d = r;
-})(q);
+})(G);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -941,7 +941,7 @@ var de = {}, q = {};
       return u;
     }
   });
-  const i = q, n = /* @__PURE__ */ l(H);
+  const i = G, n = /* @__PURE__ */ l(q);
   function b(r) {
     if (typeof WeakMap != "function")
       return null;
@@ -1043,11 +1043,11 @@ var de = {}, q = {};
       })(),
       extract: (() => {
         let t = (() => {
-          var f, C, g, k, P, T, D, E, j, F;
-          return !((f = r.purge) === null || f === void 0) && f.extract ? r.purge.extract : !((C = r.content) === null || C === void 0) && C.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 || (T = P.extract) === null || T === void 0) && T.DEFAULT ? r.content.extract.DEFAULT : !((D = r.purge) === null || D === void 0 || (E = D.options) === null || E === void 0) && E.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 : {};
+          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 : {};
         })(), d = {}, m = (() => {
-          var f, C, g, k;
-          if (!((f = r.purge) === null || f === void 0 || (C = f.options) === null || C === void 0) && C.defaultExtractor)
+          var f, S, g, k;
+          if (!((f = r.purge) === null || f === void 0 || (S = f.options) === null || S === void 0) && S.defaultExtractor)
             return r.purge.options.defaultExtractor;
           if (!((g = r.content) === null || g === void 0 || (k = g.options) === null || k === void 0) && k.defaultExtractor)
             return r.content.options.defaultExtractor;
@@ -1055,17 +1055,17 @@ var de = {}, q = {};
         if (m !== void 0 && (d.DEFAULT = m), typeof t == "function")
           d.DEFAULT = t;
         else if (Array.isArray(t))
-          for (let { extensions: f, extractor: C } of t != null ? t : [])
+          for (let { extensions: f, extractor: S } of t != null ? t : [])
             for (let g of f)
-              d[g] = C;
+              d[g] = S;
         else
           typeof t == "object" && t !== null && Object.assign(d, t);
         return d;
       })(),
       transform: (() => {
         let t = (() => {
-          var m, f, C, 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 : !((C = r.purge) === null || C === void 0 || (g = C.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, 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 : {};
         })(), d = {};
         return typeof t == "function" && (d.DEFAULT = t), typeof t == "object" && t !== null && Object.assign(d, t), d;
       })()
@@ -1080,8 +1080,8 @@ var de = {}, q = {};
       }
     return r;
   }
-})(de);
-var pe = {};
+})(pe);
+var me = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1097,8 +1097,8 @@ var pe = {};
     const b = Object.getPrototypeOf(n);
     return b === null || b === Object.prototype;
   }
-})(pe);
-var me = {};
+})(me);
+var ge = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1114,8 +1114,8 @@ var me = {};
       i(l)
     ])) : n;
   }
-})(me);
-var ge = {}, he = {};
+})(ge);
+var he = {}, be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1128,8 +1128,8 @@ var ge = {}, he = {};
   function i(n) {
     return n.replace(/\\,/g, "\\2c ");
   }
-})(he);
-var Z = {}, ee = {}, be = {};
+})(be);
+var ee = {}, te = {}, ye = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1881,7 +1881,7 @@ var Z = {}, ee = {}, be = {};
       50
     ]
   };
-})(be);
+})(ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1898,10 +1898,10 @@ var Z = {}, ee = {}, be = {};
       return f;
     },
     formatColor: function() {
-      return C;
+      return S;
     }
   });
-  const n = /* @__PURE__ */ b(be);
+  const n = /* @__PURE__ */ b(ye);
   function b(g) {
     return g && g.__esModule ? g : {
       default: g
@@ -1909,7 +1909,7 @@ var Z = {}, ee = {}, be = {};
   }
   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: k = !1 } = {}) {
-    var P, T;
+    var P, j;
     if (typeof g != "string")
       return null;
     if (g = g.trim(), g === "transparent")
@@ -1925,9 +1925,9 @@ var Z = {}, ee = {}, be = {};
     if (g in n.default)
       return {
         mode: "rgb",
-        color: n.default[g].map((R) => R.toString())
+        color: n.default[g].map((U) => U.toString())
       };
-    let D = g.replace(u, (R, B, L, p, S) => [
+    let T = g.replace(u, (U, B, L, p, O) => [
       "#",
       B,
       B,
@@ -1935,44 +1935,44 @@ var Z = {}, ee = {}, be = {};
       L,
       p,
       p,
-      S ? S + S : ""
+      O ? O + O : ""
     ].join("")).match(l);
-    if (D !== null)
+    if (T !== null)
       return {
         mode: "rgb",
         color: [
-          parseInt(D[1], 16),
-          parseInt(D[2], 16),
-          parseInt(D[3], 16)
-        ].map((R) => R.toString()),
-        alpha: D[4] ? (parseInt(D[4], 16) / 255).toString() : void 0
+          parseInt(T[1], 16),
+          parseInt(T[2], 16),
+          parseInt(T[3], 16)
+        ].map((U) => U.toString()),
+        alpha: T[4] ? (parseInt(T[4], 16) / 255).toString() : void 0
       };
-    var E;
-    let j = (E = g.match(d)) !== null && E !== void 0 ? E : g.match(m);
-    if (j === null)
+    var $;
+    let D = ($ = g.match(d)) !== null && $ !== void 0 ? $ : g.match(m);
+    if (D === null)
       return null;
     let F = [
-      j[2],
-      j[3],
-      j[4]
-    ].filter(Boolean).map((R) => R.toString());
+      D[2],
+      D[3],
+      D[4]
+    ].filter(Boolean).map((U) => U.toString());
     return F.length === 2 && F[0].startsWith("var(") ? {
-      mode: j[1],
+      mode: D[1],
       color: [
         F[0]
       ],
       alpha: F[1]
-    } : !k && F.length !== 3 || F.length < 3 && !F.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
-      mode: j[1],
+    } : !k && F.length !== 3 || F.length < 3 && !F.some((U) => /^var\(.*?\)$/.test(U)) ? null : {
+      mode: D[1],
       color: F,
-      alpha: (P = j[5]) === null || P === void 0 || (T = P.toString) === null || T === void 0 ? void 0 : T.call(P)
+      alpha: (P = D[5]) === null || P === void 0 || (j = P.toString) === null || j === void 0 ? void 0 : j.call(P)
     };
   }
-  function C({ mode: g, color: k, alpha: P }) {
-    let T = P !== void 0;
-    return g === "rgba" || g === "hsla" ? `${g}(${k.join(", ")}${T ? `, ${P}` : ""})` : `${g}(${k.join(" ")}${T ? ` / ${P}` : ""})`;
+  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}` : ""})`;
   }
-})(ee);
+})(te);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1992,7 +1992,7 @@ var Z = {}, ee = {}, be = {};
       return l;
     }
   });
-  const n = ee;
+  const n = te;
   function b(u, r, y) {
     if (typeof u == "function")
       return u({
@@ -2037,8 +2037,8 @@ var Z = {}, ee = {}, be = {};
       ]))
     };
   }
-})(Z);
-var te = {}, ye = {}, G = {};
+})(ee);
+var re = {}, ve = {}, X = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2056,7 +2056,7 @@ var te = {}, ye = {}, G = {};
     }
     return u.push(n.slice(r)), u;
   }
-})(G);
+})(X);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2076,7 +2076,7 @@ var te = {}, ye = {}, G = {};
       return y;
     }
   });
-  const n = G;
+  const n = X;
   let b = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
@@ -2088,8 +2088,8 @@ var te = {}, ye = {}, G = {};
     return (0, n.splitAtTopLevelOnly)(a, ",").map((d) => {
       let m = d.trim(), f = {
         raw: m
-      }, C = m.split(l), g = /* @__PURE__ */ new Set();
-      for (let k of C)
+      }, S = m.split(l), 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;
     });
@@ -2104,7 +2104,7 @@ var te = {}, ye = {}, G = {};
       t.color
     ].filter(Boolean).join(" ") : t.raw).join(", ");
   }
-})(ye);
+})(ve);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2127,19 +2127,19 @@ var te = {}, ye = {}, G = {};
       return f;
     },
     percentage: function() {
-      return C;
+      return S;
     },
     length: function() {
       return P;
     },
     lineWidth: function() {
-      return D;
+      return T;
     },
     shadow: function() {
-      return E;
+      return $;
     },
     color: function() {
-      return j;
+      return D;
     },
     image: function() {
       return F;
@@ -2151,7 +2151,7 @@ var te = {}, ye = {}, G = {};
       return p;
     },
     familyName: function() {
-      return S;
+      return O;
     },
     genericName: function() {
       return s;
@@ -2160,10 +2160,10 @@ var te = {}, ye = {}, G = {};
       return v;
     },
     relativeSize: function() {
-      return O;
+      return C;
     }
   });
-  const n = ee, b = ye, l = G;
+  const n = te, b = ve, l = X;
   let u = [
     "min",
     "max",
@@ -2180,7 +2180,7 @@ var te = {}, ye = {}, G = {};
   function d(o) {
     return o.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
       let z = [];
-      return x.replace(/var\((--.+?)[,)]/g, (A, N) => (z.push(N), A.replace(N, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => z.shift());
+      return x.replace(/var\((--.+?)[,)]/g, (A, H) => (z.push(H), A.replace(H, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => z.shift());
     });
   }
   function m(o) {
@@ -2189,7 +2189,7 @@ var te = {}, ye = {}, G = {};
   function f(o) {
     return !isNaN(Number(o)) || r(o);
   }
-  function C(o) {
+  function S(o) {
     return o.endsWith("%") && f(o.slice(0, -1)) || r(o);
   }
   let k = `(?:${[
@@ -2228,22 +2228,22 @@ var te = {}, ye = {}, G = {};
   function P(o) {
     return o === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(o) || r(o);
   }
-  let T = /* @__PURE__ */ new Set([
+  let j = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
-  function D(o) {
-    return T.has(o);
+  function T(o) {
+    return j.has(o);
   }
-  function E(o) {
+  function $(o) {
     let x = (0, b.parseBoxShadowValue)(t(o));
     for (let z of x)
       if (!z.valid)
         return !1;
     return !0;
   }
-  function j(o) {
+  function D(o) {
     let x = 0;
     return (0, l.splitAtTopLevelOnly)(o, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : (0, n.parseColor)(A, {
       loose: !0
@@ -2256,9 +2256,9 @@ var te = {}, ye = {}, G = {};
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((N) => A.startsWith(N)) ? (x++, !0) : !1)) ? x > 0 : !1;
+    ].some((H) => A.startsWith(H)) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  let R = /* @__PURE__ */ new Set([
+  let U = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2268,7 +2268,7 @@ var te = {}, ye = {}, G = {};
   ]);
   function B(o) {
     o = t(o);
-    for (let x of R)
+    for (let x of U)
       if (o.startsWith(`${x}(`))
         return !0;
     return !1;
@@ -2282,9 +2282,9 @@ var te = {}, ye = {}, G = {};
   ]);
   function p(o) {
     let x = 0;
-    return (0, l.splitAtTopLevelOnly)(o, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : L.has(A) || P(A) || C(A) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, l.splitAtTopLevelOnly)(o, "_").every((A) => (A = t(A), A.startsWith("var(") ? !0 : L.has(A) || P(A) || S(A) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function S(o) {
+  function O(o) {
     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;
   }
@@ -2323,11 +2323,11 @@ var te = {}, ye = {}, G = {};
     "larger",
     "smaller"
   ]);
-  function O(o) {
+  function C(o) {
     return c.has(o);
   }
-})(te);
-var ve = {};
+})(re);
+var xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2337,7 +2337,7 @@ var ve = {};
       return b;
     }
   });
-  const i = te, n = G;
+  const i = re, n = X;
   function b(l) {
     let u = [
       "cover",
@@ -2348,16 +2348,16 @@ var ve = {};
       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");
     });
   }
-})(ve);
+})(xe);
 (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, {
@@ -2371,13 +2371,13 @@ var ve = {};
       return k;
     },
     asColor: function() {
-      return T;
+      return j;
     },
     asLookupValue: function() {
-      return D;
+      return T;
     },
     typeMap: function() {
-      return j;
+      return D;
     },
     coerceValue: function() {
       return B;
@@ -2386,109 +2386,109 @@ var ve = {};
       return L;
     }
   });
-  const n = /* @__PURE__ */ a(he), b = Z, l = te, u = /* @__PURE__ */ a(X), r = ve, y = q;
+  const n = /* @__PURE__ */ a(be), b = ee, l = re, u = /* @__PURE__ */ a(J), r = xe, y = G;
   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) {
-    if (!C(p))
+  function d(p, O) {
+    if (!S(p))
       return;
     let _ = p.slice(1, -1);
-    if (S(_))
+    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 (C(p)) {
+    if (S(p)) {
       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 h = (s = S.values) === null || s === void 0 ? void 0 : s[p];
-    return h !== void 0 ? h : 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 C(p) {
+  function S(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
-    ] : C(p) && !p.includes("]/[") ? [
+    ] : S(p) && !p.includes("]/[") ? [
       p,
       void 0
     ] : [
-      p.slice(0, S),
-      p.slice(S + 1)
+      p.slice(0, O),
+      p.slice(O + 1)
     ];
   }
   function k(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 P(p) {
     return (0, l.normalize)(p.slice(1, -1));
   }
-  function T(p, S = {}, { tailwindConfig: _ = {} } = {}) {
+  function j(p, O = {}, { tailwindConfig: _ = {} } = {}) {
     var s;
-    if (((s = S.values) === null || s === void 0 ? void 0 : s[p]) !== void 0) {
+    if (((s = O.values) === null || s === void 0 ? void 0 : s[p]) !== void 0) {
       var h;
-      return k((h = S.values) === null || h === void 0 ? void 0 : h[p]);
+      return k((h = O.values) === null || h === void 0 ? void 0 : h[p]);
     }
     let [v, c] = g(p);
     if (c !== void 0) {
-      var O, o, x, z;
-      let A = (z = (O = S.values) === null || O === void 0 ? void 0 : O[v]) !== null && z !== void 0 ? z : C(v) ? v.slice(1, -1) : void 0;
-      return A === void 0 ? void 0 : (A = k(A), C(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, 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]));
     }
-    return f(p, S, {
+    return f(p, O, {
       validate: l.color
     });
   }
-  function D(p, S = {}) {
+  function T(p, O = {}) {
     var _;
-    return (_ = S.values) === null || _ === void 0 ? void 0 : _[p];
+    return (_ = O.values) === null || _ === void 0 ? void 0 : _[p];
   }
-  function E(p) {
-    return (S, _) => f(S, _, {
+  function $(p) {
+    return (O, _) => f(O, _, {
       validate: p
     });
   }
-  let j = {
+  let D = {
     any: f,
-    color: T,
-    url: E(l.url),
-    image: E(l.image),
-    length: E(l.length),
-    percentage: E(l.percentage),
-    position: E(l.position),
-    lookup: D,
-    "generic-name": E(l.genericName),
-    "family-name": E(l.familyName),
-    number: E(l.number),
-    "line-width": E(l.lineWidth),
-    "absolute-size": E(l.absoluteSize),
-    "relative-size": E(l.relativeSize),
-    shadow: E(l.shadow),
-    size: E(r.backgroundSize)
-  }, F = Object.keys(j);
-  function R(p, S) {
-    let _ = p.indexOf(S);
+    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)
+  }, F = Object.keys(D);
+  function U(p, O) {
+    let _ = p.indexOf(O);
     return _ === -1 ? [
       void 0,
       p
@@ -2497,10 +2497,10 @@ var ve = {};
       p.slice(_ + 1)
     ];
   }
-  function B(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 = j[v](S, _, {
+        let c = D[v](O, _, {
           tailwindConfig: s
         });
         if (c !== void 0)
@@ -2510,33 +2510,33 @@ var ve = {};
             null
           ];
       }
-    if (C(S)) {
-      let v = S.slice(1, -1), [c, O] = R(v, ":");
+    if (S(O)) {
+      let v = O.slice(1, -1), [c, C] = U(v, ":");
       if (!/^[\w-_]+$/g.test(c))
-        O = v;
+        C = v;
       else if (c !== void 0 && !F.includes(c))
         return [];
-      if (O.length > 0 && F.includes(c))
+      if (C.length > 0 && F.includes(c))
         return [
-          f(`[${O}]`, _),
+          f(`[${C}]`, _),
           c,
           null
         ];
     }
-    let h = L(p, S, _, s);
+    let h = L(p, O, _, s);
     for (let v of h)
       return v;
     return [];
   }
-  function* L(p, S, _, s) {
-    let h = (0, y.flagEnabled)(s, "generalizedModifiers"), [v, c] = g(S);
-    if (h && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (c && C(c) || c in _.modifiers)) || (v = S, c = void 0), c !== void 0 && v === "" && (v = "DEFAULT"), c !== void 0 && typeof _.modifiers == "object") {
+  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 && 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 : C(c) && (c = P(c));
+      z !== null ? c = z : S(c) && (c = P(c));
     }
     for (let { type: z } of p != null ? p : []) {
-      let A = j[z](v, _, {
+      let A = D[z](v, _, {
         tailwindConfig: s
       });
       A !== void 0 && (yield [
@@ -2546,8 +2546,8 @@ var ve = {};
       ]);
     }
   }
-})(ge);
-var xe = {};
+})(he);
+var _e = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2560,7 +2560,7 @@ var xe = {};
   function i(n) {
     return typeof n == "function" ? n({}) : n;
   }
-})(xe);
+})(_e);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2570,8 +2570,8 @@ var xe = {};
       return _;
     }
   });
-  const i = /* @__PURE__ */ C(X), n = /* @__PURE__ */ C(oe), b = /* @__PURE__ */ C(le), l = /* @__PURE__ */ C(J), u = fe, r = ce, y = de, a = /* @__PURE__ */ C(pe), t = me, d = ge, m = Z, f = /* @__PURE__ */ C(xe);
-  function C(s) {
+  const i = /* @__PURE__ */ S(J), n = /* @__PURE__ */ S(le), b = /* @__PURE__ */ S(se), l = /* @__PURE__ */ S(Q), u = ce, r = de, y = pe, a = /* @__PURE__ */ S(me), t = ge, d = he, m = ee, f = /* @__PURE__ */ S(_e);
+  function S(s) {
     return s && s.__esModule ? s : {
       default: s
     };
@@ -2582,9 +2582,9 @@ var xe = {};
   function k(s, ...h) {
     let v = h.pop();
     for (let c of h)
-      for (let O in c) {
-        let o = v(s[O], c[O]);
-        o === void 0 ? (0, a.default)(s[O]) && (0, a.default)(c[O]) ? s[O] = k({}, s[O], c[O], v) : s[O] = c[O] : s[O] = o;
+      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;
       }
     return s;
   }
@@ -2603,29 +2603,29 @@ var xe = {};
       }), {});
     }
   };
-  function T(s, ...h) {
+  function j(s, ...h) {
     return g(s) ? s(...h) : s;
   }
-  function D(s) {
-    return s.reduce((h, { extend: v }) => k(h, v, (c, O) => c === void 0 ? [
-      O
+  function T(s) {
+    return s.reduce((h, { extend: v }) => k(h, v, (c, C) => c === void 0 ? [
+      C
     ] : Array.isArray(c) ? [
-      O,
+      C,
       ...c
     ] : [
-      O,
+      C,
       c
     ]), {});
   }
-  function E(s) {
+  function $(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: D(s)
+      extend: T(s)
     };
   }
-  function j(s, h) {
+  function D(s, h) {
     if (Array.isArray(s) && (0, a.default)(s[0]))
       return s.concat(h);
     if (Array.isArray(h) && (0, a.default)(h[0]) && (0, a.default)(s))
@@ -2637,31 +2637,31 @@ var xe = {};
       return h;
   }
   function F({ extend: s, ...h }) {
-    return k(h, s, (v, c) => !g(v) && !c.some(g) ? k({}, v, ...c, j) : (O, o) => k({}, ...[
+    return k(h, s, (v, c) => !g(v) && !c.some(g) ? k({}, v, ...c, D) : (C, o) => k({}, ...[
       v,
       ...c
-    ].map((x) => T(x, O, o)), j));
+    ].map((x) => j(x, C, o)), D));
   }
-  function* R(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 [, O, o] = c, x = (0, r.toPath)(O);
+      let [, C, o] = c, x = (0, r.toPath)(C);
       x.alpha = o, yield x;
     }
   }
   function B(s) {
     const h = (v, c) => {
-      for (const O of R(v)) {
+      for (const C of U(v)) {
         let o = 0, x = s;
-        for (; x != null && o < O.length; )
-          x = x[O[o++]], x = g(x) && (O.alpha === void 0 || o <= O.length - 1) ? x(h, P) : x;
+        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;
         if (x !== void 0) {
-          if (O.alpha !== void 0) {
+          if (C.alpha !== void 0) {
             let z = (0, d.parseColorFormat)(x);
-            return (0, m.withAlphaValue)(z, O.alpha, (0, f.default)(z));
+            return (0, m.withAlphaValue)(z, C.alpha, (0, f.default)(z));
           }
           return (0, a.default)(x) ? (0, t.cloneDeep)(x) : x;
         }
@@ -2681,8 +2681,8 @@ var xe = {};
         v
       ];
       var c;
-      const O = (c = v == null ? void 0 : v.plugins) !== null && c !== void 0 ? c : [];
-      O.length !== 0 && O.forEach((o) => {
+      const C = (c = v == null ? void 0 : v.plugins) !== null && c !== void 0 ? c : [];
+      C.length !== 0 && C.forEach((o) => {
         o.__isOptionsFunction && (o = o());
         var x;
         h = [
@@ -2701,7 +2701,7 @@ var xe = {};
       corePlugins: v
     }) : (0, b.default)(c, v), n.default);
   }
-  function S(s) {
+  function O(s) {
     return [
       ...s
     ].reduceRight((v, c) => [
@@ -2720,13 +2720,13 @@ var xe = {};
     ];
     var v, c;
     return (0, y.normalizeConfig)((0, u.defaults)({
-      theme: B(F(E(h.map((O) => (v = O == null ? void 0 : O.theme) !== null && v !== void 0 ? v : {})))),
-      corePlugins: p(h.map((O) => O.corePlugins)),
-      plugins: S(s.map((O) => (c = O == null ? void 0 : O.plugins) !== null && c !== void 0 ? c : []))
+      theme: B(F($(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 = {}, De = {
+})(oe);
+var we = {}, De = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3726,7 +3726,7 @@ var _e = {}, De = {
       return l;
     }
   });
-  const i = /* @__PURE__ */ b(De), n = q;
+  const i = /* @__PURE__ */ b(De), n = G;
   function b(u) {
     return u && u.__esModule ? u : {
       default: u
@@ -3763,7 +3763,7 @@ var _e = {}, De = {
       ...y
     ];
   }
-})(_e);
+})(we);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -3773,7 +3773,7 @@ var _e = {}, De = {
       return l;
     }
   });
-  const i = /* @__PURE__ */ b(ae), n = /* @__PURE__ */ b(_e);
+  const i = /* @__PURE__ */ b(oe), n = /* @__PURE__ */ b(we);
   function b(u) {
     return u && u.__esModule ? u : {
       default: u
@@ -3786,19 +3786,19 @@ var _e = {}, De = {
       ...r
     ]);
   }
-})(ie);
-let Y = ie;
-var je = (Y.__esModule ? Y : { default: Y }).default;
-const Fe = /* @__PURE__ */ Te(je);
-let K = J;
-var W = (K.__esModule ? K : { default: K }).default;
-const U = {
-  onprimary: W.white,
-  warning: W.amber,
-  error: W.rose,
-  info: W.cyan,
-  success: W.lime,
-  primary: W.sky,
+})(ae);
+let Y = ae;
+var Fe = (Y.__esModule ? Y : { default: Y }).default;
+const Me = /* @__PURE__ */ Te(Fe);
+let K = Q;
+var N = (K.__esModule ? K : { default: K }).default;
+const R = {
+  onprimary: N.white,
+  warning: N.amber,
+  error: N.rose,
+  info: N.cyan,
+  success: N.lime,
+  primary: N.sky,
   brand: {
     50: "#FCE3E4",
     100: "#F9CDCE",
@@ -3811,33 +3811,33 @@ const U = {
     800: "#4E090B",
     900: "#290506"
   }
-}, Me = {
-  ...U,
+}, Re = {
+  ...R,
   // Warning
-  warning: U.warning[500],
-  "warning-darken": U.warning[600],
-  "warning-lighten": U.warning[400],
+  warning: R.warning[500],
+  "warning-darken": R.warning[600],
+  "warning-lighten": R.warning[400],
   // Success
-  success: U.success[500],
-  "success-darken": U.success[600],
-  "success-lighten": U.success[400],
+  success: R.success[500],
+  "success-darken": R.success[600],
+  "success-lighten": R.success[400],
   // Error
-  error: U.error[500],
-  "error-darken": U.error[600],
-  "error-lighten": U.error[400],
+  error: R.error[500],
+  "error-darken": R.error[600],
+  "error-lighten": R.error[400],
   // Info
-  info: U.info[500],
-  "info-darken": U.info[600],
-  "info-lighten": U.info[400],
+  info: R.info[500],
+  "info-darken": R.info[600],
+  "info-lighten": R.info[400],
   // Primary
-  primary: U.primary[500],
-  "primary-darken": U.primary[600],
-  "primary-lighten": U.primary[400],
+  primary: R.primary[500],
+  "primary-darken": R.primary[600],
+  "primary-lighten": R.primary[400],
   // Surfaces
-  onsurface: W.slate[500],
-  onbackground: W.slate[700],
-  surface: W.slate[50],
-  background: W.white
+  onsurface: N.slate[500],
+  onbackground: N.slate[700],
+  surface: N.slate[50],
+  background: N.white
 }, Ue = {
   prefix: "e-",
   corePlugins: {
@@ -3846,7 +3846,7 @@ const U = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: Me
+      colors: Re
     },
     fontSize: {
       xs: "0.75rem",
@@ -3864,22 +3864,40 @@ const U = {
       "9xl": "8rem"
     }
   },
-  plugins: []
-}, we = Fe(Ue), Re = we.theme.fontSize, Le = we.theme.colors, Qe = [
+  plugins: [],
+  safelist: [
+    {
+      pattern: /e-w-full/,
+      variants: ["lg", "md", "sm", "xl"]
+    },
+    {
+      pattern: /e-grow/,
+      variants: ["lg", "md", "sm", "xl"]
+    },
+    {
+      pattern: /e-basis-(\d{1,2}\/\d{1,2}|full|auto|0)/,
+      variants: ["lg", "md", "sm", "xl"]
+    },
+    {
+      pattern: /e-offset-(1[0-2]|[1-9])/,
+      variants: ["lg", "md", "sm", "xl"]
+    }
+  ]
+}, Se = Me(Ue), Le = Se.theme.fontSize, Ne = Se.theme.colors, pt = [
   w.dot,
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl
-], Ze = [
+], mt = [
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl,
   w["2xl"]
-], We = [
+], Be = [
   w.xs,
   w.sm,
   w.md,
@@ -3894,14 +3912,14 @@ const U = {
   w["7xl"],
   w["8xl"],
   w["9xl"]
-], et = [
+], gt = [
   M.warning,
   M.error,
   M.info,
   M.success,
   M.primary,
   M.default
-], Be = V.extend({
+], Ve = V.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3919,7 +3937,7 @@ const U = {
   },
   computed: {
     sizes() {
-      return We.reduce((e, i) => ({
+      return Be.reduce((e, i) => ({
         ...e,
         [i]: `e-text-${i}`
       }), {});
@@ -3936,20 +3954,20 @@ const U = {
     }
   }
 });
-var Ne = function() {
+var We = function() {
   var i = this, n = i._self._c;
   return n("div", { staticClass: "e-icon" }, [n("i", { class: i.iconClasses })]);
-}, Ve = [], Ie = /* @__PURE__ */ I(
-  Be,
-  Ne,
+}, Ie = [], He = /* @__PURE__ */ W(
   Ve,
+  We,
+  Ie,
   !1,
   null,
   null,
   null,
   null
 );
-const He = Ie.exports, qe = V.extend({
+const qe = He.exports, Ge = V.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -3975,8 +3993,8 @@ const He = Ie.exports, qe = V.extend({
   },
   data() {
     return {
-      sizes: Re,
-      colors: Le
+      sizes: Le,
+      colors: Ne
     };
   },
   computed: {
@@ -4011,15 +4029,15 @@ const He = Ie.exports, qe = V.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" } })]);
-}, Ye = [], Ke = /* @__PURE__ */ I(
-  qe,
+}, Ye = [], Ke = /* @__PURE__ */ W(
   Ge,
+  Xe,
   Ye,
   !1,
   null,
@@ -4027,32 +4045,234 @@ var Ge = function() {
   null,
   null
 );
-const Xe = Ke.exports, re = {
-  EAvatar: $e,
-  EBadge: ne,
-  EIcon: He,
-  ESpinner: Xe
-}, tt = {
+const Je = Ke.exports, Qe = (e) => [
+  "around",
+  "baseline",
+  "between",
+  "center",
+  "end",
+  "evenly",
+  "normal",
+  "start",
+  "stretch"
+].includes(e), Ze = (e) => ["start", "center", "end", "baseline", "stretch"].includes(e), et = (e) => ["start", "center", "end", "auto", "baseline", "stretch"].includes(e), tt = (e) => [
+  "around",
+  "between",
+  "center",
+  "end",
+  "evenly",
+  "normal",
+  "start",
+  "stretch"
+].includes(e), I = (e) => {
+  if (e === "auto")
+    return !0;
+  if (typeof e == "number")
+    return e >= 1 && e <= 12;
+  if (typeof e == "string") {
+    const i = parseInt(e);
+    return !isNaN(i) && i >= 1 && i <= 12;
+  }
+  return !1;
+}, rt = V.extend({
+  props: {
+    align: {
+      type: String,
+      default: void 0,
+      validator: Ze
+    },
+    alignContent: {
+      type: String,
+      default: void 0,
+      validator: Qe
+    },
+    justify: {
+      type: String,
+      default: void 0,
+      validator: tt
+    },
+    noGutters: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  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
+      };
+    }
+  }
+});
+var nt = function() {
+  var i = this, n = i._self._c;
+  return i._self._setupProxy, n("div", { staticClass: "e-row e-flex e-flex-wrap e-w-full", class: i.rowClasses }, [i._t("default")], 2);
+}, it = [], at = /* @__PURE__ */ W(
+  rt,
+  nt,
+  it,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ot = at.exports, lt = V.extend({
+  props: {
+    alignSelf: {
+      type: String,
+      default: "auto",
+      validator: et
+    },
+    cols: {
+      type: [Boolean, String, Number],
+      default: "auto",
+      validator: I
+    },
+    lg: {
+      type: [Boolean, String, Number],
+      default: void 0,
+      validator: I
+    },
+    md: {
+      type: [Boolean, String, Number],
+      default: void 0,
+      validator: I
+    },
+    offset: {
+      type: [String, Number],
+      default: void 0
+    },
+    offsetLg: {
+      type: [String, Number],
+      default: void 0
+    },
+    offsetMd: {
+      type: [String, Number],
+      default: void 0
+    },
+    offsetSm: {
+      type: [String, Number],
+      default: void 0
+    },
+    offsetXl: {
+      type: [String, Number],
+      default: void 0
+    },
+    sm: {
+      type: [Boolean, String, Number],
+      default: void 0,
+      validator: I
+    },
+    xl: {
+      type: [Boolean, String, Number],
+      default: void 0,
+      validator: I
+    }
+  },
+  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",
+        "e-basis-0 e-grow e-w-full": this.cols === "auto",
+        "lg:e-basis-0 lg:e-grow lg:e-w-full": this.lg === "auto",
+        "md:e-basis-0 md:e-grow md:e-w-full": this.md === "auto",
+        "sm:e-basis-0 sm:e-grow sm:e-w-full": this.sm === "auto",
+        "xl:e-basis-0 xl:e-grow xl:e-w-full": this.xl === "auto",
+        "e-basis-full": this.cols === 12 || this.cols === "12",
+        "lg:e-basis-full": this.lg === 12 || this.lg === "12",
+        "md:e-basis-full": this.md === 12 || this.md === "12",
+        "sm:e-basis-full": this.sm === 12 || this.sm === "12",
+        "xl:e-basis-full": this.xl === 12 || this.xl === "12",
+        [`e-basis-${this.cols}/12`]: this.isSizePropertyValid(this.cols),
+        [`lg:e-basis-${this.lg}/12`]: this.isSizePropertyValid(this.lg),
+        [`md:e-basis-${this.md}/12`]: this.isSizePropertyValid(this.md),
+        [`sm:e-basis-${this.sm}/12`]: this.isSizePropertyValid(this.sm),
+        [`xl:e-basis-${this.xl}/12`]: this.isSizePropertyValid(this.xl),
+        [`e-offset-${this.offset}`]: this.offset !== void 0,
+        [`lg:e-offset-${this.offsetLg}`]: this.offsetLg !== void 0,
+        [`md:e-offset-${this.offsetMd}`]: this.offsetMd !== void 0,
+        [`sm:e-offset-${this.offsetSm}`]: this.offsetSm !== void 0,
+        [`xl:e-offset-${this.offsetXl}`]: this.offsetXl !== void 0
+      };
+    }
+  },
+  methods: {
+    isSizePropertyValid(e) {
+      return e !== "auto" && !isNaN(Number.parseInt(e)) && Number.parseInt(e) < 12;
+    }
+  }
+});
+var st = function() {
+  var i = this, n = i._self._c;
+  return i._self._setupProxy, n("div", { staticClass: "e-col", class: i.colClasses }, [i._t("default")], 2);
+}, ut = [], ft = /* @__PURE__ */ W(
+  lt,
+  st,
+  ut,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ct = ft.exports, ne = {
+  EAvatar: je,
+  EBadge: ie,
+  EIcon: qe,
+  ESpinner: Je,
+  ERow: ot,
+  ECol: ct
+}, ht = {
   install(e) {
-    Object.keys(re).forEach((i) => {
-      e.component(i, re[i]);
+    Object.keys(ne).forEach((i) => {
+      e.component(i, ne[i]);
     });
   }
 };
 export {
-  Ze as AvatarSizes,
-  et as BadgeColors,
-  Qe as BadgeSizes,
+  mt as AvatarSizes,
+  gt as BadgeColors,
+  pt as BadgeSizes,
   M as BaseColor,
-  Le as Colors,
-  $e as EAvatar,
-  ne as EBadge,
-  He as EIcon,
-  Xe as ESpinner,
-  We as IconSizes,
+  Ne as Colors,
+  je as EAvatar,
+  ie as EBadge,
+  ct as ECol,
+  qe as EIcon,
+  ot as ERow,
+  Je as ESpinner,
+  Be as IconSizes,
   w as Size,
-  Re as TextSizes,
-  tt as default,
-  we as fullConfig
+  Le as TextSizes,
+  ht as default,
+  Se as fullConfig
 };
 //# sourceMappingURL=index.mjs.map