@automattic/charts 0.58.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/README.md +7 -54
  3. package/dist/index.cjs +9606 -22
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +20 -25
  6. package/dist/index.css.map +1 -1
  7. package/dist/index.d.cts +1612 -33
  8. package/dist/index.d.ts +1612 -33
  9. package/dist/index.js +9640 -56
  10. package/dist/index.js.map +1 -1
  11. package/package.json +8 -125
  12. package/src/charts/bar-chart/bar-chart.module.scss +0 -5
  13. package/src/charts/bar-chart/bar-chart.tsx +131 -137
  14. package/src/charts/leaderboard-chart/leaderboard-chart.tsx +23 -40
  15. package/src/charts/line-chart/line-chart.module.scss +0 -5
  16. package/src/charts/line-chart/line-chart.tsx +190 -183
  17. package/src/charts/line-chart/private/line-chart-annotations-overlay.tsx +1 -2
  18. package/src/charts/pie-chart/pie-chart.module.scss +2 -10
  19. package/src/charts/pie-chart/pie-chart.tsx +198 -199
  20. package/src/charts/pie-chart/test/composition-api.test.tsx +3 -3
  21. package/src/charts/pie-chart/test/pie-chart.test.tsx +42 -35
  22. package/src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss +2 -8
  23. package/src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx +155 -155
  24. package/src/charts/pie-semi-circle-chart/test/pie-semi-circle-chart.test.tsx +25 -25
  25. package/src/charts/private/chart-layout/chart-layout.module.scss +7 -0
  26. package/src/charts/private/chart-layout/chart-layout.tsx +106 -0
  27. package/src/charts/private/chart-layout/index.ts +2 -0
  28. package/src/charts/private/chart-layout/test/chart-layout.test.tsx +167 -0
  29. package/src/charts/private/single-chart-context/single-chart-context.tsx +2 -2
  30. package/src/charts/private/svg-empty-state/index.ts +1 -0
  31. package/src/charts/private/svg-empty-state/svg-empty-state.module.scss +7 -0
  32. package/src/charts/private/svg-empty-state/svg-empty-state.tsx +40 -0
  33. package/src/components/legend/hooks/test/use-chart-legend-items.test.tsx +12 -8
  34. package/src/components/legend/hooks/use-chart-legend-items.ts +12 -13
  35. package/src/components/legend/legend.tsx +33 -8
  36. package/src/components/legend/test/legend.test.tsx +93 -1
  37. package/src/hooks/index.ts +1 -0
  38. package/src/hooks/use-data-with-percentages.ts +24 -0
  39. package/src/hooks/use-interactive-legend-data.ts +18 -15
  40. package/src/index.ts +65 -2
  41. package/src/providers/chart-context/global-charts-provider.tsx +7 -1
  42. package/src/providers/chart-context/hooks/use-chart-registration.ts +2 -1
  43. package/src/providers/chart-context/types.ts +2 -2
  44. package/src/types.ts +27 -7
  45. package/src/utils/test/resolve-css-var.test.ts +2 -0
  46. package/dist/base-tooltip-DOq93wjU.d.cts +0 -38
  47. package/dist/base-tooltip-DOq93wjU.d.ts +0 -38
  48. package/dist/charts/bar-chart/index.cjs +0 -17
  49. package/dist/charts/bar-chart/index.cjs.map +0 -1
  50. package/dist/charts/bar-chart/index.css +0 -141
  51. package/dist/charts/bar-chart/index.css.map +0 -1
  52. package/dist/charts/bar-chart/index.d.cts +0 -36
  53. package/dist/charts/bar-chart/index.d.ts +0 -36
  54. package/dist/charts/bar-chart/index.js +0 -17
  55. package/dist/charts/bar-chart/index.js.map +0 -1
  56. package/dist/charts/bar-list-chart/index.cjs +0 -18
  57. package/dist/charts/bar-list-chart/index.cjs.map +0 -1
  58. package/dist/charts/bar-list-chart/index.css +0 -141
  59. package/dist/charts/bar-list-chart/index.css.map +0 -1
  60. package/dist/charts/bar-list-chart/index.d.cts +0 -92
  61. package/dist/charts/bar-list-chart/index.d.ts +0 -92
  62. package/dist/charts/bar-list-chart/index.js +0 -18
  63. package/dist/charts/bar-list-chart/index.js.map +0 -1
  64. package/dist/charts/conversion-funnel-chart/index.cjs +0 -11
  65. package/dist/charts/conversion-funnel-chart/index.cjs.map +0 -1
  66. package/dist/charts/conversion-funnel-chart/index.css +0 -157
  67. package/dist/charts/conversion-funnel-chart/index.css.map +0 -1
  68. package/dist/charts/conversion-funnel-chart/index.d.cts +0 -97
  69. package/dist/charts/conversion-funnel-chart/index.d.ts +0 -97
  70. package/dist/charts/conversion-funnel-chart/index.js +0 -11
  71. package/dist/charts/conversion-funnel-chart/index.js.map +0 -1
  72. package/dist/charts/geo-chart/index.cjs +0 -13
  73. package/dist/charts/geo-chart/index.cjs.map +0 -1
  74. package/dist/charts/geo-chart/index.css +0 -23
  75. package/dist/charts/geo-chart/index.css.map +0 -1
  76. package/dist/charts/geo-chart/index.d.cts +0 -67
  77. package/dist/charts/geo-chart/index.d.ts +0 -67
  78. package/dist/charts/geo-chart/index.js +0 -13
  79. package/dist/charts/geo-chart/index.js.map +0 -1
  80. package/dist/charts/leaderboard-chart/index.cjs +0 -21
  81. package/dist/charts/leaderboard-chart/index.cjs.map +0 -1
  82. package/dist/charts/leaderboard-chart/index.css +0 -160
  83. package/dist/charts/leaderboard-chart/index.css.map +0 -1
  84. package/dist/charts/leaderboard-chart/index.d.cts +0 -46
  85. package/dist/charts/leaderboard-chart/index.d.ts +0 -46
  86. package/dist/charts/leaderboard-chart/index.js +0 -21
  87. package/dist/charts/leaderboard-chart/index.js.map +0 -1
  88. package/dist/charts/line-chart/index.cjs +0 -17
  89. package/dist/charts/line-chart/index.cjs.map +0 -1
  90. package/dist/charts/line-chart/index.css +0 -213
  91. package/dist/charts/line-chart/index.css.map +0 -1
  92. package/dist/charts/line-chart/index.d.cts +0 -98
  93. package/dist/charts/line-chart/index.d.ts +0 -98
  94. package/dist/charts/line-chart/index.js +0 -17
  95. package/dist/charts/line-chart/index.js.map +0 -1
  96. package/dist/charts/pie-chart/index.cjs +0 -19
  97. package/dist/charts/pie-chart/index.cjs.map +0 -1
  98. package/dist/charts/pie-chart/index.css +0 -131
  99. package/dist/charts/pie-chart/index.css.map +0 -1
  100. package/dist/charts/pie-chart/index.d.cts +0 -91
  101. package/dist/charts/pie-chart/index.d.ts +0 -91
  102. package/dist/charts/pie-chart/index.js +0 -19
  103. package/dist/charts/pie-chart/index.js.map +0 -1
  104. package/dist/charts/pie-semi-circle-chart/index.cjs +0 -18
  105. package/dist/charts/pie-semi-circle-chart/index.cjs.map +0 -1
  106. package/dist/charts/pie-semi-circle-chart/index.css +0 -132
  107. package/dist/charts/pie-semi-circle-chart/index.css.map +0 -1
  108. package/dist/charts/pie-semi-circle-chart/index.d.cts +0 -88
  109. package/dist/charts/pie-semi-circle-chart/index.d.ts +0 -88
  110. package/dist/charts/pie-semi-circle-chart/index.js +0 -18
  111. package/dist/charts/pie-semi-circle-chart/index.js.map +0 -1
  112. package/dist/charts/sparkline/index.cjs +0 -18
  113. package/dist/charts/sparkline/index.cjs.map +0 -1
  114. package/dist/charts/sparkline/index.css +0 -230
  115. package/dist/charts/sparkline/index.css.map +0 -1
  116. package/dist/charts/sparkline/index.d.cts +0 -113
  117. package/dist/charts/sparkline/index.d.ts +0 -113
  118. package/dist/charts/sparkline/index.js +0 -18
  119. package/dist/charts/sparkline/index.js.map +0 -1
  120. package/dist/chunk-2A34OA5O.cjs +0 -51
  121. package/dist/chunk-2A34OA5O.cjs.map +0 -1
  122. package/dist/chunk-2I67QUIV.js +0 -895
  123. package/dist/chunk-2I67QUIV.js.map +0 -1
  124. package/dist/chunk-2ICEEQOC.js +0 -1071
  125. package/dist/chunk-2ICEEQOC.js.map +0 -1
  126. package/dist/chunk-4B7BL2DD.js +0 -120
  127. package/dist/chunk-4B7BL2DD.js.map +0 -1
  128. package/dist/chunk-4OXMTKAL.js +0 -401
  129. package/dist/chunk-4OXMTKAL.js.map +0 -1
  130. package/dist/chunk-ASLARV7L.cjs +0 -81
  131. package/dist/chunk-ASLARV7L.cjs.map +0 -1
  132. package/dist/chunk-B6NLZFRW.js +0 -617
  133. package/dist/chunk-B6NLZFRW.js.map +0 -1
  134. package/dist/chunk-BBAUQOW6.cjs +0 -120
  135. package/dist/chunk-BBAUQOW6.cjs.map +0 -1
  136. package/dist/chunk-BPYKWMI7.js +0 -194
  137. package/dist/chunk-BPYKWMI7.js.map +0 -1
  138. package/dist/chunk-CMMHCTBX.cjs +0 -373
  139. package/dist/chunk-CMMHCTBX.cjs.map +0 -1
  140. package/dist/chunk-CPPXJATQ.cjs +0 -1071
  141. package/dist/chunk-CPPXJATQ.cjs.map +0 -1
  142. package/dist/chunk-DKU775VC.js +0 -219
  143. package/dist/chunk-DKU775VC.js.map +0 -1
  144. package/dist/chunk-GRA7Y2ZG.cjs +0 -401
  145. package/dist/chunk-GRA7Y2ZG.cjs.map +0 -1
  146. package/dist/chunk-I2276W3I.cjs +0 -66
  147. package/dist/chunk-I2276W3I.cjs.map +0 -1
  148. package/dist/chunk-JJIMABHT.js +0 -351
  149. package/dist/chunk-JJIMABHT.js.map +0 -1
  150. package/dist/chunk-KJHWXOCZ.js +0 -421
  151. package/dist/chunk-KJHWXOCZ.js.map +0 -1
  152. package/dist/chunk-KRWGSOJ2.js +0 -91
  153. package/dist/chunk-KRWGSOJ2.js.map +0 -1
  154. package/dist/chunk-KXRWNFQJ.js +0 -51
  155. package/dist/chunk-KXRWNFQJ.js.map +0 -1
  156. package/dist/chunk-LTFH7SEG.js +0 -373
  157. package/dist/chunk-LTFH7SEG.js.map +0 -1
  158. package/dist/chunk-MUNOKLLE.js +0 -165
  159. package/dist/chunk-MUNOKLLE.js.map +0 -1
  160. package/dist/chunk-MXGLYWVP.cjs +0 -351
  161. package/dist/chunk-MXGLYWVP.cjs.map +0 -1
  162. package/dist/chunk-OP6PHB2U.js +0 -81
  163. package/dist/chunk-OP6PHB2U.js.map +0 -1
  164. package/dist/chunk-OYC34VTO.cjs +0 -3957
  165. package/dist/chunk-OYC34VTO.cjs.map +0 -1
  166. package/dist/chunk-PQL5I3F6.cjs +0 -421
  167. package/dist/chunk-PQL5I3F6.cjs.map +0 -1
  168. package/dist/chunk-REZTQ4PH.cjs +0 -488
  169. package/dist/chunk-REZTQ4PH.cjs.map +0 -1
  170. package/dist/chunk-TZRUHQOH.cjs +0 -91
  171. package/dist/chunk-TZRUHQOH.cjs.map +0 -1
  172. package/dist/chunk-UTYVIOWZ.js +0 -3957
  173. package/dist/chunk-UTYVIOWZ.js.map +0 -1
  174. package/dist/chunk-W2LDIX26.cjs +0 -165
  175. package/dist/chunk-W2LDIX26.cjs.map +0 -1
  176. package/dist/chunk-WSG64BVN.cjs +0 -219
  177. package/dist/chunk-WSG64BVN.cjs.map +0 -1
  178. package/dist/chunk-WTQYGUNF.js +0 -400
  179. package/dist/chunk-WTQYGUNF.js.map +0 -1
  180. package/dist/chunk-WYK7EL5R.cjs +0 -895
  181. package/dist/chunk-WYK7EL5R.cjs.map +0 -1
  182. package/dist/chunk-XC4KHJYX.cjs +0 -617
  183. package/dist/chunk-XC4KHJYX.cjs.map +0 -1
  184. package/dist/chunk-XVBH5XHE.cjs +0 -400
  185. package/dist/chunk-XVBH5XHE.cjs.map +0 -1
  186. package/dist/chunk-XWYZIFZW.js +0 -66
  187. package/dist/chunk-XWYZIFZW.js.map +0 -1
  188. package/dist/chunk-Y3NNQMAX.cjs +0 -194
  189. package/dist/chunk-Y3NNQMAX.cjs.map +0 -1
  190. package/dist/chunk-YAFQVVDI.js +0 -488
  191. package/dist/chunk-YAFQVVDI.js.map +0 -1
  192. package/dist/components/legend/index.cjs +0 -12
  193. package/dist/components/legend/index.cjs.map +0 -1
  194. package/dist/components/legend/index.css +0 -91
  195. package/dist/components/legend/index.css.map +0 -1
  196. package/dist/components/legend/index.d.cts +0 -37
  197. package/dist/components/legend/index.d.ts +0 -37
  198. package/dist/components/legend/index.js +0 -12
  199. package/dist/components/legend/index.js.map +0 -1
  200. package/dist/components/tooltip/index.cjs +0 -12
  201. package/dist/components/tooltip/index.cjs.map +0 -1
  202. package/dist/components/tooltip/index.css +0 -13
  203. package/dist/components/tooltip/index.css.map +0 -1
  204. package/dist/components/tooltip/index.d.cts +0 -71
  205. package/dist/components/tooltip/index.d.ts +0 -71
  206. package/dist/components/tooltip/index.js +0 -12
  207. package/dist/components/tooltip/index.js.map +0 -1
  208. package/dist/components/trend-indicator/index.cjs +0 -8
  209. package/dist/components/trend-indicator/index.cjs.map +0 -1
  210. package/dist/components/trend-indicator/index.css +0 -27
  211. package/dist/components/trend-indicator/index.css.map +0 -1
  212. package/dist/components/trend-indicator/index.d.cts +0 -44
  213. package/dist/components/trend-indicator/index.d.ts +0 -44
  214. package/dist/components/trend-indicator/index.js +0 -8
  215. package/dist/components/trend-indicator/index.js.map +0 -1
  216. package/dist/format-metric-value-MXm5DtQ_.d.cts +0 -24
  217. package/dist/format-metric-value-MXm5DtQ_.d.ts +0 -24
  218. package/dist/hooks/index.cjs +0 -29
  219. package/dist/hooks/index.cjs.map +0 -1
  220. package/dist/hooks/index.css +0 -9
  221. package/dist/hooks/index.css.map +0 -1
  222. package/dist/hooks/index.d.cts +0 -264
  223. package/dist/hooks/index.d.ts +0 -264
  224. package/dist/hooks/index.js +0 -29
  225. package/dist/hooks/index.js.map +0 -1
  226. package/dist/leaderboard-chart-BSbg0ufV.d.cts +0 -79
  227. package/dist/leaderboard-chart-odEYxxEC.d.ts +0 -79
  228. package/dist/legend-DFkosEvC.d.cts +0 -9
  229. package/dist/legend-DLswHhOk.d.ts +0 -9
  230. package/dist/providers/index.cjs +0 -21
  231. package/dist/providers/index.cjs.map +0 -1
  232. package/dist/providers/index.css +0 -9
  233. package/dist/providers/index.css.map +0 -1
  234. package/dist/providers/index.d.cts +0 -28
  235. package/dist/providers/index.d.ts +0 -28
  236. package/dist/providers/index.js +0 -21
  237. package/dist/providers/index.js.map +0 -1
  238. package/dist/themes-D0qc5JaW.d.cts +0 -67
  239. package/dist/themes-itO4Ht5g.d.ts +0 -67
  240. package/dist/types-B5f6XQ7Q.d.cts +0 -19
  241. package/dist/types-BsHooDbM.d.ts +0 -19
  242. package/dist/types-BuSrRM4p.d.ts +0 -49
  243. package/dist/types-ChOUI9-N.d.cts +0 -545
  244. package/dist/types-ChOUI9-N.d.ts +0 -545
  245. package/dist/types-Dfw9VOKI.d.cts +0 -49
  246. package/dist/utils/index.cjs +0 -44
  247. package/dist/utils/index.cjs.map +0 -1
  248. package/dist/utils/index.d.cts +0 -226
  249. package/dist/utils/index.d.ts +0 -226
  250. package/dist/utils/index.js +0 -44
  251. package/dist/utils/index.js.map +0 -1
  252. package/dist/with-responsive-CNfhzAUu.d.cts +0 -18
  253. package/dist/with-responsive-CNfhzAUu.d.ts +0 -18
