@automattic/charts 0.57.0 → 0.58.0

package/dist/chunk-4OXMTKAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/pie-chart/pie-chart.tsx","../src/charts/pie-chart/pie-chart.module.scss"],"sourcesContent":["import { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\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, useGlobalChartsTheme, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { getStringWidth } from '../../visx/text';\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-chart.module.scss';\n\n/**\n * Parameters passed to the renderTooltip function for pie charts.\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * Default tooltip renderer for pie charts.\n * Renders a BaseTooltip with the hovered segment's data.\n *\n * @param {PieChartRenderTooltipParams} params - The tooltip parameters containing the hovered data point\n * @return {ReactNode} The rendered tooltip content\n */\nconst renderDefaultPieTooltip = ({\n  tooltipData\n}) => {\n  return /*#__PURE__*/_jsx(BaseTooltip, {\n    data: tooltipData,\n    top: 0,\n    left: 0,\n    renderContainer: false\n  });\n};\n\n// Base props type with optional responsive properties\n\n// Composition API types\n\n/**\n * Validates the 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\n  const totalPercentage = data.reduce((sum, item) => sum + item.percentage, 0);\n  if (Math.abs(totalPercentage - 100) > 0.01) {\n    // Using small epsilon for floating point comparison\n    return {\n      isValid: false,\n      message: 'Invalid percentage total: Must equal 100'\n    };\n  }\n  return {\n    isValid: true,\n    message: ''\n  };\n};\n\n/**\n * Renders a pie or donut chart using the provided data.\n *\n * @param {PieChartProps} props - Component props\n * @return {JSX.Element} The rendered chart component\n */\nconst PieChartInternal = ({\n  data,\n  chartId: providedChartId,\n  withTooltips = false,\n  className,\n  showLegend = false,\n  legend = {},\n  width: propWidth,\n  height: propHeight,\n  size,\n  animation,\n  thickness = 1,\n  padding = 0,\n  gapScale = 0,\n  cornerScale = 0,\n  showLabels = true,\n  legendValueDisplay = 'percentage',\n  children = null,\n  tooltipOffsetX = 0,\n  tooltipOffsetY = -15,\n  renderTooltip = renderDefaultPieTooltip,\n  gap = 'md'\n}) => {\n  const legendInteractive = legend.interactive ?? false;\n  const legendPosition = legend.position ?? 'bottom';\n  const providerTheme = useGlobalChartsTheme();\n  const chartId = useChartId(providedChartId);\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 onMouseLeave = useCallback(() => {\n    if (!withTooltips) {\n      return;\n    }\n    hideTooltip();\n  }, [withTooltips, hideTooltip]);\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  // 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  const {\n    isValid,\n    message\n  } = validateData(data);\n\n  // Process children to extract compound components\n  const {\n    svgChildren,\n    htmlChildren,\n    legendChildren,\n    otherChildren\n  } = useChartChildren(children, 'PieChart');\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    thickness,\n    gapScale,\n    cornerScale\n  }), [thickness, gapScale, cornerScale]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'pie',\n    isDataValid: isValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  if (!isValid) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: clsx('pie-chart', styles['pie-chart'], className),\n      children: /*#__PURE__*/_jsx(\"div\", {\n        className: styles['error-message'],\n        children: message\n      })\n    });\n  }\n\n  // Calculate the actual pie size:\n  // - Measure available space from the svg-wrapper\n  // - If size prop provided: use it as max, but shrink if container is smaller\n  // - If no size prop: fill available space\n  const availableWidth = svgWrapperWidth > 0 ? svgWrapperWidth : 300;\n  const availableHeight = svgWrapperHeight > 0 ? svgWrapperHeight : 300;\n  const availableSize = Math.min(availableWidth, availableHeight);\n  const actualSize = size ? Math.min(size, availableSize) : availableSize;\n  const width = actualSize;\n  const height = actualSize;\n\n  // Calculate radius based on width/height\n  const radius = Math.min(width, height) / 2;\n\n  // Center the chart in the available space\n  const centerX = width / 2;\n  const centerY = height / 2;\n\n  // Calculate the angle between each (use original data length for consistent spacing)\n  const padAngle = gapScale * (2 * Math.PI / data.length);\n  const outerRadius = radius - padding;\n  const innerRadius = thickness === 0 ? 0 : outerRadius * (1 - thickness);\n  const maxCornerRadius = (outerRadius - innerRadius) / 2;\n  const cornerRadius = cornerScale ? Math.min(cornerScale * outerRadius, maxCornerRadius) : 0;\n\n  // Map the data to include 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  const accessors = {\n    value: d => d.value,\n    fill: d => {\n      return getElementStyles({\n        data: d,\n        index: d.index\n      }).color;\n    }\n  };\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-chart', styles['pie-chart'],\n      // Fill parent when no explicit dimensions provided\n      {\n        [styles['pie-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        className: styles['pie-chart__svg-wrapper'],\n        ref: svgWrapperRef,\n        children: /*#__PURE__*/_jsxs(\"svg\", {\n          viewBox: `0 0 ${width} ${height}`,\n          preserveAspectRatio: \"xMidYMid meet\",\n          width: width,\n          height: height,\n          children: [/*#__PURE__*/_jsx(\"defs\", {\n            children: /*#__PURE__*/_jsx(RadialWipeAnimation, {\n              id: `radial-wipe-${chartId}`,\n              radius: outerRadius,\n              innerRadius: innerRadius\n            })\n          }), /*#__PURE__*/_jsxs(Group, {\n            top: centerY,\n            left: centerX,\n            mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,\n            children: [allSegmentsHidden ? /*#__PURE__*/_jsx(\"text\", {\n              textAnchor: \"middle\",\n              dy: \".33em\",\n              fill: providerTheme.gridColor || '#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__*/_jsx(Pie, {\n              data: dataWithIndex,\n              pieValue: accessors.value,\n              outerRadius: outerRadius,\n              innerRadius: innerRadius,\n              padAngle: padAngle,\n              cornerRadius: cornerRadius,\n              children: pie => {\n                return pie.arcs.map((arc, index) => {\n                  const [centroidX, centroidY] = pie.path.centroid(arc);\n                  const hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;\n                  const handleMouseMove = event => {\n                    if (!withTooltips) {\n                      return;\n                    }\n\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                  };\n                  const pathProps = {\n                    d: pie.path(arc) || '',\n                    fill: accessors.fill(arc.data),\n                    'data-testid': 'pie-segment'\n                  };\n                  const groupProps = {};\n                  if (withTooltips) {\n                    groupProps.onMouseMove = handleMouseMove;\n                    groupProps.onMouseLeave = onMouseLeave;\n                  }\n\n                  // Estimate text width more accurately for background sizing\n                  const fontSize = 12;\n                  const estimatedTextWidth = getStringWidth(arc.data.label, {\n                    fontSize\n                  });\n                  const labelPadding = 6;\n                  const backgroundWidth = estimatedTextWidth + labelPadding * 2;\n                  const backgroundHeight = fontSize + labelPadding * 2;\n                  return /*#__PURE__*/_jsxs(\"g\", {\n                    ...groupProps,\n                    children: [/*#__PURE__*/_jsx(\"path\", {\n                      ...pathProps\n                    }), showLabels && hasSpaceForLabel && /*#__PURE__*/_jsxs(\"g\", {\n                      children: [providerTheme.labelBackgroundColor && /*#__PURE__*/_jsx(\"rect\", {\n                        x: centroidX - backgroundWidth / 2,\n                        y: centroidY - backgroundHeight / 2,\n                        width: backgroundWidth,\n                        height: backgroundHeight,\n                        fill: providerTheme.labelBackgroundColor,\n                        rx: 4,\n                        ry: 4,\n                        pointerEvents: \"none\"\n                      }), /*#__PURE__*/_jsx(\"text\", {\n                        x: centroidX,\n                        y: centroidY,\n                        dy: \".33em\",\n                        fill: providerTheme.labelTextColor || '#333',\n                        fontSize: fontSize,\n                        textAnchor: \"middle\",\n                        pointerEvents: \"none\",\n                        children: arc.data.label\n                      })]\n                    })]\n                  }, `arc-${index}`);\n                });\n              }\n            }), !allSegmentsHidden && svgChildren]\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 PieChartWithProvider = 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(PieChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(PieChartInternal, {\n      ...props\n    })\n  });\n};\nPieChartWithProvider.displayName = 'PieChart';\n\n// Create PieChart with composition API\nconst PieChart = attachSubComponents(PieChartWithProvider, {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\n\n// Create responsive PieChart with composition API\nconst PieChartResponsive = attachSubComponents(withResponsive(PieChartWithProvider), {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\nexport { PieChartResponsive as default, PieChart as PieChartUnresponsive };","import 'css-chunk:src/charts/pie-chart/pie-chart.module.scss';export default {\n  \"pie-chart\": \"a8ccharts-C-n-Gu\",\n  \"pie-chart--responsive\": \"a8ccharts-IQVR6j\",\n  \"pie-chart__svg-wrapper\": \"a8ccharts-iQ1Rki\"\n};"],"mappings":"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","names":[]}

package/dist/{chunk-4OPFE4RM.js → chunk-B6NLZFRW.js}

@@ -1,35 +1,40 @@
+import {
+  renderLegendSlot,
+  useChartChildren
+} from "./chunk-KRWGSOJ2.js";
+import {
+  Legend,
+  SingleChartContext,
+  useChartLegendItems
+} from "./chunk-WTQYGUNF.js";
 import {
   AccessibleTooltip,
   useKeyboardNavigation
 } from "./chunk-BPYKWMI7.js";
 import {
   Stack
-} from "./chunk-Z26M4V2M.js";
+} from "./chunk-YAFQVVDI.js";
 import {
   withResponsive
 } from "./chunk-OP6PHB2U.js";
 import {
   GlobalChartsContext,
   GlobalChartsProvider,
-  Legend,
-  SingleChartContext,
   useChartDataTransform,
   useChartId,
-  useChartLegendItems,
   useChartMargin,
   useChartRegistration,
   useElementSize,
   useGlobalChartsContext,
   useGlobalChartsTheme,
-  useHasLegendChild,
   usePrefersReducedMotion,
   useXYChartTheme,
   useZeroValueDisplay
-} from "./chunk-32DH6JDF.js";
+} from "./chunk-2I67QUIV.js";
 import {
   attachSubComponents,
   isSafari
-} from "./chunk-DAU3HNEG.js";
+} from "./chunk-JJIMABHT.js";
 
 // src/charts/bar-chart/bar-chart.tsx
 import { formatNumber } from "@automattic/number-formatters";
