@evercam/ui 0.0.13 → 0.0.15

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import V from "vue";
+import W from "vue";
 var w = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(w || {}), M = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(M || {});
-const Ce = V.extend({
+const Se = W.extend({
   name: "EBadge",
   props: {
     text: {
@@ -50,7 +50,7 @@ const Ce = V.extend({
     }
   }
 });
-function W(e, i, n, b, l, u, r, y) {
+function V(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;
@@ -79,23 +79,23 @@ function W(e, i, n, b, l, u, r, y) {
     options: a
   };
 }
-var Oe = function() {
+var Ce = function() {
   var i = this, n = i._self._c;
   return n("span", { staticClass: "e-badge", class: i.badgeClasses }, [i.showText ? n("span", [i._v(i._s(i.text))]) : i._e()]);
-}, ke = [], Ae = /* @__PURE__ */ W(
+}, Oe = [], ke = /* @__PURE__ */ V(
+  Se,
   Ce,
   Oe,
-  ke,
   !1,
   null,
   null,
   null,
   null
 );
-const ie = Ae.exports, Pe = V.extend({
+const ne = ke.exports, Ae = W.extend({
   name: "EAvatar",
   components: {
-    Badge: ie
+    Badge: ne
   },
   props: {
     size: {
@@ -144,28 +144,28 @@ const ie = Ae.exports, Pe = V.extend({
     }
   }
 });
-var ze = function() {
+var Pe = 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);
-}, $e = [], Ee = /* @__PURE__ */ W(
+}, ze = [], $e = /* @__PURE__ */ V(
+  Ae,
   Pe,
   ze,
-  $e,
   !1,
   null,
   null,
   null,
   null
 );
-const je = Ee.exports;
-function Te(e) {
+const Ee = $e.exports;
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ae = {}, oe = {}, J = {};
+var ie = {}, ae = {}, K = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -191,8 +191,8 @@ var ae = {}, oe = {}, J = {};
       if (n.includes(`${l}(`))
         return `calc(${n} * -1)`;
   }
-})(J);
-var le = {};
+})(K);
+var oe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -379,8 +379,8 @@ var le = {};
     "willChange",
     "content"
   ];
-})(le);
-var se = {};
+})(oe);
+var le = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -395,13 +395,13 @@ var se = {};
       ...new Set(b.filter((u) => n !== !1 && n[u] !== !1).concat(Object.keys(n).filter((u) => n[u] !== !1)))
     ];
   }
-})(se);
-var Q = {}, q = {}, Z = { exports: {} }, E = String, ue = function() {
+})(le);
+var J = {}, H = {}, Q = { exports: {} }, E = String, se = 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 };
 };
-Z.exports = ue();
-Z.exports.createColors = ue;
-var fe = Z.exports;
+Q.exports = se();
+Q.exports.createColors = se;
+var ue = Q.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -421,7 +421,7 @@ var fe = Z.exports;
       return y;
     }
   });
-  const n = /* @__PURE__ */ b(fe);
+  const n = /* @__PURE__ */ b(ue);
   function b(a) {
     return a && a.__esModule ? a : {
       default: a
@@ -460,7 +460,7 @@ var fe = Z.exports;
       ]);
     }
   };
-})(q);
+})(H);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -470,7 +470,7 @@ var fe = Z.exports;
       return l;
     }
   });
-  const i = /* @__PURE__ */ n(q);
+  const i = /* @__PURE__ */ n(H);
   function n(u) {
     return u && u.__esModule ? u : {
       default: u
@@ -810,8 +810,8 @@ var fe = Z.exports;
       }), this.slate;
     }
   };
-})(Q);
-var ce = {};
+})(J);
+var fe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -834,8 +834,8 @@ var ce = {};
     }
     return n;
   }
-})(ce);
-var de = {};
+})(fe);
+var ce = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -853,8 +853,8 @@ var de = {};
       throw new Error(`Path is invalid. Has unbalanced brackets: ${n}`);
     return n.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(de);
-var pe = {}, G = {};
+})(ce);
+var de = {}, q = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -877,7 +877,7 @@ var pe = {}, G = {};
       return d;
     }
   });
-  const n = /* @__PURE__ */ l(fe), b = /* @__PURE__ */ l(q);
+  const n = /* @__PURE__ */ l(ue), b = /* @__PURE__ */ l(H);
   function l(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -931,7 +931,7 @@ var pe = {}, G = {};
     }
   }
   const d = r;
