@saas-ui/react 2.11.2 → 3.0.0-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (232) hide show
  1. package/CHANGELOG.md +7 -154
  2. package/dist/index.cjs +8461 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.d.cts +26 -0
  5. package/dist/index.d.ts +25 -7
  6. package/dist/index.js +8415 -35
  7. package/dist/index.js.map +1 -1
  8. package/package.json +24 -21
  9. package/src/components/accordion.tsx +47 -0
  10. package/src/components/action-bar.tsx +40 -0
  11. package/src/components/alert.tsx +51 -0
  12. package/src/components/app-shell/app-shell.recipe.ts +52 -0
  13. package/src/components/app-shell/app-shell.stories.tsx +51 -0
  14. package/src/components/app-shell/app-shell.tsx +94 -0
  15. package/src/components/app-shell/index.ts +3 -0
  16. package/src/components/avatar.tsx +74 -0
  17. package/src/components/blockquote.tsx +31 -0
  18. package/src/components/breadcrumbs/breadcrumb.stories.tsx +17 -0
  19. package/src/components/breadcrumbs/breadcrumb.tsx +36 -0
  20. package/src/components/breadcrumbs/index.ts +1 -0
  21. package/src/components/breadcrumbs/namespace.ts +8 -0
  22. package/src/components/button/button.recipe.ts +182 -0
  23. package/src/components/button/button.stories.tsx +99 -0
  24. package/src/components/button/button.tsx +55 -0
  25. package/src/components/button/index.ts +2 -0
  26. package/src/components/checkbox/checkbox.tsx +26 -0
  27. package/src/components/checkbox/index.ts +2 -0
  28. package/src/components/checkbox-card.tsx +57 -0
  29. package/src/components/checkbox.tsx +25 -0
  30. package/src/components/clipboard.tsx +107 -0
  31. package/src/components/close-button/close-button.stories.tsx +12 -0
  32. package/src/components/close-button/close-button.tsx +18 -0
  33. package/src/components/close-button/index.ts +2 -0
  34. package/src/components/color-mode.tsx +65 -0
  35. package/src/components/command/command.recipe.ts +17 -0
  36. package/src/components/command/command.stories.tsx +47 -0
  37. package/src/components/command/command.tsx +50 -0
  38. package/src/components/command/index.ts +1 -0
  39. package/src/components/data-list.tsx +37 -0
  40. package/src/components/dialog/dialog.tsx +66 -0
  41. package/src/components/dialog/index.ts +1 -0
  42. package/src/components/dialog/namespace.ts +18 -0
  43. package/src/components/drawer/drawer.tsx +56 -0
  44. package/src/components/drawer/index.ts +3 -0
  45. package/src/components/drawer/namespace.ts +19 -0
  46. package/src/components/empty-state.tsx +34 -0
  47. package/src/components/field.tsx +33 -0
  48. package/src/components/file-button.tsx +166 -0
  49. package/src/components/grid-list/grid-list.recipe.ts +113 -0
  50. package/src/components/hover-card.tsx +35 -0
  51. package/src/components/icon-badge/icon-badge.recipe.ts +57 -0
  52. package/src/components/icon-badge/icon-badge.stories.tsx +38 -0
  53. package/src/components/icon-badge/icon-badge.tsx +59 -0
  54. package/src/components/icon-badge/index.ts +2 -0
  55. package/src/components/icons/create-icon.tsx +41 -0
  56. package/src/components/icons/icons.tsx +121 -0
  57. package/src/components/icons/index.ts +1 -0
  58. package/src/components/input-group/index.ts +1 -0
  59. package/src/components/input-group/input-group.tsx +46 -0
  60. package/src/components/link/index.ts +2 -0
  61. package/src/components/link/link.stories.tsx +17 -0
  62. package/src/components/link/link.test.tsx +33 -0
  63. package/src/components/link/link.tsx +27 -0
  64. package/src/components/link-button.tsx +12 -0
  65. package/src/components/loading-overlay/index.ts +1 -0
  66. package/src/components/loading-overlay/loading-overlay.recipe.ts +61 -0
  67. package/src/components/loading-overlay/loading-overlay.stories.tsx +68 -0
  68. package/src/components/loading-overlay/loading-overlay.tsx +54 -0
  69. package/src/components/loading-overlay/namespace.ts +7 -0
  70. package/src/components/menu.tsx +108 -0
  71. package/src/components/native-select.tsx +57 -0
  72. package/src/components/navbar/index.ts +1 -0
  73. package/src/components/navbar/namespace.ts +9 -0
  74. package/src/components/navbar/navbar.recipe.ts +109 -0
  75. package/src/components/navbar/navbar.stories.tsx +435 -0
  76. package/src/components/navbar/navbar.test.tsx +49 -0
  77. package/src/components/navbar/navbar.tsx +39 -0
  78. package/src/components/number-input/index.ts +2 -0
  79. package/src/components/number-input/number-input.tsx +41 -0
  80. package/src/components/pagination.tsx +207 -0
  81. package/src/components/password-input/index.ts +2 -0
  82. package/src/components/password-input/password-input.tsx +98 -0
  83. package/src/components/persona/index.ts +2 -0
  84. package/src/components/persona/namespace.ts +18 -0
  85. package/src/components/persona/persona-primitive.tsx +220 -0
  86. package/src/components/persona/persona.recipe.ts +94 -0
  87. package/src/components/persona/persona.stories.tsx +101 -0
  88. package/src/components/persona/persona.tsx +143 -0
  89. package/src/components/pin-input/index.ts +2 -0
  90. package/src/components/pin-input/pin-input.tsx +36 -0
  91. package/src/components/popover.tsx +58 -0
  92. package/src/components/progress-circle.tsx +37 -0
  93. package/src/components/progress.tsx +40 -0
  94. package/src/components/prose.tsx +264 -0
  95. package/src/components/provider.tsx +12 -0
  96. package/src/components/radio/index.ts +2 -0
  97. package/src/components/radio/radio.tsx +27 -0
  98. package/src/components/radio-card.tsx +57 -0
  99. package/src/components/radio.tsx +24 -0
  100. package/src/components/rating.tsx +27 -0
  101. package/src/components/search-input/index.ts +2 -0
  102. package/src/components/search-input/search-input.stories.tsx +63 -0
  103. package/src/components/search-input/search-input.tsx +134 -0
  104. package/src/components/segmented-control.tsx +47 -0
  105. package/src/components/select/index.ts +1 -0
  106. package/src/components/select/namespace.ts +18 -0
  107. package/src/components/select/select.tsx +135 -0
  108. package/src/components/sidebar/index.ts +7 -0
  109. package/src/components/sidebar/namespace.ts +27 -0
  110. package/src/components/sidebar/sidebar-item.recipe.ts +65 -0
  111. package/src/components/sidebar/sidebar.recipe.ts +237 -0
  112. package/src/components/sidebar/sidebar.stories.tsx +903 -0
  113. package/src/components/sidebar/sidebar.tsx +204 -0
  114. package/src/components/skeleton.tsx +44 -0
  115. package/src/components/slider.tsx +53 -0
  116. package/src/components/spinner/index.ts +2 -0
  117. package/src/components/spinner/spinner.stories.tsx +19 -0
  118. package/src/components/spinner/spinner.tsx +21 -0
  119. package/src/components/stat.tsx +75 -0
  120. package/src/components/status.tsx +29 -0
  121. package/src/components/stepper-input.tsx +49 -0
  122. package/src/components/steps/index.ts +1 -0
  123. package/src/components/steps/namespace.ts +16 -0
  124. package/src/components/steps/steps.tsx +82 -0
  125. package/src/components/switch/index.ts +3 -0
  126. package/src/components/switch/switch.tsx +39 -0
  127. package/src/components/tag.tsx +39 -0
  128. package/src/components/timeline.tsx +17 -0
  129. package/src/components/toaster.tsx +43 -0
  130. package/src/components/toggle-tip.tsx +62 -0
  131. package/src/components/tooltip.tsx +46 -0
  132. package/src/index.ts +6 -7
  133. package/src/preset.ts +9 -0
  134. package/src/provider/index.ts +4 -0
  135. package/src/provider/sui-provider.tsx +34 -0
  136. package/src/provider/use-link.test.tsx +60 -0
  137. package/src/provider/use-link.tsx +13 -0
  138. package/src/theme/animation-styles.ts +53 -0
  139. package/src/theme/breakpoints.ts +11 -0
  140. package/src/theme/conditions.ts +26 -0
  141. package/src/theme/fluid-font-sizes.ts +65 -0
  142. package/src/theme/global-css.ts +94 -0
  143. package/src/theme/index.ts +72 -0
  144. package/src/theme/layer-styles.ts +116 -0
  145. package/src/theme/recipes/chakra/accordion.ts +145 -0
  146. package/src/theme/recipes/chakra/action-bar.ts +62 -0
  147. package/src/theme/recipes/chakra/alert.ts +157 -0
  148. package/src/theme/recipes/chakra/avatar.ts +141 -0
  149. package/src/theme/recipes/chakra/badge.ts +67 -0
  150. package/src/theme/recipes/chakra/blockquote.ts +83 -0
  151. package/src/theme/recipes/chakra/breadcrumb.ts +94 -0
  152. package/src/theme/recipes/chakra/card.ts +99 -0
  153. package/src/theme/recipes/chakra/checkbox-card.ts +212 -0
  154. package/src/theme/recipes/chakra/checkbox.ts +70 -0
  155. package/src/theme/recipes/chakra/checkmark.ts +83 -0
  156. package/src/theme/recipes/chakra/code.ts +17 -0
  157. package/src/theme/recipes/chakra/collapsible.ts +20 -0
  158. package/src/theme/recipes/chakra/container.ts +26 -0
  159. package/src/theme/recipes/chakra/data-list.ts +80 -0
  160. package/src/theme/recipes/chakra/dialog.ts +225 -0
  161. package/src/theme/recipes/chakra/drawer.ts +201 -0
  162. package/src/theme/recipes/chakra/editable.ts +88 -0
  163. package/src/theme/recipes/chakra/empty-state.ts +88 -0
  164. package/src/theme/recipes/chakra/field.ts +68 -0
  165. package/src/theme/recipes/chakra/fieldset.ts +62 -0
  166. package/src/theme/recipes/chakra/file-upload.ts +96 -0
  167. package/src/theme/recipes/chakra/heading.ts +27 -0
  168. package/src/theme/recipes/chakra/hover-card.ts +68 -0
  169. package/src/theme/recipes/chakra/icon.ts +30 -0
  170. package/src/theme/recipes/chakra/input-addon.ts +40 -0
  171. package/src/theme/recipes/chakra/input.ts +96 -0
  172. package/src/theme/recipes/chakra/kbd.ts +60 -0
  173. package/src/theme/recipes/chakra/link.ts +37 -0
  174. package/src/theme/recipes/chakra/list.ts +67 -0
  175. package/src/theme/recipes/chakra/mark.ts +27 -0
  176. package/src/theme/recipes/chakra/menu.ts +124 -0
  177. package/src/theme/recipes/chakra/native-select.ts +140 -0
  178. package/src/theme/recipes/chakra/number-input.ts +115 -0
  179. package/src/theme/recipes/chakra/pin-input.ts +27 -0
  180. package/src/theme/recipes/chakra/popover.ts +86 -0
  181. package/src/theme/recipes/chakra/progress-circle.ts +94 -0
  182. package/src/theme/recipes/chakra/progress.ts +127 -0
  183. package/src/theme/recipes/chakra/radio-card.ts +220 -0
  184. package/src/theme/recipes/chakra/radio-group.ts +72 -0
  185. package/src/theme/recipes/chakra/radiomark.ts +107 -0
  186. package/src/theme/recipes/chakra/rating-group.ts +94 -0
  187. package/src/theme/recipes/chakra/segment-group.ts +117 -0
  188. package/src/theme/recipes/chakra/select.ts +282 -0
  189. package/src/theme/recipes/chakra/separator.ts +51 -0
  190. package/src/theme/recipes/chakra/skeleton.ts +53 -0
  191. package/src/theme/recipes/chakra/skip-nav-link.ts +34 -0
  192. package/src/theme/recipes/chakra/slider.ts +178 -0
  193. package/src/theme/recipes/chakra/spinner.ts +32 -0
  194. package/src/theme/recipes/chakra/stat.ts +79 -0
  195. package/src/theme/recipes/chakra/status.ts +48 -0
  196. package/src/theme/recipes/chakra/steps.ts +218 -0
  197. package/src/theme/recipes/chakra/switch.ts +167 -0
  198. package/src/theme/recipes/chakra/table.ts +172 -0
  199. package/src/theme/recipes/chakra/tabs.ts +280 -0
  200. package/src/theme/recipes/chakra/tag.ts +131 -0
  201. package/src/theme/recipes/chakra/textarea.ts +88 -0
  202. package/src/theme/recipes/chakra/timeline.ts +138 -0
  203. package/src/theme/recipes/chakra/toast.ts +96 -0
  204. package/src/theme/recipes/chakra/tooltip.ts +40 -0
  205. package/src/theme/recipes.ts +46 -0
  206. package/src/theme/semantic-tokens/colors.ts +403 -0
  207. package/src/theme/semantic-tokens/radii.ts +7 -0
  208. package/src/theme/semantic-tokens/shadows.ts +52 -0
  209. package/src/theme/slot-recipes.ts +104 -0
  210. package/src/theme/text-styles.ts +39 -0
  211. package/src/theme/tokens/animations.ts +8 -0
  212. package/src/theme/tokens/aspect-ratios.ts +10 -0
  213. package/src/theme/tokens/blurs.ts +12 -0
  214. package/src/theme/tokens/borders.ts +9 -0
  215. package/src/theme/tokens/colors.ts +177 -0
  216. package/src/theme/tokens/cursor.ts +12 -0
  217. package/src/theme/tokens/durations.ts +11 -0
  218. package/src/theme/tokens/easings.ts +10 -0
  219. package/src/theme/tokens/font-sizes.ts +20 -0
  220. package/src/theme/tokens/font-weights.ts +13 -0
  221. package/src/theme/tokens/fonts.ts +15 -0
  222. package/src/theme/tokens/keyframes.ts +173 -0
  223. package/src/theme/tokens/letter-spacing.ts +9 -0
  224. package/src/theme/tokens/line-heights.ts +19 -0
  225. package/src/theme/tokens/radius.ts +18 -0
  226. package/src/theme/tokens/sizes.ts +71 -0
  227. package/src/theme/tokens/spacing.ts +38 -0
  228. package/src/theme/tokens/z-indices.ts +34 -0
  229. package/src/theme/utils.ts +46 -0
  230. package/dist/index.d.mts +0 -8
  231. package/dist/index.mjs +0 -11
  232. package/dist/index.mjs.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,164 +1,16 @@
1
1
  # @saas-ui/react
2
2
 
3
- ## 2.11.2
3
+ ## 3.0.0-alpha.0
4
4
 
5
- ### Patch Changes
6
-
7
- - 862937a: Bump chakra version
8
- - Updated dependencies [862937a]
9
- - @saas-ui/data-table@13.0.2
10
- - @saas-ui/nprogress@2.2.1
11
- - @saas-ui/hotkeys@2.5.1
12
- - @saas-ui/modals@2.4.2
13
- - @saas-ui/forms@2.9.1
14
- - @saas-ui/theme@2.6.1
15
- - @saas-ui/core@2.8.1
16
-
17
- ## 2.11.1
18
-
19
- ### Patch Changes
20
-
21
- - Updated dependencies [a69829a]
22
- - @saas-ui/hooks@2.3.0
23
- - @saas-ui/modals@2.4.1
24
- - @saas-ui/data-table@13.0.1
25
-
26
- ## 2.11.0
27
-
28
- ### Minor Changes
29
-
30
- - 803ede7: Updated Chakra UI version range to >=2.9.0 <3
31
-
32
- ### Patch Changes
33
-
34
- - Updated dependencies [803ede7]
35
- - @saas-ui/data-table@13.0.0
36
- - @saas-ui/nprogress@2.2.0
37
- - @saas-ui/hotkeys@2.5.0
38
- - @saas-ui/modals@2.4.0
39
- - @saas-ui/forms@2.9.0
40
- - @saas-ui/hooks@2.2.0
41
- - @saas-ui/theme@2.6.0
42
- - @saas-ui/core@2.8.0
43
-
44
- ## 2.10.5
45
-
46
- ### Patch Changes
47
-
48
- - c9daf50: Fixed issue where link component prop would not be passed to NavItem
49
- - Updated dependencies [c9daf50]
50
- - @saas-ui/core@2.7.2
51
- - @saas-ui/data-table@12.0.5
52
- - @saas-ui/forms@2.8.2
53
- - @saas-ui/hotkeys@2.4.2
54
- - @saas-ui/modals@2.3.5
55
-
56
- ## 2.10.4
57
-
58
- ### Patch Changes
59
-
60
- - a863a5e: Updated package type to fix next 15 support
61
- - Updated dependencies [a863a5e]
62
- - @saas-ui/modals@2.3.4
63
- - @saas-ui/data-table@12.0.4
5
+ ### Major Changes
64
6
 
