@evercam/ui 0.0.22-beta.1 → 0.0.23

package/dist/index.mjs

@@ -1,6 +1,6 @@
-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 || {}), 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({
+import V 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 || {}), L = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(L || {});
+const Pe = V.extend({
   name: "EBadge",
   props: {
     text: {
@@ -9,7 +9,7 @@ const $e = U.extend({
     },
     color: {
       type: String,
-      default: j.default
+      default: L.default
     },
     size: {
       type: String,
@@ -19,12 +19,12 @@ const $e = U.extend({
   data() {
     return {
       colors: {
-        [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"
+        [L.error]: "e-bg-rose-500 e-text-white",
+        [L.info]: "e-bg-cyan-500 e-text-white",
+        [L.warning]: "e-bg-amber-500 e-text-white",
+        [L.primary]: "e-bg-sky-500 e-text-white",
+        [L.default]: "e-bg-slate-300 e-text-white",
+        [L.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[j.default], t = this.sizes[this.size] || this.sizes[w.md];
+      const e = this.colors[this.color] || this.colors[L.default], t = this.sizes[this.size] || this.sizes[w.md];
       return [
         "e-flex e-items-center e-justify-center e-rounded-full",
         e,
@@ -67,8 +67,8 @@ function W(e, t, r, o, s, l, i, v) {
     if (a.functional) {
       a._injectStyles = n;
       var p = a.render;
-      a.render = function(C, h) {
-        return n.call(h), p(C, h);
+      a.render = function(S, h) {
+        return n.call(h), p(S, h);
       };
     } else {
       var g = a.beforeCreate;
@@ -82,20 +82,20 @@ function W(e, t, r, o, s, l, i, v) {
 var Oe = function() {
   var t = this, r = t._self._c;
   return r("span", { staticClass: "e-badge", class: t.badgeClasses }, [t.showText ? r("span", [t._v(t._s(t.text))]) : t._e()]);
-}, Ee = [], Ae = /* @__PURE__ */ W(
-  $e,
+}, Ae = [], Fe = /* @__PURE__ */ W(
+  Pe,
   Oe,
-  Ee,
+  Ae,
   !1,
   null,
   null,
   null,
   null
 );
-const ae = Ae.exports, Fe = U.extend({
+const se = Fe.exports, ze = V.extend({
   name: "EAvatar",
   components: {
-    Badge: ae
+    Badge: se
   },
   props: {
     size: {
@@ -108,7 +108,7 @@ const ae = Ae.exports, Fe = U.extend({
     },
     badgeColor: {
       type: String,
-      default: j.error
+      default: L.error
     },
     badgeText: {
       type: String,
@@ -144,28 +144,28 @@ const ae = Ae.exports, Fe = U.extend({
     }
   }
 });
-var ze = function() {
+var Te = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-avatar e-relative", class: t.avatarClasses }, [t._t("default", function() {
     return [t.image ? r("img", { staticClass: "e-avatar__image e-w-full e-h-full e-object-cover e-rounded-full", attrs: { src: t.image } }) : t._e()];
   }), t.showBadge ? r("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [t._t("badge", function() {
     return [r("Badge", { attrs: { text: t.badgeText, color: t.badgeColor, size: t.badgeSize } })];
   })], 2) : t._e()], 2);
-}, Me = [], Te = /* @__PURE__ */ W(
-  Fe,
+}, je = [], Me = /* @__PURE__ */ W(
   ze,
-  Me,
+  Te,
+  je,
   !1,
   null,
   null,
   null,
   null
 );
-const Le = Te.exports;
-function je(e) {
+const Le = Me.exports;
+function De(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var se = {}, oe = {}, J = {};
+var oe = {}, le = {}, Z = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -191,8 +191,8 @@ var se = {}, oe = {}, J = {};
       if (r.includes(`${s}(`))
         return `calc(${r} * -1)`;
   }
-})(J);
-var le = {};
+})(Z);
+var ue = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -379,8 +379,8 @@ var le = {};
     "willChange",
     "content"
   ];
-})(le);
-var ue = {};
+})(ue);
+var ce = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -395,13 +395,13 @@ var ue = {};
       ...new Set(o.filter((l) => r !== !1 && r[l] !== !1).concat(Object.keys(r).filter((l) => r[l] !== !1)))
     ];
   }
-})(ue);
-var Q = {}, I = {}, ee = { exports: {} }, F = String, ce = function() {
+})(ce);
+var Q = {}, H = {}, ee = { exports: {} }, F = String, de = function() {
   return { isColorSupported: !1, reset: F, bold: F, dim: F, italic: F, underline: F, inverse: F, hidden: F, strikethrough: F, black: F, red: F, green: F, yellow: F, blue: F, magenta: F, cyan: F, white: F, gray: F, bgBlack: F, bgRed: F, bgGreen: F, bgYellow: F, bgBlue: F, bgMagenta: F, bgCyan: F, bgWhite: F };
 };
-ee.exports = ce();
-ee.exports.createColors = ce;
-var de = ee.exports;
+ee.exports = de();
+ee.exports.createColors = de;
+var fe = ee.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -421,7 +421,7 @@ var de = ee.exports;
       return v;
     }
   });
-  const r = /* @__PURE__ */ o(de);
+  const r = /* @__PURE__ */ o(fe);
   function o(a) {
     return a && a.__esModule ? a : {
       default: a
@@ -460,7 +460,7 @@ var de = ee.exports;
       ]);
     }
   };
-})(I);
+})(H);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -470,7 +470,7 @@ var de = ee.exports;
       return s;
     }
   });
-  const t = /* @__PURE__ */ r(I);
+  const t = /* @__PURE__ */ r(H);
   function r(l) {
     return l && l.__esModule ? l : {
       default: l
@@ -811,7 +811,7 @@ var de = ee.exports;
     }
   };
 })(Q);
-var fe = {};
+var pe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -834,8 +834,8 @@ var fe = {};
     }
     return r;
   }
-})(fe);
-var pe = {};
+})(pe);
+var me = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -853,17 +853,17 @@ var pe = {};
       throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(pe);
-var me = {}, q = {};
+})(me);
+var ge = {}, G = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   function t(g, d) {
-    for (var C in d)
-      Object.defineProperty(g, C, {
+    for (var S in d)
+      Object.defineProperty(g, S, {
         enumerable: !0,
-        get: d[C]
+        get: d[S]
       });
   }
   t(e, {
@@ -877,7 +877,7 @@ var me = {}, q = {};
       return p;
     }
   });
-  const r = /* @__PURE__ */ s(de), o = /* @__PURE__ */ s(I);
+  const r = /* @__PURE__ */ s(fe), o = /* @__PURE__ */ s(H);
   function s(g) {
     return g && g.__esModule ? g : {
       default: g
@@ -906,12 +906,12 @@ var me = {}, q = {};
   };
   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);
+      var S, h, $;
+      return g.future === "all" || (($ = (h = g == null || (S = g.future) === null || S === void 0 ? void 0 : S[d]) !== null && h !== void 0 ? h : l[d]) !== null && $ !== void 0 ? $ : !1);
     }
     if (i.experimental.includes(d)) {
-      var O, z, M;
-      return g.experimental === "all" || ((M = (z = g == null || (O = g.experimental) === null || O === void 0 ? void 0 : O[d]) !== null && z !== void 0 ? z : l[d]) !== null && M !== void 0 ? M : !1);
+      var P, z, T;
+      return g.experimental === "all" || ((T = (z = g == null || (P = g.experimental) === null || P === void 0 ? void 0 : P[d]) !== null && z !== void 0 ? z : l[d]) !== null && T !== void 0 ? T : !1);
     }
     return !1;
   }
