@razorpay/blade 12.52.0 → 12.53.0

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

@@ -0,0 +1,11 @@
+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';
+
+var ChartAreaWrapper=function ChartAreaWrapper(_prop){throwBladeError({message:'ChartAreaWrapper is not yet implemented for native',moduleName:'ChartAreaWrapper'});return jsx(Text,{children:"AreaChartWrapper is not available for Native mobile apps."});};var ChartArea=function ChartArea(_prop){throwBladeError({message:'ChartArea is not yet implemented for native',moduleName:'ChartArea'});return jsx(Text,{children:"ChartArea is not available for Native mobile apps."});};
+
+export { ChartArea, ChartAreaWrapper };
+//# sourceMappingURL=AreaChart.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.native.js","sources":["../../../../../../src/components/Charts/AreaChart/AreaChart.native.tsx"],"sourcesContent":["import type { ChartAreaWrapperProps, ChartAreaProps } from './types';\nimport { throwBladeError } from '~utils/logger';\nimport { Text } from '~components/Typography';\n\nconst ChartAreaWrapper = (_prop: ChartAreaProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ChartAreaWrapper is not yet implemented for native',\n    moduleName: 'ChartAreaWrapper',\n  });\n\n  return <Text>AreaChartWrapper is not available for Native mobile apps.</Text>;\n};\n\nconst ChartArea = (_prop: ChartAreaWrapperProps): React.ReactElement => {\n  throwBladeError({\n    message: 'ChartArea is not yet implemented for native',\n    moduleName: 'ChartArea',\n  });\n\n  return <Text>ChartArea is not available for Native mobile apps.</Text>;\n};\n\nexport { ChartAreaWrapper, ChartArea };\n"],"names":["ChartAreaWrapper","_prop","throwBladeError","message","moduleName","_jsx","Text","children","ChartArea"],"mappings":";;;;;;;AAIM,IAAAA,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAIC,KAAqB,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,oDAAoD,CAC7DC,UAAU,CAAE,kBACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,2DAAyD,CAAM,CAAC,CAC/E,EAEM,IAAAC,SAAS,CAAG,SAAZA,SAASA,CAAIP,KAA4B,CAAyB,CACtEC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAAC,CAAAA,QAAA,CAAC,oDAAkD,CAAM,CAAC,CACxE;;;;"}

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

