@xaui/native 0.2.7 → 0.9.1-alpha.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 (224) hide show
  1. package/dist/chunk-JDS6KGCM.cjs +791 -0
  2. package/dist/chunk-T3ZI2PZ6.js +791 -0
  3. package/dist/index.cjs +32 -1
  4. package/dist/index.d.cts +2 -2
  5. package/dist/index.d.ts +2 -2
  6. package/dist/index.js +32 -0
  7. package/dist/theme/index.cjs +32 -0
  8. package/dist/theme/index.d.cts +669 -0
  9. package/dist/theme/index.d.ts +669 -0
  10. package/dist/theme/index.js +32 -0
  11. package/package.json +26 -249
  12. package/README.md +0 -178
  13. package/dist/alert/index.cjs +0 -356
  14. package/dist/alert/index.d.cts +0 -90
  15. package/dist/alert/index.d.ts +0 -90
  16. package/dist/alert/index.js +0 -356
  17. package/dist/app-bar/index.cjs +0 -148
  18. package/dist/app-bar/index.d.cts +0 -59
  19. package/dist/app-bar/index.d.ts +0 -59
  20. package/dist/app-bar/index.js +0 -148
  21. package/dist/autocomplete/index.cjs +0 -1122
  22. package/dist/autocomplete/index.d.cts +0 -88
  23. package/dist/autocomplete/index.d.ts +0 -88
  24. package/dist/autocomplete/index.js +0 -1122
  25. package/dist/avatar/index.cjs +0 -281
  26. package/dist/avatar/index.d.cts +0 -123
  27. package/dist/avatar/index.d.ts +0 -123
  28. package/dist/avatar/index.js +0 -281
  29. package/dist/badge/index.cjs +0 -197
  30. package/dist/badge/index.d.cts +0 -94
  31. package/dist/badge/index.d.ts +0 -94
  32. package/dist/badge/index.js +0 -197
  33. package/dist/bottom-sheet/index.cjs +0 -9
  34. package/dist/bottom-sheet/index.d.cts +0 -84
  35. package/dist/bottom-sheet/index.d.ts +0 -84
  36. package/dist/bottom-sheet/index.js +0 -9
  37. package/dist/bottom-tab-bar/index.cjs +0 -497
  38. package/dist/bottom-tab-bar/index.d.cts +0 -211
  39. package/dist/bottom-tab-bar/index.d.ts +0 -211
  40. package/dist/bottom-tab-bar/index.js +0 -497
  41. package/dist/button/index.cjs +0 -392
  42. package/dist/button/index.d.cts +0 -174
  43. package/dist/button/index.d.ts +0 -174
  44. package/dist/button/index.js +0 -392
  45. package/dist/button.type-j1ZdkkSl.d.cts +0 -4
  46. package/dist/button.type-j1ZdkkSl.d.ts +0 -4
  47. package/dist/card/index.cjs +0 -338
  48. package/dist/card/index.d.cts +0 -191
  49. package/dist/card/index.d.ts +0 -191
  50. package/dist/card/index.js +0 -338
  51. package/dist/carousel/index.cjs +0 -381
  52. package/dist/carousel/index.d.cts +0 -147
  53. package/dist/carousel/index.d.ts +0 -147
  54. package/dist/carousel/index.js +0 -381
  55. package/dist/chart/index.cjs +0 -1026
  56. package/dist/chart/index.d.cts +0 -218
  57. package/dist/chart/index.d.ts +0 -218
  58. package/dist/chart/index.js +0 -1026
  59. package/dist/checkbox/index.cjs +0 -443
  60. package/dist/checkbox/index.d.cts +0 -73
  61. package/dist/checkbox/index.d.ts +0 -73
  62. package/dist/checkbox/index.js +0 -443
  63. package/dist/chip/index.cjs +0 -503
  64. package/dist/chip/index.d.cts +0 -195
  65. package/dist/chip/index.d.ts +0 -195
  66. package/dist/chip/index.js +0 -503
  67. package/dist/chunk-4JFWQ5XT.js +0 -368
  68. package/dist/chunk-56RPWZD2.cjs +0 -9
  69. package/dist/chunk-7UFBLUMV.cjs +0 -136
  70. package/dist/chunk-A45TVXU5.js +0 -337
  71. package/dist/chunk-BYWUAPC4.cjs +0 -368
  72. package/dist/chunk-DECMUMCI.js +0 -0
  73. package/dist/chunk-DHSTKO3K.cjs +0 -19
  74. package/dist/chunk-DJ4Q37UT.cjs +0 -75
  75. package/dist/chunk-EUQDGTST.cjs +0 -1
  76. package/dist/chunk-GBHQCAKW.js +0 -19
  77. package/dist/chunk-RBSA4NH4.js +0 -136
  78. package/dist/chunk-SHBDANQN.js +0 -9
  79. package/dist/chunk-UGEINZM7.cjs +0 -290
  80. package/dist/chunk-UU4HHBDN.js +0 -290
  81. package/dist/chunk-VSZEXOUN.js +0 -384
  82. package/dist/chunk-YIEUN3G5.cjs +0 -384
  83. package/dist/chunk-ZH6ZSV2Q.cjs +0 -337
  84. package/dist/chunk-ZY7IUTAT.js +0 -75
  85. package/dist/color-picker/index.cjs +0 -457
  86. package/dist/color-picker/index.d.cts +0 -124
  87. package/dist/color-picker/index.d.ts +0 -124
  88. package/dist/color-picker/index.js +0 -457
  89. package/dist/core/index.cjs +0 -24
  90. package/dist/core/index.d.cts +0 -28
  91. package/dist/core/index.d.ts +0 -28
  92. package/dist/core/index.js +0 -24
  93. package/dist/datepicker/index.cjs +0 -1625
  94. package/dist/datepicker/index.d.cts +0 -45
  95. package/dist/datepicker/index.d.ts +0 -45
  96. package/dist/datepicker/index.js +0 -1625
  97. package/dist/dialog/index.cjs +0 -372
  98. package/dist/dialog/index.d.cts +0 -151
  99. package/dist/dialog/index.d.ts +0 -151
  100. package/dist/dialog/index.js +0 -372
  101. package/dist/divider/index.cjs +0 -8
  102. package/dist/divider/index.d.cts +0 -30
  103. package/dist/divider/index.d.ts +0 -30
  104. package/dist/divider/index.js +0 -8
  105. package/dist/drawer/index.cjs +0 -237
  106. package/dist/drawer/index.d.cts +0 -58
  107. package/dist/drawer/index.d.ts +0 -58
  108. package/dist/drawer/index.js +0 -237
  109. package/dist/expansion-panel/index.cjs +0 -441
  110. package/dist/expansion-panel/index.d.cts +0 -153
  111. package/dist/expansion-panel/index.d.ts +0 -153
  112. package/dist/expansion-panel/index.js +0 -441
  113. package/dist/fab/index.cjs +0 -9
  114. package/dist/fab/index.d.cts +0 -10
  115. package/dist/fab/index.d.ts +0 -10
  116. package/dist/fab/index.js +0 -9
  117. package/dist/fab-menu/index.cjs +0 -330
  118. package/dist/fab-menu/index.d.cts +0 -125
  119. package/dist/fab-menu/index.d.ts +0 -125
  120. package/dist/fab-menu/index.js +0 -330
  121. package/dist/fab.type-CkUHmXU_.d.ts +0 -86
  122. package/dist/fab.type-DN0vtAh6.d.cts +0 -86
  123. package/dist/feature-discovery/index.cjs +0 -464
  124. package/dist/feature-discovery/index.d.cts +0 -82
  125. package/dist/feature-discovery/index.d.ts +0 -82
  126. package/dist/feature-discovery/index.js +0 -464
  127. package/dist/indicator/index.cjs +0 -8
  128. package/dist/indicator/index.d.cts +0 -47
  129. package/dist/indicator/index.d.ts +0 -47
  130. package/dist/indicator/index.js +0 -8
  131. package/dist/input/index.cjs +0 -1462
  132. package/dist/input/index.d.cts +0 -522
  133. package/dist/input/index.d.ts +0 -522
  134. package/dist/input/index.js +0 -1462
  135. package/dist/input-trigger/index.cjs +0 -197
  136. package/dist/input-trigger/index.d.cts +0 -11
  137. package/dist/input-trigger/index.d.ts +0 -11
  138. package/dist/input-trigger/index.js +0 -197
  139. package/dist/input-trigger.type-Ba4bM3Qp.d.cts +0 -180
  140. package/dist/input-trigger.type-Ba4bM3Qp.d.ts +0 -180
  141. package/dist/list/index.cjs +0 -395
  142. package/dist/list/index.d.cts +0 -188
  143. package/dist/list/index.d.ts +0 -188
  144. package/dist/list/index.js +0 -395
  145. package/dist/menu/index.cjs +0 -316
  146. package/dist/menu/index.d.cts +0 -115
  147. package/dist/menu/index.d.ts +0 -115
  148. package/dist/menu/index.js +0 -316
  149. package/dist/menubox/index.cjs +0 -297
  150. package/dist/menubox/index.d.cts +0 -98
  151. package/dist/menubox/index.d.ts +0 -98
  152. package/dist/menubox/index.js +0 -297
  153. package/dist/pager/index.cjs +0 -205
  154. package/dist/pager/index.d.cts +0 -93
  155. package/dist/pager/index.d.ts +0 -93
  156. package/dist/pager/index.js +0 -205
  157. package/dist/picker/index.cjs +0 -244
  158. package/dist/picker/index.d.cts +0 -121
  159. package/dist/picker/index.d.ts +0 -121
  160. package/dist/picker/index.js +0 -244
  161. package/dist/progress/index.cjs +0 -219
  162. package/dist/progress/index.d.cts +0 -47
  163. package/dist/progress/index.d.ts +0 -47
  164. package/dist/progress/index.js +0 -219
  165. package/dist/radio/index.cjs +0 -465
  166. package/dist/radio/index.d.cts +0 -145
  167. package/dist/radio/index.d.ts +0 -145
  168. package/dist/radio/index.js +0 -465
  169. package/dist/refresh-control/index.cjs +0 -45
  170. package/dist/refresh-control/index.d.cts +0 -55
  171. package/dist/refresh-control/index.d.ts +0 -55
  172. package/dist/refresh-control/index.js +0 -45
  173. package/dist/segment-button/index.cjs +0 -405
  174. package/dist/segment-button/index.d.cts +0 -141
  175. package/dist/segment-button/index.d.ts +0 -141
  176. package/dist/segment-button/index.js +0 -405
  177. package/dist/select/index.cjs +0 -878
  178. package/dist/select/index.d.cts +0 -192
  179. package/dist/select/index.d.ts +0 -192
  180. package/dist/select/index.js +0 -878
  181. package/dist/skeleton/index.cjs +0 -89
  182. package/dist/skeleton/index.d.cts +0 -45
  183. package/dist/skeleton/index.d.ts +0 -45
  184. package/dist/skeleton/index.js +0 -89
  185. package/dist/slider/index.cjs +0 -576
  186. package/dist/slider/index.d.cts +0 -171
  187. package/dist/slider/index.d.ts +0 -171
  188. package/dist/slider/index.js +0 -576
  189. package/dist/snackbar/index.cjs +0 -436
  190. package/dist/snackbar/index.d.cts +0 -174
  191. package/dist/snackbar/index.d.ts +0 -174
  192. package/dist/snackbar/index.js +0 -436
  193. package/dist/snippet/index.cjs +0 -314
  194. package/dist/snippet/index.d.cts +0 -95
  195. package/dist/snippet/index.d.ts +0 -95
  196. package/dist/snippet/index.js +0 -314
  197. package/dist/stepper/index.cjs +0 -550
  198. package/dist/stepper/index.d.cts +0 -137
  199. package/dist/stepper/index.d.ts +0 -137
  200. package/dist/stepper/index.js +0 -550
  201. package/dist/switch/index.cjs +0 -358
  202. package/dist/switch/index.d.cts +0 -28
  203. package/dist/switch/index.d.ts +0 -28
  204. package/dist/switch/index.js +0 -358
  205. package/dist/tabs/index.cjs +0 -440
  206. package/dist/tabs/index.d.cts +0 -180
  207. package/dist/tabs/index.d.ts +0 -180
  208. package/dist/tabs/index.js +0 -440
  209. package/dist/timepicker/index.cjs +0 -823
  210. package/dist/timepicker/index.d.cts +0 -215
  211. package/dist/timepicker/index.d.ts +0 -215
  212. package/dist/timepicker/index.js +0 -823
  213. package/dist/toolbar/index.cjs +0 -333
  214. package/dist/toolbar/index.d.cts +0 -100
  215. package/dist/toolbar/index.d.ts +0 -100
  216. package/dist/toolbar/index.js +0 -333
  217. package/dist/typography/index.cjs +0 -238
  218. package/dist/typography/index.d.cts +0 -113
  219. package/dist/typography/index.d.ts +0 -113
  220. package/dist/typography/index.js +0 -238
  221. package/dist/view/index.cjs +0 -1361
  222. package/dist/view/index.d.cts +0 -833
  223. package/dist/view/index.d.ts +0 -833
  224. package/dist/view/index.js +0 -1361
