@aivenio/aquarium 2.15.0 → 2.17.0

package/dist/charts.cjs

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b ||= {})
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -47,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -197,60 +172,49 @@ var classNames = (...args) => {
 };
 
 // src/charts/Container/Container.tsx
-var ResponsiveContainer = (_a) => {
-  var _b = _a, {
-    isBusy = false,
-    busyLabel = "Loading...",
-    className,
-    style,
-    width = "100%",
-    height = "100%",
-    minWidth,
-    minHeight,
-    maxHeight
-  } = _b, props = __objRest(_b, [
-    "isBusy",
-    "busyLabel",
-    "className",
-    "style",
-    "width",
-    "height",
-    "minWidth",
-    "minHeight",
-    "maxHeight"
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(
+var ResponsiveContainer = ({
+  isBusy = false,
+  busyLabel = "Loading...",
+  className,
+  style,
+  width = "100%",
+  height = "100%",
+  minWidth,
+  minHeight,
+  maxHeight,
+  ...props
+}) => /* @__PURE__ */ import_react.default.createElement(
+  "div",
+  {
+    "aria-busy": isBusy,
+    className: classNames(className, tw("relative")),
+    style: { ...style, width, height, minWidth, minHeight, maxHeight }
+  },
+  /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      "aria-busy": isBusy,
-      className: classNames(className, tw("relative")),
-      style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
+      className: classNames(
+        tw("absolute inset-0 transition-colors flex items-center justify-center", {
+          "delay-300 z-40": isBusy
+          // z-40 is to make sure the loading element is on top of the chart because by default the chart is at higher stack level as mentioned in the comment below
+        })
+      ),
+      style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
     },
     /* @__PURE__ */ import_react.default.createElement(
-      "div",
+      "span",
       {
-        className: classNames(
-          tw("absolute inset-0 transition-colors flex items-center justify-center", {
-            "delay-300 z-40": isBusy
-          })
-        ),
-        style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
+        "aria-hidden": !isBusy,
+        className: tw("rounded-full text-white bg-black typography-caption py-2 px-4 transition-all", {
+          "opacity-100 delay-300": isBusy,
+          "mb-[-20px] opacity-0": !isBusy
+        })
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        "span",
-        {
-          "aria-hidden": !isBusy,
-          className: tw("rounded-full text-white bg-black typography-caption py-2 px-4 transition-all", {
-            "opacity-100 delay-300": isBusy,
-            "mb-[-20px] opacity-0": !isBusy
-          })
-        },
-        isBusy && busyLabel
-      )
-    ),
-    /* @__PURE__ */ import_react.default.createElement(import_recharts.ResponsiveContainer, __spreadValues({}, props))
-  );
-};
+      isBusy && busyLabel
+    )
+  ),
+  /* @__PURE__ */ import_react.default.createElement(import_recharts.ResponsiveContainer, { ...props })
+);
 
 // src/charts/DefaultPalette/DefaultPalette.tsx
 var import_react2 = __toESM(require("react"));