@@ -1,88 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { O as Optional, B as BaseChartProps, e as DataPointPercentage } from '../../types-ChOUI9-N.cjs';
3
- import { LegendValueDisplay } from '../../components/legend/index.cjs';
4
- import { C as ChartComponentWithComposition } from '../../types-B5f6XQ7Q.cjs';
5
- import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
6
- import { PieArcDatum } from '@visx/shape/lib/shapes/Pie';
7
- import '@visx/annotation/lib/components/CircleSubject';
8
- import '@visx/annotation/lib/components/Connector';
9
- import '@visx/annotation/lib/components/Label';
10
- import '@visx/annotation/lib/components/LineSubject';
11
- import '@visx/axis';
12
- import '@visx/legend/lib/types';
13
- import '@visx/scale';
14
- import '@visx/text/lib/Text';
15
- import '@visx/xychart';
16
- import '@wordpress/theme';
17
- import 'react-google-charts';
18
- import '../../legend-DFkosEvC.cjs';
19
- import '../../types-Dfw9VOKI.cjs';
20
- import '@visx/legend';
21
-
22
- /**
23
- * Parameters passed to the renderTooltip function for semi-circle charts.
24
- */
25
- type PieSemiCircleChartRenderTooltipParams = {
26
- /**
27
- * The data point being hovered, including label, value, and percentage.
28
- */
29
- tooltipData: DataPointPercentage;
30
- };
31
- interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]> {
32
- /**
33
- * Explicit width of the chart container in pixels.
34
- * When omitted, the chart fills its parent container's width.
35
- * The chart always maintains a 2:1 width-to-height ratio, constrained by available space.
36
- */
37
- width?: number;
38
- /**
39
- * Thickness of the pie chart. A value between 0 and 1
40
- */
41
- thickness?: number;
42
- /**
43
- * Direction of chart rendering
44
- * true for clockwise, false for counter-clockwise
45
- */
46
- clockwise?: boolean;
47
- /**
48
- * Label text to display above the chart
49
- */
50
- label?: string;
51
- /**
52
- * Note text to display below the label
53
- */
54
- note?: string;
55
- /**
56
- * Use the children prop to render additional elements on the chart.
57
- */
58
- children?: ReactNode;
59
- /**
60
- * What type of value to display in the legend when showValues is true.
61
- * - 'percentage': Shows percentage values (e.g., "23%") [default]
62
- * - 'value': Shows raw numeric values (e.g., "30000")
63
- * - 'valueDisplay': Shows formatted values (e.g., "30K")
64
- * - 'none': Shows no values, only labels
65
- */
66
- legendValueDisplay?: LegendValueDisplay;
67
- /**
68
- * Horizontal offset for tooltip positioning in pixels (default: 0)
69
- */
70
- tooltipOffsetX?: number;
71
- /**
72
- * Vertical offset for tooltip positioning in pixels (default: -15)
73
- */
74
- tooltipOffsetY?: number;
75
- /**
76
- * Custom render function for tooltip content.
77
- * When provided, replaces the default BaseTooltip with custom content.
78
- */
79
- renderTooltip?: (params: PieSemiCircleChartRenderTooltipParams) => ReactNode;
80
- }
81
- type PieSemiCircleChartBaseProps = Optional<PieSemiCircleChartProps, 'width'>;
82
- type PieSemiCircleChartComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps>;
83
- type PieSemiCircleChartResponsiveComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps & ResponsiveConfig>;
84
- type ArcData = PieArcDatum<DataPointPercentage>;
85
- declare const PieSemiCircleChart: PieSemiCircleChartComponent;
86
- declare const PieSemiCircleChartResponsive: PieSemiCircleChartResponsiveComponent;
87
-
88
- export { type ArcData, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive };
@@ -1,88 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { O as Optional, B as BaseChartProps, e as DataPointPercentage } from '../../types-ChOUI9-N.js';
3
- import { LegendValueDisplay } from '../../components/legend/index.js';
4
- import { C as ChartComponentWithComposition } from '../../types-BsHooDbM.js';
5
- import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
6
- import { PieArcDatum } from '@visx/shape/lib/shapes/Pie';
7
- import '@visx/annotation/lib/components/CircleSubject';
8
- import '@visx/annotation/lib/components/Connector';
9
- import '@visx/annotation/lib/components/Label';
10
- import '@visx/annotation/lib/components/LineSubject';
11
- import '@visx/axis';
12
- import '@visx/legend/lib/types';
13
- import '@visx/scale';
14
- import '@visx/text/lib/Text';
15
- import '@visx/xychart';
16
- import '@wordpress/theme';
17
- import 'react-google-charts';
18
- import '../../legend-DLswHhOk.js';
19
- import '../../types-BuSrRM4p.js';
20
- import '@visx/legend';
21
-
22
- /**
23
- * Parameters passed to the renderTooltip function for semi-circle charts.
24
- */
25
- type PieSemiCircleChartRenderTooltipParams = {
26
- /**
27
- * The data point being hovered, including label, value, and percentage.
28
- */
29
- tooltipData: DataPointPercentage;
30
- };
31
- interface PieSemiCircleChartProps extends BaseChartProps<DataPointPercentage[]> {
32
- /**
33
- * Explicit width of the chart container in pixels.
34
- * When omitted, the chart fills its parent container's width.
35
- * The chart always maintains a 2:1 width-to-height ratio, constrained by available space.
36
- */
37
- width?: number;
38
- /**
39
- * Thickness of the pie chart. A value between 0 and 1
40
- */
41
- thickness?: number;
42
- /**
43
- * Direction of chart rendering
44
- * true for clockwise, false for counter-clockwise
45
- */
46
- clockwise?: boolean;
47
- /**
48
- * Label text to display above the chart
49
- */
50
- label?: string;
51
- /**
52
- * Note text to display below the label
53
- */
54
- note?: string;
55
- /**
56
- * Use the children prop to render additional elements on the chart.
57
- */
58
- children?: ReactNode;
59
- /**
60
- * What type of value to display in the legend when showValues is true.
61
- * - 'percentage': Shows percentage values (e.g., "23%") [default]
62
- * - 'value': Shows raw numeric values (e.g., "30000")
63
- * - 'valueDisplay': Shows formatted values (e.g., "30K")
64
- * - 'none': Shows no values, only labels
65
- */
66
- legendValueDisplay?: LegendValueDisplay;
67
- /**
68
- * Horizontal offset for tooltip positioning in pixels (default: 0)
69
- */
70
- tooltipOffsetX?: number;
71
- /**
72
- * Vertical offset for tooltip positioning in pixels (default: -15)
73
- */
74
- tooltipOffsetY?: number;
75
- /**
76
- * Custom render function for tooltip content.
77
- * When provided, replaces the default BaseTooltip with custom content.
78
- */
79
- renderTooltip?: (params: PieSemiCircleChartRenderTooltipParams) => ReactNode;
80
- }
81
- type PieSemiCircleChartBaseProps = Optional<PieSemiCircleChartProps, 'width'>;
82
- type PieSemiCircleChartComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps>;
83
- type PieSemiCircleChartResponsiveComponent = ChartComponentWithComposition<PieSemiCircleChartBaseProps & ResponsiveConfig>;
84
- type ArcData = PieArcDatum<DataPointPercentage>;
85
- declare const PieSemiCircleChart: PieSemiCircleChartComponent;
86
- declare const PieSemiCircleChartResponsive: PieSemiCircleChartResponsiveComponent;
87
-
88
- export { type ArcData, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive };
@@ -1,18 +0,0 @@
1
- import {
2
- PieSemiCircleChart,
3
- PieSemiCircleChartResponsive
4
- } from "../../chunk-LTFH7SEG.js";
5
- import "../../chunk-KXRWNFQJ.js";
6
- import "../../chunk-KRWGSOJ2.js";
7
- import "../../chunk-WTQYGUNF.js";
8
- import "../../chunk-BPYKWMI7.js";
9
- import "../../chunk-YAFQVVDI.js";
10
- import "../../chunk-OP6PHB2U.js";
11
- import "../../chunk-2I67QUIV.js";
12
- import "../../chunk-JJIMABHT.js";
13
- import "../../chunk-G3PMV62Z.js";
14
- export {
15
- PieSemiCircleChartResponsive as PieSemiCircleChart,
16
- PieSemiCircleChart as PieSemiCircleChartUnresponsive
17
- };
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -1,18 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
-
3
-
4
- var _chunkW2LDIX26cjs = require('../../chunk-W2LDIX26.cjs');
5
- require('../../chunk-CPPXJATQ.cjs');
6
- require('../../chunk-TZRUHQOH.cjs');
7
- require('../../chunk-XVBH5XHE.cjs');
8
- require('../../chunk-Y3NNQMAX.cjs');
9
- require('../../chunk-REZTQ4PH.cjs');
10
- require('../../chunk-ASLARV7L.cjs');
11
- require('../../chunk-WYK7EL5R.cjs');
12
- require('../../chunk-MXGLYWVP.cjs');
13
- require('../../chunk-EMMSS5I5.cjs');
14
-
15
-
16
-
17
- exports.Sparkline = _chunkW2LDIX26cjs.Sparkline; exports.SparklineUnresponsive = _chunkW2LDIX26cjs.SparklineUnresponsive;
18
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/sparkline/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,yHAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/charts/sparkline/index.cjs"}
@@ -1,230 +0,0 @@
1
- /* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
2
- .a8ccharts-jCw5dQ {
3
- position: fixed;
4
- inset: 0;
5
- overflow: visible;
6
- z-index: 1;
7
- pointer-events: none;
8
- }
9
-
10
- /* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
11
- .a8ccharts-89ApsU {
12
- align-self: stretch;
13
- }
14
- .a8ccharts-AELBvX {
15
- display: flex;
16
- flex-direction: row;
17
- flex-wrap: wrap;
18
- gap: 16px;
19
- }
20
- .a8ccharts-fX8uQe {
21
- display: flex;
22
- flex-direction: column;
23
- gap: 8px;
24
- }
25
- .a8ccharts-DEe0wg {
26
- justify-content: flex-start;
27
- }
28
- .a8ccharts-WBKF9I {
29
- justify-content: center;
30
- }
31
- .a8ccharts-JfwMng {
32
- justify-content: flex-end;
33
- }
34
- .a8ccharts-fX8uQe.a8ccharts-DEe0wg {
35
- align-items: flex-start;
36
- }
37
- .a8ccharts-fX8uQe.a8ccharts-WBKF9I {
38
- align-items: center;
39
- }
40
- .a8ccharts-fX8uQe.a8ccharts-JfwMng {
41
- align-items: flex-end;
42
- }
43
- .a8ccharts-Vflwq8 {
44
- display: flex;
45
- align-items: center;
46
- font-size: 0.875rem;
47
- }
48
- .a8ccharts-qGsavM {
49
- cursor: pointer;
50
- user-select: none;
51
- transition: opacity 0.2s ease;
52
- }
53
- .a8ccharts-qGsavM:hover {
54
- opacity: 0.8;
55
- }
56
- .a8ccharts-qGsavM:focus {
57
- outline: 2px solid currentColor;
58
- outline-offset: 2px;
59
- border-radius: 4px;
60
- }
61
- .a8ccharts-qGsavM:focus:not(:focus-visible) {
62
- outline: none;
63
- }
64
- .a8ccharts-ZtDY-Q {
65
- opacity: 0.4;
66
- }
67
- .a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
68
- text-decoration: line-through;
69
- }
70
- .a8ccharts-2H65Kr {
71
- display: flex;
72
- align-items: center;
73
- gap: 0.5rem;
74
- }
75
- .a8ccharts-faSDBI {
76
- overflow-wrap: break-word;
77
- white-space: normal;
78
- hyphens: auto;
79
- }
80
- .a8ccharts-FISUIO {
81
- white-space: nowrap;
82
- overflow: hidden;
83
- text-overflow: ellipsis;
84
- flex-shrink: 1;
85
- min-width: 0;
86
- }
87
- .a8ccharts-DTZlT- {
88
- font-weight: 500;
89
- flex-shrink: 0;
90
- }
91
-
92
- /* esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss */
93
- .a8ccharts-OfX6nd {
94
- padding: 0.5rem;
95
- background-color: rgba(0, 0, 0, 0.85);
96
- color: #fff;
97
- border-radius: 4px;
98
- font-size: 14px;
99
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
100
- position: absolute;
101
- pointer-events: none;
102
- transform: translate(-50%, -100%);
103
- }
104
-
105
- /* esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss */
106
- .a8ccharts-GSKfBD {
107
- min-width: 0;
108
- min-height: 0;
109
- }
110
-
111
- /* esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss */
112
- .a8ccharts-v-oO8E {
113
- position: relative;
114
- }
115
- .a8ccharts-cpMNjj {
116
- flex: 1;
117
- min-height: 0;
118
- }
119
- .a8ccharts-QrkuTW path {
120
- transform-origin: 0 95%;
121
- transform: scaleY(0);
122
- animation: a8ccharts--rxDU3 1s ease-out forwards;
123
- }
124
- .a8ccharts-v-oO8E svg {
125
- overflow: visible;
126
- }
127
- .a8ccharts-Tu0rR-,
128
- .a8ccharts--RSWXi {
129
- background: #fff;
130
- padding: 0.5rem;
131
- }
132
- .a8ccharts-Q-b5A1 {
133
- font-weight: 700;
134
- padding-bottom: 10px;
135
- }
136
- .a8ccharts-19N7T9 {
137
- display: flex;
138
- align-items: center;
139
- padding: 4px 0;
140
- justify-content: space-between;
141
- }
142
- .a8ccharts-HOAXrD {
143
- font-weight: 500;
144
- padding-right: 1rem;
145
- }
146
- .a8ccharts-rQiY8O {
147
- position: absolute;
148
- left: 0;
149
- top: 0;
150
- overflow: visible;
151
- pointer-events: none;
152
- }
153
- .a8ccharts-8AKWOe {
154
- pointer-events: auto;
155
- }
156
- .a8ccharts-7mh3Cl {
157
- display: flex;
158
- align-items: center;
159
- justify-content: center;
160
- pointer-events: auto;
161
- cursor: pointer;
162
- border: none;
163
- background: none;
164
- padding: 0;
165
- }
166
- .a8ccharts--RSWXi {
167
- min-width: 125px;
168
- background: #fff;
169
- border: none;
170
- border-radius: 4px;
171
- font-size: 14px;
172
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
173
- position: fixed;
174
- margin: 0.5rem;
175
- visibility: hidden;
176
- }
177
- .a8ccharts-VAeVuJ {
178
- visibility: visible;
179
- }
180
- .a8ccharts-TEe-iV {
181
- position: initial;
182
- margin: auto;
183
- }
184
- .a8ccharts-LAUpx7 {
185
- display: flex;
186
- flex-direction: row;
187
- justify-content: space-between;
188
- align-items: start;
189
- }
190
- .a8ccharts-b76gEu {
191
- padding: 0.5rem;
192
- }
193
- .a8ccharts-LIpFoS {
194
- background: none;
195
- border: none;
196
- cursor: pointer;
197
- width: 44px;
198
- height: 44px;
199
- display: flex;
200
- align-items: center;
201
- justify-content: center;
202
- padding: 0;
203
- }
204
- .visx-tooltip-glyph svg {
205
- width: 10px;
206
- height: 10px;
207
- }
208
- @keyframes a8ccharts--rxDU3 {
209
- to {
210
- transform: scaleY(1);
211
- }
212
- }
213
-
214
- /* esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss */
215
- .a8ccharts-o-3Z8B {
216
- display: inline-block;
217
- vertical-align: middle;
218
- line-height: 1;
219
- }
220
- .a8ccharts-o-3Z8B svg {
221
- display: block;
222
- overflow: visible;
223
- }
224
- .a8ccharts-o-3Z8B path {
225
- vector-effect: non-scaling-stroke;
226
- }
227
- .a8ccharts-CbLbcd {
228
- display: inline-block;
229
- }
230
- /*# sourceMappingURL=index.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss","esbuild-sass-plugin:css-chunk:src/components/tooltip/base-tooltip.module.scss","esbuild-sass-plugin:css-chunk:src/charts/private/with-responsive/with-responsive.module.scss","esbuild-sass-plugin:css-chunk:src/charts/line-chart/line-chart.module.scss","esbuild-sass-plugin:css-chunk:src/charts/sparkline/sparkline.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n position: fixed;\n inset: 0;\n overflow: visible;\n z-index: 1;\n pointer-events: none;\n}",".a8ccharts-89ApsU {\n align-self: stretch;\n}\n.a8ccharts-AELBvX {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 16px;\n}\n.a8ccharts-fX8uQe {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.a8ccharts-DEe0wg {\n justify-content: flex-start;\n}\n.a8ccharts-WBKF9I {\n justify-content: center;\n}\n.a8ccharts-JfwMng {\n justify-content: flex-end;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n align-items: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n display: flex;\n align-items: center;\n font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n cursor: pointer;\n user-select: none;\n transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n outline: none;\n}\n.a8ccharts-ZtDY-Q {\n opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n overflow-wrap: break-word;\n white-space: normal;\n hyphens: auto;\n}\n.a8ccharts-FISUIO {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n font-weight: 500;\n flex-shrink: 0;\n}",".a8ccharts-OfX6nd {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: #fff;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}",".a8ccharts-GSKfBD {\n min-width: 0;\n min-height: 0;\n}",".a8ccharts-v-oO8E {\n position: relative;\n}\n.a8ccharts-cpMNjj {\n flex: 1;\n min-height: 0;\n}\n.a8ccharts-QrkuTW path {\n transform-origin: 0 95%;\n transform: scaleY(0);\n animation: a8ccharts--rxDU3 1s ease-out forwards;\n}\n.a8ccharts-v-oO8E svg {\n overflow: visible;\n}\n.a8ccharts-Tu0rR-, .a8ccharts--RSWXi {\n background: #fff;\n padding: 0.5rem;\n}\n.a8ccharts-Q-b5A1 {\n font-weight: 700;\n padding-bottom: 10px;\n}\n.a8ccharts-19N7T9 {\n display: flex;\n align-items: center;\n padding: 4px 0;\n justify-content: space-between;\n}\n.a8ccharts-HOAXrD {\n font-weight: 500;\n padding-right: 1rem;\n}\n.a8ccharts-rQiY8O {\n position: absolute;\n left: 0;\n top: 0;\n overflow: visible;\n pointer-events: none;\n}\n.a8ccharts-8AKWOe {\n pointer-events: auto;\n}\n.a8ccharts-7mh3Cl {\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n cursor: pointer;\n border: none;\n background: none;\n padding: 0;\n}\n.a8ccharts--RSWXi {\n min-width: 125px;\n background: #fff;\n border: none;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: fixed;\n margin: 0.5rem;\n visibility: hidden;\n}\n.a8ccharts-VAeVuJ {\n visibility: visible;\n}\n.a8ccharts-TEe-iV {\n position: initial;\n margin: auto;\n}\n.a8ccharts-LAUpx7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n}\n.a8ccharts-b76gEu {\n padding: 0.5rem;\n}\n.a8ccharts-LIpFoS {\n background: none;\n border: none;\n cursor: pointer;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.visx-tooltip-glyph svg {\n width: 10px;\n height: 10px;\n}\n\n@keyframes a8ccharts--rxDU3 {\n to {\n transform: scaleY(1);\n }\n}",".a8ccharts-o-3Z8B {\n display: inline-block;\n vertical-align: middle;\n line-height: 1;\n}\n.a8ccharts-o-3Z8B svg {\n display: block;\n overflow: visible;\n}\n.a8ccharts-o-3Z8B path {\n vector-effect: non-scaling-stroke;\n}\n.a8ccharts-CbLbcd {\n display: inline-block;\n}"],"mappings":"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","names":[]}
@@ -1,113 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.cjs';
3
- import * as react from 'react';
4
-
5
- type SparklineDataPoint = number;
6
- type GradientConfig = {
7
- /**
8
- * Start color for gradient (defaults to color prop)
9
- */
10
- from?: string;
11
- /**
12
- * End color for gradient (defaults to theme backgroundColor)
13
- */
14
- to?: string;
15
- /**
16
- * Start opacity (0-1)
17
- * @default 0.5
18
- */
19
- fromOpacity?: number;
20
- /**
21
- * End opacity (0-1)
22
- * @default 0.0
23
- */
24
- toOpacity?: number;
25
- };
26
- interface SparklineProps {
27
- /**
28
- * Array of numeric values to plot
29
- * @example [10, 25, 15, 30, 22, 35]
30
- */
31
- data: SparklineDataPoint[];
32
- /**
33
- * Width of the sparkline in pixels
34
- * @default 100
35
- */
36
- width?: number;
37
- /**
38
- * Height of the sparkline in pixels
39
- * @default 40
40
- */
41
- height?: number;
42
- /**
43
- * Size (used by responsive variant, equivalent to width for square charts)
44
- */
45
- size?: number;
46
- /**
47
- * Color for the line stroke (hex or CSS color)
48
- * @default Theme color (first color in theme.colors array)
49
- */
50
- color?: string;
51
- /**
52
- * Line stroke width in pixels
53
- * @default 1
54
- */
55
- strokeWidth?: number;
56
- /**
57
- * Whether to render the gradient fill beneath the line
58
- * @default true
59
- */
60
- withGradientFill?: boolean;
61
- /**
62
- * Gradient configuration for area fill
63
- * If not provided, uses color prop with default opacity values
64
- */
65
- gradient?: GradientConfig;
66
- /**
67
- * Additional CSS class name
68
- */
69
- className?: string;
70
- /**
71
- * Chart ID for unique gradient/element identification
72
- */
73
- chartId?: string;
74
- /**
75
- * Margin around the chart
76
- * @default { top: 2, right: 2, bottom: 2, left: 2 }
77
- */
78
- margin?: {
79
- top?: number;
80
- right?: number;
81
- bottom?: number;
82
- left?: number;
83
- };
84
- /**
85
- * Enable entry animation on initial render
86
- * Creates a rising effect where the line scales up from the bottom.
87
- * Automatically respects user's prefers-reduced-motion system setting.
88
- * @default false
89
- */
90
- animation?: boolean;
91
- }
92
-
93
- /**
94
- * Sparkline - A minimal line chart for inline data visualization.
95
- *
96
- * Sparklines are compact charts designed to be embedded inline with text or
97
- * displayed in small spaces like table cells or dashboards. They show trends
98
- * without axes, labels, or other chart chrome.
99
- *
100
- * This component is built on top of LineChart with preconfigured settings
101
- * for minimal display (no axes, grid, tooltips, or legend).
102
- */
103
- declare const SparklineUnresponsive: react.ForwardRefExoticComponent<SparklineProps & react.RefAttributes<HTMLDivElement>>;
104
- /**
105
- * Responsive Sparkline chart component
106
- */
107
- declare const Sparkline: ({ resizeDebounceTime, maxWidth, aspectRatio, size, width, height, ...chartProps }: Omit<SparklineProps, "width" | "height" | "size"> & {
108
- width?: number;
109
- height?: number;
110
- size?: number;
111
- } & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
112
-
113
- export { type GradientConfig, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive };
@@ -1,113 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { R as ResponsiveConfig } from '../../with-responsive-CNfhzAUu.js';
3
- import * as react from 'react';
4
-
5
- type SparklineDataPoint = number;
6
- type GradientConfig = {
7
- /**
8
- * Start color for gradient (defaults to color prop)
9
- */
10
- from?: string;
11
- /**
12
- * End color for gradient (defaults to theme backgroundColor)
13
- */
14
- to?: string;
15
- /**
16
- * Start opacity (0-1)
17
- * @default 0.5
18
- */
19
- fromOpacity?: number;
20
- /**
21
- * End opacity (0-1)
22
- * @default 0.0
23
- */
24
- toOpacity?: number;
25
- };
26
- interface SparklineProps {
27
- /**
28
- * Array of numeric values to plot
29
- * @example [10, 25, 15, 30, 22, 35]
30
- */
31
- data: SparklineDataPoint[];
32
- /**
33
- * Width of the sparkline in pixels
34
- * @default 100
35
- */
36
- width?: number;
37
- /**
38
- * Height of the sparkline in pixels
39
- * @default 40
40
- */
41
- height?: number;
42
- /**
43
- * Size (used by responsive variant, equivalent to width for square charts)
44
- */
45
- size?: number;
46
- /**
47
- * Color for the line stroke (hex or CSS color)
48
- * @default Theme color (first color in theme.colors array)
49
- */
50
- color?: string;
51
- /**
52
- * Line stroke width in pixels
53
- * @default 1
54
- */
55
- strokeWidth?: number;
56
- /**
57
- * Whether to render the gradient fill beneath the line
58
- * @default true
59
- */
60
- withGradientFill?: boolean;
61
- /**
62
- * Gradient configuration for area fill
63
- * If not provided, uses color prop with default opacity values
64
- */
65
- gradient?: GradientConfig;
66
- /**
67
- * Additional CSS class name
68
- */
69
- className?: string;
70
- /**
71
- * Chart ID for unique gradient/element identification
72
- */
73
- chartId?: string;
74
- /**
75
- * Margin around the chart
76
- * @default { top: 2, right: 2, bottom: 2, left: 2 }
77
- */
78
- margin?: {
79
- top?: number;
80
- right?: number;
81
- bottom?: number;
82
- left?: number;
83
- };
84
- /**
85
- * Enable entry animation on initial render
86
- * Creates a rising effect where the line scales up from the bottom.
87
- * Automatically respects user's prefers-reduced-motion system setting.
88
- * @default false
89
- */
90
- animation?: boolean;
91
- }
92
-
93
- /**
94
- * Sparkline - A minimal line chart for inline data visualization.
95
- *
96
- * Sparklines are compact charts designed to be embedded inline with text or
97
- * displayed in small spaces like table cells or dashboards. They show trends
98
- * without axes, labels, or other chart chrome.
99
- *
100
- * This component is built on top of LineChart with preconfigured settings
101
- * for minimal display (no axes, grid, tooltips, or legend).
102
- */
103
- declare const SparklineUnresponsive: react.ForwardRefExoticComponent<SparklineProps & react.RefAttributes<HTMLDivElement>>;
104
- /**
105
- * Responsive Sparkline chart component
106
- */
107
- declare const Sparkline: ({ resizeDebounceTime, maxWidth, aspectRatio, size, width, height, ...chartProps }: Omit<SparklineProps, "width" | "height" | "size"> & {
108
- width?: number;
109
- height?: number;
110
- size?: number;
111
- } & ResponsiveConfig) => react_jsx_runtime.JSX.Element;
112
-
113
- export { type GradientConfig, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive };