@arolariu/components 1.0.0 → 2.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 (451) hide show
  1. package/CHANGELOG.md +89 -0
  2. package/EXAMPLES.md +2510 -0
  3. package/dist/components/ui/accordion.js +3 -3
  4. package/dist/components/ui/accordion.js.map +1 -1
  5. package/dist/components/ui/accordion_module.css.map +1 -1
  6. package/dist/components/ui/alert-dialog.d.ts +4 -16
  7. package/dist/components/ui/alert-dialog.d.ts.map +1 -1
  8. package/dist/components/ui/alert-dialog.js +21 -17
  9. package/dist/components/ui/alert-dialog.js.map +1 -1
  10. package/dist/components/ui/alert-dialog_module.css +1 -1
  11. package/dist/components/ui/alert-dialog_module.css.map +1 -1
  12. package/dist/components/ui/alert.js +4 -4
  13. package/dist/components/ui/alert.js.map +1 -1
  14. package/dist/components/ui/alert_module.css.map +1 -1
  15. package/dist/components/ui/aspect-ratio.js +2 -2
  16. package/dist/components/ui/aspect-ratio.js.map +1 -1
  17. package/dist/components/ui/aspect-ratio_module.css.map +1 -1
  18. package/dist/components/ui/async-boundary.js +2 -2
  19. package/dist/components/ui/async-boundary.js.map +1 -1
  20. package/dist/components/ui/avatar.d.ts +3 -12
  21. package/dist/components/ui/avatar.d.ts.map +1 -1
  22. package/dist/components/ui/avatar.js +18 -15
  23. package/dist/components/ui/avatar.js.map +1 -1
  24. package/dist/components/ui/avatar_module.css.map +1 -1
  25. package/dist/components/ui/background-beams.js +3 -3
  26. package/dist/components/ui/background-beams.js.map +1 -1
  27. package/dist/components/ui/background-beams_module.css.map +1 -1
  28. package/dist/components/ui/badge.js +2 -2
  29. package/dist/components/ui/badge.js.map +1 -1
  30. package/dist/components/ui/badge_module.css.map +1 -1
  31. package/dist/components/ui/breadcrumb.js +10 -10
  32. package/dist/components/ui/breadcrumb.js.map +1 -1
  33. package/dist/components/ui/breadcrumb_module.css.map +1 -1
  34. package/dist/components/ui/bubble-background.js +5 -5
  35. package/dist/components/ui/bubble-background.js.map +1 -1
  36. package/dist/components/ui/bubble-background_module.css.map +1 -1
  37. package/dist/components/ui/button-group.d.ts +1 -1
  38. package/dist/components/ui/button-group.d.ts.map +1 -1
  39. package/dist/components/ui/button-group.js +6 -6
  40. package/dist/components/ui/button-group.js.map +1 -1
  41. package/dist/components/ui/button-group_module.css.map +1 -1
  42. package/dist/components/ui/button.js +4 -4
  43. package/dist/components/ui/button.js.map +1 -1
  44. package/dist/components/ui/button_module.css.map +1 -1
  45. package/dist/components/ui/calendar.d.ts +3 -5
  46. package/dist/components/ui/calendar.d.ts.map +1 -1
  47. package/dist/components/ui/calendar.js +9 -9
  48. package/dist/components/ui/calendar.js.map +1 -1
  49. package/dist/components/ui/calendar_module.css.map +1 -1
  50. package/dist/components/ui/card-skeleton.js +2 -2
  51. package/dist/components/ui/card-skeleton.js.map +1 -1
  52. package/dist/components/ui/card-skeleton_module.css.map +1 -1
  53. package/dist/components/ui/card.js +8 -8
  54. package/dist/components/ui/card.js.map +1 -1
  55. package/dist/components/ui/card_module.css.map +1 -1
  56. package/dist/components/ui/carousel.d.ts.map +1 -1
  57. package/dist/components/ui/carousel.js +16 -16
  58. package/dist/components/ui/carousel.js.map +1 -1
  59. package/dist/components/ui/carousel_module.css +1 -1
  60. package/dist/components/ui/carousel_module.css.map +1 -1
  61. package/dist/components/ui/chart.d.ts +6 -3
  62. package/dist/components/ui/chart.d.ts.map +1 -1
  63. package/dist/components/ui/chart.js +70 -70
  64. package/dist/components/ui/chart.js.map +1 -1
  65. package/dist/components/ui/chart_module.css.map +1 -1
  66. package/dist/components/ui/checkbox-group.d.ts +2 -6
  67. package/dist/components/ui/checkbox-group.d.ts.map +1 -1
  68. package/dist/components/ui/checkbox-group.js +8 -7
  69. package/dist/components/ui/checkbox-group.js.map +1 -1
  70. package/dist/components/ui/checkbox-group_module.css.map +1 -1
  71. package/dist/components/ui/checkbox.d.ts +3 -1
  72. package/dist/components/ui/checkbox.d.ts.map +1 -1
  73. package/dist/components/ui/checkbox.js +6 -3
  74. package/dist/components/ui/checkbox.js.map +1 -1
  75. package/dist/components/ui/checkbox_module.css.map +1 -1
  76. package/dist/components/ui/collapsible.d.ts.map +1 -1
  77. package/dist/components/ui/collapsible.js +4 -4
  78. package/dist/components/ui/collapsible.js.map +1 -1
  79. package/dist/components/ui/collapsible_module.css.map +1 -1
  80. package/dist/components/ui/combobox.d.ts +335 -0
  81. package/dist/components/ui/combobox.d.ts.map +1 -0
  82. package/dist/components/ui/combobox.js +206 -0
  83. package/dist/components/ui/combobox.js.map +1 -0
  84. package/dist/components/ui/combobox.module.js +23 -0
  85. package/dist/components/ui/combobox.module.js.map +1 -0
  86. package/dist/components/ui/combobox_module.css +142 -0
  87. package/dist/components/ui/combobox_module.css.map +1 -0
  88. package/dist/components/ui/command.d.ts.map +1 -1
  89. package/dist/components/ui/command.js +62 -53
  90. package/dist/components/ui/command.js.map +1 -1
  91. package/dist/components/ui/command_module.css +1 -1
  92. package/dist/components/ui/command_module.css.map +1 -1
  93. package/dist/components/ui/context-menu.d.ts.map +1 -1
  94. package/dist/components/ui/context-menu.js +6 -6
  95. package/dist/components/ui/context-menu.js.map +1 -1
  96. package/dist/components/ui/context-menu_module.css.map +1 -1
  97. package/dist/components/ui/copy-button.js +6 -6
  98. package/dist/components/ui/copy-button.js.map +1 -1
  99. package/dist/components/ui/copy-button_module.css.map +1 -1
  100. package/dist/components/ui/counting-number.js +6 -6
  101. package/dist/components/ui/counting-number.js.map +1 -1
  102. package/dist/components/ui/counting-number_module.css.map +1 -1
  103. package/dist/components/ui/dialog.js +6 -6
  104. package/dist/components/ui/dialog.js.map +1 -1
  105. package/dist/components/ui/dialog_module.css +1 -1
  106. package/dist/components/ui/dialog_module.css.map +1 -1
  107. package/dist/components/ui/dot-background_module.css.map +1 -1
  108. package/dist/components/ui/drawer.d.ts.map +1 -1
  109. package/dist/components/ui/drawer.js +5 -5
  110. package/dist/components/ui/drawer.js.map +1 -1
  111. package/dist/components/ui/drawer_module.css.map +1 -1
  112. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  113. package/dist/components/ui/dropdown-menu.js +6 -6
  114. package/dist/components/ui/dropdown-menu.js.map +1 -1
  115. package/dist/components/ui/dropdown-menu_module.css.map +1 -1
  116. package/dist/components/ui/dropdrawer.d.ts +10 -16
  117. package/dist/components/ui/dropdrawer.d.ts.map +1 -1
  118. package/dist/components/ui/dropdrawer.js +73 -65
  119. package/dist/components/ui/dropdrawer.js.map +1 -1
  120. package/dist/components/ui/dropdrawer_module.css.map +1 -1
  121. package/dist/components/ui/empty.js +7 -7
  122. package/dist/components/ui/empty.js.map +1 -1
  123. package/dist/components/ui/empty_module.css.map +1 -1
  124. package/dist/components/ui/error-boundary.js +2 -2
  125. package/dist/components/ui/error-boundary.js.map +1 -1
  126. package/dist/components/ui/error-boundary_module.css.map +1 -1
  127. package/dist/components/ui/field.js +12 -12
  128. package/dist/components/ui/field.js.map +1 -1
  129. package/dist/components/ui/field_module.css.map +1 -1
  130. package/dist/components/ui/fireworks-background.js +6 -6
  131. package/dist/components/ui/fireworks-background.js.map +1 -1
  132. package/dist/components/ui/fireworks-background_module.css.map +1 -1
  133. package/dist/components/ui/flip-button.js +5 -5
  134. package/dist/components/ui/flip-button.js.map +1 -1
  135. package/dist/components/ui/flip-button_module.css.map +1 -1
  136. package/dist/components/ui/focus-scope.js +6 -6
  137. package/dist/components/ui/focus-scope.js.map +1 -1
  138. package/dist/components/ui/focus-scope_module.css.map +1 -1
  139. package/dist/components/ui/form-skeleton.js +2 -2
  140. package/dist/components/ui/form-skeleton.js.map +1 -1
  141. package/dist/components/ui/form-skeleton_module.css.map +1 -1
  142. package/dist/components/ui/form.d.ts +3 -3
  143. package/dist/components/ui/form.d.ts.map +1 -1
  144. package/dist/components/ui/form.js +13 -13
  145. package/dist/components/ui/form.js.map +1 -1
  146. package/dist/components/ui/form_module.css.map +1 -1
  147. package/dist/components/ui/gradient-background.js +2 -2
  148. package/dist/components/ui/gradient-background.js.map +1 -1
  149. package/dist/components/ui/gradient-background_module.css.map +1 -1
  150. package/dist/components/ui/gradient-text.js +2 -2
  151. package/dist/components/ui/gradient-text.js.map +1 -1
  152. package/dist/components/ui/gradient-text_module.css.map +1 -1
  153. package/dist/components/ui/highlight-text.js +4 -4
  154. package/dist/components/ui/highlight-text.js.map +1 -1
  155. package/dist/components/ui/highlight-text_module.css.map +1 -1
  156. package/dist/components/ui/hole-background.js +21 -21
  157. package/dist/components/ui/hole-background.js.map +1 -1
  158. package/dist/components/ui/hole-background_module.css.map +1 -1
  159. package/dist/components/ui/hover-card.js +3 -3
  160. package/dist/components/ui/hover-card.js.map +1 -1
  161. package/dist/components/ui/hover-card_module.css.map +1 -1
  162. package/dist/components/ui/input-group.js +7 -7
  163. package/dist/components/ui/input-group.js.map +1 -1
  164. package/dist/components/ui/input-group_module.css.map +1 -1
  165. package/dist/components/ui/input-otp.d.ts +3 -3
  166. package/dist/components/ui/input-otp.d.ts.map +1 -1
  167. package/dist/components/ui/input-otp.js +6 -6
  168. package/dist/components/ui/input-otp.js.map +1 -1
  169. package/dist/components/ui/input-otp_module.css.map +1 -1
  170. package/dist/components/ui/input.js +2 -2
  171. package/dist/components/ui/input.js.map +1 -1
  172. package/dist/components/ui/input_module.css.map +1 -1
  173. package/dist/components/ui/item.d.ts +1 -1
  174. package/dist/components/ui/item.d.ts.map +1 -1
  175. package/dist/components/ui/item.js +13 -13
  176. package/dist/components/ui/item.js.map +1 -1
  177. package/dist/components/ui/item_module.css.map +1 -1
  178. package/dist/components/ui/kbd.js +3 -3
  179. package/dist/components/ui/kbd.js.map +1 -1
  180. package/dist/components/ui/kbd_module.css.map +1 -1
  181. package/dist/components/ui/label.js +2 -2
  182. package/dist/components/ui/label.js.map +1 -1
  183. package/dist/components/ui/label_module.css.map +1 -1
  184. package/dist/components/ui/list-skeleton.js +2 -2
  185. package/dist/components/ui/list-skeleton.js.map +1 -1
  186. package/dist/components/ui/list-skeleton_module.css.map +1 -1
  187. package/dist/components/ui/loading-overlay.js +2 -2
  188. package/dist/components/ui/loading-overlay.js.map +1 -1
  189. package/dist/components/ui/loading-overlay_module.css.map +1 -1
  190. package/dist/components/ui/menubar.d.ts +11 -13
  191. package/dist/components/ui/menubar.d.ts.map +1 -1
  192. package/dist/components/ui/menubar.js +4 -4
  193. package/dist/components/ui/menubar.js.map +1 -1
  194. package/dist/components/ui/menubar_module.css.map +1 -1
  195. package/dist/components/ui/meter.d.ts +8 -24
  196. package/dist/components/ui/meter.d.ts.map +1 -1
  197. package/dist/components/ui/meter.js +23 -19
  198. package/dist/components/ui/meter.js.map +1 -1
  199. package/dist/components/ui/meter_module.css.map +1 -1
  200. package/dist/components/ui/navigation-menu.d.ts +3 -12
  201. package/dist/components/ui/navigation-menu.d.ts.map +1 -1
  202. package/dist/components/ui/navigation-menu.js +15 -12
  203. package/dist/components/ui/navigation-menu.js.map +1 -1
  204. package/dist/components/ui/navigation-menu_module.css +1 -1
  205. package/dist/components/ui/navigation-menu_module.css.map +1 -1
  206. package/dist/components/ui/number-field.d.ts +6 -12
  207. package/dist/components/ui/number-field.d.ts.map +1 -1
  208. package/dist/components/ui/number-field.js +3 -3
  209. package/dist/components/ui/number-field.js.map +1 -1
  210. package/dist/components/ui/number-field_module.css.map +1 -1
  211. package/dist/components/ui/pagination.js +8 -8
  212. package/dist/components/ui/pagination.js.map +1 -1
  213. package/dist/components/ui/pagination_module.css.map +1 -1
  214. package/dist/components/ui/popover.js +5 -5
  215. package/dist/components/ui/popover.js.map +1 -1
  216. package/dist/components/ui/popover_module.css.map +1 -1
  217. package/dist/components/ui/progress.d.ts +1 -4
  218. package/dist/components/ui/progress.d.ts.map +1 -1
  219. package/dist/components/ui/progress.js +10 -9
  220. package/dist/components/ui/progress.js.map +1 -1
  221. package/dist/components/ui/progress_module.css.map +1 -1
  222. package/dist/components/ui/radio-group.d.ts +2 -4
  223. package/dist/components/ui/radio-group.d.ts.map +1 -1
  224. package/dist/components/ui/radio-group.js +3 -3
  225. package/dist/components/ui/radio-group.js.map +1 -1
  226. package/dist/components/ui/radio-group_module.css.map +1 -1
  227. package/dist/components/ui/resizable.d.ts +13 -29
  228. package/dist/components/ui/resizable.d.ts.map +1 -1
  229. package/dist/components/ui/resizable.js +8 -7
  230. package/dist/components/ui/resizable.js.map +1 -1
  231. package/dist/components/ui/resizable_module.css.map +1 -1
  232. package/dist/components/ui/ripple-button.js +9 -9
  233. package/dist/components/ui/ripple-button.js.map +1 -1
  234. package/dist/components/ui/ripple-button_module.css.map +1 -1
  235. package/dist/components/ui/scratcher.d.ts +1 -1
  236. package/dist/components/ui/scratcher.d.ts.map +1 -1
  237. package/dist/components/ui/scratcher.js +5 -4
  238. package/dist/components/ui/scratcher.js.map +1 -1
  239. package/dist/components/ui/scratcher_module.css.map +1 -1
  240. package/dist/components/ui/scroll-area.d.ts +2 -4
  241. package/dist/components/ui/scroll-area.d.ts.map +1 -1
  242. package/dist/components/ui/scroll-area.js +2 -2
  243. package/dist/components/ui/scroll-area.js.map +1 -1
  244. package/dist/components/ui/scroll-area_module.css.map +1 -1
  245. package/dist/components/ui/select.js +4 -4
  246. package/dist/components/ui/select.js.map +1 -1
  247. package/dist/components/ui/select_module.css.map +1 -1
  248. package/dist/components/ui/separator.d.ts +1 -4
  249. package/dist/components/ui/separator.d.ts.map +1 -1
  250. package/dist/components/ui/separator.js +9 -8
  251. package/dist/components/ui/separator.js.map +1 -1
  252. package/dist/components/ui/separator_module.css.map +1 -1
  253. package/dist/components/ui/sheet.d.ts.map +1 -1
  254. package/dist/components/ui/sheet.js +6 -6
  255. package/dist/components/ui/sheet.js.map +1 -1
  256. package/dist/components/ui/sheet_module.css.map +1 -1
  257. package/dist/components/ui/sidebar.d.ts +1 -1
  258. package/dist/components/ui/sidebar.d.ts.map +1 -1
  259. package/dist/components/ui/sidebar.js +36 -36
  260. package/dist/components/ui/sidebar.js.map +1 -1
  261. package/dist/components/ui/sidebar_module.css.map +1 -1
  262. package/dist/components/ui/skeleton.js +2 -2
  263. package/dist/components/ui/skeleton.js.map +1 -1
  264. package/dist/components/ui/skeleton_module.css.map +1 -1
  265. package/dist/components/ui/slider.js +2 -2
  266. package/dist/components/ui/slider.js.map +1 -1
  267. package/dist/components/ui/slider_module.css.map +1 -1
  268. package/dist/components/ui/spinner.js +2 -2
  269. package/dist/components/ui/spinner.js.map +1 -1
  270. package/dist/components/ui/spinner_module.css.map +1 -1
  271. package/dist/components/ui/stepper.js +2 -2
  272. package/dist/components/ui/stepper.js.map +1 -1
  273. package/dist/components/ui/stepper_module.css.map +1 -1
  274. package/dist/components/ui/switch.js +2 -2
  275. package/dist/components/ui/switch.js.map +1 -1
  276. package/dist/components/ui/switch_module.css.map +1 -1
  277. package/dist/components/ui/table-skeleton.js +2 -2
  278. package/dist/components/ui/table-skeleton.js.map +1 -1
  279. package/dist/components/ui/table-skeleton_module.css.map +1 -1
  280. package/dist/components/ui/table.js +9 -9
  281. package/dist/components/ui/table.js.map +1 -1
  282. package/dist/components/ui/table_module.css.map +1 -1
  283. package/dist/components/ui/tabs.js +3 -3
  284. package/dist/components/ui/tabs.js.map +1 -1
  285. package/dist/components/ui/tabs_module.css.map +1 -1
  286. package/dist/components/ui/textarea.js +2 -2
  287. package/dist/components/ui/textarea.js.map +1 -1
  288. package/dist/components/ui/textarea_module.css.map +1 -1
  289. package/dist/components/ui/timeline.js +5 -5
  290. package/dist/components/ui/timeline.js.map +1 -1
  291. package/dist/components/ui/timeline_module.css.map +1 -1
  292. package/dist/components/ui/{sonner.d.ts → toast.d.ts} +15 -6
  293. package/dist/components/ui/toast.d.ts.map +1 -0
  294. package/dist/components/ui/{sonner.js → toast.js} +43 -42
  295. package/dist/components/ui/toast.js.map +1 -0
  296. package/dist/components/ui/toast.module.js +34 -0
  297. package/dist/components/ui/toast.module.js.map +1 -0
  298. package/dist/components/ui/{sonner_module.css → toast_module.css} +35 -35
  299. package/dist/components/ui/toast_module.css.map +1 -0
  300. package/dist/components/ui/toggle-group.d.ts +2 -8
  301. package/dist/components/ui/toggle-group.d.ts.map +1 -1
  302. package/dist/components/ui/toggle-group.js +14 -12
  303. package/dist/components/ui/toggle-group.js.map +1 -1
  304. package/dist/components/ui/toggle-group_module.css.map +1 -1
  305. package/dist/components/ui/toggle.js +2 -2
  306. package/dist/components/ui/toggle.js.map +1 -1
  307. package/dist/components/ui/toggle_module.css.map +1 -1
  308. package/dist/components/ui/toolbar.d.ts +10 -30
  309. package/dist/components/ui/toolbar.d.ts.map +1 -1
  310. package/dist/components/ui/toolbar.js +28 -23
  311. package/dist/components/ui/toolbar.js.map +1 -1
  312. package/dist/components/ui/toolbar_module.css.map +1 -1
  313. package/dist/components/ui/tooltip.js +4 -4
  314. package/dist/components/ui/tooltip.js.map +1 -1
  315. package/dist/components/ui/tooltip_module.css.map +1 -1
  316. package/dist/components/ui/typewriter.js +4 -4
  317. package/dist/components/ui/typewriter.js.map +1 -1
  318. package/dist/components/ui/typewriter_module.css.map +1 -1
  319. package/dist/components/ui/visually-hidden.js +2 -2
  320. package/dist/components/ui/visually-hidden.js.map +1 -1
  321. package/dist/components/ui/visually-hidden_module.css.map +1 -1
  322. package/dist/hooks/useAnnounce.js +5 -5
  323. package/dist/hooks/useAnnounce.js.map +1 -1
  324. package/dist/hooks/useClipboard.d.ts +77 -0
  325. package/dist/hooks/useClipboard.d.ts.map +1 -0
  326. package/dist/hooks/useClipboard.js +42 -0
  327. package/dist/hooks/useClipboard.js.map +1 -0
  328. package/dist/hooks/useControllableState.d.ts +54 -0
  329. package/dist/hooks/useControllableState.d.ts.map +1 -0
  330. package/dist/hooks/useControllableState.js +29 -0
  331. package/dist/hooks/useControllableState.js.map +1 -0
  332. package/dist/hooks/useDebounce.d.ts +33 -0
  333. package/dist/hooks/useDebounce.d.ts.map +1 -0
  334. package/dist/hooks/useDebounce.js +20 -0
  335. package/dist/hooks/useDebounce.js.map +1 -0
  336. package/dist/hooks/useEventCallback.d.ts +34 -0
  337. package/dist/hooks/useEventCallback.d.ts.map +1 -0
  338. package/dist/hooks/useEventCallback.js +12 -0
  339. package/dist/hooks/useEventCallback.js.map +1 -0
  340. package/dist/hooks/useFocusManager.js +6 -6
  341. package/dist/hooks/useFocusManager.js.map +1 -1
  342. package/dist/hooks/useFocusVisible.js +5 -5
  343. package/dist/hooks/useFocusVisible.js.map +1 -1
  344. package/dist/hooks/useId.d.ts +30 -0
  345. package/dist/hooks/useId.d.ts.map +1 -0
  346. package/dist/hooks/useId.js +9 -0
  347. package/dist/hooks/useId.js.map +1 -0
  348. package/dist/hooks/useIntersectionObserver.d.ts +51 -0
  349. package/dist/hooks/useIntersectionObserver.d.ts.map +1 -0
  350. package/dist/hooks/useIntersectionObserver.js +25 -0
  351. package/dist/hooks/useIntersectionObserver.js.map +1 -0
  352. package/dist/hooks/useInterval.d.ts +55 -0
  353. package/dist/hooks/useInterval.d.ts.map +1 -0
  354. package/dist/hooks/useInterval.js +24 -0
  355. package/dist/hooks/useInterval.js.map +1 -0
  356. package/dist/hooks/useLocalStorage.d.ts +43 -0
  357. package/dist/hooks/useLocalStorage.d.ts.map +1 -0
  358. package/dist/hooks/useLocalStorage.js +53 -0
  359. package/dist/hooks/useLocalStorage.js.map +1 -0
  360. package/dist/hooks/useMediaQuery.js +3 -3
  361. package/dist/hooks/useMediaQuery.js.map +1 -1
  362. package/dist/hooks/useMergedRefs.d.ts +27 -0
  363. package/dist/hooks/useMergedRefs.d.ts.map +1 -0
  364. package/dist/hooks/useMergedRefs.js +11 -0
  365. package/dist/hooks/useMergedRefs.js.map +1 -0
  366. package/dist/hooks/useOnClickOutside.d.ts +32 -0
  367. package/dist/hooks/useOnClickOutside.d.ts.map +1 -0
  368. package/dist/hooks/useOnClickOutside.js +23 -0
  369. package/dist/hooks/useOnClickOutside.js.map +1 -0
  370. package/dist/hooks/usePrevious.d.ts +33 -0
  371. package/dist/hooks/usePrevious.d.ts.map +1 -0
  372. package/dist/hooks/usePrevious.js +14 -0
  373. package/dist/hooks/usePrevious.js.map +1 -0
  374. package/dist/hooks/useThrottle.d.ts +37 -0
  375. package/dist/hooks/useThrottle.d.ts.map +1 -0
  376. package/dist/hooks/useThrottle.js +34 -0
  377. package/dist/hooks/useThrottle.js.map +1 -0
  378. package/dist/hooks/useTimeout.d.ts +28 -0
  379. package/dist/hooks/useTimeout.d.ts.map +1 -0
  380. package/dist/hooks/useTimeout.js +24 -0
  381. package/dist/hooks/useTimeout.js.map +1 -0
  382. package/dist/index.css.map +1 -1
  383. package/dist/index.d.ts +17 -3
  384. package/dist/index.d.ts.map +1 -1
  385. package/dist/index.js +15 -1
  386. package/dist/lib/utilities.d.ts +2 -3
  387. package/dist/lib/utilities.d.ts.map +1 -1
  388. package/dist/lib/utilities.js.map +1 -1
  389. package/dist/motion/Collapse.js +2 -2
  390. package/dist/motion/Collapse.js.map +1 -1
  391. package/dist/motion/Collapse_module.css.map +1 -1
  392. package/dist/motion/tokens.js +5 -5
  393. package/dist/motion/tokens.js.map +1 -1
  394. package/package.json +88 -10
  395. package/src/components/ui/alert-dialog.tsx +15 -8
  396. package/src/components/ui/avatar.tsx +9 -6
  397. package/src/components/ui/calendar.tsx +9 -14
  398. package/src/components/ui/carousel.tsx +2 -0
  399. package/src/components/ui/chart.tsx +65 -62
  400. package/src/components/ui/checkbox-group.tsx +4 -5
  401. package/src/components/ui/checkbox.tsx +10 -2
  402. package/src/components/ui/collapsible.tsx +1 -0
  403. package/src/components/ui/combobox.module.css +158 -0
  404. package/src/components/ui/combobox.tsx +569 -0
  405. package/src/components/ui/command.tsx +31 -15
  406. package/src/components/ui/context-menu.tsx +3 -0
  407. package/src/components/ui/drawer.tsx +2 -0
  408. package/src/components/ui/dropdown-menu.tsx +3 -0
  409. package/src/components/ui/dropdrawer.tsx +80 -62
  410. package/src/components/ui/form.tsx +28 -3
  411. package/src/components/ui/input-otp.tsx +3 -3
  412. package/src/components/ui/menubar.tsx +9 -10
  413. package/src/components/ui/meter.tsx +16 -17
  414. package/src/components/ui/navigation-menu.tsx +41 -33
  415. package/src/components/ui/number-field.tsx +6 -13
  416. package/src/components/ui/progress.tsx +3 -2
  417. package/src/components/ui/radio-group.tsx +2 -5
  418. package/src/components/ui/resizable.tsx +15 -18
  419. package/src/components/ui/scratcher.tsx +6 -10
  420. package/src/components/ui/scroll-area.tsx +2 -5
  421. package/src/components/ui/separator.tsx +4 -3
  422. package/src/components/ui/sheet.tsx +3 -0
  423. package/src/components/ui/sidebar.tsx +1 -0
  424. package/src/components/ui/{sonner.module.css → toast.module.css} +1 -1
  425. package/src/components/ui/{sonner.tsx → toast.tsx} +22 -14
  426. package/src/components/ui/toggle-group.tsx +6 -4
  427. package/src/components/ui/toolbar.tsx +20 -21
  428. package/src/hooks/useClipboard.tsx +137 -0
  429. package/src/hooks/useControllableState.tsx +81 -0
  430. package/src/hooks/useDebounce.tsx +50 -0
  431. package/src/hooks/useEventCallback.tsx +47 -0
  432. package/src/hooks/useId.tsx +36 -0
  433. package/src/hooks/useIntersectionObserver.tsx +81 -0
  434. package/src/hooks/useInterval.tsx +80 -0
  435. package/src/hooks/useLocalStorage.tsx +111 -0
  436. package/src/hooks/useMergedRefs.tsx +48 -0
  437. package/src/hooks/useOnClickOutside.tsx +55 -0
  438. package/src/hooks/usePrevious.tsx +44 -0
  439. package/src/hooks/useThrottle.tsx +78 -0
  440. package/src/hooks/useTimeout.tsx +51 -0
  441. package/src/index.ts +27 -4
  442. package/src/lib/utilities.ts +4 -4
  443. package/src/motion/tokens.ts +4 -4
  444. package/src/stories/DesignPrinciples.mdx +48 -0
  445. package/src/stories/GettingStarted.mdx +92 -0
  446. package/src/stories/Welcome.mdx +44 -0
  447. package/dist/components/ui/sonner.d.ts.map +0 -1
  448. package/dist/components/ui/sonner.js.map +0 -1
  449. package/dist/components/ui/sonner.module.js +0 -34
  450. package/dist/components/ui/sonner.module.js.map +0 -1
  451. package/dist/components/ui/sonner_module.css.map +0 -1