@@ -274,24 +279,18 @@ var BarChartInternal = ({
   margin,
   withTooltips = false,
   showLegend = false,
-  legendOrientation = "horizontal",
-  legendPosition = "bottom",
-  legendAlignment = "center",
-  legendMaxWidth,
-  legendTextOverflow = "wrap",
-  legendItemClassName,
-  legendShape = "rect",
+  legend = {},
   gridVisibility: gridVisibilityProp,
   renderTooltip,
   options = {},
   orientation = "vertical",
   withPatterns = false,
   showZeroValues = false,
-  legendInteractive = false,
   animation,
   children,
   gap = "md"
 }) => {
+  const legendInteractive = legend.interactive ?? false;
   const horizontal = orientation === "horizontal";
   const chartId = useChartId(providedChartId);
   const theme = useXYChartTheme(data);
@@ -305,7 +304,11 @@ var BarChartInternal = ({
   const defaultMargin = useChartMargin(height, chartOptions, dataSorted, theme, horizontal);
   const [svgWrapperRef, , svgWrapperHeight] = useElementSize();
   const chartRef = useRef(null);
-  const hasLegendChild = useHasLegendChild(children);
+  const {
+    legendChildren,
+    nonLegendChildren
+  } = useChartChildren(children, "BarChart");
+  const hasLegendChild = legendChildren.length > 0;
   const chartHeight = svgWrapperHeight > 0 ? svgWrapperHeight : height;
   const hasLegend = showLegend || hasLegendChild;
   const isWaitingForMeasurement = hasLegend ? svgWrapperHeight === 0 : !chartHeight;
@@ -466,17 +469,17 @@ var BarChartInternal = ({
   }
   const gridVisibility = gridVisibilityProp ?? chartOptions.gridVisibility;
   const highlightedBarStyle = createKeyboardHighlightStyle();
+  const legendPosition = legend.position ?? "bottom";
   const legendElement = showLegend && /* @__PURE__ */ _jsx2(Legend, {
-    orientation: legendOrientation,
+    orientation: legend.orientation ?? "horizontal",
     position: legendPosition,
-    alignment: legendAlignment,
-    labelStyles: {
-      maxWidth: legendMaxWidth,
-      textOverflow: legendTextOverflow
-    },
-    itemClassName: legendItemClassName,
+    alignment: legend.alignment ?? "center",
+    labelStyles: legend.labelStyles,
+    itemClassName: legend.itemClassName,
+    itemStyles: legend.itemStyles,
+    shapeStyles: legend.shapeStyles,
     className: bar_chart_module_default["bar-chart__legend"],
-    shape: legendShape,
+    shape: legend.shape ?? "rect",
     chartId,
     interactive: legendInteractive
   });
@@ -498,7 +501,7 @@ var BarChartInternal = ({
         visibility: isWaitingForMeasurement ? "hidden" : "visible"
       },
       "data-chart-id": `bar-chart-${chartId}`,
-      children: [legendPosition === "top" && legendElement, /* @__PURE__ */ _jsx2("div", {
+      children: [legendPosition === "top" && legendElement, renderLegendSlot(legendChildren, "top"), /* @__PURE__ */ _jsx2("div", {
         className: bar_chart_module_default["bar-chart__svg-wrapper"],
         ref: svgWrapperRef,
         role: "grid",
@@ -582,7 +585,7 @@ var BarChartInternal = ({
             })]
           })
         })
-      }), legendPosition === "bottom" && legendElement, children]
+      }), legendPosition === "bottom" && legendElement, renderLegendSlot(legendChildren, "bottom"), nonLegendChildren]
     })
   });
 };
@@ -611,4 +614,4 @@ export {
   BarChart,
   BarChartResponsive
 };
-//# sourceMappingURL=chunk-4OPFE4RM.js.map
+//# sourceMappingURL=chunk-B6NLZFRW.js.map

