@revolut/ui-kit-miniapp 0.0.5 → 0.0.7

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 (2) hide show
  1. package/package.json +1 -1
  2. package/types/index.d.ts +1790 -94
package/types/index.d.ts CHANGED
@@ -1,10 +1,1547 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { Token as Token$1, IconName, ImageProps as ImageProps$1, DateRange as DateRange$1, Color, IntlMessages, CurrencyDefinition } from '@revolut-internal/ui-kit';
4
- export { CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DropdownOptions, DropdownState, IconName, IntlMessages, TimeFormatOptions, UseMoneyFormatOptions, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useTimeFormat } from '@revolut-internal/ui-kit';
2
+ import * as React$1 from 'react';
3
+ import React__default from 'react';
4
+ import * as ReactTable from 'react-table';
5
+ import { IdType, UseTableOptions, UseExpandedOptions, UseFiltersOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseGroupByOptions, UseExpandedHooks, UseGroupByHooks, UseRowSelectHooks, UseSortByHooks, UseColumnOrderInstanceProps, UseExpandedInstanceProps, UseFiltersInstanceProps, UseGlobalFiltersInstanceProps, UsePaginationInstanceProps, UseRowSelectInstanceProps, UseRowStateInstanceProps, UseSortByInstanceProps, Row, UseColumnOrderState, UseExpandedState, UseFiltersState, UseGlobalFiltersState, UseGroupByState, UsePaginationState, UseResizeColumnsState, UseRowSelectState, UseRowStateState, UseSortByState, UseFiltersColumnProps, UseGroupByColumnProps, UseResizeColumnsColumnProps, UseSortByColumnProps, UseGroupByCellProps, UseRowStateCellProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps } from 'react-table';
6
+ import { ValueOf, Token as Token$1 } from '@revolut-internal/ui-kit-shared';
7
+ import * as csstype from 'csstype';
8
+
9
+ /**
10
+ * Docs: {@link https://ui-kit.revolut.codes/design-system/breakpoints Breakpoint}
11
+ */
12
+ declare const Breakpoint: {
13
+ readonly ALL: "all";
14
+ readonly SM: "sm";
15
+ readonly MD: "md";
16
+ readonly LG: "lg";
17
+ readonly XL: "xl";
18
+ readonly XXL: "xxl";
19
+ };
20
+ type Breakpoint = ValueOf<typeof Breakpoint>;
21
+
22
+ declare const UnifiedColor: {
23
+ readonly LAYOUT_BACKGROUND: "layout-background";
24
+ readonly MODAL_OVERLAY: "modal-overlay";
25
+ readonly SHIMMER: "shimmer";
26
+ readonly ON_SHIMMER: "on-shimmer";
27
+ readonly ACCENT_NEUTRAL: "accent-neutral";
28
+ readonly ON_ACCENT_NEUTRAL: "on-accent-neutral";
29
+ readonly ACTION_BLUE_NEUTRAL: "action-blue-neutral";
30
+ readonly ACTION_LABEL_NEUTRAL: "action-label-neutral";
31
+ readonly ACTION_BACKGROUND_NEUTRAL: "action-background-neutral";
32
+ readonly ACTION_PHOTO_HEADER_BACKGROUND_NEUTRAL: "action-photo-header-background-neutral";
33
+ readonly ACTION_PHOTO_HEADER_TEXT_NEUTRAL: "action-photo-header-text-neutral";
34
+ readonly SEARCH_BACKGROUND: "search-background";
35
+ readonly SEGMENTED_BACKGROUND: "segmented-background";
36
+ readonly SEGMENTED_ACTIVE: "segmented-active";
37
+ readonly ACTION_PHOTO_HEADER_TEXT: "action-photo-header-text";
38
+ readonly ACTION_PHOTO_HEADER_BACKGROUND: "action-photo-header-background";
39
+ readonly RED_ACTION_BACKGROUND: "red-action-background";
40
+ readonly ACTION_BACKGROUND: "action-background";
41
+ readonly ACCENT: "accent";
42
+ /** @deprecated use `static` instead */
43
+ readonly PROGRESS_NEUTRAL: "progress-neutral";
44
+ /** @deprecated use `positive` instead */
45
+ readonly UP: "up";
46
+ /** @deprecated use `negative` instead */
47
+ readonly DOWN: "down";
48
+ readonly STATIC: "static";
49
+ readonly POSITIVE: "positive";
50
+ readonly NEGATIVE: "negative";
51
+ readonly ON_ACCENT: "on-accent";
52
+ readonly WIDGET_BACKGROUND: "widget-background";
53
+ readonly GROUPED_BACKGROUND: "grouped-background";
54
+ readonly POPOVER_BACKGROUND: "popover-background";
55
+ readonly NESTED_BACKGROUND: "nested-background";
56
+ readonly BACKGROUND: "background";
57
+ readonly GREY_TONE_2: "grey-tone-2";
58
+ readonly GREY_TONE_5: "grey-tone-5";
59
+ readonly GREY_TONE_8: "grey-tone-8";
60
+ readonly GREY_TONE_10: "grey-tone-10";
61
+ readonly GREY_TONE_20: "grey-tone-20";
62
+ readonly GREY_TONE_50: "grey-tone-50";
63
+ readonly FOREGROUND: "foreground";
64
+ readonly ACTION_LABEL: "action-label";
65
+ readonly INPUT_ERROR: "input-error";
66
+ readonly INPUT_ERROR_FOCUS: "input-error-focus";
67
+ readonly SUCCESS: "success";
68
+ readonly WARNING: "warning";
69
+ readonly DANGER: "danger";
70
+ /** @deprecated use `inactive` instead */
71
+ readonly NEUTRAL: "neutral";
72
+ readonly INACTIVE: "inactive";
73
+ readonly BLUE: "blue";
74
+ readonly BLUE_90: "blue-90";
75
+ readonly BLUE_80: "blue-80";
76
+ readonly BLUE_70: "blue-70";
77
+ readonly BLUE_60: "blue-60";
78
+ readonly BLUE_50: "blue-50";
79
+ readonly BLUE_40: "blue-40";
80
+ readonly BLUE_30: "blue-30";
81
+ readonly BLUE_20: "blue-20";
82
+ readonly BLUE_10: "blue-10";
83
+ readonly BLUE_5: "blue-5";
84
+ readonly PINK: "pink";
85
+ readonly PINK_90: "pink-90";
86
+ readonly PINK_80: "pink-80";
87
+ readonly PINK_70: "pink-70";
88
+ readonly PINK_60: "pink-60";
89
+ readonly PINK_50: "pink-50";
90
+ readonly PINK_40: "pink-40";
91
+ readonly PINK_30: "pink-30";
92
+ readonly PINK_20: "pink-20";
93
+ readonly PINK_10: "pink-10";
94
+ readonly PINK_5: "pink-5";
95
+ readonly GREEN: "green";
96
+ readonly GREEN_90: "green-90";
97
+ readonly GREEN_80: "green-80";
98
+ readonly GREEN_70: "green-70";
99
+ readonly GREEN_60: "green-60";
100
+ readonly GREEN_50: "green-50";
101
+ readonly GREEN_40: "green-40";
102
+ readonly GREEN_30: "green-30";
103
+ readonly GREEN_20: "green-20";
104
+ readonly GREEN_10: "green-10";
105
+ readonly GREEN_5: "green-5";
106
+ readonly ORANGE: "orange";
107
+ readonly ORANGE_90: "orange-90";
108
+ readonly ORANGE_80: "orange-80";
109
+ readonly ORANGE_70: "orange-70";
110
+ readonly ORANGE_60: "orange-60";
111
+ readonly ORANGE_50: "orange-50";
112
+ readonly ORANGE_40: "orange-40";
113
+ readonly ORANGE_30: "orange-30";
114
+ readonly ORANGE_20: "orange-20";
115
+ readonly ORANGE_10: "orange-10";
116
+ readonly ORANGE_5: "orange-5";
117
+ readonly RED: "red";
118
+ readonly RED_90: "red-90";
119
+ readonly RED_80: "red-80";
120
+ readonly RED_70: "red-70";
121
+ readonly RED_60: "red-60";
122
+ readonly RED_50: "red-50";
123
+ readonly RED_40: "red-40";
124
+ readonly RED_30: "red-30";
125
+ readonly RED_20: "red-20";
126
+ readonly RED_10: "red-10";
127
+ readonly RED_5: "red-5";
128
+ readonly DEEP_PINK: "deep-pink";
129
+ readonly DEEP_PINK_90: "deep-pink-90";
130
+ readonly DEEP_PINK_80: "deep-pink-80";
131
+ readonly DEEP_PINK_70: "deep-pink-70";
132
+ readonly DEEP_PINK_60: "deep-pink-60";
133
+ readonly DEEP_PINK_50: "deep-pink-50";
134
+ readonly DEEP_PINK_40: "deep-pink-40";
135
+ readonly DEEP_PINK_30: "deep-pink-30";
136
+ readonly DEEP_PINK_20: "deep-pink-20";
137
+ readonly DEEP_PINK_10: "deep-pink-10";
138
+ readonly DEEP_PINK_5: "deep-pink-5";
139
+ readonly TERRACOTTA: "terracotta";
140
+ readonly TERRACOTTA_90: "terracotta-90";
141
+ readonly TERRACOTTA_80: "terracotta-80";
142
+ readonly TERRACOTTA_70: "terracotta-70";
143
+ readonly TERRACOTTA_60: "terracotta-60";
144
+ readonly TERRACOTTA_50: "terracotta-50";
145
+ readonly TERRACOTTA_40: "terracotta-40";
146
+ readonly TERRACOTTA_30: "terracotta-30";
147
+ readonly TERRACOTTA_20: "terracotta-20";
148
+ readonly TERRACOTTA_10: "terracotta-10";
149
+ readonly TERRACOTTA_5: "terracotta-5";
150
+ readonly YELLOW: "yellow";
151
+ readonly YELLOW_90: "yellow-90";
152
+ readonly YELLOW_80: "yellow-80";
153
+ readonly YELLOW_70: "yellow-70";
154
+ readonly YELLOW_60: "yellow-60";
155
+ readonly YELLOW_50: "yellow-50";
156
+ readonly YELLOW_40: "yellow-40";
157
+ readonly YELLOW_30: "yellow-30";
158
+ readonly YELLOW_20: "yellow-20";
159
+ readonly YELLOW_10: "yellow-10";
160
+ readonly YELLOW_5: "yellow-5";
161
+ readonly LIME: "lime";
162
+ readonly LIME_90: "lime-90";
163
+ readonly LIME_80: "lime-80";
164
+ readonly LIME_70: "lime-70";
165
+ readonly LIME_60: "lime-60";
166
+ readonly LIME_50: "lime-50";
167
+ readonly LIME_40: "lime-40";
168
+ readonly LIME_30: "lime-30";
169
+ readonly LIME_20: "lime-20";
170
+ readonly LIME_10: "lime-10";
171
+ readonly LIME_5: "lime-5";
172
+ readonly LIGHT_GREEN: "light-green";
173
+ readonly LIGHT_GREEN_90: "light-green-90";
174
+ readonly LIGHT_GREEN_80: "light-green-80";
175
+ readonly LIGHT_GREEN_70: "light-green-70";
176
+ readonly LIGHT_GREEN_60: "light-green-60";
177
+ readonly LIGHT_GREEN_50: "light-green-50";
178
+ readonly LIGHT_GREEN_40: "light-green-40";
179
+ readonly LIGHT_GREEN_30: "light-green-30";
180
+ readonly LIGHT_GREEN_20: "light-green-20";
181
+ readonly LIGHT_GREEN_10: "light-green-10";
182
+ readonly LIGHT_GREEN_5: "light-green-5";
183
+ readonly TEAL: "teal";
184
+ readonly TEAL_90: "teal-90";
185
+ readonly TEAL_80: "teal-80";
186
+ readonly TEAL_70: "teal-70";
187
+ readonly TEAL_60: "teal-60";
188
+ readonly TEAL_50: "teal-50";
189
+ readonly TEAL_40: "teal-40";
190
+ readonly TEAL_30: "teal-30";
191
+ readonly TEAL_20: "teal-20";
192
+ readonly TEAL_10: "teal-10";
193
+ readonly TEAL_5: "teal-5";
194
+ readonly CYAN: "cyan";
195
+ readonly CYAN_90: "cyan-90";
196
+ readonly CYAN_80: "cyan-80";
197
+ readonly CYAN_70: "cyan-70";
198
+ readonly CYAN_60: "cyan-60";
199
+ readonly CYAN_50: "cyan-50";
200
+ readonly CYAN_40: "cyan-40";
201
+ readonly CYAN_30: "cyan-30";
202
+ readonly CYAN_20: "cyan-20";
203
+ readonly CYAN_10: "cyan-10";
204
+ readonly CYAN_5: "cyan-5";
205
+ readonly LIGHT_BLUE: "light-blue";
206
+ readonly LIGHT_BLUE_90: "light-blue-90";
207
+ readonly LIGHT_BLUE_80: "light-blue-80";
208
+ readonly LIGHT_BLUE_70: "light-blue-70";
209
+ readonly LIGHT_BLUE_60: "light-blue-60";
210
+ readonly LIGHT_BLUE_50: "light-blue-50";
211
+ readonly LIGHT_BLUE_40: "light-blue-40";
212
+ readonly LIGHT_BLUE_30: "light-blue-30";
213
+ readonly LIGHT_BLUE_20: "light-blue-20";
214
+ readonly LIGHT_BLUE_10: "light-blue-10";
215
+ readonly LIGHT_BLUE_5: "light-blue-5";
216
+ readonly INDIGO: "indigo";
217
+ readonly INDIGO_90: "indigo-90";
218
+ readonly INDIGO_80: "indigo-80";
219
+ readonly INDIGO_70: "indigo-70";
220
+ readonly INDIGO_60: "indigo-60";
221
+ readonly INDIGO_50: "indigo-50";
222
+ readonly INDIGO_40: "indigo-40";
223
+ readonly INDIGO_30: "indigo-30";
224
+ readonly INDIGO_20: "indigo-20";
225
+ readonly INDIGO_10: "indigo-10";
226
+ readonly INDIGO_5: "indigo-5";
227
+ readonly DEEP_PURPLE: "deep-purple";
228
+ readonly DEEP_PURPLE_90: "deep-purple-90";
229
+ readonly DEEP_PURPLE_80: "deep-purple-80";
230
+ readonly DEEP_PURPLE_70: "deep-purple-70";
231
+ readonly DEEP_PURPLE_60: "deep-purple-60";
232
+ readonly DEEP_PURPLE_50: "deep-purple-50";
233
+ readonly DEEP_PURPLE_40: "deep-purple-40";
234
+ readonly DEEP_PURPLE_30: "deep-purple-30";
235
+ readonly DEEP_PURPLE_20: "deep-purple-20";
236
+ readonly DEEP_PURPLE_10: "deep-purple-10";
237
+ readonly DEEP_PURPLE_5: "deep-purple-5";
238
+ readonly PURPLE: "purple";
239
+ readonly PURPLE_90: "purple-90";
240
+ readonly PURPLE_80: "purple-80";
241
+ readonly PURPLE_70: "purple-70";
242
+ readonly PURPLE_60: "purple-60";
243
+ readonly PURPLE_50: "purple-50";
244
+ readonly PURPLE_40: "purple-40";
245
+ readonly PURPLE_30: "purple-30";
246
+ readonly PURPLE_20: "purple-20";
247
+ readonly PURPLE_10: "purple-10";
248
+ readonly PURPLE_5: "purple-5";
249
+ readonly BROWN: "brown";
250
+ readonly BROWN_90: "brown-90";
251
+ readonly BROWN_80: "brown-80";
252
+ readonly BROWN_70: "brown-70";
253
+ readonly BROWN_60: "brown-60";
254
+ readonly BROWN_50: "brown-50";
255
+ readonly BROWN_40: "brown-40";
256
+ readonly BROWN_30: "brown-30";
257
+ readonly BROWN_20: "brown-20";
258
+ readonly BROWN_10: "brown-10";
259
+ readonly BROWN_5: "brown-5";
260
+ readonly DEEP_GREY: "deep-grey";
261
+ readonly DEEP_GREY_90: "deep-grey-90";
262
+ readonly DEEP_GREY_80: "deep-grey-80";
263
+ readonly DEEP_GREY_70: "deep-grey-70";
264
+ readonly DEEP_GREY_60: "deep-grey-60";
265
+ readonly DEEP_GREY_50: "deep-grey-50";
266
+ readonly DEEP_GREY_40: "deep-grey-40";
267
+ readonly DEEP_GREY_30: "deep-grey-30";
268
+ readonly DEEP_GREY_20: "deep-grey-20";
269
+ readonly DEEP_GREY_10: "deep-grey-10";
270
+ readonly DEEP_GREY_5: "deep-grey-5";
271
+ readonly BLACK: "black";
272
+ readonly BLACK_90: "black-90";
273
+ readonly BLACK_80: "black-80";
274
+ readonly BLACK_70: "black-70";
275
+ readonly BLACK_60: "black-60";
276
+ readonly BLACK_50: "black-50";
277
+ readonly BLACK_40: "black-40";
278
+ readonly BLACK_30: "black-30";
279
+ readonly BLACK_20: "black-20";
280
+ readonly BLACK_10: "black-10";
281
+ readonly BLACK_5: "black-5";
282
+ readonly GREY_50: "grey-50";
283
+ readonly GREY_50_90: "grey-50-90";
284
+ readonly GREY_50_80: "grey-50-80";
285
+ readonly GREY_50_70: "grey-50-70";
286
+ readonly GREY_50_60: "grey-50-60";
287
+ readonly GREY_50_50: "grey-50-50";
288
+ readonly GREY_50_40: "grey-50-40";
289
+ readonly GREY_50_30: "grey-50-30";
290
+ readonly GREY_50_20: "grey-50-20";
291
+ readonly GREY_50_10: "grey-50-10";
292
+ readonly GREY_50_5: "grey-50-5";
293
+ readonly GREY_20: "grey-20";
294
+ readonly GREY_20_90: "grey-20-90";
295
+ readonly GREY_20_80: "grey-20-80";
296
+ readonly GREY_20_70: "grey-20-70";
297
+ readonly GREY_20_60: "grey-20-60";
298
+ readonly GREY_20_50: "grey-20-50";
299
+ readonly GREY_20_40: "grey-20-40";
300
+ readonly GREY_20_30: "grey-20-30";
301
+ readonly GREY_20_20: "grey-20-20";
302
+ readonly GREY_20_10: "grey-20-10";
303
+ readonly GREY_20_5: "grey-20-5";
304
+ readonly GREY_10: "grey-10";
305
+ readonly GREY_10_90: "grey-10-90";
306
+ readonly GREY_10_80: "grey-10-80";
307
+ readonly GREY_10_70: "grey-10-70";
308
+ readonly GREY_10_60: "grey-10-60";
309
+ readonly GREY_10_50: "grey-10-50";
310
+ readonly GREY_10_40: "grey-10-40";
311
+ readonly GREY_10_30: "grey-10-30";
312
+ readonly GREY_10_20: "grey-10-20";
313
+ readonly GREY_10_10: "grey-10-10";
314
+ readonly GREY_10_5: "grey-10-5";
315
+ readonly GREY_5: "grey-5";
316
+ readonly GREY_5_90: "grey-5-90";
317
+ readonly GREY_5_80: "grey-5-80";
318
+ readonly GREY_5_70: "grey-5-70";
319
+ readonly GREY_5_60: "grey-5-60";
320
+ readonly GREY_5_50: "grey-5-50";
321
+ readonly GREY_5_40: "grey-5-40";
322
+ readonly GREY_5_30: "grey-5-30";
323
+ readonly GREY_5_20: "grey-5-20";
324
+ readonly GREY_5_10: "grey-5-10";
325
+ readonly GREY_5_5: "grey-5-5";
326
+ readonly GREY_8: "grey-8";
327
+ readonly GREY_8_90: "grey-8-90";
328
+ readonly GREY_8_80: "grey-8-80";
329
+ readonly GREY_8_70: "grey-8-70";
330
+ readonly GREY_8_60: "grey-8-60";
331
+ readonly GREY_8_50: "grey-8-50";
332
+ readonly GREY_8_40: "grey-8-40";
333
+ readonly GREY_8_30: "grey-8-30";
334
+ readonly GREY_8_20: "grey-8-20";
335
+ readonly GREY_8_10: "grey-8-10";
336
+ readonly GREY_8_5: "grey-8-5";
337
+ readonly GREY_2: "grey-2";
338
+ readonly GREY_2_90: "grey-2-90";
339
+ readonly GREY_2_80: "grey-2-80";
340
+ readonly GREY_2_70: "grey-2-70";
341
+ readonly GREY_2_60: "grey-2-60";
342
+ readonly GREY_2_50: "grey-2-50";
343
+ readonly GREY_2_40: "grey-2-40";
344
+ readonly GREY_2_30: "grey-2-30";
345
+ readonly GREY_2_20: "grey-2-20";
346
+ readonly GREY_2_10: "grey-2-10";
347
+ readonly GREY_2_5: "grey-2-5";
348
+ readonly WHITE: "white";
349
+ readonly WHITE_90: "white-90";
350
+ readonly WHITE_80: "white-80";
351
+ readonly WHITE_70: "white-70";
352
+ readonly WHITE_60: "white-60";
353
+ readonly WHITE_50: "white-50";
354
+ readonly WHITE_40: "white-40";
355
+ readonly WHITE_30: "white-30";
356
+ readonly WHITE_20: "white-20";
357
+ readonly WHITE_10: "white-10";
358
+ readonly WHITE_5: "white-5";
359
+ readonly ACTION_BLUE: "action-blue";
360
+ readonly ACTION_BLUE_90: "action-blue-90";
361
+ readonly ACTION_BLUE_80: "action-blue-80";
362
+ readonly ACTION_BLUE_70: "action-blue-70";
363
+ readonly ACTION_BLUE_60: "action-blue-60";
364
+ readonly ACTION_BLUE_50: "action-blue-50";
365
+ readonly ACTION_BLUE_40: "action-blue-40";
366
+ readonly ACTION_BLUE_30: "action-blue-30";
367
+ readonly ACTION_BLUE_20: "action-blue-20";
368
+ readonly ACTION_BLUE_10: "action-blue-10";
369
+ readonly ACTION_BLUE_5: "action-blue-5";
370
+ };
371
+ type UnifiedColor = ValueOf<typeof UnifiedColor>;
372
+
373
+ declare const Color: {
374
+ readonly LAYOUT_BACKGROUND: "layout-background";
375
+ readonly MODAL_OVERLAY: "modal-overlay";
376
+ readonly SHIMMER: "shimmer";
377
+ readonly ON_SHIMMER: "on-shimmer";
378
+ readonly ACCENT_NEUTRAL: "accent-neutral";
379
+ readonly ON_ACCENT_NEUTRAL: "on-accent-neutral";
380
+ readonly ACTION_BLUE_NEUTRAL: "action-blue-neutral";
381
+ readonly ACTION_LABEL_NEUTRAL: "action-label-neutral";
382
+ readonly ACTION_BACKGROUND_NEUTRAL: "action-background-neutral";
383
+ readonly ACTION_PHOTO_HEADER_BACKGROUND_NEUTRAL: "action-photo-header-background-neutral";
384
+ readonly ACTION_PHOTO_HEADER_TEXT_NEUTRAL: "action-photo-header-text-neutral";
385
+ readonly SEARCH_BACKGROUND: "search-background";
386
+ readonly SEGMENTED_BACKGROUND: "segmented-background";
387
+ readonly SEGMENTED_ACTIVE: "segmented-active";
388
+ readonly ACTION_PHOTO_HEADER_TEXT: "action-photo-header-text";
389
+ readonly ACTION_PHOTO_HEADER_BACKGROUND: "action-photo-header-background";
390
+ readonly RED_ACTION_BACKGROUND: "red-action-background";
391
+ readonly ACTION_BACKGROUND: "action-background";
392
+ readonly ACCENT: "accent";
393
+ readonly PROGRESS_NEUTRAL: "progress-neutral";
394
+ readonly UP: "up";
395
+ readonly DOWN: "down";
396
+ readonly STATIC: "static";
397
+ readonly POSITIVE: "positive";
398
+ readonly NEGATIVE: "negative";
399
+ readonly ON_ACCENT: "on-accent";
400
+ readonly WIDGET_BACKGROUND: "widget-background";
401
+ readonly GROUPED_BACKGROUND: "grouped-background";
402
+ readonly POPOVER_BACKGROUND: "popover-background";
403
+ readonly NESTED_BACKGROUND: "nested-background";
404
+ readonly BACKGROUND: "background";
405
+ readonly GREY_TONE_2: "grey-tone-2";
406
+ readonly GREY_TONE_5: "grey-tone-5";
407
+ readonly GREY_TONE_8: "grey-tone-8";
408
+ readonly GREY_TONE_10: "grey-tone-10";
409
+ readonly GREY_TONE_20: "grey-tone-20";
410
+ readonly GREY_TONE_50: "grey-tone-50";
411
+ readonly FOREGROUND: "foreground";
412
+ readonly ACTION_LABEL: "action-label";
413
+ readonly INPUT_ERROR: "input-error";
414
+ readonly INPUT_ERROR_FOCUS: "input-error-focus";
415
+ readonly SUCCESS: "success";
416
+ readonly WARNING: "warning";
417
+ readonly DANGER: "danger";
418
+ readonly NEUTRAL: "neutral";
419
+ readonly INACTIVE: "inactive";
420
+ readonly BLUE: "blue";
421
+ readonly BLUE_90: "blue-90";
422
+ readonly BLUE_80: "blue-80";
423
+ readonly BLUE_70: "blue-70";
424
+ readonly BLUE_60: "blue-60";
425
+ readonly BLUE_50: "blue-50";
426
+ readonly BLUE_40: "blue-40";
427
+ readonly BLUE_30: "blue-30";
428
+ readonly BLUE_20: "blue-20";
429
+ readonly BLUE_10: "blue-10";
430
+ readonly BLUE_5: "blue-5";
431
+ readonly PINK: "pink";
432
+ readonly PINK_90: "pink-90";
433
+ readonly PINK_80: "pink-80";
434
+ readonly PINK_70: "pink-70";
435
+ readonly PINK_60: "pink-60";
436
+ readonly PINK_50: "pink-50";
437
+ readonly PINK_40: "pink-40";
438
+ readonly PINK_30: "pink-30";
439
+ readonly PINK_20: "pink-20";
440
+ readonly PINK_10: "pink-10";
441
+ readonly PINK_5: "pink-5";
442
+ readonly GREEN: "green";
443
+ readonly GREEN_90: "green-90";
444
+ readonly GREEN_80: "green-80";
445
+ readonly GREEN_70: "green-70";
446
+ readonly GREEN_60: "green-60";
447
+ readonly GREEN_50: "green-50";
448
+ readonly GREEN_40: "green-40";
449
+ readonly GREEN_30: "green-30";
450
+ readonly GREEN_20: "green-20";
451
+ readonly GREEN_10: "green-10";
452
+ readonly GREEN_5: "green-5";
453
+ readonly ORANGE: "orange";
454
+ readonly ORANGE_90: "orange-90";
455
+ readonly ORANGE_80: "orange-80";
456
+ readonly ORANGE_70: "orange-70";
457
+ readonly ORANGE_60: "orange-60";
458
+ readonly ORANGE_50: "orange-50";
459
+ readonly ORANGE_40: "orange-40";
460
+ readonly ORANGE_30: "orange-30";
461
+ readonly ORANGE_20: "orange-20";
462
+ readonly ORANGE_10: "orange-10";
463
+ readonly ORANGE_5: "orange-5";
464
+ readonly RED: "red";
465
+ readonly RED_90: "red-90";
466
+ readonly RED_80: "red-80";
467
+ readonly RED_70: "red-70";
468
+ readonly RED_60: "red-60";
469
+ readonly RED_50: "red-50";
470
+ readonly RED_40: "red-40";
471
+ readonly RED_30: "red-30";
472
+ readonly RED_20: "red-20";
473
+ readonly RED_10: "red-10";
474
+ readonly RED_5: "red-5";
475
+ readonly DEEP_PINK: "deep-pink";
476
+ readonly DEEP_PINK_90: "deep-pink-90";
477
+ readonly DEEP_PINK_80: "deep-pink-80";
478
+ readonly DEEP_PINK_70: "deep-pink-70";
479
+ readonly DEEP_PINK_60: "deep-pink-60";
480
+ readonly DEEP_PINK_50: "deep-pink-50";
481
+ readonly DEEP_PINK_40: "deep-pink-40";
482
+ readonly DEEP_PINK_30: "deep-pink-30";
483
+ readonly DEEP_PINK_20: "deep-pink-20";
484
+ readonly DEEP_PINK_10: "deep-pink-10";
485
+ readonly DEEP_PINK_5: "deep-pink-5";
486
+ readonly TERRACOTTA: "terracotta";
487
+ readonly TERRACOTTA_90: "terracotta-90";
488
+ readonly TERRACOTTA_80: "terracotta-80";
489
+ readonly TERRACOTTA_70: "terracotta-70";
490
+ readonly TERRACOTTA_60: "terracotta-60";
491
+ readonly TERRACOTTA_50: "terracotta-50";
492
+ readonly TERRACOTTA_40: "terracotta-40";
493
+ readonly TERRACOTTA_30: "terracotta-30";
494
+ readonly TERRACOTTA_20: "terracotta-20";
495
+ readonly TERRACOTTA_10: "terracotta-10";
496
+ readonly TERRACOTTA_5: "terracotta-5";
497
+ readonly YELLOW: "yellow";
498
+ readonly YELLOW_90: "yellow-90";
499
+ readonly YELLOW_80: "yellow-80";
500
+ readonly YELLOW_70: "yellow-70";
501
+ readonly YELLOW_60: "yellow-60";
502
+ readonly YELLOW_50: "yellow-50";
503
+ readonly YELLOW_40: "yellow-40";
504
+ readonly YELLOW_30: "yellow-30";
505
+ readonly YELLOW_20: "yellow-20";
506
+ readonly YELLOW_10: "yellow-10";
507
+ readonly YELLOW_5: "yellow-5";
508
+ readonly LIME: "lime";
509
+ readonly LIME_90: "lime-90";
510
+ readonly LIME_80: "lime-80";
511
+ readonly LIME_70: "lime-70";
512
+ readonly LIME_60: "lime-60";
513
+ readonly LIME_50: "lime-50";
514
+ readonly LIME_40: "lime-40";
515
+ readonly LIME_30: "lime-30";
516
+ readonly LIME_20: "lime-20";
517
+ readonly LIME_10: "lime-10";
518
+ readonly LIME_5: "lime-5";
519
+ readonly LIGHT_GREEN: "light-green";
520
+ readonly LIGHT_GREEN_90: "light-green-90";
521
+ readonly LIGHT_GREEN_80: "light-green-80";
522
+ readonly LIGHT_GREEN_70: "light-green-70";
523
+ readonly LIGHT_GREEN_60: "light-green-60";
524
+ readonly LIGHT_GREEN_50: "light-green-50";
525
+ readonly LIGHT_GREEN_40: "light-green-40";
526
+ readonly LIGHT_GREEN_30: "light-green-30";
527
+ readonly LIGHT_GREEN_20: "light-green-20";
528
+ readonly LIGHT_GREEN_10: "light-green-10";
529
+ readonly LIGHT_GREEN_5: "light-green-5";
530
+ readonly TEAL: "teal";
531
+ readonly TEAL_90: "teal-90";
532
+ readonly TEAL_80: "teal-80";
533
+ readonly TEAL_70: "teal-70";
534
+ readonly TEAL_60: "teal-60";
535
+ readonly TEAL_50: "teal-50";
536
+ readonly TEAL_40: "teal-40";
537
+ readonly TEAL_30: "teal-30";
538
+ readonly TEAL_20: "teal-20";
539
+ readonly TEAL_10: "teal-10";
540
+ readonly TEAL_5: "teal-5";
541
+ readonly CYAN: "cyan";
542
+ readonly CYAN_90: "cyan-90";
543
+ readonly CYAN_80: "cyan-80";
544
+ readonly CYAN_70: "cyan-70";
545
+ readonly CYAN_60: "cyan-60";
546
+ readonly CYAN_50: "cyan-50";
547
+ readonly CYAN_40: "cyan-40";
548
+ readonly CYAN_30: "cyan-30";
549
+ readonly CYAN_20: "cyan-20";
550
+ readonly CYAN_10: "cyan-10";
551
+ readonly CYAN_5: "cyan-5";
552
+ readonly LIGHT_BLUE: "light-blue";
553
+ readonly LIGHT_BLUE_90: "light-blue-90";
554
+ readonly LIGHT_BLUE_80: "light-blue-80";
555
+ readonly LIGHT_BLUE_70: "light-blue-70";
556
+ readonly LIGHT_BLUE_60: "light-blue-60";
557
+ readonly LIGHT_BLUE_50: "light-blue-50";
558
+ readonly LIGHT_BLUE_40: "light-blue-40";
559
+ readonly LIGHT_BLUE_30: "light-blue-30";
560
+ readonly LIGHT_BLUE_20: "light-blue-20";
561
+ readonly LIGHT_BLUE_10: "light-blue-10";
562
+ readonly LIGHT_BLUE_5: "light-blue-5";
563
+ readonly INDIGO: "indigo";
564
+ readonly INDIGO_90: "indigo-90";
565
+ readonly INDIGO_80: "indigo-80";
566
+ readonly INDIGO_70: "indigo-70";
567
+ readonly INDIGO_60: "indigo-60";
568
+ readonly INDIGO_50: "indigo-50";
569
+ readonly INDIGO_40: "indigo-40";
570
+ readonly INDIGO_30: "indigo-30";
571
+ readonly INDIGO_20: "indigo-20";
572
+ readonly INDIGO_10: "indigo-10";
573
+ readonly INDIGO_5: "indigo-5";
574
+ readonly DEEP_PURPLE: "deep-purple";
575
+ readonly DEEP_PURPLE_90: "deep-purple-90";
576
+ readonly DEEP_PURPLE_80: "deep-purple-80";
577
+ readonly DEEP_PURPLE_70: "deep-purple-70";
578
+ readonly DEEP_PURPLE_60: "deep-purple-60";
579
+ readonly DEEP_PURPLE_50: "deep-purple-50";
580
+ readonly DEEP_PURPLE_40: "deep-purple-40";
581
+ readonly DEEP_PURPLE_30: "deep-purple-30";
582
+ readonly DEEP_PURPLE_20: "deep-purple-20";
583
+ readonly DEEP_PURPLE_10: "deep-purple-10";
584
+ readonly DEEP_PURPLE_5: "deep-purple-5";
585
+ readonly PURPLE: "purple";
586
+ readonly PURPLE_90: "purple-90";
587
+ readonly PURPLE_80: "purple-80";
588
+ readonly PURPLE_70: "purple-70";
589
+ readonly PURPLE_60: "purple-60";
590
+ readonly PURPLE_50: "purple-50";
591
+ readonly PURPLE_40: "purple-40";
592
+ readonly PURPLE_30: "purple-30";
593
+ readonly PURPLE_20: "purple-20";
594
+ readonly PURPLE_10: "purple-10";
595
+ readonly PURPLE_5: "purple-5";
596
+ readonly BROWN: "brown";
597
+ readonly BROWN_90: "brown-90";
598
+ readonly BROWN_80: "brown-80";
599
+ readonly BROWN_70: "brown-70";
600
+ readonly BROWN_60: "brown-60";
601
+ readonly BROWN_50: "brown-50";
602
+ readonly BROWN_40: "brown-40";
603
+ readonly BROWN_30: "brown-30";
604
+ readonly BROWN_20: "brown-20";
605
+ readonly BROWN_10: "brown-10";
606
+ readonly BROWN_5: "brown-5";
607
+ readonly DEEP_GREY: "deep-grey";
608
+ readonly DEEP_GREY_90: "deep-grey-90";
609
+ readonly DEEP_GREY_80: "deep-grey-80";
610
+ readonly DEEP_GREY_70: "deep-grey-70";
611
+ readonly DEEP_GREY_60: "deep-grey-60";
612
+ readonly DEEP_GREY_50: "deep-grey-50";
613
+ readonly DEEP_GREY_40: "deep-grey-40";
614
+ readonly DEEP_GREY_30: "deep-grey-30";
615
+ readonly DEEP_GREY_20: "deep-grey-20";
616
+ readonly DEEP_GREY_10: "deep-grey-10";
617
+ readonly DEEP_GREY_5: "deep-grey-5";
618
+ readonly BLACK: "black";
619
+ readonly BLACK_90: "black-90";
620
+ readonly BLACK_80: "black-80";
621
+ readonly BLACK_70: "black-70";
622
+ readonly BLACK_60: "black-60";
623
+ readonly BLACK_50: "black-50";
624
+ readonly BLACK_40: "black-40";
625
+ readonly BLACK_30: "black-30";
626
+ readonly BLACK_20: "black-20";
627
+ readonly BLACK_10: "black-10";
628
+ readonly BLACK_5: "black-5";
629
+ readonly GREY_50: "grey-50";
630
+ readonly GREY_50_90: "grey-50-90";
631
+ readonly GREY_50_80: "grey-50-80";
632
+ readonly GREY_50_70: "grey-50-70";
633
+ readonly GREY_50_60: "grey-50-60";
634
+ readonly GREY_50_50: "grey-50-50";
635
+ readonly GREY_50_40: "grey-50-40";
636
+ readonly GREY_50_30: "grey-50-30";
637
+ readonly GREY_50_20: "grey-50-20";
638
+ readonly GREY_50_10: "grey-50-10";
639
+ readonly GREY_50_5: "grey-50-5";
640
+ readonly GREY_20: "grey-20";
641
+ readonly GREY_20_90: "grey-20-90";
642
+ readonly GREY_20_80: "grey-20-80";
643
+ readonly GREY_20_70: "grey-20-70";
644
+ readonly GREY_20_60: "grey-20-60";
645
+ readonly GREY_20_50: "grey-20-50";
646
+ readonly GREY_20_40: "grey-20-40";
647
+ readonly GREY_20_30: "grey-20-30";
648
+ readonly GREY_20_20: "grey-20-20";
649
+ readonly GREY_20_10: "grey-20-10";
650
+ readonly GREY_20_5: "grey-20-5";
651
+ readonly GREY_10: "grey-10";
652
+ readonly GREY_10_90: "grey-10-90";
653
+ readonly GREY_10_80: "grey-10-80";
654
+ readonly GREY_10_70: "grey-10-70";
655
+ readonly GREY_10_60: "grey-10-60";
656
+ readonly GREY_10_50: "grey-10-50";
657
+ readonly GREY_10_40: "grey-10-40";
658
+ readonly GREY_10_30: "grey-10-30";
659
+ readonly GREY_10_20: "grey-10-20";
660
+ readonly GREY_10_10: "grey-10-10";
661
+ readonly GREY_10_5: "grey-10-5";
662
+ readonly GREY_5: "grey-5";
663
+ readonly GREY_5_90: "grey-5-90";
664
+ readonly GREY_5_80: "grey-5-80";
665
+ readonly GREY_5_70: "grey-5-70";
666
+ readonly GREY_5_60: "grey-5-60";
667
+ readonly GREY_5_50: "grey-5-50";
668
+ readonly GREY_5_40: "grey-5-40";
669
+ readonly GREY_5_30: "grey-5-30";
670
+ readonly GREY_5_20: "grey-5-20";
671
+ readonly GREY_5_10: "grey-5-10";
672
+ readonly GREY_5_5: "grey-5-5";
673
+ readonly GREY_8: "grey-8";
674
+ readonly GREY_8_90: "grey-8-90";
675
+ readonly GREY_8_80: "grey-8-80";
676
+ readonly GREY_8_70: "grey-8-70";
677
+ readonly GREY_8_60: "grey-8-60";
678
+ readonly GREY_8_50: "grey-8-50";
679
+ readonly GREY_8_40: "grey-8-40";
680
+ readonly GREY_8_30: "grey-8-30";
681
+ readonly GREY_8_20: "grey-8-20";
682
+ readonly GREY_8_10: "grey-8-10";
683
+ readonly GREY_8_5: "grey-8-5";
684
+ readonly GREY_2: "grey-2";
685
+ readonly GREY_2_90: "grey-2-90";
686
+ readonly GREY_2_80: "grey-2-80";
687
+ readonly GREY_2_70: "grey-2-70";
688
+ readonly GREY_2_60: "grey-2-60";
689
+ readonly GREY_2_50: "grey-2-50";
690
+ readonly GREY_2_40: "grey-2-40";
691
+ readonly GREY_2_30: "grey-2-30";
692
+ readonly GREY_2_20: "grey-2-20";
693
+ readonly GREY_2_10: "grey-2-10";
694
+ readonly GREY_2_5: "grey-2-5";
695
+ readonly WHITE: "white";
696
+ readonly WHITE_90: "white-90";
697
+ readonly WHITE_80: "white-80";
698
+ readonly WHITE_70: "white-70";
699
+ readonly WHITE_60: "white-60";
700
+ readonly WHITE_50: "white-50";
701
+ readonly WHITE_40: "white-40";
702
+ readonly WHITE_30: "white-30";
703
+ readonly WHITE_20: "white-20";
704
+ readonly WHITE_10: "white-10";
705
+ readonly WHITE_5: "white-5";
706
+ readonly ACTION_BLUE: "action-blue";
707
+ readonly ACTION_BLUE_90: "action-blue-90";
708
+ readonly ACTION_BLUE_80: "action-blue-80";
709
+ readonly ACTION_BLUE_70: "action-blue-70";
710
+ readonly ACTION_BLUE_60: "action-blue-60";
711
+ readonly ACTION_BLUE_50: "action-blue-50";
712
+ readonly ACTION_BLUE_40: "action-blue-40";
713
+ readonly ACTION_BLUE_30: "action-blue-30";
714
+ readonly ACTION_BLUE_20: "action-blue-20";
715
+ readonly ACTION_BLUE_10: "action-blue-10";
716
+ readonly ACTION_BLUE_5: "action-blue-5";
717
+ };
718
+ type Color = UnifiedColor | (string & {});
719
+
720
+ declare const CurrencySymbol: {
721
+ readonly AUTO: "auto";
722
+ readonly NARROW: "narrow";
723
+ readonly NONE: "none";
724
+ };
725
+ type CurrencySymbol = ValueOf<typeof CurrencySymbol>;
726
+
727
+ declare const ElevationLevel: {
728
+ readonly NONE: "none";
729
+ readonly LEVEL_1: "level1";
730
+ readonly LEVEL_2: "level2";
731
+ readonly LEVEL_3: "level3";
732
+ readonly LEVEL_4: "level4";
733
+ };
734
+ type ElevationLevel = ValueOf<typeof ElevationLevel>;
735
+
736
+ declare const DEFAULT_MESSAGES: {
737
+ readonly 'action.apply': "Apply";
738
+ readonly 'action.back': "Back";
739
+ readonly 'action.cancel': "Cancel";
740
+ readonly 'action.clear': "Clear";
741
+ readonly 'action.close': "Close";
742
+ readonly 'action.collapse': "Collapse";
743
+ readonly 'action.collapse-menu': "Collapse menu";
744
+ readonly 'action.copy': "Copy";
745
+ readonly 'action.expand': "Expand";
746
+ readonly 'action.expand-menu': "Expand menu";
747
+ readonly 'action.fca-disclaimer-learn-more': "Take 2 mins to learn more";
748
+ readonly 'action.hide': "Hide";
749
+ readonly 'action.more': "More";
750
+ readonly 'action.next-slide': "Next slide";
751
+ readonly 'action.next': "Next";
752
+ readonly 'action.prev-slide': "Previous slide";
753
+ readonly 'action.prev': "Previous";
754
+ readonly 'action.rate': "Rate";
755
+ readonly 'action.retry': "Retry";
756
+ readonly 'action.select-all': "Select all";
757
+ readonly 'action.select': "Select";
758
+ readonly 'action.show-less': "Show less";
759
+ readonly 'action.show-more': "Show more";
760
+ readonly 'action.show': "Show";
761
+ readonly 'action.sort-asc': "Sort ascending";
762
+ readonly 'action.sort-cancel': "Discard sorting";
763
+ readonly 'action.sort-dsc': "Sort descending";
764
+ readonly 'action.resize-column': "Resize column";
765
+ readonly 'action.remove': "Remove";
766
+ readonly 'action.play': "Play";
767
+ readonly 'action.pause': "Pause";
768
+ readonly 'action.open-global-search': "Open global search";
769
+ readonly 'action.open-profile': "Open profile";
770
+ readonly 'action.open-notifications': "Open notifications";
771
+ readonly 'action.open-app-switcher': "Open app switcher";
772
+ readonly 'action.open-menu': "Open menu";
773
+ readonly 'action.open-filters': "Open filters";
774
+ readonly 'label.apps': "Apps";
775
+ readonly 'label.notifications': "Notifications";
776
+ readonly 'label.accounts': "Accounts";
777
+ readonly 'label.profile': "Profile";
778
+ readonly 'label.empty-state': "Nothing here";
779
+ readonly 'label.failed-state': "Something went wrong";
780
+ readonly 'label.fca-disclaimer': "Don’t invest unless you’re prepared to lose all the money you invest. This is a high-risk investment and you should not expect to be protected if something goes wrong.";
781
+ readonly 'label.more-dialog': "More";
782
+ readonly 'label.no-results-state': "No results found";
783
+ readonly 'label.pending-state': "Loading";
784
+ readonly 'label.search': "Search";
785
+ readonly 'label.min': "Minimum";
786
+ readonly 'label.max': "Maximum";
787
+ readonly 'label.global-search': "Global search";
788
+ readonly 'label.selected': "Selected";
789
+ readonly 'format.in-a-few-moments': "In a few moments";
790
+ readonly 'format.moments-ago': "Moments ago";
791
+ readonly 'label.range': "Range";
792
+ readonly 'label.price': "Price";
793
+ readonly 'label.sum': "Sum";
794
+ readonly 'label.no-open-orders': "No open orders";
795
+ readonly 'label.settings': "Settings";
796
+ readonly 'label.dark': "Dark";
797
+ readonly 'label.light': "Light";
798
+ readonly 'label.system': "System";
799
+ readonly 'label.controlled-by-mode': "Controlled by mode";
800
+ readonly 'label.mode': "Mode";
801
+ readonly 'label.background': "Background";
802
+ readonly 'label.resize': "Resize";
803
+ readonly 'label.navigation-style': "Navigation style";
804
+ readonly 'label.table-style': "Table style";
805
+ readonly 'label.zebra': "Zebra";
806
+ readonly 'label.plain': "Plain";
807
+ readonly 'label.icons-and-text': "Icons and text";
808
+ readonly 'label.icons-only': "Icons only";
809
+ readonly 'label.shortcuts': "Keyboard shortcuts";
810
+ readonly 'label.shortcut-centre': "Shortcut centre";
811
+ readonly 'label.general': "General";
812
+ readonly 'label.back': "Back";
813
+ readonly 'label.forward': "Forward";
814
+ readonly 'label.toggle-navigation': "Collapse/Expand navigation";
815
+ readonly 'label.menu-navigation': "Menu navigation";
816
+ readonly 'label.navigate-menu-item': "Navigate to menu item";
817
+ };
818
+ type IntlMessages = Record<keyof typeof DEFAULT_MESSAGES, string>;
819
+
820
+ declare const MoneyType: {
821
+ readonly MONEY: "money";
822
+ readonly MONEY_FRACTIONAL: "money-fractional";
823
+ };
824
+ type MoneyType = ValueOf<typeof MoneyType>;
825
+
826
+ /**
827
+ * Docs: {@link https://ui-kit.revolut.codes/design-system/radii Radius}
828
+ */
829
+ declare const Radius: {
830
+ readonly NONE: "unset";
831
+ readonly R2: "r2";
832
+ readonly R4: "r4";
833
+ readonly R6: "r6";
834
+ readonly R8: "r8";
835
+ readonly R12: "r12";
836
+ readonly R16: "r16";
837
+ readonly R24: "r24";
838
+ readonly R32: "r32";
839
+ readonly ROUND: "round";
840
+ readonly WIDGET: "widget";
841
+ readonly POPUP: "popup";
842
+ readonly RD100: "rd100";
843
+ readonly RD150: "rd150";
844
+ readonly RD200: "rd200";
845
+ readonly RD300: "rd300";
846
+ readonly RD400: "rd400";
847
+ readonly RD600: "rd600";
848
+ };
849
+ type Radius = ValueOf<typeof Radius>;
850
+
851
+ /**
852
+ * Docs: {@link https://ui-kit.revolut.codes/design-system/sizes Size}
853
+ */
854
+ declare const Size: {
855
+ readonly S_2: "s-2";
856
+ readonly S_4: "s-4";
857
+ readonly S_6: "s-6";
858
+ readonly S_8: "s-8";
859
+ readonly S_12: "s-12";
860
+ readonly S_16: "s-16";
861
+ readonly S_20: "s-20";
862
+ readonly S_24: "s-24";
863
+ readonly S_32: "s-32";
864
+ readonly S_40: "s-40";
865
+ readonly S_48: "s-48";
866
+ readonly S_56: "s-56";
867
+ readonly S_64: "s-64";
868
+ readonly S_72: "s-72";
869
+ readonly NONE: "none";
870
+ };
871
+ type Size = ValueOf<typeof Size>;
872
+
873
+ /**
874
+ * Docs: {@link https://ui-kit.revolut.codes/design-system/space Space}
875
+ */
876
+ declare const Space$1: {
877
+ readonly SP50: string;
878
+ readonly SP100: string;
879
+ readonly SP150: string;
880
+ readonly SP200: string;
881
+ readonly SP300: string;
882
+ readonly SP400: string;
883
+ readonly SP500: string;
884
+ readonly SP600: string;
885
+ readonly SP800: string;
886
+ readonly SP1000: string;
887
+ readonly N_2: "-s-2";
888
+ readonly N_4: "-s-4";
889
+ readonly N_6: "-s-6";
890
+ readonly N_8: "-s-8";
891
+ readonly N_12: "-s-12";
892
+ readonly N_16: "-s-16";
893
+ readonly N_20: "-s-20";
894
+ readonly N_24: "-s-24";
895
+ readonly N_32: "-s-32";
896
+ readonly N_40: "-s-40";
897
+ readonly N_48: "-s-48";
898
+ readonly N_56: "-s-56";
899
+ readonly N_64: "-s-64";
900
+ readonly N_72: "-s-72";
901
+ readonly S_2: "s-2";
902
+ readonly S_4: "s-4";
903
+ readonly S_6: "s-6";
904
+ readonly S_8: "s-8";
905
+ readonly S_12: "s-12";
906
+ readonly S_16: "s-16";
907
+ readonly S_20: "s-20";
908
+ readonly S_24: "s-24";
909
+ readonly S_32: "s-32";
910
+ readonly S_40: "s-40";
911
+ readonly S_48: "s-48";
912
+ readonly S_56: "s-56";
913
+ readonly S_64: "s-64";
914
+ readonly S_72: "s-72";
915
+ readonly NONE: "none";
916
+ };
917
+ type Space$1 = ValueOf<typeof Space$1>;
918
+
919
+ /**
920
+ * Docs: {@link https://ui-kit.revolut.codes/design-system/typography Typography}
921
+ */
922
+ declare const TextStyle: {
923
+ /** @deprecated use display1 instead */
924
+ readonly H0: "h0";
925
+ /** @deprecated use heading1 instead */
926
+ readonly H1: "h1";
927
+ /** @deprecated use heading1 instead */
928
+ readonly H2: "h2";
929
+ /** @deprecated use heading1 instead */
930
+ readonly H3: "h3";
931
+ /** @deprecated use heading3 instead */
932
+ readonly H4: "h4";
933
+ /** @deprecated use heading3 instead */
934
+ readonly H5: "h5";
935
+ /** @deprecated use emphasis2 instead */
936
+ readonly H6: "h6";
937
+ /** @deprecated use emphasis1 instead */
938
+ readonly PRIMARY: "primary";
939
+ /** @deprecated use body1 instead */
940
+ readonly SECONDARY: "secondary";
941
+ /** @deprecated use body2 instead */
942
+ readonly CAPTION: "caption";
943
+ /** @deprecated use body3 instead */
944
+ readonly SMALL: "small";
945
+ /** @deprecated use emphasis1 instead */
946
+ readonly TILE: "tile";
947
+ /** @deprecated use emphasis3 instead */
948
+ readonly SMALL_TILE: "small-tile";
949
+ /** @deprecated use emphasis4 instead */
950
+ readonly TINY: "tiny";
951
+ /** @deprecated use marketing-display3 instead */
952
+ readonly DISPLAY3: "display3";
953
+ readonly MARKETING_DISPLAY1: "marketing-display1";
954
+ readonly MARKETING_DISPLAY2: "marketing-display2";
955
+ readonly MARKETING_DISPLAY3: "marketing-display3";
956
+ readonly DISPLAY1: "display1";
957
+ readonly DISPLAY2: "display2";
958
+ readonly HEADING1: "heading1";
959
+ readonly HEADING2: "heading2";
960
+ readonly HEADING3: "heading3";
961
+ readonly EMPHASIS1: "emphasis1";
962
+ readonly EMPHASIS2: "emphasis2";
963
+ readonly EMPHASIS3: "emphasis3";
964
+ readonly EMPHASIS4: "emphasis4";
965
+ readonly BODY1: "body1";
966
+ readonly BODY2: "body2";
967
+ readonly BODY3: "body3";
968
+ };
969
+ type TextStyle = ValueOf<typeof TextStyle>;
970
+
971
+ declare const TooltipBehaviour: {
972
+ readonly ALWAYS: "always";
973
+ readonly AUTO: "auto";
974
+ readonly NEVER: "never";
975
+ };
976
+ type TooltipBehaviour = ValueOf<typeof TooltipBehaviour>;
977
+
978
+ interface LooseCurrencyDefinition {
979
+ code?: string;
980
+ symbol?: string;
981
+ fractionalPart: number;
982
+ crypto?: boolean;
983
+ }
984
+ type CurrencyDefinition = Required<Omit<LooseCurrencyDefinition, 'crypto'>> & Pick<LooseCurrencyDefinition, 'crypto'>;
985
+ interface LooseMoney {
986
+ amount: number;
987
+ currency?: string;
988
+ }
989
+ interface Money extends Required<LooseMoney> {
990
+ }
991
+ type MoneyRoundingModeFallback = 'ceil' | 'floor' | 'expand' | 'trunc' | 'halfCeil' | 'halfFloor' | 'halfExpand' | 'halfTrunc' | 'halfEven' | undefined;
992
+ type MoneyRoundingMode = 'roundingMode' extends keyof Intl.NumberFormatOptions ? Intl.NumberFormatOptions['roundingMode'] : MoneyRoundingModeFallback;
993
+
994
+ type ImageURL = string;
995
+ type ImageSet = Record<string, ImageURL | ImageURL[]>;
996
+ type ImageSetWithFallback = {
997
+ default: ImageURL;
998
+ } & ImageSet;
999
+ type ImageProp$1 = ImageURL | ImageSetWithFallback;
1000
+
1001
+ type Elements = 'svg' | Exclude<keyof JSXCompat$1.IntrinsicElements, 'slot' | 'style' | 'script' | 'title' | 'head' | 'body' | 'meta' | 'link' | 'document' | 'object'>;
1002
+ declare namespace JSXCompat$1 {
1003
+ interface IntrinsicElements extends React$1.JSX.IntrinsicElements, JSX.IntrinsicElements {
1004
+ }
1005
+ }
1006
+ type InferElement<E extends Elements> = JSXCompat$1.IntrinsicElements[E] extends React$1.DetailedHTMLProps<React$1.HTMLAttributes<infer T>, any> ? T extends Element ? T : any : any;
1007
+ type ResponsiveValue<T> = null | T | {
1008
+ [key in Breakpoint]?: T;
1009
+ };
1010
+ type LooseLength<T = never> = T | (string & {}) | (number & {});
1011
+ interface TestAttributes {
1012
+ /**
1013
+ * Should be used only for tests and when all other options for accessing element don't work for you
1014
+ * @see https://testing-library.com/docs/dom-testing-library/api-queries#bytestid
1015
+ */
1016
+ 'data-testid'?: string;
1017
+ }
1018
+ type RefAttributesWithoutLegacyRef<T> = {
1019
+ key?: React$1.Key | null | undefined;
1020
+ ref?: React$1.Ref<T> | undefined;
1021
+ };
1022
+
1023
+ interface ElevationProps {
1024
+ elevation?: ElevationLevel;
1025
+ elevationOnHover?: ElevationLevel;
1026
+ }
1027
+
1028
+ interface GapSystemProps {
1029
+ gap?: ResponsiveValue<LooseLength<Space$1>>;
1030
+ rowGap?: ResponsiveValue<LooseLength<Space$1>>;
1031
+ columnGap?: ResponsiveValue<LooseLength<Space$1>>;
1032
+ }
1033
+
1034
+ interface HideProps {
1035
+ /** @deprecated Prefer `useMatchMedia` or CSS media queries */
1036
+ hide?: boolean | string | string[];
1037
+ }
1038
+
1039
+ interface OverflowSystemProps {
1040
+ overflow?: ResponsiveValue<csstype.Property.Overflow>;
1041
+ }
1042
+
1043
+ /** @private */
1044
+ interface PlaceSelfProps {
1045
+ placeSelf?: ResponsiveValue<csstype.Property.PlaceSelf>;
1046
+ }
1047
+
1048
+ interface DisplayProps {
1049
+ display?: ResponsiveValue<csstype.Property.Display>;
1050
+ }
1051
+ interface FlexProps$1 {
1052
+ flex?: ResponsiveValue<csstype.Property.Flex>;
1053
+ }
1054
+ interface AlignSelfProps {
1055
+ alignSelf?: ResponsiveValue<csstype.Property.AlignSelf>;
1056
+ }
1057
+ interface GridAreaProps {
1058
+ gridArea?: ResponsiveValue<csstype.Property.GridArea>;
1059
+ }
1060
+ interface OrderProps {
1061
+ order?: ResponsiveValue<csstype.Property.Order>;
1062
+ }
1063
+ interface SizeProps {
1064
+ size?: ResponsiveValue<LooseLength<Size>>;
1065
+ }
1066
+ interface HeightProps {
1067
+ height?: ResponsiveValue<LooseLength<Size>>;
1068
+ }
1069
+ interface MinHeightProps {
1070
+ minHeight?: ResponsiveValue<LooseLength<Size>>;
1071
+ }
1072
+ interface MaxHeightProps {
1073
+ maxHeight?: ResponsiveValue<LooseLength<Size>>;
1074
+ }
1075
+ interface WidthProps {
1076
+ width?: ResponsiveValue<LooseLength<Size>>;
1077
+ }
1078
+ interface MinWidthProps {
1079
+ minWidth?: ResponsiveValue<LooseLength<Size>>;
1080
+ }
1081
+ interface MaxWidthProps {
1082
+ maxWidth?: ResponsiveValue<LooseLength<Size>>;
1083
+ }
1084
+ interface BorderProps {
1085
+ border?: ResponsiveValue<csstype.Property.Border>;
1086
+ borderX?: ResponsiveValue<csstype.Property.Border>;
1087
+ borderY?: ResponsiveValue<csstype.Property.Border>;
1088
+ borderTop?: ResponsiveValue<csstype.Property.BorderTop>;
1089
+ borderRight?: ResponsiveValue<csstype.Property.BorderRight>;
1090
+ borderBottom?: ResponsiveValue<csstype.Property.BorderBottom>;
1091
+ borderLeft?: ResponsiveValue<csstype.Property.BorderLeft>;
1092
+ borderWidth?: ResponsiveValue<LooseLength>;
1093
+ borderTopWidth?: ResponsiveValue<LooseLength>;
1094
+ borderBottomWidth?: ResponsiveValue<LooseLength>;
1095
+ borderLeftWidth?: ResponsiveValue<LooseLength>;
1096
+ borderRightWidth?: ResponsiveValue<LooseLength>;
1097
+ borderStyle?: ResponsiveValue<csstype.Property.BorderStyle>;
1098
+ borderTopStyle?: ResponsiveValue<csstype.Property.BorderTopStyle>;
1099
+ borderBottomStyle?: ResponsiveValue<csstype.Property.BorderBottomStyle>;
1100
+ borderLeftStyle?: ResponsiveValue<csstype.Property.BorderLeftStyle>;
1101
+ borderRightStyle?: ResponsiveValue<csstype.Property.BorderRightStyle>;
1102
+ borderColor?: ResponsiveValue<Color>;
1103
+ borderTopColor?: ResponsiveValue<Color>;
1104
+ borderBottomColor?: ResponsiveValue<Color>;
1105
+ borderLeftColor?: ResponsiveValue<Color>;
1106
+ borderRightColor?: ResponsiveValue<Color>;
1107
+ borderRadius?: ResponsiveValue<LooseLength<Radius>>;
1108
+ borderTopLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
1109
+ borderTopRightRadius?: ResponsiveValue<LooseLength<Radius>>;
1110
+ borderBottomLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
1111
+ borderBottomRightRadius?: ResponsiveValue<LooseLength<Radius>>;
1112
+ }
1113
+ interface TextColorProps {
1114
+ color?: ResponsiveValue<Color>;
1115
+ }
1116
+ interface BackgroundColorProps {
1117
+ bg?: ResponsiveValue<Color>;
1118
+ backgroundColor?: ResponsiveValue<Color>;
1119
+ }
1120
+ interface OpacityProps {
1121
+ opacity?: ResponsiveValue<csstype.Property.Opacity>;
1122
+ }
1123
+ interface ColorProps extends TextColorProps, BackgroundColorProps, OpacityProps {
1124
+ }
1125
+ interface AlignItemsProps {
1126
+ alignItems?: ResponsiveValue<csstype.Property.AlignItems>;
1127
+ }
1128
+ interface JustifyContentProps {
1129
+ justifyContent?: ResponsiveValue<csstype.Property.JustifyContent>;
1130
+ }
1131
+ interface FlexWrapProps {
1132
+ flexWrap?: ResponsiveValue<csstype.Property.FlexWrap>;
1133
+ }
1134
+ interface FlexDirectionProps {
1135
+ flexDirection?: ResponsiveValue<csstype.Property.FlexDirection>;
1136
+ }
1137
+
1138
+ interface RadiusProps {
1139
+ radius?: ResponsiveValue<Radius | (string & {}) | number>;
1140
+ }
1141
+
1142
+ interface SpaceProps {
1143
+ m?: ResponsiveValue<LooseLength<Space$1>>;
1144
+ margin?: ResponsiveValue<LooseLength<Space$1>>;
1145
+ mt?: ResponsiveValue<LooseLength<Space$1>>;
1146
+ marginTop?: ResponsiveValue<LooseLength<Space$1>>;
1147
+ mr?: ResponsiveValue<LooseLength<Space$1>>;
1148
+ marginRight?: ResponsiveValue<LooseLength<Space$1>>;
1149
+ mb?: ResponsiveValue<LooseLength<Space$1>>;
1150
+ marginBottom?: ResponsiveValue<LooseLength<Space$1>>;
1151
+ ml?: ResponsiveValue<LooseLength<Space$1>>;
1152
+ marginLeft?: ResponsiveValue<LooseLength<Space$1>>;
1153
+ mx?: ResponsiveValue<LooseLength<Space$1>>;
1154
+ marginX?: ResponsiveValue<LooseLength<Space$1>>;
1155
+ my?: ResponsiveValue<LooseLength<Space$1>>;
1156
+ marginY?: ResponsiveValue<LooseLength<Space$1>>;
1157
+ p?: ResponsiveValue<LooseLength<Space$1>>;
1158
+ padding?: ResponsiveValue<LooseLength<Space$1>>;
1159
+ pt?: ResponsiveValue<LooseLength<Space$1>>;
1160
+ paddingTop?: ResponsiveValue<LooseLength<Space$1>>;
1161
+ pr?: ResponsiveValue<LooseLength<Space$1>>;
1162
+ paddingRight?: ResponsiveValue<LooseLength<Space$1>>;
1163
+ pb?: ResponsiveValue<LooseLength<Space$1>>;
1164
+ paddingBottom?: ResponsiveValue<LooseLength<Space$1>>;
1165
+ pl?: ResponsiveValue<LooseLength<Space$1>>;
1166
+ paddingLeft?: ResponsiveValue<LooseLength<Space$1>>;
1167
+ px?: ResponsiveValue<LooseLength<Space$1>>;
1168
+ paddingX?: ResponsiveValue<LooseLength<Space$1>>;
1169
+ py?: ResponsiveValue<LooseLength<Space$1>>;
1170
+ paddingY?: ResponsiveValue<LooseLength<Space$1>>;
1171
+ }
1172
+
1173
+ interface TextStyleProps {
1174
+ textStyle?: ResponsiveValue<TextStyle>;
1175
+ }
1176
+
1177
+ /**
1178
+ * Copy text to clipboard using native [Clipboard API](http://developer.mozilla.org/en-US/docs/Web/API/Clipboard) with [fallback](https://gist.github.com/lgarron/d1dee380f4ed9d825ca7) for older browsers
1179
+ *
1180
+ * Docs: {@link https://ui-kit.revolut.codes/utils/copy-to-clipboard copyToClipboard}
1181
+ */
1182
+ declare const copyToClipboard: (input: string, doc?: Document) => Promise<void>;
1183
+
1184
+ type Modify<T, R> = Omit<T, keyof R> & R;
1185
+
1186
+ /**
1187
+ * Docs: {@link https://ui-kit.revolut.codes/utils/node-chain nodeChain}
1188
+ */
1189
+ declare const nodeChain: (...parts: React.ReactNode[]) => react_jsx_runtime.JSX.Element;
1190
+
1191
+ declare const BLACKLIST: readonly ["bg", "color", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "size", "verticalAlign", "display", "overflow", "overflowX", "overflowY", "opacity", "fontSize", "fontFamily", "fontWeight", "lineHeight", "textAlign", "fontStyle", "letterSpacing", "alignItems", "alignContent", "justifyItems", "justifyContent", "flexWrap", "flexDirection", "flex", "flexGrow", "flexShrink", "flexBasis", "justifySelf", "alignSelf", "order", "gridGap", "gridColumnGap", "gridRowGap", "gridColumn", "gridRow", "gridAutoFlow", "gridAutoColumns", "gridAutoRows", "gridTemplateColumns", "gridTemplateRows", "gridTemplateAreas", "gridArea", "borderWidth", "borderStyle", "borderColor", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderRadius", "backgroundImage", "backgroundSize", "backgroundPosition", "backgroundRepeat", "zIndex", "top", "right", "bottom", "left", "elevated", "elevation", "elevationOnHover", "elevationColor", "hide", "radius", "variant", "textStyle", "textDecoration", "tapArea", "notAvailable", "locked", "iconOnly", "active"];
1192
+
1193
+ type BaseDOMAttributes<E extends Element> = Omit<Modify<{
1194
+ to?: string;
1195
+ } & Pick<React__default.SVGAttributes<any>,
1196
+ /** @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg */
1197
+ 'width' | 'height' | 'viewBox' | 'preserveAspectRatio'>, Omit<React__default.AllHTMLAttributes<E>, 'css'>>, 'as' | 'data' | (typeof BLACKLIST)[number]>;
1198
+ interface DOMAttributes<E extends Element> extends BaseDOMAttributes<E>, TestAttributes {
1199
+ }
1200
+
1201
+ interface BaseInnerProps<T> {
1202
+ use?: T;
1203
+ }
1204
+ interface BaseProps<E extends Elements> extends DOMAttributes<InferElement<E>>, RefAttributesWithoutLegacyRef<InferElement<E>>, BaseInnerProps<E | Elements | React__default.ComponentType<any>> {
1205
+ }
1206
+
1207
+ interface BoxProps<E extends Elements = 'div'> extends BoxInnerProps, BaseProps<E> {
1208
+ }
1209
+ /** @private */
1210
+ interface BoxInnerProps extends SpaceProps, ColorProps, WidthProps, FlexProps$1, OrderProps, OverflowSystemProps, AlignSelfProps, HeightProps, MinWidthProps, MaxWidthProps, MinHeightProps, MaxHeightProps, SizeProps, RadiusProps, ElevationProps, BorderProps, TextStyleProps, DisplayProps, HideProps, GridAreaProps, PlaceSelfProps {
1211
+ variant?: ResponsiveValue<string>;
1212
+ }
1213
+
1214
+ type IconName = 'Accessibility' | 'AccountActions' | 'Activities' | 'AddContact' | 'AddProduct' | 'Ai' | 'AirplaneArrival' | 'AirplaneDeparture' | 'Airtel' | 'Alipay' | 'AllTime' | 'AmexPay|image' | 'AndroidFace' | 'Animals' | 'Anonymous' | 'ApplePay|image' | 'AppNotifications' | 'Apps' | 'Archive' | 'ArrowBackspace' | 'ArrowBulk' | 'ArrowBulkRequest' | 'ArrowCollapsed' | 'ArrowDown' | 'ArrowDowngrade' | 'ArrowDropdown' | 'ArrowExchange' | 'ArrowExpanded' | 'ArrowFastForward' | 'ArrowHookLeft' | 'ArrowHookRight' | 'ArrowHookUp' | 'ArrowMove' | 'ArrowNavigation' | 'ArrowPinLeft' | 'ArrowPinRight' | 'ArrowRates' | 'ArrowRatesDown' | 'ArrowRepeat' | 'ArrowRequest' | 'ArrowRightLeft' | 'ArrowSend' | 'ArrowShuffle' | 'ArrowSplit' | 'ArrowsSort' | 'ArrowTabKey' | 'ArrowThinDown' | 'ArrowThinDownLeft' | 'ArrowThinLeft' | 'ArrowThinRight' | 'ArrowThinTopRight' | 'ArrowThinUp' | 'ArrowTopDown' | 'ArrowUp' | 'ArrowUpgrade' | 'Atm' | 'AutoExchange' | 'AutoTopup' | 'AvatarGrid' | 'BackButtonArrow' | 'Backpack' | 'BalanceSheet' | 'Bank' | 'BankAfterHours' | 'BarChart' | 'BarChartDecreasing' | 'BarChartPercent' | 'BarChartSearch' | 'BarChartWaterfall' | 'Basketball' | 'Battery0' | 'Battery15' | 'Battery25' | 'Battery35' | 'Battery50' | 'Battery65' | 'Battery85' | 'Battery100' | 'BatteryCharging' | 'BatteryWarning' | 'Bell' | 'BellAdd' | 'BellAddOutline' | 'BellCrossed' | 'BellOutline' | 'Bicycle' | 'Binoculars' | 'Bitcoin' | 'Bizum' | 'BKash' | 'Blik' | 'BlikCircle' | 'Bluetooth' | 'Bnpl' | 'Boost' | 'BottomNavigation' | 'BottomTab' | 'Bpay' | 'BreB' | 'BreBFull' | 'BriefcaseCoins' | 'BriefcasePercent' | 'BrokenHeart' | 'Browser' | 'Bug' | 'BulkSelection' | 'Bullet1' | 'Bullet2' | 'Bullet3' | 'Bullet4' | 'Bullet5' | 'Bullet6' | 'Bullet7' | 'Bullet8' | 'Bullet9' | 'Bullet10' | 'BulletA' | 'BulletB' | 'BulletC' | 'BulletD' | 'BusinessBasic' | 'BusinessEnterprise' | 'BusinessGrow' | 'BusinessScale' | 'Cake' | 'Calculator' | 'Calendar' | 'CalendarCheck' | 'CalendarCoins' | 'CalendarDate' | 'CalendarNextEvent' | 'CalendarQuarter' | 'CalendarRecurring' | 'CalendarWeek' | 'Call' | 'Camera' | 'CameraAdd' | 'Candle' | 'CandlestickChart' | 'Captions' | 'CaptionsOn' | 'Card' | 'CardBank' | 'CardCheck' | 'CardCode|image' | 'CardExpired' | 'CardExpiry|image' | 'CardNumber|image' | 'CardReader' | 'CardSecurity' | 'CardShield' | 'CardTerminal' | 'Carousel' | 'Cart' | 'Cash' | 'Cashback' | 'CashBlocked' | 'CashFlow' | 'CashIncome' | 'Celebration' | 'Cellular' | 'CenterPoint' | 'Cfd' | 'Chair' | 'ChangePasscode' | 'ChartExclude' | 'Chat' | 'ChatOutline' | 'Check' | 'CheckboxMultiple' | 'CheckboxOff' | 'CheckboxOn' | 'CheckSuccess' | 'CheckVerification' | 'Cheque' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Children' | 'Cinema' | 'CircleProfile' | 'Claim' | 'Cleaning' | 'Click2Pay' | 'ClickUp|image' | 'Clip' | 'Clipboard' | 'Cloud' | 'CloudCrossed' | 'CloudSql' | 'CloudStorage' | 'CodeRepository' | 'Coffee' | 'Coins' | 'CoinsEarning' | 'CoinsSearch' | 'CoinsShield' | 'Commodities' | 'Communication' | 'CompanyFilled' | 'CompanyOutline' | 'Compare' | 'Concierge' | 'Confluence' | 'Contactless' | 'Contrast' | 'Controls' | 'Cookie' | 'Copy' | 'CormorantGaramond' | 'Credit' | 'CreditBag' | 'CreditCard' | 'CreditOverdraft' | 'CreditPart' | 'CreditPartBalance' | 'Cross' | 'CrossCircle' | 'CrossSmall' | 'CrossVoid' | 'Crutch' | 'CryptoBlockchain' | 'CryptoBrick' | 'CryptoLayer' | 'CryptoLayers' | 'CryptoStablecoin' | 'CrystalBall' | 'Dap' | 'Data' | 'Database' | 'DataLimit' | 'DataLimitCompactFull' | 'DataLimitCompactLow' | 'DataLimitCompactMid' | 'DataLimitFull' | 'DataLimitHalf' | 'DataLimitLow' | 'Delete' | 'DeliveryCar' | 'DepositProtection' | 'DesktopShop' | 'DesktopTerminal' | 'DeviceDown' | 'Document' | 'DocumentChecked' | 'DocumentPending' | 'DocumentRevolut' | 'DocumentSearch' | 'DocumentsPair' | 'DollarsAndShares' | 'Dot' | 'DoubleThumbs' | 'Download' | 'DoXGetY' | 'Drag' | 'Draw' | 'DrawFibonacciTime' | 'DrawHorizontalLine' | 'Drawing' | 'DrawParallelChannel' | 'DrawPriceRange' | 'DrawTrendline' | 'DrawVerticalLine' | 'DrivingLicence' | 'Drone' | 'Drop' | 'Duplicate' | 'EditorUnderline' | 'Ellipsis' | 'Emoji' | 'Entertainment' | 'Envelope' | 'EnvelopeSearch' | 'Eraser' | 'ESimInstallation' | 'ESimNoData' | 'ESimPreparation' | 'Excel' | 'ExclamationMark' | 'ExclamationMarkOutline' | 'ExclamationTriangle' | 'ExitFullscreen' | 'Expand' | 'EyeDropper' | 'EyeHide' | 'EyeOutline' | 'EyeShow' | 'FaceId' | 'FamilyPortrait' | 'Fashion' | 'Fastfood' | 'Fees' | 'Figma' | 'Filter' | 'Fingerprint' | 'Fitness' | 'Flag' | 'FlagSwitzerland' | 'Flame' | 'FloatingModal' | 'Folder' | 'Football' | 'Form' | 'Fruit' | 'Fscs' | 'GameCube' | 'Gear' | 'Generate' | 'Ghost' | 'Gia' | 'Gift' | 'Globe' | 'GlobeP2P' | 'GooglePay|image' | 'Groceries' | 'GroupVault' | 'GrowthHub' | 'Hammer' | 'Hand' | 'Handle' | 'Hash' | 'Heart' | 'HeartOutline' | 'HeartRecurring' | 'HelpChat' | 'HelpChatOutline' | 'HiBob' | 'History' | 'Home' | 'Hotel' | 'IdBackSide' | 'Ideal' | 'Image' | 'Inbox' | 'InboxAdd' | 'IndustrialGear' | 'Info' | 'InfoOutline' | 'InfoSign' | 'Insurance' | 'Invest' | 'InviteEmoji' | 'Iris' | 'Isa' | 'Issue' | 'JackOLantern' | 'Jira|image' | 'JiraBug|image' | 'JiraEpic|image' | 'JiraOther|image' | 'JiraStory|image' | 'JiraSubtask|image' | 'JiraTask|image' | 'Joint' | 'Karma|image' | 'Key' | 'Keyboard' | 'KubernetesEngine' | 'Lab' | 'Language' | 'Laptop' | 'Laugh' | 'LayoutLeft' | 'LayoutRight' | 'LayoutVertical' | 'Lever' | 'Library' | 'LibraryOff' | 'Lifestyle' | 'Lightbulb' | 'Lightning' | 'LightningAuto' | 'LightningOff' | 'LightningOutline' | 'LikeDislike' | 'Limit' | 'LineChart' | 'Link' | 'LinkExternal' | 'LinkExternalSimple' | 'ListClose' | 'ListSearch' | 'LiveActivity' | 'Loading' | 'LoanChecked' | 'LocationArrow' | 'LocationArrowOutline' | 'LocationPin' | 'LockClosed' | 'LockOpened' | 'Logo2Fa' | 'Logo5G' | 'LogoAirplus|image' | 'LogoAirplusColour|image' | 'LogoAmazon' | 'LogoAmex|image' | 'LogoAmexColour|image' | 'LogoAndroid' | 'LogoAppleTapToPay' | 'LogoAppleTapToPayFilled' | 'LogoChatGpt' | 'LogoClaude|image' | 'LogoDinersClub|image' | 'LogoDinersClubColour|image' | 'LogoDiscover|image' | 'LogoDiscoverColour|image' | 'LogoFacebook' | 'LogoFacebookMessenger' | 'LogoGithub' | 'LogoGoogle|image' | 'LogoGoogleGemini|image' | 'LogoInstagram' | 'LogoInstagramFilled' | 'LogoIOs' | 'LogoJcb|image' | 'LogoJcbColour|image' | 'LogoLinkedIn' | 'LogoMa|image' | 'LogoMc|image' | 'LogoMcMetal|image' | 'LogoMcPremium|image' | 'LogoMicrosoft|image' | 'LogoMicrosoftCopilot|image' | 'LogoPix|image' | 'LogoPixFilled' | 'LogoPixOutline' | 'LogoRevolut' | 'LogoRevolutColour|image' | 'LogoRupay' | 'LogoSlack' | 'LogoTikTok' | 'LogoTwitter' | 'LogoutDoor' | 'LogoVisa' | 'LogoVisaColour|image' | 'LogoWhatsApp' | 'LogoYahoo|image' | 'LogoYoutube' | 'Lounges' | 'Map' | 'MapMarkerHide' | 'MapMarkerShow' | 'MapPoint' | 'MarketOrder' | 'Materials' | 'MbWay' | 'MedicalBed' | 'MedicalCross' | 'Medkit' | 'Megaphone' | 'Meme' | 'MemoryStore' | 'Menu' | 'Merchant' | 'Merge' | 'MergeBranch' | 'Message' | 'Microphone' | 'Minus' | 'MinusCircle' | 'Moon' | 'MoreAndroid' | 'MoreIOs' | 'Mortgage' | 'Mpesa' | 'Mtn' | 'NationalId' | 'NavigationBack' | 'NavigationDown' | 'NavigationForward' | 'NavigationSwipe' | 'NavigationUp' | 'NearMe' | 'NewAccount' | 'Newspaper' | 'Nft' | 'NoBoost' | 'NoCall' | 'NoCamera' | 'NoClip' | 'NoMail' | 'NoMicrophone' | 'NoSmartphone' | 'NoVideoCall' | 'OrangeMoney' | 'OrderDownwards' | 'OrderUpwards' | 'Outdoor' | 'Overdraft' | 'Palette' | 'Paragraph' | 'Parisienne' | 'Parking' | 'Passkey' | 'Passport' | 'PassportChip' | 'Pause' | 'PayId' | 'PaymentsRecurring' | 'PayNow' | 'PayNowBrandMark' | 'PayrollFolder' | 'PayTo' | 'Peakon|image' | 'Pencil' | 'PencilSpark' | 'People' | 'Percent' | 'Performance' | 'PersonChecked' | 'PhoneBook' | 'PhoneCall' | 'Pickup' | 'PieChart' | 'PieChartCircle' | 'Pin' | 'PlanPlus' | 'PlanPremium' | 'PlanTitan' | 'PlanUltra' | 'Play' | 'PlayOutline' | 'Plug' | 'Plus' | 'PlusCircle' | 'PnL' | 'Pocket' | 'Pointer' | 'Pointsback' | 'Pool' | 'PortfolioAggrasive' | 'PortfolioAggressiveGrowth' | 'PortfolioBalanced' | 'PortfolioBalancedBundle' | 'PortfolioBoldStack' | 'PortfolioConservative' | 'PortfolioDefensive' | 'PortfolioGrowth' | 'PortfolioModerate' | 'PortfolioSlowAndSteady' | 'PosTablet' | 'Premium' | 'Present' | 'PresentPlus' | 'PriceTag' | 'Printer' | 'Profile' | 'Pse' | 'Push' | 'Puzzle' | 'Qr' | 'Question' | 'Questionnaire' | 'QuestionOutline' | 'QuestionSign' | 'RadiobuttonOff' | 'RadiobuttonOn' | 'Rainbow' | 'RatesCircle' | 'RatesConverter' | 'RatesConverterPage' | 'Receipt' | 'Recurring' | 'Refinancing' | 'RefinancingCard' | 'RefinancingHome' | 'RegionAfrica' | 'RegionAsiaPacific' | 'RegionEurope' | 'RegionGlobal' | 'RegionMiddleEast' | 'RegionNorthAmerica' | 'RegionSouthAmerica' | 'RepairTool' | 'Repayment' | 'ResidencePermit' | 'Resort' | 'Restaurants' | 'Retry' | 'Reverted' | 'RevertLeft' | 'RevertRight' | 'RevolutIdProtected' | 'RevolutIdUser' | 'RevolutU18' | 'RevPoints' | 'RoboAdvisor' | 'RobotoCondensed' | 'RobotoRegular' | 'Rocket' | 'RPoint' | 'RulerOutline' | 'RulerSolid' | 'Salary' | 'SavingsVault' | 'ScanCard' | 'ScanQr' | 'Scatter' | 'Scissors' | 'Search' | 'SecureSeal' | 'SelfieStick' | 'SendMessage' | 'SensitiveInfo' | 'Services' | 'ShakeDevice' | 'ShareAndroid' | 'ShareIOs' | 'Shield' | 'Shopping' | 'ShoppingShield' | 'Shower' | 'SidePanel' | 'SidePanelLeft' | 'SimCard' | 'Siren' | 'Size' | 'SmartDelay' | 'Smartphone' | 'SmartphoneBroken' | 'SmartphoneConfirm' | 'SmartphoneShield' | 'SmartphoneUmbrella' | 'SmartphoneWarning' | 'Smoking' | 'Snowflake' | 'SocialDislike' | 'SocialLike' | 'Sound' | 'SoundOff' | 'Spa' | 'Spin' | 'SportEquipment' | 'Stamp' | 'StarEmpty' | 'StarFilled' | 'StarSemi' | 'Statement' | 'Sticker' | 'StickerFilled' | 'Stop' | 'Suitcase' | 'SuitcaseInsurance' | 'Sun' | 'Sunrise' | 'SunriseOutline' | 'Surprise' | 'Switches' | 'SwitchOff' | 'SwitchOn' | 'SwitchToRevolut' | 'SymbolChange' | 'Sympathizing' | 'Table' | 'Tablet' | 'Target' | 'TargetDarts' | 'Tech' | 'Television' | 'Text' | 'ThankYou' | 'Thread' | 'Time' | 'TimeAndMoney' | 'Timeline' | 'TimeOutline' | 'Tooth' | 'TotalValue' | 'Toy' | 'Transcript' | 'Translation' | 'Transport' | 'Travel' | 'TravelCashback' | 'Trophy' | 'TrophyHalf' | 'TurboTransfer' | 'Unarchive' | 'Unknown' | 'Unlimited' | 'Unlink' | 'Unmerge' | 'Unpin' | 'Upi' | 'Upi2' | 'Upload' | 'UsersSearch' | 'Utilities' | 'Variable' | 'Vault' | 'Vegan' | 'VerifiedService' | 'VerticalExpand' | 'ViaVerde' | 'VideoCall' | 'ViewGrid' | 'ViewListLarge' | 'ViewListMedium' | 'ViewListSmall' | 'VirtualMachine' | 'VisaDocument' | 'Voucher' | 'Wallet' | 'Watch' | 'Wealth' | 'WealthDown' | 'WealthProtection' | 'Wero' | 'WeroFull' | 'Wheelchair' | 'Widgets' | 'Wine' | 'WizardHat' | 'Workflow' | 'Yellowtail' | 'ZoomIn' | 'ZoomOut' | '10/BadgeLeft' | '10/BadgeRight' | '10/StocksArrowDown' | '10/StocksArrowUp' | '10/StocksDividend' | '10/StocksTax' | '10/StocksTopup' | '10/StocksWithdraw' | '16/AddProduct' | '16/AlignCenter' | '16/AlignLeft' | '16/AlignRight' | '16/ArrowRates' | '16/ArrowRecurring' | '16/ArrowRepeat' | '16/ArrowThinUp' | '16/BadgeLeft' | '16/BadgeRight' | '16/Bullet' | '16/BulletFilled' | '16/BulletSquare' | '16/BulletSquareFilled' | '16/Canceled' | '16/ChartBarWithArrow' | '16/Check' | '16/CheckCircle' | '16/ChevronDown' | '16/ChevronDownSmall' | '16/ChevronLeft' | '16/ChevronLeftSmall' | '16/ChevronRight' | '16/ChevronRightSmall' | '16/ChevronUp' | '16/ChevronUpSmall' | '16/Clip' | '16/Code' | '16/CommentAdd' | '16/Compare' | '16/Contactless' | '16/Cross' | '16/CrossCircle' | '16/CrossSmall' | '16/Delete' | '16/DepthChart' | '16/Dots' | '16/EditorBold' | '16/EditorH1' | '16/EditorH2' | '16/EditorH3' | '16/EditorH4' | '16/EditorH5' | '16/EditorH6' | '16/EditorItalic' | '16/EditorTable' | '16/EditorTableHeaderColumn' | '16/EditorTableHeaderRow' | '16/EditorTextColour' | '16/EditorUnderline' | '16/ExclamationMark' | '16/ExclamationMarkOutline' | '16/ExclamationMarkSign' | '16/Expand' | '16/FilterViewFilled' | '16/FilterViewOutlined' | '16/GoogleChrome' | '16/IndentDecrease' | '16/IndentIncrease' | '16/InfoOutline' | '16/Link' | '16/LinkExternal' | '16/List' | '16/ListBullet' | '16/ListLetters' | '16/ListNumber' | '16/ListRomanNumerals' | '16/Live' | '16/LockClosed' | '16/LockOpened' | '16/LockOutline' | '16/MarkdownDownload' | '16/Minus' | '16/MinusCircle' | '16/Palette' | '16/Paragraph' | '16/Plus' | '16/PlusCircle' | '16/QuestionOutline' | '16/Receipt' | '16/Redo' | '16/Revolut' | '16/RevPoints' | '16/SandWatch' | '16/SecureSeal' | '16/SimCard' | '16/StatusActive' | '16/StatusCheck' | '16/StatusClockArrows' | '16/StatusRefund' | '16/Sticker' | '16/StickerFilled' | '16/SwitchOff' | '16/SwitchOn' | '16/Time' | '16/Timeline' | '16/TopupAuto' | '16/TriangleDown' | '16/TriangleRight' | '16/Warning' | '16/Write' | '20/AccountJoint' | '20/AccountPocket' | '20/AccountPro' | '20/AutoExchange' | '20/AutoTopUp' | '20/BulkPayment' | '20/Cashback' | '20/Compare' | '20/Credit' | '20/CryptoNetworkAlgorand' | '20/CryptoNetworkArbitrum' | '20/CryptoNetworkAvalanche' | '20/CryptoNetworkBitcoin' | '20/CryptoNetworkBitcoinCash' | '20/CryptoNetworkBsc' | '20/CryptoNetworkCardano' | '20/CryptoNetworkCelo' | '20/CryptoNetworkCosmos' | '20/CryptoNetworkCronos' | '20/CryptoNetworkDash' | '20/CryptoNetworkDogecoin' | '20/CryptoNetworkEos' | '20/CryptoNetworkEtc' | '20/CryptoNetworkEthereum' | '20/CryptoNetworkFallback' | '20/CryptoNetworkFantom' | '20/CryptoNetworkHarmony' | '20/CryptoNetworkHeco' | '20/CryptoNetworkHedera' | '20/CryptoNetworkKava' | '20/CryptoNetworkKusama' | '20/CryptoNetworkLighting' | '20/CryptoNetworkLitecoin' | '20/CryptoNetworkMoonbeam' | '20/CryptoNetworkNear' | '20/CryptoNetworkOptimism' | '20/CryptoNetworkPolkadot' | '20/CryptoNetworkPolygon' | '20/CryptoNetworkRipple' | '20/CryptoNetworkRonin' | '20/CryptoNetworkSolana' | '20/CryptoNetworkStarkNet' | '20/CryptoNetworkStellar' | '20/CryptoNetworkTezos' | '20/CryptoNetworkTon' | '20/CryptoNetworkTron' | '20/CryptoNetworkZkSync' | '20/Description' | '20/Dividend' | '20/Draft' | '20/Ea' | '20/Email' | '20/ExcludedAnalytics' | '20/Expense' | '20/Gif' | '20/Groups' | '20/Heart' | '20/IncomeSorter' | '20/Isa' | '20/KeyboardEmoji' | '20/KeyboardGif' | '20/KeyboardSticker' | '20/Linked' | '20/MoveMoney' | '20/Reccuring' | '20/Resort' | '20/Rewards' | '20/Scheduled' | '20/SpareChange' | '20/SpendLimit' | '20/SplitBill' | '20/Statement' | '20/Travel' | '20/Vault' | '40/SubtractApps' | '40/SubtractBackpack' | '40/SubtractBank' | '40/SubtractBitcoin' | '40/SubtractBoost' | '40/SubtractBudget' | '40/SubtractCalendar' | '40/SubtractCalendarRecurring' | '40/SubtractCard' | '40/SubtractCash' | '40/SubtractCashback' | '40/SubtractChat' | '40/SubtractCloud' | '40/SubtractCoins' | '40/SubtractCommodities' | '40/SubtractCompare' | '40/SubtractConcierge' | '40/SubtractCredit' | '40/SubtractCreditBag' | '40/SubtractCreditCard' | '40/SubtractDocument' | '40/SubtractDrop' | '40/SubtractEntertainment' | '40/SubtractExchange' | '40/SubtractFastfood' | '40/SubtractGift' | '40/SubtractGlobe' | '40/SubtractGlobeP2P' | '40/SubtractGroceries' | '40/SubtractGroupVault' | '40/SubtractHealth' | '40/SubtractIndustrialGear' | '40/SubtractInsurance' | '40/SubtractLightning' | '40/SubtractLink' | '40/SubtractLogoRevolut' | '40/SubtractLounges' | '40/SubtractMaterials' | '40/SubtractMedicalCross' | '40/SubtractMerchant' | '40/SubtractNoBoost' | '40/SubtractPassportChip' | '40/SubtractPeople' | '40/SubtractPocket' | '40/SubtractPremium' | '40/SubtractPresent' | '40/SubtractProfile' | '40/SubtractRestaurants' | '40/SubtractRocket' | '40/SubtractRPoint' | '40/SubtractSavingsVault' | '40/SubtractServices' | '40/SubtractShopping' | '40/SubtractSmartphoneUmbrella' | '40/SubtractStar' | '40/SubtractStatement' | '40/SubtractTech' | '40/SubtractTopUp' | '40/SubtractToy' | '40/SubtractTransfers' | '40/SubtractTransport' | '40/SubtractTravel' | '40/SubtractUtilities' | '40/SubtractVault' | '40/SubtractVegan' | '40/SubtractWealth' | '64/FileBacs|image' | '64/FileCsv|image' | '64/FileDoc|image' | '64/FileImg|image' | '64/FileLink|image' | '64/FilePdf|image' | '64/FileXls|image' | '104/Connection' | '104/Donation' | '104/Error' | '104/Loading' | '104/Pending' | '104/SoftFail' | '104/Success' | '104/Warning' | '108/ArrowExchange|image' | '108/ArrowRequest|image' | '108/ArrowSend|image' | '108/EyeShow|image' | '108/LinkExternal|image' | '108/Plus|image';
1215
+
1216
+ declare const ImageVariant: {
1217
+ readonly ROUND: "round";
1218
+ };
1219
+ type ImageVariant = ValueOf<typeof ImageVariant>;
1220
+ declare const ImageScale: {
1221
+ readonly COVER: "cover";
1222
+ readonly CONTAIN: "contain";
1223
+ };
1224
+ type ImageScale = ValueOf<typeof ImageScale>;
1225
+
1226
+ interface ImageProps$1 extends Omit<BoxProps<'img'>, 'variant' | 'use'> {
1227
+ variant?: ImageVariant;
1228
+ scale?: ImageScale;
1229
+ image?: ImageProp$1;
1230
+ }
1231
+
1232
+ interface FlexProps<E extends Elements = 'div'> extends FlexInnerProps, BoxProps<E> {
1233
+ }
1234
+ /** @private */
1235
+ interface FlexInnerProps extends GapSystemProps, FlexWrapProps, FlexDirectionProps, AlignItemsProps, JustifyContentProps {
1236
+ }
1237
+
1238
+ interface ToggleOptions {
1239
+ disabled?: boolean;
1240
+ defaultState?: boolean;
1241
+ state?: boolean | null;
1242
+ onChange?: (state: boolean) => void;
1243
+ }
1244
+ type ToggleFn = {
1245
+ (nextValue?: boolean): void;
1246
+ on(): void;
1247
+ off(): void;
1248
+ switch(): void;
1249
+ };
1250
+
1251
+ interface AnchorProps<E> {
1252
+ ref: React.Ref<E>;
1253
+ onClick: () => void;
1254
+ }
1255
+ interface TargetProps<E> {
1256
+ anchorRef: React.RefObject<E | null>;
1257
+ open: boolean;
1258
+ onClose: () => void;
1259
+ }
1260
+ interface GetAnchorProps<Element> {
1261
+ <E extends Element>(): AnchorProps<E>;
1262
+ <E extends Element, P>(props: P): P & AnchorProps<E>;
1263
+ }
1264
+ interface GetTargetProps<Element> {
1265
+ <E extends Element>(): TargetProps<E>;
1266
+ <E extends Element, P>(props: P): P & TargetProps<E>;
1267
+ }
1268
+ interface DropdownOptions extends ToggleOptions {
1269
+ }
1270
+ interface DropdownState<Element> {
1271
+ state: boolean;
1272
+ toggle: ToggleFn;
1273
+ getAnchorProps: GetAnchorProps<Element>;
1274
+ getTargetProps: GetTargetProps<Element>;
1275
+ }
1276
+ /**
1277
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-dropdown useDropdown}
1278
+ */
1279
+ declare function useDropdown<Element>(options?: DropdownOptions): DropdownState<Element>;
1280
+
1281
+ interface DateFormatOptions {
1282
+ style?: 'auto' | 'precise';
1283
+ now?: Date;
1284
+ timeZone?: string;
1285
+ /** @private */
1286
+ __locale?: string;
1287
+ }
1288
+ /**
1289
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-date-format useDateFormat}
1290
+ */
1291
+ declare function useDateFormat(options?: DateFormatOptions): (input: Date | number) => string;
1292
+
1293
+ interface DateRangeFormatOptions extends Intl.DateTimeFormatOptions {
1294
+ style?: 'auto' | 'precise';
1295
+ now?: Date;
1296
+ /** @private */
1297
+ __locale?: string;
1298
+ }
1299
+ /**
1300
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-date-range-format useDateRangeFormat}
1301
+ */
1302
+ declare function useDateRangeFormat(options?: DateRangeFormatOptions): (start: Date | number, end: Date | number) => string;
1303
+
1304
+ interface DateTimeFormatOptions {
1305
+ style?: 'auto' | 'auto-date' | 'precise';
1306
+ now?: Date;
1307
+ timeZone?: string;
1308
+ /** @private */
1309
+ __locale?: string;
1310
+ }
1311
+ /**
1312
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-date-time-format useDateTimeFormat}
1313
+ */
1314
+ declare function useDateTimeFormat(options?: DateTimeFormatOptions): (input: Date | number) => string;
1315
+
1316
+ /**
1317
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-is-rtl useIsRTL}
1318
+ */
1319
+ declare const useIsRTL: () => boolean;
1320
+
1321
+ interface UseMoneyFormatOptions {
1322
+ currency?: string;
1323
+ showSign?: boolean;
1324
+ compactNotation?: boolean;
1325
+ type?: MoneyType;
1326
+ symbol?: CurrencySymbol;
1327
+ minimumFractionDigits?: number;
1328
+ maximumFractionDigits?: number;
1329
+ crypto?: boolean;
1330
+ roundingMode?: MoneyRoundingMode;
1331
+ }
1332
+ /**
1333
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-money-format useMoneyFormat}
1334
+ */
1335
+ declare const useMoneyFormat: (options?: UseMoneyFormatOptions) => (argument: number | Money) => string;
1336
+
1337
+ interface TimeFormatOptions {
1338
+ style?: 'auto' | 'precise';
1339
+ now?: Date;
1340
+ timeZone?: string;
1341
+ /** @private */
1342
+ __locale?: string;
1343
+ }
1344
+ /**
1345
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-time-format useTimeFormat}
1346
+ */
1347
+ declare function useTimeFormat(options?: TimeFormatOptions): (input: Date | number) => string;
1348
+
1349
+ interface RangeModifier {
1350
+ from: Date;
1351
+ to: Date;
1352
+ }
1353
+ type DateRange$1 = RangeModifier;
1354
+
1355
+ interface EllipsisProps extends React__default.HTMLAttributes<HTMLSpanElement>, TestAttributes, MaxWidthProps {
1356
+ tooltip?: TooltipBehaviour;
1357
+ children?: React__default.ReactNode;
1358
+ }
1359
+
1360
+ declare const CellAlign: {
1361
+ readonly START: "start";
1362
+ readonly END: "end";
1363
+ readonly CENTER: "center";
1364
+ };
1365
+ type CellAlign = ValueOf<typeof CellAlign>;
1366
+
1367
+ declare const CellBaseType: {
1368
+ readonly HEADER: "header";
1369
+ readonly BODY: "body";
1370
+ readonly CONTENT: "content";
1371
+ };
1372
+ type CellBaseType = ValueOf<typeof CellBaseType>;
1373
+ interface CellInnerBaseProps {
1374
+ /** @private For test environment */
1375
+ type: CellBaseType;
1376
+ align?: CellAlign;
1377
+ stopEventPropagation?: boolean;
1378
+ }
1379
+ interface CellBaseProps<E extends Elements = 'div'> extends Omit<FlexProps<E>, 'type'>, CellInnerBaseProps {
1380
+ }
1381
+
1382
+ interface CellProps$1<E extends Elements = 'div'> extends Omit<CellBaseProps<E>, 'type'>, Partial<Pick<CellBaseProps<E>, 'type'>>, Pick<EllipsisProps, 'tooltip'> {
1383
+ ellipsis?: boolean;
1384
+ renderStart?: () => React__default.ReactNode;
1385
+ renderEnd?: () => React__default.ReactNode;
1386
+ }
1387
+
1388
+ interface TableData {
1389
+ }
1390
+ interface TableColumnOptions<Data extends TableData> extends ReactTable.UseFiltersColumnOptions<Data>, ReactTable.UseResizeColumnsColumnOptions<Data>, ReactTable.UseSortByColumnOptions<Data>, ReactTable.UseGroupByColumnOptions<Data> {
1391
+ align?: CellAlign;
1392
+ filter?: ReactTable.FilterType<Data> | ReactTable.DefaultFilterTypes | 'includesOriginal' | 'includesValue' | 'includesSome';
1393
+ }
1394
+
1395
+ // `@types/react-table` is using `ReactFragment` which has been removed from latest `@types/react`
1396
+ declare module 'react' {
1397
+ /**
1398
+ * @deprecated - This type is not relevant when using React. Inline the type instead to make the intent clear.
1399
+ */
1400
+ type ReactFragment = Iterable<React__default.ReactNode>
1401
+ }
1402
+
1403
+ interface UseRowDisabledOptions<D extends object = {}>
1404
+ extends Partial<{
1405
+ manualRowDisabledKey: IdType<D>
1406
+ }> {}
1407
+
1408
+ interface UseRowDisabledState<D extends object = {}> {
1409
+ disabledRowIds: Record<IdType<D>, boolean>
1410
+ }
1411
+
1412
+ interface UseRowDisabledRowProps
1413
+ extends Pick<React__default.AriaAttributes, 'aria-disabled'> {
1414
+ isDisabled: boolean
1415
+ }
1416
+
1417
+ interface UseRowDisabledInstanceProps<D extends object = {}> {
1418
+ isAllRowsDisabled: boolean
1419
+ disabledFlatRows: Array<Row<D>>
1420
+ }
1421
+
1422
+ interface UseRowDisabledRowCommonProps
1423
+ extends Pick<React__default.AriaAttributes, 'aria-disabled'> {}
1424
+
1425
+ declare module 'react-table' {
1426
+ export interface UseGroupByInstanceProps<D extends object> {
1427
+ preGroupedRows: Array<Row<D>>
1428
+ preGroupedFlatRows: Array<Row<D>>
1429
+ preGroupedRowsById: Record<string, Row<D>>
1430
+ groupedRows: Array<Row<D>>
1431
+ groupedFlatRows: Array<Row<D>>
1432
+ groupedRowsById: Record<string, Row<D>>
1433
+ onlyGroupedFlatRows: Array<Row<D>>
1434
+ onlyGroupedRowsById: Record<string, Row<D>>
1435
+ nonGroupedFlatRows: Array<Row<D>>
1436
+ nonGroupedRowsById: Record<string, Row<D>>
1437
+ rows: Array<Row<D>>
1438
+ flatRows: Array<Row<D>>
1439
+ rowsById: Record<string, Row<D>>
1440
+ toggleGroupBy: (columnId: IdType<D>, value?: boolean) => void
1441
+ setGroupBy: (columnIds: Array<String>) => void
1442
+ }
1443
+ export interface TableOptions<D extends object = {}>
1444
+ extends UseTableOptions<D>,
1445
+ UseExpandedOptions<D>,
1446
+ UseFiltersOptions<D>,
1447
+ UseResizeColumnsOptions<D>,
1448
+ UseRowSelectOptions<D>,
1449
+ UseRowStateOptions<D>,
1450
+ UseSortByOptions<D>,
1451
+ UseGroupByOptions<D>,
1452
+ UseRowDisabledOptions<D> {}
1453
+
1454
+ export interface Hooks<D extends object = {}>
1455
+ extends UseExpandedHooks<D>,
1456
+ UseGroupByHooks<D>,
1457
+ UseRowSelectHooks<D>,
1458
+ UseSortByHooks<D> {}
1459
+
1460
+ export interface TableInstance<D extends object = {}>
1461
+ extends UseColumnOrderInstanceProps<D>,
1462
+ UseExpandedInstanceProps<D>,
1463
+ UseFiltersInstanceProps<D>,
1464
+ UseGlobalFiltersInstanceProps<D>,
1465
+ UseGroupByInstanceProps<D>,
1466
+ UsePaginationInstanceProps<D>,
1467
+ UseRowSelectInstanceProps<D>,
1468
+ UseRowStateInstanceProps<D>,
1469
+ UseSortByInstanceProps<D>,
1470
+ UseRowDisabledInstanceProps<D>,
1471
+ UseRowDisabledOptions<D> {}
1472
+
1473
+ export interface TableState<D extends object = {}>
1474
+ extends UseColumnOrderState<D>,
1475
+ UseExpandedState<D>,
1476
+ UseFiltersState<D>,
1477
+ UseGlobalFiltersState<D>,
1478
+ UseGroupByState<D>,
1479
+ UsePaginationState<D>,
1480
+ UseResizeColumnsState<D>,
1481
+ UseRowSelectState<D>,
1482
+ UseRowStateState<D>,
1483
+ UseSortByState<D>,
1484
+ UseRowDisabledState<D> {}
1485
+
1486
+ export interface ColumnInterface<D extends object = {}>
1487
+ extends TableColumnOptions<D> {}
1488
+
1489
+ export interface ColumnInstance<D extends object = {}>
1490
+ extends UseFiltersColumnProps<D>,
1491
+ UseGroupByColumnProps<D>,
1492
+ UseResizeColumnsColumnProps<D>,
1493
+ UseSortByColumnProps<D>,
1494
+ Pick<CellProps$1, 'tooltip' | 'ellipsis'> {
1495
+ align?: CellAlign
1496
+ }
1497
+
1498
+ export interface Cell<D extends object = {}, V = any>
1499
+ extends UseGroupByCellProps<D>,
1500
+ UseRowStateCellProps<D> {}
1501
+
1502
+ export interface Row<D extends object = {}>
1503
+ extends UseExpandedRowProps<D>,
1504
+ UseGroupByRowProps<D>,
1505
+ UseRowSelectRowProps<D>,
1506
+ UseRowStateRowProps<D>,
1507
+ UseRowDisabledRowProps {}
1508
+
1509
+ export interface TableRowProps extends UseRowDisabledRowCommonProps {}
1510
+ }
1511
+
1512
+ declare const ToastTimeout: {
1513
+ readonly SHORT: "short";
1514
+ readonly LONG: "long";
1515
+ };
1516
+ type ToastTimeout = ValueOf<typeof ToastTimeout>;
1517
+ type Toast$1 = React__default.ReactElement | RenderToast;
1518
+ type ToastId = symbol;
1519
+ interface HideToastCallback {
1520
+ (): void;
1521
+ }
1522
+ interface HideToastById {
1523
+ (toastId: ToastId): void;
1524
+ }
1525
+ interface HideToast {
1526
+ (): void;
1527
+ }
1528
+ interface RenderToast {
1529
+ (hide: HideToast): React__default.ReactElement;
1530
+ }
1531
+ interface ToastActions {
1532
+ show(toast: Toast$1, onHide?: HideToastCallback): ToastId;
1533
+ show(toast: Toast$1, timeout?: ToastTimeout, onHide?: HideToastCallback): ToastId;
1534
+ hide: HideToastById;
1535
+ }
1536
+ /**
1537
+ * Show a `Toast` at the bottom of `Page` or `Side`
1538
+ *
1539
+ * Docs: {@link https://ui-kit.revolut.codes/utils/use-toast useToast}
1540
+ */
1541
+ declare const useToast: () => ToastActions;
5
1542
 
6
1543
  declare namespace JSXCompat {
7
- interface IntrinsicElements extends React.JSX.IntrinsicElements, JSX.IntrinsicElements {
1544
+ interface IntrinsicElements extends React$1.JSX.IntrinsicElements, JSX.IntrinsicElements {
8
1545
  }
9
1546
  }
10
1547
  /**
@@ -22,23 +1559,23 @@ type StackAlignment = 'start' | 'center' | 'end';
22
1559
  /**
23
1560
  * Native button props excluding styling escape hatches.
24
1561
  */
25
- type NativeButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'disabled' | 'children'>;
1562
+ type NativeButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'disabled' | 'children'>;
26
1563
  /**
27
1564
  * Native div props excluding styling escape hatches.
28
1565
  */
29
- type NativeDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'title' | 'content'>;
1566
+ type NativeDivProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'title' | 'content'>;
30
1567
  /**
31
1568
  * Native span props excluding styling escape hatches.
32
1569
  */
33
- type NativeSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'className' | 'style' | 'children' | 'title'>;
1570
+ type NativeSpanProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, 'className' | 'style' | 'children' | 'title'>;
34
1571
  /**
35
1572
  * Native heading props excluding styling escape hatches.
36
1573
  */
37
- type NativeHeadingProps = Omit<React.HTMLAttributes<HTMLHeadingElement>, 'className' | 'style' | 'children' | 'placeholder' | 'title'>;
1574
+ type NativeHeadingProps = Omit<React$1.HTMLAttributes<HTMLHeadingElement>, 'className' | 'style' | 'children' | 'placeholder' | 'title'>;
38
1575
  /**
39
1576
  * Native main props excluding styling escape hatches.
40
1577
  */
41
- type NativeMainProps = Omit<React.HTMLAttributes<HTMLElement>, 'className' | 'style' | 'children' | 'title'>;
1578
+ type NativeMainProps = Omit<React$1.HTMLAttributes<HTMLElement>, 'className' | 'style' | 'children' | 'title'>;
42
1579
 
43
1580
  /**
44
1581
  * Props for the Action component.
@@ -68,7 +1605,7 @@ interface ActionProps extends NativeButtonProps {
68
1605
  /**
69
1606
  * Action content.
70
1607
  */
71
- children: React.ReactNode;
1608
+ children: React$1.ReactNode;
72
1609
  }
73
1610
  /**
74
1611
  * Action component for text-style clickable actions.
@@ -139,7 +1676,7 @@ declare const Action: ({ disabled, icon, iconOnly, children, ...rest }: ActionPr
139
1676
  * Image prop type supporting simple URLs or responsive image sets.
140
1677
  */
141
1678
  type ImageProp = ImageProps$1['image'];
142
- type NativeImgProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'className' | 'style'>;
1679
+ type NativeImgProps = Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, 'className' | 'style'>;
143
1680
  /**
144
1681
  * Image fit options for object-fit behaviour.
145
1682
  */
@@ -394,7 +1931,7 @@ declare const Avatar: ({ name, children, image, icon, size, uuid, ...rest }: Ava
394
1931
  /**
395
1932
  * Visual style variant of the button.
396
1933
  */
397
- type ButtonVariant = 'primary' | 'secondary' | 'negative';
1934
+ type ButtonVariant = 'primary' | 'secondary' | 'negative' | 'text';
398
1935
  /**
399
1936
  * Props for the Button component.
400
1937
  *
@@ -437,7 +1974,11 @@ interface ButtonProps extends NativeButtonProps {
437
1974
  /**
438
1975
  * Button content.
439
1976
  */
440
- children: React.ReactNode;
1977
+ children: React$1.ReactNode;
1978
+ /**
1979
+ * Whether the button is elevated.
1980
+ */
1981
+ elevated?: boolean;
441
1982
  }
442
1983
  /**
443
1984
  * Button component for primary actions in miniapps.
@@ -466,7 +2007,7 @@ interface ButtonProps extends NativeButtonProps {
466
2007
  * </Button>
467
2008
  * ```
468
2009
  */
469
- declare const Button: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
2010
+ declare const Button: ({ variant, disabled, pending, labelPending, icon, iconOnly, children, elevated, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
470
2011
 
471
2012
  /**
472
2013
  * Visual style variant of the action button.
@@ -514,7 +2055,7 @@ interface ActionButtonProps extends NativeButtonProps {
514
2055
  /**
515
2056
  * Button content.
516
2057
  */
517
- children: React.ReactNode;
2058
+ children: React$1.ReactNode;
518
2059
  }
519
2060
  /**
520
2061
  * ActionButton component for secondary actions in miniapps.
@@ -554,6 +2095,30 @@ type CalendarVariant = 'date' | 'date-range';
554
2095
  * Date range value type.
555
2096
  */
556
2097
  type DateRange = DateRange$1;
2098
+ /**
2099
+ * Date range before specified date type.
2100
+ */
2101
+ type DateBefore = {
2102
+ before: Date;
2103
+ };
2104
+ /**
2105
+ * Date range after specified date type.
2106
+ */
2107
+ type DateAfter = {
2108
+ after: Date;
2109
+ };
2110
+ /**
2111
+ * Date interval type.
2112
+ */
2113
+ type DateInterval = DateBefore & DateAfter;
2114
+ /**
2115
+ * Disabled days matcher type.
2116
+ */
2117
+ type CalendarDisabledDaysMatcher = Date[] | DateRange | DateBefore | DateAfter | DateInterval;
2118
+ /**
2119
+ * Disabled days type.
2120
+ */
2121
+ type CalendarDisabledDays = CalendarDisabledDaysMatcher | CalendarDisabledDaysMatcher[];
557
2122
  /**
558
2123
  * Props for the Calendar component when variant is 'date'.
559
2124
  */
@@ -596,6 +2161,10 @@ interface CalendarDateProps {
596
2161
  * Whether the calendar navigates with infinite scroll
597
2162
  */
598
2163
  infinite?: boolean;
2164
+ /**
2165
+ * Dates that should be disabled in the calendar
2166
+ */
2167
+ disabledDays?: CalendarDisabledDays;
599
2168
  }
600
2169
  /**
601
2170
  * Props for the Calendar component when variant is 'range'.
@@ -638,6 +2207,10 @@ interface CalendarRangeProps {
638
2207
  * Whether the calendar navigates with infinite scroll
639
2208
  */
640
2209
  infinite?: boolean;
2210
+ /**
2211
+ * Dates that should be disabled in the calendar
2212
+ */
2213
+ disabledDays?: CalendarDisabledDays;
641
2214
  }
642
2215
  type CalendarProps = CalendarDateProps | CalendarRangeProps;
643
2216
  /**
@@ -694,6 +2267,24 @@ type CalendarProps = CalendarDateProps | CalendarRangeProps;
694
2267
  * )
695
2268
  * }
696
2269
  * ```
2270
+ *
2271
+ * @example
2272
+ * ```tsx
2273
+ * import { Calendar } from '@revolut/ui-kit-miniapp'
2274
+ *
2275
+ * // With disabled days
2276
+ * function DisabledDaysExample() {
2277
+ * return (
2278
+ * <Calendar
2279
+ * disabledDays={{
2280
+ * before: new Date(),
2281
+ * after: new Date('01/01/2050'),
2282
+ * }}
2283
+ * onChange={(date) => console.log('Selected:', date)}
2284
+ * />
2285
+ * )
2286
+ * }
2287
+ * ```
697
2288
  */
698
2289
  declare const Calendar: (props: CalendarProps) => react_jsx_runtime.JSX.Element;
699
2290
 
@@ -722,15 +2313,15 @@ interface CellProps extends NativeDivProps {
722
2313
  /**
723
2314
  * Main title text.
724
2315
  */
725
- title: React.ReactNode;
2316
+ title: React$1.ReactNode;
726
2317
  /**
727
2318
  * Secondary description text below the title.
728
2319
  */
729
- description?: React.ReactNode;
2320
+ description?: React$1.ReactNode;
730
2321
  /**
731
2322
  * Content displayed on the right side of the cell.
732
2323
  */
733
- side?: React.ReactNode;
2324
+ side?: React$1.ReactNode;
734
2325
  /**
735
2326
  * Icon displayed at the start of the cell.
736
2327
  */
@@ -738,7 +2329,7 @@ interface CellProps extends NativeDivProps {
738
2329
  /**
739
2330
  * Avatar or image displayed at the start of the cell.
740
2331
  */
741
- avatar?: React.ReactNode;
2332
+ avatar?: React$1.ReactNode;
742
2333
  /**
743
2334
  * Alignment for the avatar content, center by default
744
2335
  */
@@ -764,7 +2355,7 @@ interface CellProps extends NativeDivProps {
764
2355
  /**
765
2356
  * Click handler for the cell.
766
2357
  */
767
- onClick?: React.MouseEventHandler<HTMLElement>;
2358
+ onClick?: React$1.MouseEventHandler<HTMLElement>;
768
2359
  /**
769
2360
  * URL for anchor element (when as="a").
770
2361
  */
@@ -899,7 +2490,7 @@ declare const Cell: ({ as, title, description, side, icon, avatar, avatarAlign,
899
2490
  */
900
2491
  declare const CellSkeleton: () => react_jsx_runtime.JSX.Element;
901
2492
 
902
- type NativeInputProps$4 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
2493
+ type NativeInputProps$4 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
903
2494
  /**
904
2495
  * Props for the Checkbox component.
905
2496
  *
@@ -929,7 +2520,7 @@ interface CheckboxProps extends NativeInputProps$4 {
929
2520
  /**
930
2521
  * Callback fired when the checkbox state changes.
931
2522
  */
932
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
2523
+ onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
933
2524
  }
934
2525
  /**
935
2526
  * Checkbox component for selecting multiple options.
@@ -1016,7 +2607,7 @@ interface CheckboxProps extends NativeInputProps$4 {
1016
2607
  */
1017
2608
  declare const Checkbox: ({ checked, defaultChecked, disabled, onChange, ...rest }: CheckboxProps) => react_jsx_runtime.JSX.Element;
1018
2609
 
1019
- type BaseDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onCopy' | 'onError' | 'onClick'>;
2610
+ type BaseDivProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children' | 'onCopy' | 'onError' | 'onClick'>;
1020
2611
  /**
1021
2612
  * Props for the Copyable component.
1022
2613
  *
@@ -1044,7 +2635,7 @@ interface CopyableProps extends BaseDivProps {
1044
2635
  /**
1045
2636
  * Callback fired when the copy button is clicked.
1046
2637
  */
1047
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
2638
+ onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
1048
2639
  /**
1049
2640
  * Custom label for the copy button (for accessibility).
1050
2641
  * @default 'Copy'
@@ -1053,7 +2644,7 @@ interface CopyableProps extends BaseDivProps {
1053
2644
  /**
1054
2645
  * Content to display alongside the copy button.
1055
2646
  */
1056
- children?: React.ReactNode;
2647
+ children?: React$1.ReactNode;
1057
2648
  }
1058
2649
  /**
1059
2650
  * Copyable component for displaying content with a copy-to-clipboard button.
@@ -1124,15 +2715,15 @@ interface DetailsCellProps extends NativeDivProps {
1124
2715
  /**
1125
2716
  * Label text displayed on the left.
1126
2717
  */
1127
- title: React.ReactNode;
2718
+ title: React$1.ReactNode;
1128
2719
  /**
1129
2720
  * Value text displayed on the right.
1130
2721
  */
1131
- content: React.ReactNode;
2722
+ content: React$1.ReactNode;
1132
2723
  /**
1133
2724
  * Additional note displayed below, spanning full width.
1134
2725
  */
1135
- note?: React.ReactNode;
2726
+ note?: React$1.ReactNode;
1136
2727
  }
1137
2728
  /**
1138
2729
  * DetailsCell component for displaying key-value pairs.
@@ -1210,7 +2801,7 @@ interface DropdownProps extends NativeDivProps {
1210
2801
  /**
1211
2802
  * Element ref where the tooltip is anchored.
1212
2803
  */
1213
- anchorRef: React.RefObject<HTMLElement | null>;
2804
+ anchorRef: React$1.RefObject<HTMLElement | null>;
1214
2805
  /**
1215
2806
  * Callback triggered when the dropdown is closed.
1216
2807
  */
@@ -1222,7 +2813,7 @@ interface DropdownProps extends NativeDivProps {
1222
2813
  /**
1223
2814
  * Dropdown content.
1224
2815
  */
1225
- children: React.ReactNode;
2816
+ children: React$1.ReactNode;
1226
2817
  }
1227
2818
  /**
1228
2819
  * Dropdown component for displaying content anchored to an element.
@@ -1269,7 +2860,7 @@ interface FootnoteProps extends NativeDivProps {
1269
2860
  /**
1270
2861
  * Footnote content.
1271
2862
  */
1272
- children?: React.ReactNode;
2863
+ children?: React$1.ReactNode;
1273
2864
  }
1274
2865
  /**
1275
2866
  * Footnote component for secondary, supporting text.
@@ -1351,7 +2942,7 @@ interface GroupProps extends NativeDivProps {
1351
2942
  /**
1352
2943
  * Group content.
1353
2944
  */
1354
- children?: React.ReactNode;
2945
+ children?: React$1.ReactNode;
1355
2946
  }
1356
2947
  /**
1357
2948
  * Group component for visually grouping related content.
@@ -1458,7 +3049,7 @@ interface IconProps {
1458
3049
  */
1459
3050
  declare const Icon: ({ name, size, color }: IconProps) => react_jsx_runtime.JSX.Element;
1460
3051
 
1461
- type NativeInputProps$3 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly' | 'type' | 'size'>;
3052
+ type NativeInputProps$3 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly' | 'type' | 'size'>;
1462
3053
  /**
1463
3054
  * Input type options.
1464
3055
  */
@@ -1487,7 +3078,7 @@ interface InputProps extends NativeInputProps$3 {
1487
3078
  /**
1488
3079
  * Callback fired when the input value changes.
1489
3080
  */
1490
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
3081
+ onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
1491
3082
  /**
1492
3083
  * Label displayed above the input.
1493
3084
  */
@@ -1519,11 +3110,11 @@ interface InputProps extends NativeInputProps$3 {
1519
3110
  /**
1520
3111
  * Description or helper text shown below the input.
1521
3112
  */
1522
- description?: React.ReactNode;
3113
+ description?: React$1.ReactNode;
1523
3114
  /**
1524
3115
  * Error message shown when invalid.
1525
3116
  */
1526
- errorMessage?: React.ReactNode;
3117
+ errorMessage?: React$1.ReactNode;
1527
3118
  /**
1528
3119
  * Custom label for the clear button (for accessibility).
1529
3120
  * @default 'Clear'
@@ -1541,6 +3132,10 @@ interface InputProps extends NativeInputProps$3 {
1541
3132
  * Icon to render at the end of the input content.
1542
3133
  */
1543
3134
  endIcon?: IconName;
3135
+ /**
3136
+ * Avatar image displayed at the start of the input.
3137
+ */
3138
+ avatar?: string;
1544
3139
  }
1545
3140
  /**
1546
3141
  * Input component for text entry.
@@ -1636,9 +3231,9 @@ interface InputProps extends NativeInputProps$3 {
1636
3231
  * }
1637
3232
  * ```
1638
3233
  */
1639
- declare const Input: ({ value, defaultValue, onChange, label, placeholder, type, disabled, readOnly, invalid, description, errorMessage, labelButtonClear, onClear, icon, endIcon, ...rest }: InputProps) => react_jsx_runtime.JSX.Element;
3234
+ declare const Input: ({ value, defaultValue, onChange, label, placeholder, type, disabled, readOnly, invalid, description, errorMessage, labelButtonClear, onClear, icon, endIcon, avatar, ...rest }: InputProps) => react_jsx_runtime.JSX.Element;
1640
3235
 
1641
- type NativeAnchorProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'style'>;
3236
+ type NativeAnchorProps = Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'style'>;
1642
3237
  /**
1643
3238
  * Props for the Link component.
1644
3239
  *
@@ -1662,7 +3257,7 @@ interface LinkProps extends NativeAnchorProps {
1662
3257
  /**
1663
3258
  * Link content.
1664
3259
  */
1665
- children?: React.ReactNode;
3260
+ children?: React$1.ReactNode;
1666
3261
  }
1667
3262
  /**
1668
3263
  * Link component for navigation to external or internal URLs.
@@ -1727,14 +3322,18 @@ declare const Link: ({ href, target, children, ...rest }: LinkProps) => react_js
1727
3322
  * List item definition.
1728
3323
  */
1729
3324
  interface ListItem {
3325
+ /**
3326
+ * Content to show
3327
+ */
3328
+ content: React$1.ReactNode;
1730
3329
  /**
1731
3330
  * Icon to show at the start
1732
3331
  */
1733
3332
  icon: IconName;
1734
3333
  /**
1735
- * Text to show
3334
+ * Unique id identifier for the item
1736
3335
  */
1737
- text: string;
3336
+ id: string;
1738
3337
  }
1739
3338
  /**
1740
3339
  * Props for the List component.
@@ -1743,8 +3342,8 @@ interface ListItem {
1743
3342
  * ```tsx
1744
3343
  * <List
1745
3344
  * items={[
1746
- * { text: 'First item completed', icon: 'Check' },
1747
- * { text: 'Second item pending', icon: 'Time' },
3345
+ * { id: 'item-1', content: 'First item completed', icon: 'Check' },
3346
+ * { id: 'item-2', content: <><Text color="success">Free cancellation</Text> until January</>, icon: 'Time' },
1748
3347
  * ]}
1749
3348
  * />
1750
3349
  * ```
@@ -1762,14 +3361,14 @@ interface ListProps {
1762
3361
  *
1763
3362
  * @example
1764
3363
  * ```tsx
1765
- * import { List } from '@revolut/ui-kit-miniapp'
3364
+ * import { List, Text } from '@revolut/ui-kit-miniapp'
1766
3365
  *
1767
3366
  * function ListExample() {
1768
3367
  * return (
1769
3368
  * <List
1770
3369
  * items={[
1771
- * { text: 'First item completed', icon: 'Check' },
1772
- * { text: 'Second item pending', icon: 'Time' },
3370
+ * { id: 'item-1', content: 'First item completed', icon: 'Check' },
3371
+ * { id: 'item-2', content: <><Text color="success">Free cancellation</Text> until January</>, icon: 'Time' },
1773
3372
  * ]}
1774
3373
  * />
1775
3374
  * )
@@ -1815,7 +3414,7 @@ interface FilterButtonProps extends NativeButtonProps {
1815
3414
  /**
1816
3415
  * Button content.
1817
3416
  */
1818
- children?: React.ReactNode;
3417
+ children?: React$1.ReactNode;
1819
3418
  }