@@ -919,11 +919,11 @@ var me = {}, q = {};
     if (g.experimental === "all")
       return i.experimental;
     var d;
-    return Object.keys((d = g == null ? void 0 : g.experimental) !== null && d !== void 0 ? d : {}).filter((C) => i.experimental.includes(C) && g.experimental[C]);
+    return Object.keys((d = g == null ? void 0 : g.experimental) !== null && d !== void 0 ? d : {}).filter((S) => i.experimental.includes(S) && g.experimental[S]);
   }
   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(", ");
+      let d = a(g).map((S) => r.default.yellow(S)).join(", ");
       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."
@@ -931,7 +931,7 @@ var me = {}, q = {};
     }
   }
   const p = i;
-})(q);
+})(G);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -941,7 +941,7 @@ var me = {}, q = {};
       return l;
     }
   });
-  const t = q, r = /* @__PURE__ */ s(I);
+  const t = G, r = /* @__PURE__ */ s(H);
   function o(i) {
     if (typeof WeakMap != "function")
       return null;
@@ -1043,29 +1043,29 @@ var me = {}, q = {};
       })(),
       extract: (() => {
         let n = (() => {
-          var d, C, h, P, O, z, M, A, T, L;
-          return !((d = i.purge) === null || d === void 0) && d.extract ? i.purge.extract : !((C = i.content) === null || C === void 0) && C.extract ? i.content.extract : !((h = i.purge) === null || h === void 0 || (P = h.extract) === null || P === void 0) && P.DEFAULT ? i.purge.extract.DEFAULT : !((O = i.content) === null || O === void 0 || (z = O.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((M = i.purge) === null || M === void 0 || (A = M.options) === null || A === void 0) && A.extractors ? i.purge.options.extractors : !((T = i.content) === null || T === void 0 || (L = T.options) === null || L === void 0) && L.extractors ? i.content.options.extractors : {};
+          var d, S, h, $, P, z, T, A, j, M;
+          return !((d = i.purge) === null || d === void 0) && d.extract ? i.purge.extract : !((S = i.content) === null || S === void 0) && S.extract ? i.content.extract : !((h = i.purge) === null || h === void 0 || ($ = h.extract) === null || $ === void 0) && $.DEFAULT ? i.purge.extract.DEFAULT : !((P = i.content) === null || P === void 0 || (z = P.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((T = i.purge) === null || T === void 0 || (A = T.options) === null || A === void 0) && A.extractors ? i.purge.options.extractors : !((j = i.content) === null || j === void 0 || (M = j.options) === null || M === void 0) && M.extractors ? i.content.options.extractors : {};
         })(), p = {}, g = (() => {
-          var d, C, h, P;
-          if (!((d = i.purge) === null || d === void 0 || (C = d.options) === null || C === void 0) && C.defaultExtractor)
+          var d, S, h, $;
+          if (!((d = i.purge) === null || d === void 0 || (S = d.options) === null || S === void 0) && S.defaultExtractor)
             return i.purge.options.defaultExtractor;
-          if (!((h = i.content) === null || h === void 0 || (P = h.options) === null || P === void 0) && P.defaultExtractor)
+          if (!((h = i.content) === null || h === void 0 || ($ = h.options) === null || $ === void 0) && $.defaultExtractor)
             return i.content.options.defaultExtractor;
         })();
         if (g !== void 0 && (p.DEFAULT = g), typeof n == "function")
           p.DEFAULT = n;
         else if (Array.isArray(n))
-          for (let { extensions: d, extractor: C } of n != null ? n : [])
+          for (let { extensions: d, extractor: S } of n != null ? n : [])
             for (let h of d)
-              p[h] = C;
+              p[h] = S;
         else
           typeof n == "object" && n !== null && Object.assign(p, n);
         return p;
       })(),
       transform: (() => {
         let n = (() => {
-          var g, d, C, h, P, O;
-          return !((g = i.purge) === null || g === void 0) && g.transform ? i.purge.transform : !((d = i.content) === null || d === void 0) && d.transform ? i.content.transform : !((C = i.purge) === null || C === void 0 || (h = C.transform) === null || h === void 0) && h.DEFAULT ? i.purge.transform.DEFAULT : !((P = i.content) === null || P === void 0 || (O = P.transform) === null || O === void 0) && O.DEFAULT ? i.content.transform.DEFAULT : {};
+          var g, d, S, h, $, P;
+          return !((g = i.purge) === null || g === void 0) && g.transform ? i.purge.transform : !((d = i.content) === null || d === void 0) && d.transform ? i.content.transform : !((S = i.purge) === null || S === void 0 || (h = S.transform) === null || h === void 0) && h.DEFAULT ? i.purge.transform.DEFAULT : !(($ = i.content) === null || $ === void 0 || (P = $.transform) === null || P === void 0) && P.DEFAULT ? i.content.transform.DEFAULT : {};
         })(), p = {};
         return typeof n == "function" && (p.DEFAULT = n), typeof n == "object" && n !== null && Object.assign(p, n), p;
       })()
@@ -1080,8 +1080,8 @@ var me = {}, q = {};
       }
     return i;
   }
-})(me);
-var ge = {};
+})(ge);
+var he = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1097,8 +1097,8 @@ var ge = {};
     const o = Object.getPrototypeOf(r);
     return o === null || o === Object.prototype;
   }
-})(ge);
-var he = {};
+})(he);
+var ye = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1114,8 +1114,8 @@ var he = {};
       t(s)
     ])) : r;
   }
-})(he);
-var ye = {}, ve = {};
+})(ye);
+var ve = {}, be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1128,8 +1128,8 @@ var ye = {}, ve = {};
   function t(r) {
     return r.replace(/\\,/g, "\\2c ");
   }
-})(ve);
-var te = {}, re = {}, be = {};
+})(be);
+var te = {}, re = {}, xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1881,16 +1881,16 @@ var te = {}, re = {}, be = {};
       50
     ]
   };
