@aivenio/aquarium 2.10.0 → 2.11.0

package/dist/charts.cjs

@@ -219,24 +219,37 @@ var ResponsiveContainer = (_a) => {
     "minHeight",
     "maxHeight"
   ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    "aria-busy": isBusy,
-    className: classNames(className, tw("relative")),
-    style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: classNames(
-      tw("absolute inset-0 transition-colors flex items-center justify-center", {
-        "delay-300 z-40": isBusy
-      })
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      "aria-busy": isBusy,
+      className: classNames(className, tw("relative")),
+      style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        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)" } : {}
+      },
+      /* @__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
+      )
     ),
-    style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
-  }, /* @__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)));
+    /* @__PURE__ */ import_react.default.createElement(import_recharts.ResponsiveContainer, __spreadValues({}, props))
+  );
 };
 
 // src/charts/DefaultPalette/DefaultPalette.tsx
@@ -1010,20 +1023,14 @@ var DefaultPalette = ({ palette = "primary", children }) => {
     },
     [colors]
   );
-  return /* @__PURE__ */ import_react2.default.createElement(DefaultPaletteContext.Provider, {
-    value: { getDefaultColor }
-  }, children);
+  return /* @__PURE__ */ import_react2.default.createElement(DefaultPaletteContext.Provider, { value: { getDefaultColor } }, children);
 };
 
 // src/charts/Grid/Grid.tsx
 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, __spreadProps(__spreadValues({ strokeDasharray: "3 3" }, props), { vertical: false })),
   import_recharts2.CartesianGrid
 );
 
@@ -2871,11 +2878,7 @@ 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));
+  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.XAxis, __spreadValues({ 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"]);
@@ -2883,21 +2886,21 @@ var renderXTimeAxis = (child, 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"];
-  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.XAxis, __spreadValues({
-    scale: utc ? "utc" : "time",
-    type: "number",
-    allowDataOverflow: true,
-    domain: effectiveDomain,
-    tickLine,
-    ticks: xticks
-  }, props));
+  return /* @__PURE__ */ import_react5.default.createElement(
+    import_recharts3.XAxis,
+    __spreadValues({
+      scale: utc ? "utc" : "time",
+      type: "number",
+      allowDataOverflow: true,
+      domain: effectiveDomain,
+      tickLine,
+      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));
+  return /* @__PURE__ */ import_react5.default.createElement(import_recharts3.YAxis, __spreadValues({ axisLine, tickLine }, props));
 };
 var Axis = {
   XAxis,
@@ -2955,9 +2958,7 @@ var TooltipContentWrapper = (_a) => {
   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, __spreadProps(__spreadValues({}, props), { payload }));
 };
 
 // src/charts/lib/utils.tsx
@@ -2996,9 +2997,7 @@ var renderChartChildren = (child, chartProps) => {
       return renderYAxis(child, chartProps);
     }
     case Tooltip.displayName: {
-      return import_react7.default.cloneElement(child, { content: /* @__PURE__ */ import_react7.default.createElement(TooltipContentWrapper, {
-        content: child.props.content
-      }) });
+      return import_react7.default.cloneElement(child, { content: /* @__PURE__ */ import_react7.default.createElement(TooltipContentWrapper, { content: child.props.content }) });
     }
     default: {
       return child;
@@ -3059,34 +3058,35 @@ var AreaChart = (_a) => {
     "palette"
   ]);
   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, {
-    accessibilityLayer: tooltip !== void 0,
-    data: props.data,
-    style: { stroke: "#fff", strokeWidth: 1 },
-    margin
-  }, /* @__PURE__ */ import_react8.default.createElement(CartesianGrid, null), import_react8.default.Children.map(props.children, (child) => renderChartChildren(child, props)))));
+  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,
+    {
+      accessibilityLayer: tooltip !== void 0,
+      data: props.data,
+      style: { stroke: "#fff", strokeWidth: 1 },
+      margin
+    },
+    /* @__PURE__ */ import_react8.default.createElement(CartesianGrid, null),
+    import_react8.default.Children.map(props.children, (child) => renderChartChildren(child, props))
+  )));
 };
 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);
