@react-md/core 1.0.0-next.7 → 1.0.0-next.9

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 (713) hide show
  1. package/.stylelintrc.json +14 -0
  2. package/.turbo/turbo-build.log +6 -6
  3. package/.turbo/turbo-lint.log +13 -12
  4. package/CHANGELOG.md +15 -0
  5. package/README.md +39 -24
  6. package/coverage/clover.xml +1013 -529
  7. package/coverage/coverage-final.json +9 -3
  8. package/coverage/lcov-report/AutoComplete.tsx.html +283 -0
  9. package/coverage/lcov-report/MenuItemCheckbox.tsx.html +223 -0
  10. package/coverage/lcov-report/MenuItemInputToggle.tsx.html +178 -232
  11. package/coverage/lcov-report/MenuItemRadio.tsx.html +436 -0
  12. package/coverage/lcov-report/RootHtml.tsx.html +370 -0
  13. package/coverage/lcov-report/Select.tsx.html +1411 -0
  14. package/coverage/lcov-report/SrOnly.tsx.html +328 -0
  15. package/coverage/lcov-report/Typography.tsx.html +1027 -0
  16. package/coverage/lcov-report/autocomplete/AutoComplete.tsx.html +283 -0
  17. package/coverage/lcov-report/autocomplete/Autocomplete.tsx.html +283 -0
  18. package/coverage/lcov-report/autocomplete/index.html +161 -0
  19. package/coverage/lcov-report/autocomplete/useAutoComplete.ts.html +775 -0
  20. package/coverage/lcov-report/autocomplete/useAutocomplete.ts.html +775 -0
  21. package/coverage/lcov-report/autocomplete/useInlineAutoComplete.ts.html +340 -0
  22. package/coverage/lcov-report/autocomplete/useInlineAutocomplete.ts.html +346 -0
  23. package/coverage/lcov-report/autocomplete/utils.ts.html +106 -0
  24. package/coverage/lcov-report/avatar/Avatar.tsx.html +162 -99
  25. package/coverage/lcov-report/avatar/index.html +19 -34
  26. package/coverage/lcov-report/avatar/styles.ts.html +1 -1
  27. package/coverage/lcov-report/button/Button.tsx.html +85 -85
  28. package/coverage/lcov-report/button/index.html +12 -12
  29. package/coverage/lcov-report/dialog/DialogFooter.tsx.html +36 -36
  30. package/coverage/lcov-report/dialog/DialogHeader.tsx.html +26 -26
  31. package/coverage/lcov-report/dialog/index.html +34 -19
  32. package/coverage/lcov-report/form/AutoComplete.tsx.html +283 -0
  33. package/coverage/lcov-report/form/Form.tsx.html +22 -22
  34. package/coverage/lcov-report/form/OptGroup.tsx.html +169 -166
  35. package/coverage/lcov-report/form/Option.tsx.html +727 -0
  36. package/coverage/lcov-report/form/Select.tsx.html +962 -1112
  37. package/coverage/lcov-report/form/SelectOriginal.tsx.html +1630 -0
  38. package/coverage/lcov-report/form/SelectV2.tsx.html +1024 -0
  39. package/coverage/lcov-report/form/SelectedOption.tsx.html +250 -0
  40. package/coverage/lcov-report/form/index.html +57 -12
  41. package/coverage/lcov-report/form/selectUtils.ts.html +188 -221
  42. package/coverage/lcov-report/form/useAutoComplete.ts.html +787 -0
  43. package/coverage/lcov-report/form/useCombobox.ts.html +454 -460
  44. package/coverage/lcov-report/form/useComboboxList.ts.html +108 -93
  45. package/coverage/lcov-report/form/useFormReset.ts.html +229 -0
  46. package/coverage/lcov-report/form/useInlineAutoComplete.ts.html +379 -0
  47. package/coverage/lcov-report/form/useSelectCombobox.ts.html +499 -0
  48. package/coverage/lcov-report/form/utils.ts.html +209 -170
  49. package/coverage/lcov-report/icon/FontIcon.tsx.html +28 -28
  50. package/coverage/lcov-report/icon/MaterialIcon.tsx.html +235 -0
  51. package/coverage/lcov-report/icon/index.html +1 -1
  52. package/coverage/lcov-report/index.html +32 -32
  53. package/coverage/lcov-report/media-queries/appSize.ts.html +1 -1
  54. package/coverage/lcov-report/media-queries/index.html +1 -1
  55. package/coverage/lcov-report/menu/DropdownMenu.tsx.html +188 -188
  56. package/coverage/lcov-report/menu/Menu.tsx.html +271 -265
  57. package/coverage/lcov-report/menu/MenuItem.tsx.html +292 -0
  58. package/coverage/lcov-report/menu/MenuVisibilityProvider.tsx.html +48 -33
  59. package/coverage/lcov-report/menu/index.html +45 -15
  60. package/coverage/lcov-report/menu/useContextMenu.ts.html +490 -0
  61. package/coverage/lcov-report/menuItemInputToggleStyles.ts.html +319 -0
  62. package/coverage/lcov-report/movement/index.html +19 -19
  63. package/coverage/lcov-report/movement/useKeyboardMovementProvider.ts.html +422 -383
  64. package/coverage/lcov-report/positioning/constants.ts.html +463 -0
  65. package/coverage/lcov-report/positioning/index.html +30 -30
  66. package/coverage/lcov-report/positioning/useFixedPositioning.ts.html +1321 -0
  67. package/coverage/lcov-report/progress/CircularProgress.tsx.html +184 -184
  68. package/coverage/lcov-report/progress/index.html +19 -34
  69. package/coverage/lcov-report/searching/caseInsensitive.ts.html +685 -0
  70. package/coverage/lcov-report/searching/fuzzy.ts.html +610 -0
  71. package/coverage/lcov-report/searching/index.html +161 -0
  72. package/coverage/lcov-report/searching/toSearchQuery.ts.html +139 -0
  73. package/coverage/lcov-report/searching/utils.ts.html +247 -0
  74. package/coverage/lcov-report/src/CoreProviders.tsx.html +20 -20
  75. package/coverage/lcov-report/src/NoSsr.tsx.html +1 -1
  76. package/coverage/lcov-report/src/RootHtml.tsx.html +370 -0
  77. package/coverage/lcov-report/src/SsrProvider.tsx.html +10 -10
  78. package/coverage/lcov-report/src/app-bar/AppBar.tsx.html +1 -1
  79. package/coverage/lcov-report/src/app-bar/AppBarTitle.tsx.html +1 -1
  80. package/coverage/lcov-report/src/app-bar/index.html +1 -1
  81. package/coverage/lcov-report/src/avatar/Avatar.tsx.html +1 -1
  82. package/coverage/lcov-report/src/avatar/index.html +1 -1
  83. package/coverage/lcov-report/src/avatar/styles.ts.html +1 -1
  84. package/coverage/lcov-report/src/badge/Badge.tsx.html +1 -1
  85. package/coverage/lcov-report/src/badge/index.html +1 -1
  86. package/coverage/lcov-report/src/box/Box.tsx.html +1 -1
  87. package/coverage/lcov-report/src/box/index.html +1 -1
  88. package/coverage/lcov-report/src/box/styles.ts.html +1 -1
  89. package/coverage/lcov-report/src/button/AsyncButton.tsx.html +1 -1
  90. package/coverage/lcov-report/src/button/Button.tsx.html +1 -1
  91. package/coverage/lcov-report/src/button/ButtonUnstyled.tsx.html +1 -1
  92. package/coverage/lcov-report/src/button/FloatingActionButton.tsx.html +1 -1
  93. package/coverage/lcov-report/src/button/TooltippedButton.tsx.html +1 -1
  94. package/coverage/lcov-report/src/button/buttonStyles.ts.html +1 -1
  95. package/coverage/lcov-report/src/button/buttonUnstyledStyles.ts.html +1 -1
  96. package/coverage/lcov-report/src/button/index.html +1 -1
  97. package/coverage/lcov-report/src/card/Card.tsx.html +1 -1
  98. package/coverage/lcov-report/src/card/CardContent.tsx.html +1 -1
  99. package/coverage/lcov-report/src/card/CardFooter.tsx.html +1 -1
  100. package/coverage/lcov-report/src/card/CardHeader.tsx.html +1 -1
  101. package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +1 -1
  102. package/coverage/lcov-report/src/card/CardTitle.tsx.html +1 -1
  103. package/coverage/lcov-report/src/card/ClickableCard.tsx.html +1 -1
  104. package/coverage/lcov-report/src/card/index.html +1 -1
  105. package/coverage/lcov-report/src/card/styles.ts.html +1 -1
  106. package/coverage/lcov-report/src/chip/Chip.tsx.html +1 -1
  107. package/coverage/lcov-report/src/chip/index.html +1 -1
  108. package/coverage/lcov-report/src/chip/styles.ts.html +1 -1
  109. package/coverage/lcov-report/src/cssUtils.ts.html +53 -53
  110. package/coverage/lcov-report/src/delegateEvent.ts.html +1 -1
  111. package/coverage/lcov-report/src/dialog/Dialog.tsx.html +1 -1
  112. package/coverage/lcov-report/src/dialog/DialogContainer.tsx.html +1 -1
  113. package/coverage/lcov-report/src/dialog/DialogContent.tsx.html +1 -1
  114. package/coverage/lcov-report/src/dialog/DialogFooter.tsx.html +1 -1
  115. package/coverage/lcov-report/src/dialog/DialogHeader.tsx.html +1 -1
  116. package/coverage/lcov-report/src/dialog/DialogTitle.tsx.html +1 -1
  117. package/coverage/lcov-report/src/dialog/FixedDialog.tsx.html +1 -1
  118. package/coverage/lcov-report/src/dialog/NestedDialogProvider.ts.html +1 -1
  119. package/coverage/lcov-report/src/dialog/index.html +1 -1
  120. package/coverage/lcov-report/src/dialog/styles.ts.html +1 -1
  121. package/coverage/lcov-report/src/divider/Divider.tsx.html +1 -1
  122. package/coverage/lcov-report/src/divider/index.html +1 -1
  123. package/coverage/lcov-report/src/divider/styles.ts.html +1 -1
  124. package/coverage/lcov-report/src/draggable/index.html +1 -1
  125. package/coverage/lcov-report/src/draggable/useDraggable.ts.html +1 -1
  126. package/coverage/lcov-report/src/draggable/utils.ts.html +1 -1
  127. package/coverage/lcov-report/src/expansion-panel/ExpansionList.tsx.html +1 -1
  128. package/coverage/lcov-report/src/expansion-panel/ExpansionPanel.tsx.html +1 -1
  129. package/coverage/lcov-report/src/expansion-panel/ExpansionPanelHeader.tsx.html +1 -1
  130. package/coverage/lcov-report/src/expansion-panel/index.html +1 -1
  131. package/coverage/lcov-report/src/expansion-panel/useExpansionList.ts.html +1 -1
  132. package/coverage/lcov-report/src/expansion-panel/useExpansionPanels.ts.html +1 -1
  133. package/coverage/lcov-report/src/focus/index.html +1 -1
  134. package/coverage/lcov-report/src/focus/useFocusContainer.ts.html +1 -1
  135. package/coverage/lcov-report/src/focus/utils.ts.html +1 -1
  136. package/coverage/lcov-report/src/form/AutoComplete.tsx.html +283 -0
  137. package/coverage/lcov-report/src/form/Checkbox.tsx.html +1 -1
  138. package/coverage/lcov-report/src/form/Fieldset.tsx.html +1 -1
  139. package/coverage/lcov-report/src/form/FileInput.tsx.html +1 -1
  140. package/coverage/lcov-report/src/form/Form.tsx.html +11 -8
  141. package/coverage/lcov-report/src/form/FormMessage.tsx.html +1 -1
  142. package/coverage/lcov-report/src/form/FormMessageContainer.tsx.html +1 -1
  143. package/coverage/lcov-report/src/form/FormMessageCounter.tsx.html +1 -1
  144. package/coverage/lcov-report/src/form/InputToggle.tsx.html +1 -1
  145. package/coverage/lcov-report/src/form/InputToggleIcon.tsx.html +56 -56
  146. package/coverage/lcov-report/src/form/Label.tsx.html +1 -1
  147. package/coverage/lcov-report/src/form/Legend.tsx.html +1 -1
  148. package/coverage/lcov-report/src/form/MenuItemCheckbox.tsx.html +3 -3
  149. package/coverage/lcov-report/src/form/MenuItemFileInput.tsx.html +1 -1
  150. package/coverage/lcov-report/src/form/MenuItemInputToggle.tsx.html +178 -232
  151. package/coverage/lcov-report/src/form/MenuItemRadio.tsx.html +3 -3
  152. package/coverage/lcov-report/src/form/MenuItemSwitch.tsx.html +1 -1
  153. package/coverage/lcov-report/src/form/MenuItemTextField.tsx.html +1 -1
  154. package/coverage/lcov-report/src/form/NativeSelect.tsx.html +1 -1
  155. package/coverage/lcov-report/src/form/OptGroup.tsx.html +1 -1
  156. package/coverage/lcov-report/src/form/Option.tsx.html +1 -1
  157. package/coverage/lcov-report/src/form/Password.tsx.html +1 -1
  158. package/coverage/lcov-report/src/form/Radio.tsx.html +1 -1
  159. package/coverage/lcov-report/src/form/Select.tsx.html +894 -1146
  160. package/coverage/lcov-report/src/form/SelectValue.tsx.html +1 -1
  161. package/coverage/lcov-report/src/form/Slider.tsx.html +1 -1
  162. package/coverage/lcov-report/src/form/SliderContainer.tsx.html +1 -1
  163. package/coverage/lcov-report/src/form/SliderMark.tsx.html +1 -1
  164. package/coverage/lcov-report/src/form/SliderMarkLabel.tsx.html +1 -1
  165. package/coverage/lcov-report/src/form/SliderThumb.tsx.html +1 -1
  166. package/coverage/lcov-report/src/form/SliderTrack.tsx.html +1 -1
  167. package/coverage/lcov-report/src/form/SliderValueMarks.tsx.html +1 -1
  168. package/coverage/lcov-report/src/form/SliderValueTooltip.tsx.html +1 -1
  169. package/coverage/lcov-report/src/form/Switch.tsx.html +1 -1
  170. package/coverage/lcov-report/src/form/SwitchTrack.tsx.html +1 -1
  171. package/coverage/lcov-report/src/form/TextArea.tsx.html +1 -1
  172. package/coverage/lcov-report/src/form/TextField.tsx.html +1 -1
  173. package/coverage/lcov-report/src/form/TextFieldAddon.tsx.html +1 -1
  174. package/coverage/lcov-report/src/form/TextFieldContainer.tsx.html +1 -1
  175. package/coverage/lcov-report/src/form/TextFieldContainerStyles.ts.html +1 -1
  176. package/coverage/lcov-report/src/form/fileUtils.ts.html +1 -1
  177. package/coverage/lcov-report/src/form/formConfig.ts.html +1 -1
  178. package/coverage/lcov-report/src/form/formMessageStyles.ts.html +1 -1
  179. package/coverage/lcov-report/src/form/index.html +30 -900
  180. package/coverage/lcov-report/src/form/inputToggleStyles.ts.html +30 -30
  181. package/coverage/lcov-report/src/form/menuItemInputToggleStyles.ts.html +319 -0
  182. package/coverage/lcov-report/src/form/nativeSelectStyles.ts.html +1 -1
  183. package/coverage/lcov-report/src/form/optionStyles.ts.html +1 -1
  184. package/coverage/lcov-report/src/form/passwordStyles.ts.html +1 -1
  185. package/coverage/lcov-report/src/form/selectStyles.ts.html +1 -1
  186. package/coverage/lcov-report/src/form/selectUtils.ts.html +1 -1
  187. package/coverage/lcov-report/src/form/sliderUtils.ts.html +1 -1
  188. package/coverage/lcov-report/src/form/switchStyles.ts.html +1 -1
  189. package/coverage/lcov-report/src/form/textAreaStyles.ts.html +1 -1
  190. package/coverage/lcov-report/src/form/textFieldStyles.ts.html +1 -1
  191. package/coverage/lcov-report/src/form/useAutoComplete.ts.html +787 -0
  192. package/coverage/lcov-report/src/form/useCheckboxGroup.ts.html +1 -1
  193. package/coverage/lcov-report/src/form/useCombobox.ts.html +943 -457
  194. package/coverage/lcov-report/src/form/useEditableCombobox.ts.html +502 -0
  195. package/coverage/lcov-report/src/form/useFileUpload.ts.html +1 -1
  196. package/coverage/lcov-report/src/form/useInlineAutoComplete.ts.html +109 -0
  197. package/coverage/lcov-report/src/form/useListboxProvider.ts.html +1 -1
  198. package/coverage/lcov-report/src/form/useNumberField.ts.html +1 -1
  199. package/coverage/lcov-report/src/form/useRadioGroup.ts.html +1 -1
  200. package/coverage/lcov-report/src/form/useRangeSlider.ts.html +1 -1
  201. package/coverage/lcov-report/src/form/useResizingTextArea.ts.html +1 -1
  202. package/coverage/lcov-report/src/form/useSelectCombobox.ts.html +295 -0
  203. package/coverage/lcov-report/src/form/useSlider.ts.html +1 -1
  204. package/coverage/lcov-report/src/form/useTextField.ts.html +1 -1
  205. package/coverage/lcov-report/src/form/utils.ts.html +200 -170
  206. package/coverage/lcov-report/src/form/validation.ts.html +1 -1
  207. package/coverage/lcov-report/src/hoverMode/index.html +1 -1
  208. package/coverage/lcov-report/src/hoverMode/useHoverMode.ts.html +1 -1
  209. package/coverage/lcov-report/src/hoverMode/useHoverModeProvider.ts.html +1 -1
  210. package/coverage/lcov-report/src/icon/FontIcon.tsx.html +28 -28
  211. package/coverage/lcov-report/src/icon/IconRotator.tsx.html +1 -1
  212. package/coverage/lcov-report/src/icon/MaterialIcon.tsx.html +1 -1
  213. package/coverage/lcov-report/src/icon/MaterialSymbol.tsx.html +1 -1
  214. package/coverage/lcov-report/src/icon/SVGIcon.tsx.html +1 -1
  215. package/coverage/lcov-report/src/icon/TextIconSpacing.tsx.html +51 -51
  216. package/coverage/lcov-report/src/icon/iconConfig.tsx.html +10 -10
  217. package/coverage/lcov-report/src/icon/index.html +1 -1
  218. package/coverage/lcov-report/src/icon/material.ts.html +1 -1
  219. package/coverage/lcov-report/src/icon/materialConfig.ts.html +1 -1
  220. package/coverage/lcov-report/src/icon/styles.ts.html +38 -38
  221. package/coverage/lcov-report/src/index.html +9 -354
  222. package/coverage/lcov-report/src/interaction/Ripple.tsx.html +1 -1
  223. package/coverage/lcov-report/src/interaction/RippleContainer.tsx.html +1 -1
  224. package/coverage/lcov-report/src/interaction/UserInteractionModeProvider.tsx.html +87 -87
  225. package/coverage/lcov-report/src/interaction/config.ts.html +7 -7
  226. package/coverage/lcov-report/src/interaction/index.html +1 -1
  227. package/coverage/lcov-report/src/interaction/useElementInteraction.tsx.html +83 -83
  228. package/coverage/lcov-report/src/interaction/useHigherContrastChildren.tsx.html +7 -7
  229. package/coverage/lcov-report/src/interaction/utils.ts.html +1 -1
  230. package/coverage/lcov-report/src/layout/LayoutAppBar.tsx.html +1 -1
  231. package/coverage/lcov-report/src/layout/LayoutNav.tsx.html +1 -1
  232. package/coverage/lcov-report/src/layout/LayoutWindowSplitter.tsx.html +1 -1
  233. package/coverage/lcov-report/src/layout/Main.tsx.html +1 -1
  234. package/coverage/lcov-report/src/layout/index.html +1 -1
  235. package/coverage/lcov-report/src/layout/layoutNavStyles.ts.html +1 -1
  236. package/coverage/lcov-report/src/layout/layoutWindowSplitterStyles.ts.html +1 -1
  237. package/coverage/lcov-report/src/layout/mainStyles.ts.html +1 -1
  238. package/coverage/lcov-report/src/layout/useExpandableLayout.ts.html +1 -1
  239. package/coverage/lcov-report/src/layout/useHorizontalLayoutTransition.ts.html +1 -1
  240. package/coverage/lcov-report/src/layout/useLayoutAppBarHeight.ts.html +1 -1
  241. package/coverage/lcov-report/src/layout/useLayoutTree.ts.html +1 -1
  242. package/coverage/lcov-report/src/layout/useLayoutWindowSplitter.ts.html +1 -1
  243. package/coverage/lcov-report/src/layout/useMainTabIndex.ts.html +1 -1
  244. package/coverage/lcov-report/src/layout/useResizableLayout.ts.html +1 -1
  245. package/coverage/lcov-report/src/layout/useTemporaryLayout.ts.html +1 -1
  246. package/coverage/lcov-report/src/link/Link.tsx.html +1 -1
  247. package/coverage/lcov-report/src/link/SkipToMainContent.tsx.html +1 -1
  248. package/coverage/lcov-report/src/link/index.html +1 -1
  249. package/coverage/lcov-report/src/link/styles.ts.html +1 -1
  250. package/coverage/lcov-report/src/list/List.tsx.html +30 -30
  251. package/coverage/lcov-report/src/list/ListItem.tsx.html +124 -124
  252. package/coverage/lcov-report/src/list/ListItemAddon.tsx.html +35 -35
  253. package/coverage/lcov-report/src/list/ListItemChildren.tsx.html +79 -79
  254. package/coverage/lcov-report/src/list/ListItemLink.tsx.html +2 -2
  255. package/coverage/lcov-report/src/list/ListItemText.tsx.html +35 -35
  256. package/coverage/lcov-report/src/list/ListSubheader.tsx.html +1 -1
  257. package/coverage/lcov-report/src/list/getListItemHeight.ts.html +44 -47
  258. package/coverage/lcov-report/src/list/index.html +5 -5
  259. package/coverage/lcov-report/src/list/listItemStyles.ts.html +65 -65
  260. package/coverage/lcov-report/src/media-queries/AppSizeProvider.tsx.html +49 -49
  261. package/coverage/lcov-report/src/media-queries/appSize.ts.html +1 -1
  262. package/coverage/lcov-report/src/media-queries/index.html +1 -1
  263. package/coverage/lcov-report/src/media-queries/useMediaQuery.ts.html +24 -24
  264. package/coverage/lcov-report/src/menu/DropdownMenu.tsx.html +1 -1
  265. package/coverage/lcov-report/src/menu/Menu.tsx.html +3 -3
  266. package/coverage/lcov-report/src/menu/MenuBar.tsx.html +1 -1
  267. package/coverage/lcov-report/src/menu/MenuButton.tsx.html +1 -1
  268. package/coverage/lcov-report/src/menu/MenuConfigurationProvider.tsx.html +1 -1
  269. package/coverage/lcov-report/src/menu/MenuItem.tsx.html +1 -1
  270. package/coverage/lcov-report/src/menu/MenuItemButton.tsx.html +1 -1
  271. package/coverage/lcov-report/src/menu/MenuItemGroup.tsx.html +1 -1
  272. package/coverage/lcov-report/src/menu/MenuItemSeparator.tsx.html +1 -1
  273. package/coverage/lcov-report/src/menu/MenuSheet.tsx.html +1 -1
  274. package/coverage/lcov-report/src/menu/MenuVisibilityProvider.tsx.html +1 -1
  275. package/coverage/lcov-report/src/menu/MenuWidget.tsx.html +1 -1
  276. package/coverage/lcov-report/src/menu/MenuWidgetKeyboardProvider.tsx.html +1 -1
  277. package/coverage/lcov-report/src/menu/index.html +1 -1
  278. package/coverage/lcov-report/src/menu/useContextMenu.ts.html +1 -1
  279. package/coverage/lcov-report/src/menu/useMenuBarProvider.ts.html +1 -1
  280. package/coverage/lcov-report/src/menu/utils.ts.html +1 -1
  281. package/coverage/lcov-report/src/movement/constants.ts.html +1 -1
  282. package/coverage/lcov-report/src/movement/findMatchIndex.ts.html +1 -1
  283. package/coverage/lcov-report/src/movement/index.html +17 -62
  284. package/coverage/lcov-report/src/movement/useKeyboardMovementProvider.ts.html +1 -1
  285. package/coverage/lcov-report/src/movement/utils.ts.html +143 -119
  286. package/coverage/lcov-report/src/overlay/Overlay.tsx.html +1 -1
  287. package/coverage/lcov-report/src/overlay/index.html +1 -1
  288. package/coverage/lcov-report/src/overlay/overlayStyles.ts.html +1 -1
  289. package/coverage/lcov-report/src/portal/Portal.tsx.html +1 -1
  290. package/coverage/lcov-report/src/portal/PortalContainerProvider.tsx.html +36 -36
  291. package/coverage/lcov-report/src/portal/index.html +1 -1
  292. package/coverage/lcov-report/src/positioning/constants.ts.html +1 -1
  293. package/coverage/lcov-report/src/positioning/createHorizontalPosition.ts.html +1 -1
  294. package/coverage/lcov-report/src/positioning/createVerticalPosition.ts.html +1 -1
  295. package/coverage/lcov-report/src/positioning/getFixedPosition.ts.html +1 -1
  296. package/coverage/lcov-report/src/positioning/index.html +1 -1
  297. package/coverage/lcov-report/src/positioning/useFixedPositioning.ts.html +1 -1
  298. package/coverage/lcov-report/src/positioning/utils.ts.html +1 -1
  299. package/coverage/lcov-report/src/progress/CircularProgress.tsx.html +81 -81
  300. package/coverage/lcov-report/src/progress/LinearProgress.tsx.html +1 -1
  301. package/coverage/lcov-report/src/progress/getProgressA11y.ts.html +1 -1
  302. package/coverage/lcov-report/src/progress/index.html +1 -1
  303. package/coverage/lcov-report/src/responsive-item/ResponsiveItemContainer.tsx.html +1 -1
  304. package/coverage/lcov-report/src/responsive-item/ResponsiveItemOverlay.tsx.html +1 -1
  305. package/coverage/lcov-report/src/responsive-item/index.html +1 -1
  306. package/coverage/lcov-report/src/responsive-item/styles.ts.html +1 -1
  307. package/coverage/lcov-report/src/scroll/ScrollLock.tsx.html +1 -1
  308. package/coverage/lcov-report/src/scroll/getScrollbarWidth.ts.html +1 -1
  309. package/coverage/lcov-report/src/scroll/index.html +1 -1
  310. package/coverage/lcov-report/src/scroll/useScrollLock.ts.html +1 -1
  311. package/coverage/lcov-report/src/segmented-button/SegmentedButton.tsx.html +1 -1
  312. package/coverage/lcov-report/src/segmented-button/SegmentedButtonContainer.tsx.html +1 -1
  313. package/coverage/lcov-report/src/segmented-button/index.html +1 -1
  314. package/coverage/lcov-report/src/segmented-button/segmentedButtonContainerStyles.ts.html +1 -1
  315. package/coverage/lcov-report/src/segmented-button/segmentedButtonStyles.ts.html +1 -1
  316. package/coverage/lcov-report/src/sheet/Sheet.tsx.html +1 -1
  317. package/coverage/lcov-report/src/sheet/index.html +1 -1
  318. package/coverage/lcov-report/src/sheet/styles.ts.html +1 -1
  319. package/coverage/lcov-report/src/snackbar/DefaultToastRenderer.tsx.html +1 -1
  320. package/coverage/lcov-report/src/snackbar/Snackbar.tsx.html +1 -1
  321. package/coverage/lcov-report/src/snackbar/Toast.tsx.html +1 -1
  322. package/coverage/lcov-report/src/snackbar/ToastActionButton.tsx.html +1 -1
  323. package/coverage/lcov-report/src/snackbar/ToastCloseButton.tsx.html +1 -1
  324. package/coverage/lcov-report/src/snackbar/ToastContent.tsx.html +1 -1
  325. package/coverage/lcov-report/src/snackbar/ToastManager.tsx.html +1 -1
  326. package/coverage/lcov-report/src/snackbar/ToastManagerProvider.tsx.html +1 -1
  327. package/coverage/lcov-report/src/snackbar/index.html +1 -1
  328. package/coverage/lcov-report/src/snackbar/snackbarStyles.ts.html +1 -1
  329. package/coverage/lcov-report/src/snackbar/toastContentStyles.ts.html +1 -1
  330. package/coverage/lcov-report/src/snackbar/toastStyles.ts.html +1 -1
  331. package/coverage/lcov-report/src/snackbar/useCurrentToastActions.ts.html +1 -1
  332. package/coverage/lcov-report/src/suspense/CircularProgressSuspense.tsx.html +142 -142
  333. package/coverage/lcov-report/src/suspense/NullSuspense.tsx.html +88 -88
  334. package/coverage/lcov-report/src/suspense/index.html +32 -32
  335. package/coverage/lcov-report/src/table/Table.tsx.html +1 -1
  336. package/coverage/lcov-report/src/table/TableBody.tsx.html +1 -1
  337. package/coverage/lcov-report/src/table/TableCell.tsx.html +1 -1
  338. package/coverage/lcov-report/src/table/TableCellContent.tsx.html +1 -1
  339. package/coverage/lcov-report/src/table/TableCheckbox.tsx.html +1 -1
  340. package/coverage/lcov-report/src/table/TableConfigurationProvider.tsx.html +1 -1
  341. package/coverage/lcov-report/src/table/TableContainer.tsx.html +1 -1
  342. package/coverage/lcov-report/src/table/TableContainerProvider.tsx.html +1 -1
  343. package/coverage/lcov-report/src/table/TableFooter.tsx.html +1 -1
  344. package/coverage/lcov-report/src/table/TableHeader.tsx.html +1 -1
  345. package/coverage/lcov-report/src/table/TableRadio.tsx.html +1 -1
  346. package/coverage/lcov-report/src/table/TableRow.tsx.html +1 -1
  347. package/coverage/lcov-report/src/table/index.html +1 -1
  348. package/coverage/lcov-report/src/table/tableCellStyles.ts.html +1 -1
  349. package/coverage/lcov-report/src/table/tableContainerStyles.ts.html +1 -1
  350. package/coverage/lcov-report/src/table/tableFooterStyles.ts.html +1 -1
  351. package/coverage/lcov-report/src/table/tableHeaderStyles.ts.html +1 -1
  352. package/coverage/lcov-report/src/table/tableRowStyles.ts.html +1 -1
  353. package/coverage/lcov-report/src/table/tableStyles.ts.html +1 -1
  354. package/coverage/lcov-report/src/tabs/Tab.tsx.html +1 -1
  355. package/coverage/lcov-report/src/tabs/TabList.tsx.html +1 -1
  356. package/coverage/lcov-report/src/tabs/TabListScrollButton.tsx.html +1 -1
  357. package/coverage/lcov-report/src/tabs/index.html +1 -1
  358. package/coverage/lcov-report/src/tabs/tabIndicatorStyles.ts.html +1 -1
  359. package/coverage/lcov-report/src/tabs/tabListScrollButtonStyles.ts.html +1 -1
  360. package/coverage/lcov-report/src/tabs/tabListStyles.ts.html +1 -1
  361. package/coverage/lcov-report/src/tabs/tabStyles.ts.html +1 -1
  362. package/coverage/lcov-report/src/tabs/useTabList.ts.html +1 -1
  363. package/coverage/lcov-report/src/tabs/useTabs.ts.html +1 -1
  364. package/coverage/lcov-report/src/tabs/utils.ts.html +1 -1
  365. package/coverage/lcov-report/src/test-utils/IntersectionObserver.ts.html +1 -1
  366. package/coverage/lcov-report/src/test-utils/ResizeObserver.ts.html +1 -1
  367. package/coverage/lcov-report/src/test-utils/data-testid.ts.html +18 -6
  368. package/coverage/lcov-report/src/test-utils/drag.ts.html +1 -1
  369. package/coverage/lcov-report/src/test-utils/index.html +7 -7
  370. package/coverage/lcov-report/src/test-utils/jest-setup.ts.html +9 -9
  371. package/coverage/lcov-report/src/test-utils/matchMedia.ts.html +4 -4
  372. package/coverage/lcov-report/src/test-utils/polyfills/IntersectionObserver.ts.html +4 -4
  373. package/coverage/lcov-report/src/test-utils/polyfills/ResizeObserver.ts.html +3 -3
  374. package/coverage/lcov-report/src/test-utils/polyfills/TextDecoder.ts.html +106 -0
  375. package/coverage/lcov-report/src/test-utils/polyfills/TextEncoder.ts.html +100 -0
  376. package/coverage/lcov-report/src/test-utils/polyfills/index.html +1 -1
  377. package/coverage/lcov-report/src/test-utils/polyfills/matchMedia.ts.html +6 -6
  378. package/coverage/lcov-report/src/test-utils/polyfills/offsetParent.ts.html +14 -14
  379. package/coverage/lcov-report/src/test-utils/polyfills/scrollIntoView.ts.html +5 -5
  380. package/coverage/lcov-report/src/test-utils/render.tsx.html +21 -21
  381. package/coverage/lcov-report/src/test-utils/root-html-environment.ts.html +85 -0
  382. package/coverage/lcov-report/src/test-utils/timers.ts.html +1 -1
  383. package/coverage/lcov-report/src/theme/LocalStorageColorSchemeProvider.tsx.html +1 -1
  384. package/coverage/lcov-report/src/theme/ThemeProvider.tsx.html +1 -1
  385. package/coverage/lcov-report/src/theme/colors.ts.html +1 -1
  386. package/coverage/lcov-report/src/theme/cssVars.ts.html +1 -1
  387. package/coverage/lcov-report/src/theme/index.html +1 -1
  388. package/coverage/lcov-report/src/theme/useCSSVariables.ts.html +1 -1
  389. package/coverage/lcov-report/src/theme/useColorScheme.ts.html +1 -1
  390. package/coverage/lcov-report/src/theme/useColorSchemeMetaTag.ts.html +1 -1
  391. package/coverage/lcov-report/src/theme/useColorSchemeProvider.ts.html +1 -1
  392. package/coverage/lcov-report/src/theme/usePrefersColorScheme.ts.html +1 -1
  393. package/coverage/lcov-report/src/theme/utils.ts.html +1 -1
  394. package/coverage/lcov-report/src/tooltip/Tooltip.tsx.html +1 -1
  395. package/coverage/lcov-report/src/tooltip/TooltipHoverModeProvider.tsx.html +1 -1
  396. package/coverage/lcov-report/src/tooltip/constants.ts.html +1 -1
  397. package/coverage/lcov-report/src/tooltip/index.html +1 -1
  398. package/coverage/lcov-report/src/tooltip/tooltipStyles.ts.html +1 -1
  399. package/coverage/lcov-report/src/tooltip/useTooltip.ts.html +1 -1
  400. package/coverage/lcov-report/src/tooltip/useTooltipPosition.ts.html +1 -1
  401. package/coverage/lcov-report/src/tooltip/utils.ts.html +1 -1
  402. package/coverage/lcov-report/src/transition/CSSTransition.tsx.html +1 -1
  403. package/coverage/lcov-report/src/transition/Collapse.tsx.html +1 -1
  404. package/coverage/lcov-report/src/transition/CrossFade.tsx.html +1 -1
  405. package/coverage/lcov-report/src/transition/ScaleTransition.tsx.html +1 -1
  406. package/coverage/lcov-report/src/transition/SkeletonPlaceholder.tsx.html +1 -1
  407. package/coverage/lcov-report/src/transition/Slide.tsx.html +1 -1
  408. package/coverage/lcov-report/src/transition/SlideContainer.tsx.html +1 -1
  409. package/coverage/lcov-report/src/transition/collapseStyles.ts.html +13 -13
  410. package/coverage/lcov-report/src/transition/config.ts.html +3 -3
  411. package/coverage/lcov-report/src/transition/index.html +7 -7
  412. package/coverage/lcov-report/src/transition/maxWidthTransition.ts.html +1 -1
  413. package/coverage/lcov-report/src/transition/skeletonPlaceholderUtils.ts.html +1 -1
  414. package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +1 -1
  415. package/coverage/lcov-report/src/transition/useCarousel.ts.html +1 -1
  416. package/coverage/lcov-report/src/transition/useCollapseTransition.ts.html +96 -150
  417. package/coverage/lcov-report/src/transition/useCrossFadeTransition.ts.html +1 -1
  418. package/coverage/lcov-report/src/transition/useMaxWidthTransition.ts.html +1 -1
  419. package/coverage/lcov-report/src/transition/useScaleTransition.ts.html +1 -1
  420. package/coverage/lcov-report/src/transition/useSkeletonPlaceholder.ts.html +1 -1
  421. package/coverage/lcov-report/src/transition/useSlideTransition.ts.html +1 -1
  422. package/coverage/lcov-report/src/transition/useTransition.ts.html +152 -152
  423. package/coverage/lcov-report/src/transition/utils.ts.html +14 -14
  424. package/coverage/lcov-report/src/tree/DefaultTreeItemRenderer.tsx.html +1 -1
  425. package/coverage/lcov-report/src/tree/Tree.tsx.html +1 -1
  426. package/coverage/lcov-report/src/tree/TreeGroup.tsx.html +45 -45
  427. package/coverage/lcov-report/src/tree/TreeItem.tsx.html +1 -1
  428. package/coverage/lcov-report/src/tree/TreeItemExpander.tsx.html +1 -1
  429. package/coverage/lcov-report/src/tree/TreeProvider.tsx.html +8 -8
  430. package/coverage/lcov-report/src/tree/index.html +1 -1
  431. package/coverage/lcov-report/src/tree/styles.ts.html +5 -5
  432. package/coverage/lcov-report/src/tree/useTree.ts.html +1 -1
  433. package/coverage/lcov-report/src/tree/useTreeExpansion.ts.html +1 -1
  434. package/coverage/lcov-report/src/tree/useTreeItems.ts.html +1 -1
  435. package/coverage/lcov-report/src/tree/useTreeMovement.ts.html +1 -1
  436. package/coverage/lcov-report/src/tree/useTreeSelection.ts.html +1 -1
  437. package/coverage/lcov-report/src/tree/utils.ts.html +1 -1
  438. package/coverage/lcov-report/src/typography/SrOnly.tsx.html +12 -12
  439. package/coverage/lcov-report/src/typography/TextContainer.tsx.html +1 -1
  440. package/coverage/lcov-report/src/typography/Typography.tsx.html +94 -94
  441. package/coverage/lcov-report/src/typography/WritingDirectionProvider.tsx.html +1 -1
  442. package/coverage/lcov-report/src/typography/index.html +1 -1
  443. package/coverage/lcov-report/src/useAsyncAction.ts.html +1 -1
  444. package/coverage/lcov-report/src/useDebouncedFunction.ts.html +1 -1
  445. package/coverage/lcov-report/src/useDropzone.ts.html +1 -1
  446. package/coverage/lcov-report/src/useElementSize.ts.html +1 -1
  447. package/coverage/lcov-report/src/useEnsuredId.ts.html +8 -8
  448. package/coverage/lcov-report/src/useEnsuredRef.ts.html +11 -11
  449. package/coverage/lcov-report/src/useEnsuredState.ts.html +16 -16
  450. package/coverage/lcov-report/src/useHtmlClassName.ts.html +1 -1
  451. package/coverage/lcov-report/src/useIntersectionObserver.ts.html +1 -1
  452. package/coverage/lcov-report/src/useIsomorphicLayoutEffect.ts.html +1 -1
  453. package/coverage/lcov-report/src/useLocalStorage.ts.html +1 -1
  454. package/coverage/lcov-report/src/useOrientation.ts.html +32 -32
  455. package/coverage/lcov-report/src/usePageInactive.ts.html +1 -1
  456. package/coverage/lcov-report/src/useResizeListener.ts.html +1 -1
  457. package/coverage/lcov-report/src/useResizeObserver.ts.html +23 -23
  458. package/coverage/lcov-report/src/useThrottledFunction.ts.html +1 -1
  459. package/coverage/lcov-report/src/useToggle.ts.html +1 -1
  460. package/coverage/lcov-report/src/useUnmounted.ts.html +1 -1
  461. package/coverage/lcov-report/src/useWindowSize.ts.html +1 -1
  462. package/coverage/lcov-report/src/utils/RenderRecursively.tsx.html +1 -1
  463. package/coverage/lcov-report/src/utils/alphaNumericSort.ts.html +1 -1
  464. package/coverage/lcov-report/src/utils/applyRef.ts.html +1 -1
  465. package/coverage/lcov-report/src/utils/bem.ts.html +50 -50
  466. package/coverage/lcov-report/src/utils/filters.ts.html +357 -84
  467. package/coverage/lcov-report/src/utils/getClientPosition.ts.html +1 -1
  468. package/coverage/lcov-report/src/utils/getMiddleOfRange.ts.html +1 -1
  469. package/coverage/lcov-report/src/utils/getPercentage.ts.html +1 -1
  470. package/coverage/lcov-report/src/utils/getRangeDefaultValue.ts.html +1 -1
  471. package/coverage/lcov-report/src/utils/getRangeSteps.ts.html +1 -1
  472. package/coverage/lcov-report/src/utils/identity.ts.html +1 -1
  473. package/coverage/lcov-report/src/utils/index.html +13 -268
  474. package/coverage/lcov-report/src/utils/isElementVisible.ts.html +1 -1
  475. package/coverage/lcov-report/src/utils/loop.ts.html +1 -1
  476. package/coverage/lcov-report/src/utils/nearest.ts.html +1 -1
  477. package/coverage/lcov-report/src/utils/parseCssLengthUnit.ts.html +1 -1
  478. package/coverage/lcov-report/src/utils/randomInt.ts.html +1 -1
  479. package/coverage/lcov-report/src/utils/wait.ts.html +1 -1
  480. package/coverage/lcov-report/src/utils/withinRange.ts.html +1 -1
  481. package/coverage/lcov-report/src/window-splitter/WindowSplitter.tsx.html +1 -1
  482. package/coverage/lcov-report/src/window-splitter/index.html +1 -1
  483. package/coverage/lcov-report/src/window-splitter/useWindowSplitter.ts.html +1 -1
  484. package/coverage/lcov-report/transition/config.ts.html +5 -5
  485. package/coverage/lcov-report/transition/index.html +1 -1
  486. package/coverage/lcov-report/transition/useScaleTransition.ts.html +535 -0
  487. package/coverage/lcov-report/useAutoComplete.ts.html +787 -0
  488. package/coverage/lcov-report/useCollapseTransition.ts.html +166 -211
  489. package/coverage/lcov-report/useCombobox.ts.html +1513 -0
  490. package/coverage/lcov-report/useInlineAutoComplete.ts.html +379 -0
  491. package/coverage/lcov-report/useSelectCombobox.ts.html +295 -0
  492. package/coverage/lcov-report/utils/alphaNumericSort.ts.html +11 -50
  493. package/coverage/lcov-report/utils/filters.ts.html +1056 -201
  494. package/coverage/lcov-report/utils/index.html +10 -10
  495. package/coverage/lcov-report/utils/searching.ts.html +85 -0
  496. package/coverage/lcov-report/utils.ts.html +109 -277
  497. package/coverage/lcov.info +900 -363
  498. package/dist/RootHtml.d.ts +62 -0
  499. package/dist/RootHtml.js +49 -0
  500. package/dist/RootHtml.js.map +1 -0
  501. package/dist/_core.scss +49 -43
  502. package/dist/avatar/Avatar.d.ts +14 -0
  503. package/dist/avatar/Avatar.js +5 -2
  504. package/dist/avatar/Avatar.js.map +1 -1
  505. package/dist/badge/_badge.scss +23 -19
  506. package/dist/dialog/FixedDialog.d.ts +5 -4
  507. package/dist/dialog/FixedDialog.js +5 -4
  508. package/dist/dialog/FixedDialog.js.map +1 -1
  509. package/dist/form/MenuItemInputToggle.d.ts +2 -15
  510. package/dist/form/MenuItemInputToggle.js +26 -37
  511. package/dist/form/MenuItemInputToggle.js.map +1 -1
  512. package/dist/form/NativeSelect.d.ts +5 -2
  513. package/dist/form/NativeSelect.js.map +1 -1
  514. package/dist/form/Option.js +3 -2
  515. package/dist/form/Option.js.map +1 -1
  516. package/dist/form/Select.d.ts +105 -15
  517. package/dist/form/Select.js +160 -249
  518. package/dist/form/Select.js.map +1 -1
  519. package/dist/form/SelectedOption.d.ts +21 -0
  520. package/dist/form/SelectedOption.js +37 -0
  521. package/dist/form/SelectedOption.js.map +1 -0
  522. package/dist/form/TextField.d.ts +2 -2
  523. package/dist/form/TextField.js.map +1 -1
  524. package/dist/form/_form.scss +47 -29
  525. package/dist/form/menuItemInputToggleStyles.d.ts +39 -0
  526. package/dist/form/menuItemInputToggleStyles.js +31 -0
  527. package/dist/form/menuItemInputToggleStyles.js.map +1 -0
  528. package/dist/form/selectUtils.d.ts +1 -3
  529. package/dist/form/selectUtils.js +2 -10
  530. package/dist/form/selectUtils.js.map +1 -1
  531. package/dist/form/types.d.ts +6 -6
  532. package/dist/form/types.js.map +1 -1
  533. package/dist/form/useCombobox.d.ts +157 -0
  534. package/dist/form/useCombobox.js +206 -0
  535. package/dist/form/useCombobox.js.map +1 -0
  536. package/dist/form/useEditableCombobox.d.ts +15 -0
  537. package/dist/form/useEditableCombobox.js +101 -0
  538. package/dist/form/useEditableCombobox.js.map +1 -0
  539. package/dist/form/useFormReset.d.ts +16 -0
  540. package/dist/form/useFormReset.js +32 -0
  541. package/dist/form/useFormReset.js.map +1 -0
  542. package/dist/form/useListboxProvider.d.ts +1 -0
  543. package/dist/form/useListboxProvider.js +1 -0
  544. package/dist/form/useListboxProvider.js.map +1 -1
  545. package/dist/form/useSelectCombobox.d.ts +17 -0
  546. package/dist/form/useSelectCombobox.js +36 -0
  547. package/dist/form/useSelectCombobox.js.map +1 -0
  548. package/dist/form/utils.d.ts +11 -1
  549. package/dist/form/utils.js +6 -0
  550. package/dist/form/utils.js.map +1 -1
  551. package/dist/icon/_icon.scss +7 -5
  552. package/dist/index.d.ts +15 -1
  553. package/dist/index.js +15 -1
  554. package/dist/index.js.map +1 -1
  555. package/dist/interaction/_interaction.scss +56 -44
  556. package/dist/list/types.d.ts +10 -1
  557. package/dist/list/types.js.map +1 -1
  558. package/dist/menu/Menu.js +12 -1
  559. package/dist/menu/Menu.js.map +1 -1
  560. package/dist/menu/_menu.scss +1 -0
  561. package/dist/menu/useContextMenu.d.ts +3 -3
  562. package/dist/menu/useContextMenu.js +3 -3
  563. package/dist/menu/useContextMenu.js.map +1 -1
  564. package/dist/movement/types.d.ts +40 -21
  565. package/dist/movement/types.js.map +1 -1
  566. package/dist/movement/useKeyboardMovementProvider.js +15 -4
  567. package/dist/movement/useKeyboardMovementProvider.js.map +1 -1
  568. package/dist/movement/utils.d.ts +7 -2
  569. package/dist/movement/utils.js +10 -0
  570. package/dist/movement/utils.js.map +1 -1
  571. package/dist/positioning/useFixedPositioning.js +0 -8
  572. package/dist/positioning/useFixedPositioning.js.map +1 -1
  573. package/dist/searching/caseInsensitive.d.ts +150 -0
  574. package/dist/searching/caseInsensitive.js +30 -0
  575. package/dist/searching/caseInsensitive.js.map +1 -0
  576. package/dist/searching/fuzzy.d.ts +128 -0
  577. package/dist/searching/fuzzy.js +54 -0
  578. package/dist/searching/fuzzy.js.map +1 -0
  579. package/dist/searching/toSearchQuery.d.ts +5 -0
  580. package/dist/searching/toSearchQuery.js +13 -0
  581. package/dist/searching/toSearchQuery.js.map +1 -0
  582. package/dist/searching/types.d.ts +28 -0
  583. package/dist/searching/types.js +5 -0
  584. package/dist/searching/types.js.map +1 -0
  585. package/dist/searching/utils.d.ts +21 -0
  586. package/dist/searching/utils.js +28 -0
  587. package/dist/searching/utils.js.map +1 -0
  588. package/dist/test-utils/IntersectionObserver.d.ts +12 -0
  589. package/dist/test-utils/ResizeObserver.d.ts +172 -0
  590. package/dist/test-utils/data-testid.d.ts +7 -0
  591. package/dist/test-utils/data-testid.js +1 -0
  592. package/dist/test-utils/data-testid.js.map +1 -1
  593. package/dist/test-utils/drag.d.ts +26 -0
  594. package/dist/test-utils/index.d.ts +7 -0
  595. package/dist/test-utils/jest-setup.d.ts +1 -0
  596. package/dist/test-utils/matchMedia.d.ts +101 -0
  597. package/dist/test-utils/polyfills/IntersectionObserver.d.ts +1 -0
  598. package/dist/test-utils/polyfills/ResizeObserver.d.ts +1 -0
  599. package/dist/test-utils/polyfills/TextDecoder.d.ts +1 -0
  600. package/dist/test-utils/polyfills/TextDecoder.js +8 -0
  601. package/dist/test-utils/polyfills/TextDecoder.js.map +1 -0
  602. package/dist/test-utils/polyfills/TextEncoder.d.ts +1 -0
  603. package/dist/test-utils/polyfills/TextEncoder.js +6 -0
  604. package/dist/test-utils/polyfills/TextEncoder.js.map +1 -0
  605. package/dist/test-utils/polyfills/index.d.ts +7 -0
  606. package/dist/test-utils/polyfills/index.js +2 -0
  607. package/dist/test-utils/polyfills/index.js.map +1 -1
  608. package/dist/test-utils/polyfills/matchMedia.d.ts +1 -0
  609. package/dist/test-utils/polyfills/offsetParent.d.ts +1 -0
  610. package/dist/test-utils/polyfills/scrollIntoView.d.ts +1 -0
  611. package/dist/test-utils/render.d.ts +13 -0
  612. package/dist/test-utils/timers.d.ts +39 -0
  613. package/dist/theme/_theme.scss +192 -34
  614. package/dist/transition/useCollapseTransition.d.ts +3 -18
  615. package/dist/transition/useCollapseTransition.js +1 -10
  616. package/dist/transition/useCollapseTransition.js.map +1 -1
  617. package/dist/transition/utils.js +7 -2
  618. package/dist/transition/utils.js.map +1 -1
  619. package/dist/typography/SrOnly.d.ts +3 -3
  620. package/dist/typography/SrOnly.js +4 -4
  621. package/dist/typography/SrOnly.js.map +1 -1
  622. package/dist/typography/Typography.d.ts +19 -19
  623. package/dist/typography/Typography.js +19 -19
  624. package/dist/typography/Typography.js.map +1 -1
  625. package/dist/typography/_typography.scss +65 -25
  626. package/dist/useEnsuredState.d.ts +1 -1
  627. package/dist/useEnsuredState.js.map +1 -1
  628. package/dist/utils/alphaNumericSort.d.ts +1 -1
  629. package/dist/utils/alphaNumericSort.js +2 -10
  630. package/dist/utils/alphaNumericSort.js.map +1 -1
  631. package/jest.config.ts +4 -0
  632. package/package.json +21 -20
  633. package/src/RootHtml.tsx +95 -0
  634. package/src/__tests__/RootHtml.node.tsx +46 -0
  635. package/src/__tests__/__snapshots__/RootHtml.node.tsx.snap +19 -0
  636. package/src/_core.scss +49 -43
  637. package/src/avatar/Avatar.tsx +24 -3
  638. package/src/avatar/__tests__/Avatar.tsx +1 -1
  639. package/src/avatar/__tests__/__snapshots__/Avatar.tsx.snap +6 -6
  640. package/src/badge/_badge.scss +23 -19
  641. package/src/button/__tests__/__snapshots__/Button.tsx.snap +1 -1
  642. package/src/dialog/FixedDialog.tsx +5 -4
  643. package/src/form/MenuItemInputToggle.tsx +46 -64
  644. package/src/form/NativeSelect.tsx +6 -3
  645. package/src/form/Option.tsx +8 -2
  646. package/src/form/Select.tsx +251 -335
  647. package/src/form/SelectedOption.tsx +55 -0
  648. package/src/form/TextField.tsx +2 -2
  649. package/src/form/__tests__/MenuItemCheckbox.tsx +53 -0
  650. package/src/form/__tests__/MenuItemRadio.tsx +53 -0
  651. package/src/form/__tests__/Select.tsx +439 -0
  652. package/src/form/__tests__/__snapshots__/FileInput.tsx.snap +23 -23
  653. package/src/form/__tests__/__snapshots__/MenuItemCheckbox.tsx.snap +96 -0
  654. package/src/form/__tests__/__snapshots__/MenuItemRadio.tsx.snap +96 -0
  655. package/src/form/__tests__/__snapshots__/Select.tsx.snap +492 -0
  656. package/src/form/__tests__/useFormReset.tsx +195 -0
  657. package/src/form/_form.scss +47 -29
  658. package/src/form/menuItemInputToggleStyles.ts +78 -0
  659. package/src/form/selectUtils.ts +3 -14
  660. package/src/form/types.ts +6 -6
  661. package/src/form/useCombobox.ts +523 -0
  662. package/src/form/useEditableCombobox.ts +139 -0
  663. package/src/form/useFormReset.ts +48 -0
  664. package/src/form/useListboxProvider.ts +2 -0
  665. package/src/form/useSelectCombobox.ts +70 -0
  666. package/src/form/utils.ts +17 -4
  667. package/src/icon/_icon.scss +7 -5
  668. package/src/index.ts +15 -1
  669. package/src/interaction/_interaction.scss +56 -44
  670. package/src/list/types.ts +12 -1
  671. package/src/menu/Menu.tsx +9 -1
  672. package/src/menu/__tests__/__snapshots__/useContextMenu.tsx.snap +54 -0
  673. package/src/menu/__tests__/useContextMenu.tsx +41 -0
  674. package/src/menu/_menu.scss +1 -0
  675. package/src/menu/useContextMenu.ts +3 -3
  676. package/src/movement/types.ts +50 -25
  677. package/src/movement/useKeyboardMovementProvider.ts +21 -8
  678. package/src/movement/utils.ts +12 -2
  679. package/src/positioning/__tests__/__snapshots__/useFixedPositioning.tsx.snap +0 -32
  680. package/src/positioning/__tests__/useFixedPositioning.tsx +0 -14
  681. package/src/positioning/useFixedPositioning.ts +0 -6
  682. package/src/searching/__tests__/caseInsensitive.ts +165 -0
  683. package/src/searching/__tests__/fuzzy.ts +169 -0
  684. package/src/searching/__tests__/toSearchQuery.ts +21 -0
  685. package/src/searching/caseInsensitive.ts +200 -0
  686. package/src/searching/fuzzy.ts +175 -0
  687. package/src/searching/toSearchQuery.ts +18 -0
  688. package/src/searching/types.ts +34 -0
  689. package/src/searching/utils.ts +54 -0
  690. package/src/test-utils/data-testid.ts +5 -1
  691. package/src/test-utils/polyfills/TextDecoder.ts +7 -0
  692. package/src/test-utils/polyfills/TextEncoder.ts +5 -0
  693. package/src/test-utils/polyfills/index.ts +2 -0
  694. package/src/theme/_theme.scss +192 -34
  695. package/src/transition/__tests__/utils.ts +25 -0
  696. package/src/transition/useCollapseTransition.ts +6 -24
  697. package/src/transition/utils.ts +10 -5
  698. package/src/typography/SrOnly.tsx +9 -9
  699. package/src/typography/Typography.tsx +19 -19
  700. package/src/typography/__tests__/__snapshots__/SrOnly.tsx.snap +5 -5
  701. package/src/typography/_typography.scss +65 -25
  702. package/src/useEnsuredState.ts +1 -1
  703. package/src/utils/alphaNumericSort.ts +3 -16
  704. package/tsconfig.json +2 -2
  705. package/tsconfig.types.json +1 -1
  706. package/dist/form/SelectValue.d.ts +0 -17
  707. package/dist/form/SelectValue.js +0 -32
  708. package/dist/form/SelectValue.js.map +0 -1
  709. package/dist/utils/filters.d.ts +0 -196
  710. package/dist/utils/filters.js +0 -67
  711. package/dist/utils/filters.js.map +0 -1
  712. package/src/form/SelectValue.tsx +0 -39
  713. package/src/utils/filters.ts +0 -320
