@automattic/charts 0.58.0 → 1.0.0

package/dist/chunk-LTFH7SEG.js

@@ -1,373 +0,0 @@
-import {
-  radial_wipe_animation_default
-} from "./chunk-KXRWNFQJ.js";
-import {
-  ChartHTML,
-  ChartSVG,
-  renderLegendSlot,
-  useChartChildren
-} from "./chunk-KRWGSOJ2.js";
-import {
-  Legend,
-  SingleChartContext,
-  useChartLegendItems
-} from "./chunk-WTQYGUNF.js";
-import {
-  BaseTooltip
-} from "./chunk-BPYKWMI7.js";
-import {
-  Stack
-} from "./chunk-YAFQVVDI.js";
-import {
-  withResponsive
-} from "./chunk-OP6PHB2U.js";
-import {
-  GlobalChartsContext,
-  GlobalChartsProvider,
-  useChartId,
-  useChartRegistration,
-  useElementSize,
-  useGlobalChartsContext,
-  useInteractiveLegendData,
-  usePrefersReducedMotion
-} from "./chunk-2I67QUIV.js";
-import {
-  attachSubComponents
-} from "./chunk-JJIMABHT.js";
-
-// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx
-import { Group } from "@visx/group";
-import { Pie } from "@visx/shape";
-import { Text } from "@visx/text";
-import { useTooltip, useTooltipInPortal } from "@visx/tooltip";
-import { __ } from "@wordpress/i18n";
-import clsx from "clsx";
-import { useCallback, useContext, useMemo } from "react";
-
-// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss
-var pie_semi_circle_chart_module_default = {
-  "pie-semi-circle-chart--responsive": "a8ccharts-V0wiEb",
-  "pie-semi-circle-chart__svg-wrapper": "a8ccharts-hGowej",
-  "pie-semi-circle-chart": "a8ccharts-8tyaQj",
-  "label": "a8ccharts-EKZS3j",
-  "note": "a8ccharts-v85A8-"
-};
-
-// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var renderDefaultPieSemiCircleTooltip = ({
-  tooltipData
-}) => {
-  return /* @__PURE__ */ _jsx(BaseTooltip, {
-    data: tooltipData,
-    top: 0,
-    left: 0,
-    renderContainer: false
-  });
-};
-var PAD_ANGLE = 0.03;
-var DEFAULT_WIDTH = 400;
-var validateData = (data) => {
-  if (!data.length) {
-    return {
-      isValid: false,
-      message: "No data available"
-    };
-  }
-  const hasNegativeValues = data.some((item) => item.percentage < 0 || item.value < 0);
-  if (hasNegativeValues) {
-    return {
-      isValid: false,
-      message: "Invalid data: Negative values are not allowed"
-    };
-  }
-  const totalPercentage = data.reduce((sum, item) => sum + item.percentage, 0);
-  if (totalPercentage <= 0) {
-    return {
-      isValid: false,
-      message: "Invalid percentage total: Must be greater than 0"
-    };
-  }
-  return {
-    isValid: true,
-    message: ""
-  };
-};
-var PieSemiCircleChartInternal = ({
-  data,
-  chartId: providedChartId,
-  width: propWidth,
-  height: propHeight,
-  thickness = 0.4,
-  clockwise = true,
-  withTooltips = false,
-  showLegend = false,
-  legend = {},
-  legendValueDisplay = "percentage",
-  label,
-  animation,
-  note,
-  className,
-  children,
-  tooltipOffsetX = 0,
-  tooltipOffsetY = -15,
-  renderTooltip = renderDefaultPieSemiCircleTooltip,
-  gap = "md"
-}) => {
-  const legendInteractive = legend.interactive ?? false;
-  const legendPosition = legend.position ?? "bottom";
-  const chartId = useChartId(providedChartId);
-  const [svgWrapperRef, svgWrapperWidth, svgWrapperHeight] = useElementSize();
-  const {
-    tooltipOpen,
-    tooltipLeft,
-    tooltipTop,
-    tooltipData,
-    hideTooltip,
-    showTooltip
-  } = useTooltip();
-  const {
-    containerRef,
-    TooltipInPortal,
-    containerBounds
-  } = useTooltipInPortal({
-    detectBounds: true,
-    scroll: true,
-    debounce: 0
-  });
-  const handleMouseMove = useCallback((event, arc) => {
-    if (containerBounds.width === 0 || containerBounds.height === 0) {
-      return;
-    }
-    showTooltip({
-      tooltipData: arc.data,
-      tooltipLeft: event.clientX - containerBounds.left + tooltipOffsetX,
-      tooltipTop: event.clientY - containerBounds.top + tooltipOffsetY
-    });
-  }, [containerBounds.width, containerBounds.height, containerBounds.left, containerBounds.top, showTooltip, tooltipOffsetX, tooltipOffsetY]);
-  const handleMouseLeave = useCallback(() => {
-    hideTooltip();
-  }, [hideTooltip]);
-  const handleArcMouseMove = useCallback((arc) => (event) => {
-    handleMouseMove(event, arc);
-  }, [handleMouseMove]);
-  const {
-    isValid,
-    message
-  } = validateData(data);
-  const {
-    getElementStyles,
-    isSeriesVisible
-  } = useGlobalChartsContext();
-  const {
-    visibleData,
-    allSegmentsHidden,
-    legendData
-  } = useInteractiveLegendData({
-    data,
-    chartId,
-    legendInteractive,
-    isSeriesVisible
-  });
-  const accessors = useMemo(() => ({
-    value: (d) => d.value,
-    sort: (a, b) => b.value - a.value,
-    fill: (d) => getElementStyles({
-      data: d,
-      index: d.index
-    }).color
-  }), [getElementStyles]);
-  const legendOptions = useMemo(() => ({
-    showValues: true,
-    legendValueDisplay
-  }), [legendValueDisplay]);
-  const legendItems = useChartLegendItems(legendData, legendOptions);
-  const {
-    svgChildren,
-    htmlChildren,
-    legendChildren,
-    otherChildren
-  } = useChartChildren(children, "PieSemiCircleChart");
-  const chartMetadata = useMemo(() => ({
-    thickness,
-    clockwise
-  }), [thickness, clockwise]);
-  useChartRegistration({
-    chartId,
-    legendItems,
-    chartType: "pie-semi-circle",
-    isDataValid: isValid,
-    metadata: chartMetadata
-  });
-  const prefersReducedMotion = usePrefersReducedMotion();
-  const effectiveWidth = propWidth || DEFAULT_WIDTH;
-  if (!isValid) {
-    const errorWidth = propHeight ? Math.min(propWidth || propHeight * 2, propHeight * 2) : effectiveWidth;
-    const errorHeight = errorWidth / 2;
-    return /* @__PURE__ */ _jsx("div", {
-      className: pie_semi_circle_chart_module_default["pie-semi-circle-chart"],
-      children: /* @__PURE__ */ _jsx("svg", {
-        width: errorWidth,
-        height: errorHeight,
-        children: /* @__PURE__ */ _jsx("text", {
-          x: "50%",
-          y: "50%",
-          textAnchor: "middle",
-          className: pie_semi_circle_chart_module_default.error,
-          children: message
-        })
-      })
-    });
-  }
-  const availableWidth = svgWrapperWidth > 0 ? svgWrapperWidth : effectiveWidth;
-  const availableHeight = svgWrapperHeight > 0 ? svgWrapperHeight : propHeight || effectiveWidth / 2;
-  const width = Math.min(availableWidth, availableHeight * 2);
-  const height = width / 2;
-  const radius = height;
-  const innerRadius = radius * (1 - thickness);
-  const dataWithIndex = visibleData.map((d) => {
-    const originalIndex = data.findIndex((item) => item.label === d.label);
-    return {
-      ...d,
-      index: originalIndex >= 0 ? originalIndex : 0
-    };
-  });
-  const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;
-  const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;
-  const legendElement = showLegend && /* @__PURE__ */ _jsx(Legend, {
-    orientation: legend.orientation ?? "horizontal",
-    position: legendPosition,
-    alignment: legend.alignment ?? "center",
-    labelStyles: legend.labelStyles,
-    itemClassName: legend.itemClassName,
-    itemStyles: legend.itemStyles,
-    shapeStyles: legend.shapeStyles,
-    shape: legend.shape ?? "circle",
-    chartId,
-    interactive: legendInteractive
-  });
-  return /* @__PURE__ */ _jsx(SingleChartContext.Provider, {
-    value: {
-      chartId,
-      chartWidth: width,
-      chartHeight: height
-    },
-    children: /* @__PURE__ */ _jsxs(Stack, {
-      ref: containerRef,
-      direction: "column",
-      gap,
-      className: clsx("pie-semi-circle-chart", pie_semi_circle_chart_module_default["pie-semi-circle-chart"], {
-        [pie_semi_circle_chart_module_default["pie-semi-circle-chart--responsive"]]: !propWidth && !propHeight
-      }, className),
-      style: {
-        width: propWidth || void 0,
-        height: propHeight || void 0
-      },
-      children: [legendPosition === "top" && legendElement, renderLegendSlot(legendChildren, "top"), /* @__PURE__ */ _jsx("div", {
-        ref: svgWrapperRef,
-        className: pie_semi_circle_chart_module_default["pie-semi-circle-chart__svg-wrapper"],
-        children: /* @__PURE__ */ _jsxs("svg", {
-          width,
-          height,
-          viewBox: `0 0 ${width} ${height}`,
-          children: [/* @__PURE__ */ _jsx("defs", {
-            children: /* @__PURE__ */ _jsx(radial_wipe_animation_default, {
-              id: `radial-wipe-${chartId}`,
-              radius,
-              innerRadius,
-              startAngle: "-180deg",
-              wipePercentage: 50
-            })
-          }), /* @__PURE__ */ _jsx(Group, {
-            top: height,
-            left: width / 2,
-            mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,
-            children: allSegmentsHidden ? /* @__PURE__ */ _jsx("text", {
-              textAnchor: "middle",
-              y: -radius / 2,
-              fill: "#ccc",
-              fontSize: "14",
-              fontFamily: "-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",
-              children: __("All segments are hidden. Click legend items to show data.", "jetpack-charts")
-            }) : /* @__PURE__ */ _jsxs(_Fragment, {
-              children: [/* @__PURE__ */ _jsx(Pie, {
-                data: dataWithIndex,
-                pieValue: accessors.value,
-                outerRadius: radius,
-                innerRadius,
-                cornerRadius: 3,
-                padAngle: PAD_ANGLE,
-                startAngle,
-                endAngle,
-                pieSort: accessors.sort,
-                children: (pie) => {
-                  return pie.arcs.map((arc) => /* @__PURE__ */ _jsx("g", {
-                    onMouseMove: withTooltips ? handleArcMouseMove(arc) : void 0,
-                    onMouseLeave: withTooltips ? handleMouseLeave : void 0,
-                    children: /* @__PURE__ */ _jsx("path", {
-                      d: pie.path(arc) || "",
-                      fill: accessors.fill(arc.data)
-                    })
-                  }, arc.data.label));
-                }
-              }), /* @__PURE__ */ _jsxs(Group, {
-                children: [/* @__PURE__ */ _jsx(Text, {
-                  textAnchor: "middle",
-                  verticalAnchor: "start",
-                  y: -40,
-                  className: pie_semi_circle_chart_module_default.label,
-                  children: label
-                }), /* @__PURE__ */ _jsx(Text, {
-                  textAnchor: "middle",
-                  verticalAnchor: "start",
-                  y: -20,
-                  className: pie_semi_circle_chart_module_default.note,
-                  children: note
-                })]
-              }), !allSegmentsHidden && svgChildren]
-            })
-          })]
-        })
-      }), legendPosition === "bottom" && legendElement, renderLegendSlot(legendChildren, "bottom"), withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ _jsx(TooltipInPortal, {
-        top: tooltipTop || 0,
-        left: tooltipLeft || 0,
-        children: /* @__PURE__ */ _jsx("div", {
-          role: "tooltip",
-          children: renderTooltip({
-            tooltipData
-          })
-        })
-      }), htmlChildren, otherChildren]
-    })
-  });
-};
-var PieSemiCircleChartWithProvider = (props) => {
-  const existingContext = useContext(GlobalChartsContext);
-  if (existingContext) {
-    return /* @__PURE__ */ _jsx(PieSemiCircleChartInternal, {
-      ...props
-    });
-  }
-  return /* @__PURE__ */ _jsx(GlobalChartsProvider, {
-    children: /* @__PURE__ */ _jsx(PieSemiCircleChartInternal, {
-      ...props
-    })
-  });
-};
-PieSemiCircleChartWithProvider.displayName = "PieSemiCircleChart";
-var PieSemiCircleChart = attachSubComponents(PieSemiCircleChartWithProvider, {
-  Legend,
-  SVG: ChartSVG,
-  HTML: ChartHTML
-});
-var PieSemiCircleChartResponsive = attachSubComponents(withResponsive(PieSemiCircleChartWithProvider), {
-  Legend,
-  SVG: ChartSVG,
-  HTML: ChartHTML
-});
-
-export {
-  PieSemiCircleChart,
-  PieSemiCircleChartResponsive
-};
-//# sourceMappingURL=chunk-LTFH7SEG.js.map

