@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/Charts/BarChart/BarChart.native.js

@@ -1,12 +1,40 @@
-import 'react';
-import '../../Typography/Heading/Heading.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useState, useRef, useEffect, useMemo } from 'react';
+import { Svg, G, Line, Text as Text$1, Rect } from 'react-native-svg';
+import { Pressable, View } from 'react-native';
+import '../utils/index.js';
+import '../CommonChartComponents/index.js';
+import { BarChartContext } from './BarChartContext.js';
+import { componentIds, BAR_CHART_CORNER_RADIUS } from './tokens.js';
+import '../../BladeProvider/index.js';
+import '../../Typography/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../Box/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/isValidAllowedChildren/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import isNumber from '../../../utils/lodashButBetter/isNumber.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../../utils/logger/index.js';
+import '../../../utils/metaAttribute/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { componentId } from '../CommonChartComponents/tokens.js';
+import { logger } from '../../../utils/logger/logger.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import useChartsColorTheme from '../utils/useColorTheme.js';
+import { assignDataColorMapping } from '../utils/assignDataColorMapping/assignDataColorMapping.js';
+import { CommonChartComponentsContext } from '../CommonChartComponents/CommonChartComponentsContext.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { Box } from '../../Box/Box.js';
 import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
+import { getHighestColorInRange } from '../utils/getHighestColorInRange.js';
 