1820
3419
  /**
1821
3420
  * FilterButton component for filter controls.
@@ -1855,7 +3454,7 @@ interface FilterButtonProps extends NativeButtonProps {
1855
3454
  */
1856
3455
  declare const FilterButton: ({ active, disabled, onClear, labelClear, icon, children, ...rest }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
1857
3456
 
1858
- type NativeInputProps$2 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
3457
+ type NativeInputProps$2 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
1859
3458
  /**
1860
3459
  * Props for the Search component.
1861
3460
  *
@@ -1985,7 +3584,7 @@ interface HStackProps extends NativeSpanProps {
1985
3584
  /**
1986
3585
  * Stack content.
1987
3586
  */
1988
- children?: React.ReactNode;
3587
+ children?: React$1.ReactNode;
1989
3588
  }
1990
3589
  /**
1991
3590
  * HStack component for horizontal layout.
@@ -2046,7 +3645,7 @@ interface PlaceholderProps {
2046
3645
  /**
2047
3646
  * Placeholder action.
2048
3647
  */
2049
- action?: React.ReactNode;
3648
+ action?: React$1.ReactNode;
2050
3649
  }
2051
3650
  /**
2052
3651
  * Placeholder component for showing status information.
@@ -2071,6 +3670,23 @@ interface PlaceholderProps {
2071
3670
  */