@@ -31,6 +31,7 @@ export { Checkbox } from './Checkbox/Checkbox.js';
 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 { 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/AreaChart/AreaChart.web.js

@@ -0,0 +1,105 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Area as Area$1, ResponsiveContainer, AreaChart } from 'recharts';
+import '../utils/index.js';
+import { componentIds } from './componentIds.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../BladeProvider/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../Box/BaseBox/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/assignWithoutSideEffects/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 { 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", "type", "connectNulls", "showLegend", "stackId", "dot", "activeDot", "_index", "_colorTheme"],
+  _excluded2 = ["data", "children", "testID", "colorTheme"];
+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; }
+var Area = function Area(_ref) {
+  var color = _ref.color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'monotone' : _ref$type,
+    _ref$connectNulls = _ref.connectNulls,
+    connectNulls = _ref$connectNulls === void 0 ? false : _ref$connectNulls,
+    _ref$showLegend = _ref.showLegend,
+    showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
+    _ref$stackId = _ref.stackId,
+    stackId = _ref$stackId === void 0 ? 1 : _ref$stackId,
+    _ref$dot = _ref.dot,
+    dot = _ref$dot === void 0 ? false : _ref$dot,
+    _ref$activeDot = _ref.activeDot,
+    activeDot = _ref$activeDot === void 0 ? true : _ref$activeDot,
+    _index = _ref._index,
+    _colorTheme = _ref._colorTheme,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var themeColors = useChartsColorTheme({
+    colorTheme: _colorTheme !== null && _colorTheme !== void 0 ? _colorTheme : 'default'
+  });
+  var colorToken = color ? getIn(theme.colors, color) : themeColors[_index !== null && _index !== void 0 ? _index : 0];
+  var animationBegin = theme.motion.delay.gentle;
+  var animationDuration = theme.motion.duration.xgentle;
+  return /*#__PURE__*/jsx(Area$1, _objectSpread(_objectSpread({}, props), {}, {
+    fill: colorToken,
+    stroke: colorToken,
+    fillOpacity: 0.09,
+    type: type,
+    connectNulls: connectNulls,
+    legendType: showLegend ? 'rect' : 'none',
+    strokeWidth: 3,
+    dot: dot,
+    stackId: stackId,
+    activeDot: activeDot,
+    animationBegin: animationBegin,
+    animationDuration: animationDuration
+  }));
+};
+var ChartArea = /*#__PURE__*/assignWithoutSideEffects(Area, {
+  componentId: componentIds.ChartArea
+});
+
+// Main components
+var ChartAreaWrapper = function ChartAreaWrapper(_ref2) {
+  var data = _ref2.data,
+    children = _ref2.children,
+    testID = _ref2.testID,
+    _ref2$colorTheme = _ref2.colorTheme,
+    colorTheme = _ref2$colorTheme === void 0 ? 'default' : _ref2$colorTheme,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  var modifiedChildren = React__default.useMemo(function () {
+    var AreaChartIndex = 0;
+    return React__default.Children.map(children, function (child) {
+      if (/*#__PURE__*/React__default.isValidElement(child) && child.type === componentIds.ChartArea) {
+        return /*#__PURE__*/React__default.cloneElement(child, {
+          _index: AreaChartIndex++,
+          _colorTheme: colorTheme
+        });
+      }
+      return child;
+    });
+  }, [children, colorTheme]);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: 'chart-area-container',
+    testID: testID
+  })), makeAnalyticsAttribute(restProps)), restProps), {}, {
+    width: "100%",
+    height: "100%",
+    children: /*#__PURE__*/jsx(ResponsiveContainer, {
+      children: /*#__PURE__*/jsx(AreaChart, {
+        data: data,
+        children: modifiedChildren
+      })
+    })
+  }));
+};
+
+export { ChartArea, ChartAreaWrapper };
+//# sourceMappingURL=AreaChart.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.web.js","sources":["../../../../../../../src/components/Charts/AreaChart/AreaChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AreaChart as RechartsAreaChart,\n  Area as RechartsArea,\n  ResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport type { ChartAreaProps, ChartAreaWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Area: React.FC<ChartAreaProps> = ({\n  color,\n  type = 'monotone',\n  connectNulls = false,\n  showLegend = true,\n  stackId = 1,\n  dot = false,\n  activeDot = true,\n  _index,\n  _colorTheme,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({ colorTheme: _colorTheme ?? 'default' });\n  const colorToken = color ? getIn(theme.colors, color) : themeColors[_index ?? 0];\n  const animationBegin = theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsArea\n      {...props}\n      fill={colorToken}\n      stroke={colorToken}\n      fillOpacity={0.09}\n      type={type}\n      connectNulls={connectNulls}\n      legendType={showLegend ? 'rect' : 'none'}\n      strokeWidth={3}\n      dot={dot}\n      stackId={stackId}\n      activeDot={activeDot}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n    />\n  );\n};\n\nconst ChartArea = assignWithoutSideEffects(Area, {\n  componentId: componentIds.ChartArea,\n});\n\n// Main components\nconst ChartAreaWrapper: React.FC<ChartAreaWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  data,\n  children,\n  testID,\n  colorTheme = 'default',\n  ...restProps\n}) => {\n  const modifiedChildren = React.useMemo(() => {\n    let AreaChartIndex = 0;\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && child.type === componentIds.ChartArea) {\n        return React.cloneElement(child, {\n          _index: AreaChartIndex++,\n          _colorTheme: colorTheme,\n        } as Partial<ChartAreaProps>);\n      }\n      return child;\n    });\n  }, [children, colorTheme]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'chart-area-container', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      {...restProps}\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <ResponsiveContainer>\n        <RechartsAreaChart data={data}>{modifiedChildren}</RechartsAreaChart>\n      </ResponsiveContainer>\n    </BaseBox>\n  );\n};\n\nexport type { ChartAreaWrapperProps, ChartAreaProps };\nexport { ChartAreaWrapper, ChartArea };\n"],"names":["Area","_ref","color","_ref$type","type","_ref$connectNulls","connectNulls","_ref$showLegend","showLegend","_ref$stackId","stackId","_ref$dot","dot","_ref$activeDot","activeDot","_index","_colorTheme","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","colorToken","getIn","colors","animationBegin","motion","delay","gentle","animationDuration","duration","xgentle","_jsx","RechartsArea","_objectSpread","fill","stroke","fillOpacity","legendType","strokeWidth","ChartArea","assignWithoutSideEffects","componentId","componentIds","ChartAreaWrapper","_ref2","data","children","testID","_ref2$colorTheme","restProps","_excluded2","modifiedChildren","React","useMemo","AreaChartIndex","Children","map","child","isValidElement","cloneElement","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","ResponsiveContainer","RechartsAreaChart"],"mappings":"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"}