package/dist/chunk-B6NLZFRW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/bar-chart/bar-chart.tsx","../src/charts/bar-chart/bar-chart.module.scss","../src/charts/bar-chart/private/use-bar-chart-options.ts","../src/charts/bar-chart/private/truncated-tick-component.tsx"],"sourcesContent":["import { formatNumber } from '@automattic/number-formatters';\nimport { PatternLines, PatternCircles, PatternWaves, PatternHexagons } from '@visx/pattern';\nimport { Axis, BarSeries, BarGroup, Grid, XYChart } from '@visx/xychart';\nimport { __ } from '@wordpress/i18n';\nimport { Stack } from '@wordpress/ui';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useState, useRef, useMemo } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { AccessibleTooltip, useKeyboardNavigation } from '../../components/tooltip';\nimport { useXYChartTheme, useChartDataTransform, useZeroValueDisplay, useChartMargin, useElementSize, usePrefersReducedMotion } from '../../hooks';\nimport { GlobalChartsProvider, useChartId, useChartRegistration, useGlobalChartsContext, useGlobalChartsTheme, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { useChartChildren, renderLegendSlot } from '../private/chart-composition';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './bar-chart.module.scss';\nimport { useBarChartOptions } from './private';\n\n// Base props type with optional responsive properties\n\n// Composition API types\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\n// Validation function similar to LineChart\nconst validateData = data => {\n  if (!data?.length) return 'No data available';\n  const hasInvalidData = data.some(series => series.data.some(point => isNaN(point.value) || point.value === null || point.value === undefined || !point.label && (!('date' in point && point.date) || isNaN(point.date.getTime()))));\n  if (hasInvalidData) return 'Invalid data';\n  return null;\n};\nconst getPatternId = (chartId, index) => `bar-pattern-${chartId}-${index}`;\nconst BarChartInternal = ({\n  data,\n  chartId: providedChartId,\n  width,\n  height,\n  className,\n  margin,\n  withTooltips = false,\n  showLegend = false,\n  legend = {},\n  gridVisibility: gridVisibilityProp,\n  renderTooltip,\n  options = {},\n  orientation = 'vertical',\n  withPatterns = false,\n  showZeroValues = false,\n  animation,\n  children,\n  gap = 'md'\n}) => {\n  const legendInteractive = legend.interactive ?? false;\n  const horizontal = orientation === 'horizontal';\n  const chartId = useChartId(providedChartId);\n  const theme = useXYChartTheme(data);\n  const dataSorted = useChartDataTransform(data);\n\n  // Transform data to add a small value for zero bars to make them visible\n  // For vertical bars, height determines bar pixel height; for horizontal bars, width does\n  const dataWithVisibleZeros = useZeroValueDisplay(dataSorted, {\n    enabled: showZeroValues,\n    valueAxisLength: horizontal ? width : height\n  });\n\n  // Create legend items using the reusable hook\n  const legendItems = useChartLegendItems(dataSorted);\n  const chartOptions = useBarChartOptions(dataWithVisibleZeros, horizontal, options);\n  const defaultMargin = useChartMargin(height, chartOptions, dataSorted, theme, horizontal);\n  const [svgWrapperRef,, svgWrapperHeight] = useElementSize();\n  const chartRef = useRef(null);\n\n  // Process children for composition API (Legend, etc.)\n  const {\n    legendChildren,\n    nonLegendChildren\n  } = useChartChildren(children, 'BarChart');\n  const hasLegendChild = legendChildren.length > 0;\n\n  // Use the measured SVG wrapper height, falling back to the passed height if provided.\n  // When there's a legend (via prop or composition), we must wait for measurement because\n  // the legend takes space and the svg-wrapper height will be less than the total height.\n  const chartHeight = svgWrapperHeight > 0 ? svgWrapperHeight : height;\n  const hasLegend = showLegend || hasLegendChild;\n  const isWaitingForMeasurement = hasLegend ? svgWrapperHeight === 0 : !chartHeight;\n  const [selectedIndex, setSelectedIndex] = useState(undefined);\n  const [isNavigating, setIsNavigating] = useState(false);\n  const totalPoints = Math.max(0, ...data.map(series => series.data?.length || 0)) * data.length;\n\n  // Use the keyboard navigation hook\n  const {\n    tooltipRef,\n    onChartFocus,\n    onChartBlur,\n    onChartKeyDown\n  } = useKeyboardNavigation({\n    selectedIndex,\n    setSelectedIndex,\n    isNavigating,\n    setIsNavigating,\n    chartRef,\n    totalPoints\n  });\n  const {\n    getElementStyles,\n    isSeriesVisible\n  } = useGlobalChartsContext();\n  const providerTheme = useGlobalChartsTheme();\n\n  // Add visibility information to series when using interactive legends\n  const seriesWithVisibility = useMemo(() => {\n    if (!chartId || !legendInteractive) {\n      return dataWithVisibleZeros.map((series, index) => ({\n        series,\n        index,\n        isVisible: true\n      }));\n    }\n    return dataWithVisibleZeros.map((series, index) => ({\n      series,\n      index,\n      isVisible: isSeriesVisible(chartId, series.label)\n    }));\n  }, [dataWithVisibleZeros, chartId, isSeriesVisible, legendInteractive]);\n\n  // Check if all series are hidden\n  const allSeriesHidden = useMemo(() => {\n    return seriesWithVisibility.every(({\n      isVisible\n    }) => !isVisible);\n  }, [seriesWithVisibility]);\n  const getBarBackground = useCallback(index => () => withPatterns ? `url(#${getPatternId(chartId, index)})` : getElementStyles({\n    data: dataSorted[index],\n    index\n  }).color, [withPatterns, getElementStyles, dataSorted, chartId]);\n  const renderDefaultTooltip = useCallback(({\n    tooltipData\n  }) => {\n    const nearestDatum = tooltipData?.nearestDatum?.datum;\n    if (!nearestDatum) return null;\n    return /*#__PURE__*/_jsxs(\"div\", {\n      className: styles['bar-chart__tooltip'],\n      children: [/*#__PURE__*/_jsx(\"div\", {\n        className: styles['bar-chart__tooltip-header'],\n        children: tooltipData?.nearestDatum?.key\n      }), /*#__PURE__*/_jsxs(\"div\", {\n        className: styles['bar-chart__tooltip-row'],\n        children: [/*#__PURE__*/_jsxs(\"span\", {\n          className: styles['bar-chart__tooltip-label'],\n          children: [chartOptions.tooltip.labelFormatter(nearestDatum.label || (nearestDatum.date ? nearestDatum.date.getTime() : 0), 0, []), \":\"]\n        }), /*#__PURE__*/_jsx(\"span\", {\n          className: styles['bar-chart__tooltip-value'],\n          children: formatNumber(nearestDatum.value)\n        })]\n      })]\n    });\n  }, [chartOptions.tooltip]);\n  const renderPattern = useCallback((index, color) => {\n    const patternType = index % 4;\n    const id = getPatternId(chartId, index);\n    const commonProps = {\n      id,\n      stroke: 'white',\n      strokeWidth: 1,\n      background: color\n    };\n    switch (patternType) {\n      case 0:\n      default:\n        return /*#__PURE__*/_jsx(PatternLines, {\n          ...commonProps,\n          width: 5,\n          height: 5,\n          orientation: ['diagonal']\n        }, id);\n      case 1:\n        return /*#__PURE__*/_jsx(PatternCircles, {\n          ...commonProps,\n          width: 6,\n          height: 6,\n          fill: \"white\"\n        }, id);\n      case 2:\n        return /*#__PURE__*/_jsx(PatternWaves, {\n          ...commonProps,\n          width: 4,\n          height: 4\n        }, id);\n      case 3:\n        return /*#__PURE__*/_jsx(PatternHexagons, {\n          ...commonProps,\n          size: 8,\n          height: 3\n        }, id);\n    }\n  }, [chartId]);\n  const createPatternBorderStyle = useCallback((index, color) => {\n    const patternId = getPatternId(chartId, index);\n    return `\n\t\t\t.visx-bar[fill=\"url(#${patternId})\"] {\n\t\t\t\tstroke: ${color};\n\t\t\t\tstroke-width: 1;\n\t\t\t\t}\n\t\t\t`;\n  }, [chartId]);\n  const createKeyboardHighlightStyle = useCallback(() => {\n    if (selectedIndex === undefined) return '';\n\n    // Calculate which bar should be highlighted based on selectedIndex\n    // Pattern: [series1[0], series2[0], series3[0], series1[1], series2[1], series3[1], ...]\n    const maxDataPoints = Math.max(...data.map(s => s.data.length));\n    const dataPointIndex = Math.floor(selectedIndex / data.length);\n    const seriesIndex = selectedIndex % data.length;\n\n    // Only highlight if we're within valid bounds\n    if (dataPointIndex >= maxDataPoints || seriesIndex >= data.length) {\n      return '';\n    }\n    const seriesData = data[seriesIndex];\n    if (dataPointIndex >= seriesData.data.length) {\n      return '';\n    }\n\n    // Based on the DOM structure analysis:\n    // - All bars are in a single .visx-bar-group\n    // - Bars are ordered as: [series1[0], series1[1], series2[0], series2[1], ...]\n    // - So we need to calculate the actual bar index in the DOM\n    const actualBarIndex = seriesIndex * maxDataPoints + dataPointIndex;\n\n    // Use a CSS class selector instead of ID since useId() generates invalid CSS ID characters\n    const generatedStyles = `\n\t\t\t.bar-chart[data-chart-id=\"bar-chart-${chartId}\"] .visx-bar-group .visx-bar:nth-child(${actualBarIndex + 1}) {\n\t\t\t\tstroke: #005fcc;\n\t\t\t\tstroke-width: 2px;\n\t\t\t}\n\t\t`;\n    return generatedStyles;\n  }, [selectedIndex, data, chartId]);\n\n  // Validate data first\n  const error = validateData(dataSorted);\n  const isDataValid = !error;\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    orientation,\n    withPatterns\n  }), [orientation, withPatterns]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'bar',\n    isDataValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  if (error) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: clsx('bar-chart', styles['bar-chart']),\n      children: error\n    });\n  }\n  const gridVisibility = gridVisibilityProp ?? chartOptions.gridVisibility;\n  const highlightedBarStyle = createKeyboardHighlightStyle();\n  const legendPosition = legend.position ?? 'bottom';\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    className: styles['bar-chart__legend'],\n    shape: legend.shape ?? 'rect',\n    chartId: chartId,\n    interactive: legendInteractive\n  });\n  return /*#__PURE__*/_jsx(SingleChartContext.Provider, {\n    value: {\n      chartId,\n      chartWidth: width,\n      chartHeight\n    },\n    children: /*#__PURE__*/_jsxs(Stack, {\n      direction: \"column\",\n      gap: gap,\n      className: clsx('bar-chart', styles['bar-chart'], {\n        [styles[`bar-chart--animated${horizontal ? '-horizontal' : ''}`]]: animation && !prefersReducedMotion\n      }, className),\n      style: {\n        width,\n        height,\n        visibility: isWaitingForMeasurement ? 'hidden' : 'visible'\n      },\n      \"data-chart-id\": `bar-chart-${chartId}`,\n      children: [legendPosition === 'top' && legendElement, renderLegendSlot(legendChildren, 'top'), /*#__PURE__*/_jsx(\"div\", {\n        className: styles['bar-chart__svg-wrapper'],\n        ref: svgWrapperRef,\n        role: \"grid\",\n        \"aria-label\": __('Bar chart', 'jetpack-charts'),\n        tabIndex: 0,\n        onKeyDown: onChartKeyDown,\n        onFocus: onChartFocus,\n        onBlur: onChartBlur,\n        children: !isWaitingForMeasurement && /*#__PURE__*/_jsx(\"div\", {\n          ref: chartRef,\n          children: /*#__PURE__*/_jsxs(XYChart, {\n            theme: theme,\n            width: width,\n            height: chartHeight,\n            margin: {\n              ...defaultMargin,\n              ...margin\n            },\n            xScale: chartOptions.xScale,\n            yScale: chartOptions.yScale,\n            horizontal: horizontal,\n            pointerEventsDataKey: \"nearest\",\n            children: [/*#__PURE__*/_jsx(Grid, {\n              columns: gridVisibility.includes('y'),\n              rows: gridVisibility.includes('x'),\n              numTicks: 4\n            }), withPatterns && /*#__PURE__*/_jsxs(_Fragment, {\n              children: [/*#__PURE__*/_jsx(\"defs\", {\n                children: dataSorted.map((seriesData, index) => renderPattern(index, getElementStyles({\n                  data: seriesData,\n                  index\n                }).color))\n              }), /*#__PURE__*/_jsx(\"style\", {\n                children: dataSorted.map((seriesData, index) => createPatternBorderStyle(index, getElementStyles({\n                  data: seriesData,\n                  index\n                }).color))\n              })]\n            }), highlightedBarStyle && /*#__PURE__*/_jsx(\"style\", {\n              children: highlightedBarStyle\n            }), allSeriesHidden ? /*#__PURE__*/_jsx(\"text\", {\n              x: width / 2,\n              y: chartHeight / 2,\n              textAnchor: \"middle\",\n              fill: providerTheme.gridStyles?.stroke || '#ccc',\n              fontSize: \"14\",\n              fontFamily: \"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\",\n              children: __('All series are hidden. Click legend items to show data.', 'jetpack-charts')\n            }) : null, /*#__PURE__*/_jsx(BarGroup, {\n              padding: chartOptions.barGroup.padding,\n              children: seriesWithVisibility.map(({\n                series: seriesData,\n                index,\n                isVisible\n              }) => {\n                // Skip rendering invisible series\n                if (!isVisible) {\n                  return null;\n                }\n                return /*#__PURE__*/_jsx(BarSeries, {\n                  dataKey: seriesData?.label,\n                  data: seriesData.data,\n                  yAccessor: chartOptions.accessors.yAccessor,\n                  xAccessor: chartOptions.accessors.xAccessor,\n                  colorAccessor: getBarBackground(index)\n                }, seriesData?.label);\n              })\n            }), /*#__PURE__*/_jsx(Axis, {\n              ...chartOptions.axis.x\n            }), /*#__PURE__*/_jsx(Axis, {\n              ...chartOptions.axis.y\n            }), withTooltips && /*#__PURE__*/_jsx(AccessibleTooltip, {\n              detectBounds: true,\n              snapTooltipToDatumX: true,\n              snapTooltipToDatumY: true,\n              renderTooltip: renderTooltip || renderDefaultTooltip,\n              selectedIndex: selectedIndex,\n              tooltipRef: tooltipRef,\n              keyboardFocusedClassName: styles['bar-chart__tooltip--keyboard-focused'],\n              series: data,\n              mode: \"individual\"\n            })]\n          })\n        })\n      }), legendPosition === 'bottom' && legendElement, renderLegendSlot(legendChildren, 'bottom'), nonLegendChildren]\n    })\n  });\n};\nconst BarChartWithProvider = 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(BarChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(BarChartInternal, {\n      ...props\n    })\n  });\n};\nBarChartWithProvider.displayName = 'BarChart';\n\n// Create BarChart with composition API\nconst BarChart = attachSubComponents(BarChartWithProvider, {\n  Legend: Legend\n});\n\n// Create responsive BarChart with composition API\nconst BarChartResponsive = attachSubComponents(withResponsive(BarChartWithProvider), {\n  Legend: Legend\n});\nexport { BarChartResponsive as default, BarChart as BarChartUnresponsive };","import 'css-chunk:src/charts/bar-chart/bar-chart.module.scss';export default {\n  \"bar-chart__svg-wrapper\": \"a8ccharts-9CsqC0\",\n  \"bar-chart\": \"a8ccharts-3gflnB\",\n  \"bar-chart--animated\": \"a8ccharts-98W-yu\",\n  \"rise\": \"a8ccharts-z6AsiQ\",\n  \"bar-chart--animated-horizontal\": \"a8ccharts-HFA3FF\",\n  \"stretch\": \"a8ccharts-DQp37O\"\n};","import { formatNumberCompact } from '@automattic/number-formatters';\nimport { useMemo } from 'react';\nimport { TruncatedXTickComponent, TruncatedYTickComponent } from './truncated-tick-component';\nimport type { EnhancedDataPoint } from '../../../hooks/use-zero-value-display';\nimport type { DataPointDate, BaseChartProps, SeriesData } from '../../../types';\nimport type { TickFormatter } from '@visx/axis';\n\nconst formatDateTick = ( timestamp: number ) => {\n\tconst date = new Date( timestamp );\n\treturn date.toLocaleDateString( undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t} );\n};\n\n/**\n * Get the group padding of a scale.\n *\n * @param scale - The scale to get the group padding of.\n * @return The group padding of the scale.\n */\nconst getGroupPadding = ( scale: Record< string, unknown > ): number => {\n\treturn typeof scale.paddingInner === 'number' ? ( scale.paddingInner as number ) : 0;\n};\n\n/**\n * Returns the merged options for the bar chart, including axis and scale configuration based on the orientation.\n *\n * @param data       - The data to be displayed in the chart.\n * @param horizontal - Whether the chart is horizontal or vertical.\n * @param options    - The options for the chart.\n * @return The merged options for the chart.\n */\nexport function useBarChartOptions(\n\tdata: SeriesData[],\n\thorizontal: boolean,\n\toptions: BaseChartProps[ 'options' ] = {}\n) {\n\tconst defaultOptions = useMemo( () => {\n\t\tconst bandScale = {\n\t\t\ttype: 'band' as const,\n\t\t\tpadding: 0.2,\n\t\t\tpaddingInner: 0.1,\n\t\t};\n\t\tconst linearScale = {\n\t\t\ttype: 'linear' as const,\n\t\t\tnice: true,\n\t\t\tzero: false,\n\t\t};\n\n\t\tconst labelFormatter = data?.[ 0 ]?.data?.[ 0 ]?.label\n\t\t\t? ( label: string ) => label\n\t\t\t: formatDateTick;\n\t\tconst valueFormatter = formatNumberCompact as TickFormatter< unknown >;\n\n\t\tconst labelAccessor = ( d: DataPointDate ) => d?.label || d?.date;\n\t\tconst valueAccessor = ( d: DataPointDate | EnhancedDataPoint ) => {\n\t\t\t// Use visualValue for bar rendering if available (for zero values), otherwise use value\n\t\t\tconst enhancedPoint = d as EnhancedDataPoint;\n\t\t\treturn enhancedPoint?.visualValue !== undefined ? enhancedPoint.visualValue : d?.value;\n\t\t};\n\n\t\treturn {\n\t\t\tvertical: {\n\t\t\t\txTickFormat: labelFormatter,\n\t\t\t\tyTickFormat: valueFormatter,\n\t\t\t\ttooltipLabelFormatter: labelFormatter,\n\t\t\t\txAccessor: labelAccessor,\n\t\t\t\tyAccessor: valueAccessor,\n\t\t\t\tgridVisibility: 'x',\n\t\t\t\txScale: bandScale,\n\t\t\t\tyScale: linearScale,\n\t\t\t},\n\t\t\thorizontal: {\n\t\t\t\txTickFormat: valueFormatter,\n\t\t\t\tyTickFormat: labelFormatter,\n\t\t\t\ttooltipLabelFormatter: labelFormatter,\n\t\t\t\txAccessor: valueAccessor,\n\t\t\t\tyAccessor: labelAccessor,\n\t\t\t\tgridVisibility: 'y',\n\t\t\t\txScale: linearScale,\n\t\t\t\tyScale: bandScale,\n\t\t\t},\n\t\t};\n\t}, [ data ] );\n\n\treturn useMemo( () => {\n\t\tconst orientationKey = horizontal ? 'horizontal' : 'vertical';\n\t\tconst {\n\t\t\txTickFormat,\n\t\t\tyTickFormat,\n\t\t\ttooltipLabelFormatter: defaultTooltipLabelFormatter,\n\t\t\txAccessor,\n\t\t\tyAccessor,\n\t\t\tgridVisibility,\n\t\t\txScale: baseXScale,\n\t\t\tyScale: baseYScale,\n\t\t} = defaultOptions[ orientationKey ];\n\n\t\tconst xScale = { ...baseXScale, ...( options.xScale || {} ) };\n\t\tconst yScale = { ...baseYScale, ...( options.yScale || {} ) };\n\t\tconst providedToolTipLabelFormatter = horizontal\n\t\t\t? options.axis?.y?.tickFormat\n\t\t\t: options.axis?.x?.tickFormat;\n\n\t\tconst { labelOverflow: xLabelOverflow, ...xAxisOptions } = options.axis?.x || {};\n\t\tconst { labelOverflow: yLabelOverflow, ...yAxisOptions } = options.axis?.y || {};\n\n\t\treturn {\n\t\t\tgridVisibility,\n\t\t\txScale,\n\t\t\tyScale,\n\t\t\taccessors: {\n\t\t\t\txAccessor,\n\t\t\t\tyAccessor,\n\t\t\t},\n\t\t\taxis: {\n\t\t\t\tx: {\n\t\t\t\t\torientation: 'bottom' as const,\n\t\t\t\t\tnumTicks: 4,\n\t\t\t\t\ttickFormat: xTickFormat,\n\t\t\t\t\t...( xLabelOverflow === 'ellipsis' ? { tickComponent: TruncatedXTickComponent } : {} ),\n\t\t\t\t\t...xAxisOptions,\n\t\t\t\t},\n\t\t\t\ty: {\n\t\t\t\t\torientation: 'left' as const,\n\t\t\t\t\tnumTicks: 4,\n\t\t\t\t\ttickFormat: yTickFormat,\n\t\t\t\t\t...( yLabelOverflow === 'ellipsis' ? { tickComponent: TruncatedYTickComponent } : {} ),\n\t\t\t\t\t...yAxisOptions,\n\t\t\t\t},\n\t\t\t},\n\t\t\tbarGroup: {\n\t\t\t\tpadding: getGroupPadding( horizontal ? yScale : xScale ),\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tlabelFormatter: providedToolTipLabelFormatter || defaultTooltipLabelFormatter,\n\t\t\t},\n\t\t};\n\t}, [ defaultOptions, options, horizontal ] );\n}\n","import { DataContext } from '@visx/xychart';\nimport { useContext } from 'react';\nimport { isSafari } from '../../../utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Get the bandwidth of a scale\n *\n * @param scale - The scale to get the bandwidth of\n * @return The bandwidth of the scale\n */\nconst getScaleBandwidth = scale => {\n  return scale && 'bandwidth' in scale ? scale.bandwidth() ?? 0 : 0;\n};\n/**\n * Minimum width in pixels for tick labels when scale bandwidth is very small.\n * Prevents labels from collapsing to unreadable widths on dense charts.\n *\n * Trade-off: When bandwidth is less than this minimum (e.g., many bars in a narrow chart),\n * adjacent labels may overlap since each label uses this minimum width regardless of\n * available space. This prioritizes label readability over preventing overlap.\n *\n * For very dense charts where overlap occurs, consider:\n * - Using `numTicks` option to reduce the number of displayed labels\n * - Using `tickFormat` to abbreviate label text\n * - Increasing chart width or reducing data points\n */\nconst MIN_TICK_LABEL_WIDTH = 20;\n\n/**\n * A tick component that renders labels with text truncation (ellipsis) when they exceed\n * the available bandwidth. Shows the full text on hover via native title attribute.\n *\n * Uses foreignObject to embed HTML within SVG, enabling CSS text-overflow: ellipsis.\n * Inherits text styles from tickLabelProps passed by visx Axis component.\n *\n * Note: A minimum label width (MIN_TICK_LABEL_WIDTH) is enforced to keep labels readable.\n * On very dense charts where bandwidth < 20px, this may cause label overlap.\n * See MIN_TICK_LABEL_WIDTH documentation for mitigation strategies.\n *\n * @param props                - The props for the truncated tick component\n * @param props.x              - The x position of the tick\n * @param props.y              - The y position of the tick\n * @param props.formattedValue - The formatted value of the tick\n * @param props.axis           - The axis this tick belongs to\n * @param props.textAnchor     - The text anchor of the tick\n * @param props.fill           - The fill color of the tick\n * @param props.dy             - The dy offset of the tick\n *\n * @return The truncated tick component\n */\nexport const TruncatedTickComponent = ({\n  x,\n  y,\n  formattedValue,\n  axis,\n  textAnchor,\n  fill,\n  dy,\n  ...textProps\n}) => {\n  // Get max width of the tick label\n  const {\n    xScale,\n    yScale\n  } = useContext(DataContext) || {};\n  const scale = axis === 'x' ? xScale : yScale;\n  const bandwidth = getScaleBandwidth(scale);\n  const maxWidth = Math.max(bandwidth, MIN_TICK_LABEL_WIDTH);\n\n  // Map SVG textAnchor to CSS textAlign\n  let textAlign = 'center';\n  if (textAnchor === 'start') {\n    textAlign = 'left';\n  } else if (textAnchor === 'end') {\n    textAlign = 'right';\n  } else if (textAnchor === 'middle') {\n    textAlign = 'center';\n  }\n\n  // Calculate x offset based on text alignment\n  let xOffset = 0;\n  if (textAlign === 'center') {\n    xOffset = -maxWidth / 2;\n  } else if (textAlign === 'right') {\n    xOffset = -maxWidth;\n  }\n\n  // Extract compatible style properties from SVG text props\n  const {\n    fontSize,\n    fontFamily,\n    fontWeight,\n    fontStyle,\n    letterSpacing,\n    opacity\n  } = textProps;\n  const textStyles = {\n    /**\n     * SVG <text> elements are vertically aligned to the baseline by default, but HTML <div> elements inside <foreignObject>\n     * are positioned relative to the top-left corner. To visually align the tick label like SVG text,\n     * we shift the div up by 100% of its height and adjust by twice the SVG dy value (from visx) to approximate original placement.\n     */\n    transform: `translateY(calc(-100% + ${dy ?? '0'} * 2))`,\n    // Safari doesn't work well with foreignObject positioning. Use position: fixed as a workaround.\n    ...(isSafari() ? {\n      position: 'fixed'\n    } : {}),\n    // Apply compatible SVG text styles\n    fontSize,\n    fontFamily,\n    fontWeight,\n    fontStyle,\n    letterSpacing,\n    opacity,\n    // Convert svg text styles to CSS styles for the div\n    color: fill ?? 'inherit',\n    textAlign,\n    // Ensure text is truncated with ellipsis, remains on one line, and shows the full value in a tooltip on hover.\n    // The surrounding div uses CSS to handle overflow, and the 'title' attribute is set for accessibility.\n    width: maxWidth,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    cursor: 'default',\n    pointerEvents: 'auto'\n  };\n  return /*#__PURE__*/_jsx(\"foreignObject\", {\n    x: x + xOffset,\n    y: y,\n    width: maxWidth,\n    height: 0,\n    overflow: \"visible\",\n    children: /*#__PURE__*/_jsx(\"div\", {\n      style: textStyles,\n      title: formattedValue,\n      children: formattedValue\n    })\n  });\n};\n\n/**\n * Factory function to create a truncated tick component for a specific axis.\n * Returns a component that can be passed to visx's tickComponent prop.\n *\n * @param axis - The axis this tick component is for ('x' or 'y')\n * @return A tick component function compatible with visx's TickRendererProps\n */\nconst createTruncatedTickComponent = axis => props => {\n  return /*#__PURE__*/_jsx(TruncatedTickComponent, {\n    ...props,\n    axis: axis\n  });\n};\n\n/**\n * Pre-created tick components for x and y axes.\n * These functions are created once at module initialization and reused,\n * avoiding repeated factory calls when configuring axes.\n */\nexport const TruncatedXTickComponent = createTruncatedTickComponent('x');\nexport const TruncatedYTickComponent = createTruncatedTickComponent('y');"],"mappings":"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","names":["useContext","useMemo","_jsx","useMemo","useContext"]}

package/dist/{chunk-D2UH4CFE.cjs → chunk-BBAUQOW6.cjs}

@@ -5,12 +5,12 @@ var _chunkASLARV7Lcjs = require('./chunk-ASLARV7L.cjs');
 
 
 
-var _chunkRHHVEJHJcjs = require('./chunk-RHHVEJHJ.cjs');
+var _chunkWYK7EL5Rcjs = require('./chunk-WYK7EL5R.cjs');
 
 
 
 
-var _chunkVTS3PNMScjs = require('./chunk-VTS3PNMS.cjs');
+var _chunkMXGLYWVPcjs = require('./chunk-MXGLYWVP.cjs');
 
 // src/charts/geo-chart/geo-chart.tsx
 var _i18n = require('@wordpress/i18n');
@@ -44,7 +44,7 @@ var GeoChartInternal = ({
       },
       backgroundColor
     }
-  } = _chunkRHHVEJHJcjs.useGlobalChartsContext.call(void 0, );
+  } = _chunkWYK7EL5Rcjs.useGlobalChartsContext.call(void 0, );
   const loadingPlaceholder = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
     className: _clsx2.default.call(void 0, "geo-chart", geo_chart_module_default.container, className),
     style: {
@@ -56,9 +56,9 @@ var GeoChartInternal = ({
   const fullColorHex = getElementStyles({
     index: 0
   }).color;
-  const lightColorHex = _chunkVTS3PNMScjs.lightenHexColor.call(void 0, fullColorHex, 0.8);
-  const backgroundColorHex = _chunkVTS3PNMScjs.normalizeColorToHex.call(void 0, backgroundColor, null, _chunkVTS3PNMScjs.resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;
-  const defaultFillColorHex = _chunkVTS3PNMScjs.normalizeColorToHex.call(void 0, featureFillColor, null, _chunkVTS3PNMScjs.resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;
+  const lightColorHex = _chunkMXGLYWVPcjs.lightenHexColor.call(void 0, fullColorHex, 0.8);
+  const backgroundColorHex = _chunkMXGLYWVPcjs.normalizeColorToHex.call(void 0, backgroundColor, null, _chunkMXGLYWVPcjs.resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;
+  const defaultFillColorHex = _chunkMXGLYWVPcjs.normalizeColorToHex.call(void 0, featureFillColor, null, _chunkMXGLYWVPcjs.resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;
   const hasHtmlTooltips = _react.useMemo.call(void 0, () => data.length > 0 && data[0].some((col) => typeof col === "object" && col !== null && "role" in col && col.role === "tooltip" && "p" in col && typeof col.p === "object" && col.p !== null && "html" in col.p && col.p.html === true), [data]);
   const options = _react.useMemo.call(void 0, () => ({
     ...region !== "world" && {
@@ -98,13 +98,13 @@ var GeoChartInternal = ({
   });
 };
 var GeoChartWithProvider = (props) => {
-  const existingContext = _react.useContext.call(void 0, _chunkRHHVEJHJcjs.GlobalChartsContext);
+  const existingContext = _react.useContext.call(void 0, _chunkWYK7EL5Rcjs.GlobalChartsContext);
   if (existingContext) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GeoChartInternal, {
       ...props
     });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.GlobalChartsProvider, {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWYK7EL5Rcjs.GlobalChartsProvider, {
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GeoChartInternal, {
       ...props
     })
@@ -117,4 +117,4 @@ var GeoChartResponsive = _chunkASLARV7Lcjs.withResponsive.call(void 0, GeoChartW
 
 
 exports.GeoChartWithProvider = GeoChartWithProvider; exports.GeoChartResponsive = GeoChartResponsive;
-//# sourceMappingURL=chunk-D2UH4CFE.cjs.map
+//# sourceMappingURL=chunk-BBAUQOW6.cjs.map

package/dist/{chunk-D2UH4CFE.cjs.map → chunk-BBAUQOW6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-D2UH4CFE.cjs","../src/charts/geo-chart/geo-chart.tsx","../src/charts/geo-chart/geo-chart.module.scss"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-D2UH4CFE.cjs","sourcesContent":[null,"/**\n * External dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useContext, useMemo } from 'react';\nimport { Chart } from 'react-google-charts';\n/**\n * Internal dependencies\n */\nimport { GlobalChartsContext, GlobalChartsProvider, useGlobalChartsContext } from '../../providers';\nimport { lightenHexColor, normalizeColorToHex } from '../../utils/color-utils';\nimport { resolveCssVariable } from '../../utils/resolve-css-var';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './geo-chart.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_FEATURE_FILL_COLOR = '#ffffff';\nconst DEFAULT_BACKGROUND_COLOR = '#ffffff';\n\n/**\n * Renders a geographical chart using Google Charts GeoChart to visualize data.\n *\n * Supports the full Google Charts data format including custom tooltips, formatted values,\n * and multiple data columns for maximum flexibility.\n *\n * Locations can be identified by full name (e.g., 'United States', 'California') or codes\n * (e.g., 'US', 'US-CA'). Full names are recommended for better readability in tooltips.\n *\n * @param props                   - The props for the GeoChart component\n * @param props.data              - Data in Google Charts format (array of arrays with headers)\n * @param props.width             - Width of the chart in pixels\n * @param props.height            - Height of the chart in pixels\n * @param props.region            - Region to display ('world', 'US', or ISO 3166-1 alpha-2 code)\n * @param props.resolution        - Resolution level ('countries', 'provinces', or 'metros')\n * @param props.className         - Additional CSS class name for the chart container\n * @param props.renderPlaceholder - Optional render function for the loading placeholder\n * @return A React component displaying an interactive map with data visualization\n */\nconst GeoChartInternal = ({\n  className,\n  data,\n  width,\n  height,\n  region = 'world',\n  resolution = 'countries',\n  renderPlaceholder\n}) => {\n  const {\n    getElementStyles,\n    theme: {\n      geoChart: {\n        featureFillColor\n      },\n      backgroundColor\n    }\n  } = useGlobalChartsContext();\n\n  // Render loading placeholder\n  const loadingPlaceholder = /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height\n    },\n    children: renderPlaceholder ? renderPlaceholder() : __('Loading map', 'jetpack-charts')\n  });\n\n  // Google charts doesn't accept CSS variables, so we need to convert them to hex colors\n  const fullColorHex = getElementStyles({\n    index: 0\n  }).color;\n  const lightColorHex = lightenHexColor(fullColorHex, 0.8);\n  // Use normalizeColorToHex to ensure HSL/RGB values from CSS variables are converted to hex\n  const backgroundColorHex = normalizeColorToHex(backgroundColor, null, resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;\n  const defaultFillColorHex = normalizeColorToHex(featureFillColor, null, resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;\n\n  // Check if data has HTML tooltips (column with role: 'tooltip' and p.html: true)\n  const hasHtmlTooltips = useMemo(() => data.length > 0 && data[0].some(col => typeof col === 'object' && col !== null && 'role' in col && col.role === 'tooltip' && 'p' in col && typeof col.p === 'object' && col.p !== null && 'html' in col.p && col.p.html === true), [data]);\n  const options = useMemo(() => ({\n    ...(region !== 'world' && {\n      region\n    }),\n    ...(resolution !== 'countries' && {\n      resolution\n    }),\n    colorAxis: {\n      colors: [lightColorHex, fullColorHex]\n    },\n    backgroundColor: backgroundColorHex,\n    datalessRegionColor: defaultFillColorHex,\n    defaultColor: defaultFillColorHex,\n    tooltip: {\n      trigger: 'focus',\n      isHtml: hasHtmlTooltips\n    },\n    legend: 'none',\n    keepAspectRatio: true\n  }), [region, resolution, lightColorHex, fullColorHex, backgroundColorHex, defaultFillColorHex, hasHtmlTooltips]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height,\n      backgroundColor\n    },\n    children: /*#__PURE__*/_jsx(Chart, {\n      chartType: \"GeoChart\",\n      width: width,\n      height: height,\n      data: data,\n      options: options,\n      loader: loadingPlaceholder\n    })\n  });\n};\nconst GeoChartWithProvider = 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(GeoChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(GeoChartInternal, {\n      ...props\n    })\n  });\n};\nGeoChartWithProvider.displayName = 'GeoChart';\nconst GeoChartResponsive = withResponsive(GeoChartWithProvider);\nexport { GeoChartResponsive as default, GeoChartWithProvider as GeoChartUnresponsive };","import 'css-chunk:src/charts/geo-chart/geo-chart.module.scss';export default {\n  \"container\": \"a8ccharts-JvcqOz\"\n};"]}
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-BBAUQOW6.cjs","../src/charts/geo-chart/geo-chart.tsx","../src/charts/geo-chart/geo-chart.module.scss"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-BBAUQOW6.cjs","sourcesContent":[null,"/**\n * External dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useContext, useMemo } from 'react';\nimport { Chart } from 'react-google-charts';\n/**\n * Internal dependencies\n */\nimport { GlobalChartsContext, GlobalChartsProvider, useGlobalChartsContext } from '../../providers';\nimport { lightenHexColor, normalizeColorToHex } from '../../utils/color-utils';\nimport { resolveCssVariable } from '../../utils/resolve-css-var';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './geo-chart.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_FEATURE_FILL_COLOR = '#ffffff';\nconst DEFAULT_BACKGROUND_COLOR = '#ffffff';\n\n/**\n * Renders a geographical chart using Google Charts GeoChart to visualize data.\n *\n * Supports the full Google Charts data format including custom tooltips, formatted values,\n * and multiple data columns for maximum flexibility.\n *\n * Locations can be identified by full name (e.g., 'United States', 'California') or codes\n * (e.g., 'US', 'US-CA'). Full names are recommended for better readability in tooltips.\n *\n * @param props                   - The props for the GeoChart component\n * @param props.data              - Data in Google Charts format (array of arrays with headers)\n * @param props.width             - Width of the chart in pixels\n * @param props.height            - Height of the chart in pixels\n * @param props.region            - Region to display ('world', 'US', or ISO 3166-1 alpha-2 code)\n * @param props.resolution        - Resolution level ('countries', 'provinces', or 'metros')\n * @param props.className         - Additional CSS class name for the chart container\n * @param props.renderPlaceholder - Optional render function for the loading placeholder\n * @return A React component displaying an interactive map with data visualization\n */\nconst GeoChartInternal = ({\n  className,\n  data,\n  width,\n  height,\n  region = 'world',\n  resolution = 'countries',\n  renderPlaceholder\n}) => {\n  const {\n    getElementStyles,\n    theme: {\n      geoChart: {\n        featureFillColor\n      },\n      backgroundColor\n    }\n  } = useGlobalChartsContext();\n\n  // Render loading placeholder\n  const loadingPlaceholder = /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height\n    },\n    children: renderPlaceholder ? renderPlaceholder() : __('Loading map', 'jetpack-charts')\n  });\n\n  // Google charts doesn't accept CSS variables, so we need to convert them to hex colors\n  const fullColorHex = getElementStyles({\n    index: 0\n  }).color;\n  const lightColorHex = lightenHexColor(fullColorHex, 0.8);\n  // Use normalizeColorToHex to ensure HSL/RGB values from CSS variables are converted to hex\n  const backgroundColorHex = normalizeColorToHex(backgroundColor, null, resolveCssVariable) || DEFAULT_BACKGROUND_COLOR;\n  const defaultFillColorHex = normalizeColorToHex(featureFillColor, null, resolveCssVariable) || DEFAULT_FEATURE_FILL_COLOR;\n\n  // Check if data has HTML tooltips (column with role: 'tooltip' and p.html: true)\n  const hasHtmlTooltips = useMemo(() => data.length > 0 && data[0].some(col => typeof col === 'object' && col !== null && 'role' in col && col.role === 'tooltip' && 'p' in col && typeof col.p === 'object' && col.p !== null && 'html' in col.p && col.p.html === true), [data]);\n  const options = useMemo(() => ({\n    ...(region !== 'world' && {\n      region\n    }),\n    ...(resolution !== 'countries' && {\n      resolution\n    }),\n    colorAxis: {\n      colors: [lightColorHex, fullColorHex]\n    },\n    backgroundColor: backgroundColorHex,\n    datalessRegionColor: defaultFillColorHex,\n    defaultColor: defaultFillColorHex,\n    tooltip: {\n      trigger: 'focus',\n      isHtml: hasHtmlTooltips\n    },\n    legend: 'none',\n    keepAspectRatio: true\n  }), [region, resolution, lightColorHex, fullColorHex, backgroundColorHex, defaultFillColorHex, hasHtmlTooltips]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: clsx('geo-chart', styles.container, className),\n    style: {\n      width,\n      height,\n      backgroundColor\n    },\n    children: /*#__PURE__*/_jsx(Chart, {\n      chartType: \"GeoChart\",\n      width: width,\n      height: height,\n      data: data,\n      options: options,\n      loader: loadingPlaceholder\n    })\n  });\n};\nconst GeoChartWithProvider = 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(GeoChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(GeoChartInternal, {\n      ...props\n    })\n  });\n};\nGeoChartWithProvider.displayName = 'GeoChart';\nconst GeoChartResponsive = withResponsive(GeoChartWithProvider);\nexport { GeoChartResponsive as default, GeoChartWithProvider as GeoChartUnresponsive };","import 'css-chunk:src/charts/geo-chart/geo-chart.module.scss';export default {\n  \"container\": \"a8ccharts-JvcqOz\"\n};"]}

package/dist/{chunk-XKRJL2QT.cjs → chunk-CMMHCTBX.cjs}

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 var _chunk2A34OA5Ocjs = require('./chunk-2A34OA5O.cjs');
 
 
 
 
-var _chunkRCY6XLGUcjs = require('./chunk-RCY6XLGU.cjs');
 
+var _chunkTZRUHQOHcjs = require('./chunk-TZRUHQOH.cjs');
 
-var _chunkY3NNQMAXcjs = require('./chunk-Y3NNQMAX.cjs');
 
 
-var _chunkI35UYJJRcjs = require('./chunk-I35UYJJR.cjs');
 
+var _chunkXVBH5XHEcjs = require('./chunk-XVBH5XHE.cjs');
 
-var _chunkASLARV7Lcjs = require('./chunk-ASLARV7L.cjs');
 
+var _chunkY3NNQMAXcjs = require('./chunk-Y3NNQMAX.cjs');
 
 
+var _chunkREZTQ4PHcjs = require('./chunk-REZTQ4PH.cjs');
 
 
+var _chunkASLARV7Lcjs = require('./chunk-ASLARV7L.cjs');
 
 
 
@@ -27,10 +28,12 @@ var _chunkASLARV7Lcjs = require('./chunk-ASLARV7L.cjs');
 
 
 
-var _chunkRHHVEJHJcjs = require('./chunk-RHHVEJHJ.cjs');
 
 
-var _chunkVTS3PNMScjs = require('./chunk-VTS3PNMS.cjs');
+var _chunkWYK7EL5Rcjs = require('./chunk-WYK7EL5R.cjs');
+
+
+var _chunkMXGLYWVPcjs = require('./chunk-MXGLYWVP.cjs');
 
 // src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx
 var _group = require('@visx/group');
@@ -99,15 +102,8 @@ var PieSemiCircleChartInternal = ({
   clockwise = true,
   withTooltips = false,
   showLegend = false,
-  legendOrientation = "horizontal",
-  legendPosition = "bottom",
-  legendAlignment = "center",
-  legendMaxWidth,
-  legendTextOverflow = "wrap",
-  legendItemClassName,
-  legendShape = "circle",
+  legend = {},
   legendValueDisplay = "percentage",
-  legendInteractive = false,
   label,
   animation,
   note,
@@ -118,8 +114,10 @@ var PieSemiCircleChartInternal = ({
   renderTooltip = renderDefaultPieSemiCircleTooltip,
   gap = "md"
 }) => {
-  const chartId = _chunkRHHVEJHJcjs.useChartId.call(void 0, providedChartId);
-  const [svgWrapperRef, svgWrapperWidth, svgWrapperHeight] = _chunkRHHVEJHJcjs.useElementSize.call(void 0, );
+  const legendInteractive = _nullishCoalesce(legend.interactive, () => ( false));
+  const legendPosition = _nullishCoalesce(legend.position, () => ( "bottom"));
+  const chartId = _chunkWYK7EL5Rcjs.useChartId.call(void 0, providedChartId);
+  const [svgWrapperRef, svgWrapperWidth, svgWrapperHeight] = _chunkWYK7EL5Rcjs.useElementSize.call(void 0, );
   const {
     tooltipOpen,
     tooltipLeft,
@@ -160,12 +158,12 @@ var PieSemiCircleChartInternal = ({
   const {
     getElementStyles,
     isSeriesVisible
-  } = _chunkRHHVEJHJcjs.useGlobalChartsContext.call(void 0, );
+  } = _chunkWYK7EL5Rcjs.useGlobalChartsContext.call(void 0, );
   const {
     visibleData,
     allSegmentsHidden,
     legendData
-  } = _chunkRHHVEJHJcjs.useInteractiveLegendData.call(void 0, {
+  } = _chunkWYK7EL5Rcjs.useInteractiveLegendData.call(void 0, {
     data,
     chartId,
     legendInteractive,
@@ -183,24 +181,25 @@ var PieSemiCircleChartInternal = ({
     showValues: true,
     legendValueDisplay
   }), [legendValueDisplay]);
-  const legendItems = _chunkRHHVEJHJcjs.useChartLegendItems.call(void 0, legendData, legendOptions);
+  const legendItems = _chunkXVBH5XHEcjs.useChartLegendItems.call(void 0, legendData, legendOptions);
   const {
     svgChildren,
     htmlChildren,
+    legendChildren,
     otherChildren
-  } = _chunkRCY6XLGUcjs.useChartChildren.call(void 0, children, "PieSemiCircleChart");
+  } = _chunkTZRUHQOHcjs.useChartChildren.call(void 0, children, "PieSemiCircleChart");
   const chartMetadata = _react.useMemo.call(void 0, () => ({
     thickness,
     clockwise
   }), [thickness, clockwise]);
-  _chunkRHHVEJHJcjs.useChartRegistration.call(void 0, {
+  _chunkWYK7EL5Rcjs.useChartRegistration.call(void 0, {
     chartId,
     legendItems,
     chartType: "pie-semi-circle",
     isDataValid: isValid,
     metadata: chartMetadata
   });
-  const prefersReducedMotion = _chunkRHHVEJHJcjs.usePrefersReducedMotion.call(void 0, );
+  const prefersReducedMotion = _chunkWYK7EL5Rcjs.usePrefersReducedMotion.call(void 0, );
   const effectiveWidth = propWidth || DEFAULT_WIDTH;
   if (!isValid) {
     const errorWidth = propHeight ? Math.min(propWidth || propHeight * 2, propHeight * 2) : effectiveWidth;
@@ -235,26 +234,25 @@ var PieSemiCircleChartInternal = ({
   });
   const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;
   const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;
-  const legendElement = showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.Legend, {
-    orientation: legendOrientation,
+  const legendElement = showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVBH5XHEcjs.Legend, {
+    orientation: _nullishCoalesce(legend.orientation, () => ( "horizontal")),
     position: legendPosition,
-    alignment: legendAlignment,
-    labelStyles: {
-      maxWidth: legendMaxWidth,
-      textOverflow: legendTextOverflow
-    },
-    itemClassName: legendItemClassName,
-    shape: legendShape,
+    alignment: _nullishCoalesce(legend.alignment, () => ( "center")),
+    labelStyles: legend.labelStyles,
+    itemClassName: legend.itemClassName,
+    itemStyles: legend.itemStyles,
+    shapeStyles: legend.shapeStyles,
+    shape: _nullishCoalesce(legend.shape, () => ( "circle")),
     chartId,
     interactive: legendInteractive
   });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.SingleChartContext.Provider, {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVBH5XHEcjs.SingleChartContext.Provider, {
     value: {
       chartId,
       chartWidth: width,
       chartHeight: height
     },
-    children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI35UYJJRcjs.Stack, {
+    children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkREZTQ4PHcjs.Stack, {
       ref: containerRef,
       direction: "column",
       gap,
@@ -265,7 +263,7 @@ var PieSemiCircleChartInternal = ({
         width: propWidth || void 0,
         height: propHeight || void 0
       },
-      children: [legendPosition === "top" && legendElement, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
+      children: [legendPosition === "top" && legendElement, _chunkTZRUHQOHcjs.renderLegendSlot.call(void 0, legendChildren, "top"), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
         ref: svgWrapperRef,
         className: pie_semi_circle_chart_module_default["pie-semi-circle-chart__svg-wrapper"],
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", {
@@ -330,7 +328,7 @@ var PieSemiCircleChartInternal = ({
             })
           })]
         })
-      }), legendPosition !== "top" && legendElement, withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipInPortal, {
+      }), legendPosition === "bottom" && legendElement, _chunkTZRUHQOHcjs.renderLegendSlot.call(void 0, legendChildren, "bottom"), withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipInPortal, {
         top: tooltipTop || 0,
         left: tooltipLeft || 0,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
@@ -344,32 +342,32 @@ var PieSemiCircleChartInternal = ({
   });
 };
 var PieSemiCircleChartWithProvider = (props) => {
-  const existingContext = _react.useContext.call(void 0, _chunkRHHVEJHJcjs.GlobalChartsContext);
+  const existingContext = _react.useContext.call(void 0, _chunkWYK7EL5Rcjs.GlobalChartsContext);
   if (existingContext) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieSemiCircleChartInternal, {
       ...props
     });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.GlobalChartsProvider, {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWYK7EL5Rcjs.GlobalChartsProvider, {
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieSemiCircleChartInternal, {
       ...props
     })
   });
 };
 PieSemiCircleChartWithProvider.displayName = "PieSemiCircleChart";
-var PieSemiCircleChart = _chunkVTS3PNMScjs.attachSubComponents.call(void 0, PieSemiCircleChartWithProvider, {
-  Legend: _chunkRHHVEJHJcjs.Legend,
-  SVG: _chunkRCY6XLGUcjs.ChartSVG,
-  HTML: _chunkRCY6XLGUcjs.ChartHTML
+var PieSemiCircleChart = _chunkMXGLYWVPcjs.attachSubComponents.call(void 0, PieSemiCircleChartWithProvider, {
+  Legend: _chunkXVBH5XHEcjs.Legend,
+  SVG: _chunkTZRUHQOHcjs.ChartSVG,
+  HTML: _chunkTZRUHQOHcjs.ChartHTML
 });
-var PieSemiCircleChartResponsive = _chunkVTS3PNMScjs.attachSubComponents.call(void 0, _chunkASLARV7Lcjs.withResponsive.call(void 0, PieSemiCircleChartWithProvider), {
-  Legend: _chunkRHHVEJHJcjs.Legend,
-  SVG: _chunkRCY6XLGUcjs.ChartSVG,
-  HTML: _chunkRCY6XLGUcjs.ChartHTML
+var PieSemiCircleChartResponsive = _chunkMXGLYWVPcjs.attachSubComponents.call(void 0, _chunkASLARV7Lcjs.withResponsive.call(void 0, PieSemiCircleChartWithProvider), {
+  Legend: _chunkXVBH5XHEcjs.Legend,
+  SVG: _chunkTZRUHQOHcjs.ChartSVG,
+  HTML: _chunkTZRUHQOHcjs.ChartHTML
 });
 
 
 
 
 exports.PieSemiCircleChart = PieSemiCircleChart; exports.PieSemiCircleChartResponsive = PieSemiCircleChartResponsive;
-//# sourceMappingURL=chunk-XKRJL2QT.cjs.map
+//# sourceMappingURL=chunk-CMMHCTBX.cjs.map