@codefast/ui 0.3.11 → 0.3.12-canary.1

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 (249) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/README.md +4 -0
  3. package/dist/components/accordion.d.ts +11 -29
  4. package/dist/components/accordion.d.ts.map +1 -0
  5. package/dist/components/accordion.js +11 -38
  6. package/dist/components/alert-dialog.d.ts +25 -60
  7. package/dist/components/alert-dialog.d.ts.map +1 -0
  8. package/dist/components/alert-dialog.js +17 -70
  9. package/dist/components/alert.d.ts +16 -27
  10. package/dist/components/alert.d.ts.map +1 -0
  11. package/dist/components/alert.js +33 -31
  12. package/dist/components/aspect-ratio.d.ts +5 -8
  13. package/dist/components/aspect-ratio.d.ts.map +1 -0
  14. package/dist/components/aspect-ratio.js +5 -7
  15. package/dist/components/avatar.d.ts +7 -17
  16. package/dist/components/avatar.d.ts.map +1 -0
  17. package/dist/components/avatar.js +8 -19
  18. package/dist/components/badge.d.ts +15 -21
  19. package/dist/components/badge.d.ts.map +1 -0
  20. package/dist/components/badge.js +53 -21
  21. package/dist/components/breadcrumb.d.ts +13 -35
  22. package/dist/components/breadcrumb.d.ts.map +1 -0
  23. package/dist/components/breadcrumb.js +14 -50
  24. package/dist/components/button-group.d.ts +15 -29
  25. package/dist/components/button-group.d.ts.map +1 -0
  26. package/dist/components/button-group.js +37 -28
  27. package/dist/components/button.d.ts +26 -35
  28. package/dist/components/button.d.ts.map +1 -0
  29. package/dist/components/button.js +87 -52
  30. package/dist/components/calendar.d.ts +10 -24
  31. package/dist/components/calendar.d.ts.map +1 -0
  32. package/dist/components/calendar.js +88 -93
  33. package/dist/components/card.d.ts +11 -34
  34. package/dist/components/card.d.ts.map +1 -0
  35. package/dist/components/card.js +12 -40
  36. package/dist/components/carousel.d.ts +25 -55
  37. package/dist/components/carousel.d.ts.map +1 -0
  38. package/dist/components/carousel.js +83 -115
  39. package/dist/components/chart.d.ts +37 -72
  40. package/dist/components/chart.d.ts.map +1 -0
  41. package/dist/components/chart.js +162 -151
  42. package/dist/components/checkbox-cards.d.ts +9 -15
  43. package/dist/components/checkbox-cards.d.ts.map +1 -0
  44. package/dist/components/checkbox-cards.js +9 -23
  45. package/dist/components/checkbox-group.d.ts +9 -16
  46. package/dist/components/checkbox-group.d.ts.map +1 -0
  47. package/dist/components/checkbox-group.js +8 -20
  48. package/dist/components/checkbox.d.ts +5 -9
  49. package/dist/components/checkbox.d.ts.map +1 -0
  50. package/dist/components/checkbox.js +7 -15
  51. package/dist/components/collapsible.d.ts +7 -14
  52. package/dist/components/collapsible.d.ts.map +1 -0
  53. package/dist/components/collapsible.js +7 -15
  54. package/dist/components/command.d.ts +24 -55
  55. package/dist/components/command.d.ts.map +1 -0
  56. package/dist/components/command.js +19 -70
  57. package/dist/components/context-menu.d.ts +23 -72
  58. package/dist/components/context-menu.d.ts.map +1 -0
  59. package/dist/components/context-menu.js +22 -90
  60. package/dist/components/dialog.d.ts +23 -53
  61. package/dist/components/dialog.d.ts.map +1 -0
  62. package/dist/components/dialog.js +21 -73
  63. package/dist/components/drawer.d.ts +29 -60
  64. package/dist/components/drawer.d.ts.map +1 -0
  65. package/dist/components/drawer.js +17 -59
  66. package/dist/components/dropdown-menu.d.ts +23 -73
  67. package/dist/components/dropdown-menu.d.ts.map +1 -0
  68. package/dist/components/dropdown-menu.js +22 -97
  69. package/dist/components/empty.d.ts +16 -37
  70. package/dist/components/empty.d.ts.map +1 -0
  71. package/dist/components/empty.js +33 -45
  72. package/dist/components/field.d.ts +26 -63
  73. package/dist/components/field.d.ts.map +1 -0
  74. package/dist/components/field.js +61 -90
  75. package/dist/components/form.d.ts +16 -37
  76. package/dist/components/form.d.ts.map +1 -0
  77. package/dist/components/form.js +51 -67
  78. package/dist/components/hover-card.d.ts +8 -21
  79. package/dist/components/hover-card.d.ts.map +1 -0
  80. package/dist/components/hover-card.js +9 -24
  81. package/dist/components/input-group.d.ts +29 -53
  82. package/dist/components/input-group.d.ts.map +1 -0
  83. package/dist/components/input-group.js +110 -67
  84. package/dist/components/input-number.d.ts +8 -28
  85. package/dist/components/input-number.d.ts.map +1 -0
  86. package/dist/components/input-number.js +15 -56
  87. package/dist/components/input-otp.d.ts +11 -24
  88. package/dist/components/input-otp.d.ts.map +1 -0
  89. package/dist/components/input-otp.js +14 -35
  90. package/dist/components/input-password.d.ts +6 -12
  91. package/dist/components/input-password.d.ts.map +1 -0
  92. package/dist/components/input-password.js +11 -31
  93. package/dist/components/input-search.d.ts +9 -18
  94. package/dist/components/input-search.d.ts.map +1 -0
  95. package/dist/components/input-search.js +17 -44
  96. package/dist/components/input.d.ts +5 -10
  97. package/dist/components/input.d.ts.map +1 -0
  98. package/dist/components/input.js +6 -10
  99. package/dist/components/item.d.ts +33 -69
  100. package/dist/components/item.d.ts.map +1 -0
  101. package/dist/components/item.js +69 -91
  102. package/dist/components/kbd.d.ts +6 -13
  103. package/dist/components/kbd.d.ts.map +1 -0
  104. package/dist/components/kbd.js +7 -14
  105. package/dist/components/label.d.ts +5 -9
  106. package/dist/components/label.d.ts.map +1 -0
  107. package/dist/components/label.js +6 -9
  108. package/dist/components/menubar.d.ts +24 -80
  109. package/dist/components/menubar.d.ts.map +1 -0
  110. package/dist/components/menubar.js +24 -100
  111. package/dist/components/native-select.d.ts +7 -16
  112. package/dist/components/native-select.d.ts.map +1 -0
  113. package/dist/components/native-select.js +8 -26
  114. package/dist/components/navigation-menu.d.ts +13 -36
  115. package/dist/components/navigation-menu.d.ts.map +1 -0
  116. package/dist/components/navigation-menu.js +26 -62
  117. package/dist/components/pagination.d.ts +15 -35
  118. package/dist/components/pagination.d.ts.map +1 -0
  119. package/dist/components/pagination.js +14 -56
  120. package/dist/components/popover.d.ts +9 -24
  121. package/dist/components/popover.d.ts.map +1 -0
  122. package/dist/components/popover.js +10 -28
  123. package/dist/components/progress-circle.d.ts +89 -106
  124. package/dist/components/progress-circle.d.ts.map +1 -0
  125. package/dist/components/progress-circle.js +71 -104
  126. package/dist/components/progress.d.ts +5 -10
  127. package/dist/components/progress.d.ts.map +1 -0
  128. package/dist/components/progress.js +8 -14
  129. package/dist/components/radio-cards.d.ts +5 -10
  130. package/dist/components/radio-cards.d.ts.map +1 -0
  131. package/dist/components/radio-cards.js +8 -22
  132. package/dist/components/radio-group.d.ts +6 -13
  133. package/dist/components/radio-group.d.ts.map +1 -0
  134. package/dist/components/radio-group.js +7 -18
  135. package/dist/components/radio.d.ts +6 -12
  136. package/dist/components/radio.d.ts.map +1 -0
  137. package/dist/components/radio.js +6 -11
  138. package/dist/components/resizable.d.ts +8 -18
  139. package/dist/components/resizable.d.ts.map +1 -0
  140. package/dist/components/resizable.js +8 -22
  141. package/dist/components/scroll-area.d.ts +21 -33
  142. package/dist/components/scroll-area.d.ts.map +1 -0
  143. package/dist/components/scroll-area.js +65 -85
  144. package/dist/components/select.d.ts +17 -50
  145. package/dist/components/select.d.ts.map +1 -0
  146. package/dist/components/select.js +27 -79
  147. package/dist/components/separator.d.ts +20 -29
  148. package/dist/components/separator.d.ts.map +1 -0
  149. package/dist/components/separator.js +28 -37
  150. package/dist/components/sheet.d.ts +30 -62
  151. package/dist/components/sheet.d.ts.map +1 -0
  152. package/dist/components/sheet.js +68 -81
  153. package/dist/components/sidebar.d.ts +67 -160
  154. package/dist/components/sidebar.d.ts.map +1 -0
  155. package/dist/components/sidebar.js +184 -302
  156. package/dist/components/skeleton.d.ts +5 -9
  157. package/dist/components/skeleton.d.ts.map +1 -0
  158. package/dist/components/skeleton.js +6 -9
  159. package/dist/components/slider.d.ts +5 -13
  160. package/dist/components/slider.d.ts.map +1 -0
  161. package/dist/components/slider.js +13 -35
  162. package/dist/components/sonner.d.ts +8 -10
  163. package/dist/components/sonner.d.ts.map +1 -0
  164. package/dist/components/sonner.js +14 -16
  165. package/dist/components/spinner.d.ts +6 -12
  166. package/dist/components/spinner.d.ts.map +1 -0
  167. package/dist/components/spinner.js +21 -34
  168. package/dist/components/switch.d.ts +5 -9
  169. package/dist/components/switch.d.ts.map +1 -0
  170. package/dist/components/switch.js +6 -13
  171. package/dist/components/table.d.ts +12 -37
  172. package/dist/components/table.d.ts.map +1 -0
  173. package/dist/components/table.js +13 -48
  174. package/dist/components/tabs.d.ts +8 -21
  175. package/dist/components/tabs.d.ts.map +1 -0
  176. package/dist/components/tabs.js +9 -24
  177. package/dist/components/textarea.d.ts +5 -9
  178. package/dist/components/textarea.d.ts.map +1 -0
  179. package/dist/components/textarea.js +6 -9
  180. package/dist/components/toggle-group.d.ts +10 -24
  181. package/dist/components/toggle-group.d.ts.map +1 -0
  182. package/dist/components/toggle-group.js +21 -39
  183. package/dist/components/toggle.d.ts +18 -25
  184. package/dist/components/toggle.d.ts.map +1 -0
  185. package/dist/components/toggle.js +42 -30
  186. package/dist/components/tooltip.d.ts +9 -24
  187. package/dist/components/tooltip.d.ts.map +1 -0
  188. package/dist/components/tooltip.js +10 -29
  189. package/dist/hooks/use-animated-value.d.ts +2 -4
  190. package/dist/hooks/use-animated-value.d.ts.map +1 -0
  191. package/dist/hooks/use-animated-value.js +67 -58
  192. package/dist/hooks/use-copy-to-clipboard.d.ts +6 -11
  193. package/dist/hooks/use-copy-to-clipboard.d.ts.map +1 -0
  194. package/dist/hooks/use-copy-to-clipboard.js +42 -39
  195. package/dist/hooks/use-is-mobile.d.ts +2 -4
  196. package/dist/hooks/use-is-mobile.d.ts.map +1 -0
  197. package/dist/hooks/use-is-mobile.js +20 -23
  198. package/dist/hooks/use-media-query.d.ts +2 -4
  199. package/dist/hooks/use-media-query.d.ts.map +1 -0
  200. package/dist/hooks/use-media-query.js +49 -46
  201. package/dist/hooks/use-mutation-observer.d.ts +3 -6
  202. package/dist/hooks/use-mutation-observer.d.ts.map +1 -0
  203. package/dist/hooks/use-mutation-observer.js +33 -34
  204. package/dist/hooks/use-pagination.d.ts +15 -22
  205. package/dist/hooks/use-pagination.d.ts.map +1 -0
  206. package/dist/hooks/use-pagination.js +99 -99
  207. package/dist/index.d.ts +131 -69
  208. package/dist/index.d.ts.map +1 -0
  209. package/dist/index.js +68 -69
  210. package/dist/lib/utils.d.ts +10 -0
  211. package/dist/lib/utils.d.ts.map +1 -0
  212. package/dist/lib/utils.js +10 -0
  213. package/dist/primitives/checkbox-group.d.ts +84 -105
  214. package/dist/primitives/checkbox-group.d.ts.map +1 -0
  215. package/dist/primitives/checkbox-group.js +91 -105
  216. package/dist/primitives/input-number.d.ts +41 -51
  217. package/dist/primitives/input-number.d.ts.map +1 -0
  218. package/dist/primitives/input-number.js +417 -473
  219. package/dist/primitives/input.d.ts +43 -48
  220. package/dist/primitives/input.d.ts.map +1 -0
  221. package/dist/primitives/input.js +67 -66
  222. package/dist/primitives/progress-circle.d.ts +49 -79
  223. package/dist/primitives/progress-circle.d.ts.map +1 -0
  224. package/dist/primitives/progress-circle.js +134 -149
  225. package/package.json +33 -16
  226. package/{dist → src}/css/preset.css +86 -9
  227. /package/{dist → src}/css/amber.css +0 -0
  228. /package/{dist → src}/css/blue.css +0 -0
  229. /package/{dist → src}/css/cyan.css +0 -0
  230. /package/{dist → src}/css/emerald.css +0 -0
  231. /package/{dist → src}/css/fuchsia.css +0 -0
  232. /package/{dist → src}/css/gray.css +0 -0
  233. /package/{dist → src}/css/green.css +0 -0
  234. /package/{dist → src}/css/indigo.css +0 -0
  235. /package/{dist → src}/css/lime.css +0 -0
  236. /package/{dist → src}/css/neutral.css +0 -0
  237. /package/{dist → src}/css/orange.css +0 -0
  238. /package/{dist → src}/css/pink.css +0 -0
  239. /package/{dist → src}/css/purple.css +0 -0
  240. /package/{dist → src}/css/red.css +0 -0
  241. /package/{dist → src}/css/rose.css +0 -0
  242. /package/{dist → src}/css/sky.css +0 -0
  243. /package/{dist → src}/css/slate.css +0 -0
  244. /package/{dist → src}/css/stone.css +0 -0
  245. /package/{dist → src}/css/style.css +0 -0
  246. /package/{dist → src}/css/teal.css +0 -0
  247. /package/{dist → src}/css/violet.css +0 -0
  248. /package/{dist → src}/css/yellow.css +0 -0
  249. /package/{dist → src}/css/zinc.css +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,71 @@
