@clickpalm/react 1.0.0

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