@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-7KNOOFRA.js → chunk-DCKBVRLI.js}

@@ -1,16 +1,47 @@
-'use strict';
-
-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 chunkE5GD3H7L_js = require('./chunk-E5GD3H7L.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var chunk3QFHVAZT_js = require('./chunk-3QFHVAZT.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+"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 _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
+
+
+var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+
+
+var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
+
+
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+
+
+var _chunkE5GD3H7Ljs = require('./chunk-E5GD3H7L.js');
+
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+
+var _chunk3QFHVAZTjs = require('./chunk-3QFHVAZT.js');
+
+// src/components/AreaChart.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var AreaChart = ({
   width = 320,
   height = 200,
@@ -71,15 +102,19 @@ var AreaChart = ({
   onPointClick,
   onPointHover
 }) => {
-  const [hoveredPointInfo, setHoveredPointInfo] = react.useState(null);
-  const [tooltipPosition, setTooltipPosition] = react.useState({ x: 0, y: 0 });
-  const gradientPrefix = react.useMemo(() => tigercatCore.getAreaGradientPrefix(), []);
-  const innerRect = react.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const [hoveredPointInfo, setHoveredPointInfo] = _react.useState.call(void 0, null);
+  const [tooltipPosition, setTooltipPosition] = _react.useState.call(void 0, { x: 0, y: 0 });
+  const gradientId = _react.useId.call(void 0, );
+  const gradientPrefix = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStableChartGradientPrefix.call(void 0, "area", gradientId),
+    [gradientId]
+  );
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const resolvedSeries = react.useMemo(
-    () => tigercatCore.resolveSeriesData(series, data),
+  const resolvedSeries = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveSeriesData.call(void 0, series, data),
     [series, data]
   );
   const {
@@ -91,7 +126,7 @@ var AreaChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -101,56 +136,56 @@ var AreaChart = ({
     legendPosition,
     getData: (index) => resolvedSeries[index],
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onSeriesHover?.(index, index !== null ? resolvedSeries[index] : null);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      _optionalChain([onSeriesHover, 'optionalCall', _2 => _2(index, index !== null ? resolvedSeries[index] : null)]);
     },
     onSelectedIndexChange: (index) => {
-      onSelectedIndexChange?.(index);
+      _optionalChain([onSelectedIndexChange, 'optionalCall', _3 => _3(index)]);
       if (index !== null) {
-        onSeriesClick?.(index, resolvedSeries[index]);
+        _optionalChain([onSeriesClick, 'optionalCall', _4 => _4(index, resolvedSeries[index])]);
       }
     }
   });
-  const allData = react.useMemo(() => resolvedSeries.flatMap((s) => s.data), [resolvedSeries]);
-  const xValues = react.useMemo(() => allData.map((d) => d.x), [allData]);
-  const yValues = react.useMemo(() => {
+  const allData = _react.useMemo.call(void 0, () => resolvedSeries.flatMap((s) => s.data), [resolvedSeries]);
+  const xValues = _react.useMemo.call(void 0, () => allData.map((d) => d.x), [allData]);
+  const yValues = _react.useMemo.call(void 0, () => {
     if (stacked) {
-      const stackedData = tigercatCore.stackSeriesData(resolvedSeries.map((s) => s.data));
+      const stackedData = _tigercatcore.stackSeriesData.call(void 0, resolvedSeries.map((s) => s.data));
       return stackedData.flatMap((s) => s.map((d) => d.y1));
     }
     return allData.map((d) => d.y);
   }, [stacked, resolvedSeries, allData]);
-  const isXNumeric = react.useMemo(() => xValues.every((v) => typeof v === "number"), [xValues]);
-  const resolvedXScale = react.useMemo(() => {
+  const isXNumeric = _react.useMemo.call(void 0, () => xValues.every((v) => typeof v === "number"), [xValues]);
+  const resolvedXScale = _react.useMemo.call(void 0, () => {
     if (xScaleProp) return xScaleProp;
     if (isXNumeric) {
-      const extent = tigercatCore.getNumberExtent(xValues, { includeZero: false });
-      return tigercatCore.createLinearScale(extent, [0, innerRect.width]);
+      const extent = _tigercatcore.getNumberExtent.call(void 0, xValues, { includeZero: false });
+      return _tigercatcore.createLinearScale.call(void 0, extent, [0, innerRect.width]);
     } else {
       const categories = [...new Set(xValues.map(String))];
-      return tigercatCore.createPointScale(categories, [0, innerRect.width], { padding: 0 });
+      return _tigercatcore.createPointScale.call(void 0, categories, [0, innerRect.width], { padding: 0 });
     }
   }, [xScaleProp, isXNumeric, xValues, innerRect.width]);
-  const resolvedYScale = react.useMemo(() => {
+  const resolvedYScale = _react.useMemo.call(void 0, () => {
     if (yScaleProp) return yScaleProp;
-    const extent = tigercatCore.getNumberExtent(yValues, { includeZero });
-    return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
+    const extent = _tigercatcore.getNumberExtent.call(void 0, yValues, { includeZero });
+    return _tigercatcore.createLinearScale.call(void 0, extent, [innerRect.height, 0]);
   }, [yScaleProp, yValues, includeZero, innerRect.height]);
-  const baseline = react.useMemo(() => resolvedYScale.map(0), [resolvedYScale]);
+  const baseline = _react.useMemo.call(void 0, () => resolvedYScale.map(0), [resolvedYScale]);
   const shouldShowXAxis = showAxis && showXAxis;
   const shouldShowYAxis = showAxis && showYAxis;
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const seriesKeys = react.useMemo(
-    () => tigercatCore.buildChartSeriesKeys(resolvedSeries, { prefix: "area-" }),
+  const palette = _react.useMemo.call(void 0, () => _tigercatcore.resolveChartPalette.call(void 0, colors), [colors]);
+  const seriesKeys = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartSeriesKeys.call(void 0, resolvedSeries, { prefix: "area-" }),
     [resolvedSeries]
   );
-  const seriesData = react.useMemo(() => {
-    const stackedData = stacked ? tigercatCore.stackSeriesData(resolvedSeries.map((s) => s.data)) : null;
+  const seriesData = _react.useMemo.call(void 0, () => {
+    const stackedData = stacked ? _tigercatcore.stackSeriesData.call(void 0, resolvedSeries.map((s) => s.data)) : null;
     return resolvedSeries.map((s, seriesIndex) => {
       const seriesKey = seriesKeys[seriesIndex];
-      const color = s.color ?? palette[seriesIndex % palette.length];
-      const seriesFillColor = s.fillColor ?? color;
-      const seriesFillOpacity = s.fillOpacity ?? fillOpacity;
+      const color = _nullishCoalesce(s.color, () => ( palette[seriesIndex % palette.length]));
+      const seriesFillColor = _nullishCoalesce(s.fillColor, () => ( color));
+      const seriesFillOpacity = _nullishCoalesce(s.fillOpacity, () => ( fillOpacity));
       let points;
       let areaPath;
       let linePath;
@@ -167,8 +202,8 @@ var AreaChart = ({
           x: resolvedXScale.map(sd.original.x),
           y: resolvedYScale.map(sd.y0)
         })).reverse();
-        const topPath = tigercatCore.createLinePath(topPoints, curve);
-        const bottomPath = tigercatCore.createLinePath(bottomPoints, curve).replace("M", "L");
+        const topPath = _tigercatcore.createLinePath.call(void 0, topPoints, curve);
+        const bottomPath = _tigercatcore.createLinePath.call(void 0, bottomPoints, curve).replace("M", "L");
         areaPath = `${topPath} ${bottomPath} Z`;
         linePath = topPath;
       } else {
@@ -178,10 +213,10 @@ var AreaChart = ({
           datum,
           pointIndex
         }));
-        areaPath = tigercatCore.createAreaPath(points, baseline, curve);
-        linePath = tigercatCore.createLinePath(points, curve);
+        areaPath = _tigercatcore.createAreaPath.call(void 0, points, baseline, curve);
+        linePath = _tigercatcore.createLinePath.call(void 0, points, curve);
       }
-      const opacity = tigercatCore.getChartElementOpacity(seriesIndex, activeIndex, {
+      const opacity = _tigercatcore.getChartElementOpacity.call(void 0, seriesIndex, activeIndex, {
         activeOpacity,
         inactiveOpacity
       });
@@ -196,12 +231,12 @@ var AreaChart = ({
         linePath,
         points,
         opacity,
-        strokeWidth: s.strokeWidth ?? strokeWidth,
+        strokeWidth: _nullishCoalesce(s.strokeWidth, () => ( strokeWidth)),
         strokeDasharray: s.strokeDasharray,
-        showPoints: s.showPoints ?? showPoints,
-        pointSize: s.pointSize ?? pointSize,
-        pointColor: s.pointColor ?? color,
-        pointHollow: s.pointHollow ?? pointHollow
+        showPoints: _nullishCoalesce(s.showPoints, () => ( showPoints)),
+        pointSize: _nullishCoalesce(s.pointSize, () => ( pointSize)),
+        pointColor: _nullishCoalesce(s.pointColor, () => ( color)),
+        pointHollow: _nullishCoalesce(s.pointHollow, () => ( pointHollow))
       };
     });
   }, [
@@ -222,48 +257,48 @@ var AreaChart = ({
     pointSize,
     pointHollow
   ]);
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
+  const legendItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.buildChartLegendItems.call(void 0, {
       data: resolvedSeries,
       palette,
       activeIndex,
-      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, legendFormatter, palette, activeIndex]
   );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveMultiSeriesTooltipContent(
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveMultiSeriesTooltipContent.call(void 0, 
       hoveredPointInfo,
       resolvedSeries,
       tooltipFormatter,
-      tigercatCore.defaultSeriesXYTooltipFormatter
+      _tigercatcore.defaultSeriesXYTooltipFormatter
     ),
     [hoveredPointInfo, resolvedSeries, tooltipFormatter]
   );
-  const handlePointMouseEnter = react.useCallback(
+  const handlePointMouseEnter = _react.useCallback.call(void 0, 
     (seriesIndex, pointIndex, event) => {
       setHoveredPointInfo({ seriesIndex, pointIndex });
       setTooltipPosition({ x: event.clientX, y: event.clientY });
-      onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+      _optionalChain([onPointHover, 'optionalCall', _5 => _5(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _6 => _6[seriesIndex], 'optionalAccess', _7 => _7.data, 'access', _8 => _8[pointIndex]]))]);
     },
     [onPointHover, resolvedSeries]
   );
-  const handlePointMouseMove = react.useCallback((event) => {
+  const handlePointMouseMove = _react.useCallback.call(void 0, (event) => {
     setTooltipPosition({ x: event.clientX, y: event.clientY });
   }, []);
-  const handlePointMouseLeave = react.useCallback(() => {
+  const handlePointMouseLeave = _react.useCallback.call(void 0, () => {
     setHoveredPointInfo(null);
-    onPointHover?.(null, null, null);
+    _optionalChain([onPointHover, 'optionalCall', _9 => _9(null, null, null)]);
   }, [onPointHover]);
-  const handlePointClick = react.useCallback(
+  const handlePointClick = _react.useCallback.call(void 0, 
     (seriesIndex, pointIndex) => {
-      onPointClick?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+      _optionalChain([onPointClick, 'optionalCall', _10 => _10(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _11 => _11[seriesIndex], 'optionalAccess', _12 => _12.data, 'access', _13 => _13[pointIndex]]))]);
       handleSeriesSelect(seriesIndex);
     },
     [onPointClick, resolvedSeries, handleSeriesSelect]
   );
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = _react.useCallback.call(void 0, 
     (event, seriesIndex) => {
       if (!selectable) return;
       if (event.key !== "Enter" && event.key !== " ") return;
@@ -272,28 +307,31 @@ var AreaChart = ({
     },
     [selectable, handleSeriesSelect]
   );
-  const reversedSeriesData = react.useMemo(() => [...seriesData].reverse(), [seriesData]);
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const reversedSeriesData = _react.useMemo.call(void 0, () => [...seriesData].reverse(), [seriesData]);
+  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 || animated || strokeGradient || pointGradient) && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-          animated && /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        (gradient || animated || strokeGradient || pointGradient) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
+          animated && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: `
               .tiger-area-animated {
-                animation: tiger-area-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;
+                animation: tiger-area-draw var(--tiger-motion-duration-slow,1.2s) var(--tiger-motion-ease-emphasized,cubic-bezier(.4,0,.2,1)) forwards;
               }
               @keyframes tiger-area-draw {
                 from { stroke-dashoffset: 1; }
                 to { stroke-dashoffset: 0; }
               }
+              @media (prefers-reduced-motion: reduce) {
+                .tiger-area-animated { animation-duration: 0ms; }
+              }
             ` }),
-          gradient && reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
+          gradient && reversedSeriesData.map((sd) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "linearGradient",
             {
               id: `${gradientPrefix}-${sd.seriesKey}`,
@@ -302,13 +340,13 @@ var AreaChart = ({
               x2: "0",
               y2: "1",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: sd.fillColor, stopOpacity: sd.fillOpacity }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: sd.fillColor, stopOpacity: 0.02 })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: sd.fillColor, stopOpacity: sd.fillOpacity }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: sd.fillColor, stopOpacity: 0.02 })
               ]
             },
             `area-grad-${sd.seriesKey}`
           )),
-          pointGradient && reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
+          pointGradient && reversedSeriesData.map((sd) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "radialGradient",
             {
               id: `${gradientPrefix}-point-${sd.seriesKey}`,
@@ -316,9 +354,9 @@ var AreaChart = ({
               cy: "0.5",
               r: "0.5",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: `color-mix(in oklab, ${sd.color} 100%, white 30%)` }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "70%", stopColor: sd.color }),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: `color-mix(in oklab, ${sd.color} 100%, white 30%)` }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "70%", stopColor: sd.color }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "stop",
                   {
                     offset: "100%",
@@ -329,7 +367,7 @@ var AreaChart = ({
             },
             `point-grad-${sd.seriesKey}`
           )),
-          strokeGradient && reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
+          strokeGradient && reversedSeriesData.map((sd) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "linearGradient",
             {
               id: `${gradientPrefix}-stroke-${sd.seriesKey}`,
@@ -338,16 +376,16 @@ var AreaChart = ({
               x2: "1",
               y2: "0",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: `color-mix(in oklab, ${sd.color} 100%, white 12%)` }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: sd.color }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: `color-mix(in oklab, ${sd.color} 100%, black 8%)` })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", stopColor: `color-mix(in oklab, ${sd.color} 100%, white 12%)` }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "50%", stopColor: sd.color }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", stopColor: `color-mix(in oklab, ${sd.color} 100%, black 8%)` })
               ]
             },
             `stroke-grad-${sd.seriesKey}`
           ))
         ] }),