1
1
  # @codefast/ui
2
2
 
3
+ ## 0.3.12-canary.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`b393c9b`](https://github.com/codefastlabs/codefast/commit/b393c9b780c6776c04cc26d6058c574929bbc6b5) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): update imports to use scoped `@codefast/tailwind-variants`
8
+
9
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`e1b045f`](https://github.com/codefastlabs/codefast/commit/e1b045f16621807e61648cd77cc2486e10021ce5) Thanks [@thevuong](https://github.com/thevuong)! - feat(scripts): add bucket label summarization for grouping
10
+
11
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`3528b84`](https://github.com/codefastlabs/codefast/commit/3528b843e86cccaebbdd4c1e5e10718a2f18ece4) Thanks [@thevuong](https://github.com/thevuong)! - chore(cli): improve skipped package logging and handle missing `package.json` gracefully
12
+
13
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`165e92a`](https://github.com/codefastlabs/codefast/commit/165e92a92f6198493e17d29fc225216622c6c5ab) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): improve test coverage and simplify utilities
14
+
15
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`8670d9e`](https://github.com/codefastlabs/codefast/commit/8670d9e2dc593fc569471dd96e2df185fa0a68b5) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): enhance comments and logging in `arrange` module
16
+
17
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`5165100`](https://github.com/codefastlabs/codefast/commit/5165100bdf6af2b13c30cc3f257f05dd7b3c859b) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): remove outdated unit tests for `arrange`
18
+
19
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`881b85f`](https://github.com/codefastlabs/codefast/commit/881b85fc2759c49137e7dcb049fb1a88a9ad67f0) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): reduce visual noise in Tailwind classes
20
+
21
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`35f8e7e`](https://github.com/codefastlabs/codefast/commit/35f8e7e6fff0a8256fc3d5c0ea2507cd4db85c98) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): split utility class declarations across components for enhanced readability
22
+
23
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`9e22902`](https://github.com/codefastlabs/codefast/commit/9e22902ea2ed36abae3ba8acd461f2c2b6296eb6) Thanks [@thevuong](https://github.com/thevuong)! - chore(cli): refactor `generate-exports` and `tailwind-cn` commands into `mirror` and `arrange` commands
24
+
25
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`b7feafb`](https://github.com/codefastlabs/codefast/commit/b7feafb02188ea6fcc34a75440d190dd5809b744) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): standardize variable names in `arrange` module for clarity
26
+
27
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`2f14ad3`](https://github.com/codefastlabs/codefast/commit/2f14ad317df1f13b48db69e0927abebb63dafc3e) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): implement `arrange` module for token analysis and formatting
28
+
29
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`5a2c44b`](https://github.com/codefastlabs/codefast/commit/5a2c44bb180d2c886c97ad87c102a88a55e340aa) Thanks [@thevuong](https://github.com/thevuong)! - chore: migrate utility imports to updated `#lib/utils` alias
30
+
31
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`bbaeaed`](https://github.com/codefastlabs/codefast/commit/bbaeaedf247f56e95a3e5655424f42d2357912a9) Thanks [@thevuong](https://github.com/thevuong)! - refactor: split utility classes for readability in primitive components
32
+
33
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`2c4b3de`](https://github.com/codefastlabs/codefast/commit/2c4b3def4b249a02646d0a4ca68670955ec033e9) Thanks [@thevuong](https://github.com/thevuong)! - feat(docs): update CLI README with expanded usage details
34
+
35
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`6b32eb5`](https://github.com/codefastlabs/codefast/commit/6b32eb56d81b411c1a3736208a6f3b93c0f9aeba) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): localize `arrange` module and enhance error handling
36
+
37
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`b7fe6c2`](https://github.com/codefastlabs/codefast/commit/b7fe6c2fda19bddb0a3bb015d421da3006bfe142) Thanks [@thevuong](https://github.com/thevuong)! - chore(cli): migrate `generate-exports` script to CLI with new commands and tests
38
+
39
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`f964767`](https://github.com/codefastlabs/codefast/commit/f96476757b4cf40100e0ee92f777219fd69f406b) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): replace `ArrangeFs` and `ArrangeLogger` with `CliFs` and `CliLogger`
40
+
41
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`9c3a840`](https://github.com/codefastlabs/codefast/commit/9c3a840f024ecd401b9052e104933fd2189ff51a) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): refine `arrange` token handling and enhance compatibility
42
+
43
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`a721bb6`](https://github.com/codefastlabs/codefast/commit/a721bb6e938308194bf810c9e1143d389dc17c61) Thanks [@thevuong](https://github.com/thevuong)! - test(cli): improve test coverage and add repo root tests
44
+
45
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`e11a468`](https://github.com/codefastlabs/codefast/commit/e11a4689cc3821624c93cbd151fc86616fb59578) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): restructure `arrange` imports and improve dependency management
46
+
47
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`bb616f0`](https://github.com/codefastlabs/codefast/commit/bb616f0fddab38e1fc87c296dac5506a7e0386c3) Thanks [@thevuong](https://github.com/thevuong)! - refactor(cli): reorganize `arrange` and `mirror` modules, extract utilities
48
+
49
+ - [#387](https://github.com/codefastlabs/codefast/pull/387) [`56b6f43`](https://github.com/codefastlabs/codefast/commit/56b6f43ff42be0e80d81392f5104ce6fc3e2d022) Thanks [@thevuong](https://github.com/thevuong)! - feat(cli): enhance workspace package discovery in `mirror sync`
50
+
51
+ - Updated dependencies []:
52
+ - @codefast/tailwind-variants@0.3.12-canary.1
53
+
54
+ ## 0.3.12-canary.0
55
+
56
+ ### Patch Changes
57
+
58
+ - [`b3dfccb`](https://github.com/codefastlabs/codefast/commit/b3dfccbccff8961ca75a4671ae39e7616a7fa59c) Thanks [@thevuong](https://github.com/thevuong)! - refactor: switch package build scripts from tsdown to TypeScript build configs, align UI CSS exports to source CSS paths, and remove obsolete migration tooling
59
+
60
+ - [`cb53569`](https://github.com/codefastlabs/codefast/commit/cb5356985d4f349dd12a32f9de85cc7d13e8cc74) Thanks [@thevuong](https://github.com/thevuong)! - refactor: migrate package dependencies to catalog references
61
+
62
+ - [`82b37c0`](https://github.com/codefastlabs/codefast/commit/82b37c02ad0086114082cc02be54a60d0c4478a6) Thanks [@thevuong](https://github.com/thevuong)! - refactor: rename typecheck scripts to check-types for consistency
63
+
64
+ - [`3f647bc`](https://github.com/codefastlabs/codefast/commit/3f647bce65e4c12d3349f06a5a3a80acf13b03de) Thanks [@thevuong](https://github.com/thevuong)! - refactor: align remaining alias references to subpath imports
65
+
66
+ - Updated dependencies [[`b3dfccb`](https://github.com/codefastlabs/codefast/commit/b3dfccbccff8961ca75a4671ae39e7616a7fa59c), [`cb53569`](https://github.com/codefastlabs/codefast/commit/cb5356985d4f349dd12a32f9de85cc7d13e8cc74), [`e032524`](https://github.com/codefastlabs/codefast/commit/e032524a496132bb3ff6377a7348a7771c1d97dd), [`82b37c0`](https://github.com/codefastlabs/codefast/commit/82b37c02ad0086114082cc02be54a60d0c4478a6), [`3f647bc`](https://github.com/codefastlabs/codefast/commit/3f647bce65e4c12d3349f06a5a3a80acf13b03de)]:
67
+ - @codefast/tailwind-variants@0.3.12-canary.0
68
+
3
69
  ## 0.3.11
4
70
 
5
71
  ### Patch Changes
package/README.md CHANGED
@@ -484,6 +484,10 @@ pnpm test --filter=@codefast/ui
484
484
  pnpm test:coverage --filter=@codefast/ui
485
485
  ```
486
486
 
487
+ Package build/dev scripts use TypeScript directly via `tsc -p tsconfig.build.json` (watch mode for `pnpm dev --filter=@codefast/ui`).
488
+
489
+ CSS entry exports under `@codefast/ui/css/*` are sourced from `src/css/*`.
490
+
487
491
  ### Adding New Components
488
492
 
489
493
  1. Create component files in `src/components/[component-name]/`.
@@ -1,37 +1,19 @@
1
+ import type { ComponentProps, JSX } from "react";
1
2
  import * as AccordionPrimitive from "@radix-ui/react-accordion";
2
3
  import { Slot } from "@radix-ui/react-slot";
3
- import { ComponentProps, JSX } from "react";
4
-
5
- //#region src/components/accordion.d.ts
6
4
  type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
7
- declare function Accordion({
8
- ...props
9
- }: AccordionProps): JSX.Element;
5
+ declare function Accordion({ ...props }: AccordionProps): JSX.Element;
10
6
  type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
11
- declare function AccordionItem({
12
- className,
13
- ...props
14
- }: AccordionItemProps): JSX.Element;
7
+ declare function AccordionItem({ className, ...props }: AccordionItemProps): JSX.Element;
15
8
  interface AccordionIconProps extends ComponentProps<typeof Slot> {
16
- asChild?: boolean;
17
- className?: string;
9
+ asChild?: boolean;
10
+ className?: string;
18
11
  }
19
- declare function AccordionIcon({
20
- asChild,
21
- className,
22
- ...props
23
- }: AccordionIconProps): JSX.Element;
12
+ declare function AccordionIcon({ asChild, className, ...props }: AccordionIconProps): JSX.Element;
24
13
  type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
25
- declare function AccordionTrigger({
26
- children,
27
- className,
28
- ...props
29
- }: AccordionTriggerProps): JSX.Element;
14
+ declare function AccordionTrigger({ children, className, ...props }: AccordionTriggerProps): JSX.Element;
30
15
  type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
31
- declare function AccordionContent({
32
- children,
33
- className,
34
- ...props
35
- }: AccordionContentProps): JSX.Element;
36
- //#endregion
37
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
16
+ declare function AccordionContent({ children, className, ...props }: AccordionContentProps): JSX.Element;
17
+ export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
18
+ export type { AccordionContentProps, AccordionIconProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, };
19
+ //# sourceMappingURL=accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO5C,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAQ/E;AAMD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAexF;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAqB/F;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAE/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAc/F;AAMD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AACvF,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,CAAC"}
@@ -1,53 +1,26 @@
1
1
  "use client";
2
- import { cn } from "@codefast/tailwind-variants";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
3
4
  import * as AccordionPrimitive from "@radix-ui/react-accordion";
4
5
  import { Slot } from "@radix-ui/react-slot";
5
6
  import { ChevronDownIcon } from "lucide-react";
6
- import { jsx } from "react/jsx-runtime";
7
- //#region src/components/accordion.tsx
8
7
  function Accordion({ ...props }) {
9
- return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
10
- "data-slot": "accordion",
11
- ...props
12
- });
8
+ return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
13
9
  }
14
10
  function AccordionItem({ className, ...props }) {
15
- return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
16
- className: cn("border-b last:border-b-0", className),
17
- "data-slot": "accordion-item",
18
- ...props
19
- });
11
+ return (_jsx(AccordionPrimitive.Item, { className: cn("border-b", "last:border-b-0", className), "data-slot": "accordion-item", ...props }));
20
12
  }
21
13
  function AccordionIcon({ asChild, className, ...props }) {
22
- return /* @__PURE__ */ jsx(asChild ? Slot : ChevronDownIcon, {
23
- "aria-hidden": true,
24
- className: cn("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
25
- "data-slot": "accordion-icon",
26
- ...props
27
- });
14
+ const Component = (asChild ? Slot : ChevronDownIcon);
15
+ return (_jsx(Component, { "aria-hidden": true, className: cn("size-4 shrink-0 text-muted-foreground", "translate-y-0.5 transition-transform duration-200", className), "data-slot": "accordion-icon", ...props }));
28
16
  }
29
17
  function AccordionTrigger({ children, className, ...props }) {
30
- return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
31
- className: "flex",
32
- "data-slot": "accordion-trigger-wrapper",
33
- children: /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, {
34
- className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
35
- "data-slot": "accordion-trigger",
36
- ...props,
37
- children
38
- })
39
- });
18
+ return (_jsx(AccordionPrimitive.Header, { className: "flex", "data-slot": "accordion-trigger-wrapper", children: _jsx(AccordionPrimitive.Trigger, { className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 py-4", "rounded-md outline-hidden", "text-left text-sm font-medium", "hover:not-disabled:underline", "focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "[&[data-state=open]>svg]:rotate-180", className), "data-slot": "accordion-trigger", ...props, children: children }) }));
40
19
  }
41
20
  function AccordionContent({ children, className, ...props }) {
42
- return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
43
- className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
44
- "data-slot": "accordion-content",
45
- ...props,
46
- children: /* @__PURE__ */ jsx("div", {
47
- className: cn("pt-0 pb-4 text-sm", className),
48
- children
49
- })
50
- });
21
+ return (_jsx(AccordionPrimitive.Content, { className: cn("overflow-hidden", "data-open:animate-collapsible-down", "data-closed:animate-collapsible-up"), "data-slot": "accordion-content", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", "text-sm", className), children: children }) }));
51
22
  }
52
- //#endregion
23
+ /* -----------------------------------------------------------------------------
24
+ * Exports
25
+ * -------------------------------------------------------------------------- */
53
26
  export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
@@ -1,74 +1,39 @@
1
- import { buttonVariants } from "./button.js";
2
- import { VariantProps } from "@codefast/tailwind-variants";
1
+ import type { VariantProps } from "#lib/utils";
2
+ import type { ComponentProps, JSX } from "react";
3
3
  import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
4
- import { ComponentProps, JSX } from "react";
5
-
6
- //#region src/components/alert-dialog.d.ts
4
+ import { buttonVariants } from "#components/button";
7
5
  type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
8
- declare function AlertDialog({
9
- ...props
10
- }: AlertDialogProps): JSX.Element;
6
+ declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
11
7
  type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
12
- declare function AlertDialogTrigger({
13
- ...props
14
- }: AlertDialogTriggerProps): JSX.Element;
8
+ declare function AlertDialogTrigger({ ...props }: AlertDialogTriggerProps): JSX.Element;
15
9
  interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimitive.Content> {
16
- classNames?: {
17
- content?: string;
18
- overlay?: string;
19
- wrapper?: string;
20
- };
10
+ classNames?: {
11
+ content?: string;
12
+ overlay?: string;
13
+ wrapper?: string;
14
+ };
21
15
  }
22
- declare function AlertDialogContent({
23
- children,
24
- className,
25
- classNames,
26
- ...props
27
- }: AlertDialogContentProps): JSX.Element;
16
+ declare function AlertDialogContent({ children, className, classNames, ...props }: AlertDialogContentProps): JSX.Element;
28
17
  type AlertDialogHeaderProps = ComponentProps<"div">;
29
- declare function AlertDialogHeader({
30
- className,
31
- ...props
32
- }: AlertDialogHeaderProps): JSX.Element;
18
+ declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
33
19
  type AlertDialogBodyProps = ComponentProps<"div">;
34
- declare function AlertDialogBody({
35
- className,
36
- ...props
37
- }: AlertDialogBodyProps): JSX.Element;
20
+ declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): JSX.Element;
38
21
  type AlertDialogFooterProps = ComponentProps<"div">;
39
- declare function AlertDialogFooter({
40
- className,
41
- ...props
42
- }: AlertDialogFooterProps): JSX.Element;
22
+ declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
43
23
  type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
44
- declare function AlertDialogTitle({
45
- className,
46
- ...props
47
- }: AlertDialogTitleProps): JSX.Element;
24
+ declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
48
25
  type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
49
- declare function AlertDialogDescription({
50
- className,
51
- ...props
52
- }: AlertDialogDescriptionProps): JSX.Element;
26
+ declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
53
27
  interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
54
- size?: VariantProps<typeof buttonVariants>["size"];
55
- variant?: VariantProps<typeof buttonVariants>["variant"];
28
+ size?: VariantProps<typeof buttonVariants>["size"];
29
+ variant?: VariantProps<typeof buttonVariants>["variant"];
56
30
  }
57
- declare function AlertDialogAction({
58
- className,
59
- size,
60
- variant,
61
- ...props
62
- }: AlertDialogActionProps): JSX.Element;
31
+ declare function AlertDialogAction({ className, size, variant, ...props }: AlertDialogActionProps): JSX.Element;
63
32
  interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
64
- size?: VariantProps<typeof buttonVariants>["size"];
65
- variant?: VariantProps<typeof buttonVariants>["variant"];
33
+ size?: VariantProps<typeof buttonVariants>["size"];
34
+ variant?: VariantProps<typeof buttonVariants>["variant"];
66
35
  }
67
- declare function AlertDialogCancel({
68
- className,
69
- size,
70
- variant,
71
- ...props
72
- }: AlertDialogCancelProps): JSX.Element;
73
- //#endregion
74
- export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
36
+ declare function AlertDialogCancel({ className, size, variant, ...props }: AlertDialogCancelProps): JSX.Element;
37
+ export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };
38
+ export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps, };
39
+ //# sourceMappingURL=alert-dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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"}
@@ -1,92 +1,39 @@
1
1
  "use client";
