@react-spectrum/s2 1.3.1 → 1.5.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 (1043) 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/CenterBaseline.cjs +12 -0
  10. package/dist/exports/CenterBaseline.cjs.map +1 -0
  11. package/dist/exports/CenterBaseline.mjs +7 -0
  12. package/dist/exports/CenterBaseline.mjs.map +1 -0
  13. package/dist/exports/ColorArea.cjs.map +1 -1
  14. package/dist/exports/ColorArea.mjs.map +1 -1
  15. package/dist/exports/ColorField.cjs.map +1 -1
  16. package/dist/exports/ColorField.mjs.map +1 -1
  17. package/dist/exports/ColorSlider.cjs.map +1 -1
  18. package/dist/exports/ColorSlider.mjs.map +1 -1
  19. package/dist/exports/ColorSwatch.cjs.map +1 -1
  20. package/dist/exports/ColorSwatch.mjs.map +1 -1
  21. package/dist/exports/ColorSwatchPicker.cjs.map +1 -1
  22. package/dist/exports/ColorSwatchPicker.mjs.map +1 -1
  23. package/dist/exports/ColorWheel.cjs.map +1 -1
  24. package/dist/exports/ColorWheel.mjs.map +1 -1
  25. package/dist/exports/ContextualHelp.cjs.map +1 -1
  26. package/dist/exports/ContextualHelp.mjs.map +1 -1
  27. package/dist/exports/Disclosure.cjs.map +1 -1
  28. package/dist/exports/Disclosure.mjs.map +1 -1
  29. package/dist/exports/DragPreview.cjs +12 -0
  30. package/dist/exports/DragPreview.cjs.map +1 -0
  31. package/dist/exports/DragPreview.mjs +7 -0
  32. package/dist/exports/DragPreview.mjs.map +1 -0
  33. package/dist/exports/Icon.cjs.map +1 -1
  34. package/dist/exports/Icon.mjs.map +1 -1
  35. package/dist/exports/LabeledValue.cjs +13 -0
  36. package/dist/exports/LabeledValue.cjs.map +1 -0
  37. package/dist/exports/LabeledValue.mjs +7 -0
  38. package/dist/exports/LabeledValue.mjs.map +1 -0
  39. package/dist/exports/Menu.cjs.map +1 -1
  40. package/dist/exports/Menu.mjs.map +1 -1
  41. package/dist/exports/SegmentedControl.cjs.map +1 -1
  42. package/dist/exports/SegmentedControl.mjs.map +1 -1
  43. package/dist/exports/Skeleton.cjs +1 -0
  44. package/dist/exports/Skeleton.cjs.map +1 -1
  45. package/dist/exports/Skeleton.mjs +2 -2
  46. package/dist/exports/Skeleton.mjs.map +1 -1
  47. package/dist/exports/TableView.cjs +1 -0
  48. package/dist/exports/TableView.cjs.map +1 -1
  49. package/dist/exports/TableView.mjs +2 -2
  50. package/dist/exports/TableView.mjs.map +1 -1
  51. package/dist/exports/TreeView.cjs.map +1 -1
  52. package/dist/exports/TreeView.mjs.map +1 -1
  53. package/dist/exports/index.cjs +20 -0
  54. package/dist/exports/index.cjs.map +1 -1
  55. package/dist/exports/index.mjs +12 -2
  56. package/dist/exports/index.mjs.map +1 -1
  57. package/dist/exports/useAsyncList.cjs.map +1 -1
  58. package/dist/exports/useAsyncList.mjs.map +1 -1
  59. package/dist/exports/useDragAndDrop.cjs +21 -0
  60. package/dist/exports/useDragAndDrop.cjs.map +1 -0
  61. package/dist/exports/useDragAndDrop.mjs +11 -0
  62. package/dist/exports/useDragAndDrop.mjs.map +1 -0
  63. package/dist/private/Accordion.cjs +2 -2
  64. package/dist/private/Accordion.cjs.map +1 -1
  65. package/dist/private/Accordion.css +2 -2
  66. package/dist/private/Accordion.css.map +1 -1
  67. package/dist/private/Accordion.mjs +2 -2
  68. package/dist/private/Accordion.mjs.map +1 -1
  69. package/dist/private/ActionBar.cjs +61 -61
  70. package/dist/private/ActionBar.cjs.map +1 -1
  71. package/dist/private/ActionBar.css +58 -58
  72. package/dist/private/ActionBar.css.map +1 -1
  73. package/dist/private/ActionBar.mjs +61 -61
  74. package/dist/private/ActionBar.mjs.map +1 -1
  75. package/dist/private/ActionButton.cjs +350 -323
  76. package/dist/private/ActionButton.cjs.map +1 -1
  77. package/dist/private/ActionButton.css +203 -167
  78. package/dist/private/ActionButton.css.map +1 -1
  79. package/dist/private/ActionButton.mjs +351 -324
  80. package/dist/private/ActionButton.mjs.map +1 -1
  81. package/dist/private/ActionButtonGroup.cjs +15 -15
  82. package/dist/private/ActionButtonGroup.cjs.map +1 -1
  83. package/dist/private/ActionButtonGroup.css +9 -9
  84. package/dist/private/ActionButtonGroup.css.map +1 -1
  85. package/dist/private/ActionButtonGroup.mjs +15 -15
  86. package/dist/private/ActionButtonGroup.mjs.map +1 -1
  87. package/dist/private/ActionMenu.cjs.map +1 -1
  88. package/dist/private/ActionMenu.mjs.map +1 -1
  89. package/dist/private/Add.cjs +10 -10
  90. package/dist/private/Add.cjs.map +1 -1
  91. package/dist/private/Add.css +6 -6
  92. package/dist/private/Add.css.map +1 -1
  93. package/dist/private/Add.mjs +10 -10
  94. package/dist/private/Add.mjs.map +1 -1
  95. package/dist/private/AlertDialog.cjs +3 -3
  96. package/dist/private/AlertDialog.cjs.map +1 -1
  97. package/dist/private/AlertDialog.css +3 -3
  98. package/dist/private/AlertDialog.css.map +1 -1
  99. package/dist/private/AlertDialog.mjs +3 -3
  100. package/dist/private/AlertDialog.mjs.map +1 -1
  101. package/dist/private/Asterisk.cjs +6 -6
  102. package/dist/private/Asterisk.cjs.map +1 -1
  103. package/dist/private/Asterisk.css +4 -4
  104. package/dist/private/Asterisk.css.map +1 -1
  105. package/dist/private/Asterisk.mjs +6 -6
  106. package/dist/private/Asterisk.mjs.map +1 -1
  107. package/dist/private/Avatar.cjs +16 -16
  108. package/dist/private/Avatar.cjs.map +1 -1
  109. package/dist/private/Avatar.css +16 -16
  110. package/dist/private/Avatar.css.map +1 -1
  111. package/dist/private/Avatar.mjs +16 -16
  112. package/dist/private/Avatar.mjs.map +1 -1
  113. package/dist/private/AvatarGroup.cjs +120 -120
  114. package/dist/private/AvatarGroup.cjs.map +1 -1
  115. package/dist/private/AvatarGroup.css +31 -31
  116. package/dist/private/AvatarGroup.css.map +1 -1
  117. package/dist/private/AvatarGroup.mjs +120 -120
  118. package/dist/private/AvatarGroup.mjs.map +1 -1
  119. package/dist/private/Badge.cjs +197 -197
  120. package/dist/private/Badge.cjs.map +1 -1
  121. package/dist/private/Badge.css +125 -125
  122. package/dist/private/Badge.css.map +1 -1
  123. package/dist/private/Badge.mjs +197 -197
  124. package/dist/private/Badge.mjs.map +1 -1
  125. package/dist/private/Breadcrumbs.cjs +234 -234
  126. package/dist/private/Breadcrumbs.cjs.map +1 -1
  127. package/dist/private/Breadcrumbs.css +100 -100
  128. package/dist/private/Breadcrumbs.css.map +1 -1
  129. package/dist/private/Breadcrumbs.mjs +234 -234
  130. package/dist/private/Breadcrumbs.mjs.map +1 -1
  131. package/dist/private/Button.cjs +326 -335
  132. package/dist/private/Button.cjs.map +1 -1
  133. package/dist/private/Button.css +172 -180
  134. package/dist/private/Button.css.map +1 -1
  135. package/dist/private/Button.mjs +326 -335
  136. package/dist/private/Button.mjs.map +1 -1
  137. package/dist/private/ButtonGroup.cjs +23 -20
  138. package/dist/private/ButtonGroup.cjs.map +1 -1
  139. package/dist/private/ButtonGroup.css +19 -15
  140. package/dist/private/ButtonGroup.css.map +1 -1
  141. package/dist/private/ButtonGroup.mjs +23 -20
  142. package/dist/private/ButtonGroup.mjs.map +1 -1
  143. package/dist/private/Calendar.cjs +263 -312
  144. package/dist/private/Calendar.cjs.map +1 -1
  145. package/dist/private/Calendar.css +155 -167
  146. package/dist/private/Calendar.css.map +1 -1
  147. package/dist/private/Calendar.mjs +266 -315
  148. package/dist/private/Calendar.mjs.map +1 -1
  149. package/dist/private/Card.cjs +309 -309
  150. package/dist/private/Card.cjs.map +1 -1
  151. package/dist/private/Card.css +206 -206
  152. package/dist/private/Card.css.map +1 -1
  153. package/dist/private/Card.mjs +309 -309
  154. package/dist/private/Card.mjs.map +1 -1
  155. package/dist/private/CardView.cjs +17 -17
  156. package/dist/private/CardView.cjs.map +1 -1
  157. package/dist/private/CardView.css +17 -17
  158. package/dist/private/CardView.css.map +1 -1
  159. package/dist/private/CardView.mjs +17 -17
  160. package/dist/private/CardView.mjs.map +1 -1
  161. package/dist/private/CenterBaseline.cjs +5 -1
  162. package/dist/private/CenterBaseline.cjs.map +1 -1
  163. package/dist/private/CenterBaseline.css +2 -2
  164. package/dist/private/CenterBaseline.css.map +1 -1
  165. package/dist/private/CenterBaseline.mjs +5 -1
  166. package/dist/private/CenterBaseline.mjs.map +1 -1
  167. package/dist/private/Checkbox.cjs +268 -208
  168. package/dist/private/Checkbox.cjs.map +1 -1
  169. package/dist/private/Checkbox.css +170 -98
  170. package/dist/private/Checkbox.css.map +1 -1
  171. package/dist/private/Checkbox.mjs +269 -209
  172. package/dist/private/Checkbox.mjs.map +1 -1
  173. package/dist/private/CheckboxGroup.cjs +44 -43
  174. package/dist/private/CheckboxGroup.cjs.map +1 -1
  175. package/dist/private/CheckboxGroup.css +37 -37
  176. package/dist/private/CheckboxGroup.css.map +1 -1
  177. package/dist/private/CheckboxGroup.mjs +44 -43
  178. package/dist/private/CheckboxGroup.mjs.map +1 -1
  179. package/dist/private/Checkmark.cjs +12 -12
  180. package/dist/private/Checkmark.cjs.map +1 -1
  181. package/dist/private/Checkmark.css +8 -8
  182. package/dist/private/Checkmark.css.map +1 -1
  183. package/dist/private/Checkmark.mjs +12 -12
  184. package/dist/private/Checkmark.mjs.map +1 -1
  185. package/dist/private/Chevron.cjs +12 -12
  186. package/dist/private/Chevron.cjs.map +1 -1
  187. package/dist/private/Chevron.css +10 -10
  188. package/dist/private/Chevron.css.map +1 -1
  189. package/dist/private/Chevron.mjs +12 -12
  190. package/dist/private/Chevron.mjs.map +1 -1
  191. package/dist/private/ClearButton.cjs +30 -30
  192. package/dist/private/ClearButton.cjs.map +1 -1
  193. package/dist/private/ClearButton.css +30 -30
  194. package/dist/private/ClearButton.css.map +1 -1
  195. package/dist/private/ClearButton.mjs +30 -30
  196. package/dist/private/ClearButton.mjs.map +1 -1
  197. package/dist/private/CloseButton.cjs +52 -57
  198. package/dist/private/CloseButton.cjs.map +1 -1
  199. package/dist/private/CloseButton.css +47 -51
  200. package/dist/private/CloseButton.css.map +1 -1
  201. package/dist/private/CloseButton.mjs +52 -57
  202. package/dist/private/CloseButton.mjs.map +1 -1
  203. package/dist/private/ColorArea.cjs +16 -16
  204. package/dist/private/ColorArea.cjs.map +1 -1
  205. package/dist/private/ColorArea.css +16 -16
  206. package/dist/private/ColorArea.css.map +1 -1
  207. package/dist/private/ColorArea.mjs +16 -16
  208. package/dist/private/ColorArea.mjs.map +1 -1
  209. package/dist/private/ColorField.cjs +44 -33
  210. package/dist/private/ColorField.cjs.map +1 -1
  211. package/dist/private/ColorField.css +27 -27
  212. package/dist/private/ColorField.css.map +1 -1
  213. package/dist/private/ColorField.mjs +44 -33
  214. package/dist/private/ColorField.mjs.map +1 -1
  215. package/dist/private/ColorHandle.cjs +27 -27
  216. package/dist/private/ColorHandle.cjs.map +1 -1
  217. package/dist/private/ColorHandle.css +42 -42
  218. package/dist/private/ColorHandle.css.map +1 -1
  219. package/dist/private/ColorHandle.mjs +27 -27
  220. package/dist/private/ColorHandle.mjs.map +1 -1
  221. package/dist/private/ColorSlider.cjs +113 -109
  222. package/dist/private/ColorSlider.cjs.map +1 -1
  223. package/dist/private/ColorSlider.css +52 -52
  224. package/dist/private/ColorSlider.css.map +1 -1
  225. package/dist/private/ColorSlider.mjs +113 -109
  226. package/dist/private/ColorSlider.mjs.map +1 -1
  227. package/dist/private/ColorSwatch.cjs +29 -29
  228. package/dist/private/ColorSwatch.cjs.map +1 -1
  229. package/dist/private/ColorSwatch.css +29 -29
  230. package/dist/private/ColorSwatch.css.map +1 -1
  231. package/dist/private/ColorSwatch.mjs +29 -29
  232. package/dist/private/ColorSwatch.mjs.map +1 -1
  233. package/dist/private/ColorSwatchPicker.cjs +29 -29
  234. package/dist/private/ColorSwatchPicker.cjs.map +1 -1
  235. package/dist/private/ColorSwatchPicker.css +48 -48
  236. package/dist/private/ColorSwatchPicker.css.map +1 -1
  237. package/dist/private/ColorSwatchPicker.mjs +29 -29
  238. package/dist/private/ColorSwatchPicker.mjs.map +1 -1
  239. package/dist/private/ColorWheel.cjs +26 -26
  240. package/dist/private/ColorWheel.cjs.map +1 -1
  241. package/dist/private/ColorWheel.css +17 -17
  242. package/dist/private/ColorWheel.css.map +1 -1
  243. package/dist/private/ColorWheel.mjs +26 -26
  244. package/dist/private/ColorWheel.mjs.map +1 -1
  245. package/dist/private/ComboBox.cjs +384 -405
  246. package/dist/private/ComboBox.cjs.map +1 -1
  247. package/dist/private/ComboBox.css +192 -188
  248. package/dist/private/ComboBox.css.map +1 -1
  249. package/dist/private/ComboBox.mjs +385 -406
  250. package/dist/private/ComboBox.mjs.map +1 -1
  251. package/dist/private/Content.cjs +2 -1
  252. package/dist/private/Content.cjs.map +1 -1
  253. package/dist/private/Content.mjs +2 -1
  254. package/dist/private/Content.mjs.map +1 -1
  255. package/dist/private/ContextualHelp.cjs +5 -5
  256. package/dist/private/ContextualHelp.cjs.map +1 -1
  257. package/dist/private/ContextualHelp.css +50 -50
  258. package/dist/private/ContextualHelp.css.map +1 -1
  259. package/dist/private/ContextualHelp.mjs +5 -5
  260. package/dist/private/ContextualHelp.mjs.map +1 -1
  261. package/dist/private/CornerTriangle.cjs +76 -0
  262. package/dist/private/CornerTriangle.cjs.map +1 -0
  263. package/dist/private/CornerTriangle.css +26 -0
  264. package/dist/private/CornerTriangle.css.map +1 -0
  265. package/dist/private/CornerTriangle.mjs +71 -0
  266. package/dist/private/CornerTriangle.mjs.map +1 -0
  267. package/dist/private/Cross.cjs +14 -14
  268. package/dist/private/Cross.cjs.map +1 -1
  269. package/dist/private/Cross.css +10 -10
  270. package/dist/private/Cross.css.map +1 -1
  271. package/dist/private/Cross.mjs +14 -14
  272. package/dist/private/Cross.mjs.map +1 -1
  273. package/dist/private/CustomDialog.cjs +27 -26
  274. package/dist/private/CustomDialog.cjs.map +1 -1
  275. package/dist/private/CustomDialog.css +25 -25
  276. package/dist/private/CustomDialog.css.map +1 -1
  277. package/dist/private/CustomDialog.mjs +27 -26
  278. package/dist/private/CustomDialog.mjs.map +1 -1
  279. package/dist/private/Dash.cjs +10 -10
  280. package/dist/private/Dash.cjs.map +1 -1
  281. package/dist/private/Dash.css +6 -6
  282. package/dist/private/Dash.css.map +1 -1
  283. package/dist/private/Dash.mjs +10 -10
  284. package/dist/private/Dash.mjs.map +1 -1
  285. package/dist/private/DateField.cjs +73 -73
  286. package/dist/private/DateField.cjs.map +1 -1
  287. package/dist/private/DateField.css +77 -77
  288. package/dist/private/DateField.css.map +1 -1
  289. package/dist/private/DateField.mjs +73 -73
  290. package/dist/private/DateField.mjs.map +1 -1
  291. package/dist/private/DatePicker.cjs +172 -172
  292. package/dist/private/DatePicker.cjs.map +1 -1
  293. package/dist/private/DatePicker.css +128 -128
  294. package/dist/private/DatePicker.css.map +1 -1
  295. package/dist/private/DatePicker.mjs +172 -172
  296. package/dist/private/DatePicker.mjs.map +1 -1
  297. package/dist/private/DateRangePicker.cjs +55 -55
  298. package/dist/private/DateRangePicker.cjs.map +1 -1
  299. package/dist/private/DateRangePicker.css +59 -59
  300. package/dist/private/DateRangePicker.css.map +1 -1
  301. package/dist/private/DateRangePicker.mjs +55 -55
  302. package/dist/private/DateRangePicker.mjs.map +1 -1
  303. package/dist/private/Dialog.cjs +21 -18
  304. package/dist/private/Dialog.cjs.map +1 -1
  305. package/dist/private/Dialog.css +70 -70
  306. package/dist/private/Dialog.css.map +1 -1
  307. package/dist/private/Dialog.mjs +21 -18
  308. package/dist/private/Dialog.mjs.map +1 -1
  309. package/dist/private/DialogContainer.cjs.map +1 -1
  310. package/dist/private/DialogContainer.mjs.map +1 -1
  311. package/dist/private/DialogTrigger.cjs.map +1 -1
  312. package/dist/private/DialogTrigger.mjs.map +1 -1
  313. package/dist/private/Disclosure.cjs +144 -122
  314. package/dist/private/Disclosure.cjs.map +1 -1
  315. package/dist/private/Disclosure.css +112 -112
  316. package/dist/private/Disclosure.css.map +1 -1
  317. package/dist/private/Disclosure.mjs +144 -122
  318. package/dist/private/Disclosure.mjs.map +1 -1
  319. package/dist/private/Divider.cjs +25 -25
  320. package/dist/private/Divider.cjs.map +1 -1
  321. package/dist/private/Divider.css +25 -25
  322. package/dist/private/Divider.css.map +1 -1
  323. package/dist/private/Divider.mjs +25 -25
  324. package/dist/private/Divider.mjs.map +1 -1
  325. package/dist/private/DragHandle.cjs +76 -0
  326. package/dist/private/DragHandle.cjs.map +1 -0
  327. package/dist/private/DragHandle.css +26 -0
  328. package/dist/private/DragHandle.css.map +1 -0
  329. package/dist/private/DragHandle.mjs +71 -0
  330. package/dist/private/DragHandle.mjs.map +1 -0
  331. package/dist/private/DragPreview.cjs +297 -0
  332. package/dist/private/DragPreview.cjs.map +1 -0
  333. package/dist/private/DragPreview.css +459 -0
  334. package/dist/private/DragPreview.css.map +1 -0
  335. package/dist/private/DragPreview.mjs +288 -0
  336. package/dist/private/DragPreview.mjs.map +1 -0
  337. package/dist/private/DropZone.cjs +61 -61
  338. package/dist/private/DropZone.cjs.map +1 -1
  339. package/dist/private/DropZone.css +57 -57
  340. package/dist/private/DropZone.css.map +1 -1
  341. package/dist/private/DropZone.mjs +61 -61
  342. package/dist/private/DropZone.mjs.map +1 -1
  343. package/dist/private/Field.cjs +421 -372
  344. package/dist/private/Field.cjs.map +1 -1
  345. package/dist/private/Field.css +206 -154
  346. package/dist/private/Field.css.map +1 -1
  347. package/dist/private/Field.mjs +422 -373
  348. package/dist/private/Field.mjs.map +1 -1
  349. package/dist/private/Fonts.cjs.map +1 -1
  350. package/dist/private/Fonts.mjs.map +1 -1
  351. package/dist/private/Form.cjs +9 -9
  352. package/dist/private/Form.cjs.map +1 -1
  353. package/dist/private/Form.css +9 -9
  354. package/dist/private/Form.css.map +1 -1
  355. package/dist/private/Form.mjs +9 -9
  356. package/dist/private/Form.mjs.map +1 -1
  357. package/dist/private/FullscreenDialog.cjs +7 -6
  358. package/dist/private/FullscreenDialog.cjs.map +1 -1
  359. package/dist/private/FullscreenDialog.css +78 -78
  360. package/dist/private/FullscreenDialog.css.map +1 -1
  361. package/dist/private/FullscreenDialog.mjs +7 -6
  362. package/dist/private/FullscreenDialog.mjs.map +1 -1
  363. package/dist/private/IllustratedMessage.cjs +228 -228
  364. package/dist/private/IllustratedMessage.cjs.map +1 -1
  365. package/dist/private/IllustratedMessage.css +72 -72
  366. package/dist/private/IllustratedMessage.css.map +1 -1
  367. package/dist/private/IllustratedMessage.mjs +228 -228
  368. package/dist/private/IllustratedMessage.mjs.map +1 -1
  369. package/dist/private/Image.cjs +16 -16
  370. package/dist/private/Image.cjs.map +1 -1
  371. package/dist/private/Image.css +14 -14
  372. package/dist/private/Image.css.map +1 -1
  373. package/dist/private/Image.mjs +16 -16
  374. package/dist/private/Image.mjs.map +1 -1
  375. package/dist/private/ImageCoordinator.cjs.map +1 -1
  376. package/dist/private/ImageCoordinator.mjs.map +1 -1
  377. package/dist/private/InlineAlert.cjs +100 -100
  378. package/dist/private/InlineAlert.cjs.map +1 -1
  379. package/dist/private/InlineAlert.css +76 -76
  380. package/dist/private/InlineAlert.css.map +1 -1
  381. package/dist/private/InlineAlert.mjs +100 -100
  382. package/dist/private/InlineAlert.mjs.map +1 -1
  383. package/dist/private/LabeledValue.cjs +359 -0
  384. package/dist/private/LabeledValue.cjs.map +1 -0
  385. package/dist/private/LabeledValue.css +285 -0
  386. package/dist/private/LabeledValue.css.map +1 -0
  387. package/dist/private/LabeledValue.mjs +353 -0
  388. package/dist/private/LabeledValue.mjs.map +1 -0
  389. package/dist/private/Link.cjs +49 -49
  390. package/dist/private/Link.cjs.map +1 -1
  391. package/dist/private/Link.css +41 -41
  392. package/dist/private/Link.css.map +1 -1
  393. package/dist/private/Link.mjs +49 -49
  394. package/dist/private/Link.mjs.map +1 -1
  395. package/dist/private/LinkOut.cjs +8 -8
  396. package/dist/private/LinkOut.cjs.map +1 -1
  397. package/dist/private/LinkOut.css +8 -8
  398. package/dist/private/LinkOut.css.map +1 -1
  399. package/dist/private/LinkOut.mjs +8 -8
  400. package/dist/private/LinkOut.mjs.map +1 -1
  401. package/dist/private/ListView.cjs +422 -489
  402. package/dist/private/ListView.cjs.map +1 -1
  403. package/dist/private/ListView.css +276 -348
  404. package/dist/private/ListView.css.map +1 -1
  405. package/dist/private/ListView.mjs +422 -488
  406. package/dist/private/ListView.mjs.map +1 -1
  407. package/dist/private/Menu.cjs +489 -471
  408. package/dist/private/Menu.cjs.map +1 -1
  409. package/dist/private/Menu.css +205 -205
  410. package/dist/private/Menu.css.map +1 -1
  411. package/dist/private/Menu.mjs +489 -471
  412. package/dist/private/Menu.mjs.map +1 -1
  413. package/dist/private/Meter.cjs +153 -153
  414. package/dist/private/Meter.cjs.map +1 -1
  415. package/dist/private/Meter.css +91 -91
  416. package/dist/private/Meter.css.map +1 -1
  417. package/dist/private/Meter.mjs +153 -153
  418. package/dist/private/Meter.mjs.map +1 -1
  419. package/dist/private/Modal.cjs +74 -74
  420. package/dist/private/Modal.cjs.map +1 -1
  421. package/dist/private/Modal.css +59 -59
  422. package/dist/private/Modal.css.map +1 -1
  423. package/dist/private/Modal.mjs +74 -74
  424. package/dist/private/Modal.mjs.map +1 -1
  425. package/dist/private/NotificationBadge.cjs +56 -56
  426. package/dist/private/NotificationBadge.cjs.map +1 -1
  427. package/dist/private/NotificationBadge.css +49 -49
  428. package/dist/private/NotificationBadge.css.map +1 -1
  429. package/dist/private/NotificationBadge.mjs +56 -56
  430. package/dist/private/NotificationBadge.mjs.map +1 -1
  431. package/dist/private/NumberField.cjs +115 -114
  432. package/dist/private/NumberField.cjs.map +1 -1
  433. package/dist/private/NumberField.css +99 -99
  434. package/dist/private/NumberField.css.map +1 -1
  435. package/dist/private/NumberField.mjs +115 -114
  436. package/dist/private/NumberField.mjs.map +1 -1
  437. package/dist/private/Picker.cjs +277 -277
  438. package/dist/private/Picker.cjs.map +1 -1
  439. package/dist/private/Picker.css +173 -173
  440. package/dist/private/Picker.css.map +1 -1
  441. package/dist/private/Picker.mjs +277 -277
  442. package/dist/private/Picker.mjs.map +1 -1
  443. package/dist/private/Popover.cjs +95 -95
  444. package/dist/private/Popover.cjs.map +1 -1
  445. package/dist/private/Popover.css +75 -75
  446. package/dist/private/Popover.css.map +1 -1
  447. package/dist/private/Popover.mjs +95 -95
  448. package/dist/private/Popover.mjs.map +1 -1
  449. package/dist/private/ProgressBar.cjs +163 -163
  450. package/dist/private/ProgressBar.cjs.map +1 -1
  451. package/dist/private/ProgressBar.css +99 -99
  452. package/dist/private/ProgressBar.css.map +1 -1
  453. package/dist/private/ProgressBar.mjs +163 -163
  454. package/dist/private/ProgressBar.mjs.map +1 -1
  455. package/dist/private/ProgressCircle.cjs +34 -31
  456. package/dist/private/ProgressCircle.cjs.map +1 -1
  457. package/dist/private/ProgressCircle.css +24 -24
  458. package/dist/private/ProgressCircle.css.map +1 -1
  459. package/dist/private/ProgressCircle.mjs +34 -31
  460. package/dist/private/ProgressCircle.mjs.map +1 -1
  461. package/dist/private/Provider.cjs +19 -19
  462. package/dist/private/Provider.cjs.map +1 -1
  463. package/dist/private/Provider.css +15 -15
  464. package/dist/private/Provider.css.map +1 -1
  465. package/dist/private/Provider.mjs +19 -19
  466. package/dist/private/Provider.mjs.map +1 -1
  467. package/dist/private/RadioGroup.cjs +251 -203
  468. package/dist/private/RadioGroup.cjs.map +1 -1
  469. package/dist/private/RadioGroup.css +167 -135
  470. package/dist/private/RadioGroup.css.map +1 -1
  471. package/dist/private/RadioGroup.mjs +252 -204
  472. package/dist/private/RadioGroup.mjs.map +1 -1
  473. package/dist/private/RangeCalendar.cjs +19 -17
  474. package/dist/private/RangeCalendar.cjs.map +1 -1
  475. package/dist/private/RangeCalendar.css +17 -17
  476. package/dist/private/RangeCalendar.css.map +1 -1
  477. package/dist/private/RangeCalendar.mjs +19 -17
  478. package/dist/private/RangeCalendar.mjs.map +1 -1
  479. package/dist/private/RangeSlider.cjs +7 -15
  480. package/dist/private/RangeSlider.cjs.map +1 -1
  481. package/dist/private/RangeSlider.mjs +8 -16
  482. package/dist/private/RangeSlider.mjs.map +1 -1
  483. package/dist/private/S2_CornerTriangleSize100.cjs +26 -0
  484. package/dist/private/S2_CornerTriangleSize100.cjs.map +1 -0
  485. package/dist/private/S2_CornerTriangleSize100.mjs +21 -0
  486. package/dist/private/S2_CornerTriangleSize100.mjs.map +1 -0
  487. package/dist/private/S2_CornerTriangleSize200.cjs +26 -0
  488. package/dist/private/S2_CornerTriangleSize200.cjs.map +1 -0
  489. package/dist/private/S2_CornerTriangleSize200.mjs +21 -0
  490. package/dist/private/S2_CornerTriangleSize200.mjs.map +1 -0
  491. package/dist/private/S2_CornerTriangleSize300.cjs +26 -0
  492. package/dist/private/S2_CornerTriangleSize300.cjs.map +1 -0
  493. package/dist/private/S2_CornerTriangleSize300.mjs +21 -0
  494. package/dist/private/S2_CornerTriangleSize300.mjs.map +1 -0
  495. package/dist/private/S2_CornerTriangleSize75.cjs +26 -0
  496. package/dist/private/S2_CornerTriangleSize75.cjs.map +1 -0
  497. package/dist/private/S2_CornerTriangleSize75.mjs +21 -0
  498. package/dist/private/S2_CornerTriangleSize75.mjs.map +1 -0
  499. package/dist/private/S2_DragHandleSize100.cjs +60 -0
  500. package/dist/private/S2_DragHandleSize100.cjs.map +1 -0
  501. package/dist/private/S2_DragHandleSize100.mjs +55 -0
  502. package/dist/private/S2_DragHandleSize100.mjs.map +1 -0
  503. package/dist/private/S2_DragHandleSize200.cjs +60 -0
  504. package/dist/private/S2_DragHandleSize200.cjs.map +1 -0
  505. package/dist/private/S2_DragHandleSize200.mjs +55 -0
  506. package/dist/private/S2_DragHandleSize200.mjs.map +1 -0
  507. package/dist/private/S2_DragHandleSize300.cjs +60 -0
  508. package/dist/private/S2_DragHandleSize300.cjs.map +1 -0
  509. package/dist/private/S2_DragHandleSize300.mjs +55 -0
  510. package/dist/private/S2_DragHandleSize300.mjs.map +1 -0
  511. package/dist/private/S2_DragHandleSize75.cjs +60 -0
  512. package/dist/private/S2_DragHandleSize75.cjs.map +1 -0
  513. package/dist/private/S2_DragHandleSize75.mjs +55 -0
  514. package/dist/private/S2_DragHandleSize75.mjs.map +1 -0
  515. package/dist/private/SearchField.cjs +41 -41
  516. package/dist/private/SearchField.cjs.map +1 -1
  517. package/dist/private/SearchField.css +45 -45
  518. package/dist/private/SearchField.css.map +1 -1
  519. package/dist/private/SearchField.mjs +41 -41
  520. package/dist/private/SearchField.mjs.map +1 -1
  521. package/dist/private/SegmentedControl.cjs +178 -178
  522. package/dist/private/SegmentedControl.cjs.map +1 -1
  523. package/dist/private/SegmentedControl.css +123 -123
  524. package/dist/private/SegmentedControl.css.map +1 -1
  525. package/dist/private/SegmentedControl.mjs +178 -178
  526. package/dist/private/SegmentedControl.mjs.map +1 -1
  527. package/dist/private/SelectBoxGroup.cjs +142 -142
  528. package/dist/private/SelectBoxGroup.cjs.map +1 -1
  529. package/dist/private/SelectBoxGroup.css +120 -120
  530. package/dist/private/SelectBoxGroup.css.map +1 -1
  531. package/dist/private/SelectBoxGroup.mjs +142 -142
  532. package/dist/private/SelectBoxGroup.mjs.map +1 -1
  533. package/dist/private/SkeletonCollection.cjs.map +1 -1
  534. package/dist/private/SkeletonCollection.mjs.map +1 -1
  535. package/dist/private/Slider.cjs +318 -332
  536. package/dist/private/Slider.cjs.map +1 -1
  537. package/dist/private/Slider.css +177 -157
  538. package/dist/private/Slider.css.map +1 -1
  539. package/dist/private/Slider.mjs +319 -333
  540. package/dist/private/Slider.mjs.map +1 -1
  541. package/dist/private/StatusLight.cjs +115 -115
  542. package/dist/private/StatusLight.cjs.map +1 -1
  543. package/dist/private/StatusLight.css +59 -59
  544. package/dist/private/StatusLight.css.map +1 -1
  545. package/dist/private/StatusLight.mjs +115 -115
  546. package/dist/private/StatusLight.mjs.map +1 -1
  547. package/dist/private/Switch.cjs +219 -176
  548. package/dist/private/Switch.cjs.map +1 -1
  549. package/dist/private/Switch.css +128 -84
  550. package/dist/private/Switch.css.map +1 -1
  551. package/dist/private/Switch.mjs +219 -176
  552. package/dist/private/Switch.mjs.map +1 -1
  553. package/dist/private/TableView.cjs +752 -518
  554. package/dist/private/TableView.cjs.map +1 -1
  555. package/dist/private/TableView.css +554 -308
  556. package/dist/private/TableView.css.map +1 -1
  557. package/dist/private/TableView.mjs +754 -521
  558. package/dist/private/TableView.mjs.map +1 -1
  559. package/dist/private/Tabs.cjs +131 -125
  560. package/dist/private/Tabs.cjs.map +1 -1
  561. package/dist/private/Tabs.css +105 -105
  562. package/dist/private/Tabs.css.map +1 -1
  563. package/dist/private/Tabs.mjs +131 -125
  564. package/dist/private/Tabs.mjs.map +1 -1
  565. package/dist/private/TabsPicker.cjs +130 -129
  566. package/dist/private/TabsPicker.cjs.map +1 -1
  567. package/dist/private/TabsPicker.css +108 -108
  568. package/dist/private/TabsPicker.css.map +1 -1
  569. package/dist/private/TabsPicker.mjs +130 -129
  570. package/dist/private/TabsPicker.mjs.map +1 -1
  571. package/dist/private/TagGroup.cjs +203 -203
  572. package/dist/private/TagGroup.cjs.map +1 -1
  573. package/dist/private/TagGroup.css +146 -146
  574. package/dist/private/TagGroup.css.map +1 -1
  575. package/dist/private/TagGroup.mjs +203 -203
  576. package/dist/private/TagGroup.mjs.map +1 -1
  577. package/dist/private/TextField.cjs +84 -73
  578. package/dist/private/TextField.cjs.map +1 -1
  579. package/dist/private/TextField.css +54 -54
  580. package/dist/private/TextField.css.map +1 -1
  581. package/dist/private/TextField.mjs +85 -74
  582. package/dist/private/TextField.mjs.map +1 -1
  583. package/dist/private/TimeField.cjs +51 -51
  584. package/dist/private/TimeField.cjs.map +1 -1
  585. package/dist/private/TimeField.css +47 -47
  586. package/dist/private/TimeField.css.map +1 -1
  587. package/dist/private/TimeField.mjs +51 -51
  588. package/dist/private/TimeField.mjs.map +1 -1
  589. package/dist/private/Toast.cjs +122 -121
  590. package/dist/private/Toast.cjs.map +1 -1
  591. package/dist/private/Toast.css +110 -110
  592. package/dist/private/Toast.css.map +1 -1
  593. package/dist/private/Toast.mjs +122 -121
  594. package/dist/private/Toast.mjs.map +1 -1
  595. package/dist/private/Toast.module_css.cjs +21 -21
  596. package/dist/private/Toast.module_css.cjs.map +1 -1
  597. package/dist/private/Toast.module_css.mjs +21 -21
  598. package/dist/private/Toast.module_css.mjs.map +1 -1
  599. package/dist/private/Toast_module.css +44 -44
  600. package/dist/private/Toast_module.css.map +1 -1
  601. package/dist/private/ToggleButton.cjs +59 -26
  602. package/dist/private/ToggleButton.cjs.map +1 -1
  603. package/dist/private/ToggleButton.css +56 -12
  604. package/dist/private/ToggleButton.css.map +1 -1
  605. package/dist/private/ToggleButton.mjs +60 -27
  606. package/dist/private/ToggleButton.mjs.map +1 -1
  607. package/dist/private/ToggleButtonGroup.cjs.map +1 -1
  608. package/dist/private/ToggleButtonGroup.mjs.map +1 -1
  609. package/dist/private/Tooltip.cjs +86 -86
  610. package/dist/private/Tooltip.cjs.map +1 -1
  611. package/dist/private/Tooltip.css +70 -70
  612. package/dist/private/Tooltip.css.map +1 -1
  613. package/dist/private/Tooltip.mjs +86 -86
  614. package/dist/private/Tooltip.mjs.map +1 -1
  615. package/dist/private/TreeView.cjs +300 -233
  616. package/dist/private/TreeView.cjs.map +1 -1
  617. package/dist/private/TreeView.css +243 -181
  618. package/dist/private/TreeView.css.map +1 -1
  619. package/dist/private/TreeView.mjs +301 -234
  620. package/dist/private/TreeView.mjs.map +1 -1
  621. package/dist/private/dnd-utils.cjs +149 -0
  622. package/dist/private/dnd-utils.cjs.map +1 -0
  623. package/dist/private/dnd-utils.css +164 -0
  624. package/dist/private/dnd-utils.css.map +1 -0
  625. package/dist/private/dnd-utils.mjs +143 -0
  626. package/dist/private/dnd-utils.mjs.map +1 -0
  627. package/dist/private/font-faces.css.map +1 -1
  628. package/dist/private/intl/ar-AE.cjs +1 -0
  629. package/dist/private/intl/ar-AE.cjs.map +1 -1
  630. package/dist/private/intl/ar-AE.mjs +1 -0
  631. package/dist/private/intl/ar-AE.mjs.map +1 -1
  632. package/dist/private/intl/bg-BG.cjs +1 -0
  633. package/dist/private/intl/bg-BG.cjs.map +1 -1
  634. package/dist/private/intl/bg-BG.mjs +1 -0
  635. package/dist/private/intl/bg-BG.mjs.map +1 -1
  636. package/dist/private/intl/cs-CZ.cjs +1 -0
  637. package/dist/private/intl/cs-CZ.cjs.map +1 -1
  638. package/dist/private/intl/cs-CZ.mjs +1 -0
  639. package/dist/private/intl/cs-CZ.mjs.map +1 -1
  640. package/dist/private/intl/da-DK.cjs +1 -0
  641. package/dist/private/intl/da-DK.cjs.map +1 -1
  642. package/dist/private/intl/da-DK.mjs +1 -0
  643. package/dist/private/intl/da-DK.mjs.map +1 -1
  644. package/dist/private/intl/de-DE.cjs +1 -0
  645. package/dist/private/intl/de-DE.cjs.map +1 -1
  646. package/dist/private/intl/de-DE.mjs +1 -0
  647. package/dist/private/intl/de-DE.mjs.map +1 -1
  648. package/dist/private/intl/el-GR.cjs +1 -0
  649. package/dist/private/intl/el-GR.cjs.map +1 -1
  650. package/dist/private/intl/el-GR.mjs +1 -0
  651. package/dist/private/intl/el-GR.mjs.map +1 -1
  652. package/dist/private/intl/en-US.cjs +1 -0
  653. package/dist/private/intl/en-US.cjs.map +1 -1
  654. package/dist/private/intl/en-US.mjs +1 -0
  655. package/dist/private/intl/en-US.mjs.map +1 -1
  656. package/dist/private/intl/es-ES.cjs +1 -0
  657. package/dist/private/intl/es-ES.cjs.map +1 -1
  658. package/dist/private/intl/es-ES.mjs +1 -0
  659. package/dist/private/intl/es-ES.mjs.map +1 -1
  660. package/dist/private/intl/et-EE.cjs +1 -0
  661. package/dist/private/intl/et-EE.cjs.map +1 -1
  662. package/dist/private/intl/et-EE.mjs +1 -0
  663. package/dist/private/intl/et-EE.mjs.map +1 -1
  664. package/dist/private/intl/fi-FI.cjs +1 -0
  665. package/dist/private/intl/fi-FI.cjs.map +1 -1
  666. package/dist/private/intl/fi-FI.mjs +1 -0
  667. package/dist/private/intl/fi-FI.mjs.map +1 -1
  668. package/dist/private/intl/fr-FR.cjs +1 -0
  669. package/dist/private/intl/fr-FR.cjs.map +1 -1
  670. package/dist/private/intl/fr-FR.mjs +1 -0
  671. package/dist/private/intl/fr-FR.mjs.map +1 -1
  672. package/dist/private/intl/he-IL.cjs +1 -0
  673. package/dist/private/intl/he-IL.cjs.map +1 -1
  674. package/dist/private/intl/he-IL.mjs +1 -0
  675. package/dist/private/intl/he-IL.mjs.map +1 -1
  676. package/dist/private/intl/hr-HR.cjs +1 -0
  677. package/dist/private/intl/hr-HR.cjs.map +1 -1
  678. package/dist/private/intl/hr-HR.mjs +1 -0
  679. package/dist/private/intl/hr-HR.mjs.map +1 -1
  680. package/dist/private/intl/hu-HU.cjs +1 -0
  681. package/dist/private/intl/hu-HU.cjs.map +1 -1
  682. package/dist/private/intl/hu-HU.mjs +1 -0
  683. package/dist/private/intl/hu-HU.mjs.map +1 -1
  684. package/dist/private/intl/it-IT.cjs +1 -0
  685. package/dist/private/intl/it-IT.cjs.map +1 -1
  686. package/dist/private/intl/it-IT.mjs +1 -0
  687. package/dist/private/intl/it-IT.mjs.map +1 -1
  688. package/dist/private/intl/ja-JP.cjs +1 -0
  689. package/dist/private/intl/ja-JP.cjs.map +1 -1
  690. package/dist/private/intl/ja-JP.mjs +1 -0
  691. package/dist/private/intl/ja-JP.mjs.map +1 -1
  692. package/dist/private/intl/ko-KR.cjs +1 -0
  693. package/dist/private/intl/ko-KR.cjs.map +1 -1
  694. package/dist/private/intl/ko-KR.mjs +1 -0
  695. package/dist/private/intl/ko-KR.mjs.map +1 -1
  696. package/dist/private/intl/lt-LT.cjs +1 -0
  697. package/dist/private/intl/lt-LT.cjs.map +1 -1
  698. package/dist/private/intl/lt-LT.mjs +1 -0
  699. package/dist/private/intl/lt-LT.mjs.map +1 -1
  700. package/dist/private/intl/lv-LV.cjs +1 -0
  701. package/dist/private/intl/lv-LV.cjs.map +1 -1
  702. package/dist/private/intl/lv-LV.mjs +1 -0
  703. package/dist/private/intl/lv-LV.mjs.map +1 -1
  704. package/dist/private/intl/nb-NO.cjs +1 -0
  705. package/dist/private/intl/nb-NO.cjs.map +1 -1
  706. package/dist/private/intl/nb-NO.mjs +1 -0
  707. package/dist/private/intl/nb-NO.mjs.map +1 -1
  708. package/dist/private/intl/nl-NL.cjs +1 -0
  709. package/dist/private/intl/nl-NL.cjs.map +1 -1
  710. package/dist/private/intl/nl-NL.mjs +1 -0
  711. package/dist/private/intl/nl-NL.mjs.map +1 -1
  712. package/dist/private/intl/pl-PL.cjs +1 -0
  713. package/dist/private/intl/pl-PL.cjs.map +1 -1
  714. package/dist/private/intl/pl-PL.mjs +1 -0
  715. package/dist/private/intl/pl-PL.mjs.map +1 -1
  716. package/dist/private/intl/pt-BR.cjs +1 -0
  717. package/dist/private/intl/pt-BR.cjs.map +1 -1
  718. package/dist/private/intl/pt-BR.mjs +1 -0
  719. package/dist/private/intl/pt-BR.mjs.map +1 -1
  720. package/dist/private/intl/pt-PT.cjs +1 -0
  721. package/dist/private/intl/pt-PT.cjs.map +1 -1
  722. package/dist/private/intl/pt-PT.mjs +1 -0
  723. package/dist/private/intl/pt-PT.mjs.map +1 -1
  724. package/dist/private/intl/ro-RO.cjs +1 -0
  725. package/dist/private/intl/ro-RO.cjs.map +1 -1
  726. package/dist/private/intl/ro-RO.mjs +1 -0
  727. package/dist/private/intl/ro-RO.mjs.map +1 -1
  728. package/dist/private/intl/ru-RU.cjs +1 -0
  729. package/dist/private/intl/ru-RU.cjs.map +1 -1
  730. package/dist/private/intl/ru-RU.mjs +1 -0
  731. package/dist/private/intl/ru-RU.mjs.map +1 -1
  732. package/dist/private/intl/sk-SK.cjs +1 -0
  733. package/dist/private/intl/sk-SK.cjs.map +1 -1
  734. package/dist/private/intl/sk-SK.mjs +1 -0
  735. package/dist/private/intl/sk-SK.mjs.map +1 -1
  736. package/dist/private/intl/sl-SI.cjs +1 -0
  737. package/dist/private/intl/sl-SI.cjs.map +1 -1
  738. package/dist/private/intl/sl-SI.mjs +1 -0
  739. package/dist/private/intl/sl-SI.mjs.map +1 -1
  740. package/dist/private/intl/sr-SP.cjs +1 -0
  741. package/dist/private/intl/sr-SP.cjs.map +1 -1
  742. package/dist/private/intl/sr-SP.mjs +1 -0
  743. package/dist/private/intl/sr-SP.mjs.map +1 -1
  744. package/dist/private/intl/sv-SE.cjs +1 -0
  745. package/dist/private/intl/sv-SE.cjs.map +1 -1
  746. package/dist/private/intl/sv-SE.mjs +1 -0
  747. package/dist/private/intl/sv-SE.mjs.map +1 -1
  748. package/dist/private/intl/tr-TR.cjs +1 -0
  749. package/dist/private/intl/tr-TR.cjs.map +1 -1
  750. package/dist/private/intl/tr-TR.mjs +1 -0
  751. package/dist/private/intl/tr-TR.mjs.map +1 -1
  752. package/dist/private/intl/uk-UA.cjs +1 -0
  753. package/dist/private/intl/uk-UA.cjs.map +1 -1
  754. package/dist/private/intl/uk-UA.mjs +1 -0
  755. package/dist/private/intl/uk-UA.mjs.map +1 -1
  756. package/dist/private/intl/zh-CN.cjs +1 -0
  757. package/dist/private/intl/zh-CN.cjs.map +1 -1
  758. package/dist/private/intl/zh-CN.mjs +1 -0
  759. package/dist/private/intl/zh-CN.mjs.map +1 -1
  760. package/dist/private/intl/zh-TW.cjs +1 -0
  761. package/dist/private/intl/zh-TW.cjs.map +1 -1
  762. package/dist/private/intl/zh-TW.mjs +1 -0
  763. package/dist/private/intl/zh-TW.mjs.map +1 -1
  764. package/dist/private/pressScale.cjs.map +1 -1
  765. package/dist/private/pressScale.mjs.map +1 -1
  766. package/dist/private/useDOMRef.cjs +3 -2
  767. package/dist/private/useDOMRef.cjs.map +1 -1
  768. package/dist/private/useDOMRef.mjs +3 -2
  769. package/dist/private/useDOMRef.mjs.map +1 -1
  770. package/dist/private/useDragAndDrop.cjs +25 -0
  771. package/dist/private/useDragAndDrop.cjs.map +1 -0
  772. package/dist/private/useDragAndDrop.mjs +20 -0
  773. package/dist/private/useDragAndDrop.mjs.map +1 -0
  774. package/dist/types/exports/CenterBaseline.d.ts +1 -0
  775. package/dist/types/exports/DragPreview.d.ts +2 -0
  776. package/dist/types/exports/LabeledValue.d.ts +2 -0
  777. package/dist/types/exports/Skeleton.d.ts +1 -1
  778. package/dist/types/exports/TableView.d.ts +2 -2
  779. package/dist/types/exports/index.d.ts +12 -2
  780. package/dist/types/exports/useDragAndDrop.d.ts +8 -0
  781. package/dist/types/src/Accordion.d.ts +22 -6
  782. package/dist/types/src/ActionBar.d.ts +6 -2
  783. package/dist/types/src/ActionButton.d.ts +15 -5
  784. package/dist/types/src/ActionButtonGroup.d.ts +13 -4
  785. package/dist/types/src/ActionMenu.d.ts +1 -1
  786. package/dist/types/src/AlertDialog.d.ts +3 -1
  787. package/dist/types/src/Avatar.d.ts +1 -0
  788. package/dist/types/src/AvatarGroup.d.ts +1 -0
  789. package/dist/types/src/Badge.d.ts +6 -2
  790. package/dist/types/src/Breadcrumbs.d.ts +1 -1
  791. package/dist/types/src/Button.d.ts +2 -1
  792. package/dist/types/src/Calendar.d.ts +8 -5
  793. package/dist/types/src/Card.d.ts +4 -1
  794. package/dist/types/src/CardView.d.ts +6 -1
  795. package/dist/types/src/CenterBaseline.d.ts +19 -1
  796. package/dist/types/src/Checkbox.d.ts +5 -5
  797. package/dist/types/src/CoachMark.d.ts +3 -3
  798. package/dist/types/src/ColorArea.d.ts +2 -1
  799. package/dist/types/src/ColorField.d.ts +6 -0
  800. package/dist/types/src/ColorSwatch.d.ts +2 -0
  801. package/dist/types/src/ColorSwatchPicker.d.ts +3 -0
  802. package/dist/types/src/ComboBox.d.ts +18 -7
  803. package/dist/types/src/ContextualHelp.d.ts +6 -3
  804. package/dist/types/src/CustomDialog.d.ts +1 -0
  805. package/dist/types/src/DatePicker.d.ts +5 -2
  806. package/dist/types/src/DateRangePicker.d.ts +3 -1
  807. package/dist/types/src/Dialog.d.ts +3 -2
  808. package/dist/types/src/DialogTrigger.d.ts +3 -3
  809. package/dist/types/src/Disclosure.d.ts +16 -5
  810. package/dist/types/src/Divider.d.ts +2 -0
  811. package/dist/types/src/DragPreview.d.ts +42 -0
  812. package/dist/types/src/DropZone.d.ts +1 -0
  813. package/dist/types/src/Field.d.ts +5 -3
  814. package/dist/types/src/Form.d.ts +3 -1
  815. package/dist/types/src/FullscreenDialog.d.ts +4 -2
  816. package/dist/types/src/Image.d.ts +6 -5
  817. package/dist/types/src/ImageCoordinator.d.ts +3 -1
  818. package/dist/types/src/InlineAlert.d.ts +4 -2
  819. package/dist/types/src/LabeledValue.d.ts +61 -0
  820. package/dist/types/src/Link.d.ts +1 -0
  821. package/dist/types/src/ListBox.d.ts +1 -1
  822. package/dist/types/src/ListView.d.ts +12 -24
  823. package/dist/types/src/Menu.d.ts +9 -7
  824. package/dist/types/src/Meter.d.ts +4 -1
  825. package/dist/types/src/NumberField.d.ts +9 -1
  826. package/dist/types/src/Picker.d.ts +12 -7
  827. package/dist/types/src/Popover.d.ts +4 -3
  828. package/dist/types/src/ProgressBar.d.ts +3 -2
  829. package/dist/types/src/ProgressCircle.d.ts +2 -2
  830. package/dist/types/src/Provider.d.ts +6 -3
  831. package/dist/types/src/RadioGroup.d.ts +2 -2
  832. package/dist/types/src/RangeCalendar.d.ts +4 -2
  833. package/dist/types/src/RangeSlider.d.ts +6 -3
  834. package/dist/types/src/SelectBoxGroup.d.ts +3 -1
  835. package/dist/types/src/SkeletonCollection.d.ts +2 -1
  836. package/dist/types/src/Slider.d.ts +2 -1
  837. package/dist/types/src/Switch.d.ts +5 -5
  838. package/dist/types/src/TableView.d.ts +29 -9
  839. package/dist/types/src/Tabs.d.ts +5 -2
  840. package/dist/types/src/TabsPicker.d.ts +9 -4
  841. package/dist/types/src/TagGroup.d.ts +10 -4
  842. package/dist/types/src/TextField.d.ts +5 -0
  843. package/dist/types/src/Toast.d.ts +2 -1
  844. package/dist/types/src/ToggleButton.d.ts +9 -2
  845. package/dist/types/src/ToggleButtonGroup.d.ts +4 -1
  846. package/dist/types/src/TreeView.d.ts +6 -3
  847. package/dist/types/src/dnd-utils.d.ts +8 -0
  848. package/dist/types/src/pressScale.d.ts +20 -0
  849. package/dist/types/src/style-utils.d.ts +34 -27
  850. package/dist/types/src/useDOMRef.d.ts +3 -3
  851. package/dist/types/src/useDragAndDrop.d.ts +9 -0
  852. package/dist/types/style/index.d.ts +27 -33
  853. package/dist/types/style/runtime.d.ts +6 -8
  854. package/dist/types/style/spectrum-theme.d.ts +42 -50
  855. package/dist/types/style/style-macro.d.ts +7 -9
  856. package/dist/types/style/tokens.d.ts +2 -2
  857. package/dist/types/ui-icons/CornerTriangle.d.ts +4 -0
  858. package/dist/types/ui-icons/DragHandle.d.ts +4 -0
  859. package/exports/Accordion.ts +17 -2
  860. package/exports/ActionMenu.ts +14 -2
  861. package/exports/Card.ts +16 -2
  862. package/exports/CardView.ts +16 -2
  863. package/exports/CenterBaseline.ts +1 -0
  864. package/exports/ColorArea.ts +8 -1
  865. package/exports/ColorField.ts +8 -1
  866. package/exports/ColorSlider.ts +8 -1
  867. package/exports/ColorSwatch.ts +8 -1
  868. package/exports/ColorSwatchPicker.ts +8 -1
  869. package/exports/ColorWheel.ts +8 -1
  870. package/exports/ContextualHelp.ts +5 -1
  871. package/exports/Disclosure.ts +7 -1
  872. package/exports/DragPreview.ts +2 -0
  873. package/exports/Icon.ts +6 -1
  874. package/exports/LabeledValue.ts +2 -0
  875. package/exports/Menu.ts +17 -2
  876. package/exports/SegmentedControl.ts +5 -1
  877. package/exports/Skeleton.ts +1 -1
  878. package/exports/TableView.ts +27 -3
  879. package/exports/TreeView.ts +6 -1
  880. package/exports/index.ts +176 -17
  881. package/exports/useAsyncList.ts +7 -1
  882. package/exports/useDragAndDrop.ts +36 -0
  883. package/icons/Icon.cjs +10 -10
  884. package/icons/Icon.cjs.map +1 -1
  885. package/icons/Icon.css +9 -9
  886. package/icons/Icon.css.map +1 -1
  887. package/icons/Icon.mjs +10 -10
  888. package/icons/Icon.mjs.map +1 -1
  889. package/icons/Skeleton.cjs +2 -2
  890. package/icons/Skeleton.cjs.map +1 -1
  891. package/icons/Skeleton.css +6 -6
  892. package/icons/Skeleton.css.map +1 -1
  893. package/icons/Skeleton.mjs +2 -2
  894. package/icons/Skeleton.mjs.map +1 -1
  895. package/icons/runtime.cjs.map +1 -1
  896. package/icons/runtime.mjs.map +1 -1
  897. package/icons/useMediaQuery.cjs.map +1 -1
  898. package/icons/useMediaQuery.mjs.map +1 -1
  899. package/icons/useSpectrumContextProps.cjs.map +1 -1
  900. package/icons/useSpectrumContextProps.mjs.map +1 -1
  901. package/illustrations/gradient/generic1/Conversationbubbles.cjs.map +1 -1
  902. package/illustrations/gradient/generic1/Conversationbubbles.mjs.map +1 -1
  903. package/illustrations/gradient/generic2/Conversationbubbles.cjs.map +1 -1
  904. package/illustrations/gradient/generic2/Conversationbubbles.mjs.map +1 -1
  905. package/illustrations/linear/BrowserNotCompatible.cjs.map +1 -1
  906. package/illustrations/linear/BrowserNotCompatible.mjs.map +1 -1
  907. package/illustrations/linear/CloudStateDisconnected.cjs.map +1 -1
  908. package/illustrations/linear/CloudStateDisconnected.mjs.map +1 -1
  909. package/illustrations/linear/ConfettiCelebration.cjs.map +1 -1
  910. package/illustrations/linear/ConfettiCelebration.mjs.map +1 -1
  911. package/illustrations/linear/Conversationbubbles.cjs.map +1 -1
  912. package/illustrations/linear/Conversationbubbles.mjs.map +1 -1
  913. package/illustrations/linear/MegaphonePromoteExpressive.cjs.map +1 -1
  914. package/illustrations/linear/MegaphonePromoteExpressive.mjs.map +1 -1
  915. package/illustrations/linear/NoInternetConnection.cjs.map +1 -1
  916. package/illustrations/linear/NoInternetConnection.mjs.map +1 -1
  917. package/package.json +30 -30
  918. package/src/Accordion.tsx +97 -59
  919. package/src/ActionBar.tsx +102 -45
  920. package/src/ActionButton.tsx +358 -252
  921. package/src/ActionButtonGroup.tsx +59 -38
  922. package/src/ActionMenu.tsx +21 -10
  923. package/src/AlertDialog.tsx +28 -26
  924. package/src/Avatar.tsx +41 -28
  925. package/src/AvatarGroup.tsx +34 -16
  926. package/src/Badge.tsx +167 -129
  927. package/src/Breadcrumbs.tsx +173 -100
  928. package/src/Button.tsx +390 -289
  929. package/src/ButtonGroup.tsx +71 -52
  930. package/src/Calendar.tsx +230 -174
  931. package/src/Card.tsx +395 -303
  932. package/src/CardView.tsx +126 -61
  933. package/src/CenterBaseline.tsx +32 -7
  934. package/src/Checkbox.tsx +152 -57
  935. package/src/CheckboxGroup.tsx +96 -63
  936. package/src/ClearButton.tsx +6 -3
  937. package/src/CloseButton.tsx +71 -45
  938. package/src/CoachMark.tsx +204 -192
  939. package/src/ColorArea.tsx +49 -28
  940. package/src/ColorField.tsx +83 -36
  941. package/src/ColorHandle.tsx +36 -25
  942. package/src/ColorSlider.tsx +123 -90
  943. package/src/ColorSwatch.tsx +71 -43
  944. package/src/ColorSwatchPicker.tsx +71 -52
  945. package/src/ColorWheel.tsx +75 -54
  946. package/src/ComboBox.tsx +310 -187
  947. package/src/Content.tsx +59 -38
  948. package/src/ContextualHelp.tsx +83 -51
  949. package/src/CustomDialog.tsx +41 -33
  950. package/src/DateField.tsx +57 -27
  951. package/src/DatePicker.tsx +117 -66
  952. package/src/DateRangePicker.tsx +209 -158
  953. package/src/Dialog.tsx +24 -16
  954. package/src/DialogContainer.tsx +4 -7
  955. package/src/DialogTrigger.tsx +4 -6
  956. package/src/Disclosure.tsx +192 -157
  957. package/src/Divider.tsx +71 -49
  958. package/src/DragPreview.tsx +193 -0
  959. package/src/DropZone.tsx +71 -41
  960. package/src/Field.tsx +239 -108
  961. package/src/Fonts.tsx +18 -11
  962. package/src/Form.tsx +42 -27
  963. package/src/FullscreenDialog.tsx +24 -39
  964. package/src/Icon.tsx +70 -33
  965. package/src/IllustratedMessage.tsx +98 -69
  966. package/src/Image.tsx +105 -49
  967. package/src/ImageCoordinator.tsx +39 -24
  968. package/src/InlineAlert.tsx +90 -81
  969. package/src/LabeledValue.tsx +344 -0
  970. package/src/Link.tsx +99 -45
  971. package/src/ListBox.tsx +2 -9
  972. package/src/ListView.tsx +484 -280
  973. package/src/Menu.tsx +306 -180
  974. package/src/Meter.tsx +51 -21
  975. package/src/Modal.tsx +90 -81
  976. package/src/NotificationBadge.tsx +98 -74
  977. package/src/NumberField.tsx +160 -90
  978. package/src/Picker.tsx +311 -172
  979. package/src/Popover.tsx +196 -149
  980. package/src/ProgressBar.tsx +81 -56
  981. package/src/ProgressCircle.tsx +70 -48
  982. package/src/Provider.tsx +16 -16
  983. package/src/RadioGroup.tsx +164 -55
  984. package/src/RangeCalendar.tsx +63 -42
  985. package/src/RangeSlider.tsx +47 -35
  986. package/src/SearchField.tsx +110 -75
  987. package/src/SegmentedControl.tsx +101 -76
  988. package/src/SelectBoxGroup.tsx +231 -191
  989. package/src/Skeleton.tsx +75 -49
  990. package/src/SkeletonCollection.tsx +16 -16
  991. package/src/Slider.tsx +135 -83
  992. package/src/StatusLight.tsx +61 -22
  993. package/src/Switch.tsx +122 -38
  994. package/src/TableView.tsx +1040 -356
  995. package/src/Tabs.tsx +336 -185
  996. package/src/TabsPicker.tsx +152 -107
  997. package/src/TagGroup.tsx +175 -81
  998. package/src/TextField.tsx +120 -54
  999. package/src/TimeField.tsx +48 -23
  1000. package/src/Toast.module.css +11 -5
  1001. package/src/Toast.tsx +119 -87
  1002. package/src/ToggleButton.tsx +99 -25
  1003. package/src/ToggleButtonGroup.tsx +22 -6
  1004. package/src/Toolbar.tsx +0 -1
  1005. package/src/Tooltip.tsx +64 -26
  1006. package/src/TreeView.tsx +345 -91
  1007. package/src/bar-utils.ts +65 -68
  1008. package/src/dnd-utils.tsx +127 -0
  1009. package/src/font-faces.css +129 -33
  1010. package/src/page.macro.ts +2 -2
  1011. package/src/pressScale.ts +24 -1
  1012. package/src/progress-utils.tsx +1 -1
  1013. package/src/style-utils.ts +225 -212
  1014. package/src/useDOMRef.ts +26 -11
  1015. package/src/useDragAndDrop.ts +32 -0
  1016. package/src/useMediaQuery.ts +2 -4
  1017. package/src/useSpectrumContextProps.ts +5 -1
  1018. package/style/__tests__/mergeStyles.test.ts +15 -4
  1019. package/style/__tests__/style-macro.test.js +81 -71
  1020. package/style/dist/main.cjs +25 -25
  1021. package/style/dist/main.cjs.map +1 -1
  1022. package/style/dist/module.mjs +13 -13
  1023. package/style/dist/module.mjs.map +1 -1
  1024. package/style/dist/properties.mjs +3 -3
  1025. package/style/dist/spectrum-theme.cjs +227 -228
  1026. package/style/dist/spectrum-theme.cjs.map +1 -1
  1027. package/style/dist/spectrum-theme.mjs +220 -221
  1028. package/style/dist/spectrum-theme.mjs.map +1 -1
  1029. package/style/dist/style-macro.cjs +102 -101
  1030. package/style/dist/style-macro.cjs.map +1 -1
  1031. package/style/dist/style-macro.mjs +96 -95
  1032. package/style/dist/style-macro.mjs.map +1 -1
  1033. package/style/dist/style-utils.cjs +51 -39
  1034. package/style/dist/style-utils.cjs.map +1 -1
  1035. package/style/dist/style-utils.mjs +50 -38
  1036. package/style/dist/style-utils.mjs.map +1 -1
  1037. package/style/index.ts +105 -74
  1038. package/style/package.json +2 -2
  1039. package/style/runtime.ts +6 -8
  1040. package/style/spectrum-theme.ts +482 -194
  1041. package/style/style-macro.ts +310 -121
  1042. package/style/tokens.ts +79 -41
  1043. package/style/types.ts +146 -70