-var ChartBar=function ChartBar(_prop){throwBladeError({message:'ChartBar is not yet implemented for native',moduleName:'ChartBar'});return jsx(Text,{children:"ChartBar is not available for Native mobile apps."});};var ChartBarWrapper=function ChartBarWrapper(_prop){throwBladeError({message:'ChartBarWrapper is not yet implemented for native',moduleName:'ChartBarWrapper'});return jsx(Text,{children:"ChartLine is not available for Native mobile apps."});};
+var _excluded=["children","colorTheme","layout","data","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Charts/BarChart/BarChart.native.tsx";var PLOT_PADDING={top:16,right:16,bottom:32,left:40};var Y_TICK_COUNT=4;var LEGEND_HEIGHT=28;var LEGEND_DOT_SIZE=10;var TICK_FONT_SIZE=10;var AXIS_LABEL_FONT_SIZE=11;var SECONDARY_LABEL_FONT_SIZE=10;var X_AXIS_TITLE_GAP=6;var readChildSlots=function readChildSlots(children){var slots={bars:[],hasXAxis:false,hasYAxis:false,hasLegend:false,hasGrid:false,referenceLines:[],hasTooltip:false};React__default.Children.forEach(children,function(child){if(!React__default.isValidElement(child))return;var id=getComponentId(child);if(id===componentIds.chartBar){var props=child.props;slots.bars.push({dataKey:props.dataKey,name:props.name,color:props.color,stackId:props.stackId,hide:props.hide});}else if(id===componentId.chartXAxis){var _props2=child.props;slots.hasXAxis=true;slots.xDataKey=_props2.dataKey;slots.xSecondaryDataKey=_props2.secondaryDataKey;slots.xTickFormatter=_props2.tickFormatter;slots.xInterval=_props2.interval;slots.xLabel=_props2.label;}else if(id===componentId.chartYAxis){var _props3=child.props;slots.hasYAxis=true;slots.yLabel=_props3.label;}else if(id===componentId.chartLegend){slots.hasLegend=true;}else if(id===componentId.chartCartesianGrid){slots.hasGrid=true;}else if(id===componentId.chartTooltip){slots.hasTooltip=true;var _props4=child.props;if(typeof _props4.formatter==='function'){slots.tooltipFormatter=_props4.formatter;}}else if(id===componentId.chartReferenceLine){var _props5=child.props;if(typeof _props5.y==='number'){slots.referenceLines.push({y:_props5.y,label:typeof _props5.label==='string'?_props5.label:undefined});}else if(__DEV__){logger({type:'warn',moduleName:'ChartReferenceLine',message:'Only horizontal reference lines (numeric `y` prop) are supported on native. The provided line will not be rendered.'});}}});return slots;};var niceCeil=function niceCeil(raw){if(raw<=0)return 1;var exponent=Math.floor(Math.log10(raw));var fraction=raw/10**exponent;var niceFraction=fraction<=1?1:fraction<=2?2:fraction<=5?5:10;return niceFraction*10**exponent;};var formatYTick=function formatYTick(value){var abs=Math.abs(value);if(abs>=1000000)return `${(value/1000000).toFixed(abs>=10000000?0:1)}M`;if(abs>=1000)return `${(value/1000).toFixed(abs>=10000?0:1)}K`;return String(value);};var _ChartBar=function _ChartBar(_props){return null;};var ChartBar=assignWithoutSideEffects(_ChartBar,{componentId:componentIds.chartBar});var ChartBarWrapper=function ChartBarWrapper(_ref){var _slots$xInterval,_activeRow$slots$xDat;var children=_ref.children,_ref$colorTheme=_ref.colorTheme,colorTheme=_ref$colorTheme===void 0?'categorical':_ref$colorTheme,_ref$layout=_ref.layout,layout=_ref$layout===void 0?'horizontal':_ref$layout,_ref$data=_ref.data,data=_ref$data===void 0?[]:_ref$data,testID=_ref.testID,restProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useState=useState({width:0,height:0}),_useState2=_slicedToArray(_useState,2),size=_useState2[0],setSize=_useState2[1];var _useState3=useState(undefined),_useState4=_slicedToArray(_useState3,2),activeIndex=_useState4[0],setActiveIndex=_useState4[1];var verticalWarned=useRef(false);useEffect(function(){if(!__DEV__)return;if(layout==='vertical'&&!verticalWarned.current){verticalWarned.current=true;logger({type:'warn',moduleName:'BarChart',message:'`layout="vertical"` is not yet implemented on native — falling back to horizontal. Track support in the native ChartBar roadmap.'});}},[layout]);var onLayout=function onLayout(e){var _e$nativeEvent$layout=e.nativeEvent.layout,width=_e$nativeEvent$layout.width,height=_e$nativeEvent$layout.height;if(width!==size.width||height!==size.height){setSize({width:width,height:height});}};var slots=useMemo(function(){return readChildSlots(children);},[children]);var visibleBars=slots.bars.filter(function(b){return !b.hide;});var themeColors=useChartsColorTheme({colorTheme:colorTheme,chartName:'bar',chartDataIndicators:visibleBars.length});var dataColorMapping=useMemo(function(){var mapping={};visibleBars.forEach(function(bar){mapping[bar.dataKey]={colorToken:bar.color,isCustomColor:Boolean(bar.color)};});assignDataColorMapping(mapping,themeColors);return mapping;},[visibleBars,themeColors]);var secondaryLabelMap=useMemo(function(){if(!slots.xSecondaryDataKey||!(data!=null&&data.length))return undefined;var map={};data.forEach(function(row,index){map[index]=row[slots.xSecondaryDataKey];});return map;},[data,slots.xSecondaryDataKey]);var stackGroups=useMemo(function(){var groupOrder=[];var map=new Map();visibleBars.forEach(function(bar){var _bar$stackId;var key=(_bar$stackId=bar.stackId)!=null?_bar$stackId:`__solo__${bar.dataKey}`;if(!map.has(key)){map.set(key,[]);groupOrder.push(key);}map.get(key).push(bar);});return groupOrder.map(function(key){return {key:key,bars:map.get(key)};});},[visibleBars]);var dataMax=useMemo(function(){if(!data.length)return 0;var max=0;data.forEach(function(row){stackGroups.forEach(function(group){var sum=group.bars.reduce(function(acc,bar){return acc+(Number(row[bar.dataKey])||0);},0);if(sum>max)max=sum;});});return max;},[data,stackGroups]);var yMax=niceCeil(dataMax);var yTicks=useMemo(function(){var ticks=[];for(var i=0;i<=Y_TICK_COUNT;i++){ticks.push(yMax/Y_TICK_COUNT*i);}return ticks;},[yMax]);var showAxes=slots.hasXAxis||slots.hasYAxis;var needsExtraBottomPad=Boolean(slots.xLabel&&slots.xSecondaryDataKey);var padding=showAxes?Object.assign({},PLOT_PADDING,{bottom:needsExtraBottomPad?PLOT_PADDING.bottom+SECONDARY_LABEL_FONT_SIZE+X_AXIS_TITLE_GAP:PLOT_PADDING.bottom}):{top:0,right:0,bottom:0,left:0};var legendH=slots.hasLegend?LEGEND_HEIGHT:0;var plotWidth=Math.max(0,size.width-padding.left-padding.right);var plotHeight=Math.max(0,size.height-padding.top-padding.bottom-legendH);var groupCount=data.length;var barsPerGroup=stackGroups.length;var groupSlot=groupCount>0?plotWidth/groupCount:0;var groupInnerPadding=Math.min(8,groupSlot*0.2);var groupContentWidth=Math.max(0,groupSlot-groupInnerPadding*2);var barWidth=barsPerGroup>0?groupContentWidth/barsPerGroup:0;var xLabelStep=Math.max(1,((_slots$xInterval=slots.xInterval)!=null?_slots$xInterval:0)+1);var tickColor=getIn(theme.colors,'surface.text.gray.muted');var axisLineColor=getIn(theme.colors,'surface.border.gray.muted');var gridColor=getIn(theme.colors,'surface.border.gray.subtle');var groupAtX=function groupAtX(localX){if(groupCount===0||groupSlot===0)return undefined;var plotX=localX-padding.left;if(plotX<0||plotX>plotWidth)return undefined;return Math.min(groupCount-1,Math.max(0,Math.floor(plotX/groupSlot)));};var handleChartPress=function handleChartPress(e){if(!slots.hasTooltip)return;var next=groupAtX(e.nativeEvent.locationX);setActiveIndex(function(prev){return prev===next?undefined:next;});};var activeRow=activeIndex!==undefined?data[activeIndex]:undefined;var activeLabelRaw=activeRow&&slots.xDataKey?String((_activeRow$slots$xDat=activeRow[slots.xDataKey])!=null?_activeRow$slots$xDat:activeIndex):undefined;var activeLabel=activeLabelRaw?slots.xTickFormatter?slots.xTickFormatter(activeLabelRaw,activeIndex!=null?activeIndex:0):activeLabelRaw:undefined;var tooltipRows=useMemo(function(){if(!activeRow)return [];return visibleBars.map(function(bar){var _dataColorMapping$bar,_dataColorMapping$bar2,_bar$name;var rawValue=Number(activeRow[bar.dataKey])||0;var fillToken=(_dataColorMapping$bar=(_dataColorMapping$bar2=dataColorMapping[bar.dataKey])==null?void 0:_dataColorMapping$bar2.colorToken)!=null?_dataColorMapping$bar:bar.color;var fillColor=fillToken?getIn(theme.colors,fillToken):tickColor;var displayValue=String(rawValue);var label=(_bar$name=bar.name)!=null?_bar$name:bar.dataKey;var formatter=slots.tooltipFormatter;if(formatter){try{var formatted=formatter(rawValue,bar.dataKey,undefined,activeIndex,activeRow);if(Array.isArray(formatted)){if(formatted[0]!==undefined&&formatted[0]!==null){displayValue=String(formatted[0]);}if(formatted[1]!==undefined&&formatted[1]!==null){label=String(formatted[1]);}}else if(formatted!==undefined&&formatted!==null){displayValue=String(formatted);}}catch(_unused){}}return {key:bar.dataKey,color:fillColor,displayValue:displayValue,label:label};});},[activeRow,visibleBars,dataColorMapping,theme.colors,tickColor,slots.tooltipFormatter,activeIndex]);return jsx(CommonChartComponentsContext.Provider,{value:{chartName:'bar',dataColorMapping:dataColorMapping,secondaryLabelMap:secondaryLabelMap,dataLength:data==null?void 0:data.length},children:jsx(BarChartContext.Provider,{value:{layout:layout,activeIndex:activeIndex,colorTheme:colorTheme,totalBars:visibleBars.length},children:jsx(BaseBox,Object.assign({},metaAttribute({name:'bar-chart',testID:testID}),makeAnalyticsAttribute(restProps),{width:"100%",height:"100%"},restProps,{children:jsxs(Pressable,{style:{flex:1,width:'100%'},onLayout:onLayout,onPress:handleChartPress,android_disableSound:true,children:[data.length===0?jsx(Box,{flex:1,display:"flex",alignItems:"center",justifyContent:"center",padding:"spacing.6",children:jsx(Text,{size:"small",color:"surface.text.gray.muted",children:"No data to display"})}):size.width>0&&size.height>0?jsxs(Svg,{width:size.width,height:size.height,children:[jsxs(G,{x:padding.left,y:padding.top,children:[slots.hasGrid&&yTicks.map(function(tick,idx){var y=plotHeight-tick/yMax*plotHeight;return jsx(Line,{x1:0,x2:plotWidth,y1:y,y2:y,stroke:gridColor,strokeWidth:1},`grid-${idx}`);}),slots.hasYAxis&&jsxs(Fragment,{children:[jsx(Line,{x1:0,x2:0,y1:0,y2:plotHeight,stroke:axisLineColor,strokeWidth:1}),yTicks.map(function(tick,idx){var y=plotHeight-tick/yMax*plotHeight;return jsx(Text$1,{x:-6,y:y+TICK_FONT_SIZE/3,fontSize:TICK_FONT_SIZE,fill:tickColor,textAnchor:"end",children:formatYTick(tick)},`ytick-${idx}`);})]}),data.map(function(row,groupIndex){var groupX=groupIndex*groupSlot+groupInnerPadding;return jsx(G,{x:groupX,children:stackGroups.map(function(stack,stackIndex){var stackBaseValue=0;return stack.bars.map(function(bar,barInStackIndex){var _dataColorMapping$bar3,_dataColorMapping$bar4,_dataColorMapping$bar5;var value=Number(row[bar.dataKey])||0;var valueAtTop=stackBaseValue+value;var yTop=plotHeight-valueAtTop/yMax*plotHeight;var yBottom=plotHeight-stackBaseValue/yMax*plotHeight;var barHeight=Math.max(0,yBottom-yTop);var x=stackIndex*barWidth;var fillToken=(_dataColorMapping$bar3=(_dataColorMapping$bar4=dataColorMapping[bar.dataKey])==null?void 0:_dataColorMapping$bar4.colorToken)!=null?_dataColorMapping$bar3:bar.color;var fill=fillToken?getIn(theme.colors,fillToken):tickColor;var accentToken=getHighestColorInRange({colorToken:fillToken,followIntensityMapping:Boolean((_dataColorMapping$bar5=dataColorMapping[bar.dataKey])==null?void 0:_dataColorMapping$bar5.isCustomColor)});var accentFill=accentToken?getIn(theme.colors,accentToken):fill;stackBaseValue=valueAtTop;if(!isNumber(value)||barHeight<=0)return null;return jsxs(G,{children:[jsx(Rect,{x:x,y:yTop,width:barWidth,height:barHeight,rx:BAR_CHART_CORNER_RADIUS,ry:BAR_CHART_CORNER_RADIUS,fill:fill}),barInStackIndex===stack.bars.length-1&&barHeight>2?jsx(Rect,{x:x,y:yTop,width:barWidth,height:1.5,fill:accentFill}):null]},`bar-${groupIndex}-${stackIndex}-${barInStackIndex}`);});})},`group-${groupIndex}`);}),slots.referenceLines.map(function(line,idx){if(line.y>yMax||line.y<0)return null;var y=plotHeight-line.y/yMax*plotHeight;return jsxs(G,{children:[jsx(Line,{x1:0,x2:plotWidth,y1:y,y2:y,stroke:getIn(theme.colors,'surface.border.gray.normal'),strokeWidth:1,strokeDasharray:"4 4"}),line.label?jsx(Text$1,{x:plotWidth-4,y:y-4,fontSize:TICK_FONT_SIZE,fill:tickColor,textAnchor:"end",children:line.label}):null]},`refline-${idx}`);}),slots.hasXAxis&&jsxs(Fragment,{children:[jsx(Line,{x1:0,x2:plotWidth,y1:plotHeight,y2:plotHeight,stroke:axisLineColor,strokeWidth:1}),data.map(function(row,groupIndex){var _row$slots$xDataKey;if(groupIndex%xLabelStep!==0)return null;var cx=groupIndex*groupSlot+groupSlot/2;var rawLabel=slots.xDataKey?String((_row$slots$xDataKey=row[slots.xDataKey])!=null?_row$slots$xDataKey:''):String(groupIndex);var label=slots.xTickFormatter?slots.xTickFormatter(rawLabel,groupIndex):rawLabel;var secondary=secondaryLabelMap==null?void 0:secondaryLabelMap[groupIndex];return jsxs(G,{children:[jsx(Text$1,{x:cx,y:plotHeight+TICK_FONT_SIZE+4,fontSize:TICK_FONT_SIZE,fill:tickColor,textAnchor:"middle",children:label}),secondary!==undefined&&secondary!==null?jsx(Text$1,{x:cx,y:plotHeight+TICK_FONT_SIZE+4+SECONDARY_LABEL_FONT_SIZE+2,fontSize:SECONDARY_LABEL_FONT_SIZE,fill:tickColor,textAnchor:"middle",children:String(secondary)}):null]},`xtick-${groupIndex}`);})]}),slots.xLabel?jsx(Text$1,{x:plotWidth/2,y:plotHeight+padding.bottom-4,fontSize:AXIS_LABEL_FONT_SIZE,fill:tickColor,textAnchor:"middle",children:slots.xLabel}):null]}),slots.hasLegend&&jsx(G,{x:padding.left,y:size.height-LEGEND_HEIGHT+6,children:visibleBars.map(function(bar,idx){var _dataColorMapping$bar6,_dataColorMapping$bar7,_bar$name2;var fillToken=(_dataColorMapping$bar6=(_dataColorMapping$bar7=dataColorMapping[bar.dataKey])==null?void 0:_dataColorMapping$bar7.colorToken)!=null?_dataColorMapping$bar6:bar.color;var fill=fillToken?getIn(theme.colors,fillToken):tickColor;var labelText=(_bar$name2=bar.name)!=null?_bar$name2:bar.dataKey;var stride=Math.max(80,plotWidth/Math.max(1,visibleBars.length));var x=idx*stride;return jsxs(G,{x:x,children:[jsx(Rect,{x:0,y:0,width:LEGEND_DOT_SIZE,height:LEGEND_DOT_SIZE,rx:theme.border.radius['2xsmall'],fill:fill}),jsx(Text$1,{x:LEGEND_DOT_SIZE+6,y:LEGEND_DOT_SIZE-1,fontSize:TICK_FONT_SIZE,fill:tickColor,children:labelText})]},`legend-${bar.dataKey}`);})})]}):null,slots.hasTooltip&&activeIndex!==undefined&&tooltipRows.length>0&&size.width>0?jsxs(View,{pointerEvents:"none",style:{position:'absolute',top:padding.top,left:Math.max(padding.left,Math.min(size.width-160-padding.right,padding.left+activeIndex*groupSlot+groupSlot/2-80)),minWidth:120,maxWidth:200,backgroundColor:getIn(theme.colors,'popup.background.gray.intense'),borderRadius:theme.border.radius.medium,paddingHorizontal:theme.spacing[3],paddingVertical:theme.spacing[3],shadowColor:'#000',shadowOpacity:0.2,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:4},children:[activeLabel?jsx(Box,{paddingBottom:"spacing.2",children:jsx(Text,{size:"small",weight:"semibold",color:"surface.text.staticWhite.normal",children:activeLabel})}):null,tooltipRows.map(function(row){return jsxs(Box,{display:"flex",flexDirection:"row",alignItems:"center",paddingY:"spacing.1",children:[jsx(View,{style:{width:8,height:8,borderRadius:2,backgroundColor:row.color,marginRight:theme.spacing[2]}}),jsx(Box,{flex:1,children:jsx(Text,{size:"xsmall",color:"surface.text.staticWhite.normal",children:row.label})}),jsx(Text,{size:"xsmall",weight:"semibold",color:"surface.text.staticWhite.normal",children:row.displayValue})]},row.key);})]}):null]})}))})});};
 
 export { ChartBar, ChartBarWrapper };
 //# sourceMappingURL=BarChart.native.js.map

package/build/lib/native/components/Charts/BarChart/BarChart.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.native.js","sources":["../../../../../../src/components/Charts/BarChart/BarChart.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChartBar = (_prop: ChartBarProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ChartBar is not yet implemented for native',\n    moduleName: 'ChartBar',\n  });\n\n  return <Text>ChartBar is not available for Native mobile apps.</Text>;\n};\n\nconst ChartBarWrapper = (_prop: ChartBarWrapperProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ChartBarWrapper is not yet implemented for native',\n    moduleName: 'ChartBarWrapper',\n  });\n\n  return <Text>ChartLine is not available for Native mobile apps.</Text>;\n};\n\nexport type { ChartBarProps, ChartBarWrapperProps };\nexport { ChartBar, ChartBarWrapper };\n"],"names":["ChartBar","_prop","throwBladeError","message","moduleName","_jsx","Text","children","ChartBarWrapper"],"mappings":";;;;;;;;AAKM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,KAAoB,CAAyB,CAC7DC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,mDAAiD,CAAM,CAAC,CACvE,EAEM,IAAAC,eAAe,CAAG,SAAlBA,eAAeA,CAAIP,KAA2B,CAAyB,CAC3EC,eAAe,CAAC,CACdC,OAAO,CAAE,mDAAmD,CAC5DC,UAAU,CAAE,iBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,oDAAkD,CAAM,CAAC,CACxE;;;;"}
+{"version":3,"file":"BarChart.native.js","sources":["../../../../../../src/components/Charts/BarChart/BarChart.native.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Svg, Rect, Line, Text as SvgText, G } from 'react-native-svg';\nimport { Pressable, View } from 'react-native';\nimport type { GestureResponderEvent, LayoutChangeEvent } from 'react-native';\nimport { useChartsColorTheme, assignDataColorMapping, getHighestColorInRange } from '../utils';\nimport {\n  CommonChartComponentsContext,\n  componentId as commonComponentIds,\n} from '../CommonChartComponents';\nimport type {\n  DataColorMapping,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartReferenceLineProps,\n  ChartTooltipProps,\n} from '../CommonChartComponents';\nimport type {\n  ChartsCategoricalColorToken,\n  ChartSequentialColorToken,\n} from '../CommonChartComponents/types';\nimport { BarChartContext } from './BarChartContext';\nimport { componentIds, BAR_CHART_CORNER_RADIUS } from './tokens';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport type { TestID, DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { logger } from '~utils/logger';\nimport { metaAttribute } from '~utils/metaAttribute';\n\n// Plot padding is in raw SVG pixels because react-native-svg works in pixel\n// space; it does not consume Blade's spacing tokens directly. The values\n// roughly correspond to spacing.4 (top/right), spacing.6 (bottom), and\n// spacing.8 (left to fit Y-axis ticks).\nconst PLOT_PADDING = { top: 16, right: 16, bottom: 32, left: 40 };\nconst Y_TICK_COUNT = 4;\nconst LEGEND_HEIGHT = 28;\nconst LEGEND_DOT_SIZE = 10;\nconst TICK_FONT_SIZE = 10;\nconst AXIS_LABEL_FONT_SIZE = 11;\nconst SECONDARY_LABEL_FONT_SIZE = 10;\n// Spacing between secondary tick labels and the X-axis title.\nconst X_AXIS_TITLE_GAP = 6;\n\ntype ReferenceLineSlot = {\n  y: number;\n  label?: string;\n};\n\ntype TooltipFormatter = NonNullable<ChartTooltipProps['formatter']>;\n\ntype ChildSlots = {\n  bars: {\n    dataKey: string;\n    name?: string;\n    color?: ChartsCategoricalColorToken | ChartSequentialColorToken;\n    stackId?: string;\n    hide?: boolean;\n  }[];\n  hasXAxis: boolean;\n  xDataKey?: string;\n  xSecondaryDataKey?: string;\n  xTickFormatter?: (value: string, index: number) => string;\n  xInterval?: number;\n  xLabel?: string;\n  hasYAxis: boolean;\n  yLabel?: string;\n  hasLegend: boolean;\n  hasGrid: boolean;\n  referenceLines: ReferenceLineSlot[];\n  hasTooltip: boolean;\n  tooltipFormatter?: TooltipFormatter;\n};\n\nconst readChildSlots = (children: React.ReactNode): ChildSlots => {\n  const slots: ChildSlots = {\n    bars: [],\n    hasXAxis: false,\n    hasYAxis: false,\n    hasLegend: false,\n    hasGrid: false,\n    referenceLines: [],\n    hasTooltip: false,\n  };\n\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return;\n    const id = getComponentId(child);\n    if (id === componentIds.chartBar) {\n      const props = child.props as ChartBarProps;\n      slots.bars.push({\n        dataKey: props.dataKey as string,\n        name: props.name as string | undefined,\n        color: props.color,\n        stackId: props.stackId as string | undefined,\n        hide: props.hide,\n      });\n    } else if (id === commonComponentIds.chartXAxis) {\n      const props = child.props as ChartXAxisProps;\n      slots.hasXAxis = true;\n      slots.xDataKey = props.dataKey;\n      slots.xSecondaryDataKey = props.secondaryDataKey;\n      slots.xTickFormatter = props.tickFormatter;\n      slots.xInterval = props.interval;\n      slots.xLabel = props.label;\n    } else if (id === commonComponentIds.chartYAxis) {\n      const props = child.props as ChartYAxisProps;\n      slots.hasYAxis = true;\n      slots.yLabel = props.label;\n    } else if (id === commonComponentIds.chartLegend) {\n      slots.hasLegend = true;\n    } else if (id === commonComponentIds.chartCartesianGrid) {\n      slots.hasGrid = true;\n    } else if (id === commonComponentIds.chartTooltip) {\n      slots.hasTooltip = true;\n      const props = child.props as ChartTooltipProps;\n      if (typeof props.formatter === 'function') {\n        slots.tooltipFormatter = props.formatter;\n      }\n    } else if (id === commonComponentIds.chartReferenceLine) {\n      const props = child.props as ChartReferenceLineProps;\n      // Native MVP supports horizontal reference lines (constant Y). The web\n      // component also takes `x` for vertical lines — see the DEV warning below\n      // and follow-up work for the vertical case.\n      if (typeof props.y === 'number') {\n        slots.referenceLines.push({\n          y: props.y,\n          label: typeof props.label === 'string' ? props.label : undefined,\n        });\n      } else if (__DEV__) {\n        logger({\n          type: 'warn',\n          moduleName: 'ChartReferenceLine',\n          message:\n            'Only horizontal reference lines (numeric `y` prop) are supported on native. The provided line will not be rendered.',\n        });\n      }\n    }\n  });\n\n  return slots;\n};\n\nconst niceCeil = (raw: number): number => {\n  if (raw <= 0) return 1;\n  const exponent = Math.floor(Math.log10(raw));\n  const fraction = raw / 10 ** exponent;\n  const niceFraction = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 5 ? 5 : 10;\n  return niceFraction * 10 ** exponent;\n};\n\nconst formatYTick = (value: number): string => {\n  const abs = Math.abs(value);\n  if (abs >= 1_000_000) return `${(value / 1_000_000).toFixed(abs >= 10_000_000 ? 0 : 1)}M`;\n  if (abs >= 1_000) return `${(value / 1_000).toFixed(abs >= 10_000 ? 0 : 1)}K`;\n  return String(value);\n};\n\nconst _ChartBar = (_props: ChartBarProps): React.ReactElement | null => {\n  return null;\n};\n\n/**\n * ChartBar\n *\n * Marker component declaring a bar series inside ChartBarWrapper.\n * On native this component renders nothing on its own — ChartBarWrapper\n * reads its props (`dataKey`, `name`, `color`, `stackId`) and renders the bars.\n */\nconst ChartBar = assignWithoutSideEffects(_ChartBar, {\n  componentId: componentIds.chartBar,\n});\n\nconst ChartBarWrapper: React.FC<ChartBarWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'categorical',\n  layout = 'horizontal',\n  data = [],\n  testID,\n  ...restProps\n}) => {\n  const { theme } = useTheme();\n  const [size, setSize] = useState<{ width: number; height: number }>({\n    width: 0,\n    height: 0,\n  });\n  const [activeIndex, setActiveIndex] = useState<number | undefined>(undefined);\n\n  const verticalWarned = useRef(false);\n  useEffect(() => {\n    if (!__DEV__) return;\n    if (layout === 'vertical' && !verticalWarned.current) {\n      verticalWarned.current = true;\n      logger({\n        type: 'warn',\n        moduleName: 'BarChart',\n        message:\n          '`layout=\"vertical\"` is not yet implemented on native — falling back to horizontal. Track support in the native ChartBar roadmap.',\n      });\n    }\n  }, [layout]);\n\n  const onLayout = (e: LayoutChangeEvent): void => {\n    const { width, height } = e.nativeEvent.layout;\n    if (width !== size.width || height !== size.height) {\n      setSize({ width, height });\n    }\n  };\n\n  const slots = useMemo(() => readChildSlots(children), [children]);\n  const visibleBars = slots.bars.filter((b) => !b.hide);\n\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'bar',\n    chartDataIndicators: visibleBars.length,\n  });\n\n  const dataColorMapping = useMemo<DataColorMapping>(() => {\n    const mapping: DataColorMapping = {};\n    visibleBars.forEach((bar) => {\n      mapping[bar.dataKey] = {\n        colorToken: bar.color!,\n        isCustomColor: Boolean(bar.color),\n      };\n    });\n    assignDataColorMapping(mapping, themeColors);\n    return mapping;\n  }, [visibleBars, themeColors]);\n\n  const secondaryLabelMap = useMemo(() => {\n    if (!slots.xSecondaryDataKey || !data?.length) return undefined;\n    const map: Record<number, string | number | undefined> = {};\n    data.forEach((row, index) => {\n      map[index] = row[slots.xSecondaryDataKey!] as string | number | undefined;\n    });\n    return map;\n  }, [data, slots.xSecondaryDataKey]);\n\n  const stackGroups = useMemo(() => {\n    const groupOrder: string[] = [];\n    const map = new Map<string, typeof visibleBars>();\n    visibleBars.forEach((bar) => {\n      const key = bar.stackId ?? `__solo__${bar.dataKey}`;\n      if (!map.has(key)) {\n        map.set(key, []);\n        groupOrder.push(key);\n      }\n      map.get(key)!.push(bar);\n    });\n    return groupOrder.map((key) => ({ key, bars: map.get(key)! }));\n  }, [visibleBars]);\n\n  const dataMax = useMemo(() => {\n    if (!data.length) return 0;\n    let max = 0;\n    data.forEach((row) => {\n      stackGroups.forEach((group) => {\n        const sum = group.bars.reduce((acc, bar) => acc + (Number(row[bar.dataKey]) || 0), 0);\n        if (sum > max) max = sum;\n      });\n    });\n    return max;\n  }, [data, stackGroups]);\n\n  const yMax = niceCeil(dataMax);\n  const yTicks = useMemo(() => {\n    const ticks: number[] = [];\n    for (let i = 0; i <= Y_TICK_COUNT; i++) {\n      ticks.push((yMax / Y_TICK_COUNT) * i);\n    }\n    return ticks;\n  }, [yMax]);\n\n  const showAxes = slots.hasXAxis || slots.hasYAxis;\n  // Expand bottom padding when both the primary tick label and a secondary\n  // tick label AND the X-axis title are all rendered — otherwise the title\n  // text bleeds into the secondary labels with only a few pixels of gap.\n  const needsExtraBottomPad = Boolean(slots.xLabel && slots.xSecondaryDataKey);\n  const padding = showAxes\n    ? {\n        ...PLOT_PADDING,\n        bottom: needsExtraBottomPad\n          ? PLOT_PADDING.bottom + SECONDARY_LABEL_FONT_SIZE + X_AXIS_TITLE_GAP\n          : PLOT_PADDING.bottom,\n      }\n    : { top: 0, right: 0, bottom: 0, left: 0 };\n  const legendH = slots.hasLegend ? LEGEND_HEIGHT : 0;\n\n  const plotWidth = Math.max(0, size.width - padding.left - padding.right);\n  const plotHeight = Math.max(0, size.height - padding.top - padding.bottom - legendH);\n\n  const groupCount = data.length;\n  const barsPerGroup = stackGroups.length;\n  const groupSlot = groupCount > 0 ? plotWidth / groupCount : 0;\n  const groupInnerPadding = Math.min(8, groupSlot * 0.2);\n  const groupContentWidth = Math.max(0, groupSlot - groupInnerPadding * 2);\n  const barWidth = barsPerGroup > 0 ? groupContentWidth / barsPerGroup : 0;\n\n  const xLabelStep = Math.max(1, (slots.xInterval ?? 0) + 1);\n\n  const tickColor = getIn(theme.colors, 'surface.text.gray.muted');\n  const axisLineColor = getIn(theme.colors, 'surface.border.gray.muted');\n  const gridColor = getIn(theme.colors, 'surface.border.gray.subtle');\n\n  // Map a tap's local x-coordinate to a bar-group index. Returns undefined if\n  // the tap fell outside the plotting region.\n  const groupAtX = (localX: number): number | undefined => {\n    if (groupCount === 0 || groupSlot === 0) return undefined;\n    const plotX = localX - padding.left;\n    if (plotX < 0 || plotX > plotWidth) return undefined;\n    return Math.min(groupCount - 1, Math.max(0, Math.floor(plotX / groupSlot)));\n  };\n\n  const handleChartPress = (e: GestureResponderEvent): void => {\n    if (!slots.hasTooltip) return;\n    const next = groupAtX(e.nativeEvent.locationX);\n    setActiveIndex((prev) => (prev === next ? undefined : next));\n  };\n\n  const activeRow = activeIndex !== undefined ? data[activeIndex] : undefined;\n  const activeLabelRaw =\n    activeRow && slots.xDataKey ? String(activeRow[slots.xDataKey] ?? activeIndex) : undefined;\n  const activeLabel = activeLabelRaw\n    ? slots.xTickFormatter\n      ? slots.xTickFormatter(activeLabelRaw, activeIndex ?? 0)\n      : activeLabelRaw\n    : undefined;\n\n  const tooltipRows = useMemo(() => {\n    if (!activeRow) return [];\n    return visibleBars.map((bar) => {\n      const rawValue = Number(activeRow[bar.dataKey]) || 0;\n      const fillToken = dataColorMapping[bar.dataKey]?.colorToken ?? bar.color;\n      const fillColor = fillToken ? getIn(theme.colors, fillToken) : tickColor;\n      let displayValue = String(rawValue);\n      let label = bar.name ?? bar.dataKey;\n      const formatter = slots.tooltipFormatter;\n      if (formatter) {\n        // Recharts' formatter signature is (value, name, item, index, payload) =>\n        // string | [value, name]. Honor either shape on native.\n        try {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const formatted = (formatter as any)(\n            rawValue,\n            bar.dataKey,\n            undefined,\n            activeIndex,\n            activeRow,\n          );\n          if (Array.isArray(formatted)) {\n            if (formatted[0] !== undefined && formatted[0] !== null) {\n              displayValue = String(formatted[0]);\n            }\n            if (formatted[1] !== undefined && formatted[1] !== null) {\n              label = String(formatted[1]);\n            }\n          } else if (formatted !== undefined && formatted !== null) {\n            displayValue = String(formatted);\n          }\n        } catch {\n          // Formatter threw — fall back to the raw value silently.\n        }\n      }\n      return {\n        key: bar.dataKey,\n        color: fillColor,\n        displayValue,\n        label,\n      };\n    });\n  }, [\n    activeRow,\n    visibleBars,\n    dataColorMapping,\n    theme.colors,\n    tickColor,\n    slots.tooltipFormatter,\n    activeIndex,\n  ]);\n\n  return (\n    <CommonChartComponentsContext.Provider\n      value={{\n        chartName: 'bar',\n        dataColorMapping,\n        secondaryLabelMap,\n        dataLength: data?.length,\n      }}\n    >\n      <BarChartContext.Provider\n        value={{\n          layout,\n          activeIndex,\n          colorTheme,\n          totalBars: visibleBars.length,\n        }}\n      >\n        <BaseBox\n          {...metaAttribute({ name: 'bar-chart', testID })}\n          {...makeAnalyticsAttribute(restProps)}\n          width=\"100%\"\n          height=\"100%\"\n          {...restProps}\n        >\n          <Pressable\n            style={{ flex: 1, width: '100%' }}\n            onLayout={onLayout}\n            onPress={handleChartPress}\n            // Hide ripple/highlight visuals so the chart still looks like a chart.\n            android_disableSound={true}\n          >\n            {data.length === 0 ? (\n              <Box\n                flex={1}\n                display=\"flex\"\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                padding=\"spacing.6\"\n              >\n                <Text size=\"small\" color=\"surface.text.gray.muted\">\n                  No data to display\n                </Text>\n              </Box>\n            ) : size.width > 0 && size.height > 0 ? (\n              <Svg width={size.width} height={size.height}>\n                <G x={padding.left} y={padding.top}>\n                  {slots.hasGrid &&\n                    yTicks.map((tick, idx) => {\n                      const y = plotHeight - (tick / yMax) * plotHeight;\n                      return (\n                        <Line\n                          key={`grid-${idx}`}\n                          x1={0}\n                          x2={plotWidth}\n                          y1={y}\n                          y2={y}\n                          stroke={gridColor}\n                          strokeWidth={1}\n                        />\n                      );\n                    })}\n\n                  {slots.hasYAxis && (\n                    <>\n                      <Line\n                        x1={0}\n                        x2={0}\n                        y1={0}\n                        y2={plotHeight}\n                        stroke={axisLineColor}\n                        strokeWidth={1}\n                      />\n                      {yTicks.map((tick, idx) => {\n                        const y = plotHeight - (tick / yMax) * plotHeight;\n                        return (\n                          <SvgText\n                            key={`ytick-${idx}`}\n                            x={-6}\n                            y={y + TICK_FONT_SIZE / 3}\n                            fontSize={TICK_FONT_SIZE}\n                            fill={tickColor}\n                            textAnchor=\"end\"\n                          >\n                            {formatYTick(tick)}\n                          </SvgText>\n                        );\n                      })}\n                    </>\n                  )}\n\n                  {data.map((row, groupIndex) => {\n                    const groupX = groupIndex * groupSlot + groupInnerPadding;\n                    return (\n                      <G key={`group-${groupIndex}`} x={groupX}>\n                        {stackGroups.map((stack, stackIndex) => {\n                          let stackBaseValue = 0;\n                          return stack.bars.map((bar, barInStackIndex) => {\n                            const value = Number(row[bar.dataKey]) || 0;\n                            const valueAtTop = stackBaseValue + value;\n                            const yTop = plotHeight - (valueAtTop / yMax) * plotHeight;\n                            const yBottom = plotHeight - (stackBaseValue / yMax) * plotHeight;\n                            const barHeight = Math.max(0, yBottom - yTop);\n                            const x = stackIndex * barWidth;\n                            const fillToken =\n                              dataColorMapping[bar.dataKey]?.colorToken ?? bar.color;\n                            const fill = fillToken ? getIn(theme.colors, fillToken) : tickColor;\n                            const accentToken = getHighestColorInRange({\n                              colorToken: fillToken,\n                              followIntensityMapping: Boolean(\n                                dataColorMapping[bar.dataKey]?.isCustomColor,\n                              ),\n                            });\n                            const accentFill = accentToken\n                              ? getIn(theme.colors, accentToken)\n                              : fill;\n                            stackBaseValue = valueAtTop;\n                            if (!isNumber(value) || barHeight <= 0) return null;\n                            return (\n                              <G key={`bar-${groupIndex}-${stackIndex}-${barInStackIndex}`}>\n                                <Rect\n                                  x={x}\n                                  y={yTop}\n                                  width={barWidth}\n                                  height={barHeight}\n                                  rx={BAR_CHART_CORNER_RADIUS}\n                                  ry={BAR_CHART_CORNER_RADIUS}\n                                  fill={fill}\n                                />\n                                {barInStackIndex === stack.bars.length - 1 && barHeight > 2 ? (\n                                  <Rect\n                                    x={x}\n                                    y={yTop}\n                                    width={barWidth}\n                                    height={1.5}\n                                    fill={accentFill}\n                                  />\n                                ) : null}\n                              </G>\n                            );\n                          });\n                        })}\n                      </G>\n                    );\n                  })}\n\n                  {slots.referenceLines.map((line, idx) => {\n                    if (line.y > yMax || line.y < 0) return null;\n                    const y = plotHeight - (line.y / yMax) * plotHeight;\n                    return (\n                      <G key={`refline-${idx}`}>\n                        <Line\n                          x1={0}\n                          x2={plotWidth}\n                          y1={y}\n                          y2={y}\n                          stroke={getIn(theme.colors, 'surface.border.gray.normal')}\n                          strokeWidth={1}\n                          strokeDasharray=\"4 4\"\n                        />\n                        {line.label ? (\n                          <SvgText\n                            x={plotWidth - 4}\n                            y={y - 4}\n                            fontSize={TICK_FONT_SIZE}\n                            fill={tickColor}\n                            textAnchor=\"end\"\n                          >\n                            {line.label}\n                          </SvgText>\n                        ) : null}\n                      </G>\n                    );\n                  })}\n\n                  {slots.hasXAxis && (\n                    <>\n                      <Line\n                        x1={0}\n                        x2={plotWidth}\n                        y1={plotHeight}\n                        y2={plotHeight}\n                        stroke={axisLineColor}\n                        strokeWidth={1}\n                      />\n                      {data.map((row, groupIndex) => {\n                        if (groupIndex % xLabelStep !== 0) return null;\n                        const cx = groupIndex * groupSlot + groupSlot / 2;\n                        const rawLabel = slots.xDataKey\n                          ? String(row[slots.xDataKey] ?? '')\n                          : String(groupIndex);\n                        const label = slots.xTickFormatter\n                          ? slots.xTickFormatter(rawLabel, groupIndex)\n                          : rawLabel;\n                        const secondary = secondaryLabelMap?.[groupIndex];\n                        return (\n                          <G key={`xtick-${groupIndex}`}>\n                            <SvgText\n                              x={cx}\n                              y={plotHeight + TICK_FONT_SIZE + 4}\n                              fontSize={TICK_FONT_SIZE}\n                              fill={tickColor}\n                              textAnchor=\"middle\"\n                            >\n                              {label}\n                            </SvgText>\n                            {secondary !== undefined && secondary !== null ? (\n                              <SvgText\n                                x={cx}\n                                y={plotHeight + TICK_FONT_SIZE + 4 + SECONDARY_LABEL_FONT_SIZE + 2}\n                                fontSize={SECONDARY_LABEL_FONT_SIZE}\n                                fill={tickColor}\n                                textAnchor=\"middle\"\n                              >\n                                {String(secondary)}\n                              </SvgText>\n                            ) : null}\n                          </G>\n                        );\n                      })}\n                    </>\n                  )}\n\n                  {slots.xLabel ? (\n                    <SvgText\n                      x={plotWidth / 2}\n                      y={plotHeight + padding.bottom - 4}\n                      fontSize={AXIS_LABEL_FONT_SIZE}\n                      fill={tickColor}\n                      textAnchor=\"middle\"\n                    >\n                      {slots.xLabel}\n                    </SvgText>\n                  ) : null}\n                </G>\n\n                {slots.hasLegend && (\n                  <G x={padding.left} y={size.height - LEGEND_HEIGHT + 6}>\n                    {visibleBars.map((bar, idx) => {\n                      const fillToken = dataColorMapping[bar.dataKey]?.colorToken ?? bar.color;\n                      const fill = fillToken ? getIn(theme.colors, fillToken) : tickColor;\n                      const labelText = bar.name ?? bar.dataKey;\n                      const stride = Math.max(80, plotWidth / Math.max(1, visibleBars.length));\n                      const x = idx * stride;\n                      return (\n                        <G key={`legend-${bar.dataKey}`} x={x}>\n                          <Rect\n                            x={0}\n                            y={0}\n                            width={LEGEND_DOT_SIZE}\n                            height={LEGEND_DOT_SIZE}\n                            rx={theme.border.radius['2xsmall']}\n                            fill={fill}\n                          />\n                          <SvgText\n                            x={LEGEND_DOT_SIZE + 6}\n                            y={LEGEND_DOT_SIZE - 1}\n                            fontSize={TICK_FONT_SIZE}\n                            fill={tickColor}\n                          >\n                            {labelText}\n                          </SvgText>\n                        </G>\n                      );\n                    })}\n                  </G>\n                )}\n              </Svg>\n            ) : null}\n\n            {slots.hasTooltip &&\n            activeIndex !== undefined &&\n            tooltipRows.length > 0 &&\n            size.width > 0 ? (\n              <View\n                pointerEvents=\"none\"\n                style={{\n                  position: 'absolute',\n                  top: padding.top,\n                  left: Math.max(\n                    padding.left,\n                    Math.min(\n                      size.width - 160 - padding.right,\n                      padding.left + activeIndex * groupSlot + groupSlot / 2 - 80,\n                    ),\n                  ),\n                  minWidth: 120,\n                  maxWidth: 200,\n                  backgroundColor: getIn(theme.colors, 'popup.background.gray.intense'),\n                  borderRadius: theme.border.radius.medium,\n                  paddingHorizontal: theme.spacing[3],\n                  paddingVertical: theme.spacing[3],\n                  shadowColor: '#000',\n                  shadowOpacity: 0.2,\n                  shadowRadius: 4,\n                  shadowOffset: { width: 0, height: 2 },\n                  elevation: 4,\n                }}\n              >\n                {activeLabel ? (\n                  <Box paddingBottom=\"spacing.2\">\n                    <Text size=\"small\" weight=\"semibold\" color=\"surface.text.staticWhite.normal\">\n                      {activeLabel}\n                    </Text>\n                  </Box>\n                ) : null}\n                {tooltipRows.map((row) => (\n                  <Box\n                    key={row.key}\n                    display=\"flex\"\n                    flexDirection=\"row\"\n                    alignItems=\"center\"\n                    paddingY=\"spacing.1\"\n                  >\n                    <View\n                      style={{\n                        width: 8,\n                        height: 8,\n                        borderRadius: 2,\n                        backgroundColor: row.color,\n                        marginRight: theme.spacing[2],\n                      }}\n                    />\n                    <Box flex={1}>\n                      <Text size=\"xsmall\" color=\"surface.text.staticWhite.normal\">\n                        {row.label}\n                      </Text>\n                    </Box>\n                    <Text size=\"xsmall\" weight=\"semibold\" color=\"surface.text.staticWhite.normal\">\n                      {row.displayValue}\n                    </Text>\n                  </Box>\n                ))}\n              </View>\n            ) : null}\n          </Pressable>\n        </BaseBox>\n      </BarChartContext.Provider>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport type { ChartBarProps, ChartBarWrapperProps };\nexport { ChartBarWrapper, ChartBar };\n"],"names":["PLOT_PADDING","top","right","bottom","left","Y_TICK_COUNT","LEGEND_HEIGHT","LEGEND_DOT_SIZE","TICK_FONT_SIZE","AXIS_LABEL_FONT_SIZE","SECONDARY_LABEL_FONT_SIZE","X_AXIS_TITLE_GAP","readChildSlots","children","slots","bars","hasXAxis","hasYAxis","hasLegend","hasGrid","referenceLines","hasTooltip","React","Children","forEach","child","isValidElement","id","getComponentId","componentIds","chartBar","props","push","dataKey","name","color","stackId","hide","commonComponentIds","chartXAxis","xDataKey","xSecondaryDataKey","secondaryDataKey","xTickFormatter","tickFormatter","xInterval","interval","xLabel","label","chartYAxis","yLabel","chartLegend","chartCartesianGrid","chartTooltip","formatter","tooltipFormatter","chartReferenceLine","y","undefined","__DEV__","logger","type","moduleName","message","niceCeil","raw","exponent","Math","floor","log10","fraction","niceFraction","formatYTick","value","abs","toFixed","String","_ChartBar","_props","ChartBar","assignWithoutSideEffects","componentId","ChartBarWrapper","_ref","_slots$xInterval","_activeRow$slots$xDat","_ref$colorTheme","colorTheme","_ref$layout","layout","_ref$data","data","testID","restProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useState","useState","width","height","_useState2","_slicedToArray","size","setSize","_useState3","_useState4","activeIndex","setActiveIndex","verticalWarned","useRef","useEffect","current","onLayout","e","_e$nativeEvent$layout","nativeEvent","useMemo","visibleBars","filter","b","themeColors","useChartsColorTheme","chartName","chartDataIndicators","length","dataColorMapping","mapping","bar","colorToken","isCustomColor","Boolean","assignDataColorMapping","secondaryLabelMap","map","row","index","stackGroups","groupOrder","Map","_bar$stackId","key","has","set","get","dataMax","max","group","sum","reduce","acc","Number","yMax","yTicks","ticks","i","showAxes","needsExtraBottomPad","padding","Object","assign","legendH","plotWidth","plotHeight","groupCount","barsPerGroup","groupSlot","groupInnerPadding","min","groupContentWidth","barWidth","xLabelStep","tickColor","getIn","colors","axisLineColor","gridColor","groupAtX","localX","plotX","handleChartPress","next","locationX","prev","activeRow","activeLabelRaw","activeLabel","tooltipRows","_dataColorMapping$bar","_dataColorMapping$bar2","_bar$name","rawValue","fillToken","fillColor","displayValue","formatted","Array","isArray","_unused","_jsx","CommonChartComponentsContext","Provider","dataLength","BarChartContext","totalBars","BaseBox","metaAttribute","makeAnalyticsAttribute","_jsxs","Pressable","style","flex","onPress","android_disableSound","Box","display","alignItems","justifyContent","Text","Svg","G","x","tick","idx","Line","x1","x2","y1","y2","stroke","strokeWidth","_Fragment","SvgText","fontSize","fill","textAnchor","groupIndex","groupX","stack","stackIndex","stackBaseValue","barInStackIndex","_dataColorMapping$bar3","_dataColorMapping$bar4","_dataColorMapping$bar5","valueAtTop","yTop","yBottom","barHeight","accentToken","getHighestColorInRange","followIntensityMapping","accentFill","isNumber","Rect","rx","BAR_CHART_CORNER_RADIUS","ry","line","strokeDasharray","_row$slots$xDataKey","cx","rawLabel","secondary","_dataColorMapping$bar6","_dataColorMapping$bar7","_bar$name2","labelText","stride","border","radius","View","pointerEvents","position","minWidth","maxWidth","backgroundColor","borderRadius","medium","paddingHorizontal","spacing","paddingVertical","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","paddingBottom","weight","flexDirection","paddingY","marginRight"],"mappings":"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"}