@@ -1030,7 +994,7 @@ var DefaultPalette = ({ palette = "primary", children }) => {
 var import_react3 = __toESM(require("react"));
 var import_recharts2 = require("recharts");
 var CartesianGrid = Object.assign(
-  (props) => /* @__PURE__ */ import_react3.default.createElement(import_recharts2.CartesianGrid, __spreadProps(__spreadValues({ strokeDasharray: "3 3" }, props), { vertical: false })),
+  (props) => /* @__PURE__ */ import_react3.default.createElement(import_recharts2.CartesianGrid, { strokeDasharray: "3 3", ...props, vertical: false }),
   import_recharts2.CartesianGrid
 );
 
@@ -1038,7 +1002,7 @@ var CartesianGrid = Object.assign(
 var import_react4 = __toESM(require("react"));
 var useDefaultColor = (key, color2) => {
   const ctx = import_react4.default.useContext(DefaultPaletteContext);
-  return color2 != null ? color2 : ctx.getDefaultColor(key);
+  return color2 ?? ctx.getDefaultColor(key);
 };
 
 // src/charts/lib/utils.tsx
@@ -1068,28 +1032,22 @@ function bisector(f) {
   }
   function left(a, x, lo = 0, hi = a.length) {
     if (lo < hi) {
-      if (compare1(x, x) !== 0)
-        return hi;
+      if (compare1(x, x) !== 0) return hi;
       do {
         const mid = lo + hi >>> 1;
-        if (compare2(a[mid], x) < 0)
-          lo = mid + 1;
-        else
-          hi = mid;
+        if (compare2(a[mid], x) < 0) lo = mid + 1;
+        else hi = mid;
       } while (lo < hi);
     }
     return lo;
   }
   function right(a, x, lo = 0, hi = a.length) {
     if (lo < hi) {
-      if (compare1(x, x) !== 0)
-        return hi;
+      if (compare1(x, x) !== 0) return hi;
       do {
         const mid = lo + hi >>> 1;
-        if (compare2(a[mid], x) <= 0)
-          lo = mid + 1;
-        else
-          hi = mid;
+        if (compare2(a[mid], x) <= 0) lo = mid + 1;
+        else hi = mid;
       } while (lo < hi);
     }
     return lo;
@@ -1124,13 +1082,10 @@ function extent(values, valueof) {
     for (const value of values) {
       if (value != null) {
         if (min === void 0) {
-          if (value >= value)
-            min = max = value;
+          if (value >= value) min = max = value;
         } else {
-          if (min > value)
-            min = value;
-          if (max < value)
-            max = value;
+          if (min > value) min = value;
+          if (max < value) max = value;
         }
       }
     }
@@ -1139,13 +1094,10 @@ function extent(values, valueof) {
     for (let value of values) {
       if ((value = valueof(value, ++index, values)) != null) {
         if (min === void 0) {
-          if (value >= value)
-            min = max = value;
+          if (value >= value) min = max = value;
         } else {
-          if (min > value)
-            min = value;
-          if (max < value)
-            max = value;
+          if (min > value) min = value;
+          if (max < value) max = value;
         }
       }
     }
@@ -1164,22 +1116,17 @@ function tickSpec(start, stop, count) {
     inc = Math.pow(10, -power) / factor;
     i1 = Math.round(start * inc);
     i2 = Math.round(stop * inc);
-    if (i1 / inc < start)
-      ++i1;
-    if (i2 / inc > stop)
-      --i2;
+    if (i1 / inc < start) ++i1;
+    if (i2 / inc > stop) --i2;
     inc = -inc;
   } else {
     inc = Math.pow(10, power) * factor;
     i1 = Math.round(start / inc);
     i2 = Math.round(stop / inc);
-    if (i1 * inc < start)
-      ++i1;
-    if (i2 * inc > stop)
-      --i2;
+    if (i1 * inc < start) ++i1;
+    if (i2 * inc > stop) --i2;
   }
-  if (i2 < i1 && 0.5 <= count && count < 2)
-    return tickSpec(start, stop, count * 2);
+  if (i2 < i1 && 0.5 <= count && count < 2) return tickSpec(start, stop, count * 2);
   return [i1, i2, inc];
 }
 function tickIncrement(start, stop, count) {
@@ -1214,8 +1161,7 @@ function define_default(constructor, factory, prototype) {
 }
 function extend(parent, definition) {
   var prototype = Object.create(parent.prototype);
-  for (var key in definition)
-    prototype[key] = definition[key];
+  for (var key in definition) prototype[key] = definition[key];
   return prototype;
 }
 
@@ -1392,6 +1338,7 @@ define_default(Color, color, {
     return this.rgb().displayable();
   },
   hex: color_formatHex,
+  // Deprecated! Use color.formatHex.
   formatHex: color_formatHex,
   formatHex8: color_formatHex8,
   formatHsl: color_formatHsl,
@@ -1419,15 +1366,12 @@ function rgbn(n) {
   return new Rgb(n >> 16 & 255, n >> 8 & 255, n & 255, 1);
 }
 function rgba(r, g, b, a) {
-  if (a <= 0)
-    r = g = b = NaN;
+  if (a <= 0) r = g = b = NaN;
   return new Rgb(r, g, b, a);
 }
 function rgbConvert(o) {
-  if (!(o instanceof Color))
-    o = color(o);
-  if (!o)
-    return new Rgb();
+  if (!(o instanceof Color)) o = color(o);
+  if (!o) return new Rgb();
   o = o.rgb();
   return new Rgb(o.r, o.g, o.b, o.opacity);
 }
@@ -1459,6 +1403,7 @@ define_default(Rgb, rgb, extend(Color, {
     return -0.5 <= this.r && this.r < 255.5 && (-0.5 <= this.g && this.g < 255.5) && (-0.5 <= this.b && this.b < 255.5) && (0 <= this.opacity && this.opacity <= 1);
   },
   hex: rgb_formatHex,
+  // Deprecated! Use color.formatHex.
   formatHex: rgb_formatHex,
   formatHex8: rgb_formatHex8,
   formatRgb: rgb_formatRgb,
@@ -1485,32 +1430,22 @@ function hex(value) {
   return (value < 16 ? "0" : "") + value.toString(16);
 }
 function hsla(h, s, l, a) {
-  if (a <= 0)
-    h = s = l = NaN;
-  else if (l <= 0 || l >= 1)
-    h = s = NaN;
-  else if (s <= 0)
-    h = NaN;
+  if (a <= 0) h = s = l = NaN;
+  else if (l <= 0 || l >= 1) h = s = NaN;
+  else if (s <= 0) h = NaN;
   return new Hsl(h, s, l, a);
 }
 function hslConvert(o) {
-  if (o instanceof Hsl)
-    return new Hsl(o.h, o.s, o.l, o.opacity);
-  if (!(o instanceof Color))
-    o = color(o);
-  if (!o)
-    return new Hsl();
-  if (o instanceof Hsl)
-    return o;
+  if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
+  if (!(o instanceof Color)) o = color(o);
+  if (!o) return new Hsl();
+  if (o instanceof Hsl) return o;
   o = o.rgb();
   var r = o.r / 255, g = o.g / 255, b = o.b / 255, min = Math.min(r, g, b), max = Math.max(r, g, b), h = NaN, s = max - min, l = (max + min) / 2;
   if (s) {
-    if (r === max)
-      h = (g - b) / s + (g < b) * 6;
-    else if (g === max)
-      h = (b - r) / s + 2;
-    else
-      h = (r - g) / s + 4;
+    if (r === max) h = (g - b) / s + (g < b) * 6;
+    else if (g === max) h = (b - r) / s + 2;
+    else h = (r - g) / s + 4;
     s /= l < 0.5 ? max + min : 2 - max - min;
     h *= 60;
   } else {
@@ -1655,12 +1590,10 @@ var rgbBasisClosed = rgbSpline(basisClosed_default);
 
 // node_modules/d3-interpolate/src/numberArray.js
 function numberArray_default(a, b) {
-  if (!b)
-    b = [];
+  if (!b) b = [];
   var n = a ? Math.min(b.length, a.length) : 0, c = b.slice(), i;
   return function(t) {
-    for (i = 0; i < n; ++i)
-      c[i] = a[i] * (1 - t) + b[i] * t;
+    for (i = 0; i < n; ++i) c[i] = a[i] * (1 - t) + b[i] * t;
     return c;
   };
 }
@@ -1671,20 +1604,17 @@ function isNumberArray(x) {
 // node_modules/d3-interpolate/src/array.js
 function genericArray(a, b) {
   var nb = b ? b.length : 0, na = a ? Math.min(nb, a.length) : 0, x = new Array(na), c = new Array(nb), i;
-  for (i = 0; i < na; ++i)
-    x[i] = value_default(a[i], b[i]);
-  for (; i < nb; ++i)
-    c[i] = b[i];
+  for (i = 0; i < na; ++i) x[i] = value_default(a[i], b[i]);
+  for (; i < nb; ++i) c[i] = b[i];
   return function(t) {
-    for (i = 0; i < na; ++i)
-      c[i] = x[i](t);
+    for (i = 0; i < na; ++i) c[i] = x[i](t);
     return c;
   };
 }
 
 // node_modules/d3-interpolate/src/date.js
 function date_default(a, b) {
-  var d = new Date();
+  var d = /* @__PURE__ */ new Date();
   return a = +a, b = +b, function(t) {
     return d.setTime(a * (1 - t) + b * t), d;
   };
@@ -1700,10 +1630,8 @@ function number_default(a, b) {
 // node_modules/d3-interpolate/src/object.js
 function object_default(a, b) {
   var i = {}, c = {}, k;
-  if (a === null || typeof a !== "object")
-    a = {};
-  if (b === null || typeof b !== "object")
-    b = {};
+  if (a === null || typeof a !== "object") a = {};
+  if (b === null || typeof b !== "object") b = {};
   for (k in b) {
     if (k in a) {
       i[k] = value_default(a[k], b[k]);
@@ -1712,8 +1640,7 @@ function object_default(a, b) {
     }
   }
   return function(t) {
-    for (k in i)
-      c[k] = i[k](t);
+    for (k in i) c[k] = i[k](t);
     return c;
   };
 }
@@ -1737,16 +1664,12 @@ function string_default(a, b) {
   while ((am = reA.exec(a)) && (bm = reB.exec(b))) {
     if ((bs = bm.index) > bi) {
       bs = b.slice(bi, bs);
-      if (s[i])
-        s[i] += bs;
-      else
-        s[++i] = bs;
+      if (s[i]) s[i] += bs;
+      else s[++i] = bs;
     }
     if ((am = am[0]) === (bm = bm[0])) {
-      if (s[i])
-        s[i] += bm;
-      else
-        s[++i] = bm;
+      if (s[i]) s[i] += bm;
+      else s[++i] = bm;
     } else {
       s[++i] = null;
       q.push({ i, x: number_default(am, bm) });
@@ -1755,14 +1678,11 @@ function string_default(a, b) {
   }
   if (bi < b.length) {
     bs = b.slice(bi);
-    if (s[i])
-      s[i] += bs;
-    else
-      s[++i] = bs;
+    if (s[i]) s[i] += bs;
+    else s[++i] = bs;
   }
   return s.length < 2 ? q[0] ? one(q[0].x) : zero2(b) : (b = q.length, function(t) {
-    for (var i2 = 0, o; i2 < b; ++i2)
-      s[(o = q[i2]).i] = o.x(t);
+    for (var i2 = 0, o; i2 < b; ++i2) s[(o = q[i2]).i] = o.x(t);
     return s.join("");
   });
 }
@@ -1804,18 +1724,15 @@ function normalize(a, b) {
 }
 function clamper(a, b) {
   var t;
-  if (a > b)
-    t = a, a = b, b = t;
+  if (a > b) t = a, a = b, b = t;
   return function(x) {
     return Math.max(a, Math.min(b, x));
   };
 }
 function bimap(domain, range, interpolate) {
   var d0 = domain[0], d1 = domain[1], r0 = range[0], r1 = range[1];
-  if (d1 < d0)
-    d0 = normalize(d1, d0), r0 = interpolate(r1, r0);
-  else
-    d0 = normalize(d0, d1), r0 = interpolate(r0, r1);
+  if (d1 < d0) d0 = normalize(d1, d0), r0 = interpolate(r1, r0);
+  else d0 = normalize(d0, d1), r0 = interpolate(r0, r1);
   return function(x) {
     return r0(d0(x));
   };
@@ -1842,8 +1759,7 @@ function transformer() {
   var domain = unit, range = unit, interpolate = value_default, transform, untransform, unknown, clamp = identity, piecewise, output, input;
   function rescale() {
     var n = Math.min(domain.length, range.length);
-    if (clamp !== identity)
-      clamp = clamper(domain[0], domain[n - 1]);
+    if (clamp !== identity) clamp = clamper(domain[0], domain[n - 1]);
     piecewise = n > 2 ? polymap : bimap;
     output = input = null;
     return scale;
@@ -1895,14 +1811,14 @@ function nice(domain, interval) {
 }
 
 // node_modules/d3-time/src/interval.js
-var t0 = new Date();
-var t1 = new Date();
+var t0 = /* @__PURE__ */ new Date();
+var t1 = /* @__PURE__ */ new Date();
 function timeInterval(floori, offseti, count, field) {
   function interval(date2) {
-    return floori(date2 = arguments.length === 0 ? new Date() : new Date(+date2)), date2;
+    return floori(date2 = arguments.length === 0 ? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date(+date2)), date2;
   }
   interval.floor = (date2) => {
-    return floori(date2 = new Date(+date2)), date2;
+    return floori(date2 = /* @__PURE__ */ new Date(+date2)), date2;
   };
   interval.ceil = (date2) => {
     return floori(date2 = new Date(date2 - 1)), offseti(date2, 1), floori(date2), date2;
@@ -1912,37 +1828,32 @@ function timeInterval(floori, offseti, count, field) {
     return date2 - d0 < d1 - date2 ? d0 : d1;
   };
   interval.offset = (date2, step) => {
-    return offseti(date2 = new Date(+date2), step == null ? 1 : Math.floor(step)), date2;
+    return offseti(date2 = /* @__PURE__ */ new Date(+date2), step == null ? 1 : Math.floor(step)), date2;
   };
   interval.range = (start, stop, step) => {
     const range = [];
     start = interval.ceil(start);
     step = step == null ? 1 : Math.floor(step);
-    if (!(start < stop) || !(step > 0))
-      return range;
+    if (!(start < stop) || !(step > 0)) return range;
     let previous;
     do
-      range.push(previous = new Date(+start)), offseti(start, step), floori(start);
+      range.push(previous = /* @__PURE__ */ new Date(+start)), offseti(start, step), floori(start);
     while (previous < start && start < stop);
     return range;
   };
   interval.filter = (test) => {
     return timeInterval((date2) => {
-      if (date2 >= date2)
-        while (floori(date2), !test(date2))
-          date2.setTime(date2 - 1);
+      if (date2 >= date2) while (floori(date2), !test(date2)) date2.setTime(date2 - 1);
     }, (date2, step) => {
       if (date2 >= date2) {
-        if (step < 0)
-          while (++step <= 0) {
-            while (offseti(date2, -1), !test(date2)) {
-            }
+        if (step < 0) while (++step <= 0) {
+          while (offseti(date2, -1), !test(date2)) {
           }
-        else
-          while (--step >= 0) {
-            while (offseti(date2, 1), !test(date2)) {
-            }
+        }
+        else while (--step >= 0) {
+          while (offseti(date2, 1), !test(date2)) {
           }
+        }
       }
     });
   };
@@ -1969,10 +1880,8 @@ var millisecond = timeInterval(() => {
 });
 millisecond.every = (k) => {
   k = Math.floor(k);
-  if (!isFinite(k) || !(k > 0))
-    return null;
-  if (!(k > 1))
-    return millisecond;
+  if (!isFinite(k) || !(k > 0)) return null;
+  if (!(k > 1)) return millisecond;
   return timeInterval((date2) => {
     date2.setTime(Math.floor(date2 / k) * k);
   }, (date2, step) => {
@@ -2217,8 +2126,7 @@ function ticker(year, month, week, day, hour, minute) {
   ];
   function ticks2(start, stop, count) {
     const reverse = stop < start;
-    if (reverse)
-      [start, stop] = [stop, start];
+    if (reverse) [start, stop] = [stop, start];
     const interval = count && typeof count.range === "function" ? count : tickInterval(start, stop, count);
     const ticks3 = interval ? interval.range(start, +stop + 1) : [];
     return reverse ? ticks3.reverse() : ticks3;
@@ -2226,10 +2134,8 @@ function ticker(year, month, week, day, hour, minute) {
   function tickInterval(start, stop, count) {
     const target = Math.abs(stop - start) / count;
     const i = bisector(([, , step2]) => step2).right(tickIntervals, target);
-    if (i === tickIntervals.length)
-      return year.every(tickStep(start / durationYear, stop / durationYear, count));
-    if (i === 0)
-      return millisecond.every(Math.max(tickStep(start, stop, count), 1));
+    if (i === tickIntervals.length) return year.every(tickStep(start / durationYear, stop / durationYear, count));
+    if (i === 0) return millisecond.every(Math.max(tickStep(start, stop, count), 1));
     const [t, step] = tickIntervals[target / tickIntervals[i - 1][2] < tickIntervals[i][2] / target ? i - 1 : i];
     return t.every(step);
   }
@@ -2372,17 +2278,13 @@ function formatLocale(locale2) {
   function newFormat(specifier, formats2) {
     return function(date2) {
       var string = [], i = -1, j = 0, n = specifier.length, c, pad2, format;
-      if (!(date2 instanceof Date))
-        date2 = new Date(+date2);
+      if (!(date2 instanceof Date)) date2 = /* @__PURE__ */ new Date(+date2);
       while (++i < n) {
         if (specifier.charCodeAt(i) === 37) {
           string.push(specifier.slice(j, i));
-          if ((pad2 = pads[c = specifier.charAt(++i)]) != null)
-            c = specifier.charAt(++i);
-          else
-            pad2 = c === "e" ? " " : "0";
-          if (format = formats2[c])
-            c = format(date2, pad2);
+          if ((pad2 = pads[c = specifier.charAt(++i)]) != null) c = specifier.charAt(++i);
+          else pad2 = c === "e" ? " " : "0";
+          if (format = formats2[c]) c = format(date2, pad2);
           string.push(c);
           j = i + 1;
         }
@@ -2394,23 +2296,15 @@ function formatLocale(locale2) {
   function newParse(specifier, Z) {
     return function(string) {
       var d = newDate(1900, void 0, 1), i = parseSpecifier(d, specifier, string += "", 0), week, day;
-      if (i != string.length)
-        return null;
-      if ("Q" in d)
-        return new Date(d.Q);
-      if ("s" in d)
-        return new Date(d.s * 1e3 + ("L" in d ? d.L : 0));
-      if (Z && !("Z" in d))
-        d.Z = 0;
-      if ("p" in d)
-        d.H = d.H % 12 + d.p * 12;
-      if (d.m === void 0)
-        d.m = "q" in d ? d.q : 0;
+      if (i != string.length) return null;
+      if ("Q" in d) return new Date(d.Q);
+      if ("s" in d) return new Date(d.s * 1e3 + ("L" in d ? d.L : 0));
+      if (Z && !("Z" in d)) d.Z = 0;
+      if ("p" in d) d.H = d.H % 12 + d.p * 12;
+      if (d.m === void 0) d.m = "q" in d ? d.q : 0;
       if ("V" in d) {
-        if (d.V < 1 || d.V > 53)
-          return null;
-        if (!("w" in d))
-          d.w = 1;
+        if (d.V < 1 || d.V > 53) return null;
+        if (!("w" in d)) d.w = 1;
         if ("Z" in d) {
           week = utcDate(newDate(d.y, 0, 1)), day = week.getUTCDay();
           week = day > 4 || day === 0 ? utcMonday.ceil(week) : utcMonday(week);
@@ -2427,8 +2321,7 @@ function formatLocale(locale2) {
           d.d = week.getDate() + (d.w + 6) % 7;
         }
       } else if ("W" in d || "U" in d) {
-        if (!("w" in d))
-          d.w = "u" in d ? d.u % 7 : "W" in d ? 1 : 0;
+        if (!("w" in d)) d.w = "u" in d ? d.u % 7 : "W" in d ? 1 : 0;
         day = "Z" in d ? utcDate(newDate(d.y, 0, 1)).getUTCDay() : localDate(newDate(d.y, 0, 1)).getDay();
         d.m = 0;
         d.d = "W" in d ? (d.w + 6) % 7 + d.W * 7 - (day + 5) % 7 : d.w + d.U * 7 - (day + 6) % 7;
@@ -2444,14 +2337,12 @@ function formatLocale(locale2) {
   function parseSpecifier(d, specifier, string, j) {
     var i = 0, n = specifier.length, m = string.length, c, parse;
     while (i < n) {
-      if (j >= m)
-        return -1;
+      if (j >= m) return -1;
       c = specifier.charCodeAt(i++);
       if (c === 37) {
         c = specifier.charAt(i++);
         parse = parses[c in pads ? specifier.charAt(i++) : c];
-        if (!parse || (j = parse(d, string, j)) < 0)
-          return -1;
+        if (!parse || (j = parse(d, string, j)) < 0) return -1;
       } else if (c != string.charCodeAt(j++)) {
         return -1;
       }
@@ -2824,7 +2715,7 @@ function date(t) {
   return new Date(t);
 }
 function number3(t) {
-  return t instanceof Date ? +t : +new Date(+t);
+  return t instanceof Date ? +t : +/* @__PURE__ */ new Date(+t);
 }
 function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format) {
   var scale = continuous(), invert = scale.invert, domain = scale.domain;
@@ -2847,8 +2738,7 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
   };
   scale.nice = function(interval) {
     var d = domain();
-    if (!interval || typeof interval.range !== "function")
-      interval = tickInterval(d[0], d[d.length - 1], interval == null ? 10 : interval);
+    if (!interval || typeof interval.range !== "function") interval = tickInterval(d[0], d[d.length - 1], interval == null ? 10 : interval);
     return interval ? domain(nice(d, interval)) : scale;
   };
   scale.copy = function() {
@@ -2876,31 +2766,35 @@ XAxis.Time = XTimeAxis;
 var YAxis = () => null;
 YAxis.displayName = "Axis.YAxis";
 var renderXAxis = (child, chartProps) => {
-  const _a = child.props, { tickLine = false, ticks: ticks2, domain } = _a, props = __objRest(_a, ["tickLine", "ticks", "domain"]);
-  const xticks = getXAxisTicks(__spreadValues({ domain }, child.props), chartProps);
-  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.XAxis, __spreadValues({ tickLine, ticks: xticks, domain }, props));
+  const { tickLine = false, ticks: ticks2, domain, ...props } = child.props;
+  const xticks = getXAxisTicks({ domain, ...child.props }, chartProps);
+  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.XAxis, { tickLine, ticks: xticks, domain, ...props });
 };
 var renderXTimeAxis = (child, chartProps) => {
-  const _a = child.props, { tickLine = false, ticks: ticks2, domain, utc = true } = _a, props = __objRest(_a, ["tickLine", "ticks", "domain", "utc"]);
-  const xticks = getXAxisTicks(__spreadValues({ domain }, child.props), chartProps);
+  const { tickLine = false, ticks: ticks2, domain, utc = true, ...props } = child.props;
+  const xticks = getXAxisTicks({ domain, ...child.props }, chartProps);
   const normalizedDomain = normalizeAxisDomain(domain);
   const [min, max] = getXAxisExtent(chartProps.data, child.props.dataKey);
-  const effectiveDomain = normalizedDomain != null ? normalizedDomain : min !== void 0 && max !== void 0 ? [Number(min), Number(max)] : ["auto", "auto"];
+  const effectiveDomain = (
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    normalizedDomain ?? (min !== void 0 && max !== void 0 ? [Number(min), Number(max)] : ["auto", "auto"])
+  );
   return /* @__PURE__ */ import_react5.default.createElement(
     import_recharts3.XAxis,
-    __spreadValues({
+    {
       scale: utc ? "utc" : "time",
       type: "number",
       allowDataOverflow: true,
       domain: effectiveDomain,
       tickLine,
-      ticks: xticks
-    }, props)
+      ticks: xticks,
+      ...props
+    }
   );
 };
 var renderYAxis = (child, _props) => {
-  const _a = child.props, { axisLine = false, tickLine = false } = _a, props = __objRest(_a, ["axisLine", "tickLine"]);
-  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.YAxis, __spreadValues({ axisLine, tickLine }, props));
+  const { axisLine = false, tickLine = false, ...props } = child.props;
+  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.YAxis, { axisLine, tickLine, ...props });
 };
 var Axis = {
   XAxis,
@@ -2932,33 +2826,29 @@ Tooltip.defaultProps = Object.assign({}, import_recharts4.Tooltip.defaultProps,
 // src/charts/Tooltip/TooltipContentWrapper.tsx
 var import_react6 = __toESM(require("react"));
 var import_lodash_es = require("lodash-es");
-var TooltipContentWrapper = (_a) => {
-  var _b = _a, {
-    content,
-    tooltipColor = "stroke"
-  } = _b, props = __objRest(_b, [
-    "content",
-    "tooltipColor"
-  ]);
-  var _a2;
+var TooltipContentWrapper = ({
+  content,
+  tooltipColor = "stroke",
+  ...props
+}) => {
   const { getDefaultColor } = import_react6.default.useContext(DefaultPaletteContext);
-  const payload = (_a2 = props.payload) == null ? void 0 : _a2.map((entry) => {
-    var _a3, _b2, _c, _d, _e, _f;
-    const stroke = (_b2 = (_a3 = entry.payload) == null ? void 0 : _a3.stroke) != null ? _b2 : entry.stroke;
-    const fill = (_d = (_c = entry.payload) == null ? void 0 : _c.fill) != null ? _d : entry.fill;
+  const payload = props.payload?.map((entry) => {
+    const stroke = entry.payload?.stroke ?? entry.stroke;
+    const fill = entry.payload?.fill ?? entry.fill;
     const color2 = tooltipColor === "stroke" ? stroke : fill;
-    return __spreadProps(__spreadValues({}, entry), {
-      color: color2 != null ? color2 : getDefaultColor((_f = (_e = entry.dataKey) == null ? void 0 : _e.toString()) != null ? _f : "unknown")
-    });
+    return {
+      ...entry,
+      color: color2 ?? getDefaultColor(entry.dataKey?.toString() ?? "unknown")
+    };
   });
-  const propsWithPayload = __spreadProps(__spreadValues({}, props), { payload });
+  const propsWithPayload = { ...props, payload };
   if (import_react6.default.isValidElement(content)) {
     return import_react6.default.cloneElement(content, propsWithPayload);
   }
   if ((0, import_lodash_es.isFunction)(content)) {
     return import_react6.default.createElement(content, propsWithPayload);
   }
-  return /* @__PURE__ */ import_react6.default.createElement(Tooltip.DefaultContent, __spreadProps(__spreadValues({}, props), { payload }));
+  return /* @__PURE__ */ import_react6.default.createElement(Tooltip.DefaultContent, { ...props, payload });
 };
 
 // src/charts/lib/utils.tsx
@@ -3005,12 +2895,11 @@ var renderChartChildren = (child, chartProps) => {
   }
 };
 var getXAxisTicks = ({ dataKey, ticks: ticks2, domain }, chartProps) => {
-  var _a;
   if (!ticks2 || Array.isArray(ticks2)) {
-    return ticks2 != null ? ticks2 : void 0;
+    return ticks2 ?? void 0;
   }
   const normalizedDomain = normalizeAxisDomain(domain);
-  const [domainMin, domainMax] = (_a = domainExtent(normalizedDomain)) != null ? _a : [];
+  const [domainMin, domainMax] = domainExtent(normalizedDomain) ?? [];
   const [dataMin, dataMax] = getXAxisExtent(chartProps.data, dataKey);
   const min = isNumberOrDate(domainMin) ? Number(domainMin) : dataMin;
   const max = isNumberOrDate(domainMax) ? Number(domainMax) : dataMax;
@@ -3045,18 +2934,13 @@ var domainExtent = (domain) => {
 };
 
 // src/charts/AreaChart/AreaChart.tsx
-var AreaChart = (_a) => {
-  var _b = _a, {
-    isBusy,
-    busyLabel,
-    margin = DEFAULT_MARGINS,
-    palette
-  } = _b, props = __objRest(_b, [
-    "isBusy",
-    "busyLabel",
-    "margin",
-    "palette"
-  ]);
+var AreaChart = ({
+  isBusy,
+  busyLabel,
+  margin = DEFAULT_MARGINS,
+  palette,
+  ...props
+}) => {
   const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
   return /* @__PURE__ */ import_react8.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react8.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react8.default.createElement(
     import_recharts5.AreaChart,
@@ -3071,21 +2955,20 @@ var AreaChart = (_a) => {
   )));
 };
 var Area = Object.assign((props) => {
-  var _a;
   const stroke = useDefaultColor(props.dataKey.toString(), props.stroke);
-  const fill = useDefaultColor(props.dataKey.toString(), (_a = props.fill) != null ? _a : stroke);
+  const fill = useDefaultColor(props.dataKey.toString(), props.fill ?? stroke);
   return /* @__PURE__ */ import_react8.default.createElement(
     import_recharts5.Area,
-    __spreadProps(__spreadValues({
+    {
       type: "linear",
       strokeWidth: 2,
-      dot: false
-    }, props), {
+      dot: false,
+      ...props,
       stroke,
       fill,
       fillOpacity: 0.1,
       isAnimationActive: false
-    })
+    }
   );
 }, import_recharts5.Area);
 Area.defaultProps = Object.assign({}, import_recharts5.Area.defaultProps, {
@@ -3098,18 +2981,13 @@ AreaChart.Area = Area;
 // src/charts/BarChart/BarChart.tsx
 var import_react9 = __toESM(require("react"));
 var import_recharts6 = require("recharts");
-var BarChart = (_a) => {
-  var _b = _a, {
-    isBusy,
-    busyLabel,
-    margin = DEFAULT_MARGINS,
-    palette
-  } = _b, props = __objRest(_b, [
-    "isBusy",
-    "busyLabel",
-    "margin",
-    "palette"
-  ]);
+var BarChart = ({
+  isBusy,
+  busyLabel,
+  margin = DEFAULT_MARGINS,
+  palette,
+  ...props
+}) => {
   const [activeIndex, setActiveIndex] = import_react9.default.useState(void 0);
   const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
   const renderChildren = (props2) => {
@@ -3120,16 +2998,22 @@ var BarChart = (_a) => {
       switch (getDisplayName(child.type)) {
         case import_recharts6.Bar.displayName: {
           return import_react9.default.cloneElement(child, {
-            shape: (props3) => /* @__PURE__ */ import_react9.default.createElement(import_recharts6.Rectangle, __spreadProps(__spreadValues({}, props3), { className: activeIndex !== void 0 ? "inactive" : void 0 }))
+            /*
+             * Having 'inactive' class on the <Rectangle> element is a hack to make the inactive bars.
+             * Recharts overrides the className for active bars, so we can use this
+             * to make the non-hovered bars look inactive.
+             */
+            shape: (props3) => /* @__PURE__ */ import_react9.default.createElement(import_recharts6.Rectangle, { ...props3, className: activeIndex !== void 0 ? "inactive" : void 0 })
           });
         }
         case Tooltip.displayName: {
           return /* @__PURE__ */ import_react9.default.createElement(
             Tooltip,
-            __spreadProps(__spreadValues({}, child.props), {
+            {
+              ...child.props,
               content: /* @__PURE__ */ import_react9.default.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: "fill" }),
               cursor: false
-            })
+            }
           );
         }
         default: {
@@ -3140,56 +3024,57 @@ var BarChart = (_a) => {
   };
   return /* @__PURE__ */ import_react9.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react9.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react9.default.createElement(
     import_recharts6.BarChart,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       accessibilityLayer: tooltip !== void 0,
       barCategoryGap: "5%",
       style: { stroke: "var(--aquarium-background-color-body)", strokeWidth: 1 },
       onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : void 0),
       onMouseLeave: () => setActiveIndex(void 0),
       margin
-    }),
+    },
     /* @__PURE__ */ import_react9.default.createElement(CartesianGrid, null),
     renderChildren(props)
   )));
 };
 var Bar = Object.assign((props) => {
   const fill = useDefaultColor(props.dataKey.toString(), props.fill);
-  return /* @__PURE__ */ import_react9.default.createElement(import_recharts6.Bar, __spreadProps(__spreadValues({}, props), { fill, isAnimationActive: false }));
+  return /* @__PURE__ */ import_react9.default.createElement(import_recharts6.Bar, { ...props, fill, isAnimationActive: false });
 }, import_recharts6.Bar);
 BarChart.Bar = Bar;
 BarChart.Tooltip = Tooltip;
 
 // src/charts/Cell/Cell.tsx
 var import_recharts7 = require("recharts");
-var import_recharts8 = require("recharts");
 
 // src/charts/Label/Label.tsx
 var import_react10 = __toESM(require("react"));
-var import_recharts9 = require("recharts");
+var import_recharts8 = require("recharts");
 var XLabel = Object.assign(
-  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts9.Label, __spreadValues({ position: "insideBottom", offset: CHART_XLABEL_DEFAULT_OFFSET }, props)),
-  import_recharts9.Label
+  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts8.Label, { position: "insideBottom", offset: CHART_XLABEL_DEFAULT_OFFSET, ...props }),
+  import_recharts8.Label
 );
 var YLabel = Object.assign(
-  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts9.Label, __spreadValues({ position: "insideLeft", angle: -90, offset: CHART_YLABEL_DEFAULT_OFFSET }, props)),
-  import_recharts9.Label
+  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts8.Label, { position: "insideLeft", angle: -90, offset: CHART_YLABEL_DEFAULT_OFFSET, ...props }),
+  import_recharts8.Label
 );
 var Label = {
   XLabel,
   YLabel
 };
-var LabelList = import_recharts9.LabelList;
+var LabelList = import_recharts8.LabelList;
 
 // src/charts/Legend/Legend.tsx
 var import_react11 = __toESM(require("react"));
-var import_recharts10 = require("recharts");
+var import_recharts9 = require("recharts");
 var Legend = import_react11.default.forwardRef((props, _ref) => {
   return /* @__PURE__ */ import_react11.default.createElement(
-    import_recharts10.Legend,
-    __spreadProps(__spreadValues({}, props), {
-      margin: __spreadProps(__spreadValues({}, props.margin), { top: 0 }),
+    import_recharts9.Legend,
+    {
+      ...props,
+      margin: { ...props.margin, top: 0 },
       content: /* @__PURE__ */ import_react11.default.createElement(LegendContentWrapper, { content: props.content })
-    })
+    }
   );
 });
 Legend.displayName = "Legend";
@@ -3201,43 +3086,32 @@ Legend.defaultProps = {
   verticalAlign: "top",
   margin: { top: 0 }
 };
-var LegendContentWrapper = (_a) => {
-  var _b = _a, {
-    ref,
-    content
-  } = _b, props = __objRest(_b, [
-    "ref",
-    "content"
-  ]);
-  var _a2;
+var LegendContentWrapper = ({
+  ref,
+  content,
+  ...props
+}) => {
   const { getDefaultColor } = import_react11.default.useContext(DefaultPaletteContext);
-  const payload = (_a2 = props.payload) == null ? void 0 : _a2.map((entry) => {
-    var _a3;
-    return __spreadProps(__spreadValues({}, entry), {
-      color: (_a3 = entry.color) != null ? _a3 : getDefaultColor("dataKey" in entry && typeof entry.dataKey === "string" ? entry.dataKey : "unknown")
-    });
-  });
-  return /* @__PURE__ */ import_react11.default.createElement(import_recharts10.DefaultLegendContent, __spreadProps(__spreadValues({}, props), { payload }));
+  const payload = props.payload?.map((entry) => ({
+    ...entry,
+    color: entry.color ?? getDefaultColor("dataKey" in entry && typeof entry.dataKey === "string" ? entry.dataKey : "unknown")
+  }));
+  return /* @__PURE__ */ import_react11.default.createElement(import_recharts9.DefaultLegendContent, { ...props, payload });
 };
 
 // src/charts/LineChart/LineChart.tsx
 var import_react12 = __toESM(require("react"));
-var import_recharts11 = require("recharts");
-var LineChart = (_a) => {
-  var _b = _a, {
-    isBusy,
-    busyLabel,
-    margin = DEFAULT_MARGINS,
-    palette
-  } = _b, props = __objRest(_b, [
-    "isBusy",
-    "busyLabel",
-    "margin",
-    "palette"
-  ]);
-  const [tooltip] = extractChildByDisplayName(props.children, import_recharts11.Tooltip.displayName);
+var import_recharts10 = require("recharts");
+var LineChart = ({
+  isBusy,
+  busyLabel,
+  margin = DEFAULT_MARGINS,
+  palette,
+  ...props
+}) => {
+  const [tooltip] = extractChildByDisplayName(props.children, import_recharts10.Tooltip.displayName);
   return /* @__PURE__ */ import_react12.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react12.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react12.default.createElement(
-    import_recharts11.LineChart,
+    import_recharts10.LineChart,
     {
       data: props.data,
       style: { stroke: "#fff", strokeWidth: 1 },
@@ -3249,17 +3123,16 @@ var LineChart = (_a) => {
   )));
 };
 var Line = Object.assign((props) => {
-  var _a, _b;
-  const stroke = useDefaultColor((_b = (_a = props.dataKey) == null ? void 0 : _a.toString()) != null ? _b : "unknown", props.stroke);
-  return /* @__PURE__ */ import_react12.default.createElement(import_recharts11.Line, __spreadProps(__spreadValues({ type: "linear" }, props), { stroke, strokeWidth: 2, isAnimationActive: false, dot: false }));
-}, import_recharts11.Line);
-Line.defaultProps = Object.assign({}, import_recharts11.Line.defaultProps, { stroke: void 0, fill: void 0 });
+  const stroke = useDefaultColor(props.dataKey?.toString() ?? "unknown", props.stroke);
+  return /* @__PURE__ */ import_react12.default.createElement(import_recharts10.Line, { type: "linear", ...props, stroke, strokeWidth: 2, isAnimationActive: false, dot: false });
+}, import_recharts10.Line);
+Line.defaultProps = Object.assign({}, import_recharts10.Line.defaultProps, { stroke: void 0, fill: void 0 });
 LineChart.Line = Line;
 
 // src/charts/PieChart/DoughnutChart.tsx
 var import_react15 = __toESM(require("react"));
 var import_lodash_es3 = require("lodash-es");
-var import_recharts13 = require("recharts");
+var import_recharts12 = require("recharts");
 
 // src/charts/PieChart/ChartValue.tsx
 var import_react13 = __toESM(require("react"));
@@ -3280,7 +3153,7 @@ var ChartValue = (props) => {
 
 // src/charts/PieChart/renderPieChildren.tsx
 var import_react14 = __toESM(require("react"));
-var import_recharts12 = require("recharts");
+var import_recharts11 = require("recharts");
 var renderPieChildren = (children, opts = {}) => {
   return import_react14.default.Children.map(children, (child) => {
     if (!child) {
@@ -3293,7 +3166,7 @@ var renderPieChildren = (children, opts = {}) => {
           labelStyle: { paddingBottom: 0 }
         });
       }
-      case import_recharts12.Legend.displayName: {
+      case import_recharts11.Legend.displayName: {
         return import_react14.default.cloneElement(child, { verticalAlign: "top", align: "center" });
       }
       default: {
@@ -3305,17 +3178,13 @@ var renderPieChildren = (children, opts = {}) => {
 
 // src/charts/PieChart/DoughnutChart.tsx
 var refSize = 300;
-var DoughnutChart = (_a) => {
-  var _b = _a, {
-    palette
-  } = _b, props = __objRest(_b, [
-    "palette"
-  ]);
-  return /* @__PURE__ */ import_react15.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react15.default.createElement(DoughnutChartWrapper, __spreadValues({}, props)));
+var DoughnutChart = ({
+  palette,
+  ...props
+}) => {
+  return /* @__PURE__ */ import_react15.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react15.default.createElement(DoughnutChartWrapper, { ...props }));
 };
-var DoughnutChartWrapper = (_a) => {
-  var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
-  var _a2;
+var DoughnutChartWrapper = ({ isBusy, busyLabel, ...props }) => {
   const [containerWidth, setContainerWidth] = import_react15.default.useState(0);
   const [containerHeight, setContainerHeight] = import_react15.default.useState(0);
   const [activeIndex, setActiveIndex] = import_react15.default.useState(null);
@@ -3328,11 +3197,10 @@ var DoughnutChartWrapper = (_a) => {
     setContainerHeight(h);
   };
   const renderChartValue = ({ formattedGraphicalItems }) => {
-    var _a3, _b2, _c;
-    const pie = formattedGraphicalItems == null ? void 0 : formattedGraphicalItems[0];
-    const props2 = (_a3 = pie == null ? void 0 : pie.props) != null ? _a3 : {};
-    const cx = (_b2 = props2.cx) != null ? _b2 : containerWidth / 2;
-    const cy = (_c = props2.cy) != null ? _c : containerHeight / 2;
+    const pie = formattedGraphicalItems?.[0];
+    const props2 = pie?.props ?? {};
+    const cx = props2.cx ?? containerWidth / 2;
+    const cy = props2.cy ?? containerHeight / 2;
     if (!containerWidth || !containerHeight || (0, import_lodash_es3.isNil)(chartValue)) {
       return null;
     }
@@ -3354,21 +3222,22 @@ var DoughnutChartWrapper = (_a) => {
       busyLabel,
       onResize
     },
-    /* @__PURE__ */ import_react15.default.createElement(import_recharts13.PieChart, null, chartValue && /* @__PURE__ */ import_react15.default.createElement(import_recharts13.Customized, { component: renderChartValue }), doughnut && /* @__PURE__ */ import_react15.default.createElement(
-      import_recharts13.Pie,
-      __spreadProps(__spreadValues({}, doughnut.props), {
-        fill: (_a2 = doughnut.props.fill) != null ? _a2 : getDefaultColor(doughnut.props.dataKey),
+    /* @__PURE__ */ import_react15.default.createElement(import_recharts12.PieChart, null, chartValue && /* @__PURE__ */ import_react15.default.createElement(import_recharts12.Customized, { component: renderChartValue }), doughnut && /* @__PURE__ */ import_react15.default.createElement(
+      import_recharts12.Pie,
+      {
+        ...doughnut.props,
+        fill: doughnut.props.fill ?? getDefaultColor(doughnut.props.dataKey),
         onMouseEnter: (_, index) => setActiveIndex(index),
         onMouseLeave: () => setActiveIndex(null),
         activeIndex,
         inactiveShape: { className: highlightActive ? "inactive" : void 0 },
         activeShape: { className: highlightActive ? "active" : void 0 }
-      })
+      }
     ), renderPieChildren(children, { tooltipColor: "fill" }))
   );
 };
-var Doughnut = Object.assign((props) => /* @__PURE__ */ import_react15.default.createElement(import_recharts13.Pie, __spreadValues({}, props)), import_recharts13.Pie);
-Doughnut.defaultProps = Object.assign({}, import_recharts13.Pie.defaultProps, {
+var Doughnut = Object.assign((props) => /* @__PURE__ */ import_react15.default.createElement(import_recharts12.Pie, { ...props }), import_recharts12.Pie);
+Doughnut.defaultProps = Object.assign({}, import_recharts12.Pie.defaultProps, {
   fill: void 0,
   stroke: void 0,
   isAnimationActive: false,
@@ -3377,42 +3246,39 @@ Doughnut.defaultProps = Object.assign({}, import_recharts13.Pie.defaultProps, {
 });
 DoughnutChart.Doughnut = Doughnut;
 DoughnutChart.ChartValue = ChartValue;
-DoughnutChart.Cell = import_recharts13.Cell;
+DoughnutChart.Cell = import_recharts12.Cell;
 
 // src/charts/PieChart/PieChart.tsx
 var import_react16 = __toESM(require("react"));
-var import_recharts14 = require("recharts");
-var PieChart = (_a) => {
-  var _b = _a, { palette } = _b, props = __objRest(_b, ["palette"]);
-  return /* @__PURE__ */ import_react16.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react16.default.createElement(PieChartWrapper, __spreadValues({}, props)));
+var import_recharts13 = require("recharts");
+var PieChart = ({ palette, ...props }) => {
+  return /* @__PURE__ */ import_react16.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react16.default.createElement(PieChartWrapper, { ...props }));
 };
-var PieChartWrapper = (_a) => {
-  var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
-  var _a2;
+var PieChartWrapper = ({ isBusy, busyLabel, ...props }) => {
   const [pie, children] = extractChildByDisplayName(props.children, PieChart.Pie.displayName);
   const { getDefaultColor } = import_react16.default.useContext(DefaultPaletteContext);
-  return /* @__PURE__ */ import_react16.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react16.default.createElement(import_recharts14.PieChart, { width: 500, height: 500 }, renderPieChildren(children, { tooltipColor: "fill" }), pie && /* @__PURE__ */ import_react16.default.createElement(import_recharts14.Pie, __spreadProps(__spreadValues({}, pie.props), { fill: (_a2 = pie.props.fill) != null ? _a2 : getDefaultColor(pie.props.dataKey) }))));
+  return /* @__PURE__ */ import_react16.default.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy, busyLabel }, /* @__PURE__ */ import_react16.default.createElement(import_recharts13.PieChart, { width: 500, height: 500 }, renderPieChildren(children, { tooltipColor: "fill" }), pie && /* @__PURE__ */ import_react16.default.createElement(import_recharts13.Pie, { ...pie.props, fill: pie.props.fill ?? getDefaultColor(pie.props.dataKey) })));
 };
-var Pie = Object.assign((props) => /* @__PURE__ */ import_react16.default.createElement(import_recharts14.Pie, __spreadValues({}, props)), import_recharts14.Pie);
-Pie.defaultProps = Object.assign({}, import_recharts14.Pie.defaultProps, {
+var Pie = Object.assign((props) => /* @__PURE__ */ import_react16.default.createElement(import_recharts13.Pie, { ...props }), import_recharts13.Pie);
+Pie.defaultProps = Object.assign({}, import_recharts13.Pie.defaultProps, {
   fill: void 0,
   isAnimationActive: false,
   innerRadius: 0,
   outerRadius: "80%"
 });
 PieChart.Pie = Pie;
-PieChart.Cell = import_recharts14.Cell;
+PieChart.Cell = import_recharts13.Cell;
 
 // src/charts/Reference/Reference.tsx
 var import_react17 = __toESM(require("react"));
-var import_recharts15 = require("recharts");
+var import_recharts14 = require("recharts");
 var ReferenceLine = Object.assign(
-  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts15.ReferenceLine, __spreadProps(__spreadValues({}, props), { strokeDasharray: "9 3", strokeWidth: 2 })),
-  import_recharts15.ReferenceLine
+  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts14.ReferenceLine, { ...props, strokeDasharray: "9 3", strokeWidth: 2 }),
+  import_recharts14.ReferenceLine
 );
 var ReferenceArea = Object.assign(
-  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts15.ReferenceArea, __spreadProps(__spreadValues({}, props), { strokeWidth: 0, fillOpacity: 0.1 })),
-  import_recharts15.ReferenceLine
+  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts14.ReferenceArea, { ...props, strokeWidth: 0, fillOpacity: 0.1 }),
+  import_recharts14.ReferenceLine
 );
 var Reference = {
   Line: ReferenceLine,