@vkontakte/vkui 8.0.2 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1384) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +8 -6
  2. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  3. package/dist/components/Accordion/Accordion.js +3 -0
  4. package/dist/components/Accordion/Accordion.js.map +1 -1
  5. package/dist/components/Accordion/AccordionIcon.d.ts +14 -0
  6. package/dist/components/Accordion/AccordionIcon.d.ts.map +1 -0
  7. package/dist/components/Accordion/AccordionIcon.js +16 -0
  8. package/dist/components/Accordion/AccordionIcon.js.map +1 -0
  9. package/dist/components/Accordion/AccordionSummary.d.ts +3 -3
  10. package/dist/components/Accordion/AccordionSummary.d.ts.map +1 -1
  11. package/dist/components/Accordion/AccordionSummary.js +4 -6
  12. package/dist/components/Accordion/AccordionSummary.js.map +1 -1
  13. package/dist/components/ActionSheet/ActionSheet.d.ts +9 -9
  14. package/dist/components/ActionSheet/ActionSheet.d.ts.map +1 -1
  15. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  16. package/dist/components/ActionSheet/ActionSheetContext.d.ts +3 -3
  17. package/dist/components/ActionSheet/ActionSheetContext.d.ts.map +1 -1
  18. package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
  19. package/dist/components/ActionSheet/types.d.ts +8 -8
  20. package/dist/components/ActionSheet/types.d.ts.map +1 -1
  21. package/dist/components/ActionSheet/types.js.map +1 -1
  22. package/dist/components/ActionSheetItem/ActionSheetItem.d.ts +15 -15
  23. package/dist/components/ActionSheetItem/ActionSheetItem.d.ts.map +1 -1
  24. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  25. package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts +1 -1
  26. package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts.map +1 -1
  27. package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.js.map +1 -1
  28. package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts +7 -7
  29. package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts.map +1 -1
  30. package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  31. package/dist/components/Alert/Alert.d.ts +18 -18
  32. package/dist/components/Alert/Alert.d.ts.map +1 -1
  33. package/dist/components/Alert/Alert.js.map +1 -1
  34. package/dist/components/Alert/AlertBase.d.ts +2 -2
  35. package/dist/components/Alert/AlertBase.d.ts.map +1 -1
  36. package/dist/components/Alert/AlertBase.js.map +1 -1
  37. package/dist/components/Alert/AlertTypography.d.ts +1 -1
  38. package/dist/components/Alert/AlertTypography.d.ts.map +1 -1
  39. package/dist/components/Alert/AlertTypography.js.map +1 -1
  40. package/dist/components/AppRoot/AppRoot.d.ts +9 -9
  41. package/dist/components/AppRoot/AppRoot.d.ts.map +1 -1
  42. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  43. package/dist/components/AppRoot/AppRootContext.d.ts +4 -4
  44. package/dist/components/AppRoot/AppRootContext.d.ts.map +1 -1
  45. package/dist/components/AppRoot/AppRootContext.js.map +1 -1
  46. package/dist/components/AppRoot/AppRootPortal.d.ts +2 -2
  47. package/dist/components/AppRoot/AppRootPortal.d.ts.map +1 -1
  48. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  49. package/dist/components/AppRoot/ScrollContext.d.ts +4 -4
  50. package/dist/components/AppRoot/ScrollContext.d.ts.map +1 -1
  51. package/dist/components/AppRoot/ScrollContext.js.map +1 -1
  52. package/dist/components/AppRoot/types.d.ts +4 -4
  53. package/dist/components/AppRoot/types.d.ts.map +1 -1
  54. package/dist/components/AppRoot/types.js.map +1 -1
  55. package/dist/components/AspectRatio/AspectRatio.d.ts +2 -2
  56. package/dist/components/AspectRatio/AspectRatio.d.ts.map +1 -1
  57. package/dist/components/AspectRatio/AspectRatio.js.map +1 -1
  58. package/dist/components/Avatar/Avatar.d.ts +2 -2
  59. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  60. package/dist/components/Avatar/Avatar.js.map +1 -1
  61. package/dist/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts +1 -1
  62. package/dist/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.d.ts.map +1 -1
  63. package/dist/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map +1 -1
  64. package/dist/components/Badge/Badge.d.ts +1 -1
  65. package/dist/components/Badge/Badge.d.ts.map +1 -1
  66. package/dist/components/Badge/Badge.js.map +1 -1
  67. package/dist/components/Banner/Banner.d.ts +12 -12
  68. package/dist/components/Banner/Banner.d.ts.map +1 -1
  69. package/dist/components/Banner/Banner.js.map +1 -1
  70. package/dist/components/Box/Box.d.ts +1 -1
  71. package/dist/components/Box/Box.d.ts.map +1 -1
  72. package/dist/components/Box/Box.js.map +1 -1
  73. package/dist/components/Button/Button.d.ts +11 -11
  74. package/dist/components/Button/Button.d.ts.map +1 -1
  75. package/dist/components/Button/Button.js +1 -1
  76. package/dist/components/Button/Button.js.map +1 -1
  77. package/dist/components/ButtonGroup/ButtonGroup.d.ts +4 -4
  78. package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  79. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  80. package/dist/components/Calendar/Calendar.d.ts +17 -17
  81. package/dist/components/Calendar/Calendar.d.ts.map +1 -1
  82. package/dist/components/Calendar/Calendar.js.map +1 -1
  83. package/dist/components/CalendarDay/CalendarDay.d.ts +18 -18
  84. package/dist/components/CalendarDay/CalendarDay.d.ts.map +1 -1
  85. package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
  86. package/dist/components/CalendarDays/CalendarDays.d.ts +14 -14
  87. package/dist/components/CalendarDays/CalendarDays.d.ts.map +1 -1
  88. package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
  89. package/dist/components/CalendarHeader/CalendarHeader.d.ts +19 -19
  90. package/dist/components/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  91. package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
  92. package/dist/components/CalendarRange/CalendarRange.d.ts +12 -12
  93. package/dist/components/CalendarRange/CalendarRange.d.ts.map +1 -1
  94. package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
  95. package/dist/components/CalendarTime/CalendarTime.d.ts +14 -14
  96. package/dist/components/CalendarTime/CalendarTime.d.ts.map +1 -1
  97. package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
  98. package/dist/components/CalendarTime/CalendarTimePicker.d.ts +3 -3
  99. package/dist/components/CalendarTime/CalendarTimePicker.d.ts.map +1 -1
  100. package/dist/components/CalendarTime/CalendarTimePicker.js.map +1 -1
  101. package/dist/components/Card/Card.d.ts +1 -1
  102. package/dist/components/Card/Card.d.ts.map +1 -1
  103. package/dist/components/Card/Card.js.map +1 -1
  104. package/dist/components/CardGrid/CardGrid.d.ts +2 -2
  105. package/dist/components/CardGrid/CardGrid.d.ts.map +1 -1
  106. package/dist/components/CardGrid/CardGrid.js.map +1 -1
  107. package/dist/components/CardScroll/CardScroll.d.ts +3 -3
  108. package/dist/components/CardScroll/CardScroll.d.ts.map +1 -1
  109. package/dist/components/CardScroll/CardScroll.js.map +1 -1
  110. package/dist/components/CarouselBase/Bullets.d.ts +1 -1
  111. package/dist/components/CarouselBase/Bullets.d.ts.map +1 -1
  112. package/dist/components/CarouselBase/Bullets.js.map +1 -1
  113. package/dist/components/CarouselBase/CarouselViewPort.d.ts +1 -1
  114. package/dist/components/CarouselBase/CarouselViewPort.d.ts.map +1 -1
  115. package/dist/components/CarouselBase/CarouselViewPort.js.map +1 -1
  116. package/dist/components/CarouselBase/ScrollArrows.d.ts +2 -2
  117. package/dist/components/CarouselBase/ScrollArrows.d.ts.map +1 -1
  118. package/dist/components/CarouselBase/ScrollArrows.js.map +1 -1
  119. package/dist/components/CarouselBase/helpers.d.ts +4 -4
  120. package/dist/components/CarouselBase/helpers.d.ts.map +1 -1
  121. package/dist/components/CarouselBase/helpers.js.map +1 -1
  122. package/dist/components/CarouselBase/types.d.ts +23 -23
  123. package/dist/components/CarouselBase/types.d.ts.map +1 -1
  124. package/dist/components/CarouselBase/types.js.map +1 -1
  125. package/dist/components/Cell/Cell.d.ts +8 -8
  126. package/dist/components/Cell/Cell.d.ts.map +1 -1
  127. package/dist/components/Cell/Cell.js.map +1 -1
  128. package/dist/components/Cell/CellCheckbox/CellCheckbox.d.ts +1 -1
  129. package/dist/components/Cell/CellCheckbox/CellCheckbox.d.ts.map +1 -1
  130. package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  131. package/dist/components/Cell/CellDragger/CellDragger.d.ts +2 -2
  132. package/dist/components/Cell/CellDragger/CellDragger.d.ts.map +1 -1
  133. package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
  134. package/dist/components/CellButton/CellButton.d.ts +69 -6
  135. package/dist/components/CellButton/CellButton.d.ts.map +1 -1
  136. package/dist/components/CellButton/CellButton.js +115 -6
  137. package/dist/components/CellButton/CellButton.js.map +1 -1
  138. package/dist/components/CellButtonGroup/CellButtonGroup.d.ts +2 -2
  139. package/dist/components/Checkbox/Checkbox.d.ts +6 -6
  140. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  141. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  142. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.d.ts +11 -11
  143. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.d.ts.map +1 -1
  144. package/dist/components/Checkbox/CheckboxInput/CheckboxInput.js.map +1 -1
  145. package/dist/components/ChipsInput/ChipsInput.d.ts +1 -1
  146. package/dist/components/ChipsInput/ChipsInput.d.ts.map +1 -1
  147. package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
  148. package/dist/components/ChipsInput/useChipsInput.d.ts +3 -3
  149. package/dist/components/ChipsInput/useChipsInput.d.ts.map +1 -1
  150. package/dist/components/ChipsInput/useChipsInput.js.map +1 -1
  151. package/dist/components/ChipsInputBase/Chip/Chip.d.ts +9 -9
  152. package/dist/components/ChipsInputBase/Chip/Chip.d.ts.map +1 -1
  153. package/dist/components/ChipsInputBase/Chip/Chip.js.map +1 -1
  154. package/dist/components/ChipsInputBase/types.d.ts +19 -19
  155. package/dist/components/ChipsInputBase/types.d.ts.map +1 -1
  156. package/dist/components/ChipsInputBase/types.js.map +1 -1
  157. package/dist/components/ChipsSelect/ChipsSelect.d.ts +13 -13
  158. package/dist/components/ChipsSelect/ChipsSelect.d.ts.map +1 -1
  159. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  160. package/dist/components/ChipsSelect/useChipsSelect.d.ts +8 -8
  161. package/dist/components/ChipsSelect/useChipsSelect.d.ts.map +1 -1
  162. package/dist/components/ChipsSelect/useChipsSelect.js.map +1 -1
  163. package/dist/components/Clickable/Clickable.d.ts +1 -1
  164. package/dist/components/Clickable/Clickable.d.ts.map +1 -1
  165. package/dist/components/Clickable/Clickable.js.map +1 -1
  166. package/dist/components/Clickable/useState.d.ts +13 -13
  167. package/dist/components/Clickable/useState.d.ts.map +1 -1
  168. package/dist/components/Clickable/useState.js.map +1 -1
  169. package/dist/components/ConfigProvider/ConfigProvider.d.ts +2 -1
  170. package/dist/components/ConfigProvider/ConfigProvider.d.ts.map +1 -1
  171. package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
  172. package/dist/components/ContentBadge/ContentBadge.d.ts +4 -4
  173. package/dist/components/ContentBadge/ContentBadge.d.ts.map +1 -1
  174. package/dist/components/ContentBadge/ContentBadge.js.map +1 -1
  175. package/dist/components/ContentCard/ContentCard.d.ts +8 -8
  176. package/dist/components/ContentCard/ContentCard.d.ts.map +1 -1
  177. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  178. package/dist/components/Counter/Counter.d.ts +4 -4
  179. package/dist/components/Counter/Counter.d.ts.map +1 -1
  180. package/dist/components/Counter/Counter.js.map +1 -1
  181. package/dist/components/CustomScrollView/CustomScrollView.d.ts +6 -6
  182. package/dist/components/CustomScrollView/CustomScrollView.d.ts.map +1 -1
  183. package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
  184. package/dist/components/CustomSelect/CustomSelect.d.ts +36 -27
  185. package/dist/components/CustomSelect/CustomSelect.d.ts.map +1 -1
  186. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  187. package/dist/components/CustomSelect/CustomSelectClearButton.d.ts +2 -2
  188. package/dist/components/CustomSelect/CustomSelectClearButton.d.ts.map +1 -1
  189. package/dist/components/CustomSelect/CustomSelectClearButton.js.map +1 -1
  190. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.d.ts +9 -9
  191. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.d.ts.map +1 -1
  192. package/dist/components/CustomSelect/CustomSelectInput/CustomSelectInput.js.map +1 -1
  193. package/dist/components/CustomSelect/hooks/useDropdownOpenedController.d.ts +2 -2
  194. package/dist/components/CustomSelect/hooks/useDropdownOpenedController.d.ts.map +1 -1
  195. package/dist/components/CustomSelect/hooks/useDropdownOpenedController.js.map +1 -1
  196. package/dist/components/CustomSelect/hooks/useSelectedOptionController.d.ts +1 -1
  197. package/dist/components/CustomSelect/hooks/useSelectedOptionController.d.ts.map +1 -1
  198. package/dist/components/CustomSelect/hooks/useSelectedOptionController.js.map +1 -1
  199. package/dist/components/CustomSelect/types.d.ts +1 -1
  200. package/dist/components/CustomSelect/types.d.ts.map +1 -1
  201. package/dist/components/CustomSelect/types.js.map +1 -1
  202. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +8 -8
  203. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts.map +1 -1
  204. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  205. package/dist/components/CustomSelectOption/CustomSelectOption.d.ts +9 -9
  206. package/dist/components/CustomSelectOption/CustomSelectOption.d.ts.map +1 -1
  207. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  208. package/dist/components/DateInput/DateInput.d.ts +23 -23
  209. package/dist/components/DateInput/DateInput.d.ts.map +1 -1
  210. package/dist/components/DateInput/DateInput.js +3 -12
  211. package/dist/components/DateInput/DateInput.js.map +1 -1
  212. package/dist/components/DateInput/hooks.d.ts +4 -4
  213. package/dist/components/DateInput/hooks.d.ts.map +1 -1
  214. package/dist/components/DateInput/hooks.js.map +1 -1
  215. package/dist/components/DateRangeInput/DateRangeInput.d.ts +25 -25
  216. package/dist/components/DateRangeInput/DateRangeInput.d.ts.map +1 -1
  217. package/dist/components/DateRangeInput/DateRangeInput.js +2 -11
  218. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  219. package/dist/components/DropZone/DropZone.d.ts +2 -2
  220. package/dist/components/DropZone/DropZone.d.ts.map +1 -1
  221. package/dist/components/DropZone/DropZone.js +1 -1
  222. package/dist/components/DropZone/DropZone.js.map +1 -1
  223. package/dist/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.d.ts +1 -1
  224. package/dist/components/DropZone/DropZoneGrid/DropZoneGrid.d.ts.map +1 -0
  225. package/dist/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.js +3 -3
  226. package/dist/components/DropZone/DropZoneGrid/DropZoneGrid.js.map +1 -0
  227. package/dist/components/DropdownIcon/DropdownIcon.d.ts +1 -1
  228. package/dist/components/DropdownIcon/DropdownIcon.d.ts.map +1 -1
  229. package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
  230. package/dist/components/Epic/Epic.d.ts +1 -1
  231. package/dist/components/Epic/Epic.d.ts.map +1 -1
  232. package/dist/components/Epic/Epic.js.map +1 -1
  233. package/dist/components/Epic/ScrollSaver.d.ts +1 -1
  234. package/dist/components/Epic/ScrollSaver.d.ts.map +1 -1
  235. package/dist/components/Epic/ScrollSaver.js.map +1 -1
  236. package/dist/components/File/File.d.ts +4 -4
  237. package/dist/components/File/File.d.ts.map +1 -1
  238. package/dist/components/File/File.js.map +1 -1
  239. package/dist/components/FixedLayout/FixedLayout.d.ts +3 -3
  240. package/dist/components/FixedLayout/FixedLayout.d.ts.map +1 -1
  241. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  242. package/dist/components/Flex/Flex.d.ts +8 -12
  243. package/dist/components/Flex/Flex.d.ts.map +1 -1
  244. package/dist/components/Flex/Flex.js +2 -9
  245. package/dist/components/Flex/Flex.js.map +1 -1
  246. package/dist/components/Flex/FlexItem/FlexItem.d.ts +5 -12
  247. package/dist/components/Flex/FlexItem/FlexItem.d.ts.map +1 -1
  248. package/dist/components/Flex/FlexItem/FlexItem.js +5 -14
  249. package/dist/components/Flex/FlexItem/FlexItem.js.map +1 -1
  250. package/dist/components/FloatingArrow/FloatingArrow.d.ts +9 -9
  251. package/dist/components/FloatingArrow/FloatingArrow.d.ts.map +1 -1
  252. package/dist/components/FloatingArrow/FloatingArrow.js.map +1 -1
  253. package/dist/components/FocusTrap/FocusTrap.d.ts +1 -1
  254. package/dist/components/FocusTrap/FocusTrap.d.ts.map +1 -1
  255. package/dist/components/FocusTrap/FocusTrap.js +2 -4
  256. package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
  257. package/dist/components/FormField/FormField.d.ts +8 -8
  258. package/dist/components/FormField/FormField.d.ts.map +1 -1
  259. package/dist/components/FormField/FormField.js.map +1 -1
  260. package/dist/components/FormFieldClearButton/FormFieldClearButton.d.ts +2 -2
  261. package/dist/components/FormFieldClearButton/FormFieldClearButton.d.ts.map +1 -1
  262. package/dist/components/FormFieldClearButton/FormFieldClearButton.js.map +1 -1
  263. package/dist/components/FormItem/FormItem.d.ts +10 -10
  264. package/dist/components/FormItem/FormItem.d.ts.map +1 -1
  265. package/dist/components/FormItem/FormItem.js.map +1 -1
  266. package/dist/components/FormItem/context.d.ts +2 -2
  267. package/dist/components/FormItem/context.d.ts.map +1 -1
  268. package/dist/components/FormItem/context.js.map +1 -1
  269. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +4 -4
  270. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts.map +1 -1
  271. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  272. package/dist/components/FormStatus/FormStatus.d.ts +2 -2
  273. package/dist/components/FormStatus/FormStatus.d.ts.map +1 -1
  274. package/dist/components/FormStatus/FormStatus.js.map +1 -1
  275. package/dist/components/Gallery/Gallery.d.ts +2 -2
  276. package/dist/components/Gallery/Gallery.d.ts.map +1 -1
  277. package/dist/components/Gallery/Gallery.js.map +1 -1
  278. package/dist/components/Gradient/Gradient.d.ts +2 -2
  279. package/dist/components/Gradient/Gradient.d.ts.map +1 -1
  280. package/dist/components/Gradient/Gradient.js.map +1 -1
  281. package/dist/components/GridAvatar/GridAvatar.d.ts +1 -1
  282. package/dist/components/GridAvatar/GridAvatar.d.ts.map +1 -1
  283. package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
  284. package/dist/components/Group/Group.d.ts +2 -2
  285. package/dist/components/Group/Group.d.ts.map +1 -1
  286. package/dist/components/Group/Group.js.map +1 -1
  287. package/dist/components/Group/GroupContainer.d.ts +3 -3
  288. package/dist/components/Group/GroupContainer.d.ts.map +1 -1
  289. package/dist/components/Group/GroupContainer.js.map +1 -1
  290. package/dist/components/Group/GroupExpandedContent.d.ts +1 -1
  291. package/dist/components/Group/GroupExpandedContent.d.ts.map +1 -1
  292. package/dist/components/Group/GroupExpandedContent.js.map +1 -1
  293. package/dist/components/Header/Header.d.ts +11 -11
  294. package/dist/components/Header/Header.d.ts.map +1 -1
  295. package/dist/components/Header/Header.js.map +1 -1
  296. package/dist/components/HorizontalCell/HorizontalCell.d.ts +7 -7
  297. package/dist/components/HorizontalCell/HorizontalCell.d.ts.map +1 -1
  298. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  299. package/dist/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.d.ts +4 -4
  300. package/dist/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.d.ts.map +1 -1
  301. package/dist/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.js.map +1 -1
  302. package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +30 -15
  303. package/dist/components/HorizontalScroll/HorizontalScroll.d.ts.map +1 -1
  304. package/dist/components/HorizontalScroll/HorizontalScroll.js +20 -6
  305. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  306. package/dist/components/IconButton/IconButton.d.ts +1 -1
  307. package/dist/components/IconButton/IconButton.d.ts.map +1 -1
  308. package/dist/components/IconButton/IconButton.js.map +1 -1
  309. package/dist/components/Image/Image.d.ts +5 -5
  310. package/dist/components/Image/Image.d.ts.map +1 -1
  311. package/dist/components/Image/Image.js.map +1 -1
  312. package/dist/components/ImageBase/ImageBase.d.ts +14 -14
  313. package/dist/components/ImageBase/ImageBase.d.ts.map +1 -1
  314. package/dist/components/ImageBase/ImageBase.js.map +1 -1
  315. package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.d.ts +1 -1
  316. package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.d.ts.map +1 -1
  317. package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
  318. package/dist/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.d.ts +3 -3
  319. package/dist/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.d.ts.map +1 -1
  320. package/dist/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.js.map +1 -1
  321. package/dist/components/ImageBase/ImageBaseOverlay/types.d.ts +3 -3
  322. package/dist/components/ImageBase/ImageBaseOverlay/types.d.ts.map +1 -1
  323. package/dist/components/ImageBase/ImageBaseOverlay/types.js.map +1 -1
  324. package/dist/components/ImageBase/types.d.ts +3 -3
  325. package/dist/components/ImageBase/types.d.ts.map +1 -1
  326. package/dist/components/ImageBase/types.js.map +1 -1
  327. package/dist/components/Input/Input.d.ts +4 -4
  328. package/dist/components/Input/Input.d.ts.map +1 -1
  329. package/dist/components/Input/Input.js.map +1 -1
  330. package/dist/components/InputLike/InputLike.d.ts +3 -3
  331. package/dist/components/InputLike/InputLike.d.ts.map +1 -1
  332. package/dist/components/InputLike/InputLike.js.map +1 -1
  333. package/dist/components/Link/Link.d.ts +4 -4
  334. package/dist/components/Link/Link.d.ts.map +1 -1
  335. package/dist/components/Link/Link.js.map +1 -1
  336. package/dist/components/List/List.d.ts +1 -1
  337. package/dist/components/List/List.d.ts.map +1 -1
  338. package/dist/components/List/List.js.map +1 -1
  339. package/dist/components/MiniInfoCell/MiniInfoCell.d.ts +5 -5
  340. package/dist/components/MiniInfoCell/MiniInfoCell.d.ts.map +1 -1
  341. package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  342. package/dist/components/ModalCard/ModalCardInternal.d.ts +1 -1
  343. package/dist/components/ModalCard/ModalCardInternal.d.ts.map +1 -1
  344. package/dist/components/ModalCard/ModalCardInternal.js.map +1 -1
  345. package/dist/components/ModalCard/types.d.ts +13 -13
  346. package/dist/components/ModalCard/types.d.ts.map +1 -1
  347. package/dist/components/ModalCard/types.js.map +1 -1
  348. package/dist/components/ModalCardBase/ModalCardBase.d.ts +14 -14
  349. package/dist/components/ModalCardBase/ModalCardBase.d.ts.map +1 -1
  350. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  351. package/dist/components/ModalDismissButton/ModalDismissButton.d.ts +1 -1
  352. package/dist/components/ModalDismissButton/ModalDismissButton.d.ts.map +1 -1
  353. package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  354. package/dist/components/ModalOutlet/ModalOutlet.d.ts +3 -3
  355. package/dist/components/ModalOutlet/ModalOutlet.d.ts.map +1 -1
  356. package/dist/components/ModalOutlet/ModalOutlet.js.map +1 -1
  357. package/dist/components/ModalOutsideButton/ModalOutsideButton.d.ts +1 -1
  358. package/dist/components/ModalOutsideButton/ModalOutsideButton.d.ts.map +1 -1
  359. package/dist/components/ModalOutsideButton/ModalOutsideButton.js.map +1 -1
  360. package/dist/components/ModalOverlay/ModalOverlay.d.ts +7 -7
  361. package/dist/components/ModalOverlay/ModalOverlay.d.ts.map +1 -1
  362. package/dist/components/ModalOverlay/ModalOverlay.js.map +1 -1
  363. package/dist/components/ModalPage/ModalPageBase.d.ts +2 -2
  364. package/dist/components/ModalPage/ModalPageBase.d.ts.map +1 -1
  365. package/dist/components/ModalPage/ModalPageBase.js.map +1 -1
  366. package/dist/components/ModalPage/ModalPageInternal.d.ts +2 -2
  367. package/dist/components/ModalPage/ModalPageInternal.d.ts.map +1 -1
  368. package/dist/components/ModalPage/ModalPageInternal.js.map +1 -1
  369. package/dist/components/ModalPage/types.d.ts +27 -27
  370. package/dist/components/ModalPage/types.d.ts.map +1 -1
  371. package/dist/components/ModalPage/types.js.map +1 -1
  372. package/dist/components/ModalPageFooter/ModalPageFooter.d.ts +2 -2
  373. package/dist/components/ModalPageFooter/ModalPageFooter.d.ts.map +1 -1
  374. package/dist/components/ModalPageFooter/ModalPageFooter.js.map +1 -1
  375. package/dist/components/ModalPageHeader/ModalPageHeader.d.ts +1 -1
  376. package/dist/components/ModalPageHeader/ModalPageHeader.d.ts.map +1 -1
  377. package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  378. package/dist/components/ModalRoot/types.d.ts +15 -15
  379. package/dist/components/ModalRoot/types.d.ts.map +1 -1
  380. package/dist/components/ModalRoot/types.js.map +1 -1
  381. package/dist/components/ModalRoot/useModalRootManager.d.ts +19 -19
  382. package/dist/components/ModalRoot/useModalRootManager.d.ts.map +1 -1
  383. package/dist/components/ModalRoot/useModalRootManager.js.map +1 -1
  384. package/dist/components/NativeSelect/NativeSelect.d.ts +11 -11
  385. package/dist/components/NativeSelect/NativeSelect.d.ts.map +1 -1
  386. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  387. package/dist/components/NumberInputLike/NumberInputLike.d.ts +3 -3
  388. package/dist/components/NumberInputLike/NumberInputLike.d.ts.map +1 -1
  389. package/dist/components/NumberInputLike/NumberInputLike.js.map +1 -1
  390. package/dist/components/OnboardingTooltip/OnboardingTooltip.d.ts +6 -6
  391. package/dist/components/OnboardingTooltip/OnboardingTooltip.d.ts.map +1 -1
  392. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +12 -3
  393. package/dist/components/OnboardingTooltip/OnboardingTooltip.js.map +1 -1
  394. package/dist/components/OnboardingTooltip/OnboardingTooltipContainer.d.ts +1 -1
  395. package/dist/components/OnboardingTooltip/OnboardingTooltipContainer.d.ts.map +1 -1
  396. package/dist/components/OnboardingTooltip/OnboardingTooltipContainer.js.map +1 -1
  397. package/dist/components/Pagination/Pagination.d.ts +19 -19
  398. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  399. package/dist/components/Pagination/Pagination.js +14 -6
  400. package/dist/components/Pagination/Pagination.js.map +1 -1
  401. package/dist/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.d.ts +3 -3
  402. package/dist/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.d.ts.map +1 -1
  403. package/dist/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.js.map +1 -1
  404. package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts +3 -3
  405. package/dist/components/Pagination/PaginationPage/PaginationPageButton.d.ts.map +1 -1
  406. package/dist/components/Pagination/PaginationPage/PaginationPageButton.js.map +1 -1
  407. package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts +1 -1
  408. package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.d.ts.map +1 -1
  409. package/dist/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map +1 -1
  410. package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts +3 -3
  411. package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.d.ts.map +1 -1
  412. package/dist/components/Pagination/PaginationPage/usePaginationPageClasses.js.map +1 -1
  413. package/dist/components/Panel/Panel.d.ts +3 -3
  414. package/dist/components/Panel/Panel.d.ts.map +1 -1
  415. package/dist/components/Panel/Panel.js.map +1 -1
  416. package/dist/components/PanelHeader/PanelHeader.d.ts +8 -8
  417. package/dist/components/PanelHeader/PanelHeader.d.ts.map +1 -1
  418. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  419. package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +2 -2
  420. package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts.map +1 -1
  421. package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  422. package/dist/components/PanelHeaderButton/PanelHeaderButton.d.ts +2 -2
  423. package/dist/components/PanelHeaderButton/PanelHeaderButton.d.ts.map +1 -1
  424. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  425. package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts +3 -3
  426. package/dist/components/PanelHeaderContent/PanelHeaderContent.d.ts.map +1 -1
  427. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  428. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +3 -3
  429. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts.map +1 -1
  430. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  431. package/dist/components/PanelSpinner/PanelSpinner.d.ts +1 -1
  432. package/dist/components/PanelSpinner/PanelSpinner.d.ts.map +1 -1
  433. package/dist/components/PanelSpinner/PanelSpinner.js.map +1 -1
  434. package/dist/components/Placeholder/Placeholder.d.ts +5 -5
  435. package/dist/components/Placeholder/Placeholder.d.ts.map +1 -1
  436. package/dist/components/Placeholder/Placeholder.js.map +1 -1
  437. package/dist/components/PopoutWrapper/PopoutWrapper.d.ts +6 -6
  438. package/dist/components/PopoutWrapper/PopoutWrapper.d.ts.map +1 -1
  439. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  440. package/dist/components/Popover/Popover.d.ts +5 -5
  441. package/dist/components/Popover/Popover.d.ts.map +1 -1
  442. package/dist/components/Popover/Popover.js.map +1 -1
  443. package/dist/components/Popper/Popper.d.ts +4 -4
  444. package/dist/components/Popper/Popper.d.ts.map +1 -1
  445. package/dist/components/Popper/Popper.js +13 -7
  446. package/dist/components/Popper/Popper.js.map +1 -1
  447. package/dist/components/Progress/Progress.d.ts +4 -4
  448. package/dist/components/Progress/Progress.d.ts.map +1 -1
  449. package/dist/components/Progress/Progress.js.map +1 -1
  450. package/dist/components/PullToRefresh/PullToRefresh.d.ts +2 -2
  451. package/dist/components/PullToRefresh/PullToRefresh.d.ts.map +1 -1
  452. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  453. package/dist/components/PullToRefresh/PullToRefreshSpinner.d.ts +4 -4
  454. package/dist/components/PullToRefresh/PullToRefreshSpinner.d.ts.map +1 -1
  455. package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  456. package/dist/components/Radio/Radio.d.ts +7 -7
  457. package/dist/components/Radio/Radio.d.ts.map +1 -1
  458. package/dist/components/Radio/Radio.js +2 -2
  459. package/dist/components/Radio/Radio.js.map +1 -1
  460. package/dist/components/Radio/RadioInput/RadioInput.d.ts +4 -4
  461. package/dist/components/Radio/RadioInput/RadioInput.d.ts.map +1 -1
  462. package/dist/components/Radio/RadioInput/RadioInput.js.map +1 -1
  463. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  464. package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -1
  465. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  466. package/dist/components/Removable/Removable.d.ts +9 -9
  467. package/dist/components/Removable/Removable.d.ts.map +1 -1
  468. package/dist/components/Removable/Removable.js.map +1 -1
  469. package/dist/components/Removable/RemovableIos.d.ts +3 -3
  470. package/dist/components/Removable/RemovableIos.d.ts.map +1 -1
  471. package/dist/components/Removable/RemovableIos.js.map +1 -1
  472. package/dist/components/RichCell/RichCell.d.ts +15 -15
  473. package/dist/components/RichCell/RichCell.d.ts.map +1 -1
  474. package/dist/components/RichCell/RichCell.js.map +1 -1
  475. package/dist/components/Root/Root.d.ts +4 -4
  476. package/dist/components/Root/Root.d.ts.map +1 -1
  477. package/dist/components/Root/Root.js.map +1 -1
  478. package/dist/components/RootComponent/RootComponent.d.ts +2 -2
  479. package/dist/components/RootComponent/RootComponent.d.ts.map +1 -1
  480. package/dist/components/RootComponent/RootComponent.js.map +1 -1
  481. package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.d.ts +1 -1
  482. package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.d.ts.map +1 -1
  483. package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.js.map +1 -1
  484. package/dist/components/ScreenSpinner/context.d.ts +2 -2
  485. package/dist/components/ScreenSpinner/context.d.ts.map +1 -1
  486. package/dist/components/ScreenSpinner/context.js.map +1 -1
  487. package/dist/components/ScreenSpinner/types.d.ts +5 -5
  488. package/dist/components/ScreenSpinner/types.d.ts.map +1 -1
  489. package/dist/components/ScreenSpinner/types.js.map +1 -1
  490. package/dist/components/ScrollArrow/ScrollArrow.d.ts +10 -4
  491. package/dist/components/ScrollArrow/ScrollArrow.d.ts.map +1 -1
  492. package/dist/components/ScrollArrow/ScrollArrow.js +14 -4
  493. package/dist/components/ScrollArrow/ScrollArrow.js.map +1 -1
  494. package/dist/components/Search/Search.d.ts +17 -17
  495. package/dist/components/Search/Search.d.ts.map +1 -1
  496. package/dist/components/Search/Search.js.map +1 -1
  497. package/dist/components/SegmentedControl/SegmentedControl.d.ts +6 -6
  498. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  499. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  500. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +3 -3
  501. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts.map +1 -1
  502. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  503. package/dist/components/SelectMimicry/SelectMimicry.d.ts +3 -3
  504. package/dist/components/SelectMimicry/SelectMimicry.d.ts.map +1 -1
  505. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  506. package/dist/components/SelectTypography/SelectTypography.d.ts +1 -1
  507. package/dist/components/SelectTypography/SelectTypography.d.ts.map +1 -1
  508. package/dist/components/SelectTypography/SelectTypography.js.map +1 -1
  509. package/dist/components/SelectionControl/SelectionControl.d.ts +1 -1
  510. package/dist/components/SelectionControl/SelectionControl.d.ts.map +1 -1
  511. package/dist/components/SelectionControl/SelectionControl.js.map +1 -1
  512. package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.d.ts +2 -2
  513. package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.d.ts.map +1 -1
  514. package/dist/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.js.map +1 -1
  515. package/dist/components/Separator/Separator.d.ts +5 -5
  516. package/dist/components/Separator/Separator.d.ts.map +1 -1
  517. package/dist/components/Separator/Separator.js.map +1 -1
  518. package/dist/components/SimpleCell/Chevron/Chevron.d.ts +1 -1
  519. package/dist/components/SimpleCell/Chevron/Chevron.d.ts.map +1 -1
  520. package/dist/components/SimpleCell/Chevron/Chevron.js.map +1 -1
  521. package/dist/components/SimpleCell/SimpleCell.d.ts +14 -14
  522. package/dist/components/SimpleCell/SimpleCell.d.ts.map +1 -1
  523. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  524. package/dist/components/SimpleGrid/SimpleGrid.d.ts +6 -6
  525. package/dist/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
  526. package/dist/components/SimpleGrid/SimpleGrid.js.map +1 -1
  527. package/dist/components/Skeleton/Skeleton.d.ts +5 -5
  528. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -1
  529. package/dist/components/Skeleton/Skeleton.js.map +1 -1
  530. package/dist/components/Slider/Slider.d.ts +17 -17
  531. package/dist/components/Slider/Slider.d.ts.map +1 -1
  532. package/dist/components/Slider/Slider.js.map +1 -1
  533. package/dist/components/Slider/SliderThumb/SliderThumb.d.ts +5 -5
  534. package/dist/components/Slider/SliderThumb/SliderThumb.d.ts.map +1 -1
  535. package/dist/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
  536. package/dist/components/Snackbar/Snackbar.d.ts +10 -10
  537. package/dist/components/Snackbar/Snackbar.d.ts.map +1 -1
  538. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  539. package/dist/components/Snackbar/subcomponents/Basic/Basic.d.ts +6 -6
  540. package/dist/components/Snackbar/subcomponents/Basic/Basic.d.ts.map +1 -1
  541. package/dist/components/Snackbar/subcomponents/Basic/Basic.js.map +1 -1
  542. package/dist/components/Snackbar/utils.d.ts +1 -1
  543. package/dist/components/Snackbar/utils.d.ts.map +1 -1
  544. package/dist/components/Snackbar/utils.js.map +1 -1
  545. package/dist/components/Spacing/Spacing.d.ts +2 -2
  546. package/dist/components/Spacing/Spacing.d.ts.map +1 -1
  547. package/dist/components/Spacing/Spacing.js.map +1 -1
  548. package/dist/components/Spinner/Spinner.d.ts +4 -4
  549. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  550. package/dist/components/Spinner/Spinner.js.map +1 -1
  551. package/dist/components/SplitCol/SplitCol.d.ts +7 -7
  552. package/dist/components/SplitCol/SplitCol.d.ts.map +1 -1
  553. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  554. package/dist/components/SplitLayout/SplitLayout.d.ts +8 -8
  555. package/dist/components/SplitLayout/SplitLayout.d.ts.map +1 -1
  556. package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
  557. package/dist/components/SubnavigationBar/SubnavigationBar.d.ts +2 -2
  558. package/dist/components/SubnavigationBar/SubnavigationBar.d.ts.map +1 -1
  559. package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  560. package/dist/components/SubnavigationButton/SubnavigationButton.d.ts +8 -8
  561. package/dist/components/SubnavigationButton/SubnavigationButton.d.ts.map +1 -1
  562. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  563. package/dist/components/Switch/Switch.d.ts +4 -4
  564. package/dist/components/Switch/Switch.d.ts.map +1 -1
  565. package/dist/components/Switch/Switch.js.map +1 -1
  566. package/dist/components/Tabbar/Tabbar.d.ts +2 -2
  567. package/dist/components/Tabbar/Tabbar.d.ts.map +1 -1
  568. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  569. package/dist/components/TabbarItem/TabbarItem.d.ts +3 -3
  570. package/dist/components/TabbarItem/TabbarItem.d.ts.map +1 -1
  571. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  572. package/dist/components/Tabs/Tabs.d.ts +7 -7
  573. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  574. package/dist/components/Tabs/Tabs.js.map +1 -1
  575. package/dist/components/Tabs/TabsModeContext.d.ts +1 -1
  576. package/dist/components/Tabs/TabsModeContext.d.ts.map +1 -1
  577. package/dist/components/Tabs/TabsModeContext.js.map +1 -1
  578. package/dist/components/TabsItem/TabsItem.d.ts +5 -5
  579. package/dist/components/TabsItem/TabsItem.d.ts.map +1 -1
  580. package/dist/components/TabsItem/TabsItem.js.map +1 -1
  581. package/dist/components/Tappable/Tappable.d.ts +3 -3
  582. package/dist/components/Tappable/Tappable.d.ts.map +1 -1
  583. package/dist/components/Tappable/Tappable.js.map +1 -1
  584. package/dist/components/Tappable/state.d.ts +2 -2
  585. package/dist/components/Tappable/state.d.ts.map +1 -1
  586. package/dist/components/Tappable/state.js.map +1 -1
  587. package/dist/components/Textarea/Textarea.d.ts +6 -6
  588. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  589. package/dist/components/Textarea/Textarea.js.map +1 -1
  590. package/dist/components/ToolButton/ToolButton.d.ts +4 -4
  591. package/dist/components/ToolButton/ToolButton.d.ts.map +1 -1
  592. package/dist/components/ToolButton/ToolButton.js.map +1 -1
  593. package/dist/components/Tooltip/Tooltip.d.ts +6 -6
  594. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  595. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  596. package/dist/components/TooltipBase/TooltipBase.d.ts +10 -10
  597. package/dist/components/TooltipBase/TooltipBase.d.ts.map +1 -1
  598. package/dist/components/TooltipBase/TooltipBase.js.map +1 -1
  599. package/dist/components/Touch/Touch.d.ts +16 -16
  600. package/dist/components/Touch/Touch.d.ts.map +1 -1
  601. package/dist/components/Touch/Touch.js.map +1 -1
  602. package/dist/components/Typography/Caption/Caption.d.ts +1 -1
  603. package/dist/components/Typography/Caption/Caption.d.ts.map +1 -1
  604. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  605. package/dist/components/Typography/DisplayTitle/DisplayTitle.d.ts +1 -1
  606. package/dist/components/Typography/DisplayTitle/DisplayTitle.d.ts.map +1 -1
  607. package/dist/components/Typography/DisplayTitle/DisplayTitle.js.map +1 -1
  608. package/dist/components/Typography/EllipsisText/EllipsisText.d.ts +3 -3
  609. package/dist/components/Typography/EllipsisText/EllipsisText.d.ts.map +1 -1
  610. package/dist/components/Typography/EllipsisText/EllipsisText.js.map +1 -1
  611. package/dist/components/Typography/Headline/Headline.d.ts +1 -1
  612. package/dist/components/Typography/Headline/Headline.d.ts.map +1 -1
  613. package/dist/components/Typography/Headline/Headline.js.map +1 -1
  614. package/dist/components/Typography/Title/Title.d.ts +1 -1
  615. package/dist/components/Typography/Title/Title.d.ts.map +1 -1
  616. package/dist/components/Typography/Title/Title.js.map +1 -1
  617. package/dist/components/Typography/Typography.d.ts +6 -6
  618. package/dist/components/Typography/Typography.d.ts.map +1 -1
  619. package/dist/components/Typography/Typography.js.map +1 -1
  620. package/dist/components/UnstyledTextField/UnstyledTextField.d.ts +1 -1
  621. package/dist/components/UnstyledTextField/UnstyledTextField.d.ts.map +1 -1
  622. package/dist/components/UnstyledTextField/UnstyledTextField.js.map +1 -1
  623. package/dist/components/UsersStack/UsersStack.d.ts +6 -6
  624. package/dist/components/UsersStack/UsersStack.d.ts.map +1 -1
  625. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  626. package/dist/components/View/View.d.ts +4 -4
  627. package/dist/components/View/View.d.ts.map +1 -1
  628. package/dist/components/View/View.js.map +1 -1
  629. package/dist/components/View/ViewInfinite.d.ts +12 -12
  630. package/dist/components/View/ViewInfinite.d.ts.map +1 -1
  631. package/dist/components/View/ViewInfinite.js.map +1 -1
  632. package/dist/components/WriteBar/WriteBar.d.ts +10 -10
  633. package/dist/components/WriteBar/WriteBar.d.ts.map +1 -1
  634. package/dist/components/WriteBar/WriteBar.js.map +1 -1
  635. package/dist/components/WriteBarIcon/WriteBarIcon.d.ts +3 -3
  636. package/dist/components/WriteBarIcon/WriteBarIcon.d.ts.map +1 -1
  637. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  638. package/dist/components.css +1 -1
  639. package/dist/components.css.map +1 -1
  640. package/dist/cssm/components/Accordion/Accordion.js +3 -0
  641. package/dist/cssm/components/Accordion/Accordion.js.map +1 -1
  642. package/dist/cssm/components/Accordion/AccordionIcon.js +17 -0
  643. package/dist/cssm/components/Accordion/AccordionIcon.js.map +1 -0
  644. package/dist/cssm/components/Accordion/AccordionSummary.js +4 -7
  645. package/dist/cssm/components/Accordion/AccordionSummary.js.map +1 -1
  646. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  647. package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
  648. package/dist/cssm/components/ActionSheet/types.js.map +1 -1
  649. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  650. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.module.css +0 -1
  651. package/dist/cssm/components/ActionSheetItem/subcomponents/Radio/Radio.js.map +1 -1
  652. package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  653. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  654. package/dist/cssm/components/Alert/AlertBase.js.map +1 -1
  655. package/dist/cssm/components/Alert/AlertTypography.js.map +1 -1
  656. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  657. package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
  658. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  659. package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
  660. package/dist/cssm/components/AppRoot/types.js.map +1 -1
  661. package/dist/cssm/components/AspectRatio/AspectRatio.js.map +1 -1
  662. package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
  663. package/dist/cssm/components/Avatar/Avatar.module.css +0 -5
  664. package/dist/cssm/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.js.map +1 -1
  665. package/dist/cssm/components/Badge/Badge.js.map +1 -1
  666. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  667. package/dist/cssm/components/Box/Box.js.map +1 -1
  668. package/dist/cssm/components/Button/Button.js +1 -1
  669. package/dist/cssm/components/Button/Button.js.map +1 -1
  670. package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
  671. package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
  672. package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
  673. package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
  674. package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
  675. package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
  676. package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
  677. package/dist/cssm/components/CalendarTime/CalendarTimePicker.js.map +1 -1
  678. package/dist/cssm/components/Card/Card.js.map +1 -1
  679. package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
  680. package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
  681. package/dist/cssm/components/CarouselBase/Bullets.js.map +1 -1
  682. package/dist/cssm/components/CarouselBase/CarouselViewPort.js.map +1 -1
  683. package/dist/cssm/components/CarouselBase/ScrollArrows.js.map +1 -1
  684. package/dist/cssm/components/CarouselBase/helpers.js.map +1 -1
  685. package/dist/cssm/components/CarouselBase/types.js.map +1 -1
  686. package/dist/cssm/components/Cell/Cell.js.map +1 -1
  687. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  688. package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
  689. package/dist/cssm/components/CellButton/CellButton.js +115 -7
  690. package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
  691. package/dist/cssm/components/CellButton/CellButton.module.css +165 -7
  692. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  693. package/dist/cssm/components/Checkbox/CheckboxInput/CheckboxInput.js.map +1 -1
  694. package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
  695. package/dist/cssm/components/ChipsInput/useChipsInput.js.map +1 -1
  696. package/dist/cssm/components/ChipsInputBase/Chip/Chip.js.map +1 -1
  697. package/dist/cssm/components/ChipsInputBase/types.js.map +1 -1
  698. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  699. package/dist/cssm/components/ChipsSelect/useChipsSelect.js.map +1 -1
  700. package/dist/cssm/components/Clickable/Clickable.js.map +1 -1
  701. package/dist/cssm/components/Clickable/useState.js.map +1 -1
  702. package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  703. package/dist/cssm/components/ContentBadge/ContentBadge.js.map +1 -1
  704. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  705. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  706. package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
  707. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  708. package/dist/cssm/components/CustomSelect/CustomSelect.module.css +0 -6
  709. package/dist/cssm/components/CustomSelect/CustomSelectClearButton.js.map +1 -1
  710. package/dist/cssm/components/CustomSelect/CustomSelectInput/CustomSelectInput.js.map +1 -1
  711. package/dist/cssm/components/CustomSelect/hooks/useDropdownOpenedController.js.map +1 -1
  712. package/dist/cssm/components/CustomSelect/hooks/useSelectedOptionController.js.map +1 -1
  713. package/dist/cssm/components/CustomSelect/types.js.map +1 -1
  714. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  715. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  716. package/dist/cssm/components/DateInput/DateInput.js +3 -12
  717. package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
  718. package/dist/cssm/components/DateInput/hooks.js.map +1 -1
  719. package/dist/cssm/components/DateRangeInput/DateRangeInput.js +2 -11
  720. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  721. package/dist/cssm/components/DropZone/DropZone.js +1 -1
  722. package/dist/cssm/components/DropZone/DropZone.js.map +1 -1
  723. package/dist/cssm/components/DropZone/DropZoneGrid/DropZoneGrid.js.map +1 -0
  724. package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
  725. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  726. package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
  727. package/dist/cssm/components/File/File.js.map +1 -1
  728. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  729. package/dist/cssm/components/Flex/Flex.js +2 -10
  730. package/dist/cssm/components/Flex/Flex.js.map +1 -1
  731. package/dist/cssm/components/Flex/FlexItem/FlexItem.js +5 -14
  732. package/dist/cssm/components/Flex/FlexItem/FlexItem.js.map +1 -1
  733. package/dist/cssm/components/Flex/FlexItem/FlexItem.module.css +0 -22
  734. package/dist/cssm/components/FloatingArrow/FloatingArrow.js.map +1 -1
  735. package/dist/cssm/components/FocusTrap/FocusTrap.js +2 -4
  736. package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
  737. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  738. package/dist/cssm/components/FormFieldClearButton/FormFieldClearButton.js.map +1 -1
  739. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  740. package/dist/cssm/components/FormItem/FormItem.module.css +1 -2
  741. package/dist/cssm/components/FormItem/context.js.map +1 -1
  742. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  743. package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
  744. package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
  745. package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
  746. package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
  747. package/dist/cssm/components/Group/Group.js.map +1 -1
  748. package/dist/cssm/components/Group/GroupContainer.js.map +1 -1
  749. package/dist/cssm/components/Group/GroupExpandedContent.js.map +1 -1
  750. package/dist/cssm/components/Header/Header.js.map +1 -1
  751. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  752. package/dist/cssm/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.js.map +1 -1
  753. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +20 -6
  754. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  755. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  756. package/dist/cssm/components/Image/Image.js.map +1 -1
  757. package/dist/cssm/components/ImageBase/ImageBase.js.map +1 -1
  758. package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
  759. package/dist/cssm/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.js.map +1 -1
  760. package/dist/cssm/components/ImageBase/ImageBaseOverlay/types.js.map +1 -1
  761. package/dist/cssm/components/ImageBase/types.js.map +1 -1
  762. package/dist/cssm/components/Input/Input.js.map +1 -1
  763. package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
  764. package/dist/cssm/components/Link/Link.js.map +1 -1
  765. package/dist/cssm/components/List/List.js.map +1 -1
  766. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  767. package/dist/cssm/components/ModalCard/ModalCardInternal.js.map +1 -1
  768. package/dist/cssm/components/ModalCard/types.js.map +1 -1
  769. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  770. package/dist/cssm/components/ModalCardBase/ModalCardBase.module.css +0 -4
  771. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  772. package/dist/cssm/components/ModalOutlet/ModalOutlet.js.map +1 -1
  773. package/dist/cssm/components/ModalOutsideButton/ModalOutsideButton.js.map +1 -1
  774. package/dist/cssm/components/ModalOverlay/ModalOverlay.js.map +1 -1
  775. package/dist/cssm/components/ModalPage/ModalPageBase.js.map +1 -1
  776. package/dist/cssm/components/ModalPage/ModalPageInternal.js.map +1 -1
  777. package/dist/cssm/components/ModalPage/types.js.map +1 -1
  778. package/dist/cssm/components/ModalPageFooter/ModalPageFooter.js.map +1 -1
  779. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  780. package/dist/cssm/components/ModalRoot/types.js.map +1 -1
  781. package/dist/cssm/components/ModalRoot/useModalRootManager.js.map +1 -1
  782. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  783. package/dist/cssm/components/NumberInputLike/NumberInputLike.js.map +1 -1
  784. package/dist/cssm/components/OnboardingTooltip/OnboardingTooltip.js +12 -3
  785. package/dist/cssm/components/OnboardingTooltip/OnboardingTooltip.js.map +1 -1
  786. package/dist/cssm/components/OnboardingTooltip/OnboardingTooltipContainer.js.map +1 -1
  787. package/dist/cssm/components/Pagination/Pagination.js +14 -6
  788. package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
  789. package/dist/cssm/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.js.map +1 -1
  790. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageButton.js.map +1 -1
  791. package/dist/cssm/components/Pagination/PaginationPage/PaginationPageEllipsis.js.map +1 -1
  792. package/dist/cssm/components/Pagination/PaginationPage/usePaginationPageClasses.js.map +1 -1
  793. package/dist/cssm/components/Panel/Panel.js.map +1 -1
  794. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  795. package/dist/cssm/components/PanelHeader/PanelHeader.module.css +0 -5
  796. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  797. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  798. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  799. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  800. package/dist/cssm/components/PanelSpinner/PanelSpinner.js.map +1 -1
  801. package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
  802. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  803. package/dist/cssm/components/Popover/Popover.js.map +1 -1
  804. package/dist/cssm/components/Popper/Popper.js +13 -7
  805. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  806. package/dist/cssm/components/Progress/Progress.js.map +1 -1
  807. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  808. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  809. package/dist/cssm/components/Radio/Radio.js +2 -2
  810. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  811. package/dist/cssm/components/Radio/RadioInput/RadioInput.js.map +1 -1
  812. package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
  813. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  814. package/dist/cssm/components/Removable/Removable.module.css +0 -4
  815. package/dist/cssm/components/Removable/RemovableIos.js.map +1 -1
  816. package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
  817. package/dist/cssm/components/Root/Root.js.map +1 -1
  818. package/dist/cssm/components/RootComponent/RootComponent.js.map +1 -1
  819. package/dist/cssm/components/ScreenSpinner/ScreenSpinnerSwapIcon.js.map +1 -1
  820. package/dist/cssm/components/ScreenSpinner/context.js.map +1 -1
  821. package/dist/cssm/components/ScreenSpinner/types.js.map +1 -1
  822. package/dist/cssm/components/ScrollArrow/ScrollArrow.js +14 -4
  823. package/dist/cssm/components/ScrollArrow/ScrollArrow.js.map +1 -1
  824. package/dist/cssm/components/Search/Search.js.map +1 -1
  825. package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  826. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  827. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  828. package/dist/cssm/components/SelectTypography/SelectTypography.js.map +1 -1
  829. package/dist/cssm/components/SelectionControl/SelectionControl.js.map +1 -1
  830. package/dist/cssm/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.js.map +1 -1
  831. package/dist/cssm/components/Separator/Separator.js.map +1 -1
  832. package/dist/cssm/components/SimpleCell/Chevron/Chevron.js.map +1 -1
  833. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  834. package/dist/cssm/components/SimpleCell/SimpleCell.module.css +3 -5
  835. package/dist/cssm/components/SimpleGrid/SimpleGrid.js.map +1 -1
  836. package/dist/cssm/components/Skeleton/Skeleton.js.map +1 -1
  837. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  838. package/dist/cssm/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
  839. package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
  840. package/dist/cssm/components/Snackbar/subcomponents/Basic/Basic.js.map +1 -1
  841. package/dist/cssm/components/Snackbar/subcomponents/Basic/Basic.module.css +2 -4
  842. package/dist/cssm/components/Snackbar/utils.js.map +1 -1
  843. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  844. package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
  845. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  846. package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
  847. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  848. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  849. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  850. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  851. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  852. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  853. package/dist/cssm/components/Tabs/TabsModeContext.js.map +1 -1
  854. package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
  855. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  856. package/dist/cssm/components/Tappable/state.js.map +1 -1
  857. package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
  858. package/dist/cssm/components/ToolButton/ToolButton.js.map +1 -1
  859. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  860. package/dist/cssm/components/TooltipBase/TooltipBase.js.map +1 -1
  861. package/dist/cssm/components/Touch/Touch.js.map +1 -1
  862. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  863. package/dist/cssm/components/Typography/DisplayTitle/DisplayTitle.js.map +1 -1
  864. package/dist/cssm/components/Typography/EllipsisText/EllipsisText.js.map +1 -1
  865. package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
  866. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  867. package/dist/cssm/components/Typography/Typography.js.map +1 -1
  868. package/dist/cssm/components/UnstyledTextField/UnstyledTextField.js.map +1 -1
  869. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  870. package/dist/cssm/components/View/View.js.map +1 -1
  871. package/dist/cssm/components/View/View.module.css +1 -3
  872. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  873. package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
  874. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  875. package/dist/cssm/helpers/math.js.map +1 -1
  876. package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js.map +1 -1
  877. package/dist/cssm/hooks/useAutoDetectColorScheme.js +8 -27
  878. package/dist/cssm/hooks/useAutoDetectColorScheme.js.map +1 -1
  879. package/dist/cssm/hooks/useCalendar.js.map +1 -1
  880. package/dist/cssm/hooks/useDateInput.js.map +1 -1
  881. package/dist/cssm/hooks/useDraggableWithDomApi/types.js.map +1 -1
  882. package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
  883. package/dist/cssm/hooks/useFloatingElement.js.map +1 -1
  884. package/dist/cssm/hooks/useFocusTrap/FocusGuard.js.map +1 -1
  885. package/dist/cssm/hooks/useFocusTrap/useFocusTrap.js +10 -2
  886. package/dist/cssm/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
  887. package/dist/cssm/hooks/useFocusVisibleClassName.js.map +1 -1
  888. package/dist/cssm/hooks/useGlobalEscKeyDown.js.map +1 -1
  889. package/dist/cssm/hooks/useMediaQueryMatch.js +25 -0
  890. package/dist/cssm/hooks/useMediaQueryMatch.js.map +1 -0
  891. package/dist/cssm/hooks/useMergeProps.js.map +1 -1
  892. package/dist/cssm/hooks/useModalManager/types.js.map +1 -1
  893. package/dist/cssm/hooks/usePagination.js.map +1 -1
  894. package/dist/cssm/hooks/usePatchChildren.js.map +1 -1
  895. package/dist/cssm/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.js → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js} +2 -2
  896. package/dist/cssm/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js.map +1 -0
  897. package/dist/cssm/hooks/useSnackbarManager/components/SnackbarHolder.js +5 -2
  898. package/dist/cssm/hooks/useSnackbarManager/components/SnackbarHolder.js.map +1 -1
  899. package/dist/cssm/hooks/useSnackbarManager/components/{SnackbarsContainer.js → SnackbarsContainer/SnackbarsContainer.js} +3 -3
  900. package/dist/cssm/hooks/useSnackbarManager/components/SnackbarsContainer/SnackbarsContainer.js.map +1 -0
  901. package/dist/cssm/hooks/useSnackbarManager/types.js.map +1 -1
  902. package/dist/cssm/hooks/useSyncHTMLWithBaseVKUIClasses.js.map +1 -1
  903. package/dist/cssm/index.js +1 -1
  904. package/dist/cssm/index.js.map +1 -1
  905. package/dist/cssm/lib/SSR.js.map +1 -1
  906. package/dist/cssm/lib/accessibility.js.map +1 -1
  907. package/dist/cssm/lib/adaptivity/functions.js +6 -0
  908. package/dist/cssm/lib/adaptivity/functions.js.map +1 -1
  909. package/dist/cssm/lib/animation/useCSSKeyframesAnimationController.js.map +1 -1
  910. package/dist/cssm/lib/animation/useCSSTransition.js +4 -2
  911. package/dist/cssm/lib/animation/useCSSTransition.js.map +1 -1
  912. package/dist/cssm/lib/animation/useReducedMotion.js +2 -20
  913. package/dist/cssm/lib/animation/useReducedMotion.js.map +1 -1
  914. package/dist/cssm/lib/calendar.js.map +1 -1
  915. package/dist/cssm/lib/date.js.map +1 -1
  916. package/dist/cssm/lib/dom.js.map +1 -1
  917. package/dist/cssm/lib/floating/functions.js.map +1 -1
  918. package/dist/cssm/lib/floating/types/component.js.map +1 -1
  919. package/dist/cssm/lib/floating/useFloatingMiddlewaresBootstrap/index.js +6 -4
  920. package/dist/cssm/lib/floating/useFloatingMiddlewaresBootstrap/index.js.map +1 -1
  921. package/dist/cssm/lib/floating/useFloatingWithInteractions/types.js.map +1 -1
  922. package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js +6 -2
  923. package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map +1 -1
  924. package/dist/cssm/lib/getNavId.js.map +1 -1
  925. package/dist/cssm/lib/layouts/layoutProps.js +17 -0
  926. package/dist/cssm/lib/layouts/layoutProps.js.map +1 -1
  927. package/dist/cssm/lib/layouts/resolveLayoutProps.js.map +1 -1
  928. package/dist/cssm/lib/layouts/types.js.map +1 -1
  929. package/dist/cssm/lib/select.js.map +1 -1
  930. package/dist/cssm/lib/sheet/useBottomSheet.js.map +1 -1
  931. package/dist/cssm/lib/tokens/TokensClassProvider.js.map +1 -1
  932. package/dist/cssm/lib/tokens/types.js.map +1 -1
  933. package/dist/cssm/lib/utils.js +3 -0
  934. package/dist/cssm/lib/utils.js.map +1 -1
  935. package/dist/cssm/styles/layout.css +36 -0
  936. package/dist/cssm/types.js +4 -1
  937. package/dist/cssm/types.js.map +1 -1
  938. package/dist/helpers/math.d.ts +1 -1
  939. package/dist/helpers/math.d.ts.map +1 -1
  940. package/dist/helpers/math.js.map +1 -1
  941. package/dist/hooks/useAdaptivityWithJSMediaQueries.d.ts +5 -1
  942. package/dist/hooks/useAdaptivityWithJSMediaQueries.d.ts.map +1 -1
  943. package/dist/hooks/useAdaptivityWithJSMediaQueries.js.map +1 -1
  944. package/dist/hooks/useAutoDetectColorScheme.d.ts.map +1 -1
  945. package/dist/hooks/useAutoDetectColorScheme.js +8 -27
  946. package/dist/hooks/useAutoDetectColorScheme.js.map +1 -1
  947. package/dist/hooks/useCalendar.d.ts +1 -1
  948. package/dist/hooks/useCalendar.d.ts.map +1 -1
  949. package/dist/hooks/useCalendar.js.map +1 -1
  950. package/dist/hooks/useDateInput.d.ts +5 -5
  951. package/dist/hooks/useDateInput.d.ts.map +1 -1
  952. package/dist/hooks/useDateInput.js.map +1 -1
  953. package/dist/hooks/useDraggableWithDomApi/types.d.ts +1 -1
  954. package/dist/hooks/useDraggableWithDomApi/types.d.ts.map +1 -1
  955. package/dist/hooks/useDraggableWithDomApi/types.js.map +1 -1
  956. package/dist/hooks/useEnsuredControl.d.ts +4 -4
  957. package/dist/hooks/useEnsuredControl.d.ts.map +1 -1
  958. package/dist/hooks/useEnsuredControl.js.map +1 -1
  959. package/dist/hooks/useFloatingElement.d.ts +4 -4
  960. package/dist/hooks/useFloatingElement.d.ts.map +1 -1
  961. package/dist/hooks/useFloatingElement.js.map +1 -1
  962. package/dist/hooks/useFocusTrap/FocusGuard.d.ts +1 -1
  963. package/dist/hooks/useFocusTrap/FocusGuard.d.ts.map +1 -1
  964. package/dist/hooks/useFocusTrap/FocusGuard.js.map +1 -1
  965. package/dist/hooks/useFocusTrap/useFocusTrap.d.ts +6 -10
  966. package/dist/hooks/useFocusTrap/useFocusTrap.d.ts.map +1 -1
  967. package/dist/hooks/useFocusTrap/useFocusTrap.js +10 -2
  968. package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
  969. package/dist/hooks/useFocusVisibleClassName.d.ts +3 -3
  970. package/dist/hooks/useFocusVisibleClassName.d.ts.map +1 -1
  971. package/dist/hooks/useFocusVisibleClassName.js.map +1 -1
  972. package/dist/hooks/useGlobalEscKeyDown.d.ts +1 -1
  973. package/dist/hooks/useGlobalEscKeyDown.d.ts.map +1 -1
  974. package/dist/hooks/useGlobalEscKeyDown.js.map +1 -1
  975. package/dist/hooks/useMediaQueryMatch.d.ts +6 -0
  976. package/dist/hooks/useMediaQueryMatch.d.ts.map +1 -0
  977. package/dist/hooks/useMediaQueryMatch.js +25 -0
  978. package/dist/hooks/useMediaQueryMatch.js.map +1 -0
  979. package/dist/hooks/useMergeProps.d.ts +1 -1
  980. package/dist/hooks/useMergeProps.d.ts.map +1 -1
  981. package/dist/hooks/useMergeProps.js.map +1 -1
  982. package/dist/hooks/useModalManager/types.d.ts +8 -8
  983. package/dist/hooks/useModalManager/types.d.ts.map +1 -1
  984. package/dist/hooks/useModalManager/types.js.map +1 -1
  985. package/dist/hooks/usePagination.d.ts +4 -4
  986. package/dist/hooks/usePagination.d.ts.map +1 -1
  987. package/dist/hooks/usePagination.js.map +1 -1
  988. package/dist/hooks/usePatchChildren.d.ts +1 -1
  989. package/dist/hooks/usePatchChildren.d.ts.map +1 -1
  990. package/dist/hooks/usePatchChildren.js.map +1 -1
  991. package/dist/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.d.ts → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.d.ts} +1 -1
  992. package/dist/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.d.ts.map +1 -0
  993. package/dist/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.js → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js} +10 -10
  994. package/dist/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js.map +1 -0
  995. package/dist/hooks/useSnackbarManager/components/SnackbarHolder.d.ts.map +1 -1
  996. package/dist/hooks/useSnackbarManager/components/SnackbarHolder.js +5 -2
  997. package/dist/hooks/useSnackbarManager/components/SnackbarHolder.js.map +1 -1
  998. package/dist/hooks/useSnackbarManager/components/{SnackbarsContainer.d.ts → SnackbarsContainer/SnackbarsContainer.d.ts} +2 -2
  999. package/dist/hooks/useSnackbarManager/components/SnackbarsContainer/SnackbarsContainer.d.ts.map +1 -0
  1000. package/dist/hooks/useSnackbarManager/components/{SnackbarsContainer.js → SnackbarsContainer/SnackbarsContainer.js} +10 -10
  1001. package/dist/hooks/useSnackbarManager/components/SnackbarsContainer/SnackbarsContainer.js.map +1 -0
  1002. package/dist/hooks/useSnackbarManager/types.d.ts +11 -11
  1003. package/dist/hooks/useSnackbarManager/types.d.ts.map +1 -1
  1004. package/dist/hooks/useSnackbarManager/types.js.map +1 -1
  1005. package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.d.ts +1 -1
  1006. package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.d.ts.map +1 -1
  1007. package/dist/hooks/useSyncHTMLWithBaseVKUIClasses.js.map +1 -1
  1008. package/dist/index.d.ts +3 -2
  1009. package/dist/index.d.ts.map +1 -1
  1010. package/dist/index.js +1 -1
  1011. package/dist/index.js.map +1 -1
  1012. package/dist/lib/SSR.d.ts +4 -4
  1013. package/dist/lib/SSR.d.ts.map +1 -1
  1014. package/dist/lib/SSR.js.map +1 -1
  1015. package/dist/lib/accessibility.d.ts +1 -1
  1016. package/dist/lib/accessibility.d.ts.map +1 -1
  1017. package/dist/lib/accessibility.js.map +1 -1
  1018. package/dist/lib/adaptivity/functions.d.ts.map +1 -1
  1019. package/dist/lib/adaptivity/functions.js +6 -0
  1020. package/dist/lib/adaptivity/functions.js.map +1 -1
  1021. package/dist/lib/animation/useCSSKeyframesAnimationController.d.ts +6 -6
  1022. package/dist/lib/animation/useCSSKeyframesAnimationController.d.ts.map +1 -1
  1023. package/dist/lib/animation/useCSSKeyframesAnimationController.js.map +1 -1
  1024. package/dist/lib/animation/useCSSTransition.d.ts +11 -11
  1025. package/dist/lib/animation/useCSSTransition.d.ts.map +1 -1
  1026. package/dist/lib/animation/useCSSTransition.js +4 -2
  1027. package/dist/lib/animation/useCSSTransition.js.map +1 -1
  1028. package/dist/lib/animation/useReducedMotion.d.ts.map +1 -1
  1029. package/dist/lib/animation/useReducedMotion.js +2 -20
  1030. package/dist/lib/animation/useReducedMotion.js.map +1 -1
  1031. package/dist/lib/calendar.d.ts +5 -5
  1032. package/dist/lib/calendar.d.ts.map +1 -1
  1033. package/dist/lib/calendar.js.map +1 -1
  1034. package/dist/lib/date.d.ts +10 -10
  1035. package/dist/lib/date.d.ts.map +1 -1
  1036. package/dist/lib/date.js.map +1 -1
  1037. package/dist/lib/dom.d.ts +2 -2
  1038. package/dist/lib/dom.d.ts.map +1 -1
  1039. package/dist/lib/dom.js.map +1 -1
  1040. package/dist/lib/floating/functions.d.ts +2 -2
  1041. package/dist/lib/floating/functions.d.ts.map +1 -1
  1042. package/dist/lib/floating/functions.js.map +1 -1
  1043. package/dist/lib/floating/types/component.d.ts +9 -9
  1044. package/dist/lib/floating/types/component.d.ts.map +1 -1
  1045. package/dist/lib/floating/types/component.js.map +1 -1
  1046. package/dist/lib/floating/useFloatingMiddlewaresBootstrap/index.d.ts +14 -14
  1047. package/dist/lib/floating/useFloatingMiddlewaresBootstrap/index.d.ts.map +1 -1
  1048. package/dist/lib/floating/useFloatingMiddlewaresBootstrap/index.js +6 -4
  1049. package/dist/lib/floating/useFloatingMiddlewaresBootstrap/index.js.map +1 -1
  1050. package/dist/lib/floating/useFloatingWithInteractions/types.d.ts +15 -15
  1051. package/dist/lib/floating/useFloatingWithInteractions/types.d.ts.map +1 -1
  1052. package/dist/lib/floating/useFloatingWithInteractions/types.js.map +1 -1
  1053. package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js +6 -2
  1054. package/dist/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map +1 -1
  1055. package/dist/lib/getNavId.d.ts +2 -2
  1056. package/dist/lib/getNavId.d.ts.map +1 -1
  1057. package/dist/lib/getNavId.js.map +1 -1
  1058. package/dist/lib/layouts/layoutProps.d.ts +2 -0
  1059. package/dist/lib/layouts/layoutProps.d.ts.map +1 -1
  1060. package/dist/lib/layouts/layoutProps.js +17 -0
  1061. package/dist/lib/layouts/layoutProps.js.map +1 -1
  1062. package/dist/lib/layouts/resolveLayoutProps.d.ts +6 -6
  1063. package/dist/lib/layouts/resolveLayoutProps.d.ts.map +1 -1
  1064. package/dist/lib/layouts/resolveLayoutProps.js.map +1 -1
  1065. package/dist/lib/layouts/types.d.ts +39 -27
  1066. package/dist/lib/layouts/types.d.ts.map +1 -1
  1067. package/dist/lib/layouts/types.js.map +1 -1
  1068. package/dist/lib/select.d.ts +2 -2
  1069. package/dist/lib/select.d.ts.map +1 -1
  1070. package/dist/lib/select.js.map +1 -1
  1071. package/dist/lib/sheet/useBottomSheet.d.ts +4 -4
  1072. package/dist/lib/sheet/useBottomSheet.d.ts.map +1 -1
  1073. package/dist/lib/sheet/useBottomSheet.js.map +1 -1
  1074. package/dist/lib/tokens/TokensClassProvider.js.map +1 -1
  1075. package/dist/lib/tokens/types.d.ts +2 -2
  1076. package/dist/lib/tokens/types.d.ts.map +1 -1
  1077. package/dist/lib/tokens/types.js.map +1 -1
  1078. package/dist/lib/utils.d.ts +3 -3
  1079. package/dist/lib/utils.d.ts.map +1 -1
  1080. package/dist/lib/utils.js +3 -0
  1081. package/dist/lib/utils.js.map +1 -1
  1082. package/dist/types.d.ts +17 -10
  1083. package/dist/types.d.ts.map +1 -1
  1084. package/dist/types.js +4 -1
  1085. package/dist/types.js.map +1 -1
  1086. package/dist/vkui.css +1 -1
  1087. package/dist/vkui.css.map +1 -1
  1088. package/package.json +3 -3
  1089. package/src/components/Accordion/Accordion.tsx +10 -6
  1090. package/src/components/Accordion/AccordionIcon.tsx +31 -0
  1091. package/src/components/Accordion/AccordionSummary.tsx +5 -9
  1092. package/src/components/ActionSheet/ActionSheet.tsx +14 -10
  1093. package/src/components/ActionSheet/ActionSheetContext.ts +3 -3
  1094. package/src/components/ActionSheet/types.ts +8 -8
  1095. package/src/components/ActionSheetItem/ActionSheetItem.module.css +0 -1
  1096. package/src/components/ActionSheetItem/ActionSheetItem.module.css.d.ts.map +1 -1
  1097. package/src/components/ActionSheetItem/ActionSheetItem.tsx +15 -15
  1098. package/src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx +1 -1
  1099. package/src/components/AdaptivityProvider/AdaptivityContext.tsx +7 -7
  1100. package/src/components/Alert/Alert.tsx +17 -17
  1101. package/src/components/Alert/AlertBase.tsx +2 -2
  1102. package/src/components/Alert/AlertTypography.tsx +1 -1
  1103. package/src/components/AppRoot/AppRoot.tsx +9 -9
  1104. package/src/components/AppRoot/AppRootContext.ts +4 -4
  1105. package/src/components/AppRoot/AppRootPortal.tsx +2 -2
  1106. package/src/components/AppRoot/ScrollContext.tsx +5 -5
  1107. package/src/components/AppRoot/types.ts +4 -4
  1108. package/src/components/AspectRatio/AspectRatio.tsx +2 -2
  1109. package/src/components/Avatar/Avatar.module.css +0 -5
  1110. package/src/components/Avatar/Avatar.module.css.d.ts.map +1 -1
  1111. package/src/components/Avatar/Avatar.tsx +6 -2
  1112. package/src/components/Avatar/AvatarBadge/AvatarBadgeWithPreset.tsx +1 -1
  1113. package/src/components/Badge/Badge.tsx +1 -1
  1114. package/src/components/Banner/Banner.tsx +12 -12
  1115. package/src/components/Box/Box.tsx +1 -1
  1116. package/src/components/Button/Button.tsx +19 -12
  1117. package/src/components/ButtonGroup/ButtonGroup.tsx +4 -4
  1118. package/src/components/Calendar/Calendar.tsx +17 -17
  1119. package/src/components/CalendarDay/CalendarDay.tsx +18 -18
  1120. package/src/components/CalendarDays/CalendarDays.tsx +14 -14
  1121. package/src/components/CalendarHeader/CalendarHeader.tsx +19 -19
  1122. package/src/components/CalendarRange/CalendarRange.tsx +12 -12
  1123. package/src/components/CalendarTime/CalendarTime.tsx +14 -14
  1124. package/src/components/CalendarTime/CalendarTimePicker.tsx +3 -3
  1125. package/src/components/Card/Card.tsx +1 -1
  1126. package/src/components/CardGrid/CardGrid.tsx +2 -2
  1127. package/src/components/CardScroll/CardScroll.tsx +3 -3
  1128. package/src/components/CarouselBase/Bullets.tsx +1 -1
  1129. package/src/components/CarouselBase/CarouselViewPort.tsx +1 -1
  1130. package/src/components/CarouselBase/ScrollArrows.tsx +2 -2
  1131. package/src/components/CarouselBase/helpers.ts +4 -4
  1132. package/src/components/CarouselBase/types.ts +23 -23
  1133. package/src/components/Cell/Cell.tsx +8 -8
  1134. package/src/components/Cell/CellCheckbox/CellCheckbox.tsx +1 -1
  1135. package/src/components/Cell/CellDragger/CellDragger.tsx +2 -2
  1136. package/src/components/CellButton/CellButton.module.css +159 -7
  1137. package/src/components/CellButton/CellButton.module.css.d.ts.map +1 -1
  1138. package/src/components/CellButton/CellButton.tsx +154 -11
  1139. package/src/components/Checkbox/Checkbox.tsx +16 -9
  1140. package/src/components/Checkbox/CheckboxInput/CheckboxInput.tsx +20 -14
  1141. package/src/components/ChipsInput/ChipsInput.tsx +1 -1
  1142. package/src/components/ChipsInput/useChipsInput.ts +3 -3
  1143. package/src/components/ChipsInputBase/Chip/Chip.tsx +9 -9
  1144. package/src/components/ChipsInputBase/types.ts +28 -22
  1145. package/src/components/ChipsSelect/ChipsSelect.tsx +13 -13
  1146. package/src/components/ChipsSelect/useChipsSelect.ts +22 -21
  1147. package/src/components/Clickable/Clickable.tsx +1 -1
  1148. package/src/components/Clickable/useState.tsx +13 -13
  1149. package/src/components/ConfigProvider/ConfigProvider.tsx +2 -1
  1150. package/src/components/ContentBadge/ContentBadge.tsx +4 -4
  1151. package/src/components/ContentCard/ContentCard.tsx +8 -8
  1152. package/src/components/Counter/Counter.tsx +4 -4
  1153. package/src/components/CustomScrollView/CustomScrollView.tsx +6 -6
  1154. package/src/components/CustomSelect/CustomSelect.module.css +0 -6
  1155. package/src/components/CustomSelect/CustomSelect.module.css.d.ts.map +1 -1
  1156. package/src/components/CustomSelect/CustomSelect.tsx +42 -29
  1157. package/src/components/CustomSelect/CustomSelectClearButton.tsx +2 -2
  1158. package/src/components/CustomSelect/CustomSelectInput/CustomSelectInput.tsx +20 -14
  1159. package/src/components/CustomSelect/hooks/useDropdownOpenedController.ts +2 -2
  1160. package/src/components/CustomSelect/hooks/useSelectedOptionController.ts +1 -1
  1161. package/src/components/CustomSelect/types.ts +1 -1
  1162. package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +8 -8
  1163. package/src/components/CustomSelectOption/CustomSelectOption.tsx +9 -9
  1164. package/src/components/DateInput/DateInput.tsx +27 -35
  1165. package/src/components/DateInput/hooks.ts +7 -7
  1166. package/src/components/DateRangeInput/DateRangeInput.tsx +28 -36
  1167. package/src/components/DropZone/DropZone.tsx +5 -2
  1168. package/src/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.tsx +1 -1
  1169. package/src/components/DropdownIcon/DropdownIcon.tsx +1 -1
  1170. package/src/components/Epic/Epic.tsx +1 -1
  1171. package/src/components/Epic/ScrollSaver.tsx +1 -1
  1172. package/src/components/File/File.tsx +15 -9
  1173. package/src/components/FixedLayout/FixedLayout.tsx +3 -3
  1174. package/src/components/Flex/Flex.tsx +8 -23
  1175. package/src/components/Flex/FlexItem/FlexItem.module.css +0 -22
  1176. package/src/components/Flex/FlexItem/FlexItem.module.css.d.ts.map +1 -1
  1177. package/src/components/Flex/FlexItem/FlexItem.tsx +17 -44
  1178. package/src/components/FloatingArrow/FloatingArrow.tsx +9 -9
  1179. package/src/components/FocusTrap/FocusTrap.tsx +0 -3
  1180. package/src/components/FormField/FormField.tsx +8 -8
  1181. package/src/components/FormFieldClearButton/FormFieldClearButton.tsx +2 -2
  1182. package/src/components/FormItem/FormItem.module.css +1 -2
  1183. package/src/components/FormItem/FormItem.module.css.d.ts.map +1 -1
  1184. package/src/components/FormItem/FormItem.tsx +10 -10
  1185. package/src/components/FormItem/context.ts +2 -2
  1186. package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +4 -4
  1187. package/src/components/FormStatus/FormStatus.tsx +2 -2
  1188. package/src/components/Gallery/Gallery.tsx +2 -2
  1189. package/src/components/Gradient/Gradient.tsx +2 -2
  1190. package/src/components/GridAvatar/GridAvatar.tsx +1 -1
  1191. package/src/components/Group/Group.tsx +2 -2
  1192. package/src/components/Group/GroupContainer.tsx +3 -3
  1193. package/src/components/Group/GroupExpandedContent.tsx +1 -1
  1194. package/src/components/Header/Header.tsx +11 -11
  1195. package/src/components/HorizontalCell/HorizontalCell.tsx +7 -7
  1196. package/src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.tsx +4 -4
  1197. package/src/components/HorizontalScroll/HorizontalScroll.tsx +63 -18
  1198. package/src/components/IconButton/IconButton.tsx +1 -1
  1199. package/src/components/Image/Image.tsx +5 -5
  1200. package/src/components/ImageBase/ImageBase.tsx +19 -15
  1201. package/src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx +1 -1
  1202. package/src/components/ImageBase/ImageBaseFloatElement/ImageBaseFloatElement.tsx +3 -3
  1203. package/src/components/ImageBase/ImageBaseOverlay/types.ts +3 -3
  1204. package/src/components/ImageBase/types.ts +3 -3
  1205. package/src/components/Input/Input.tsx +13 -7
  1206. package/src/components/InputLike/InputLike.tsx +3 -3
  1207. package/src/components/Link/Link.tsx +4 -4
  1208. package/src/components/List/List.tsx +1 -1
  1209. package/src/components/MiniInfoCell/MiniInfoCell.tsx +5 -5
  1210. package/src/components/ModalCard/ModalCardInternal.tsx +1 -1
  1211. package/src/components/ModalCard/types.ts +13 -13
  1212. package/src/components/ModalCardBase/ModalCardBase.module.css +0 -4
  1213. package/src/components/ModalCardBase/ModalCardBase.module.css.d.ts.map +1 -1
  1214. package/src/components/ModalCardBase/ModalCardBase.tsx +14 -14
  1215. package/src/components/ModalDismissButton/ModalDismissButton.tsx +1 -1
  1216. package/src/components/ModalOutlet/ModalOutlet.tsx +3 -3
  1217. package/src/components/ModalOutsideButton/ModalOutsideButton.tsx +1 -1
  1218. package/src/components/ModalOverlay/ModalOverlay.tsx +7 -7
  1219. package/src/components/ModalPage/ModalPageBase.tsx +2 -2
  1220. package/src/components/ModalPage/ModalPageInternal.tsx +2 -2
  1221. package/src/components/ModalPage/types.ts +27 -27
  1222. package/src/components/ModalPageFooter/ModalPageFooter.tsx +2 -2
  1223. package/src/components/ModalPageHeader/ModalPageHeader.tsx +1 -1
  1224. package/src/components/ModalRoot/types.ts +15 -15
  1225. package/src/components/ModalRoot/useModalRootManager.tsx +19 -19
  1226. package/src/components/NativeSelect/NativeSelect.tsx +20 -14
  1227. package/src/components/NumberInputLike/NumberInputLike.tsx +3 -3
  1228. package/src/components/OnboardingTooltip/OnboardingTooltip.tsx +16 -8
  1229. package/src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx +1 -1
  1230. package/src/components/Pagination/Pagination.tsx +27 -25
  1231. package/src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx +5 -3
  1232. package/src/components/Pagination/PaginationPage/PaginationPageButton.tsx +3 -3
  1233. package/src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx +1 -1
  1234. package/src/components/Pagination/PaginationPage/usePaginationPageClasses.ts +3 -3
  1235. package/src/components/Panel/Panel.tsx +3 -3
  1236. package/src/components/PanelHeader/PanelHeader.module.css +0 -5
  1237. package/src/components/PanelHeader/PanelHeader.module.css.d.ts.map +1 -1
  1238. package/src/components/PanelHeader/PanelHeader.tsx +14 -12
  1239. package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +2 -2
  1240. package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +3 -3
  1241. package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +3 -3
  1242. package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +3 -3
  1243. package/src/components/PanelSpinner/PanelSpinner.tsx +1 -1
  1244. package/src/components/Placeholder/Placeholder.tsx +5 -5
  1245. package/src/components/PopoutWrapper/PopoutWrapper.tsx +6 -6
  1246. package/src/components/Popover/Popover.tsx +5 -5
  1247. package/src/components/Popper/Popper.tsx +17 -15
  1248. package/src/components/Progress/Progress.tsx +4 -4
  1249. package/src/components/PullToRefresh/PullToRefresh.tsx +2 -2
  1250. package/src/components/PullToRefresh/PullToRefreshSpinner.tsx +4 -4
  1251. package/src/components/Radio/Radio.tsx +18 -12
  1252. package/src/components/Radio/RadioInput/RadioInput.tsx +15 -9
  1253. package/src/components/RadioGroup/RadioGroup.tsx +1 -1
  1254. package/src/components/Removable/Removable.module.css +0 -4
  1255. package/src/components/Removable/Removable.module.css.d.ts.map +1 -1
  1256. package/src/components/Removable/Removable.tsx +13 -10
  1257. package/src/components/Removable/RemovableIos.tsx +6 -3
  1258. package/src/components/RichCell/RichCell.tsx +15 -15
  1259. package/src/components/Root/Root.tsx +3 -3
  1260. package/src/components/RootComponent/RootComponent.tsx +2 -2
  1261. package/src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx +1 -1
  1262. package/src/components/ScreenSpinner/context.ts +2 -2
  1263. package/src/components/ScreenSpinner/types.tsx +5 -5
  1264. package/src/components/ScrollArrow/ScrollArrow.tsx +27 -4
  1265. package/src/components/Search/Search.tsx +28 -22
  1266. package/src/components/SegmentedControl/SegmentedControl.tsx +6 -6
  1267. package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx +3 -3
  1268. package/src/components/SelectMimicry/SelectMimicry.tsx +3 -3
  1269. package/src/components/SelectTypography/SelectTypography.tsx +1 -1
  1270. package/src/components/SelectionControl/SelectionControl.tsx +1 -1
  1271. package/src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.tsx +2 -2
  1272. package/src/components/Separator/Separator.tsx +5 -5
  1273. package/src/components/SimpleCell/Chevron/Chevron.tsx +1 -1
  1274. package/src/components/SimpleCell/SimpleCell.module.css +3 -5
  1275. package/src/components/SimpleCell/SimpleCell.module.css.d.ts.map +1 -1
  1276. package/src/components/SimpleCell/SimpleCell.tsx +14 -14
  1277. package/src/components/SimpleGrid/SimpleGrid.tsx +6 -6
  1278. package/src/components/Skeleton/Skeleton.tsx +5 -5
  1279. package/src/components/Slider/Slider.tsx +19 -17
  1280. package/src/components/Slider/SliderThumb/SliderThumb.tsx +9 -7
  1281. package/src/components/Snackbar/Snackbar.tsx +19 -13
  1282. package/src/components/Snackbar/subcomponents/Basic/Basic.module.css +2 -4
  1283. package/src/components/Snackbar/subcomponents/Basic/Basic.module.css.d.ts.map +1 -1
  1284. package/src/components/Snackbar/subcomponents/Basic/Basic.tsx +6 -6
  1285. package/src/components/Snackbar/utils.ts +1 -1
  1286. package/src/components/Spacing/Spacing.tsx +2 -2
  1287. package/src/components/Spinner/Spinner.tsx +4 -4
  1288. package/src/components/SplitCol/SplitCol.tsx +7 -7
  1289. package/src/components/SplitLayout/SplitLayout.tsx +15 -9
  1290. package/src/components/SubnavigationBar/SubnavigationBar.tsx +2 -2
  1291. package/src/components/SubnavigationButton/SubnavigationButton.tsx +8 -8
  1292. package/src/components/Switch/Switch.tsx +15 -9
  1293. package/src/components/Tabbar/Tabbar.tsx +2 -2
  1294. package/src/components/TabbarItem/TabbarItem.tsx +3 -3
  1295. package/src/components/Tabs/Tabs.tsx +7 -7
  1296. package/src/components/Tabs/TabsModeContext.ts +1 -1
  1297. package/src/components/TabsItem/TabsItem.tsx +5 -5
  1298. package/src/components/Tappable/Tappable.tsx +3 -3
  1299. package/src/components/Tappable/state.tsx +2 -2
  1300. package/src/components/Textarea/Textarea.tsx +14 -10
  1301. package/src/components/ToolButton/ToolButton.tsx +4 -4
  1302. package/src/components/Tooltip/Tooltip.tsx +6 -6
  1303. package/src/components/TooltipBase/TooltipBase.tsx +10 -10
  1304. package/src/components/Touch/Touch.tsx +16 -16
  1305. package/src/components/Typography/Caption/Caption.tsx +1 -1
  1306. package/src/components/Typography/DisplayTitle/DisplayTitle.tsx +1 -1
  1307. package/src/components/Typography/EllipsisText/EllipsisText.tsx +3 -3
  1308. package/src/components/Typography/Headline/Headline.tsx +1 -1
  1309. package/src/components/Typography/Title/Title.tsx +1 -1
  1310. package/src/components/Typography/Typography.tsx +6 -6
  1311. package/src/components/UnstyledTextField/UnstyledTextField.tsx +1 -1
  1312. package/src/components/UsersStack/UsersStack.tsx +6 -6
  1313. package/src/components/View/View.module.css +1 -3
  1314. package/src/components/View/View.module.css.d.ts.map +1 -1
  1315. package/src/components/View/View.tsx +4 -4
  1316. package/src/components/View/ViewInfinite.tsx +11 -11
  1317. package/src/components/WriteBar/WriteBar.tsx +21 -15
  1318. package/src/components/WriteBarIcon/WriteBarIcon.tsx +3 -3
  1319. package/src/helpers/math.ts +1 -1
  1320. package/src/hooks/useAdaptivityWithJSMediaQueries.ts +3 -1
  1321. package/src/hooks/useAutoDetectColorScheme.ts +8 -30
  1322. package/src/hooks/useCalendar.ts +2 -2
  1323. package/src/hooks/useDateInput.ts +5 -5
  1324. package/src/hooks/useDraggableWithDomApi/types.ts +1 -1
  1325. package/src/hooks/useEnsuredControl.ts +4 -4
  1326. package/src/hooks/useFloatingElement.tsx +4 -4
  1327. package/src/hooks/useFocusTrap/FocusGuard.tsx +1 -1
  1328. package/src/hooks/useFocusTrap/useFocusTrap.tsx +17 -15
  1329. package/src/hooks/useFocusVisibleClassName.ts +3 -3
  1330. package/src/hooks/useGlobalEscKeyDown.ts +2 -2
  1331. package/src/hooks/useMediaQueryMatch.ts +34 -0
  1332. package/src/hooks/useMergeProps.ts +2 -2
  1333. package/src/hooks/useModalManager/types.ts +8 -8
  1334. package/src/hooks/usePagination.ts +4 -4
  1335. package/src/hooks/usePatchChildren.ts +1 -1
  1336. package/src/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.tsx → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.tsx} +3 -3
  1337. package/src/hooks/useSnackbarManager/components/SnackbarHolder.tsx +6 -2
  1338. package/src/hooks/useSnackbarManager/components/{SnackbarsContainer.tsx → SnackbarsContainer/SnackbarsContainer.tsx} +6 -6
  1339. package/src/hooks/useSnackbarManager/types.ts +11 -11
  1340. package/src/hooks/useSyncHTMLWithBaseVKUIClasses.ts +1 -1
  1341. package/src/index.ts +6 -2
  1342. package/src/lib/SSR.tsx +4 -4
  1343. package/src/lib/accessibility.ts +1 -1
  1344. package/src/lib/adaptivity/functions.ts +10 -1
  1345. package/src/lib/animation/useCSSKeyframesAnimationController.ts +6 -6
  1346. package/src/lib/animation/useCSSTransition.ts +15 -13
  1347. package/src/lib/animation/useReducedMotion.ts +2 -25
  1348. package/src/lib/calendar.ts +5 -2
  1349. package/src/lib/date.ts +11 -11
  1350. package/src/lib/dom.tsx +2 -2
  1351. package/src/lib/floating/functions.ts +2 -2
  1352. package/src/lib/floating/types/component.ts +9 -9
  1353. package/src/lib/floating/useFloatingMiddlewaresBootstrap/index.ts +26 -19
  1354. package/src/lib/floating/useFloatingWithInteractions/types.ts +15 -15
  1355. package/src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts +2 -2
  1356. package/src/lib/getNavId.ts +2 -2
  1357. package/src/lib/layouts/layoutProps.ts +5 -0
  1358. package/src/lib/layouts/resolveLayoutProps.ts +3 -3
  1359. package/src/lib/layouts/types.ts +40 -27
  1360. package/src/lib/select.ts +2 -2
  1361. package/src/lib/sheet/useBottomSheet.ts +4 -4
  1362. package/src/lib/tokens/TokensClassProvider.tsx +1 -1
  1363. package/src/lib/tokens/types.ts +2 -2
  1364. package/src/lib/utils.ts +8 -3
  1365. package/src/types.ts +18 -10
  1366. package/dist/components/DropZone/components/DropZoneGrid.d.ts.map +0 -1
  1367. package/dist/components/DropZone/components/DropZoneGrid.js.map +0 -1
  1368. package/dist/cssm/components/DropZone/components/DropZoneGrid.js.map +0 -1
  1369. package/dist/cssm/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper.js.map +0 -1
  1370. package/dist/cssm/hooks/useSnackbarManager/components/SnackbarsContainer.js.map +0 -1
  1371. package/dist/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper.d.ts.map +0 -1
  1372. package/dist/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper.js.map +0 -1
  1373. package/dist/hooks/useSnackbarManager/components/SnackbarsContainer.d.ts.map +0 -1
  1374. package/dist/hooks/useSnackbarManager/components/SnackbarsContainer.js.map +0 -1
  1375. /package/dist/cssm/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.js +0 -0
  1376. /package/dist/cssm/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.module.css +0 -0
  1377. /package/dist/cssm/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.module.css → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.module.css} +0 -0
  1378. /package/dist/cssm/hooks/useSnackbarManager/components/{SnackbarsContainer.module.css → SnackbarsContainer/SnackbarsContainer.module.css} +0 -0
  1379. /package/src/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.module.css +0 -0
  1380. /package/src/components/DropZone/{components → DropZoneGrid}/DropZoneGrid.module.css.d.ts.map +0 -0
  1381. /package/src/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.module.css → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.module.css} +0 -0
  1382. /package/src/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.module.css.d.ts.map → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.module.css.d.ts.map} +0 -0
  1383. /package/src/hooks/useSnackbarManager/components/{SnackbarsContainer.module.css → SnackbarsContainer/SnackbarsContainer.module.css} +0 -0
  1384. /package/src/hooks/useSnackbarManager/components/{SnackbarsContainer.module.css.d.ts.map → SnackbarsContainer/SnackbarsContainer.module.css.d.ts.map} +0 -0
@@ -5,7 +5,7 @@ type OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> & Ha
5
5
  /**
6
6
  * Фиксированное отображение тултипа.
7
7
  */
8
- fixed?: boolean;
8
+ fixed?: boolean | undefined;
9
9
  };
10
10
  export declare const OnboardingTooltipContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>>;
11
11
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"OnboardingTooltipContainer.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAElF,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzE,YAAY,GACZ,gBAAgB,GAAG;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,yBAAyB,CACtE,KAAK,CAAC,eAAe,CAAC,+BAA+B,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAU7F,CAAC"}
1
+ {"version":3,"file":"OnboardingTooltipContainer.d.ts","sourceRoot":"","sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,eAAO,MAAM,8BAA8B,sCAAsC,CAAC;AAElF,KAAK,+BAA+B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzE,YAAY,GACZ,gBAAgB,GAAG;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEJ,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,yBAAyB,CACtE,KAAK,CAAC,eAAe,CAAC,+BAA+B,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAU7F,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasDataAttribute } from '../../types';\n\nexport const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';\n\ntype OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &\n HasComponent &\n HasDataAttribute & {\n /**\n * Фиксированное отображение тултипа.\n */\n fixed?: boolean;\n };\n\nexport const OnboardingTooltipContainer: React.ForwardRefExoticComponent<\n React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>\n // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\n> = React.forwardRef<HTMLDivElement, OnboardingTooltipContainerProps>(\n ({ fixed = false, Component = 'div', ...props }, ref) => {\n const dataProps = {\n [onboardingTooltipContainerAttr]: fixed ? 'fixed' : 'true',\n };\n\n return <Component {...dataProps} {...props} ref={ref} />;\n },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(OnboardingTooltipContainer, 'OnboardingTooltipContainer');\n}\n"],"names":["React","defineComponentDisplayNames","onboardingTooltipContainerAttr","OnboardingTooltipContainer","forwardRef","fixed","Component","props","ref","dataProps","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAG1F,OAAO,MAAMC,iCAAiC,oCAAoC;AAWlF,OAAO,MAAMC,2CAGTH,MAAMI,UAAU,CAClB,CAAC,EAAEC,QAAQ,KAAK,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAO,EAAEC;IAC/C,MAAMC,YAAY;QAChB,CAACP,+BAA+B,EAAEG,QAAQ,UAAU;IACtD;IAEA,qBAAO,KAACC;QAAW,GAAGG,SAAS;QAAG,GAAGF,KAAK;QAAEC,KAAKA;;AACnD,GACA;AAEF,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCX,4BAA4BE,4BAA4B;AAC1D"}
1
+ {"version":3,"sources":["../../../src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasDataAttribute } from '../../types';\n\nexport const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';\n\ntype OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &\n HasComponent &\n HasDataAttribute & {\n /**\n * Фиксированное отображение тултипа.\n */\n fixed?: boolean | undefined;\n };\n\nexport const OnboardingTooltipContainer: React.ForwardRefExoticComponent<\n React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>\n // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\n> = React.forwardRef<HTMLDivElement, OnboardingTooltipContainerProps>(\n ({ fixed = false, Component = 'div', ...props }, ref) => {\n const dataProps = {\n [onboardingTooltipContainerAttr]: fixed ? 'fixed' : 'true',\n };\n\n return <Component {...dataProps} {...props} ref={ref} />;\n },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(OnboardingTooltipContainer, 'OnboardingTooltipContainer');\n}\n"],"names":["React","defineComponentDisplayNames","onboardingTooltipContainerAttr","OnboardingTooltipContainer","forwardRef","fixed","Component","props","ref","dataProps","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAG1F,OAAO,MAAMC,iCAAiC,oCAAoC;AAWlF,OAAO,MAAMC,2CAGTH,MAAMI,UAAU,CAClB,CAAC,EAAEC,QAAQ,KAAK,EAAEC,YAAY,KAAK,EAAE,GAAGC,OAAO,EAAEC;IAC/C,MAAMC,YAAY;QAChB,CAACP,+BAA+B,EAAEG,QAAQ,UAAU;IACtD;IAEA,qBAAO,KAACC;QAAW,GAAGG,SAAS;QAAG,GAAGF,KAAK;QAAEC,KAAKA;;AACnD,GACA;AAEF,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCX,4BAA4BE,4BAA4B;AAC1D"}
@@ -7,35 +7,35 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
7
7
  /**
8
8
  * Текущая страница.
9
9
  */
10
- currentPage?: number;
10
+ currentPage?: number | undefined;
11
11
  /**
12
12
  * Кол-во всегда видимых страниц по краям текущей страницы.
13
13
  */
14
- siblingCount?: number;
14
+ siblingCount?: number | undefined;
15
15
  /**
16
16
  * Кол-во всегда видимых страниц в начале и в конце.
17
17
  */
18
- boundaryCount?: number;
18
+ boundaryCount?: number | undefined;
19
19
  /**
20
20
  * Общее кол-во страниц.
21
21
  */
22
- totalPages?: number;
22
+ totalPages?: number | undefined;
23
23
  /**
24
24
  * Блокировка взаимодействия с компонентом.
25
25
  */
26
- disabled?: boolean;
26
+ disabled?: boolean | undefined;
27
27
  /**
28
28
  * Декоративный текст для кнопки навигации назад.
29
29
  *
30
30
  * > Note: Экранные дикторы будут использовать `prevButtonLabel`.
31
31
  */
32
- prevButtonCaption?: string;
32
+ prevButtonCaption?: string | undefined;
33
33
  /**
34
34
  * Декоративный текст для кнопки навигации вперёд.
35
35
  *
36
36
  * > Note: Экранные дикторы будут использовать `nextButtonLabel`.
37
37
  */
38
- nextButtonCaption?: string;
38
+ nextButtonCaption?: string | undefined;
39
39
  /**
40
40
  * Задаёт стиль отображения кнопок навигации.
41
41
  *
@@ -43,23 +43,23 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
43
43
  * - `caption` – показывать только подпись;
44
44
  * - `both` – показывать и иконку, и подпись.
45
45
  */
46
- navigationButtonsStyle?: PaginationNavigationButtonProps['style'];
46
+ navigationButtonsStyle?: PaginationNavigationButtonProps['style'] | undefined;
47
47
  /**
48
48
  * [a11y] Метка для обозначения блока навигации.
49
49
  */
50
- navigationLabel?: string;
50
+ navigationLabel?: string | undefined;
51
51
  /**
52
52
  * Тип элемента отрисовки блока навигации.
53
53
  */
54
- navigationLabelComponent?: HasComponent['Component'];
54
+ navigationLabelComponent?: HasComponent['Component'] | undefined;
55
55
  /**
56
56
  * [a11y] Метка для кнопки навигации назад.
57
57
  */
58
- prevButtonLabel?: string;
58
+ prevButtonLabel?: string | undefined;
59
59
  /**
60
60
  * [a11y] Метка для кнопки навигации вперёд.
61
61
  */
62
- nextButtonLabel?: string;
62
+ nextButtonLabel?: string | undefined;
63
63
  /**
64
64
  * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.
65
65
  *
@@ -69,35 +69,35 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
69
69
  * Дополнительная информация скорее будет избыточна,
70
70
  * так как будет зачитываться для каждой кнопки при перемещении по списку.
71
71
  */
72
- getPageLabel?: (isCurrent: boolean) => string;
72
+ getPageLabel?: ((isCurrent: boolean) => string) | undefined;
73
73
  /**
74
74
  * Обработчик изменения выбранной страницы.
75
75
  */
76
- onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;
76
+ onChange?: ((page: number, event: React.MouseEvent<HTMLElement>) => void) | undefined;
77
77
  /**
78
78
  * Функция для кастомного рендера кнопок страниц.
79
79
  *
80
80
  * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).
81
81
  */
82
- renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
82
+ renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;
83
83
  /**
84
84
  Функция для кастомного рендера кнопок навигации `prev` и `next`.
85
85
  *
86
86
  * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).
87
87
  */
88
- renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
88
+ renderNavigationButton?: ((props: CustomPaginationNavigationButton) => React.ReactNode) | undefined;
89
89
  /**
90
90
  * Передает атрибут `data-testid` для кнопок страниц.
91
91
  */
92
- pageButtonTestId?: (day: PaginationPageType, active: boolean) => string;
92
+ pageButtonTestId?: ((day: PaginationPageType | undefined, active: boolean) => string) | undefined;
93
93
  /**
94
94
  * Передает атрибут `data-testid` для кнопки `prev`.
95
95
  */
96
- prevButtonTestId?: string;
96
+ prevButtonTestId?: string | undefined;
97
97
  /**
98
98
  * Передает атрибут `data-testid` для кнопки `next`.
99
99
  */
100
- nextButtonTestId?: string;
100
+ nextButtonTestId?: string | undefined;
101
101
  }
102
102
  /**
103
103
  * @see https://vkui.io/components/pagination
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG3E,OAAO,EACL,KAAK,gCAAgC,EAErC,KAAK,+BAA+B,EACrC,MAAM,yDAAyD,CAAC;AACjE,OAAO,EACL,KAAK,+BAA+B,EAErC,MAAM,uCAAuC,CAAC;AAI/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAClE;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,wBAAwB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtF;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IACxE;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,sVAqBxB,eAAe,KAAG,KAAK,CAAC,SA0H1B,CAAC"}
1
+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,kBAAkB,EAAiB,MAAM,2BAA2B,CAAC;AACnF,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG3E,OAAO,EACL,KAAK,gCAAgC,EAErC,KAAK,+BAA+B,EACrC,MAAM,yDAAyD,CAAC;AACjE,OAAO,EACL,KAAK,+BAA+B,EAErC,MAAM,uCAAuC,CAAC;AAI/C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC/F;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAC9E;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,wBAAwB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACjE;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtF;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC7F;;;;OAIG;IACH,sBAAsB,CAAC,EACnB,CAAC,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC,GAC9D,SAAS,CAAC;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,kBAAkB,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAClG;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,sVAqBxB,eAAe,KAAG,KAAK,CAAC,SA0H1B,CAAC"}
@@ -108,11 +108,15 @@ import { PaginationPageEllipsis } from "./PaginationPage/PaginationPageEllipsis.
108
108
  caption: prevButtonCaption,
109
109
  Icon: isRtl ? Icon24ChevronCompactRight : Icon24ChevronCompactLeft,
110
110
  a11yLabel: prevButtonLabel,
111
- disabled: isFirstPage || disabled,
111
+ disabled: isFirstPage || disabled === true,
112
112
  onClick: handlePrevClick,
113
113
  "data-page": prevPage,
114
- "data-testid": prevButtonTestId,
115
- renderNavigationButton: renderNavigationButton
114
+ ...prevButtonTestId !== undefined && {
115
+ 'data-testid': prevButtonTestId
116
+ },
117
+ ...renderNavigationButton !== undefined && {
118
+ renderNavigationButton
119
+ }
116
120
  })
117
121
  }),
118
122
  pages.map(renderPages),
@@ -124,11 +128,15 @@ import { PaginationPageEllipsis } from "./PaginationPage/PaginationPageEllipsis.
124
128
  caption: nextButtonCaption,
125
129
  Icon: isRtl ? Icon24ChevronCompactLeft : Icon24ChevronCompactRight,
126
130
  a11yLabel: nextButtonLabel,
127
- disabled: isLastPage || disabled,
131
+ disabled: isLastPage || disabled === true,
128
132
  onClick: handleNextClick,
129
133
  "data-page": nextPage,
130
- "data-testid": nextButtonTestId,
131
- renderNavigationButton: renderNavigationButton
134
+ ...nextButtonTestId !== undefined && {
135
+ 'data-testid': nextButtonTestId
136
+ },
137
+ ...renderNavigationButton !== undefined && {
138
+ renderNavigationButton
139
+ }
132
140
  })
133
141
  })
134
142
  ]
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { type PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport {\n type CustomPaginationNavigationButton,\n PaginationNavigationButton,\n type PaginationNavigationButtonProps,\n} from './PaginationNavigationButton/PaginationNavigationButton';\nimport {\n type CustomPaginationPageButtonProps,\n PaginationPageButton,\n} from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\n /**\n * Текущая страница.\n */\n currentPage?: number;\n /**\n * Кол-во всегда видимых страниц по краям текущей страницы.\n */\n siblingCount?: number;\n /**\n * Кол-во всегда видимых страниц в начале и в конце.\n */\n boundaryCount?: number;\n /**\n * Общее кол-во страниц.\n */\n totalPages?: number;\n /**\n * Блокировка взаимодействия с компонентом.\n */\n disabled?: boolean;\n /**\n * Декоративный текст для кнопки навигации назад.\n *\n * > Note: Экранные дикторы будут использовать `prevButtonLabel`.\n */\n prevButtonCaption?: string;\n /**\n * Декоративный текст для кнопки навигации вперёд.\n *\n * > Note: Экранные дикторы будут использовать `nextButtonLabel`.\n */\n nextButtonCaption?: string;\n /**\n * Задаёт стиль отображения кнопок навигации.\n *\n * - `icon` – показывать только иконку;\n * - `caption` – показывать только подпись;\n * - `both` – показывать и иконку, и подпись.\n */\n navigationButtonsStyle?: PaginationNavigationButtonProps['style'];\n /**\n * [a11y] Метка для обозначения блока навигации.\n */\n navigationLabel?: string;\n /**\n * Тип элемента отрисовки блока навигации.\n */\n navigationLabelComponent?: HasComponent['Component'];\n /**\n * [a11y] Метка для кнопки навигации назад.\n */\n prevButtonLabel?: string;\n /**\n * [a11y] Метка для кнопки навигации вперёд.\n */\n nextButtonLabel?: string;\n /**\n * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.\n *\n * > Note: По возможности лучше не использовать,\n * так как компонент и так проставляет номер страницы в разметку,\n * что достаточно для пользователей скринридеров.\n * Дополнительная информация скорее будет избыточна,\n * так как будет зачитываться для каждой кнопки при перемещении по списку.\n */\n getPageLabel?: (isCurrent: boolean) => string;\n /**\n * Обработчик изменения выбранной страницы.\n */\n onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;\n /**\n * Функция для кастомного рендера кнопок страниц.\n *\n * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).\n */\n renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n /**\n Функция для кастомного рендера кнопок навигации `prev` и `next`.\n *\n * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).\n */\n renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n /**\n * Передает атрибут `data-testid` для кнопок страниц.\n */\n pageButtonTestId?: (day: PaginationPageType, active: boolean) => string;\n /**\n * Передает атрибут `data-testid` для кнопки `prev`.\n */\n prevButtonTestId?: string;\n /**\n * Передает атрибут `data-testid` для кнопки `next`.\n */\n nextButtonTestId?: string;\n}\n\n/**\n * @see https://vkui.io/components/pagination\n */\nexport const Pagination = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n prevButtonCaption = 'Назад',\n nextButtonCaption = 'Вперёд',\n navigationButtonsStyle = 'icon',\n getPageLabel,\n navigationLabel = 'Страницы',\n navigationLabelComponent = 'h2',\n prevButtonLabel = 'Перейти на предыдущую страницу',\n nextButtonLabel = 'Перейти на следующую страницу',\n onChange,\n renderPageButton,\n pageButtonTestId,\n prevButtonTestId,\n nextButtonTestId,\n renderNavigationButton,\n ...resetProps\n}: PaginationProps): React.ReactNode => {\n const direction = useConfigDirection();\n const isRtl = direction === 'rtl';\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n const prevPage = isFirstPage ? undefined : currentPage - 1;\n const nextPage = isLastPage ? undefined : currentPage + 1;\n\n const handlePrevClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n if (onChange && prevPage !== undefined) {\n onChange(prevPage, event);\n }\n },\n [prevPage, onChange],\n );\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page || '1';\n onChange?.(Number(page), event);\n },\n [onChange],\n );\n\n const handleNextClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n if (onChange && nextPage !== undefined) {\n onChange(nextPage, event);\n }\n },\n [nextPage, onChange],\n );\n\n const { density } = useAdaptivity();\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n const isCurrent = page === currentPage;\n const dataTestId = pageButtonTestId?.(page, isCurrent);\n\n switch (page) {\n case 'start-ellipsis':\n case 'end-ellipsis':\n return (\n <li key={page}>\n <PaginationPageEllipsis disabled={disabled} data-testid={dataTestId} />\n </li>\n );\n default: {\n return (\n <li key={page}>\n <PaginationPageButton\n getPageLabel={getPageLabel}\n isCurrent={isCurrent}\n onClick={handleClick}\n disabled={disabled}\n density={density}\n renderPageButton={renderPageButton}\n data-testid={dataTestId}\n >\n {page}\n </PaginationPageButton>\n </li>\n );\n }\n }\n },\n [currentPage, disabled, getPageLabel, handleClick, renderPageButton, density, pageButtonTestId],\n );\n\n const navigationLabelId = React.useId();\n\n return (\n <RootComponent\n Component=\"nav\"\n role=\"navigation\"\n aria-labelledby={navigationLabelId}\n {...resetProps}\n >\n <VisuallyHidden id={navigationLabelId} Component={navigationLabelComponent}>\n {navigationLabel}\n </VisuallyHidden>\n <ul className={styles.list}>\n <li className={styles.prevButtonContainer}>\n <PaginationNavigationButton\n type=\"prev\"\n style={navigationButtonsStyle}\n caption={prevButtonCaption}\n Icon={isRtl ? Icon24ChevronCompactRight : Icon24ChevronCompactLeft}\n a11yLabel={prevButtonLabel}\n disabled={isFirstPage || disabled}\n onClick={handlePrevClick}\n data-page={prevPage}\n data-testid={prevButtonTestId}\n renderNavigationButton={renderNavigationButton}\n />\n </li>\n {pages.map(renderPages)}\n <li className={styles.nextButtonContainer}>\n <PaginationNavigationButton\n type=\"next\"\n style={navigationButtonsStyle}\n caption={nextButtonCaption}\n Icon={isRtl ? Icon24ChevronCompactLeft : Icon24ChevronCompactRight}\n a11yLabel={nextButtonLabel}\n disabled={isLastPage || disabled}\n onClick={handleNextClick}\n data-page={nextPage}\n data-testid={nextButtonTestId}\n renderNavigationButton={renderNavigationButton}\n />\n </li>\n </ul>\n </RootComponent>\n );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","useAdaptivity","useConfigDirection","usePagination","RootComponent","VisuallyHidden","PaginationNavigationButton","PaginationPageButton","PaginationPageEllipsis","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","prevButtonCaption","nextButtonCaption","navigationButtonsStyle","getPageLabel","navigationLabel","navigationLabelComponent","prevButtonLabel","nextButtonLabel","onChange","renderPageButton","pageButtonTestId","prevButtonTestId","nextButtonTestId","renderNavigationButton","resetProps","direction","isRtl","pages","isFirstPage","isLastPage","prevPage","undefined","nextPage","handlePrevClick","useCallback","event","handleClick","page","currentTarget","dataset","Number","handleNextClick","density","renderPages","isCurrent","dataTestId","li","data-testid","onClick","navigationLabelId","useId","Component","role","aria-labelledby","id","ul","className","type","style","caption","Icon","a11yLabel","data-page","map"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAAkCC,aAAa,QAAQ,+BAA4B;AAEnF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,cAAc,QAAQ,sCAAmC;AAClE,SAEEC,0BAA0B,QAErB,6DAA0D;AACjE,SAEEC,oBAAoB,QACf,2CAAwC;AAC/C,SAASC,sBAAsB,QAAQ,6CAA0C;AAoGjF;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,aAAa,CAAC,EACdC,QAAQ,EACRC,oBAAoB,OAAO,EAC3BC,oBAAoB,QAAQ,EAC5BC,yBAAyB,MAAM,EAC/BC,YAAY,EACZC,kBAAkB,UAAU,EAC5BC,2BAA2B,IAAI,EAC/BC,kBAAkB,gCAAgC,EAClDC,kBAAkB,+BAA+B,EACjDC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,sBAAsB,EACtB,GAAGC,YACa;IAChB,MAAMC,YAAY5B;IAClB,MAAM6B,QAAQD,cAAc;IAC5B,MAAME,QAAQ7B,cAAc;QAC1BO;QACAG;QACAF;QACAC;IACF;IACA,MAAMqB,cAAcvB,gBAAgB;IACpC,MAAMwB,aAAaxB,gBAAgBG;IACnC,MAAMsB,WAAWF,cAAcG,YAAY1B,cAAc;IACzD,MAAM2B,WAAWH,aAAaE,YAAY1B,cAAc;IAExD,MAAM4B,kBAAkBxC,MAAMyC,WAAW,CACvC,CAACC;QACC,IAAIjB,YAAYY,aAAaC,WAAW;YACtCb,SAASY,UAAUK;QACrB;IACF,GACA;QAACL;QAAUZ;KAAS;IAGtB,MAAMkB,cAAc3C,MAAMyC,WAAW,CACnC,CAACC;QACC,MAAME,OAAeF,MAAMG,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;QACzDnB,WAAWsB,OAAOH,OAAOF;IAC3B,GACA;QAACjB;KAAS;IAGZ,MAAMuB,kBAAkBhD,MAAMyC,WAAW,CACvC,CAACC;QACC,IAAIjB,YAAYc,aAAaD,WAAW;YACtCb,SAASc,UAAUG;QACrB;IACF,GACA;QAACH;QAAUd;KAAS;IAGtB,MAAM,EAAEwB,OAAO,EAAE,GAAG9C;IAEpB,MAAM+C,cAAclD,MAAMyC,WAAW,CACnC,CAACG;QACC,MAAMO,YAAYP,SAAShC;QAC3B,MAAMwC,aAAazB,mBAAmBiB,MAAMO;QAE5C,OAAQP;YACN,KAAK;YACL,KAAK;gBACH,qBACE,KAACS;8BACC,cAAA,KAAC3C;wBAAuBM,UAAUA;wBAAUsC,eAAaF;;mBADlDR;YAIb;gBAAS;oBACP,qBACE,KAACS;kCACC,cAAA,KAAC5C;4BACCW,cAAcA;4BACd+B,WAAWA;4BACXI,SAASZ;4BACT3B,UAAUA;4BACViC,SAASA;4BACTvB,kBAAkBA;4BAClB4B,eAAaF;sCAEZR;;uBAVIA;gBAcb;QACF;IACF,GACA;QAAChC;QAAaI;QAAUI;QAAcuB;QAAajB;QAAkBuB;QAAStB;KAAiB;IAGjG,MAAM6B,oBAAoBxD,MAAMyD,KAAK;IAErC,qBACE,MAACnD;QACCoD,WAAU;QACVC,MAAK;QACLC,mBAAiBJ;QAChB,GAAGzB,UAAU;;0BAEd,KAACxB;gBAAesD,IAAIL;gBAAmBE,WAAWpC;0BAC/CD;;0BAEH,MAACyC;gBAAGC,SAAS;;kCACX,KAACV;wBAAGU,SAAS;kCACX,cAAA,KAACvD;4BACCwD,MAAK;4BACLC,OAAO9C;4BACP+C,SAASjD;4BACTkD,MAAMlC,QAAQ/B,4BAA4BD;4BAC1CmE,WAAW7C;4BACXP,UAAUmB,eAAenB;4BACzBuC,SAASf;4BACT6B,aAAWhC;4BACXiB,eAAa1B;4BACbE,wBAAwBA;;;oBAG3BI,MAAMoC,GAAG,CAACpB;kCACX,KAACG;wBAAGU,SAAS;kCACX,cAAA,KAACvD;4BACCwD,MAAK;4BACLC,OAAO9C;4BACP+C,SAAShD;4BACTiD,MAAMlC,QAAQhC,2BAA2BC;4BACzCkE,WAAW5C;4BACXR,UAAUoB,cAAcpB;4BACxBuC,SAASP;4BACTqB,aAAW9B;4BACXe,eAAazB;4BACbC,wBAAwBA;;;;;;;AAMpC,EAAE"}
1
+ {"version":3,"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from '@vkontakte/icons';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { type PaginationPageType, usePagination } from '../../hooks/usePagination';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport {\n type CustomPaginationNavigationButton,\n PaginationNavigationButton,\n type PaginationNavigationButtonProps,\n} from './PaginationNavigationButton/PaginationNavigationButton';\nimport {\n type CustomPaginationPageButtonProps,\n PaginationPageButton,\n} from './PaginationPage/PaginationPageButton';\nimport { PaginationPageEllipsis } from './PaginationPage/PaginationPageEllipsis';\nimport styles from './Pagination.module.css';\n\nexport interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElement>, 'onChange'> {\n /**\n * Текущая страница.\n */\n currentPage?: number | undefined;\n /**\n * Кол-во всегда видимых страниц по краям текущей страницы.\n */\n siblingCount?: number | undefined;\n /**\n * Кол-во всегда видимых страниц в начале и в конце.\n */\n boundaryCount?: number | undefined;\n /**\n * Общее кол-во страниц.\n */\n totalPages?: number | undefined;\n /**\n * Блокировка взаимодействия с компонентом.\n */\n disabled?: boolean | undefined;\n /**\n * Декоративный текст для кнопки навигации назад.\n *\n * > Note: Экранные дикторы будут использовать `prevButtonLabel`.\n */\n prevButtonCaption?: string | undefined;\n /**\n * Декоративный текст для кнопки навигации вперёд.\n *\n * > Note: Экранные дикторы будут использовать `nextButtonLabel`.\n */\n nextButtonCaption?: string | undefined;\n /**\n * Задаёт стиль отображения кнопок навигации.\n *\n * - `icon` – показывать только иконку;\n * - `caption` – показывать только подпись;\n * - `both` – показывать и иконку, и подпись.\n */\n navigationButtonsStyle?: PaginationNavigationButtonProps['style'] | undefined;\n /**\n * [a11y] Метка для обозначения блока навигации.\n */\n navigationLabel?: string | undefined;\n /**\n * Тип элемента отрисовки блока навигации.\n */\n navigationLabelComponent?: HasComponent['Component'] | undefined;\n /**\n * [a11y] Метка для кнопки навигации назад.\n */\n prevButtonLabel?: string | undefined;\n /**\n * [a11y] Метка для кнопки навигации вперёд.\n */\n nextButtonLabel?: string | undefined;\n /**\n * [a11y] Функция для переопределения и/или локализации метки кнопки страницы.\n *\n * > Note: По возможности лучше не использовать,\n * так как компонент и так проставляет номер страницы в разметку,\n * что достаточно для пользователей скринридеров.\n * Дополнительная информация скорее будет избыточна,\n * так как будет зачитываться для каждой кнопки при перемещении по списку.\n */\n getPageLabel?: ((isCurrent: boolean) => string) | undefined;\n /**\n * Обработчик изменения выбранной страницы.\n */\n onChange?: ((page: number, event: React.MouseEvent<HTMLElement>) => void) | undefined;\n /**\n * Функция для кастомного рендера кнопок страниц.\n *\n * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).\n */\n renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;\n /**\n Функция для кастомного рендера кнопок навигации `prev` и `next`.\n *\n * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).\n */\n renderNavigationButton?:\n | ((props: CustomPaginationNavigationButton) => React.ReactNode)\n | undefined;\n /**\n * Передает атрибут `data-testid` для кнопок страниц.\n */\n pageButtonTestId?: ((day: PaginationPageType | undefined, active: boolean) => string) | undefined;\n /**\n * Передает атрибут `data-testid` для кнопки `prev`.\n */\n prevButtonTestId?: string | undefined;\n /**\n * Передает атрибут `data-testid` для кнопки `next`.\n */\n nextButtonTestId?: string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/pagination\n */\nexport const Pagination = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n prevButtonCaption = 'Назад',\n nextButtonCaption = 'Вперёд',\n navigationButtonsStyle = 'icon',\n getPageLabel,\n navigationLabel = 'Страницы',\n navigationLabelComponent = 'h2',\n prevButtonLabel = 'Перейти на предыдущую страницу',\n nextButtonLabel = 'Перейти на следующую страницу',\n onChange,\n renderPageButton,\n pageButtonTestId,\n prevButtonTestId,\n nextButtonTestId,\n renderNavigationButton,\n ...resetProps\n}: PaginationProps): React.ReactNode => {\n const direction = useConfigDirection();\n const isRtl = direction === 'rtl';\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n const prevPage = isFirstPage ? undefined : currentPage - 1;\n const nextPage = isLastPage ? undefined : currentPage + 1;\n\n const handlePrevClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n if (onChange && prevPage !== undefined) {\n onChange(prevPage, event);\n }\n },\n [prevPage, onChange],\n );\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page || '1';\n onChange?.(Number(page), event);\n },\n [onChange],\n );\n\n const handleNextClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n if (onChange && nextPage !== undefined) {\n onChange(nextPage, event);\n }\n },\n [nextPage, onChange],\n );\n\n const { density } = useAdaptivity();\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n const isCurrent = page === currentPage;\n const dataTestId = pageButtonTestId?.(page, isCurrent);\n\n switch (page) {\n case 'start-ellipsis':\n case 'end-ellipsis':\n return (\n <li key={page}>\n <PaginationPageEllipsis disabled={disabled} data-testid={dataTestId} />\n </li>\n );\n default: {\n return (\n <li key={page}>\n <PaginationPageButton\n getPageLabel={getPageLabel}\n isCurrent={isCurrent}\n onClick={handleClick}\n disabled={disabled}\n density={density}\n renderPageButton={renderPageButton}\n data-testid={dataTestId}\n >\n {page}\n </PaginationPageButton>\n </li>\n );\n }\n }\n },\n [currentPage, disabled, getPageLabel, handleClick, renderPageButton, density, pageButtonTestId],\n );\n\n const navigationLabelId = React.useId();\n\n return (\n <RootComponent\n Component=\"nav\"\n role=\"navigation\"\n aria-labelledby={navigationLabelId}\n {...resetProps}\n >\n <VisuallyHidden id={navigationLabelId} Component={navigationLabelComponent}>\n {navigationLabel}\n </VisuallyHidden>\n <ul className={styles.list}>\n <li className={styles.prevButtonContainer}>\n <PaginationNavigationButton\n type=\"prev\"\n style={navigationButtonsStyle}\n caption={prevButtonCaption}\n Icon={isRtl ? Icon24ChevronCompactRight : Icon24ChevronCompactLeft}\n a11yLabel={prevButtonLabel}\n disabled={isFirstPage || disabled === true}\n onClick={handlePrevClick}\n data-page={prevPage}\n {...(prevButtonTestId !== undefined && { 'data-testid': prevButtonTestId })}\n {...(renderNavigationButton !== undefined && { renderNavigationButton })}\n />\n </li>\n {pages.map(renderPages)}\n <li className={styles.nextButtonContainer}>\n <PaginationNavigationButton\n type=\"next\"\n style={navigationButtonsStyle}\n caption={nextButtonCaption}\n Icon={isRtl ? Icon24ChevronCompactLeft : Icon24ChevronCompactRight}\n a11yLabel={nextButtonLabel}\n disabled={isLastPage || disabled === true}\n onClick={handleNextClick}\n data-page={nextPage}\n {...(nextButtonTestId !== undefined && { 'data-testid': nextButtonTestId })}\n {...(renderNavigationButton !== undefined && { renderNavigationButton })}\n />\n </li>\n </ul>\n </RootComponent>\n );\n};\n"],"names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","useAdaptivity","useConfigDirection","usePagination","RootComponent","VisuallyHidden","PaginationNavigationButton","PaginationPageButton","PaginationPageEllipsis","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","prevButtonCaption","nextButtonCaption","navigationButtonsStyle","getPageLabel","navigationLabel","navigationLabelComponent","prevButtonLabel","nextButtonLabel","onChange","renderPageButton","pageButtonTestId","prevButtonTestId","nextButtonTestId","renderNavigationButton","resetProps","direction","isRtl","pages","isFirstPage","isLastPage","prevPage","undefined","nextPage","handlePrevClick","useCallback","event","handleClick","page","currentTarget","dataset","Number","handleNextClick","density","renderPages","isCurrent","dataTestId","li","data-testid","onClick","navigationLabelId","useId","Component","role","aria-labelledby","id","ul","className","type","style","caption","Icon","a11yLabel","data-page","map"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,yBAAyB,QAAQ,mBAAmB;AACvF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAAkCC,aAAa,QAAQ,+BAA4B;AAEnF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,cAAc,QAAQ,sCAAmC;AAClE,SAEEC,0BAA0B,QAErB,6DAA0D;AACjE,SAEEC,oBAAoB,QACf,2CAAwC;AAC/C,SAASC,sBAAsB,QAAQ,6CAA0C;AAsGjF;;CAEC,GACD,OAAO,MAAMC,aAAa,CAAC,EACzBC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,aAAa,CAAC,EACdC,QAAQ,EACRC,oBAAoB,OAAO,EAC3BC,oBAAoB,QAAQ,EAC5BC,yBAAyB,MAAM,EAC/BC,YAAY,EACZC,kBAAkB,UAAU,EAC5BC,2BAA2B,IAAI,EAC/BC,kBAAkB,gCAAgC,EAClDC,kBAAkB,+BAA+B,EACjDC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,sBAAsB,EACtB,GAAGC,YACa;IAChB,MAAMC,YAAY5B;IAClB,MAAM6B,QAAQD,cAAc;IAC5B,MAAME,QAAQ7B,cAAc;QAC1BO;QACAG;QACAF;QACAC;IACF;IACA,MAAMqB,cAAcvB,gBAAgB;IACpC,MAAMwB,aAAaxB,gBAAgBG;IACnC,MAAMsB,WAAWF,cAAcG,YAAY1B,cAAc;IACzD,MAAM2B,WAAWH,aAAaE,YAAY1B,cAAc;IAExD,MAAM4B,kBAAkBxC,MAAMyC,WAAW,CACvC,CAACC;QACC,IAAIjB,YAAYY,aAAaC,WAAW;YACtCb,SAASY,UAAUK;QACrB;IACF,GACA;QAACL;QAAUZ;KAAS;IAGtB,MAAMkB,cAAc3C,MAAMyC,WAAW,CACnC,CAACC;QACC,MAAME,OAAeF,MAAMG,aAAa,CAACC,OAAO,CAACF,IAAI,IAAI;QACzDnB,WAAWsB,OAAOH,OAAOF;IAC3B,GACA;QAACjB;KAAS;IAGZ,MAAMuB,kBAAkBhD,MAAMyC,WAAW,CACvC,CAACC;QACC,IAAIjB,YAAYc,aAAaD,WAAW;YACtCb,SAASc,UAAUG;QACrB;IACF,GACA;QAACH;QAAUd;KAAS;IAGtB,MAAM,EAAEwB,OAAO,EAAE,GAAG9C;IAEpB,MAAM+C,cAAclD,MAAMyC,WAAW,CACnC,CAACG;QACC,MAAMO,YAAYP,SAAShC;QAC3B,MAAMwC,aAAazB,mBAAmBiB,MAAMO;QAE5C,OAAQP;YACN,KAAK;YACL,KAAK;gBACH,qBACE,KAACS;8BACC,cAAA,KAAC3C;wBAAuBM,UAAUA;wBAAUsC,eAAaF;;mBADlDR;YAIb;gBAAS;oBACP,qBACE,KAACS;kCACC,cAAA,KAAC5C;4BACCW,cAAcA;4BACd+B,WAAWA;4BACXI,SAASZ;4BACT3B,UAAUA;4BACViC,SAASA;4BACTvB,kBAAkBA;4BAClB4B,eAAaF;sCAEZR;;uBAVIA;gBAcb;QACF;IACF,GACA;QAAChC;QAAaI;QAAUI;QAAcuB;QAAajB;QAAkBuB;QAAStB;KAAiB;IAGjG,MAAM6B,oBAAoBxD,MAAMyD,KAAK;IAErC,qBACE,MAACnD;QACCoD,WAAU;QACVC,MAAK;QACLC,mBAAiBJ;QAChB,GAAGzB,UAAU;;0BAEd,KAACxB;gBAAesD,IAAIL;gBAAmBE,WAAWpC;0BAC/CD;;0BAEH,MAACyC;gBAAGC,SAAS;;kCACX,KAACV;wBAAGU,SAAS;kCACX,cAAA,KAACvD;4BACCwD,MAAK;4BACLC,OAAO9C;4BACP+C,SAASjD;4BACTkD,MAAMlC,QAAQ/B,4BAA4BD;4BAC1CmE,WAAW7C;4BACXP,UAAUmB,eAAenB,aAAa;4BACtCuC,SAASf;4BACT6B,aAAWhC;4BACV,GAAIT,qBAAqBU,aAAa;gCAAE,eAAeV;4BAAiB,CAAC;4BACzE,GAAIE,2BAA2BQ,aAAa;gCAAER;4BAAuB,CAAC;;;oBAG1EI,MAAMoC,GAAG,CAACpB;kCACX,KAACG;wBAAGU,SAAS;kCACX,cAAA,KAACvD;4BACCwD,MAAK;4BACLC,OAAO9C;4BACP+C,SAAShD;4BACTiD,MAAMlC,QAAQhC,2BAA2BC;4BACzCkE,WAAW5C;4BACXR,UAAUoB,cAAcpB,aAAa;4BACrCuC,SAASP;4BACTqB,aAAW9B;4BACV,GAAIV,qBAAqBS,aAAa;gCAAE,eAAeT;4BAAiB,CAAC;4BACzE,GAAIC,2BAA2BQ,aAAa;gCAAER;4BAAuB,CAAC;;;;;;;AAMnF,EAAE"}
@@ -6,13 +6,13 @@ export interface PaginationNavigationButtonOpts {
6
6
  'caption': React.ReactNode;
7
7
  'Icon': React.ComponentType;
8
8
  'a11yLabel': React.ReactNode;
9
- 'disabled'?: boolean;
9
+ 'disabled'?: boolean | undefined;
10
10
  'onClick': (event: React.MouseEvent<HTMLElement>) => void;
11
11
  'data-page': number | undefined;
12
- 'data-testid': string | undefined;
12
+ 'data-testid'?: string | undefined;
13
13
  }
14
14
  export interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {
15
- renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
15
+ renderNavigationButton?: ((props: CustomPaginationNavigationButton) => React.ReactNode) | undefined;
16
16
  }
17
17
  /**
18
18
  * @private
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvF;AAED;;GAEG;AACH,QAAA,MAAM,4CAA4C,GAChD,MAAM,8BAA8B,KACnC,WAAW,GAAG;IAAE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;CA8BpF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,UAAU,CACvD,OAAO,4CAA4C,CACpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,0CAGxC,+BAA+B,KAAG,KAAK,CAAC,SAQ1C,CAAC"}
1
+ {"version":3,"file":"PaginationNavigationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,MAAM,WAAW,8BAA8B;IAC7C,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,+BAAgC,SAAQ,8BAA8B;IACrF,sBAAsB,CAAC,EACnB,CAAC,CAAC,KAAK,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAC,GAC9D,SAAS,CAAC;CACf;AAED;;GAEG;AACH,QAAA,MAAM,4CAA4C,GAChD,MAAM,8BAA8B,KACnC,WAAW,GAAG;IAAE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;CA8BpF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG,UAAU,CACvD,OAAO,4CAA4C,CACpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,0CAGxC,+BAA+B,KAAG,KAAK,CAAC,SAQ1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { Button, type ButtonProps } from '../../Button/Button';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\n\nexport interface PaginationNavigationButtonOpts {\n 'type': 'prev' | 'next';\n 'style': 'icon' | 'caption' | 'both';\n 'caption': React.ReactNode;\n 'Icon': React.ComponentType;\n 'a11yLabel': React.ReactNode;\n 'disabled'?: boolean;\n 'onClick': (event: React.MouseEvent<HTMLElement>) => void;\n 'data-page': number | undefined;\n 'data-testid': string | undefined;\n}\n\nexport interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {\n renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;\n}\n\n/**\n * @private\n */\nconst getButtonPropsFromPaginationNavigationButton = (\n opts: PaginationNavigationButtonOpts,\n): ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined } => {\n const icon: React.ReactElement | null =\n opts.style !== 'caption' ? (\n <>\n <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n <opts.Icon />\n </>\n ) : null;\n const caption: React.ReactElement | null =\n opts.style === 'caption' ? (\n <>\n <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n <span aria-hidden=\"true\">{opts.caption}</span>\n </>\n ) : opts.style !== 'icon' ? (\n <span aria-hidden=\"true\">{opts.caption}</span>\n ) : null;\n\n return {\n 'size': 'l',\n 'before': opts.type === 'prev' ? icon : null,\n 'after': opts.type === 'next' ? icon : null,\n 'appearance': opts.style === 'caption' ? 'neutral' : 'accent',\n 'mode': 'tertiary',\n 'disabled': opts.disabled,\n 'onClick': opts.onClick,\n 'children': caption,\n 'data-page': opts['data-page'],\n 'data-testid': opts['data-testid'],\n } satisfies ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined };\n};\n\n/**\n * @private\n */\nexport type CustomPaginationNavigationButton = ReturnType<\n typeof getButtonPropsFromPaginationNavigationButton\n>;\n\n/**\n * @private\n */\nexport const PaginationNavigationButton = ({\n renderNavigationButton,\n ...restProps\n}: PaginationNavigationButtonProps): React.ReactNode => {\n const buttonProps = getButtonPropsFromPaginationNavigationButton(restProps);\n\n if (typeof renderNavigationButton === 'function') {\n return renderNavigationButton(buttonProps);\n }\n\n return <Button {...buttonProps} />;\n};\n"],"names":["Button","VisuallyHidden","getButtonPropsFromPaginationNavigationButton","opts","icon","style","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","PaginationNavigationButton","renderNavigationButton","restProps","buttonProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,MAAM,QAA0B,yBAAsB;AAC/D,SAASC,cAAc,QAAQ,yCAAsC;AAkBrE;;CAEC,GACD,MAAMC,+CAA+C,CACnDC;IAEA,MAAMC,OACJD,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACH,KAAKI,IAAI;;SAEV;IACN,MAAMC,UACJL,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACG;gBAAKC,eAAY;0BAAQP,KAAKK,OAAO;;;SAEtCL,KAAKE,KAAK,KAAK,uBACjB,KAACI;QAAKC,eAAY;kBAAQP,KAAKK,OAAO;SACpC;IAEN,OAAO;QACL,QAAQ;QACR,UAAUL,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACxC,SAASD,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACvC,cAAcD,KAAKE,KAAK,KAAK,YAAY,YAAY;QACrD,QAAQ;QACR,YAAYF,KAAKS,QAAQ;QACzB,WAAWT,KAAKU,OAAO;QACvB,YAAYL;QACZ,aAAaL,IAAI,CAAC,YAAY;QAC9B,eAAeA,IAAI,CAAC,cAAc;IACpC;AACF;AASA;;CAEC,GACD,OAAO,MAAMW,6BAA6B,CAAC,EACzCC,sBAAsB,EACtB,GAAGC,WAC6B;IAChC,MAAMC,cAAcf,6CAA6Cc;IAEjE,IAAI,OAAOD,2BAA2B,YAAY;QAChD,OAAOA,uBAAuBE;IAChC;IAEA,qBAAO,KAACjB;QAAQ,GAAGiB,WAAW;;AAChC,EAAE"}
1
+ {"version":3,"sources":["../../../../src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { Button, type ButtonProps } from '../../Button/Button';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\n\nexport interface PaginationNavigationButtonOpts {\n 'type': 'prev' | 'next';\n 'style': 'icon' | 'caption' | 'both';\n 'caption': React.ReactNode;\n 'Icon': React.ComponentType;\n 'a11yLabel': React.ReactNode;\n 'disabled'?: boolean | undefined;\n 'onClick': (event: React.MouseEvent<HTMLElement>) => void;\n 'data-page': number | undefined;\n 'data-testid'?: string | undefined;\n}\n\nexport interface PaginationNavigationButtonProps extends PaginationNavigationButtonOpts {\n renderNavigationButton?:\n | ((props: CustomPaginationNavigationButton) => React.ReactNode)\n | undefined;\n}\n\n/**\n * @private\n */\nconst getButtonPropsFromPaginationNavigationButton = (\n opts: PaginationNavigationButtonOpts,\n): ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined } => {\n const icon: React.ReactElement | null =\n opts.style !== 'caption' ? (\n <>\n <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n <opts.Icon />\n </>\n ) : null;\n const caption: React.ReactElement | null =\n opts.style === 'caption' ? (\n <>\n <VisuallyHidden>{opts.a11yLabel}</VisuallyHidden>\n <span aria-hidden=\"true\">{opts.caption}</span>\n </>\n ) : opts.style !== 'icon' ? (\n <span aria-hidden=\"true\">{opts.caption}</span>\n ) : null;\n\n return {\n 'size': 'l',\n 'before': opts.type === 'prev' ? icon : null,\n 'after': opts.type === 'next' ? icon : null,\n 'appearance': opts.style === 'caption' ? 'neutral' : 'accent',\n 'mode': 'tertiary',\n 'disabled': opts.disabled,\n 'onClick': opts.onClick,\n 'children': caption,\n 'data-page': opts['data-page'],\n 'data-testid': opts['data-testid'],\n } satisfies ButtonProps & { 'data-page': number | undefined; 'data-testid': string | undefined };\n};\n\n/**\n * @private\n */\nexport type CustomPaginationNavigationButton = ReturnType<\n typeof getButtonPropsFromPaginationNavigationButton\n>;\n\n/**\n * @private\n */\nexport const PaginationNavigationButton = ({\n renderNavigationButton,\n ...restProps\n}: PaginationNavigationButtonProps): React.ReactNode => {\n const buttonProps = getButtonPropsFromPaginationNavigationButton(restProps);\n\n if (typeof renderNavigationButton === 'function') {\n return renderNavigationButton(buttonProps);\n }\n\n return <Button {...buttonProps} />;\n};\n"],"names":["Button","VisuallyHidden","getButtonPropsFromPaginationNavigationButton","opts","icon","style","a11yLabel","Icon","caption","span","aria-hidden","type","disabled","onClick","PaginationNavigationButton","renderNavigationButton","restProps","buttonProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,MAAM,QAA0B,yBAAsB;AAC/D,SAASC,cAAc,QAAQ,yCAAsC;AAoBrE;;CAEC,GACD,MAAMC,+CAA+C,CACnDC;IAEA,MAAMC,OACJD,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACH,KAAKI,IAAI;;SAEV;IACN,MAAMC,UACJL,KAAKE,KAAK,KAAK,0BACb;;0BACE,KAACJ;0BAAgBE,KAAKG,SAAS;;0BAC/B,KAACG;gBAAKC,eAAY;0BAAQP,KAAKK,OAAO;;;SAEtCL,KAAKE,KAAK,KAAK,uBACjB,KAACI;QAAKC,eAAY;kBAAQP,KAAKK,OAAO;SACpC;IAEN,OAAO;QACL,QAAQ;QACR,UAAUL,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACxC,SAASD,KAAKQ,IAAI,KAAK,SAASP,OAAO;QACvC,cAAcD,KAAKE,KAAK,KAAK,YAAY,YAAY;QACrD,QAAQ;QACR,YAAYF,KAAKS,QAAQ;QACzB,WAAWT,KAAKU,OAAO;QACvB,YAAYL;QACZ,aAAaL,IAAI,CAAC,YAAY;QAC9B,eAAeA,IAAI,CAAC,cAAc;IACpC;AACF;AASA;;CAEC,GACD,OAAO,MAAMW,6BAA6B,CAAC,EACzCC,sBAAsB,EACtB,GAAGC,WAC6B;IAChC,MAAMC,cAAcf,6CAA6Cc;IAEjE,IAAI,OAAOD,2BAA2B,YAAY;QAChD,OAAOA,uBAAuBE;IAChC;IAEA,qBAAO,KAACjB;QAAQ,GAAGiB,WAAW;;AAChC,EAAE"}
@@ -3,12 +3,12 @@ import type { DensityTypeValues } from '../../../lib/adaptivity';
3
3
  import { type TappableOmitProps } from '../../Tappable/Tappable';
4
4
  import type { PaginationProps } from '../Pagination';
5
5
  export interface PaginationPageButtonOpts extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>, Pick<PaginationProps, 'getPageLabel'> {
6
- isCurrent?: boolean;
7
- density?: DensityTypeValues;
6
+ isCurrent?: boolean | undefined;
7
+ density?: DensityTypeValues | undefined;
8
8
  children: number;
9
9
  }
10
10
  export interface PaginationPageButtonProps extends PaginationPageButtonOpts {
11
- renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
11
+ renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;
12
12
  }
13
13
  declare const getTappablePropsFromPaginationPage: (opts: PaginationPageButtonOpts) => TappableOmitProps & {
14
14
  "data-page": number;
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationPageButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIrD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC,EAC/F,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AAED,QAAA,MAAM,kCAAkC,GACtC,MAAM,wBAAwB,KAC7B,iBAAiB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAkC3C,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEpG,eAAO,MAAM,oBAAoB,GAAI,oCAGlC,yBAAyB,KAAG,KAAK,CAAC,SAQpC,CAAC"}
1
+ {"version":3,"file":"PaginationPageButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIrD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC,EAC/F,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IACzE,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CAC9F;AAED,QAAA,MAAM,kCAAkC,GACtC,MAAM,wBAAwB,KAC7B,iBAAiB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAkC3C,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEpG,eAAO,MAAM,oBAAoB,GAAI,oCAGlC,yBAAyB,KAAG,KAAK,CAAC,SAQpC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableOmitProps } from '../../Tappable/Tappable';\nimport { Text } from '../../Typography/Text/Text';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport type { PaginationProps } from '../Pagination';\nimport { getPaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageButtonOpts\n extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,\n Pick<PaginationProps, 'getPageLabel'> {\n isCurrent?: boolean;\n density?: DensityTypeValues;\n children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;\n}\n\nconst getTappablePropsFromPaginationPage = (\n opts: PaginationPageButtonOpts,\n): TappableOmitProps & { 'data-page': number } => {\n const {\n isCurrent = false,\n getPageLabel,\n children,\n className,\n disabled,\n density,\n ...restProps\n } = opts;\n\n const pageClassNames = getPaginationPageClassNames({\n isCurrent,\n disabled,\n density,\n });\n\n const pageLabel = getPageLabel?.(isCurrent);\n return {\n 'className': classNames(pageClassNames, className),\n 'activeMode': styles.stateActive,\n 'hoverMode': styles.stateHover,\n 'focusVisibleMode': 'outside',\n 'aria-current': isCurrent ? true : undefined,\n 'disabled': disabled,\n 'children': (\n <Text normalize={false}>\n {pageLabel && <VisuallyHidden>{pageLabel} </VisuallyHidden>}\n {children}\n </Text>\n ),\n 'data-page': children,\n ...restProps,\n };\n};\n\nexport type CustomPaginationPageButtonProps = ReturnType<typeof getTappablePropsFromPaginationPage>;\n\nexport const PaginationPageButton = ({\n renderPageButton,\n ...restProps\n}: PaginationPageButtonProps): React.ReactNode => {\n const tappableProps = getTappablePropsFromPaginationPage(restProps);\n\n if (typeof renderPageButton === 'function') {\n return renderPageButton(tappableProps);\n }\n\n return <Tappable {...tappableProps} />;\n};\n"],"names":["classNames","Tappable","Text","VisuallyHidden","getPaginationPageClassNames","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","children","className","disabled","density","restProps","pageClassNames","pageLabel","undefined","normalize","PaginationPageButton","renderPageButton","tappableProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAgC,6BAA0B;AAC3E,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,cAAc,QAAQ,yCAAsC;AAErE,SAASC,2BAA2B,QAAQ,gCAA6B;AAezE,MAAMC,qCAAqC,CACzCC;IAEA,MAAM,EACJC,YAAY,KAAK,EACjBC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,WACJ,GAAGP;IAEJ,MAAMQ,iBAAiBV,4BAA4B;QACjDG;QACAI;QACAC;IACF;IAEA,MAAMG,YAAYP,eAAeD;IACjC,OAAO;QACL,aAAaP,WAAWc,gBAAgBJ;QACxC,YAAY;QACZ,WAAW;QACX,oBAAoB;QACpB,gBAAgBH,YAAY,OAAOS;QACnC,YAAYL;QACZ,0BACE,MAACT;YAAKe,WAAW;;gBACdF,2BAAa,MAACZ;;wBAAgBY;wBAAU;;;gBACxCN;;;QAGL,aAAaA;QACb,GAAGI,SAAS;IACd;AACF;AAIA,OAAO,MAAMK,uBAAuB,CAAC,EACnCC,gBAAgB,EAChB,GAAGN,WACuB;IAC1B,MAAMO,gBAAgBf,mCAAmCQ;IAEzD,IAAI,OAAOM,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,KAACnB;QAAU,GAAGmB,aAAa;;AACpC,EAAE"}
1
+ {"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageButton.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport { Tappable, type TappableOmitProps } from '../../Tappable/Tappable';\nimport { Text } from '../../Typography/Text/Text';\nimport { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';\nimport type { PaginationProps } from '../Pagination';\nimport { getPaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageButtonOpts\n extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled' | 'className'>,\n Pick<PaginationProps, 'getPageLabel'> {\n isCurrent?: boolean | undefined;\n density?: DensityTypeValues | undefined;\n children: number;\n}\n\nexport interface PaginationPageButtonProps extends PaginationPageButtonOpts {\n renderPageButton?: ((props: CustomPaginationPageButtonProps) => React.ReactNode) | undefined;\n}\n\nconst getTappablePropsFromPaginationPage = (\n opts: PaginationPageButtonOpts,\n): TappableOmitProps & { 'data-page': number } => {\n const {\n isCurrent = false,\n getPageLabel,\n children,\n className,\n disabled,\n density,\n ...restProps\n } = opts;\n\n const pageClassNames = getPaginationPageClassNames({\n isCurrent,\n disabled,\n density,\n });\n\n const pageLabel = getPageLabel?.(isCurrent);\n return {\n 'className': classNames(pageClassNames, className),\n 'activeMode': styles.stateActive,\n 'hoverMode': styles.stateHover,\n 'focusVisibleMode': 'outside',\n 'aria-current': isCurrent ? true : undefined,\n 'disabled': disabled,\n 'children': (\n <Text normalize={false}>\n {pageLabel && <VisuallyHidden>{pageLabel} </VisuallyHidden>}\n {children}\n </Text>\n ),\n 'data-page': children,\n ...restProps,\n };\n};\n\nexport type CustomPaginationPageButtonProps = ReturnType<typeof getTappablePropsFromPaginationPage>;\n\nexport const PaginationPageButton = ({\n renderPageButton,\n ...restProps\n}: PaginationPageButtonProps): React.ReactNode => {\n const tappableProps = getTappablePropsFromPaginationPage(restProps);\n\n if (typeof renderPageButton === 'function') {\n return renderPageButton(tappableProps);\n }\n\n return <Tappable {...tappableProps} />;\n};\n"],"names":["classNames","Tappable","Text","VisuallyHidden","getPaginationPageClassNames","getTappablePropsFromPaginationPage","opts","isCurrent","getPageLabel","children","className","disabled","density","restProps","pageClassNames","pageLabel","undefined","normalize","PaginationPageButton","renderPageButton","tappableProps"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAgC,6BAA0B;AAC3E,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,cAAc,QAAQ,yCAAsC;AAErE,SAASC,2BAA2B,QAAQ,gCAA6B;AAezE,MAAMC,qCAAqC,CACzCC;IAEA,MAAM,EACJC,YAAY,KAAK,EACjBC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACP,GAAGC,WACJ,GAAGP;IAEJ,MAAMQ,iBAAiBV,4BAA4B;QACjDG;QACAI;QACAC;IACF;IAEA,MAAMG,YAAYP,eAAeD;IACjC,OAAO;QACL,aAAaP,WAAWc,gBAAgBJ;QACxC,YAAY;QACZ,WAAW;QACX,oBAAoB;QACpB,gBAAgBH,YAAY,OAAOS;QACnC,YAAYL;QACZ,0BACE,MAACT;YAAKe,WAAW;;gBACdF,2BAAa,MAACZ;;wBAAgBY;wBAAU;;;gBACxCN;;;QAGL,aAAaA;QACb,GAAGI,SAAS;IACd;AACF;AAIA,OAAO,MAAMK,uBAAuB,CAAC,EACnCC,gBAAgB,EAChB,GAAGN,WACuB;IAC1B,MAAMO,gBAAgBf,mCAAmCQ;IAEzD,IAAI,OAAOM,qBAAqB,YAAY;QAC1C,OAAOA,iBAAiBC;IAC1B;IAEA,qBAAO,KAACnB;QAAU,GAAGmB,aAAa;;AACpC,EAAE"}
@@ -1,7 +1,7 @@
1
1
  import type * as React from 'react';
2
2
  import type { HasRootRef } from '../../../types';
3
3
  export interface PaginationPageEllipsisProps extends React.HTMLAttributes<HTMLSpanElement>, HasRootRef<HTMLSpanElement> {
4
- disabled?: boolean;
4
+ disabled?: boolean | undefined;
5
5
  }
6
6
  export declare const PaginationPageEllipsis: ({ className, disabled, ...restProps }: PaginationPageEllipsisProps) => React.ReactNode;
7
7
  //# sourceMappingURL=PaginationPageEllipsis.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationPageEllipsis.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,GAAI,uCAIpC,2BAA2B,KAAG,KAAK,CAAC,SAWtC,CAAC"}
1
+ {"version":3,"file":"PaginationPageEllipsis.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,UAAU,CAAC,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,GAAI,uCAIpC,2BAA2B,KAAG,KAAK,CAAC,SAWtC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../../types';\nimport { Text } from '../../Typography/Text/Text';\nimport { usePaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageEllipsisProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n disabled?: boolean;\n}\n\nexport const PaginationPageEllipsis = ({\n className,\n disabled,\n ...restProps\n}: PaginationPageEllipsisProps): React.ReactNode => {\n const paginationClassNames = usePaginationPageClassNames({ isCurrent: false, disabled });\n\n return (\n <Text\n className={classNames(paginationClassNames, styles.typeEllipsis, className)}\n {...restProps}\n >\n &#8230;\n </Text>\n );\n};\n"],"names":["classNames","Text","usePaginationPageClassNames","PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","isCurrent"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,2BAA2B,QAAQ,gCAA6B;AASzE,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACyB;IAC5B,MAAMC,uBAAuBL,4BAA4B;QAAEM,WAAW;QAAOH;IAAS;IAEtF,qBACE,KAACJ;QACCG,WAAWJ,WAAWO,0DAA2CH;QAChE,GAAGE,SAAS;kBACd;;AAIL,EAAE"}
1
+ {"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasRootRef } from '../../../types';\nimport { Text } from '../../Typography/Text/Text';\nimport { usePaginationPageClassNames } from './usePaginationPageClasses';\nimport styles from './PaginationPage.module.css';\n\nexport interface PaginationPageEllipsisProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n HasRootRef<HTMLSpanElement> {\n disabled?: boolean | undefined;\n}\n\nexport const PaginationPageEllipsis = ({\n className,\n disabled,\n ...restProps\n}: PaginationPageEllipsisProps): React.ReactNode => {\n const paginationClassNames = usePaginationPageClassNames({ isCurrent: false, disabled });\n\n return (\n <Text\n className={classNames(paginationClassNames, styles.typeEllipsis, className)}\n {...restProps}\n >\n &#8230;\n </Text>\n );\n};\n"],"names":["classNames","Text","usePaginationPageClassNames","PaginationPageEllipsis","className","disabled","restProps","paginationClassNames","isCurrent"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,IAAI,QAAQ,gCAA6B;AAClD,SAASC,2BAA2B,QAAQ,gCAA6B;AASzE,OAAO,MAAMC,yBAAyB,CAAC,EACrCC,SAAS,EACTC,QAAQ,EACR,GAAGC,WACyB;IAC5B,MAAMC,uBAAuBL,4BAA4B;QAAEM,WAAW;QAAOH;IAAS;IAEtF,qBACE,KAACJ;QACCG,WAAWJ,WAAWO,0DAA2CH;QAChE,GAAGE,SAAS;kBACd;;AAIL,EAAE"}
@@ -1,10 +1,10 @@
1
1
  import type { DensityTypeValues } from '../../../lib/adaptivity';
2
2
  export interface UsePaginationPageClassNamesProps {
3
- isCurrent?: boolean;
4
- disabled?: boolean;
3
+ isCurrent?: boolean | undefined;
4
+ disabled?: boolean | undefined;
5
5
  }
6
6
  export declare const getPaginationPageClassNames: (opts: UsePaginationPageClassNamesProps & {
7
- density?: DensityTypeValues;
7
+ density?: DensityTypeValues | undefined;
8
8
  }) => string;
9
9
  export declare function usePaginationPageClassNames({ isCurrent, disabled, }: UsePaginationPageClassNamesProps): string;
10
10
  //# sourceMappingURL=usePaginationPageClasses.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePaginationPageClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,GACtC,MAAM,gCAAgC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAAE,KACvE,MAQF,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,GACT,EAAE,gCAAgC,GAAG,MAAM,CAO3C"}
1
+ {"version":3,"file":"usePaginationPageClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,2BAA2B,GACtC,MAAM,gCAAgC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAA;CAAE,KACnF,MAQF,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,EACT,QAAQ,GACT,EAAE,gCAAgC,GAAG,MAAM,CAO3C"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport styles from './PaginationPage.module.css';\n\nexport interface UsePaginationPageClassNamesProps {\n isCurrent?: boolean;\n disabled?: boolean;\n}\n\nexport const getPaginationPageClassNames = (\n opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues },\n): string => {\n return classNames(\n styles.host,\n opts.density == null && styles.densityNone,\n opts.density === 'compact' && styles.densityCompact,\n opts.isCurrent && styles.current,\n opts.disabled && styles.disabled,\n );\n};\n\nexport function usePaginationPageClassNames({\n isCurrent,\n disabled,\n}: UsePaginationPageClassNamesProps): string {\n const { density } = useAdaptivity();\n return getPaginationPageClassNames({\n isCurrent,\n disabled,\n density,\n });\n}\n"],"names":["classNames","useAdaptivity","getPaginationPageClassNames","opts","density","isCurrent","disabled","usePaginationPageClassNames"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAS7D,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,OAAOH,uCAELG,KAAKC,OAAO,IAAI,2CAChBD,KAAKC,OAAO,KAAK,mDACjBD,KAAKE,SAAS,mCACdF,KAAKG,QAAQ;AAEjB,EAAE;AAEF,OAAO,SAASC,4BAA4B,EAC1CF,SAAS,EACTC,QAAQ,EACyB;IACjC,MAAM,EAAEF,OAAO,EAAE,GAAGH;IACpB,OAAOC,4BAA4B;QACjCG;QACAC;QACAF;IACF;AACF"}
1
+ {"version":3,"sources":["../../../../src/components/Pagination/PaginationPage/usePaginationPageClasses.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport type { DensityTypeValues } from '../../../lib/adaptivity';\nimport styles from './PaginationPage.module.css';\n\nexport interface UsePaginationPageClassNamesProps {\n isCurrent?: boolean | undefined;\n disabled?: boolean | undefined;\n}\n\nexport const getPaginationPageClassNames = (\n opts: UsePaginationPageClassNamesProps & { density?: DensityTypeValues | undefined },\n): string => {\n return classNames(\n styles.host,\n opts.density == null && styles.densityNone,\n opts.density === 'compact' && styles.densityCompact,\n opts.isCurrent && styles.current,\n opts.disabled && styles.disabled,\n );\n};\n\nexport function usePaginationPageClassNames({\n isCurrent,\n disabled,\n}: UsePaginationPageClassNamesProps): string {\n const { density } = useAdaptivity();\n return getPaginationPageClassNames({\n isCurrent,\n disabled,\n density,\n });\n}\n"],"names":["classNames","useAdaptivity","getPaginationPageClassNames","opts","density","isCurrent","disabled","usePaginationPageClassNames"],"mappings":"AAAA,sCAAsC,GAEtC,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,kCAA+B;AAS7D,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,OAAOH,uCAELG,KAAKC,OAAO,IAAI,2CAChBD,KAAKC,OAAO,KAAK,mDACjBD,KAAKE,SAAS,mCACdF,KAAKG,QAAQ;AAEjB,EAAE;AAEF,OAAO,SAASC,4BAA4B,EAC1CF,SAAS,EACTC,QAAQ,EACyB;IACjC,MAAM,EAAEF,OAAO,EAAE,GAAGH;IACpB,OAAOC,4BAA4B;QACjCG;QACAC;QACAF;IACF;AACF"}
@@ -5,7 +5,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
5
5
  /**
6
6
  * Центрирование содержимого.
7
7
  */
8
- centered?: boolean;
8
+ centered?: boolean | undefined;
9
9
  /**
10
10
  * Тип оформления панели.
11
11
  *
@@ -17,11 +17,11 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
17
17
  * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.
18
18
  * Тип `plain` — соответствует фону по умолчанию.
19
19
  */
20
- mode?: 'plain' | 'card';
20
+ mode?: 'plain' | 'card' | undefined;
21
21
  /**
22
22
  * Отключает задний фон.
23
23
  */
24
- disableBackground?: boolean;
24
+ disableBackground?: boolean | undefined;
25
25
  }
26
26
  /**
27
27
  * @see https://vkui.io/components/panel
@@ -1 +1 @@
1
- {"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgC7D,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAOnB,UAAU,KAAG,KAAK,CAAC,SA4BrB,CAAC"}
1
+ {"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAgC7D,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8EAOnB,UAAU,KAAG,KAAK,CAAC,SA4BrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nfunction getViewWidthClassName(\n viewWidth: ViewWidthType | 'none',\n legacySizeX: SizeTypeValues | undefined,\n) {\n // TODO [>=10]: #9015 Удалить это условие\n if (legacySizeX !== undefined) {\n return legacySizeX === 'regular'\n ? styles.viewWidthSmallTabletPlus\n : styles.viewWidthSmallTabletMinus;\n }\n if (viewWidth === 'none') {\n return classNames(styles.viewWidthNone, 'vkuiInternalGroup--viewWidth-none');\n }\n return viewWidth >= ViewWidth.SMALL_TABLET\n ? styles.viewWidthSmallTabletPlus\n : styles.viewWidthSmallTabletMinus;\n}\n\nconst stylesMode = {\n none: styles.modeNone,\n plain: styles.modePlain,\n card: styles.modeCard,\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n /**\n * Центрирование содержимого.\n */\n centered?: boolean;\n /**\n * Тип оформления панели.\n *\n * Позволяет переопределить тип оформления панели,\n * заданный через адаптивность или свойство layout у [AppRoot](https://vkui.io/components/app-root),\n * глобально задающим тип оформления макета.\n *\n * Если установлен `card` - Panel имеет фон отличный от фона контента.\n * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.\n * Тип `plain` — соответствует фону по умолчанию.\n */\n mode?: 'plain' | 'card';\n /**\n * Отключает задний фон.\n */\n disableBackground?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/panel\n */\nexport const Panel = ({\n centered = false,\n children,\n nav,\n mode: modeProp,\n disableBackground,\n ...restProps\n}: PanelProps): React.ReactNode => {\n const { sizeX: legacySizeX, viewWidth = 'none' } = useAdaptivity();\n\n const mode = usePanelMode(modeProp, viewWidth, legacySizeX);\n\n return (\n <NavPanelIdContext.Provider value={restProps.id || nav}>\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n styles.host,\n getViewWidthClassName(viewWidth, legacySizeX),\n centered && 'vkuiInternalPanel--centered',\n disableBackground && styles.disableBackground,\n stylesMode[mode],\n )}\n >\n <Touch\n Component={OnboardingTooltipContainer}\n className={classNames(styles.in, 'vkuiInternalPanel__in')}\n >\n <div className={styles.inBefore} />\n {centered ? <div className={styles.centered}>{children}</div> : children}\n <div className={styles.inAfter} />\n </Touch>\n </RootComponent>\n </NavPanelIdContext.Provider>\n );\n};\n\nfunction usePanelMode(\n modeProp: PanelProps['mode'],\n viewWidth: ViewWidthType | 'none',\n legacySizeX: SizeTypeValues | undefined,\n): 'plain' | 'card' | 'none' {\n const { layout } = React.useContext(AppRootContext);\n\n if (modeProp) {\n return modeProp;\n }\n\n if (layout) {\n return layout;\n }\n\n // TODO [>=10]: #9015 Удалить это условие\n if (legacySizeX !== undefined) {\n return legacySizeX === 'regular' ? 'card' : 'plain';\n }\n\n if (viewWidth !== 'none') {\n return viewWidth >= ViewWidth.SMALL_TABLET ? 'card' : 'plain';\n }\n\n return 'none';\n}\n"],"names":["React","classNames","useAdaptivity","ViewWidth","AppRootContext","NavPanelIdContext","OnboardingTooltipContainer","RootComponent","Touch","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","stylesMode","none","plain","card","Panel","centered","children","nav","mode","modeProp","disableBackground","restProps","sizeX","usePanelMode","Provider","value","id","baseClassName","Component","className","div","layout","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAA8BC,SAAS,QAA4B,gCAAuB;AAG1F,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,KAAK,QAAQ,oBAAiB;AAGvC,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB;IAGzB;IACA,IAAID,cAAc,QAAQ;QACxB,OAAOT,uCAAiC;IAC1C;IACA,OAAOS,aAAaP,UAAUU,YAAY;AAG5C;AAEA,MAAMC,aAAa;IACjBC,IAAI;IACJC,KAAK;IACLC,IAAI;AACN;AAyBA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,GAAG,EACHC,MAAMC,QAAQ,EACdC,iBAAiB,EACjB,GAAGC,WACQ;IACX,MAAM,EAAEC,OAAOf,WAAW,EAAED,YAAY,MAAM,EAAE,GAAGR;IAEnD,MAAMoB,OAAOK,aAAaJ,UAAUb,WAAWC;IAE/C,qBACE,KAACN,kBAAkBuB,QAAQ;QAACC,OAAOJ,UAAUK,EAAE,IAAIT;kBACjD,cAAA,KAACd;YACE,GAAGkB,SAAS;YACbM,eAAe9B,8BAEbQ,sBAAsBC,WAAWC,cACjCQ,YAAY,+BACZK,qDACAV,UAAU,CAACQ,KAAK;sBAGlB,cAAA,MAACd;gBACCwB,WAAW1B;gBACX2B,WAAWhC,4BAAsB;;kCAEjC,KAACiC;wBAAID,SAAS;;oBACbd,yBAAW,KAACe;wBAAID,SAAS;kCAAoBb;yBAAkBA;kCAChE,KAACc;wBAAID,SAAS;;;;;;AAKxB,EAAE;AAEF,SAASN,aACPJ,QAA4B,EAC5Bb,SAAiC,EACjCC,WAAuC;IAEvC,MAAM,EAAEwB,MAAM,EAAE,GAAGnC,MAAMoC,UAAU,CAAChC;IAEpC,IAAImB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIY,QAAQ;QACV,OAAOA;IACT;IAEA,yCAAyC;IACzC,IAAIxB,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB,YAAY,SAAS;IAC9C;IAEA,IAAID,cAAc,QAAQ;QACxB,OAAOA,aAAaP,UAAUU,YAAY,GAAG,SAAS;IACxD;IAEA,OAAO;AACT"}
1
+ {"version":3,"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { type SizeTypeValues, ViewWidth, type ViewWidthType } from '../../lib/adaptivity';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { NavPanelIdContext } from '../NavIdContext/NavIdContext';\nimport { OnboardingTooltipContainer } from '../OnboardingTooltip/OnboardingTooltipContainer';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Touch } from '../Touch/Touch';\nimport styles from './Panel.module.css';\n\nfunction getViewWidthClassName(\n viewWidth: ViewWidthType | 'none',\n legacySizeX: SizeTypeValues | undefined,\n) {\n // TODO [>=10]: #9015 Удалить это условие\n if (legacySizeX !== undefined) {\n return legacySizeX === 'regular'\n ? styles.viewWidthSmallTabletPlus\n : styles.viewWidthSmallTabletMinus;\n }\n if (viewWidth === 'none') {\n return classNames(styles.viewWidthNone, 'vkuiInternalGroup--viewWidth-none');\n }\n return viewWidth >= ViewWidth.SMALL_TABLET\n ? styles.viewWidthSmallTabletPlus\n : styles.viewWidthSmallTabletMinus;\n}\n\nconst stylesMode = {\n none: styles.modeNone,\n plain: styles.modePlain,\n card: styles.modeCard,\n};\n\nexport interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n /**\n * Центрирование содержимого.\n */\n centered?: boolean | undefined;\n /**\n * Тип оформления панели.\n *\n * Позволяет переопределить тип оформления панели,\n * заданный через адаптивность или свойство layout у [AppRoot](https://vkui.io/components/app-root),\n * глобально задающим тип оформления макета.\n *\n * Если установлен `card` - Panel имеет фон отличный от фона контента.\n * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.\n * Тип `plain` — соответствует фону по умолчанию.\n */\n mode?: 'plain' | 'card' | undefined;\n /**\n * Отключает задний фон.\n */\n disableBackground?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/panel\n */\nexport const Panel = ({\n centered = false,\n children,\n nav,\n mode: modeProp,\n disableBackground,\n ...restProps\n}: PanelProps): React.ReactNode => {\n const { sizeX: legacySizeX, viewWidth = 'none' } = useAdaptivity();\n\n const mode = usePanelMode(modeProp, viewWidth, legacySizeX);\n\n return (\n <NavPanelIdContext.Provider value={restProps.id || nav}>\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n styles.host,\n getViewWidthClassName(viewWidth, legacySizeX),\n centered && 'vkuiInternalPanel--centered',\n disableBackground && styles.disableBackground,\n stylesMode[mode],\n )}\n >\n <Touch\n Component={OnboardingTooltipContainer}\n className={classNames(styles.in, 'vkuiInternalPanel__in')}\n >\n <div className={styles.inBefore} />\n {centered ? <div className={styles.centered}>{children}</div> : children}\n <div className={styles.inAfter} />\n </Touch>\n </RootComponent>\n </NavPanelIdContext.Provider>\n );\n};\n\nfunction usePanelMode(\n modeProp: PanelProps['mode'],\n viewWidth: ViewWidthType | 'none',\n legacySizeX: SizeTypeValues | undefined,\n): 'plain' | 'card' | 'none' {\n const { layout } = React.useContext(AppRootContext);\n\n if (modeProp) {\n return modeProp;\n }\n\n if (layout) {\n return layout;\n }\n\n // TODO [>=10]: #9015 Удалить это условие\n if (legacySizeX !== undefined) {\n return legacySizeX === 'regular' ? 'card' : 'plain';\n }\n\n if (viewWidth !== 'none') {\n return viewWidth >= ViewWidth.SMALL_TABLET ? 'card' : 'plain';\n }\n\n return 'none';\n}\n"],"names":["React","classNames","useAdaptivity","ViewWidth","AppRootContext","NavPanelIdContext","OnboardingTooltipContainer","RootComponent","Touch","getViewWidthClassName","viewWidth","legacySizeX","undefined","SMALL_TABLET","stylesMode","none","plain","card","Panel","centered","children","nav","mode","modeProp","disableBackground","restProps","sizeX","usePanelMode","Provider","value","id","baseClassName","Component","className","div","layout","useContext"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAA8BC,SAAS,QAA4B,gCAAuB;AAG1F,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,0BAA0B,QAAQ,qDAAkD;AAC7F,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,KAAK,QAAQ,oBAAiB;AAGvC,SAASC,sBACPC,SAAiC,EACjCC,WAAuC;IAEvC,yCAAyC;IACzC,IAAIA,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB;IAGzB;IACA,IAAID,cAAc,QAAQ;QACxB,OAAOT,uCAAiC;IAC1C;IACA,OAAOS,aAAaP,UAAUU,YAAY;AAG5C;AAEA,MAAMC,aAAa;IACjBC,IAAI;IACJC,KAAK;IACLC,IAAI;AACN;AAyBA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,WAAW,KAAK,EAChBC,QAAQ,EACRC,GAAG,EACHC,MAAMC,QAAQ,EACdC,iBAAiB,EACjB,GAAGC,WACQ;IACX,MAAM,EAAEC,OAAOf,WAAW,EAAED,YAAY,MAAM,EAAE,GAAGR;IAEnD,MAAMoB,OAAOK,aAAaJ,UAAUb,WAAWC;IAE/C,qBACE,KAACN,kBAAkBuB,QAAQ;QAACC,OAAOJ,UAAUK,EAAE,IAAIT;kBACjD,cAAA,KAACd;YACE,GAAGkB,SAAS;YACbM,eAAe9B,8BAEbQ,sBAAsBC,WAAWC,cACjCQ,YAAY,+BACZK,qDACAV,UAAU,CAACQ,KAAK;sBAGlB,cAAA,MAACd;gBACCwB,WAAW1B;gBACX2B,WAAWhC,4BAAsB;;kCAEjC,KAACiC;wBAAID,SAAS;;oBACbd,yBAAW,KAACe;wBAAID,SAAS;kCAAoBb;yBAAkBA;kCAChE,KAACc;wBAAID,SAAS;;;;;;AAKxB,EAAE;AAEF,SAASN,aACPJ,QAA4B,EAC5Bb,SAAiC,EACjCC,WAAuC;IAEvC,MAAM,EAAEwB,MAAM,EAAE,GAAGnC,MAAMoC,UAAU,CAAChC;IAEpC,IAAImB,UAAU;QACZ,OAAOA;IACT;IAEA,IAAIY,QAAQ;QACV,OAAOA;IACT;IAEA,yCAAyC;IACzC,IAAIxB,gBAAgBC,WAAW;QAC7B,OAAOD,gBAAgB,YAAY,SAAS;IAC9C;IAEA,IAAID,cAAc,QAAQ;QACxB,OAAOA,aAAaP,UAAUU,YAAY,GAAG,SAAS;IACxD;IAEA,OAAO;AACT"}
@@ -4,13 +4,13 @@ export interface PanelHeaderProps extends HTMLAttributesWithRootRef<HTMLDivEleme
4
4
  /**
5
5
  * Добавляет элемент слева.
6
6
  */
7
- before?: React.ReactNode;
7
+ before?: React.ReactNode | undefined;
8
8
  /**
9
9
  * Добавляет элемент справа.
10
10
  *
11
11
  * При передаче нескольких элементов, расставляет отступы между ними.
12
12
  */
13
- after?: React.ReactNode;
13
+ after?: React.ReactNode | undefined;
14
14
  /**
15
15
  * Тип разделителя под шапкой.
16
16
  *
@@ -21,27 +21,27 @@ export interface PanelHeaderProps extends HTMLAttributesWithRootRef<HTMLDivEleme
21
21
  * - `"spacing"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider viewWidth={ViewWidth.SMALL_TABLET} />`
22
22
  * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям.
23
23
  */
24
- delimiter?: 'auto' | 'none' | 'separator' | 'spacing';
24
+ delimiter?: 'auto' | 'none' | 'separator' | 'spacing' | undefined;
25
25
  /**
26
26
  * Прозрачный фон компонента.
27
27
  */
28
- transparent?: boolean;
28
+ transparent?: boolean | undefined;
29
29
  /**
30
30
  * @deprecated Since 7.4.0. Будет удалeно в **VKUI v9**.
31
31
  */
32
- shadow?: boolean;
32
+ shadow?: boolean | undefined;
33
33
  /**
34
34
  * Высота шапки будет игнорироваться контентом панели.
35
35
  */
36
- float?: boolean;
36
+ float?: boolean | undefined;
37
37
  /**
38
38
  * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
39
39
  */
40
- fixed?: boolean;
40
+ fixed?: boolean | undefined;
41
41
  /**
42
42
  * По умолчанию как `Component` используется `span`.
43
43
  */
44
- typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;
44
+ typographyProps?: (HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute) | undefined;
45
45
  }
46
46
  /**
47
47
  * @see https://vkui.io/components/panel-header
@@ -1 +1 @@
1
- {"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AAqCrB,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IACtD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;CACvF;AAgDD;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,8HAazB,gBAAgB,KAAG,KAAK,CAAC,SA6D3B,CAAC"}
1
+ {"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,yBAAyB,EAC1B,MAAM,aAAa,CAAC;AAqCrB,MAAM,WAAW,gBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,MAAM,CAAC,cAAc,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC,GACrE,SAAS,CAAC;CACf;AAgDD;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,8HAazB,gBAAgB,KAAG,KAAK,CAAC,SA6D3B,CAAC"}