-})(be);
+})(xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(h, P) {
-    for (var O in P)
-      Object.defineProperty(h, O, {
+  function t(h, $) {
+    for (var P in $)
+      Object.defineProperty(h, P, {
         enumerable: !0,
-        get: P[O]
+        get: $[P]
       });
   }
   t(e, {
@@ -1898,18 +1898,18 @@ var te = {}, re = {}, be = {};
       return d;
     },
     formatColor: function() {
-      return C;
+      return S;
     }
   });
-  const r = /* @__PURE__ */ o(be);
+  const r = /* @__PURE__ */ o(xe);
   function o(h) {
     return h && h.__esModule ? h : {
       default: h
     };
   }
   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;
+  function d(h, { loose: $ = !1 } = {}) {
+    var P, z;
     if (typeof h != "string")
       return null;
     if (h = h.trim(), h === "transparent")
@@ -1927,50 +1927,50 @@ var te = {}, re = {}, be = {};
         mode: "rgb",
         color: r.default[h].map((R) => R.toString())
       };
-    let M = h.replace(l, (R, B, V, m, k) => [
+    let T = h.replace(l, (R, B, N, m, k) => [
       "#",
       B,
       B,
-      V,
-      V,
+      N,
+      N,
       m,
       m,
       k ? k + k : ""
     ].join("")).match(s);
-    if (M !== null)
+    if (T !== null)
       return {
         mode: "rgb",
         color: [
-          parseInt(M[1], 16),
-          parseInt(M[2], 16),
-          parseInt(M[3], 16)
+          parseInt(T[1], 16),
+          parseInt(T[2], 16),
+          parseInt(T[3], 16)
         ].map((R) => R.toString()),
-        alpha: M[4] ? (parseInt(M[4], 16) / 255).toString() : void 0
+        alpha: T[4] ? (parseInt(T[4], 16) / 255).toString() : void 0
       };
     var A;
-    let T = (A = h.match(p)) !== null && A !== void 0 ? A : h.match(g);
-    if (T === null)
+    let j = (A = h.match(p)) !== null && A !== void 0 ? A : h.match(g);
+    if (j === null)
       return null;
-    let L = [
-      T[2],
-      T[3],
-      T[4]
+    let M = [
+      j[2],
+      j[3],
+      j[4]
     ].filter(Boolean).map((R) => R.toString());
-    return L.length === 2 && L[0].startsWith("var(") ? {
-      mode: T[1],
+    return M.length === 2 && M[0].startsWith("var(") ? {
+      mode: j[1],
       color: [
-        L[0]
+        M[0]
       ],
-      alpha: L[1]
-    } : !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)
+      alpha: M[1]
+    } : !$ && M.length !== 3 || M.length < 3 && !M.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
+      mode: j[1],
+      color: M,
+      alpha: (P = j[5]) === null || P === void 0 || (z = P.toString) === null || z === void 0 ? void 0 : z.call(P)
     };
   }
-  function C({ mode: h, color: P, alpha: O }) {
-    let z = O !== void 0;
-    return h === "rgba" || h === "hsla" ? `${h}(${P.join(", ")}${z ? `, ${O}` : ""})` : `${h}(${P.join(" ")}${z ? ` / ${O}` : ""})`;
+  function S({ mode: h, color: $, alpha: P }) {
+    let z = P !== void 0;
+    return h === "rgba" || h === "hsla" ? `${h}(${$.join(", ")}${z ? `, ${P}` : ""})` : `${h}(${$.join(" ")}${z ? ` / ${P}` : ""})`;
   }
 })(re);
 (function(e) {
@@ -2038,7 +2038,7 @@ var te = {}, re = {}, be = {};
     };
   }
 })(te);
-var ne = {}, xe = {}, G = {};
+var ne = {}, _e = {}, X = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2056,7 +2056,7 @@ var ne = {}, xe = {}, G = {};
     }
     return l.push(r.slice(i)), l;
   }
-})(G);
+})(X);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2076,7 +2076,7 @@ var ne = {}, xe = {}, G = {};
       return v;
     }
   });
-  const r = G;
+  const r = X;
   let o = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
@@ -2088,9 +2088,9 @@ var ne = {}, xe = {}, G = {};
     return (0, r.splitAtTopLevelOnly)(a, ",").map((p) => {
       let g = p.trim(), d = {
         raw: g
-      }, C = g.split(s), h = /* @__PURE__ */ new Set();
-      for (let P of C)
-        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;
+      }, S = g.split(s), h = /* @__PURE__ */ new Set();
+      for (let $ of S)
+        l.lastIndex = 0, !h.has("KEYWORD") && o.has($) ? (d.keyword = $, h.add("KEYWORD")) : l.test($) ? h.has("X") ? h.has("Y") ? h.has("BLUR") ? h.has("SPREAD") || (d.spread = $, h.add("SPREAD")) : (d.blur = $, h.add("BLUR")) : (d.y = $, h.add("Y")) : (d.x = $, h.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push($)) : d.color = $;
       return d.valid = d.x !== void 0 && d.y !== void 0, d;
     });
   }
@@ -2104,16 +2104,16 @@ var ne = {}, xe = {}, G = {};
       n.color
     ].filter(Boolean).join(" ") : n.raw).join(", ");
   }