package/build/lib/native/components/Charts/BarChart/BarChartContext.js

@@ -0,0 +1,6 @@
+import { createContext, useContext } from 'react';
+
+var BarChartContext=createContext({layout:'horizontal',activeIndex:undefined,colorTheme:'categorical',totalBars:0});var useBarChartContext=function useBarChartContext(){return useContext(BarChartContext);};
+
+export { BarChartContext, useBarChartContext };
+//# sourceMappingURL=BarChartContext.js.map

package/build/lib/native/components/Charts/BarChart/BarChartContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartContext.js","sources":["../../../../../../src/components/Charts/BarChart/BarChartContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { BarChartContextType } from './types';\n\nexport const BarChartContext = createContext<BarChartContextType>({\n  layout: 'horizontal',\n  activeIndex: undefined,\n  colorTheme: 'categorical',\n  totalBars: 0,\n});\n\nexport const useBarChartContext = (): BarChartContextType => useContext(BarChartContext);\n"],"names":["BarChartContext","createContext","layout","activeIndex","undefined","colorTheme","totalBars","useBarChartContext","useContext"],"mappings":";;AAGa,IAAAA,eAAe,CAAGC,aAAa,CAAsB,CAChEC,MAAM,CAAE,YAAY,CACpBC,WAAW,CAAEC,SAAS,CACtBC,UAAU,CAAE,aAAa,CACzBC,SAAS,CAAE,CACb,CAAC,EAEY,IAAAC,kBAAkB,CAAG,SAArBA,kBAAkBA,UAA8BC,UAAU,CAACR,eAAe,CAAC,CAAA;;;;"}

