@automattic/charts 0.44.0 → 0.45.0

package/dist/chunk-ZSNO2BYX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/pie-chart/pie-chart.tsx","../src/components/pie-chart/pie-chart.module.scss"],"sourcesContent":["import { localPoint } from '@visx/event';\nimport { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport { useTooltip, useTooltipInPortal } from '@visx/tooltip';\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { useElementHeight, useInteractiveLegendData } from '../../hooks';\nimport {\n\tGlobalChartsProvider,\n\tuseChartId,\n\tuseChartRegistration,\n\tuseGlobalChartsContext,\n\tuseGlobalChartsTheme,\n\tGlobalChartsContext,\n} from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { getStringWidth } from '../../visx/text';\nimport { Legend, useChartLegendItems } from '../legend';\nimport { ChartSVG, ChartHTML, useChartChildren } from '../private/chart-composition';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive, ResponsiveConfig } from '../private/with-responsive';\nimport { BaseTooltip } from '../tooltip';\nimport styles from './pie-chart.module.scss';\nimport type { BaseChartProps, DataPointPercentage, Optional } from '../../types';\nimport type { LegendValueDisplay } from '../legend';\nimport type { ChartComponentWithComposition } from '../private/chart-composition';\nimport type { SVGProps, MouseEvent, ReactNode, FC } from 'react';\n\nexport interface PieChartProps extends BaseChartProps< DataPointPercentage[] > {\n\t/**\n\t * Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.\n\t */\n\tinnerRadius?: number;\n\n\t/**\n\t * Add padding to the chart\n\t */\n\tpadding?: number;\n\n\t/**\n\t * Thickness of the pie chart.\n\t * A value between 0 and 1, where 0 means no thickness\n\t * and 1 means the maximum thickness.\n\t */\n\tthickness?: number;\n\n\t/**\n\t * Scale of the gap between groups in the pie chart\n\t * A value between 0 and 1, where 0 means no gap.\n\t */\n\tgapScale?: number;\n\n\t/**\n\t * Scale of the corner radius for the pie chart segments.\n\t * A value between 0 and 1, where 0 means no corner radius.\n\t */\n\tcornerScale?: number;\n\n\t/**\n\t * Whether to show labels on pie segments. Defaults to true.\n\t */\n\tshowLabels?: boolean;\n\n\t/**\n\t * What type of value to display in the legend when showValues is true.\n\t * - 'percentage': Shows percentage values (e.g., \"23%\") [default]\n\t * - 'value': Shows raw numeric values (e.g., \"30000\")\n\t * - 'valueDisplay': Shows formatted values (e.g., \"30K\")\n\t * - 'none': Shows no values, only labels\n\t */\n\tlegendValueDisplay?: LegendValueDisplay;\n\n\t/**\n\t * Enable interactive legend items that can toggle segment visibility.\n\t * Requires chartId and GlobalChartsProvider.\n\t * When segments are hidden, percentages are recalculated so visible segments total 100%.\n\t */\n\tlegendInteractive?: boolean;\n\n\t/**\n\t * Use the children prop to render additional elements on the chart.\n\t */\n\tchildren?: ReactNode;\n\n\t/**\n\t * Horizontal offset for tooltip positioning in pixels (default: 0)\n\t */\n\ttooltipOffsetX?: number;\n\n\t/**\n\t * Vertical offset for tooltip positioning in pixels (default: -15)\n\t */\n\ttooltipOffsetY?: number;\n}\n\n// Base props type with optional responsive properties\ntype PieChartBaseProps = Optional< PieChartProps, 'size' >;\n\n// Composition API types\ntype PieChartComponent = ChartComponentWithComposition< PieChartBaseProps >;\ntype PieChartResponsiveComponent = ChartComponentWithComposition<\n\tPieChartBaseProps & ResponsiveConfig\n>;\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: DataPointPercentage[] ) => {\n\tif ( ! data.length ) {\n\t\treturn { isValid: false, message: 'No data available' };\n\t}\n\n\t// Check for negative values\n\tconst hasNegativeValues = data.some( item => item.percentage < 0 || item.value < 0 );\n\tif ( hasNegativeValues ) {\n\t\treturn { isValid: false, message: 'Invalid data: Negative values are not allowed' };\n\t}\n\n\t// Validate total percentage\n\tconst totalPercentage = data.reduce( ( sum, item ) => sum + item.percentage, 0 );\n\tif ( Math.abs( totalPercentage - 100 ) > 0.01 ) {\n\t\t// Using small epsilon for floating point comparison\n\t\treturn { isValid: false, message: 'Invalid percentage total: Must equal 100' };\n\t}\n\n\treturn { isValid: true, message: '' };\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\tdata,\n\tchartId: providedChartId,\n\twithTooltips = false,\n\tclassName,\n\tshowLegend = false,\n\tlegendOrientation = 'horizontal',\n\tlegendPosition = 'bottom',\n\tlegendAlignment = 'center',\n\tlegendMaxWidth,\n\tlegendTextOverflow = 'wrap',\n\tlegendItemClassName,\n\tlegendShape = 'circle',\n\tsize,\n\tthickness = 1,\n\tpadding = 0,\n\tgapScale = 0,\n\tcornerScale = 0,\n\tshowLabels = true,\n\tlegendValueDisplay = 'percentage',\n\tlegendInteractive = false,\n\tchildren = null,\n\ttooltipOffsetX = 0,\n\ttooltipOffsetY = -15,\n}: PieChartProps ) => {\n\tconst providerTheme = useGlobalChartsTheme();\n\tconst chartId = useChartId( providedChartId );\n\tconst [ legendRef, legendHeight ] = useElementHeight< HTMLDivElement >();\n\tconst { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =\n\t\tuseTooltip< DataPointPercentage >();\n\n\t// Set up portal tooltip for better z-index handling\n\tconst { containerRef, TooltipInPortal } = useTooltipInPortal( {\n\t\tdetectBounds: true,\n\t\tscroll: true,\n\t\tdebounce: 0,\n\t} );\n\n\tconst onMouseLeave = useCallback( () => {\n\t\tif ( ! withTooltips ) {\n\t\t\treturn;\n\t\t}\n\t\thideTooltip();\n\t}, [ withTooltips, hideTooltip ] );\n\n\tconst { getElementStyles, isSeriesVisible } = useGlobalChartsContext();\n\n\t// Filter and recalculate data for interactive legends\n\tconst { visibleData, allSegmentsHidden, legendData } = useInteractiveLegendData( {\n\t\tdata,\n\t\tchartId,\n\t\tlegendInteractive,\n\t\tisSeriesVisible,\n\t} );\n\n\t// Memoize legend options to prevent unnecessary re-calculations\n\tconst legendOptions = useMemo(\n\t\t() => ( { showValues: true, legendValueDisplay } ),\n\t\t[ legendValueDisplay ]\n\t);\n\n\t// Create legend items using legendData (has recalculated percentages for visible items)\n\tconst legendItems = useChartLegendItems( legendData, legendOptions );\n\n\tconst { isValid, message } = validateData( data );\n\n\t// Process children to extract compound components\n\tconst { svgChildren, htmlChildren, otherChildren } = useChartChildren( children, 'PieChart' );\n\n\t// Memoize metadata to prevent unnecessary re-registration\n\tconst chartMetadata = useMemo(\n\t\t() => ( {\n\t\t\tthickness,\n\t\t\tgapScale,\n\t\t\tcornerScale,\n\t\t} ),\n\t\t[ thickness, gapScale, cornerScale ]\n\t);\n\n\t// Register chart with context only if data is valid\n\tuseChartRegistration( {\n\t\tchartId,\n\t\tlegendItems,\n\t\tchartType: 'pie',\n\t\tisDataValid: isValid,\n\t\tmetadata: chartMetadata,\n\t} );\n\n\tif ( ! isValid ) {\n\t\treturn (\n\t\t\t<div className={ clsx( 'pie-chart', styles[ 'pie-chart' ], className ) }>\n\t\t\t\t<div className={ styles[ 'error-message' ] }>{ message }</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst width = size;\n\tconst height = size;\n\tconst adjustedHeight = showLegend && legendPosition === 'top' ? height - legendHeight : height;\n\n\t// Calculate radius based on width/height\n\tconst radius = Math.min( width, adjustedHeight ) / 2;\n\n\t// Center the chart in the available space\n\tconst centerX = width / 2;\n\tconst centerY = adjustedHeight / 2;\n\n\t// Calculate the angle between each (use original data length for consistent spacing)\n\tconst padAngle = gapScale * ( ( 2 * Math.PI ) / data.length );\n\n\tconst outerRadius = radius - padding;\n\tconst innerRadius = thickness === 0 ? 0 : outerRadius * ( 1 - thickness );\n\n\tconst maxCornerRadius = ( outerRadius - innerRadius ) / 2;\n\tconst cornerRadius = cornerScale ? Math.min( cornerScale * outerRadius, maxCornerRadius ) : 0;\n\n\t// Map the data to include index for color assignment\n\t// When interactive, we need to find the original index to maintain consistent colors\n\tconst dataWithIndex = visibleData.map( d => {\n\t\tconst originalIndex = data.findIndex( item => item.label === d.label );\n\t\treturn {\n\t\t\t...d,\n\t\t\tindex: originalIndex >= 0 ? originalIndex : 0,\n\t\t};\n\t} );\n\n\tconst accessors = {\n\t\tvalue: ( d: DataPointPercentage ) => d.value,\n\t\tfill: ( d: DataPointPercentage & { index: number } ) => {\n\t\t\treturn getElementStyles( { data: d, index: d.index } ).color;\n\t\t},\n\t};\n\n\treturn (\n\t\t<SingleChartContext.Provider\n\t\t\tvalue={ {\n\t\t\t\tchartId,\n\t\t\t\tchartWidth: width,\n\t\t\t\tchartHeight: adjustedHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<div\n\t\t\t\tref={ containerRef }\n\t\t\t\tclassName={ clsx( 'pie-chart', styles[ 'pie-chart' ], className ) }\n\t\t\t\tstyle={ {\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: showLegend && legendPosition === 'top' ? 'column-reverse' : 'column',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tviewBox={ `0 0 ${ width } ${ adjustedHeight }` }\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\twidth={ width }\n\t\t\t\t\theight={ adjustedHeight }\n\t\t\t\t>\n\t\t\t\t\t<Group top={ centerY } left={ centerX }>\n\t\t\t\t\t\t{ allSegmentsHidden ? (\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\tfill={ providerTheme.gridColor || '#ccc' }\n\t\t\t\t\t\t\t\tfontSize=\"14\"\n\t\t\t\t\t\t\t\tfontFamily=\"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'All segments are hidden. Click legend items to show data.',\n\t\t\t\t\t\t\t\t\t'jetpack-charts'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Pie< DataPointPercentage & { index: number } >\n\t\t\t\t\t\t\t\tdata={ dataWithIndex }\n\t\t\t\t\t\t\t\tpieValue={ accessors.value }\n\t\t\t\t\t\t\t\touterRadius={ outerRadius }\n\t\t\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t\t\t\tpadAngle={ padAngle }\n\t\t\t\t\t\t\t\tcornerRadius={ cornerRadius }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ pie => {\n\t\t\t\t\t\t\t\t\treturn pie.arcs.map( ( arc, index ) => {\n\t\t\t\t\t\t\t\t\t\tconst [ centroidX, centroidY ] = pie.path.centroid( arc );\n\t\t\t\t\t\t\t\t\t\tconst hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;\n\t\t\t\t\t\t\t\t\t\tconst handleMouseMove = ( event: MouseEvent< SVGElement > ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( ! withTooltips ) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t// Get coordinates relative to the current target element\n\t\t\t\t\t\t\t\t\t\t\tconst coords = localPoint( event );\n\t\t\t\t\t\t\t\t\t\t\tif ( coords ) {\n\t\t\t\t\t\t\t\t\t\t\t\t// Account for legend offset when legend is on top\n\t\t\t\t\t\t\t\t\t\t\t\tconst legendOffset =\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowLegend && legendPosition === 'top' ? legendHeight : 0;\n\t\t\t\t\t\t\t\t\t\t\t\tshowTooltip( {\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipData: arc.data,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipLeft: coords.x + tooltipOffsetX,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltipTop: coords.y + legendOffset + tooltipOffsetY,\n\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst pathProps: SVGProps< SVGPathElement > & { 'data-testid'?: string } = {\n\t\t\t\t\t\t\t\t\t\t\td: pie.path( arc ) || '',\n\t\t\t\t\t\t\t\t\t\t\tfill: accessors.fill( arc.data ),\n\t\t\t\t\t\t\t\t\t\t\t'data-testid': 'pie-segment',\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst groupProps: SVGProps< SVGGElement > = {};\n\t\t\t\t\t\t\t\t\t\tif ( withTooltips ) {\n\t\t\t\t\t\t\t\t\t\t\tgroupProps.onMouseMove = handleMouseMove;\n\t\t\t\t\t\t\t\t\t\t\tgroupProps.onMouseLeave = onMouseLeave;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t// Estimate text width more accurately for background sizing\n\t\t\t\t\t\t\t\t\t\tconst fontSize = 12;\n\t\t\t\t\t\t\t\t\t\tconst estimatedTextWidth = getStringWidth( arc.data.label, { fontSize } );\n\t\t\t\t\t\t\t\t\t\tconst labelPadding = 6;\n\t\t\t\t\t\t\t\t\t\tconst backgroundWidth = estimatedTextWidth + labelPadding * 2;\n\t\t\t\t\t\t\t\t\t\tconst backgroundHeight = fontSize + labelPadding * 2;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<g key={ `arc-${ index }` } { ...groupProps }>\n\t\t\t\t\t\t\t\t\t\t\t\t<path { ...pathProps } />\n\t\t\t\t\t\t\t\t\t\t\t\t{ showLabels && hasSpaceForLabel && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ providerTheme.labelBackgroundColor && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX - backgroundWidth / 2 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY - backgroundHeight / 2 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={ backgroundWidth }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={ backgroundHeight }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={ providerTheme.labelBackgroundColor }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trx={ 4 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\try={ 4 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={ providerTheme.labelTextColor || '#333' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ fontSize }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ arc.data.label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t</Pie>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t{ /* Render SVG children (like Group, Text) inside the SVG */ }\n\t\t\t\t\t\t{ ! allSegmentsHidden && svgChildren }\n\t\t\t\t\t</Group>\n\t\t\t\t</svg>\n\n\t\t\t\t{ showLegend && (\n\t\t\t\t\t<Legend\n\t\t\t\t\t\torientation={ legendOrientation }\n\t\t\t\t\t\tposition={ legendPosition }\n\t\t\t\t\t\talignment={ legendAlignment }\n\t\t\t\t\t\tmaxWidth={ legendMaxWidth }\n\t\t\t\t\t\ttextOverflow={ legendTextOverflow }\n\t\t\t\t\t\tlegendItemClassName={ legendItemClassName }\n\t\t\t\t\t\tclassName={ styles[ 'pie-chart-legend' ] }\n\t\t\t\t\t\tshape={ legendShape }\n\t\t\t\t\t\tref={ legendRef }\n\t\t\t\t\t\tchartId={ chartId }\n\t\t\t\t\t\tinteractive={ legendInteractive }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ withTooltips && tooltipOpen && tooltipData && (\n\t\t\t\t\t<TooltipInPortal top={ tooltipTop || 0 } left={ tooltipLeft || 0 }>\n\t\t\t\t\t\t<div role=\"tooltip\">\n\t\t\t\t\t\t\t<BaseTooltip data={ tooltipData } top={ 0 } left={ 0 } renderContainer={ false } />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</TooltipInPortal>\n\t\t\t\t) }\n\n\t\t\t\t{ /* Render HTML component children from PieChart.HTML */ }\n\t\t\t\t{ htmlChildren }\n\n\t\t\t\t{ /* Render other React children for backward compatibility */ }\n\t\t\t\t{ otherChildren }\n\t\t\t</div>\n\t\t</SingleChartContext.Provider>\n\t);\n};\n\nconst PieChartWithProvider: FC< PieChartProps > = props => {\n\tconst existingContext = useContext( GlobalChartsContext );\n\n\t// If we're already in a GlobalChartsProvider context, don't create a new one\n\tif ( existingContext ) {\n\t\treturn <PieChartInternal { ...props } />;\n\t}\n\n\t// Otherwise, create our own GlobalChartsProvider\n\treturn (\n\t\t<GlobalChartsProvider>\n\t\t\t<PieChartInternal { ...props } />\n\t\t</GlobalChartsProvider>\n\t);\n};\n\nPieChartWithProvider.displayName = 'PieChart';\n\n// Create PieChart with composition API\nconst PieChart = attachSubComponents( PieChartWithProvider, {\n\tLegend: Legend,\n\tSVG: ChartSVG,\n\tHTML: ChartHTML,\n} ) as PieChartComponent;\n\n// Create responsive PieChart with composition API\nconst PieChartResponsive = attachSubComponents(\n\twithResponsive< PieChartProps >( PieChartWithProvider ),\n\t{\n\t\tLegend: Legend,\n\t\tSVG: ChartSVG,\n\t\tHTML: ChartHTML,\n\t}\n) as PieChartResponsiveComponent;\n\nexport { PieChartResponsive as default, PieChart as PieChartUnresponsive };\n","import 'css-chunk:src/components/pie-chart/pie-chart.module.scss';export default {\n  \"pie-chart\": \"a8ccharts-R12VhH\"\n};"],"mappings":"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","names":[]}

