@fountain-ui/core 3.0.0-alpha.2 → 3.0.0-alpha.20

package/build/module/hooks/useFadeInAppBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Keyboard","StyleSheet","runOnJS","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","useSafeAreaInsets","rgb","useHeight","useTheme","useAppbarStyles","defaultOptions","fadeInBeginY","endY","appBarHeight","fadeInEndY","floating","keyboardDismissMode","dismissKeyboard","dismiss","useFadeInAppBar","userOptions","theme","styles","safeAreaInsets","onAppBarLayout","fromOffsetY","toOffsetY","beginY","scrollY","dy","lastOffsetY","normalized","originalBackgroundColor","palette","background","default","rgbValues","animatedAppBarStyle","r","g","b","backgroundColor","value","borderColor","divider","borderBottomWidth","hairlineWidth","animatedTitleStyle","opacity","scrollHandler","onBeginDrag","onScroll","event","offsetY","contentOffset","y","distance","Math","max","localOffsetY","min","onEndDrag","onMomentumEnd","appBarStyle","paddingTop","top","undefined","titleStyle"],"sources":["useFadeInAppBar.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { Falsy, Keyboard, RegisteredStyle, ScrollViewProps, StyleSheet, ViewProps, ViewStyle } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport { runOnJS, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { rgb } from '@fountain-ui/utils';\nimport { useHeight } from '../internal/hooks';\nimport { useTheme } from '../styles';\nimport useAppbarStyles from './useAppbarStyles';\n\ntype ViewStyleProp = Array<ViewStyle | RegisteredStyle<ViewStyle> | Falsy>;\n\ntype OnScroll = ScrollViewProps['onScroll'];\n\ntype OnLayoutCallback = ViewProps['onLayout'];\n\nexport interface Options {\n    fadeInBeginY?: number | ((endY: number, appBarHeight: number) => number);\n    fadeInEndY?: number | ((appBarHeight: number) => number);\n    floating?: boolean;\n    keyboardDismissMode?: 'none' | 'on-drag';\n}\n\nexport interface FadeInAppBar {\n    appBarStyle: ViewStyleProp;\n    titleStyle: ViewStyleProp;\n    onAppBarLayout: OnLayoutCallback;\n    onScroll: OnScroll;\n    scrollY: SharedValue<number>;\n    dy: SharedValue<number>;\n    normalized: SharedValue<number>;\n}\n\nconst defaultOptions: Required<Options> = {\n    fadeInBeginY: (endY, appBarHeight) => endY - appBarHeight,\n    fadeInEndY: (appBarHeight) => appBarHeight,\n    floating: true,\n    keyboardDismissMode: 'none',\n};\n\nconst dismissKeyboard = () => Keyboard.dismiss();\n\nexport default function useFadeInAppBar(userOptions: Options = defaultOptions): FadeInAppBar {\n    const {\n        fadeInBeginY,\n        fadeInEndY,\n        floating,\n        keyboardDismissMode,\n    }: Required<Options> = {\n        ...defaultOptions,\n        ...userOptions,\n    };\n\n    const theme = useTheme();\n\n    const styles = useAppbarStyles();\n\n    const safeAreaInsets = useSafeAreaInsets();\n\n    const [appBarHeight, onAppBarLayout] = useHeight();\n\n    const [fromOffsetY, toOffsetY] = useMemo(() => {\n        const endY = typeof fadeInEndY === 'function'\n            ? fadeInEndY(appBarHeight)\n            : fadeInEndY;\n\n        const beginY = typeof fadeInBeginY === 'function'\n            ? fadeInBeginY(endY, appBarHeight)\n            : fadeInBeginY;\n\n        return [beginY, endY];\n    }, [fadeInBeginY, fadeInBeginY, appBarHeight]);\n\n    const scrollY = useSharedValue<number>(0);\n    const dy = useSharedValue<number>(0);\n    const lastOffsetY = useSharedValue<number>(0);\n    const normalized = useSharedValue<number>(0);\n\n    const originalBackgroundColor = theme.palette.background.default;\n    const rgbValues = useMemo(() => rgb(originalBackgroundColor), [originalBackgroundColor]);\n\n    const animatedAppBarStyle = useAnimatedStyle(() => {\n        const [r, g, b] = rgbValues;\n        const backgroundColor = `rgba(${r}, ${g}, ${b}, ${normalized.value})`;\n\n        return {\n            backgroundColor,\n            borderColor: theme.palette.divider,\n            borderBottomWidth: normalized.value >= 1 ? StyleSheet.hairlineWidth : 0,\n        };\n    }, [rgbValues]);\n\n    const animatedTitleStyle = useAnimatedStyle(() => ({\n        opacity: normalized.value,\n    }), []);\n\n    const scrollHandler = useAnimatedScrollHandler({\n        onBeginDrag: () => {\n            if (keyboardDismissMode === 'on-drag') {\n                runOnJS(dismissKeyboard)();\n            }\n        },\n        onScroll: (event) => {\n            const offsetY = event.contentOffset.y;\n            scrollY.value = offsetY;\n\n            const distance = Math.max(toOffsetY - fromOffsetY, 1);\n            const localOffsetY = offsetY - fromOffsetY;\n\n            dy.value = offsetY - lastOffsetY.value;\n\n            normalized.value = Math.min(Math.max(localOffsetY / distance, 0), 1);\n        },\n        onEndDrag: (event) => {\n            lastOffsetY.value = event.contentOffset.y;\n        },\n        onMomentumEnd: (event) => {\n            lastOffsetY.value = event.contentOffset.y;\n        },\n    }, [keyboardDismissMode]);\n\n    const appBarStyle = [\n        animatedAppBarStyle,\n        { paddingTop: safeAreaInsets.top },\n        floating ? styles.floating : undefined,\n    ];\n\n    return {\n        appBarStyle,\n        titleStyle: [animatedTitleStyle],\n        onAppBarLayout,\n        onScroll: scrollHandler,\n        scrollY,\n        dy,\n        normalized,\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["useMemo","Keyboard","StyleSheet","runOnJS","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","useSafeAreaInsets","rgb","useHeight","useTheme","useAppbarStyles","defaultOptions","fadeInBeginY","endY","appBarHeight","fadeInEndY","floating","keyboardDismissMode","dismissKeyboard","dismiss","useFadeInAppBar","userOptions","theme","styles","safeAreaInsets","onAppBarLayout","fromOffsetY","toOffsetY","beginY","scrollY","dy","lastOffsetY","normalized","originalBackgroundColor","palette","background","default","rgbValues","animatedAppBarStyle","r","g","b","backgroundColor","value","borderColor","divider","borderBottomWidth","hairlineWidth","animatedTitleStyle","opacity","scrollHandler","onBeginDrag","onScroll","event","offsetY","contentOffset","y","distance","Math","max","localOffsetY","min","onEndDrag","onMomentumEnd","appBarStyle","paddingTop","top","undefined","titleStyle"],"sources":["useFadeInAppBar.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { Falsy, Keyboard, RegisteredStyle, ScrollViewProps, StyleSheet, ViewProps, ViewStyle } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport { runOnJS, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { rgb } from '@fountain-ui/utils';\nimport { useHeight } from '../internal/hooks';\nimport { useTheme } from '../styles';\nimport useAppbarStyles from './useAppbarStyles';\n\ntype ViewStyleProp = Array<ViewStyle | RegisteredStyle<ViewStyle> | Falsy>;\n\ntype OnScroll = ScrollViewProps['onScroll'];\n\ntype OnLayoutCallback = ViewProps['onLayout'];\n\nexport interface Options {\n    fadeInBeginY?: number | ((endY: number, appBarHeight: number) => number);\n    fadeInEndY?: number | ((appBarHeight: number) => number);\n    floating?: boolean;\n    keyboardDismissMode?: 'none' | 'on-drag';\n}\n\nexport interface FadeInAppBar {\n    appBarStyle: ViewStyleProp;\n    titleStyle: ViewStyleProp;\n    onAppBarLayout: OnLayoutCallback;\n    onScroll: OnScroll;\n    scrollY: SharedValue<number>;\n    dy: SharedValue<number>;\n    normalized: SharedValue<number>;\n}\n\nconst defaultOptions: Required<Options> = {\n    fadeInBeginY: (endY, appBarHeight) => endY - appBarHeight,\n    fadeInEndY: (appBarHeight) => appBarHeight,\n    floating: true,\n    keyboardDismissMode: 'none',\n};\n\nconst dismissKeyboard = () => Keyboard.dismiss();\n\nexport default function useFadeInAppBar(userOptions: Options = defaultOptions): FadeInAppBar {\n    const {\n        fadeInBeginY,\n        fadeInEndY,\n        floating,\n        keyboardDismissMode,\n    }: Required<Options> = {\n        ...defaultOptions,\n        ...userOptions,\n    };\n\n    const theme = useTheme();\n\n    const styles = useAppbarStyles();\n\n    const safeAreaInsets = useSafeAreaInsets();\n\n    const [appBarHeight, onAppBarLayout] = useHeight();\n\n    const [fromOffsetY, toOffsetY] = useMemo(() => {\n        const endY = typeof fadeInEndY === 'function'\n            ? fadeInEndY(appBarHeight)\n            : fadeInEndY;\n\n        const beginY = typeof fadeInBeginY === 'function'\n            ? fadeInBeginY(endY, appBarHeight)\n            : fadeInBeginY;\n\n        return [beginY, endY];\n    }, [fadeInBeginY, fadeInBeginY, appBarHeight]);\n\n    const scrollY = useSharedValue<number>(0);\n    const dy = useSharedValue<number>(0);\n    const lastOffsetY = useSharedValue<number>(0);\n    const normalized = useSharedValue<number>(0);\n\n    const originalBackgroundColor = theme.palette.background.default;\n    const rgbValues = useMemo(() => rgb(originalBackgroundColor), [originalBackgroundColor]);\n\n    const animatedAppBarStyle = useAnimatedStyle(() => {\n        const [r, g, b] = rgbValues;\n        const backgroundColor = `rgba(${r}, ${g}, ${b}, ${normalized.value})`;\n\n        return {\n            backgroundColor,\n            borderColor: theme.palette.divider,\n            borderBottomWidth: normalized.value >= 1 ? StyleSheet.hairlineWidth : 0,\n        };\n    }, [rgbValues]);\n\n    const animatedTitleStyle = useAnimatedStyle(() => ({\n        opacity: normalized.value,\n    }), []);\n\n    const scrollHandler = useAnimatedScrollHandler({\n        onBeginDrag: () => {\n            if (keyboardDismissMode === 'on-drag') {\n                runOnJS(dismissKeyboard)();\n            }\n        },\n        onScroll: (event) => {\n            const offsetY = event.contentOffset.y;\n            scrollY.value = offsetY;\n\n            const distance = Math.max(toOffsetY - fromOffsetY, 1);\n            const localOffsetY = offsetY - fromOffsetY;\n\n            dy.value = offsetY - lastOffsetY.value;\n\n            normalized.value = Math.min(Math.max(localOffsetY / distance, 0), 1);\n        },\n        onEndDrag: (event) => {\n            lastOffsetY.value = event.contentOffset.y;\n        },\n        onMomentumEnd: (event) => {\n            lastOffsetY.value = event.contentOffset.y;\n        },\n    });\n\n    const appBarStyle = [\n        animatedAppBarStyle,\n        { paddingTop: safeAreaInsets.top },\n        floating ? styles.floating : undefined,\n    ];\n\n    return {\n        appBarStyle,\n        titleStyle: [animatedTitleStyle],\n        onAppBarLayout,\n        onScroll: scrollHandler,\n        scrollY,\n        dy,\n        normalized,\n    };\n};\n"],"mappings":"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"}

package/build/module/index.js

@@ -96,6 +96,8 @@ export { default as RadioGroup } from './RadioGroup';
 export * from './RadioGroup';
 export { default as Row } from './Row';
 export * from './Row';
+export { default as Section } from './Section';
+export * from './Section';
 export { default as ShadowView } from './ShadowView';
 export * from './ShadowView';
 export { default as Slide } from './Slide';

package/build/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Accordion","AppBar","AspectRatio","Avatar","Badge","BottomSheetActions","BottomSheetContent","BottomSheetTitle","Button","ButtonBase","ButtonSet","Card","CardActions","CardContent","CardMedia","Checkbox","Chip","CircularProgress","Column","Dialog","DialogActions","DialogContent","DialogMedia","DialogTitle","Divider","Empty","Fab","IconButton","Image","Link","List","ListItem","ListItemIcon","ListItemSecondaryAction","ListItemText","ListSubheader","Menu","MenuItem","Modal","createModalCloseEvent","Pagination","PaginationItem","Paper","Portal","Radio","RadioGroup","Row","ShadowView","Slide","Slider","Snackbar","SnackbarContent","Spacer","SvgIcon","Switch","Tab","TabBase","Tabs","TextField","Toggle","Toolbar","Tooltip","Typography"],"sources":["index.ts"],"sourcesContent":["export * from './styles';\n\nexport * from './types';\n\nexport * from './hooks';\n\nexport * from './utils';\n\nexport * from './store';\n\nexport { default as Accordion } from './Accordion';\nexport * from './Accordion';\n\nexport { default as AppBar } from './AppBar';\nexport * from './AppBar';\n\nexport { default as AspectRatio } from './AspectRatio';\nexport * from './AspectRatio';\n\nexport { default as Avatar } from './Avatar';\nexport * from './Avatar';\n\nexport { default as Badge } from './Badge';\nexport * from './Badge';\n\nexport { default as BottomSheetActions } from './BottomSheetActions';\nexport * from './BottomSheetActions';\n\nexport { default as BottomSheetContent } from './BottomSheetContent';\nexport * from './BottomSheetContent';\n\nexport { default as BottomSheetTitle } from './BottomSheetTitle';\nexport * from './BottomSheetTitle';\n\nexport { default as Button } from './Button';\nexport * from './Button';\n\nexport { default as ButtonBase } from './ButtonBase';\nexport * from './ButtonBase';\n\nexport { default as ButtonSet } from './ButtonSet';\nexport * from './ButtonSet';\n\nexport { default as Card } from './Card';\nexport * from './Card';\n\nexport { default as CardActions } from './CardActions';\nexport * from './CardActions';\n\nexport { default as CardContent } from './CardContent';\nexport * from './CardContent';\n\nexport { default as CardMedia } from './CardMedia';\nexport * from './CardMedia';\n\nexport { default as Checkbox } from './Checkbox';\nexport * from './Checkbox';\n\nexport { default as Chip } from './Chip';\nexport * from './Chip';\n\nexport { default as CircularProgress } from './CircularProgress';\nexport * from './CircularProgress';\n\nexport { default as Column } from './Column';\nexport * from './Column';\n\nexport { default as Dialog } from './Dialog';\nexport * from './Dialog';\n\nexport { default as DialogActions } from './DialogActions';\nexport * from './DialogActions';\n\nexport { default as DialogContent } from './DialogContent';\nexport * from './DialogContent';\n\nexport { default as DialogMedia } from './DialogMedia';\nexport * from './DialogMedia';\n\nexport { default as DialogTitle } from './DialogTitle';\nexport * from './DialogTitle';\n\nexport { default as Divider } from './Divider';\nexport * from './Divider';\n\nexport { default as Empty } from './Empty';\nexport * from './Empty';\n\nexport { default as Fab } from './Fab';\nexport * from './Fab';\n\nexport { default as IconButton } from './IconButton';\nexport * from './IconButton';\n\nexport { default as Image } from './Image';\nexport * from './Image';\n\nexport * from './ImageCore';\n\nexport { default as Link } from './Link';\nexport * from './Link';\n\nexport { default as List } from './List';\nexport * from './List';\n\nexport { default as ListItem } from './ListItem';\nexport * from './ListItem';\n\nexport { default as ListItemIcon } from './ListItemIcon';\nexport * from './ListItemIcon';\n\nexport { default as ListItemSecondaryAction } from './ListItemSecondaryAction';\nexport * from './ListItemSecondaryAction';\n\nexport { default as ListItemText } from './ListItemText';\nexport * from './ListItemText';\n\nexport { default as ListSubheader } from './ListSubheader';\nexport * from './ListSubheader';\n\nexport { default as Menu } from './Menu';\nexport * from './Menu';\n\nexport { default as MenuItem } from './MenuItem';\nexport * from './MenuItem';\n\nexport { default as Modal, createModalCloseEvent } from './Modal';\nexport type { ModalCloseEvent } from './Modal';\nexport * from './Modal';\n\nexport { default as Pagination } from './Pagination';\nexport * from './Pagination';\n\nexport { default as PaginationItem } from './PaginationItem';\nexport * from './PaginationItem';\n\nexport { default as Paper } from './Paper';\nexport * from './Paper';\n\nexport { default as Portal } from './Portal';\nexport * from './Portal';\n\nexport { default as Radio } from './Radio';\nexport * from './Radio';\n\nexport { default as RadioGroup } from './RadioGroup';\nexport * from './RadioGroup';\n\nexport { default as Row } from './Row';\nexport * from './Row';\n\nexport { default as ShadowView } from './ShadowView';\nexport * from './ShadowView';\n\nexport { default as Slide } from './Slide';\nexport * from './Slide';\n\nexport { default as Slider } from './Slider';\nexport * from './Slider';\n\nexport { default as Snackbar } from './Snackbar';\nexport * from './Snackbar';\n\nexport { default as SnackbarContent } from './SnackbarContent';\nexport * from './SnackbarContent';\n\nexport { default as Spacer } from './Spacer';\nexport * from './Spacer';\n\nexport { default as SvgIcon } from './SvgIcon';\nexport * from './SvgIcon';\n\nexport { default as Switch } from './Switch';\nexport * from './Switch';\n\nexport { default as Tab } from './Tab';\nexport * from './Tab';\n\nexport { default as TabBase } from './TabBase';\nexport * from './TabBase';\n\nexport { default as Tabs } from './Tabs';\nexport * from './Tabs';\n\nexport { default as TextField } from './TextField';\nexport * from './TextField';\n\nexport { default as Toggle } from './Toggle';\nexport * from './Toggle';\n\nexport { default as Toolbar } from './Toolbar';\nexport * from './Toolbar';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as Typography } from './Typography';\nexport * from './Typography';\n\nexport * from './animated';\n"],"mappings":"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"}
+{"version":3,"names":["default","Accordion","AppBar","AspectRatio","Avatar","Badge","BottomSheetActions","BottomSheetContent","BottomSheetTitle","Button","ButtonBase","ButtonSet","Card","CardActions","CardContent","CardMedia","Checkbox","Chip","CircularProgress","Column","Dialog","DialogActions","DialogContent","DialogMedia","DialogTitle","Divider","Empty","Fab","IconButton","Image","Link","List","ListItem","ListItemIcon","ListItemSecondaryAction","ListItemText","ListSubheader","Menu","MenuItem","Modal","createModalCloseEvent","Pagination","PaginationItem","Paper","Portal","Radio","RadioGroup","Row","Section","ShadowView","Slide","Slider","Snackbar","SnackbarContent","Spacer","SvgIcon","Switch","Tab","TabBase","Tabs","TextField","Toggle","Toolbar","Tooltip","Typography"],"sources":["index.ts"],"sourcesContent":["export * from './styles';\n\nexport * from './types';\n\nexport * from './hooks';\n\nexport * from './utils';\n\nexport * from './store';\n\nexport { default as Accordion } from './Accordion';\nexport * from './Accordion';\n\nexport { default as AppBar } from './AppBar';\nexport * from './AppBar';\n\nexport { default as AspectRatio } from './AspectRatio';\nexport * from './AspectRatio';\n\nexport { default as Avatar } from './Avatar';\nexport * from './Avatar';\n\nexport { default as Badge } from './Badge';\nexport * from './Badge';\n\nexport { default as BottomSheetActions } from './BottomSheetActions';\nexport * from './BottomSheetActions';\n\nexport { default as BottomSheetContent } from './BottomSheetContent';\nexport * from './BottomSheetContent';\n\nexport { default as BottomSheetTitle } from './BottomSheetTitle';\nexport * from './BottomSheetTitle';\n\nexport { default as Button } from './Button';\nexport * from './Button';\n\nexport { default as ButtonBase } from './ButtonBase';\nexport * from './ButtonBase';\n\nexport { default as ButtonSet } from './ButtonSet';\nexport * from './ButtonSet';\n\nexport { default as Card } from './Card';\nexport * from './Card';\n\nexport { default as CardActions } from './CardActions';\nexport * from './CardActions';\n\nexport { default as CardContent } from './CardContent';\nexport * from './CardContent';\n\nexport { default as CardMedia } from './CardMedia';\nexport * from './CardMedia';\n\nexport { default as Checkbox } from './Checkbox';\nexport * from './Checkbox';\n\nexport { default as Chip } from './Chip';\nexport * from './Chip';\n\nexport { default as CircularProgress } from './CircularProgress';\nexport * from './CircularProgress';\n\nexport { default as Column } from './Column';\nexport * from './Column';\n\nexport { default as Dialog } from './Dialog';\nexport * from './Dialog';\n\nexport { default as DialogActions } from './DialogActions';\nexport * from './DialogActions';\n\nexport { default as DialogContent } from './DialogContent';\nexport * from './DialogContent';\n\nexport { default as DialogMedia } from './DialogMedia';\nexport * from './DialogMedia';\n\nexport { default as DialogTitle } from './DialogTitle';\nexport * from './DialogTitle';\n\nexport { default as Divider } from './Divider';\nexport * from './Divider';\n\nexport { default as Empty } from './Empty';\nexport * from './Empty';\n\nexport { default as Fab } from './Fab';\nexport * from './Fab';\n\nexport { default as IconButton } from './IconButton';\nexport * from './IconButton';\n\nexport { default as Image } from './Image';\nexport * from './Image';\n\nexport * from './ImageCore';\n\nexport { default as Link } from './Link';\nexport * from './Link';\n\nexport { default as List } from './List';\nexport * from './List';\n\nexport { default as ListItem } from './ListItem';\nexport * from './ListItem';\n\nexport { default as ListItemIcon } from './ListItemIcon';\nexport * from './ListItemIcon';\n\nexport { default as ListItemSecondaryAction } from './ListItemSecondaryAction';\nexport * from './ListItemSecondaryAction';\n\nexport { default as ListItemText } from './ListItemText';\nexport * from './ListItemText';\n\nexport { default as ListSubheader } from './ListSubheader';\nexport * from './ListSubheader';\n\nexport { default as Menu } from './Menu';\nexport * from './Menu';\n\nexport { default as MenuItem } from './MenuItem';\nexport * from './MenuItem';\n\nexport { default as Modal, createModalCloseEvent } from './Modal';\nexport type { ModalCloseEvent } from './Modal';\nexport * from './Modal';\n\nexport { default as Pagination } from './Pagination';\nexport * from './Pagination';\n\nexport { default as PaginationItem } from './PaginationItem';\nexport * from './PaginationItem';\n\nexport { default as Paper } from './Paper';\nexport * from './Paper';\n\nexport { default as Portal } from './Portal';\nexport * from './Portal';\n\nexport { default as Radio } from './Radio';\nexport * from './Radio';\n\nexport { default as RadioGroup } from './RadioGroup';\nexport * from './RadioGroup';\n\nexport { default as Row } from './Row';\nexport * from './Row';\n\nexport { default as Section } from './Section';\nexport * from './Section';\n\nexport { default as ShadowView } from './ShadowView';\nexport * from './ShadowView';\n\nexport { default as Slide } from './Slide';\nexport * from './Slide';\n\nexport { default as Slider } from './Slider';\nexport * from './Slider';\n\nexport { default as Snackbar } from './Snackbar';\nexport * from './Snackbar';\n\nexport { default as SnackbarContent } from './SnackbarContent';\nexport * from './SnackbarContent';\n\nexport { default as Spacer } from './Spacer';\nexport * from './Spacer';\n\nexport { default as SvgIcon } from './SvgIcon';\nexport * from './SvgIcon';\n\nexport { default as Switch } from './Switch';\nexport * from './Switch';\n\nexport { default as Tab } from './Tab';\nexport * from './Tab';\n\nexport { default as TabBase } from './TabBase';\nexport * from './TabBase';\n\nexport { default as Tabs } from './Tabs';\nexport * from './Tabs';\n\nexport { default as TextField } from './TextField';\nexport * from './TextField';\n\nexport { default as Toggle } from './Toggle';\nexport * from './Toggle';\n\nexport { default as Toolbar } from './Toolbar';\nexport * from './Toolbar';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as Typography } from './Typography';\nexport * from './Typography';\n\nexport * from './animated';\n"],"mappings":"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"}

package/build/module/internal/icons/ChevronLeft.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { Path } from 'react-native-svg';
 import { createSvgIcon } from '../../utils';
 export default createSvgIcon( /*#__PURE__*/React.createElement(Path, {
-  d: "M7.58594 12L14.293 18.7071C14.6836 19.0976 15.3167 19.0976 15.7073 18.7071C16.0978 18.3166 16.0978 17.6834 15.7073 17.2929L10.4144 12L15.7073 6.70711C16.0978 6.31658 16.0978 5.68342 15.7073 5.29289C15.3167 4.90237 14.6836 4.90237 14.293 5.29289L7.58594 12Z"
-}), 'ChevronLeft');
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0 12C3.16267e-09 11.7348 0.105357 11.4804 0.292893 11.2929L6.29289 5.29289C6.68342 4.90237 7.31658 4.90237 7.70711 5.29289C8.09763 5.68342 8.09763 6.31658 7.70711 6.70711L2.41421 12L7.70711 17.2929C8.09763 17.6834 8.09763 18.3166 7.70711 18.7071C7.31658 19.0976 6.68342 19.0976 6.29289 18.7071L0.292893 12.7071C0.105357 12.5196 -3.16267e-09 12.2652 0 12Z"
+}), 'ChevronLeft', '0 0 8 24');
 //# sourceMappingURL=ChevronLeft.js.map

