@saas-ui/react 3.0.0-next.26 → 3.0.0-next.27

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 (33) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/.tsbuildinfo.json +1 -1
  3. package/dist/components/avatar/avatar.recipe.d.ts +6 -7
  4. package/dist/components/avatar/avatar.recipe.js +6 -7
  5. package/dist/components/card/card.recipe.d.ts +14 -6
  6. package/dist/components/card/card.recipe.js +18 -9
  7. package/dist/components/checkbox/checkbox.recipe.d.ts +3 -3
  8. package/dist/components/checkbox-card/checkbox-card.recipe.d.ts +3 -3
  9. package/dist/components/checkmark/checkmark.recipe.d.ts +3 -3
  10. package/dist/components/checkmark/checkmark.recipe.js +4 -4
  11. package/dist/components/dialog/dialog.recipe.d.ts +19 -1
  12. package/dist/components/dialog/dialog.recipe.js +34 -3
  13. package/dist/components/grid-list/grid-list.recipe.js +4 -5
  14. package/dist/components/icon-badge/icon-badge.d.ts +1 -1
  15. package/dist/components/icon-badge/icon-badge.recipe.js +1 -0
  16. package/dist/components/input/input-addon.recipe.d.ts +1 -1
  17. package/dist/components/input/input-addon.recipe.js +1 -1
  18. package/dist/components/loading-overlay/loading-overlay.recipe.d.ts +3 -12
  19. package/dist/components/loading-overlay/loading-overlay.recipe.js +3 -12
  20. package/dist/components/menu/menu.recipe.js +2 -2
  21. package/dist/components/navbar/navbar.recipe.d.ts +1 -1
  22. package/dist/components/navbar/navbar.recipe.js +1 -4
  23. package/dist/components/page/page.recipe.d.ts +4 -0
  24. package/dist/components/page/page.recipe.js +4 -2
  25. package/dist/components/radio/index.d.ts +1 -0
  26. package/dist/components/radio/index.js +1 -0
  27. package/dist/components/sidebar/sidebar.d.ts +13 -12
  28. package/dist/components/tabs/tabs.recipe.d.ts +29 -10
  29. package/dist/components/tabs/tabs.recipe.js +28 -9
  30. package/dist/theme/layer-styles.js +12 -4
  31. package/dist/theme/recipes.d.ts +4 -4
  32. package/dist/theme/slot-recipes.d.ts +103 -64
  33. package/package.json +1 -1
@@ -74,8 +74,8 @@ export declare const slotRecipes: {
74
74
  };
75
75
  };
76
76
  }>;