package/dist/components/bar-chart/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkBZ6UDD37cjs = require('../../chunk-BZ6UDD37.cjs');
+var _chunkCNAKHZMWcjs = require('../../chunk-CNAKHZMW.cjs');
 require('../../chunk-6GO5PFYL.cjs');
 require('../../chunk-FX2PTUFC.cjs');
-require('../../chunk-GK3XEXVI.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+require('../../chunk-PNSMPZ3E.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.BarChart = _chunkBZ6UDD37cjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkBZ6UDD37cjs.BarChart;
+exports.BarChart = _chunkCNAKHZMWcjs.BarChartResponsive; exports.BarChartUnresponsive = _chunkCNAKHZMWcjs.BarChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/bar-chart/index.d.cts

@@ -1,5 +1,5 @@
 import { L as Legend } from '../../legend-C9ahiwOt.cjs';
-import { O as Optional, B as BaseChartProps, c as SeriesData, b as DataPointDate } from '../../types-cEbX_Q2K.cjs';
+import { O as Optional, B as BaseChartProps, c as SeriesData, b as DataPointDate } from '../../types-73KOEWs9.cjs';
 import { FC, ReactNode, ComponentType } from 'react';
 import { R as ResponsiveConfig } from '../../with-responsive-Cp2qnQPo.cjs';
 import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
@@ -20,6 +20,7 @@ interface BarChartProps extends BaseChartProps<SeriesData[]> {
     orientation?: 'horizontal' | 'vertical';
     withPatterns?: boolean;
     showZeroValues?: boolean;
+    legendInteractive?: boolean;
     children?: ReactNode;
 }
 type BarChartBaseProps = Optional<BarChartProps, 'width' | 'height' | 'size'>;

package/dist/components/bar-chart/index.d.ts

@@ -1,5 +1,5 @@
 import { L as Legend } from '../../legend-jjMmhSg3.js';
-import { O as Optional, B as BaseChartProps, c as SeriesData, b as DataPointDate } from '../../types-cEbX_Q2K.js';
+import { O as Optional, B as BaseChartProps, c as SeriesData, b as DataPointDate } from '../../types-73KOEWs9.js';
 import { FC, ReactNode, ComponentType } from 'react';
 import { R as ResponsiveConfig } from '../../with-responsive-Cp2qnQPo.js';
 import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
@@ -20,6 +20,7 @@ interface BarChartProps extends BaseChartProps<SeriesData[]> {
     orientation?: 'horizontal' | 'vertical';
     withPatterns?: boolean;
     showZeroValues?: boolean;
+    legendInteractive?: boolean;
     children?: ReactNode;
 }
 type BarChartBaseProps = Optional<BarChartProps, 'width' | 'height' | 'size'>;

package/dist/components/bar-chart/index.js

@@ -1,11 +1,11 @@
 import {
   BarChart,
   BarChartResponsive
-} from "../../chunk-KM62I6SD.js";
+} from "../../chunk-HVWETEEV.js";
 import "../../chunk-W5KOH3TV.js";
 import "../../chunk-TYYW4BG3.js";