package/build/module/internal/icons/ChevronLeft.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Path","createSvgIcon"],"sources":["ChevronLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        d=\"M7.58594 12L14.293 18.7071C14.6836 19.0976 15.3167 19.0976 15.7073 18.7071C16.0978 18.3166 16.0978 17.6834 15.7073 17.2929L10.4144 12L15.7073 6.70711C16.0978 6.31658 16.0978 5.68342 15.7073 5.29289C15.3167 4.90237 14.6836 4.90237 14.293 5.29289L7.58594 12Z\"\n    />,\n    'ChevronLeft',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;EACI,CAAC,EAAC;AADN,EADwB,EAIxB,aAJwB,CAA5B"}
+{"version":3,"names":["React","Path","createSvgIcon"],"sources":["ChevronLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0 12C3.16267e-09 11.7348 0.105357 11.4804 0.292893 11.2929L6.29289 5.29289C6.68342 4.90237 7.31658 4.90237 7.70711 5.29289C8.09763 5.68342 8.09763 6.31658 7.70711 6.70711L2.41421 12L7.70711 17.2929C8.09763 17.6834 8.09763 18.3166 7.70711 18.7071C7.31658 19.0976 6.68342 19.0976 6.29289 18.7071L0.292893 12.7071C0.105357 12.5196 -3.16267e-09 12.2652 0 12Z\"\n    />,\n    'ChevronLeft',\n    '0 0 8 24',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADwB,EAMxB,aANwB,EAOxB,UAPwB,CAA5B"}

package/build/module/internal/icons/ChevronRight.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { Path } from 'react-native-svg';
 import { createSvgIcon } from '../../utils';
 export default createSvgIcon( /*#__PURE__*/React.createElement(Path, {
-  d: "M16.4141 12L9.70696 18.7071C9.31643 19.0976 8.68327 19.0976 8.29274 18.7071C7.90222 18.3166 7.90222 17.6834 8.29274 17.2929L13.5856 12L8.29274 6.70711C7.90222 6.31658 7.90222 5.68342 8.29274 5.29289C8.68327 4.90237 9.31643 4.90237 9.70696 5.29289L16.4141 12Z"
-}), 'ChevronRight');
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8 12C8 12.2652 7.89464 12.5196 7.70711 12.7071L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292892 18.7071C-0.0976309 18.3166 -0.0976309 17.6834 0.292893 17.2929L5.58579 12L0.292894 6.70711C-0.0976304 6.31658 -0.0976304 5.68342 0.292895 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L7.70711 11.2929C7.89464 11.4804 8 11.7348 8 12Z"
+}), 'ChevronRight', '0 0 8 24');
 //# sourceMappingURL=ChevronRight.js.map

