@fountain-ui/core 1.19.1 → 2.0.0-beta.11

package/build/commonjs/Divider/Divider.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 = _styles.StyleSheet.create({
   container: {

package/build/commonjs/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Divider.tsx"],"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","borderBottom","borderBottomWidth","borderRight","borderRightWidth","Divider","props","children","childrenProp","inset","vertical","style","otherProps","theme","fontColor","palette","text","secondary","borderColor","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","containerStyle","undefined","dividerStyle","dividerMarginSize","startDividerStyle","endDividerStyle","fontStyle","selector","typo","caption2","color","element"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    column: {\n        flexDirection: 'column',\n    },\n    divider: {\n        flexGrow: 1,\n    },\n    borderBottom: {\n        borderBottomWidth: 1,\n    },\n    borderRight: {\n        borderRightWidth: 1,\n    },\n});\n\nexport default function Divider(props: DividerProps) {\n    const {\n        children: childrenProp,\n        inset = 0,\n        vertical = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const fontColor = theme.palette.text.secondary;\n    const borderColor = theme.palette.divider;\n    const marginSize = theme.spacing(1);\n    const insetSize = theme.spacing(inset);\n\n    const marginLeft = marginSize;\n    const marginRight = marginSize;\n    const marginTop = marginSize;\n    const marginBottom = marginSize;\n\n    const marginStyle = vertical\n        ? { marginLeft, marginRight }\n        : { marginTop, marginBottom };\n\n    const insetStyle = vertical\n        ? { marginTop: insetSize, marginBottom: insetSize }\n        : { marginLeft: insetSize, marginRight: insetSize };\n\n    const borderColorStyle = { borderColor };\n    const borderWidthStyle = (vertical ? styles.borderRight : styles.borderBottom);\n\n    const containerStyle = css([\n        insetStyle,\n        marginStyle,\n        styles.container,\n        vertical ? styles.column : styles.row,\n        childrenProp ? undefined : borderColorStyle,\n        childrenProp ? undefined : borderWidthStyle,\n        style,\n    ]);\n\n    const dividerStyle = css([\n        borderColorStyle,\n        borderWidthStyle,\n        styles.divider,\n    ]);\n\n    const dividerMarginSize = theme.spacing(2);\n    const startDividerStyle = vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize };\n    const endDividerStyle = vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: fontColor,\n    });\n\n    const element = typeof childrenProp === 'string'\n        ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n        : childrenProp;\n\n    const children = childrenProp ? (\n        <>\n            <View style={css([dividerStyle, startDividerStyle])}/>\n            {element}\n            <View style={css([dividerStyle, endDividerStyle])}/>\n        </>\n    ) : null;\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignSelf","alignItems","row","flexDirection","column","divider","flexGrow","borderBottom","borderBottomWidth","borderRight","borderRightWidth","Divider","props","children","childrenProp","inset","vertical","style","otherProps","theme","useTheme","fontColor","palette","text","secondary","borderColor","marginSize","spacing","insetSize","marginLeft","marginRight","marginTop","marginBottom","marginStyle","insetStyle","borderColorStyle","borderWidthStyle","containerStyle","css","undefined","dividerStyle","dividerMarginSize","startDividerStyle","endDividerStyle","fontStyle","createFontStyle","selector","typo","caption2","color","element"],"sources":["Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type DividerProps from './DividerProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: 'stretch',\n        alignItems: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    column: {\n        flexDirection: 'column',\n    },\n    divider: {\n        flexGrow: 1,\n    },\n    borderBottom: {\n        borderBottomWidth: 1,\n    },\n    borderRight: {\n        borderRightWidth: 1,\n    },\n});\n\nexport default function Divider(props: DividerProps) {\n    const {\n        children: childrenProp,\n        inset = 0,\n        vertical = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const fontColor = theme.palette.text.secondary;\n    const borderColor = theme.palette.divider;\n    const marginSize = theme.spacing(1);\n    const insetSize = theme.spacing(inset);\n\n    const marginLeft = marginSize;\n    const marginRight = marginSize;\n    const marginTop = marginSize;\n    const marginBottom = marginSize;\n\n    const marginStyle = vertical\n        ? { marginLeft, marginRight }\n        : { marginTop, marginBottom };\n\n    const insetStyle = vertical\n        ? { marginTop: insetSize, marginBottom: insetSize }\n        : { marginLeft: insetSize, marginRight: insetSize };\n\n    const borderColorStyle = { borderColor };\n    const borderWidthStyle = (vertical ? styles.borderRight : styles.borderBottom);\n\n    const containerStyle = css([\n        insetStyle,\n        marginStyle,\n        styles.container,\n        vertical ? styles.column : styles.row,\n        childrenProp ? undefined : borderColorStyle,\n        childrenProp ? undefined : borderWidthStyle,\n        style,\n    ]);\n\n    const dividerStyle = css([\n        borderColorStyle,\n        borderWidthStyle,\n        styles.divider,\n    ]);\n\n    const dividerMarginSize = theme.spacing(2);\n    const startDividerStyle = vertical ? { marginBottom: dividerMarginSize } : { marginRight: dividerMarginSize };\n    const endDividerStyle = vertical ? { marginTop: dividerMarginSize } : { marginLeft: dividerMarginSize };\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption2,\n        color: fontColor,\n    });\n\n    const element = typeof childrenProp === 'string'\n        ? <Text style={css(fontStyle)}>{childrenProp}</Text>\n        : childrenProp;\n\n    const children = childrenProp ? (\n        <>\n            <View style={css([dividerStyle, startDividerStyle])}/>\n            {element}\n            <View style={css([dividerStyle, endDividerStyle])}/>\n        </>\n    ) : null;\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Divider/DividerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DividerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface DividerProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The size of the inset. It works as a multiplier factor based on spacing system.\n     * @default 0\n     */\n    inset?: number;\n\n    /**\n     * If `true`, the divider orientation is set to vertical.\n     * @default false\n     */\n    vertical?: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/Divider/index.js.map

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

package/build/commonjs/Fab/Fab.js

@@ -15,12 +15,18 @@ var _hooks = require("../hooks");
 
 var _styles = require("../styles");
 
+var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 SMALL = 32;
 const MEDIUM = 48;
+const iconSizes = {
+  small: 20,
+  medium: 24
+};
 
 const styles = _styles.StyleSheet.create({
   medium: {
@@ -61,9 +67,10 @@ function Fab(props) {
   const theme = (0, _styles.useTheme)();
   const backgroundColor = theme.palette[color].main;
   const fontColor = theme.palette[color].contrastTextColor;
-  const icon = (0, _styles.cloneSvgIcon)(children, {
-    size,
-    color: fontColor
+  const icon = (0, _utils.cloneElementSafely)(children, {
+    width: iconSizes[size],
+    height: iconSizes[size],
+    fill: fontColor
   });
   const elevationStyle = (0, _hooks.useElevationStyle)(elevation);
   const width = variant === 'circular' ? size === 'medium' ? MEDIUM : SMALL : undefined;

package/build/commonjs/Fab/Fab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fab.tsx"],"names":["SMALL","MEDIUM","styles","StyleSheet","create","medium","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","small","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","elevationStyle","width","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","fontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { cloneSvgIcon, createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type FabProps from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\nconst styles = StyleSheet.create({\n    medium: {\n        borderRadius: MEDIUM * 0.5,\n        height: MEDIUM,\n    },\n    root: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    reverse: {\n        flexDirection: 'row-reverse',\n    },\n    small: {\n        borderRadius: SMALL * 0.5,\n        height: SMALL,\n    },\n});\n\nexport default function Fab(props: FabProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        elevation = 2,\n        label,\n        numberOfLines = 1,\n        onPress,\n        reverse,\n        size = 'medium',\n        style: styleProp,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette[color].main;\n    const fontColor = theme.palette[color].contrastTextColor;\n\n    const icon = cloneSvgIcon(children, {\n        size,\n        color: fontColor,\n    });\n\n    const elevationStyle = useElevationStyle(elevation);\n    const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n    const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n    const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const paddingLeft = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? paddingSize : iconPadding)\n            : paddingSize;\n\n    const paddingRight = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? iconPadding : paddingSize)\n            : paddingSize;\n\n    const buttonBaseStyle = css([\n        styles.root,\n        reverse ? styles.reverse : styles.row,\n        size === 'medium' ? styles.medium : styles.small,\n        { width, backgroundColor, paddingLeft, paddingRight },\n        elevationStyle,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = icon\n        ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n        : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {variant === 'extended' && label ? (\n                <Text\n                    children={label}\n                    numberOfLines={numberOfLines}\n                    style={textStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["SMALL","MEDIUM","iconSizes","small","medium","styles","StyleSheet","create","borderRadius","height","root","alignItems","justifyContent","row","flexDirection","reverse","Fab","props","children","color","disabled","elevation","label","numberOfLines","onPress","size","style","styleProp","variant","otherProps","theme","useTheme","backgroundColor","palette","main","fontColor","contrastTextColor","icon","cloneElementSafely","width","fill","elevationStyle","useElevationStyle","undefined","paddingSize","spacing","iconPadding","paddingLeft","paddingRight","buttonBaseStyle","css","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginRight","marginLeft","textStyle","handlePress"],"sources":["Fab.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { useElevationStyle } from '../hooks';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type FabProps from './FabProps';\nimport type { FabSize } from './FabProps';\n\nconst SMALL = 32;\nconst MEDIUM = 48;\n\ntype IconSizes = { [n in FabSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    medium: {\n        borderRadius: MEDIUM * 0.5,\n        height: MEDIUM,\n    },\n    root: {\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    row: {\n        flexDirection: 'row',\n    },\n    reverse: {\n        flexDirection: 'row-reverse',\n    },\n    small: {\n        borderRadius: SMALL * 0.5,\n        height: SMALL,\n    },\n});\n\nexport default function Fab(props: FabProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        elevation = 2,\n        label,\n        numberOfLines = 1,\n        onPress,\n        reverse,\n        size = 'medium',\n        style: styleProp,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette[color].main;\n    const fontColor = theme.palette[color].contrastTextColor;\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    });\n\n    const elevationStyle = useElevationStyle(elevation);\n    const width = variant === 'circular' ? (size === 'medium' ? MEDIUM : SMALL) : undefined;\n    const paddingSize = size === 'medium' ? theme.spacing(5) : theme.spacing(3);\n    const iconPadding = icon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const paddingLeft = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? paddingSize : iconPadding)\n            : paddingSize;\n\n    const paddingRight = variant === 'circular'\n        ? undefined\n        : icon\n            ? (reverse ? iconPadding : paddingSize)\n            : paddingSize;\n\n    const buttonBaseStyle = css([\n        styles.root,\n        reverse ? styles.reverse : styles.row,\n        size === 'medium' ? styles.medium : styles.small,\n        { width, backgroundColor, paddingLeft, paddingRight },\n        elevationStyle,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = icon\n        ? (reverse ? { marginRight: textMarginSize } : { marginLeft: textMarginSize })\n        : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {variant === 'extended' && label ? (\n                <Text\n                    children={label}\n                    numberOfLines={numberOfLines}\n                    style={textStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Fab/FabProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\nimport type { Elevation } from '@fountain-ui/styles';\n\nexport type FabColor = CommonComponentColor | 'surface';\n\nexport type FabSize = 'small' | 'medium';\n\nexport type FabVariant = 'circular' | 'extended';\n\nexport default interface FabProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children?: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: FabColor;\n\n    /**\n     * Shadow depth, corresponds to `dp` in the spec.\n     * It accepts values between 0 and 24 inclusive.\n     * @default 2\n     */\n    elevation?: Elevation;\n\n    /**\n     *  If present, this is typography displayed.\n     */\n    label?: string;\n\n    /**\n     * The numberOfLines of Fab.\n     * @default 1\n     */\n    numberOfLines?: number;\n\n    /**\n     If true, contents is reversed.\n     */\n    reverse?: boolean;\n\n    /**\n     * The size of Fab.\n     * @default 'medium'\n     */\n    size?: FabSize;\n\n    /**\n     * The variant to use.\n     * @default 'circular'\n     */\n    variant?: FabVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/Fab/index.js.map

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

package/build/commonjs/Flexbox/Flexbox.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 = _styles.StyleSheet.create({
   row: {

package/build/commonjs/Flexbox/Flexbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Flexbox.tsx"],"names":["styles","StyleSheet","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,mBAAWC,MAAX,CAAkB;AAC7BC,EAAAA,GAAG,EAAE;AAAEC,IAAAA,aAAa,EAAE;AAAjB,GADwB;AAE7BC,EAAAA,MAAM,EAAE;AAAED,IAAAA,aAAa,EAAE;AAAjB,GAFqB;AAG7BE,EAAAA,UAAU,EAAE;AAAEF,IAAAA,aAAa,EAAE;AAAjB,GAHiB;AAI7BG,EAAAA,aAAa,EAAE;AAAEH,IAAAA,aAAa,EAAE;AAAjB;AAJc,CAAlB,CAAf;;AAOe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;AAC/D,QAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACG,GAA7B,GAAmCH,MAAM,CAACK,MAAnE;AACA,QAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACM,UAA7B,GAA0CN,MAAM,CAACO,aAA1E;;AAEA,WAASK,OAAT,CAAiBC,KAAjB,EAAsC;AAClC,UAAMC,KAAK,GAAG,uBAAd;AAEA,UAAMC,OAAO,GAAGD,KAAK,CAACC,OAAtB;AAEA,UAAM;AACFC,MAAAA,YADE;AAEFC,MAAAA,UAFE;AAGFC,MAAAA,SAHE;AAIFC,MAAAA,SAJE;AAKFC,MAAAA,QALE;AAMFC,MAAAA,UANE;AAOFC,MAAAA,QAPE;AAQFC,MAAAA,QARE;AASFC,MAAAA,MATE;AAUFC,MAAAA,cAVE;AAWFC,MAAAA,QAXE;AAYFC,MAAAA,QAZE;AAaFC,MAAAA,KAbE;AAcF,SAAGC;AAdD,QAeFhB,KAfJ;AAiBA,UAAMJ,SAAS,GAAGkB,QAAQ,GAAGhB,gBAAH,GAAsBD,gBAAhD;AAEA,UAAMoB,UAAU,GAAG;AACfd,MAAAA,YADe;AAEfC,MAAAA,UAFe;AAGfC,MAAAA,SAHe;AAIfC,MAAAA,SAJe;AAKfC,MAAAA,QALe;AAMfC,MAAAA,UANe;AAOfC,MAAAA,QAPe;AAQfG,MAAAA,cARe;AASfC,MAAAA;AATe,KAAnB;AAYA,UAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;AACEC,MAAAA,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;AAEEC,MAAAA,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;AAGEC,MAAAA,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;AAIEC,MAAAA,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;AAJxB,KADU,GAOVR,SAPN;AASA,wBACI,6BAAC,iBAAD;AACI,MAAA,QAAQ,EAAET,QADd;AAEI,MAAA,KAAK,EAAE,iBAAI,CACPd,SADO,EAEPqB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAJ;AAFX,OAQQC,UARR,EADJ;AAYH;;AAEDjB,EAAAA,OAAO,CAAC6B,WAAR,GAAsBhC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;AAEA,SAAOG,OAAP;AACH","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"]}
+{"version":3,"names":["styles","StyleSheet","create","row","flexDirection","column","rowReverse","columnReverse","createFlexbox","direction","forwardDirection","reverseDirection","Flexbox","props","theme","useTheme","spacing","alignContent","alignItems","alignSelf","flexBasis","flexGrow","flexShrink","flexWrap","children","insets","justifyContent","overflow","reversed","style","otherProps","propStyles","padding","undefined","paddingLeft","left","paddingTop","top","paddingRight","right","paddingBottom","bottom","css","displayName"],"sources":["Flexbox.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type FlexboxProps from './FlexboxProps';\n\nconst styles = StyleSheet.create({\n    row: { flexDirection: 'row' },\n    column: { flexDirection: 'column' },\n    rowReverse: { flexDirection: 'row-reverse' },\n    columnReverse: { flexDirection: 'column-reverse' },\n});\n\nexport default function createFlexbox(direction: 'row' | 'column') {\n    const forwardDirection = direction === 'row' ? styles.row : styles.column;\n    const reverseDirection = direction === 'row' ? styles.rowReverse : styles.columnReverse;\n\n    function Flexbox(props: FlexboxProps) {\n        const theme = useTheme();\n\n        const spacing = theme.spacing;\n\n        const {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            children,\n            insets,\n            justifyContent,\n            overflow,\n            reversed,\n            style,\n            ...otherProps\n        } = props;\n\n        const direction = reversed ? reverseDirection : forwardDirection;\n\n        const propStyles = {\n            alignContent,\n            alignItems,\n            alignSelf,\n            flexBasis,\n            flexGrow,\n            flexShrink,\n            flexWrap,\n            justifyContent,\n            overflow,\n        };\n\n        const padding = insets !== undefined\n            ? {\n                paddingLeft: spacing(insets.left),\n                paddingTop: spacing(insets.top),\n                paddingRight: spacing(insets.right),\n                paddingBottom: spacing(insets.bottom),\n            }\n            : undefined;\n\n        return (\n            <View\n                children={children}\n                style={css([\n                    direction,\n                    propStyles,\n                    padding,\n                    style,\n                ])}\n                {...otherProps}\n            />\n        );\n    }\n\n    Flexbox.displayName = direction === 'row' ? 'Row' : 'Column';\n\n    return Flexbox;\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,kBAAA,CAAWC,MAAX,CAAkB;EAC7BC,GAAG,EAAE;IAAEC,aAAa,EAAE;EAAjB,CADwB;EAE7BC,MAAM,EAAE;IAAED,aAAa,EAAE;EAAjB,CAFqB;EAG7BE,UAAU,EAAE;IAAEF,aAAa,EAAE;EAAjB,CAHiB;EAI7BG,aAAa,EAAE;IAAEH,aAAa,EAAE;EAAjB;AAJc,CAAlB,CAAf;;AAOe,SAASI,aAAT,CAAuBC,SAAvB,EAAoD;EAC/D,MAAMC,gBAAgB,GAAGD,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACG,GAA7B,GAAmCH,MAAM,CAACK,MAAnE;EACA,MAAMM,gBAAgB,GAAGF,SAAS,KAAK,KAAd,GAAsBT,MAAM,CAACM,UAA7B,GAA0CN,MAAM,CAACO,aAA1E;;EAEA,SAASK,OAAT,CAAiBC,KAAjB,EAAsC;IAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;IAEA,MAAMC,OAAO,GAAGF,KAAK,CAACE,OAAtB;IAEA,MAAM;MACFC,YADE;MAEFC,UAFE;MAGFC,SAHE;MAIFC,SAJE;MAKFC,QALE;MAMFC,UANE;MAOFC,QAPE;MAQFC,QARE;MASFC,MATE;MAUFC,cAVE;MAWFC,QAXE;MAYFC,QAZE;MAaFC,KAbE;MAcF,GAAGC;IAdD,IAeFjB,KAfJ;IAiBA,MAAMJ,SAAS,GAAGmB,QAAQ,GAAGjB,gBAAH,GAAsBD,gBAAhD;IAEA,MAAMqB,UAAU,GAAG;MACfd,YADe;MAEfC,UAFe;MAGfC,SAHe;MAIfC,SAJe;MAKfC,QALe;MAMfC,UANe;MAOfC,QAPe;MAQfG,cARe;MASfC;IATe,CAAnB;IAYA,MAAMK,OAAO,GAAGP,MAAM,KAAKQ,SAAX,GACV;MACEC,WAAW,EAAElB,OAAO,CAACS,MAAM,CAACU,IAAR,CADtB;MAEEC,UAAU,EAAEpB,OAAO,CAACS,MAAM,CAACY,GAAR,CAFrB;MAGEC,YAAY,EAAEtB,OAAO,CAACS,MAAM,CAACc,KAAR,CAHvB;MAIEC,aAAa,EAAExB,OAAO,CAACS,MAAM,CAACgB,MAAR;IAJxB,CADU,GAOVR,SAPN;IASA,oBACI,6BAAC,iBAAD;MACI,QAAQ,EAAET,QADd;MAEI,KAAK,EAAE,IAAAkB,WAAA,EAAI,CACPjC,SADO,EAEPsB,UAFO,EAGPC,OAHO,EAIPH,KAJO,CAAJ;IAFX,GAQQC,UARR,EADJ;EAYH;;EAEDlB,OAAO,CAAC+B,WAAR,GAAsBlC,SAAS,KAAK,KAAd,GAAsB,KAAtB,GAA8B,QAApD;EAEA,OAAOG,OAAP;AACH"}

package/build/commonjs/Flexbox/FlexboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FlexboxProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { EdgeInsetsType } from '../styles';\n\nexport default interface FlexboxProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Controls how rows align in the cross direction.\n     * @default 'stretch'\n     */\n    alignContent?: FlexStyle['alignContent'];\n\n    /**\n     * Aligns children in the cross direction.\n     * @default 'stretch'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * Controls how a child aligns in the cross direction,\n     * overriding the `alignItems` of the parent.\n     * @default 'auto'\n     */\n    alignSelf?: FlexStyle['alignSelf'];\n\n    /**\n     * Providing the default size of an item along the main axis.\n     */\n    flexBasis?: FlexStyle['flexBasis'];\n\n    /**\n     * Describes how any space within a container should be distributed\n     * among its children along the main axis.\n     */\n    flexGrow?: FlexStyle['flexGrow'];\n\n    /**\n     * Describes how to shrink children along the main axis in the case\n     * in which the total size of the children overflows the size of the\n     * container on the main axis.\n     */\n    flexShrink?: FlexStyle['flexShrink'];\n\n    /**\n     * Controls whether children can wrap around after they hit\n     * the end of a flex container.\n     * @default 'nowrap'\n     */\n    flexWrap?: FlexStyle['flexWrap'];\n\n    /**\n     * Content of this component.\n     */\n    children: React.ReactNode;\n\n    /**\n     * The amount of space by which to inset the child.\n     */\n    insets?: EdgeInsetsType;\n\n    /**\n     * Aligns children in the main direction.\n     * @default 'flex-start'\n     */\n    justifyContent?: FlexStyle['justifyContent'];\n\n    /**\n     * Controls how children are measured and displayed.\n     * @default 'visible'\n     */\n    overflow?: FlexStyle['overflow'];\n\n    /**\n     * Reverse flex direction.\n     * @default false\n     */\n    reversed?: boolean;\n}> {}\n"],"mappings":""}

package/build/commonjs/Flexbox/index.js.map

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

package/build/commonjs/IconButton/IconButton.js

@@ -13,9 +13,18 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
 var _styles = require("../styles");
 
+var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 iconSizes = {
+  tiny: 16,
+  small: 20,
+  medium: 24,
+  large: 28
+};
 
 const useStyles = function () {
   const theme = (0, _styles.useTheme)();
@@ -42,9 +51,10 @@ function IconButton(props) {
   } = props;
   const theme = (0, _styles.useTheme)();
   const styles = useStyles();
-  const icon = (0, _styles.cloneSvgIcon)(children, {
-    color: theme.palette[color].main,
-    size
+  const icon = (0, _utils.cloneElementSafely)(children, {
+    width: iconSizes[size],
+    height: iconSizes[size],
+    color: color
   });
   const fontStyle = (0, _styles.createFontStyle)(theme, {
     selector: typo => typo.caption1,

package/build/commonjs/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IconButton.tsx"],"names":["useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","palette","main","fontStyle","selector","typo","caption1","labelStyle","rootStyle","handlePress"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAKA,MAAMA,SAAsC,GAAG,YAA8B;AACzE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,cAAc,EAAE,QAFd;AAGFC,MAAAA,UAAU,EAAE,QAHV;AAIFC,MAAAA,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;AAJP;AADH,GAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAG,SAFN;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,OALE;AAMFC,IAAAA,IAAI,GAAG,QANL;AAOFC,IAAAA,KAPE;AAQF,OAAGC;AARD,MASFR,KATJ;AAWA,QAAMR,KAAK,GAAG,uBAAd;AACA,QAAMiB,MAAM,GAAGlB,SAAS,EAAxB;AAEA,QAAMmB,IAAI,GAAG,0BAAaT,QAAb,EAAuB;AAChCC,IAAAA,KAAK,EAAEV,KAAK,CAACmB,OAAN,CAAcT,KAAd,EAAqBU,IADI;AAEhCN,IAAAA;AAFgC,GAAvB,CAAb;AAKA,QAAMO,SAAS,GAAG,6BAAgBrB,KAAhB,EAAuB;AACrCsB,IAAAA,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;AAErCd,IAAAA,KAAK,EAAEV,KAAK,CAACmB,OAAN,CAAcT,KAAd,EAAqBU;AAFS,GAAvB,CAAlB;AAKA,QAAMK,UAAU,GAAG,iBAAI,CACnBJ,SADmB,CAAJ,CAAnB;AAIA,QAAMK,SAAS,GAAG,iBAAI,CAClBT,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;AAKA,QAAMY,WAAW,GAAG,YAAY;AAC5B,QAAIhB,QAAJ,EAAc;AACV;AACH;;AACD,QAAIE,OAAJ,EAAa;AACTA,MAAAA,OAAO;AACP;AACH;AACJ,GARD;;AAUA,sBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEF,QADd;AAEI,IAAA,OAAO,EAAEgB,WAFb;AAGI,IAAA,KAAK,EAAED;AAHX,KAIQV,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEA,KADd;AAEI,IAAA,KAAK,EAAEa;AAFX,IADE,GAKF,IAbR,CADJ;AAiBH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { cloneSvgIcon, createFontStyle, css, useTheme } from '../styles';\nimport type IconButtonProps from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneSvgIcon(children, {\n        color: theme.palette[color].main,\n        size,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["iconSizes","tiny","small","medium","large","useStyles","theme","useTheme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","cloneElementSafely","width","height","fontStyle","createFontStyle","selector","typo","caption1","palette","main","labelStyle","css","rootStyle","handlePress"],"sources":["IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './IconButtonProps';\nimport type { IconButtonSize } from './IconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAQA,MAAMA,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEN,KAAK,CAACO,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAae,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFR,KATJ;EAWA,MAAMT,KAAK,GAAG,IAAAC,gBAAA,GAAd;EACA,MAAMiB,MAAM,GAAGnB,SAAS,EAAxB;EAEA,MAAMoB,IAAI,GAAG,IAAAC,yBAAA,EAAmBV,QAAnB,EAA6B;IACtCW,KAAK,EAAE3B,SAAS,CAACqB,IAAD,CADsB;IAEtCO,MAAM,EAAE5B,SAAS,CAACqB,IAAD,CAFqB;IAGtCJ,KAAK,EAAEA;EAH+B,CAA7B,CAAb;EAMA,MAAMY,SAAS,GAAG,IAAAC,uBAAA,EAAgBxB,KAAhB,EAAuB;IACrCyB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErChB,KAAK,EAAEX,KAAK,CAAC4B,OAAN,CAAcjB,KAAd,EAAqBkB;EAFS,CAAvB,CAAlB;EAKA,MAAMC,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBR,SADmB,CAAJ,CAAnB;EAIA,MAAMS,SAAS,GAAG,IAAAD,WAAA,EAAI,CAClBb,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;;EAKA,MAAMiB,WAAW,GAAG,YAAY;IAC5B,IAAIrB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,6BAAC,mBAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEqB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQf,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,6BAAC,iBAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEiB;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;;AAAA"}

package/build/commonjs/IconButton/IconButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["IconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The icon element.\n     */\n    children: React.ReactElement;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: IconButtonColor;\n\n    /**\n     *  If present, this is typography displayed at the bottom of the icon.\n     */\n    label?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: IconButtonSize;\n}> {}\n"],"mappings":""}

package/build/commonjs/IconButton/index.js.map

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

package/build/commonjs/Image/Image.js

@@ -15,7 +15,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 useStyles = function () {
   const theme = (0, _styles.useTheme)();
@@ -47,19 +47,31 @@ function Image(props) {
     source,
     style,
     square = false,
+    onLoad,
+    onError,
     ...otherProps
   } = props;
 
   const [failed, setFailed] = _react.default.useState(false);
 
   const styles = useStyles();
+
+  const handleError = () => {
+    if (onError) {
+      onError();
+    }
+
+    setFailed(true);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
     style: (0, _styles.css)([styles.root, !disableOutline ? styles.outlined : undefined, !disablePlaceholder ? styles.placeholder : undefined, !square ? styles.rounded : undefined, style])
   }, otherProps), failed ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, alt) : /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
     alt: alt,
     height: '100%',
     loading: loading,
-    onError: () => setFailed(true),
+    onError: handleError,
+    onLoad: onLoad,
     resizeMode: resizeMode,
     source: source,
     width: '100%'

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

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableOutline","disablePlaceholder","loading","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","React","useState","styles","undefined","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAiC,GAAG,YAAyB;AAC/D,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,YAAY,EAAEH,KAAK,CAACI,KAAN,CAAYC,SADrB;AAELC,MAAAA,QAAQ,EAAE;AAFL,KAFN;AAMHC,IAAAA,WAAW,EAAE;AACTC,MAAAA,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAD5B,KANV;AASHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,WAAW,EAAEC,mBAAWC,aADlB;AAENC,MAAAA,WAAW,EAAE,OAFP;AAGNC,MAAAA,WAAW,EAAEjB,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAH3B;AATP,GAAP;AAeH,CAlBD;;AAoBe,SAASO,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,kBAHE;AAIFC,IAAAA,OAAO,GAAG,MAJR;AAKFC,IAAAA,gBALE;AAMFC,IAAAA,UAAU,GAAG,OANX;AAOFC,IAAAA,MAPE;AAQFC,IAAAA,KARE;AASFC,IAAAA,MAAM,GAAG,KATP;AAUF,OAAGC;AAVD,MAWFV,KAXJ;;AAaA,QAAM,CAACW,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAe,KAAf,CAA5B;;AAEA,QAAMC,MAAM,GAAGnC,SAAS,EAAxB;AAEA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE,iBAAI,CACPmC,MAAM,CAACjC,IADA,EAEP,CAACoB,cAAD,GAAkBa,MAAM,CAACtB,QAAzB,GAAoCuB,SAF7B,EAGP,CAACb,kBAAD,GAAsBY,MAAM,CAAC3B,WAA7B,GAA2C4B,SAHpC,EAIP,CAACP,MAAD,GAAUM,MAAM,CAAChC,OAAjB,GAA2BiC,SAJpB,EAKPR,KALO,CAAJ;AADX,KAQQE,UARR,GAUKC,MAAM,gBACH,6BAAC,iBAAD,QAAOV,GAAP,CADG,gBAGH,6BAAC,kBAAD;AACI,IAAA,GAAG,EAAEA,GADT;AAEI,IAAA,MAAM,EAAE,MAFZ;AAGI,IAAA,OAAO,EAAEG,OAHb;AAII,IAAA,OAAO,EAAE,MAAMQ,SAAS,CAAC,IAAD,CAJ5B;AAKI,IAAA,UAAU,EAAEN,UALhB;AAMI,IAAA,MAAM,EAAEC,MANZ;AAOI,IAAA,KAAK,EAAE;AAPX,IAbR,EAwBKF,gBAAgB,gBACb,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEV,mBAAWsB;AAAxB,KACKZ,gBADL,CADa,GAIb,IA5BR,CADJ;AAgCH;;AAAA","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n    };\n};\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableOutline,\n        disablePlaceholder,\n        loading = 'lazy',\n        overlaidChildren,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = React.useState(false);\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !disablePlaceholder ? styles.placeholder : undefined,\n                !square ? styles.rounded : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {failed ? (\n                <Text>{alt}</Text>\n            ) : (\n                <ImageCore\n                    alt={alt}\n                    height={'100%'}\n                    loading={loading}\n                    onError={() => setFailed(true)}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            )}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableOutline","disablePlaceholder","loading","overlaidChildren","resizeMode","source","style","square","onLoad","onError","otherProps","failed","setFailed","React","useState","styles","handleError","css","undefined","absoluteFill"],"sources":["Image.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n    };\n};\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableOutline,\n        disablePlaceholder,\n        loading = 'lazy',\n        overlaidChildren,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        onLoad,\n        onError,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = React.useState(false);\n\n    const styles = useStyles();\n\n    const handleError = () => {\n        if(onError){\n            onError();\n        }\n\n        setFailed(true);\n    }\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !disablePlaceholder ? styles.placeholder : undefined,\n                !square ? styles.rounded : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {failed ? (\n                <Text>{alt}</Text>\n            ) : (\n                <ImageCore\n                    alt={alt}\n                    height={'100%'}\n                    loading={loading}\n                    onError={handleError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            )}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAWA,MAAMA,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,OAAO,EAAE;MACLC,YAAY,EAAEJ,KAAK,CAACK,KAAN,CAAYC,SADrB;MAELC,QAAQ,EAAE;IAFL,CAFN;IAMHC,WAAW,EAAE;MACTC,eAAe,EAAET,KAAK,CAACU,OAAN,CAAcC,KAAd,CAAoBC;IAD5B,CANV;IASHC,QAAQ,EAAE;MACNC,WAAW,EAAEC,kBAAA,CAAWC,aADlB;MAENC,WAAW,EAAE,OAFP;MAGNC,WAAW,EAAElB,KAAK,CAACU,OAAN,CAAcC,KAAd,CAAoBC;IAH3B;EATP,CAAP;AAeH,CAlBD;;AAoBe,SAASO,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,GADE;IAEFC,cAFE;IAGFC,kBAHE;IAIFC,OAAO,GAAG,MAJR;IAKFC,gBALE;IAMFC,UAAU,GAAG,OANX;IAOFC,MAPE;IAQFC,KARE;IASFC,MAAM,GAAG,KATP;IAUFC,MAVE;IAWFC,OAXE;IAYF,GAAGC;EAZD,IAaFZ,KAbJ;;EAeA,MAAM,CAACa,MAAD,EAASC,SAAT,IAAsBC,cAAA,CAAMC,QAAN,CAAe,KAAf,CAA5B;;EAEA,MAAMC,MAAM,GAAGtC,SAAS,EAAxB;;EAEA,MAAMuC,WAAW,GAAG,MAAM;IACtB,IAAGP,OAAH,EAAW;MACPA,OAAO;IACV;;IAEDG,SAAS,CAAC,IAAD,CAAT;EACH,CAND;;EAQA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAE,IAAAK,WAAA,EAAI,CACPF,MAAM,CAACnC,IADA,EAEP,CAACoB,cAAD,GAAkBe,MAAM,CAACxB,QAAzB,GAAoC2B,SAF7B,EAGP,CAACjB,kBAAD,GAAsBc,MAAM,CAAC7B,WAA7B,GAA2CgC,SAHpC,EAIP,CAACX,MAAD,GAAUQ,MAAM,CAAClC,OAAjB,GAA2BqC,SAJpB,EAKPZ,KALO,CAAJ;EADX,GAQQI,UARR,GAUKC,MAAM,gBACH,6BAAC,iBAAD,QAAOZ,GAAP,CADG,gBAGH,6BAAC,kBAAD;IACI,GAAG,EAAEA,GADT;IAEI,MAAM,EAAE,MAFZ;IAGI,OAAO,EAAEG,OAHb;IAII,OAAO,EAAEc,WAJb;IAKI,MAAM,EAAER,MALZ;IAMI,UAAU,EAAEJ,UANhB;IAOI,MAAM,EAAEC,MAPZ;IAQI,KAAK,EAAE;EARX,EAbR,EAyBKF,gBAAgB,gBACb,6BAAC,iBAAD;IAAM,KAAK,EAAEV,kBAAA,CAAW0B;EAAxB,GACKhB,gBADL,CADa,GAIb,IA7BR,CADJ;AAiCH;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode } from '../ImageCore';\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * If `true`, the image outline is not rendered.\n     * @default false\n     */\n    disableOutline?: boolean;\n\n    /**\n     * If `true`, the placeholder is not rendered.\n     * @default false\n     */\n    disablePlaceholder?: boolean;\n\n    /**\n     * Web only. Loading the document by determining whether to load\n     * the image immediately (`eager`) or on an as-needed basis (`lazy`).\n     * On React Native, it always works as `lazy`.\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * error event handler\n     */\n    onError?: () => void;\n\n    /**\n     * image loaded event handler\n     */\n    onLoad?: () => void;\n\n    /**\n     * The children on top this image.\n     */\n    overlaidChildren?: React.ReactNode;\n\n    /**\n     * Determines how to resize the image when the frame doesn't match the raw image dimensions.\n     * @default 'cover'\n     */\n    resizeMode?: ResizeMode;\n\n    /**\n     * The image source.\n     */\n    source: ImageSource;\n\n    /**\n     * If `true`, rounded corners are disabled.\n     * @default false\n     */\n    square?: boolean;\n}> {}\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreNative.ios.tsx"],"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","React","useState","Value","handleLoad","timing","toValue","duration","useNativeDriver","start","uri"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,MAAMA,iBAAiB,GAAGC,sBAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;;AAEA,QAAM,CAACO,OAAD,IAAYC,eAAMC,QAAN,CAAe,MAAM,IAAId,sBAASe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;AAEA,QAAMC,UAAU,GAAG,MAAM;AACrBhB,0BAASiB,MAAT,CAAgBL,OAAhB,EAAyB;AACrBM,MAAAA,OAAO,EAAE,CADY;AAErBC,MAAAA,QAAQ,EAAE,GAFW;AAGrBC,MAAAA,eAAe,EAAE;AAHI,KAAzB,EAIGC,KAJH;;AAMA,QAAId,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAVD;;AAYA,sBACI,6BAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEU,UAFZ;AAGI,IAAA,UAAU,EAAER,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEc,MAAAA,GAAG,EAAEb,MAAM,CAACa;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHX,KADG,EAEH;AAAEC,MAAAA;AAAF,KAFG;AALX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const [opacity] = React.useState(() => new Animated.Value(0));\n\n    const handleLoad = () => {\n        Animated.timing(opacity, {\n            toValue: 1,\n            duration: 200,\n            useNativeDriver: true,\n        }).start();\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                style,\n                { opacity },\n            ]}\n        />\n    );\n};\n"]}
+{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","React","useState","Value","handleLoad","timing","toValue","duration","useNativeDriver","start","uri"],"sources":["ImageCoreNative.ios.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const [opacity] = React.useState(() => new Animated.Value(0));\n\n    const handleLoad = () => {\n        Animated.timing(opacity, {\n            toValue: 1,\n            duration: 200,\n            useNativeDriver: true,\n        }).start();\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                style,\n                { opacity },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,MAAMA,iBAAiB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,MADE;IAEFC,OAFE;IAGFC,MAHE;IAIFC,UAJE;IAKFC,MALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAMO,KAAK,GAAG;IAAED,KAAF;IAASL;EAAT,CAAd;;EAEA,MAAM,CAACO,OAAD,IAAYC,cAAA,CAAMC,QAAN,CAAe,MAAM,IAAId,qBAAA,CAASe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;EAEA,MAAMC,UAAU,GAAG,MAAM;IACrBhB,qBAAA,CAASiB,MAAT,CAAgBL,OAAhB,EAAyB;MACrBM,OAAO,EAAE,CADY;MAErBC,QAAQ,EAAE,GAFW;MAGrBC,eAAe,EAAE;IAHI,CAAzB,EAIGC,KAJH;;IAMA,IAAId,MAAJ,EAAY;MACRA,MAAM;IACT;EACJ,CAVD;;EAYA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MAAEc,GAAG,EAAEb,MAAM,CAACa;IAAd,CAJZ;IAKI,KAAK,EAAE,CACHX,KADG,EAEH;MAAEC;IAAF,CAFG;EALX,EADJ;AAYH;;AAAA"}

package/build/commonjs/ImageCore/ImageCoreNative.js

@@ -7,10 +7,14 @@ exports.default = ImageCore;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
 var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
 
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // @ts-ignore
@@ -33,15 +37,13 @@ function ImageCore(props) {
     width,
     height
   };
-
-  const opacity = _reactNativeReanimated.default.useSharedValue(0);
-
-  const animatedStyle = _reactNativeReanimated.default.useAnimatedStyle(() => ({
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     opacity: opacity.value
   }));
 
   const handleLoad = () => {
-    opacity.value = _reactNativeReanimated.default.withTiming(1, animationConfig);
+    opacity.value = (0, _reactNativeReanimated.withTiming)(1, animationConfig);
 
     if (onLoad) {
       onLoad();

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreNative.tsx"],"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","animationConfig","duration","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useSharedValue","animatedStyle","useAnimatedStyle","value","handleLoad","withTiming","uri"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA;AACA,MAAMA,iBAAiB,GAAGC,+BAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAA0C,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAZ,CAAnD;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;;AAEA,QAAMO,OAAO,GAAGd,+BAASe,cAAT,CAAwB,CAAxB,CAAhB;;AAEA,QAAMC,aAAa,GAAGhB,+BAASiB,gBAAT,CAA0B,OAAO;AACnDH,IAAAA,OAAO,EAAEA,OAAO,CAACI;AADkC,GAAP,CAA1B,CAAtB;;AAIA,QAAMC,UAAU,GAAG,MAAM;AACrBL,IAAAA,OAAO,CAACI,KAAR,GAAgBlB,+BAASoB,UAAT,CAAoB,CAApB,EAAuBjB,eAAvB,CAAhB;;AAEA,QAAIM,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAND;;AAQA,sBACI,6BAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEW,UAFZ;AAGI,IAAA,UAAU,EAAET,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEW,MAAAA,GAAG,EAAEV,MAAM,CAACU;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHL,aADG,EAEHH,KAFG;AALX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport Animated from 'react-native-reanimated';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst animationConfig: Animated.WithTimingConfig = { duration: 150 };\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const opacity = Animated.useSharedValue(0);\n\n    const animatedStyle = Animated.useAnimatedStyle(() => ({\n        opacity: opacity.value,\n    }));\n\n    const handleLoad = () => {\n        opacity.value = Animated.withTiming(1, animationConfig);\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                animatedStyle,\n                style,\n            ]}\n        />\n    );\n};\n"]}
+{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","animationConfig","duration","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useSharedValue","animatedStyle","useAnimatedStyle","value","handleLoad","withTiming","uri"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React from 'react';\nimport type { WithTimingConfig } from 'react-native-reanimated';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst animationConfig: WithTimingConfig = { duration: 150 };\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const opacity = useSharedValue(0);\n\n    const animatedStyle = useAnimatedStyle(() => ({\n        opacity: opacity.value,\n    }));\n\n    const handleLoad = () => {\n        opacity.value = withTiming(1, animationConfig);\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                animatedStyle,\n                style,\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAGA;AACA,MAAMA,iBAAiB,GAAGC,8BAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAAiC,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAA1C;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,MADE;IAEFC,OAFE;IAGFC,MAHE;IAIFC,UAJE;IAKFC,MALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAMO,KAAK,GAAG;IAAED,KAAF;IAASL;EAAT,CAAd;EAEA,MAAMO,OAAO,GAAG,IAAAC,qCAAA,EAAe,CAAf,CAAhB;EAEA,MAAMC,aAAa,GAAG,IAAAC,uCAAA,EAAiB,OAAO;IAC1CH,OAAO,EAAEA,OAAO,CAACI;EADyB,CAAP,CAAjB,CAAtB;;EAIA,MAAMC,UAAU,GAAG,MAAM;IACrBL,OAAO,CAACI,KAAR,GAAgB,IAAAE,iCAAA,EAAW,CAAX,EAAcjB,eAAd,CAAhB;;IAEA,IAAIM,MAAJ,EAAY;MACRA,MAAM;IACT;EACJ,CAND;;EAQA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEW,UAFZ;IAGI,UAAU,EAAET,UAHhB;IAII,MAAM,EAAE;MAAEW,GAAG,EAAEV,MAAM,CAACU;IAAd,CAJZ;IAKI,KAAK,EAAE,CACHL,aADG,EAEHH,KAFG;EALX,EADJ;AAYH;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ImageCoreProps.ts"],"sourcesContent":["export interface ImageSource {\n    uri: string;\n}\n\nexport type ResizeMode = 'cover' | 'contain';\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ImageCoreProps extends Readonly<{\n    alt?: string;\n    height?: number | string;\n    loading: Loading;\n    onError?: () => void;\n    onLoad?: () => void;\n    resizeMode: ResizeMode;\n    source: ImageSource;\n    width?: number | string;\n}> {}"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreWeb.tsx"],"names":["ImageCore","props","alt","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","uri"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA,UANE;AAOFC,IAAAA,MAPE;AAQFC,IAAAA;AARE,MASFR,KATJ;AAWA,QAAMS,KAAK,GAAG;AAAEC,IAAAA,SAAS,EAAEJ;AAAb,GAAd;AAEA,sBACI;AACI,IAAA,GAAG,EAAEL,GADT;AAEI,IAAA,MAAM,EAAEC,MAFZ;AAGI,IAAA,OAAO,EAAEC,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,MAAM,EAAEC,MALZ;AAMI,IAAA,GAAG,EAAEE,MAAM,CAACI,GANhB;AAOI,IAAA,KAAK,EAAEF,KAPX;AAQI,IAAA,KAAK,EAAED;AARX,IADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { objectFit: resizeMode };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"]}
+{"version":3,"names":["ImageCore","props","alt","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","uri"],"sources":["ImageCoreWeb.tsx"],"sourcesContent":["import React from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { objectFit: resizeMode };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,GADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,OAJE;IAKFC,MALE;IAMFC,UANE;IAOFC,MAPE;IAQFC;EARE,IASFR,KATJ;EAWA,MAAMS,KAAK,GAAG;IAAEC,SAAS,EAAEJ;EAAb,CAAd;EAEA,oBACI;IACI,GAAG,EAAEL,GADT;IAEI,MAAM,EAAEC,MAFZ;IAGI,OAAO,EAAEC,OAHb;IAII,OAAO,EAAEC,OAJb;IAKI,MAAM,EAAEC,MALZ;IAMI,GAAG,EAAEE,MAAM,CAACI,GANhB;IAOI,KAAK,EAAEF,KAPX;IAQI,KAAK,EAAED;EARX,EADJ;AAYH;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './ImageCoreWeb';\nexport * from './ImageCoreProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './ImageCoreWeb';\nexport * from './ImageCoreProps';"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/commonjs/ImageCore/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './ImageCoreNative';"]}
+{"version":3,"names":[],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ImageCoreNative';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Link/Link.js

@@ -17,7 +17,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 useStyles = function () {
   return {
@@ -58,9 +58,10 @@ function Link(props) {
     disabled: disabled,
     onPress: _reactNative.Platform.OS === 'web' ? undefined : handlePress,
     style: (0, _styles.css)([styles.root, style])
-  }, ({
-    hovered
-  }) => {
+  }, _ref => {
+    let {
+      hovered
+    } = _ref;
     const underlineStyle = underline === 'always' || underline === 'hover' && hovered ? styles.underline : undefined;
     return /*#__PURE__*/_react.default.createElement(_Typography.default, _extends({
       href: href,

package/build/commonjs/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["useStyles","root","underline","textDecorationLine","Link","props","disabled","href","onPress","style","otherProps","styles","handlePress","event","Platform","OS","preventDefault","Linking","canOpenURL","openURL","undefined","hovered","underlineStyle"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAG,YAAwB;AAC7D,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,SAAS,EAAE;AACPC,MAAAA,kBAAkB,EAAE;AADb;AAFR,GAAP;AAMH,CAPD;;AASe,SAASC,IAAT,CAAcC,KAAd,EAAgC;AAC3C,QAAM;AACFC,IAAAA,QAAQ,GAAG,KADT;AAEFC,IAAAA,IAFE;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,KAJE;AAKFP,IAAAA,SAAS,GAAG,QALV;AAMF,OAAGQ;AAND,MAOFL,KAPJ;AASA,QAAMM,MAAM,GAAGX,SAAS,EAAxB;;AAEA,QAAMY,WAAW,GAAG,MAAOC,KAAP,IAAwC;AACxD,QAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACvBF,MAAAA,KAAK,CAACG,cAAN;AACH;;AAED,QAAIR,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAACK,KAAD,CAAP;AACA;AACH;;AAED,QAAI,MAAMI,qBAAQC,UAAR,CAAmBX,IAAnB,CAAV,EAAoC;AAChC,YAAMU,qBAAQE,OAAR,CAAgBZ,IAAhB,CAAN;AACH;AACJ,GAbD;;AAeA,sBACI,6BAAC,kBAAD;AACI,IAAA,QAAQ,EAAED,QADd;AAEI,IAAA,OAAO,EAAEQ,sBAASC,EAAT,KAAgB,KAAhB,GAAwBK,SAAxB,GAAoCR,WAFjD;AAGI,IAAA,KAAK,EAAE,iBAAI,CAACD,MAAM,CAACV,IAAR,EAAcQ,KAAd,CAAJ;AAHX,KAKK,CAAC;AAAEY,IAAAA;AAAF,GAAD,KAAiB;AACd,UAAMC,cAAc,GAAIpB,SAAS,KAAK,QAAd,IAA2BA,SAAS,KAAK,OAAd,IAAyBmB,OAArD,GACjBV,MAAM,CAACT,SADU,GAEjBkB,SAFN;AAIA,wBACI,6BAAC,mBAAD;AACI,MAAA,IAAI,EAAEb,IADV;AAEI,MAAA,KAAK,EAAEe,cAFX;AAGI,MAAA,OAAO,EAAER,sBAASC,EAAT,KAAgB,KAAhB,GAAwBH,WAAxB,GAAsCQ;AAHnD,OAIQV,UAJR,EADJ;AAQH,GAlBL,CADJ;AAsBH;;AAAA","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, Linking, Platform } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Pressable from '../Pressable';\nimport Typography from '../Typography';\nimport { css } from '../styles';\nimport type LinkProps from './LinkProps';\n\ntype LinkStyles = NamedStylesStringUnion<'root' | 'underline'>;\n\nconst useStyles: UseStyles<LinkStyles> = function (): LinkStyles {\n    return {\n        root: {},\n        underline: {\n            textDecorationLine: 'underline',\n        },\n    };\n};\n\nexport default function Link(props: LinkProps) {\n    const {\n        disabled = false,\n        href,\n        onPress,\n        style,\n        underline = 'always',\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const handlePress = async (event: GestureResponderEvent) => {\n        if (Platform.OS === 'web') {\n            event.preventDefault();\n        }\n\n        if (onPress) {\n            onPress(event);\n            return;\n        }\n\n        if (await Linking.canOpenURL(href)) {\n            await Linking.openURL(href);\n        }\n    };\n\n    return (\n        <Pressable\n            disabled={disabled}\n            onPress={Platform.OS === 'web' ? undefined : handlePress}\n            style={css([styles.root, style])}\n        >\n            {({ hovered }) => {\n                const underlineStyle = (underline === 'always' || (underline === 'hover' && hovered))\n                    ? styles.underline\n                    : undefined;\n\n                return (\n                    <Typography\n                        href={href}\n                        style={underlineStyle}\n                        onPress={Platform.OS === 'web' ? handlePress : undefined}\n                        {...otherProps}\n                    />\n                );\n            }}\n        </Pressable>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","root","underline","textDecorationLine","Link","props","disabled","href","onPress","style","otherProps","styles","handlePress","event","Platform","OS","preventDefault","Linking","canOpenURL","openURL","undefined","css","hovered","underlineStyle"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, Linking, Platform } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Pressable from '../Pressable';\nimport Typography from '../Typography';\nimport { css } from '../styles';\nimport type LinkProps from './LinkProps';\n\ntype LinkStyles = NamedStylesStringUnion<'root' | 'underline'>;\n\nconst useStyles: UseStyles<LinkStyles> = function (): LinkStyles {\n    return {\n        root: {},\n        underline: {\n            textDecorationLine: 'underline',\n        },\n    };\n};\n\nexport default function Link(props: LinkProps) {\n    const {\n        disabled = false,\n        href,\n        onPress,\n        style,\n        underline = 'always',\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const handlePress = async (event: GestureResponderEvent) => {\n        if (Platform.OS === 'web') {\n            event.preventDefault();\n        }\n\n        if (onPress) {\n            onPress(event);\n            return;\n        }\n\n        if (await Linking.canOpenURL(href)) {\n            await Linking.openURL(href);\n        }\n    };\n\n    return (\n        <Pressable\n            disabled={disabled}\n            onPress={Platform.OS === 'web' ? undefined : handlePress}\n            style={css([styles.root, style])}\n        >\n            {({ hovered }) => {\n                const underlineStyle = (underline === 'always' || (underline === 'hover' && hovered))\n                    ? styles.underline\n                    : undefined;\n\n                return (\n                    <Typography\n                        href={href}\n                        style={underlineStyle}\n                        onPress={Platform.OS === 'web' ? handlePress : undefined}\n                        {...otherProps}\n                    />\n                );\n            }}\n        </Pressable>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAG,YAAwB;EAC7D,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,SAAS,EAAE;MACPC,kBAAkB,EAAE;IADb;EAFR,CAAP;AAMH,CAPD;;AASe,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,IAFE;IAGFC,OAHE;IAIFC,KAJE;IAKFP,SAAS,GAAG,QALV;IAMF,GAAGQ;EAND,IAOFL,KAPJ;EASA,MAAMM,MAAM,GAAGX,SAAS,EAAxB;;EAEA,MAAMY,WAAW,GAAG,MAAOC,KAAP,IAAwC;IACxD,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACvBF,KAAK,CAACG,cAAN;IACH;;IAED,IAAIR,OAAJ,EAAa;MACTA,OAAO,CAACK,KAAD,CAAP;MACA;IACH;;IAED,IAAI,MAAMI,oBAAA,CAAQC,UAAR,CAAmBX,IAAnB,CAAV,EAAoC;MAChC,MAAMU,oBAAA,CAAQE,OAAR,CAAgBZ,IAAhB,CAAN;IACH;EACJ,CAbD;;EAeA,oBACI,6BAAC,kBAAD;IACI,QAAQ,EAAED,QADd;IAEI,OAAO,EAAEQ,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwBK,SAAxB,GAAoCR,WAFjD;IAGI,KAAK,EAAE,IAAAS,WAAA,EAAI,CAACV,MAAM,CAACV,IAAR,EAAcQ,KAAd,CAAJ;EAHX,GAKK,QAAiB;IAAA,IAAhB;MAAEa;IAAF,CAAgB;IACd,MAAMC,cAAc,GAAIrB,SAAS,KAAK,QAAd,IAA2BA,SAAS,KAAK,OAAd,IAAyBoB,OAArD,GACjBX,MAAM,CAACT,SADU,GAEjBkB,SAFN;IAIA,oBACI,6BAAC,mBAAD;MACI,IAAI,EAAEb,IADV;MAEI,KAAK,EAAEgB,cAFX;MAGI,OAAO,EAAET,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwBH,WAAxB,GAAsCQ;IAHnD,GAIQV,UAJR,EADJ;EAQH,CAlBL,CADJ;AAsBH;;AAAA"}

package/build/commonjs/Link/LinkProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["LinkProps.ts"],"sourcesContent":["import type { TypographyProps } from '../Typography';\nimport type { OverridableComponentProps } from '../types';\n\nexport type LinkUnderline = 'always' | 'hover' | 'none';\n\nexport default interface LinkProps extends OverridableComponentProps<TypographyProps, {\n    /**\n     * If `true`, the link is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * The hyperlink of the text.\n     */\n    href: string;\n\n    /**\n     * Controls when the link should have an underline.\n     * @default 'always'\n     */\n    underline?: LinkUnderline;\n}> {}\n"],"mappings":""}

package/build/commonjs/Link/index.js.map

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

package/build/commonjs/List/List.js

@@ -13,7 +13,7 @@ var _Column = _interopRequireDefault(require("../Column"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 
 function List(props) {
   const {

package/build/commonjs/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["List.tsx"],"names":["List","props","children","subheader","otherProps","accessibilityRole","Platform","OS","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,IAAT,CAAcC,KAAd,EAAgC;AAC3C,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,SAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,QAAMI,iBAAiB,GAAGC,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,MAAxB,GAAiCC,SAA3D;AAEA,sBACI,6BAAC,eAAD,CACI;AADJ;AAEI,IAAA,iBAAiB,EAAEH;AAFvB,KAGQD,UAHR,GAKKD,SALL,EAMKD,QANL,CADJ;AAUH;;AAAA","sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport Column from '../Column';\nimport type ListProps from './ListProps';\n\nexport default function List(props: ListProps) {\n    const {\n        children,\n        subheader,\n        ...otherProps\n    } = props;\n\n    const accessibilityRole = Platform.OS === 'web' ? 'list' : undefined;\n\n    return (\n        <Column\n            // @ts-ignore\n            accessibilityRole={accessibilityRole}\n            {...otherProps}\n        >\n            {subheader}\n            {children}\n        </Column>\n    );\n};\n"]}
+{"version":3,"names":["List","props","children","subheader","otherProps","accessibilityRole","Platform","OS","undefined"],"sources":["List.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport Column from '../Column';\nimport type ListProps from './ListProps';\n\nexport default function List(props: ListProps) {\n    const {\n        children,\n        subheader,\n        ...otherProps\n    } = props;\n\n    const accessibilityRole = Platform.OS === 'web' ? 'list' : undefined;\n\n    return (\n        <Column\n            // @ts-ignore\n            accessibilityRole={accessibilityRole}\n            {...otherProps}\n        >\n            {subheader}\n            {children}\n        </Column>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,QADE;IAEFC,SAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAMI,iBAAiB,GAAGC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,MAAxB,GAAiCC,SAA3D;EAEA,oBACI,6BAAC,eAAD,CACI;EADJ;IAEI,iBAAiB,EAAEH;EAFvB,GAGQD,UAHR,GAKKD,SALL,EAMKD,QANL,CADJ;AAUH;;AAAA"}

package/build/commonjs/List/ListProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ListProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ColumnProps } from '../Column';\n\nexport default interface ListProps extends OverridableComponentProps<ColumnProps, {\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The content of the subheader, normally `ListSubheader`.\n     */\n    subheader?: React.ReactNode;\n}> {}\n"],"mappings":""}

package/build/commonjs/List/index.js.map

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

package/build/commonjs/ListItem/ListItem.js

@@ -15,7 +15,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 useStyles = function () {
   const theme = (0, _styles.useTheme)();

package/build/commonjs/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ListItem.tsx"],"names":["useStyles","theme","root","flexDirection","paddingVertical","spacing","paddingHorizontal","width","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","Platform","OS","undefined","rootStyle"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAKA,MAAMA,SAAoC,GAAG,YAA4B;AACrE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,KADb;AAEFC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd,CAFf;AAGFC,MAAAA,iBAAiB,EAAEL,KAAK,CAACI,OAAN,CAAc,CAAd,CAHjB;AAIFE,MAAAA,KAAK,EAAE;AAJL;AADH,GAAP;AAQH,CAXD;;AAae,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;AACnD,QAAM;AACFC,IAAAA,UAAU,GAAG,QADX;AAEFC,IAAAA,MAAM,GAAG,KAFP;AAGFC,IAAAA,QAHE;AAIFC,IAAAA,QAAQ,GAAG,KAJT;AAKFC,IAAAA,OALE;AAMFC,IAAAA,KANE;AAOF,OAAGC;AAPD,MAQFP,KARJ;AAUA,QAAMQ,MAAM,GAAGjB,SAAS,EAAxB;AAEA,QAAMkB,kBAAkB,GAAG;AACvBC,IAAAA,iBAAiB,EAAEC,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;AAEvB,OAAGN;AAFoB,GAA3B;AAKA,QAAMO,SAAS,GAAG,iBAAI,CAClBN,MAAM,CAACf,IADW,EAElB;AAAEQ,IAAAA;AAAF,GAFkB,EAGlBK,KAHkB,CAAJ,CAAlB;;AAMA,MAAIJ,MAAJ,EAAY;AACR;AAAA;AACI;AACA,mCAAC,iBAAD,EAAUO,kBAAV,eACI,6BAAC,mBAAD;AACI,QAAA,QAAQ,EAAEL,QADd;AAEI,QAAA,OAAO,EAAEC,OAFb;AAGI,QAAA,KAAK,EAAES;AAHX,SAKKX,QALL,CADJ;AAFJ;AAYH;;AAED;AAAA;AACI;AACA,iCAAC,iBAAD;AACI,MAAA,QAAQ,EAAEA,QADd;AAEI,MAAA,KAAK,EAAEW;AAFX,OAGQL,kBAHR;AAFJ;AAQH;;AAAA","sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { css, useTheme } from '../styles';\nimport ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(3),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center',\n        button = false,\n        children,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const rootStyle = css([\n        styles.root,\n        { alignItems },\n        style,\n    ]);\n\n    if (button) {\n        return (\n            // @ts-ignore\n            <View {...rootComponentProps}>\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={rootStyle}\n                >\n                    {children}\n                </ButtonBase>\n            </View>\n        );\n    }\n\n    return (\n        // @ts-ignore\n        <View\n            children={children}\n            style={rootStyle}\n            {...rootComponentProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","root","flexDirection","paddingVertical","spacing","paddingHorizontal","width","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","Platform","OS","undefined","rootStyle","css"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { css, useTheme } from '../styles';\nimport ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(3),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center',\n        button = false,\n        children,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const rootStyle = css([\n        styles.root,\n        { alignItems },\n        style,\n    ]);\n\n    if (button) {\n        return (\n            // @ts-ignore\n            <View {...rootComponentProps}>\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={rootStyle}\n                >\n                    {children}\n                </ButtonBase>\n            </View>\n        );\n    }\n\n    return (\n        // @ts-ignore\n        <View\n            children={children}\n            style={rootStyle}\n            {...rootComponentProps}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAKA,MAAMA,SAAoC,GAAG,YAA4B;EACrE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,KADb;MAEFC,eAAe,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd,CAFf;MAGFC,iBAAiB,EAAEN,KAAK,CAACK,OAAN,CAAc,CAAd,CAHjB;MAIFE,KAAK,EAAE;IAJL;EADH,CAAP;AAQH,CAXD;;AAae,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,UAAU,GAAG,QADX;IAEFC,MAAM,GAAG,KAFP;IAGFC,QAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,OALE;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,kBAAkB,GAAG;IACvBC,iBAAiB,EAAEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;IAEvB,GAAGN;EAFoB,CAA3B;EAKA,MAAMO,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBP,MAAM,CAACf,IADW,EAElB;IAAEQ;EAAF,CAFkB,EAGlBK,KAHkB,CAAJ,CAAlB;;EAMA,IAAIJ,MAAJ,EAAY;IACR;MAAA;MACI;MACA,6BAAC,iBAAD,EAAUO,kBAAV,eACI,6BAAC,mBAAD;QACI,QAAQ,EAAEL,QADd;QAEI,OAAO,EAAEC,OAFb;QAGI,KAAK,EAAES;MAHX,GAKKX,QALL,CADJ;IAFJ;EAYH;;EAED;IAAA;IACI;IACA,6BAAC,iBAAD;MACI,QAAQ,EAAEA,QADd;MAEI,KAAK,EAAEW;IAFX,GAGQL,kBAHR;EAFJ;AAQH;;AAAA"}

package/build/commonjs/ListItem/ListItemProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ListItemProps.ts"],"sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewProps } from 'react-native';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface ListItemProps extends OverridableComponentProps<React.PropsWithChildren<ViewProps>, {\n    /**\n     * Aligns children vertical direction.\n     * @default 'center'\n     */\n    alignItems?: FlexStyle['alignItems'];\n\n    /**\n     * If `true`, the list item is a button (using `ButtonBase`).\n     * @default false\n     */\n    button?: boolean;\n\n    /**\n     * Whether to prevent interaction with the ButtonBase.\n     * @default false\n     */\n    disabled?: ButtonBaseProps['disabled'];\n\n    /**\n     * Function to execute on press. If not set, will cause the ButtonBase to be disabled.\n     */\n    onPress?: ButtonBaseProps['onPress'];\n}> {}\n"],"mappings":""}

package/build/commonjs/ListItem/index.js.map

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