-import "../../chunk-Q2LDRQN7.js";
-import "../../chunk-3O6FHD2T.js";
+import "../../chunk-PFT2X4OW.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   BarChartResponsive as BarChart,

package/dist/components/bar-list-chart/index.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkUHESRL2Fcjs = require('../../chunk-UHESRL2F.cjs');
-require('../../chunk-BZ6UDD37.cjs');
+var _chunkN36WJKYMcjs = require('../../chunk-N36WJKYM.cjs');
+require('../../chunk-CNAKHZMW.cjs');
 require('../../chunk-6GO5PFYL.cjs');
 require('../../chunk-FX2PTUFC.cjs');
-require('../../chunk-GK3XEXVI.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+require('../../chunk-PNSMPZ3E.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.BarListChart = _chunkUHESRL2Fcjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkUHESRL2Fcjs.BarListChart;
+exports.BarListChart = _chunkN36WJKYMcjs.BarListChartResponsive; exports.BarListChartUnresponsive = _chunkN36WJKYMcjs.BarListChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/bar-list-chart/index.d.cts

@@ -3,7 +3,7 @@ import { R as ResponsiveConfig } from '../../with-responsive-Cp2qnQPo.cjs';
 import { TextProps } from '@visx/text';
 import { BarChartProps } from '../bar-chart/index.cjs';
 import { ComponentType, FC } from 'react';
-import { f as ScaleOptions, c as SeriesData } from '../../types-cEbX_Q2K.cjs';
+import { f as ScaleOptions, c as SeriesData } from '../../types-73KOEWs9.cjs';
 import '../../legend-C9ahiwOt.cjs';
 import '../../types-C05PdDJa.cjs';
 import '@visx/legend';

package/dist/components/bar-list-chart/index.d.ts

@@ -3,7 +3,7 @@ import { R as ResponsiveConfig } from '../../with-responsive-Cp2qnQPo.js';
 import { TextProps } from '@visx/text';
 import { BarChartProps } from '../bar-chart/index.js';
 import { ComponentType, FC } from 'react';
-import { f as ScaleOptions, c as SeriesData } from '../../types-cEbX_Q2K.js';
+import { f as ScaleOptions, c as SeriesData } from '../../types-73KOEWs9.js';
 import '../../legend-jjMmhSg3.js';
 import '../../types-C05PdDJa.js';
 import '@visx/legend';

package/dist/components/bar-list-chart/index.js

@@ -1,12 +1,12 @@
 import {
   BarListChart,
   BarListChartResponsive
-} from "../../chunk-W5RFMC3A.js";
-import "../../chunk-KM62I6SD.js";
+} from "../../chunk-JI6OGGGF.js";
+import "../../chunk-HVWETEEV.js";
 import "../../chunk-W5KOH3TV.js";
 import "../../chunk-TYYW4BG3.js";
