@clickpalm/react 1.3.15 → 1.3.16

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/dist/index.d.ts +4152 -0
  2. package/dist/index.js +4453 -0
  3. package/dist/index.mjs +4386 -0
  4. package/package.json +1 -1
package/dist/index.d.ts ADDED
@@ -0,0 +1,4152 @@
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
+ onMonthChange?: (month: Date) => void;
2078
+ defaultValue?: Date;
2079
+ }
2080
+ declare const Calendar: ({ label, onChange, onMonthChange, defaultValue }: CalendarProps) => react_jsx_runtime.JSX.Element;
2081
+
2082
+ declare const CheckboxContainer: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Checkbox$1.CheckboxProps & react.RefAttributes<HTMLButtonElement>>, {
2083
+ hasError?: boolean | "true" | undefined;
2084
+ }, {
2085
+ sm: "(min-width: 375px)";
2086
+ md: "(min-width: 768px)";
2087
+ lg: "(min-width: 1024px)";
2088
+ }, _stitches_react_types_css_util.CSS<{
2089
+ sm: "(min-width: 375px)";
2090
+ md: "(min-width: 768px)";
2091
+ lg: "(min-width: 1024px)";
2092
+ }, {
2093
+ colors: {
2094
+ white: string;
2095
+ black: string;
2096
+ gray_background: string;
2097
+ gray_light: string;
2098
+ gray_mid: string;
2099
+ gray_dark: string;
2100
+ clickpalm_light: string;
2101
+ clickpalm_mid: string;
2102
+ clickpalm_dark: string;
2103
+ clickpalm_superDark: string;
2104
+ ignite_light: string;
2105
+ ignite_dark: string;
2106
+ success: string;
2107
+ success_dark: string;
2108
+ warning: string;
2109
+ warning_dark: string;
2110
+ danger: string;
2111
+ danger_dark: string;
2112
+ };
2113
+ fontSizes: {
2114
+ xxs: string;
2115
+ xs: string;
2116
+ sm: string;
2117
+ md: string;
2118
+ lg: string;
2119
+ xl: string;
2120
+ '2xl': string;
2121
+ '4xl': string;
2122
+ '5xl': string;
2123
+ '6xl': string;
2124
+ '7xl': string;
2125
+ '8xl': string;
2126
+ '9xl': string;
2127
+ };
2128
+ fontWeights: {
2129
+ regular: string;
2130
+ medium: string;
2131
+ bold: string;
2132
+ };
2133
+ fonts: {
2134
+ default: string;
2135
+ code: string;
2136
+ };
2137
+ lineHeights: {
2138
+ regular: string;
2139
+ shorter: string;
2140
+ short: string;
2141
+ base: string;
2142
+ tall: string;
2143
+ };
2144
+ radii: {
2145
+ px: string;
2146
+ xs: string;
2147
+ sm: string;
2148
+ md: string;
2149
+ lg: string;
2150
+ full: string;
2151
+ };
2152
+ space: {
2153
+ 1: string;
2154
+ 2: string;
2155
+ 3: string;
2156
+ 4: string;
2157
+ 5: string;
2158
+ 6: string;
2159
+ 7: string;
2160
+ 8: string;
2161
+ 10: string;
2162
+ 11: string;
2163
+ 12: string;
2164
+ 14: string;
2165
+ 16: string;
2166
+ 19: string;
2167
+ 20: string;
2168
+ 22: string;
2169
+ 40: string;
2170
+ 64: string;
2171
+ 80: string;
2172
+ };
2173
+ }, {
2174
+ height: "space";
2175
+ width: "space";
2176
+ gap: "space";
2177
+ gridGap: "space";
2178
+ columnGap: "space";
2179
+ gridColumnGap: "space";
2180
+ rowGap: "space";
2181
+ gridRowGap: "space";
2182
+ inset: "space";
2183
+ insetBlock: "space";
2184
+ insetBlockEnd: "space";
2185
+ insetBlockStart: "space";
2186
+ insetInline: "space";
2187
+ insetInlineEnd: "space";
2188
+ insetInlineStart: "space";
2189
+ margin: "space";
2190
+ marginTop: "space";
2191
+ marginRight: "space";
2192
+ marginBottom: "space";
2193
+ marginLeft: "space";
2194
+ marginBlock: "space";
2195
+ marginBlockEnd: "space";
2196
+ marginBlockStart: "space";
2197
+ marginInline: "space";
2198
+ marginInlineEnd: "space";
2199
+ marginInlineStart: "space";
2200
+ padding: "space";
2201
+ paddingTop: "space";
2202
+ paddingRight: "space";
2203
+ paddingBottom: "space";
2204
+ paddingLeft: "space";
2205
+ paddingBlock: "space";
2206
+ paddingBlockEnd: "space";
2207
+ paddingBlockStart: "space";
2208
+ paddingInline: "space";
2209
+ paddingInlineEnd: "space";
2210
+ paddingInlineStart: "space";
2211
+ scrollMargin: "space";
2212
+ scrollMarginTop: "space";
2213
+ scrollMarginRight: "space";
2214
+ scrollMarginBottom: "space";
2215
+ scrollMarginLeft: "space";
2216
+ scrollMarginBlock: "space";
2217
+ scrollMarginBlockEnd: "space";
2218
+ scrollMarginBlockStart: "space";
2219
+ scrollMarginInline: "space";
2220
+ scrollMarginInlineEnd: "space";
2221
+ scrollMarginInlineStart: "space";
2222
+ scrollPadding: "space";
2223
+ scrollPaddingTop: "space";
2224
+ scrollPaddingRight: "space";
2225
+ scrollPaddingBottom: "space";
2226
+ scrollPaddingLeft: "space";
2227
+ scrollPaddingBlock: "space";
2228
+ scrollPaddingBlockEnd: "space";
2229
+ scrollPaddingBlockStart: "space";
2230
+ scrollPaddingInline: "space";
2231
+ scrollPaddingInlineEnd: "space";
2232
+ scrollPaddingInlineStart: "space";
2233
+ top: "space";
2234
+ right: "space";
2235
+ bottom: "space";
2236
+ left: "space";
2237
+ fontSize: "fontSizes";
2238
+ background: "colors";
2239
+ backgroundColor: "colors";
2240
+ backgroundImage: "colors";
2241
+ borderImage: "colors";
2242
+ border: "colors";
2243
+ borderBlock: "colors";
2244
+ borderBlockEnd: "colors";
2245
+ borderBlockStart: "colors";
2246
+ borderBottom: "colors";
2247
+ borderBottomColor: "colors";
2248
+ borderColor: "colors";
2249
+ borderInline: "colors";
2250
+ borderInlineEnd: "colors";
2251
+ borderInlineStart: "colors";
2252
+ borderLeft: "colors";
2253
+ borderLeftColor: "colors";
2254
+ borderRight: "colors";
2255
+ borderRightColor: "colors";
2256
+ borderTop: "colors";
2257
+ borderTopColor: "colors";
2258
+ caretColor: "colors";
2259
+ color: "colors";
2260
+ columnRuleColor: "colors";
2261
+ outline: "colors";
2262
+ outlineColor: "colors";
2263
+ fill: "colors";
2264
+ stroke: "colors";
2265
+ textDecorationColor: "colors";
2266
+ fontFamily: "fonts";
2267
+ fontWeight: "fontWeights";
2268
+ lineHeight: "lineHeights";
2269
+ letterSpacing: "letterSpacings";
2270
+ blockSize: "sizes";
2271
+ minBlockSize: "sizes";
2272
+ maxBlockSize: "sizes";
2273
+ inlineSize: "sizes";
2274
+ minInlineSize: "sizes";
2275
+ maxInlineSize: "sizes";
2276
+ minWidth: "sizes";
2277
+ maxWidth: "sizes";
2278
+ minHeight: "sizes";
2279
+ maxHeight: "sizes";
2280
+ flexBasis: "sizes";
2281
+ gridTemplateColumns: "sizes";
2282
+ gridTemplateRows: "sizes";
2283
+ borderWidth: "borderWidths";
2284
+ borderTopWidth: "borderWidths";
2285
+ borderLeftWidth: "borderWidths";
2286
+ borderRightWidth: "borderWidths";
2287
+ borderBottomWidth: "borderWidths";
2288
+ borderStyle: "borderStyles";
2289
+ borderTopStyle: "borderStyles";
2290
+ borderLeftStyle: "borderStyles";
2291
+ borderRightStyle: "borderStyles";
2292
+ borderBottomStyle: "borderStyles";
2293
+ borderRadius: "radii";
2294
+ borderTopLeftRadius: "radii";
2295
+ borderTopRightRadius: "radii";
2296
+ borderBottomRightRadius: "radii";
2297
+ borderBottomLeftRadius: "radii";
2298
+ boxShadow: "shadows";
2299
+ textShadow: "shadows";
2300
+ transition: "transitions";
2301
+ zIndex: "zIndices";
2302
+ }, {}>>;
2303
+
2304
+ interface CheckboxProps extends ComponentProps<typeof CheckboxContainer> {
2305
+ label: string;
2306
+ checked?: boolean;
2307
+ onCheckedChange: (checked: boolean) => void;
2308
+ errorMessage?: string;
2309
+ }
2310
+ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
2311
+
2312
+ interface DatePickerInputProps {
2313
+ label: string;
2314
+ placeholder?: string;
2315
+ value?: string;
2316
+ onChange: (date: string) => void;
2317
+ onMonthChange?: (month: Date) => void;
2318
+ errorMessage?: string;
2319
+ endDate?: Date;
2320
+ }
2321
+ declare const Datepicker: react.ForwardRefExoticComponent<DatePickerInputProps & react.RefAttributes<HTMLInputElement>>;
2322
+
2323
+ declare const StyledHr: _stitches_react_types_styled_component.StyledComponent<"hr", {
2324
+ variant?: "gray" | "purple" | undefined;
2325
+ }, {
2326
+ sm: "(min-width: 375px)";
2327
+ md: "(min-width: 768px)";
2328
+ lg: "(min-width: 1024px)";
2329
+ }, _stitches_react_types_css_util.CSS<{
2330
+ sm: "(min-width: 375px)";
2331
+ md: "(min-width: 768px)";
2332
+ lg: "(min-width: 1024px)";
2333
+ }, {
2334
+ colors: {
2335
+ white: string;
2336
+ black: string;
2337
+ gray_background: string;
2338
+ gray_light: string;
2339
+ gray_mid: string;
2340
+ gray_dark: string;
2341
+ clickpalm_light: string;
2342
+ clickpalm_mid: string;
2343
+ clickpalm_dark: string;
2344
+ clickpalm_superDark: string;
2345
+ ignite_light: string;
2346
+ ignite_dark: string;
2347
+ success: string;
2348
+ success_dark: string;
2349
+ warning: string;
2350
+ warning_dark: string;
2351
+ danger: string;
2352
+ danger_dark: string;
2353
+ };
2354
+ fontSizes: {
2355
+ xxs: string;
2356
+ xs: string;
2357
+ sm: string;
2358
+ md: string;
2359
+ lg: string;
2360
+ xl: string;
2361
+ '2xl': string;
2362
+ '4xl': string;
2363
+ '5xl': string;
2364
+ '6xl': string;
2365
+ '7xl': string;
2366
+ '8xl': string;
2367
+ '9xl': string;
2368
+ };
2369
+ fontWeights: {
2370
+ regular: string;
2371
+ medium: string;
2372
+ bold: string;
2373
+ };
2374
+ fonts: {
2375
+ default: string;
2376
+ code: string;
2377
+ };
2378
+ lineHeights: {
2379
+ regular: string;
2380
+ shorter: string;
2381
+ short: string;
2382
+ base: string;
2383
+ tall: string;
2384
+ };
2385
+ radii: {
2386
+ px: string;
2387
+ xs: string;
2388
+ sm: string;
2389
+ md: string;
2390
+ lg: string;
2391
+ full: string;
2392
+ };
2393
+ space: {
2394
+ 1: string;
2395
+ 2: string;
2396
+ 3: string;
2397
+ 4: string;
2398
+ 5: string;
2399
+ 6: string;
2400
+ 7: string;
2401
+ 8: string;
2402
+ 10: string;
2403
+ 11: string;
2404
+ 12: string;
2405
+ 14: string;
2406
+ 16: string;
2407
+ 19: string;
2408
+ 20: string;
2409
+ 22: string;
2410
+ 40: string;
2411
+ 64: string;
2412
+ 80: string;
2413
+ };
2414
+ }, {
2415
+ height: "space";
2416
+ width: "space";
2417
+ gap: "space";
2418
+ gridGap: "space";
2419
+ columnGap: "space";
2420
+ gridColumnGap: "space";
2421
+ rowGap: "space";
2422
+ gridRowGap: "space";
2423
+ inset: "space";
2424
+ insetBlock: "space";
2425
+ insetBlockEnd: "space";
2426
+ insetBlockStart: "space";
2427
+ insetInline: "space";
2428
+ insetInlineEnd: "space";
2429
+ insetInlineStart: "space";
2430
+ margin: "space";
2431
+ marginTop: "space";
2432
+ marginRight: "space";
2433
+ marginBottom: "space";
2434
+ marginLeft: "space";
2435
+ marginBlock: "space";
2436
+ marginBlockEnd: "space";
2437
+ marginBlockStart: "space";
2438
+ marginInline: "space";
2439
+ marginInlineEnd: "space";
2440
+ marginInlineStart: "space";
2441
+ padding: "space";
2442
+ paddingTop: "space";
2443
+ paddingRight: "space";
2444
+ paddingBottom: "space";
2445
+ paddingLeft: "space";
2446
+ paddingBlock: "space";
2447
+ paddingBlockEnd: "space";
2448
+ paddingBlockStart: "space";
2449
+ paddingInline: "space";
2450
+ paddingInlineEnd: "space";
2451
+ paddingInlineStart: "space";
2452
+ scrollMargin: "space";
2453
+ scrollMarginTop: "space";
2454
+ scrollMarginRight: "space";
2455
+ scrollMarginBottom: "space";
2456
+ scrollMarginLeft: "space";
2457
+ scrollMarginBlock: "space";
2458
+ scrollMarginBlockEnd: "space";
2459
+ scrollMarginBlockStart: "space";
2460
+ scrollMarginInline: "space";
2461
+ scrollMarginInlineEnd: "space";
2462
+ scrollMarginInlineStart: "space";
2463
+ scrollPadding: "space";
2464
+ scrollPaddingTop: "space";
2465
+ scrollPaddingRight: "space";
2466
+ scrollPaddingBottom: "space";
2467
+ scrollPaddingLeft: "space";
2468
+ scrollPaddingBlock: "space";
2469
+ scrollPaddingBlockEnd: "space";
2470
+ scrollPaddingBlockStart: "space";
2471
+ scrollPaddingInline: "space";
2472
+ scrollPaddingInlineEnd: "space";
2473
+ scrollPaddingInlineStart: "space";
2474
+ top: "space";
2475
+ right: "space";
2476
+ bottom: "space";
2477
+ left: "space";
2478
+ fontSize: "fontSizes";
2479
+ background: "colors";
2480
+ backgroundColor: "colors";
2481
+ backgroundImage: "colors";
2482
+ borderImage: "colors";
2483
+ border: "colors";
2484
+ borderBlock: "colors";
2485
+ borderBlockEnd: "colors";
2486
+ borderBlockStart: "colors";
2487
+ borderBottom: "colors";
2488
+ borderBottomColor: "colors";
2489
+ borderColor: "colors";
2490
+ borderInline: "colors";
2491
+ borderInlineEnd: "colors";
2492
+ borderInlineStart: "colors";
2493
+ borderLeft: "colors";
2494
+ borderLeftColor: "colors";
2495
+ borderRight: "colors";
2496
+ borderRightColor: "colors";
2497
+ borderTop: "colors";
2498
+ borderTopColor: "colors";
2499
+ caretColor: "colors";
2500
+ color: "colors";
2501
+ columnRuleColor: "colors";
2502
+ outline: "colors";
2503
+ outlineColor: "colors";
2504
+ fill: "colors";
2505
+ stroke: "colors";
2506
+ textDecorationColor: "colors";
2507
+ fontFamily: "fonts";
2508
+ fontWeight: "fontWeights";
2509
+ lineHeight: "lineHeights";
2510
+ letterSpacing: "letterSpacings";
2511
+ blockSize: "sizes";
2512
+ minBlockSize: "sizes";
2513
+ maxBlockSize: "sizes";
2514
+ inlineSize: "sizes";
2515
+ minInlineSize: "sizes";
2516
+ maxInlineSize: "sizes";
2517
+ minWidth: "sizes";
2518
+ maxWidth: "sizes";
2519
+ minHeight: "sizes";
2520
+ maxHeight: "sizes";
2521
+ flexBasis: "sizes";
2522
+ gridTemplateColumns: "sizes";
2523
+ gridTemplateRows: "sizes";
2524
+ borderWidth: "borderWidths";
2525
+ borderTopWidth: "borderWidths";
2526
+ borderLeftWidth: "borderWidths";
2527
+ borderRightWidth: "borderWidths";
2528
+ borderBottomWidth: "borderWidths";
2529
+ borderStyle: "borderStyles";
2530
+ borderTopStyle: "borderStyles";
2531
+ borderLeftStyle: "borderStyles";
2532
+ borderRightStyle: "borderStyles";
2533
+ borderBottomStyle: "borderStyles";
2534
+ borderRadius: "radii";
2535
+ borderTopLeftRadius: "radii";
2536
+ borderTopRightRadius: "radii";
2537
+ borderBottomRightRadius: "radii";
2538
+ borderBottomLeftRadius: "radii";
2539
+ boxShadow: "shadows";
2540
+ textShadow: "shadows";
2541
+ transition: "transitions";
2542
+ zIndex: "zIndices";
2543
+ }, {}>>;
2544
+ type CustomCSS$5 = CSS<typeof config>;
2545
+ interface HrProps extends ComponentPropsWithoutRef<'hr'>, VariantProps<typeof StyledHr> {
2546
+ as?: ElementType;
2547
+ css?: CustomCSS$5;
2548
+ children?: React.ReactNode;
2549
+ variant?: 'gray' | 'purple';
2550
+ }
2551
+ declare const Hr: react.ForwardRefExoticComponent<HrProps & react.RefAttributes<HTMLHRElement>>;
2552
+
2553
+ interface ModalProps {
2554
+ open: boolean;
2555
+ onOpenChange: (open: boolean) => void;
2556
+ title: string;
2557
+ description?: string;
2558
+ children: react__default.ReactNode;
2559
+ }
2560
+ declare const Modal: react__default.FC<ModalProps>;
2561
+
2562
+ interface ProgressBarProps extends ComponentPropsWithoutRef<typeof Progress.Root> {
2563
+ label: string;
2564
+ value: number | null;
2565
+ max: number;
2566
+ }
2567
+ declare const ProgressBar: {
2568
+ ({ label, value, max, ...rest }: ProgressBarProps): react_jsx_runtime.JSX.Element;
2569
+ displayName: string;
2570
+ };
2571
+
2572
+ interface RadioProps {
2573
+ labels: string[];
2574
+ value: string;
2575
+ onChange: (value: string) => void;
2576
+ disabled?: boolean;
2577
+ required?: boolean;
2578
+ errorMessage?: string;
2579
+ }
2580
+ declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLDivElement>>;
2581
+
2582
+ type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg' | 'xxxlg';
2583
+ interface SpacingProps {
2584
+ size: SpacingSize;
2585
+ axis?: 'vertical' | 'horizontal';
2586
+ }
2587
+ declare const Spacing: ({ size, axis }: SpacingProps) => react_jsx_runtime.JSX.Element;
2588
+
2589
+ interface SwitchProps {
2590
+ label?: string;
2591
+ checked?: boolean;
2592
+ defaultChecked?: boolean;
2593
+ onCheckedChange?: (checked: boolean) => void;
2594
+ disabled?: boolean;
2595
+ required?: boolean;
2596
+ id?: string;
2597
+ errorMessage?: string;
2598
+ }
2599
+ declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
2600
+
2601
+ interface TabsProps {
2602
+ defaultValue?: string;
2603
+ children: ReactNode;
2604
+ colorContent: "gray" | "white";
2605
+ value?: string;
2606
+ onValueChange?: (value: string) => void;
2607
+ }
2608
+ interface TabItemProps {
2609
+ value: string;
2610
+ label: string;
2611
+ children: ReactNode;
2612
+ forceMount?: boolean;
2613
+ }
2614
+ declare const TabsItem: React.FC<TabItemProps>;
2615
+ declare const Tabs: React.FC<TabsProps> & {
2616
+ Item: typeof TabsItem;
2617
+ };
2618
+
2619
+ declare const TextAreaElement: _stitches_react_types_styled_component.StyledComponent<"textarea", {
2620
+ hasError?: boolean | "true" | undefined;
2621
+ hasCounter?: boolean | "true" | undefined;
2622
+ }, {
2623
+ sm: "(min-width: 375px)";
2624
+ md: "(min-width: 768px)";
2625
+ lg: "(min-width: 1024px)";
2626
+ }, _stitches_react_types_css_util.CSS<{
2627
+ sm: "(min-width: 375px)";
2628
+ md: "(min-width: 768px)";
2629
+ lg: "(min-width: 1024px)";
2630
+ }, {
2631
+ colors: {
2632
+ white: string;
2633
+ black: string;
2634
+ gray_background: string;
2635
+ gray_light: string;
2636
+ gray_mid: string;
2637
+ gray_dark: string;
2638
+ clickpalm_light: string;
2639
+ clickpalm_mid: string;
2640
+ clickpalm_dark: string;
2641
+ clickpalm_superDark: string;
2642
+ ignite_light: string;
2643
+ ignite_dark: string;
2644
+ success: string;
2645
+ success_dark: string;
2646
+ warning: string;
2647
+ warning_dark: string;
2648
+ danger: string;
2649
+ danger_dark: string;
2650
+ };
2651
+ fontSizes: {
2652
+ xxs: string;
2653
+ xs: string;
2654
+ sm: string;
2655
+ md: string;
2656
+ lg: string;
2657
+ xl: string;
2658
+ '2xl': string;
2659
+ '4xl': string;
2660
+ '5xl': string;
2661
+ '6xl': string;
2662
+ '7xl': string;
2663
+ '8xl': string;
2664
+ '9xl': string;
2665
+ };
2666
+ fontWeights: {
2667
+ regular: string;
2668
+ medium: string;
2669
+ bold: string;
2670
+ };
2671
+ fonts: {
2672
+ default: string;
2673
+ code: string;
2674
+ };
2675
+ lineHeights: {
2676
+ regular: string;
2677
+ shorter: string;
2678
+ short: string;
2679
+ base: string;
2680
+ tall: string;
2681
+ };
2682
+ radii: {
2683
+ px: string;
2684
+ xs: string;
2685
+ sm: string;
2686
+ md: string;
2687
+ lg: string;
2688
+ full: string;
2689
+ };
2690
+ space: {
2691
+ 1: string;
2692
+ 2: string;
2693
+ 3: string;
2694
+ 4: string;
2695
+ 5: string;
2696
+ 6: string;
2697
+ 7: string;
2698
+ 8: string;
2699
+ 10: string;
2700
+ 11: string;
2701
+ 12: string;
2702
+ 14: string;
2703
+ 16: string;
2704
+ 19: string;
2705
+ 20: string;
2706
+ 22: string;
2707
+ 40: string;
2708
+ 64: string;
2709
+ 80: string;
2710
+ };
2711
+ }, {
2712
+ height: "space";
2713
+ width: "space";
2714
+ gap: "space";
2715
+ gridGap: "space";
2716
+ columnGap: "space";
2717
+ gridColumnGap: "space";
2718
+ rowGap: "space";
2719
+ gridRowGap: "space";
2720
+ inset: "space";
2721
+ insetBlock: "space";
2722
+ insetBlockEnd: "space";
2723
+ insetBlockStart: "space";
2724
+ insetInline: "space";
2725
+ insetInlineEnd: "space";
2726
+ insetInlineStart: "space";
2727
+ margin: "space";
2728
+ marginTop: "space";
2729
+ marginRight: "space";
2730
+ marginBottom: "space";
2731
+ marginLeft: "space";
2732
+ marginBlock: "space";
2733
+ marginBlockEnd: "space";
2734
+ marginBlockStart: "space";
2735
+ marginInline: "space";
2736
+ marginInlineEnd: "space";
2737
+ marginInlineStart: "space";
2738
+ padding: "space";
2739
+ paddingTop: "space";
2740
+ paddingRight: "space";
2741
+ paddingBottom: "space";
2742
+ paddingLeft: "space";
2743
+ paddingBlock: "space";
2744
+ paddingBlockEnd: "space";
2745
+ paddingBlockStart: "space";
2746
+ paddingInline: "space";
2747
+ paddingInlineEnd: "space";
2748
+ paddingInlineStart: "space";
2749
+ scrollMargin: "space";
2750
+ scrollMarginTop: "space";
2751
+ scrollMarginRight: "space";
2752
+ scrollMarginBottom: "space";
2753
+ scrollMarginLeft: "space";
2754
+ scrollMarginBlock: "space";
2755
+ scrollMarginBlockEnd: "space";
2756
+ scrollMarginBlockStart: "space";
2757
+ scrollMarginInline: "space";
2758
+ scrollMarginInlineEnd: "space";
2759
+ scrollMarginInlineStart: "space";
2760
+ scrollPadding: "space";
2761
+ scrollPaddingTop: "space";
2762
+ scrollPaddingRight: "space";
2763
+ scrollPaddingBottom: "space";
2764
+ scrollPaddingLeft: "space";
2765
+ scrollPaddingBlock: "space";
2766
+ scrollPaddingBlockEnd: "space";
2767
+ scrollPaddingBlockStart: "space";
2768
+ scrollPaddingInline: "space";
2769
+ scrollPaddingInlineEnd: "space";
2770
+ scrollPaddingInlineStart: "space";
2771
+ top: "space";
2772
+ right: "space";
2773
+ bottom: "space";
2774
+ left: "space";
2775
+ fontSize: "fontSizes";
2776
+ background: "colors";
2777
+ backgroundColor: "colors";
2778
+ backgroundImage: "colors";
2779
+ borderImage: "colors";
2780
+ border: "colors";
2781
+ borderBlock: "colors";
2782
+ borderBlockEnd: "colors";
2783
+ borderBlockStart: "colors";
2784
+ borderBottom: "colors";
2785
+ borderBottomColor: "colors";
2786
+ borderColor: "colors";
2787
+ borderInline: "colors";
2788
+ borderInlineEnd: "colors";
2789
+ borderInlineStart: "colors";
2790
+ borderLeft: "colors";
2791
+ borderLeftColor: "colors";
2792
+ borderRight: "colors";
2793
+ borderRightColor: "colors";
2794
+ borderTop: "colors";
2795
+ borderTopColor: "colors";
2796
+ caretColor: "colors";
2797
+ color: "colors";
2798
+ columnRuleColor: "colors";
2799
+ outline: "colors";
2800
+ outlineColor: "colors";
2801
+ fill: "colors";
2802
+ stroke: "colors";
2803
+ textDecorationColor: "colors";
2804
+ fontFamily: "fonts";
2805
+ fontWeight: "fontWeights";
2806
+ lineHeight: "lineHeights";
2807
+ letterSpacing: "letterSpacings";
2808
+ blockSize: "sizes";
2809
+ minBlockSize: "sizes";
2810
+ maxBlockSize: "sizes";
2811
+ inlineSize: "sizes";
2812
+ minInlineSize: "sizes";
2813
+ maxInlineSize: "sizes";
2814
+ minWidth: "sizes";
2815
+ maxWidth: "sizes";
2816
+ minHeight: "sizes";
2817
+ maxHeight: "sizes";
2818
+ flexBasis: "sizes";
2819
+ gridTemplateColumns: "sizes";
2820
+ gridTemplateRows: "sizes";
2821
+ borderWidth: "borderWidths";
2822
+ borderTopWidth: "borderWidths";
2823
+ borderLeftWidth: "borderWidths";
2824
+ borderRightWidth: "borderWidths";
2825
+ borderBottomWidth: "borderWidths";
2826
+ borderStyle: "borderStyles";
2827
+ borderTopStyle: "borderStyles";
2828
+ borderLeftStyle: "borderStyles";
2829
+ borderRightStyle: "borderStyles";
2830
+ borderBottomStyle: "borderStyles";
2831
+ borderRadius: "radii";
2832
+ borderTopLeftRadius: "radii";
2833
+ borderTopRightRadius: "radii";
2834
+ borderBottomRightRadius: "radii";
2835
+ borderBottomLeftRadius: "radii";
2836
+ boxShadow: "shadows";
2837
+ textShadow: "shadows";
2838
+ transition: "transitions";
2839
+ zIndex: "zIndices";
2840
+ }, {}>>;
2841
+ declare const Span: _stitches_react_types_styled_component.StyledComponent<"span", {}, {
2842
+ sm: "(min-width: 375px)";
2843
+ md: "(min-width: 768px)";
2844
+ lg: "(min-width: 1024px)";
2845
+ }, _stitches_react_types_css_util.CSS<{
2846
+ sm: "(min-width: 375px)";
2847
+ md: "(min-width: 768px)";
2848
+ lg: "(min-width: 1024px)";
2849
+ }, {
2850
+ colors: {
2851
+ white: string;
2852
+ black: string;
2853
+ gray_background: string;
2854
+ gray_light: string;
2855
+ gray_mid: string;
2856
+ gray_dark: string;
2857
+ clickpalm_light: string;
2858
+ clickpalm_mid: string;
2859
+ clickpalm_dark: string;
2860
+ clickpalm_superDark: string;
2861
+ ignite_light: string;
2862
+ ignite_dark: string;
2863
+ success: string;
2864
+ success_dark: string;
2865
+ warning: string;
2866
+ warning_dark: string;
2867
+ danger: string;
2868
+ danger_dark: string;
2869
+ };
2870
+ fontSizes: {
2871
+ xxs: string;
2872
+ xs: string;
2873
+ sm: string;
2874
+ md: string;
2875
+ lg: string;
2876
+ xl: string;
2877
+ '2xl': string;
2878
+ '4xl': string;
2879
+ '5xl': string;
2880
+ '6xl': string;
2881
+ '7xl': string;
2882
+ '8xl': string;
2883
+ '9xl': string;
2884
+ };
2885
+ fontWeights: {
2886
+ regular: string;
2887
+ medium: string;
2888
+ bold: string;
2889
+ };
2890
+ fonts: {
2891
+ default: string;
2892
+ code: string;
2893
+ };
2894
+ lineHeights: {
2895
+ regular: string;
2896
+ shorter: string;
2897
+ short: string;
2898
+ base: string;
2899
+ tall: string;
2900
+ };
2901
+ radii: {
2902
+ px: string;
2903
+ xs: string;
2904
+ sm: string;
2905
+ md: string;
2906
+ lg: string;
2907
+ full: string;
2908
+ };
2909
+ space: {
2910
+ 1: string;
2911
+ 2: string;
2912
+ 3: string;
2913
+ 4: string;
2914
+ 5: string;
2915
+ 6: string;
2916
+ 7: string;
2917
+ 8: string;
2918
+ 10: string;
2919
+ 11: string;
2920
+ 12: string;
2921
+ 14: string;
2922
+ 16: string;
2923
+ 19: string;
2924
+ 20: string;
2925
+ 22: string;
2926
+ 40: string;
2927
+ 64: string;
2928
+ 80: string;
2929
+ };
2930
+ }, {
2931
+ height: "space";
2932
+ width: "space";
2933
+ gap: "space";
2934
+ gridGap: "space";
2935
+ columnGap: "space";
2936
+ gridColumnGap: "space";
2937
+ rowGap: "space";
2938
+ gridRowGap: "space";
2939
+ inset: "space";
2940
+ insetBlock: "space";
2941
+ insetBlockEnd: "space";
2942
+ insetBlockStart: "space";
2943
+ insetInline: "space";
2944
+ insetInlineEnd: "space";
2945
+ insetInlineStart: "space";
2946
+ margin: "space";
2947
+ marginTop: "space";
2948
+ marginRight: "space";
2949
+ marginBottom: "space";
2950
+ marginLeft: "space";
2951
+ marginBlock: "space";
2952
+ marginBlockEnd: "space";
2953
+ marginBlockStart: "space";
2954
+ marginInline: "space";
2955
+ marginInlineEnd: "space";
2956
+ marginInlineStart: "space";
2957
+ padding: "space";
2958
+ paddingTop: "space";
2959
+ paddingRight: "space";
2960
+ paddingBottom: "space";
2961
+ paddingLeft: "space";
2962
+ paddingBlock: "space";
2963
+ paddingBlockEnd: "space";
2964
+ paddingBlockStart: "space";
2965
+ paddingInline: "space";
2966
+ paddingInlineEnd: "space";
2967
+ paddingInlineStart: "space";
2968
+ scrollMargin: "space";
2969
+ scrollMarginTop: "space";
2970
+ scrollMarginRight: "space";
2971
+ scrollMarginBottom: "space";
2972
+ scrollMarginLeft: "space";
2973
+ scrollMarginBlock: "space";
2974
+ scrollMarginBlockEnd: "space";
2975
+ scrollMarginBlockStart: "space";
2976
+ scrollMarginInline: "space";
2977
+ scrollMarginInlineEnd: "space";
2978
+ scrollMarginInlineStart: "space";
2979
+ scrollPadding: "space";
2980
+ scrollPaddingTop: "space";
2981
+ scrollPaddingRight: "space";
2982
+ scrollPaddingBottom: "space";
2983
+ scrollPaddingLeft: "space";
2984
+ scrollPaddingBlock: "space";
2985
+ scrollPaddingBlockEnd: "space";
2986
+ scrollPaddingBlockStart: "space";
2987
+ scrollPaddingInline: "space";
2988
+ scrollPaddingInlineEnd: "space";
2989
+ scrollPaddingInlineStart: "space";
2990
+ top: "space";
2991
+ right: "space";
2992
+ bottom: "space";
2993
+ left: "space";
2994
+ fontSize: "fontSizes";
2995
+ background: "colors";
2996
+ backgroundColor: "colors";
2997
+ backgroundImage: "colors";
2998
+ borderImage: "colors";
2999
+ border: "colors";
3000
+ borderBlock: "colors";
3001
+ borderBlockEnd: "colors";
3002
+ borderBlockStart: "colors";
3003
+ borderBottom: "colors";
3004
+ borderBottomColor: "colors";
3005
+ borderColor: "colors";
3006
+ borderInline: "colors";
3007
+ borderInlineEnd: "colors";
3008
+ borderInlineStart: "colors";
3009
+ borderLeft: "colors";
3010
+ borderLeftColor: "colors";
3011
+ borderRight: "colors";
3012
+ borderRightColor: "colors";
3013
+ borderTop: "colors";
3014
+ borderTopColor: "colors";
3015
+ caretColor: "colors";
3016
+ color: "colors";
3017
+ columnRuleColor: "colors";
3018
+ outline: "colors";
3019
+ outlineColor: "colors";
3020
+ fill: "colors";
3021
+ stroke: "colors";
3022
+ textDecorationColor: "colors";
3023
+ fontFamily: "fonts";
3024
+ fontWeight: "fontWeights";
3025
+ lineHeight: "lineHeights";
3026
+ letterSpacing: "letterSpacings";
3027
+ blockSize: "sizes";
3028
+ minBlockSize: "sizes";
3029
+ maxBlockSize: "sizes";
3030
+ inlineSize: "sizes";
3031
+ minInlineSize: "sizes";
3032
+ maxInlineSize: "sizes";
3033
+ minWidth: "sizes";
3034
+ maxWidth: "sizes";
3035
+ minHeight: "sizes";
3036
+ maxHeight: "sizes";
3037
+ flexBasis: "sizes";
3038
+ gridTemplateColumns: "sizes";
3039
+ gridTemplateRows: "sizes";
3040
+ borderWidth: "borderWidths";
3041
+ borderTopWidth: "borderWidths";
3042
+ borderLeftWidth: "borderWidths";
3043
+ borderRightWidth: "borderWidths";
3044
+ borderBottomWidth: "borderWidths";
3045
+ borderStyle: "borderStyles";
3046
+ borderTopStyle: "borderStyles";
3047
+ borderLeftStyle: "borderStyles";
3048
+ borderRightStyle: "borderStyles";
3049
+ borderBottomStyle: "borderStyles";
3050
+ borderRadius: "radii";
3051
+ borderTopLeftRadius: "radii";
3052
+ borderTopRightRadius: "radii";
3053
+ borderBottomRightRadius: "radii";
3054
+ borderBottomLeftRadius: "radii";
3055
+ boxShadow: "shadows";
3056
+ textShadow: "shadows";
3057
+ transition: "transitions";
3058
+ zIndex: "zIndices";
3059
+ }, {}>>;
3060
+ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, VariantProps<typeof TextAreaElement> {
3061
+ label?: string;
3062
+ htmlFor?: string;
3063
+ errorMessage?: string;
3064
+ maxLength?: number;
3065
+ showCounter?: boolean;
3066
+ }
3067
+ declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<HTMLTextAreaElement>>;
3068
+
3069
+ interface TooltipProps {
3070
+ content: ReactNode;
3071
+ children: ReactNode;
3072
+ side?: 'top' | 'right' | 'bottom' | 'left';
3073
+ sideOffset?: number;
3074
+ open?: boolean;
3075
+ onOpenChange?: (open: boolean) => void;
3076
+ delayDuration?: number;
3077
+ }
3078
+ declare const Tooltip: {
3079
+ ({ content, children, side, sideOffset, open: controlledOpen, onOpenChange, delayDuration }: TooltipProps): react_jsx_runtime.JSX.Element;
3080
+ displayName: string;
3081
+ };
3082
+
3083
+ interface LoadingSpinnerProps {
3084
+ show: boolean;
3085
+ fullscreen?: boolean;
3086
+ }
3087
+ declare const Loader: React.FC<LoadingSpinnerProps>;
3088
+
3089
+ interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
3090
+ label: string;
3091
+ prefix?: string;
3092
+ suffix?: react__default.ReactNode;
3093
+ noMargin?: boolean;
3094
+ errorMessage?: string;
3095
+ maxLength?: number;
3096
+ showCounter?: boolean;
3097
+ redBorder?: boolean;
3098
+ }
3099
+ declare const Input: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<HTMLInputElement>>;
3100
+
3101
+ type MaskType = 'cellPhone' | 'homePhone' | 'cep' | 'cpf' | 'cnpj' | 'date';
3102
+ interface MaskedInputProps extends TextInputProps {
3103
+ maskType: MaskType;
3104
+ }
3105
+ declare const MaskedInput: react__default.ForwardRefExoticComponent<MaskedInputProps & react__default.RefAttributes<HTMLInputElement>>;
3106
+
3107
+ interface DropdownProps {
3108
+ children: react__default.ReactNode;
3109
+ }
3110
+ type DropdownItemProps = ComponentProps<typeof DropdownMenu.Item>;
3111
+ declare const Dropdown: {
3112
+ ({ children }: DropdownProps): react_jsx_runtime.JSX.Element;
3113
+ displayName: string;
3114
+ };
3115
+ declare const DropdownSeparator: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & react__default.RefAttributes<HTMLDivElement>>, {}, {
3116
+ sm: "(min-width: 375px)";
3117
+ md: "(min-width: 768px)";
3118
+ lg: "(min-width: 1024px)";
3119
+ }, _stitches_react_types_css_util.CSS<{
3120
+ sm: "(min-width: 375px)";
3121
+ md: "(min-width: 768px)";
3122
+ lg: "(min-width: 1024px)";
3123
+ }, {
3124
+ colors: {
3125
+ white: string;
3126
+ black: string;
3127
+ gray_background: string;
3128
+ gray_light: string;
3129
+ gray_mid: string;
3130
+ gray_dark: string;
3131
+ clickpalm_light: string;
3132
+ clickpalm_mid: string;
3133
+ clickpalm_dark: string;
3134
+ clickpalm_superDark: string;
3135
+ ignite_light: string;
3136
+ ignite_dark: string;
3137
+ success: string;
3138
+ success_dark: string;
3139
+ warning: string;
3140
+ warning_dark: string;
3141
+ danger: string;
3142
+ danger_dark: string;
3143
+ };
3144
+ fontSizes: {
3145
+ xxs: string;
3146
+ xs: string;
3147
+ sm: string;
3148
+ md: string;
3149
+ lg: string;
3150
+ xl: string;
3151
+ '2xl': string;
3152
+ '4xl': string;
3153
+ '5xl': string;
3154
+ '6xl': string;
3155
+ '7xl': string;
3156
+ '8xl': string;
3157
+ '9xl': string;
3158
+ };
3159
+ fontWeights: {
3160
+ regular: string;
3161
+ medium: string;
3162
+ bold: string;
3163
+ };
3164
+ fonts: {
3165
+ default: string;
3166
+ code: string;
3167
+ };
3168
+ lineHeights: {
3169
+ regular: string;
3170
+ shorter: string;
3171
+ short: string;
3172
+ base: string;
3173
+ tall: string;
3174
+ };
3175
+ radii: {
3176
+ px: string;
3177
+ xs: string;
3178
+ sm: string;
3179
+ md: string;
3180
+ lg: string;
3181
+ full: string;
3182
+ };
3183
+ space: {
3184
+ 1: string;
3185
+ 2: string;
3186
+ 3: string;
3187
+ 4: string;
3188
+ 5: string;
3189
+ 6: string;
3190
+ 7: string;
3191
+ 8: string;
3192
+ 10: string;
3193
+ 11: string;
3194
+ 12: string;
3195
+ 14: string;
3196
+ 16: string;
3197
+ 19: string;
3198
+ 20: string;
3199
+ 22: string;
3200
+ 40: string;
3201
+ 64: string;
3202
+ 80: string;
3203
+ };
3204
+ }, {
3205
+ height: "space";
3206
+ width: "space";
3207
+ gap: "space";
3208
+ gridGap: "space";
3209
+ columnGap: "space";
3210
+ gridColumnGap: "space";
3211
+ rowGap: "space";
3212
+ gridRowGap: "space";
3213
+ inset: "space";
3214
+ insetBlock: "space";
3215
+ insetBlockEnd: "space";
3216
+ insetBlockStart: "space";
3217
+ insetInline: "space";
3218
+ insetInlineEnd: "space";
3219
+ insetInlineStart: "space";
3220
+ margin: "space";
3221
+ marginTop: "space";
3222
+ marginRight: "space";
3223
+ marginBottom: "space";
3224
+ marginLeft: "space";
3225
+ marginBlock: "space";
3226
+ marginBlockEnd: "space";
3227
+ marginBlockStart: "space";
3228
+ marginInline: "space";
3229
+ marginInlineEnd: "space";
3230
+ marginInlineStart: "space";
3231
+ padding: "space";
3232
+ paddingTop: "space";
3233
+ paddingRight: "space";
3234
+ paddingBottom: "space";
3235
+ paddingLeft: "space";
3236
+ paddingBlock: "space";
3237
+ paddingBlockEnd: "space";
3238
+ paddingBlockStart: "space";
3239
+ paddingInline: "space";
3240
+ paddingInlineEnd: "space";
3241
+ paddingInlineStart: "space";
3242
+ scrollMargin: "space";
3243
+ scrollMarginTop: "space";
3244
+ scrollMarginRight: "space";
3245
+ scrollMarginBottom: "space";
3246
+ scrollMarginLeft: "space";
3247
+ scrollMarginBlock: "space";
3248
+ scrollMarginBlockEnd: "space";
3249
+ scrollMarginBlockStart: "space";
3250
+ scrollMarginInline: "space";
3251
+ scrollMarginInlineEnd: "space";
3252
+ scrollMarginInlineStart: "space";
3253
+ scrollPadding: "space";
3254
+ scrollPaddingTop: "space";
3255
+ scrollPaddingRight: "space";
3256
+ scrollPaddingBottom: "space";
3257
+ scrollPaddingLeft: "space";
3258
+ scrollPaddingBlock: "space";
3259
+ scrollPaddingBlockEnd: "space";
3260
+ scrollPaddingBlockStart: "space";
3261
+ scrollPaddingInline: "space";
3262
+ scrollPaddingInlineEnd: "space";
3263
+ scrollPaddingInlineStart: "space";
3264
+ top: "space";
3265
+ right: "space";
3266
+ bottom: "space";
3267
+ left: "space";
3268
+ fontSize: "fontSizes";
3269
+ background: "colors";
3270
+ backgroundColor: "colors";
3271
+ backgroundImage: "colors";
3272
+ borderImage: "colors";
3273
+ border: "colors";
3274
+ borderBlock: "colors";
3275
+ borderBlockEnd: "colors";
3276
+ borderBlockStart: "colors";
3277
+ borderBottom: "colors";
3278
+ borderBottomColor: "colors";
3279
+ borderColor: "colors";
3280
+ borderInline: "colors";
3281
+ borderInlineEnd: "colors";
3282
+ borderInlineStart: "colors";
3283
+ borderLeft: "colors";
3284
+ borderLeftColor: "colors";
3285
+ borderRight: "colors";
3286
+ borderRightColor: "colors";
3287
+ borderTop: "colors";
3288
+ borderTopColor: "colors";
3289
+ caretColor: "colors";
3290
+ color: "colors";
3291
+ columnRuleColor: "colors";
3292
+ outline: "colors";
3293
+ outlineColor: "colors";
3294
+ fill: "colors";
3295
+ stroke: "colors";
3296
+ textDecorationColor: "colors";
3297
+ fontFamily: "fonts";
3298
+ fontWeight: "fontWeights";
3299
+ lineHeight: "lineHeights";
3300
+ letterSpacing: "letterSpacings";
3301
+ blockSize: "sizes";
3302
+ minBlockSize: "sizes";
3303
+ maxBlockSize: "sizes";
3304
+ inlineSize: "sizes";
3305
+ minInlineSize: "sizes";
3306
+ maxInlineSize: "sizes";
3307
+ minWidth: "sizes";
3308
+ maxWidth: "sizes";
3309
+ minHeight: "sizes";
3310
+ maxHeight: "sizes";
3311
+ flexBasis: "sizes";
3312
+ gridTemplateColumns: "sizes";
3313
+ gridTemplateRows: "sizes";
3314
+ borderWidth: "borderWidths";
3315
+ borderTopWidth: "borderWidths";
3316
+ borderLeftWidth: "borderWidths";
3317
+ borderRightWidth: "borderWidths";
3318
+ borderBottomWidth: "borderWidths";
3319
+ borderStyle: "borderStyles";
3320
+ borderTopStyle: "borderStyles";
3321
+ borderLeftStyle: "borderStyles";
3322
+ borderRightStyle: "borderStyles";
3323
+ borderBottomStyle: "borderStyles";
3324
+ borderRadius: "radii";
3325
+ borderTopLeftRadius: "radii";
3326
+ borderTopRightRadius: "radii";
3327
+ borderBottomRightRadius: "radii";
3328
+ borderBottomLeftRadius: "radii";
3329
+ boxShadow: "shadows";
3330
+ textShadow: "shadows";
3331
+ transition: "transitions";
3332
+ zIndex: "zIndices";
3333
+ }, {}>>;
3334
+ declare const DropdownItem: react__default.ForwardRefExoticComponent<Omit<DropdownMenu.DropdownMenuItemProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
3335
+
3336
+ declare const StyledButton: _stitches_react_types_styled_component.StyledComponent<"button", {
3337
+ variant?: "primary" | "secondary" | "tertiary" | undefined;
3338
+ size?: "sm" | "md" | "lg" | "xs" | undefined;
3339
+ full?: boolean | "true" | undefined;
3340
+ round?: "md" | "lg" | "xlg" | undefined;
3341
+ }, {
3342
+ sm: "(min-width: 375px)";
3343
+ md: "(min-width: 768px)";
3344
+ lg: "(min-width: 1024px)";
3345
+ }, _stitches_react_types_css_util.CSS<{
3346
+ sm: "(min-width: 375px)";
3347
+ md: "(min-width: 768px)";
3348
+ lg: "(min-width: 1024px)";
3349
+ }, {
3350
+ colors: {
3351
+ white: string;
3352
+ black: string;
3353
+ gray_background: string;
3354
+ gray_light: string;
3355
+ gray_mid: string;
3356
+ gray_dark: string;
3357
+ clickpalm_light: string;
3358
+ clickpalm_mid: string;
3359
+ clickpalm_dark: string;
3360
+ clickpalm_superDark: string;
3361
+ ignite_light: string;
3362
+ ignite_dark: string;
3363
+ success: string;
3364
+ success_dark: string;
3365
+ warning: string;
3366
+ warning_dark: string;
3367
+ danger: string;
3368
+ danger_dark: string;
3369
+ };
3370
+ fontSizes: {
3371
+ xxs: string;
3372
+ xs: string;
3373
+ sm: string;
3374
+ md: string;
3375
+ lg: string;
3376
+ xl: string;
3377
+ '2xl': string;
3378
+ '4xl': string;
3379
+ '5xl': string;
3380
+ '6xl': string;
3381
+ '7xl': string;
3382
+ '8xl': string;
3383
+ '9xl': string;
3384
+ };
3385
+ fontWeights: {
3386
+ regular: string;
3387
+ medium: string;
3388
+ bold: string;
3389
+ };
3390
+ fonts: {
3391
+ default: string;
3392
+ code: string;
3393
+ };
3394
+ lineHeights: {
3395
+ regular: string;
3396
+ shorter: string;
3397
+ short: string;
3398
+ base: string;
3399
+ tall: string;
3400
+ };
3401
+ radii: {
3402
+ px: string;
3403
+ xs: string;
3404
+ sm: string;
3405
+ md: string;
3406
+ lg: string;
3407
+ full: string;
3408
+ };
3409
+ space: {
3410
+ 1: string;
3411
+ 2: string;
3412
+ 3: string;
3413
+ 4: string;
3414
+ 5: string;
3415
+ 6: string;
3416
+ 7: string;
3417
+ 8: string;
3418
+ 10: string;
3419
+ 11: string;
3420
+ 12: string;
3421
+ 14: string;
3422
+ 16: string;
3423
+ 19: string;
3424
+ 20: string;
3425
+ 22: string;
3426
+ 40: string;
3427
+ 64: string;
3428
+ 80: string;
3429
+ };
3430
+ }, {
3431
+ height: "space";
3432
+ width: "space";
3433
+ gap: "space";
3434
+ gridGap: "space";
3435
+ columnGap: "space";
3436
+ gridColumnGap: "space";
3437
+ rowGap: "space";
3438
+ gridRowGap: "space";
3439
+ inset: "space";
3440
+ insetBlock: "space";
3441
+ insetBlockEnd: "space";
3442
+ insetBlockStart: "space";
3443
+ insetInline: "space";
3444
+ insetInlineEnd: "space";
3445
+ insetInlineStart: "space";
3446
+ margin: "space";
3447
+ marginTop: "space";
3448
+ marginRight: "space";
3449
+ marginBottom: "space";
3450
+ marginLeft: "space";
3451
+ marginBlock: "space";
3452
+ marginBlockEnd: "space";
3453
+ marginBlockStart: "space";
3454
+ marginInline: "space";
3455
+ marginInlineEnd: "space";
3456
+ marginInlineStart: "space";
3457
+ padding: "space";
3458
+ paddingTop: "space";
3459
+ paddingRight: "space";
3460
+ paddingBottom: "space";
3461
+ paddingLeft: "space";
3462
+ paddingBlock: "space";
3463
+ paddingBlockEnd: "space";
3464
+ paddingBlockStart: "space";
3465
+ paddingInline: "space";
3466
+ paddingInlineEnd: "space";
3467
+ paddingInlineStart: "space";
3468
+ scrollMargin: "space";
3469
+ scrollMarginTop: "space";
3470
+ scrollMarginRight: "space";
3471
+ scrollMarginBottom: "space";
3472
+ scrollMarginLeft: "space";
3473
+ scrollMarginBlock: "space";
3474
+ scrollMarginBlockEnd: "space";
3475
+ scrollMarginBlockStart: "space";
3476
+ scrollMarginInline: "space";
3477
+ scrollMarginInlineEnd: "space";
3478
+ scrollMarginInlineStart: "space";
3479
+ scrollPadding: "space";
3480
+ scrollPaddingTop: "space";
3481
+ scrollPaddingRight: "space";
3482
+ scrollPaddingBottom: "space";
3483
+ scrollPaddingLeft: "space";
3484
+ scrollPaddingBlock: "space";
3485
+ scrollPaddingBlockEnd: "space";
3486
+ scrollPaddingBlockStart: "space";
3487
+ scrollPaddingInline: "space";
3488
+ scrollPaddingInlineEnd: "space";
3489
+ scrollPaddingInlineStart: "space";
3490
+ top: "space";
3491
+ right: "space";
3492
+ bottom: "space";
3493
+ left: "space";
3494
+ fontSize: "fontSizes";
3495
+ background: "colors";
3496
+ backgroundColor: "colors";
3497
+ backgroundImage: "colors";
3498
+ borderImage: "colors";
3499
+ border: "colors";
3500
+ borderBlock: "colors";
3501
+ borderBlockEnd: "colors";
3502
+ borderBlockStart: "colors";
3503
+ borderBottom: "colors";
3504
+ borderBottomColor: "colors";
3505
+ borderColor: "colors";
3506
+ borderInline: "colors";
3507
+ borderInlineEnd: "colors";
3508
+ borderInlineStart: "colors";
3509
+ borderLeft: "colors";
3510
+ borderLeftColor: "colors";
3511
+ borderRight: "colors";
3512
+ borderRightColor: "colors";
3513
+ borderTop: "colors";
3514
+ borderTopColor: "colors";
3515
+ caretColor: "colors";
3516
+ color: "colors";
3517
+ columnRuleColor: "colors";
3518
+ outline: "colors";
3519
+ outlineColor: "colors";
3520
+ fill: "colors";
3521
+ stroke: "colors";
3522
+ textDecorationColor: "colors";
3523
+ fontFamily: "fonts";
3524
+ fontWeight: "fontWeights";
3525
+ lineHeight: "lineHeights";
3526
+ letterSpacing: "letterSpacings";
3527
+ blockSize: "sizes";
3528
+ minBlockSize: "sizes";
3529
+ maxBlockSize: "sizes";
3530
+ inlineSize: "sizes";
3531
+ minInlineSize: "sizes";
3532
+ maxInlineSize: "sizes";
3533
+ minWidth: "sizes";
3534
+ maxWidth: "sizes";
3535
+ minHeight: "sizes";
3536
+ maxHeight: "sizes";
3537
+ flexBasis: "sizes";
3538
+ gridTemplateColumns: "sizes";
3539
+ gridTemplateRows: "sizes";
3540
+ borderWidth: "borderWidths";
3541
+ borderTopWidth: "borderWidths";
3542
+ borderLeftWidth: "borderWidths";
3543
+ borderRightWidth: "borderWidths";
3544
+ borderBottomWidth: "borderWidths";
3545
+ borderStyle: "borderStyles";
3546
+ borderTopStyle: "borderStyles";
3547
+ borderLeftStyle: "borderStyles";
3548
+ borderRightStyle: "borderStyles";
3549
+ borderBottomStyle: "borderStyles";
3550
+ borderRadius: "radii";
3551
+ borderTopLeftRadius: "radii";
3552
+ borderTopRightRadius: "radii";
3553
+ borderBottomRightRadius: "radii";
3554
+ borderBottomLeftRadius: "radii";
3555
+ boxShadow: "shadows";
3556
+ textShadow: "shadows";
3557
+ transition: "transitions";
3558
+ zIndex: "zIndices";
3559
+ }, {}>>;
3560
+ type CustomCSS$4 = CSS<typeof config>;
3561
+ interface ButtonProps extends ComponentPropsWithoutRef<'button'>, VariantProps<typeof StyledButton> {
3562
+ as?: ElementType;
3563
+ css?: CustomCSS$4;
3564
+ children?: React.ReactNode;
3565
+ variant?: 'primary' | 'secondary' | 'tertiary';
3566
+ size?: 'xs' | 'sm' | 'md' | 'lg';
3567
+ full?: boolean;
3568
+ round?: 'md' | 'lg' | 'xlg';
3569
+ }
3570
+ declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
3571
+
3572
+ type CustomCSS$3 = CSS<typeof config>;
3573
+ interface BoxProps extends ComponentPropsWithoutRef<'div'>, VariantProps<typeof Box> {
3574
+ as?: ElementType;
3575
+ css?: CustomCSS$3;
3576
+ variant?: 'gray' | 'white';
3577
+ children?: React.ReactNode;
3578
+ }
3579
+ declare const Box: {
3580
+ (props: BoxProps): react_jsx_runtime.JSX.Element;
3581
+ displayName: string;
3582
+ };
3583
+
3584
+ declare const StyledParagraph: _stitches_react_types_styled_component.StyledComponent<"p", {
3585
+ size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
3586
+ weight?: "regular" | "medium" | "bold" | undefined;
3587
+ lineHeight?: "regular" | "shorter" | "short" | "base" | "tall" | undefined;
3588
+ }, {
3589
+ sm: "(min-width: 375px)";
3590
+ md: "(min-width: 768px)";
3591
+ lg: "(min-width: 1024px)";
3592
+ }, _stitches_react_types_css_util.CSS<{
3593
+ sm: "(min-width: 375px)";
3594
+ md: "(min-width: 768px)";
3595
+ lg: "(min-width: 1024px)";
3596
+ }, {
3597
+ colors: {
3598
+ white: string;
3599
+ black: string;
3600
+ gray_background: string;
3601
+ gray_light: string;
3602
+ gray_mid: string;
3603
+ gray_dark: string;
3604
+ clickpalm_light: string;
3605
+ clickpalm_mid: string;
3606
+ clickpalm_dark: string;
3607
+ clickpalm_superDark: string;
3608
+ ignite_light: string;
3609
+ ignite_dark: string;
3610
+ success: string;
3611
+ success_dark: string;
3612
+ warning: string;
3613
+ warning_dark: string;
3614
+ danger: string;
3615
+ danger_dark: string;
3616
+ };
3617
+ fontSizes: {
3618
+ xxs: string;
3619
+ xs: string;
3620
+ sm: string;
3621
+ md: string;
3622
+ lg: string;
3623
+ xl: string;
3624
+ '2xl': string;
3625
+ '4xl': string;
3626
+ '5xl': string;
3627
+ '6xl': string;
3628
+ '7xl': string;
3629
+ '8xl': string;
3630
+ '9xl': string;
3631
+ };
3632
+ fontWeights: {
3633
+ regular: string;
3634
+ medium: string;
3635
+ bold: string;
3636
+ };
3637
+ fonts: {
3638
+ default: string;
3639
+ code: string;
3640
+ };
3641
+ lineHeights: {
3642
+ regular: string;
3643
+ shorter: string;
3644
+ short: string;
3645
+ base: string;
3646
+ tall: string;
3647
+ };
3648
+ radii: {
3649
+ px: string;
3650
+ xs: string;
3651
+ sm: string;
3652
+ md: string;
3653
+ lg: string;
3654
+ full: string;
3655
+ };
3656
+ space: {
3657
+ 1: string;
3658
+ 2: string;
3659
+ 3: string;
3660
+ 4: string;
3661
+ 5: string;
3662
+ 6: string;
3663
+ 7: string;
3664
+ 8: string;
3665
+ 10: string;
3666
+ 11: string;
3667
+ 12: string;
3668
+ 14: string;
3669
+ 16: string;
3670
+ 19: string;
3671
+ 20: string;
3672
+ 22: string;
3673
+ 40: string;
3674
+ 64: string;
3675
+ 80: string;
3676
+ };
3677
+ }, {
3678
+ height: "space";
3679
+ width: "space";
3680
+ gap: "space";
3681
+ gridGap: "space";
3682
+ columnGap: "space";
3683
+ gridColumnGap: "space";
3684
+ rowGap: "space";
3685
+ gridRowGap: "space";
3686
+ inset: "space";
3687
+ insetBlock: "space";
3688
+ insetBlockEnd: "space";
3689
+ insetBlockStart: "space";
3690
+ insetInline: "space";
3691
+ insetInlineEnd: "space";
3692
+ insetInlineStart: "space";
3693
+ margin: "space";
3694
+ marginTop: "space";
3695
+ marginRight: "space";
3696
+ marginBottom: "space";
3697
+ marginLeft: "space";
3698
+ marginBlock: "space";
3699
+ marginBlockEnd: "space";
3700
+ marginBlockStart: "space";
3701
+ marginInline: "space";
3702
+ marginInlineEnd: "space";
3703
+ marginInlineStart: "space";
3704
+ padding: "space";
3705
+ paddingTop: "space";
3706
+ paddingRight: "space";
3707
+ paddingBottom: "space";
3708
+ paddingLeft: "space";
3709
+ paddingBlock: "space";
3710
+ paddingBlockEnd: "space";
3711
+ paddingBlockStart: "space";
3712
+ paddingInline: "space";
3713
+ paddingInlineEnd: "space";
3714
+ paddingInlineStart: "space";
3715
+ scrollMargin: "space";
3716
+ scrollMarginTop: "space";
3717
+ scrollMarginRight: "space";
3718
+ scrollMarginBottom: "space";
3719
+ scrollMarginLeft: "space";
3720
+ scrollMarginBlock: "space";
3721
+ scrollMarginBlockEnd: "space";
3722
+ scrollMarginBlockStart: "space";
3723
+ scrollMarginInline: "space";
3724
+ scrollMarginInlineEnd: "space";
3725
+ scrollMarginInlineStart: "space";
3726
+ scrollPadding: "space";
3727
+ scrollPaddingTop: "space";
3728
+ scrollPaddingRight: "space";
3729
+ scrollPaddingBottom: "space";
3730
+ scrollPaddingLeft: "space";
3731
+ scrollPaddingBlock: "space";
3732
+ scrollPaddingBlockEnd: "space";
3733
+ scrollPaddingBlockStart: "space";
3734
+ scrollPaddingInline: "space";
3735
+ scrollPaddingInlineEnd: "space";
3736
+ scrollPaddingInlineStart: "space";
3737
+ top: "space";
3738
+ right: "space";
3739
+ bottom: "space";
3740
+ left: "space";
3741
+ fontSize: "fontSizes";
3742
+ background: "colors";
3743
+ backgroundColor: "colors";
3744
+ backgroundImage: "colors";
3745
+ borderImage: "colors";
3746
+ border: "colors";
3747
+ borderBlock: "colors";
3748
+ borderBlockEnd: "colors";
3749
+ borderBlockStart: "colors";
3750
+ borderBottom: "colors";
3751
+ borderBottomColor: "colors";
3752
+ borderColor: "colors";
3753
+ borderInline: "colors";
3754
+ borderInlineEnd: "colors";
3755
+ borderInlineStart: "colors";
3756
+ borderLeft: "colors";
3757
+ borderLeftColor: "colors";
3758
+ borderRight: "colors";
3759
+ borderRightColor: "colors";
3760
+ borderTop: "colors";
3761
+ borderTopColor: "colors";
3762
+ caretColor: "colors";
3763
+ color: "colors";
3764
+ columnRuleColor: "colors";
3765
+ outline: "colors";
3766
+ outlineColor: "colors";
3767
+ fill: "colors";
3768
+ stroke: "colors";
3769
+ textDecorationColor: "colors";
3770
+ fontFamily: "fonts";
3771
+ fontWeight: "fontWeights";
3772
+ lineHeight: "lineHeights";
3773
+ letterSpacing: "letterSpacings";
3774
+ blockSize: "sizes";
3775
+ minBlockSize: "sizes";
3776
+ maxBlockSize: "sizes";
3777
+ inlineSize: "sizes";
3778
+ minInlineSize: "sizes";
3779
+ maxInlineSize: "sizes";
3780
+ minWidth: "sizes";
3781
+ maxWidth: "sizes";
3782
+ minHeight: "sizes";
3783
+ maxHeight: "sizes";
3784
+ flexBasis: "sizes";
3785
+ gridTemplateColumns: "sizes";
3786
+ gridTemplateRows: "sizes";
3787
+ borderWidth: "borderWidths";
3788
+ borderTopWidth: "borderWidths";
3789
+ borderLeftWidth: "borderWidths";
3790
+ borderRightWidth: "borderWidths";
3791
+ borderBottomWidth: "borderWidths";
3792
+ borderStyle: "borderStyles";
3793
+ borderTopStyle: "borderStyles";
3794
+ borderLeftStyle: "borderStyles";
3795
+ borderRightStyle: "borderStyles";
3796
+ borderBottomStyle: "borderStyles";
3797
+ borderRadius: "radii";
3798
+ borderTopLeftRadius: "radii";
3799
+ borderTopRightRadius: "radii";
3800
+ borderBottomRightRadius: "radii";
3801
+ borderBottomLeftRadius: "radii";
3802
+ boxShadow: "shadows";
3803
+ textShadow: "shadows";
3804
+ transition: "transitions";
3805
+ zIndex: "zIndices";
3806
+ }, {}>>;
3807
+ type CustomCSS$2 = CSS<typeof config>;
3808
+ interface ParagraphProps extends ComponentPropsWithoutRef<'p'>, VariantProps<typeof StyledParagraph> {
3809
+ as?: ElementType;
3810
+ css?: CustomCSS$2;
3811
+ size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
3812
+ weight?: "regular" | "medium" | "bold";
3813
+ lineHeight?: "regular" | "shorter" | "short" | "base" | "tall";
3814
+ }
3815
+ declare const Paragraph: {
3816
+ (props: ParagraphProps): react_jsx_runtime.JSX.Element;
3817
+ displayName: string;
3818
+ };
3819
+
3820
+ declare const StyledHeading: _stitches_react_types_styled_component.StyledComponent<"h2", {
3821
+ size?: "sm" | "md" | "lg" | "2xl" | "4xl" | "5xl" | "6xl" | "3xl" | undefined;
3822
+ bold?: boolean | "true" | "false" | undefined;
3823
+ }, {
3824
+ sm: "(min-width: 375px)";
3825
+ md: "(min-width: 768px)";
3826
+ lg: "(min-width: 1024px)";
3827
+ }, _stitches_react_types_css_util.CSS<{
3828
+ sm: "(min-width: 375px)";
3829
+ md: "(min-width: 768px)";
3830
+ lg: "(min-width: 1024px)";
3831
+ }, {
3832
+ colors: {
3833
+ white: string;
3834
+ black: string;
3835
+ gray_background: string;
3836
+ gray_light: string;
3837
+ gray_mid: string;
3838
+ gray_dark: string;
3839
+ clickpalm_light: string;
3840
+ clickpalm_mid: string;
3841
+ clickpalm_dark: string;
3842
+ clickpalm_superDark: string;
3843
+ ignite_light: string;
3844
+ ignite_dark: string;
3845
+ success: string;
3846
+ success_dark: string;
3847
+ warning: string;
3848
+ warning_dark: string;
3849
+ danger: string;
3850
+ danger_dark: string;
3851
+ };
3852
+ fontSizes: {
3853
+ xxs: string;
3854
+ xs: string;
3855
+ sm: string;
3856
+ md: string;
3857
+ lg: string;
3858
+ xl: string;
3859
+ '2xl': string;
3860
+ '4xl': string;
3861
+ '5xl': string;
3862
+ '6xl': string;
3863
+ '7xl': string;
3864
+ '8xl': string;
3865
+ '9xl': string;
3866
+ };
3867
+ fontWeights: {
3868
+ regular: string;
3869
+ medium: string;
3870
+ bold: string;
3871
+ };
3872
+ fonts: {
3873
+ default: string;
3874
+ code: string;
3875
+ };
3876
+ lineHeights: {
3877
+ regular: string;
3878
+ shorter: string;
3879
+ short: string;
3880
+ base: string;
3881
+ tall: string;
3882
+ };
3883
+ radii: {
3884
+ px: string;
3885
+ xs: string;
3886
+ sm: string;
3887
+ md: string;
3888
+ lg: string;
3889
+ full: string;
3890
+ };
3891
+ space: {
3892
+ 1: string;
3893
+ 2: string;
3894
+ 3: string;
3895
+ 4: string;
3896
+ 5: string;
3897
+ 6: string;
3898
+ 7: string;
3899
+ 8: string;
3900
+ 10: string;
3901
+ 11: string;
3902
+ 12: string;
3903
+ 14: string;
3904
+ 16: string;
3905
+ 19: string;
3906
+ 20: string;
3907
+ 22: string;
3908
+ 40: string;
3909
+ 64: string;
3910
+ 80: string;
3911
+ };
3912
+ }, {
3913
+ height: "space";
3914
+ width: "space";
3915
+ gap: "space";
3916
+ gridGap: "space";
3917
+ columnGap: "space";
3918
+ gridColumnGap: "space";
3919
+ rowGap: "space";
3920
+ gridRowGap: "space";
3921
+ inset: "space";
3922
+ insetBlock: "space";
3923
+ insetBlockEnd: "space";
3924
+ insetBlockStart: "space";
3925
+ insetInline: "space";
3926
+ insetInlineEnd: "space";
3927
+ insetInlineStart: "space";
3928
+ margin: "space";
3929
+ marginTop: "space";
3930
+ marginRight: "space";
3931
+ marginBottom: "space";
3932
+ marginLeft: "space";
3933
+ marginBlock: "space";
3934
+ marginBlockEnd: "space";
3935
+ marginBlockStart: "space";
3936
+ marginInline: "space";
3937
+ marginInlineEnd: "space";
3938
+ marginInlineStart: "space";
3939
+ padding: "space";
3940
+ paddingTop: "space";
3941
+ paddingRight: "space";
3942
+ paddingBottom: "space";
3943
+ paddingLeft: "space";
3944
+ paddingBlock: "space";
3945
+ paddingBlockEnd: "space";
3946
+ paddingBlockStart: "space";
3947
+ paddingInline: "space";
3948
+ paddingInlineEnd: "space";
3949
+ paddingInlineStart: "space";
3950
+ scrollMargin: "space";
3951
+ scrollMarginTop: "space";
3952
+ scrollMarginRight: "space";
3953
+ scrollMarginBottom: "space";
3954
+ scrollMarginLeft: "space";
3955
+ scrollMarginBlock: "space";
3956
+ scrollMarginBlockEnd: "space";
3957
+ scrollMarginBlockStart: "space";
3958
+ scrollMarginInline: "space";
3959
+ scrollMarginInlineEnd: "space";
3960
+ scrollMarginInlineStart: "space";
3961
+ scrollPadding: "space";
3962
+ scrollPaddingTop: "space";
3963
+ scrollPaddingRight: "space";
3964
+ scrollPaddingBottom: "space";
3965
+ scrollPaddingLeft: "space";
3966
+ scrollPaddingBlock: "space";
3967
+ scrollPaddingBlockEnd: "space";
3968
+ scrollPaddingBlockStart: "space";
3969
+ scrollPaddingInline: "space";
3970
+ scrollPaddingInlineEnd: "space";
3971
+ scrollPaddingInlineStart: "space";
3972
+ top: "space";
3973
+ right: "space";
3974
+ bottom: "space";
3975
+ left: "space";
3976
+ fontSize: "fontSizes";
3977
+ background: "colors";
3978
+ backgroundColor: "colors";
3979
+ backgroundImage: "colors";
3980
+ borderImage: "colors";
3981
+ border: "colors";
3982
+ borderBlock: "colors";
3983
+ borderBlockEnd: "colors";
3984
+ borderBlockStart: "colors";
3985
+ borderBottom: "colors";
3986
+ borderBottomColor: "colors";
3987
+ borderColor: "colors";
3988
+ borderInline: "colors";
3989
+ borderInlineEnd: "colors";
3990
+ borderInlineStart: "colors";
3991
+ borderLeft: "colors";
3992
+ borderLeftColor: "colors";
3993
+ borderRight: "colors";
3994
+ borderRightColor: "colors";
3995
+ borderTop: "colors";
3996
+ borderTopColor: "colors";
3997
+ caretColor: "colors";
3998
+ color: "colors";
3999
+ columnRuleColor: "colors";
4000
+ outline: "colors";
4001
+ outlineColor: "colors";
4002
+ fill: "colors";
4003
+ stroke: "colors";
4004
+ textDecorationColor: "colors";
4005
+ fontFamily: "fonts";
4006
+ fontWeight: "fontWeights";
4007
+ lineHeight: "lineHeights";
4008
+ letterSpacing: "letterSpacings";
4009
+ blockSize: "sizes";
4010
+ minBlockSize: "sizes";
4011
+ maxBlockSize: "sizes";
4012
+ inlineSize: "sizes";
4013
+ minInlineSize: "sizes";
4014
+ maxInlineSize: "sizes";
4015
+ minWidth: "sizes";
4016
+ maxWidth: "sizes";
4017
+ minHeight: "sizes";
4018
+ maxHeight: "sizes";
4019
+ flexBasis: "sizes";
4020
+ gridTemplateColumns: "sizes";
4021
+ gridTemplateRows: "sizes";
4022
+ borderWidth: "borderWidths";
4023
+ borderTopWidth: "borderWidths";
4024
+ borderLeftWidth: "borderWidths";
4025
+ borderRightWidth: "borderWidths";
4026
+ borderBottomWidth: "borderWidths";
4027
+ borderStyle: "borderStyles";
4028
+ borderTopStyle: "borderStyles";
4029
+ borderLeftStyle: "borderStyles";
4030
+ borderRightStyle: "borderStyles";
4031
+ borderBottomStyle: "borderStyles";
4032
+ borderRadius: "radii";
4033
+ borderTopLeftRadius: "radii";
4034
+ borderTopRightRadius: "radii";
4035
+ borderBottomRightRadius: "radii";
4036
+ borderBottomLeftRadius: "radii";
4037
+ boxShadow: "shadows";
4038
+ textShadow: "shadows";
4039
+ transition: "transitions";
4040
+ zIndex: "zIndices";
4041
+ }, {}>>;
4042
+ type CustomCSS$1 = CSS<typeof config>;
4043
+ interface HeadingProps extends ComponentPropsWithoutRef<'h2'>, VariantProps<typeof StyledHeading> {
4044
+ as?: ElementType;
4045
+ css?: CustomCSS$1;
4046
+ children?: React.ReactNode;
4047
+ size?: 'sm' | 'md' | 'lg' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
4048
+ bold?: boolean;
4049
+ }
4050
+ declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
4051
+
4052
+ interface SelectItem {
4053
+ value: string;
4054
+ label: string;
4055
+ }
4056
+ type CustomCSS = CSS<typeof config>;
4057
+ interface SelectProps extends ComponentProps<typeof CustomSelect.Root> {
4058
+ items: SelectItem[];
4059
+ placeholder?: string;
4060
+ label?: string;
4061
+ errorMessage?: string;
4062
+ css?: CustomCSS;
4063
+ className?: string;
4064
+ style?: CSSProperties;
4065
+ }
4066
+ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
4067
+
4068
+ interface LabelledValueProps {
4069
+ position?: 'vertical' | 'horizontal';
4070
+ withRow?: boolean;
4071
+ children: ReactNode;
4072
+ }
4073
+ declare function LabelledValue({ position, withRow, children }: LabelledValueProps): react_jsx_runtime.JSX.Element;
4074
+ declare namespace LabelledValue {
4075
+ var Item: ({ label, value, position, withRow }: ItemProps) => react_jsx_runtime.JSX.Element;
4076
+ }
4077
+ interface ItemProps {
4078
+ label: ReactNode;
4079
+ value: ReactNode;
4080
+ position?: 'vertical' | 'horizontal';
4081
+ withRow?: boolean;
4082
+ }
4083
+
4084
+ type IconComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
4085
+ declare const iconMap: Record<string, IconComponent>;
4086
+
4087
+ type IconColor = 'black' | 'green' | 'white';
4088
+ interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name' | 'color'> {
4089
+ name: keyof typeof iconMap;
4090
+ size?: number | string;
4091
+ color?: IconColor;
4092
+ }
4093
+
4094
+ declare const Icon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
4095
+
4096
+ interface OneTimePasswordProps extends ComponentPropsWithoutRef<typeof OneTimePasswordField.Root> {
4097
+ label: string;
4098
+ length: number;
4099
+ value: string;
4100
+ errorMessage?: string;
4101
+ onValueChange: (value: string) => void;
4102
+ }
4103
+ declare const OneTimePassword: {
4104
+ ({ label, length, value, errorMessage, onValueChange, ...rootProps }: OneTimePasswordProps): react_jsx_runtime.JSX.Element;
4105
+ displayName: string;
4106
+ };
4107
+
4108
+ declare const Toast: react.FC;
4109
+
4110
+ declare const toast: {
4111
+ success: (title: string, description?: string) => void;
4112
+ warning: (title: string, description?: string) => void;
4113
+ error: (title: string, description?: string) => void;
4114
+ };
4115
+
4116
+ type Orientation = 'horizontal' | 'vertical';
4117
+ interface Step {
4118
+ label: string;
4119
+ }
4120
+ interface MultiStepProps {
4121
+ steps: Step[];
4122
+ currentStep: number;
4123
+ orientation?: Orientation;
4124
+ variant: 'primary' | 'secondary';
4125
+ }
4126
+ declare const MultiStep: react__default.FC<MultiStepProps>;
4127
+
4128
+ interface CarouselProps {
4129
+ title: string;
4130
+ variant: 'gray' | 'purple';
4131
+ children: ReactNode;
4132
+ }
4133
+ declare const Carousel: react__default.FC<CarouselProps> & {
4134
+ Item: react__default.FC<CarouselItemProps>;
4135
+ };
4136
+ interface CarouselItemProps {
4137
+ children: ReactNode;
4138
+ style?: CSSProperties;
4139
+ title?: string | null | undefined;
4140
+ }
4141
+
4142
+ type PasswordInputProps = Omit<TextInputProps, 'type' | 'suffix'>;
4143
+ declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
4144
+
4145
+ interface AccordionProps {
4146
+ title: string;
4147
+ children: ReactNode;
4148
+ dropdownItems?: ReactNode;
4149
+ }
4150
+ declare const Accordion: react__default.ForwardRefExoticComponent<AccordionProps & react__default.RefAttributes<HTMLDivElement>>;
4151
+
4152
+ 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 };