@aspprev/versi-ds 0.4.0 → 0.4.1

package/dist/{chunk-V66QL3TD.js → chunk-5MRS4PDD.js}

@@ -1,9 +1,3 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
 // src/components/chart/LazyApexChart.tsx
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -29,7 +23,7 @@ function LazyApexChart(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(ApexChart, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx(ApexChart, { ...props });
 }
 
 // src/utils/chart-theme.ts
@@ -62,9 +56,8 @@ var MUTED_SERIES_FALLBACKS = [
   "#aeb5bd"
 ];
 var readColorToken = (token, fallback) => {
-  var _a;
   if (typeof window === "undefined") return fallback;
-  const value = window.getComputedStyle((_a = document.body) != null ? _a : document.documentElement).getPropertyValue(token).trim();
+  const value = window.getComputedStyle(document.body ?? document.documentElement).getPropertyValue(token).trim();
   return value ? `rgb(${value})` : fallback;
 };
 var getChartTheme = () => ({
@@ -93,7 +86,7 @@ var getChartSeriesRecord = (backendColors, count = 5) => {
   );
   const isDarkSchemeActive = typeof document !== "undefined" && document.documentElement.dataset.colorScheme === "dark";
   const highContrastActive = typeof document !== "undefined" && document.documentElement.dataset.contrast === "high";
-  return highContrastActive || isDarkSchemeActive ? fallbackColors : __spreadValues(__spreadValues({}, fallbackColors), backendColors);
+  return highContrastActive || isDarkSchemeActive ? fallbackColors : { ...fallbackColors, ...backendColors };
 };
 
 // src/components/chart/interactive-donut-utils.ts
@@ -127,7 +120,7 @@ var TOOLTIP_ENTITIES = {
   "'": "'"
 };
 function escapeDonutTooltipText(value) {
-  return String(value != null ? value : "").replace(
+  return String(value ?? "").replace(
     /[&<>"']/g,
     (character) => TOOLTIP_ENTITIES[character]
   );
@@ -160,36 +153,24 @@ import {
   useState as useState3
 } from "react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function InteractiveDonutChart(_a) {
-  var _b = _a, {
-    options = {},
-    series,
-    colors,
-    mutedColors,
-    valueFormatter = (value) => new Intl.NumberFormat("pt-BR", {
-      style: "currency",
-      currency: "BRL"
-    }).format(value),
-    ariaLabel = "Gr\xE1fico de distribui\xE7\xE3o",
-    className,
-    chartClassName,
-    responsiveHeight = false,
-    highContrastOverride
-  } = _b, rest = __objRest(_b, [
-    "options",
-    "series",
-    "colors",
-    "mutedColors",
-    "valueFormatter",
-    "ariaLabel",
-    "className",
-    "chartClassName",
-    "responsiveHeight",
-    "highContrastOverride"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+function InteractiveDonutChart({
+  options = {},
+  series,
+  colors,
+  mutedColors,
+  valueFormatter = (value) => new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(value),
+  ariaLabel = "Gr\xE1fico de distribui\xE7\xE3o",
+  className,
+  chartClassName,
+  responsiveHeight = false,
+  highContrastOverride,
+  ...rest
+}) {
   const storedHighContrast = useHighContrastPreference();
-  const highContrast = highContrastOverride != null ? highContrastOverride : storedHighContrast;
+  const highContrast = highContrastOverride ?? storedHighContrast;
   const [selectedIndex, setSelectedIndex] = useState3(null);
   const [legendSelectedIndex, setLegendSelectedIndex] = useState3(
     null
@@ -197,12 +178,9 @@ function InteractiveDonutChart(_a) {
   const containerRef = useRef(null);
   const instructionsId = useId();
   const chartTheme = getChartTheme();
-  const baseColors = !highContrast && (colors == null ? void 0 : colors.length) ? colors : chartTheme.donutSeries;
-  const neutralColors = !highContrast && (mutedColors == null ? void 0 : mutedColors.length) ? mutedColors : chartTheme.mutedSeries;
-  const labels = useMemo(() => {
-    var _a3;
-    return (_a3 = options.labels) != null ? _a3 : [];
-  }, [options.labels]);
+  const baseColors = !highContrast && colors?.length ? colors : chartTheme.donutSeries;
+  const neutralColors = !highContrast && mutedColors?.length ? mutedColors : chartTheme.mutedSeries;
+  const labels = useMemo(() => options.labels ?? [], [options.labels]);
   useEffect3(() => {
     setSelectedIndex(
       (current) => current !== null && current >= series.length ? null : current
@@ -213,8 +191,7 @@ function InteractiveDonutChart(_a) {
   }, [series.length]);
   useEffect3(() => {
     const resetOnOutsideClick = (event) => {
-      var _a3;
-      if ((_a3 = containerRef.current) == null ? void 0 : _a3.contains(event.target)) return;
+      if (containerRef.current?.contains(event.target)) return;
       setSelectedIndex(null);
       setLegendSelectedIndex(null);
     };
@@ -279,11 +256,10 @@ function InteractiveDonutChart(_a) {
     };
   }, [responsiveHeight, rest.height, series.length]);
   const donutSizeRatio = useMemo(() => {
-    var _a3, _b3, _c2, _d2;
-    const size = (_d2 = (_c2 = (_b3 = (_a3 = options.plotOptions) == null ? void 0 : _a3.pie) == null ? void 0 : _b3.donut) == null ? void 0 : _c2.size) != null ? _d2 : "65%";
+    const size = options.plotOptions?.pie?.donut?.size ?? "65%";
     const parsed = parseFloat(String(size));
     return Number.isFinite(parsed) ? parsed / 100 : 0.65;
-  }, [(_c = (_b2 = (_a2 = options.plotOptions) == null ? void 0 : _a2.pie) == null ? void 0 : _b2.donut) == null ? void 0 : _c.size]);
+  }, [options.plotOptions?.pie?.donut?.size]);
   const displayColors = resolveInteractiveDonutColors({
     count: series.length,
     colors: baseColors,
@@ -291,14 +267,14 @@ function InteractiveDonutChart(_a) {
     selectedIndex
   });
   const legendValue = legendSelectedIndex !== null ? {
-    label: (_d = labels[legendSelectedIndex]) != null ? _d : `Categoria ${legendSelectedIndex + 1}`,
-    value: Number((_e = series[legendSelectedIndex]) != null ? _e : 0)
+    label: labels[legendSelectedIndex] ?? `Categoria ${legendSelectedIndex + 1}`,
+    value: Number(series[legendSelectedIndex] ?? 0)
   } : null;
   const interactiveOptions = useMemo(() => {
-    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m;
-    const originalSelection = (_b3 = (_a3 = options.chart) == null ? void 0 : _a3.events) == null ? void 0 : _b3.dataPointSelection;
-    const originalLegendClick = (_d2 = (_c2 = options.chart) == null ? void 0 : _c2.events) == null ? void 0 : _d2.legendClick;
-    return __spreadProps(__spreadValues({}, options), {
+    const originalSelection = options.chart?.events?.dataPointSelection;
+    const originalLegendClick = options.chart?.events?.legendClick;
+    return {
+      ...options,
       colors: displayColors,
       fill: highContrast ? {
         type: "pattern",
@@ -314,61 +290,70 @@ function InteractiveDonutChart(_a) {
           height: 6,
           strokeWidth: 2
         }
-      } : __spreadProps(__spreadValues({}, options.fill), {
-        type: (_f2 = (_e2 = options.fill) == null ? void 0 : _e2.type) != null ? _f2 : "solid",
-        opacity: (_h2 = (_g2 = options.fill) == null ? void 0 : _g2.opacity) != null ? _h2 : 1
-      }),
-      stroke: highContrast ? __spreadProps(__spreadValues({}, options.stroke), { colors: ["#ffffff"], width: 2 }) : options.stroke,
-      chart: __spreadProps(__spreadValues({}, options.chart), {
-        events: __spreadProps(__spreadValues({}, (_i2 = options.chart) == null ? void 0 : _i2.events), {
+      } : {
+        ...options.fill,
+        type: options.fill?.type ?? "solid",
+        opacity: options.fill?.opacity ?? 1
+      },
+      stroke: highContrast ? { ...options.stroke, colors: ["#ffffff"], width: 2 } : options.stroke,
+      chart: {
+        ...options.chart,
+        events: {
+          ...options.chart?.events,
           dataPointSelection(event, chart, config) {
-            originalSelection == null ? void 0 : originalSelection(event, chart, config);
-            const nextIndex = Number(config == null ? void 0 : config.dataPointIndex);
+            originalSelection?.(event, chart, config);
+            const nextIndex = Number(config?.dataPointIndex);
             if (!Number.isInteger(nextIndex) || nextIndex < 0) return;
             setSelectedIndex(
               (current) => current === nextIndex ? null : nextIndex
             );
           },
           legendClick(chartContext, seriesIndex, config) {
-            originalLegendClick == null ? void 0 : originalLegendClick(chartContext, seriesIndex, config);
+            originalLegendClick?.(chartContext, seriesIndex, config);
             if (typeof seriesIndex !== "number" || seriesIndex < 0) return;
             setLegendSelectedIndex(
               (current) => current === seriesIndex ? null : seriesIndex
             );
           }
-        })
-      }),
-      legend: __spreadProps(__spreadValues({}, options.legend), {
-        labels: __spreadProps(__spreadValues({}, (_j = options.legend) == null ? void 0 : _j.labels), {
+        }
+      },
+      legend: {
+        ...options.legend,
+        labels: {
+          ...options.legend?.labels,
           colors: chartTheme.axis
-        }),
-        onItemClick: __spreadProps(__spreadValues({}, (_k = options.legend) == null ? void 0 : _k.onItemClick), {
+        },
+        onItemClick: {
+          ...options.legend?.onItemClick,
           toggleDataSeries: false
-        })
-      }),
-      states: __spreadProps(__spreadValues({}, options.states), {
-        hover: __spreadProps(__spreadValues({}, (_l = options.states) == null ? void 0 : _l.hover), {
+        }
+      },
+      states: {
+        ...options.states,
+        hover: {
+          ...options.states?.hover,
           filter: { type: "none" }
-        }),
-        active: __spreadProps(__spreadValues({}, (_m = options.states) == null ? void 0 : _m.active), {
+        },
+        active: {
+          ...options.states?.active,
           allowMultipleDataPointsSelection: false,
           filter: { type: "none" }
-        })
-      }),
-      tooltip: __spreadProps(__spreadValues({}, options.tooltip), {
+        }
+      },
+      tooltip: {
+        ...options.tooltip,
         enabled: true,
         followCursor: true,
         custom({ series: tooltipSeries, seriesIndex }) {
-          var _a4, _b4;
-          const value = Number((_a4 = tooltipSeries == null ? void 0 : tooltipSeries[seriesIndex]) != null ? _a4 : 0);
+          const value = Number(tooltipSeries?.[seriesIndex] ?? 0);
           const label = escapeDonutTooltipText(
-            (_b4 = labels[seriesIndex]) != null ? _b4 : `Categoria ${seriesIndex + 1}`
+            labels[seriesIndex] ?? `Categoria ${seriesIndex + 1}`
           );
           const formattedValue = escapeDonutTooltipText(valueFormatter(value));
           return `<div class="donut-chart-tooltip"><span class="donut-chart-tooltip-label">${label}</span><strong class="donut-chart-tooltip-value">${formattedValue}</strong></div>`;
         }
-      })
-    });
+      }
+    };
   }, [
     chartTheme.axis,
     displayColors,
@@ -377,10 +362,10 @@ function InteractiveDonutChart(_a) {
     options,
     valueFormatter
   ]);
-  const selectedLabel = selectedIndex === null ? "Nenhuma categoria selecionada" : `${(_f = labels[selectedIndex]) != null ? _f : `Categoria ${selectedIndex + 1}`}: ${valueFormatter(
-    Number((_g = series[selectedIndex]) != null ? _g : 0)
+  const selectedLabel = selectedIndex === null ? "Nenhuma categoria selecionada" : `${labels[selectedIndex] ?? `Categoria ${selectedIndex + 1}`}: ${valueFormatter(
+    Number(series[selectedIndex] ?? 0)
   )}`;
-  const legendValueLabel = legendSelectedIndex === null ? "" : `Valor em destaque: ${(_h = labels[legendSelectedIndex]) != null ? _h : `Categoria ${legendSelectedIndex + 1}`}: ${valueFormatter(Number((_i = series[legendSelectedIndex]) != null ? _i : 0))}`;
+  const legendValueLabel = legendSelectedIndex === null ? "" : `Valor em destaque: ${labels[legendSelectedIndex] ?? `Categoria ${legendSelectedIndex + 1}`}: ${valueFormatter(Number(series[legendSelectedIndex] ?? 0))}`;
   const handleKeyDown = (event) => {
     if (["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp"].includes(event.key)) {
       event.preventDefault();
@@ -407,17 +392,18 @@ function InteractiveDonutChart(_a) {
       "aria-label": ariaLabel,
       "aria-describedby": instructionsId,
       onKeyDown: handleKeyDown,
-      className: `chart-keyboard-focus-ring relative min-w-0 rounded-sm ${className != null ? className : ""}`.trim(),
+      className: `chart-keyboard-focus-ring relative min-w-0 rounded-sm ${className ?? ""}`.trim(),
       children: [
         /* @__PURE__ */ jsx2(
           LazyApexChart,
-          __spreadProps(__spreadValues({}, rest), {
+          {
+            ...rest,
             className: chartClassName,
             height: responsiveHeight && measuredChartHeight ? measuredChartHeight : rest.height,
             options: interactiveOptions,
             series,
             type: "donut"
-          }),
+          },
           highContrast ? "donut-high-contrast" : "donut-standard"
         ),
         legendValue && pieCircle && /* @__PURE__ */ jsxs(
@@ -448,25 +434,17 @@ function InteractiveDonutChart(_a) {
 // src/components/chart/TimeSeriesChart.tsx
 import { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-function TimeSeriesChart(_a) {
-  var _b = _a, {
-    options,
-    ariaLabel,
-    className,
-    chartClassName,
-    responsiveHeight = false,
-    highContrastOverride
-  } = _b, chartProps = __objRest(_b, [
-    "options",
-    "ariaLabel",
-    "className",
-    "chartClassName",
-    "responsiveHeight",
-    "highContrastOverride"
-  ]);
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+function TimeSeriesChart({
+  options,
+  ariaLabel,
+  className,
+  chartClassName,
+  responsiveHeight = false,
+  highContrastOverride,
+  ...chartProps
+}) {
   const storedHighContrast = useHighContrastPreference();
-  const highContrast = highContrastOverride != null ? highContrastOverride : storedHighContrast;
+  const highContrast = highContrastOverride ?? storedHighContrast;
   const theme = getChartTheme();
   const containerRef = useRef2(null);
   const [measuredHeight, setMeasuredHeight] = useState4(null);
@@ -521,7 +499,7 @@ function TimeSeriesChart(_a) {
   const renderedHeight = responsiveHeight && measuredHeight ? measuredHeight : chartProps.height;
   const renderedWidth = responsiveHeight && measuredWidth ? measuredWidth : chartProps.width;
   const xAxis = options.xaxis;
-  const xAxisCategories = Array.isArray(xAxis == null ? void 0 : xAxis.categories) ? xAxis.categories : [];
+  const xAxisCategories = Array.isArray(xAxis?.categories) ? xAxis.categories : [];
   const availableWidth = typeof renderedWidth === "number" ? renderedWidth : 720;
   const maxVisibleXAxisLabels = Math.max(
     4,
@@ -534,140 +512,150 @@ function TimeSeriesChart(_a) {
   const hasDenseXAxis = xAxisCategories.length > maxVisibleXAxisLabels;
   const xAxisCategoriesKey = JSON.stringify(xAxisCategories);
   const responsiveXAxisFormatter = xAxisCategories.length ? (value, _timestamp, opts) => {
-    var _a3, _b3;
     const fallbackIndex = xAxisCategories.findIndex(
       (category) => String(category) === String(value)
     );
-    const index = (_a3 = opts == null ? void 0 : opts.dataPointIndex) != null ? _a3 : fallbackIndex >= 0 ? fallbackIndex : 0;
+    const index = opts?.dataPointIndex ?? (fallbackIndex >= 0 ? fallbackIndex : 0);
     const isLast = index === xAxisCategories.length - 1;
-    return index % xAxisLabelStep === 0 || isLast ? String((_b3 = xAxisCategories[index]) != null ? _b3 : value) : "";
-  } : (_a2 = xAxis == null ? void 0 : xAxis.labels) == null ? void 0 : _a2.formatter;
+    return index % xAxisLabelStep === 0 || isLast ? String(xAxisCategories[index] ?? value) : "";
+  } : xAxis?.labels?.formatter;
   const renderKey = [
     themeKey,
-    renderedWidth != null ? renderedWidth : "auto-width",
-    renderedHeight != null ? renderedHeight : "auto-height",
+    renderedWidth ?? "auto-width",
+    renderedHeight ?? "auto-height",
     xAxisCategoriesKey
   ].join("|");
-  const yAxis = Array.isArray(options.yaxis) ? options.yaxis.map((axis) => {
-    var _a3;
-    return __spreadProps(__spreadValues({}, axis), {
-      labels: __spreadProps(__spreadValues({}, axis.labels), {
-        show: true,
-        style: __spreadProps(__spreadValues({
-          fontSize: "11px",
-          fontWeight: 500
-        }, (_a3 = axis.labels) == null ? void 0 : _a3.style), {
-          colors: theme.axis
-        })
-      })
-    });
-  }) : __spreadProps(__spreadValues({}, options.yaxis), {
-    labels: __spreadProps(__spreadValues({}, (_b2 = options.yaxis) == null ? void 0 : _b2.labels), {
+  const yAxis = Array.isArray(options.yaxis) ? options.yaxis.map((axis) => ({
+    ...axis,
+    labels: {
+      ...axis.labels,
       show: true,
-      style: __spreadProps(__spreadValues({
+      style: {
         fontSize: "11px",
-        fontWeight: 500
-      }, (_d = (_c = options.yaxis) == null ? void 0 : _c.labels) == null ? void 0 : _d.style), {
+        fontWeight: 500,
+        ...axis.labels?.style,
         colors: theme.axis
-      })
-    })
-  });
-  const sharedOptions = __spreadProps(__spreadValues({}, options), {
+      }
+    }
+  })) : {
+    ...options.yaxis,
+    labels: {
+      ...options.yaxis?.labels,
+      show: true,
+      style: {
+        fontSize: "11px",
+        fontWeight: 500,
+        ...options.yaxis?.labels?.style,
+        colors: theme.axis
+      }
+    }
+  };
+  const sharedOptions = {
+    ...options,
     colors: highContrast ? [...theme.series] : options.colors,
-    chart: __spreadProps(__spreadValues({
+    chart: {
       toolbar: { show: false },
       zoom: { enabled: false },
       parentHeightOffset: 0,
       redrawOnParentResize: true,
-      redrawOnWindowResize: true
-    }, options.chart), {
+      redrawOnWindowResize: true,
+      ...options.chart,
       foreColor: theme.axis
-    }),
-    dataLabels: __spreadValues({
-      enabled: false
-    }, options.dataLabels),
-    grid: __spreadProps(__spreadValues({
+    },
+    dataLabels: {
+      enabled: false,
+      ...options.dataLabels
+    },
+    grid: {
       show: true,
       borderColor: theme.grid,
-      strokeDashArray: 0
-    }, options.grid), {
+      strokeDashArray: 0,
+      ...options.grid,
       xaxis: {
-        lines: __spreadProps(__spreadValues({}, (_f = (_e = options.grid) == null ? void 0 : _e.xaxis) == null ? void 0 : _f.lines), {
-          show: hasDenseXAxis ? false : (_j = (_i = (_h = (_g = options.grid) == null ? void 0 : _g.xaxis) == null ? void 0 : _h.lines) == null ? void 0 : _i.show) != null ? _j : true
-        })
+        lines: {
+          ...options.grid?.xaxis?.lines,
+          show: hasDenseXAxis ? false : options.grid?.xaxis?.lines?.show ?? true
+        }
       },
       yaxis: {
-        lines: __spreadValues({ show: true }, (_l = (_k = options.grid) == null ? void 0 : _k.yaxis) == null ? void 0 : _l.lines)
+        lines: { show: true, ...options.grid?.yaxis?.lines }
       },
-      padding: __spreadValues({
+      padding: {
         top: 0,
         right: 8,
         bottom: 8,
-        left: 8
-      }, (_m = options.grid) == null ? void 0 : _m.padding)
-    }),
-    stroke: __spreadProps(__spreadValues({
+        left: 8,
+        ...options.grid?.padding
+      }
+    },
+    stroke: {
       width: 2,
-      curve: "straight"
-    }, options.stroke), {
-      colors: highContrast ? [...theme.series] : (_n = options.stroke) == null ? void 0 : _n.colors,
-      dashArray: highContrast ? [0, 6, 2, 8, 4, 10, 1, 7, 3, 9, 5, 11] : (_p = (_o = options.stroke) == null ? void 0 : _o.dashArray) != null ? _p : 0
-    }),
-    markers: __spreadProps(__spreadValues({
+      curve: "straight",
+      ...options.stroke,
+      colors: highContrast ? [...theme.series] : options.stroke?.colors,
+      dashArray: highContrast ? [0, 6, 2, 8, 4, 10, 1, 7, 3, 9, 5, 11] : options.stroke?.dashArray ?? 0
+    },
+    markers: {
       strokeWidth: 1,
-      strokeColors: [theme.surface]
-    }, options.markers), {
-      size: highContrast ? 4 : (_r = (_q = options.markers) == null ? void 0 : _q.size) != null ? _r : 3,
-      hover: __spreadValues({ size: 4 }, (_s = options.markers) == null ? void 0 : _s.hover)
-    }),
-    annotations: highContrast ? __spreadProps(__spreadValues({}, options.annotations), {
-      xaxis: (_u = (_t = options.annotations) == null ? void 0 : _t.xaxis) == null ? void 0 : _u.map((annotation, index) => __spreadProps(__spreadValues({}, annotation), {
+      strokeColors: [theme.surface],
+      ...options.markers,
+      size: highContrast ? 4 : options.markers?.size ?? 3,
+      hover: { size: 4, ...options.markers?.hover }
+    },
+    annotations: highContrast ? {
+      ...options.annotations,
+      xaxis: options.annotations?.xaxis?.map((annotation, index) => ({
+        ...annotation,
         fillColor: theme.series[index % theme.series.length],
         opacity: 0.28
       }))
-    }) : options.annotations,
-    xaxis: __spreadProps(__spreadValues({
+    } : options.annotations,
+    xaxis: {
       tooltip: { enabled: false },
-      axisBorder: { color: theme.axisBorder }
-    }, xAxis), {
-      tickAmount: xAxisCategories.length ? void 0 : xAxis == null ? void 0 : xAxis.tickAmount,
-      axisTicks: __spreadProps(__spreadValues({
-        color: theme.axisBorder
-      }, xAxis == null ? void 0 : xAxis.axisTicks), {
-        show: hasDenseXAxis ? false : (_w = (_v = xAxis == null ? void 0 : xAxis.axisTicks) == null ? void 0 : _v.show) != null ? _w : true
-      }),
-      labels: __spreadProps(__spreadValues({}, xAxis == null ? void 0 : xAxis.labels), {
+      axisBorder: { color: theme.axisBorder },
+      ...xAxis,
+      tickAmount: xAxisCategories.length ? void 0 : xAxis?.tickAmount,
+      axisTicks: {
+        color: theme.axisBorder,
+        ...xAxis?.axisTicks,
+        show: hasDenseXAxis ? false : xAxis?.axisTicks?.show ?? true
+      },
+      labels: {
+        ...xAxis?.labels,
         show: true,
         formatter: responsiveXAxisFormatter,
-        style: __spreadProps(__spreadValues({
+        style: {
           fontSize: "11px",
-          fontWeight: 500
-        }, (_x = xAxis == null ? void 0 : xAxis.labels) == null ? void 0 : _x.style), {
+          fontWeight: 500,
+          ...xAxis?.labels?.style,
           colors: theme.axis
-        })
-      })
-    }),
+        }
+      }
+    },
     yaxis: yAxis,
-    tooltip: __spreadValues({
+    tooltip: {
       shared: true,
       intersect: false,
-      followCursor: true
-    }, options.tooltip),
-    legend: __spreadProps(__spreadValues({}, options.legend), {
-      labels: __spreadProps(__spreadValues({}, (_y = options.legend) == null ? void 0 : _y.labels), {
+      followCursor: true,
+      ...options.tooltip
+    },
+    legend: {
+      ...options.legend,
+      labels: {
+        ...options.legend?.labels,
         colors: theme.axis
-      })
-    }),
-    noData: __spreadProps(__spreadValues({
-      text: "Nenhum dado dispon\xEDvel no per\xEDodo selecionado"
-    }, options.noData), {
-      style: __spreadProps(__spreadValues({
-        fontSize: "15px"
-      }, (_z = options.noData) == null ? void 0 : _z.style), {
+      }
+    },
+    noData: {
+      text: "Nenhum dado dispon\xEDvel no per\xEDodo selecionado",
+      ...options.noData,
+      style: {
+        fontSize: "15px",
+        ...options.noData?.style,
         color: theme.axis
-      })
-    })
-  });
+      }
+    }
+  };
   return /* @__PURE__ */ jsx3(
     "div",
     {
@@ -677,12 +665,13 @@ function TimeSeriesChart(_a) {
       className,
       children: /* @__PURE__ */ jsx3(
         LazyApexChart,
-        __spreadProps(__spreadValues({}, chartProps), {
+        {
+          ...chartProps,
           className: chartClassName,
           width: renderedWidth,
           height: renderedHeight,
           options: sharedOptions
-        }),
+        },
         renderKey
       )
     }
@@ -703,7 +692,7 @@ function TimeRangeSelector({
     {
       role: "group",
       "aria-label": ariaLabel,
-      className: `flex min-w-0 flex-wrap justify-start gap-1.5 ${className != null ? className : ""}`.trim(),
+      className: `flex min-w-0 flex-wrap justify-start gap-1.5 ${className ?? ""}`.trim(),
       children: options.map((range) => {
         const isSelected = selected === range;
         return /* @__PURE__ */ jsx4(
@@ -731,14 +720,14 @@ var TOOLTIP_ENTITIES2 = {
   "'": "&#039;"
 };
 function escapeTimeSeriesTooltipText(value) {
-  return String(value != null ? value : "").replace(
+  return String(value ?? "").replace(
     /[&<>"']/g,
     (character) => TOOLTIP_ENTITIES2[character]
   );
 }
 var SAFE_TOOLTIP_COLOR = /^(?:#[\da-f]{3,8}|rgba?\([\d\s.,%]+\)|hsla?\([\d\s.,%]+\)|var\(--[\w-]+\)|[a-z]+)$/i;
 function normalizeTimeSeriesTooltipColor(value) {
-  const color = String(value != null ? value : "").trim();
+  const color = String(value ?? "").trim();
   return SAFE_TOOLTIP_COLOR.test(color) ? color : "currentColor";
 }
 function buildTimeSeriesTooltip({
@@ -766,4 +755,4 @@ export {
   normalizeTimeSeriesTooltipColor,
   buildTimeSeriesTooltip
 };
-//# sourceMappingURL=chunk-V66QL3TD.js.map
+//# sourceMappingURL=chunk-5MRS4PDD.js.map