package/build/lib/native/components/Charts/BarChart/index.js

@@ -0,0 +1,2 @@
+export { ChartBar, ChartBarWrapper } from './BarChart.native.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Charts/BarChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Charts/BarChart/tokens.js

@@ -0,0 +1,4 @@
+var BAR_CHART_CORNER_RADIUS=2;var DISTANCE_BETWEEN_STACKED_BARS=2;var BAR_SIZE=49;var DISTANCE_BETWEEN_BARS=2;var DISTANCE_BETWEEN_CATEGORY_BARS=2;var ANIMATION_TIME_OFFEST=200;var componentIds={chartBar:'ChartBar'};
+
+export { ANIMATION_TIME_OFFEST, BAR_CHART_CORNER_RADIUS, BAR_SIZE, DISTANCE_BETWEEN_BARS, DISTANCE_BETWEEN_CATEGORY_BARS, DISTANCE_BETWEEN_STACKED_BARS, componentIds };
+//# sourceMappingURL=tokens.js.map

package/build/lib/native/components/Charts/BarChart/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Charts/BarChart/tokens.ts"],"sourcesContent":["// Arbitrary sequential limit per palette (we will not have this in updated design)\nconst BAR_CHART_CORNER_RADIUS = 2;\nconst DISTANCE_BETWEEN_STACKED_BARS = 2;\nconst BAR_SIZE = 49;\nconst DISTANCE_BETWEEN_BARS = 2;\nconst DISTANCE_BETWEEN_CATEGORY_BARS = 2;\nconst ANIMATION_TIME_OFFEST = 200;\n\nconst componentIds = {\n  chartBar: 'ChartBar',\n};\n\nexport {\n  componentIds,\n  DISTANCE_BETWEEN_STACKED_BARS,\n  BAR_CHART_CORNER_RADIUS,\n  BAR_SIZE,\n  DISTANCE_BETWEEN_BARS,\n  DISTANCE_BETWEEN_CATEGORY_BARS,\n  ANIMATION_TIME_OFFEST,\n};\n"],"names":["BAR_CHART_CORNER_RADIUS","DISTANCE_BETWEEN_STACKED_BARS","BAR_SIZE","DISTANCE_BETWEEN_BARS","DISTANCE_BETWEEN_CATEGORY_BARS","ANIMATION_TIME_OFFEST","componentIds","chartBar"],"mappings":"AACM,IAAAA,uBAAuB,CAAG,EAC1B,IAAAC,6BAA6B,CAAG,EAChC,IAAAC,QAAQ,CAAG,GACX,IAAAC,qBAAqB,CAAG,EACxB,IAAAC,8BAA8B,CAAG,EACjC,IAAAC,qBAAqB,CAAG,IAExB,IAAAC,YAAY,CAAG,CACnBC,QAAQ,CAAE,UACZ;;;;"}