-})(G);
+})(q);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -941,7 +941,7 @@ var pe = {}, G = {};
       return u;
     }
   });
-  const i = G, n = /* @__PURE__ */ l(q);
+  const i = q, n = /* @__PURE__ */ l(H);
   function b(r) {
     if (typeof WeakMap != "function")
       return null;
@@ -1080,8 +1080,8 @@ var pe = {}, G = {};
       }
     return r;
   }
-})(pe);
-var me = {};
+})(de);
+var pe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1097,8 +1097,8 @@ var me = {};
     const b = Object.getPrototypeOf(n);
     return b === null || b === Object.prototype;
   }
-})(me);
-var ge = {};
+})(pe);
+var me = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1114,8 +1114,8 @@ var ge = {};
       i(l)
     ])) : n;
   }
-})(ge);
-var he = {}, be = {};
+})(me);
+var ge = {}, he = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1128,8 +1128,8 @@ var he = {}, be = {};
   function i(n) {
     return n.replace(/\\,/g, "\\2c ");
   }
-})(be);
-var ee = {}, te = {}, ye = {};
+})(he);
+var Z = {}, ee = {}, be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1881,7 +1881,7 @@ var ee = {}, te = {}, ye = {};
       50
     ]
   };
-})(ye);
+})(be);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1901,7 +1901,7 @@ var ee = {}, te = {}, ye = {};
       return S;
     }
   });
-  const n = /* @__PURE__ */ b(ye);
+  const n = /* @__PURE__ */ b(be);
   function b(g) {
     return g && g.__esModule ? g : {
       default: g
@@ -1925,14 +1925,14 @@ var ee = {}, te = {}, ye = {};
     if (g in n.default)
       return {
         mode: "rgb",
-        color: n.default[g].map((U) => U.toString())
+        color: n.default[g].map((R) => R.toString())
       };
-    let T = g.replace(u, (U, B, L, p, O) => [
+    let T = g.replace(u, (R, B, U, p, O) => [
       "#",
       B,
       B,
-      L,
-      L,
+      U,
+      U,
       p,
       p,
       O ? O + O : ""
@@ -1944,7 +1944,7 @@ var ee = {}, te = {}, ye = {};
           parseInt(T[1], 16),
           parseInt(T[2], 16),
           parseInt(T[3], 16)
-        ].map((U) => U.toString()),
+        ].map((R) => R.toString()),
         alpha: T[4] ? (parseInt(T[4], 16) / 255).toString() : void 0
       };
     var $;
@@ -1955,14 +1955,14 @@ var ee = {}, te = {}, ye = {};
       D[2],
       D[3],
       D[4]
-    ].filter(Boolean).map((U) => U.toString());
+    ].filter(Boolean).map((R) => R.toString());
     return F.length === 2 && F[0].startsWith("var(") ? {
       mode: D[1],
       color: [
         F[0]
       ],
       alpha: F[1]
-    } : !k && F.length !== 3 || F.length < 3 && !F.some((U) => /^var\(.*?\)$/.test(U)) ? null : {
+    } : !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)
@@ -1972,7 +1972,7 @@ var ee = {}, te = {}, ye = {};
     let j = P !== void 0;
     return g === "rgba" || g === "hsla" ? `${g}(${k.join(", ")}${j ? `, ${P}` : ""})` : `${g}(${k.join(" ")}${j ? ` / ${P}` : ""})`;
   }
-})(te);
+})(ee);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1992,7 +1992,7 @@ var ee = {}, te = {}, ye = {};
       return l;
     }
   });
-  const n = te;
+  const n = ee;
   function b(u, r, y) {
     if (typeof u == "function")
       return u({
@@ -2037,8 +2037,8 @@ var ee = {}, te = {}, ye = {};
       ]))
     };
   }
-})(ee);
-var re = {}, ve = {}, X = {};
+})(Z);
+var te = {}, ye = {}, G = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2056,7 +2056,7 @@ var re = {}, ve = {}, X = {};
     }
     return u.push(n.slice(r)), u;
   }
-})(X);
+})(G);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2076,7 +2076,7 @@ var re = {}, ve = {}, X = {};
       return y;
     }
   });
-  const n = X;
+  const n = G;
   let b = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
@@ -2104,7 +2104,7 @@ var re = {}, ve = {}, X = {};
       t.color
     ].filter(Boolean).join(" ") : t.raw).join(", ");
   }