-import "../../chunk-Q2LDRQN7.js";
-import "../../chunk-3O6FHD2T.js";
+import "../../chunk-PFT2X4OW.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   BarListChartResponsive as BarListChart,

package/dist/components/conversion-funnel-chart/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSC462VDMcjs = require('../../chunk-SC462VDM.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+var _chunkQPHNEQCKcjs = require('../../chunk-QPHNEQCK.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
-exports.ConversionFunnelChart = _chunkSC462VDMcjs.ConversionFunnelChartWithProvider;
+exports.ConversionFunnelChart = _chunkQPHNEQCKcjs.ConversionFunnelChartWithProvider;
 //# sourceMappingURL=index.cjs.map

package/dist/components/conversion-funnel-chart/index.d.cts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { B as BaseChartProps } from '../../types-cEbX_Q2K.cjs';
+import { B as BaseChartProps } from '../../types-73KOEWs9.cjs';
 import '@visx/annotation/lib/components/CircleSubject';
 import '@visx/annotation/lib/components/Connector';
 import '@visx/annotation/lib/components/Label';

package/dist/components/conversion-funnel-chart/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { B as BaseChartProps } from '../../types-cEbX_Q2K.js';
+import { B as BaseChartProps } from '../../types-73KOEWs9.js';
 import '@visx/annotation/lib/components/CircleSubject';
 import '@visx/annotation/lib/components/Connector';
 import '@visx/annotation/lib/components/Label';

package/dist/components/conversion-funnel-chart/index.js

@@ -1,7 +1,7 @@
 import {
   ConversionFunnelChartWithProvider
-} from "../../chunk-SHADFB3T.js";
-import "../../chunk-3O6FHD2T.js";
+} from "../../chunk-KEBKTDOQ.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   ConversionFunnelChartWithProvider as ConversionFunnelChart

