@xola/ui-kit 2.1.9 → 2.1.10

package/build/ui-kit.mjs

@@ -1,7 +1,7 @@
 import { Transition as Ce, Dialog as qe, Switch as kn } from "@headlessui/react";
 import c from "prop-types";
 import * as j from "react";
-import n, { useState as te, useEffect as We, cloneElement as ht, Fragment as fe, Children as Se, createContext as ft, useRef as de, useCallback as ae, useMemo as Ne, useContext as Te, useLayoutEffect as co, forwardRef as An, createElement as Oe, Component as o1 } from "react";
+import n, { useState as te, useEffect as Te, cloneElement as ht, Fragment as fe, Children as Se, createContext as ft, useRef as de, useCallback as ae, useMemo as Ne, useContext as Ve, useLayoutEffect as co, forwardRef as An, createElement as He, Component as o1 } from "react";
 import I from "clsx";
 import Ln from "@tippyjs/react";
 import { followCursor as uo } from "tippy.js";
@@ -215,7 +215,7 @@ const v1 = {
   ...s
 }) => {
   const [u, d] = te(!1);
-  We(() => {
+  Te(() => {
     if (o && !t) {
       d(!0);
       const g = setTimeout(() => d(!1), 3e3);
@@ -733,9 +733,9 @@ Rn.propTypes = {
 };
 const N1 = {
   background: "linear-gradient(138.65deg, #583DFF 19.59%, #F849C7 62.96%, #FFC03D 97.07%)"
-}, Ve = ({ logo: e, children: t, className: o, footer: a, notifications: r, isFixed: i = !0, onLogoClick: l }) => {
+}, Re = ({ logo: e, children: t, className: o, footer: a, notifications: r, isFixed: i = !0, onLogoClick: l }) => {
   const [s, u] = te(!1), [d, m] = te(!1);
-  We(() => {
+  Te(() => {
     u(!1), m(!1);
   }, [r]);
   const g = () => {
@@ -795,7 +795,7 @@ const N1 = {
     className: "flex-grow space-y-2"
   }, t), a);
 };
-Ve.propTypes = {
+Re.propTypes = {
   logo: c.node,
   children: c.node.isRequired,
   className: c.string,
@@ -818,13 +818,13 @@ Ve.propTypes = {
     })
   })
 };
-Ve.Account = Nn;
-Ve.Button = Bn;
-Ve.Footer = Fn;
-Ve.Link = Tn;
-Ve.Separator = Vn;
-Ve.Menu = Rn;
-Ve.Heading = Sn;
+Re.Account = Nn;
+Re.Button = Bn;
+Re.Footer = Fn;
+Re.Link = Tn;
+Re.Separator = Vn;
+Re.Menu = Rn;
+Re.Heading = Sn;
 const Gn = ({ children: e, className: t, content: o, ...a }) => /* @__PURE__ */ n.createElement(Ln, {
   content: o,
   ...a,
@@ -1141,12 +1141,12 @@ St.propTypes = {
   src: c.string.isRequired,
   size: c.string
 };
-var ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var Oe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function V1(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var No = V1, R1 = typeof ze == "object" && ze && ze.Object === Object && ze, G1 = R1, D1 = G1, z1 = typeof self == "object" && self && self.Object === Object && self, O1 = D1 || z1 || Function("return this")(), Bo = O1, H1 = Bo, W1 = function() {
+var No = V1, R1 = typeof Oe == "object" && Oe && Oe.Object === Object && Oe, G1 = R1, D1 = G1, z1 = typeof self == "object" && self && self.Object === Object && self, O1 = D1 || z1 || Function("return this")(), Bo = O1, H1 = Bo, W1 = function() {
   return H1.Date.now();
 }, j1 = W1, P1 = /\s/;
 function Z1(e) {
@@ -1262,11 +1262,11 @@ const To = ft({
     value: a
   }, e);
 }, dn = (e) => {
-  const { generateId: t } = Te(To), [o] = te(() => `${e}-${t()}`);
+  const { generateId: t } = Ve(To), [o] = te(() => `${e}-${t()}`);
   return o;
 }, Ri = () => {
   const [e, t] = te(!1);
-  return We(() => {
+  return Te(() => {
     t(!0);
   }, []), e;
 }, Vo = p((e) => /* @__PURE__ */ n.createElement("svg", {
@@ -1283,7 +1283,7 @@ const To = ft({
   strokeLinejoin: "round"
 })));
 Vo.tags = ["magnifying glass"];
-const De = ({ char: e, className: t, ...o }) => {
+const ze = ({ char: e, className: t, ...o }) => {
   var r;
   const a = (r = Gi[e]) != null ? r : e;
   return /* @__PURE__ */ n.createElement("div", {
@@ -1302,7 +1302,7 @@ const De = ({ char: e, className: t, ...o }) => {
   up: "\u2191",
   down: "\u2193"
 };
-De.propTypes = {
+ze.propTypes = {
   char: c.string.isRequired,
   className: c.string
 };
@@ -1341,7 +1341,7 @@ const Di = Ti((e, t) => e(t), 500), Ro = ({
     defaultHighlightedIndex: 0,
     onSelectedItemChange: N
   });
-  We(() => {
+  Te(() => {
     P ? E(!1) : setTimeout(() => E(!0), 1);
   }, [P, E]);
   const R = () => {
@@ -1376,9 +1376,9 @@ const Di = Ti((e, t) => e(t), 500), Ro = ({
     })
   }), /* @__PURE__ */ n.createElement("div", {
     className: "pointer-events-none absolute inset-y-0 right-0 hidden items-center space-x-1 pr-3 lg:flex"
-  }, C && w ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(De, {
+  }, C && w ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(ze, {
     char: "cmd"
-  }), " ", /* @__PURE__ */ n.createElement(De, {
+  }), " ", /* @__PURE__ */ n.createElement(ze, {
     char: "K"
   })) : null)), /* @__PURE__ */ n.createElement("ul", {
     ...D({
@@ -1407,20 +1407,20 @@ const Di = Ti((e, t) => e(t), 500), Ro = ({
     className: "search-footer pointer-events sticky bottom-0 flex space-x-5 p-2 text-sm text-gray-dark"
   }, /* @__PURE__ */ n.createElement("span", {
     className: "flex items-center"
-  }, /* @__PURE__ */ n.createElement(De, {
+  }, /* @__PURE__ */ n.createElement(ze, {
     char: "up",
     className: "mr-0.5"
-  }), /* @__PURE__ */ n.createElement(De, {
+  }), /* @__PURE__ */ n.createElement(ze, {
     char: "down",
     className: "mr-2"
   }), " to navigate"), /* @__PURE__ */ n.createElement("span", {
     className: "flex items-center"
-  }, /* @__PURE__ */ n.createElement(De, {
+  }, /* @__PURE__ */ n.createElement(ze, {
     char: "enter",
     className: "mr-2"
   }), " to submit"), /* @__PURE__ */ n.createElement("span", {
     className: "flex items-center"
-  }, /* @__PURE__ */ n.createElement(De, {
+  }, /* @__PURE__ */ n.createElement(ze, {
     char: "esc",
     className: "mr-2"
   }), " to close")) : null));
@@ -1561,7 +1561,7 @@ Pe.propTypes = {
   currency: c.string.isRequired
 };
 const Ho = ({ children: e, info: t, methodIcon: o, secondary: a, value: r, className: i, color: l = "default", ...s }) => {
-  const u = Te(Jn);
+  const u = Ve(Jn);
   return /* @__PURE__ */ n.createElement("tr", {
     className: I("ui-breakdown-item", Xt[l], i),
     ...s
@@ -1595,7 +1595,7 @@ Ho.propTypes = {
 Pe.Item = Ho;
 Pe.Item.displayName = "Breakdown.Item";
 const Wo = ({ children: e, info: t, value: o, className: a, color: r = "black", ...i }) => {
-  const l = Te(Jn);
+  const l = Ve(Jn);
   return /* @__PURE__ */ n.createElement("tr", {
     className: I("ui-breakdown-subtotal-item", "font-bold", Xt[r], a),
     ...i
@@ -2615,13 +2615,13 @@ function Vs() {
     function Ee(M) {
       return A(M) === i;
     }
-    function Re(M) {
+    function Ge(M) {
       return A(M) === r;
     }
     function Le(M) {
       return A(M) === g;
     }
-    J.AsyncMode = E, J.ConcurrentMode = k, J.ContextConsumer = L, J.ContextProvider = N, J.Element = V, J.ForwardRef = P, J.Fragment = X, J.Lazy = D, J.Memo = Q, J.Portal = H, J.Profiler = z, J.StrictMode = $, J.Suspense = B, J.isAsyncMode = O, J.isConcurrentMode = q, J.isContextConsumer = ne, J.isContextProvider = W, J.isElement = _, J.isForwardRef = ge, J.isFragment = he, J.isLazy = ue, J.isMemo = ce, J.isPortal = ve, J.isProfiler = Ee, J.isStrictMode = Re, J.isSuspense = Le, J.isValidElementType = C, J.typeOf = A;
+    J.AsyncMode = E, J.ConcurrentMode = k, J.ContextConsumer = L, J.ContextProvider = N, J.Element = V, J.ForwardRef = P, J.Fragment = X, J.Lazy = D, J.Memo = Q, J.Portal = H, J.Profiler = z, J.StrictMode = $, J.Suspense = B, J.isAsyncMode = O, J.isConcurrentMode = q, J.isContextConsumer = ne, J.isContextProvider = W, J.isElement = _, J.isForwardRef = ge, J.isFragment = he, J.isLazy = ue, J.isMemo = ce, J.isPortal = ve, J.isProfiler = Ee, J.isStrictMode = Ge, J.isSuspense = Le, J.isValidElementType = C, J.typeOf = A;
   }()), J;
 }
 (function(e) {
@@ -2892,7 +2892,7 @@ process.env.NODE_ENV !== "production" && (nr.displayName = "EmotionCacheContext"
 nr.Provider;
 var rr = function(t) {
   return /* @__PURE__ */ An(function(o, a) {
-    var r = Te(nr);
+    var r = Ve(nr);
     return t(o, r, a);
   });
 }, Qt = /* @__PURE__ */ ft({});
@@ -2939,7 +2939,7 @@ var Rr = function(t) {
   typeof a == "string" && t.registered[a] !== void 0 && (a = t.registered[a]);
   var r = e[vn], i = [a], l = "";
   typeof e.className == "string" ? l = ta(t.registered, i, e.className) : e.className != null && (l = e.className + " ");
-  var s = pt(i, void 0, Te(Qt));
+  var s = pt(i, void 0, Ve(Qt));
   if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
     var u = e[bn];
     u && (s = pt([s, "label:" + u + ";"]));
@@ -2948,11 +2948,11 @@ var Rr = function(t) {
   var d = {};
   for (var m in e)
     tr.call(e, m) && m !== "css" && m !== vn && (process.env.NODE_ENV === "production" || m !== bn) && (d[m] = e[m]);
-  return d.ref = o, d.className = l, /* @__PURE__ */ Oe(fe, null, /* @__PURE__ */ Oe(e0, {
+  return d.ref = o, d.className = l, /* @__PURE__ */ He(fe, null, /* @__PURE__ */ He(e0, {
     cache: t,
     serialized: s,
     isStringTag: typeof r == "string"
-  }), /* @__PURE__ */ Oe(r, d));
+  }), /* @__PURE__ */ He(r, d));
 });
 process.env.NODE_ENV !== "production" && (sa.displayName = "EmotionCssPropInternal");
 var t0 = {
@@ -3079,15 +3079,15 @@ var t0 = {
 }, F = function(t, o) {
   var a = arguments;
   if (o == null || !tr.call(o, "css"))
-    return Oe.apply(void 0, a);
+    return He.apply(void 0, a);
   var r = a.length, i = new Array(r);
   i[0] = sa, i[1] = $s(t, o);
   for (var l = 2; l < r; l++)
     i[l] = a[l];
-  return Oe.apply(null, i);
+  return He.apply(null, i);
 }, Gr = !1, n0 = /* @__PURE__ */ rr(function(e, t) {
   process.env.NODE_ENV !== "production" && !Gr && (e.className || e.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), Gr = !0);
-  var o = e.styles, a = pt([o], void 0, Te(Qt)), r = de();
+  var o = e.styles, a = pt([o], void 0, Ve(Qt)), r = de();
   return Vr(function() {
     var i = t.key + "-global", l = new t.sheet.constructor({
       key: i,
@@ -3180,9 +3180,9 @@ var i0 = function(t) {
   }, l = {
     css: r,
     cx: i,
-    theme: Te(Qt)
+    theme: Ve(Qt)
   }, s = e.children(l);
-  return o = !0, /* @__PURE__ */ Oe(fe, null, /* @__PURE__ */ Oe(i0, {
+  return o = !0, /* @__PURE__ */ He(fe, null, /* @__PURE__ */ He(i0, {
     cache: t,
     serializedArr: a
   }), s);
@@ -3272,7 +3272,7 @@ function g0() {
 function ua(e) {
   return e instanceof Ye(e).HTMLElement;
 }
-function He(e) {
+function We(e) {
   return e instanceof Ye(e).Element;
 }
 function da(e) {
@@ -3304,7 +3304,7 @@ const Wr = Math.round, wn = {
   y: 1
 };
 function jr(e) {
-  const t = !He(e) && e.contextElement ? e.contextElement : He(e) ? e : null;
+  const t = !We(e) && e.contextElement ? e.contextElement : We(e) ? e : null;
   if (!t)
     return wn;
   const o = t.getBoundingClientRect(), a = la(t);
@@ -3324,8 +3324,8 @@ function Pr(e, t, o, a) {
   t === void 0 && (t = !1), o === void 0 && (o = !1);
   const u = e.getBoundingClientRect();
   let d = wn;
-  t && (a ? He(a) && (d = jr(a)) : d = jr(e));
-  const m = He(e) ? Ye(e) : window, g = !h0() && o, w = (u.left + (g && (r = (i = m.visualViewport) == null ? void 0 : i.offsetLeft) != null ? r : 0)) / d.x, x = (u.top + (g && (l = (s = m.visualViewport) == null ? void 0 : s.offsetTop) != null ? l : 0)) / d.y, v = u.width / d.x, h = u.height / d.y;
+  t && (a ? We(a) && (d = jr(a)) : d = jr(e));
+  const m = We(e) ? Ye(e) : window, g = !h0() && o, w = (u.left + (g && (r = (i = m.visualViewport) == null ? void 0 : i.offsetLeft) != null ? r : 0)) / d.x, x = (u.top + (g && (l = (s = m.visualViewport) == null ? void 0 : s.offsetTop) != null ? l : 0)) / d.y, v = u.width / d.x, h = u.height / d.y;
   return {
     width: v,
     height: h,
@@ -3363,7 +3363,7 @@ function w0(e, t, o, a) {
     ancestorResize: i = !0,
     elementResize: l = !0,
     animationFrame: s = !1
-  } = a, u = r && !s, d = u || i ? [...He(e) ? Nt(e) : e.contextElement ? Nt(e.contextElement) : [], ...Nt(t)] : [];
+  } = a, u = r && !s, d = u || i ? [...We(e) ? Nt(e) : e.contextElement ? Nt(e.contextElement) : [], ...Nt(t)] : [];
   d.forEach((v) => {
     u && v.addEventListener("scroll", o, {
       passive: !0
@@ -3374,7 +3374,7 @@ function w0(e, t, o, a) {
     let v = !0;
     m = new ResizeObserver(() => {
       v || o(), v = !1;
-    }), He(e) && !s && m.observe(e), !He(e) && e.contextElement && !s && m.observe(e.contextElement), m.observe(t);
+    }), We(e) && !s && m.observe(e), !We(e) && e.contextElement && !s && m.observe(e.contextElement), m.observe(t);
   }
   let g, w = s ? Pr(e) : null;
   s && x();
@@ -3604,7 +3604,7 @@ var va = function(t) {
     marginTop: s.menuGutter
   });
 }, ba = /* @__PURE__ */ ft(null), G0 = function(t) {
-  var o = t.children, a = t.minMenuHeight, r = t.maxMenuHeight, i = t.menuPlacement, l = t.menuPosition, s = t.menuShouldScrollIntoView, u = t.theme, d = Te(ba) || {}, m = d.setPortalPlacement, g = de(null), w = te(r), x = Be(w, 2), v = x[0], h = x[1], f = te(null), b = Be(f, 2), y = b[0], C = b[1], A = u.spacing.controlHeight;
+  var o = t.children, a = t.minMenuHeight, r = t.maxMenuHeight, i = t.menuPlacement, l = t.menuPosition, s = t.menuShouldScrollIntoView, u = t.theme, d = Ve(ba) || {}, m = d.setPortalPlacement, g = de(null), w = te(r), x = Be(w, 2), v = x[0], h = x[1], f = te(null), b = Be(f, 2), y = b[0], C = b[1], A = u.spacing.controlHeight;
   return xn(function() {
     var E = g.current;
     if (!!E) {
@@ -4688,7 +4688,7 @@ function Ul(e) {
   }, [x, w, g]), h = ae(function(f) {
     !f || (f.removeEventListener("wheel", g, !1), f.removeEventListener("touchstart", w, !1), f.removeEventListener("touchmove", x, !1));
   }, [x, w, g]);
-  return We(function() {
+  return Te(function() {
     if (!!t) {
       var f = d.current;
       return v(f), function() {
@@ -4747,7 +4747,7 @@ function Ql(e) {
       }), d && to() && (d.removeEventListener("touchmove", _r, Ue), u && (u.removeEventListener("touchstart", eo, Ue), u.removeEventListener("touchmove", $r, Ue)));
     }
   }, [a]);
-  return We(function() {
+  return Te(function() {
     if (!!t) {
       var u = i.current;
       return l(u), function() {
@@ -5658,7 +5658,7 @@ var Oa = function(t) {
       if (!L)
         return null;
       var $ = function(_, ge) {
-        var he = _.type, ue = _.data, ce = _.isDisabled, ve = _.isSelected, Ee = _.label, Re = _.value, Le = h === ue, M = ce ? void 0 : function() {
+        var he = _.type, ue = _.data, ce = _.isDisabled, ve = _.isSelected, Ee = _.label, Ge = _.value, Le = h === ue, M = ce ? void 0 : function() {
           return r.onOptionHover(ue);
         }, Me = ce ? void 0 : function() {
           return r.selectOption(ue);
@@ -5677,7 +5677,7 @@ var Oa = function(t) {
           key: be,
           label: Ee,
           type: he,
-          value: Re,
+          value: Ge,
           isFocused: Le,
           innerRef: Le ? r.getFocusedOptionRef : void 0
         }), r.formatOptionLabel(_.data, "menu"));
@@ -6695,7 +6695,7 @@ const Bt = {
 }) => {
   var z, $;
   const f = e === Bt.single ? t : t.from, [b, y] = te(f), [C, A] = te(""), E = e === Bt.range;
-  We(() => {
+  Te(() => {
     l == null || l(b);
   }, [b, l]);
   const k = (B, R, O) => {
@@ -6816,7 +6816,7 @@ var Qa = { exports: {} };
 (function(e, t) {
   (function(o, a) {
     e.exports = a();
-  })(ze, function() {
+  })(Oe, function() {
     var o = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" };
     return function(a, r, i) {
       var l = r.prototype, s = l.format;
@@ -6840,7 +6840,7 @@ var qa = { exports: {} };
 (function(e, t) {
   (function(o, a) {
     e.exports = a();
-  })(ze, function() {
+  })(Oe, function() {
     var o = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-:/.()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, r = /\d\d/, i = /\d\d?/, l = /\d*[^\s\d-_:/()]+/, s = {}, u = function(h) {
       return (h = +h) + (h > 68 ? 1900 : 2e3);
     }, d = function(h) {
@@ -6942,10 +6942,10 @@ var qa = { exports: {} };
             try {
               if (["x", "X"].indexOf(B) > -1)
                 return new Date((B === "X" ? 1e3 : 1) * $);
-              var O = v(B)($), q = O.year, ne = O.month, W = O.day, _ = O.hours, ge = O.minutes, he = O.seconds, ue = O.milliseconds, ce = O.zone, ve = new Date(), Ee = W || (q || ne ? 1 : ve.getDate()), Re = q || ve.getFullYear(), Le = 0;
+              var O = v(B)($), q = O.year, ne = O.month, W = O.day, _ = O.hours, ge = O.minutes, he = O.seconds, ue = O.milliseconds, ce = O.zone, ve = new Date(), Ee = W || (q || ne ? 1 : ve.getDate()), Ge = q || ve.getFullYear(), Le = 0;
               q && !ne || (Le = ne > 0 ? ne - 1 : ve.getMonth());
               var M = _ || 0, Me = ge || 0, be = he || 0, Fe = ue || 0;
-              return ce ? new Date(Date.UTC(Re, Le, Ee, M, Me, be, Fe + 60 * ce.offset * 1e3)) : R ? new Date(Date.UTC(Re, Le, Ee, M, Me, be, Fe)) : new Date(Re, Le, Ee, M, Me, be, Fe);
+              return ce ? new Date(Date.UTC(Ge, Le, Ee, M, Me, be, Fe + 60 * ce.offset * 1e3)) : R ? new Date(Date.UTC(Ge, Le, Ee, M, Me, be, Fe)) : new Date(Ge, Le, Ee, M, Me, be, Fe);
             } catch {
               return new Date("");
             }
@@ -6971,7 +6971,7 @@ var Ka = { exports: {} };
 (function(e, t) {
   (function(o, a) {
     e.exports = a();
-  })(ze, function() {
+  })(Oe, function() {
     var o = "month", a = "quarter";
     return function(r, i) {
       var l = i.prototype;
@@ -7022,7 +7022,9 @@ const Vc = (e, t = "YYYY-MM-DD") => G(e).format(t), B4 = (e, t = "h:mm a") => {
   }, b = () => {
     a(m), v();
   };
-  return /* @__PURE__ */ n.createElement(Ae, {
+  return Te(() => {
+    g(e);
+  }, [e]), /* @__PURE__ */ n.createElement(Ae, {
     visible: w,
     maxWidth: 900,
     distance: 18,
@@ -7816,7 +7818,7 @@ const T4 = (e) => /* @__PURE__ */ n.createElement("svg", {
       "7.5": "30px"
     }
   }
-}, { colors: se } = ye, Ge = {
+}, { colors: se } = ye, De = {
   color: se.gray.darker,
   fontSize: ye.fontSize.sm,
   fontWeight: 400,
@@ -7843,12 +7845,12 @@ const T4 = (e) => /* @__PURE__ */ n.createElement("svg", {
     se.orange.darker
   ],
   xAxis: {
-    title: { style: Qe({}, Ge, { color: se.black }) },
-    labels: { style: Ge }
+    title: { style: Qe({}, De, { color: se.black }) },
+    labels: { style: De }
   },
   yAxis: {
-    title: { style: Qe({}, Ge, { color: se.black }) },
-    labels: { style: Ge }
+    title: { style: Qe({}, De, { color: se.black }) },
+    labels: { style: De }
   },
   tooltip: {
     enabled: !0,
@@ -7860,14 +7862,14 @@ const T4 = (e) => /* @__PURE__ */ n.createElement("svg", {
     crosshairs: [!0, !0],
     shadow: !1,
     useHTML: !0,
-    style: Qe({}, Ge, {
+    style: Qe({}, De, {
       opacity: 0.9,
       color: "#cccccc"
     })
   },
   title: {
     text: "",
-    style: Qe({}, Ge, { color: se.black, fontSize: "18px", fontWeight: 600 })
+    style: Qe({}, De, { color: se.black, fontSize: "18px", fontWeight: 600 })
   },
   plotOptions: {
     series: {
@@ -7885,7 +7887,7 @@ const T4 = (e) => /* @__PURE__ */ n.createElement("svg", {
   },
   legend: {
     enabled: !1,
-    itemStyle: Ge,
+    itemStyle: De,
     itemMarginBottom: 5,
     align: "center",
     layout: "vertical",
@@ -11594,7 +11596,7 @@ export {
   Tt as Input,
   e2 as InstagramIcon,
   t2 as InvoiceIcon,
-  De as Key,
+  ze as Key,
   w3 as KeyIcon,
   x3 as KioskIcon,
   In as Label,
@@ -11660,7 +11662,7 @@ export {
   S3 as ShareIcon,
   T3 as ShirtIcon,
   V2 as ShoppingBagIcon,
-  Ve as Sidebar,
+  Re as Sidebar,
   Lc as Skeleton,
   p1 as SlideDown,
   R2 as SnapchatIcon,