2072
3671
  declare const Placeholder: ({ action, description, icon, title, }: PlaceholderProps) => react_jsx_runtime.JSX.Element;
2073
3672
 
3673
+ /**
3674
+ * Popup action item definition.
3675
+ */
3676
+ interface PopupActionItem {
3677
+ /**
3678
+ * Label for the action
3679
+ */
3680
+ label: string;
3681
+ /**
3682
+ * Callback when the button is clicked
3683
+ */
3684
+ onClick: () => void;
3685
+ /**
3686
+ * Visual style variant of the button.
3687
+ */
3688
+ variant?: ButtonVariant;
3689
+ }
2074
3690
  /**
2075
3691
  * Props for the Popup component.
2076
3692
  */
@@ -2086,15 +3702,19 @@ interface PopupProps {
2086
3702
  /**
2087
3703
  * Modal content.
2088
3704
  */
2089
- children?: React.ReactNode;
3705
+ children?: React$1.ReactNode;
2090
3706
  /**
2091
3707
  * Modal title
2092
3708
  */
2093
3709
  title?: string;
2094
3710
  /**
2095
- * Modal subtitle
3711
+ * Modal description
3712
+ */
3713
+ description?: string;
3714
+ /**
3715
+ * Modal actions
2096
3716
  */
2097
- subtitle?: string;
3717
+ actions?: PopupActionItem[];
2098
3718
  }