package/coverage/lcov-report/src/form/Select.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/526</span>
28
+ <span class='fraction'>442/442</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">77.77% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/1</span>
35
+ <span class='fraction'>14/18</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'>3/3</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/526</span>
49
+ <span class='fraction'>442/442</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>
@@ -505,1142 +505,890 @@
505
505
  <a name='L440'></a><a href='#L440'>440</a>
506
506
  <a name='L441'></a><a href='#L441'>441</a>
507
507
  <a name='L442'></a><a href='#L442'>442</a>
508
- <a name='L443'></a><a href='#L443'>443</a>
509
- <a name='L444'></a><a href='#L444'>444</a>
510
- <a name='L445'></a><a href='#L445'>445</a>
511
- <a name='L446'></a><a href='#L446'>446</a>
512
- <a name='L447'></a><a href='#L447'>447</a>
513
- <a name='L448'></a><a href='#L448'>448</a>
514
- <a name='L449'></a><a href='#L449'>449</a>
515
- <a name='L450'></a><a href='#L450'>450</a>
516
- <a name='L451'></a><a href='#L451'>451</a>
517
- <a name='L452'></a><a href='#L452'>452</a>
518
- <a name='L453'></a><a href='#L453'>453</a>
519
- <a name='L454'></a><a href='#L454'>454</a>
520
- <a name='L455'></a><a href='#L455'>455</a>
521
- <a name='L456'></a><a href='#L456'>456</a>
522
- <a name='L457'></a><a href='#L457'>457</a>
523
- <a name='L458'></a><a href='#L458'>458</a>
524
- <a name='L459'></a><a href='#L459'>459</a>
525
- <a name='L460'></a><a href='#L460'>460</a>
526
- <a name='L461'></a><a href='#L461'>461</a>
527
- <a name='L462'></a><a href='#L462'>462</a>
528
- <a name='L463'></a><a href='#L463'>463</a>
529
- <a name='L464'></a><a href='#L464'>464</a>
530
- <a name='L465'></a><a href='#L465'>465</a>
531
- <a name='L466'></a><a href='#L466'>466</a>
532
- <a name='L467'></a><a href='#L467'>467</a>
533
- <a name='L468'></a><a href='#L468'>468</a>
534
- <a name='L469'></a><a href='#L469'>469</a>
535
- <a name='L470'></a><a href='#L470'>470</a>
536
- <a name='L471'></a><a href='#L471'>471</a>
537
- <a name='L472'></a><a href='#L472'>472</a>
538
- <a name='L473'></a><a href='#L473'>473</a>
539
- <a name='L474'></a><a href='#L474'>474</a>
540
- <a name='L475'></a><a href='#L475'>475</a>
541
- <a name='L476'></a><a href='#L476'>476</a>
542
- <a name='L477'></a><a href='#L477'>477</a>
543
- <a name='L478'></a><a href='#L478'>478</a>
544
- <a name='L479'></a><a href='#L479'>479</a>
545
- <a name='L480'></a><a href='#L480'>480</a>
546
- <a name='L481'></a><a href='#L481'>481</a>
547
- <a name='L482'></a><a href='#L482'>482</a>
548
- <a name='L483'></a><a href='#L483'>483</a>
549
- <a name='L484'></a><a href='#L484'>484</a>
550
- <a name='L485'></a><a href='#L485'>485</a>
551
- <a name='L486'></a><a href='#L486'>486</a>
552
- <a name='L487'></a><a href='#L487'>487</a>
553
- <a name='L488'></a><a href='#L488'>488</a>
554
- <a name='L489'></a><a href='#L489'>489</a>
555
- <a name='L490'></a><a href='#L490'>490</a>
556
- <a name='L491'></a><a href='#L491'>491</a>
557
- <a name='L492'></a><a href='#L492'>492</a>
558
- <a name='L493'></a><a href='#L493'>493</a>
559
- <a name='L494'></a><a href='#L494'>494</a>
560
- <a name='L495'></a><a href='#L495'>495</a>
561
- <a name='L496'></a><a href='#L496'>496</a>
562
- <a name='L497'></a><a href='#L497'>497</a>
563
- <a name='L498'></a><a href='#L498'>498</a>
564
- <a name='L499'></a><a href='#L499'>499</a>
565
- <a name='L500'></a><a href='#L500'>500</a>
566
- <a name='L501'></a><a href='#L501'>501</a>
567
- <a name='L502'></a><a href='#L502'>502</a>
568
- <a name='L503'></a><a href='#L503'>503</a>
569
- <a name='L504'></a><a href='#L504'>504</a>
570
- <a name='L505'></a><a href='#L505'>505</a>
571
- <a name='L506'></a><a href='#L506'>506</a>
572
- <a name='L507'></a><a href='#L507'>507</a>
573
- <a name='L508'></a><a href='#L508'>508</a>
574
- <a name='L509'></a><a href='#L509'>509</a>
575
- <a name='L510'></a><a href='#L510'>510</a>
576
- <a name='L511'></a><a href='#L511'>511</a>
577
- <a name='L512'></a><a href='#L512'>512</a>
578
- <a name='L513'></a><a href='#L513'>513</a>
579
- <a name='L514'></a><a href='#L514'>514</a>
580
- <a name='L515'></a><a href='#L515'>515</a>
581
- <a name='L516'></a><a href='#L516'>516</a>
582
- <a name='L517'></a><a href='#L517'>517</a>
583
- <a name='L518'></a><a href='#L518'>518</a>
584
- <a name='L519'></a><a href='#L519'>519</a>
585
- <a name='L520'></a><a href='#L520'>520</a>
586
- <a name='L521'></a><a href='#L521'>521</a>
587
- <a name='L522'></a><a href='#L522'>522</a>
588
- <a name='L523'></a><a href='#L523'>523</a>
589
- <a name='L524'></a><a href='#L524'>524</a>
590
- <a name='L525'></a><a href='#L525'>525</a>
591
- <a name='L526'></a><a href='#L526'>526</a>
592
- <a name='L527'></a><a href='#L527'>527</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
593
- <span class="cline-any cline-no">&nbsp;</span>
594
- <span class="cline-any cline-no">&nbsp;</span>
595
- <span class="cline-any cline-no">&nbsp;</span>
596
- <span class="cline-any cline-no">&nbsp;</span>
597
- <span class="cline-any cline-no">&nbsp;</span>
598
- <span class="cline-any cline-no">&nbsp;</span>
599
- <span class="cline-any cline-no">&nbsp;</span>
600
- <span class="cline-any cline-no">&nbsp;</span>
601
- <span class="cline-any cline-no">&nbsp;</span>
602
- <span class="cline-any cline-no">&nbsp;</span>
603
- <span class="cline-any cline-no">&nbsp;</span>
604
- <span class="cline-any cline-no">&nbsp;</span>
605
- <span class="cline-any cline-no">&nbsp;</span>
606
- <span class="cline-any cline-no">&nbsp;</span>
607
- <span class="cline-any cline-no">&nbsp;</span>
608
- <span class="cline-any cline-no">&nbsp;</span>
609
- <span class="cline-any cline-no">&nbsp;</span>
610
- <span class="cline-any cline-no">&nbsp;</span>
611
- <span class="cline-any cline-no">&nbsp;</span>
612
- <span class="cline-any cline-no">&nbsp;</span>
613
- <span class="cline-any cline-no">&nbsp;</span>
614
- <span class="cline-any cline-no">&nbsp;</span>
615
- <span class="cline-any cline-no">&nbsp;</span>
616
- <span class="cline-any cline-no">&nbsp;</span>
617
- <span class="cline-any cline-no">&nbsp;</span>
618
- <span class="cline-any cline-no">&nbsp;</span>
619
- <span class="cline-any cline-no">&nbsp;</span>
620
- <span class="cline-any cline-no">&nbsp;</span>
621
- <span class="cline-any cline-no">&nbsp;</span>
622
- <span class="cline-any cline-no">&nbsp;</span>
623
- <span class="cline-any cline-no">&nbsp;</span>
624
- <span class="cline-any cline-no">&nbsp;</span>
625
- <span class="cline-any cline-no">&nbsp;</span>
626
- <span class="cline-any cline-no">&nbsp;</span>
627
- <span class="cline-any cline-no">&nbsp;</span>
628
- <span class="cline-any cline-no">&nbsp;</span>
629
- <span class="cline-any cline-no">&nbsp;</span>
630
- <span class="cline-any cline-no">&nbsp;</span>
631
- <span class="cline-any cline-no">&nbsp;</span>
632
- <span class="cline-any cline-no">&nbsp;</span>
633
- <span class="cline-any cline-no">&nbsp;</span>
634
- <span class="cline-any cline-no">&nbsp;</span>
635
- <span class="cline-any cline-no">&nbsp;</span>
636
- <span class="cline-any cline-no">&nbsp;</span>
637
- <span class="cline-any cline-no">&nbsp;</span>
638
- <span class="cline-any cline-no">&nbsp;</span>
639
- <span class="cline-any cline-no">&nbsp;</span>
640
- <span class="cline-any cline-no">&nbsp;</span>
641
- <span class="cline-any cline-no">&nbsp;</span>
642
- <span class="cline-any cline-no">&nbsp;</span>
643
- <span class="cline-any cline-no">&nbsp;</span>
644
- <span class="cline-any cline-no">&nbsp;</span>
645
- <span class="cline-any cline-no">&nbsp;</span>
646
- <span class="cline-any cline-no">&nbsp;</span>
647
- <span class="cline-any cline-no">&nbsp;</span>
648
- <span class="cline-any cline-no">&nbsp;</span>
649
- <span class="cline-any cline-no">&nbsp;</span>
650
- <span class="cline-any cline-no">&nbsp;</span>
651
- <span class="cline-any cline-no">&nbsp;</span>
652
- <span class="cline-any cline-no">&nbsp;</span>
653
- <span class="cline-any cline-no">&nbsp;</span>
654
- <span class="cline-any cline-no">&nbsp;</span>
655
- <span class="cline-any cline-no">&nbsp;</span>
656
- <span class="cline-any cline-no">&nbsp;</span>
657
- <span class="cline-any cline-no">&nbsp;</span>
658
- <span class="cline-any cline-no">&nbsp;</span>
659
- <span class="cline-any cline-no">&nbsp;</span>
660
- <span class="cline-any cline-no">&nbsp;</span>
661
- <span class="cline-any cline-no">&nbsp;</span>
662
- <span class="cline-any cline-no">&nbsp;</span>
663
- <span class="cline-any cline-no">&nbsp;</span>
664
- <span class="cline-any cline-no">&nbsp;</span>
665
- <span class="cline-any cline-no">&nbsp;</span>
666
- <span class="cline-any cline-no">&nbsp;</span>
667
- <span class="cline-any cline-no">&nbsp;</span>
668
- <span class="cline-any cline-no">&nbsp;</span>
669
- <span class="cline-any cline-no">&nbsp;</span>
670
- <span class="cline-any cline-no">&nbsp;</span>
671
- <span class="cline-any cline-no">&nbsp;</span>
672
- <span class="cline-any cline-no">&nbsp;</span>
673
- <span class="cline-any cline-no">&nbsp;</span>
674
- <span class="cline-any cline-no">&nbsp;</span>
675
- <span class="cline-any cline-no">&nbsp;</span>
676
- <span class="cline-any cline-no">&nbsp;</span>
677
- <span class="cline-any cline-no">&nbsp;</span>
678
- <span class="cline-any cline-no">&nbsp;</span>
679
- <span class="cline-any cline-no">&nbsp;</span>
680
- <span class="cline-any cline-no">&nbsp;</span>
681
- <span class="cline-any cline-no">&nbsp;</span>
682
- <span class="cline-any cline-no">&nbsp;</span>
683
- <span class="cline-any cline-no">&nbsp;</span>
684
- <span class="cline-any cline-no">&nbsp;</span>
685
- <span class="cline-any cline-no">&nbsp;</span>
686
- <span class="cline-any cline-no">&nbsp;</span>
687
- <span class="cline-any cline-no">&nbsp;</span>
688
- <span class="cline-any cline-no">&nbsp;</span>
689
- <span class="cline-any cline-no">&nbsp;</span>
690
- <span class="cline-any cline-no">&nbsp;</span>
691
- <span class="cline-any cline-no">&nbsp;</span>
692
- <span class="cline-any cline-no">&nbsp;</span>
693
- <span class="cline-any cline-no">&nbsp;</span>
694
- <span class="cline-any cline-no">&nbsp;</span>
695
- <span class="cline-any cline-no">&nbsp;</span>
696
- <span class="cline-any cline-no">&nbsp;</span>
697
- <span class="cline-any cline-no">&nbsp;</span>
698
- <span class="cline-any cline-no">&nbsp;</span>
699
- <span class="cline-any cline-no">&nbsp;</span>
700
- <span class="cline-any cline-no">&nbsp;</span>
701
- <span class="cline-any cline-no">&nbsp;</span>
702
- <span class="cline-any cline-no">&nbsp;</span>
703
- <span class="cline-any cline-no">&nbsp;</span>
704
- <span class="cline-any cline-no">&nbsp;</span>
705
- <span class="cline-any cline-no">&nbsp;</span>
706
- <span class="cline-any cline-no">&nbsp;</span>
707
- <span class="cline-any cline-no">&nbsp;</span>
708
- <span class="cline-any cline-no">&nbsp;</span>
709
- <span class="cline-any cline-no">&nbsp;</span>
710
- <span class="cline-any cline-no">&nbsp;</span>
711
- <span class="cline-any cline-no">&nbsp;</span>
712
- <span class="cline-any cline-no">&nbsp;</span>
713
- <span class="cline-any cline-no">&nbsp;</span>
714
- <span class="cline-any cline-no">&nbsp;</span>
715
- <span class="cline-any cline-no">&nbsp;</span>
716
- <span class="cline-any cline-no">&nbsp;</span>
717
- <span class="cline-any cline-no">&nbsp;</span>
718
- <span class="cline-any cline-no">&nbsp;</span>
719
- <span class="cline-any cline-no">&nbsp;</span>
720
- <span class="cline-any cline-no">&nbsp;</span>
721
- <span class="cline-any cline-no">&nbsp;</span>
722
- <span class="cline-any cline-no">&nbsp;</span>
723
- <span class="cline-any cline-no">&nbsp;</span>
724
- <span class="cline-any cline-no">&nbsp;</span>
725
- <span class="cline-any cline-no">&nbsp;</span>
726
- <span class="cline-any cline-no">&nbsp;</span>
727
- <span class="cline-any cline-no">&nbsp;</span>
728
- <span class="cline-any cline-no">&nbsp;</span>
729
- <span class="cline-any cline-no">&nbsp;</span>
730
- <span class="cline-any cline-no">&nbsp;</span>
731
- <span class="cline-any cline-no">&nbsp;</span>
732
- <span class="cline-any cline-no">&nbsp;</span>
733
- <span class="cline-any cline-no">&nbsp;</span>
734
- <span class="cline-any cline-no">&nbsp;</span>
735
- <span class="cline-any cline-no">&nbsp;</span>
736
- <span class="cline-any cline-no">&nbsp;</span>
737
- <span class="cline-any cline-no">&nbsp;</span>
738
- <span class="cline-any cline-no">&nbsp;</span>
739
- <span class="cline-any cline-no">&nbsp;</span>
740
- <span class="cline-any cline-no">&nbsp;</span>
741
- <span class="cline-any cline-no">&nbsp;</span>
742
- <span class="cline-any cline-no">&nbsp;</span>
743
- <span class="cline-any cline-no">&nbsp;</span>
744
- <span class="cline-any cline-no">&nbsp;</span>
745
- <span class="cline-any cline-no">&nbsp;</span>
746
- <span class="cline-any cline-no">&nbsp;</span>
747
- <span class="cline-any cline-no">&nbsp;</span>
748
- <span class="cline-any cline-no">&nbsp;</span>
749
- <span class="cline-any cline-no">&nbsp;</span>
750
- <span class="cline-any cline-no">&nbsp;</span>
751
- <span class="cline-any cline-no">&nbsp;</span>
752
- <span class="cline-any cline-no">&nbsp;</span>
753
- <span class="cline-any cline-no">&nbsp;</span>
754
- <span class="cline-any cline-no">&nbsp;</span>
755
- <span class="cline-any cline-no">&nbsp;</span>
756
- <span class="cline-any cline-no">&nbsp;</span>
757
- <span class="cline-any cline-no">&nbsp;</span>
758
- <span class="cline-any cline-no">&nbsp;</span>
759
- <span class="cline-any cline-no">&nbsp;</span>
760
- <span class="cline-any cline-no">&nbsp;</span>
761
- <span class="cline-any cline-no">&nbsp;</span>
762
- <span class="cline-any cline-no">&nbsp;</span>
763
- <span class="cline-any cline-no">&nbsp;</span>
764
- <span class="cline-any cline-no">&nbsp;</span>
765
- <span class="cline-any cline-no">&nbsp;</span>
766
- <span class="cline-any cline-no">&nbsp;</span>
767
- <span class="cline-any cline-no">&nbsp;</span>
768
- <span class="cline-any cline-no">&nbsp;</span>
769
- <span class="cline-any cline-no">&nbsp;</span>
770
- <span class="cline-any cline-no">&nbsp;</span>
771
- <span class="cline-any cline-no">&nbsp;</span>
772
- <span class="cline-any cline-no">&nbsp;</span>
773
- <span class="cline-any cline-no">&nbsp;</span>
774
- <span class="cline-any cline-no">&nbsp;</span>
775
- <span class="cline-any cline-no">&nbsp;</span>
776
- <span class="cline-any cline-no">&nbsp;</span>
777
- <span class="cline-any cline-no">&nbsp;</span>
778
- <span class="cline-any cline-no">&nbsp;</span>
779
- <span class="cline-any cline-no">&nbsp;</span>
780
- <span class="cline-any cline-no">&nbsp;</span>
781
- <span class="cline-any cline-no">&nbsp;</span>
782
- <span class="cline-any cline-no">&nbsp;</span>
783
- <span class="cline-any cline-no">&nbsp;</span>
784
- <span class="cline-any cline-no">&nbsp;</span>
785
- <span class="cline-any cline-no">&nbsp;</span>
786
- <span class="cline-any cline-no">&nbsp;</span>
787
- <span class="cline-any cline-no">&nbsp;</span>
788
- <span class="cline-any cline-no">&nbsp;</span>
789
- <span class="cline-any cline-no">&nbsp;</span>
790
- <span class="cline-any cline-no">&nbsp;</span>
791
- <span class="cline-any cline-no">&nbsp;</span>
792
- <span class="cline-any cline-no">&nbsp;</span>
793
- <span class="cline-any cline-no">&nbsp;</span>
794
- <span class="cline-any cline-no">&nbsp;</span>
795
- <span class="cline-any cline-no">&nbsp;</span>
796
- <span class="cline-any cline-no">&nbsp;</span>
797
- <span class="cline-any cline-no">&nbsp;</span>
798
- <span class="cline-any cline-no">&nbsp;</span>
799
- <span class="cline-any cline-no">&nbsp;</span>
800
- <span class="cline-any cline-no">&nbsp;</span>
801
- <span class="cline-any cline-no">&nbsp;</span>
802
- <span class="cline-any cline-no">&nbsp;</span>
803
- <span class="cline-any cline-no">&nbsp;</span>
804
- <span class="cline-any cline-no">&nbsp;</span>
805
- <span class="cline-any cline-no">&nbsp;</span>
806
- <span class="cline-any cline-no">&nbsp;</span>
807
- <span class="cline-any cline-no">&nbsp;</span>
808
- <span class="cline-any cline-no">&nbsp;</span>
809
- <span class="cline-any cline-no">&nbsp;</span>
810
- <span class="cline-any cline-no">&nbsp;</span>
811
- <span class="cline-any cline-no">&nbsp;</span>
812
- <span class="cline-any cline-no">&nbsp;</span>
813
- <span class="cline-any cline-no">&nbsp;</span>
814
- <span class="cline-any cline-no">&nbsp;</span>
815
- <span class="cline-any cline-no">&nbsp;</span>
816
- <span class="cline-any cline-no">&nbsp;</span>
817
- <span class="cline-any cline-no">&nbsp;</span>
818
- <span class="cline-any cline-no">&nbsp;</span>
819
- <span class="cline-any cline-no">&nbsp;</span>
820
- <span class="cline-any cline-no">&nbsp;</span>
821
- <span class="cline-any cline-no">&nbsp;</span>
822
- <span class="cline-any cline-no">&nbsp;</span>
823
- <span class="cline-any cline-no">&nbsp;</span>
824
- <span class="cline-any cline-no">&nbsp;</span>
825
- <span class="cline-any cline-no">&nbsp;</span>
826
- <span class="cline-any cline-no">&nbsp;</span>
827
- <span class="cline-any cline-no">&nbsp;</span>
828
- <span class="cline-any cline-no">&nbsp;</span>
829
- <span class="cline-any cline-no">&nbsp;</span>
830
- <span class="cline-any cline-no">&nbsp;</span>
831
- <span class="cline-any cline-no">&nbsp;</span>
832
- <span class="cline-any cline-no">&nbsp;</span>
833
- <span class="cline-any cline-no">&nbsp;</span>
834
- <span class="cline-any cline-no">&nbsp;</span>
835
- <span class="cline-any cline-no">&nbsp;</span>
836
- <span class="cline-any cline-no">&nbsp;</span>
837
- <span class="cline-any cline-no">&nbsp;</span>
838
- <span class="cline-any cline-no">&nbsp;</span>
839
- <span class="cline-any cline-no">&nbsp;</span>
840
- <span class="cline-any cline-no">&nbsp;</span>
841
- <span class="cline-any cline-no">&nbsp;</span>
842
- <span class="cline-any cline-no">&nbsp;</span>
843
- <span class="cline-any cline-no">&nbsp;</span>
844
- <span class="cline-any cline-no">&nbsp;</span>
845
- <span class="cline-any cline-no">&nbsp;</span>
846
- <span class="cline-any cline-no">&nbsp;</span>
847
- <span class="cline-any cline-no">&nbsp;</span>
848
- <span class="cline-any cline-no">&nbsp;</span>
849
- <span class="cline-any cline-no">&nbsp;</span>
850
- <span class="cline-any cline-no">&nbsp;</span>
851
- <span class="cline-any cline-no">&nbsp;</span>
852
- <span class="cline-any cline-no">&nbsp;</span>
853
- <span class="cline-any cline-no">&nbsp;</span>
854
- <span class="cline-any cline-no">&nbsp;</span>
855
- <span class="cline-any cline-no">&nbsp;</span>
856
- <span class="cline-any cline-no">&nbsp;</span>
857
- <span class="cline-any cline-no">&nbsp;</span>
858
- <span class="cline-any cline-no">&nbsp;</span>
859
- <span class="cline-any cline-no">&nbsp;</span>
860
- <span class="cline-any cline-no">&nbsp;</span>
861
- <span class="cline-any cline-no">&nbsp;</span>
862
- <span class="cline-any cline-no">&nbsp;</span>
863
- <span class="cline-any cline-no">&nbsp;</span>
864
- <span class="cline-any cline-no">&nbsp;</span>
865
- <span class="cline-any cline-no">&nbsp;</span>
866
- <span class="cline-any cline-no">&nbsp;</span>
867
- <span class="cline-any cline-no">&nbsp;</span>
868
- <span class="cline-any cline-no">&nbsp;</span>
869
- <span class="cline-any cline-no">&nbsp;</span>
870
- <span class="cline-any cline-no">&nbsp;</span>
871
- <span class="cline-any cline-no">&nbsp;</span>
872
- <span class="cline-any cline-no">&nbsp;</span>
873
- <span class="cline-any cline-no">&nbsp;</span>
874
- <span class="cline-any cline-no">&nbsp;</span>
875
- <span class="cline-any cline-no">&nbsp;</span>
876
- <span class="cline-any cline-no">&nbsp;</span>
877
- <span class="cline-any cline-no">&nbsp;</span>
878
- <span class="cline-any cline-no">&nbsp;</span>
879
- <span class="cline-any cline-no">&nbsp;</span>
880
- <span class="cline-any cline-no">&nbsp;</span>
881
- <span class="cline-any cline-no">&nbsp;</span>
882
- <span class="cline-any cline-no">&nbsp;</span>
883
- <span class="cline-any cline-no">&nbsp;</span>
884
- <span class="cline-any cline-no">&nbsp;</span>
885
- <span class="cline-any cline-no">&nbsp;</span>
886
- <span class="cline-any cline-no">&nbsp;</span>
887
- <span class="cline-any cline-no">&nbsp;</span>
888
- <span class="cline-any cline-no">&nbsp;</span>
889
- <span class="cline-any cline-no">&nbsp;</span>
890
- <span class="cline-any cline-no">&nbsp;</span>
891
- <span class="cline-any cline-no">&nbsp;</span>
892
- <span class="cline-any cline-no">&nbsp;</span>
893
- <span class="cline-any cline-no">&nbsp;</span>
894
- <span class="cline-any cline-no">&nbsp;</span>
895
- <span class="cline-any cline-no">&nbsp;</span>
896
- <span class="cline-any cline-no">&nbsp;</span>
897
- <span class="cline-any cline-no">&nbsp;</span>
898
- <span class="cline-any cline-no">&nbsp;</span>
899
- <span class="cline-any cline-no">&nbsp;</span>
900
- <span class="cline-any cline-no">&nbsp;</span>
901
- <span class="cline-any cline-no">&nbsp;</span>
902
- <span class="cline-any cline-no">&nbsp;</span>
903
- <span class="cline-any cline-no">&nbsp;</span>
904
- <span class="cline-any cline-no">&nbsp;</span>
905
- <span class="cline-any cline-no">&nbsp;</span>
906
- <span class="cline-any cline-no">&nbsp;</span>
907
- <span class="cline-any cline-no">&nbsp;</span>
908
- <span class="cline-any cline-no">&nbsp;</span>
909
- <span class="cline-any cline-no">&nbsp;</span>
910
- <span class="cline-any cline-no">&nbsp;</span>
911
- <span class="cline-any cline-no">&nbsp;</span>
912
- <span class="cline-any cline-no">&nbsp;</span>
913
- <span class="cline-any cline-no">&nbsp;</span>
914
- <span class="cline-any cline-no">&nbsp;</span>
915
- <span class="cline-any cline-no">&nbsp;</span>
916
- <span class="cline-any cline-no">&nbsp;</span>
917
- <span class="cline-any cline-no">&nbsp;</span>
918
- <span class="cline-any cline-no">&nbsp;</span>
919
- <span class="cline-any cline-no">&nbsp;</span>
920
- <span class="cline-any cline-no">&nbsp;</span>
921
- <span class="cline-any cline-no">&nbsp;</span>
922
- <span class="cline-any cline-no">&nbsp;</span>
923
- <span class="cline-any cline-no">&nbsp;</span>
924
- <span class="cline-any cline-no">&nbsp;</span>
925
- <span class="cline-any cline-no">&nbsp;</span>
926
- <span class="cline-any cline-no">&nbsp;</span>
927
- <span class="cline-any cline-no">&nbsp;</span>
928
- <span class="cline-any cline-no">&nbsp;</span>
929
- <span class="cline-any cline-no">&nbsp;</span>
930
- <span class="cline-any cline-no">&nbsp;</span>
931
- <span class="cline-any cline-no">&nbsp;</span>
932
- <span class="cline-any cline-no">&nbsp;</span>
933
- <span class="cline-any cline-no">&nbsp;</span>
934
- <span class="cline-any cline-no">&nbsp;</span>
935
- <span class="cline-any cline-no">&nbsp;</span>
936
- <span class="cline-any cline-no">&nbsp;</span>
937
- <span class="cline-any cline-no">&nbsp;</span>
938
- <span class="cline-any cline-no">&nbsp;</span>
939
- <span class="cline-any cline-no">&nbsp;</span>
940
- <span class="cline-any cline-no">&nbsp;</span>
941
- <span class="cline-any cline-no">&nbsp;</span>
942
- <span class="cline-any cline-no">&nbsp;</span>
943
- <span class="cline-any cline-no">&nbsp;</span>
944
- <span class="cline-any cline-no">&nbsp;</span>
945
- <span class="cline-any cline-no">&nbsp;</span>
946
- <span class="cline-any cline-no">&nbsp;</span>
947
- <span class="cline-any cline-no">&nbsp;</span>
948
- <span class="cline-any cline-no">&nbsp;</span>
949
- <span class="cline-any cline-no">&nbsp;</span>
950
- <span class="cline-any cline-no">&nbsp;</span>
951
- <span class="cline-any cline-no">&nbsp;</span>
952
- <span class="cline-any cline-no">&nbsp;</span>
953
- <span class="cline-any cline-no">&nbsp;</span>
954
- <span class="cline-any cline-no">&nbsp;</span>
955
- <span class="cline-any cline-no">&nbsp;</span>
956
- <span class="cline-any cline-no">&nbsp;</span>
957
- <span class="cline-any cline-no">&nbsp;</span>
958
- <span class="cline-any cline-no">&nbsp;</span>
959
- <span class="cline-any cline-no">&nbsp;</span>
960
- <span class="cline-any cline-no">&nbsp;</span>
961
- <span class="cline-any cline-no">&nbsp;</span>
962
- <span class="cline-any cline-no">&nbsp;</span>
963
- <span class="cline-any cline-no">&nbsp;</span>
964
- <span class="cline-any cline-no">&nbsp;</span>
965
- <span class="cline-any cline-no">&nbsp;</span>
966
- <span class="cline-any cline-no">&nbsp;</span>
967
- <span class="cline-any cline-no">&nbsp;</span>
968
- <span class="cline-any cline-no">&nbsp;</span>
969
- <span class="cline-any cline-no">&nbsp;</span>
970
- <span class="cline-any cline-no">&nbsp;</span>
971
- <span class="cline-any cline-no">&nbsp;</span>
972
- <span class="cline-any cline-no">&nbsp;</span>
973
- <span class="cline-any cline-no">&nbsp;</span>
974
- <span class="cline-any cline-no">&nbsp;</span>
975
- <span class="cline-any cline-no">&nbsp;</span>
976
- <span class="cline-any cline-no">&nbsp;</span>
977
- <span class="cline-any cline-no">&nbsp;</span>
978
- <span class="cline-any cline-no">&nbsp;</span>
979
- <span class="cline-any cline-no">&nbsp;</span>
980
- <span class="cline-any cline-no">&nbsp;</span>
981
- <span class="cline-any cline-no">&nbsp;</span>
982
- <span class="cline-any cline-no">&nbsp;</span>
983
- <span class="cline-any cline-no">&nbsp;</span>
984
- <span class="cline-any cline-no">&nbsp;</span>
985
- <span class="cline-any cline-no">&nbsp;</span>
986
- <span class="cline-any cline-no">&nbsp;</span>
987
- <span class="cline-any cline-no">&nbsp;</span>
988
- <span class="cline-any cline-no">&nbsp;</span>
989
- <span class="cline-any cline-no">&nbsp;</span>
990
- <span class="cline-any cline-no">&nbsp;</span>
991
- <span class="cline-any cline-no">&nbsp;</span>
992
- <span class="cline-any cline-no">&nbsp;</span>
993
- <span class="cline-any cline-no">&nbsp;</span>
994
- <span class="cline-any cline-no">&nbsp;</span>
995
- <span class="cline-any cline-no">&nbsp;</span>
996
- <span class="cline-any cline-no">&nbsp;</span>
997
- <span class="cline-any cline-no">&nbsp;</span>
998
- <span class="cline-any cline-no">&nbsp;</span>
999
- <span class="cline-any cline-no">&nbsp;</span>
1000
- <span class="cline-any cline-no">&nbsp;</span>
1001
- <span class="cline-any cline-no">&nbsp;</span>
1002
- <span class="cline-any cline-no">&nbsp;</span>
1003
- <span class="cline-any cline-no">&nbsp;</span>
1004
- <span class="cline-any cline-no">&nbsp;</span>
1005
- <span class="cline-any cline-no">&nbsp;</span>
1006
- <span class="cline-any cline-no">&nbsp;</span>
1007
- <span class="cline-any cline-no">&nbsp;</span>
1008
- <span class="cline-any cline-no">&nbsp;</span>
1009
- <span class="cline-any cline-no">&nbsp;</span>
1010
- <span class="cline-any cline-no">&nbsp;</span>
1011
- <span class="cline-any cline-no">&nbsp;</span>
1012
- <span class="cline-any cline-no">&nbsp;</span>
1013
- <span class="cline-any cline-no">&nbsp;</span>
1014
- <span class="cline-any cline-no">&nbsp;</span>
1015
- <span class="cline-any cline-no">&nbsp;</span>
1016
- <span class="cline-any cline-no">&nbsp;</span>
1017
- <span class="cline-any cline-no">&nbsp;</span>
1018
- <span class="cline-any cline-no">&nbsp;</span>
1019
- <span class="cline-any cline-no">&nbsp;</span>
1020
- <span class="cline-any cline-no">&nbsp;</span>
1021
- <span class="cline-any cline-no">&nbsp;</span>
1022
- <span class="cline-any cline-no">&nbsp;</span>
1023
- <span class="cline-any cline-no">&nbsp;</span>
1024
- <span class="cline-any cline-no">&nbsp;</span>
1025
- <span class="cline-any cline-no">&nbsp;</span>
1026
- <span class="cline-any cline-no">&nbsp;</span>
1027
- <span class="cline-any cline-no">&nbsp;</span>
1028
- <span class="cline-any cline-no">&nbsp;</span>
1029
- <span class="cline-any cline-no">&nbsp;</span>
1030
- <span class="cline-any cline-no">&nbsp;</span>
1031
- <span class="cline-any cline-no">&nbsp;</span>
1032
- <span class="cline-any cline-no">&nbsp;</span>
1033
- <span class="cline-any cline-no">&nbsp;</span>
1034
- <span class="cline-any cline-no">&nbsp;</span>
1035
- <span class="cline-any cline-no">&nbsp;</span>
1036
- <span class="cline-any cline-no">&nbsp;</span>
1037
- <span class="cline-any cline-no">&nbsp;</span>
1038
- <span class="cline-any cline-no">&nbsp;</span>
1039
- <span class="cline-any cline-no">&nbsp;</span>
1040
- <span class="cline-any cline-no">&nbsp;</span>
1041
- <span class="cline-any cline-no">&nbsp;</span>
1042
- <span class="cline-any cline-no">&nbsp;</span>
1043
- <span class="cline-any cline-no">&nbsp;</span>
1044
- <span class="cline-any cline-no">&nbsp;</span>
1045
- <span class="cline-any cline-no">&nbsp;</span>
1046
- <span class="cline-any cline-no">&nbsp;</span>
1047
- <span class="cline-any cline-no">&nbsp;</span>
1048
- <span class="cline-any cline-no">&nbsp;</span>
1049
- <span class="cline-any cline-no">&nbsp;</span>
1050
- <span class="cline-any cline-no">&nbsp;</span>
1051
- <span class="cline-any cline-no">&nbsp;</span>
1052
- <span class="cline-any cline-no">&nbsp;</span>
1053
- <span class="cline-any cline-no">&nbsp;</span>
1054
- <span class="cline-any cline-no">&nbsp;</span>
1055
- <span class="cline-any cline-no">&nbsp;</span>
1056
- <span class="cline-any cline-no">&nbsp;</span>
1057
- <span class="cline-any cline-no">&nbsp;</span>
1058
- <span class="cline-any cline-no">&nbsp;</span>
1059
- <span class="cline-any cline-no">&nbsp;</span>
1060
- <span class="cline-any cline-no">&nbsp;</span>
1061
- <span class="cline-any cline-no">&nbsp;</span>
1062
- <span class="cline-any cline-no">&nbsp;</span>
1063
- <span class="cline-any cline-no">&nbsp;</span>
1064
- <span class="cline-any cline-no">&nbsp;</span>
1065
- <span class="cline-any cline-no">&nbsp;</span>
1066
- <span class="cline-any cline-no">&nbsp;</span>
1067
- <span class="cline-any cline-no">&nbsp;</span>
1068
- <span class="cline-any cline-no">&nbsp;</span>
1069
- <span class="cline-any cline-no">&nbsp;</span>
1070
- <span class="cline-any cline-no">&nbsp;</span>
1071
- <span class="cline-any cline-no">&nbsp;</span>
1072
- <span class="cline-any cline-no">&nbsp;</span>
1073
- <span class="cline-any cline-no">&nbsp;</span>
1074
- <span class="cline-any cline-no">&nbsp;</span>
1075
- <span class="cline-any cline-no">&nbsp;</span>
1076
- <span class="cline-any cline-no">&nbsp;</span>
1077
- <span class="cline-any cline-no">&nbsp;</span>
1078
- <span class="cline-any cline-no">&nbsp;</span>
1079
- <span class="cline-any cline-no">&nbsp;</span>
1080
- <span class="cline-any cline-no">&nbsp;</span>
1081
- <span class="cline-any cline-no">&nbsp;</span>
1082
- <span class="cline-any cline-no">&nbsp;</span>
1083
- <span class="cline-any cline-no">&nbsp;</span>
1084
- <span class="cline-any cline-no">&nbsp;</span>
1085
- <span class="cline-any cline-no">&nbsp;</span>
1086
- <span class="cline-any cline-no">&nbsp;</span>
1087
- <span class="cline-any cline-no">&nbsp;</span>
1088
- <span class="cline-any cline-no">&nbsp;</span>
1089
- <span class="cline-any cline-no">&nbsp;</span>
1090
- <span class="cline-any cline-no">&nbsp;</span>
1091
- <span class="cline-any cline-no">&nbsp;</span>
1092
- <span class="cline-any cline-no">&nbsp;</span>
1093
- <span class="cline-any cline-no">&nbsp;</span>
1094
- <span class="cline-any cline-no">&nbsp;</span>
1095
- <span class="cline-any cline-no">&nbsp;</span>
1096
- <span class="cline-any cline-no">&nbsp;</span>
1097
- <span class="cline-any cline-no">&nbsp;</span>
1098
- <span class="cline-any cline-no">&nbsp;</span>
1099
- <span class="cline-any cline-no">&nbsp;</span>
1100
- <span class="cline-any cline-no">&nbsp;</span>
1101
- <span class="cline-any cline-no">&nbsp;</span>
1102
- <span class="cline-any cline-no">&nbsp;</span>
1103
- <span class="cline-any cline-no">&nbsp;</span>
1104
- <span class="cline-any cline-no">&nbsp;</span>
1105
- <span class="cline-any cline-no">&nbsp;</span>
1106
- <span class="cline-any cline-no">&nbsp;</span>
1107
- <span class="cline-any cline-no">&nbsp;</span>
1108
- <span class="cline-any cline-no">&nbsp;</span>
1109
- <span class="cline-any cline-no">&nbsp;</span>
1110
- <span class="cline-any cline-no">&nbsp;</span>
1111
- <span class="cline-any cline-no">&nbsp;</span>
1112
- <span class="cline-any cline-no">&nbsp;</span>
1113
- <span class="cline-any cline-no">&nbsp;</span>
1114
- <span class="cline-any cline-no">&nbsp;</span>
1115
- <span class="cline-any cline-no">&nbsp;</span>
1116
- <span class="cline-any cline-no">&nbsp;</span>
1117
- <span class="cline-any cline-no">&nbsp;</span>
1118
- <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>
1119
- <span class="cstat-no" title="statement not covered" >import { cnb } from "cnbuilder";</span>
1120
- <span class="cstat-no" title="statement not covered" >import {</span>
1121
- <span class="cstat-no" title="statement not covered" > useEffect,</span>
1122
- <span class="cstat-no" title="statement not covered" > useMemo,</span>
1123
- <span class="cstat-no" title="statement not covered" > useRef,</span>
1124
- <span class="cstat-no" title="statement not covered" > useState,</span>
1125
- <span class="cstat-no" title="statement not covered" > type ChangeEvent,</span>
1126
- <span class="cstat-no" title="statement not covered" > type ReactElement,</span>
1127
- <span class="cstat-no" title="statement not covered" > type ReactNode,</span>
1128
- <span class="cstat-no" title="statement not covered" > type Ref,</span>
1129
- <span class="cstat-no" title="statement not covered" >} from "react";</span>
1130
- <span class="cstat-no" title="statement not covered" >import { IconRotator } from "../icon/IconRotator.js";</span>
1131
- <span class="cstat-no" title="statement not covered" >import { getIcon } from "../icon/iconConfig.js";</span>
1132
- <span class="cstat-no" title="statement not covered" >import { Menu, type MenuProps } from "../menu/Menu.js";</span>
1133
- <span class="cstat-no" title="statement not covered" >import { findMatchIndex } from "../movement/findMatchIndex.js";</span>
1134
- <span class="cstat-no" title="statement not covered" >import {</span>
1135
- <span class="cstat-no" title="statement not covered" > KeyboardMovementProvider,</span>
1136
- <span class="cstat-no" title="statement not covered" > useKeyboardMovementProvider,</span>
1137
- <span class="cstat-no" title="statement not covered" >} from "../movement/useKeyboardMovementProvider.js";</span>
1138
- <span class="cstat-no" title="statement not covered" >import { isSearchableEvent } from "../movement/utils.js";</span>
1139
- <span class="cstat-no" title="statement not covered" >import { BELOW_CENTER_ANCHOR } from "../positioning/constants.js";</span>
1140
- <span class="cstat-no" title="statement not covered" >import {</span>
1141
- <span class="cstat-no" title="statement not covered" > type TransitionEnterHandler,</span>
1142
- <span class="cstat-no" title="statement not covered" > type TransitionExitHandler,</span>
1143
- <span class="cstat-no" title="statement not covered" >} from "../transition/types.js";</span>
1144
- <span class="cstat-no" title="statement not covered" >import { useEnsuredId } from "../useEnsuredId.js";</span>
1145
- <span class="cstat-no" title="statement not covered" >import { useEnsuredRef } from "../useEnsuredRef.js";</span>
1146
- <span class="cstat-no" title="statement not covered" >import { useToggle } from "../useToggle.js";</span>
1147
- <span class="cstat-no" title="statement not covered" >import { loop } from "../utils/loop.js";</span>
1148
- <span class="cstat-no" title="statement not covered" >import { SelectValue } from "./SelectValue.js";</span>
1149
- <span class="cstat-no" title="statement not covered" >import { TextField, type TextFieldProps } from "./TextField.js";</span>
1150
- <span class="cstat-no" title="statement not covered" >import { getFormConfig } from "./formConfig.js";</span>
1151
- <span class="cstat-no" title="statement not covered" >import { select } from "./selectStyles.js";</span>
1152
- <span class="cstat-no" title="statement not covered" >import { extractOptionsFromChildren } from "./selectUtils.js";</span>
1153
- <span class="cstat-no" title="statement not covered" >import {</span>
1154
- <span class="cstat-no" title="statement not covered" > type FormFieldOptions,</span>
1155
- <span class="cstat-no" title="statement not covered" > type UserAgentAutoCompleteProps,</span>
1156
- <span class="cstat-no" title="statement not covered" >} from "./types.js";</span>
1157
- <span class="cstat-no" title="statement not covered" >import { ListboxProvider } from "./useListboxProvider.js";</span>
1158
- <span class="cstat-no" title="statement not covered" >import { triggerManualChangeEvent, tryToSubmitRelatedForm } from "./utils.js";</span>
1159
- <span class="cstat-no" title="statement not covered" ></span>
1160
- <span class="cstat-no" title="statement not covered" >const EMPTY_STRING = "" as const;</span>
1161
- <span class="cstat-no" title="statement not covered" >const noop = (): void =&gt; {</span>
1162
- <span class="cstat-no" title="statement not covered" > // do nothing</span>
1163
- <span class="cstat-no" title="statement not covered" >};</span>
1164
- <span class="cstat-no" title="statement not covered" ></span>
1165
- <span class="cstat-no" title="statement not covered" >const getNonDisabledOptions = (</span>
1166
- <span class="cstat-no" title="statement not covered" > container: HTMLElement</span>
1167
- <span class="cstat-no" title="statement not covered" >): readonly HTMLElement[] =&gt; [</span>
1168
- <span class="cstat-no" title="statement not covered" > ...container.querySelectorAll&lt;HTMLLIElement&gt;(</span>
1169
- <span class="cstat-no" title="statement not covered" > '[role="option"]:not([aria-disabled])'</span>
1170
- <span class="cstat-no" title="statement not covered" > ),</span>
1171
- <span class="cstat-no" title="statement not covered" >];</span>
1172
- <span class="cstat-no" title="statement not covered" ></span>
1173
- <span class="cstat-no" title="statement not covered" >/**</span>
1174
- <span class="cstat-no" title="statement not covered" > * This is a convenience type for casting the `event.currentTarget.value` of a</span>
1175
- <span class="cstat-no" title="statement not covered" > * `Select`'s change event to be union of available values.</span>
1176
- <span class="cstat-no" title="statement not covered" > *</span>
1177
- <span class="cstat-no" title="statement not covered" > * Note: The change event does not provide any sort of validation on the value</span>
1178
- <span class="cstat-no" title="statement not covered" > * so automation tools like Cypress, Playwright, or Selenium might set an</span>
1179
- <span class="cstat-no" title="statement not covered" > * invalid value. This also does not work for numbers, so you will need to</span>
1180
- <span class="cstat-no" title="statement not covered" > * implement that yourself.</span>
1181
- <span class="cstat-no" title="statement not covered" > *</span>
1182
- <span class="cstat-no" title="statement not covered" > * @example</span>
1183
- <span class="cstat-no" title="statement not covered" > * Simple Usage</span>
1184
- <span class="cstat-no" title="statement not covered" > * ```tsx</span>
1185
- <span class="cstat-no" title="statement not covered" > * import type { SelectedChangeEvent } from "@react-md/core";</span>
1186
- <span class="cstat-no" title="statement not covered" > * import { Select, Option } from "@react-md/core";</span>
1187
- <span class="cstat-no" title="statement not covered" > * import type { ReactElement } from "react";</span>
1188
- <span class="cstat-no" title="statement not covered" > *</span>
1189
- <span class="cstat-no" title="statement not covered" > * type Value = "" | "a" | "b" | "c" | "d";</span>
1190
- <span class="cstat-no" title="statement not covered" > *</span>
1191
- <span class="cstat-no" title="statement not covered" > * function Example(): ReactElement {</span>
1192
- <span class="cstat-no" title="statement not covered" > * const [value, setValue] = useState&lt;Value&gt;("");</span>
1193
- <span class="cstat-no" title="statement not covered" > *</span>
1194
- <span class="cstat-no" title="statement not covered" > * const handleChange = (event: SelectChangeEvent&lt;Value&gt;): void =&gt; {</span>
1195
- <span class="cstat-no" title="statement not covered" > * // No type error!</span>
1196
- <span class="cstat-no" title="statement not covered" > * // `event.currentTarget.value`'s type is `Value` instead of a generic `string`</span>
1197
- <span class="cstat-no" title="statement not covered" > * setValue(event.currentTarget.value);</span>
1198
- <span class="cstat-no" title="statement not covered" > * };</span>
1199
- <span class="cstat-no" title="statement not covered" > *</span>
1200
- <span class="cstat-no" title="statement not covered" > * return (</span>
1201
- <span class="cstat-no" title="statement not covered" > * &lt;Select</span>
1202
- <span class="cstat-no" title="statement not covered" > * label="Label"</span>
1203
- <span class="cstat-no" title="statement not covered" > * value={value}</span>
1204
- <span class="cstat-no" title="statement not covered" > * onChange={handleChange}</span>
1205
- <span class="cstat-no" title="statement not covered" > * &gt;</span>
1206
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="a"&gt;First&lt;/Option&gt;</span>
1207
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="b"&gt;Second&lt;/Option&gt;</span>
1208
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="c"&gt;Third&lt;/Option&gt;</span>
1209
- <span class="cstat-no" title="statement not covered" > * &lt;Option value="d"&gt;Fourth&lt;/Option&gt;</span>
1210
- <span class="cstat-no" title="statement not covered" > * &lt;/Select&gt;</span>
1211
- <span class="cstat-no" title="statement not covered" > * );</span>
1212
- <span class="cstat-no" title="statement not covered" > * }</span>
1213
- <span class="cstat-no" title="statement not covered" > * ```</span>
1214
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
1215
- <span class="cstat-no" title="statement not covered" > */</span>
1216
- <span class="cstat-no" title="statement not covered" >export type SelectChangeEvent&lt;Value extends string&gt; =</span>
1217
- <span class="cstat-no" title="statement not covered" > ChangeEvent&lt;HTMLInputElement&gt; &amp; { currentTarget: { value: Value } };</span>
1218
- <span class="cstat-no" title="statement not covered" ></span>
1219
- <span class="cstat-no" title="statement not covered" >/**</span>
1220
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0 Rewritten with a new API.</span>
1221
- <span class="cstat-no" title="statement not covered" > */</span>
1222
- <span class="cstat-no" title="statement not covered" >export interface SelectProps&lt;Value extends string&gt;</span>
1223
- <span class="cstat-no" title="statement not covered" > extends Omit&lt;TextFieldProps, "placeholder" | "type" | "onChange"&gt;,</span>
1224
- <span class="cstat-no" title="statement not covered" > UserAgentAutoCompleteProps,</span>
1225
- <span class="cstat-no" title="statement not covered" > FormFieldOptions {</span>
1226
- <span class="cstat-no" title="statement not covered" > /**</span>
1227
- <span class="cstat-no" title="statement not covered" > * An optional ref to pass to the hidden `&lt;input type="text" /&gt;` element that</span>
1228
- <span class="cstat-no" title="statement not covered" > * stores the current value. This is really only useful if you'd like to keep</span>
1229
- <span class="cstat-no" title="statement not covered" > * this component uncontrolled and access the value through</span>
1230
- <span class="cstat-no" title="statement not covered" > * `inputRef.current.value`.</span>
1231
- <span class="cstat-no" title="statement not covered" > */</span>
1232
- <span class="cstat-no" title="statement not covered" > inputRef?: Ref&lt;HTMLInputElement&gt;;</span>
1233
- <span class="cstat-no" title="statement not covered" ></span>
1234
- <span class="cstat-no" title="statement not covered" > /**</span>
1235
- <span class="cstat-no" title="statement not covered" > * Set this to a custom dropdown icon or `null` to not render a dropdown icon.</span>
1236
- <span class="cstat-no" title="statement not covered" > *</span>
1237
- <span class="cstat-no" title="statement not covered" > * @defaultValue `getIcon("dropdown")`</span>
1238
- <span class="cstat-no" title="statement not covered" > */</span>
1239
- <span class="cstat-no" title="statement not covered" > icon?: ReactNode;</span>
1240
- <span class="cstat-no" title="statement not covered" ></span>
1241
- <span class="cstat-no" title="statement not covered" > /**</span>
1242
- <span class="cstat-no" title="statement not covered" > * Set this value to fully control the value of the select component. The</span>
1243
- <span class="cstat-no" title="statement not covered" > * {@link onChange} handler **must** also be provided if this prop exists.</span>
1244
- <span class="cstat-no" title="statement not covered" > */</span>
1245
- <span class="cstat-no" title="statement not covered" > value?: Value;</span>
1246
- <span class="cstat-no" title="statement not covered" ></span>
1247
- <span class="cstat-no" title="statement not covered" > /**</span>
1248
- <span class="cstat-no" title="statement not covered" > * An optional default value when the value of the select component is</span>
1249
- <span class="cstat-no" title="statement not covered" > * uncontrolled.</span>
1250
- <span class="cstat-no" title="statement not covered" > *</span>
1251
- <span class="cstat-no" title="statement not covered" > * @defaultValue `""`</span>
1252
- <span class="cstat-no" title="statement not covered" > */</span>
1253
- <span class="cstat-no" title="statement not covered" > defaultValue?: Value;</span>
1254
- <span class="cstat-no" title="statement not covered" ></span>
1255
- <span class="cstat-no" title="statement not covered" > /** @see {@link SelectChangeEvent} */</span>
1256
- <span class="cstat-no" title="statement not covered" > onChange?(event: SelectChangeEvent&lt;Value&gt;): void;</span>
1257
- <span class="cstat-no" title="statement not covered" ></span>
1258
- <span class="cstat-no" title="statement not covered" > /**</span>
1259
- <span class="cstat-no" title="statement not covered" > * Any additional props to provide to the `Menu` component that renders all</span>
1260
- <span class="cstat-no" title="statement not covered" > * the `Option`s.</span>
1261
- <span class="cstat-no" title="statement not covered" > *</span>
1262
- <span class="cstat-no" title="statement not covered" > * The menu will always have these default values unless explicity</span>
1263
- <span class="cstat-no" title="statement not covered" > * overwritten by this prop:</span>
1264
- <span class="cstat-no" title="statement not covered" > *</span>
1265
- <span class="cstat-no" title="statement not covered" > * - `aria-labelledby={containerId}`</span>
1266
- <span class="cstat-no" title="statement not covered" > * - `anchor={BELOW_CENTER_ANCHOR}`</span>
1267
- <span class="cstat-no" title="statement not covered" > * - `width="min"`</span>
1268
- <span class="cstat-no" title="statement not covered" > */</span>
1269
- <span class="cstat-no" title="statement not covered" > menuProps?: Omit&lt;MenuProps, "visible" | "onRequestClose" | "fixedTo"&gt;;</span>
1270
- <span class="cstat-no" title="statement not covered" ></span>
1271
- <span class="cstat-no" title="statement not covered" > /**</span>
1272
- <span class="cstat-no" title="statement not covered" > * Set this to `true` to update all the `Option` components to no longer</span>
1273
- <span class="cstat-no" title="statement not covered" > * render an icon while selected.</span>
1274
- <span class="cstat-no" title="statement not covered" > *</span>
1275
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
1276
- <span class="cstat-no" title="statement not covered" > */</span>
1277
- <span class="cstat-no" title="statement not covered" > disableSelectedIcon?: boolean;</span>
1278
- <span class="cstat-no" title="statement not covered" ></span>
1279
- <span class="cstat-no" title="statement not covered" > /**</span>
1280
- <span class="cstat-no" title="statement not covered" > * Set this to `true` to prevent the current option from rendering the</span>
1281
- <span class="cstat-no" title="statement not covered" > * `leftAddon` in the `TextFieldContainer`.</span>
1282
- <span class="cstat-no" title="statement not covered" > *</span>
1283
- <span class="cstat-no" title="statement not covered" > * @defaultValue `false`</span>
1284
- <span class="cstat-no" title="statement not covered" > */</span>
1285
- <span class="cstat-no" title="statement not covered" > disableValueAddon?: boolean;</span>
1286
- <span class="cstat-no" title="statement not covered" ></span>
1287
- <span class="cstat-no" title="statement not covered" > /**</span>
1288
- <span class="cstat-no" title="statement not covered" > * This should be the available `Option`s for the select to choose from. It</span>
1289
- <span class="cstat-no" title="statement not covered" > * can also contain `OptGroup` or any other elements but only clicking on an</span>
1290
- <span class="cstat-no" title="statement not covered" > * `Option` component will update the value.</span>
1291
- <span class="cstat-no" title="statement not covered" > */</span>
1292
- <span class="cstat-no" title="statement not covered" > children: ReactNode;</span>
1293
- <span class="cstat-no" title="statement not covered" >}</span>
1294
- <span class="cstat-no" title="statement not covered" ></span>
1295
- <span class="cstat-no" title="statement not covered" >/**</span>
1296
- <span class="cstat-no" title="statement not covered" > * **Client Component**</span>
1297
- <span class="cstat-no" title="statement not covered" > *</span>
1298
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0 Rewritten with a new API.</span>
1299
- <span class="cstat-no" title="statement not covered" > */</span>
1300
- <span class="cstat-no" title="statement not covered" >export function Select&lt;Value extends string&gt;(</span>
1301
- <span class="cstat-no" title="statement not covered" > props: SelectProps&lt;Value&gt;</span>
1302
- <span class="cstat-no" title="statement not covered" >): ReactElement {</span>
1303
- <span class="cstat-no" title="statement not covered" > const {</span>
1304
- <span class="cstat-no" title="statement not covered" > id: propId,</span>
1305
- <span class="cstat-no" title="statement not covered" > className,</span>
1306
- <span class="cstat-no" title="statement not covered" > active = false,</span>
1307
- <span class="cstat-no" title="statement not covered" > inputRef: propInputRef,</span>
1308
- <span class="cstat-no" title="statement not covered" > inputClassName,</span>
1309
- <span class="cstat-no" title="statement not covered" > menuProps = {},</span>
1310
- <span class="cstat-no" title="statement not covered" > containerProps: propContainerProps = {},</span>
1311
- <span class="cstat-no" title="statement not covered" > icon: propIcon,</span>
1312
- <span class="cstat-no" title="statement not covered" > value,</span>
1313
- <span class="cstat-no" title="statement not covered" > defaultValue,</span>
1314
- <span class="cstat-no" title="statement not covered" > theme: propTheme,</span>
1315
- <span class="cstat-no" title="statement not covered" > onChange = noop,</span>
1316
- <span class="cstat-no" title="statement not covered" > leftAddon,</span>
1317
- <span class="cstat-no" title="statement not covered" > rightAddon: propRightAddon,</span>
1318
- <span class="cstat-no" title="statement not covered" > disableValueAddon = false,</span>
1319
- <span class="cstat-no" title="statement not covered" > disableSelectedIcon = false,</span>
1320
- <span class="cstat-no" title="statement not covered" > children,</span>
1321
- <span class="cstat-no" title="statement not covered" > ...remaining</span>
1322
- <span class="cstat-no" title="statement not covered" > } = props;</span>
1323
- <span class="cstat-no" title="statement not covered" > const { disabled = false, form } = props;</span>
1324
- <span class="cstat-no" title="statement not covered" ></span>
1325
- <span class="cstat-no" title="statement not covered" > const id = useEnsuredId(propId, "select");</span>
1326
- <span class="cstat-no" title="statement not covered" > const containerId = useEnsuredId(propContainerProps.id, "select-container");</span>
1327
- <span class="cstat-no" title="statement not covered" > const icon = getIcon("dropdown", propIcon);</span>
1328
- <span class="cstat-no" title="statement not covered" > const theme = getFormConfig("theme", propTheme);</span>
1329
- <span class="cstat-no" title="statement not covered" ></span>
1330
- <span class="cstat-no" title="statement not covered" > const { toggled: visible, enable: show, disable: hide } = useToggle();</span>
1331
- <span class="cstat-no" title="statement not covered" > const [inputRef, inputRefCallback] = useEnsuredRef(propInputRef);</span>
1332
- <span class="cstat-no" title="statement not covered" > const [containerRef, containerRefCallback] = useEnsuredRef(</span>
1333
- <span class="cstat-no" title="statement not covered" > propContainerProps.ref</span>
1334
- <span class="cstat-no" title="statement not covered" > );</span>
1335
- <span class="cstat-no" title="statement not covered" > const [menuRef, menuRefCallback] = useEnsuredRef(menuProps.nodeRef);</span>
1336
- <span class="cstat-no" title="statement not covered" > const [currentValue, setCurrentValue] = useState(() =&gt; {</span>
1337
- <span class="cstat-no" title="statement not covered" > if (typeof defaultValue !== "undefined") {</span>
1338
- <span class="cstat-no" title="statement not covered" > return defaultValue;</span>
1339
- <span class="cstat-no" title="statement not covered" > }</span>
1340
- <span class="cstat-no" title="statement not covered" ></span>
1341
- <span class="cstat-no" title="statement not covered" > return typeof value !== "undefined" ? value : EMPTY_STRING;</span>
1342
- <span class="cstat-no" title="statement not covered" > });</span>
1343
- <span class="cstat-no" title="statement not covered" > const initialValue = useRef(currentValue);</span>
1344
- <span class="cstat-no" title="statement not covered" ></span>
1345
- <span class="cstat-no" title="statement not covered" > useEffect(() =&gt; {</span>
1346
- <span class="cstat-no" title="statement not covered" > const select = inputRef.current;</span>
1347
- <span class="cstat-no" title="statement not covered" > if (!select) {</span>
1348
- <span class="cstat-no" title="statement not covered" > return;</span>
1349
- <span class="cstat-no" title="statement not covered" > }</span>
1350
- <span class="cstat-no" title="statement not covered" ></span>
1351
- <span class="cstat-no" title="statement not covered" > const formElement =</span>
1352
- <span class="cstat-no" title="statement not covered" > select.closest&lt;HTMLFormElement&gt;("form") ||</span>
1353
- <span class="cstat-no" title="statement not covered" > (form &amp;&amp; document.getElementById(form)) ||</span>
1354
- <span class="cstat-no" title="statement not covered" > null;</span>
1355
- <span class="cstat-no" title="statement not covered" ></span>
1356
- <span class="cstat-no" title="statement not covered" > if (!formElement) {</span>
1357
- <span class="cstat-no" title="statement not covered" > return;</span>
1358
- <span class="cstat-no" title="statement not covered" > }</span>
1359
- <span class="cstat-no" title="statement not covered" ></span>
1360
- <span class="cstat-no" title="statement not covered" > const handleReset = (): void =&gt; {</span>
1361
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(select, initialValue.current);</span>
1362
- <span class="cstat-no" title="statement not covered" > };</span>
1363
- <span class="cstat-no" title="statement not covered" ></span>
1364
- <span class="cstat-no" title="statement not covered" > formElement.addEventListener("reset", handleReset);</span>
1365
- <span class="cstat-no" title="statement not covered" > return () =&gt; {</span>
1366
- <span class="cstat-no" title="statement not covered" > formElement.removeEventListener("reset", handleReset);</span>
1367
- <span class="cstat-no" title="statement not covered" > };</span>
1368
- <span class="cstat-no" title="statement not covered" > }, [form, inputRef]);</span>
1369
- <span class="cstat-no" title="statement not covered" ></span>
1370
- <span class="cstat-no" title="statement not covered" > const { options, searchValues, currentOption, currentIndex } =</span>
1371
- <span class="cstat-no" title="statement not covered" > extractOptionsFromChildren(</span>
1372
- <span class="cstat-no" title="statement not covered" > children,</span>
1373
- <span class="cstat-no" title="statement not covered" > typeof value === "undefined" ? currentValue : value</span>
1374
- <span class="cstat-no" title="statement not covered" > );</span>
1375
- <span class="cstat-no" title="statement not covered" > const totalOptions = options.length - 1;</span>
1376
- <span class="cstat-no" title="statement not covered" ></span>
1377
- <span class="cstat-no" title="statement not covered" > let rightAddon = propRightAddon;</span>
1378
- <span class="cstat-no" title="statement not covered" > if (typeof rightAddon === "undefined" &amp;&amp; icon) {</span>
1379
- <span class="cstat-no" title="statement not covered" > rightAddon = &lt;IconRotator rotated={visible}&gt;{icon}&lt;/IconRotator&gt;;</span>
1380
- <span class="cstat-no" title="statement not covered" > }</span>
1381
- <span class="cstat-no" title="statement not covered" ></span>
1382
- <span class="cstat-no" title="statement not covered" > const listboxContext = useMemo(</span>
1383
- <span class="cstat-no" title="statement not covered" > () =&gt; ({</span>
1384
- <span class="cstat-no" title="statement not covered" > inputRef,</span>
1385
- <span class="cstat-no" title="statement not covered" > currentValue: typeof value === "undefined" ? currentValue : value,</span>
1386
- <span class="cstat-no" title="statement not covered" > disableSelectedIcon,</span>
1387
- <span class="cstat-no" title="statement not covered" > }),</span>
1388
- <span class="cstat-no" title="statement not covered" > [currentValue, disableSelectedIcon, inputRef, value]</span>
1389
- <span class="cstat-no" title="statement not covered" > );</span>
1390
- <span class="cstat-no" title="statement not covered" ></span>
1391
- <span class="cstat-no" title="statement not covered" > // TODO: Need to update this to support editable listboxes where these props</span>
1392
- <span class="cstat-no" title="statement not covered" > // would go to the input element instead of the container</span>
1393
- <span class="cstat-no" title="statement not covered" > const a11yProps = {</span>
1394
- <span class="cstat-no" title="statement not covered" > "aria-haspopup": "listbox",</span>
1395
- <span class="cstat-no" title="statement not covered" > "aria-expanded": visible,</span>
1396
- <span class="cstat-no" title="statement not covered" > role: "combobox",</span>
1397
- <span class="cstat-no" title="statement not covered" > tabIndex: disabled ? -1 : 0,</span>
1398
- <span class="cstat-no" title="statement not covered" > } as const;</span>
1399
- <span class="cstat-no" title="statement not covered" > const {</span>
1400
- <span class="cstat-no" title="statement not covered" > movementProps,</span>
1401
- <span class="cstat-no" title="statement not covered" > movementContext,</span>
1402
- <span class="cstat-no" title="statement not covered" > currentFocusIndex,</span>
1403
- <span class="cstat-no" title="statement not covered" > setActiveDescendantId,</span>
1404
- <span class="cstat-no" title="statement not covered" > } = useKeyboardMovementProvider&lt;HTMLDivElement&gt;({</span>
1405
- <span class="cstat-no" title="statement not covered" > onFocus: propContainerProps.onFocus,</span>
1406
- <span class="cstat-no" title="statement not covered" > onClick(event) {</span>
1407
- <span class="cstat-no" title="statement not covered" > propContainerProps.onClick?.(event);</span>
1408
- <span class="cstat-no" title="statement not covered" > if (disabled) {</span>
1409
- <span class="cstat-no" title="statement not covered" > return;</span>
1410
- <span class="cstat-no" title="statement not covered" > }</span>
1411
- <span class="cstat-no" title="statement not covered" ></span>
1412
- <span class="cstat-no" title="statement not covered" > show();</span>
1413
- <span class="cstat-no" title="statement not covered" > },</span>
1414
- <span class="cstat-no" title="statement not covered" > onKeyDown(event) {</span>
1415
- <span class="cstat-no" title="statement not covered" > propContainerProps.onKeyDown?.(event);</span>
1416
- <span class="cstat-no" title="statement not covered" > if (disabled) {</span>
1417
- <span class="cstat-no" title="statement not covered" > return;</span>
1418
- <span class="cstat-no" title="statement not covered" > }</span>
1419
- <span class="cstat-no" title="statement not covered" ></span>
1420
- <span class="cstat-no" title="statement not covered" > if (visible) {</span>
1421
- <span class="cstat-no" title="statement not covered" > if (event.key === "Escape" || event.key === "Tab") {</span>
1422
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1423
- <span class="cstat-no" title="statement not covered" > hide();</span>
1424
- <span class="cstat-no" title="statement not covered" > }</span>
1425
- <span class="cstat-no" title="statement not covered" ></span>
1426
- <span class="cstat-no" title="statement not covered" > return;</span>
1427
- <span class="cstat-no" title="statement not covered" > }</span>
1428
- <span class="cstat-no" title="statement not covered" ></span>
1429
- <span class="cstat-no" title="statement not covered" > if (isSearchableEvent(event)) {</span>
1430
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1431
- <span class="cstat-no" title="statement not covered" ></span>
1432
- <span class="cstat-no" title="statement not covered" > const nextIndex = findMatchIndex({</span>
1433
- <span class="cstat-no" title="statement not covered" > value: event.key,</span>
1434
- <span class="cstat-no" title="statement not covered" > values: searchValues,</span>
1435
- <span class="cstat-no" title="statement not covered" > startIndex: event.shiftKey ? -1 : currentIndex,</span>
1436
- <span class="cstat-no" title="statement not covered" > });</span>
1437
- <span class="cstat-no" title="statement not covered" ></span>
1438
- <span class="cstat-no" title="statement not covered" > if (nextIndex !== -1) {</span>
1439
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(inputRef.current, options[nextIndex].value);</span>
1440
- <span class="cstat-no" title="statement not covered" > }</span>
1441
- <span class="cstat-no" title="statement not covered" > return;</span>
1442
- <span class="cstat-no" title="statement not covered" > }</span>
1443
- <span class="cstat-no" title="statement not covered" ></span>
1444
- <span class="cstat-no" title="statement not covered" > switch (event.key) {</span>
1445
- <span class="cstat-no" title="statement not covered" > case " ":</span>
1446
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1447
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1448
- <span class="cstat-no" title="statement not covered" > show();</span>
1449
- <span class="cstat-no" title="statement not covered" > break;</span>
1450
- <span class="cstat-no" title="statement not covered" > case "Enter":</span>
1451
- <span class="cstat-no" title="statement not covered" > tryToSubmitRelatedForm(event, form);</span>
1452
- <span class="cstat-no" title="statement not covered" > break;</span>
1453
- <span class="cstat-no" title="statement not covered" > case "Home":</span>
1454
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1455
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1456
- <span class="cstat-no" title="statement not covered" > if (currentIndex !== 0) {</span>
1457
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(inputRef.current, options[0].value);</span>
1458
- <span class="cstat-no" title="statement not covered" > }</span>
1459
- <span class="cstat-no" title="statement not covered" > break;</span>
1460
- <span class="cstat-no" title="statement not covered" > case "End":</span>
1461
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1462
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1463
- <span class="cstat-no" title="statement not covered" > if (currentIndex !== totalOptions) {</span>
1464
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(</span>
1465
- <span class="cstat-no" title="statement not covered" > inputRef.current,</span>
1466
- <span class="cstat-no" title="statement not covered" > options[totalOptions].value</span>
1467
- <span class="cstat-no" title="statement not covered" > );</span>
1468
- <span class="cstat-no" title="statement not covered" > }</span>
1469
- <span class="cstat-no" title="statement not covered" > break;</span>
1470
- <span class="cstat-no" title="statement not covered" > case "ArrowDown":</span>
1471
- <span class="cstat-no" title="statement not covered" > case "ArrowUp": {</span>
1472
- <span class="cstat-no" title="statement not covered" > event.preventDefault();</span>
1473
- <span class="cstat-no" title="statement not covered" > event.stopPropagation();</span>
1474
- <span class="cstat-no" title="statement not covered" ></span>
1475
- <span class="cstat-no" title="statement not covered" > const increment = event.key === "ArrowDown";</span>
1476
- <span class="cstat-no" title="statement not covered" > if (currentIndex === -1 &amp;&amp; !increment) {</span>
1477
- <span class="cstat-no" title="statement not covered" > // this matches the native select behavior where it will do</span>
1478
- <span class="cstat-no" title="statement not covered" > // nothing if there is no current value</span>
1479
- <span class="cstat-no" title="statement not covered" > return;</span>
1480
- <span class="cstat-no" title="statement not covered" > }</span>
1481
- <span class="cstat-no" title="statement not covered" ></span>
1482
- <span class="cstat-no" title="statement not covered" > const nextIndex = loop({</span>
1483
- <span class="cstat-no" title="statement not covered" > max: totalOptions,</span>
1484
- <span class="cstat-no" title="statement not covered" > value: currentIndex,</span>
1485
- <span class="cstat-no" title="statement not covered" > minmax: true,</span>
1486
- <span class="cstat-no" title="statement not covered" > increment,</span>
1487
- <span class="cstat-no" title="statement not covered" > });</span>
1488
- <span class="cstat-no" title="statement not covered" ></span>
1489
- <span class="cstat-no" title="statement not covered" > triggerManualChangeEvent(inputRef.current, options[nextIndex].value);</span>
1490
- <span class="cstat-no" title="statement not covered" > break;</span>
1491
- <span class="cstat-no" title="statement not covered" > }</span>
1492
- <span class="cstat-no" title="statement not covered" > }</span>
1493
- <span class="cstat-no" title="statement not covered" > },</span>
1494
- <span class="cstat-no" title="statement not covered" > loopable: false,</span>
1495
- <span class="cstat-no" title="statement not covered" > searchable: true,</span>
1496
- <span class="cstat-no" title="statement not covered" > programmatic: true,</span>
1497
- <span class="cstat-no" title="statement not covered" > includeDisabled: false,</span>
1498
- <span class="cstat-no" title="statement not covered" > tabIndexBehavior: "virtual",</span>
1499
- <span class="cstat-no" title="statement not covered" > getDefaultFocusedIndex(focusOptions) {</span>
1500
- <span class="cstat-no" title="statement not covered" > if (typeof menuProps.getDefaultFocusedIndex === "function") {</span>
1501
- <span class="cstat-no" title="statement not covered" > return menuProps.getDefaultFocusedIndex(focusOptions);</span>
1502
- <span class="cstat-no" title="statement not covered" > }</span>
1503
- <span class="cstat-no" title="statement not covered" ></span>
1504
- <span class="cstat-no" title="statement not covered" > const val = typeof value === "undefined" ? currentValue : value;</span>
1505
- <span class="cstat-no" title="statement not covered" > return options.findIndex((option) =&gt; option.value === val);</span>
1506
- <span class="cstat-no" title="statement not covered" > },</span>
1507
- <span class="cstat-no" title="statement not covered" > getFocusableElements() {</span>
1508
- <span class="cstat-no" title="statement not covered" > const menu = menuRef.current;</span>
1509
- <span class="cstat-no" title="statement not covered" > if (!menu) {</span>
1510
- <span class="cstat-no" title="statement not covered" > return [];</span>
1511
- <span class="cstat-no" title="statement not covered" > }</span>
1512
- <span class="cstat-no" title="statement not covered" ></span>
1513
- <span class="cstat-no" title="statement not covered" > return [</span>
1514
- <span class="cstat-no" title="statement not covered" > ...menu.querySelectorAll&lt;HTMLLIElement&gt;(</span>
1515
- <span class="cstat-no" title="statement not covered" > '[role="option"]:not([aria-disabled])'</span>
1516
- <span class="cstat-no" title="statement not covered" > ),</span>
1517
- <span class="cstat-no" title="statement not covered" > ];</span>
1518
- <span class="cstat-no" title="statement not covered" > },</span>
1519
- <span class="cstat-no" title="statement not covered" > });</span>
1520
- <span class="cstat-no" title="statement not covered" ></span>
1521
- <span class="cstat-no" title="statement not covered" > const containerProps: Required&lt;SelectProps&lt;Value&gt;&gt;["containerProps"] = {</span>
1522
- <span class="cstat-no" title="statement not covered" > ...propContainerProps,</span>
1523
- <span class="cstat-no" title="statement not covered" > ...movementProps,</span>
1524
- <span class="cstat-no" title="statement not covered" > ...a11yProps,</span>
1525
- <span class="cstat-no" title="statement not covered" > ref: containerRefCallback,</span>
1526
- <span class="cstat-no" title="statement not covered" > };</span>
1527
- <span class="cstat-no" title="statement not covered" ></span>
1528
- <span class="cstat-no" title="statement not covered" > const { onEntering, onEntered, onExiting, onExited, disableTransition } =</span>
1529
- <span class="cstat-no" title="statement not covered" > menuProps;</span>
1530
- <span class="cstat-no" title="statement not covered" > const handleMounting =</span>
1531
- <span class="cstat-no" title="statement not covered" > (callback: TransitionEnterHandler | undefined = noop, skipped: boolean) =&gt;</span>
1532
- <span class="cstat-no" title="statement not covered" > (appearing: boolean) =&gt; {</span>
1533
- <span class="cstat-no" title="statement not covered" > callback(appearing);</span>
1534
- <span class="cstat-no" title="statement not covered" ></span>
1535
- <span class="cstat-no" title="statement not covered" > const menu = menuRef.current;</span>
1536
- <span class="cstat-no" title="statement not covered" > if (!menu || skipped) {</span>
1537
- <span class="cstat-no" title="statement not covered" > return;</span>
1538
- <span class="cstat-no" title="statement not covered" > }</span>
1539
- <span class="cstat-no" title="statement not covered" ></span>
1540
- <span class="cstat-no" title="statement not covered" > // Since the keyboard movement behavior is tied to the</span>
1541
- <span class="cstat-no" title="statement not covered" > // `TextFieldContainer` or `input` element instead of the menu for this</span>
1542
- <span class="cstat-no" title="statement not covered" > // widget, the focus index and active descendant must manually be updated</span>
1543
- <span class="cstat-no" title="statement not covered" > // whenever the menu becomes visible. Without this, no items will be</span>
1544
- <span class="cstat-no" title="statement not covered" > // focused until the first keyboard event that would move focus</span>
1545
- <span class="cstat-no" title="statement not covered" > const val = typeof value === "undefined" ? currentValue : value;</span>
1546
- <span class="cstat-no" title="statement not covered" > const focusables = getNonDisabledOptions(menu);</span>
1547
- <span class="cstat-no" title="statement not covered" > const index = Math.max(</span>
1548
- <span class="cstat-no" title="statement not covered" > 0,</span>
1549
- <span class="cstat-no" title="statement not covered" > options.findIndex((option) =&gt; option.value === val)</span>
1550
- <span class="cstat-no" title="statement not covered" > );</span>
1551
- <span class="cstat-no" title="statement not covered" > focusables[index].scrollIntoView({ block: "nearest" });</span>
1552
- <span class="cstat-no" title="statement not covered" > currentFocusIndex.current = index;</span>
1553
- <span class="cstat-no" title="statement not covered" > setActiveDescendantId(focusables[index]?.id || "");</span>
1554
- <span class="cstat-no" title="statement not covered" > };</span>
1555
- <span class="cstat-no" title="statement not covered" ></span>
1556
- <span class="cstat-no" title="statement not covered" > const handleUnmounting =</span>
1557
- <span class="cstat-no" title="statement not covered" > (callback: TransitionExitHandler | undefined = noop, skipped = false) =&gt;</span>
1558
- <span class="cstat-no" title="statement not covered" > (): void =&gt; {</span>
1559
- <span class="cstat-no" title="statement not covered" > callback();</span>
1560
- <span class="cstat-no" title="statement not covered" ></span>
1561
- <span class="cstat-no" title="statement not covered" > if (!skipped) {</span>
1562
- <span class="cstat-no" title="statement not covered" > // since the menu is unmounted or set to hidden while not visible, need</span>
1563
- <span class="cstat-no" title="statement not covered" > // to clear the aria-activedescendant and current focus index when</span>
1564
- <span class="cstat-no" title="statement not covered" > // hiding</span>
1565
- <span class="cstat-no" title="statement not covered" > currentFocusIndex.current = -1;</span>
1566
- <span class="cstat-no" title="statement not covered" > setActiveDescendantId("");</span>
1567
- <span class="cstat-no" title="statement not covered" > }</span>
1568
- <span class="cstat-no" title="statement not covered" > };</span>
1569
- <span class="cstat-no" title="statement not covered" ></span>
1570
- <span class="cstat-no" title="statement not covered" > return (</span>
1571
- <span class="cstat-no" title="statement not covered" > &lt;ListboxProvider value={listboxContext}&gt;</span>
1572
- <span class="cstat-no" title="statement not covered" > &lt;KeyboardMovementProvider value={movementContext}&gt;</span>
1573
- <span class="cstat-no" title="statement not covered" > &lt;TextField</span>
1574
- <span class="cstat-no" title="statement not covered" > {...remaining}</span>
1575
- <span class="cstat-no" title="statement not covered" > aria-hidden</span>
1576
- <span class="cstat-no" title="statement not covered" > id={id}</span>
1577
- <span class="cstat-no" title="statement not covered" > ref={inputRefCallback}</span>
1578
- <span class="cstat-no" title="statement not covered" > containerProps={containerProps}</span>
1579
- <span class="cstat-no" title="statement not covered" > type="text"</span>
1580
- <span class="cstat-no" title="statement not covered" > tabIndex={-1}</span>
1581
- <span class="cstat-no" title="statement not covered" > theme={theme}</span>
1582
- <span class="cstat-no" title="statement not covered" > value={value}</span>
1583
- <span class="cstat-no" title="statement not covered" > defaultValue={defaultValue}</span>
1584
- <span class="cstat-no" title="statement not covered" > active={active || visible}</span>
1585
- <span class="cstat-no" title="statement not covered" > leftAddon={leftAddon}</span>
1586
- <span class="cstat-no" title="statement not covered" > rightAddon={rightAddon}</span>
1587
- <span class="cstat-no" title="statement not covered" > className={cnb("rmd-select-container", className)}</span>
1588
- <span class="cstat-no" title="statement not covered" > inputClassName={select({</span>
1589
- <span class="cstat-no" title="statement not covered" > theme,</span>
1590
- <span class="cstat-no" title="statement not covered" > className: inputClassName,</span>
1591
- <span class="cstat-no" title="statement not covered" > })}</span>
1592
- <span class="cstat-no" title="statement not covered" > onChange={(event) =&gt; {</span>
1593
- <span class="cstat-no" title="statement not covered" > onChange(event as SelectChangeEvent&lt;Value&gt;);</span>
1594
- <span class="cstat-no" title="statement not covered" > if (typeof value !== "undefined") {</span>
1595
- <span class="cstat-no" title="statement not covered" > return;</span>
1596
- <span class="cstat-no" title="statement not covered" > }</span>
1597
- <span class="cstat-no" title="statement not covered" ></span>
1598
- <span class="cstat-no" title="statement not covered" > const nextValue = event.currentTarget.value;</span>
1599
- <span class="cstat-no" title="statement not covered" > const valueAsNumber = parseFloat(nextValue);</span>
1600
- <span class="cstat-no" title="statement not covered" > const nextOption = options.find(</span>
1601
- <span class="cstat-no" title="statement not covered" > (option) =&gt;</span>
1602
- <span class="cstat-no" title="statement not covered" > // need to compare both here since</span>
1603
- <span class="cstat-no" title="statement not covered" > // eslint-disable-next-line @typescript-eslint/ban-ts-comment</span>
1604
- <span class="cstat-no" title="statement not covered" > // @ts-expect-error</span>
1605
- <span class="cstat-no" title="statement not covered" > option.value === nextValue || option.value === valueAsNumber</span>
1606
- <span class="cstat-no" title="statement not covered" > );</span>
1607
- <span class="cstat-no" title="statement not covered" ></span>
1608
- <span class="cstat-no" title="statement not covered" > setCurrentValue(</span>
1609
- <span class="cstat-no" title="statement not covered" > nextOption ? nextOption.value : initialValue.current</span>
1610
- <span class="cstat-no" title="statement not covered" > );</span>
1611
- <span class="cstat-no" title="statement not covered" > }}</span>
1612
- <span class="cstat-no" title="statement not covered" > &gt;</span>
1613
- <span class="cstat-no" title="statement not covered" > &lt;SelectValue disableAddon={disableValueAddon} {...currentOption} /&gt;</span>
1614
- <span class="cstat-no" title="statement not covered" > &lt;/TextField&gt;</span>
1615
- <span class="cstat-no" title="statement not covered" > &lt;Menu</span>
1616
- <span class="cstat-no" title="statement not covered" > aria-labelledby={containerId}</span>
1617
- <span class="cstat-no" title="statement not covered" > anchor={BELOW_CENTER_ANCHOR}</span>
1618
- <span class="cstat-no" title="statement not covered" > role="listbox"</span>
1619
- <span class="cstat-no" title="statement not covered" > width="min"</span>
1620
- <span class="cstat-no" title="statement not covered" > {...menuProps}</span>
1621
- <span class="cstat-no" title="statement not covered" > ref={menuRefCallback}</span>
1622
- <span class="cstat-no" title="statement not covered" > visible={visible}</span>
1623
- <span class="cstat-no" title="statement not covered" > fixedTo={containerRef}</span>
1624
- <span class="cstat-no" title="statement not covered" > onRequestClose={hide}</span>
1625
- <span class="cstat-no" title="statement not covered" > onEntering={handleMounting(onEntering, false)}</span>
1626
- <span class="cstat-no" title="statement not covered" > onEntered={handleMounting(onEntered, !disableTransition)}</span>
1627
- <span class="cstat-no" title="statement not covered" > onExiting={handleUnmounting(onExiting, false)}</span>
1628
- <span class="cstat-no" title="statement not covered" > onExited={handleUnmounting(onExited, !disableTransition)}</span>
1629
- <span class="cstat-no" title="statement not covered" > sheetProps={{</span>
1630
- <span class="cstat-no" title="statement not covered" > ...menuProps.sheetProps,</span>
1631
- <span class="cstat-no" title="statement not covered" > onEntering: handleMounting(menuProps.sheetProps?.onEntering, false),</span>
1632
- <span class="cstat-no" title="statement not covered" > onEntered: handleMounting(</span>
1633
- <span class="cstat-no" title="statement not covered" > menuProps.sheetProps?.onEntered,</span>
1634
- <span class="cstat-no" title="statement not covered" > !disableTransition</span>
1635
- <span class="cstat-no" title="statement not covered" > ),</span>
1636
- <span class="cstat-no" title="statement not covered" > }}</span>
1637
- <span class="cstat-no" title="statement not covered" > &gt;</span>
1638
- <span class="cstat-no" title="statement not covered" > {children}</span>
1639
- <span class="cstat-no" title="statement not covered" > &lt;/Menu&gt;</span>
1640
- <span class="cstat-no" title="statement not covered" > &lt;/KeyboardMovementProvider&gt;</span>
1641
- <span class="cstat-no" title="statement not covered" > &lt;/ListboxProvider&gt;</span>
1642
- <span class="cstat-no" title="statement not covered" > );</span>
1643
- <span class="cstat-no" title="statement not covered" >}</span>
508
+ <a name='L443'></a><a href='#L443'>443</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
509
+ <span class="cline-any cline-yes">1x</span>
510
+ <span class="cline-any cline-yes">1x</span>
511
+ <span class="cline-any cline-yes">1x</span>
512
+ <span class="cline-any cline-yes">1x</span>
513
+ <span class="cline-any cline-yes">1x</span>
514
+ <span class="cline-any cline-yes">1x</span>
515
+ <span class="cline-any cline-yes">1x</span>
516
+ <span class="cline-any cline-yes">1x</span>
517
+ <span class="cline-any cline-yes">1x</span>
518
+ <span class="cline-any cline-yes">1x</span>
519
+ <span class="cline-any cline-yes">1x</span>
520
+ <span class="cline-any cline-yes">1x</span>
521
+ <span class="cline-any cline-yes">1x</span>
522
+ <span class="cline-any cline-yes">1x</span>
523
+ <span class="cline-any cline-yes">1x</span>
524
+ <span class="cline-any cline-yes">1x</span>
525
+ <span class="cline-any cline-yes">1x</span>
526
+ <span class="cline-any cline-yes">1x</span>
527
+ <span class="cline-any cline-yes">1x</span>
528
+ <span class="cline-any cline-yes">1x</span>
529
+ <span class="cline-any cline-yes">1x</span>
530
+ <span class="cline-any cline-yes">1x</span>
531
+ <span class="cline-any cline-yes">1x</span>
532
+ <span class="cline-any cline-yes">1x</span>
533
+ <span class="cline-any cline-yes">1x</span>
534
+ <span class="cline-any cline-yes">1x</span>
535
+ <span class="cline-any cline-yes">1x</span>
536
+ <span class="cline-any cline-yes">1x</span>
537
+ <span class="cline-any cline-yes">1x</span>
538
+ <span class="cline-any cline-yes">1x</span>
539
+ <span class="cline-any cline-yes">1x</span>
540
+ <span class="cline-any cline-yes">1x</span>
541
+ <span class="cline-any cline-yes">1x</span>
542
+ <span class="cline-any cline-yes">1x</span>
543
+ <span class="cline-any cline-yes">1x</span>
544
+ <span class="cline-any cline-yes">1x</span>
545
+ <span class="cline-any cline-yes">1x</span>
546
+ <span class="cline-any cline-yes">1x</span>
547
+ <span class="cline-any cline-yes">1x</span>
548
+ <span class="cline-any cline-yes">1x</span>
549
+ <span class="cline-any cline-yes">1x</span>
550
+ <span class="cline-any cline-yes">8x</span>
551
+ <span class="cline-any cline-yes">8x</span>
552
+ <span class="cline-any cline-yes">1x</span>
553
+ <span class="cline-any cline-yes">1x</span>
554
+ <span class="cline-any cline-yes">1x</span>
555
+ <span class="cline-any cline-yes">1x</span>
556
+ <span class="cline-any cline-yes">1x</span>
557
+ <span class="cline-any cline-yes">1x</span>
558
+ <span class="cline-any cline-yes">1x</span>
559
+ <span class="cline-any cline-yes">1x</span>
560
+ <span class="cline-any cline-yes">1x</span>
561
+ <span class="cline-any cline-yes">1x</span>
562
+ <span class="cline-any cline-yes">1x</span>
563
+ <span class="cline-any cline-yes">1x</span>
564
+ <span class="cline-any cline-yes">1x</span>
565
+ <span class="cline-any cline-yes">1x</span>
566
+ <span class="cline-any cline-yes">1x</span>
567
+ <span class="cline-any cline-yes">1x</span>
568
+ <span class="cline-any cline-yes">1x</span>
569
+ <span class="cline-any cline-yes">1x</span>
570
+ <span class="cline-any cline-yes">1x</span>
571
+ <span class="cline-any cline-yes">1x</span>
572
+ <span class="cline-any cline-yes">1x</span>
573
+ <span class="cline-any cline-yes">1x</span>
574
+ <span class="cline-any cline-yes">1x</span>
575
+ <span class="cline-any cline-yes">1x</span>
576
+ <span class="cline-any cline-yes">1x</span>
577
+ <span class="cline-any cline-yes">1x</span>
578
+ <span class="cline-any cline-yes">1x</span>
579
+ <span class="cline-any cline-yes">1x</span>
580
+ <span class="cline-any cline-yes">1x</span>
581
+ <span class="cline-any cline-yes">1x</span>
582
+ <span class="cline-any cline-yes">1x</span>
583
+ <span class="cline-any cline-yes">1x</span>
584
+ <span class="cline-any cline-yes">1x</span>
585
+ <span class="cline-any cline-yes">1x</span>
586
+ <span class="cline-any cline-yes">1x</span>
587
+ <span class="cline-any cline-yes">1x</span>
588
+ <span class="cline-any cline-yes">1x</span>
589
+ <span class="cline-any cline-yes">1x</span>
590
+ <span class="cline-any cline-yes">1x</span>
591
+ <span class="cline-any cline-yes">1x</span>
592
+ <span class="cline-any cline-yes">1x</span>
593
+ <span class="cline-any cline-yes">1x</span>
594
+ <span class="cline-any cline-yes">1x</span>
595
+ <span class="cline-any cline-yes">1x</span>
596
+ <span class="cline-any cline-yes">1x</span>
597
+ <span class="cline-any cline-yes">1x</span>
598
+ <span class="cline-any cline-yes">1x</span>
599
+ <span class="cline-any cline-yes">1x</span>
600
+ <span class="cline-any cline-yes">1x</span>
601
+ <span class="cline-any cline-yes">1x</span>
602
+ <span class="cline-any cline-yes">1x</span>
603
+ <span class="cline-any cline-yes">1x</span>
604
+ <span class="cline-any cline-yes">1x</span>
605
+ <span class="cline-any cline-yes">1x</span>
606
+ <span class="cline-any cline-yes">1x</span>
607
+ <span class="cline-any cline-yes">1x</span>
608
+ <span class="cline-any cline-yes">1x</span>
609
+ <span class="cline-any cline-yes">1x</span>
610
+ <span class="cline-any cline-yes">1x</span>
611
+ <span class="cline-any cline-yes">1x</span>
612
+ <span class="cline-any cline-yes">1x</span>
613
+ <span class="cline-any cline-yes">1x</span>
614
+ <span class="cline-any cline-yes">1x</span>
615
+ <span class="cline-any cline-yes">1x</span>
616
+ <span class="cline-any cline-yes">1x</span>
617
+ <span class="cline-any cline-yes">1x</span>
618
+ <span class="cline-any cline-yes">1x</span>
619
+ <span class="cline-any cline-yes">1x</span>
620
+ <span class="cline-any cline-yes">1x</span>
621
+ <span class="cline-any cline-yes">1x</span>
622
+ <span class="cline-any cline-yes">1x</span>
623
+ <span class="cline-any cline-yes">1x</span>
624
+ <span class="cline-any cline-yes">1x</span>
625
+ <span class="cline-any cline-yes">1x</span>
626
+ <span class="cline-any cline-yes">1x</span>
627
+ <span class="cline-any cline-yes">1x</span>
628
+ <span class="cline-any cline-yes">1x</span>
629
+ <span class="cline-any cline-yes">1x</span>
630
+ <span class="cline-any cline-yes">1x</span>
631
+ <span class="cline-any cline-yes">1x</span>
632
+ <span class="cline-any cline-yes">1x</span>
633
+ <span class="cline-any cline-yes">1x</span>
634
+ <span class="cline-any cline-yes">1x</span>
635
+ <span class="cline-any cline-yes">1x</span>
636
+ <span class="cline-any cline-yes">1x</span>
637
+ <span class="cline-any cline-yes">1x</span>
638
+ <span class="cline-any cline-yes">1x</span>
639
+ <span class="cline-any cline-yes">1x</span>
640
+ <span class="cline-any cline-yes">1x</span>
641
+ <span class="cline-any cline-yes">1x</span>
642
+ <span class="cline-any cline-yes">1x</span>
643
+ <span class="cline-any cline-yes">1x</span>
644
+ <span class="cline-any cline-yes">1x</span>
645
+ <span class="cline-any cline-yes">1x</span>
646
+ <span class="cline-any cline-yes">1x</span>
647
+ <span class="cline-any cline-yes">1x</span>
648
+ <span class="cline-any cline-yes">1x</span>
649
+ <span class="cline-any cline-yes">1x</span>
650
+ <span class="cline-any cline-yes">1x</span>
651
+ <span class="cline-any cline-yes">1x</span>
652
+ <span class="cline-any cline-yes">1x</span>
653
+ <span class="cline-any cline-yes">1x</span>
654
+ <span class="cline-any cline-yes">1x</span>
655
+ <span class="cline-any cline-yes">1x</span>
656
+ <span class="cline-any cline-yes">1x</span>
657
+ <span class="cline-any cline-yes">1x</span>
658
+ <span class="cline-any cline-yes">1x</span>
659
+ <span class="cline-any cline-yes">1x</span>
660
+ <span class="cline-any cline-yes">1x</span>
661
+ <span class="cline-any cline-yes">1x</span>
662
+ <span class="cline-any cline-yes">1x</span>
663
+ <span class="cline-any cline-yes">1x</span>
664
+ <span class="cline-any cline-yes">1x</span>
665
+ <span class="cline-any cline-yes">1x</span>
666
+ <span class="cline-any cline-yes">1x</span>
667
+ <span class="cline-any cline-yes">1x</span>
668
+ <span class="cline-any cline-yes">1x</span>
669
+ <span class="cline-any cline-yes">1x</span>
670
+ <span class="cline-any cline-yes">1x</span>
671
+ <span class="cline-any cline-yes">1x</span>
672
+ <span class="cline-any cline-yes">1x</span>
673
+ <span class="cline-any cline-yes">1x</span>
674
+ <span class="cline-any cline-yes">1x</span>
675
+ <span class="cline-any cline-yes">1x</span>
676
+ <span class="cline-any cline-yes">1x</span>
677
+ <span class="cline-any cline-yes">1x</span>
678
+ <span class="cline-any cline-yes">1x</span>
679
+ <span class="cline-any cline-yes">1x</span>
680
+ <span class="cline-any cline-yes">1x</span>
681
+ <span class="cline-any cline-yes">1x</span>
682
+ <span class="cline-any cline-yes">1x</span>
683
+ <span class="cline-any cline-yes">1x</span>
684
+ <span class="cline-any cline-yes">1x</span>
685
+ <span class="cline-any cline-yes">1x</span>
686
+ <span class="cline-any cline-yes">1x</span>
687
+ <span class="cline-any cline-yes">1x</span>
688
+ <span class="cline-any cline-yes">1x</span>
689
+ <span class="cline-any cline-yes">1x</span>
690
+ <span class="cline-any cline-yes">1x</span>
691
+ <span class="cline-any cline-yes">1x</span>
692
+ <span class="cline-any cline-yes">1x</span>
693
+ <span class="cline-any cline-yes">1x</span>
694
+ <span class="cline-any cline-yes">1x</span>
695
+ <span class="cline-any cline-yes">1x</span>
696
+ <span class="cline-any cline-yes">1x</span>
697
+ <span class="cline-any cline-yes">1x</span>
698
+ <span class="cline-any cline-yes">1x</span>
699
+ <span class="cline-any cline-yes">1x</span>
700
+ <span class="cline-any cline-yes">1x</span>
701
+ <span class="cline-any cline-yes">1x</span>
702
+ <span class="cline-any cline-yes">1x</span>
703
+ <span class="cline-any cline-yes">1x</span>
704
+ <span class="cline-any cline-yes">1x</span>
705
+ <span class="cline-any cline-yes">1x</span>
706
+ <span class="cline-any cline-yes">1x</span>
707
+ <span class="cline-any cline-yes">1x</span>
708
+ <span class="cline-any cline-yes">1x</span>
709
+ <span class="cline-any cline-yes">1x</span>
710
+ <span class="cline-any cline-yes">1x</span>
711
+ <span class="cline-any cline-yes">1x</span>
712
+ <span class="cline-any cline-yes">1x</span>
713
+ <span class="cline-any cline-yes">1x</span>
714
+ <span class="cline-any cline-yes">1x</span>
715
+ <span class="cline-any cline-yes">1x</span>
716
+ <span class="cline-any cline-yes">1x</span>
717
+ <span class="cline-any cline-yes">1x</span>
718
+ <span class="cline-any cline-yes">1x</span>
719
+ <span class="cline-any cline-yes">1x</span>
720
+ <span class="cline-any cline-yes">1x</span>
721
+ <span class="cline-any cline-yes">1x</span>
722
+ <span class="cline-any cline-yes">1x</span>
723
+ <span class="cline-any cline-yes">1x</span>
724
+ <span class="cline-any cline-yes">1x</span>
725
+ <span class="cline-any cline-yes">1x</span>
726
+ <span class="cline-any cline-yes">1x</span>
727
+ <span class="cline-any cline-yes">1x</span>
728
+ <span class="cline-any cline-yes">1x</span>
729
+ <span class="cline-any cline-yes">1x</span>
730
+ <span class="cline-any cline-yes">1x</span>
731
+ <span class="cline-any cline-yes">1x</span>
732
+ <span class="cline-any cline-yes">1x</span>
733
+ <span class="cline-any cline-yes">1x</span>
734
+ <span class="cline-any cline-yes">1x</span>
735
+ <span class="cline-any cline-yes">1x</span>
736
+ <span class="cline-any cline-yes">1x</span>
737
+ <span class="cline-any cline-yes">1x</span>
738
+ <span class="cline-any cline-yes">1x</span>
739
+ <span class="cline-any cline-yes">1x</span>
740
+ <span class="cline-any cline-yes">1x</span>
741
+ <span class="cline-any cline-yes">1x</span>
742
+ <span class="cline-any cline-yes">1x</span>
743
+ <span class="cline-any cline-yes">1x</span>
744
+ <span class="cline-any cline-yes">1x</span>
745
+ <span class="cline-any cline-yes">1x</span>
746
+ <span class="cline-any cline-yes">1x</span>
747
+ <span class="cline-any cline-yes">1x</span>
748
+ <span class="cline-any cline-yes">1x</span>
749
+ <span class="cline-any cline-yes">1x</span>
750
+ <span class="cline-any cline-yes">1x</span>
751
+ <span class="cline-any cline-yes">1x</span>
752
+ <span class="cline-any cline-yes">1x</span>
753
+ <span class="cline-any cline-yes">1x</span>
754
+ <span class="cline-any cline-yes">1x</span>
755
+ <span class="cline-any cline-yes">1x</span>
756
+ <span class="cline-any cline-yes">1x</span>
757
+ <span class="cline-any cline-yes">1x</span>
758
+ <span class="cline-any cline-yes">1x</span>
759
+ <span class="cline-any cline-yes">1x</span>
760
+ <span class="cline-any cline-yes">1x</span>
761
+ <span class="cline-any cline-yes">1x</span>
762
+ <span class="cline-any cline-yes">1x</span>
763
+ <span class="cline-any cline-yes">1x</span>
764
+ <span class="cline-any cline-yes">1x</span>
765
+ <span class="cline-any cline-yes">1x</span>
766
+ <span class="cline-any cline-yes">1x</span>
767
+ <span class="cline-any cline-yes">1x</span>
768
+ <span class="cline-any cline-yes">1x</span>
769
+ <span class="cline-any cline-yes">1x</span>
770
+ <span class="cline-any cline-yes">1x</span>
771
+ <span class="cline-any cline-yes">1x</span>
772
+ <span class="cline-any cline-yes">1x</span>
773
+ <span class="cline-any cline-yes">1x</span>
774
+ <span class="cline-any cline-yes">1x</span>
775
+ <span class="cline-any cline-yes">1x</span>
776
+ <span class="cline-any cline-yes">87x</span>
777
+ <span class="cline-any cline-yes">87x</span>
778
+ <span class="cline-any cline-yes">87x</span>
779
+ <span class="cline-any cline-yes">87x</span>
780
+ <span class="cline-any cline-yes">87x</span>
781
+ <span class="cline-any cline-yes">87x</span>
782
+ <span class="cline-any cline-yes">87x</span>
783
+ <span class="cline-any cline-yes">87x</span>
784
+ <span class="cline-any cline-yes">87x</span>
785
+ <span class="cline-any cline-yes">87x</span>
786
+ <span class="cline-any cline-yes">87x</span>
787
+ <span class="cline-any cline-yes">87x</span>
788
+ <span class="cline-any cline-yes">87x</span>
789
+ <span class="cline-any cline-yes">87x</span>
790
+ <span class="cline-any cline-yes">87x</span>
791
+ <span class="cline-any cline-yes">87x</span>
792
+ <span class="cline-any cline-yes">87x</span>
793
+ <span class="cline-any cline-yes">87x</span>
794
+ <span class="cline-any cline-yes">87x</span>
795
+ <span class="cline-any cline-yes">87x</span>
796
+ <span class="cline-any cline-yes">87x</span>
797
+ <span class="cline-any cline-yes">87x</span>
798
+ <span class="cline-any cline-yes">87x</span>
799
+ <span class="cline-any cline-yes">87x</span>
800
+ <span class="cline-any cline-yes">87x</span>
801
+ <span class="cline-any cline-yes">87x</span>
802
+ <span class="cline-any cline-yes">87x</span>
803
+ <span class="cline-any cline-yes">87x</span>
804
+ <span class="cline-any cline-yes">87x</span>
805
+ <span class="cline-any cline-yes">87x</span>
806
+ <span class="cline-any cline-yes">87x</span>
807
+ <span class="cline-any cline-yes">87x</span>
808
+ <span class="cline-any cline-yes">87x</span>
809
+ <span class="cline-any cline-yes">87x</span>
810
+ <span class="cline-any cline-yes">87x</span>
811
+ <span class="cline-any cline-yes">87x</span>
812
+ <span class="cline-any cline-yes">87x</span>
813
+ <span class="cline-any cline-yes">87x</span>
814
+ <span class="cline-any cline-yes">87x</span>
815
+ <span class="cline-any cline-yes">87x</span>
816
+ <span class="cline-any cline-yes">87x</span>
817
+ <span class="cline-any cline-yes">87x</span>
818
+ <span class="cline-any cline-yes">14x</span>
819
+ <span class="cline-any cline-yes">3x</span>
820
+ <span class="cline-any cline-yes">3x</span>
821
+ <span class="cline-any cline-yes">11x</span>
822
+ <span class="cline-any cline-yes">14x</span>
823
+ <span class="cline-any cline-yes">14x</span>
824
+ <span class="cline-any cline-yes">87x</span>
825
+ <span class="cline-any cline-yes">87x</span>
826
+ <span class="cline-any cline-yes">87x</span>
827
+ <span class="cline-any cline-yes">87x</span>
828
+ <span class="cline-any cline-yes">87x</span>
829
+ <span class="cline-any cline-yes">87x</span>
830
+ <span class="cline-any cline-yes">87x</span>
831
+ <span class="cline-any cline-yes">87x</span>
832
+ <span class="cline-any cline-yes">87x</span>
833
+ <span class="cline-any cline-yes">87x</span>
834
+ <span class="cline-any cline-yes">87x</span>
835
+ <span class="cline-any cline-yes">87x</span>
836
+ <span class="cline-any cline-yes">87x</span>
837
+ <span class="cline-any cline-yes">87x</span>
838
+ <span class="cline-any cline-yes">87x</span>
839
+ <span class="cline-any cline-yes">87x</span>
840
+ <span class="cline-any cline-yes">87x</span>
841
+ <span class="cline-any cline-yes">87x</span>
842
+ <span class="cline-any cline-yes">87x</span>
843
+ <span class="cline-any cline-yes">87x</span>
844
+ <span class="cline-any cline-yes">87x</span>
845
+ <span class="cline-any cline-yes">87x</span>
846
+ <span class="cline-any cline-yes">87x</span>
847
+ <span class="cline-any cline-yes">87x</span>
848
+ <span class="cline-any cline-yes">87x</span>
849
+ <span class="cline-any cline-yes">87x</span>
850
+ <span class="cline-any cline-yes">87x</span>
851
+ <span class="cline-any cline-yes">87x</span>
852
+ <span class="cline-any cline-yes">87x</span>
853
+ <span class="cline-any cline-yes">87x</span>
854
+ <span class="cline-any cline-yes">24x</span>
855
+ <span class="cline-any cline-yes">24x</span>
856
+ <span class="cline-any cline-yes">24x</span>
857
+ <span class="cline-any cline-yes">24x</span>
858
+ <span class="cline-any cline-yes">24x</span>
859
+ <span class="cline-any cline-yes">87x</span>
860
+ <span class="cline-any cline-yes">87x</span>
861
+ <span class="cline-any cline-yes">87x</span>
862
+ <span class="cline-any cline-yes">87x</span>
863
+ <span class="cline-any cline-yes">87x</span>
864
+ <span class="cline-any cline-yes">87x</span>
865
+ <span class="cline-any cline-yes">87x</span>
866
+ <span class="cline-any cline-yes">87x</span>
867
+ <span class="cline-any cline-yes">87x</span>
868
+ <span class="cline-any cline-yes">87x</span>
869
+ <span class="cline-any cline-yes">87x</span>
870
+ <span class="cline-any cline-yes">87x</span>
871
+ <span class="cline-any cline-yes">87x</span>
872
+ <span class="cline-any cline-yes">87x</span>
873
+ <span class="cline-any cline-yes">87x</span>
874
+ <span class="cline-any cline-yes">87x</span>
875
+ <span class="cline-any cline-yes">87x</span>
876
+ <span class="cline-any cline-yes">87x</span>
877
+ <span class="cline-any cline-yes">87x</span>
878
+ <span class="cline-any cline-yes">87x</span>
879
+ <span class="cline-any cline-yes">87x</span>
880
+ <span class="cline-any cline-yes">87x</span>
881
+ <span class="cline-any cline-yes">87x</span>
882
+ <span class="cline-any cline-yes">87x</span>
883
+ <span class="cline-any cline-yes">87x</span>
884
+ <span class="cline-any cline-yes">87x</span>
885
+ <span class="cline-any cline-yes">87x</span>
886
+ <span class="cline-any cline-yes">87x</span>
887
+ <span class="cline-any cline-yes">87x</span>
888
+ <span class="cline-any cline-yes">87x</span>
889
+ <span class="cline-any cline-yes">87x</span>
890
+ <span class="cline-any cline-yes">87x</span>
891
+ <span class="cline-any cline-yes">87x</span>
892
+ <span class="cline-any cline-yes">87x</span>
893
+ <span class="cline-any cline-yes">87x</span>
894
+ <span class="cline-any cline-yes">87x</span>
895
+ <span class="cline-any cline-yes">87x</span>
896
+ <span class="cline-any cline-yes">87x</span>
897
+ <span class="cline-any cline-yes">87x</span>
898
+ <span class="cline-any cline-yes">87x</span>
899
+ <span class="cline-any cline-yes">87x</span>
900
+ <span class="cline-any cline-yes">87x</span>
901
+ <span class="cline-any cline-yes">87x</span>
902
+ <span class="cline-any cline-yes">87x</span>
903
+ <span class="cline-any cline-yes">87x</span>
904
+ <span class="cline-any cline-yes">87x</span>
905
+ <span class="cline-any cline-yes">87x</span>
906
+ <span class="cline-any cline-yes">87x</span>
907
+ <span class="cline-any cline-yes">87x</span>
908
+ <span class="cline-any cline-yes">87x</span>
909
+ <span class="cline-any cline-yes">87x</span>
910
+ <span class="cline-any cline-yes">9x</span>
911
+ <span class="cline-any cline-yes">9x</span>
912
+ <span class="cline-any cline-yes">1x</span>
913
+ <span class="cline-any cline-yes">1x</span>
914
+ <span class="cline-any cline-yes">8x</span>
915
+ <span class="cline-any cline-yes">8x</span>
916
+ <span class="cline-any cline-yes">8x</span>
917
+ <span class="cline-any cline-yes">8x</span>
918
+ <span class="cline-any cline-yes">9x</span>
919
+ <span class="cline-any cline-yes">9x</span>
920
+ <span class="cline-any cline-yes">87x</span>
921
+ <span class="cline-any cline-yes">87x</span>
922
+ <span class="cline-any cline-yes">87x</span>
923
+ <span class="cline-any cline-yes">87x</span>
924
+ <span class="cline-any cline-yes">87x</span>
925
+ <span class="cline-any cline-yes">87x</span>
926
+ <span class="cline-any cline-yes">87x</span>
927
+ <span class="cline-any cline-yes">87x</span>
928
+ <span class="cline-any cline-yes">87x</span>
929
+ <span class="cline-any cline-yes">87x</span>
930
+ <span class="cline-any cline-yes">87x</span>
931
+ <span class="cline-any cline-yes">87x</span>
932
+ <span class="cline-any cline-yes">87x</span>
933
+ <span class="cline-any cline-yes">87x</span>
934
+ <span class="cline-any cline-yes">87x</span>
935
+ <span class="cline-any cline-yes">87x</span>
936
+ <span class="cline-any cline-yes">87x</span>
937
+ <span class="cline-any cline-yes">87x</span>
938
+ <span class="cline-any cline-yes">87x</span>
939
+ <span class="cline-any cline-yes">87x</span>
940
+ <span class="cline-any cline-yes">87x</span>
941
+ <span class="cline-any cline-yes">87x</span>
942
+ <span class="cline-any cline-yes">87x</span>
943
+ <span class="cline-any cline-yes">87x</span>
944
+ <span class="cline-any cline-yes">87x</span>
945
+ <span class="cline-any cline-yes">87x</span>
946
+ <span class="cline-any cline-yes">87x</span>
947
+ <span class="cline-any cline-yes">87x</span>
948
+ <span class="cline-any cline-yes">87x</span>
949
+ <span class="cline-any cline-yes">87x</span>
950
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
951
+ import { cnb } from "cnbuilder";
952
+ import {
953
+ useMemo,
954
+ useRef,
955
+ useState,
956
+ type ChangeEvent,
957
+ type HTMLAttributes,
958
+ type InputHTMLAttributes,
959
+ type ReactElement,
960
+ type ReactNode,
961
+ type Ref,
962
+ } from "react";
963
+ import { type BoxProps } from "../box/Box.js";
964
+ import { IconRotator } from "../icon/IconRotator.js";
965
+ import { getIcon } from "../icon/iconConfig.js";
966
+ import { Menu, type MenuProps } from "../menu/Menu.js";
967
+ import { KeyboardMovementProvider } from "../movement/useKeyboardMovementProvider.js";
968
+ import {
969
+ type LabelA11y,
970
+ type PropsWithRef,
971
+ type RequireAtLeastOne,
972
+ } from "../types.js";
973
+ import { useEnsuredId } from "../useEnsuredId.js";
974
+ import { useEnsuredRef } from "../useEnsuredRef.js";
975
+ import { label as labelStyles } from "./Label.js";
976
+ import { SelectedOption } from "./SelectedOption.js";
977
+ import {
978
+ TextFieldContainer,
979
+ type TextFieldContainerProps,
980
+ } from "./TextFieldContainer.js";
981
+ import { getFormConfig } from "./formConfig.js";
982
+ import { select } from "./selectStyles.js";
983
+ import { extractOptionsFromChildren } from "./selectUtils.js";
984
+ import { textField } from "./textFieldStyles.js";
985
+ import { type UserAgentAutoCompleteProps } from "./types.js";
986
+ import { useFormReset } from "./useFormReset.js";
987
+ import { ListboxProvider, type ListboxContext } from "./useListboxProvider.js";
988
+ import { useSelectCombobox } from "./useSelectCombobox.js";
989
+ &nbsp;
990
+ const EMPTY_STRING = "" as const;
991
+ const noop = (): void =&gt; {
992
+ // do nothing
993
+ };
994
+ &nbsp;
995
+ /**
996
+ * This is a convenience type for casting the `event.currentTarget.value` of a
997
+ * `Select`'s change event to be union of available values.
998
+ *
999
+ * Note: The change event does not provide any sort of validation on the value
1000
+ * so automation tools like Cypress, Playwright, or Selenium might set an
1001
+ * invalid value. This also does not work for numbers, so you will need to
1002
+ * implement that yourself.
1003
+ *
1004
+ * @example
1005
+ * Simple Usage
1006
+ * ```tsx
1007
+ * import type { SelectedChangeEvent } from "@react-md/core";
1008
+ * import { Select, Option } from "@react-md/core";
1009
+ * import type { ReactElement } from "react";
1010
+ *
1011
+ * type Value = "" | "a" | "b" | "c" | "d";
1012
+ *
1013
+ * function Example(): ReactElement {
1014
+ * const [value, setValue] = useState&lt;Value&gt;("");
1015
+ *
1016
+ * const handleChange = (event: SelectChangeEvent&lt;Value&gt;): void =&gt; {
1017
+ * // No type error!
1018
+ * // `event.currentTarget.value`'s type is `Value` instead of a generic `string`
1019
+ * setValue(event.currentTarget.value);
1020
+ * };
1021
+ *
1022
+ * return (
1023
+ * &lt;Select
1024
+ * label="Label"
1025
+ * value={value}
1026
+ * onChange={handleChange}
1027
+ * &gt;
1028
+ * &lt;Option value="a"&gt;First&lt;/Option&gt;
1029
+ * &lt;Option value="b"&gt;Second&lt;/Option&gt;
1030
+ * &lt;Option value="c"&gt;Third&lt;/Option&gt;
1031
+ * &lt;Option value="d"&gt;Fourth&lt;/Option&gt;
1032
+ * &lt;/Select&gt;
1033
+ * );
1034
+ * }
1035
+ * ```
1036
+ * @remarks \@since 6.0.0
1037
+ */
1038
+ export type SelectChangeEvent&lt;Value extends string&gt; =
1039
+ ChangeEvent&lt;HTMLInputElement&gt; &amp; { currentTarget: { value: Value } };
1040
+ &nbsp;
1041
+ /**
1042
+ * @remarks \@since 6.0.0 Rewritten with a new API.
1043
+ */
1044
+ export interface SelectProps&lt;Value extends string&gt;
1045
+ extends Omit&lt;TextFieldContainerProps, "label"&gt;,
1046
+ Pick&lt;InputHTMLAttributes&lt;HTMLInputElement&gt;, "form" | "required"&gt;,
1047
+ UserAgentAutoCompleteProps {
1048
+ /**
1049
+ * @defaultValue `"select-" + useId()`
1050
+ */
1051
+ id?: string;
1052
+ &nbsp;
1053
+ /**
1054
+ * Optional placeholder text or element to render while no options have been
1055
+ * selected.
1056
+ */
1057
+ placeholder?: ReactNode;
1058
+ &nbsp;
1059
+ /**
1060
+ * Set this to a custom dropdown icon or `null` to not render a dropdown icon.
1061
+ *
1062
+ * @defaultValue `getIcon("dropdown")`
1063
+ */
1064
+ icon?: ReactNode;
1065
+ &nbsp;
1066
+ /**
1067
+ * Set this value to fully control the value of the select component. The
1068
+ * {@link onChange} handler **must** also be provided if this prop exists.
1069
+ */
1070
+ value?: Value;
1071
+ &nbsp;
1072
+ /**
1073
+ * An optional default value when the value of the select component is
1074
+ * uncontrolled.
1075
+ *
1076
+ * @defaultValue `""`
1077
+ */
1078
+ defaultValue?: Value;
1079
+ &nbsp;
1080
+ /** @see {@link SelectChangeEvent} */
1081
+ onChange?(event: SelectChangeEvent&lt;Value&gt;): void;
1082
+ &nbsp;
1083
+ /**
1084
+ * An optional floating label to display like other form fields.
1085
+ */
1086
+ label?: ReactNode;
1087
+ &nbsp;
1088
+ /**
1089
+ * Optional props to pass to the `&lt;span&gt;` that surrounds the {@link label}
1090
+ */
1091
+ labelProps?: PropsWithRef&lt;HTMLAttributes&lt;HTMLSpanElement&gt;, HTMLSpanElement&gt;;
1092
+ &nbsp;
1093
+ /**
1094
+ * An optional ref to pass to the hidden `&lt;input type="text" /&gt;` element that
1095
+ * stores the current value. This is really only useful if you'd like to keep
1096
+ * this component uncontrolled and access the value through
1097
+ * `inputRef.current.value`.
1098
+ */
1099
+ inputRef?: Ref&lt;HTMLInputElement&gt;;
1100
+ inputProps?: InputHTMLAttributes&lt;HTMLInputElement&gt;;
1101
+ &nbsp;
1102
+ /**
1103
+ * A ref for the container `&lt;div&gt;` element.
1104
+ */
1105
+ containerRef?: Ref&lt;HTMLDivElement&gt;;
1106
+ &nbsp;
1107
+ /**
1108
+ * Any additional props to provide to the `Menu` component that renders all
1109
+ * the `Option`s.
1110
+ *
1111
+ * The menu will always have these default values unless explicity
1112
+ * overwritten by this prop:
1113
+ *
1114
+ * - `aria-labelledby={label ? labelId : id}` -- this will be undefined if
1115
+ * `aria-label` is provided
1116
+ * - `anchor={BELOW_CENTER_ANCHOR}`
1117
+ * - `width="min"`
1118
+ */
1119
+ menuProps?: Omit&lt;MenuProps, "visible" | "onRequestClose" | "fixedTo"&gt;;
1120
+ &nbsp;
1121
+ /**
1122
+ * Any additional props to pass to the div that contains the current visible
1123
+ * option.
1124
+ */
1125
+ selectedOptionProps?: BoxProps;
1126
+ &nbsp;
1127
+ /**
1128
+ * Set this to `true` if all the `Option` components should display the
1129
+ * selected icon after the children instead of before.
1130
+ *
1131
+ * @see {@link disableSelectedIcon} to remove the selected icon instead.
1132
+ *
1133
+ * @defaultValue `false`
1134
+ */
1135
+ selectedIconAfter?: boolean;
1136
+ &nbsp;
1137
+ /**
1138
+ * Set this to `true` to prevent the current option from rendering the
1139
+ * `leftAddon` in the `TextFieldContainer`.
1140
+ *
1141
+ * @defaultValue `false`
1142
+ */
1143
+ disableOptionAddon?: boolean;
1144
+ &nbsp;
1145
+ /**
1146
+ * Set this to `true` to update all the `Option` components to no longer
1147
+ * render an icon while selected.
1148
+ *
1149
+ * @defaultValue `false`
1150
+ */
1151
+ disableSelectedIcon?: boolean;
1152
+ &nbsp;
1153
+ /**
1154
+ * This should be the available `Option`s for the select to choose from. It
1155
+ * can also contain `OptGroup` or any other elements but only clicking on an
1156
+ * `Option` component will update the value.
1157
+ */
1158
+ children: ReactNode;
1159
+ }
1160
+ &nbsp;
1161
+ /**
1162
+ * **Client Component**
1163
+ *
1164
+ * @example
1165
+ * Simple Example
1166
+ * ```tsx
1167
+ * import { Select, Option } from "react-md";
1168
+ * import { useState, type ReactElement } from "react";
1169
+ *
1170
+ * function Example(): ReactElement {
1171
+ * const [value, setValue] = useState("");
1172
+ *
1173
+ * return (
1174
+ * &lt;Select
1175
+ * label="Select"
1176
+ * value={value}
1177
+ * onChange={(event) =&gt; setValue(event.currentTarget.value)}
1178
+ * placeholder="Select a value"
1179
+ * &gt;
1180
+ * &lt;Option value="a"&gt;Option 1&lt;/Option&gt;
1181
+ * &lt;Option value="b"&gt;Option 2&lt;/Option&gt;
1182
+ * &lt;Option value="c"&gt;Option 3&lt;/Option&gt;
1183
+ * &lt;Option value="d"&gt;Option 4&lt;/Option&gt;
1184
+ * &lt;/Select&gt;
1185
+ * );
1186
+ * }
1187
+ * ```
1188
+ *
1189
+ * @example
1190
+ * Testing
1191
+ * ```tsx
1192
+ * rmdRender(
1193
+ * &lt;Select label="Select" selectedOptionProps={{ "data-testid": "selected" }}&gt;
1194
+ * &lt;Option value="a"&gt;Option 1&lt;/Option&gt;
1195
+ * &lt;Option value="b"&gt;Option 2&lt;/Option&gt;
1196
+ * &lt;Option value="c"&gt;Option 3&lt;/Option&gt;
1197
+ * &lt;Option value="d"&gt;Option 4&lt;/Option&gt;
1198
+ * &lt;/Select&gt;
1199
+ * );
1200
+ *
1201
+ * const user = userEvent.setup();
1202
+ * const select = screen.getByRole("combobox", { name: "Select" });
1203
+ * const selected = screen.getByTestId("selected")
1204
+ * const selectInput = screen.getByRole("textbox", { hidden: true });
1205
+ * expect(selected).toHaveTextContent("");
1206
+ * expect(selectInput).toHaveValue("");
1207
+ *
1208
+ * await user.click(select);
1209
+ * await user.click(screen.getByRole("option"), { name: "Option 2" });
1210
+ *
1211
+ * expect(selected).toHaveTextContent("Option 2");
1212
+ * expect(selectInput).toHaveValue("b");
1213
+ * ```
1214
+ *
1215
+ * @remarks \@since 6.0.0 Rewritten with a new API.
1216
+ */
1217
+ export function Select&lt;Value extends string&gt;(
1218
+ props: RequireAtLeastOne&lt;SelectProps&lt;Value&gt;, "label" | keyof LabelA11y&gt;
1219
+ ): ReactElement {
1220
+ const {
1221
+ id,
1222
+ form,
1223
+ autoCompleteValue,
1224
+ autoComplete = autoCompleteValue,
1225
+ name = autoCompleteValue,
1226
+ className,
1227
+ onClick,
1228
+ onFocus,
1229
+ onKeyDown,
1230
+ inputRef: propInputRef,
1231
+ inputProps,
1232
+ containerRef,
1233
+ placeholder,
1234
+ menuProps = {},
1235
+ label,
1236
+ labelProps = {},
1237
+ selectedOptionProps,
1238
+ icon: propIcon,
1239
+ value,
1240
+ defaultValue,
1241
+ theme: propTheme,
1242
+ onChange = noop,
1243
+ rightAddon: propRightAddon,
1244
+ active = false,
1245
+ required,
1246
+ selectedIconAfter = false,
1247
+ disableOptionAddon = false,
1248
+ disableSelectedIcon = false,
1249
+ children,
1250
+ ...remaining
1251
+ } = props;
1252
+ const { dense, error, disabled } = props;
1253
+ &nbsp;
1254
+ const comboboxId = useEnsuredId(id, "select");
1255
+ const inputId = useEnsuredId(<span class="branch-0 cbranch-no" title="branch not covered" >inputProps?.id, "</span>select-value");
1256
+ const selectLabelId = useEnsuredId(labelProps.id, "select-label");
1257
+ const labelId = label ? <span class="branch-0 cbranch-no" title="branch not covered" >selectLabelId : undefined;</span>
1258
+ &nbsp;
1259
+ const [localValue, setLocalValue] = useState(() =&gt; {
1260
+ if (typeof defaultValue !== "undefined") {
1261
+ return defaultValue;
1262
+ }
1263
+ &nbsp;
1264
+ return typeof value !== "undefined" ? value : EMPTY_STRING;
1265
+ });
1266
+ const currentValue = typeof value === "undefined" ? localValue : value;
1267
+ const initialValue = useRef(currentValue);
1268
+ const { options, currentOption } = extractOptionsFromChildren(
1269
+ children,
1270
+ currentValue
1271
+ );
1272
+ &nbsp;
1273
+ const { visible, comboboxProps, movementContext, getMenuProps } =
1274
+ useSelectCombobox({
1275
+ form,
1276
+ value: currentValue,
1277
+ values: options,
1278
+ onClick,
1279
+ onFocus,
1280
+ onKeyDown,
1281
+ disabled,
1282
+ popupId: menuProps.id,
1283
+ popupRef: menuProps.nodeRef,
1284
+ comboboxId,
1285
+ comboboxRef: containerRef,
1286
+ });
1287
+ &nbsp;
1288
+ const [inputRef, inputRefCallback] = useEnsuredRef(propInputRef);
1289
+ useFormReset({
1290
+ form,
1291
+ elementRef: inputRef,
1292
+ defaultValue: initialValue.current,
1293
+ });
1294
+ const listboxContext = useMemo&lt;ListboxContext&gt;(
1295
+ () =&gt; ({
1296
+ inputRef,
1297
+ currentValue,
1298
+ selectedIconAfter,
1299
+ disableSelectedIcon,
1300
+ }),
1301
+ [currentValue, disableSelectedIcon, inputRef, selectedIconAfter]
1302
+ );
1303
+ &nbsp;
1304
+ const icon = getIcon("dropdown", propIcon);
1305
+ const theme = getFormConfig("theme", propTheme);
1306
+ let rightAddon = propRightAddon;
1307
+ if (typeof rightAddon === "undefined" &amp;&amp; icon) {
1308
+ rightAddon = &lt;IconRotator rotated={visible}&gt;{icon}&lt;/IconRotator&gt;;
1309
+ }
1310
+ &nbsp;
1311
+ let listboxLabelledBy = menuProps["aria-labelledby"];
1312
+ const listboxLabel = menuProps["aria-label"];
1313
+ if (!listboxLabel &amp;&amp; !listboxLabelledBy) {
1314
+ listboxLabelledBy = <span class="branch-0 cbranch-no" title="branch not covered" >labelId || comboboxId;</span>
1315
+ }
1316
+ &nbsp;
1317
+ return (
1318
+ &lt;ListboxProvider value={listboxContext}&gt;
1319
+ &lt;KeyboardMovementProvider value={movementContext}&gt;
1320
+ &lt;TextFieldContainer
1321
+ aria-labelledby={labelId}
1322
+ {...remaining}
1323
+ {...comboboxProps}
1324
+ label={!!label}
1325
+ theme={theme}
1326
+ active={active || visible}
1327
+ className={cnb("rmd-select-container", className)}
1328
+ rightAddon={rightAddon}
1329
+ &gt;
1330
+ &lt;SelectedOption
1331
+ option={currentOption}
1332
+ placeholder={placeholder}
1333
+ disableAddon={disableOptionAddon}
1334
+ {...selectedOptionProps}
1335
+ /&gt;
1336
+ &lt;input
1337
+ aria-hidden
1338
+ id={inputId}
1339
+ ref={inputRefCallback}
1340
+ type="text"
1341
+ autoComplete={autoComplete}
1342
+ name={name}
1343
+ tabIndex={-1}
1344
+ disabled={disabled}
1345
+ required={required}
1346
+ placeholder=" "
1347
+ {...inputProps}
1348
+ value={value}
1349
+ defaultValue={defaultValue}
1350
+ className={cnb(select({ theme }), textField())}
1351
+ onChange={(event) =&gt; {
1352
+ onChange(event as SelectChangeEvent&lt;Value&gt;);
1353
+ if (typeof value !== "undefined") {
1354
+ return;
1355
+ }
1356
+ &nbsp;
1357
+ const nextValue = event.currentTarget.value;
1358
+ const nextOption = options.find((option) =&gt; option === nextValue);
1359
+ &nbsp;
1360
+ setLocalValue(<span class="branch-0 cbranch-no" title="branch not covered" >nextOption ?? initialValue.current)</span>;
1361
+ }}
1362
+ /&gt;
1363
+ {label &amp;&amp; (
1364
+ &lt;span
1365
+ {...labelProps}
1366
+ id={labelId}
1367
+ className={labelStyles({
1368
+ dense,
1369
+ error,
1370
+ disabled,
1371
+ active: active || visible,
1372
+ floating: true,
1373
+ floatingActive: !!placeholder || !!currentOption,
1374
+ className: labelProps.className,
1375
+ })}
1376
+ &gt;
1377
+ {label}
1378
+ &lt;/span&gt;
1379
+ )}
1380
+ &lt;/TextFieldContainer&gt;
1381
+ &lt;Menu
1382
+ {...getMenuProps(menuProps)}
1383
+ aria-label={listboxLabel}
1384
+ aria-labelledby={listboxLabelledBy as string}
1385
+ &gt;
1386
+ {children}
1387
+ &lt;/Menu&gt;
1388
+ &lt;/KeyboardMovementProvider&gt;
1389
+ &lt;/ListboxProvider&gt;
1390
+ );
1391
+ }
1644
1392
  &nbsp;</pre></td></tr></table></pre>
1645
1393
 
1646
1394
  <div class='push'></div><!-- for sticky footer -->
@@ -1648,7 +1396,7 @@
1648
1396
  <div class='footer quiet pad2 space-top1 center small'>
1649
1397
  Code coverage generated by
1650
1398
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1651
- at 2024-01-11T19:16:14.942Z
1399
+ at 2024-03-03T14:43:04.971Z
1652
1400
  </div>
1653
1401
  <script src="../../prettify.js"></script>
1654
1402
  <script>