2
- import { buttonVariants } from "./button.js";
3
- import { cn } from "@codefast/tailwind-variants";
4
- import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { cn } from "#lib/utils";
5
4
  import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
6
- //#region src/components/alert-dialog.tsx
5
+ import { buttonVariants } from "#components/button";
7
6
  function AlertDialog({ ...props }) {
8
- return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
9
- "data-slot": "alert-dialog",
10
- ...props
11
- });
7
+ return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
12
8
  }
13
9
  function AlertDialogTrigger({ ...props }) {
14
- return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
15
- "data-slot": "alert-dialog-trigger",
16
- ...props
17
- });
10
+ return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
18
11
  }
19
12
  function AlertDialogContent({ children, className, classNames, ...props }) {
20
- return /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
21
- className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
22
- "data-slot": "alert-dialog-overlay"
23
- }), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
24
- className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", classNames?.wrapper),
25
- "data-slot": "alert-dialog-content-wrapper",
26
- ...props,
27
- children: /* @__PURE__ */ jsx("div", {
28
- className: cn("relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border bg-popover text-popover-foreground shadow-lg", classNames?.content, className),
29
- "data-slot": "alert-dialog-content",
30
- children
31
- })
32
- })] });
13
+ return (_jsxs(AlertDialogPrimitive.Portal, { children: [_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-0", classNames?.overlay), "data-slot": "alert-dialog-overlay" }), _jsx(AlertDialogPrimitive.Content, { className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8", "sm:grid-rows-[1fr_auto_3fr] sm:p-4", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", classNames?.wrapper), "data-slot": "alert-dialog-content-wrapper", ...props, children: _jsx("div", { className: cn("relative row-start-2 flex w-full max-w-lg flex-col", "rounded-2xl border", "bg-popover text-popover-foreground shadow-lg", classNames?.content, className), "data-slot": "alert-dialog-content", children: children }) })] }));
33
14
  }
34
15
  function AlertDialogHeader({ className, ...props }) {
35
- return /* @__PURE__ */ jsx("div", {
36
- className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
37
- "data-slot": "alert-dialog-header",
38
- ...props
39
- });
16
+ return (_jsx("div", { className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center", "sm:text-left", className), "data-slot": "alert-dialog-header", ...props }));
40
17
  }
41
18
  function AlertDialogBody({ className, ...props }) {
42
- return /* @__PURE__ */ jsx("main", {
43
- className: cn("overflow-auto px-6 py-2", className),
44
- "data-slot": "alert-dialog-body",
45
- ...props
46
- });
19
+ return (_jsx("main", { className: cn("overflow-auto", "px-6 py-2", className), "data-slot": "alert-dialog-body", ...props }));
47
20
  }
48
21
  function AlertDialogFooter({ className, ...props }) {
49
- return /* @__PURE__ */ jsx("div", {
50
- className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
51
- "data-slot": "alert-dialog-footer",
52
- ...props
53
- });
22
+ return (_jsx("div", { className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6", "sm:flex-row sm:justify-end", className), "data-slot": "alert-dialog-footer", ...props }));
54
23
  }
55
24
  function AlertDialogTitle({ className, ...props }) {
56
- return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
57
- className: cn("text-lg leading-none font-semibold tracking-tight", className),
58
- "data-slot": "alert-dialog-title",
59
- ...props
60
- });
25
+ return (_jsx(AlertDialogPrimitive.Title, { className: cn("text-lg leading-none font-semibold tracking-tight", className), "data-slot": "alert-dialog-title", ...props }));
61
26
  }
62
27
  function AlertDialogDescription({ className, ...props }) {
63
- return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
64
- className: cn("text-sm text-muted-foreground", className),
65
- "data-slot": "alert-dialog-description",
66
- ...props
67
- });
28
+ return (_jsx(AlertDialogPrimitive.Description, { className: cn("text-sm text-muted-foreground", className), "data-slot": "alert-dialog-description", ...props }));
68
29
  }
69
30
  function AlertDialogAction({ className, size, variant, ...props }) {
70
- return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
71
- className: buttonVariants({
72
- className,
73
- size,
74
- variant
75
- }),
76
- "data-slot": "alert-dialog-action",
77
- ...props
78
- });
31
+ return (_jsx(AlertDialogPrimitive.Action, { className: buttonVariants({ className, size, variant }), "data-slot": "alert-dialog-action", ...props }));
79
32
  }
80
33
  function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
81
- return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
82
- className: buttonVariants({
83
- className,
84
- size,
85
- variant
86
- }),
87
- "data-slot": "alert-dialog-cancel",
88
- ...props
89
- });
34
+ return (_jsx(AlertDialogPrimitive.Cancel, { className: buttonVariants({ className, size, variant }), "data-slot": "alert-dialog-cancel", ...props }));
90
35
  }