package/build/lib/web/development/components/Charts/AreaChart/componentIds.js

@@ -0,0 +1,6 @@
+var componentIds = {
+  ChartArea: 'ChartArea'
+};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

package/build/lib/web/development/components/Charts/AreaChart/componentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../../../src/components/Charts/AreaChart/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ChartArea: 'ChartArea',\n};\n"],"names":["componentIds","ChartArea"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAA;AACb;;;;"}

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

@@ -0,0 +1,2 @@
+export { ChartArea, ChartAreaWrapper } from './AreaChart.web.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,4 +1,5 @@
 import './LineChart/index.js';
+import './AreaChart/index.js';
 import './CommonChartComponents/index.js';
 
 // Export LineCharts (includes shared components)

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 './CommonChartComponents';\n"],"names":[],"mappings":";;;AAAA"}
+{"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"}

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

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

package/build/lib/web/development/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/production/components/Charts/AreaChart/AreaChart.web.js

@@ -0,0 +1,105 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Area as Area$1, ResponsiveContainer, AreaChart } from 'recharts';
+import '../utils/index.js';
+import { componentIds } from './componentIds.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../BladeProvider/index.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../Box/BaseBox/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/assignWithoutSideEffects/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 { 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", "type", "connectNulls", "showLegend", "stackId", "dot", "activeDot", "_index", "_colorTheme"],
+  _excluded2 = ["data", "children", "testID", "colorTheme"];
+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; }
+var Area = function Area(_ref) {
+  var color = _ref.color,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'monotone' : _ref$type,
+    _ref$connectNulls = _ref.connectNulls,
+    connectNulls = _ref$connectNulls === void 0 ? false : _ref$connectNulls,
+    _ref$showLegend = _ref.showLegend,
+    showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
+    _ref$stackId = _ref.stackId,
+    stackId = _ref$stackId === void 0 ? 1 : _ref$stackId,
+    _ref$dot = _ref.dot,
+    dot = _ref$dot === void 0 ? false : _ref$dot,
+    _ref$activeDot = _ref.activeDot,
+    activeDot = _ref$activeDot === void 0 ? true : _ref$activeDot,
+    _index = _ref._index,
+    _colorTheme = _ref._colorTheme,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var themeColors = useChartsColorTheme({
+    colorTheme: _colorTheme !== null && _colorTheme !== void 0 ? _colorTheme : 'default'
+  });
+  var colorToken = color ? getIn(theme.colors, color) : themeColors[_index !== null && _index !== void 0 ? _index : 0];
+  var animationBegin = theme.motion.delay.gentle;
+  var animationDuration = theme.motion.duration.xgentle;
+  return /*#__PURE__*/jsx(Area$1, _objectSpread(_objectSpread({}, props), {}, {
+    fill: colorToken,
+    stroke: colorToken,
+    fillOpacity: 0.09,
+    type: type,
+    connectNulls: connectNulls,
+    legendType: showLegend ? 'rect' : 'none',
+    strokeWidth: 3,
+    dot: dot,
+    stackId: stackId,
+    activeDot: activeDot,
+    animationBegin: animationBegin,
+    animationDuration: animationDuration
+  }));
+};
+var ChartArea = /*#__PURE__*/assignWithoutSideEffects(Area, {
+  componentId: componentIds.ChartArea
+});
+
+// Main components
+var ChartAreaWrapper = function ChartAreaWrapper(_ref2) {
+  var data = _ref2.data,
+    children = _ref2.children,
+    testID = _ref2.testID,
+    _ref2$colorTheme = _ref2.colorTheme,
+    colorTheme = _ref2$colorTheme === void 0 ? 'default' : _ref2$colorTheme,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  var modifiedChildren = React__default.useMemo(function () {
+    var AreaChartIndex = 0;
+    return React__default.Children.map(children, function (child) {
+      if (/*#__PURE__*/React__default.isValidElement(child) && child.type === componentIds.ChartArea) {
+        return /*#__PURE__*/React__default.cloneElement(child, {
+          _index: AreaChartIndex++,
+          _colorTheme: colorTheme
+        });
+      }
+      return child;
+    });
+  }, [children, colorTheme]);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: 'chart-area-container',
+    testID: testID
+  })), makeAnalyticsAttribute(restProps)), restProps), {}, {
+    width: "100%",
+    height: "100%",
+    children: /*#__PURE__*/jsx(ResponsiveContainer, {
+      children: /*#__PURE__*/jsx(AreaChart, {
+        data: data,
+        children: modifiedChildren
+      })
+    })
+  }));
+};
+
+export { ChartArea, ChartAreaWrapper };
+//# sourceMappingURL=AreaChart.web.js.map

