@react-md/core 1.0.0-next.0 → 1.0.0-next.2

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 (1006) hide show
  1. package/.turbo/turbo-build.log +5 -5
  2. package/CHANGELOG.md +65 -0
  3. package/coverage/clover.xml +3 -1118
  4. package/coverage/coverage-final.json +1 -7
  5. package/coverage/lcov-report/CircularProgress.tsx.html +799 -0
  6. package/coverage/lcov-report/DefaultToastRenderer.tsx.html +166 -112
  7. package/coverage/lcov-report/Dialog.tsx.html +1309 -0
  8. package/coverage/lcov-report/DialogContent.tsx.html +178 -0
  9. package/coverage/lcov-report/DialogFooter.tsx.html +169 -0
  10. package/coverage/lcov-report/LinearProgress.tsx.html +658 -0
  11. package/coverage/lcov-report/MaterialIcon.tsx.html +36 -42
  12. package/coverage/lcov-report/MaterialSymbol.tsx.html +240 -222
  13. package/coverage/lcov-report/MenuItemInputToggle.tsx.html +979 -0
  14. package/coverage/lcov-report/MenuItemSeparator.tsx.html +223 -0
  15. package/coverage/lcov-report/MenuItemTextField.tsx.html +289 -0
  16. package/coverage/lcov-report/Snackbar.tsx.html +360 -402
  17. package/coverage/lcov-report/Switch.tsx.html +535 -0
  18. package/coverage/lcov-report/SwitchTrack.tsx.html +262 -0
  19. package/coverage/lcov-report/Table.tsx.html +457 -0
  20. package/coverage/lcov-report/TableCell.tsx.html +982 -0
  21. package/coverage/lcov-report/TableCheckbox.tsx.html +709 -0
  22. package/coverage/lcov-report/TableContainer.tsx.html +220 -0
  23. package/coverage/lcov-report/TableFooter.tsx.html +502 -0
  24. package/coverage/lcov-report/TableHeader.tsx.html +541 -0
  25. package/coverage/lcov-report/TableRadio.tsx.html +670 -0
  26. package/coverage/lcov-report/TableRow.tsx.html +289 -0
  27. package/coverage/lcov-report/Toast.tsx.html +868 -0
  28. package/coverage/lcov-report/ToastManager.tsx.html +1783 -0
  29. package/coverage/lcov-report/ToastManagerProvider.tsx.html +216 -216
  30. package/coverage/lcov-report/Tooltip.tsx.html +98 -155
  31. package/coverage/lcov-report/avatar/Avatar.tsx.html +37 -31
  32. package/coverage/lcov-report/avatar/index.html +22 -7
  33. package/coverage/lcov-report/avatar/styles.ts.html +268 -0
  34. package/coverage/lcov-report/button/AsyncButton.tsx.html +217 -10
  35. package/coverage/lcov-report/button/Button.tsx.html +95 -83
  36. package/coverage/lcov-report/button/index.html +12 -12
  37. package/coverage/lcov-report/config.ts.html +33 -18
  38. package/coverage/lcov-report/cssUtils.ts.html +143 -65
  39. package/coverage/lcov-report/dialog/Dialog.tsx.html +170 -167
  40. package/coverage/lcov-report/dialog/DialogContent.tsx.html +178 -0
  41. package/coverage/lcov-report/dialog/DialogFooter.tsx.html +169 -0
  42. package/coverage/lcov-report/dialog/DialogHeader.tsx.html +148 -0
  43. package/coverage/lcov-report/dialog/DialogTitle.tsx.html +256 -0
  44. package/coverage/lcov-report/dialog/index.html +18 -33
  45. package/coverage/lcov-report/dialog/styles.ts.html +439 -0
  46. package/coverage/lcov-report/form/MenuItemInputToggle.tsx.html +36 -24
  47. package/coverage/lcov-report/form/MenuItemTextField.tsx.html +12 -9
  48. package/coverage/lcov-report/form/SliderValueTooltip.tsx.html +319 -0
  49. package/coverage/lcov-report/form/Switch.tsx.html +310 -385
  50. package/coverage/lcov-report/form/SwitchTrack.tsx.html +98 -71
  51. package/coverage/lcov-report/form/index.html +20 -245
  52. package/coverage/lcov-report/form/switchStyles.ts.html +172 -0
  53. package/coverage/lcov-report/form/useRadioGroup.ts.html +79 -79
  54. package/coverage/lcov-report/hoverMode/index.html +116 -0
  55. package/coverage/lcov-report/hoverMode/useHoverMode.ts.html +676 -0
  56. package/coverage/lcov-report/icon/FontIcon.tsx.html +37 -46
  57. package/coverage/lcov-report/icon/index.html +12 -12
  58. package/coverage/lcov-report/icon/styles.ts.html +41 -104
  59. package/coverage/lcov-report/iconConfig.tsx.html +973 -0
  60. package/coverage/lcov-report/index.html +11 -101
  61. package/coverage/lcov-report/link/Link.tsx.html +358 -0
  62. package/coverage/lcov-report/link/index.html +20 -20
  63. package/coverage/lcov-report/list/ListItemLink.tsx.html +29 -35
  64. package/coverage/lcov-report/list/index.html +8 -38
  65. package/coverage/lcov-report/materialConfig.ts.html +703 -0
  66. package/coverage/lcov-report/media-queries/appSize.ts.html +1 -1
  67. package/coverage/lcov-report/media-queries/index.html +10 -10
  68. package/coverage/lcov-report/menu/DropdownMenu.tsx.html +976 -0
  69. package/coverage/lcov-report/menu/Menu.tsx.html +111 -60
  70. package/coverage/lcov-report/menu/MenuConfigurationProvider.tsx.html +637 -0
  71. package/coverage/lcov-report/menu/MenuSheet.tsx.html +37 -13
  72. package/coverage/lcov-report/menu/index.html +35 -65
  73. package/coverage/lcov-report/menu/menuConfig.ts.html +118 -0
  74. package/coverage/lcov-report/progress/CircularProgress.tsx.html +799 -0
  75. package/coverage/lcov-report/progress/LinearProgress.tsx.html +100 -94
  76. package/coverage/lcov-report/progress/index.html +22 -7
  77. package/coverage/lcov-report/snackbar/Snackbar.tsx.html +55 -97
  78. package/coverage/lcov-report/snackbar/Toast.tsx.html +546 -501
  79. package/coverage/lcov-report/snackbar/ToastManager.tsx.html +269 -269
  80. package/coverage/lcov-report/snackbar/ToastManagerProvider.tsx.html +23 -23
  81. package/coverage/lcov-report/snackbar/index.html +59 -14
  82. package/coverage/lcov-report/snackbar/snackbarStyles.ts.html +12 -87
  83. package/coverage/lcov-report/snackbar/toastStyles.ts.html +206 -146
  84. package/coverage/lcov-report/snackbar/useCurrentToastActions.ts.html +226 -0
  85. package/coverage/lcov-report/snackbarStyles.ts.html +46 -121
  86. package/coverage/lcov-report/src/CoreProviders.tsx.html +20 -20
  87. package/coverage/lcov-report/src/NoSsr.tsx.html +1 -1
  88. package/coverage/lcov-report/src/SsrProvider.tsx.html +10 -10
  89. package/coverage/lcov-report/src/app-bar/AppBar.tsx.html +65 -65
  90. package/coverage/lcov-report/src/app-bar/AppBarTitle.tsx.html +1 -1
  91. package/coverage/lcov-report/src/app-bar/index.html +20 -5
  92. package/coverage/lcov-report/src/avatar/Avatar.tsx.html +36 -27
  93. package/coverage/lcov-report/src/avatar/index.html +22 -7
  94. package/coverage/lcov-report/src/avatar/styles.ts.html +77 -8
  95. package/coverage/lcov-report/src/badge/Badge.tsx.html +1 -1
  96. package/coverage/lcov-report/src/badge/index.html +1 -1
  97. package/coverage/lcov-report/src/box/Box.tsx.html +1 -1
  98. package/coverage/lcov-report/src/box/index.html +10 -25
  99. package/coverage/lcov-report/src/box/styles.ts.html +103 -49
  100. package/coverage/lcov-report/src/button/AsyncButton.tsx.html +833 -284
  101. package/coverage/lcov-report/src/button/Button.tsx.html +87 -87
  102. package/coverage/lcov-report/src/button/ButtonUnstyled.tsx.html +1 -1
  103. package/coverage/lcov-report/src/button/FloatingActionButton.tsx.html +39 -39
  104. package/coverage/lcov-report/src/button/buttonStyles.ts.html +59 -59
  105. package/coverage/lcov-report/src/button/buttonUnstyledStyles.ts.html +1 -1
  106. package/coverage/lcov-report/src/button/index.html +23 -8
  107. package/coverage/lcov-report/src/card/Card.tsx.html +1 -1
  108. package/coverage/lcov-report/src/card/CardContent.tsx.html +1 -1
  109. package/coverage/lcov-report/src/card/CardFooter.tsx.html +1 -1
  110. package/coverage/lcov-report/src/card/CardHeader.tsx.html +1 -1
  111. package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +1 -1
  112. package/coverage/lcov-report/src/card/CardTitle.tsx.html +1 -1
  113. package/coverage/lcov-report/src/card/index.html +95 -5
  114. package/coverage/lcov-report/src/card/styles.ts.html +1 -1
  115. package/coverage/lcov-report/src/chip/Chip.tsx.html +1 -1
  116. package/coverage/lcov-report/src/chip/index.html +1 -1
  117. package/coverage/lcov-report/src/chip/styles.ts.html +1 -1
  118. package/coverage/lcov-report/src/cssUtils.ts.html +68 -59
  119. package/coverage/lcov-report/src/delegateEvent.ts.html +84 -84
  120. package/coverage/lcov-report/src/dialog/Dialog.tsx.html +158 -155
  121. package/coverage/lcov-report/src/dialog/DialogContainer.tsx.html +27 -27
  122. package/coverage/lcov-report/src/dialog/DialogContent.tsx.html +72 -72
  123. package/coverage/lcov-report/src/dialog/DialogFooter.tsx.html +14 -14
  124. package/coverage/lcov-report/src/dialog/DialogHeader.tsx.html +9 -9
  125. package/coverage/lcov-report/src/dialog/DialogTitle.tsx.html +124 -124
  126. package/coverage/lcov-report/src/dialog/FixedDialog.tsx.html +1 -1
  127. package/coverage/lcov-report/src/dialog/NestedDialogProvider.ts.html +3 -3
  128. package/coverage/lcov-report/src/dialog/index.html +21 -21
  129. package/coverage/lcov-report/src/dialog/styles.ts.html +61 -61
  130. package/coverage/lcov-report/src/divider/Divider.tsx.html +24 -24
  131. package/coverage/lcov-report/src/divider/index.html +21 -6
  132. package/coverage/lcov-report/src/divider/styles.ts.html +11 -11
  133. package/coverage/lcov-report/src/draggable/index.html +5 -5
  134. package/coverage/lcov-report/src/draggable/useDraggable.ts.html +322 -322
  135. package/coverage/lcov-report/src/draggable/utils.ts.html +81 -81
  136. package/coverage/lcov-report/src/expansion-panel/ExpansionList.tsx.html +1 -1
  137. package/coverage/lcov-report/src/expansion-panel/ExpansionPanel.tsx.html +1 -1
  138. package/coverage/lcov-report/src/expansion-panel/ExpansionPanelHeader.tsx.html +11 -20
  139. package/coverage/lcov-report/src/expansion-panel/index.html +25 -10
  140. package/coverage/lcov-report/src/expansion-panel/useExpansionList.ts.html +1 -1
  141. package/coverage/lcov-report/src/expansion-panel/useExpansionPanels.ts.html +1 -1
  142. package/coverage/lcov-report/src/focus/index.html +23 -23
  143. package/coverage/lcov-report/src/focus/useFocusContainer.ts.html +142 -121
  144. package/coverage/lcov-report/src/focus/utils.ts.html +37 -37
  145. package/coverage/lcov-report/src/form/Checkbox.tsx.html +1 -1
  146. package/coverage/lcov-report/src/form/Fieldset.tsx.html +1 -1
  147. package/coverage/lcov-report/src/form/FileInput.tsx.html +133 -139
  148. package/coverage/lcov-report/src/form/Form.tsx.html +1 -1
  149. package/coverage/lcov-report/src/form/FormMessage.tsx.html +126 -264
  150. package/coverage/lcov-report/src/form/FormMessageContainer.tsx.html +42 -45
  151. package/coverage/lcov-report/src/form/FormMessageCounter.tsx.html +1 -1
  152. package/coverage/lcov-report/src/form/InputToggle.tsx.html +7 -16
  153. package/coverage/lcov-report/src/form/InputToggleIcon.tsx.html +1 -1
  154. package/coverage/lcov-report/src/form/Label.tsx.html +102 -102
  155. package/coverage/lcov-report/src/form/Legend.tsx.html +1 -1
  156. package/coverage/lcov-report/src/form/MenuItemCheckbox.tsx.html +11 -5
  157. package/coverage/lcov-report/src/form/MenuItemFileInput.tsx.html +3 -3
  158. package/coverage/lcov-report/src/form/MenuItemInputToggle.tsx.html +21 -9
  159. package/coverage/lcov-report/src/form/MenuItemRadio.tsx.html +11 -5
  160. package/coverage/lcov-report/src/form/MenuItemSwitch.tsx.html +1 -1
  161. package/coverage/lcov-report/src/form/MenuItemTextField.tsx.html +13 -4
  162. package/coverage/lcov-report/src/form/NativeSelect.tsx.html +20 -5
  163. package/coverage/lcov-report/src/form/OptGroup.tsx.html +1 -1
  164. package/coverage/lcov-report/src/form/Option.tsx.html +4 -4
  165. package/coverage/lcov-report/src/form/Password.tsx.html +3 -3
  166. package/coverage/lcov-report/src/form/Radio.tsx.html +1 -1
  167. package/coverage/lcov-report/src/form/Select.tsx.html +1 -1
  168. package/coverage/lcov-report/src/form/SelectValue.tsx.html +1 -1
  169. package/coverage/lcov-report/src/form/Slider.tsx.html +129 -9
  170. package/coverage/lcov-report/src/form/SliderContainer.tsx.html +1 -1
  171. package/coverage/lcov-report/src/form/SliderMark.tsx.html +1 -1
  172. package/coverage/lcov-report/src/form/SliderMarkLabel.tsx.html +1 -1
  173. package/coverage/lcov-report/src/form/SliderThumb.tsx.html +43 -7
  174. package/coverage/lcov-report/src/form/SliderTrack.tsx.html +1 -1
  175. package/coverage/lcov-report/src/form/SliderValueMarks.tsx.html +11 -5
  176. package/coverage/lcov-report/src/form/SliderValueTooltip.tsx.html +2 -2
  177. package/coverage/lcov-report/src/form/Switch.tsx.html +310 -373
  178. package/coverage/lcov-report/src/form/SwitchTrack.tsx.html +99 -69
  179. package/coverage/lcov-report/src/form/TextArea.tsx.html +21 -9
  180. package/coverage/lcov-report/src/form/TextField.tsx.html +16 -10
  181. package/coverage/lcov-report/src/form/TextFieldAddon.tsx.html +14 -26
  182. package/coverage/lcov-report/src/form/TextFieldContainer.tsx.html +28 -10
  183. package/coverage/lcov-report/src/form/TextFieldContainerStyles.ts.html +17 -8
  184. package/coverage/lcov-report/src/form/fileUtils.ts.html +3 -3
  185. package/coverage/lcov-report/src/form/formConfig.ts.html +18 -18
  186. package/coverage/lcov-report/src/form/formMessageStyles.ts.html +40 -40
  187. package/coverage/lcov-report/src/form/index.html +14 -164
  188. package/coverage/lcov-report/src/form/inputToggleStyles.ts.html +1 -1
  189. package/coverage/lcov-report/src/form/nativeSelectStyles.ts.html +34 -7
  190. package/coverage/lcov-report/src/form/optionStyles.ts.html +1 -1
  191. package/coverage/lcov-report/src/form/passwordStyles.ts.html +1 -1
  192. package/coverage/lcov-report/src/form/selectStyles.ts.html +1 -1
  193. package/coverage/lcov-report/src/form/selectUtils.ts.html +6 -9
  194. package/coverage/lcov-report/src/form/sliderUtils.ts.html +20 -14
  195. package/coverage/lcov-report/src/form/switchStyles.ts.html +68 -68
  196. package/coverage/lcov-report/src/form/textAreaStyles.ts.html +3 -3
  197. package/coverage/lcov-report/src/form/textFieldStyles.ts.html +1 -1
  198. package/coverage/lcov-report/src/form/useCheckboxGroup.ts.html +2 -2
  199. package/coverage/lcov-report/src/form/useFileUpload.ts.html +28 -19
  200. package/coverage/lcov-report/src/form/useListboxProvider.ts.html +5 -8
  201. package/coverage/lcov-report/src/form/useNumberField.ts.html +10 -10
  202. package/coverage/lcov-report/src/form/useRadioGroup.ts.html +22 -7
  203. package/coverage/lcov-report/src/form/useRangeSlider.ts.html +3 -3
  204. package/coverage/lcov-report/src/form/useResizingTextArea.ts.html +523 -0
  205. package/coverage/lcov-report/src/form/useSlider.ts.html +2 -2
  206. package/coverage/lcov-report/src/form/useTextField.ts.html +32 -26
  207. package/coverage/lcov-report/src/form/utils.ts.html +2 -2
  208. package/coverage/lcov-report/src/form/validation.ts.html +2 -2
  209. package/coverage/lcov-report/src/hoverMode/index.html +1 -1
  210. package/coverage/lcov-report/src/hoverMode/useHoverMode.ts.html +95 -95
  211. package/coverage/lcov-report/src/hoverMode/useHoverModeProvider.ts.html +3 -3
  212. package/coverage/lcov-report/src/icon/FontIcon.tsx.html +34 -43
  213. package/coverage/lcov-report/src/icon/IconRotator.tsx.html +1 -1
  214. package/coverage/lcov-report/src/icon/MaterialIcon.tsx.html +36 -42
  215. package/coverage/lcov-report/src/icon/MaterialSymbol.tsx.html +240 -222
  216. package/coverage/lcov-report/src/icon/SVGIcon.tsx.html +1 -1
  217. package/coverage/lcov-report/src/icon/TextIconSpacing.tsx.html +33 -33
  218. package/coverage/lcov-report/src/icon/iconConfig.tsx.html +973 -0
  219. package/coverage/lcov-report/src/icon/index.html +149 -14
  220. package/coverage/lcov-report/src/icon/material.ts.html +748 -58
  221. package/coverage/lcov-report/src/icon/materialConfig.ts.html +703 -0
  222. package/coverage/lcov-report/src/icon/styles.ts.html +47 -110
  223. package/coverage/lcov-report/src/index.html +8 -8
  224. package/coverage/lcov-report/src/interaction/Ripple.tsx.html +60 -60
  225. package/coverage/lcov-report/src/interaction/RippleContainer.tsx.html +41 -47
  226. package/coverage/lcov-report/src/interaction/UserInteractionModeProvider.tsx.html +240 -240
  227. package/coverage/lcov-report/src/interaction/config.ts.html +7 -7
  228. package/coverage/lcov-report/src/interaction/index.html +100 -10
  229. package/coverage/lcov-report/src/interaction/useElementInteraction.tsx.html +146 -146
  230. package/coverage/lcov-report/src/interaction/useHigherContrastChildren.tsx.html +17 -17
  231. package/coverage/lcov-report/src/interaction/utils.ts.html +171 -171
  232. package/coverage/lcov-report/src/layout/LayoutAppBar.tsx.html +1 -1
  233. package/coverage/lcov-report/src/layout/LayoutNav.tsx.html +60 -60
  234. package/coverage/lcov-report/src/layout/LayoutWindowSplitter.tsx.html +1 -1
  235. package/coverage/lcov-report/src/layout/Main.tsx.html +1 -1
  236. package/coverage/lcov-report/src/layout/index.html +200 -5
  237. package/coverage/lcov-report/src/layout/layoutNavStyles.ts.html +5 -5
  238. package/coverage/lcov-report/src/layout/layoutWindowSplitterStyles.ts.html +1 -1
  239. package/coverage/lcov-report/src/layout/mainStyles.ts.html +1 -1
  240. package/coverage/lcov-report/src/layout/useExpandableLayout.ts.html +1 -1
  241. package/coverage/lcov-report/src/layout/useHorizontalLayoutTransition.ts.html +1 -1
  242. package/coverage/lcov-report/src/layout/useLayoutAppBarHeight.ts.html +1 -1
  243. package/coverage/lcov-report/src/layout/useLayoutTree.ts.html +1 -1
  244. package/coverage/lcov-report/src/layout/useLayoutWindowSplitter.ts.html +1 -1
  245. package/coverage/lcov-report/src/layout/useMainTabIndex.ts.html +1 -1
  246. package/coverage/lcov-report/src/layout/useResizableLayout.ts.html +1 -1
  247. package/coverage/lcov-report/src/layout/useTemporaryLayout.ts.html +3 -3
  248. package/coverage/lcov-report/src/link/Link.tsx.html +39 -9
  249. package/coverage/lcov-report/src/link/SkipToMainContent.tsx.html +1 -1
  250. package/coverage/lcov-report/src/link/index.html +16 -16
  251. package/coverage/lcov-report/src/link/styles.ts.html +1 -1
  252. package/coverage/lcov-report/src/list/List.tsx.html +33 -33
  253. package/coverage/lcov-report/src/list/ListItem.tsx.html +534 -534
  254. package/coverage/lcov-report/src/list/ListItemAddon.tsx.html +33 -33
  255. package/coverage/lcov-report/src/list/ListItemChildren.tsx.html +77 -77
  256. package/coverage/lcov-report/src/list/ListItemLink.tsx.html +2 -2
  257. package/coverage/lcov-report/src/list/ListItemText.tsx.html +35 -35
  258. package/coverage/lcov-report/src/list/ListSubheader.tsx.html +1 -1
  259. package/coverage/lcov-report/src/list/getListItemHeight.ts.html +33 -33
  260. package/coverage/lcov-report/src/list/index.html +128 -8
  261. package/coverage/lcov-report/src/list/listItemStyles.ts.html +1 -1
  262. package/coverage/lcov-report/src/media-queries/AppSizeProvider.tsx.html +59 -59
  263. package/coverage/lcov-report/src/media-queries/appSize.ts.html +1 -1
  264. package/coverage/lcov-report/src/media-queries/index.html +20 -5
  265. package/coverage/lcov-report/src/media-queries/useMediaQuery.ts.html +24 -24
  266. package/coverage/lcov-report/src/menu/DropdownMenu.tsx.html +73 -16
  267. package/coverage/lcov-report/src/menu/Menu.tsx.html +66 -33
  268. package/coverage/lcov-report/src/menu/MenuBar.tsx.html +1 -1
  269. package/coverage/lcov-report/src/menu/MenuButton.tsx.html +3 -3
  270. package/coverage/lcov-report/src/menu/MenuConfigurationProvider.tsx.html +1 -1
  271. package/coverage/lcov-report/src/menu/MenuItem.tsx.html +1 -1
  272. package/coverage/lcov-report/src/menu/MenuItemButton.tsx.html +3 -3
  273. package/coverage/lcov-report/src/menu/MenuItemGroup.tsx.html +1 -1
  274. package/coverage/lcov-report/src/menu/MenuItemSeparator.tsx.html +6 -36
  275. package/coverage/lcov-report/src/menu/MenuSheet.tsx.html +34 -7
  276. package/coverage/lcov-report/src/menu/MenuVisibilityProvider.tsx.html +1 -1
  277. package/coverage/lcov-report/src/menu/MenuWidget.tsx.html +1 -1
  278. package/coverage/lcov-report/src/menu/MenuWidgetKeyboardProvider.tsx.html +1 -1
  279. package/coverage/lcov-report/src/menu/index.html +69 -24
  280. package/coverage/lcov-report/src/menu/useContextMenu.ts.html +1 -1
  281. package/coverage/lcov-report/src/menu/useMenuBarProvider.ts.html +1 -1
  282. package/coverage/lcov-report/src/menu/utils.ts.html +10 -10
  283. package/coverage/lcov-report/src/movement/constants.ts.html +1 -1
  284. package/coverage/lcov-report/src/movement/findMatchIndex.ts.html +1 -1
  285. package/coverage/lcov-report/src/movement/index.html +53 -8
  286. package/coverage/lcov-report/src/movement/useKeyboardMovementProvider.ts.html +92 -92
  287. package/coverage/lcov-report/src/movement/utils.ts.html +1 -1
  288. package/coverage/lcov-report/src/overlay/Overlay.tsx.html +64 -64
  289. package/coverage/lcov-report/src/overlay/index.html +1 -1
  290. package/coverage/lcov-report/src/overlay/overlayStyles.ts.html +28 -28
  291. package/coverage/lcov-report/src/portal/Portal.tsx.html +9 -9
  292. package/coverage/lcov-report/src/portal/PortalContainerProvider.tsx.html +29 -29
  293. package/coverage/lcov-report/src/portal/index.html +20 -5
  294. package/coverage/lcov-report/src/positioning/constants.ts.html +1 -1
  295. package/coverage/lcov-report/src/positioning/createHorizontalPosition.ts.html +63 -63
  296. package/coverage/lcov-report/src/positioning/createVerticalPosition.ts.html +65 -65
  297. package/coverage/lcov-report/src/positioning/getFixedPosition.ts.html +94 -94
  298. package/coverage/lcov-report/src/positioning/index.html +70 -10
  299. package/coverage/lcov-report/src/positioning/useFixedPositioning.ts.html +200 -200
  300. package/coverage/lcov-report/src/positioning/utils.ts.html +111 -111
  301. package/coverage/lcov-report/src/progress/CircularProgress.tsx.html +501 -456
  302. package/coverage/lcov-report/src/progress/LinearProgress.tsx.html +419 -338
  303. package/coverage/lcov-report/src/progress/getProgressA11y.ts.html +1 -1
  304. package/coverage/lcov-report/src/progress/index.html +32 -32
  305. package/coverage/lcov-report/src/responsive-item/ResponsiveItemContainer.tsx.html +1 -1
  306. package/coverage/lcov-report/src/responsive-item/ResponsiveItemOverlay.tsx.html +1 -1
  307. package/coverage/lcov-report/src/responsive-item/index.html +20 -5
  308. package/coverage/lcov-report/src/responsive-item/styles.ts.html +1 -1
  309. package/coverage/lcov-report/src/scroll/ScrollLock.tsx.html +1 -1
  310. package/coverage/lcov-report/src/scroll/getScrollbarWidth.ts.html +25 -25
  311. package/coverage/lcov-report/src/scroll/index.html +5 -5
  312. package/coverage/lcov-report/src/scroll/useScrollLock.ts.html +27 -27
  313. package/coverage/lcov-report/src/segmented-button/SegmentedButton.tsx.html +4 -4
  314. package/coverage/lcov-report/src/segmented-button/SegmentedButtonContainer.tsx.html +29 -8
  315. package/coverage/lcov-report/src/segmented-button/index.html +50 -5
  316. package/coverage/lcov-report/src/segmented-button/segmentedButtonContainerStyles.ts.html +15 -6
  317. package/coverage/lcov-report/src/segmented-button/segmentedButtonStyles.ts.html +1 -1
  318. package/coverage/lcov-report/src/sheet/Sheet.tsx.html +1 -1
  319. package/coverage/lcov-report/src/sheet/index.html +20 -5
  320. package/coverage/lcov-report/src/sheet/styles.ts.html +28 -28
  321. package/coverage/lcov-report/src/snackbar/DefaultToastRenderer.tsx.html +8 -5
  322. package/coverage/lcov-report/src/snackbar/Snackbar.tsx.html +7 -133
  323. package/coverage/lcov-report/src/snackbar/Toast.tsx.html +2 -2
  324. package/coverage/lcov-report/src/snackbar/ToastActionButton.tsx.html +1 -1
  325. package/coverage/lcov-report/src/snackbar/ToastCloseButton.tsx.html +3 -3
  326. package/coverage/lcov-report/src/snackbar/ToastContent.tsx.html +7 -115
  327. package/coverage/lcov-report/src/snackbar/ToastManager.tsx.html +1783 -0
  328. package/coverage/lcov-report/src/snackbar/ToastManagerProvider.tsx.html +16 -1696
  329. package/coverage/lcov-report/src/snackbar/index.html +159 -9
  330. package/coverage/lcov-report/src/snackbar/snackbarStyles.ts.html +214 -0
  331. package/coverage/lcov-report/src/snackbar/toastContentStyles.ts.html +196 -0
  332. package/coverage/lcov-report/src/snackbar/toastStyles.ts.html +1 -1
  333. package/coverage/lcov-report/src/snackbar/useCurrentToastActions.ts.html +1 -1
  334. package/coverage/lcov-report/src/suspense/CircularProgressSuspense.tsx.html +57 -6
  335. package/coverage/lcov-report/src/suspense/NullSuspense.tsx.html +1 -1
  336. package/coverage/lcov-report/src/suspense/index.html +7 -22
  337. package/coverage/lcov-report/src/table/Table.tsx.html +1 -1
  338. package/coverage/lcov-report/src/table/TableBody.tsx.html +1 -1
  339. package/coverage/lcov-report/src/table/TableCell.tsx.html +20 -35
  340. package/coverage/lcov-report/src/table/TableCellContent.tsx.html +2 -2
  341. package/coverage/lcov-report/src/table/TableCheckbox.tsx.html +1 -1
  342. package/coverage/lcov-report/src/table/TableConfigurationProvider.tsx.html +6 -12
  343. package/coverage/lcov-report/src/table/TableContainer.tsx.html +1 -1
  344. package/coverage/lcov-report/src/table/TableContainerProvider.tsx.html +1 -1
  345. package/coverage/lcov-report/src/table/TableFooter.tsx.html +1 -1
  346. package/coverage/lcov-report/src/table/TableHeader.tsx.html +1 -1
  347. package/coverage/lcov-report/src/table/TableRow.tsx.html +1 -1
  348. package/coverage/lcov-report/src/table/index.html +113 -8
  349. package/coverage/lcov-report/src/tabs/Tab.tsx.html +69 -69
  350. package/coverage/lcov-report/src/tabs/TabList.tsx.html +92 -92
  351. package/coverage/lcov-report/src/tabs/TabListScrollButton.tsx.html +61 -61
  352. package/coverage/lcov-report/src/tabs/index.html +143 -8
  353. package/coverage/lcov-report/src/tabs/tabIndicatorStyles.ts.html +157 -0
  354. package/coverage/lcov-report/src/tabs/tabListScrollButtonStyles.ts.html +226 -0
  355. package/coverage/lcov-report/src/tabs/tabListStyles.ts.html +241 -0
  356. package/coverage/lcov-report/src/tabs/tabStyles.ts.html +17 -17
  357. package/coverage/lcov-report/src/tabs/useTabList.ts.html +94 -94
  358. package/coverage/lcov-report/src/tabs/useTabs.ts.html +54 -54
  359. package/coverage/lcov-report/src/tabs/utils.ts.html +3 -3
  360. package/coverage/lcov-report/src/test-utils/IntersectionObserver.ts.html +1 -1
  361. package/coverage/lcov-report/src/test-utils/ResizeObserver.ts.html +1 -1
  362. package/coverage/lcov-report/src/test-utils/data-testid.ts.html +100 -0
  363. package/coverage/lcov-report/src/test-utils/drag.ts.html +1 -1
  364. package/coverage/lcov-report/src/test-utils/index.html +114 -9
  365. package/coverage/lcov-report/src/test-utils/jest-setup.ts.html +21 -9
  366. package/coverage/lcov-report/src/test-utils/matchMedia.ts.html +4 -4
  367. package/coverage/lcov-report/src/test-utils/polyfills/IntersectionObserver.ts.html +4 -4
  368. package/coverage/lcov-report/src/test-utils/polyfills/ResizeObserver.ts.html +3 -3
  369. package/coverage/lcov-report/src/test-utils/polyfills/index.html +1 -1
  370. package/coverage/lcov-report/src/test-utils/polyfills/matchMedia.ts.html +6 -6
  371. package/coverage/lcov-report/src/test-utils/polyfills/offsetParent.ts.html +14 -14
  372. package/coverage/lcov-report/src/test-utils/polyfills/scrollIntoView.ts.html +5 -5
  373. package/coverage/lcov-report/src/test-utils/render.tsx.html +21 -21
  374. package/coverage/lcov-report/src/test-utils/timers.ts.html +1 -1
  375. package/coverage/lcov-report/src/theme/LocalStorageColorSchemeProvider.tsx.html +1 -1
  376. package/coverage/lcov-report/src/theme/ThemeProvider.tsx.html +22 -4
  377. package/coverage/lcov-report/src/theme/colors.ts.html +1 -1
  378. package/coverage/lcov-report/src/theme/cssVars.ts.html +1 -1
  379. package/coverage/lcov-report/src/theme/index.html +71 -11
  380. package/coverage/lcov-report/src/theme/useCSSVariables.ts.html +1 -1
  381. package/coverage/lcov-report/src/theme/useColorScheme.ts.html +1 -1
  382. package/coverage/lcov-report/src/theme/useColorSchemeMetaTag.ts.html +1 -1
  383. package/coverage/lcov-report/src/theme/useColorSchemeProvider.ts.html +1 -1
  384. package/coverage/lcov-report/src/theme/usePrefersColorScheme.ts.html +1 -1
  385. package/coverage/lcov-report/src/theme/utils.ts.html +58 -58
  386. package/coverage/lcov-report/src/tooltip/Tooltip.tsx.html +98 -74
  387. package/coverage/lcov-report/src/tooltip/TooltipHoverModeProvider.tsx.html +60 -6
  388. package/coverage/lcov-report/src/tooltip/constants.ts.html +1 -1
  389. package/coverage/lcov-report/src/tooltip/index.html +72 -27
  390. package/coverage/lcov-report/src/tooltip/tooltipStyles.ts.html +18 -18
  391. package/coverage/lcov-report/src/tooltip/useOverflowTooltip.ts.html +196 -196
  392. package/coverage/lcov-report/src/tooltip/useTooltip.ts.html +511 -211
  393. package/coverage/lcov-report/src/tooltip/useTooltipPosition.ts.html +29 -29
  394. package/coverage/lcov-report/src/tooltip/utils.ts.html +23 -23
  395. package/coverage/lcov-report/src/transition/CSSTransition.tsx.html +1 -1
  396. package/coverage/lcov-report/src/transition/Collapse.tsx.html +1 -1
  397. package/coverage/lcov-report/src/transition/CrossFade.tsx.html +1 -1
  398. package/coverage/lcov-report/src/transition/ScaleTransition.tsx.html +1 -1
  399. package/coverage/lcov-report/src/transition/SkeletonPlaceholder.tsx.html +1 -1
  400. package/coverage/lcov-report/src/transition/Slide.tsx.html +46 -46
  401. package/coverage/lcov-report/src/transition/SlideContainer.tsx.html +1 -1
  402. package/coverage/lcov-report/src/transition/collapseStyles.ts.html +13 -13
  403. package/coverage/lcov-report/src/transition/config.ts.html +187 -0
  404. package/coverage/lcov-report/src/transition/index.html +295 -10
  405. package/coverage/lcov-report/src/transition/maxWidthTransition.ts.html +1 -1
  406. package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +69 -69
  407. package/coverage/lcov-report/src/transition/useCarousel.ts.html +1 -1
  408. package/coverage/lcov-report/src/transition/useCollapseTransition.ts.html +99 -99
  409. package/coverage/lcov-report/src/transition/useCrossFadeTransition.ts.html +1 -1
  410. package/coverage/lcov-report/src/transition/useMaxWidthTransition.ts.html +1 -1
  411. package/coverage/lcov-report/src/transition/useScaleTransition.ts.html +18 -18
  412. package/coverage/lcov-report/src/transition/useSkeletonPlaceholder.ts.html +1 -1
  413. package/coverage/lcov-report/src/transition/useSlideTransition.ts.html +20 -20
  414. package/coverage/lcov-report/src/transition/useTransition.ts.html +277 -250
  415. package/coverage/lcov-report/src/transition/utils.ts.html +68 -68
  416. package/coverage/lcov-report/src/tree/DefaultTreeItemRenderer.tsx.html +2 -2
  417. package/coverage/lcov-report/src/tree/Tree.tsx.html +24 -36
  418. package/coverage/lcov-report/src/tree/TreeGroup.tsx.html +45 -45
  419. package/coverage/lcov-report/src/tree/TreeItem.tsx.html +213 -216
  420. package/coverage/lcov-report/src/tree/TreeItemExpander.tsx.html +3 -3
  421. package/coverage/lcov-report/src/tree/TreeProvider.tsx.html +29 -11
  422. package/coverage/lcov-report/src/tree/index.html +114 -9
  423. package/coverage/lcov-report/src/tree/styles.ts.html +1 -1
  424. package/coverage/lcov-report/src/tree/useTree.ts.html +1 -1
  425. package/coverage/lcov-report/src/tree/useTreeExpansion.ts.html +1 -1
  426. package/coverage/lcov-report/src/tree/useTreeItems.ts.html +10 -13
  427. package/coverage/lcov-report/src/tree/useTreeMovement.ts.html +1 -1
  428. package/coverage/lcov-report/src/tree/useTreeSelection.ts.html +1 -1
  429. package/coverage/lcov-report/src/tree/utils.ts.html +1 -1
  430. package/coverage/lcov-report/src/typography/SrOnly.tsx.html +26 -26
  431. package/coverage/lcov-report/src/typography/TextContainer.tsx.html +1 -1
  432. package/coverage/lcov-report/src/typography/Typography.tsx.html +71 -71
  433. package/coverage/lcov-report/src/typography/WritingDirectionProvider.tsx.html +75 -75
  434. package/coverage/lcov-report/src/typography/index.html +64 -19
  435. package/coverage/lcov-report/src/useAsyncAction.ts.html +25 -25
  436. package/coverage/lcov-report/src/useDebouncedFunction.ts.html +1 -1
  437. package/coverage/lcov-report/src/useDropzone.ts.html +1 -1
  438. package/coverage/lcov-report/src/useEnsuredId.ts.html +8 -8
  439. package/coverage/lcov-report/src/useEnsuredRef.ts.html +22 -19
  440. package/coverage/lcov-report/src/useEnsuredState.ts.html +18 -18
  441. package/coverage/lcov-report/src/useHtmlClassName.ts.html +1 -1
  442. package/coverage/lcov-report/src/useIntersectionObserver.ts.html +32 -32
  443. package/coverage/lcov-report/src/useIsomorphicLayoutEffect.ts.html +1 -1
  444. package/coverage/lcov-report/src/useLocalStorage.ts.html +225 -225
  445. package/coverage/lcov-report/src/useOrientation.ts.html +32 -32
  446. package/coverage/lcov-report/src/usePageInactive.ts.html +25 -25
  447. package/coverage/lcov-report/src/useResizeListener.ts.html +1 -1
  448. package/coverage/lcov-report/src/useResizeObserver.ts.html +28 -28
  449. package/coverage/lcov-report/src/useThrottledFunction.ts.html +1 -1
  450. package/coverage/lcov-report/src/useToggle.ts.html +18 -18
  451. package/coverage/lcov-report/src/useUnmounted.ts.html +11 -11
  452. package/coverage/lcov-report/src/useWindowSize.ts.html +1 -1
  453. package/coverage/lcov-report/src/utils/RenderRecursively.tsx.html +1 -1
  454. package/coverage/lcov-report/src/utils/alphaNumericSort.ts.html +1 -1
  455. package/coverage/lcov-report/src/utils/applyRef.ts.html +11 -11
  456. package/coverage/lcov-report/src/utils/bem.ts.html +50 -50
  457. package/coverage/lcov-report/src/utils/filters.ts.html +1 -1
  458. package/coverage/lcov-report/src/utils/getClientPosition.ts.html +1 -1
  459. package/coverage/lcov-report/src/utils/getPercentage.ts.html +36 -36
  460. package/coverage/lcov-report/src/utils/getRangeDefaultValue.ts.html +1 -1
  461. package/coverage/lcov-report/src/utils/getRangeSteps.ts.html +1 -1
  462. package/coverage/lcov-report/src/utils/identity.ts.html +1 -1
  463. package/coverage/lcov-report/src/utils/index.html +212 -17
  464. package/coverage/lcov-report/src/utils/isElementVisible.ts.html +14 -14
  465. package/coverage/lcov-report/src/utils/loop.ts.html +1 -1
  466. package/coverage/lcov-report/src/utils/nearest.ts.html +1 -1
  467. package/coverage/lcov-report/src/utils/parseCssLengthUnit.ts.html +41 -41
  468. package/coverage/lcov-report/src/utils/randomInt.ts.html +1 -1
  469. package/coverage/lcov-report/src/utils/wait.ts.html +1 -1
  470. package/coverage/lcov-report/src/utils/withinRange.ts.html +1 -1
  471. package/coverage/lcov-report/src/window-splitter/WindowSplitter.tsx.html +1 -1
  472. package/coverage/lcov-report/src/window-splitter/index.html +1 -1
  473. package/coverage/lcov-report/src/window-splitter/useWindowSplitter.ts.html +1 -1
  474. package/coverage/lcov-report/styles.ts.html +134 -320
  475. package/coverage/lcov-report/switchStyles.ts.html +172 -0
  476. package/coverage/lcov-report/table/Table.tsx.html +526 -0
  477. package/coverage/lcov-report/table/TableBody.tsx.html +280 -0
  478. package/coverage/lcov-report/table/TableCell.tsx.html +159 -168
  479. package/coverage/lcov-report/table/TableCheckbox.tsx.html +10 -13
  480. package/coverage/lcov-report/table/TableRadio.tsx.html +670 -0
  481. package/coverage/lcov-report/table/TableRow.tsx.html +370 -0
  482. package/coverage/lcov-report/table/index.html +62 -32
  483. package/coverage/lcov-report/tableCellStyles.ts.html +334 -0
  484. package/coverage/lcov-report/tableContainerStyles.ts.html +142 -0
  485. package/coverage/lcov-report/tableFooterStyles.ts.html +157 -0
  486. package/coverage/lcov-report/tableHeaderStyles.ts.html +163 -0
  487. package/coverage/lcov-report/tableRowStyles.ts.html +169 -0
  488. package/coverage/lcov-report/tableStyles.ts.html +157 -0
  489. package/coverage/lcov-report/tabs/Tab.tsx.html +502 -0
  490. package/coverage/lcov-report/tabs/TabList.tsx.html +796 -0
  491. package/coverage/lcov-report/tabs/index.html +62 -17
  492. package/coverage/lcov-report/tabs/useTabs.ts.html +1567 -0
  493. package/coverage/lcov-report/tabs/utils.ts.html +337 -0
  494. package/coverage/lcov-report/test-utils/index.html +20 -20
  495. package/coverage/lcov-report/test-utils/jest-setup.ts.html +124 -0
  496. package/coverage/lcov-report/tooltip/Tooltip.tsx.html +98 -74
  497. package/coverage/lcov-report/tooltip/TooltipHoverModeProvider.tsx.html +167 -11
  498. package/coverage/lcov-report/tooltip/constants.ts.html +1 -1
  499. package/coverage/lcov-report/tooltip/index.html +32 -17
  500. package/coverage/lcov-report/tooltip/tooltipStyles.ts.html +181 -0
  501. package/coverage/lcov-report/tooltip/useTooltip.ts.html +490 -190
  502. package/coverage/lcov-report/tooltipStyles.ts.html +181 -0
  503. package/coverage/lcov-report/transition/config.ts.html +187 -0
  504. package/coverage/lcov-report/transition/index.html +9 -24
  505. package/coverage/lcov-report/transition/useTransition.ts.html +943 -0
  506. package/coverage/lcov-report/tree/Tree.tsx.html +24 -36
  507. package/coverage/lcov-report/tree/TreeItem.tsx.html +213 -216
  508. package/coverage/lcov-report/tree/TreeProvider.tsx.html +55 -10
  509. package/coverage/lcov-report/tree/index.html +14 -59
  510. package/coverage/lcov-report/typography/Typography.tsx.html +108 -402
  511. package/coverage/lcov-report/typography/WritingDirectionProvider.tsx.html +781 -0
  512. package/coverage/lcov-report/typography/index.html +8 -8
  513. package/coverage/lcov-report/useTooltip.ts.html +651 -375
  514. package/coverage/lcov-report/useTransition.ts.html +934 -0
  515. package/coverage/lcov-report/utils/index.html +24 -39
  516. package/coverage/lcov-report/utils/isElementVisible.ts.html +14 -14
  517. package/coverage/lcov-report/utils/parseCssLengthUnit.ts.html +19 -19
  518. package/coverage/lcov.info +0 -1176
  519. package/dist/_core.scss +39 -2
  520. package/dist/_utils.scss +57 -0
  521. package/dist/app-bar/_app-bar.scss +15 -23
  522. package/dist/avatar/Avatar.d.ts +2 -15
  523. package/dist/avatar/Avatar.js +3 -2
  524. package/dist/avatar/Avatar.js.map +1 -1
  525. package/dist/avatar/_avatar.scss +30 -37
  526. package/dist/avatar/styles.d.ts +20 -2
  527. package/dist/avatar/styles.js +4 -1
  528. package/dist/avatar/styles.js.map +1 -1
  529. package/dist/badge/_badge.scss +71 -44
  530. package/dist/box/_box.scss +18 -29
  531. package/dist/button/AsyncButton.d.ts +29 -0
  532. package/dist/button/AsyncButton.js +14 -1
  533. package/dist/button/AsyncButton.js.map +1 -1
  534. package/dist/button/_button.scss +50 -62
  535. package/dist/card/_card.scss +14 -23
  536. package/dist/chip/_chip.scss +33 -62
  537. package/dist/chip/styles.d.ts +1 -1
  538. package/dist/chip/styles.js +3 -4
  539. package/dist/chip/styles.js.map +1 -1
  540. package/dist/cssUtils.d.ts +1 -0
  541. package/dist/cssUtils.js +1 -1
  542. package/dist/cssUtils.js.map +1 -1
  543. package/dist/dialog/Dialog.d.ts +1 -1
  544. package/dist/dialog/Dialog.js +2 -1
  545. package/dist/dialog/Dialog.js.map +1 -1
  546. package/dist/dialog/_dialog.scss +95 -93
  547. package/dist/divider/Divider.d.ts +0 -1
  548. package/dist/divider/Divider.js.map +1 -1
  549. package/dist/divider/_divider.scss +33 -43
  550. package/dist/focus/useFocusContainer.d.ts +8 -8
  551. package/dist/focus/useFocusContainer.js +11 -10
  552. package/dist/focus/useFocusContainer.js.map +1 -1
  553. package/dist/form/Label.d.ts +5 -5
  554. package/dist/form/Label.js.map +1 -1
  555. package/dist/form/MenuItemInputToggle.js +2 -2
  556. package/dist/form/MenuItemInputToggle.js.map +1 -1
  557. package/dist/form/MenuItemTextField.d.ts +2 -0
  558. package/dist/form/MenuItemTextField.js.map +1 -1
  559. package/dist/form/Slider.d.ts +41 -5
  560. package/dist/form/Slider.js +2 -1
  561. package/dist/form/Slider.js.map +1 -1
  562. package/dist/form/SliderThumb.d.ts +7 -2
  563. package/dist/form/SliderThumb.js +4 -2
  564. package/dist/form/SliderThumb.js.map +1 -1
  565. package/dist/form/SliderValueMarks.js +1 -1
  566. package/dist/form/SliderValueMarks.js.map +1 -1
  567. package/dist/form/SliderValueTooltip.js +1 -1
  568. package/dist/form/SliderValueTooltip.js.map +1 -1
  569. package/dist/form/Switch.d.ts +3 -2
  570. package/dist/form/Switch.js +7 -26
  571. package/dist/form/Switch.js.map +1 -1
  572. package/dist/form/SwitchTrack.d.ts +2 -1
  573. package/dist/form/SwitchTrack.js +8 -4
  574. package/dist/form/SwitchTrack.js.map +1 -1
  575. package/dist/form/TextArea.js +1 -1
  576. package/dist/form/TextArea.js.map +1 -1
  577. package/dist/form/TextFieldContainerStyles.d.ts +7 -7
  578. package/dist/form/TextFieldContainerStyles.js.map +1 -1
  579. package/dist/form/_form.scss +241 -237
  580. package/dist/form/switchStyles.d.ts +1 -0
  581. package/dist/form/switchStyles.js +2 -1
  582. package/dist/form/switchStyles.js.map +1 -1
  583. package/dist/form/textAreaStyles.d.ts +2 -2
  584. package/dist/form/textAreaStyles.js.map +1 -1
  585. package/dist/form/types.d.ts +0 -2
  586. package/dist/form/types.js.map +1 -1
  587. package/dist/hoverMode/useHoverMode.d.ts +2 -2
  588. package/dist/hoverMode/useHoverMode.js +1 -1
  589. package/dist/hoverMode/useHoverMode.js.map +1 -1
  590. package/dist/icon/FontIcon.d.ts +2 -1
  591. package/dist/icon/FontIcon.js +4 -5
  592. package/dist/icon/FontIcon.js.map +1 -1
  593. package/dist/icon/MaterialIcon.d.ts +2 -2
  594. package/dist/icon/MaterialIcon.js +3 -6
  595. package/dist/icon/MaterialIcon.js.map +1 -1
  596. package/dist/icon/MaterialSymbol.d.ts +15 -8
  597. package/dist/icon/MaterialSymbol.js +15 -11
  598. package/dist/icon/MaterialSymbol.js.map +1 -1
  599. package/dist/icon/_icon.scss +31 -47
  600. package/dist/icon/iconConfig.js.map +1 -1
  601. package/dist/icon/material.d.ts +1 -1
  602. package/dist/icon/material.js.map +1 -1
  603. package/dist/icon/{MaterialSymbolsProvider.d.ts → materialConfig.d.ts} +25 -14
  604. package/dist/icon/materialConfig.js +29 -0
  605. package/dist/icon/materialConfig.js.map +1 -0
  606. package/dist/icon/styles.d.ts +0 -15
  607. package/dist/icon/styles.js +2 -4
  608. package/dist/icon/styles.js.map +1 -1
  609. package/dist/index.d.ts +8 -6
  610. package/dist/index.js +8 -6
  611. package/dist/index.js.map +1 -1
  612. package/dist/interaction/_interaction.scss +47 -57
  613. package/dist/layout/_layout.scss +14 -19
  614. package/dist/link/Link.d.ts +12 -6
  615. package/dist/link/Link.js +1 -2
  616. package/dist/link/Link.js.map +1 -1
  617. package/dist/link/_link.scss +15 -23
  618. package/dist/list/ListItemLink.d.ts +1 -1
  619. package/dist/list/ListItemLink.js.map +1 -1
  620. package/dist/list/_list.scss +53 -63
  621. package/dist/menu/DropdownMenu.d.ts +12 -1
  622. package/dist/menu/DropdownMenu.js +13 -4
  623. package/dist/menu/DropdownMenu.js.map +1 -1
  624. package/dist/menu/Menu.d.ts +8 -0
  625. package/dist/menu/Menu.js +2 -1
  626. package/dist/menu/Menu.js.map +1 -1
  627. package/dist/menu/MenuItemSeparator.d.ts +1 -2
  628. package/dist/menu/MenuItemSeparator.js +2 -8
  629. package/dist/menu/MenuItemSeparator.js.map +1 -1
  630. package/dist/menu/MenuSheet.d.ts +6 -1
  631. package/dist/menu/MenuSheet.js.map +1 -1
  632. package/dist/menu/_menu.scss +16 -27
  633. package/dist/overlay/_overlay.scss +14 -19
  634. package/dist/progress/CircularProgress.d.ts +5 -4
  635. package/dist/progress/CircularProgress.js +3 -3
  636. package/dist/progress/CircularProgress.js.map +1 -1
  637. package/dist/progress/LinearProgress.d.ts +7 -5
  638. package/dist/progress/LinearProgress.js +4 -3
  639. package/dist/progress/LinearProgress.js.map +1 -1
  640. package/dist/progress/_progress.scss +25 -30
  641. package/dist/segmented-button/_segmented-button.scss +37 -43
  642. package/dist/sheet/_sheet.scss +24 -42
  643. package/dist/snackbar/DefaultToastRenderer.js +1 -1
  644. package/dist/snackbar/DefaultToastRenderer.js.map +1 -1
  645. package/dist/snackbar/Snackbar.d.ts +1 -3
  646. package/dist/snackbar/Snackbar.js +2 -3
  647. package/dist/snackbar/Snackbar.js.map +1 -1
  648. package/dist/snackbar/Toast.d.ts +1 -1
  649. package/dist/snackbar/Toast.js +5 -1
  650. package/dist/snackbar/Toast.js.map +1 -1
  651. package/dist/snackbar/ToastManager.d.ts +2 -1
  652. package/dist/snackbar/ToastManager.js +1 -1
  653. package/dist/snackbar/ToastManager.js.map +1 -1
  654. package/dist/snackbar/_snackbar.scss +15 -23
  655. package/dist/suspense/CircularProgressSuspense.d.ts +4 -0
  656. package/dist/suspense/CircularProgressSuspense.js +3 -1
  657. package/dist/suspense/CircularProgressSuspense.js.map +1 -1
  658. package/dist/table/Table.d.ts +0 -12
  659. package/dist/table/Table.js +1 -12
  660. package/dist/table/Table.js.map +1 -1
  661. package/dist/table/TableCell.d.ts +13 -38
  662. package/dist/table/TableCell.js +7 -15
  663. package/dist/table/TableCell.js.map +1 -1
  664. package/dist/table/TableCellContent.d.ts +9 -0
  665. package/dist/table/TableCellContent.js +2 -1
  666. package/dist/table/TableCellContent.js.map +1 -1
  667. package/dist/table/TableCheckbox.d.ts +2 -2
  668. package/dist/table/TableCheckbox.js +3 -3
  669. package/dist/table/TableCheckbox.js.map +1 -1
  670. package/dist/table/TableContainer.d.ts +0 -6
  671. package/dist/table/TableContainer.js +1 -6
  672. package/dist/table/TableContainer.js.map +1 -1
  673. package/dist/table/TableFooter.d.ts +7 -1
  674. package/dist/table/TableFooter.js +17 -16
  675. package/dist/table/TableFooter.js.map +1 -1
  676. package/dist/table/TableHeader.d.ts +7 -14
  677. package/dist/table/TableHeader.js +6 -14
  678. package/dist/table/TableHeader.js.map +1 -1
  679. package/dist/table/TableRadio.d.ts +106 -0
  680. package/dist/table/TableRadio.js +106 -0
  681. package/dist/table/TableRadio.js.map +1 -0
  682. package/dist/table/TableRow.d.ts +0 -10
  683. package/dist/table/TableRow.js +1 -12
  684. package/dist/table/TableRow.js.map +1 -1
  685. package/dist/table/_table.scss +71 -88
  686. package/dist/table/tableCellStyles.d.ts +33 -0
  687. package/dist/table/tableCellStyles.js +15 -0
  688. package/dist/table/tableCellStyles.js.map +1 -0
  689. package/dist/table/tableContainerStyles.d.ts +10 -0
  690. package/dist/table/tableContainerStyles.js +9 -0
  691. package/dist/table/tableContainerStyles.js.map +1 -0
  692. package/dist/table/tableFooterStyles.d.ts +10 -0
  693. package/dist/table/tableFooterStyles.js +12 -0
  694. package/dist/table/tableFooterStyles.js.map +1 -0
  695. package/dist/table/tableHeaderStyles.d.ts +10 -0
  696. package/dist/table/tableHeaderStyles.js +13 -0
  697. package/dist/table/tableHeaderStyles.js.map +1 -0
  698. package/dist/table/tableRowStyles.d.ts +10 -0
  699. package/dist/table/tableRowStyles.js +14 -0
  700. package/dist/table/tableRowStyles.js.map +1 -0
  701. package/dist/table/tableStyles.d.ts +12 -0
  702. package/dist/table/tableStyles.js +14 -0
  703. package/dist/table/tableStyles.js.map +1 -0
  704. package/dist/table/types.d.ts +28 -15
  705. package/dist/table/types.js.map +1 -1
  706. package/dist/tabs/_tabs.scss +27 -30
  707. package/dist/test-utils/data-testid.js +2 -0
  708. package/dist/test-utils/data-testid.js.map +1 -0
  709. package/dist/test-utils/jest-setup.js +3 -0
  710. package/dist/test-utils/jest-setup.js.map +1 -1
  711. package/dist/theme/ThemeProvider.d.ts +5 -0
  712. package/dist/theme/ThemeProvider.js.map +1 -1
  713. package/dist/theme/_theme.scss +31 -89
  714. package/dist/tooltip/Tooltip.d.ts +13 -6
  715. package/dist/tooltip/Tooltip.js +2 -2
  716. package/dist/tooltip/Tooltip.js.map +1 -1
  717. package/dist/tooltip/TooltipHoverModeProvider.d.ts +15 -0
  718. package/dist/tooltip/TooltipHoverModeProvider.js.map +1 -1
  719. package/dist/tooltip/_tooltip.scss +17 -25
  720. package/dist/tooltip/tooltipStyles.d.ts +2 -1
  721. package/dist/tooltip/tooltipStyles.js +2 -2
  722. package/dist/tooltip/tooltipStyles.js.map +1 -1
  723. package/dist/tooltip/useTooltip.d.ts +71 -8
  724. package/dist/tooltip/useTooltip.js +68 -7
  725. package/dist/tooltip/useTooltip.js.map +1 -1
  726. package/dist/transition/_transition.scss +38 -37
  727. package/dist/transition/config.d.ts +22 -0
  728. package/dist/transition/config.js +16 -0
  729. package/dist/transition/config.js.map +1 -0
  730. package/dist/transition/useTransition.js +15 -6
  731. package/dist/transition/useTransition.js.map +1 -1
  732. package/dist/tree/DefaultTreeItemRenderer.d.ts +1 -1
  733. package/dist/tree/DefaultTreeItemRenderer.js.map +1 -1
  734. package/dist/tree/Tree.d.ts +1 -1
  735. package/dist/tree/Tree.js +18 -21
  736. package/dist/tree/Tree.js.map +1 -1
  737. package/dist/tree/TreeItem.js +1 -3
  738. package/dist/tree/TreeItem.js.map +1 -1
  739. package/dist/tree/TreeProvider.d.ts +2 -0
  740. package/dist/tree/TreeProvider.js +3 -1
  741. package/dist/tree/TreeProvider.js.map +1 -1
  742. package/dist/tree/_tree.scss +102 -109
  743. package/dist/typography/_typography.scss +17 -22
  744. package/dist/window-splitter/_window-splitter.scss +19 -45
  745. package/package.json +20 -17
  746. package/src/__tests__/NoSsr.tsx +5 -5
  747. package/src/__tests__/useAsyncAction.tsx +14 -6
  748. package/src/__tests__/useDebouncedFunction.tsx +6 -3
  749. package/src/__tests__/useDropzone.tsx +10 -10
  750. package/src/__tests__/useEnsuredId.tsx +5 -5
  751. package/src/__tests__/useEnsuredState.tsx +1 -2
  752. package/src/__tests__/useLocalStorage.tsx +21 -21
  753. package/src/__tests__/useResizeObserver.tsx +2 -0
  754. package/src/__tests__/useThrottledFunction.tsx +9 -8
  755. package/src/__tests__/useToggle.tsx +10 -10
  756. package/src/_core.scss +39 -2
  757. package/src/_utils.scss +57 -0
  758. package/src/app-bar/__tests__/AppBar.tsx +15 -15
  759. package/src/app-bar/__tests__/AppBarTitle.tsx +3 -5
  760. package/src/app-bar/_app-bar.scss +15 -23
  761. package/src/avatar/Avatar.tsx +12 -20
  762. package/src/avatar/__tests__/Avatar.tsx +6 -6
  763. package/src/avatar/_avatar.scss +30 -37
  764. package/src/avatar/styles.ts +27 -4
  765. package/src/badge/__tests__/Badge.tsx +3 -3
  766. package/src/badge/_badge.scss +71 -44
  767. package/src/box/_box.scss +18 -29
  768. package/src/button/AsyncButton.tsx +71 -4
  769. package/src/button/__tests__/AsyncButton.tsx +2 -0
  770. package/src/button/__tests__/Button.tsx +12 -12
  771. package/src/button/__tests__/ButtonUnstyled.tsx +3 -3
  772. package/src/button/__tests__/__snapshots__/AsyncButton.tsx.snap +31 -8
  773. package/src/button/_button.scss +50 -62
  774. package/src/card/__tests__/Card.tsx +3 -3
  775. package/src/card/__tests__/CardContent.tsx +3 -3
  776. package/src/card/__tests__/CardFooter.tsx +3 -3
  777. package/src/card/__tests__/CardHeader.tsx +5 -5
  778. package/src/card/__tests__/CardSubtitle.tsx +3 -3
  779. package/src/card/__tests__/CardTitle.tsx +3 -3
  780. package/src/card/_card.scss +14 -23
  781. package/src/chip/__tests__/Chip.tsx +20 -22
  782. package/src/chip/__tests__/__snapshots__/Chip.tsx.snap +3 -3
  783. package/src/chip/__tests__/__snapshots__/styles.ts.snap +1 -1
  784. package/src/chip/_chip.scss +33 -62
  785. package/src/chip/styles.ts +4 -5
  786. package/src/cssUtils.ts +4 -1
  787. package/src/dialog/Dialog.tsx +5 -4
  788. package/src/dialog/__tests__/Dialog.tsx +316 -0
  789. package/src/dialog/__tests__/DialogContent.tsx +53 -0
  790. package/src/dialog/__tests__/DialogFooter.tsx +70 -0
  791. package/src/dialog/__tests__/DialogHeader.tsx +37 -0
  792. package/src/dialog/__tests__/DialogTitle.tsx +41 -0
  793. package/src/dialog/__tests__/__snapshots__/Dialog.tsx.snap +84 -0
  794. package/src/dialog/__tests__/__snapshots__/DialogContent.tsx.snap +36 -0
  795. package/src/dialog/__tests__/__snapshots__/DialogFooter.tsx.snap +186 -0
  796. package/src/dialog/__tests__/__snapshots__/DialogHeader.tsx.snap +18 -0
  797. package/src/dialog/__tests__/__snapshots__/DialogTitle.tsx.snap +26 -0
  798. package/src/dialog/_dialog.scss +95 -93
  799. package/src/divider/Divider.tsx +0 -1
  800. package/src/divider/__tests__/Divider.tsx +3 -3
  801. package/src/divider/_divider.scss +33 -43
  802. package/src/draggable/__tests__/useDraggable.tsx +35 -39
  803. package/src/expansion-panel/__tests__/ExpansionPanel.tsx +28 -23
  804. package/src/focus/__tests__/useFocusContainer.tsx +280 -0
  805. package/src/focus/useFocusContainer.ts +17 -10
  806. package/src/form/Label.tsx +5 -5
  807. package/src/form/MenuItemInputToggle.tsx +6 -2
  808. package/src/form/MenuItemTextField.tsx +3 -0
  809. package/src/form/Slider.tsx +45 -5
  810. package/src/form/SliderThumb.tsx +15 -3
  811. package/src/form/SliderValueMarks.tsx +3 -1
  812. package/src/form/SliderValueTooltip.tsx +1 -1
  813. package/src/form/Switch.tsx +6 -27
  814. package/src/form/SwitchTrack.tsx +12 -2
  815. package/src/form/TextArea.tsx +1 -1
  816. package/src/form/TextFieldContainerStyles.ts +7 -7
  817. package/src/form/__tests__/Checkbox.tsx +5 -5
  818. package/src/form/__tests__/Fieldset.tsx +3 -3
  819. package/src/form/__tests__/FileInput.tsx +2 -2
  820. package/src/form/__tests__/Label.tsx +3 -3
  821. package/src/form/__tests__/Legend.tsx +3 -3
  822. package/src/form/__tests__/Radio.tsx +3 -3
  823. package/src/form/__tests__/Switch.tsx +152 -0
  824. package/src/form/__tests__/__snapshots__/Switch.tsx.snap +428 -0
  825. package/src/form/__tests__/__snapshots__/useCheckboxGroup.tsx.snap +1 -1
  826. package/src/form/__tests__/__snapshots__/useRadioGroup.tsx.snap +1 -1
  827. package/src/form/__tests__/useCheckboxGroup.tsx +33 -33
  828. package/src/form/__tests__/useFileUpload.tsx +41 -33
  829. package/src/form/__tests__/useRadioGroup.tsx +25 -25
  830. package/src/form/_form.scss +241 -237
  831. package/src/form/switchStyles.ts +3 -3
  832. package/src/form/textAreaStyles.ts +2 -2
  833. package/src/form/types.ts +0 -2
  834. package/src/hoverMode/useHoverMode.ts +4 -4
  835. package/src/icon/FontIcon.tsx +2 -5
  836. package/src/icon/MaterialIcon.tsx +4 -6
  837. package/src/icon/MaterialSymbol.tsx +18 -12
  838. package/src/icon/__tests__/FontIcon.tsx +7 -11
  839. package/src/icon/__tests__/IconRotator.tsx +4 -4
  840. package/src/icon/__tests__/MaterialIcon.tsx +79 -0
  841. package/src/icon/__tests__/MaterialSymbol.tsx +100 -0
  842. package/src/icon/__tests__/SVGIcon.tsx +6 -5
  843. package/src/icon/__tests__/TextIconSpacing.tsx +15 -17
  844. package/src/icon/__tests__/__snapshots__/IconRotator.tsx.snap +6 -6
  845. package/src/icon/__tests__/__snapshots__/MaterialIcon.tsx.snap +82 -0
  846. package/src/icon/__tests__/__snapshots__/MaterialSymbol.tsx.snap +42 -0
  847. package/src/icon/_icon.scss +31 -47
  848. package/src/icon/iconConfig.tsx +1 -0
  849. package/src/icon/material.ts +284 -54
  850. package/src/icon/{MaterialSymbolsProvider.tsx → materialConfig.ts} +49 -67
  851. package/src/icon/styles.ts +0 -21
  852. package/src/index.ts +8 -6
  853. package/src/interaction/__tests__/UserInteractionModeProvider.tsx +3 -3
  854. package/src/interaction/_interaction.scss +47 -57
  855. package/src/layout/__tests__/useExpandableLayout.tsx +12 -1
  856. package/src/layout/__tests__/useLayoutTree.tsx +6 -1
  857. package/src/layout/__tests__/useResizableLayout.tsx +13 -1
  858. package/src/layout/__tests__/useTemporaryLayout.tsx +6 -1
  859. package/src/layout/_layout.scss +14 -19
  860. package/src/link/Link.tsx +15 -5
  861. package/src/link/__tests__/Link.tsx +3 -3
  862. package/src/link/__tests__/SkipToMainContent.tsx +11 -14
  863. package/src/link/_link.scss +15 -23
  864. package/src/list/ListItemLink.tsx +1 -1
  865. package/src/list/__tests__/List.tsx +7 -7
  866. package/src/list/__tests__/ListItem.tsx +17 -16
  867. package/src/list/__tests__/ListItemLink.tsx +7 -7
  868. package/src/list/__tests__/ListSubheader.tsx +5 -5
  869. package/src/list/_list.scss +53 -63
  870. package/src/menu/DropdownMenu.tsx +23 -4
  871. package/src/menu/Menu.tsx +11 -0
  872. package/src/menu/MenuItemSeparator.tsx +2 -12
  873. package/src/menu/MenuSheet.tsx +10 -1
  874. package/src/menu/__tests__/DropdownMenu.tsx +74 -65
  875. package/src/menu/__tests__/MenuBar.tsx +57 -48
  876. package/src/menu/__tests__/MenuVisibilityProvider.tsx +3 -3
  877. package/src/menu/_menu.scss +16 -27
  878. package/src/overlay/__tests__/Overlay.tsx +37 -35
  879. package/src/overlay/_overlay.scss +14 -19
  880. package/src/portal/__tests__/PortalContainerProvider.node.tsx +1 -0
  881. package/src/portal/__tests__/PortalContainerProvider.tsx +9 -9
  882. package/src/positioning/__tests__/useFixedPositioning.tsx +20 -14
  883. package/src/progress/CircularProgress.tsx +5 -4
  884. package/src/progress/LinearProgress.tsx +88 -86
  885. package/src/progress/__tests__/CircularProgress.tsx +49 -27
  886. package/src/progress/__tests__/LinearProgress.tsx +40 -25
  887. package/src/progress/__tests__/__snapshots__/CircularProgress.tsx.snap +21 -0
  888. package/src/progress/__tests__/__snapshots__/LinearProgress.tsx.snap +20 -0
  889. package/src/progress/_progress.scss +25 -30
  890. package/src/segmented-button/_segmented-button.scss +37 -43
  891. package/src/sheet/_sheet.scss +24 -42
  892. package/src/snackbar/DefaultToastRenderer.tsx +1 -1
  893. package/src/snackbar/Snackbar.tsx +17 -25
  894. package/src/snackbar/Toast.tsx +7 -2
  895. package/src/snackbar/ToastManager.tsx +3 -2
  896. package/src/snackbar/__tests__/Snackbar.tsx +13 -12
  897. package/src/snackbar/__tests__/Toast.tsx +8 -3
  898. package/src/snackbar/__tests__/ToastActionButton.tsx +2 -2
  899. package/src/snackbar/__tests__/ToastCloseButton.tsx +2 -2
  900. package/src/snackbar/__tests__/ToastManagerProvider.tsx +28 -42
  901. package/src/snackbar/__tests__/__snapshots__/Snackbar.tsx.snap +127 -27
  902. package/src/snackbar/__tests__/__snapshots__/ToastManagerProvider.tsx.snap +23 -8
  903. package/src/snackbar/_snackbar.scss +15 -23
  904. package/src/suspense/CircularProgressSuspense.tsx +19 -2
  905. package/src/table/Table.tsx +1 -24
  906. package/src/table/TableCell.tsx +22 -85
  907. package/src/table/TableCellContent.tsx +20 -2
  908. package/src/table/TableCheckbox.tsx +3 -3
  909. package/src/table/TableContainer.tsx +1 -8
  910. package/src/table/TableFooter.tsx +30 -23
  911. package/src/table/TableHeader.tsx +23 -40
  912. package/src/table/TableRadio.tsx +195 -0
  913. package/src/table/TableRow.tsx +1 -28
  914. package/src/table/__tests__/Table.tsx +4 -10
  915. package/src/table/__tests__/TableBody.tsx +3 -3
  916. package/src/table/__tests__/TableCheckbox.tsx +10 -11
  917. package/src/table/__tests__/TableContainer.tsx +3 -3
  918. package/src/table/__tests__/TableRadio.tsx +112 -0
  919. package/src/table/__tests__/TableRow.tsx +4 -10
  920. package/src/table/__tests__/__snapshots__/Table.tsx.snap +249 -251
  921. package/src/table/__tests__/__snapshots__/TableBody.tsx.snap +3 -3
  922. package/src/table/__tests__/__snapshots__/TableCheckbox.tsx.snap +4 -4
  923. package/src/table/__tests__/__snapshots__/TableRadio.tsx.snap +138 -0
  924. package/src/table/__tests__/__snapshots__/TableRow.tsx.snap +4 -6
  925. package/src/table/__tests__/__snapshots__/tableContainerStyles.ts.snap +3 -0
  926. package/src/table/__tests__/__snapshots__/tableRowStyles.ts.snap +3 -0
  927. package/src/table/__tests__/__snapshots__/tableStyles.ts.snap +3 -0
  928. package/src/table/__tests__/tableContainerStyles.ts +8 -0
  929. package/src/table/__tests__/tableRowStyles.ts +8 -0
  930. package/src/table/__tests__/tableStyles.ts +8 -0
  931. package/src/table/_table.scss +71 -88
  932. package/src/table/tableCellStyles.ts +83 -0
  933. package/src/table/tableContainerStyles.ts +19 -0
  934. package/src/table/tableFooterStyles.ts +27 -0
  935. package/src/table/tableHeaderStyles.ts +29 -0
  936. package/src/table/tableRowStyles.ts +28 -0
  937. package/src/table/tableStyles.ts +24 -0
  938. package/src/table/types.ts +33 -15
  939. package/src/tabs/__tests__/Tab.tsx +3 -3
  940. package/src/tabs/__tests__/TabList.tsx +50 -40
  941. package/src/tabs/__tests__/useTabs.tsx +27 -24
  942. package/src/tabs/_tabs.scss +27 -30
  943. package/src/test-utils/data-testid.ts +5 -0
  944. package/src/test-utils/jest-setup.ts +4 -0
  945. package/src/theme/ThemeProvider.tsx +6 -0
  946. package/src/theme/__tests__/LocalStorageColorSchemeProvider.tsx +4 -4
  947. package/src/theme/__tests__/useCSSVariables.tsx +4 -4
  948. package/src/theme/_theme.scss +31 -89
  949. package/src/tooltip/Tooltip.tsx +17 -9
  950. package/src/tooltip/TooltipHoverModeProvider.tsx +18 -0
  951. package/src/tooltip/__tests__/Tooltip.tsx +147 -104
  952. package/src/tooltip/__tests__/TooltipHoverModeProvider.tsx +8 -3
  953. package/src/tooltip/__tests__/__snapshots__/Tooltip.tsx.snap +0 -33
  954. package/src/tooltip/_tooltip.scss +17 -25
  955. package/src/tooltip/tooltipStyles.ts +4 -4
  956. package/src/tooltip/useTooltip.ts +119 -19
  957. package/src/transition/__tests__/CSSTransition.tsx +12 -6
  958. package/src/transition/__tests__/Collapse.tsx +19 -17
  959. package/src/transition/__tests__/CrossFade.tsx +20 -17
  960. package/src/transition/__tests__/ScaleTransition.tsx +18 -14
  961. package/src/transition/__tests__/useCSSTransition.tsx +18 -14
  962. package/src/transition/__tests__/useCollapseTransition.tsx +25 -21
  963. package/src/transition/__tests__/useCrossFadeTransition.tsx +20 -16
  964. package/src/transition/__tests__/useScaleTransition.tsx +18 -12
  965. package/src/transition/__tests__/useTransition.tsx +165 -68
  966. package/src/transition/_transition.scss +38 -37
  967. package/src/transition/config.ts +34 -0
  968. package/src/transition/useTransition.ts +15 -6
  969. package/src/tree/DefaultTreeItemRenderer.tsx +1 -1
  970. package/src/tree/Tree.tsx +20 -24
  971. package/src/tree/TreeItem.tsx +2 -3
  972. package/src/tree/TreeProvider.tsx +6 -0
  973. package/src/tree/__tests__/Tree.tsx +7 -2
  974. package/src/tree/__tests__/TreeGroup.tsx +1 -0
  975. package/src/tree/__tests__/TreeItemExpander.tsx +1 -0
  976. package/src/tree/_tree.scss +102 -109
  977. package/src/typography/__tests__/TextContainer.tsx +3 -3
  978. package/src/typography/__tests__/Typography.tsx +10 -12
  979. package/src/typography/__tests__/WritingDirectionProvider.tsx +7 -7
  980. package/src/typography/_typography.scss +17 -22
  981. package/src/window-splitter/_window-splitter.scss +19 -45
  982. package/dist/divider/VerticalDivider.d.ts +0 -32
  983. package/dist/divider/VerticalDivider.js +0 -40
  984. package/dist/divider/VerticalDivider.js.map +0 -1
  985. package/dist/divider/useVerticalDividerHeight.d.ts +0 -37
  986. package/dist/divider/useVerticalDividerHeight.js +0 -40
  987. package/dist/divider/useVerticalDividerHeight.js.map +0 -1
  988. package/dist/icon/MaterialIconsProvider.d.ts +0 -12
  989. package/dist/icon/MaterialIconsProvider.js +0 -17
  990. package/dist/icon/MaterialIconsProvider.js.map +0 -1
  991. package/dist/icon/MaterialSymbolsProvider.js +0 -60
  992. package/dist/icon/MaterialSymbolsProvider.js.map +0 -1
  993. package/dist/link/LinkProvider.d.ts +0 -29
  994. package/dist/link/LinkProvider.js +0 -26
  995. package/dist/link/LinkProvider.js.map +0 -1
  996. package/dist/tooltip/useOverflowTooltip.d.ts +0 -61
  997. package/dist/tooltip/useOverflowTooltip.js +0 -71
  998. package/dist/tooltip/useOverflowTooltip.js.map +0 -1
  999. package/src/divider/VerticalDivider.tsx +0 -50
  1000. package/src/divider/__tests__/VerticalDivider.tsx +0 -35
  1001. package/src/divider/__tests__/__snapshots__/VerticalDivider.tsx.snap +0 -41
  1002. package/src/divider/useVerticalDividerHeight.ts +0 -72
  1003. package/src/icon/MaterialIconsProvider.ts +0 -23
  1004. package/src/link/LinkProvider.tsx +0 -51
  1005. package/src/tooltip/__tests__/useOverflowTooltip.tsx +0 -77
  1006. package/src/tooltip/useOverflowTooltip.ts +0 -93
