@vkontakte/vkui 4.28.0 → 4.28.1

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 (993) hide show
  1. package/.browserslistrc +2 -0
  2. package/.cache/.eslintcache +1 -0
  3. package/.cache/.stylelintcache +1 -0
  4. package/.cache/.tsbuildinfo +58386 -0
  5. package/.cache/ts/src/appearance/constants.d.ts +1 -0
  6. package/.cache/ts/src/components/ActionSheet/ActionSheet.d.ts +26 -0
  7. package/.cache/ts/src/components/ActionSheet/ActionSheetContext.d.ts +8 -0
  8. package/.cache/ts/src/components/ActionSheet/ActionSheetDropdown.d.ts +4 -0
  9. package/.cache/ts/src/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +4 -0
  10. package/.cache/ts/src/components/ActionSheet/types.d.ts +9 -0
  11. package/.cache/ts/src/components/ActionSheetItem/ActionSheetItem.d.ts +20 -0
  12. package/.cache/ts/src/components/AdaptivityProvider/AdaptivityContext.d.ts +46 -0
  13. package/.cache/ts/src/components/AdaptivityProvider/AdaptivityProvider.d.ts +10 -0
  14. package/.cache/ts/src/components/Alert/Alert.d.ts +24 -0
  15. package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +14 -0
  16. package/.cache/ts/src/components/AppRoot/AppRootContext.d.ts +9 -0
  17. package/.cache/ts/src/components/AppRoot/AppRootPortal.d.ts +5 -0
  18. package/.cache/ts/src/components/AppRoot/ScrollContext.d.ts +23 -0
  19. package/.cache/ts/src/components/AppearanceProvider/AppearanceProvider.d.ts +7 -0
  20. package/.cache/ts/src/components/AppearanceProvider/AppearanceProviderContext.d.ts +3 -0
  21. package/.cache/ts/src/components/Avatar/Avatar.d.ts +22 -0
  22. package/.cache/ts/src/components/Badge/Badge.d.ts +6 -0
  23. package/.cache/ts/src/components/Banner/Banner.d.ts +65 -0
  24. package/.cache/ts/src/components/Button/Button.d.ts +20 -0
  25. package/.cache/ts/src/components/ButtonGroup/ButtonGroup.d.ts +20 -0
  26. package/.cache/ts/src/components/Calendar/Calendar.d.ts +21 -0
  27. package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +22 -0
  28. package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +22 -0
  29. package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +16 -0
  30. package/.cache/ts/src/components/CalendarRange/CalendarRange.d.ts +16 -0
  31. package/.cache/ts/src/components/CalendarTime/CalendarTime.d.ts +11 -0
  32. package/.cache/ts/src/components/Card/Card.d.ts +7 -0
  33. package/.cache/ts/src/components/CardGrid/CardGrid.d.ts +8 -0
  34. package/.cache/ts/src/components/CardScroll/CardScroll.d.ts +12 -0
  35. package/.cache/ts/src/components/Cell/Cell.d.ts +47 -0
  36. package/.cache/ts/src/components/Cell/CellCheckbox/CellCheckbox.d.ts +5 -0
  37. package/.cache/ts/src/components/Cell/CellDragger/CellDragger.d.ts +6 -0
  38. package/.cache/ts/src/components/Cell/useDraggable.d.ts +13 -0
  39. package/.cache/ts/src/components/CellButton/CellButton.d.ts +9 -0
  40. package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +10 -0
  41. package/.cache/ts/src/components/Chip/Chip.d.ts +16 -0
  42. package/.cache/ts/src/components/ChipsInput/ChipsInput.d.ts +30 -0
  43. package/.cache/ts/src/components/ChipsInput/useChipsInput.d.ts +14 -0
  44. package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +40 -0
  45. package/.cache/ts/src/components/ChipsSelect/useChipsSelect.d.ts +22 -0
  46. package/.cache/ts/src/components/ClickPopper/ClickPopper.d.ts +21 -0
  47. package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +16 -0
  48. package/.cache/ts/src/components/ConfigProvider/ConfigProviderContext.d.ts +36 -0
  49. package/.cache/ts/src/components/ContentCard/ContentCard.d.ts +34 -0
  50. package/.cache/ts/src/components/Counter/Counter.d.ts +11 -0
  51. package/.cache/ts/src/components/CustomScrollView/CustomScrollView.d.ts +10 -0
  52. package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +65 -0
  53. package/.cache/ts/src/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +15 -0
  54. package/.cache/ts/src/components/CustomSelectOption/CustomSelectOption.d.ts +15 -0
  55. package/.cache/ts/src/components/DateInput/DateInput.d.ts +12 -0
  56. package/.cache/ts/src/components/DatePicker/DatePicker.d.ts +24 -0
  57. package/.cache/ts/src/components/DateRangeInput/DateRangeInput.d.ts +18 -0
  58. package/.cache/ts/src/components/Div/Div.d.ts +6 -0
  59. package/.cache/ts/src/components/Dropdown/Dropdown.d.ts +8 -0
  60. package/.cache/ts/src/components/DropdownIcon/DropdownIcon.d.ts +3 -0
  61. package/.cache/ts/src/components/Epic/Epic.d.ts +10 -0
  62. package/.cache/ts/src/components/Epic/ScrollSaver.d.ts +6 -0
  63. package/.cache/ts/src/components/File/File.d.ts +9 -0
  64. package/.cache/ts/src/components/FixedLayout/FixedLayout.d.ts +19 -0
  65. package/.cache/ts/src/components/FocusTrap/FocusTrap.d.ts +8 -0
  66. package/.cache/ts/src/components/FocusVisible/FocusVisible.d.ts +8 -0
  67. package/.cache/ts/src/components/Footer/Footer.d.ts +5 -0
  68. package/.cache/ts/src/components/FormField/FormField.d.ts +14 -0
  69. package/.cache/ts/src/components/FormItem/FormItem.d.ts +14 -0
  70. package/.cache/ts/src/components/FormLayout/FormLayout.d.ts +6 -0
  71. package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +13 -0
  72. package/.cache/ts/src/components/FormStatus/FormStatus.d.ts +7 -0
  73. package/.cache/ts/src/components/Gallery/Gallery.d.ts +39 -0
  74. package/.cache/ts/src/components/Gradient/Gradient.d.ts +7 -0
  75. package/.cache/ts/src/components/GridAvatar/GridAvatar.d.ts +8 -0
  76. package/.cache/ts/src/components/Group/Group.d.ts +23 -0
  77. package/.cache/ts/src/components/Header/Header.d.ts +18 -0
  78. package/.cache/ts/src/components/HorizontalCell/HorizontalCell.d.ts +10 -0
  79. package/.cache/ts/src/components/HorizontalScroll/HorizontalScroll.d.ts +19 -0
  80. package/.cache/ts/src/components/HorizontalScroll/HorizontalScrollArrow.d.ts +8 -0
  81. package/.cache/ts/src/components/HoverPopper/HoverPopper.d.ts +29 -0
  82. package/.cache/ts/src/components/IconButton/IconButton.d.ts +11 -0
  83. package/.cache/ts/src/components/InfoRow/InfoRow.d.ts +7 -0
  84. package/.cache/ts/src/components/InitialsAvatar/InitialsAvatar.d.ts +32 -0
  85. package/.cache/ts/src/components/Input/Input.d.ts +9 -0
  86. package/.cache/ts/src/components/InputLike/InputLike.d.ts +10 -0
  87. package/.cache/ts/src/components/InputLike/InputLikeDivider.d.ts +3 -0
  88. package/.cache/ts/src/components/Link/Link.d.ts +6 -0
  89. package/.cache/ts/src/components/List/List.d.ts +4 -0
  90. package/.cache/ts/src/components/List/ListContext.d.ts +4 -0
  91. package/.cache/ts/src/components/LocaleProviderContext/LocaleProviderContext.d.ts +2 -0
  92. package/.cache/ts/src/components/MiniInfoCell/MiniInfoCell.d.ts +39 -0
  93. package/.cache/ts/src/components/ModalCard/ModalCard.d.ts +10 -0
  94. package/.cache/ts/src/components/ModalCardBase/ModalCardBase.d.ts +32 -0
  95. package/.cache/ts/src/components/ModalDismissButton/ModalDismissButton.d.ts +5 -0
  96. package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +22 -0
  97. package/.cache/ts/src/components/ModalPageHeader/ModalPageHeader.d.ts +8 -0
  98. package/.cache/ts/src/components/ModalRoot/ModalRoot.d.ts +16 -0
  99. package/.cache/ts/src/components/ModalRoot/ModalRootAdaptive.d.ts +10 -0
  100. package/.cache/ts/src/components/ModalRoot/ModalRootContext.d.ts +20 -0
  101. package/.cache/ts/src/components/ModalRoot/ModalRootDesktop.d.ts +16 -0
  102. package/.cache/ts/src/components/ModalRoot/constants.d.ts +3 -0
  103. package/.cache/ts/src/components/ModalRoot/types.d.ts +45 -0
  104. package/.cache/ts/src/components/ModalRoot/useModalManager.d.ts +37 -0
  105. package/.cache/ts/src/components/ModalRoot/withModalRootContext.d.ts +5 -0
  106. package/.cache/ts/src/components/NativeSelect/NativeSelect.d.ts +15 -0
  107. package/.cache/ts/src/components/NavTransitionContext/NavTransitionContext.d.ts +7 -0
  108. package/.cache/ts/src/components/Pagination/Pagination.d.ts +42 -0
  109. package/.cache/ts/src/components/Panel/Panel.d.ts +9 -0
  110. package/.cache/ts/src/components/PanelHeader/PanelHeader.d.ts +21 -0
  111. package/.cache/ts/src/components/PanelHeaderBack/PanelHeaderBack.d.ts +9 -0
  112. package/.cache/ts/src/components/PanelHeaderButton/PanelHeaderButton.d.ts +8 -0
  113. package/.cache/ts/src/components/PanelHeaderClose/PanelHeaderClose.d.ts +4 -0
  114. package/.cache/ts/src/components/PanelHeaderContent/PanelHeaderContent.d.ts +9 -0
  115. package/.cache/ts/src/components/PanelHeaderContext/PanelHeaderContext.d.ts +7 -0
  116. package/.cache/ts/src/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +18 -0
  117. package/.cache/ts/src/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +4 -0
  118. package/.cache/ts/src/components/PanelSpinner/PanelSpinner.d.ts +7 -0
  119. package/.cache/ts/src/components/Placeholder/Placeholder.d.ts +23 -0
  120. package/.cache/ts/src/components/PopoutRoot/PopoutRoot.d.ts +10 -0
  121. package/.cache/ts/src/components/PopoutWrapper/PopoutWrapper.d.ts +10 -0
  122. package/.cache/ts/src/components/Popper/Popper.d.ts +32 -0
  123. package/.cache/ts/src/components/Progress/Progress.d.ts +8 -0
  124. package/.cache/ts/src/components/PromoBanner/PromoBanner.d.ts +40 -0
  125. package/.cache/ts/src/components/PullToRefresh/PullToRefresh.d.ts +37 -0
  126. package/.cache/ts/src/components/PullToRefresh/PullToRefreshSpinner.d.ts +11 -0
  127. package/.cache/ts/src/components/Radio/Radio.d.ts +9 -0
  128. package/.cache/ts/src/components/RadioGroup/RadioGroup.d.ts +6 -0
  129. package/.cache/ts/src/components/RangeSlider/RangeSlider.d.ts +6 -0
  130. package/.cache/ts/src/components/RangeSlider/UniversalSlider.d.ts +16 -0
  131. package/.cache/ts/src/components/Removable/Removable.d.ts +21 -0
  132. package/.cache/ts/src/components/RichCell/RichCell.d.ts +37 -0
  133. package/.cache/ts/src/components/RichTooltip/RichTooltip.d.ts +5 -0
  134. package/.cache/ts/src/components/Root/Root.d.ts +31 -0
  135. package/.cache/ts/src/components/ScreenSpinner/ScreenSpinner.d.ts +6 -0
  136. package/.cache/ts/src/components/Search/Search.d.ts +17 -0
  137. package/.cache/ts/src/components/SegmentedControl/SegmentedControl.d.ts +17 -0
  138. package/.cache/ts/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
  139. package/.cache/ts/src/components/Select/Select.d.ts +7 -0
  140. package/.cache/ts/src/components/SelectMimicry/SelectMimicry.d.ts +14 -0
  141. package/.cache/ts/src/components/Separator/Separator.d.ts +11 -0
  142. package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +39 -0
  143. package/.cache/ts/src/components/SimpleCheckbox/SimpleCheckbox.d.ts +8 -0
  144. package/.cache/ts/src/components/Slider/Slider.d.ts +5 -0
  145. package/.cache/ts/src/components/SliderSwitch/SliderSwitch.d.ts +47 -0
  146. package/.cache/ts/src/components/SliderSwitch/SliderSwitchButton.d.ts +11 -0
  147. package/.cache/ts/src/components/Snackbar/Snackbar.d.ts +35 -0
  148. package/.cache/ts/src/components/Spacing/Spacing.d.ts +18 -0
  149. package/.cache/ts/src/components/Spinner/Spinner.d.ts +7 -0
  150. package/.cache/ts/src/components/SplitCol/SplitCol.d.ts +22 -0
  151. package/.cache/ts/src/components/SplitLayout/SplitLayout.d.ts +15 -0
  152. package/.cache/ts/src/components/SubnavigationBar/SubnavigationBar.d.ts +7 -0
  153. package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +21 -0
  154. package/.cache/ts/src/components/Switch/Switch.d.ts +7 -0
  155. package/.cache/ts/src/components/Tabbar/Tabbar.d.ts +11 -0
  156. package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts +21 -0
  157. package/.cache/ts/src/components/Tabs/Tabs.d.ts +10 -0
  158. package/.cache/ts/src/components/TabsItem/TabsItem.d.ts +8 -0
  159. package/.cache/ts/src/components/Tappable/Tappable.d.ts +42 -0
  160. package/.cache/ts/src/components/TextTooltip/TextTooltip.d.ts +14 -0
  161. package/.cache/ts/src/components/Textarea/Textarea.d.ts +11 -0
  162. package/.cache/ts/src/components/Tooltip/Tooltip.d.ts +55 -0
  163. package/.cache/ts/src/components/Tooltip/TooltipContainer.d.ts +5 -0
  164. package/.cache/ts/src/components/Touch/Touch.d.ts +49 -0
  165. package/.cache/ts/src/components/Touch/TouchContext.d.ts +7 -0
  166. package/.cache/ts/src/components/Typography/Caption/Caption.d.ts +14 -0
  167. package/.cache/ts/src/components/Typography/Headline/Headline.d.ts +8 -0
  168. package/.cache/ts/src/components/Typography/Subhead/Subhead.d.ts +13 -0
  169. package/.cache/ts/src/components/Typography/Text/Text.d.ts +8 -0
  170. package/.cache/ts/src/components/Typography/Title/Title.d.ts +14 -0
  171. package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +23 -0
  172. package/.cache/ts/src/components/UsersStack/masks.d.ts +1 -0
  173. package/.cache/ts/src/components/View/View.d.ts +80 -0
  174. package/.cache/ts/src/components/View/ViewInfinite.d.ts +66 -0
  175. package/.cache/ts/src/components/View/utils.d.ts +2 -0
  176. package/.cache/ts/src/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
  177. package/.cache/ts/src/components/WriteBar/WriteBar.d.ts +23 -0
  178. package/.cache/ts/src/components/WriteBarIcon/WriteBarIcon.d.ts +18 -0
  179. package/.cache/ts/src/helpers/avatar.d.ts +5 -0
  180. package/.cache/ts/src/helpers/getClassName.d.ts +2 -0
  181. package/.cache/ts/src/helpers/getScheme.d.ts +8 -0
  182. package/.cache/ts/src/helpers/math.d.ts +5 -0
  183. package/.cache/ts/src/helpers/scheme.d.ts +34 -0
  184. package/.cache/ts/src/helpers/typography.d.ts +1 -0
  185. package/.cache/ts/src/hoc/withAdaptivity.d.ts +13 -0
  186. package/.cache/ts/src/hoc/withContext.d.ts +2 -0
  187. package/.cache/ts/src/hoc/withInsets.d.ts +3 -0
  188. package/.cache/ts/src/hoc/withPlatform.d.ts +3 -0
  189. package/.cache/ts/src/hooks/useAdaptivity.d.ts +3 -0
  190. package/.cache/ts/src/hooks/useAppearance.d.ts +1 -0
  191. package/.cache/ts/src/hooks/useBooleanState.d.ts +6 -0
  192. package/.cache/ts/src/hooks/useBrowserInfo.d.ts +2 -0
  193. package/.cache/ts/src/hooks/useCalendar.d.ts +18 -0
  194. package/.cache/ts/src/hooks/useDateInput.d.ts +30 -0
  195. package/.cache/ts/src/hooks/useEffectDev.d.ts +2 -0
  196. package/.cache/ts/src/hooks/useEnsuredControl.d.ts +6 -0
  197. package/.cache/ts/src/hooks/useEventListener.d.ts +7 -0
  198. package/.cache/ts/src/hooks/useExternRef.d.ts +2 -0
  199. package/.cache/ts/src/hooks/useFocusVisible.d.ts +6 -0
  200. package/.cache/ts/src/hooks/useGlobalEventListener.d.ts +2 -0
  201. package/.cache/ts/src/hooks/useInsets.d.ts +8 -0
  202. package/.cache/ts/src/hooks/useKeyboard.d.ts +11 -0
  203. package/.cache/ts/src/hooks/useKeyboardInputTracker.d.ts +3 -0
  204. package/.cache/ts/src/hooks/useObjectMemo.d.ts +2 -0
  205. package/.cache/ts/src/hooks/useOrientationChange.d.ts +7 -0
  206. package/.cache/ts/src/hooks/usePagination.d.ts +34 -0
  207. package/.cache/ts/src/hooks/usePatchChildrenRef.d.ts +6 -0
  208. package/.cache/ts/src/hooks/usePlatform.d.ts +2 -0
  209. package/.cache/ts/src/hooks/useTimeout.d.ts +4 -0
  210. package/.cache/ts/src/hooks/useWaitTransitionFinish.d.ts +3 -0
  211. package/.cache/ts/src/index.d.ts +289 -0
  212. package/.cache/ts/src/lib/SSR.d.ts +14 -0
  213. package/.cache/ts/src/lib/accessibility.d.ts +10 -0
  214. package/.cache/ts/src/lib/animate.d.ts +15 -0
  215. package/.cache/ts/src/lib/browser.d.ts +11 -0
  216. package/.cache/ts/src/lib/calendar.d.ts +14 -0
  217. package/.cache/ts/src/lib/callMultiple.d.ts +1 -0
  218. package/.cache/ts/src/lib/classNames.d.ts +6 -0
  219. package/.cache/ts/src/lib/classScopingMode.d.ts +8 -0
  220. package/.cache/ts/src/lib/dom.d.ts +21 -0
  221. package/.cache/ts/src/lib/fx.d.ts +5 -0
  222. package/.cache/ts/src/lib/getNavId.d.ts +6 -0
  223. package/.cache/ts/src/lib/is.d.ts +1 -0
  224. package/.cache/ts/src/lib/isRefObject.d.ts +2 -0
  225. package/.cache/ts/src/lib/jsxRuntime.d.ts +8 -0
  226. package/.cache/ts/src/lib/offset.d.ts +7 -0
  227. package/.cache/ts/src/lib/platform.d.ts +19 -0
  228. package/.cache/ts/src/lib/polyfills.d.ts +6 -0
  229. package/.cache/ts/src/lib/prefixClass.d.ts +1 -0
  230. package/.cache/ts/src/lib/removeObjectKeys.d.ts +1 -0
  231. package/.cache/ts/src/lib/select.d.ts +7 -0
  232. package/.cache/ts/src/lib/styles.d.ts +1 -0
  233. package/.cache/ts/src/lib/supportEvents.d.ts +9 -0
  234. package/.cache/ts/src/lib/taptic.d.ts +2 -0
  235. package/.cache/ts/src/lib/testing.d.ts +1 -0
  236. package/.cache/ts/src/lib/touch.d.ts +9 -0
  237. package/.cache/ts/src/lib/useIsomorphicLayoutEffect.d.ts +2 -0
  238. package/.cache/ts/src/lib/utils.d.ts +16 -0
  239. package/.cache/ts/src/lib/warnOnce.d.ts +1 -0
  240. package/.cache/ts/src/testing/setup.d.ts +1 -0
  241. package/.cache/ts/src/testing/utils.d.ts +30 -0
  242. package/.cache/ts/src/tokenized/index.d.ts +24 -0
  243. package/.cache/ts/src/types.d.ts +34 -0
  244. package/.cache/ts/src/unstable/index.d.ts +17 -0
  245. package/.codesandbox/ci.json +5 -0
  246. package/.editorconfig +14 -0
  247. package/.eslintignore +6 -0
  248. package/.eslintrc.json +145 -0
  249. package/.gitattributes +1 -0
  250. package/.gitmodules +0 -0
  251. package/.prettierignore +14 -0
  252. package/.prettierrc.json +1 -0
  253. package/.stylelintignore +2 -0
  254. package/CONTRIBUTING.md +3 -2
  255. package/CSS_GUIDE.md +145 -0
  256. package/TESTING.md +58 -0
  257. package/babel.cjs.config.js +15 -0
  258. package/babel.config.js +72 -0
  259. package/dist/cjs/components/ActionSheet/ActionSheet.js +4 -7
  260. package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
  261. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +3 -5
  262. package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  263. package/dist/cjs/components/Alert/Alert.js +5 -8
  264. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  265. package/dist/cjs/components/Button/Button.js +4 -8
  266. package/dist/cjs/components/Button/Button.js.map +1 -1
  267. package/dist/cjs/components/CalendarDays/CalendarDays.js +2 -2
  268. package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
  269. package/dist/cjs/components/Checkbox/Checkbox.js +2 -5
  270. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  271. package/dist/cjs/components/Chip/Chip.js +2 -4
  272. package/dist/cjs/components/Chip/Chip.js.map +1 -1
  273. package/dist/cjs/components/ChipsSelect/ChipsSelect.js +2 -4
  274. package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
  275. package/dist/cjs/components/ContentCard/ContentCard.js +5 -7
  276. package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
  277. package/dist/cjs/components/Counter/Counter.js +3 -3
  278. package/dist/cjs/components/Counter/Counter.js.map +1 -1
  279. package/dist/cjs/components/CustomSelect/CustomSelect.js +17 -9
  280. package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
  281. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js +2 -4
  282. package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  283. package/dist/cjs/components/Footer/Footer.js +2 -4
  284. package/dist/cjs/components/Footer/Footer.js.map +1 -1
  285. package/dist/cjs/components/FormItem/FormItem.js +2 -4
  286. package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
  287. package/dist/cjs/components/FormStatus/FormStatus.js +3 -8
  288. package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
  289. package/dist/cjs/components/Group/Group.js +3 -5
  290. package/dist/cjs/components/Group/Group.js.map +1 -1
  291. package/dist/cjs/components/Header/Header.js +9 -18
  292. package/dist/cjs/components/Header/Header.js.map +1 -1
  293. package/dist/cjs/components/HorizontalCell/HorizontalCell.js +4 -7
  294. package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
  295. package/dist/cjs/components/ModalPage/ModalPage.js +5 -5
  296. package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
  297. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +2 -4
  298. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  299. package/dist/cjs/components/PromoBanner/PromoBanner.js +3 -7
  300. package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
  301. package/dist/cjs/components/Radio/Radio.js +2 -5
  302. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  303. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +3 -4
  304. package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  305. package/dist/cjs/components/Typography/Caption/Caption.d.ts +8 -4
  306. package/dist/cjs/components/Typography/Caption/Caption.js +12 -14
  307. package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
  308. package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +3 -1
  309. package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
  310. package/dist/cjs/components/Typography/Title/Title.d.ts +3 -1
  311. package/dist/cjs/components/Typography/Title/Title.js +3 -1
  312. package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
  313. package/dist/cjs/components/UsersStack/UsersStack.js +3 -4
  314. package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
  315. package/dist/cjs/helpers/typography.d.ts +1 -0
  316. package/dist/cjs/helpers/typography.js +25 -0
  317. package/dist/cjs/helpers/typography.js.map +1 -0
  318. package/dist/cjs/hooks/useOrientationChange.d.ts +7 -0
  319. package/dist/cjs/hooks/useOrientationChange.js +56 -0
  320. package/dist/cjs/hooks/useOrientationChange.js.map +1 -0
  321. package/dist/cjs/index.d.ts +1 -1
  322. package/dist/cjs/index.js +2 -2
  323. package/dist/cjs/index.js.map +1 -1
  324. package/dist/cjs/tokenized/index.d.ts +2 -0
  325. package/dist/cjs/tokenized/index.js +8 -0
  326. package/dist/cjs/tokenized/index.js.map +1 -1
  327. package/dist/components/ActionSheet/ActionSheet.js +2 -5
  328. package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
  329. package/dist/components/ActionSheetItem/ActionSheetItem.js +2 -4
  330. package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  331. package/dist/components/Alert/Alert.js +3 -6
  332. package/dist/components/Alert/Alert.js.map +1 -1
  333. package/dist/components/Button/Button.js +3 -7
  334. package/dist/components/Button/Button.js.map +1 -1
  335. package/dist/components/CalendarDays/CalendarDays.js +1 -1
  336. package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
  337. package/dist/components/Checkbox/Checkbox.js +1 -4
  338. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  339. package/dist/components/Chip/Chip.js +1 -3
  340. package/dist/components/Chip/Chip.js.map +1 -1
  341. package/dist/components/ChipsSelect/ChipsSelect.js +1 -3
  342. package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
  343. package/dist/components/ContentCard/ContentCard.js +3 -5
  344. package/dist/components/ContentCard/ContentCard.js.map +1 -1
  345. package/dist/components/Counter/Counter.js +2 -2
  346. package/dist/components/Counter/Counter.js.map +1 -1
  347. package/dist/components/CustomSelect/CustomSelect.js +16 -8
  348. package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
  349. package/dist/components/CustomSelectOption/CustomSelectOption.js +1 -3
  350. package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  351. package/dist/components/Footer/Footer.js +1 -3
  352. package/dist/components/Footer/Footer.js.map +1 -1
  353. package/dist/components/FormItem/FormItem.js +1 -3
  354. package/dist/components/FormItem/FormItem.js.map +1 -1
  355. package/dist/components/FormStatus/FormStatus.js +2 -7
  356. package/dist/components/FormStatus/FormStatus.js.map +1 -1
  357. package/dist/components/Group/Group.js +2 -4
  358. package/dist/components/Group/Group.js.map +1 -1
  359. package/dist/components/Header/Header.js +6 -15
  360. package/dist/components/Header/Header.js.map +1 -1
  361. package/dist/components/HorizontalCell/HorizontalCell.js +2 -5
  362. package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
  363. package/dist/components/ModalPage/ModalPage.js +4 -5
  364. package/dist/components/ModalPage/ModalPage.js.map +1 -1
  365. package/dist/components/PanelHeaderContent/PanelHeaderContent.js +1 -3
  366. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  367. package/dist/components/PromoBanner/PromoBanner.js +1 -5
  368. package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
  369. package/dist/components/Radio/Radio.js +1 -4
  370. package/dist/components/Radio/Radio.js.map +1 -1
  371. package/dist/components/SubnavigationButton/SubnavigationButton.js +2 -3
  372. package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  373. package/dist/components/Typography/Caption/Caption.d.ts +8 -4
  374. package/dist/components/Typography/Caption/Caption.js +10 -14
  375. package/dist/components/Typography/Caption/Caption.js.map +1 -1
  376. package/dist/components/Typography/Subhead/Subhead.d.ts +3 -1
  377. package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
  378. package/dist/components/Typography/Title/Title.d.ts +3 -1
  379. package/dist/components/Typography/Title/Title.js +2 -1
  380. package/dist/components/Typography/Title/Title.js.map +1 -1
  381. package/dist/components/UsersStack/UsersStack.js +2 -3
  382. package/dist/components/UsersStack/UsersStack.js.map +1 -1
  383. package/dist/components.css +2 -2
  384. package/dist/components.css.map +1 -1
  385. package/dist/cssm/components/ActionSheet/ActionSheet.js +2 -5
  386. package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
  387. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +2 -4
  388. package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
  389. package/dist/cssm/components/Alert/Alert.js +3 -6
  390. package/dist/cssm/components/Alert/Alert.js.map +1 -1
  391. package/dist/cssm/components/Button/Button.js +3 -7
  392. package/dist/cssm/components/Button/Button.js.map +1 -1
  393. package/dist/cssm/components/CalendarDay/CalendarDay.css +1 -1
  394. package/dist/cssm/components/CalendarDays/CalendarDays.js +1 -1
  395. package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
  396. package/dist/cssm/components/Checkbox/Checkbox.js +1 -4
  397. package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
  398. package/dist/cssm/components/Chip/Chip.js +1 -3
  399. package/dist/cssm/components/Chip/Chip.js.map +1 -1
  400. package/dist/cssm/components/ChipsSelect/ChipsSelect.js +1 -3
  401. package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
  402. package/dist/cssm/components/ContentCard/ContentCard.js +3 -5
  403. package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
  404. package/dist/cssm/components/Counter/Counter.js +2 -2
  405. package/dist/cssm/components/Counter/Counter.js.map +1 -1
  406. package/dist/cssm/components/CustomSelect/CustomSelect.js +16 -8
  407. package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
  408. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js +1 -3
  409. package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
  410. package/dist/cssm/components/Footer/Footer.js +1 -3
  411. package/dist/cssm/components/Footer/Footer.js.map +1 -1
  412. package/dist/cssm/components/FormItem/FormItem.js +1 -3
  413. package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
  414. package/dist/cssm/components/FormStatus/FormStatus.js +2 -7
  415. package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
  416. package/dist/cssm/components/Group/Group.js +2 -4
  417. package/dist/cssm/components/Group/Group.js.map +1 -1
  418. package/dist/cssm/components/Header/Header.js +6 -15
  419. package/dist/cssm/components/Header/Header.js.map +1 -1
  420. package/dist/cssm/components/HorizontalCell/HorizontalCell.js +2 -5
  421. package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
  422. package/dist/cssm/components/ModalPage/ModalPage.js +4 -5
  423. package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
  424. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +1 -3
  425. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  426. package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -5
  427. package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
  428. package/dist/cssm/components/Radio/Radio.js +1 -4
  429. package/dist/cssm/components/Radio/Radio.js.map +1 -1
  430. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +2 -3
  431. package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
  432. package/dist/cssm/components/Typography/Caption/Caption.css +1 -1
  433. package/dist/cssm/components/Typography/Caption/Caption.d.ts +8 -4
  434. package/dist/cssm/components/Typography/Caption/Caption.js +10 -14
  435. package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
  436. package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +3 -1
  437. package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
  438. package/dist/cssm/components/Typography/Title/Title.d.ts +3 -1
  439. package/dist/cssm/components/Typography/Title/Title.js +2 -1
  440. package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
  441. package/dist/cssm/components/UsersStack/UsersStack.js +2 -3
  442. package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
  443. package/dist/cssm/helpers/typography.d.ts +1 -0
  444. package/dist/cssm/helpers/typography.js +18 -0
  445. package/dist/cssm/helpers/typography.js.map +1 -0
  446. package/dist/cssm/hooks/useOrientationChange.d.ts +7 -0
  447. package/dist/cssm/hooks/useOrientationChange.js +42 -0
  448. package/dist/cssm/hooks/useOrientationChange.js.map +1 -0
  449. package/dist/cssm/index.d.ts +1 -1
  450. package/dist/cssm/index.js +1 -1
  451. package/dist/cssm/index.js.map +1 -1
  452. package/dist/cssm/styles/components.css +2 -2
  453. package/dist/cssm/tokenized/index.d.ts +2 -0
  454. package/dist/cssm/tokenized/index.js +1 -0
  455. package/dist/cssm/tokenized/index.js.map +1 -1
  456. package/dist/helpers/typography.d.ts +1 -0
  457. package/dist/helpers/typography.js +18 -0
  458. package/dist/helpers/typography.js.map +1 -0
  459. package/dist/hooks/useOrientationChange.d.ts +7 -0
  460. package/dist/hooks/useOrientationChange.js +42 -0
  461. package/dist/hooks/useOrientationChange.js.map +1 -0
  462. package/dist/index.d.ts +1 -1
  463. package/dist/index.js +1 -1
  464. package/dist/index.js.map +1 -1
  465. package/dist/tokenized/index.d.ts +2 -0
  466. package/dist/tokenized/index.js +1 -0
  467. package/dist/tokenized/index.js.map +1 -1
  468. package/dist/vkui.css +2 -2
  469. package/dist/vkui.css.map +1 -1
  470. package/jest.unit.config.js +14 -0
  471. package/package.json +6 -9
  472. package/src/appearance/constants.ts +1 -0
  473. package/src/components/ActionSheet/ActionSheet.css +145 -0
  474. package/src/components/ActionSheet/ActionSheet.tsx +158 -0
  475. package/src/components/ActionSheet/ActionSheetContext.ts +18 -0
  476. package/src/components/ActionSheet/ActionSheetDropdown.tsx +33 -0
  477. package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +97 -0
  478. package/src/components/ActionSheet/Readme.md +256 -0
  479. package/src/components/ActionSheet/types.ts +16 -0
  480. package/src/components/ActionSheetItem/ActionSheetItem.css +306 -0
  481. package/src/components/ActionSheetItem/ActionSheetItem.tsx +182 -0
  482. package/src/components/ActionSheetItem/Readme.md +2 -0
  483. package/src/components/AdaptivityProvider/AdaptivityContext.tsx +62 -0
  484. package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +138 -0
  485. package/src/components/AdaptivityProvider/Readme.md +3 -0
  486. package/src/components/Alert/Alert.css +297 -0
  487. package/src/components/Alert/Alert.tsx +288 -0
  488. package/src/components/Alert/Readme.md +133 -0
  489. package/src/components/AppRoot/AppRoot.css +20 -0
  490. package/src/components/AppRoot/AppRoot.tsx +205 -0
  491. package/src/components/AppRoot/AppRootContext.ts +13 -0
  492. package/src/components/AppRoot/AppRootPortal.tsx +24 -0
  493. package/src/components/AppRoot/Readme.md +9 -0
  494. package/src/components/AppRoot/ScrollContext.ts +44 -0
  495. package/src/components/AppearanceProvider/AppearanceProvider.tsx +61 -0
  496. package/src/components/AppearanceProvider/AppearanceProviderContext.tsx +7 -0
  497. package/src/components/Avatar/Avatar.css +192 -0
  498. package/src/components/Avatar/Avatar.tsx +183 -0
  499. package/src/components/Avatar/Readme.md +838 -0
  500. package/src/components/Badge/Badge.css +21 -0
  501. package/src/components/Badge/Badge.tsx +27 -0
  502. package/src/components/Badge/Readme.md +55 -0
  503. package/src/components/Banner/Banner.css +154 -0
  504. package/src/components/Banner/Banner.tsx +220 -0
  505. package/src/components/Banner/Readme.md +215 -0
  506. package/src/components/Button/Button.css +594 -0
  507. package/src/components/Button/Button.tsx +225 -0
  508. package/src/components/Button/Readme.md +186 -0
  509. package/src/components/ButtonGroup/ButtonGroup.css +52 -0
  510. package/src/components/ButtonGroup/ButtonGroup.tsx +48 -0
  511. package/src/components/ButtonGroup/Readme.md +311 -0
  512. package/src/components/Calendar/Calendar.css +31 -0
  513. package/src/components/Calendar/Calendar.tsx +184 -0
  514. package/src/components/Calendar/Readme.md +124 -0
  515. package/src/components/CalendarDay/CalendarDay.css +85 -0
  516. package/src/components/CalendarDay/CalendarDay.tsx +114 -0
  517. package/src/components/CalendarDays/CalendarDays.css +31 -0
  518. package/src/components/CalendarDays/CalendarDays.tsx +131 -0
  519. package/src/components/CalendarHeader/CalendarHeader.css +50 -0
  520. package/src/components/CalendarHeader/CalendarHeader.tsx +167 -0
  521. package/src/components/CalendarRange/CalendarRange.css +27 -0
  522. package/src/components/CalendarRange/CalendarRange.tsx +278 -0
  523. package/src/components/CalendarRange/Readme.md +85 -0
  524. package/src/components/CalendarTime/CalendarTime.css +18 -0
  525. package/src/components/CalendarTime/CalendarTime.tsx +88 -0
  526. package/src/components/Card/Card.css +83 -0
  527. package/src/components/Card/Card.tsx +31 -0
  528. package/src/components/Card/Readme.md +39 -0
  529. package/src/components/CardGrid/CardGrid.css +82 -0
  530. package/src/components/CardGrid/CardGrid.tsx +41 -0
  531. package/src/components/CardGrid/Readme.md +41 -0
  532. package/src/components/CardScroll/CardScroll.css +47 -0
  533. package/src/components/CardScroll/CardScroll.tsx +116 -0
  534. package/src/components/CardScroll/Readme.md +62 -0
  535. package/src/components/Cell/Cell.css +56 -0
  536. package/src/components/Cell/Cell.tsx +204 -0
  537. package/src/components/Cell/CellCheckbox/CellCheckbox.css +17 -0
  538. package/src/components/Cell/CellCheckbox/CellCheckbox.tsx +41 -0
  539. package/src/components/Cell/CellDragger/CellDragger.css +4 -0
  540. package/src/components/Cell/CellDragger/CellDragger.tsx +37 -0
  541. package/src/components/Cell/Readme.md +163 -0
  542. package/src/components/Cell/useDraggable.tsx +126 -0
  543. package/src/components/CellButton/CellButton.css +46 -0
  544. package/src/components/CellButton/CellButton.tsx +35 -0
  545. package/src/components/CellButton/Readme.md +53 -0
  546. package/src/components/Checkbox/Checkbox.css +127 -0
  547. package/src/components/Checkbox/Checkbox.tsx +102 -0
  548. package/src/components/Checkbox/Readme.md +20 -0
  549. package/src/components/Chip/Chip.css +56 -0
  550. package/src/components/Chip/Chip.tsx +69 -0
  551. package/src/components/Chip/Readme.md +81 -0
  552. package/src/components/ChipsInput/ChipsInput.css +72 -0
  553. package/src/components/ChipsInput/ChipsInput.tsx +238 -0
  554. package/src/components/ChipsInput/Readme.md +94 -0
  555. package/src/components/ChipsInput/useChipsInput.ts +90 -0
  556. package/src/components/ChipsSelect/ChipsSelect.css +23 -0
  557. package/src/components/ChipsSelect/ChipsSelect.tsx +452 -0
  558. package/src/components/ChipsSelect/Readme.md +115 -0
  559. package/src/components/ChipsSelect/useChipsSelect.ts +72 -0
  560. package/src/components/ClickPopper/ClickPopper.tsx +86 -0
  561. package/src/components/ConfigProvider/ConfigProvider.tsx +144 -0
  562. package/src/components/ConfigProvider/ConfigProviderContext.tsx +48 -0
  563. package/src/components/ConfigProvider/Readme.md +1 -0
  564. package/src/components/ContentCard/ContentCard.css +39 -0
  565. package/src/components/ContentCard/ContentCard.tsx +152 -0
  566. package/src/components/ContentCard/Readme.md +65 -0
  567. package/src/components/Counter/Counter.css +161 -0
  568. package/src/components/Counter/Counter.tsx +76 -0
  569. package/src/components/Counter/Readme.md +114 -0
  570. package/src/components/CustomScrollView/CustomScrollView.css +62 -0
  571. package/src/components/CustomScrollView/CustomScrollView.tsx +168 -0
  572. package/src/components/CustomSelect/CustomSelect.css +24 -0
  573. package/src/components/CustomSelect/CustomSelect.tsx +778 -0
  574. package/src/components/CustomSelect/Readme.md +248 -0
  575. package/src/components/CustomSelectDropdown/CustomSelectDropdown.css +38 -0
  576. package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +75 -0
  577. package/src/components/CustomSelectOption/CustomSelectOption.css +63 -0
  578. package/src/components/CustomSelectOption/CustomSelectOption.tsx +88 -0
  579. package/src/components/CustomSelectOption/Readme.md +33 -0
  580. package/src/components/DateInput/DateInput.css +20 -0
  581. package/src/components/DateInput/DateInput.tsx +317 -0
  582. package/src/components/DateInput/Readme.md +116 -0
  583. package/src/components/DatePicker/DatePicker.css +30 -0
  584. package/src/components/DatePicker/DatePicker.tsx +238 -0
  585. package/src/components/DatePicker/Readme.md +40 -0
  586. package/src/components/DateRangeInput/DateRangeInput.css +16 -0
  587. package/src/components/DateRangeInput/DateRangeInput.tsx +350 -0
  588. package/src/components/DateRangeInput/Readme.md +96 -0
  589. package/src/components/Div/Div.css +7 -0
  590. package/src/components/Div/Div.tsx +26 -0
  591. package/src/components/Div/Readme.md +17 -0
  592. package/src/components/Dropdown/Dropdown.css +19 -0
  593. package/src/components/Dropdown/Dropdown.tsx +42 -0
  594. package/src/components/Dropdown/Readme.md +49 -0
  595. package/src/components/DropdownIcon/DropdownIcon.css +3 -0
  596. package/src/components/DropdownIcon/DropdownIcon.tsx +18 -0
  597. package/src/components/Epic/Epic.css +4 -0
  598. package/src/components/Epic/Epic.tsx +61 -0
  599. package/src/components/Epic/Readme.md +240 -0
  600. package/src/components/Epic/ScrollSaver.tsx +23 -0
  601. package/src/components/File/File.css +6 -0
  602. package/src/components/File/File.tsx +74 -0
  603. package/src/components/File/Readme.md +20 -0
  604. package/src/components/FixedLayout/FixedLayout.css +27 -0
  605. package/src/components/FixedLayout/FixedLayout.tsx +71 -0
  606. package/src/components/FixedLayout/Readme.md +117 -0
  607. package/src/components/FocusTrap/FocusTrap.tsx +144 -0
  608. package/src/components/FocusVisible/FocusVisible.css +72 -0
  609. package/src/components/FocusVisible/FocusVisible.tsx +18 -0
  610. package/src/components/Footer/Footer.css +8 -0
  611. package/src/components/Footer/Footer.tsx +17 -0
  612. package/src/components/Footer/Readme.md +23 -0
  613. package/src/components/FormField/FormField.css +152 -0
  614. package/src/components/FormField/FormField.tsx +76 -0
  615. package/src/components/FormField/Readme.md +42 -0
  616. package/src/components/FormItem/FormItem.css +83 -0
  617. package/src/components/FormItem/FormItem.tsx +85 -0
  618. package/src/components/FormItem/Readme.md +183 -0
  619. package/src/components/FormLayout/FormLayout.css +16 -0
  620. package/src/components/FormLayout/FormLayout.tsx +39 -0
  621. package/src/components/FormLayout/Readme.md +2 -0
  622. package/src/components/FormLayoutGroup/FormLayoutGroup.css +22 -0
  623. package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +71 -0
  624. package/src/components/FormLayoutGroup/Readme.md +63 -0
  625. package/src/components/FormStatus/FormStatus.css +34 -0
  626. package/src/components/FormStatus/FormStatus.tsx +45 -0
  627. package/src/components/FormStatus/Readme.md +23 -0
  628. package/src/components/Gallery/Gallery.css +71 -0
  629. package/src/components/Gallery/Gallery.tsx +562 -0
  630. package/src/components/Gallery/Readme.md +99 -0
  631. package/src/components/Gradient/Gradient.css +83 -0
  632. package/src/components/Gradient/Gradient.tsx +29 -0
  633. package/src/components/Gradient/Readme.md +55 -0
  634. package/src/components/GridAvatar/GridAvatar.css +37 -0
  635. package/src/components/GridAvatar/GridAvatar.tsx +53 -0
  636. package/src/components/GridAvatar/Readme.md +24 -0
  637. package/src/components/Group/Group.css +86 -0
  638. package/src/components/Group/Group.tsx +94 -0
  639. package/src/components/Group/Readme.md +156 -0
  640. package/src/components/Header/Header.css +152 -0
  641. package/src/components/Header/Header.tsx +171 -0
  642. package/src/components/Header/Readme.md +114 -0
  643. package/src/components/HorizontalCell/HorizontalCell.css +95 -0
  644. package/src/components/HorizontalCell/HorizontalCell.tsx +86 -0
  645. package/src/components/HorizontalCell/Readme.md +236 -0
  646. package/src/components/HorizontalScroll/HorizontalScroll.css +31 -0
  647. package/src/components/HorizontalScroll/HorizontalScroll.tsx +217 -0
  648. package/src/components/HorizontalScroll/HorizontalScrollArrow.css +69 -0
  649. package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +35 -0
  650. package/src/components/HorizontalScroll/Readme.md +67 -0
  651. package/src/components/HoverPopper/HoverPopper.tsx +102 -0
  652. package/src/components/IconButton/IconButton.css +93 -0
  653. package/src/components/IconButton/IconButton.tsx +57 -0
  654. package/src/components/InfoRow/InfoRow.css +14 -0
  655. package/src/components/InfoRow/InfoRow.tsx +37 -0
  656. package/src/components/InfoRow/Readme.md +27 -0
  657. package/src/components/InitialsAvatar/InitialsAvatar.css +55 -0
  658. package/src/components/InitialsAvatar/InitialsAvatar.tsx +95 -0
  659. package/src/components/InitialsAvatar/Readme.md +20 -0
  660. package/src/components/Input/Input.css +52 -0
  661. package/src/components/Input/Input.tsx +54 -0
  662. package/src/components/Input/Readme.md +46 -0
  663. package/src/components/InputLike/InputLike.css +25 -0
  664. package/src/components/InputLike/InputLike.tsx +72 -0
  665. package/src/components/InputLike/InputLikeDivider.css +4 -0
  666. package/src/components/InputLike/InputLikeDivider.tsx +12 -0
  667. package/src/components/Link/Link.css +18 -0
  668. package/src/components/Link/Link.tsx +27 -0
  669. package/src/components/Link/Readme.md +8 -0
  670. package/src/components/List/List.css +2 -0
  671. package/src/components/List/List.tsx +31 -0
  672. package/src/components/List/ListContext.ts +6 -0
  673. package/src/components/List/Readme.md +22 -0
  674. package/src/components/LocaleProviderContext/LocaleProviderContext.tsx +5 -0
  675. package/src/components/MiniInfoCell/MiniInfoCell.css +67 -0
  676. package/src/components/MiniInfoCell/MiniInfoCell.tsx +94 -0
  677. package/src/components/MiniInfoCell/Readme.md +150 -0
  678. package/src/components/ModalCard/ModalCard.css +77 -0
  679. package/src/components/ModalCard/ModalCard.tsx +93 -0
  680. package/src/components/ModalCard/Readme.md +9 -0
  681. package/src/components/ModalCardBase/ModalCardBase.css +94 -0
  682. package/src/components/ModalCardBase/ModalCardBase.tsx +141 -0
  683. package/src/components/ModalCardBase/Readme.md +38 -0
  684. package/src/components/ModalDismissButton/ModalDismissButton.css +37 -0
  685. package/src/components/ModalDismissButton/ModalDismissButton.tsx +32 -0
  686. package/src/components/ModalDismissButton/Readme.md +53 -0
  687. package/src/components/ModalPage/ModalPage.css +146 -0
  688. package/src/components/ModalPage/ModalPage.tsx +131 -0
  689. package/src/components/ModalPage/Readme.md +9 -0
  690. package/src/components/ModalPageHeader/ModalPageHeader.css +24 -0
  691. package/src/components/ModalPageHeader/ModalPageHeader.tsx +57 -0
  692. package/src/components/ModalPageHeader/Readme.md +46 -0
  693. package/src/components/ModalRoot/ModalRoot.css +67 -0
  694. package/src/components/ModalRoot/ModalRoot.tsx +816 -0
  695. package/src/components/ModalRoot/ModalRootAdaptive.tsx +42 -0
  696. package/src/components/ModalRoot/ModalRootContext.tsx +51 -0
  697. package/src/components/ModalRoot/ModalRootDesktop.tsx +261 -0
  698. package/src/components/ModalRoot/Readme.md +662 -0
  699. package/src/components/ModalRoot/constants.ts +4 -0
  700. package/src/components/ModalRoot/types.ts +53 -0
  701. package/src/components/ModalRoot/useModalManager.tsx +203 -0
  702. package/src/components/ModalRoot/withModalRootContext.tsx +19 -0
  703. package/src/components/NativeSelect/NativeSelect.tsx +113 -0
  704. package/src/components/NativeSelect/Readme.md +17 -0
  705. package/src/components/NavTransitionContext/NavTransitionContext.tsx +24 -0
  706. package/src/components/Pagination/Pagination.css +62 -0
  707. package/src/components/Pagination/Pagination.tsx +196 -0
  708. package/src/components/Pagination/Readme.md +110 -0
  709. package/src/components/Panel/Panel.css +116 -0
  710. package/src/components/Panel/Panel.tsx +58 -0
  711. package/src/components/Panel/Readme.md +97 -0
  712. package/src/components/PanelHeader/PanelHeader.css +271 -0
  713. package/src/components/PanelHeader/PanelHeader.tsx +142 -0
  714. package/src/components/PanelHeader/Readme.md +244 -0
  715. package/src/components/PanelHeaderBack/PanelHeaderBack.css +7 -0
  716. package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +60 -0
  717. package/src/components/PanelHeaderBack/Readme.md +9 -0
  718. package/src/components/PanelHeaderButton/PanelHeaderButton.css +102 -0
  719. package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +109 -0
  720. package/src/components/PanelHeaderButton/Readme.md +47 -0
  721. package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +35 -0
  722. package/src/components/PanelHeaderClose/Readme.md +9 -0
  723. package/src/components/PanelHeaderContent/PanelHeaderContent.css +107 -0
  724. package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +105 -0
  725. package/src/components/PanelHeaderContent/Readme.md +33 -0
  726. package/src/components/PanelHeaderContext/PanelHeaderContext.css +143 -0
  727. package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +85 -0
  728. package/src/components/PanelHeaderContext/Readme.md +110 -0
  729. package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +49 -0
  730. package/src/components/PanelHeaderEdit/Readme.md +1 -0
  731. package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +37 -0
  732. package/src/components/PanelHeaderSubmit/Readme.md +13 -0
  733. package/src/components/PanelSpinner/PanelSpinner.tsx +21 -0
  734. package/src/components/PanelSpinner/Readme.md +15 -0
  735. package/src/components/Placeholder/Placeholder.css +50 -0
  736. package/src/components/Placeholder/Placeholder.tsx +70 -0
  737. package/src/components/Placeholder/Readme.md +104 -0
  738. package/src/components/PopoutRoot/PopoutRoot.css +36 -0
  739. package/src/components/PopoutRoot/PopoutRoot.tsx +72 -0
  740. package/src/components/PopoutRoot/Readme.md +50 -0
  741. package/src/components/PopoutWrapper/PopoutWrapper.css +109 -0
  742. package/src/components/PopoutWrapper/PopoutWrapper.tsx +77 -0
  743. package/src/components/PopoutWrapper/Readme.md +12 -0
  744. package/src/components/Popper/Popper.css +39 -0
  745. package/src/components/Popper/Popper.tsx +231 -0
  746. package/src/components/Popper/Readme.md +33 -0
  747. package/src/components/Progress/Progress.css +12 -0
  748. package/src/components/Progress/Progress.tsx +49 -0
  749. package/src/components/Progress/Readme.md +14 -0
  750. package/src/components/PromoBanner/PromoBanner.css +55 -0
  751. package/src/components/PromoBanner/PromoBanner.tsx +135 -0
  752. package/src/components/PromoBanner/Readme.md +25 -0
  753. package/src/components/PullToRefresh/PullToRefresh.css +98 -0
  754. package/src/components/PullToRefresh/PullToRefresh.tsx +353 -0
  755. package/src/components/PullToRefresh/PullToRefreshSpinner.tsx +78 -0
  756. package/src/components/PullToRefresh/Readme.md +71 -0
  757. package/src/components/Radio/Radio.css +187 -0
  758. package/src/components/Radio/Radio.tsx +82 -0
  759. package/src/components/Radio/Readme.md +29 -0
  760. package/src/components/RadioGroup/RadioGroup.css +12 -0
  761. package/src/components/RadioGroup/RadioGroup.tsx +29 -0
  762. package/src/components/RadioGroup/Readme.md +56 -0
  763. package/src/components/RangeSlider/RangeSlider.tsx +54 -0
  764. package/src/components/RangeSlider/Readme.md +32 -0
  765. package/src/components/RangeSlider/UniversalSlider.tsx +162 -0
  766. package/src/components/Removable/Removable.css +125 -0
  767. package/src/components/Removable/Removable.tsx +176 -0
  768. package/src/components/RichCell/Readme.md +65 -0
  769. package/src/components/RichCell/RichCell.css +115 -0
  770. package/src/components/RichCell/RichCell.tsx +104 -0
  771. package/src/components/RichTooltip/Readme.md +59 -0
  772. package/src/components/RichTooltip/RichTooltip.css +10 -0
  773. package/src/components/RichTooltip/RichTooltip.tsx +32 -0
  774. package/src/components/Root/Readme.md +36 -0
  775. package/src/components/Root/Root.css +184 -0
  776. package/src/components/Root/Root.tsx +209 -0
  777. package/src/components/ScreenSpinner/Readme.md +43 -0
  778. package/src/components/ScreenSpinner/ScreenSpinner.css +31 -0
  779. package/src/components/ScreenSpinner/ScreenSpinner.tsx +37 -0
  780. package/src/components/Search/Readme.md +235 -0
  781. package/src/components/Search/Search.css +359 -0
  782. package/src/components/Search/Search.tsx +196 -0
  783. package/src/components/SegmentedControl/Readme.md +94 -0
  784. package/src/components/SegmentedControl/SegmentedControl.css +42 -0
  785. package/src/components/SegmentedControl/SegmentedControl.tsx +105 -0
  786. package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +30 -0
  787. package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx +42 -0
  788. package/src/components/Select/Readme.md +27 -0
  789. package/src/components/Select/Select.css +64 -0
  790. package/src/components/Select/Select.tsx +39 -0
  791. package/src/components/SelectMimicry/Readme.md +87 -0
  792. package/src/components/SelectMimicry/SelectMimicry.css +10 -0
  793. package/src/components/SelectMimicry/SelectMimicry.tsx +94 -0
  794. package/src/components/Separator/Readme.md +23 -0
  795. package/src/components/Separator/Separator.css +48 -0
  796. package/src/components/Separator/Separator.tsx +40 -0
  797. package/src/components/SimpleCell/Readme.md +136 -0
  798. package/src/components/SimpleCell/SimpleCell.css +258 -0
  799. package/src/components/SimpleCell/SimpleCell.tsx +132 -0
  800. package/src/components/SimpleCheckbox/Readme.md +25 -0
  801. package/src/components/SimpleCheckbox/SimpleCheckbox.css +129 -0
  802. package/src/components/SimpleCheckbox/SimpleCheckbox.tsx +143 -0
  803. package/src/components/Slider/Readme.md +83 -0
  804. package/src/components/Slider/Slider.css +145 -0
  805. package/src/components/Slider/Slider.tsx +54 -0
  806. package/src/components/SliderSwitch/Readme.md +27 -0
  807. package/src/components/SliderSwitch/SliderSwitch.css +87 -0
  808. package/src/components/SliderSwitch/SliderSwitch.tsx +209 -0
  809. package/src/components/SliderSwitch/SliderSwitchButton.tsx +53 -0
  810. package/src/components/Snackbar/Readme.md +145 -0
  811. package/src/components/Snackbar/Snackbar.css +159 -0
  812. package/src/components/Snackbar/Snackbar.tsx +254 -0
  813. package/src/components/Spacing/Readme.md +98 -0
  814. package/src/components/Spacing/Spacing.css +46 -0
  815. package/src/components/Spacing/Spacing.tsx +53 -0
  816. package/src/components/Spinner/Readme.md +11 -0
  817. package/src/components/Spinner/Spinner.css +33 -0
  818. package/src/components/Spinner/Spinner.tsx +53 -0
  819. package/src/components/SplitCol/Readme.md +1 -0
  820. package/src/components/SplitCol/SplitCol.css +28 -0
  821. package/src/components/SplitCol/SplitCol.tsx +75 -0
  822. package/src/components/SplitLayout/Readme.md +154 -0
  823. package/src/components/SplitLayout/SplitLayout.css +52 -0
  824. package/src/components/SplitLayout/SplitLayout.tsx +54 -0
  825. package/src/components/SubnavigationBar/Readme.md +264 -0
  826. package/src/components/SubnavigationBar/SubnavigationBar.css +32 -0
  827. package/src/components/SubnavigationBar/SubnavigationBar.tsx +66 -0
  828. package/src/components/SubnavigationButton/Readme.md +128 -0
  829. package/src/components/SubnavigationButton/SubnavigationButton.css +103 -0
  830. package/src/components/SubnavigationButton/SubnavigationButton.tsx +99 -0
  831. package/src/components/Switch/Readme.md +57 -0
  832. package/src/components/Switch/Switch.css +198 -0
  833. package/src/components/Switch/Switch.tsx +56 -0
  834. package/src/components/Tabbar/Readme.md +7 -0
  835. package/src/components/Tabbar/Tabbar.css +53 -0
  836. package/src/components/Tabbar/Tabbar.tsx +50 -0
  837. package/src/components/TabbarItem/Readme.md +102 -0
  838. package/src/components/TabbarItem/TabbarItem.css +127 -0
  839. package/src/components/TabbarItem/TabbarItem.tsx +94 -0
  840. package/src/components/Tabs/Readme.md +274 -0
  841. package/src/components/Tabs/Tabs.css +102 -0
  842. package/src/components/Tabs/Tabs.tsx +57 -0
  843. package/src/components/TabsItem/Readme.md +0 -0
  844. package/src/components/TabsItem/TabsItem.css +178 -0
  845. package/src/components/TabsItem/TabsItem.tsx +62 -0
  846. package/src/components/Tappable/Tappable.css +141 -0
  847. package/src/components/Tappable/Tappable.tsx +349 -0
  848. package/src/components/TextTooltip/Readme.md +11 -0
  849. package/src/components/TextTooltip/TextTooltip.css +18 -0
  850. package/src/components/TextTooltip/TextTooltip.tsx +58 -0
  851. package/src/components/Textarea/Readme.md +24 -0
  852. package/src/components/Textarea/Textarea.css +39 -0
  853. package/src/components/Textarea/Textarea.tsx +80 -0
  854. package/src/components/Tooltip/Readme.md +263 -0
  855. package/src/components/Tooltip/Tooltip.css +73 -0
  856. package/src/components/Tooltip/Tooltip.tsx +314 -0
  857. package/src/components/Tooltip/TooltipContainer.tsx +10 -0
  858. package/src/components/Touch/Readme.md +116 -0
  859. package/src/components/Touch/Touch.tsx +285 -0
  860. package/src/components/Touch/TouchContext.ts +11 -0
  861. package/src/components/Typography/Caption/Caption.css +97 -0
  862. package/src/components/Typography/Caption/Caption.tsx +53 -0
  863. package/src/components/Typography/Caption/Readme.md +29 -0
  864. package/src/components/Typography/Headline/Headline.css +25 -0
  865. package/src/components/Typography/Headline/Headline.tsx +36 -0
  866. package/src/components/Typography/Headline/Readme.md +24 -0
  867. package/src/components/Typography/Subhead/Readme.md +21 -0
  868. package/src/components/Typography/Subhead/Subhead.css +43 -0
  869. package/src/components/Typography/Subhead/Subhead.tsx +54 -0
  870. package/src/components/Typography/Text/Readme.md +22 -0
  871. package/src/components/Typography/Text/Text.css +25 -0
  872. package/src/components/Typography/Text/Text.tsx +49 -0
  873. package/src/components/Typography/Title/Readme.md +31 -0
  874. package/src/components/Typography/Title/Title.css +59 -0
  875. package/src/components/Typography/Title/Title.tsx +64 -0
  876. package/src/components/UsersStack/Readme.md +94 -0
  877. package/src/components/UsersStack/UsersStack.css +99 -0
  878. package/src/components/UsersStack/UsersStack.tsx +102 -0
  879. package/src/components/UsersStack/masks.tsx +46 -0
  880. package/src/components/View/Readme.md +98 -0
  881. package/src/components/View/View.css +125 -0
  882. package/src/components/View/View.tsx +673 -0
  883. package/src/components/View/ViewIOS.css +155 -0
  884. package/src/components/View/ViewInfinite.tsx +731 -0
  885. package/src/components/View/utils.ts +9 -0
  886. package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css +9 -0
  887. package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +25 -0
  888. package/src/components/WriteBar/Readme.md +224 -0
  889. package/src/components/WriteBar/WriteBar.css +106 -0
  890. package/src/components/WriteBar/WriteBar.tsx +137 -0
  891. package/src/components/WriteBarIcon/Readme.md +11 -0
  892. package/src/components/WriteBarIcon/WriteBarIcon.css +75 -0
  893. package/src/components/WriteBarIcon/WriteBarIcon.tsx +104 -0
  894. package/src/fonts/VK_Sans_Display_Medium.woff +0 -0
  895. package/src/fonts/VK_Sans_Display_Medium.woff2 +0 -0
  896. package/src/fonts/fonts.css +7 -0
  897. package/src/helpers/avatar.ts +10 -0
  898. package/src/helpers/getClassName.ts +8 -0
  899. package/src/helpers/getScheme.ts +27 -0
  900. package/src/helpers/math.ts +40 -0
  901. package/src/helpers/scheme.ts +86 -0
  902. package/src/helpers/typography.ts +24 -0
  903. package/src/hoc/withAdaptivity.tsx +86 -0
  904. package/src/hoc/withContext.tsx +14 -0
  905. package/src/hoc/withInsets.tsx +12 -0
  906. package/src/hoc/withPlatform.tsx +17 -0
  907. package/src/hooks/useAdaptivity.ts +12 -0
  908. package/src/hooks/useAppearance.ts +4 -0
  909. package/src/hooks/useBooleanState.ts +19 -0
  910. package/src/hooks/useBrowserInfo.ts +11 -0
  911. package/src/hooks/useCalendar.ts +78 -0
  912. package/src/hooks/useDateInput.ts +213 -0
  913. package/src/hooks/useEffectDev.ts +5 -0
  914. package/src/hooks/useEnsuredControl.ts +17 -0
  915. package/src/hooks/useEventListener.ts +62 -0
  916. package/src/hooks/useExternRef.ts +26 -0
  917. package/src/hooks/useFocusVisible.ts +31 -0
  918. package/src/hooks/useGlobalEventListener.ts +35 -0
  919. package/src/hooks/useInsets.ts +69 -0
  920. package/src/hooks/useKeyboard.ts +75 -0
  921. package/src/hooks/useKeyboardInputTracker.ts +64 -0
  922. package/src/hooks/useObjectMemo.ts +16 -0
  923. package/src/hooks/useOrientationChange.ts +39 -0
  924. package/src/hooks/usePagination.ts +96 -0
  925. package/src/hooks/usePatchChildrenRef.ts +39 -0
  926. package/src/hooks/usePlatform.ts +10 -0
  927. package/src/hooks/useTimeout.ts +33 -0
  928. package/src/hooks/useWaitTransitionFinish.ts +28 -0
  929. package/src/index.ts +334 -0
  930. package/src/lib/SSR.tsx +45 -0
  931. package/src/lib/accessibility.ts +87 -0
  932. package/src/lib/animate.ts +47 -0
  933. package/src/lib/browser.ts +44 -0
  934. package/src/lib/calendar.ts +123 -0
  935. package/src/lib/callMultiple.ts +4 -0
  936. package/src/lib/classNames.ts +44 -0
  937. package/src/lib/classScopingMode.ts +21 -0
  938. package/src/lib/dom.tsx +45 -0
  939. package/src/lib/fx.ts +7 -0
  940. package/src/lib/getNavId.ts +13 -0
  941. package/src/lib/is.ts +10 -0
  942. package/src/lib/isRefObject.ts +11 -0
  943. package/src/lib/jsxRuntime.d.ts +6 -0
  944. package/src/lib/jsxRuntime.ts +43 -0
  945. package/src/lib/offset.ts +17 -0
  946. package/src/lib/platform.ts +36 -0
  947. package/src/lib/polyfills.ts +96 -0
  948. package/src/lib/prefixClass.ts +34 -0
  949. package/src/lib/removeObjectKeys.ts +10 -0
  950. package/src/lib/select.ts +54 -0
  951. package/src/lib/styles.ts +12 -0
  952. package/src/lib/supportEvents.ts +38 -0
  953. package/src/lib/taptic.ts +9 -0
  954. package/src/lib/testing.ts +4 -0
  955. package/src/lib/touch.ts +59 -0
  956. package/src/lib/useIsomorphicLayoutEffect.ts +7 -0
  957. package/src/lib/utils.ts +99 -0
  958. package/src/lib/warnOnce.ts +9 -0
  959. package/src/styles/animations.css +19 -0
  960. package/src/styles/bright_light.css +244 -0
  961. package/src/styles/common.css +39 -0
  962. package/src/styles/components.css +152 -0
  963. package/src/styles/constants.css +72 -0
  964. package/src/styles/space_gray.css +243 -0
  965. package/src/styles/themes.css +10 -0
  966. package/src/styles/unstable.css +6 -0
  967. package/src/styles/vkcom_dark.css +249 -0
  968. package/src/styles/vkcom_light.css +254 -0
  969. package/src/testing/setup.ts +1 -0
  970. package/src/testing/utils.tsx +192 -0
  971. package/src/tokenized/index.ts +39 -0
  972. package/src/types.ts +43 -0
  973. package/src/unstable/index.ts +23 -0
  974. package/src/vkui.js +1 -0
  975. package/stylelint.config.js +46 -0
  976. package/tasks/generate_scheme.js +13 -0
  977. package/tasks/postcss-check-keyframes.js +36 -0
  978. package/tasks/postcss-scope-root.js +9 -0
  979. package/tasks/styleint-atomic.js +57 -0
  980. package/tokenized/index.d.ts +1 -0
  981. package/tokenized/package.json +4 -0
  982. package/tsconfig.dist.json +16 -0
  983. package/tsconfig.json +38 -0
  984. package/types/global.d.ts +7 -0
  985. package/unstable/index.d.ts +1 -0
  986. package/unstable/package.json +4 -0
  987. package/webpack.config.js +86 -0
  988. package/webpack.styles.config.js +67 -0
  989. package/dist/components.js.tmp +0 -24
  990. package/dist/default_scheme.js.tmp +0 -24
  991. package/dist/fonts.js.tmp +0 -24
  992. package/dist/stable.js.tmp +0 -166
  993. package/dist/unstable.js.tmp +0 -24
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import { AdaptivityContextInterface } from "../AdaptivityProvider/AdaptivityContext";
4
+ import "./ModalCardBase.css";
5
+ export interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
6
+ /**
7
+ * Иконка.
8
+ *
9
+ * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src="" />`
10
+ */
11
+ icon?: React.ReactNode;
12
+ /**
13
+ * Заголовок карточки
14
+ */
15
+ header?: React.ReactNode;
16
+ /**
17
+ * Подзаголовок
18
+ */
19
+ subheader?: React.ReactNode;
20
+ /**
21
+ * Кнопки-действия.
22
+ *
23
+ * Рекомендуется использовать `<Button size="l" mode="primary" />` или `<Button size="l" mode="secondary" />`
24
+ */
25
+ actions?: React.ReactNode;
26
+ /**
27
+ * Тип отображения кнопок: вертикальный или горизонтальный
28
+ */
29
+ actionsLayout?: "vertical" | "horizontal";
30
+ onClose?: VoidFunction;
31
+ }
32
+ export declare const ModalCardBase: React.FC<Pick<ModalCardBaseProps & AdaptivityContextInterface, "style" | "placeholder" | "title" | "hidden" | "role" | "security" | "dir" | "header" | "slot" | "color" | "icon" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "getRootRef" | "onClose" | "actionsLayout" | "actions" | "subheader"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import "./ModalDismissButton.css";
3
+ export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
4
+ declare const ModalDismissButton: React.FC<ModalDismissButtonProps>;
5
+ export default ModalDismissButton;
@@ -0,0 +1,22 @@
1
+ import * as React from "react";
2
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
3
+ import { NavIdProps } from "../../lib/getNavId";
4
+ import "./ModalPage.css";
5
+ export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {
6
+ /**
7
+ * Шапка модальной страницы, `<ModalPageHeader />`
8
+ */
9
+ header?: React.ReactNode;
10
+ onClose?: VoidFunction;
11
+ /**
12
+ * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.
13
+ */
14
+ settlingHeight?: number;
15
+ /**
16
+ * Если высота контента в модальной странице может поменяться, нужно установить это свойство
17
+ */
18
+ dynamicContentHeight?: boolean;
19
+ getModalContentRef?: React.Ref<HTMLDivElement>;
20
+ }
21
+ declare const _default: React.FC<Pick<ModalPageProps & AdaptivityContextInterface, "style" | "placeholder" | "title" | "hidden" | "role" | "security" | "dir" | "header" | "nav" | "slot" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "onClose" | "settlingHeight" | "dynamicContentHeight" | "getModalContentRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
22
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { HasRef } from "../../types";
3
+ import { PanelHeaderProps } from "../PanelHeader/PanelHeader";
4
+ import "./ModalPageHeader.css";
5
+ export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PanelHeaderProps, "fixed" | "shadow">, HasRef<HTMLDivElement> {
6
+ }
7
+ declare const ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps>;
8
+ export default ModalPageHeader;
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import { HasPlatform } from "../../types";
3
+ import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
4
+ import "./ModalRoot.css";
5
+ export interface ModalRootProps extends HasPlatform {
6
+ activeModal?: string | null;
7
+ /**
8
+ * Будет вызвано при закрытии активной модалки с её id
9
+ */
10
+ onClose?(modalId: string): void;
11
+ /**
12
+ * @ignore
13
+ */
14
+ configProvider?: ConfigProviderContextInterface;
15
+ }
16
+ export declare const ModalRootTouch: React.FC<Pick<ModalRootProps, "configProvider" | "onClose" | "activeModal">>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
3
+ export interface ModalRootProps extends AdaptivityProps {
4
+ activeModal?: string | null;
5
+ /**
6
+ * Будет вызвано при закрытии активной модалки с её id
7
+ */
8
+ onClose?: (modalId: string) => void;
9
+ }
10
+ export declare const ModalRoot: React.FC<Pick<ModalRootProps & AdaptivityContextInterface, "onClose" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { ModalElements, ModalsStateEntry, ModalType } from "./types";
3
+ export declare type ModalRegistryEntry = ModalElements & Required<Pick<ModalsStateEntry, "type" | "id">>;
4
+ declare type ModalRefs = {
5
+ [k in keyof ModalElements]: (e: ModalElements[k]) => void;
6
+ };
7
+ export interface ModalRootContextInterface {
8
+ updateModalHeight: VoidFunction;
9
+ registerModal(data: ModalRegistryEntry): void;
10
+ onClose?: VoidFunction;
11
+ isInsideModal: boolean;
12
+ }
13
+ export declare const ModalRootContext: React.Context<ModalRootContextInterface>;
14
+ /**
15
+ * All referenced elements must be static
16
+ */
17
+ export declare function useModalRegistry(id: string | undefined, type: ModalType): {
18
+ refs: Required<ModalRefs>;
19
+ };
20
+ export default ModalRootContext;
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import { HasPlatform } from "../../types";
3
+ import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
4
+ import "./ModalRoot.css";
5
+ export interface ModalRootProps extends HasPlatform {
6
+ activeModal?: string | null;
7
+ /**
8
+ * @ignore
9
+ */
10
+ configProvider?: ConfigProviderContextInterface;
11
+ /**
12
+ * Будет вызвано при закрытии активной модалки с её id
13
+ */
14
+ onClose?(modalId: string): void;
15
+ }
16
+ export declare const ModalRootDesktop: React.FC<Pick<ModalRootProps, "configProvider" | "onClose" | "activeModal">>;
@@ -0,0 +1,3 @@
1
+ export declare const MODAL_PAGE_DEFAULT_PERCENT_HEIGHT = 75;
2
+ export declare const PERCENT_OPENED = 0;
3
+ export declare const PERCENT_CLOSED = 100;
@@ -0,0 +1,45 @@
1
+ export declare enum ModalType {
2
+ PAGE = "page",
3
+ CARD = "card"
4
+ }
5
+ export declare type TranslateRange = [number, number];
6
+ export declare type ModalsState = {
7
+ [index: string]: ModalsStateEntry;
8
+ };
9
+ export interface ModalElements {
10
+ modalElement?: HTMLElement | null;
11
+ innerElement?: HTMLElement | null;
12
+ headerElement?: HTMLElement | null;
13
+ contentElement?: HTMLElement | null;
14
+ }
15
+ export interface ModalsStateEntry extends ModalElements {
16
+ id: string | null;
17
+ onClose?: () => any;
18
+ type?: ModalType;
19
+ settlingHeight?: number;
20
+ dynamicContentHeight?: boolean;
21
+ expandable?: boolean;
22
+ /**
23
+ * Процент текущего сдвига модалки
24
+ */
25
+ translateY?: number;
26
+ /**
27
+ * Процент сдвига модалки в изначальном состоянии
28
+ */
29
+ translateYFrom?: number;
30
+ /**
31
+ * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)
32
+ */
33
+ translateYCurrent?: number;
34
+ touchStartContentScrollTop?: number;
35
+ touchMovePositive?: boolean | null;
36
+ touchShiftYPercent?: number;
37
+ expanded?: boolean;
38
+ collapsed?: boolean;
39
+ hidden?: boolean;
40
+ contentScrolled?: boolean;
41
+ contentScrollStopTimeout?: ReturnType<typeof setTimeout>;
42
+ expandedRange?: TranslateRange;
43
+ collapsedRange?: TranslateRange;
44
+ hiddenRange?: TranslateRange;
45
+ }
@@ -0,0 +1,37 @@
1
+ import * as React from "react";
2
+ import { ModalsStateEntry } from "./types";
3
+ interface ModalTransitionState {
4
+ activeModal?: string | null;
5
+ enteringModal?: string | null;
6
+ exitingModal?: string | null;
7
+ history?: string[];
8
+ isBack?: boolean | null;
9
+ }
10
+ export interface ModalTransitionProps extends ModalTransitionState {
11
+ onEnter: (id: string | null) => void;
12
+ onExit: (id: string | null) => void;
13
+ getModalState: (id: string) => ModalsStateEntry;
14
+ closeActiveModal: VoidFunction;
15
+ delayEnter: boolean;
16
+ }
17
+ export declare function modalTransitionReducer(state: ModalTransitionState, action: {
18
+ type: "setActive" | "entered" | "exited" | "inited";
19
+ id: string | null;
20
+ }): ModalTransitionState;
21
+ /**
22
+ * Реализует переход модалок. При смене activeModal m1 -> m2:
23
+ * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
24
+ * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода
25
+ * одновременный переход между ModalPage:
26
+ * 3a. activeModal: m2, exitingModal: m1, enteringModal: m2
27
+ * 4a. exitingModal и enteringModal переходят в null в порядке завершения анимации
28
+ * ИЛИ дожидаемся скрытия ModalCard
29
+ * 3b. activeModal: m2, exitingModal: null, enteringModal: m2
30
+ * 4b. enteringModal переходит в null после завершения анимации
31
+ * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
32
+ */
33
+ export declare function useModalManager(activeModal: string | null | undefined, children: React.ReactNode | React.ReactNode[], onClose: (id: string) => void, initModal?: (state: ModalsStateEntry) => void): ModalTransitionProps;
34
+ export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.FC<Pick<Props, Exclude<keyof Props, "isBack" | "onEnter" | "history" | "onExit" | "getModalState" | "closeActiveModal" | "delayEnter" | "activeModal" | "enteringModal" | "exitingModal">> & {
35
+ activeModal?: string | null | undefined;
36
+ }>;
37
+ export {};
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { ModalRootContextInterface } from "./ModalRootContext";
3
+ declare type PickedProps = Pick<ModalRootContextInterface, "updateModalHeight">;
4
+ export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
5
+ export {};
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { HasAlign, HasRef, HasRootRef } from "../../types";
3
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
4
+ import "../Select/Select.css";
5
+ export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, AdaptivityProps {
6
+ placeholder?: string;
7
+ multiline?: boolean;
8
+ }
9
+ export interface SelectState {
10
+ value?: React.SelectHTMLAttributes<HTMLSelectElement>["value"];
11
+ title?: string;
12
+ notSelected?: boolean;
13
+ }
14
+ declare const _default: React.FC<Pick<NativeSelectProps & AdaptivityContextInterface, "style" | "placeholder" | "title" | "disabled" | "hidden" | "multiline" | "required" | "role" | "security" | "dir" | "form" | "slot" | "name" | "color" | "size" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "autoFocus" | "value" | "autoComplete" | "align" | "getRootRef" | "getRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
15
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ interface TransitionContextProps {
3
+ entering: boolean;
4
+ }
5
+ export declare const useNavTransition: () => TransitionContextProps;
6
+ export declare const NavTransitionProvider: React.FC<TransitionContextProps>;
7
+ export {};
@@ -0,0 +1,42 @@
1
+ import * as React from "react";
2
+ import type { HasRootRef } from "../../types";
3
+ import "./Pagination.css";
4
+ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange">, HasRootRef<HTMLElement> {
5
+ /**
6
+ * Текущая страница.
7
+ */
8
+ currentPage?: number;
9
+ /**
10
+ * Кол-во всегда видимых страниц по краям текущей страницы.
11
+ */
12
+ siblingCount?: number;
13
+ /**
14
+ * Кол-во всегда видимых страниц в начале и в конце.
15
+ */
16
+ boundaryCount?: number;
17
+ /**
18
+ * Общее кол-во страниц.
19
+ */
20
+ totalPages?: number;
21
+ /**
22
+ * Блокировка всех кнопок.
23
+ */
24
+ disabled?: boolean;
25
+ /**
26
+ * Переобределение `aria-label` для кнопки навигации назад.
27
+ * По умолчанию используется текст на "ru_RU".
28
+ */
29
+ prevButtonAriaLabel?: string;
30
+ /**
31
+ * Переобределение `aria-label` для кнопки навигации вперёд.
32
+ * По умолчанию используется текст на "ru_RU".
33
+ */
34
+ nextButtonAriaLabel?: string;
35
+ /**
36
+ * Функция для переопределния и/или локализации `aria-label` атрибута.
37
+ * По умолчанию используется текст на "ru_RU".
38
+ */
39
+ getPageAriaLabel?(page: number, isCurrent: boolean): string;
40
+ onChange?(page: number): void;
41
+ }
42
+ export declare const Pagination: React.FC<PaginationProps>;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import { NavIdProps } from "../../lib/getNavId";
4
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
5
+ import "./Panel.css";
6
+ export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {
7
+ centered?: boolean;
8
+ }
9
+ export declare const Panel: React.FC<Pick<PanelProps & AdaptivityContextInterface, "style" | "placeholder" | "title" | "hidden" | "role" | "security" | "dir" | "nav" | "slot" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "getRootRef" | "centered"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import { HasRef, HasRootRef } from "../../types";
3
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
+ import "./PanelHeader.css";
5
+ export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps {
6
+ left?: React.ReactNode;
7
+ right?: React.ReactNode;
8
+ separator?: boolean;
9
+ transparent?: boolean;
10
+ shadow?: boolean;
11
+ /**
12
+ * Если `false`, то шапка будет нулевой высоты и контент панели "залезет" под неё
13
+ */
14
+ visor?: boolean;
15
+ /**
16
+ * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.
17
+ */
18
+ fixed?: boolean;
19
+ }
20
+ declare const _default: React.FC<Pick<PanelHeaderProps, "style" | "placeholder" | "title" | "hidden" | "role" | "left" | "right" | "security" | "dir" | "fixed" | "slot" | "color" | "transparent" | "separator" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "getRootRef" | "getRef" | "shadow" | "visor"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
21
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
+ import "./PanelHeaderBack.css";
5
+ export declare type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {
6
+ "aria-label"?: string;
7
+ };
8
+ declare const _default: React.NamedExoticComponent<Pick<PanelHeaderBackProps, "style" | "placeholder" | "label" | "title" | "disabled" | "hidden" | "required" | "checked" | "selected" | "controls" | "role" | "default" | "open" | "security" | "preload" | "download" | "max" | "dir" | "cite" | "data" | "form" | "slot" | "span" | "summary" | "wrap" | "headers" | "name" | "start" | "color" | "content" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "pattern" | "children" | "className" | "id" | "lang" | "media" | "method" | "min" | "target" | "type" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "nonce" | "scoped" | "htmlFor" | "async" | "charSet" | "defer" | "integrity" | "as" | "hrefLang" | "rel" | "sizes" | "cellPadding" | "cellSpacing" | "alt" | "coords" | "shape" | "autoPlay" | "loop" | "mediaGroup" | "muted" | "playsInline" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "maxLength" | "minLength" | "readOnly" | "step" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "colSpan" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "primary"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
9
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { TappableProps } from "../Tappable/Tappable";
3
+ import "./PanelHeaderButton.css";
4
+ export interface PanelHeaderButtonProps extends Omit<TappableProps, "label"> {
5
+ primary?: boolean;
6
+ label?: React.ReactNode;
7
+ }
8
+ export declare const PanelHeaderButton: React.FC<PanelHeaderButtonProps>;
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ declare const PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps>;
4
+ export default PanelHeaderClose;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import "./PanelHeaderContent.css";
3
+ export interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ aside?: React.ReactNode;
5
+ before?: React.ReactNode;
6
+ status?: React.ReactNode;
7
+ }
8
+ declare const PanelHeaderContent: React.FunctionComponent<PanelHeaderContentProps>;
9
+ export default PanelHeaderContent;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import "./PanelHeaderContext.css";
3
+ export interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ opened: boolean;
5
+ onClose: VoidFunction;
6
+ }
7
+ export declare const PanelHeaderContext: React.FC<PanelHeaderContextProps>;
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
4
+ /**
5
+ * Включен ли режим редактирования
6
+ */
7
+ isActive?: boolean;
8
+ /**
9
+ * iOS only. Текст кнопки, когда режим редактирования не активен
10
+ */
11
+ editLabel?: string;
12
+ /**
13
+ * iOS only. Текст кнопки при активном режиме редактирования для выхода из него
14
+ */
15
+ doneLabel?: string;
16
+ }
17
+ declare const PanelHeaderEdit: React.FunctionComponent<PanelHeaderEditProps>;
18
+ export default PanelHeaderEdit;
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
3
+ declare const PanelHeaderSubmit: React.FunctionComponent<PanelHeaderButtonProps>;
4
+ export default PanelHeaderSubmit;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import { SpinnerProps } from "../Spinner/Spinner";
3
+ export interface PanelSpinnerProps extends SpinnerProps {
4
+ height?: number;
5
+ }
6
+ declare const _default: React.NamedExoticComponent<PanelSpinnerProps>;
7
+ export default _default;
@@ -0,0 +1,23 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import "./Placeholder.css";
4
+ export interface PlaceholderProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
5
+ /**
6
+ * Иконка
7
+ */
8
+ icon?: React.ReactNode;
9
+ /**
10
+ * Заголовок плейсхолдера
11
+ */
12
+ header?: React.ReactNode;
13
+ /**
14
+ * Кнопка действия
15
+ */
16
+ action?: React.ReactNode;
17
+ /**
18
+ * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер
19
+ */
20
+ stretched?: boolean;
21
+ }
22
+ declare const Placeholder: React.FC<PlaceholderProps>;
23
+ export default Placeholder;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
4
+ import "./PopoutRoot.css";
5
+ export interface PopoutRootProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, HasRootRef<HTMLDivElement> {
6
+ popout?: React.ReactNode;
7
+ modal?: React.ReactNode;
8
+ }
9
+ export declare const PopoutRootComponent: React.FC<PopoutRootProps & AdaptivityContextInterface>;
10
+ export declare const PopoutRoot: React.FC<Pick<PopoutRootProps & AdaptivityContextInterface, "style" | "placeholder" | "title" | "hidden" | "modal" | "role" | "security" | "dir" | "slot" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "popout" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import "./PopoutWrapper.css";
3
+ export interface PopoutWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ hasMask?: boolean;
5
+ fixed?: boolean;
6
+ alignY?: "top" | "center" | "bottom";
7
+ alignX?: "left" | "center" | "right";
8
+ closing?: boolean;
9
+ }
10
+ export declare const PopoutWrapper: React.FC<PopoutWrapperProps>;
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ import { HasRef } from "../../types";
3
+ import "./Popper.css";
4
+ export declare type Placement = "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "top" | "bottom" | "left" | "right";
5
+ export interface PopperCommonProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {
6
+ /**
7
+ * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства
8
+ */
9
+ placement?: Placement;
10
+ /**
11
+ * Отступ по вспомогательной оси
12
+ */
13
+ offsetSkidding?: number;
14
+ /**
15
+ * Отступ по главной оси
16
+ */
17
+ offsetDistance?: number;
18
+ arrow?: boolean;
19
+ arrowClassName?: string;
20
+ /**
21
+ * Выставлять ширину равной target элементу
22
+ */
23
+ sameWidth?: boolean;
24
+ forcePortal?: boolean;
25
+ onPlacementChange?: (data: {
26
+ placement?: Placement;
27
+ }) => void;
28
+ }
29
+ export interface PopperProps extends PopperCommonProps {
30
+ targetRef: React.RefObject<HTMLElement>;
31
+ }
32
+ export declare const Popper: React.FC<PopperProps>;