package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js

@@ -1,12 +1,8 @@
-import 'react';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import '../../Typography/Heading/Heading.js';
-import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { jsx } from 'react/jsx-runtime';
+import { componentId } from './tokens.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var ChartXAxis=function ChartXAxis(){throwBladeError({message:'XAxis is not yet implemented for native',moduleName:'XAxis'});return jsx(Text,{children:"LineChart is not available for Native mobile apps."});};var ChartYAxis=function ChartYAxis(){throwBladeError({message:'ChartYAxis is not yet implemented for native',moduleName:'ChartYAxis'});return jsx(Text,{children:"LineChart is not available for Native mobile apps."});};var ChartCartesianGrid=function ChartCartesianGrid(){throwBladeError({message:'ChartCartesianGrid is not yet implemented for native',moduleName:'ChartCartesianGrid'});return jsx(Text,{children:"LineChart is not available for Native mobile apps."});};var ChartTooltip=function ChartTooltip(){throwBladeError({message:'ChartTooltip is not yet implemented for native',moduleName:'ChartTooltip'});return jsx(Text,{children:"ChartTooltip is not available for Native mobile apps."});};var ChartLegend=function ChartLegend(){throwBladeError({message:'ChartLegend is not yet implemented for native',moduleName:'ChartLegend'});return jsx(Text,{children:"ChartLegend is not available for Native mobile apps."});};var ChartReferenceLine=function ChartReferenceLine(){throwBladeError({message:'XAxis is not yet implemented for native',moduleName:'XAxis'});return jsx(Text,{children:"XAxis is not available for Native mobile apps."});};
+var _ChartXAxis=function _ChartXAxis(_props){return null;};var ChartXAxis=assignWithoutSideEffects(_ChartXAxis,{componentId:componentId.chartXAxis});var _ChartYAxis=function _ChartYAxis(_props){return null;};var ChartYAxis=assignWithoutSideEffects(_ChartYAxis,{componentId:componentId.chartYAxis});var _ChartCartesianGrid=function _ChartCartesianGrid(_props){return null;};var ChartCartesianGrid=assignWithoutSideEffects(_ChartCartesianGrid,{componentId:componentId.chartCartesianGrid});var _ChartTooltip=function _ChartTooltip(_props){return null;};var ChartTooltip=assignWithoutSideEffects(_ChartTooltip,{componentId:componentId.chartTooltip});var _ChartLegend=function _ChartLegend(_props){return null;};var ChartLegend=assignWithoutSideEffects(_ChartLegend,{componentId:componentId.chartLegend});var _ChartReferenceLine=function _ChartReferenceLine(_props){return null;};var ChartReferenceLine=assignWithoutSideEffects(_ChartReferenceLine,{componentId:componentId.chartReferenceLine});
 
 export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis };
 //# sourceMappingURL=CommonChartComponents.native.js.map

package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonChartComponents.native.js","sources":["../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponents.native.tsx"],"sourcesContent":["import React from 'react';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n} from './types';\nimport { throwBladeError } from '~utils/logger';\nimport { Text } from '~components/Typography';\n\nconst ChartXAxis: React.FC<ChartXAxisProps> = () => {\n  throwBladeError({\n    message: 'XAxis is not yet implemented for native',\n    moduleName: 'XAxis',\n  });\n\n  return <Text>LineChart is not available for Native mobile apps.</Text>;\n};\n\nconst ChartYAxis: React.FC<ChartYAxisProps> = () => {\n  throwBladeError({\n    message: 'ChartYAxis is not yet implemented for native',\n    moduleName: 'ChartYAxis',\n  });\n\n  return <Text>LineChart is not available for Native mobile apps.</Text>;\n};\n\nconst ChartCartesianGrid: React.FC<ChartCartesianGridProps> = () => {\n  throwBladeError({\n    message: 'ChartCartesianGrid is not yet implemented for native',\n    moduleName: 'ChartCartesianGrid',\n  });\n\n  return <Text>LineChart is not available for Native mobile apps.</Text>;\n};\n\nconst ChartTooltip: React.FC<ChartTooltipProps> = () => {\n  throwBladeError({\n    message: 'ChartTooltip is not yet implemented for native',\n    moduleName: 'ChartTooltip',\n  });\n\n  return <Text>ChartTooltip is not available for Native mobile apps.</Text>;\n};\n\nconst ChartLegend: React.FC<ChartLegendProps> = () => {\n  throwBladeError({\n    message: 'ChartLegend is not yet implemented for native',\n    moduleName: 'ChartLegend',\n  });\n\n  return <Text>ChartLegend is not available for Native mobile apps.</Text>;\n};\n\nconst ChartReferenceLine: React.FC<ChartReferenceLineProps> = () => {\n  throwBladeError({\n    message: 'XAxis is not yet implemented for native',\n    moduleName: 'XAxis',\n  });\n\n  return <Text>XAxis is not available for Native mobile apps.</Text>;\n};\n\nexport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n};\nexport {\n  ChartXAxis,\n  ChartYAxis,\n  ChartCartesianGrid,\n  ChartLegend,\n  ChartTooltip,\n  ChartReferenceLine,\n};\n"],"names":["ChartXAxis","throwBladeError","message","moduleName","_jsx","Text","children","ChartYAxis","ChartCartesianGrid","ChartTooltip","ChartLegend","ChartReferenceLine"],"mappings":";;;;;;;;AAYM,IAAAA,UAAqC,CAAG,SAAxCA,UAAqCA,EAAS,CAClDC,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,oDAAkD,CAAM,CAAC,CACxE,EAEM,IAAAC,UAAqC,CAAG,SAAxCA,UAAqCA,EAAS,CAClDN,eAAe,CAAC,CACdC,OAAO,CAAE,8CAA8C,CACvDC,UAAU,CAAE,YACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,oDAAkD,CAAM,CAAC,CACxE,EAEM,IAAAE,kBAAqD,CAAG,SAAxDA,kBAAqDA,EAAS,CAClEP,eAAe,CAAC,CACdC,OAAO,CAAE,sDAAsD,CAC/DC,UAAU,CAAE,oBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,oDAAkD,CAAM,CAAC,CACxE,EAEM,IAAAG,YAAyC,CAAG,SAA5CA,YAAyCA,EAAS,CACtDR,eAAe,CAAC,CACdC,OAAO,CAAE,gDAAgD,CACzDC,UAAU,CAAE,cACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,uDAAqD,CAAM,CAAC,CAC3E,EAEM,IAAAI,WAAuC,CAAG,SAA1CA,WAAuCA,EAAS,CACpDT,eAAe,CAAC,CACdC,OAAO,CAAE,+CAA+C,CACxDC,UAAU,CAAE,aACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,sDAAoD,CAAM,CAAC,CAC1E,EAEM,IAAAK,kBAAqD,CAAG,SAAxDA,kBAAqDA,EAAS,CAClEV,eAAe,CAAC,CACdC,OAAO,CAAE,yCAAyC,CAClDC,UAAU,CAAE,OACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,gDAA8C,CAAM,CAAC,CACpE;;;;"}
+{"version":3,"file":"CommonChartComponents.native.js","sources":["../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponents.native.tsx"],"sourcesContent":["import type React from 'react';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n} from './types';\nimport { componentId } from './tokens';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\n/**\n * On native, common chart components are *marker* components.\n * Chart wrappers (ChartBarWrapper, ChartLineWrapper, ...) read their props\n * via `React.Children.forEach` + `getComponentId(child)` and render the chart\n * themselves with `react-native-svg`. The marker components themselves render\n * nothing.\n *\n * ChartTooltip is consumed by ChartBarWrapper today. Other chart wrappers\n * that haven't yet implemented tooltip rendering will silently ignore it\n * until support lands.\n */\nconst _ChartXAxis = (_props: ChartXAxisProps): React.ReactElement | null => null;\nconst ChartXAxis = assignWithoutSideEffects(_ChartXAxis, {\n  componentId: componentId.chartXAxis,\n});\n\nconst _ChartYAxis = (_props: ChartYAxisProps): React.ReactElement | null => null;\nconst ChartYAxis = assignWithoutSideEffects(_ChartYAxis, {\n  componentId: componentId.chartYAxis,\n});\n\nconst _ChartCartesianGrid = (_props: ChartCartesianGridProps): React.ReactElement | null => null;\nconst ChartCartesianGrid = assignWithoutSideEffects(_ChartCartesianGrid, {\n  componentId: componentId.chartCartesianGrid,\n});\n\nconst _ChartTooltip = (_props: ChartTooltipProps): React.ReactElement | null => null;\nconst ChartTooltip = assignWithoutSideEffects(_ChartTooltip, {\n  componentId: componentId.chartTooltip,\n});\n\nconst _ChartLegend = (_props: ChartLegendProps): React.ReactElement | null => null;\nconst ChartLegend = assignWithoutSideEffects(_ChartLegend, {\n  componentId: componentId.chartLegend,\n});\n\nconst _ChartReferenceLine = (_props: ChartReferenceLineProps): React.ReactElement | null => null;\nconst ChartReferenceLine = assignWithoutSideEffects(_ChartReferenceLine, {\n  componentId: componentId.chartReferenceLine,\n});\n\nexport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n};\nexport {\n  ChartXAxis,\n  ChartYAxis,\n  ChartCartesianGrid,\n  ChartLegend,\n  ChartTooltip,\n  ChartReferenceLine,\n};\n"],"names":["_ChartXAxis","_props","ChartXAxis","assignWithoutSideEffects","componentId","chartXAxis","_ChartYAxis","ChartYAxis","chartYAxis","_ChartCartesianGrid","ChartCartesianGrid","chartCartesianGrid","_ChartTooltip","ChartTooltip","chartTooltip","_ChartLegend","ChartLegend","chartLegend","_ChartReferenceLine","ChartReferenceLine","chartReferenceLine"],"mappings":";;;;AAuBA,IAAMA,WAAW,CAAG,SAAdA,WAAWA,CAAIC,MAAuB,CAAgC,CAAA,OAAA,IAAI,GAC1E,IAAAC,UAAU,CAAGC,wBAAwB,CAACH,WAAW,CAAE,CACvDI,WAAW,CAAEA,WAAW,CAACC,UAC3B,CAAC,EAED,IAAMC,WAAW,CAAG,SAAdA,WAAWA,CAAIL,MAAuB,SAAoC,IAAA,CAAA,CAAA,CAC1E,IAAAM,UAAU,CAAGJ,wBAAwB,CAACG,WAAW,CAAE,CACvDF,WAAW,CAAEA,WAAW,CAACI,UAC3B,CAAC,EAED,IAAMC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIR,MAA+B,CAAA,CAAA,WAAoC,CAChG,CAAA,CAAM,IAAAS,kBAAkB,CAAGP,wBAAwB,CAACM,mBAAmB,CAAE,CACvEL,WAAW,CAAEA,WAAW,CAACO,kBAC3B,CAAC,EAED,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAIX,MAAyB,SAAoC,IAAA,CAAA,CAAA,CAC9E,IAAAY,YAAY,CAAGV,wBAAwB,CAACS,aAAa,CAAE,CAC3DR,WAAW,CAAEA,WAAW,CAACU,YAC3B,CAAC,EAED,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAId,MAAwB,CAAA,CAAA,WAAoC,CAClF,CAAA,CAAM,IAAAe,WAAW,CAAGb,wBAAwB,CAACY,YAAY,CAAE,CACzDX,WAAW,CAAEA,WAAW,CAACa,WAC3B,CAAC,EAED,IAAMC,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAIjB,MAA+B,CAAgC,CAAA,OAAA,IAAI,GAC1F,IAAAkB,kBAAkB,CAAGhB,wBAAwB,CAACe,mBAAmB,CAAE,CACvEd,WAAW,CAAEA,WAAW,CAACgB,kBAC3B,CAAC;;;;"}

package/build/lib/native/components/Charts/CommonChartComponents/index.js

@@ -0,0 +1,4 @@
+export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis } from './CommonChartComponents.native.js';
+export { CommonChartComponentsContext, useCommonChartComponentsContext } from './CommonChartComponentsContext.js';
+export { DEFAULT_COLOR, componentId } from './tokens.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Charts/CommonChartComponents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/native/components/Charts/CommonChartComponents/tokens.js

@@ -1,4 +1,4 @@
-var DEFAULT_COLOR='data.background.categorical.gray.moderate';
+var RECT_WIDTH=80;var RECT_HEIGHT=30;var TEXT_BASELINE=15;var PADDING_VERTICAL=4;var PADDING_HORIZONTAL=8;var X_OFFSET=32;var Y_OFFSET=14.5;var X_AXIS_TEXT_BASELINE=24;var X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL=48;var X_AXIS_TICK_LINE_HEIGHT=14.5;var X_AXIS_TICK_START_DY=8;var X_AXIS_LABEL_GAP=4;var X_AXIS_BOTTOM_PADDING=8;var X_AXIS_LABEL_OFFSET=8;var X_AXIS_LABEL_HEIGHT=16;var LEGEND_MARGIN_TOP=8;var MIN_WIDTH=RECT_WIDTH;var MAX_WIDTH=200;var DEFAULT_COLOR='data.background.categorical.blue.moderate';var componentId={chartLegend:'chart-legend',chartXAxis:'chart-x-axis',chartYAxis:'chart-y-axis',chartCartesianGrid:'chart-cartesian-grid',chartTooltip:'chart-tooltip',chartReferenceLine:'chart-reference-line'};
 