package/dist/components/leaderboard-chart/index.cjs

@@ -2,18 +2,18 @@
 
 
 
-var _chunkG4FX5I3Vcjs = require('../../chunk-G4FX5I3V.cjs');
+var _chunkEPHDZVIGcjs = require('../../chunk-EPHDZVIG.cjs');
 require('../../chunk-3Z526IL2.cjs');
 require('../../chunk-FX2PTUFC.cjs');
-require('../../chunk-GK3XEXVI.cjs');
+require('../../chunk-PNSMPZ3E.cjs');
 
 
-var _chunk2HUX2CATcjs = require('../../chunk-2HUX2CAT.cjs');
+var _chunkLSGYIUQXcjs = require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
 
 
-exports.LeaderboardChart = _chunkG4FX5I3Vcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkG4FX5I3Vcjs.LeaderboardChart; exports.formatMetricValue = _chunk2HUX2CATcjs.formatMetricValue; exports.useLeaderboardLegendItems = _chunkG4FX5I3Vcjs.useLeaderboardLegendItems;
+exports.LeaderboardChart = _chunkEPHDZVIGcjs.LeaderboardChartResponsive; exports.LeaderboardChartUnresponsive = _chunkEPHDZVIGcjs.LeaderboardChart; exports.formatMetricValue = _chunkLSGYIUQXcjs.formatMetricValue; exports.useLeaderboardLegendItems = _chunkEPHDZVIGcjs.useLeaderboardLegendItems;
 //# sourceMappingURL=index.cjs.map

package/dist/components/leaderboard-chart/index.d.cts