package/build/lib/web/production/components/Charts/AreaChart/AreaChart.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.web.js","sources":["../../../../../../../src/components/Charts/AreaChart/AreaChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AreaChart as RechartsAreaChart,\n  Area as RechartsArea,\n  ResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport type { ChartAreaProps, ChartAreaWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Area: React.FC<ChartAreaProps> = ({\n  color,\n  type = 'monotone',\n  connectNulls = false,\n  showLegend = true,\n  stackId = 1,\n  dot = false,\n  activeDot = true,\n  _index,\n  _colorTheme,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({ colorTheme: _colorTheme ?? 'default' });\n  const colorToken = color ? getIn(theme.colors, color) : themeColors[_index ?? 0];\n  const animationBegin = theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsArea\n      {...props}\n      fill={colorToken}\n      stroke={colorToken}\n      fillOpacity={0.09}\n      type={type}\n      connectNulls={connectNulls}\n      legendType={showLegend ? 'rect' : 'none'}\n      strokeWidth={3}\n      dot={dot}\n      stackId={stackId}\n      activeDot={activeDot}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n    />\n  );\n};\n\nconst ChartArea = assignWithoutSideEffects(Area, {\n  componentId: componentIds.ChartArea,\n});\n\n// Main components\nconst ChartAreaWrapper: React.FC<ChartAreaWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  data,\n  children,\n  testID,\n  colorTheme = 'default',\n  ...restProps\n}) => {\n  const modifiedChildren = React.useMemo(() => {\n    let AreaChartIndex = 0;\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && child.type === componentIds.ChartArea) {\n        return React.cloneElement(child, {\n          _index: AreaChartIndex++,\n          _colorTheme: colorTheme,\n        } as Partial<ChartAreaProps>);\n      }\n      return child;\n    });\n  }, [children, colorTheme]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'chart-area-container', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      {...restProps}\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <ResponsiveContainer>\n        <RechartsAreaChart data={data}>{modifiedChildren}</RechartsAreaChart>\n      </ResponsiveContainer>\n    </BaseBox>\n  );\n};\n\nexport type { ChartAreaWrapperProps, ChartAreaProps };\nexport { ChartAreaWrapper, ChartArea };\n"],"names":["Area","_ref","color","_ref$type","type","_ref$connectNulls","connectNulls","_ref$showLegend","showLegend","_ref$stackId","stackId","_ref$dot","dot","_ref$activeDot","activeDot","_index","_colorTheme","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","colorToken","getIn","colors","animationBegin","motion","delay","gentle","animationDuration","duration","xgentle","_jsx","RechartsArea","_objectSpread","fill","stroke","fillOpacity","legendType","strokeWidth","ChartArea","assignWithoutSideEffects","componentId","componentIds","ChartAreaWrapper","_ref2","data","children","testID","_ref2$colorTheme","restProps","_excluded2","modifiedChildren","React","useMemo","AreaChartIndex","Children","map","child","isValidElement","cloneElement","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","ResponsiveContainer","RechartsAreaChart"],"mappings":"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"}

package/build/lib/web/production/components/Charts/AreaChart/componentIds.js

@@ -0,0 +1,6 @@
+var componentIds = {
+  ChartArea: 'ChartArea'
+};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

package/build/lib/web/production/components/Charts/AreaChart/componentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../../../src/components/Charts/AreaChart/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ChartArea: 'ChartArea',\n};\n"],"names":["componentIds","ChartArea"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAA;AACb;;;;"}