91
- //#endregion
92
- export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };
36
+ /* -----------------------------------------------------------------------------
37
+ * Exports
38
+ * -------------------------------------------------------------------------- */
39
+ export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };
@@ -1,30 +1,19 @@
1
- import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
2
- import { VariantProps } from "@codefast/tailwind-variants";
3
- import { ComponentProps, JSX } from "react";
4
-
5
- //#region src/components/alert.d.ts
6
- declare const alertVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
7
- variant: {
8
- default: string;
9
- destructive: string;
10
- };
1
+ import type { VariantProps } from "#lib/utils";
2
+ import type { ComponentProps, JSX } from "react";
3
+ declare const alertVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
4
+ variant: {
5
+ default: string;
6
+ destructive: string[];
7
+ };
11
8
  }, Record<string, never>>;
12
- interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {}
13
- declare function Alert({
14
- className,
15
- variant,
16
- ...props
17
- }: AlertProps): JSX.Element;
9
+ interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {
10
+ }
11
+ declare function Alert({ className, variant, ...props }: AlertProps): JSX.Element;
18
12
  type AlertTitleProps = ComponentProps<"div">;
19
- declare function AlertTitle({
20
- children,
21
- className,
22
- ...props
23
- }: AlertTitleProps): JSX.Element;
13
+ declare function AlertTitle({ children, className, ...props }: AlertTitleProps): JSX.Element;
24
14
  type AlertDescriptionProps = ComponentProps<"div">;
