@react-spectrum/s2 1.3.1 → 1.4.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 (1026) hide show
  1. package/dist/exports/Accordion.cjs.map +1 -1
  2. package/dist/exports/Accordion.mjs.map +1 -1
  3. package/dist/exports/ActionMenu.cjs.map +1 -1
  4. package/dist/exports/ActionMenu.mjs.map +1 -1
  5. package/dist/exports/Card.cjs.map +1 -1
  6. package/dist/exports/Card.mjs.map +1 -1
  7. package/dist/exports/CardView.cjs.map +1 -1
  8. package/dist/exports/CardView.mjs.map +1 -1
  9. package/dist/exports/ColorArea.cjs.map +1 -1
  10. package/dist/exports/ColorArea.mjs.map +1 -1
  11. package/dist/exports/ColorField.cjs.map +1 -1
  12. package/dist/exports/ColorField.mjs.map +1 -1
  13. package/dist/exports/ColorSlider.cjs.map +1 -1
  14. package/dist/exports/ColorSlider.mjs.map +1 -1
  15. package/dist/exports/ColorSwatch.cjs.map +1 -1
  16. package/dist/exports/ColorSwatch.mjs.map +1 -1
  17. package/dist/exports/ColorSwatchPicker.cjs.map +1 -1
  18. package/dist/exports/ColorSwatchPicker.mjs.map +1 -1
  19. package/dist/exports/ColorWheel.cjs.map +1 -1
  20. package/dist/exports/ColorWheel.mjs.map +1 -1
  21. package/dist/exports/ContextualHelp.cjs.map +1 -1
  22. package/dist/exports/ContextualHelp.mjs.map +1 -1
  23. package/dist/exports/Disclosure.cjs.map +1 -1
  24. package/dist/exports/Disclosure.mjs.map +1 -1
  25. package/dist/exports/DragPreview.cjs +12 -0
  26. package/dist/exports/DragPreview.cjs.map +1 -0
  27. package/dist/exports/DragPreview.mjs +7 -0
  28. package/dist/exports/DragPreview.mjs.map +1 -0
  29. package/dist/exports/Icon.cjs.map +1 -1
  30. package/dist/exports/Icon.mjs.map +1 -1
  31. package/dist/exports/LabeledValue.cjs +13 -0
  32. package/dist/exports/LabeledValue.cjs.map +1 -0
  33. package/dist/exports/LabeledValue.mjs +7 -0
  34. package/dist/exports/LabeledValue.mjs.map +1 -0
  35. package/dist/exports/Menu.cjs.map +1 -1
  36. package/dist/exports/Menu.mjs.map +1 -1
  37. package/dist/exports/SegmentedControl.cjs.map +1 -1
  38. package/dist/exports/SegmentedControl.mjs.map +1 -1
  39. package/dist/exports/TableView.cjs +1 -0
  40. package/dist/exports/TableView.cjs.map +1 -1
  41. package/dist/exports/TableView.mjs +2 -2
  42. package/dist/exports/TableView.mjs.map +1 -1
  43. package/dist/exports/TreeView.cjs.map +1 -1
  44. package/dist/exports/TreeView.mjs.map +1 -1
  45. package/dist/exports/index.cjs +17 -0
  46. package/dist/exports/index.cjs.map +1 -1
  47. package/dist/exports/index.mjs +10 -2
  48. package/dist/exports/index.mjs.map +1 -1
  49. package/dist/exports/useAsyncList.cjs.map +1 -1
  50. package/dist/exports/useAsyncList.mjs.map +1 -1
  51. package/dist/exports/useDragAndDrop.cjs +21 -0
  52. package/dist/exports/useDragAndDrop.cjs.map +1 -0
  53. package/dist/exports/useDragAndDrop.mjs +11 -0
  54. package/dist/exports/useDragAndDrop.mjs.map +1 -0
  55. package/dist/private/Accordion.cjs +2 -2
  56. package/dist/private/Accordion.cjs.map +1 -1
  57. package/dist/private/Accordion.css +2 -2
  58. package/dist/private/Accordion.css.map +1 -1
  59. package/dist/private/Accordion.mjs +2 -2
  60. package/dist/private/Accordion.mjs.map +1 -1
  61. package/dist/private/ActionBar.cjs +61 -61
  62. package/dist/private/ActionBar.cjs.map +1 -1
  63. package/dist/private/ActionBar.css +58 -58
  64. package/dist/private/ActionBar.css.map +1 -1
  65. package/dist/private/ActionBar.mjs +61 -61
  66. package/dist/private/ActionBar.mjs.map +1 -1
  67. package/dist/private/ActionButton.cjs +350 -323
  68. package/dist/private/ActionButton.cjs.map +1 -1
  69. package/dist/private/ActionButton.css +203 -167
  70. package/dist/private/ActionButton.css.map +1 -1
  71. package/dist/private/ActionButton.mjs +351 -324
  72. package/dist/private/ActionButton.mjs.map +1 -1
  73. package/dist/private/ActionButtonGroup.cjs +15 -15
  74. package/dist/private/ActionButtonGroup.cjs.map +1 -1
  75. package/dist/private/ActionButtonGroup.css +9 -9
  76. package/dist/private/ActionButtonGroup.css.map +1 -1
  77. package/dist/private/ActionButtonGroup.mjs +15 -15
  78. package/dist/private/ActionButtonGroup.mjs.map +1 -1
  79. package/dist/private/ActionMenu.cjs.map +1 -1
  80. package/dist/private/ActionMenu.mjs.map +1 -1
  81. package/dist/private/Add.cjs +10 -10
  82. package/dist/private/Add.cjs.map +1 -1
  83. package/dist/private/Add.css +6 -6
  84. package/dist/private/Add.css.map +1 -1
  85. package/dist/private/Add.mjs +10 -10
  86. package/dist/private/Add.mjs.map +1 -1
  87. package/dist/private/AlertDialog.cjs +3 -3
  88. package/dist/private/AlertDialog.cjs.map +1 -1
  89. package/dist/private/AlertDialog.css +3 -3
  90. package/dist/private/AlertDialog.css.map +1 -1
  91. package/dist/private/AlertDialog.mjs +3 -3
  92. package/dist/private/AlertDialog.mjs.map +1 -1
  93. package/dist/private/Asterisk.cjs +6 -6
  94. package/dist/private/Asterisk.cjs.map +1 -1
  95. package/dist/private/Asterisk.css +4 -4
  96. package/dist/private/Asterisk.css.map +1 -1
  97. package/dist/private/Asterisk.mjs +6 -6
  98. package/dist/private/Asterisk.mjs.map +1 -1
  99. package/dist/private/Avatar.cjs +16 -16
  100. package/dist/private/Avatar.cjs.map +1 -1
  101. package/dist/private/Avatar.css +16 -16
  102. package/dist/private/Avatar.css.map +1 -1
  103. package/dist/private/Avatar.mjs +16 -16
  104. package/dist/private/Avatar.mjs.map +1 -1
  105. package/dist/private/AvatarGroup.cjs +120 -120
  106. package/dist/private/AvatarGroup.cjs.map +1 -1
  107. package/dist/private/AvatarGroup.css +31 -31
  108. package/dist/private/AvatarGroup.css.map +1 -1
  109. package/dist/private/AvatarGroup.mjs +120 -120
  110. package/dist/private/AvatarGroup.mjs.map +1 -1
  111. package/dist/private/Badge.cjs +197 -197
  112. package/dist/private/Badge.cjs.map +1 -1
  113. package/dist/private/Badge.css +125 -125
  114. package/dist/private/Badge.css.map +1 -1
  115. package/dist/private/Badge.mjs +197 -197
  116. package/dist/private/Badge.mjs.map +1 -1
  117. package/dist/private/Breadcrumbs.cjs +234 -234
  118. package/dist/private/Breadcrumbs.cjs.map +1 -1
  119. package/dist/private/Breadcrumbs.css +100 -100
  120. package/dist/private/Breadcrumbs.css.map +1 -1
  121. package/dist/private/Breadcrumbs.mjs +234 -234
  122. package/dist/private/Breadcrumbs.mjs.map +1 -1
  123. package/dist/private/Button.cjs +326 -335
  124. package/dist/private/Button.cjs.map +1 -1
  125. package/dist/private/Button.css +172 -180
  126. package/dist/private/Button.css.map +1 -1
  127. package/dist/private/Button.mjs +326 -335
  128. package/dist/private/Button.mjs.map +1 -1
  129. package/dist/private/ButtonGroup.cjs +20 -20
  130. package/dist/private/ButtonGroup.cjs.map +1 -1
  131. package/dist/private/ButtonGroup.css +15 -15
  132. package/dist/private/ButtonGroup.css.map +1 -1
  133. package/dist/private/ButtonGroup.mjs +20 -20
  134. package/dist/private/ButtonGroup.mjs.map +1 -1
  135. package/dist/private/Calendar.cjs +263 -312
  136. package/dist/private/Calendar.cjs.map +1 -1
  137. package/dist/private/Calendar.css +155 -167
  138. package/dist/private/Calendar.css.map +1 -1
  139. package/dist/private/Calendar.mjs +266 -315
  140. package/dist/private/Calendar.mjs.map +1 -1
  141. package/dist/private/Card.cjs +309 -309
  142. package/dist/private/Card.cjs.map +1 -1
  143. package/dist/private/Card.css +206 -206
  144. package/dist/private/Card.css.map +1 -1
  145. package/dist/private/Card.mjs +309 -309
  146. package/dist/private/Card.mjs.map +1 -1
  147. package/dist/private/CardView.cjs +17 -17
  148. package/dist/private/CardView.cjs.map +1 -1
  149. package/dist/private/CardView.css +17 -17
  150. package/dist/private/CardView.css.map +1 -1
  151. package/dist/private/CardView.mjs +17 -17
  152. package/dist/private/CardView.mjs.map +1 -1
  153. package/dist/private/CenterBaseline.cjs +5 -1
  154. package/dist/private/CenterBaseline.cjs.map +1 -1
  155. package/dist/private/CenterBaseline.css +2 -2
  156. package/dist/private/CenterBaseline.css.map +1 -1
  157. package/dist/private/CenterBaseline.mjs +5 -1
  158. package/dist/private/CenterBaseline.mjs.map +1 -1
  159. package/dist/private/Checkbox.cjs +268 -208
  160. package/dist/private/Checkbox.cjs.map +1 -1
  161. package/dist/private/Checkbox.css +170 -98
  162. package/dist/private/Checkbox.css.map +1 -1
  163. package/dist/private/Checkbox.mjs +269 -209
  164. package/dist/private/Checkbox.mjs.map +1 -1
  165. package/dist/private/CheckboxGroup.cjs +44 -43
  166. package/dist/private/CheckboxGroup.cjs.map +1 -1
  167. package/dist/private/CheckboxGroup.css +37 -37
  168. package/dist/private/CheckboxGroup.css.map +1 -1
  169. package/dist/private/CheckboxGroup.mjs +44 -43
  170. package/dist/private/CheckboxGroup.mjs.map +1 -1
  171. package/dist/private/Checkmark.cjs +12 -12
  172. package/dist/private/Checkmark.cjs.map +1 -1
  173. package/dist/private/Checkmark.css +8 -8
  174. package/dist/private/Checkmark.css.map +1 -1
  175. package/dist/private/Checkmark.mjs +12 -12
  176. package/dist/private/Checkmark.mjs.map +1 -1
  177. package/dist/private/Chevron.cjs +12 -12
  178. package/dist/private/Chevron.cjs.map +1 -1
  179. package/dist/private/Chevron.css +10 -10
  180. package/dist/private/Chevron.css.map +1 -1
  181. package/dist/private/Chevron.mjs +12 -12
  182. package/dist/private/Chevron.mjs.map +1 -1
  183. package/dist/private/ClearButton.cjs +30 -30
  184. package/dist/private/ClearButton.cjs.map +1 -1
  185. package/dist/private/ClearButton.css +30 -30
  186. package/dist/private/ClearButton.css.map +1 -1
  187. package/dist/private/ClearButton.mjs +30 -30
  188. package/dist/private/ClearButton.mjs.map +1 -1
  189. package/dist/private/CloseButton.cjs +52 -57
  190. package/dist/private/CloseButton.cjs.map +1 -1
  191. package/dist/private/CloseButton.css +47 -51
  192. package/dist/private/CloseButton.css.map +1 -1
  193. package/dist/private/CloseButton.mjs +52 -57
  194. package/dist/private/CloseButton.mjs.map +1 -1
  195. package/dist/private/ColorArea.cjs +16 -16
  196. package/dist/private/ColorArea.cjs.map +1 -1
  197. package/dist/private/ColorArea.css +16 -16
  198. package/dist/private/ColorArea.css.map +1 -1
  199. package/dist/private/ColorArea.mjs +16 -16
  200. package/dist/private/ColorArea.mjs.map +1 -1
  201. package/dist/private/ColorField.cjs +44 -33
  202. package/dist/private/ColorField.cjs.map +1 -1
  203. package/dist/private/ColorField.css +27 -27
  204. package/dist/private/ColorField.css.map +1 -1
  205. package/dist/private/ColorField.mjs +44 -33
  206. package/dist/private/ColorField.mjs.map +1 -1
  207. package/dist/private/ColorHandle.cjs +27 -27
  208. package/dist/private/ColorHandle.cjs.map +1 -1
  209. package/dist/private/ColorHandle.css +42 -42
  210. package/dist/private/ColorHandle.css.map +1 -1
  211. package/dist/private/ColorHandle.mjs +27 -27
  212. package/dist/private/ColorHandle.mjs.map +1 -1
  213. package/dist/private/ColorSlider.cjs +113 -109
  214. package/dist/private/ColorSlider.cjs.map +1 -1
  215. package/dist/private/ColorSlider.css +52 -52
  216. package/dist/private/ColorSlider.css.map +1 -1
  217. package/dist/private/ColorSlider.mjs +113 -109
  218. package/dist/private/ColorSlider.mjs.map +1 -1
  219. package/dist/private/ColorSwatch.cjs +29 -29
  220. package/dist/private/ColorSwatch.cjs.map +1 -1
  221. package/dist/private/ColorSwatch.css +29 -29
  222. package/dist/private/ColorSwatch.css.map +1 -1
  223. package/dist/private/ColorSwatch.mjs +29 -29
  224. package/dist/private/ColorSwatch.mjs.map +1 -1
  225. package/dist/private/ColorSwatchPicker.cjs +29 -29
  226. package/dist/private/ColorSwatchPicker.cjs.map +1 -1
  227. package/dist/private/ColorSwatchPicker.css +48 -48
  228. package/dist/private/ColorSwatchPicker.css.map +1 -1
  229. package/dist/private/ColorSwatchPicker.mjs +29 -29
  230. package/dist/private/ColorSwatchPicker.mjs.map +1 -1
  231. package/dist/private/ColorWheel.cjs +26 -26
  232. package/dist/private/ColorWheel.cjs.map +1 -1
  233. package/dist/private/ColorWheel.css +17 -17
  234. package/dist/private/ColorWheel.css.map +1 -1
  235. package/dist/private/ColorWheel.mjs +26 -26
  236. package/dist/private/ColorWheel.mjs.map +1 -1
  237. package/dist/private/ComboBox.cjs +384 -405
  238. package/dist/private/ComboBox.cjs.map +1 -1
  239. package/dist/private/ComboBox.css +192 -188
  240. package/dist/private/ComboBox.css.map +1 -1
  241. package/dist/private/ComboBox.mjs +385 -406
  242. package/dist/private/ComboBox.mjs.map +1 -1
  243. package/dist/private/Content.cjs +2 -1
  244. package/dist/private/Content.cjs.map +1 -1
  245. package/dist/private/Content.mjs +2 -1
  246. package/dist/private/Content.mjs.map +1 -1
  247. package/dist/private/ContextualHelp.cjs +5 -5
  248. package/dist/private/ContextualHelp.cjs.map +1 -1
  249. package/dist/private/ContextualHelp.css +50 -50
  250. package/dist/private/ContextualHelp.css.map +1 -1
  251. package/dist/private/ContextualHelp.mjs +5 -5
  252. package/dist/private/ContextualHelp.mjs.map +1 -1
  253. package/dist/private/CornerTriangle.cjs +76 -0
  254. package/dist/private/CornerTriangle.cjs.map +1 -0
  255. package/dist/private/CornerTriangle.css +26 -0
  256. package/dist/private/CornerTriangle.css.map +1 -0
  257. package/dist/private/CornerTriangle.mjs +71 -0
  258. package/dist/private/CornerTriangle.mjs.map +1 -0
  259. package/dist/private/Cross.cjs +14 -14
  260. package/dist/private/Cross.cjs.map +1 -1
  261. package/dist/private/Cross.css +10 -10
  262. package/dist/private/Cross.css.map +1 -1
  263. package/dist/private/Cross.mjs +14 -14
  264. package/dist/private/Cross.mjs.map +1 -1
  265. package/dist/private/CustomDialog.cjs +27 -26
  266. package/dist/private/CustomDialog.cjs.map +1 -1
  267. package/dist/private/CustomDialog.css +25 -25
  268. package/dist/private/CustomDialog.css.map +1 -1
  269. package/dist/private/CustomDialog.mjs +27 -26
  270. package/dist/private/CustomDialog.mjs.map +1 -1
  271. package/dist/private/Dash.cjs +10 -10
  272. package/dist/private/Dash.cjs.map +1 -1
  273. package/dist/private/Dash.css +6 -6
  274. package/dist/private/Dash.css.map +1 -1
  275. package/dist/private/Dash.mjs +10 -10
  276. package/dist/private/Dash.mjs.map +1 -1
  277. package/dist/private/DateField.cjs +73 -73
  278. package/dist/private/DateField.cjs.map +1 -1
  279. package/dist/private/DateField.css +77 -77
  280. package/dist/private/DateField.css.map +1 -1
  281. package/dist/private/DateField.mjs +73 -73
  282. package/dist/private/DateField.mjs.map +1 -1
  283. package/dist/private/DatePicker.cjs +172 -172
  284. package/dist/private/DatePicker.cjs.map +1 -1
  285. package/dist/private/DatePicker.css +128 -128
  286. package/dist/private/DatePicker.css.map +1 -1
  287. package/dist/private/DatePicker.mjs +172 -172
  288. package/dist/private/DatePicker.mjs.map +1 -1
  289. package/dist/private/DateRangePicker.cjs +55 -55
  290. package/dist/private/DateRangePicker.cjs.map +1 -1
  291. package/dist/private/DateRangePicker.css +59 -59
  292. package/dist/private/DateRangePicker.css.map +1 -1
  293. package/dist/private/DateRangePicker.mjs +55 -55
  294. package/dist/private/DateRangePicker.mjs.map +1 -1
  295. package/dist/private/Dialog.cjs +21 -18
  296. package/dist/private/Dialog.cjs.map +1 -1
  297. package/dist/private/Dialog.css +70 -70
  298. package/dist/private/Dialog.css.map +1 -1
  299. package/dist/private/Dialog.mjs +21 -18
  300. package/dist/private/Dialog.mjs.map +1 -1
  301. package/dist/private/DialogContainer.cjs.map +1 -1
  302. package/dist/private/DialogContainer.mjs.map +1 -1
  303. package/dist/private/DialogTrigger.cjs.map +1 -1
  304. package/dist/private/DialogTrigger.mjs.map +1 -1
  305. package/dist/private/Disclosure.cjs +119 -119
  306. package/dist/private/Disclosure.cjs.map +1 -1
  307. package/dist/private/Disclosure.css +112 -112
  308. package/dist/private/Disclosure.css.map +1 -1
  309. package/dist/private/Disclosure.mjs +119 -119
  310. package/dist/private/Disclosure.mjs.map +1 -1
  311. package/dist/private/Divider.cjs +25 -25
  312. package/dist/private/Divider.cjs.map +1 -1
  313. package/dist/private/Divider.css +25 -25
  314. package/dist/private/Divider.css.map +1 -1
  315. package/dist/private/Divider.mjs +25 -25
  316. package/dist/private/Divider.mjs.map +1 -1
  317. package/dist/private/DragHandle.cjs +76 -0
  318. package/dist/private/DragHandle.cjs.map +1 -0
  319. package/dist/private/DragHandle.css +26 -0
  320. package/dist/private/DragHandle.css.map +1 -0
  321. package/dist/private/DragHandle.mjs +71 -0
  322. package/dist/private/DragHandle.mjs.map +1 -0
  323. package/dist/private/DragPreview.cjs +297 -0
  324. package/dist/private/DragPreview.cjs.map +1 -0
  325. package/dist/private/DragPreview.css +459 -0
  326. package/dist/private/DragPreview.css.map +1 -0
  327. package/dist/private/DragPreview.mjs +288 -0
  328. package/dist/private/DragPreview.mjs.map +1 -0
  329. package/dist/private/DropZone.cjs +61 -61
  330. package/dist/private/DropZone.cjs.map +1 -1
  331. package/dist/private/DropZone.css +57 -57
  332. package/dist/private/DropZone.css.map +1 -1
  333. package/dist/private/DropZone.mjs +61 -61
  334. package/dist/private/DropZone.mjs.map +1 -1
  335. package/dist/private/Field.cjs +421 -372
  336. package/dist/private/Field.cjs.map +1 -1
  337. package/dist/private/Field.css +206 -154
  338. package/dist/private/Field.css.map +1 -1
  339. package/dist/private/Field.mjs +422 -373
  340. package/dist/private/Field.mjs.map +1 -1
  341. package/dist/private/Fonts.cjs.map +1 -1
  342. package/dist/private/Fonts.mjs.map +1 -1
  343. package/dist/private/Form.cjs +9 -9
  344. package/dist/private/Form.cjs.map +1 -1
  345. package/dist/private/Form.css +9 -9
  346. package/dist/private/Form.css.map +1 -1
  347. package/dist/private/Form.mjs +9 -9
  348. package/dist/private/Form.mjs.map +1 -1
  349. package/dist/private/FullscreenDialog.cjs +7 -6
  350. package/dist/private/FullscreenDialog.cjs.map +1 -1
  351. package/dist/private/FullscreenDialog.css +78 -78
  352. package/dist/private/FullscreenDialog.css.map +1 -1
  353. package/dist/private/FullscreenDialog.mjs +7 -6
  354. package/dist/private/FullscreenDialog.mjs.map +1 -1
  355. package/dist/private/IllustratedMessage.cjs +228 -228
  356. package/dist/private/IllustratedMessage.cjs.map +1 -1
  357. package/dist/private/IllustratedMessage.css +72 -72
  358. package/dist/private/IllustratedMessage.css.map +1 -1
  359. package/dist/private/IllustratedMessage.mjs +228 -228
  360. package/dist/private/IllustratedMessage.mjs.map +1 -1
  361. package/dist/private/Image.cjs +16 -16
  362. package/dist/private/Image.cjs.map +1 -1
  363. package/dist/private/Image.css +14 -14
  364. package/dist/private/Image.css.map +1 -1
  365. package/dist/private/Image.mjs +16 -16
  366. package/dist/private/Image.mjs.map +1 -1
  367. package/dist/private/ImageCoordinator.cjs.map +1 -1
  368. package/dist/private/ImageCoordinator.mjs.map +1 -1
  369. package/dist/private/InlineAlert.cjs +100 -100
  370. package/dist/private/InlineAlert.cjs.map +1 -1
  371. package/dist/private/InlineAlert.css +76 -76
  372. package/dist/private/InlineAlert.css.map +1 -1
  373. package/dist/private/InlineAlert.mjs +100 -100
  374. package/dist/private/InlineAlert.mjs.map +1 -1
  375. package/dist/private/LabeledValue.cjs +359 -0
  376. package/dist/private/LabeledValue.cjs.map +1 -0
  377. package/dist/private/LabeledValue.css +285 -0
  378. package/dist/private/LabeledValue.css.map +1 -0
  379. package/dist/private/LabeledValue.mjs +353 -0
  380. package/dist/private/LabeledValue.mjs.map +1 -0
  381. package/dist/private/Link.cjs +49 -49
  382. package/dist/private/Link.cjs.map +1 -1
  383. package/dist/private/Link.css +41 -41
  384. package/dist/private/Link.css.map +1 -1
  385. package/dist/private/Link.mjs +49 -49
  386. package/dist/private/Link.mjs.map +1 -1
  387. package/dist/private/LinkOut.cjs +8 -8
  388. package/dist/private/LinkOut.cjs.map +1 -1
  389. package/dist/private/LinkOut.css +8 -8
  390. package/dist/private/LinkOut.css.map +1 -1
  391. package/dist/private/LinkOut.mjs +8 -8
  392. package/dist/private/LinkOut.mjs.map +1 -1
  393. package/dist/private/ListView.cjs +422 -489
  394. package/dist/private/ListView.cjs.map +1 -1
  395. package/dist/private/ListView.css +276 -348
  396. package/dist/private/ListView.css.map +1 -1
  397. package/dist/private/ListView.mjs +422 -488
  398. package/dist/private/ListView.mjs.map +1 -1
  399. package/dist/private/Menu.cjs +489 -471
  400. package/dist/private/Menu.cjs.map +1 -1
  401. package/dist/private/Menu.css +205 -205
  402. package/dist/private/Menu.css.map +1 -1
  403. package/dist/private/Menu.mjs +489 -471
  404. package/dist/private/Menu.mjs.map +1 -1
  405. package/dist/private/Meter.cjs +153 -153
  406. package/dist/private/Meter.cjs.map +1 -1
  407. package/dist/private/Meter.css +91 -91
  408. package/dist/private/Meter.css.map +1 -1
  409. package/dist/private/Meter.mjs +153 -153
  410. package/dist/private/Meter.mjs.map +1 -1
  411. package/dist/private/Modal.cjs +74 -74
  412. package/dist/private/Modal.cjs.map +1 -1
  413. package/dist/private/Modal.css +59 -59
  414. package/dist/private/Modal.css.map +1 -1
  415. package/dist/private/Modal.mjs +74 -74
  416. package/dist/private/Modal.mjs.map +1 -1
  417. package/dist/private/NotificationBadge.cjs +56 -56
  418. package/dist/private/NotificationBadge.cjs.map +1 -1
  419. package/dist/private/NotificationBadge.css +49 -49
  420. package/dist/private/NotificationBadge.css.map +1 -1
  421. package/dist/private/NotificationBadge.mjs +56 -56
  422. package/dist/private/NotificationBadge.mjs.map +1 -1
  423. package/dist/private/NumberField.cjs +115 -114
  424. package/dist/private/NumberField.cjs.map +1 -1
  425. package/dist/private/NumberField.css +99 -99
  426. package/dist/private/NumberField.css.map +1 -1
  427. package/dist/private/NumberField.mjs +115 -114
  428. package/dist/private/NumberField.mjs.map +1 -1
  429. package/dist/private/Picker.cjs +277 -277
  430. package/dist/private/Picker.cjs.map +1 -1
  431. package/dist/private/Picker.css +173 -173
  432. package/dist/private/Picker.css.map +1 -1
  433. package/dist/private/Picker.mjs +277 -277
  434. package/dist/private/Picker.mjs.map +1 -1
  435. package/dist/private/Popover.cjs +95 -95
  436. package/dist/private/Popover.cjs.map +1 -1
  437. package/dist/private/Popover.css +75 -75
  438. package/dist/private/Popover.css.map +1 -1
  439. package/dist/private/Popover.mjs +95 -95
  440. package/dist/private/Popover.mjs.map +1 -1
  441. package/dist/private/ProgressBar.cjs +163 -163
  442. package/dist/private/ProgressBar.cjs.map +1 -1
  443. package/dist/private/ProgressBar.css +99 -99
  444. package/dist/private/ProgressBar.css.map +1 -1
  445. package/dist/private/ProgressBar.mjs +163 -163
  446. package/dist/private/ProgressBar.mjs.map +1 -1
  447. package/dist/private/ProgressCircle.cjs +31 -31
  448. package/dist/private/ProgressCircle.cjs.map +1 -1
  449. package/dist/private/ProgressCircle.css +24 -24
  450. package/dist/private/ProgressCircle.css.map +1 -1
  451. package/dist/private/ProgressCircle.mjs +31 -31
  452. package/dist/private/ProgressCircle.mjs.map +1 -1
  453. package/dist/private/Provider.cjs +19 -19
  454. package/dist/private/Provider.cjs.map +1 -1
  455. package/dist/private/Provider.css +15 -15
  456. package/dist/private/Provider.css.map +1 -1
  457. package/dist/private/Provider.mjs +19 -19
  458. package/dist/private/Provider.mjs.map +1 -1
  459. package/dist/private/RadioGroup.cjs +251 -203
  460. package/dist/private/RadioGroup.cjs.map +1 -1
  461. package/dist/private/RadioGroup.css +167 -135
  462. package/dist/private/RadioGroup.css.map +1 -1
  463. package/dist/private/RadioGroup.mjs +252 -204
  464. package/dist/private/RadioGroup.mjs.map +1 -1
  465. package/dist/private/RangeCalendar.cjs +19 -17
  466. package/dist/private/RangeCalendar.cjs.map +1 -1
  467. package/dist/private/RangeCalendar.css +17 -17
  468. package/dist/private/RangeCalendar.css.map +1 -1
  469. package/dist/private/RangeCalendar.mjs +19 -17
  470. package/dist/private/RangeCalendar.mjs.map +1 -1
  471. package/dist/private/RangeSlider.cjs +7 -15
  472. package/dist/private/RangeSlider.cjs.map +1 -1
  473. package/dist/private/RangeSlider.mjs +8 -16
  474. package/dist/private/RangeSlider.mjs.map +1 -1
  475. package/dist/private/S2_CornerTriangleSize100.cjs +26 -0
  476. package/dist/private/S2_CornerTriangleSize100.cjs.map +1 -0
  477. package/dist/private/S2_CornerTriangleSize100.mjs +21 -0
  478. package/dist/private/S2_CornerTriangleSize100.mjs.map +1 -0
  479. package/dist/private/S2_CornerTriangleSize200.cjs +26 -0
  480. package/dist/private/S2_CornerTriangleSize200.cjs.map +1 -0
  481. package/dist/private/S2_CornerTriangleSize200.mjs +21 -0
  482. package/dist/private/S2_CornerTriangleSize200.mjs.map +1 -0
  483. package/dist/private/S2_CornerTriangleSize300.cjs +26 -0
  484. package/dist/private/S2_CornerTriangleSize300.cjs.map +1 -0
  485. package/dist/private/S2_CornerTriangleSize300.mjs +21 -0
  486. package/dist/private/S2_CornerTriangleSize300.mjs.map +1 -0
  487. package/dist/private/S2_CornerTriangleSize75.cjs +26 -0
  488. package/dist/private/S2_CornerTriangleSize75.cjs.map +1 -0
  489. package/dist/private/S2_CornerTriangleSize75.mjs +21 -0
  490. package/dist/private/S2_CornerTriangleSize75.mjs.map +1 -0
  491. package/dist/private/S2_DragHandleSize100.cjs +60 -0
  492. package/dist/private/S2_DragHandleSize100.cjs.map +1 -0
  493. package/dist/private/S2_DragHandleSize100.mjs +55 -0
  494. package/dist/private/S2_DragHandleSize100.mjs.map +1 -0
  495. package/dist/private/S2_DragHandleSize200.cjs +60 -0
  496. package/dist/private/S2_DragHandleSize200.cjs.map +1 -0
  497. package/dist/private/S2_DragHandleSize200.mjs +55 -0
  498. package/dist/private/S2_DragHandleSize200.mjs.map +1 -0
  499. package/dist/private/S2_DragHandleSize300.cjs +60 -0
  500. package/dist/private/S2_DragHandleSize300.cjs.map +1 -0
  501. package/dist/private/S2_DragHandleSize300.mjs +55 -0
  502. package/dist/private/S2_DragHandleSize300.mjs.map +1 -0
  503. package/dist/private/S2_DragHandleSize75.cjs +60 -0
  504. package/dist/private/S2_DragHandleSize75.cjs.map +1 -0
  505. package/dist/private/S2_DragHandleSize75.mjs +55 -0
  506. package/dist/private/S2_DragHandleSize75.mjs.map +1 -0
  507. package/dist/private/SearchField.cjs +41 -41
  508. package/dist/private/SearchField.cjs.map +1 -1
  509. package/dist/private/SearchField.css +45 -45
  510. package/dist/private/SearchField.css.map +1 -1
  511. package/dist/private/SearchField.mjs +41 -41
  512. package/dist/private/SearchField.mjs.map +1 -1
  513. package/dist/private/SegmentedControl.cjs +178 -178
  514. package/dist/private/SegmentedControl.cjs.map +1 -1
  515. package/dist/private/SegmentedControl.css +123 -123
  516. package/dist/private/SegmentedControl.css.map +1 -1
  517. package/dist/private/SegmentedControl.mjs +178 -178
  518. package/dist/private/SegmentedControl.mjs.map +1 -1
  519. package/dist/private/SelectBoxGroup.cjs +142 -142
  520. package/dist/private/SelectBoxGroup.cjs.map +1 -1
  521. package/dist/private/SelectBoxGroup.css +120 -120
  522. package/dist/private/SelectBoxGroup.css.map +1 -1
  523. package/dist/private/SelectBoxGroup.mjs +142 -142
  524. package/dist/private/SelectBoxGroup.mjs.map +1 -1
  525. package/dist/private/SkeletonCollection.cjs.map +1 -1
  526. package/dist/private/SkeletonCollection.mjs.map +1 -1
  527. package/dist/private/Slider.cjs +318 -332
  528. package/dist/private/Slider.cjs.map +1 -1
  529. package/dist/private/Slider.css +177 -157
  530. package/dist/private/Slider.css.map +1 -1
  531. package/dist/private/Slider.mjs +319 -333
  532. package/dist/private/Slider.mjs.map +1 -1
  533. package/dist/private/StatusLight.cjs +115 -115
  534. package/dist/private/StatusLight.cjs.map +1 -1
  535. package/dist/private/StatusLight.css +59 -59
  536. package/dist/private/StatusLight.css.map +1 -1
  537. package/dist/private/StatusLight.mjs +115 -115
  538. package/dist/private/StatusLight.mjs.map +1 -1
  539. package/dist/private/Switch.cjs +219 -176
  540. package/dist/private/Switch.cjs.map +1 -1
  541. package/dist/private/Switch.css +128 -84
  542. package/dist/private/Switch.css.map +1 -1
  543. package/dist/private/Switch.mjs +219 -176
  544. package/dist/private/Switch.mjs.map +1 -1
  545. package/dist/private/TableView.cjs +735 -518
  546. package/dist/private/TableView.cjs.map +1 -1
  547. package/dist/private/TableView.css +528 -308
  548. package/dist/private/TableView.css.map +1 -1
  549. package/dist/private/TableView.mjs +737 -521
  550. package/dist/private/TableView.mjs.map +1 -1
  551. package/dist/private/Tabs.cjs +123 -123
  552. package/dist/private/Tabs.cjs.map +1 -1
  553. package/dist/private/Tabs.css +105 -105
  554. package/dist/private/Tabs.css.map +1 -1
  555. package/dist/private/Tabs.mjs +123 -123
  556. package/dist/private/Tabs.mjs.map +1 -1
  557. package/dist/private/TabsPicker.cjs +130 -129
  558. package/dist/private/TabsPicker.cjs.map +1 -1
  559. package/dist/private/TabsPicker.css +108 -108
  560. package/dist/private/TabsPicker.css.map +1 -1
  561. package/dist/private/TabsPicker.mjs +130 -129
  562. package/dist/private/TabsPicker.mjs.map +1 -1
  563. package/dist/private/TagGroup.cjs +203 -203
  564. package/dist/private/TagGroup.cjs.map +1 -1
  565. package/dist/private/TagGroup.css +146 -146
  566. package/dist/private/TagGroup.css.map +1 -1
  567. package/dist/private/TagGroup.mjs +203 -203
  568. package/dist/private/TagGroup.mjs.map +1 -1
  569. package/dist/private/TextField.cjs +84 -73
  570. package/dist/private/TextField.cjs.map +1 -1
  571. package/dist/private/TextField.css +54 -54
  572. package/dist/private/TextField.css.map +1 -1
  573. package/dist/private/TextField.mjs +85 -74
  574. package/dist/private/TextField.mjs.map +1 -1
  575. package/dist/private/TimeField.cjs +51 -51
  576. package/dist/private/TimeField.cjs.map +1 -1
  577. package/dist/private/TimeField.css +47 -47
  578. package/dist/private/TimeField.css.map +1 -1
  579. package/dist/private/TimeField.mjs +51 -51
  580. package/dist/private/TimeField.mjs.map +1 -1
  581. package/dist/private/Toast.cjs +122 -121
  582. package/dist/private/Toast.cjs.map +1 -1
  583. package/dist/private/Toast.css +110 -110
  584. package/dist/private/Toast.css.map +1 -1
  585. package/dist/private/Toast.mjs +122 -121
  586. package/dist/private/Toast.mjs.map +1 -1
  587. package/dist/private/Toast.module_css.cjs +21 -21
  588. package/dist/private/Toast.module_css.cjs.map +1 -1
  589. package/dist/private/Toast.module_css.mjs +21 -21
  590. package/dist/private/Toast.module_css.mjs.map +1 -1
  591. package/dist/private/Toast_module.css +44 -44
  592. package/dist/private/Toast_module.css.map +1 -1
  593. package/dist/private/ToggleButton.cjs +59 -26
  594. package/dist/private/ToggleButton.cjs.map +1 -1
  595. package/dist/private/ToggleButton.css +56 -12
  596. package/dist/private/ToggleButton.css.map +1 -1
  597. package/dist/private/ToggleButton.mjs +60 -27
  598. package/dist/private/ToggleButton.mjs.map +1 -1
  599. package/dist/private/ToggleButtonGroup.cjs.map +1 -1
  600. package/dist/private/ToggleButtonGroup.mjs.map +1 -1
  601. package/dist/private/Tooltip.cjs +86 -86
  602. package/dist/private/Tooltip.cjs.map +1 -1
  603. package/dist/private/Tooltip.css +70 -70
  604. package/dist/private/Tooltip.css.map +1 -1
  605. package/dist/private/Tooltip.mjs +86 -86
  606. package/dist/private/Tooltip.mjs.map +1 -1
  607. package/dist/private/TreeView.cjs +300 -233
  608. package/dist/private/TreeView.cjs.map +1 -1
  609. package/dist/private/TreeView.css +243 -181
  610. package/dist/private/TreeView.css.map +1 -1
  611. package/dist/private/TreeView.mjs +301 -234
  612. package/dist/private/TreeView.mjs.map +1 -1
  613. package/dist/private/dnd-utils.cjs +149 -0
  614. package/dist/private/dnd-utils.cjs.map +1 -0
  615. package/dist/private/dnd-utils.css +164 -0
  616. package/dist/private/dnd-utils.css.map +1 -0
  617. package/dist/private/dnd-utils.mjs +143 -0
  618. package/dist/private/dnd-utils.mjs.map +1 -0
  619. package/dist/private/font-faces.css.map +1 -1
  620. package/dist/private/intl/ar-AE.cjs +1 -0
  621. package/dist/private/intl/ar-AE.cjs.map +1 -1
  622. package/dist/private/intl/ar-AE.mjs +1 -0
  623. package/dist/private/intl/ar-AE.mjs.map +1 -1
  624. package/dist/private/intl/bg-BG.cjs +1 -0
  625. package/dist/private/intl/bg-BG.cjs.map +1 -1
  626. package/dist/private/intl/bg-BG.mjs +1 -0
  627. package/dist/private/intl/bg-BG.mjs.map +1 -1
  628. package/dist/private/intl/cs-CZ.cjs +1 -0
  629. package/dist/private/intl/cs-CZ.cjs.map +1 -1
  630. package/dist/private/intl/cs-CZ.mjs +1 -0
  631. package/dist/private/intl/cs-CZ.mjs.map +1 -1
  632. package/dist/private/intl/da-DK.cjs +1 -0
  633. package/dist/private/intl/da-DK.cjs.map +1 -1
  634. package/dist/private/intl/da-DK.mjs +1 -0
  635. package/dist/private/intl/da-DK.mjs.map +1 -1
  636. package/dist/private/intl/de-DE.cjs +1 -0
  637. package/dist/private/intl/de-DE.cjs.map +1 -1
  638. package/dist/private/intl/de-DE.mjs +1 -0
  639. package/dist/private/intl/de-DE.mjs.map +1 -1
  640. package/dist/private/intl/el-GR.cjs +1 -0
  641. package/dist/private/intl/el-GR.cjs.map +1 -1
  642. package/dist/private/intl/el-GR.mjs +1 -0
  643. package/dist/private/intl/el-GR.mjs.map +1 -1
  644. package/dist/private/intl/en-US.cjs +1 -0
  645. package/dist/private/intl/en-US.cjs.map +1 -1
  646. package/dist/private/intl/en-US.mjs +1 -0
  647. package/dist/private/intl/en-US.mjs.map +1 -1
  648. package/dist/private/intl/es-ES.cjs +1 -0
  649. package/dist/private/intl/es-ES.cjs.map +1 -1
  650. package/dist/private/intl/es-ES.mjs +1 -0
  651. package/dist/private/intl/es-ES.mjs.map +1 -1
  652. package/dist/private/intl/et-EE.cjs +1 -0
  653. package/dist/private/intl/et-EE.cjs.map +1 -1
  654. package/dist/private/intl/et-EE.mjs +1 -0
  655. package/dist/private/intl/et-EE.mjs.map +1 -1
  656. package/dist/private/intl/fi-FI.cjs +1 -0
  657. package/dist/private/intl/fi-FI.cjs.map +1 -1
  658. package/dist/private/intl/fi-FI.mjs +1 -0
  659. package/dist/private/intl/fi-FI.mjs.map +1 -1
  660. package/dist/private/intl/fr-FR.cjs +1 -0
  661. package/dist/private/intl/fr-FR.cjs.map +1 -1
  662. package/dist/private/intl/fr-FR.mjs +1 -0
  663. package/dist/private/intl/fr-FR.mjs.map +1 -1
  664. package/dist/private/intl/he-IL.cjs +1 -0
  665. package/dist/private/intl/he-IL.cjs.map +1 -1
  666. package/dist/private/intl/he-IL.mjs +1 -0
  667. package/dist/private/intl/he-IL.mjs.map +1 -1
  668. package/dist/private/intl/hr-HR.cjs +1 -0
  669. package/dist/private/intl/hr-HR.cjs.map +1 -1
  670. package/dist/private/intl/hr-HR.mjs +1 -0
  671. package/dist/private/intl/hr-HR.mjs.map +1 -1
  672. package/dist/private/intl/hu-HU.cjs +1 -0
  673. package/dist/private/intl/hu-HU.cjs.map +1 -1
  674. package/dist/private/intl/hu-HU.mjs +1 -0
  675. package/dist/private/intl/hu-HU.mjs.map +1 -1
  676. package/dist/private/intl/it-IT.cjs +1 -0
  677. package/dist/private/intl/it-IT.cjs.map +1 -1
  678. package/dist/private/intl/it-IT.mjs +1 -0
  679. package/dist/private/intl/it-IT.mjs.map +1 -1
  680. package/dist/private/intl/ja-JP.cjs +1 -0
  681. package/dist/private/intl/ja-JP.cjs.map +1 -1
  682. package/dist/private/intl/ja-JP.mjs +1 -0
  683. package/dist/private/intl/ja-JP.mjs.map +1 -1
  684. package/dist/private/intl/ko-KR.cjs +1 -0
  685. package/dist/private/intl/ko-KR.cjs.map +1 -1
  686. package/dist/private/intl/ko-KR.mjs +1 -0
  687. package/dist/private/intl/ko-KR.mjs.map +1 -1
  688. package/dist/private/intl/lt-LT.cjs +1 -0
  689. package/dist/private/intl/lt-LT.cjs.map +1 -1
  690. package/dist/private/intl/lt-LT.mjs +1 -0
  691. package/dist/private/intl/lt-LT.mjs.map +1 -1
  692. package/dist/private/intl/lv-LV.cjs +1 -0
  693. package/dist/private/intl/lv-LV.cjs.map +1 -1
  694. package/dist/private/intl/lv-LV.mjs +1 -0
  695. package/dist/private/intl/lv-LV.mjs.map +1 -1
  696. package/dist/private/intl/nb-NO.cjs +1 -0
  697. package/dist/private/intl/nb-NO.cjs.map +1 -1
  698. package/dist/private/intl/nb-NO.mjs +1 -0
  699. package/dist/private/intl/nb-NO.mjs.map +1 -1
  700. package/dist/private/intl/nl-NL.cjs +1 -0
  701. package/dist/private/intl/nl-NL.cjs.map +1 -1
  702. package/dist/private/intl/nl-NL.mjs +1 -0
  703. package/dist/private/intl/nl-NL.mjs.map +1 -1
  704. package/dist/private/intl/pl-PL.cjs +1 -0
  705. package/dist/private/intl/pl-PL.cjs.map +1 -1
  706. package/dist/private/intl/pl-PL.mjs +1 -0
  707. package/dist/private/intl/pl-PL.mjs.map +1 -1
  708. package/dist/private/intl/pt-BR.cjs +1 -0
  709. package/dist/private/intl/pt-BR.cjs.map +1 -1
  710. package/dist/private/intl/pt-BR.mjs +1 -0
  711. package/dist/private/intl/pt-BR.mjs.map +1 -1
  712. package/dist/private/intl/pt-PT.cjs +1 -0
  713. package/dist/private/intl/pt-PT.cjs.map +1 -1
  714. package/dist/private/intl/pt-PT.mjs +1 -0
  715. package/dist/private/intl/pt-PT.mjs.map +1 -1
  716. package/dist/private/intl/ro-RO.cjs +1 -0
  717. package/dist/private/intl/ro-RO.cjs.map +1 -1
  718. package/dist/private/intl/ro-RO.mjs +1 -0
  719. package/dist/private/intl/ro-RO.mjs.map +1 -1
  720. package/dist/private/intl/ru-RU.cjs +1 -0
  721. package/dist/private/intl/ru-RU.cjs.map +1 -1
  722. package/dist/private/intl/ru-RU.mjs +1 -0
  723. package/dist/private/intl/ru-RU.mjs.map +1 -1
  724. package/dist/private/intl/sk-SK.cjs +1 -0
  725. package/dist/private/intl/sk-SK.cjs.map +1 -1
  726. package/dist/private/intl/sk-SK.mjs +1 -0
  727. package/dist/private/intl/sk-SK.mjs.map +1 -1
  728. package/dist/private/intl/sl-SI.cjs +1 -0
  729. package/dist/private/intl/sl-SI.cjs.map +1 -1
  730. package/dist/private/intl/sl-SI.mjs +1 -0
  731. package/dist/private/intl/sl-SI.mjs.map +1 -1
  732. package/dist/private/intl/sr-SP.cjs +1 -0
  733. package/dist/private/intl/sr-SP.cjs.map +1 -1
  734. package/dist/private/intl/sr-SP.mjs +1 -0
  735. package/dist/private/intl/sr-SP.mjs.map +1 -1
  736. package/dist/private/intl/sv-SE.cjs +1 -0
  737. package/dist/private/intl/sv-SE.cjs.map +1 -1
  738. package/dist/private/intl/sv-SE.mjs +1 -0
  739. package/dist/private/intl/sv-SE.mjs.map +1 -1
  740. package/dist/private/intl/tr-TR.cjs +1 -0
  741. package/dist/private/intl/tr-TR.cjs.map +1 -1
  742. package/dist/private/intl/tr-TR.mjs +1 -0
  743. package/dist/private/intl/tr-TR.mjs.map +1 -1
  744. package/dist/private/intl/uk-UA.cjs +1 -0
  745. package/dist/private/intl/uk-UA.cjs.map +1 -1
  746. package/dist/private/intl/uk-UA.mjs +1 -0
  747. package/dist/private/intl/uk-UA.mjs.map +1 -1
  748. package/dist/private/intl/zh-CN.cjs +1 -0
  749. package/dist/private/intl/zh-CN.cjs.map +1 -1
  750. package/dist/private/intl/zh-CN.mjs +1 -0
  751. package/dist/private/intl/zh-CN.mjs.map +1 -1
  752. package/dist/private/intl/zh-TW.cjs +1 -0
  753. package/dist/private/intl/zh-TW.cjs.map +1 -1
  754. package/dist/private/intl/zh-TW.mjs +1 -0
  755. package/dist/private/intl/zh-TW.mjs.map +1 -1
  756. package/dist/private/pressScale.cjs.map +1 -1
  757. package/dist/private/pressScale.mjs.map +1 -1
  758. package/dist/private/useDOMRef.cjs +3 -2
  759. package/dist/private/useDOMRef.cjs.map +1 -1
  760. package/dist/private/useDOMRef.mjs +3 -2
  761. package/dist/private/useDOMRef.mjs.map +1 -1
  762. package/dist/private/useDragAndDrop.cjs +25 -0
  763. package/dist/private/useDragAndDrop.cjs.map +1 -0
  764. package/dist/private/useDragAndDrop.mjs +20 -0
  765. package/dist/private/useDragAndDrop.mjs.map +1 -0
  766. package/dist/types/exports/DragPreview.d.ts +2 -0
  767. package/dist/types/exports/LabeledValue.d.ts +2 -0
  768. package/dist/types/exports/TableView.d.ts +2 -2
  769. package/dist/types/exports/index.d.ts +11 -2
  770. package/dist/types/exports/useDragAndDrop.d.ts +8 -0
  771. package/dist/types/src/Accordion.d.ts +22 -6
  772. package/dist/types/src/ActionBar.d.ts +6 -2
  773. package/dist/types/src/ActionButton.d.ts +15 -5
  774. package/dist/types/src/ActionButtonGroup.d.ts +13 -4
  775. package/dist/types/src/ActionMenu.d.ts +1 -1
  776. package/dist/types/src/AlertDialog.d.ts +3 -1
  777. package/dist/types/src/Avatar.d.ts +1 -0
  778. package/dist/types/src/AvatarGroup.d.ts +1 -0
  779. package/dist/types/src/Badge.d.ts +6 -2
  780. package/dist/types/src/Breadcrumbs.d.ts +1 -1
  781. package/dist/types/src/Button.d.ts +2 -1
  782. package/dist/types/src/Calendar.d.ts +8 -5
  783. package/dist/types/src/Card.d.ts +4 -1
  784. package/dist/types/src/CardView.d.ts +6 -1
  785. package/dist/types/src/CenterBaseline.d.ts +2 -1
  786. package/dist/types/src/Checkbox.d.ts +5 -5
  787. package/dist/types/src/CoachMark.d.ts +3 -3
  788. package/dist/types/src/ColorArea.d.ts +2 -1
  789. package/dist/types/src/ColorField.d.ts +6 -0
  790. package/dist/types/src/ColorSwatch.d.ts +2 -0
  791. package/dist/types/src/ColorSwatchPicker.d.ts +3 -0
  792. package/dist/types/src/ComboBox.d.ts +18 -7
  793. package/dist/types/src/ContextualHelp.d.ts +5 -2
  794. package/dist/types/src/CustomDialog.d.ts +1 -0
  795. package/dist/types/src/DatePicker.d.ts +5 -2
  796. package/dist/types/src/DateRangePicker.d.ts +3 -1
  797. package/dist/types/src/Dialog.d.ts +3 -2
  798. package/dist/types/src/DialogTrigger.d.ts +3 -3
  799. package/dist/types/src/Disclosure.d.ts +10 -4
  800. package/dist/types/src/Divider.d.ts +2 -0
  801. package/dist/types/src/DragPreview.d.ts +42 -0
  802. package/dist/types/src/DropZone.d.ts +1 -0
  803. package/dist/types/src/Field.d.ts +5 -3
  804. package/dist/types/src/Form.d.ts +3 -1
  805. package/dist/types/src/FullscreenDialog.d.ts +4 -2
  806. package/dist/types/src/Image.d.ts +6 -5
  807. package/dist/types/src/ImageCoordinator.d.ts +3 -1
  808. package/dist/types/src/InlineAlert.d.ts +4 -2
  809. package/dist/types/src/LabeledValue.d.ts +61 -0
  810. package/dist/types/src/Link.d.ts +1 -0
  811. package/dist/types/src/ListBox.d.ts +1 -1
  812. package/dist/types/src/ListView.d.ts +12 -24
  813. package/dist/types/src/Menu.d.ts +8 -6
  814. package/dist/types/src/Meter.d.ts +4 -1
  815. package/dist/types/src/NumberField.d.ts +9 -1
  816. package/dist/types/src/Picker.d.ts +12 -7
  817. package/dist/types/src/Popover.d.ts +2 -1
  818. package/dist/types/src/ProgressBar.d.ts +3 -2
  819. package/dist/types/src/ProgressCircle.d.ts +2 -2
  820. package/dist/types/src/Provider.d.ts +6 -3
  821. package/dist/types/src/RadioGroup.d.ts +2 -2
  822. package/dist/types/src/RangeCalendar.d.ts +4 -2
  823. package/dist/types/src/RangeSlider.d.ts +6 -3
  824. package/dist/types/src/SelectBoxGroup.d.ts +3 -1
  825. package/dist/types/src/SkeletonCollection.d.ts +2 -1
  826. package/dist/types/src/Slider.d.ts +2 -1
  827. package/dist/types/src/Switch.d.ts +5 -5
  828. package/dist/types/src/TableView.d.ts +29 -9
  829. package/dist/types/src/Tabs.d.ts +5 -2
  830. package/dist/types/src/TabsPicker.d.ts +9 -4
  831. package/dist/types/src/TagGroup.d.ts +10 -4
  832. package/dist/types/src/TextField.d.ts +5 -0
  833. package/dist/types/src/Toast.d.ts +2 -1
  834. package/dist/types/src/ToggleButton.d.ts +9 -2
  835. package/dist/types/src/ToggleButtonGroup.d.ts +4 -1
  836. package/dist/types/src/TreeView.d.ts +6 -3
  837. package/dist/types/src/dnd-utils.d.ts +8 -0
  838. package/dist/types/src/pressScale.d.ts +20 -0
  839. package/dist/types/src/style-utils.d.ts +30 -26
  840. package/dist/types/src/useDOMRef.d.ts +3 -3
  841. package/dist/types/src/useDragAndDrop.d.ts +9 -0
  842. package/dist/types/style/index.d.ts +27 -33
  843. package/dist/types/style/runtime.d.ts +6 -8
  844. package/dist/types/style/spectrum-theme.d.ts +42 -50
  845. package/dist/types/style/style-macro.d.ts +7 -9
  846. package/dist/types/style/tokens.d.ts +2 -2
  847. package/dist/types/ui-icons/CornerTriangle.d.ts +4 -0
  848. package/dist/types/ui-icons/DragHandle.d.ts +4 -0
  849. package/exports/Accordion.ts +17 -2
  850. package/exports/ActionMenu.ts +14 -2
  851. package/exports/Card.ts +16 -2
  852. package/exports/CardView.ts +16 -2
  853. package/exports/ColorArea.ts +8 -1
  854. package/exports/ColorField.ts +8 -1
  855. package/exports/ColorSlider.ts +8 -1
  856. package/exports/ColorSwatch.ts +8 -1
  857. package/exports/ColorSwatchPicker.ts +8 -1
  858. package/exports/ColorWheel.ts +8 -1
  859. package/exports/ContextualHelp.ts +5 -1
  860. package/exports/Disclosure.ts +7 -1
  861. package/exports/DragPreview.ts +2 -0
  862. package/exports/Icon.ts +6 -1
  863. package/exports/LabeledValue.ts +2 -0
  864. package/exports/Menu.ts +17 -2
  865. package/exports/SegmentedControl.ts +5 -1
  866. package/exports/TableView.ts +27 -3
  867. package/exports/TreeView.ts +6 -1
  868. package/exports/index.ts +174 -17
  869. package/exports/useAsyncList.ts +7 -1
  870. package/exports/useDragAndDrop.ts +36 -0
  871. package/icons/Icon.cjs +10 -10
  872. package/icons/Icon.cjs.map +1 -1
  873. package/icons/Icon.css +9 -9
  874. package/icons/Icon.css.map +1 -1
  875. package/icons/Icon.mjs +10 -10
  876. package/icons/Icon.mjs.map +1 -1
  877. package/icons/Skeleton.cjs +2 -2
  878. package/icons/Skeleton.cjs.map +1 -1
  879. package/icons/Skeleton.css +6 -6
  880. package/icons/Skeleton.css.map +1 -1
  881. package/icons/Skeleton.mjs +2 -2
  882. package/icons/Skeleton.mjs.map +1 -1
  883. package/icons/runtime.cjs.map +1 -1
  884. package/icons/runtime.mjs.map +1 -1
  885. package/icons/useMediaQuery.cjs.map +1 -1
  886. package/icons/useMediaQuery.mjs.map +1 -1
  887. package/icons/useSpectrumContextProps.cjs.map +1 -1
  888. package/icons/useSpectrumContextProps.mjs.map +1 -1
  889. package/illustrations/gradient/generic1/Conversationbubbles.cjs.map +1 -1
  890. package/illustrations/gradient/generic1/Conversationbubbles.mjs.map +1 -1
  891. package/illustrations/gradient/generic2/Conversationbubbles.cjs.map +1 -1
  892. package/illustrations/gradient/generic2/Conversationbubbles.mjs.map +1 -1
  893. package/illustrations/linear/BrowserNotCompatible.cjs.map +1 -1
  894. package/illustrations/linear/BrowserNotCompatible.mjs.map +1 -1
  895. package/illustrations/linear/CloudStateDisconnected.cjs.map +1 -1
  896. package/illustrations/linear/CloudStateDisconnected.mjs.map +1 -1
  897. package/illustrations/linear/ConfettiCelebration.cjs.map +1 -1
  898. package/illustrations/linear/ConfettiCelebration.mjs.map +1 -1
  899. package/illustrations/linear/Conversationbubbles.cjs.map +1 -1
  900. package/illustrations/linear/Conversationbubbles.mjs.map +1 -1
  901. package/illustrations/linear/MegaphonePromoteExpressive.cjs.map +1 -1
  902. package/illustrations/linear/MegaphonePromoteExpressive.mjs.map +1 -1
  903. package/illustrations/linear/NoInternetConnection.cjs.map +1 -1
  904. package/illustrations/linear/NoInternetConnection.mjs.map +1 -1
  905. package/package.json +30 -30
  906. package/src/Accordion.tsx +97 -59
  907. package/src/ActionBar.tsx +102 -44
  908. package/src/ActionButton.tsx +359 -252
  909. package/src/ActionButtonGroup.tsx +59 -38
  910. package/src/ActionMenu.tsx +21 -9
  911. package/src/AlertDialog.tsx +28 -25
  912. package/src/Avatar.tsx +41 -28
  913. package/src/AvatarGroup.tsx +34 -16
  914. package/src/Badge.tsx +167 -129
  915. package/src/Breadcrumbs.tsx +173 -96
  916. package/src/Button.tsx +390 -288
  917. package/src/ButtonGroup.tsx +70 -52
  918. package/src/Calendar.tsx +230 -173
  919. package/src/Card.tsx +395 -303
  920. package/src/CardView.tsx +126 -61
  921. package/src/CenterBaseline.tsx +15 -7
  922. package/src/Checkbox.tsx +152 -57
  923. package/src/CheckboxGroup.tsx +96 -63
  924. package/src/ClearButton.tsx +6 -3
  925. package/src/CloseButton.tsx +71 -44
  926. package/src/CoachMark.tsx +204 -192
  927. package/src/ColorArea.tsx +49 -28
  928. package/src/ColorField.tsx +83 -36
  929. package/src/ColorHandle.tsx +36 -25
  930. package/src/ColorSlider.tsx +123 -90
  931. package/src/ColorSwatch.tsx +71 -43
  932. package/src/ColorSwatchPicker.tsx +71 -52
  933. package/src/ColorWheel.tsx +75 -54
  934. package/src/ComboBox.tsx +311 -187
  935. package/src/Content.tsx +59 -38
  936. package/src/ContextualHelp.tsx +82 -49
  937. package/src/CustomDialog.tsx +41 -33
  938. package/src/DateField.tsx +57 -27
  939. package/src/DatePicker.tsx +117 -65
  940. package/src/DateRangePicker.tsx +209 -157
  941. package/src/Dialog.tsx +24 -16
  942. package/src/DialogContainer.tsx +4 -7
  943. package/src/DialogTrigger.tsx +4 -6
  944. package/src/Disclosure.tsx +102 -80
  945. package/src/Divider.tsx +71 -49
  946. package/src/DragPreview.tsx +193 -0
  947. package/src/DropZone.tsx +71 -40
  948. package/src/Field.tsx +239 -107
  949. package/src/Fonts.tsx +18 -11
  950. package/src/Form.tsx +42 -27
  951. package/src/FullscreenDialog.tsx +24 -39
  952. package/src/Icon.tsx +70 -33
  953. package/src/IllustratedMessage.tsx +98 -69
  954. package/src/Image.tsx +105 -49
  955. package/src/ImageCoordinator.tsx +39 -24
  956. package/src/InlineAlert.tsx +90 -80
  957. package/src/LabeledValue.tsx +344 -0
  958. package/src/Link.tsx +99 -45
  959. package/src/ListBox.tsx +2 -9
  960. package/src/ListView.tsx +486 -280
  961. package/src/Menu.tsx +313 -180
  962. package/src/Meter.tsx +51 -21
  963. package/src/Modal.tsx +90 -81
  964. package/src/NotificationBadge.tsx +98 -73
  965. package/src/NumberField.tsx +160 -90
  966. package/src/Picker.tsx +311 -171
  967. package/src/Popover.tsx +195 -149
  968. package/src/ProgressBar.tsx +81 -56
  969. package/src/ProgressCircle.tsx +70 -48
  970. package/src/Provider.tsx +16 -16
  971. package/src/RadioGroup.tsx +164 -55
  972. package/src/RangeCalendar.tsx +63 -41
  973. package/src/RangeSlider.tsx +48 -35
  974. package/src/SearchField.tsx +110 -75
  975. package/src/SegmentedControl.tsx +101 -76
  976. package/src/SelectBoxGroup.tsx +231 -191
  977. package/src/Skeleton.tsx +75 -49
  978. package/src/SkeletonCollection.tsx +16 -16
  979. package/src/Slider.tsx +135 -83
  980. package/src/StatusLight.tsx +61 -22
  981. package/src/Switch.tsx +122 -38
  982. package/src/TableView.tsx +1002 -356
  983. package/src/Tabs.tsx +327 -183
  984. package/src/TabsPicker.tsx +152 -107
  985. package/src/TagGroup.tsx +175 -80
  986. package/src/TextField.tsx +120 -54
  987. package/src/TimeField.tsx +48 -23
  988. package/src/Toast.module.css +11 -5
  989. package/src/Toast.tsx +119 -84
  990. package/src/ToggleButton.tsx +99 -25
  991. package/src/ToggleButtonGroup.tsx +22 -6
  992. package/src/Toolbar.tsx +0 -1
  993. package/src/Tooltip.tsx +64 -26
  994. package/src/TreeView.tsx +346 -91
  995. package/src/bar-utils.ts +65 -68
  996. package/src/dnd-utils.tsx +127 -0
  997. package/src/font-faces.css +129 -33
  998. package/src/page.macro.ts +2 -2
  999. package/src/pressScale.ts +24 -1
  1000. package/src/progress-utils.tsx +1 -1
  1001. package/src/style-utils.ts +214 -212
  1002. package/src/useDOMRef.ts +26 -11
  1003. package/src/useDragAndDrop.ts +32 -0
  1004. package/src/useMediaQuery.ts +2 -4
  1005. package/src/useSpectrumContextProps.ts +5 -1
  1006. package/style/__tests__/mergeStyles.test.ts +15 -4
  1007. package/style/__tests__/style-macro.test.js +81 -71
  1008. package/style/dist/main.cjs.map +1 -1
  1009. package/style/dist/module.mjs.map +1 -1
  1010. package/style/dist/spectrum-theme.cjs +4 -5
  1011. package/style/dist/spectrum-theme.cjs.map +1 -1
  1012. package/style/dist/spectrum-theme.mjs +4 -5
  1013. package/style/dist/spectrum-theme.mjs.map +1 -1
  1014. package/style/dist/style-macro.cjs +2 -1
  1015. package/style/dist/style-macro.cjs.map +1 -1
  1016. package/style/dist/style-macro.mjs +2 -1
  1017. package/style/dist/style-macro.mjs.map +1 -1
  1018. package/style/dist/style-utils.cjs.map +1 -1
  1019. package/style/dist/style-utils.mjs.map +1 -1
  1020. package/style/index.ts +105 -74
  1021. package/style/package.json +2 -2
  1022. package/style/runtime.ts +6 -8
  1023. package/style/spectrum-theme.ts +482 -194
  1024. package/style/style-macro.ts +310 -121
  1025. package/style/tokens.ts +79 -41
  1026. package/style/types.ts +146 -70
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDAAoC,KAA2C;IAC5F,CAAC,MAAM,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,MAAM,CAAA,GAAA,6CAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;IACvD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';\nimport MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';\nimport MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <MegaphonePromoteExpressive_L {...otherProps} />;\n case 'S':\n return <MegaphonePromoteExpressive_S {...otherProps} />;\n case 'M':\n return <MegaphonePromoteExpressive_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"MegaphonePromoteExpressive.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,MAAM,CAAA,GAAA,6CAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAA2B;gBAAG,GAAG,UAAU;;IACvD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';\nimport MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';\nimport MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function MegaphonePromoteExpressive(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <MegaphonePromoteExpressive_L {...otherProps} />;\n case 'S':\n return <MegaphonePromoteExpressive_S {...otherProps} />;\n case 'M':\n return <MegaphonePromoteExpressive_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"MegaphonePromoteExpressive.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDAAoC,KAA2C;IAC5F,CAAC,MAAM,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,MAAM,CAAA,GAAA,yCAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;IACvD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';\nimport MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';\nimport MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function MegaphonePromoteExpressive(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <MegaphonePromoteExpressive_L {...otherProps} />;\n case 'S':\n return <MegaphonePromoteExpressive_S {...otherProps} />;\n case 'M':\n return <MegaphonePromoteExpressive_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"MegaphonePromoteExpressive.mjs.map"}
1
+ {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,MAAM,CAAA,GAAA,yCAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;QACrD,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAA2B;gBAAG,GAAG,UAAU;;IACvD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/MegaphonePromoteExpressive.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport MegaphonePromoteExpressive_L from 'illustration:./S2_lin_megaphonePromote_Expressive_160.svg';\nimport MegaphonePromoteExpressive_M from 'illustration:./S2_lin_megaphonePromote_Expressive_96.svg';\nimport MegaphonePromoteExpressive_S from 'illustration:./S2_lin_megaphonePromote_Expressive_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function MegaphonePromoteExpressive(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <MegaphonePromoteExpressive_L {...otherProps} />;\n case 'S':\n return <MegaphonePromoteExpressive_S {...otherProps} />;\n case 'M':\n return <MegaphonePromoteExpressive_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"MegaphonePromoteExpressive.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAA8B,KAA2C;IACtF,CAAC,MAAM,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,MAAM,CAAA,GAAA,6CAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;IACjD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg';\nimport NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg';\nimport NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function NoInternetConnection(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <NoInternetConnection_L {...otherProps} />;\n case 'S':\n return <NoInternetConnection_S {...otherProps} />;\n case 'M':\n return <NoInternetConnection_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"NoInternetConnection.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,+CAAc,EAAE,OAAO,MAAM,CAAA,GAAA,6CAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAqB;gBAAG,GAAG,UAAU;;IACjD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg';\nimport NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg';\nimport NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function NoInternetConnection(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <NoInternetConnection_L {...otherProps} />;\n case 'S':\n return <NoInternetConnection_S {...otherProps} />;\n case 'M':\n return <NoInternetConnection_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"NoInternetConnection.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAA8B,KAA2C;IACtF,CAAC,MAAM,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,MAAM,CAAA,GAAA,yCAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;IACjD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg';\nimport NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg';\nimport NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function NoInternetConnection(props: IconProps & {size?: 'L' | 'S' | 'M'}): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <NoInternetConnection_L {...otherProps} />;\n case 'S':\n return <NoInternetConnection_S {...otherProps} />;\n case 'M':\n return <NoInternetConnection_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"NoInternetConnection.mjs.map"}
1
+ {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDACb,KAA2C;IAE3C,CAAC,MAAM,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,MAAM,CAAA,GAAA,yCAAkB;IACzD,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;QAC/C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAqB;gBAAG,GAAG,UAAU;;IACjD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/linear/NoInternetConnection.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport NoInternetConnection_L from 'illustration:./S2_lin_noInternetConnection_160.svg';\nimport NoInternetConnection_M from 'illustration:./S2_lin_noInternetConnection_96.svg';\nimport NoInternetConnection_S from 'illustration:./S2_lin_noInternetConnection_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function NoInternetConnection(\n props: IconProps & {size?: 'L' | 'S' | 'M'}\n): ReactNode {\n [props] = useContextProps(props, null, IllustrationContext);\n let {size = 'M', ...otherProps} = props;\n switch (size) {\n case 'L':\n return <NoInternetConnection_L {...otherProps} />;\n case 'S':\n return <NoInternetConnection_S {...otherProps} />;\n case 'M':\n return <NoInternetConnection_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"NoInternetConnection.mjs.map"}
package/package.json CHANGED
@@ -1,19 +1,30 @@
1
1
  {
2
2
  "name": "@react-spectrum/s2",
3
- "version": "1.3.1",
3
+ "version": "1.4.0",
4
4
  "description": "Spectrum 2 UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "https://github.com/adobe/react-spectrum"
9
9
  },
10
+ "source": "exports/index.ts",
11
+ "files": [
12
+ "dist",
13
+ "style",
14
+ "page.css",
15
+ "page.css.map",
16
+ "icons",
17
+ "illustrations",
18
+ "src",
19
+ "exports",
20
+ "*.js"
21
+ ],
22
+ "sideEffects": [
23
+ "*.css"
24
+ ],
10
25
  "main": "./dist/exports/index.cjs",
11
26
  "module": "./dist/exports/index.mjs",
12
27
  "types": "./dist/types/exports/index.d.ts",
13
- "page": "dist/page.cjs",
14
- "style-module": "style/dist/module.mjs",
15
- "style-main": "style/dist/main.cjs",
16
- "source": "exports/index.ts",
17
28
  "exports": {
18
29
  ".": {
19
30
  "source": "./exports/index.ts",
@@ -65,36 +76,25 @@
65
76
  },
66
77
  "./private/*": null
67
78
  },
68
- "browserslist": "last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions, last 2 Edge versions",
69
- "sideEffects": [
70
- "*.css"
71
- ],
72
- "files": [
73
- "dist",
74
- "style",
75
- "page.css",
76
- "page.css.map",
77
- "icons",
78
- "illustrations",
79
- "src",
80
- "exports",
81
- "*.js"
82
- ],
79
+ "publishConfig": {
80
+ "access": "public"
81
+ },
83
82
  "dependencies": {
84
- "@internationalized/date": "^3.12.1",
85
- "@internationalized/number": "^3.6.6",
83
+ "@internationalized/date": "^3.12.2",
84
+ "@internationalized/number": "^3.6.7",
86
85
  "@parcel/macros": "^2.16.3",
87
- "@react-types/shared": "^3.34.0",
88
- "react-aria": "3.48.0",
89
- "react-aria-components": "1.17.0",
90
- "react-stately": "3.46.0"
86
+ "@react-types/shared": "^3.35.0",
87
+ "react-aria": "3.49.0",
88
+ "react-aria-components": "1.18.0",
89
+ "react-stately": "3.47.0"
91
90
  },
92
91
  "peerDependencies": {
93
92
  "react": "^19.0.0-rc.1",
94
93
  "react-dom": "^19.0.0-rc.1"
95
94
  },
96
- "publishConfig": {
97
- "access": "public"
98
- },
99
- "gitHead": "a4bd206e65891004d3b559e5cb74508803a6ad8d"
95
+ "browserslist": "last 2 Chrome versions, last 2 Safari versions, last 2 Firefox versions, last 2 Edge versions",
96
+ "page": "dist/page.cjs",
97
+ "style-main": "style/dist/main.cjs",
98
+ "style-module": "style/dist/module.mjs",
99
+ "gitHead": "3577a20859b9585a000010c720f6ee39c1c588cc"
100
100
  }
package/src/Accordion.tsx CHANGED
@@ -20,62 +20,70 @@ import {
20
20
  DisclosureTitle
21
21
  } from './Disclosure';
22
22
  import {DisclosureGroup} from 'react-aria-components/DisclosureGroup';
23
- import {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };
23
+ import {
24
+ getAllowedOverrides,
25
+ StyleProps,
26
+ StylesPropWithHeight,
27
+ UnsafeStyles
28
+ } from './style-utils' with {type: 'macro'};
24
29
  import React, {createContext, forwardRef, ReactNode} from 'react';
25
30
  import {RenderProps} from 'react-aria-components/useRenderProps';
26
- import {style} from '../style' with { type: 'macro' };
31
+ import {style} from '../style' with {type: 'macro'};
27
32
  import {useDOMRef} from './useDOMRef';
28
33
  import {useSpectrumContextProps} from './useSpectrumContextProps';
29
34
 
30
35
  export interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {
31
36
  /** The accordion item elements in the accordion. */
32
- children: React.ReactNode,
37
+ children: React.ReactNode;
33
38
  /** Spectrum-defined styles, returned by the `style()` macro. */
34
- styles?: StylesPropWithHeight,
39
+ styles?: StylesPropWithHeight;
35
40
  /**
36
41
  * The size of the accordion.
42
+ *
37
43
  * @default 'M'
38
44
  */
39
- size?: 'S' | 'M' | 'L' | 'XL',
45
+ size?: 'S' | 'M' | 'L' | 'XL';
40
46
  /**
41
47
  * The amount of space between the accordion items.
48
+ *
42
49
  * @default 'regular'
43
50
  */
44
- density?: 'compact' | 'regular' | 'spacious',
51
+ density?: 'compact' | 'regular' | 'spacious';
45
52
  /** Whether the accordion should be displayed with a quiet style. */
46
- isQuiet?: boolean,
53
+ isQuiet?: boolean;
47
54
  /** Whether multiple accordion items can be expanded at the same time. */
48
- allowsMultipleExpanded?: boolean,
55
+ allowsMultipleExpanded?: boolean;
49
56
  /** Whether all accordion items are disabled. */
50
- isDisabled?: boolean,
57
+ isDisabled?: boolean;
51
58
  /** The currently expanded keys in the accordion (controlled). */
52
- expandedKeys?: Iterable<Key>,
59
+ expandedKeys?: Iterable<Key>;
53
60
  /** The initial expanded keys in the accordion (uncontrolled). */
54
- defaultExpandedKeys?: Iterable<Key>,
61
+ defaultExpandedKeys?: Iterable<Key>;
55
62
  /** Handler that is called when accordion items are expanded or collapsed. */
56
- onExpandedChange?: (keys: Set<Key>) => any
63
+ onExpandedChange?: (keys: Set<Key>) => any;
57
64
  }
58
65
 
59
- const accordion = style({
60
- display: 'flex',
61
- flexDirection: 'column'
62
- }, getAllowedOverrides({height: true}));
66
+ const accordion = style(
67
+ {
68
+ display: 'flex',
69
+ flexDirection: 'column'
70
+ },
71
+ getAllowedOverrides({height: true})
72
+ );
63
73
 
64
- export const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);
74
+ export const AccordionContext =
75
+ createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);
65
76
 