package/build/lib/web/production/components/Charts/AreaChart/index.js

@@ -0,0 +1,2 @@
+export { ChartArea, ChartAreaWrapper } from './AreaChart.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Charts/AreaChart/index.js.map

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

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

@@ -1,4 +1,5 @@
 import './LineChart/index.js';
+import './AreaChart/index.js';
 import './CommonChartComponents/index.js';
 
 // Export LineCharts (includes shared components)

package/build/lib/web/production/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 './CommonChartComponents';\n"],"names":[],"mappings":";;;AAAA"}
+{"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"}

package/build/lib/web/production/components/index.js

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

package/build/lib/web/production/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/types/components/index.d.ts

@@ -7,7 +7,7 @@ import * as csstype from 'csstype';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
 import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
 import { AnimationControls, TargetAndTransition, Tween } from 'framer-motion';
-import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGrid, LineProps } from 'recharts';
+import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGridProps, LineProps, AreaProps } from 'recharts';
 import { DateValue, DatesRangeValue, DatePickerProps as DatePickerProps$1, DayOfWeek } from '@mantine/dates';
 export { DateValue, DatesRangeValue } from '@mantine/dates';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
@@ -12552,7 +12552,7 @@ type ChartYAxisProps = Omit<YAxisProps, 'tick' | 'label' | 'dataKey' | 'stroke'>
 };
 type ChartTooltipProps = ComponentProps<typeof Tooltip$1>;
 type ChartLegendProps = ComponentProps<typeof Legend>;
-type ChartCartesianGridProps = ComponentProps<typeof CartesianGrid>;
+type ChartCartesianGridProps = Omit<CartesianGridProps, 'strokeDasharray' | 'verticalFill' | 'horizontalFill'>;
 type ChartsCategoricalColorToken = `chart.background.categorical.${ChartColorCategories}.${keyof ChartCategoricalEmphasis}`;
 
 type colorTheme = 'default';
@@ -12574,7 +12574,7 @@ interface ChartLineProps {
     /**
      * If we don't have data for some points should we connect the line or should skip it.
      */
-    connectNulls?: boolean;
+    connectNulls?: LineProps['connectNulls'];
     /**
      * Include this particular line in legend.
      *  @default : true
@@ -12583,12 +12583,12 @@ interface ChartLineProps {
     /**
      *  The data key of the x-axis
      */
-    dataKey: string;
+    dataKey: LineProps['dataKey'];
     /**
      * Name of the line in line chart.
      * if no provided, we will use the data key as the name.
      */
-    name?: string;
+    name?: LineProps['name'];
     /**
      * Color of the line in line chart.
      * if no provided, we will pick colors from the default theme colors.
@@ -12608,7 +12608,7 @@ interface ChartLineProps {
      */
     _colorTheme?: colorTheme;
 }
