@dafaz-ui/react 2.0.1 → 2.2.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.
package/dist/index.d.mts CHANGED
@@ -1,17 +1,232 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as react from 'react';
3
+ import { ComponentProps, ElementType, ReactNode } from 'react';
1
4
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
2
5
  import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
3
- import { ComponentProps } from '@stitches/react';
4
- import * as react from 'react';
5
- import { ElementType } from 'react';
6
6
  import * as _stitches_react_types_theme from '@stitches/react/types/theme';
7
7
  import * as _stitches_react_types_css from '@stitches/react/types/css';
8
8
  import * as _stitches_react_types_stitches from '@stitches/react/types/stitches';
9
9
  import * as _stitches_react_types_util from '@stitches/react/types/util';
10
10
 
11
+ declare const BoxUI: _stitches_react_types_styled_component.StyledComponent<"div", {
12
+ stretch?: boolean | "true" | "false" | undefined;
13
+ dark?: boolean | "true" | "false" | undefined;
14
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
15
+ colors: {
16
+ white: string;
17
+ black: string;
18
+ gray100: string;
19
+ gray200: string;
20
+ gray400: string;
21
+ gray800: string;
22
+ dafaz100: string;
23
+ dafaz200: string;
24
+ dafaz400: string;
25
+ dafaz600: string;
26
+ dafaz800: string;
27
+ };
28
+ fontSizes: {
29
+ xxs: string;
30
+ xs: string;
31
+ sm: string;
32
+ md: string;
33
+ lg: string;
34
+ xl: string;
35
+ '2xl': string;
36
+ };
37
+ fontWeights: {
38
+ regular: string;
39
+ medium: string;
40
+ bold: string;
41
+ };
42
+ fonts: {
43
+ default: string;
44
+ app: string;
45
+ web: string;
46
+ offer: string;
47
+ code: string;
48
+ };
49
+ lineHeights: {
50
+ shorter: string;
51
+ short: string;
52
+ base: string;
53
+ tall: string;
54
+ };
55
+ radii: {
56
+ px: string;
57
+ sm: string;
58
+ md: string;
59
+ full: string;
60
+ };
61
+ space: {
62
+ 1: string;
63
+ 2: string;
64
+ 3: string;
65
+ 4: string;
66
+ 5: string;
67
+ 6: string;
68
+ 7: string;
69
+ 8: string;
70
+ 10: string;
71
+ 12: string;
72
+ 16: string;
73
+ 20: string;
74
+ 40: string;
75
+ 64: string;
76
+ 80: string;
77
+ };
78
+ opacities: {
79
+ opacity400: string;
80
+ opacity600: string;
81
+ opacity800: string;
82
+ opacity900: string;
83
+ };
84
+ }, {
85
+ height: "space";
86
+ width: "space";
87
+ gap: "space";
88
+ gridGap: "space";
89
+ columnGap: "space";
90
+ gridColumnGap: "space";
91
+ rowGap: "space";
92
+ gridRowGap: "space";
93
+ inset: "space";
94
+ insetBlock: "space";
95
+ insetBlockEnd: "space";
96
+ insetBlockStart: "space";
97
+ insetInline: "space";
98
+ insetInlineEnd: "space";
99
+ insetInlineStart: "space";
100
+ margin: "space";
101
+ marginTop: "space";
102
+ marginRight: "space";
103
+ marginBottom: "space";
104
+ marginLeft: "space";
105
+ marginBlock: "space";
106
+ marginBlockEnd: "space";
107
+ marginBlockStart: "space";
108
+ marginInline: "space";
109
+ marginInlineEnd: "space";
110
+ marginInlineStart: "space";
111
+ padding: "space";
112
+ paddingTop: "space";
113
+ paddingRight: "space";
114
+ paddingBottom: "space";
115
+ paddingLeft: "space";
116
+ paddingBlock: "space";
117
+ paddingBlockEnd: "space";
118
+ paddingBlockStart: "space";
119
+ paddingInline: "space";
120
+ paddingInlineEnd: "space";
121
+ paddingInlineStart: "space";
122
+ scrollMargin: "space";
123
+ scrollMarginTop: "space";
124
+ scrollMarginRight: "space";
125
+ scrollMarginBottom: "space";
126
+ scrollMarginLeft: "space";
127
+ scrollMarginBlock: "space";
128
+ scrollMarginBlockEnd: "space";
129
+ scrollMarginBlockStart: "space";
130
+ scrollMarginInline: "space";
131
+ scrollMarginInlineEnd: "space";
132
+ scrollMarginInlineStart: "space";
133
+ scrollPadding: "space";
134
+ scrollPaddingTop: "space";
135
+ scrollPaddingRight: "space";
136
+ scrollPaddingBottom: "space";
137
+ scrollPaddingLeft: "space";
138
+ scrollPaddingBlock: "space";
139
+ scrollPaddingBlockEnd: "space";
140
+ scrollPaddingBlockStart: "space";
141
+ scrollPaddingInline: "space";
142
+ scrollPaddingInlineEnd: "space";
143
+ scrollPaddingInlineStart: "space";
144
+ top: "space";
145
+ right: "space";
146
+ bottom: "space";
147
+ left: "space";
148
+ fontSize: "fontSizes";
149
+ background: "colors";
150
+ backgroundColor: "colors";
151
+ backgroundImage: "colors";
152
+ borderImage: "colors";
153
+ border: "colors";
154
+ borderBlock: "colors";
155
+ borderBlockEnd: "colors";
156
+ borderBlockStart: "colors";
157
+ borderBottom: "colors";
158
+ borderBottomColor: "colors";
159
+ borderColor: "colors";
160
+ borderInline: "colors";
161
+ borderInlineEnd: "colors";
162
+ borderInlineStart: "colors";
163
+ borderLeft: "colors";
164
+ borderLeftColor: "colors";
165
+ borderRight: "colors";
166
+ borderRightColor: "colors";
167
+ borderTop: "colors";
168
+ borderTopColor: "colors";
169
+ caretColor: "colors";
170
+ color: "colors";
171
+ columnRuleColor: "colors";
172
+ outline: "colors";
173
+ outlineColor: "colors";
174
+ fill: "colors";
175
+ stroke: "colors";
176
+ textDecorationColor: "colors";
177
+ fontFamily: "fonts";
178
+ fontWeight: "fontWeights";
179
+ lineHeight: "lineHeights";
180
+ letterSpacing: "letterSpacings";
181
+ blockSize: "sizes";
182
+ minBlockSize: "sizes";
183
+ maxBlockSize: "sizes";
184
+ inlineSize: "sizes";
185
+ minInlineSize: "sizes";
186
+ maxInlineSize: "sizes";
187
+ minWidth: "sizes";
188
+ maxWidth: "sizes";
189
+ minHeight: "sizes";
190
+ maxHeight: "sizes";
191
+ flexBasis: "sizes";
192
+ gridTemplateColumns: "sizes";
193
+ gridTemplateRows: "sizes";
194
+ borderWidth: "borderWidths";
195
+ borderTopWidth: "borderWidths";
196
+ borderLeftWidth: "borderWidths";
197
+ borderRightWidth: "borderWidths";
198
+ borderBottomWidth: "borderWidths";
199
+ borderStyle: "borderStyles";
200
+ borderTopStyle: "borderStyles";
201
+ borderLeftStyle: "borderStyles";
202
+ borderRightStyle: "borderStyles";
203
+ borderBottomStyle: "borderStyles";
204
+ borderRadius: "radii";
205
+ borderTopLeftRadius: "radii";
206
+ borderTopRightRadius: "radii";
207
+ borderBottomRightRadius: "radii";
208
+ borderBottomLeftRadius: "radii";
209
+ boxShadow: "shadows";
210
+ textShadow: "shadows";
211
+ transition: "transitions";
212
+ zIndex: "zIndices";
213
+ }, {}>>;
214
+ interface BoxUIProps extends ComponentProps<typeof BoxUI> {
215
+ as?: ElementType;
216
+ stretch?: boolean;
217
+ dark?: boolean;
218
+ }
219
+
220
+ interface BoxProps {
221
+ children: ReactNode;
222
+ }
223
+ declare function Box({ children, ...props }: BoxUIProps & BoxProps): react_jsx_runtime.JSX.Element;
224
+
11
225
  /** Primary UI component for user interaction */