@@ -1,5 +1,5 @@
-export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-BWEheWCd.cjs';
-import { L as LeaderboardEntry } from '../../types-cEbX_Q2K.cjs';
+export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-DOaY0V1U.cjs';
+import { L as LeaderboardEntry } from '../../types-73KOEWs9.cjs';
 import { B as BaseLegendItem } from '../../types-C05PdDJa.cjs';
 import 'react/jsx-runtime';
 import '../../with-responsive-Cp2qnQPo.cjs';

package/dist/components/leaderboard-chart/index.d.ts

@@ -1,5 +1,5 @@
-export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-rqyTz1m6.js';
-import { L as LeaderboardEntry } from '../../types-cEbX_Q2K.js';
+export { L as LeaderboardChart, b as LeaderboardChartProps, a as LeaderboardChartUnresponsive } from '../../leaderboard-chart-Cpg_k_Vg.js';
+import { L as LeaderboardEntry } from '../../types-73KOEWs9.js';
 import { B as BaseLegendItem } from '../../types-C05PdDJa.js';
 import 'react/jsx-runtime';
 import '../../with-responsive-Cp2qnQPo.js';

package/dist/components/leaderboard-chart/index.js

@@ -2,13 +2,13 @@ import {
   LeaderboardChart,
   LeaderboardChartResponsive,
   useLeaderboardLegendItems
-} from "../../chunk-2HB55BRH.js";
+} from "../../chunk-VM3CHO3G.js";
 import "../../chunk-D3DZT2EK.js";
 import "../../chunk-TYYW4BG3.js";
-import "../../chunk-Q2LDRQN7.js";
+import "../../chunk-PFT2X4OW.js";
 import {
   formatMetricValue
-} from "../../chunk-3O6FHD2T.js";
+} from "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   LeaderboardChartResponsive as LeaderboardChart,

package/dist/components/legend/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkGK3XEXVIcjs = require('../../chunk-GK3XEXVI.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+var _chunkPNSMPZ3Ecjs = require('../../chunk-PNSMPZ3E.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.Legend = _chunkGK3XEXVIcjs.Legend; exports.useChartLegendItems = _chunkGK3XEXVIcjs.useChartLegendItems;
+exports.Legend = _chunkPNSMPZ3Ecjs.Legend; exports.useChartLegendItems = _chunkPNSMPZ3Ecjs.useChartLegendItems;
 //# sourceMappingURL=index.cjs.map

package/dist/components/legend/index.d.cts

@@ -1,5 +1,5 @@
 export { L as Legend } from '../../legend-C9ahiwOt.cjs';
-import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-cEbX_Q2K.cjs';
+import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-73KOEWs9.cjs';
 import { B as BaseLegendItem } from '../../types-C05PdDJa.cjs';
 export { a as BaseLegendProps, L as LegendProps } from '../../types-C05PdDJa.cjs';
 import { LegendShape } from '@visx/legend/lib/types';

package/dist/components/legend/index.d.ts

@@ -1,5 +1,5 @@
 export { L as Legend } from '../../legend-jjMmhSg3.js';
-import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-cEbX_Q2K.js';
+import { c as SeriesData, b as DataPointDate, d as DataPointPercentage } from '../../types-73KOEWs9.js';
 import { B as BaseLegendItem } from '../../types-C05PdDJa.js';
 export { a as BaseLegendProps, L as LegendProps } from '../../types-C05PdDJa.js';
 import { LegendShape } from '@visx/legend/lib/types';

package/dist/components/legend/index.js

@@ -1,8 +1,8 @@
 import {
   Legend,
   useChartLegendItems
-} from "../../chunk-Q2LDRQN7.js";
-import "../../chunk-3O6FHD2T.js";
+} from "../../chunk-PFT2X4OW.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   Legend,

package/dist/components/line-chart/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkMAV6SE6Lcjs = require('../../chunk-MAV6SE6L.cjs');
+var _chunkGEB4GELEcjs = require('../../chunk-GEB4GELE.cjs');
 require('../../chunk-6GO5PFYL.cjs');
 require('../../chunk-FX2PTUFC.cjs');