-type data = {
+type data$1 = {
     [key: string]: unknown;
 };
 type ChartLineWrapperProps = {
@@ -12619,13 +12619,77 @@ type ChartLineWrapperProps = {
     /**
      * Chart data to be rendered
      */
-    data: data[];
+    data: data$1[];
     children: React.ReactNode;
 } & Partial<Omit<BaseBoxProps, keyof FlexboxProps | keyof GridProps>>;
 
 declare const ChartLine: React__default.FC<ChartLineProps>;
 declare const ChartLineWrapper: React__default.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute>;
 
+type ChartAreaProps = {
+    /**
+     * The type of the area chart.
+     */
+    type?: 'step' | 'stepAfter' | 'stepBefore' | 'linear' | 'monotone';
+    /**
+     * Whether to connect nulls.
+     */
+    connectNulls?: AreaProps['connectNulls'];
+    /**
+     * Whether to show the legend.
+     */
+    showLegend?: boolean;
+    /**
+     * The data key of the area chart.
+     */
+    dataKey: AreaProps['dataKey'];
+    /**
+     * The name of the area chart.
+     */
+    name: AreaProps['name'];
+    /**
+     * The stack id of the area chart.
+     */
+    stackId?: AreaProps['stackId'];
+    /**
+     * The color of the area chart.
+     */
+    color?: ChartsCategoricalColorToken;
+    /**
+     * Whether to show the dot.
+     */
+    dot?: AreaProps['dot'];
+    /**
+     * Whether to show the active dot.
+     */
+    activeDot?: AreaProps['activeDot'];
+    /**
+     * @private
+     */
+    _index?: number;
+    /**
+     * @private
+     */
+    _colorTheme?: colorTheme;
+};
+type data = {
+    [key: string]: string | number | null;
+};
+type ChartAreaWrapperProps = {
+    children?: React.ReactNode;
+    /**
+     * The color theme of the line chart.
+     */
+    colorTheme?: colorTheme;
+    /**
+     * Chart data to be rendered
+     */
+    data: data[];
+} & Partial<Omit<BaseBoxProps, keyof FlexboxProps | keyof GridProps>>;
+
+declare const ChartArea: React__default.FC<ChartAreaProps>;
+declare const ChartAreaWrapper: React__default.FC<ChartAreaWrapperProps & TestID & DataAnalyticsAttribute>;
+
 declare const ChartXAxis: React__default.FC<ChartXAxisProps>;
 declare const ChartYAxis: React__default.FC<ChartYAxisProps>;
 declare const ChartCartesianGrid: React__default.FC<ChartCartesianGridProps>;
@@ -25901,4 +25965,4 @@ declare const PreviewBody: (PreviewBodyProps: PreviewBodyProps) => React__defaul
 declare const PreviewFooter: (PreviewFooterProps: PreviewFooterProps) => React__default.ReactElement;
 declare const Preview: ({ children, onFullScreen: onFullScreenProp, onZoomChange, zoomScaleStep, isDragAndZoomDisabled, defaultZoom, onDragChange, }: PreviewProps) => React__default.ReactElement;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };

package/build/types/components/index.native.d.ts

@@ -8,7 +8,7 @@ import { CSSObject } from 'styled-components';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
 import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
 import { AnimationControls, TargetAndTransition, Tween } from 'framer-motion';
-import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGrid, LineProps } from 'recharts';
+import { ReferenceLineProps, XAxisProps, YAxisProps, Tooltip as Tooltip$1, Legend, CartesianGridProps, LineProps, AreaProps } from 'recharts';
 import { DateValue, DatesRangeValue, DatePickerProps as DatePickerProps$1, DayOfWeek } from '@mantine/dates';
 export { DateValue, DatesRangeValue } from '@mantine/dates';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
@@ -9125,7 +9125,7 @@ type ChartYAxisProps = Omit<YAxisProps, 'tick' | 'label' | 'dataKey' | 'stroke'>
 };
 type ChartTooltipProps = ComponentProps<typeof Tooltip$1>;
 type ChartLegendProps = ComponentProps<typeof Legend>;
-type ChartCartesianGridProps = ComponentProps<typeof CartesianGrid>;
+type ChartCartesianGridProps = Omit<CartesianGridProps, 'strokeDasharray' | 'verticalFill' | 'horizontalFill'>;
 type ChartsCategoricalColorToken = `chart.background.categorical.${ChartColorCategories}.${keyof ChartCategoricalEmphasis}`;
 
 type colorTheme = 'default';