12
- declare const Button: _stitches_react_types_styled_component.StyledComponent<"button", {
226
+ declare const ButtonUI: _stitches_react_types_styled_component.StyledComponent<"button", {
13
227
  variant?: "primary" | "secondary" | "tertiary" | undefined;
14
- size?: "sm" | "md" | undefined;
228
+ size?: "sm" | "md" | "lg" | undefined;
229
+ flat?: boolean | "true" | "false" | undefined;
15
230
  }, {}, _stitches_react_types_css_util.CSS<{}, {
16
231
  colors: {
17
232
  white: string;
@@ -25,7 +240,6 @@ declare const Button: _stitches_react_types_styled_component.StyledComponent<"bu
25
240
  dafaz400: string;
26
241
  dafaz600: string;
27
242
  dafaz800: string;
28
- teste: string;
29
243
  };
30
244
  fontSizes: {
31
245
  xxs: string;
@@ -213,18 +427,664 @@ declare const Button: _stitches_react_types_styled_component.StyledComponent<"bu
213
427
  transition: "transitions";
214
428
  zIndex: "zIndices";
215
429
  }, {}>>;
216
- interface ButtonProps extends ComponentProps<typeof Button> {
430
+ interface ButtonUIProps extends ComponentProps<typeof ButtonUI> {
217
431
  as?: ElementType;
218
432
  /** How large should the button be? */
219
- size?: 'sm' | 'md';
433
+ size?: 'sm' | 'md' | 'lg';
220
434
  /** Optional click handler */
221
435
  onClick?: () => void;
222
- /** Button contents */
223
- label: string;
224
436
  /** Button is disable? */
225
437
  disabled?: boolean;
226
438
  variant?: 'primary' | 'secondary' | 'tertiary';
439
+ flat?: boolean;
440
+ }
441
+
442
+ interface ButtonProps {
443
+ children: ReactNode;
444
+ }
445
+ declare function Button({ children, variant, size, ...props }: ButtonUIProps & ButtonProps): react_jsx_runtime.JSX.Element;
446
+
447
+ declare const TextUI: _stitches_react_types_styled_component.StyledComponent<"p", {
448
+ size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
449
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
450
+ colors: {
451
+ white: string;
452
+ black: string;
453
+ gray100: string;
454
+ gray200: string;
455
+ gray400: string;
456
+ gray800: string;
457
+ dafaz100: string;
458
+ dafaz200: string;
459
+ dafaz400: string;
460
+ dafaz600: string;
461
+ dafaz800: string;
462
+ };
463
+ fontSizes: {
464
+ xxs: string;
465
+ xs: string;
466
+ sm: string;
467
+ md: string;
468
+ lg: string;
469
+ xl: string;
470
+ '2xl': string;
471
+ };
472
+ fontWeights: {
473
+ regular: string;
474
+ medium: string;
475
+ bold: string;
476
+ };
477
+ fonts: {
478
+ default: string;
479
+ app: string;
480
+ web: string;
481
+ offer: string;
482
+ code: string;
483
+ };
484
+ lineHeights: {
485
+ shorter: string;
486
+ short: string;
487
+ base: string;
488
+ tall: string;
489
+ };
490
+ radii: {
491
+ px: string;
492
+ sm: string;
493
+ md: string;
494
+ full: string;
495
+ };
496
+ space: {
497
+ 1: string;
498
+ 2: string;
499
+ 3: string;
500
+ 4: string;
501
+ 5: string;
502
+ 6: string;
503
+ 7: string;
504
+ 8: string;
505
+ 10: string;
506
+ 12: string;
507
+ 16: string;
508
+ 20: string;
509
+ 40: string;
510
+ 64: string;
511
+ 80: string;
512
+ };
513
+ opacities: {
514
+ opacity400: string;
515
+ opacity600: string;
516
+ opacity800: string;
517
+ opacity900: string;
518
+ };
519
+ }, {
520
+ height: "space";
521
+ width: "space";
522
+ gap: "space";
523
+ gridGap: "space";
524
+ columnGap: "space";
525
+ gridColumnGap: "space";
526
+ rowGap: "space";
527
+ gridRowGap: "space";
528
+ inset: "space";
529
+ insetBlock: "space";
530
+ insetBlockEnd: "space";
531
+ insetBlockStart: "space";
532
+ insetInline: "space";
533
+ insetInlineEnd: "space";
534
+ insetInlineStart: "space";
535
+ margin: "space";
536
+ marginTop: "space";
537
+ marginRight: "space";
538
+ marginBottom: "space";
539
+ marginLeft: "space";
540
+ marginBlock: "space";
541
+ marginBlockEnd: "space";
542
+ marginBlockStart: "space";
543
+ marginInline: "space";
544
+ marginInlineEnd: "space";
545
+ marginInlineStart: "space";
546
+ padding: "space";
547
+ paddingTop: "space";
548
+ paddingRight: "space";
549
+ paddingBottom: "space";
550
+ paddingLeft: "space";
551
+ paddingBlock: "space";
552
+ paddingBlockEnd: "space";
553
+ paddingBlockStart: "space";
554
+ paddingInline: "space";
555
+ paddingInlineEnd: "space";
556
+ paddingInlineStart: "space";
557
+ scrollMargin: "space";
558
+ scrollMarginTop: "space";
559
+ scrollMarginRight: "space";
560
+ scrollMarginBottom: "space";
561
+ scrollMarginLeft: "space";
562
+ scrollMarginBlock: "space";
563
+ scrollMarginBlockEnd: "space";
564
+ scrollMarginBlockStart: "space";
565
+ scrollMarginInline: "space";
566
+ scrollMarginInlineEnd: "space";
567
+ scrollMarginInlineStart: "space";
568
+ scrollPadding: "space";
569
+ scrollPaddingTop: "space";
570
+ scrollPaddingRight: "space";
571
+ scrollPaddingBottom: "space";
572
+ scrollPaddingLeft: "space";
573
+ scrollPaddingBlock: "space";
574
+ scrollPaddingBlockEnd: "space";
575
+ scrollPaddingBlockStart: "space";
576
+ scrollPaddingInline: "space";
577
+ scrollPaddingInlineEnd: "space";
578
+ scrollPaddingInlineStart: "space";
579
+ top: "space";
580
+ right: "space";
581
+ bottom: "space";
582
+ left: "space";
583
+ fontSize: "fontSizes";
584
+ background: "colors";
585
+ backgroundColor: "colors";
586
+ backgroundImage: "colors";
587
+ borderImage: "colors";
588
+ border: "colors";
589
+ borderBlock: "colors";
590
+ borderBlockEnd: "colors";
591
+ borderBlockStart: "colors";
592
+ borderBottom: "colors";
593
+ borderBottomColor: "colors";
594
+ borderColor: "colors";
595
+ borderInline: "colors";
596
+ borderInlineEnd: "colors";
597
+ borderInlineStart: "colors";
598
+ borderLeft: "colors";
599
+ borderLeftColor: "colors";
600
+ borderRight: "colors";
601
+ borderRightColor: "colors";
602
+ borderTop: "colors";
603
+ borderTopColor: "colors";
604
+ caretColor: "colors";
605
+ color: "colors";
606
+ columnRuleColor: "colors";
607
+ outline: "colors";
608
+ outlineColor: "colors";
609
+ fill: "colors";
610
+ stroke: "colors";
611
+ textDecorationColor: "colors";
612
+ fontFamily: "fonts";
613
+ fontWeight: "fontWeights";
614
+ lineHeight: "lineHeights";
615
+ letterSpacing: "letterSpacings";
616
+ blockSize: "sizes";
617
+ minBlockSize: "sizes";
618
+ maxBlockSize: "sizes";
619
+ inlineSize: "sizes";
620
+ minInlineSize: "sizes";
621
+ maxInlineSize: "sizes";
622
+ minWidth: "sizes";
623
+ maxWidth: "sizes";
624
+ minHeight: "sizes";
625
+ maxHeight: "sizes";
626
+ flexBasis: "sizes";
627
+ gridTemplateColumns: "sizes";
628
+ gridTemplateRows: "sizes";
629
+ borderWidth: "borderWidths";
630
+ borderTopWidth: "borderWidths";
631
+ borderLeftWidth: "borderWidths";
632
+ borderRightWidth: "borderWidths";
633
+ borderBottomWidth: "borderWidths";
634
+ borderStyle: "borderStyles";
635
+ borderTopStyle: "borderStyles";
636
+ borderLeftStyle: "borderStyles";
637
+ borderRightStyle: "borderStyles";
638
+ borderBottomStyle: "borderStyles";
639
+ borderRadius: "radii";
640
+ borderTopLeftRadius: "radii";
641
+ borderTopRightRadius: "radii";
642
+ borderBottomRightRadius: "radii";
643
+ borderBottomLeftRadius: "radii";
644
+ boxShadow: "shadows";
645
+ textShadow: "shadows";
646
+ transition: "transitions";
647
+ zIndex: "zIndices";
648
+ }, {}>>;
649
+ interface TextUIProps extends ComponentProps<typeof TextUI> {
650
+ as?: ElementType;
651
+ size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
652
+ }
653
+
654
+ interface TextProps {
655
+ children: ReactNode;
656
+ }
657
+ declare function Text({ children, size, ...props }: TextUIProps & TextProps): react_jsx_runtime.JSX.Element;
658
+ declare namespace Text {
659
+ var displayName: string;
660
+ }
661
+
662
+ declare const HeadingUI: _stitches_react_types_styled_component.StyledComponent<"h2", {
663
+ mode?: "white" | "default" | undefined;
664
+ size?: "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
665
+ }, {}, _stitches_react_types_css_util.CSS<{}, {
666
+ colors: {
667
+ white: string;
668
+ black: string;
669
+ gray100: string;
670
+ gray200: string;
671
+ gray400: string;
672
+ gray800: string;
673
+ dafaz100: string;
674
+ dafaz200: string;
675
+ dafaz400: string;
676
+ dafaz600: string;
677
+ dafaz800: string;
678
+ };
679
+ fontSizes: {
680
+ xxs: string;
681
+ xs: string;
682
+ sm: string;
683
+ md: string;
684
+ lg: string;
685
+ xl: string;
686
+ '2xl': string;
687
+ };
688
+ fontWeights: {
689
+ regular: string;
690
+ medium: string;
691
+ bold: string;
692
+ };
693
+ fonts: {
694
+ default: string;
695
+ app: string;
696
+ web: string;
697
+ offer: string;
698
+ code: string;
699
+ };
700
+ lineHeights: {
701
+ shorter: string;
702
+ short: string;
703
+ base: string;
704
+ tall: string;
705
+ };
706
+ radii: {
707
+ px: string;
708
+ sm: string;
709
+ md: string;
710
+ full: string;
711
+ };
712
+ space: {
713
+ 1: string;
714
+ 2: string;
715
+ 3: string;
716
+ 4: string;
717
+ 5: string;
718
+ 6: string;
719
+ 7: string;
720
+ 8: string;
721
+ 10: string;
722
+ 12: string;
723
+ 16: string;
724
+ 20: string;
725
+ 40: string;
726
+ 64: string;
727
+ 80: string;
728
+ };
729
+ opacities: {
730
+ opacity400: string;
731
+ opacity600: string;
732
+ opacity800: string;
733
+ opacity900: string;
734
+ };
735
+ }, {
736
+ height: "space";
737
+ width: "space";
738
+ gap: "space";
739
+ gridGap: "space";
740
+ columnGap: "space";
741
+ gridColumnGap: "space";
742
+ rowGap: "space";
743
+ gridRowGap: "space";
744
+ inset: "space";
745
+ insetBlock: "space";
746
+ insetBlockEnd: "space";
747
+ insetBlockStart: "space";
748
+ insetInline: "space";
749
+ insetInlineEnd: "space";
750
+ insetInlineStart: "space";
751
+ margin: "space";
752
+ marginTop: "space";
753
+ marginRight: "space";
754
+ marginBottom: "space";
755
+ marginLeft: "space";
756
+ marginBlock: "space";
757
+ marginBlockEnd: "space";
758
+ marginBlockStart: "space";
759
+ marginInline: "space";
760
+ marginInlineEnd: "space";
761
+ marginInlineStart: "space";
762
+ padding: "space";
763
+ paddingTop: "space";
764
+ paddingRight: "space";
765
+ paddingBottom: "space";
766
+ paddingLeft: "space";
767
+ paddingBlock: "space";
768
+ paddingBlockEnd: "space";
769
+ paddingBlockStart: "space";
770
+ paddingInline: "space";
771
+ paddingInlineEnd: "space";
772
+ paddingInlineStart: "space";
773
+ scrollMargin: "space";
774
+ scrollMarginTop: "space";
775
+ scrollMarginRight: "space";
776
+ scrollMarginBottom: "space";
777
+ scrollMarginLeft: "space";
778
+ scrollMarginBlock: "space";
779
+ scrollMarginBlockEnd: "space";
780
+ scrollMarginBlockStart: "space";
781
+ scrollMarginInline: "space";
782
+ scrollMarginInlineEnd: "space";
783
+ scrollMarginInlineStart: "space";
784
+ scrollPadding: "space";
785
+ scrollPaddingTop: "space";
786
+ scrollPaddingRight: "space";
787
+ scrollPaddingBottom: "space";
788
+ scrollPaddingLeft: "space";
789
+ scrollPaddingBlock: "space";
790
+ scrollPaddingBlockEnd: "space";
791
+ scrollPaddingBlockStart: "space";
792
+ scrollPaddingInline: "space";
793
+ scrollPaddingInlineEnd: "space";
794
+ scrollPaddingInlineStart: "space";
795
+ top: "space";
796
+ right: "space";
797
+ bottom: "space";
798
+ left: "space";
799
+ fontSize: "fontSizes";
800
+ background: "colors";
801
+ backgroundColor: "colors";
802
+ backgroundImage: "colors";
803
+ borderImage: "colors";
804
+ border: "colors";
805
+ borderBlock: "colors";
806
+ borderBlockEnd: "colors";
807
+ borderBlockStart: "colors";
808
+ borderBottom: "colors";
809
+ borderBottomColor: "colors";
810
+ borderColor: "colors";
811
+ borderInline: "colors";
812
+ borderInlineEnd: "colors";
813
+ borderInlineStart: "colors";
814
+ borderLeft: "colors";
815
+ borderLeftColor: "colors";
816
+ borderRight: "colors";
817
+ borderRightColor: "colors";
818
+ borderTop: "colors";
819
+ borderTopColor: "colors";
820
+ caretColor: "colors";
821
+ color: "colors";
822
+ columnRuleColor: "colors";
823
+ outline: "colors";
824
+ outlineColor: "colors";
825
+ fill: "colors";
826
+ stroke: "colors";
827
+ textDecorationColor: "colors";
828
+ fontFamily: "fonts";
829
+ fontWeight: "fontWeights";
830
+ lineHeight: "lineHeights";
831
+ letterSpacing: "letterSpacings";
832
+ blockSize: "sizes";
833
+ minBlockSize: "sizes";
834
+ maxBlockSize: "sizes";
835
+ inlineSize: "sizes";
836
+ minInlineSize: "sizes";
837
+ maxInlineSize: "sizes";
838
+ minWidth: "sizes";
839
+ maxWidth: "sizes";
840
+ minHeight: "sizes";
841
+ maxHeight: "sizes";
842
+ flexBasis: "sizes";
843
+ gridTemplateColumns: "sizes";
844
+ gridTemplateRows: "sizes";
845
+ borderWidth: "borderWidths";
846
+ borderTopWidth: "borderWidths";
847
+ borderLeftWidth: "borderWidths";
848
+ borderRightWidth: "borderWidths";
849
+ borderBottomWidth: "borderWidths";
850
+ borderStyle: "borderStyles";
851
+ borderTopStyle: "borderStyles";
852
+ borderLeftStyle: "borderStyles";
853
+ borderRightStyle: "borderStyles";
854
+ borderBottomStyle: "borderStyles";
855
+ borderRadius: "radii";
856
+ borderTopLeftRadius: "radii";
857
+ borderTopRightRadius: "radii";
858
+ borderBottomRightRadius: "radii";
859
+ borderBottomLeftRadius: "radii";
860
+ boxShadow: "shadows";
861
+ textShadow: "shadows";
862
+ transition: "transitions";
863
+ zIndex: "zIndices";
864
+ }, {}>>;
865
+ interface HeadingUIProps extends ComponentProps<typeof HeadingUI> {
866
+ as?: ElementType;
867
+ size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
868
+ mode?: 'default' | 'white';
869
+ }
870
+
871
+ interface HeadingProps {
872
+ children: ReactNode;
873
+ }
874
+ declare function Heading({ children, ...props }: HeadingUIProps & HeadingProps): react_jsx_runtime.JSX.Element;
875
+ declare namespace Heading {
876
+ var displayName: string;
877
+ }
878
+
879
+ declare const InputUI: _stitches_react_types_styled_component.StyledComponent<"input", {}, {}, _stitches_react_types_css_util.CSS<{}, {
880
+ colors: {
881
+ white: string;
882
+ black: string;
883
+ gray100: string;
884
+ gray200: string;
885
+ gray400: string;
886
+ gray800: string;
887
+ dafaz100: string;
888
+ dafaz200: string;
889
+ dafaz400: string;
890
+ dafaz600: string;
891
+ dafaz800: string;
892
+ };
893
+ fontSizes: {
894
+ xxs: string;
895
+ xs: string;
896
+ sm: string;
897
+ md: string;
898
+ lg: string;
899
+ xl: string;
900
+ '2xl': string;
901
+ };
902
+ fontWeights: {
903
+ regular: string;
904
+ medium: string;
905
+ bold: string;
906
+ };
907
+ fonts: {
908
+ default: string;
909
+ app: string;
910
+ web: string;
911
+ offer: string;
912
+ code: string;
913
+ };
914
+ lineHeights: {
915
+ shorter: string;
916
+ short: string;
917
+ base: string;
918
+ tall: string;
919
+ };
920
+ radii: {
921
+ px: string;
922
+ sm: string;
923
+ md: string;
924
+ full: string;
925
+ };
926
+ space: {
927
+ 1: string;
928
+ 2: string;
929
+ 3: string;
930
+ 4: string;
931
+ 5: string;
932
+ 6: string;
933
+ 7: string;
934
+ 8: string;
935
+ 10: string;
936
+ 12: string;
937
+ 16: string;
938
+ 20: string;
939
+ 40: string;
940
+ 64: string;
941
+ 80: string;
942
+ };
943
+ opacities: {
944
+ opacity400: string;
945
+ opacity600: string;
946
+ opacity800: string;
947
+ opacity900: string;
948
+ };
949
+ }, {
950
+ height: "space";
951
+ width: "space";
952
+ gap: "space";
953
+ gridGap: "space";
954
+ columnGap: "space";
955
+ gridColumnGap: "space";
956
+ rowGap: "space";
957
+ gridRowGap: "space";
958
+ inset: "space";
959
+ insetBlock: "space";
960
+ insetBlockEnd: "space";
961
+ insetBlockStart: "space";
962
+ insetInline: "space";
963
+ insetInlineEnd: "space";
964
+ insetInlineStart: "space";
965
+ margin: "space";
966
+ marginTop: "space";
967
+ marginRight: "space";
968
+ marginBottom: "space";
969
+ marginLeft: "space";
970
+ marginBlock: "space";
971
+ marginBlockEnd: "space";
972
+ marginBlockStart: "space";
973
+ marginInline: "space";
974
+ marginInlineEnd: "space";
975
+ marginInlineStart: "space";
976
+ padding: "space";
977
+ paddingTop: "space";
978
+ paddingRight: "space";
979
+ paddingBottom: "space";
980
+ paddingLeft: "space";
981
+ paddingBlock: "space";
982
+ paddingBlockEnd: "space";
983
+ paddingBlockStart: "space";
984
+ paddingInline: "space";
985
+ paddingInlineEnd: "space";
986
+ paddingInlineStart: "space";
987
+ scrollMargin: "space";
988
+ scrollMarginTop: "space";
989
+ scrollMarginRight: "space";
990
+ scrollMarginBottom: "space";
991
+ scrollMarginLeft: "space";
992
+ scrollMarginBlock: "space";
993
+ scrollMarginBlockEnd: "space";
994
+ scrollMarginBlockStart: "space";
995
+ scrollMarginInline: "space";
996
+ scrollMarginInlineEnd: "space";
997
+ scrollMarginInlineStart: "space";
998
+ scrollPadding: "space";
999
+ scrollPaddingTop: "space";
1000
+ scrollPaddingRight: "space";
1001
+ scrollPaddingBottom: "space";
1002
+ scrollPaddingLeft: "space";
1003
+ scrollPaddingBlock: "space";
1004
+ scrollPaddingBlockEnd: "space";
1005
+ scrollPaddingBlockStart: "space";
1006
+ scrollPaddingInline: "space";
1007
+ scrollPaddingInlineEnd: "space";
1008
+ scrollPaddingInlineStart: "space";
1009
+ top: "space";
1010
+ right: "space";
1011
+ bottom: "space";
1012
+ left: "space";
1013
+ fontSize: "fontSizes";
1014
+ background: "colors";
1015
+ backgroundColor: "colors";
1016
+ backgroundImage: "colors";
1017
+ borderImage: "colors";
1018
+ border: "colors";
1019
+ borderBlock: "colors";
1020
+ borderBlockEnd: "colors";
1021
+ borderBlockStart: "colors";
1022
+ borderBottom: "colors";
1023
+ borderBottomColor: "colors";
1024
+ borderColor: "colors";
1025
+ borderInline: "colors";
1026
+ borderInlineEnd: "colors";
1027
+ borderInlineStart: "colors";
1028
+ borderLeft: "colors";
1029
+ borderLeftColor: "colors";
1030
+ borderRight: "colors";
1031
+ borderRightColor: "colors";
1032
+ borderTop: "colors";
1033
+ borderTopColor: "colors";
1034
+ caretColor: "colors";
1035
+ color: "colors";
1036
+ columnRuleColor: "colors";
1037
+ outline: "colors";
1038
+ outlineColor: "colors";
1039
+ fill: "colors";
1040
+ stroke: "colors";
1041
+ textDecorationColor: "colors";
1042
+ fontFamily: "fonts";
1043
+ fontWeight: "fontWeights";
1044
+ lineHeight: "lineHeights";
1045
+ letterSpacing: "letterSpacings";
1046
+ blockSize: "sizes";
1047
+ minBlockSize: "sizes";
1048
+ maxBlockSize: "sizes";
1049
+ inlineSize: "sizes";
1050
+ minInlineSize: "sizes";
1051
+ maxInlineSize: "sizes";
1052
+ minWidth: "sizes";
1053
+ maxWidth: "sizes";
1054
+ minHeight: "sizes";
1055
+ maxHeight: "sizes";
1056
+ flexBasis: "sizes";
1057
+ gridTemplateColumns: "sizes";
1058
+ gridTemplateRows: "sizes";
1059
+ borderWidth: "borderWidths";
1060
+ borderTopWidth: "borderWidths";
1061
+ borderLeftWidth: "borderWidths";
1062
+ borderRightWidth: "borderWidths";
1063
+ borderBottomWidth: "borderWidths";
1064
+ borderStyle: "borderStyles";
1065
+ borderTopStyle: "borderStyles";
1066
+ borderLeftStyle: "borderStyles";
1067
+ borderRightStyle: "borderStyles";
1068
+ borderBottomStyle: "borderStyles";
1069
+ borderRadius: "radii";
1070
+ borderTopLeftRadius: "radii";
1071
+ borderTopRightRadius: "radii";
1072
+ borderBottomRightRadius: "radii";
1073
+ borderBottomLeftRadius: "radii";
1074
+ boxShadow: "shadows";
1075
+ textShadow: "shadows";
1076
+ transition: "transitions";
1077
+ zIndex: "zIndices";
1078
+ }, {}>>;
1079
+
1080
+ interface TextInputProps extends ComponentProps<typeof InputUI> {
1081
+ required?: boolean;
1082
+ requiredText?: string;
1083
+ withShadow?: boolean;
1084
+ placeholder?: string;
1085
+ type?: string;
227
1086
  }
1087
+ declare const TextInput: react.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
228
1088
 
229
1089
  declare const styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | _stitches_react_types_util.Function, Composers extends (string | React.ComponentType<any> | _stitches_react_types_util.Function | {
230
1090
  [name: string]: unknown;
@@ -241,7 +1101,6 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
241
1101
  dafaz400: string;
242
1102
  dafaz600: string;
243
1103
  dafaz800: string;
244
- teste: string;
245
1104
  };
246
1105
  fontSizes: {
247
1106
  xxs: string;
@@ -452,7 +1311,6 @@ declare const styled: <Type extends keyof JSX.IntrinsicElements | React.Componen
452
1311
  dafaz400: string;
453
1312
  dafaz600: string;
454
1313
  dafaz800: string;
455
- teste: string;
456
1314
  };
457
1315
  fontSizes: {
458
1316
  xxs: string;
@@ -655,7 +1513,6 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
655
1513
  dafaz400: string;
656
1514
  dafaz600: string;
657
1515
  dafaz800: string;
658
- teste: string;
659
1516
  };
660
1517
  fontSizes: {
661
1518
  xxs: string;
@@ -873,7 +1730,6 @@ declare const globalCss: <Styles extends {
873
1730
  dafaz400: string;
874
1731
  dafaz600: string;
875
1732
  dafaz800: string;
876
- teste: string;
877
1733
  };
878
1734
  fontSizes: {
879
1735
  xxs: string;
@@ -1074,7 +1930,6 @@ declare const globalCss: <Styles extends {
1074
1930
  dafaz400: string;
1075
1931
  dafaz600: string;
1076
1932
  dafaz800: string;
1077
- teste: string;
1078
1933
  };
1079
1934
  fontSizes: {
1080
1935
  xxs: string;
@@ -1278,7 +2133,6 @@ declare const keyframes: (style: {
1278
2133
  dafaz400: string;
1279
2134
  dafaz600: string;
1280
2135
  dafaz800: string;
1281
- teste: string;
1282
2136
  };
1283
2137
  fontSizes: {
1284
2138
  xxs: string;
@@ -1487,7 +2341,6 @@ declare const theme: string & {
1487
2341
  dafaz400: _stitches_react_types_theme.Token<"dafaz400", string, "colors", "">;
1488
2342
  dafaz600: _stitches_react_types_theme.Token<"dafaz600", string, "colors", "">;
1489
2343
  dafaz800: _stitches_react_types_theme.Token<"dafaz800", string, "colors", "">;
1490
- teste: _stitches_react_types_theme.Token<"teste", string, "colors", "">;
1491
2344
  };
1492
2345
  fontSizes: {
1493
2346
  xxs: _stitches_react_types_theme.Token<"xxs", string, "fontSizes", "">;
@@ -1559,7 +2412,6 @@ declare const createTheme: <Argument0 extends string | ({
1559
2412
  dafaz400?: string | number | boolean | undefined;
1560
2413
  dafaz600?: string | number | boolean | undefined;
1561
2414
  dafaz800?: string | number | boolean | undefined;
1562
- teste?: string | number | boolean | undefined;
1563
2415
  } | undefined;
1564
2416
  fontSizes?: {
1565
2417
  xxs?: string | number | boolean | undefined;
@@ -1635,7 +2487,6 @@ declare const createTheme: <Argument0 extends string | ({
1635
2487
  dafaz400?: string | number | boolean | undefined;
1636
2488
  dafaz600?: string | number | boolean | undefined;
1637
2489
  dafaz800?: string | number | boolean | undefined;
1638
- teste?: string | number | boolean | undefined;
1639
2490
  } | undefined;
1640
2491
  fontSizes?: {
1641
2492
  xxs?: string | number | boolean | undefined;
@@ -1718,7 +2569,6 @@ declare const config: {
1718
2569
  dafaz400: string;
1719
2570
  dafaz600: string;
1720
2571
  dafaz800: string;
1721
- teste: string;
1722
2572
  };
1723
2573
  fontSizes: {
1724
2574
  xxs: string;
@@ -1910,4 +2760,4 @@ declare const config: {
1910
2760
  utils: {};
1911
2761
  };
1912
2762
 
1913
- export { Button, type ButtonProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme };
2763
+ export { Box, Button, Heading, Text, TextInput, type TextInputProps, config, createTheme, css, getCssText, globalCss, keyframes, styled, theme };