@razorpay/blade 12.55.1 → 12.56.1

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

@@ -0,0 +1,12 @@
+import 'react';
+import '../../Typography/Heading/Heading.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';
+
+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."});};
+
+export { ChartBar, ChartBarWrapper };
+//# sourceMappingURL=BarChart.native.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -32,6 +32,7 @@ export { CheckboxGroup } from './Checkbox/CheckboxGroup/CheckboxGroup.js';
 export { ChatMessage } from './ChatMessage/ChatMessage.native.js';
 export { ChartLine, ChartLineWrapper } from './Charts/LineChart/LineChart.native.js';
 export { ChartArea, ChartAreaWrapper } from './Charts/AreaChart/AreaChart.native.js';
+export { ChartBar, ChartBarWrapper } from './Charts/BarChart/BarChart.native.js';
 export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis } from './Charts/CommonChartComponents/CommonChartComponents.native.js';
 export { Chip } from './Chip/Chip.js';
 export { ChipGroup } from './Chip/ChipGroup.js';

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

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

package/build/lib/web/development/components/Charts/BarChart/BarChart.web.js

@@ -0,0 +1,174 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useState } from 'react';
+import { Bar, ResponsiveContainer, BarChart } from 'recharts';
+import '../utils/index.js';
+import { useBarChartContext, BarChartContext } from './BarChartContext.js';
+import { DISTANCE_BETWEEN_STACKED_BARS, BAR_CHART_CORNER_RADIUS, componentIds, BAR_SIZE, DISTANCE_BETWEEN_BARS, DISTANCE_BETWEEN_CATEGORY_BARS } from './tokens.js';
+import '../../BladeProvider/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../../utils/metaAttribute/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import isNumber from '../../../utils/lodashButBetter/isNumber.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/isValidAllowedChildren/index.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import useChartsColorTheme from '../utils/useColorTheme.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded = ["color", "name", "dataKey", "activeBar", "label", "showLegend", "_index"],
+  _excluded2 = ["children", "colorTheme", "layout", "testID", "data"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Bar component - resolves Blade color tokens to actual colors
+var _ChartBar = function _ChartBar(_ref) {
+  var color = _ref.color,
+    name = _ref.name,
+    dataKey = _ref.dataKey,
+    _ref$activeBar = _ref.activeBar,
+    activeBar = _ref$activeBar === void 0 ? false : _ref$activeBar,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? false : _ref$label,
+    _ref$showLegend = _ref.showLegend,
+    showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
+    _ref$_index = _ref._index,
+    _index = _ref$_index === void 0 ? 0 : _ref$_index,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useBarChartContext = useBarChartContext(),
+    layout = _useBarChartContext.layout,
+    activeIndex = _useBarChartContext.activeIndex,
+    _colorTheme = _useBarChartContext.colorTheme,
+    totalBars = _useBarChartContext.totalBars;
+  var defaultColorArray = useChartsColorTheme({
+    colorTheme: _colorTheme !== null && _colorTheme !== void 0 ? _colorTheme : 'default'
+  });
+  var fill = color ? getIn(theme.colors, color) : defaultColorArray[_index];
+  var isStacked = rest.stackId !== undefined;
+  var animationBegin = isStacked ? theme.motion.duration.gentle / totalBars * _index : theme.motion.duration.gentle;
+  var animationDuration = isStacked ? theme.motion.duration.gentle / totalBars : theme.motion.duration.gentle;
+  return /*#__PURE__*/jsx(Bar, _objectSpread(_objectSpread({}, rest), {}, {
+    fill: fill,
+    legendType: showLegend ? 'rect' : 'none',
+    activeBar: activeBar,
+    label: label,
+    animationBegin: animationBegin,
+    animationDuration: animationDuration,
+    animationEasing: "linear",
+    dataKey: dataKey,
+    name: name,
+    shape: function shape(props) {
+      var _ref2 = props,
+        fill = _ref2.fill,
+        x = _ref2.x,
+        y = _ref2.y,
+        width = _ref2.width,
+        height = _ref2.height,
+        barIndex = _ref2.index;
+      var fillOpacity = isNumber(activeIndex) ? barIndex === activeIndex ? 1 : 0.2 : 1;
+      var gap = DISTANCE_BETWEEN_STACKED_BARS;
+      var isVertical = layout === 'vertical';
+      if (isVertical) {
+        return /*#__PURE__*/jsx("rect", {
+          fill: fill,
+          x: x + gap / 2,
+          y: y,
+          width: width - gap,
+          height: height,
+          rx: BAR_CHART_CORNER_RADIUS,
+          ry: BAR_CHART_CORNER_RADIUS,
+          fillOpacity: fillOpacity
+        });
+      }
+      return /*#__PURE__*/jsx("rect", {
+        fill: fill,
+        x: x,
+        y: y + gap / 2,
+        width: width,
+        height: height > gap ? height - gap : 0,
+        rx: BAR_CHART_CORNER_RADIUS,
+        ry: BAR_CHART_CORNER_RADIUS,
+        fillOpacity: fillOpacity
+      });
+    }
+  }));
+};
+var ChartBar = /*#__PURE__*/assignWithoutSideEffects(_ChartBar, {
+  componentId: componentIds.chartBar
+});
+
+// BarChart wrapper with default margin, auto-color assignment, and max bars guard
+var ChartBarWrapper = function ChartBarWrapper(_ref3) {
+  var children = _ref3.children,
+    _ref3$colorTheme = _ref3.colorTheme,
+    colorTheme = _ref3$colorTheme === void 0 ? 'default' : _ref3$colorTheme,
+    _ref3$layout = _ref3.layout,
+    layout = _ref3$layout === void 0 ? 'horizontal' : _ref3$layout,
+    testID = _ref3.testID,
+    _ref3$data = _ref3.data,
+    data = _ref3$data === void 0 ? [] : _ref3$data,
+    restProps = _objectWithoutProperties(_ref3, _excluded2);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeIndex = _useState2[0],
+    setActiveIndex = _useState2[1];
+  var _React$useMemo = React__default.useMemo(function () {
+      var BarChartIndex = 0;
+      var modifiedChildren = React__default.Children.map(children, function (child) {
+        if (/*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.chartBar) {
+          return /*#__PURE__*/React__default.cloneElement(child, {
+            _index: BarChartIndex++
+          });
+        }
+        return child;
+      });
+      return {
+        barChartModifiedChildrens: modifiedChildren,
+        totalBars: BarChartIndex
+      };
+    }, [children]),
+    barChartModifiedChildrens = _React$useMemo.barChartModifiedChildrens,
+    totalBars = _React$useMemo.totalBars;
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: 'bar-chart',
+    testID: testID
+  })), makeAnalyticsAttribute(restProps)), {}, {
+    width: "100%",
+    height: "100%"
+  }, restProps), {}, {
+    children: /*#__PURE__*/jsx(BarChartContext.Provider, {
+      value: {
+        layout: layout,
+        activeIndex: activeIndex,
+        colorTheme: colorTheme,
+        totalBars: totalBars
+      },
+      children: /*#__PURE__*/jsx(ResponsiveContainer, {
+        width: "100%",
+        height: "100%",
+        children: /*#__PURE__*/jsx(BarChart, {
+          barSize: BAR_SIZE,
+          barGap: DISTANCE_BETWEEN_BARS,
+          barCategoryGap: DISTANCE_BETWEEN_CATEGORY_BARS,
+          onMouseMove: function onMouseMove(state) {
+            setActiveIndex(state !== null && state !== void 0 && state.activeIndex ? Number(state === null || state === void 0 ? void 0 : state.activeIndex) : undefined);
+          },
+          layout: layout,
+          data: data,
+          children: barChartModifiedChildrens
+        })
+      })
+    })
+  }));
+};
+
+export { ChartBar, ChartBarWrapper };
+//# sourceMappingURL=BarChart.web.js.map