25
- declare function AlertDescription({
26
- className,
27
- ...props
28
- }: AlertDescriptionProps): JSX.Element;
29
- //#endregion
30
- export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps, alertVariants };
15
+ declare function AlertDescription({ className, ...props }: AlertDescriptionProps): JSX.Element;
16
+ export { alertVariants };
17
+ export { Alert, AlertDescription, AlertTitle };
18
+ export type { AlertDescriptionProps, AlertProps, AlertTitleProps };
19
+ //# sourceMappingURL=alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,QAAA,MAAM,aAAa;;QAab,OAAO;QACP,WAAW;;yBAOf,CAAC;AAMH,UAAU,UAAW,SAAQ,cAAc,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CASxE;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAUnF;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAYrF;AAMD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC;AAC/C,YAAY,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
@@ -1,39 +1,41 @@
1
- import { cn, tv } from "@codefast/tailwind-variants";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/components/alert.tsx
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cn, tv } from "#lib/utils";
3
+ /* -----------------------------------------------------------------------------
4
+ * Variant: Alert
5
+ * -------------------------------------------------------------------------- */
4
6
  const alertVariants = tv({
5
- base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border bg-card px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
6
- defaultVariants: { variant: "default" },
7
- variants: { variant: {
8
- default: "text-card-foreground",
9
- destructive: "text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
10
- } }
7
+ base: [
8
+ "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 px-4 py-3",
9
+ "rounded-xl border",
10
+ "bg-card text-sm",
11
+ "has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3",
12
+ "[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
13
+ ],
14
+ defaultVariants: {
15
+ variant: "default",
16
+ },
17
+ variants: {
18
+ variant: {
19
+ default: "text-card-foreground",
20
+ destructive: [
21
+ "text-destructive",
22
+ "*:data-[slot=alert-description]:text-destructive/90",
23
+ "[&>svg]:text-current",
24
+ ],
25
+ },
26
+ },
11
27
  });