-})(ve);
+})(ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2163,7 +2163,7 @@ var re = {}, ve = {}, X = {};
       return C;
     }
   });
-  const n = te, b = ve, l = X;
+  const n = ee, b = ye, l = G;
   let u = [
     "min",
     "max",
@@ -2180,7 +2180,7 @@ var re = {}, ve = {}, X = {};
   function d(o) {
     return o.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
       let z = [];
-      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());
+      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 m(o) {
@@ -2256,9 +2256,9 @@ var re = {}, ve = {}, X = {};
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((H) => A.startsWith(H)) ? (x++, !0) : !1)) ? x > 0 : !1;
+    ].some((I) => A.startsWith(I)) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  let U = /* @__PURE__ */ new Set([
+  let R = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2268,12 +2268,12 @@ var re = {}, ve = {}, X = {};
   ]);
   function B(o) {
     o = t(o);
-    for (let x of U)
+    for (let x of R)
       if (o.startsWith(`${x}(`))
         return !0;
     return !1;
   }
-  let L = /* @__PURE__ */ new Set([
+  let U = /* @__PURE__ */ new Set([
     "center",
     "top",
     "right",
@@ -2282,7 +2282,7 @@ var re = {}, ve = {}, X = {};
   ]);
   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) || S(A) ? (x++, !0) : !1)) ? x > 0 : !1;
+    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;
   }
   function O(o) {
     let x = 0;
@@ -2326,8 +2326,8 @@ var re = {}, ve = {}, X = {};
   function C(o) {
     return c.has(o);
   }
-})(re);
-var xe = {};
+})(te);
+var ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2337,7 +2337,7 @@ var xe = {};
       return b;
     }
   });
-  const i = re, n = X;
+  const i = te, n = G;
   function b(l) {
     let u = [
       "cover",
@@ -2348,7 +2348,7 @@ var xe = {};
       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");
     });
   }
-})(xe);
+})(ve);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2383,10 +2383,10 @@ var xe = {};
       return B;
     },
     getMatchingTypes: function() {
-      return L;
+      return U;
     }
   });
-  const n = /* @__PURE__ */ a(be), b = ee, l = re, u = /* @__PURE__ */ a(J), r = xe, y = G;
+  const n = /* @__PURE__ */ a(he), b = Z, l = te, u = /* @__PURE__ */ a(K), r = ve, y = q;
   function a(p) {
     return p && p.__esModule ? p : {
       default: p
@@ -2487,7 +2487,7 @@ var xe = {};
     shadow: $(l.shadow),
     size: $(r.backgroundSize)
   }, F = Object.keys(D);
-  function U(p, O) {
+  function R(p, O) {
     let _ = p.indexOf(O);
     return _ === -1 ? [
       void 0,
@@ -2511,7 +2511,7 @@ var xe = {};
           ];
       }
     if (S(O)) {
-      let v = O.slice(1, -1), [c, C] = U(v, ":");
+      let v = O.slice(1, -1), [c, C] = R(v, ":");
       if (!/^[\w-_]+$/g.test(c))
         C = v;
       else if (c !== void 0 && !F.includes(c))
@@ -2523,12 +2523,12 @@ var xe = {};
           null
         ];
     }
-    let h = L(p, O, _, s);
+    let h = U(p, O, _, s);
     for (let v of h)
       return v;
     return [];
   }
-  function* L(p, O, _, s) {
+  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;
@@ -2546,8 +2546,8 @@ var xe = {};
       ]);
     }
   }
-})(he);
-var _e = {};
+})(ge);
+var xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2560,7 +2560,7 @@ var _e = {};
   function i(n) {
     return typeof n == "function" ? n({}) : n;
   }
-})(_e);
+})(xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2570,7 +2570,7 @@ var _e = {};
       return _;
     }
   });
-  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);
+  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);
   function S(s) {
     return s && s.__esModule ? s : {
       default: s
@@ -2642,7 +2642,7 @@ var _e = {};
       ...c
     ].map((x) => j(x, C, o)), D));
   }