-  return /* @__PURE__ */ import_react8.default.createElement(import_recharts5.Area, __spreadProps(__spreadValues({
-    type: "linear",
-    strokeWidth: 2,
-    dot: false
-  }, props), {
-    stroke,
-    fill,
-    fillOpacity: 0.1,
-    isAnimationActive: false
-  }));
+  return /* @__PURE__ */ import_react8.default.createElement(
+    import_recharts5.Area,
+    __spreadProps(__spreadValues({
+      type: "linear",
+      strokeWidth: 2,
+      dot: false
+    }, props), {
+      stroke,
+      fill,
+      fillOpacity: 0.1,
+      isAnimationActive: false
+    })
+  );
 }, import_recharts5.Area);
 Area.defaultProps = Object.assign({}, import_recharts5.Area.defaultProps, {
   fillOpacity: 0.1,
@@ -3120,19 +3120,17 @@ 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
-            }))
+            shape: (props3) => /* @__PURE__ */ import_react9.default.createElement(import_recharts6.Rectangle, __spreadProps(__spreadValues({}, props3), { className: activeIndex !== void 0 ? "inactive" : void 0 }))
           });
         }
         case Tooltip.displayName: {
-          return /* @__PURE__ */ import_react9.default.createElement(Tooltip, __spreadProps(__spreadValues({}, child.props), {
-            content: /* @__PURE__ */ import_react9.default.createElement(TooltipContentWrapper, {
-              content: child.props.content,
-              tooltipColor: "fill"
-            }),
-            cursor: false
-          }));
+          return /* @__PURE__ */ import_react9.default.createElement(
+            Tooltip,
+            __spreadProps(__spreadValues({}, child.props), {
+              content: /* @__PURE__ */ import_react9.default.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: "fill" }),
+              cursor: false
+            })
+          );
         }
         default: {
           return renderChartChildren(child, props2);
@@ -3140,28 +3138,23 @@ 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), {
-    accessibilityLayer: tooltip !== void 0,
-    barCategoryGap: "5%",
-    style: { stroke: "#fff", 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))));
+  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), {
+      accessibilityLayer: tooltip !== void 0,
+      barCategoryGap: "5%",
+      style: { stroke: "#fff", 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, __spreadProps(__spreadValues({}, props), { fill, isAnimationActive: false }));
 }, import_recharts6.Bar);
 BarChart.Bar = Bar;
 BarChart.Tooltip = Tooltip;
@@ -3174,18 +3167,11 @@ var import_recharts8 = require("recharts");
 var import_react10 = __toESM(require("react"));
 var import_recharts9 = require("recharts");
 var XLabel = Object.assign(
-  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts9.Label, __spreadValues({
-    position: "insideBottom",
-    offset: CHART_XLABEL_DEFAULT_OFFSET
-  }, props)),
+  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts9.Label, __spreadValues({ position: "insideBottom", offset: CHART_XLABEL_DEFAULT_OFFSET }, props)),
   import_recharts9.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)),
+  (props) => /* @__PURE__ */ import_react10.default.createElement(import_recharts9.Label, __spreadValues({ position: "insideLeft", angle: -90, offset: CHART_YLABEL_DEFAULT_OFFSET }, props)),
   import_recharts9.Label
 );
 var Label = {
@@ -3198,12 +3184,13 @@ var LabelList = import_recharts9.LabelList;
 var import_react11 = __toESM(require("react"));
 var import_recharts10 = 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 }),
-    content: /* @__PURE__ */ import_react11.default.createElement(LegendContentWrapper, {
-      content: props.content
+  return /* @__PURE__ */ import_react11.default.createElement(
+    import_recharts10.Legend,
+    __spreadProps(__spreadValues({}, props), {
+      margin: __spreadProps(__spreadValues({}, props.margin), { top: 0 }),
+      content: /* @__PURE__ */ import_react11.default.createElement(LegendContentWrapper, { content: props.content })
     })
-  }));
+  );
 });
 Legend.displayName = "Legend";
 Legend.defaultProps = {
@@ -3230,9 +3217,7 @@ var LegendContentWrapper = (_a) => {
       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
-  }));
+  return /* @__PURE__ */ import_react11.default.createElement(import_recharts10.DefaultLegendContent, __spreadProps(__spreadValues({}, props), { payload }));
 };
 
 // src/charts/LineChart/LineChart.tsx
@@ -3251,31 +3236,22 @@ var LineChart = (_a) => {
     "palette"
   ]);
   const [tooltip] = extractChildByDisplayName(props.children, import_recharts11.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, {
-    data: props.data,
-    style: { stroke: "#fff", strokeWidth: 1 },
-    margin,
-    accessibilityLayer: tooltip !== void 0
-  }, /* @__PURE__ */ import_react12.default.createElement(CartesianGrid, null), import_react12.default.Children.map(props.children, (child) => renderChartChildren(child, props)))));
+  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,
+    {
+      data: props.data,
+      style: { stroke: "#fff", strokeWidth: 1 },
+      margin,
+      accessibilityLayer: tooltip !== void 0
+    },
+    /* @__PURE__ */ import_react12.default.createElement(CartesianGrid, null),
+    import_react12.default.Children.map(props.children, (child) => renderChartChildren(child, props))
+  )));
 };
 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
-  }));
+  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 });
 LineChart.Line = Line;