2099
3719
  /**
2100
3720
  * Popup component for displaying modal content with full screen size.
@@ -2117,7 +3737,7 @@ interface PopupProps {
2117
3737
  * }
2118
3738
  * ```
2119
3739
  */
2120
- declare const Popup: ({ open, onClose, children, title, subtitle, }: PopupProps) => react_jsx_runtime.JSX.Element;
3740
+ declare const Popup: ({ open, onClose, children, title, description, actions, }: PopupProps) => react_jsx_runtime.JSX.Element;
2121
3741
 
2122
3742
  /**
2123
3743
  * Progress steps item definition.
@@ -2259,7 +3879,7 @@ interface SpacerProps extends NativeDivProps {
2259
3879
  */
2260
3880
  declare const Spacer: ({ width, height, ...rest }: SpacerProps) => react_jsx_runtime.JSX.Element;
2261
3881
 
2262
- type NativeInputProps$1 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
3882
+ type NativeInputProps$1 = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
2263
3883
  /**
2264
3884
  * Props for the Radio component.
2265
3885
  *
@@ -2291,7 +3911,7 @@ interface RadioProps extends NativeInputProps$1 {
2291
3911
  /**
2292
3912
  * Callback fired when the radio state changes.
2293
3913
  */
2294
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
3914
+ onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
2295
3915
  /**
2296
3916
  * Name attribute for grouping radio buttons.
2297
3917
  */