-require('../../chunk-GK3XEXVI.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+require('../../chunk-PNSMPZ3E.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.LineChart = _chunkMAV6SE6Lcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkMAV6SE6Lcjs.LineChart;
+exports.LineChart = _chunkGEB4GELEcjs.LineChartResponsive; exports.LineChartUnresponsive = _chunkGEB4GELEcjs.LineChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/line-chart/index.d.cts

@@ -1,5 +1,5 @@
 import { L as Legend } from '../../legend-C9ahiwOt.cjs';
-import { B as BaseChartProps, c as SeriesData, b as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-cEbX_Q2K.cjs';
+import { B as BaseChartProps, c as SeriesData, b as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-73KOEWs9.cjs';
 import { FC, ReactNode, SVGProps } from 'react';
 import { GlyphProps } from '@visx/xychart';
 import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';

package/dist/components/line-chart/index.d.ts

@@ -1,5 +1,5 @@
 import { L as Legend } from '../../legend-jjMmhSg3.js';
-import { B as BaseChartProps, c as SeriesData, b as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-cEbX_Q2K.js';
+import { B as BaseChartProps, c as SeriesData, b as DataPointDate, A as AnnotationStyles, O as Optional } from '../../types-73KOEWs9.js';
 import { FC, ReactNode, SVGProps } from 'react';
 import { GlyphProps } from '@visx/xychart';
 import { RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';

package/dist/components/line-chart/index.js

@@ -1,11 +1,11 @@
 import {
   LineChart,
   LineChartResponsive
-} from "../../chunk-HYHBAHIU.js";
+} from "../../chunk-JGX3ZNK5.js";
 import "../../chunk-W5KOH3TV.js";
 import "../../chunk-TYYW4BG3.js";
-import "../../chunk-Q2LDRQN7.js";
-import "../../chunk-3O6FHD2T.js";
+import "../../chunk-PFT2X4OW.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   LineChartResponsive as LineChart,

package/dist/components/pie-chart/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkQLLKOSJ6cjs = require('../../chunk-QLLKOSJ6.cjs');
+var _chunkYKVKFUV7cjs = require('../../chunk-YKVKFUV7.cjs');
 require('../../chunk-7OZEQ5HE.cjs');
 require('../../chunk-6GO5PFYL.cjs');
 require('../../chunk-3Z526IL2.cjs');
 require('../../chunk-FX2PTUFC.cjs');
-require('../../chunk-GK3XEXVI.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+require('../../chunk-PNSMPZ3E.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.PieChart = _chunkQLLKOSJ6cjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkQLLKOSJ6cjs.PieChart;
+exports.PieChart = _chunkYKVKFUV7cjs.PieChartResponsive; exports.PieChartUnresponsive = _chunkYKVKFUV7cjs.PieChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/pie-chart/index.d.cts

@@ -1,5 +1,5 @@
 import { R as ResponsiveConfig } from '../../with-responsive-Cp2qnQPo.cjs';
-import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-cEbX_Q2K.cjs';
+import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-73KOEWs9.cjs';
 import { ReactNode } from 'react';
 import { LegendValueDisplay } from '../legend/index.cjs';
 import { C as ChartComponentWithComposition } from '../../types-BBwg4Evw.cjs';
@@ -53,6 +53,12 @@ interface PieChartProps extends BaseChartProps<DataPointPercentage[]> {
      * - 'none': Shows no values, only labels
      */
     legendValueDisplay?: LegendValueDisplay;
+    /**
+     * Enable interactive legend items that can toggle segment visibility.
+     * Requires chartId and GlobalChartsProvider.
+     * When segments are hidden, percentages are recalculated so visible segments total 100%.
+     */
+    legendInteractive?: boolean;
     /**
      * Use the children prop to render additional elements on the chart.
      */

package/dist/components/pie-chart/index.d.ts

@@ -1,5 +1,5 @@
 import { R as ResponsiveConfig } from '../../with-responsive-Cp2qnQPo.js';
-import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-cEbX_Q2K.js';
+import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-73KOEWs9.js';
 import { ReactNode } from 'react';
 import { LegendValueDisplay } from '../legend/index.js';
 import { C as ChartComponentWithComposition } from '../../types-DQNnq5Fr.js';
@@ -53,6 +53,12 @@ interface PieChartProps extends BaseChartProps<DataPointPercentage[]> {
      * - 'none': Shows no values, only labels
      */
     legendValueDisplay?: LegendValueDisplay;
+    /**
+     * Enable interactive legend items that can toggle segment visibility.
+     * Requires chartId and GlobalChartsProvider.
+     * When segments are hidden, percentages are recalculated so visible segments total 100%.
+     */
+    legendInteractive?: boolean;
     /**
      * Use the children prop to render additional elements on the chart.
      */

package/dist/components/pie-chart/index.js

@@ -1,13 +1,13 @@
 import {
   PieChart,
   PieChartResponsive
-} from "../../chunk-XDIWMJZD.js";
+} from "../../chunk-ZSNO2BYX.js";
 import "../../chunk-NFRB2POF.js";
 import "../../chunk-W5KOH3TV.js";
 import "../../chunk-D3DZT2EK.js";
 import "../../chunk-TYYW4BG3.js";
-import "../../chunk-Q2LDRQN7.js";
-import "../../chunk-3O6FHD2T.js";
+import "../../chunk-PFT2X4OW.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   PieChartResponsive as PieChart,

package/dist/components/pie-semi-circle-chart/index.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZA7OWPY7cjs = require('../../chunk-ZA7OWPY7.cjs');
+var _chunkVOMSG7KVcjs = require('../../chunk-VOMSG7KV.cjs');
 require('../../chunk-6GO5PFYL.cjs');
 require('../../chunk-3Z526IL2.cjs');
 require('../../chunk-FX2PTUFC.cjs');
-require('../../chunk-GK3XEXVI.cjs');
-require('../../chunk-2HUX2CAT.cjs');
+require('../../chunk-PNSMPZ3E.cjs');
+require('../../chunk-LSGYIUQX.cjs');
 require('../../chunk-EMMSS5I5.cjs');
 
 
 
-exports.PieSemiCircleChart = _chunkZA7OWPY7cjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkZA7OWPY7cjs.PieSemiCircleChart;
+exports.PieSemiCircleChart = _chunkVOMSG7KVcjs.PieSemiCircleChartResponsive; exports.PieSemiCircleChartUnresponsive = _chunkVOMSG7KVcjs.PieSemiCircleChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/pie-semi-circle-chart/index.d.cts

@@ -1,4 +1,4 @@
-import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-cEbX_Q2K.cjs';
+import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-73KOEWs9.cjs';
 import { ReactNode } from 'react';
 import { LegendValueDisplay } from '../legend/index.cjs';
 import { C as ChartComponentWithComposition } from '../../types-BBwg4Evw.cjs';
@@ -51,6 +51,12 @@ interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]>
      * - 'none': Shows no values, only labels
      */
     legendValueDisplay?: LegendValueDisplay;
+    /**
+     * Enable interactive legend items that can toggle segment visibility.
+     * Requires chartId and GlobalChartsProvider.
+     * When segments are hidden, percentages are recalculated so visible segments total 100%.
+     */
+    legendInteractive?: boolean;
     /**
      * Horizontal offset for tooltip positioning in pixels (default: 0)
      */

package/dist/components/pie-semi-circle-chart/index.d.ts

@@ -1,4 +1,4 @@
-import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-cEbX_Q2K.js';
+import { O as Optional, B as BaseChartProps, d as DataPointPercentage } from '../../types-73KOEWs9.js';
 import { ReactNode } from 'react';
 import { LegendValueDisplay } from '../legend/index.js';
 import { C as ChartComponentWithComposition } from '../../types-DQNnq5Fr.js';
@@ -51,6 +51,12 @@ interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]>
      * - 'none': Shows no values, only labels
      */
     legendValueDisplay?: LegendValueDisplay;
+    /**
+     * Enable interactive legend items that can toggle segment visibility.
+     * Requires chartId and GlobalChartsProvider.
+     * When segments are hidden, percentages are recalculated so visible segments total 100%.
+     */
+    legendInteractive?: boolean;
     /**
      * Horizontal offset for tooltip positioning in pixels (default: 0)
      */

package/dist/components/pie-semi-circle-chart/index.js

@@ -1,12 +1,12 @@
 import {
   PieSemiCircleChart,
   PieSemiCircleChartResponsive
-} from "../../chunk-G66WE3ON.js";
+} from "../../chunk-BWEMZ72V.js";
 import "../../chunk-W5KOH3TV.js";
 import "../../chunk-D3DZT2EK.js";
 import "../../chunk-TYYW4BG3.js";
-import "../../chunk-Q2LDRQN7.js";
-import "../../chunk-3O6FHD2T.js";
+import "../../chunk-PFT2X4OW.js";
+import "../../chunk-A3PGOCJO.js";
 import "../../chunk-G3PMV62Z.js";
 export {
   PieSemiCircleChartResponsive as PieSemiCircleChart,

package/dist/components/tooltip/index.d.cts

@@ -1,5 +1,5 @@
 export { B as BaseTooltip, a as BaseTooltipProps, T as TooltipData } from '../../base-tooltip-DOq93wjU.cjs';
-import { b as DataPointDate, c as SeriesData } from '../../types-cEbX_Q2K.cjs';
+import { b as DataPointDate, c as SeriesData } from '../../types-73KOEWs9.cjs';
 import { TooltipProps as TooltipProps$1, RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 import { ReactNode } from 'react';
 import 'react/jsx-runtime';

package/dist/components/tooltip/index.d.ts

@@ -1,5 +1,5 @@
 export { B as BaseTooltip, a as BaseTooltipProps, T as TooltipData } from '../../base-tooltip-DOq93wjU.js';
-import { b as DataPointDate, c as SeriesData } from '../../types-cEbX_Q2K.js';
+import { b as DataPointDate, c as SeriesData } from '../../types-73KOEWs9.js';
 import { TooltipProps as TooltipProps$1, RenderTooltipParams } from '@visx/xychart/lib/components/Tooltip';
 import { ReactNode } from 'react';
 import 'react/jsx-runtime';

package/dist/hooks/index.cjs

@@ -7,7 +7,8 @@
 
 
 
-var _chunk2HUX2CATcjs = require('../chunk-2HUX2CAT.cjs');
+
+var _chunkLSGYIUQXcjs = require('../chunk-LSGYIUQX.cjs');
 require('../chunk-EMMSS5I5.cjs');
 
 
@@ -18,5 +19,6 @@ require('../chunk-EMMSS5I5.cjs');
 
 
 
-exports.useChartDataTransform = _chunk2HUX2CATcjs.useChartDataTransform; exports.useChartMargin = _chunk2HUX2CATcjs.useChartMargin; exports.useChartMouseHandler = _chunk2HUX2CATcjs.useChartMouseHandler; exports.useDeepMemo = _chunk2HUX2CATcjs.useDeepMemo; exports.useElementHeight = _chunk2HUX2CATcjs.useElementHeight; exports.useTextTruncation = _chunk2HUX2CATcjs.useTextTruncation; exports.useXYChartTheme = _chunk2HUX2CATcjs.useXYChartTheme; exports.useZeroValueDisplay = _chunk2HUX2CATcjs.useZeroValueDisplay;
+
+exports.useChartDataTransform = _chunkLSGYIUQXcjs.useChartDataTransform; exports.useChartMargin = _chunkLSGYIUQXcjs.useChartMargin; exports.useChartMouseHandler = _chunkLSGYIUQXcjs.useChartMouseHandler; exports.useDeepMemo = _chunkLSGYIUQXcjs.useDeepMemo; exports.useElementHeight = _chunkLSGYIUQXcjs.useElementHeight; exports.useInteractiveLegendData = _chunkLSGYIUQXcjs.useInteractiveLegendData; exports.useTextTruncation = _chunkLSGYIUQXcjs.useTextTruncation; exports.useXYChartTheme = _chunkLSGYIUQXcjs.useXYChartTheme; exports.useZeroValueDisplay = _chunkLSGYIUQXcjs.useZeroValueDisplay;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,igBAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"}
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,glBAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/hooks/index.cjs"}