@vkontakte/vkui 4.35.4 → 4.37.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 (1275) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +21771 -18514
  4. package/.cache/ts/src/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts +3 -0
  5. package/.cache/ts/src/components/ActionSheetItem/ActionSheetItem.d.ts +5 -1
  6. package/.cache/ts/src/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  7. package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +1 -1
  8. package/.cache/ts/src/components/Calendar/Calendar.d.ts +3 -2
  9. package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +4 -2
  10. package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +3 -1
  11. package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  12. package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +1 -1
  13. package/.cache/ts/src/components/Chip/Chip.d.ts +12 -5
  14. package/.cache/ts/src/components/ChipsInput/ChipsInput.d.ts +5 -26
  15. package/.cache/ts/src/components/ChipsInputBase/ChipsInputBase.d.ts +17 -0
  16. package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +6 -4
  17. package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +1 -1
  18. package/.cache/ts/src/components/DateInput/DateInput.d.ts +4 -2
  19. package/.cache/ts/src/components/DateRangeInput/DateRangeInput.d.ts +4 -2
  20. package/.cache/ts/src/components/DropdownIcon/DropdownIcon.d.ts +4 -2
  21. package/.cache/ts/src/components/FormField/FormField.d.ts +2 -1
  22. package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +5 -1
  23. package/.cache/ts/src/components/FormStatus/FormStatus.d.ts +1 -0
  24. package/.cache/ts/src/components/Group/Group.d.ts +5 -1
  25. package/.cache/ts/src/components/Input/Input.d.ts +1 -1
  26. package/.cache/ts/src/components/List/List.d.ts +2 -1
  27. package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +13 -1
  28. package/.cache/ts/src/components/NativeSelect/NativeSelect.d.ts +3 -2
  29. package/.cache/ts/src/components/Radio/Radio.d.ts +1 -1
  30. package/.cache/ts/src/components/Select/Select.d.ts +1 -1
  31. package/.cache/ts/src/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  32. package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +34 -1
  33. package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  34. package/.cache/ts/src/components/Tappable/Tappable.d.ts +2 -1
  35. package/.cache/ts/src/components/Textarea/Textarea.d.ts +3 -2
  36. package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +7 -1
  37. package/.cache/ts/src/{components/ChipsInput → hooks}/useChipsInput.d.ts +4 -3
  38. package/{dist/cssm/components/ChipsSelect → .cache/ts/src/hooks}/useChipsSelect.d.ts +4 -4
  39. package/.cache/ts/src/index.d.ts +5 -0
  40. package/.cache/ts/src/tokenized/index.d.ts +58 -0
  41. package/.eslintrc.json +2 -1
  42. package/README.md +3 -2
  43. package/dist/appearance/constants.js.map +1 -1
  44. package/dist/cjs/appearance/constants.js.map +1 -1
  45. package/dist/cjs/components/ActionSheet/ActionSheet.js +4 -4
  46. package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
  47. package/dist/cjs/components/ActionSheet/ActionSheetContext.js.map +1 -1
  48. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +24 -0
  49. package/dist/cjs/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -0
  50. package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js +10 -8
  51. package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  52. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js +4 -5
  53. package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  54. package/dist/cjs/components/ActionSheet/types.js.map +1 -1
  55. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +15 -39
  56. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  57. package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  58. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js +2 -3
  59. package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  60. package/dist/cjs/components/Alert/Alert.js +11 -12
  61. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  62. package/dist/cjs/components/AppRoot/AppRoot.js +2 -5
  63. package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
  64. package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
  65. package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
  66. package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
  67. package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  68. package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  69. package/dist/cjs/components/Avatar/Avatar.js +4 -17
  70. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  71. package/dist/cjs/components/Badge/Badge.js.map +1 -1
  72. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  73. package/dist/cjs/components/BaseGallery/BaseGallery.js +11 -10
  74. package/dist/cjs/components/BaseGallery/BaseGallery.js.map +1 -1
  75. package/dist/cjs/components/BaseGallery/helpers.js.map +1 -1
  76. package/dist/cjs/components/BaseGallery/types.js.map +1 -1
  77. package/dist/cjs/components/Button/Button.js.map +1 -1
  78. package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
  79. package/dist/cjs/components/Calendar/Calendar.js +9 -3
  80. package/dist/cjs/components/Calendar/Calendar.js.map +1 -1
  81. package/dist/cjs/components/CalendarDay/CalendarDay.js +14 -23
  82. package/dist/cjs/components/CalendarDay/CalendarDay.js.map +1 -1
  83. package/dist/cjs/components/CalendarDays/CalendarDays.js +4 -3
  84. package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
  85. package/dist/cjs/components/CalendarHeader/CalendarHeader.js +10 -4
  86. package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map +1 -1
  87. package/dist/cjs/components/CalendarRange/CalendarRange.js.map +1 -1
  88. package/dist/cjs/components/CalendarTime/CalendarTime.js.map +1 -1
  89. package/dist/cjs/components/Card/Card.js.map +1 -1
  90. package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
  91. package/dist/cjs/components/CardScroll/CardScroll.js +2 -5
  92. package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
  93. package/dist/cjs/components/Cell/Cell.js.map +1 -1
  94. package/dist/cjs/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  95. package/dist/cjs/components/Cell/CellDragger/CellDragger.js.map +1 -1
  96. package/dist/cjs/components/Cell/useDraggable.js.map +1 -1
  97. package/dist/cjs/components/CellButton/CellButton.js.map +1 -1
  98. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  99. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  100. package/dist/cjs/components/ChipsInput/ChipsInput.js +15 -198
  101. package/dist/cjs/components/ChipsInput/ChipsInput.js.map +1 -1
  102. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js +215 -0
  103. package/dist/cjs/components/ChipsInputBase/ChipsInputBase.js.map +1 -0
  104. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +49 -28
  105. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  106. package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
  107. package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  108. package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
  109. package/dist/cjs/components/Counter/Counter.js.map +1 -1
  110. package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
  111. package/dist/cjs/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  112. package/dist/cjs/components/CustomSelect/CustomSelect.js +32 -31
  113. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  114. package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  115. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  116. package/dist/cjs/components/DateInput/DateInput.js +4 -2
  117. package/dist/cjs/components/DateInput/DateInput.js.map +1 -1
  118. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  119. package/dist/cjs/components/DateRangeInput/DateRangeInput.js +4 -2
  120. package/dist/cjs/components/DateRangeInput/DateRangeInput.js.map +1 -1
  121. package/dist/cjs/components/Div/Div.js.map +1 -1
  122. package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
  123. package/dist/cjs/components/DropdownIcon/DropdownIcon.js +16 -7
  124. package/dist/cjs/components/DropdownIcon/DropdownIcon.js.map +1 -1
  125. package/dist/cjs/components/Epic/Epic.js.map +1 -1
  126. package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
  127. package/dist/cjs/components/File/File.js.map +1 -1
  128. package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
  129. package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
  130. package/dist/cjs/components/FocusVisible/FocusVisible.js.map +1 -1
  131. package/dist/cjs/components/Footer/Footer.js.map +1 -1
  132. package/dist/cjs/components/FormField/FormField.js +4 -2
  133. package/dist/cjs/components/FormField/FormField.js.map +1 -1
  134. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  135. package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
  136. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +12 -3
  137. package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  138. package/dist/cjs/components/FormStatus/FormStatus.js +4 -6
  139. package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
  140. package/dist/cjs/components/Gallery/Gallery.js +2 -0
  141. package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
  142. package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
  143. package/dist/cjs/components/GridAvatar/GridAvatar.js.map +1 -1
  144. package/dist/cjs/components/Group/Group.js +4 -2
  145. package/dist/cjs/components/Group/Group.js.map +1 -1
  146. package/dist/cjs/components/Header/Header.js +3 -11
  147. package/dist/cjs/components/Header/Header.js.map +1 -1
  148. package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
  149. package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  150. package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  151. package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
  152. package/dist/cjs/components/IconButton/IconButton.js +4 -3
  153. package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
  154. package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
  155. package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  156. package/dist/cjs/components/Input/Input.js +4 -2
  157. package/dist/cjs/components/Input/Input.js.map +1 -1
  158. package/dist/cjs/components/InputLike/InputLike.js.map +1 -1
  159. package/dist/cjs/components/InputLike/InputLikeDivider.js.map +1 -1
  160. package/dist/cjs/components/Link/Link.js.map +1 -1
  161. package/dist/cjs/components/List/List.js.map +1 -1
  162. package/dist/cjs/components/List/ListContext.js.map +1 -1
  163. package/dist/cjs/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  164. package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  165. package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
  166. package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
  167. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js +1 -6
  168. package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  169. package/dist/cjs/components/ModalPage/ModalPage.js +11 -10
  170. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  171. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js +3 -4
  172. package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  173. package/dist/cjs/components/ModalRoot/ModalRoot.js +4 -18
  174. package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
  175. package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  176. package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
  177. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +3 -11
  178. package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  179. package/dist/cjs/components/ModalRoot/constants.js.map +1 -1
  180. package/dist/cjs/components/ModalRoot/types.js.map +1 -1
  181. package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
  182. package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
  183. package/dist/cjs/components/NativeSelect/NativeSelect.js +4 -2
  184. package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
  185. package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  186. package/dist/cjs/components/Pagination/Pagination.js.map +1 -1
  187. package/dist/cjs/components/Panel/Panel.js +4 -10
  188. package/dist/cjs/components/Panel/Panel.js.map +1 -1
  189. package/dist/cjs/components/PanelHeader/PanelHeader.js +2 -11
  190. package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
  191. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js +2 -7
  192. package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  193. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +2 -7
  194. package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  195. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js +1 -1
  196. package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  197. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +4 -2
  198. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  199. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +4 -8
  200. package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  201. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js +1 -1
  202. package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  203. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js +1 -1
  204. package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  205. package/dist/cjs/components/PanelSpinner/PanelSpinner.js.map +1 -1
  206. package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
  207. package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
  208. package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  209. package/dist/cjs/components/Popper/Popper.js.map +1 -1
  210. package/dist/cjs/components/PopperArrow/PopperArrow.js.map +1 -1
  211. package/dist/cjs/components/Progress/Progress.js.map +1 -1
  212. package/dist/cjs/components/PromoBanner/PromoBanner.js +2 -7
  213. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  214. package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
  215. package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  216. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  217. package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
  218. package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
  219. package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
  220. package/dist/cjs/components/Removable/Removable.js.map +1 -1
  221. package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
  222. package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
  223. package/dist/cjs/components/Root/Root.js.map +1 -1
  224. package/dist/cjs/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  225. package/dist/cjs/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  226. package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  227. package/dist/cjs/components/Search/Search.js +7 -9
  228. package/dist/cjs/components/Search/Search.js.map +1 -1
  229. package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  230. package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  231. package/dist/cjs/components/Select/Select.js.map +1 -1
  232. package/dist/cjs/components/SelectMimicry/SelectMimicry.js +4 -2
  233. package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
  234. package/dist/cjs/components/Separator/Separator.js.map +1 -1
  235. package/dist/cjs/components/SimpleCell/SimpleCell.js +30 -8
  236. package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
  237. package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  238. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  239. package/dist/cjs/components/SliderSwitch/SliderSwitch.js +2 -5
  240. package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
  241. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +2 -7
  242. package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  243. package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
  244. package/dist/cjs/components/Spacing/Spacing.js.map +1 -1
  245. package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
  246. package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
  247. package/dist/cjs/components/SplitLayout/SplitLayout.js.map +1 -1
  248. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js +1 -6
  249. package/dist/cjs/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  250. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +17 -16
  251. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  252. package/dist/cjs/components/Switch/Switch.js.map +1 -1
  253. package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
  254. package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
  255. package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
  256. package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
  257. package/dist/cjs/components/Tappable/Tappable.js +8 -16
  258. package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
  259. package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
  260. package/dist/cjs/components/Textarea/Textarea.js +4 -2
  261. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  262. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  263. package/dist/cjs/components/Tooltip/TooltipContainer.js.map +1 -1
  264. package/dist/cjs/components/Touch/Touch.js.map +1 -1
  265. package/dist/cjs/components/Touch/TouchContext.js.map +1 -1
  266. package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
  267. package/dist/cjs/components/Typography/Footnote/Footnote.js.map +1 -1
  268. package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
  269. package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map +1 -1
  270. package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
  271. package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
  272. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  273. package/dist/cjs/components/UsersStack/UsersStack.js +75 -37
  274. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  275. package/dist/cjs/components/View/View.js +2 -7
  276. package/dist/cjs/components/View/View.js.map +1 -1
  277. package/dist/cjs/components/View/ViewInfinite.js +1 -10
  278. package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
  279. package/dist/cjs/components/View/utils.js.map +1 -1
  280. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -4
  281. package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  282. package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
  283. package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  284. package/dist/cjs/helpers/avatar.js.map +1 -1
  285. package/dist/cjs/helpers/getClassName.js.map +1 -1
  286. package/dist/cjs/helpers/getScheme.js.map +1 -1
  287. package/dist/cjs/helpers/math.js.map +1 -1
  288. package/dist/cjs/helpers/scheme.js.map +1 -1
  289. package/dist/cjs/hoc/withAdaptivity.js.map +1 -1
  290. package/dist/cjs/hoc/withContext.js.map +1 -1
  291. package/dist/cjs/hoc/withInsets.js.map +1 -1
  292. package/dist/cjs/hoc/withPlatform.js.map +1 -1
  293. package/dist/cjs/hooks/useAdaptivity.js.map +1 -1
  294. package/dist/cjs/hooks/useAppearance.js.map +1 -1
  295. package/dist/cjs/hooks/useBooleanState.js.map +1 -1
  296. package/dist/cjs/hooks/useBridgeAdaptivity.js.map +1 -1
  297. package/dist/cjs/hooks/useBrowserInfo.js.map +1 -1
  298. package/dist/cjs/hooks/useCalendar.js.map +1 -1
  299. package/dist/cjs/{components/ChipsInput → hooks}/useChipsInput.js +0 -0
  300. package/dist/cjs/hooks/useChipsInput.js.map +1 -0
  301. package/dist/cjs/{components/ChipsSelect → hooks}/useChipsSelect.js +1 -1
  302. package/dist/cjs/hooks/useChipsSelect.js.map +1 -0
  303. package/dist/cjs/hooks/useDateInput.js.map +1 -1
  304. package/dist/cjs/hooks/useEffectDev.js.map +1 -1
  305. package/dist/cjs/hooks/useEnsuredControl.js.map +1 -1
  306. package/dist/cjs/hooks/useEventListener.js.map +1 -1
  307. package/dist/cjs/hooks/useExternRef.js.map +1 -1
  308. package/dist/cjs/hooks/useFocusVisible.js.map +1 -1
  309. package/dist/cjs/hooks/useGlobalEventListener.js.map +1 -1
  310. package/dist/cjs/hooks/useInsets.js.map +1 -1
  311. package/dist/cjs/hooks/useKeyboard.js.map +1 -1
  312. package/dist/cjs/hooks/useKeyboardInputTracker.js.map +1 -1
  313. package/dist/cjs/hooks/useObjectMemo.js.map +1 -1
  314. package/dist/cjs/hooks/useOrientationChange.js.map +1 -1
  315. package/dist/cjs/hooks/usePagination.js.map +1 -1
  316. package/dist/cjs/hooks/usePatchChildrenRef.js.map +1 -1
  317. package/dist/cjs/hooks/usePlatform.js.map +1 -1
  318. package/dist/cjs/hooks/usePrevious.js.map +1 -1
  319. package/dist/cjs/hooks/useTimeout.js.map +1 -1
  320. package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
  321. package/dist/cjs/index.js +16 -0
  322. package/dist/cjs/index.js.map +1 -1
  323. package/dist/cjs/lib/SSR.js.map +1 -1
  324. package/dist/cjs/lib/accessibility.js.map +1 -1
  325. package/dist/cjs/lib/animate.js +2 -2
  326. package/dist/cjs/lib/animate.js.map +1 -1
  327. package/dist/cjs/lib/browser.js.map +1 -1
  328. package/dist/cjs/lib/calendar.js.map +1 -1
  329. package/dist/cjs/lib/callMultiple.js.map +1 -1
  330. package/dist/cjs/lib/classNames.js.map +1 -1
  331. package/dist/cjs/lib/classScopingMode.js.map +1 -1
  332. package/dist/cjs/lib/date.js.map +1 -1
  333. package/dist/cjs/lib/dom.js.map +1 -1
  334. package/dist/cjs/lib/fx.js.map +1 -1
  335. package/dist/cjs/lib/getNavId.js.map +1 -1
  336. package/dist/cjs/lib/is.js.map +1 -1
  337. package/dist/cjs/lib/isRefObject.js.map +1 -1
  338. package/dist/cjs/lib/jsxRuntime.d.js.map +1 -1
  339. package/dist/cjs/lib/jsxRuntime.js.map +1 -1
  340. package/dist/cjs/lib/offset.js.map +1 -1
  341. package/dist/cjs/lib/platform.js.map +1 -1
  342. package/dist/cjs/lib/polyfills.js.map +1 -1
  343. package/dist/cjs/lib/prefixClass.js.map +1 -1
  344. package/dist/cjs/lib/removeObjectKeys.js.map +1 -1
  345. package/dist/cjs/lib/select.js.map +1 -1
  346. package/dist/cjs/lib/styles.js.map +1 -1
  347. package/dist/cjs/lib/supportEvents.js.map +1 -1
  348. package/dist/cjs/lib/taptic.js.map +1 -1
  349. package/dist/cjs/lib/testing.js +2 -2
  350. package/dist/cjs/lib/testing.js.map +1 -1
  351. package/dist/cjs/lib/touch.js +2 -2
  352. package/dist/cjs/lib/touch.js.map +1 -1
  353. package/dist/cjs/lib/useIsomorphicLayoutEffect.js.map +1 -1
  354. package/dist/cjs/lib/utils.js.map +1 -1
  355. package/dist/cjs/lib/warnOnce.js.map +1 -1
  356. package/dist/cjs/tokenized/index.js +240 -0
  357. package/dist/cjs/tokenized/index.js.map +1 -1
  358. package/dist/cjs/types.js.map +1 -1
  359. package/dist/cjs/unstable/index.js.map +1 -1
  360. package/dist/components/ActionSheet/ActionSheet.js +4 -4
  361. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  362. package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
  363. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts +3 -0
  364. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +10 -0
  365. package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -0
  366. package/dist/components/ActionSheet/ActionSheetDropdown.js +7 -7
  367. package/dist/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  368. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -4
  369. package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  370. package/dist/components/ActionSheet/types.js.map +1 -1
  371. package/dist/components/ActionSheetItem/ActionSheetItem.d.ts +5 -1
  372. package/dist/components/ActionSheetItem/ActionSheetItem.js +16 -36
  373. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  374. package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  375. package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  376. package/dist/components/AdaptivityProvider/AdaptivityProvider.js +2 -4
  377. package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  378. package/dist/components/Alert/Alert.js +12 -12
  379. package/dist/components/Alert/Alert.js.map +1 -1
  380. package/dist/components/AppRoot/AppRoot.js +2 -5
  381. package/dist/components/AppRoot/AppRoot.js.map +1 -1
  382. package/dist/components/AppRoot/AppRootContext.js.map +1 -1
  383. package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
  384. package/dist/components/AppRoot/ScrollContext.js.map +1 -1
  385. package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  386. package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  387. package/dist/components/Avatar/Avatar.js +4 -17
  388. package/dist/components/Avatar/Avatar.js.map +1 -1
  389. package/dist/components/Badge/Badge.js.map +1 -1
  390. package/dist/components/Banner/Banner.js.map +1 -1
  391. package/dist/components/BaseGallery/BaseGallery.js +11 -10
  392. package/dist/components/BaseGallery/BaseGallery.js.map +1 -1
  393. package/dist/components/BaseGallery/helpers.js.map +1 -1
  394. package/dist/components/BaseGallery/types.js.map +1 -1
  395. package/dist/components/Button/Button.js.map +1 -1
  396. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  397. package/dist/components/Calendar/Calendar.d.ts +3 -2
  398. package/dist/components/Calendar/Calendar.js +9 -3
  399. package/dist/components/Calendar/Calendar.js.map +1 -1
  400. package/dist/components/CalendarDay/CalendarDay.d.ts +4 -2
  401. package/dist/components/CalendarDay/CalendarDay.js +11 -23
  402. package/dist/components/CalendarDay/CalendarDay.js.map +1 -1
  403. package/dist/components/CalendarDays/CalendarDays.d.ts +3 -1
  404. package/dist/components/CalendarDays/CalendarDays.js +4 -3
  405. package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
  406. package/dist/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  407. package/dist/components/CalendarHeader/CalendarHeader.js +7 -4
  408. package/dist/components/CalendarHeader/CalendarHeader.js.map +1 -1
  409. package/dist/components/CalendarRange/CalendarRange.js.map +1 -1
  410. package/dist/components/CalendarTime/CalendarTime.js.map +1 -1
  411. package/dist/components/Card/Card.js.map +1 -1
  412. package/dist/components/CardGrid/CardGrid.js.map +1 -1
  413. package/dist/components/CardScroll/CardScroll.js +1 -3
  414. package/dist/components/CardScroll/CardScroll.js.map +1 -1
  415. package/dist/components/Cell/Cell.js.map +1 -1
  416. package/dist/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  417. package/dist/components/Cell/CellDragger/CellDragger.js.map +1 -1
  418. package/dist/components/Cell/useDraggable.js.map +1 -1
  419. package/dist/components/CellButton/CellButton.js.map +1 -1
  420. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  421. package/dist/components/Chip/Chip.d.ts +12 -5
  422. package/dist/components/Chip/Chip.js.map +1 -1
  423. package/dist/components/ChipsInput/ChipsInput.d.ts +5 -26
  424. package/dist/components/ChipsInput/ChipsInput.js +14 -183
  425. package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
  426. package/dist/components/ChipsInputBase/ChipsInputBase.d.ts +17 -0
  427. package/dist/components/ChipsInputBase/ChipsInputBase.js +188 -0
  428. package/dist/components/ChipsInputBase/ChipsInputBase.js.map +1 -0
  429. package/dist/components/ChipsSelect/ChipsSelect.d.ts +6 -4
  430. package/dist/components/ChipsSelect/ChipsSelect.js +47 -27
  431. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  432. package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
  433. package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  434. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  435. package/dist/components/Counter/Counter.js.map +1 -1
  436. package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
  437. package/dist/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  438. package/dist/components/CustomSelect/CustomSelect.d.ts +1 -1
  439. package/dist/components/CustomSelect/CustomSelect.js +32 -31
  440. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  441. package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  442. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  443. package/dist/components/DateInput/DateInput.d.ts +4 -2
  444. package/dist/components/DateInput/DateInput.js +4 -2
  445. package/dist/components/DateInput/DateInput.js.map +1 -1
  446. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  447. package/dist/components/DateRangeInput/DateRangeInput.d.ts +4 -2
  448. package/dist/components/DateRangeInput/DateRangeInput.js +4 -2
  449. package/dist/components/DateRangeInput/DateRangeInput.js.map +1 -1
  450. package/dist/components/Div/Div.js.map +1 -1
  451. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  452. package/dist/components/DropdownIcon/DropdownIcon.d.ts +4 -2
  453. package/dist/components/DropdownIcon/DropdownIcon.js +15 -7
  454. package/dist/components/DropdownIcon/DropdownIcon.js.map +1 -1
  455. package/dist/components/Epic/Epic.js.map +1 -1
  456. package/dist/components/Epic/ScrollSaver.js.map +1 -1
  457. package/dist/components/File/File.js.map +1 -1
  458. package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
  459. package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
  460. package/dist/components/FocusVisible/FocusVisible.js.map +1 -1
  461. package/dist/components/Footer/Footer.js.map +1 -1
  462. package/dist/components/FormField/FormField.d.ts +2 -1
  463. package/dist/components/FormField/FormField.js +4 -2
  464. package/dist/components/FormField/FormField.js.map +1 -1
  465. package/dist/components/FormItem/FormItem.js.map +1 -1
  466. package/dist/components/FormLayout/FormLayout.js.map +1 -1
  467. package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts +5 -1
  468. package/dist/components/FormLayoutGroup/FormLayoutGroup.js +9 -3
  469. package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  470. package/dist/components/FormStatus/FormStatus.d.ts +1 -0
  471. package/dist/components/FormStatus/FormStatus.js +4 -4
  472. package/dist/components/FormStatus/FormStatus.js.map +1 -1
  473. package/dist/components/Gallery/Gallery.js +2 -0
  474. package/dist/components/Gallery/Gallery.js.map +1 -1
  475. package/dist/components/Gradient/Gradient.js.map +1 -1
  476. package/dist/components/GridAvatar/GridAvatar.js.map +1 -1
  477. package/dist/components/Group/Group.d.ts +5 -1
  478. package/dist/components/Group/Group.js +4 -2
  479. package/dist/components/Group/Group.js.map +1 -1
  480. package/dist/components/Header/Header.js +3 -10
  481. package/dist/components/Header/Header.js.map +1 -1
  482. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  483. package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  484. package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  485. package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
  486. package/dist/components/IconButton/IconButton.js +4 -3
  487. package/dist/components/IconButton/IconButton.js.map +1 -1
  488. package/dist/components/InfoRow/InfoRow.js.map +1 -1
  489. package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  490. package/dist/components/Input/Input.d.ts +1 -1
  491. package/dist/components/Input/Input.js +4 -2
  492. package/dist/components/Input/Input.js.map +1 -1
  493. package/dist/components/InputLike/InputLike.js.map +1 -1
  494. package/dist/components/InputLike/InputLikeDivider.js.map +1 -1
  495. package/dist/components/Link/Link.js.map +1 -1
  496. package/dist/components/List/List.d.ts +2 -1
  497. package/dist/components/List/List.js.map +1 -1
  498. package/dist/components/List/ListContext.js.map +1 -1
  499. package/dist/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  500. package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  501. package/dist/components/ModalCard/ModalCard.js.map +1 -1
  502. package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
  503. package/dist/components/ModalDismissButton/ModalDismissButton.js +1 -4
  504. package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  505. package/dist/components/ModalPage/ModalPage.d.ts +13 -1
  506. package/dist/components/ModalPage/ModalPage.js +12 -10
  507. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  508. package/dist/components/ModalPageHeader/ModalPageHeader.js +3 -3
  509. package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  510. package/dist/components/ModalRoot/ModalRoot.js +4 -18
  511. package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
  512. package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  513. package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
  514. package/dist/components/ModalRoot/ModalRootDesktop.js +3 -11
  515. package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  516. package/dist/components/ModalRoot/constants.js.map +1 -1
  517. package/dist/components/ModalRoot/types.js.map +1 -1
  518. package/dist/components/ModalRoot/useModalManager.js.map +1 -1
  519. package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
  520. package/dist/components/NativeSelect/NativeSelect.d.ts +3 -2
  521. package/dist/components/NativeSelect/NativeSelect.js +4 -2
  522. package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
  523. package/dist/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  524. package/dist/components/Pagination/Pagination.js.map +1 -1
  525. package/dist/components/Panel/Panel.js +4 -8
  526. package/dist/components/Panel/Panel.js.map +1 -1
  527. package/dist/components/PanelHeader/PanelHeader.js +2 -11
  528. package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
  529. package/dist/components/PanelHeaderBack/PanelHeaderBack.js +2 -6
  530. package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  531. package/dist/components/PanelHeaderButton/PanelHeaderButton.js +2 -7
  532. package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  533. package/dist/components/PanelHeaderClose/PanelHeaderClose.js +2 -2
  534. package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  535. package/dist/components/PanelHeaderContent/PanelHeaderContent.js +4 -3
  536. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  537. package/dist/components/PanelHeaderContext/PanelHeaderContext.js +3 -7
  538. package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  539. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -2
  540. package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  541. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -2
  542. package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  543. package/dist/components/PanelSpinner/PanelSpinner.js.map +1 -1
  544. package/dist/components/Placeholder/Placeholder.js.map +1 -1
  545. package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
  546. package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  547. package/dist/components/Popper/Popper.js.map +1 -1
  548. package/dist/components/PopperArrow/PopperArrow.js.map +1 -1
  549. package/dist/components/Progress/Progress.js.map +1 -1
  550. package/dist/components/PromoBanner/PromoBanner.js +2 -5
  551. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  552. package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
  553. package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  554. package/dist/components/Radio/Radio.js.map +1 -1
  555. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  556. package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
  557. package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
  558. package/dist/components/Removable/Removable.js.map +1 -1
  559. package/dist/components/RichCell/RichCell.js.map +1 -1
  560. package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
  561. package/dist/components/Root/Root.js.map +1 -1
  562. package/dist/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  563. package/dist/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  564. package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  565. package/dist/components/Search/Search.js +6 -8
  566. package/dist/components/Search/Search.js.map +1 -1
  567. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  568. package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  569. package/dist/components/Select/Select.d.ts +1 -1
  570. package/dist/components/Select/Select.js.map +1 -1
  571. package/dist/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  572. package/dist/components/SelectMimicry/SelectMimicry.js +4 -2
  573. package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
  574. package/dist/components/Separator/Separator.js.map +1 -1
  575. package/dist/components/SimpleCell/SimpleCell.d.ts +34 -1
  576. package/dist/components/SimpleCell/SimpleCell.js +29 -8
  577. package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
  578. package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  579. package/dist/components/Slider/Slider.js.map +1 -1
  580. package/dist/components/SliderSwitch/SliderSwitch.js +1 -4
  581. package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
  582. package/dist/components/SliderSwitch/SliderSwitchButton.js +1 -5
  583. package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  584. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  585. package/dist/components/Spacing/Spacing.js.map +1 -1
  586. package/dist/components/Spinner/Spinner.js.map +1 -1
  587. package/dist/components/SplitCol/SplitCol.js.map +1 -1
  588. package/dist/components/SplitLayout/SplitLayout.js.map +1 -1
  589. package/dist/components/SubnavigationBar/SubnavigationBar.js +1 -4
  590. package/dist/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  591. package/dist/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  592. package/dist/components/SubnavigationButton/SubnavigationButton.js +16 -15
  593. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  594. package/dist/components/Switch/Switch.js.map +1 -1
  595. package/dist/components/Tabbar/Tabbar.js.map +1 -1
  596. package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
  597. package/dist/components/Tabs/Tabs.js.map +1 -1
  598. package/dist/components/TabsItem/TabsItem.js.map +1 -1
  599. package/dist/components/Tappable/Tappable.d.ts +2 -1
  600. package/dist/components/Tappable/Tappable.js +3 -10
  601. package/dist/components/Tappable/Tappable.js.map +1 -1
  602. package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
  603. package/dist/components/Textarea/Textarea.d.ts +3 -2
  604. package/dist/components/Textarea/Textarea.js +4 -2
  605. package/dist/components/Textarea/Textarea.js.map +1 -1
  606. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  607. package/dist/components/Tooltip/TooltipContainer.js.map +1 -1
  608. package/dist/components/Touch/Touch.js.map +1 -1
  609. package/dist/components/Touch/TouchContext.js.map +1 -1
  610. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  611. package/dist/components/Typography/Footnote/Footnote.js.map +1 -1
  612. package/dist/components/Typography/Headline/Headline.js.map +1 -1
  613. package/dist/components/Typography/Paragraph/Paragraph.js.map +1 -1
  614. package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
  615. package/dist/components/Typography/Text/Text.js.map +1 -1
  616. package/dist/components/Typography/Title/Title.js.map +1 -1
  617. package/dist/components/UsersStack/UsersStack.d.ts +7 -1
  618. package/dist/components/UsersStack/UsersStack.js +73 -31
  619. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  620. package/dist/components/View/View.js +2 -7
  621. package/dist/components/View/View.js.map +1 -1
  622. package/dist/components/View/ViewInfinite.js +1 -10
  623. package/dist/components/View/ViewInfinite.js.map +1 -1
  624. package/dist/components/View/utils.js.map +1 -1
  625. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
  626. package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  627. package/dist/components/WriteBar/WriteBar.js.map +1 -1
  628. package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  629. package/dist/components.css +124 -17
  630. package/dist/components.css.map +1 -1
  631. package/dist/cssm/appearance/constants.js.map +1 -1
  632. package/dist/cssm/components/ActionSheet/ActionSheet.css +3 -1
  633. package/dist/cssm/components/ActionSheet/ActionSheet.js +4 -4
  634. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  635. package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
  636. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts +3 -0
  637. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js +10 -0
  638. package/dist/cssm/components/ActionSheet/ActionSheetDefaultIosCloseItem.js.map +1 -0
  639. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js +7 -7
  640. package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js.map +1 -1
  641. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -4
  642. package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
  643. package/dist/cssm/components/ActionSheet/types.js.map +1 -1
  644. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.css +7 -1
  645. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.d.ts +5 -1
  646. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +16 -36
  647. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  648. package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
  649. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +4 -4
  650. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js +2 -4
  651. package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
  652. package/dist/cssm/components/Alert/Alert.css +7 -1
  653. package/dist/cssm/components/Alert/Alert.js +12 -12
  654. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  655. package/dist/cssm/components/AppRoot/AppRoot.css +1 -1
  656. package/dist/cssm/components/AppRoot/AppRoot.js +2 -5
  657. package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
  658. package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
  659. package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
  660. package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
  661. package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
  662. package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
  663. package/dist/cssm/components/Avatar/Avatar.js +4 -17
  664. package/dist/cssm/components/Avatar/Avatar.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/BaseGallery/BaseGallery.js +11 -10
  668. package/dist/cssm/components/BaseGallery/BaseGallery.js.map +1 -1
  669. package/dist/cssm/components/BaseGallery/helpers.js.map +1 -1
  670. package/dist/cssm/components/BaseGallery/types.js.map +1 -1
  671. package/dist/cssm/components/Button/Button.js.map +1 -1
  672. package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map +1 -1
  673. package/dist/cssm/components/Calendar/Calendar.d.ts +3 -2
  674. package/dist/cssm/components/Calendar/Calendar.js +9 -3
  675. package/dist/cssm/components/Calendar/Calendar.js.map +1 -1
  676. package/dist/cssm/components/CalendarDay/CalendarDay.d.ts +4 -2
  677. package/dist/cssm/components/CalendarDay/CalendarDay.js +11 -23
  678. package/dist/cssm/components/CalendarDay/CalendarDay.js.map +1 -1
  679. package/dist/cssm/components/CalendarDays/CalendarDays.d.ts +3 -1
  680. package/dist/cssm/components/CalendarDays/CalendarDays.js +4 -3
  681. package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
  682. package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts +6 -1
  683. package/dist/cssm/components/CalendarHeader/CalendarHeader.js +7 -4
  684. package/dist/cssm/components/CalendarHeader/CalendarHeader.js.map +1 -1
  685. package/dist/cssm/components/CalendarRange/CalendarRange.js.map +1 -1
  686. package/dist/cssm/components/CalendarTime/CalendarTime.js.map +1 -1
  687. package/dist/cssm/components/Card/Card.js.map +1 -1
  688. package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
  689. package/dist/cssm/components/CardScroll/CardScroll.js +1 -3
  690. package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
  691. package/dist/cssm/components/Cell/Cell.js.map +1 -1
  692. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.css +1 -1
  693. package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.js.map +1 -1
  694. package/dist/cssm/components/Cell/CellDragger/CellDragger.css +1 -1
  695. package/dist/cssm/components/Cell/CellDragger/CellDragger.js.map +1 -1
  696. package/dist/cssm/components/Cell/useDraggable.js.map +1 -1
  697. package/dist/cssm/components/CellButton/CellButton.js.map +1 -1
  698. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  699. package/dist/cssm/components/Chip/Chip.css +1 -1
  700. package/dist/cssm/components/Chip/Chip.d.ts +12 -5
  701. package/dist/cssm/components/Chip/Chip.js.map +1 -1
  702. package/dist/cssm/components/ChipsInput/ChipsInput.css +1 -1
  703. package/dist/cssm/components/ChipsInput/ChipsInput.d.ts +5 -26
  704. package/dist/cssm/components/ChipsInput/ChipsInput.js +14 -183
  705. package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
  706. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.css +1 -0
  707. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.d.ts +17 -0
  708. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js +189 -0
  709. package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map +1 -0
  710. package/dist/cssm/components/ChipsSelect/ChipsSelect.css +1 -1
  711. package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +6 -4
  712. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +47 -27
  713. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  714. package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  715. package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
  716. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  717. package/dist/cssm/components/Counter/Counter.css +3 -1
  718. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  719. package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
  720. package/dist/cssm/components/CustomScrollView/useTrackerVisibility.js.map +1 -1
  721. package/dist/cssm/components/CustomSelect/CustomSelect.css +1 -1
  722. package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +1 -1
  723. package/dist/cssm/components/CustomSelect/CustomSelect.js +32 -31
  724. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  725. package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
  726. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  727. package/dist/cssm/components/DateInput/DateInput.css +1 -1
  728. package/dist/cssm/components/DateInput/DateInput.d.ts +4 -2
  729. package/dist/cssm/components/DateInput/DateInput.js +4 -2
  730. package/dist/cssm/components/DateInput/DateInput.js.map +1 -1
  731. package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
  732. package/dist/cssm/components/DateRangeInput/DateRangeInput.css +1 -1
  733. package/dist/cssm/components/DateRangeInput/DateRangeInput.d.ts +4 -2
  734. package/dist/cssm/components/DateRangeInput/DateRangeInput.js +4 -2
  735. package/dist/cssm/components/DateRangeInput/DateRangeInput.js.map +1 -1
  736. package/dist/cssm/components/Div/Div.js.map +1 -1
  737. package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
  738. package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +4 -2
  739. package/dist/cssm/components/DropdownIcon/DropdownIcon.js +15 -8
  740. package/dist/cssm/components/DropdownIcon/DropdownIcon.js.map +1 -1
  741. package/dist/cssm/components/Epic/Epic.js.map +1 -1
  742. package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
  743. package/dist/cssm/components/File/File.js.map +1 -1
  744. package/dist/cssm/components/FixedLayout/FixedLayout.css +7 -1
  745. package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
  746. package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
  747. package/dist/cssm/components/FocusVisible/FocusVisible.js.map +1 -1
  748. package/dist/cssm/components/Footer/Footer.js.map +1 -1
  749. package/dist/cssm/components/FormField/FormField.css +4 -4
  750. package/dist/cssm/components/FormField/FormField.d.ts +2 -1
  751. package/dist/cssm/components/FormField/FormField.js +4 -2
  752. package/dist/cssm/components/FormField/FormField.js.map +1 -1
  753. package/dist/cssm/components/FormItem/FormItem.css +1 -1
  754. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  755. package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
  756. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css +1 -1
  757. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +5 -1
  758. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +9 -3
  759. package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
  760. package/dist/cssm/components/FormStatus/FormStatus.css +3 -1
  761. package/dist/cssm/components/FormStatus/FormStatus.d.ts +1 -0
  762. package/dist/cssm/components/FormStatus/FormStatus.js +4 -4
  763. package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
  764. package/dist/cssm/components/Gallery/Gallery.js +2 -0
  765. package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
  766. package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
  767. package/dist/cssm/components/GridAvatar/GridAvatar.js.map +1 -1
  768. package/dist/cssm/components/Group/Group.css +1 -1
  769. package/dist/cssm/components/Group/Group.d.ts +5 -1
  770. package/dist/cssm/components/Group/Group.js +4 -2
  771. package/dist/cssm/components/Group/Group.js.map +1 -1
  772. package/dist/cssm/components/Header/Header.css +1 -1
  773. package/dist/cssm/components/Header/Header.js +3 -10
  774. package/dist/cssm/components/Header/Header.js.map +1 -1
  775. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  776. package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
  777. package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
  778. package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
  779. package/dist/cssm/components/IconButton/IconButton.js +4 -3
  780. package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
  781. package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
  782. package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
  783. package/dist/cssm/components/Input/Input.css +1 -1
  784. package/dist/cssm/components/Input/Input.d.ts +1 -1
  785. package/dist/cssm/components/Input/Input.js +4 -2
  786. package/dist/cssm/components/Input/Input.js.map +1 -1
  787. package/dist/cssm/components/InputLike/InputLike.js.map +1 -1
  788. package/dist/cssm/components/InputLike/InputLikeDivider.js.map +1 -1
  789. package/dist/cssm/components/Link/Link.css +1 -1
  790. package/dist/cssm/components/Link/Link.js.map +1 -1
  791. package/dist/cssm/components/List/List.d.ts +2 -1
  792. package/dist/cssm/components/List/List.js +1 -1
  793. package/dist/cssm/components/List/List.js.map +1 -1
  794. package/dist/cssm/components/List/ListContext.js.map +1 -1
  795. package/dist/cssm/components/LocaleProviderContext/LocaleProviderContext.js.map +1 -1
  796. package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
  797. package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
  798. package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
  799. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.css +1 -1
  800. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js +1 -4
  801. package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
  802. package/dist/cssm/components/ModalPage/ModalPage.css +5 -1
  803. package/dist/cssm/components/ModalPage/ModalPage.d.ts +13 -1
  804. package/dist/cssm/components/ModalPage/ModalPage.js +12 -10
  805. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  806. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.css +1 -1
  807. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js +3 -3
  808. package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
  809. package/dist/cssm/components/ModalRoot/ModalRoot.css +4 -1
  810. package/dist/cssm/components/ModalRoot/ModalRoot.js +4 -18
  811. package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
  812. package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
  813. package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
  814. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +3 -11
  815. package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
  816. package/dist/cssm/components/ModalRoot/constants.js.map +1 -1
  817. package/dist/cssm/components/ModalRoot/types.js.map +1 -1
  818. package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
  819. package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
  820. package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +3 -2
  821. package/dist/cssm/components/NativeSelect/NativeSelect.js +4 -2
  822. package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
  823. package/dist/cssm/components/NavTransitionContext/NavTransitionContext.js.map +1 -1
  824. package/dist/cssm/components/Pagination/Pagination.js.map +1 -1
  825. package/dist/cssm/components/Panel/Panel.css +19 -1
  826. package/dist/cssm/components/Panel/Panel.js +4 -8
  827. package/dist/cssm/components/Panel/Panel.js.map +1 -1
  828. package/dist/cssm/components/PanelHeader/PanelHeader.css +9 -1
  829. package/dist/cssm/components/PanelHeader/PanelHeader.js +2 -11
  830. package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
  831. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +2 -6
  832. package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
  833. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.css +1 -1
  834. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +2 -7
  835. package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
  836. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +2 -2
  837. package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
  838. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css +5 -1
  839. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +4 -3
  840. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  841. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.css +1 -1
  842. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +3 -7
  843. package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
  844. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -2
  845. package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
  846. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -2
  847. package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
  848. package/dist/cssm/components/PanelSpinner/PanelSpinner.js.map +1 -1
  849. package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
  850. package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
  851. package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
  852. package/dist/cssm/components/Popper/Popper.js.map +1 -1
  853. package/dist/cssm/components/PopperArrow/PopperArrow.js.map +1 -1
  854. package/dist/cssm/components/Progress/Progress.js.map +1 -1
  855. package/dist/cssm/components/PromoBanner/PromoBanner.css +3 -1
  856. package/dist/cssm/components/PromoBanner/PromoBanner.js +2 -5
  857. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  858. package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
  859. package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
  860. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  861. package/dist/cssm/components/RadioGroup/RadioGroup.js.map +1 -1
  862. package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
  863. package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
  864. package/dist/cssm/components/Removable/Removable.js.map +1 -1
  865. package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
  866. package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
  867. package/dist/cssm/components/Root/Root.js.map +1 -1
  868. package/dist/cssm/components/ScreenSpinner/Icon48CancelCircle.js.map +1 -1
  869. package/dist/cssm/components/ScreenSpinner/Icon48DoneOutline.js.map +1 -1
  870. package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
  871. package/dist/cssm/components/Search/Search.css +27 -1
  872. package/dist/cssm/components/Search/Search.js +6 -8
  873. package/dist/cssm/components/Search/Search.js.map +1 -1
  874. package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  875. package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -1
  876. package/dist/cssm/components/Select/Select.css +1 -1
  877. package/dist/cssm/components/Select/Select.d.ts +1 -1
  878. package/dist/cssm/components/Select/Select.js.map +1 -1
  879. package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +2 -2
  880. package/dist/cssm/components/SelectMimicry/SelectMimicry.js +4 -2
  881. package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
  882. package/dist/cssm/components/Separator/Separator.js.map +1 -1
  883. package/dist/cssm/components/SimpleCell/SimpleCell.css +1 -1
  884. package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +34 -1
  885. package/dist/cssm/components/SimpleCell/SimpleCell.js +29 -8
  886. package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
  887. package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
  888. package/dist/cssm/components/Slider/Slider.js.map +1 -1
  889. package/dist/cssm/components/SliderSwitch/SliderSwitch.js +1 -4
  890. package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
  891. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +1 -5
  892. package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
  893. package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
  894. package/dist/cssm/components/Spacing/Spacing.js.map +1 -1
  895. package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
  896. package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
  897. package/dist/cssm/components/SplitLayout/SplitLayout.css +7 -1
  898. package/dist/cssm/components/SplitLayout/SplitLayout.js.map +1 -1
  899. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.css +1 -1
  900. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js +1 -4
  901. package/dist/cssm/components/SubnavigationBar/SubnavigationBar.js.map +1 -1
  902. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.css +9 -1
  903. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +3 -2
  904. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +16 -15
  905. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  906. package/dist/cssm/components/Switch/Switch.js.map +1 -1
  907. package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
  908. package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
  909. package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
  910. package/dist/cssm/components/TabsItem/TabsItem.css +5 -1
  911. package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
  912. package/dist/cssm/components/Tappable/Tappable.d.ts +2 -1
  913. package/dist/cssm/components/Tappable/Tappable.js +3 -10
  914. package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
  915. package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
  916. package/dist/cssm/components/Textarea/Textarea.css +1 -1
  917. package/dist/cssm/components/Textarea/Textarea.d.ts +3 -2
  918. package/dist/cssm/components/Textarea/Textarea.js +4 -2
  919. package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
  920. package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
  921. package/dist/cssm/components/Tooltip/TooltipContainer.js.map +1 -1
  922. package/dist/cssm/components/Touch/Touch.js.map +1 -1
  923. package/dist/cssm/components/Touch/TouchContext.js.map +1 -1
  924. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  925. package/dist/cssm/components/Typography/Footnote/Footnote.js.map +1 -1
  926. package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
  927. package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map +1 -1
  928. package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
  929. package/dist/cssm/components/Typography/Text/Text.js.map +1 -1
  930. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  931. package/dist/cssm/components/UsersStack/UsersStack.css +1 -1
  932. package/dist/cssm/components/UsersStack/UsersStack.d.ts +7 -1
  933. package/dist/cssm/components/UsersStack/UsersStack.js +73 -31
  934. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  935. package/dist/cssm/components/View/View.js +2 -7
  936. package/dist/cssm/components/View/View.js.map +1 -1
  937. package/dist/cssm/components/View/ViewInfinite.js +1 -10
  938. package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
  939. package/dist/cssm/components/View/utils.js.map +1 -1
  940. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +1 -3
  941. package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -1
  942. package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
  943. package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
  944. package/dist/cssm/helpers/avatar.js.map +1 -1
  945. package/dist/cssm/helpers/getClassName.js.map +1 -1
  946. package/dist/cssm/helpers/getScheme.js.map +1 -1
  947. package/dist/cssm/helpers/math.js.map +1 -1
  948. package/dist/cssm/helpers/scheme.js.map +1 -1
  949. package/dist/cssm/hoc/withAdaptivity.js.map +1 -1
  950. package/dist/cssm/hoc/withContext.js.map +1 -1
  951. package/dist/cssm/hoc/withInsets.js.map +1 -1
  952. package/dist/cssm/hoc/withPlatform.js.map +1 -1
  953. package/dist/cssm/hooks/useAdaptivity.js.map +1 -1
  954. package/dist/cssm/hooks/useAppearance.js.map +1 -1
  955. package/dist/cssm/hooks/useBooleanState.js.map +1 -1
  956. package/dist/cssm/hooks/useBridgeAdaptivity.js.map +1 -1
  957. package/dist/cssm/hooks/useBrowserInfo.js.map +1 -1
  958. package/dist/cssm/hooks/useCalendar.js.map +1 -1
  959. package/dist/cssm/{components/ChipsInput → hooks}/useChipsInput.d.ts +4 -3
  960. package/dist/{components/ChipsInput → cssm/hooks}/useChipsInput.js +0 -0
  961. package/dist/cssm/hooks/useChipsInput.js.map +1 -0
  962. package/{.cache/ts/src/components/ChipsSelect → dist/cssm/hooks}/useChipsSelect.d.ts +4 -4
  963. package/dist/{components/ChipsSelect → cssm/hooks}/useChipsSelect.js +1 -1
  964. package/dist/cssm/hooks/useChipsSelect.js.map +1 -0
  965. package/dist/cssm/hooks/useDateInput.js.map +1 -1
  966. package/dist/cssm/hooks/useEffectDev.js.map +1 -1
  967. package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
  968. package/dist/cssm/hooks/useEventListener.js.map +1 -1
  969. package/dist/cssm/hooks/useExternRef.js.map +1 -1
  970. package/dist/cssm/hooks/useFocusVisible.js.map +1 -1
  971. package/dist/cssm/hooks/useGlobalEventListener.js.map +1 -1
  972. package/dist/cssm/hooks/useInsets.js.map +1 -1
  973. package/dist/cssm/hooks/useKeyboard.js.map +1 -1
  974. package/dist/cssm/hooks/useKeyboardInputTracker.js.map +1 -1
  975. package/dist/cssm/hooks/useObjectMemo.js.map +1 -1
  976. package/dist/cssm/hooks/useOrientationChange.js.map +1 -1
  977. package/dist/cssm/hooks/usePagination.js.map +1 -1
  978. package/dist/cssm/hooks/usePatchChildrenRef.js.map +1 -1
  979. package/dist/cssm/hooks/usePlatform.js.map +1 -1
  980. package/dist/cssm/hooks/usePrevious.js.map +1 -1
  981. package/dist/cssm/hooks/useTimeout.js.map +1 -1
  982. package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
  983. package/dist/cssm/index.d.ts +5 -0
  984. package/dist/cssm/index.js +2 -0
  985. package/dist/cssm/index.js.map +1 -1
  986. package/dist/cssm/lib/SSR.js.map +1 -1
  987. package/dist/cssm/lib/accessibility.js.map +1 -1
  988. package/dist/cssm/lib/animate.js +1 -1
  989. package/dist/cssm/lib/animate.js.map +1 -1
  990. package/dist/cssm/lib/browser.js.map +1 -1
  991. package/dist/cssm/lib/calendar.js.map +1 -1
  992. package/dist/cssm/lib/callMultiple.js.map +1 -1
  993. package/dist/cssm/lib/classNames.js.map +1 -1
  994. package/dist/cssm/lib/classScopingMode.js.map +1 -1
  995. package/dist/cssm/lib/date.js.map +1 -1
  996. package/dist/cssm/lib/dom.js.map +1 -1
  997. package/dist/cssm/lib/fx.js.map +1 -1
  998. package/dist/cssm/lib/getNavId.js.map +1 -1
  999. package/dist/cssm/lib/is.js.map +1 -1
  1000. package/dist/cssm/lib/isRefObject.js.map +1 -1
  1001. package/dist/cssm/lib/jsxRuntime.d.js.map +1 -1
  1002. package/dist/cssm/lib/jsxRuntime.js.map +1 -1
  1003. package/dist/cssm/lib/offset.js.map +1 -1
  1004. package/dist/cssm/lib/platform.js.map +1 -1
  1005. package/dist/cssm/lib/polyfills.js.map +1 -1
  1006. package/dist/cssm/lib/prefixClass.js.map +1 -1
  1007. package/dist/cssm/lib/removeObjectKeys.js.map +1 -1
  1008. package/dist/cssm/lib/select.js.map +1 -1
  1009. package/dist/cssm/lib/styles.js.map +1 -1
  1010. package/dist/cssm/lib/supportEvents.js.map +1 -1
  1011. package/dist/cssm/lib/taptic.js.map +1 -1
  1012. package/dist/cssm/lib/testing.js +1 -1
  1013. package/dist/cssm/lib/testing.js.map +1 -1
  1014. package/dist/cssm/lib/touch.js +1 -1
  1015. package/dist/cssm/lib/touch.js.map +1 -1
  1016. package/dist/cssm/lib/useIsomorphicLayoutEffect.js.map +1 -1
  1017. package/dist/cssm/lib/utils.js.map +1 -1
  1018. package/dist/cssm/lib/warnOnce.js.map +1 -1
  1019. package/dist/cssm/styles/components.css +124 -17
  1020. package/dist/cssm/styles/themes.css +1 -1
  1021. package/dist/cssm/styles/unstable.css +1 -1
  1022. package/dist/cssm/styles/vkcom_dark.css +1 -1
  1023. package/dist/cssm/styles/vkcom_light.css +1 -1
  1024. package/dist/cssm/tokenized/index.d.ts +58 -0
  1025. package/dist/cssm/tokenized/index.js +30 -0
  1026. package/dist/cssm/tokenized/index.js.map +1 -1
  1027. package/dist/cssm/types.js.map +1 -1
  1028. package/dist/cssm/unstable/index.js.map +1 -1
  1029. package/dist/helpers/avatar.js.map +1 -1
  1030. package/dist/helpers/getClassName.js.map +1 -1
  1031. package/dist/helpers/getScheme.js.map +1 -1
  1032. package/dist/helpers/math.js.map +1 -1
  1033. package/dist/helpers/scheme.js.map +1 -1
  1034. package/dist/hoc/withAdaptivity.js.map +1 -1
  1035. package/dist/hoc/withContext.js.map +1 -1
  1036. package/dist/hoc/withInsets.js.map +1 -1
  1037. package/dist/hoc/withPlatform.js.map +1 -1
  1038. package/dist/hooks/useAdaptivity.js.map +1 -1
  1039. package/dist/hooks/useAppearance.js.map +1 -1
  1040. package/dist/hooks/useBooleanState.js.map +1 -1
  1041. package/dist/hooks/useBridgeAdaptivity.js.map +1 -1
  1042. package/dist/hooks/useBrowserInfo.js.map +1 -1
  1043. package/dist/hooks/useCalendar.js.map +1 -1
  1044. package/dist/{components/ChipsInput → hooks}/useChipsInput.d.ts +4 -3
  1045. package/dist/{cssm/components/ChipsInput → hooks}/useChipsInput.js +0 -0
  1046. package/dist/hooks/useChipsInput.js.map +1 -0
  1047. package/dist/{components/ChipsSelect → hooks}/useChipsSelect.d.ts +4 -4
  1048. package/dist/{cssm/components/ChipsSelect → hooks}/useChipsSelect.js +1 -1
  1049. package/dist/hooks/useChipsSelect.js.map +1 -0
  1050. package/dist/hooks/useDateInput.js.map +1 -1
  1051. package/dist/hooks/useEffectDev.js.map +1 -1
  1052. package/dist/hooks/useEnsuredControl.js.map +1 -1
  1053. package/dist/hooks/useEventListener.js.map +1 -1
  1054. package/dist/hooks/useExternRef.js.map +1 -1
  1055. package/dist/hooks/useFocusVisible.js.map +1 -1
  1056. package/dist/hooks/useGlobalEventListener.js.map +1 -1
  1057. package/dist/hooks/useInsets.js.map +1 -1
  1058. package/dist/hooks/useKeyboard.js.map +1 -1
  1059. package/dist/hooks/useKeyboardInputTracker.js.map +1 -1
  1060. package/dist/hooks/useObjectMemo.js.map +1 -1
  1061. package/dist/hooks/useOrientationChange.js.map +1 -1
  1062. package/dist/hooks/usePagination.js.map +1 -1
  1063. package/dist/hooks/usePatchChildrenRef.js.map +1 -1
  1064. package/dist/hooks/usePlatform.js.map +1 -1
  1065. package/dist/hooks/usePrevious.js.map +1 -1
  1066. package/dist/hooks/useTimeout.js.map +1 -1
  1067. package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
  1068. package/dist/index.d.ts +5 -0
  1069. package/dist/index.js +2 -0
  1070. package/dist/index.js.map +1 -1
  1071. package/dist/lib/SSR.js.map +1 -1
  1072. package/dist/lib/accessibility.js.map +1 -1
  1073. package/dist/lib/animate.js +1 -1
  1074. package/dist/lib/animate.js.map +1 -1
  1075. package/dist/lib/browser.js.map +1 -1
  1076. package/dist/lib/calendar.js.map +1 -1
  1077. package/dist/lib/callMultiple.js.map +1 -1
  1078. package/dist/lib/classNames.js.map +1 -1
  1079. package/dist/lib/classScopingMode.js.map +1 -1
  1080. package/dist/lib/date.js.map +1 -1
  1081. package/dist/lib/dom.js.map +1 -1
  1082. package/dist/lib/fx.js.map +1 -1
  1083. package/dist/lib/getNavId.js.map +1 -1
  1084. package/dist/lib/is.js.map +1 -1
  1085. package/dist/lib/isRefObject.js.map +1 -1
  1086. package/dist/lib/jsxRuntime.d.js.map +1 -1
  1087. package/dist/lib/jsxRuntime.js.map +1 -1
  1088. package/dist/lib/offset.js.map +1 -1
  1089. package/dist/lib/platform.js.map +1 -1
  1090. package/dist/lib/polyfills.js.map +1 -1
  1091. package/dist/lib/prefixClass.js.map +1 -1
  1092. package/dist/lib/removeObjectKeys.js.map +1 -1
  1093. package/dist/lib/select.js.map +1 -1
  1094. package/dist/lib/styles.js.map +1 -1
  1095. package/dist/lib/supportEvents.js.map +1 -1
  1096. package/dist/lib/taptic.js.map +1 -1
  1097. package/dist/lib/testing.js +1 -1
  1098. package/dist/lib/testing.js.map +1 -1
  1099. package/dist/lib/touch.js +1 -1
  1100. package/dist/lib/touch.js.map +1 -1
  1101. package/dist/lib/useIsomorphicLayoutEffect.js.map +1 -1
  1102. package/dist/lib/utils.js.map +1 -1
  1103. package/dist/lib/warnOnce.js.map +1 -1
  1104. package/dist/tokenized/index.d.ts +58 -0
  1105. package/dist/tokenized/index.js +30 -0
  1106. package/dist/tokenized/index.js.map +1 -1
  1107. package/dist/types.js.map +1 -1
  1108. package/dist/unstable/index.js.map +1 -1
  1109. package/dist/unstable.css +1 -1
  1110. package/dist/unstable.css.map +1 -1
  1111. package/dist/vkui.css +125 -18
  1112. package/dist/vkui.css.map +1 -1
  1113. package/package.json +24 -25
  1114. package/src/components/ActionSheet/ActionSheet.css +31 -59
  1115. package/src/components/ActionSheet/ActionSheet.tsx +4 -7
  1116. package/src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx +12 -0
  1117. package/src/components/ActionSheet/ActionSheetDropdown.tsx +9 -6
  1118. package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +4 -4
  1119. package/src/components/ActionSheet/Readme.md +6 -30
  1120. package/src/components/ActionSheetItem/ActionSheetItem.css +67 -120
  1121. package/src/components/ActionSheetItem/ActionSheetItem.tsx +42 -71
  1122. package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +5 -5
  1123. package/src/components/Alert/Alert.css +79 -79
  1124. package/src/components/Alert/Alert.tsx +14 -14
  1125. package/src/components/Alert/Readme.md +83 -104
  1126. package/src/components/AppRoot/AppRoot.css +2 -1
  1127. package/src/components/AppRoot/AppRoot.tsx +1 -4
  1128. package/src/components/Avatar/Avatar.tsx +15 -17
  1129. package/src/components/Avatar/Readme.md +11 -11
  1130. package/src/components/BaseGallery/BaseGallery.tsx +9 -5
  1131. package/src/components/Calendar/Calendar.tsx +10 -1
  1132. package/src/components/Calendar/Readme.md +3 -0
  1133. package/src/components/CalendarDay/CalendarDay.tsx +30 -22
  1134. package/src/components/CalendarDays/CalendarDays.tsx +7 -1
  1135. package/src/components/CalendarHeader/CalendarHeader.tsx +9 -1
  1136. package/src/components/CalendarRange/Readme.md +3 -0
  1137. package/src/components/CardScroll/CardScroll.tsx +1 -2
  1138. package/src/components/Cell/CellCheckbox/CellCheckbox.css +2 -2
  1139. package/src/components/Cell/CellDragger/CellDragger.css +1 -1
  1140. package/src/components/Chip/Chip.css +1 -0
  1141. package/src/components/Chip/Chip.tsx +14 -2
  1142. package/src/components/ChipsInput/ChipsInput.css +0 -71
  1143. package/src/components/ChipsInput/ChipsInput.tsx +20 -220
  1144. package/src/components/ChipsInputBase/ChipsInputBase.css +73 -0
  1145. package/src/components/ChipsInputBase/ChipsInputBase.tsx +206 -0
  1146. package/src/components/ChipsSelect/ChipsSelect.css +8 -0
  1147. package/src/components/ChipsSelect/ChipsSelect.tsx +53 -39
  1148. package/src/components/Counter/Counter.css +13 -0
  1149. package/src/components/CustomSelect/CustomSelect.css +1 -0
  1150. package/src/components/CustomSelect/CustomSelect.tsx +2 -3
  1151. package/src/components/CustomSelect/Readme.md +8 -2
  1152. package/src/components/DateInput/DateInput.css +1 -1
  1153. package/src/components/DateInput/DateInput.tsx +6 -3
  1154. package/src/components/DateInput/Readme.md +13 -0
  1155. package/src/components/DateRangeInput/DateRangeInput.css +1 -1
  1156. package/src/components/DateRangeInput/DateRangeInput.tsx +6 -3
  1157. package/src/components/DateRangeInput/Readme.md +13 -0
  1158. package/src/components/DropdownIcon/DropdownIcon.tsx +22 -8
  1159. package/src/components/Epic/Readme.md +10 -5
  1160. package/src/components/FixedLayout/FixedLayout.css +19 -3
  1161. package/src/components/FormField/FormField.css +58 -6
  1162. package/src/components/FormField/FormField.tsx +3 -0
  1163. package/src/components/FormItem/FormItem.css +5 -3
  1164. package/src/components/FormLayoutGroup/FormLayoutGroup.css +35 -0
  1165. package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +13 -2
  1166. package/src/components/FormLayoutGroup/Readme.md +58 -48
  1167. package/src/components/FormStatus/FormStatus.css +8 -5
  1168. package/src/components/FormStatus/FormStatus.tsx +4 -8
  1169. package/src/components/FormStatus/Readme.md +4 -0
  1170. package/src/components/Gallery/Gallery.tsx +1 -0
  1171. package/src/components/Gallery/Readme.md +64 -18
  1172. package/src/components/Gradient/Readme.md +1 -1
  1173. package/src/components/Group/Group.css +11 -2
  1174. package/src/components/Group/Group.tsx +7 -1
  1175. package/src/components/Group/Readme.md +2 -2
  1176. package/src/components/Header/Header.css +10 -11
  1177. package/src/components/Header/Header.tsx +9 -8
  1178. package/src/components/HorizontalCell/Readme.md +1 -1
  1179. package/src/components/IconButton/IconButton.tsx +2 -2
  1180. package/src/components/Input/Input.css +1 -1
  1181. package/src/components/Input/Input.tsx +2 -0
  1182. package/src/components/Link/Link.css +2 -1
  1183. package/src/components/List/List.tsx +3 -4
  1184. package/src/components/ModalDismissButton/ModalDismissButton.css +6 -6
  1185. package/src/components/ModalDismissButton/ModalDismissButton.tsx +1 -5
  1186. package/src/components/ModalDismissButton/Readme.md +1 -1
  1187. package/src/components/ModalPage/ModalPage.css +69 -63
  1188. package/src/components/ModalPage/ModalPage.tsx +24 -11
  1189. package/src/components/ModalPageHeader/ModalPageHeader.css +9 -12
  1190. package/src/components/ModalPageHeader/ModalPageHeader.tsx +3 -2
  1191. package/src/components/ModalRoot/ModalRoot.css +14 -2
  1192. package/src/components/ModalRoot/ModalRoot.tsx +24 -24
  1193. package/src/components/ModalRoot/ModalRootDesktop.tsx +12 -14
  1194. package/src/components/ModalRoot/Readme.md +8 -3
  1195. package/src/components/NativeSelect/NativeSelect.tsx +5 -2
  1196. package/src/components/Panel/Panel.css +54 -24
  1197. package/src/components/Panel/Panel.tsx +7 -9
  1198. package/src/components/PanelHeader/PanelHeader.css +20 -8
  1199. package/src/components/PanelHeader/PanelHeader.tsx +11 -12
  1200. package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +6 -5
  1201. package/src/components/PanelHeaderButton/PanelHeaderButton.css +8 -15
  1202. package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +6 -6
  1203. package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +2 -6
  1204. package/src/components/PanelHeaderContent/PanelHeaderContent.css +14 -26
  1205. package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +10 -3
  1206. package/src/components/PanelHeaderContent/Readme.md +5 -1
  1207. package/src/components/PanelHeaderContext/PanelHeaderContext.css +9 -25
  1208. package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +11 -7
  1209. package/src/components/PanelHeaderContext/Readme.md +85 -101
  1210. package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +2 -2
  1211. package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +2 -6
  1212. package/src/components/PromoBanner/PromoBanner.css +10 -22
  1213. package/src/components/PromoBanner/PromoBanner.tsx +2 -6
  1214. package/src/components/RichTooltip/Readme.md +2 -2
  1215. package/src/components/Search/Search.css +134 -48
  1216. package/src/components/Search/Search.tsx +13 -8
  1217. package/src/components/Select/Select.css +2 -2
  1218. package/src/components/SelectMimicry/Readme.md +3 -3
  1219. package/src/components/SelectMimicry/SelectMimicry.tsx +3 -1
  1220. package/src/components/SimpleCell/Readme.md +3 -3
  1221. package/src/components/SimpleCell/SimpleCell.css +6 -1
  1222. package/src/components/SimpleCell/SimpleCell.tsx +71 -8
  1223. package/src/components/SliderSwitch/SliderSwitch.tsx +5 -5
  1224. package/src/components/SliderSwitch/SliderSwitchButton.tsx +7 -7
  1225. package/src/components/Snackbar/Readme.md +12 -3
  1226. package/src/components/SplitLayout/Readme.md +1 -1
  1227. package/src/components/SplitLayout/SplitLayout.css +8 -2
  1228. package/src/components/SubnavigationBar/SubnavigationBar.css +7 -19
  1229. package/src/components/SubnavigationBar/SubnavigationBar.tsx +1 -8
  1230. package/src/components/SubnavigationButton/Readme.md +133 -116
  1231. package/src/components/SubnavigationButton/SubnavigationButton.css +95 -49
  1232. package/src/components/SubnavigationButton/SubnavigationButton.tsx +22 -18
  1233. package/src/components/TabbarItem/Readme.md +6 -1
  1234. package/src/components/Tabs/Readme.md +10 -2
  1235. package/src/components/TabsItem/TabsItem.css +9 -3
  1236. package/src/components/Tappable/Tappable.tsx +22 -22
  1237. package/src/components/Textarea/Textarea.css +1 -1
  1238. package/src/components/Textarea/Textarea.tsx +5 -2
  1239. package/src/components/Tooltip/Readme.md +9 -9
  1240. package/src/components/Touch/Readme.md +4 -4
  1241. package/src/components/UsersStack/UsersStack.css +42 -0
  1242. package/src/components/UsersStack/UsersStack.tsx +80 -18
  1243. package/src/components/View/Readme.md +5 -5
  1244. package/src/components/View/View.tsx +2 -9
  1245. package/src/components/View/ViewInfinite.tsx +14 -14
  1246. package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +1 -6
  1247. package/src/{components/ChipsInput → hooks}/useChipsInput.ts +5 -8
  1248. package/src/{components/ChipsSelect → hooks}/useChipsSelect.ts +4 -4
  1249. package/src/index.ts +5 -0
  1250. package/src/lib/animate.ts +1 -1
  1251. package/src/lib/testing.ts +1 -1
  1252. package/src/lib/touch.ts +1 -1
  1253. package/src/styles/components.css +1 -0
  1254. package/src/styles/vkcom_dark.css +8 -8
  1255. package/src/styles/vkcom_light.css +34 -34
  1256. package/src/testing/utils.tsx +1 -1
  1257. package/src/tokenized/index.ts +88 -0
  1258. package/.cache/ts/src/components/UsersStack/masks.d.ts +0 -1
  1259. package/dist/cjs/components/ChipsInput/useChipsInput.js.map +0 -1
  1260. package/dist/cjs/components/ChipsSelect/useChipsSelect.js.map +0 -1
  1261. package/dist/cjs/components/UsersStack/masks.js +0 -29
  1262. package/dist/cjs/components/UsersStack/masks.js.map +0 -1
  1263. package/dist/components/ChipsInput/useChipsInput.js.map +0 -1
  1264. package/dist/components/ChipsSelect/useChipsSelect.js.map +0 -1
  1265. package/dist/components/UsersStack/masks.d.ts +0 -1
  1266. package/dist/components/UsersStack/masks.js +0 -20
  1267. package/dist/components/UsersStack/masks.js.map +0 -1
  1268. package/dist/cssm/components/ChipsInput/useChipsInput.js.map +0 -1
  1269. package/dist/cssm/components/ChipsSelect/useChipsSelect.js.map +0 -1
  1270. package/dist/cssm/components/DropdownIcon/DropdownIcon.css +0 -1
  1271. package/dist/cssm/components/UsersStack/masks.d.ts +0 -1
  1272. package/dist/cssm/components/UsersStack/masks.js +0 -20
  1273. package/dist/cssm/components/UsersStack/masks.js.map +0 -1
  1274. package/src/components/DropdownIcon/DropdownIcon.css +0 -3
  1275. package/src/components/UsersStack/masks.tsx +0 -69
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Popper/Popper.tsx"],"names":["ARROW_PADDING","ARROW_WIDTH","ARROW_HEIGHT","preventOverflowModifier","name","options","mainAxis","flipModifier","arrowModifier","padding","sameWidthModifier","enabled","phase","requires","fn","state","styles","popper","width","rects","reference","effect","elements","style","offsetWidth","Popper","targetRef","children","getRef","placement","onPlacementChange","arrow","arrowClassName","sameWidth","offsetDistance","offsetSkidding","forcePortal","compStyles","customModifiers","renderContent","restProps","React","useState","popperNode","setPopperNode","smallTargetOffsetSkidding","setSmallTargetOffsetSkidding","platform","setExternalRef","modifiers","useMemo","offset","push","current","attributes","resolvedPlacement","isEdgePlacement","includes","placementDirection","startsWith","arrowSize","targetSize","offsetHeight","useEffect","dropdown","minWidth","scrollWidth","undefined","className"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePopper, Modifier } from \"react-popper\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { HasRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./Popper.css\";\n\nexport type Placement =\n | \"auto\"\n | \"auto-start\"\n | \"auto-end\"\n | \"top-start\"\n | \"top-end\"\n | \"bottom-start\"\n | \"bottom-end\"\n | \"right-start\"\n | \"right-end\"\n | \"left-start\"\n | \"left-end\"\n | \"top\"\n | \"bottom\"\n | \"left\"\n | \"right\";\n\nexport interface PopperRenderContentProps {\n className: string;\n}\n\nexport interface PopperCommonProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /**\n * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n */\n placement?: Placement;\n /**\n * Отступ по вспомогательной оси\n */\n offsetSkidding?: number;\n /**\n * Отступ по главной оси\n */\n offsetDistance?: number;\n /**\n * Отображать ли стрелку, указывающую на якорный элемент\n */\n arrow?: boolean;\n /**\n * Стиль стрелки\n */\n arrowClassName?: string;\n /**\n * Выставлять ширину равной target элементу\n */\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (data: { placement?: Placement }) => void;\n /**\n * Массив кастомных модификаторов для Popper (необходимо мемоизировать)\n */\n customModifiers?: Array<Modifier<string>>;\n /**\n * При передаче содержимого в `children`, он будет обёрнут во внутренний контейнер.\n *\n * Если хочется управлять этим контейнером, то используйте данную функцию.\n *\n * > ⚠️ Параметр `children` будет проигнорирован.\n */\n renderContent?(props: PopperRenderContentProps): React.ReactNode;\n}\n\nexport interface PopperProps extends PopperCommonProps {\n targetRef: React.RefObject<HTMLElement>;\n}\n\nconst ARROW_PADDING = 8;\nconst ARROW_WIDTH = 20;\nconst ARROW_HEIGHT = 8;\n\nconst preventOverflowModifier: Modifier<string> = {\n name: \"preventOverflow\",\n options: {\n mainAxis: false,\n },\n};\n\nconst flipModifier: Modifier<string> = {\n name: \"flip\",\n};\n\nconst arrowModifier: Modifier<string> = {\n name: \"arrow\",\n options: {\n padding: ARROW_PADDING,\n },\n};\n\nconst sameWidthModifier: Modifier<string> = {\n name: \"sameWidth\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: ({ state }) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n effect: ({ state }) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as HTMLElement).offsetWidth\n }px`;\n },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Popper\n */\nexport const Popper = ({\n targetRef,\n children,\n getRef,\n placement = \"bottom-start\",\n onPlacementChange,\n arrow,\n arrowClassName,\n sameWidth,\n offsetDistance = 8,\n offsetSkidding = 0,\n forcePortal = true,\n style: compStyles,\n customModifiers,\n renderContent,\n ...restProps\n}: PopperProps) => {\n const [popperNode, setPopperNode] = React.useState<HTMLDivElement | null>(\n null\n );\n const [smallTargetOffsetSkidding, setSmallTargetOffsetSkidding] =\n React.useState(0);\n const platform = usePlatform();\n\n const setExternalRef = useExternRef<HTMLDivElement>(getRef, setPopperNode);\n\n const modifiers = React.useMemo(() => {\n const modifiers: Array<Modifier<string>> = [\n preventOverflowModifier,\n {\n name: \"offset\",\n options: {\n offset: [\n arrow ? offsetSkidding - smallTargetOffsetSkidding : offsetSkidding,\n arrow ? offsetDistance + ARROW_HEIGHT : offsetDistance,\n ],\n },\n },\n flipModifier,\n ];\n\n if (arrow) {\n modifiers.push(arrowModifier);\n }\n\n if (sameWidth) {\n modifiers.push(sameWidthModifier);\n }\n\n if (customModifiers) {\n modifiers.push(...customModifiers);\n }\n return modifiers;\n }, [\n arrow,\n sameWidth,\n smallTargetOffsetSkidding,\n offsetSkidding,\n offsetDistance,\n customModifiers,\n ]);\n\n const { styles, state, attributes } = usePopper(\n targetRef.current,\n popperNode,\n {\n placement,\n modifiers,\n }\n );\n\n const resolvedPlacement = state?.placement;\n const isEdgePlacement =\n !!resolvedPlacement && resolvedPlacement.includes(\"-\"); // true, если поппер отрисован с краю\n\n // Если поппер рисуется с краю, то нужно опционально сместить его в тех случаях, когда стрелка не дотягивается до\n // таргета из-за маленьких размеров последнего\n useIsomorphicLayoutEffect(() => {\n if (arrow && isEdgePlacement) {\n const placementDirection =\n resolvedPlacement?.startsWith(\"bottom\") ||\n resolvedPlacement?.startsWith(\"top\")\n ? \"vertical\"\n : \"horizontal\";\n\n const arrowSize =\n placementDirection === \"vertical\" ? ARROW_WIDTH : ARROW_HEIGHT;\n const targetSize =\n (placementDirection === \"vertical\"\n ? targetRef.current?.offsetWidth\n : targetRef.current?.offsetHeight) ?? 0;\n\n if (targetSize < arrowSize + 2 * ARROW_PADDING) {\n setSmallTargetOffsetSkidding(ARROW_PADDING + arrowSize / 2);\n }\n } else {\n setSmallTargetOffsetSkidding(0);\n }\n }, [arrow, isEdgePlacement]);\n\n React.useEffect(() => {\n if (resolvedPlacement) {\n onPlacementChange && onPlacementChange({ placement: resolvedPlacement });\n }\n }, [onPlacementChange, resolvedPlacement]);\n\n const dropdown = (\n <div\n {...restProps}\n {...attributes.popper}\n vkuiClass={getClassName(\"Popper\", platform)}\n ref={setExternalRef}\n style={{\n ...compStyles,\n ...styles.popper,\n minWidth: sameWidth ? targetRef.current?.scrollWidth : undefined,\n }}\n >\n {arrow && (\n <PopperArrow\n attributes={attributes.arrow}\n style={styles.arrow}\n arrowClassName={arrowClassName}\n />\n )}\n {renderContent ? (\n renderContent({ className: \"Popper__content\" })\n ) : (\n <div vkuiClass=\"Popper__content\">{children}</div>\n )}\n </div>\n );\n\n return (\n <AppRootPortal forcePortal={forcePortal} vkuiClass=\"PopperPortal\">\n {dropdown}\n </AppRootPortal>\n );\n};\n"],"file":"Popper.js"}
1
+ {"version":3,"file":"Popper.js","names":["ARROW_PADDING","ARROW_WIDTH","ARROW_HEIGHT","preventOverflowModifier","name","options","mainAxis","flipModifier","arrowModifier","padding","sameWidthModifier","enabled","phase","requires","fn","state","styles","popper","width","rects","reference","effect","elements","style","offsetWidth","Popper","targetRef","children","getRef","placement","onPlacementChange","arrow","arrowClassName","sameWidth","offsetDistance","offsetSkidding","forcePortal","compStyles","customModifiers","renderContent","restProps","React","useState","popperNode","setPopperNode","smallTargetOffsetSkidding","setSmallTargetOffsetSkidding","platform","usePlatform","setExternalRef","useExternRef","modifiers","useMemo","offset","push","usePopper","current","attributes","resolvedPlacement","isEdgePlacement","includes","useIsomorphicLayoutEffect","placementDirection","startsWith","arrowSize","targetSize","offsetHeight","useEffect","dropdown","getClassName","minWidth","scrollWidth","undefined","className"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePopper, Modifier } from \"react-popper\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { HasRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./Popper.css\";\n\nexport type Placement =\n | \"auto\"\n | \"auto-start\"\n | \"auto-end\"\n | \"top-start\"\n | \"top-end\"\n | \"bottom-start\"\n | \"bottom-end\"\n | \"right-start\"\n | \"right-end\"\n | \"left-start\"\n | \"left-end\"\n | \"top\"\n | \"bottom\"\n | \"left\"\n | \"right\";\n\nexport interface PopperRenderContentProps {\n className: string;\n}\n\nexport interface PopperCommonProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /**\n * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n */\n placement?: Placement;\n /**\n * Отступ по вспомогательной оси\n */\n offsetSkidding?: number;\n /**\n * Отступ по главной оси\n */\n offsetDistance?: number;\n /**\n * Отображать ли стрелку, указывающую на якорный элемент\n */\n arrow?: boolean;\n /**\n * Стиль стрелки\n */\n arrowClassName?: string;\n /**\n * Выставлять ширину равной target элементу\n */\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (data: { placement?: Placement }) => void;\n /**\n * Массив кастомных модификаторов для Popper (необходимо мемоизировать)\n */\n customModifiers?: Array<Modifier<string>>;\n /**\n * При передаче содержимого в `children`, он будет обёрнут во внутренний контейнер.\n *\n * Если хочется управлять этим контейнером, то используйте данную функцию.\n *\n * > ⚠️ Параметр `children` будет проигнорирован.\n */\n renderContent?(props: PopperRenderContentProps): React.ReactNode;\n}\n\nexport interface PopperProps extends PopperCommonProps {\n targetRef: React.RefObject<HTMLElement>;\n}\n\nconst ARROW_PADDING = 8;\nconst ARROW_WIDTH = 20;\nconst ARROW_HEIGHT = 8;\n\nconst preventOverflowModifier: Modifier<string> = {\n name: \"preventOverflow\",\n options: {\n mainAxis: false,\n },\n};\n\nconst flipModifier: Modifier<string> = {\n name: \"flip\",\n};\n\nconst arrowModifier: Modifier<string> = {\n name: \"arrow\",\n options: {\n padding: ARROW_PADDING,\n },\n};\n\nconst sameWidthModifier: Modifier<string> = {\n name: \"sameWidth\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: ({ state }) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n effect: ({ state }) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as HTMLElement).offsetWidth\n }px`;\n },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Popper\n */\nexport const Popper = ({\n targetRef,\n children,\n getRef,\n placement = \"bottom-start\",\n onPlacementChange,\n arrow,\n arrowClassName,\n sameWidth,\n offsetDistance = 8,\n offsetSkidding = 0,\n forcePortal = true,\n style: compStyles,\n customModifiers,\n renderContent,\n ...restProps\n}: PopperProps) => {\n const [popperNode, setPopperNode] = React.useState<HTMLDivElement | null>(\n null\n );\n const [smallTargetOffsetSkidding, setSmallTargetOffsetSkidding] =\n React.useState(0);\n const platform = usePlatform();\n\n const setExternalRef = useExternRef<HTMLDivElement>(getRef, setPopperNode);\n\n const modifiers = React.useMemo(() => {\n const modifiers: Array<Modifier<string>> = [\n preventOverflowModifier,\n {\n name: \"offset\",\n options: {\n offset: [\n arrow ? offsetSkidding - smallTargetOffsetSkidding : offsetSkidding,\n arrow ? offsetDistance + ARROW_HEIGHT : offsetDistance,\n ],\n },\n },\n flipModifier,\n ];\n\n if (arrow) {\n modifiers.push(arrowModifier);\n }\n\n if (sameWidth) {\n modifiers.push(sameWidthModifier);\n }\n\n if (customModifiers) {\n modifiers.push(...customModifiers);\n }\n return modifiers;\n }, [\n arrow,\n sameWidth,\n smallTargetOffsetSkidding,\n offsetSkidding,\n offsetDistance,\n customModifiers,\n ]);\n\n const { styles, state, attributes } = usePopper(\n targetRef.current,\n popperNode,\n {\n placement,\n modifiers,\n }\n );\n\n const resolvedPlacement = state?.placement;\n const isEdgePlacement =\n !!resolvedPlacement && resolvedPlacement.includes(\"-\"); // true, если поппер отрисован с краю\n\n // Если поппер рисуется с краю, то нужно опционально сместить его в тех случаях, когда стрелка не дотягивается до\n // таргета из-за маленьких размеров последнего\n useIsomorphicLayoutEffect(() => {\n if (arrow && isEdgePlacement) {\n const placementDirection =\n resolvedPlacement?.startsWith(\"bottom\") ||\n resolvedPlacement?.startsWith(\"top\")\n ? \"vertical\"\n : \"horizontal\";\n\n const arrowSize =\n placementDirection === \"vertical\" ? ARROW_WIDTH : ARROW_HEIGHT;\n const targetSize =\n (placementDirection === \"vertical\"\n ? targetRef.current?.offsetWidth\n : targetRef.current?.offsetHeight) ?? 0;\n\n if (targetSize < arrowSize + 2 * ARROW_PADDING) {\n setSmallTargetOffsetSkidding(ARROW_PADDING + arrowSize / 2);\n }\n } else {\n setSmallTargetOffsetSkidding(0);\n }\n }, [arrow, isEdgePlacement]);\n\n React.useEffect(() => {\n if (resolvedPlacement) {\n onPlacementChange && onPlacementChange({ placement: resolvedPlacement });\n }\n }, [onPlacementChange, resolvedPlacement]);\n\n const dropdown = (\n <div\n {...restProps}\n {...attributes.popper}\n vkuiClass={getClassName(\"Popper\", platform)}\n ref={setExternalRef}\n style={{\n ...compStyles,\n ...styles.popper,\n minWidth: sameWidth ? targetRef.current?.scrollWidth : undefined,\n }}\n >\n {arrow && (\n <PopperArrow\n attributes={attributes.arrow}\n style={styles.arrow}\n arrowClassName={arrowClassName}\n />\n )}\n {renderContent ? (\n renderContent({ className: \"Popper__content\" })\n ) : (\n <div vkuiClass=\"Popper__content\">{children}</div>\n )}\n </div>\n );\n\n return (\n <AppRootPortal forcePortal={forcePortal} vkuiClass=\"PopperPortal\">\n {dropdown}\n </AppRootPortal>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"names":["PopperArrow","style","attributes","arrowClassName"],"mappings":";;;;;;;;;;;;;AASO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;AAAA,MAHtBC,KAGsB,QAHtBA,KAGsB;AAAA,MAFtBC,UAEsB,QAFtBA,UAEsB;AAAA,MADtBC,cACsB,QADtBA,cACsB;AACtB,SACE;AACE,IAAA,KAAK,EAAEF;AADT,KAEMC,UAFN;AAGE,IAAA,SAAS,EAAC,aAHZ;AAIE,yBAAmB;AAJrB,MAME;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,SAAS,EAAEC,cAFb;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,MAAM,EAAC,GAJT;AAKE,IAAA,OAAO,EAAC,UALV;AAME,IAAA,IAAI,EAAC,MANP;AAOE,IAAA,KAAK,EAAC;AAPR,KASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC,gDAHJ;AAIE,IAAA,IAAI,EAAC;AAJP,IATF,CANF,CADF;AAyBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport \"./PopperArrow.css\";\n\nexport interface PopperArrowProps {\n style?: React.CSSProperties;\n attributes?: React.HTMLAttributes<HTMLDivElement> | null;\n arrowClassName?: string;\n}\n\nexport const PopperArrow = ({\n style,\n attributes,\n arrowClassName,\n}: PopperArrowProps) => {\n return (\n <div\n style={style}\n {...attributes}\n vkuiClass=\"PopperArrow\"\n data-popper-arrow={true}\n >\n <svg\n vkuiClass=\"PopperArrow__in\"\n className={arrowClassName}\n width=\"20\"\n height=\"8\"\n viewBox=\"0 0 20 8\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10 0C13 0 15.9999 8 20 8H0C3.9749 8 7 0 10 0Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n );\n};\n"],"file":"PopperArrow.js"}
1
+ {"version":3,"file":"PopperArrow.js","names":["PopperArrow","style","attributes","arrowClassName"],"sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport \"./PopperArrow.css\";\n\nexport interface PopperArrowProps {\n style?: React.CSSProperties;\n attributes?: React.HTMLAttributes<HTMLDivElement> | null;\n arrowClassName?: string;\n}\n\nexport const PopperArrow = ({\n style,\n attributes,\n arrowClassName,\n}: PopperArrowProps) => {\n return (\n <div\n style={style}\n {...attributes}\n vkuiClass=\"PopperArrow\"\n data-popper-arrow={true}\n >\n <svg\n vkuiClass=\"PopperArrow__in\"\n className={arrowClassName}\n width=\"20\"\n height=\"8\"\n viewBox=\"0 0 20 8\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10 0C13 0 15.9999 8 20 8H0C3.9749 8 7 0 10 0Z\"\n fill=\"currentColor\"\n />\n </svg>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AASO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;EAAA,IAHtBC,KAGsB,QAHtBA,KAGsB;EAAA,IAFtBC,UAEsB,QAFtBA,UAEsB;EAAA,IADtBC,cACsB,QADtBA,cACsB;EACtB,OACE;IACE,KAAK,EAAEF;EADT,GAEMC,UAFN;IAGE,SAAS,EAAC,aAHZ;IAIE,qBAAmB;EAJrB,IAME;IACE,SAAS,EAAC,iBADZ;IAEE,SAAS,EAAEC,cAFb;IAGE,KAAK,EAAC,IAHR;IAIE,MAAM,EAAC,GAJT;IAKE,OAAO,EAAC,UALV;IAME,IAAI,EAAC,MANP;IAOE,KAAK,EAAC;EAPR,GASE;IACE,QAAQ,EAAC,SADX;IAEE,QAAQ,EAAC,SAFX;IAGE,CAAC,EAAC,gDAHJ;IAIE,IAAI,EAAC;EAJP,EATF,CANF,CADF;AAyBD,CA9BM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Progress/Progress.tsx"],"names":["PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","Progress","value","getRootRef","restProps","progress","Math","max","min","width"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,CAA3B;AACA,IAAMC,kBAAkB,GAAG,GAA3B;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAIH;AAAA,wBAHnBC,KAGmB;AAAA,MAHnBA,KAGmB,2BAHX,CAGW;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,CACfR,kBADe,EAEfO,IAAI,CAACE,GAAL,CAASN,KAAT,EAAgBF,kBAAhB,CAFe,CAAjB;AAKA,SACE;AACE,qBAAeE;AADjB,KAEME,SAFN;AAGE,IAAA,IAAI,EAAC,aAHP;AAIE,qBAAeL,kBAJjB;AAKE,qBAAeC,kBALjB;AAME,IAAA,GAAG,EAAEG,UANP;AAOE,IAAA,SAAS,EAAC;AAPZ,MASE;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,KAAK,EAAE;AAAEM,MAAAA,KAAK,YAAKJ,QAAL;AAAP,KAFT;AAGE;AAHF,IATF,CADF;AAiBD,CA3BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Progress.css\";\n\nexport interface ProgressProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n value?: number;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Progress\n */\nexport const Progress = ({\n value = 0,\n getRootRef,\n ...restProps\n}: ProgressProps) => {\n const progress = Math.max(\n PROGRESS_MIN_VALUE,\n Math.min(value, PROGRESS_MAX_VALUE)\n );\n\n return (\n <div\n aria-valuenow={value}\n {...restProps}\n role=\"progressbar\"\n aria-valuemin={PROGRESS_MIN_VALUE}\n aria-valuemax={PROGRESS_MAX_VALUE}\n ref={getRootRef}\n vkuiClass=\"Progress\"\n >\n <div\n vkuiClass=\"Progress__in\"\n style={{ width: `${progress}%` }}\n aria-hidden\n />\n </div>\n );\n};\n"],"file":"Progress.js"}
1
+ {"version":3,"file":"Progress.js","names":["PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","Progress","value","getRootRef","restProps","progress","Math","max","min","width"],"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Progress.css\";\n\nexport interface ProgressProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n value?: number;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Progress\n */\nexport const Progress = ({\n value = 0,\n getRootRef,\n ...restProps\n}: ProgressProps) => {\n const progress = Math.max(\n PROGRESS_MIN_VALUE,\n Math.min(value, PROGRESS_MAX_VALUE)\n );\n\n return (\n <div\n aria-valuenow={value}\n {...restProps}\n role=\"progressbar\"\n aria-valuemin={PROGRESS_MIN_VALUE}\n aria-valuemax={PROGRESS_MAX_VALUE}\n ref={getRootRef}\n vkuiClass=\"Progress\"\n >\n <div\n vkuiClass=\"Progress__in\"\n style={{ width: `${progress}%` }}\n aria-hidden\n />\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,CAA3B;AACA,IAAMC,kBAAkB,GAAG,GAA3B;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAIH;EAAA,sBAHnBC,KAGmB;EAAA,IAHnBA,KAGmB,2BAHX,CAGW;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,CACfR,kBADe,EAEfO,IAAI,CAACE,GAAL,CAASN,KAAT,EAAgBF,kBAAhB,CAFe,CAAjB;EAKA,OACE;IACE,iBAAeE;EADjB,GAEME,SAFN;IAGE,IAAI,EAAC,aAHP;IAIE,iBAAeL,kBAJjB;IAKE,iBAAeC,kBALjB;IAME,GAAG,EAAEG,UANP;IAOE,SAAS,EAAC;EAPZ,IASE;IACE,SAAS,EAAC,cADZ;IAEE,KAAK,EAAE;MAAEM,KAAK,YAAKJ,QAAL;IAAP,CAFT;IAGE;EAHF,EATF,CADF;AAiBD,CA3BM"}
@@ -33,10 +33,6 @@ var _Avatar = require("../Avatar/Avatar");
33
33
 
34
34
  var _Caption = require("../Typography/Caption/Caption");
35
35
 
36
- var _usePlatform = require("../../hooks/usePlatform");
37
-
38
- var _getClassName = require("../../helpers/getClassName");
39
-
40
36
  var _warnOnce = require("../../lib/warnOnce");
41
37
 
42
38
  var _excluded = ["bannerData", "onClose", "isCloseButtonHidden"];
@@ -51,7 +47,6 @@ var PromoBanner = function PromoBanner(_ref) {
51
47
  onClose = _ref.onClose,
52
48
  isCloseButtonHidden = _ref.isCloseButtonHidden,
53
49
  restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
54
- var platform = (0, _usePlatform.usePlatform)();
55
50
  var ageRestrictions = bannerData.ageRestrictions != null ? parseInt(bannerData.ageRestrictions) : bannerData.ageRestriction;
56
51
 
57
52
  if (bannerData.ageRestriction && process.env.NODE_ENV === "development") {
@@ -77,7 +72,7 @@ var PromoBanner = function PromoBanner(_ref) {
77
72
  }
78
73
  }, [statsPixels.playbackStarted]);
79
74
  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
80
- vkuiClass: (0, _getClassName.getClassName)("PromoBanner", platform)
75
+ vkuiClass: "PromoBanner"
81
76
  }, restProps), (0, _jsxRuntime.createScopedElement)("div", {
82
77
  vkuiClass: "PromoBanner__head"
83
78
  }, (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
@@ -101,7 +96,7 @@ var PromoBanner = function PromoBanner(_ref) {
101
96
  after: (0, _jsxRuntime.createScopedElement)(_Button.Button, {
102
97
  mode: "outline"
103
98
  }, bannerData.ctaText),
104
- description: bannerData.domain
99
+ subtitle: bannerData.domain
105
100
  }, bannerData.title), currentPixel.length > 0 && (0, _jsxRuntime.createScopedElement)("div", {
106
101
  vkuiClass: "PromoBanner__pixels"
107
102
  }, (0, _jsxRuntime.createScopedElement)("img", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"names":["warn","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","platform","ageRestrictions","parseInt","ageRestriction","process","env","NODE_ENV","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","trackingLink","iconLink","title","ctaText","domain","length"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n | \"playbackStarted\" // Начало показа\n | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n title?: string;\n url_types?: string; // eslint-disable-line camelcase\n bannerID?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageLink?: string;\n trackingLink?: string;\n type?: string;\n iconWidth?: number;\n domain?: string;\n ctaText?: string;\n advertisingLabel?: string;\n iconLink?: string;\n statistics?: Array<{ type: StatsType; url: string }>;\n openInBrowser?: boolean;\n iconHeight?: number;\n directLink?: boolean;\n navigationType?: string;\n description?: string;\n ageRestrictions?: string;\n /** @deprecated */\n ageRestriction?: number;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n bannerData: BannerData;\n /** Флаг скрытия кнопки закрытия рекламы */\n isCloseButtonHidden?: boolean;\n /** Хандлер закрытия рекламы */\n onClose: () => void;\n}\n\nconst warn = warnOnce(\"PromoBanner\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n bannerData = {},\n onClose,\n isCloseButtonHidden,\n ...restProps\n}: PromoBannerProps) => {\n const platform = usePlatform();\n\n const ageRestrictions =\n bannerData.ageRestrictions != null\n ? parseInt(bannerData.ageRestrictions)\n : bannerData.ageRestriction;\n\n if (bannerData.ageRestriction && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions\"\n );\n }\n\n const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n const statsPixels = React.useMemo(\n () =>\n (bannerData.statistics\n ? bannerData.statistics.reduce(\n (acc, item) => ({ ...acc, [item.type]: item.url }),\n {}\n )\n : {}) as Record<StatsType, string | void>,\n [bannerData.statistics]\n );\n\n const onClick = React.useCallback(\n () => setCurrentPixel(statsPixels.click || \"\"),\n [statsPixels.click]\n );\n\n React.useEffect(() => {\n if (statsPixels.playbackStarted) {\n setCurrentPixel(statsPixels.playbackStarted);\n }\n }, [statsPixels.playbackStarted]);\n\n return (\n <div vkuiClass={getClassName(\"PromoBanner\", platform)} {...restProps}>\n <div vkuiClass=\"PromoBanner__head\">\n <Caption vkuiClass=\"PromoBanner__label\">\n {bannerData.advertisingLabel || \"Advertisement\"}\n </Caption>\n {ageRestrictions != null && (\n <Caption vkuiClass=\"PromoBanner__age\">{ageRestrictions}+</Caption>\n )}\n\n {!isCloseButtonHidden && (\n <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n <Icon24Dismiss />\n </div>\n )}\n </div>\n <SimpleCell\n href={bannerData.trackingLink}\n onClick={onClick}\n rel=\"nofollow noopener noreferrer\"\n target=\"_blank\"\n before={\n <Avatar\n mode=\"image\"\n size={48}\n src={bannerData.iconLink}\n alt={bannerData.title}\n />\n }\n after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n description={bannerData.domain}\n >\n {bannerData.title}\n </SimpleCell>\n\n {currentPixel.length > 0 && (\n <div vkuiClass=\"PromoBanner__pixels\">\n <img src={currentPixel} alt=\"\" />\n </div>\n )}\n </div>\n );\n};\n"],"file":"PromoBanner.js"}
1
+ {"version":3,"file":"PromoBanner.js","names":["warn","warnOnce","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","ageRestrictions","parseInt","ageRestriction","process","env","NODE_ENV","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","trackingLink","iconLink","title","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n | \"playbackStarted\" // Начало показа\n | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n title?: string;\n url_types?: string; // eslint-disable-line camelcase\n bannerID?: string;\n imageWidth?: number;\n imageHeight?: number;\n imageLink?: string;\n trackingLink?: string;\n type?: string;\n iconWidth?: number;\n domain?: string;\n ctaText?: string;\n advertisingLabel?: string;\n iconLink?: string;\n statistics?: Array<{ type: StatsType; url: string }>;\n openInBrowser?: boolean;\n iconHeight?: number;\n directLink?: boolean;\n navigationType?: string;\n description?: string;\n ageRestrictions?: string;\n /** @deprecated */\n ageRestriction?: number;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n bannerData: BannerData;\n /** Флаг скрытия кнопки закрытия рекламы */\n isCloseButtonHidden?: boolean;\n /** Хандлер закрытия рекламы */\n onClose: () => void;\n}\n\nconst warn = warnOnce(\"PromoBanner\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n bannerData = {},\n onClose,\n isCloseButtonHidden,\n ...restProps\n}: PromoBannerProps) => {\n const ageRestrictions =\n bannerData.ageRestrictions != null\n ? parseInt(bannerData.ageRestrictions)\n : bannerData.ageRestriction;\n\n if (bannerData.ageRestriction && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions\"\n );\n }\n\n const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n const statsPixels = React.useMemo(\n () =>\n (bannerData.statistics\n ? bannerData.statistics.reduce(\n (acc, item) => ({ ...acc, [item.type]: item.url }),\n {}\n )\n : {}) as Record<StatsType, string | void>,\n [bannerData.statistics]\n );\n\n const onClick = React.useCallback(\n () => setCurrentPixel(statsPixels.click || \"\"),\n [statsPixels.click]\n );\n\n React.useEffect(() => {\n if (statsPixels.playbackStarted) {\n setCurrentPixel(statsPixels.playbackStarted);\n }\n }, [statsPixels.playbackStarted]);\n\n return (\n <div vkuiClass=\"PromoBanner\" {...restProps}>\n <div vkuiClass=\"PromoBanner__head\">\n <Caption vkuiClass=\"PromoBanner__label\">\n {bannerData.advertisingLabel || \"Advertisement\"}\n </Caption>\n {ageRestrictions != null && (\n <Caption vkuiClass=\"PromoBanner__age\">{ageRestrictions}+</Caption>\n )}\n\n {!isCloseButtonHidden && (\n <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n <Icon24Dismiss />\n </div>\n )}\n </div>\n <SimpleCell\n href={bannerData.trackingLink}\n onClick={onClick}\n rel=\"nofollow noopener noreferrer\"\n target=\"_blank\"\n before={\n <Avatar\n mode=\"image\"\n size={48}\n src={bannerData.iconLink}\n alt={bannerData.title}\n />\n }\n after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n subtitle={bannerData.domain}\n >\n {bannerData.title}\n </SimpleCell>\n\n {currentPixel.length > 0 && (\n <div vkuiClass=\"PromoBanner__pixels\">\n <img src={currentPixel} alt=\"\" />\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","restProps","platform","scroll","document","prevIsFetching","initParams","React","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","resetRefreshingState","useCallback","onRefreshingFinish","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","undefined","runRefreshing","prevSpinnerY","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","transform","WebkitTransform","opacity"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\nfunction cancelEvent(event: any) {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault && event.cancelable) {\n event.preventDefault();\n }\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps, HasPlatform {\n /**\n * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n */\n onRefresh: AnyFunction;\n /**\n * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n */\n isFetching?: boolean;\n /** @ignore */\n scroll?: ScrollContextInterface;\n children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n cancelable: true,\n passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n children,\n isFetching,\n onRefresh,\n ...restProps\n}: PullToRefreshProps) => {\n const platform = usePlatform();\n const scroll = useScroll();\n const { document } = useDOM();\n const prevIsFetching = usePrevious(isFetching);\n\n const initParams = React.useMemo(\n () => ({\n start: platform === IOS ? -10 : -45,\n max: platform === IOS ? 50 : 80,\n maxY: platform === IOS ? 400 : 80,\n refreshing: platform === IOS ? 36 : 50,\n positionMultiplier: platform === IOS ? 0.21 : 1,\n }),\n [platform]\n );\n\n const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n const [watching, setWatching] = React.useState(false);\n const [refreshing, setRefreshing] = React.useState(false);\n const [canRefresh, setCanRefresh] = React.useState(false);\n const [touchDown, setTouchDown] = React.useState(false);\n const prevTouchDown = usePrevious(touchDown);\n\n const touchY = React.useRef(0);\n const [contentShift, setContentShift] = React.useState(0);\n const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n const onWindowTouchMove = (event: Event) => {\n if (refreshing) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n useGlobalEventListener(\n document,\n \"touchmove\",\n onWindowTouchMove,\n TOUCH_MOVE_EVENT_PARAMS\n );\n\n const resetRefreshingState = React.useCallback(() => {\n setWatching(false);\n setCanRefresh(false);\n setRefreshing(false);\n setSpinnerY(initParams.start);\n setSpinnerProgress(0);\n setContentShift(0);\n }, [initParams]);\n\n const onRefreshingFinish = React.useCallback(() => {\n if (!touchDown) {\n resetRefreshingState();\n }\n }, [touchDown, resetRefreshingState]);\n\n const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } =\n useTimeout(onRefreshingFinish, 1000);\n\n useIsomorphicLayoutEffect(() => {\n if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n onRefreshingFinish();\n }\n }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n useIsomorphicLayoutEffect(() => {\n if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n clearWaitFetchingTimeout();\n }\n }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n const runRefreshing = React.useCallback(() => {\n if (!refreshing && onRefresh) {\n // cleanup if the consumer does not start fetching in 1s\n setWaitFetchingTimeout();\n\n setRefreshing(true);\n setSpinnerY((prevSpinnerY) =>\n platform === IOS ? prevSpinnerY : initParams.refreshing\n );\n\n onRefresh();\n runTapticImpactOccurred(\"light\");\n }\n }, [\n refreshing,\n onRefresh,\n setWaitFetchingTimeout,\n platform,\n initParams.refreshing,\n ]);\n\n useIsomorphicLayoutEffect(() => {\n if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n if (!refreshing && canRefresh) {\n runRefreshing();\n } else if (refreshing && !isFetching) {\n // only iOS can start refresh before gesture end\n resetRefreshingState();\n } else {\n // refreshing && isFetching: refresh in progress\n // OR !refreshing && !canRefresh: pull was not strong enough\n setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n setSpinnerProgress(0);\n setContentShift(0);\n }\n }\n }, [\n initParams,\n prevIsFetching,\n isFetching,\n onRefreshingFinish,\n prevTouchDown,\n touchDown,\n refreshing,\n canRefresh,\n runRefreshing,\n ]);\n\n const onTouchStart = (e: TouchEvent) => {\n if (refreshing) {\n cancelEvent(e);\n }\n setTouchDown(true);\n };\n\n const onTouchMove = (e: TouchEvent) => {\n const { isY, shiftY } = e;\n const { start, max } = initParams;\n const pageYOffset = scroll?.getScroll().y;\n\n if (watching && touchDown) {\n cancelEvent(e);\n\n const { positionMultiplier, maxY } = initParams;\n\n const shift = Math.max(0, shiftY - touchY.current);\n\n const currentY = Math.max(\n start,\n Math.min(maxY, start + shift * positionMultiplier)\n );\n const progress =\n currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n setSpinnerY(currentY);\n setSpinnerProgress(Math.min(80, Math.max(0, progress)));\n setCanRefresh(progress > 80);\n setContentShift((currentY + 10) * 2.3);\n\n if (progress > 85 && !refreshing && platform === IOS) {\n runRefreshing();\n }\n } else if (\n isY &&\n pageYOffset === 0 &&\n shiftY > 0 &&\n !refreshing &&\n touchDown\n ) {\n cancelEvent(e);\n\n touchY.current = shiftY;\n setWatching(true);\n setSpinnerY(start);\n setSpinnerProgress(0);\n }\n };\n\n const onTouchEnd = () => {\n setWatching(false);\n setTouchDown(false);\n };\n\n const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n let contentTransform = \"\";\n\n if (platform === IOS && refreshing && !touchDown) {\n contentTransform = \"translate3d(0, 100px, 0)\";\n } else if (platform === IOS && (contentShift || refreshing)) {\n contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <Touch\n {...restProps}\n onStart={onTouchStart}\n onMove={onTouchMove}\n onEnd={onTouchEnd}\n vkuiClass={classNames(\n \"PullToRefresh\",\n platform === IOS && \"PullToRefresh--ios\",\n watching && \"PullToRefresh--watching\",\n refreshing && \"PullToRefresh--refreshing\"\n )}\n >\n <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n <PullToRefreshSpinner\n style={{\n transform: spinnerTransform,\n WebkitTransform: spinnerTransform,\n opacity: watching || refreshing || canRefresh ? 1 : 0,\n }}\n on={refreshing}\n progress={refreshing ? undefined : spinnerProgress}\n />\n </FixedLayout>\n\n <div\n vkuiClass=\"PullToRefresh__content\"\n style={{\n transform: contentTransform,\n WebkitTransform: contentTransform,\n }}\n >\n {children}\n </div>\n </Touch>\n </TouchRootContext.Provider>\n );\n};\n"],"file":"PullToRefresh.js"}
1
+ {"version":3,"file":"PullToRefresh.js","names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","restProps","platform","usePlatform","scroll","useScroll","useDOM","document","prevIsFetching","usePrevious","initParams","React","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","useGlobalEventListener","resetRefreshingState","useCallback","onRefreshingFinish","useTimeout","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","useIsomorphicLayoutEffect","undefined","runRefreshing","prevSpinnerY","runTapticImpactOccurred","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","classNames","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\nfunction cancelEvent(event: any) {\n if (!event) {\n return false;\n }\n while (event.originalEvent) {\n event = event.originalEvent;\n }\n if (event.preventDefault && event.cancelable) {\n event.preventDefault();\n }\n if (event.stopPropagation) {\n event.stopPropagation();\n }\n return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps, HasPlatform {\n /**\n * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n */\n onRefresh: AnyFunction;\n /**\n * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n */\n isFetching?: boolean;\n /** @ignore */\n scroll?: ScrollContextInterface;\n children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n cancelable: true,\n passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n children,\n isFetching,\n onRefresh,\n ...restProps\n}: PullToRefreshProps) => {\n const platform = usePlatform();\n const scroll = useScroll();\n const { document } = useDOM();\n const prevIsFetching = usePrevious(isFetching);\n\n const initParams = React.useMemo(\n () => ({\n start: platform === IOS ? -10 : -45,\n max: platform === IOS ? 50 : 80,\n maxY: platform === IOS ? 400 : 80,\n refreshing: platform === IOS ? 36 : 50,\n positionMultiplier: platform === IOS ? 0.21 : 1,\n }),\n [platform]\n );\n\n const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n const [watching, setWatching] = React.useState(false);\n const [refreshing, setRefreshing] = React.useState(false);\n const [canRefresh, setCanRefresh] = React.useState(false);\n const [touchDown, setTouchDown] = React.useState(false);\n const prevTouchDown = usePrevious(touchDown);\n\n const touchY = React.useRef(0);\n const [contentShift, setContentShift] = React.useState(0);\n const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n const onWindowTouchMove = (event: Event) => {\n if (refreshing) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n useGlobalEventListener(\n document,\n \"touchmove\",\n onWindowTouchMove,\n TOUCH_MOVE_EVENT_PARAMS\n );\n\n const resetRefreshingState = React.useCallback(() => {\n setWatching(false);\n setCanRefresh(false);\n setRefreshing(false);\n setSpinnerY(initParams.start);\n setSpinnerProgress(0);\n setContentShift(0);\n }, [initParams]);\n\n const onRefreshingFinish = React.useCallback(() => {\n if (!touchDown) {\n resetRefreshingState();\n }\n }, [touchDown, resetRefreshingState]);\n\n const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } =\n useTimeout(onRefreshingFinish, 1000);\n\n useIsomorphicLayoutEffect(() => {\n if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n onRefreshingFinish();\n }\n }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n useIsomorphicLayoutEffect(() => {\n if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n clearWaitFetchingTimeout();\n }\n }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n const runRefreshing = React.useCallback(() => {\n if (!refreshing && onRefresh) {\n // cleanup if the consumer does not start fetching in 1s\n setWaitFetchingTimeout();\n\n setRefreshing(true);\n setSpinnerY((prevSpinnerY) =>\n platform === IOS ? prevSpinnerY : initParams.refreshing\n );\n\n onRefresh();\n runTapticImpactOccurred(\"light\");\n }\n }, [\n refreshing,\n onRefresh,\n setWaitFetchingTimeout,\n platform,\n initParams.refreshing,\n ]);\n\n useIsomorphicLayoutEffect(() => {\n if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n if (!refreshing && canRefresh) {\n runRefreshing();\n } else if (refreshing && !isFetching) {\n // only iOS can start refresh before gesture end\n resetRefreshingState();\n } else {\n // refreshing && isFetching: refresh in progress\n // OR !refreshing && !canRefresh: pull was not strong enough\n setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n setSpinnerProgress(0);\n setContentShift(0);\n }\n }\n }, [\n initParams,\n prevIsFetching,\n isFetching,\n onRefreshingFinish,\n prevTouchDown,\n touchDown,\n refreshing,\n canRefresh,\n runRefreshing,\n ]);\n\n const onTouchStart = (e: TouchEvent) => {\n if (refreshing) {\n cancelEvent(e);\n }\n setTouchDown(true);\n };\n\n const onTouchMove = (e: TouchEvent) => {\n const { isY, shiftY } = e;\n const { start, max } = initParams;\n const pageYOffset = scroll?.getScroll().y;\n\n if (watching && touchDown) {\n cancelEvent(e);\n\n const { positionMultiplier, maxY } = initParams;\n\n const shift = Math.max(0, shiftY - touchY.current);\n\n const currentY = Math.max(\n start,\n Math.min(maxY, start + shift * positionMultiplier)\n );\n const progress =\n currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n setSpinnerY(currentY);\n setSpinnerProgress(Math.min(80, Math.max(0, progress)));\n setCanRefresh(progress > 80);\n setContentShift((currentY + 10) * 2.3);\n\n if (progress > 85 && !refreshing && platform === IOS) {\n runRefreshing();\n }\n } else if (\n isY &&\n pageYOffset === 0 &&\n shiftY > 0 &&\n !refreshing &&\n touchDown\n ) {\n cancelEvent(e);\n\n touchY.current = shiftY;\n setWatching(true);\n setSpinnerY(start);\n setSpinnerProgress(0);\n }\n };\n\n const onTouchEnd = () => {\n setWatching(false);\n setTouchDown(false);\n };\n\n const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n let contentTransform = \"\";\n\n if (platform === IOS && refreshing && !touchDown) {\n contentTransform = \"translate3d(0, 100px, 0)\";\n } else if (platform === IOS && (contentShift || refreshing)) {\n contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n }\n\n return (\n <TouchRootContext.Provider value={true}>\n <Touch\n {...restProps}\n onStart={onTouchStart}\n onMove={onTouchMove}\n onEnd={onTouchEnd}\n vkuiClass={classNames(\n \"PullToRefresh\",\n platform === IOS && \"PullToRefresh--ios\",\n watching && \"PullToRefresh--watching\",\n refreshing && \"PullToRefresh--refreshing\"\n )}\n >\n <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n <PullToRefreshSpinner\n style={{\n transform: spinnerTransform,\n WebkitTransform: spinnerTransform,\n opacity: watching || refreshing || canRefresh ? 1 : 0,\n }}\n on={refreshing}\n progress={refreshing ? undefined : spinnerProgress}\n />\n </FixedLayout>\n\n <div\n vkuiClass=\"PullToRefresh__content\"\n style={{\n transform: contentTransform,\n WebkitTransform: contentTransform,\n }}\n >\n {children}\n </div>\n </Touch>\n </TouchRootContext.Provider>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","undefined","width","height","transformOrigin"],"mappings":";;;;;;;;;AACA;;AAGA,SAASA,oBAAT,CAA8BC,KAA9B,EAA6CC,MAA7C,EAA6D;AAC3D,MAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAzB;AACA,SAAO,IAAIG,IAAI,CAACC,EAAT,GAAcH,MAAd,IAAwB,IAAIC,QAA5B,CAAP;AACD;;AAWM,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOH;AAAA,qBAN/BC,EAM+B;AAAA,MAN/BA,EAM+B,wBAN1B,IAM0B;AAAA,uBAL/BC,IAK+B;AAAA,MAL/BA,IAK+B,0BALxB,EAKwB;AAAA,8BAJ/BC,WAI+B;AAAA,MAJ/BA,WAI+B,iCAJjB,GAIiB;AAAA,MAH/BC,KAG+B,QAH/BA,KAG+B;AAAA,2BAF/BP,QAE+B;AAAA,MAF/BA,QAE+B,8BAFpB,CAEoB;AAAA,4BAD/B,YAC+B;AAAA,MADjBQ,SACiB,+BADL,0BACK;AAC/B,MAAMT,MAAM,GAAG,MAAMM,IAAN,GAAa,MAAMC,WAAlC;AACA,MAAMG,SAAS,GAAG,IAAIR,IAAI,CAACC,EAAT,GAAcH,MAAhC;AACA,MAAMW,YAAY,GAAG,MAAML,IAA3B;AAEA,MAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAH,GAAQJ,QAAX,EAAqBD,MAArB,CAAvC;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,wBADS,EAETK,EAAE,IAAI,4BAFG,CADb;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,kBAAYH,EAAE,GAAGI,SAAH,GAAeI;AAN/B,KAQE;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAC,6BAFZ;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAER,IADF;AAELS,MAAAA,MAAM,EAAET;AAFH,KAHT;AAOE,IAAA,OAAO,gBAASA,IAAT,cAAiBA,IAAjB,CAPT;AAQE,IAAA,KAAK,EAAC;AARR,KAUE;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,KAAK,EAAER,IADF;AAELS,MAAAA,MAAM,EAAET,IAFH;AAGLU,MAAAA,eAAe,YAAKL,YAAL,gBAAuBA,YAAvB;AAHV;AADT,KAOE;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,eAAe,EAAED,SAHnB;AAIE,IAAA,gBAAgB,EAAEE,UAJpB;AAKE,IAAA,WAAW,EAAEL,WALf;AAME,IAAA,aAAa,EAAC,OANhB;AAOE,IAAA,EAAE,EAAEI,YAPN;AAQE,IAAA,EAAE,EAAEA,YARN;AASE,IAAA,CAAC,EAAEX;AATL,IAPF,CAVF,CARF,CADF;AAyCD,CAvDM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PullToRefresh.css\";\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n const progress = value / 100;\n return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n size?: number;\n strokeWidth?: number;\n on?: boolean;\n progress?: number;\n \"aria-label\"?: string;\n}\n\nexport const PullToRefreshSpinner = ({\n on = true,\n size = 24,\n strokeWidth = 2.5,\n style,\n progress = 0,\n \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n}: PullToRefreshSpinnerProps) => {\n const radius = 0.5 * size - 0.5 * strokeWidth;\n const dasharray = 2 * Math.PI * radius;\n const circleCenter = 0.5 * size;\n\n const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n return (\n <div\n vkuiClass={classNames(\n \"PullToRefresh__spinner\",\n on && \"PullToRefresh__spinner--on\"\n )}\n style={style}\n aria-label={on ? ariaLabel : undefined}\n >\n <svg\n role=\"presentation\"\n vkuiClass=\"PullToRefresh__spinner-self\"\n style={{\n width: size,\n height: size,\n }}\n viewBox={`0 0 ${size} ${size}`}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n style={{\n width: size,\n height: size,\n transformOrigin: `${circleCenter}px ${circleCenter}px`,\n }}\n >\n <circle\n vkuiClass=\"PullToRefresh__spinner-path\"\n fill=\"none\"\n strokeDasharray={dasharray}\n strokeDashoffset={dashoffset}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n cx={circleCenter}\n cy={circleCenter}\n r={radius}\n />\n </g>\n </svg>\n </div>\n );\n};\n"],"file":"PullToRefreshSpinner.js"}
1
+ {"version":3,"file":"PullToRefreshSpinner.js","names":["calcStrokeDashOffset","value","radius","progress","Math","PI","PullToRefreshSpinner","on","size","strokeWidth","style","ariaLabel","dasharray","circleCenter","dashoffset","classNames","undefined","width","height","transformOrigin"],"sources":["../../../../src/components/PullToRefresh/PullToRefreshSpinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PullToRefresh.css\";\n\nfunction calcStrokeDashOffset(value: number, radius: number) {\n const progress = value / 100;\n return 2 * Math.PI * radius * (1 - progress);\n}\n\nexport interface PullToRefreshSpinnerProps\n extends React.HTMLAttributes<HTMLDivElement> {\n size?: number;\n strokeWidth?: number;\n on?: boolean;\n progress?: number;\n \"aria-label\"?: string;\n}\n\nexport const PullToRefreshSpinner = ({\n on = true,\n size = 24,\n strokeWidth = 2.5,\n style,\n progress = 0,\n \"aria-label\": ariaLabel = \"Пожалуйста, подождите...\",\n}: PullToRefreshSpinnerProps) => {\n const radius = 0.5 * size - 0.5 * strokeWidth;\n const dasharray = 2 * Math.PI * radius;\n const circleCenter = 0.5 * size;\n\n const dashoffset = calcStrokeDashOffset(on ? 80 : progress, radius);\n\n return (\n <div\n vkuiClass={classNames(\n \"PullToRefresh__spinner\",\n on && \"PullToRefresh__spinner--on\"\n )}\n style={style}\n aria-label={on ? ariaLabel : undefined}\n >\n <svg\n role=\"presentation\"\n vkuiClass=\"PullToRefresh__spinner-self\"\n style={{\n width: size,\n height: size,\n }}\n viewBox={`0 0 ${size} ${size}`}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n style={{\n width: size,\n height: size,\n transformOrigin: `${circleCenter}px ${circleCenter}px`,\n }}\n >\n <circle\n vkuiClass=\"PullToRefresh__spinner-path\"\n fill=\"none\"\n strokeDasharray={dasharray}\n strokeDashoffset={dashoffset}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n cx={circleCenter}\n cy={circleCenter}\n r={radius}\n />\n </g>\n </svg>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;AACA;;AAGA,SAASA,oBAAT,CAA8BC,KAA9B,EAA6CC,MAA7C,EAA6D;EAC3D,IAAMC,QAAQ,GAAGF,KAAK,GAAG,GAAzB;EACA,OAAO,IAAIG,IAAI,CAACC,EAAT,GAAcH,MAAd,IAAwB,IAAIC,QAA5B,CAAP;AACD;;AAWM,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAuB,OAOH;EAAA,mBAN/BC,EAM+B;EAAA,IAN/BA,EAM+B,wBAN1B,IAM0B;EAAA,qBAL/BC,IAK+B;EAAA,IAL/BA,IAK+B,0BALxB,EAKwB;EAAA,4BAJ/BC,WAI+B;EAAA,IAJ/BA,WAI+B,iCAJjB,GAIiB;EAAA,IAH/BC,KAG+B,QAH/BA,KAG+B;EAAA,yBAF/BP,QAE+B;EAAA,IAF/BA,QAE+B,8BAFpB,CAEoB;EAAA,0BAD/B,YAC+B;EAAA,IADjBQ,SACiB,+BADL,0BACK;EAC/B,IAAMT,MAAM,GAAG,MAAMM,IAAN,GAAa,MAAMC,WAAlC;EACA,IAAMG,SAAS,GAAG,IAAIR,IAAI,CAACC,EAAT,GAAcH,MAAhC;EACA,IAAMW,YAAY,GAAG,MAAML,IAA3B;EAEA,IAAMM,UAAU,GAAGd,oBAAoB,CAACO,EAAE,GAAG,EAAH,GAAQJ,QAAX,EAAqBD,MAArB,CAAvC;EAEA,OACE;IACE,SAAS,EAAE,IAAAa,sBAAA,EACT,wBADS,EAETR,EAAE,IAAI,4BAFG,CADb;IAKE,KAAK,EAAEG,KALT;IAME,cAAYH,EAAE,GAAGI,SAAH,GAAeK;EAN/B,GAQE;IACE,IAAI,EAAC,cADP;IAEE,SAAS,EAAC,6BAFZ;IAGE,KAAK,EAAE;MACLC,KAAK,EAAET,IADF;MAELU,MAAM,EAAEV;IAFH,CAHT;IAOE,OAAO,gBAASA,IAAT,cAAiBA,IAAjB,CAPT;IAQE,KAAK,EAAC;EARR,GAUE;IACE,KAAK,EAAE;MACLS,KAAK,EAAET,IADF;MAELU,MAAM,EAAEV,IAFH;MAGLW,eAAe,YAAKN,YAAL,gBAAuBA,YAAvB;IAHV;EADT,GAOE;IACE,SAAS,EAAC,6BADZ;IAEE,IAAI,EAAC,MAFP;IAGE,eAAe,EAAED,SAHnB;IAIE,gBAAgB,EAAEE,UAJpB;IAKE,WAAW,EAAEL,WALf;IAME,aAAa,EAAC,OANhB;IAOE,EAAE,EAAEI,YAPN;IAQE,EAAE,EAAEA,YARN;IASE,CAAC,EAAEX;EATL,EAPF,CAVF,CARF,CADF;AAyCD,CAvDM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"names":["RadioIcon","props","RadioComponent","children","description","style","className","getRootRef","sizeY","restProps","platform","RadioTypography","VKCOM","SizeType","COMPACT","Text","Headline","IOS","ACTIVE_EFFECT_DELAY","disabled","Radio","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;AAC1D,SACE;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE;AAHF,KAIMA,KAJN,GAME;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,CAAC,EAAC,IAHJ;AAIE,IAAA,MAAM,EAAC,cAJT;AAKE,IAAA,WAAW,EAAC,GALd;AAME,IAAA,IAAI,EAAC;AANP,IANF,EAcE;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,CAAC,EAAC,KAHJ;AAIE,IAAA,SAAS,EAAC,YAJZ;AAKE,IAAA,IAAI,EAAC;AALP,IAdF,CADF;AAwBD,CAzBD;;AAmCA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAQL;AAAA,MAPhBC,QAOgB,QAPhBA,QAOgB;AAAA,MANhBC,WAMgB,QANhBA,WAMgB;AAAA,MALhBC,KAKgB,QALhBA,KAKgB;AAAA,MAJhBC,SAIgB,QAJhBA,SAIgB;AAAA,MAHhBC,UAGgB,QAHhBA,UAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,eAAe,GACnBD,QAAQ,KAAKE,eAAb,IAAsBJ,KAAK,KAAKK,yBAASC,OAAzC,GAAmDC,UAAnD,GAA0DC,kBAD5D;AAGA,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,KAAK,EAAEX,KAFT;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,SAAS,EAAE,4BAAW,OAAX,yBAAoCE,KAApC,EAJb;AAKE,IAAA,iBAAiB,EAAEE,QAAQ,KAAKO,aAAb,GAAmB,GAAnB,GAAyBC,6BAL9C;AAME,IAAA,QAAQ,EAAET,SAAS,CAACU,QANtB;AAOE,IAAA,UAAU,EAAEZ;AAPd,KASE,qCAAC,wCAAD,6BACME,SADN;AAEE,IAAA,SAAS,EAAC,cAFZ;AAGE,IAAA,IAAI,EAAC;AAHP,KATF,EAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,SAAD;AAAW,IAAA,SAAS,EAAC;AAArB,IADF,EAEE,qCAAC,eAAD;AAAiB,IAAA,SAAS,EAAC,gBAA3B;AAA4C,IAAA,SAAS,EAAC;AAAtD,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCN,QAAlC,CADF,EAEG,yBAAaC,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAyCA,WAAzC,CAHJ,CAFF,CAdF,CADF;AA0BD,CAxCD;AA0CA;AACA;AACA;;;AACO,IAAMgB,KAAK,GAAG,oCAAelB,cAAf,EAA+B;AAClDM,EAAAA,KAAK,EAAE;AAD2C,CAA/B,CAAd;;AAIPY,KAAK,CAACC,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden\n {...props}\n >\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"11\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n fill=\"none\"\n />\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"7.5\"\n vkuiClass=\"Radio__pin\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n}\n\nconst RadioComponent = ({\n children,\n description,\n style,\n className,\n getRootRef,\n sizeY,\n ...restProps\n}: RadioProps) => {\n const platform = usePlatform();\n\n const RadioTypography =\n platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <Tappable\n Component=\"label\"\n style={style}\n className={className}\n vkuiClass={classNames(\"Radio\", `Radio--sizeY-${sizeY}`)}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n disabled={restProps.disabled}\n getRootRef={getRootRef}\n >\n <VisuallyHiddenInput\n {...restProps}\n vkuiClass=\"Radio__input\"\n type=\"radio\"\n />\n <div vkuiClass=\"Radio__container\">\n <RadioIcon vkuiClass=\"Radio__icon\" />\n <RadioTypography vkuiClass=\"Radio__content\" Component=\"div\">\n <div vkuiClass=\"Radio__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Radio__description\">{description}</Caption>\n )}\n </RadioTypography>\n </div>\n </Tappable>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = withAdaptivity(RadioComponent, {\n sizeY: true,\n});\n\nRadio.displayName = \"Radio\";\n"],"file":"Radio.js"}
1
+ {"version":3,"file":"Radio.js","names":["RadioIcon","props","RadioComponent","children","description","style","className","getRootRef","sizeY","restProps","platform","usePlatform","RadioTypography","VKCOM","SizeType","COMPACT","Text","Headline","classNames","IOS","ACTIVE_EFFECT_DELAY","disabled","hasReactNode","Radio","withAdaptivity","displayName"],"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./Radio.css\";\n\nconst RadioIcon = (props: React.SVGProps<SVGSVGElement>) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n aria-hidden\n {...props}\n >\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"11\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n fill=\"none\"\n />\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"7.5\"\n vkuiClass=\"Radio__pin\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n AdaptivityProps {\n description?: React.ReactNode;\n}\n\nconst RadioComponent = ({\n children,\n description,\n style,\n className,\n getRootRef,\n sizeY,\n ...restProps\n}: RadioProps) => {\n const platform = usePlatform();\n\n const RadioTypography =\n platform === VKCOM || sizeY === SizeType.COMPACT ? Text : Headline;\n\n return (\n <Tappable\n Component=\"label\"\n style={style}\n className={className}\n vkuiClass={classNames(\"Radio\", `Radio--sizeY-${sizeY}`)}\n activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n disabled={restProps.disabled}\n getRootRef={getRootRef}\n >\n <VisuallyHiddenInput\n {...restProps}\n vkuiClass=\"Radio__input\"\n type=\"radio\"\n />\n <div vkuiClass=\"Radio__container\">\n <RadioIcon vkuiClass=\"Radio__icon\" />\n <RadioTypography vkuiClass=\"Radio__content\" Component=\"div\">\n <div vkuiClass=\"Radio__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Radio__description\">{description}</Caption>\n )}\n </RadioTypography>\n </div>\n </Tappable>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = withAdaptivity(RadioComponent, {\n sizeY: true,\n});\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA0C;EAC1D,OACE;IACE,KAAK,EAAC,4BADR;IAEE,OAAO,EAAC,WAFV;IAGE;EAHF,GAIMA,KAJN,GAME;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,MAAM,EAAC,cAJT;IAKE,WAAW,EAAC,GALd;IAME,IAAI,EAAC;EANP,EANF,EAcE;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,KAHJ;IAIE,SAAS,EAAC,YAJZ;IAKE,IAAI,EAAC;EALP,EAdF,CADF;AAwBD,CAzBD;;AAmCA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAQL;EAAA,IAPhBC,QAOgB,QAPhBA,QAOgB;EAAA,IANhBC,WAMgB,QANhBA,WAMgB;EAAA,IALhBC,KAKgB,QALhBA,KAKgB;EAAA,IAJhBC,SAIgB,QAJhBA,SAIgB;EAAA,IAHhBC,UAGgB,QAHhBA,UAGgB;EAAA,IAFhBC,KAEgB,QAFhBA,KAEgB;EAAA,IADbC,SACa;EAChB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,eAAe,GACnBF,QAAQ,KAAKG,eAAb,IAAsBL,KAAK,KAAKM,wBAAA,CAASC,OAAzC,GAAmDC,UAAnD,GAA0DC,kBAD5D;EAGA,OACE,qCAAC,kBAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEZ,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAE,IAAAY,sBAAA,EAAW,OAAX,yBAAoCV,KAApC,EAJb;IAKE,iBAAiB,EAAEE,QAAQ,KAAKS,aAAb,GAAmB,GAAnB,GAAyBC,6BAL9C;IAME,QAAQ,EAAEX,SAAS,CAACY,QANtB;IAOE,UAAU,EAAEd;EAPd,GASE,qCAAC,wCAAD,6BACME,SADN;IAEE,SAAS,EAAC,cAFZ;IAGE,IAAI,EAAC;EAHP,GATF,EAcE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,SAAD;IAAW,SAAS,EAAC;EAArB,EADF,EAEE,qCAAC,eAAD;IAAiB,SAAS,EAAC,gBAA3B;IAA4C,SAAS,EAAC;EAAtD,GACE;IAAK,SAAS,EAAC;EAAf,GAAkCN,QAAlC,CADF,EAEG,IAAAmB,mBAAA,EAAalB,WAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAyCA,WAAzC,CAHJ,CAFF,CAdF,CADF;AA0BD,CAxCD;AA0CA;AACA;AACA;;;AACO,IAAMmB,KAAK,GAAG,IAAAC,8BAAA,EAAetB,cAAf,EAA+B;EAClDM,KAAK,EAAE;AAD2C,CAA/B,CAAd;;AAIPe,KAAK,CAACE,WAAN,GAAoB,OAApB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"names":["RadioGroup","mode","children","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa;AAAA,uBACxBC,IADwB;AAAA,MACxBA,IADwB,0BACjB,UADiB;AAAA,MAExBC,QAFwB,QAExBA,QAFwB;AAAA,MAGrBC,SAHqB;AAAA,SAKxB;AACE,IAAA,SAAS,EAAE,4BAAW,YAAX,wBAAwCF,IAAxC;AADb,KAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n mode = \"vertical\",\n children,\n ...restProps\n}: RadioGroupProps) => (\n <div\n vkuiClass={classNames(\"RadioGroup\", `RadioGroup--${mode}`)}\n {...restProps}\n >\n {children}\n </div>\n);\n"],"file":"RadioGroup.js"}
1
+ {"version":3,"file":"RadioGroup.js","names":["RadioGroup","mode","children","restProps","classNames"],"sources":["../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./RadioGroup.css\";\n\nexport interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"vertical\" | \"horizontal\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n mode = \"vertical\",\n children,\n ...restProps\n}: RadioGroupProps) => (\n <div\n vkuiClass={classNames(\"RadioGroup\", `RadioGroup--${mode}`)}\n {...restProps}\n >\n {children}\n </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa;EAAA,qBACxBC,IADwB;EAAA,IACxBA,IADwB,0BACjB,UADiB;EAAA,IAExBC,QAFwB,QAExBA,QAFwB;EAAA,IAGrBC,SAHqB;EAAA,OAKxB;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,YAAX,wBAAwCH,IAAxC;EADb,GAEME,SAFN,GAIGD,QAJH,CALwB;AAAA,CAAnB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":["RangeSlider","onChange","defaultValue","min","max","step","props","isControlled","Boolean","value","React","useState","localValue","setValue","start","end","useMemo","handleChange","useCallback","nextValue","event","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAOH;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,YAKsB,QALtBA,YAKsB;AAAA,sBAJtBC,GAIsB;AAAA,MAJtBA,GAIsB,yBAJhB,CAIgB;AAAA,sBAHtBC,GAGsB;AAAA,MAHtBA,GAGsB,yBAHhB,GAGgB;AAAA,uBAFtBC,IAEsB;AAAA,MAFtBA,IAEsB,0BAFf,CAEe;AAAA,MADnBC,KACmB;AACtB,MAAMC,YAAY,GAAGC,OAAO,CAACF,KAAK,CAACG,KAAP,CAA5B;;AAEA,wBAA+BC,KAAK,CAACC,QAAN,CAC7BT,YAAY,IAAK,CAACC,GAAD,EAAMC,GAAN,CADY,CAA/B;AAAA;AAAA,MAAOQ,UAAP;AAAA,MAAmBC,QAAnB;;AAGA,cAAqBP,KAAK,CAACG,KAAN,IAAeG,UAApC;AAAA;AAAA,MAAOE,KAAP;AAAA,MAAcC,GAAd;;AACA,MAAMN,KAAK,GAAGC,KAAK,CAACM,OAAN,CACZ;AAAA,WAAM,CAAC,iBAAMF,KAAN,EAAaX,GAAb,EAAkBC,GAAlB,CAAD,EAAyB,iBAAMW,GAAN,EAAWZ,GAAX,EAAgBC,GAAhB,CAAzB,CAAN;AAAA,GADY,EAEZ,CAACW,GAAD,EAAMX,GAAN,EAAWD,GAAX,EAAgBW,KAAhB,CAFY,CAAd;AAKA,MAAMG,YAA0C,GAAGP,KAAK,CAACQ,WAAN,CACjD,UAACC,SAAD,EAAmBC,KAAnB,EAAyC;AACvC,QACEd,KAAK,CAACe,QAAN,IACCZ,KAAK,CAAC,CAAD,CAAL,KAAaU,SAAS,CAAC,CAAD,CAAtB,IAA6BV,KAAK,CAAC,CAAD,CAAL,KAAaU,SAAS,CAAC,CAAD,CAFtD,EAGE;AACA;AACD;;AACD,KAACZ,YAAD,IAAiBM,QAAQ,CAACM,SAAD,CAAzB;AACAlB,IAAAA,QAAQ,IAAIA,QAAQ,CAACkB,SAAD,EAAYC,KAAZ,CAApB;AACD,GAVgD,EAWjD,CAACd,KAAK,CAACe,QAAP,EAAiBZ,KAAjB,EAAwBF,YAAxB,EAAsCN,QAAtC,CAXiD,CAAnD;AAcA,SACE,qCAAC,gCAAD,6BACMK,KADN;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,QAAQ,EAAEQ,YAHZ;AAIE,IAAA,GAAG,EAAEd,GAJP;AAKE,IAAA,GAAG,EAAEC,GALP;AAME,IAAA,IAAI,EAAEC;AANR,KADF;AAUD,CA3CM","sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { UniversalSlider, UniversalSliderProps } from \"./UniversalSlider\";\nimport { TouchEvent } from \"../Touch/Touch\";\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport const RangeSlider = ({\n onChange,\n defaultValue,\n min = 0,\n max = 100,\n step = 0,\n ...props\n}: RangeSliderProps) => {\n const isControlled = Boolean(props.value);\n\n const [localValue, setValue] = React.useState(\n defaultValue || ([min, max] as Value)\n );\n const [start, end] = props.value || localValue;\n const value = React.useMemo(\n () => [clamp(start, min, max), clamp(end, min, max)] as Value,\n [end, max, min, start]\n );\n\n const handleChange: RangeSliderProps[\"onChange\"] = React.useCallback(\n (nextValue: Value, event: TouchEvent) => {\n if (\n props.disabled ||\n (value[0] === nextValue[0] && value[1] === nextValue[1])\n ) {\n return;\n }\n !isControlled && setValue(nextValue);\n onChange && onChange(nextValue, event);\n },\n [props.disabled, value, isControlled, onChange]\n );\n\n return (\n <UniversalSlider\n {...props}\n value={value}\n onChange={handleChange}\n min={min}\n max={max}\n step={step}\n />\n );\n};\n"],"file":"RangeSlider.js"}
1
+ {"version":3,"file":"RangeSlider.js","names":["RangeSlider","onChange","defaultValue","min","max","step","props","isControlled","Boolean","value","React","useState","localValue","setValue","start","end","useMemo","clamp","handleChange","useCallback","nextValue","event","disabled"],"sources":["../../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clamp } from \"../../helpers/math\";\nimport { UniversalSlider, UniversalSliderProps } from \"./UniversalSlider\";\nimport { TouchEvent } from \"../Touch/Touch\";\n\nexport type Value = [number, number];\nexport type RangeSliderProps = UniversalSliderProps<Value>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RangeSlider\n */\nexport const RangeSlider = ({\n onChange,\n defaultValue,\n min = 0,\n max = 100,\n step = 0,\n ...props\n}: RangeSliderProps) => {\n const isControlled = Boolean(props.value);\n\n const [localValue, setValue] = React.useState(\n defaultValue || ([min, max] as Value)\n );\n const [start, end] = props.value || localValue;\n const value = React.useMemo(\n () => [clamp(start, min, max), clamp(end, min, max)] as Value,\n [end, max, min, start]\n );\n\n const handleChange: RangeSliderProps[\"onChange\"] = React.useCallback(\n (nextValue: Value, event: TouchEvent) => {\n if (\n props.disabled ||\n (value[0] === nextValue[0] && value[1] === nextValue[1])\n ) {\n return;\n }\n !isControlled && setValue(nextValue);\n onChange && onChange(nextValue, event);\n },\n [props.disabled, value, isControlled, onChange]\n );\n\n return (\n <UniversalSlider\n {...props}\n value={value}\n onChange={handleChange}\n min={min}\n max={max}\n step={step}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAOH;EAAA,IANtBC,QAMsB,QANtBA,QAMsB;EAAA,IALtBC,YAKsB,QALtBA,YAKsB;EAAA,oBAJtBC,GAIsB;EAAA,IAJtBA,GAIsB,yBAJhB,CAIgB;EAAA,oBAHtBC,GAGsB;EAAA,IAHtBA,GAGsB,yBAHhB,GAGgB;EAAA,qBAFtBC,IAEsB;EAAA,IAFtBA,IAEsB,0BAFf,CAEe;EAAA,IADnBC,KACmB;EACtB,IAAMC,YAAY,GAAGC,OAAO,CAACF,KAAK,CAACG,KAAP,CAA5B;;EAEA,sBAA+BC,KAAK,CAACC,QAAN,CAC7BT,YAAY,IAAK,CAACC,GAAD,EAAMC,GAAN,CADY,CAA/B;EAAA;EAAA,IAAOQ,UAAP;EAAA,IAAmBC,QAAnB;;EAGA,YAAqBP,KAAK,CAACG,KAAN,IAAeG,UAApC;EAAA;EAAA,IAAOE,KAAP;EAAA,IAAcC,GAAd;;EACA,IAAMN,KAAK,GAAGC,KAAK,CAACM,OAAN,CACZ;IAAA,OAAM,CAAC,IAAAC,WAAA,EAAMH,KAAN,EAAaX,GAAb,EAAkBC,GAAlB,CAAD,EAAyB,IAAAa,WAAA,EAAMF,GAAN,EAAWZ,GAAX,EAAgBC,GAAhB,CAAzB,CAAN;EAAA,CADY,EAEZ,CAACW,GAAD,EAAMX,GAAN,EAAWD,GAAX,EAAgBW,KAAhB,CAFY,CAAd;EAKA,IAAMI,YAA0C,GAAGR,KAAK,CAACS,WAAN,CACjD,UAACC,SAAD,EAAmBC,KAAnB,EAAyC;IACvC,IACEf,KAAK,CAACgB,QAAN,IACCb,KAAK,CAAC,CAAD,CAAL,KAAaW,SAAS,CAAC,CAAD,CAAtB,IAA6BX,KAAK,CAAC,CAAD,CAAL,KAAaW,SAAS,CAAC,CAAD,CAFtD,EAGE;MACA;IACD;;IACD,CAACb,YAAD,IAAiBM,QAAQ,CAACO,SAAD,CAAzB;IACAnB,QAAQ,IAAIA,QAAQ,CAACmB,SAAD,EAAYC,KAAZ,CAApB;EACD,CAVgD,EAWjD,CAACf,KAAK,CAACgB,QAAP,EAAiBb,KAAjB,EAAwBF,YAAxB,EAAsCN,QAAtC,CAXiD,CAAnD;EAcA,OACE,qCAAC,gCAAD,6BACMK,KADN;IAEE,KAAK,EAAEG,KAFT;IAGE,QAAQ,EAAES,YAHZ;IAIE,GAAG,EAAEf,GAJP;IAKE,GAAG,EAAEC,GALP;IAME,IAAI,EAAEC;EANR,GADF;AAUD,CA3CM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAqBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAWgB;AAAA,sBAV1CC,GAU0C;AAAA,MAV1CA,GAU0C,yBAVpC,CAUoC;AAAA,sBAT1CC,GAS0C;AAAA,MAT1CA,GAS0C,yBATpC,GASoC;AAAA,MAR1CC,IAQ0C,QAR1CA,IAQ0C;AAAA,wBAP1CC,KAO0C;AAAA,MAP1CA,KAO0C,2BAPlC,CAAC,CAAD,EAAI,CAAJ,CAOkC;AAAA,MAN1CC,YAM0C,QAN1CA,YAM0C;AAAA,MAL1CC,QAK0C,QAL1CA,QAK0C;AAAA,MAJ1CC,UAI0C,QAJ1CA,UAI0C;AAAA,MAH1CC,KAG0C,QAH1CA,KAG0C;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,4CAAqBN,KAArB;AAAA,MAAOO,KAAP;AAAA,MAAcC,GAAd;;AACA,MAAMC,OAAO,GAAGF,KAAK,IAAI,IAAzB;AACA,MAAMG,OAAO,GAAGC,KAAK,CAACC,MAAN,CAAa;AAC3BC,IAAAA,QAAQ,EAAE,KADiB;AAE3BC,IAAAA,MAAM,EAAE,CAFmB;AAG3BC,IAAAA,cAAc,EAAE;AAHW,GAAb,EAIbC,OAJH;AAKA,MAAMC,SAAS,GAAG,gCAAad,UAAb,CAAlB;AACA,MAAMe,UAAU,GAAGP,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAAnB;AACA,MAAMO,QAAQ,GAAGR,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAAjB;;AAEA,MAAMQ,aAAa,GAAG,SAAhBA,aAAgB,CAACC,QAAD,EAAsB;AAC1C,WAAO,mBAAQA,QAAR,EAAkB,CAAC,CAAD,EAAIX,OAAO,CAACK,cAAZ,CAAlB,EAA+C,CAAClB,GAAD,EAAMC,GAAN,CAA/C,EAA2D;AAAEC,MAAAA,IAAI,EAAJA;AAAF,KAA3D,CAAP;AACD,GAFD;;AAIA,MAAMuB,WAAW,GAAG,SAAdA,WAAc,CAACC,SAAD,EAAuC;AACzD,QAAIhB,KAAK,IAAI,IAAb,EAAmB;AACjB,aAAO,CAAC,IAAD,EAAOgB,SAAP,CAAP;AACD;;AAED,QAAQV,QAAR,GAAqBH,OAArB,CAAQG,QAAR;;AACA,QAAIA,QAAQ,KAAK,OAAjB,EAA0B;AACxB,UAAIU,SAAS,GAAGf,GAAhB,EAAqB;AACnB;AACAE,QAAAA,OAAO,CAACG,QAAR,GAAmB,KAAnB;AACA,eAAO,CAACL,GAAD,EAAMe,SAAN,CAAP;AACD;;AACD,aAAO,CAACA,SAAD,EAAYf,GAAZ,CAAP;AACD;;AACD,QAAIK,QAAQ,KAAK,KAAjB,EAAwB;AACtB,UAAIU,SAAS,GAAGhB,KAAhB,EAAuB;AACrB;AACAG,QAAAA,OAAO,CAACG,QAAR,GAAmB,OAAnB;AACA,eAAO,CAACU,SAAD,EAAYhB,KAAZ,CAAP;AACD;;AACD,aAAO,CAACA,KAAD,EAAQgB,SAAR,CAAP;AACD;;AAED,WAAOvB,KAAP;AACD,GAxBD;;AA0BA,MAAMwB,aAAa,GAAG,SAAhBA,aAAgB,CAACC,GAAD,EAAcC,MAAd,EAA6C;AACjE,QAAIA,MAAM,KAAKR,UAAU,CAACF,OAA1B,EAAmC;AACjC,aAAO,OAAP;AACD;;AACD,QAAIU,MAAM,KAAKP,QAAQ,CAACH,OAAxB,EAAiC;AAC/B,aAAO,KAAP;AACD;;AACD,WAAOW,IAAI,CAACC,GAAL,CAAS,CAACrB,KAAD,aAACA,KAAD,cAACA,KAAD,GAAU,CAAV,IAAekB,GAAxB,KAAgCE,IAAI,CAACC,GAAL,CAASpB,GAAG,GAAGiB,GAAf,CAAhC,GACH,OADG,GAEH,KAFJ;AAGD,GAVD;;AAYA,MAAMI,OAA0B,GAAG,SAA7BA,OAA6B,CAACC,CAAD,EAAmB;AAAA;;AACpD,QAAMC,YAAY,yBAAGd,SAAS,CAACD,OAAb,uDAAG,mBAAmBgB,qBAAnB,EAArB;AACAtB,IAAAA,OAAO,CAACK,cAAR,0BAAyBgB,YAAzB,aAAyBA,YAAzB,uBAAyBA,YAAY,CAAEE,KAAvC,qEAAgD,CAAhD;AAEA,QAAMC,gBAAgB,GAAGJ,CAAC,CAAChB,MAAF,0BAAYiB,YAAZ,aAAYA,YAAZ,uBAAYA,YAAY,CAAEI,IAA1B,mEAAkC,CAAlC,CAAzB;AACA,QAAMV,GAAG,GAAGL,aAAa,CAACc,gBAAD,CAAzB;AACAxB,IAAAA,OAAO,CAACG,QAAR,GAAmBW,aAAa,CAACC,GAAD,EAAMK,CAAC,CAACM,aAAF,CAAgBV,MAAtB,CAAhC;AACAhB,IAAAA,OAAO,CAACI,MAAR,GAAiBoB,gBAAjB;AAEAhC,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGoB,WAAW,CAACG,GAAD,CAAd,EAAqBK,CAArB,CAAR;AACAA,IAAAA,CAAC,CAACM,aAAF,CAAgBC,eAAhB;AACD,GAXD;;AAaA,MAAMC,MAAyB,GAAG,SAA5BA,MAA4B,CAACR,CAAD,EAAmB;AACnD5B,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGoB,WAAW,CAACF,aAAa,CAACV,OAAO,CAACI,MAAR,IAAkBgB,CAAC,CAACS,MAAF,IAAY,CAA9B,CAAD,CAAd,CAAd,EAAiET,CAAjE,CAAR;AAEAA,IAAAA,CAAC,CAACM,aAAF,CAAgBC,eAAhB;AACAP,IAAAA,CAAC,CAACM,aAAF,CAAgBI,cAAhB;AACD,GALD;;AAOA,MAAMC,KAAwB,GAAG,SAA3BA,KAA2B,CAACX,CAAD,EAAO;AACtCpB,IAAAA,OAAO,CAACG,QAAR,GAAmB,KAAnB;AACAiB,IAAAA,CAAC,CAACM,aAAF,CAAgBC,eAAhB;AACD,GAHD;;AAKA,MAAMK,SAAS,GAAG,SAAZA,SAAY,CAACC,CAAD;AAAA,WAAgB,CAACA,CAAC,GAAG9C,GAAL,KAAaC,GAAG,GAAGD,GAAnB,CAAD,GAA4B,GAA3C;AAAA,GAAlB;;AACA,MAAM+C,YAAY,GAAGnC,OAAO,GACxB;AACEwB,IAAAA,KAAK,YAAKS,SAAS,CAAClC,GAAD,CAAT,GAAiBkC,SAAS,CAACnC,KAAD,aAACA,KAAD,cAACA,KAAD,GAAU,CAAV,CAA/B,MADP;AAEE4B,IAAAA,IAAI,YAAKO,SAAS,CAACnC,KAAD,aAACA,KAAD,cAACA,KAAD,GAAU,CAAV,CAAd;AAFN,GADwB,GAKxB;AACE0B,IAAAA,KAAK,YAAKS,SAAS,CAAClC,GAAD,CAAd;AADP,GALJ;AASA,SACE,qCAAC,YAAD;AACE,kBAAYC,OAAO,GAAGT,KAAK,CAAC6C,IAAN,CAAW,GAAX,CAAH,GAAqB7C;AAD1C,KAEMM,SAFN,EAGOD,QAAQ,GAAG,EAAH,GAAQ;AAAEwB,IAAAA,OAAO,EAAPA,OAAF;AAAWS,IAAAA,MAAM,EAANA,MAAX;AAAmBG,IAAAA,KAAK,EAALA;AAAnB,GAHvB;AAIE,IAAA,SAAS,EAAE,4BACT,QADS,0BAEQrC,KAFR,GAGTC,QAAQ,IAAI,kBAHH;AAJb,MAUE;AAAK,IAAA,GAAG,EAAEY,SAAV;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACE;AAAK,IAAA,SAAS,EAAC,iBAAf;AAAiC,IAAA,KAAK,EAAE2B;AAAxC,KACGnC,OAAO,IACN;AACE,IAAA,SAAS,EAAE,4BAAW,eAAX,EAA4B,sBAA5B,CADb;AAEE,IAAA,GAAG,EAAES;AAFP,IAFJ,EAOE;AACE,IAAA,SAAS,EAAE,4BAAW,eAAX,EAA4B,oBAA5B,CADb;AAEE,IAAA,GAAG,EAAEC;AAFP,IAPF,CADF,CAVF,CADF;AA2BD,CA/HD;;AAiIO,IAAM2B,eAAe,GAAG,oCAAelD,mBAAf,EAAoC;AACjEQ,EAAAA,KAAK,EAAE;AAD0D,CAApC,CAAxB;;AAIP0C,eAAe,CAACC,WAAhB,GAA8B,iBAA9B","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n extends HasRootRef<HTMLDivElement>,\n Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"value\" | \"defaultValue\" | \"onChange\"\n >,\n AdaptivityProps {\n min?: number;\n max?: number;\n step?: number;\n value?: Value;\n defaultValue?: Value;\n disabled?: boolean;\n onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n min = 0,\n max = 100,\n step,\n value = [0, 0],\n defaultValue,\n onChange,\n getRootRef,\n sizeY,\n disabled,\n ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n const [start, end] = value;\n const isRange = start != null;\n const gesture = React.useRef({\n dragging: false as false | \"start\" | \"end\",\n startX: 0,\n containerWidth: 0,\n }).current;\n const container = useExternRef(getRootRef);\n const thumbStart = React.useRef<HTMLDivElement>(null);\n const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n const offsetToValue = (absolute: number) => {\n return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n };\n\n const updateRange = (nextValue: number): UniversalValue => {\n if (start == null) {\n return [null, nextValue];\n }\n\n const { dragging } = gesture;\n if (dragging === \"start\") {\n if (nextValue > end) {\n // \"перехватиться\", если перетянули за конец\n gesture.dragging = \"end\";\n return [end, nextValue];\n }\n return [nextValue, end];\n }\n if (dragging === \"end\") {\n if (nextValue < start) {\n // \"перехватиться\", если перетянули за начало\n gesture.dragging = \"start\";\n return [nextValue, start];\n }\n return [start, nextValue];\n }\n\n return value;\n };\n\n const snapDirection = (pos: number, target: EventTarget | null) => {\n if (target === thumbStart.current) {\n return \"start\";\n }\n if (target === thumbEnd.current) {\n return \"end\";\n }\n return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n ? \"start\"\n : \"end\";\n };\n\n const onStart: TouchEventHandler = (e: TouchEvent) => {\n const boundingRect = container.current?.getBoundingClientRect();\n gesture.containerWidth = boundingRect?.width ?? 0;\n\n const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n const pos = offsetToValue(absolutePosition);\n gesture.dragging = snapDirection(pos, e.originalEvent.target);\n gesture.startX = absolutePosition;\n\n onChange?.(updateRange(pos), e);\n e.originalEvent.stopPropagation();\n };\n\n const onMove: TouchEventHandler = (e: TouchEvent) => {\n onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n e.originalEvent.stopPropagation();\n e.originalEvent.preventDefault();\n };\n\n const onEnd: TouchEventHandler = (e) => {\n gesture.dragging = false;\n e.originalEvent.stopPropagation();\n };\n\n const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n const draggerStyle = isRange\n ? {\n width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n left: `${toPercent(start ?? 0)}%`,\n }\n : {\n width: `${toPercent(end)}%`,\n };\n\n return (\n <Touch\n data-value={isRange ? value.join(\",\") : value}\n {...restProps}\n {...(disabled ? {} : { onStart, onMove, onEnd })}\n vkuiClass={classNames(\n \"Slider\",\n `Slider--sizeY-${sizeY}`,\n disabled && \"Slider--disabled\"\n )}\n >\n <div ref={container} vkuiClass=\"Slider__in\">\n <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n {isRange && (\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n ref={thumbStart}\n />\n )}\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n ref={thumbEnd}\n />\n </div>\n </div>\n </Touch>\n );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"file":"UniversalSlider.js"}
1
+ {"version":3,"file":"UniversalSlider.js","names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","useExternRef","thumbStart","thumbEnd","offsetToValue","absolute","rescale","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","classNames","UniversalSlider","withAdaptivity","displayName"],"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { rescale } from \"../../helpers/math\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport \"../Slider/Slider.css\";\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value>\n extends HasRootRef<HTMLDivElement>,\n Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"value\" | \"defaultValue\" | \"onChange\"\n >,\n AdaptivityProps {\n min?: number;\n max?: number;\n step?: number;\n value?: Value;\n defaultValue?: Value;\n disabled?: boolean;\n onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb = ({\n min = 0,\n max = 100,\n step,\n value = [0, 0],\n defaultValue,\n onChange,\n getRootRef,\n sizeY,\n disabled,\n ...restProps\n}: UniversalSliderProps<UniversalValue>) => {\n const [start, end] = value;\n const isRange = start != null;\n const gesture = React.useRef({\n dragging: false as false | \"start\" | \"end\",\n startX: 0,\n containerWidth: 0,\n }).current;\n const container = useExternRef(getRootRef);\n const thumbStart = React.useRef<HTMLDivElement>(null);\n const thumbEnd = React.useRef<HTMLDivElement>(null);\n\n const offsetToValue = (absolute: number) => {\n return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n };\n\n const updateRange = (nextValue: number): UniversalValue => {\n if (start == null) {\n return [null, nextValue];\n }\n\n const { dragging } = gesture;\n if (dragging === \"start\") {\n if (nextValue > end) {\n // \"перехватиться\", если перетянули за конец\n gesture.dragging = \"end\";\n return [end, nextValue];\n }\n return [nextValue, end];\n }\n if (dragging === \"end\") {\n if (nextValue < start) {\n // \"перехватиться\", если перетянули за начало\n gesture.dragging = \"start\";\n return [nextValue, start];\n }\n return [start, nextValue];\n }\n\n return value;\n };\n\n const snapDirection = (pos: number, target: EventTarget | null) => {\n if (target === thumbStart.current) {\n return \"start\";\n }\n if (target === thumbEnd.current) {\n return \"end\";\n }\n return Math.abs((start ?? 0) - pos) <= Math.abs(end - pos)\n ? \"start\"\n : \"end\";\n };\n\n const onStart: TouchEventHandler = (e: TouchEvent) => {\n const boundingRect = container.current?.getBoundingClientRect();\n gesture.containerWidth = boundingRect?.width ?? 0;\n\n const absolutePosition = e.startX - (boundingRect?.left ?? 0);\n const pos = offsetToValue(absolutePosition);\n gesture.dragging = snapDirection(pos, e.originalEvent.target);\n gesture.startX = absolutePosition;\n\n onChange?.(updateRange(pos), e);\n e.originalEvent.stopPropagation();\n };\n\n const onMove: TouchEventHandler = (e: TouchEvent) => {\n onChange?.(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n e.originalEvent.stopPropagation();\n e.originalEvent.preventDefault();\n };\n\n const onEnd: TouchEventHandler = (e) => {\n gesture.dragging = false;\n e.originalEvent.stopPropagation();\n };\n\n const toPercent = (v: number) => ((v - min) / (max - min)) * 100;\n const draggerStyle = isRange\n ? {\n width: `${toPercent(end) - toPercent(start ?? 0)}%`,\n left: `${toPercent(start ?? 0)}%`,\n }\n : {\n width: `${toPercent(end)}%`,\n };\n\n return (\n <Touch\n data-value={isRange ? value.join(\",\") : value}\n {...restProps}\n {...(disabled ? {} : { onStart, onMove, onEnd })}\n vkuiClass={classNames(\n \"Slider\",\n `Slider--sizeY-${sizeY}`,\n disabled && \"Slider--disabled\"\n )}\n >\n <div ref={container} vkuiClass=\"Slider__in\">\n <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n {isRange && (\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--start\")}\n ref={thumbStart}\n />\n )}\n <span\n vkuiClass={classNames(\"Slider__thumb\", \"Slider__thumb--end\")}\n ref={thumbEnd}\n />\n </div>\n </div>\n </Touch>\n );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n sizeY: true,\n});\n\nUniversalSlider.displayName = \"UniversalSlider\";\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Removable/Removable.tsx"],"names":["RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","window","removeButtonRef","React","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","noop","align","restProps","platform","sizeY","ref","onRemoveClick","preventDefault","IOS"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n /**\n * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n */\n removePlaceholder?: React.ReactNode;\n /**\n * Коллбэк срабатывает при клике на контрол удаления.\n */\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n removePlaceholderString?: string;\n children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children,\n}: RemovableIosOwnProps) => {\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n \"click\",\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true }\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n return (\n <div\n vkuiClass=\"Removable__content\"\n style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n aria-label={removePlaceholderString}\n vkuiClass=\"Removable__action Removable__toggle\"\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0}\n >\n <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n </IconButton>\n {children}\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n vkuiClass=\"Removable__remove\"\n onClick={onRemove}\n >\n <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n /**\n * Расположение кнопки удаления.\n */\n align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n getRootRef,\n children,\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n align = \"center\",\n ...restProps\n}: RemovableOwnProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const ref = useExternRef(getRootRef);\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove(e);\n };\n\n const removePlaceholderString: string =\n getTitleFromChildren(removePlaceholder);\n\n return (\n <div\n {...restProps}\n ref={ref}\n vkuiClass={classNames(\n \"Removable\",\n platform === IOS && \"Removable--ios\",\n `Removable--${align}`,\n `Removable--sizeY-${sizeY}`\n )}\n >\n {platform !== IOS && (\n <div vkuiClass=\"Removable__content\">\n {children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n vkuiClass=\"Removable__action\"\n onClick={onRemoveClick}\n aria-label={removePlaceholderString}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n </div>\n )}\n\n {platform === IOS && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n >\n {children}\n </RemovableIos>\n )}\n </div>\n );\n};\n"],"file":"Removable.js"}
1
+ {"version":3,"file":"Removable.js","names":["RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","useDOM","window","removeButtonRef","React","useRef","disabledRef","useState","removeOffset","updateRemoveOffset","useGlobalEventListener","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","transform","Removable","getRootRef","noop","align","restProps","platform","usePlatform","useAdaptivity","sizeY","ref","useExternRef","onRemoveClick","preventDefault","getTitleFromChildren","classNames","IOS"],"sources":["../../../../src/components/Removable/Removable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren, noop } from \"../../lib/utils\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon24Cancel } from \"@vkontakte/icons\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport \"./Removable.css\";\n\nexport interface RemovableProps {\n /**\n * iOS only. Текст в выезжающей кнопке для удаления ячейки.\n */\n removePlaceholder?: React.ReactNode;\n /**\n * Коллбэк срабатывает при клике на контрол удаления.\n */\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n removePlaceholderString?: string;\n children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RemovableIos\n */\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children,\n}: RemovableIosOwnProps) => {\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n \"click\",\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true }\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n return (\n <div\n vkuiClass=\"Removable__content\"\n style={{ transform: `translateX(-${removeOffset ?? 0}px)` }}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n aria-label={removePlaceholderString}\n vkuiClass=\"Removable__action Removable__toggle\"\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0}\n >\n <i vkuiClass=\"Removable__toggle-in\" role=\"presentation\" />\n </IconButton>\n {children}\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n vkuiClass=\"Removable__remove\"\n onClick={onRemove}\n >\n <span vkuiClass=\"Removable__remove-in\">{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n RemovableProps,\n HasRootRef<HTMLDivElement> {\n /**\n * Расположение кнопки удаления.\n */\n align?: \"start\" | \"center\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n getRootRef,\n children,\n onRemove = noop,\n removePlaceholder = \"Удалить\",\n align = \"center\",\n ...restProps\n}: RemovableOwnProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n\n const ref = useExternRef(getRootRef);\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove(e);\n };\n\n const removePlaceholderString: string =\n getTitleFromChildren(removePlaceholder);\n\n return (\n <div\n {...restProps}\n ref={ref}\n vkuiClass={classNames(\n \"Removable\",\n platform === IOS && \"Removable--ios\",\n `Removable--${align}`,\n `Removable--sizeY-${sizeY}`\n )}\n >\n {platform !== IOS && (\n <div vkuiClass=\"Removable__content\">\n {children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n vkuiClass=\"Removable__action\"\n onClick={onRemoveClick}\n aria-label={removePlaceholderString}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span vkuiClass=\"Removable__offset\" aria-hidden />\n </div>\n )}\n\n {platform === IOS && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n >\n {children}\n </RemovableIos>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RichCell/RichCell.tsx"],"names":["RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","RichCell","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAqDA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;AAAA,MAZnBC,OAYmB,QAZnBA,OAYmB;AAAA,MAXnBC,QAWmB,QAXnBA,QAWmB;AAAA,MAVnBC,IAUmB,QAVnBA,IAUmB;AAAA,MATnBC,OASmB,QATnBA,OASmB;AAAA,MARnBC,MAQmB,QARnBA,MAQmB;AAAA,MAPnBC,KAOmB,QAPnBA,KAOmB;AAAA,MANnBC,YAMmB,QANnBA,YAMmB;AAAA,MALnBC,MAKmB,QALnBA,MAKmB;AAAA,MAJnBC,OAImB,QAJnBA,OAImB;AAAA,MAHnBC,SAGmB,QAHnBA,SAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;AACnB,SACE,qCAAC,kBAAD,6BACMA,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,UADS,EAET,CAACF,SAAD,IAAc,yBAFL,4BAGUC,KAHV;AAFb,MAQGN,MAAM,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CARb,EASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,OAAO,IACN,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,KAAnB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,OADH,CAFJ,EAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,KAAnB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,KAAK,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACO,IAAMI,QAAQ,GAAG,oCAAeb,iBAAf,EAAkC;AAAEW,EAAAA,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n /**\n * Контейнер для текста над `children`.\n */\n subhead?: React.ReactNode;\n /**\n * Контейнер для текста под `children`.\n */\n text?: React.ReactNode;\n /**\n * Контейнер для текста под `text`.\n */\n caption?: React.ReactNode;\n /**\n * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n */\n bottom?: React.ReactNode;\n /**\n * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n *\n * - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n *\n * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n *\n * - `mode=\"horizontal\" gap=\"s\" stretched`\n */\n actions?: React.ReactNode;\n /**\n * `<Avatar size={40|48|72} />`.\n */\n before?: React.ReactNode;\n /**\n * Иконка 24 или текст.\n */\n after?: React.ReactNode;\n /**\n * Текст под `after`.\n */\n afterCaption?: React.ReactNode;\n /**\n * Убирает анимацию нажатия.\n */\n disabled?: boolean;\n /**\n * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n */\n multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n subhead,\n children,\n text,\n caption,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n sizeY,\n ...restProps\n}: RichCellProps) => {\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n \"RichCell\",\n !multiline && \"RichCell--text-ellipsis\",\n `RichCell--sizeY-${sizeY}`\n )}\n >\n {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n <div vkuiClass=\"RichCell__in\">\n <div vkuiClass=\"RichCell__content\">\n <div vkuiClass=\"RichCell__content-before\">\n {subhead && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n {subhead}\n </Subhead>\n )}\n <div vkuiClass=\"RichCell__children\">{children}</div>\n {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n {caption && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n {caption}\n </Subhead>\n )}\n </div>\n {(after || afterCaption) && (\n <div vkuiClass=\"RichCell__content-after\">\n {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n {afterCaption && (\n <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n )}\n </div>\n )}\n </div>\n {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n </div>\n </Tappable>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"file":"RichCell.js"}
1
+ {"version":3,"file":"RichCell.js","names":["RichCellComponent","subhead","children","text","caption","before","after","afterCaption","bottom","actions","multiline","sizeY","restProps","classNames","RichCell","withAdaptivity","displayName"],"sources":["../../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport \"./RichCell.css\";\n\nexport interface RichCellProps extends TappableProps {\n /**\n * Контейнер для текста над `children`.\n */\n subhead?: React.ReactNode;\n /**\n * Контейнер для текста под `children`.\n */\n text?: React.ReactNode;\n /**\n * Контейнер для текста под `text`.\n */\n caption?: React.ReactNode;\n /**\n * Контейнер для контента под `caption`. Например `<UsersStack size=\"s\" />`.\n */\n bottom?: React.ReactNode;\n /**\n * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n *\n * - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n *\n * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n *\n * - `mode=\"horizontal\" gap=\"s\" stretched`\n */\n actions?: React.ReactNode;\n /**\n * `<Avatar size={40|48|72} />`.\n */\n before?: React.ReactNode;\n /**\n * Иконка 24 или текст.\n */\n after?: React.ReactNode;\n /**\n * Текст под `after`.\n */\n afterCaption?: React.ReactNode;\n /**\n * Убирает анимацию нажатия.\n */\n disabled?: boolean;\n /**\n * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n */\n multiline?: boolean;\n}\n\nconst RichCellComponent = ({\n subhead,\n children,\n text,\n caption,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n sizeY,\n ...restProps\n}: RichCellProps) => {\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n \"RichCell\",\n !multiline && \"RichCell--text-ellipsis\",\n `RichCell--sizeY-${sizeY}`\n )}\n >\n {before && <div vkuiClass=\"RichCell__before\">{before}</div>}\n <div vkuiClass=\"RichCell__in\">\n <div vkuiClass=\"RichCell__content\">\n <div vkuiClass=\"RichCell__content-before\">\n {subhead && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__subhead\">\n {subhead}\n </Subhead>\n )}\n <div vkuiClass=\"RichCell__children\">{children}</div>\n {text && <div vkuiClass=\"RichCell__text\">{text}</div>}\n {caption && (\n <Subhead Component=\"div\" vkuiClass=\"RichCell__caption\">\n {caption}\n </Subhead>\n )}\n </div>\n {(after || afterCaption) && (\n <div vkuiClass=\"RichCell__content-after\">\n {after && <div vkuiClass=\"RichCell__after-children\">{after}</div>}\n {afterCaption && (\n <div vkuiClass=\"RichCell__after-caption\">{afterCaption}</div>\n )}\n </div>\n )}\n </div>\n {bottom && <div vkuiClass=\"RichCell__bottom\">{bottom}</div>}\n {actions && <div vkuiClass=\"RichCell__actions\">{actions}</div>}\n </div>\n </Tappable>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell = withAdaptivity(RichCellComponent, { sizeY: true });\n\nRichCell.displayName = \"RichCell\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAqDA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAaL;EAAA,IAZnBC,OAYmB,QAZnBA,OAYmB;EAAA,IAXnBC,QAWmB,QAXnBA,QAWmB;EAAA,IAVnBC,IAUmB,QAVnBA,IAUmB;EAAA,IATnBC,OASmB,QATnBA,OASmB;EAAA,IARnBC,MAQmB,QARnBA,MAQmB;EAAA,IAPnBC,KAOmB,QAPnBA,KAOmB;EAAA,IANnBC,YAMmB,QANnBA,YAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,IAJnBC,OAImB,QAJnBA,OAImB;EAAA,IAHnBC,SAGmB,QAHnBA,SAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;EACnB,OACE,qCAAC,kBAAD,6BACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAET,CAACH,SAAD,IAAc,yBAFL,4BAGUC,KAHV;EAFb,IAQGN,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CARb,EASE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,OAAO,IACN,qCAAC,gBAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CAFJ,EAME;IAAK,SAAS,EAAC;EAAf,GAAqCC,QAArC,CANF,EAOGC,IAAI,IAAI;IAAK,SAAS,EAAC;EAAf,GAAiCA,IAAjC,CAPX,EAQGC,OAAO,IACN,qCAAC,gBAAD;IAAS,SAAS,EAAC,KAAnB;IAAyB,SAAS,EAAC;EAAnC,GACGA,OADH,CATJ,CADF,EAeG,CAACE,KAAK,IAAIC,YAAV,KACC;IAAK,SAAS,EAAC;EAAf,GACGD,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAA2CA,KAA3C,CADZ,EAEGC,YAAY,IACX;IAAK,SAAS,EAAC;EAAf,GAA0CA,YAA1C,CAHJ,CAhBJ,CADF,EAyBGC,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAzBb,EA0BGC,OAAO,IAAI;IAAK,SAAS,EAAC;EAAf,GAAoCA,OAApC,CA1Bd,CATF,CADF;AAwCD,CAtDD;AAwDA;AACA;AACA;;;AACO,IAAMK,QAAQ,GAAG,IAAAC,8BAAA,EAAef,iBAAf,EAAkC;EAAEW,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPG,QAAQ,CAACE,WAAT,GAAuB,UAAvB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"names":["RichTooltip","children","arrow","appearance","popperProps"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAWA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,wBAHtBC,KAGsB;AAAA,MAHtBA,KAGsB,2BAHd,IAGc;AAAA,6BAFtBC,UAEsB;AAAA,MAFtBA,UAEsB,gCAFT,SAES;AAAA,MADnBC,WACmB;AACtB,SACE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAE,4BAAW,aAAX,yBAA0CD,UAA1C,EADb;AAEE,IAAA,KAAK,EAAED,KAFT;AAGE,IAAA,cAAc,EAAE,8BAAY,oBAAZ;AAHlB,KAIME,WAJN,GAMGH,QANH,CADF;AAUD,CAhBM","sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n extends Omit<HoverPopperProps, \"arrowClassName\"> {\n /**\n * Стиль отображения подсказки\n */\n appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = \"neutral\",\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n vkuiClass={classNames(\"RichTooltip\", `RichTooltip--${appearance}`)}\n arrow={arrow}\n arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"file":"RichTooltip.js"}
1
+ {"version":3,"file":"RichTooltip.js","names":["RichTooltip","children","arrow","appearance","popperProps","classNames","prefixClass"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n extends Omit<HoverPopperProps, \"arrowClassName\"> {\n /**\n * Стиль отображения подсказки\n */\n appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = \"neutral\",\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n vkuiClass={classNames(\"RichTooltip\", `RichTooltip--${appearance}`)}\n arrow={arrow}\n arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAWA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;EACtB,OACE,qCAAC,wBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,aAAX,yBAA0CF,UAA1C,EADb;IAEE,KAAK,EAAED,KAFT;IAGE,cAAc,EAAE,IAAAI,wBAAA,EAAY,oBAAZ;EAHlB,GAIMF,WAJN,GAMGH,QANH,CADF;AAUD,CAhBM"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"names":["warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n */\n popout?: React.ReactNode;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled || !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView || (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n"],"file":"Root.js"}
1
+ {"version":3,"file":"Root.js","names":["warn","warnOnce","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","usePlatform","useDOM","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","getNavId","props","indexOf","getScroll","y","finishTransition","useCallback","useIsomorphicLayoutEffect","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useTimeout","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","classNames","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n */\n popout?: React.ReactNode;\n /**\n * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n *\n * Свойство для отрисовки `ModalRoot`.\n */\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement | null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled || !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView || (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"names":["Icon48CancelCircle","props"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;AAAA,SAChC;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,KAAK,EAAC,IAFR;AAGE,IAAA,MAAM,EAAC,IAHT;AAIE,IAAA,OAAO,EAAC,WAJV;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,KAAK,EAAC;AANR,KAOMA,KAPN,GASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC,8VAHJ;AAIE,IAAA,IAAI,EAAC;AAJP,IATF,CADgC;AAAA,CAA3B","sourcesContent":["export const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n vkuiClass=\"Icon\"\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"file":"Icon48CancelCircle.js"}
1
+ {"version":3,"file":"Icon48CancelCircle.js","names":["Icon48CancelCircle","props"],"sources":["../../../../src/components/ScreenSpinner/Icon48CancelCircle.tsx"],"sourcesContent":["export const Icon48CancelCircle = (props: React.SVGProps<SVGSVGElement>) => (\n <svg\n vkuiClass=\"Icon\"\n width=\"48\"\n height=\"48\"\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M40 24c0 8.837-7.163 16-16 16S8 32.837 8 24 15.163 8 24 8s16 7.163 16 16Zm-10.08-4.33a1.125 1.125 0 0 0-1.59-1.59L24 22.409l-4.33-4.33a1.125 1.125 0 0 0-1.59 0l-.101.116a1.125 1.125 0 0 0 .1 1.476L22.41 24l-4.33 4.33a1.125 1.125 0 0 0 1.591 1.59L24 25.591l4.33 4.33c.439.439 1.151.439 1.59 0l.101-.116a1.125 1.125 0 0 0-.1-1.476L25.59 24l4.33-4.33Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"mappings":";;;;;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD;EAAA,OAChC;IACE,SAAS,EAAC,MADZ;IAEE,KAAK,EAAC,IAFR;IAGE,MAAM,EAAC,IAHT;IAIE,OAAO,EAAC,WAJV;IAKE,IAAI,EAAC,MALP;IAME,KAAK,EAAC;EANR,GAOMA,KAPN,GASE;IACE,QAAQ,EAAC,SADX;IAEE,QAAQ,EAAC,SAFX;IAGE,CAAC,EAAC,8VAHJ;IAIE,IAAI,EAAC;EAJP,EATF,CADgC;AAAA,CAA3B"}