@@ -2405,11 +4025,11 @@ interface SubheaderProps extends NativeDivProps {
2405
4025
  /**
2406
4026
  * Content displayed on the right side of the subheader.
2407
4027
  */
2408
- side?: React.ReactNode;
4028
+ side?: React$1.ReactNode;
2409
4029
  /**
2410
4030
  * Main title content.
2411
4031
  */
2412
- children: React.ReactNode;
4032
+ children: React$1.ReactNode;
2413
4033
  }
2414
4034
  /**
2415
4035
  * Subheader component for section titles.
@@ -2473,7 +4093,7 @@ interface SubheaderProps extends NativeDivProps {
2473
4093
  */
2474
4094
  declare const Subheader: ({ variant, side, children, ...rest }: SubheaderProps) => react_jsx_runtime.JSX.Element;
2475
4095
 
2476
- type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
4096
+ type NativeInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'checked' | 'defaultChecked' | 'disabled' | 'onChange' | 'type' | 'color'>;
2477
4097
  /**
2478
4098
  * Props for the Switch component.
2479
4099
  *
@@ -2503,7 +4123,7 @@ interface SwitchProps extends NativeInputProps {
2503
4123
  /**
2504
4124
  * Callback fired when the switch state changes.
2505
4125
  */
2506
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
4126
+ onChange?: React$1.ChangeEventHandler<HTMLInputElement>;
2507
4127
  }