package/build/lib/web/development/components/Charts/BarChart/BarChart.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.web.js","sources":["../../../../../../../src/components/Charts/BarChart/BarChart.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  BarChart as RechartsBarChart,\n  Bar as RechartsBar,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport { BarChartContext, useBarChartContext } from './BarChartContext';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport {\n  BAR_CHART_CORNER_RADIUS,\n  DISTANCE_BETWEEN_STACKED_BARS,\n  componentIds,\n  BAR_SIZE,\n  DISTANCE_BETWEEN_BARS,\n  DISTANCE_BETWEEN_CATEGORY_BARS,\n} from './tokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\n\nexport type RechartsShapeProps = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  fill: string;\n  index: number;\n};\n\n// Bar component - resolves Blade color tokens to actual colors\nconst _ChartBar: React.FC<ChartBarProps> = ({\n  color,\n  name,\n  dataKey,\n  activeBar = false,\n  label = false,\n  showLegend = true,\n  _index = 0,\n  ...rest\n}) => {\n  const { theme } = useTheme();\n  const { layout, activeIndex, colorTheme: _colorTheme, totalBars } = useBarChartContext();\n  const defaultColorArray = useChartsColorTheme({ colorTheme: _colorTheme ?? 'default' });\n  const fill = color ? getIn(theme.colors, color) : defaultColorArray[_index];\n  const isStacked = rest.stackId !== undefined;\n  const animationBegin = isStacked\n    ? (theme.motion.duration.gentle / totalBars) * _index\n    : theme.motion.duration.gentle;\n  const animationDuration = isStacked\n    ? theme.motion.duration.gentle / totalBars\n    : theme.motion.duration.gentle;\n\n  return (\n    <RechartsBar\n      {...rest}\n      fill={fill}\n      legendType={showLegend ? 'rect' : 'none'}\n      activeBar={activeBar}\n      label={label}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      animationEasing=\"linear\"\n      dataKey={dataKey}\n      name={name}\n      shape={(props: unknown) => {\n        const { fill, x, y, width, height, index: barIndex } = props as RechartsShapeProps;\n        const fillOpacity = isNumber(activeIndex) ? (barIndex === activeIndex ? 1 : 0.2) : 1;\n        const gap = DISTANCE_BETWEEN_STACKED_BARS;\n        const isVertical = layout === 'vertical';\n\n        if (isVertical) {\n          return (\n            <rect\n              fill={fill}\n              x={x + gap / 2}\n              y={y}\n              width={width - gap}\n              height={height}\n              rx={BAR_CHART_CORNER_RADIUS}\n              ry={BAR_CHART_CORNER_RADIUS}\n              fillOpacity={fillOpacity}\n            />\n          );\n        }\n        return (\n          <rect\n            fill={fill}\n            x={x}\n            y={y + gap / 2}\n            width={width}\n            height={height > gap ? height - gap : 0}\n            rx={BAR_CHART_CORNER_RADIUS}\n            ry={BAR_CHART_CORNER_RADIUS}\n            fillOpacity={fillOpacity}\n          />\n        );\n      }}\n    />\n  );\n};\n\nconst ChartBar = assignWithoutSideEffects(_ChartBar, {\n  componentId: componentIds.chartBar,\n});\n\n// BarChart wrapper with default margin, auto-color assignment, and max bars guard\nconst ChartBarWrapper: React.FC<ChartBarWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'default',\n  layout = 'horizontal',\n  testID,\n  data = [],\n  ...restProps\n}) => {\n  const [activeIndex, setActiveIndex] = useState<number | undefined>(undefined);\n\n  const { barChartModifiedChildrens, totalBars } = React.useMemo(() => {\n    let BarChartIndex = 0;\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.chartBar) {\n        return React.cloneElement(child, {\n          _index: BarChartIndex++,\n        } as Partial<ChartBarProps>);\n      }\n      return child;\n    });\n\n    return {\n      barChartModifiedChildrens: modifiedChildren,\n      totalBars: BarChartIndex,\n    };\n  }, [children]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'bar-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n    >\n      <BarChartContext.Provider\n        value={{\n          layout,\n          activeIndex,\n          colorTheme,\n          totalBars,\n        }}\n      >\n        <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n          <RechartsBarChart\n            barSize={BAR_SIZE}\n            barGap={DISTANCE_BETWEEN_BARS}\n            barCategoryGap={DISTANCE_BETWEEN_CATEGORY_BARS}\n            onMouseMove={(state) => {\n              setActiveIndex(state?.activeIndex ? Number(state?.activeIndex) : undefined);\n            }}\n            layout={layout}\n            data={data}\n          >\n            {barChartModifiedChildrens}\n          </RechartsBarChart>\n        </RechartsResponsiveContainer>\n      </BarChartContext.Provider>\n    </BaseBox>\n  );\n};\n\nexport { ChartBarWrapper, ChartBar };\nexport type { ChartBarProps, ChartBarWrapperProps };\n"],"names":["_ChartBar","_ref","color","name","dataKey","_ref$activeBar","activeBar","_ref$label","label","_ref$showLegend","showLegend","_ref$_index","_index","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBarChartContext","useBarChartContext","layout","activeIndex","_colorTheme","colorTheme","totalBars","defaultColorArray","useChartsColorTheme","fill","getIn","colors","isStacked","stackId","undefined","animationBegin","motion","duration","gentle","animationDuration","_jsx","RechartsBar","_objectSpread","legendType","animationEasing","shape","props","_ref2","x","y","width","height","barIndex","index","fillOpacity","isNumber","gap","DISTANCE_BETWEEN_STACKED_BARS","isVertical","rx","BAR_CHART_CORNER_RADIUS","ry","ChartBar","assignWithoutSideEffects","componentId","componentIds","chartBar","ChartBarWrapper","_ref3","children","_ref3$colorTheme","_ref3$layout","testID","_ref3$data","data","restProps","_excluded2","_useState","useState","_useState2","_slicedToArray","setActiveIndex","_React$useMemo","React","useMemo","BarChartIndex","modifiedChildren","Children","map","child","isValidElement","getComponentId","cloneElement","barChartModifiedChildrens","BaseBox","metaAttribute","makeAnalyticsAttribute","BarChartContext","Provider","value","RechartsResponsiveContainer","RechartsBarChart","barSize","BAR_SIZE","barGap","DISTANCE_BETWEEN_BARS","barCategoryGap","DISTANCE_BETWEEN_CATEGORY_BARS","onMouseMove","state","Number"],"mappings":"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"}