package/build/module/internal/icons/ChevronRight.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Path","createSvgIcon"],"sources":["ChevronRight.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        d=\"M16.4141 12L9.70696 18.7071C9.31643 19.0976 8.68327 19.0976 8.29274 18.7071C7.90222 18.3166 7.90222 17.6834 8.29274 17.2929L13.5856 12L8.29274 6.70711C7.90222 6.31658 7.90222 5.68342 8.29274 5.29289C8.68327 4.90237 9.31643 4.90237 9.70696 5.29289L16.4141 12Z\"\n    />,\n    'ChevronRight',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;EACI,CAAC,EAAC;AADN,EADwB,EAIxB,cAJwB,CAA5B"}
+{"version":3,"names":["React","Path","createSvgIcon"],"sources":["ChevronRight.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8 12C8 12.2652 7.89464 12.5196 7.70711 12.7071L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292892 18.7071C-0.0976309 18.3166 -0.0976309 17.6834 0.292893 17.2929L5.58579 12L0.292894 6.70711C-0.0976304 6.31658 -0.0976304 5.68342 0.292895 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L7.70711 11.2929C7.89464 11.4804 8 11.7348 8 12Z\"\n    />,\n    'ChevronRight',\n    '0 0 8 24',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADwB,EAMxB,cANwB,EAOxB,UAPwB,CAA5B"}

package/build/module/internal/icons/Close.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { Path } from 'react-native-svg';
 import { createSvgIcon } from '../../utils';
 export default createSvgIcon( /*#__PURE__*/React.createElement(Path, {
-  d: "M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L12 10.5858L5.70711 4.29292C5.31658 3.9024 4.68342 3.9024 4.29289 4.29292C3.90237 4.68345 3.90237 5.31661 4.29289 5.70714L10.5858 12L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L12 13.4142L18.2929 19.7071C18.6834 20.0977 19.3166 20.0977 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.4142 12L19.7071 5.70711Z"
-}), 'Close');
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L7 10.5858L12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289C14.0976 5.68342 14.0976 6.31658 13.7071 6.70711L8.41421 12L13.7071 17.2929C14.0976 17.6834 14.0976 18.3166 13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071L7 13.4142L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292893 18.7071C-0.0976311 18.3166 -0.0976311 17.6834 0.292893 17.2929L5.58579 12L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289Z"
+}), 'Close', '0 0 14 24');
 //# sourceMappingURL=Close.js.map