77
- actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "separator" | "selectionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "closeTrigger" | "positioner" | "separator" | "selectionTrigger">>;
78
- alert: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "title" | "description" | "indicator", {
77
+ actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger">>;
78
+ alert: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "root" | "indicator" | "title", {
79
79
  status: {
80
80
  info: {
81
81
  root: {
@@ -205,27 +205,27 @@ export declare const slotRecipes: {
205
205
  };
206
206
  '2xs': {
207
207
  root: {
208
- '--avatar-size': "sizes.5";
208
+ '--avatar-size': "sizes.4";
209
209
  };
210
210
  };
211
211
  xs: {
212
212
  root: {
213
- '--avatar-size': "sizes.6";
213
+ '--avatar-size': "sizes.5";
214
214
  };
215
215
  };
216
216
  sm: {
217
217
  root: {
218
- '--avatar-size': "sizes.9";
218
+ '--avatar-size': "sizes.6";
219
219
  };
220
220
  };
221
221
  md: {
222
222
  root: {
223
- '--avatar-size': "sizes.12";
223
+ '--avatar-size': "sizes.9";
224
224
  };
225
225
  };
226
226
  lg: {
227
227
  root: {
228
- '--avatar-size': "sizes.14";
228
+ '--avatar-size': "sizes.12";
229
229
  };
230
230
  };
231
231
  xl: {
@@ -235,7 +235,6 @@ export declare const slotRecipes: {
235
235
  };
236
236
  '2xl': {
237
237
  root: {
238
- '--avatar-font-size': "calc(var(--avatar-size) / 2)";
239
238
  '--avatar-size': "sizes.20";
240
239
  };
241
240
  };
@@ -265,7 +264,7 @@ export declare const slotRecipes: {
265
264
  square: {};
266
265
  rounded: {
267
266
  root: {
268
- '--avatar-radius': "radii.l3";
267
+ '--avatar-radius': "radii.indicator.md";
269
268
  };
270
269
  };
271
270
  full: {
@@ -382,22 +381,22 @@ export declare const slotRecipes: {
382
381
  };
383
382
  };
384
383
  }>;
385
- card: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "title" | "description" | "header" | "body" | "footer", {
384
+ card: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "root" | "title" | "header" | "body" | "footer", {
386
385
  size: {
387
386
  sm: {
388
387
  root: {
389
- '--card-padding': "spacing.2";
388
+ '--card-padding': "spacing.2.5";
390
389
  };
391
390
  title: {
392
- textStyle: "md";
391
+ fontSize: "sm";
393
392
  };
394
393
  };
395
394
  md: {
396
395
  root: {
397
- '--card-padding': "spacing.3";
396
+ '--card-padding': "spacing.4";
398
397
  };
399
398
  title: {
400
- textStyle: "lg";
399
+ fontSize: "md";
401
400
  };
402
401
  };
403
402
  lg: {
@@ -405,7 +404,7 @@ export declare const slotRecipes: {
405
404
  '--card-padding': "spacing.6";
406
405
  };
407
406
  title: {
408
- textStyle: "xl";
407
+ fontSize: "lg";
409
408
  };
410
409
  };
411
410
  };
@@ -448,11 +447,19 @@ export declare const slotRecipes: {
448
447
  root: {
449
448
  bg: "colorPalette.solid";
450
449
  color: "colorPalette.contrast";
450
+ _pressable: {
451
+ _hover: {
452
+ bg: string;
453
+ };
454
+ };
455
+ };
456
+ description: {
457
+ color: "colorPalette.contrast/80";
451
458
  };
452
459
  };
453
460
  };
454
461
  }>;
455
- checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "group" | "control", {
462
+ checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "group" | "indicator" | "control", {
456
463
  size: {
457
464
  xs: {
458
465
  root: {
@@ -504,7 +511,7 @@ export declare const slotRecipes: {
504
511
  variant: {
505
512
  outline: {
506
513
  control: {
507
- borderColor: "border";
514
+ borderColor: "border.emphasized";
508
515
  '&:is([data-state=checked], [data-state=indeterminate])': {
509
516
  color: "colorPalette.fg";
510
517
  borderColor: "colorPalette.solid";
@@ -513,7 +520,7 @@ export declare const slotRecipes: {
513
520
  };
514
521
  solid: {
515
522
  control: {
516
- borderColor: "border";
523
+ borderColor: "border.emphasized";
517
524
  '&:is([data-state=checked], [data-state=indeterminate])': {
518
525
  bg: "colorPalette.solid";
519
526
  color: "colorPalette.contrast";
@@ -524,7 +531,7 @@ export declare const slotRecipes: {
524
531
  subtle: {
525
532
  control: {
526
533
  bg: "colorPalette.muted";
527
- borderColor: "colorPalette.muted";
534
+ borderColor: "colorPalette.emphasized";
528
535
  '&:is([data-state=checked], [data-state=indeterminate])': {
529
536
  color: "colorPalette.fg";
530
537
  };
@@ -532,7 +539,7 @@ export declare const slotRecipes: {
532
539
  };
533
540
  };
534
541
  }>;
535
- checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "description" | "indicator" | "control" | "addon", {
542
+ checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "label" | "root" | "indicator" | "control" | "addon", {
536
543
  size: {
537
544
  sm: {
538
545
  root: {
@@ -603,7 +610,7 @@ export declare const slotRecipes: {
603
610
  };
604
611
  };
605
612
  indicator: {
606
- borderColor: "border";
613
+ borderColor: "border.emphasized";
607
614
  '&:is([data-state=checked], [data-state=indeterminate])': {
608
615
  bg: "colorPalette.solid";
609
616
  color: "colorPalette.contrast";
@@ -638,7 +645,7 @@ export declare const slotRecipes: {
638
645
  };
639
646
  };
640
647
  indicator: {
641
- borderColor: "border";
648
+ borderColor: "border.emphasized";
642
649
  '&:is([data-state=checked], [data-state=indeterminate])': {
643
650
  bg: "colorPalette.solid";
644
651
  color: "colorPalette.contrast";
@@ -776,7 +783,25 @@ export declare const slotRecipes: {
776
783
  };
777
784
  };
778
785
  }>;
779
- dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
786
+ dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "body" | "footer" | "trigger", {
787
+ variant: {
788
+ dialog: {};
789
+ confirm: {
790
+ content: {
791
+ textAlign: "center";
792
+ };
793
+ header: {
794
+ flexDirection: "column";
795
+ alignItems: "center";
796
+ };
797
+ footer: {
798
+ display: "flex";
799
+ flexDirection: "column-reverse";
800
+ justifyContent: "stretch";
801
+ alignItems: "stretch";
802
+ };
803
+ };
804
+ };
780
805
  placement: {
781
806
  center: {
782
807
  positioner: {
@@ -924,7 +949,7 @@ export declare const slotRecipes: {
924
949
  none: {};
925
950
  };
926
951
  }>;
927
- drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
952
+ drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "body" | "footer" | "trigger", {
928
953
  size: {
929
954
  xs: {
930
955
  content: {
@@ -1037,7 +1062,7 @@ export declare const slotRecipes: {
1037
1062
  };
1038
1063
  };
1039
1064
  }>;
1040
- editable: import("@chakra-ui/react").SlotRecipeDefinition<"textarea" | "label" | "root" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger", {
1065
+ editable: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "textarea", {
1041
1066
  size: {
1042
1067
  sm: {
1043
1068
  root: {
@@ -1074,7 +1099,7 @@ export declare const slotRecipes: {
1074
1099
  };
1075
1100
  };
1076
1101
  }>;
1077
- emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "title" | "description" | "indicator" | "actions", {
1102
+ emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "root" | "indicator" | "title" | "actions", {
1078
1103
  size: {
1079
1104
  sm: {
1080
1105
  root: {
@@ -1156,7 +1181,7 @@ export declare const slotRecipes: {
1156
1181
  };
1157
1182
  };
1158
1183
  }>;
1159
- field: import("@chakra-ui/react").SlotRecipeDefinition<"textarea" | "label" | "root" | "input" | "select" | "errorText" | "helperText" | "requiredIndicator", {
1184
+ field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "input" | "textarea" | "select" | "errorText" | "helperText" | "requiredIndicator", {
1160
1185
  orientation: {
1161
1186
  vertical: {
1162
1187
  root: {
@@ -1214,7 +1239,7 @@ export declare const slotRecipes: {
1214
1239
  };
1215
1240
  };
1216
1241
  }>;
1217
- list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "indicator", {
1242
+ list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "item", {
1218
1243
  variant: {
1219
1244
  marker: {
1220
1245
  root: {
@@ -1252,7 +1277,7 @@ export declare const slotRecipes: {
1252
1277
  };
1253
1278
  };
1254
1279
  }>;
1255
- menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "item" | "itemIndicator" | "positioner" | "separator" | "indicator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
1280
+ menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
1256
1281
  variant: {
1257
1282
  subtle: {
1258
1283
  item: {
@@ -1777,7 +1802,7 @@ export declare const slotRecipes: {
1777
1802
  };
1778
1803
  };
1779
1804
  }>;
1780
- popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "title" | "description" | "indicator" | "header" | "body" | "footer" | "trigger" | "arrow" | "arrowTip" | "anchor", {
1805
+ popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "indicator" | "positioner" | "closeTrigger" | "title" | "header" | "body" | "footer" | "trigger" | "anchor" | "arrow" | "arrowTip", {
1781
1806
  size: {
1782
1807
  xs: {
1783
1808
  content: {
@@ -1932,7 +1957,7 @@ export declare const slotRecipes: {
1932
1957
  };
1933
1958
  };
1934
1959
  }>;
1935
- radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1960
+ radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1936
1961
  size: {
1937
1962
  sm: {
1938
1963
  item: {
@@ -2123,7 +2148,7 @@ export declare const slotRecipes: {
2123
2148
  };
2124
2149
  };
2125
2150
  }>;
2126
- radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
2151
+ radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
2127
2152
  variant: {
2128
2153
  outline: {
2129
2154
  itemControl: {
@@ -2200,7 +2225,7 @@ export declare const slotRecipes: {
2200
2225
  };
2201
2226
  };
2202
2227
  }>;
2203
- ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "control", {
2228
+ ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "item" | "itemIndicator", {
2204
2229
  size: {
2205
2230
  xs: {
2206
2231
  item: {
@@ -2224,7 +2249,7 @@ export declare const slotRecipes: {
2224
2249
  };
2225
2250
  };
2226
2251
  }>;
2227
- segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
2252
+ segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", {
2228
2253
  size: {
2229
2254
  xs: {
2230
2255
  root: {
@@ -2272,7 +2297,7 @@ export declare const slotRecipes: {
2272
2297
  };
2273
2298
  };
2274
2299
  }>;
2275
- select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "positioner" | "indicator" | "list" | "control" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2300
+ select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "indicator" | "control" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2276
2301
  variant: {
2277
2302
  outline: {
2278
2303
  trigger: {
@@ -2547,7 +2572,7 @@ export declare const slotRecipes: {
2547
2572
  };
2548
2573
  };
2549
2574
  }>;
2550
- steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "progress" | "item" | "separator" | "title" | "description" | "indicator" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
2575
+ steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "progress" | "root" | "indicator" | "item" | "separator" | "title" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
2551
2576
  orientation: {
2552
2577
  vertical: {
2553
2578
  root: {
@@ -2766,7 +2791,7 @@ export declare const slotRecipes: {
2766
2791
  };
2767
2792
  };
2768
2793
  }>;
2769
- table: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "cell" | "row" | "caption" | "header" | "body" | "footer" | "columnHeader", {
2794
+ table: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "row" | "caption" | "header" | "body" | "footer" | "columnHeader", {
2770
2795
  interactive: {
2771
2796
  true: {
2772
2797
  body: {
@@ -2922,6 +2947,7 @@ export declare const slotRecipes: {
2922
2947
  root: {
2923
2948
  '--tabs-height': "sizes.6";
2924
2949
  '--tabs-content-padding': "spacing.2";
2950
+ '--tabs-trigger-radius': "radii.control.sm";
2925
2951
  };
2926
2952
  trigger: {
2927
2953
  py: "1";
@@ -2933,6 +2959,7 @@ export declare const slotRecipes: {
2933
2959
  root: {
2934
2960
  '--tabs-height': "sizes.7";
2935
2961
  '--tabs-content-padding': "spacing.3";
2962
+ '--tabs-trigger-radius': "radii.control.md";
2936
2963
  };
2937
2964
  trigger: {
2938
2965
  py: "1";
@@ -2944,6 +2971,7 @@ export declare const slotRecipes: {
2944
2971
  root: {
2945
2972
  '--tabs-height': "sizes.8";
2946
2973
  '--tabs-content-padding': "spacing.4";
2974
+ '--tabs-trigger-radius': "radii.control.md";
2947
2975
  };
2948
2976
  trigger: {
2949
2977
  py: "2";
@@ -2955,6 +2983,7 @@ export declare const slotRecipes: {
2955
2983
  root: {
2956
2984
  '--tabs-height': "sizes.10";
2957
2985
  '--tabs-content-padding': "spacing.4.5";
2986
+ '--tabs-trigger-radius': "radii.control.lg";
2958
2987
  };
2959
2988
  trigger: {
2960
2989
  py: "2";
@@ -2986,9 +3015,10 @@ export declare const slotRecipes: {
2986
3015
  };
2987
3016
  };
2988
3017
  _selected: {
2989
- color: "fg !important";
3018
+ color: "fg";
2990
3019
  _horizontal: {
2991
3020
  layerStyle: "indicator.bottom";
3021
+ borderTopRadius: "3px";
2992
3022
  '--indicator-offset-y': "-1px";
2993
3023
  '--indicator-color': "colors.colorPalette.solid";
2994
3024
  };
@@ -3013,9 +3043,13 @@ export declare const slotRecipes: {
3013
3043
  color: "fg.subtle";
3014
3044
  };
3015
3045
  _selected: {
3016
- bg: "colorPalette.subtle !important";
3017
- color: "colorPalette.fg !important";
3018
- borderColor: "colorPalette.solid/50";
3046
+ bg: "colorPalette.subtle";
3047
+ color: "colorPalette.fg";
3048
+ borderColor: "colorPalette.solid/40";
3049
+ _hover: {
3050
+ bg: "colorPalette.subtle";
3051
+ color: "colorPalette.fg";
3052
+ };
3019
3053
  };
3020
3054
  };
3021
3055
  };
@@ -3025,14 +3059,18 @@ export declare const slotRecipes: {
3025
3059
  };
3026
3060
  trigger: {
3027
3061
  borderRadius: "var(--tabs-trigger-radius)";
3028
- color: "fg.muted";
3062
+ color: "fg.subtle";
3029
3063
  _hover: {
3030
- bg: "bg.muted";
3031
- color: "fg.subtle";
3064
+ bg: "colorPalette.muted";
3065
+ color: "colorPalette.fg";
3032
3066
  };
3033
3067
  _selected: {
3034
- bg: "colorPalette.subtle !important";
3035
- color: "colorPalette.fg !important";
3068
+ bg: "colorPalette.subtle";
3069
+ color: "colorPalette.fg";
3070
+ _hover: {
3071
+ bg: "colorPalette.subtle";
3072
+ color: "colorPalette.fg";
3073
+ };
3036
3074
  };
3037
3075
  };
3038
3076
  };
@@ -3048,6 +3086,9 @@ export declare const slotRecipes: {
3048
3086
  justifyContent: "center";
3049
3087
  color: "fg.muted";
3050
3088
  borderRadius: "var(--tabs-trigger-radius)";
3089
+ _hover: {
3090
+ color: "fg.subtle";
3091
+ };
3051
3092
  _selected: {
3052
3093
  bg: "bg";
3053
3094
  color: "colorPalette.fg";
@@ -3086,6 +3127,9 @@ export declare const slotRecipes: {
3086
3127
  color: "fg.muted";
3087
3128
  borderWidth: "1px";
3088
3129
  borderColor: "transparent";
3130
+ _hover: {
3131
+ color: "fg.subtle";
3132
+ };
3089
3133
  _selected: {
3090
3134
  bg: "currentBg";
3091
3135
  color: "colorPalette.fg";
@@ -3225,7 +3269,7 @@ export declare const slotRecipes: {
3225
3269
  };
3226
3270
  };
3227
3271
  }>;
3228
- toast: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger">>;
3272
+ toast: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "root" | "indicator" | "closeTrigger" | "title" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"description" | "root" | "indicator" | "closeTrigger" | "title" | "actionTrigger">>;
3229
3273
  tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
3230
3274
  variant: {
3231
3275
  inverted: {
@@ -3255,7 +3299,7 @@ export declare const slotRecipes: {
3255
3299
  };
3256
3300
  };
3257
3301
  }>;
3258
- timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "item" | "separator" | "title" | "description" | "indicator" | "connector", {
3302
+ timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "root" | "indicator" | "item" | "separator" | "title" | "connector", {
3259
3303
  variant: {
3260
3304
  subtle: {
3261
3305
  indicator: {
@@ -3335,16 +3379,13 @@ export declare const slotRecipes: {
3335
3379
  plain: {};
3336
3380
  };
3337
3381
  }>;
3338
- suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "text", {
3382
+ suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
3339
3383
  variant: {
3340
3384
  fill: {
3341
3385
  root: {
3342
3386
  flex: number;
3343
3387
  height: "100%";
3344
- bg: {
3345
- base: "whiteAlpha.400";
3346
- _dark: "blackAlpha.400";
3347
- };
3388
+ bg: "currentBg";
3348
3389
  };
3349
3390
  };
3350
3391
  fullscreen: {
@@ -3352,20 +3393,14 @@ export declare const slotRecipes: {
3352
3393
  position: "fixed";
3353
3394
  inset: number;
3354
3395
  zIndex: "modal";
3355
- bg: {
3356
- base: "white";
3357
- _dark: "gray.800";
3358
- };
3396
+ bg: "bg";
3359
3397
  };
3360
3398
  };
3361
3399
  overlay: {
3362
3400
  root: {
3363
3401
  position: "absolute";
3364
3402
  inset: number;
3365
- bg: {
3366
- base: "whiteAlpha.300";
3367
- _dark: "blackAlpha.300";
3368
- };
3403
+ bg: "currentBg/50";
3369
3404
  };
3370
3405
  };
3371
3406
  };
@@ -3472,7 +3507,7 @@ export declare const slotRecipes: {
3472
3507
  };
3473
3508
  };
3474
3509
  }>;
3475
- suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "cell" | "item" | "header", {
3510
+ suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
3476
3511
  interactive: {
3477
3512
  true: {
3478
3513
  item: {
@@ -3564,7 +3599,7 @@ export declare const slotRecipes: {
3564
3599
  };
3565
3600
  };
3566
3601
  }>;
3567
- suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "header" | "body" | "footer" | "group" | "trigger" | "backdrop" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3602
+ suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"backdrop" | "root" | "group" | "header" | "body" | "footer" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3568
3603
  mode: {
3569
3604
  collapsible: {
3570
3605
  root: {
@@ -3653,7 +3688,7 @@ export declare const slotRecipes: {
3653
3688
  };
3654
3689
  };
3655
3690
  }>;
3656
- suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "endElement" | "item", {
3691
+ suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "item" | "endElement", {
3657
3692
  variant: {
3658
3693
  muted: {
3659
3694
  button: {
@@ -3738,6 +3773,10 @@ export declare const slotRecipes: {
3738
3773
  };
3739
3774
  title: {
3740
3775
  me: number;
3776
+ textStyle: "sm";
3777
+ };
3778
+ description: {
3779
+ textStyle: "xs";
3741
3780
  };
3742
3781
  };
3743
3782
  settings: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saas-ui/react",
3
- "version": "3.0.0-next.26",
3
+ "version": "3.0.0-next.27",
4
4
  "description": "Saas UI - The React component library for startups.",
5
5
  "type": "module",
6
6
  "exports": {