package/build/lib/web/development/components/Charts/BarChart/BarChartContext.js

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

package/build/lib/web/development/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: 'default',\n  totalBars: 0,\n});\n\nexport const useBarChartContext = (): BarChartContextType => useContext(BarChartContext);\n"],"names":["BarChartContext","createContext","layout","activeIndex","undefined","colorTheme","totalBars","useBarChartContext","useContext"],"mappings":";;AAGaA,IAAAA,eAAe,gBAAGC,aAAa,CAAsB;AAChEC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,WAAW,EAAEC,SAAS;AACtBC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,SAAS,EAAE,CAAA;AACb,CAAC,EAAC;AAEWC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;EAAA,OAA8BC,UAAU,CAACR,eAAe,CAAC,CAAA;AAAA;;;;"}

package/build/lib/web/development/components/Charts/BarChart/index.js

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

package/build/lib/web/development/components/Charts/BarChart/index.js.map

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

package/build/lib/web/development/components/Charts/BarChart/tokens.js

@@ -0,0 +1,13 @@
+// Arbitrary sequential limit per palette (we will not have this in updated design)
+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/web/development/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":"AAAA;AACMA,IAAAA,uBAAuB,GAAG,EAAC;AAC3BC,IAAAA,6BAA6B,GAAG,EAAC;AACjCC,IAAAA,QAAQ,GAAG,GAAE;AACbC,IAAAA,qBAAqB,GAAG,EAAC;AACzBC,IAAAA,8BAA8B,GAAG,EAAC;AAClCC,IAAAA,qBAAqB,GAAG,IAAG;AAEjC,IAAMC,YAAY,GAAG;AACnBC,EAAAA,QAAQ,EAAE,UAAA;AACZ;;;;"}

package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js

@@ -138,8 +138,8 @@ var ChartTooltip = function ChartTooltip(props) {
       });
     },
     cursor: {
-      fill: 'rgba(0, 0, 0, 0.1)',
-      stroke: theme.colors.surface.border.gray.muted
+      fill: 'transparent',
+      stroke: 'transparent'
     }
   }, props));
 };