@@ -1,218 +0,0 @@
1
- import React from 'react';
2
- import { ViewStyle } from 'react-native';
3
-
4
- type ElevationLevel = 0 | 1 | 2 | 3 | 4;
5
-
6
- /**
7
- * Data item for a donut chart segment
8
- */
9
- type DonutChartDataItem = {
10
- /** Label text for the segment */
11
- label: string;
12
- /** Numeric value of the segment */
13
- value: number;
14
- /** Hex color for the segment */
15
- color: string;
16
- /** Optional custom color for the label text */
17
- labelColor?: string;
18
- };
19
- /**
20
- * Position of the legend relative to the chart
21
- */
22
- type DonutChartLegendPosition = 'top' | 'left' | 'right' | 'bottom';
23
- /**
24
- * Props for DonutChartCard component
25
- */
26
- type DonutChartCardProps = {
27
- /** Array of data items to display */
28
- data: DonutChartDataItem[];
29
- /** Whether to show the legend. Default: true */
30
- showLegend?: boolean;
31
- /** Position of the legend. Default: 'bottom' */
32
- legendPosition?: DonutChartLegendPosition;
33
- /** Total value to display in the center */
34
- total?: string | number;
35
- /** Chart title displayed at the top */
36
- title?: string;
37
- /** Elevation level for shadow effect. Default: 0 */
38
- elevation?: ElevationLevel;
39
- /** Background color of the card. Default: '#6a6a6a30' */
40
- backgroundColor?: string;
41
- /** Text color for labels and values. Default: '#ffffff' */
42
- textColor?: string;
43
- /** Diameter of the chart in pixels. Default: 220 */
44
- size?: number;
45
- /** Width of the donut ring in pixels. Default: 24 */
46
- strokeWidth?: number;
47
- /** Additional styles for the card container */
48
- style?: ViewStyle;
49
- };
50
- /**
51
- * Data item for a vertical bar chart
52
- */
53
- type VerticalBarChartDataItem = {
54
- /** Label for the bar (X-axis) */
55
- label: string;
56
- /** Numeric value (height) of the bar */
57
- value: number;
58
- /** Optional custom color for the bar */
59
- color?: string;
60
- };
61
- /**
62
- * Props for VerticalBarChartCard component
63
- */
64
- type VerticalBarChartCardProps = {
65
- /** Array of data items to display */
66
- data: VerticalBarChartDataItem[];
67
- /** Chart title displayed at the top */
68
- title?: string;
69
- /** Elevation level for shadow effect. Default: 0 */
70
- elevation?: ElevationLevel;
71
- /** Background color of the card. Default: '#6a6a6a30' */
72
- backgroundColor?: string;
73
- /** Text color for labels and values. Default: '#ffffff' */
74
- textColor?: string;
75
- /** Height of the chart area in pixels. Default: 280 */
76
- size?: number;
77
- /** Whether to show X and Y axes. Default: false */
78
- showAxes?: boolean;
79
- /** Whether to abbreviate X-axis labels. Default: false */
80
- abbreviateXAxisLabels?: boolean;
81
- /** Max length for abbreviated labels. Default: 3 */
82
- xAxisAbbreviationLength?: number;
83
- /** Whether to show full legend below chart. Default: false */
84
- showFullLegendBelow?: boolean;
85
- /** Whether to space bars evenly. Default: false */
86
- justifyBars?: boolean;
87
- /** Additional styles for the card container */
88
- style?: ViewStyle;
89
- };
90
- /**
91
- * Data item for a pie chart segment
92
- */
93
- type PieChartDataItem = {
94
- /** Label text for the segment */
95
- label: string;
96
- /** Numeric value of the segment */
97
- value: number;
98
- /** Hex color for the segment */
99
- color: string;
100
- /** Optional custom color for the label text */
101
- labelColor?: string;
102
- };
103
- /**
104
- * Props for PieChartCard component
105
- */
106
- type PieChartCardProps = {
107
- /** Array of data items to display */
108
- data: PieChartDataItem[];
109
- /** Chart title displayed at the top */
110
- title?: string;
111
- /** Total value to display in header */
112
- total?: string | number;
113
- /** Whether to show the legend. Default: true */
114
- showLegend?: boolean;
115
- /** Position of the legend. Default: 'bottom' */
116
- legendPosition?: DonutChartLegendPosition;
117
- /** Elevation level for shadow effect. Default: 0 */
118
- elevation?: ElevationLevel;
119
- /** Background color of the card. Default: '#6a6a6a30' */
120
- backgroundColor?: string;
121
- /** Text color for labels and values. Default: '#ffffff' */
122
- textColor?: string;
123
- /** Diameter of the chart in pixels. Default: 220 */
124
- size?: number;
125
- /** Additional styles for the card container */
126
- style?: ViewStyle;
127
- };
128
- /**
129
- * Data item for a line chart point
130
- */
131
- type LineChartDataItem = {
132
- /** Label for the data point (X-axis) */
133
- label: string;
134
- /** Numeric value (Y-axis) */
135
- value: number;
136
- };
137
- /**
138
- * Line rendering mode
139
- */
140
- type LineChartMode = 'smooth' | 'direct';
141
- /**
142
- * Props for LineChartCard component
143
- */
144
- type LineChartCardProps = {
145
- /** Array of data points to display */
146
- data: LineChartDataItem[];
147
- /** Chart title displayed at the top */
148
- title?: string;
149
- /** Elevation level for shadow effect. Default: 0 */
150
- elevation?: ElevationLevel;
151
- /** Background color of the card. Default: '#6a6a6a30' */
152
- backgroundColor?: string;
153
- /** Text color for labels and values. Default: '#ffffff' */
154
- textColor?: string;
155
- /** Height of the chart area in pixels. Default: 300 */
156
- size?: number;
157
- /** Whether to show X and Y axes. Default: false */
158
- showAxes?: boolean;
159
- /** Whether to show points at data values. Default: false */
160
- showPoints?: boolean;
161
- /** Line rendering mode. Default: 'smooth' */
162
- lineMode?: LineChartMode;
163
- /** Color of the line. Default: '#57C9ED' */
164
- lineColor?: string;
165
- /** Color of the area under the line. Default: transparent */
166
- areaColor?: string;
167
- /** Whether to abbreviate X-axis labels. Default: false */
168
- abbreviateXAxisLabels?: boolean;
169
- /** Max length for abbreviated labels. Default: 3 */
170
- xAxisAbbreviationLength?: number;
171
- /** Additional styles for the card container */
172
- style?: ViewStyle;
173
- };
174
- /**
175
- * Props for HeatmapChartCard component
176
- */
177
- type HeatmapChartCardProps = {
178
- /** 2D array of numeric values to display. Each inner array is a row. */
179
- data: number[][];
180
- /** Chart title displayed at the top */
181
- title?: string;
182
- /** Labels for columns (X-axis) */
183
- xLabels?: string[];
184
- /** Labels for rows (Y-axis) */
185
- yLabels?: string[];
186
- /** Whether to show numeric values inside cells. Default: false */
187
- showValues?: boolean;
188
- /** Whether to show color scale legend. Default: true */
189
- showLegend?: boolean;
190
- /** Start color for gradient (low values). Default: '#3B82F6' (blue) */
191
- startColor?: string;
192
- /** End color for gradient (high values). Default: '#EF4444' (red) */
193
- endColor?: string;
194
- /** Elevation level for shadow effect. Default: 0 */
195
- elevation?: ElevationLevel;
196
- /** Background color of the card. Default: '#6a6a6a30' */
197
- backgroundColor?: string;
198
- /** Text color for labels. Default: '#ffffff' */
199
- textColor?: string;
200
- /** Size of each cell in pixels. Default: 32 */
201
- cellSize?: number;
202
- /** Gap between cells in pixels. Default: 4 */
203
- cellGap?: number;
204
- /** Additional styles for the card container */
205
- style?: ViewStyle;
206
- };
207
-
208
- declare const DonutChartCard: React.FC<DonutChartCardProps>;
209
-
210
- declare const VerticalBarChartCard: React.FC<VerticalBarChartCardProps>;
211
-
212
- declare const PieChartCard: React.FC<PieChartCardProps>;
213
-
214
- declare const LineChartCard: React.FC<LineChartCardProps>;
215
-
216
- declare const HeatmapChartCard: React.FC<HeatmapChartCardProps>;
217
-
218
- export { DonutChartCard, type DonutChartCardProps, type DonutChartDataItem, type DonutChartLegendPosition, HeatmapChartCard, type HeatmapChartCardProps, LineChartCard, type LineChartCardProps, type LineChartDataItem, type LineChartMode, PieChartCard, type PieChartCardProps, type PieChartDataItem, VerticalBarChartCard, type VerticalBarChartCardProps, type VerticalBarChartDataItem };
@@ -1,218 +0,0 @@
1
- import React from 'react';
2
- import { ViewStyle } from 'react-native';
3
-
4
- type ElevationLevel = 0 | 1 | 2 | 3 | 4;
5
-
6
- /**
7
- * Data item for a donut chart segment
8
- */
9
- type DonutChartDataItem = {
10
- /** Label text for the segment */
11
- label: string;
12
- /** Numeric value of the segment */
13
- value: number;
14
- /** Hex color for the segment */
15
- color: string;
16
- /** Optional custom color for the label text */
17
- labelColor?: string;
18
- };
19
- /**
20
- * Position of the legend relative to the chart
21
- */
22
- type DonutChartLegendPosition = 'top' | 'left' | 'right' | 'bottom';
23
- /**
24
- * Props for DonutChartCard component
25
- */
26
- type DonutChartCardProps = {
27
- /** Array of data items to display */
28
- data: DonutChartDataItem[];
29
- /** Whether to show the legend. Default: true */
30
- showLegend?: boolean;
31
- /** Position of the legend. Default: 'bottom' */
32
- legendPosition?: DonutChartLegendPosition;
33
- /** Total value to display in the center */
34
- total?: string | number;
35
- /** Chart title displayed at the top */
36
- title?: string;
37
- /** Elevation level for shadow effect. Default: 0 */
38
- elevation?: ElevationLevel;
39
- /** Background color of the card. Default: '#6a6a6a30' */
40
- backgroundColor?: string;
41
- /** Text color for labels and values. Default: '#ffffff' */
42
- textColor?: string;
43
- /** Diameter of the chart in pixels. Default: 220 */
44
- size?: number;
45
- /** Width of the donut ring in pixels. Default: 24 */
46
- strokeWidth?: number;
47
- /** Additional styles for the card container */
48
- style?: ViewStyle;
49
- };
50
- /**
51
- * Data item for a vertical bar chart
52
- */
53
- type VerticalBarChartDataItem = {
54
- /** Label for the bar (X-axis) */
55
- label: string;
56
- /** Numeric value (height) of the bar */
57
- value: number;
58
- /** Optional custom color for the bar */
59
- color?: string;
60
- };
61
- /**
62
- * Props for VerticalBarChartCard component
63
- */
64
- type VerticalBarChartCardProps = {
65
- /** Array of data items to display */
66
- data: VerticalBarChartDataItem[];
67
- /** Chart title displayed at the top */
68
- title?: string;
69
- /** Elevation level for shadow effect. Default: 0 */
70
- elevation?: ElevationLevel;
71
- /** Background color of the card. Default: '#6a6a6a30' */
72
- backgroundColor?: string;
73
- /** Text color for labels and values. Default: '#ffffff' */
74
- textColor?: string;
75
- /** Height of the chart area in pixels. Default: 280 */
76
- size?: number;
77
- /** Whether to show X and Y axes. Default: false */
78
- showAxes?: boolean;
79
- /** Whether to abbreviate X-axis labels. Default: false */
80
- abbreviateXAxisLabels?: boolean;
81
- /** Max length for abbreviated labels. Default: 3 */
82
- xAxisAbbreviationLength?: number;
83
- /** Whether to show full legend below chart. Default: false */
84
- showFullLegendBelow?: boolean;
85
- /** Whether to space bars evenly. Default: false */
86
- justifyBars?: boolean;
87
- /** Additional styles for the card container */
88
- style?: ViewStyle;
89
- };
90
- /**
91
- * Data item for a pie chart segment
92
- */
93
- type PieChartDataItem = {
94
- /** Label text for the segment */
95
- label: string;
96
- /** Numeric value of the segment */
97
- value: number;
98
- /** Hex color for the segment */
99
- color: string;
100
- /** Optional custom color for the label text */
101
- labelColor?: string;
102
- };
103
- /**
104
- * Props for PieChartCard component
105
- */
106
- type PieChartCardProps = {
107
- /** Array of data items to display */
108
- data: PieChartDataItem[];
109
- /** Chart title displayed at the top */
110
- title?: string;
111
- /** Total value to display in header */
112
- total?: string | number;
113
- /** Whether to show the legend. Default: true */
114
- showLegend?: boolean;
115
- /** Position of the legend. Default: 'bottom' */
116
- legendPosition?: DonutChartLegendPosition;
117
- /** Elevation level for shadow effect. Default: 0 */
118
- elevation?: ElevationLevel;
119
- /** Background color of the card. Default: '#6a6a6a30' */
120
- backgroundColor?: string;
121
- /** Text color for labels and values. Default: '#ffffff' */
122
- textColor?: string;
123
- /** Diameter of the chart in pixels. Default: 220 */
124
- size?: number;
125
- /** Additional styles for the card container */
126
- style?: ViewStyle;
127
- };
128
- /**
129
- * Data item for a line chart point
130
- */
131
- type LineChartDataItem = {
132
- /** Label for the data point (X-axis) */
133
- label: string;
134
- /** Numeric value (Y-axis) */
135
- value: number;
136
- };
137
- /**
138
- * Line rendering mode
139
- */
140
- type LineChartMode = 'smooth' | 'direct';
141
- /**
142
- * Props for LineChartCard component
143
- */
144
- type LineChartCardProps = {
145
- /** Array of data points to display */
146
- data: LineChartDataItem[];
147
- /** Chart title displayed at the top */
148
- title?: string;
149
- /** Elevation level for shadow effect. Default: 0 */
150
- elevation?: ElevationLevel;
151
- /** Background color of the card. Default: '#6a6a6a30' */
152
- backgroundColor?: string;
153
- /** Text color for labels and values. Default: '#ffffff' */
154
- textColor?: string;
155
- /** Height of the chart area in pixels. Default: 300 */
156
- size?: number;
157
- /** Whether to show X and Y axes. Default: false */
158
- showAxes?: boolean;
159
- /** Whether to show points at data values. Default: false */
160
- showPoints?: boolean;
161
- /** Line rendering mode. Default: 'smooth' */
162
- lineMode?: LineChartMode;
163
- /** Color of the line. Default: '#57C9ED' */
164
- lineColor?: string;
165
- /** Color of the area under the line. Default: transparent */
166
- areaColor?: string;
167
- /** Whether to abbreviate X-axis labels. Default: false */
168
- abbreviateXAxisLabels?: boolean;
169
- /** Max length for abbreviated labels. Default: 3 */
170
- xAxisAbbreviationLength?: number;
171
- /** Additional styles for the card container */
172
- style?: ViewStyle;
173
- };
174
- /**
175
- * Props for HeatmapChartCard component
176
- */
177
- type HeatmapChartCardProps = {
178
- /** 2D array of numeric values to display. Each inner array is a row. */
179
- data: number[][];
180
- /** Chart title displayed at the top */
181
- title?: string;
182
- /** Labels for columns (X-axis) */
183
- xLabels?: string[];
184
- /** Labels for rows (Y-axis) */
185
- yLabels?: string[];
186
- /** Whether to show numeric values inside cells. Default: false */
187
- showValues?: boolean;
188
- /** Whether to show color scale legend. Default: true */
189
- showLegend?: boolean;
190
- /** Start color for gradient (low values). Default: '#3B82F6' (blue) */
191
- startColor?: string;
192
- /** End color for gradient (high values). Default: '#EF4444' (red) */
193
- endColor?: string;
194
- /** Elevation level for shadow effect. Default: 0 */
195
- elevation?: ElevationLevel;
196
- /** Background color of the card. Default: '#6a6a6a30' */
197
- backgroundColor?: string;
198
- /** Text color for labels. Default: '#ffffff' */
199
- textColor?: string;
200
- /** Size of each cell in pixels. Default: 32 */
201
- cellSize?: number;
202
- /** Gap between cells in pixels. Default: 4 */
203
- cellGap?: number;
204
- /** Additional styles for the card container */
205
- style?: ViewStyle;
206
- };
207
-
208
- declare const DonutChartCard: React.FC<DonutChartCardProps>;
209
-
210
- declare const VerticalBarChartCard: React.FC<VerticalBarChartCardProps>;
211
-
212
- declare const PieChartCard: React.FC<PieChartCardProps>;
213
-
214
- declare const LineChartCard: React.FC<LineChartCardProps>;
215
-
216
- declare const HeatmapChartCard: React.FC<HeatmapChartCardProps>;
217
-
218
- export { DonutChartCard, type DonutChartCardProps, type DonutChartDataItem, type DonutChartLegendPosition, HeatmapChartCard, type HeatmapChartCardProps, LineChartCard, type LineChartCardProps, type LineChartDataItem, type LineChartMode, PieChartCard, type PieChartCardProps, type PieChartDataItem, VerticalBarChartCard, type VerticalBarChartCardProps, type VerticalBarChartDataItem };