12
28
  function Alert({ className, variant, ...props }) {
13
- return /* @__PURE__ */ jsx("div", {
14
- className: alertVariants({
15
- className,
16
- variant
17
- }),
18
- "data-slot": "alert",
19
- role: "alert",
20
- ...props
21
- });
29
+ return (_jsx("div", { className: alertVariants({ className, variant }), "data-slot": "alert", role: "alert", ...props }));
22
30
  }
23
31
  function AlertTitle({ children, className, ...props }) {
24
- return /* @__PURE__ */ jsx("div", {
25
- className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
26
- "data-slot": "alert-title",
27
- ...props,
28
- children
29
- });
32
+ return (_jsx("div", { className: cn("col-start-2 min-h-4", "line-clamp-1 font-medium tracking-tight", className), "data-slot": "alert-title", ...props, children: children }));
30
33
  }
31
34
  function AlertDescription({ className, ...props }) {
32
- return /* @__PURE__ */ jsx("div", {
33
- className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
34
- "data-slot": "alert-description",
35
- ...props
36
- });
35
+ return (_jsx("div", { className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground", "[&_p]:leading-relaxed", className), "data-slot": "alert-description", ...props }));
37
36
  }
38
- //#endregion
39
- export { Alert, AlertDescription, AlertTitle, alertVariants };
37
+ /* -----------------------------------------------------------------------------
38
+ * Exports
39
+ * -------------------------------------------------------------------------- */
40
+ export { alertVariants };
41
+ export { Alert, AlertDescription, AlertTitle };
@@ -1,10 +1,7 @@
1
+ import type { ComponentProps, JSX } from "react";
1
2
  import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
2
- import { ComponentProps, JSX } from "react";
3
-
4
- //#region src/components/aspect-ratio.d.ts
5
3
  type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
6
- declare function AspectRatio({
7
- ...props
8
- }: AspectRatioProps): JSX.Element;
9
- //#endregion
10
- export { AspectRatio, type AspectRatioProps };
4
+ declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
5
+ export { AspectRatio };
6
+ export type { AspectRatioProps };
7
+ //# sourceMappingURL=aspect-ratio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAMrE,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAEhE;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,12 +1,10 @@
1
1
  "use client";
2
- import { jsx } from "react/jsx-runtime";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
4
- //#region src/components/aspect-ratio.tsx
5
4
  function AspectRatio({ ...props }) {
6
- return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, {
7
- "data-slot": "aspect-ratio",
8
- ...props
9
- });
5
+ return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
10
6
  }
11
- //#endregion
7
+ /* -----------------------------------------------------------------------------
8
+ * Exports
9
+ * -------------------------------------------------------------------------- */
12
10
  export { AspectRatio };
@@ -1,21 +1,11 @@
1
+ import type { ComponentProps, JSX } from "react";
1
2
  import * as AvatarPrimitive from "@radix-ui/react-avatar";
2
- import { ComponentProps, JSX } from "react";
3
-
4
- //#region src/components/avatar.d.ts
5
3
  type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
6
- declare function Avatar({
7
- className,
8
- ...props
9
- }: AvatarProps): JSX.Element;
4
+ declare function Avatar({ className, ...props }: AvatarProps): JSX.Element;
10
5
  type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
11
- declare function AvatarImage({
12
- className,
13
- ...props
14
- }: AvatarImageProps): JSX.Element;
6
+ declare function AvatarImage({ className, ...props }: AvatarImageProps): JSX.Element;
15
7
  type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
16
- declare function AvatarFallback({
17
- className,
18
- ...props
19
- }: AvatarFallbackProps): JSX.Element;
20
- //#endregion
21
- export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };
8
+ declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): JSX.Element;
9
+ export { Avatar, AvatarFallback, AvatarImage };
10
+ export type { AvatarFallbackProps, AvatarImageProps, AvatarProps };
11
+ //# sourceMappingURL=avatar.d.ts.map