-})(xe);
+})(_e);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   function t(u, x) {
-    for (var E in x)
-      Object.defineProperty(u, E, {
+    for (var O in x)
+      Object.defineProperty(u, O, {
         enumerable: !0,
-        get: x[E]
+        get: x[O]
       });
   }
   t(e, {
@@ -2127,22 +2127,22 @@ var ne = {}, xe = {}, G = {};
       return d;
     },
     percentage: function() {
-      return C;
+      return S;
     },
     length: function() {
-      return O;
+      return P;
     },
     lineWidth: function() {
-      return M;
+      return T;
     },
     shadow: function() {
       return A;
     },
     color: function() {
-      return T;
+      return j;
     },
     image: function() {
-      return L;
+      return M;
     },
     gradient: function() {
       return B;
@@ -2160,10 +2160,10 @@ var ne = {}, xe = {}, G = {};
       return b;
     },
     relativeSize: function() {
-      return S;
+      return C;
     }
   });
-  const r = re, o = xe, s = G;
+  const r = re, o = _e, s = X;
   let l = [
     "min",
     "max",
@@ -2175,12 +2175,12 @@ var ne = {}, xe = {}, 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);
+    return u.startsWith("--") ? `var(${u})` : u.includes("url(") ? u.split(/(url\(.*?\))/g).filter(Boolean).map((O) => /^url\(.*?\)$/.test(O) ? O : n(O, !1)).join("") : (u = u.replace(/([^\\])_+/g, (O, E) => E + " ".repeat(O.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, v))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => E.shift());
+      let O = [];
+      return x.replace(/var\((--.+?)[,)]/g, (E, I) => (O.push(I), E.replace(I, v))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => O.shift());
     });
   }
   function g(u) {
@@ -2189,10 +2189,10 @@ var ne = {}, xe = {}, G = {};
   function d(u) {
     return !isNaN(Number(u)) || i(u);
   }
-  function C(u) {
+  function S(u) {
     return u.endsWith("%") && d(u.slice(0, -1)) || i(u);
   }
-  let P = `(?:${[
+  let $ = `(?:${[
     "cm",
     "mm",
     "Q",
@@ -2225,38 +2225,38 @@ var ne = {}, xe = {}, G = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function O(u) {
-    return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${P}$`).test(u) || i(u);
+  function P(u) {
+    return u === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${$}$`).test(u) || i(u);
   }
   let z = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
-  function M(u) {
+  function T(u) {
     return z.has(u);
   }
   function A(u) {
     let x = (0, o.parseBoxShadowValue)(n(u));
-    for (let E of x)
-      if (!E.valid)
+    for (let O of x)
+      if (!O.valid)
         return !1;
     return !0;
   }
-  function T(u) {
+  function j(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : (0, r.parseColor)($, {
+    return (0, s.splitAtTopLevelOnly)(u, "_").every((E) => (E = n(E), E.startsWith("var(") ? !0 : (0, r.parseColor)(E, {
       loose: !0
     }) !== null ? (x++, !0) : !1)) ? x > 0 : !1;
   }
-  function L(u) {
+  function M(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, ",").every(($) => ($ = n($), $.startsWith("var(") ? !0 : g($) || B($) || [
+    return (0, s.splitAtTopLevelOnly)(u, ",").every((E) => (E = n(E), E.startsWith("var(") ? !0 : g(E) || B(E) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((H) => $.startsWith(H)) ? (x++, !0) : !1)) ? x > 0 : !1;
+    ].some((I) => E.startsWith(I)) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   let R = /* @__PURE__ */ new Set([
     "conic-gradient",
@@ -2273,7 +2273,7 @@ var ne = {}, xe = {}, G = {};
         return !0;
     return !1;
   }
-  let V = /* @__PURE__ */ new Set([
+  let N = /* @__PURE__ */ new Set([
     "center",
     "top",
     "right",
@@ -2282,11 +2282,11 @@ var ne = {}, xe = {}, G = {};
   ]);
   function m(u) {
     let x = 0;
-    return (0, s.splitAtTopLevelOnly)(u, "_").every(($) => ($ = n($), $.startsWith("var(") ? !0 : V.has($) || O($) || C($) ? (x++, !0) : !1)) ? x > 0 : !1;
+    return (0, s.splitAtTopLevelOnly)(u, "_").every((E) => (E = n(E), E.startsWith("var(") ? !0 : N.has(E) || P(E) || S(E) ? (x++, !0) : !1)) ? x > 0 : !1;
   }
   function k(u) {
     let x = 0;
-    return (0, s.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((E) => (E = n(E), E.startsWith("var(") ? !0 : E.includes(" ") && !/(['"])([^"']+)\1/g.test(E) || /^\d/g.test(E) ? !1 : (x++, !0))) ? x > 0 : !1;
   }
   let _ = /* @__PURE__ */ new Set([
     "serif",
@@ -2323,11 +2323,11 @@ var ne = {}, xe = {}, G = {};
     "larger",
     "smaller"
   ]);
-  function S(u) {
+  function C(u) {
     return f.has(u);
   }
 })(ne);
-var _e = {};
+var we = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2337,7 +2337,7 @@ var _e = {};
       return o;
     }
   });
-  const t = ne, r = G;
+  const t = ne, r = X;
   function o(s) {
     let l = [
       "cover",
@@ -2348,7 +2348,7 @@ var _e = {};
       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);
+})(we);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2368,25 +2368,25 @@ var _e = {};
       return d;
     },
     parseColorFormat: function() {
-      return P;
+      return $;
     },
     asColor: function() {
       return z;
     },
     asLookupValue: function() {
-      return M;
+      return T;
     },
     typeMap: function() {
-      return T;
+      return j;
     },
     coerceValue: function() {
       return B;
     },
     getMatchingTypes: function() {
-      return V;
+      return N;
     }
   });
-  const r = /* @__PURE__ */ a(ve), o = te, s = ne, l = /* @__PURE__ */ a(J), i = _e, v = q;
+  const r = /* @__PURE__ */ a(be), o = te, s = ne, l = /* @__PURE__ */ a(Z), i = we, v = G;
   function a(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -2398,7 +2398,7 @@ var _e = {};
     });
   }
   function p(m, k) {
-    if (!C(m))
+    if (!S(m))
       return;
     let _ = m.slice(1, -1);
     if (k(_))
@@ -2408,7 +2408,7 @@ var _e = {};
     let c = k[m];
     if (c !== void 0)
       return (0, l.default)(c);
-    if (C(m)) {
+    if (S(m)) {
       let y = p(m, _);
       return y === void 0 ? void 0 : (0, l.default)(y);
     }
@@ -2418,7 +2418,7 @@ var _e = {};
     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) {
+  function S(m) {
     return m.startsWith("[") && m.endsWith("]");
   }
   function h(m) {
@@ -2426,7 +2426,7 @@ var _e = {};
     return k === -1 || k === m.length - 1 ? [
       m,
       void 0
-    ] : C(m) && !m.includes("]/[") ? [
+    ] : S(m) && !m.includes("]/[") ? [
       m,
       void 0
     ] : [
@@ -2434,33 +2434,33 @@ var _e = {};
       m.slice(k + 1)
     ];
   }
-  function P(m) {
+  function $(m) {
     if (typeof m == "string" && m.includes("<alpha-value>")) {
       let k = m;
       return ({ opacityValue: _ = 1 }) => k.replace("<alpha-value>", _);
     }
     return m;
   }
-  function O(m) {
+  function P(m) {
     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 y;
-      return P((y = k.values) === null || y === void 0 ? void 0 : y[m]);
+      return $((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, 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]));
+      var C, u, x, O;
+      let E = (O = (C = k.values) === null || C === void 0 ? void 0 : C[b]) !== null && O !== void 0 ? O : S(b) ? b.slice(1, -1) : void 0;
+      return E === void 0 ? void 0 : (E = $(E), S(f) ? (0, o.withAlphaValue)(E, P(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)(E, _.theme.opacity[f]));
     }
     return d(m, k, {
       validate: s.color
     });
   }
-  function M(m, k = {}) {
+  function T(m, k = {}) {
     var _;
     return (_ = k.values) === null || _ === void 0 ? void 0 : _[m];
   }
@@ -2469,7 +2469,7 @@ var _e = {};
       validate: m
     });
   }
-  let T = {
+  let j = {
     any: d,
     color: z,
     url: A(s.url),
@@ -2477,7 +2477,7 @@ var _e = {};
     length: A(s.length),
     percentage: A(s.percentage),
     position: A(s.position),
-    lookup: M,
+    lookup: T,
     "generic-name": A(s.genericName),
     "family-name": A(s.familyName),
     number: A(s.number),
@@ -2486,7 +2486,7 @@ var _e = {};
     "relative-size": A(s.relativeSize),
     shadow: A(s.shadow),
     size: A(i.backgroundSize)
-  }, L = Object.keys(T);
+  }, M = Object.keys(j);
   function R(m, k) {
     let _ = m.indexOf(k);
     return _ === -1 ? [
@@ -2500,7 +2500,7 @@ var _e = {};
   function B(m, k, _, c) {
     if (_.values && k in _.values)
       for (let { type: b } of m != null ? m : []) {
-        let f = T[b](k, _, {
+        let f = j[b](k, _, {
           tailwindConfig: c
         });
         if (f !== void 0)
@@ -2510,44 +2510,44 @@ var _e = {};
             null
           ];
       }
-    if (C(k)) {
-      let b = k.slice(1, -1), [f, S] = R(b, ":");
+    if (S(k)) {
+      let b = k.slice(1, -1), [f, C] = R(b, ":");
       if (!/^[\w-_]+$/g.test(f))
-        S = b;
-      else if (f !== void 0 && !L.includes(f))
+        C = b;
+      else if (f !== void 0 && !M.includes(f))
         return [];
-      if (S.length > 0 && L.includes(f))
+      if (C.length > 0 && M.includes(f))
         return [
-          d(`[${S}]`, _),
+          d(`[${C}]`, _),
           f,
           null
         ];
     }
-    let y = V(m, k, _, c);
+    let y = N(m, k, _, c);
     for (let b of y)
       return b;
     return [];
   }
-  function* V(m, k, _, c) {
+  function* N(m, k, _, c) {
     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") {
+    if (y && _.modifiers != null && (_.modifiers === "any" || typeof _.modifiers == "object" && (f && S(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));
+      let O = (x = (u = _.modifiers) === null || u === void 0 ? void 0 : u[f]) !== null && x !== void 0 ? x : null;
+      O !== null ? f = O : S(f) && (f = P(f));
     }
-    for (let { type: E } of m != null ? m : []) {
-      let $ = T[E](b, _, {
+    for (let { type: O } of m != null ? m : []) {
+      let E = j[O](b, _, {
         tailwindConfig: c
       });
-      $ !== void 0 && (yield [
-        $,
+      E !== void 0 && (yield [
         E,
+        O,
         f != null ? f : null
       ]);
     }
   }
-})(ye);
-var we = {};
+})(ve);
+var Se = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2560,7 +2560,7 @@ var we = {};
   function t(r) {
     return typeof r == "function" ? r({}) : r;
   }
-})(we);
+})(Se);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2570,8 +2570,8 @@ var we = {};
       return _;
     }
   });
-  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) {
+  const t = /* @__PURE__ */ S(Z), r = /* @__PURE__ */ S(ue), o = /* @__PURE__ */ S(ce), s = /* @__PURE__ */ S(Q), l = pe, i = me, v = ge, a = /* @__PURE__ */ S(he), n = ye, p = ve, g = te, d = /* @__PURE__ */ S(Se);
+  function S(c) {
     return c && c.__esModule ? c : {
       default: c
     };
@@ -2579,16 +2579,16 @@ var we = {};
   function h(c) {
     return typeof c == "function";
   }
-  function P(c, ...y) {
+  function $(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;
+      for (let C in f) {
+        let u = b(c[C], f[C]);
+        u === void 0 ? (0, a.default)(c[C]) && (0, a.default)(f[C]) ? c[C] = $({}, c[C], f[C], b) : c[C] = f[C] : c[C] = u;
       }
     return c;
   }
-  const O = {
+  const P = {
     colors: s.default,
     negative(c) {
       return Object.keys(c).filter((y) => c[y] !== "0").reduce((y, b) => {
@@ -2606,14 +2606,14 @@ var we = {};
   function z(c, ...y) {
     return h(c) ? c(...y) : c;
   }
-  function M(c) {
-    return c.reduce((y, { extend: b }) => P(y, b, (f, S) => f === void 0 ? [
-      S
+  function T(c) {
+    return c.reduce((y, { extend: b }) => $(y, b, (f, C) => f === void 0 ? [
+      C
     ] : Array.isArray(f) ? [
-      S,
+      C,
       ...f
     ] : [
-      S,
+      C,
       f
     ]), {});
   }
@@ -2622,10 +2622,10 @@ var we = {};
       ...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)
+      extend: T(c)
     };
   }
-  function T(c, y) {
+  function j(c, y) {
     if (Array.isArray(c) && (0, a.default)(c[0]))
       return c.concat(y);
     if (Array.isArray(y) && (0, a.default)(y[0]) && (0, a.default)(c))
@@ -2636,11 +2636,11 @@ var we = {};
     if (Array.isArray(y))
       return y;
   }
-  function L({ extend: c, ...y }) {
-    return P(y, c, (b, f) => !h(b) && !f.some(h) ? P({}, b, ...f, T) : (S, u) => P({}, ...[
+  function M({ extend: c, ...y }) {
+    return $(y, c, (b, f) => !h(b) && !f.some(h) ? $({}, b, ...f, j) : (C, u) => $({}, ...[
       b,
       ...f
-    ].map((x) => z(x, S, u)), T));
+    ].map((x) => z(x, C, u)), j));
   }
   function* R(c) {
     let y = (0, i.toPath)(c);
@@ -2648,20 +2648,20 @@ var we = {};
       return;
     let b = /^(.*?)\s*\/\s*([^/]+)$/, f = c.match(b);
     if (f !== null) {
-      let [, S, u] = f, x = (0, i.toPath)(S);
+      let [, C, u] = f, x = (0, i.toPath)(C);
       x.alpha = u, yield x;
     }
   }
   function B(c) {
     const y = (b, f) => {
-      for (const S of R(b)) {
+      for (const C 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(y, O) : x;
+        for (; x != null && u < C.length; )
+          x = x[C[u++]], x = h(x) && (C.alpha === void 0 || u <= C.length - 1) ? x(y, P) : x;
         if (x !== void 0) {
-          if (S.alpha !== void 0) {
-            let E = (0, p.parseColorFormat)(x);
-            return (0, g.withAlphaValue)(E, S.alpha, (0, d.default)(E));
+          if (C.alpha !== void 0) {
+            let O = (0, p.parseColorFormat)(x);
+            return (0, g.withAlphaValue)(O, C.alpha, (0, d.default)(O));
           }
           return (0, a.default)(x) ? (0, n.cloneDeep)(x) : x;
         }
@@ -2670,10 +2670,10 @@ var we = {};
     };
     return Object.assign(y, {
       theme: y,
-      ...O
-    }), Object.keys(c).reduce((b, f) => (b[f] = h(c[f]) ? c[f](y, O) : c[f], b), {});
+      ...P
+    }), Object.keys(c).reduce((b, f) => (b[f] = h(c[f]) ? c[f](y, P) : c[f], b), {});
   }
-  function V(c) {
+  function N(c) {
     let y = [];
     return c.forEach((b) => {
       y = [
@@ -2681,13 +2681,13 @@ var we = {};
         b
       ];
       var f;
-      const S = (f = b == null ? void 0 : b.plugins) !== null && f !== void 0 ? f : [];
-      S.length !== 0 && S.forEach((u) => {
+      const C = (f = b == null ? void 0 : b.plugins) !== null && f !== void 0 ? f : [];
+      C.length !== 0 && C.forEach((u) => {
         u.__isOptionsFunction && (u = u());
         var x;
         y = [
           ...y,
-          ...V([
+          ...N([
             (x = u == null ? void 0 : u.config) !== null && x !== void 0 ? x : {}
           ])
         ];
@@ -2711,7 +2711,7 @@ var we = {};
   }
   function _(c) {
     let y = [
-      ...V(c),
+      ...N(c),
       {
         prefix: "",
         important: !1,
@@ -2720,13 +2720,13 @@ var we = {};
     ];
     var b, f;
     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 : []))
+      theme: B(M(A(y.map((C) => (b = C == null ? void 0 : C.theme) !== null && b !== void 0 ? b : {})))),
+      corePlugins: m(y.map((C) => C.corePlugins)),
+      plugins: k(c.map((C) => (f = C == null ? void 0 : C.plugins) !== null && f !== void 0 ? f : []))
     }, ...y));
   }
-})(oe);
-var Ce = {}, De = {
+})(le);
+var Ce = {}, Re = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3726,7 +3726,7 @@ var Ce = {}, De = {
       return s;
     }
   });
-  const t = /* @__PURE__ */ o(De), r = q;
+  const t = /* @__PURE__ */ o(Re), r = G;
   function o(l) {
     return l && l.__esModule ? l : {
       default: l
@@ -3773,7 +3773,7 @@ var Ce = {}, De = {
       return s;
     }
   });
-  const t = /* @__PURE__ */ o(oe), r = /* @__PURE__ */ o(Ce);
+  const t = /* @__PURE__ */ o(le), r = /* @__PURE__ */ o(Ce);
   function o(l) {
     return l && l.__esModule ? l : {
       default: l
@@ -3786,13 +3786,13 @@ var Ce = {}, De = {
       ...i
     ]);
   }
-})(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 = {
+})(oe);
+let Y = oe;
+var Ne = (Y.__esModule ? Y : { default: Y }).default;
+const Ue = /* @__PURE__ */ De(Ne);
+let K = Q;
+var U = (K.__esModule ? K : { default: K }).default;
+const Be = {
   50: "#FCE3E4",
   100: "#F9CDCE",
   200: "#F39699",
@@ -3804,14 +3804,14 @@ const Ne = {
   800: "#4E090B",
   900: "#290506"
 }, D = {
-  onprimary: N.white,
-  warning: N.amber,
-  error: N.rose,
-  info: N.cyan,
-  success: N.lime,
-  primary: N.sky,
-  brand: Ne
-}, Be = {
+  onprimary: U.white,
+  warning: U.amber,
+  error: U.rose,
+  info: U.cyan,
+  success: U.lime,
+  primary: U.sky,
+  brand: Be
+}, Ve = {
   ...D,
   // Warning
   warning: D.warning[500],
@@ -3834,11 +3834,11 @@ const Ne = {
   "primary-darken": D.primary[600],
   "primary-lighten": D.primary[400],
   // Surfaces
-  onsurface: N.slate[500],
-  onbackground: N.slate[700],
-  surface: N.slate[50],
-  background: N.white
-}, Ue = {
+  onsurface: U.slate[500],
+  onbackground: U.slate[700],
+  surface: U.slate[50],
+  background: U.white
+}, We = {
   prefix: "e-",
   corePlugins: {
     preflight: !1
@@ -3846,7 +3846,7 @@ const Ne = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: Be,
+      colors: Ve,
       maxWidth: {
         "1/12": "8.333333333%",
         "2/12": "16.666666666%",
@@ -3914,7 +3914,7 @@ const Ne = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, Se = Ve(Ue), We = Se.theme.fontSize, He = Se.theme.colors, xt = [
+}, ke = Ue(We), Ie = ke.theme.fontSize, qe = ke.theme.colors, xt = [
   w.dot,
   w.xs,
   w.sm,
@@ -3928,7 +3928,7 @@ const Ne = {
   w.lg,
   w.xl,
   w["2xl"]
-], Ie = [
+], He = [
   w.xs,
   w.sm,
   w.md,
@@ -3944,13 +3944,13 @@ const Ne = {
   w["8xl"],
   w["9xl"]
 ], wt = [
-  j.warning,
-  j.error,
-  j.info,
-  j.success,
-  j.primary,
-  j.default
-], Ct = [
+  L.warning,
+  L.error,
+  L.info,
+  L.success,
+  L.primary,
+  L.default
+], St = [
   "play",
   "pause",
   "ended",
@@ -3961,7 +3961,7 @@ const Ne = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], qe = U.extend({
+], Ge = V.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3970,7 +3970,7 @@ const Ne = {
     },
     color: {
       type: String,
-      default: j.default
+      default: L.default
     },
     size: {
       type: String,
@@ -3979,7 +3979,7 @@ const Ne = {
   },
   computed: {
     sizes() {
-      return Ie.reduce((e, t) => ({
+      return He.reduce((e, t) => ({
         ...e,
         [t]: `e-text-${t}`
       }), {});
@@ -3996,20 +3996,20 @@ const Ne = {
     }
   }
 });
-var Ge = function() {
+var Xe = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, Xe = [], Ye = /* @__PURE__ */ W(
-  qe,
+}, Ye = [], Ke = /* @__PURE__ */ W(
   Ge,
   Xe,
+  Ye,
   !1,
   null,
   null,
   null,
   null
 );
-const Ke = Ye.exports, Ze = U.extend({
+const Je = Ke.exports, Ze = V.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4035,8 +4035,8 @@ const Ke = Ye.exports, Ze = U.extend({
   },
   data() {
     return {
-      sizes: We,
-      colors: He
+      sizes: Ie,
+      colors: qe
     };
   },
   computed: {
@@ -4071,23 +4071,23 @@ const Ke = Ye.exports, Ze = U.extend({
     }
   }
 });
-var Je = function() {
+var Qe = function() {
   var t = this, r = t._self._c;
   return r("svg", { staticClass: "e-spinner e-block", class: {
     "e-spinner--dark": t.dark,
     "e-spinner--grey": !t.color
   }, style: { opacity: t.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: t.computedSize, height: t.computedSize } }, [r("path", { staticClass: "e-spinner__primary", style: t.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" } }), r("path", { staticClass: "e-spinner__secondary", style: t.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" } }), r("path", { staticClass: "e-spinner__primary", style: t.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" } }), r("path", { staticClass: "e-spinner__secondary", style: t.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" } }), r("path", { staticClass: "e-spinner__primary", style: t.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" } }), r("path", { staticClass: "e-spinner__secondary", style: t.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" } }), r("path", { staticClass: "e-spinner__primary", style: t.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" } }), r("path", { staticClass: "e-spinner__secondary", style: t.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" } }), r("path", { staticClass: "e-spinner__primary", style: t.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" } }), r("path", { staticClass: "e-spinner__secondary", style: t.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" } })]);
-}, Qe = [], et = /* @__PURE__ */ W(
+}, et = [], tt = /* @__PURE__ */ W(
   Ze,
-  Je,
   Qe,
+  et,
   !1,
   null,
   "f6962f4a",
   null,
   null
 );
-const ke = et.exports, tt = U.extend({
+const $e = tt.exports, rt = V.extend({
   props: {
     align: {
       type: String,
@@ -4147,20 +4147,20 @@ const ke = et.exports, tt = U.extend({
     }
   }
 });
-var rt = function() {
+var nt = function() {
   var t = this, r = t._self._c;
   return t._self._setupProxy, r("div", { staticClass: "e-row e-flex e-flex-wrap", class: t.rowClasses }, [t._t("default")], 2);
-}, nt = [], it = /* @__PURE__ */ W(
-  tt,
+}, it = [], at = /* @__PURE__ */ W(
   rt,
   nt,
+  it,
   !1,
   null,
   null,
   null,
   null
 );
-const at = it.exports, st = U.extend({
+const st = at.exports, ot = V.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4264,25 +4264,25 @@ const at = it.exports, st = U.extend({
     }
   }
 });
-var ot = function() {
+var lt = 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(
-  st,
+}, ut = [], ct = /* @__PURE__ */ W(
   ot,
   lt,
+  ut,
   !1,
   null,
   null,
   null,
   null
 );
-const ct = ut.exports;
-function Pe() {
+const dt = ct.exports;
+function Ee() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 }
-function dt(e) {
-  if (Pe())
+function ft(e) {
+  if (Ee())
     return new Promise((t) => t());
   if (e.requestFullscreen)
     return e == null ? void 0 : e.requestFullscreen();
@@ -4293,8 +4293,8 @@ function dt(e) {
   if (e.msRequestFullscreen)
     return e == null ? void 0 : e.msRequestFullscreen();
 }
-function ft() {
-  if (Pe())
+function pt() {
+  if (!Ee())
     return new Promise((e) => e());
   if (document.exitFullscreen)
     return document.exitFullscreen();
@@ -4305,9 +4305,9 @@ function ft() {
   if (document.msExitFullscreen)
     return document.msExitFullscreen();
 }
-const K = new Intl.NumberFormat(void 0, {
+const J = new Intl.NumberFormat(void 0, {
   minimumIntegerDigits: 2
-}), pt = [
+}), ie = [
   "play",
   "pause",
   "ended",
@@ -4318,15 +4318,15 @@ const K = new Intl.NumberFormat(void 0, {
   "canplay",
   "canplaythrough",
   "statechanged"
-], Z = (e) => {
+], q = (e) => {
   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(
+  return o === 0 ? `${r}:${J.format(t)}` : `${o}:${J.format(
     r
-  )}:${K.format(t)}`;
-}, mt = U.extend({
+  )}:${J.format(t)}`;
+}, mt = V.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: ke
+    ESpinner: $e
   },
   props: {
     sources: {
@@ -4357,9 +4357,7 @@ const K = new Intl.NumberFormat(void 0, {
       volume: 1,
       isFullscreen: !1,
       isFinished: !1,
-      isLoading: !0,
-      playbackRate: "1x",
-      isMiniPlayerMode: !1
+      isLoading: !0
     };
   },
   computed: {
@@ -4371,54 +4369,32 @@ const K = new Intl.NumberFormat(void 0, {
     },
     withControls() {
       const e = this.videoOptions;
-      return this.videoOptions && Object.keys(this.videoOptions).includes("controls") && e.controls === !1 ? "hide" : "";
+      return (e == null ? void 0 : e.controls) === !1 ? "hide" : "";
     }
   },
   mounted() {
-    this.bindEvents();
-    const e = this.$refs.player;
-    e && e.muted && this.setMuted(!0), e && document.addEventListener("mouseup", (t) => {
-      this.isScrubbing && this.toggleScrubbing(t);
-    }), window.addEventListener("keydown", this.handleKeyDown), document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ? (document.addEventListener("fullscreenchange", this.handleFullscreenChange), document.addEventListener(
-      "webkitfullscreenchange",
-      this.handleFullscreenChange
-    ), document.addEventListener(
-      "mozfullscreenchange",
-      this.handleFullscreenChange
-    ), document.addEventListener(
-      "MSFullscreenChange",
-      this.handleFullscreenChange
-    )) : console.log("Fullscreen API is not supported in this browser.");
+    this.bindEvents(), this.initializePlayer(), this.initializeFullscreenListeners();
   },
   destroyed() {
-    window.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("mouseup", (e) => {
-      this.isScrubbing && this.toggleScrubbing(e);
-    }), document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ? (document.removeEventListener(
-      "fullscreenchange",
-      this.handleFullscreenChange
-    ), document.removeEventListener(
-      "webkitfullscreenchange",
-      this.handleFullscreenChange
-    ), document.removeEventListener(
-      "mozfullscreenchange",
-      this.handleFullscreenChange
-    ), document.removeEventListener(
-      "MSFullscreenChange",
-      this.handleFullscreenChange
-    )) : console.log("Fullscreen API is not supported in this browser.");
+    this.unbindEvents(), this.destroyPlayer(), this.removeFullscreenListeners();
   },
   methods: {
     bindEvents() {
-      pt.forEach((e) => {
+      ie.forEach((e) => {
         this.bindVideoEvent(e);
       });
     },
+    unbindEvents() {
+      ie.forEach((e) => {
+        this.unbindVideoEvent(e);
+      });
+    },
     bindVideoEvent(e) {
       const t = this.$refs.player, r = this.$refs.timelineContainer;
       t.addEventListener(
         e,
         (o) => {
-          e === "loadeddata" && (this.videoLength = Z(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
+          e === "loadeddata" && (this.videoLength = q(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
             "--progress-position",
             this.percentagePlayed.toString()
           )), this.$emit(e, { event: o, player: this });
@@ -4426,6 +4402,60 @@ const K = new Intl.NumberFormat(void 0, {
         !0
       );
     },
+    unbindVideoEvent(e) {
+      const t = this.$refs.player, r = this.$refs.timelineContainer;
+      t.addEventListener(
+        e,
+        (o) => {
+          e === "loadeddata" && (this.videoLength = q(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
+            "--progress-position",
+            this.percentagePlayed.toString()
+          )), this.$emit(e, { event: o, player: this });
+        },
+        !0
+      );
+    },
+    initializePlayer() {
+      const e = this.$refs.player;
+      e && e.muted && this.setMuted(!0), e && document.addEventListener("mouseup", (t) => {
+        this.isScrubbing && this.toggleScrubbing(t);
+      }), document.addEventListener("keydown", this.handleKeyDown);
+    },
+    destroyPlayer() {
+      window.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("mouseup", (e) => {
+        this.isScrubbing && this.toggleScrubbing(e);
+      });
+    },
+    removeFullscreenListeners() {
+      document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ? (document.removeEventListener(
+        "fullscreenchange",
+        this.handleFullscreenChange
+      ), document.removeEventListener(
+        "webkitfullscreenchange",
+        this.handleFullscreenChange
+      ), document.removeEventListener(
+        "mozfullscreenchange",
+        this.handleFullscreenChange
+      ), document.removeEventListener(
+        "MSFullscreenChange",
+        this.handleFullscreenChange
+      )) : console.log("Fullscreen API is not supported in this browser.");
+    },
+    initializeFullscreenListeners() {
+      document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ? (document.addEventListener(
+        "fullscreenchange",
+        this.handleFullscreenChange
+      ), document.addEventListener(
+        "webkitfullscreenchange",
+        this.handleFullscreenChange
+      ), document.addEventListener(
+        "mozfullscreenchange",
+        this.handleFullscreenChange
+      ), document.addEventListener(
+        "MSFullscreenChange",
+        this.handleFullscreenChange
+      )) : console.log("Fullscreen API is not supported in this browser.");
+    },
     handleFullscreenChange() {
       document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement || window.innerWidth == screen.width && window.innerHeight == screen.height ? this.isFullscreen = !0 : this.isFullscreen = !1;
     },
@@ -4488,31 +4518,27 @@ const K = new Intl.NumberFormat(void 0, {
       this.videoMuted = e;
     },
     closeFullscreenMode() {
-      document.fullscreenElement && (ft().then(() => {
+      document.fullscreenElement && (pt().then(() => {
         this.isFullscreen = !1, console.log("Exited fullscreen");
       }), this.isFullscreen = !1);
     },
     openFullscreenMode() {
       const e = this.$refs.videoContainer;
-      e && (dt(e).then(() => {
+      e && (ft(e).then(() => {
         this.isFullscreen = !0;
       }), this.isFullscreen = !0);
     },
     toggleFullscreenMode() {
       this.isFullscreen ? this.closeFullscreenMode() : this.openFullscreenMode();
     },
-    toggleMiniPlayerMode() {
-      const e = this.$refs.player;
-      this.isMiniPlayerMode ? (document.exitPictureInPicture(), this.isMiniPlayerMode = !1) : (e.requestPictureInPicture(), this.isMiniPlayerMode = !0);
-    },
     getDuration() {
       const e = this.$refs.player;
-      this.videoLength = Z(e.duration), this.videoDuration = e.duration;
+      this.videoLength = q(e.duration), this.videoDuration = e.duration;
     },
     handleTimeUpdate() {
       const e = this.$refs.player, t = this.$refs.timelineContainer;
       if (e && t) {
-        this.currentTime = Z(e.currentTime), this.realtime = e.currentTime;
+        this.currentTime = q(e.currentTime), this.realtime = e.currentTime;
         const r = Number(this.realtime) / Number(this.videoDuration);
         t.style.setProperty(
           "--progress-position",
@@ -4539,20 +4565,17 @@ const K = new Intl.NumberFormat(void 0, {
     },
     async toggleScrubbing(e) {
       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 = 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);
-        }
+      if (!o)
+        return;
+      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 = o.paused, await o.pause(), this.handleTimelineUpdate(e);
+        return;
       }
-    },
-    changePlaybackSpeed() {
-      const e = this.$refs.player;
-      let t = e.playbackRate + 0.25;
-      t > 2 && (t = 0.25), this.$refs.player && (e.playbackRate = t), this.playbackRate = `${t}x`;
+      if (this.realtime = l * this.videoDuration, o.currentTime = l * this.videoDuration, this.wasPaused)
+        return;
+      const i = o.play();
+      i !== void 0 && i.then(() => this.handleTimelineUpdate(e)).catch(console.error);
     },
     handleKeyDown(e) {
       var r;
@@ -4562,6 +4585,7 @@ const K = new Intl.NumberFormat(void 0, {
           case " ":
             if (t === "button")
               return;
+            this.togglePlay();
             break;
           case "k":
             this.togglePlay();
@@ -4572,35 +4596,28 @@ const K = new Intl.NumberFormat(void 0, {
           case "f":
             this.openFullscreenMode(), this.isFullscreen = !0;
             break;
-          case "i":
-            this.toggleMiniPlayerMode();
-            break;
           case "m":
             this.toggleMute();
             break;
-          case "arrowleft":
-          case "j":
-            this.skip(-5);
-            break;
-          case "arrowright":
-          case "l":
-            this.skip(5);
-            break;
         }
     }
   }
 });
 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(o) {
+  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto" }, 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.hasMultipleSources ? t.sources : [{ src: 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(o) {
-      return t.skip(-5);
-    } } }), 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);
+  }), 0), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn fa-sm fa-solid", class: {
+    "fa-play": !t.playing,
+    "fa-pause": t.playing
+  }, attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }), r("div", { staticClass: "volume-container" }, [r("button", { ref: "muteBtn", staticClass: "mute-btn fa-solid", class: {
+    "fa-volume": t.volume > 0.5 && !t.videoMuted,
+    "fa-volume-low": t.volume <= 0.5 && !t.videoMuted,
+    "fa-volume-slash": t.videoMuted
+  }, attrs: { title: t.videoMuted ? "Unmute" : "Mute" }, on: { click: t.toggleMute } }), 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: "fullScreenBtn", staticClass: "full-screen-btn fa-solid", class: {
+    "fa-expand": !t.isFullscreen,
+    "fa-compress": t.isFullscreen
+  }, on: { click: t.toggleFullscreenMode } })])])]);
 }, ht = [function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
@@ -4610,22 +4627,22 @@ var gt = function() {
   ht,
   !1,
   null,
-  "428638d2",
+  "631af8ea",
   null,
   null
 );
-const vt = yt.exports, ie = {
+const vt = yt.exports, ae = {
   EAvatar: Le,
-  EBadge: ae,
-  EIcon: Ke,
-  ESpinner: ke,
-  ERow: at,
-  ECol: ct,
+  EBadge: se,
+  EIcon: Je,
+  ESpinner: $e,
+  ERow: st,
+  ECol: dt,
   EVideoPlayer: vt
-}, St = {
+}, Ct = {
   install(e) {
-    Object.keys(ie).forEach((t) => {
-      e.component(t, ie[t]);
+    Object.keys(ae).forEach((t) => {
+      e.component(t, ae[t]);
     });
   }
 };
@@ -4633,24 +4650,24 @@ export {
   _t as AvatarSizes,
   wt as BadgeColors,
   xt as BadgeSizes,
-  j as BaseColor,
-  He as Colors,
+  L as BaseColor,
+  qe as Colors,
   Le as EAvatar,
-  ae as EBadge,
-  ct as ECol,
-  Ke as EIcon,
-  at as ERow,
-  ke as ESpinner,
-  Ct as EVENTS,
+  se as EBadge,
+  dt as ECol,
+  Je as EIcon,
+  st as ERow,
+  $e as ESpinner,
+  St as EVENTS,
   vt as EVideoPlayer,
-  Ie as IconSizes,
+  He as IconSizes,
   w as Size,
-  We as TextSizes,
-  ie as components,
-  St as default,
-  ft as exitFullScreen,
-  Se as fullConfig,
-  Pe as isFullScreen,
-  dt as makeFullScreen
+  Ie as TextSizes,
+  ae as components,
+  Ct as default,
+  pt as exitFullScreen,
+  ke as fullConfig,
+  Ee as isFullScreen,
+  ft as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map