package/build/module/internal/icons/Close.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Path","createSvgIcon"],"sources":["Close.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        d=\"M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L12 10.5858L5.70711 4.29292C5.31658 3.9024 4.68342 3.9024 4.29289 4.29292C3.90237 4.68345 3.90237 5.31661 4.29289 5.70714L10.5858 12L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L12 13.4142L18.2929 19.7071C18.6834 20.0977 19.3166 20.0977 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.4142 12L19.7071 5.70711Z\"\n    />,\n    'Close',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;EACI,CAAC,EAAC;AADN,EADwB,EAIxB,OAJwB,CAA5B"}
+{"version":3,"names":["React","Path","createSvgIcon"],"sources":["Close.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L7 10.5858L12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289C14.0976 5.68342 14.0976 6.31658 13.7071 6.70711L8.41421 12L13.7071 17.2929C14.0976 17.6834 14.0976 18.3166 13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071L7 13.4142L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292893 18.7071C-0.0976311 18.3166 -0.0976311 17.6834 0.292893 17.2929L5.58579 12L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289Z\"\n    />,\n    'Close',\n    '0 0 14 24',\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,aAAT,QAA8B,aAA9B;AAEA,eAAeA,aAAa,eACxB,oBAAC,IAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADwB,EAMxB,OANwB,EAOxB,WAPwB,CAA5B"}

package/build/typescript/Accordion/useVariantStyleMap.d.ts

@@ -5,6 +5,7 @@ interface VariantStyle {
     container: FountainUiStyle;
     content: FountainUiStyle;
     contentFont: TextStyle;
+    iconContainer?: FountainUiStyle;
     subTitleFont?: TextStyle;
     title: FountainUiStyle;
     titleFont: TextStyle;

package/build/typescript/Badge/BadgeProps.d.ts

@@ -29,6 +29,11 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * (only number variant)
      */
     content?: number;
+    /**
+     * The horizontal offset of the badge.
+     * @default 0
+     */
+    horizontalOffset?: number;
     /**
      * If `true`, the badge is invisible.
      * @default false
@@ -42,11 +47,6 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * }
      */
     position?: BadgePosition;
-    /**
-     * The offset of the badge.
-     * @default 0
-     */
-    offset?: number;
     /**
      *
      */
@@ -56,5 +56,10 @@ export default interface BadgeProps extends OverridableComponentProps<ViewProps,
      * @default 'dot'
      */
     variant?: BadgeVariant;
+    /**
+     * The vertical offset of the badge.
+     * @default 0
+     */
+    verticalOffset?: number;
 }> {
 }

package/build/typescript/BottomSheetTitle/BottomSheetTitleProps.d.ts

@@ -1,6 +1,7 @@
 import type { OverridableComponentProps } from '../types';
 import type { RowProps } from '../Row';
 declare type ActionButtonProps = {
+    disabled?: boolean | undefined;
     title: string;
     onPress: () => void;
 };

package/build/typescript/Button/ButtonProps.d.ts

@@ -22,6 +22,11 @@ export default interface ButtonProps extends OverridableComponentProps<ButtonBas
      * @default false
      */
     disableMinWidth?: boolean;
+    /**
+     * Determines whether padding should be applied.
+     * @default false
+     */
+    disablePadding?: boolean;
     /**
      * Element placed after the children.
      */

package/build/typescript/ButtonBase/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LegacyButtonBase';
+export { default } from './ButtonBase';
 export type { default as ButtonBaseProps } from './ButtonBaseProps';

package/build/typescript/Checkbox/useVariantStyleMap.d.ts

@@ -1,6 +1,7 @@
 import { FountainUiStyle } from '@fountain-ui/styles';
 import type { CheckboxVariant } from './CheckboxProps';
 declare type useVariantStyleMapReturns = {
+    checkboxContainerStyle?: FountainUiStyle;
     checkboxStyle?: FountainUiStyle;
     containerStyle?: FountainUiStyle;
     iconColor?: string;

package/build/typescript/Chip/ChipProps.d.ts

@@ -1,23 +1,30 @@
 import React from 'react';
 import { OverridableComponentProps } from '../types';
 import type { ButtonBaseProps } from '../ButtonBase';
+export declare const chipColors: readonly ["default", "white"];
+export declare type ChipColor = typeof chipColors[number];
 export declare const chipSizes: readonly ["large", "small"];
 export declare type ChipSize = typeof chipSizes[number];
 export declare const chipStartElementVariants: readonly ["default", "avatar", "image", "icon"];
 export declare type ChipStartElementVariant = typeof chipStartElementVariants[number];
 export default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {
-    /**
-     * Element placed after the children.
-     */
-    endElement?: React.ReactElement;
     /**
      * The content of the component.
      */
     children: string;
+    /**
+     * Set backgroundColor of the component.
+     * @default 'default'
+     */
+    color?: ChipColor;
     /**
      * Number of lines of children.
      */
     numberOfLines?: number;
+    /**
+     * If `true`, showing a close icon and applying a highlighted style.
+     */
+    selected?: boolean;
     /**
      * Determines size of component.
      * @default 'small'

package/build/typescript/Chip/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './Chip';
 export type { default as ChipProps } from './ChipProps';
-export { chipSizes, chipStartElementVariants } from './ChipProps';
+export { chipColors, chipSizes, chipStartElementVariants } from './ChipProps';

package/build/typescript/Chip/useChipStyle.d.ts

@@ -1,11 +1,12 @@
 import type { TextStyle } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
-import type { ChipSize, ChipStartElementVariant } from './ChipProps';
+import type { ChipColor, ChipSize, ChipStartElementVariant } from './ChipProps';
 interface ChipStyle {
     container: FountainUiStyle;
-    endElement?: FountainUiStyle;
+    closeButton?: FountainUiStyle;
     label: TextStyle;
     startElement?: FountainUiStyle;
+    startElementContainer?: FountainUiStyle;
 }
-export default function useChipStyle(size: ChipSize, startElementVariant: ChipStartElementVariant, isEndElement: boolean): ChipStyle;
+export default function useChipStyle(size: ChipSize, startElementVariant: ChipStartElementVariant, color: ChipColor, selected: boolean): ChipStyle;
 export {};

package/build/typescript/Dialog/DialogProps.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ModalProps } from '../Modal';
 import type { OverridableComponentProps } from '../types';
 import { ANIMATION_TYPE } from '../Modal';
-export declare const dialogSizes: readonly ["small", "medium", "large"];
+export declare const dialogSizes: readonly ["small", "medium", "large", "full"];
 export declare type DialogSize = typeof dialogSizes[number];
 export default interface DialogProps extends OverridableComponentProps<ModalProps, {
     /**
@@ -14,11 +14,6 @@ export default interface DialogProps extends OverridableComponentProps<ModalProp
      * Dialog children, usually the included sub-components.
      */
     children?: React.ReactNode;
-    /**
-     * If `true`, the dialog is full-screen.
-     * @default false
-     */
-    fullScreen?: boolean;
     /**
      * Determines the minWidth of the Dialog.
      * @default 'medium'

package/build/typescript/Dialog/useDialogStyle.d.ts

@@ -2,5 +2,5 @@ import type { NamedStylesStringUnion } from '@fountain-ui/styles';
 import type { DialogSize } from './DialogProps';
 declare type DialogStyleKeys = 'root' | 'container' | 'paper' | 'topElementContainer' | 'topElementContent';
 declare type DialogStyles = NamedStylesStringUnion<DialogStyleKeys>;
-export default function useDialogStyle(size: DialogSize, fullScreen: boolean): DialogStyles;
+export default function useDialogStyle(size: DialogSize): DialogStyles;
 export {};

package/build/typescript/DialogTitle/DialogLargeTitle.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { DialogProps } from '../Dialog';
+import type DialogTitleProps from './DialogTitleProps';
+interface DialogLargeTitleProps extends DialogTitleProps {
+    closeButtonType?: 'back' | 'close';
+    onClose: DialogProps['onClose'];
+}
+export default function DialogLargeTitle(props: DialogLargeTitleProps): JSX.Element;
+export {};

package/build/typescript/DialogTitle/DialogTitle.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
+import DialogLargeTitle from './DialogLargeTitle';
 import type DialogTitleProps from './DialogTitleProps';
-export default function DialogTitle(props: DialogTitleProps): JSX.Element;
+declare const DialogTitle: {
+    (props: DialogTitleProps): JSX.Element;
+    Large: typeof DialogLargeTitle;
+};
+export default DialogTitle;

package/build/typescript/Divider/DividerProps.d.ts

@@ -3,7 +3,7 @@ import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
 export declare const dividerElementAligns: readonly ["start", "center", "end"];
 export declare type DividerElementAlign = typeof dividerElementAligns[number];
-export declare const dividerVariants: readonly ["base", "strong"];
+export declare const dividerVariants: readonly ["base", "strong", "baseStatic", "strongStatic"];
 export declare type DividerVariant = typeof dividerVariants[number];
 export default interface DividerProps extends OverridableComponentProps<ViewProps, {
     /**

package/build/typescript/Flexbox/FlexboxProps.d.ts

@@ -40,6 +40,10 @@ export default interface FlexboxProps extends OverridableComponentProps<ViewProp
      * @default 'nowrap'
      */
     flexWrap?: FlexStyle['flexWrap'];
+    /**
+     * Defines the spacing between items in a flex container.
+     */
+    gap?: number | undefined;
     /**
      * Content of this component.
      */

package/build/typescript/IconButton/IconButtonProps.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ButtonBaseProps } from '../ButtonBase';
 import type { SvgIconSize } from '../SvgIcon/SvgIconProps';
 import type { OverridableComponentProps } from '../types';
-export declare const iconButtonColors: readonly ["strong", "base", "staticStrongInverse", "disabled"];
+export declare const iconButtonColors: readonly ["strong", "base", "staticStrongInverse", "staticBaseOpacityInverse", "disabled"];
 export declare type IconButtonColor = typeof iconButtonColors[number];
 export default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {
     /**

package/build/typescript/ListItem/ListItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import ListItemProps from './ListItemProps';
+import type ListItemProps from './ListItemProps';
 export default function ListItem(props: ListItemProps): JSX.Element;

package/build/typescript/ListItem/ListItemProps.d.ts

@@ -13,6 +13,10 @@ export default interface ListItemProps extends OverridableComponentProps<React.P
      * @default false
      */
     button?: boolean;
+    /**
+     * Displays a description in this item.
+     */
+    description?: string;
     /**
      * Whether to prevent interaction with the ButtonBase.
      * @default false

package/build/typescript/ListItemText/ListItemTextProps.d.ts

@@ -1,16 +1,9 @@
-import type { TypographyProps } from '../Typography';
 import type { OverridableComponentProps } from '../types';
 import type { ColumnProps } from '../Column';
-declare type BaseProps = Omit<ColumnProps, 'children'>;
-export default interface ListItemTextProps extends OverridableComponentProps<BaseProps, {
+export default interface ListItemTextProps extends OverridableComponentProps<ColumnProps, {
     /**
      * The main content element.
      */
-    primary?: TypographyProps['children'];
-    /**
-     * The secondary content element.
-     */
-    secondary?: TypographyProps['children'];
+    children: string;
 }> {
 }
-export {};

package/build/typescript/Pagination/PaginationProps.d.ts

@@ -1,9 +1,16 @@
 import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
+export declare const paginationColors: readonly ["base", "static"];
+export declare type PaginationColor = typeof paginationColors[number];
 export declare const paginationVariants: readonly ["dot", "number"];
 export declare type PaginationVariant = typeof paginationVariants[number];
 export interface PaginationRenderItemParams {
+    /**
+     * Set color of dot.
+     * @default 'base'
+     */
+    color?: PaginationColor;
     /**
      * Index of the pagination item.
      */
@@ -27,6 +34,11 @@ export default interface PaginationProps extends OverridableComponentProps<ViewP
      * The pagination will be added relative to this node.
      */
     children?: React.ReactNode;
+    /**
+     * Set color of dot.
+     * @default 'base'
+     */
+    color?: PaginationColor;
     /**
      * The total number of pages.
      */

package/build/typescript/Pagination/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from './Pagination';
-export type { default as PaginationProps } from './PaginationProps';
-export { paginationVariants } from './PaginationProps';
+export type { default as PaginationProps, PaginationColor, PaginationVariant } from './PaginationProps';
+export { paginationColors, paginationVariants } from './PaginationProps';

package/build/typescript/PaginationItem/PaginationItemProps.d.ts

@@ -1,6 +1,12 @@
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
+import { PaginationColor } from '../Pagination';
 export default interface PaginationItemProps extends OverridableComponentProps<ViewProps, {
+    /**
+     * Set color of dot.
+     * @default 'base'
+     */
+    color?: PaginationColor;
     /**
      * If `true`, the pagination item is disabled.
      * @default false

package/build/typescript/Section/Section.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type SectionProps from './SectionProps';
+export default function Section(props: SectionProps): JSX.Element;

package/build/typescript/Section/SectionProps.d.ts

@@ -0,0 +1,6 @@
+import type { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export default interface SectionProps extends OverridableComponentProps<ViewProps, {
+    maxWidth?: number;
+}> {
+}

package/build/typescript/Section/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Section';
+export type { default as SectionProps } from './SectionProps';

package/build/typescript/Tab/TabProps.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 import type { LayoutChangeEvent } from 'react-native';
 import type { TabBaseProps } from '../TabBase';
 import type { OverridableComponentProps } from '../types';
-export declare const tabVariants: readonly ["default", "circular", "bottom-navigation"];
+export declare const tabSizes: readonly ["small", "medium"];
+export declare type TabSize = typeof tabSizes[number];
+export declare const tabVariants: readonly ["default", "circular", "circular-home", "bottom-navigation"];
 export declare type TabVariant = typeof tabVariants[number];
 export default interface TabProps extends OverridableComponentProps<TabBaseProps, {
     /**
@@ -32,6 +34,11 @@ export default interface TabProps extends OverridableComponentProps<TabBaseProps
      * If supplied, use this icon on selected state.
      */
     selectedIcon?: React.ReactElement;
+    /**
+     * The size of the Tab.
+     * @default 'medium'
+     */
+    size?: TabSize;
     /**
      * The variant to use.
      * @default 'default'

package/build/typescript/Tab/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './Tab';
-export type { default as TabProps, TabVariant } from './TabProps';
+export type { default as TabProps, TabSize, TabVariant } from './TabProps';
+export { tabSizes, tabVariants } from './TabProps';

package/build/typescript/Tab/useVariantStyleMap.d.ts

@@ -1,10 +1,11 @@
 import { TextStyle } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
-import type { TabVariant } from './TabProps';
+import type { TabSize, TabVariant } from './TabProps';
 interface VariantStyle {
     container: FountainUiStyle;
+    iconContainer?: FountainUiStyle;
     inner?: FountainUiStyle;
     label: TextStyle;
 }
-export default function useVariantStyleMap(variant: TabVariant, selected: boolean): VariantStyle;
+export default function useVariantStyleMap(variant: TabVariant, selected: boolean, size: TabSize): VariantStyle;
 export {};

package/build/typescript/TabBase/TabBaseProps.d.ts

@@ -11,10 +11,5 @@ export default interface TabBaseProps extends OverridableComponentProps<ButtonBa
      * @default false
      */
     selected?: boolean;
-    /**
-     * Orientation of the TabBase. Default is horizontal.
-     * @default false
-     */
-    vertical?: boolean;
 }> {
 }

package/build/typescript/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type TabsProps from './TabsProps';
 import type { TabsInstance } from './types';
-declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "color" | "testID" | "style" | "onLayout" | "keyboardDismissMode" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "accessibilityLabel" | "accessible" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessibilityActions" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "onChange" | "variant" | "keyboardShouldPersistTaps" | "disableIndicator" | "indicatorSize" | "initialIndex" | "scrollable" | "scrollViewContentContainerStyle" | "showDivider" | "UNSTABLE_sharedIndex" | "onTabSelected"> & React.RefAttributes<TabsInstance>>;
+declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "color" | "testID" | "style" | "onLayout" | "keyboardDismissMode" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "accessibilityLabel" | "accessible" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessibilityActions" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "size" | "onChange" | "variant" | "keyboardShouldPersistTaps" | "disableIndicator" | "indicatorSize" | "initialIndex" | "scrollable" | "scrollViewContentContainerStyle" | "showDivider" | "UNSTABLE_sharedIndex" | "onTabSelected"> & React.RefAttributes<TabsInstance>>;
 export default Tabs;

package/build/typescript/Tabs/TabsProps.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode, Ref } from 'react';
 import type { ViewProps } from 'react-native';
-import type { TabVariant } from '../Tab';
+import type { TabSize, TabVariant } from '../Tab';
 import type { ExtendedStyle, OverridableComponentProps, SyncAnimatedValue } from '../types';
 import type { KeyboardDismissMode, KeyboardShouldPersistTaps, TabsInstance } from './types';
 export declare const tabsColors: readonly ["default", "alt"];
@@ -63,6 +63,11 @@ export default interface TabsProps extends OverridableComponentProps<ViewProps,
      * @default false
      */
     showDivider?: boolean;
+    /**
+     * The size of the Tab.
+     * @default 'medium'
+     */
+    size?: TabSize;
     /**
      * Unstable API.
      */