2508
4128
  /**
2509
4129
  * Switch component for toggling between on and off states.
@@ -2561,6 +4181,43 @@ interface SwitchProps extends NativeInputProps {
2561
4181
  */
2562
4182
  declare const Switch: ({ checked, defaultChecked, disabled, onChange, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
2563
4183
 
4184
+ /**
4185
+ * Props for the Badge component.
4186
+ *
4187
+ * @example
4188
+ * ```tsx
4189
+ * <Badge icon="Time">Best offer</Badge>
4190
+ * ```
4191
+ */
4192
+ interface BadgeProps extends NativeSpanProps {
4193
+ /**
4194
+ * Badge icon.
4195
+ */
4196
+ icon?: IconName;
4197
+ /**
4198
+ * Badge content.
4199
+ */
4200
+ children: string | number;
4201
+ }
4202
+ /**
4203
+ * Badge component for categorisation or markup.
4204
+ *
4205
+ * Renders text in a coloured background that highlights some extra details for a content.
4206
+ *
4207
+ * @example
4208
+ * ```tsx
4209
+ * import { Badge } from '@revolut/ui-kit-miniapp'
4210
+ *
4211
+ * // Basic usage
4212
+ * function BasicExample() {
4213
+ * return (
4214
+ * <Badge icon="Time">Best offer</Badge>
4215
+ * )
4216
+ * }
4217
+ * ```
4218
+ */
4219
+ declare const Badge: ({ icon, children, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
4220
+
2564
4221
  /**
2565
4222
  * TabBar variant options.
2566
4223
  */
@@ -2741,7 +4398,7 @@ interface TextProps extends NativeSpanProps {
2741
4398
  /**
2742
4399
  * Text content.
2743
4400
  */
2744
- children?: React.ReactNode;
4401
+ children?: React$1.ReactNode;
2745
4402
  }
2746
4403
  /**
2747
4404
  * Text component for rendering styled typography.
@@ -2797,7 +4454,7 @@ interface TextProps extends NativeSpanProps {
2797
4454
  */
2798
4455
  declare const Text: ({ textStyle, as, children, ...rest }: TextProps) => react_jsx_runtime.JSX.Element;
2799
4456
 
2800
- type NativeTextAreaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
4457
+ type NativeTextAreaProps = Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
2801
4458
  /**
2802
4459
  * Props for the TextArea component.
2803
4460
  *
@@ -2822,7 +4479,7 @@ interface TextAreaProps extends NativeTextAreaProps {
2822
4479
  /**
2823
4480
  * Callback fired when the textarea value changes.
2824
4481
  */
2825
- onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
4482
+ onChange?: React$1.ChangeEventHandler<HTMLTextAreaElement>;
2826
4483
  /**
2827
4484
  * Label displayed above the textarea.
2828
4485
  */
@@ -2849,11 +4506,11 @@ interface TextAreaProps extends NativeTextAreaProps {
2849
4506
  /**
2850
4507
  * Description or helper text shown below the textarea.
2851
4508
  */
2852
- description?: React.ReactNode;
4509
+ description?: React$1.ReactNode;
2853
4510
  /**
2854
4511
  * Error message shown when invalid.
2855
4512
  */
2856
- errorMessage?: React.ReactNode;
4513
+ errorMessage?: React$1.ReactNode;
2857
4514
  /**
2858
4515
  * Number of visible text lines.
2859
4516
  * @default 1
@@ -2928,6 +4585,41 @@ interface TextAreaProps extends NativeTextAreaProps {
2928
4585
  */
2929
4586
  declare const TextArea: ({ value, defaultValue, onChange, label, placeholder, disabled, readOnly, invalid, description, errorMessage, rows, labelButtonClear, onClear, ...rest }: TextAreaProps) => react_jsx_runtime.JSX.Element;
2930
4587
 
4588
+ /**
4589
+ * Props for the Toast component.
4590
+ *
4591
+ * @example
4592
+ * ```tsx
4593
+ * <Toast icon="Check">Success!</Toast>
4594
+ * ```
4595
+ */
4596
+ interface ToastProps extends NativeSpanProps {
4597
+ /**
4598
+ * Toast content.
4599
+ */
4600
+ children: string | number;
4601
+ /**
4602
+ * Toast icon.
4603
+ */
4604
+ icon?: IconName;
4605
+ }
4606
+ /**
4607
+ * Component for the small & simple, non-distructing UI feedback to confirm user’s actions for the simple events.
4608
+ *
4609
+ * @example
4610
+ * ```tsx
4611
+ * import { Toast } from '@revolut/ui-kit-miniapp'
4612
+ *
4613
+ * // Basic usage
4614
+ * function BasicExample() {
4615
+ * return (
4616
+ * <Toast icon="Check">Success!</Toast>
4617
+ * )
4618
+ * }
4619
+ * ```
4620
+ */
4621
+ declare const Toast: ({ icon, children, ...rest }: ToastProps) => react_jsx_runtime.JSX.Element;
4622
+
2931
4623
  /**
2932
4624
  * Props for the ToggleButton component.
2933
4625
  *
@@ -2960,7 +4652,7 @@ interface ToggleButtonProps extends Omit<NativeButtonProps, 'onChange' | 'onTogg
2960
4652
  /**
2961
4653
  * Button content.
2962
4654
  */
2963
- children: React.ReactNode;
4655
+ children: React$1.ReactNode;
2964
4656
  }
2965
4657
  /**
2966
4658
  * ToggleButton component for toggle-able button states.
@@ -3050,7 +4742,7 @@ interface VisuallyHiddenProps {
3050
4742
  /**
3051
4743
  * Content to hide visually but keep accessible to screen readers.
3052
4744
  */
3053
- children?: React.ReactNode;
4745
+ children?: React$1.ReactNode;
3054
4746
  }
3055
4747
  /**
3056
4748
  * VisuallyHidden component for accessible hidden content.
@@ -3145,7 +4837,7 @@ interface VStackProps extends NativeSpanProps {
3145
4837
  /**
3146
4838
  * Stack content.
3147
4839
  */
3148
- children?: React.ReactNode;
4840
+ children?: React$1.ReactNode;
3149
4841
  }
3150
4842
  /**
3151
4843
  * VStack component for vertical layout.
@@ -3229,7 +4921,7 @@ interface RootProviderProps {
3229
4921
  /**
3230
4922
  * Application content.
3231
4923
  */
3232
- children: React.ReactNode;
4924
+ children: React$1.ReactNode;
3233
4925
  }
3234
4926
  /**
3235
4927
  * RootProvider component that sets up the theme and internationalisation context.
@@ -3267,11 +4959,11 @@ interface BottomSheetHeaderProps {
3267
4959
  /**
3268
4960
  * Avatar or icon displayed at the top of the header.
3269
4961
  */
3270
- avatar?: React.ReactNode;
4962
+ avatar?: React$1.ReactNode;
3271
4963
  /**
3272
4964
  * Description text displayed below the title.
3273
4965
  */
3274
- description?: React.ReactNode;
4966
+ description?: React$1.ReactNode;
3275
4967
  /**
3276
4968
  * Custom label for the close button.
3277
4969
  */
@@ -3279,7 +4971,7 @@ interface BottomSheetHeaderProps {
3279
4971
  /**
3280
4972
  * Title content.
3281
4973
  */
3282
- children?: React.ReactNode;
4974
+ children?: React$1.ReactNode;
3283
4975
  }
3284
4976
  declare const BottomSheetHeader: ({ avatar, description, labelButtonClose, children, }: BottomSheetHeaderProps) => react_jsx_runtime.JSX.Element;
3285
4977
  /**
@@ -3289,7 +4981,7 @@ interface BottomSheetContentProps {
3289
4981
  /**
3290
4982
  * Content to display in the body of the bottom sheet.
3291
4983
  */
3292
- children?: React.ReactNode;
4984
+ children?: React$1.ReactNode;
3293
4985
  }