66
77
  /**
67
78
  * An accordion is a container for multiple accordion items.
68
79
  */
69
- export const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {
80
+ export const Accordion = forwardRef(function Accordion(
81
+ props: AccordionProps,
82
+ ref: DOMRef<HTMLDivElement>
83
+ ) {
70
84
  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);
71
85
  let domRef = useDOMRef(ref);
72
- let {
73
- UNSAFE_style,
74
- UNSAFE_className = '',
75
- size = 'M',
76
- density = 'regular',
77
- isQuiet
78
- } = props;
86
+ let {UNSAFE_style, UNSAFE_className = '', size = 'M', density = 'regular', isQuiet} = props;
79
87
  return (
80
88
  <DisclosureContext.Provider value={{size, isQuiet, density}}>
81
89
  <DisclosureGroup
@@ -91,115 +99,145 @@ export const Accordion = forwardRef(function Accordion(props: AccordionProps, re
91
99
 
92
100
  export interface AccordionItemState {
93
101
  /** Whether the accordion item is currently expanded. */
94
- readonly isExpanded: boolean,
102
+ readonly isExpanded: boolean;
95
103
  /** Sets whether the accordion item is expanded. */
96
- setExpanded(isExpanded: boolean): void,
104
+ setExpanded(isExpanded: boolean): void;
97
105
  /** Expand the accordion item. */
98
- expand(): void,
106
+ expand(): void;
99
107
  /** Collapse the accordion item. */
100
- collapse(): void,
108
+ collapse(): void;
101
109
  /** Toggles the accordion item's visibility. */
102
- toggle(): void
110
+ toggle(): void;
103
111
  }
104
112
 
105
113
  export interface AccordionItemRenderProps {
106
114
  /**
107
115
  * Whether the accordion item is expanded.
116
+ *
108
117
  * @selector [data-expanded]
109
118
  */
110
- isExpanded: boolean,
119
+ isExpanded: boolean;
111
120
  /**
112
121
  * Whether the accordion item has keyboard focus.
122
+ *
113
123
  * @selector [data-focus-visible-within]
114
124
  */
115
- isFocusVisibleWithin: boolean,
125
+ isFocusVisibleWithin: boolean;
116
126
  /**
117
127
  * Whether the accordion item is disabled.
128
+ *
118
129
  * @selector [data-disabled]
119
130
  */
120
- isDisabled: boolean,
131
+ isDisabled: boolean;
121
132
  /**
122
133
  * State of the accordion item.
123
134
  */
124
- state: AccordionItemState
135
+ state: AccordionItemState;
125
136
  }
126
137
 
127
- export interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>, SlotProps, StyleProps {
138
+ export interface AccordionItemProps
139
+ extends
140
+ Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>,
141
+ SlotProps,
142
+ StyleProps {
128
143
  /**
129
144
  * The size of the accordion item.
145
+ *
130
146
  * @default 'M'
131
147
  */
132
- size?: 'S' | 'M' | 'L' | 'XL',
148
+ size?: 'S' | 'M' | 'L' | 'XL';
133
149
  /**
134
150
  * The amount of space between the accordion item.
151
+ *
135
152
  * @default 'regular'
136
153
  */
137
- density?: 'compact' | 'regular' | 'spacious',
154
+ density?: 'compact' | 'regular' | 'spacious';
138
155
  /** Whether the accordion item should be displayed with a quiet style. */
139
- isQuiet?: boolean,
140
- /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */
141
- children: ReactNode,
156
+ isQuiet?: boolean;
157
+ /**
158
+ * The contents of the accordion item, consisting of a accordion item title and accordion item
159
+ * panel.
160
+ */
161
+ children: ReactNode;
142
162
  /** An id for the accordion item, matching the id used in `expandedKeys`. */
143
- id?: Key,
163
+ id?: Key;
144
164
  /** Whether the accordion item is disabled. */
145
- isDisabled?: boolean,
165
+ isDisabled?: boolean;
146
166
  /** Handler that is called when the accordion item's expanded state changes. */
147
- onExpandedChange?: (isExpanded: boolean) => void,
167
+ onExpandedChange?: (isExpanded: boolean) => void;
148
168
  /** Whether the accordion item is expanded (controlled). */
149
- isExpanded?: boolean,
169
+ isExpanded?: boolean;
150
170
  /** Whether the accordion item is expanded by default (uncontrolled). */
151
- defaultExpanded?: boolean
171
+ defaultExpanded?: boolean;
152
172
  }
153
173
 
154
174
  /**
155
- * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.
175
+ * A accordion item is a collapsible section of content. It is composed of a header with a heading
176
+ * and trigger button, and a panel that contains the content.
156
177
  */
157
- export const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {
178
+ export const AccordionItem = forwardRef(function AccordionItem(
179
+ props: AccordionItemProps,
180
+ ref: DOMRef<HTMLDivElement>
181
+ ) {
158
182
  return <Disclosure {...props} ref={ref} />;
159
183
  });
160
184
 
161
185
  export interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {
162
- /** The heading level of the accordion item title.
186
+ /**
187
+ * The heading level of the accordion item title.
163
188
  *
164
189
  * @default 3
165
190
  */
166
- level?: number,
191
+ level?: number;
167
192
  /** The contents of the accordion item title. */
168
- children: React.ReactNode
193
+ children: React.ReactNode;
169
194
  }
170
195
 
171
196
  /**
172
- * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.
197
+ * An accordion item title consisting of a heading and a trigger button to expand/collapse the
198
+ * panel.
173
199
  */
174
- export const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {
200
+ export const AccordionItemTitle = forwardRef(function AccordionItemTitle(
201
+ props: AccordionItemTitleProps,
202
+ ref: DOMRef<HTMLDivElement>
203
+ ) {
175
204
  return <DisclosureTitle {...props} ref={ref} />;
176
205
  });
177
206
 
178
207
  export interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {
179
208
  /** The contents of the accordion item header. */
180
- children: React.ReactNode
209
+ children: React.ReactNode;
181
210
  }
182
211
 
183
212
  /**
184
- * A wrapper element for the accordion item title that can contain other elements not part of the trigger.
213
+ * A wrapper element for the accordion item title that can contain other elements not part of the
214
+ * trigger.
185
215
  */
186
- export const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {
216
+ export const AccordionItemHeader = forwardRef(function AccordionItemHeader(
217
+ props: AccordionItemHeaderProps,
218
+ ref: DOMRef<HTMLDivElement>
219
+ ) {
187
220
  return <DisclosureHeader {...props} ref={ref} />;
188
221
  });
189
222
 
190
223
  export interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {
191
224
  /** The contents of the accordion item panel. */
192
- children: React.ReactNode,
225
+ children: React.ReactNode;
193
226
  /**
194
227
  * The accessibility role for the accordion item panel.
228
+ *
195
229
  * @default 'group'
196
230
  */
197
- role?: 'group' | 'region'
231
+ role?: 'group' | 'region';
198
232
  }
199
233
 
200
234
  /**
201
- * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.
235
+ * An accordion item panel is a collapsible section of content that is hidden until the accordion
236
+ * item is expanded.
202
237
  */
203
- export const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {
238
+ export const AccordionItemPanel = forwardRef(function AccordionItemPanel(
239
+ props: AccordionItemPanelProps,
240
+ ref: DOMRef<HTMLDivElement>
241
+ ) {
204
242
  return <DisclosurePanel {...props} ref={ref} />;
205
243
  });
package/src/ActionBar.tsx CHANGED
@@ -14,13 +14,25 @@ import {ActionButtonGroup} from './ActionButtonGroup';
14
14
  import {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';
15
15
  import {CloseButton} from './CloseButton';
16
16
  import {ContextValue, SlotProps} from 'react-aria-components/slots';
17
- import {createContext, ForwardedRef, forwardRef, ReactElement, ReactNode, RefObject, useCallback, useEffect, useMemo, useRef, useState} from 'react';
17
+ import {
18
+ createContext,
19
+ ForwardedRef,
20
+ forwardRef,
21
+ ReactElement,
22
+ ReactNode,
23
+ RefObject,
24
+ useCallback,
25
+ useEffect,
26
+ useMemo,
27
+ useRef,
28
+ useState
29
+ } from 'react';
18
30
  import {DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';
19
31
  import {FocusScope} from 'react-aria/FocusScope';
20
32
  import intlMessages from '../intl/*.json';
21
33
  // @ts-ignore
22
34
  import {lightDark, style} from '../style' with {type: 'macro'};
23
- import {StyleProps} from './style-utils' with { type: 'macro' };
35
+ import {StyleProps} from './style-utils' with {type: 'macro'};
24
36
  import {useControlledState} from 'react-stately/useControlledState';
25
37
  import {useDOMRef} from './useDOMRef';
26
38
  import {useEnterAnimation, useExitAnimation} from 'react-aria/private/utils/animation';
@@ -80,23 +92,31 @@ const actionBarStyles = style({
80
92
 
81
93
  export interface ActionBarProps extends SlotProps, StyleProps, DOMProps {
82
94
  /** A list of ActionButtons to display. */
83
- children: ReactNode,
95
+ children: ReactNode;
84
96
  /** Whether the ActionBar should be displayed with a emphasized style. */
85
- isEmphasized?: boolean,
86
- /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */
87
- selectedItemCount?: number | 'all',
97
+ isEmphasized?: boolean;
98
+ /**
99
+ * The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is
100
+ * hidden.
101
+ */
102
+ selectedItemCount?: number | 'all';
88
103
  /** Handler that is called when the ActionBar clear button is pressed. */
89
- onClearSelection?: () => void,
104
+ onClearSelection?: () => void;
90
105
  /** A ref to the scrollable element the ActionBar appears above. */
91
- scrollRef?: RefObject<HTMLElement | null>
106
+ scrollRef?: RefObject<HTMLElement | null>;
92
107
  }
93
108
 
94
- export const ActionBarContext = createContext<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>(null);
109
+ export const ActionBarContext =
110
+ createContext<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>(null);
95
111
 
96
112
  /**
97
- * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.
113
+ * Action bars are used for single and bulk selection patterns when a user needs to perform actions
114
+ * on one or more items at the same time.
98
115
  */
99
- export const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, ref: DOMRef<HTMLDivElement>) {
116
+ export const ActionBar = forwardRef(function ActionBar(
117
+ props: ActionBarProps,
118
+ ref: DOMRef<HTMLDivElement>
119
+ ) {
100
120
  [props, ref] = useSpectrumContextProps(props, ref, ActionBarContext);
101
121
  let domRef = useDOMRef(ref);
102
122
 
@@ -109,9 +129,21 @@ export const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, re
109
129
  return <ActionBarInner {...props} ref={domRef} isExiting={isExiting} />;
110
130
  });
111
131
 
112
- const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps & {isExiting: boolean}, ref: ForwardedRef<HTMLDivElement | null>) {
113
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
114
- let {isEmphasized, selectedItemCount = 0, children, onClearSelection, isExiting, slot, scrollRef, ...otherProps} = props;
132
+ const ActionBarInner = forwardRef(function ActionBarInner(
133
+ props: ActionBarProps & {isExiting: boolean},
134
+ ref: ForwardedRef<HTMLDivElement | null>
135
+ ) {
136
+ let {
137
+ isEmphasized,
138
+ selectedItemCount = 0,
139
+ children,
140
+ onClearSelection,
141
+ isExiting,
142
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
143
+ slot,
144
+ scrollRef,
145
+ ...otherProps
146
+ } = props;
115
147
  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');
116
148
 
117
149
  // Store the last count greater than zero so that we can retain it while rendering the fade-out animation.
@@ -164,8 +196,14 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
164
196
  ref={objectRef}
165
197
  {...otherProps}
166
198
  {...keyboardProps}
167
- className={(props.UNSAFE_className || '') + actionBarStyles({isEmphasized, isInContainer: !!scrollRef, isEntering, isExiting})}
168
- style={{insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`, ...props.UNSAFE_style}}>
199
+ className={
200
+ (props.UNSAFE_className || '') +
201
+ actionBarStyles({isEmphasized, isInContainer: !!scrollRef, isEntering, isExiting})
202
+ }
203
+ style={{
204
+ insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`,
205
+ ...props.UNSAFE_style
206
+ }}>
169
207
  <div className={style({order: 1, marginStart: 'auto'})}>
170
208
  <ActionButtonGroup
171
209
  staticColor={isEmphasized ? 'auto' : undefined}
@@ -178,8 +216,12 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
178
216
  <CloseButton
179
217
  staticColor={isEmphasized ? 'auto' : undefined}
180
218
  aria-label={stringFormatter.format('actionbar.clearSelection')}
181
- onPress={() => onClearSelection?.()} />
182
- <span className={style({font: 'ui', color: {default: 'neutral', isEmphasized: 'gray-25'}})({isEmphasized})}>
219
+ onPress={() => onClearSelection?.()}
220
+ />
221
+ <span
222
+ className={style({font: 'ui', color: {default: 'neutral', isEmphasized: 'gray-25'}})({
223
+ isEmphasized
224
+ })}>
183
225
  {lastCount === 'all'
184
226
  ? stringFormatter.format('actionbar.selectedAll')
185
227
  : stringFormatter.format('actionbar.selected', {count: lastCount})}
@@ -191,26 +233,38 @@ const ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps
191
233
  });
192
234
 
193
235
  interface ActionBarContainerHookProps {
194
- selectedKeys?: 'all' | Iterable<Key>,
195
- defaultSelectedKeys?: 'all' | Iterable<Key>,
196
- onSelectionChange?: (keys: Set<Key>) => void,
197
- renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement,
198
- scrollRef?: RefObject<HTMLElement | null>
236
+ selectedKeys?: 'all' | Iterable<Key>;
237
+ defaultSelectedKeys?: 'all' | Iterable<Key>;
238
+ onSelectionChange?: (keys: Set<Key>) => void;
239
+ renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement;
240
+ scrollRef?: RefObject<HTMLElement | null>;
199
241
  }
200
242
 
201
243
  interface ActionBarContainerHookResult {
202
- selectedKeys: 'all' | Iterable<Key>,
203
- onSelectionChange: (keys: 'all' | Iterable<Key>) => void,
204
- actionBar: ReactElement,
205
- actionBarHeight: number
244
+ selectedKeys: 'all' | Iterable<Key>;
245
+ onSelectionChange: (keys: 'all' | Iterable<Key>) => void;
246
+ actionBar: ReactElement;
247
+ actionBarHeight: number;
206
248
  }
207
249
 
208
- export function useActionBarContainer(props: ActionBarContainerHookProps): ActionBarContainerHookResult {
250
+ export function useActionBarContainer(
251
+ props: ActionBarContainerHookProps
252
+ ): ActionBarContainerHookResult {
209
253
  let {renderActionBar, scrollRef} = props;
210
- let [selectedKeys, setSelectedKeys] = useControlledState(props.selectedKeys, props.defaultSelectedKeys || new Set(), props.onSelectionChange);
211
- let selectedKeysSet = useMemo(() => selectedKeys === 'all' ? selectedKeys as 'all' : new Set(selectedKeys), [selectedKeys]);
212
- let actionBar = useMemo(() => renderActionBar?.(selectedKeysSet), [renderActionBar, selectedKeysSet]);
213
- let selectedItemCount = selectedKeysSet === 'all' ? 'all' as const : selectedKeysSet.size;
254
+ let [selectedKeys, setSelectedKeys] = useControlledState(
255
+ props.selectedKeys,
256
+ props.defaultSelectedKeys || new Set(),
257
+ props.onSelectionChange
258
+ );
259
+ let selectedKeysSet = useMemo(
260
+ () => (selectedKeys === 'all' ? (selectedKeys as 'all') : new Set(selectedKeys)),
261
+ [selectedKeys]
262
+ );
263
+ let actionBar = useMemo(
264
+ () => renderActionBar?.(selectedKeysSet),
265
+ [renderActionBar, selectedKeysSet]
266
+ );
267
+ let selectedItemCount = selectedKeysSet === 'all' ? ('all' as const) : selectedKeysSet.size;
214
268
  let [actionBarHeight, setActionBarHeight] = useState(0);
215
269
  let actionBarRef = useCallback((ref: DOMRefValue | null) => {
216
270
  let actionBar = ref?.UNSAFE_getDOMNode();
@@ -221,18 +275,22 @@ export function useActionBarContainer(props: ActionBarContainerHookProps): Actio
221
275
  }
222
276
  }, []);
223
277
 
224
- let actionBarContext = useMemo(() => ({
225
- ref: actionBarRef,
226
- scrollRef,
227
- selectedItemCount,
228
- onClearSelection: () => setSelectedKeys(new Set())
229
- }), [scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]);
230
-
231
- let wrappedActionBar = useMemo(() => (
232
- <ActionBarContext.Provider value={actionBarContext}>
233
- {actionBar}
234
- </ActionBarContext.Provider>
235
- ), [actionBarContext, actionBar]);
278
+ let actionBarContext = useMemo(
279
+ () => ({
280
+ ref: actionBarRef,
281
+ scrollRef,
282
+ selectedItemCount,
283
+ onClearSelection: () => setSelectedKeys(new Set())
284
+ }),
285
+ [scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]
286
+ );
287
+
288
+ let wrappedActionBar = useMemo(
289
+ () => (
290
+ <ActionBarContext.Provider value={actionBarContext}>{actionBar}</ActionBarContext.Provider>
291
+ ),
292
+ [actionBarContext, actionBar]
293
+ );
236
294
 
237
295
  return {
238
296
  selectedKeys,