@@ -3289,13 +3265,17 @@ var import_recharts13 = require("recharts");
 var import_react13 = __toESM(require("react"));
 var ChartValue = (props) => {
   const { value, unit: unit2, caption } = props;
-  return /* @__PURE__ */ import_react13.default.createElement("p", {
-    className: tw(
-      "typography-large-heading text-intense text-center leading-tight absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
-    )
-  }, value, unit2, caption && /* @__PURE__ */ import_react13.default.createElement("span", {
-    className: tw("block", "typography-small text-default")
-  }, caption));
+  return /* @__PURE__ */ import_react13.default.createElement(
+    "p",
+    {
+      className: tw(
+        "typography-large-heading text-intense text-center leading-tight absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+      )
+    },
+    value,
+    unit2,
+    caption && /* @__PURE__ */ import_react13.default.createElement("span", { className: tw("block", "typography-small text-default") }, caption)
+  );
 };
 
 // src/charts/PieChart/renderPieChildren.tsx
@@ -3309,10 +3289,7 @@ var renderPieChildren = (children, opts = {}) => {
     switch (getDisplayName(child.type)) {
       case Tooltip.displayName: {
         return import_react14.default.cloneElement(child, {
-          content: /* @__PURE__ */ import_react14.default.createElement(TooltipContentWrapper, {
-            content: child.props.content,
-            tooltipColor: opts.tooltipColor
-          }),
+          content: /* @__PURE__ */ import_react14.default.createElement(TooltipContentWrapper, { content: child.props.content, tooltipColor: opts.tooltipColor }),
           labelStyle: { paddingBottom: 0 }
         });
       }
@@ -3334,9 +3311,7 @@ var DoughnutChart = (_a) => {
   } = _b, props = __objRest(_b, [
     "palette"
   ]);
-  return /* @__PURE__ */ import_react15.default.createElement(DefaultPalette, {
-    palette
-  }, /* @__PURE__ */ import_react15.default.createElement(DoughnutChartWrapper, __spreadValues({}, props)));
+  return /* @__PURE__ */ import_react15.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react15.default.createElement(DoughnutChartWrapper, __spreadValues({}, props)));
 };
 var DoughnutChartWrapper = (_a) => {
   var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
@@ -3367,31 +3342,30 @@ var DoughnutChartWrapper = (_a) => {
     const yMargin = (containerHeight - refSize * scale) / 2;
     const x = cx - refSize / 2 * scale;
     const y = (yOffset + yMargin) / scale;
-    return /* @__PURE__ */ import_react15.default.createElement("foreignObject", {
-      width: refSize,
-      height: refSize,
-      x,
-      y,
-      transform: `scale(${scale})`
-    }, chartValue);
+    return /* @__PURE__ */ import_react15.default.createElement("foreignObject", { width: refSize, height: refSize, x, y, transform: `scale(${scale})` }, chartValue);
   };
   const highlightActive = activeIndex !== null && tooltip;
-  return /* @__PURE__ */ import_react15.default.createElement(ResponsiveContainer, {
-    width: props.width,
-    height: props.height,
-    isBusy,
-    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),
-    onMouseEnter: (_, index) => setActiveIndex(index),
-    onMouseLeave: () => setActiveIndex(null),
-    activeIndex,
-    inactiveShape: { className: highlightActive ? "inactive" : void 0 },
-    activeShape: { className: highlightActive ? "active" : void 0 }
-  })), renderPieChildren(children, { tooltipColor: "fill" })));
+  return /* @__PURE__ */ import_react15.default.createElement(
+    ResponsiveContainer,
+    {
+      width: props.width,
+      height: props.height,
+      isBusy,
+      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),
+        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, {
@@ -3410,26 +3384,14 @@ 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)));
+  return /* @__PURE__ */ import_react16.default.createElement(DefaultPalette, { palette }, /* @__PURE__ */ import_react16.default.createElement(PieChartWrapper, __spreadValues({}, props)));
 };
 var PieChartWrapper = (_a) => {
   var _b = _a, { isBusy, busyLabel } = _b, props = __objRest(_b, ["isBusy", "busyLabel"]);
   var _a2;
   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_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) }))));
 };
 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, {
@@ -3445,17 +3407,11 @@ PieChart.Cell = import_recharts14.Cell;
 var import_react17 = __toESM(require("react"));
 var import_recharts15 = require("recharts");
 var ReferenceLine = Object.assign(
-  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts15.ReferenceLine, __spreadProps(__spreadValues({}, props), {
-    strokeDasharray: "9 3",
-    strokeWidth: 2
-  })),
+  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts15.ReferenceLine, __spreadProps(__spreadValues({}, props), { strokeDasharray: "9 3", strokeWidth: 2 })),
   import_recharts15.ReferenceLine
 );
 var ReferenceArea = Object.assign(
-  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts15.ReferenceArea, __spreadProps(__spreadValues({}, props), {
-    strokeWidth: 0,
-    fillOpacity: 0.1
-  })),
+  (props) => /* @__PURE__ */ import_react17.default.createElement(import_recharts15.ReferenceArea, __spreadProps(__spreadValues({}, props), { strokeWidth: 0, fillOpacity: 0.1 })),
   import_recharts15.ReferenceLine
 );
 var Reference = {