@evercam/ui 0.0.52-beta.16 → 0.0.52-beta.18

package/dist/index.mjs

@@ -52,15 +52,15 @@ const rt = q.extend({
     }
   }
 });
-function I(e, t, r, n, s, o, i, d) {
+function I(e, t, r, n, s, o, i, f) {
   var l = typeof e == "function" ? e.options : e;
   t && (l.render = t, l.staticRenderFns = r, l._compiled = !0), n && (l.functional = !0), o && (l._scopeId = "data-v-" + o);
   var a;
-  if (i ? (a = function(m) {
-    m = m || // cached call
+  if (i ? (a = function(c) {
+    c = c || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !m && typeof __VUE_SSR_CONTEXT__ != "undefined" && (m = __VUE_SSR_CONTEXT__), s && s.call(this, m), m && m._registeredComponents && m._registeredComponents.add(i);
-  }, l._ssrRegister = a) : s && (a = d ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ != "undefined" && (c = __VUE_SSR_CONTEXT__), s && s.call(this, c), c && c._registeredComponents && c._registeredComponents.add(i);
+  }, l._ssrRegister = a) : s && (a = f ? function() {
     s.call(
       this,
       (l.functional ? this.parent : this).$root.$options.shadowRoot
@@ -68,13 +68,13 @@ function I(e, t, r, n, s, o, i, d) {
   } : s), a)
     if (l.functional) {
       l._injectStyles = a;
-      var f = l.render;
-      l.render = function(C, b) {
-        return a.call(b), f(C, b);
+      var d = l.render;
+      l.render = function(g, x) {
+        return a.call(x), d(g, x);
       };
     } else {
-      var c = l.beforeCreate;
-      l.beforeCreate = c ? [].concat(c, a) : [a];
+      var y = l.beforeCreate;
+      l.beforeCreate = y ? [].concat(y, a) : [a];
     }
   return {
     exports: e,
@@ -409,10 +409,10 @@ var Ge = ge.exports;
     value: !0
   });
   function t(l, a) {
-    for (var f in a)
-      Object.defineProperty(l, f, {
+    for (var d in a)
+      Object.defineProperty(l, d, {
         enumerable: !0,
-        get: a[f]
+        get: a[d]
       });
   }
   t(e, {
@@ -420,7 +420,7 @@ var Ge = ge.exports;
       return i;
     },
     default: function() {
-      return d;
+      return f;
     }
   });
   const r = /* @__PURE__ */ n(Ge);
@@ -430,13 +430,13 @@ var Ge = ge.exports;
     };
   }
   let s = /* @__PURE__ */ new Set();
-  function o(l, a, f) {
-    typeof process != "undefined" && process.env.JEST_WORKER_ID || f && s.has(f) || (f && s.add(f), console.warn(""), a.forEach((c) => console.warn(l, "-", c)));
+  function o(l, a, d) {
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || d && s.has(d) || (d && s.add(d), console.warn(""), a.forEach((y) => console.warn(l, "-", y)));
   }
   function i(l) {
     return r.default.dim(l);
   }
-  const d = {
+  const f = {
     info(l, a) {
       o(r.default.bold(r.default.cyan("info")), ...Array.isArray(l) ? [
         l
@@ -478,9 +478,9 @@ var Ge = ge.exports;
       default: o
     };
   }
-  function n({ version: o, from: i, to: d }) {
+  function n({ version: o, from: i, to: f }) {
     t.default.warn(`${i}-color-renamed`, [
-      `As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${d}\`.`,
+      `As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${f}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
@@ -825,13 +825,13 @@ var je = {};
   });
   function t(r, ...n) {
     for (let i of n) {
-      for (let d in i) {
+      for (let f in i) {
         var s;
-        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, d) || (r[d] = i[d]);
+        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, f) || (r[f] = i[f]);
       }
-      for (let d of Object.getOwnPropertySymbols(i)) {
+      for (let f of Object.getOwnPropertySymbols(i)) {
         var o;
-        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, d) || (r[d] = i[d]);
+        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, f) || (r[f] = i[f]);
       }
     }
     return r;
@@ -861,28 +861,28 @@ var We = {}, se = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(c, m) {
-    for (var C in m)
-      Object.defineProperty(c, C, {
+  function t(y, c) {
+    for (var g in c)
+      Object.defineProperty(y, g, {
         enumerable: !0,
-        get: m[C]
+        get: c[g]
       });
   }
   t(e, {
     flagEnabled: function() {
-      return d;
+      return f;
     },
     issueFlagNotices: function() {
       return a;
     },
     default: function() {
-      return f;
+      return d;
     }
   });
   const r = /* @__PURE__ */ s(Ge), n = /* @__PURE__ */ s(ie);
-  function s(c) {
-    return c && c.__esModule ? c : {
-      default: c
+  function s(y) {
+    return y && y.__esModule ? y : {
+      default: y
     };
   }
   let o = {
@@ -906,33 +906,33 @@ var We = {}, se = {};
       "generalizedModifiers"
     ]
   };
-  function d(c, m) {
-    if (i.future.includes(m)) {
-      var C, b, k;
-      return c.future === "all" || ((k = (b = c == null || (C = c.future) === null || C === void 0 ? void 0 : C[m]) !== null && b !== void 0 ? b : o[m]) !== null && k !== void 0 ? k : !1);
+  function f(y, c) {
+    if (i.future.includes(c)) {
+      var g, x, D;
+      return y.future === "all" || ((D = (x = y == null || (g = y.future) === null || g === void 0 ? void 0 : g[c]) !== null && x !== void 0 ? x : o[c]) !== null && D !== void 0 ? D : !1);
     }
-    if (i.experimental.includes(m)) {
+    if (i.experimental.includes(c)) {
       var A, z, B;
-      return c.experimental === "all" || ((B = (z = c == null || (A = c.experimental) === null || A === void 0 ? void 0 : A[m]) !== null && z !== void 0 ? z : o[m]) !== null && B !== void 0 ? B : !1);
+      return y.experimental === "all" || ((B = (z = y == null || (A = y.experimental) === null || A === void 0 ? void 0 : A[c]) !== null && z !== void 0 ? z : o[c]) !== null && B !== void 0 ? B : !1);
     }
     return !1;
   }
-  function l(c) {
-    if (c.experimental === "all")
+  function l(y) {
+    if (y.experimental === "all")
       return i.experimental;
-    var m;
-    return Object.keys((m = c == null ? void 0 : c.experimental) !== null && m !== void 0 ? m : {}).filter((C) => i.experimental.includes(C) && c.experimental[C]);
+    var c;
+    return Object.keys((c = y == null ? void 0 : y.experimental) !== null && c !== void 0 ? c : {}).filter((g) => i.experimental.includes(g) && y.experimental[g]);
   }
-  function a(c) {
-    if (process.env.JEST_WORKER_ID === void 0 && l(c).length > 0) {
-      let m = l(c).map((C) => r.default.yellow(C)).join(", ");
+  function a(y) {
+    if (process.env.JEST_WORKER_ID === void 0 && l(y).length > 0) {
+      let c = l(y).map((g) => r.default.yellow(g)).join(", ");
       n.default.warn("experimental-flags-enabled", [
-        `You have enabled experimental features: ${m}`,
+        `You have enabled experimental features: ${c}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
     }
   }
-  const f = i;
+  const d = i;
 })(se);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -947,26 +947,26 @@ var We = {}, se = {};
   function n(i) {
     if (typeof WeakMap != "function")
       return null;
-    var d = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
+    var f = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
     return (n = function(a) {
-      return a ? l : d;
+      return a ? l : f;
     })(i);
   }
-  function s(i, d) {
-    if (!d && i && i.__esModule)
+  function s(i, f) {
+    if (!f && i && i.__esModule)
       return i;
     if (i === null || typeof i != "object" && typeof i != "function")
       return {
         default: i
       };
-    var l = n(d);
+    var l = n(f);
     if (l && l.has(i))
       return l.get(i);
-    var a = {}, f = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var c in i)
-      if (c !== "default" && Object.prototype.hasOwnProperty.call(i, c)) {
-        var m = f ? Object.getOwnPropertyDescriptor(i, c) : null;
-        m && (m.get || m.set) ? Object.defineProperty(a, c, m) : a[c] = i[c];
+    var a = {}, d = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var y in i)
+      if (y !== "default" && Object.prototype.hasOwnProperty.call(i, y)) {
+        var c = d ? Object.getOwnPropertyDescriptor(i, y) : null;
+        c && (c.get || c.set) ? Object.defineProperty(a, y, c) : a[y] = i[y];
       }
     return a.default = i, l && l.set(i, a), a;
   }
@@ -1011,12 +1011,12 @@ var We = {}, se = {};
       "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
     ]), i.safelist = (() => {
       var a;
-      let { content: f, purge: c, safelist: m } = i;
-      return Array.isArray(m) ? m : Array.isArray(f == null ? void 0 : f.safelist) ? f.safelist : Array.isArray(c == null ? void 0 : c.safelist) ? c.safelist : Array.isArray(c == null || (a = c.options) === null || a === void 0 ? void 0 : a.safelist) ? c.options.safelist : [];
+      let { content: d, purge: y, safelist: c } = i;
+      return Array.isArray(c) ? c : Array.isArray(d == null ? void 0 : d.safelist) ? d.safelist : Array.isArray(y == null ? void 0 : y.safelist) ? y.safelist : Array.isArray(y == null || (a = y.options) === null || a === void 0 ? void 0 : a.safelist) ? y.options.safelist : [];
     })(), i.blocklist = (() => {
       let { blocklist: a } = i;
       if (Array.isArray(a)) {
-        if (a.every((f) => typeof f == "string"))
+        if (a.every((d) => typeof d == "string"))
           return a;
         r.default.warn("blocklist-invalid", [
           "The `blocklist` option must be an array of strings.",
@@ -1040,36 +1040,36 @@ var We = {}, se = {};
         return a != null && a.relative ? a.relative : (0, t.flagEnabled)(i, "relativeContentPathsByDefault");
       })(),
       files: (() => {
-        let { content: a, purge: f } = i;
-        return Array.isArray(f) ? f : Array.isArray(f == null ? void 0 : f.content) ? f.content : Array.isArray(a) ? a : Array.isArray(a == null ? void 0 : a.content) ? a.content : Array.isArray(a == null ? void 0 : a.files) ? a.files : [];
+        let { content: a, purge: d } = i;
+        return Array.isArray(d) ? d : Array.isArray(d == null ? void 0 : d.content) ? d.content : Array.isArray(a) ? a : Array.isArray(a == null ? void 0 : a.content) ? a.content : Array.isArray(a == null ? void 0 : a.files) ? a.files : [];
       })(),
       extract: (() => {
         let a = (() => {
-          var m, C, b, k, A, z, B, M, H, L;
-          return !((m = i.purge) === null || m === void 0) && m.extract ? i.purge.extract : !((C = i.content) === null || C === void 0) && C.extract ? i.content.extract : !((b = i.purge) === null || b === void 0 || (k = b.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((A = i.content) === null || A === void 0 || (z = A.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((B = i.purge) === null || B === void 0 || (M = B.options) === null || M === void 0) && M.extractors ? i.purge.options.extractors : !((H = i.content) === null || H === void 0 || (L = H.options) === null || L === void 0) && L.extractors ? i.content.options.extractors : {};
-        })(), f = {}, c = (() => {
-          var m, C, b, k;
-          if (!((m = i.purge) === null || m === void 0 || (C = m.options) === null || C === void 0) && C.defaultExtractor)
+          var c, g, x, D, A, z, B, M, H, L;
+          return !((c = i.purge) === null || c === void 0) && c.extract ? i.purge.extract : !((g = i.content) === null || g === void 0) && g.extract ? i.content.extract : !((x = i.purge) === null || x === void 0 || (D = x.extract) === null || D === void 0) && D.DEFAULT ? i.purge.extract.DEFAULT : !((A = i.content) === null || A === void 0 || (z = A.extract) === null || z === void 0) && z.DEFAULT ? i.content.extract.DEFAULT : !((B = i.purge) === null || B === void 0 || (M = B.options) === null || M === void 0) && M.extractors ? i.purge.options.extractors : !((H = i.content) === null || H === void 0 || (L = H.options) === null || L === void 0) && L.extractors ? i.content.options.extractors : {};
+        })(), d = {}, y = (() => {
+          var c, g, x, D;
+          if (!((c = i.purge) === null || c === void 0 || (g = c.options) === null || g === void 0) && g.defaultExtractor)
             return i.purge.options.defaultExtractor;
-          if (!((b = i.content) === null || b === void 0 || (k = b.options) === null || k === void 0) && k.defaultExtractor)
+          if (!((x = i.content) === null || x === void 0 || (D = x.options) === null || D === void 0) && D.defaultExtractor)
             return i.content.options.defaultExtractor;
         })();
-        if (c !== void 0 && (f.DEFAULT = c), typeof a == "function")
-          f.DEFAULT = a;
+        if (y !== void 0 && (d.DEFAULT = y), typeof a == "function")
+          d.DEFAULT = a;
         else if (Array.isArray(a))
-          for (let { extensions: m, extractor: C } of a != null ? a : [])
-            for (let b of m)
-              f[b] = C;
+          for (let { extensions: c, extractor: g } of a != null ? a : [])
+            for (let x of c)
+              d[x] = g;
         else
-          typeof a == "object" && a !== null && Object.assign(f, a);
-        return f;
+          typeof a == "object" && a !== null && Object.assign(d, a);
+        return d;
       })(),
       transform: (() => {
         let a = (() => {
-          var c, m, C, b, k, A;
-          return !((c = i.purge) === null || c === void 0) && c.transform ? i.purge.transform : !((m = i.content) === null || m === void 0) && m.transform ? i.content.transform : !((C = i.purge) === null || C === void 0 || (b = C.transform) === null || b === void 0) && b.DEFAULT ? i.purge.transform.DEFAULT : !((k = i.content) === null || k === void 0 || (A = k.transform) === null || A === void 0) && A.DEFAULT ? i.content.transform.DEFAULT : {};
-        })(), f = {};
-        return typeof a == "function" && (f.DEFAULT = a), typeof a == "object" && a !== null && Object.assign(f, a), f;
+          var y, c, g, x, D, A;
+          return !((y = i.purge) === null || y === void 0) && y.transform ? i.purge.transform : !((c = i.content) === null || c === void 0) && c.transform ? i.content.transform : !((g = i.purge) === null || g === void 0 || (x = g.transform) === null || x === void 0) && x.DEFAULT ? i.purge.transform.DEFAULT : !((D = i.content) === null || D === void 0 || (A = D.transform) === null || A === void 0) && A.DEFAULT ? i.content.transform.DEFAULT : {};
+        })(), d = {};
+        return typeof a == "function" && (d.DEFAULT = a), typeof a == "object" && a !== null && Object.assign(d, a), d;
       })()
     };
     for (let a of i.content.files)
@@ -1888,33 +1888,33 @@ var ve = {}, ye = {}, Xe = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(b, k) {
-    for (var A in k)
-      Object.defineProperty(b, A, {
+  function t(x, D) {
+    for (var A in D)
+      Object.defineProperty(x, A, {
         enumerable: !0,
-        get: k[A]
+        get: D[A]
       });
   }
   t(e, {
     parseColor: function() {
-      return m;
+      return c;
     },
     formatColor: function() {
-      return C;
+      return g;
     }
   });
   const r = /* @__PURE__ */ n(Xe);
-  function n(b) {
-    return b && b.__esModule ? b : {
-      default: b
+  function n(x) {
+    return x && x.__esModule ? x : {
+      default: x
     };
   }
-  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, d = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, a = /var\(--(?:[^ )]*?)\)/, f = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`), c = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`);
-  function m(b, { loose: k = !1 } = {}) {
+  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, f = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, a = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${a.source})(?:${f.source}(${i.source}|${a.source}))?(?:${f.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`), y = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${a.source})(?:${f.source}(${i.source}|${a.source}))?(?:${f.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`);
+  function c(x, { loose: D = !1 } = {}) {
     var A, z;
-    if (typeof b != "string")
+    if (typeof x != "string")
       return null;
-    if (b = b.trim(), b === "transparent")
+    if (x = x.trim(), x === "transparent")
       return {
         mode: "rgb",
         color: [
@@ -1924,20 +1924,20 @@ var ve = {}, ye = {}, Xe = {};
         ],
         alpha: "0"
       };
-    if (b in r.default)
+    if (x in r.default)
       return {
         mode: "rgb",
-        color: r.default[b].map((R) => R.toString())
+        color: r.default[x].map((R) => R.toString())
       };
-    let B = b.replace(o, (R, U, W, y, D) => [
+    let B = x.replace(o, (R, U, W, b, k) => [
       "#",
       U,
       U,
       W,
       W,
-      y,
-      y,
-      D ? D + D : ""
+      b,
+      b,
+      k ? k + k : ""
     ].join("")).match(s);
     if (B !== null)
       return {
@@ -1950,7 +1950,7 @@ var ve = {}, ye = {}, Xe = {};
         alpha: B[4] ? (parseInt(B[4], 16) / 255).toString() : void 0
       };
     var M;
-    let H = (M = b.match(f)) !== null && M !== void 0 ? M : b.match(c);
+    let H = (M = x.match(d)) !== null && M !== void 0 ? M : x.match(y);
     if (H === null)
       return null;
     let L = [
@@ -1964,15 +1964,15 @@ var ve = {}, ye = {}, Xe = {};
         L[0]
       ],
       alpha: L[1]
-    } : !k && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
+    } : !D && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
       mode: H[1],
       color: L,
       alpha: (A = H[5]) === null || A === void 0 || (z = A.toString) === null || z === void 0 ? void 0 : z.call(A)
     };
   }
-  function C({ mode: b, color: k, alpha: A }) {
+  function g({ mode: x, color: D, alpha: A }) {
     let z = A !== void 0;
-    return b === "rgba" || b === "hsla" ? `${b}(${k.join(", ")}${z ? `, ${A}` : ""})` : `${b}(${k.join(" ")}${z ? ` / ${A}` : ""})`;
+    return x === "rgba" || x === "hsla" ? `${x}(${D.join(", ")}${z ? `, ${A}` : ""})` : `${x}(${D.join(" ")}${z ? ` / ${A}` : ""})`;
   }
 })(ye);
 (function(e) {
@@ -1980,10 +1980,10 @@ var ve = {}, ye = {}, Xe = {};
     value: !0
   });
   function t(o, i) {
-    for (var d in i)
-      Object.defineProperty(o, d, {
+    for (var f in i)
+      Object.defineProperty(o, f, {
         enumerable: !0,
-        get: i[d]
+        get: i[f]
       });
   }
   t(e, {
@@ -1995,7 +1995,7 @@ var ve = {}, ye = {}, Xe = {};
     }
   });
   const r = ye;
-  function n(o, i, d) {
+  function n(o, i, f) {
     if (typeof o == "function")
       return o({
         opacityValue: i
@@ -2003,38 +2003,38 @@ var ve = {}, ye = {}, Xe = {};
     let l = (0, r.parseColor)(o, {
       loose: !0
     });
-    return l === null ? d : (0, r.formatColor)({
+    return l === null ? f : (0, r.formatColor)({
       ...l,
       alpha: i
     });
   }
-  function s({ color: o, property: i, variable: d }) {
+  function s({ color: o, property: i, variable: f }) {
     let l = [].concat(i);
     if (typeof o == "function")
       return {
-        [d]: "1",
-        ...Object.fromEntries(l.map((f) => [
-          f,
+        [f]: "1",
+        ...Object.fromEntries(l.map((d) => [
+          d,
           o({
-            opacityVariable: d,
-            opacityValue: `var(${d})`
+            opacityVariable: f,
+            opacityValue: `var(${f})`
           })
         ]))
       };
     const a = (0, r.parseColor)(o);
-    return a === null ? Object.fromEntries(l.map((f) => [
-      f,
+    return a === null ? Object.fromEntries(l.map((d) => [
+      d,
       o
-    ])) : a.alpha !== void 0 ? Object.fromEntries(l.map((f) => [
-      f,
+    ])) : a.alpha !== void 0 ? Object.fromEntries(l.map((d) => [
+      d,
       o
     ])) : {
-      [d]: "1",
-      ...Object.fromEntries(l.map((f) => [
-        f,
+      [f]: "1",
+      ...Object.fromEntries(l.map((d) => [
+        d,
         (0, r.formatColor)({
           ...a,
-          alpha: `var(${d})`
+          alpha: `var(${f})`
         })
       ]))
     };
@@ -2051,10 +2051,10 @@ var be = {}, qe = {}, ae = {};
     }
   });
   function t(r, n) {
-    let s = [], o = [], i = 0, d = !1;
+    let s = [], o = [], i = 0, f = !1;
     for (let l = 0; l < r.length; l++) {
       let a = r[l];
-      s.length === 0 && a === n[0] && !d && (n.length === 1 || r.slice(l, l + n.length) === n) && (o.push(r.slice(i, l)), i = l + n.length), d ? d = !1 : a === "\\" && (d = !0), a === "(" || a === "[" || a === "{" ? s.push(a) : (a === ")" && s[s.length - 1] === "(" || a === "]" && s[s.length - 1] === "[" || a === "}" && s[s.length - 1] === "{") && s.pop();
+      s.length === 0 && a === n[0] && !f && (n.length === 1 || r.slice(l, l + n.length) === n) && (o.push(r.slice(i, l)), i = l + n.length), f ? f = !1 : a === "\\" && (f = !0), a === "(" || a === "[" || a === "{" ? s.push(a) : (a === ")" && s[s.length - 1] === "(" || a === "]" && s[s.length - 1] === "[" || a === "}" && s[s.length - 1] === "{") && s.pop();
     }
     return o.push(r.slice(i)), o;
   }
@@ -2064,10 +2064,10 @@ var be = {}, qe = {}, ae = {};
     value: !0
   });
   function t(l, a) {
-    for (var f in a)
-      Object.defineProperty(l, f, {
+    for (var d in a)
+      Object.defineProperty(l, d, {
         enumerable: !0,
-        get: a[f]
+        get: a[d]
       });
   }
   t(e, {
@@ -2075,7 +2075,7 @@ var be = {}, qe = {}, ae = {};
       return i;
     },
     formatBoxShadowValue: function() {
-      return d;
+      return f;
     }
   });
   const r = ae;
@@ -2087,16 +2087,16 @@ var be = {}, qe = {}, ae = {};
     "unset"
   ]), s = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
   function i(l) {
-    return (0, r.splitAtTopLevelOnly)(l, ",").map((f) => {
-      let c = f.trim(), m = {
-        raw: c
-      }, C = c.split(s), b = /* @__PURE__ */ new Set();
-      for (let k of C)
-        o.lastIndex = 0, !b.has("KEYWORD") && n.has(k) ? (m.keyword = k, b.add("KEYWORD")) : o.test(k) ? b.has("X") ? b.has("Y") ? b.has("BLUR") ? b.has("SPREAD") || (m.spread = k, b.add("SPREAD")) : (m.blur = k, b.add("BLUR")) : (m.y = k, b.add("Y")) : (m.x = k, b.add("X")) : m.color ? (m.unknown || (m.unknown = []), m.unknown.push(k)) : m.color = k;
-      return m.valid = m.x !== void 0 && m.y !== void 0, m;
+    return (0, r.splitAtTopLevelOnly)(l, ",").map((d) => {
+      let y = d.trim(), c = {
+        raw: y
+      }, g = y.split(s), x = /* @__PURE__ */ new Set();
+      for (let D of g)
+        o.lastIndex = 0, !x.has("KEYWORD") && n.has(D) ? (c.keyword = D, x.add("KEYWORD")) : o.test(D) ? x.has("X") ? x.has("Y") ? x.has("BLUR") ? x.has("SPREAD") || (c.spread = D, x.add("SPREAD")) : (c.blur = D, x.add("BLUR")) : (c.y = D, x.add("Y")) : (c.x = D, x.add("X")) : c.color ? (c.unknown || (c.unknown = []), c.unknown.push(D)) : c.color = D;
+      return c.valid = c.x !== void 0 && c.y !== void 0, c;
     });
   }
-  function d(l) {
+  function f(l) {
     return l.map((a) => a.valid ? [
       a.keyword,
       a.x,
@@ -2111,11 +2111,11 @@ var be = {}, qe = {}, ae = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(h, w) {
-    for (var F in w)
+  function t(h, C) {
+    for (var F in C)
       Object.defineProperty(h, F, {
         enumerable: !0,
-        get: w[F]
+        get: C[F]
       });
   }
   t(e, {
@@ -2123,13 +2123,13 @@ var be = {}, qe = {}, ae = {};
       return a;
     },
     url: function() {
-      return c;
+      return y;
     },
     number: function() {
-      return m;
+      return c;
     },
     percentage: function() {
-      return C;
+      return g;
     },
     length: function() {
       return A;
@@ -2150,16 +2150,16 @@ var be = {}, qe = {}, ae = {};
       return U;
     },
     position: function() {
-      return y;
+      return b;
     },
     familyName: function() {
-      return D;
+      return k;
     },
     genericName: function() {
       return p;
     },
     absoluteSize: function() {
-      return _;
+      return w;
     },
     relativeSize: function() {
       return $;
@@ -2173,28 +2173,28 @@ var be = {}, qe = {}, ae = {};
     "calc"
   ];
   function i(h) {
-    return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(h));
+    return o.some((C) => new RegExp(`^${C}\\(.*\\)`).test(h));
   }
-  const d = "--tw-placeholder", l = new RegExp(d, "g");
-  function a(h, w = !0) {
-    return h.startsWith("--") ? `var(${h})` : h.includes("url(") ? h.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : a(F, !1)).join("") : (h = h.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (h = h.trim()), h = f(h), h);
+  const f = "--tw-placeholder", l = new RegExp(f, "g");
+  function a(h, C = !0) {
+    return h.startsWith("--") ? `var(${h})` : h.includes("url(") ? h.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : a(F, !1)).join("") : (h = h.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), C && (h = h.trim()), h = d(h), h);
   }
-  function f(h) {
-    return h.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
+  function d(h) {
+    return h.replace(/(calc|min|max|clamp)\(.+\)/g, (C) => {
       let F = [];
-      return w.replace(/var\((--.+?)[,)]/g, (O, Q) => (F.push(Q), O.replace(Q, d))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
+      return C.replace(/var\((--.+?)[,)]/g, (O, Q) => (F.push(Q), O.replace(Q, f))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
     });
   }
-  function c(h) {
+  function y(h) {
     return h.startsWith("url(");
   }
-  function m(h) {
+  function c(h) {
     return !isNaN(Number(h)) || i(h);
   }
-  function C(h) {
-    return h.endsWith("%") && m(h.slice(0, -1)) || i(h);
+  function g(h) {
+    return h.endsWith("%") && c(h.slice(0, -1)) || i(h);
   }
-  let k = `(?:${[
+  let D = `(?:${[
     "cm",
     "mm",
     "Q",
@@ -2228,7 +2228,7 @@ var be = {}, qe = {}, ae = {};
     "cqmax"
   ].join("|")})`;
   function A(h) {
-    return h === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(h) || i(h);
+    return h === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${D}$`).test(h) || i(h);
   }
   let z = /* @__PURE__ */ new Set([
     "thin",
@@ -2239,26 +2239,26 @@ var be = {}, qe = {}, ae = {};
     return z.has(h);
   }
   function M(h) {
-    let w = (0, n.parseBoxShadowValue)(a(h));
-    for (let F of w)
+    let C = (0, n.parseBoxShadowValue)(a(h));
+    for (let F of C)
       if (!F.valid)
         return !1;
     return !0;
   }
   function H(h) {
-    let w = 0;
+    let C = 0;
     return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
       loose: !0
-    }) !== null ? (w++, !0) : !1)) ? w > 0 : !1;
+    }) !== null ? (C++, !0) : !1)) ? C > 0 : !1;
   }
   function L(h) {
-    let w = 0;
-    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : c(O) || U(O) || [
+    let C = 0;
+    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : y(O) || U(O) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((Q) => O.startsWith(Q)) ? (w++, !0) : !1)) ? w > 0 : !1;
+    ].some((Q) => O.startsWith(Q)) ? (C++, !0) : !1)) ? C > 0 : !1;
   }
   let R = /* @__PURE__ */ new Set([
     "conic-gradient",
@@ -2270,8 +2270,8 @@ var be = {}, qe = {}, ae = {};
   ]);
   function U(h) {
     h = a(h);
-    for (let w of R)
-      if (h.startsWith(`${w}(`))
+    for (let C of R)
+      if (h.startsWith(`${C}(`))
         return !0;
     return !1;
   }
@@ -2282,13 +2282,13 @@ var be = {}, qe = {}, ae = {};
     "bottom",
     "left"
   ]);
-  function y(h) {
-    let w = 0;
-    return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : W.has(O) || A(O) || C(O) ? (w++, !0) : !1)) ? w > 0 : !1;
+  function b(h) {
+    let C = 0;
+    return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : W.has(O) || A(O) || g(O) ? (C++, !0) : !1)) ? C > 0 : !1;
   }
-  function D(h) {
-    let w = 0;
-    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (w++, !0))) ? w > 0 : !1;
+  function k(h) {
+    let C = 0;
+    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (C++, !0))) ? C > 0 : !1;
   }
   let S = /* @__PURE__ */ new Set([
     "serif",
@@ -2308,7 +2308,7 @@ var be = {}, qe = {}, ae = {};
   function p(h) {
     return S.has(h);
   }
-  let x = /* @__PURE__ */ new Set([
+  let _ = /* @__PURE__ */ new Set([
     "xx-small",
     "x-small",
     "small",
@@ -2318,8 +2318,8 @@ var be = {}, qe = {}, ae = {};
     "x-large",
     "xxx-large"
   ]);
-  function _(h) {
-    return x.has(h);
+  function w(h) {
+    return _.has(h);
   }
   let v = /* @__PURE__ */ new Set([
     "larger",
@@ -2346,8 +2346,8 @@ var Ye = {};
       "contain"
     ];
     return (0, r.splitAtTopLevelOnly)(s, ",").every((i) => {
-      let d = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
-      return d.length === 1 && o.includes(d[0]) ? !0 : d.length !== 1 && d.length !== 2 ? !1 : d.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
+      let f = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
+      return f.length === 1 && o.includes(f[0]) ? !0 : f.length !== 1 && f.length !== 2 ? !1 : f.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
     });
   }
 })(Ye);
@@ -2355,11 +2355,11 @@ var Ye = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(y, D) {
-    for (var S in D)
-      Object.defineProperty(y, S, {
+  function t(b, k) {
+    for (var S in k)
+      Object.defineProperty(b, S, {
         enumerable: !0,
-        get: D[S]
+        get: k[S]
       });
   }
   t(e, {
@@ -2367,10 +2367,10 @@ var Ye = {};
       return a;
     },
     asValue: function() {
-      return m;
+      return c;
     },
     parseColorFormat: function() {
-      return k;
+      return D;
     },
     asColor: function() {
       return z;
@@ -2388,91 +2388,91 @@ var Ye = {};
       return W;
     }
   });
-  const r = /* @__PURE__ */ l(Ve), n = ve, s = be, o = /* @__PURE__ */ l(me), i = Ye, d = se;
-  function l(y) {
-    return y && y.__esModule ? y : {
-      default: y
+  const r = /* @__PURE__ */ l(Ve), n = ve, s = be, o = /* @__PURE__ */ l(me), i = Ye, f = se;
+  function l(b) {
+    return b && b.__esModule ? b : {
+      default: b
     };
   }
-  function a(y, D) {
-    y.walkClasses((S) => {
-      S.value = D(S.value), S.raws && S.raws.value && (S.raws.value = (0, r.default)(S.raws.value));
+  function a(b, k) {
+    b.walkClasses((S) => {
+      S.value = k(S.value), S.raws && S.raws.value && (S.raws.value = (0, r.default)(S.raws.value));
     });
   }
-  function f(y, D) {
-    if (!C(y))
+  function d(b, k) {
+    if (!g(b))
       return;
-    let S = y.slice(1, -1);
-    if (D(S))
+    let S = b.slice(1, -1);
+    if (k(S))
       return (0, s.normalize)(S);
   }
-  function c(y, D = {}, S) {
-    let p = D[y];
+  function y(b, k = {}, S) {
+    let p = k[b];
     if (p !== void 0)
       return (0, o.default)(p);
-    if (C(y)) {
-      let x = f(y, S);
-      return x === void 0 ? void 0 : (0, o.default)(x);
+    if (g(b)) {
+      let _ = d(b, S);
+      return _ === void 0 ? void 0 : (0, o.default)(_);
     }
   }
-  function m(y, D = {}, { validate: S = () => !0 } = {}) {
+  function c(b, k = {}, { validate: S = () => !0 } = {}) {
     var p;
-    let x = (p = D.values) === null || p === void 0 ? void 0 : p[y];
-    return x !== void 0 ? x : D.supportsNegativeValues && y.startsWith("-") ? c(y.slice(1), D.values, S) : f(y, S);
+    let _ = (p = k.values) === null || p === void 0 ? void 0 : p[b];
+    return _ !== void 0 ? _ : k.supportsNegativeValues && b.startsWith("-") ? y(b.slice(1), k.values, S) : d(b, S);
   }
-  function C(y) {
-    return y.startsWith("[") && y.endsWith("]");
+  function g(b) {
+    return b.startsWith("[") && b.endsWith("]");
   }
-  function b(y) {
-    let D = y.lastIndexOf("/");
-    return D === -1 || D === y.length - 1 ? [
-      y,
+  function x(b) {
+    let k = b.lastIndexOf("/");
+    return k === -1 || k === b.length - 1 ? [
+      b,
       void 0
-    ] : C(y) && !y.includes("]/[") ? [
-      y,
+    ] : g(b) && !b.includes("]/[") ? [
+      b,
       void 0
     ] : [
-      y.slice(0, D),
-      y.slice(D + 1)
+      b.slice(0, k),
+      b.slice(k + 1)
     ];
   }
-  function k(y) {
-    if (typeof y == "string" && y.includes("<alpha-value>")) {
-      let D = y;
-      return ({ opacityValue: S = 1 }) => D.replace("<alpha-value>", S);
+  function D(b) {
+    if (typeof b == "string" && b.includes("<alpha-value>")) {
+      let k = b;
+      return ({ opacityValue: S = 1 }) => k.replace("<alpha-value>", S);
     }
-    return y;
+    return b;
   }
-  function A(y) {
-    return (0, s.normalize)(y.slice(1, -1));
+  function A(b) {
+    return (0, s.normalize)(b.slice(1, -1));
   }
-  function z(y, D = {}, { tailwindConfig: S = {} } = {}) {
+  function z(b, k = {}, { tailwindConfig: S = {} } = {}) {
     var p;
-    if (((p = D.values) === null || p === void 0 ? void 0 : p[y]) !== void 0) {
-      var x;
-      return k((x = D.values) === null || x === void 0 ? void 0 : x[y]);
+    if (((p = k.values) === null || p === void 0 ? void 0 : p[b]) !== void 0) {
+      var _;
+      return D((_ = k.values) === null || _ === void 0 ? void 0 : _[b]);
     }
-    let [_, v] = b(y);
+    let [w, v] = x(b);
     if (v !== void 0) {
-      var $, h, w, F;
-      let O = (F = ($ = D.values) === null || $ === void 0 ? void 0 : $[_]) !== null && F !== void 0 ? F : C(_) ? _.slice(1, -1) : void 0;
-      return O === void 0 ? void 0 : (O = k(O), C(v) ? (0, n.withAlphaValue)(O, A(v)) : ((h = S.theme) === null || h === void 0 || (w = h.opacity) === null || w === void 0 ? void 0 : w[v]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, S.theme.opacity[v]));
+      var $, h, C, F;
+      let O = (F = ($ = k.values) === null || $ === void 0 ? void 0 : $[w]) !== null && F !== void 0 ? F : g(w) ? w.slice(1, -1) : void 0;
+      return O === void 0 ? void 0 : (O = D(O), g(v) ? (0, n.withAlphaValue)(O, A(v)) : ((h = S.theme) === null || h === void 0 || (C = h.opacity) === null || C === void 0 ? void 0 : C[v]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, S.theme.opacity[v]));
     }
-    return m(y, D, {
+    return c(b, k, {
       validate: s.color
     });
   }
-  function B(y, D = {}) {
+  function B(b, k = {}) {
     var S;
-    return (S = D.values) === null || S === void 0 ? void 0 : S[y];
+    return (S = k.values) === null || S === void 0 ? void 0 : S[b];
   }
-  function M(y) {
-    return (D, S) => m(D, S, {
-      validate: y
+  function M(b) {
+    return (k, S) => c(k, S, {
+      validate: b
     });
   }
   let H = {
-    any: m,
+    any: c,
     color: z,
     url: M(s.url),
     image: M(s.image),
@@ -2489,56 +2489,56 @@ var Ye = {};
     shadow: M(s.shadow),
     size: M(i.backgroundSize)
   }, L = Object.keys(H);
-  function R(y, D) {
-    let S = y.indexOf(D);
+  function R(b, k) {
+    let S = b.indexOf(k);
     return S === -1 ? [
       void 0,
-      y
+      b
     ] : [
-      y.slice(0, S),
-      y.slice(S + 1)
+      b.slice(0, S),
+      b.slice(S + 1)
     ];
   }
-  function U(y, D, S, p) {
-    if (S.values && D in S.values)
-      for (let { type: _ } of y != null ? y : []) {
-        let v = H[_](D, S, {
+  function U(b, k, S, p) {
+    if (S.values && k in S.values)
+      for (let { type: w } of b != null ? b : []) {
+        let v = H[w](k, S, {
           tailwindConfig: p
         });
         if (v !== void 0)
           return [
             v,
-            _,
+            w,
             null
           ];
       }
-    if (C(D)) {
-      let _ = D.slice(1, -1), [v, $] = R(_, ":");
+    if (g(k)) {
+      let w = k.slice(1, -1), [v, $] = R(w, ":");
       if (!/^[\w-_]+$/g.test(v))
-        $ = _;
+        $ = w;
       else if (v !== void 0 && !L.includes(v))
         return [];
       if ($.length > 0 && L.includes(v))
         return [
-          m(`[${$}]`, S),
+          c(`[${$}]`, S),
           v,
           null
         ];
     }
-    let x = W(y, D, S, p);
-    for (let _ of x)
-      return _;
+    let _ = W(b, k, S, p);
+    for (let w of _)
+      return w;
     return [];
   }
-  function* W(y, D, S, p) {
-    let x = (0, d.flagEnabled)(p, "generalizedModifiers"), [_, v] = b(D);
-    if (x && S.modifiers != null && (S.modifiers === "any" || typeof S.modifiers == "object" && (v && C(v) || v in S.modifiers)) || (_ = D, v = void 0), v !== void 0 && _ === "" && (_ = "DEFAULT"), v !== void 0 && typeof S.modifiers == "object") {
-      var h, w;
-      let F = (w = (h = S.modifiers) === null || h === void 0 ? void 0 : h[v]) !== null && w !== void 0 ? w : null;
-      F !== null ? v = F : C(v) && (v = A(v));
+  function* W(b, k, S, p) {
+    let _ = (0, f.flagEnabled)(p, "generalizedModifiers"), [w, v] = x(k);
+    if (_ && S.modifiers != null && (S.modifiers === "any" || typeof S.modifiers == "object" && (v && g(v) || v in S.modifiers)) || (w = k, v = void 0), v !== void 0 && w === "" && (w = "DEFAULT"), v !== void 0 && typeof S.modifiers == "object") {
+      var h, C;
+      let F = (C = (h = S.modifiers) === null || h === void 0 ? void 0 : h[v]) !== null && C !== void 0 ? C : null;
+      F !== null ? v = F : g(v) && (v = A(v));
     }
-    for (let { type: F } of y != null ? y : []) {
-      let O = H[F](_, S, {
+    for (let { type: F } of b != null ? b : []) {
+      let O = H[F](w, S, {
         tailwindConfig: p
       });
       O !== void 0 && (yield [
@@ -2572,44 +2572,44 @@ var Ze = {};
       return S;
     }
   });
-  const t = /* @__PURE__ */ C(me), r = /* @__PURE__ */ C(Be), n = /* @__PURE__ */ C(He), s = /* @__PURE__ */ C(pe), o = je, i = Re, d = We, l = /* @__PURE__ */ C(Ne), a = Ue, f = Ie, c = ve, m = /* @__PURE__ */ C(Ze);
-  function C(p) {
+  const t = /* @__PURE__ */ g(me), r = /* @__PURE__ */ g(Be), n = /* @__PURE__ */ g(He), s = /* @__PURE__ */ g(pe), o = je, i = Re, f = We, l = /* @__PURE__ */ g(Ne), a = Ue, d = Ie, y = ve, c = /* @__PURE__ */ g(Ze);
+  function g(p) {
     return p && p.__esModule ? p : {
       default: p
     };
   }
-  function b(p) {
+  function x(p) {
     return typeof p == "function";
   }
-  function k(p, ...x) {
-    let _ = x.pop();
-    for (let v of x)
+  function D(p, ..._) {
+    let w = _.pop();
+    for (let v of _)
       for (let $ in v) {
-        let h = _(p[$], v[$]);
-        h === void 0 ? (0, l.default)(p[$]) && (0, l.default)(v[$]) ? p[$] = k({}, p[$], v[$], _) : p[$] = v[$] : p[$] = h;
+        let h = w(p[$], v[$]);
+        h === void 0 ? (0, l.default)(p[$]) && (0, l.default)(v[$]) ? p[$] = D({}, p[$], v[$], w) : p[$] = v[$] : p[$] = h;
       }
     return p;
   }
   const A = {
     colors: s.default,
     negative(p) {
-      return Object.keys(p).filter((x) => p[x] !== "0").reduce((x, _) => {
-        let v = (0, t.default)(p[_]);
-        return v !== void 0 && (x[`-${_}`] = v), x;
+      return Object.keys(p).filter((_) => p[_] !== "0").reduce((_, w) => {
+        let v = (0, t.default)(p[w]);
+        return v !== void 0 && (_[`-${w}`] = v), _;
       }, {});
     },
     breakpoints(p) {
-      return Object.keys(p).filter((x) => typeof p[x] == "string").reduce((x, _) => ({
-        ...x,
-        [`screen-${_}`]: p[_]
+      return Object.keys(p).filter((_) => typeof p[_] == "string").reduce((_, w) => ({
+        ..._,
+        [`screen-${w}`]: p[w]
       }), {});
     }
   };
-  function z(p, ...x) {
-    return b(p) ? p(...x) : p;
+  function z(p, ..._) {
+    return x(p) ? p(..._) : p;
   }
   function B(p) {
-    return p.reduce((x, { extend: _ }) => k(x, _, (v, $) => v === void 0 ? [
+    return p.reduce((_, { extend: w }) => D(_, w, (v, $) => v === void 0 ? [
       $
     ] : Array.isArray(v) ? [
       $,
@@ -2621,98 +2621,98 @@ var Ze = {};
   }
   function M(p) {
     return {
-      ...p.reduce((x, _) => (0, o.defaults)(x, _), {}),
+      ...p.reduce((_, w) => (0, o.defaults)(_, w), {}),
       // 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: B(p)
     };
   }
-  function H(p, x) {
+  function H(p, _) {
     if (Array.isArray(p) && (0, l.default)(p[0]))
-      return p.concat(x);
-    if (Array.isArray(x) && (0, l.default)(x[0]) && (0, l.default)(p))
+      return p.concat(_);
+    if (Array.isArray(_) && (0, l.default)(_[0]) && (0, l.default)(p))
       return [
         p,
-        ...x
+        ..._
       ];
-    if (Array.isArray(x))
-      return x;
+    if (Array.isArray(_))
+      return _;
   }
-  function L({ extend: p, ...x }) {
-    return k(x, p, (_, v) => !b(_) && !v.some(b) ? k({}, _, ...v, H) : ($, h) => k({}, ...[
-      _,
+  function L({ extend: p, ..._ }) {
+    return D(_, p, (w, v) => !x(w) && !v.some(x) ? D({}, w, ...v, H) : ($, h) => D({}, ...[
+      w,
       ...v
-    ].map((w) => z(w, $, h)), H));
+    ].map((C) => z(C, $, h)), H));
   }
   function* R(p) {
-    let x = (0, i.toPath)(p);
-    if (x.length === 0 || (yield x, Array.isArray(p)))
+    let _ = (0, i.toPath)(p);
+    if (_.length === 0 || (yield _, Array.isArray(p)))
       return;
-    let _ = /^(.*?)\s*\/\s*([^/]+)$/, v = p.match(_);
+    let w = /^(.*?)\s*\/\s*([^/]+)$/, v = p.match(w);
     if (v !== null) {
-      let [, $, h] = v, w = (0, i.toPath)($);
-      w.alpha = h, yield w;
+      let [, $, h] = v, C = (0, i.toPath)($);
+      C.alpha = h, yield C;
     }
   }
   function U(p) {
-    const x = (_, v) => {
-      for (const $ of R(_)) {
-        let h = 0, w = p;
-        for (; w != null && h < $.length; )
-          w = w[$[h++]], w = b(w) && ($.alpha === void 0 || h <= $.length - 1) ? w(x, A) : w;
-        if (w !== void 0) {
+    const _ = (w, v) => {
+      for (const $ of R(w)) {
+        let h = 0, C = p;
+        for (; C != null && h < $.length; )
+          C = C[$[h++]], C = x(C) && ($.alpha === void 0 || h <= $.length - 1) ? C(_, A) : C;
+        if (C !== void 0) {
           if ($.alpha !== void 0) {
-            let F = (0, f.parseColorFormat)(w);
-            return (0, c.withAlphaValue)(F, $.alpha, (0, m.default)(F));
+            let F = (0, d.parseColorFormat)(C);
+            return (0, y.withAlphaValue)(F, $.alpha, (0, c.default)(F));
           }
-          return (0, l.default)(w) ? (0, a.cloneDeep)(w) : w;
+          return (0, l.default)(C) ? (0, a.cloneDeep)(C) : C;
         }
       }
       return v;
     };
-    return Object.assign(x, {
-      theme: x,
+    return Object.assign(_, {
+      theme: _,
       ...A
-    }), Object.keys(p).reduce((_, v) => (_[v] = b(p[v]) ? p[v](x, A) : p[v], _), {});
+    }), Object.keys(p).reduce((w, v) => (w[v] = x(p[v]) ? p[v](_, A) : p[v], w), {});
   }
   function W(p) {
-    let x = [];
-    return p.forEach((_) => {
-      x = [
-        ...x,
-        _
+    let _ = [];
+    return p.forEach((w) => {
+      _ = [
+        ..._,
+        w
       ];
       var v;
-      const $ = (v = _ == null ? void 0 : _.plugins) !== null && v !== void 0 ? v : [];
+      const $ = (v = w == null ? void 0 : w.plugins) !== null && v !== void 0 ? v : [];
       $.length !== 0 && $.forEach((h) => {
         h.__isOptionsFunction && (h = h());
-        var w;
-        x = [
-          ...x,
+        var C;
+        _ = [
+          ..._,
           ...W([
-            (w = h == null ? void 0 : h.config) !== null && w !== void 0 ? w : {}
+            (C = h == null ? void 0 : h.config) !== null && C !== void 0 ? C : {}
           ])
         ];
       });
-    }), x;
+    }), _;
   }
-  function y(p) {
+  function b(p) {
     return [
       ...p
-    ].reduceRight((_, v) => b(v) ? v({
-      corePlugins: _
-    }) : (0, n.default)(v, _), r.default);
+    ].reduceRight((w, v) => x(v) ? v({
+      corePlugins: w
+    }) : (0, n.default)(v, w), r.default);
   }
-  function D(p) {
+  function k(p) {
     return [
       ...p
-    ].reduceRight((_, v) => [
-      ..._,
+    ].reduceRight((w, v) => [
+      ...w,
       ...v
     ], []);
   }
   function S(p) {
-    let x = [
+    let _ = [
       ...W(p),
       {
         prefix: "",
@@ -2720,12 +2720,12 @@ var Ze = {};
         separator: ":"
       }
     ];
-    var _, v;
-    return (0, d.normalizeConfig)((0, o.defaults)({
-      theme: U(L(M(x.map(($) => (_ = $ == null ? void 0 : $.theme) !== null && _ !== void 0 ? _ : {})))),
-      corePlugins: y(x.map(($) => $.corePlugins)),
-      plugins: D(p.map(($) => (v = $ == null ? void 0 : $.plugins) !== null && v !== void 0 ? v : []))
-    }, ...x));
+    var w, v;
+    return (0, f.normalizeConfig)((0, o.defaults)({
+      theme: U(L(M(_.map(($) => (w = $ == null ? void 0 : $.theme) !== null && w !== void 0 ? w : {})))),
+      corePlugins: b(_.map(($) => $.corePlugins)),
+      plugins: k(p.map(($) => (v = $ == null ? void 0 : $.plugins) !== null && v !== void 0 ? v : []))
+    }, ..._));
   }
 })(ze);
 var Ke = {}, ft = {
@@ -3736,15 +3736,15 @@ var Ke = {}, ft = {
   }
   function s(o) {
     var i;
-    const d = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
+    const f = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
       t.default
-    ]).slice().reverse().flatMap((f) => s(f instanceof Function ? f() : f)), l = {
+    ]).slice().reverse().flatMap((d) => s(d instanceof Function ? d() : d)), l = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
-          ringColor: ({ theme: f }) => ({
+          ringColor: ({ theme: d }) => ({
             DEFAULT: "#3b82f67f",
-            ...f("colors")
+            ...d("colors")
           })
         }
       },
@@ -3758,11 +3758,11 @@ var Ke = {}, ft = {
           textOpacity: !1
         }
       }
-    }, a = Object.keys(l).filter((f) => (0, r.flagEnabled)(o, f)).map((f) => l[f]);
+    }, a = Object.keys(l).filter((d) => (0, r.flagEnabled)(o, d)).map((d) => l[d]);
     return [
       o,
       ...a,
-      ...d
+      ...f
     ];
   }
 })(Ke);
@@ -4981,7 +4981,7 @@ const qt = {
     name: "resize-observer",
     definition: tt
   }
-], g = {
+], m = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
@@ -5325,7 +5325,7 @@ const qt = {
         );
         return;
       }
-      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial);
+      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial), this.selectedDate && this.panOnDateClick && this.panToTimestamp(this.selectedDate);
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp;
@@ -5351,9 +5351,9 @@ const qt = {
               stop: 130,
               opacity: 0.4
             }
-          ].forEach(({ id: d, stop: l, opacity: a }) => {
-            const f = e.append("linearGradient").attr("id", `${d}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
-            f.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", a), f.append("stop").attr("offset", `${l}%`).style("stop-color", n).style("stop-opacity", 0);
+          ].forEach(({ id: f, stop: l, opacity: a }) => {
+            const d = e.append("linearGradient").attr("id", `${f}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
+            d.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", a), d.append("stop").attr("offset", `${l}%`).style("stop-color", n).style("stop-opacity", 0);
           });
         }
       );
@@ -5371,7 +5371,7 @@ const qt = {
       const t = 5;
       for (const r in this.xAxesConfig) {
         const n = this.createAxis(r);
-        this.xAxes[r] = n, this.svg.append("g").classed(g.xAxis, !0).classed(`${g.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
+        this.xAxes[r] = n, this.svg.append("g").classed(m.xAxis, !0).classed(`${m.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
       }
     },
     initYScale() {
@@ -5388,7 +5388,7 @@ const qt = {
       this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", g.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
+      this.svg.append("line").attr("class", m.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
     },
     updateAndRedrawTimeline() {
       const { startDate: e, endDate: t } = this.getCurrentTimeBounds();
@@ -5398,7 +5398,7 @@ const qt = {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${g.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${m.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
@@ -5449,12 +5449,12 @@ const qt = {
       if (!this.showLabels)
         return;
       const e = this;
-      this.svg.selectAll(`.${g.labelBg}`).each(function() {
+      this.svg.selectAll(`.${m.labelBg}`).each(function() {
         u.select(this).style("fill", e.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${g.labelBgFill}`).each(function() {
+      }), this.svg.selectAll(`.${m.labelBgFill}`).each(function() {
         const t = u.select(this), r = t.node().dataset.color;
         t.style("fill", e.getLabelBackgroundColor(r)).style("stroke", e.getTextFillColor(r)).style("stroke-width", 0.25);
-      }), this.svg.selectAll(`.${g.labelText}`).each(function() {
+      }), this.svg.selectAll(`.${m.labelText}`).each(function() {
         const t = u.select(this), r = t.node().dataset.color;
         t.style("fill", e.getTextFillColor(r));
       });
@@ -5507,20 +5507,20 @@ const qt = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(e) {
-      u.selectAll(`.${g.lineGraphGroup}-${e}`).classed(
-        `${g.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${m.lineGraphGroup}-${e}`).classed(
+        `${m.lineGraphGroup}--highlighted`,
         !0
-      ), u.selectAll(`.${g.lineGraphGroup}-label`).classed(
-        `${g.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${m.lineGraphGroup}-label`).classed(
+        `${m.lineGraphGroup}-label--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(e) {
-      u.selectAll(`.${g.lineGraphGroup}-${e}`).classed(
-        `${g.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${m.lineGraphGroup}-${e}`).classed(
+        `${m.lineGraphGroup}--highlighted`,
         !1
-      ), u.selectAll(`.${g.lineGraphGroup}-label`).classed(
-        `${g.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${m.lineGraphGroup}-label`).classed(
+        `${m.lineGraphGroup}-label--highlighted`,
         !1
       );
     },
@@ -5566,7 +5566,7 @@ const qt = {
         e.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${g.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${m.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(e) {
       e.sourceEvent.stopPropagation();
@@ -5574,46 +5574,49 @@ const qt = {
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
       ), n = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${g.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), this.emitCurtainChange();
+      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${m.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), this.emitCurtainChange();
     },
     zoomToStartAndEndDates() {
       const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, r = this.tzStringToDate(e), n = this.tzStringToDate(t), s = this.timeline.offsetWidth, o = [r, n], i = [0, s];
       this.timeScale = u.scaleTime().domain(o).range(i), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
-      for (const d in this.xAxes)
-        this.rescaleAxis(d, this.timeScale), this.translateTicksText(d);
+      for (const f in this.xAxes)
+        this.rescaleAxis(f, this.timeScale), this.translateTicksText(f);
       this.updateEventsBars(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor();
     },
     rescaleAxis(e, t) {
       const r = this.xAxes[e], n = this.getAxisTicksConfig(
         this.xAxesConfig[e]
       );
-      r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${g.xAxis}-${e}`).call(r);
+      r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${m.xAxis}-${e}`).call(r);
     },
     translateTicksText(e) {
-      this.svg.select(`.${g.xAxis}-${e}`).selectAll(".tick text").each(function() {
+      this.svg.select(`.${m.xAxis}-${e}`).selectAll(".tick text").each(function() {
         let t = u.select(this), r = t.node().getBBox();
         t.attr("x", r.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
     updateEventsBars() {
-      const e = `.${g.eventGroup} > rect.${g.eventRect}`;
+      const e = `.${m.eventGroup} > rect.${m.eventRect}`;
       this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const t = `.${g.eventGroup} > text.${g.eventRectText}`;
+      const t = `.${m.eventGroup} > text.${m.eventRectText}`;
       this.svg.selectAll(t).attr("x", (r) => this.getEventRectX(r) + this.textPadding).text(this.getEventText);
     },
     updateBarChart() {
-      const e = (d) => this.getEventRectX(d) + this.barXPadding, t = (d) => this.yScale(d.count), r = (d) => this.getEventRectWidth(d) - this.barXPadding * 2, n = (d) => this.yScale.range()[0] - this.yScale(d.count), s = `.${g.barChartGroup} rect.${g.eventBarHoverZone}`;
-      this.svg.selectAll(s).attr("x", e).attr("width", r);
-      const o = `.${g.barChartGroup} rect.${g.eventBar}`;
-      this.svg.selectAll(o).attr("x", e).attr("width", r).attr("y", t).attr("height", n);
-      const i = `.${g.barChartGroup} rect.${g.eventBarCap}`;
-      this.svg.selectAll(i).attr("x", e).attr("width", r).attr("y", t);
+      const e = Object.keys(this.barChartGroups).length;
+      Object.keys(this.barChartGroups).forEach((t, r) => {
+        const n = (c) => (this.getEventRectWidth(c) - this.barXPadding * 2) / e, s = (c) => this.yScale.range()[0] - this.yScale(c.count), o = (c) => this.getEventRectX(c) + this.barXPadding + r * n(c), i = (c) => this.yScale(c.count), f = `.${m.eventBarContainer}-${t}`, l = this.svg.selectAll(f), a = `.${m.barChartGroup} rect.${m.eventBarHoverZone}`;
+        l.selectAll(a).attr("x", o).attr("width", n);
+        const d = `.${m.barChartGroup} rect.${m.eventBar}`;
+        l.selectAll(d).attr("x", o).attr("width", n).attr("y", i).attr("height", s);
+        const y = `.${m.barChartGroup} rect.${m.eventBarCap}`;
+        l.selectAll(y).attr("x", o).attr("width", n).attr("y", i);
+      });
     },
     updateLineGraphs() {
       Object.entries(this.lineGraphGroups).forEach(([e]) => {
         const t = u.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(u.curveMonotoneX);
         this.svg.selectAll(
-          `.${g.lineGraphPath}-${e}`
+          `.${m.lineGraphPath}-${e}`
         ).attr("d", (r) => t(r));
       });
     },
@@ -5621,11 +5624,11 @@ const qt = {
       Object.keys(this.lineGraphGroups).forEach((e) => {
         const t = this;
         this.svg.selectAll(
-          `.${g.lineGraphDot}-${e}`
+          `.${m.lineGraphDot}-${e}`
         ).each(function(r) {
           u.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
         }), this.svg.selectAll(
-          `.${g.lineGraphHoverZone}-${e}`
+          `.${m.lineGraphHoverZone}-${e}`
         ).each(function(r) {
           const n = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
           u.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
@@ -5655,9 +5658,9 @@ const qt = {
       if (!this.curtains)
         return;
       const e = this.timeline.offsetWidth, t = this.timelineHeight;
-      this.svg.append("rect").classed(`${g.curtain} ${g.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+      this.svg.append("rect").classed(`${m.curtain} ${m.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
         u.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
-      ), this.svg.append("rect").classed(`${g.curtain} ${g.curtain}--right`, !0).attr(
+      ), this.svg.append("rect").classed(`${m.curtain} ${m.curtain}--right`, !0).attr(
         "x",
         e - this.rightCurtainWidth + this.curtainHandleWidth * 2
       ).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", t + this.curtainHandleWidth * 2).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
@@ -5665,13 +5668,13 @@ const qt = {
       );
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${g.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups();
+      this.svg.selectAll(`g.${m.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups();
     },
     drawLineGraphEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
       Object.entries(t).forEach(([r, n]) => {
         const s = this.svg.append("g").classed(
-          `${g.lineGraphGroup} ${g.lineGraphGroup}-${r}`,
+          `${m.lineGraphGroup} ${m.lineGraphGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawLineGraph({
@@ -5687,7 +5690,7 @@ const qt = {
         });
       }), Object.entries(this.lineGraphGroups).forEach(
         ([r, n], s) => {
-          const { color: o, isLoading: i, label: d } = n, l = this.chartHeight - this.barChartHeight * (s + 1), a = e + this.chartHeight - this.barChartHeight, f = this.svg.append("g").classed(`${g.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+          const { color: o, isLoading: i, label: f } = n, l = this.chartHeight - this.barChartHeight * (s + 1), a = e + this.chartHeight - this.barChartHeight, d = this.svg.append("g").classed(`${m.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
           this.drawProgressIndicator({
             type: r,
             color: o,
@@ -5695,9 +5698,9 @@ const qt = {
             yPosition: a
           }), this.drawTextLabel({
             color: o,
-            label: d,
+            label: f,
             yPosition: l,
-            gElement: f
+            gElement: d
           });
         }
       );
@@ -5709,7 +5712,7 @@ const qt = {
       type: n
     }) {
       const s = u.area().x((i) => this.timeScale(this.tzStringToDate(i.timestamp))).y0(this.timelineHeight).y1((i) => this.yScale(i.count)).curve(u.curveMonotoneX), o = `clip-${n}`;
-      t.append("defs").append("clipPath").attr("id", o).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${g.lineGraphPath}-${n}`, !0).attr("fill", `url(#${Y.transparencyGradientLight}-${n})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (i) => s(i)).attr("clip-path", `url(#${o})`);
+      t.append("defs").append("clipPath").attr("id", o).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${m.lineGraphPath}-${n}`, !0).attr("fill", `url(#${Y.transparencyGradientLight}-${n})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (i) => s(i)).attr("clip-path", `url(#${o})`);
     },
     drawLineGraphHoverZones({
       events: e,
@@ -5724,64 +5727,65 @@ const qt = {
           [n]: s.count
         };
         const i = t.append("circle").classed(
-          `${g.lineGraphDot} ${g.lineGraphDot}-${n}`,
+          `${m.lineGraphDot} ${m.lineGraphDot}-${n}`,
           !0
         ).attr("cx", this.timeScale(this.tzStringToDate(s.timestamp))).attr("cy", this.yScale(s.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(s);
         this.dotsByTimestamp[o] = [
           ...this.dotsByTimestamp[o] || [],
           i
-        ], t.append("rect").classed(`${g.lineGraphHoverZone}-${n}`, !0).attr("x", this.timeScale(this.tzStringToDate(s.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(s).on("mouseover", (d) => {
-          this.handleLineMouseOver(d, s, n), this.dotsByTimestamp[o].forEach(
-            (l) => l.classed(`${g.lineGraphDot}--active`, !0)
+        ], t.append("rect").classed(`${m.lineGraphHoverZone}-${n}`, !0).attr("x", this.timeScale(this.tzStringToDate(s.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(s).on("mouseover", (f) => {
+          this.handleLineMouseOver(f, s, n), this.dotsByTimestamp[o].forEach(
+            (l) => l.classed(`${m.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
-            (d) => d.classed(`${g.lineGraphDot}--active`, !1)
+            (f) => f.classed(`${m.lineGraphDot}--active`, !1)
           );
         });
       });
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(([e, t], r) => {
-        const { color: n, bgColor: s, label: o, events: i, isLoading: d } = t, l = this.hasChart ? this.chartHeight : 0, a = r * this.barChartHeight + this.combinedXAxesHeight + l;
+        const { color: n, bgColor: s, label: o, events: i, isLoading: f } = t, l = this.hasChart ? this.chartHeight : 0, a = r * this.barChartHeight + this.combinedXAxesHeight + l;
         this.drawProgressIndicator({
           yPosition: a,
           type: e,
           color: n,
-          isLoading: d
+          isLoading: f
         });
-        const f = this.svg.append("g").attr("data-color", n).classed(g.eventGroup, !0).classed(`${g.eventGroup}-${e}`, !0);
+        const d = this.svg.append("g").attr("data-color", n).classed(m.eventGroup, !0).classed(`${m.eventGroup}-${e}`, !0);
         this.drawBackground({
           color: s || n,
-          gElement: f,
+          gElement: d,
           yPosition: a
         }), this.drawBars({
           events: i,
           color: n,
-          gElement: f,
+          gElement: d,
           yPosition: a,
           type: e
         }), this.drawTextLabel({
           color: n,
           label: o,
-          gElement: f,
+          gElement: d,
           yPosition: a
         });
       });
     },
     drawBarChartEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.barChartGroups;
-      Object.entries(t).forEach(([r, n]) => {
-        const s = this.svg.append("g").classed(
-          `${g.barChartGroup} ${g.barChartGroup}-${r}`,
+      Object.entries(t).forEach(([r, n], s) => {
+        const o = this.svg.append("g").classed(
+          `${m.barChartGroup} ${m.barChartGroup}-${r}`,
           !0
-        ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
+        ).attr("transform", `translate(0,${e})`), { color: i, events: f } = n;
         this.drawBarsChart({
-          events: i,
-          color: o,
-          gElement: s,
+          events: f,
+          color: i,
+          gElement: o,
           yOffset: e,
-          type: r
+          type: r,
+          index: s
         });
       });
     },
@@ -5791,7 +5795,7 @@ const qt = {
       isLoading: r
     }) {
       this.svg.append("rect").classed(
-        `${g.loadingIndicator} ${g.loadingIndicator}-${t}`,
+        `${m.loadingIndicator} ${m.loadingIndicator}-${t}`,
         !0
       ).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Y.loadingGradient}-${t})`).style("visibility", r ? "visible" : "hidden");
     },
@@ -5800,7 +5804,7 @@ const qt = {
       yPosition: t,
       gElement: r
     }) {
-      r.append("rect").attr("class", g.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
+      r.append("rect").attr("class", m.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
     },
     drawBars({
       events: e,
@@ -5810,14 +5814,14 @@ const qt = {
       type: s
     }) {
       const o = this;
-      t.selectAll(g.eventRect).data(e).enter().append("rect").attr(
+      t.selectAll(m.eventRect).data(e).enter().append("rect").attr(
         "class",
-        (i) => g.eventRect + (i.className ? ` ${i.className}` : "")
-      ).attr("x", this.getEventRectX).attr("y", r + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (i) => i.color || n).on("mouseover", function(i, d) {
-        u.select(this).classed(g.eventRectHovered, !0), o.handleBarMouseOver(i, d, s);
+        (i) => m.eventRect + (i.className ? ` ${i.className}` : "")
+      ).attr("x", this.getEventRectX).attr("y", r + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (i) => i.color || n).on("mouseover", function(i, f) {
+        u.select(this).classed(m.eventRectHovered, !0), o.handleBarMouseOver(i, f, s);
       }).on("mouseout", function() {
-        u.select(this).classed(g.eventRectHovered, !1), o.handleBarMouseOut();
-      }), t.selectAll(g.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", g.eventRectText).attr("x", (i) => this.getEventRectX(i) + this.textPadding).attr("y", r + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
+        u.select(this).classed(m.eventRectHovered, !1), o.handleBarMouseOut();
+      }), t.selectAll(m.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", m.eventRectText).attr("x", (i) => this.getEventRectX(i) + this.textPadding).attr("y", r + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
         "fill",
         (i) => this.getTextFillColor(i.color || n, 0.75)
       ).text(this.getEventText);
@@ -5827,36 +5831,40 @@ const qt = {
       gElement: t,
       color: r,
       yOffset: n,
-      type: s
+      type: s,
+      index: o
     }) {
-      const o = this, i = (c) => this.getEventRectX(c) + this.barXPadding, d = (c) => this.yScale(c.count), l = (c) => this.getEventRectWidth(c) - this.barXPadding * 2, a = (c) => this.yScale.range()[0] - this.yScale(c.count), f = t.selectAll(g.eventBarContainer).data(e).enter().append("g").attr("class", g.eventBarContainer);
-      f.append("rect").attr(
+      const i = this, f = Object.keys(this.barChartGroups).length, l = (g) => (this.getEventRectWidth(g) - this.barXPadding * 2) / f, a = (g) => this.yScale.range()[0] - this.yScale(g.count), d = (g) => this.getEventRectX(g) + this.barXPadding + o * l(g), y = (g) => this.yScale(g.count), c = t.selectAll(m.eventBarContainer).data(e).enter().append("g").attr(
+        "class",
+        `${m.eventBarContainer} ${m.eventBarContainer}-${s}`
+      );
+      c.append("rect").attr(
         "class",
-        (c) => g.eventBarHoverZone + (c.className ? ` ${c.className}` : "")
-      ).attr("x", i).attr("y", -n).attr("width", l).attr("height", this.yScale.range()[0] + n).attr("fill", (c) => c.color || r).attr("fill-opacity", 0), f.append("rect").attr(
+        (g) => m.eventBarHoverZone + (g.className ? ` ${g.className}` : "")
+      ).attr("x", d).attr("y", -n).attr("width", l).attr("height", this.yScale.range()[0] + n).attr("fill", (g) => g.color || r).attr("fill-opacity", 0), c.append("rect").attr(
         "class",
-        (c) => g.eventBar + (c.className ? ` ${c.className}` : "")
-      ).attr("x", i).attr("y", d).attr("width", l).attr("height", a).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${s})`), f.append("rect").attr(
+        (g) => m.eventBar + (g.className ? ` ${g.className}` : "")
+      ).attr("x", d).attr("y", y).attr("width", l).attr("height", a).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${s})`), c.append("rect").attr(
         "class",
-        (c) => g.eventBarCap + (c.className ? ` ${c.className}` : "")
-      ).attr("x", i).attr("y", d).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (c) => c.color || r), f.on("mouseover", function(c, m) {
-        const C = u.select(this);
-        o.onBarChartBarMouseOver(C, r), o.handleBarMouseOver(c, m, s);
+        (g) => m.eventBarCap + (g.className ? ` ${g.className}` : "")
+      ).attr("x", d).attr("y", y).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (g) => g.color || r), c.on("mouseover", function(g, x) {
+        const D = u.select(this);
+        i.onBarChartBarMouseOver(D, r), i.handleBarMouseOver(g, x, s);
       }).on("mouseout", function() {
-        const c = u.select(this);
-        o.onBarChartBarMouseOut(c, s), o.handleBarMouseOut();
+        const g = u.select(this);
+        i.onBarChartBarMouseOut(g, s), i.handleBarMouseOut();
       }).on("click", function() {
-        t.selectAll(`.${g.eventBarContainerSelected}`).classed(g.eventBarContainerSelected, !1), u.select(this).classed(g.eventBarContainerSelected, !0);
+        t.selectAll(`.${m.eventBarContainerSelected}`).classed(m.eventBarContainerSelected, !1), u.select(this).classed(m.eventBarContainerSelected, !0);
       });
     },
     onBarChartBarMouseOver(e, t) {
-      e.classed(g.eventBarContainerHovered, !0), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0.2);
-      const n = e.selectAll(`.${g.eventBar}`);
+      e.classed(m.eventBarContainerHovered, !0), e.selectAll(`.${m.eventBarHoverZone}`).attr("fill-opacity", 0.2);
+      const n = e.selectAll(`.${m.eventBar}`);
       n.attr("fill", t), n.attr("fill-opacity", 0.5);
     },
     onBarChartBarMouseOut(e, t) {
-      e.classed(g.eventBarContainerHovered, !1), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0);
-      const n = e.selectAll(`.${g.eventBar}`);
+      e.classed(m.eventBarContainerHovered, !1), e.selectAll(`.${m.eventBarHoverZone}`).attr("fill-opacity", 0);
+      const n = e.selectAll(`.${m.eventBar}`);
       n.attr("fill", `url(#${Y.transparencyGradient}-${t})`), n.attr("fill-opacity", 1);
     },
     drawTextLabel({
@@ -5874,7 +5882,7 @@ const qt = {
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", g.labelBg).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", g.labelBgFill).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", g.labelText).attr("data-color", r).attr("x", 5).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(n);
+      e.append("rect").attr("class", m.labelBg).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", m.labelBgFill).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", m.labelText).attr("data-color", r).attr("x", 5).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(n);
     },
     getTextFillColor(e, t = 0) {
       var r, n;
@@ -5907,16 +5915,16 @@ const qt = {
         const i = e[o];
         if (s.push(i), o === e.length - 1)
           break;
-        const d = e[o + 1], l = V(i.timestamp), a = V(d.timestamp);
+        const f = e[o + 1], l = V(i.timestamp), a = V(f.timestamp);
         if (a.diff(l, t) > 1) {
-          const f = r(l).toISOString(), c = n(a).toISOString();
-          s.push({ timestamp: f, count: 0 }), f !== c && s.push({ timestamp: c, count: 0 });
+          const d = r(l).toISOString(), y = n(a).toISOString();
+          s.push({ timestamp: d, count: 0 }), d !== y && s.push({ timestamp: y, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
-        const o = V(e[0].timestamp), i = V(e[e.length - 1].timestamp), d = n(o).toISOString(), l = r(i).toISOString();
+        const o = V(e[0].timestamp), i = V(e[e.length - 1].timestamp), f = n(o).toISOString(), l = r(i).toISOString();
         s = [
-          { timestamp: d, count: 0 },
+          { timestamp: f, count: 0 },
           ...s,
           { timestamp: l, count: 0 }
         ];