package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonChartComponents.web.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid as RechartsCartesianGrid,\n  Tooltip as RechartsTooltip,\n  Legend as RechartsLegend,\n  ReferenceLine as RechartsReferenceLine,\n} from 'recharts';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n} from './types';\nimport {\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_AXIS_TEXT_BASELINE,\n  Y_OFFSET,\n  X_OFFSET,\n} from './tokens';\nimport { calculateTextWidth } from './utils';\nimport { Heading, Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\n\nconst ChartXAxis: React.FC<ChartXAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsXAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={({ viewBox }: { viewBox: { x: number; y: number; width: number } }) => (\n        <text\n          x={viewBox.x + viewBox.width / 2 - X_OFFSET}\n          y={viewBox.y + Y_OFFSET + X_AXIS_TEXT_BASELINE}\n          textAnchor=\"middle\"\n          fill={theme.colors.surface.text.gray.subtle}\n          fontSize={theme.typography.fonts.size[75]}\n          fontFamily={theme.typography.fonts.family.text}\n          fontWeight={theme.typography.fonts.weight.medium}\n          letterSpacing={theme.typography.letterSpacings[100]}\n        >\n          {props?.label}\n        </text>\n      )}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartYAxis: React.FC<ChartYAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsYAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={{\n        value: props?.label,\n        position: 'insideLeft',\n        style: {\n          textAnchor: 'middle',\n          fill: theme.colors.surface.text.gray.subtle,\n          fontSize: theme.typography.fonts.size[75],\n          fontWeight: theme.typography.fonts.weight.medium,\n          fontFamily: theme.typography.fonts.family.text,\n          letterSpacing: theme.typography.letterSpacings[100],\n          lineHeight: theme.typography.lineHeights[500],\n        },\n        angle: -90,\n        fill: theme.colors.surface.text.gray.subtle,\n      }}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartCartesianGrid: React.FC<ChartCartesianGridProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsCartesianGrid\n      stroke={theme.colors.surface.border.gray.muted}\n      vertical={false}\n      {...props}\n    />\n  );\n};\n\nconst ChartTooltip: React.FC<ChartTooltipProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsTooltip\n      content={({ payload, label }) => {\n        return (\n          <div\n            style={{\n              backgroundColor: theme.colors.surface.icon.staticBlack.normal,\n              borderRadius: theme.border.radius.large,\n              border: `1px solid ${theme.colors.surface.border.gray.muted}`,\n              padding: theme.spacing[4],\n            }}\n          >\n            <Heading size=\"small\" weight=\"semibold\" color=\"surface.text.staticWhite.normal\">\n              {label}\n            </Heading>\n            <Box paddingTop=\"spacing.4\">\n              {payload.map((item) => (\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  gap=\"spacing.4\"\n                  key={item.name}\n                >\n                  <Box display=\"flex\" gap=\"spacing.3\" alignItems=\"center\" justifyContent=\"center\">\n                    <div\n                      style={{\n                        width: theme.spacing[4],\n                        height: theme.spacing[4],\n                        backgroundColor: item.color,\n                        borderRadius: theme.border.radius.small,\n                      }}\n                    />\n                    <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                      {item.name}\n                    </Text>\n                  </Box>\n                  <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                    {item.value}\n                  </Text>\n                </Box>\n              ))}\n            </Box>\n          </div>\n        );\n      }}\n      cursor={{ fill: 'rgba(0, 0, 0, 0.1)', stroke: theme.colors.surface.border.gray.muted }}\n      {...props}\n    />\n  );\n};\n\nconst CustomSquareLegend = (props: {\n  payload?: Array<{\n    payload: {\n      legendType: 'none' | 'line';\n    };\n    value: string;\n    color: string;\n  }>;\n}): JSX.Element | null => {\n  const { payload } = props;\n  const { theme } = useTheme();\n\n  if (!payload || payload.length === 0) {\n    return null;\n  }\n  /*\n  This is a custom legend component that is used to display the legend for the chart.\n  we need to show the legend only if the legendType is not none. (for example in line chart we don't want to show the legend for the reference line)\n  so we are filtering the payload and then mapping over it to display the legend.\n  */\n  const filteredPayload = payload.filter((entry) => entry?.payload?.legendType !== 'none');\n\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" gap=\"spacing.5\">\n      {filteredPayload.map((entry, index) => (\n        <Box key={`item-${index}`} display=\"flex\" alignItems=\"center\">\n          <Box display=\"flex\" gap=\"spacing.3\" justifyContent=\"center\" alignItems=\"center\">\n            <span\n              style={{\n                backgroundColor: entry.color, // Uses the color of the line/bar\n                width: theme.spacing[4], // Size of the square\n                height: theme.spacing[4], // Size of the square\n                display: 'inline-block',\n                borderRadius: theme.border.radius.small,\n              }}\n            />\n            {/* Legend text with custom color and size */}\n            <Text size=\"medium\" color=\"surface.text.gray.muted\">\n              {entry.value}\n            </Text>\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nconst ChartLegend: React.FC<ChartLegendProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsLegend\n      wrapperStyle={{\n        fontFamily: theme.typography.fonts.family.text,\n        fontSize: theme.typography.fonts.size[100],\n        color: theme.colors.surface.text.gray.normal,\n        paddingTop: theme.spacing[5],\n      }}\n      align=\"center\"\n      content={<CustomSquareLegend />}\n      {...props}\n    />\n  );\n};\n\nconst CustomReferenceLabel = ({\n  viewBox,\n  value,\n  isVertical,\n}: {\n  viewBox?: { x: number; y: number; width: number };\n  value: string | undefined;\n  isVertical: boolean;\n}): JSX.Element => {\n  // Extract viewBox coordinates with fallback values to prevent undefined errors.\n  // viewBox contains the positioning information for the reference line label from Recharts.\n  const { x, y, width } = viewBox ?? { x: 0, y: 0, width: 0 };\n  const { theme } = useTheme();\n\n  // Calculate dynamic text width to ensure the background rectangle fits the text perfectly.\n  // This prevents text overflow for long labels and avoids unnecessarily large rectangles for short text.\n  // The function also handles text truncation with ellipsis if the text exceeds the maximum width.\n  const { width: RECT_WIDTH, displayText } = value\n    ? calculateTextWidth(value, theme)\n    : { width: 80, displayText: value ?? '' };\n\n  const rect_x = isVertical ? x + width - RECT_WIDTH / 2 : x + width - RECT_WIDTH;\n  const rect_y = isVertical ? y : y - TEXT_BASELINE;\n  // Text position with padding inside the rectangle\n  const text_x = rect_x + PADDING_HORIZONTAL + (RECT_WIDTH - PADDING_HORIZONTAL * 2) / 2;\n  const text_y = rect_y + PADDING_VERTICAL + TEXT_BASELINE; // +15 for text baseline\n\n  return (\n    <g>\n      <rect\n        x={rect_x}\n        y={rect_y}\n        width={RECT_WIDTH}\n        height={RECT_HEIGHT}\n        rx={theme.border.radius.medium}\n        fill={theme.colors.surface.background.gray.subtle}\n        stroke={theme.colors.surface.border.gray.muted}\n        strokeWidth=\"1\"\n      />\n      <text\n        x={text_x}\n        y={text_y}\n        textAnchor=\"middle\"\n        fill={theme.colors.surface.text.gray.normal}\n        fontSize={theme.typography.fonts.size[50]}\n        fontFamily={theme.typography.fonts.family.text}\n        fontWeight={theme.typography.fonts.weight.medium}\n        letterSpacing={theme.typography.letterSpacings[100]}\n      >\n        {displayText}\n      </text>\n    </g>\n  );\n};\n\nconst ChartReferenceLine: React.FC<ChartReferenceLineProps> = ({ label, x, y }) => {\n  const { theme } = useTheme();\n  return (\n    <RechartsReferenceLine\n      stroke={theme.colors.chart.background.categorical.gray.intense}\n      strokeWidth={2}\n      strokeDasharray=\"4 4\"\n      label={<CustomReferenceLabel value={label} isVertical={Boolean(x)} />}\n      x={x}\n      y={y}\n    />\n  );\n};\n\nexport {\n  ChartXAxis,\n  ChartYAxis,\n  ChartCartesianGrid,\n  ChartLegend,\n  ChartTooltip,\n  ChartReferenceLine,\n};\n"],"names":["ChartXAxis","props","_useTheme","useTheme","theme","_jsx","RechartsXAxis","_objectSpread","tick","fill","colors","surface","text","gray","normal","fontSize","typography","fonts","size","fontFamily","family","fontWeight","weight","regular","letterSpacing","letterSpacings","stroke","border","muted","label","_ref","viewBox","x","width","X_OFFSET","y","Y_OFFSET","X_AXIS_TEXT_BASELINE","textAnchor","subtle","medium","children","dataKey","ChartYAxis","_useTheme2","RechartsYAxis","value","position","style","lineHeight","lineHeights","angle","ChartCartesianGrid","_useTheme3","RechartsCartesianGrid","vertical","ChartTooltip","_useTheme4","RechartsTooltip","content","_ref2","payload","_jsxs","backgroundColor","icon","staticBlack","borderRadius","radius","large","concat","padding","spacing","Heading","color","Box","paddingTop","map","item","display","alignItems","justifyContent","gap","height","small","Text","name","cursor","CustomSquareLegend","_useTheme5","length","filteredPayload","filter","entry","_entry$payload","legendType","index","ChartLegend","_useTheme6","RechartsLegend","wrapperStyle","align","CustomReferenceLabel","_ref3","isVertical","_ref4","_useTheme7","_ref5","calculateTextWidth","displayText","RECT_WIDTH","rect_x","rect_y","TEXT_BASELINE","text_x","PADDING_HORIZONTAL","text_y","PADDING_VERTICAL","RECT_HEIGHT","rx","background","strokeWidth","ChartReferenceLine","_ref6","_useTheme8","RechartsReferenceLine","chart","categorical","intense","strokeDasharray","Boolean"],"mappings":"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"}
+{"version":3,"file":"CommonChartComponents.web.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid as RechartsCartesianGrid,\n  Tooltip as RechartsTooltip,\n  Legend as RechartsLegend,\n  ReferenceLine as RechartsReferenceLine,\n} from 'recharts';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n} from './types';\nimport {\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_AXIS_TEXT_BASELINE,\n  Y_OFFSET,\n  X_OFFSET,\n} from './tokens';\nimport { calculateTextWidth } from './utils';\nimport { Heading, Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\n\nconst ChartXAxis: React.FC<ChartXAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsXAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={({ viewBox }: { viewBox: { x: number; y: number; width: number } }) => (\n        <text\n          x={viewBox.x + viewBox.width / 2 - X_OFFSET}\n          y={viewBox.y + Y_OFFSET + X_AXIS_TEXT_BASELINE}\n          textAnchor=\"middle\"\n          fill={theme.colors.surface.text.gray.subtle}\n          fontSize={theme.typography.fonts.size[75]}\n          fontFamily={theme.typography.fonts.family.text}\n          fontWeight={theme.typography.fonts.weight.medium}\n          letterSpacing={theme.typography.letterSpacings[100]}\n        >\n          {props?.label}\n        </text>\n      )}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartYAxis: React.FC<ChartYAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsYAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={{\n        value: props?.label,\n        position: 'insideLeft',\n        style: {\n          textAnchor: 'middle',\n          fill: theme.colors.surface.text.gray.subtle,\n          fontSize: theme.typography.fonts.size[75],\n          fontWeight: theme.typography.fonts.weight.medium,\n          fontFamily: theme.typography.fonts.family.text,\n          letterSpacing: theme.typography.letterSpacings[100],\n          lineHeight: theme.typography.lineHeights[500],\n        },\n        angle: -90,\n        fill: theme.colors.surface.text.gray.subtle,\n      }}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartCartesianGrid: React.FC<ChartCartesianGridProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsCartesianGrid\n      stroke={theme.colors.surface.border.gray.muted}\n      vertical={false}\n      {...props}\n    />\n  );\n};\n\nconst ChartTooltip: React.FC<ChartTooltipProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsTooltip\n      content={({ payload, label }) => {\n        return (\n          <div\n            style={{\n              backgroundColor: theme.colors.surface.icon.staticBlack.normal,\n              borderRadius: theme.border.radius.large,\n              border: `1px solid ${theme.colors.surface.border.gray.muted}`,\n              padding: theme.spacing[4],\n            }}\n          >\n            <Heading size=\"small\" weight=\"semibold\" color=\"surface.text.staticWhite.normal\">\n              {label}\n            </Heading>\n            <Box paddingTop=\"spacing.4\">\n              {payload.map((item) => (\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  gap=\"spacing.4\"\n                  key={item.name}\n                >\n                  <Box display=\"flex\" gap=\"spacing.3\" alignItems=\"center\" justifyContent=\"center\">\n                    <div\n                      style={{\n                        width: theme.spacing[4],\n                        height: theme.spacing[4],\n                        backgroundColor: item.color,\n                        borderRadius: theme.border.radius.small,\n                      }}\n                    />\n                    <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                      {item.name}\n                    </Text>\n                  </Box>\n                  <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                    {item.value}\n                  </Text>\n                </Box>\n              ))}\n            </Box>\n          </div>\n        );\n      }}\n      cursor={{ fill: 'transparent', stroke: 'transparent' }}\n      {...props}\n    />\n  );\n};\n\nconst CustomSquareLegend = (props: {\n  payload?: Array<{\n    payload: {\n      legendType: 'none' | 'line';\n    };\n    value: string;\n    color: string;\n  }>;\n}): JSX.Element | null => {\n  const { payload } = props;\n  const { theme } = useTheme();\n\n  if (!payload || payload.length === 0) {\n    return null;\n  }\n  /*\n  This is a custom legend component that is used to display the legend for the chart.\n  we need to show the legend only if the legendType is not none. (for example in line chart we don't want to show the legend for the reference line)\n  so we are filtering the payload and then mapping over it to display the legend.\n  */\n  const filteredPayload = payload.filter((entry) => entry?.payload?.legendType !== 'none');\n\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" gap=\"spacing.5\">\n      {filteredPayload.map((entry, index) => (\n        <Box key={`item-${index}`} display=\"flex\" alignItems=\"center\">\n          <Box display=\"flex\" gap=\"spacing.3\" justifyContent=\"center\" alignItems=\"center\">\n            <span\n              style={{\n                backgroundColor: entry.color, // Uses the color of the line/bar\n                width: theme.spacing[4], // Size of the square\n                height: theme.spacing[4], // Size of the square\n                display: 'inline-block',\n                borderRadius: theme.border.radius.small,\n              }}\n            />\n            {/* Legend text with custom color and size */}\n            <Text size=\"medium\" color=\"surface.text.gray.muted\">\n              {entry.value}\n            </Text>\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nconst ChartLegend: React.FC<ChartLegendProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsLegend\n      wrapperStyle={{\n        fontFamily: theme.typography.fonts.family.text,\n        fontSize: theme.typography.fonts.size[100],\n        color: theme.colors.surface.text.gray.normal,\n        paddingTop: theme.spacing[5],\n      }}\n      align=\"center\"\n      content={<CustomSquareLegend />}\n      {...props}\n    />\n  );\n};\n\nconst CustomReferenceLabel = ({\n  viewBox,\n  value,\n  isVertical,\n}: {\n  viewBox?: { x: number; y: number; width: number };\n  value: string | undefined;\n  isVertical: boolean;\n}): JSX.Element => {\n  // Extract viewBox coordinates with fallback values to prevent undefined errors.\n  // viewBox contains the positioning information for the reference line label from Recharts.\n  const { x, y, width } = viewBox ?? { x: 0, y: 0, width: 0 };\n  const { theme } = useTheme();\n\n  // Calculate dynamic text width to ensure the background rectangle fits the text perfectly.\n  // This prevents text overflow for long labels and avoids unnecessarily large rectangles for short text.\n  // The function also handles text truncation with ellipsis if the text exceeds the maximum width.\n  const { width: RECT_WIDTH, displayText } = value\n    ? calculateTextWidth(value, theme)\n    : { width: 80, displayText: value ?? '' };\n\n  const rect_x = isVertical ? x + width - RECT_WIDTH / 2 : x + width - RECT_WIDTH;\n  const rect_y = isVertical ? y : y - TEXT_BASELINE;\n  // Text position with padding inside the rectangle\n  const text_x = rect_x + PADDING_HORIZONTAL + (RECT_WIDTH - PADDING_HORIZONTAL * 2) / 2;\n  const text_y = rect_y + PADDING_VERTICAL + TEXT_BASELINE; // +15 for text baseline\n\n  return (\n    <g>\n      <rect\n        x={rect_x}\n        y={rect_y}\n        width={RECT_WIDTH}\n        height={RECT_HEIGHT}\n        rx={theme.border.radius.medium}\n        fill={theme.colors.surface.background.gray.subtle}\n        stroke={theme.colors.surface.border.gray.muted}\n        strokeWidth=\"1\"\n      />\n      <text\n        x={text_x}\n        y={text_y}\n        textAnchor=\"middle\"\n        fill={theme.colors.surface.text.gray.normal}\n        fontSize={theme.typography.fonts.size[50]}\n        fontFamily={theme.typography.fonts.family.text}\n        fontWeight={theme.typography.fonts.weight.medium}\n        letterSpacing={theme.typography.letterSpacings[100]}\n      >\n        {displayText}\n      </text>\n    </g>\n  );\n};\n\nconst ChartReferenceLine: React.FC<ChartReferenceLineProps> = ({ label, x, y }) => {\n  const { theme } = useTheme();\n  return (\n    <RechartsReferenceLine\n      stroke={theme.colors.chart.background.categorical.gray.intense}\n      strokeWidth={2}\n      strokeDasharray=\"4 4\"\n      label={<CustomReferenceLabel value={label} isVertical={Boolean(x)} />}\n      x={x}\n      y={y}\n    />\n  );\n};\n\nexport {\n  ChartXAxis,\n  ChartYAxis,\n  ChartCartesianGrid,\n  ChartLegend,\n  ChartTooltip,\n  ChartReferenceLine,\n};\n"],"names":["ChartXAxis","props","_useTheme","useTheme","theme","_jsx","RechartsXAxis","_objectSpread","tick","fill","colors","surface","text","gray","normal","fontSize","typography","fonts","size","fontFamily","family","fontWeight","weight","regular","letterSpacing","letterSpacings","stroke","border","muted","label","_ref","viewBox","x","width","X_OFFSET","y","Y_OFFSET","X_AXIS_TEXT_BASELINE","textAnchor","subtle","medium","children","dataKey","ChartYAxis","_useTheme2","RechartsYAxis","value","position","style","lineHeight","lineHeights","angle","ChartCartesianGrid","_useTheme3","RechartsCartesianGrid","vertical","ChartTooltip","_useTheme4","RechartsTooltip","content","_ref2","payload","_jsxs","backgroundColor","icon","staticBlack","borderRadius","radius","large","concat","padding","spacing","Heading","color","Box","paddingTop","map","item","display","alignItems","justifyContent","gap","height","small","Text","name","cursor","CustomSquareLegend","_useTheme5","length","filteredPayload","filter","entry","_entry$payload","legendType","index","ChartLegend","_useTheme6","RechartsLegend","wrapperStyle","align","CustomReferenceLabel","_ref3","isVertical","_ref4","_useTheme7","_ref5","calculateTextWidth","displayText","RECT_WIDTH","rect_x","rect_y","TEXT_BASELINE","text_x","PADDING_HORIZONTAL","text_y","PADDING_VERTICAL","RECT_HEIGHT","rx","background","strokeWidth","ChartReferenceLine","_ref6","_useTheme8","RechartsReferenceLine","chart","categorical","intense","strokeDasharray","Boolean"],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqCA,CAAIC,KAAK,EAAK;AACvD,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,oBACEC,GAAA,CAACC,KAAa,EAAAC,aAAA,CAAAA,aAAA,KACRN,KAAK,CAAA,EAAA,EAAA,EAAA;AACTO,IAAAA,IAAI,EAAE;MACJC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;MAC3CC,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC;MACzCC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;MAC9CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACC,OAAO;AACjDC,MAAAA,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAA;KAClD;IACFC,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/CC,IAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAAC,IAAA,EAAA;AAAA,MAAA,IAAKC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAAA,MAAA,oBACf1B,GAAA,CAAA,MAAA,EAAA;QACE2B,CAAC,EAAED,OAAO,CAACC,CAAC,GAAGD,OAAO,CAACE,KAAK,GAAG,CAAC,GAAGC,QAAS;AAC5CC,QAAAA,CAAC,EAAEJ,OAAO,CAACI,CAAC,GAAGC,QAAQ,GAAGC,oBAAqB;AAC/CC,QAAAA,UAAU,EAAC,QAAQ;QACnB7B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAAC0B,MAAO;QAC5CxB,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAE;QAC1CC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAK;QAC/CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACkB,MAAO;QACjDhB,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAE;AAAAgB,QAAAA,QAAA,EAEnDxC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE4B,KAAAA;AAAK,OACT,CAAC,CAAA;KACP;AACFa,IAAAA,OAAO,EAAEzC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEyC,OAAAA;AAAQ,GAAA,CACzB,CAAC,CAAA;AAEN,EAAC;AAED,IAAMC,UAAqC,GAAG,SAAxCA,UAAqCA,CAAI1C,KAAK,EAAK;AACvD,EAAA,IAAA2C,UAAA,GAAkBzC,QAAQ,EAAE;IAApBC,KAAK,GAAAwC,UAAA,CAALxC,KAAK,CAAA;EAEb,oBACEC,GAAA,CAACwC,KAAa,EAAAtC,aAAA,CAAAA,aAAA,KACRN,KAAK,CAAA,EAAA,EAAA,EAAA;AACTO,IAAAA,IAAI,EAAE;MACJC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;MAC3CC,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC;MACzCC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;MAC9CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACC,OAAO;AACjDC,MAAAA,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAA;KAClD;IACFC,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/CC,IAAAA,KAAK,EAAE;AACLiB,MAAAA,KAAK,EAAE7C,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAE4B,KAAK;AACnBkB,MAAAA,QAAQ,EAAE,YAAY;AACtBC,MAAAA,KAAK,EAAE;AACLV,QAAAA,UAAU,EAAE,QAAQ;QACpB7B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAAC0B,MAAM;QAC3CxB,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC;QACzCG,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACkB,MAAM;QAChDrB,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;QAC9CY,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAC;AACnDwB,QAAAA,UAAU,EAAE7C,KAAK,CAACY,UAAU,CAACkC,WAAW,CAAC,GAAG,CAAA;OAC7C;MACDC,KAAK,EAAE,CAAC,EAAE;MACV1C,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAAC0B,MAAAA;KACrC;AACFG,IAAAA,OAAO,EAAEzC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEyC,OAAAA;AAAQ,GAAA,CACzB,CAAC,CAAA;AAEN,EAAC;AAED,IAAMU,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAInD,KAAK,EAAK;AACvE,EAAA,IAAAoD,UAAA,GAAkBlD,QAAQ,EAAE;IAApBC,KAAK,GAAAiD,UAAA,CAALjD,KAAK,CAAA;AAEb,EAAA,oBACEC,GAAA,CAACiD,aAAqB,EAAA/C,aAAA,CAAA;IACpBmB,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/C2B,IAAAA,QAAQ,EAAE,KAAA;GACNtD,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,EAAC;AAED,IAAMuD,YAAyC,GAAG,SAA5CA,YAAyCA,CAAIvD,KAAK,EAAK;AAC3D,EAAA,IAAAwD,UAAA,GAAkBtD,QAAQ,EAAE;IAApBC,KAAK,GAAAqD,UAAA,CAALrD,KAAK,CAAA;AAEb,EAAA,oBACEC,GAAA,CAACqD,OAAe,EAAAnD,aAAA,CAAA;AACdoD,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAAC,KAAA,EAA0B;AAAA,MAAA,IAArBC,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEhC,KAAK,GAAA+B,KAAA,CAAL/B,KAAK,CAAA;AACxB,MAAA,oBACEiC,IAAA,CAAA,KAAA,EAAA;AACEd,QAAAA,KAAK,EAAE;UACLe,eAAe,EAAE3D,KAAK,CAACM,MAAM,CAACC,OAAO,CAACqD,IAAI,CAACC,WAAW,CAACnD,MAAM;AAC7DoD,UAAAA,YAAY,EAAE9D,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAACC,KAAK;AACvCzC,UAAAA,MAAM,EAAA0C,YAAAA,CAAAA,MAAA,CAAejE,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAK,CAAE;AAC7D0C,UAAAA,OAAO,EAAElE,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAA;SACxB;QAAA9B,QAAA,EAAA,cAEFpC,GAAA,CAACmE,OAAO,EAAA;AAACtD,UAAAA,IAAI,EAAC,OAAO;AAACI,UAAAA,MAAM,EAAC,UAAU;AAACmD,UAAAA,KAAK,EAAC,iCAAiC;AAAAhC,UAAAA,QAAA,EAC5EZ,KAAAA;AAAK,SACC,CAAC,eACVxB,GAAA,CAACqE,GAAG,EAAA;AAACC,UAAAA,UAAU,EAAC,WAAW;AAAAlC,UAAAA,QAAA,EACxBoB,OAAO,CAACe,GAAG,CAAC,UAACC,IAAI,EAAA;YAAA,oBAChBf,IAAA,CAACY,GAAG,EAAA;AACFI,cAAAA,OAAO,EAAC,MAAM;AACdC,cAAAA,UAAU,EAAC,QAAQ;AACnBC,cAAAA,cAAc,EAAC,eAAe;AAC9BC,cAAAA,GAAG,EAAC,WAAW;cAAAxC,QAAA,EAAA,cAGfqB,IAAA,CAACY,GAAG,EAAA;AAACI,gBAAAA,OAAO,EAAC,MAAM;AAACG,gBAAAA,GAAG,EAAC,WAAW;AAACF,gBAAAA,UAAU,EAAC,QAAQ;AAACC,gBAAAA,cAAc,EAAC,QAAQ;AAAAvC,gBAAAA,QAAA,gBAC7EpC,GAAA,CAAA,KAAA,EAAA;AACE2C,kBAAAA,KAAK,EAAE;AACLf,oBAAAA,KAAK,EAAE7B,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;AACvBW,oBAAAA,MAAM,EAAE9E,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;oBACxBR,eAAe,EAAEc,IAAI,CAACJ,KAAK;AAC3BP,oBAAAA,YAAY,EAAE9D,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAACgB,KAAAA;AACpC,mBAAA;AAAE,iBACH,CAAC,eACF9E,GAAA,CAAC+E,IAAI,EAAA;AAAClE,kBAAAA,IAAI,EAAC,OAAO;AAACI,kBAAAA,MAAM,EAAC,SAAS;AAACmD,kBAAAA,KAAK,EAAC,iCAAiC;kBAAAhC,QAAA,EACxEoC,IAAI,CAACQ,IAAAA;AAAI,iBACN,CAAC,CAAA;AAAA,eACJ,CAAC,eACNhF,GAAA,CAAC+E,IAAI,EAAA;AAAClE,gBAAAA,IAAI,EAAC,OAAO;AAACI,gBAAAA,MAAM,EAAC,SAAS;AAACmD,gBAAAA,KAAK,EAAC,iCAAiC;gBAAAhC,QAAA,EACxEoC,IAAI,CAAC/B,KAAAA;AAAK,eACP,CAAC,CAAA;aAjBF+B,EAAAA,IAAI,CAACQ,IAkBP,CAAC,CAAA;WACP,CAAA;AAAC,SACC,CAAC,CAAA;AAAA,OACH,CAAC,CAAA;KAER;AACFC,IAAAA,MAAM,EAAE;AAAE7E,MAAAA,IAAI,EAAE,aAAa;AAAEiB,MAAAA,MAAM,EAAE,aAAA;AAAc,KAAA;GACjDzB,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,EAAC;AAED,IAAMsF,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAItF,KAQ3B,EAAyB;AACxB,EAAA,IAAQ4D,OAAO,GAAK5D,KAAK,CAAjB4D,OAAO,CAAA;AACf,EAAA,IAAA2B,UAAA,GAAkBrF,QAAQ,EAAE;IAApBC,KAAK,GAAAoF,UAAA,CAALpF,KAAK,CAAA;EAEb,IAAI,CAACyD,OAAO,IAAIA,OAAO,CAAC4B,MAAM,KAAK,CAAC,EAAE;AACpC,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AACA;AACF;AACA;AACA;AACA;AACE,EAAA,IAAMC,eAAe,GAAG7B,OAAO,CAAC8B,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,IAAAC,cAAA,CAAA;AAAA,IAAA,OAAK,CAAAD,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,IAAA,CAAAC,cAAA,GAALD,KAAK,CAAE/B,OAAO,cAAAgC,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAA,CAAgBC,UAAU,MAAK,MAAM,CAAA;GAAC,CAAA,CAAA;EAExF,oBACEzF,GAAA,CAACqE,GAAG,EAAA;AAACI,IAAAA,OAAO,EAAC,MAAM;AAACE,IAAAA,cAAc,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,WAAW;IAAAxC,QAAA,EACxDiD,eAAe,CAACd,GAAG,CAAC,UAACgB,KAAK,EAAEG,KAAK,EAAA;MAAA,oBAChC1F,GAAA,CAACqE,GAAG,EAAA;AAAuBI,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,UAAU,EAAC,QAAQ;QAAAtC,QAAA,eAC3DqB,IAAA,CAACY,GAAG,EAAA;AAACI,UAAAA,OAAO,EAAC,MAAM;AAACG,UAAAA,GAAG,EAAC,WAAW;AAACD,UAAAA,cAAc,EAAC,QAAQ;AAACD,UAAAA,UAAU,EAAC,QAAQ;AAAAtC,UAAAA,QAAA,gBAC7EpC,GAAA,CAAA,MAAA,EAAA;AACE2C,YAAAA,KAAK,EAAE;cACLe,eAAe,EAAE6B,KAAK,CAACnB,KAAK;AAAE;AAC9BxC,cAAAA,KAAK,EAAE7B,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;AAAE;AACzBW,cAAAA,MAAM,EAAE9E,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;AAAE;AAC1BO,cAAAA,OAAO,EAAE,cAAc;AACvBZ,cAAAA,YAAY,EAAE9D,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAACgB,KAAAA;AACpC,aAAA;AAAE,WACH,CAAC,eAEF9E,GAAA,CAAC+E,IAAI,EAAA;AAAClE,YAAAA,IAAI,EAAC,QAAQ;AAACuD,YAAAA,KAAK,EAAC,yBAAyB;YAAAhC,QAAA,EAChDmD,KAAK,CAAC9C,KAAAA;AAAK,WACR,CAAC,CAAA;SACJ,CAAA;AAAC,OAAA,EAAA,OAAA,CAAAuB,MAAA,CAfU0B,KAAK,CAgBlB,CAAC,CAAA;KACP,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMC,WAAuC,GAAG,SAA1CA,WAAuCA,CAAI/F,KAAK,EAAK;AACzD,EAAA,IAAAgG,UAAA,GAAkB9F,QAAQ,EAAE;IAApBC,KAAK,GAAA6F,UAAA,CAAL7F,KAAK,CAAA;AAEb,EAAA,oBACEC,GAAA,CAAC6F,MAAc,EAAA3F,aAAA,CAAA;AACb4F,IAAAA,YAAY,EAAE;MACZhF,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;MAC9CG,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,GAAG,CAAC;MAC1CuD,KAAK,EAAErE,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;AAC5C6D,MAAAA,UAAU,EAAEvE,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAA;KAC3B;AACF6B,IAAAA,KAAK,EAAC,QAAQ;AACdzC,IAAAA,OAAO,eAAEtD,GAAA,CAACkF,kBAAkB,EAAE,EAAA,CAAA;GAC1BtF,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,EAAC;AAED,IAAMoG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAQP;AAAA,EAAA,IAPjBvE,OAAO,GAAAuE,KAAA,CAAPvE,OAAO;IACPe,KAAK,GAAAwD,KAAA,CAALxD,KAAK;IACLyD,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AAMV;AACA;AACA,EAAA,IAAAC,KAAA,GAAwBzE,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI;AAAEC,MAAAA,CAAC,EAAE,CAAC;AAAEG,MAAAA,CAAC,EAAE,CAAC;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAG;IAAnDD,CAAC,GAAAwE,KAAA,CAADxE,CAAC;IAAEG,CAAC,GAAAqE,KAAA,CAADrE,CAAC;IAAEF,KAAK,GAAAuE,KAAA,CAALvE,KAAK,CAAA;AACnB,EAAA,IAAAwE,UAAA,GAAkBtG,QAAQ,EAAE;IAApBC,KAAK,GAAAqG,UAAA,CAALrG,KAAK,CAAA;;AAEb;AACA;AACA;EACA,IAAAsG,KAAA,GAA2C5D,KAAK,GAC5C6D,kBAAkB,CAAC7D,KAAK,EAAE1C,KAAK,CAAC,GAChC;AAAE6B,MAAAA,KAAK,EAAE,EAAE;AAAE2E,MAAAA,WAAW,EAAE9D,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAI,EAAA;KAAI;IAF5B+D,UAAU,GAAAH,KAAA,CAAjBzE,KAAK;IAAc2E,WAAW,GAAAF,KAAA,CAAXE,WAAW,CAAA;AAItC,EAAA,IAAME,MAAM,GAAGP,UAAU,GAAGvE,CAAC,GAAGC,KAAK,GAAG4E,UAAU,GAAG,CAAC,GAAG7E,CAAC,GAAGC,KAAK,GAAG4E,UAAU,CAAA;EAC/E,IAAME,MAAM,GAAGR,UAAU,GAAGpE,CAAC,GAAGA,CAAC,GAAG6E,aAAa,CAAA;AACjD;AACA,EAAA,IAAMC,MAAM,GAAGH,MAAM,GAAGI,kBAAkB,GAAG,CAACL,UAAU,GAAGK,kBAAkB,GAAG,CAAC,IAAI,CAAC,CAAA;EACtF,IAAMC,MAAM,GAAGJ,MAAM,GAAGK,gBAAgB,GAAGJ,aAAa,CAAC;;AAEzD,EAAA,oBACElD,IAAA,CAAA,GAAA,EAAA;AAAArB,IAAAA,QAAA,gBACEpC,GAAA,CAAA,MAAA,EAAA;AACE2B,MAAAA,CAAC,EAAE8E,MAAO;AACV3E,MAAAA,CAAC,EAAE4E,MAAO;AACV9E,MAAAA,KAAK,EAAE4E,UAAW;AAClB3B,MAAAA,MAAM,EAAEmC,WAAY;AACpBC,MAAAA,EAAE,EAAElH,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAAC3B,MAAO;MAC/B/B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAAC4G,UAAU,CAAC1G,IAAI,CAAC0B,MAAO;MAClDb,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/C4F,MAAAA,WAAW,EAAC,GAAA;KACb,CAAC,eACFnH,GAAA,CAAA,MAAA,EAAA;AACE2B,MAAAA,CAAC,EAAEiF,MAAO;AACV9E,MAAAA,CAAC,EAAEgF,MAAO;AACV7E,MAAAA,UAAU,EAAC,QAAQ;MACnB7B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAO;MAC5CC,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAE;MAC1CC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAK;MAC/CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACkB,MAAO;MACjDhB,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAE;AAAAgB,MAAAA,QAAA,EAEnDmE,WAAAA;AAAW,KACR,CAAC,CAAA;AAAA,GACN,CAAC,CAAA;AAER,CAAC,CAAA;AAED,IAAMa,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAAC,KAAA,EAAwB;AAAA,EAAA,IAAlB7F,KAAK,GAAA6F,KAAA,CAAL7F,KAAK;IAAEG,CAAC,GAAA0F,KAAA,CAAD1F,CAAC;IAAEG,CAAC,GAAAuF,KAAA,CAADvF,CAAC,CAAA;AAC1E,EAAA,IAAAwF,UAAA,GAAkBxH,QAAQ,EAAE;IAApBC,KAAK,GAAAuH,UAAA,CAALvH,KAAK,CAAA;EACb,oBACEC,GAAA,CAACuH,aAAqB,EAAA;AACpBlG,IAAAA,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACmH,KAAK,CAACN,UAAU,CAACO,WAAW,CAACjH,IAAI,CAACkH,OAAQ;AAC/DP,IAAAA,WAAW,EAAE,CAAE;AACfQ,IAAAA,eAAe,EAAC,KAAK;IACrBnG,KAAK,eAAExB,GAAA,CAACgG,oBAAoB,EAAA;AAACvD,MAAAA,KAAK,EAAEjB,KAAM;MAAC0E,UAAU,EAAE0B,OAAO,CAACjG,CAAC,CAAA;AAAE,KAAE,CAAE;AACtEA,IAAAA,CAAC,EAAEA,CAAE;AACLG,IAAAA,CAAC,EAAEA,CAAAA;AAAE,GACN,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/development/components/Charts/index.js

@@ -1,6 +1,5 @@
 import './LineChart/index.js';
 import './AreaChart/index.js';
+import './BarChart/index.js';
 import './CommonChartComponents/index.js';
-
-// Export LineCharts (includes shared components)
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Charts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/Charts/index.ts"],"sourcesContent":["// Export LineCharts (includes shared components)\nexport * from './LineChart';\nexport * from './AreaChart';\nexport * from './CommonChartComponents';\n"],"names":[],"mappings":";;;;AAAA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/build/lib/web/development/components/DatePicker/BaseDatePicker.web.js

@@ -121,6 +121,8 @@ var BaseDatePicker = function BaseDatePicker(_ref) {
     selectedPreset = _React$useState2[0],
     setSelectedPreset = _React$useState2[1];
   var referenceRef = React__default.useRef(null);
+  // Flag to apply preset selection after state updates (avoids stale values)
+  var shouldApplyAfterPresetSelection = React__default.useRef(false);
   var _useControllableState = useControllableState({
       defaultValue: defaultPicker,
       value: picker,
@@ -268,6 +270,14 @@ var BaseDatePicker = function BaseDatePicker(_ref) {
     storeSelectedFiltersAndValueInListViewContext();
     updateSelectedFilters();
   };
+
+  // Apply preset selection after state updates to avoid stale values
+  React__default.useEffect(function () {
+    if (shouldApplyAfterPresetSelection.current) {
+      shouldApplyAfterPresetSelection.current = false;
+      handleApply();
+    }
+  }, [controlledValue]);
   var handleCancel = function handleCancel() {
     setControlledValue(oldValue);
     fireNativeEvent(referenceRef, ['change']);
@@ -519,7 +529,7 @@ var BaseDatePicker = function BaseDatePicker(_ref) {
                 var presetValue = preset === null || preset === void 0 ? void 0 : preset(currentDate);
                 setControlledValue(presetValue);
                 setSelectedPreset(presetValue);
-                handleApply();
+                shouldApplyAfterPresetSelection.current = true;
               },
               onOpenCalendar: function onOpenCalendar() {
                 controllableSetIsOpen(function () {