@lets-events/react 12.3.2 → 12.3.4

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 (11) hide show
  1. package/.turbo/turbo-build.log +8 -8
  2. package/CHANGELOG.md +12 -0
  3. package/dist/index.d.mts +201 -41
  4. package/dist/index.d.ts +201 -41
  5. package/dist/index.js +191 -162
  6. package/dist/index.mjs +131 -102
  7. package/package.json +1 -1
  8. package/src/components/Card.tsx +14 -2
  9. package/src/components/Drawer/index.tsx +43 -106
  10. package/src/components/Drawer/styledComponents.ts +56 -5
  11. package/src/styles/index.ts +9 -6
package/dist/index.d.ts CHANGED
@@ -34,7 +34,11 @@ declare const Icon: {
34
34
  declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.TextProps & React$1.RefAttributes<HTMLSpanElement>>, {
35
35
  typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
36
36
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
37
- }, {}, _stitches_react_types_css_util.CSS<{}, {
37
+ }, {
38
+ md: "(max-width: 690px)";
39
+ }, _stitches_react_types_css_util.CSS<{
40
+ md: "(max-width: 690px)";
41
+ }, {
38
42
  colors: {
39
43
  brand50: string;
40
44
  brand100: string;
@@ -418,7 +422,11 @@ declare const ButtonStyled: _stitches_react_types_styled_component.StyledCompone
418
422
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
419
423
  outlinedBgColor?: "transparent" | "neutral" | undefined;
420
424
  radii?: "full" | undefined;
421
- }, {}, _stitches_react_types_css_util.CSS<{}, {
425
+ }, {
426
+ md: "(max-width: 690px)";
427
+ }, _stitches_react_types_css_util.CSS<{
428
+ md: "(max-width: 690px)";
429
+ }, {
422
430
  colors: {
423
431
  brand50: string;
424
432
  brand100: string;
@@ -798,7 +806,11 @@ declare function Button({ asChild, children, loading, ...props }: ButtonProps):
798
806
 
799
807
  declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & React$1.RefAttributes<HTMLButtonElement>>, {
800
808
  active?: boolean | "true" | undefined;
801
- }, {}, _stitches_react_types_css_util.CSS<{}, {
809
+ }, {
810
+ md: "(max-width: 690px)";
811
+ }, _stitches_react_types_css_util.CSS<{
812
+ md: "(max-width: 690px)";
813
+ }, {
802
814
  colors: {
803
815
  brand50: string;
804
816
  brand100: string;
@@ -1173,7 +1185,11 @@ declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledCo
1173
1185
  variant?: "text" | "contained" | "outlined" | undefined;
1174
1186
  typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
1175
1187
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
1176
- }, {}, _stitches_react_types_css_util.CSS<{}, {
1188
+ }, {
1189
+ md: "(max-width: 690px)";
1190
+ }, _stitches_react_types_css_util.CSS<{
1191
+ md: "(max-width: 690px)";
1192
+ }, {
1177
1193
  colors: {
1178
1194
  brand50: string;
1179
1195
  brand100: string;
@@ -1553,7 +1569,11 @@ declare const AvatarStyled: _stitches_react_types_styled_component.StyledCompone
1553
1569
  size?: "xs" | "sm" | "md" | "xl" | "lg" | undefined;
1554
1570
  radii?: "full" | undefined;
1555
1571
  variant?: "without-image" | "with-image" | undefined;
1556
- }, {}, _stitches_react_types_css_util.CSS<{}, {
1572
+ }, {
1573
+ md: "(max-width: 690px)";
1574
+ }, _stitches_react_types_css_util.CSS<{
1575
+ md: "(max-width: 690px)";
1576
+ }, {
1557
1577
  colors: {
1558
1578
  brand50: string;
1559
1579
  brand100: string;
@@ -1936,7 +1956,11 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
1936
1956
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
1937
1957
  textAlign?: "left" | "right" | "center" | undefined;
1938
1958
  isValid?: boolean | "false" | "true" | undefined;
1939
- }, {}, _stitches_react_types_css_util.CSS<{}, {
1959
+ }, {
1960
+ md: "(max-width: 690px)";
1961
+ }, _stitches_react_types_css_util.CSS<{
1962
+ md: "(max-width: 690px)";
1963
+ }, {
1940
1964
  colors: {
1941
1965
  brand50: string;
1942
1966
  brand100: string;
@@ -2310,7 +2334,11 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
2310
2334
  typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
2311
2335
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
2312
2336
  textAlign?: "left" | "right" | "center" | undefined;
2313
- }, {}, _stitches_react_types_css_util.CSS<{}, {
2337
+ }, {
2338
+ md: "(max-width: 690px)";
2339
+ }, _stitches_react_types_css_util.CSS<{
2340
+ md: "(max-width: 690px)";
2341
+ }, {
2314
2342
  colors: {
2315
2343
  brand50: string;
2316
2344
  brand100: string;
@@ -2713,7 +2741,11 @@ declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledCom
2713
2741
  disabled?: boolean | "false" | "true" | undefined;
2714
2742
  typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
2715
2743
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
2716
- }, {}, _stitches_react_types_css_util.CSS<{}, {
2744
+ }, {
2745
+ md: "(max-width: 690px)";
2746
+ }, _stitches_react_types_css_util.CSS<{
2747
+ md: "(max-width: 690px)";
2748
+ }, {
2717
2749
  colors: {
2718
2750
  brand50: string;
2719
2751
  brand100: string;
@@ -3103,7 +3135,11 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
3103
3135
  disabled?: boolean | "false" | "true" | undefined;
3104
3136
  typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
3105
3137
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
3106
- }, {}, _stitches_react_types_css_util.CSS<{}, {
3138
+ }, {
3139
+ md: "(max-width: 690px)";
3140
+ }, _stitches_react_types_css_util.CSS<{
3141
+ md: "(max-width: 690px)";
3142
+ }, {
3107
3143
  colors: {
3108
3144
  brand50: string;
3109
3145
  brand100: string;
@@ -3473,7 +3509,11 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
3473
3509
  transition: "transitions";
3474
3510
  zIndex: "zIndices";
3475
3511
  }, {}>>;
3476
- declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & React$1.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
3512
+ declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & React$1.RefAttributes<HTMLButtonElement>>, {}, {
3513
+ md: "(max-width: 690px)";
3514
+ }, _stitches_react_types_css_util.CSS<{
3515
+ md: "(max-width: 690px)";
3516
+ }, {
3477
3517
  colors: {
3478
3518
  brand50: string;
3479
3519
  brand100: string;
@@ -3900,7 +3940,11 @@ declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponen
3900
3940
  size?: "xs" | "sm" | "md" | "xl" | undefined;
3901
3941
  fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
3902
3942
  radii?: "full" | undefined;
3903
- }, {}, _stitches_react_types_css_util.CSS<{}, {
3943
+ }, {
3944
+ md: "(max-width: 690px)";
3945
+ }, _stitches_react_types_css_util.CSS<{
3946
+ md: "(max-width: 690px)";
3947
+ }, {
3904
3948
  colors: {
3905
3949
  brand50: string;
3906
3950
  brand100: string;
@@ -4295,7 +4339,11 @@ declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProp
4295
4339
 
4296
4340
  declare const CalendarStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
4297
4341
  expand?: boolean | "true" | undefined;
4298
- }, {}, _stitches_react_types_css_util.CSS<{}, {
4342
+ }, {
4343
+ md: "(max-width: 690px)";
4344
+ }, _stitches_react_types_css_util.CSS<{
4345
+ md: "(max-width: 690px)";
4346
+ }, {
4299
4347
  colors: {
4300
4348
  brand50: string;
4301
4349
  brand100: string;
@@ -4680,7 +4728,13 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
4680
4728
  };
4681
4729
  declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
4682
4730
 
4683
- declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
4731
+ declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
4732
+ open?: boolean | "false" | "true" | undefined;
4733
+ }, {
4734
+ md: "(max-width: 690px)";
4735
+ }, _stitches_react_types_css_util.CSS<{
4736
+ md: "(max-width: 690px)";
4737
+ }, {
4684
4738
  colors: {
4685
4739
  brand50: string;
4686
4740
  brand100: string;
@@ -5062,11 +5116,15 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
5062
5116
  goBackAction?: () => void;
5063
5117
  zIndex?: number;
5064
5118
  };
5065
- declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
5119
+ declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, }: DrawerProps): react_jsx_runtime.JSX.Element;
5066
5120
 
5067
5121
  declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
5068
5122
  expand?: boolean | "true" | undefined;
5069
- }, {}, _stitches_react_types_css_util.CSS<{}, {
5123
+ }, {
5124
+ md: "(max-width: 690px)";
5125
+ }, _stitches_react_types_css_util.CSS<{
5126
+ md: "(max-width: 690px)";
5127
+ }, {
5070
5128
  colors: {
5071
5129
  brand50: string;
5072
5130
  brand100: string;
@@ -5436,7 +5494,11 @@ declare const TimePickerStyled: _stitches_react_types_styled_component.StyledCom
5436
5494
  transition: "transitions";
5437
5495
  zIndex: "zIndices";
5438
5496
  }, {}>>;
5439
- declare const TimePickerDropdownStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5497
+ declare const TimePickerDropdownStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
5498
+ md: "(max-width: 690px)";
5499
+ }, _stitches_react_types_css_util.CSS<{
5500
+ md: "(max-width: 690px)";
5501
+ }, {
5440
5502
  colors: {
5441
5503
  brand50: string;
5442
5504
  brand100: string;
@@ -5806,7 +5868,11 @@ declare const TimePickerDropdownStyled: _stitches_react_types_styled_component.S
5806
5868
  transition: "transitions";
5807
5869
  zIndex: "zIndices";
5808
5870
  }, {}>>;
5809
- declare const TimePickerFooterStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
5871
+ declare const TimePickerFooterStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
5872
+ md: "(max-width: 690px)";
5873
+ }, _stitches_react_types_css_util.CSS<{
5874
+ md: "(max-width: 690px)";
5875
+ }, {
5810
5876
  colors: {
5811
5877
  brand50: string;
5812
5878
  brand100: string;
@@ -6176,7 +6242,11 @@ declare const TimePickerFooterStyled: _stitches_react_types_styled_component.Sty
6176
6242
  transition: "transitions";
6177
6243
  zIndex: "zIndices";
6178
6244
  }, {}>>;
6179
- declare const TimerPickerContentStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
6245
+ declare const TimerPickerContentStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
6246
+ md: "(max-width: 690px)";
6247
+ }, _stitches_react_types_css_util.CSS<{
6248
+ md: "(max-width: 690px)";
6249
+ }, {
6180
6250
  colors: {
6181
6251
  brand50: string;
6182
6252
  brand100: string;
@@ -6546,7 +6616,11 @@ declare const TimerPickerContentStyled: _stitches_react_types_styled_component.S
6546
6616
  transition: "transitions";
6547
6617
  zIndex: "zIndices";
6548
6618
  }, {}>>;
6549
- declare const InputStyled: _stitches_react_types_styled_component.StyledComponent<"input", {}, {}, _stitches_react_types_css_util.CSS<{}, {
6619
+ declare const InputStyled: _stitches_react_types_styled_component.StyledComponent<"input", {}, {
6620
+ md: "(max-width: 690px)";
6621
+ }, _stitches_react_types_css_util.CSS<{
6622
+ md: "(max-width: 690px)";
6623
+ }, {
6550
6624
  colors: {
6551
6625
  brand50: string;
6552
6626
  brand100: string;
@@ -6918,7 +6992,11 @@ declare const InputStyled: _stitches_react_types_styled_component.StyledComponen
6918
6992
  }, {}>>;
6919
6993
  declare const TimePickerButtonStyled: _stitches_react_types_styled_component.StyledComponent<"button", {
6920
6994
  expand?: boolean | "true" | undefined;
6921
- }, {}, _stitches_react_types_css_util.CSS<{}, {
6995
+ }, {
6996
+ md: "(max-width: 690px)";
6997
+ }, _stitches_react_types_css_util.CSS<{
6998
+ md: "(max-width: 690px)";
6999
+ }, {
6922
7000
  colors: {
6923
7001
  brand50: string;
6924
7002
  brand100: string;
@@ -7288,7 +7366,11 @@ declare const TimePickerButtonStyled: _stitches_react_types_styled_component.Sty
7288
7366
  transition: "transitions";
7289
7367
  zIndex: "zIndices";
7290
7368
  }, {}>>;
7291
- declare const TimePickerIconButton: _stitches_react_types_styled_component.StyledComponent<typeof Button, {}, {}, _stitches_react_types_css_util.CSS<{}, {
7369
+ declare const TimePickerIconButton: _stitches_react_types_styled_component.StyledComponent<typeof Button, {}, {
7370
+ md: "(max-width: 690px)";
7371
+ }, _stitches_react_types_css_util.CSS<{
7372
+ md: "(max-width: 690px)";
7373
+ }, {
7292
7374
  colors: {
7293
7375
  brand50: string;
7294
7376
  brand100: string;
@@ -7669,7 +7751,11 @@ declare function TimePicker({ selected, setSelected, position, hasError, expand,
7669
7751
 
7670
7752
  declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
7671
7753
  color?: "info" | "warning" | "error" | "success" | undefined;
7672
- }, {}, _stitches_react_types_css_util.CSS<{}, {
7754
+ }, {
7755
+ md: "(max-width: 690px)";
7756
+ }, _stitches_react_types_css_util.CSS<{
7757
+ md: "(max-width: 690px)";
7758
+ }, {
7673
7759
  colors: {
7674
7760
  brand50: string;
7675
7761
  brand100: string;
@@ -8041,7 +8127,11 @@ declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.St
8041
8127
  }, {}>>;
8042
8128
  declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.ContentProps & React$1.RefAttributes<HTMLDivElement>>, {
8043
8129
  color?: undefined;
8044
- }, {}, _stitches_react_types_css_util.CSS<{}, {
8130
+ }, {
8131
+ md: "(max-width: 690px)";
8132
+ }, _stitches_react_types_css_util.CSS<{
8133
+ md: "(max-width: 690px)";
8134
+ }, {
8045
8135
  colors: {
8046
8136
  brand50: string;
8047
8137
  brand100: string;
@@ -8411,7 +8501,11 @@ declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.
8411
8501
  transition: "transitions";
8412
8502
  zIndex: "zIndices";
8413
8503
  }, {}>>;
8414
- declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.DescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
8504
+ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.DescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>, {}, {
8505
+ md: "(max-width: 690px)";
8506
+ }, _stitches_react_types_css_util.CSS<{
8507
+ md: "(max-width: 690px)";
8508
+ }, {
8415
8509
  colors: {
8416
8510
  brand50: string;
8417
8511
  brand100: string;
@@ -8781,7 +8875,11 @@ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_compone
8781
8875
  transition: "transitions";
8782
8876
  zIndex: "zIndices";
8783
8877
  }, {}>>;
8784
- declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.TitleProps & React$1.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
8878
+ declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<AlertDialog.TitleProps & React$1.RefAttributes<HTMLHeadingElement>>, {}, {
8879
+ md: "(max-width: 690px)";
8880
+ }, _stitches_react_types_css_util.CSS<{
8881
+ md: "(max-width: 690px)";
8882
+ }, {
8785
8883
  colors: {
8786
8884
  brand50: string;
8787
8885
  brand100: string;
@@ -9151,7 +9249,11 @@ declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.Sty
9151
9249
  transition: "transitions";
9152
9250
  zIndex: "zIndices";
9153
9251
  }, {}>>;
9154
- declare const AlertDialogSubtitleStyled: _stitches_react_types_styled_component.StyledComponent<typeof Text, {}, {}, _stitches_react_types_css_util.CSS<{}, {
9252
+ declare const AlertDialogSubtitleStyled: _stitches_react_types_styled_component.StyledComponent<typeof Text, {}, {
9253
+ md: "(max-width: 690px)";
9254
+ }, _stitches_react_types_css_util.CSS<{
9255
+ md: "(max-width: 690px)";
9256
+ }, {
9155
9257
  colors: {
9156
9258
  brand50: string;
9157
9259
  brand100: string;
@@ -9521,7 +9623,11 @@ declare const AlertDialogSubtitleStyled: _stitches_react_types_styled_component.
9521
9623
  transition: "transitions";
9522
9624
  zIndex: "zIndices";
9523
9625
  }, {}>>;
9524
- declare const AlertDialogRowStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
9626
+ declare const AlertDialogRowStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
9627
+ md: "(max-width: 690px)";
9628
+ }, _stitches_react_types_css_util.CSS<{
9629
+ md: "(max-width: 690px)";
9630
+ }, {
9525
9631
  colors: {
9526
9632
  brand50: string;
9527
9633
  brand100: string;
@@ -9891,7 +9997,11 @@ declare const AlertDialogRowStyled: _stitches_react_types_styled_component.Style
9891
9997
  transition: "transitions";
9892
9998
  zIndex: "zIndices";
9893
9999
  }, {}>>;
9894
- declare const AlertDialoghrStyled: _stitches_react_types_styled_component.StyledComponent<"hr", {}, {}, _stitches_react_types_css_util.CSS<{}, {
10000
+ declare const AlertDialoghrStyled: _stitches_react_types_styled_component.StyledComponent<"hr", {}, {
10001
+ md: "(max-width: 690px)";
10002
+ }, _stitches_react_types_css_util.CSS<{
10003
+ md: "(max-width: 690px)";
10004
+ }, {
9895
10005
  colors: {
9896
10006
  brand50: string;
9897
10007
  brand100: string;
@@ -10283,7 +10393,11 @@ declare function Alert({ color, trigger, completAlert, simpleAlert, ...props }:
10283
10393
  declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & React$1.RefAttributes<HTMLButtonElement>>, {
10284
10394
  color?: "brand" | undefined;
10285
10395
  size?: "sm" | "md" | "lg" | undefined;
10286
- }, {}, _stitches_react_types_css_util.CSS<{}, {
10396
+ }, {
10397
+ md: "(max-width: 690px)";
10398
+ }, _stitches_react_types_css_util.CSS<{
10399
+ md: "(max-width: 690px)";
10400
+ }, {
10287
10401
  colors: {
10288
10402
  brand50: string;
10289
10403
  brand100: string;
@@ -10659,7 +10773,11 @@ type SwitchProps = ComponentProps<typeof Switch$1> & {
10659
10773
  };
10660
10774
  declare function Switch(props: SwitchProps): react_jsx_runtime.JSX.Element;
10661
10775
 
10662
- declare const StepStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
10776
+ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
10777
+ md: "(max-width: 690px)";
10778
+ }, _stitches_react_types_css_util.CSS<{
10779
+ md: "(max-width: 690px)";
10780
+ }, {
10663
10781
  colors: {
10664
10782
  brand50: string;
10665
10783
  brand100: string;
@@ -11055,7 +11173,11 @@ declare function StepWrapper({ children, ...props }: {
11055
11173
  declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.CardProps & React__default.RefAttributes<HTMLDivElement>>, {
11056
11174
  color?: "warning" | "error" | "primary" | "disable" | undefined;
11057
11175
  boxShadow?: boolean | "false" | "true" | undefined;
11058
- }, {}, _stitches_react_types_css_util.CSS<{}, {
11176
+ }, {
11177
+ md: "(max-width: 690px)";
11178
+ }, _stitches_react_types_css_util.CSS<{
11179
+ md: "(max-width: 690px)";
11180
+ }, {
11059
11181
  colors: {
11060
11182
  brand50: string;
11061
11183
  brand100: string;
@@ -11428,12 +11550,18 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
11428
11550
  type CardProps = ComponentProps<typeof CardStyled> & {
11429
11551
  children: React__default.ReactNode;
11430
11552
  as?: ElementType;
11553
+ padding?: string;
11554
+ radius?: string;
11431
11555
  };
11432
- declare function Card({ asChild, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
11556
+ declare function Card({ asChild, children, padding, radius, ...props }: CardProps): react_jsx_runtime.JSX.Element;
11433
11557
 
11434
11558
  declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_themes.TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>, {
11435
11559
  typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
11436
- }, {}, _stitches_react_types_css_util.CSS<{}, {
11560
+ }, {
11561
+ md: "(max-width: 690px)";
11562
+ }, _stitches_react_types_css_util.CSS<{
11563
+ md: "(max-width: 690px)";
11564
+ }, {
11437
11565
  colors: {
11438
11566
  brand50: string;
11439
11567
  brand100: string;
@@ -11805,7 +11933,11 @@ declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledC
11805
11933
  }, {}>>;
11806
11934
  declare const TextareaContainer: _stitches_react_types_styled_component.StyledComponent<"div", {
11807
11935
  color?: "default" | "error" | undefined;
11808
- }, {}, _stitches_react_types_css_util.CSS<{}, {
11936
+ }, {
11937
+ md: "(max-width: 690px)";
11938
+ }, _stitches_react_types_css_util.CSS<{
11939
+ md: "(max-width: 690px)";
11940
+ }, {
11809
11941
  colors: {
11810
11942
  brand50: string;
11811
11943
  brand100: string;
@@ -12224,7 +12356,11 @@ declare const useToast: () => ToastContextType;
12224
12356
  declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
12225
12357
  declare const TooltipRoot: React$1.FC<TooltipPrimitive.TooltipProps>;
12226
12358
  declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
12227
- declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
12359
+ declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>, {}, {
12360
+ md: "(max-width: 690px)";
12361
+ }, _stitches_react_types_css_util.CSS<{
12362
+ md: "(max-width: 690px)";
12363
+ }, {
12228
12364
  colors: {
12229
12365
  brand50: string;
12230
12366
  brand100: string;
@@ -12610,7 +12746,11 @@ declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent
12610
12746
  gap?: 0 | 2 | "0" | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
12611
12747
  gapY?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
12612
12748
  gapX?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
12613
- }, {}, _stitches_react_types_css_util.CSS<{}, {
12749
+ }, {
12750
+ md: "(max-width: 690px)";
12751
+ }, _stitches_react_types_css_util.CSS<{
12752
+ md: "(max-width: 690px)";
12753
+ }, {
12614
12754
  colors: {
12615
12755
  brand50: string;
12616
12756
  brand100: string;
@@ -12989,7 +13129,11 @@ declare function Flex({ children, ...props }: FlexProps): react_jsx_runtime.JSX.
12989
13129
  declare const StyledTrigger: _stitches_react_types_styled_component.StyledComponent<"div", {
12990
13130
  color?: "default" | "error" | undefined;
12991
13131
  disabled?: boolean | "true" | undefined;
12992
- }, {}, _stitches_react_types_css_util.CSS<{}, {
13132
+ }, {
13133
+ md: "(max-width: 690px)";
13134
+ }, _stitches_react_types_css_util.CSS<{
13135
+ md: "(max-width: 690px)";
13136
+ }, {
12993
13137
  colors: {
12994
13138
  brand50: string;
12995
13139
  brand100: string;
@@ -13381,7 +13525,11 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
13381
13525
  };
13382
13526
  declare const MultiSelect: React__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
13383
13527
 
13384
- declare const Divider: _stitches_react_types_styled_component.StyledComponent<"div", {}, {}, _stitches_react_types_css_util.CSS<{}, {
13528
+ declare const Divider: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
13529
+ md: "(max-width: 690px)";
13530
+ }, _stitches_react_types_css_util.CSS<{
13531
+ md: "(max-width: 690px)";
13532
+ }, {
13385
13533
  colors: {
13386
13534
  brand50: string;
13387
13535
  brand100: string;
@@ -13764,7 +13912,11 @@ declare const GridStyled: _stitches_react_types_styled_component.StyledComponent
13764
13912
  gap?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
13765
13913
  gapX?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
13766
13914
  gapY?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
13767
- }, {}, _stitches_react_types_css_util.CSS<{}, {
13915
+ }, {
13916
+ md: "(max-width: 690px)";
13917
+ }, _stitches_react_types_css_util.CSS<{
13918
+ md: "(max-width: 690px)";
13919
+ }, {
13768
13920
  colors: {
13769
13921
  brand50: string;
13770
13922
  brand100: string;
@@ -14145,7 +14297,11 @@ declare const ContainerStyled: _stitches_react_types_styled_component.StyledComp
14145
14297
  size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
14146
14298
  display?: "initial" | "none" | undefined;
14147
14299
  align?: "left" | "right" | "center" | undefined;
14148
- }, {}, _stitches_react_types_css_util.CSS<{}, {
14300
+ }, {
14301
+ md: "(max-width: 690px)";
14302
+ }, _stitches_react_types_css_util.CSS<{
14303
+ md: "(max-width: 690px)";
14304
+ }, {
14149
14305
  colors: {
14150
14306
  brand50: string;
14151
14307
  brand100: string;
@@ -14524,7 +14680,11 @@ declare function Container({ children, ...props }: ContainerProps): react_jsx_ru
14524
14680
  declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<React$1.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & React$1.RefAttributes<HTMLDivElement>>, {
14525
14681
  size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
14526
14682
  display?: "initial" | "none" | undefined;
14527
- }, {}, _stitches_react_types_css_util.CSS<{}, {
14683
+ }, {
14684
+ md: "(max-width: 690px)";
14685
+ }, _stitches_react_types_css_util.CSS<{
14686
+ md: "(max-width: 690px)";
14687
+ }, {
14528
14688
  colors: {
14529
14689
  brand50: string;
14530
14690
  brand100: string;