package/coverage/lcov-report/src/list/ListItem.tsx.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/262</span>
28
+ <span class='fraction'>262/262</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/1</span>
35
+ <span class='fraction'>7/7</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/1</span>
42
+ <span class='fraction'>1/1</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/262</span>
49
+ <span class='fraction'>262/262</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line low'></div>
64
+ <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -325,530 +325,530 @@
325
325
  <a name='L260'></a><a href='#L260'>260</a>
326
326
  <a name='L261'></a><a href='#L261'>261</a>
327
327
  <a name='L262'></a><a href='#L262'>262</a>
328
- <a name='L263'></a><a href='#L263'>263</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
329
- <span class="cline-any cline-no">&nbsp;</span>
330
- <span class="cline-any cline-no">&nbsp;</span>
331
- <span class="cline-any cline-no">&nbsp;</span>
332
- <span class="cline-any cline-no">&nbsp;</span>
333
- <span class="cline-any cline-no">&nbsp;</span>
334
- <span class="cline-any cline-no">&nbsp;</span>
335
- <span class="cline-any cline-no">&nbsp;</span>
336
- <span class="cline-any cline-no">&nbsp;</span>
337
- <span class="cline-any cline-no">&nbsp;</span>
338
- <span class="cline-any cline-no">&nbsp;</span>
339
- <span class="cline-any cline-no">&nbsp;</span>
340
- <span class="cline-any cline-no">&nbsp;</span>
341
- <span class="cline-any cline-no">&nbsp;</span>
342
- <span class="cline-any cline-no">&nbsp;</span>
343
- <span class="cline-any cline-no">&nbsp;</span>
344
- <span class="cline-any cline-no">&nbsp;</span>
345
- <span class="cline-any cline-no">&nbsp;</span>
346
- <span class="cline-any cline-no">&nbsp;</span>
347
- <span class="cline-any cline-no">&nbsp;</span>
348
- <span class="cline-any cline-no">&nbsp;</span>
349
- <span class="cline-any cline-no">&nbsp;</span>
350
- <span class="cline-any cline-no">&nbsp;</span>
351
- <span class="cline-any cline-no">&nbsp;</span>
352
- <span class="cline-any cline-no">&nbsp;</span>
353
- <span class="cline-any cline-no">&nbsp;</span>
354
- <span class="cline-any cline-no">&nbsp;</span>
355
- <span class="cline-any cline-no">&nbsp;</span>
356
- <span class="cline-any cline-no">&nbsp;</span>
357
- <span class="cline-any cline-no">&nbsp;</span>
358
- <span class="cline-any cline-no">&nbsp;</span>
359
- <span class="cline-any cline-no">&nbsp;</span>
360
- <span class="cline-any cline-no">&nbsp;</span>
361
- <span class="cline-any cline-no">&nbsp;</span>
362
- <span class="cline-any cline-no">&nbsp;</span>
363
- <span class="cline-any cline-no">&nbsp;</span>
364
- <span class="cline-any cline-no">&nbsp;</span>
365
- <span class="cline-any cline-no">&nbsp;</span>
366
- <span class="cline-any cline-no">&nbsp;</span>
367
- <span class="cline-any cline-no">&nbsp;</span>
368
- <span class="cline-any cline-no">&nbsp;</span>
369
- <span class="cline-any cline-no">&nbsp;</span>
370
- <span class="cline-any cline-no">&nbsp;</span>
371
- <span class="cline-any cline-no">&nbsp;</span>
372
- <span class="cline-any cline-no">&nbsp;</span>
373
- <span class="cline-any cline-no">&nbsp;</span>
374
- <span class="cline-any cline-no">&nbsp;</span>
375
- <span class="cline-any cline-no">&nbsp;</span>
376
- <span class="cline-any cline-no">&nbsp;</span>
377
- <span class="cline-any cline-no">&nbsp;</span>
378
- <span class="cline-any cline-no">&nbsp;</span>
379
- <span class="cline-any cline-no">&nbsp;</span>
380
- <span class="cline-any cline-no">&nbsp;</span>
381
- <span class="cline-any cline-no">&nbsp;</span>
382
- <span class="cline-any cline-no">&nbsp;</span>
383
- <span class="cline-any cline-no">&nbsp;</span>
384
- <span class="cline-any cline-no">&nbsp;</span>
385
- <span class="cline-any cline-no">&nbsp;</span>
386
- <span class="cline-any cline-no">&nbsp;</span>
387
- <span class="cline-any cline-no">&nbsp;</span>
388
- <span class="cline-any cline-no">&nbsp;</span>
389
- <span class="cline-any cline-no">&nbsp;</span>
390
- <span class="cline-any cline-no">&nbsp;</span>
391
- <span class="cline-any cline-no">&nbsp;</span>
392
- <span class="cline-any cline-no">&nbsp;</span>
393
- <span class="cline-any cline-no">&nbsp;</span>
394
- <span class="cline-any cline-no">&nbsp;</span>
395
- <span class="cline-any cline-no">&nbsp;</span>
396
- <span class="cline-any cline-no">&nbsp;</span>
397
- <span class="cline-any cline-no">&nbsp;</span>
398
- <span class="cline-any cline-no">&nbsp;</span>
399
- <span class="cline-any cline-no">&nbsp;</span>
400
- <span class="cline-any cline-no">&nbsp;</span>
401
- <span class="cline-any cline-no">&nbsp;</span>
402
- <span class="cline-any cline-no">&nbsp;</span>
403
- <span class="cline-any cline-no">&nbsp;</span>
404
- <span class="cline-any cline-no">&nbsp;</span>
405
- <span class="cline-any cline-no">&nbsp;</span>
406
- <span class="cline-any cline-no">&nbsp;</span>
407
- <span class="cline-any cline-no">&nbsp;</span>
408
- <span class="cline-any cline-no">&nbsp;</span>
409
- <span class="cline-any cline-no">&nbsp;</span>
410
- <span class="cline-any cline-no">&nbsp;</span>
411
- <span class="cline-any cline-no">&nbsp;</span>
412
- <span class="cline-any cline-no">&nbsp;</span>
413
- <span class="cline-any cline-no">&nbsp;</span>
414
- <span class="cline-any cline-no">&nbsp;</span>
415
- <span class="cline-any cline-no">&nbsp;</span>
416
- <span class="cline-any cline-no">&nbsp;</span>
417
- <span class="cline-any cline-no">&nbsp;</span>
418
- <span class="cline-any cline-no">&nbsp;</span>
419
- <span class="cline-any cline-no">&nbsp;</span>
420
- <span class="cline-any cline-no">&nbsp;</span>
421
- <span class="cline-any cline-no">&nbsp;</span>
422
- <span class="cline-any cline-no">&nbsp;</span>
423
- <span class="cline-any cline-no">&nbsp;</span>
424
- <span class="cline-any cline-no">&nbsp;</span>
425
- <span class="cline-any cline-no">&nbsp;</span>
426
- <span class="cline-any cline-no">&nbsp;</span>
427
- <span class="cline-any cline-no">&nbsp;</span>
428
- <span class="cline-any cline-no">&nbsp;</span>
429
- <span class="cline-any cline-no">&nbsp;</span>
430
- <span class="cline-any cline-no">&nbsp;</span>
431
- <span class="cline-any cline-no">&nbsp;</span>
432
- <span class="cline-any cline-no">&nbsp;</span>
433
- <span class="cline-any cline-no">&nbsp;</span>
434
- <span class="cline-any cline-no">&nbsp;</span>
435
- <span class="cline-any cline-no">&nbsp;</span>
436
- <span class="cline-any cline-no">&nbsp;</span>
437
- <span class="cline-any cline-no">&nbsp;</span>
438
- <span class="cline-any cline-no">&nbsp;</span>
439
- <span class="cline-any cline-no">&nbsp;</span>
440
- <span class="cline-any cline-no">&nbsp;</span>
441
- <span class="cline-any cline-no">&nbsp;</span>
442
- <span class="cline-any cline-no">&nbsp;</span>
443
- <span class="cline-any cline-no">&nbsp;</span>
444
- <span class="cline-any cline-no">&nbsp;</span>
445
- <span class="cline-any cline-no">&nbsp;</span>
446
- <span class="cline-any cline-no">&nbsp;</span>
447
- <span class="cline-any cline-no">&nbsp;</span>
448
- <span class="cline-any cline-no">&nbsp;</span>
449
- <span class="cline-any cline-no">&nbsp;</span>
450
- <span class="cline-any cline-no">&nbsp;</span>
451
- <span class="cline-any cline-no">&nbsp;</span>
452
- <span class="cline-any cline-no">&nbsp;</span>
453
- <span class="cline-any cline-no">&nbsp;</span>
454
- <span class="cline-any cline-no">&nbsp;</span>
455
- <span class="cline-any cline-no">&nbsp;</span>
456
- <span class="cline-any cline-no">&nbsp;</span>
457
- <span class="cline-any cline-no">&nbsp;</span>
458
- <span class="cline-any cline-no">&nbsp;</span>
459
- <span class="cline-any cline-no">&nbsp;</span>
460
- <span class="cline-any cline-no">&nbsp;</span>
461
- <span class="cline-any cline-no">&nbsp;</span>
462
- <span class="cline-any cline-no">&nbsp;</span>
463
- <span class="cline-any cline-no">&nbsp;</span>
464
- <span class="cline-any cline-no">&nbsp;</span>
465
- <span class="cline-any cline-no">&nbsp;</span>
466
- <span class="cline-any cline-no">&nbsp;</span>
467
- <span class="cline-any cline-no">&nbsp;</span>
468
- <span class="cline-any cline-no">&nbsp;</span>
469
- <span class="cline-any cline-no">&nbsp;</span>
470
- <span class="cline-any cline-no">&nbsp;</span>
471
- <span class="cline-any cline-no">&nbsp;</span>
472
- <span class="cline-any cline-no">&nbsp;</span>
473
- <span class="cline-any cline-no">&nbsp;</span>
474
- <span class="cline-any cline-no">&nbsp;</span>
475
- <span class="cline-any cline-no">&nbsp;</span>
476
- <span class="cline-any cline-no">&nbsp;</span>
477
- <span class="cline-any cline-no">&nbsp;</span>
478
- <span class="cline-any cline-no">&nbsp;</span>
479
- <span class="cline-any cline-no">&nbsp;</span>
480
- <span class="cline-any cline-no">&nbsp;</span>
481
- <span class="cline-any cline-no">&nbsp;</span>
482
- <span class="cline-any cline-no">&nbsp;</span>
483
- <span class="cline-any cline-no">&nbsp;</span>
484
- <span class="cline-any cline-no">&nbsp;</span>
485
- <span class="cline-any cline-no">&nbsp;</span>
486
- <span class="cline-any cline-no">&nbsp;</span>
487
- <span class="cline-any cline-no">&nbsp;</span>
488
- <span class="cline-any cline-no">&nbsp;</span>
489
- <span class="cline-any cline-no">&nbsp;</span>
490
- <span class="cline-any cline-no">&nbsp;</span>
491
- <span class="cline-any cline-no">&nbsp;</span>
492
- <span class="cline-any cline-no">&nbsp;</span>
493
- <span class="cline-any cline-no">&nbsp;</span>
494
- <span class="cline-any cline-no">&nbsp;</span>
495
- <span class="cline-any cline-no">&nbsp;</span>
496
- <span class="cline-any cline-no">&nbsp;</span>
497
- <span class="cline-any cline-no">&nbsp;</span>
498
- <span class="cline-any cline-no">&nbsp;</span>
499
- <span class="cline-any cline-no">&nbsp;</span>
500
- <span class="cline-any cline-no">&nbsp;</span>
501
- <span class="cline-any cline-no">&nbsp;</span>
502
- <span class="cline-any cline-no">&nbsp;</span>
503
- <span class="cline-any cline-no">&nbsp;</span>
504
- <span class="cline-any cline-no">&nbsp;</span>
505
- <span class="cline-any cline-no">&nbsp;</span>
506
- <span class="cline-any cline-no">&nbsp;</span>
507
- <span class="cline-any cline-no">&nbsp;</span>
508
- <span class="cline-any cline-no">&nbsp;</span>
509
- <span class="cline-any cline-no">&nbsp;</span>
510
- <span class="cline-any cline-no">&nbsp;</span>
511
- <span class="cline-any cline-no">&nbsp;</span>
512
- <span class="cline-any cline-no">&nbsp;</span>
513
- <span class="cline-any cline-no">&nbsp;</span>
514
- <span class="cline-any cline-no">&nbsp;</span>
515
- <span class="cline-any cline-no">&nbsp;</span>
516
- <span class="cline-any cline-no">&nbsp;</span>
517
- <span class="cline-any cline-no">&nbsp;</span>
518
- <span class="cline-any cline-no">&nbsp;</span>
519
- <span class="cline-any cline-no">&nbsp;</span>
520
- <span class="cline-any cline-no">&nbsp;</span>
521
- <span class="cline-any cline-no">&nbsp;</span>
522
- <span class="cline-any cline-no">&nbsp;</span>
523
- <span class="cline-any cline-no">&nbsp;</span>
524
- <span class="cline-any cline-no">&nbsp;</span>
525
- <span class="cline-any cline-no">&nbsp;</span>
526
- <span class="cline-any cline-no">&nbsp;</span>
527
- <span class="cline-any cline-no">&nbsp;</span>
528
- <span class="cline-any cline-no">&nbsp;</span>
529
- <span class="cline-any cline-no">&nbsp;</span>
530
- <span class="cline-any cline-no">&nbsp;</span>
531
- <span class="cline-any cline-no">&nbsp;</span>
532
- <span class="cline-any cline-no">&nbsp;</span>
533
- <span class="cline-any cline-no">&nbsp;</span>
534
- <span class="cline-any cline-no">&nbsp;</span>
535
- <span class="cline-any cline-no">&nbsp;</span>
536
- <span class="cline-any cline-no">&nbsp;</span>
537
- <span class="cline-any cline-no">&nbsp;</span>
538
- <span class="cline-any cline-no">&nbsp;</span>
539
- <span class="cline-any cline-no">&nbsp;</span>
540
- <span class="cline-any cline-no">&nbsp;</span>
541
- <span class="cline-any cline-no">&nbsp;</span>
542
- <span class="cline-any cline-no">&nbsp;</span>
543
- <span class="cline-any cline-no">&nbsp;</span>
544
- <span class="cline-any cline-no">&nbsp;</span>
545
- <span class="cline-any cline-no">&nbsp;</span>
546
- <span class="cline-any cline-no">&nbsp;</span>
547
- <span class="cline-any cline-no">&nbsp;</span>
548
- <span class="cline-any cline-no">&nbsp;</span>
549
- <span class="cline-any cline-no">&nbsp;</span>
550
- <span class="cline-any cline-no">&nbsp;</span>
551
- <span class="cline-any cline-no">&nbsp;</span>
552
- <span class="cline-any cline-no">&nbsp;</span>
553
- <span class="cline-any cline-no">&nbsp;</span>
554
- <span class="cline-any cline-no">&nbsp;</span>
555
- <span class="cline-any cline-no">&nbsp;</span>
556
- <span class="cline-any cline-no">&nbsp;</span>
557
- <span class="cline-any cline-no">&nbsp;</span>
558
- <span class="cline-any cline-no">&nbsp;</span>
559
- <span class="cline-any cline-no">&nbsp;</span>
560
- <span class="cline-any cline-no">&nbsp;</span>
561
- <span class="cline-any cline-no">&nbsp;</span>
562
- <span class="cline-any cline-no">&nbsp;</span>
563
- <span class="cline-any cline-no">&nbsp;</span>
564
- <span class="cline-any cline-no">&nbsp;</span>
565
- <span class="cline-any cline-no">&nbsp;</span>
566
- <span class="cline-any cline-no">&nbsp;</span>
567
- <span class="cline-any cline-no">&nbsp;</span>
568
- <span class="cline-any cline-no">&nbsp;</span>
569
- <span class="cline-any cline-no">&nbsp;</span>
570
- <span class="cline-any cline-no">&nbsp;</span>
571
- <span class="cline-any cline-no">&nbsp;</span>
572
- <span class="cline-any cline-no">&nbsp;</span>
573
- <span class="cline-any cline-no">&nbsp;</span>
574
- <span class="cline-any cline-no">&nbsp;</span>
575
- <span class="cline-any cline-no">&nbsp;</span>
576
- <span class="cline-any cline-no">&nbsp;</span>
577
- <span class="cline-any cline-no">&nbsp;</span>
578
- <span class="cline-any cline-no">&nbsp;</span>
579
- <span class="cline-any cline-no">&nbsp;</span>
580
- <span class="cline-any cline-no">&nbsp;</span>
581
- <span class="cline-any cline-no">&nbsp;</span>
582
- <span class="cline-any cline-no">&nbsp;</span>
583
- <span class="cline-any cline-no">&nbsp;</span>
584
- <span class="cline-any cline-no">&nbsp;</span>
585
- <span class="cline-any cline-no">&nbsp;</span>
586
- <span class="cline-any cline-no">&nbsp;</span>
587
- <span class="cline-any cline-no">&nbsp;</span>
588
- <span class="cline-any cline-no">&nbsp;</span>
589
- <span class="cline-any cline-no">&nbsp;</span>
590
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use client";</span></span></span>
591
- <span class="cstat-no" title="statement not covered" >import { forwardRef, type HTMLAttributes } from "react";</span>
592
- <span class="cstat-no" title="statement not covered" >import { useElementInteraction } from "../interaction/useElementInteraction.js";</span>
593
- <span class="cstat-no" title="statement not covered" >import { useHigherContrastChildren } from "../interaction/useHigherContrastChildren.js";</span>
594
- <span class="cstat-no" title="statement not covered" >import { getListItemHeight } from "./getListItemHeight.js";</span>
595
- <span class="cstat-no" title="statement not covered" >import { ListItemChildren } from "./ListItemChildren.js";</span>
596
- <span class="cstat-no" title="statement not covered" >import { listItem } from "./listItemStyles.js";</span>
597
- <span class="cstat-no" title="statement not covered" >import { type ListItemChildrenProps, type ListItemHeight } from "./types.js";</span>
598
- <span class="cstat-no" title="statement not covered" ></span>
599
- <span class="cstat-no" title="statement not covered" >declare module "react" {</span>
600
- <span class="cstat-no" title="statement not covered" > interface CSSProperties {</span>
601
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-keyline"?: string | number;</span>
602
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-padding-h"?: string | number;</span>
603
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-padding-v"?: string | number;</span>
604
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-height"?: string | number;</span>
605
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-medium-height"?: string | number;</span>
606
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-large-height"?: string | number;</span>
607
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-extra-large-height"?: string | number;</span>
608
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-three-line-height"?: string | number;</span>
609
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-media-size"?: string | number;</span>
610
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-media-spacing"?: string | number;</span>
611
- <span class="cstat-no" title="statement not covered" > "--rmd-list-item-text-three-line-height"?: string | number;</span>
612
- <span class="cstat-no" title="statement not covered" > }</span>
613
- <span class="cstat-no" title="statement not covered" >}</span>
614
- <span class="cstat-no" title="statement not covered" ></span>
615
- <span class="cstat-no" title="statement not covered" >export interface ListItemProps</span>
616
- <span class="cstat-no" title="statement not covered" > extends HTMLAttributes&lt;HTMLLIElement&gt;,</span>
617
- <span class="cstat-no" title="statement not covered" > ListItemChildrenProps {</span>
618
- <span class="cstat-no" title="statement not covered" > /**</span>
619
- <span class="cstat-no" title="statement not covered" > * @defaultValue `"button"`</span>
620
- <span class="cstat-no" title="statement not covered" > */</span>
621
- <span class="cstat-no" title="statement not covered" > role?: HTMLAttributes&lt;HTMLLIElement&gt;["role"];</span>
622
- <span class="cstat-no" title="statement not covered" ></span>
623
- <span class="cstat-no" title="statement not covered" > /**</span>
624
- <span class="cstat-no" title="statement not covered" > * @defaultValue `disabled ? -1 : 0`</span>
625
- <span class="cstat-no" title="statement not covered" > */</span>
626
- <span class="cstat-no" title="statement not covered" > tabIndex?: number;</span>
627
- <span class="cstat-no" title="statement not covered" ></span>
628
- <span class="cstat-no" title="statement not covered" > /**</span>
629
- <span class="cstat-no" title="statement not covered" > * @see {@link ListItemHeight}</span>
630
- <span class="cstat-no" title="statement not covered" > * @defaultValue `"auto"`</span>
631
- <span class="cstat-no" title="statement not covered" > */</span>
632
- <span class="cstat-no" title="statement not covered" > height?: ListItemHeight;</span>
633
- <span class="cstat-no" title="statement not covered" ></span>
634
- <span class="cstat-no" title="statement not covered" > /**</span>
635
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
636
- <span class="cstat-no" title="statement not covered" > */</span>
637
- <span class="cstat-no" title="statement not covered" > threeLines?: boolean;</span>
638
- <span class="cstat-no" title="statement not covered" ></span>
639
- <span class="cstat-no" title="statement not covered" > /**</span>
640
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
641
- <span class="cstat-no" title="statement not covered" > */</span>
642
- <span class="cstat-no" title="statement not covered" > disabled?: boolean;</span>
643
- <span class="cstat-no" title="statement not covered" ></span>
644
- <span class="cstat-no" title="statement not covered" > /**</span>
645
- <span class="cstat-no" title="statement not covered" > * Note: This does nothing if the `disabled` prop is not enabled.</span>
646
- <span class="cstat-no" title="statement not covered" > *</span>
647
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
648
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 2.4.3</span>
649
- <span class="cstat-no" title="statement not covered" > */</span>
650
- <span class="cstat-no" title="statement not covered" > disabledOpacity?: boolean;</span>
651
- <span class="cstat-no" title="statement not covered" ></span>
652
- <span class="cstat-no" title="statement not covered" > /**</span>
653
- <span class="cstat-no" title="statement not covered" > * Set this to `false` if the list item should not gain the interaction</span>
654
- <span class="cstat-no" title="statement not covered" > * states: hover, focus, press, etc. This is kind of like being disabled</span>
655
- <span class="cstat-no" title="statement not covered" > * without the disabled styles being applied.</span>
656
- <span class="cstat-no" title="statement not covered" > *</span>
657
- <span class="cstat-no" title="statement not covered" > * @defaultValue `role === "presentation"`</span>
658
- <span class="cstat-no" title="statement not covered" > */</span>
659
- <span class="cstat-no" title="statement not covered" > presentational?: boolean;</span>
660
- <span class="cstat-no" title="statement not covered" >}</span>
661
- <span class="cstat-no" title="statement not covered" ></span>
662
- <span class="cstat-no" title="statement not covered" >/**</span>
663
- <span class="cstat-no" title="statement not covered" > * **Client Component**</span>
664
- <span class="cstat-no" title="statement not covered" > *</span>
665
- <span class="cstat-no" title="statement not covered" > * The `ListItem` is used to create a clickable/focusable button within a</span>
666
- <span class="cstat-no" title="statement not covered" > * `List` and removes the normal `&lt;li&gt;` styles.</span>
667
- <span class="cstat-no" title="statement not covered" > *</span>
668
- <span class="cstat-no" title="statement not covered" > * @example</span>
669
- <span class="cstat-no" title="statement not covered" > * Simple Example</span>
670
- <span class="cstat-no" title="statement not covered" > * ```tsx</span>
671
- <span class="cstat-no" title="statement not covered" > * import { List, ListItem } from "@react-md/core";</span>
672
- <span class="cstat-no" title="statement not covered" > * import type { ReactElement } from "react";</span>
673
- <span class="cstat-no" title="statement not covered" > *</span>
674
- <span class="cstat-no" title="statement not covered" > * function Example(): ReactElement {</span>
675
- <span class="cstat-no" title="statement not covered" > * return (</span>
676
- <span class="cstat-no" title="statement not covered" > * &lt;List&gt;</span>
677
- <span class="cstat-no" title="statement not covered" > * &lt;ListItem</span>
678
- <span class="cstat-no" title="statement not covered" > * onClick={() =&gt; {</span>
679
- <span class="cstat-no" title="statement not covered" > * // do something</span>
680
- <span class="cstat-no" title="statement not covered" > * }}</span>
681
- <span class="cstat-no" title="statement not covered" > * &gt;</span>
682
- <span class="cstat-no" title="statement not covered" > * Item 1</span>
683
- <span class="cstat-no" title="statement not covered" > * &lt;/ListItem&gt;</span>
684
- <span class="cstat-no" title="statement not covered" > * &lt;ListItem</span>
685
- <span class="cstat-no" title="statement not covered" > * onClick={() =&gt; {</span>
686
- <span class="cstat-no" title="statement not covered" > * // do something</span>
687
- <span class="cstat-no" title="statement not covered" > * }}</span>
688
- <span class="cstat-no" title="statement not covered" > * secondaryText={&lt;span&gt;Some &lt;strong&gt;additional&lt;/strong&gt; content.&lt;/span&gt;}</span>
689
- <span class="cstat-no" title="statement not covered" > * &gt;</span>
690
- <span class="cstat-no" title="statement not covered" > * Item 2</span>
691
- <span class="cstat-no" title="statement not covered" > * &lt;/ListItem&gt;</span>
692
- <span class="cstat-no" title="statement not covered" > * &lt;/List&gt;</span>
693
- <span class="cstat-no" title="statement not covered" > * );</span>
694
- <span class="cstat-no" title="statement not covered" > * );</span>
695
- <span class="cstat-no" title="statement not covered" > * }</span>
696
- <span class="cstat-no" title="statement not covered" > * ```</span>
697
- <span class="cstat-no" title="statement not covered" > *</span>
698
- <span class="cstat-no" title="statement not covered" > * @example</span>
699
- <span class="cstat-no" title="statement not covered" > * Applying Addons Example</span>
700
- <span class="cstat-no" title="statement not covered" > * ```tsx</span>
701
- <span class="cstat-no" title="statement not covered" > * import { List, ListItem } from "@react-md/core";</span>
702
- <span class="cstat-no" title="statement not covered" > * import FavoriteIcon from "@react-md/material-icons/FavoriteIcon";</span>
703
- <span class="cstat-no" title="statement not covered" > * import type { ReactElement } from "react";</span>
704
- <span class="cstat-no" title="statement not covered" > *</span>
705
- <span class="cstat-no" title="statement not covered" > * function Example(): ReactElement {</span>
706
- <span class="cstat-no" title="statement not covered" > * return (</span>
707
- <span class="cstat-no" title="statement not covered" > * &lt;List&gt;</span>
708
- <span class="cstat-no" title="statement not covered" > * &lt;ListItem leftAddon={&lt;FavoriteIcon /&gt;}&gt;</span>
709
- <span class="cstat-no" title="statement not covered" > * Item 1</span>
710
- <span class="cstat-no" title="statement not covered" > * &lt;/ListItem&gt;</span>
711
- <span class="cstat-no" title="statement not covered" > * &lt;ListItem rightAddon={&lt;FavoriteIcon /&gt;}&gt;</span>
712
- <span class="cstat-no" title="statement not covered" > * Item 2</span>
713
- <span class="cstat-no" title="statement not covered" > * &lt;/ListItem&gt;</span>
714
- <span class="cstat-no" title="statement not covered" > * &lt;ListItem</span>
715
- <span class="cstat-no" title="statement not covered" > * leftAddon={&lt;FavoriteIcon /&gt;}</span>
716
- <span class="cstat-no" title="statement not covered" > * rightAddon={&lt;img alt="" src="/some-image.png" /&gt;}</span>
717
- <span class="cstat-no" title="statement not covered" > * rightAddonType="media"</span>
718
- <span class="cstat-no" title="statement not covered" > * &gt;</span>
719
- <span class="cstat-no" title="statement not covered" > * Item 3</span>
720
- <span class="cstat-no" title="statement not covered" > * &lt;/ListItem&gt;</span>
721
- <span class="cstat-no" title="statement not covered" > * &lt;/List&gt;</span>
722
- <span class="cstat-no" title="statement not covered" > * );</span>
723
- <span class="cstat-no" title="statement not covered" > * );</span>
724
- <span class="cstat-no" title="statement not covered" > * }</span>
725
- <span class="cstat-no" title="statement not covered" > * ```</span>
726
- <span class="cstat-no" title="statement not covered" > */</span>
727
- <span class="cstat-no" title="statement not covered" >export const ListItem = forwardRef&lt;HTMLLIElement, ListItemProps&gt;(</span>
728
- <span class="cstat-no" title="statement not covered" > function ListItem(props, ref) {</span>
729
- <span class="cstat-no" title="statement not covered" > const {</span>
730
- <span class="cstat-no" title="statement not covered" > className,</span>
731
- <span class="cstat-no" title="statement not covered" > textProps,</span>
732
- <span class="cstat-no" title="statement not covered" > textClassName,</span>
733
- <span class="cstat-no" title="statement not covered" > secondaryTextClassName,</span>
734
- <span class="cstat-no" title="statement not covered" > primaryText,</span>
735
- <span class="cstat-no" title="statement not covered" > secondaryText,</span>
736
- <span class="cstat-no" title="statement not covered" > secondaryTextProps,</span>
737
- <span class="cstat-no" title="statement not covered" > disableTextChildren = false,</span>
738
- <span class="cstat-no" title="statement not covered" > height: propHeight = "auto",</span>
739
- <span class="cstat-no" title="statement not covered" > leftAddon,</span>
740
- <span class="cstat-no" title="statement not covered" > leftAddonType = "icon",</span>
741
- <span class="cstat-no" title="statement not covered" > leftAddonPosition = "middle",</span>
742
- <span class="cstat-no" title="statement not covered" > leftAddonClassName,</span>
743
- <span class="cstat-no" title="statement not covered" > leftAddonForceWrap,</span>
744
- <span class="cstat-no" title="statement not covered" > rightAddon,</span>
745
- <span class="cstat-no" title="statement not covered" > rightAddonType = "icon",</span>
746
- <span class="cstat-no" title="statement not covered" > rightAddonPosition = "middle",</span>
747
- <span class="cstat-no" title="statement not covered" > rightAddonClassName,</span>
748
- <span class="cstat-no" title="statement not covered" > rightAddonForceWrap,</span>
749
- <span class="cstat-no" title="statement not covered" > disableLeftAddonCenteredMedia = false,</span>
750
- <span class="cstat-no" title="statement not covered" > disableRightAddonCenteredMedia = false,</span>
751
- <span class="cstat-no" title="statement not covered" > threeLines = false,</span>
752
- <span class="cstat-no" title="statement not covered" > disabled = false,</span>
753
- <span class="cstat-no" title="statement not covered" > disabledOpacity = false,</span>
754
- <span class="cstat-no" title="statement not covered" > role = "button",</span>
755
- <span class="cstat-no" title="statement not covered" > onBlur,</span>
756
- <span class="cstat-no" title="statement not covered" > onClick,</span>
757
- <span class="cstat-no" title="statement not covered" > onKeyDown,</span>
758
- <span class="cstat-no" title="statement not covered" > onKeyUp,</span>
759
- <span class="cstat-no" title="statement not covered" > onMouseDown,</span>
760
- <span class="cstat-no" title="statement not covered" > onMouseUp,</span>
761
- <span class="cstat-no" title="statement not covered" > onMouseLeave,</span>
762
- <span class="cstat-no" title="statement not covered" > onDragStart,</span>
763
- <span class="cstat-no" title="statement not covered" > onTouchStart,</span>
764
- <span class="cstat-no" title="statement not covered" > onTouchEnd,</span>
765
- <span class="cstat-no" title="statement not covered" > onTouchMove,</span>
766
- <span class="cstat-no" title="statement not covered" > tabIndex: propTabIndex,</span>
767
- <span class="cstat-no" title="statement not covered" > children: propChildren,</span>
768
- <span class="cstat-no" title="statement not covered" > presentational = role === "presentation",</span>
769
- <span class="cstat-no" title="statement not covered" > ...remaining</span>
770
- <span class="cstat-no" title="statement not covered" > } = props;</span>
771
- <span class="cstat-no" title="statement not covered" ></span>
772
- <span class="cstat-no" title="statement not covered" > let tabIndex = propTabIndex;</span>
773
- <span class="cstat-no" title="statement not covered" > if (!presentational &amp;&amp; typeof tabIndex === "undefined") {</span>
774
- <span class="cstat-no" title="statement not covered" > tabIndex = disabled ? -1 : 0;</span>
775
- <span class="cstat-no" title="statement not covered" > }</span>
776
- <span class="cstat-no" title="statement not covered" ></span>
777
- <span class="cstat-no" title="statement not covered" > const { pressedClassName, ripples, handlers } = useElementInteraction({</span>
778
- <span class="cstat-no" title="statement not covered" > onBlur,</span>
779
- <span class="cstat-no" title="statement not covered" > onClick,</span>
780
- <span class="cstat-no" title="statement not covered" > onKeyDown,</span>
781
- <span class="cstat-no" title="statement not covered" > onKeyUp,</span>
782
- <span class="cstat-no" title="statement not covered" > onMouseDown,</span>
783
- <span class="cstat-no" title="statement not covered" > onMouseUp,</span>
784
- <span class="cstat-no" title="statement not covered" > onMouseLeave,</span>
785
- <span class="cstat-no" title="statement not covered" > onDragStart,</span>
786
- <span class="cstat-no" title="statement not covered" > onTouchStart,</span>
787
- <span class="cstat-no" title="statement not covered" > onTouchEnd,</span>
788
- <span class="cstat-no" title="statement not covered" > onTouchMove,</span>
789
- <span class="cstat-no" title="statement not covered" > disabled: disabled || presentational,</span>
790
- <span class="cstat-no" title="statement not covered" > });</span>
791
- <span class="cstat-no" title="statement not covered" > const children = useHigherContrastChildren(</span>
792
- <span class="cstat-no" title="statement not covered" > propChildren,</span>
793
- <span class="cstat-no" title="statement not covered" > !disableTextChildren</span>
794
- <span class="cstat-no" title="statement not covered" > );</span>
795
- <span class="cstat-no" title="statement not covered" ></span>
796
- <span class="cstat-no" title="statement not covered" > const height = getListItemHeight({</span>
797
- <span class="cstat-no" title="statement not covered" > height: propHeight,</span>
798
- <span class="cstat-no" title="statement not covered" > leftAddon,</span>
799
- <span class="cstat-no" title="statement not covered" > leftAddonType,</span>
800
- <span class="cstat-no" title="statement not covered" > rightAddon,</span>
801
- <span class="cstat-no" title="statement not covered" > rightAddonType,</span>
802
- <span class="cstat-no" title="statement not covered" > secondaryText,</span>
803
- <span class="cstat-no" title="statement not covered" > });</span>
804
- <span class="cstat-no" title="statement not covered" ></span>
805
- <span class="cstat-no" title="statement not covered" > return (</span>
806
- <span class="cstat-no" title="statement not covered" > &lt;li</span>
807
- <span class="cstat-no" title="statement not covered" > {...remaining}</span>
808
- <span class="cstat-no" title="statement not covered" > {...handlers}</span>
809
- <span class="cstat-no" title="statement not covered" > aria-disabled={disabled || undefined}</span>
810
- <span class="cstat-no" title="statement not covered" > ref={ref}</span>
811
- <span class="cstat-no" title="statement not covered" > role={role}</span>
812
- <span class="cstat-no" title="statement not covered" > tabIndex={tabIndex}</span>
813
- <span class="cstat-no" title="statement not covered" > className={listItem({</span>
814
- <span class="cstat-no" title="statement not covered" > className,</span>
815
- <span class="cstat-no" title="statement not covered" > height,</span>
816
- <span class="cstat-no" title="statement not covered" > disabled,</span>
817
- <span class="cstat-no" title="statement not covered" > disabledOpacity,</span>
818
- <span class="cstat-no" title="statement not covered" > threeLines,</span>
819
- <span class="cstat-no" title="statement not covered" > clickable: !presentational,</span>
820
- <span class="cstat-no" title="statement not covered" > pressedClassName,</span>
821
- <span class="cstat-no" title="statement not covered" > })}</span>
822
- <span class="cstat-no" title="statement not covered" > &gt;</span>
823
- <span class="cstat-no" title="statement not covered" > &lt;ListItemChildren</span>
824
- <span class="cstat-no" title="statement not covered" > threeLines={threeLines}</span>
825
- <span class="cstat-no" title="statement not covered" > textClassName={textClassName}</span>
826
- <span class="cstat-no" title="statement not covered" > secondaryTextClassName={secondaryTextClassName}</span>
827
- <span class="cstat-no" title="statement not covered" > disableTextChildren={disableTextChildren}</span>
828
- <span class="cstat-no" title="statement not covered" > primaryText={primaryText}</span>
829
- <span class="cstat-no" title="statement not covered" > textProps={textProps}</span>
830
- <span class="cstat-no" title="statement not covered" > secondaryText={secondaryText}</span>
831
- <span class="cstat-no" title="statement not covered" > secondaryTextProps={secondaryTextProps}</span>
832
- <span class="cstat-no" title="statement not covered" > leftAddon={leftAddon}</span>
833
- <span class="cstat-no" title="statement not covered" > leftAddonType={leftAddonType}</span>
834
- <span class="cstat-no" title="statement not covered" > leftAddonPosition={leftAddonPosition}</span>
835
- <span class="cstat-no" title="statement not covered" > leftAddonClassName={leftAddonClassName}</span>
836
- <span class="cstat-no" title="statement not covered" > leftAddonForceWrap={leftAddonForceWrap}</span>
837
- <span class="cstat-no" title="statement not covered" > rightAddon={rightAddon}</span>
838
- <span class="cstat-no" title="statement not covered" > rightAddonType={rightAddonType}</span>
839
- <span class="cstat-no" title="statement not covered" > rightAddonPosition={rightAddonPosition}</span>
840
- <span class="cstat-no" title="statement not covered" > rightAddonClassName={rightAddonClassName}</span>
841
- <span class="cstat-no" title="statement not covered" > rightAddonForceWrap={rightAddonForceWrap}</span>
842
- <span class="cstat-no" title="statement not covered" > disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}</span>
843
- <span class="cstat-no" title="statement not covered" > disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}</span>
844
- <span class="cstat-no" title="statement not covered" > &gt;</span>
845
- <span class="cstat-no" title="statement not covered" > {children}</span>
846
- <span class="cstat-no" title="statement not covered" > &lt;/ListItemChildren&gt;</span>
847
- <span class="cstat-no" title="statement not covered" > {ripples}</span>
848
- <span class="cstat-no" title="statement not covered" > &lt;/li&gt;</span>
849
- <span class="cstat-no" title="statement not covered" > );</span>
850
- <span class="cstat-no" title="statement not covered" > }</span>
851
- <span class="cstat-no" title="statement not covered" >);</span>
328
+ <a name='L263'></a><a href='#L263'>263</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
329
+ <span class="cline-any cline-yes">1x</span>
330
+ <span class="cline-any cline-yes">1x</span>
331
+ <span class="cline-any cline-yes">1x</span>
332
+ <span class="cline-any cline-yes">1x</span>
333
+ <span class="cline-any cline-yes">1x</span>
334
+ <span class="cline-any cline-yes">1x</span>
335
+ <span class="cline-any cline-yes">1x</span>
336
+ <span class="cline-any cline-yes">1x</span>
337
+ <span class="cline-any cline-yes">1x</span>
338
+ <span class="cline-any cline-yes">1x</span>
339
+ <span class="cline-any cline-yes">1x</span>
340
+ <span class="cline-any cline-yes">1x</span>
341
+ <span class="cline-any cline-yes">1x</span>
342
+ <span class="cline-any cline-yes">1x</span>
343
+ <span class="cline-any cline-yes">1x</span>
344
+ <span class="cline-any cline-yes">1x</span>
345
+ <span class="cline-any cline-yes">1x</span>
346
+ <span class="cline-any cline-yes">1x</span>
347
+ <span class="cline-any cline-yes">1x</span>
348
+ <span class="cline-any cline-yes">1x</span>
349
+ <span class="cline-any cline-yes">1x</span>
350
+ <span class="cline-any cline-yes">1x</span>
351
+ <span class="cline-any cline-yes">1x</span>
352
+ <span class="cline-any cline-yes">1x</span>
353
+ <span class="cline-any cline-yes">1x</span>
354
+ <span class="cline-any cline-yes">1x</span>
355
+ <span class="cline-any cline-yes">1x</span>
356
+ <span class="cline-any cline-yes">1x</span>
357
+ <span class="cline-any cline-yes">1x</span>
358
+ <span class="cline-any cline-yes">1x</span>
359
+ <span class="cline-any cline-yes">1x</span>
360
+ <span class="cline-any cline-yes">1x</span>
361
+ <span class="cline-any cline-yes">1x</span>
362
+ <span class="cline-any cline-yes">1x</span>
363
+ <span class="cline-any cline-yes">1x</span>
364
+ <span class="cline-any cline-yes">1x</span>
365
+ <span class="cline-any cline-yes">1x</span>
366
+ <span class="cline-any cline-yes">1x</span>
367
+ <span class="cline-any cline-yes">1x</span>
368
+ <span class="cline-any cline-yes">1x</span>
369
+ <span class="cline-any cline-yes">1x</span>
370
+ <span class="cline-any cline-yes">1x</span>
371
+ <span class="cline-any cline-yes">1x</span>
372
+ <span class="cline-any cline-yes">1x</span>
373
+ <span class="cline-any cline-yes">1x</span>
374
+ <span class="cline-any cline-yes">1x</span>
375
+ <span class="cline-any cline-yes">1x</span>
376
+ <span class="cline-any cline-yes">1x</span>
377
+ <span class="cline-any cline-yes">1x</span>
378
+ <span class="cline-any cline-yes">1x</span>
379
+ <span class="cline-any cline-yes">1x</span>
380
+ <span class="cline-any cline-yes">1x</span>
381
+ <span class="cline-any cline-yes">1x</span>
382
+ <span class="cline-any cline-yes">1x</span>
383
+ <span class="cline-any cline-yes">1x</span>
384
+ <span class="cline-any cline-yes">1x</span>
385
+ <span class="cline-any cline-yes">1x</span>
386
+ <span class="cline-any cline-yes">1x</span>
387
+ <span class="cline-any cline-yes">1x</span>
388
+ <span class="cline-any cline-yes">1x</span>
389
+ <span class="cline-any cline-yes">1x</span>
390
+ <span class="cline-any cline-yes">1x</span>
391
+ <span class="cline-any cline-yes">1x</span>
392
+ <span class="cline-any cline-yes">1x</span>
393
+ <span class="cline-any cline-yes">1x</span>
394
+ <span class="cline-any cline-yes">1x</span>
395
+ <span class="cline-any cline-yes">1x</span>
396
+ <span class="cline-any cline-yes">1x</span>
397
+ <span class="cline-any cline-yes">1x</span>
398
+ <span class="cline-any cline-yes">1x</span>
399
+ <span class="cline-any cline-yes">1x</span>
400
+ <span class="cline-any cline-yes">1x</span>
401
+ <span class="cline-any cline-yes">1x</span>
402
+ <span class="cline-any cline-yes">1x</span>
403
+ <span class="cline-any cline-yes">1x</span>
404
+ <span class="cline-any cline-yes">1x</span>
405
+ <span class="cline-any cline-yes">1x</span>
406
+ <span class="cline-any cline-yes">1x</span>
407
+ <span class="cline-any cline-yes">1x</span>
408
+ <span class="cline-any cline-yes">1x</span>
409
+ <span class="cline-any cline-yes">1x</span>
410
+ <span class="cline-any cline-yes">1x</span>
411
+ <span class="cline-any cline-yes">1x</span>
412
+ <span class="cline-any cline-yes">1x</span>
413
+ <span class="cline-any cline-yes">1x</span>
414
+ <span class="cline-any cline-yes">1x</span>
415
+ <span class="cline-any cline-yes">1x</span>
416
+ <span class="cline-any cline-yes">1x</span>
417
+ <span class="cline-any cline-yes">1x</span>
418
+ <span class="cline-any cline-yes">1x</span>
419
+ <span class="cline-any cline-yes">1x</span>
420
+ <span class="cline-any cline-yes">1x</span>
421
+ <span class="cline-any cline-yes">1x</span>
422
+ <span class="cline-any cline-yes">1x</span>
423
+ <span class="cline-any cline-yes">1x</span>
424
+ <span class="cline-any cline-yes">1x</span>
425
+ <span class="cline-any cline-yes">1x</span>
426
+ <span class="cline-any cline-yes">1x</span>
427
+ <span class="cline-any cline-yes">1x</span>
428
+ <span class="cline-any cline-yes">1x</span>
429
+ <span class="cline-any cline-yes">1x</span>
430
+ <span class="cline-any cline-yes">1x</span>
431
+ <span class="cline-any cline-yes">1x</span>
432
+ <span class="cline-any cline-yes">1x</span>
433
+ <span class="cline-any cline-yes">1x</span>
434
+ <span class="cline-any cline-yes">1x</span>
435
+ <span class="cline-any cline-yes">1x</span>
436
+ <span class="cline-any cline-yes">1x</span>
437
+ <span class="cline-any cline-yes">1x</span>
438
+ <span class="cline-any cline-yes">1x</span>
439
+ <span class="cline-any cline-yes">1x</span>
440
+ <span class="cline-any cline-yes">1x</span>
441
+ <span class="cline-any cline-yes">1x</span>
442
+ <span class="cline-any cline-yes">1x</span>
443
+ <span class="cline-any cline-yes">1x</span>
444
+ <span class="cline-any cline-yes">1x</span>
445
+ <span class="cline-any cline-yes">1x</span>
446
+ <span class="cline-any cline-yes">1x</span>
447
+ <span class="cline-any cline-yes">1x</span>
448
+ <span class="cline-any cline-yes">1x</span>
449
+ <span class="cline-any cline-yes">1x</span>
450
+ <span class="cline-any cline-yes">1x</span>
451
+ <span class="cline-any cline-yes">1x</span>
452
+ <span class="cline-any cline-yes">1x</span>
453
+ <span class="cline-any cline-yes">1x</span>
454
+ <span class="cline-any cline-yes">1x</span>
455
+ <span class="cline-any cline-yes">1x</span>
456
+ <span class="cline-any cline-yes">1x</span>
457
+ <span class="cline-any cline-yes">1x</span>
458
+ <span class="cline-any cline-yes">1x</span>
459
+ <span class="cline-any cline-yes">1x</span>
460
+ <span class="cline-any cline-yes">1x</span>
461
+ <span class="cline-any cline-yes">1x</span>
462
+ <span class="cline-any cline-yes">1x</span>
463
+ <span class="cline-any cline-yes">1x</span>
464
+ <span class="cline-any cline-yes">1x</span>
465
+ <span class="cline-any cline-yes">1x</span>
466
+ <span class="cline-any cline-yes">1x</span>
467
+ <span class="cline-any cline-yes">320x</span>
468
+ <span class="cline-any cline-yes">320x</span>
469
+ <span class="cline-any cline-yes">320x</span>
470
+ <span class="cline-any cline-yes">320x</span>
471
+ <span class="cline-any cline-yes">320x</span>
472
+ <span class="cline-any cline-yes">320x</span>
473
+ <span class="cline-any cline-yes">320x</span>
474
+ <span class="cline-any cline-yes">320x</span>
475
+ <span class="cline-any cline-yes">320x</span>
476
+ <span class="cline-any cline-yes">320x</span>
477
+ <span class="cline-any cline-yes">320x</span>
478
+ <span class="cline-any cline-yes">320x</span>
479
+ <span class="cline-any cline-yes">320x</span>
480
+ <span class="cline-any cline-yes">320x</span>
481
+ <span class="cline-any cline-yes">320x</span>
482
+ <span class="cline-any cline-yes">320x</span>
483
+ <span class="cline-any cline-yes">320x</span>
484
+ <span class="cline-any cline-yes">320x</span>
485
+ <span class="cline-any cline-yes">320x</span>
486
+ <span class="cline-any cline-yes">320x</span>
487
+ <span class="cline-any cline-yes">320x</span>
488
+ <span class="cline-any cline-yes">320x</span>
489
+ <span class="cline-any cline-yes">320x</span>
490
+ <span class="cline-any cline-yes">320x</span>
491
+ <span class="cline-any cline-yes">320x</span>
492
+ <span class="cline-any cline-yes">320x</span>
493
+ <span class="cline-any cline-yes">320x</span>
494
+ <span class="cline-any cline-yes">320x</span>
495
+ <span class="cline-any cline-yes">320x</span>
496
+ <span class="cline-any cline-yes">320x</span>
497
+ <span class="cline-any cline-yes">320x</span>
498
+ <span class="cline-any cline-yes">320x</span>
499
+ <span class="cline-any cline-yes">320x</span>
500
+ <span class="cline-any cline-yes">320x</span>
501
+ <span class="cline-any cline-yes">320x</span>
502
+ <span class="cline-any cline-yes">320x</span>
503
+ <span class="cline-any cline-yes">320x</span>
504
+ <span class="cline-any cline-yes">320x</span>
505
+ <span class="cline-any cline-yes">320x</span>
506
+ <span class="cline-any cline-yes">320x</span>
507
+ <span class="cline-any cline-yes">320x</span>
508
+ <span class="cline-any cline-yes">320x</span>
509
+ <span class="cline-any cline-yes">320x</span>
510
+ <span class="cline-any cline-yes">320x</span>
511
+ <span class="cline-any cline-yes">320x</span>
512
+ <span class="cline-any cline-yes">31x</span>
513
+ <span class="cline-any cline-yes">31x</span>
514
+ <span class="cline-any cline-yes">320x</span>
515
+ <span class="cline-any cline-yes">320x</span>
516
+ <span class="cline-any cline-yes">320x</span>
517
+ <span class="cline-any cline-yes">320x</span>
518
+ <span class="cline-any cline-yes">320x</span>
519
+ <span class="cline-any cline-yes">320x</span>
520
+ <span class="cline-any cline-yes">320x</span>
521
+ <span class="cline-any cline-yes">320x</span>
522
+ <span class="cline-any cline-yes">320x</span>
523
+ <span class="cline-any cline-yes">320x</span>
524
+ <span class="cline-any cline-yes">320x</span>
525
+ <span class="cline-any cline-yes">320x</span>
526
+ <span class="cline-any cline-yes">320x</span>
527
+ <span class="cline-any cline-yes">320x</span>
528
+ <span class="cline-any cline-yes">320x</span>
529
+ <span class="cline-any cline-yes">320x</span>
530
+ <span class="cline-any cline-yes">320x</span>
531
+ <span class="cline-any cline-yes">320x</span>
532
+ <span class="cline-any cline-yes">320x</span>
533
+ <span class="cline-any cline-yes">320x</span>
534
+ <span class="cline-any cline-yes">320x</span>
535
+ <span class="cline-any cline-yes">320x</span>
536
+ <span class="cline-any cline-yes">320x</span>
537
+ <span class="cline-any cline-yes">320x</span>
538
+ <span class="cline-any cline-yes">320x</span>
539
+ <span class="cline-any cline-yes">320x</span>
540
+ <span class="cline-any cline-yes">320x</span>
541
+ <span class="cline-any cline-yes">320x</span>
542
+ <span class="cline-any cline-yes">320x</span>
543
+ <span class="cline-any cline-yes">320x</span>
544
+ <span class="cline-any cline-yes">320x</span>
545
+ <span class="cline-any cline-yes">320x</span>
546
+ <span class="cline-any cline-yes">320x</span>
547
+ <span class="cline-any cline-yes">320x</span>
548
+ <span class="cline-any cline-yes">320x</span>
549
+ <span class="cline-any cline-yes">320x</span>
550
+ <span class="cline-any cline-yes">320x</span>
551
+ <span class="cline-any cline-yes">320x</span>
552
+ <span class="cline-any cline-yes">320x</span>
553
+ <span class="cline-any cline-yes">320x</span>
554
+ <span class="cline-any cline-yes">320x</span>
555
+ <span class="cline-any cline-yes">320x</span>
556
+ <span class="cline-any cline-yes">320x</span>
557
+ <span class="cline-any cline-yes">320x</span>
558
+ <span class="cline-any cline-yes">320x</span>
559
+ <span class="cline-any cline-yes">320x</span>
560
+ <span class="cline-any cline-yes">320x</span>
561
+ <span class="cline-any cline-yes">320x</span>
562
+ <span class="cline-any cline-yes">320x</span>
563
+ <span class="cline-any cline-yes">320x</span>
564
+ <span class="cline-any cline-yes">320x</span>
565
+ <span class="cline-any cline-yes">320x</span>
566
+ <span class="cline-any cline-yes">320x</span>
567
+ <span class="cline-any cline-yes">320x</span>
568
+ <span class="cline-any cline-yes">320x</span>
569
+ <span class="cline-any cline-yes">320x</span>
570
+ <span class="cline-any cline-yes">320x</span>
571
+ <span class="cline-any cline-yes">320x</span>
572
+ <span class="cline-any cline-yes">320x</span>
573
+ <span class="cline-any cline-yes">320x</span>
574
+ <span class="cline-any cline-yes">320x</span>
575
+ <span class="cline-any cline-yes">320x</span>
576
+ <span class="cline-any cline-yes">320x</span>
577
+ <span class="cline-any cline-yes">320x</span>
578
+ <span class="cline-any cline-yes">320x</span>
579
+ <span class="cline-any cline-yes">320x</span>
580
+ <span class="cline-any cline-yes">320x</span>
581
+ <span class="cline-any cline-yes">320x</span>
582
+ <span class="cline-any cline-yes">320x</span>
583
+ <span class="cline-any cline-yes">320x</span>
584
+ <span class="cline-any cline-yes">320x</span>
585
+ <span class="cline-any cline-yes">320x</span>
586
+ <span class="cline-any cline-yes">320x</span>
587
+ <span class="cline-any cline-yes">320x</span>
588
+ <span class="cline-any cline-yes">320x</span>
589
+ <span class="cline-any cline-yes">1x</span>
590
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
591
+ import { forwardRef, type HTMLAttributes } from "react";
592
+ import { useElementInteraction } from "../interaction/useElementInteraction.js";
593
+ import { useHigherContrastChildren } from "../interaction/useHigherContrastChildren.js";
594
+ import { getListItemHeight } from "./getListItemHeight.js";
595
+ import { ListItemChildren } from "./ListItemChildren.js";
596
+ import { listItem } from "./listItemStyles.js";
597
+ import { type ListItemChildrenProps, type ListItemHeight } from "./types.js";
598
+ &nbsp;
599
+ declare module "react" {
600
+ interface CSSProperties {
601
+ "--rmd-list-item-keyline"?: string | number;
602
+ "--rmd-list-item-padding-h"?: string | number;
603
+ "--rmd-list-item-padding-v"?: string | number;
604
+ "--rmd-list-item-height"?: string | number;
605
+ "--rmd-list-item-medium-height"?: string | number;
606
+ "--rmd-list-item-large-height"?: string | number;
607
+ "--rmd-list-item-extra-large-height"?: string | number;
608
+ "--rmd-list-item-three-line-height"?: string | number;
609
+ "--rmd-list-item-media-size"?: string | number;
610
+ "--rmd-list-item-media-spacing"?: string | number;
611
+ "--rmd-list-item-text-three-line-height"?: string | number;
612
+ }
613
+ }
614
+ &nbsp;
615
+ export interface ListItemProps
616
+ extends HTMLAttributes&lt;HTMLLIElement&gt;,
617
+ ListItemChildrenProps {
618
+ /**
619
+ * @defaultValue `"button"`
620
+ */
621
+ role?: HTMLAttributes&lt;HTMLLIElement&gt;["role"];
622
+ &nbsp;
623
+ /**
624
+ * @defaultValue `disabled ? -1 : 0`
625
+ */
626
+ tabIndex?: number;
627
+ &nbsp;
628
+ /**
629
+ * @see {@link ListItemHeight}
630
+ * @defaultValue `"auto"`
631
+ */
632
+ height?: ListItemHeight;
633
+ &nbsp;
634
+ /**
635
+ * @defaultValue `false`
636
+ */
637
+ threeLines?: boolean;
638
+ &nbsp;
639
+ /**
640
+ * @defaultValue `false`
641
+ */
642
+ disabled?: boolean;
643
+ &nbsp;
644
+ /**
645
+ * Note: This does nothing if the `disabled` prop is not enabled.
646
+ *
647
+ * @defaultValue `false`
648
+ * @remarks \@since 2.4.3
649
+ */
650
+ disabledOpacity?: boolean;
651
+ &nbsp;
652
+ /**
653
+ * Set this to `false` if the list item should not gain the interaction
654
+ * states: hover, focus, press, etc. This is kind of like being disabled
655
+ * without the disabled styles being applied.
656
+ *
657
+ * @defaultValue `role === "presentation"`
658
+ */
659
+ presentational?: boolean;
660
+ }
661
+ &nbsp;
662
+ /**
663
+ * **Client Component**
664
+ *
665
+ * The `ListItem` is used to create a clickable/focusable button within a
666
+ * `List` and removes the normal `&lt;li&gt;` styles.
667
+ *
668
+ * @example
669
+ * Simple Example
670
+ * ```tsx
671
+ * import { List, ListItem } from "@react-md/core";
672
+ * import type { ReactElement } from "react";
673
+ *
674
+ * function Example(): ReactElement {
675
+ * return (
676
+ * &lt;List&gt;
677
+ * &lt;ListItem
678
+ * onClick={() =&gt; {
679
+ * // do something
680
+ * }}
681
+ * &gt;
682
+ * Item 1
683
+ * &lt;/ListItem&gt;
684
+ * &lt;ListItem
685
+ * onClick={() =&gt; {
686
+ * // do something
687
+ * }}
688
+ * secondaryText={&lt;span&gt;Some &lt;strong&gt;additional&lt;/strong&gt; content.&lt;/span&gt;}
689
+ * &gt;
690
+ * Item 2
691
+ * &lt;/ListItem&gt;
692
+ * &lt;/List&gt;
693
+ * );
694
+ * );
695
+ * }
696
+ * ```
697
+ *
698
+ * @example
699
+ * Applying Addons Example
700
+ * ```tsx
701
+ * import { List, ListItem } from "@react-md/core";
702
+ * import FavoriteIcon from "@react-md/material-icons/FavoriteIcon";
703
+ * import type { ReactElement } from "react";
704
+ *
705
+ * function Example(): ReactElement {
706
+ * return (
707
+ * &lt;List&gt;
708
+ * &lt;ListItem leftAddon={&lt;FavoriteIcon /&gt;}&gt;
709
+ * Item 1
710
+ * &lt;/ListItem&gt;
711
+ * &lt;ListItem rightAddon={&lt;FavoriteIcon /&gt;}&gt;
712
+ * Item 2
713
+ * &lt;/ListItem&gt;
714
+ * &lt;ListItem
715
+ * leftAddon={&lt;FavoriteIcon /&gt;}
716
+ * rightAddon={&lt;img alt="" src="/some-image.png" /&gt;}
717
+ * rightAddonType="media"
718
+ * &gt;
719
+ * Item 3
720
+ * &lt;/ListItem&gt;
721
+ * &lt;/List&gt;
722
+ * );
723
+ * );
724
+ * }
725
+ * ```
726
+ */
727
+ export const ListItem = forwardRef&lt;HTMLLIElement, ListItemProps&gt;(
728
+ function ListItem(props, ref) {
729
+ const {
730
+ className,
731
+ textProps,
732
+ textClassName,
733
+ secondaryTextClassName,
734
+ primaryText,
735
+ secondaryText,
736
+ secondaryTextProps,
737
+ disableTextChildren = false,
738
+ height: propHeight = "auto",
739
+ leftAddon,
740
+ leftAddonType = "icon",
741
+ leftAddonPosition = "middle",
742
+ leftAddonClassName,
743
+ leftAddonForceWrap,
744
+ rightAddon,
745
+ rightAddonType = "icon",
746
+ rightAddonPosition = "middle",
747
+ rightAddonClassName,
748
+ rightAddonForceWrap,
749
+ disableLeftAddonCenteredMedia = false,
750
+ disableRightAddonCenteredMedia = false,
751
+ threeLines = false,
752
+ disabled = false,
753
+ disabledOpacity = false,
754
+ role = "button",
755
+ onBlur,
756
+ onClick,
757
+ onKeyDown,
758
+ onKeyUp,
759
+ onMouseDown,
760
+ onMouseUp,
761
+ onMouseLeave,
762
+ onDragStart,
763
+ onTouchStart,
764
+ onTouchEnd,
765
+ onTouchMove,
766
+ tabIndex: propTabIndex,
767
+ children: propChildren,
768
+ presentational = role === "presentation",
769
+ ...remaining
770
+ } = props;
771
+ &nbsp;
772
+ let tabIndex = propTabIndex;
773
+ if (!presentational &amp;&amp; typeof tabIndex === "undefined") {
774
+ tabIndex = disabled ? -1 : 0;
775
+ }
776
+ &nbsp;
777
+ const { pressedClassName, ripples, handlers } = useElementInteraction({
778
+ onBlur,
779
+ onClick,
780
+ onKeyDown,
781
+ onKeyUp,
782
+ onMouseDown,
783
+ onMouseUp,
784
+ onMouseLeave,
785
+ onDragStart,
786
+ onTouchStart,
787
+ onTouchEnd,
788
+ onTouchMove,
789
+ disabled: disabled || presentational,
790
+ });
791
+ const children = useHigherContrastChildren(
792
+ propChildren,
793
+ !disableTextChildren
794
+ );
795
+ &nbsp;
796
+ const height = getListItemHeight({
797
+ height: propHeight,
798
+ leftAddon,
799
+ leftAddonType,
800
+ rightAddon,
801
+ rightAddonType,
802
+ secondaryText,
803
+ });
804
+ &nbsp;
805
+ return (
806
+ &lt;li
807
+ {...remaining}
808
+ {...handlers}
809
+ aria-disabled={disabled || undefined}
810
+ ref={ref}
811
+ role={role}
812
+ tabIndex={tabIndex}
813
+ className={listItem({
814
+ className,
815
+ height,
816
+ disabled,
817
+ disabledOpacity,
818
+ threeLines,
819
+ clickable: !presentational,
820
+ pressedClassName,
821
+ })}
822
+ &gt;
823
+ &lt;ListItemChildren
824
+ threeLines={threeLines}
825
+ textClassName={textClassName}
826
+ secondaryTextClassName={secondaryTextClassName}
827
+ disableTextChildren={disableTextChildren}
828
+ primaryText={primaryText}
829
+ textProps={textProps}
830
+ secondaryText={secondaryText}
831
+ secondaryTextProps={secondaryTextProps}
832
+ leftAddon={leftAddon}
833
+ leftAddonType={leftAddonType}
834
+ leftAddonPosition={leftAddonPosition}
835
+ leftAddonClassName={leftAddonClassName}
836
+ leftAddonForceWrap={leftAddonForceWrap}
837
+ rightAddon={rightAddon}
838
+ rightAddonType={rightAddonType}
839
+ rightAddonPosition={rightAddonPosition}
840
+ rightAddonClassName={rightAddonClassName}
841
+ rightAddonForceWrap={rightAddonForceWrap}
842
+ disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}
843
+ disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}
844
+ &gt;
845
+ {children}
846
+ &lt;/ListItemChildren&gt;
847
+ {ripples}
848
+ &lt;/li&gt;
849
+ );
850
+ }
851
+ );
852
852
  &nbsp;</pre></td></tr></table></pre>
853
853
 
854
854
  <div class='push'></div><!-- for sticky footer -->
@@ -856,7 +856,7 @@
856
856
  <div class='footer quiet pad2 space-top1 center small'>
857
857
  Code coverage generated by
858
858
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
859
- at 2023-10-01T22:01:17.577Z
859
+ at 2023-11-12T03:26:02.290Z
860
860
  </div>
861
861
  <script src="../../prettify.js"></script>
862
862
  <script>