package/dist/chunk-LTFH7SEG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx","../src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss"],"sourcesContent":["import { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport { Text } from '@visx/text';\nimport { useTooltip, useTooltipInPortal } from '@visx/tooltip';\nimport { __ } from '@wordpress/i18n';\nimport { Stack } from '@wordpress/ui';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { BaseTooltip } from '../../components/tooltip';\nimport { useElementSize, useInteractiveLegendData, usePrefersReducedMotion } from '../../hooks';\nimport { GlobalChartsProvider, useChartId, useChartRegistration, useGlobalChartsContext, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { ChartSVG, ChartHTML, useChartChildren, renderLegendSlot } from '../private/chart-composition';\nimport { RadialWipeAnimation } from '../private/radial-wipe-animation';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './pie-semi-circle-chart.module.scss';\n\n/**\n * Parameters passed to the renderTooltip function for semi-circle charts.\n */\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\n/**\n * Default tooltip renderer for semi-circle pie charts.\n * Renders a BaseTooltip with the hovered segment's data.\n *\n * @param {PieSemiCircleChartRenderTooltipParams} params - The tooltip parameters containing the hovered data point\n * @return {ReactNode} The rendered tooltip content\n */\nconst renderDefaultPieSemiCircleTooltip = ({\n  tooltipData\n}) => {\n  return /*#__PURE__*/_jsx(BaseTooltip, {\n    data: tooltipData,\n    top: 0,\n    left: 0,\n    renderContainer: false\n  });\n};\nconst PAD_ANGLE = 0.03; // Padding between segments\nconst DEFAULT_WIDTH = 400;\n\n// Base props type with optional responsive properties\n\n// Composition API types\n\n/**\n * Validates the semi-circle pie chart data\n * @param data - The data to validate\n * @return Object containing validation result and error message\n */\nconst validateData = data => {\n  if (!data.length) {\n    return {\n      isValid: false,\n      message: 'No data available'\n    };\n  }\n\n  // Check for negative values\n  const hasNegativeValues = data.some(item => item.percentage < 0 || item.value < 0);\n  if (hasNegativeValues) {\n    return {\n      isValid: false,\n      message: 'Invalid data: Negative values are not allowed'\n    };\n  }\n\n  // Validate total percentage is greater than 0\n  const totalPercentage = data.reduce((sum, item) => sum + item.percentage, 0);\n  if (totalPercentage <= 0) {\n    return {\n      isValid: false,\n      message: 'Invalid percentage total: Must be greater than 0'\n    };\n  }\n  return {\n    isValid: true,\n    message: ''\n  };\n};\nconst PieSemiCircleChartInternal = ({\n  data,\n  chartId: providedChartId,\n  width: propWidth,\n  height: propHeight,\n  thickness = 0.4,\n  clockwise = true,\n  withTooltips = false,\n  showLegend = false,\n  legend = {},\n  legendValueDisplay = 'percentage',\n  label,\n  animation,\n  note,\n  className,\n  children,\n  tooltipOffsetX = 0,\n  tooltipOffsetY = -15,\n  renderTooltip = renderDefaultPieSemiCircleTooltip,\n  gap = 'md'\n}) => {\n  const legendInteractive = legend.interactive ?? false;\n  const legendPosition = legend.position ?? 'bottom';\n  const chartId = useChartId(providedChartId);\n  // Measure the SVG wrapper to calculate constrained dimensions\n  const [svgWrapperRef, svgWrapperWidth, svgWrapperHeight] = useElementSize();\n  const {\n    tooltipOpen,\n    tooltipLeft,\n    tooltipTop,\n    tooltipData,\n    hideTooltip,\n    showTooltip\n  } = useTooltip();\n\n  // Set up portal tooltip for better z-index handling\n  // We get containerBounds to cancel out stale offsets in the position calculation\n  const {\n    containerRef,\n    TooltipInPortal,\n    containerBounds\n  } = useTooltipInPortal({\n    detectBounds: true,\n    scroll: true,\n    debounce: 0\n  });\n  const handleMouseMove = useCallback((event, arc) => {\n    // Don't show tooltip until container bounds are measured\n    if (containerBounds.width === 0 || containerBounds.height === 0) {\n      return;\n    }\n\n    // Use clientX/Y and subtract containerBounds to cancel out any stale offset.\n    // TooltipInPortal calculates: tooltipLeft + containerBounds.left + scrollX\n    // By passing (clientX - containerBounds.left), we get:\n    // (clientX - containerBounds.left) + containerBounds.left + scrollX = clientX + scrollX\n    // This gives correct page coordinates regardless of stale bounds.\n    showTooltip({\n      tooltipData: arc.data,\n      tooltipLeft: event.clientX - containerBounds.left + tooltipOffsetX,\n      tooltipTop: event.clientY - containerBounds.top + tooltipOffsetY\n    });\n  }, [containerBounds.width, containerBounds.height, containerBounds.left, containerBounds.top, showTooltip, tooltipOffsetX, tooltipOffsetY]);\n  const handleMouseLeave = useCallback(() => {\n    hideTooltip();\n  }, [hideTooltip]);\n  const handleArcMouseMove = useCallback(arc => event => {\n    handleMouseMove(event, arc);\n  }, [handleMouseMove]);\n\n  // Validate data first to get validation result\n  const {\n    isValid,\n    message\n  } = validateData(data);\n  const {\n    getElementStyles,\n    isSeriesVisible\n  } = useGlobalChartsContext();\n\n  // Filter and recalculate data for interactive legends\n  const {\n    visibleData,\n    allSegmentsHidden,\n    legendData\n  } = useInteractiveLegendData({\n    data,\n    chartId,\n    legendInteractive,\n    isSeriesVisible\n  });\n\n  // Define accessors with useMemo to avoid changing dependencies\n  const accessors = useMemo(() => ({\n    value: d => d.value,\n    sort: (a, b) => b.value - a.value,\n    fill: d => getElementStyles({\n      data: d,\n      index: d.index\n    }).color\n  }), [getElementStyles]);\n\n  // Memoize legend options to prevent unnecessary re-calculations\n  const legendOptions = useMemo(() => ({\n    showValues: true,\n    legendValueDisplay\n  }), [legendValueDisplay]);\n\n  // Create legend items using legendData (has recalculated percentages for visible items)\n  const legendItems = useChartLegendItems(legendData, legendOptions);\n\n  // Process children to extract compound components\n  const {\n    svgChildren,\n    htmlChildren,\n    legendChildren,\n    otherChildren\n  } = useChartChildren(children, 'PieSemiCircleChart');\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    thickness,\n    clockwise\n  }), [thickness, clockwise]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'pie-semi-circle',\n    isDataValid: isValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const effectiveWidth = propWidth || DEFAULT_WIDTH;\n  if (!isValid) {\n    const errorWidth = propHeight ? Math.min(propWidth || propHeight * 2, propHeight * 2) : effectiveWidth;\n    const errorHeight = errorWidth / 2;\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: styles['pie-semi-circle-chart'],\n      children: /*#__PURE__*/_jsx(\"svg\", {\n        width: errorWidth,\n        height: errorHeight,\n        children: /*#__PURE__*/_jsx(\"text\", {\n          x: \"50%\",\n          y: \"50%\",\n          textAnchor: \"middle\",\n          className: styles.error,\n          children: message\n        })\n      })\n    });\n  }\n\n  // Calculate chart dimensions maintaining the 2:1 width-to-height ratio.\n  // Use measured SVG wrapper dimensions to respect height constraints, falling back\n  // to explicit props during initial render before measurement is available.\n  const availableWidth = svgWrapperWidth > 0 ? svgWrapperWidth : effectiveWidth;\n  const availableHeight = svgWrapperHeight > 0 ? svgWrapperHeight : propHeight || effectiveWidth / 2;\n  // Constrain width so that height (= width / 2) never exceeds the available height\n  const width = Math.min(availableWidth, availableHeight * 2);\n  const height = width / 2;\n  const radius = height; // For a semi-circle, radius equals the SVG height\n  const innerRadius = radius * (1 - thickness);\n\n  // Map data with index for color assignment\n  // When interactive, we need to find the original index to maintain consistent colors\n  const dataWithIndex = visibleData.map(d => {\n    const originalIndex = data.findIndex(item => item.label === d.label);\n    return {\n      ...d,\n      index: originalIndex >= 0 ? originalIndex : 0\n    };\n  });\n\n  // Configure pie angles based on clockwise direction\n  const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;\n  const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;\n  const legendElement = showLegend && /*#__PURE__*/_jsx(Legend, {\n    orientation: legend.orientation ?? 'horizontal',\n    position: legendPosition,\n    alignment: legend.alignment ?? 'center',\n    labelStyles: legend.labelStyles,\n    itemClassName: legend.itemClassName,\n    itemStyles: legend.itemStyles,\n    shapeStyles: legend.shapeStyles,\n    shape: legend.shape ?? 'circle',\n    chartId: chartId,\n    interactive: legendInteractive\n  });\n  return /*#__PURE__*/_jsx(SingleChartContext.Provider, {\n    value: {\n      chartId,\n      chartWidth: width,\n      chartHeight: height\n    },\n    children: /*#__PURE__*/_jsxs(Stack, {\n      ref: containerRef,\n      direction: \"column\",\n      gap: gap,\n      className: clsx('pie-semi-circle-chart', styles['pie-semi-circle-chart'], {\n        [styles['pie-semi-circle-chart--responsive']]: !propWidth && !propHeight\n      }, className),\n      style: {\n        width: propWidth || undefined,\n        height: propHeight || undefined\n      },\n      children: [legendPosition === 'top' && legendElement, renderLegendSlot(legendChildren, 'top'), /*#__PURE__*/_jsx(\"div\", {\n        ref: svgWrapperRef,\n        className: styles['pie-semi-circle-chart__svg-wrapper'],\n        children: /*#__PURE__*/_jsxs(\"svg\", {\n          width: width,\n          height: height,\n          viewBox: `0 0 ${width} ${height}`,\n          children: [/*#__PURE__*/_jsx(\"defs\", {\n            children: /*#__PURE__*/_jsx(RadialWipeAnimation, {\n              id: `radial-wipe-${chartId}`,\n              radius: radius,\n              innerRadius: innerRadius,\n              startAngle: \"-180deg\",\n              wipePercentage: 50\n            })\n          }), /*#__PURE__*/_jsx(Group, {\n            top: height,\n            left: width / 2,\n            mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,\n            children: allSegmentsHidden ? /*#__PURE__*/_jsx(\"text\", {\n              textAnchor: \"middle\",\n              y: -radius / 2,\n              fill: \"#ccc\",\n              fontSize: \"14\",\n              fontFamily: \"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\",\n              children: __('All segments are hidden. Click legend items to show data.', 'jetpack-charts')\n            }) : /*#__PURE__*/_jsxs(_Fragment, {\n              children: [/*#__PURE__*/_jsx(Pie, {\n                data: dataWithIndex,\n                pieValue: accessors.value,\n                outerRadius: radius,\n                innerRadius: innerRadius,\n                cornerRadius: 3,\n                padAngle: PAD_ANGLE,\n                startAngle: startAngle,\n                endAngle: endAngle,\n                pieSort: accessors.sort,\n                children: pie => {\n                  return pie.arcs.map(arc => /*#__PURE__*/_jsx(\"g\", {\n                    onMouseMove: withTooltips ? handleArcMouseMove(arc) : undefined,\n                    onMouseLeave: withTooltips ? handleMouseLeave : undefined,\n                    children: /*#__PURE__*/_jsx(\"path\", {\n                      d: pie.path(arc) || '',\n                      fill: accessors.fill(arc.data)\n                    })\n                  }, arc.data.label));\n                }\n              }), /*#__PURE__*/_jsxs(Group, {\n                children: [/*#__PURE__*/_jsx(Text, {\n                  textAnchor: \"middle\",\n                  verticalAnchor: \"start\",\n                  y: -40 // Position above the chart with space for note\n                  ,\n                  className: styles.label,\n                  children: label\n                }), /*#__PURE__*/_jsx(Text, {\n                  textAnchor: \"middle\",\n                  verticalAnchor: \"start\",\n                  y: -20 // Position between label and chart\n                  ,\n                  className: styles.note,\n                  children: note\n                })]\n              }), !allSegmentsHidden && svgChildren]\n            })\n          })]\n        })\n      }), legendPosition === 'bottom' && legendElement, renderLegendSlot(legendChildren, 'bottom'), withTooltips && tooltipOpen && tooltipData && /*#__PURE__*/_jsx(TooltipInPortal, {\n        top: tooltipTop || 0,\n        left: tooltipLeft || 0,\n        children: /*#__PURE__*/_jsx(\"div\", {\n          role: \"tooltip\",\n          children: renderTooltip({\n            tooltipData\n          })\n        })\n      }), htmlChildren, otherChildren]\n    })\n  });\n};\nconst PieSemiCircleChartWithProvider = props => {\n  const existingContext = useContext(GlobalChartsContext);\n\n  // If we're already in a GlobalChartsProvider context, don't create a new one\n  if (existingContext) {\n    return /*#__PURE__*/_jsx(PieSemiCircleChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(PieSemiCircleChartInternal, {\n      ...props\n    })\n  });\n};\nPieSemiCircleChartWithProvider.displayName = 'PieSemiCircleChart';\n\n// Create PieSemiCircleChart with composition API\nconst PieSemiCircleChart = attachSubComponents(PieSemiCircleChartWithProvider, {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\n\n// Create responsive PieSemiCircleChart with composition API\nconst PieSemiCircleChartResponsive = attachSubComponents(withResponsive(PieSemiCircleChartWithProvider), {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\nexport { PieSemiCircleChartResponsive as default, PieSemiCircleChart as PieSemiCircleChartUnresponsive };","import 'css-chunk:src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss';export default {\n  \"pie-semi-circle-chart--responsive\": \"a8ccharts-V0wiEb\",\n  \"pie-semi-circle-chart__svg-wrapper\": \"a8ccharts-hGowej\",\n  \"pie-semi-circle-chart\": \"a8ccharts-8tyaQj\",\n  \"label\": \"a8ccharts-EKZS3j\",\n  \"note\": \"a8ccharts-v85A8-\"\n};"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AACtB,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,YAAY,0BAA0B;AAC/C,SAAS,UAAU;AAEnB,OAAO,UAAU;AACjB,SAAS,aAAa,YAAY,eAAe;;;ACPqC,IAAO,uCAAQ;AAAA,EACnG,qCAAqC;AAAA,EACrC,sCAAsC;AAAA,EACtC,yBAAyB;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AACV;;;ADgBA,SAAS,OAAO,MAAM,QAAQ,OAAO,YAAY,iBAAiB;AAQlE,IAAM,oCAAoC,CAAC;AAAA,EACzC;AACF,MAAM;AACJ,SAAoB,qBAAK,aAAa;AAAA,IACpC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,iBAAiB;AAAA,EACnB,CAAC;AACH;AACA,IAAM,YAAY;AAClB,IAAM,gBAAgB;AAWtB,IAAM,eAAe,UAAQ;AAC3B,MAAI,CAAC,KAAK,QAAQ;AAChB,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAGA,QAAM,oBAAoB,KAAK,KAAK,UAAQ,KAAK,aAAa,KAAK,KAAK,QAAQ,CAAC;AACjF,MAAI,mBAAmB;AACrB,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AAGA,QAAM,kBAAkB,KAAK,OAAO,CAAC,KAAK,SAAS,MAAM,KAAK,YAAY,CAAC;AAC3E,MAAI,mBAAmB,GAAG;AACxB,WAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AACA,SAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;AACA,IAAM,6BAA6B,CAAC;AAAA,EAClC;AAAA,EACA,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,SAAS,CAAC;AAAA,EACV,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,MAAM;AACR,MAAM;AACJ,QAAM,oBAAoB,OAAO,eAAe;AAChD,QAAM,iBAAiB,OAAO,YAAY;AAC1C,QAAM,UAAU,WAAW,eAAe;AAE1C,QAAM,CAAC,eAAe,iBAAiB,gBAAgB,IAAI,eAAe;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW;AAIf,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,mBAAmB;AAAA,IACrB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,kBAAkB,YAAY,CAAC,OAAO,QAAQ;AAElD,QAAI,gBAAgB,UAAU,KAAK,gBAAgB,WAAW,GAAG;AAC/D;AAAA,IACF;AAOA,gBAAY;AAAA,MACV,aAAa,IAAI;AAAA,MACjB,aAAa,MAAM,UAAU,gBAAgB,OAAO;AAAA,MACpD,YAAY,MAAM,UAAU,gBAAgB,MAAM;AAAA,IACpD,CAAC;AAAA,EACH,GAAG,CAAC,gBAAgB,OAAO,gBAAgB,QAAQ,gBAAgB,MAAM,gBAAgB,KAAK,aAAa,gBAAgB,cAAc,CAAC;AAC1I,QAAM,mBAAmB,YAAY,MAAM;AACzC,gBAAY;AAAA,EACd,GAAG,CAAC,WAAW,CAAC;AAChB,QAAM,qBAAqB,YAAY,SAAO,WAAS;AACrD,oBAAgB,OAAO,GAAG;AAAA,EAC5B,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,aAAa,IAAI;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,uBAAuB;AAG3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,YAAY,QAAQ,OAAO;AAAA,IAC/B,OAAO,OAAK,EAAE;AAAA,IACd,MAAM,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE;AAAA,IAC5B,MAAM,OAAK,iBAAiB;AAAA,MAC1B,MAAM;AAAA,MACN,OAAO,EAAE;AAAA,IACX,CAAC,EAAE;AAAA,EACL,IAAI,CAAC,gBAAgB,CAAC;AAGtB,QAAM,gBAAgB,QAAQ,OAAO;AAAA,IACnC,YAAY;AAAA,IACZ;AAAA,EACF,IAAI,CAAC,kBAAkB,CAAC;AAGxB,QAAM,cAAc,oBAAoB,YAAY,aAAa;AAGjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB,UAAU,oBAAoB;AAGnD,QAAM,gBAAgB,QAAQ,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,WAAW,SAAS,CAAC;AAG1B,uBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,uBAAuB,wBAAwB;AACrD,QAAM,iBAAiB,aAAa;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,aAAa,aAAa,KAAK,IAAI,aAAa,aAAa,GAAG,aAAa,CAAC,IAAI;AACxF,UAAM,cAAc,aAAa;AACjC,WAAoB,qBAAK,OAAO;AAAA,MAC9B,WAAW,qCAAO,uBAAuB;AAAA,MACzC,UAAuB,qBAAK,OAAO;AAAA,QACjC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAuB,qBAAK,QAAQ;AAAA,UAClC,GAAG;AAAA,UACH,GAAG;AAAA,UACH,YAAY;AAAA,UACZ,WAAW,qCAAO;AAAA,UAClB,UAAU;AAAA,QACZ,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAKA,QAAM,iBAAiB,kBAAkB,IAAI,kBAAkB;AAC/D,QAAM,kBAAkB,mBAAmB,IAAI,mBAAmB,cAAc,iBAAiB;AAEjG,QAAM,QAAQ,KAAK,IAAI,gBAAgB,kBAAkB,CAAC;AAC1D,QAAM,SAAS,QAAQ;AACvB,QAAM,SAAS;AACf,QAAM,cAAc,UAAU,IAAI;AAIlC,QAAM,gBAAgB,YAAY,IAAI,OAAK;AACzC,UAAM,gBAAgB,KAAK,UAAU,UAAQ,KAAK,UAAU,EAAE,KAAK;AACnE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,iBAAiB,IAAI,gBAAgB;AAAA,IAC9C;AAAA,EACF,CAAC;AAGD,QAAM,aAAa,YAAY,CAAC,KAAK,KAAK,IAAI,KAAK,KAAK;AACxD,QAAM,WAAW,YAAY,KAAK,KAAK,IAAI,CAAC,KAAK,KAAK;AACtD,QAAM,gBAAgB,cAA2B,qBAAK,QAAQ;AAAA,IAC5D,aAAa,OAAO,eAAe;AAAA,IACnC,UAAU;AAAA,IACV,WAAW,OAAO,aAAa;AAAA,IAC/B,aAAa,OAAO;AAAA,IACpB,eAAe,OAAO;AAAA,IACtB,YAAY,OAAO;AAAA,IACnB,aAAa,OAAO;AAAA,IACpB,OAAO,OAAO,SAAS;AAAA,IACvB;AAAA,IACA,aAAa;AAAA,EACf,CAAC;AACD,SAAoB,qBAAK,mBAAmB,UAAU;AAAA,IACpD,OAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,IACf;AAAA,IACA,UAAuB,sBAAM,OAAO;AAAA,MAClC,KAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA,WAAW,KAAK,yBAAyB,qCAAO,uBAAuB,GAAG;AAAA,QACxE,CAAC,qCAAO,mCAAmC,CAAC,GAAG,CAAC,aAAa,CAAC;AAAA,MAChE,GAAG,SAAS;AAAA,MACZ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,QAAQ,cAAc;AAAA,MACxB;AAAA,MACA,UAAU,CAAC,mBAAmB,SAAS,eAAe,iBAAiB,gBAAgB,KAAK,GAAgB,qBAAK,OAAO;AAAA,QACtH,KAAK;AAAA,QACL,WAAW,qCAAO,oCAAoC;AAAA,QACtD,UAAuB,sBAAM,OAAO;AAAA,UAClC;AAAA,UACA;AAAA,UACA,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,UAC/B,UAAU,CAAc,qBAAK,QAAQ;AAAA,YACnC,UAAuB,qBAAK,+BAAqB;AAAA,cAC/C,IAAI,eAAe,OAAO;AAAA,cAC1B;AAAA,cACA;AAAA,cACA,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB,CAAC;AAAA,UACH,CAAC,GAAgB,qBAAK,OAAO;AAAA,YAC3B,KAAK;AAAA,YACL,MAAM,QAAQ;AAAA,YACd,MAAM,aAAa,CAAC,uBAAuB,oBAAoB,OAAO,MAAM;AAAA,YAC5E,UAAU,oBAAiC,qBAAK,QAAQ;AAAA,cACtD,YAAY;AAAA,cACZ,GAAG,CAAC,SAAS;AAAA,cACb,MAAM;AAAA,cACN,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,UAAU,GAAG,6DAA6D,gBAAgB;AAAA,YAC5F,CAAC,IAAiB,sBAAM,WAAW;AAAA,cACjC,UAAU,CAAc,qBAAK,KAAK;AAAA,gBAChC,MAAM;AAAA,gBACN,UAAU,UAAU;AAAA,gBACpB,aAAa;AAAA,gBACb;AAAA,gBACA,cAAc;AAAA,gBACd,UAAU;AAAA,gBACV;AAAA,gBACA;AAAA,gBACA,SAAS,UAAU;AAAA,gBACnB,UAAU,SAAO;AACf,yBAAO,IAAI,KAAK,IAAI,SAAoB,qBAAK,KAAK;AAAA,oBAChD,aAAa,eAAe,mBAAmB,GAAG,IAAI;AAAA,oBACtD,cAAc,eAAe,mBAAmB;AAAA,oBAChD,UAAuB,qBAAK,QAAQ;AAAA,sBAClC,GAAG,IAAI,KAAK,GAAG,KAAK;AAAA,sBACpB,MAAM,UAAU,KAAK,IAAI,IAAI;AAAA,oBAC/B,CAAC;AAAA,kBACH,GAAG,IAAI,KAAK,KAAK,CAAC;AAAA,gBACpB;AAAA,cACF,CAAC,GAAgB,sBAAM,OAAO;AAAA,gBAC5B,UAAU,CAAc,qBAAK,MAAM;AAAA,kBACjC,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,GAAG;AAAA,kBAEH,WAAW,qCAAO;AAAA,kBAClB,UAAU;AAAA,gBACZ,CAAC,GAAgB,qBAAK,MAAM;AAAA,kBAC1B,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,GAAG;AAAA,kBAEH,WAAW,qCAAO;AAAA,kBAClB,UAAU;AAAA,gBACZ,CAAC,CAAC;AAAA,cACJ,CAAC,GAAG,CAAC,qBAAqB,WAAW;AAAA,YACvC,CAAC;AAAA,UACH,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC,GAAG,mBAAmB,YAAY,eAAe,iBAAiB,gBAAgB,QAAQ,GAAG,gBAAgB,eAAe,eAA4B,qBAAK,iBAAiB;AAAA,QAC7K,KAAK,cAAc;AAAA,QACnB,MAAM,eAAe;AAAA,QACrB,UAAuB,qBAAK,OAAO;AAAA,UACjC,MAAM;AAAA,UACN,UAAU,cAAc;AAAA,YACtB;AAAA,UACF,CAAC;AAAA,QACH,CAAC;AAAA,MACH,CAAC,GAAG,cAAc,aAAa;AAAA,IACjC,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAM,iCAAiC,WAAS;AAC9C,QAAM,kBAAkB,WAAW,mBAAmB;AAGtD,MAAI,iBAAiB;AACnB,WAAoB,qBAAK,4BAA4B;AAAA,MACnD,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AAGA,SAAoB,qBAAK,sBAAsB;AAAA,IAC7C,UAAuB,qBAAK,4BAA4B;AAAA,MACtD,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACA,+BAA+B,cAAc;AAG7C,IAAM,qBAAqB,oBAAoB,gCAAgC;AAAA,EAC7E;AAAA,EACA,KAAK;AAAA,EACL,MAAM;AACR,CAAC;AAGD,IAAM,+BAA+B,oBAAoB,eAAe,8BAA8B,GAAG;AAAA,EACvG;AAAA,EACA,KAAK;AAAA,EACL,MAAM;AACR,CAAC;","names":[]}

package/dist/chunk-MUNOKLLE.js

@@ -1,165 +0,0 @@
-import {
-  LineChart
-} from "./chunk-2ICEEQOC.js";
-import {
-  withResponsive
-} from "./chunk-OP6PHB2U.js";
-import {
-  useGlobalChartsTheme
-} from "./chunk-2I67QUIV.js";
-
-// src/charts/sparkline/sparkline.tsx
-import clsx from "clsx";
-import { useMemo, forwardRef } from "react";
-
-// src/charts/sparkline/sparkline.module.scss
-var sparkline_module_default = {
-  "sparkline": "a8ccharts-o-3Z8B",
-  "sparkline--empty": "a8ccharts-CbLbcd"
-};
-
-// src/charts/sparkline/sparkline.tsx
-import { jsx as _jsx } from "react/jsx-runtime";
-var DEFAULT_WIDTH = 100;
-var DEFAULT_HEIGHT = 40;
-var transformToSeriesData = (data, color, strokeWidth) => {
-  const baseDate = new Date(2e3, 0, 1);
-  return [{
-    label: "sparkline",
-    data: data.map((value, index) => ({
-      date: new Date(baseDate.getTime() + index * 864e5),
-      // Add days
-      value
-    })),
-    options: {
-      stroke: color,
-      seriesLineStyle: strokeWidth ? {
-        strokeWidth
-      } : void 0
-    }
-  }];
-};
-var SparklineComponent = /* @__PURE__ */ forwardRef(({
-  data,
-  width = DEFAULT_WIDTH,
-  height = DEFAULT_HEIGHT,
-  color,
-  strokeWidth: strokeWidthProp,
-  withGradientFill = true,
-  gradient,
-  className,
-  chartId,
-  margin: marginProp,
-  animation
-}, ref) => {
-  const theme = useGlobalChartsTheme();
-  const themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;
-  const strokeWidth = strokeWidthProp ?? themeStrokeWidth;
-  const seriesData = useMemo(() => {
-    if (!data || data.length === 0) {
-      return [];
-    }
-    return transformToSeriesData(data, color, strokeWidth);
-  }, [data, color, strokeWidth]);
-  const finalMargin = useMemo(() => {
-    const themeMargin = theme.sparkline?.margin ?? {
-      top: 2,
-      right: 2,
-      bottom: 2,
-      left: 2
-    };
-    const margin = marginProp ?? themeMargin;
-    return {
-      ...themeMargin,
-      ...margin
-    };
-  }, [marginProp, theme.sparkline?.margin]);
-  const seriesWithGradient = useMemo(() => {
-    if (!gradient || seriesData.length === 0) {
-      return seriesData;
-    }
-    return seriesData.map((series) => ({
-      ...series,
-      options: {
-        ...series.options,
-        gradient: {
-          from: gradient.from || color || "#000000",
-          to: gradient.to || "#ffffff",
-          fromOpacity: gradient.fromOpacity ?? 0.5,
-          toOpacity: gradient.toOpacity ?? 0
-        }
-      }
-    }));
-  }, [seriesData, gradient, color]);
-  if (!data || data.length === 0) {
-    return /* @__PURE__ */ _jsx("div", {
-      ref,
-      className: clsx("sparkline", sparkline_module_default.sparkline, sparkline_module_default["sparkline--empty"], className),
-      style: {
-        width,
-        height
-      }
-    });
-  }
-  if (data.length === 1) {
-    const cx = width / 2;
-    const cy = height / 2;
-    const resolvedColor = color || "#000000";
-    return /* @__PURE__ */ _jsx("div", {
-      ref,
-      className: clsx("sparkline", sparkline_module_default.sparkline, sparkline_module_default["sparkline--single-point"], className),
-      style: {
-        width,
-        height
-      },
-      children: /* @__PURE__ */ _jsx("svg", {
-        width,
-        height,
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ _jsx("circle", {
-          cx,
-          cy,
-          r: strokeWidth * 1.5,
-          fill: resolvedColor
-        })
-      })
-    });
-  }
-  return /* @__PURE__ */ _jsx("div", {
-    ref,
-    className: clsx("sparkline", sparkline_module_default.sparkline, className),
-    children: /* @__PURE__ */ _jsx(LineChart, {
-      data: seriesWithGradient,
-      width,
-      height,
-      margin: finalMargin,
-      chartId,
-      withGradientFill,
-      withTooltips: false,
-      showLegend: false,
-      gridVisibility: "none",
-      options: {
-        axis: {
-          x: {
-            display: false
-          },
-          y: {
-            display: false
-          }
-        }
-      },
-      curveType: "monotone",
-      animation
-    })
-  });
-});
-SparklineComponent.displayName = "SparklineComponent";
-var SparklineUnresponsive = SparklineComponent;
-SparklineUnresponsive.displayName = "SparklineUnresponsive";
-var Sparkline = withResponsive(SparklineUnresponsive);
-
-export {
-  SparklineUnresponsive,
-  Sparkline
-};
-//# sourceMappingURL=chunk-MUNOKLLE.js.map

package/dist/chunk-MUNOKLLE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/sparkline/sparkline.tsx","../src/charts/sparkline/sparkline.module.scss"],"sourcesContent":["import clsx from 'clsx';\nimport { useMemo, forwardRef } from 'react';\nimport { useGlobalChartsTheme } from '../../providers';\nimport { LineChartUnresponsive } from '../line-chart';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './sparkline.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_WIDTH = 100;\nconst DEFAULT_HEIGHT = 40;\n\n/**\n * Transforms a simple number array into SeriesData format for LineChart.\n * Uses index-based dates to create a linear x-axis.\n *\n * @param data        - Array of numeric values to plot\n * @param color       - Optional color for the line stroke\n * @param strokeWidth - Optional stroke width for the line\n * @return SeriesData array suitable for LineChart\n */\nconst transformToSeriesData = (data, color, strokeWidth) => {\n  // Use a fixed base date and increment by index to create linear spacing\n  const baseDate = new Date(2000, 0, 1);\n  return [{\n    label: 'sparkline',\n    data: data.map((value, index) => ({\n      date: new Date(baseDate.getTime() + index * 86400000),\n      // Add days\n      value\n    })),\n    options: {\n      stroke: color,\n      seriesLineStyle: strokeWidth ? {\n        strokeWidth\n      } : undefined\n    }\n  }];\n};\nconst SparklineComponent = /*#__PURE__*/forwardRef(({\n  data,\n  width = DEFAULT_WIDTH,\n  height = DEFAULT_HEIGHT,\n  color,\n  strokeWidth: strokeWidthProp,\n  withGradientFill = true,\n  gradient,\n  className,\n  chartId,\n  margin: marginProp,\n  animation\n}, ref) => {\n  const theme = useGlobalChartsTheme();\n\n  // Get theme defaults for sparkline\n  const themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;\n\n  // Use prop values or fall back to theme defaults\n  const strokeWidth = strokeWidthProp ?? themeStrokeWidth;\n\n  // Transform number[] to SeriesData[] for LineChart\n  const seriesData = useMemo(() => {\n    if (!data || data.length === 0) {\n      return [];\n    }\n    return transformToSeriesData(data, color, strokeWidth);\n  }, [data, color, strokeWidth]);\n\n  // Merge margins with theme defaults\n  const finalMargin = useMemo(() => {\n    const themeMargin = theme.sparkline?.margin ?? {\n      top: 2,\n      right: 2,\n      bottom: 2,\n      left: 2\n    };\n    const margin = marginProp ?? themeMargin;\n    return {\n      ...themeMargin,\n      ...margin\n    };\n  }, [marginProp, theme.sparkline?.margin]);\n\n  // Build gradient options for the series if custom gradient is provided\n  // Note: This must be called before any early returns to follow React hooks rules\n  const seriesWithGradient = useMemo(() => {\n    if (!gradient || seriesData.length === 0) {\n      return seriesData;\n    }\n    return seriesData.map(series => ({\n      ...series,\n      options: {\n        ...series.options,\n        gradient: {\n          from: gradient.from || color || '#000000',\n          to: gradient.to || '#ffffff',\n          fromOpacity: gradient.fromOpacity ?? 0.5,\n          toOpacity: gradient.toOpacity ?? 0.0\n        }\n      }\n    }));\n  }, [seriesData, gradient, color]);\n\n  // Handle empty data\n  if (!data || data.length === 0) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      ref: ref,\n      className: clsx('sparkline', styles.sparkline, styles['sparkline--empty'], className),\n      style: {\n        width,\n        height\n      }\n    });\n  }\n\n  // Handle single data point - render a simple dot\n  if (data.length === 1) {\n    const cx = width / 2;\n    const cy = height / 2;\n    const resolvedColor = color || '#000000';\n    return /*#__PURE__*/_jsx(\"div\", {\n      ref: ref,\n      className: clsx('sparkline', styles.sparkline, styles['sparkline--single-point'], className),\n      style: {\n        width,\n        height\n      },\n      children: /*#__PURE__*/_jsx(\"svg\", {\n        width: width,\n        height: height,\n        \"aria-hidden\": \"true\",\n        children: /*#__PURE__*/_jsx(\"circle\", {\n          cx: cx,\n          cy: cy,\n          r: strokeWidth * 1.5,\n          fill: resolvedColor\n        })\n      })\n    });\n  }\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: clsx('sparkline', styles.sparkline, className),\n    children: /*#__PURE__*/_jsx(LineChartUnresponsive, {\n      data: seriesWithGradient,\n      width: width,\n      height: height,\n      margin: finalMargin,\n      chartId: chartId,\n      withGradientFill: withGradientFill,\n      withTooltips: false,\n      showLegend: false,\n      gridVisibility: \"none\",\n      options: {\n        axis: {\n          x: {\n            display: false\n          },\n          y: {\n            display: false\n          }\n        }\n      },\n      curveType: \"monotone\",\n      animation: animation\n    })\n  });\n});\nSparklineComponent.displayName = 'SparklineComponent';\n\n/**\n * Sparkline - A minimal line chart for inline data visualization.\n *\n * Sparklines are compact charts designed to be embedded inline with text or\n * displayed in small spaces like table cells or dashboards. They show trends\n * without axes, labels, or other chart chrome.\n *\n * This component is built on top of LineChart with preconfigured settings\n * for minimal display (no axes, grid, tooltips, or legend).\n */\nconst SparklineUnresponsive = SparklineComponent;\nSparklineUnresponsive.displayName = 'SparklineUnresponsive';\n\n/**\n * Responsive Sparkline chart component\n */\nconst Sparkline = withResponsive(SparklineUnresponsive);\nexport { Sparkline as default, SparklineUnresponsive };","import 'css-chunk:src/charts/sparkline/sparkline.module.scss';export default {\n  \"sparkline\": \"a8ccharts-o-3Z8B\",\n  \"sparkline--empty\": \"a8ccharts-CbLbcd\"\n};"],"mappings":"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","names":[]}