@clickpalm/react 1.3.14 → 1.3.15

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 (4) hide show
  1. package/package.json +61 -61
  2. package/dist/index.d.ts +0 -4150
  3. package/dist/index.js +0 -4445
  4. package/dist/index.mjs +0 -4378
package/dist/index.d.ts DELETED
@@ -1,4150 +0,0 @@
1
- import * as _stitches_react_types_theme from '@stitches/react/types/theme';
2
- import * as _stitches_react_types_css from '@stitches/react/types/css';
3
- import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
4
- import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
5
- import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
6
- import * as react from 'react';
7
- import react__default, { ComponentProps, ComponentPropsWithoutRef, ElementType, ReactNode, InputHTMLAttributes, CSSProperties, SVGProps } from 'react';
8
- import * as _stitches_react_types_util from '@stitches/react/types/util';
9
- import * as react_jsx_runtime from 'react/jsx-runtime';
10
- import * as Avatar$1 from '@radix-ui/react-avatar';
11
- import * as Checkbox$1 from '@radix-ui/react-checkbox';
12
- import { VariantProps, CSS } from '@stitches/react';
13
- import * as Progress from '@radix-ui/react-progress';
14
- import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
15
- import * as CustomSelect from '@radix-ui/react-select';
16
- import * as OneTimePasswordField from '@radix-ui/react-one-time-password-field';
17
-
18
- declare const styled: <Type extends _stitches_react_types_util.Function | react.ComponentType<any> | keyof JSX.IntrinsicElements, Composers extends (string | _stitches_react_types_util.Function | react.ComponentType<any> | {
19
- [name: string]: unknown;
20
- })[], CSS = _stitches_react_types_css_util.CSS<{
21
- sm: "(min-width: 375px)";
22
- md: "(min-width: 768px)";
23
- lg: "(min-width: 1024px)";
24
- }, {
25
- colors: {
26
- white: string;
27
- black: string;
28
- gray_background: string;
29
- gray_light: string;
30
- gray_mid: string;
31
- gray_dark: string;
32
- clickpalm_light: string;
33
- clickpalm_mid: string;
34
- clickpalm_dark: string;
35
- clickpalm_superDark: string;
36
- ignite_light: string;
37
- ignite_dark: string;
38
- success: string;
39
- success_dark: string;
40
- warning: string;
41
- warning_dark: string;
42
- danger: string;
43
- danger_dark: string;
44
- };
45
- fontSizes: {
46
- xxs: string;
47
- xs: string;
48
- sm: string;
49
- md: string;
50
- lg: string;
51
- xl: string;
52
- '2xl': string;
53
- '4xl': string;
54
- '5xl': string;
55
- '6xl': string;
56
- '7xl': string;
57
- '8xl': string;
58
- '9xl': string;
59
- };
60
- fontWeights: {
61
- regular: string;
62
- medium: string;
63
- bold: string;
64
- };
65
- fonts: {
66
- default: string;
67
- code: string;
68
- };
69
- lineHeights: {
70
- regular: string;
71
- shorter: string;
72
- short: string;
73
- base: string;
74
- tall: string;
75
- };
76
- radii: {
77
- px: string;
78
- xs: string;
79
- sm: string;
80
- md: string;
81
- lg: string;
82
- full: string;
83
- };
84
- space: {
85
- 1: string;
86
- 2: string;
87
- 3: string;
88
- 4: string;
89
- 5: string;
90
- 6: string;
91
- 7: string;
92
- 8: string;
93
- 10: string;
94
- 11: string;
95
- 12: string;
96
- 14: string;
97
- 16: string;
98
- 19: string;
99
- 20: string;
100
- 22: string;
101
- 40: string;
102
- 64: string;
103
- 80: string;
104
- };
105
- }, {
106
- height: "space";
107
- width: "space";
108
- gap: "space";
109
- gridGap: "space";
110
- columnGap: "space";
111
- gridColumnGap: "space";
112
- rowGap: "space";
113
- gridRowGap: "space";
114
- inset: "space";
115
- insetBlock: "space";
116
- insetBlockEnd: "space";
117
- insetBlockStart: "space";
118
- insetInline: "space";
119
- insetInlineEnd: "space";
120
- insetInlineStart: "space";
121
- margin: "space";
122
- marginTop: "space";
123
- marginRight: "space";
124
- marginBottom: "space";
125
- marginLeft: "space";
126
- marginBlock: "space";
127
- marginBlockEnd: "space";
128
- marginBlockStart: "space";
129
- marginInline: "space";
130
- marginInlineEnd: "space";
131
- marginInlineStart: "space";
132
- padding: "space";
133
- paddingTop: "space";
134
- paddingRight: "space";
135
- paddingBottom: "space";
136
- paddingLeft: "space";
137
- paddingBlock: "space";
138
- paddingBlockEnd: "space";
139
- paddingBlockStart: "space";
140
- paddingInline: "space";
141
- paddingInlineEnd: "space";
142
- paddingInlineStart: "space";
143
- scrollMargin: "space";
144
- scrollMarginTop: "space";
145
- scrollMarginRight: "space";
146
- scrollMarginBottom: "space";
147
- scrollMarginLeft: "space";
148
- scrollMarginBlock: "space";
149
- scrollMarginBlockEnd: "space";
150
- scrollMarginBlockStart: "space";
151
- scrollMarginInline: "space";
152
- scrollMarginInlineEnd: "space";
153
- scrollMarginInlineStart: "space";
154
- scrollPadding: "space";
155
- scrollPaddingTop: "space";
156
- scrollPaddingRight: "space";
157
- scrollPaddingBottom: "space";
158
- scrollPaddingLeft: "space";
159
- scrollPaddingBlock: "space";
160
- scrollPaddingBlockEnd: "space";
161
- scrollPaddingBlockStart: "space";
162
- scrollPaddingInline: "space";
163
- scrollPaddingInlineEnd: "space";
164
- scrollPaddingInlineStart: "space";
165
- top: "space";
166
- right: "space";
167
- bottom: "space";
168
- left: "space";
169
- fontSize: "fontSizes";
170
- background: "colors";
171
- backgroundColor: "colors";
172
- backgroundImage: "colors";
173
- borderImage: "colors";
174
- border: "colors";
175
- borderBlock: "colors";
176
- borderBlockEnd: "colors";
177
- borderBlockStart: "colors";
178
- borderBottom: "colors";
179
- borderBottomColor: "colors";
180
- borderColor: "colors";
181
- borderInline: "colors";
182
- borderInlineEnd: "colors";
183
- borderInlineStart: "colors";
184
- borderLeft: "colors";
185
- borderLeftColor: "colors";
186
- borderRight: "colors";
187
- borderRightColor: "colors";
188
- borderTop: "colors";
189
- borderTopColor: "colors";
190
- caretColor: "colors";
191
- color: "colors";
192
- columnRuleColor: "colors";
193
- outline: "colors";
194
- outlineColor: "colors";
195
- fill: "colors";
196
- stroke: "colors";
197
- textDecorationColor: "colors";
198
- fontFamily: "fonts";
199
- fontWeight: "fontWeights";
200
- lineHeight: "lineHeights";
201
- letterSpacing: "letterSpacings";
202
- blockSize: "sizes";
203
- minBlockSize: "sizes";
204
- maxBlockSize: "sizes";
205
- inlineSize: "sizes";
206
- minInlineSize: "sizes";
207
- maxInlineSize: "sizes";
208
- minWidth: "sizes";
209
- maxWidth: "sizes";
210
- minHeight: "sizes";
211
- maxHeight: "sizes";
212
- flexBasis: "sizes";
213
- gridTemplateColumns: "sizes";
214
- gridTemplateRows: "sizes";
215
- borderWidth: "borderWidths";
216
- borderTopWidth: "borderWidths";
217
- borderLeftWidth: "borderWidths";
218
- borderRightWidth: "borderWidths";
219
- borderBottomWidth: "borderWidths";
220
- borderStyle: "borderStyles";
221
- borderTopStyle: "borderStyles";
222
- borderLeftStyle: "borderStyles";
223
- borderRightStyle: "borderStyles";
224
- borderBottomStyle: "borderStyles";
225
- borderRadius: "radii";
226
- borderTopLeftRadius: "radii";
227
- borderTopRightRadius: "radii";
228
- borderBottomRightRadius: "radii";
229
- borderBottomLeftRadius: "radii";
230
- boxShadow: "shadows";
231
- textShadow: "shadows";
232
- transition: "transitions";
233
- zIndex: "zIndices";
234
- }, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | react.ComponentType<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
235
- variants?: {
236
- [x: string]: {
237
- [x: string]: CSS;
238
- [x: number]: CSS;
239
- };
240
- } | undefined;
241
- compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : _stitches_react_types_util.WideObject) & {
242
- css: CSS;
243
- })[] | undefined;
244
- defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : _stitches_react_types_util.WideObject) | undefined;
245
- } & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.StyledComponent<Type, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
246
- sm: "(min-width: 375px)";
247
- md: "(min-width: 768px)";
248
- lg: "(min-width: 1024px)";
249
- }, _stitches_react_types_css_util.CSS<{
250
- sm: "(min-width: 375px)";
251
- md: "(min-width: 768px)";
252
- lg: "(min-width: 1024px)";
253
- }, {
254
- colors: {
255
- white: string;
256
- black: string;
257
- gray_background: string;
258
- gray_light: string;
259
- gray_mid: string;
260
- gray_dark: string;
261
- clickpalm_light: string;
262
- clickpalm_mid: string;
263
- clickpalm_dark: string;
264
- clickpalm_superDark: string;
265
- ignite_light: string;
266
- ignite_dark: string;
267
- success: string;
268
- success_dark: string;
269
- warning: string;
270
- warning_dark: string;
271
- danger: string;
272
- danger_dark: string;
273
- };
274
- fontSizes: {
275
- xxs: string;
276
- xs: string;
277
- sm: string;
278
- md: string;
279
- lg: string;
280
- xl: string;
281
- '2xl': string;
282
- '4xl': string;
283
- '5xl': string;
284
- '6xl': string;
285
- '7xl': string;
286
- '8xl': string;
287
- '9xl': string;
288
- };
289
- fontWeights: {
290
- regular: string;
291
- medium: string;
292
- bold: string;
293
- };
294
- fonts: {
295
- default: string;
296
- code: string;
297
- };
298
- lineHeights: {
299
- regular: string;
300
- shorter: string;
301
- short: string;
302
- base: string;
303
- tall: string;
304
- };
305
- radii: {
306
- px: string;
307
- xs: string;
308
- sm: string;
309
- md: string;
310
- lg: string;
311
- full: string;
312
- };
313
- space: {
314
- 1: string;
315
- 2: string;
316
- 3: string;
317
- 4: string;
318
- 5: string;
319
- 6: string;
320
- 7: string;
321
- 8: string;
322
- 10: string;
323
- 11: string;
324
- 12: string;
325
- 14: string;
326
- 16: string;
327
- 19: string;
328
- 20: string;
329
- 22: string;
330
- 40: string;
331
- 64: string;
332
- 80: string;
333
- };
334
- }, {
335
- height: "space";
336
- width: "space";
337
- gap: "space";
338
- gridGap: "space";
339
- columnGap: "space";
340
- gridColumnGap: "space";
341
- rowGap: "space";
342
- gridRowGap: "space";
343
- inset: "space";
344
- insetBlock: "space";
345
- insetBlockEnd: "space";
346
- insetBlockStart: "space";
347
- insetInline: "space";
348
- insetInlineEnd: "space";
349
- insetInlineStart: "space";
350
- margin: "space";
351
- marginTop: "space";
352
- marginRight: "space";
353
- marginBottom: "space";
354
- marginLeft: "space";
355
- marginBlock: "space";
356
- marginBlockEnd: "space";
357
- marginBlockStart: "space";
358
- marginInline: "space";
359
- marginInlineEnd: "space";
360
- marginInlineStart: "space";
361
- padding: "space";
362
- paddingTop: "space";
363
- paddingRight: "space";
364
- paddingBottom: "space";
365
- paddingLeft: "space";
366
- paddingBlock: "space";
367
- paddingBlockEnd: "space";
368
- paddingBlockStart: "space";
369
- paddingInline: "space";
370
- paddingInlineEnd: "space";
371
- paddingInlineStart: "space";
372
- scrollMargin: "space";
373
- scrollMarginTop: "space";
374
- scrollMarginRight: "space";
375
- scrollMarginBottom: "space";
376
- scrollMarginLeft: "space";
377
- scrollMarginBlock: "space";
378
- scrollMarginBlockEnd: "space";
379
- scrollMarginBlockStart: "space";
380
- scrollMarginInline: "space";
381
- scrollMarginInlineEnd: "space";
382
- scrollMarginInlineStart: "space";
383
- scrollPadding: "space";
384
- scrollPaddingTop: "space";
385
- scrollPaddingRight: "space";
386
- scrollPaddingBottom: "space";
387
- scrollPaddingLeft: "space";
388
- scrollPaddingBlock: "space";
389
- scrollPaddingBlockEnd: "space";
390
- scrollPaddingBlockStart: "space";
391
- scrollPaddingInline: "space";
392
- scrollPaddingInlineEnd: "space";
393
- scrollPaddingInlineStart: "space";
394
- top: "space";
395
- right: "space";
396
- bottom: "space";
397
- left: "space";
398
- fontSize: "fontSizes";
399
- background: "colors";
400
- backgroundColor: "colors";
401
- backgroundImage: "colors";
402
- borderImage: "colors";
403
- border: "colors";
404
- borderBlock: "colors";
405
- borderBlockEnd: "colors";
406
- borderBlockStart: "colors";
407
- borderBottom: "colors";
408
- borderBottomColor: "colors";
409
- borderColor: "colors";
410
- borderInline: "colors";
411
- borderInlineEnd: "colors";
412
- borderInlineStart: "colors";
413
- borderLeft: "colors";
414
- borderLeftColor: "colors";
415
- borderRight: "colors";
416
- borderRightColor: "colors";
417
- borderTop: "colors";
418
- borderTopColor: "colors";
419
- caretColor: "colors";
420
- color: "colors";
421
- columnRuleColor: "colors";
422
- outline: "colors";
423
- outlineColor: "colors";
424
- fill: "colors";
425
- stroke: "colors";
426
- textDecorationColor: "colors";
427
- fontFamily: "fonts";
428
- fontWeight: "fontWeights";
429
- lineHeight: "lineHeights";
430
- letterSpacing: "letterSpacings";
431
- blockSize: "sizes";
432
- minBlockSize: "sizes";
433
- maxBlockSize: "sizes";
434
- inlineSize: "sizes";
435
- minInlineSize: "sizes";
436
- maxInlineSize: "sizes";
437
- minWidth: "sizes";
438
- maxWidth: "sizes";
439
- minHeight: "sizes";
440
- maxHeight: "sizes";
441
- flexBasis: "sizes";
442
- gridTemplateColumns: "sizes";
443
- gridTemplateRows: "sizes";
444
- borderWidth: "borderWidths";
445
- borderTopWidth: "borderWidths";
446
- borderLeftWidth: "borderWidths";
447
- borderRightWidth: "borderWidths";
448
- borderBottomWidth: "borderWidths";
449
- borderStyle: "borderStyles";
450
- borderTopStyle: "borderStyles";
451
- borderLeftStyle: "borderStyles";
452
- borderRightStyle: "borderStyles";
453
- borderBottomStyle: "borderStyles";
454
- borderRadius: "radii";
455
- borderTopLeftRadius: "radii";
456
- borderTopRightRadius: "radii";
457
- borderBottomRightRadius: "radii";
458
- borderBottomLeftRadius: "radii";
459
- boxShadow: "shadows";
460
- textShadow: "shadows";
461
- transition: "transitions";
462
- zIndex: "zIndices";
463
- }, {}>>;
464
- declare const css: <Composers extends (string | _stitches_react_types_util.Function | react.JSXElementConstructor<any> | react.ExoticComponent<any> | {
465
- [name: string]: unknown;
466
- })[], CSS = _stitches_react_types_css_util.CSS<{
467
- sm: "(min-width: 375px)";
468
- md: "(min-width: 768px)";
469
- lg: "(min-width: 1024px)";
470
- }, {
471
- colors: {
472
- white: string;
473
- black: string;
474
- gray_background: string;
475
- gray_light: string;
476
- gray_mid: string;
477
- gray_dark: string;
478
- clickpalm_light: string;
479
- clickpalm_mid: string;
480
- clickpalm_dark: string;
481
- clickpalm_superDark: string;
482
- ignite_light: string;
483
- ignite_dark: string;
484
- success: string;
485
- success_dark: string;
486
- warning: string;
487
- warning_dark: string;
488
- danger: string;
489
- danger_dark: string;
490
- };
491
- fontSizes: {
492
- xxs: string;
493
- xs: string;
494
- sm: string;
495
- md: string;
496
- lg: string;
497
- xl: string;
498
- '2xl': string;
499
- '4xl': string;
500
- '5xl': string;
501
- '6xl': string;
502
- '7xl': string;
503
- '8xl': string;
504
- '9xl': string;
505
- };
506
- fontWeights: {
507
- regular: string;
508
- medium: string;
509
- bold: string;
510
- };
511
- fonts: {
512
- default: string;
513
- code: string;
514
- };
515
- lineHeights: {
516
- regular: string;
517
- shorter: string;
518
- short: string;
519
- base: string;
520
- tall: string;
521
- };
522
- radii: {
523
- px: string;
524
- xs: string;
525
- sm: string;
526
- md: string;
527
- lg: string;
528
- full: string;
529
- };
530
- space: {
531
- 1: string;
532
- 2: string;
533
- 3: string;
534
- 4: string;
535
- 5: string;
536
- 6: string;
537
- 7: string;
538
- 8: string;
539
- 10: string;
540
- 11: string;
541
- 12: string;
542
- 14: string;
543
- 16: string;
544
- 19: string;
545
- 20: string;
546
- 22: string;
547
- 40: string;
548
- 64: string;
549
- 80: string;
550
- };
551
- }, {
552
- height: "space";
553
- width: "space";
554
- gap: "space";
555
- gridGap: "space";
556
- columnGap: "space";
557
- gridColumnGap: "space";
558
- rowGap: "space";
559
- gridRowGap: "space";
560
- inset: "space";
561
- insetBlock: "space";
562
- insetBlockEnd: "space";
563
- insetBlockStart: "space";
564
- insetInline: "space";
565
- insetInlineEnd: "space";
566
- insetInlineStart: "space";
567
- margin: "space";
568
- marginTop: "space";
569
- marginRight: "space";
570
- marginBottom: "space";
571
- marginLeft: "space";
572
- marginBlock: "space";
573
- marginBlockEnd: "space";
574
- marginBlockStart: "space";
575
- marginInline: "space";
576
- marginInlineEnd: "space";
577
- marginInlineStart: "space";
578
- padding: "space";
579
- paddingTop: "space";
580
- paddingRight: "space";
581
- paddingBottom: "space";
582
- paddingLeft: "space";
583
- paddingBlock: "space";
584
- paddingBlockEnd: "space";
585
- paddingBlockStart: "space";
586
- paddingInline: "space";
587
- paddingInlineEnd: "space";
588
- paddingInlineStart: "space";
589
- scrollMargin: "space";
590
- scrollMarginTop: "space";
591
- scrollMarginRight: "space";
592
- scrollMarginBottom: "space";
593
- scrollMarginLeft: "space";
594
- scrollMarginBlock: "space";
595
- scrollMarginBlockEnd: "space";
596
- scrollMarginBlockStart: "space";
597
- scrollMarginInline: "space";
598
- scrollMarginInlineEnd: "space";
599
- scrollMarginInlineStart: "space";
600
- scrollPadding: "space";
601
- scrollPaddingTop: "space";
602
- scrollPaddingRight: "space";
603
- scrollPaddingBottom: "space";
604
- scrollPaddingLeft: "space";
605
- scrollPaddingBlock: "space";
606
- scrollPaddingBlockEnd: "space";
607
- scrollPaddingBlockStart: "space";
608
- scrollPaddingInline: "space";
609
- scrollPaddingInlineEnd: "space";
610
- scrollPaddingInlineStart: "space";
611
- top: "space";
612
- right: "space";
613
- bottom: "space";
614
- left: "space";
615
- fontSize: "fontSizes";
616
- background: "colors";
617
- backgroundColor: "colors";
618
- backgroundImage: "colors";
619
- borderImage: "colors";
620
- border: "colors";
621
- borderBlock: "colors";
622
- borderBlockEnd: "colors";
623
- borderBlockStart: "colors";
624
- borderBottom: "colors";
625
- borderBottomColor: "colors";
626
- borderColor: "colors";
627
- borderInline: "colors";
628
- borderInlineEnd: "colors";
629
- borderInlineStart: "colors";
630
- borderLeft: "colors";
631
- borderLeftColor: "colors";
632
- borderRight: "colors";
633
- borderRightColor: "colors";
634
- borderTop: "colors";
635
- borderTopColor: "colors";
636
- caretColor: "colors";
637
- color: "colors";
638
- columnRuleColor: "colors";
639
- outline: "colors";
640
- outlineColor: "colors";
641
- fill: "colors";
642
- stroke: "colors";
643
- textDecorationColor: "colors";
644
- fontFamily: "fonts";
645
- fontWeight: "fontWeights";
646
- lineHeight: "lineHeights";
647
- letterSpacing: "letterSpacings";
648
- blockSize: "sizes";
649
- minBlockSize: "sizes";
650
- maxBlockSize: "sizes";
651
- inlineSize: "sizes";
652
- minInlineSize: "sizes";
653
- maxInlineSize: "sizes";
654
- minWidth: "sizes";
655
- maxWidth: "sizes";
656
- minHeight: "sizes";
657
- maxHeight: "sizes";
658
- flexBasis: "sizes";
659
- gridTemplateColumns: "sizes";
660
- gridTemplateRows: "sizes";
661
- borderWidth: "borderWidths";
662
- borderTopWidth: "borderWidths";
663
- borderLeftWidth: "borderWidths";
664
- borderRightWidth: "borderWidths";
665
- borderBottomWidth: "borderWidths";
666
- borderStyle: "borderStyles";
667
- borderTopStyle: "borderStyles";
668
- borderLeftStyle: "borderStyles";
669
- borderRightStyle: "borderStyles";
670
- borderBottomStyle: "borderStyles";
671
- borderRadius: "radii";
672
- borderTopLeftRadius: "radii";
673
- borderTopRightRadius: "radii";
674
- borderBottomRightRadius: "radii";
675
- borderBottomLeftRadius: "radii";
676
- boxShadow: "shadows";
677
- textShadow: "shadows";
678
- transition: "transitions";
679
- zIndex: "zIndices";
680
- }, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | _stitches_react_types_util.Function | react.JSXElementConstructor<any> | react.ExoticComponent<any> ? Composers[K] : _stitches_react_types_stitches.RemoveIndex<CSS> & {
681
- variants?: {
682
- [x: string]: {
683
- [x: string]: CSS;
684
- [x: number]: CSS;
685
- };
686
- } | undefined;
687
- compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : _stitches_react_types_util.WideObject) & {
688
- css: CSS;
689
- })[] | undefined;
690
- defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: _stitches_react_types_util.String | _stitches_react_types_util.Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : _stitches_react_types_util.WideObject) | undefined;
691
- } & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => _stitches_react_types_styled_component.CssComponent<_stitches_react_types_styled_component.StyledComponentType<Composers>, _stitches_react_types_styled_component.StyledComponentProps<Composers>, {
692
- sm: "(min-width: 375px)";
693
- md: "(min-width: 768px)";
694
- lg: "(min-width: 1024px)";
695
- }, CSS>;
696
- declare const globalCss: <Styles extends {
697
- [K: string]: any;
698
- }>(...styles: ({
699
- '@import'?: unknown;
700
- '@font-face'?: unknown;
701
- } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? _stitches_react_types_css.AtRule.FontFace | _stitches_react_types_css.AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
702
- [x: string]: _stitches_react_types_css_util.CSS<{
703
- sm: "(min-width: 375px)";
704
- md: "(min-width: 768px)";
705
- lg: "(min-width: 1024px)";
706
- }, {
707
- colors: {
708
- white: string;
709
- black: string;
710
- gray_background: string;
711
- gray_light: string;
712
- gray_mid: string;
713
- gray_dark: string;
714
- clickpalm_light: string;
715
- clickpalm_mid: string;
716
- clickpalm_dark: string;
717
- clickpalm_superDark: string;
718
- ignite_light: string;
719
- ignite_dark: string;
720
- success: string;
721
- success_dark: string;
722
- warning: string;
723
- warning_dark: string;
724
- danger: string;
725
- danger_dark: string;
726
- };
727
- fontSizes: {
728
- xxs: string;
729
- xs: string;
730
- sm: string;
731
- md: string;
732
- lg: string;
733
- xl: string;
734
- '2xl': string;
735
- '4xl': string;
736
- '5xl': string;
737
- '6xl': string;
738
- '7xl': string;
739
- '8xl': string;
740
- '9xl': string;
741
- };
742
- fontWeights: {
743
- regular: string;
744
- medium: string;
745
- bold: string;
746
- };
747
- fonts: {
748
- default: string;
749
- code: string;
750
- };
751
- lineHeights: {
752
- regular: string;
753
- shorter: string;
754
- short: string;
755
- base: string;
756
- tall: string;
757
- };
758
- radii: {
759
- px: string;
760
- xs: string;
761
- sm: string;
762
- md: string;
763
- lg: string;
764
- full: string;
765
- };
766
- space: {
767
- 1: string;
768
- 2: string;
769
- 3: string;
770
- 4: string;
771
- 5: string;
772
- 6: string;
773
- 7: string;
774
- 8: string;
775
- 10: string;
776
- 11: string;
777
- 12: string;
778
- 14: string;
779
- 16: string;
780
- 19: string;
781
- 20: string;
782
- 22: string;
783
- 40: string;
784
- 64: string;
785
- 80: string;
786
- };
787
- }, {
788
- height: "space";
789
- width: "space";
790
- gap: "space";
791
- gridGap: "space";
792
- columnGap: "space";
793
- gridColumnGap: "space";
794
- rowGap: "space";
795
- gridRowGap: "space";
796
- inset: "space";
797
- insetBlock: "space";
798
- insetBlockEnd: "space";
799
- insetBlockStart: "space";
800
- insetInline: "space";
801
- insetInlineEnd: "space";
802
- insetInlineStart: "space";
803
- margin: "space";
804
- marginTop: "space";
805
- marginRight: "space";
806
- marginBottom: "space";
807
- marginLeft: "space";
808
- marginBlock: "space";
809
- marginBlockEnd: "space";
810
- marginBlockStart: "space";
811
- marginInline: "space";
812
- marginInlineEnd: "space";
813
- marginInlineStart: "space";
814
- padding: "space";
815
- paddingTop: "space";
816
- paddingRight: "space";
817
- paddingBottom: "space";
818
- paddingLeft: "space";
819
- paddingBlock: "space";
820
- paddingBlockEnd: "space";
821
- paddingBlockStart: "space";
822
- paddingInline: "space";
823
- paddingInlineEnd: "space";
824
- paddingInlineStart: "space";
825
- scrollMargin: "space";
826
- scrollMarginTop: "space";
827
- scrollMarginRight: "space";
828
- scrollMarginBottom: "space";
829
- scrollMarginLeft: "space";
830
- scrollMarginBlock: "space";
831
- scrollMarginBlockEnd: "space";
832
- scrollMarginBlockStart: "space";
833
- scrollMarginInline: "space";
834
- scrollMarginInlineEnd: "space";
835
- scrollMarginInlineStart: "space";
836
- scrollPadding: "space";
837
- scrollPaddingTop: "space";
838
- scrollPaddingRight: "space";
839
- scrollPaddingBottom: "space";
840
- scrollPaddingLeft: "space";
841
- scrollPaddingBlock: "space";
842
- scrollPaddingBlockEnd: "space";
843
- scrollPaddingBlockStart: "space";
844
- scrollPaddingInline: "space";
845
- scrollPaddingInlineEnd: "space";
846
- scrollPaddingInlineStart: "space";
847
- top: "space";
848
- right: "space";
849
- bottom: "space";
850
- left: "space";
851
- fontSize: "fontSizes";
852
- background: "colors";
853
- backgroundColor: "colors";
854
- backgroundImage: "colors";
855
- borderImage: "colors";
856
- border: "colors";
857
- borderBlock: "colors";
858
- borderBlockEnd: "colors";
859
- borderBlockStart: "colors";
860
- borderBottom: "colors";
861
- borderBottomColor: "colors";
862
- borderColor: "colors";
863
- borderInline: "colors";
864
- borderInlineEnd: "colors";
865
- borderInlineStart: "colors";
866
- borderLeft: "colors";
867
- borderLeftColor: "colors";
868
- borderRight: "colors";
869
- borderRightColor: "colors";
870
- borderTop: "colors";
871
- borderTopColor: "colors";
872
- caretColor: "colors";
873
- color: "colors";
874
- columnRuleColor: "colors";
875
- outline: "colors";
876
- outlineColor: "colors";
877
- fill: "colors";
878
- stroke: "colors";
879
- textDecorationColor: "colors";
880
- fontFamily: "fonts";
881
- fontWeight: "fontWeights";
882
- lineHeight: "lineHeights";
883
- letterSpacing: "letterSpacings";
884
- blockSize: "sizes";
885
- minBlockSize: "sizes";
886
- maxBlockSize: "sizes";
887
- inlineSize: "sizes";
888
- minInlineSize: "sizes";
889
- maxInlineSize: "sizes";
890
- minWidth: "sizes";
891
- maxWidth: "sizes";
892
- minHeight: "sizes";
893
- maxHeight: "sizes";
894
- flexBasis: "sizes";
895
- gridTemplateColumns: "sizes";
896
- gridTemplateRows: "sizes";
897
- borderWidth: "borderWidths";
898
- borderTopWidth: "borderWidths";
899
- borderLeftWidth: "borderWidths";
900
- borderRightWidth: "borderWidths";
901
- borderBottomWidth: "borderWidths";
902
- borderStyle: "borderStyles";
903
- borderTopStyle: "borderStyles";
904
- borderLeftStyle: "borderStyles";
905
- borderRightStyle: "borderStyles";
906
- borderBottomStyle: "borderStyles";
907
- borderRadius: "radii";
908
- borderTopLeftRadius: "radii";
909
- borderTopRightRadius: "radii";
910
- borderBottomRightRadius: "radii";
911
- borderBottomLeftRadius: "radii";
912
- boxShadow: "shadows";
913
- textShadow: "shadows";
914
- transition: "transitions";
915
- zIndex: "zIndices";
916
- }, {}>;
917
- } : K extends `@property ${string}` ? _stitches_react_types_css.AtRule.Property : _stitches_react_types_css_util.CSS<{
918
- sm: "(min-width: 375px)";
919
- md: "(min-width: 768px)";
920
- lg: "(min-width: 1024px)";
921
- }, {
922
- colors: {
923
- white: string;
924
- black: string;
925
- gray_background: string;
926
- gray_light: string;
927
- gray_mid: string;
928
- gray_dark: string;
929
- clickpalm_light: string;
930
- clickpalm_mid: string;
931
- clickpalm_dark: string;
932
- clickpalm_superDark: string;
933
- ignite_light: string;
934
- ignite_dark: string;
935
- success: string;
936
- success_dark: string;
937
- warning: string;
938
- warning_dark: string;
939
- danger: string;
940
- danger_dark: string;
941
- };
942
- fontSizes: {
943
- xxs: string;
944
- xs: string;
945
- sm: string;
946
- md: string;
947
- lg: string;
948
- xl: string;
949
- '2xl': string;
950
- '4xl': string;
951
- '5xl': string;
952
- '6xl': string;
953
- '7xl': string;
954
- '8xl': string;
955
- '9xl': string;
956
- };
957
- fontWeights: {
958
- regular: string;
959
- medium: string;
960
- bold: string;
961
- };
962
- fonts: {
963
- default: string;
964
- code: string;
965
- };
966
- lineHeights: {
967
- regular: string;
968
- shorter: string;
969
- short: string;
970
- base: string;
971
- tall: string;
972
- };
973
- radii: {
974
- px: string;
975
- xs: string;
976
- sm: string;
977
- md: string;
978
- lg: string;
979
- full: string;
980
- };
981
- space: {
982
- 1: string;
983
- 2: string;
984
- 3: string;
985
- 4: string;
986
- 5: string;
987
- 6: string;
988
- 7: string;
989
- 8: string;
990
- 10: string;
991
- 11: string;
992
- 12: string;
993
- 14: string;
994
- 16: string;
995
- 19: string;
996
- 20: string;
997
- 22: string;
998
- 40: string;
999
- 64: string;
1000
- 80: string;
1001
- };
1002
- }, {
1003
- height: "space";
1004
- width: "space";
1005
- gap: "space";
1006
- gridGap: "space";
1007
- columnGap: "space";
1008
- gridColumnGap: "space";
1009
- rowGap: "space";
1010
- gridRowGap: "space";
1011
- inset: "space";
1012
- insetBlock: "space";
1013
- insetBlockEnd: "space";
1014
- insetBlockStart: "space";
1015
- insetInline: "space";
1016
- insetInlineEnd: "space";
1017
- insetInlineStart: "space";
1018
- margin: "space";
1019
- marginTop: "space";
1020
- marginRight: "space";
1021
- marginBottom: "space";
1022
- marginLeft: "space";
1023
- marginBlock: "space";
1024
- marginBlockEnd: "space";
1025
- marginBlockStart: "space";
1026
- marginInline: "space";
1027
- marginInlineEnd: "space";
1028
- marginInlineStart: "space";
1029
- padding: "space";
1030
- paddingTop: "space";
1031
- paddingRight: "space";
1032
- paddingBottom: "space";
1033
- paddingLeft: "space";
1034
- paddingBlock: "space";
1035
- paddingBlockEnd: "space";
1036
- paddingBlockStart: "space";
1037
- paddingInline: "space";
1038
- paddingInlineEnd: "space";
1039
- paddingInlineStart: "space";
1040
- scrollMargin: "space";
1041
- scrollMarginTop: "space";
1042
- scrollMarginRight: "space";
1043
- scrollMarginBottom: "space";
1044
- scrollMarginLeft: "space";
1045
- scrollMarginBlock: "space";
1046
- scrollMarginBlockEnd: "space";
1047
- scrollMarginBlockStart: "space";
1048
- scrollMarginInline: "space";
1049
- scrollMarginInlineEnd: "space";
1050
- scrollMarginInlineStart: "space";
1051
- scrollPadding: "space";
1052
- scrollPaddingTop: "space";
1053
- scrollPaddingRight: "space";
1054
- scrollPaddingBottom: "space";
1055
- scrollPaddingLeft: "space";
1056
- scrollPaddingBlock: "space";
1057
- scrollPaddingBlockEnd: "space";
1058
- scrollPaddingBlockStart: "space";
1059
- scrollPaddingInline: "space";
1060
- scrollPaddingInlineEnd: "space";
1061
- scrollPaddingInlineStart: "space";
1062
- top: "space";
1063
- right: "space";
1064
- bottom: "space";
1065
- left: "space";
1066
- fontSize: "fontSizes";
1067
- background: "colors";
1068
- backgroundColor: "colors";
1069
- backgroundImage: "colors";
1070
- borderImage: "colors";
1071
- border: "colors";
1072
- borderBlock: "colors";
1073
- borderBlockEnd: "colors";
1074
- borderBlockStart: "colors";
1075
- borderBottom: "colors";
1076
- borderBottomColor: "colors";
1077
- borderColor: "colors";
1078
- borderInline: "colors";
1079
- borderInlineEnd: "colors";
1080
- borderInlineStart: "colors";
1081
- borderLeft: "colors";
1082
- borderLeftColor: "colors";
1083
- borderRight: "colors";
1084
- borderRightColor: "colors";
1085
- borderTop: "colors";
1086
- borderTopColor: "colors";
1087
- caretColor: "colors";
1088
- color: "colors";
1089
- columnRuleColor: "colors";
1090
- outline: "colors";
1091
- outlineColor: "colors";
1092
- fill: "colors";
1093
- stroke: "colors";
1094
- textDecorationColor: "colors";
1095
- fontFamily: "fonts";
1096
- fontWeight: "fontWeights";
1097
- lineHeight: "lineHeights";
1098
- letterSpacing: "letterSpacings";
1099
- blockSize: "sizes";
1100
- minBlockSize: "sizes";
1101
- maxBlockSize: "sizes";
1102
- inlineSize: "sizes";
1103
- minInlineSize: "sizes";
1104
- maxInlineSize: "sizes";
1105
- minWidth: "sizes";
1106
- maxWidth: "sizes";
1107
- minHeight: "sizes";
1108
- maxHeight: "sizes";
1109
- flexBasis: "sizes";
1110
- gridTemplateColumns: "sizes";
1111
- gridTemplateRows: "sizes";
1112
- borderWidth: "borderWidths";
1113
- borderTopWidth: "borderWidths";
1114
- borderLeftWidth: "borderWidths";
1115
- borderRightWidth: "borderWidths";
1116
- borderBottomWidth: "borderWidths";
1117
- borderStyle: "borderStyles";
1118
- borderTopStyle: "borderStyles";
1119
- borderLeftStyle: "borderStyles";
1120
- borderRightStyle: "borderStyles";
1121
- borderBottomStyle: "borderStyles";
1122
- borderRadius: "radii";
1123
- borderTopLeftRadius: "radii";
1124
- borderTopRightRadius: "radii";
1125
- borderBottomRightRadius: "radii";
1126
- borderBottomLeftRadius: "radii";
1127
- boxShadow: "shadows";
1128
- textShadow: "shadows";
1129
- transition: "transitions";
1130
- zIndex: "zIndices";
1131
- }, {}>; })[]) => () => string;
1132
- declare const keyframes: (style: {
1133
- [offset: string]: _stitches_react_types_css_util.CSS<{
1134
- sm: "(min-width: 375px)";
1135
- md: "(min-width: 768px)";
1136
- lg: "(min-width: 1024px)";
1137
- }, {
1138
- colors: {
1139
- white: string;
1140
- black: string;
1141
- gray_background: string;
1142
- gray_light: string;
1143
- gray_mid: string;
1144
- gray_dark: string;
1145
- clickpalm_light: string;
1146
- clickpalm_mid: string;
1147
- clickpalm_dark: string;
1148
- clickpalm_superDark: string;
1149
- ignite_light: string;
1150
- ignite_dark: string;
1151
- success: string;
1152
- success_dark: string;
1153
- warning: string;
1154
- warning_dark: string;
1155
- danger: string;
1156
- danger_dark: string;
1157
- };
1158
- fontSizes: {
1159
- xxs: string;
1160
- xs: string;
1161
- sm: string;
1162
- md: string;
1163
- lg: string;
1164
- xl: string;
1165
- '2xl': string;
1166
- '4xl': string;
1167
- '5xl': string;
1168
- '6xl': string;
1169
- '7xl': string;
1170
- '8xl': string;
1171
- '9xl': string;
1172
- };
1173
- fontWeights: {
1174
- regular: string;
1175
- medium: string;
1176
- bold: string;
1177
- };
1178
- fonts: {
1179
- default: string;
1180
- code: string;
1181
- };
1182
- lineHeights: {
1183
- regular: string;
1184
- shorter: string;
1185
- short: string;
1186
- base: string;
1187
- tall: string;
1188
- };
1189
- radii: {
1190
- px: string;
1191
- xs: string;
1192
- sm: string;
1193
- md: string;
1194
- lg: string;
1195
- full: string;
1196
- };
1197
- space: {
1198
- 1: string;
1199
- 2: string;
1200
- 3: string;
1201
- 4: string;
1202
- 5: string;
1203
- 6: string;
1204
- 7: string;
1205
- 8: string;
1206
- 10: string;
1207
- 11: string;
1208
- 12: string;
1209
- 14: string;
1210
- 16: string;
1211
- 19: string;
1212
- 20: string;
1213
- 22: string;
1214
- 40: string;
1215
- 64: string;
1216
- 80: string;
1217
- };
1218
- }, {
1219
- height: "space";
1220
- width: "space";
1221
- gap: "space";
1222
- gridGap: "space";
1223
- columnGap: "space";
1224
- gridColumnGap: "space";
1225
- rowGap: "space";
1226
- gridRowGap: "space";
1227
- inset: "space";
1228
- insetBlock: "space";
1229
- insetBlockEnd: "space";
1230
- insetBlockStart: "space";
1231
- insetInline: "space";
1232
- insetInlineEnd: "space";
1233
- insetInlineStart: "space";
1234
- margin: "space";
1235
- marginTop: "space";
1236
- marginRight: "space";
1237
- marginBottom: "space";
1238
- marginLeft: "space";
1239
- marginBlock: "space";
1240
- marginBlockEnd: "space";
1241
- marginBlockStart: "space";
1242
- marginInline: "space";
1243
- marginInlineEnd: "space";
1244
- marginInlineStart: "space";
1245
- padding: "space";
1246
- paddingTop: "space";
1247
- paddingRight: "space";
1248
- paddingBottom: "space";
1249
- paddingLeft: "space";
1250
- paddingBlock: "space";
1251
- paddingBlockEnd: "space";
1252
- paddingBlockStart: "space";
1253
- paddingInline: "space";
1254
- paddingInlineEnd: "space";
1255
- paddingInlineStart: "space";
1256
- scrollMargin: "space";
1257
- scrollMarginTop: "space";
1258
- scrollMarginRight: "space";
1259
- scrollMarginBottom: "space";
1260
- scrollMarginLeft: "space";
1261
- scrollMarginBlock: "space";
1262
- scrollMarginBlockEnd: "space";
1263
- scrollMarginBlockStart: "space";
1264
- scrollMarginInline: "space";
1265
- scrollMarginInlineEnd: "space";
1266
- scrollMarginInlineStart: "space";
1267
- scrollPadding: "space";
1268
- scrollPaddingTop: "space";
1269
- scrollPaddingRight: "space";
1270
- scrollPaddingBottom: "space";
1271
- scrollPaddingLeft: "space";
1272
- scrollPaddingBlock: "space";
1273
- scrollPaddingBlockEnd: "space";
1274
- scrollPaddingBlockStart: "space";
1275
- scrollPaddingInline: "space";
1276
- scrollPaddingInlineEnd: "space";
1277
- scrollPaddingInlineStart: "space";
1278
- top: "space";
1279
- right: "space";
1280
- bottom: "space";
1281
- left: "space";
1282
- fontSize: "fontSizes";
1283
- background: "colors";
1284
- backgroundColor: "colors";
1285
- backgroundImage: "colors";
1286
- borderImage: "colors";
1287
- border: "colors";
1288
- borderBlock: "colors";
1289
- borderBlockEnd: "colors";
1290
- borderBlockStart: "colors";
1291
- borderBottom: "colors";
1292
- borderBottomColor: "colors";
1293
- borderColor: "colors";
1294
- borderInline: "colors";
1295
- borderInlineEnd: "colors";
1296
- borderInlineStart: "colors";
1297
- borderLeft: "colors";
1298
- borderLeftColor: "colors";
1299
- borderRight: "colors";
1300
- borderRightColor: "colors";
1301
- borderTop: "colors";
1302
- borderTopColor: "colors";
1303
- caretColor: "colors";
1304
- color: "colors";
1305
- columnRuleColor: "colors";
1306
- outline: "colors";
1307
- outlineColor: "colors";
1308
- fill: "colors";
1309
- stroke: "colors";
1310
- textDecorationColor: "colors";
1311
- fontFamily: "fonts";
1312
- fontWeight: "fontWeights";
1313
- lineHeight: "lineHeights";
1314
- letterSpacing: "letterSpacings";
1315
- blockSize: "sizes";
1316
- minBlockSize: "sizes";
1317
- maxBlockSize: "sizes";
1318
- inlineSize: "sizes";
1319
- minInlineSize: "sizes";
1320
- maxInlineSize: "sizes";
1321
- minWidth: "sizes";
1322
- maxWidth: "sizes";
1323
- minHeight: "sizes";
1324
- maxHeight: "sizes";
1325
- flexBasis: "sizes";
1326
- gridTemplateColumns: "sizes";
1327
- gridTemplateRows: "sizes";
1328
- borderWidth: "borderWidths";
1329
- borderTopWidth: "borderWidths";
1330
- borderLeftWidth: "borderWidths";
1331
- borderRightWidth: "borderWidths";
1332
- borderBottomWidth: "borderWidths";
1333
- borderStyle: "borderStyles";
1334
- borderTopStyle: "borderStyles";
1335
- borderLeftStyle: "borderStyles";
1336
- borderRightStyle: "borderStyles";
1337
- borderBottomStyle: "borderStyles";
1338
- borderRadius: "radii";
1339
- borderTopLeftRadius: "radii";
1340
- borderTopRightRadius: "radii";
1341
- borderBottomRightRadius: "radii";
1342
- borderBottomLeftRadius: "radii";
1343
- boxShadow: "shadows";
1344
- textShadow: "shadows";
1345
- transition: "transitions";
1346
- zIndex: "zIndices";
1347
- }, {}>;
1348
- }) => {
1349
- (): string;
1350
- name: string;
1351
- };
1352
- declare const getCssText: () => string;
1353
- declare const theme: string & {
1354
- className: string;
1355
- selector: string;
1356
- } & {
1357
- colors: {
1358
- white: _stitches_react_types_theme.Token<"white", string, "colors", "">;
1359
- black: _stitches_react_types_theme.Token<"black", string, "colors", "">;
1360
- gray_background: _stitches_react_types_theme.Token<"gray_background", string, "colors", "">;
1361
- gray_light: _stitches_react_types_theme.Token<"gray_light", string, "colors", "">;
1362
- gray_mid: _stitches_react_types_theme.Token<"gray_mid", string, "colors", "">;
1363
- gray_dark: _stitches_react_types_theme.Token<"gray_dark", string, "colors", "">;
1364
- clickpalm_light: _stitches_react_types_theme.Token<"clickpalm_light", string, "colors", "">;
1365
- clickpalm_mid: _stitches_react_types_theme.Token<"clickpalm_mid", string, "colors", "">;
1366
- clickpalm_dark: _stitches_react_types_theme.Token<"clickpalm_dark", string, "colors", "">;
1367
- clickpalm_superDark: _stitches_react_types_theme.Token<"clickpalm_superDark", string, "colors", "">;
1368
- ignite_light: _stitches_react_types_theme.Token<"ignite_light", string, "colors", "">;
1369
- ignite_dark: _stitches_react_types_theme.Token<"ignite_dark", string, "colors", "">;
1370
- success: _stitches_react_types_theme.Token<"success", string, "colors", "">;
1371
- success_dark: _stitches_react_types_theme.Token<"success_dark", string, "colors", "">;
1372
- warning: _stitches_react_types_theme.Token<"warning", string, "colors", "">;
1373
- warning_dark: _stitches_react_types_theme.Token<"warning_dark", string, "colors", "">;
1374
- danger: _stitches_react_types_theme.Token<"danger", string, "colors", "">;
1375
- danger_dark: _stitches_react_types_theme.Token<"danger_dark", string, "colors", "">;
1376
- };
1377
- fontSizes: {
1378
- xxs: _stitches_react_types_theme.Token<"xxs", string, "fontSizes", "">;
1379
- xs: _stitches_react_types_theme.Token<"xs", string, "fontSizes", "">;
1380
- sm: _stitches_react_types_theme.Token<"sm", string, "fontSizes", "">;
1381
- md: _stitches_react_types_theme.Token<"md", string, "fontSizes", "">;
1382
- lg: _stitches_react_types_theme.Token<"lg", string, "fontSizes", "">;
1383
- xl: _stitches_react_types_theme.Token<"xl", string, "fontSizes", "">;
1384
- '2xl': _stitches_react_types_theme.Token<"2xl", string, "fontSizes", "">;
1385
- '4xl': _stitches_react_types_theme.Token<"4xl", string, "fontSizes", "">;
1386
- '5xl': _stitches_react_types_theme.Token<"5xl", string, "fontSizes", "">;
1387
- '6xl': _stitches_react_types_theme.Token<"6xl", string, "fontSizes", "">;
1388
- '7xl': _stitches_react_types_theme.Token<"7xl", string, "fontSizes", "">;
1389
- '8xl': _stitches_react_types_theme.Token<"8xl", string, "fontSizes", "">;
1390
- '9xl': _stitches_react_types_theme.Token<"9xl", string, "fontSizes", "">;
1391
- };
1392
- fontWeights: {
1393
- regular: _stitches_react_types_theme.Token<"regular", string, "fontWeights", "">;
1394
- medium: _stitches_react_types_theme.Token<"medium", string, "fontWeights", "">;
1395
- bold: _stitches_react_types_theme.Token<"bold", string, "fontWeights", "">;
1396
- };
1397
- fonts: {
1398
- default: _stitches_react_types_theme.Token<"default", string, "fonts", "">;
1399
- code: _stitches_react_types_theme.Token<"code", string, "fonts", "">;
1400
- };
1401
- lineHeights: {
1402
- regular: _stitches_react_types_theme.Token<"regular", string, "lineHeights", "">;
1403
- shorter: _stitches_react_types_theme.Token<"shorter", string, "lineHeights", "">;
1404
- short: _stitches_react_types_theme.Token<"short", string, "lineHeights", "">;
1405
- base: _stitches_react_types_theme.Token<"base", string, "lineHeights", "">;
1406
- tall: _stitches_react_types_theme.Token<"tall", string, "lineHeights", "">;
1407
- };
1408
- radii: {
1409
- px: _stitches_react_types_theme.Token<"px", string, "radii", "">;
1410
- xs: _stitches_react_types_theme.Token<"xs", string, "radii", "">;
1411
- sm: _stitches_react_types_theme.Token<"sm", string, "radii", "">;
1412
- md: _stitches_react_types_theme.Token<"md", string, "radii", "">;
1413
- lg: _stitches_react_types_theme.Token<"lg", string, "radii", "">;
1414
- full: _stitches_react_types_theme.Token<"full", string, "radii", "">;
1415
- };
1416
- space: {
1417
- 1: _stitches_react_types_theme.Token<"1", string, "space", "">;
1418
- 2: _stitches_react_types_theme.Token<"2", string, "space", "">;
1419
- 3: _stitches_react_types_theme.Token<"3", string, "space", "">;
1420
- 4: _stitches_react_types_theme.Token<"4", string, "space", "">;
1421
- 5: _stitches_react_types_theme.Token<"5", string, "space", "">;
1422
- 6: _stitches_react_types_theme.Token<"6", string, "space", "">;
1423
- 7: _stitches_react_types_theme.Token<"7", string, "space", "">;
1424
- 8: _stitches_react_types_theme.Token<"8", string, "space", "">;
1425
- 10: _stitches_react_types_theme.Token<"10", string, "space", "">;
1426
- 11: _stitches_react_types_theme.Token<"11", string, "space", "">;
1427
- 12: _stitches_react_types_theme.Token<"12", string, "space", "">;
1428
- 14: _stitches_react_types_theme.Token<"14", string, "space", "">;
1429
- 16: _stitches_react_types_theme.Token<"16", string, "space", "">;
1430
- 19: _stitches_react_types_theme.Token<"19", string, "space", "">;
1431
- 20: _stitches_react_types_theme.Token<"20", string, "space", "">;
1432
- 22: _stitches_react_types_theme.Token<"22", string, "space", "">;
1433
- 40: _stitches_react_types_theme.Token<"40", string, "space", "">;
1434
- 64: _stitches_react_types_theme.Token<"64", string, "space", "">;
1435
- 80: _stitches_react_types_theme.Token<"80", string, "space", "">;
1436
- };
1437
- };
1438
- declare const createTheme: <Argument0 extends string | ({
1439
- colors?: {
1440
- white?: string | number | boolean | undefined;
1441
- black?: string | number | boolean | undefined;
1442
- gray_background?: string | number | boolean | undefined;
1443
- gray_light?: string | number | boolean | undefined;
1444
- gray_mid?: string | number | boolean | undefined;
1445
- gray_dark?: string | number | boolean | undefined;
1446
- clickpalm_light?: string | number | boolean | undefined;
1447
- clickpalm_mid?: string | number | boolean | undefined;
1448
- clickpalm_dark?: string | number | boolean | undefined;
1449
- clickpalm_superDark?: string | number | boolean | undefined;
1450
- ignite_light?: string | number | boolean | undefined;
1451
- ignite_dark?: string | number | boolean | undefined;
1452
- success?: string | number | boolean | undefined;
1453
- success_dark?: string | number | boolean | undefined;
1454
- warning?: string | number | boolean | undefined;
1455
- warning_dark?: string | number | boolean | undefined;
1456
- danger?: string | number | boolean | undefined;
1457
- danger_dark?: string | number | boolean | undefined;
1458
- } | undefined;
1459
- fontSizes?: {
1460
- xxs?: string | number | boolean | undefined;
1461
- xs?: string | number | boolean | undefined;
1462
- sm?: string | number | boolean | undefined;
1463
- md?: string | number | boolean | undefined;
1464
- lg?: string | number | boolean | undefined;
1465
- xl?: string | number | boolean | undefined;
1466
- '2xl'?: string | number | boolean | undefined;
1467
- '4xl'?: string | number | boolean | undefined;
1468
- '5xl'?: string | number | boolean | undefined;
1469
- '6xl'?: string | number | boolean | undefined;
1470
- '7xl'?: string | number | boolean | undefined;
1471
- '8xl'?: string | number | boolean | undefined;
1472
- '9xl'?: string | number | boolean | undefined;
1473
- } | undefined;
1474
- fontWeights?: {
1475
- regular?: string | number | boolean | undefined;
1476
- medium?: string | number | boolean | undefined;
1477
- bold?: string | number | boolean | undefined;
1478
- } | undefined;
1479
- fonts?: {
1480
- default?: string | number | boolean | undefined;
1481
- code?: string | number | boolean | undefined;
1482
- } | undefined;
1483
- lineHeights?: {
1484
- regular?: string | number | boolean | undefined;
1485
- shorter?: string | number | boolean | undefined;
1486
- short?: string | number | boolean | undefined;
1487
- base?: string | number | boolean | undefined;
1488
- tall?: string | number | boolean | undefined;
1489
- } | undefined;
1490
- radii?: {
1491
- px?: string | number | boolean | undefined;
1492
- xs?: string | number | boolean | undefined;
1493
- sm?: string | number | boolean | undefined;
1494
- md?: string | number | boolean | undefined;
1495
- lg?: string | number | boolean | undefined;
1496
- full?: string | number | boolean | undefined;
1497
- } | undefined;
1498
- space?: {
1499
- 1?: string | number | boolean | undefined;
1500
- 2?: string | number | boolean | undefined;
1501
- 3?: string | number | boolean | undefined;
1502
- 4?: string | number | boolean | undefined;
1503
- 5?: string | number | boolean | undefined;
1504
- 6?: string | number | boolean | undefined;
1505
- 7?: string | number | boolean | undefined;
1506
- 8?: string | number | boolean | undefined;
1507
- 10?: string | number | boolean | undefined;
1508
- 11?: string | number | boolean | undefined;
1509
- 12?: string | number | boolean | undefined;
1510
- 14?: string | number | boolean | undefined;
1511
- 16?: string | number | boolean | undefined;
1512
- 19?: string | number | boolean | undefined;
1513
- 20?: string | number | boolean | undefined;
1514
- 22?: string | number | boolean | undefined;
1515
- 40?: string | number | boolean | undefined;
1516
- 64?: string | number | boolean | undefined;
1517
- 80?: string | number | boolean | undefined;
1518
- } | undefined;
1519
- } & {
1520
- [x: string]: {
1521
- [x: string]: string | number | boolean;
1522
- [x: number]: string | number | boolean;
1523
- };
1524
- }), Argument1 extends string | ({
1525
- colors?: {
1526
- white?: string | number | boolean | undefined;
1527
- black?: string | number | boolean | undefined;
1528
- gray_background?: string | number | boolean | undefined;
1529
- gray_light?: string | number | boolean | undefined;
1530
- gray_mid?: string | number | boolean | undefined;
1531
- gray_dark?: string | number | boolean | undefined;
1532
- clickpalm_light?: string | number | boolean | undefined;
1533
- clickpalm_mid?: string | number | boolean | undefined;
1534
- clickpalm_dark?: string | number | boolean | undefined;
1535
- clickpalm_superDark?: string | number | boolean | undefined;
1536
- ignite_light?: string | number | boolean | undefined;
1537
- ignite_dark?: string | number | boolean | undefined;
1538
- success?: string | number | boolean | undefined;
1539
- success_dark?: string | number | boolean | undefined;
1540
- warning?: string | number | boolean | undefined;
1541
- warning_dark?: string | number | boolean | undefined;
1542
- danger?: string | number | boolean | undefined;
1543
- danger_dark?: string | number | boolean | undefined;
1544
- } | undefined;
1545
- fontSizes?: {
1546
- xxs?: string | number | boolean | undefined;
1547
- xs?: string | number | boolean | undefined;
1548
- sm?: string | number | boolean | undefined;
1549
- md?: string | number | boolean | undefined;
1550
- lg?: string | number | boolean | undefined;
1551
- xl?: string | number | boolean | undefined;
1552
- '2xl'?: string | number | boolean | undefined;
1553
- '4xl'?: string | number | boolean | undefined;
1554
- '5xl'?: string | number | boolean | undefined;
1555
- '6xl'?: string | number | boolean | undefined;
1556
- '7xl'?: string | number | boolean | undefined;
1557
- '8xl'?: string | number | boolean | undefined;
1558
- '9xl'?: string | number | boolean | undefined;
1559
- } | undefined;
1560
- fontWeights?: {
1561
- regular?: string | number | boolean | undefined;
1562
- medium?: string | number | boolean | undefined;
1563
- bold?: string | number | boolean | undefined;
1564
- } | undefined;
1565
- fonts?: {
1566
- default?: string | number | boolean | undefined;
1567
- code?: string | number | boolean | undefined;
1568
- } | undefined;
1569
- lineHeights?: {
1570
- regular?: string | number | boolean | undefined;
1571
- shorter?: string | number | boolean | undefined;
1572
- short?: string | number | boolean | undefined;
1573
- base?: string | number | boolean | undefined;
1574
- tall?: string | number | boolean | undefined;
1575
- } | undefined;
1576
- radii?: {
1577
- px?: string | number | boolean | undefined;
1578
- xs?: string | number | boolean | undefined;
1579
- sm?: string | number | boolean | undefined;
1580
- md?: string | number | boolean | undefined;
1581
- lg?: string | number | boolean | undefined;
1582
- full?: string | number | boolean | undefined;
1583
- } | undefined;
1584
- space?: {
1585
- 1?: string | number | boolean | undefined;
1586
- 2?: string | number | boolean | undefined;
1587
- 3?: string | number | boolean | undefined;
1588
- 4?: string | number | boolean | undefined;
1589
- 5?: string | number | boolean | undefined;
1590
- 6?: string | number | boolean | undefined;
1591
- 7?: string | number | boolean | undefined;
1592
- 8?: string | number | boolean | undefined;
1593
- 10?: string | number | boolean | undefined;
1594
- 11?: string | number | boolean | undefined;
1595
- 12?: string | number | boolean | undefined;
1596
- 14?: string | number | boolean | undefined;
1597
- 16?: string | number | boolean | undefined;
1598
- 19?: string | number | boolean | undefined;
1599
- 20?: string | number | boolean | undefined;
1600
- 22?: string | number | boolean | undefined;
1601
- 40?: string | number | boolean | undefined;
1602
- 64?: string | number | boolean | undefined;
1603
- 80?: string | number | boolean | undefined;
1604
- } | undefined;
1605
- } & {
1606
- [x: string]: {
1607
- [x: string]: string | number | boolean;
1608
- [x: number]: string | number | boolean;
1609
- };
1610
- })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
1611
- className: string;
1612
- selector: string;
1613
- } & (Argument0 extends string ? _stitches_react_types_stitches.ThemeTokens<Argument1, ""> : _stitches_react_types_stitches.ThemeTokens<Argument0, "">);
1614
- declare const config: {
1615
- prefix: "";
1616
- media: {
1617
- sm: "(min-width: 375px)";
1618
- md: "(min-width: 768px)";
1619
- lg: "(min-width: 1024px)";
1620
- };
1621
- theme: {
1622
- colors: {
1623
- white: string;
1624
- black: string;
1625
- gray_background: string;
1626
- gray_light: string;
1627
- gray_mid: string;
1628
- gray_dark: string;
1629
- clickpalm_light: string;
1630
- clickpalm_mid: string;
1631
- clickpalm_dark: string;
1632
- clickpalm_superDark: string;
1633
- ignite_light: string;
1634
- ignite_dark: string;
1635
- success: string;
1636
- success_dark: string;
1637
- warning: string;
1638
- warning_dark: string;
1639
- danger: string;
1640
- danger_dark: string;
1641
- };
1642
- fontSizes: {
1643
- xxs: string;
1644
- xs: string;
1645
- sm: string;
1646
- md: string;
1647
- lg: string;
1648
- xl: string;
1649
- '2xl': string;
1650
- '4xl': string;
1651
- '5xl': string;
1652
- '6xl': string;
1653
- '7xl': string;
1654
- '8xl': string;
1655
- '9xl': string;
1656
- };
1657
- fontWeights: {
1658
- regular: string;
1659
- medium: string;
1660
- bold: string;
1661
- };
1662
- fonts: {
1663
- default: string;
1664
- code: string;
1665
- };
1666
- lineHeights: {
1667
- regular: string;
1668
- shorter: string;
1669
- short: string;
1670
- base: string;
1671
- tall: string;
1672
- };
1673
- radii: {
1674
- px: string;
1675
- xs: string;
1676
- sm: string;
1677
- md: string;
1678
- lg: string;
1679
- full: string;
1680
- };
1681
- space: {
1682
- 1: string;
1683
- 2: string;
1684
- 3: string;
1685
- 4: string;
1686
- 5: string;
1687
- 6: string;
1688
- 7: string;
1689
- 8: string;
1690
- 10: string;
1691
- 11: string;
1692
- 12: string;
1693
- 14: string;
1694
- 16: string;
1695
- 19: string;
1696
- 20: string;
1697
- 22: string;
1698
- 40: string;
1699
- 64: string;
1700
- 80: string;
1701
- };
1702
- };
1703
- themeMap: {
1704
- height: "space";
1705
- width: "space";
1706
- gap: "space";
1707
- gridGap: "space";
1708
- columnGap: "space";
1709
- gridColumnGap: "space";
1710
- rowGap: "space";
1711
- gridRowGap: "space";
1712
- inset: "space";
1713
- insetBlock: "space";
1714
- insetBlockEnd: "space";
1715
- insetBlockStart: "space";
1716
- insetInline: "space";
1717
- insetInlineEnd: "space";
1718
- insetInlineStart: "space";
1719
- margin: "space";
1720
- marginTop: "space";
1721
- marginRight: "space";
1722
- marginBottom: "space";
1723
- marginLeft: "space";
1724
- marginBlock: "space";
1725
- marginBlockEnd: "space";
1726
- marginBlockStart: "space";
1727
- marginInline: "space";
1728
- marginInlineEnd: "space";
1729
- marginInlineStart: "space";
1730
- padding: "space";
1731
- paddingTop: "space";
1732
- paddingRight: "space";
1733
- paddingBottom: "space";
1734
- paddingLeft: "space";
1735
- paddingBlock: "space";
1736
- paddingBlockEnd: "space";
1737
- paddingBlockStart: "space";
1738
- paddingInline: "space";
1739
- paddingInlineEnd: "space";
1740
- paddingInlineStart: "space";
1741
- scrollMargin: "space";
1742
- scrollMarginTop: "space";
1743
- scrollMarginRight: "space";
1744
- scrollMarginBottom: "space";
1745
- scrollMarginLeft: "space";
1746
- scrollMarginBlock: "space";
1747
- scrollMarginBlockEnd: "space";
1748
- scrollMarginBlockStart: "space";
1749
- scrollMarginInline: "space";
1750
- scrollMarginInlineEnd: "space";
1751
- scrollMarginInlineStart: "space";
1752
- scrollPadding: "space";
1753
- scrollPaddingTop: "space";
1754
- scrollPaddingRight: "space";
1755
- scrollPaddingBottom: "space";
1756
- scrollPaddingLeft: "space";
1757
- scrollPaddingBlock: "space";
1758
- scrollPaddingBlockEnd: "space";
1759
- scrollPaddingBlockStart: "space";
1760
- scrollPaddingInline: "space";
1761
- scrollPaddingInlineEnd: "space";
1762
- scrollPaddingInlineStart: "space";
1763
- top: "space";
1764
- right: "space";
1765
- bottom: "space";
1766
- left: "space";
1767
- fontSize: "fontSizes";
1768
- background: "colors";
1769
- backgroundColor: "colors";
1770
- backgroundImage: "colors";
1771
- borderImage: "colors";
1772
- border: "colors";
1773
- borderBlock: "colors";
1774
- borderBlockEnd: "colors";
1775
- borderBlockStart: "colors";
1776
- borderBottom: "colors";
1777
- borderBottomColor: "colors";
1778
- borderColor: "colors";
1779
- borderInline: "colors";
1780
- borderInlineEnd: "colors";
1781
- borderInlineStart: "colors";
1782
- borderLeft: "colors";
1783
- borderLeftColor: "colors";
1784
- borderRight: "colors";
1785
- borderRightColor: "colors";
1786
- borderTop: "colors";
1787
- borderTopColor: "colors";
1788
- caretColor: "colors";
1789
- color: "colors";
1790
- columnRuleColor: "colors";
1791
- outline: "colors";
1792
- outlineColor: "colors";
1793
- fill: "colors";
1794
- stroke: "colors";
1795
- textDecorationColor: "colors";
1796
- fontFamily: "fonts";
1797
- fontWeight: "fontWeights";
1798
- lineHeight: "lineHeights";
1799
- letterSpacing: "letterSpacings";
1800
- blockSize: "sizes";
1801
- minBlockSize: "sizes";
1802
- maxBlockSize: "sizes";
1803
- inlineSize: "sizes";
1804
- minInlineSize: "sizes";
1805
- maxInlineSize: "sizes";
1806
- minWidth: "sizes";
1807
- maxWidth: "sizes";
1808
- minHeight: "sizes";
1809
- maxHeight: "sizes";
1810
- flexBasis: "sizes";
1811
- gridTemplateColumns: "sizes";
1812
- gridTemplateRows: "sizes";
1813
- borderWidth: "borderWidths";
1814
- borderTopWidth: "borderWidths";
1815
- borderLeftWidth: "borderWidths";
1816
- borderRightWidth: "borderWidths";
1817
- borderBottomWidth: "borderWidths";
1818
- borderStyle: "borderStyles";
1819
- borderTopStyle: "borderStyles";
1820
- borderLeftStyle: "borderStyles";
1821
- borderRightStyle: "borderStyles";
1822
- borderBottomStyle: "borderStyles";
1823
- borderRadius: "radii";
1824
- borderTopLeftRadius: "radii";
1825
- borderTopRightRadius: "radii";
1826
- borderBottomRightRadius: "radii";
1827
- borderBottomLeftRadius: "radii";
1828
- boxShadow: "shadows";
1829
- textShadow: "shadows";
1830
- transition: "transitions";
1831
- zIndex: "zIndices";
1832
- };
1833
- utils: {};
1834
- };
1835
-
1836
- declare const AvatarImage: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Avatar$1.AvatarImageProps & react.RefAttributes<HTMLImageElement>>, {}, {
1837
- sm: "(min-width: 375px)";
1838
- md: "(min-width: 768px)";
1839
- lg: "(min-width: 1024px)";
1840
- }, _stitches_react_types_css_util.CSS<{
1841
- sm: "(min-width: 375px)";
1842
- md: "(min-width: 768px)";
1843
- lg: "(min-width: 1024px)";
1844
- }, {
1845
- colors: {
1846
- white: string;
1847
- black: string;
1848
- gray_background: string;
1849
- gray_light: string;
1850
- gray_mid: string;
1851
- gray_dark: string;
1852
- clickpalm_light: string;
1853
- clickpalm_mid: string;
1854
- clickpalm_dark: string;
1855
- clickpalm_superDark: string;
1856
- ignite_light: string;
1857
- ignite_dark: string;
1858
- success: string;
1859
- success_dark: string;
1860
- warning: string;
1861
- warning_dark: string;
1862
- danger: string;
1863
- danger_dark: string;
1864
- };
1865
- fontSizes: {
1866
- xxs: string;
1867
- xs: string;
1868
- sm: string;
1869
- md: string;
1870
- lg: string;
1871
- xl: string;
1872
- '2xl': string;
1873
- '4xl': string;
1874
- '5xl': string;
1875
- '6xl': string;
1876
- '7xl': string;
1877
- '8xl': string;
1878
- '9xl': string;
1879
- };
1880
- fontWeights: {
1881
- regular: string;
1882
- medium: string;
1883
- bold: string;
1884
- };
1885
- fonts: {
1886
- default: string;
1887
- code: string;
1888
- };
1889
- lineHeights: {
1890
- regular: string;
1891
- shorter: string;
1892
- short: string;
1893
- base: string;
1894
- tall: string;
1895
- };
1896
- radii: {
1897
- px: string;
1898
- xs: string;
1899
- sm: string;
1900
- md: string;
1901
- lg: string;
1902
- full: string;
1903
- };
1904
- space: {
1905
- 1: string;
1906
- 2: string;
1907
- 3: string;
1908
- 4: string;
1909
- 5: string;
1910
- 6: string;
1911
- 7: string;
1912
- 8: string;
1913
- 10: string;
1914
- 11: string;
1915
- 12: string;
1916
- 14: string;
1917
- 16: string;
1918
- 19: string;
1919
- 20: string;
1920
- 22: string;
1921
- 40: string;
1922
- 64: string;
1923
- 80: string;
1924
- };
1925
- }, {
1926
- height: "space";
1927
- width: "space";
1928
- gap: "space";
1929
- gridGap: "space";
1930
- columnGap: "space";
1931
- gridColumnGap: "space";
1932
- rowGap: "space";
1933
- gridRowGap: "space";
1934
- inset: "space";
1935
- insetBlock: "space";
1936
- insetBlockEnd: "space";
1937
- insetBlockStart: "space";
1938
- insetInline: "space";
1939
- insetInlineEnd: "space";
1940
- insetInlineStart: "space";
1941
- margin: "space";
1942
- marginTop: "space";
1943
- marginRight: "space";
1944
- marginBottom: "space";
1945
- marginLeft: "space";
1946
- marginBlock: "space";
1947
- marginBlockEnd: "space";
1948
- marginBlockStart: "space";
1949
- marginInline: "space";
1950
- marginInlineEnd: "space";
1951
- marginInlineStart: "space";
1952
- padding: "space";
1953
- paddingTop: "space";
1954
- paddingRight: "space";
1955
- paddingBottom: "space";
1956
- paddingLeft: "space";
1957
- paddingBlock: "space";
1958
- paddingBlockEnd: "space";
1959
- paddingBlockStart: "space";
1960
- paddingInline: "space";
1961
- paddingInlineEnd: "space";
1962
- paddingInlineStart: "space";
1963
- scrollMargin: "space";
1964
- scrollMarginTop: "space";
1965
- scrollMarginRight: "space";
1966
- scrollMarginBottom: "space";
1967
- scrollMarginLeft: "space";
1968
- scrollMarginBlock: "space";
1969
- scrollMarginBlockEnd: "space";
1970
- scrollMarginBlockStart: "space";
1971
- scrollMarginInline: "space";
1972
- scrollMarginInlineEnd: "space";
1973
- scrollMarginInlineStart: "space";
1974
- scrollPadding: "space";
1975
- scrollPaddingTop: "space";
1976
- scrollPaddingRight: "space";
1977
- scrollPaddingBottom: "space";
1978
- scrollPaddingLeft: "space";
1979
- scrollPaddingBlock: "space";
1980
- scrollPaddingBlockEnd: "space";
1981
- scrollPaddingBlockStart: "space";
1982
- scrollPaddingInline: "space";
1983
- scrollPaddingInlineEnd: "space";
1984
- scrollPaddingInlineStart: "space";
1985
- top: "space";
1986
- right: "space";
1987
- bottom: "space";
1988
- left: "space";
1989
- fontSize: "fontSizes";
1990
- background: "colors";
1991
- backgroundColor: "colors";
1992
- backgroundImage: "colors";
1993
- borderImage: "colors";
1994
- border: "colors";
1995
- borderBlock: "colors";
1996
- borderBlockEnd: "colors";
1997
- borderBlockStart: "colors";
1998
- borderBottom: "colors";
1999
- borderBottomColor: "colors";
2000
- borderColor: "colors";
2001
- borderInline: "colors";
2002
- borderInlineEnd: "colors";
2003
- borderInlineStart: "colors";
2004
- borderLeft: "colors";
2005
- borderLeftColor: "colors";
2006
- borderRight: "colors";
2007
- borderRightColor: "colors";
2008
- borderTop: "colors";
2009
- borderTopColor: "colors";
2010
- caretColor: "colors";
2011
- color: "colors";
2012
- columnRuleColor: "colors";
2013
- outline: "colors";
2014
- outlineColor: "colors";
2015
- fill: "colors";
2016
- stroke: "colors";
2017
- textDecorationColor: "colors";
2018
- fontFamily: "fonts";
2019
- fontWeight: "fontWeights";
2020
- lineHeight: "lineHeights";
2021
- letterSpacing: "letterSpacings";
2022
- blockSize: "sizes";
2023
- minBlockSize: "sizes";
2024
- maxBlockSize: "sizes";
2025
- inlineSize: "sizes";
2026
- minInlineSize: "sizes";
2027
- maxInlineSize: "sizes";
2028
- minWidth: "sizes";
2029
- maxWidth: "sizes";
2030
- minHeight: "sizes";
2031
- maxHeight: "sizes";
2032
- flexBasis: "sizes";
2033
- gridTemplateColumns: "sizes";
2034
- gridTemplateRows: "sizes";
2035
- borderWidth: "borderWidths";
2036
- borderTopWidth: "borderWidths";
2037
- borderLeftWidth: "borderWidths";
2038
- borderRightWidth: "borderWidths";
2039
- borderBottomWidth: "borderWidths";
2040
- borderStyle: "borderStyles";
2041
- borderTopStyle: "borderStyles";
2042
- borderLeftStyle: "borderStyles";
2043
- borderRightStyle: "borderStyles";
2044
- borderBottomStyle: "borderStyles";
2045
- borderRadius: "radii";
2046
- borderTopLeftRadius: "radii";
2047
- borderTopRightRadius: "radii";
2048
- borderBottomRightRadius: "radii";
2049
- borderBottomLeftRadius: "radii";
2050
- boxShadow: "shadows";
2051
- textShadow: "shadows";
2052
- transition: "transitions";
2053
- zIndex: "zIndices";
2054
- }, {}>>;
2055
-
2056
- type AvatarStatus = 'default' | 'warning' | 'error' | 'success' | 'completed';
2057
- type AvatarSize = 'sm' | 'md' | 'lg' | 'xlg';
2058
- interface AvatarProps extends ComponentProps<typeof AvatarImage> {
2059
- fallback?: string;
2060
- src?: string;
2061
- alt?: string;
2062
- className?: string;
2063
- style?: react__default.CSSProperties;
2064
- size?: AvatarSize;
2065
- status?: AvatarStatus;
2066
- notifications?: number;
2067
- shadow: boolean;
2068
- }
2069
- declare function Avatar({ fallback, className, style, size, status, notifications, shadow, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
2070
- declare namespace Avatar {
2071
- var displayName: string;
2072
- }
2073
-
2074
- interface CalendarProps {
2075
- label?: string | undefined;
2076
- onChange: (date: string) => void;
2077
- defaultValue?: Date;
2078
- }
2079
- declare const Calendar: ({ label, onChange, defaultValue }: CalendarProps) => react_jsx_runtime.JSX.Element;
2080
-
2081
- declare const CheckboxContainer: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Checkbox$1.CheckboxProps & react.RefAttributes<HTMLButtonElement>>, {
2082
- hasError?: boolean | "true" | undefined;
2083
- }, {
2084
- sm: "(min-width: 375px)";
2085
- md: "(min-width: 768px)";
2086
- lg: "(min-width: 1024px)";
2087
- }, _stitches_react_types_css_util.CSS<{
2088
- sm: "(min-width: 375px)";
2089
- md: "(min-width: 768px)";
2090
- lg: "(min-width: 1024px)";
2091
- }, {
2092
- colors: {
2093
- white: string;
2094
- black: string;
2095
- gray_background: string;
2096
- gray_light: string;
2097
- gray_mid: string;
2098
- gray_dark: string;
2099
- clickpalm_light: string;
2100
- clickpalm_mid: string;
2101
- clickpalm_dark: string;
2102
- clickpalm_superDark: string;
2103
- ignite_light: string;
2104
- ignite_dark: string;
2105
- success: string;
2106
- success_dark: string;
2107
- warning: string;
2108
- warning_dark: string;
2109
- danger: string;
2110
- danger_dark: string;
2111
- };
2112
- fontSizes: {
2113
- xxs: string;
2114
- xs: string;
2115
- sm: string;
2116
- md: string;
2117
- lg: string;
2118
- xl: string;
2119
- '2xl': string;
2120
- '4xl': string;
2121
- '5xl': string;
2122
- '6xl': string;
2123
- '7xl': string;
2124
- '8xl': string;
2125
- '9xl': string;
2126
- };
2127
- fontWeights: {
2128
- regular: string;
2129
- medium: string;
2130
- bold: string;
2131
- };
2132
- fonts: {
2133
- default: string;
2134
- code: string;
2135
- };
2136
- lineHeights: {
2137
- regular: string;
2138
- shorter: string;
2139
- short: string;
2140
- base: string;
2141
- tall: string;
2142
- };
2143
- radii: {
2144
- px: string;
2145
- xs: string;
2146
- sm: string;
2147
- md: string;
2148
- lg: string;
2149
- full: string;
2150
- };
2151
- space: {
2152
- 1: string;
2153
- 2: string;
2154
- 3: string;
2155
- 4: string;
2156
- 5: string;
2157
- 6: string;
2158
- 7: string;
2159
- 8: string;
2160
- 10: string;
2161
- 11: string;
2162
- 12: string;
2163
- 14: string;
2164
- 16: string;
2165
- 19: string;
2166
- 20: string;
2167
- 22: string;
2168
- 40: string;
2169
- 64: string;
2170
- 80: string;
2171
- };
2172
- }, {
2173
- height: "space";
2174
- width: "space";
2175
- gap: "space";
2176
- gridGap: "space";
2177
- columnGap: "space";
2178
- gridColumnGap: "space";
2179
- rowGap: "space";
2180
- gridRowGap: "space";
2181
- inset: "space";
2182
- insetBlock: "space";
2183
- insetBlockEnd: "space";
2184
- insetBlockStart: "space";
2185
- insetInline: "space";
2186
- insetInlineEnd: "space";
2187
- insetInlineStart: "space";
2188
- margin: "space";
2189
- marginTop: "space";
2190
- marginRight: "space";
2191
- marginBottom: "space";
2192
- marginLeft: "space";
2193
- marginBlock: "space";
2194
- marginBlockEnd: "space";
2195
- marginBlockStart: "space";
2196
- marginInline: "space";
2197
- marginInlineEnd: "space";
2198
- marginInlineStart: "space";
2199
- padding: "space";
2200
- paddingTop: "space";
2201
- paddingRight: "space";
2202
- paddingBottom: "space";
2203
- paddingLeft: "space";
2204
- paddingBlock: "space";
2205
- paddingBlockEnd: "space";
2206
- paddingBlockStart: "space";
2207
- paddingInline: "space";
2208
- paddingInlineEnd: "space";
2209
- paddingInlineStart: "space";
2210
- scrollMargin: "space";
2211
- scrollMarginTop: "space";
2212
- scrollMarginRight: "space";
2213
- scrollMarginBottom: "space";
2214
- scrollMarginLeft: "space";
2215
- scrollMarginBlock: "space";
2216
- scrollMarginBlockEnd: "space";
2217
- scrollMarginBlockStart: "space";
2218
- scrollMarginInline: "space";
2219
- scrollMarginInlineEnd: "space";
2220
- scrollMarginInlineStart: "space";
2221
- scrollPadding: "space";
2222
- scrollPaddingTop: "space";
2223
- scrollPaddingRight: "space";
2224
- scrollPaddingBottom: "space";
2225
- scrollPaddingLeft: "space";
2226
- scrollPaddingBlock: "space";
2227
- scrollPaddingBlockEnd: "space";
2228
- scrollPaddingBlockStart: "space";
2229
- scrollPaddingInline: "space";
2230
- scrollPaddingInlineEnd: "space";
2231
- scrollPaddingInlineStart: "space";
2232
- top: "space";
2233
- right: "space";
2234
- bottom: "space";
2235
- left: "space";
2236
- fontSize: "fontSizes";
2237
- background: "colors";
2238
- backgroundColor: "colors";
2239
- backgroundImage: "colors";
2240
- borderImage: "colors";
2241
- border: "colors";
2242
- borderBlock: "colors";
2243
- borderBlockEnd: "colors";
2244
- borderBlockStart: "colors";
2245
- borderBottom: "colors";
2246
- borderBottomColor: "colors";
2247
- borderColor: "colors";
2248
- borderInline: "colors";
2249
- borderInlineEnd: "colors";
2250
- borderInlineStart: "colors";
2251
- borderLeft: "colors";
2252
- borderLeftColor: "colors";
2253
- borderRight: "colors";
2254
- borderRightColor: "colors";
2255
- borderTop: "colors";
2256
- borderTopColor: "colors";
2257
- caretColor: "colors";
2258
- color: "colors";
2259
- columnRuleColor: "colors";
2260
- outline: "colors";
2261
- outlineColor: "colors";
2262
- fill: "colors";
2263
- stroke: "colors";
2264
- textDecorationColor: "colors";
2265
- fontFamily: "fonts";
2266
- fontWeight: "fontWeights";
2267
- lineHeight: "lineHeights";
2268
- letterSpacing: "letterSpacings";
2269
- blockSize: "sizes";
2270
- minBlockSize: "sizes";
2271
- maxBlockSize: "sizes";
2272
- inlineSize: "sizes";
2273
- minInlineSize: "sizes";
2274
- maxInlineSize: "sizes";
2275
- minWidth: "sizes";
2276
- maxWidth: "sizes";
2277
- minHeight: "sizes";
2278
- maxHeight: "sizes";
2279
- flexBasis: "sizes";
2280
- gridTemplateColumns: "sizes";
2281
- gridTemplateRows: "sizes";
2282
- borderWidth: "borderWidths";
2283
- borderTopWidth: "borderWidths";
2284
- borderLeftWidth: "borderWidths";
2285
- borderRightWidth: "borderWidths";
2286
- borderBottomWidth: "borderWidths";
2287
- borderStyle: "borderStyles";
2288
- borderTopStyle: "borderStyles";
2289
- borderLeftStyle: "borderStyles";
2290
- borderRightStyle: "borderStyles";
2291
- borderBottomStyle: "borderStyles";
2292
- borderRadius: "radii";
2293
- borderTopLeftRadius: "radii";
2294
- borderTopRightRadius: "radii";
2295
- borderBottomRightRadius: "radii";
2296
- borderBottomLeftRadius: "radii";
2297
- boxShadow: "shadows";
2298
- textShadow: "shadows";
2299
- transition: "transitions";
2300
- zIndex: "zIndices";
2301
- }, {}>>;
2302
-
2303
- interface CheckboxProps extends ComponentProps<typeof CheckboxContainer> {
2304
- label: string;
2305
- checked?: boolean;
2306
- onCheckedChange: (checked: boolean) => void;
2307
- errorMessage?: string;
2308
- }
2309
- declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
2310
-
2311
- interface DatePickerInputProps {
2312
- label: string;
2313
- placeholder?: string;
2314
- value?: string;
2315
- onChange: (date: string) => void;
2316
- errorMessage?: string;
2317
- endDate?: Date;
2318
- }
2319
- declare const Datepicker: react.ForwardRefExoticComponent<DatePickerInputProps & react.RefAttributes<HTMLInputElement>>;
2320
-
2321
- declare const StyledHr: _stitches_react_types_styled_component.StyledComponent<"hr", {
2322
- variant?: "gray" | "purple" | undefined;
2323
- }, {
2324
- sm: "(min-width: 375px)";
2325
- md: "(min-width: 768px)";
2326
- lg: "(min-width: 1024px)";
2327
- }, _stitches_react_types_css_util.CSS<{
2328
- sm: "(min-width: 375px)";
2329
- md: "(min-width: 768px)";
2330
- lg: "(min-width: 1024px)";
2331
- }, {
2332
- colors: {
2333
- white: string;
2334
- black: string;
2335
- gray_background: string;
2336
- gray_light: string;
2337
- gray_mid: string;
2338
- gray_dark: string;
2339
- clickpalm_light: string;
2340
- clickpalm_mid: string;
2341
- clickpalm_dark: string;
2342
- clickpalm_superDark: string;
2343
- ignite_light: string;
2344
- ignite_dark: string;
2345
- success: string;
2346
- success_dark: string;
2347
- warning: string;
2348
- warning_dark: string;
2349
- danger: string;
2350
- danger_dark: string;
2351
- };
2352
- fontSizes: {
2353
- xxs: string;
2354
- xs: string;
2355
- sm: string;
2356
- md: string;
2357
- lg: string;
2358
- xl: string;
2359
- '2xl': string;
2360
- '4xl': string;
2361
- '5xl': string;
2362
- '6xl': string;
2363
- '7xl': string;
2364
- '8xl': string;
2365
- '9xl': string;
2366
- };
2367
- fontWeights: {
2368
- regular: string;
2369
- medium: string;
2370
- bold: string;
2371
- };
2372
- fonts: {
2373
- default: string;
2374
- code: string;
2375
- };
2376
- lineHeights: {
2377
- regular: string;
2378
- shorter: string;
2379
- short: string;
2380
- base: string;
2381
- tall: string;
2382
- };
2383
- radii: {
2384
- px: string;
2385
- xs: string;
2386
- sm: string;
2387
- md: string;
2388
- lg: string;
2389
- full: string;
2390
- };
2391
- space: {
2392
- 1: string;
2393
- 2: string;
2394
- 3: string;
2395
- 4: string;
2396
- 5: string;
2397
- 6: string;
2398
- 7: string;
2399
- 8: string;
2400
- 10: string;
2401
- 11: string;
2402
- 12: string;
2403
- 14: string;
2404
- 16: string;
2405
- 19: string;
2406
- 20: string;
2407
- 22: string;
2408
- 40: string;
2409
- 64: string;
2410
- 80: string;
2411
- };
2412
- }, {
2413
- height: "space";
2414
- width: "space";
2415
- gap: "space";
2416
- gridGap: "space";
2417
- columnGap: "space";
2418
- gridColumnGap: "space";
2419
- rowGap: "space";
2420
- gridRowGap: "space";
2421
- inset: "space";
2422
- insetBlock: "space";
2423
- insetBlockEnd: "space";
2424
- insetBlockStart: "space";
2425
- insetInline: "space";
2426
- insetInlineEnd: "space";
2427
- insetInlineStart: "space";
2428
- margin: "space";
2429
- marginTop: "space";
2430
- marginRight: "space";
2431
- marginBottom: "space";
2432
- marginLeft: "space";
2433
- marginBlock: "space";
2434
- marginBlockEnd: "space";
2435
- marginBlockStart: "space";
2436
- marginInline: "space";
2437
- marginInlineEnd: "space";
2438
- marginInlineStart: "space";
2439
- padding: "space";
2440
- paddingTop: "space";
2441
- paddingRight: "space";
2442
- paddingBottom: "space";
2443
- paddingLeft: "space";
2444
- paddingBlock: "space";
2445
- paddingBlockEnd: "space";
2446
- paddingBlockStart: "space";
2447
- paddingInline: "space";
2448
- paddingInlineEnd: "space";
2449
- paddingInlineStart: "space";
2450
- scrollMargin: "space";
2451
- scrollMarginTop: "space";
2452
- scrollMarginRight: "space";
2453
- scrollMarginBottom: "space";
2454
- scrollMarginLeft: "space";
2455
- scrollMarginBlock: "space";
2456
- scrollMarginBlockEnd: "space";
2457
- scrollMarginBlockStart: "space";
2458
- scrollMarginInline: "space";
2459
- scrollMarginInlineEnd: "space";
2460
- scrollMarginInlineStart: "space";
2461
- scrollPadding: "space";
2462
- scrollPaddingTop: "space";
2463
- scrollPaddingRight: "space";
2464
- scrollPaddingBottom: "space";
2465
- scrollPaddingLeft: "space";
2466
- scrollPaddingBlock: "space";
2467
- scrollPaddingBlockEnd: "space";
2468
- scrollPaddingBlockStart: "space";
2469
- scrollPaddingInline: "space";
2470
- scrollPaddingInlineEnd: "space";
2471
- scrollPaddingInlineStart: "space";
2472
- top: "space";
2473
- right: "space";
2474
- bottom: "space";
2475
- left: "space";
2476
- fontSize: "fontSizes";
2477
- background: "colors";
2478
- backgroundColor: "colors";
2479
- backgroundImage: "colors";
2480
- borderImage: "colors";
2481
- border: "colors";
2482
- borderBlock: "colors";
2483
- borderBlockEnd: "colors";
2484
- borderBlockStart: "colors";
2485
- borderBottom: "colors";
2486
- borderBottomColor: "colors";
2487
- borderColor: "colors";
2488
- borderInline: "colors";
2489
- borderInlineEnd: "colors";
2490
- borderInlineStart: "colors";
2491
- borderLeft: "colors";
2492
- borderLeftColor: "colors";
2493
- borderRight: "colors";
2494
- borderRightColor: "colors";
2495
- borderTop: "colors";
2496
- borderTopColor: "colors";
2497
- caretColor: "colors";
2498
- color: "colors";
2499
- columnRuleColor: "colors";
2500
- outline: "colors";
2501
- outlineColor: "colors";
2502
- fill: "colors";
2503
- stroke: "colors";
2504
- textDecorationColor: "colors";
2505
- fontFamily: "fonts";
2506
- fontWeight: "fontWeights";
2507
- lineHeight: "lineHeights";
2508
- letterSpacing: "letterSpacings";
2509
- blockSize: "sizes";
2510
- minBlockSize: "sizes";
2511
- maxBlockSize: "sizes";
2512
- inlineSize: "sizes";
2513
- minInlineSize: "sizes";
2514
- maxInlineSize: "sizes";
2515
- minWidth: "sizes";
2516
- maxWidth: "sizes";
2517
- minHeight: "sizes";
2518
- maxHeight: "sizes";
2519
- flexBasis: "sizes";
2520
- gridTemplateColumns: "sizes";
2521
- gridTemplateRows: "sizes";
2522
- borderWidth: "borderWidths";
2523
- borderTopWidth: "borderWidths";
2524
- borderLeftWidth: "borderWidths";
2525
- borderRightWidth: "borderWidths";
2526
- borderBottomWidth: "borderWidths";
2527
- borderStyle: "borderStyles";
2528
- borderTopStyle: "borderStyles";
2529
- borderLeftStyle: "borderStyles";
2530
- borderRightStyle: "borderStyles";
2531
- borderBottomStyle: "borderStyles";
2532
- borderRadius: "radii";
2533
- borderTopLeftRadius: "radii";
2534
- borderTopRightRadius: "radii";
2535
- borderBottomRightRadius: "radii";
2536
- borderBottomLeftRadius: "radii";
2537
- boxShadow: "shadows";
2538
- textShadow: "shadows";
2539
- transition: "transitions";
2540
- zIndex: "zIndices";
2541
- }, {}>>;
2542
- type CustomCSS$5 = CSS<typeof config>;
2543
- interface HrProps extends ComponentPropsWithoutRef<'hr'>, VariantProps<typeof StyledHr> {
2544
- as?: ElementType;
2545
- css?: CustomCSS$5;
2546
- children?: React.ReactNode;
2547
- variant?: 'gray' | 'purple';
2548
- }
2549
- declare const Hr: react.ForwardRefExoticComponent<HrProps & react.RefAttributes<HTMLHRElement>>;
2550
-
2551
- interface ModalProps {
2552
- open: boolean;
2553
- onOpenChange: (open: boolean) => void;
2554
- title: string;
2555
- description?: string;
2556
- children: react__default.ReactNode;
2557
- }
2558
- declare const Modal: react__default.FC<ModalProps>;
2559
-
2560
- interface ProgressBarProps extends ComponentPropsWithoutRef<typeof Progress.Root> {
2561
- label: string;
2562
- value: number | null;
2563
- max: number;
2564
- }
2565
- declare const ProgressBar: {
2566
- ({ label, value, max, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
2567
- displayName: string;
2568
- };
2569
-
2570
- interface RadioProps {
2571
- labels: string[];
2572
- value: string;
2573
- onChange: (value: string) => void;
2574
- disabled?: boolean;
2575
- required?: boolean;
2576
- errorMessage?: string;
2577
- }
2578
- declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLDivElement>>;
2579
-
2580
- type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg' | 'xxxlg';
2581
- interface SpacingProps {
2582
- size: SpacingSize;
2583
- axis?: 'vertical' | 'horizontal';
2584
- }
2585
- declare const Spacing: ({ size, axis }: SpacingProps) => react_jsx_runtime.JSX.Element;
2586
-
2587
- interface SwitchProps {
2588
- label?: string;
2589
- checked?: boolean;
2590
- defaultChecked?: boolean;
2591
- onCheckedChange?: (checked: boolean) => void;
2592
- disabled?: boolean;
2593
- required?: boolean;
2594
- id?: string;
2595
- errorMessage?: string;
2596
- }
2597
- declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
2598
-
2599
- interface TabsProps {
2600
- defaultValue?: string;
2601
- children: ReactNode;
2602
- colorContent: "gray" | "white";
2603
- value?: string;
2604
- onValueChange?: (value: string) => void;
2605
- }
2606
- interface TabItemProps {
2607
- value: string;
2608
- label: string;
2609
- children: ReactNode;
2610
- forceMount?: boolean;
2611
- }
2612
- declare const TabsItem: React.FC<TabItemProps>;
2613
- declare const Tabs: React.FC<TabsProps> & {
2614
- Item: typeof TabsItem;
2615
- };
2616
-
2617
- declare const TextAreaElement: _stitches_react_types_styled_component.StyledComponent<"textarea", {
2618
- hasError?: boolean | "true" | undefined;
2619
- hasCounter?: boolean | "true" | undefined;
2620
- }, {
2621
- sm: "(min-width: 375px)";
2622
- md: "(min-width: 768px)";
2623
- lg: "(min-width: 1024px)";
2624
- }, _stitches_react_types_css_util.CSS<{
2625
- sm: "(min-width: 375px)";
2626
- md: "(min-width: 768px)";
2627
- lg: "(min-width: 1024px)";
2628
- }, {
2629
- colors: {
2630
- white: string;
2631
- black: string;
2632
- gray_background: string;
2633
- gray_light: string;
2634
- gray_mid: string;
2635
- gray_dark: string;
2636
- clickpalm_light: string;
2637
- clickpalm_mid: string;
2638
- clickpalm_dark: string;
2639
- clickpalm_superDark: string;
2640
- ignite_light: string;
2641
- ignite_dark: string;
2642
- success: string;
2643
- success_dark: string;
2644
- warning: string;
2645
- warning_dark: string;
2646
- danger: string;
2647
- danger_dark: string;
2648
- };
2649
- fontSizes: {
2650
- xxs: string;
2651
- xs: string;
2652
- sm: string;
2653
- md: string;
2654
- lg: string;
2655
- xl: string;
2656
- '2xl': string;
2657
- '4xl': string;
2658
- '5xl': string;
2659
- '6xl': string;
2660
- '7xl': string;
2661
- '8xl': string;
2662
- '9xl': string;
2663
- };
2664
- fontWeights: {
2665
- regular: string;
2666
- medium: string;
2667
- bold: string;
2668
- };
2669
- fonts: {
2670
- default: string;
2671
- code: string;
2672
- };
2673
- lineHeights: {
2674
- regular: string;
2675
- shorter: string;
2676
- short: string;
2677
- base: string;
2678
- tall: string;
2679
- };
2680
- radii: {
2681
- px: string;
2682
- xs: string;
2683
- sm: string;
2684
- md: string;
2685
- lg: string;
2686
- full: string;
2687
- };
2688
- space: {
2689
- 1: string;
2690
- 2: string;
2691
- 3: string;
2692
- 4: string;
2693
- 5: string;
2694
- 6: string;
2695
- 7: string;
2696
- 8: string;
2697
- 10: string;
2698
- 11: string;
2699
- 12: string;
2700
- 14: string;
2701
- 16: string;
2702
- 19: string;
2703
- 20: string;
2704
- 22: string;
2705
- 40: string;
2706
- 64: string;
2707
- 80: string;
2708
- };
2709
- }, {
2710
- height: "space";
2711
- width: "space";
2712
- gap: "space";
2713
- gridGap: "space";
2714
- columnGap: "space";
2715
- gridColumnGap: "space";
2716
- rowGap: "space";
2717
- gridRowGap: "space";
2718
- inset: "space";
2719
- insetBlock: "space";
2720
- insetBlockEnd: "space";
2721
- insetBlockStart: "space";
2722
- insetInline: "space";
2723
- insetInlineEnd: "space";
2724
- insetInlineStart: "space";
2725
- margin: "space";
2726
- marginTop: "space";
2727
- marginRight: "space";
2728
- marginBottom: "space";
2729
- marginLeft: "space";
2730
- marginBlock: "space";
2731
- marginBlockEnd: "space";
2732
- marginBlockStart: "space";
2733
- marginInline: "space";
2734
- marginInlineEnd: "space";
2735
- marginInlineStart: "space";
2736
- padding: "space";
2737
- paddingTop: "space";
2738
- paddingRight: "space";
2739
- paddingBottom: "space";
2740
- paddingLeft: "space";
2741
- paddingBlock: "space";
2742
- paddingBlockEnd: "space";
2743
- paddingBlockStart: "space";
2744
- paddingInline: "space";
2745
- paddingInlineEnd: "space";
2746
- paddingInlineStart: "space";
2747
- scrollMargin: "space";
2748
- scrollMarginTop: "space";
2749
- scrollMarginRight: "space";
2750
- scrollMarginBottom: "space";
2751
- scrollMarginLeft: "space";
2752
- scrollMarginBlock: "space";
2753
- scrollMarginBlockEnd: "space";
2754
- scrollMarginBlockStart: "space";
2755
- scrollMarginInline: "space";
2756
- scrollMarginInlineEnd: "space";
2757
- scrollMarginInlineStart: "space";
2758
- scrollPadding: "space";
2759
- scrollPaddingTop: "space";
2760
- scrollPaddingRight: "space";
2761
- scrollPaddingBottom: "space";
2762
- scrollPaddingLeft: "space";
2763
- scrollPaddingBlock: "space";
2764
- scrollPaddingBlockEnd: "space";
2765
- scrollPaddingBlockStart: "space";
2766
- scrollPaddingInline: "space";
2767
- scrollPaddingInlineEnd: "space";
2768
- scrollPaddingInlineStart: "space";
2769
- top: "space";
2770
- right: "space";
2771
- bottom: "space";
2772
- left: "space";
2773
- fontSize: "fontSizes";
2774
- background: "colors";
2775
- backgroundColor: "colors";
2776
- backgroundImage: "colors";
2777
- borderImage: "colors";
2778
- border: "colors";
2779
- borderBlock: "colors";
2780
- borderBlockEnd: "colors";
2781
- borderBlockStart: "colors";
2782
- borderBottom: "colors";
2783
- borderBottomColor: "colors";
2784
- borderColor: "colors";
2785
- borderInline: "colors";
2786
- borderInlineEnd: "colors";
2787
- borderInlineStart: "colors";
2788
- borderLeft: "colors";
2789
- borderLeftColor: "colors";
2790
- borderRight: "colors";
2791
- borderRightColor: "colors";
2792
- borderTop: "colors";
2793
- borderTopColor: "colors";
2794
- caretColor: "colors";
2795
- color: "colors";
2796
- columnRuleColor: "colors";
2797
- outline: "colors";
2798
- outlineColor: "colors";
2799
- fill: "colors";
2800
- stroke: "colors";
2801
- textDecorationColor: "colors";
2802
- fontFamily: "fonts";
2803
- fontWeight: "fontWeights";
2804
- lineHeight: "lineHeights";
2805
- letterSpacing: "letterSpacings";
2806
- blockSize: "sizes";
2807
- minBlockSize: "sizes";
2808
- maxBlockSize: "sizes";
2809
- inlineSize: "sizes";
2810
- minInlineSize: "sizes";
2811
- maxInlineSize: "sizes";
2812
- minWidth: "sizes";
2813
- maxWidth: "sizes";
2814
- minHeight: "sizes";
2815
- maxHeight: "sizes";
2816
- flexBasis: "sizes";
2817
- gridTemplateColumns: "sizes";
2818
- gridTemplateRows: "sizes";
2819
- borderWidth: "borderWidths";
2820
- borderTopWidth: "borderWidths";
2821
- borderLeftWidth: "borderWidths";
2822
- borderRightWidth: "borderWidths";
2823
- borderBottomWidth: "borderWidths";
2824
- borderStyle: "borderStyles";
2825
- borderTopStyle: "borderStyles";
2826
- borderLeftStyle: "borderStyles";
2827
- borderRightStyle: "borderStyles";
2828
- borderBottomStyle: "borderStyles";
2829
- borderRadius: "radii";
2830
- borderTopLeftRadius: "radii";
2831
- borderTopRightRadius: "radii";
2832
- borderBottomRightRadius: "radii";
2833
- borderBottomLeftRadius: "radii";
2834
- boxShadow: "shadows";
2835
- textShadow: "shadows";
2836
- transition: "transitions";
2837
- zIndex: "zIndices";
2838
- }, {}>>;
2839
- declare const Span: _stitches_react_types_styled_component.StyledComponent<"span", {}, {
2840
- sm: "(min-width: 375px)";
2841
- md: "(min-width: 768px)";
2842
- lg: "(min-width: 1024px)";
2843
- }, _stitches_react_types_css_util.CSS<{
2844
- sm: "(min-width: 375px)";
2845
- md: "(min-width: 768px)";
2846
- lg: "(min-width: 1024px)";
2847
- }, {
2848
- colors: {
2849
- white: string;
2850
- black: string;
2851
- gray_background: string;
2852
- gray_light: string;
2853
- gray_mid: string;
2854
- gray_dark: string;
2855
- clickpalm_light: string;
2856
- clickpalm_mid: string;
2857
- clickpalm_dark: string;
2858
- clickpalm_superDark: string;
2859
- ignite_light: string;
2860
- ignite_dark: string;
2861
- success: string;
2862
- success_dark: string;
2863
- warning: string;
2864
- warning_dark: string;
2865
- danger: string;
2866
- danger_dark: string;
2867
- };
2868
- fontSizes: {
2869
- xxs: string;
2870
- xs: string;
2871
- sm: string;
2872
- md: string;
2873
- lg: string;
2874
- xl: string;
2875
- '2xl': string;
2876
- '4xl': string;
2877
- '5xl': string;
2878
- '6xl': string;
2879
- '7xl': string;
2880
- '8xl': string;
2881
- '9xl': string;
2882
- };
2883
- fontWeights: {
2884
- regular: string;
2885
- medium: string;
2886
- bold: string;
2887
- };
2888
- fonts: {
2889
- default: string;
2890
- code: string;
2891
- };
2892
- lineHeights: {
2893
- regular: string;
2894
- shorter: string;
2895
- short: string;
2896
- base: string;
2897
- tall: string;
2898
- };
2899
- radii: {
2900
- px: string;
2901
- xs: string;
2902
- sm: string;
2903
- md: string;
2904
- lg: string;
2905
- full: string;
2906
- };
2907
- space: {
2908
- 1: string;
2909
- 2: string;
2910
- 3: string;
2911
- 4: string;
2912
- 5: string;
2913
- 6: string;
2914
- 7: string;
2915
- 8: string;
2916
- 10: string;
2917
- 11: string;
2918
- 12: string;
2919
- 14: string;
2920
- 16: string;
2921
- 19: string;
2922
- 20: string;
2923
- 22: string;
2924
- 40: string;
2925
- 64: string;
2926
- 80: string;
2927
- };
2928
- }, {
2929
- height: "space";
2930
- width: "space";
2931
- gap: "space";
2932
- gridGap: "space";
2933
- columnGap: "space";
2934
- gridColumnGap: "space";
2935
- rowGap: "space";
2936
- gridRowGap: "space";
2937
- inset: "space";
2938
- insetBlock: "space";
2939
- insetBlockEnd: "space";
2940
- insetBlockStart: "space";
2941
- insetInline: "space";
2942
- insetInlineEnd: "space";
2943
- insetInlineStart: "space";
2944
- margin: "space";
2945
- marginTop: "space";
2946
- marginRight: "space";
2947
- marginBottom: "space";
2948
- marginLeft: "space";
2949
- marginBlock: "space";
2950
- marginBlockEnd: "space";
2951
- marginBlockStart: "space";
2952
- marginInline: "space";
2953
- marginInlineEnd: "space";
2954
- marginInlineStart: "space";
2955
- padding: "space";
2956
- paddingTop: "space";
2957
- paddingRight: "space";
2958
- paddingBottom: "space";
2959
- paddingLeft: "space";
2960
- paddingBlock: "space";
2961
- paddingBlockEnd: "space";
2962
- paddingBlockStart: "space";
2963
- paddingInline: "space";
2964
- paddingInlineEnd: "space";
2965
- paddingInlineStart: "space";
2966
- scrollMargin: "space";
2967
- scrollMarginTop: "space";
2968
- scrollMarginRight: "space";
2969
- scrollMarginBottom: "space";
2970
- scrollMarginLeft: "space";
2971
- scrollMarginBlock: "space";
2972
- scrollMarginBlockEnd: "space";
2973
- scrollMarginBlockStart: "space";
2974
- scrollMarginInline: "space";
2975
- scrollMarginInlineEnd: "space";
2976
- scrollMarginInlineStart: "space";
2977
- scrollPadding: "space";
2978
- scrollPaddingTop: "space";
2979
- scrollPaddingRight: "space";
2980
- scrollPaddingBottom: "space";
2981
- scrollPaddingLeft: "space";
2982
- scrollPaddingBlock: "space";
2983
- scrollPaddingBlockEnd: "space";
2984
- scrollPaddingBlockStart: "space";
2985
- scrollPaddingInline: "space";
2986
- scrollPaddingInlineEnd: "space";
2987
- scrollPaddingInlineStart: "space";
2988
- top: "space";
2989
- right: "space";
2990
- bottom: "space";
2991
- left: "space";
2992
- fontSize: "fontSizes";
2993
- background: "colors";
2994
- backgroundColor: "colors";
2995
- backgroundImage: "colors";
2996
- borderImage: "colors";
2997
- border: "colors";
2998
- borderBlock: "colors";
2999
- borderBlockEnd: "colors";
3000
- borderBlockStart: "colors";
3001
- borderBottom: "colors";
3002
- borderBottomColor: "colors";
3003
- borderColor: "colors";
3004
- borderInline: "colors";
3005
- borderInlineEnd: "colors";
3006
- borderInlineStart: "colors";
3007
- borderLeft: "colors";
3008
- borderLeftColor: "colors";
3009
- borderRight: "colors";
3010
- borderRightColor: "colors";
3011
- borderTop: "colors";
3012
- borderTopColor: "colors";
3013
- caretColor: "colors";
3014
- color: "colors";
3015
- columnRuleColor: "colors";
3016
- outline: "colors";
3017
- outlineColor: "colors";
3018
- fill: "colors";
3019
- stroke: "colors";
3020
- textDecorationColor: "colors";
3021
- fontFamily: "fonts";
3022
- fontWeight: "fontWeights";
3023
- lineHeight: "lineHeights";
3024
- letterSpacing: "letterSpacings";
3025
- blockSize: "sizes";
3026
- minBlockSize: "sizes";
3027
- maxBlockSize: "sizes";
3028
- inlineSize: "sizes";
3029
- minInlineSize: "sizes";
3030
- maxInlineSize: "sizes";
3031
- minWidth: "sizes";
3032
- maxWidth: "sizes";
3033
- minHeight: "sizes";
3034
- maxHeight: "sizes";
3035
- flexBasis: "sizes";
3036
- gridTemplateColumns: "sizes";
3037
- gridTemplateRows: "sizes";
3038
- borderWidth: "borderWidths";
3039
- borderTopWidth: "borderWidths";
3040
- borderLeftWidth: "borderWidths";
3041
- borderRightWidth: "borderWidths";
3042
- borderBottomWidth: "borderWidths";
3043
- borderStyle: "borderStyles";
3044
- borderTopStyle: "borderStyles";
3045
- borderLeftStyle: "borderStyles";
3046
- borderRightStyle: "borderStyles";
3047
- borderBottomStyle: "borderStyles";
3048
- borderRadius: "radii";
3049
- borderTopLeftRadius: "radii";
3050
- borderTopRightRadius: "radii";
3051
- borderBottomRightRadius: "radii";
3052
- borderBottomLeftRadius: "radii";
3053
- boxShadow: "shadows";
3054
- textShadow: "shadows";
3055
- transition: "transitions";
3056
- zIndex: "zIndices";
3057
- }, {}>>;
3058
- interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, VariantProps<typeof TextAreaElement> {
3059
- label?: string;
3060
- htmlFor?: string;
3061
- errorMessage?: string;
3062
- maxLength?: number;
3063
- showCounter?: boolean;
3064
- }
3065
- declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
3066
-
3067
- interface TooltipProps {
3068
- content: ReactNode;
3069
- children: ReactNode;
3070
- side?: 'top' | 'right' | 'bottom' | 'left';
3071
- sideOffset?: number;
3072
- open?: boolean;
3073
- onOpenChange?: (open: boolean) => void;
3074
- delayDuration?: number;
3075
- }
3076
- declare const Tooltip: {
3077
- ({ content, children, side, sideOffset, open: controlledOpen, onOpenChange, delayDuration }: TooltipProps): react_jsx_runtime.JSX.Element;
3078
- displayName: string;
3079
- };
3080
-
3081
- interface LoadingSpinnerProps {
3082
- show: boolean;
3083
- fullscreen?: boolean;
3084
- }
3085
- declare const Loader: React.FC<LoadingSpinnerProps>;
3086
-
3087
- interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
3088
- label: string;
3089
- prefix?: string;
3090
- suffix?: react__default.ReactNode;
3091
- noMargin?: boolean;
3092
- errorMessage?: string;
3093
- maxLength?: number;
3094
- showCounter?: boolean;
3095
- redBorder?: boolean;
3096
- }
3097
- declare const Input: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<HTMLInputElement>>;
3098
-
3099
- type MaskType = 'cellPhone' | 'homePhone' | 'cep' | 'cpf' | 'cnpj' | 'date';
3100
- interface MaskedInputProps extends TextInputProps {
3101
- maskType: MaskType;
3102
- }
3103
- declare const MaskedInput: react__default.ForwardRefExoticComponent<MaskedInputProps & react__default.RefAttributes<HTMLInputElement>>;
3104
-
3105
- interface DropdownProps {
3106
- children: react__default.ReactNode;
3107
- }
3108
- type DropdownItemProps = ComponentProps<typeof DropdownMenu.Item>;
3109
- declare const Dropdown: {
3110
- ({ children }: DropdownProps): react_jsx_runtime.JSX.Element;
3111
- displayName: string;
3112
- };
3113
- declare const DropdownSeparator: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & react__default.RefAttributes<HTMLDivElement>>, {}, {
3114
- sm: "(min-width: 375px)";
3115
- md: "(min-width: 768px)";
3116
- lg: "(min-width: 1024px)";
3117
- }, _stitches_react_types_css_util.CSS<{
3118
- sm: "(min-width: 375px)";
3119
- md: "(min-width: 768px)";
3120
- lg: "(min-width: 1024px)";
3121
- }, {
3122
- colors: {
3123
- white: string;
3124
- black: string;
3125
- gray_background: string;
3126
- gray_light: string;
3127
- gray_mid: string;
3128
- gray_dark: string;
3129
- clickpalm_light: string;
3130
- clickpalm_mid: string;
3131
- clickpalm_dark: string;
3132
- clickpalm_superDark: string;
3133
- ignite_light: string;
3134
- ignite_dark: string;
3135
- success: string;
3136
- success_dark: string;
3137
- warning: string;
3138
- warning_dark: string;
3139
- danger: string;
3140
- danger_dark: string;
3141
- };
3142
- fontSizes: {
3143
- xxs: string;
3144
- xs: string;
3145
- sm: string;
3146
- md: string;
3147
- lg: string;
3148
- xl: string;
3149
- '2xl': string;
3150
- '4xl': string;
3151
- '5xl': string;
3152
- '6xl': string;
3153
- '7xl': string;
3154
- '8xl': string;
3155
- '9xl': string;
3156
- };
3157
- fontWeights: {
3158
- regular: string;
3159
- medium: string;
3160
- bold: string;
3161
- };
3162
- fonts: {
3163
- default: string;
3164
- code: string;
3165
- };
3166
- lineHeights: {
3167
- regular: string;
3168
- shorter: string;
3169
- short: string;
3170
- base: string;
3171
- tall: string;
3172
- };
3173
- radii: {
3174
- px: string;
3175
- xs: string;
3176
- sm: string;
3177
- md: string;
3178
- lg: string;
3179
- full: string;
3180
- };
3181
- space: {
3182
- 1: string;
3183
- 2: string;
3184
- 3: string;
3185
- 4: string;
3186
- 5: string;
3187
- 6: string;
3188
- 7: string;
3189
- 8: string;
3190
- 10: string;
3191
- 11: string;
3192
- 12: string;
3193
- 14: string;
3194
- 16: string;
3195
- 19: string;
3196
- 20: string;
3197
- 22: string;
3198
- 40: string;
3199
- 64: string;
3200
- 80: string;
3201
- };
3202
- }, {
3203
- height: "space";
3204
- width: "space";
3205
- gap: "space";
3206
- gridGap: "space";
3207
- columnGap: "space";
3208
- gridColumnGap: "space";
3209
- rowGap: "space";
3210
- gridRowGap: "space";
3211
- inset: "space";
3212
- insetBlock: "space";
3213
- insetBlockEnd: "space";
3214
- insetBlockStart: "space";
3215
- insetInline: "space";
3216
- insetInlineEnd: "space";
3217
- insetInlineStart: "space";
3218
- margin: "space";
3219
- marginTop: "space";
3220
- marginRight: "space";
3221
- marginBottom: "space";
3222
- marginLeft: "space";
3223
- marginBlock: "space";
3224
- marginBlockEnd: "space";
3225
- marginBlockStart: "space";
3226
- marginInline: "space";
3227
- marginInlineEnd: "space";
3228
- marginInlineStart: "space";
3229
- padding: "space";
3230
- paddingTop: "space";
3231
- paddingRight: "space";
3232
- paddingBottom: "space";
3233
- paddingLeft: "space";
3234
- paddingBlock: "space";
3235
- paddingBlockEnd: "space";
3236
- paddingBlockStart: "space";
3237
- paddingInline: "space";
3238
- paddingInlineEnd: "space";
3239
- paddingInlineStart: "space";
3240
- scrollMargin: "space";
3241
- scrollMarginTop: "space";
3242
- scrollMarginRight: "space";
3243
- scrollMarginBottom: "space";
3244
- scrollMarginLeft: "space";
3245
- scrollMarginBlock: "space";
3246
- scrollMarginBlockEnd: "space";
3247
- scrollMarginBlockStart: "space";
3248
- scrollMarginInline: "space";
3249
- scrollMarginInlineEnd: "space";
3250
- scrollMarginInlineStart: "space";
3251
- scrollPadding: "space";
3252
- scrollPaddingTop: "space";
3253
- scrollPaddingRight: "space";
3254
- scrollPaddingBottom: "space";
3255
- scrollPaddingLeft: "space";
3256
- scrollPaddingBlock: "space";
3257
- scrollPaddingBlockEnd: "space";
3258
- scrollPaddingBlockStart: "space";
3259
- scrollPaddingInline: "space";
3260
- scrollPaddingInlineEnd: "space";
3261
- scrollPaddingInlineStart: "space";
3262
- top: "space";
3263
- right: "space";
3264
- bottom: "space";
3265
- left: "space";
3266
- fontSize: "fontSizes";
3267
- background: "colors";
3268
- backgroundColor: "colors";
3269
- backgroundImage: "colors";
3270
- borderImage: "colors";
3271
- border: "colors";
3272
- borderBlock: "colors";
3273
- borderBlockEnd: "colors";
3274
- borderBlockStart: "colors";
3275
- borderBottom: "colors";
3276
- borderBottomColor: "colors";
3277
- borderColor: "colors";
3278
- borderInline: "colors";
3279
- borderInlineEnd: "colors";
3280
- borderInlineStart: "colors";
3281
- borderLeft: "colors";
3282
- borderLeftColor: "colors";
3283
- borderRight: "colors";
3284
- borderRightColor: "colors";
3285
- borderTop: "colors";
3286
- borderTopColor: "colors";
3287
- caretColor: "colors";
3288
- color: "colors";
3289
- columnRuleColor: "colors";
3290
- outline: "colors";
3291
- outlineColor: "colors";
3292
- fill: "colors";
3293
- stroke: "colors";
3294
- textDecorationColor: "colors";
3295
- fontFamily: "fonts";
3296
- fontWeight: "fontWeights";
3297
- lineHeight: "lineHeights";
3298
- letterSpacing: "letterSpacings";
3299
- blockSize: "sizes";
3300
- minBlockSize: "sizes";
3301
- maxBlockSize: "sizes";
3302
- inlineSize: "sizes";
3303
- minInlineSize: "sizes";
3304
- maxInlineSize: "sizes";
3305
- minWidth: "sizes";
3306
- maxWidth: "sizes";
3307
- minHeight: "sizes";
3308
- maxHeight: "sizes";
3309
- flexBasis: "sizes";
3310
- gridTemplateColumns: "sizes";
3311
- gridTemplateRows: "sizes";
3312
- borderWidth: "borderWidths";
3313
- borderTopWidth: "borderWidths";
3314
- borderLeftWidth: "borderWidths";
3315
- borderRightWidth: "borderWidths";
3316
- borderBottomWidth: "borderWidths";
3317
- borderStyle: "borderStyles";
3318
- borderTopStyle: "borderStyles";
3319
- borderLeftStyle: "borderStyles";
3320
- borderRightStyle: "borderStyles";
3321
- borderBottomStyle: "borderStyles";
3322
- borderRadius: "radii";
3323
- borderTopLeftRadius: "radii";
3324
- borderTopRightRadius: "radii";
3325
- borderBottomRightRadius: "radii";
3326
- borderBottomLeftRadius: "radii";
3327
- boxShadow: "shadows";
3328
- textShadow: "shadows";
3329
- transition: "transitions";
3330
- zIndex: "zIndices";
3331
- }, {}>>;
3332
- declare const DropdownItem: react__default.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3333
-
3334
- declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", {
3335
- variant?: "primary" | "secondary" | "tertiary" | undefined;
3336
- size?: "sm" | "md" | "lg" | "xs" | undefined;
3337
- full?: boolean | "true" | undefined;
3338
- round?: "md" | "lg" | "xlg" | undefined;
3339
- }, {
3340
- sm: "(min-width: 375px)";
3341
- md: "(min-width: 768px)";
3342
- lg: "(min-width: 1024px)";
3343
- }, _stitches_react_types_css_util.CSS<{
3344
- sm: "(min-width: 375px)";
3345
- md: "(min-width: 768px)";
3346
- lg: "(min-width: 1024px)";
3347
- }, {
3348
- colors: {
3349
- white: string;
3350
- black: string;
3351
- gray_background: string;
3352
- gray_light: string;
3353
- gray_mid: string;
3354
- gray_dark: string;
3355
- clickpalm_light: string;
3356
- clickpalm_mid: string;
3357
- clickpalm_dark: string;
3358
- clickpalm_superDark: string;
3359
- ignite_light: string;
3360
- ignite_dark: string;
3361
- success: string;
3362
- success_dark: string;
3363
- warning: string;
3364
- warning_dark: string;
3365
- danger: string;
3366
- danger_dark: string;
3367
- };
3368
- fontSizes: {
3369
- xxs: string;
3370
- xs: string;
3371
- sm: string;
3372
- md: string;
3373
- lg: string;
3374
- xl: string;
3375
- '2xl': string;
3376
- '4xl': string;
3377
- '5xl': string;
3378
- '6xl': string;
3379
- '7xl': string;
3380
- '8xl': string;
3381
- '9xl': string;
3382
- };
3383
- fontWeights: {
3384
- regular: string;
3385
- medium: string;
3386
- bold: string;
3387
- };
3388
- fonts: {
3389
- default: string;
3390
- code: string;
3391
- };
3392
- lineHeights: {
3393
- regular: string;
3394
- shorter: string;
3395
- short: string;
3396
- base: string;
3397
- tall: string;
3398
- };
3399
- radii: {
3400
- px: string;
3401
- xs: string;
3402
- sm: string;
3403
- md: string;
3404
- lg: string;
3405
- full: string;
3406
- };
3407
- space: {
3408
- 1: string;
3409
- 2: string;
3410
- 3: string;
3411
- 4: string;
3412
- 5: string;
3413
- 6: string;
3414
- 7: string;
3415
- 8: string;
3416
- 10: string;
3417
- 11: string;
3418
- 12: string;
3419
- 14: string;
3420
- 16: string;
3421
- 19: string;
3422
- 20: string;
3423
- 22: string;
3424
- 40: string;
3425
- 64: string;
3426
- 80: string;
3427
- };
3428
- }, {
3429
- height: "space";
3430
- width: "space";
3431
- gap: "space";
3432
- gridGap: "space";
3433
- columnGap: "space";
3434
- gridColumnGap: "space";
3435
- rowGap: "space";
3436
- gridRowGap: "space";
3437
- inset: "space";
3438
- insetBlock: "space";
3439
- insetBlockEnd: "space";
3440
- insetBlockStart: "space";
3441
- insetInline: "space";
3442
- insetInlineEnd: "space";
3443
- insetInlineStart: "space";
3444
- margin: "space";
3445
- marginTop: "space";
3446
- marginRight: "space";
3447
- marginBottom: "space";
3448
- marginLeft: "space";
3449
- marginBlock: "space";
3450
- marginBlockEnd: "space";
3451
- marginBlockStart: "space";
3452
- marginInline: "space";
3453
- marginInlineEnd: "space";
3454
- marginInlineStart: "space";
3455
- padding: "space";
3456
- paddingTop: "space";
3457
- paddingRight: "space";
3458
- paddingBottom: "space";
3459
- paddingLeft: "space";
3460
- paddingBlock: "space";
3461
- paddingBlockEnd: "space";
3462
- paddingBlockStart: "space";
3463
- paddingInline: "space";
3464
- paddingInlineEnd: "space";
3465
- paddingInlineStart: "space";
3466
- scrollMargin: "space";
3467
- scrollMarginTop: "space";
3468
- scrollMarginRight: "space";
3469
- scrollMarginBottom: "space";
3470
- scrollMarginLeft: "space";
3471
- scrollMarginBlock: "space";
3472
- scrollMarginBlockEnd: "space";
3473
- scrollMarginBlockStart: "space";
3474
- scrollMarginInline: "space";
3475
- scrollMarginInlineEnd: "space";
3476
- scrollMarginInlineStart: "space";
3477
- scrollPadding: "space";
3478
- scrollPaddingTop: "space";
3479
- scrollPaddingRight: "space";
3480
- scrollPaddingBottom: "space";
3481
- scrollPaddingLeft: "space";
3482
- scrollPaddingBlock: "space";
3483
- scrollPaddingBlockEnd: "space";
3484
- scrollPaddingBlockStart: "space";
3485
- scrollPaddingInline: "space";
3486
- scrollPaddingInlineEnd: "space";
3487
- scrollPaddingInlineStart: "space";
3488
- top: "space";
3489
- right: "space";
3490
- bottom: "space";
3491
- left: "space";
3492
- fontSize: "fontSizes";
3493
- background: "colors";
3494
- backgroundColor: "colors";
3495
- backgroundImage: "colors";
3496
- borderImage: "colors";
3497
- border: "colors";
3498
- borderBlock: "colors";
3499
- borderBlockEnd: "colors";
3500
- borderBlockStart: "colors";
3501
- borderBottom: "colors";
3502
- borderBottomColor: "colors";
3503
- borderColor: "colors";
3504
- borderInline: "colors";
3505
- borderInlineEnd: "colors";
3506
- borderInlineStart: "colors";
3507
- borderLeft: "colors";
3508
- borderLeftColor: "colors";
3509
- borderRight: "colors";
3510
- borderRightColor: "colors";
3511
- borderTop: "colors";
3512
- borderTopColor: "colors";
3513
- caretColor: "colors";
3514
- color: "colors";
3515
- columnRuleColor: "colors";
3516
- outline: "colors";
3517
- outlineColor: "colors";
3518
- fill: "colors";
3519
- stroke: "colors";
3520
- textDecorationColor: "colors";
3521
- fontFamily: "fonts";
3522
- fontWeight: "fontWeights";
3523
- lineHeight: "lineHeights";
3524
- letterSpacing: "letterSpacings";
3525
- blockSize: "sizes";
3526
- minBlockSize: "sizes";
3527
- maxBlockSize: "sizes";
3528
- inlineSize: "sizes";
3529
- minInlineSize: "sizes";
3530
- maxInlineSize: "sizes";
3531
- minWidth: "sizes";
3532
- maxWidth: "sizes";
3533
- minHeight: "sizes";
3534
- maxHeight: "sizes";
3535
- flexBasis: "sizes";
3536
- gridTemplateColumns: "sizes";
3537
- gridTemplateRows: "sizes";
3538
- borderWidth: "borderWidths";
3539
- borderTopWidth: "borderWidths";
3540
- borderLeftWidth: "borderWidths";
3541
- borderRightWidth: "borderWidths";
3542
- borderBottomWidth: "borderWidths";
3543
- borderStyle: "borderStyles";
3544
- borderTopStyle: "borderStyles";
3545
- borderLeftStyle: "borderStyles";
3546
- borderRightStyle: "borderStyles";
3547
- borderBottomStyle: "borderStyles";
3548
- borderRadius: "radii";
3549
- borderTopLeftRadius: "radii";
3550
- borderTopRightRadius: "radii";
3551
- borderBottomRightRadius: "radii";
3552
- borderBottomLeftRadius: "radii";
3553
- boxShadow: "shadows";
3554
- textShadow: "shadows";
3555
- transition: "transitions";
3556
- zIndex: "zIndices";
3557
- }, {}>>;
3558
- type CustomCSS$4 = CSS<typeof config>;
3559
- interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<typeof StyledButton> {
3560
- as?: ElementType;
3561
- css?: CustomCSS$4;
3562
- children?: React.ReactNode;
3563
- variant?: 'primary' | 'secondary' | 'tertiary';
3564
- size?: 'xs' | 'sm' | 'md' | 'lg';
3565
- full?: boolean;
3566
- round?: 'md' | 'lg' | 'xlg';
3567
- }
3568
- declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
3569
-
3570
- type CustomCSS$3 = CSS<typeof config>;
3571
- interface BoxProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof Box> {
3572
- as?: ElementType;
3573
- css?: CustomCSS$3;
3574
- variant?: 'gray' | 'white';
3575
- children?: React.ReactNode;
3576
- }
3577
- declare const Box: {
3578
- (props: BoxProps): react_jsx_runtime.JSX.Element;
3579
- displayName: string;
3580
- };
3581
-
3582
- declare const StyledParagraph: _stitches_react_types_styled_component.StyledComponent<"p", {
3583
- size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
3584
- weight?: "regular" | "medium" | "bold" | undefined;
3585
- lineHeight?: "regular" | "shorter" | "short" | "base" | "tall" | undefined;
3586
- }, {
3587
- sm: "(min-width: 375px)";
3588
- md: "(min-width: 768px)";
3589
- lg: "(min-width: 1024px)";
3590
- }, _stitches_react_types_css_util.CSS<{
3591
- sm: "(min-width: 375px)";
3592
- md: "(min-width: 768px)";
3593
- lg: "(min-width: 1024px)";
3594
- }, {
3595
- colors: {
3596
- white: string;
3597
- black: string;
3598
- gray_background: string;
3599
- gray_light: string;
3600
- gray_mid: string;
3601
- gray_dark: string;
3602
- clickpalm_light: string;
3603
- clickpalm_mid: string;
3604
- clickpalm_dark: string;
3605
- clickpalm_superDark: string;
3606
- ignite_light: string;
3607
- ignite_dark: string;
3608
- success: string;
3609
- success_dark: string;
3610
- warning: string;
3611
- warning_dark: string;
3612
- danger: string;
3613
- danger_dark: string;
3614
- };
3615
- fontSizes: {
3616
- xxs: string;
3617
- xs: string;
3618
- sm: string;
3619
- md: string;
3620
- lg: string;
3621
- xl: string;
3622
- '2xl': string;
3623
- '4xl': string;
3624
- '5xl': string;
3625
- '6xl': string;
3626
- '7xl': string;
3627
- '8xl': string;
3628
- '9xl': string;
3629
- };
3630
- fontWeights: {
3631
- regular: string;
3632
- medium: string;
3633
- bold: string;
3634
- };
3635
- fonts: {
3636
- default: string;
3637
- code: string;
3638
- };
3639
- lineHeights: {
3640
- regular: string;
3641
- shorter: string;
3642
- short: string;
3643
- base: string;
3644
- tall: string;
3645
- };
3646
- radii: {
3647
- px: string;
3648
- xs: string;
3649
- sm: string;
3650
- md: string;
3651
- lg: string;
3652
- full: string;
3653
- };
3654
- space: {
3655
- 1: string;
3656
- 2: string;
3657
- 3: string;
3658
- 4: string;
3659
- 5: string;
3660
- 6: string;
3661
- 7: string;
3662
- 8: string;
3663
- 10: string;
3664
- 11: string;
3665
- 12: string;
3666
- 14: string;
3667
- 16: string;
3668
- 19: string;
3669
- 20: string;
3670
- 22: string;
3671
- 40: string;
3672
- 64: string;
3673
- 80: string;
3674
- };
3675
- }, {
3676
- height: "space";
3677
- width: "space";
3678
- gap: "space";
3679
- gridGap: "space";
3680
- columnGap: "space";
3681
- gridColumnGap: "space";
3682
- rowGap: "space";
3683
- gridRowGap: "space";
3684
- inset: "space";
3685
- insetBlock: "space";
3686
- insetBlockEnd: "space";
3687
- insetBlockStart: "space";
3688
- insetInline: "space";
3689
- insetInlineEnd: "space";
3690
- insetInlineStart: "space";
3691
- margin: "space";
3692
- marginTop: "space";
3693
- marginRight: "space";
3694
- marginBottom: "space";
3695
- marginLeft: "space";
3696
- marginBlock: "space";
3697
- marginBlockEnd: "space";
3698
- marginBlockStart: "space";
3699
- marginInline: "space";
3700
- marginInlineEnd: "space";
3701
- marginInlineStart: "space";
3702
- padding: "space";
3703
- paddingTop: "space";
3704
- paddingRight: "space";
3705
- paddingBottom: "space";
3706
- paddingLeft: "space";
3707
- paddingBlock: "space";
3708
- paddingBlockEnd: "space";
3709
- paddingBlockStart: "space";
3710
- paddingInline: "space";
3711
- paddingInlineEnd: "space";
3712
- paddingInlineStart: "space";
3713
- scrollMargin: "space";
3714
- scrollMarginTop: "space";
3715
- scrollMarginRight: "space";
3716
- scrollMarginBottom: "space";
3717
- scrollMarginLeft: "space";
3718
- scrollMarginBlock: "space";
3719
- scrollMarginBlockEnd: "space";
3720
- scrollMarginBlockStart: "space";
3721
- scrollMarginInline: "space";
3722
- scrollMarginInlineEnd: "space";
3723
- scrollMarginInlineStart: "space";
3724
- scrollPadding: "space";
3725
- scrollPaddingTop: "space";
3726
- scrollPaddingRight: "space";
3727
- scrollPaddingBottom: "space";
3728
- scrollPaddingLeft: "space";
3729
- scrollPaddingBlock: "space";
3730
- scrollPaddingBlockEnd: "space";
3731
- scrollPaddingBlockStart: "space";
3732
- scrollPaddingInline: "space";
3733
- scrollPaddingInlineEnd: "space";
3734
- scrollPaddingInlineStart: "space";
3735
- top: "space";
3736
- right: "space";
3737
- bottom: "space";
3738
- left: "space";
3739
- fontSize: "fontSizes";
3740
- background: "colors";
3741
- backgroundColor: "colors";
3742
- backgroundImage: "colors";
3743
- borderImage: "colors";
3744
- border: "colors";
3745
- borderBlock: "colors";
3746
- borderBlockEnd: "colors";
3747
- borderBlockStart: "colors";
3748
- borderBottom: "colors";
3749
- borderBottomColor: "colors";
3750
- borderColor: "colors";
3751
- borderInline: "colors";
3752
- borderInlineEnd: "colors";
3753
- borderInlineStart: "colors";
3754
- borderLeft: "colors";
3755
- borderLeftColor: "colors";
3756
- borderRight: "colors";
3757
- borderRightColor: "colors";
3758
- borderTop: "colors";
3759
- borderTopColor: "colors";
3760
- caretColor: "colors";
3761
- color: "colors";
3762
- columnRuleColor: "colors";
3763
- outline: "colors";
3764
- outlineColor: "colors";
3765
- fill: "colors";
3766
- stroke: "colors";
3767
- textDecorationColor: "colors";
3768
- fontFamily: "fonts";
3769
- fontWeight: "fontWeights";
3770
- lineHeight: "lineHeights";
3771
- letterSpacing: "letterSpacings";
3772
- blockSize: "sizes";
3773
- minBlockSize: "sizes";
3774
- maxBlockSize: "sizes";
3775
- inlineSize: "sizes";
3776
- minInlineSize: "sizes";
3777
- maxInlineSize: "sizes";
3778
- minWidth: "sizes";
3779
- maxWidth: "sizes";
3780
- minHeight: "sizes";
3781
- maxHeight: "sizes";
3782
- flexBasis: "sizes";
3783
- gridTemplateColumns: "sizes";
3784
- gridTemplateRows: "sizes";
3785
- borderWidth: "borderWidths";
3786
- borderTopWidth: "borderWidths";
3787
- borderLeftWidth: "borderWidths";
3788
- borderRightWidth: "borderWidths";
3789
- borderBottomWidth: "borderWidths";
3790
- borderStyle: "borderStyles";
3791
- borderTopStyle: "borderStyles";
3792
- borderLeftStyle: "borderStyles";
3793
- borderRightStyle: "borderStyles";
3794
- borderBottomStyle: "borderStyles";
3795
- borderRadius: "radii";
3796
- borderTopLeftRadius: "radii";
3797
- borderTopRightRadius: "radii";
3798
- borderBottomRightRadius: "radii";
3799
- borderBottomLeftRadius: "radii";
3800
- boxShadow: "shadows";
3801
- textShadow: "shadows";
3802
- transition: "transitions";
3803
- zIndex: "zIndices";
3804
- }, {}>>;
3805
- type CustomCSS$2 = CSS<typeof config>;
3806
- interface ParagraphProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof StyledParagraph> {
3807
- as?: ElementType;
3808
- css?: CustomCSS$2;
3809
- size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
3810
- weight?: "regular" | "medium" | "bold";
3811
- lineHeight?: "regular" | "shorter" | "short" | "base" | "tall";
3812
- }
3813
- declare const Paragraph: {
3814
- (props: ParagraphProps): react_jsx_runtime.JSX.Element;
3815
- displayName: string;
3816
- };
3817
-
3818
- declare const StyledHeading: _stitches_react_types_styled_component.StyledComponent<"h2", {
3819
- size?: "sm" | "md" | "lg" | "2xl" | "4xl" | "5xl" | "6xl" | "3xl" | undefined;
3820
- bold?: boolean | "true" | "false" | undefined;
3821
- }, {
3822
- sm: "(min-width: 375px)";
3823
- md: "(min-width: 768px)";
3824
- lg: "(min-width: 1024px)";
3825
- }, _stitches_react_types_css_util.CSS<{
3826
- sm: "(min-width: 375px)";
3827
- md: "(min-width: 768px)";
3828
- lg: "(min-width: 1024px)";
3829
- }, {
3830
- colors: {
3831
- white: string;
3832
- black: string;
3833
- gray_background: string;
3834
- gray_light: string;
3835
- gray_mid: string;
3836
- gray_dark: string;
3837
- clickpalm_light: string;
3838
- clickpalm_mid: string;
3839
- clickpalm_dark: string;
3840
- clickpalm_superDark: string;
3841
- ignite_light: string;
3842
- ignite_dark: string;
3843
- success: string;
3844
- success_dark: string;
3845
- warning: string;
3846
- warning_dark: string;
3847
- danger: string;
3848
- danger_dark: string;
3849
- };
3850
- fontSizes: {
3851
- xxs: string;
3852
- xs: string;
3853
- sm: string;
3854
- md: string;
3855
- lg: string;
3856
- xl: string;
3857
- '2xl': string;
3858
- '4xl': string;
3859
- '5xl': string;
3860
- '6xl': string;
3861
- '7xl': string;
3862
- '8xl': string;
3863
- '9xl': string;
3864
- };
3865
- fontWeights: {
3866
- regular: string;
3867
- medium: string;
3868
- bold: string;
3869
- };
3870
- fonts: {
3871
- default: string;
3872
- code: string;
3873
- };
3874
- lineHeights: {
3875
- regular: string;
3876
- shorter: string;
3877
- short: string;
3878
- base: string;
3879
- tall: string;
3880
- };
3881
- radii: {
3882
- px: string;
3883
- xs: string;
3884
- sm: string;
3885
- md: string;
3886
- lg: string;
3887
- full: string;
3888
- };
3889
- space: {
3890
- 1: string;
3891
- 2: string;
3892
- 3: string;
3893
- 4: string;
3894
- 5: string;
3895
- 6: string;
3896
- 7: string;
3897
- 8: string;
3898
- 10: string;
3899
- 11: string;
3900
- 12: string;
3901
- 14: string;
3902
- 16: string;
3903
- 19: string;
3904
- 20: string;
3905
- 22: string;
3906
- 40: string;
3907
- 64: string;
3908
- 80: string;
3909
- };
3910
- }, {
3911
- height: "space";
3912
- width: "space";
3913
- gap: "space";
3914
- gridGap: "space";
3915
- columnGap: "space";
3916
- gridColumnGap: "space";
3917
- rowGap: "space";
3918
- gridRowGap: "space";
3919
- inset: "space";
3920
- insetBlock: "space";
3921
- insetBlockEnd: "space";
3922
- insetBlockStart: "space";
3923
- insetInline: "space";
3924
- insetInlineEnd: "space";
3925
- insetInlineStart: "space";
3926
- margin: "space";
3927
- marginTop: "space";
3928
- marginRight: "space";
3929
- marginBottom: "space";
3930
- marginLeft: "space";
3931
- marginBlock: "space";
3932
- marginBlockEnd: "space";
3933
- marginBlockStart: "space";
3934
- marginInline: "space";
3935
- marginInlineEnd: "space";
3936
- marginInlineStart: "space";
3937
- padding: "space";
3938
- paddingTop: "space";
3939
- paddingRight: "space";
3940
- paddingBottom: "space";
3941
- paddingLeft: "space";
3942
- paddingBlock: "space";
3943
- paddingBlockEnd: "space";
3944
- paddingBlockStart: "space";
3945
- paddingInline: "space";
3946
- paddingInlineEnd: "space";
3947
- paddingInlineStart: "space";
3948
- scrollMargin: "space";
3949
- scrollMarginTop: "space";
3950
- scrollMarginRight: "space";
3951
- scrollMarginBottom: "space";
3952
- scrollMarginLeft: "space";
3953
- scrollMarginBlock: "space";
3954
- scrollMarginBlockEnd: "space";
3955
- scrollMarginBlockStart: "space";
3956
- scrollMarginInline: "space";
3957
- scrollMarginInlineEnd: "space";
3958
- scrollMarginInlineStart: "space";
3959
- scrollPadding: "space";
3960
- scrollPaddingTop: "space";
3961
- scrollPaddingRight: "space";
3962
- scrollPaddingBottom: "space";
3963
- scrollPaddingLeft: "space";
3964
- scrollPaddingBlock: "space";
3965
- scrollPaddingBlockEnd: "space";
3966
- scrollPaddingBlockStart: "space";
3967
- scrollPaddingInline: "space";
3968
- scrollPaddingInlineEnd: "space";
3969
- scrollPaddingInlineStart: "space";
3970
- top: "space";
3971
- right: "space";
3972
- bottom: "space";
3973
- left: "space";
3974
- fontSize: "fontSizes";
3975
- background: "colors";
3976
- backgroundColor: "colors";
3977
- backgroundImage: "colors";
3978
- borderImage: "colors";
3979
- border: "colors";
3980
- borderBlock: "colors";
3981
- borderBlockEnd: "colors";
3982
- borderBlockStart: "colors";
3983
- borderBottom: "colors";
3984
- borderBottomColor: "colors";
3985
- borderColor: "colors";
3986
- borderInline: "colors";
3987
- borderInlineEnd: "colors";
3988
- borderInlineStart: "colors";
3989
- borderLeft: "colors";
3990
- borderLeftColor: "colors";
3991
- borderRight: "colors";
3992
- borderRightColor: "colors";
3993
- borderTop: "colors";
3994
- borderTopColor: "colors";
3995
- caretColor: "colors";
3996
- color: "colors";
3997
- columnRuleColor: "colors";
3998
- outline: "colors";
3999
- outlineColor: "colors";
4000
- fill: "colors";
4001
- stroke: "colors";
4002
- textDecorationColor: "colors";
4003
- fontFamily: "fonts";
4004
- fontWeight: "fontWeights";
4005
- lineHeight: "lineHeights";
4006
- letterSpacing: "letterSpacings";
4007
- blockSize: "sizes";
4008
- minBlockSize: "sizes";
4009
- maxBlockSize: "sizes";
4010
- inlineSize: "sizes";
4011
- minInlineSize: "sizes";
4012
- maxInlineSize: "sizes";
4013
- minWidth: "sizes";
4014
- maxWidth: "sizes";
4015
- minHeight: "sizes";
4016
- maxHeight: "sizes";
4017
- flexBasis: "sizes";
4018
- gridTemplateColumns: "sizes";
4019
- gridTemplateRows: "sizes";
4020
- borderWidth: "borderWidths";
4021
- borderTopWidth: "borderWidths";
4022
- borderLeftWidth: "borderWidths";
4023
- borderRightWidth: "borderWidths";
4024
- borderBottomWidth: "borderWidths";
4025
- borderStyle: "borderStyles";
4026
- borderTopStyle: "borderStyles";
4027
- borderLeftStyle: "borderStyles";
4028
- borderRightStyle: "borderStyles";
4029
- borderBottomStyle: "borderStyles";
4030
- borderRadius: "radii";
4031
- borderTopLeftRadius: "radii";
4032
- borderTopRightRadius: "radii";
4033
- borderBottomRightRadius: "radii";
4034
- borderBottomLeftRadius: "radii";
4035
- boxShadow: "shadows";
4036
- textShadow: "shadows";
4037
- transition: "transitions";
4038
- zIndex: "zIndices";
4039
- }, {}>>;
4040
- type CustomCSS$1 = CSS<typeof config>;
4041
- interface HeadingProps extends ComponentPropsWithoutRef<'h2'>, VariantProps<typeof StyledHeading> {
4042
- as?: ElementType;
4043
- css?: CustomCSS$1;
4044
- children?: React.ReactNode;
4045
- size?: 'sm' | 'md' | 'lg' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
4046
- bold?: boolean;
4047
- }
4048
- declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
4049
-
4050
- interface SelectItem {
4051
- value: string;
4052
- label: string;
4053
- }
4054
- type CustomCSS = CSS<typeof config>;
4055
- interface SelectProps extends ComponentProps<typeof CustomSelect.Root> {
4056
- items: SelectItem[];
4057
- placeholder?: string;
4058
- label?: string;
4059
- errorMessage?: string;
4060
- css?: CustomCSS;
4061
- className?: string;
4062
- style?: CSSProperties;
4063
- }
4064
- declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
4065
-
4066
- interface LabelledValueProps {
4067
- position?: 'vertical' | 'horizontal';
4068
- withRow?: boolean;
4069
- children: ReactNode;
4070
- }
4071
- declare function LabelledValue({ position, withRow, children }: LabelledValueProps): react_jsx_runtime.JSX.Element;
4072
- declare namespace LabelledValue {
4073
- var Item: ({ label, value, position, withRow }: ItemProps) => react_jsx_runtime.JSX.Element;
4074
- }
4075
- interface ItemProps {
4076
- label: ReactNode;
4077
- value: ReactNode;
4078
- position?: 'vertical' | 'horizontal';
4079
- withRow?: boolean;
4080
- }
4081
-
4082
- type IconComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
4083
- declare const iconMap: Record<string, IconComponent>;
4084
-
4085
- type IconColor = 'black' | 'green' | 'white';
4086
- interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name' | 'color'> {
4087
- name: keyof typeof iconMap;
4088
- size?: number | string;
4089
- color?: IconColor;
4090
- }
4091
-
4092
- declare const Icon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
4093
-
4094
- interface OneTimePasswordProps extends ComponentPropsWithoutRef<typeof OneTimePasswordField.Root> {
4095
- label: string;
4096
- length: number;
4097
- value: string;
4098
- errorMessage?: string;
4099
- onValueChange: (value: string) => void;
4100
- }
4101
- declare const OneTimePassword: {
4102
- ({ label, length, value, errorMessage, onValueChange, ...rootProps }: OneTimePasswordProps): react_jsx_runtime.JSX.Element;
4103
- displayName: string;
4104
- };
4105
-
4106
- declare const Toast: react.FC;
4107
-
4108
- declare const toast: {
4109
- success: (title: string, description?: string) => void;
4110
- warning: (title: string, description?: string) => void;
4111
- error: (title: string, description?: string) => void;
4112
- };
4113
-
4114
- type Orientation = 'horizontal' | 'vertical';
4115
- interface Step {
4116
- label: string;
4117
- }
4118
- interface MultiStepProps {
4119
- steps: Step[];
4120
- currentStep: number;
4121
- orientation?: Orientation;
4122
- variant: 'primary' | 'secondary';
4123
- }
4124
- declare const MultiStep: react__default.FC<MultiStepProps>;
4125
-
4126
- interface CarouselProps {
4127
- title: string;
4128
- variant: 'gray' | 'purple';
4129
- children: ReactNode;
4130
- }
4131
- declare const Carousel: react__default.FC<CarouselProps> & {
4132
- Item: react__default.FC<CarouselItemProps>;
4133
- };
4134
- interface CarouselItemProps {
4135
- children: ReactNode;
4136
- style?: CSSProperties;
4137
- title?: string | null | undefined;
4138
- }
4139
-
4140
- type PasswordInputProps = Omit<TextInputProps, 'type' | 'suffix'>;
4141
- declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
4142
-
4143
- interface AccordionProps {
4144
- title: string;
4145
- children: ReactNode;
4146
- dropdownItems?: ReactNode;
4147
- }
4148
- declare const Accordion: react__default.ForwardRefExoticComponent<AccordionProps & react__default.RefAttributes<HTMLDivElement>>;
4149
-
4150
- export { Accordion, Avatar, AvatarProps, AvatarSize, AvatarStatus, Box, BoxProps, Button, ButtonProps, Calendar, Carousel, CarouselProps, Checkbox, CheckboxProps, Datepicker, Dropdown, DropdownItem, DropdownItemProps, DropdownSeparator, Heading, HeadingProps, Hr, HrProps, Icon, IconProps, Input, LabelledValue, LabelledValueProps, Loader, MaskType, MaskedInput, MaskedInputProps, Modal, MultiStep, MultiStepProps, OneTimePassword, OneTimePasswordProps, Paragraph, ParagraphProps, PasswordInput, PasswordInputProps, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectProps, Spacing, Span, StyledHr, Switch, SwitchProps, Tabs, TextArea, TextAreaElement, TextAreaProps, TextInputProps, Toast, Tooltip, TooltipProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme, toast };