@evercam/ui 0.0.21 → 0.0.22-beta.1

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import U 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 || {}), D = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(D || {});
+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 || {}), j = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(j || {});
 const $e = U.extend({
   name: "EBadge",
   props: {
@@ -9,7 +9,7 @@ const $e = U.extend({
     },
     color: {
       type: String,
-      default: D.default
+      default: j.default
     },
     size: {
       type: String,
@@ -19,12 +19,12 @@ const $e = U.extend({
   data() {
     return {
       colors: {
-        [D.error]: "e-bg-rose-500 e-text-white",
-        [D.info]: "e-bg-cyan-500 e-text-white",
-        [D.warning]: "e-bg-amber-500 e-text-white",
-        [D.primary]: "e-bg-sky-500 e-text-white",
-        [D.default]: "e-bg-slate-300 e-text-white",
-        [D.success]: "e-bg-lime-500 e-text-white"
+        [j.error]: "e-bg-rose-500 e-text-white",
+        [j.info]: "e-bg-cyan-500 e-text-white",
+        [j.warning]: "e-bg-amber-500 e-text-white",
+        [j.primary]: "e-bg-sky-500 e-text-white",
+        [j.default]: "e-bg-slate-300 e-text-white",
+        [j.success]: "e-bg-lime-500 e-text-white"
       },
       sizes: {
         [w.dot]: "e-w-2 e-h-2",
@@ -38,7 +38,7 @@ const $e = U.extend({
   },
   computed: {
     badgeClasses() {
-      const e = this.colors[this.color] || this.colors[D.default], t = this.sizes[this.size] || this.sizes[w.md];
+      const e = this.colors[this.color] || this.colors[j.default], t = this.sizes[this.size] || this.sizes[w.md];
       return [
         "e-flex e-items-center e-justify-center e-rounded-full",
         e,
@@ -50,20 +50,20 @@ const $e = U.extend({
     }
   }
 });
-function W(e, t, r, s, o, l, i, y) {
+function W(e, t, r, o, s, l, i, v) {
   var a = typeof e == "function" ? e.options : e;
-  t && (a.render = t, a.staticRenderFns = r, a._compiled = !0), s && (a.functional = !0), l && (a._scopeId = "data-v-" + l);
+  t && (a.render = t, a.staticRenderFns = r, a._compiled = !0), o && (a.functional = !0), l && (a._scopeId = "data-v-" + l);
   var n;
   if (i ? (n = function(d) {
     d = d || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ != "undefined" && (d = __VUE_SSR_CONTEXT__), o && o.call(this, d), d && d._registeredComponents && d._registeredComponents.add(i);
-  }, a._ssrRegister = n) : o && (n = y ? function() {
-    o.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ != "undefined" && (d = __VUE_SSR_CONTEXT__), s && s.call(this, d), d && d._registeredComponents && d._registeredComponents.add(i);
+  }, a._ssrRegister = n) : s && (n = v ? function() {
+    s.call(
       this,
       (a.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : o), n)
+  } : s), n)
     if (a.functional) {
       a._injectStyles = n;
       var p = a.render;
@@ -108,7 +108,7 @@ const ae = Ae.exports, Fe = U.extend({
     },
     badgeColor: {
       type: String,
-      default: D.error
+      default: j.error
     },
     badgeText: {
       type: String,
@@ -162,10 +162,10 @@ var ze = function() {
   null
 );
 const Le = Te.exports;
-function De(e) {
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = {}, se = {}, J = {};
+var se = {}, oe = {}, J = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -179,16 +179,16 @@ var oe = {}, se = {}, J = {};
     if (r = `${r}`, r === "0")
       return "0";
     if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))
-      return r.replace(/^[+-]?/, (o) => o === "-" ? "" : "-");
-    let s = [
+      return r.replace(/^[+-]?/, (s) => s === "-" ? "" : "-");
+    let o = [
       "var",
       "calc",
       "min",
       "max",
       "clamp"
     ];
-    for (const o of s)
-      if (r.includes(`${o}(`))
+    for (const s of o)
+      if (r.includes(`${s}(`))
         return `calc(${r} * -1)`;
   }
 })(J);
@@ -390,9 +390,9 @@ var ue = {};
       return t;
     }
   });
-  function t(r, s) {
-    return r === void 0 ? s : Array.isArray(r) ? r : [
-      ...new Set(s.filter((l) => r !== !1 && r[l] !== !1).concat(Object.keys(r).filter((l) => r[l] !== !1)))
+  function t(r, o) {
+    return r === void 0 ? o : Array.isArray(r) ? r : [
+      ...new Set(o.filter((l) => r !== !1 && r[l] !== !1).concat(Object.keys(r).filter((l) => r[l] !== !1)))
     ];
   }
 })(ue);
@@ -418,23 +418,23 @@ var de = ee.exports;
       return i;
     },
     default: function() {
-      return y;
+      return v;
     }
   });
-  const r = /* @__PURE__ */ s(de);
-  function s(a) {
+  const r = /* @__PURE__ */ o(de);
+  function o(a) {
     return a && a.__esModule ? a : {
       default: a
     };
   }
-  let o = /* @__PURE__ */ new Set();
+  let s = /* @__PURE__ */ new Set();
   function l(a, n, p) {
-    typeof process != "undefined" && process.env.JEST_WORKER_ID || p && o.has(p) || (p && o.add(p), console.warn(""), n.forEach((g) => console.warn(a, "-", g)));
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || p && s.has(p) || (p && s.add(p), console.warn(""), n.forEach((g) => console.warn(a, "-", g)));
   }
   function i(a) {
     return r.default.dim(a);
   }
-  const y = {
+  const v = {
     info(a, n) {
       l(r.default.bold(r.default.cyan("info")), ...Array.isArray(a) ? [
         a
@@ -467,7 +467,7 @@ var de = ee.exports;
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return s;
     }
   });
   const t = /* @__PURE__ */ r(I);
@@ -476,13 +476,13 @@ var de = ee.exports;
       default: l
     };
   }
-  function s({ version: l, from: i, to: y }) {
+  function o({ version: l, from: i, to: v }) {
     t.default.warn(`${i}-color-renamed`, [
-      `As of Tailwind CSS ${l}, \`${i}\` has been renamed to \`${y}\`.`,
+      `As of Tailwind CSS ${l}, \`${i}\` has been renamed to \`${v}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
-  const o = {
+  const s = {
     inherit: "inherit",
     current: "currentColor",
     transparent: "transparent",
@@ -775,35 +775,35 @@ var de = ee.exports;
       950: "#4c0519"
     },
     get lightBlue() {
-      return s({
+      return o({
         version: "v2.2",
         from: "lightBlue",
         to: "sky"
       }), this.sky;
     },
     get warmGray() {
-      return s({
+      return o({
         version: "v3.0",
         from: "warmGray",
         to: "stone"
       }), this.stone;
     },
     get trueGray() {
-      return s({
+      return o({
         version: "v3.0",
         from: "trueGray",
         to: "neutral"
       }), this.neutral;
     },
     get coolGray() {
-      return s({
+      return o({
         version: "v3.0",
         from: "coolGray",
         to: "gray"
       }), this.gray;
     },
     get blueGray() {
-      return s({
+      return o({
         version: "v3.0",
         from: "blueGray",
         to: "slate"
@@ -821,15 +821,15 @@ var fe = {};
       return t;
     }
   });
-  function t(r, ...s) {
-    for (let i of s) {
-      for (let y in i) {
-        var o;
-        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, y) || (r[y] = i[y]);
+  function t(r, ...o) {
+    for (let i of o) {
+      for (let v in i) {
+        var s;
+        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, v) || (r[v] = i[v]);
       }
-      for (let y of Object.getOwnPropertySymbols(i)) {
+      for (let v of Object.getOwnPropertySymbols(i)) {
         var l;
-        !(r == null || (l = r.hasOwnProperty) === null || l === void 0) && l.call(r, y) || (r[y] = i[y]);
+        !(r == null || (l = r.hasOwnProperty) === null || l === void 0) && l.call(r, v) || (r[v] = i[v]);
       }
     }
     return r;
@@ -848,8 +848,8 @@ var pe = {};
   function t(r) {
     if (Array.isArray(r))
       return r;
-    let s = r.split("[").length - 1, o = r.split("]").length - 1;
-    if (s !== o)
+    let o = r.split("[").length - 1, s = r.split("]").length - 1;
+    if (o !== s)
       throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
@@ -868,7 +868,7 @@ var me = {}, q = {};
   }
   t(e, {
     flagEnabled: function() {
-      return y;
+      return v;
     },
     issueFlagNotices: function() {
       return n;
@@ -877,8 +877,8 @@ var me = {}, q = {};
       return p;
     }
   });
-  const r = /* @__PURE__ */ o(de), s = /* @__PURE__ */ o(I);
-  function o(g) {
+  const r = /* @__PURE__ */ s(de), o = /* @__PURE__ */ s(I);
+  function s(g) {
     return g && g.__esModule ? g : {
       default: g
     };
@@ -904,7 +904,7 @@ var me = {}, q = {};
       "generalizedModifiers"
     ]
   };
-  function y(g, d) {
+  function v(g, d) {
     if (i.future.includes(d)) {
       var C, h, P;
       return g.future === "all" || ((P = (h = g == null || (C = g.future) === null || C === void 0 ? void 0 : C[d]) !== null && h !== void 0 ? h : l[d]) !== null && P !== void 0 ? P : !1);
@@ -924,7 +924,7 @@ var me = {}, q = {};
   function n(g) {
     if (process.env.JEST_WORKER_ID === void 0 && a(g).length > 0) {
       let d = a(g).map((C) => r.default.yellow(C)).join(", ");
-      s.default.warn("experimental-flags-enabled", [
+      o.default.warn("experimental-flags-enabled", [
         `You have enabled experimental features: ${d}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
@@ -941,23 +941,23 @@ var me = {}, q = {};
       return l;
     }
   });
-  const t = q, r = /* @__PURE__ */ o(I);
-  function s(i) {
+  const t = q, r = /* @__PURE__ */ s(I);
+  function o(i) {
     if (typeof WeakMap != "function")
       return null;
-    var y = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
-    return (s = function(n) {
-      return n ? a : y;
+    var v = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
+    return (o = function(n) {
+      return n ? a : v;
     })(i);
   }
-  function o(i, y) {
-    if (!y && i && i.__esModule)
+  function s(i, v) {
+    if (!v && i && i.__esModule)
       return i;
     if (i === null || typeof i != "object" && typeof i != "function")
       return {
         default: i
       };
-    var a = s(y);
+    var a = o(v);
     if (a && a.has(i))
       return a.get(i);
     var n = {}, p = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -1094,8 +1094,8 @@ var ge = {};
   function t(r) {
     if (Object.prototype.toString.call(r) !== "[object Object]")
       return !1;
-    const s = Object.getPrototypeOf(r);
-    return s === null || s === Object.prototype;
+    const o = Object.getPrototypeOf(r);
+    return o === null || o === Object.prototype;
   }
 })(ge);
 var he = {};
@@ -1109,13 +1109,13 @@ var he = {};
     }
   });
   function t(r) {
-    return Array.isArray(r) ? r.map((s) => t(s)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([s, o]) => [
-      s,
-      t(o)
+    return Array.isArray(r) ? r.map((o) => t(o)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([o, s]) => [
+      o,
+      t(s)
     ])) : r;
   }
 })(he);
-var ve = {}, ye = {};
+var ye = {}, ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1128,7 +1128,7 @@ var ve = {}, ye = {};
   function t(r) {
     return r.replace(/\\,/g, "\\2c ");
   }
-})(ye);
+})(ve);
 var te = {}, re = {}, be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -1901,13 +1901,13 @@ var te = {}, re = {}, be = {};
       return C;
     }
   });
-  const r = /* @__PURE__ */ s(be);
-  function s(h) {
+  const r = /* @__PURE__ */ o(be);
+  function o(h) {
     return h && h.__esModule ? h : {
       default: h
     };
   }
-  let o = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, l = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, y = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, n = /var\(--(?:[^ )]*?)\)/, p = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${n.source})(?:${y.source}(${i.source}|${n.source}))?(?:${y.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`), g = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${n.source})(?:${y.source}(${i.source}|${n.source}))?(?:${y.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`);
+  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, l = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, v = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, n = /var\(--(?:[^ )]*?)\)/, p = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${n.source})(?:${v.source}(${i.source}|${n.source}))?(?:${v.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`), g = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${n.source})(?:${v.source}(${i.source}|${n.source}))?(?:${v.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`);
   function d(h, { loose: P = !1 } = {}) {
     var O, z;
     if (typeof h != "string")
@@ -1925,9 +1925,9 @@ var te = {}, re = {}, be = {};
     if (h in r.default)
       return {
         mode: "rgb",
-        color: r.default[h].map((j) => j.toString())
+        color: r.default[h].map((R) => R.toString())
       };
-    let M = h.replace(l, (j, B, V, m, k) => [
+    let M = h.replace(l, (R, B, V, m, k) => [
       "#",
       B,
       B,
@@ -1936,7 +1936,7 @@ var te = {}, re = {}, be = {};
       m,
       m,
       k ? k + k : ""
-    ].join("")).match(o);
+    ].join("")).match(s);
     if (M !== null)
       return {
         mode: "rgb",
@@ -1944,7 +1944,7 @@ var te = {}, re = {}, be = {};
           parseInt(M[1], 16),
           parseInt(M[2], 16),
           parseInt(M[3], 16)
-        ].map((j) => j.toString()),
+        ].map((R) => R.toString()),
         alpha: M[4] ? (parseInt(M[4], 16) / 255).toString() : void 0
       };
     var A;
@@ -1955,14 +1955,14 @@ var te = {}, re = {}, be = {};
       T[2],
       T[3],
       T[4]
-    ].filter(Boolean).map((j) => j.toString());
+    ].filter(Boolean).map((R) => R.toString());
     return L.length === 2 && L[0].startsWith("var(") ? {
       mode: T[1],
       color: [
         L[0]
       ],
       alpha: L[1]
-    } : !P && L.length !== 3 || L.length < 3 && !L.some((j) => /^var\(.*?\)$/.test(j)) ? null : {
+    } : !P && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
       mode: T[1],
       color: L,
       alpha: (O = T[5]) === null || O === void 0 || (z = O.toString) === null || z === void 0 ? void 0 : z.call(O)
@@ -1978,22 +1978,22 @@ var te = {}, re = {}, be = {};
     value: !0
   });
   function t(l, i) {
-    for (var y in i)
-      Object.defineProperty(l, y, {
+    for (var v in i)
+      Object.defineProperty(l, v, {
         enumerable: !0,
-        get: i[y]
+        get: i[v]
       });
   }
   t(e, {
     withAlphaValue: function() {
-      return s;
+      return o;
     },
     default: function() {
-      return o;
+      return s;
     }
   });
   const r = re;
-  function s(l, i, y) {
+  function o(l, i, v) {
     if (typeof l == "function")
       return l({
         opacityValue: i
@@ -2001,21 +2001,21 @@ var te = {}, re = {}, be = {};
     let a = (0, r.parseColor)(l, {
       loose: !0
     });
-    return a === null ? y : (0, r.formatColor)({
+    return a === null ? v : (0, r.formatColor)({
       ...a,
       alpha: i
     });
   }
-  function o({ color: l, property: i, variable: y }) {
+  function s({ color: l, property: i, variable: v }) {
     let a = [].concat(i);
     if (typeof l == "function")
       return {
-        [y]: "1",
+        [v]: "1",
         ...Object.fromEntries(a.map((p) => [
           p,
           l({
-            opacityVariable: y,
-            opacityValue: `var(${y})`
+            opacityVariable: v,
+            opacityValue: `var(${v})`
           })
         ]))
       };
@@ -2027,12 +2027,12 @@ var te = {}, re = {}, be = {};
       p,
       l
     ])) : {
-      [y]: "1",
+      [v]: "1",
       ...Object.fromEntries(a.map((p) => [
         p,
         (0, r.formatColor)({
           ...n,
-          alpha: `var(${y})`
+          alpha: `var(${v})`
         })
       ]))
     };
@@ -2048,11 +2048,11 @@ var ne = {}, xe = {}, G = {};
       return t;
     }
   });
-  function t(r, s) {
-    let o = [], l = [], i = 0, y = !1;
+  function t(r, o) {
+    let s = [], l = [], i = 0, v = !1;
     for (let a = 0; a < r.length; a++) {
       let n = r[a];
-      o.length === 0 && n === s[0] && !y && (s.length === 1 || r.slice(a, a + s.length) === s) && (l.push(r.slice(i, a)), i = a + s.length), y ? y = !1 : n === "\\" && (y = !0), n === "(" || n === "[" || n === "{" ? o.push(n) : (n === ")" && o[o.length - 1] === "(" || n === "]" && o[o.length - 1] === "[" || n === "}" && o[o.length - 1] === "{") && o.pop();
+      s.length === 0 && n === o[0] && !v && (o.length === 1 || r.slice(a, a + o.length) === o) && (l.push(r.slice(i, a)), i = a + o.length), v ? v = !1 : n === "\\" && (v = !0), n === "(" || n === "[" || n === "{" ? s.push(n) : (n === ")" && s[s.length - 1] === "(" || n === "]" && s[s.length - 1] === "[" || n === "}" && s[s.length - 1] === "{") && s.pop();
     }
     return l.push(r.slice(i)), l;
   }
@@ -2073,28 +2073,28 @@ var ne = {}, xe = {}, G = {};
       return i;
     },
     formatBoxShadowValue: function() {
-      return y;
+      return v;
     }
   });
   const r = G;
-  let s = /* @__PURE__ */ new Set([
+  let o = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
     "initial",
     "revert",
     "unset"
-  ]), o = /\ +(?![^(]*\))/g, l = /^-?(\d+|\.\d+)(.*?)$/g;
+  ]), s = /\ +(?![^(]*\))/g, l = /^-?(\d+|\.\d+)(.*?)$/g;
   function i(a) {
     return (0, r.splitAtTopLevelOnly)(a, ",").map((p) => {
       let g = p.trim(), d = {
         raw: g
-      }, C = g.split(o), h = /* @__PURE__ */ new Set();
+      }, C = g.split(s), h = /* @__PURE__ */ new Set();
       for (let P of C)
-        l.lastIndex = 0, !h.has("KEYWORD") && s.has(P) ? (d.keyword = P, h.add("KEYWORD")) : l.test(P) ? h.has("X") ? h.has("Y") ? h.has("BLUR") ? h.has("SPREAD") || (d.spread = P, h.add("SPREAD")) : (d.blur = P, h.add("BLUR")) : (d.y = P, h.add("Y")) : (d.x = P, h.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push(P)) : d.color = P;
+        l.lastIndex = 0, !h.has("KEYWORD") && o.has(P) ? (d.keyword = P, h.add("KEYWORD")) : l.test(P) ? h.has("X") ? h.has("Y") ? h.has("BLUR") ? h.has("SPREAD") || (d.spread = P, h.add("SPREAD")) : (d.blur = P, h.add("BLUR")) : (d.y = P, h.add("Y")) : (d.x = P, h.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push(P)) : d.color = P;
       return d.valid = d.x !== void 0 && d.y !== void 0, d;
     });
   }
-  function y(a) {
+  function v(a) {
     return a.map((n) => n.valid ? [
       n.keyword,
       n.x,
@@ -2163,7 +2163,7 @@ var ne = {}, xe = {}, G = {};
       return S;
     }
   });
-  const r = re, s = xe, o = G;
+  const r = re, o = xe, s = G;
   let l = [
     "min",
     "max",
@@ -2173,14 +2173,14 @@ var ne = {}, xe = {}, G = {};
   function i(u) {
     return l.some((x) => new RegExp(`^${x}\\(.*\\)`).test(u));
   }
-  const y = "--tw-placeholder", a = new RegExp(y, "g");
+  const v = "--tw-placeholder", a = new RegExp(v, "g");
   function n(u, x = !0) {
     return u.startsWith("--") ? `var(${u})` : u.includes("url(") ? u.split(/(url\(.*?\))/g).filter(Boolean).map((E) => /^url\(.*?\)$/.test(E) ? E : n(E, !1)).join("") : (u = u.replace(/([^\\])_+/g, (E, $) => $ + " ".repeat(E.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), x && (u = u.trim()), u = p(u), u);
   }
   function p(u) {
     return u.replace(/(calc|min|max|clamp)\(.+\)/g, (x) => {
       let E = [];
-      return x.replace(/var\((--.+?)[,)]/g, ($, H) => (E.push(H), $.replace(H, y))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => E.shift());
+      return x.replace(/var\((--.+?)[,)]/g, ($, H) => (E.push(H), $.replace(H, v))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => E.shift());
     });
   }
   function g(u) {
@@ -2237,7 +2237,7 @@ var ne = {}, xe = {}, G = {};
     return z.has(u);
   }
   function A(u) {
-    let x = (0, s.parseBoxShadowValue)(n(u));
+    let x = (0, o.parseBoxShadowValue)(n(u));
     for (let E of x)
       if (!E.valid)
         return !1;
@@ -2245,20 +2245,20 @@ var ne = {}, xe = {}, G = {};
   }
   function T(u) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : (0, r.parseColor)($, {
+    return (0, s.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : (0, r.parseColor)($, {
       loose: !0
     }) !== null ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   function L(u) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : g($) || B($) || [
+    return (0, s.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : g($) || B($) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
     ].some((H) => $.startsWith(H)) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  let j = /* @__PURE__ */ new Set([
+  let R = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2268,7 +2268,7 @@ var ne = {}, xe = {}, G = {};
   ]);
   function B(u) {
     u = n(u);
-    for (let x of j)
+    for (let x of R)
       if (u.startsWith(`${x}(`))
         return !0;
     return !1;
@@ -2282,11 +2282,11 @@ var ne = {}, xe = {}, G = {};
   ]);
   function m(u) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : V.has($) || O($) || C($) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : V.has($) || O($) || C($) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   function k(u) {
     let x = 0;
-    return (0, o.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : $.includes(" ") && !/(['"])([^"']+)\1/g.test($) || /^\d/g.test($) ? !1 : (x++, !0))) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : $.includes(" ") && !/(['"])([^"']+)\1/g.test($) || /^\d/g.test($) ? !1 : (x++, !0))) ? x > 0 : !1;
   }
   let _ = /* @__PURE__ */ new Set([
     "serif",
@@ -2306,7 +2306,7 @@ var ne = {}, xe = {}, G = {};
   function c(u) {
     return _.has(u);
   }
-  let v = /* @__PURE__ */ new Set([
+  let y = /* @__PURE__ */ new Set([
     "xx-small",
     "x-small",
     "small",
@@ -2317,7 +2317,7 @@ var ne = {}, xe = {}, G = {};
     "xxx-large"
   ]);
   function b(u) {
-    return v.has(u);
+    return y.has(u);
   }
   let f = /* @__PURE__ */ new Set([
     "larger",
@@ -2334,18 +2334,18 @@ var _e = {};
   }), Object.defineProperty(e, "backgroundSize", {
     enumerable: !0,
     get: function() {
-      return s;
+      return o;
     }
   });
   const t = ne, r = G;
-  function s(o) {
+  function o(s) {
     let l = [
       "cover",
       "contain"
     ];
-    return (0, r.splitAtTopLevelOnly)(o, ",").every((i) => {
-      let y = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
-      return y.length === 1 && l.includes(y[0]) ? !0 : y.length !== 1 && y.length !== 2 ? !1 : y.every((a) => (0, t.length)(a) || (0, t.percentage)(a) || a === "auto");
+    return (0, r.splitAtTopLevelOnly)(s, ",").every((i) => {
+      let v = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
+      return v.length === 1 && l.includes(v[0]) ? !0 : v.length !== 1 && v.length !== 2 ? !1 : v.every((a) => (0, t.length)(a) || (0, t.percentage)(a) || a === "auto");
     });
   }
 })(_e);
@@ -2386,7 +2386,7 @@ var _e = {};
       return V;
     }
   });
-  const r = /* @__PURE__ */ a(ye), s = te, o = ne, l = /* @__PURE__ */ a(J), i = _e, y = q;
+  const r = /* @__PURE__ */ a(ve), o = te, s = ne, l = /* @__PURE__ */ a(J), i = _e, v = q;
   function a(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -2402,21 +2402,21 @@ var _e = {};
       return;
     let _ = m.slice(1, -1);
     if (k(_))
-      return (0, o.normalize)(_);
+      return (0, s.normalize)(_);
   }
   function g(m, k = {}, _) {
     let c = k[m];
     if (c !== void 0)
       return (0, l.default)(c);
     if (C(m)) {
-      let v = p(m, _);
-      return v === void 0 ? void 0 : (0, l.default)(v);
+      let y = p(m, _);
+      return y === void 0 ? void 0 : (0, l.default)(y);
     }
   }
   function d(m, k = {}, { validate: _ = () => !0 } = {}) {
     var c;
-    let v = (c = k.values) === null || c === void 0 ? void 0 : c[m];
-    return v !== void 0 ? v : k.supportsNegativeValues && m.startsWith("-") ? g(m.slice(1), k.values, _) : p(m, _);
+    let y = (c = k.values) === null || c === void 0 ? void 0 : c[m];
+    return y !== void 0 ? y : k.supportsNegativeValues && m.startsWith("-") ? g(m.slice(1), k.values, _) : p(m, _);
   }
   function C(m) {
     return m.startsWith("[") && m.endsWith("]");
@@ -2442,22 +2442,22 @@ var _e = {};
     return m;
   }
   function O(m) {
-    return (0, o.normalize)(m.slice(1, -1));
+    return (0, s.normalize)(m.slice(1, -1));
   }
   function z(m, k = {}, { tailwindConfig: _ = {} } = {}) {
     var c;
     if (((c = k.values) === null || c === void 0 ? void 0 : c[m]) !== void 0) {
-      var v;
-      return P((v = k.values) === null || v === void 0 ? void 0 : v[m]);
+      var y;
+      return P((y = k.values) === null || y === void 0 ? void 0 : y[m]);
     }
     let [b, f] = h(m);
     if (f !== void 0) {
       var S, u, x, E;
       let $ = (E = (S = k.values) === null || S === void 0 ? void 0 : S[b]) !== null && E !== void 0 ? E : C(b) ? b.slice(1, -1) : void 0;
-      return $ === void 0 ? void 0 : ($ = P($), C(f) ? (0, s.withAlphaValue)($, O(f)) : ((u = _.theme) === null || u === void 0 || (x = u.opacity) === null || x === void 0 ? void 0 : x[f]) === void 0 ? void 0 : (0, s.withAlphaValue)($, _.theme.opacity[f]));
+      return $ === void 0 ? void 0 : ($ = P($), C(f) ? (0, o.withAlphaValue)($, O(f)) : ((u = _.theme) === null || u === void 0 || (x = u.opacity) === null || x === void 0 ? void 0 : x[f]) === void 0 ? void 0 : (0, o.withAlphaValue)($, _.theme.opacity[f]));
     }
     return d(m, k, {
-      validate: o.color
+      validate: s.color
     });
   }
   function M(m, k = {}) {
@@ -2472,22 +2472,22 @@ var _e = {};
   let T = {
     any: d,
     color: z,
-    url: A(o.url),
-    image: A(o.image),
-    length: A(o.length),
-    percentage: A(o.percentage),
-    position: A(o.position),
+    url: A(s.url),
+    image: A(s.image),
+    length: A(s.length),
+    percentage: A(s.percentage),
+    position: A(s.position),
     lookup: M,
-    "generic-name": A(o.genericName),
-    "family-name": A(o.familyName),
-    number: A(o.number),
-    "line-width": A(o.lineWidth),
-    "absolute-size": A(o.absoluteSize),
-    "relative-size": A(o.relativeSize),
-    shadow: A(o.shadow),
+    "generic-name": A(s.genericName),
+    "family-name": A(s.familyName),
+    number: A(s.number),
+    "line-width": A(s.lineWidth),
+    "absolute-size": A(s.absoluteSize),
+    "relative-size": A(s.relativeSize),
+    shadow: A(s.shadow),
     size: A(i.backgroundSize)
   }, L = Object.keys(T);
-  function j(m, k) {
+  function R(m, k) {
     let _ = m.indexOf(k);
     return _ === -1 ? [
       void 0,
@@ -2511,7 +2511,7 @@ var _e = {};
           ];
       }
     if (C(k)) {
-      let b = k.slice(1, -1), [f, S] = j(b, ":");
+      let b = k.slice(1, -1), [f, S] = R(b, ":");
       if (!/^[\w-_]+$/g.test(f))
         S = b;
       else if (f !== void 0 && !L.includes(f))
@@ -2523,14 +2523,14 @@ var _e = {};
           null
         ];
     }
-    let v = V(m, k, _, c);
-    for (let b of v)
+    let y = V(m, k, _, c);
+    for (let b of y)
       return b;
     return [];
   }
   function* V(m, k, _, c) {
-    let v = (0, y.flagEnabled)(c, "generalizedModifiers"), [b, f] = h(k);
-    if (v && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (f && C(f) || f in _.modifiers)) || (b = k, f = void 0), f !== void 0 && b === "" && (b = "DEFAULT"), f !== void 0 && typeof _.modifiers == "object") {
+    let y = (0, v.flagEnabled)(c, "generalizedModifiers"), [b, f] = h(k);
+    if (y && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (f && C(f) || f in _.modifiers)) || (b = k, f = void 0), f !== void 0 && b === "" && (b = "DEFAULT"), f !== void 0 && typeof _.modifiers == "object") {
       var u, x;
       let E = (x = (u = _.modifiers) === null || u === void 0 ? void 0 : u[f]) !== null && x !== void 0 ? x : null;
       E !== null ? f = E : C(f) && (f = O(f));
@@ -2546,7 +2546,7 @@ var _e = {};
       ]);
     }
   }
-})(ve);
+})(ye);
 var we = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -2570,7 +2570,7 @@ var we = {};
       return _;
     }
   });
