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

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 (66) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/.tsbuildinfo.json +1 -1
  3. package/dist/components/action-bar/action-bar.recipe.js +1 -1
  4. package/dist/components/avatar/avatar.recipe.d.ts +6 -7
  5. package/dist/components/avatar/avatar.recipe.js +6 -7
  6. package/dist/components/breadcrumb/breadcrumb.recipe.js +1 -1
  7. package/dist/components/button/button.recipe.d.ts +4 -1
  8. package/dist/components/button/button.recipe.js +4 -1
  9. package/dist/components/card/card.recipe.d.ts +13 -5
  10. package/dist/components/card/card.recipe.js +18 -9
  11. package/dist/components/checkbox/checkbox.recipe.d.ts +4 -4
  12. package/dist/components/checkbox-card/checkbox-card.recipe.d.ts +2 -2
  13. package/dist/components/checkbox-card/checkbox-card.recipe.js +3 -2
  14. package/dist/components/checkmark/checkmark.recipe.d.ts +3 -3
  15. package/dist/components/checkmark/checkmark.recipe.js +4 -4
  16. package/dist/components/code/code.recipe.js +1 -1
  17. package/dist/components/collapsible/collapsible.recipe.d.ts +1 -1
  18. package/dist/components/dialog/dialog.recipe.d.ts +18 -0
  19. package/dist/components/dialog/dialog.recipe.js +34 -3
  20. package/dist/components/drawer/drawer.recipe.js +5 -0
  21. package/dist/components/editable/editable.recipe.js +1 -1
  22. package/dist/components/grid-list/grid-list.recipe.js +4 -5
  23. package/dist/components/icon-badge/icon-badge.d.ts +1 -1
  24. package/dist/components/icon-badge/icon-badge.recipe.js +1 -0
  25. package/dist/components/input/input-addon.recipe.d.ts +1 -1
  26. package/dist/components/input/input-addon.recipe.js +1 -1
  27. package/dist/components/kbd/kbd.recipe.js +1 -1
  28. package/dist/components/link/link.recipe.js +1 -1
  29. package/dist/components/loading-overlay/loading-overlay.recipe.d.ts +3 -12
  30. package/dist/components/loading-overlay/loading-overlay.recipe.js +3 -12
  31. package/dist/components/menu/menu.js +2 -1
  32. package/dist/components/menu/menu.recipe.d.ts +2 -0
  33. package/dist/components/menu/menu.recipe.js +4 -2
  34. package/dist/components/native-select/native-select.recipe.js +1 -1
  35. package/dist/components/navbar/navbar.d.ts +3 -3
  36. package/dist/components/navbar/navbar.recipe.js +1 -4
  37. package/dist/components/page/page.d.ts +3 -3
  38. package/dist/components/page/page.recipe.d.ts +4 -0
  39. package/dist/components/page/page.recipe.js +4 -2
  40. package/dist/components/progress/progress.recipe.d.ts +2 -2
  41. package/dist/components/progress/progress.recipe.js +3 -2
  42. package/dist/components/radio/index.d.ts +1 -0
  43. package/dist/components/radio/index.js +1 -0
  44. package/dist/components/radio-card/radio-card.recipe.js +1 -1
  45. package/dist/components/section/section.d.ts +2 -2
  46. package/dist/components/select/select.recipe.js +5 -4
  47. package/dist/components/sidebar/sidebar.d.ts +14 -13
  48. package/dist/components/sidebar/sidebar.recipe.js +1 -1
  49. package/dist/components/skeleton/skeleton.recipe.d.ts +1 -1
  50. package/dist/components/skeleton/skeleton.recipe.js +1 -1
  51. package/dist/components/skip-nav-link/skip-nav-link.recipe.js +1 -1
  52. package/dist/components/stat/stat.recipe.js +1 -1
  53. package/dist/components/steps/steps.recipe.js +1 -1
  54. package/dist/components/tabs/tabs.recipe.d.ts +29 -9
  55. package/dist/components/tabs/tabs.recipe.js +29 -9
  56. package/dist/components/tag/tag.recipe.d.ts +1 -1
  57. package/dist/components/tooltip/tooltip.recipe.js +1 -1
  58. package/dist/theme/conditions.d.ts +1 -0
  59. package/dist/theme/conditions.js +1 -0
  60. package/dist/theme/global-css.js +5 -2
  61. package/dist/theme/layer-styles.js +12 -4
  62. package/dist/theme/recipes.d.ts +9 -6
  63. package/dist/theme/semantic-tokens/colors.js +1 -1
  64. package/dist/theme/semantic-tokens/shadows.js +1 -1
  65. package/dist/theme/slot-recipes.d.ts +121 -79
  66. package/package.json +1 -1
