@fountain-ui/core 3.0.0-alpha.43 → 3.0.0-alpha.45

package/build/commonjs/Button/useVariantStyleMap.js

@@ -171,6 +171,15 @@ function useVariantStyleMap(variant, color) {
           },
           labelColor: theme.palette.text.accent,
           iconColor: theme.palette.icon.accent
+        },
+        danger: {
+          container: {
+            borderColor: theme.palette.status.danger,
+            borderRadius: theme.shape.radius.full,
+            borderWidth: 1
+          },
+          labelColor: theme.palette.status.danger,
+          iconColor: theme.palette.status.danger
         }
       }
     };

package/build/commonjs/Button/useVariantStyleMap.js.map

@@ -1 +1 @@
-{"version":3,"names":["useVariantStyleMap","variant","color","theme","useTheme","useMemo","palette","variantStyleMap","solid","accent","container","backgroundColor","fill","labelColor","commonColors","static","strongInverse","iconColor","primary","base","text","icon","danger","status","disabled","onDisabled","outlined","borderColor","border","borderWidth","disabledLabel","strong","secondary","accentAlt","capsuleSolid","borderRadius","shape","radius","full","capsuleOutlined","process","env","NODE_ENV","console","warn"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { commonColors } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ButtonColor, ButtonVariant } from './ButtonProps';\n\ntype UseVariantStyleMapReturns = {\n    container?: FountainUiStyle;\n    iconColor?: string;\n    labelColor?: string;\n}\n\ntype VariantStyleMap = {\n    [variant in ButtonVariant]: {\n        [color in ButtonColor]?: UseVariantStyleMapReturns;\n    }\n};\n\nexport default function useVariantStyleMap(variant: ButtonVariant, color: ButtonColor): UseVariantStyleMapReturns {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        const { palette } = theme;\n\n        const variantStyleMap: VariantStyleMap = {\n            solid: {\n                accent: {\n                    container: {\n                        backgroundColor: palette.fill.accent,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                primary: {\n                    container: {\n                        backgroundColor: palette.fill.base,\n                    },\n                    labelColor: palette.text.strongInverse,\n                    iconColor: palette.icon.strongInverse,\n                },\n                danger: {\n                    container: {\n                        backgroundColor: palette.status.danger,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                disabled: {\n                    container: {\n                        backgroundColor: palette.status.disabled,\n                    },\n                    labelColor: palette.status.onDisabled,\n                    iconColor: palette.status.onDisabled,\n                },\n            },\n            outlined: {\n                accent: {\n                    container: {\n                        borderColor: palette.border.accent,\n                        borderWidth: 1,\n                    },\n                    labelColor: palette.text.accent,\n                    iconColor: palette.icon.accent,\n                },\n                primary: {\n                    container: {\n                        borderColor: palette.border.base,\n                        borderWidth: 1,\n                    },\n                    labelColor: palette.text.base,\n                    iconColor: palette.icon.base,\n                },\n                disabled: {\n                    container: {\n                        borderColor: palette.status.disabled,\n                        borderWidth: 1,\n                    },\n                    labelColor: palette.status.disabledLabel,\n                    iconColor: palette.status.disabledLabel,\n                },\n            },\n            text: {\n                primary: {\n                    labelColor: palette.text.strong,\n                    iconColor: palette.icon.strong,\n                },\n                secondary: {\n                    labelColor: palette.text.base,\n                    iconColor: palette.icon.base,\n                },\n                accent: {\n                    labelColor: palette.text.accent,\n                    iconColor: palette.icon.accent,\n                },\n                accentAlt: {\n                    labelColor: palette.text.accentAlt,\n                    iconColor: palette.icon.accentAlt,\n                },\n                danger: {\n                    labelColor: palette.status.danger,\n                    iconColor: palette.status.danger,\n                },\n                disabled: {\n                    labelColor: palette.status.disabledLabel,\n                    iconColor: palette.status.disabledLabel,\n                },\n            },\n            capsuleSolid: {\n                accent: {\n                    container: {\n                        backgroundColor: theme.palette.fill.accent,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                primary: {\n                    container: {\n                        backgroundColor: theme.palette.fill.base,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: palette.text.strongInverse,\n                    iconColor: palette.icon.strongInverse,\n                },\n                danger: {\n                    container: {\n                        backgroundColor: theme.palette.status.danger,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                secondary: {\n                    container: {\n                        backgroundColor: commonColors.static.strongInverse,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: theme.palette.text.strong,\n                    iconColor: theme.palette.icon.strong,\n                },\n                disabled: {\n                    container: {\n                        backgroundColor: theme.palette.status.disabled,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: theme.palette.status.onDisabled,\n                    iconColor: theme.palette.status.onDisabled,\n                },\n            },\n            capsuleOutlined: {\n                primary: {\n                    container: {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.text.strong,\n                    iconColor: theme.palette.icon.strong,\n                },\n                disabled: {\n                    container: {\n                        borderColor: theme.palette.status.disabled,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.status.disabledLabel,\n                    iconColor: theme.palette.status.disabledLabel,\n                },\n                accent: {\n                    container: {\n                        borderColor: theme.palette.border.accent,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.text.accent,\n                    iconColor: theme.palette.icon.accent,\n                },\n            },\n        };\n\n        if (variantStyleMap[variant]?.[color]) {\n            return variantStyleMap[variant][color] as UseVariantStyleMapReturns;\n        }\n\n        if (process.env.NODE_ENV !== 'production') {\n            console.warn('The selected color is not supported for the chosen variant.');\n        }\n\n        return {};\n    }, [theme, variant, color]);\n}\n"],"mappings":"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"}
+{"version":3,"names":["useVariantStyleMap","variant","color","theme","useTheme","useMemo","palette","variantStyleMap","solid","accent","container","backgroundColor","fill","labelColor","commonColors","static","strongInverse","iconColor","primary","base","text","icon","danger","status","disabled","onDisabled","outlined","borderColor","border","borderWidth","disabledLabel","strong","secondary","accentAlt","capsuleSolid","borderRadius","shape","radius","full","capsuleOutlined","process","env","NODE_ENV","console","warn"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { commonColors } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ButtonColor, ButtonVariant } from './ButtonProps';\n\ntype UseVariantStyleMapReturns = {\n    container?: FountainUiStyle;\n    iconColor?: string;\n    labelColor?: string;\n}\n\ntype VariantStyleMap = {\n    [variant in ButtonVariant]: {\n        [color in ButtonColor]?: UseVariantStyleMapReturns;\n    }\n};\n\nexport default function useVariantStyleMap(variant: ButtonVariant, color: ButtonColor): UseVariantStyleMapReturns {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        const { palette } = theme;\n\n        const variantStyleMap: VariantStyleMap = {\n            solid: {\n                accent: {\n                    container: {\n                        backgroundColor: palette.fill.accent,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                primary: {\n                    container: {\n                        backgroundColor: palette.fill.base,\n                    },\n                    labelColor: palette.text.strongInverse,\n                    iconColor: palette.icon.strongInverse,\n                },\n                danger: {\n                    container: {\n                        backgroundColor: palette.status.danger,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                disabled: {\n                    container: {\n                        backgroundColor: palette.status.disabled,\n                    },\n                    labelColor: palette.status.onDisabled,\n                    iconColor: palette.status.onDisabled,\n                },\n            },\n            outlined: {\n                accent: {\n                    container: {\n                        borderColor: palette.border.accent,\n                        borderWidth: 1,\n                    },\n                    labelColor: palette.text.accent,\n                    iconColor: palette.icon.accent,\n                },\n                primary: {\n                    container: {\n                        borderColor: palette.border.base,\n                        borderWidth: 1,\n                    },\n                    labelColor: palette.text.base,\n                    iconColor: palette.icon.base,\n                },\n                disabled: {\n                    container: {\n                        borderColor: palette.status.disabled,\n                        borderWidth: 1,\n                    },\n                    labelColor: palette.status.disabledLabel,\n                    iconColor: palette.status.disabledLabel,\n                },\n            },\n            text: {\n                primary: {\n                    labelColor: palette.text.strong,\n                    iconColor: palette.icon.strong,\n                },\n                secondary: {\n                    labelColor: palette.text.base,\n                    iconColor: palette.icon.base,\n                },\n                accent: {\n                    labelColor: palette.text.accent,\n                    iconColor: palette.icon.accent,\n                },\n                accentAlt: {\n                    labelColor: palette.text.accentAlt,\n                    iconColor: palette.icon.accentAlt,\n                },\n                danger: {\n                    labelColor: palette.status.danger,\n                    iconColor: palette.status.danger,\n                },\n                disabled: {\n                    labelColor: palette.status.disabledLabel,\n                    iconColor: palette.status.disabledLabel,\n                },\n            },\n            capsuleSolid: {\n                accent: {\n                    container: {\n                        backgroundColor: theme.palette.fill.accent,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                primary: {\n                    container: {\n                        backgroundColor: theme.palette.fill.base,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: palette.text.strongInverse,\n                    iconColor: palette.icon.strongInverse,\n                },\n                danger: {\n                    container: {\n                        backgroundColor: theme.palette.status.danger,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                secondary: {\n                    container: {\n                        backgroundColor: commonColors.static.strongInverse,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: theme.palette.text.strong,\n                    iconColor: theme.palette.icon.strong,\n                },\n                disabled: {\n                    container: {\n                        backgroundColor: theme.palette.status.disabled,\n                        borderRadius: theme.shape.radius.full,\n                    },\n                    labelColor: theme.palette.status.onDisabled,\n                    iconColor: theme.palette.status.onDisabled,\n                },\n            },\n            capsuleOutlined: {\n                primary: {\n                    container: {\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.text.strong,\n                    iconColor: theme.palette.icon.strong,\n                },\n                disabled: {\n                    container: {\n                        borderColor: theme.palette.status.disabled,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.status.disabledLabel,\n                    iconColor: theme.palette.status.disabledLabel,\n                },\n                accent: {\n                    container: {\n                        borderColor: theme.palette.border.accent,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.text.accent,\n                    iconColor: theme.palette.icon.accent,\n                },\n                danger: {\n                    container: {\n                        borderColor: theme.palette.status.danger,\n                        borderRadius: theme.shape.radius.full,\n                        borderWidth: 1,\n                    },\n                    labelColor: theme.palette.status.danger,\n                    iconColor: theme.palette.status.danger,\n                },\n            },\n        };\n\n        if (variantStyleMap[variant]?.[color]) {\n            return variantStyleMap[variant][color] as UseVariantStyleMapReturns;\n        }\n\n        if (process.env.NODE_ENV !== 'production') {\n            console.warn('The selected color is not supported for the chosen variant.');\n        }\n\n        return {};\n    }, [theme, variant, color]);\n}\n"],"mappings":"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"}

package/build/commonjs/Image/Image.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Image;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -13,6 +13,10 @@ var _ImageCore = _interopRequireDefault(require("../ImageCore"));
 
 var _styles = require("../styles");
 
+var _OverlayCloseButton = _interopRequireDefault(require("./OverlayCloseButton"));
+
+var _preload = _interopRequireDefault(require("./preload"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -67,6 +71,7 @@ function Image(props) {
     alt,
     cache = 'immutable',
     disableDrag,
+    disableFadeIn,
     disableLongClick,
     disableOutline,
     disablePlaceholder,
@@ -111,6 +116,7 @@ function Image(props) {
     alt: alt,
     cache: cache,
     disableDrag: disableDrag,
+    disableFadeIn: disableFadeIn,
     disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
@@ -124,5 +130,8 @@ function Image(props) {
   }, overlaidChildren) : null);
 }
 
-;
+Image.OverlayCloseButton = _OverlayCloseButton.default;
+Image.preload = _preload.default;
+var _default = Image;
+exports.default = _default;
 //# sourceMappingURL=Image.js.map

package/build/commonjs/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","borderStyle","borderColor","border","weak","error","alignItems","height","justifyContent","width","errorText","color","text","primary","fontFamily","fontSize","letterSpacing","lineHeight","textAlign","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","useState","styles","placeholderMode","css","undefined","StyleSheet","absoluteFill","zIndex","uri"],"sources":["Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { ImageCoreProps } from '../ImageCore';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype PlaceholderMode =\n    | 'default'\n    | 'custom'\n    | 'none';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined'\n    | 'error'\n    | 'errorText';\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: 0.5,\n            borderStyle: 'solid',\n            borderColor: theme.palette.border.weak,\n        },\n        error: {\n            alignItems: 'center',\n            height: '100%',\n            justifyContent: 'center',\n            width: '100%',\n        },\n        errorText: {\n            color: theme.palette.text.primary,\n            fontFamily: 'Inter-Medium',\n            fontSize: 12,\n            letterSpacing: 0,\n            lineHeight: 18,\n            textAlign: 'center',\n        },\n    };\n};\n\nfunction determinePlaceholderMode(props: ImageProps): PlaceholderMode {\n    if (props.disablePlaceholder) {\n        return 'none';\n    }\n\n    return props.placeholder ? 'custom' : 'default';\n}\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        cache = 'immutable',\n        disableDrag,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        error,\n        loading = 'lazy',\n        onError: onErrorProp,\n        onLoad: onLoadProp,\n        overlaidChildren,\n        placeholder,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = useState(false);\n\n    const styles = useStyles();\n\n    const onLoad: ImageCoreProps['onLoad'] = () => {\n        setFailed(false);\n\n        onLoadProp?.();\n    };\n\n    const onError: ImageCoreProps['onError'] = () => {\n        setFailed(true);\n\n        onErrorProp?.();\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !square ? styles.rounded : undefined,\n                placeholderMode === 'default' ? styles.placeholder : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {placeholderMode === 'custom' ? (\n                <View\n                    style={css([\n                        StyleSheet.absoluteFill,\n                        { zIndex: -1 },\n                    ])}\n                >\n                    {placeholder}\n                </View>\n            ) : null}\n\n            {failed ? (\n                <View style={styles.error}>\n                    {error ?? (\n                        <Text\n                            children={alt}\n                            style={styles.errorText}\n                        />\n                    )}\n                </View>\n            ) : source.uri ? (\n                <ImageCore\n                    alt={alt}\n                    cache={cache}\n                    disableDrag={disableDrag}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            ) : null}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","borderStyle","borderColor","border","weak","error","alignItems","height","justifyContent","width","errorText","color","text","primary","fontFamily","fontSize","letterSpacing","lineHeight","textAlign","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableFadeIn","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","useState","styles","placeholderMode","css","undefined","StyleSheet","absoluteFill","zIndex","uri","OverlayCloseButton","preload"],"sources":["Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport type { ImageCoreProps } from '../ImageCore';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\nimport OverlayCloseButton from './OverlayCloseButton';\nimport preload from './preload';\n\ntype PlaceholderMode =\n    | 'default'\n    | 'custom'\n    | 'none';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined'\n    | 'error'\n    | 'errorText';\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: 0.5,\n            borderStyle: 'solid',\n            borderColor: theme.palette.border.weak,\n        },\n        error: {\n            alignItems: 'center',\n            height: '100%',\n            justifyContent: 'center',\n            width: '100%',\n        },\n        errorText: {\n            color: theme.palette.text.primary,\n            fontFamily: 'Inter-Medium',\n            fontSize: 12,\n            letterSpacing: 0,\n            lineHeight: 18,\n            textAlign: 'center',\n        },\n    };\n};\n\nfunction determinePlaceholderMode(props: ImageProps): PlaceholderMode {\n    if (props.disablePlaceholder) {\n        return 'none';\n    }\n\n    return props.placeholder ? 'custom' : 'default';\n}\n\nfunction Image(props: ImageProps) {\n    const {\n        alt,\n        cache = 'immutable',\n        disableDrag,\n        disableFadeIn,\n        disableLongClick,\n        disableOutline,\n        disablePlaceholder,\n        error,\n        loading = 'lazy',\n        onError: onErrorProp,\n        onLoad: onLoadProp,\n        overlaidChildren,\n        placeholder,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = useState(false);\n\n    const styles = useStyles();\n\n    const onLoad: ImageCoreProps['onLoad'] = () => {\n        setFailed(false);\n\n        onLoadProp?.();\n    };\n\n    const onError: ImageCoreProps['onError'] = () => {\n        setFailed(true);\n\n        onErrorProp?.();\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !square ? styles.rounded : undefined,\n                placeholderMode === 'default' ? styles.placeholder : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {placeholderMode === 'custom' ? (\n                <View\n                    style={css([\n                        StyleSheet.absoluteFill,\n                        { zIndex: -1 },\n                    ])}\n                >\n                    {placeholder}\n                </View>\n            ) : null}\n\n            {failed ? (\n                <View style={styles.error}>\n                    {error ?? (\n                        <Text\n                            children={alt}\n                            style={styles.errorText}\n                        />\n                    )}\n                </View>\n            ) : source.uri ? (\n                <ImageCore\n                    alt={alt}\n                    cache={cache}\n                    disableDrag={disableDrag}\n                    disableFadeIn={disableFadeIn}\n                    disableLongClick={disableLongClick}\n                    height={'100%'}\n                    loading={loading}\n                    onError={onError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            ) : null}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n}\n\nImage.OverlayCloseButton = OverlayCloseButton;\nImage.preload = preload;\n\nexport default Image;\n"],"mappings":"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"}

package/build/commonjs/Image/ImageProps.js.map

@@ -1 +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, CacheControl } from '../ImageCore';\n\n/**\n * Image file quality.\n * Request image by query string.\n */\nexport type ImageQuality = 'small' | 'medium' | 'large';\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     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\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     * Custom error element. Default is simple alt text.\n     */\n    error?: React.ReactElement | null;\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.ReactElement;\n\n    /**\n     * Custom placeholder element.\n     */\n    placeholder?: React.ReactElement;\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    /***\n     * FastImage cache control value.\n     * @default 'immutable'\n     */\n    cache?: CacheControl;\n}> {}\n"],"mappings":""}
+{"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, CacheControl } from '../ImageCore';\n\n/**\n * Image file quality.\n * Request image by query string.\n */\nexport type ImageQuality = 'small' | 'medium' | 'large';\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     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If true, disables the fade-in opacity animation on image load.\n     * Only affects native platforms.\n     * @default false\n     */\n    disableFadeIn?: boolean;\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     * Custom error element. Default is simple alt text.\n     */\n    error?: React.ReactElement | null;\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.ReactElement;\n\n    /**\n     * Custom placeholder element.\n     */\n    placeholder?: React.ReactElement;\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    /***\n     * FastImage cache control value.\n     * @default 'immutable'\n     */\n    cache?: CacheControl;\n}> {}\n"],"mappings":""}

package/build/commonjs/Image/OverlayCloseButton/OverlayCloseButton.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = OverlayCloseButton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@fountain-ui/styles");
+
+var _IconButton = _interopRequireDefault(require("../../IconButton"));
+
+var _internal = require("../../internal");
+
+var _styles2 = require("../../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const styles = _styles2.StyleSheet.create({
+  root: {
+    height: 40,
+    left: 8,
+    position: 'absolute',
+    top: 8,
+    width: 40
+  }
+});
+
+function OverlayCloseButton(props) {
+  const {
+    style: styleProp,
+    ...otherProps
+  } = props;
+  const rootStyle = (0, _styles2.css)([styles.root, styleProp]);
+  return /*#__PURE__*/_react.default.createElement(_IconButton.default, _extends({
+    style: rootStyle
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_internal.CloseCircleFillPierced, {
+    fill: _styles.commonColors.static.baseOpacityInverse,
+    height: 21,
+    width: 21
+  }));
+}
+//# sourceMappingURL=OverlayCloseButton.js.map

package/build/commonjs/Image/OverlayCloseButton/OverlayCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styles","StyleSheet","create","root","height","left","position","top","width","OverlayCloseButton","props","style","styleProp","otherProps","rootStyle","css","commonColors","static","baseOpacityInverse"],"sources":["OverlayCloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { commonColors } from '@fountain-ui/styles';\nimport IconButton from '../../IconButton';\nimport { CloseCircleFillPierced } from '../../internal';\nimport { css, StyleSheet } from '../../styles';\nimport type OverlayCloseButtonProps from './OverlayCloseButtonProps';\n\nconst styles = StyleSheet.create({\n    root: {\n        height: 40,\n        left: 8,\n        position: 'absolute',\n        top: 8,\n        width: 40,\n    },\n});\n\nexport default function OverlayCloseButton(props: OverlayCloseButtonProps) {\n    const {\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    return (\n        <IconButton\n            style={rootStyle}\n            {...otherProps}\n        >\n            <CloseCircleFillPierced\n                fill={commonColors.static.baseOpacityInverse}\n                height={21}\n                width={21}\n            />\n        </IconButton>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,mBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,MAAM,EAAE,EADN;IAEFC,IAAI,EAAE,CAFJ;IAGFC,QAAQ,EAAE,UAHR;IAIFC,GAAG,EAAE,CAJH;IAKFC,KAAK,EAAE;EALL;AADuB,CAAlB,CAAf;;AAUe,SAASC,kBAAT,CAA4BC,KAA5B,EAA4D;EACvE,MAAM;IACFC,KAAK,EAAEC,SADL;IAEF,GAAGC;EAFD,IAGFH,KAHJ;EAKA,MAAMI,SAAS,GAAG,IAAAC,YAAA,EAAI,CAClBf,MAAM,CAACG,IADW,EAElBS,SAFkB,CAAJ,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,KAAK,EAAEE;EADX,GAEQD,UAFR,gBAII,6BAAC,gCAAD;IACI,IAAI,EAAEG,oBAAA,CAAaC,MAAb,CAAoBC,kBAD9B;IAEI,MAAM,EAAE,EAFZ;IAGI,KAAK,EAAE;EAHX,EAJJ,CADJ;AAYH"}

package/build/commonjs/Image/OverlayCloseButton/OverlayCloseButtonProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=OverlayCloseButtonProps.js.map

package/build/commonjs/Image/OverlayCloseButton/OverlayCloseButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["OverlayCloseButtonProps.ts"],"sourcesContent":["import type { IconButtonProps } from '../../IconButton';\n\nexport default interface OverlayCloseButtonProps extends Omit<IconButtonProps, 'children'> {}"],"mappings":""}

package/build/commonjs/Image/OverlayCloseButton/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _OverlayCloseButton.default;
+  }
+});
+
+var _OverlayCloseButton = _interopRequireDefault(require("./OverlayCloseButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/commonjs/Image/OverlayCloseButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './OverlayCloseButton';\nexport type { default as OverlayCloseButtonProps } from './OverlayCloseButtonProps';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Image/preload.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = preload;
+
+function preload(_sources) {// No-op on web
+}
+//# sourceMappingURL=preload.js.map

package/build/commonjs/Image/preload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["preload","_sources"],"sources":["preload.ts"],"sourcesContent":["import type { ImageSource } from '../ImageCore';\n\nexport default function preload(_sources: ImageSource[]) {\n    // No-op on web\n}\n"],"mappings":";;;;;;;AAEe,SAASA,OAAT,CAAiBC,QAAjB,EAA0C,CACrD;AACH"}

package/build/commonjs/Image/preload.native.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = preload;
+
+var _reactNativeFastImage = _interopRequireDefault(require("@d11/react-native-fast-image"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function preload(sources) {
+  _reactNativeFastImage.default.preload(sources.map(_ref => {
+    let {
+      uri
+    } = _ref;
+    return {
+      uri
+    };
+  }));
+}
+//# sourceMappingURL=preload.native.js.map

package/build/commonjs/Image/preload.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["preload","sources","FastImage","map","uri"],"sources":["preload.native.ts"],"sourcesContent":["import FastImage from '@d11/react-native-fast-image';\nimport type { ImageSource } from '../ImageCore';\n\nexport default function preload(sources: ImageSource[]) {\n    FastImage.preload(sources.map(({ uri }) => ({ uri })));\n}\n"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,OAAT,CAAiBC,OAAjB,EAAyC;EACpDC,6BAAA,CAAUF,OAAV,CAAkBC,OAAO,CAACE,GAAR,CAAY;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAc;MAAEA;IAAF,CAAd;EAAA,CAAZ,CAAlB;AACH"}

package/build/commonjs/ImageCore/ImageCoreNative.js

@@ -33,6 +33,7 @@ const ANIMATION_DURATION = 200;
 function ImageCore(props) {
   const {
     cache,
+    disableFadeIn,
     height,
     onError,
     onLoad,
@@ -40,17 +41,19 @@ function ImageCore(props) {
     source,
     width
   } = props;
-  const opacity = (0, _hooks.useAnimatedValue)(INITIAL_OPACITY);
+  const opacity = (0, _hooks.useAnimatedValue)(disableFadeIn ? LOADED_OPACITY : INITIAL_OPACITY);
   const acceptHeader = (0, _react.useContext)(_ImageFileExtensionContext.default);
   const handleLoad = (0, _react.useCallback)(() => {
-    _reactNative.Animated.timing(opacity, {
-      toValue: LOADED_OPACITY,
-      duration: ANIMATION_DURATION,
-      useNativeDriver: _utils.isNotAndroid12
-    }).start();
+    if (!disableFadeIn) {
+      _reactNative.Animated.timing(opacity, {
+        toValue: LOADED_OPACITY,
+        duration: ANIMATION_DURATION,
+        useNativeDriver: _utils.isNotAndroid12
+      }).start();
+    }
 
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, [onLoad]);
+  }, [disableFadeIn, onLoad]);
   return /*#__PURE__*/_react.default.createElement(AnimatedFastImage, {
     onError: onError,
     onLoad: handleLoad,

package/build/commonjs/ImageCore/ImageCoreNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","useAnimatedValue","acceptHeader","useContext","ImageFileExtensionContext","handleLoad","useCallback","timing","toValue","duration","useNativeDriver","isNotAndroid12","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated, DimensionValue } from 'react-native';\nimport FastImage from '@d11/react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\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        cache,\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: isNotAndroid12,\n        }).start();\n\n        onLoad?.();\n    }, [onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width: width as DimensionValue, height: height as DimensionValue },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;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,KADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,MAJE;IAKFC,UALE;IAMFC,MANE;IAOFC;EAPE,IAQFP,KARJ;EAUA,MAAMQ,OAAO,GAAG,IAAAC,uBAAA,EAAiBb,eAAjB,CAAhB;EAEA,MAAMc,YAAY,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAArB;EAEA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjCrB,qBAAA,CAASsB,MAAT,CAAgBP,OAAhB,EAAyB;MACrBQ,OAAO,EAAEnB,cADY;MAErBoB,QAAQ,EAAEnB,kBAFW;MAGrBoB,eAAe,EAAEC;IAHI,CAAzB,EAIGC,KAJH;;IAMAhB,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;MACJJ,KADI;MAEJoB,GAAG,EAAEf,MAAM,CAACe,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUZ;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAEF;IAAF,CADG,EAEH;MAAED,KAAK,EAAEA,KAAT;MAAkCL,MAAM,EAAEA;IAA1C,CAFG;EAXX,EADJ;AAkBH;;AAAA"}
+{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","disableFadeIn","height","onError","onLoad","resizeMode","source","width","opacity","useAnimatedValue","acceptHeader","useContext","ImageFileExtensionContext","handleLoad","useCallback","timing","toValue","duration","useNativeDriver","isNotAndroid12","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated, DimensionValue } from 'react-native';\nimport FastImage from '@d11/react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\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        cache,\n        disableFadeIn,\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const opacity = useAnimatedValue(disableFadeIn ? LOADED_OPACITY : INITIAL_OPACITY);\n\n    const acceptHeader = useContext(ImageFileExtensionContext);\n\n    const handleLoad = useCallback(() => {\n        if (!disableFadeIn) {\n            Animated.timing(opacity, {\n                toValue: LOADED_OPACITY,\n                duration: ANIMATION_DURATION,\n                useNativeDriver: isNotAndroid12,\n            }).start();\n        }\n\n        onLoad?.();\n    }, [disableFadeIn, onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width: width as DimensionValue, height: height as DimensionValue },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;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,KADE;IAEFC,aAFE;IAGFC,MAHE;IAIFC,OAJE;IAKFC,MALE;IAMFC,UANE;IAOFC,MAPE;IAQFC;EARE,IASFR,KATJ;EAWA,MAAMS,OAAO,GAAG,IAAAC,uBAAA,EAAiBR,aAAa,GAAGL,cAAH,GAAoBD,eAAlD,CAAhB;EAEA,MAAMe,YAAY,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAArB;EAEA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjC,IAAI,CAACb,aAAL,EAAoB;MAChBT,qBAAA,CAASuB,MAAT,CAAgBP,OAAhB,EAAyB;QACrBQ,OAAO,EAAEpB,cADY;QAErBqB,QAAQ,EAAEpB,kBAFW;QAGrBqB,eAAe,EAAEC;MAHI,CAAzB,EAIGC,KAJH;IAKH;;IAEDhB,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CAVkB,EAUhB,CAACH,aAAD,EAAgBG,MAAhB,CAVgB,CAAnB;EAYA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MACJL,KADI;MAEJqB,GAAG,EAAEf,MAAM,CAACe,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUZ;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAEF;IAAF,CADG,EAEH;MAAED,KAAK,EAAEA,KAAT;MAAkCL,MAAM,EAAEA;IAA1C,CAFG;EAXX,EADJ;AAkBH;;AAAA"}

package/build/commonjs/ImageCore/ImageCoreProps.js.map

@@ -1 +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 type CacheControl = 'immutable' | 'web' | 'cacheOnly';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    cache?: CacheControl;\n    disableDrag?: boolean,\n    disableLongClick?: boolean,\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":""}
+{"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 type CacheControl = 'immutable' | 'web' | 'cacheOnly';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    cache?: CacheControl;\n    disableDrag?: boolean,\n    disableFadeIn?: boolean,\n    disableLongClick?: boolean,\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":""}

package/build/commonjs/Radio/Radio.js

@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
 
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
+var _Column = _interopRequireDefault(require("../Column"));
+
 var _internal = require("../internal");
 
 var _Row = _interopRequireDefault(require("../Row"));
@@ -21,6 +23,8 @@ var _utils = require("../utils");
 
 var _RadioContextProvider = require("../RadioGroup/RadioContextProvider");
 
+var _Typography = _interopRequireDefault(require("../Typography"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
@@ -60,6 +64,7 @@ function Radio(props) {
     startIcon: startIconProp,
     style,
     value,
+    description,
     ...otherProps
   } = props;
   const theme = (0, _styles.useTheme)();
@@ -96,13 +101,21 @@ function Radio(props) {
     disabled: disabled,
     onPress: handlePress,
     style: rootStyle
-  }, otherProps), /*#__PURE__*/_react.default.createElement(_Row.default, {
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_Column.default, {
+    gap: 2,
+    flexShrink: 1
+  }, /*#__PURE__*/_react.default.createElement(_Row.default, {
     alignItems: 'center',
     style: styles.content
   }, startIcon, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     children: children,
     style: fontStyle
-  })), icon);
+  })), description ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: 'body3',
+    color: 'base',
+    weight: 'regular',
+    children: description
+  }) : null), icon);
 }
 
 ;

package/build/commonjs/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_START_ICON_SIZE","useStyles","theme","useTheme","root","alignItems","borderBottomColor","palette","border","weak","borderBottomWidth","flexDirection","gap","justifyContent","paddingVertical","content","minHeight","Radio","props","checked","children","checkedIcon","checkIconProp","disabled","onChange","onChangeProp","startIcon","startIconProp","style","value","otherProps","styles","context","useContext","RadioContext","handlePress","isChecked","defaultCheckedIcon","icon","cloneElementSafely","color","height","width","rootStyle","css","fontStyle","createFontStyle","selector","typography","body1","regular","text","strong"],"sources":["Radio.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Check as CheckedIcon } from '../internal';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\n\nconst DEFAULT_START_ICON_SIZE = 21;\n\ntype RadioStyles = NamedStylesStringUnion<'root' | 'content'>;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            flexDirection: 'row',\n            gap: 32,\n            justifyContent: 'space-between',\n            paddingVertical: 14,\n        },\n        content: {\n            gap: 8,\n            minHeight: 20,\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        checkedIcon: checkIconProp,\n        disabled = false,\n        onChange: onChangeProp,\n        startIcon: startIconProp,\n        style,\n        value,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const context = useContext(RadioContext);\n\n    const handlePress = () => {\n        const onChange = context?.onChange ?? onChangeProp;\n        if (onChange) {\n            onChange(value);\n        }\n    };\n\n    const isChecked = context?.value === value ?? checked;\n\n    const defaultCheckedIcon = (\n        <CheckedIcon color={'accent'}/>\n    );\n\n    const checkedIcon = checkIconProp ?? defaultCheckedIcon;\n    const icon = isChecked ? checkedIcon : null;\n\n    const startIcon = cloneElementSafely(startIconProp, {\n        color: 'strong',\n        height: DEFAULT_START_ICON_SIZE,\n        width: DEFAULT_START_ICON_SIZE,\n    });\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.body1.regular,\n        color: theme.palette.text.strong,\n    });\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            <Row\n                alignItems={'center'}\n                style={styles.content}\n            >\n                {startIcon}\n\n                <Text\n                    children={children}\n                    style={fontStyle}\n                />\n            </Row>\n\n            {icon}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,uBAAuB,GAAG,EAAhC;;AAIA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,iBAAiB,EAAEJ,KAAK,CAACK,OAAN,CAAcC,MAAd,CAAqBC,IAFtC;MAGFC,iBAAiB,EAAE,GAHjB;MAIFC,aAAa,EAAE,KAJb;MAKFC,GAAG,EAAE,EALH;MAMFC,cAAc,EAAE,eANd;MAOFC,eAAe,EAAE;IAPf,CADH;IAUHC,OAAO,EAAE;MACLH,GAAG,EAAE,CADA;MAELI,SAAS,EAAE;IAFN;EAVN,CAAP;AAeH,CAlBD;;AAoBe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,WAAW,EAAEC,aAHX;IAIFC,QAAQ,GAAG,KAJT;IAKFC,QAAQ,EAAEC,YALR;IAMFC,SAAS,EAAEC,aANT;IAOFC,KAPE;IAQFC,KARE;IASF,GAAGC;EATD,IAUFZ,KAVJ;EAYA,MAAMhB,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAM4B,MAAM,GAAG9B,SAAS,EAAxB;EAEA,MAAM+B,OAAO,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAAhB;;EAEA,MAAMC,WAAW,GAAG,MAAM;IACtB,MAAMX,QAAQ,GAAG,CAAAQ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAER,QAAT,KAAqBC,YAAtC;;IACA,IAAID,QAAJ,EAAc;MACVA,QAAQ,CAACK,KAAD,CAAR;IACH;EACJ,CALD;;EAOA,MAAMO,SAAS,GAAG,CAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BV,OAA9C;;EAEA,MAAMkB,kBAAkB,gBACpB,6BAAC,eAAD;IAAa,KAAK,EAAE;EAApB,EADJ;;EAIA,MAAMhB,WAAW,GAAGC,aAAa,IAAIe,kBAArC;EACA,MAAMC,IAAI,GAAGF,SAAS,GAAGf,WAAH,GAAiB,IAAvC;EAEA,MAAMK,SAAS,GAAG,IAAAa,yBAAA,EAAmBZ,aAAnB,EAAkC;IAChDa,KAAK,EAAE,QADyC;IAEhDC,MAAM,EAAEzC,uBAFwC;IAGhD0C,KAAK,EAAE1C;EAHyC,CAAlC,CAAlB;EAMA,MAAM2C,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBb,MAAM,CAAC3B,IADW,EAElBwB,KAFkB,CAAJ,CAAlB;EAKA,MAAMiB,SAAS,GAAG,IAAAC,uBAAA,EAAgB5C,KAAhB,EAAuB;IACrC6C,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,KAAX,CAAiBC,OADN;IAErCV,KAAK,EAAEtC,KAAK,CAACK,OAAN,CAAc4C,IAAd,CAAmBC;EAFW,CAAvB,CAAlB;EAKA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAE7B,QADd;IAEI,OAAO,EAAEY,WAFb;IAGI,KAAK,EAAEQ;EAHX,GAIQb,UAJR,gBAMI,6BAAC,YAAD;IACI,UAAU,EAAE,QADhB;IAEI,KAAK,EAAEC,MAAM,CAAChB;EAFlB,GAIKW,SAJL,eAMI,6BAAC,iBAAD;IACI,QAAQ,EAAEN,QADd;IAEI,KAAK,EAAEyB;EAFX,EANJ,CANJ,EAkBKP,IAlBL,CADJ;AAsBH;;AAAA"}
+{"version":3,"names":["DEFAULT_START_ICON_SIZE","useStyles","theme","useTheme","root","alignItems","borderBottomColor","palette","border","weak","borderBottomWidth","flexDirection","gap","justifyContent","paddingVertical","content","minHeight","Radio","props","checked","children","checkedIcon","checkIconProp","disabled","onChange","onChangeProp","startIcon","startIconProp","style","value","description","otherProps","styles","context","useContext","RadioContext","handlePress","isChecked","defaultCheckedIcon","icon","cloneElementSafely","color","height","width","rootStyle","css","fontStyle","createFontStyle","selector","typography","body1","regular","text","strong"],"sources":["Radio.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport { Check as CheckedIcon } from '../internal';\nimport Row from '../Row';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\nimport Typography from '../Typography';\n\nconst DEFAULT_START_ICON_SIZE = 21;\n\ntype RadioStyles = NamedStylesStringUnion<'root' | 'content'>;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderBottomColor: theme.palette.border.weak,\n            borderBottomWidth: 0.5,\n            flexDirection: 'row',\n            gap: 32,\n            justifyContent: 'space-between',\n            paddingVertical: 14,\n        },\n        content: {\n            gap: 8,\n            minHeight: 20,\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        checkedIcon: checkIconProp,\n        disabled = false,\n        onChange: onChangeProp,\n        startIcon: startIconProp,\n        style,\n        value,\n        description,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const context = useContext(RadioContext);\n\n    const handlePress = () => {\n        const onChange = context?.onChange ?? onChangeProp;\n        if (onChange) {\n            onChange(value);\n        }\n    };\n\n    const isChecked = context?.value === value ?? checked;\n\n    const defaultCheckedIcon = (\n        <CheckedIcon color={'accent'}/>\n    );\n\n    const checkedIcon = checkIconProp ?? defaultCheckedIcon;\n    const icon = isChecked ? checkedIcon : null;\n\n    const startIcon = cloneElementSafely(startIconProp, {\n        color: 'strong',\n        height: DEFAULT_START_ICON_SIZE,\n        width: DEFAULT_START_ICON_SIZE,\n    });\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.body1.regular,\n        color: theme.palette.text.strong,\n    });\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            <Column\n                gap={2}\n                flexShrink={1}\n            >\n                <Row\n                    alignItems={'center'}\n                    style={styles.content}\n                >\n                    {startIcon}\n\n                    <Text\n                        children={children}\n                        style={fontStyle}\n                    />\n                </Row>\n\n                {description ? (\n                    <Typography\n                        variant={'body3'}\n                        color={'base'}\n                        weight={'regular'}\n                        children={description}\n                    />\n                ) : null}\n            </Column>\n\n            {icon}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Radio/RadioProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["RadioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport default interface RadioProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Custom icon element to display when the radio is checked.\n     */\n    checkedIcon?: React.ReactNode;\n\n    /**\n     * Content which is sharing pressable next to radio.\n     */\n    children?: string;\n\n    /**\n     * If `true`, the radio is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the component is pressed.\n     */\n    onChange?: (newValue: string) => void;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * Value of the component.\n     */\n    value: string;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["RadioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport default interface RadioProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Custom icon element to display when the radio is checked.\n     */\n    checkedIcon?: React.ReactNode;\n\n    /**\n     * Content which is sharing pressable next to radio.\n     */\n    children?: string;\n\n    /**\n     * If `true`, the radio is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the component is pressed.\n     */\n    onChange?: (newValue: string) => void;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * Value of the component.\n     */\n    value: string;\n\n\n    /**\n     * Helper text displayed below the children.\n     */\n    description?: string;\n}> {}\n"],"mappings":""}

package/build/commonjs/TextField/TextField.js

@@ -29,6 +29,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
+const isWeb = _reactNative.Platform.OS === 'web';
+
 const styles = _reactNative.StyleSheet.create({
   root: {
     alignItems: 'center',
@@ -74,6 +76,7 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
   const {
     autoFocus,
     containerStyle: containerStyleProp,
+    multiline,
     editable = true,
     hint,
     isLoading,
@@ -96,6 +99,16 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
   const theme = (0, _styles2.useTheme)();
   const [isFocused, setIsFocused] = (0, _react.useState)(autoFocus ?? false);
   const [secureTextEntry, setSecureTextEntry] = (0, _react.useState)(secureTextEntryProp ?? false);
+  const internalRef = (0, _react.useRef)(null);
+  const mergedRef = (0, _react.useCallback)(node => {
+    internalRef.current = node;
+
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
   const variantStyles = (0, _useVariantStyleMap.default)(variant, status, isFocused);
 
   const handleBlur = event => {
@@ -112,6 +125,22 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
     setSecureTextEntry(current => !current);
   };
 
+  const resizeHeight = (0, _react.useCallback)(() => {
+    const el = internalRef.current;
+
+    if (el) {
+      el.style.height = 'auto';
+      el.style.height = `${el.scrollHeight}px`;
+    }
+  }, []);
+  (0, _react.useLayoutEffect)(() => {
+    const shouldResizeHeight = multiline && isWeb;
+
+    if (shouldResizeHeight) {
+      resizeHeight();
+    }
+  }, [resizeHeight, multiline, value]);
+
   const handleChangeText = text => {
     onChangeTextProp === null || onChangeTextProp === void 0 ? void 0 : onChangeTextProp(text);
   };
@@ -125,7 +154,7 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
     selector: typography => typography.caption1['semiBold'],
     color: theme.palette.text.strong
   });
-  const inputStyle = (0, _styles.css)([styles.input, variantStyles.inputStyle, variantStyles.inputFontStyle, _reactNative.Platform.OS === 'web' ? {
+  const inputStyle = (0, _styles.css)([styles.input, variantStyles.inputStyle, variantStyles.inputFontStyle, isWeb ? {
     outlineWidth: 0
   } : {}, styleProp]);
   const placeholderFontStyle = (0, _styles.css)([variantStyles.inputFontStyle, {
@@ -162,10 +191,11 @@ const TextField = /*#__PURE__*/_react.default.forwardRef(function TextField(prop
     onBlur: handleBlur,
     onChangeText: handleChangeText,
     onFocus: handleFocus,
-    ref: ref,
+    ref: mergedRef,
     secureTextEntry: secureTextEntry,
     style: inputStyle,
-    value: value
+    value: value,
+    multiline: multiline
   }, otherProps)))), showClearButton && value !== null && value !== void 0 && value.length && value.length > 0 ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     color: 'base',
     children: /*#__PURE__*/_react.default.createElement(_icons.Clear, {