@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-GOGLPCUH.js → chunk-EOU6WZTS.js}

@@ -1,14 +1,42 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
-var chunkAX5XRD2Q_js = require('./chunk-AX5XRD2Q.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/RadarChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var RadarChart = ({
   width = 320,
   height = 200,
@@ -68,14 +96,14 @@ var RadarChart = ({
   desc,
   className
 }) => {
-  const resolvedSeries = react.useMemo(
-    () => tigercatCore.resolveSeriesData(series, data, {
+  const resolvedSeries = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveSeriesData.call(void 0, series, data, {
       data: []
     }),
     [series, data]
   );
-  const seriesKeys = react.useMemo(
-    () => tigercatCore.buildChartSeriesKeys(resolvedSeries, { prefix: "radar-" }),
+  const seriesKeys = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartSeriesKeys.call(void 0, resolvedSeries, { prefix: "radar-" }),
     [resolvedSeries]
   );
   const {
@@ -91,7 +119,7 @@ var RadarChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -101,18 +129,18 @@ var RadarChart = ({
     legendPosition,
     getData: (index) => resolvedSeries[index],
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onSeriesHover?.(index, index !== null ? resolvedSeries[index] : null);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _2 => _2(index)]);
+      _optionalChain([onSeriesHover, 'optionalCall', _3 => _3(index, index !== null ? resolvedSeries[index] : null)]);
     },
     onSelectedIndexChange: (index) => {
-      onSelectedIndexChange?.(index);
+      _optionalChain([onSelectedIndexChange, 'optionalCall', _4 => _4(index)]);
       if (index !== null) {
-        onSeriesClick?.(index, resolvedSeries[index]);
+        _optionalChain([onSeriesClick, 'optionalCall', _5 => _5(index, resolvedSeries[index])]);
       }
     }
   });
-  const [hoveredPoint, setHoveredPoint] = react.useState(null);
-  const handlePointEnter = react.useCallback(
+  const [hoveredPoint, setHoveredPoint] = _react.useState.call(void 0, null);
+  const handlePointEnter = _react.useCallback.call(void 0, 
     (seriesIndex, pointIndex, event) => {
       if (!hoverable) return;
       setHoveredPoint({ seriesIndex, pointIndex });
@@ -120,45 +148,45 @@ var RadarChart = ({
     },
     [hoverable, handleHoverEnter]
   );
-  const handlePointMove = react.useCallback(
+  const handlePointMove = _react.useCallback.call(void 0, 
     (event) => {
       handleMouseMove(event);
     },
     [handleMouseMove]
   );
-  const handlePointLeave = react.useCallback(() => {
+  const handlePointLeave = _react.useCallback.call(void 0, () => {
     setHoveredPoint(null);
     handleHoverLeave();
   }, [handleHoverLeave]);
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const radius = react.useMemo(
+  const radius = _react.useMemo.call(void 0, 
     () => Math.max(0, Math.min(innerRect.width, innerRect.height) / 2),
     [innerRect.width, innerRect.height]
   );
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
-  const axisData = react.useMemo(() => {
-    if (series && series.length > 0) return series[0]?.data ?? [];
-    return data ?? [];
+  const axisData = _react.useMemo.call(void 0, () => {
+    if (series && series.length > 0) return _nullishCoalesce(_optionalChain([series, 'access', _6 => _6[0], 'optionalAccess', _7 => _7.data]), () => ( []));
+    return _nullishCoalesce(data, () => ( []));
   }, [series, data]);
-  const resolvedMaxValue = react.useMemo(() => {
+  const resolvedMaxValue = _react.useMemo.call(void 0, () => {
     if (typeof maxValue === "number") return Math.max(0, maxValue);
     const values = resolvedSeries.flatMap((item) => item.data.map((datum) => datum.value));
     const computedMax = values.length > 0 ? Math.max(...values) : 0;
     return computedMax > 0 ? computedMax : 1;
   }, [resolvedSeries, maxValue]);
-  const angles = react.useMemo(
-    () => tigercatCore.getRadarAngles(axisData.length, startAngle),
+  const angles = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getRadarAngles.call(void 0, axisData.length, startAngle),
     [axisData.length, startAngle]
   );
-  const seriesPoints = react.useMemo(
+  const seriesPoints = _react.useMemo.call(void 0, 
     () => resolvedSeries.map((item, seriesIndex) => ({
       series: item,
       seriesKey: seriesKeys[seriesIndex],
-      points: tigercatCore.getRadarPoints(item.data, {
+      points: _tigercatcore.getRadarPoints.call(void 0, item.data, {
         cx,
         cy,
         radius,
@@ -168,7 +196,7 @@ var RadarChart = ({
     })),
     [resolvedSeries, seriesKeys, cx, cy, radius, startAngle, resolvedMaxValue]
   );
-  const gridPaths = react.useMemo(() => {
+  const gridPaths = _react.useMemo.call(void 0, () => {
     if (!showGrid || angles.length === 0) return [];
     const resolvedLevels = Math.max(1, Math.floor(levels));
     return Array.from({ length: resolvedLevels }, (_, index) => {
@@ -176,14 +204,14 @@ var RadarChart = ({
       if (gridShape === "circle") {
         return { type: "circle", cx, cy, r: levelRadius };
       }
-      const ringPoints = angles.map((angle) => tigercatCore.polarToCartesian(cx, cy, levelRadius, angle));
-      return { type: "polygon", d: tigercatCore.createPolygonPath(ringPoints), cx, cy, r: levelRadius };
+      const ringPoints = angles.map((angle) => _tigercatcore.polarToCartesian.call(void 0, cx, cy, levelRadius, angle));
+      return { type: "polygon", d: _tigercatcore.createPolygonPath.call(void 0, ringPoints), cx, cy, r: levelRadius };
     });
   }, [showGrid, levels, angles, radius, cx, cy, gridShape]);
-  const splitAreaPaths = react.useMemo(() => {
+  const splitAreaPaths = _react.useMemo.call(void 0, () => {
     if (!showSplitArea || angles.length === 0) return [];
     const resolvedLevels = Math.max(1, Math.floor(levels));
-    const areaColors = splitAreaColors && splitAreaColors.length > 0 ? splitAreaColors : tigercatCore.RADAR_SPLIT_AREA_COLORS;
+    const areaColors = splitAreaColors && splitAreaColors.length > 0 ? splitAreaColors : _tigercatcore.RADAR_SPLIT_AREA_COLORS;
     return Array.from({ length: resolvedLevels }, (_, index) => {
       const outerIndex = resolvedLevels - 1 - index;
       const outerRadius = radius * ((outerIndex + 1) / resolvedLevels);
@@ -192,15 +220,15 @@ var RadarChart = ({
       if (gridShape === "circle") {
         return { type: "circle-ring", cx, cy, outerRadius, innerRadius, color };
       }
-      const outerPoints = angles.map((angle) => tigercatCore.polarToCartesian(cx, cy, outerRadius, angle));
-      const innerPoints = outerIndex > 0 ? angles.map((angle) => tigercatCore.polarToCartesian(cx, cy, innerRadius, angle)) : [];
+      const outerPoints = angles.map((angle) => _tigercatcore.polarToCartesian.call(void 0, cx, cy, outerRadius, angle));
+      const innerPoints = outerIndex > 0 ? angles.map((angle) => _tigercatcore.polarToCartesian.call(void 0, cx, cy, innerRadius, angle)) : [];
       return { type: "polygon-ring", outerPoints, innerPoints, color };
     });
-  }, [showSplitArea, levels, angles, radius, cx, cy, gridShape, splitAreaColors, splitAreaOpacity]);
-  const axisLines = react.useMemo(() => {
+  }, [showSplitArea, levels, angles, radius, cx, cy, gridShape, splitAreaColors]);
+  const axisLines = _react.useMemo.call(void 0, () => {
     if (!showAxis || angles.length === 0) return [];
     return angles.map((angle) => {
-      const end = tigercatCore.polarToCartesian(cx, cy, radius, angle);
+      const end = _tigercatcore.polarToCartesian.call(void 0, cx, cy, radius, angle);
       return {
         x1: cx,
         y1: cy,
@@ -209,13 +237,13 @@ var RadarChart = ({
       };
     });
   }, [showAxis, angles, cx, cy, radius]);
-  const labels = react.useMemo(() => {
+  const labels = _react.useMemo.call(void 0, () => {
     if (!showLabels || angles.length === 0) return [];
-    const formatLabel = labelFormatter ?? ((datum) => datum.label ?? `${datum.value}`);
+    const formatLabel = _nullishCoalesce(labelFormatter, () => ( ((datum) => _nullishCoalesce(datum.label, () => ( `${datum.value}`)))));
     return axisData.map((datum, index) => {
       const angle = angles[index];
-      const position = tigercatCore.polarToCartesian(cx, cy, radius + labelOffset, angle);
-      const align = labelAutoAlign ? tigercatCore.getRadarLabelAlign(angle) : { textAnchor: "middle", dominantBaseline: "middle" };
+      const position = _tigercatcore.polarToCartesian.call(void 0, cx, cy, radius + labelOffset, angle);
+      const align = labelAutoAlign ? _tigercatcore.getRadarLabelAlign.call(void 0, angle) : { textAnchor: "middle", dominantBaseline: "middle" };
       return {
         x: position.x,
         y: position.y,
@@ -225,14 +253,14 @@ var RadarChart = ({
       };
     });
   }, [showLabels, axisData, angles, cx, cy, radius, labelOffset, labelFormatter, labelAutoAlign]);
-  const levelLabels = react.useMemo(() => {
+  const levelLabels = _react.useMemo.call(void 0, () => {
     if (!showLevelLabels || !showGrid || angles.length === 0) return [];
     const resolvedLevels = Math.max(1, Math.floor(levels));
-    const formatLevel = levelLabelFormatter ?? ((value) => `${value}`);
+    const formatLevel = _nullishCoalesce(levelLabelFormatter, () => ( ((value) => `${value}`)));
     return Array.from({ length: resolvedLevels }, (_, index) => {
       const ratio = (index + 1) / resolvedLevels;
       const value = resolvedMaxValue * ratio;
-      const position = tigercatCore.polarToCartesian(cx, cy, radius * ratio + levelLabelOffset, startAngle);
+      const position = _tigercatcore.polarToCartesian.call(void 0, cx, cy, radius * ratio + levelLabelOffset, startAngle);
       return {
         x: position.x,
         y: position.y,
@@ -252,44 +280,48 @@ var RadarChart = ({
     startAngle,
     levelLabelFormatter
   ]);
-  const dasharray = tigercatCore.getChartGridLineDasharray(gridLineStyle);
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const gradientPrefix = react.useMemo(() => tigercatCore.getRadarGradientPrefix(), []);
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveMultiSeriesTooltipContent(
+  const dasharray = _tigercatcore.getChartGridLineDasharray.call(void 0, gridLineStyle);
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "radar", gradientId),
+    [gradientId]
+  );
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveMultiSeriesTooltipContent.call(void 0, 
       hoveredPoint,
       resolvedSeries,
       tooltipFormatter,
-      tigercatCore.defaultRadarTooltipFormatter
+      _tigercatcore.defaultRadarTooltipFormatter
     ),
     [hoveredPoint, resolvedSeries, tooltipFormatter]
   );
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data: resolvedSeries,
       palette,
       activeIndex: resolvedActiveIndex,
-      getLabel: (s, i) => legendFormatter ? legendFormatter(s, i) : s.name ?? `Series ${i + 1}`,
-      getColor: (s, i) => s.color ?? palette[i % palette.length]
+      getLabel: (s, i) => legendFormatter ? legendFormatter(s, i) : _nullishCoalesce(s.name, () => ( `Series ${i + 1}`)),
+      getColor: (s, i) => _nullishCoalesce(s.color, () => ( palette[i % palette.length]))
     }),
     [resolvedSeries, palette, resolvedActiveIndex, legendFormatter]
   );
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
     {
       width,
       height,
       padding,
       title,
       desc,
-      className: tigercatCore.classNames(className),
+      className: _tigercatcore.classNames.call(void 0, className),
       children: [
-        (gradient || strokeGradient || pointGradient) && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+        (gradient || strokeGradient || pointGradient) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
           gradient && seriesPoints.map((item, seriesIndex) => {
-            const seriesColor = item.series.color ?? palette[seriesIndex % palette.length];
-            const resolvedFillColor = item.series.fillColor ?? seriesColor ?? fillColor ?? palette[0];
-            const resolvedFillOpacity = item.series.fillOpacity ?? fillOpacity;
-            return /* @__PURE__ */ jsxRuntime.jsxs(
+            const seriesColor = _nullishCoalesce(item.series.color, () => ( palette[seriesIndex % palette.length]));
+            const resolvedFillColor = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(item.series.fillColor, () => ( seriesColor)), () => ( fillColor)), () => ( palette[0]));
+            const resolvedFillOpacity = _nullishCoalesce(item.series.fillOpacity, () => ( fillOpacity));
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "linearGradient",
               {
                 id: `${gradientPrefix}-${item.seriesKey}`,
@@ -298,7 +330,7 @@ var RadarChart = ({
                 x2: "0",
                 y2: "1",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "stop",
                     {
                       offset: "0%",
@@ -306,16 +338,16 @@ var RadarChart = ({
                       stopOpacity: resolvedFillOpacity
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: resolvedFillColor, stopOpacity: 0.02 })
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: resolvedFillColor, stopOpacity: 0.02 })
                 ]
               },
               `radar-grad-${item.seriesKey}`
             );
           }),
           strokeGradient && seriesPoints.map((item, seriesIndex) => {
-            const seriesColor = item.series.color ?? palette[seriesIndex % palette.length];
-            const resolvedStrokeColor = item.series.strokeColor ?? seriesColor ?? strokeColor ?? palette[0];
-            return /* @__PURE__ */ jsxRuntime.jsxs(
+            const seriesColor = _nullishCoalesce(item.series.color, () => ( palette[seriesIndex % palette.length]));
+            const resolvedStrokeColor = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(item.series.strokeColor, () => ( seriesColor)), () => ( strokeColor)), () => ( palette[0]));
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "linearGradient",
               {
                 id: `${gradientPrefix}-stroke-${item.seriesKey}`,
@@ -324,15 +356,15 @@ var RadarChart = ({
                 x2: "0",
                 y2: "1",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "stop",
                     {
                       offset: "0%",
                       stopColor: `color-mix(in oklab, ${resolvedStrokeColor} 100%, white 12%)`
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: resolvedStrokeColor }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "50%", stopColor: resolvedStrokeColor }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "stop",
                     {
                       offset: "100%",
@@ -345,9 +377,9 @@ var RadarChart = ({
             );
           }),
           pointGradient && seriesPoints.map((item, seriesIndex) => {
-            const seriesColor = item.series.color ?? palette[seriesIndex % palette.length];
-            const resolvedPointColor = item.series.pointColor ?? seriesColor ?? pointColor ?? palette[0];
-            return /* @__PURE__ */ jsxRuntime.jsxs(
+            const seriesColor = _nullishCoalesce(item.series.color, () => ( palette[seriesIndex % palette.length]));
+            const resolvedPointColor = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(item.series.pointColor, () => ( seriesColor)), () => ( pointColor)), () => ( palette[0]));
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "radialGradient",
               {
                 id: `${gradientPrefix}-point-${item.seriesKey}`,
@@ -355,15 +387,15 @@ var RadarChart = ({
                 cy: "0.5",
                 r: "0.5",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "stop",
                     {
                       offset: "0%",
                       stopColor: `color-mix(in oklab, ${resolvedPointColor} 100%, white 30%)`
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "70%", stopColor: resolvedPointColor }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "70%", stopColor: resolvedPointColor }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "stop",
                     {
                       offset: "100%",
@@ -378,8 +410,8 @@ var RadarChart = ({
         ] }),
         splitAreaPaths.map((area, index) => {
           if (area.type === "circle-ring") {
-            return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "circle",
                 {
                   cx: area.cx,
@@ -391,7 +423,7 @@ var RadarChart = ({
                   "data-radar-split-area": "true"
                 }
               ),
-              area.innerRadius > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              area.innerRadius > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "circle",
                 {
                   cx: area.cx,
@@ -403,9 +435,9 @@ var RadarChart = ({
               ) : null
             ] }, `split-${index}`);
           }
-          const outerPath = tigercatCore.createPolygonPath(area.outerPoints);
-          return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-            outerPath ? /* @__PURE__ */ jsxRuntime.jsx(
+          const outerPath = _tigercatcore.createPolygonPath.call(void 0, area.outerPoints);
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { children: [
+            outerPath ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "path",
               {
                 d: outerPath,
@@ -415,10 +447,10 @@ var RadarChart = ({
                 "data-radar-split-area": "true"
               }
             ) : null,
-            area.innerPoints.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            area.innerPoints.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "path",
               {
-                d: tigercatCore.createPolygonPath(area.innerPoints),
+                d: _tigercatcore.createPolygonPath.call(void 0, area.innerPoints),
                 fill: "var(--tiger-bg,#fff)",
                 stroke: "none"
               }
@@ -426,23 +458,23 @@ var RadarChart = ({
           ] }, `split-${index}`);
         }),
         gridPaths.map(
-          (grid, index) => grid.type === "circle" ? /* @__PURE__ */ jsxRuntime.jsx(
+          (grid, index) => grid.type === "circle" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "circle",
             {
               cx: grid.cx,
               cy: grid.cy,
               r: grid.r,
-              className: tigercatCore.chartGridLineClasses,
+              className: _tigercatcore.chartGridLineClasses,
               fill: "none",
               strokeWidth: gridStrokeWidth,
               strokeDasharray: dasharray
             },
             `grid-${index}`
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "path",
             {
               d: grid.d,
-              className: tigercatCore.chartGridLineClasses,
+              className: _tigercatcore.chartGridLineClasses,
               fill: "none",
               strokeWidth: gridStrokeWidth,
               strokeDasharray: dasharray
@@ -450,32 +482,32 @@ var RadarChart = ({
             `grid-${index}`
           )
         ),
-        axisLines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        axisLines.map((line, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "line",
           {
             x1: line.x1,
             y1: line.y1,
             x2: line.x2,
             y2: line.y2,
-            className: tigercatCore.chartGridLineClasses,
+            className: _tigercatcore.chartGridLineClasses,
             strokeWidth: gridStrokeWidth,
             strokeDasharray: dasharray
           },
           `axis-${index}`
         )),
         seriesPoints.map((item, seriesIndex) => {
-          const seriesColor = item.series.color ?? palette[seriesIndex % palette.length];
-          const resolvedStrokeColor = item.series.strokeColor ?? seriesColor ?? strokeColor ?? palette[0];
-          const resolvedFillColor = item.series.fillColor ?? seriesColor ?? fillColor ?? palette[0];
-          const resolvedFillOpacity = item.series.fillOpacity ?? fillOpacity;
-          const resolvedStrokeWidth = item.series.strokeWidth ?? strokeWidth;
-          const resolvedShowPoints = item.series.showPoints ?? showPoints;
-          const resolvedPointSize = item.series.pointSize ?? pointSize;
-          const resolvedPointColor = item.series.pointColor ?? seriesColor ?? pointColor;
-          const areaPath = tigercatCore.createPolygonPath(item.points.map((point) => ({ x: point.x, y: point.y })));
+          const seriesColor = _nullishCoalesce(item.series.color, () => ( palette[seriesIndex % palette.length]));
+          const resolvedStrokeColor = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(item.series.strokeColor, () => ( seriesColor)), () => ( strokeColor)), () => ( palette[0]));
+          const resolvedFillColor = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(item.series.fillColor, () => ( seriesColor)), () => ( fillColor)), () => ( palette[0]));
+          const resolvedFillOpacity = _nullishCoalesce(item.series.fillOpacity, () => ( fillOpacity));
+          const resolvedStrokeWidth = _nullishCoalesce(item.series.strokeWidth, () => ( strokeWidth));
+          const resolvedShowPoints = _nullishCoalesce(item.series.showPoints, () => ( showPoints));
+          const resolvedPointSize = _nullishCoalesce(item.series.pointSize, () => ( pointSize));
+          const resolvedPointColor = _nullishCoalesce(_nullishCoalesce(item.series.pointColor, () => ( seriesColor)), () => ( pointColor));
+          const areaPath = _tigercatcore.createPolygonPath.call(void 0, item.points.map((point) => ({ x: point.x, y: point.y })));
           const resolvedOpacity = resolvedActiveIndex === null ? void 0 : seriesIndex === resolvedActiveIndex ? activeOpacity : inactiveOpacity;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkAX5XRD2Q_js.ChartSeries,
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkAX5XRD2Qjs.ChartSeries,
             {
               "data-series-key": item.seriesKey,
               data: item.series.data,
@@ -495,7 +527,7 @@ var RadarChart = ({
                 handleSelectIndex(seriesIndex);
               },
               children: [
-                areaPath ? /* @__PURE__ */ jsxRuntime.jsx(
+                areaPath ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "path",
                   {
                     d: areaPath,
@@ -512,21 +544,21 @@ var RadarChart = ({
                   }
                 ) : null,
                 resolvedShowPoints ? item.points.map((point) => {
-                  const isHoveredPoint = hoveredPoint?.seriesIndex === seriesIndex && hoveredPoint?.pointIndex === point.index;
-                  const hoverSize = pointHoverSize ?? resolvedPointSize + 2;
-                  const currentSize = isHoveredPoint ? hoverSize : point.data.size ?? resolvedPointSize;
-                  const resolvedBorderWidth = item.series.pointBorderWidth ?? pointBorderWidth;
-                  const resolvedBorderColor = item.series.pointBorderColor ?? pointBorderColor;
-                  return /* @__PURE__ */ jsxRuntime.jsx(
+                  const isHoveredPoint = _optionalChain([hoveredPoint, 'optionalAccess', _8 => _8.seriesIndex]) === seriesIndex && _optionalChain([hoveredPoint, 'optionalAccess', _9 => _9.pointIndex]) === point.index;
+                  const hoverSize = _nullishCoalesce(pointHoverSize, () => ( resolvedPointSize + 2));
+                  const currentSize = isHoveredPoint ? hoverSize : _nullishCoalesce(point.data.size, () => ( resolvedPointSize));
+                  const resolvedBorderWidth = _nullishCoalesce(item.series.pointBorderWidth, () => ( pointBorderWidth));
+                  const resolvedBorderColor = _nullishCoalesce(item.series.pointBorderColor, () => ( pointBorderColor));
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "circle",
                     {
                       cx: point.x,
                       cy: point.y,
                       r: currentSize,
-                      fill: pointGradient ? `url(#${gradientPrefix}-point-${item.seriesKey})` : point.data.color ?? resolvedPointColor ?? resolvedStrokeColor,
+                      fill: pointGradient ? `url(#${gradientPrefix}-point-${item.seriesKey})` : _nullishCoalesce(_nullishCoalesce(point.data.color, () => ( resolvedPointColor)), () => ( resolvedStrokeColor)),
                       stroke: resolvedBorderColor,
                       strokeWidth: resolvedBorderWidth,
-                      className: tigercatCore.classNames(
+                      className: _tigercatcore.classNames.call(void 0, 
                         showTooltip && hoverable ? "cursor-pointer" : void 0,
                         "transition-[r] duration-150 ease-out"
                       ),
@@ -546,24 +578,24 @@ var RadarChart = ({
             item.seriesKey
           );
         }),
-        labels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        labels.map((label, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "text",
           {
             x: label.x,
             y: label.y,
-            className: tigercatCore.chartAxisTickTextClasses,
+            className: _tigercatcore.chartAxisTickTextClasses,
             textAnchor: label.textAnchor,
             dominantBaseline: label.dominantBaseline,
             children: label.text
           },
           `label-${index}`
         )),
-        levelLabels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        levelLabels.map((label, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "text",
           {
             x: label.x,
             y: label.y,
-            className: tigercatCore.chartAxisTickTextClasses,
+            className: _tigercatcore.chartAxisTickTextClasses,
             textAnchor: "middle",
             dominantBaseline: "middle",
             "data-radar-level-label": "true",
@@ -574,8 +606,8 @@ var RadarChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoveredPoint !== null && tooltipContent !== "",
@@ -584,15 +616,15 @@ var RadarChart = ({
     }
   ) : null;
   if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
       chart,
       tooltip
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWV5XHYW6_js.ChartLegend,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWV5XHYW6js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,
@@ -609,5 +641,7 @@ var RadarChart = ({
 };
 var RadarChart_default = RadarChart;
 
-exports.RadarChart = RadarChart;
-exports.RadarChart_default = RadarChart_default;
+
+
+
+exports.RadarChart = RadarChart; exports.RadarChart_default = RadarChart_default;