@arolariu/components 0.4.2 → 1.0.0

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 (892) hide show
  1. package/{changelog.md → CHANGELOG.md} +36 -0
  2. package/CONTRIBUTING.md +344 -265
  3. package/DEBUGGING.md +185 -103
  4. package/EXAMPLES.md +470 -345
  5. package/{readme.md → README.md} +306 -203
  6. package/dist/components/ui/accordion.d.ts +157 -5
  7. package/dist/components/ui/accordion.d.ts.map +1 -1
  8. package/dist/components/ui/accordion.js +100 -22
  9. package/dist/components/ui/accordion.js.map +1 -1
  10. package/dist/components/ui/accordion.module.js +12 -0
  11. package/dist/components/ui/accordion.module.js.map +1 -0
  12. package/dist/components/ui/accordion_module.css +72 -0
  13. package/dist/components/ui/accordion_module.css.map +1 -0
  14. package/dist/components/ui/alert-dialog.d.ts +321 -18
  15. package/dist/components/ui/alert-dialog.d.ts.map +1 -1
  16. package/dist/components/ui/alert-dialog.js +145 -52
  17. package/dist/components/ui/alert-dialog.js.map +1 -1
  18. package/dist/components/ui/alert-dialog.module.js +13 -0
  19. package/dist/components/ui/alert-dialog.module.js.map +1 -0
  20. package/dist/components/ui/alert-dialog_module.css +89 -0
  21. package/dist/components/ui/alert-dialog_module.css.map +1 -0
  22. package/dist/components/ui/alert.d.ts +109 -6
  23. package/dist/components/ui/alert.d.ts.map +1 -1
  24. package/dist/components/ui/alert.js +12 -21
  25. package/dist/components/ui/alert.js.map +1 -1
  26. package/dist/components/ui/alert.module.js +11 -0
  27. package/dist/components/ui/alert.module.js.map +1 -0
  28. package/dist/components/ui/alert_module.css +59 -0
  29. package/dist/components/ui/alert_module.css.map +1 -0
  30. package/dist/components/ui/aspect-ratio.d.ts +24 -2
  31. package/dist/components/ui/aspect-ratio.d.ts.map +1 -1
  32. package/dist/components/ui/aspect-ratio.js +14 -3
  33. package/dist/components/ui/aspect-ratio.js.map +1 -1
  34. package/dist/components/ui/aspect-ratio.module.js +7 -0
  35. package/dist/components/ui/aspect-ratio.module.js.map +1 -0
  36. package/dist/components/ui/aspect-ratio_module.css +10 -0
  37. package/dist/components/ui/aspect-ratio_module.css.map +1 -0
  38. package/dist/components/ui/async-boundary.js +17 -0
  39. package/dist/components/ui/async-boundary.js.map +1 -0
  40. package/dist/components/ui/avatar.d.ts +97 -4
  41. package/dist/components/ui/avatar.d.ts.map +1 -1
  42. package/dist/components/ui/avatar.js +50 -21
  43. package/dist/components/ui/avatar.js.map +1 -1
  44. package/dist/components/ui/avatar.module.js +9 -0
  45. package/dist/components/ui/avatar.module.js.map +1 -0
  46. package/dist/components/ui/avatar_module.css +35 -0
  47. package/dist/components/ui/avatar_module.css.map +1 -0
  48. package/dist/components/ui/background-beams.d.ts +21 -3
  49. package/dist/components/ui/background-beams.d.ts.map +1 -1
  50. package/dist/components/ui/background-beams.js +22 -11
  51. package/dist/components/ui/background-beams.js.map +1 -1
  52. package/dist/components/ui/background-beams.module.js +8 -0
  53. package/dist/components/ui/background-beams.module.js.map +1 -0
  54. package/dist/components/ui/background-beams_module.css +22 -0
  55. package/dist/components/ui/background-beams_module.css.map +1 -0
  56. package/dist/components/ui/badge.d.ts +79 -6
  57. package/dist/components/ui/badge.d.ts.map +1 -1
  58. package/dist/components/ui/badge.js +19 -23
  59. package/dist/components/ui/badge.js.map +1 -1
  60. package/dist/components/ui/badge.module.js +11 -0
  61. package/dist/components/ui/badge.module.js.map +1 -0
  62. package/dist/components/ui/badge_module.css +63 -0
  63. package/dist/components/ui/badge_module.css.map +1 -0
  64. package/dist/components/ui/breadcrumb.d.ts +158 -13
  65. package/dist/components/ui/breadcrumb.d.ts.map +1 -1
  66. package/dist/components/ui/breadcrumb.js +39 -30
  67. package/dist/components/ui/breadcrumb.js.map +1 -1
  68. package/dist/components/ui/breadcrumb.module.js +14 -0
  69. package/dist/components/ui/breadcrumb.module.js.map +1 -0
  70. package/dist/components/ui/breadcrumb_module.css +90 -0
  71. package/dist/components/ui/breadcrumb_module.css.map +1 -0
  72. package/dist/components/ui/bubble-background.d.ts +38 -10
  73. package/dist/components/ui/bubble-background.d.ts.map +1 -1
  74. package/dist/components/ui/bubble-background.js +33 -35
  75. package/dist/components/ui/bubble-background.js.map +1 -1
  76. package/dist/components/ui/bubble-background.module.js +20 -0
  77. package/dist/components/ui/bubble-background.module.js.map +1 -0
  78. package/dist/components/ui/bubble-background_module.css +99 -0
  79. package/dist/components/ui/bubble-background_module.css.map +1 -0
  80. package/dist/components/ui/button-group.d.ts +88 -8
  81. package/dist/components/ui/button-group.d.ts.map +1 -1
  82. package/dist/components/ui/button-group.js +35 -32
  83. package/dist/components/ui/button-group.js.map +1 -1
  84. package/dist/components/ui/button-group.module.js +11 -0
  85. package/dist/components/ui/button-group.module.js.map +1 -0
  86. package/dist/components/ui/button-group_module.css +79 -0
  87. package/dist/components/ui/button-group_module.css.map +1 -0
  88. package/dist/components/ui/button.d.ts +82 -7
  89. package/dist/components/ui/button.d.ts.map +1 -1
  90. package/dist/components/ui/button.js +69 -34
  91. package/dist/components/ui/button.js.map +1 -1
  92. package/dist/components/ui/button.module.js +17 -0
  93. package/dist/components/ui/button.module.js.map +1 -0
  94. package/dist/components/ui/button_module.css +137 -0
  95. package/dist/components/ui/button_module.css.map +1 -0
  96. package/dist/components/ui/calendar.d.ts +39 -5
  97. package/dist/components/ui/calendar.d.ts.map +1 -1
  98. package/dist/components/ui/calendar.js +72 -61
  99. package/dist/components/ui/calendar.js.map +1 -1
  100. package/dist/components/ui/calendar.module.js +35 -0
  101. package/dist/components/ui/calendar.module.js.map +1 -0
  102. package/dist/components/ui/calendar_module.css +245 -0
  103. package/dist/components/ui/calendar_module.css.map +1 -0
  104. package/dist/components/ui/card-skeleton.js +41 -0
  105. package/dist/components/ui/card-skeleton.js.map +1 -0
  106. package/dist/components/ui/card-skeleton.module.js +15 -0
  107. package/dist/components/ui/card-skeleton.module.js.map +1 -0
  108. package/dist/components/ui/card-skeleton_module.css +54 -0
  109. package/dist/components/ui/card-skeleton_module.css.map +1 -0
  110. package/dist/components/ui/card.d.ts +162 -7
  111. package/dist/components/ui/card.d.ts.map +1 -1
  112. package/dist/components/ui/card.js +13 -13
  113. package/dist/components/ui/card.js.map +1 -1
  114. package/dist/components/ui/card.module.js +13 -0
  115. package/dist/components/ui/card.module.js.map +1 -0
  116. package/dist/components/ui/card_module.css +43 -0
  117. package/dist/components/ui/card_module.css.map +1 -0
  118. package/dist/components/ui/carousel.d.ts +127 -3
  119. package/dist/components/ui/carousel.d.ts.map +1 -1
  120. package/dist/components/ui/carousel.js +63 -36
  121. package/dist/components/ui/carousel.js.map +1 -1
  122. package/dist/components/ui/carousel.module.js +17 -0
  123. package/dist/components/ui/carousel.module.js.map +1 -0
  124. package/dist/components/ui/carousel_module.css +82 -0
  125. package/dist/components/ui/carousel_module.css.map +1 -0
  126. package/dist/components/ui/chart.d.ts +323 -13
  127. package/dist/components/ui/chart.d.ts.map +1 -1
  128. package/dist/components/ui/chart.js +158 -53
  129. package/dist/components/ui/chart.js.map +1 -1
  130. package/dist/components/ui/chart.module.js +27 -0
  131. package/dist/components/ui/chart.module.js.map +1 -0
  132. package/dist/components/ui/chart_module.css +159 -0
  133. package/dist/components/ui/chart_module.css.map +1 -0
  134. package/dist/components/ui/checkbox-group.d.ts +31 -0
  135. package/dist/components/ui/checkbox-group.d.ts.map +1 -0
  136. package/dist/components/ui/checkbox-group.js +25 -0
  137. package/dist/components/ui/checkbox-group.js.map +1 -0
  138. package/dist/components/ui/checkbox-group.module.js +7 -0
  139. package/dist/components/ui/checkbox-group.module.js.map +1 -0
  140. package/dist/components/ui/checkbox-group_module.css +11 -0
  141. package/dist/components/ui/checkbox-group_module.css.map +1 -0
  142. package/dist/components/ui/checkbox.d.ts +33 -2
  143. package/dist/components/ui/checkbox.d.ts.map +1 -1
  144. package/dist/components/ui/checkbox.js +37 -12
  145. package/dist/components/ui/checkbox.js.map +1 -1
  146. package/dist/components/ui/checkbox.module.js +8 -0
  147. package/dist/components/ui/checkbox.module.js.map +1 -0
  148. package/dist/components/ui/checkbox_module.css +45 -0
  149. package/dist/components/ui/checkbox_module.css.map +1 -0
  150. package/dist/components/ui/collapsible.d.ts +87 -3
  151. package/dist/components/ui/collapsible.d.ts.map +1 -1
  152. package/dist/components/ui/collapsible.js +46 -32
  153. package/dist/components/ui/collapsible.js.map +1 -1
  154. package/dist/components/ui/collapsible.module.js +8 -0
  155. package/dist/components/ui/collapsible.module.js.map +1 -0
  156. package/dist/components/ui/collapsible_module.css +26 -0
  157. package/dist/components/ui/collapsible_module.css.map +1 -0
  158. package/dist/components/ui/command.d.ts +284 -51
  159. package/dist/components/ui/command.d.ts.map +1 -1
  160. package/dist/components/ui/command.js +391 -50
  161. package/dist/components/ui/command.js.map +1 -1
  162. package/dist/components/ui/command.module.js +20 -0
  163. package/dist/components/ui/command.module.js.map +1 -0
  164. package/dist/components/ui/command_module.css +194 -0
  165. package/dist/components/ui/command_module.css.map +1 -0
  166. package/dist/components/ui/context-menu.d.ts +414 -21
  167. package/dist/components/ui/context-menu.d.ts.map +1 -1
  168. package/dist/components/ui/context-menu.js +190 -68
  169. package/dist/components/ui/context-menu.js.map +1 -1
  170. package/dist/components/ui/context-menu.module.js +19 -0
  171. package/dist/components/ui/context-menu.module.js.map +1 -0
  172. package/dist/components/ui/context-menu_module.css +114 -0
  173. package/dist/components/ui/context-menu_module.css.map +1 -0
  174. package/dist/components/ui/copy-button.d.ts +41 -0
  175. package/dist/components/ui/copy-button.d.ts.map +1 -0
  176. package/dist/components/ui/copy-button.js +51 -0
  177. package/dist/components/ui/copy-button.js.map +1 -0
  178. package/dist/components/ui/copy-button.module.js +8 -0
  179. package/dist/components/ui/copy-button.module.js.map +1 -0
  180. package/dist/components/ui/copy-button_module.css +37 -0
  181. package/dist/components/ui/copy-button_module.css.map +1 -0
  182. package/dist/components/ui/counting-number.d.ts +28 -2
  183. package/dist/components/ui/counting-number.d.ts.map +1 -1
  184. package/dist/components/ui/counting-number.js +31 -27
  185. package/dist/components/ui/counting-number.js.map +1 -1
  186. package/dist/components/ui/counting-number.module.js +7 -0
  187. package/dist/components/ui/counting-number.module.js.map +1 -0
  188. package/dist/components/ui/counting-number_module.css +7 -0
  189. package/dist/components/ui/counting-number_module.css.map +1 -0
  190. package/dist/components/ui/dialog.d.ts +287 -17
  191. package/dist/components/ui/dialog.d.ts.map +1 -1
  192. package/dist/components/ui/dialog.js +129 -52
  193. package/dist/components/ui/dialog.js.map +1 -1
  194. package/dist/components/ui/dialog.module.js +13 -0
  195. package/dist/components/ui/dialog.module.js.map +1 -0
  196. package/dist/components/ui/dialog_module.css +114 -0
  197. package/dist/components/ui/dialog_module.css.map +1 -0
  198. package/dist/components/ui/dot-background.d.ts +25 -35
  199. package/dist/components/ui/dot-background.d.ts.map +1 -1
  200. package/dist/components/ui/dot-background.js +31 -22
  201. package/dist/components/ui/dot-background.js.map +1 -1
  202. package/dist/components/ui/dot-background.module.js +8 -0
  203. package/dist/components/ui/dot-background.module.js.map +1 -0
  204. package/dist/components/ui/dot-background_module.css +15 -0
  205. package/dist/components/ui/dot-background_module.css.map +1 -0
  206. package/dist/components/ui/drawer.d.ts +287 -18
  207. package/dist/components/ui/drawer.d.ts.map +1 -1
  208. package/dist/components/ui/drawer.js +117 -40
  209. package/dist/components/ui/drawer.js.map +1 -1
  210. package/dist/components/ui/drawer.module.js +14 -0
  211. package/dist/components/ui/drawer.module.js.map +1 -0
  212. package/dist/components/ui/drawer_module.css +86 -0
  213. package/dist/components/ui/drawer_module.css.map +1 -0
  214. package/dist/components/ui/dropdown-menu.d.ts +414 -21
  215. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  216. package/dist/components/ui/dropdown-menu.js +189 -68
  217. package/dist/components/ui/dropdown-menu.js.map +1 -1
  218. package/dist/components/ui/dropdown-menu.module.js +19 -0
  219. package/dist/components/ui/dropdown-menu.module.js.map +1 -0
  220. package/dist/components/ui/dropdown-menu_module.css +114 -0
  221. package/dist/components/ui/dropdown-menu_module.css.map +1 -0
  222. package/dist/components/ui/dropdrawer.d.ts +313 -17
  223. package/dist/components/ui/dropdrawer.d.ts.map +1 -1
  224. package/dist/components/ui/dropdrawer.js +423 -159
  225. package/dist/components/ui/dropdrawer.js.map +1 -1
  226. package/dist/components/ui/dropdrawer.module.js +43 -0
  227. package/dist/components/ui/dropdrawer.module.js.map +1 -0
  228. package/dist/components/ui/dropdrawer_module.css +307 -0
  229. package/dist/components/ui/dropdrawer_module.css.map +1 -0
  230. package/dist/components/ui/empty.d.ts +129 -10
  231. package/dist/components/ui/empty.d.ts.map +1 -1
  232. package/dist/components/ui/empty.js +32 -47
  233. package/dist/components/ui/empty.js.map +1 -1
  234. package/dist/components/ui/empty.module.js +13 -0
  235. package/dist/components/ui/empty.module.js.map +1 -0
  236. package/dist/components/ui/empty_module.css +85 -0
  237. package/dist/components/ui/empty_module.css.map +1 -0
  238. package/dist/components/ui/error-boundary.js +61 -0
  239. package/dist/components/ui/error-boundary.js.map +1 -0
  240. package/dist/components/ui/error-boundary.module.js +10 -0
  241. package/dist/components/ui/error-boundary.module.js.map +1 -0
  242. package/dist/components/ui/error-boundary_module.css +41 -0
  243. package/dist/components/ui/error-boundary_module.css.map +1 -0
  244. package/dist/components/ui/field.d.ts +225 -0
  245. package/dist/components/ui/field.d.ts.map +1 -0
  246. package/dist/components/ui/field.js +76 -86
  247. package/dist/components/ui/field.js.map +1 -1
  248. package/dist/components/ui/field.module.js +24 -0
  249. package/dist/components/ui/field.module.js.map +1 -0
  250. package/dist/components/ui/field_module.css +185 -0
  251. package/dist/components/ui/field_module.css.map +1 -0
  252. package/dist/components/ui/fireworks-background.d.ts +27 -3
  253. package/dist/components/ui/fireworks-background.d.ts.map +1 -1
  254. package/dist/components/ui/fireworks-background.js +36 -35
  255. package/dist/components/ui/fireworks-background.js.map +1 -1
  256. package/dist/components/ui/fireworks-background.module.js +8 -0
  257. package/dist/components/ui/fireworks-background.module.js.map +1 -0
  258. package/dist/components/ui/fireworks-background_module.css +17 -0
  259. package/dist/components/ui/fireworks-background_module.css.map +1 -0
  260. package/dist/components/ui/flip-button.d.ts +27 -3
  261. package/dist/components/ui/flip-button.d.ts.map +1 -1
  262. package/dist/components/ui/flip-button.js +27 -17
  263. package/dist/components/ui/flip-button.js.map +1 -1
  264. package/dist/components/ui/flip-button.module.js +11 -0
  265. package/dist/components/ui/flip-button.module.js.map +1 -0
  266. package/dist/components/ui/flip-button_module.css +47 -0
  267. package/dist/components/ui/flip-button_module.css.map +1 -0
  268. package/dist/components/ui/focus-scope.js +70 -0
  269. package/dist/components/ui/focus-scope.js.map +1 -0
  270. package/dist/components/ui/focus-scope.module.js +7 -0
  271. package/dist/components/ui/focus-scope.module.js.map +1 -0
  272. package/dist/components/ui/focus-scope_module.css +6 -0
  273. package/dist/components/ui/focus-scope_module.css.map +1 -0
  274. package/dist/components/ui/form-skeleton.js +32 -0
  275. package/dist/components/ui/form-skeleton.js.map +1 -0
  276. package/dist/components/ui/form-skeleton.module.js +11 -0
  277. package/dist/components/ui/form-skeleton.module.js.map +1 -0
  278. package/dist/components/ui/form-skeleton_module.css +30 -0
  279. package/dist/components/ui/form-skeleton_module.css.map +1 -0
  280. package/dist/components/ui/form.d.ts +143 -13
  281. package/dist/components/ui/form.d.ts.map +1 -1
  282. package/dist/components/ui/form.js +55 -21
  283. package/dist/components/ui/form.js.map +1 -1
  284. package/dist/components/ui/form.module.js +10 -0
  285. package/dist/components/ui/form.module.js.map +1 -0
  286. package/dist/components/ui/form_module.css +22 -0
  287. package/dist/components/ui/form_module.css.map +1 -0
  288. package/dist/components/ui/gradient-background.d.ts +21 -3
  289. package/dist/components/ui/gradient-background.d.ts.map +1 -1
  290. package/dist/components/ui/gradient-background.js +8 -4
  291. package/dist/components/ui/gradient-background.js.map +1 -1
  292. package/dist/components/ui/gradient-background.module.js +7 -0
  293. package/dist/components/ui/gradient-background.module.js.map +1 -0
  294. package/dist/components/ui/gradient-background_module.css +9 -0
  295. package/dist/components/ui/gradient-background_module.css.map +1 -0
  296. package/dist/components/ui/gradient-text.d.ts +23 -2
  297. package/dist/components/ui/gradient-text.d.ts.map +1 -1
  298. package/dist/components/ui/gradient-text.js +8 -6
  299. package/dist/components/ui/gradient-text.js.map +1 -1
  300. package/dist/components/ui/gradient-text.module.js +9 -0
  301. package/dist/components/ui/gradient-text.module.js.map +1 -0
  302. package/dist/components/ui/gradient-text_module.css +24 -0
  303. package/dist/components/ui/gradient-text_module.css.map +1 -0
  304. package/dist/components/ui/highlight-text.d.ts +24 -2
  305. package/dist/components/ui/highlight-text.d.ts.map +1 -1
  306. package/dist/components/ui/highlight-text.js +7 -10
  307. package/dist/components/ui/highlight-text.js.map +1 -1
  308. package/dist/components/ui/highlight-text.module.js +7 -0
  309. package/dist/components/ui/highlight-text.module.js.map +1 -0
  310. package/dist/components/ui/highlight-text_module.css +16 -0
  311. package/dist/components/ui/highlight-text_module.css.map +1 -0
  312. package/dist/components/ui/hole-background.d.ts +23 -2
  313. package/dist/components/ui/hole-background.d.ts.map +1 -1
  314. package/dist/components/ui/hole-background.js +155 -118
  315. package/dist/components/ui/hole-background.js.map +1 -1
  316. package/dist/components/ui/hole-background.module.js +10 -0
  317. package/dist/components/ui/hole-background.module.js.map +1 -0
  318. package/dist/components/ui/hole-background_module.css +85 -0
  319. package/dist/components/ui/hole-background_module.css.map +1 -0
  320. package/dist/components/ui/hover-card.d.ts +85 -4
  321. package/dist/components/ui/hover-card.d.ts.map +1 -1
  322. package/dist/components/ui/hover-card.js +52 -10
  323. package/dist/components/ui/hover-card.js.map +1 -1
  324. package/dist/components/ui/hover-card.module.js +8 -0
  325. package/dist/components/ui/hover-card.module.js.map +1 -0
  326. package/dist/components/ui/hover-card_module.css +23 -0
  327. package/dist/components/ui/hover-card_module.css.map +1 -0
  328. package/dist/components/ui/input-group.d.ts +132 -13
  329. package/dist/components/ui/input-group.d.ts.map +1 -1
  330. package/dist/components/ui/input-group.js +62 -66
  331. package/dist/components/ui/input-group.js.map +1 -1
  332. package/dist/components/ui/input-group.module.js +20 -0
  333. package/dist/components/ui/input-group.module.js.map +1 -0
  334. package/dist/components/ui/input-group_module.css +150 -0
  335. package/dist/components/ui/input-group_module.css.map +1 -0
  336. package/dist/components/ui/input-otp.d.ts +110 -30
  337. package/dist/components/ui/input-otp.d.ts.map +1 -1
  338. package/dist/components/ui/input-otp.js +24 -15
  339. package/dist/components/ui/input-otp.js.map +1 -1
  340. package/dist/components/ui/input-otp.module.js +17 -0
  341. package/dist/components/ui/input-otp.module.js.map +1 -0
  342. package/dist/components/ui/input-otp_module.css +89 -0
  343. package/dist/components/ui/input-otp_module.css.map +1 -0
  344. package/dist/components/ui/input.d.ts +31 -1
  345. package/dist/components/ui/input.d.ts.map +1 -1
  346. package/dist/components/ui/input.js +21 -8
  347. package/dist/components/ui/input.js.map +1 -1
  348. package/dist/components/ui/input.module.js +7 -0
  349. package/dist/components/ui/input.module.js.map +1 -0
  350. package/dist/components/ui/input_module.css +40 -0
  351. package/dist/components/ui/input_module.css.map +1 -0
  352. package/dist/components/ui/item.d.ts +221 -19
  353. package/dist/components/ui/item.d.ts.map +1 -1
  354. package/dist/components/ui/item.js +66 -90
  355. package/dist/components/ui/item.js.map +1 -1
  356. package/dist/components/ui/item.module.js +22 -0
  357. package/dist/components/ui/item.module.js.map +1 -0
  358. package/dist/components/ui/item_module.css +143 -0
  359. package/dist/components/ui/item_module.css.map +1 -0
  360. package/dist/components/ui/kbd.d.ts +43 -2
  361. package/dist/components/ui/kbd.d.ts.map +1 -1
  362. package/dist/components/ui/kbd.js +12 -12
  363. package/dist/components/ui/kbd.js.map +1 -1
  364. package/dist/components/ui/kbd.module.js +8 -0
  365. package/dist/components/ui/kbd.module.js.map +1 -0
  366. package/dist/components/ui/kbd_module.css +35 -0
  367. package/dist/components/ui/kbd_module.css.map +1 -0
  368. package/dist/components/ui/label.d.ts +30 -3
  369. package/dist/components/ui/label.d.ts.map +1 -1
  370. package/dist/components/ui/label.js +7 -8
  371. package/dist/components/ui/label.js.map +1 -1
  372. package/dist/components/ui/label.module.js +7 -0
  373. package/dist/components/ui/label.module.js.map +1 -0
  374. package/dist/components/ui/label_module.css +17 -0
  375. package/dist/components/ui/label_module.css.map +1 -0
  376. package/dist/components/ui/list-skeleton.js +35 -0
  377. package/dist/components/ui/list-skeleton.js.map +1 -0
  378. package/dist/components/ui/list-skeleton.module.js +12 -0
  379. package/dist/components/ui/list-skeleton.module.js.map +1 -0
  380. package/dist/components/ui/list-skeleton_module.css +39 -0
  381. package/dist/components/ui/list-skeleton_module.css.map +1 -0
  382. package/dist/components/ui/loading-overlay.js +21 -0
  383. package/dist/components/ui/loading-overlay.js.map +1 -0
  384. package/dist/components/ui/loading-overlay.module.js +9 -0
  385. package/dist/components/ui/loading-overlay.module.js.map +1 -0
  386. package/dist/components/ui/loading-overlay_module.css +22 -0
  387. package/dist/components/ui/loading-overlay_module.css.map +1 -0
  388. package/dist/components/ui/menubar.d.ts +422 -22
  389. package/dist/components/ui/menubar.d.ts.map +1 -1
  390. package/dist/components/ui/menubar.js +199 -100
  391. package/dist/components/ui/menubar.js.map +1 -1
  392. package/dist/components/ui/menubar.module.js +21 -0
  393. package/dist/components/ui/menubar.module.js.map +1 -0
  394. package/dist/components/ui/menubar_module.css +145 -0
  395. package/dist/components/ui/menubar_module.css.map +1 -0
  396. package/dist/components/ui/meter.d.ts +101 -0
  397. package/dist/components/ui/meter.d.ts.map +1 -0
  398. package/dist/components/ui/meter.js +71 -0
  399. package/dist/components/ui/meter.js.map +1 -0
  400. package/dist/components/ui/meter.module.js +10 -0
  401. package/dist/components/ui/meter.module.js.map +1 -0
  402. package/dist/components/ui/meter_module.css +31 -0
  403. package/dist/components/ui/meter_module.css.map +1 -0
  404. package/dist/components/ui/navigation-menu.d.ts +242 -11
  405. package/dist/components/ui/navigation-menu.d.ts.map +1 -1
  406. package/dist/components/ui/navigation-menu.js +135 -49
  407. package/dist/components/ui/navigation-menu.js.map +1 -1
  408. package/dist/components/ui/navigation-menu.module.js +18 -0
  409. package/dist/components/ui/navigation-menu.module.js.map +1 -0
  410. package/dist/components/ui/navigation-menu_module.css +112 -0
  411. package/dist/components/ui/navigation-menu_module.css.map +1 -0
  412. package/dist/components/ui/number-field.d.ts +144 -0
  413. package/dist/components/ui/number-field.d.ts.map +1 -0
  414. package/dist/components/ui/number-field.js +111 -0
  415. package/dist/components/ui/number-field.js.map +1 -0
  416. package/dist/components/ui/number-field.module.js +15 -0
  417. package/dist/components/ui/number-field.module.js.map +1 -0
  418. package/dist/components/ui/number-field_module.css +125 -0
  419. package/dist/components/ui/number-field_module.css.map +1 -0
  420. package/dist/components/ui/pagination.d.ts +150 -24
  421. package/dist/components/ui/pagination.d.ts.map +1 -1
  422. package/dist/components/ui/pagination.js +41 -38
  423. package/dist/components/ui/pagination.js.map +1 -1
  424. package/dist/components/ui/pagination.module.js +14 -0
  425. package/dist/components/ui/pagination.module.js.map +1 -0
  426. package/dist/components/ui/pagination_module.css +66 -0
  427. package/dist/components/ui/pagination_module.css.map +1 -0
  428. package/dist/components/ui/popover.d.ts +133 -5
  429. package/dist/components/ui/popover.d.ts.map +1 -1
  430. package/dist/components/ui/popover.js +68 -14
  431. package/dist/components/ui/popover.js.map +1 -1
  432. package/dist/components/ui/popover.module.js +9 -0
  433. package/dist/components/ui/popover.module.js.map +1 -0
  434. package/dist/components/ui/popover_module.css +28 -0
  435. package/dist/components/ui/popover_module.css.map +1 -0
  436. package/dist/components/ui/progress.d.ts +34 -2
  437. package/dist/components/ui/progress.d.ts.map +1 -1
  438. package/dist/components/ui/progress.js +22 -14
  439. package/dist/components/ui/progress.js.map +1 -1
  440. package/dist/components/ui/progress.module.js +8 -0
  441. package/dist/components/ui/progress.module.js.map +1 -0
  442. package/dist/components/ui/progress_module.css +20 -0
  443. package/dist/components/ui/progress_module.css.map +1 -0
  444. package/dist/components/ui/radio-group.d.ts +44 -3
  445. package/dist/components/ui/radio-group.d.ts.map +1 -1
  446. package/dist/components/ui/radio-group.js +38 -16
  447. package/dist/components/ui/radio-group.js.map +1 -1
  448. package/dist/components/ui/radio-group.module.js +10 -0
  449. package/dist/components/ui/radio-group.module.js.map +1 -0
  450. package/dist/components/ui/radio-group_module.css +44 -0
  451. package/dist/components/ui/radio-group_module.css.map +1 -0
  452. package/dist/components/ui/resizable.d.ts +79 -6
  453. package/dist/components/ui/resizable.d.ts.map +1 -1
  454. package/dist/components/ui/resizable.js +23 -13
  455. package/dist/components/ui/resizable.js.map +1 -1
  456. package/dist/components/ui/resizable.module.js +10 -0
  457. package/dist/components/ui/resizable.module.js.map +1 -0
  458. package/dist/components/ui/resizable_module.css +70 -0
  459. package/dist/components/ui/resizable_module.css.map +1 -0
  460. package/dist/components/ui/ripple-button.d.ts +23 -2
  461. package/dist/components/ui/ripple-button.d.ts.map +1 -1
  462. package/dist/components/ui/ripple-button.js +26 -11
  463. package/dist/components/ui/ripple-button.js.map +1 -1
  464. package/dist/components/ui/ripple-button.module.js +9 -0
  465. package/dist/components/ui/ripple-button.module.js.map +1 -0
  466. package/dist/components/ui/ripple-button_module.css +38 -0
  467. package/dist/components/ui/ripple-button_module.css.map +1 -0
  468. package/dist/components/ui/scratcher.d.ts +25 -2
  469. package/dist/components/ui/scratcher.d.ts.map +1 -1
  470. package/dist/components/ui/scratcher.js +85 -87
  471. package/dist/components/ui/scratcher.js.map +1 -1
  472. package/dist/components/ui/scratcher.module.js +8 -0
  473. package/dist/components/ui/scratcher.module.js.map +1 -0
  474. package/dist/components/ui/scratcher_module.css +13 -0
  475. package/dist/components/ui/scratcher_module.css.map +1 -0
  476. package/dist/components/ui/scroll-area.d.ts +46 -3
  477. package/dist/components/ui/scroll-area.d.ts.map +1 -1
  478. package/dist/components/ui/scroll-area.js +44 -19
  479. package/dist/components/ui/scroll-area.js.map +1 -1
  480. package/dist/components/ui/scroll-area.module.js +14 -0
  481. package/dist/components/ui/scroll-area.module.js.map +1 -0
  482. package/dist/components/ui/scroll-area_module.css +51 -0
  483. package/dist/components/ui/scroll-area_module.css.map +1 -0
  484. package/dist/components/ui/select.d.ts +269 -11
  485. package/dist/components/ui/select.d.ts.map +1 -1
  486. package/dist/components/ui/select.js +152 -67
  487. package/dist/components/ui/select.js.map +1 -1
  488. package/dist/components/ui/select.module.js +20 -0
  489. package/dist/components/ui/select.module.js.map +1 -0
  490. package/dist/components/ui/select_module.css +134 -0
  491. package/dist/components/ui/select_module.css.map +1 -0
  492. package/dist/components/ui/separator.d.ts +36 -2
  493. package/dist/components/ui/separator.d.ts.map +1 -1
  494. package/dist/components/ui/separator.js +20 -10
  495. package/dist/components/ui/separator.js.map +1 -1
  496. package/dist/components/ui/separator.module.js +9 -0
  497. package/dist/components/ui/separator.module.js.map +1 -0
  498. package/dist/components/ui/separator_module.css +17 -0
  499. package/dist/components/ui/separator_module.css.map +1 -0
  500. package/dist/components/ui/sheet.d.ts +297 -23
  501. package/dist/components/ui/sheet.d.ts.map +1 -1
  502. package/dist/components/ui/sheet.js +121 -63
  503. package/dist/components/ui/sheet.js.map +1 -1
  504. package/dist/components/ui/sheet.module.js +18 -0
  505. package/dist/components/ui/sheet.module.js.map +1 -0
  506. package/dist/components/ui/sheet_module.css +136 -0
  507. package/dist/components/ui/sheet_module.css.map +1 -0
  508. package/dist/components/ui/sidebar.d.ts +491 -23
  509. package/dist/components/ui/sidebar.d.ts.map +1 -1
  510. package/dist/components/ui/sidebar.js +214 -143
  511. package/dist/components/ui/sidebar.js.map +1 -1
  512. package/dist/components/ui/sidebar.module.js +50 -0
  513. package/dist/components/ui/sidebar.module.js.map +1 -0
  514. package/dist/components/ui/sidebar_module.css +569 -0
  515. package/dist/components/ui/sidebar_module.css.map +1 -0
  516. package/dist/components/ui/skeleton.d.ts +30 -1
  517. package/dist/components/ui/skeleton.d.ts.map +1 -1
  518. package/dist/components/ui/skeleton.js +7 -7
  519. package/dist/components/ui/skeleton.js.map +1 -1
  520. package/dist/components/ui/skeleton.module.js +8 -0
  521. package/dist/components/ui/skeleton.module.js.map +1 -0
  522. package/dist/components/ui/skeleton_module.css +18 -0
  523. package/dist/components/ui/skeleton_module.css.map +1 -0
  524. package/dist/components/ui/slider.d.ts +48 -2
  525. package/dist/components/ui/slider.d.ts.map +1 -1
  526. package/dist/components/ui/slider.js +44 -17
  527. package/dist/components/ui/slider.js.map +1 -1
  528. package/dist/components/ui/slider.module.js +11 -0
  529. package/dist/components/ui/slider.module.js.map +1 -0
  530. package/dist/components/ui/slider_module.css +55 -0
  531. package/dist/components/ui/slider_module.css.map +1 -0
  532. package/dist/components/ui/sonner.d.ts +137 -4
  533. package/dist/components/ui/sonner.d.ts.map +1 -1
  534. package/dist/components/ui/sonner.js +450 -18
  535. package/dist/components/ui/sonner.js.map +1 -1
  536. package/dist/components/ui/sonner.module.js +34 -0
  537. package/dist/components/ui/sonner.module.js.map +1 -0
  538. package/dist/components/ui/sonner_module.css +233 -0
  539. package/dist/components/ui/sonner_module.css.map +1 -0
  540. package/dist/components/ui/spinner.d.ts +20 -1
  541. package/dist/components/ui/spinner.d.ts.map +1 -1
  542. package/dist/components/ui/spinner.js +29 -11
  543. package/dist/components/ui/spinner.js.map +1 -1
  544. package/dist/components/ui/spinner.module.js +10 -0
  545. package/dist/components/ui/spinner.module.js.map +1 -0
  546. package/dist/components/ui/spinner_module.css +28 -0
  547. package/dist/components/ui/spinner_module.css.map +1 -0
  548. package/dist/components/ui/stepper.d.ts +48 -0
  549. package/dist/components/ui/stepper.d.ts.map +1 -0
  550. package/dist/components/ui/stepper.js +41 -0
  551. package/dist/components/ui/stepper.js.map +1 -0
  552. package/dist/components/ui/stepper.module.js +12 -0
  553. package/dist/components/ui/stepper.module.js.map +1 -0
  554. package/dist/components/ui/stepper_module.css +75 -0
  555. package/dist/components/ui/stepper_module.css.map +1 -0
  556. package/dist/components/ui/switch.d.ts +29 -2
  557. package/dist/components/ui/switch.d.ts.map +1 -1
  558. package/dist/components/ui/switch.js +21 -9
  559. package/dist/components/ui/switch.js.map +1 -1
  560. package/dist/components/ui/switch.module.js +8 -0
  561. package/dist/components/ui/switch.module.js.map +1 -0
  562. package/dist/components/ui/switch_module.css +45 -0
  563. package/dist/components/ui/switch_module.css.map +1 -0
  564. package/dist/components/ui/table-skeleton.js +34 -0
  565. package/dist/components/ui/table-skeleton.js.map +1 -0
  566. package/dist/components/ui/table-skeleton.module.js +11 -0
  567. package/dist/components/ui/table-skeleton.module.js.map +1 -0
  568. package/dist/components/ui/table-skeleton_module.css +32 -0
  569. package/dist/components/ui/table-skeleton_module.css.map +1 -0
  570. package/dist/components/ui/table.d.ts +170 -8
  571. package/dist/components/ui/table.d.ts.map +1 -1
  572. package/dist/components/ui/table.js +17 -17
  573. package/dist/components/ui/table.js.map +1 -1
  574. package/dist/components/ui/table.module.js +15 -0
  575. package/dist/components/ui/table.module.js.map +1 -0
  576. package/dist/components/ui/table_module.css +71 -0
  577. package/dist/components/ui/table_module.css.map +1 -0
  578. package/dist/components/ui/tabs.d.ts +114 -5
  579. package/dist/components/ui/tabs.d.ts.map +1 -1
  580. package/dist/components/ui/tabs.js +71 -20
  581. package/dist/components/ui/tabs.js.map +1 -1
  582. package/dist/components/ui/tabs.module.js +10 -0
  583. package/dist/components/ui/tabs.module.js.map +1 -0
  584. package/dist/components/ui/tabs_module.css +89 -0
  585. package/dist/components/ui/tabs_module.css.map +1 -0
  586. package/dist/components/ui/textarea.d.ts +24 -1
  587. package/dist/components/ui/textarea.d.ts.map +1 -1
  588. package/dist/components/ui/textarea.js +2 -2
  589. package/dist/components/ui/textarea.js.map +1 -1
  590. package/dist/components/ui/textarea.module.js +7 -0
  591. package/dist/components/ui/textarea.module.js.map +1 -0
  592. package/dist/components/ui/textarea_module.css +33 -0
  593. package/dist/components/ui/textarea_module.css.map +1 -0
  594. package/dist/components/ui/timeline.d.ts +111 -0
  595. package/dist/components/ui/timeline.d.ts.map +1 -0
  596. package/dist/components/ui/timeline.js +34 -0
  597. package/dist/components/ui/timeline.js.map +1 -0
  598. package/dist/components/ui/timeline.module.js +10 -0
  599. package/dist/components/ui/timeline.module.js.map +1 -0
  600. package/dist/components/ui/timeline_module.css +47 -0
  601. package/dist/components/ui/timeline_module.css.map +1 -0
  602. package/dist/components/ui/toggle-group.d.ts +81 -10
  603. package/dist/components/ui/toggle-group.d.ts.map +1 -1
  604. package/dist/components/ui/toggle-group.js +32 -23
  605. package/dist/components/ui/toggle-group.js.map +1 -1
  606. package/dist/components/ui/toggle-group.module.js +7 -0
  607. package/dist/components/ui/toggle-group.module.js.map +1 -0
  608. package/dist/components/ui/toggle-group_module.css +8 -0
  609. package/dist/components/ui/toggle-group_module.css.map +1 -0
  610. package/dist/components/ui/toggle.d.ts +60 -11
  611. package/dist/components/ui/toggle.d.ts.map +1 -1
  612. package/dist/components/ui/toggle.js +29 -29
  613. package/dist/components/ui/toggle.js.map +1 -1
  614. package/dist/components/ui/toggle.module.js +12 -0
  615. package/dist/components/ui/toggle.module.js.map +1 -0
  616. package/dist/components/ui/toggle_module.css +62 -0
  617. package/dist/components/ui/toggle_module.css.map +1 -0
  618. package/dist/components/ui/toolbar.d.ts +127 -0
  619. package/dist/components/ui/toolbar.d.ts.map +1 -0
  620. package/dist/components/ui/toolbar.js +85 -0
  621. package/dist/components/ui/toolbar.js.map +1 -0
  622. package/dist/components/ui/toolbar.module.js +12 -0
  623. package/dist/components/ui/toolbar.module.js.map +1 -0
  624. package/dist/components/ui/toolbar_module.css +115 -0
  625. package/dist/components/ui/toolbar_module.css.map +1 -0
  626. package/dist/components/ui/tooltip.d.ts +119 -5
  627. package/dist/components/ui/tooltip.d.ts.map +1 -1
  628. package/dist/components/ui/tooltip.js +48 -13
  629. package/dist/components/ui/tooltip.js.map +1 -1
  630. package/dist/components/ui/tooltip.module.js +9 -0
  631. package/dist/components/ui/tooltip.module.js.map +1 -0
  632. package/dist/components/ui/tooltip_module.css +35 -0
  633. package/dist/components/ui/tooltip_module.css.map +1 -0
  634. package/dist/components/ui/typewriter.d.ts +48 -13
  635. package/dist/components/ui/typewriter.d.ts.map +1 -1
  636. package/dist/components/ui/typewriter.js +46 -49
  637. package/dist/components/ui/typewriter.js.map +1 -1
  638. package/dist/components/ui/typewriter.module.js +16 -0
  639. package/dist/components/ui/typewriter.module.js.map +1 -0
  640. package/dist/components/ui/typewriter_module.css +102 -0
  641. package/dist/components/ui/typewriter_module.css.map +1 -0
  642. package/dist/components/ui/visually-hidden.d.ts +38 -0
  643. package/dist/components/ui/visually-hidden.d.ts.map +1 -0
  644. package/dist/components/ui/visually-hidden.js +13 -0
  645. package/dist/components/ui/visually-hidden.js.map +1 -0
  646. package/dist/components/ui/visually-hidden.module.js +7 -0
  647. package/dist/components/ui/visually-hidden.module.js.map +1 -0
  648. package/dist/components/ui/visually-hidden_module.css +14 -0
  649. package/dist/components/ui/visually-hidden_module.css.map +1 -0
  650. package/dist/hooks/useAnnounce.js +46 -0
  651. package/dist/hooks/useAnnounce.js.map +1 -0
  652. package/dist/hooks/useBreakpoint.d.ts +17 -0
  653. package/dist/hooks/useBreakpoint.d.ts.map +1 -0
  654. package/dist/hooks/useBreakpoint.js +16 -0
  655. package/dist/hooks/useBreakpoint.js.map +1 -0
  656. package/dist/hooks/useColorScheme.d.ts +14 -0
  657. package/dist/hooks/useColorScheme.d.ts.map +1 -0
  658. package/dist/hooks/useColorScheme.js +9 -0
  659. package/dist/hooks/useColorScheme.js.map +1 -0
  660. package/dist/hooks/useFocusManager.js +51 -0
  661. package/dist/hooks/useFocusManager.js.map +1 -0
  662. package/dist/hooks/useFocusVisible.d.ts +50 -0
  663. package/dist/hooks/useFocusVisible.d.ts.map +1 -0
  664. package/dist/hooks/useFocusVisible.js +35 -0
  665. package/dist/hooks/useFocusVisible.js.map +1 -0
  666. package/dist/hooks/useIsMobile.d.ts +5 -11
  667. package/dist/hooks/useIsMobile.d.ts.map +1 -1
  668. package/dist/hooks/useIsMobile.js +2 -13
  669. package/dist/hooks/useIsMobile.js.map +1 -1
  670. package/dist/hooks/useMediaQuery.d.ts +14 -0
  671. package/dist/hooks/useMediaQuery.d.ts.map +1 -0
  672. package/dist/hooks/useMediaQuery.js +20 -0
  673. package/dist/hooks/useMediaQuery.js.map +1 -0
  674. package/dist/hooks/usePrefersContrast.d.ts +19 -0
  675. package/dist/hooks/usePrefersContrast.d.ts.map +1 -0
  676. package/dist/hooks/usePrefersContrast.js +8 -0
  677. package/dist/hooks/usePrefersContrast.js.map +1 -0
  678. package/dist/hooks/useReducedMotion.d.ts +19 -0
  679. package/dist/hooks/useReducedMotion.d.ts.map +1 -0
  680. package/dist/hooks/useReducedMotion.js +2 -0
  681. package/dist/index.css +104 -5355
  682. package/dist/index.css.map +1 -1
  683. package/dist/index.d.ts +40 -8
  684. package/dist/index.d.ts.map +1 -1
  685. package/dist/index.js +89 -70
  686. package/dist/lib/color-conversion-utilities.d.ts +82 -0
  687. package/dist/lib/color-conversion-utilities.d.ts.map +1 -0
  688. package/dist/lib/color-conversion-utilities.js +94 -0
  689. package/dist/lib/color-conversion-utilities.js.map +1 -0
  690. package/dist/lib/utilities.d.ts +5 -4
  691. package/dist/lib/utilities.d.ts.map +1 -1
  692. package/dist/lib/utilities.js +1 -2
  693. package/dist/lib/utilities.js.map +1 -1
  694. package/dist/motion/Collapse.js +19 -0
  695. package/dist/motion/Collapse.js.map +1 -0
  696. package/dist/motion/Collapse.module.js +8 -0
  697. package/dist/motion/Collapse.module.js.map +1 -0
  698. package/dist/motion/Collapse_module.css +25 -0
  699. package/dist/motion/Collapse_module.css.map +1 -0
  700. package/dist/motion/Presence.js +14 -0
  701. package/dist/motion/Presence.js.map +1 -0
  702. package/dist/motion/index.js +5 -0
  703. package/dist/motion/presets.js +117 -0
  704. package/dist/motion/presets.js.map +1 -0
  705. package/dist/motion/tokens.js +41 -0
  706. package/dist/motion/tokens.js.map +1 -0
  707. package/package.json +159 -65
  708. package/src/components/ui/accordion.module.css +70 -0
  709. package/src/components/ui/accordion.tsx +278 -44
  710. package/src/components/ui/alert-dialog.module.css +87 -0
  711. package/src/components/ui/alert-dialog.tsx +474 -99
  712. package/src/components/ui/alert.module.css +57 -0
  713. package/src/components/ui/alert.tsx +136 -43
  714. package/src/components/ui/aspect-ratio.module.css +7 -0
  715. package/src/components/ui/aspect-ratio.tsx +38 -3
  716. package/src/components/ui/async-boundary.tsx +56 -0
  717. package/src/components/ui/avatar.module.css +31 -0
  718. package/src/components/ui/avatar.tsx +146 -36
  719. package/src/components/ui/background-beams.module.css +20 -0
  720. package/src/components/ui/background-beams.tsx +173 -134
  721. package/src/components/ui/badge.module.css +60 -0
  722. package/src/components/ui/badge.tsx +100 -32
  723. package/src/components/ui/breadcrumb.module.css +87 -0
  724. package/src/components/ui/breadcrumb.tsx +256 -74
  725. package/src/components/ui/bubble-background.module.css +97 -0
  726. package/src/components/ui/bubble-background.tsx +92 -52
  727. package/src/components/ui/button-group.module.css +76 -0
  728. package/src/components/ui/button-group.tsx +135 -46
  729. package/src/components/ui/button.module.css +138 -0
  730. package/src/components/ui/button.tsx +159 -41
  731. package/src/components/ui/calendar.module.css +250 -0
  732. package/src/components/ui/calendar.tsx +133 -103
  733. package/src/components/ui/card-skeleton.module.css +50 -0
  734. package/src/components/ui/card-skeleton.tsx +69 -0
  735. package/src/components/ui/card.module.css +41 -0
  736. package/src/components/ui/card.tsx +175 -22
  737. package/src/components/ui/carousel.module.css +80 -0
  738. package/src/components/ui/carousel.tsx +184 -43
  739. package/src/components/ui/chart.module.css +164 -0
  740. package/src/components/ui/chart.tsx +444 -102
  741. package/src/components/ui/checkbox-group.module.css +8 -0
  742. package/src/components/ui/checkbox-group.tsx +54 -0
  743. package/src/components/ui/checkbox.module.css +43 -0
  744. package/src/components/ui/checkbox.tsx +73 -19
  745. package/src/components/ui/collapsible.module.css +24 -0
  746. package/src/components/ui/collapsible.tsx +139 -3
  747. package/src/components/ui/command.module.css +193 -0
  748. package/src/components/ui/command.tsx +877 -113
  749. package/src/components/ui/context-menu.module.css +113 -0
  750. package/src/components/ui/context-menu.tsx +616 -157
  751. package/src/components/ui/copy-button.module.css +34 -0
  752. package/src/components/ui/copy-button.tsx +116 -0
  753. package/src/components/ui/counting-number.module.css +4 -0
  754. package/src/components/ui/counting-number.tsx +69 -31
  755. package/src/components/ui/dialog.module.css +113 -0
  756. package/src/components/ui/dialog.tsx +427 -81
  757. package/src/components/ui/dot-background.module.css +12 -0
  758. package/src/components/ui/dot-background.tsx +134 -126
  759. package/src/components/ui/drawer.module.css +85 -0
  760. package/src/components/ui/drawer.tsx +408 -80
  761. package/src/components/ui/dropdown-menu.module.css +113 -0
  762. package/src/components/ui/dropdown-menu.tsx +616 -159
  763. package/src/components/ui/dropdrawer.module.css +322 -0
  764. package/src/components/ui/dropdrawer.tsx +850 -398
  765. package/src/components/ui/empty.module.css +84 -0
  766. package/src/components/ui/empty.tsx +176 -52
  767. package/src/components/ui/error-boundary.module.css +36 -0
  768. package/src/components/ui/error-boundary.tsx +127 -0
  769. package/src/components/ui/field.module.css +179 -0
  770. package/src/components/ui/field.tsx +345 -139
  771. package/src/components/ui/fireworks-background.module.css +13 -0
  772. package/src/components/ui/fireworks-background.tsx +89 -51
  773. package/src/components/ui/flip-button.module.css +44 -0
  774. package/src/components/ui/flip-button.tsx +59 -28
  775. package/src/components/ui/focus-scope.module.css +3 -0
  776. package/src/components/ui/focus-scope.tsx +160 -0
  777. package/src/components/ui/form-skeleton.module.css +28 -0
  778. package/src/components/ui/form-skeleton.tsx +62 -0
  779. package/src/components/ui/form.module.css +20 -0
  780. package/src/components/ui/form.tsx +244 -33
  781. package/src/components/ui/gradient-background.module.css +6 -0
  782. package/src/components/ui/gradient-background.tsx +27 -5
  783. package/src/components/ui/gradient-text.module.css +23 -0
  784. package/src/components/ui/gradient-text.tsx +36 -9
  785. package/src/components/ui/highlight-text.module.css +14 -0
  786. package/src/components/ui/highlight-text.tsx +37 -15
  787. package/src/components/ui/hole-background.module.css +84 -0
  788. package/src/components/ui/hole-background.tsx +290 -162
  789. package/src/components/ui/hover-card.module.css +21 -0
  790. package/src/components/ui/hover-card.tsx +142 -21
  791. package/src/components/ui/input-group.module.css +148 -0
  792. package/src/components/ui/input-group.tsx +222 -98
  793. package/src/components/ui/input-otp.module.css +92 -0
  794. package/src/components/ui/input-otp.tsx +159 -33
  795. package/src/components/ui/input.module.css +37 -0
  796. package/src/components/ui/input.tsx +56 -14
  797. package/src/components/ui/item.module.css +143 -0
  798. package/src/components/ui/item.tsx +331 -104
  799. package/src/components/ui/kbd.module.css +31 -0
  800. package/src/components/ui/kbd.tsx +60 -17
  801. package/src/components/ui/label.module.css +13 -0
  802. package/src/components/ui/label.tsx +38 -14
  803. package/src/components/ui/list-skeleton.module.css +35 -0
  804. package/src/components/ui/list-skeleton.tsx +70 -0
  805. package/src/components/ui/loading-overlay.module.css +19 -0
  806. package/src/components/ui/loading-overlay.tsx +72 -0
  807. package/src/components/ui/menubar.module.css +144 -0
  808. package/src/components/ui/menubar.tsx +605 -192
  809. package/src/components/ui/meter.module.css +32 -0
  810. package/src/components/ui/meter.tsx +170 -0
  811. package/src/components/ui/navigation-menu.module.css +110 -0
  812. package/src/components/ui/navigation-menu.tsx +375 -101
  813. package/src/components/ui/number-field.module.css +126 -0
  814. package/src/components/ui/number-field.tsx +254 -0
  815. package/src/components/ui/pagination.module.css +64 -0
  816. package/src/components/ui/pagination.tsx +250 -72
  817. package/src/components/ui/popover.module.css +26 -0
  818. package/src/components/ui/popover.tsx +207 -25
  819. package/src/components/ui/progress.module.css +15 -0
  820. package/src/components/ui/progress.tsx +53 -16
  821. package/src/components/ui/radio-group.module.css +41 -0
  822. package/src/components/ui/radio-group.tsx +91 -34
  823. package/src/components/ui/resizable.module.css +67 -0
  824. package/src/components/ui/resizable.tsx +106 -26
  825. package/src/components/ui/ripple-button.module.css +35 -0
  826. package/src/components/ui/ripple-button.tsx +55 -21
  827. package/src/components/ui/scratcher.module.css +9 -0
  828. package/src/components/ui/scratcher.tsx +129 -99
  829. package/src/components/ui/scroll-area.module.css +47 -0
  830. package/src/components/ui/scroll-area.tsx +96 -34
  831. package/src/components/ui/select.module.css +131 -0
  832. package/src/components/ui/select.tsx +435 -124
  833. package/src/components/ui/separator.module.css +14 -0
  834. package/src/components/ui/separator.tsx +59 -18
  835. package/src/components/ui/sheet.module.css +138 -0
  836. package/src/components/ui/sheet.tsx +424 -95
  837. package/src/components/ui/sidebar.module.css +594 -0
  838. package/src/components/ui/sidebar.tsx +899 -425
  839. package/src/components/ui/skeleton.module.css +14 -0
  840. package/src/components/ui/skeleton.tsx +39 -9
  841. package/src/components/ui/slider.module.css +48 -0
  842. package/src/components/ui/slider.tsx +89 -16
  843. package/src/components/ui/sonner.module.css +246 -0
  844. package/src/components/ui/sonner.tsx +769 -25
  845. package/src/components/ui/spinner.module.css +25 -0
  846. package/src/components/ui/spinner.tsx +51 -12
  847. package/src/components/ui/stepper.module.css +72 -0
  848. package/src/components/ui/stepper.tsx +95 -0
  849. package/src/components/ui/switch.module.css +42 -0
  850. package/src/components/ui/switch.tsx +53 -20
  851. package/src/components/ui/table-skeleton.module.css +29 -0
  852. package/src/components/ui/table-skeleton.tsx +79 -0
  853. package/src/components/ui/table.module.css +66 -0
  854. package/src/components/ui/table.tsx +235 -61
  855. package/src/components/ui/tabs.module.css +89 -0
  856. package/src/components/ui/tabs.tsx +192 -45
  857. package/src/components/ui/textarea.module.css +30 -0
  858. package/src/components/ui/textarea.tsx +30 -10
  859. package/src/components/ui/timeline.module.css +43 -0
  860. package/src/components/ui/timeline.tsx +153 -0
  861. package/src/components/ui/toggle-group.module.css +5 -0
  862. package/src/components/ui/toggle-group.tsx +116 -35
  863. package/src/components/ui/toggle.module.css +57 -0
  864. package/src/components/ui/toggle.tsx +89 -33
  865. package/src/components/ui/toolbar.module.css +112 -0
  866. package/src/components/ui/toolbar.tsx +210 -0
  867. package/src/components/ui/tooltip.module.css +39 -0
  868. package/src/components/ui/tooltip.tsx +181 -24
  869. package/src/components/ui/typewriter.module.css +101 -0
  870. package/src/components/ui/typewriter.tsx +130 -128
  871. package/src/components/ui/visually-hidden.module.css +11 -0
  872. package/src/components/ui/visually-hidden.tsx +50 -0
  873. package/src/css-modules.d.ts +9 -0
  874. package/src/hooks/useAnnounce.tsx +73 -0
  875. package/src/hooks/useBreakpoint.tsx +41 -0
  876. package/src/hooks/useColorScheme.tsx +23 -0
  877. package/src/hooks/useFocusManager.tsx +89 -0
  878. package/src/hooks/useFocusVisible.tsx +88 -0
  879. package/src/hooks/useIsMobile.tsx +7 -28
  880. package/src/hooks/useMediaQuery.tsx +34 -0
  881. package/src/hooks/usePrefersContrast.tsx +24 -0
  882. package/src/hooks/useReducedMotion.tsx +20 -0
  883. package/src/index.css +127 -65
  884. package/src/index.ts +223 -16
  885. package/src/lib/color-conversion-utilities.ts +165 -0
  886. package/src/lib/utilities.ts +7 -6
  887. package/src/motion/Collapse.module.css +22 -0
  888. package/src/motion/Collapse.tsx +52 -0
  889. package/src/motion/Presence.tsx +44 -0
  890. package/src/motion/index.ts +13 -0
  891. package/src/motion/presets.ts +77 -0
  892. package/src/motion/tokens.ts +37 -0