-  const t = /* @__PURE__ */ C(J), r = /* @__PURE__ */ C(le), s = /* @__PURE__ */ C(ue), o = /* @__PURE__ */ C(Q), l = fe, i = pe, y = me, a = /* @__PURE__ */ C(ge), n = he, p = ve, g = te, d = /* @__PURE__ */ C(we);
+  const t = /* @__PURE__ */ C(J), r = /* @__PURE__ */ C(le), o = /* @__PURE__ */ C(ue), s = /* @__PURE__ */ C(Q), l = fe, i = pe, v = me, a = /* @__PURE__ */ C(ge), n = he, p = ye, g = te, d = /* @__PURE__ */ C(we);
   function C(c) {
     return c && c.__esModule ? c : {
       default: c
@@ -2579,9 +2579,9 @@ var we = {};
   function h(c) {
     return typeof c == "function";
   }
-  function P(c, ...v) {
-    let b = v.pop();
-    for (let f of v)
+  function P(c, ...y) {
+    let b = y.pop();
+    for (let f of y)
       for (let S in f) {
         let u = b(c[S], f[S]);
         u === void 0 ? (0, a.default)(c[S]) && (0, a.default)(f[S]) ? c[S] = P({}, c[S], f[S], b) : c[S] = f[S] : c[S] = u;
@@ -2589,25 +2589,25 @@ var we = {};
     return c;
   }
   const O = {
-    colors: o.default,
+    colors: s.default,
     negative(c) {
-      return Object.keys(c).filter((v) => c[v] !== "0").reduce((v, b) => {
+      return Object.keys(c).filter((y) => c[y] !== "0").reduce((y, b) => {
         let f = (0, t.default)(c[b]);
-        return f !== void 0 && (v[`-${b}`] = f), v;
+        return f !== void 0 && (y[`-${b}`] = f), y;
       }, {});
     },
     breakpoints(c) {
-      return Object.keys(c).filter((v) => typeof c[v] == "string").reduce((v, b) => ({
-        ...v,
+      return Object.keys(c).filter((y) => typeof c[y] == "string").reduce((y, b) => ({
+        ...y,
         [`screen-${b}`]: c[b]
       }), {});
     }
   };
-  function z(c, ...v) {
-    return h(c) ? c(...v) : c;
+  function z(c, ...y) {
+    return h(c) ? c(...y) : c;
   }
   function M(c) {
-    return c.reduce((v, { extend: b }) => P(v, b, (f, S) => f === void 0 ? [
+    return c.reduce((y, { extend: b }) => P(y, b, (f, S) => f === void 0 ? [
       S
     ] : Array.isArray(f) ? [
       S,
@@ -2619,32 +2619,32 @@ var we = {};
   }
   function A(c) {
     return {
-      ...c.reduce((v, b) => (0, l.defaults)(v, b), {}),
+      ...c.reduce((y, b) => (0, l.defaults)(y, b), {}),
       // 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: M(c)
     };
   }
-  function T(c, v) {
+  function T(c, y) {
     if (Array.isArray(c) && (0, a.default)(c[0]))
-      return c.concat(v);
-    if (Array.isArray(v) && (0, a.default)(v[0]) && (0, a.default)(c))
+      return c.concat(y);
+    if (Array.isArray(y) && (0, a.default)(y[0]) && (0, a.default)(c))
       return [
         c,
-        ...v
+        ...y
       ];
-    if (Array.isArray(v))
-      return v;
+    if (Array.isArray(y))
+      return y;
   }
-  function L({ extend: c, ...v }) {
-    return P(v, c, (b, f) => !h(b) && !f.some(h) ? P({}, b, ...f, T) : (S, u) => P({}, ...[
+  function L({ extend: c, ...y }) {
+    return P(y, c, (b, f) => !h(b) && !f.some(h) ? P({}, b, ...f, T) : (S, u) => P({}, ...[
       b,
       ...f
     ].map((x) => z(x, S, u)), T));
   }
-  function* j(c) {
-    let v = (0, i.toPath)(c);
-    if (v.length === 0 || (yield v, Array.isArray(c)))
+  function* R(c) {
+    let y = (0, i.toPath)(c);
+    if (y.length === 0 || (yield y, Array.isArray(c)))
       return;
     let b = /^(.*?)\s*\/\s*([^/]+)$/, f = c.match(b);
     if (f !== null) {
@@ -2653,11 +2653,11 @@ var we = {};
     }
   }
   function B(c) {
-    const v = (b, f) => {
-      for (const S of j(b)) {
+    const y = (b, f) => {
+      for (const S of R(b)) {
         let u = 0, x = c;
         for (; x != null && u < S.length; )
-          x = x[S[u++]], x = h(x) && (S.alpha === void 0 || u <= S.length - 1) ? x(v, O) : x;
+          x = x[S[u++]], x = h(x) && (S.alpha === void 0 || u <= S.length - 1) ? x(y, O) : x;
         if (x !== void 0) {
           if (S.alpha !== void 0) {
             let E = (0, p.parseColorFormat)(x);
@@ -2668,16 +2668,16 @@ var we = {};
       }
       return f;
     };
-    return Object.assign(v, {
-      theme: v,
+    return Object.assign(y, {
+      theme: y,
       ...O
-    }), Object.keys(c).reduce((b, f) => (b[f] = h(c[f]) ? c[f](v, O) : c[f], b), {});
+    }), Object.keys(c).reduce((b, f) => (b[f] = h(c[f]) ? c[f](y, O) : c[f], b), {});
   }
   function V(c) {
-    let v = [];
+    let y = [];
     return c.forEach((b) => {
-      v = [
-        ...v,
+      y = [
+        ...y,
         b
       ];
       var f;
@@ -2685,21 +2685,21 @@ var we = {};
       S.length !== 0 && S.forEach((u) => {
         u.__isOptionsFunction && (u = u());
         var x;
-        v = [
-          ...v,
+        y = [
+          ...y,
           ...V([
             (x = u == null ? void 0 : u.config) !== null && x !== void 0 ? x : {}
           ])
         ];
       });
-    }), v;
+    }), y;
   }
   function m(c) {
     return [
       ...c
     ].reduceRight((b, f) => h(f) ? f({
       corePlugins: b
-    }) : (0, s.default)(f, b), r.default);
+    }) : (0, o.default)(f, b), r.default);
   }
   function k(c) {
     return [
@@ -2710,7 +2710,7 @@ var we = {};
     ], []);
   }
   function _(c) {
-    let v = [
+    let y = [
       ...V(c),
       {
         prefix: "",
@@ -2719,14 +2719,14 @@ var we = {};
       }
     ];
     var b, f;
-    return (0, y.normalizeConfig)((0, l.defaults)({
-      theme: B(L(A(v.map((S) => (b = S == null ? void 0 : S.theme) !== null && b !== void 0 ? b : {})))),
-      corePlugins: m(v.map((S) => S.corePlugins)),
+    return (0, v.normalizeConfig)((0, l.defaults)({
+      theme: B(L(A(y.map((S) => (b = S == null ? void 0 : S.theme) !== null && b !== void 0 ? b : {})))),
+      corePlugins: m(y.map((S) => S.corePlugins)),
       plugins: k(c.map((S) => (f = S == null ? void 0 : S.plugins) !== null && f !== void 0 ? f : []))
-    }, ...v));
+    }, ...y));
   }
-})(se);
-var Ce = {}, Re = {
+})(oe);
+var Ce = {}, De = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3723,20 +3723,20 @@ var Ce = {}, Re = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return s;
     }
   });
-  const t = /* @__PURE__ */ s(Re), r = q;
-  function s(l) {
+  const t = /* @__PURE__ */ o(De), r = q;
+  function o(l) {
     return l && l.__esModule ? l : {
       default: l
     };
   }
-  function o(l) {
+  function s(l) {
     var i;
-    const y = ((i = l == null ? void 0 : l.presets) !== null && i !== void 0 ? i : [
+    const v = ((i = l == null ? void 0 : l.presets) !== null && i !== void 0 ? i : [
       t.default
-    ]).slice().reverse().flatMap((p) => o(p instanceof Function ? p() : p)), a = {
+    ]).slice().reverse().flatMap((p) => s(p instanceof Function ? p() : p)), a = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
@@ -3760,7 +3760,7 @@ var Ce = {}, Re = {
     return [
       l,
       ...n,
-      ...y
+      ...v
     ];
   }
 })(Ce);
@@ -3770,28 +3770,28 @@ var Ce = {}, Re = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return s;
     }
   });
-  const t = /* @__PURE__ */ s(se), r = /* @__PURE__ */ s(Ce);
-  function s(l) {
+  const t = /* @__PURE__ */ o(oe), r = /* @__PURE__ */ o(Ce);
+  function o(l) {
     return l && l.__esModule ? l : {
       default: l
     };
   }
-  function o(...l) {
+  function s(...l) {
     let [, ...i] = (0, r.default)(l[0]);
     return (0, t.default)([
       ...l,
       ...i
     ]);
   }
-})(oe);
-let X = oe;
-var je = (X.__esModule ? X : { default: X }).default;
-const Ve = /* @__PURE__ */ De(je);
-let K = Q;
-var N = (K.__esModule ? K : { default: K }).default;
+})(se);
+let X = se;
+var Re = (X.__esModule ? X : { default: X }).default;
+const Ve = /* @__PURE__ */ je(Re);
+let Y = Q;
+var N = (Y.__esModule ? Y : { default: Y }).default;
 const Ne = {
   50: "#FCE3E4",
   100: "#F9CDCE",
@@ -3803,7 +3803,7 @@ const Ne = {
   700: "#770D11",
   800: "#4E090B",
   900: "#290506"
-}, R = {
+}, D = {
   onprimary: N.white,
   warning: N.amber,
   error: N.rose,
@@ -3812,27 +3812,27 @@ const Ne = {
   primary: N.sky,
   brand: Ne
 }, Be = {
-  ...R,
+  ...D,
   // Warning
-  warning: R.warning[500],
-  "warning-darken": R.warning[600],
-  "warning-lighten": R.warning[400],
+  warning: D.warning[500],
+  "warning-darken": D.warning[600],
+  "warning-lighten": D.warning[400],
   // Success
-  success: R.success[500],
-  "success-darken": R.success[600],
-  "success-lighten": R.success[400],
+  success: D.success[500],
+  "success-darken": D.success[600],
+  "success-lighten": D.success[400],
   // Error
-  error: R.error[500],
-  "error-darken": R.error[600],
-  "error-lighten": R.error[400],
+  error: D.error[500],
+  "error-darken": D.error[600],
+  "error-lighten": D.error[400],
   // Info
-  info: R.info[500],
-  "info-darken": R.info[600],
-  "info-lighten": R.info[400],
+  info: D.info[500],
+  "info-darken": D.info[600],
+  "info-lighten": D.info[400],
   // Primary
-  primary: R.primary[500],
-  "primary-darken": R.primary[600],
-  "primary-lighten": R.primary[400],
+  primary: D.primary[500],
+  "primary-darken": D.primary[600],
+  "primary-lighten": D.primary[400],
   // Surfaces
   onsurface: N.slate[500],
   onbackground: N.slate[700],
@@ -3907,7 +3907,8 @@ const Ne = {
       pattern: /e-self-(start|center|end|baseline|stretch)/
     },
     {
-      pattern: /e-justify-(around|between|center|end|evenly|normal|start|stretch)/
+      pattern: /e-justify-(around|between|center|end|evenly|normal|start|stretch)/,
+      variants: ["lg", "md", "sm", "xs", "xl"]
     },
     {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
@@ -3943,12 +3944,12 @@ const Ne = {
   w["8xl"],
   w["9xl"]
 ], wt = [
-  D.warning,
-  D.error,
-  D.info,
-  D.success,
-  D.primary,
-  D.default
+  j.warning,
+  j.error,
+  j.info,
+  j.success,
+  j.primary,
+  j.default
 ], Ct = [
   "play",
   "pause",
@@ -3969,7 +3970,7 @@ const Ne = {
     },
     color: {
       type: String,
-      default: D.default
+      default: j.default
     },
     size: {
       type: String,
@@ -3984,8 +3985,8 @@ const Ne = {
       }), {});
     },
     iconClasses() {
-      var s, o;
-      const e = this.sizes[this.size] || this.sizes[w.sm], t = `${((o = (s = this.icon) == null ? void 0 : s.split(" ")) == null ? void 0 : o.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
+      var o, s;
+      const e = this.sizes[this.size] || this.sizes[w.sm], t = `${((s = (o = this.icon) == null ? void 0 : o.split(" ")) == null ? void 0 : s.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
       return [
         "e-inline-flex e-items-center e-justify-center e-rounded-full",
         this.color,
@@ -3998,7 +3999,7 @@ const Ne = {
 var Ge = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, Xe = [], Ke = /* @__PURE__ */ W(
+}, Xe = [], Ye = /* @__PURE__ */ W(
   qe,
   Ge,
   Xe,
@@ -4008,7 +4009,7 @@ var Ge = function() {
   null,
   null
 );
-const Ye = Ke.exports, Ze = U.extend({
+const Ke = Ye.exports, Ze = U.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4100,18 +4101,48 @@ const ke = et.exports, tt = U.extend({
       type: String,
       default: void 0
     },
+    justifyXs: {
+      type: String,
+      default: void 0
+    },
+    justifySm: {
+      type: String,
+      default: void 0
+    },
+    justifyMd: {
+      type: String,
+      default: void 0
+    },
+    justifyLg: {
+      type: String,
+      default: void 0
+    },
+    justifyXl: {
+      type: String,
+      default: void 0
+    },
     noGutters: {
       type: Boolean,
       default: !1
     }
   },
   computed: {
+    justifyClasses() {
+      return {
+        [`e-justify-${this.justify}`]: !!this.justify,
+        [`xs:e-justify-${this.justifySm}`]: !!this.justifySm,
+        [`sm:e-justify-${this.justifySm}`]: !!this.justifySm,
+        [`md:e-justify-${this.justifyMd}`]: !!this.justifyMd,
+        [`lg:e-justify-${this.justifyLg}`]: !!this.justifyLg,
+        [`xl:e-justify-${this.justifyXl}`]: !!this.justifyXl
+      };
+    },
     rowClasses() {
       return {
         ...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 } : {}
+        ...this.noGutters ? { "e-row--no-gutters": !0 } : {},
+        ...this.justifyClasses
       };
     }
   }
@@ -4129,7 +4160,7 @@ var rt = function() {
   null,
   null
 );
-const at = it.exports, ot = U.extend({
+const at = it.exports, st = U.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4233,12 +4264,12 @@ const at = it.exports, ot = U.extend({
     }
   }
 });
-var st = function() {
+var ot = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
 }, lt = [], ut = /* @__PURE__ */ W(
-  ot,
   st,
+  ot,
   lt,
   !1,
   null,
@@ -4248,8 +4279,7 @@ var st = function() {
 );
 const ct = ut.exports;
 function Pe() {
-  const e = document;
-  return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
+  return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 }
 function dt(e) {
   if (Pe())
@@ -4275,7 +4305,7 @@ function ft() {
   if (document.msExitFullscreen)
     return document.msExitFullscreen();
 }
-const Y = new Intl.NumberFormat(void 0, {
+const K = new Intl.NumberFormat(void 0, {
   minimumIntegerDigits: 2
 }), pt = [
   "play",
@@ -4289,15 +4319,14 @@ const Y = new Intl.NumberFormat(void 0, {
   "canplaythrough",
   "statechanged"
 ], Z = (e) => {
-  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, s = Math.floor(e / 3600);
-  return s === 0 ? `${r}:${Y.format(t)}` : `${s}:${Y.format(
+  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, o = Math.floor(e / 3600);
+  return o === 0 ? `${r}:${K.format(t)}` : `${o}:${K.format(
     r
-  )}:${Y.format(t)}`;
+  )}:${K.format(t)}`;
 }, mt = U.extend({
   name: "VideoPlayer",
   components: {
     ESpinner: ke
-    // VideoTrack
   },
   props: {
     sources: {
@@ -4315,7 +4344,6 @@ const Y = new Intl.NumberFormat(void 0, {
   },
   data() {
     return {
-      isSeeking: !1,
       playing: !1,
       percentagePlayed: 0,
       videoMuted: !1,
@@ -4389,11 +4417,11 @@ const Y = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player, r = this.$refs.timelineContainer;
       t.addEventListener(
         e,
-        (s) => {
+        (o) => {
           e === "loadeddata" && (this.videoLength = Z(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
             "--progress-position",
             this.percentagePlayed.toString()
-          )), this.$emit(e, { event: s, player: this });
+          )), this.$emit(e, { event: o, player: this });
         },
         !0
       );
@@ -4401,12 +4429,6 @@ const Y = new Intl.NumberFormat(void 0, {
     handleFullscreenChange() {
       document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement || window.innerWidth == screen.width && window.innerHeight == screen.height ? this.isFullscreen = !0 : this.isFullscreen = !1;
     },
-    seeking() {
-      this.seeking = !0;
-    },
-    seeked() {
-      this.seeking = !1;
-    },
     isLooped() {
       return this.$refs.player.loop;
     },
@@ -4447,21 +4469,6 @@ const Y = new Intl.NumberFormat(void 0, {
     convertTimeToDuration(e) {
       return [parseInt(e / 60 % 60, 10), parseInt(e % 60, 10)].join(":").replace(/\b(\d)\b/g, "0$1");
     },
-    // buffering() {
-    //   const playerRef = this.$refs.player as HTMLVideoElement
-    //   const timelineContainer = this.$refs.timelineContainer as HTMLDivElement
-    //   const bufferEnd = playerRef.buffered.end(playerRef.buffered.length - 1)
-    //   const duration = playerRef.duration
-    //   if (duration > 0) {
-    //     const value = (bufferEnd / duration) * 100
-    //     console.log({ bufferedValue: value })
-    //     this.bufferingValue = value
-    //     timelineContainer.style.setProperty(
-    //       "--preview-position",
-    //       value.toString()
-    //     )
-    //   }
-    // },
     mute() {
       if (this.$refs.player) {
         const e = this.$refs.player;
@@ -4515,29 +4522,29 @@ const Y = new Intl.NumberFormat(void 0, {
     },
     handleTimelineUpdate(e) {
       const t = this.$refs.player;
-      if (document.body.contains(t)) {
-        const r = this.$refs.timelineContainer, s = r.getBoundingClientRect(), o = Math.min(Math.max(0, e.x - s.x), s.width) / s.width;
-        r.style.setProperty(
-          "--preview-position",
-          o.toString()
-        ), this.isScrubbing && (e.preventDefault(), r.style.setProperty(
-          "--progress-position",
-          o.toString()
-        ));
-      }
+      if (!document.body.contains(t))
+        return;
+      const r = this.$refs.timelineContainer, o = r.getBoundingClientRect(), s = Math.min(Math.max(0, e.x - o.x), o.width) / o.width;
+      r.style.setProperty(
+        "--preview-position",
+        s.toString()
+      ), this.isScrubbing && (e.preventDefault(), r.style.setProperty(
+        "--progress-position",
+        s.toString()
+      ));
     },
     skip(e = 5) {
       const t = this.$refs.player;
       t.currentTime += e;
     },
     async toggleScrubbing(e) {
-      const t = this.$refs.timelineContainer, r = this.$refs.videoContainer, s = this.$refs.player;
-      if (s) {
-        const o = t.getBoundingClientRect(), l = Math.min(Math.max(0, e.x - o.x), o.width) / o.width;
+      const t = this.$refs.timelineContainer, r = this.$refs.videoContainer, o = this.$refs.player;
+      if (o) {
+        const s = t.getBoundingClientRect(), l = Math.min(Math.max(0, e.x - s.x), s.width) / s.width;
         if (this.isScrubbing = (e.buttons & 1) === 1, r.classList.toggle("scrubbing", this.isScrubbing), this.isScrubbing)
-          this.wasPaused = s.paused, await s.pause(), this.handleTimelineUpdate(e);
-        else if (this.realtime = l * this.videoDuration, s.currentTime = l * this.videoDuration, !this.wasPaused) {
-          const i = s.play();
+          this.wasPaused = o.paused, await o.pause(), this.handleTimelineUpdate(e);
+        else if (this.realtime = l * this.videoDuration, o.currentTime = l * this.videoDuration, !this.wasPaused) {
+          const i = o.play();
           i !== void 0 && i.then(() => this.handleTimelineUpdate(e)).catch(console.error);
         }
       }
@@ -4585,36 +4592,36 @@ const Y = new Intl.NumberFormat(void 0, {
 });
 var gt = function() {
   var t = this, r = t._self._c;
-  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [t.hasMultipleSources ? r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto", volume: t.volume }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), t._l(t.sources, function(s) {
-    return r("source", { key: s.src, attrs: { src: s.src, type: s.type } });
+  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [t.hasMultipleSources ? r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto", volume: t.volume }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), t._l(t.sources, function(o) {
+    return r("source", { key: o.src, attrs: { src: o.src, type: o.type } });
   }), 0) : r("video", t._g(t._b({ ref: "player", attrs: { src: t.sources, controls: !1, preload: "auto", volume: t.volume }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners)), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), t.withControls ? t._e() : t._t("controls", function() {
-    return [r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn", attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }, [t.playing ? r("svg", { staticClass: "pause-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M14,19H18V5H14M6,19H10V5H6V19Z" } })]) : r("svg", { staticClass: "play-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M8,5.14V19.14L19,12.14L8,5.14Z" } })])]), r("button", { staticClass: "fsBtn fa fa-fast-backward", on: { click: function(s) {
+    return [r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn", attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }, [t.playing ? r("svg", { staticClass: "pause-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M14,19H18V5H14M6,19H10V5H6V19Z" } })]) : r("svg", { staticClass: "play-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M8,5.14V19.14L19,12.14L8,5.14Z" } })])]), r("button", { staticClass: "fsBtn fa fa-fast-backward", on: { click: function(o) {
       return t.skip(-5);
-    } } }), r("button", { staticClass: "fsBtn fa fa-fast-forward", on: { click: function(s) {
+    } } }), r("button", { staticClass: "fsBtn fa fa-fast-forward", on: { click: function(o) {
       return t.skip(5);
     } } }), r("div", { staticClass: "volume-container" }, [r("button", { ref: "muteBtn", staticClass: "mute-btn", attrs: { title: t.videoMuted ? "Unmute" : "Mute" }, on: { click: t.toggleMute } }, [t.volume > 0.5 && !t.videoMuted ? r("svg", { staticClass: "volume-high-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" } })]) : t._e(), t.volume <= 0.5 && !t.videoMuted ? r("svg", { staticClass: "volume-low-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M5,9V15H9L14,20V4L9,9M18.5,12C18.5,10.23 17.5,8.71 16,7.97V16C17.5,15.29 18.5,13.76 18.5,12Z" } })]) : t._e(), t.videoMuted ? r("svg", { staticClass: "volume-muted-icon", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z" } })]) : t._e()]), r("input", { ref: "volumeSlider", staticClass: "volume-slider", attrs: { type: "range", min: "0", max: "1", step: "any" }, domProps: { value: t.volume }, on: { input: t.handleVolumeChange } })]), r("div", { staticClass: "duration-container" }, [r("div", { ref: "currentTimeElem", staticClass: "current-time" }, [t._v(" " + t._s(t.currentTime) + " ")]), t._v(" / "), r("div", { ref: "totalTimeElem", staticClass: "total-time" }, [t._v(t._s(t.videoLength))])]), r("div", { ref: "timelineContainer", staticClass: "timeline-container", on: { mousemove: t.handleTimelineUpdate, mousedown: t.toggleScrubbing } }, [t._m(0)]), r("button", { ref: "speedBtn", staticClass: "speed-btn wide-btn", on: { click: t.changePlaybackSpeed } }, [t._v(" " + t._s(t.playbackRate) + " ")]), r("button", { ref: "miniPlayerBtn", staticClass: "mini-player-btn", attrs: { title: "Picture in picture" }, on: { click: t.toggleMiniPlayerMode } }, [r("svg", { staticClass: "picture-on-picture", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zm-10-7h9v6h-9z" } })])]), r("button", { ref: "fullScreenBtn", staticClass: "full-screen-btn", on: { click: t.toggleFullscreenMode } }, [t.isFullscreen ? r("svg", { staticClass: "close", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" } })]) : r("svg", { staticClass: "open", attrs: { viewBox: "0 0 24 24" } }, [r("path", { attrs: { fill: "currentColor", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" } })])])])])];
   }, { isFullscreen: t.isFullscreen, play: t.play, pause: t.pause, muted: t.videoMuted, togglePlay: t.togglePlay, toggleFullscreenMode: t.toggleFullscreenMode, playing: t.playing, handleTimeUpdate: t.handleTimeUpdate, percentagePlayed: t.percentagePlayed, seekToPercentage: t.seekToPercentage, currentTime: t.currentTime, duration: t.videoLength, convertTimeToDuration: t.convertTimeToDuration, videoMuted: t.videoMuted, toggleMute: t.toggleMute, volume: t.volume, handleVolumeChange: t.handleVolumeChange, toggleMiniPlayerMode: t.toggleMiniPlayerMode, skip: t.skip, playbackRate: t.playbackRate, changePlaybackSpeed: t.changePlaybackSpeed }, t.videoOptions)], 2);
 }, ht = [function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
-}], vt = /* @__PURE__ */ W(
+}], yt = /* @__PURE__ */ W(
   mt,
   gt,
   ht,
   !1,
   null,
-  "6978f420",
+  "428638d2",
   null,
   null
 );
-const yt = vt.exports, ie = {
+const vt = yt.exports, ie = {
   EAvatar: Le,
   EBadge: ae,
-  EIcon: Ye,
+  EIcon: Ke,
   ESpinner: ke,
   ERow: at,
   ECol: ct,
-  EVideoPlayer: yt
+  EVideoPlayer: vt
 }, St = {
   install(e) {
     Object.keys(ie).forEach((t) => {
@@ -4626,21 +4633,24 @@ export {
   _t as AvatarSizes,
   wt as BadgeColors,
   xt as BadgeSizes,
-  D as BaseColor,
+  j as BaseColor,
   He as Colors,
   Le as EAvatar,
   ae as EBadge,
   ct as ECol,
-  Ye as EIcon,
+  Ke as EIcon,
   at as ERow,
   ke as ESpinner,
   Ct as EVENTS,
-  yt as EVideoPlayer,
+  vt as EVideoPlayer,
   Ie as IconSizes,
   w as Size,
   We as TextSizes,
   ie as components,
   St as default,
-  Se as fullConfig
+  ft as exitFullScreen,
+  Se as fullConfig,
+  Pe as isFullScreen,
+  dt as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map