@@ -9147,7 +9147,7 @@ interface ChartLineProps {
     /**
      * If we don't have data for some points should we connect the line or should skip it.
      */
-    connectNulls?: boolean;
+    connectNulls?: LineProps['connectNulls'];
     /**
      * Include this particular line in legend.
      *  @default : true
@@ -9156,12 +9156,12 @@ interface ChartLineProps {
     /**
      *  The data key of the x-axis
      */
-    dataKey: string;
+    dataKey: LineProps['dataKey'];
     /**
      * Name of the line in line chart.
      * if no provided, we will use the data key as the name.
      */
-    name?: string;
+    name?: LineProps['name'];
     /**
      * Color of the line in line chart.
      * if no provided, we will pick colors from the default theme colors.
@@ -9181,7 +9181,7 @@ interface ChartLineProps {
      */
     _colorTheme?: colorTheme;
 }
-type data = {
+type data$1 = {
     [key: string]: unknown;
 };
 type ChartLineWrapperProps = {
@@ -9192,13 +9192,77 @@ type ChartLineWrapperProps = {
     /**
      * Chart data to be rendered
      */
-    data: data[];
+    data: data$1[];
     children: React.ReactNode;
 } & Partial<Omit<BaseBoxProps, keyof FlexboxProps | keyof GridProps>>;
 
 declare const ChartLineWrapper: (_prop: ChartLineWrapperProps) => react__default.ReactElement;
 declare const ChartLine: (_prop: ChartLineProps) => react__default.ReactElement;
 
+type ChartAreaProps = {
+    /**
+     * The type of the area chart.
+     */
+    type?: 'step' | 'stepAfter' | 'stepBefore' | 'linear' | 'monotone';
+    /**
+     * Whether to connect nulls.
+     */
+    connectNulls?: AreaProps['connectNulls'];
+    /**
+     * Whether to show the legend.
+     */
+    showLegend?: boolean;
+    /**
+     * The data key of the area chart.
+     */
+    dataKey: AreaProps['dataKey'];
+    /**
+     * The name of the area chart.
+     */
+    name: AreaProps['name'];
+    /**
+     * The stack id of the area chart.
+     */
+    stackId?: AreaProps['stackId'];
+    /**
+     * The color of the area chart.
+     */
+    color?: ChartsCategoricalColorToken;
+    /**
+     * Whether to show the dot.
+     */
+    dot?: AreaProps['dot'];
+    /**
+     * Whether to show the active dot.
+     */
+    activeDot?: AreaProps['activeDot'];
+    /**
+     * @private
+     */
+    _index?: number;
+    /**
+     * @private
+     */
+    _colorTheme?: colorTheme;
+};
+type data = {
+    [key: string]: string | number | null;
+};
+type ChartAreaWrapperProps = {
+    children?: React.ReactNode;
+    /**
+     * The color theme of the line chart.
+     */
+    colorTheme?: colorTheme;
+    /**
+     * Chart data to be rendered
+     */
+    data: data[];
+} & Partial<Omit<BaseBoxProps, keyof FlexboxProps | keyof GridProps>>;
+
+declare const ChartAreaWrapper: (_prop: ChartAreaProps) => React.ReactElement;
+declare const ChartArea: (_prop: ChartAreaWrapperProps) => React.ReactElement;
+
 declare const ChartXAxis: react__default.FC<ChartXAxisProps>;
 declare const ChartYAxis: react__default.FC<ChartYAxisProps>;
 declare const ChartCartesianGrid: react__default.FC<ChartCartesianGridProps>;
@@ -16146,4 +16210,4 @@ declare const PreviewHeader: (_prop: PreviewHeaderProps) => react__default.React
 declare const PreviewBody: (_prop: PreviewBodyProps) => react__default.ReactElement;
 declare const PreviewFooter: (_prop: PreviewFooterProps) => react__default.ReactElement;
 
-export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.52.0",
+  "version": "12.53.0",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"