@@ -0,0 +1,159 @@
1
+ .container-nkcPpN {
2
+ aspect-ratio: 16 / 9;
3
+ color: var(--ac-foreground);
4
+ font-size: var(--ac-text-xs);
5
+ justify-content: center;
6
+ display: flex;
7
+ }
8
+
9
+ .container-nkcPpN .recharts-cartesian-axis-tick text {
10
+ fill: var(--ac-muted-foreground);
11
+ }
12
+
13
+ :is(.container-nkcPpN .recharts-cartesian-grid line[stroke="#ccc"], .container-nkcPpN .recharts-polar-grid line[stroke="#ccc"], .container-nkcPpN .recharts-reference-line line[stroke="#ccc"]) {
14
+ stroke: var(--ac-border);
15
+ }
16
+
17
+ .container-nkcPpN .recharts-curve.recharts-tooltip-cursor {
18
+ stroke: var(--ac-border);
19
+ }
20
+
21
+ :is(.container-nkcPpN .recharts-radial-bar-background-sector, .container-nkcPpN .recharts-rectangle.recharts-tooltip-cursor) {
22
+ fill: var(--ac-muted);
23
+ }
24
+
25
+ :is(.container-nkcPpN .recharts-dot[stroke="#fff"], .container-nkcPpN .recharts-sector[stroke="#fff"]) {
26
+ stroke: #0000;
27
+ }
28
+
29
+ :is(.container-nkcPpN .recharts-layer, .container-nkcPpN .recharts-sector, .container-nkcPpN .recharts-surface) {
30
+ outline: none;
31
+ }
32
+
33
+ .tooltip-JE6YdG {
34
+ background-color: var(--ac-background);
35
+ border: 1px solid color-mix(in oklch,var(--ac-border),transparent 15%);
36
+ border-radius: var(--ac-radius-lg);
37
+ align-items: start;
38
+ gap: var(--ac-space-2);
39
+ min-width: 8rem;
40
+ padding: .625rem;
41
+ display: grid;
42
+ box-shadow: 0 16px 40px #00000024;
43
+ }
44
+
45
+ .tooltipLabel-s0Q2Ku {
46
+ font-weight: 500;
47
+ }
48
+
49
+ .tooltipBody-jbC6nV {
50
+ gap: var(--ac-space-2);
51
+ display: grid;
52
+ }
53
+
54
+ .tooltipItem-GQgek3 {
55
+ align-items: stretch;
56
+ gap: var(--ac-space-2);
57
+ flex-wrap: wrap;
58
+ width: 100%;
59
+ display: flex;
60
+ }
61
+
62
+ .tooltipItemCenter-U79aab, .tooltipValueRow-W6aHe5 {
63
+ align-items: center;
64
+ }
65
+
66
+ .tooltipValueRow-W6aHe5 {
67
+ gap: var(--ac-space-3);
68
+ flex: 1;
69
+ justify-content: space-between;
70
+ line-height: 1;
71
+ display: flex;
72
+ }
73
+
74
+ .tooltipValueRowNested-UriMgN {
75
+ align-items: end;
76
+ }
77
+
78
+ .tooltipNameWrapper-zOUl5L {
79
+ gap: var(--ac-space-2);
80
+ display: grid;
81
+ }
82
+
83
+ .tooltipName-QTzGcl {
84
+ color: var(--ac-muted-foreground);
85
+ }
86
+
87
+ .tooltipValue-kCE38M {
88
+ color: var(--ac-foreground);
89
+ font-variant-numeric: tabular-nums;
90
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;
91
+ font-weight: 500;
92
+ }
93
+
94
+ .tooltipIndicator-ToRPAT {
95
+ background-color: var(--ac-chart-indicator-background);
96
+ border-color: var(--ac-chart-indicator-border);
97
+ border-radius: 2px;
98
+ flex-shrink: 0;
99
+ }
100
+
101
+ .tooltipIndicatorDot-zHrqQT {
102
+ width: .625rem;
103
+ height: .625rem;
104
+ }
105
+
106
+ .tooltipIndicatorLine-kDgqOa {
107
+ width: .25rem;
108
+ height: auto;
109
+ min-height: .75rem;
110
+ }
111
+
112
+ .tooltipIndicatorDashed-L16gSV {
113
+ background-color: #0000;
114
+ border-style: dashed;
115
+ border-width: 1.5px;
116
+ width: 0;
117
+ min-height: .75rem;
118
+ }
119
+
120
+ .tooltipIndicatorDashedNested-VLpo90 {
121
+ margin-block: .125rem;
122
+ }
123
+
124
+ .legend-GVSwSg {
125
+ align-items: center;
126
+ gap: var(--ac-space-4);
127
+ justify-content: center;
128
+ display: flex;
129
+ }
130
+
131
+ .legendTop-RfnkG0 {
132
+ padding-bottom: var(--ac-space-3);
133
+ }
134
+
135
+ .legendBottom-gpGzdR {
136
+ padding-top: var(--ac-space-3);
137
+ }
138
+
139
+ .legendItem-twJYyE {
140
+ align-items: center;
141
+ gap: var(--ac-space-2);
142
+ display: flex;
143
+ }
144
+
145
+ .legendItem-twJYyE svg {
146
+ color: var(--ac-muted-foreground);
147
+ width: .75rem;
148
+ height: .75rem;
149
+ }
150
+
151
+ .legendColor-cybxIQ {
152
+ border-radius: 2px;
153
+ flex-shrink: 0;
154
+ width: .5rem;
155
+ height: .5rem;
156
+ }
157
+
158
+
159
+ /*# sourceMappingURL=chart_module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/chart.module.css","webpack://./src/components/ui/chart.module.css"],"names":[],"mappings":"AADA;ECEE,oBAAoB;EACpB,2BAA2B;EAC3B,4BAA4B;EAC5B,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,sEAAsE;EACtE,kCAAkC;EAClC,kBAAkB;EAClB,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,iCAAiC;AACnC;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,oBAAoB;EACpB,sBAAsB;EACtB,eAAe;EACf,WAAW;EACX,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,OAAO;EACP,8BAA8B;EAC9B,cAAc;EACd,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,2BAA2B;EAC3B,kCAAkC;EAClC,+FAA+F;EAC/F,gBAAgB;AAClB;;AAEA;EACE,sDAAsD;EACtD,8CAA8C;EAC9C,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,iCAAiC;EACjC,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,YAAY;EACZ,aAAa;AACf","sourcesContent":[".container{aspect-ratio:16/9;color:var(--ac-foreground);display:flex;font-size:var(--ac-text-xs);justify-content:center}.container :global(.recharts-cartesian-axis-tick text){fill:var(--ac-muted-foreground)}.container :global(.recharts-cartesian-grid line[stroke=\"#ccc\"]),.container :global(.recharts-polar-grid line[stroke=\"#ccc\"]),.container :global(.recharts-reference-line line[stroke=\"#ccc\"]){stroke:var(--ac-border)}.container :global(.recharts-curve.recharts-tooltip-cursor){stroke:var(--ac-border)}.container :global(.recharts-radial-bar-background-sector),.container :global(.recharts-rectangle.recharts-tooltip-cursor){fill:var(--ac-muted)}.container :global(.recharts-dot[stroke=\"#fff\"]),.container :global(.recharts-sector[stroke=\"#fff\"]){stroke:transparent}.container :global(.recharts-layer),.container :global(.recharts-sector),.container :global(.recharts-surface){outline:none}.tooltip{align-items:start;background-color:var(--ac-background);border:1px solid color-mix(in oklch,var(--ac-border),transparent 15%);border-radius:var(--ac-radius-lg);box-shadow:0 16px 40px rgba(0,0,0,.14);display:grid;gap:var(--ac-space-2);min-width:8rem;padding:.625rem}.tooltipLabel{font-weight:500}.tooltipBody{display:grid;gap:var(--ac-space-2)}.tooltipItem{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--ac-space-2);width:100%}.tooltipItemCenter,.tooltipValueRow{align-items:center}.tooltipValueRow{display:flex;flex:1;gap:var(--ac-space-3);justify-content:space-between;line-height:1}.tooltipValueRowNested{align-items:end}.tooltipNameWrapper{display:grid;gap:var(--ac-space-2)}.tooltipName{color:var(--ac-muted-foreground)}.tooltipValue{color:var(--ac-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:500}.tooltipIndicator{background-color:var(--ac-chart-indicator-background);border-color:var(--ac-chart-indicator-border);border-radius:2px;flex-shrink:0}.tooltipIndicatorDot{height:.625rem;width:.625rem}.tooltipIndicatorLine{height:auto;min-height:.75rem;width:.25rem}.tooltipIndicatorDashed{background-color:transparent;border-style:dashed;border-width:1.5px;min-height:.75rem;width:0}.tooltipIndicatorDashedNested{margin-block:.125rem}.legend{align-items:center;display:flex;gap:var(--ac-space-4);justify-content:center}.legendTop{padding-bottom:var(--ac-space-3)}.legendBottom{padding-top:var(--ac-space-3)}.legendItem{align-items:center;display:flex;gap:var(--ac-space-2)}.legendItem svg{color:var(--ac-muted-foreground);height:.75rem;width:.75rem}.legendColor{border-radius:2px;flex-shrink:0;height:.5rem;width:.5rem}",".container {\n aspect-ratio: 16 / 9;\n color: var(--ac-foreground);\n font-size: var(--ac-text-xs);\n justify-content: center;\n display: flex;\n}\n\n.container :global(.recharts-cartesian-axis-tick text) {\n fill: var(--ac-muted-foreground);\n}\n\n:is(.container :global(.recharts-cartesian-grid line[stroke=\"#ccc\"]), .container :global(.recharts-polar-grid line[stroke=\"#ccc\"]), .container :global(.recharts-reference-line line[stroke=\"#ccc\"])) {\n stroke: var(--ac-border);\n}\n\n.container :global(.recharts-curve.recharts-tooltip-cursor) {\n stroke: var(--ac-border);\n}\n\n:is(.container :global(.recharts-radial-bar-background-sector), .container :global(.recharts-rectangle.recharts-tooltip-cursor)) {\n fill: var(--ac-muted);\n}\n\n:is(.container :global(.recharts-dot[stroke=\"#fff\"]), .container :global(.recharts-sector[stroke=\"#fff\"])) {\n stroke: #0000;\n}\n\n:is(.container :global(.recharts-layer), .container :global(.recharts-sector), .container :global(.recharts-surface)) {\n outline: none;\n}\n\n.tooltip {\n background-color: var(--ac-background);\n border: 1px solid color-mix(in oklch,var(--ac-border),transparent 15%);\n border-radius: var(--ac-radius-lg);\n align-items: start;\n gap: var(--ac-space-2);\n min-width: 8rem;\n padding: .625rem;\n display: grid;\n box-shadow: 0 16px 40px #00000024;\n}\n\n.tooltipLabel {\n font-weight: 500;\n}\n\n.tooltipBody {\n gap: var(--ac-space-2);\n display: grid;\n}\n\n.tooltipItem {\n align-items: stretch;\n gap: var(--ac-space-2);\n flex-wrap: wrap;\n width: 100%;\n display: flex;\n}\n\n.tooltipItemCenter, .tooltipValueRow {\n align-items: center;\n}\n\n.tooltipValueRow {\n gap: var(--ac-space-3);\n flex: 1;\n justify-content: space-between;\n line-height: 1;\n display: flex;\n}\n\n.tooltipValueRowNested {\n align-items: end;\n}\n\n.tooltipNameWrapper {\n gap: var(--ac-space-2);\n display: grid;\n}\n\n.tooltipName {\n color: var(--ac-muted-foreground);\n}\n\n.tooltipValue {\n color: var(--ac-foreground);\n font-variant-numeric: tabular-nums;\n font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;\n font-weight: 500;\n}\n\n.tooltipIndicator {\n background-color: var(--ac-chart-indicator-background);\n border-color: var(--ac-chart-indicator-border);\n border-radius: 2px;\n flex-shrink: 0;\n}\n\n.tooltipIndicatorDot {\n width: .625rem;\n height: .625rem;\n}\n\n.tooltipIndicatorLine {\n width: .25rem;\n height: auto;\n min-height: .75rem;\n}\n\n.tooltipIndicatorDashed {\n background-color: #0000;\n border-style: dashed;\n border-width: 1.5px;\n width: 0;\n min-height: .75rem;\n}\n\n.tooltipIndicatorDashedNested {\n margin-block: .125rem;\n}\n\n.legend {\n align-items: center;\n gap: var(--ac-space-4);\n justify-content: center;\n display: flex;\n}\n\n.legendTop {\n padding-bottom: var(--ac-space-3);\n}\n\n.legendBottom {\n padding-top: var(--ac-space-3);\n}\n\n.legendItem {\n align-items: center;\n gap: var(--ac-space-2);\n display: flex;\n}\n\n.legendItem svg {\n color: var(--ac-muted-foreground);\n width: .75rem;\n height: .75rem;\n}\n\n.legendColor {\n border-radius: 2px;\n flex-shrink: 0;\n width: .5rem;\n height: .5rem;\n}\n"],"sourceRoot":""}
@@ -0,0 +1,31 @@
1
+ import { CheckboxGroup as BaseCheckboxGroup } from "@base-ui/react/checkbox-group";
2
+ import * as React from "react";
3
+ type CheckboxGroupProps = React.ComponentPropsWithRef<typeof BaseCheckboxGroup>;
4
+ /**
5
+ * Groups related checkboxes into a single accessible fieldset-like control.
6
+ *
7
+ * @remarks
8
+ * - Renders a `<div>` element by default
9
+ * - Built on Base UI Checkbox Group primitives
10
+ * - Applies compact stacked spacing between child checkboxes
11
+ *
12
+ * @example
13
+ * ```tsx
14
+ * <CheckboxGroup defaultValue={["news"]}>
15
+ * <Checkbox value='news'>Newsletter</Checkbox>
16
+ * <Checkbox value='events'>Events</Checkbox>
17
+ * </CheckboxGroup>
18
+ * ```
19
+ *
20
+ * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI Checkbox Group Docs}
21
+ */
22
+ declare function CheckboxGroup(props: Readonly<CheckboxGroup.Props>): React.ReactElement;
23
+ declare namespace CheckboxGroup {
24
+ var displayName: string;
25
+ }
26
+ declare namespace CheckboxGroup {
27
+ type Props = CheckboxGroupProps;
28
+ type State = BaseCheckboxGroup.State;
29
+ }
30
+ export { CheckboxGroup };
31
+ //# sourceMappingURL=checkbox-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGjF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAa/E;kBAbQ,aAAa;;;AAgBtB,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC;CAC7C;AAID,OAAO,EAAC,aAAa,EAAC,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use client";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { CheckboxGroup } from "@base-ui/react/checkbox-group";
4
+ import { mergeProps } from "@base-ui/react/merge-props";
5
+ import { useRender } from "@base-ui/react/use-render";
6
+ import "react";
7
+ import { cn } from "../../lib/utilities.js";
8
+ import checkbox_group_module from "./checkbox-group.module.js";
9
+ function checkbox_group_CheckboxGroup(props) {
10
+ const { className, render, ...otherProps } = props;
11
+ return /*#__PURE__*/ jsx(CheckboxGroup, {
12
+ ...otherProps,
13
+ render: useRender({
14
+ defaultTagName: "div",
15
+ render: render,
16
+ props: mergeProps({
17
+ className: cn(checkbox_group_module.group, className)
18
+ }, {})
19
+ })
20
+ });
21
+ }
22
+ checkbox_group_CheckboxGroup.displayName = "CheckboxGroup";
23
+ export { checkbox_group_CheckboxGroup as CheckboxGroup };
24
+
25
+ //# sourceMappingURL=checkbox-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/ui/checkbox-group.js","sources":["../../../src/components/ui/checkbox-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {CheckboxGroup as BaseCheckboxGroup} from \"@base-ui/react/checkbox-group\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./checkbox-group.module.css\";\r\n\r\ntype CheckboxGroupProps = React.ComponentPropsWithRef<typeof BaseCheckboxGroup>;\r\n\r\n/**\r\n * Groups related checkboxes into a single accessible fieldset-like control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Checkbox Group primitives\r\n * - Applies compact stacked spacing between child checkboxes\r\n *\r\n * @example\r\n * ```tsx\r\n * <CheckboxGroup defaultValue={[\"news\"]}>\r\n * <Checkbox value='news'>Newsletter</Checkbox>\r\n * <Checkbox value='events'>Events</Checkbox>\r\n * </CheckboxGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI Checkbox Group Docs}\r\n */\r\nfunction CheckboxGroup(props: Readonly<CheckboxGroup.Props>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseCheckboxGroup\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.group, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace CheckboxGroup {\r\n export type Props = CheckboxGroupProps;\r\n export type State = BaseCheckboxGroup.State;\r\n}\r\n\r\nCheckboxGroup.displayName = \"CheckboxGroup\";\r\n\r\nexport {CheckboxGroup};\r\n"],"names":["CheckboxGroup","props","className","render","otherProps","BaseCheckboxGroup","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AA8BA,SAASA,6BAAcC,KAAoC;IACzD,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGH;IAE3C,OAAO,WAAP,GACE,IAACI,eAAiBA;QACf,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,sBAAAA,KAAY,EAAEP;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAQAF,6BAAc,WAAW,GAAG"}
@@ -0,0 +1,7 @@
1
+ import "./checkbox-group_module.css";
2
+ const checkbox_group_module = {
3
+ group: "group-P3ekXA"
4
+ };
5
+ export default checkbox_group_module;
6
+
7
+ //# sourceMappingURL=checkbox-group.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/ui/checkbox-group.module.js","sources":["../../../src/components/ui/checkbox-group.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./checkbox-group_module.css\"\nexport default {\"group\":\"group-P3ekXA\"};"],"names":[],"mappings":";AAEA,8BAAe;IAAC,OAAQ;AAAc"}
@@ -0,0 +1,11 @@
1
+ .group-P3ekXA {
2
+ gap: var(--ac-space-2);
3
+ display: grid;
4
+
5
+ &[data-disabled] {
6
+ opacity: .6;
7
+ }
8
+ }
9
+
10
+
11
+ /*# sourceMappingURL=checkbox-group_module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/checkbox-group.module.css","webpack://./src/components/ui/checkbox-group.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,aAAa;;EAEb;IACE,WAAW;EACb;AACF","sourcesContent":[".group{display:grid;gap:var(--ac-space-2);&[data-disabled]{opacity:.6}}",".group {\n gap: var(--ac-space-2);\n display: grid;\n\n &[data-disabled] {\n opacity: .6;\n }\n}\n"],"sourceRoot":""}
@@ -1,5 +1,36 @@
1
- import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
1
+ import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
2
2
  import * as React from "react";
3
- declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
3
+ /**
4
+ * Props for the shared checkbox wrapper.
5
+ */
6
+ interface CheckboxProps extends Omit<React.ComponentPropsWithRef<typeof BaseCheckbox.Root>, "checked" | "className" | "onCheckedChange"> {
7
+ /** Additional CSS classes merged with the checkbox control styles. @default undefined */
8
+ className?: string;
9
+ /** The current checked state, including support for the legacy `"indeterminate"` value. @default undefined */
10
+ checked?: boolean | "indeterminate";
11
+ /** Called whenever the checked state changes. @default undefined */
12
+ onCheckedChange?: (checked: boolean | "indeterminate") => void;
13
+ }
14
+ /**
15
+ * Renders a selectable checkbox control with checked and indeterminate support.
16
+ *
17
+ * @remarks
18
+ * - Renders a `<button>` element by default
19
+ * - Built on {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}
20
+ * - Supports the `render` prop for element composition
21
+ * - Styling via CSS Modules with `--ac-*` custom properties
22
+ *
23
+ * @example Basic usage
24
+ * ```tsx
25
+ * <Checkbox checked />
26
+ * ```
27
+ *
28
+ * @see {@link https://base-ui.com/react/components/checkbox | Base UI Documentation}
29
+ */
30
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLElement>>;
31
+ declare namespace Checkbox {
32
+ type Props = CheckboxProps;
33
+ type State = BaseCheckbox.Root.State;
34
+ }
4
35
  export { Checkbox };
5
36
  //# sourceMappingURL=checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAeZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAGjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACtI,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,oEAAoE;IACpE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAC;CAChE;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,gGAiCb,CAAC;AAIF,kBAAU,QAAQ,CAAC;IACjB,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;CAC7C;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
@@ -1,21 +1,46 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { Indicator, Root } from "@radix-ui/react-checkbox";
4
- import { Check } from "lucide-react";
3
+ import { Checkbox } from "@base-ui/react/checkbox";
4
+ import { mergeProps } from "@base-ui/react/merge-props";
5
+ import { useRender } from "@base-ui/react/use-render";
5
6
  import { forwardRef } from "react";
6
7
  import { cn } from "../../lib/utilities.js";
7
- const Checkbox = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
8
+ import checkbox_module from "./checkbox.module.js";
9
+ const checkbox_Checkbox = /*#__PURE__*/ forwardRef((props, ref)=>{
10
+ const { checked, className, onCheckedChange, render, ...otherProps } = props;
11
+ const baseChecked = "indeterminate" === checked ? true : checked;
12
+ const indeterminate = "indeterminate" === checked;
13
+ return /*#__PURE__*/ jsx(Checkbox.Root, {
8
14
  ref: ref,
9
- className: cn("peer grid h-4 w-4 shrink-0 place-content-center rounded-sm border border-neutral-200 border-neutral-900 shadow focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 dark:border-neutral-50 dark:border-neutral-800 dark:focus-visible:ring-neutral-300 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900", className),
10
- ...props,
11
- children: /*#__PURE__*/ jsx(Indicator, {
12
- className: cn("grid place-content-center text-current"),
13
- children: /*#__PURE__*/ jsx(Check, {
14
- className: "h-4 w-4"
15
+ checked: baseChecked,
16
+ indeterminate: indeterminate,
17
+ onCheckedChange: onCheckedChange,
18
+ ...otherProps,
19
+ render: useRender({
20
+ defaultTagName: "button",
21
+ render: render,
22
+ props: mergeProps({
23
+ className: cn(checkbox_module.checkbox, className)
24
+ }, {})
25
+ }),
26
+ children: /*#__PURE__*/ jsx(Checkbox.Indicator, {
27
+ className: checkbox_module.indicator,
28
+ children: /*#__PURE__*/ jsx("svg", {
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ viewBox: "0 0 24 24",
31
+ fill: "none",
32
+ stroke: "currentColor",
33
+ strokeWidth: "3",
34
+ strokeLinecap: "round",
35
+ strokeLinejoin: "round",
36
+ children: /*#__PURE__*/ jsx("polyline", {
37
+ points: "20 6 9 17 4 12"
38
+ })
15
39
  })
16
40
  })
17
- }));
18
- Checkbox.displayName = Root.displayName;
19
- export { Checkbox };
41
+ });
42
+ });
43
+ checkbox_Checkbox.displayName = "Checkbox";
44
+ export { checkbox_Checkbox as Checkbox };
20
45
 
21
46
  //# sourceMappingURL=checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components/ui/checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport {Check} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Checkbox = React.forwardRef<\r\n React.ComponentRef<typeof CheckboxPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n <CheckboxPrimitive.Root\r\n ref={ref}\r\n className={cn(\r\n \"peer grid h-4 w-4 shrink-0 place-content-center rounded-sm border border-neutral-200 border-neutral-900 shadow focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=checked]:text-neutral-50 dark:border-neutral-50 dark:border-neutral-800 dark:focus-visible:ring-neutral-300 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=checked]:text-neutral-900\",\r\n className,\r\n )}\r\n {...props}>\r\n <CheckboxPrimitive.Indicator className={cn(\"grid place-content-center text-current\")}>\r\n <Check className='h-4 w-4' />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n));\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nexport {Checkbox};\r\n"],"names":["Checkbox","React","className","props","ref","CheckboxPrimitive","cn","Check"],"mappings":";;;;;;AAQA,MAAMA,WAAW,WAAXA,GAAWC,WAGf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAsB;QACrB,KAAKD;QACL,WAAWE,GACT,geACAJ;QAED,GAAGC,KAAK;kBACT,kBAACE,WAA2B;YAAC,WAAWC,GAAG;sBACzC,kBAACC,OAAKA;gBAAC,WAAU;;;;AAIvBP,SAAS,WAAW,GAAGK,KAAAA,WAAkC"}
1
+ {"version":3,"file":"components/ui/checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Checkbox as BaseCheckbox} from \"@base-ui/react/checkbox\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./checkbox.module.css\";\r\n\r\n/**\r\n * Props for the shared checkbox wrapper.\r\n */\r\ninterface CheckboxProps extends Omit<React.ComponentPropsWithRef<typeof BaseCheckbox.Root>, \"checked\" | \"className\" | \"onCheckedChange\"> {\r\n /** Additional CSS classes merged with the checkbox control styles. @default undefined */\r\n className?: string;\r\n /** The current checked state, including support for the legacy `\"indeterminate\"` value. @default undefined */\r\n checked?: boolean | \"indeterminate\";\r\n /** Called whenever the checked state changes. @default undefined */\r\n onCheckedChange?: (checked: boolean | \"indeterminate\") => void;\r\n}\r\n\r\n/**\r\n * Renders a selectable checkbox control with checked and indeterminate support.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Checkbox checked />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/checkbox | Base UI Documentation}\r\n */\r\nconst Checkbox = React.forwardRef<React.ComponentRef<typeof BaseCheckbox.Root>, Checkbox.Props>(\r\n (props: Readonly<Checkbox.Props>, ref): React.ReactElement => {\r\n const {checked, className, onCheckedChange, render, ...otherProps} = props;\r\n const baseChecked = checked === \"indeterminate\" ? true : checked;\r\n const indeterminate = checked === \"indeterminate\";\r\n\r\n return (\r\n <BaseCheckbox.Root\r\n ref={ref}\r\n checked={baseChecked}\r\n indeterminate={indeterminate}\r\n onCheckedChange={onCheckedChange as React.ComponentPropsWithRef<typeof BaseCheckbox.Root>[\"onCheckedChange\"]}\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.checkbox, className)}, {}),\r\n })}>\r\n <BaseCheckbox.Indicator className={styles.indicator}>\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='0 0 24 24'\r\n fill='none'\r\n stroke='currentColor'\r\n strokeWidth='3'\r\n strokeLinecap='round'\r\n strokeLinejoin='round'>\r\n <polyline points='20 6 9 17 4 12' />\r\n </svg>\r\n </BaseCheckbox.Indicator>\r\n </BaseCheckbox.Root>\r\n );\r\n },\r\n);\r\nCheckbox.displayName = \"Checkbox\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Checkbox {\r\n export type Props = CheckboxProps;\r\n export type State = BaseCheckbox.Root.State;\r\n}\r\n\r\nexport {Checkbox};\r\n"],"names":["Checkbox","React","props","ref","checked","className","onCheckedChange","render","otherProps","baseChecked","indeterminate","BaseCheckbox","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAsCA,MAAMA,oBAAW,WAAHA,GAAGC,WACf,CAACC,OAAiCC;IAChC,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAEC,eAAe,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGN;IACrE,MAAMO,cAAcL,AAAY,oBAAZA,UAA8B,OAAOA;IACzD,MAAMM,gBAAgBN,AAAY,oBAAZA;IAEtB,OAAO,WAAP,GACE,IAACO,SAAAA,IAAiB;QAChB,KAAKR;QACL,SAASM;QACT,eAAeC;QACf,iBAAiBJ;QAChB,GAAGE,UAAU;QACd,QAAQI,UAAU;YAChB,gBAAgB;YAChB,QAAQL;YACR,OAAOM,WAAW;gBAAC,WAAWC,GAAGC,gBAAAA,QAAe,EAAEV;YAAU,GAAG,CAAC;QAClE;kBACA,kBAACM,SAAAA,SAAsB;YAAC,WAAWI,gBAAAA,SAAgB;sBACjD,kBAAC;gBACC,OAAM;gBACN,SAAQ;gBACR,MAAK;gBACL,QAAO;gBACP,aAAY;gBACZ,eAAc;gBACd,gBAAe;0BACf,kBAAC;oBAAS,QAAO;;;;;AAK3B;AAEFf,kBAAS,WAAW,GAAG"}
@@ -0,0 +1,8 @@
1
+ import "./checkbox_module.css";
2
+ const checkbox_module = {
3
+ checkbox: "checkbox-Wu1gAd",
4
+ indicator: "indicator-zquFRe"
5
+ };
6
+ export default checkbox_module;
7
+
8
+ //# sourceMappingURL=checkbox.module.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/ui/checkbox.module.js","sources":["../../../src/components/ui/checkbox.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./checkbox_module.css\"\nexport default {\"checkbox\":\"checkbox-Wu1gAd\",\"indicator\":\"indicator-zquFRe\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,UAAW;IAAkB,WAAY;AAAkB"}
@@ -0,0 +1,45 @@
1
+ .checkbox-Wu1gAd {
2
+ border: 1px solid var(--ac-primary);
3
+ border-radius: var(--ac-radius-xs);
4
+ color: currentColor;
5
+ cursor: pointer;
6
+ height: 1rem;
7
+ transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast);
8
+ background-color: #0000;
9
+ outline: none;
10
+ flex-shrink: 0;
11
+ justify-content: center;
12
+ align-items: center;
13
+ width: 1rem;
14
+ display: inline-flex;
15
+
16
+ &:focus-visible {
17
+ outline: 2px solid var(--ac-ring);
18
+ outline-offset: 2px;
19
+ }
20
+
21
+ &[data-disabled] {
22
+ cursor: not-allowed;
23
+ opacity: .5;
24
+ }
25
+
26
+ &[data-checked], &[data-indeterminate] {
27
+ background-color: var(--ac-primary);
28
+ border-color: var(--ac-primary);
29
+ color: var(--ac-primary-foreground);
30
+ }
31
+ }
32
+
33
+ .indicator-zquFRe {
34
+ justify-content: center;
35
+ align-items: center;
36
+ display: flex;
37
+
38
+ & svg {
39
+ width: .75rem;
40
+ height: .75rem;
41
+ }
42
+ }
43
+
44
+
45
+ /*# sourceMappingURL=checkbox_module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/checkbox.module.css","webpack://./src/components/ui/checkbox.module.css"],"names":[],"mappings":"AADA;ECEE,mCAAmC;EACnC,kCAAkC;EAClC,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,6FAA6F;EAC7F,uBAAuB;EACvB,aAAa;EACb,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;;EAEpB;IACE,iCAAiC;IACjC,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;;EAEA;IACE,mCAAmC;IACnC,+BAA+B;IAC/B,mCAAmC;EACrC;AACF;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;;EAEb;IACE,aAAa;IACb,cAAc;EAChB;AACF","sourcesContent":[".checkbox{align-items:center;background-color:transparent;border:1px solid var(--ac-primary);border-radius:var(--ac-radius-xs);color:currentcolor;cursor:pointer;display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;outline:none;transition:background-color var(--ac-transition-fast),border-color var(--ac-transition-fast);width:1rem;&:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;opacity:.5}&[data-checked],&[data-indeterminate]{background-color:var(--ac-primary);border-color:var(--ac-primary);color:var(--ac-primary-foreground)}}.indicator{align-items:center;display:flex;justify-content:center;& svg{height:.75rem;width:.75rem}}",".checkbox {\n border: 1px solid var(--ac-primary);\n border-radius: var(--ac-radius-xs);\n color: currentColor;\n cursor: pointer;\n height: 1rem;\n transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast);\n background-color: #0000;\n outline: none;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 1rem;\n display: inline-flex;\n\n &:focus-visible {\n outline: 2px solid var(--ac-ring);\n outline-offset: 2px;\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n opacity: .5;\n }\n\n &[data-checked], &[data-indeterminate] {\n background-color: var(--ac-primary);\n border-color: var(--ac-primary);\n color: var(--ac-primary-foreground);\n }\n}\n\n.indicator {\n justify-content: center;\n align-items: center;\n display: flex;\n\n & svg {\n width: .75rem;\n height: .75rem;\n }\n}\n"],"sourceRoot":""}
@@ -1,5 +1,89 @@
1
- import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
2
- declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
3
- declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
1
+ import { Collapsible as BaseCollapsible } from "@base-ui/react/collapsible";
2
+ import * as React from "react";
3
+ interface CollapsibleProps extends React.ComponentPropsWithRef<typeof BaseCollapsible.Root> {
4
+ }
5
+ interface CollapsibleTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseCollapsible.Trigger>, "className"> {
6
+ /**
7
+ * Applies additional CSS classes to the component root element.
8
+ * @default undefined
9
+ */
10
+ className?: string;
11
+ /**
12
+ * Enables child element composition instead of rendering the default wrapper.
13
+ * @default false
14
+ * @deprecated Prefer Base UI's `render` prop.
15
+ */
16
+ asChild?: boolean;
17
+ }
18
+ interface CollapsibleContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseCollapsible.Panel>, "className"> {
19
+ /**
20
+ * Applies additional CSS classes to the component root element.
21
+ * @default undefined
22
+ */
23
+ className?: string;
24
+ }
25
+ /**
26
+ * Coordinates collapsible state and accessibility behavior.
27
+ *
28
+ * @remarks
29
+ * - Delegates structure and state to the underlying Base UI primitive
30
+ * - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
31
+ * - Preserves the underlying primitive API for advanced composition
32
+ *
33
+ * @example
34
+ * ```tsx
35
+ * <Collapsible>Content</Collapsible>
36
+ * ```
37
+ *
38
+ * @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}
39
+ */
40
+ declare function Collapsible(props: Readonly<Collapsible.Props>): React.ReactElement;
41
+ declare namespace Collapsible {
42
+ var displayName: string;
43
+ }
44
+ /**
45
+ * Renders the collapsible trigger.
46
+ *
47
+ * @remarks
48
+ * - Renders a `<button>` element by default
49
+ * - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
50
+ * - Supports the `render` prop for element composition
51
+ *
52
+ * @example
53
+ * ```tsx
54
+ * <CollapsibleTrigger>Content</CollapsibleTrigger>
55
+ * ```
56
+ *
57
+ * @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}
58
+ */
59
+ declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
60
+ /**
61
+ * Renders the collapsible content.
62
+ *
63
+ * @remarks
64
+ * - Renders a `<div>` element by default
65
+ * - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
66
+ * - Supports the `render` prop for element composition
67
+ *
68
+ * @example
69
+ * ```tsx
70
+ * <CollapsibleContent>Content</CollapsibleContent>
71
+ * ```
72
+ *
73
+ * @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}
74
+ */
75
+ declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsibleContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
76
+ declare namespace Collapsible {
77
+ type Props = CollapsibleProps;
78
+ type State = BaseCollapsible.Root.State;
79
+ }
80
+ declare namespace CollapsibleTrigger {
81
+ type Props = CollapsibleTriggerProps;
82
+ type State = BaseCollapsible.Trigger.State;
83
+ }
84
+ declare namespace CollapsibleContent {
85
+ type Props = CollapsibleContentProps;
86
+ type State = BaseCollapsible.Panel.State;
87
+ }
4
88
  export { Collapsible, CollapsibleContent, CollapsibleTrigger };
5
89
  //# sourceMappingURL=collapsible.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,QAAA,MAAO,kBAAkB,8IAAE,kBAAkB,yIAAwB,CAAC;AAEtE,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAC"}
1
+ {"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAG1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,gBAAiB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;CAAG;AAE9F,UAAU,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAE3E;kBAFQ,WAAW;;;AAIpB;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,gHAkBvB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,6GAiBvB,CAAC;AAGF,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;CAChD;AAGD,kBAAU,kBAAkB,CAAC;IAC3B,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;CACnD;AAGD,kBAAU,kBAAkB,CAAC;IAC3B,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAMD,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAC"}