package/dist/theme/slot-recipes.d.ts CHANGED
@@ -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<"description" | "content" | "indicator" | "root" | "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: {
@@ -336,7 +335,7 @@ export declare const slotRecipes: {
336
335
  };
337
336
  };
338
337
  }>;
339
- breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "separator" | "link" | "currentLink" | "list" | "ellipsis", {
338
+ breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"link" | "root" | "item" | "separator" | "currentLink" | "list" | "ellipsis", {
340
339
  variant: {
341
340
  underline: {
342
341
  link: {
@@ -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" | "body" | "root" | "title" | "header" | "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" | "control" | "indicator" | "root" | "group", {
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<"description" | "content" | "label" | "control" | "indicator" | "root" | "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";
@@ -720,7 +727,7 @@ export declare const slotRecipes: {
720
727
  };
721
728
  };
722
729
  }>;
723
- collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "root" | "trigger">>;
730
+ collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "indicator" | "root" | "trigger">>;
724
731
  dataList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
725
732
  orientation: {
726
733
  horizontal: {
@@ -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<"description" | "content" | "body" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "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<"description" | "content" | "body" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "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" | "textarea" | "control" | "root" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger", {
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<"description" | "content" | "indicator" | "root" | "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" | "textarea" | "root" | "input" | "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<"indicator" | "root" | "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: {
@@ -1281,6 +1306,7 @@ export declare const slotRecipes: {
1281
1306
  textStyle: "xs";
1282
1307
  py: "1";
1283
1308
  px: "1.5";
1309
+ ps: "var(--menu-item-inset, {sizes.1.5})";
1284
1310
  };
1285
1311
  itemGroupLabel: {
1286
1312
  textStyle: "xs";
@@ -1298,6 +1324,7 @@ export declare const slotRecipes: {
1298
1324
  textStyle: "sm";
1299
1325
  py: "1.5";
1300
1326
  px: "2";
1327
+ ps: "var(--menu-item-inset, {sizes.2})";
1301
1328
  };
1302
1329
  itemGroupLabel: {
1303
1330
  textStyle: "sm";
@@ -1307,7 +1334,7 @@ export declare const slotRecipes: {
1307
1334
  };
1308
1335
  };
1309
1336
  }>;
1310
- nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "field", {
1337
+ nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "field", {
1311
1338
  variant: {
1312
1339
  outline: {
1313
1340
  field: {
@@ -1397,7 +1424,7 @@ export declare const slotRecipes: {
1397
1424
  };
1398
1425
  };
1399
1426
  }>;
1400
- numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
1427
+ numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
1401
1428
  size: {
1402
1429
  xs: {
1403
1430
  input: {
@@ -1541,7 +1568,7 @@ export declare const slotRecipes: {
1541
1568
  };
1542
1569
  };
1543
1570
  }>;
1544
- pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input", {
1571
+ pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "input", {
1545
1572
  size: {
1546
1573
  sm: {
1547
1574
  input: {
@@ -1777,7 +1804,7 @@ export declare const slotRecipes: {
1777
1804
  };
1778
1805
  };
1779
1806
  }>;
1780
- popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "title" | "description" | "indicator" | "header" | "body" | "footer" | "trigger" | "arrow" | "arrowTip" | "anchor", {
1807
+ popover: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "anchor" | "indicator" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger" | "arrow" | "arrowTip", {
1781
1808
  size: {
1782
1809
  xs: {
1783
1810
  content: {
@@ -1806,7 +1833,7 @@ export declare const slotRecipes: {
1806
1833
  outline: {
1807
1834
  track: {
1808
1835
  shadow: "inset";
1809
- bgColor: "bg.muted";
1836
+ bgColor: "bg.subtle";
1810
1837
  };
1811
1838
  range: {
1812
1839
  bgColor: "colorPalette.solid";
@@ -1825,7 +1852,7 @@ export declare const slotRecipes: {
1825
1852
  square: {};
1826
1853
  rounded: {
1827
1854
  track: {
1828
- borderRadius: "l1";
1855
+ borderRadius: "control.sm";
1829
1856
  };
1830
1857
  };
1831
1858
  full: {
@@ -1932,7 +1959,7 @@ export declare const slotRecipes: {
1932
1959
  };
1933
1960
  };
1934
1961
  }>;
1935
- radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1962
+ radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1936
1963
  size: {
1937
1964
  sm: {
1938
1965
  item: {
@@ -2123,7 +2150,7 @@ export declare const slotRecipes: {
2123
2150
  };
2124
2151
  };
2125
2152
  }>;
2126
- radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
2153
+ radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
2127
2154
  variant: {
2128
2155
  outline: {
2129
2156
  itemControl: {
@@ -2200,7 +2227,7 @@ export declare const slotRecipes: {
2200
2227
  };
2201
2228
  };
2202
2229
  }>;
2203
- ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "control", {
2230
+ ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "item" | "itemIndicator", {
2204
2231
  size: {
2205
2232
  xs: {
2206
2233
  item: {
@@ -2224,7 +2251,7 @@ export declare const slotRecipes: {
2224
2251
  };
2225
2252
  };
2226
2253
  }>;
2227
- segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
2254
+ segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemText" | "itemControl", {
2228
2255
  size: {
2229
2256
  xs: {
2230
2257
  root: {
@@ -2272,7 +2299,7 @@ export declare const slotRecipes: {
2272
2299
  };
2273
2300
  };
2274
2301
  }>;
2275
- select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "positioner" | "indicator" | "list" | "control" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2302
+ select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "control" | "indicator" | "root" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2276
2303
  variant: {
2277
2304
  outline: {
2278
2305
  trigger: {
@@ -2427,7 +2454,7 @@ export declare const slotRecipes: {
2427
2454
  };
2428
2455
  };
2429
2456
  }>;
2430
- slider: import("@chakra-ui/react").SlotRecipeDefinition<"marker" | "label" | "root" | "control" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
2457
+ slider: import("@chakra-ui/react").SlotRecipeDefinition<"marker" | "label" | "control" | "root" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
2431
2458
  size: {
2432
2459
  sm: {
2433
2460
  root: {
@@ -2528,7 +2555,7 @@ export declare const slotRecipes: {
2528
2555
  };
2529
2556
  };
2530
2557
  }>;
2531
- stat: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "valueText" | "helpText" | "valueUnit", {
2558
+ stat: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "valueText" | "helpText" | "valueUnit", {
2532
2559
  size: {
2533
2560
  sm: {
2534
2561
  valueText: {
@@ -2547,7 +2574,7 @@ export declare const slotRecipes: {
2547
2574
  };
2548
2575
  };
2549
2576
  }>;
2550
- steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "progress" | "item" | "separator" | "title" | "description" | "indicator" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
2577
+ steps: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "progress" | "indicator" | "root" | "item" | "separator" | "title" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
2551
2578
  orientation: {
2552
2579
  vertical: {
2553
2580
  root: {
@@ -2689,7 +2716,7 @@ export declare const slotRecipes: {
2689
2716
  };
2690
2717
  };
2691
2718
  }>;
2692
- switch: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
2719
+ switch: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "thumb", {
2693
2720
  variant: {
2694
2721
  solid: {
2695
2722
  control: {
@@ -2766,7 +2793,7 @@ export declare const slotRecipes: {
2766
2793
  };
2767
2794
  };
2768
2795
  }>;
2769
- table: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "cell" | "row" | "caption" | "header" | "body" | "footer" | "columnHeader", {
2796
+ table: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "cell" | "row" | "root" | "caption" | "header" | "footer" | "columnHeader", {
2770
2797
  interactive: {
2771
2798
  true: {
2772
2799
  body: {
@@ -2887,7 +2914,7 @@ export declare const slotRecipes: {
2887
2914
  };
2888
2915
  };
2889
2916
  }>;
2890
- tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "indicator" | "list" | "trigger" | "contentGroup", {
2917
+ tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "list" | "trigger" | "contentGroup", {
2891
2918
  fitted: {
2892
2919
  true: {
2893
2920
  list: {
@@ -2922,6 +2949,7 @@ export declare const slotRecipes: {
2922
2949
  root: {
2923
2950
  '--tabs-height': "sizes.6";
2924
2951
  '--tabs-content-padding': "spacing.2";
2952
+ '--tabs-trigger-radius': "radii.control.sm";
2925
2953
  };
2926
2954
  trigger: {
2927
2955
  py: "1";
@@ -2933,6 +2961,7 @@ export declare const slotRecipes: {
2933
2961
  root: {
2934
2962
  '--tabs-height': "sizes.7";
2935
2963
  '--tabs-content-padding': "spacing.3";
2964
+ '--tabs-trigger-radius': "radii.control.md";
2936
2965
  };
2937
2966
  trigger: {
2938
2967
  py: "1";
@@ -2944,6 +2973,7 @@ export declare const slotRecipes: {
2944
2973
  root: {
2945
2974
  '--tabs-height': "sizes.8";
2946
2975
  '--tabs-content-padding': "spacing.4";
2976
+ '--tabs-trigger-radius': "radii.control.md";
2947
2977
  };
2948
2978
  trigger: {
2949
2979
  py: "2";
@@ -2955,6 +2985,7 @@ export declare const slotRecipes: {
2955
2985
  root: {
2956
2986
  '--tabs-height': "sizes.10";
2957
2987
  '--tabs-content-padding': "spacing.4.5";
2988
+ '--tabs-trigger-radius': "radii.control.lg";
2958
2989
  };
2959
2990
  trigger: {
2960
2991
  py: "2";
@@ -2986,9 +3017,11 @@ export declare const slotRecipes: {
2986
3017
  };
2987
3018
  };
2988
3019
  _selected: {
2989
- color: "fg !important";
3020
+ color: "fg";
2990
3021
  _horizontal: {
2991
3022
  layerStyle: "indicator.bottom";
3023
+ borderTopRadius: "3px";
3024
+ '--indicator-offset-x': "spacing.3";
2992
3025
  '--indicator-offset-y': "-1px";
2993
3026
  '--indicator-color': "colors.colorPalette.solid";
2994
3027
  };
@@ -3013,9 +3046,13 @@ export declare const slotRecipes: {
3013
3046
  color: "fg.subtle";
3014
3047
  };
3015
3048
  _selected: {
3016
- bg: "colorPalette.subtle !important";
3017
- color: "colorPalette.fg !important";
3018
- borderColor: "colorPalette.solid/50";
3049
+ bg: "colorPalette.subtle";
3050
+ color: "colorPalette.fg";
3051
+ borderColor: "colorPalette.solid/40";
3052
+ _hover: {
3053
+ bg: "colorPalette.subtle";
3054
+ color: "colorPalette.fg";
3055
+ };
3019
3056
  };
3020
3057
  };
3021
3058
  };
@@ -3025,14 +3062,18 @@ export declare const slotRecipes: {
3025
3062
  };
3026
3063
  trigger: {
3027
3064
  borderRadius: "var(--tabs-trigger-radius)";
3028
- color: "fg.muted";
3065
+ color: "fg.subtle";
3029
3066
  _hover: {
3030
- bg: "bg.muted";
3031
- color: "fg.subtle";
3067
+ bg: "colorPalette.muted";
3068
+ color: "colorPalette.fg";
3032
3069
  };
3033
3070
  _selected: {
3034
- bg: "colorPalette.subtle !important";
3035
- color: "colorPalette.fg !important";
3071
+ bg: "colorPalette.subtle";
3072
+ color: "colorPalette.fg";
3073
+ _hover: {
3074
+ bg: "colorPalette.subtle";
3075
+ color: "colorPalette.fg";
3076
+ };
3036
3077
  };
3037
3078
  };
3038
3079
  };
@@ -3048,6 +3089,9 @@ export declare const slotRecipes: {
3048
3089
  justifyContent: "center";
3049
3090
  color: "fg.muted";
3050
3091
  borderRadius: "var(--tabs-trigger-radius)";
3092
+ _hover: {
3093
+ color: "fg.subtle";
3094
+ };
3051
3095
  _selected: {
3052
3096
  bg: "bg";
3053
3097
  color: "colorPalette.fg";
@@ -3086,6 +3130,9 @@ export declare const slotRecipes: {
3086
3130
  color: "fg.muted";
3087
3131
  borderWidth: "1px";
3088
3132
  borderColor: "transparent";
3133
+ _hover: {
3134
+ color: "fg.subtle";
3135
+ };
3089
3136
  _selected: {
3090
3137
  bg: "currentBg";
3091
3138
  color: "colorPalette.fg";
@@ -3130,7 +3177,7 @@ export declare const slotRecipes: {
3130
3177
  };
3131
3178
  };
3132
3179
  }>;
3133
- tag: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
3180
+ tag: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
3134
3181
  size: {
3135
3182
  sm: {
3136
3183
  root: {
@@ -3225,7 +3272,7 @@ export declare const slotRecipes: {
3225
3272
  };
3226
3273
  };
3227
3274
  }>;
3228
- toast: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger">>;
3275
+ toast: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger">>;
3229
3276
  tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
3230
3277
  variant: {
3231
3278
  inverted: {
@@ -3236,7 +3283,7 @@ export declare const slotRecipes: {
3236
3283
  };
3237
3284
  };
3238
3285
  }>;
3239
- status: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator", {
3286
+ status: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root", {
3240
3287
  size: {
3241
3288
  sm: {
3242
3289
  root: {
@@ -3255,7 +3302,7 @@ export declare const slotRecipes: {
3255
3302
  };
3256
3303
  };
3257
3304
  }>;
3258
- timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "item" | "separator" | "title" | "description" | "indicator" | "connector", {
3305
+ timeline: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "item" | "separator" | "title" | "connector", {
3259
3306
  variant: {
3260
3307
  subtle: {
3261
3308
  indicator: {
@@ -3335,16 +3382,13 @@ export declare const slotRecipes: {
3335
3382
  plain: {};
3336
3383
  };
3337
3384
  }>;
3338
- suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "text", {
3385
+ suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
3339
3386
  variant: {
3340
3387
  fill: {
3341
3388
  root: {
3342
3389
  flex: number;
3343
3390
  height: "100%";
3344
- bg: {
3345
- base: "whiteAlpha.400";
3346
- _dark: "blackAlpha.400";
3347
- };
3391
+ bg: "currentBg";
3348
3392
  };
3349
3393
  };
3350
3394
  fullscreen: {
@@ -3352,25 +3396,19 @@ export declare const slotRecipes: {
3352
3396
  position: "fixed";
3353
3397
  inset: number;
3354
3398
  zIndex: "modal";
3355
- bg: {
3356
- base: "white";
3357
- _dark: "gray.800";
3358
- };
3399
+ bg: "bg";
3359
3400
  };
3360
3401
  };
3361
3402
  overlay: {
3362
3403
  root: {
3363
3404
  position: "absolute";
3364
3405
  inset: number;
3365
- bg: {
3366
- base: "whiteAlpha.300";
3367
- _dark: "blackAlpha.300";
3368
- };
3406
+ bg: "currentBg/50";
3369
3407
  };
3370
3408
  };
3371
3409
  };
3372
3410
  }>;
3373
- suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "avatar" | "presence" | "details" | "secondaryLabel" | "tertiaryLabel", {
3411
+ suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "presence" | "root" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
3374
3412
  size: {
3375
3413
  '2xs': {
3376
3414
  details: {
@@ -3472,7 +3510,7 @@ export declare const slotRecipes: {
3472
3510
  };
3473
3511
  };
3474
3512
  }>;
3475
- suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "cell" | "item" | "header", {
3513
+ suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
3476
3514
  interactive: {
3477
3515
  true: {
3478
3516
  item: {
@@ -3530,7 +3568,7 @@ export declare const slotRecipes: {
3530
3568
  };
3531
3569
  };
3532
3570
  }>;
3533
- suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "item" | "link" | "brand", {
3571
+ suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "link" | "root" | "item" | "brand", {
3534
3572
  variant: {
3535
3573
  neutral: {
3536
3574
  root: {
@@ -3564,7 +3602,7 @@ export declare const slotRecipes: {
3564
3602
  };
3565
3603
  };
3566
3604
  }>;
3567
- suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "header" | "body" | "footer" | "group" | "trigger" | "backdrop" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3605
+ suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "backdrop" | "root" | "header" | "footer" | "group" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3568
3606
  mode: {
3569
3607
  collapsible: {
3570
3608
  root: {
@@ -3653,7 +3691,7 @@ export declare const slotRecipes: {
3653
3691
  };
3654
3692
  };
3655
3693
  }>;
3656
- suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "endElement" | "item", {
3694
+ suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "item" | "endElement", {
3657
3695
  variant: {
3658
3696
  muted: {
3659
3697
  button: {
@@ -3738,6 +3776,10 @@ export declare const slotRecipes: {
3738
3776
  };
3739
3777
  title: {
3740
3778
  me: number;
3779
+ textStyle: "sm";
3780
+ };
3781
+ description: {
3782
+ textStyle: "xs";
3741
3783
  };
3742
3784
  };
3743
3785
  settings: {