65
- ## 2.10.3
7
+ - v3 alpha release
66
8
 
67
9
  ### Patch Changes
68
10
 
69
11
  - Updated dependencies
70
- - @saas-ui/modals@2.3.3
71
- - @saas-ui/data-table@12.0.3
72
-
73
- ## 2.10.2
74
-
75
- ### Patch Changes
76
-
77
- - 7669720: Fixed publint issues
78
- - Updated dependencies [7669720]
79
- - @saas-ui/modals@2.3.2
80
- - @saas-ui/data-table@12.0.2
81
-
82
- ## 2.10.1
83
-
84
- ### Patch Changes
85
-
86
- - 5e24ec4: Fixed issue where as prop on NavItem would always be overruled by internal Link prop if href is passed
87
- - Updated dependencies [5e24ec4]
88
- - @saas-ui/core@2.7.1
89
- - @saas-ui/data-table@12.0.1
90
- - @saas-ui/forms@2.8.1
91
- - @saas-ui/hotkeys@2.4.1
92
- - @saas-ui/modals@2.3.1
93
-
94
- ## 2.10.0
95
-
96
- ### Minor Changes
97
-
98
- - fc799df: Removed deprecated Chakra UI dependency
99
-
100
- ### Patch Changes
101
-
102
- - Updated dependencies [fc799df]
103
- - @saas-ui/hotkeys@2.4.0
104
- - @saas-ui/modals@2.3.0
105
- - @saas-ui/forms@2.8.0
106
- - @saas-ui/core@2.7.0
107
- - @saas-ui/data-table@12.0.0
108
-
109
- ## 2.9.1
110
-
111
- ### Patch Changes
112
-
113
- - f0ee3db: Updated to Chakra 2.10
114
- - Updated dependencies [f0ee3db]
115
- - @saas-ui/data-table@11.0.1
116
- - @saas-ui/nprogress@2.1.1
117
- - @saas-ui/hotkeys@2.3.1
118
- - @saas-ui/modals@2.2.1
119
- - @saas-ui/forms@2.7.1
120
- - @saas-ui/theme@2.5.1
121
- - @saas-ui/core@2.6.1
122
-
123
- ## 2.9.0
124
-
125
- ### Minor Changes
126
-
127
- - 2ac496a: Upgraded to Chakra UI v2.9.3
128
-
129
- ### Patch Changes
130
-
131
- - Updated dependencies [2ac496a]
132
- - @saas-ui/data-table@11.0.0
133
- - @saas-ui/nprogress@2.1.0
134
- - @saas-ui/hotkeys@2.3.0
135
- - @saas-ui/modals@2.2.0
136
- - @saas-ui/forms@2.7.0
137
- - @saas-ui/hooks@2.1.0
138
- - @saas-ui/theme@2.5.0
139
- - @saas-ui/core@2.6.0
140
-
141
- ## 2.8.11
142
-
143
- ### Patch Changes
144
-
145
- - 5e000e0: Removed background color from loading overlay fill variant
146
- - Updated dependencies [5e000e0]
147
- - @saas-ui/theme@2.4.2
148
- - @saas-ui/core@2.5.6
149
- - @saas-ui/data-table@10.0.11
150
- - @saas-ui/forms@2.6.11
151
- - @saas-ui/hotkeys@2.2.14
152
- - @saas-ui/modals@2.1.41
153
-
154
- ## 2.8.10
155
-
156
- ### Patch Changes
157
-
158
- - Updated dependencies [fc2203a]
159
- - @saas-ui/forms@2.6.10
160
- - @saas-ui/modals@2.1.40
161
- - @saas-ui/data-table@10.0.10
12
+ - @saas-ui/hooks@3.0.0-alpha.0
13
+ - @saas-ui/core@3.0.0-alpha.0
162
14
 
163
15
  ## 2.8.9
164
16
 
@@ -2989,8 +2841,9 @@
2989
2841
  Add this somewhere in the root of your project.
2990
2842
 
2991
2843
  ```ts
2844
+ import { yupFieldResolver, yupResolver } from '@saas-ui/forms/yup'
2992
2845
  import { Form } from '@saas-ui/react'
2993
- import { yupResolver, yupFieldResolver } from '@saas-ui/forms/yup' // yupResolver is exported from here as well for convenience.
2846
+ // yupResolver is exported from here as well for convenience.
2994
2847
  import { AnyObjectSchema } from 'yup'
2995
2848
 
2996
2849
  Form.getResolver = (schema: AnyObjectSchema) => yupResolver(schema) // @hookform/resolvers