@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-VHHEP5G7.js

@@ -1,123 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/CodeEditor.tsx
-var CodeEditor = ({
-  value: controlledValue,
-  defaultValue = "",
-  language = "plain",
-  theme = "light",
-  readOnly = false,
-  lineNumbers = true,
-  tabSize = 2,
-  placeholder,
-  wordWrap = false,
-  minLines = 3,
-  maxLines = 0,
-  disabled = false,
-  className,
-  style,
-  onChange
-}) => {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const textareaRef = React.useRef(null);
-  const code = controlledValue !== void 0 ? controlledValue : internalValue;
-  const lines = React.useMemo(() => code.split("\n"), [code]);
-  const lineCount = React.useMemo(() => tigercatCore.countLines(code), [code]);
-  const lineNums = React.useMemo(() => tigercatCore.generateLineNumbers(lineCount), [lineCount]);
-  const containerClasses = React.useMemo(
-    () => tigercatCore.getCodeEditorContainerClasses(theme, disabled, className),
-    [theme, disabled, className]
-  );
-  const containerStyle = React.useMemo(() => {
-    const lineHeight = 1.625;
-    const s = { ...style };
-    if (minLines > 0) s.minHeight = `${minLines * lineHeight + 1.5}rem`;
-    if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
-    return s;
-  }, [minLines, maxLines, style]);
-  const handleInput = React.useCallback(
-    (e) => {
-      const val = e.target.value;
-      setInternalValue(val);
-      onChange?.(val);
-    },
-    [onChange]
-  );
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === "Tab") {
-        e.preventDefault();
-        const ta = textareaRef.current;
-        if (!ta) return;
-        const result = tigercatCore.handleTabKey(ta.value, ta.selectionStart, ta.selectionEnd, tabSize);
-        setInternalValue(result.value);
-        onChange?.(result.value);
-        requestAnimationFrame(() => {
-          ta.selectionStart = result.selectionStart;
-          ta.selectionEnd = result.selectionStart;
-        });
-      }
-    },
-    [tabSize, onChange]
-  );
-  const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
-  const renderToken = (token, idx) => {
-    const cls = tigercatCore.getTokenClasses(token.type, theme);
-    return cls ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: token.value }, idx);
-  };
-  const renderLine = (line, lineIndex) => {
-    const tokens = tigercatCore.tokenizeLine(line, language);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-[1.625rem]", children: [
-      tokens.map(renderToken),
-      line === "" ? "\n" : null
-    ] }, lineIndex);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: containerClasses,
-      style: containerStyle,
-      "data-language": language,
-      "data-theme": theme,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full", children: [
-        lineNumbers && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLineNumberClasses(theme), "aria-hidden": "true", children: lineNums.map((n) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[1.625rem]", children: n }, n)) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-auto", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true", children: lines.map(renderLine) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "textarea",
-            {
-              ref: textareaRef,
-              className: tigercatCore.classNames(tigercatCore.codeEditorTextareaClasses, wrapClass),
-              value: code,
-              onChange: handleInput,
-              onKeyDown: handleKeyDown,
-              readOnly: readOnly || disabled,
-              disabled,
-              placeholder,
-              spellCheck: false,
-              autoCapitalize: "off",
-              autoComplete: "off",
-              autoCorrect: "off",
-              "data-gramm": "false",
-              "aria-label": "Code editor",
-              role: "textbox",
-              "aria-multiline": true
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-};
-var CodeEditor_default = CodeEditor;
-
-exports.CodeEditor = CodeEditor;
-exports.CodeEditor_default = CodeEditor_default;

package/dist/chunk-VHWTMNQN.js

@@ -1,110 +0,0 @@
-'use strict';
-
-var chunkPR3PQUKM_js = require('./chunk-PR3PQUKM.js');
-var chunkQYYAXM5F_js = require('./chunk-QYYAXM5F.js');
-var chunk2GKTVAAB_js = require('./chunk-2GKTVAAB.js');
-var chunkVCULFIZ5_js = require('./chunk-VCULFIZ5.js');
-var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
-var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
-var chunkCI2WHAT2_js = require('./chunk-CI2WHAT2.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var renderAction = (item, action, index) => {
-  const key = action.key ?? `${item.id}-action-${index}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQYYAXM5F_js.Link,
-    {
-      size: "sm",
-      variant: "primary",
-      href: action.href,
-      target: action.target,
-      disabled: action.disabled,
-      onClick: () => action.onClick?.(item, action),
-      children: action.label
-    },
-    key
-  );
-};
-var ActivityFeed = ({
-  items = [],
-  groups,
-  groupBy,
-  groupOrder,
-  loading = false,
-  loadingText = "\u52A0\u8F7D\u4E2D...",
-  emptyText = "\u6682\u65E0\u52A8\u6001",
-  showAvatar = true,
-  showTime = true,
-  showGroupTitle = true,
-  renderItem,
-  renderGroupHeader,
-  className,
-  ...props
-}) => {
-  const resolvedGroups = react.useMemo(
-    () => tigercatCore.buildActivityGroups(items, groups, groupBy, groupOrder),
-    [items, groups, groupBy, groupOrder]
-  );
-  const wrapperClasses = tigercatCore.classNames(
-    "tiger-activity-feed",
-    "flex",
-    "flex-col",
-    "gap-6",
-    "w-full",
-    className
-  );
-  const renderDefaultItem = (item, index, group) => {
-    if (renderItem) return renderItem(item, index, group);
-    const titleText = item.title ?? (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "");
-    const descriptionText = item.description;
-    const timeText = showTime ? tigercatCore.formatActivityTime(item.time) : "";
-    const actionNodes = item.actions?.map(
-      (action, actionIndex) => renderAction(item, action, actionIndex)
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiger-activity-item", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start", children: [
-      showAvatar && item.user ? /* @__PURE__ */ jsxRuntime.jsx(chunkCI2WHAT2_js.Avatar, { size: "sm", src: item.user.avatar, text: item.user.name, className: "shrink-0" }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            titleText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", className: "truncate", children: titleText }) : null,
-            item.status ? /* @__PURE__ */ jsxRuntime.jsx(chunkVCULFIZ5_js.Tag, { variant: item.status.variant ?? "default", size: "sm", className: "shrink-0", children: item.status.label }) : null
-          ] }),
-          timeText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
-        ] }),
-        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", className: "mb-2 break-words", children: descriptionText }) : null,
-        actionNodes?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: actionNodes }) : null
-      ] })
-    ] }) });
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk2GKTVAAB_js.Loading, { text: loadingText }) }) }) });
-  }
-  if (resolvedGroups.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, ...props, "data-tiger-activity-feed": true, children: resolvedGroups.map((group, groupIndex) => {
-    const headerNode = renderGroupHeader?.(group);
-    const groupTitle = group.title;
-    const timelineItems = tigercatCore.toActivityTimelineItems(group.items);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-      showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", color: "muted", children: groupTitle }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        chunkPR3PQUKM_js.Timeline,
-        {
-          items: timelineItems,
-          renderItem: (timelineItem, index) => {
-            const activity = timelineItem.activity;
-            if (!activity) return null;
-            return renderDefaultItem(activity, index, group);
-          }
-        }
-      )
-    ] }, group.key ?? groupIndex);
-  }) });
-};
-var ActivityFeed_default = ActivityFeed;
-
-exports.ActivityFeed = ActivityFeed;
-exports.ActivityFeed_default = ActivityFeed_default;

package/dist/chunk-VILZFNR7.js

@@ -1,458 +0,0 @@
-'use strict';
-
-var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
-var chunk6PBNFLM7_js = require('./chunk-6PBNFLM7.js');
-var chunkAX5XRD2Q_js = require('./chunk-AX5XRD2Q.js');
-var chunkM375I56K_js = require('./chunk-M375I56K.js');
-var chunkE5GD3H7L_js = require('./chunk-E5GD3H7L.js');
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
-var chunk3QFHVAZT_js = require('./chunk-3QFHVAZT.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var AreaChart = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  data,
-  series,
-  xScale: xScaleProp,
-  yScale: yScaleProp,
-  areaColor: _areaColor = "var(--tiger-primary,#2563eb)",
-  strokeWidth = 2,
-  fillOpacity = 0.2,
-  curve = "linear",
-  showPoints = false,
-  pointSize = 4,
-  pointColor: _pointColor,
-  stacked = false,
-  showGrid = true,
-  showAxis = true,
-  showXAxis = true,
-  showYAxis = true,
-  includeZero = true,
-  xAxisLabel,
-  yAxisLabel,
-  xTicks = 5,
-  yTicks = 5,
-  xTickValues,
-  yTickValues,
-  xTickFormat,
-  yTickFormat,
-  gridLineStyle = "solid",
-  gridStrokeWidth = 1,
-  colors,
-  hoverable = false,
-  hoveredIndex: hoveredIndexProp,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex: selectedIndexProp,
-  showLegend = false,
-  legendPosition = "bottom",
-  legendMarkerSize = 10,
-  legendGap = 8,
-  showTooltip = true,
-  gradient = false,
-  animated = false,
-  pointHollow = false,
-  tooltipFormatter,
-  legendFormatter,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onSeriesClick,
-  onSeriesHover,
-  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),
-    [width, height, padding]
-  );
-  const resolvedSeries = react.useMemo(
-    () => tigercatCore.resolveSeriesData(series, data),
-    [series, data]
-  );
-  const {
-    activeIndex,
-    handleMouseEnter: handleSeriesHoverEnter,
-    handleMouseLeave: handleSeriesHoverLeave,
-    handleClick: handleSeriesSelect,
-    handleLegendClick,
-    handleLegendHover,
-    handleLegendLeave,
-    wrapperClasses
-  } = chunkKQZ4F7FZ_js.useChartInteraction({
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    legendPosition,
-    getData: (index) => resolvedSeries[index],
-    onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onSeriesHover?.(index, index !== null ? resolvedSeries[index] : null);
-    },
-    onSelectedIndexChange: (index) => {
-      onSelectedIndexChange?.(index);
-      if (index !== null) {
-        onSeriesClick?.(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(() => {
-    if (stacked) {
-      const stackedData = tigercatCore.stackSeriesData(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(() => {
-    if (xScaleProp) return xScaleProp;
-    if (isXNumeric) {
-      const extent = tigercatCore.getNumberExtent(xValues, { includeZero: false });
-      return tigercatCore.createLinearScale(extent, [0, innerRect.width]);
-    } else {
-      const categories = [...new Set(xValues.map(String))];
-      return tigercatCore.createPointScale(categories, [0, innerRect.width], { padding: 0 });
-    }
-  }, [xScaleProp, isXNumeric, xValues, innerRect.width]);
-  const resolvedYScale = react.useMemo(() => {
-    if (yScaleProp) return yScaleProp;
-    const extent = tigercatCore.getNumberExtent(yValues, { includeZero });
-    return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
-  }, [yScaleProp, yValues, includeZero, innerRect.height]);
-  const baseline = react.useMemo(() => resolvedYScale.map(0), [resolvedYScale]);
-  const shouldShowXAxis = showAxis && showXAxis;
-  const shouldShowYAxis = showAxis && showYAxis;
-  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
-  const seriesData = react.useMemo(() => {
-    const stackedData = stacked ? tigercatCore.stackSeriesData(resolvedSeries.map((s) => s.data)) : null;
-    return resolvedSeries.map((s, seriesIndex) => {
-      const color = s.color ?? palette[seriesIndex % palette.length];
-      const seriesFillColor = s.fillColor ?? color;
-      const seriesFillOpacity = s.fillOpacity ?? fillOpacity;
-      let points;
-      let areaPath;
-      let linePath;
-      if (stacked && stackedData) {
-        const stackedSeries = stackedData[seriesIndex];
-        points = stackedSeries.map((sd, pointIndex) => ({
-          x: resolvedXScale.map(sd.original.x),
-          y: resolvedYScale.map(sd.y1),
-          datum: sd.original,
-          pointIndex
-        }));
-        const topPoints = points.map((p) => ({ x: p.x, y: p.y }));
-        const bottomPoints = stackedSeries.map((sd) => ({
-          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");
-        areaPath = `${topPath} ${bottomPath} Z`;
-        linePath = topPath;
-      } else {
-        points = s.data.map((datum, pointIndex) => ({
-          x: resolvedXScale.map(datum.x),
-          y: resolvedYScale.map(datum.y),
-          datum,
-          pointIndex
-        }));
-        areaPath = tigercatCore.createAreaPath(points, baseline, curve);
-        linePath = tigercatCore.createLinePath(points, curve);
-      }
-      const opacity = tigercatCore.getChartElementOpacity(seriesIndex, activeIndex, {
-        activeOpacity,
-        inactiveOpacity
-      });
-      return {
-        series: s,
-        seriesIndex,
-        color,
-        fillColor: seriesFillColor,
-        fillOpacity: seriesFillOpacity,
-        areaPath,
-        linePath,
-        points,
-        opacity,
-        strokeWidth: s.strokeWidth ?? strokeWidth,
-        strokeDasharray: s.strokeDasharray,
-        showPoints: s.showPoints ?? showPoints,
-        pointSize: s.pointSize ?? pointSize,
-        pointColor: s.pointColor ?? color,
-        pointHollow: s.pointHollow ?? pointHollow
-      };
-    });
-  }, [
-    resolvedSeries,
-    palette,
-    resolvedXScale,
-    resolvedYScale,
-    curve,
-    stacked,
-    baseline,
-    activeIndex,
-    activeOpacity,
-    inactiveOpacity,
-    fillOpacity,
-    strokeWidth,
-    showPoints,
-    pointSize,
-    pointHollow
-  ]);
-  const legendItems = react.useMemo(
-    () => tigercatCore.buildChartLegendItems({
-      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]
-    }),
-    [resolvedSeries, legendFormatter, palette, activeIndex]
-  );
-  const tooltipContent = react.useMemo(
-    () => tigercatCore.resolveMultiSeriesTooltipContent(
-      hoveredPointInfo,
-      resolvedSeries,
-      tooltipFormatter,
-      tigercatCore.defaultSeriesXYTooltipFormatter
-    ),
-    [hoveredPointInfo, resolvedSeries, tooltipFormatter]
-  );
-  const handlePointMouseEnter = react.useCallback(
-    (seriesIndex, pointIndex, event) => {
-      setHoveredPointInfo({ seriesIndex, pointIndex });
-      setTooltipPosition({ x: event.clientX, y: event.clientY });
-      onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
-    },
-    [onPointHover, resolvedSeries]
-  );
-  const handlePointMouseMove = react.useCallback((event) => {
-    setTooltipPosition({ x: event.clientX, y: event.clientY });
-  }, []);
-  const handlePointMouseLeave = react.useCallback(() => {
-    setHoveredPointInfo(null);
-    onPointHover?.(null, null, null);
-  }, [onPointHover]);
-  const handlePointClick = react.useCallback(
-    (seriesIndex, pointIndex) => {
-      onPointClick?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
-      handleSeriesSelect(seriesIndex);
-    },
-    [onPointClick, resolvedSeries, handleSeriesSelect]
-  );
-  const handleKeyDown = react.useCallback(
-    (event, seriesIndex) => {
-      if (!selectable) return;
-      if (event.key !== "Enter" && event.key !== " ") return;
-      event.preventDefault();
-      handleSeriesSelect(seriesIndex);
-    },
-    [selectable, handleSeriesSelect]
-  );
-  const reversedSeriesData = react.useMemo(() => [...seriesData].reverse(), [seriesData]);
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDUWAV47E_js.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: tigercatCore.classNames(className),
-      children: [
-        (gradient || animated) && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-          animated && /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-              .tiger-area-animated {
-                animation: tiger-area-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;
-              }
-              @keyframes tiger-area-draw {
-                from { stroke-dashoffset: 1; }
-                to { stroke-dashoffset: 0; }
-              }
-            ` }),
-          gradient && reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "linearGradient",
-            {
-              id: `${gradientPrefix}-${sd.seriesIndex}`,
-              x1: "0",
-              y1: "0",
-              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 })
-              ]
-            },
-            `area-grad-${sd.seriesIndex}`
-          ))
-        ] }),
-        showGrid && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3QFHVAZT_js.ChartGrid,
-          {
-            xScale: resolvedXScale,
-            yScale: resolvedYScale,
-            show: "both",
-            xTicks,
-            yTicks,
-            xTickValues,
-            yTickValues,
-            lineStyle: gridLineStyle,
-            strokeWidth: gridStrokeWidth
-          }
-        ),
-        shouldShowXAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
-          {
-            scale: resolvedXScale,
-            orientation: "bottom",
-            y: innerRect.height,
-            ticks: xTicks,
-            tickValues: xTickValues,
-            tickFormat: xTickFormat,
-            label: xAxisLabel
-          }
-        ),
-        shouldShowYAxis && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE5GD3H7L_js.ChartAxis,
-          {
-            scale: resolvedYScale,
-            orientation: "left",
-            ticks: yTicks,
-            tickValues: yTickValues,
-            tickFormat: yTickFormat,
-            label: yAxisLabel
-          }
-        ),
-        reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkAX5XRD2Q_js.ChartSeries,
-          {
-            data: sd.series.data,
-            name: sd.series.name,
-            type: "area",
-            opacity: sd.opacity,
-            className: tigercatCore.classNames(
-              sd.series.className,
-              (hoverable || selectable) && "cursor-pointer",
-              "outline-none"
-            ),
-            onMouseEnter: (e) => handleSeriesHoverEnter(sd.seriesIndex, e),
-            onMouseLeave: handleSeriesHoverLeave,
-            onClick: () => handleSeriesSelect(sd.seriesIndex),
-            tabIndex: selectable ? 0 : void 0,
-            onKeyDown: (e) => handleKeyDown(e, sd.seriesIndex),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  d: sd.areaPath,
-                  fill: gradient ? `url(#${gradientPrefix}-${sd.seriesIndex})` : sd.fillColor,
-                  fillOpacity: gradient ? 1 : sd.fillOpacity,
-                  stroke: "none",
-                  className: "transition-opacity duration-300",
-                  "data-area-series": sd.seriesIndex
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  d: sd.linePath,
-                  fill: "none",
-                  stroke: sd.color,
-                  strokeWidth: sd.strokeWidth,
-                  strokeDasharray: animated ? 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",
-                    animated && "tiger-area-animated"
-                  )
-                }
-              )
-            ]
-          },
-          `series-${sd.seriesIndex}`
-        )),
-        seriesData.map(
-          (sd) => sd.showPoints && /* @__PURE__ */ jsxRuntime.jsx("g", { opacity: sd.opacity, children: sd.points.map((point) => {
-            const isHovered = hoveredPointInfo?.seriesIndex === sd.seriesIndex && hoveredPointInfo?.pointIndex === point.pointIndex;
-            const hoverSize = sd.pointSize + 2;
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              "circle",
-              {
-                cx: point.x,
-                cy: point.y,
-                r: isHovered ? hoverSize : sd.pointSize,
-                fill: sd.pointHollow ? "white" : sd.pointColor,
-                stroke: sd.pointHollow ? sd.pointColor : "none",
-                strokeWidth: sd.pointHollow ? 2 : 0,
-                className: "transition-all duration-200 ease-out",
-                style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
-                "data-point-index": point.pointIndex,
-                onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                onMouseMove: handlePointMouseMove,
-                onMouseLeave: handlePointMouseLeave,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handlePointClick(sd.seriesIndex, point.pointIndex);
-                }
-              },
-              `point-${sd.seriesIndex}-${point.pointIndex}`
-            );
-          }) }, `points-${sd.seriesIndex}`)
-        )
-      ]
-    }
-  );
-  const tooltip = showTooltip && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkM375I56K_js.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: hoveredPointInfo !== null && tooltipContent !== "",
-      x: tooltipPosition.x,
-      y: tooltipPosition.y
-    }
-  );
-  if (!showLegend) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
-      chart,
-      tooltip
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
-    chart,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6PBNFLM7_js.ChartLegend,
-      {
-        items: legendItems,
-        position: legendPosition,
-        markerSize: legendMarkerSize,
-        gap: legendGap,
-        interactive: hoverable || selectable,
-        onItemClick: handleLegendClick,
-        onItemHover: handleLegendHover,
-        onItemLeave: handleLegendLeave
-      }
-    ),
-    tooltip
-  ] });
-};
-var AreaChart_default = AreaChart;
-
-exports.AreaChart = AreaChart;
-exports.AreaChart_default = AreaChart_default;