@fountain-ui/core 3.0.0-alpha.42 → 3.0.0-alpha.44

package/build/commonjs/AspectRatio/AspectRatioNative.js

@@ -42,7 +42,7 @@ function AspectRatio(props) {
 
   const containerStyle = (0, _styles.css)([{
     aspectRatio: ratio,
-    width
+    width: width
   }, styles.root, style]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
     style: containerStyle

package/build/commonjs/AspectRatio/AspectRatioNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyles","root","overflow","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","containerStyle","css","aspectRatio"],"sources":["AspectRatioNative.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const containerStyle = css([\n        { aspectRatio: ratio, width },\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE;IADR;EADH,CAAP;AAKH,CAND;;AAQe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGZ,SAAS,EAAxB;;EAEA,IAAIM,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,cAAc,GAAG,IAAAC,WAAA,EAAI,CACvB;IAAEC,WAAW,EAAEV,KAAf;IAAsBG;EAAtB,CADuB,EAEvBG,MAAM,CAACX,IAFgB,EAGvBO,KAHuB,CAAJ,CAAvB;EAMA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEM;EADX,GAEQH,UAFR,GAIKN,QAJL,CADJ;AAQH;;AAAA"}
+{"version":3,"names":["useStyles","root","overflow","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","containerStyle","css","aspectRatio"],"sources":["AspectRatioNative.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const containerStyle = css([\n        { aspectRatio: ratio, width: width as DimensionValue},\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE;IADR;EADH,CAAP;AAKH,CAND;;AAQe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGZ,SAAS,EAAxB;;EAEA,IAAIM,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,cAAc,GAAG,IAAAC,WAAA,EAAI,CACvB;IAAEC,WAAW,EAAEV,KAAf;IAAsBG,KAAK,EAAEA;EAA7B,CADuB,EAEvBG,MAAM,CAACX,IAFgB,EAGvBO,KAHuB,CAAJ,CAAvB;EAMA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEM;EADX,GAEQH,UAFR,GAIKN,QAJL,CADJ;AAQH;;AAAA"}

package/build/commonjs/AspectRatio/AspectRatioWeb.js

@@ -45,7 +45,7 @@ function AspectRatio(props) {
   }
 
   const outerStyle = (0, _styles.css)([styles.root, {
-    width
+    width: width
   }, style]);
   const innerStyle = (0, _styles.css)([{
     paddingBottom: `${(100 / ratio).toFixed(6)}%`

package/build/commonjs/AspectRatio/AspectRatioWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyles","root","inner","height","overflow","child","StyleSheet","absoluteFillObject","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","outerStyle","css","innerStyle","paddingBottom","toFixed","childStyle","React","cloneElement"],"sources":["AspectRatioWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root' | 'inner' | 'child'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {},\n        inner: {\n            height: 0,\n            overflow: 'hidden',\n        },\n        child: {\n            ...StyleSheet.absoluteFillObject,\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const outerStyle = css([\n        styles.root,\n        { width },\n        style,\n    ]);\n\n    const innerStyle = css([\n        { paddingBottom: `${(100 / ratio).toFixed(6)}%` },\n        styles.inner,\n    ]);\n\n    const childStyle = css([\n        children.props.style,\n        styles.child,\n    ]);\n\n    return (\n        <View\n            style={outerStyle}\n            {...otherProps}\n        >\n            <View style={innerStyle}>\n                {React.cloneElement(children, {\n                    style: childStyle,\n                })}\n            </View>\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,MAAM,EAAE,CADL;MAEHC,QAAQ,EAAE;IAFP,CAFJ;IAMHC,KAAK,EAAE,EACH,GAAGC,kBAAA,CAAWC;IADX;EANJ,CAAP;AAUH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,IAAIW,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBH,MAAM,CAAChB,IADY,EAEnB;IAAEa;EAAF,CAFmB,EAGnBD,KAHmB,CAAJ,CAAnB;EAMA,MAAMQ,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnB;IAAEE,aAAa,EAAG,GAAE,CAAC,MAAMX,KAAP,EAAcY,OAAd,CAAsB,CAAtB,CAAyB;EAA7C,CADmB,EAEnBN,MAAM,CAACf,KAFY,CAAJ,CAAnB;EAKA,MAAMsB,UAAU,GAAG,IAAAJ,WAAA,EAAI,CACnBV,QAAQ,CAACD,KAAT,CAAeI,KADI,EAEnBI,MAAM,CAACZ,KAFY,CAAJ,CAAnB;EAKA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEc;EADX,GAEQH,UAFR,gBAII,6BAAC,iBAAD;IAAM,KAAK,EAAEK;EAAb,gBACKI,cAAA,CAAMC,YAAN,CAAmBhB,QAAnB,EAA6B;IAC1BG,KAAK,EAAEW;EADmB,CAA7B,CADL,CAJJ,CADJ;AAYH;;AAAA"}
+{"version":3,"names":["useStyles","root","inner","height","overflow","child","StyleSheet","absoluteFillObject","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","outerStyle","css","innerStyle","paddingBottom","toFixed","childStyle","React","cloneElement"],"sources":["AspectRatioWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root' | 'inner' | 'child'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {},\n        inner: {\n            height: 0,\n            overflow: 'hidden',\n        },\n        child: {\n            ...StyleSheet.absoluteFillObject,\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const outerStyle = css([\n        styles.root,\n        { width: width as DimensionValue },\n        style,\n    ]);\n\n    const innerStyle = css([\n        { paddingBottom: `${(100 / ratio).toFixed(6)}%` as DimensionValue},\n        styles.inner,\n    ]);\n\n    const childStyle = css([\n        children.props.style,\n        styles.child,\n    ]);\n\n    return (\n        <View\n            style={outerStyle}\n            {...otherProps}\n        >\n            <View style={innerStyle}>\n                {React.cloneElement(children, {\n                    style: childStyle,\n                })}\n            </View>\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,MAAM,EAAE,CADL;MAEHC,QAAQ,EAAE;IAFP,CAFJ;IAMHC,KAAK,EAAE,EACH,GAAGC,kBAAA,CAAWC;IADX;EANJ,CAAP;AAUH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,IAAIW,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBH,MAAM,CAAChB,IADY,EAEnB;IAAEa,KAAK,EAAEA;EAAT,CAFmB,EAGnBD,KAHmB,CAAJ,CAAnB;EAMA,MAAMQ,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnB;IAAEE,aAAa,EAAG,GAAE,CAAC,MAAMX,KAAP,EAAcY,OAAd,CAAsB,CAAtB,CAAyB;EAA7C,CADmB,EAEnBN,MAAM,CAACf,KAFY,CAAJ,CAAnB;EAKA,MAAMsB,UAAU,GAAG,IAAAJ,WAAA,EAAI,CACnBV,QAAQ,CAACD,KAAT,CAAeI,KADI,EAEnBI,MAAM,CAACZ,KAFY,CAAJ,CAAnB;EAKA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEc;EADX,GAEQH,UAFR,gBAII,6BAAC,iBAAD;IAAM,KAAK,EAAEK;EAAb,gBACKI,cAAA,CAAMC,YAAN,CAAmBhB,QAAnB,EAA6B;IAC1BG,KAAK,EAAEW;EADmB,CAA7B,CADL,CAJJ,CADJ;AAYH;;AAAA"}

package/build/commonjs/Button/useVariantStyleMap.js

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

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

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

package/build/commonjs/Image/Image.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Image;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -13,6 +13,8 @@ var _ImageCore = _interopRequireDefault(require("../ImageCore"));
 
 var _styles = require("../styles");
 
+var _OverlayCloseButton = _interopRequireDefault(require("./OverlayCloseButton"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -124,5 +126,7 @@ function Image(props) {
   }, overlaidChildren) : null);
 }
 
-;
+Image.OverlayCloseButton = _OverlayCloseButton.default;
+var _default = Image;
+exports.default = _default;
 //# sourceMappingURL=Image.js.map

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = OverlayCloseButton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@fountain-ui/styles");
+
+var _IconButton = _interopRequireDefault(require("../../IconButton"));
+
+var _internal = require("../../internal");
+
+var _styles2 = require("../../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const styles = _styles2.StyleSheet.create({
+  root: {
+    height: 40,
+    left: 8,
+    position: 'absolute',
+    top: 8,
+    width: 40
+  }
+});
+
+function OverlayCloseButton(props) {
+  const {
+    style: styleProp,
+    ...otherProps
+  } = props;
+  const rootStyle = (0, _styles2.css)([styles.root, styleProp]);
+  return /*#__PURE__*/_react.default.createElement(_IconButton.default, _extends({
+    style: rootStyle
+  }, otherProps), /*#__PURE__*/_react.default.createElement(_internal.CloseCircleFillPierced, {
+    fill: _styles.commonColors.static.baseOpacityInverse,
+    height: 21,
+    width: 21
+  }));
+}
+//# sourceMappingURL=OverlayCloseButton.js.map

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

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

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

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

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

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

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

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

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

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

package/build/commonjs/ImageCore/ImageCoreNative.js

@@ -65,8 +65,8 @@ function ImageCore(props) {
     style: [{
       opacity
     }, {
-      width,
-      height
+      width: width,
+      height: height
     }]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","useAnimatedValue","acceptHeader","useContext","ImageFileExtensionContext","handleLoad","useCallback","timing","toValue","duration","useNativeDriver","isNotAndroid12","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from '@d11/react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type ImageCoreProps from './ImageCoreProps';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst INITIAL_OPACITY = 0;\nconst LOADED_OPACITY = 1;\n\nconst ANIMATION_DURATION = 200;\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        cache,\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const opacity = useAnimatedValue(INITIAL_OPACITY);\n\n    const acceptHeader = useContext(ImageFileExtensionContext);\n\n    const handleLoad = useCallback(() => {\n        Animated.timing(opacity, {\n            toValue: LOADED_OPACITY,\n            duration: ANIMATION_DURATION,\n            useNativeDriver: isNotAndroid12,\n        }).start();\n\n        onLoad?.();\n    }, [onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width, height },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACA,MAAMA,iBAAiB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,KADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,MAJE;IAKFC,UALE;IAMFC,MANE;IAOFC;EAPE,IAQFP,KARJ;EAUA,MAAMQ,OAAO,GAAG,IAAAC,uBAAA,EAAiBb,eAAjB,CAAhB;EAEA,MAAMc,YAAY,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAArB;EAEA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjCrB,qBAAA,CAASsB,MAAT,CAAgBP,OAAhB,EAAyB;MACrBQ,OAAO,EAAEnB,cADY;MAErBoB,QAAQ,EAAEnB,kBAFW;MAGrBoB,eAAe,EAAEC;IAHI,CAAzB,EAIGC,KAJH;;IAMAhB,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CARkB,EAQhB,CAACA,MAAD,CARgB,CAAnB;EAUA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MACJJ,KADI;MAEJoB,GAAG,EAAEf,MAAM,CAACe,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUZ;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAEF;IAAF,CADG,EAEH;MAAED,KAAF;MAASL;IAAT,CAFG;EAXX,EADJ;AAkBH;;AAAA"}
+{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","useAnimatedValue","acceptHeader","useContext","ImageFileExtensionContext","handleLoad","useCallback","timing","toValue","duration","useNativeDriver","isNotAndroid12","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated, DimensionValue } from 'react-native';\nimport FastImage from '@d11/react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type ImageCoreProps from './ImageCoreProps';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst INITIAL_OPACITY = 0;\nconst LOADED_OPACITY = 1;\n\nconst ANIMATION_DURATION = 200;\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        cache,\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const opacity = useAnimatedValue(INITIAL_OPACITY);\n\n    const acceptHeader = useContext(ImageFileExtensionContext);\n\n    const handleLoad = useCallback(() => {\n        Animated.timing(opacity, {\n            toValue: LOADED_OPACITY,\n            duration: ANIMATION_DURATION,\n            useNativeDriver: isNotAndroid12,\n        }).start();\n\n        onLoad?.();\n    }, [onLoad]);\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{\n                cache,\n                uri: source.uri,\n                headers: {\n                    'Accept': acceptHeader,\n                },\n            }}\n            style={[\n                { opacity },\n                { width: width as DimensionValue, height: height as DimensionValue },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAEA;AACA,MAAMA,iBAAiB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEA,MAAMC,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,KADE;IAEFC,MAFE;IAGFC,OAHE;IAIFC,MAJE;IAKFC,UALE;IAMFC,MANE;IAOFC;EAPE,IAQFP,KARJ;EAUA,MAAMQ,OAAO,GAAG,IAAAC,uBAAA,EAAiBb,eAAjB,CAAhB;EAEA,MAAMc,YAAY,GAAG,IAAAC,iBAAA,EAAWC,kCAAX,CAArB;EAEA,MAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACjCrB,qBAAA,CAASsB,MAAT,CAAgBP,OAAhB,EAAyB;MACrBQ,OAAO,EAAEnB,cADY;MAErBoB,QAAQ,EAAEnB,kBAFW;MAGrBoB,eAAe,EAAEC;IAHI,CAAzB,EAIGC,KAJH;;IAMAhB,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CARkB,EAQhB,CAACA,MAAD,CARgB,CAAnB;EAUA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MACJJ,KADI;MAEJoB,GAAG,EAAEf,MAAM,CAACe,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUZ;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAEF;IAAF,CADG,EAEH;MAAED,KAAK,EAAEA,KAAT;MAAkCL,MAAM,EAAEA;IAA1C,CAFG;EAXX,EADJ;AAkBH;;AAAA"}

package/build/commonjs/Radio/Radio.js

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

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

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

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

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

package/build/commonjs/Slider/Slider.js

@@ -48,24 +48,28 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function Slider(props, ref
   const minimumTrackTintColor = theme.palette.primary.main;
   const maximumTrackTintColor = theme.palette.tertiary.main;
   const thumbTintColor = _reactNative.Platform.OS === 'android' ? theme.palette.primary.main : undefined;
-  return /*#__PURE__*/_react.default.createElement(_slider.default, _extends({
-    disabled: disabled,
-    maximumValue: maximumValue,
-    maximumTrackTintColor: maximumTrackTintColor,
-    minimumValue: minimumValue,
-    minimumTrackTintColor: minimumTrackTintColor,
-    onSlidingComplete: onSlidingComplete,
-    onValueChange: onValueChange //@ts-ignore
-    ,
-    ref: ref,
-    step: step,
-    thumbTintColor: thumbTintColor,
-    value: value,
-    style: [platformStyle, commonStyle, style],
-    thumbImage: require('./resources/knob.png'),
-    minimumTrackImage: require('./resources/min-track.png'),
-    maximumTrackImage: require('./resources/max-track.png')
-  }, otherProps));
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - @react-native-community/slider has incorrect type definitions for JSX usage
+    _react.default.createElement(_slider.default, _extends({
+      disabled: disabled,
+      maximumValue: maximumValue,
+      maximumTrackTintColor: maximumTrackTintColor,
+      minimumValue: minimumValue,
+      minimumTrackTintColor: minimumTrackTintColor,
+      onSlidingComplete: onSlidingComplete,
+      onValueChange: onValueChange //@ts-ignore
+      ,
+      ref: ref,
+      step: step,
+      thumbTintColor: thumbTintColor,
+      value: value,
+      style: [platformStyle, commonStyle, style],
+      thumbImage: require('./resources/knob.png'),
+      minimumTrackImage: require('./resources/min-track.png'),
+      maximumTrackImage: require('./resources/max-track.png')
+    }, otherProps))
+  );
 });
 
 exports.default = _default;

package/build/commonjs/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Slider","props","ref","disabled","step","minimumValue","maximumValue","onSlidingComplete","onValueChange","value","style","otherProps","theme","useTheme","platformStyle","Platform","select","ios","marginLeft","spacing","marginRight","android","commonStyle","height","minimumTrackTintColor","palette","primary","main","maximumTrackTintColor","tertiary","thumbTintColor","OS","undefined","require"],"sources":["Slider.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport RNSlider from '@react-native-community/slider';\nimport { useTheme } from '../styles';\nimport type SliderProps from './SliderProps';\n\nexport default React.forwardRef<RNSlider, SliderProps>(function Slider(props, ref) {\n    const {\n        disabled = false,\n        step = 0,\n        minimumValue = 0,\n        maximumValue = 1,\n        onSlidingComplete,\n        onValueChange,\n        value = 0,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const platformStyle = Platform.select({\n        ios: {\n            marginLeft: -theme.spacing(1),\n            marginRight: -theme.spacing(1),\n        },\n        android: {\n            marginLeft: -theme.spacing(4),\n            marginRight: -theme.spacing(4),\n        },\n    });\n    const commonStyle = {\n        height: 18,\n    };\n\n    const minimumTrackTintColor = theme.palette.primary.main;\n    const maximumTrackTintColor = theme.palette.tertiary.main;\n    const thumbTintColor = Platform.OS === 'android' ? theme.palette.primary.main : undefined;\n\n    return (\n        <RNSlider\n            disabled={disabled}\n            maximumValue={maximumValue}\n            maximumTrackTintColor={maximumTrackTintColor}\n            minimumValue={minimumValue}\n            minimumTrackTintColor={minimumTrackTintColor}\n            onSlidingComplete={onSlidingComplete}\n            onValueChange={onValueChange}\n            //@ts-ignore\n            ref={ref}\n            step={step}\n            thumbTintColor={thumbTintColor}\n            value={value}\n            style={[platformStyle, commonStyle, style]}\n            thumbImage={require('./resources/knob.png')}\n            minimumTrackImage={require('./resources/min-track.png')}\n            maximumTrackImage={require('./resources/max-track.png')}\n            {...otherProps}\n        />\n    );\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;4BAGeA,cAAA,CAAMC,UAAN,CAAwC,SAASC,MAAT,CAAgBC,KAAhB,EAAuBC,GAAvB,EAA4B;EAC/E,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,IAAI,GAAG,CAFL;IAGFC,YAAY,GAAG,CAHb;IAIFC,YAAY,GAAG,CAJb;IAKFC,iBALE;IAMFC,aANE;IAOFC,KAAK,GAAG,CAPN;IAQFC,KARE;IASF,GAAGC;EATD,IAUFV,KAVJ;EAYA,MAAMW,KAAK,GAAG,IAAAC,gBAAA,GAAd;;EACA,MAAMC,aAAa,GAAGC,qBAAA,CAASC,MAAT,CAAgB;IAClCC,GAAG,EAAE;MACDC,UAAU,EAAE,CAACN,KAAK,CAACO,OAAN,CAAc,CAAd,CADZ;MAEDC,WAAW,EAAE,CAACR,KAAK,CAACO,OAAN,CAAc,CAAd;IAFb,CAD6B;IAKlCE,OAAO,EAAE;MACLH,UAAU,EAAE,CAACN,KAAK,CAACO,OAAN,CAAc,CAAd,CADR;MAELC,WAAW,EAAE,CAACR,KAAK,CAACO,OAAN,CAAc,CAAd;IAFT;EALyB,CAAhB,CAAtB;;EAUA,MAAMG,WAAW,GAAG;IAChBC,MAAM,EAAE;EADQ,CAApB;EAIA,MAAMC,qBAAqB,GAAGZ,KAAK,CAACa,OAAN,CAAcC,OAAd,CAAsBC,IAApD;EACA,MAAMC,qBAAqB,GAAGhB,KAAK,CAACa,OAAN,CAAcI,QAAd,CAAuBF,IAArD;EACA,MAAMG,cAAc,GAAGf,qBAAA,CAASgB,EAAT,KAAgB,SAAhB,GAA4BnB,KAAK,CAACa,OAAN,CAAcC,OAAd,CAAsBC,IAAlD,GAAyDK,SAAhF;EAEA,oBACI,6BAAC,eAAD;IACI,QAAQ,EAAE7B,QADd;IAEI,YAAY,EAAEG,YAFlB;IAGI,qBAAqB,EAAEsB,qBAH3B;IAII,YAAY,EAAEvB,YAJlB;IAKI,qBAAqB,EAAEmB,qBAL3B;IAMI,iBAAiB,EAAEjB,iBANvB;IAOI,aAAa,EAAEC,aAPnB,CAQI;IARJ;IASI,GAAG,EAAEN,GATT;IAUI,IAAI,EAAEE,IAVV;IAWI,cAAc,EAAE0B,cAXpB;IAYI,KAAK,EAAErB,KAZX;IAaI,KAAK,EAAE,CAACK,aAAD,EAAgBQ,WAAhB,EAA6BZ,KAA7B,CAbX;IAcI,UAAU,EAAEuB,OAAO,CAAC,sBAAD,CAdvB;IAeI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD,CAf9B;IAgBI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD;EAhB9B,GAiBQtB,UAjBR,EADJ;AAqBH,CArDc,C"}
+{"version":3,"names":["React","forwardRef","Slider","props","ref","disabled","step","minimumValue","maximumValue","onSlidingComplete","onValueChange","value","style","otherProps","theme","useTheme","platformStyle","Platform","select","ios","marginLeft","spacing","marginRight","android","commonStyle","height","minimumTrackTintColor","palette","primary","main","maximumTrackTintColor","tertiary","thumbTintColor","OS","undefined","require"],"sources":["Slider.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport RNSlider from '@react-native-community/slider';\nimport { useTheme } from '../styles';\nimport type SliderProps from './SliderProps';\n\nexport default React.forwardRef<RNSlider, SliderProps>(function Slider(props, ref) {\n    const {\n        disabled = false,\n        step = 0,\n        minimumValue = 0,\n        maximumValue = 1,\n        onSlidingComplete,\n        onValueChange,\n        value = 0,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const platformStyle = Platform.select({\n        ios: {\n            marginLeft: -theme.spacing(1),\n            marginRight: -theme.spacing(1),\n        },\n        android: {\n            marginLeft: -theme.spacing(4),\n            marginRight: -theme.spacing(4),\n        },\n    });\n    const commonStyle = {\n        height: 18,\n    };\n\n    const minimumTrackTintColor = theme.palette.primary.main;\n    const maximumTrackTintColor = theme.palette.tertiary.main;\n    const thumbTintColor = Platform.OS === 'android' ? theme.palette.primary.main : undefined;\n\n    return (\n        // @ts-ignore - @react-native-community/slider has incorrect type definitions for JSX usage\n        <RNSlider\n            disabled={disabled}\n            maximumValue={maximumValue}\n            maximumTrackTintColor={maximumTrackTintColor}\n            minimumValue={minimumValue}\n            minimumTrackTintColor={minimumTrackTintColor}\n            onSlidingComplete={onSlidingComplete}\n            onValueChange={onValueChange}\n            //@ts-ignore\n            ref={ref}\n            step={step}\n            thumbTintColor={thumbTintColor}\n            value={value}\n            style={[platformStyle, commonStyle, style]}\n            thumbImage={require('./resources/knob.png')}\n            minimumTrackImage={require('./resources/min-track.png')}\n            maximumTrackImage={require('./resources/max-track.png')}\n            {...otherProps}\n        />\n    );\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;4BAGeA,cAAA,CAAMC,UAAN,CAAwC,SAASC,MAAT,CAAgBC,KAAhB,EAAuBC,GAAvB,EAA4B;EAC/E,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,IAAI,GAAG,CAFL;IAGFC,YAAY,GAAG,CAHb;IAIFC,YAAY,GAAG,CAJb;IAKFC,iBALE;IAMFC,aANE;IAOFC,KAAK,GAAG,CAPN;IAQFC,KARE;IASF,GAAGC;EATD,IAUFV,KAVJ;EAYA,MAAMW,KAAK,GAAG,IAAAC,gBAAA,GAAd;;EACA,MAAMC,aAAa,GAAGC,qBAAA,CAASC,MAAT,CAAgB;IAClCC,GAAG,EAAE;MACDC,UAAU,EAAE,CAACN,KAAK,CAACO,OAAN,CAAc,CAAd,CADZ;MAEDC,WAAW,EAAE,CAACR,KAAK,CAACO,OAAN,CAAc,CAAd;IAFb,CAD6B;IAKlCE,OAAO,EAAE;MACLH,UAAU,EAAE,CAACN,KAAK,CAACO,OAAN,CAAc,CAAd,CADR;MAELC,WAAW,EAAE,CAACR,KAAK,CAACO,OAAN,CAAc,CAAd;IAFT;EALyB,CAAhB,CAAtB;;EAUA,MAAMG,WAAW,GAAG;IAChBC,MAAM,EAAE;EADQ,CAApB;EAIA,MAAMC,qBAAqB,GAAGZ,KAAK,CAACa,OAAN,CAAcC,OAAd,CAAsBC,IAApD;EACA,MAAMC,qBAAqB,GAAGhB,KAAK,CAACa,OAAN,CAAcI,QAAd,CAAuBF,IAArD;EACA,MAAMG,cAAc,GAAGf,qBAAA,CAASgB,EAAT,KAAgB,SAAhB,GAA4BnB,KAAK,CAACa,OAAN,CAAcC,OAAd,CAAsBC,IAAlD,GAAyDK,SAAhF;EAEA;IAAA;IACI;IACA,6BAAC,eAAD;MACI,QAAQ,EAAE7B,QADd;MAEI,YAAY,EAAEG,YAFlB;MAGI,qBAAqB,EAAEsB,qBAH3B;MAII,YAAY,EAAEvB,YAJlB;MAKI,qBAAqB,EAAEmB,qBAL3B;MAMI,iBAAiB,EAAEjB,iBANvB;MAOI,aAAa,EAAEC,aAPnB,CAQI;MARJ;MASI,GAAG,EAAEN,GATT;MAUI,IAAI,EAAEE,IAVV;MAWI,cAAc,EAAE0B,cAXpB;MAYI,KAAK,EAAErB,KAZX;MAaI,KAAK,EAAE,CAACK,aAAD,EAAgBQ,WAAhB,EAA6BZ,KAA7B,CAbX;MAcI,UAAU,EAAEuB,OAAO,CAAC,sBAAD,CAdvB;MAeI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD,CAf9B;MAgBI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD;IAhB9B,GAiBQtB,UAjBR;EAFJ;AAsBH,CAtDc,C"}

package/build/commonjs/internal/icons/CloseCircleFillPierced.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeSvg = require("react-native-svg");
+
+var _utils = require("../../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M11 1C4.92487 1 0 5.92487 0 12C0 18.0751 4.92487 23 11 23C17.0751 23 22 18.0751 22 12C22 5.92487 17.0751 1 11 1ZM8.70711 8.29289C8.31658 7.90237 7.68342 7.90237 7.29289 8.29289C6.90237 8.68342 6.90237 9.31658 7.29289 9.70711L9.58579 12L7.29289 14.2929C6.90237 14.6834 6.90237 15.3166 7.29289 15.7071C7.68342 16.0976 8.31658 16.0976 8.70711 15.7071L11 13.4142L13.2929 15.7071C13.6834 16.0976 14.3166 16.0976 14.7071 15.7071C15.0976 15.3166 15.0976 14.6834 14.7071 14.2929L12.4142 12L14.7071 9.70711C15.0976 9.31658 15.0976 8.68342 14.7071 8.29289C14.3166 7.90237 13.6834 7.90237 13.2929 8.29289L11 10.5858L8.70711 8.29289Z"
+}), 'CloseCircleFillPierced', '0 0 22 24');
+
+exports.default = _default;
+//# sourceMappingURL=CloseCircleFillPierced.js.map

package/build/commonjs/internal/icons/CloseCircleFillPierced.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSvgIcon"],"sources":["CloseCircleFillPierced.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11 1C4.92487 1 0 5.92487 0 12C0 18.0751 4.92487 23 11 23C17.0751 23 22 18.0751 22 12C22 5.92487 17.0751 1 11 1ZM8.70711 8.29289C8.31658 7.90237 7.68342 7.90237 7.29289 8.29289C6.90237 8.68342 6.90237 9.31658 7.29289 9.70711L9.58579 12L7.29289 14.2929C6.90237 14.6834 6.90237 15.3166 7.29289 15.7071C7.68342 16.0976 8.31658 16.0976 8.70711 15.7071L11 13.4142L13.2929 15.7071C13.6834 16.0976 14.3166 16.0976 14.7071 15.7071C15.0976 15.3166 15.0976 14.6834 14.7071 14.2929L12.4142 12L14.7071 9.70711C15.0976 9.31658 15.0976 8.68342 14.7071 8.29289C14.3166 7.90237 13.6834 7.90237 13.2929 8.29289L11 10.5858L8.70711 8.29289Z\"\n    />,\n    'CloseCircleFillPierced',\n    '0 0 22 24',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADW,EAMX,wBANW,EAOX,WAPW,C"}

package/build/commonjs/internal/icons/index.js

@@ -81,6 +81,12 @@ Object.defineProperty(exports, "Close", {
     return _Close.default;
   }
 });
+Object.defineProperty(exports, "CloseCircleFillPierced", {
+  enumerable: true,
+  get: function () {
+    return _CloseCircleFillPierced.default;
+  }
+});
 Object.defineProperty(exports, "EyeOff", {
   enumerable: true,
   get: function () {
@@ -150,6 +156,8 @@ var _Clear = _interopRequireDefault(require("./Clear"));
 
 var _Close = _interopRequireDefault(require("./Close"));
 
+var _CloseCircleFillPierced = _interopRequireDefault(require("./CloseCircleFillPierced"));
+
 var _EyeOff = _interopRequireDefault(require("./EyeOff"));
 
 var _EyeOn = _interopRequireDefault(require("./EyeOn"));

package/build/commonjs/internal/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as AppBarChevronLeft } from './AppBarChevronLeft';\nexport { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronRight } from './ChevronRight';\nexport { default as ChipClose } from './ChipClose';\nexport { default as CircularProgress } from './CircularProgress';\nexport { default as Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as AppBarChevronLeft } from './AppBarChevronLeft';\nexport { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronRight } from './ChevronRight';\nexport { default as ChipClose } from './ChipClose';\nexport { default as CircularProgress } from './CircularProgress';\nexport { default as Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as CloseCircleFillPierced } from './CloseCircleFillPierced';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/build/module/AspectRatio/AspectRatioNative.js

@@ -30,7 +30,7 @@ export default function AspectRatio(props) {
 
   const containerStyle = css([{
     aspectRatio: ratio,
-    width
+    width: width
   }, styles.root, style]);
   return /*#__PURE__*/React.createElement(View, _extends({
     style: containerStyle

package/build/module/AspectRatio/AspectRatioNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","defaultRatio","defaultWidth","warnRatioNotPositive","useStyles","root","overflow","AspectRatio","props","children","ratio","style","width","otherProps","styles","containerStyle","aspectRatio"],"sources":["AspectRatioNative.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const containerStyle = css([\n        { aspectRatio: ratio, width },\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,QAAoB,WAApB;AAEA,SAASC,YAAT,EAAuBC,YAAvB,EAAqCC,oBAArC,QAAiE,SAAjE;;AAIA,MAAMC,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE;IADR;EADH,CAAP;AAKH,CAND;;AAQA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGT,YAFN;IAGFU,KAHE;IAIFC,KAAK,GAAGV,YAJN;IAKF,GAAGW;EALD,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAGV,SAAS,EAAxB;;EAEA,IAAIM,KAAK,IAAI,CAAb,EAAgB;IACZP,oBAAoB,CAACO,KAAD,CAApB;IACA,OAAO,IAAP;EACH;;EAED,MAAMK,cAAc,GAAGf,GAAG,CAAC,CACvB;IAAEgB,WAAW,EAAEN,KAAf;IAAsBE;EAAtB,CADuB,EAEvBE,MAAM,CAACT,IAFgB,EAGvBM,KAHuB,CAAD,CAA1B;EAMA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEI;EADX,GAEQF,UAFR,GAIKJ,QAJL,CADJ;AAQH;AAAA"}
+{"version":3,"names":["React","View","css","defaultRatio","defaultWidth","warnRatioNotPositive","useStyles","root","overflow","AspectRatio","props","children","ratio","style","width","otherProps","styles","containerStyle","aspectRatio"],"sources":["AspectRatioNative.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const containerStyle = css([\n        { aspectRatio: ratio, width: width as DimensionValue},\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAyBC,IAAzB,QAAqC,cAArC;AAEA,SAASC,GAAT,QAAoB,WAApB;AAEA,SAASC,YAAT,EAAuBC,YAAvB,EAAqCC,oBAArC,QAAiE,SAAjE;;AAIA,MAAMC,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE;IADR;EADH,CAAP;AAKH,CAND;;AAQA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGT,YAFN;IAGFU,KAHE;IAIFC,KAAK,GAAGV,YAJN;IAKF,GAAGW;EALD,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAGV,SAAS,EAAxB;;EAEA,IAAIM,KAAK,IAAI,CAAb,EAAgB;IACZP,oBAAoB,CAACO,KAAD,CAApB;IACA,OAAO,IAAP;EACH;;EAED,MAAMK,cAAc,GAAGf,GAAG,CAAC,CACvB;IAAEgB,WAAW,EAAEN,KAAf;IAAsBE,KAAK,EAAEA;EAA7B,CADuB,EAEvBE,MAAM,CAACT,IAFgB,EAGvBM,KAHuB,CAAD,CAA1B;EAMA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEI;EADX,GAEQF,UAFR,GAIKJ,QAJL,CADJ;AAQH;AAAA"}

package/build/module/AspectRatio/AspectRatioWeb.js

@@ -33,7 +33,7 @@ export default function AspectRatio(props) {
   }
 
   const outerStyle = css([styles.root, {
-    width
+    width: width
   }, style]);
   const innerStyle = css([{
     paddingBottom: `${(100 / ratio).toFixed(6)}%`