-        showGrid && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3QFHVAZT_js.ChartGrid,
+        showGrid && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk3QFHVAZTjs.ChartGrid,
           {
             xScale: resolvedXScale,
             yScale: resolvedYScale,
@@ -360,8 +398,8 @@ var AreaChart = ({
             strokeWidth: gridStrokeWidth
           }
         ),
-        shouldShowXAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
+        shouldShowXAxis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE5GD3H7Ljs.ChartAxis,
           {
             scale: resolvedXScale,
             orientation: "bottom",
@@ -372,8 +410,8 @@ var AreaChart = ({
             label: xAxisLabel
           }
         ),
-        shouldShowYAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
+        shouldShowYAxis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE5GD3H7Ljs.ChartAxis,
           {
             scale: resolvedYScale,
             orientation: "left",
@@ -383,15 +421,15 @@ var AreaChart = ({
             label: yAxisLabel
           }
         ),
-        reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkAX5XRD2Q_js.ChartSeries,
+        reversedSeriesData.map((sd) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkAX5XRD2Qjs.ChartSeries,
           {
             data: sd.series.data,
             name: sd.series.name,
             type: "area",
             opacity: sd.opacity,
             "data-series-key": sd.seriesKey,
-            className: tigercatCore.classNames(
+            className: _tigercatcore.classNames.call(void 0, 
               sd.series.className,
               (hoverable || selectable) && "cursor-pointer",
               "outline-none"
@@ -402,7 +440,7 @@ var AreaChart = ({
             tabIndex: selectable ? 0 : void 0,
             onKeyDown: (e) => handleKeyDown(e, sd.seriesIndex),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
                   d: sd.areaPath,
@@ -414,20 +452,20 @@ var AreaChart = ({
                   "data-series-key": sd.seriesKey
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
                   d: sd.linePath,
                   fill: "none",
                   stroke: strokeGradient ? `url(#${gradientPrefix}-stroke-${sd.seriesKey})` : sd.color,
                   strokeWidth: sd.strokeWidth,
-                  strokeDasharray: animated ? sd.strokeDasharray ?? "1" : sd.strokeDasharray,
+                  strokeDasharray: animated ? _nullishCoalesce(sd.strokeDasharray, () => ( "1")) : sd.strokeDasharray,
                   strokeDashoffset: animated ? "1" : void 0,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   pathLength: animated ? 1 : void 0,
-                  className: tigercatCore.classNames(
-                    "transition-opacity duration-200",
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "transition-opacity [transition-duration:var(--tiger-motion-duration-base,200ms)]",
                     animated && "tiger-area-animated"
                   )
                 }
@@ -437,10 +475,10 @@ var AreaChart = ({
           sd.seriesKey
         )),
         seriesData.map(
-          (sd) => sd.showPoints && /* @__PURE__ */ jsxRuntime.jsx("g", { opacity: sd.opacity, "data-series-key": sd.seriesKey, children: sd.points.map((point) => {
-            const isHovered = hoveredPointInfo?.seriesIndex === sd.seriesIndex && hoveredPointInfo?.pointIndex === point.pointIndex;
+          (sd) => sd.showPoints && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { opacity: sd.opacity, "data-series-key": sd.seriesKey, children: sd.points.map((point) => {
+            const isHovered = _optionalChain([hoveredPointInfo, 'optionalAccess', _14 => _14.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'optionalAccess', _15 => _15.pointIndex]) === point.pointIndex;
             const hoverSize = sd.pointSize + 2;
-            return /* @__PURE__ */ jsxRuntime.jsx(
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "circle",
               {
                 cx: point.x,
@@ -449,7 +487,7 @@ var AreaChart = ({
                 fill: sd.pointHollow ? "white" : pointGradient ? `url(#${gradientPrefix}-point-${sd.seriesKey})` : sd.pointColor,
                 stroke: sd.pointHollow ? sd.pointColor : "none",
                 strokeWidth: sd.pointHollow ? 2 : 0,
-                className: tigercatCore.linePointTransitionClasses,
+                className: _tigercatcore.linePointTransitionClasses,
                 style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
                 "data-point-index": point.pointIndex,
                 "data-series-key": sd.seriesKey,
@@ -468,8 +506,8 @@ var AreaChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoveredPointInfo !== null && tooltipContent !== "",
@@ -478,15 +516,15 @@ var AreaChart = ({
     }
   );
   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,
@@ -503,5 +541,7 @@ var AreaChart = ({
 };
 var AreaChart_default = AreaChart;
 
-exports.AreaChart = AreaChart;
-exports.AreaChart_default = AreaChart_default;
+
+
+
+exports.AreaChart = AreaChart; exports.AreaChart_default = AreaChart_default;

package/dist/chunk-DKNVSQSV.mjs

@@ -1,8 +1,13 @@
-import { useRef, useState, useMemo, useEffect } from 'react';
-import { createChartResizeObserverController, resolveResponsiveChartSize, getChartInnerRect, classNames, chartCanvasBaseClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/ChartCanvas.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  chartCanvasBaseClasses,
+  classNames,
+  createChartResizeObserverController,
+  getChartInnerRect,
+  resolveResponsiveChartSize
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ChartCanvas = ({
   width = 320,
   height = 200,
@@ -61,4 +66,7 @@ var ChartCanvas = ({
 };
 var ChartCanvas_default = ChartCanvas;
 
-export { ChartCanvas, ChartCanvas_default };
+export {
+  ChartCanvas,
+  ChartCanvas_default
+};

package/dist/chunk-DKT2EYVM.mjs

@@ -1,7 +1,10 @@
-import { useControlledState } from './chunk-UQMPEMY7.mjs';
-import { createContext, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import {
+  useControlledState
+} from "./chunk-UQMPEMY7.mjs";
 
+// src/components/CheckboxGroup.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
 var CheckboxGroupContextProvider = createContext(null);
 var useCheckboxGroup = () => {
   return useContext(CheckboxGroupContextProvider);
@@ -40,4 +43,7 @@ var CheckboxGroup = ({
   return /* @__PURE__ */ jsx(CheckboxGroupContextProvider.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { ...props, className, children }) });
 };
 
-export { CheckboxGroup, useCheckboxGroup };
+export {
+  useCheckboxGroup,
+  CheckboxGroup
+};