@@ -0,0 +1,142 @@
1
+ .combobox-wmFvJE {
2
+ display: contents;
3
+ }
4
+
5
+ .trigger-asByxe {
6
+ justify-content: space-between;
7
+ width: 100%;
8
+ min-width: 200px;
9
+ }
10
+
11
+ .triggerValue-s6rRGO {
12
+ text-align: left;
13
+ text-overflow: ellipsis;
14
+ white-space: nowrap;
15
+ flex: 1;
16
+ overflow: hidden;
17
+ }
18
+
19
+ .triggerPlaceholder-T2THwp {
20
+ color: var(--ac-neutral-500);
21
+ }
22
+
23
+ .triggerIcon-Z1UTU8 {
24
+ height: 1rem;
25
+ margin-left: var(--ac-spacing-2);
26
+ opacity: .5;
27
+ flex-shrink: 0;
28
+ width: 1rem;
29
+ }
30
+
31
+ .content-uE5DAH {
32
+ min-width: 200px;
33
+ width: var(--anchor-width);
34
+ padding: 0;
35
+ }
36
+
37
+ .command-cdXzEx {
38
+ box-shadow: none;
39
+ border: none;
40
+ }
41
+
42
+ .commandInput-s91u2v {
43
+ border-bottom: 1px solid var(--ac-neutral-200);
44
+ border-radius: 0;
45
+ }
46
+
47
+ .commandList-YCmDON {
48
+ max-height: 300px;
49
+ overflow-y: auto;
50
+ }
51
+
52
+ .item-ThEyJB {
53
+ border-radius: var(--ac-radius-sm);
54
+ cursor: pointer;
55
+ align-items: center;
56
+ gap: var(--ac-spacing-2);
57
+ padding: var(--ac-spacing-2) var(--ac-spacing-3);
58
+ transition: background-color .2s;
59
+ display: flex;
60
+ }
61
+
62
+ .item-ThEyJB:hover {
63
+ background-color: var(--ac-neutral-100);
64
+ }
65
+
66
+ .item-ThEyJB[data-disabled] {
67
+ opacity: .5;
68
+ pointer-events: none;
69
+ }
70
+
71
+ .itemSelected-JsUZAF {
72
+ background-color: var(--ac-neutral-100);
73
+ }
74
+
75
+ .itemCheck-j350UO {
76
+ opacity: 0;
77
+ flex-shrink: 0;
78
+ width: 1rem;
79
+ height: 1rem;
80
+ transition: opacity .2s;
81
+ }
82
+
83
+ .itemCheckVisible-QMieBm {
84
+ opacity: 1;
85
+ }
86
+
87
+ .itemLabel-wCtpTY {
88
+ text-overflow: ellipsis;
89
+ white-space: nowrap;
90
+ flex: 1;
91
+ overflow: hidden;
92
+ }
93
+
94
+ .empty-EEImeI {
95
+ color: var(--ac-neutral-500);
96
+ font-size: var(--ac-font-size-sm);
97
+ padding: var(--ac-spacing-6) var(--ac-spacing-4);
98
+ text-align: center;
99
+ }
100
+
101
+ .group-w7Vcxw {
102
+ padding: var(--ac-spacing-1) 0;
103
+ }
104
+
105
+ .separator-nkP8ud {
106
+ background-color: var(--ac-neutral-200);
107
+ height: 1px;
108
+ margin: var(--ac-spacing-1) 0;
109
+ }
110
+
111
+ .dark .triggerPlaceholder-T2THwp {
112
+ color: var(--ac-neutral-400);
113
+ }
114
+
115
+ .dark .commandInput-s91u2v {
116
+ border-bottom-color: var(--ac-neutral-700);
117
+ }
118
+
119
+ .dark .item-ThEyJB:hover {
120
+ background-color: var(--ac-neutral-800);
121
+ }
122
+
123
+ .dark .itemSelected-JsUZAF {
124
+ background-color: var(--ac-neutral-800);
125
+ }
126
+
127
+ .dark .empty-EEImeI {
128
+ color: var(--ac-neutral-400);
129
+ }
130
+
131
+ .dark .separator-nkP8ud {
132
+ background-color: var(--ac-neutral-700);
133
+ }
134
+
135
+ @media (width <= 640px) {
136
+ .content-uE5DAH, .trigger-asByxe {
137
+ min-width: 150px;
138
+ }
139
+ }
140
+
141
+
142
+ /*# sourceMappingURL=combobox_module.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/combobox.module.css","webpack://./src/components/ui/combobox.module.css"],"names":[],"mappings":"AAAA;ECCE,iBAAiB;AACnB;;ADF2B;ECKzB,8BAA8B;EAC9B,WAAW;EACX,gBAAgB;AAClB;;ADR6F;ECW3F,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,OAAO;EACP,gBAAgB;AAClB;;ADhB4L;ECmB1L,4BAA4B;AAC9B;;ADpB4O;ECuB1O,YAAY;EACZ,gCAAgC;EAChC,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AD5ByU;EC+BvU,gBAAgB;EAChB,0BAA0B;EAC1B,UAAU;AACZ;;ADlCsY;ECqCpY,gBAAgB;EAChB,YAAY;AACd;;ADvC2a;EC0Cza,8CAA8C;EAC9C,gBAAgB;AAClB;;AD5Cuf;EC+Crf,iBAAiB;EACjB,gBAAgB;AAClB;;ADjDqiB;ECoDniB,kCAAkC;EAClC,eAAe;EACf,mBAAmB;EACnB,wBAAwB;EACxB,gDAAgD;EAChD,gCAAgC;EAChC,aAAa;AACf;;AD3DouB;EC8DluB,uCAAuC;AACzC;;AD/DuxB;ECkErxB,WAAW;EACX,oBAAoB;AACtB;;ADpE20B;ECuEz0B,uCAAuC;AACzC;;ADxEg4B;EC2E93B,UAAU;EACV,cAAc;EACd,WAAW;EACX,YAAY;EACZ,uBAAuB;AACzB;;ADhFi9B;ECmF/8B,UAAU;AACZ;;ADpF6+B;ECuF3+B,uBAAuB;EACvB,mBAAmB;EACnB,OAAO;EACP,gBAAgB;AAClB;;AD3FyjC;EC8FvjC,4BAA4B;EAC5B,iCAAiC;EACjC,gDAAgD;EAChD,kBAAkB;AACpB;;ADlG+rC;ECqG7rC,8BAA8B;AAChC;;ADtGouC;ECyGluC,uCAAuC;EACvC,WAAW;EACX,6BAA6B;AAC/B;;AD5G8zC;EC+G5zC,4BAA4B;AAC9B;;ADhH63C;ECmH33C,0CAA0C;AAC5C;;ADpHo8C;ECuHl8C,uCAAuC;AACzC;;ADxHsgD;EC2HpgD,uCAAuC;AACzC;;AD5H0kD;EC+HxkD,4BAA4B;AAC9B;;ADhI4nD;ECmI1nD,uCAAuC;AACzC;;ADpI6rD;EAAyB;ICwIltD,gBAAgB;EAClB;AACF","sourcesContent":[".combobox{display:contents}.trigger{justify-content:space-between;min-width:200px;width:100%}.triggerValue{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.triggerPlaceholder{color:var(--ac-neutral-500)}.triggerIcon{flex-shrink:0;height:1rem;margin-left:var(--ac-spacing-2);opacity:.5;width:1rem}.content{min-width:200px;padding:0;width:var(--anchor-width)}.command{border:none;box-shadow:none}.commandInput{border-bottom:1px solid var(--ac-neutral-200);border-radius:0}.commandList{max-height:300px;overflow-y:auto}.item{align-items:center;border-radius:var(--ac-radius-sm);cursor:pointer;display:flex;gap:var(--ac-spacing-2);padding:var(--ac-spacing-2) var(--ac-spacing-3);transition:background-color .2s}.item:hover{background-color:var(--ac-neutral-100)}.item[data-disabled]{opacity:.5;pointer-events:none}.itemSelected{background-color:var(--ac-neutral-100)}.itemCheck{flex-shrink:0;height:1rem;opacity:0;transition:opacity .2s;width:1rem}.itemCheckVisible{opacity:1}.itemLabel{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{color:var(--ac-neutral-500);font-size:var(--ac-font-size-sm);padding:var(--ac-spacing-6) var(--ac-spacing-4);text-align:center}.group{padding:var(--ac-spacing-1) 0}.separator{background-color:var(--ac-neutral-200);height:1px;margin:var(--ac-spacing-1) 0}:global(.dark) .triggerPlaceholder{color:var(--ac-neutral-400)}:global(.dark) .commandInput{border-bottom-color:var(--ac-neutral-700)}:global(.dark) .item:hover{background-color:var(--ac-neutral-800)}:global(.dark) .itemSelected{background-color:var(--ac-neutral-800)}:global(.dark) .empty{color:var(--ac-neutral-400)}:global(.dark) .separator{background-color:var(--ac-neutral-700)}@media (max-width:640px){.content,.trigger{min-width:150px}}",".combobox {\n display: contents;\n}\n\n.trigger {\n justify-content: space-between;\n width: 100%;\n min-width: 200px;\n}\n\n.triggerValue {\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n overflow: hidden;\n}\n\n.triggerPlaceholder {\n color: var(--ac-neutral-500);\n}\n\n.triggerIcon {\n height: 1rem;\n margin-left: var(--ac-spacing-2);\n opacity: .5;\n flex-shrink: 0;\n width: 1rem;\n}\n\n.content {\n min-width: 200px;\n width: var(--anchor-width);\n padding: 0;\n}\n\n.command {\n box-shadow: none;\n border: none;\n}\n\n.commandInput {\n border-bottom: 1px solid var(--ac-neutral-200);\n border-radius: 0;\n}\n\n.commandList {\n max-height: 300px;\n overflow-y: auto;\n}\n\n.item {\n border-radius: var(--ac-radius-sm);\n cursor: pointer;\n align-items: center;\n gap: var(--ac-spacing-2);\n padding: var(--ac-spacing-2) var(--ac-spacing-3);\n transition: background-color .2s;\n display: flex;\n}\n\n.item:hover {\n background-color: var(--ac-neutral-100);\n}\n\n.item[data-disabled] {\n opacity: .5;\n pointer-events: none;\n}\n\n.itemSelected {\n background-color: var(--ac-neutral-100);\n}\n\n.itemCheck {\n opacity: 0;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n transition: opacity .2s;\n}\n\n.itemCheckVisible {\n opacity: 1;\n}\n\n.itemLabel {\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n overflow: hidden;\n}\n\n.empty {\n color: var(--ac-neutral-500);\n font-size: var(--ac-font-size-sm);\n padding: var(--ac-spacing-6) var(--ac-spacing-4);\n text-align: center;\n}\n\n.group {\n padding: var(--ac-spacing-1) 0;\n}\n\n.separator {\n background-color: var(--ac-neutral-200);\n height: 1px;\n margin: var(--ac-spacing-1) 0;\n}\n\n:global(.dark) .triggerPlaceholder {\n color: var(--ac-neutral-400);\n}\n\n:global(.dark) .commandInput {\n border-bottom-color: var(--ac-neutral-700);\n}\n\n:global(.dark) .item:hover {\n background-color: var(--ac-neutral-800);\n}\n\n:global(.dark) .itemSelected {\n background-color: var(--ac-neutral-800);\n}\n\n:global(.dark) .empty {\n color: var(--ac-neutral-400);\n}\n\n:global(.dark) .separator {\n background-color: var(--ac-neutral-700);\n}\n\n@media (width <= 640px) {\n .content, .trigger {\n min-width: 150px;\n }\n}\n"],"sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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"}
@@ -3,11 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { Dialog } from "@base-ui/react/dialog";
4
4
  import { Separator } from "@base-ui/react/separator";
5
5
  import { Search } from "lucide-react";
6
- import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
7
6
  import { cn } from "../../lib/utilities.js";
8
7
  import command_module from "./command.module.js";
9
- const CommandContext = /*#__PURE__*/ createContext(null);
10
- const CommandGroupContext = /*#__PURE__*/ createContext(null);
8
+ import * as __rspack_external_react from "react";
9
+ const CommandContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
10
+ const CommandGroupContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
11
11
  function assignRef(ref, value) {
12
12
  if ("function" == typeof ref) return void ref(value);
13
13
  if (ref) ref.current = value;
@@ -25,40 +25,40 @@ function defaultCommandFilter(value, search, keywords = []) {
25
25
  return normalizedValue.includes(normalizedSearch) ? 1 : 0;
26
26
  }
27
27
  function useCommandContext(componentName) {
28
- const context = useContext(CommandContext);
28
+ const context = __rspack_external_react.useContext(CommandContext);
29
29
  if (!context) throw new Error(`${componentName} must be used within Command.`);
30
30
  return context;
31
31
  }
32
- const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _defaultValue, disablePointerSelection = false, filter, label, loop = false, onKeyDown, onValueChange: _onValueChange, shouldFilter = true, value: _value, vimBindings: _vimBindings, ...props }, ref)=>{
33
- const [activeItemId, setActiveItemId] = useState(null);
34
- const [search, setSearch] = useState("");
35
- const itemOrderReference = useRef(0);
36
- const itemsReference = useRef(new Map());
37
- const [itemsVersion, setItemsVersion] = useState(0);
38
- const listId = useId();
39
- const registerItem = useCallback((item)=>{
40
- const existingItem = itemsReference.current.get(item.id);
32
+ const Command = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, defaultValue: _defaultValue, disablePointerSelection = false, filter, label, loop = false, onKeyDown, onValueChange: _onValueChange, shouldFilter = true, value: _value, vimBindings: _vimBindings, ...props }, ref)=>{
33
+ const [activeItemId, setActiveItemId] = __rspack_external_react.useState(null);
34
+ const [search, setSearch] = __rspack_external_react.useState("");
35
+ const itemOrderRef = __rspack_external_react.useRef(0);
36
+ const itemsRef = __rspack_external_react.useRef(new Map());
37
+ const [itemsVersion, setItemsVersion] = __rspack_external_react.useState(0);
38
+ const listId = __rspack_external_react.useId();
39
+ const registerItem = __rspack_external_react.useCallback((item)=>{
40
+ const existingItem = itemsRef.current.get(item.id);
41
41
  const nextItem = {
42
42
  ...item,
43
- order: existingItem?.order ?? itemOrderReference.current++
43
+ order: existingItem?.order ?? itemOrderRef.current++
44
44
  };
45
45
  const hasChanged = !existingItem || existingItem.disabled !== nextItem.disabled || existingItem.forceMount !== nextItem.forceMount || existingItem.groupId !== nextItem.groupId || existingItem.keywords.join("\u0000") !== nextItem.keywords.join("\u0000") || existingItem.ref !== nextItem.ref || existingItem.textValue !== nextItem.textValue || existingItem.value !== nextItem.value;
46
46
  if (!hasChanged) return;
47
- itemsReference.current.set(item.id, nextItem);
47
+ itemsRef.current.set(item.id, nextItem);
48
48
  setItemsVersion((currentVersion)=>currentVersion + 1);
49
49
  }, []);
50
- const unregisterItem = useCallback((itemId)=>{
51
- if (!itemsReference.current.delete(itemId)) return;
50
+ const unregisterItem = __rspack_external_react.useCallback((itemId)=>{
51
+ if (!itemsRef.current.delete(itemId)) return;
52
52
  setItemsVersion((currentVersion)=>currentVersion + 1);
53
53
  }, []);
54
- const items = useMemo(()=>[
55
- ...itemsReference.current.values()
56
- ].sort((firstItem, secondItem)=>firstItem.order - secondItem.order), [
54
+ const items = __rspack_external_react.useMemo(()=>[
55
+ ...itemsRef.current.values()
56
+ ].toSorted((firstItem, secondItem)=>firstItem.order - secondItem.order), [
57
57
  itemsVersion
58
58
  ]);
59
59
  const isFiltering = shouldFilter && search.trim().length > 0;
60
- const isItemVisible = useCallback((itemId)=>{
61
- const item = itemsReference.current.get(itemId);
60
+ const isItemVisible = __rspack_external_react.useCallback((itemId)=>{
61
+ const item = itemsRef.current.get(itemId);
62
62
  if (!item) return false;
63
63
  if (item.forceMount || !shouldFilter || 0 === search.trim().length) return true;
64
64
  const itemValue = item.value ?? item.textValue;
@@ -69,32 +69,32 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
69
69
  search,
70
70
  shouldFilter
71
71
  ]);
72
- const visibleItems = useMemo(()=>items.filter((item)=>isItemVisible(item.id)), [
72
+ const visibleItems = __rspack_external_react.useMemo(()=>items.filter((item)=>isItemVisible(item.id)), [
73
73
  isItemVisible,
74
74
  items
75
75
  ]);
76
- const selectableItems = useMemo(()=>visibleItems.filter((item)=>!item.disabled), [
76
+ const selectableItems = __rspack_external_react.useMemo(()=>visibleItems.filter((item)=>!item.disabled), [
77
77
  visibleItems
78
78
  ]);
79
- useEffect(()=>{
79
+ __rspack_external_react.useEffect(()=>{
80
80
  if (0 === selectableItems.length) return void setActiveItemId(null);
81
81
  if (!activeItemId || !selectableItems.some((item)=>item.id === activeItemId)) setActiveItemId(selectableItems[0].id);
82
82
  }, [
83
83
  activeItemId,
84
84
  selectableItems
85
85
  ]);
86
- useEffect(()=>{
86
+ __rspack_external_react.useEffect(()=>{
87
87
  if (!activeItemId) return;
88
- itemsReference.current.get(activeItemId)?.ref.current?.scrollIntoView({
88
+ itemsRef.current.get(activeItemId)?.ref.current?.scrollIntoView({
89
89
  block: "nearest"
90
90
  });
91
91
  }, [
92
92
  activeItemId
93
93
  ]);
94
- const selectSpecificItem = useCallback((itemId)=>{
94
+ const selectSpecificItem = __rspack_external_react.useCallback((itemId)=>{
95
95
  setActiveItemId(itemId);
96
96
  }, []);
97
- const selectNextItem = useCallback(()=>{
97
+ const selectNextItem = __rspack_external_react.useCallback(()=>{
98
98
  if (0 === selectableItems.length) return;
99
99
  const currentIndex = selectableItems.findIndex((item)=>item.id === activeItemId);
100
100
  if (-1 === currentIndex) return void setActiveItemId(selectableItems[0].id);
@@ -106,7 +106,7 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
106
106
  loop,
107
107
  selectableItems
108
108
  ]);
109
- const selectPreviousItem = useCallback(()=>{
109
+ const selectPreviousItem = __rspack_external_react.useCallback(()=>{
110
110
  if (0 === selectableItems.length) return;
111
111
  const currentIndex = selectableItems.findIndex((item)=>item.id === activeItemId);
112
112
  if (-1 === currentIndex) return void setActiveItemId(selectableItems[0].id);
@@ -118,19 +118,19 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
118
118
  loop,
119
119
  selectableItems
120
120
  ]);
121
- const triggerActiveItem = useCallback(()=>{
121
+ const triggerActiveItem = __rspack_external_react.useCallback(()=>{
122
122
  if (!activeItemId) return;
123
- itemsReference.current.get(activeItemId)?.ref.current?.click();
123
+ itemsRef.current.get(activeItemId)?.ref.current?.click();
124
124
  }, [
125
125
  activeItemId
126
126
  ]);
127
- const hasVisibleItemsInGroup = useCallback((groupId)=>visibleItems.some((item)=>item.groupId === groupId), [
127
+ const hasVisibleItemsInGroup = __rspack_external_react.useCallback((groupId)=>visibleItems.some((item)=>item.groupId === groupId), [
128
128
  visibleItems
129
129
  ]);
130
- const getVisibleItemCount = useCallback(()=>visibleItems.length, [
130
+ const getVisibleItemCount = __rspack_external_react.useCallback(()=>visibleItems.length, [
131
131
  visibleItems.length
132
132
  ]);
133
- const contextValue = useMemo(()=>({
133
+ const contextValue = __rspack_external_react.useMemo(()=>({
134
134
  activeItemId,
135
135
  disablePointerSelection,
136
136
  getVisibleItemCount,
@@ -173,6 +173,7 @@ const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _
173
173
  ref: ref,
174
174
  "aria-label": label,
175
175
  className: cn(command_module.command, className),
176
+ role: "toolbar",
176
177
  onKeyDown: (event)=>{
177
178
  onKeyDown?.(event);
178
179
  if (event.defaultPrevented) return;
@@ -237,11 +238,11 @@ function CommandDialog({ children, open, onOpenChange, title = "Command menu", .
237
238
  });
238
239
  }
239
240
  CommandDialog.displayName = "CommandDialog";
240
- const CommandInput = /*#__PURE__*/ forwardRef(({ className, onChange, onValueChange, value, ...props }, ref)=>{
241
+ const CommandInput = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, onChange, onValueChange, value, ...props }, ref)=>{
241
242
  const { activeItemId, listId, search, selectSpecificItem, setSearch } = useCommandContext("CommandInput");
242
243
  const isControlled = void 0 !== value;
243
244
  const inputValue = isControlled ? value : search;
244
- useEffect(()=>{
245
+ __rspack_external_react.useEffect(()=>{
245
246
  if (!isControlled) return;
246
247
  setSearch(value ?? "");
247
248
  }, [
@@ -278,7 +279,7 @@ const CommandInput = /*#__PURE__*/ forwardRef(({ className, onChange, onValueCha
278
279
  });
279
280
  });
280
281
  CommandInput.displayName = "CommandInput";
281
- const CommandList = /*#__PURE__*/ forwardRef(({ className, label, ...props }, ref)=>{
282
+ const CommandList = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, label, ...props }, ref)=>{
282
283
  const { listId } = useCommandContext("CommandList");
283
284
  return /*#__PURE__*/ jsx("div", {
284
285
  "aria-label": label,
@@ -290,7 +291,7 @@ const CommandList = /*#__PURE__*/ forwardRef(({ className, label, ...props }, re
290
291
  });
291
292
  });
292
293
  CommandList.displayName = "CommandList";
293
- const CommandEmpty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
294
+ const CommandEmpty = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>{
294
295
  const { getVisibleItemCount } = useCommandContext("CommandEmpty");
295
296
  if (getVisibleItemCount() > 0) return null;
296
297
  return /*#__PURE__*/ jsx("div", {
@@ -301,8 +302,8 @@ const CommandEmpty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
301
302
  });
302
303
  });
303
304
  CommandEmpty.displayName = "CommandEmpty";
304
- const CommandGroup = /*#__PURE__*/ forwardRef(({ children, className, forceMount = false, heading, value: _value, ...props }, ref)=>{
305
- const groupId = useId();
305
+ const CommandGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, forceMount = false, heading, value: _value, ...props }, ref)=>{
306
+ const groupId = __rspack_external_react.useId();
306
307
  const { hasVisibleItemsInGroup, isFiltering } = useCommandContext("CommandGroup");
307
308
  if (!forceMount && isFiltering && !hasVisibleItemsInGroup(groupId)) return null;
308
309
  return /*#__PURE__*/ jsx(CommandGroupContext.Provider, {
@@ -323,7 +324,7 @@ const CommandGroup = /*#__PURE__*/ forwardRef(({ children, className, forceMount
323
324
  });
324
325
  });
325
326
  CommandGroup.displayName = "CommandGroup";
326
- const CommandSeparator = /*#__PURE__*/ forwardRef(({ alwaysRender = false, className, orientation = "horizontal", ...props }, ref)=>{
327
+ const CommandSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ alwaysRender = false, className, orientation = "horizontal", ...props }, ref)=>{
327
328
  const { isFiltering } = useCommandContext("CommandSeparator");
328
329
  if (isFiltering && !alwaysRender) return null;
329
330
  return /*#__PURE__*/ jsx(Separator, {
@@ -334,23 +335,23 @@ const CommandSeparator = /*#__PURE__*/ forwardRef(({ alwaysRender = false, class
334
335
  });
335
336
  });
336
337
  CommandSeparator.displayName = "CommandSeparator";
337
- const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled = false, forceMount = false, keywords = [], onClick, onMouseEnter, onSelect, value, ...props }, ref)=>{
338
+ const CommandItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, disabled = false, forceMount = false, keywords = [], onClick, onMouseEnter, onSelect, value, ...props }, ref)=>{
338
339
  const { activeItemId, disablePointerSelection, isFiltering, isItemVisible, registerItem, selectSpecificItem, unregisterItem } = useCommandContext("CommandItem");
339
- const groupId = useContext(CommandGroupContext);
340
- const generatedId = useId();
341
- const itemReference = useRef(null);
342
- const keywordSignature = useMemo(()=>keywords.join("\u0000"), [
340
+ const groupId = __rspack_external_react.useContext(CommandGroupContext);
341
+ const generatedId = __rspack_external_react.useId();
342
+ const itemRef = __rspack_external_react.useRef(null);
343
+ const keywordSignature = __rspack_external_react.useMemo(()=>keywords.join("\u0000"), [
343
344
  keywords
344
345
  ]);
345
- useLayoutEffect(()=>{
346
- const textValue = value ?? itemReference.current?.textContent?.trim() ?? "";
346
+ __rspack_external_react.useLayoutEffect(()=>{
347
+ const textValue = value ?? itemRef.current?.textContent?.trim() ?? "";
347
348
  registerItem({
348
349
  disabled,
349
350
  forceMount,
350
351
  groupId,
351
352
  id: generatedId,
352
353
  keywords,
353
- ref: itemReference,
354
+ ref: itemRef,
354
355
  textValue,
355
356
  value
356
357
  });
@@ -365,7 +366,7 @@ const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled =
365
366
  registerItem,
366
367
  value
367
368
  ]);
368
- useEffect(()=>()=>{
369
+ __rspack_external_react.useEffect(()=>()=>{
369
370
  unregisterItem(generatedId);
370
371
  }, [
371
372
  generatedId,
@@ -377,7 +378,7 @@ const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled =
377
378
  return /*#__PURE__*/ jsx("div", {
378
379
  ...props,
379
380
  ref: (node)=>{
380
- itemReference.current = node;
381
+ itemRef.current = node;
381
382
  assignRef(ref, node);
382
383
  },
383
384
  "aria-disabled": disabled || void 0,
@@ -389,9 +390,17 @@ const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled =
389
390
  onClick: (event)=>{
390
391
  if (disabled) return void event.preventDefault();
391
392
  selectSpecificItem(generatedId);
392
- onSelect?.(value ?? itemReference.current?.textContent?.trim() ?? "");
393
+ onSelect?.(value ?? itemRef.current?.textContent?.trim() ?? "");
393
394
  onClick?.(event);
394
395
  },
396
+ onKeyDown: (event)=>{
397
+ if (disabled) return void event.preventDefault();
398
+ if ("Enter" === event.key || " " === event.key) {
399
+ event.preventDefault();
400
+ selectSpecificItem(generatedId);
401
+ onSelect?.(value ?? itemRef.current?.textContent?.trim() ?? "");
402
+ }
403
+ },
395
404
  onFocus: ()=>{
396
405
  if (disabled) return;
397
406
  selectSpecificItem(generatedId);