-export { DEFAULT_COLOR };
+export { DEFAULT_COLOR, LEGEND_MARGIN_TOP, MAX_WIDTH, MIN_WIDTH, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT, RECT_WIDTH, TEXT_BASELINE, X_AXIS_BOTTOM_PADDING, X_AXIS_LABEL_GAP, X_AXIS_LABEL_HEIGHT, X_AXIS_LABEL_OFFSET, X_AXIS_TEXT_BASELINE, X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL, X_AXIS_TICK_LINE_HEIGHT, X_AXIS_TICK_START_DY, X_OFFSET, Y_OFFSET, componentId };
 //# sourceMappingURL=tokens.js.map

package/build/lib/native/components/Charts/CommonChartComponents/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Charts/CommonChartComponents/tokens.ts"],"sourcesContent":["const RECT_WIDTH = 80;\nconst RECT_HEIGHT = 30;\nconst TEXT_BASELINE = 15;\n\n// Padding for text inside the rectangle (4px vertical, 8px horizontal)\nconst PADDING_VERTICAL = 4;\nconst PADDING_HORIZONTAL = 8;\n\nconst X_OFFSET = 32;\nconst Y_OFFSET = 14.5;\nconst X_AXIS_TEXT_BASELINE = 24;\nconst X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL = 48;\n\n// X-axis tick label constants\nconst X_AXIS_TICK_LINE_HEIGHT = 14.5;\nconst X_AXIS_TICK_START_DY = 8;\nconst X_AXIS_LABEL_GAP = 4;\nconst X_AXIS_BOTTOM_PADDING = 8;\n\n// Gap between tick labels and X-axis label (e.g., \"Month\")\nconst X_AXIS_LABEL_OFFSET = 8;\n// Height of the X-axis label text\nconst X_AXIS_LABEL_HEIGHT = 16;\n\n// Legend spacing from X-axis label (or tick labels if no label)\nconst LEGEND_MARGIN_TOP = 8;\n\nconst MIN_WIDTH = RECT_WIDTH;\nconst MAX_WIDTH = 200;\n\nconst DEFAULT_COLOR = 'data.background.categorical.gray.moderate';\n\nconst componentId = {\n  chartLegend: 'chart-legend',\n  chartXAxis: 'chart-x-axis',\n};\n\nexport {\n  componentId,\n  RECT_WIDTH,\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_OFFSET,\n  Y_OFFSET,\n  X_AXIS_TEXT_BASELINE,\n  X_AXIS_TICK_LINE_HEIGHT,\n  X_AXIS_TICK_START_DY,\n  X_AXIS_LABEL_GAP,\n  X_AXIS_BOTTOM_PADDING,\n  X_AXIS_LABEL_OFFSET,\n  X_AXIS_LABEL_HEIGHT,\n  LEGEND_MARGIN_TOP,\n  MIN_WIDTH,\n  MAX_WIDTH,\n  DEFAULT_COLOR,\n  X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL,\n};\n"],"names":["DEFAULT_COLOR"],"mappings":"AA8BM,IAAAA,aAAa,CAAG;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Charts/CommonChartComponents/tokens.ts"],"sourcesContent":["const RECT_WIDTH = 80;\nconst RECT_HEIGHT = 30;\nconst TEXT_BASELINE = 15;\n\n// Padding for text inside the rectangle (4px vertical, 8px horizontal)\nconst PADDING_VERTICAL = 4;\nconst PADDING_HORIZONTAL = 8;\n\nconst X_OFFSET = 32;\nconst Y_OFFSET = 14.5;\nconst X_AXIS_TEXT_BASELINE = 24;\nconst X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL = 48;\n\n// X-axis tick label constants\nconst X_AXIS_TICK_LINE_HEIGHT = 14.5;\nconst X_AXIS_TICK_START_DY = 8;\nconst X_AXIS_LABEL_GAP = 4;\nconst X_AXIS_BOTTOM_PADDING = 8;\n\n// Gap between tick labels and X-axis label (e.g., \"Month\")\nconst X_AXIS_LABEL_OFFSET = 8;\n// Height of the X-axis label text\nconst X_AXIS_LABEL_HEIGHT = 16;\n\n// Legend spacing from X-axis label (or tick labels if no label)\nconst LEGEND_MARGIN_TOP = 8;\n\nconst MIN_WIDTH = RECT_WIDTH;\nconst MAX_WIDTH = 200;\n\nconst DEFAULT_COLOR = 'data.background.categorical.blue.moderate';\n\nconst componentId = {\n  chartLegend: 'chart-legend',\n  chartXAxis: 'chart-x-axis',\n  chartYAxis: 'chart-y-axis',\n  chartCartesianGrid: 'chart-cartesian-grid',\n  chartTooltip: 'chart-tooltip',\n  chartReferenceLine: 'chart-reference-line',\n};\n\nexport {\n  componentId,\n  RECT_WIDTH,\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_OFFSET,\n  Y_OFFSET,\n  X_AXIS_TEXT_BASELINE,\n  X_AXIS_TICK_LINE_HEIGHT,\n  X_AXIS_TICK_START_DY,\n  X_AXIS_LABEL_GAP,\n  X_AXIS_BOTTOM_PADDING,\n  X_AXIS_LABEL_OFFSET,\n  X_AXIS_LABEL_HEIGHT,\n  LEGEND_MARGIN_TOP,\n  MIN_WIDTH,\n  MAX_WIDTH,\n  DEFAULT_COLOR,\n  X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL,\n};\n"],"names":["RECT_WIDTH","RECT_HEIGHT","TEXT_BASELINE","PADDING_VERTICAL","PADDING_HORIZONTAL","X_OFFSET","Y_OFFSET","X_AXIS_TEXT_BASELINE","X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL","X_AXIS_TICK_LINE_HEIGHT","X_AXIS_TICK_START_DY","X_AXIS_LABEL_GAP","X_AXIS_BOTTOM_PADDING","X_AXIS_LABEL_OFFSET","X_AXIS_LABEL_HEIGHT","LEGEND_MARGIN_TOP","MIN_WIDTH","MAX_WIDTH","DEFAULT_COLOR","componentId","chartLegend","chartXAxis","chartYAxis","chartCartesianGrid","chartTooltip","chartReferenceLine"],"mappings":"AAAM,IAAAA,UAAU,CAAG,GACb,IAAAC,WAAW,CAAG,GACd,IAAAC,aAAa,CAAG,GAGhB,IAAAC,gBAAgB,CAAG,EACnB,IAAAC,kBAAkB,CAAG,EAErB,IAAAC,QAAQ,CAAG,GACX,IAAAC,QAAQ,CAAG,KACX,IAAAC,oBAAoB,CAAG,GACvB,IAAAC,yCAAyC,CAAG,GAG5C,IAAAC,uBAAuB,CAAG,KAC1B,IAAAC,oBAAoB,CAAG,EACvB,IAAAC,gBAAgB,CAAG,EACnB,IAAAC,qBAAqB,CAAG,EAGxB,IAAAC,mBAAmB,CAAG,EAEtB,IAAAC,mBAAmB,CAAG,GAGtB,IAAAC,iBAAiB,CAAG,EAEpB,IAAAC,SAAS,CAAGhB,WACZ,IAAAiB,SAAS,CAAG,IAEZ,IAAAC,aAAa,CAAG,4CAEhB,IAAAC,WAAW,CAAG,CAClBC,WAAW,CAAE,cAAc,CAC3BC,UAAU,CAAE,cAAc,CAC1BC,UAAU,CAAE,cAAc,CAC1BC,kBAAkB,CAAE,sBAAsB,CAC1CC,YAAY,CAAE,eAAe,CAC7BC,kBAAkB,CAAE,sBACtB;;;;"}

package/build/lib/native/components/Charts/DonutChart/AnimatedDonutSlice.native.js

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+import { Path } from 'react-native-svg';
+import Animated, { useSharedValue, withTiming, cancelAnimation, useAnimatedProps } from 'react-native-reanimated';
+import { jsx } from 'react/jsx-runtime';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Charts/DonutChart/AnimatedDonutSlice.native.tsx";var AnimatedPath=Animated.createAnimatedComponent(Path);var DIMMED_OPACITY=0.2;var FULL_OPACITY=1;var getAnnularSectorPath=function getAnnularSectorPath(cx,cy,innerRadius,outerRadius,a0,a1){'worklet';var sweepMag=Math.abs(a1-a0);if(sweepMag<=0.001){return '';}var toRad=function toRad(deg){return deg*Math.PI/180;};var outerStartX=cx+outerRadius*Math.cos(toRad(a0));var outerStartY=cy-outerRadius*Math.sin(toRad(a0));var outerEndX=cx+outerRadius*Math.cos(toRad(a1));var outerEndY=cy-outerRadius*Math.sin(toRad(a1));var innerEndX=cx+innerRadius*Math.cos(toRad(a1));var innerEndY=cy-innerRadius*Math.sin(toRad(a1));var innerStartX=cx+innerRadius*Math.cos(toRad(a0));var innerStartY=cy-innerRadius*Math.sin(toRad(a0));var largeArc=sweepMag>180?1:0;var outerSweep=a1<a0?1:0;var innerSweep=a1<a0?0:1;return [`M ${outerStartX} ${outerStartY}`,`A ${outerRadius} ${outerRadius} 0 ${largeArc} ${outerSweep} ${outerEndX} ${outerEndY}`,`L ${innerEndX} ${innerEndY}`,`A ${innerRadius} ${innerRadius} 0 ${largeArc} ${innerSweep} ${innerStartX} ${innerStartY}`,'Z'].join(' ');};var AnimatedDonutSlice=function AnimatedDonutSlice(_ref){var cx=_ref.cx,cy=_ref.cy,innerRadius=_ref.innerRadius,outerRadius=_ref.outerRadius,startAngle=_ref.startAngle,endAngle=_ref.endAngle,fill=_ref.fill,stroke=_ref.stroke,strokeWidth=_ref.strokeWidth,sweepProgress=_ref.sweepProgress,isDimmed=_ref.isDimmed,onPress=_ref.onPress,_ref$isInteractive=_ref.isInteractive,isInteractive=_ref$isInteractive===void 0?true:_ref$isInteractive,motionDuration=_ref.motionDuration,motionEasing=_ref.motionEasing;var opacity=useSharedValue(FULL_OPACITY);useEffect(function(){opacity.value=withTiming(isDimmed?DIMMED_OPACITY:FULL_OPACITY,{duration:motionDuration,easing:motionEasing});return function(){cancelAnimation(opacity);};},[isDimmed,motionDuration,motionEasing,opacity]);var animatedProps=useAnimatedProps(function(){var currentEnd=startAngle+(endAngle-startAngle)*sweepProgress.value;return {d:getAnnularSectorPath(cx,cy,innerRadius,outerRadius,startAngle,currentEnd),opacity:opacity.value};});var staticPath=getAnnularSectorPath(cx,cy,innerRadius,outerRadius,startAngle,endAngle);return jsx(AnimatedPath,{d:staticPath,fill:fill!=null?fill:'transparent',stroke:stroke,strokeWidth:strokeWidth,opacity:isDimmed?DIMMED_OPACITY:FULL_OPACITY,animatedProps:animatedProps,onPress:isInteractive?onPress:undefined});};
+
+export { AnimatedDonutSlice, getAnnularSectorPath };
+//# sourceMappingURL=AnimatedDonutSlice.native.js.map