-  function* U(s) {
+  function* R(s) {
     let h = (0, r.toPath)(s);
     if (h.length === 0 || (yield h, Array.isArray(s)))
       return;
@@ -2654,7 +2654,7 @@ var _e = {};
   }
   function B(s) {
     const h = (v, c) => {
-      for (const C of U(v)) {
+      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;
@@ -2673,7 +2673,7 @@ var _e = {};
       ...P
     }), Object.keys(s).reduce((v, c) => (v[c] = g(s[c]) ? s[c](h, P) : s[c], v), {});
   }
-  function L(s) {
+  function U(s) {
     let h = [];
     return s.forEach((v) => {
       h = [
@@ -2687,7 +2687,7 @@ var _e = {};
         var x;
         h = [
           ...h,
-          ...L([
+          ...U([
             (x = o == null ? void 0 : o.config) !== null && x !== void 0 ? x : {}
           ])
         ];
@@ -2711,7 +2711,7 @@ var _e = {};
   }
   function _(s) {
     let h = [
-      ...L(s),
+      ...U(s),
       {
         prefix: "",
         important: !1,
@@ -2725,8 +2725,8 @@ var _e = {};
       plugins: O(s.map((C) => (c = C == null ? void 0 : C.plugins) !== null && c !== void 0 ? c : []))
     }, ...h));
   }
-})(oe);
-var we = {}, De = {
+})(ae);
+var _e = {}, Te = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3726,7 +3726,7 @@ var we = {}, De = {
       return l;
     }
   });
-  const i = /* @__PURE__ */ b(De), n = G;
+  const i = /* @__PURE__ */ b(Te), n = q;
   function b(u) {
     return u && u.__esModule ? u : {
       default: u
@@ -3763,7 +3763,7 @@ var we = {}, De = {
       ...y
     ];
   }
-})(we);
+})(_e);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -3773,7 +3773,7 @@ var we = {}, De = {
       return l;
     }
   });
-  const i = /* @__PURE__ */ b(oe), n = /* @__PURE__ */ b(we);
+  const i = /* @__PURE__ */ b(ae), n = /* @__PURE__ */ b(_e);
   function b(u) {
     return u && u.__esModule ? u : {
       default: u
@@ -3786,19 +3786,19 @@ var we = {}, De = {
       ...r
     ]);
   }