package/icons/Icon.css CHANGED
@@ -1,37 +1,37 @@
1
1
  @layer _.a {
2
- .Zm13 {
2
+ .Zm15 {
3
3
  width: calc(1.25rem * var(--s2-scale));
4
4
  }
5
5
 
6
- .Fn13 {
6
+ .Fn15 {
7
7
  height: calc(1.25rem * var(--s2-scale));
8
8
  }
9
9
 
10
- .ZF13 {
10
+ .ZF15 {
11
11
  width: calc(3rem * var(--s2-scale));
12
12
  }
13
13
 
14
- .ZH13 {
14
+ .ZH15 {
15
15
  width: calc(6rem * var(--s2-scale));
16
16
  }
17
17
 
18
- .Zq13 {
18
+ .Zq15 {
19
19
  width: calc(10rem * var(--s2-scale));
20
20
  }
21
21
 
22
- .Fz13 {
22
+ .Fz15 {
23
23
  height: calc(3rem * var(--s2-scale));
24
24
  }
25
25
 
26
- .FB13 {
26
+ .FB15 {
27
27
  height: calc(6rem * var(--s2-scale));
28
28
  }
29
29
 
30
- .Fr13 {
30
+ .Fr15 {
31
31
  height: calc(10rem * var(--s2-scale));
32
32
  }
33
33
 
34
- ._va13 {
34
+ ._va15 {
35
35
  flex-shrink: 0;
36
36
  }
37
37
  }
@@ -1 +1 @@
1
- {"mappings":"ACgFmB;EAAA;;;;EAAA;;;;EAgDQ;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["9979cbf3a881af08","packages/@react-spectrum/s2/src/Icon.tsx"],"sourcesContent":["@import \"6b03dceb9b361c08\";\n@import \"4419ac9b4a6c26ae\";\n","/*\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 {AriaLabelingProps, DOMProps} from '@react-types/shared';\nimport {ComponentType, Context, createContext, FunctionComponent, ReactNode, SVGProps, useRef} from 'react';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {mergeStyles} from '../style/runtime';\nimport {SkeletonWrapper, useSkeletonIcon} from './Skeleton';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n// Custom list of overrides, excluding width/height/flexGrow/flexShrink/flexBasis\nconst allowedOverrides = [\n 'margin',\n 'marginStart',\n 'marginEnd',\n 'marginTop',\n 'marginBottom',\n 'marginX',\n 'marginY',\n 'justifySelf',\n 'alignSelf',\n 'order',\n 'gridArea',\n 'gridRowStart',\n 'gridRowEnd',\n 'gridColumnStart',\n 'gridColumnEnd',\n 'position',\n 'zIndex',\n 'top',\n 'bottom',\n 'inset',\n 'insetX',\n 'insetY',\n 'insetStart',\n 'insetEnd',\n 'rotate',\n '--iconPrimary',\n 'size'\n] as const;\n\n// Omit --iconPrimary and size from type (they are private).\n// Use the iconStyle() macro to apply them.\ntype AllowedOverrides = Exclude<(typeof allowedOverrides)[number], '--iconPrimary' | 'size'>;\n\nexport interface IconProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true',\n styles?: StyleString<AllowedOverrides>\n}\n\nexport interface IconContextValue extends UnsafeStyles, SlotProps {\n styles?: StyleString,\n render?: (icon: ReactNode) => ReactNode\n}\n\nexport interface IllustrationProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true',\n size?: 'S' | 'M' | 'L',\n styles?: StyleString<AllowedOverrides>\n}\n\nexport interface IllustrationContextValue extends IconContextValue {\n size?: 'S' | 'M' | 'L'\n}\n\nexport const IconContext = createContext<ContextValue<Partial<IconContextValue>, SVGElement>>({});\nexport const IllustrationContext = createContext<ContextValue<Partial<IllustrationContextValue>, SVGElement>>({});\n\nconst iconStyles = style({\n size: 20,\n flexShrink: 0\n}, allowedOverrides);\n\nexport function createIcon(Component: ComponentType<SVGProps<SVGSVGElement>>, context: Context<ContextValue<IconContextValue, SVGElement>> = IconContext): FunctionComponent<IconProps> {\n return (props: IconProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n // TODO: remove this default once we release RAC and use DEFAULT_SLOT.\n [ctx, ref] = useSpectrumContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, context);\n let {render, styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n styles,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <SkeletonWrapper>\n <Component\n {...otherProps}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? (ariaHidden || undefined) : true}\n role=\"img\"\n data-slot={slot}\n className={(UNSAFE_className ?? '') + ' ' + useSkeletonIcon(mergeStyles(iconStyles(null, styles), ctxStyles))}\n style={UNSAFE_style} />\n </SkeletonWrapper>\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n\nconst illustrationStyles = style({\n size: {\n size: {\n S: 48,\n M: 96,\n L: 160\n }\n },\n flexShrink: 0\n}, allowedOverrides);\n\nexport function createIllustration(Component: ComponentType<SVGProps<SVGSVGElement>>): FunctionComponent<IllustrationProps> {\n return (props: IllustrationProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n [ctx, ref] = useSpectrumContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, IllustrationContext);\n let {styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n size = ctx.size || 'M',\n styles,\n // @ts-ignore\n render,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <Component\n {...otherProps}\n // @ts-ignore\n size={size}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? (ariaHidden || undefined) : true}\n role=\"img\"\n data-slot={slot}\n className={(UNSAFE_className ?? '') + ' ' + illustrationStyles({size}, styles) + (ctxStyles || '')}\n style={UNSAFE_style} />\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n"],"names":[],"version":3,"file":"Icon.css.map"}
1
+ {"mappings":"AC0FmB;EAAA;;;;EAAA;;;;EA+DQ;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["9979cbf3a881af08","packages/@react-spectrum/s2/src/Icon.tsx"],"sourcesContent":["@import \"6b03dceb9b361c08\";\n@import \"4419ac9b4a6c26ae\";\n","/*\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 {AriaLabelingProps, DOMProps} from '@react-types/shared';\nimport {\n ComponentType,\n Context,\n createContext,\n FunctionComponent,\n ReactNode,\n SVGProps,\n useRef\n} from 'react';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {mergeStyles} from '../style/runtime';\nimport {SkeletonWrapper, useSkeletonIcon} from './Skeleton';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n// Custom list of overrides, excluding width/height/flexGrow/flexShrink/flexBasis\nconst allowedOverrides = [\n 'margin',\n 'marginStart',\n 'marginEnd',\n 'marginTop',\n 'marginBottom',\n 'marginX',\n 'marginY',\n 'justifySelf',\n 'alignSelf',\n 'order',\n 'gridArea',\n 'gridRowStart',\n 'gridRowEnd',\n 'gridColumnStart',\n 'gridColumnEnd',\n 'position',\n 'zIndex',\n 'top',\n 'bottom',\n 'inset',\n 'insetX',\n 'insetY',\n 'insetStart',\n 'insetEnd',\n 'rotate',\n '--iconPrimary',\n 'size'\n] as const;\n\n// Omit --iconPrimary and size from type (they are private).\n// Use the iconStyle() macro to apply them.\ntype AllowedOverrides = Exclude<(typeof allowedOverrides)[number], '--iconPrimary' | 'size'>;\n\nexport interface IconProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true';\n styles?: StyleString<AllowedOverrides>;\n}\n\nexport interface IconContextValue extends UnsafeStyles, SlotProps {\n styles?: StyleString;\n render?: (icon: ReactNode) => ReactNode;\n}\n\nexport interface IllustrationProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true';\n size?: 'S' | 'M' | 'L';\n styles?: StyleString<AllowedOverrides>;\n}\n\nexport interface IllustrationContextValue extends IconContextValue {\n size?: 'S' | 'M' | 'L';\n}\n\nexport const IconContext = createContext<ContextValue<Partial<IconContextValue>, SVGElement>>({});\nexport const IllustrationContext = createContext<\n ContextValue<Partial<IllustrationContextValue>, SVGElement>\n>({});\n\nconst iconStyles = style(\n {\n size: 20,\n flexShrink: 0\n },\n allowedOverrides\n);\n\nexport function createIcon(\n Component: ComponentType<SVGProps<SVGSVGElement>>,\n context: Context<ContextValue<IconContextValue, SVGElement>> = IconContext\n): FunctionComponent<IconProps> {\n return (props: IconProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n // TODO: remove this default once we release RAC and use DEFAULT_SLOT.\n [ctx, ref] = useSpectrumContextProps(\n {slot: props.slot || 'icon'} as IconContextValue,\n ref,\n context\n );\n let {render, styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n styles,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <SkeletonWrapper>\n <Component\n {...otherProps}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? ariaHidden || undefined : true}\n role=\"img\"\n data-slot={slot}\n className={\n (UNSAFE_className ?? '') +\n ' ' +\n useSkeletonIcon(mergeStyles(iconStyles(null, styles), ctxStyles))\n }\n style={UNSAFE_style}\n />\n </SkeletonWrapper>\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n\nconst illustrationStyles = style(\n {\n size: {\n size: {\n S: 48,\n M: 96,\n L: 160\n }\n },\n flexShrink: 0\n },\n allowedOverrides\n);\n\nexport function createIllustration(\n Component: ComponentType<SVGProps<SVGSVGElement>>\n): FunctionComponent<IllustrationProps> {\n return (props: IllustrationProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n [ctx, ref] = useSpectrumContextProps(\n {slot: props.slot || 'icon'} as IconContextValue,\n ref,\n IllustrationContext\n );\n let {styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n size = ctx.size || 'M',\n styles,\n // @ts-ignore\n render,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <Component\n {...otherProps}\n // @ts-ignore\n size={size}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? ariaHidden || undefined : true}\n role=\"img\"\n data-slot={slot}\n className={\n (UNSAFE_className ?? '') + ' ' + illustrationStyles({size}, styles) + (ctxStyles || '')\n }\n style={UNSAFE_style}\n />\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n"],"names":[],"version":3,"file":"Icon.css.map"}
package/icons/Icon.mjs CHANGED
@@ -62,9 +62,9 @@ const $ac8c32e6775ddd1f$var$iconStyles = function anonymous(props, overrides) {
62
62
  if (p[1] === "F") height = true;
63
63
  rules += p[0];
64
64
  }
65
- if (!width) rules += ' Zm13';
66
- if (!height) rules += ' Fn13';
67
- rules += ' _va13';
65
+ if (!width) rules += ' Zm15';
66
+ if (!height) rules += ' Fn15';
67
+ rules += ' _va15';
68
68
  return rules;
69
69
  };
70
70
  function $ac8c32e6775ddd1f$export$274edc73af1ae9c8(Component, context = $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed) {
@@ -105,20 +105,20 @@ const $ac8c32e6775ddd1f$var$illustrationStyles = function anonymous(props, overr
105
105
  rules += p[0];
106
106
  }
107
107
  if (props.size === "L") {
108
- if (!width) rules += ' Zq13';
108
+ if (!width) rules += ' Zq15';
109
109
  } else if (props.size === "M") {
110
- if (!width) rules += ' ZH13';
110
+ if (!width) rules += ' ZH15';
111
111
  } else if (props.size === "S") {
112
- if (!width) rules += ' ZF13';
112
+ if (!width) rules += ' ZF15';
113
113
  }
114
114
  if (props.size === "L") {
115
- if (!height) rules += ' Fr13';
115
+ if (!height) rules += ' Fr15';
116
116
  } else if (props.size === "M") {
117
- if (!height) rules += ' FB13';
117
+ if (!height) rules += ' FB15';
118
118
  } else if (props.size === "S") {
119
- if (!height) rules += ' Fz13';
119
+ if (!height) rules += ' Fz15';
120
120
  }
121
- rules += ' _va13';
121
+ rules += ' _va15';
122
122
  return rules;
123
123
  };
124
124
  function $ac8c32e6775ddd1f$export$4d00e7be716a0093(Component) {
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAYD,iFAAiF;AACjF,MAAM,yCAAmB;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AA0BM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAuD,CAAC;AACxF,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAA+D,CAAC;AAE/G,MAAM;;;;;;;;;;;;;;;AAKC,SAAS,0CAAW,SAAiD,EAAE,UAA+D,yCAAW;IACtJ,OAAO,CAAC;QACN,IAAI,MAAM,CAAA,GAAA,aAAK,EAAc;QAC7B,IAAI;QACJ,sEAAsE;QACtE,CAAC,KAAK,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE;YAAC,MAAM,MAAM,IAAI,IAAI;QAAM,GAAuB,KAAK;QAC5F,IAAI,UAAC,MAAM,EAAE,QAAQ,SAAS,EAAC,GAAG;QAClC,IAAI,oBACF,gBAAgB,gBAChB,YAAY,QACZ,IAAI,EACJ,cAAc,SAAS,EACvB,eAAe,UAAU,UACzB,MAAM,EACN,GAAG,YACJ,GAAG;QAEJ,IAAI,CAAC,YACH,aAAa;QAGf,IAAI,oBACF,gBAAC,CAAA,GAAA,yCAAc;sBACb,cAAA,gBAAC;gBACE,GAAG,UAAU;gBACd,WAAW;gBACX,cAAY;gBACZ,eAAa,YAAa,cAAc,YAAa;gBACrD,MAAK;gBACL,aAAW;gBACX,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,MAAM,CAAA,GAAA,yCAAc,EAAE,CAAA,GAAA,yCAAU,EAAE,iCAAW,MAAM,SAAS;gBAClG,OAAO;;;QAIb,IAAI,QACF,OAAO,OAAO;QAGhB,OAAO;IACT;AACF;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWC,SAAS,0CAAmB,SAAiD;IAClF,OAAO,CAAC;QACN,IAAI,MAAM,CAAA,GAAA,aAAK,EAAc;QAC7B,IAAI;QACJ,CAAC,KAAK,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE;YAAC,MAAM,MAAM,IAAI,IAAI;QAAM,GAAuB,KAAK;QAC5F,IAAI,EAAC,QAAQ,SAAS,EAAC,GAAG;QAC1B,IAAI,oBACF,gBAAgB,gBAChB,YAAY,QACZ,IAAI,EACJ,cAAc,SAAS,EACvB,eAAe,UAAU,QACzB,OAAO,IAAI,IAAI,IAAI,aACnB,MAAM,UACN,aAAa;QACb,MAAM,EACN,GAAG,YACJ,GAAG;QAEJ,IAAI,CAAC,YACH,aAAa;QAGf,IAAI,oBACF,gBAAC;YACE,GAAG,UAAU;YACd,aAAa;YACb,MAAM;YACN,WAAW;YACX,cAAY;YACZ,eAAa,YAAa,cAAc,YAAa;YACrD,MAAK;YACL,aAAW;YACX,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,MAAM,yCAAmB;sBAAC;YAAI,GAAG,UAAW,CAAA,aAAa,EAAC;YAChG,OAAO;;QAGX,IAAI,QACF,OAAO,OAAO;QAGhB,OAAO;IACT;AACF","sources":["packages/@react-spectrum/s2/src/Icon.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 {AriaLabelingProps, DOMProps} from '@react-types/shared';\nimport {ComponentType, Context, createContext, FunctionComponent, ReactNode, SVGProps, useRef} from 'react';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {mergeStyles} from '../style/runtime';\nimport {SkeletonWrapper, useSkeletonIcon} from './Skeleton';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n// Custom list of overrides, excluding width/height/flexGrow/flexShrink/flexBasis\nconst allowedOverrides = [\n 'margin',\n 'marginStart',\n 'marginEnd',\n 'marginTop',\n 'marginBottom',\n 'marginX',\n 'marginY',\n 'justifySelf',\n 'alignSelf',\n 'order',\n 'gridArea',\n 'gridRowStart',\n 'gridRowEnd',\n 'gridColumnStart',\n 'gridColumnEnd',\n 'position',\n 'zIndex',\n 'top',\n 'bottom',\n 'inset',\n 'insetX',\n 'insetY',\n 'insetStart',\n 'insetEnd',\n 'rotate',\n '--iconPrimary',\n 'size'\n] as const;\n\n// Omit --iconPrimary and size from type (they are private).\n// Use the iconStyle() macro to apply them.\ntype AllowedOverrides = Exclude<(typeof allowedOverrides)[number], '--iconPrimary' | 'size'>;\n\nexport interface IconProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true',\n styles?: StyleString<AllowedOverrides>\n}\n\nexport interface IconContextValue extends UnsafeStyles, SlotProps {\n styles?: StyleString,\n render?: (icon: ReactNode) => ReactNode\n}\n\nexport interface IllustrationProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true',\n size?: 'S' | 'M' | 'L',\n styles?: StyleString<AllowedOverrides>\n}\n\nexport interface IllustrationContextValue extends IconContextValue {\n size?: 'S' | 'M' | 'L'\n}\n\nexport const IconContext = createContext<ContextValue<Partial<IconContextValue>, SVGElement>>({});\nexport const IllustrationContext = createContext<ContextValue<Partial<IllustrationContextValue>, SVGElement>>({});\n\nconst iconStyles = style({\n size: 20,\n flexShrink: 0\n}, allowedOverrides);\n\nexport function createIcon(Component: ComponentType<SVGProps<SVGSVGElement>>, context: Context<ContextValue<IconContextValue, SVGElement>> = IconContext): FunctionComponent<IconProps> {\n return (props: IconProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n // TODO: remove this default once we release RAC and use DEFAULT_SLOT.\n [ctx, ref] = useSpectrumContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, context);\n let {render, styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n styles,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <SkeletonWrapper>\n <Component\n {...otherProps}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? (ariaHidden || undefined) : true}\n role=\"img\"\n data-slot={slot}\n className={(UNSAFE_className ?? '') + ' ' + useSkeletonIcon(mergeStyles(iconStyles(null, styles), ctxStyles))}\n style={UNSAFE_style} />\n </SkeletonWrapper>\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n\nconst illustrationStyles = style({\n size: {\n size: {\n S: 48,\n M: 96,\n L: 160\n }\n },\n flexShrink: 0\n}, allowedOverrides);\n\nexport function createIllustration(Component: ComponentType<SVGProps<SVGSVGElement>>): FunctionComponent<IllustrationProps> {\n return (props: IllustrationProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n [ctx, ref] = useSpectrumContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, IllustrationContext);\n let {styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n size = ctx.size || 'M',\n styles,\n // @ts-ignore\n render,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <Component\n {...otherProps}\n // @ts-ignore\n size={size}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? (ariaHidden || undefined) : true}\n role=\"img\"\n data-slot={slot}\n className={(UNSAFE_className ?? '') + ' ' + illustrationStyles({size}, styles) + (ctxStyles || '')}\n style={UNSAFE_style} />\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n"],"names":[],"version":3,"file":"Icon.mjs.map"}
1
+ {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBD,iFAAiF;AACjF,MAAM,yCAAmB;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AA0BM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAuD,CAAC;AACxF,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C,CAAC;AAEH,MAAM;;;;;;;;;;;;;;;AAQC,SAAS,0CACd,SAAiD,EACjD,UAA+D,yCAAW;IAE1E,OAAO,CAAC;QACN,IAAI,MAAM,CAAA,GAAA,aAAK,EAAc;QAC7B,IAAI;QACJ,sEAAsE;QACtE,CAAC,KAAK,IAAI,GAAG,CAAA,GAAA,yCAAsB,EACjC;YAAC,MAAM,MAAM,IAAI,IAAI;QAAM,GAC3B,KACA;QAEF,IAAI,UAAC,MAAM,EAAE,QAAQ,SAAS,EAAC,GAAG;QAClC,IAAI,oBACF,gBAAgB,gBAChB,YAAY,QACZ,IAAI,EACJ,cAAc,SAAS,EACvB,eAAe,UAAU,UACzB,MAAM,EACN,GAAG,YACJ,GAAG;QAEJ,IAAI,CAAC,YACH,aAAa;QAGf,IAAI,oBACF,gBAAC,CAAA,GAAA,yCAAc;sBACb,cAAA,gBAAC;gBACE,GAAG,UAAU;gBACd,WAAW;gBACX,cAAY;gBACZ,eAAa,YAAY,cAAc,YAAY;gBACnD,MAAK;gBACL,aAAW;gBACX,WACE,AAAC,CAAA,oBAAoB,EAAC,IACtB,MACA,CAAA,GAAA,yCAAc,EAAE,CAAA,GAAA,yCAAU,EAAE,iCAAW,MAAM,SAAS;gBAExD,OAAO;;;QAKb,IAAI,QACF,OAAO,OAAO;QAGhB,OAAO;IACT;AACF;AAEA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcC,SAAS,0CACd,SAAiD;IAEjD,OAAO,CAAC;QACN,IAAI,MAAM,CAAA,GAAA,aAAK,EAAc;QAC7B,IAAI;QACJ,CAAC,KAAK,IAAI,GAAG,CAAA,GAAA,yCAAsB,EACjC;YAAC,MAAM,MAAM,IAAI,IAAI;QAAM,GAC3B,KACA;QAEF,IAAI,EAAC,QAAQ,SAAS,EAAC,GAAG;QAC1B,IAAI,oBACF,gBAAgB,gBAChB,YAAY,QACZ,IAAI,EACJ,cAAc,SAAS,EACvB,eAAe,UAAU,QACzB,OAAO,IAAI,IAAI,IAAI,aACnB,MAAM,UACN,aAAa;QACb,MAAM,EACN,GAAG,YACJ,GAAG;QAEJ,IAAI,CAAC,YACH,aAAa;QAGf,IAAI,oBACF,gBAAC;YACE,GAAG,UAAU;YACd,aAAa;YACb,MAAM;YACN,WAAW;YACX,cAAY;YACZ,eAAa,YAAY,cAAc,YAAY;YACnD,MAAK;YACL,aAAW;YACX,WACE,AAAC,CAAA,oBAAoB,EAAC,IAAK,MAAM,yCAAmB;sBAAC;YAAI,GAAG,UAAW,CAAA,aAAa,EAAC;YAEvF,OAAO;;QAIX,IAAI,QACF,OAAO,OAAO;QAGhB,OAAO;IACT;AACF","sources":["packages/@react-spectrum/s2/src/Icon.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 {AriaLabelingProps, DOMProps} from '@react-types/shared';\nimport {\n ComponentType,\n Context,\n createContext,\n FunctionComponent,\n ReactNode,\n SVGProps,\n useRef\n} from 'react';\nimport {ContextValue, SlotProps} from 'react-aria-components/slots';\nimport {mergeStyles} from '../style/runtime';\nimport {SkeletonWrapper, useSkeletonIcon} from './Skeleton';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n// Custom list of overrides, excluding width/height/flexGrow/flexShrink/flexBasis\nconst allowedOverrides = [\n 'margin',\n 'marginStart',\n 'marginEnd',\n 'marginTop',\n 'marginBottom',\n 'marginX',\n 'marginY',\n 'justifySelf',\n 'alignSelf',\n 'order',\n 'gridArea',\n 'gridRowStart',\n 'gridRowEnd',\n 'gridColumnStart',\n 'gridColumnEnd',\n 'position',\n 'zIndex',\n 'top',\n 'bottom',\n 'inset',\n 'insetX',\n 'insetY',\n 'insetStart',\n 'insetEnd',\n 'rotate',\n '--iconPrimary',\n 'size'\n] as const;\n\n// Omit --iconPrimary and size from type (they are private).\n// Use the iconStyle() macro to apply them.\ntype AllowedOverrides = Exclude<(typeof allowedOverrides)[number], '--iconPrimary' | 'size'>;\n\nexport interface IconProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true';\n styles?: StyleString<AllowedOverrides>;\n}\n\nexport interface IconContextValue extends UnsafeStyles, SlotProps {\n styles?: StyleString;\n render?: (icon: ReactNode) => ReactNode;\n}\n\nexport interface IllustrationProps extends UnsafeStyles, SlotProps, AriaLabelingProps, DOMProps {\n 'aria-hidden'?: boolean | 'false' | 'true';\n size?: 'S' | 'M' | 'L';\n styles?: StyleString<AllowedOverrides>;\n}\n\nexport interface IllustrationContextValue extends IconContextValue {\n size?: 'S' | 'M' | 'L';\n}\n\nexport const IconContext = createContext<ContextValue<Partial<IconContextValue>, SVGElement>>({});\nexport const IllustrationContext = createContext<\n ContextValue<Partial<IllustrationContextValue>, SVGElement>\n>({});\n\nconst iconStyles = style(\n {\n size: 20,\n flexShrink: 0\n },\n allowedOverrides\n);\n\nexport function createIcon(\n Component: ComponentType<SVGProps<SVGSVGElement>>,\n context: Context<ContextValue<IconContextValue, SVGElement>> = IconContext\n): FunctionComponent<IconProps> {\n return (props: IconProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n // TODO: remove this default once we release RAC and use DEFAULT_SLOT.\n [ctx, ref] = useSpectrumContextProps(\n {slot: props.slot || 'icon'} as IconContextValue,\n ref,\n context\n );\n let {render, styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n styles,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <SkeletonWrapper>\n <Component\n {...otherProps}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? ariaHidden || undefined : true}\n role=\"img\"\n data-slot={slot}\n className={\n (UNSAFE_className ?? '') +\n ' ' +\n useSkeletonIcon(mergeStyles(iconStyles(null, styles), ctxStyles))\n }\n style={UNSAFE_style}\n />\n </SkeletonWrapper>\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n\nconst illustrationStyles = style(\n {\n size: {\n size: {\n S: 48,\n M: 96,\n L: 160\n }\n },\n flexShrink: 0\n },\n allowedOverrides\n);\n\nexport function createIllustration(\n Component: ComponentType<SVGProps<SVGSVGElement>>\n): FunctionComponent<IllustrationProps> {\n return (props: IllustrationProps) => {\n let ref = useRef<SVGElement>(null);\n let ctx;\n [ctx, ref] = useSpectrumContextProps(\n {slot: props.slot || 'icon'} as IconContextValue,\n ref,\n IllustrationContext\n );\n let {styles: ctxStyles} = ctx;\n let {\n UNSAFE_className,\n UNSAFE_style,\n slot,\n 'aria-label': ariaLabel,\n 'aria-hidden': ariaHidden,\n size = ctx.size || 'M',\n styles,\n // @ts-ignore\n render,\n ...otherProps\n } = props;\n\n if (!ariaHidden) {\n ariaHidden = undefined;\n }\n\n let svg = (\n <Component\n {...otherProps}\n // @ts-ignore\n size={size}\n focusable={false}\n aria-label={ariaLabel}\n aria-hidden={ariaLabel ? ariaHidden || undefined : true}\n role=\"img\"\n data-slot={slot}\n className={\n (UNSAFE_className ?? '') + ' ' + illustrationStyles({size}, styles) + (ctxStyles || '')\n }\n style={UNSAFE_style}\n />\n );\n\n if (render) {\n return render(svg);\n }\n\n return svg;\n };\n}\n"],"names":[],"version":3,"file":"Icon.mjs.map"}
@@ -99,7 +99,7 @@ function $5eb75e0c130e0669$export$cb6ddd830302c2a8({ children: children }) {
99
99
  // @ts-ignore - compatibility with React < 19
100
100
  inert: (0, $lzdFu$reactariaprivateutilsinertValue.inertValue)(true),
101
101
  ref: $5eb75e0c130e0669$export$6b288fe07640c94c(true),
102
- className: $5eb75e0c130e0669$export$d2353276f167b21f + " pw13 _ma13 oa13 na13 ka13 ja13",
102
+ className: $5eb75e0c130e0669$export$d2353276f167b21f + " pw15 _ma15 oa15 na15 ka15 ja15",
103
103
  children: children
104
104
  });
105
105
  }
@@ -120,7 +120,7 @@ function $5eb75e0c130e0669$export$6069cbe61f690103({ children: children }) {
120
120
  }
121
121
  function $5eb75e0c130e0669$export$4b7803c08fe9a32b(styles) {
122
122
  let isSkeleton = (0, $lzdFu$react.useContext)($5eb75e0c130e0669$export$74e166679b1f49ee);
123
- if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa13 na13 ka13 ja13", styles);
123
+ if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa15 na15 ka15 ja15", styles);
124
124
  return styles || '';
125
125
  }
126
126
 
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAWM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,uCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,gBAAgB,OAAO,QAAQ,OAAO,KAAK,YAAY;YAC7G,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;QAAa;KAAa;AAChC;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,sDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,iDAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,YAAY,CAAC,OAAO,wBAAwB,CAAC,UAAU,QAAQ,MAAM,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IACrI,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,mCAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,6CAA6C;YAC7C,OAAO,CAAA,GAAA,iDAAS,EAAE;QACpB,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,0BAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from './useMediaQuery';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion && typeof element.animate === 'function') {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating, reduceMotion]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = css(`\n background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n // @ts-ignore - compatibility with React < 19\n inert: inertValue(true)\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqBM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,uCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,wBAAU,EACf,CAAC;QACC,IACE,eACA,CAAC,aAAa,OAAO,IACrB,WACA,CAAC,gBACD,OAAO,QAAQ,OAAO,KAAK,YAC3B;YACA,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBAAC;oBAAC,oBAAoB;gBAAM;gBAAG;oBAAC,oBAAoB;gBAAI;aAAE,EAC1D;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GACA;QAAC;QAAa;KAAa;AAE/B;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBAAO,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAAY;;AACtD;AAEO,MAAM,sDASV,qEAAqE;AAEjE,SAAS,0CACd,QAAmB,EACnB,KAAgC;IAEhC,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,iDAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WACE;kBAOD;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WACF,SAAS,YAAY,CAAC,OAAO,wBAAwB,CAAC,UAAU,QAAQ,MACnE,SAAS,GAAG,GACb,SAAS,KAAK,CAAC,GAAG;IACxB,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BACG,CAAA,GAAA,yBAAW,EAAE,UAAU;YACrB,KAAK,CAAA,GAAA,mCAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,6CAA6C;YAC7C,OAAO,CAAA,GAAA,iDAAS,EAAE;QACpB,KACA;;AAGV;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,0BAA+B;IAElD,OAAO,UAAW;AACpB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {\n cloneElement,\n createContext,\n CSSProperties,\n ReactElement,\n ReactNode,\n Ref,\n useCallback,\n useContext,\n useRef\n} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from './useMediaQuery';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback(\n (element: HTMLElement | null) => {\n if (\n isAnimating &&\n !animationRef.current &&\n element &&\n !reduceMotion &&\n typeof element.animate === 'function'\n ) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [{backgroundPosition: '100%'}, {backgroundPosition: '0%'}],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n },\n [isAnimating, reduceMotion]\n );\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode;\n className?: string;\n ref?: Ref<HTMLElement>;\n inert?: boolean | 'true';\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode;\n isLoading: boolean;\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return <SkeletonContext.Provider value={isLoading}>{children}</SkeletonContext.Provider>;\n}\n\nexport const loadingStyle = css(\n `\n background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`,\n 'L'\n); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(\n children: ReactNode,\n style: CSSProperties | undefined\n): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={\n loadingStyle +\n style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })\n }>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef =\n 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get\n ? (children.ref as any)\n : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading\n ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n // @ts-ignore - compatibility with React < 19\n inert: inertValue(true)\n })\n : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || ('' as StyleString);\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}
@@ -12,28 +12,28 @@
12
12
  }
13
13
 
14
14
  @layer _.a {
15
- .pw13 {
15
+ .pw15 {
16
16
  color: #0000;
17
17
  }
18
18
 
19
- ._ma13 {
19
+ ._ma15 {
20
20
  -webkit-box-decoration-break: clone;
21
21
  box-decoration-break: clone;
22
22
  }
23
23
 
24
- .oa13 {
24
+ .oa15 {
25
25
  border-start-start-radius: .25rem;
26
26
  }
27
27
 
28
- .na13 {
28
+ .na15 {
29
29
  border-start-end-radius: .25rem;
30
30
  }
31
31
 
32
- .ka13 {
32
+ .ka15 {
33
33
  border-end-start-radius: .25rem;
34
34
  }
35
35
 
36
- .ja13 {
36
+ .ja15 {
37
37
  border-end-end-radius: .25rem;
38
38
  }
39
39
  }
@@ -1 +1 @@
1
- {"mappings":"AC4E4B;;AAAA;EAAA;;;;IAAA;;;;;;AA6BI;EAAA;;;;EAAA;;;;;EAmCT;;;;EAAA;;;;EAAA;;;;EAAA","sources":["75d5c035b718255e","packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["@import \"087771746f6f9bd4\";\n@import \"cdde487beeff3a0a\";\n@import \"15dee9c9bf5f0627\";\n","/*\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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from './useMediaQuery';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion && typeof element.animate === 'function') {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating, reduceMotion]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = css(`\n background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n // @ts-ignore - compatibility with React < 19\n inert: inertValue(true)\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.css.map"}
1
+ {"mappings":"ACwF4B;;AAAA;EAAA;;;;IAAA;;;;;;AAqCpB;EAAA;;;;EAAA;;;;;EAyCe;;;;EAAA;;;;EAAA;;;;EAAA","sources":["75d5c035b718255e","packages/@react-spectrum/s2/src/Skeleton.tsx"],"sourcesContent":["@import \"087771746f6f9bd4\";\n@import \"cdde487beeff3a0a\";\n@import \"15dee9c9bf5f0627\";\n","/*\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 {\n cloneElement,\n createContext,\n CSSProperties,\n ReactElement,\n ReactNode,\n Ref,\n useCallback,\n useContext,\n useRef\n} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from './useMediaQuery';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback(\n (element: HTMLElement | null) => {\n if (\n isAnimating &&\n !animationRef.current &&\n element &&\n !reduceMotion &&\n typeof element.animate === 'function'\n ) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [{backgroundPosition: '100%'}, {backgroundPosition: '0%'}],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n },\n [isAnimating, reduceMotion]\n );\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode;\n className?: string;\n ref?: Ref<HTMLElement>;\n inert?: boolean | 'true';\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode;\n isLoading: boolean;\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return <SkeletonContext.Provider value={isLoading}>{children}</SkeletonContext.Provider>;\n}\n\nexport const loadingStyle = css(\n `\n background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`,\n 'L'\n); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(\n children: ReactNode,\n style: CSSProperties | undefined\n): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={\n loadingStyle +\n style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })\n }>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef =\n 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get\n ? (children.ref as any)\n : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading\n ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n // @ts-ignore - compatibility with React < 19\n inert: inertValue(true)\n })\n : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || ('' as StyleString);\n}\n"],"names":[],"version":3,"file":"Skeleton.css.map"}
@@ -86,7 +86,7 @@ function $5ad421ec19460c48$export$cb6ddd830302c2a8({ children: children }) {
86
86
  // @ts-ignore - compatibility with React < 19
87
87
  inert: (0, $cHM3s$inertValue)(true),
88
88
  ref: $5ad421ec19460c48$export$6b288fe07640c94c(true),
89
- className: $5ad421ec19460c48$export$d2353276f167b21f + " pw13 _ma13 oa13 na13 ka13 ja13",
89
+ className: $5ad421ec19460c48$export$d2353276f167b21f + " pw15 _ma15 oa15 na15 ka15 ja15",
90
90
  children: children
91
91
  });
92
92
  }
@@ -107,7 +107,7 @@ function $5ad421ec19460c48$export$6069cbe61f690103({ children: children }) {
107
107
  }
108
108
  function $5ad421ec19460c48$export$4b7803c08fe9a32b(styles) {
109
109
  let isSkeleton = (0, $cHM3s$useContext)($5ad421ec19460c48$export$74e166679b1f49ee);
110
- if (isSkeleton) return (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" oa13 na13 ka13 ja13", styles);
110
+ if (isSkeleton) return (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" oa15 na15 ka15 ja15", styles);
111
111
  return styles || '';
112
112
  }
113
113
 
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAWM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,aAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,wCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,kBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,gBAAgB,OAAO,QAAQ,OAAO,KAAK,YAAY;YAC7G,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;QAAa;KAAa;AAChC;AASO,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,sDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gBAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gBAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,iBAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,YAAY,CAAC,OAAO,wBAAwB,CAAC,UAAU,QAAQ,MAAM,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IACrI,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,mBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,gBAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,6CAA6C;YAC7C,OAAO,CAAA,GAAA,iBAAS,EAAE;QACpB,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,yCAAU,0BAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from './useMediaQuery';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback((element: HTMLElement | null) => {\n if (isAnimating && !animationRef.current && element && !reduceMotion && typeof element.animate === 'function') {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [\n {backgroundPosition: '100%'},\n {backgroundPosition: '0%'}\n ],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n }, [isAnimating, reduceMotion]);\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode,\n className?: string,\n ref?: Ref<HTMLElement>,\n inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode,\n isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return (\n <SkeletonContext.Provider value={isLoading}>\n {children}\n </SkeletonContext.Provider>\n );\n}\n\nexport const loadingStyle = css(`\n background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={loadingStyle + style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })}>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef = 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get ? children.ref as any : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n // @ts-ignore - compatibility with React < 19\n inert: inertValue(true)\n }) : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.mjs.map"}
1
+ {"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqBM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,aAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,wCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,kBAAU,EACf,CAAC;QACC,IACE,eACA,CAAC,aAAa,OAAO,IACrB,WACA,CAAC,gBACD,OAAO,QAAQ,OAAO,KAAK,YAC3B;YACA,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBAAC;oBAAC,oBAAoB;gBAAM;gBAAG;oBAAC,oBAAoB;gBAAI;aAAE,EAC1D;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GACA;QAAC;QAAa;KAAa;AAE/B;AASO,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,iBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBAAO,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAAY;;AACtD;AAEO,MAAM,sDASV,qEAAqE;AAEjE,SAAS,0CACd,QAAmB,EACnB,KAAgC;IAEhC,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gBAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gBAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,iBAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WACE;kBAOD;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WACF,SAAS,YAAY,CAAC,OAAO,wBAAwB,CAAC,UAAU,QAAQ,MACnE,SAAS,GAAG,GACb,SAAS,KAAK,CAAC,GAAG;IACxB,qBACE,gBAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BACG,CAAA,GAAA,mBAAW,EAAE,UAAU;YACrB,KAAK,CAAA,GAAA,gBAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,6CAA6C;YAC7C,OAAO,CAAA,GAAA,iBAAS,EAAE;QACpB,KACA;;AAGV;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,yCAAU,0BAA+B;IAElD,OAAO,UAAW;AACpB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {\n cloneElement,\n createContext,\n CSSProperties,\n ReactElement,\n ReactNode,\n Ref,\n useCallback,\n useContext,\n useRef\n} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {css} from '../style/style-macro' with {type: 'macro'};\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from './useMediaQuery';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n let animationRef = useRef<Animation | null>(null);\n let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n return useCallback(\n (element: HTMLElement | null) => {\n if (\n isAnimating &&\n !animationRef.current &&\n element &&\n !reduceMotion &&\n typeof element.animate === 'function'\n ) {\n // Use web animation API instead of CSS animations so that we can\n // synchronize it between all loading elements on the page (via startTime).\n animationRef.current = element.animate(\n [{backgroundPosition: '100%'}, {backgroundPosition: '0%'}],\n {\n duration: 2000,\n iterations: Infinity,\n easing: 'ease-in-out'\n }\n );\n animationRef.current.startTime = 0;\n } else if (!isAnimating && animationRef.current) {\n animationRef.current.cancel();\n animationRef.current = null;\n }\n },\n [isAnimating, reduceMotion]\n );\n}\n\nexport type SkeletonElement = ReactElement<{\n children: ReactNode;\n className?: string;\n ref?: Ref<HTMLElement>;\n inert?: boolean | 'true';\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n children: ReactNode;\n isLoading: boolean;\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n // Disable all form components inside a skeleton.\n return <SkeletonContext.Provider value={isLoading}>{children}</SkeletonContext.Provider>;\n}\n\nexport const loadingStyle = css(\n `\n background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n background-size: 300%;\n * {\n visibility: hidden;\n }\n`,\n 'L'\n); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(\n children: ReactNode,\n style: CSSProperties | undefined\n): [ReactNode, CSSProperties | undefined] {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n children = <SkeletonText>{children}</SkeletonText>;\n style = {\n ...style,\n // This ensures the ellipsis on truncated text is also hidden.\n // -webkit-text-fill-color overrides any `color` property that is also set.\n WebkitTextFillColor: 'transparent'\n };\n }\n return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n return (\n <span\n // @ts-ignore - compatibility with React < 19\n inert={inertValue(true)}\n ref={useLoadingAnimation(true)}\n className={\n loadingStyle +\n style({\n color: 'transparent',\n boxDecorationBreak: 'clone',\n borderRadius: 'sm'\n })\n }>\n {children}\n </span>\n );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n let isLoading = useContext(SkeletonContext);\n let animation = useLoadingAnimation(isLoading || false);\n if (isLoading == null) {\n return children;\n }\n\n let childRef =\n 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get\n ? (children.ref as any)\n : children.props.ref;\n return (\n <SkeletonContext.Provider value={null}>\n {isLoading\n ? cloneElement(children, {\n ref: mergeRefs(childRef, animation),\n className: (children.props.className || '') + ' ' + loadingStyle,\n // @ts-ignore - compatibility with React < 19\n inert: inertValue(true)\n })\n : children}\n </SkeletonContext.Provider>\n );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n let isSkeleton = useContext(SkeletonContext);\n if (isSkeleton) {\n return mergeStyles(style({borderRadius: 'sm'}), styles);\n }\n return styles || ('' as StyleString);\n}\n"],"names":[],"version":3,"file":"Skeleton.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GA4CM,SAAS,0CAAY,GAAG,MAA0C;IACvE,IAAI,gBAAgB,OAAO,MAAM,CAAC;IAClC,IAAI,cAAc,MAAM,KAAK,GAAG;QAC9B,IAAI,QAAQ,aAAa,CAAC,EAAE;QAC5B,IAAI,OAAO,UAAU,UACnB,2FAA2F;QAC3F,+FAA+F;QAC/F,OAAO,AAAC,MAAsB,QAAQ;QAExC,OAAO;IACT;IAEA,IAAI,MAAM,IAAI;IAEd,KAAK,IAAI,SAAS,cAAe;QAC/B,+CAA+C;QAC/C,IAAI,MAAM,MAAM,QAAQ;QAExB,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,4BAAM,KACvB,IAAI,GAAG,CAAC,GAAG;IAEf;IAEA,IAAI,MAAM;IACV,KAAK,IAAI,SAAS,IAAI,MAAM,GAC1B,OAAO;IAGT,OAAO;AACT;AAEA,SAAS,4BAAM,CAAS;IACtB,IAAI,aAAa,IAAI;IACrB,IAAI,IAAI;IACR,MAAO,IAAI,EAAE,MAAM,CAAE;QACnB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,QAAQ;QACZ,aAAa,iBAAiB;QAE9B,2CAA2C;QAC3C,IAAI,YAAY;QAChB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO;QAC9B,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,SAAS,UAAU,CAAC,YAAY;YAC3E,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO;YAC3B,WAAW,GAAG,CAAC,OAAO,MAAM;QAC9B,OACE,WAAW,GAAG,CAAC,UAAU,AAAC,CAAA,WAAW,GAAG,CAAC,aAAa,EAAC,IAAK,MAAM,EAAE,KAAK,CAAC,OAAO;IAErF;IAEA,SAAS;QACP,IAAI,CAAC,CAAC,EAAE,KAAK,KACX,8DAA8D;QAC9D,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAAK;YACnC;YACA,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK;gBAChB;gBACA;YACF;QACF;aACK;YACL,MAAO,IAAI,EAAE,MAAM,CACjB,IAAI,CAAC,CAAC,EAAE,KAAK,KACX;iBACK;gBACL;gBACA;YACF;QAEJ;IACF;IAEA,OAAO;AACT","sources":["packages/@react-spectrum/s2/style/runtime.ts"],"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 {StyleString} from './types';\n// import {RuntimeStyleFunction, RenderProps} from './types';\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n// type ArgTypes<T> = T extends (props: infer V) => any ? NullToObject<V> : never;\n// type NullToObject<T> = T extends (null | undefined) ? {} : T;\n// type BoxedTupleTypes<T extends any[]> = { [P in keyof T]: [ArgTypes<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type BoxedReturnTypes<T extends any[]> = { [P in keyof T]: [InferReturn<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type UnboxIntersection<T> = T extends { 0: infer U } ? U : never;\n// type Arg<X, R> = RuntimeStyleFunction<X, R> | null | undefined;\n// type NoInfer<T> = [T, void][T extends any ? 0 : 1];\n// type InferReturn<T> = T extends (props: any) => infer R ? NullToObject<R> : never;\n// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n// type InferReturnType<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedReturnTypes<T>>>;\n\n// Two overloads:\n// 1. If a render props type is expected based on the return type, forward that type to all arguments.\n// 2. Otherwise, infer the return type based on the arguments.\n// export function merge<R extends RenderProps<string> = never, X = {}>(...args: Arg<NoInfer<X>, NoInfer<R>>[]): RuntimeStyleFunction<X, R>;\n// export function merge<T extends Arg<any, any>[]>(...args: T): RuntimeStyleFunction<InferReturnType<T>, UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>>;\n// export function merge(...args: any[]): RuntimeStyleFunction<any, any> {\n// return (props) => {\n// return mergeStyles(...args.map(f => typeof f === 'function' ? f(props) : null));\n// };\n// }\n\n/**\n * Merges multiple style strings together, combining the CSS properties from each.\n * Later styles take precedence over earlier ones for the same property.\n * Useful for composing styles from multiple `style()` macro calls.\n *\n * @example\n * ```tsx\n * import {mergeStyles} from '@react-spectrum/s2';\n * import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const baseStyles = style({padding: 8});\n * const overrideStyles = style({padding: 16, color: 'heading'});\n * const merged = mergeStyles(baseStyles, overrideStyles);\n * // merged has `padding: 16` and `color: heading`.\n * ```\n */\nexport function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {\n let definedStyles = styles.filter(Boolean) as StyleString[];\n if (definedStyles.length === 1) {\n let first = definedStyles[0];\n if (typeof first !== 'string') {\n // static macro has a toString method so that we generate the style macro map for the entry\n // it's automatically called in other places, but for our merging, we have to call it ourselves\n return (first as StyleString).toString() as StyleString;\n }\n return first;\n }\n\n let map = new Map<string, string>();\n\n for (let style of definedStyles) {\n // must call toString here for the static macro\n let str = style.toString();\n\n for (let [k, v] of parse(str)) {\n map.set(k, v);\n }\n }\n\n let res = '';\n for (let value of map.values()) {\n res += value;\n }\n\n return res as StyleString;\n}\n\nfunction parse(s: string) {\n let properties = new Map<string, string>();\n let i = 0;\n while (i < s.length) {\n while (i < s.length && s[i] === ' ') {\n i++;\n }\n\n let start = i;\n readValue(); // property index\n\n // read conditions (up to the last segment)\n let condition = i;\n while (i < s.length && s[i] !== ' ') {\n readValue();\n }\n\n let property = s.slice(start, condition);\n if (process.env.NODE_ENV !== 'production' && property.startsWith('-macro-')) {\n let value = s.slice(start, i);\n properties.set(value, ' ' + value);\n } else {\n properties.set(property, (properties.get(property) || '') + ' ' + s.slice(start, i));\n }\n }\n\n function readValue() {\n if (s[i] === '-') {\n // the beginning and end of arbitrary values are marked with -\n while (i < s.length && s[i] !== ' ') {\n i++;\n if (s[i] === '-') {\n i++;\n break;\n }\n }\n } else {\n while (i < s.length) {\n if (s[i] === '_') {\n i++;\n } else {\n i++;\n break;\n }\n }\n }\n }\n\n return properties;\n}\n"],"names":[],"version":3,"file":"runtime.cjs.map"}
1
+ {"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GA0CM,SAAS,0CAAY,GAAG,MAA0C;IACvE,IAAI,gBAAgB,OAAO,MAAM,CAAC;IAClC,IAAI,cAAc,MAAM,KAAK,GAAG;QAC9B,IAAI,QAAQ,aAAa,CAAC,EAAE;QAC5B,IAAI,OAAO,UAAU,UACnB,2FAA2F;QAC3F,+FAA+F;QAC/F,OAAO,AAAC,MAAsB,QAAQ;QAExC,OAAO;IACT;IAEA,IAAI,MAAM,IAAI;IAEd,KAAK,IAAI,SAAS,cAAe;QAC/B,+CAA+C;QAC/C,IAAI,MAAM,MAAM,QAAQ;QAExB,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,4BAAM,KACvB,IAAI,GAAG,CAAC,GAAG;IAEf;IAEA,IAAI,MAAM;IACV,KAAK,IAAI,SAAS,IAAI,MAAM,GAC1B,OAAO;IAGT,OAAO;AACT;AAEA,SAAS,4BAAM,CAAS;IACtB,IAAI,aAAa,IAAI;IACrB,IAAI,IAAI;IACR,MAAO,IAAI,EAAE,MAAM,CAAE;QACnB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,QAAQ;QACZ,aAAa,iBAAiB;QAE9B,2CAA2C;QAC3C,IAAI,YAAY;QAChB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO;QAC9B,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,SAAS,UAAU,CAAC,YAAY;YAC3E,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO;YAC3B,WAAW,GAAG,CAAC,OAAO,MAAM;QAC9B,OACE,WAAW,GAAG,CAAC,UAAU,AAAC,CAAA,WAAW,GAAG,CAAC,aAAa,EAAC,IAAK,MAAM,EAAE,KAAK,CAAC,OAAO;IAErF;IAEA,SAAS;QACP,IAAI,CAAC,CAAC,EAAE,KAAK,KACX,8DAA8D;QAC9D,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAAK;YACnC;YACA,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK;gBAChB;gBACA;YACF;QACF;aACK;YACL,MAAO,IAAI,EAAE,MAAM,CACjB,IAAI,CAAC,CAAC,EAAE,KAAK,KACX;iBACK;gBACL;gBACA;YACF;QAEJ;IACF;IAEA,OAAO;AACT","sources":["packages/@react-spectrum/s2/style/runtime.ts"],"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 {StyleString} from './types';\n// import {RuntimeStyleFunction, RenderProps} from './types';\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n// type ArgTypes<T> = T extends (props: infer V) => any ? NullToObject<V> : never;\n// type NullToObject<T> = T extends (null | undefined) ? {} : T;\n// type BoxedTupleTypes<T extends any[]> = { [P in keyof T]: [ArgTypes<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type BoxedReturnTypes<T extends any[]> = { [P in keyof T]: [InferReturn<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type UnboxIntersection<T> = T extends { 0: infer U } ? U : never;\n// type Arg<X, R> = RuntimeStyleFunction<X, R> | null | undefined;\n// type NoInfer<T> = [T, void][T extends any ? 0 : 1];\n// type InferReturn<T> = T extends (props: any) => infer R ? NullToObject<R> : never;\n// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n// type InferReturnType<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedReturnTypes<T>>>;\n\n// Two overloads:\n// 1. If a render props type is expected based on the return type, forward that type to all arguments.\n// 2. Otherwise, infer the return type based on the arguments.\n// export function merge<R extends RenderProps<string> = never, X = {}>(...args: Arg<NoInfer<X>, NoInfer<R>>[]): RuntimeStyleFunction<X, R>;\n// export function merge<T extends Arg<any, any>[]>(...args: T): RuntimeStyleFunction<InferReturnType<T>, UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>>;\n// export function merge(...args: any[]): RuntimeStyleFunction<any, any> {\n// return (props) => {\n// return mergeStyles(...args.map(f => typeof f === 'function' ? f(props) : null));\n// };\n// }\n\n/**\n * Merges multiple style strings together, combining the CSS properties from each.\n * Later styles take precedence over earlier ones for the same property.\n * Useful for composing styles from multiple `style()` macro calls.\n *\n * @example\n * import {mergeStyles} from '@react-spectrum/s2';\n * import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const baseStyles = style({padding: 8});\n * const overrideStyles = style({padding: 16, color: 'heading'});\n * const merged = mergeStyles(baseStyles, overrideStyles);\n * // merged has `padding: 16` and `color: heading`.\n */\nexport function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {\n let definedStyles = styles.filter(Boolean) as StyleString[];\n if (definedStyles.length === 1) {\n let first = definedStyles[0];\n if (typeof first !== 'string') {\n // static macro has a toString method so that we generate the style macro map for the entry\n // it's automatically called in other places, but for our merging, we have to call it ourselves\n return (first as StyleString).toString() as StyleString;\n }\n return first;\n }\n\n let map = new Map<string, string>();\n\n for (let style of definedStyles) {\n // must call toString here for the static macro\n let str = style.toString();\n\n for (let [k, v] of parse(str)) {\n map.set(k, v);\n }\n }\n\n let res = '';\n for (let value of map.values()) {\n res += value;\n }\n\n return res as StyleString;\n}\n\nfunction parse(s: string) {\n let properties = new Map<string, string>();\n let i = 0;\n while (i < s.length) {\n while (i < s.length && s[i] === ' ') {\n i++;\n }\n\n let start = i;\n readValue(); // property index\n\n // read conditions (up to the last segment)\n let condition = i;\n while (i < s.length && s[i] !== ' ') {\n readValue();\n }\n\n let property = s.slice(start, condition);\n if (process.env.NODE_ENV !== 'production' && property.startsWith('-macro-')) {\n let value = s.slice(start, i);\n properties.set(value, ' ' + value);\n } else {\n properties.set(property, (properties.get(property) || '') + ' ' + s.slice(start, i));\n }\n }\n\n function readValue() {\n if (s[i] === '-') {\n // the beginning and end of arbitrary values are marked with -\n while (i < s.length && s[i] !== ' ') {\n i++;\n if (s[i] === '-') {\n i++;\n break;\n }\n }\n } else {\n while (i < s.length) {\n if (s[i] === '_') {\n i++;\n } else {\n i++;\n break;\n }\n }\n }\n }\n\n return properties;\n}\n"],"names":[],"version":3,"file":"runtime.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":"AAAA;;;;;;;;;;CAUC,GA4CM,SAAS,0CAAY,GAAG,MAA0C;IACvE,IAAI,gBAAgB,OAAO,MAAM,CAAC;IAClC,IAAI,cAAc,MAAM,KAAK,GAAG;QAC9B,IAAI,QAAQ,aAAa,CAAC,EAAE;QAC5B,IAAI,OAAO,UAAU,UACnB,2FAA2F;QAC3F,+FAA+F;QAC/F,OAAO,AAAC,MAAsB,QAAQ;QAExC,OAAO;IACT;IAEA,IAAI,MAAM,IAAI;IAEd,KAAK,IAAI,SAAS,cAAe;QAC/B,+CAA+C;QAC/C,IAAI,MAAM,MAAM,QAAQ;QAExB,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,4BAAM,KACvB,IAAI,GAAG,CAAC,GAAG;IAEf;IAEA,IAAI,MAAM;IACV,KAAK,IAAI,SAAS,IAAI,MAAM,GAC1B,OAAO;IAGT,OAAO;AACT;AAEA,SAAS,4BAAM,CAAS;IACtB,IAAI,aAAa,IAAI;IACrB,IAAI,IAAI;IACR,MAAO,IAAI,EAAE,MAAM,CAAE;QACnB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,QAAQ;QACZ,aAAa,iBAAiB;QAE9B,2CAA2C;QAC3C,IAAI,YAAY;QAChB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO;QAC9B,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,SAAS,UAAU,CAAC,YAAY;YAC3E,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO;YAC3B,WAAW,GAAG,CAAC,OAAO,MAAM;QAC9B,OACE,WAAW,GAAG,CAAC,UAAU,AAAC,CAAA,WAAW,GAAG,CAAC,aAAa,EAAC,IAAK,MAAM,EAAE,KAAK,CAAC,OAAO;IAErF;IAEA,SAAS;QACP,IAAI,CAAC,CAAC,EAAE,KAAK,KACX,8DAA8D;QAC9D,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAAK;YACnC;YACA,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK;gBAChB;gBACA;YACF;QACF;aACK;YACL,MAAO,IAAI,EAAE,MAAM,CACjB,IAAI,CAAC,CAAC,EAAE,KAAK,KACX;iBACK;gBACL;gBACA;YACF;QAEJ;IACF;IAEA,OAAO;AACT","sources":["packages/@react-spectrum/s2/style/runtime.ts"],"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 {StyleString} from './types';\n// import {RuntimeStyleFunction, RenderProps} from './types';\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n// type ArgTypes<T> = T extends (props: infer V) => any ? NullToObject<V> : never;\n// type NullToObject<T> = T extends (null | undefined) ? {} : T;\n// type BoxedTupleTypes<T extends any[]> = { [P in keyof T]: [ArgTypes<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type BoxedReturnTypes<T extends any[]> = { [P in keyof T]: [InferReturn<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type UnboxIntersection<T> = T extends { 0: infer U } ? U : never;\n// type Arg<X, R> = RuntimeStyleFunction<X, R> | null | undefined;\n// type NoInfer<T> = [T, void][T extends any ? 0 : 1];\n// type InferReturn<T> = T extends (props: any) => infer R ? NullToObject<R> : never;\n// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n// type InferReturnType<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedReturnTypes<T>>>;\n\n// Two overloads:\n// 1. If a render props type is expected based on the return type, forward that type to all arguments.\n// 2. Otherwise, infer the return type based on the arguments.\n// export function merge<R extends RenderProps<string> = never, X = {}>(...args: Arg<NoInfer<X>, NoInfer<R>>[]): RuntimeStyleFunction<X, R>;\n// export function merge<T extends Arg<any, any>[]>(...args: T): RuntimeStyleFunction<InferReturnType<T>, UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>>;\n// export function merge(...args: any[]): RuntimeStyleFunction<any, any> {\n// return (props) => {\n// return mergeStyles(...args.map(f => typeof f === 'function' ? f(props) : null));\n// };\n// }\n\n/**\n * Merges multiple style strings together, combining the CSS properties from each.\n * Later styles take precedence over earlier ones for the same property.\n * Useful for composing styles from multiple `style()` macro calls.\n *\n * @example\n * ```tsx\n * import {mergeStyles} from '@react-spectrum/s2';\n * import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const baseStyles = style({padding: 8});\n * const overrideStyles = style({padding: 16, color: 'heading'});\n * const merged = mergeStyles(baseStyles, overrideStyles);\n * // merged has `padding: 16` and `color: heading`.\n * ```\n */\nexport function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {\n let definedStyles = styles.filter(Boolean) as StyleString[];\n if (definedStyles.length === 1) {\n let first = definedStyles[0];\n if (typeof first !== 'string') {\n // static macro has a toString method so that we generate the style macro map for the entry\n // it's automatically called in other places, but for our merging, we have to call it ourselves\n return (first as StyleString).toString() as StyleString;\n }\n return first;\n }\n\n let map = new Map<string, string>();\n\n for (let style of definedStyles) {\n // must call toString here for the static macro\n let str = style.toString();\n\n for (let [k, v] of parse(str)) {\n map.set(k, v);\n }\n }\n\n let res = '';\n for (let value of map.values()) {\n res += value;\n }\n\n return res as StyleString;\n}\n\nfunction parse(s: string) {\n let properties = new Map<string, string>();\n let i = 0;\n while (i < s.length) {\n while (i < s.length && s[i] === ' ') {\n i++;\n }\n\n let start = i;\n readValue(); // property index\n\n // read conditions (up to the last segment)\n let condition = i;\n while (i < s.length && s[i] !== ' ') {\n readValue();\n }\n\n let property = s.slice(start, condition);\n if (process.env.NODE_ENV !== 'production' && property.startsWith('-macro-')) {\n let value = s.slice(start, i);\n properties.set(value, ' ' + value);\n } else {\n properties.set(property, (properties.get(property) || '') + ' ' + s.slice(start, i));\n }\n }\n\n function readValue() {\n if (s[i] === '-') {\n // the beginning and end of arbitrary values are marked with -\n while (i < s.length && s[i] !== ' ') {\n i++;\n if (s[i] === '-') {\n i++;\n break;\n }\n }\n } else {\n while (i < s.length) {\n if (s[i] === '_') {\n i++;\n } else {\n i++;\n break;\n }\n }\n }\n }\n\n return properties;\n}\n"],"names":[],"version":3,"file":"runtime.mjs.map"}
1
+ {"mappings":"AAAA;;;;;;;;;;CAUC,GA0CM,SAAS,0CAAY,GAAG,MAA0C;IACvE,IAAI,gBAAgB,OAAO,MAAM,CAAC;IAClC,IAAI,cAAc,MAAM,KAAK,GAAG;QAC9B,IAAI,QAAQ,aAAa,CAAC,EAAE;QAC5B,IAAI,OAAO,UAAU,UACnB,2FAA2F;QAC3F,+FAA+F;QAC/F,OAAO,AAAC,MAAsB,QAAQ;QAExC,OAAO;IACT;IAEA,IAAI,MAAM,IAAI;IAEd,KAAK,IAAI,SAAS,cAAe;QAC/B,+CAA+C;QAC/C,IAAI,MAAM,MAAM,QAAQ;QAExB,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,4BAAM,KACvB,IAAI,GAAG,CAAC,GAAG;IAEf;IAEA,IAAI,MAAM;IACV,KAAK,IAAI,SAAS,IAAI,MAAM,GAC1B,OAAO;IAGT,OAAO;AACT;AAEA,SAAS,4BAAM,CAAS;IACtB,IAAI,aAAa,IAAI;IACrB,IAAI,IAAI;IACR,MAAO,IAAI,EAAE,MAAM,CAAE;QACnB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,QAAQ;QACZ,aAAa,iBAAiB;QAE9B,2CAA2C;QAC3C,IAAI,YAAY;QAChB,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAC9B;QAGF,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO;QAC9B,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,SAAS,UAAU,CAAC,YAAY;YAC3E,IAAI,QAAQ,EAAE,KAAK,CAAC,OAAO;YAC3B,WAAW,GAAG,CAAC,OAAO,MAAM;QAC9B,OACE,WAAW,GAAG,CAAC,UAAU,AAAC,CAAA,WAAW,GAAG,CAAC,aAAa,EAAC,IAAK,MAAM,EAAE,KAAK,CAAC,OAAO;IAErF;IAEA,SAAS;QACP,IAAI,CAAC,CAAC,EAAE,KAAK,KACX,8DAA8D;QAC9D,MAAO,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,EAAE,KAAK,IAAK;YACnC;YACA,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK;gBAChB;gBACA;YACF;QACF;aACK;YACL,MAAO,IAAI,EAAE,MAAM,CACjB,IAAI,CAAC,CAAC,EAAE,KAAK,KACX;iBACK;gBACL;gBACA;YACF;QAEJ;IACF;IAEA,OAAO;AACT","sources":["packages/@react-spectrum/s2/style/runtime.ts"],"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 {StyleString} from './types';\n// import {RuntimeStyleFunction, RenderProps} from './types';\n\n// taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379\n// type ArgTypes<T> = T extends (props: infer V) => any ? NullToObject<V> : never;\n// type NullToObject<T> = T extends (null | undefined) ? {} : T;\n// type BoxedTupleTypes<T extends any[]> = { [P in keyof T]: [ArgTypes<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type BoxedReturnTypes<T extends any[]> = { [P in keyof T]: [InferReturn<T[P]>] }[Exclude<keyof T, keyof any[]>];\n// type UnboxIntersection<T> = T extends { 0: infer U } ? U : never;\n// type Arg<X, R> = RuntimeStyleFunction<X, R> | null | undefined;\n// type NoInfer<T> = [T, void][T extends any ? 0 : 1];\n// type InferReturn<T> = T extends (props: any) => infer R ? NullToObject<R> : never;\n// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never;\n// type InferReturnType<T extends any[]> = UnboxIntersection<UnionToIntersection<BoxedReturnTypes<T>>>;\n\n// Two overloads:\n// 1. If a render props type is expected based on the return type, forward that type to all arguments.\n// 2. Otherwise, infer the return type based on the arguments.\n// export function merge<R extends RenderProps<string> = never, X = {}>(...args: Arg<NoInfer<X>, NoInfer<R>>[]): RuntimeStyleFunction<X, R>;\n// export function merge<T extends Arg<any, any>[]>(...args: T): RuntimeStyleFunction<InferReturnType<T>, UnboxIntersection<UnionToIntersection<BoxedTupleTypes<T>>>>;\n// export function merge(...args: any[]): RuntimeStyleFunction<any, any> {\n// return (props) => {\n// return mergeStyles(...args.map(f => typeof f === 'function' ? f(props) : null));\n// };\n// }\n\n/**\n * Merges multiple style strings together, combining the CSS properties from each.\n * Later styles take precedence over earlier ones for the same property.\n * Useful for composing styles from multiple `style()` macro calls.\n *\n * @example\n * import {mergeStyles} from '@react-spectrum/s2';\n * import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *\n * const baseStyles = style({padding: 8});\n * const overrideStyles = style({padding: 16, color: 'heading'});\n * const merged = mergeStyles(baseStyles, overrideStyles);\n * // merged has `padding: 16` and `color: heading`.\n */\nexport function mergeStyles(...styles: (StyleString | null | undefined)[]): StyleString {\n let definedStyles = styles.filter(Boolean) as StyleString[];\n if (definedStyles.length === 1) {\n let first = definedStyles[0];\n if (typeof first !== 'string') {\n // static macro has a toString method so that we generate the style macro map for the entry\n // it's automatically called in other places, but for our merging, we have to call it ourselves\n return (first as StyleString).toString() as StyleString;\n }\n return first;\n }\n\n let map = new Map<string, string>();\n\n for (let style of definedStyles) {\n // must call toString here for the static macro\n let str = style.toString();\n\n for (let [k, v] of parse(str)) {\n map.set(k, v);\n }\n }\n\n let res = '';\n for (let value of map.values()) {\n res += value;\n }\n\n return res as StyleString;\n}\n\nfunction parse(s: string) {\n let properties = new Map<string, string>();\n let i = 0;\n while (i < s.length) {\n while (i < s.length && s[i] === ' ') {\n i++;\n }\n\n let start = i;\n readValue(); // property index\n\n // read conditions (up to the last segment)\n let condition = i;\n while (i < s.length && s[i] !== ' ') {\n readValue();\n }\n\n let property = s.slice(start, condition);\n if (process.env.NODE_ENV !== 'production' && property.startsWith('-macro-')) {\n let value = s.slice(start, i);\n properties.set(value, ' ' + value);\n } else {\n properties.set(property, (properties.get(property) || '') + ' ' + s.slice(start, i));\n }\n }\n\n function readValue() {\n if (s[i] === '-') {\n // the beginning and end of arbitrary values are marked with -\n while (i < s.length && s[i] !== ' ') {\n i++;\n if (s[i] === '-') {\n i++;\n break;\n }\n }\n } else {\n while (i < s.length) {\n if (s[i] === '_') {\n i++;\n } else {\n i++;\n break;\n }\n }\n }\n }\n\n return properties;\n}\n"],"names":[],"version":3,"file":"runtime.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,oCAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@react-spectrum/s2/src/useMediaQuery.ts"],"sourcesContent":["/*\n * Copyright 2026 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 {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n let [matches, setMatches] = useState(() =>\n supportsMatchMedia\n ? window.matchMedia(query).matches\n : false\n );\n\n useEffect(() => {\n if (!supportsMatchMedia) {\n return;\n }\n\n let mq = window.matchMedia(query);\n let onChange = (evt) => {\n setMatches(evt.matches);\n };\n\n mq.addListener(onChange);\n return () => {\n mq.removeListener(onChange);\n };\n }, [supportsMatchMedia, query]);\n\n // If in SSR, the media query should never match. Once the page hydrates,\n // this will update and the real value will be returned.\n let isSSR = useIsSSR();\n return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.cjs.map"}
1
+ {"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE,IACnC,qBAAqB,OAAO,UAAU,CAAC,OAAO,OAAO,GAAG;IAG1D,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAA;YACb,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,oCAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@react-spectrum/s2/src/useMediaQuery.ts"],"sourcesContent":["/*\n * Copyright 2026 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 {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n let [matches, setMatches] = useState(() =>\n supportsMatchMedia ? window.matchMedia(query).matches : false\n );\n\n useEffect(() => {\n if (!supportsMatchMedia) {\n return;\n }\n\n let mq = window.matchMedia(query);\n let onChange = evt => {\n setMatches(evt.matches);\n };\n\n mq.addListener(onChange);\n return () => {\n mq.removeListener(onChange);\n };\n }, [supportsMatchMedia, query]);\n\n // If in SSR, the media query should never match. Once the page hydrates,\n // this will update and the real value will be returned.\n let isSSR = useIsSSR();\n return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBACI,OAAO,UAAU,CAAC,OAAO,OAAO,GAChC;IAGN,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAC;YACd,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@react-spectrum/s2/src/useMediaQuery.ts"],"sourcesContent":["/*\n * Copyright 2026 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 {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n let [matches, setMatches] = useState(() =>\n supportsMatchMedia\n ? window.matchMedia(query).matches\n : false\n );\n\n useEffect(() => {\n if (!supportsMatchMedia) {\n return;\n }\n\n let mq = window.matchMedia(query);\n let onChange = (evt) => {\n setMatches(evt.matches);\n };\n\n mq.addListener(onChange);\n return () => {\n mq.removeListener(onChange);\n };\n }, [supportsMatchMedia, query]);\n\n // If in SSR, the media query should never match. Once the page hydrates,\n // this will update and the real value will be returned.\n let isSSR = useIsSSR();\n return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.mjs.map"}
1
+ {"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAKM,SAAS,yCAAc,KAAa;IACzC,IAAI,qBAAqB,OAAO,WAAW,eAAe,OAAO,OAAO,UAAU,KAAK;IACvF,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE,IACnC,qBAAqB,OAAO,UAAU,CAAC,OAAO,OAAO,GAAG;IAG1D,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,CAAC,oBACH;QAGF,IAAI,KAAK,OAAO,UAAU,CAAC;QAC3B,IAAI,WAAW,CAAA;YACb,WAAW,IAAI,OAAO;QACxB;QAEA,GAAG,WAAW,CAAC;QACf,OAAO;YACL,GAAG,cAAc,CAAC;QACpB;IACF,GAAG;QAAC;QAAoB;KAAM;IAE9B,yEAAyE;IACzE,wDAAwD;IACxD,IAAI,QAAQ,CAAA,GAAA,eAAO;IACnB,OAAO,QAAQ,QAAQ;AACzB","sources":["packages/@react-spectrum/s2/src/useMediaQuery.ts"],"sourcesContent":["/*\n * Copyright 2026 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 {useEffect, useState} from 'react';\nimport {useIsSSR} from 'react-aria/SSRProvider';\n\nexport function useMediaQuery(query: string): boolean {\n let supportsMatchMedia = typeof window !== 'undefined' && typeof window.matchMedia === 'function';\n let [matches, setMatches] = useState(() =>\n supportsMatchMedia ? window.matchMedia(query).matches : false\n );\n\n useEffect(() => {\n if (!supportsMatchMedia) {\n return;\n }\n\n let mq = window.matchMedia(query);\n let onChange = evt => {\n setMatches(evt.matches);\n };\n\n mq.addListener(onChange);\n return () => {\n mq.removeListener(onChange);\n };\n }, [supportsMatchMedia, query]);\n\n // If in SSR, the media query should never match. Once the page hydrates,\n // this will update and the real value will be returned.\n let isSSR = useIsSSR();\n return isSSR ? false : matches;\n}\n"],"names":[],"version":3,"file":"useMediaQuery.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUM,SAAS,0CAAmD,KAAoB,EAAE,GAAoB,EAAE,OAAoC;IACjJ,IAAI,MAAM,CAAA,GAAA,iDAAgB,EAAE,SAAS,MAAM,IAAI,KAAK,CAAC;IACrD,IAAI,EAAC,KAAK,UAAU,EAAE,GAAG,cAAa,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,yCAAW,EAAE,CAAA,GAAA,oBAAM,EAAE,IAAM,CAAA,GAAA,mCAAQ,EAAE,KAAK,aAAa;QAAC;QAAK;KAAW;IACxF,IAAI,cAAc,CAAA,GAAA,qCAAS,EAAE,cAAc;IAE3C,2CAA2C;IAC3C,IACE,kBAAkB,gBAClB,aAAa,YAAY,IACzB,kBAAkB,SAClB,MAAM,YAAY,EAElB,aAAa;IACb,YAAY,YAAY,GAAG;QAAC,GAAG,aAAa,YAAY;QAAE,GAAG,MAAM,YAAY;IAAA;IAGjF,sBAAsB;IACtB,IAAI,YAAY,gBAAgB,aAAa,MAAM,IAAI,YAAY,SAAS,MAAM,MAAM,EACtF,aAAa;IACb,YAAY,MAAM,GAAG,CAAA,GAAA,qCAAU,EAAE,aAAa,MAAM,EAAE,MAAM,MAAM;IAGpE,OAAO;QAAC;QAAa;KAAU;AACjC","sources":["packages/@react-spectrum/s2/src/useSpectrumContextProps.ts"],"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 {Context, ForwardedRef, useMemo} from 'react';\nimport {ContextValue, SlotProps, useSlottedContext} from 'react-aria-components/slots';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {RefObject} from '@react-types/shared';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport function useSpectrumContextProps<T, U extends SlotProps, E>(props: T & SlotProps, ref: ForwardedRef<E>, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>] {\n let ctx = useSlottedContext(context, props.slot) || {};\n let {ref: contextRef, ...contextProps} = ctx as any;\n let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef]));\n let mergedProps = mergeProps(contextProps, props) as unknown as T;\n\n // mergeProps does not merge `UNSAFE_style`\n if (\n 'UNSAFE_style' in contextProps &&\n contextProps.UNSAFE_style &&\n 'UNSAFE_style' in props &&\n props.UNSAFE_style\n ) {\n // @ts-ignore\n mergedProps.UNSAFE_style = {...contextProps.UNSAFE_style, ...props.UNSAFE_style};\n }\n\n // Merge macro styles.\n if ('styles' in contextProps && contextProps.styles && 'styles' in props && props.styles) {\n // @ts-ignore\n mergedProps.styles = mergeStyles(contextProps.styles, props.styles);\n }\n\n return [mergedProps, mergedRef];\n}\n"],"names":[],"version":3,"file":"useSpectrumContextProps.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUM,SAAS,0CACd,KAAoB,EACpB,GAAoB,EACpB,OAAoC;IAEpC,IAAI,MAAM,CAAA,GAAA,iDAAgB,EAAE,SAAS,MAAM,IAAI,KAAK,CAAC;IACrD,IAAI,EAAC,KAAK,UAAU,EAAE,GAAG,cAAa,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,yCAAW,EAAE,CAAA,GAAA,oBAAM,EAAE,IAAM,CAAA,GAAA,mCAAQ,EAAE,KAAK,aAAa;QAAC;QAAK;KAAW;IACxF,IAAI,cAAc,CAAA,GAAA,qCAAS,EAAE,cAAc;IAE3C,2CAA2C;IAC3C,IACE,kBAAkB,gBAClB,aAAa,YAAY,IACzB,kBAAkB,SAClB,MAAM,YAAY,EAElB,aAAa;IACb,YAAY,YAAY,GAAG;QAAC,GAAG,aAAa,YAAY;QAAE,GAAG,MAAM,YAAY;IAAA;IAGjF,sBAAsB;IACtB,IAAI,YAAY,gBAAgB,aAAa,MAAM,IAAI,YAAY,SAAS,MAAM,MAAM,EACtF,aAAa;IACb,YAAY,MAAM,GAAG,CAAA,GAAA,qCAAU,EAAE,aAAa,MAAM,EAAE,MAAM,MAAM;IAGpE,OAAO;QAAC;QAAa;KAAU;AACjC","sources":["packages/@react-spectrum/s2/src/useSpectrumContextProps.ts"],"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 {Context, ForwardedRef, useMemo} from 'react';\nimport {ContextValue, SlotProps, useSlottedContext} from 'react-aria-components/slots';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {RefObject} from '@react-types/shared';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport function useSpectrumContextProps<T, U extends SlotProps, E>(\n props: T & SlotProps,\n ref: ForwardedRef<E>,\n context: Context<ContextValue<U, E>>\n): [T, RefObject<E | null>] {\n let ctx = useSlottedContext(context, props.slot) || {};\n let {ref: contextRef, ...contextProps} = ctx as any;\n let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef]));\n let mergedProps = mergeProps(contextProps, props) as unknown as T;\n\n // mergeProps does not merge `UNSAFE_style`\n if (\n 'UNSAFE_style' in contextProps &&\n contextProps.UNSAFE_style &&\n 'UNSAFE_style' in props &&\n props.UNSAFE_style\n ) {\n // @ts-ignore\n mergedProps.UNSAFE_style = {...contextProps.UNSAFE_style, ...props.UNSAFE_style};\n }\n\n // Merge macro styles.\n if ('styles' in contextProps && contextProps.styles && 'styles' in props && props.styles) {\n // @ts-ignore\n mergedProps.styles = mergeStyles(contextProps.styles, props.styles);\n }\n\n return [mergedProps, mergedRef];\n}\n"],"names":[],"version":3,"file":"useSpectrumContextProps.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUM,SAAS,0CAAmD,KAAoB,EAAE,GAAoB,EAAE,OAAoC;IACjJ,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,SAAS,MAAM,IAAI,KAAK,CAAC;IACrD,IAAI,EAAC,KAAK,UAAU,EAAE,GAAG,cAAa,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,cAAM,EAAE,IAAM,CAAA,GAAA,gBAAQ,EAAE,KAAK,aAAa;QAAC;QAAK;KAAW;IACxF,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,cAAc;IAE3C,2CAA2C;IAC3C,IACE,kBAAkB,gBAClB,aAAa,YAAY,IACzB,kBAAkB,SAClB,MAAM,YAAY,EAElB,aAAa;IACb,YAAY,YAAY,GAAG;QAAC,GAAG,aAAa,YAAY;QAAE,GAAG,MAAM,YAAY;IAAA;IAGjF,sBAAsB;IACtB,IAAI,YAAY,gBAAgB,aAAa,MAAM,IAAI,YAAY,SAAS,MAAM,MAAM,EACtF,aAAa;IACb,YAAY,MAAM,GAAG,CAAA,GAAA,yCAAU,EAAE,aAAa,MAAM,EAAE,MAAM,MAAM;IAGpE,OAAO;QAAC;QAAa;KAAU;AACjC","sources":["packages/@react-spectrum/s2/src/useSpectrumContextProps.ts"],"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 {Context, ForwardedRef, useMemo} from 'react';\nimport {ContextValue, SlotProps, useSlottedContext} from 'react-aria-components/slots';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {RefObject} from '@react-types/shared';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport function useSpectrumContextProps<T, U extends SlotProps, E>(props: T & SlotProps, ref: ForwardedRef<E>, context: Context<ContextValue<U, E>>): [T, RefObject<E | null>] {\n let ctx = useSlottedContext(context, props.slot) || {};\n let {ref: contextRef, ...contextProps} = ctx as any;\n let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef]));\n let mergedProps = mergeProps(contextProps, props) as unknown as T;\n\n // mergeProps does not merge `UNSAFE_style`\n if (\n 'UNSAFE_style' in contextProps &&\n contextProps.UNSAFE_style &&\n 'UNSAFE_style' in props &&\n props.UNSAFE_style\n ) {\n // @ts-ignore\n mergedProps.UNSAFE_style = {...contextProps.UNSAFE_style, ...props.UNSAFE_style};\n }\n\n // Merge macro styles.\n if ('styles' in contextProps && contextProps.styles && 'styles' in props && props.styles) {\n // @ts-ignore\n mergedProps.styles = mergeStyles(contextProps.styles, props.styles);\n }\n\n return [mergedProps, mergedRef];\n}\n"],"names":[],"version":3,"file":"useSpectrumContextProps.mjs.map"}
1
+ {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUM,SAAS,0CACd,KAAoB,EACpB,GAAoB,EACpB,OAAoC;IAEpC,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,SAAS,MAAM,IAAI,KAAK,CAAC;IACrD,IAAI,EAAC,KAAK,UAAU,EAAE,GAAG,cAAa,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,cAAM,EAAE,IAAM,CAAA,GAAA,gBAAQ,EAAE,KAAK,aAAa;QAAC;QAAK;KAAW;IACxF,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,cAAc;IAE3C,2CAA2C;IAC3C,IACE,kBAAkB,gBAClB,aAAa,YAAY,IACzB,kBAAkB,SAClB,MAAM,YAAY,EAElB,aAAa;IACb,YAAY,YAAY,GAAG;QAAC,GAAG,aAAa,YAAY;QAAE,GAAG,MAAM,YAAY;IAAA;IAGjF,sBAAsB;IACtB,IAAI,YAAY,gBAAgB,aAAa,MAAM,IAAI,YAAY,SAAS,MAAM,MAAM,EACtF,aAAa;IACb,YAAY,MAAM,GAAG,CAAA,GAAA,yCAAU,EAAE,aAAa,MAAM,EAAE,MAAM,MAAM;IAGpE,OAAO;QAAC;QAAa;KAAU;AACjC","sources":["packages/@react-spectrum/s2/src/useSpectrumContextProps.ts"],"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 {Context, ForwardedRef, useMemo} from 'react';\nimport {ContextValue, SlotProps, useSlottedContext} from 'react-aria-components/slots';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {mergeStyles} from '../style/runtime';\nimport {RefObject} from '@react-types/shared';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport function useSpectrumContextProps<T, U extends SlotProps, E>(\n props: T & SlotProps,\n ref: ForwardedRef<E>,\n context: Context<ContextValue<U, E>>\n): [T, RefObject<E | null>] {\n let ctx = useSlottedContext(context, props.slot) || {};\n let {ref: contextRef, ...contextProps} = ctx as any;\n let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef]));\n let mergedProps = mergeProps(contextProps, props) as unknown as T;\n\n // mergeProps does not merge `UNSAFE_style`\n if (\n 'UNSAFE_style' in contextProps &&\n contextProps.UNSAFE_style &&\n 'UNSAFE_style' in props &&\n props.UNSAFE_style\n ) {\n // @ts-ignore\n mergedProps.UNSAFE_style = {...contextProps.UNSAFE_style, ...props.UNSAFE_style};\n }\n\n // Merge macro styles.\n if ('styles' in contextProps && contextProps.styles && 'styles' in props && props.styles) {\n // @ts-ignore\n mergedProps.styles = mergeStyles(contextProps.styles, props.styles);\n }\n\n return [mergedProps, mergedRef];\n}\n"],"names":[],"version":3,"file":"useSpectrumContextProps.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDAA6B,KAA2C;IACrF,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,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic1_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic1_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic1_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.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,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic1_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic1_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic1_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(\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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDAA6B,KAA2C;IACrF,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,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic1_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic1_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic1_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.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,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic1/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic1_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic1_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic1_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(\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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDAA6B,KAA2C;IACrF,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,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic2_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic2_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic2_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.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,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic2_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic2_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic2_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(\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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.cjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,kDAA6B,KAA2C;IACrF,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,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic2_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic2_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic2_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.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,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;QAC9C,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAoB;gBAAG,GAAG,UAAU;;IAChD;AACF","sources":["packages/@react-spectrum/s2/spectrum-illustrations/gradient/generic2/Conversationbubbles.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 Conversationbubbles_L from 'illustration:./S2_fill_conversationbubbles_generic2_160.svg';\nimport Conversationbubbles_M from 'illustration:./S2_fill_conversationbubbles_generic2_96.svg';\nimport Conversationbubbles_S from 'illustration:./S2_fill_conversationbubbles_generic2_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function Conversationbubbles(\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 <Conversationbubbles_L {...otherProps} />;\n case 'S':\n return <Conversationbubbles_S {...otherProps} />;\n case 'M':\n return <Conversationbubbles_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"Conversationbubbles.mjs.map"}
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AACD;AAQe,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/BrowserNotCompatible.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 BrowserNotCompatible_L from 'illustration:./S2_lin_browserNotCompatible_160.svg';\nimport BrowserNotCompatible_M from 'illustration:./S2_lin_browserNotCompatible_96.svg';\nimport BrowserNotCompatible_S from 'illustration:./S2_lin_browserNotCompatible_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function BrowserNotCompatible(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 <BrowserNotCompatible_L {...otherProps} />;\n case 'S':\n return <BrowserNotCompatible_S {...otherProps} />;\n case 'M':\n return <BrowserNotCompatible_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"BrowserNotCompatible.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,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/BrowserNotCompatible.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 BrowserNotCompatible_L from 'illustration:./S2_lin_browserNotCompatible_160.svg';\nimport BrowserNotCompatible_M from 'illustration:./S2_lin_browserNotCompatible_96.svg';\nimport BrowserNotCompatible_S from 'illustration:./S2_lin_browserNotCompatible_48.svg';\nimport {ReactNode} from 'react';\nimport {IconProps, IllustrationContext} from '../../src/Icon';\nimport {useContextProps} from 'react-aria-components/slots';\n\nexport default function BrowserNotCompatible(\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 <BrowserNotCompatible_L {...otherProps} />;\n case 'S':\n return <BrowserNotCompatible_S {...otherProps} />;\n case 'M':\n return <BrowserNotCompatible_M {...otherProps} />;\n }\n}\n"],"names":[],"version":3,"file":"BrowserNotCompatible.cjs.map"}