package/build/lib/native/components/Charts/DonutChart/AnimatedDonutSlice.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedDonutSlice.native.js","sources":["../../../../../../src/components/Charts/DonutChart/AnimatedDonutSlice.native.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Path } from 'react-native-svg';\nimport Animated, {\n  cancelAnimation,\n  useAnimatedProps,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport type { EasingFactoryFn, SharedValue } from 'react-native-reanimated';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst DIMMED_OPACITY = 0.2;\nconst FULL_OPACITY = 1;\n\ntype AnimatedDonutSliceProps = {\n  cx: number;\n  cy: number;\n  innerRadius: number;\n  outerRadius: number;\n  /** Fixed start angle of the slice, in recharts degrees (CCW-positive with y flipped). */\n  startAngle: number;\n  /** Target end angle of the slice; the drawn arc sweeps from `startAngle` to here. */\n  endAngle: number;\n  fill?: string;\n  stroke?: string;\n  strokeWidth?: number;\n  /** Shared 0→1 progress driving the sweep-in draw. Shared across every slice. */\n  sweepProgress: SharedValue<number>;\n  /** When true the slice fades to a muted opacity (another slice is active). */\n  isDimmed: boolean;\n  onPress?: () => void;\n  /** Stroke rings are non-interactive (mirrors the web pointer-events:none Pie). */\n  isInteractive?: boolean;\n  motionDuration: number;\n  motionEasing: EasingFactoryFn;\n};\n\n/**\n * Builds an SVG path string for one annular sector (a donut slice) spanning the\n * radii `innerRadius`→`outerRadius`, sweeping from angle `a0` to `a1`.\n *\n * Angles follow the recharts convention used across the web DonutChart: degrees\n * measured counter-clockwise from the +x axis, converted to screen space with\n * `x = cx + r·cos(a)`, `y = cy − r·sin(a)`. Because slices are laid out clockwise\n * on screen (`a1 < a0`), the outer arc uses SVG sweep-flag 1 and the inner arc\n * (drawn in reverse) uses sweep-flag 0.\n *\n * Marked as a worklet so it can run on the UI thread inside `useAnimatedProps`.\n */\nconst getAnnularSectorPath = (\n  cx: number,\n  cy: number,\n  innerRadius: number,\n  outerRadius: number,\n  a0: number,\n  a1: number,\n): string => {\n  'worklet';\n  const sweepMag = Math.abs(a1 - a0);\n  if (sweepMag <= 0.001) {\n    return '';\n  }\n\n  const toRad = (deg: number): number => (deg * Math.PI) / 180;\n  const outerStartX = cx + outerRadius * Math.cos(toRad(a0));\n  const outerStartY = cy - outerRadius * Math.sin(toRad(a0));\n  const outerEndX = cx + outerRadius * Math.cos(toRad(a1));\n  const outerEndY = cy - outerRadius * Math.sin(toRad(a1));\n  const innerEndX = cx + innerRadius * Math.cos(toRad(a1));\n  const innerEndY = cy - innerRadius * Math.sin(toRad(a1));\n  const innerStartX = cx + innerRadius * Math.cos(toRad(a0));\n  const innerStartY = cy - innerRadius * Math.sin(toRad(a0));\n\n  const largeArc = sweepMag > 180 ? 1 : 0;\n  const outerSweep = a1 < a0 ? 1 : 0;\n  const innerSweep = a1 < a0 ? 0 : 1;\n\n  return [\n    `M ${outerStartX} ${outerStartY}`,\n    `A ${outerRadius} ${outerRadius} 0 ${largeArc} ${outerSweep} ${outerEndX} ${outerEndY}`,\n    `L ${innerEndX} ${innerEndY}`,\n    `A ${innerRadius} ${innerRadius} 0 ${largeArc} ${innerSweep} ${innerStartX} ${innerStartY}`,\n    'Z',\n  ].join(' ');\n};\n\n/**\n * A single animated donut slice.\n *\n * - The sweep-in draw is produced by `useAnimatedProps` recomputing the arc `d`\n *   from the shared `sweepProgress` (mirrors recharts' mount/data-change draw-in).\n * - The highlight is an animated `opacity` (1 ↔ 0.2) — the touch equivalent of\n *   the web hover dim on non-active slices.\n *\n * A static `d`/`opacity` is also passed so the fully-drawn slice renders even in\n * environments where the reanimated driver is mocked (e.g. jest snapshots).\n */\nconst AnimatedDonutSlice = ({\n  cx,\n  cy,\n  innerRadius,\n  outerRadius,\n  startAngle,\n  endAngle,\n  fill,\n  stroke,\n  strokeWidth,\n  sweepProgress,\n  isDimmed,\n  onPress,\n  isInteractive = true,\n  motionDuration,\n  motionEasing,\n}: AnimatedDonutSliceProps): React.ReactElement => {\n  const opacity = useSharedValue(FULL_OPACITY);\n\n  useEffect(() => {\n    opacity.value = withTiming(isDimmed ? DIMMED_OPACITY : FULL_OPACITY, {\n      duration: motionDuration,\n      easing: motionEasing,\n    });\n    return () => {\n      cancelAnimation(opacity);\n    };\n  }, [isDimmed, motionDuration, motionEasing, opacity]);\n\n  const animatedProps = useAnimatedProps(() => {\n    const currentEnd = startAngle + (endAngle - startAngle) * sweepProgress.value;\n    return {\n      d: getAnnularSectorPath(cx, cy, innerRadius, outerRadius, startAngle, currentEnd),\n      opacity: opacity.value,\n    };\n  });\n\n  const staticPath = getAnnularSectorPath(cx, cy, innerRadius, outerRadius, startAngle, endAngle);\n\n  return (\n    <AnimatedPath\n      d={staticPath}\n      fill={fill ?? 'transparent'}\n      stroke={stroke}\n      strokeWidth={strokeWidth}\n      opacity={isDimmed ? DIMMED_OPACITY : FULL_OPACITY}\n      animatedProps={animatedProps}\n      onPress={isInteractive ? onPress : undefined}\n    />\n  );\n};\n\nexport { AnimatedDonutSlice, getAnnularSectorPath };\n"],"names":["this","AnimatedPath","Animated","createAnimatedComponent","Path","DIMMED_OPACITY","FULL_OPACITY","getAnnularSectorPath","cx","cy","innerRadius","outerRadius","a0","a1","sweepMag","Math","abs","toRad","deg","PI","outerStartX","cos","outerStartY","sin","outerEndX","outerEndY","innerEndX","innerEndY","innerStartX","innerStartY","largeArc","outerSweep","innerSweep","join","AnimatedDonutSlice","_ref","startAngle","endAngle","fill","stroke","strokeWidth","sweepProgress","isDimmed","onPress","_ref$isInteractive","isInteractive","motionDuration","motionEasing","opacity","useSharedValue","useEffect","value","withTiming","duration","easing","cancelAnimation","animatedProps","useAnimatedProps","currentEnd","d","staticPath","_jsx","undefined"],"mappings":"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"}

package/build/lib/native/components/Charts/DonutChart/DonutChart.native.js

@@ -1,12 +1,44 @@
-import 'react';
-import '../../Typography/Heading/Heading.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { isValidElement, useState, useRef, useMemo, useEffect } from 'react';
+import { View, Pressable } from 'react-native';
+import { Svg, G } from 'react-native-svg';
+import { useSharedValue, withTiming, cancelAnimation } from 'react-native-reanimated';
+import '../utils/index.js';
+import { componentId as componentId$1 } from '../CommonChartComponents/tokens.js';
+import '../CommonChartComponents/index.js';
+import { AnimatedDonutSlice } from './AnimatedDonutSlice.native.js';
+import { componentId, RADIUS_MAPPING, BASE_CONTAINER_SIZE, START_AND_END_ANGLES } from './tokens.js';
+import '../../BladeProvider/index.js';
+import '../../Typography/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/isValidAllowedChildren/index.js';
+import { useControllableState } from '../../../utils/useControllable.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { isSequentialColor } from '../utils/isSequentialColor.js';
+import { getHighestColorInRange } from '../utils/getHighestColorInRange.js';
+import { totalChartColors } from '../utils/tokens.js';
+import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import useChartsColorTheme from '../utils/useColorTheme.js';
+import { sanitizeString } from '../utils/sanitizeString/sanitizeString.js';
+import { assignDataColorMapping } from '../utils/assignDataColorMapping/assignDataColorMapping.js';
+import { castNativeType } from '../../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.native.js';
 import { Text } from '../../Typography/Text/Text.js';
-import '../../Typography/Code/Code.js';
-import '../../Typography/Display/Display.js';
-import { throwBladeError } from '../../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
+import { CommonChartComponentsContext } from '../CommonChartComponents/CommonChartComponentsContext.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 
-var ChartDonutWrapper=function ChartDonutWrapper(_prop){throwBladeError({message:'ChartDonutWrapper is not yet implemented for native',moduleName:'ChartDonutWrapper'});return jsx(Text,{children:"ChartDonutWrapper is not available for Native mobile apps."});};var ChartDonut=function ChartDonut(_prop){throwBladeError({message:'ChartDonut is not yet implemented for native',moduleName:'ChartDonut'});return jsx(Text,{children:"ChartDonut is not available for Native mobile apps."});};var ChartDonutCell=function ChartDonutCell(_prop){throwBladeError({message:'ChartDonutCell is not yet implemented for native',moduleName:'ChartDonutCell'});return jsx(Text,{children:"ChartDonut is not available for Native mobile apps."});};
+var _excluded=["children","content","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Charts/DonutChart/DonutChart.native.tsx";var PADDING_ANGLE=1.5;var STROKE_RING_WIDTH=0.75;var LEGEND_SWATCH_SIZE=12;var TOOLTIP_WIDTH=160;var getItemName=function getItemName(item,nameKey){if(!item)return undefined;if(!nameKey)return item.name;if(typeof nameKey==='function')return nameKey(item);return item[nameKey];};var getScaledRadius=function getScaledRadius(baseRadius,containerSize,baseContainerSize){if(containerSize<=0)return baseRadius;var scaleFactor=Math.min(containerSize/baseContainerSize,1);return Math.round(baseRadius*scaleFactor);};var getLegendColorToken=function getLegendColorToken(mapped,totalKeys){if(!mapped)return undefined;var mappedColor=mapped.colorToken;if(mappedColor&&isSequentialColor(mappedColor)){return mappedColor;}if(!mappedColor)return undefined;return getHighestColorInRange({colorToken:mappedColor,followIntensityMapping:mapped.isCustomColor||totalKeys>totalChartColors});};var parseCoordinate=function parseCoordinate(coord,dimension,fallback){if(typeof coord==='number')return coord;if(typeof coord==='string'&&coord.trim().endsWith('%')){var fraction=parseFloat(coord)/100;if(!Number.isNaN(fraction))return fraction*dimension;}return fallback;};var readChildSlots=function readChildSlots(children){var slots={hasLegend:false,hasTooltip:false};React__default.Children.forEach(children,function(child){if(!isValidElement(child))return;var id=getComponentId(child);if(id===componentId.chartDonut){var _ref,_props$cx,_props$cy,_props$radius,_props$colorTheme,_props$type;var props=child.props;var cells=[];React__default.Children.forEach(props.children,function(donutChild){if(isValidElement(donutChild)&&getComponentId(donutChild)===componentId.cell){cells.push({color:donutChild.props.color});}});slots.donut={data:Array.isArray(props.data)?props.data:[],dataKey:(_ref=props.dataKey)!=null?_ref:'value',nameKey:props.nameKey,cx:(_props$cx=props.cx)!=null?_props$cx:'50%',cy:(_props$cy=props.cy)!=null?_props$cy:'50%',radius:(_props$radius=props.radius)!=null?_props$radius:'medium',colorTheme:(_props$colorTheme=props.colorTheme)!=null?_props$colorTheme:'categorical',type:(_props$type=props.type)!=null?_props$type:'circle',cells:cells};}else if(id===componentId$1.chartLegend){var _props2$layout,_props2$align;var _props2=child.props;slots.hasLegend=true;slots.legend={selectedDataKeys:_props2.selectedDataKeys,defaultSelectedDataKeys:_props2.defaultSelectedDataKeys,onSelectedDataKeysChange:_props2.onSelectedDataKeysChange,layout:(_props2$layout=_props2.layout)!=null?_props2$layout:'horizontal',align:(_props2$align=_props2.align)!=null?_props2$align:'right'};}else if(id===componentId$1.chartTooltip){slots.hasTooltip=true;var _props3=child.props;if(typeof _props3.formatter==='function'){slots.tooltipFormatter=_props3.formatter;}}});return slots;};var _ChartDonut=function _ChartDonut(_props){return null;};var ChartDonut=assignWithoutSideEffects(_ChartDonut,{componentId:componentId.chartDonut});var _ChartDonutCell=function _ChartDonutCell(_props){return null;};var ChartDonutCell=assignWithoutSideEffects(_ChartDonutCell,{componentId:componentId.cell});var ChartDonutWrapper=function ChartDonutWrapper(_ref2){var _donut$dataKey,_donut$type,_donut$radius,_donut$colorTheme,_slots$legend,_slots$legend2,_slots$legend$layout,_slots$legend4,_slots$legend$align,_slots$legend5;var children=_ref2.children,content=_ref2.content,testID=_ref2.testID,restProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useState=useState({width:0,height:0}),_useState2=_slicedToArray(_useState,2),size=_useState2[0],setSize=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),activeIndex=_useState4[0],setActiveIndex=_useState4[1];var hasUserInteractedRef=useRef(false);var slots=useMemo(function(){return readChildSlots(children);},[children]);var donut=slots.donut;var donutData=useMemo(function(){var _donut$data;return (_donut$data=donut==null?void 0:donut.data)!=null?_donut$data:[];},[donut]);var dataKey=(_donut$dataKey=donut==null?void 0:donut.dataKey)!=null?_donut$dataKey:'value';var nameKey=donut==null?void 0:donut.nameKey;var donutType=(_donut$type=donut==null?void 0:donut.type)!=null?_donut$type:'circle';var donutRadius=(_donut$radius=donut==null?void 0:donut.radius)!=null?_donut$radius:'medium';var colorTheme=(_donut$colorTheme=donut==null?void 0:donut.colorTheme)!=null?_donut$colorTheme:'categorical';var themeColors=useChartsColorTheme({colorTheme:colorTheme,chartName:'donut'});var dataColorMapping=useMemo(function(){var mapping={};if(!donut)return mapping;var cells=donut.cells;donutData.forEach(function(item,index){var _cells$index;var itemName=getItemName(item,nameKey);if(itemName===undefined||itemName===null)return;var cellColor=(_cells$index=cells[index])==null?void 0:_cells$index.color;mapping[sanitizeString(itemName)]={colorToken:cellColor!=null?cellColor:themeColors[index],isCustomColor:Boolean(cellColor)};});assignDataColorMapping(mapping,themeColors);return mapping;},[donut,donutData,nameKey,themeColors]);var allDataKeys=useMemo(function(){return Object.keys(dataColorMapping);},[dataColorMapping]);var legendControlledValue=(_slots$legend=slots.legend)==null?void 0:_slots$legend.selectedDataKeys;var legendDefaultValue=(_slots$legend2=slots.legend)==null?void 0:_slots$legend2.defaultSelectedDataKeys;var isControlled=legendControlledValue!==undefined;var shouldAutoSelectAllDataKeys=!isControlled&&legendDefaultValue===undefined;var _useControllableState=useControllableState({value:legendControlledValue,defaultValue:legendDefaultValue!=null?legendDefaultValue:allDataKeys}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedKeysArray=_useControllableState2[0],setSelectedKeysArray=_useControllableState2[1];useEffect(function(){if(!shouldAutoSelectAllDataKeys||hasUserInteractedRef.current||allDataKeys.length===0){return;}var isSelectedStateInSync=selectedKeysArray.length===allDataKeys.length&&allDataKeys.every(function(key){return selectedKeysArray.includes(key);});if(!isSelectedStateInSync){setSelectedKeysArray(function(){return _toConsumableArray(allDataKeys);},true);}},[allDataKeys,selectedKeysArray,setSelectedKeysArray,shouldAutoSelectAllDataKeys]);useEffect(function(){if(allDataKeys.length>0&&selectedKeysArray.length>0){var hasOverlap=selectedKeysArray.some(function(key){return allDataKeys.includes(key);});if(!hasOverlap){setSelectedKeysArray(function(){return _toConsumableArray(allDataKeys);});}}},[allDataKeys,selectedKeysArray,setSelectedKeysArray]);var handleToggle=function handleToggle(dataKeyToToggle){var _slots$legend3;hasUserInteractedRef.current=true;var newSelectedKeys=selectedKeysArray.includes(dataKeyToToggle)?selectedKeysArray.filter(function(key){return key!==dataKeyToToggle;}):[].concat(_toConsumableArray(selectedKeysArray),[dataKeyToToggle]);setSelectedKeysArray(function(){return newSelectedKeys;});(_slots$legend3=slots.legend)==null?void 0:_slots$legend3.onSelectedDataKeysChange==null?void 0:_slots$legend3.onSelectedDataKeysChange({dataKey:dataKeyToToggle,selectedKeysArray:newSelectedKeys});};var _useMemo=useMemo(function(){var filtered=[];var indexMap={};donutData.forEach(function(item,originalIdx){var itemName=getItemName(item,nameKey);var sanitized=sanitizeString(itemName);if(!slots.hasLegend||selectedKeysArray.includes(sanitized)){indexMap[filtered.length]=originalIdx;filtered.push(item);}});return {filteredData:filtered,filteredToOriginalIndexMap:indexMap};},[donutData,nameKey,selectedKeysArray,slots.hasLegend]),filteredData=_useMemo.filteredData,filteredToOriginalIndexMap=_useMemo.filteredToOriginalIndexMap;var total=useMemo(function(){return filteredData.reduce(function(acc,item){var value=Number(item[dataKey]);return acc+(Number.isFinite(value)&&value>0?value:0);},0);},[filteredData,dataKey]);var sweepProgress=useSharedValue(0);var motionDuration=castNativeType(makeMotionTime(getIn(theme.motion,'duration.gentle')));var motionEasing=getIn(theme.motion,'easing.standard');var sweepKey=`${filteredData.length}-${selectedKeysArray.join(',')}-${donutType}`;useEffect(function(){sweepProgress.value=0;setActiveIndex(null);sweepProgress.value=withTiming(1,{duration:motionDuration,easing:motionEasing});return function(){cancelAnimation(sweepProgress);};},[sweepKey]);var onLayout=function onLayout(event){var _event$nativeEvent$la=event.nativeEvent.layout,width=_event$nativeEvent$la.width,height=_event$nativeEvent$la.height;if(width!==size.width||height!==size.height){setSize({width:width,height:height});}};var containerSize=Math.min(size.width,size.height);var outerRadius=getScaledRadius(RADIUS_MAPPING[donutRadius].outerRadius,containerSize,BASE_CONTAINER_SIZE[donutRadius]);var innerRadius=getScaledRadius(RADIUS_MAPPING[donutRadius].innerRadius,containerSize,BASE_CONTAINER_SIZE[donutRadius]);var strokeInnerRadius=outerRadius-STROKE_RING_WIDTH;var centerX=parseCoordinate(donut==null?void 0:donut.cx,size.width,size.width/2);var centerY=parseCoordinate(donut==null?void 0:donut.cy,size.height,size.height/2);var _START_AND_END_ANGLES=START_AND_END_ANGLES[donutType],startAngle=_START_AND_END_ANGLES.startAngle,endAngle=_START_AND_END_ANGLES.endAngle;var slices=useMemo(function(){if(total<=0||filteredData.length===0)return [];var spanMagnitude=Math.abs(endAngle-startAngle);var direction=endAngle>=startAngle?1:-1;var isFullCircle=spanMagnitude>=359.999;var sliceCount=filteredData.length;var gapCount=isFullCircle?sliceCount:Math.max(0,sliceCount-1);var totalPadding=PADDING_ANGLE*gapCount;if(totalPadding>=spanMagnitude)totalPadding=0;var sliceableMagnitude=spanMagnitude-totalPadding;var cursor=startAngle;return filteredData.map(function(item,index){var _filteredToOriginalIn,_donut$cells$original;var rawValue=Number(item[dataKey]);var value=Number.isFinite(rawValue)&&rawValue>0?rawValue:0;var fraction=total>0?value/total:0;var sliceMagnitude=fraction*sliceableMagnitude;var sliceStart=cursor;var sliceEnd=cursor+direction*sliceMagnitude;cursor=sliceEnd;if(isFullCircle||index<sliceCount-1){cursor+=direction*PADDING_ANGLE;}var originalIndex=(_filteredToOriginalIn=filteredToOriginalIndexMap[index])!=null?_filteredToOriginalIn:index;var cellColor=donut==null?void 0:(_donut$cells$original=donut.cells[originalIndex])==null?void 0:_donut$cells$original.color;var fillToken=cellColor!=null?cellColor:themeColors[originalIndex];var accentToken=getHighestColorInRange({colorToken:fillToken,followIntensityMapping:Boolean(cellColor)});return {startAngle:sliceStart,endAngle:sliceEnd,fill:getIn(theme.colors,fillToken),accent:getIn(theme.colors,accentToken),name:getItemName(item,nameKey),value:value,originalIndex:originalIndex};});},[total,filteredData,startAngle,endAngle,dataKey,filteredToOriginalIndexMap,donut,themeColors,nameKey,theme.colors]);var handleSlicePress=function handleSlicePress(index){setActiveIndex(function(prev){return prev===index?null:index;});};useEffect(function(){if(activeIndex!==null&&activeIndex>=slices.length){setActiveIndex(null);}},[activeIndex,slices.length]);var isContentObject=Boolean(content)&&typeof content==='object'&&!isValidElement(content);var contentAsObject=isContentObject?content:undefined;var hasCenterLabel=Boolean(contentAsObject&&'label'in contentAsObject);var hasCenterValue=Boolean(contentAsObject&&'value'in contentAsObject);var hasCenterContent=hasCenterLabel||hasCenterValue||isValidElement(content);var legendLayout=(_slots$legend$layout=(_slots$legend4=slots.legend)==null?void 0:_slots$legend4.layout)!=null?_slots$legend$layout:'horizontal';var legendAlign=(_slots$legend$align=(_slots$legend5=slots.legend)==null?void 0:_slots$legend5.align)!=null?_slots$legend$align:'right';var activeSlice=activeIndex!==null?slices[activeIndex]:undefined;var tooltipInfo=useMemo(function(){if(!slots.hasTooltip||!activeSlice)return undefined;var rawLabel=activeSlice.name!=null?String(activeSlice.name):'';var displayValue=String(activeSlice.value);var label=rawLabel;var formatter=slots.tooltipFormatter;if(formatter){try{var formatted=formatter(activeSlice.value,rawLabel,undefined,activeIndex!=null?activeIndex:0,undefined);if(Array.isArray(formatted)){if(formatted[0]!==undefined&&formatted[0]!==null)displayValue=String(formatted[0]);if(formatted[1]!==undefined&&formatted[1]!==null)label=String(formatted[1]);}else if(formatted!==undefined&&formatted!==null){displayValue=String(formatted);}}catch(_unused){}}return {label:label,displayValue:displayValue,color:activeSlice.fill};},[slots.hasTooltip,slots.tooltipFormatter,activeSlice,activeIndex]);var tooltipPosition=useMemo(function(){if(!activeSlice||size.width<=0)return undefined;var midAngle=(activeSlice.startAngle+activeSlice.endAngle)/2;var midRadius=(innerRadius+outerRadius)/2;var rad=midAngle*Math.PI/180;var pointX=centerX+midRadius*Math.cos(rad);var pointY=centerY-midRadius*Math.sin(rad);var left=Math.max(0,Math.min(size.width-TOOLTIP_WIDTH,pointX-TOOLTIP_WIDTH/2));var ESTIMATED_TOOLTIP_HEIGHT=48;var top=Math.max(0,Math.min(size.height-ESTIMATED_TOOLTIP_HEIGHT,pointY));return {left:left,top:top};},[activeSlice,size.width,size.height,innerRadius,outerRadius,centerX,centerY]);var legendNode=slots.hasLegend?jsx(View,{style:{flexDirection:legendLayout==='vertical'?'column':'row',flexWrap:'wrap',justifyContent:'center',alignItems:legendLayout==='vertical'?'flex-start':'center',gap:theme.spacing[5],paddingVertical:theme.spacing[3],paddingHorizontal:theme.spacing[3]},children:allDataKeys.map(function(key){var isSelected=selectedKeysArray.includes(key);var colorToken=getLegendColorToken(dataColorMapping[key],allDataKeys.length);return jsxs(Pressable,{onPress:function onPress(){return handleToggle(key);},style:{flexDirection:'row',alignItems:'center'},accessibilityRole:"button",accessibilityState:{selected:isSelected},accessibilityLabel:key,children:[jsx(View,{style:{width:LEGEND_SWATCH_SIZE,height:LEGEND_SWATCH_SIZE,borderRadius:theme.border.radius['2xsmall'],backgroundColor:colorToken?getIn(theme.colors,colorToken):undefined,opacity:isSelected?1:0.4,marginRight:theme.spacing[2]}}),jsx(Text,{size:"medium",color:"surface.text.gray.muted",textDecorationLine:isSelected?'none':'line-through',children:key})]},key);})}):null;var chartArea=jsxs(View,{style:{flex:1},onLayout:onLayout,testID:"donut-chart-canvas",children:[size.width>0&&size.height>0&&slices.length>0?jsxs(Svg,{width:size.width,height:size.height,children:[jsx(G,{children:slices.map(function(slice,index){return jsx(AnimatedDonutSlice,{cx:centerX,cy:centerY,innerRadius:innerRadius,outerRadius:outerRadius,startAngle:slice.startAngle,endAngle:slice.endAngle,fill:slice.fill,sweepProgress:sweepProgress,isDimmed:activeIndex!==null&&activeIndex!==index,onPress:function onPress(){return handleSlicePress(index);},motionDuration:motionDuration,motionEasing:motionEasing},`slice-${slice.originalIndex}-${index}`);})}),jsx(G,{pointerEvents:"none",children:slices.map(function(slice,index){return jsx(AnimatedDonutSlice,{cx:centerX,cy:centerY,innerRadius:strokeInnerRadius,outerRadius:outerRadius,startAngle:slice.startAngle,endAngle:slice.endAngle,fill:"transparent",stroke:slice.accent,strokeWidth:STROKE_RING_WIDTH,sweepProgress:sweepProgress,isDimmed:activeIndex!==null&&activeIndex!==index,isInteractive:false,motionDuration:motionDuration,motionEasing:motionEasing},`stroke-${slice.originalIndex}-${index}`);})})]}):null,hasCenterContent&&size.width>0?jsx(View,{pointerEvents:"none",style:{position:'absolute',left:0,right:0,top:0,bottom:0,alignItems:'center',justifyContent:'center'},children:isValidElement(content)?content:jsxs(Fragment,{children:[hasCenterLabel?jsx(Text,{size:"small",color:"surface.text.gray.muted",children:contentAsObject==null?void 0:contentAsObject.label}):null,hasCenterValue?jsx(Text,{size:"large",weight:"semibold",color:"surface.text.gray.normal",children:contentAsObject==null?void 0:contentAsObject.value}):null]})}):null,tooltipInfo&&tooltipPosition?jsxs(View,{pointerEvents:"none",style:{position:'absolute',left:tooltipPosition.left,top:tooltipPosition.top,width:TOOLTIP_WIDTH,backgroundColor:theme.colors.surface.icon.staticBlack.normal,borderRadius:theme.border.radius.large,borderWidth:theme.border.width.thin,borderColor:theme.colors.surface.border.gray.muted,paddingHorizontal:theme.spacing[3],paddingVertical:theme.spacing[3],shadowColor:'#000',shadowOpacity:0.24,shadowRadius:12,shadowOffset:{width:0,height:6},elevation:8,flexDirection:'row',alignItems:'center'},children:[jsx(View,{style:{width:8,height:8,borderRadius:2,backgroundColor:tooltipInfo.color,marginRight:theme.spacing[2]}}),jsx(View,{style:{flex:1},children:jsx(Text,{size:"xsmall",color:"surface.text.staticWhite.normal",children:tooltipInfo.label})}),jsx(Text,{size:"xsmall",weight:"semibold",color:"surface.text.staticWhite.normal",children:tooltipInfo.displayValue})]}):null]});return jsx(CommonChartComponentsContext.Provider,{value:{chartName:'donut',dataColorMapping:dataColorMapping,selectedDataKeys:selectedKeysArray,setSelectedDataKeys:function setSelectedDataKeys(){return undefined;}},children:jsx(BaseBox,Object.assign({},metaAttribute({name:'donut-chart',testID:testID}),makeAnalyticsAttribute(restProps),{width:"100%",height:"100%"},restProps,{children:donut&&donutData.length>0?jsxs(View,{style:{flex:1,flexDirection:legendLayout==='vertical'?'row':'column'},children:[legendLayout==='vertical'&&legendAlign==='left'?legendNode:null,chartArea,legendLayout==='vertical'&&legendAlign==='right'?legendNode:null,legendLayout==='horizontal'?legendNode:null]}):jsx(View,{style:{flex:1,alignItems:'center',justifyContent:'center'},children:jsx(Text,{size:"small",color:"surface.text.gray.muted",children:"No data to display"})})}))});};
 
 export { ChartDonut, ChartDonutCell, ChartDonutWrapper };
 //# sourceMappingURL=DonutChart.native.js.map