3294
4986
  declare const BottomSheetContent: ({ children }: BottomSheetContentProps) => react_jsx_runtime.JSX.Element;
3295
4987
  /**
@@ -3299,7 +4991,7 @@ interface BottomSheetActionsProps {
3299
4991
  /**
3300
4992
  * Action buttons to display at the bottom.
3301
4993
  */
3302
- children?: React.ReactNode;
4994
+ children?: React$1.ReactNode;
3303
4995
  }
3304
4996
  declare const BottomSheetActions: ({ children }: BottomSheetActionsProps) => react_jsx_runtime.JSX.Element;
3305
4997
  /**
@@ -3317,9 +5009,9 @@ interface BottomSheetProps {
3317
5009
  /**
3318
5010
  * Bottom sheet content (typically Header, Content, and Actions).
3319
5011
  */
3320
- children?: React.ReactNode;
5012
+ children?: React$1.ReactNode;
3321
5013
  }
3322
- interface BottomSheetComponent extends React.FC<BottomSheetProps> {
5014
+ interface BottomSheetComponent extends React$1.FC<BottomSheetProps> {
3323
5015
  Header: typeof BottomSheetHeader;
3324
5016
  Content: typeof BottomSheetContent;
3325
5017
  Actions: typeof BottomSheetActions;
@@ -3377,13 +5069,17 @@ declare const BottomSheet: BottomSheetComponent;
3377
5069
  */
3378
5070
  interface PageHeaderActionItem {
3379
5071
  /**
3380
- * Label for the action (not visible)
5072
+ * Label for the action (only visible if icon is not defined)
3381
5073
  */
3382
5074
  label: string;
5075
+ /**
5076
+ * Show red dot on top right of the icon
5077
+ */
5078
+ hasDot?: boolean;
3383
5079
  /**
3384
5080
  * Icon to show
3385
5081
  */
3386
- icon: IconName;
5082
+ icon?: IconName;
3387
5083
  /**
3388
5084
  * Callback when the button is clicked
3389
5085
  */
@@ -3404,19 +5100,19 @@ interface PageHeaderProps extends NativeHeadingProps {
3404
5100
  /**
3405
5101
  * Custom label for the close button.
3406
5102
  */
3407
- labelButtonClose?: React.ReactNode;
5103
+ labelButtonClose?: React$1.ReactNode;
3408
5104
  /**
3409
5105
  * Custom label for the back button.
3410
5106
  */
3411
- labelButtonBack?: React.ReactNode;
5107
+ labelButtonBack?: React$1.ReactNode;
3412
5108
  /**
3413
5109
  * Subtitle text displayed below the title.
3414
5110
  */
3415
- subtitle?: React.ReactNode;
5111
+ subtitle?: React$1.ReactNode;
3416
5112
  /**
3417
5113
  * Description text displayed below the subtitle.
3418
5114
  */
3419
- description?: React.ReactNode;
5115
+ description?: React$1.ReactNode;
3420
5116
  /**
3421
5117
  * Whether the header is in a loading state.
3422
5118
  * @default false
@@ -3425,7 +5121,7 @@ interface PageHeaderProps extends NativeHeadingProps {
3425
5121
  /**
3426
5122
  * Header title content.
3427
5123
  */
3428
- children?: React.ReactNode;
5124
+ children?: React$1.ReactNode;
3429
5125
  /**
3430
5126
  * Header actions.
3431
5127
  */
@@ -3439,11 +5135,11 @@ interface PageMainProps extends NativeMainProps {
3439
5135
  /**
3440
5136
  * Main content.
3441
5137
  */
3442
- children?: React.ReactNode;
5138
+ children?: React$1.ReactNode;
3443
5139
  /**
3444
5140
  * Action buttons displayed at the bottom of the page.
3445
5141
  */
3446
- actions?: React.ReactNode;
5142
+ actions?: React$1.ReactNode;
3447
5143
  }
3448
5144
  declare const PageMain: ({ children, actions, ...rest }: PageMainProps) => react_jsx_runtime.JSX.Element;
3449
5145
  /**
@@ -3453,7 +5149,7 @@ interface PageTabsProps extends NativeDivProps {
3453
5149
  /**
3454
5150
  * Tabs content (typically TabBar or similar).
3455
5151
  */
3456
- children?: React.ReactNode;
5152
+ children?: React$1.ReactNode;
3457
5153
  }
3458
5154
  declare const PageTabs: ({ children, ...rest }: PageTabsProps) => react_jsx_runtime.JSX.Element;
3459
5155
  /**
@@ -3463,9 +5159,9 @@ interface PageProps extends NativeDivProps {
3463
5159
  /**
3464
5160
  * Page content (typically Page.Header and Page.Main).
3465
5161
  */
3466
- children?: React.ReactNode;
5162
+ children?: React$1.ReactNode;
3467
5163
  }
3468
- interface PageComponent extends React.FC<PageProps> {
5164
+ interface PageComponent extends React$1.FC<PageProps> {
3469
5165
  Header: typeof PageHeader;
3470
5166
  Main: typeof PageMain;
3471
5167
  Tabs: typeof PageTabs;
@@ -3524,7 +5220,7 @@ interface StatusSheetAction {
3524
5220
  /**
3525
5221
  * Text to display on the action button.
3526
5222
  */
3527
- title: React.ReactNode;
5223
+ title: React$1.ReactNode;
3528
5224
  /**
3529
5225
  * Callback when the action button is clicked.
3530
5226
  */
@@ -3546,11 +5242,11 @@ interface StatusSheetOptions {
3546
5242
  /**
3547
5243
  * Title content displayed in the status sheet.
3548
5244
  */
3549
- title: React.ReactNode;
5245
+ title: React$1.ReactNode;
3550
5246
  /**
3551
5247
  * Optional description content displayed below the title.
3552
5248
  */
3553
- description?: React.ReactNode;
5249
+ description?: React$1.ReactNode;
3554
5250
  /**
3555
5251
  * Optional action buttons displayed at the bottom.
3556
5252
  */
@@ -3640,7 +5336,7 @@ declare const Token: {
3640
5336
  * Token.color.danger // Error state
3641
5337
  * ```
3642
5338
  */
3643
- readonly color: Record<"negative" | "searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "positive" | "static" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | ("accent" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "layoutBackground" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90"), string>;
5339
+ readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | ("negative" | "accent" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "static" | "layoutBackground" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90" | "positive_5" | "positive_10" | "positive_20" | "positive_30" | "positive_40" | "positive_50" | "positive_60" | "positive_70" | "positive_80" | "positive_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
3644
5340
  /**
3645
5341
  * Border radius tokens.
3646
5342
  *
@@ -3749,5 +5445,5 @@ declare const Token: {
3749
5445
  };
3750
5446
  };
3751
5447
 
3752
- export { Action, ActionButton, Avatar, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Spacer, Subheader, Switch, TabBar, Text, TextArea, ToggleButton, Token, VStack, VisuallyHidden, useStatusSheet };
3753
- export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CopyableProps, DateRange, DetailsCellProps, DropdownProps, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, LinkProps, ListProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsProps, RadioProps, RootProviderProps, SearchProps, Space, SpacerProps, StackAlignment, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, ToggleButtonProps, VStackProps, VisuallyHiddenProps };
5448
+ export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Spacer, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
5449
+ export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsProps, RadioProps, RootProviderProps, SearchProps, Space, SpacerProps, StackAlignment, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };