@fountain-ui/core 2.0.0-beta.3 → 2.0.0-beta.30

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 (885) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/build/commonjs/Accordion/Accordion.js +6 -8
  3. package/build/commonjs/Accordion/Accordion.js.map +1 -1
  4. package/build/commonjs/Accordion/AccordionProps.js.map +1 -1
  5. package/build/commonjs/Accordion/index.js.map +1 -1
  6. package/build/commonjs/AppBar/AppBar.js +9 -14
  7. package/build/commonjs/AppBar/AppBar.js.map +1 -1
  8. package/build/commonjs/AppBar/AppBarProps.js.map +1 -1
  9. package/build/commonjs/AppBar/index.js.map +1 -1
  10. package/build/commonjs/AspectRatio/AspectRatioNative.js +1 -1
  11. package/build/commonjs/AspectRatio/AspectRatioNative.js.map +1 -1
  12. package/build/commonjs/AspectRatio/AspectRatioProps.js.map +1 -1
  13. package/build/commonjs/AspectRatio/AspectRatioWeb.js +1 -1
  14. package/build/commonjs/AspectRatio/AspectRatioWeb.js.map +1 -1
  15. package/build/commonjs/AspectRatio/index.js.map +1 -1
  16. package/build/commonjs/AspectRatio/index.native.js.map +1 -1
  17. package/build/commonjs/AspectRatio/utils.js +1 -1
  18. package/build/commonjs/AspectRatio/utils.js.map +1 -1
  19. package/build/commonjs/Avatar/Avatar.js.map +1 -1
  20. package/build/commonjs/Avatar/AvatarProps.js.map +1 -1
  21. package/build/commonjs/Avatar/index.js.map +1 -1
  22. package/build/commonjs/Badge/Badge.js +1 -1
  23. package/build/commonjs/Badge/Badge.js.map +1 -1
  24. package/build/commonjs/Badge/BadgeProps.js.map +1 -1
  25. package/build/commonjs/Badge/index.js.map +1 -1
  26. package/build/commonjs/Button/Button.js +1 -1
  27. package/build/commonjs/Button/Button.js.map +1 -1
  28. package/build/commonjs/Button/ButtonProps.js.map +1 -1
  29. package/build/commonjs/Button/index.js.map +1 -1
  30. package/build/commonjs/ButtonBase/ButtonBase.js +64 -59
  31. package/build/commonjs/ButtonBase/ButtonBase.js.map +1 -1
  32. package/build/commonjs/ButtonBase/ButtonBaseProps.js.map +1 -1
  33. package/build/commonjs/ButtonBase/index.js.map +1 -1
  34. package/build/commonjs/Card/Card.js +1 -1
  35. package/build/commonjs/Card/Card.js.map +1 -1
  36. package/build/commonjs/Card/CardProps.js.map +1 -1
  37. package/build/commonjs/Card/index.js.map +1 -1
  38. package/build/commonjs/CardActions/CardActions.js +1 -1
  39. package/build/commonjs/CardActions/CardActions.js.map +1 -1
  40. package/build/commonjs/CardActions/CardActionsProps.js.map +1 -1
  41. package/build/commonjs/CardActions/index.js.map +1 -1
  42. package/build/commonjs/CardContent/CardContent.js +1 -1
  43. package/build/commonjs/CardContent/CardContent.js.map +1 -1
  44. package/build/commonjs/CardContent/CardContentProps.js.map +1 -1
  45. package/build/commonjs/CardContent/index.js.map +1 -1
  46. package/build/commonjs/CardMedia/CardMedia.js +1 -1
  47. package/build/commonjs/CardMedia/CardMedia.js.map +1 -1
  48. package/build/commonjs/CardMedia/CardMediaProps.js.map +1 -1
  49. package/build/commonjs/CardMedia/index.js.map +1 -1
  50. package/build/commonjs/Checkbox/Checkbox.js +1 -1
  51. package/build/commonjs/Checkbox/Checkbox.js.map +1 -1
  52. package/build/commonjs/Checkbox/CheckboxProps.js.map +1 -1
  53. package/build/commonjs/Checkbox/index.js.map +1 -1
  54. package/build/commonjs/Chip/Chip.js +3 -1
  55. package/build/commonjs/Chip/Chip.js.map +1 -1
  56. package/build/commonjs/Chip/ChipProps.js.map +1 -1
  57. package/build/commonjs/Chip/index.js.map +1 -1
  58. package/build/commonjs/CircularProgress/CircularProgress.js +25 -27
  59. package/build/commonjs/CircularProgress/CircularProgress.js.map +1 -1
  60. package/build/commonjs/CircularProgress/index.js.map +1 -1
  61. package/build/commonjs/Column/Column.js.map +1 -1
  62. package/build/commonjs/Column/ColumnProps.js.map +1 -1
  63. package/build/commonjs/Column/index.js.map +1 -1
  64. package/build/commonjs/Dialog/Dialog.js +1 -1
  65. package/build/commonjs/Dialog/Dialog.js.map +1 -1
  66. package/build/commonjs/Dialog/DialogProps.js.map +1 -1
  67. package/build/commonjs/Dialog/index.js.map +1 -1
  68. package/build/commonjs/DialogActions/DialogActions.js +1 -1
  69. package/build/commonjs/DialogActions/DialogActions.js.map +1 -1
  70. package/build/commonjs/DialogActions/DialogActionsProps.js.map +1 -1
  71. package/build/commonjs/DialogActions/index.js.map +1 -1
  72. package/build/commonjs/DialogContent/DialogContent.js +1 -1
  73. package/build/commonjs/DialogContent/DialogContent.js.map +1 -1
  74. package/build/commonjs/DialogContent/DialogContentProps.js.map +1 -1
  75. package/build/commonjs/DialogContent/index.js.map +1 -1
  76. package/build/commonjs/DialogMedia/DialogMedia.js +1 -1
  77. package/build/commonjs/DialogMedia/DialogMedia.js.map +1 -1
  78. package/build/commonjs/DialogMedia/DialogMediaProps.js.map +1 -1
  79. package/build/commonjs/DialogMedia/index.js.map +1 -1
  80. package/build/commonjs/DialogTitle/DialogTitle.js +1 -1
  81. package/build/commonjs/DialogTitle/DialogTitle.js.map +1 -1
  82. package/build/commonjs/DialogTitle/DialogTitleProps.js.map +1 -1
  83. package/build/commonjs/DialogTitle/index.js.map +1 -1
  84. package/build/commonjs/Divider/Divider.js +1 -1
  85. package/build/commonjs/Divider/Divider.js.map +1 -1
  86. package/build/commonjs/Divider/DividerProps.js.map +1 -1
  87. package/build/commonjs/Divider/index.js.map +1 -1
  88. package/build/commonjs/Fab/Fab.js +1 -1
  89. package/build/commonjs/Fab/Fab.js.map +1 -1
  90. package/build/commonjs/Fab/FabProps.js.map +1 -1
  91. package/build/commonjs/Fab/index.js.map +1 -1
  92. package/build/commonjs/Flexbox/Flexbox.js +1 -1
  93. package/build/commonjs/Flexbox/Flexbox.js.map +1 -1
  94. package/build/commonjs/Flexbox/FlexboxProps.js.map +1 -1
  95. package/build/commonjs/Flexbox/index.js.map +1 -1
  96. package/build/commonjs/IconButton/IconButton.js +1 -1
  97. package/build/commonjs/IconButton/IconButton.js.map +1 -1
  98. package/build/commonjs/IconButton/IconButtonProps.js.map +1 -1
  99. package/build/commonjs/IconButton/index.js.map +1 -1
  100. package/build/commonjs/Image/Image.js +6 -2
  101. package/build/commonjs/Image/Image.js.map +1 -1
  102. package/build/commonjs/Image/ImageProps.js.map +1 -1
  103. package/build/commonjs/Image/index.js.map +1 -1
  104. package/build/commonjs/ImageCore/ImageCoreNative.js +34 -26
  105. package/build/commonjs/ImageCore/ImageCoreNative.js.map +1 -1
  106. package/build/commonjs/ImageCore/ImageCoreProps.js.map +1 -1
  107. package/build/commonjs/ImageCore/ImageCoreWeb.js.map +1 -1
  108. package/build/commonjs/ImageCore/ImageFileExtensionContext.js +18 -0
  109. package/build/commonjs/ImageCore/ImageFileExtensionContext.js.map +1 -0
  110. package/build/commonjs/ImageCore/ImageFileExtensionProvider.js +42 -0
  111. package/build/commonjs/ImageCore/ImageFileExtensionProvider.js.map +1 -0
  112. package/build/commonjs/ImageCore/index.js +27 -1
  113. package/build/commonjs/ImageCore/index.js.map +1 -1
  114. package/build/commonjs/ImageCore/index.native.js +27 -0
  115. package/build/commonjs/ImageCore/index.native.js.map +1 -1
  116. package/build/commonjs/Link/Link.js +5 -4
  117. package/build/commonjs/Link/Link.js.map +1 -1
  118. package/build/commonjs/Link/LinkProps.js.map +1 -1
  119. package/build/commonjs/Link/index.js.map +1 -1
  120. package/build/commonjs/List/List.js +1 -1
  121. package/build/commonjs/List/List.js.map +1 -1
  122. package/build/commonjs/List/ListProps.js.map +1 -1
  123. package/build/commonjs/List/index.js.map +1 -1
  124. package/build/commonjs/ListItem/ListItem.js +1 -1
  125. package/build/commonjs/ListItem/ListItem.js.map +1 -1
  126. package/build/commonjs/ListItem/ListItemProps.js.map +1 -1
  127. package/build/commonjs/ListItem/index.js.map +1 -1
  128. package/build/commonjs/ListItemIcon/ListItemIcon.js +1 -1
  129. package/build/commonjs/ListItemIcon/ListItemIcon.js.map +1 -1
  130. package/build/commonjs/ListItemIcon/ListItemIconProps.js.map +1 -1
  131. package/build/commonjs/ListItemIcon/index.js.map +1 -1
  132. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  133. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
  134. package/build/commonjs/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map +1 -1
  135. package/build/commonjs/ListItemSecondaryAction/index.js.map +1 -1
  136. package/build/commonjs/ListItemText/ListItemText.js +1 -1
  137. package/build/commonjs/ListItemText/ListItemText.js.map +1 -1
  138. package/build/commonjs/ListItemText/ListItemTextProps.js.map +1 -1
  139. package/build/commonjs/ListItemText/index.js.map +1 -1
  140. package/build/commonjs/ListSubheader/ListSubheader.js +1 -1
  141. package/build/commonjs/ListSubheader/ListSubheader.js.map +1 -1
  142. package/build/commonjs/ListSubheader/ListSubheaderProps.js.map +1 -1
  143. package/build/commonjs/ListSubheader/index.js.map +1 -1
  144. package/build/commonjs/Menu/Menu.js.map +1 -1
  145. package/build/commonjs/Menu/MenuProps.js.map +1 -1
  146. package/build/commonjs/Menu/index.js.map +1 -1
  147. package/build/commonjs/MenuItem/MenuItem.js.map +1 -1
  148. package/build/commonjs/MenuItem/MenuItemProps.js.map +1 -1
  149. package/build/commonjs/MenuItem/index.js.map +1 -1
  150. package/build/commonjs/Modal/Modal.js +2 -2
  151. package/build/commonjs/Modal/Modal.js.map +1 -1
  152. package/build/commonjs/Modal/ModalProps.js.map +1 -1
  153. package/build/commonjs/Modal/SimpleBackdrop.js +1 -1
  154. package/build/commonjs/Modal/SimpleBackdrop.js.map +1 -1
  155. package/build/commonjs/Modal/SimpleBackdropProps.js.map +1 -1
  156. package/build/commonjs/Modal/index.js +4 -4
  157. package/build/commonjs/Modal/index.js.map +1 -1
  158. package/build/commonjs/Pagination/Pagination.js +10 -7
  159. package/build/commonjs/Pagination/Pagination.js.map +1 -1
  160. package/build/commonjs/Pagination/PaginationProps.js.map +1 -1
  161. package/build/commonjs/Pagination/index.js.map +1 -1
  162. package/build/commonjs/PaginationItem/PaginationItem.js +1 -1
  163. package/build/commonjs/PaginationItem/PaginationItem.js.map +1 -1
  164. package/build/commonjs/PaginationItem/PaginationItemProps.js.map +1 -1
  165. package/build/commonjs/PaginationItem/index.js.map +1 -1
  166. package/build/commonjs/Paper/Paper.js +12 -4
  167. package/build/commonjs/Paper/Paper.js.map +1 -1
  168. package/build/commonjs/Paper/PaperProps.js.map +1 -1
  169. package/build/commonjs/Paper/PaperStylesProvider.js +14 -0
  170. package/build/commonjs/Paper/PaperStylesProvider.js.map +1 -0
  171. package/build/commonjs/Paper/index.js.map +1 -1
  172. package/build/commonjs/Paper/usePaperStyles.js +17 -0
  173. package/build/commonjs/Paper/usePaperStyles.js.map +1 -0
  174. package/build/commonjs/Portal/Portal.js.map +1 -1
  175. package/build/commonjs/Portal/PortalConsumer.js +2 -2
  176. package/build/commonjs/Portal/PortalConsumer.js.map +1 -1
  177. package/build/commonjs/Portal/PortalHost.js +2 -2
  178. package/build/commonjs/Portal/PortalHost.js.map +1 -1
  179. package/build/commonjs/Portal/PortalManager.js +11 -8
  180. package/build/commonjs/Portal/PortalManager.js.map +1 -1
  181. package/build/commonjs/Portal/PortalProps.js.map +1 -1
  182. package/build/commonjs/Portal/index.js.map +1 -1
  183. package/build/commonjs/Pressable/index.js.map +1 -1
  184. package/build/commonjs/Radio/Radio.js +3 -8
  185. package/build/commonjs/Radio/Radio.js.map +1 -1
  186. package/build/commonjs/Radio/RadioProps.js.map +1 -1
  187. package/build/commonjs/Radio/index.js.map +1 -1
  188. package/build/commonjs/RadioGroup/RadioContextProvider.js.map +1 -1
  189. package/build/commonjs/RadioGroup/RadioGroup.js.map +1 -1
  190. package/build/commonjs/RadioGroup/RadioGroupProps.js.map +1 -1
  191. package/build/commonjs/RadioGroup/index.js.map +1 -1
  192. package/build/commonjs/Row/Row.js.map +1 -1
  193. package/build/commonjs/Row/RowProps.js.map +1 -1
  194. package/build/commonjs/Row/index.js.map +1 -1
  195. package/build/commonjs/Slide/Slide.js +16 -20
  196. package/build/commonjs/Slide/Slide.js.map +1 -1
  197. package/build/commonjs/Slide/SlideProps.js.map +1 -1
  198. package/build/commonjs/Slide/index.js.map +1 -1
  199. package/build/commonjs/Slider/Slider.js +1 -1
  200. package/build/commonjs/Slider/Slider.js.map +1 -1
  201. package/build/commonjs/Slider/SliderProps.js.map +1 -1
  202. package/build/commonjs/Slider/index.js.map +1 -1
  203. package/build/commonjs/Snackbar/Snackbar.js +1 -1
  204. package/build/commonjs/Snackbar/Snackbar.js.map +1 -1
  205. package/build/commonjs/Snackbar/SnackbarProps.js.map +1 -1
  206. package/build/commonjs/Snackbar/index.js.map +1 -1
  207. package/build/commonjs/SnackbarContent/SnackbarContent.js +1 -1
  208. package/build/commonjs/SnackbarContent/SnackbarContent.js.map +1 -1
  209. package/build/commonjs/SnackbarContent/SnackbarContentProps.js.map +1 -1
  210. package/build/commonjs/SnackbarContent/index.js.map +1 -1
  211. package/build/commonjs/Spacer/Spacer.js +1 -1
  212. package/build/commonjs/Spacer/Spacer.js.map +1 -1
  213. package/build/commonjs/Spacer/SpacerProps.js.map +1 -1
  214. package/build/commonjs/Spacer/index.js.map +1 -1
  215. package/build/commonjs/SvgIcon/SvgIcon.js +1 -1
  216. package/build/commonjs/SvgIcon/SvgIcon.js.map +1 -1
  217. package/build/commonjs/SvgIcon/SvgIconProps.js.map +1 -1
  218. package/build/commonjs/SvgIcon/index.js.map +1 -1
  219. package/build/commonjs/Switch/Switch.js +1 -1
  220. package/build/commonjs/Switch/Switch.js.map +1 -1
  221. package/build/commonjs/Switch/SwitchProps.js.map +1 -1
  222. package/build/commonjs/Switch/index.js.map +1 -1
  223. package/build/commonjs/Tab/Tab.js +10 -6
  224. package/build/commonjs/Tab/Tab.js.map +1 -1
  225. package/build/commonjs/Tab/TabIndicator.js.map +1 -1
  226. package/build/commonjs/Tab/TabProps.js.map +1 -1
  227. package/build/commonjs/Tab/index.js.map +1 -1
  228. package/build/commonjs/TabBase/TabBase.js +1 -1
  229. package/build/commonjs/TabBase/TabBase.js.map +1 -1
  230. package/build/commonjs/TabBase/TabBaseProps.js.map +1 -1
  231. package/build/commonjs/TabBase/index.js.map +1 -1
  232. package/build/commonjs/Tabs/IndexAwareTab.js +35 -0
  233. package/build/commonjs/Tabs/IndexAwareTab.js.map +1 -0
  234. package/build/commonjs/Tabs/InternalContext.js +17 -0
  235. package/build/commonjs/Tabs/InternalContext.js.map +1 -0
  236. package/build/commonjs/Tabs/ScrollableTabsView.js +35 -0
  237. package/build/commonjs/Tabs/ScrollableTabsView.js.map +1 -0
  238. package/build/commonjs/Tabs/TabCoordinate.js.map +1 -1
  239. package/build/commonjs/Tabs/TabIndicator.js +69 -28
  240. package/build/commonjs/Tabs/TabIndicator.js.map +1 -1
  241. package/build/commonjs/Tabs/TabIndicatorProps.js.map +1 -1
  242. package/build/commonjs/Tabs/Tabs.js +64 -82
  243. package/build/commonjs/Tabs/Tabs.js.map +1 -1
  244. package/build/commonjs/Tabs/TabsProps.js.map +1 -1
  245. package/build/commonjs/Tabs/index.js.map +1 -1
  246. package/build/commonjs/Tabs/types.js +2 -0
  247. package/build/commonjs/Tabs/types.js.map +1 -0
  248. package/build/commonjs/Tabs/useIndexStore.js +35 -0
  249. package/build/commonjs/Tabs/useIndexStore.js.map +1 -0
  250. package/build/commonjs/Tabs/useScrollViewReaction.js +69 -0
  251. package/build/commonjs/Tabs/useScrollViewReaction.js.map +1 -0
  252. package/build/commonjs/Tabs/useTabCoordinates.js +30 -0
  253. package/build/commonjs/Tabs/useTabCoordinates.js.map +1 -0
  254. package/build/commonjs/Tabs/utils.js +19 -0
  255. package/build/commonjs/Tabs/utils.js.map +1 -0
  256. package/build/commonjs/TextField/InputLabel.js +11 -7
  257. package/build/commonjs/TextField/InputLabel.js.map +1 -1
  258. package/build/commonjs/TextField/OutlinedTextField.js +1 -2
  259. package/build/commonjs/TextField/OutlinedTextField.js.map +1 -1
  260. package/build/commonjs/TextField/TextField.js +6 -6
  261. package/build/commonjs/TextField/TextField.js.map +1 -1
  262. package/build/commonjs/TextField/TextFieldProps.js.map +1 -1
  263. package/build/commonjs/TextField/index.js.map +1 -1
  264. package/build/commonjs/TextField/utils.js +1 -1
  265. package/build/commonjs/TextField/utils.js.map +1 -1
  266. package/build/commonjs/Toolbar/Toolbar.js +1 -1
  267. package/build/commonjs/Toolbar/Toolbar.js.map +1 -1
  268. package/build/commonjs/Toolbar/ToolbarProps.js.map +1 -1
  269. package/build/commonjs/Toolbar/index.js.map +1 -1
  270. package/build/commonjs/Tooltip/Tooltip.js +22 -24
  271. package/build/commonjs/Tooltip/Tooltip.js.map +1 -1
  272. package/build/commonjs/Tooltip/TooltipProps.js.map +1 -1
  273. package/build/commonjs/Tooltip/UpArrow.js +6 -5
  274. package/build/commonjs/Tooltip/UpArrow.js.map +1 -1
  275. package/build/commonjs/Tooltip/UpArrowProps.js.map +1 -1
  276. package/build/commonjs/Tooltip/index.js.map +1 -1
  277. package/build/commonjs/Typography/Typography.js +2 -0
  278. package/build/commonjs/Typography/Typography.js.map +1 -1
  279. package/build/commonjs/Typography/TypographyProps.js.map +1 -1
  280. package/build/commonjs/Typography/index.js.map +1 -1
  281. package/build/commonjs/animated/AnimatedAppBar.js.map +1 -1
  282. package/build/commonjs/animated/AnimatedFlatList.js.map +1 -1
  283. package/build/commonjs/animated/AnimatedPressable.js +2 -3
  284. package/build/commonjs/animated/AnimatedPressable.js.map +1 -1
  285. package/build/commonjs/animated/AnimatedTypography.js.map +1 -1
  286. package/build/commonjs/animated/index.js.map +1 -1
  287. package/build/commonjs/hooks/index.js +24 -0
  288. package/build/commonjs/hooks/index.js.map +1 -1
  289. package/build/commonjs/hooks/useAnimatedValue.js +31 -0
  290. package/build/commonjs/hooks/useAnimatedValue.js.map +1 -0
  291. package/build/commonjs/hooks/useAppbarStyles.js.map +1 -1
  292. package/build/commonjs/hooks/useBreakpointUp.js.map +1 -1
  293. package/build/commonjs/hooks/useCollapsibleAppBar.js +60 -63
  294. package/build/commonjs/hooks/useCollapsibleAppBar.js.map +1 -1
  295. package/build/commonjs/hooks/useContentContainerStyle.js +2 -1
  296. package/build/commonjs/hooks/useContentContainerStyle.js.map +1 -1
  297. package/build/commonjs/hooks/useElevationStyle.js.map +1 -1
  298. package/build/commonjs/hooks/useFadeInAppBar.js +45 -35
  299. package/build/commonjs/hooks/useFadeInAppBar.js.map +1 -1
  300. package/build/commonjs/hooks/useImperativeState.js +26 -0
  301. package/build/commonjs/hooks/useImperativeState.js.map +1 -0
  302. package/build/commonjs/hooks/useSyncAnimatedValue.js +40 -0
  303. package/build/commonjs/hooks/useSyncAnimatedValue.js.map +1 -0
  304. package/build/commonjs/hooks/useThrottle.js +4 -8
  305. package/build/commonjs/hooks/useThrottle.js.map +1 -1
  306. package/build/commonjs/hooks/useValidWindowDimensions/index.ios.js +14 -7
  307. package/build/commonjs/hooks/useValidWindowDimensions/index.ios.js.map +1 -1
  308. package/build/commonjs/hooks/useValidWindowDimensions/index.js.map +1 -1
  309. package/build/commonjs/index.js +34 -6
  310. package/build/commonjs/index.js.map +1 -1
  311. package/build/commonjs/internal/hooks/index.js +0 -8
  312. package/build/commonjs/internal/hooks/index.js.map +1 -1
  313. package/build/commonjs/internal/hooks/useHeight.js +6 -9
  314. package/build/commonjs/internal/hooks/useHeight.js.map +1 -1
  315. package/build/commonjs/internal/icons/Checkbox.js.map +1 -1
  316. package/build/commonjs/internal/icons/CheckboxChecked.js +3 -8
  317. package/build/commonjs/internal/icons/CheckboxChecked.js.map +1 -1
  318. package/build/commonjs/internal/icons/ChevronDown.js.map +1 -1
  319. package/build/commonjs/internal/icons/ChevronLeft.js.map +1 -1
  320. package/build/commonjs/internal/icons/ChevronRight.js.map +1 -1
  321. package/build/commonjs/internal/icons/CircularProgress.js.map +1 -1
  322. package/build/commonjs/internal/icons/Close.js.map +1 -1
  323. package/build/commonjs/internal/icons/Radio.js.map +1 -1
  324. package/build/commonjs/internal/icons/RadioChecked.js.map +1 -1
  325. package/build/commonjs/internal/icons/index.js.map +1 -1
  326. package/build/commonjs/internal/index.js.map +1 -1
  327. package/build/commonjs/store/MockStore.js +27 -0
  328. package/build/commonjs/store/MockStore.js.map +1 -0
  329. package/build/commonjs/store/SimpleStore.js +59 -0
  330. package/build/commonjs/store/SimpleStore.js.map +1 -0
  331. package/build/commonjs/store/index.js +24 -0
  332. package/build/commonjs/store/index.js.map +1 -0
  333. package/build/commonjs/store/types.js +2 -0
  334. package/build/commonjs/store/types.js.map +1 -0
  335. package/build/commonjs/styles/EdgeInsets.js +9 -6
  336. package/build/commonjs/styles/EdgeInsets.js.map +1 -1
  337. package/build/commonjs/styles/PredefinedStyles.js.map +1 -1
  338. package/build/commonjs/styles/StyleSheet.js.map +1 -1
  339. package/build/commonjs/styles/ThemeProvider.js.map +1 -1
  340. package/build/commonjs/styles/createFontStyle.js +2 -2
  341. package/build/commonjs/styles/createFontStyle.js.map +1 -1
  342. package/build/commonjs/styles/index.js +14 -14
  343. package/build/commonjs/styles/index.js.map +1 -1
  344. package/build/commonjs/styles/styled.js +4 -4
  345. package/build/commonjs/styles/styled.js.map +1 -1
  346. package/build/commonjs/styles/useTheme.js.map +1 -1
  347. package/build/commonjs/types/index.js.map +1 -1
  348. package/build/commonjs/utils/cloneElementSafely.js.map +1 -1
  349. package/build/commonjs/utils/createSvgIcon.js.map +1 -1
  350. package/build/commonjs/utils/index.js.map +1 -1
  351. package/build/module/Accordion/Accordion.js +6 -6
  352. package/build/module/Accordion/Accordion.js.map +1 -1
  353. package/build/module/Accordion/AccordionProps.js.map +1 -1
  354. package/build/module/Accordion/index.js.map +1 -1
  355. package/build/module/AppBar/AppBar.js +9 -14
  356. package/build/module/AppBar/AppBar.js.map +1 -1
  357. package/build/module/AppBar/AppBarProps.js.map +1 -1
  358. package/build/module/AppBar/index.js.map +1 -1
  359. package/build/module/AspectRatio/AspectRatioNative.js +1 -1
  360. package/build/module/AspectRatio/AspectRatioNative.js.map +1 -1
  361. package/build/module/AspectRatio/AspectRatioProps.js.map +1 -1
  362. package/build/module/AspectRatio/AspectRatioWeb.js +1 -1
  363. package/build/module/AspectRatio/AspectRatioWeb.js.map +1 -1
  364. package/build/module/AspectRatio/index.js.map +1 -1
  365. package/build/module/AspectRatio/index.native.js.map +1 -1
  366. package/build/module/AspectRatio/utils.js.map +1 -1
  367. package/build/module/Avatar/Avatar.js.map +1 -1
  368. package/build/module/Avatar/AvatarProps.js.map +1 -1
  369. package/build/module/Avatar/index.js.map +1 -1
  370. package/build/module/Badge/Badge.js +1 -1
  371. package/build/module/Badge/Badge.js.map +1 -1
  372. package/build/module/Badge/BadgeProps.js.map +1 -1
  373. package/build/module/Badge/index.js.map +1 -1
  374. package/build/module/Button/Button.js +1 -1
  375. package/build/module/Button/Button.js.map +1 -1
  376. package/build/module/Button/ButtonProps.js.map +1 -1
  377. package/build/module/Button/index.js.map +1 -1
  378. package/build/module/ButtonBase/ButtonBase.js +62 -51
  379. package/build/module/ButtonBase/ButtonBase.js.map +1 -1
  380. package/build/module/ButtonBase/ButtonBaseProps.js.map +1 -1
  381. package/build/module/ButtonBase/index.js.map +1 -1
  382. package/build/module/Card/Card.js +1 -1
  383. package/build/module/Card/Card.js.map +1 -1
  384. package/build/module/Card/CardProps.js.map +1 -1
  385. package/build/module/Card/index.js.map +1 -1
  386. package/build/module/CardActions/CardActions.js +1 -1
  387. package/build/module/CardActions/CardActions.js.map +1 -1
  388. package/build/module/CardActions/CardActionsProps.js.map +1 -1
  389. package/build/module/CardActions/index.js.map +1 -1
  390. package/build/module/CardContent/CardContent.js +1 -1
  391. package/build/module/CardContent/CardContent.js.map +1 -1
  392. package/build/module/CardContent/CardContentProps.js.map +1 -1
  393. package/build/module/CardContent/index.js.map +1 -1
  394. package/build/module/CardMedia/CardMedia.js +1 -1
  395. package/build/module/CardMedia/CardMedia.js.map +1 -1
  396. package/build/module/CardMedia/CardMediaProps.js.map +1 -1
  397. package/build/module/CardMedia/index.js.map +1 -1
  398. package/build/module/Checkbox/Checkbox.js +1 -1
  399. package/build/module/Checkbox/Checkbox.js.map +1 -1
  400. package/build/module/Checkbox/CheckboxProps.js.map +1 -1
  401. package/build/module/Checkbox/index.js.map +1 -1
  402. package/build/module/Chip/Chip.js +3 -1
  403. package/build/module/Chip/Chip.js.map +1 -1
  404. package/build/module/Chip/ChipProps.js.map +1 -1
  405. package/build/module/Chip/index.js.map +1 -1
  406. package/build/module/CircularProgress/CircularProgress.js +24 -20
  407. package/build/module/CircularProgress/CircularProgress.js.map +1 -1
  408. package/build/module/CircularProgress/index.js.map +1 -1
  409. package/build/module/Column/Column.js.map +1 -1
  410. package/build/module/Column/ColumnProps.js.map +1 -1
  411. package/build/module/Column/index.js.map +1 -1
  412. package/build/module/Dialog/Dialog.js +1 -1
  413. package/build/module/Dialog/Dialog.js.map +1 -1
  414. package/build/module/Dialog/DialogProps.js.map +1 -1
  415. package/build/module/Dialog/index.js.map +1 -1
  416. package/build/module/DialogActions/DialogActions.js +1 -1
  417. package/build/module/DialogActions/DialogActions.js.map +1 -1
  418. package/build/module/DialogActions/DialogActionsProps.js.map +1 -1
  419. package/build/module/DialogActions/index.js.map +1 -1
  420. package/build/module/DialogContent/DialogContent.js +1 -1
  421. package/build/module/DialogContent/DialogContent.js.map +1 -1
  422. package/build/module/DialogContent/DialogContentProps.js.map +1 -1
  423. package/build/module/DialogContent/index.js.map +1 -1
  424. package/build/module/DialogMedia/DialogMedia.js +1 -1
  425. package/build/module/DialogMedia/DialogMedia.js.map +1 -1
  426. package/build/module/DialogMedia/DialogMediaProps.js.map +1 -1
  427. package/build/module/DialogMedia/index.js.map +1 -1
  428. package/build/module/DialogTitle/DialogTitle.js +1 -1
  429. package/build/module/DialogTitle/DialogTitle.js.map +1 -1
  430. package/build/module/DialogTitle/DialogTitleProps.js.map +1 -1
  431. package/build/module/DialogTitle/index.js.map +1 -1
  432. package/build/module/Divider/Divider.js +1 -1
  433. package/build/module/Divider/Divider.js.map +1 -1
  434. package/build/module/Divider/DividerProps.js.map +1 -1
  435. package/build/module/Divider/index.js.map +1 -1
  436. package/build/module/Fab/Fab.js +1 -1
  437. package/build/module/Fab/Fab.js.map +1 -1
  438. package/build/module/Fab/FabProps.js.map +1 -1
  439. package/build/module/Fab/index.js.map +1 -1
  440. package/build/module/Flexbox/Flexbox.js +1 -1
  441. package/build/module/Flexbox/Flexbox.js.map +1 -1
  442. package/build/module/Flexbox/FlexboxProps.js.map +1 -1
  443. package/build/module/Flexbox/index.js.map +1 -1
  444. package/build/module/IconButton/IconButton.js +1 -1
  445. package/build/module/IconButton/IconButton.js.map +1 -1
  446. package/build/module/IconButton/IconButtonProps.js.map +1 -1
  447. package/build/module/IconButton/index.js.map +1 -1
  448. package/build/module/Image/Image.js +6 -2
  449. package/build/module/Image/Image.js.map +1 -1
  450. package/build/module/Image/ImageProps.js.map +1 -1
  451. package/build/module/Image/index.js.map +1 -1
  452. package/build/module/ImageCore/ImageCoreNative.js +28 -25
  453. package/build/module/ImageCore/ImageCoreNative.js.map +1 -1
  454. package/build/module/ImageCore/ImageCoreProps.js.map +1 -1
  455. package/build/module/ImageCore/ImageCoreWeb.js.map +1 -1
  456. package/build/module/ImageCore/ImageFileExtensionContext.js +5 -0
  457. package/build/module/ImageCore/ImageFileExtensionContext.js.map +1 -0
  458. package/build/module/ImageCore/ImageFileExtensionProvider.js +24 -0
  459. package/build/module/ImageCore/ImageFileExtensionProvider.js.map +1 -0
  460. package/build/module/ImageCore/index.js +2 -0
  461. package/build/module/ImageCore/index.js.map +1 -1
  462. package/build/module/ImageCore/index.native.js +2 -0
  463. package/build/module/ImageCore/index.native.js.map +1 -1
  464. package/build/module/Link/Link.js +5 -4
  465. package/build/module/Link/Link.js.map +1 -1
  466. package/build/module/Link/LinkProps.js.map +1 -1
  467. package/build/module/Link/index.js.map +1 -1
  468. package/build/module/List/List.js +1 -1
  469. package/build/module/List/List.js.map +1 -1
  470. package/build/module/List/ListProps.js.map +1 -1
  471. package/build/module/List/index.js.map +1 -1
  472. package/build/module/ListItem/ListItem.js +1 -1
  473. package/build/module/ListItem/ListItem.js.map +1 -1
  474. package/build/module/ListItem/ListItemProps.js.map +1 -1
  475. package/build/module/ListItem/index.js.map +1 -1
  476. package/build/module/ListItemIcon/ListItemIcon.js +1 -1
  477. package/build/module/ListItemIcon/ListItemIcon.js.map +1 -1
  478. package/build/module/ListItemIcon/ListItemIconProps.js.map +1 -1
  479. package/build/module/ListItemIcon/index.js.map +1 -1
  480. package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js +1 -1
  481. package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js.map +1 -1
  482. package/build/module/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map +1 -1
  483. package/build/module/ListItemSecondaryAction/index.js.map +1 -1
  484. package/build/module/ListItemText/ListItemText.js +1 -1
  485. package/build/module/ListItemText/ListItemText.js.map +1 -1
  486. package/build/module/ListItemText/ListItemTextProps.js.map +1 -1
  487. package/build/module/ListItemText/index.js.map +1 -1
  488. package/build/module/ListSubheader/ListSubheader.js +1 -1
  489. package/build/module/ListSubheader/ListSubheader.js.map +1 -1
  490. package/build/module/ListSubheader/ListSubheaderProps.js.map +1 -1
  491. package/build/module/ListSubheader/index.js.map +1 -1
  492. package/build/module/Menu/Menu.js.map +1 -1
  493. package/build/module/Menu/MenuProps.js.map +1 -1
  494. package/build/module/Menu/index.js.map +1 -1
  495. package/build/module/MenuItem/MenuItem.js.map +1 -1
  496. package/build/module/MenuItem/MenuItemProps.js.map +1 -1
  497. package/build/module/MenuItem/index.js.map +1 -1
  498. package/build/module/Modal/Modal.js +1 -1
  499. package/build/module/Modal/Modal.js.map +1 -1
  500. package/build/module/Modal/ModalProps.js.map +1 -1
  501. package/build/module/Modal/SimpleBackdrop.js +1 -1
  502. package/build/module/Modal/SimpleBackdrop.js.map +1 -1
  503. package/build/module/Modal/SimpleBackdropProps.js.map +1 -1
  504. package/build/module/Modal/index.js.map +1 -1
  505. package/build/module/Pagination/Pagination.js +10 -7
  506. package/build/module/Pagination/Pagination.js.map +1 -1
  507. package/build/module/Pagination/PaginationProps.js.map +1 -1
  508. package/build/module/Pagination/index.js.map +1 -1
  509. package/build/module/PaginationItem/PaginationItem.js +1 -1
  510. package/build/module/PaginationItem/PaginationItem.js.map +1 -1
  511. package/build/module/PaginationItem/PaginationItemProps.js.map +1 -1
  512. package/build/module/PaginationItem/index.js.map +1 -1
  513. package/build/module/Paper/Paper.js +11 -4
  514. package/build/module/Paper/Paper.js.map +1 -1
  515. package/build/module/Paper/PaperProps.js.map +1 -1
  516. package/build/module/Paper/PaperStylesProvider.js +4 -0
  517. package/build/module/Paper/PaperStylesProvider.js.map +1 -0
  518. package/build/module/Paper/index.js.map +1 -1
  519. package/build/module/Paper/usePaperStyles.js +7 -0
  520. package/build/module/Paper/usePaperStyles.js.map +1 -0
  521. package/build/module/Portal/Portal.js.map +1 -1
  522. package/build/module/Portal/PortalConsumer.js +2 -2
  523. package/build/module/Portal/PortalConsumer.js.map +1 -1
  524. package/build/module/Portal/PortalHost.js +2 -2
  525. package/build/module/Portal/PortalHost.js.map +1 -1
  526. package/build/module/Portal/PortalManager.js +11 -8
  527. package/build/module/Portal/PortalManager.js.map +1 -1
  528. package/build/module/Portal/PortalProps.js.map +1 -1
  529. package/build/module/Portal/index.js.map +1 -1
  530. package/build/module/Pressable/index.js.map +1 -1
  531. package/build/module/Radio/Radio.js +4 -9
  532. package/build/module/Radio/Radio.js.map +1 -1
  533. package/build/module/Radio/RadioProps.js.map +1 -1
  534. package/build/module/Radio/index.js.map +1 -1
  535. package/build/module/RadioGroup/RadioContextProvider.js.map +1 -1
  536. package/build/module/RadioGroup/RadioGroup.js.map +1 -1
  537. package/build/module/RadioGroup/RadioGroupProps.js.map +1 -1
  538. package/build/module/RadioGroup/index.js.map +1 -1
  539. package/build/module/Row/Row.js.map +1 -1
  540. package/build/module/Row/RowProps.js.map +1 -1
  541. package/build/module/Row/index.js.map +1 -1
  542. package/build/module/Slide/Slide.js +19 -15
  543. package/build/module/Slide/Slide.js.map +1 -1
  544. package/build/module/Slide/SlideProps.js.map +1 -1
  545. package/build/module/Slide/index.js.map +1 -1
  546. package/build/module/Slider/Slider.js +1 -1
  547. package/build/module/Slider/Slider.js.map +1 -1
  548. package/build/module/Slider/SliderProps.js.map +1 -1
  549. package/build/module/Slider/index.js.map +1 -1
  550. package/build/module/Snackbar/Snackbar.js +1 -1
  551. package/build/module/Snackbar/Snackbar.js.map +1 -1
  552. package/build/module/Snackbar/SnackbarProps.js.map +1 -1
  553. package/build/module/Snackbar/index.js.map +1 -1
  554. package/build/module/SnackbarContent/SnackbarContent.js +1 -1
  555. package/build/module/SnackbarContent/SnackbarContent.js.map +1 -1
  556. package/build/module/SnackbarContent/SnackbarContentProps.js.map +1 -1
  557. package/build/module/SnackbarContent/index.js.map +1 -1
  558. package/build/module/Spacer/Spacer.js +1 -1
  559. package/build/module/Spacer/Spacer.js.map +1 -1
  560. package/build/module/Spacer/SpacerProps.js.map +1 -1
  561. package/build/module/Spacer/index.js.map +1 -1
  562. package/build/module/SvgIcon/SvgIcon.js +1 -1
  563. package/build/module/SvgIcon/SvgIcon.js.map +1 -1
  564. package/build/module/SvgIcon/SvgIconProps.js.map +1 -1
  565. package/build/module/SvgIcon/index.js.map +1 -1
  566. package/build/module/Switch/Switch.js +1 -1
  567. package/build/module/Switch/Switch.js.map +1 -1
  568. package/build/module/Switch/SwitchProps.js.map +1 -1
  569. package/build/module/Switch/index.js.map +1 -1
  570. package/build/module/Tab/Tab.js +6 -6
  571. package/build/module/Tab/Tab.js.map +1 -1
  572. package/build/module/Tab/TabIndicator.js.map +1 -1
  573. package/build/module/Tab/TabProps.js.map +1 -1
  574. package/build/module/Tab/index.js.map +1 -1
  575. package/build/module/TabBase/TabBase.js +1 -1
  576. package/build/module/TabBase/TabBase.js.map +1 -1
  577. package/build/module/TabBase/TabBaseProps.js.map +1 -1
  578. package/build/module/TabBase/index.js.map +1 -1
  579. package/build/module/Tabs/IndexAwareTab.js +23 -0
  580. package/build/module/Tabs/IndexAwareTab.js.map +1 -0
  581. package/build/module/Tabs/InternalContext.js +7 -0
  582. package/build/module/Tabs/InternalContext.js.map +1 -0
  583. package/build/module/Tabs/ScrollableTabsView.js +22 -0
  584. package/build/module/Tabs/ScrollableTabsView.js.map +1 -0
  585. package/build/module/Tabs/TabCoordinate.js.map +1 -1
  586. package/build/module/Tabs/TabIndicator.js +62 -25
  587. package/build/module/Tabs/TabIndicator.js.map +1 -1
  588. package/build/module/Tabs/TabIndicatorProps.js.map +1 -1
  589. package/build/module/Tabs/Tabs.js +57 -70
  590. package/build/module/Tabs/Tabs.js.map +1 -1
  591. package/build/module/Tabs/TabsProps.js.map +1 -1
  592. package/build/module/Tabs/index.js.map +1 -1
  593. package/build/module/Tabs/types.js +2 -0
  594. package/build/module/Tabs/types.js.map +1 -0
  595. package/build/module/Tabs/useIndexStore.js +25 -0
  596. package/build/module/Tabs/useIndexStore.js.map +1 -0
  597. package/build/module/Tabs/useScrollViewReaction.js +57 -0
  598. package/build/module/Tabs/useScrollViewReaction.js.map +1 -0
  599. package/build/module/Tabs/useTabCoordinates.js +21 -0
  600. package/build/module/Tabs/useTabCoordinates.js.map +1 -0
  601. package/build/module/Tabs/utils.js +9 -0
  602. package/build/module/Tabs/utils.js.map +1 -0
  603. package/build/module/TextField/InputLabel.js +10 -7
  604. package/build/module/TextField/InputLabel.js.map +1 -1
  605. package/build/module/TextField/OutlinedTextField.js +1 -2
  606. package/build/module/TextField/OutlinedTextField.js.map +1 -1
  607. package/build/module/TextField/TextField.js +4 -3
  608. package/build/module/TextField/TextField.js.map +1 -1
  609. package/build/module/TextField/TextFieldProps.js.map +1 -1
  610. package/build/module/TextField/index.js.map +1 -1
  611. package/build/module/TextField/utils.js.map +1 -1
  612. package/build/module/Toolbar/Toolbar.js +1 -1
  613. package/build/module/Toolbar/Toolbar.js.map +1 -1
  614. package/build/module/Toolbar/ToolbarProps.js.map +1 -1
  615. package/build/module/Toolbar/index.js.map +1 -1
  616. package/build/module/Tooltip/Tooltip.js +17 -17
  617. package/build/module/Tooltip/Tooltip.js.map +1 -1
  618. package/build/module/Tooltip/TooltipProps.js.map +1 -1
  619. package/build/module/Tooltip/UpArrow.js +6 -5
  620. package/build/module/Tooltip/UpArrow.js.map +1 -1
  621. package/build/module/Tooltip/UpArrowProps.js.map +1 -1
  622. package/build/module/Tooltip/index.js.map +1 -1
  623. package/build/module/Typography/Typography.js +2 -0
  624. package/build/module/Typography/Typography.js.map +1 -1
  625. package/build/module/Typography/TypographyProps.js.map +1 -1
  626. package/build/module/Typography/index.js.map +1 -1
  627. package/build/module/animated/AnimatedAppBar.js.map +1 -1
  628. package/build/module/animated/AnimatedFlatList.js.map +1 -1
  629. package/build/module/animated/AnimatedPressable.js +2 -3
  630. package/build/module/animated/AnimatedPressable.js.map +1 -1
  631. package/build/module/animated/AnimatedTypography.js.map +1 -1
  632. package/build/module/animated/index.js.map +1 -1
  633. package/build/module/hooks/index.js +3 -0
  634. package/build/module/hooks/index.js.map +1 -1
  635. package/build/module/hooks/useAnimatedValue.js +22 -0
  636. package/build/module/hooks/useAnimatedValue.js.map +1 -0
  637. package/build/module/hooks/useAppbarStyles.js.map +1 -1
  638. package/build/module/hooks/useBreakpointUp.js.map +1 -1
  639. package/build/module/hooks/useCollapsibleAppBar.js +60 -53
  640. package/build/module/hooks/useCollapsibleAppBar.js.map +1 -1
  641. package/build/module/hooks/useContentContainerStyle.js +2 -1
  642. package/build/module/hooks/useContentContainerStyle.js.map +1 -1
  643. package/build/module/hooks/useElevationStyle.js.map +1 -1
  644. package/build/module/hooks/useFadeInAppBar.js +48 -28
  645. package/build/module/hooks/useFadeInAppBar.js.map +1 -1
  646. package/build/module/hooks/useImperativeState.js +17 -0
  647. package/build/module/hooks/useImperativeState.js.map +1 -0
  648. package/build/module/hooks/useSyncAnimatedValue.js +28 -0
  649. package/build/module/hooks/useSyncAnimatedValue.js.map +1 -0
  650. package/build/module/hooks/useThrottle.js +4 -4
  651. package/build/module/hooks/useThrottle.js.map +1 -1
  652. package/build/module/hooks/useValidWindowDimensions/index.ios.js +15 -9
  653. package/build/module/hooks/useValidWindowDimensions/index.ios.js.map +1 -1
  654. package/build/module/hooks/useValidWindowDimensions/index.js.map +1 -1
  655. package/build/module/index.js +2 -0
  656. package/build/module/index.js.map +1 -1
  657. package/build/module/internal/hooks/index.js +0 -1
  658. package/build/module/internal/hooks/index.js.map +1 -1
  659. package/build/module/internal/hooks/useHeight.js +6 -5
  660. package/build/module/internal/hooks/useHeight.js.map +1 -1
  661. package/build/module/internal/icons/Checkbox.js.map +1 -1
  662. package/build/module/internal/icons/CheckboxChecked.js +3 -8
  663. package/build/module/internal/icons/CheckboxChecked.js.map +1 -1
  664. package/build/module/internal/icons/ChevronDown.js.map +1 -1
  665. package/build/module/internal/icons/ChevronLeft.js.map +1 -1
  666. package/build/module/internal/icons/ChevronRight.js.map +1 -1
  667. package/build/module/internal/icons/CircularProgress.js.map +1 -1
  668. package/build/module/internal/icons/Close.js.map +1 -1
  669. package/build/module/internal/icons/Radio.js.map +1 -1
  670. package/build/module/internal/icons/RadioChecked.js.map +1 -1
  671. package/build/module/internal/icons/index.js.map +1 -1
  672. package/build/module/internal/index.js.map +1 -1
  673. package/build/module/store/MockStore.js +18 -0
  674. package/build/module/store/MockStore.js.map +1 -0
  675. package/build/module/store/SimpleStore.js +50 -0
  676. package/build/module/store/SimpleStore.js.map +1 -0
  677. package/build/module/store/index.js +3 -0
  678. package/build/module/store/index.js.map +1 -0
  679. package/build/module/store/types.js +2 -0
  680. package/build/module/store/types.js.map +1 -0
  681. package/build/module/styles/EdgeInsets.js +9 -6
  682. package/build/module/styles/EdgeInsets.js.map +1 -1
  683. package/build/module/styles/PredefinedStyles.js.map +1 -1
  684. package/build/module/styles/StyleSheet.js.map +1 -1
  685. package/build/module/styles/ThemeProvider.js.map +1 -1
  686. package/build/module/styles/createFontStyle.js +2 -2
  687. package/build/module/styles/createFontStyle.js.map +1 -1
  688. package/build/module/styles/index.js.map +1 -1
  689. package/build/module/styles/styled.js.map +1 -1
  690. package/build/module/styles/useTheme.js.map +1 -1
  691. package/build/module/types/index.js.map +1 -1
  692. package/build/module/utils/cloneElementSafely.js.map +1 -1
  693. package/build/module/utils/createSvgIcon.js.map +1 -1
  694. package/build/module/utils/index.js.map +1 -1
  695. package/build/typescript/Accordion/Accordion.d.ts +0 -1
  696. package/build/typescript/AppBar/AppBarProps.d.ts +1 -1
  697. package/build/typescript/AspectRatio/AspectRatioNative.d.ts +0 -1
  698. package/build/typescript/AspectRatio/AspectRatioWeb.d.ts +0 -1
  699. package/build/typescript/Avatar/Avatar.d.ts +0 -1
  700. package/build/typescript/Badge/Badge.d.ts +0 -1
  701. package/build/typescript/Button/Button.d.ts +0 -1
  702. package/build/typescript/ButtonBase/ButtonBase.d.ts +0 -1
  703. package/build/typescript/Card/Card.d.ts +0 -1
  704. package/build/typescript/CardActions/CardActions.d.ts +0 -1
  705. package/build/typescript/CardContent/CardContent.d.ts +0 -1
  706. package/build/typescript/CardMedia/CardMedia.d.ts +0 -1
  707. package/build/typescript/Checkbox/Checkbox.d.ts +0 -1
  708. package/build/typescript/Chip/Chip.d.ts +0 -1
  709. package/build/typescript/Chip/ChipProps.d.ts +4 -0
  710. package/build/typescript/CircularProgress/CircularProgress.d.ts +2 -3
  711. package/build/typescript/Column/Column.d.ts +0 -1
  712. package/build/typescript/Dialog/Dialog.d.ts +0 -1
  713. package/build/typescript/DialogActions/DialogActions.d.ts +0 -1
  714. package/build/typescript/DialogContent/DialogContent.d.ts +0 -1
  715. package/build/typescript/DialogMedia/DialogMedia.d.ts +0 -1
  716. package/build/typescript/DialogTitle/DialogTitle.d.ts +0 -1
  717. package/build/typescript/Divider/Divider.d.ts +0 -1
  718. package/build/typescript/Fab/Fab.d.ts +0 -1
  719. package/build/typescript/Flexbox/Flexbox.d.ts +0 -1
  720. package/build/typescript/IconButton/IconButton.d.ts +0 -1
  721. package/build/typescript/Image/Image.d.ts +0 -1
  722. package/build/typescript/Image/ImageProps.d.ts +1 -0
  723. package/build/typescript/ImageCore/ImageCoreNative.d.ts +0 -1
  724. package/build/typescript/ImageCore/ImageCoreWeb.d.ts +0 -1
  725. package/build/typescript/ImageCore/ImageFileExtensionContext.d.ts +3 -0
  726. package/build/typescript/ImageCore/ImageFileExtensionProvider.d.ts +13 -0
  727. package/build/typescript/ImageCore/index.d.ts +2 -0
  728. package/build/typescript/ImageCore/index.native.d.ts +2 -0
  729. package/build/typescript/Link/Link.d.ts +0 -1
  730. package/build/typescript/List/List.d.ts +0 -1
  731. package/build/typescript/ListItem/ListItem.d.ts +0 -1
  732. package/build/typescript/ListItemIcon/ListItemIcon.d.ts +0 -1
  733. package/build/typescript/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +0 -1
  734. package/build/typescript/ListItemText/ListItemText.d.ts +0 -1
  735. package/build/typescript/ListSubheader/ListSubheader.d.ts +0 -1
  736. package/build/typescript/Menu/Menu.d.ts +0 -1
  737. package/build/typescript/MenuItem/MenuItem.d.ts +0 -1
  738. package/build/typescript/Modal/Modal.d.ts +0 -1
  739. package/build/typescript/Pagination/Pagination.d.ts +0 -1
  740. package/build/typescript/Paper/PaperProps.d.ts +5 -0
  741. package/build/typescript/Paper/PaperStylesProvider.d.ts +7 -0
  742. package/build/typescript/Paper/usePaperStyles.d.ts +1 -0
  743. package/build/typescript/Portal/Portal.d.ts +0 -1
  744. package/build/typescript/Radio/Radio.d.ts +0 -1
  745. package/build/typescript/RadioGroup/RadioGroup.d.ts +0 -1
  746. package/build/typescript/Row/Row.d.ts +0 -1
  747. package/build/typescript/Slide/Slide.d.ts +0 -1
  748. package/build/typescript/Slider/Slider.d.ts +1 -1
  749. package/build/typescript/Snackbar/Snackbar.d.ts +0 -1
  750. package/build/typescript/SnackbarContent/SnackbarContent.d.ts +0 -1
  751. package/build/typescript/Spacer/Spacer.d.ts +0 -1
  752. package/build/typescript/SvgIcon/SvgIcon.d.ts +0 -1
  753. package/build/typescript/Switch/Switch.d.ts +0 -1
  754. package/build/typescript/Tab/Tab.d.ts +0 -1
  755. package/build/typescript/TabBase/TabBase.d.ts +0 -1
  756. package/build/typescript/Tabs/IndexAwareTab.d.ts +8 -0
  757. package/build/typescript/Tabs/InternalContext.d.ts +7 -0
  758. package/build/typescript/Tabs/ScrollableTabsView.d.ts +7 -0
  759. package/build/typescript/Tabs/TabIndicator.d.ts +0 -1
  760. package/build/typescript/Tabs/TabIndicatorProps.d.ts +4 -5
  761. package/build/typescript/Tabs/Tabs.d.ts +4 -2
  762. package/build/typescript/Tabs/TabsProps.d.ts +12 -12
  763. package/build/typescript/Tabs/index.d.ts +1 -0
  764. package/build/typescript/Tabs/types.d.ts +9 -0
  765. package/build/typescript/Tabs/useIndexStore.d.ts +3 -0
  766. package/build/typescript/Tabs/useScrollViewReaction.d.ts +8 -0
  767. package/build/typescript/Tabs/useTabCoordinates.d.ts +6 -0
  768. package/build/typescript/Tabs/utils.d.ts +3 -0
  769. package/build/typescript/TextField/InputLabel.d.ts +0 -1
  770. package/build/typescript/Toolbar/Toolbar.d.ts +0 -1
  771. package/build/typescript/Tooltip/Tooltip.d.ts +0 -1
  772. package/build/typescript/Typography/TypographyProps.d.ts +5 -0
  773. package/build/typescript/animated/AnimatedPressable.d.ts +2 -2
  774. package/build/typescript/hooks/index.d.ts +3 -0
  775. package/build/typescript/hooks/useAnimatedValue.d.ts +2 -0
  776. package/build/typescript/hooks/useCollapsibleAppBar.d.ts +0 -1
  777. package/build/typescript/hooks/useFadeInAppBar.d.ts +3 -4
  778. package/build/typescript/hooks/useImperativeState.d.ts +6 -0
  779. package/build/typescript/hooks/useSyncAnimatedValue.d.ts +6 -0
  780. package/build/typescript/hooks/useValidWindowDimensions/index.ios.d.ts +2 -1
  781. package/build/typescript/index.d.ts +2 -0
  782. package/build/typescript/internal/hooks/index.d.ts +0 -1
  783. package/build/typescript/internal/icons/Checkbox.d.ts +18 -3
  784. package/build/typescript/internal/icons/CheckboxChecked.d.ts +18 -3
  785. package/build/typescript/internal/icons/ChevronDown.d.ts +18 -3
  786. package/build/typescript/internal/icons/ChevronLeft.d.ts +18 -3
  787. package/build/typescript/internal/icons/ChevronRight.d.ts +18 -3
  788. package/build/typescript/internal/icons/CircularProgress.d.ts +0 -1
  789. package/build/typescript/internal/icons/Close.d.ts +18 -3
  790. package/build/typescript/internal/icons/Radio.d.ts +18 -3
  791. package/build/typescript/internal/icons/RadioChecked.d.ts +18 -3
  792. package/build/typescript/store/MockStore.d.ts +7 -0
  793. package/build/typescript/store/SimpleStore.d.ts +10 -0
  794. package/build/typescript/store/index.d.ts +3 -0
  795. package/build/typescript/store/types.d.ts +10 -0
  796. package/build/typescript/types/index.d.ts +6 -0
  797. package/package.json +6 -6
  798. package/src/Accordion/Accordion.tsx +8 -6
  799. package/src/AppBar/AppBar.tsx +13 -21
  800. package/src/AppBar/AppBarProps.ts +1 -1
  801. package/src/ButtonBase/ButtonBase.tsx +70 -43
  802. package/src/Chip/Chip.tsx +2 -0
  803. package/src/Chip/ChipProps.ts +5 -0
  804. package/src/CircularProgress/CircularProgress.tsx +38 -28
  805. package/src/Image/Image.tsx +7 -1
  806. package/src/Image/ImageProps.ts +2 -0
  807. package/src/ImageCore/ImageCoreNative.tsx +26 -18
  808. package/src/ImageCore/ImageFileExtensionContext.ts +7 -0
  809. package/src/ImageCore/ImageFileExtensionProvider.tsx +32 -0
  810. package/src/ImageCore/index.native.ts +3 -1
  811. package/src/ImageCore/index.ts +4 -1
  812. package/src/Paper/Paper.tsx +14 -8
  813. package/src/Paper/PaperProps.ts +6 -0
  814. package/src/Paper/PaperStylesProvider.tsx +9 -0
  815. package/src/Paper/usePaperStyles.ts +6 -0
  816. package/src/Radio/Radio.tsx +1 -3
  817. package/src/Slide/Slide.tsx +22 -19
  818. package/src/Tab/Tab.tsx +5 -5
  819. package/src/Tabs/IndexAwareTab.tsx +29 -0
  820. package/src/Tabs/InternalContext.ts +13 -0
  821. package/src/Tabs/ScrollableTabsView.tsx +28 -0
  822. package/src/Tabs/TabIndicator.tsx +56 -23
  823. package/src/Tabs/TabIndicatorProps.ts +4 -5
  824. package/src/Tabs/Tabs.tsx +90 -97
  825. package/src/Tabs/TabsProps.ts +15 -23
  826. package/src/Tabs/index.ts +2 -1
  827. package/src/Tabs/types.ts +18 -0
  828. package/src/Tabs/useIndexStore.ts +31 -0
  829. package/src/Tabs/useScrollViewReaction.ts +62 -0
  830. package/src/Tabs/useTabCoordinates.ts +25 -0
  831. package/src/Tabs/utils.ts +14 -0
  832. package/src/TextField/InputLabel.tsx +12 -5
  833. package/src/TextField/OutlinedTextField.tsx +1 -1
  834. package/src/TextField/TextField.tsx +4 -3
  835. package/src/Tooltip/Tooltip.tsx +19 -18
  836. package/src/Typography/Typography.tsx +2 -0
  837. package/src/Typography/TypographyProps.ts +6 -0
  838. package/src/animated/AnimatedPressable.tsx +1 -2
  839. package/src/hooks/index.ts +3 -0
  840. package/src/hooks/useAnimatedValue.ts +21 -0
  841. package/src/hooks/useCollapsibleAppBar.ts +61 -46
  842. package/src/hooks/useFadeInAppBar.ts +44 -30
  843. package/src/hooks/useImperativeState.ts +24 -0
  844. package/src/hooks/useSyncAnimatedValue.ts +38 -0
  845. package/src/hooks/useThrottle.ts +3 -3
  846. package/src/hooks/useValidWindowDimensions/index.ios.ts +16 -10
  847. package/src/index.ts +4 -0
  848. package/src/internal/hooks/index.ts +0 -1
  849. package/src/internal/hooks/useHeight.ts +4 -4
  850. package/src/internal/icons/CheckboxChecked.tsx +3 -11
  851. package/src/store/MockStore.ts +21 -0
  852. package/src/store/SimpleStore.ts +50 -0
  853. package/src/store/index.ts +3 -0
  854. package/src/store/types.ts +12 -0
  855. package/src/types/index.ts +7 -0
  856. package/build/commonjs/ButtonBase/ButtonBase.ios.js +0 -99
  857. package/build/commonjs/ButtonBase/ButtonBase.ios.js.map +0 -1
  858. package/build/commonjs/ButtonBase/useDisabledReaction/index.js +0 -23
  859. package/build/commonjs/ButtonBase/useDisabledReaction/index.js.map +0 -1
  860. package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js +0 -9
  861. package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js.map +0 -1
  862. package/build/commonjs/ImageCore/ImageCoreNative.ios.js +0 -60
  863. package/build/commonjs/ImageCore/ImageCoreNative.ios.js.map +0 -1
  864. package/build/commonjs/internal/hooks/useWidth.js +0 -29
  865. package/build/commonjs/internal/hooks/useWidth.js.map +0 -1
  866. package/build/module/ButtonBase/ButtonBase.ios.js +0 -80
  867. package/build/module/ButtonBase/ButtonBase.ios.js.map +0 -1
  868. package/build/module/ButtonBase/useDisabledReaction/index.js +0 -12
  869. package/build/module/ButtonBase/useDisabledReaction/index.js.map +0 -1
  870. package/build/module/ButtonBase/useDisabledReaction/index.native.js +0 -2
  871. package/build/module/ButtonBase/useDisabledReaction/index.native.js.map +0 -1
  872. package/build/module/ImageCore/ImageCoreNative.ios.js +0 -45
  873. package/build/module/ImageCore/ImageCoreNative.ios.js.map +0 -1
  874. package/build/module/internal/hooks/useWidth.js +0 -15
  875. package/build/module/internal/hooks/useWidth.js.map +0 -1
  876. package/build/typescript/ButtonBase/ButtonBase.ios.d.ts +0 -3
  877. package/build/typescript/ButtonBase/useDisabledReaction/index.d.ts +0 -2
  878. package/build/typescript/ButtonBase/useDisabledReaction/index.native.d.ts +0 -2
  879. package/build/typescript/ImageCore/ImageCoreNative.ios.d.ts +0 -3
  880. package/build/typescript/internal/hooks/useWidth.d.ts +0 -2
  881. package/src/ButtonBase/ButtonBase.ios.tsx +0 -95
  882. package/src/ButtonBase/useDisabledReaction/index.native.ts +0 -4
  883. package/src/ButtonBase/useDisabledReaction/index.ts +0 -15
  884. package/src/ImageCore/ImageCoreNative.ios.tsx +0 -46
  885. package/src/internal/hooks/useWidth.ts +0 -17
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './DialogMedia';\nexport type { default as DialogMediaProps } from './DialogMediaProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DialogMedia';\nexport type { default as DialogMediaProps } from './DialogMediaProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -15,7 +15,7 @@ var _styles = require("../styles");
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
18
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
19
 
20
20
  function DialogTitle(props) {
21
21
  const {
@@ -1 +1 @@
1
- {"version":3,"sources":["DialogTitle.tsx"],"names":["DialogTitle","props","children","disableTypography","otherProps","EdgeInsets","fromLTRB"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAG,KAFlB;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,6BAAC,YAAD;AACI,IAAA,MAAM,EAAEI,mBAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;AADZ,KAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEA,QADd;AAEI,IAAA,KAAK,EAAE,aAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IAPR,CADJ;AAgBH;;AAAA","sourcesContent":["import React from 'react';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogTitleProps from './DialogTitleProps';\n\nexport default function DialogTitle(props: DialogTitleProps) {\n const {\n children,\n disableTypography = false,\n ...otherProps\n } = props;\n\n return (\n <Row\n insets={EdgeInsets.fromLTRB(6, 6, 6, 2)}\n {...otherProps}\n >\n {disableTypography ? (\n children\n ) : (\n <Typography\n children={children}\n color={'textPrimary'}\n variant={'h2'}\n />\n )}\n </Row>\n );\n};\n"]}
1
+ {"version":3,"names":["DialogTitle","props","children","disableTypography","otherProps","EdgeInsets","fromLTRB"],"sources":["DialogTitle.tsx"],"sourcesContent":["import React from 'react';\nimport Row from '../Row';\nimport Typography from '../Typography';\nimport { EdgeInsets } from '../styles';\nimport type DialogTitleProps from './DialogTitleProps';\n\nexport default function DialogTitle(props: DialogTitleProps) {\n const {\n children,\n disableTypography = false,\n ...otherProps\n } = props;\n\n return (\n <Row\n insets={EdgeInsets.fromLTRB(6, 6, 6, 2)}\n {...otherProps}\n >\n {disableTypography ? (\n children\n ) : (\n <Typography\n children={children}\n color={'textPrimary'}\n variant={'h2'}\n />\n )}\n </Row>\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAGe,SAASA,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAG,KAFlB;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,6BAAC,YAAD;IACI,MAAM,EAAEI,kBAAA,CAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B;EADZ,GAEQF,UAFR,GAIKD,iBAAiB,GACdD,QADc,gBAGd,6BAAC,mBAAD;IACI,QAAQ,EAAEA,QADd;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EAPR,CADJ;AAgBH;;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["DialogTitleProps.ts"],"sourcesContent":["import type { TypographyProps } from '../Typography';\nimport type { OverridableComponentProps } from '../types';\nimport type { RowProps } from '../Row';\n\nexport default interface DialogTitleProps extends OverridableComponentProps<RowProps, {\n /**\n * The content of the component.\n */\n children?: TypographyProps['children'];\n\n /**\n * If `true`, the children won't be wrapped by a typography component.\n * @default false\n */\n disableTypography?: boolean;\n}> {}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './DialogTitle';\nexport type { default as DialogTitleProps } from './DialogTitleProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DialogTitle';\nexport type { default as DialogTitleProps } from './DialogTitleProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -13,7 +13,7 @@ var _styles = require("../styles");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
17
 
18
18
  const styles = _styles.StyleSheet.create({
19
19
  container: {
@@ -1 +1 @@
1
- {"version":3,"sources":["Divider.tsx"],"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","borderBottom","borderBottomWidth","borderRight","borderRightWidth","Divider","props","children","childrenProp","inset","vertical","style","otherProps","theme","fontColor","palette","text","secondary","borderColor","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","containerStyle","undefined","dividerStyle","dividerMarginSize","startDividerStyle","endDividerStyle","fontStyle","selector","typo","caption2","color","element"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: 'stretch',\n alignItems: 'center',\n },\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n divider: {\n flexGrow: 1,\n },\n borderBottom: {\n borderBottomWidth: 1,\n },\n borderRight: {\n borderRightWidth: 1,\n },\n});\n\nexport default function Divider(props: DividerProps) {\n const {\n children: childrenProp,\n inset = 0,\n vertical = false,\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const fontColor = theme.palette.text.secondary;\n const borderColor = theme.palette.divider;\n const marginSize = theme.spacing(1);\n const insetSize = theme.spacing(inset);\n\n const marginLeft = marginSize;\n const marginRight = marginSize;\n const marginTop = marginSize;\n const marginBottom = marginSize;\n\n const marginStyle = vertical\n ? { marginLeft, marginRight }\n : { marginTop, marginBottom };\n\n const insetStyle = vertical\n ? { marginTop: insetSize, marginBottom: insetSize }\n : { marginLeft: insetSize, marginRight: insetSize };\n\n const borderColorStyle = { borderColor };\n const borderWidthStyle = (vertical ? styles.borderRight : styles.borderBottom);\n\n const containerStyle = css([\n insetStyle,\n marginStyle,\n styles.container,\n vertical ? styles.column : styles.row,\n childrenProp ? undefined : borderColorStyle,\n childrenProp ? undefined : borderWidthStyle,\n style,\n ]);\n\n const dividerStyle = css([\n borderColorStyle,\n borderWidthStyle,\n styles.divider,\n ]);\n\n const dividerMarginSize = theme.spacing(2);\n const startDividerStyle = vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize };\n const endDividerStyle = vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize };\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => typo.caption2,\n color: fontColor,\n });\n\n const element = typeof childrenProp === 'string'\n ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n : childrenProp;\n\n const children = childrenProp ? (\n <>\n <View style={css([dividerStyle, startDividerStyle])}/>\n {element}\n <View style={css([dividerStyle, endDividerStyle])}/>\n </>\n ) : null;\n\n return (\n <View\n style={containerStyle}\n {...otherProps}\n >\n {children}\n </View>\n );\n};\n"]}
1
+ {"version":3,"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","borderBottom","borderBottomWidth","borderRight","borderRightWidth","Divider","props","children","childrenProp","inset","vertical","style","otherProps","theme","useTheme","fontColor","palette","text","secondary","borderColor","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","containerStyle","css","undefined","dividerStyle","dividerMarginSize","startDividerStyle","endDividerStyle","fontStyle","createFontStyle","selector","typo","caption2","color","element"],"sources":["Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: 'stretch',\n alignItems: 'center',\n },\n row: {\n flexDirection: 'row',\n },\n column: {\n flexDirection: 'column',\n },\n divider: {\n flexGrow: 1,\n },\n borderBottom: {\n borderBottomWidth: 1,\n },\n borderRight: {\n borderRightWidth: 1,\n },\n});\n\nexport default function Divider(props: DividerProps) {\n const {\n children: childrenProp,\n inset = 0,\n vertical = false,\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const fontColor = theme.palette.text.secondary;\n const borderColor = theme.palette.divider;\n const marginSize = theme.spacing(1);\n const insetSize = theme.spacing(inset);\n\n const marginLeft = marginSize;\n const marginRight = marginSize;\n const marginTop = marginSize;\n const marginBottom = marginSize;\n\n const marginStyle = vertical\n ? { marginLeft, marginRight }\n : { marginTop, marginBottom };\n\n const insetStyle = vertical\n ? { marginTop: insetSize, marginBottom: insetSize }\n : { marginLeft: insetSize, marginRight: insetSize };\n\n const borderColorStyle = { borderColor };\n const borderWidthStyle = (vertical ? styles.borderRight : styles.borderBottom);\n\n const containerStyle = css([\n insetStyle,\n marginStyle,\n styles.container,\n vertical ? styles.column : styles.row,\n childrenProp ? undefined : borderColorStyle,\n childrenProp ? undefined : borderWidthStyle,\n style,\n ]);\n\n const dividerStyle = css([\n borderColorStyle,\n borderWidthStyle,\n styles.divider,\n ]);\n\n const dividerMarginSize = theme.spacing(2);\n const startDividerStyle = vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize };\n const endDividerStyle = vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize };\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => typo.caption2,\n color: fontColor,\n });\n\n const element = typeof childrenProp === 'string'\n ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n : childrenProp;\n\n const children = childrenProp ? (\n <>\n <View style={css([dividerStyle, startDividerStyle])}/>\n {element}\n <View style={css([dividerStyle, endDividerStyle])}/>\n </>\n ) : null;\n\n return (\n <View\n style={containerStyle}\n {...otherProps}\n >\n {children}\n </View>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["DividerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface DividerProps extends OverridableComponentProps<ViewProps, {\n /**\n * The content of the component.\n */\n children?: React.ReactNode;\n\n /**\n * The size of the inset. It works as a multiplier factor based on spacing system.\n * @default 0\n */\n inset?: number;\n\n /**\n * If `true`, the divider orientation is set to vertical.\n * @default false\n */\n vertical?: boolean;\n}> {}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Divider';\nexport type { default as DividerProps } from './DividerProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Divider';\nexport type { default as DividerProps } from './DividerProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -19,7 +19,7 @@ var _utils = require("../utils");
19
19
 
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
21
 
22
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
23
 
24
24
  const SMALL = 32;
25
25
  const MEDIUM = 48;
@@ -1 +1 @@
1
- {"version":3,"sources":["Fab.tsx"],"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","width","fill","elevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","fontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n small: 20,\n medium: 24,\n};\n\nconst styles = StyleSheet.create({\n medium: {\n borderRadius: MEDIUM * 0.5,\n height: MEDIUM,\n },\n root: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n row: {\n flexDirection: 'row',\n },\n reverse: {\n flexDirection: 'row-reverse',\n },\n small: {\n borderRadius: SMALL * 0.5,\n height: SMALL,\n },\n});\n\nexport default function Fab(props: FabProps) {\n const {\n children,\n color = 'primary',\n disabled = false,\n elevation = 2,\n label,\n numberOfLines = 1,\n onPress,\n reverse,\n size = 'medium',\n style: styleProp,\n variant = 'circular',\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const backgroundColor = theme.palette[color].main;\n const fontColor = theme.palette[color].contrastTextColor;\n\n const icon = cloneElementSafely(children, {\n width: iconSizes[size],\n height: iconSizes[size],\n fill: fontColor,\n });\n\n const elevationStyle = useElevationStyle(elevation);\n const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n const paddingLeft = variant === 'circular'\n ? undefined\n : icon\n ? (reverse ? paddingSize : iconPadding)\n : paddingSize;\n\n const paddingRight = variant === 'circular'\n ? undefined\n : icon\n ? (reverse ? iconPadding : paddingSize)\n : paddingSize;\n\n const buttonBaseStyle = css([\n styles.root,\n reverse ? styles.reverse : styles.row,\n size === 'medium' ? styles.medium : styles.small,\n { width, backgroundColor, paddingLeft, paddingRight },\n elevationStyle,\n styleProp,\n ]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n color: fontColor,\n });\n\n const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n const textMarginStyle = icon\n ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n : undefined;\n\n const textStyle = css([\n fontStyle,\n textMarginStyle,\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={buttonBaseStyle}\n {...otherProps}\n >\n {icon}\n\n {variant === 'extended' && label ? (\n <Text\n children={label}\n numberOfLines={numberOfLines}\n style={textStyle}\n />\n ) : null}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","useTheme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","cloneElementSafely","width","fill","elevationStyle","useElevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","css","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"sources":["Fab.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n small: 20,\n medium: 24,\n};\n\nconst styles = StyleSheet.create({\n medium: {\n borderRadius: MEDIUM * 0.5,\n height: MEDIUM,\n },\n root: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n row: {\n flexDirection: 'row',\n },\n reverse: {\n flexDirection: 'row-reverse',\n },\n small: {\n borderRadius: SMALL * 0.5,\n height: SMALL,\n },\n});\n\nexport default function Fab(props: FabProps) {\n const {\n children,\n color = 'primary',\n disabled = false,\n elevation = 2,\n label,\n numberOfLines = 1,\n onPress,\n reverse,\n size = 'medium',\n style: styleProp,\n variant = 'circular',\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const backgroundColor = theme.palette[color].main;\n const fontColor = theme.palette[color].contrastTextColor;\n\n const icon = cloneElementSafely(children, {\n width: iconSizes[size],\n height: iconSizes[size],\n fill: fontColor,\n });\n\n const elevationStyle = useElevationStyle(elevation);\n const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n const paddingLeft = variant === 'circular'\n ? undefined\n : icon\n ? (reverse ? paddingSize : iconPadding)\n : paddingSize;\n\n const paddingRight = variant === 'circular'\n ? undefined\n : icon\n ? (reverse ? iconPadding : paddingSize)\n : paddingSize;\n\n const buttonBaseStyle = css([\n styles.root,\n reverse ? styles.reverse : styles.row,\n size === 'medium' ? styles.medium : styles.small,\n { width, backgroundColor, paddingLeft, paddingRight },\n elevationStyle,\n styleProp,\n ]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n color: fontColor,\n });\n\n const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n const textMarginStyle = icon\n ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n : undefined;\n\n const textStyle = css([\n fontStyle,\n textMarginStyle,\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={buttonBaseStyle}\n {...otherProps}\n >\n {icon}\n\n {variant === 'extended' && label ? (\n <Text\n children={label}\n numberOfLines={numberOfLines}\n style={textStyle}\n />\n ) : null}\n </ButtonBase>\n );\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["FabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\nimport type { Elevation } from '@fountain-ui/styles';\n\nexport type FabColor = CommonComponentColor | 'surface';\n\nexport type FabSize = 'small' | 'medium';\n\nexport type FabVariant = 'circular' | 'extended';\n\nexport default interface FabProps extends OverridableComponentProps<ButtonBaseProps, {\n /**\n * The content of the button.\n */\n children?: React.ReactElement;\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * @default 'primary'\n */\n color?: FabColor;\n\n /**\n * Shadow depth, corresponds to `dp` in the spec.\n * It accepts values between 0 and 24 inclusive.\n * @default 2\n */\n elevation?: Elevation;\n\n /**\n * If present, this is typography displayed.\n */\n label?: string;\n\n /**\n * The numberOfLines of Fab.\n * @default 1\n */\n numberOfLines?: number;\n\n /**\n If true, contents is reversed.\n */\n reverse?: boolean;\n\n /**\n * The size of Fab.\n * @default 'medium'\n */\n size?: FabSize;\n\n /**\n * The variant to use.\n * @default 'circular'\n */\n variant?: FabVariant;\n}> {}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Fab';\nexport type { default as FabProps } from './FabProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Fab';\nexport type { default as FabProps } from './FabProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -13,7 +13,7 @@ var _styles = require("../styles");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
17
 
18
18
  const styles = _styles.StyleSheet.create({
19
19
  row: {
@@ -1 +1 @@
1
- {"version":3,"sources":["Flexbox.tsx"],"names":["styles","StyleSheet","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,mBAAWC,MAAX,CAAkB;AAC7BC,EAAAA,GAAG,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB,GADwB;AAE7BC,EAAAA,MAAM,EAAE;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFqB;AAG7BE,EAAAA,UAAU,EAAE;AAAEF,IAAAA,aAAa,EAAE;AAAjB,GAHiB;AAI7BG,EAAAA,aAAa,EAAE;AAAEH,IAAAA,aAAa,EAAE;AAAjB;AAJc,CAAlB,CAAf;;AAOe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;AAC/D,QAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACG,GAA7B,GAAmCH,MAAM,CAACK,MAAnE;AACA,QAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACM,UAA7B,GAA0CN,MAAM,CAACO,aAA1E;;AAEA,WAASK,OAAT,CAAiBC,KAAjB,EAAsC;AAClC,UAAMC,KAAK,GAAG,uBAAd;AAEA,UAAMC,OAAO,GAAGD,KAAK,CAACC,OAAtB;AAEA,UAAM;AACFC,MAAAA,YADE;AAEFC,MAAAA,UAFE;AAGFC,MAAAA,SAHE;AAIFC,MAAAA,SAJE;AAKFC,MAAAA,QALE;AAMFC,MAAAA,UANE;AAOFC,MAAAA,QAPE;AAQFC,MAAAA,QARE;AASFC,MAAAA,MATE;AAUFC,MAAAA,cAVE;AAWFC,MAAAA,QAXE;AAYFC,MAAAA,QAZE;AAaFC,MAAAA,KAbE;AAcF,SAAGC;AAdD,QAeFhB,KAfJ;AAiBA,UAAMJ,SAAS,GAAGkB,QAAQ,GAAGhB,gBAAH,GAAsBD,gBAAhD;AAEA,UAAMoB,UAAU,GAAG;AACfd,MAAAA,YADe;AAEfC,MAAAA,UAFe;AAGfC,MAAAA,SAHe;AAIfC,MAAAA,SAJe;AAKfC,MAAAA,QALe;AAMfC,MAAAA,UANe;AAOfC,MAAAA,QAPe;AAQfG,MAAAA,cARe;AASfC,MAAAA;AATe,KAAnB;AAYA,UAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;AACEC,MAAAA,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;AAEEC,MAAAA,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;AAGEC,MAAAA,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;AAIEC,MAAAA,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;AAJxB,KADU,GAOVR,SAPN;AASA,wBACI,6BAAC,iBAAD;AACI,MAAA,QAAQ,EAAET,QADd;AAEI,MAAA,KAAK,EAAE,iBAAI,CACPd,SADO,EAEPqB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAJ;AAFX,OAQQC,UARR,EADJ;AAYH;;AAEDjB,EAAAA,OAAO,CAAC6B,WAAR,GAAsBhC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;AAEA,SAAOG,OAAP;AACH","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n row: { flexDirection: 'row' },\n column: { flexDirection: 'column' },\n rowReverse: { flexDirection: 'row-reverse' },\n columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n const forwardDirection = direction === 'row' ? styles.row : styles.column;\n const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n function Flexbox(props: FlexboxProps) {\n const theme = useTheme();\n\n const spacing = theme.spacing;\n\n const {\n alignContent,\n alignItems,\n alignSelf,\n flexBasis,\n flexGrow,\n flexShrink,\n flexWrap,\n children,\n insets,\n justifyContent,\n overflow,\n reversed,\n style,\n ...otherProps\n } = props;\n\n const direction = reversed ? reverseDirection : forwardDirection;\n\n const propStyles = {\n alignContent,\n alignItems,\n alignSelf,\n flexBasis,\n flexGrow,\n flexShrink,\n flexWrap,\n justifyContent,\n overflow,\n };\n\n const padding = insets !== undefined\n ? {\n paddingLeft: spacing(insets.left),\n paddingTop: spacing(insets.top),\n paddingRight: spacing(insets.right),\n paddingBottom: spacing(insets.bottom),\n }\n : undefined;\n\n return (\n <View\n children={children}\n style={css([\n direction,\n propStyles,\n padding,\n style,\n ])}\n {...otherProps}\n />\n );\n }\n\n Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n return Flexbox;\n}\n"]}
1
+ {"version":3,"names":["styles","StyleSheet","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","useTheme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","css","displayName"],"sources":["Flexbox.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n row: { flexDirection: 'row' },\n column: { flexDirection: 'column' },\n rowReverse: { flexDirection: 'row-reverse' },\n columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n const forwardDirection = direction === 'row' ? styles.row : styles.column;\n const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n function Flexbox(props: FlexboxProps) {\n const theme = useTheme();\n\n const spacing = theme.spacing;\n\n const {\n alignContent,\n alignItems,\n alignSelf,\n flexBasis,\n flexGrow,\n flexShrink,\n flexWrap,\n children,\n insets,\n justifyContent,\n overflow,\n reversed,\n style,\n ...otherProps\n } = props;\n\n const direction = reversed ? reverseDirection : forwardDirection;\n\n const propStyles = {\n alignContent,\n alignItems,\n alignSelf,\n flexBasis,\n flexGrow,\n flexShrink,\n flexWrap,\n justifyContent,\n overflow,\n };\n\n const padding = insets !== undefined\n ? {\n paddingLeft: spacing(insets.left),\n paddingTop: spacing(insets.top),\n paddingRight: spacing(insets.right),\n paddingBottom: spacing(insets.bottom),\n }\n : undefined;\n\n return (\n <View\n children={children}\n style={css([\n direction,\n propStyles,\n padding,\n style,\n ])}\n {...otherProps}\n />\n );\n }\n\n Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n return Flexbox;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,kBAAA,CAAWC,MAAX,CAAkB;EAC7BC,GAAG,EAAE;IAAEC,aAAa,EAAE;EAAjB,CADwB;EAE7BC,MAAM,EAAE;IAAED,aAAa,EAAE;EAAjB,CAFqB;EAG7BE,UAAU,EAAE;IAAEF,aAAa,EAAE;EAAjB,CAHiB;EAI7BG,aAAa,EAAE;IAAEH,aAAa,EAAE;EAAjB;AAJc,CAAlB,CAAf;;AAOe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;EAC/D,MAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACG,GAA7B,GAAmCH,MAAM,CAACK,MAAnE;EACA,MAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACM,UAA7B,GAA0CN,MAAM,CAACO,aAA1E;;EAEA,SAASK,OAAT,CAAiBC,KAAjB,EAAsC;IAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;IAEA,MAAMC,OAAO,GAAGF,KAAK,CAACE,OAAtB;IAEA,MAAM;MACFC,YADE;MAEFC,UAFE;MAGFC,SAHE;MAIFC,SAJE;MAKFC,QALE;MAMFC,UANE;MAOFC,QAPE;MAQFC,QARE;MASFC,MATE;MAUFC,cAVE;MAWFC,QAXE;MAYFC,QAZE;MAaFC,KAbE;MAcF,GAAGC;IAdD,IAeFjB,KAfJ;IAiBA,MAAMJ,SAAS,GAAGmB,QAAQ,GAAGjB,gBAAH,GAAsBD,gBAAhD;IAEA,MAAMqB,UAAU,GAAG;MACfd,YADe;MAEfC,UAFe;MAGfC,SAHe;MAIfC,SAJe;MAKfC,QALe;MAMfC,UANe;MAOfC,QAPe;MAQfG,cARe;MASfC;IATe,CAAnB;IAYA,MAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;MACEC,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;MAEEC,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;MAGEC,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;MAIEC,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;IAJxB,CADU,GAOVR,SAPN;IASA,oBACI,6BAAC,iBAAD;MACI,QAAQ,EAAET,QADd;MAEI,KAAK,EAAE,IAAAkB,WAAA,EAAI,CACPjC,SADO,EAEPsB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAJ;IAFX,GAQQC,UARR,EADJ;EAYH;;EAEDlB,OAAO,CAAC+B,WAAR,GAAsBlC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;EAEA,OAAOG,OAAP;AACH"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["FlexboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { EdgeInsetsType } from '../styles';\n\nexport default interface FlexboxProps extends OverridableComponentProps<ViewProps, {\n /**\n * Controls how rows align in the cross direction.\n * @default 'stretch'\n */\n alignContent?: FlexStyle['alignContent'];\n\n /**\n * Aligns children in the cross direction.\n * @default 'stretch'\n */\n alignItems?: FlexStyle['alignItems'];\n\n /**\n * Controls how a child aligns in the cross direction,\n * overriding the `alignItems` of the parent.\n * @default 'auto'\n */\n alignSelf?: FlexStyle['alignSelf'];\n\n /**\n * Providing the default size of an item along the main axis.\n */\n flexBasis?: FlexStyle['flexBasis'];\n\n /**\n * Describes how any space within a container should be distributed\n * among its children along the main axis.\n */\n flexGrow?: FlexStyle['flexGrow'];\n\n /**\n * Describes how to shrink children along the main axis in the case\n * in which the total size of the children overflows the size of the\n * container on the main axis.\n */\n flexShrink?: FlexStyle['flexShrink'];\n\n /**\n * Controls whether children can wrap around after they hit\n * the end of a flex container.\n * @default 'nowrap'\n */\n flexWrap?: FlexStyle['flexWrap'];\n\n /**\n * Content of this component.\n */\n children: React.ReactNode;\n\n /**\n * The amount of space by which to inset the child.\n */\n insets?: EdgeInsetsType;\n\n /**\n * Aligns children in the main direction.\n * @default 'flex-start'\n */\n justifyContent?: FlexStyle['justifyContent'];\n\n /**\n * Controls how children are measured and displayed.\n * @default 'visible'\n */\n overflow?: FlexStyle['overflow'];\n\n /**\n * Reverse flex direction.\n * @default false\n */\n reversed?: boolean;\n}> {}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as createFlexbox } from './Flexbox';\nexport type { default as FlexboxProps } from './FlexboxProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as createFlexbox } from './Flexbox';\nexport type { default as FlexboxProps } from './FlexboxProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -17,7 +17,7 @@ var _utils = require("../utils");
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
21
 
22
22
  const iconSizes = {
23
23
  tiny: 16,
@@ -1 +1 @@
1
- {"version":3,"sources":["IconButton.tsx"],"names":["iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAQA,MAAMA,SAAoB,GAAG;AACzBC,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,KAAK,EAAE,EAFkB;AAGzBC,EAAAA,MAAM,EAAE,EAHiB;AAIzBC,EAAAA,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;AACzE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,cAAc,EAAE,QAFd;AAGFC,MAAAA,UAAU,EAAE,QAHV;AAIFC,MAAAA,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;AAJP;AADH,GAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAG,SAFN;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,OALE;AAMFC,IAAAA,IAAI,GAAG,QANL;AAOFC,IAAAA,KAPE;AAQF,OAAGC;AARD,MASFR,KATJ;AAWA,QAAMR,KAAK,GAAG,uBAAd;AACA,QAAMiB,MAAM,GAAGlB,SAAS,EAAxB;AAEA,QAAMmB,IAAI,GAAG,+BAAmBT,QAAnB,EAA6B;AACtCU,IAAAA,KAAK,EAAEzB,SAAS,CAACoB,IAAD,CADsB;AAEtCM,IAAAA,MAAM,EAAE1B,SAAS,CAACoB,IAAD,CAFqB;AAGtCJ,IAAAA,KAAK,EAAEA;AAH+B,GAA7B,CAAb;AAMA,QAAMW,SAAS,GAAG,6BAAgBrB,KAAhB,EAAuB;AACrCsB,IAAAA,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;AAErCd,IAAAA,KAAK,EAAEV,KAAK,CAACyB,OAAN,CAAcf,KAAd,EAAqBgB;AAFS,GAAvB,CAAlB;AAKA,QAAMC,UAAU,GAAG,iBAAI,CACnBN,SADmB,CAAJ,CAAnB;AAIA,QAAMO,SAAS,GAAG,iBAAI,CAClBX,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;AAKA,QAAMc,WAAW,GAAG,YAAY;AAC5B,QAAIlB,QAAJ,EAAc;AACV;AACH;;AACD,QAAIE,OAAJ,EAAa;AACTA,MAAAA,OAAO;AACP;AACH;AACJ,GARD;;AAUA,sBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEF,QADd;AAEI,IAAA,OAAO,EAAEkB,WAFb;AAGI,IAAA,KAAK,EAAED;AAHX,KAIQZ,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEA,KADd;AAEI,IAAA,KAAK,EAAEe;AAFX,IADE,GAKF,IAbR,CADJ;AAiBH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n tiny: 16,\n small: 20,\n medium: 24,\n large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n padding: theme.spacing(1),\n },\n };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n const {\n children,\n color = 'primary',\n disabled = false,\n label,\n onPress,\n size = 'medium',\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n const styles = useStyles();\n\n const icon = cloneElementSafely(children, {\n width: iconSizes[size],\n height: iconSizes[size],\n color: color,\n });\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => typo.caption1,\n color: theme.palette[color].main,\n });\n\n const labelStyle = css([\n fontStyle,\n ]);\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={rootStyle}\n {...otherProps}\n >\n {icon}\n\n {label ? (\n <Text\n children={label}\n style={labelStyle}\n />\n ) : null}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"names":["iconSizes","tiny","small","medium","large","useStyles","theme","useTheme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","cloneElementSafely","width","height","fontStyle","createFontStyle","selector","typo","caption1","palette","main","labelStyle","css","rootStyle","handlePress"],"sources":["IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n tiny: 16,\n small: 20,\n medium: 24,\n large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n padding: theme.spacing(1),\n },\n };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n const {\n children,\n color = 'primary',\n disabled = false,\n label,\n onPress,\n size = 'medium',\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n const styles = useStyles();\n\n const icon = cloneElementSafely(children, {\n width: iconSizes[size],\n height: iconSizes[size],\n color: color,\n });\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => typo.caption1,\n color: theme.palette[color].main,\n });\n\n const labelStyle = css([\n fontStyle,\n ]);\n\n const rootStyle = css([\n styles.root,\n style,\n ]);\n\n const handlePress = async () => {\n if (disabled) {\n return;\n }\n if (onPress) {\n onPress();\n return;\n }\n };\n\n return (\n <ButtonBase\n disabled={disabled}\n onPress={handlePress}\n style={rootStyle}\n {...otherProps}\n >\n {icon}\n\n {label ? (\n <Text\n children={label}\n style={labelStyle}\n />\n ) : null}\n </ButtonBase>\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAQA,MAAMA,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFR,KATJ;EAWA,MAAMT,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMiB,MAAM,GAAGnB,SAAS,EAAxB;EAEA,MAAMoB,IAAI,GAAG,IAAAC,yBAAA,EAAmBV,QAAnB,EAA6B;IACtCW,KAAK,EAAE3B,SAAS,CAACqB,IAAD,CADsB;IAEtCO,MAAM,EAAE5B,SAAS,CAACqB,IAAD,CAFqB;IAGtCJ,KAAK,EAAEA;EAH+B,CAA7B,CAAb;EAMA,MAAMY,SAAS,GAAG,IAAAC,uBAAA,EAAgBxB,KAAhB,EAAuB;IACrCyB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErChB,KAAK,EAAEX,KAAK,CAAC4B,OAAN,CAAcjB,KAAd,EAAqBkB;EAFS,CAAvB,CAAlB;EAKA,MAAMC,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBR,SADmB,CAAJ,CAAnB;EAIA,MAAMS,SAAS,GAAG,IAAAD,WAAA,EAAI,CAClBb,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;EAKA,MAAMiB,WAAW,GAAG,YAAY;IAC5B,IAAIrB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEqB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQf,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,6BAAC,iBAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEiB;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["IconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n /**\n * The icon element.\n */\n children: React.ReactElement;\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * @default 'primary'\n */\n color?: IconButtonColor;\n\n /**\n * If present, this is typography displayed at the bottom of the icon.\n */\n label?: string;\n\n /**\n * The size of the button.\n * @default 'medium'\n */\n size?: IconButtonSize;\n}> {}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './IconButton';\nexport type { default as IconButtonProps } from './IconButtonProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './IconButton';\nexport type { default as IconButtonProps } from './IconButtonProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -15,7 +15,7 @@ var _styles = require("../styles");
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
18
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
19
 
20
20
  const useStyles = function () {
21
21
  const theme = (0, _styles.useTheme)();
@@ -47,6 +47,7 @@ function Image(props) {
47
47
  source,
48
48
  style,
49
49
  square = false,
50
+ size,
50
51
  onLoad,
51
52
  onError,
52
53
  ...otherProps
@@ -64,6 +65,9 @@ function Image(props) {
64
65
  setFailed(true);
65
66
  };
66
67
 
68
+ const sourceWithSizeParam = { ...source,
69
+ uri: size ? `${source.uri}?size=${size}` : source.uri
70
+ };
67
71
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
68
72
  style: (0, _styles.css)([styles.root, !disableOutline ? styles.outlined : undefined, !disablePlaceholder ? styles.placeholder : undefined, !square ? styles.rounded : undefined, style])
69
73
  }, otherProps), failed ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, alt) : /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
@@ -73,7 +77,7 @@ function Image(props) {
73
77
  onError: handleError,
74
78
  onLoad: onLoad,
75
79
  resizeMode: resizeMode,
76
- source: source,
80
+ source: sourceWithSizeParam,
77
81
  width: '100%'
78
82
  }), overlaidChildren ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
79
83
  style: _styles.StyleSheet.absoluteFill
@@ -1 +1 @@
1
- {"version":3,"sources":["Image.tsx"],"names":["useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableOutline","disablePlaceholder","loading","overlaidChildren","resizeMode","source","style","square","onLoad","onError","otherProps","failed","setFailed","React","useState","styles","handleError","undefined","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAiC,GAAG,YAAyB;AAC/D,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,YAAY,EAAEH,KAAK,CAACI,KAAN,CAAYC,SADrB;AAELC,MAAAA,QAAQ,EAAE;AAFL,KAFN;AAMHC,IAAAA,WAAW,EAAE;AACTC,MAAAA,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAD5B,KANV;AASHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,WAAW,EAAEC,mBAAWC,aADlB;AAENC,MAAAA,WAAW,EAAE,OAFP;AAGNC,MAAAA,WAAW,EAAEjB,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAH3B;AATP,GAAP;AAeH,CAlBD;;AAoBe,SAASO,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,kBAHE;AAIFC,IAAAA,OAAO,GAAG,MAJR;AAKFC,IAAAA,gBALE;AAMFC,IAAAA,UAAU,GAAG,OANX;AAOFC,IAAAA,MAPE;AAQFC,IAAAA,KARE;AASFC,IAAAA,MAAM,GAAG,KATP;AAUFC,IAAAA,MAVE;AAWFC,IAAAA,OAXE;AAYF,OAAGC;AAZD,MAaFZ,KAbJ;;AAeA,QAAM,CAACa,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,KAAf,CAA5B;;AAEA,QAAMC,MAAM,GAAGrC,SAAS,EAAxB;;AAEA,QAAMsC,WAAW,GAAG,MAAM;AACtB,QAAGP,OAAH,EAAW;AACPA,MAAAA,OAAO;AACV;;AAEDG,IAAAA,SAAS,CAAC,IAAD,CAAT;AACH,GAND;;AAQA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE,iBAAI,CACPG,MAAM,CAACnC,IADA,EAEP,CAACoB,cAAD,GAAkBe,MAAM,CAACxB,QAAzB,GAAoC0B,SAF7B,EAGP,CAAChB,kBAAD,GAAsBc,MAAM,CAAC7B,WAA7B,GAA2C+B,SAHpC,EAIP,CAACV,MAAD,GAAUQ,MAAM,CAAClC,OAAjB,GAA2BoC,SAJpB,EAKPX,KALO,CAAJ;AADX,KAQQI,UARR,GAUKC,MAAM,gBACH,6BAAC,iBAAD,QAAOZ,GAAP,CADG,gBAGH,6BAAC,kBAAD;AACI,IAAA,GAAG,EAAEA,GADT;AAEI,IAAA,MAAM,EAAE,MAFZ;AAGI,IAAA,OAAO,EAAEG,OAHb;AAII,IAAA,OAAO,EAAEc,WAJb;AAKI,IAAA,MAAM,EAAER,MALZ;AAMI,IAAA,UAAU,EAAEJ,UANhB;AAOI,IAAA,MAAM,EAAEC,MAPZ;AAQI,IAAA,KAAK,EAAE;AARX,IAbR,EAyBKF,gBAAgB,gBACb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEV,mBAAWyB;AAAxB,KACKf,gBADL,CADa,GAIb,IA7BR,CADJ;AAiCH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype ImageStyleKeys =\n | 'root'\n | 'rounded'\n | 'placeholder'\n | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n const theme = useTheme();\n\n return {\n root: {},\n rounded: {\n borderRadius: theme.shape.roundness,\n overflow: 'hidden',\n },\n placeholder: {\n backgroundColor: theme.palette.paper.grey,\n },\n outlined: {\n borderWidth: StyleSheet.hairlineWidth,\n borderStyle: 'solid',\n borderColor: theme.palette.paper.grey,\n },\n };\n};\n\nexport default function Image(props: ImageProps) {\n const {\n alt,\n disableOutline,\n disablePlaceholder,\n loading = 'lazy',\n overlaidChildren,\n resizeMode = 'cover',\n source,\n style,\n square = false,\n onLoad,\n onError,\n ...otherProps\n } = props;\n\n const [failed, setFailed] = React.useState(false);\n\n const styles = useStyles();\n\n const handleError = () => {\n if(onError){\n onError();\n }\n\n setFailed(true);\n }\n\n return (\n <View\n style={css([\n styles.root,\n !disableOutline ? styles.outlined : undefined,\n !disablePlaceholder ? styles.placeholder : undefined,\n !square ? styles.rounded : undefined,\n style,\n ])}\n {...otherProps}\n >\n {failed ? (\n <Text>{alt}</Text>\n ) : (\n <ImageCore\n alt={alt}\n height={'100%'}\n loading={loading}\n onError={handleError}\n onLoad={onLoad}\n resizeMode={resizeMode}\n source={source}\n width={'100%'}\n />\n )}\n\n {overlaidChildren ? (\n <View style={StyleSheet.absoluteFill}>\n {overlaidChildren}\n </View>\n ) : null}\n </View>\n );\n};\n"]}
1
+ {"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableOutline","disablePlaceholder","loading","overlaidChildren","resizeMode","source","style","square","size","onLoad","onError","otherProps","failed","setFailed","React","useState","styles","handleError","sourceWithSizeParam","uri","css","undefined","absoluteFill"],"sources":["Image.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype ImageStyleKeys =\n | 'root'\n | 'rounded'\n | 'placeholder'\n | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n const theme = useTheme();\n\n return {\n root: {},\n rounded: {\n borderRadius: theme.shape.roundness,\n overflow: 'hidden',\n },\n placeholder: {\n backgroundColor: theme.palette.paper.grey,\n },\n outlined: {\n borderWidth: StyleSheet.hairlineWidth,\n borderStyle: 'solid',\n borderColor: theme.palette.paper.grey,\n },\n };\n};\n\nexport default function Image(props: ImageProps) {\n const {\n alt,\n disableOutline,\n disablePlaceholder,\n loading = 'lazy',\n overlaidChildren,\n resizeMode = 'cover',\n source,\n style,\n square = false,\n size,\n onLoad,\n onError,\n ...otherProps\n } = props;\n\n const [failed, setFailed] = React.useState(false);\n\n const styles = useStyles();\n\n const handleError = () => {\n if(onError){\n onError();\n }\n\n setFailed(true);\n }\n\n const sourceWithSizeParam = {\n ...source,\n uri: size ? `${source.uri}?size=${size}` : source.uri,\n };\n\n return (\n <View\n style={css([\n styles.root,\n !disableOutline ? styles.outlined : undefined,\n !disablePlaceholder ? styles.placeholder : undefined,\n !square ? styles.rounded : undefined,\n style,\n ])}\n {...otherProps}\n >\n {failed ? (\n <Text>{alt}</Text>\n ) : (\n <ImageCore\n alt={alt}\n height={'100%'}\n loading={loading}\n onError={handleError}\n onLoad={onLoad}\n resizeMode={resizeMode}\n source={sourceWithSizeParam}\n width={'100%'}\n />\n )}\n\n {overlaidChildren ? (\n <View style={StyleSheet.absoluteFill}>\n {overlaidChildren}\n </View>\n ) : null}\n </View>\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,OAAO,EAAE;MACLC,YAAY,EAAEJ,KAAK,CAACK,KAAN,CAAYC,SADrB;MAELC,QAAQ,EAAE;IAFL,CAFN;IAMHC,WAAW,EAAE;MACTC,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KAAd,CAAoBC;IAD5B,CANV;IASHC,QAAQ,EAAE;MACNC,WAAW,EAAEC,kBAAA,CAAWC,aADlB;MAENC,WAAW,EAAE,OAFP;MAGNC,WAAW,EAAElB,KAAK,CAACU,OAAN,CAAcC,KAAd,CAAoBC;IAH3B;EATP,CAAP;AAeH,CAlBD;;AAoBe,SAASO,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,GADE;IAEFC,cAFE;IAGFC,kBAHE;IAIFC,OAAO,GAAG,MAJR;IAKFC,gBALE;IAMFC,UAAU,GAAG,OANX;IAOFC,MAPE;IAQFC,KARE;IASFC,MAAM,GAAG,KATP;IAUFC,IAVE;IAWFC,MAXE;IAYFC,OAZE;IAaF,GAAGC;EAbD,IAcFb,KAdJ;;EAgBA,MAAM,CAACc,MAAD,EAASC,SAAT,IAAsBC,cAAA,CAAMC,QAAN,CAAe,KAAf,CAA5B;;EAEA,MAAMC,MAAM,GAAGvC,SAAS,EAAxB;;EAEA,MAAMwC,WAAW,GAAG,MAAM;IACtB,IAAGP,OAAH,EAAW;MACPA,OAAO;IACV;;IAEDG,SAAS,CAAC,IAAD,CAAT;EACH,CAND;;EAQA,MAAMK,mBAAmB,GAAG,EACxB,GAAGb,MADqB;IAExBc,GAAG,EAAEX,IAAI,GAAI,GAAEH,MAAM,CAACc,GAAI,SAAQX,IAAK,EAA9B,GAAkCH,MAAM,CAACc;EAF1B,CAA5B;EAKA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAE,IAAAC,WAAA,EAAI,CACPJ,MAAM,CAACpC,IADA,EAEP,CAACoB,cAAD,GAAkBgB,MAAM,CAACzB,QAAzB,GAAoC8B,SAF7B,EAGP,CAACpB,kBAAD,GAAsBe,MAAM,CAAC9B,WAA7B,GAA2CmC,SAHpC,EAIP,CAACd,MAAD,GAAUS,MAAM,CAACnC,OAAjB,GAA2BwC,SAJpB,EAKPf,KALO,CAAJ;EADX,GAQQK,UARR,GAUKC,MAAM,gBACH,6BAAC,iBAAD,QAAOb,GAAP,CADG,gBAGH,6BAAC,kBAAD;IACI,GAAG,EAAEA,GADT;IAEI,MAAM,EAAE,MAFZ;IAGI,OAAO,EAAEG,OAHb;IAII,OAAO,EAAEe,WAJb;IAKI,MAAM,EAAER,MALZ;IAMI,UAAU,EAAEL,UANhB;IAOI,MAAM,EAAEc,mBAPZ;IAQI,KAAK,EAAE;EARX,EAbR,EAyBKf,gBAAgB,gBACb,6BAAC,iBAAD;IAAM,KAAK,EAAEV,kBAAA,CAAW6B;EAAxB,GACKnB,gBADL,CADa,GAIb,IA7BR,CADJ;AAiCH;;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode } from '../ImageCore';\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n /**\n * Indicating the alternate fallback content to be displayed\n * if the image has not been loaded.\n */\n alt?: string;\n\n /**\n * If `true`, the image outline is not rendered.\n * @default false\n */\n disableOutline?: boolean;\n\n /**\n * If `true`, the placeholder is not rendered.\n * @default false\n */\n disablePlaceholder?: boolean;\n\n /**\n * Web only. Loading the document by determining whether to load\n * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n * On React Native, it always works as `lazy`.\n * @default 'lazy'\n */\n loading?: Loading;\n\n /**\n * error event handler\n */\n onError?: () => void;\n\n /**\n * image loaded event handler\n */\n onLoad?: () => void;\n\n /**\n * The children on top this image.\n */\n overlaidChildren?: React.ReactNode;\n\n /**\n * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n * @default 'cover'\n */\n resizeMode?: ResizeMode;\n\n /**\n * The image source.\n */\n source: ImageSource;\n\n /**\n * If `true`, rounded corners are disabled.\n * @default false\n */\n square?: boolean;\n\n size?: 'small' | 'medium' | 'large';\n}> {}\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -5,20 +5,28 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = ImageCore;
7
7
 
8
- var _react = _interopRequireDefault(require("react"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
9
 
10
- var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
10
+ var _reactNative = require("react-native");
11
11
 
12
12
  var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
13
13
 
14
+ var _hooks = require("../hooks");
15
+
16
+ var _ImageFileExtensionContext = _interopRequireDefault(require("./ImageFileExtensionContext"));
17
+
14
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
19
 
20
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
+
22
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
+
16
24
  // @ts-ignore
17
- const AnimatedFastImage = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeFastImage.default);
25
+ const AnimatedFastImage = _reactNative.Animated.createAnimatedComponent(_reactNativeFastImage.default);
18
26
 
19
- const animationConfig = {
20
- duration: 150
21
- };
27
+ const INITIAL_OPACITY = 0;
28
+ const LOADED_OPACITY = 1;
29
+ const ANIMATION_DURATION = 200;
22
30
 
23
31
  function ImageCore(props) {
24
32
  const {
@@ -29,33 +37,33 @@ function ImageCore(props) {
29
37
  source,
30
38
  width
31
39
  } = props;
32
- const style = {
33
- width,
34
- height
35
- };
36
-
37
- const opacity = _reactNativeReanimated.default.useSharedValue(0);
38
-
39
- const animatedStyle = _reactNativeReanimated.default.useAnimatedStyle(() => ({
40
- opacity: opacity.value
41
- }));
42
-
43
- const handleLoad = () => {
44
- opacity.value = _reactNativeReanimated.default.withTiming(1, animationConfig);
45
-
46
- if (onLoad) {
47
- onLoad();
48
- }
49
- };
40
+ const opacity = (0, _hooks.useAnimatedValue)(INITIAL_OPACITY);
41
+ const acceptHeader = (0, _react.useContext)(_ImageFileExtensionContext.default);
42
+ const handleLoad = (0, _react.useCallback)(() => {
43
+ _reactNative.Animated.timing(opacity, {
44
+ toValue: LOADED_OPACITY,
45
+ duration: ANIMATION_DURATION,
46
+ useNativeDriver: true
47
+ }).start();
50
48
 
49
+ onLoad === null || onLoad === void 0 ? void 0 : onLoad();
50
+ }, [onLoad]);
51
51
  return /*#__PURE__*/_react.default.createElement(AnimatedFastImage, {
52
52
  onError: onError,
53
53
  onLoad: handleLoad,
54
54
  resizeMode: resizeMode,
55
55
  source: {
56
- uri: source.uri
56
+ uri: source.uri,
57
+ headers: {
58
+ 'Accept': acceptHeader
59
+ }
57
60
  },
58
- style: [animatedStyle, style]
61
+ style: [{
62
+ opacity
63
+ }, {
64
+ width,
65
+ height
66
+ }]
59
67
  });
60
68
  }
61
69
 
@@ -1 +1 @@
1
- {"version":3,"sources":["ImageCoreNative.tsx"],"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","animationConfig","duration","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useSharedValue","animatedStyle","useAnimatedStyle","value","handleLoad","withTiming","uri"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA;AACA,MAAMA,iBAAiB,GAAGC,+BAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAA0C,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAZ,CAAnD;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;;AAEA,QAAMO,OAAO,GAAGd,+BAASe,cAAT,CAAwB,CAAxB,CAAhB;;AAEA,QAAMC,aAAa,GAAGhB,+BAASiB,gBAAT,CAA0B,OAAO;AACnDH,IAAAA,OAAO,EAAEA,OAAO,CAACI;AADkC,GAAP,CAA1B,CAAtB;;AAIA,QAAMC,UAAU,GAAG,MAAM;AACrBL,IAAAA,OAAO,CAACI,KAAR,GAAgBlB,+BAASoB,UAAT,CAAoB,CAApB,EAAuBjB,eAAvB,CAAhB;;AAEA,QAAIM,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAND;;AAQA,sBACI,6BAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEW,UAFZ;AAGI,IAAA,UAAU,EAAET,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEW,MAAAA,GAAG,EAAEV,MAAM,CAACU;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHL,aADG,EAEHH,KAFG;AALX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport Animated from 'react-native-reanimated';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst animationConfig: Animated.WithTimingConfig = { duration: 150 };\n\nexport default function ImageCore(props: ImageCoreProps) {\n const {\n height,\n onError,\n onLoad,\n resizeMode,\n source,\n width,\n } = props;\n\n const style = { width, height };\n\n const opacity = Animated.useSharedValue(0);\n\n const animatedStyle = Animated.useAnimatedStyle(() => ({\n opacity: opacity.value,\n }));\n\n const handleLoad = () => {\n opacity.value = Animated.withTiming(1, animationConfig);\n\n if (onLoad) {\n onLoad();\n }\n };\n\n return (\n <AnimatedFastImage\n onError={onError}\n onLoad={handleLoad}\n resizeMode={resizeMode}\n source={{ uri: source.uri }}\n style={[\n animatedStyle,\n style,\n ]}\n />\n );\n};\n"]}
1
+ {"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","height","onError","onLoad","resizeMode","source","width","opacity","useAnimatedValue","acceptHeader","useContext","ImageFileExtensionContext","handleLoad","useCallback","timing","toValue","duration","useNativeDriver","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport type ImageCoreProps from './ImageCoreProps';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst INITIAL_OPACITY = 0;\nconst LOADED_OPACITY = 1;\n\nconst ANIMATION_DURATION = 200;\n\nexport default function ImageCore(props: ImageCoreProps) {\n const {\n height,\n onError,\n onLoad,\n resizeMode,\n source,\n width,\n } = props;\n\n const opacity = useAnimatedValue(INITIAL_OPACITY);\n\n const acceptHeader = useContext(ImageFileExtensionContext);\n\n const handleLoad = useCallback(() => {\n Animated.timing(opacity, {\n toValue: LOADED_OPACITY,\n duration: ANIMATION_DURATION,\n useNativeDriver: true,\n }).start();\n\n onLoad?.();\n }, [onLoad]);\n\n return (\n <AnimatedFastImage\n onError={onError}\n onLoad={handleLoad}\n resizeMode={resizeMode}\n source={{\n uri: source.uri,\n headers: {\n 'Accept': acceptHeader,\n },\n }}\n style={[\n { opacity },\n { width, height },\n ]}\n />\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACA,MAAMA,iBAAiB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,MADE;IAEFC,OAFE;IAGFC,MAHE;IAIFC,UAJE;IAKFC,MALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAMO,OAAO,GAAG,IAAAC,uBAAA,EAAiBZ,eAAjB,CAAhB;EAEA,MAAMa,YAAY,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAArB;EAEA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjCpB,qBAAA,CAASqB,MAAT,CAAgBP,OAAhB,EAAyB;MACrBQ,OAAO,EAAElB,cADY;MAErBmB,QAAQ,EAAElB,kBAFW;MAGrBmB,eAAe,EAAE;IAHI,CAAzB,EAIGC,KAJH;;IAMAf,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CARkB,EAQhB,CAACA,MAAD,CARgB,CAAnB;EAUA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MACJe,GAAG,EAAEd,MAAM,CAACc,GADR;MAEJC,OAAO,EAAE;QACL,UAAUX;MADL;IAFL,CAJZ;IAUI,KAAK,EAAE,CACH;MAAEF;IAAF,CADG,EAEH;MAAED,KAAF;MAASL;IAAT,CAFG;EAVX,EADJ;AAiBH;;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
1
+ {"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n uri: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ImageCoreProps extends Readonly<{\n alt?: string;\n height?: number | string;\n loading: Loading;\n onError?: () => void;\n onLoad?: () => void;\n resizeMode: ResizeMode;\n source: ImageSource;\n width?: number | string;\n}> {}"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["ImageCoreWeb.tsx"],"names":["ImageCore","props","alt","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","uri"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA,UANE;AAOFC,IAAAA,MAPE;AAQFC,IAAAA;AARE,MASFR,KATJ;AAWA,QAAMS,KAAK,GAAG;AAAEC,IAAAA,SAAS,EAAEJ;AAAb,GAAd;AAEA,sBACI;AACI,IAAA,GAAG,EAAEL,GADT;AAEI,IAAA,MAAM,EAAEC,MAFZ;AAGI,IAAA,OAAO,EAAEC,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,MAAM,EAAEC,MALZ;AAMI,IAAA,GAAG,EAAEE,MAAM,CAACI,GANhB;AAOI,IAAA,KAAK,EAAEF,KAPX;AAQI,IAAA,KAAK,EAAED;AARX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nexport default function ImageCore(props: ImageCoreProps) {\n const {\n alt,\n height,\n loading,\n onError,\n onLoad,\n resizeMode,\n source,\n width,\n } = props;\n\n const style = { objectFit: resizeMode };\n\n return (\n <img\n alt={alt}\n height={height}\n loading={loading}\n onError={onError}\n onLoad={onLoad}\n src={source.uri}\n style={style}\n width={width}\n />\n );\n};\n"]}
1
+ {"version":3,"names":["ImageCore","props","alt","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","uri"],"sources":["ImageCoreWeb.tsx"],"sourcesContent":["import React from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nexport default function ImageCore(props: ImageCoreProps) {\n const {\n alt,\n height,\n loading,\n onError,\n onLoad,\n resizeMode,\n source,\n width,\n } = props;\n\n const style = { objectFit: resizeMode };\n\n return (\n <img\n alt={alt}\n height={height}\n loading={loading}\n onError={onError}\n onLoad={onLoad}\n src={source.uri}\n style={style}\n width={width}\n />\n );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,GADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,OAJE;IAKFC,MALE;IAMFC,UANE;IAOFC,MAPE;IAQFC;EARE,IASFR,KATJ;EAWA,MAAMS,KAAK,GAAG;IAAEC,SAAS,EAAEJ;EAAb,CAAd;EAEA,oBACI;IACI,GAAG,EAAEL,GADT;IAEI,MAAM,EAAEC,MAFZ;IAGI,OAAO,EAAEC,OAHb;IAII,OAAO,EAAEC,OAJb;IAKI,MAAM,EAAEC,MALZ;IAMI,GAAG,EAAEE,MAAM,CAACI,GANhB;IAOI,KAAK,EAAEF,KAPX;IAQI,KAAK,EAAED;EARX,EADJ;AAYH;;AAAA"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ const defaultAcceptHeader = 'image/jpg,image/png,image/*,*/*;';
13
+
14
+ const ImageFileExtensionContext = /*#__PURE__*/_react.default.createContext(defaultAcceptHeader);
15
+
16
+ var _default = ImageFileExtensionContext;
17
+ exports.default = _default;
18
+ //# sourceMappingURL=ImageFileExtensionContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["defaultAcceptHeader","ImageFileExtensionContext","React","createContext"],"sources":["ImageFileExtensionContext.ts"],"sourcesContent":["import React from 'react';\n\nconst defaultAcceptHeader = 'image/jpg,image/png,image/*,*/*;';\n\nconst ImageFileExtensionContext = React.createContext<string>(defaultAcceptHeader);\n\nexport default ImageFileExtensionContext;"],"mappings":";;;;;;;AAAA;;;;AAEA,MAAMA,mBAAmB,GAAG,kCAA5B;;AAEA,MAAMC,yBAAyB,gBAAGC,cAAA,CAAMC,aAAN,CAA4BH,mBAA5B,CAAlC;;eAEeC,yB"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ImageFileExtension = void 0;
7
+ exports.default = ImageFileExtensionProvider;
8
+
9
+ var _react = _interopRequireDefault(require("react"));
10
+
11
+ var R = _interopRequireWildcard(require("ramda"));
12
+
13
+ var _ImageFileExtensionContext = _interopRequireDefault(require("./ImageFileExtensionContext"));
14
+
15
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
+
17
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
+
19
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
+
21
+ let ImageFileExtension;
22
+ exports.ImageFileExtension = ImageFileExtension;
23
+
24
+ (function (ImageFileExtension) {
25
+ ImageFileExtension["AVIF"] = "avif";
26
+ ImageFileExtension["WEBP"] = "webp";
27
+ ImageFileExtension["JPG"] = "jpg";
28
+ ImageFileExtension["PNG"] = "png";
29
+ })(ImageFileExtension || (exports.ImageFileExtension = ImageFileExtension = {}));
30
+
31
+ function ImageFileExtensionProvider(props) {
32
+ const {
33
+ children,
34
+ extensions
35
+ } = props;
36
+ const availableAcceptHeader = R.pipe(R.map(extension => `image/${extension}`), R.join(','))(extensions);
37
+ const acceptHeader = `${availableAcceptHeader},image/*,*/*;`;
38
+ return /*#__PURE__*/_react.default.createElement(_ImageFileExtensionContext.default.Provider, {
39
+ value: acceptHeader
40
+ }, children);
41
+ }
42
+ //# sourceMappingURL=ImageFileExtensionProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ImageFileExtension","ImageFileExtensionProvider","props","children","extensions","availableAcceptHeader","R","pipe","map","extension","join","acceptHeader"],"sources":["ImageFileExtensionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\nexport enum ImageFileExtension {\n AVIF = \"avif\",\n WEBP = \"webp\",\n JPG = \"jpg\",\n PNG = \"png\",\n}\n\ninterface ImageFileExtensionProviderProps {\n children: React.ReactNode;\n extensions: ImageFileExtension[];\n}\n\nexport default function ImageFileExtensionProvider(props: ImageFileExtensionProviderProps) {\n const { children, extensions } = props;\n\n const availableAcceptHeader = R.pipe(\n R.map(extension => `image/${extension}`),\n R.join(','),\n )(extensions);\n\n const acceptHeader = `${availableAcceptHeader},image/*,*/*;`;\n\n return (\n <ImageFileExtensionContext.Provider value={acceptHeader}>\n {children}\n </ImageFileExtensionContext.Provider>\n );\n}\n"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;;;;;;;IAEYA,kB;;;WAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;GAAAA,kB,kCAAAA,kB;;AAYG,SAASC,0BAAT,CAAoCC,KAApC,EAA4E;EACvF,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA2BF,KAAjC;EAEA,MAAMG,qBAAqB,GAAGC,CAAC,CAACC,IAAF,CAC1BD,CAAC,CAACE,GAAF,CAAMC,SAAS,IAAK,SAAQA,SAAU,EAAtC,CAD0B,EAE1BH,CAAC,CAACI,IAAF,CAAO,GAAP,CAF0B,EAG5BN,UAH4B,CAA9B;EAKA,MAAMO,YAAY,GAAI,GAAEN,qBAAsB,eAA9C;EAEA,oBACI,6BAAC,kCAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAEM;EAA3C,GACKR,QADL,CADJ;AAKH"}
@@ -3,7 +3,15 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- var _exportNames = {};
6
+ var _exportNames = {
7
+ ImageFileExtensionProvider: true
8
+ };
9
+ Object.defineProperty(exports, "ImageFileExtensionProvider", {
10
+ enumerable: true,
11
+ get: function () {
12
+ return _ImageFileExtensionProvider.default;
13
+ }
14
+ });
7
15
  Object.defineProperty(exports, "default", {
8
16
  enumerable: true,
9
17
  get: function () {
@@ -27,5 +35,23 @@ Object.keys(_ImageCoreProps).forEach(function (key) {
27
35
  });
28
36
  });
29
37
 
38
+ var _ImageFileExtensionProvider = _interopRequireWildcard(require("./ImageFileExtensionProvider"));
39
+
40
+ Object.keys(_ImageFileExtensionProvider).forEach(function (key) {
41
+ if (key === "default" || key === "__esModule") return;
42
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
43
+ if (key in exports && exports[key] === _ImageFileExtensionProvider[key]) return;
44
+ Object.defineProperty(exports, key, {
45
+ enumerable: true,
46
+ get: function () {
47
+ return _ImageFileExtensionProvider[key];
48
+ }
49
+ });
50
+ });
51
+
52
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
53
+
54
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
55
+
30
56
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
57
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './ImageCoreWeb';\nexport * from './ImageCoreProps';"]}
1
+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ImageCoreWeb';\nexport * from './ImageCoreProps';\n\nexport { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';\nexport * from './ImageFileExtensionProvider';"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}