-})(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,
+})(ie);
+let X = ie;
+var De = (X.__esModule ? X : { default: X }).default;
+const Fe = /* @__PURE__ */ je(De);
+let Y = J;
+var L = (Y.__esModule ? Y : { default: Y }).default;
+const N = {
+  onprimary: L.white,
+  warning: L.amber,
+  error: L.rose,
+  info: L.cyan,
+  success: L.lime,
+  primary: L.sky,
   brand: {
     50: "#FCE3E4",
     100: "#F9CDCE",
@@ -3811,34 +3811,34 @@ const R = {
     800: "#4E090B",
     900: "#290506"
   }
-}, Re = {
-  ...R,
+}, Me = {
+  ...N,
   // Warning
-  warning: R.warning[500],
-  "warning-darken": R.warning[600],
-  "warning-lighten": R.warning[400],
+  warning: N.warning[500],
+  "warning-darken": N.warning[600],
+  "warning-lighten": N.warning[400],
   // Success
-  success: R.success[500],
-  "success-darken": R.success[600],
-  "success-lighten": R.success[400],
+  success: N.success[500],
+  "success-darken": N.success[600],
+  "success-lighten": N.success[400],
   // Error
-  error: R.error[500],
-  "error-darken": R.error[600],
-  "error-lighten": R.error[400],
+  error: N.error[500],
+  "error-darken": N.error[600],
+  "error-lighten": N.error[400],
   // Info
-  info: R.info[500],
-  "info-darken": R.info[600],
-  "info-lighten": R.info[400],
+  info: N.info[500],
+  "info-darken": N.info[600],
+  "info-lighten": N.info[400],
   // Primary
-  primary: R.primary[500],
-  "primary-darken": R.primary[600],
-  "primary-lighten": R.primary[400],
+  primary: N.primary[500],
+  "primary-darken": N.primary[600],
+  "primary-lighten": N.primary[400],
   // Surfaces
-  onsurface: N.slate[500],
-  onbackground: N.slate[700],
-  surface: N.slate[50],
-  background: N.white
-}, Ue = {
+  onsurface: L.slate[500],
+  onbackground: L.slate[700],
+  surface: L.slate[50],
+  background: L.white
+}, Ne = {
   prefix: "e-",
   corePlugins: {
     preflight: !1
@@ -3846,7 +3846,21 @@ const R = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: Re
+      colors: Me,
+      maxWidth: {
+        "1/12": "8.333333333%",
+        "2/12": "16.666666666%",
+        "3/12": "25%",
+        "4/12": "33.333333333%",
+        "5/12": "41.666666667%",
+        "6/12": "50%",
+        "7/12": "58.333333334%",
+        "8/12": "66.666666666%",
+        "9/12": "75%",
+        "10/12": "83.333333334%",
+        "11/12": "91.666666666%",
+        "12/12": "100%"
+      }
     },
     fontSize: {
       xs: "0.75rem",
@@ -3868,36 +3882,40 @@ const R = {
   safelist: [
     {
       pattern: /e-w-full/,
-      variants: ["lg", "md", "sm", "xl"]
+      variants: ["lg", "md", "sm", "xs", "xl"]
     },
     {
       pattern: /e-grow/,
-      variants: ["lg", "md", "sm", "xl"]
+      variants: ["lg", "md", "sm", "xs", "xl"]
     },
     {
       pattern: /e-basis-(\d{1,2}\/\d{1,2}|full|auto|0)/,
-      variants: ["lg", "md", "sm", "xl"]
+      variants: ["lg", "md", "sm", "xs", "xl"]
+    },
+    {
+      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", "xl"]
+      variants: ["lg", "md", "sm", "xs", "xl"]
     }
   ]
-}, Se = Me(Ue), Le = Se.theme.fontSize, Ne = Se.theme.colors, pt = [
+}, we = Fe(Ne), Re = we.theme.fontSize, Ue = we.theme.colors, st = [
   w.dot,
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl
-], mt = [
+], ut = [
   w.xs,
   w.sm,
   w.md,
   w.lg,
   w.xl,
   w["2xl"]
-], Be = [
+], Le = [
   w.xs,
   w.sm,
   w.md,
@@ -3912,14 +3930,14 @@ const R = {
   w["7xl"],
   w["8xl"],
   w["9xl"]
-], gt = [
+], ft = [
   M.warning,
   M.error,
   M.info,
   M.success,
   M.primary,
   M.default
-], Ve = V.extend({
+], Be = W.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3937,7 +3955,7 @@ const R = {
   },
   computed: {
     sizes() {
-      return Be.reduce((e, i) => ({
+      return Le.reduce((e, i) => ({
         ...e,
         [i]: `e-text-${i}`
       }), {});
@@ -3957,17 +3975,17 @@ const R = {
 var We = function() {
   var i = this, n = i._self._c;
   return n("div", { staticClass: "e-icon" }, [n("i", { class: i.iconClasses })]);
-}, Ie = [], He = /* @__PURE__ */ W(
-  Ve,
+}, Ve = [], Ie = /* @__PURE__ */ V(
+  Be,
   We,
-  Ie,
+  Ve,
   !1,
   null,
   null,
   null,
   null
 );
-const qe = He.exports, Ge = V.extend({
+const He = Ie.exports, qe = W.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -3993,8 +4011,8 @@ const qe = He.exports, Ge = V.extend({
   },
   data() {
     return {
-      sizes: Le,
-      colors: Ne
+      sizes: Re,
+      colors: Ue
     };
   },
   computed: {
@@ -4029,67 +4047,35 @@ const qe = He.exports, Ge = V.extend({
     }
   }
 });
-var Xe = function() {
+var Ge = 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__ */ W(
+}, Xe = [], Ye = /* @__PURE__ */ V(
+  qe,
   Ge,
   Xe,
-  Ye,
   !1,
   null,
   "29711f67",
   null,
   null
 );
-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({
+const Ke = Ye.exports, Je = W.extend({
   props: {
     align: {
       type: String,
-      default: void 0,
-      validator: Ze
+      default: void 0
     },
     alignContent: {
       type: String,
-      default: void 0,
-      validator: Qe
+      default: void 0
     },
     justify: {
       type: String,
-      default: void 0,
-      validator: tt
+      default: void 0
     },
     noGutters: {
       type: Boolean,
@@ -4126,40 +4112,36 @@ const Je = Ke.exports, Qe = (e) => [
     }
   }
 });
-var nt = function() {
+var Qe = 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,
+}, Ze = [], et = /* @__PURE__ */ V(
+  Je,
+  Qe,
+  Ze,
   !1,
   null,
   null,
   null,
   null
 );
-const ot = at.exports, lt = V.extend({
+const tt = et.exports, rt = W.extend({
   props: {
     alignSelf: {
       type: String,
-      default: "auto",
-      validator: et
+      default: "auto"
     },
     cols: {
       type: [Boolean, String, Number],
-      default: "auto",
-      validator: I
+      default: "auto"
     },
     lg: {
       type: [Boolean, String, Number],
-      default: void 0,
-      validator: I
+      default: void 0
     },
     md: {
       type: [Boolean, String, Number],
-      default: void 0,
-      validator: I
+      default: void 0
     },
     offset: {
       type: [String, Number],
@@ -4177,19 +4159,25 @@ const ot = at.exports, lt = V.extend({
       type: [String, Number],
       default: void 0
     },
+    offsetXs: {
+      type: [String, Number],
+      default: void 0
+    },
     offsetXl: {
       type: [String, Number],
       default: void 0
     },
     sm: {
       type: [Boolean, String, Number],
-      default: void 0,
-      validator: I
+      default: void 0
+    },
+    xs: {
+      type: [Boolean, String, Number],
+      default: void 0
     },
     xl: {
       type: [Boolean, String, Number],
-      default: void 0,
-      validator: I
+      default: void 0
     }
   },
   computed: {
@@ -4201,78 +4189,86 @@ const ot = at.exports, lt = V.extend({
         "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",
+        "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),
+        "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-${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,
+        "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),
+        [`xs:e-offset-${this.offsetXs}`]: this.offsetXs !== void 0,
         [`sm:e-offset-${this.offsetSm}`]: this.offsetSm !== void 0,
-        [`xl:e-offset-${this.offsetXl}`]: this.offsetXl !== void 0
+        [`md:e-offset-${this.offsetMd}`]: this.offsetMd !== void 0,
+        [`lg:e-offset-${this.offsetLg}`]: this.offsetLg !== void 0,
+        [`xl:e-offset-${this.offsetXl}`]: this.offsetXl !== void 0,
+        [`e-offset-${this.offset}`]: this.offset !== void 0
       };
     }
   },
   methods: {
-    isSizePropertyValid(e) {
-      return e !== "auto" && !isNaN(Number.parseInt(e)) && Number.parseInt(e) < 12;
+    isSizePropAuto(e, i = !1) {
+      return e === "auto" || e === 0 || e === "0" || i && !e;
+    },
+    isSizePropertyNumeric(e) {
+      const i = Number.parseInt(e);
+      return e !== "auto" && !isNaN(i) && i >= 1 && i < 12;
     }
   }
 });
-var st = function() {
+var nt = 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,
+  return n("div", i._g(i._b({ staticClass: "e-col", class: i.colClasses }, "div", i.$attrs, !1), i.$listeners), [i._t("default")], 2);
+}, it = [], at = /* @__PURE__ */ V(
+  rt,
+  nt,
+  it,
   !1,
   null,
   null,
   null,
   null
 );
-const ct = ft.exports, ne = {
-  EAvatar: je,
-  EBadge: ie,
-  EIcon: qe,
-  ESpinner: Je,
-  ERow: ot,
-  ECol: ct
-}, ht = {
+const ot = at.exports, re = {
+  EAvatar: Ee,
+  EBadge: ne,
+  EIcon: He,
+  ESpinner: Ke,
+  ERow: tt,
+  ECol: ot
+}, ct = {
   install(e) {
-    Object.keys(ne).forEach((i) => {
-      e.component(i, ne[i]);
+    Object.keys(re).forEach((i) => {
+      e.component(i, re[i]);
     });
   }
 };
 export {
-  mt as AvatarSizes,
-  gt as BadgeColors,
-  pt as BadgeSizes,
+  ut as AvatarSizes,
+  ft as BadgeColors,
+  st as BadgeSizes,
   M as BaseColor,
-  Ne as Colors,
-  je as EAvatar,
-  ie as EBadge,
-  ct as ECol,
-  qe as EIcon,
-  ot as ERow,
-  Je as ESpinner,
-  Be as IconSizes,
+  Ue as Colors,
+  Ee as EAvatar,
+  ne as EBadge,
+  ot as ECol,
+  He as EIcon,
+  tt as ERow,
+  Ke as ESpinner,
+  Le as IconSizes,
   w as Size,
-  Le as TextSizes,
-  ht as default,
-  Se as fullConfig
+  Re as TextSizes,
+  ct as default,
+  we as fullConfig
 };
 //# sourceMappingURL=index.mjs.map