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

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/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/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/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)}%`

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","StyleSheet","defaultRatio","defaultWidth","warnRatioNotPositive","useStyles","root","inner","height","overflow","child","absoluteFillObject","AspectRatio","props","children","ratio","style","width","otherProps","styles","outerStyle","innerStyle","paddingBottom","toFixed","childStyle","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,UAAd,QAAgC,WAAhC;AAEA,SAASC,YAAT,EAAuBC,YAAvB,EAAqCC,oBAArC,QAAiE,SAAjE;;AAIA,MAAMC,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,GAAGT,UAAU,CAACU;IADX;EANJ,CAAP;AAUH,CAXD;;AAaA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGb,YAFN;IAGFc,KAHE;IAIFC,KAAK,GAAGd,YAJN;IAKF,GAAGe;EALD,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAGd,SAAS,EAAxB;;EAEA,IAAIU,KAAK,IAAI,CAAb,EAAgB;IACZX,oBAAoB,CAACW,KAAD,CAApB;IACA,OAAO,IAAP;EACH;;EAED,MAAMK,UAAU,GAAGpB,GAAG,CAAC,CACnBmB,MAAM,CAACb,IADY,EAEnB;IAAEW;EAAF,CAFmB,EAGnBD,KAHmB,CAAD,CAAtB;EAMA,MAAMK,UAAU,GAAGrB,GAAG,CAAC,CACnB;IAAEsB,aAAa,EAAG,GAAE,CAAC,MAAMP,KAAP,EAAcQ,OAAd,CAAsB,CAAtB,CAAyB;EAA7C,CADmB,EAEnBJ,MAAM,CAACZ,KAFY,CAAD,CAAtB;EAKA,MAAMiB,UAAU,GAAGxB,GAAG,CAAC,CACnBc,QAAQ,CAACD,KAAT,CAAeG,KADI,EAEnBG,MAAM,CAACT,KAFY,CAAD,CAAtB;EAKA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEU;EADX,GAEQF,UAFR,gBAII,oBAAC,IAAD;IAAM,KAAK,EAAEG;EAAb,gBACKvB,KAAK,CAAC2B,YAAN,CAAmBX,QAAnB,EAA6B;IAC1BE,KAAK,EAAEQ;EADmB,CAA7B,CADL,CAJJ,CADJ;AAYH;AAAA"}
+{"version":3,"names":["React","View","css","StyleSheet","defaultRatio","defaultWidth","warnRatioNotPositive","useStyles","root","inner","height","overflow","child","absoluteFillObject","AspectRatio","props","children","ratio","style","width","otherProps","styles","outerStyle","innerStyle","paddingBottom","toFixed","childStyle","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAyBC,IAAzB,QAAqC,cAArC;AAEA,SAASC,GAAT,EAAcC,UAAd,QAAgC,WAAhC;AAEA,SAASC,YAAT,EAAuBC,YAAvB,EAAqCC,oBAArC,QAAiE,SAAjE;;AAIA,MAAMC,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,GAAGT,UAAU,CAACU;IADX;EANJ,CAAP;AAUH,CAXD;;AAaA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGb,YAFN;IAGFc,KAHE;IAIFC,KAAK,GAAGd,YAJN;IAKF,GAAGe;EALD,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAGd,SAAS,EAAxB;;EAEA,IAAIU,KAAK,IAAI,CAAb,EAAgB;IACZX,oBAAoB,CAACW,KAAD,CAApB;IACA,OAAO,IAAP;EACH;;EAED,MAAMK,UAAU,GAAGpB,GAAG,CAAC,CACnBmB,MAAM,CAACb,IADY,EAEnB;IAAEW,KAAK,EAAEA;EAAT,CAFmB,EAGnBD,KAHmB,CAAD,CAAtB;EAMA,MAAMK,UAAU,GAAGrB,GAAG,CAAC,CACnB;IAAEsB,aAAa,EAAG,GAAE,CAAC,MAAMP,KAAP,EAAcQ,OAAd,CAAsB,CAAtB,CAAyB;EAA7C,CADmB,EAEnBJ,MAAM,CAACZ,KAFY,CAAD,CAAtB;EAKA,MAAMiB,UAAU,GAAGxB,GAAG,CAAC,CACnBc,QAAQ,CAACD,KAAT,CAAeG,KADI,EAEnBG,MAAM,CAACT,KAFY,CAAD,CAAtB;EAKA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEU;EADX,GAEQF,UAFR,gBAII,oBAAC,IAAD;IAAM,KAAK,EAAEG;EAAb,gBACKvB,KAAK,CAAC2B,YAAN,CAAmBX,QAAnB,EAA6B;IAC1BE,KAAK,EAAEQ;EADmB,CAA7B,CADL,CAJJ,CADJ;AAYH;AAAA"}

package/build/module/ImageCore/ImageCoreNative.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","Animated","FastImage","useAnimatedValue","isNotAndroid12","ImageFileExtensionContext","AnimatedFastImage","createAnimatedComponent","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","acceptHeader","handleLoad","timing","toValue","duration","useNativeDriver","start","uri","headers"],"sources":["ImageCoreNative.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from '@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,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC,C,CAEA;;AACA,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAT,CAAiCL,SAAjC,CAA1B;AAEA,MAAMM,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,eAAe,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,GAAGjB,gBAAgB,CAACK,eAAD,CAAhC;EAEA,MAAMa,YAAY,GAAGrB,UAAU,CAACK,yBAAD,CAA/B;EAEA,MAAMiB,UAAU,GAAGvB,WAAW,CAAC,MAAM;IACjCE,QAAQ,CAACsB,MAAT,CAAgBH,OAAhB,EAAyB;MACrBI,OAAO,EAAEf,cADY;MAErBgB,QAAQ,EAAEf,kBAFW;MAGrBgB,eAAe,EAAEtB;IAHI,CAAzB,EAIGuB,KAJH;IAMAX,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CAR6B,EAQ3B,CAACA,MAAD,CAR2B,CAA9B;EAUA,oBACI,oBAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEO,UAFZ;IAGI,UAAU,EAAEL,UAHhB;IAII,MAAM,EAAE;MACJJ,KADI;MAEJe,GAAG,EAAEV,MAAM,CAACU,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUR;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAED;IAAF,CADG,EAEH;MAAED,KAAF;MAASL;IAAT,CAFG;EAXX,EADJ;AAkBH;AAAA"}
+{"version":3,"names":["React","useCallback","useContext","Animated","FastImage","useAnimatedValue","isNotAndroid12","ImageFileExtensionContext","AnimatedFastImage","createAnimatedComponent","INITIAL_OPACITY","LOADED_OPACITY","ANIMATION_DURATION","ImageCore","props","cache","height","onError","onLoad","resizeMode","source","width","opacity","acceptHeader","handleLoad","timing","toValue","duration","useNativeDriver","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,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,QAA+C,OAA/C;AACA,SAASC,QAAT,QAAyC,cAAzC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC,C,CAEA;;AACA,MAAMC,iBAAiB,GAAGL,QAAQ,CAACM,uBAAT,CAAiCL,SAAjC,CAA1B;AAEA,MAAMM,eAAe,GAAG,CAAxB;AACA,MAAMC,cAAc,GAAG,CAAvB;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,eAAe,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,GAAGjB,gBAAgB,CAACK,eAAD,CAAhC;EAEA,MAAMa,YAAY,GAAGrB,UAAU,CAACK,yBAAD,CAA/B;EAEA,MAAMiB,UAAU,GAAGvB,WAAW,CAAC,MAAM;IACjCE,QAAQ,CAACsB,MAAT,CAAgBH,OAAhB,EAAyB;MACrBI,OAAO,EAAEf,cADY;MAErBgB,QAAQ,EAAEf,kBAFW;MAGrBgB,eAAe,EAAEtB;IAHI,CAAzB,EAIGuB,KAJH;IAMAX,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;EACT,CAR6B,EAQ3B,CAACA,MAAD,CAR2B,CAA9B;EAUA,oBACI,oBAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEO,UAFZ;IAGI,UAAU,EAAEL,UAHhB;IAII,MAAM,EAAE;MACJJ,KADI;MAEJe,GAAG,EAAEV,MAAM,CAACU,GAFR;MAGJC,OAAO,EAAE;QACL,UAAUR;MADL;IAHL,CAJZ;IAWI,KAAK,EAAE,CACH;MAAED;IAAF,CADG,EAEH;MAAED,KAAK,EAAEA,KAAT;MAAkCL,MAAM,EAAEA;IAA1C,CAFG;EAXX,EADJ;AAkBH;AAAA"}

package/build/module/Slider/Slider.js

@@ -33,23 +33,27 @@ export default /*#__PURE__*/React.forwardRef(function Slider(props, ref) {
   const minimumTrackTintColor = theme.palette.primary.main;
   const maximumTrackTintColor = theme.palette.tertiary.main;
   const thumbTintColor = Platform.OS === 'android' ? theme.palette.primary.main : undefined;
-  return /*#__PURE__*/React.createElement(RNSlider, _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.createElement(RNSlider, _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))
+  );
 });
 //# sourceMappingURL=Slider.js.map

package/build/module/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","RNSlider","useTheme","forwardRef","Slider","props","ref","disabled","step","minimumValue","maximumValue","onSlidingComplete","onValueChange","value","style","otherProps","theme","platformStyle","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AACA,SAASC,QAAT,QAAyB,WAAzB;AAGA,4BAAeH,KAAK,CAACI,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,GAAGd,QAAQ,EAAtB;EACA,MAAMe,aAAa,GAAGjB,QAAQ,CAACkB,MAAT,CAAgB;IAClCC,GAAG,EAAE;MACDC,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADZ;MAEDC,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;IAFb,CAD6B;IAKlCE,OAAO,EAAE;MACLH,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADR;MAELC,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;IAFT;EALyB,CAAhB,CAAtB;EAUA,MAAMG,WAAW,GAAG;IAChBC,MAAM,EAAE;EADQ,CAApB;EAIA,MAAMC,qBAAqB,GAAGV,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAApD;EACA,MAAMC,qBAAqB,GAAGd,KAAK,CAACW,OAAN,CAAcI,QAAd,CAAuBF,IAArD;EACA,MAAMG,cAAc,GAAGhC,QAAQ,CAACiC,EAAT,KAAgB,SAAhB,GAA4BjB,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAAlD,GAAyDK,SAAhF;EAEA,oBACI,oBAAC,QAAD;IACI,QAAQ,EAAE3B,QADd;IAEI,YAAY,EAAEG,YAFlB;IAGI,qBAAqB,EAAEoB,qBAH3B;IAII,YAAY,EAAErB,YAJlB;IAKI,qBAAqB,EAAEiB,qBAL3B;IAMI,iBAAiB,EAAEf,iBANvB;IAOI,aAAa,EAAEC,aAPnB,CAQI;IARJ;IASI,GAAG,EAAEN,GATT;IAUI,IAAI,EAAEE,IAVV;IAWI,cAAc,EAAEwB,cAXpB;IAYI,KAAK,EAAEnB,KAZX;IAaI,KAAK,EAAE,CAACI,aAAD,EAAgBO,WAAhB,EAA6BV,KAA7B,CAbX;IAcI,UAAU,EAAEqB,OAAO,CAAC,sBAAD,CAdvB;IAeI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD,CAf9B;IAgBI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD;EAhB9B,GAiBQpB,UAjBR,EADJ;AAqBH,CArDc,CAAf"}
+{"version":3,"names":["React","Platform","RNSlider","useTheme","forwardRef","Slider","props","ref","disabled","step","minimumValue","maximumValue","onSlidingComplete","onValueChange","value","style","otherProps","theme","platformStyle","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AACA,SAASC,QAAT,QAAyB,WAAzB;AAGA,4BAAeH,KAAK,CAACI,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,GAAGd,QAAQ,EAAtB;EACA,MAAMe,aAAa,GAAGjB,QAAQ,CAACkB,MAAT,CAAgB;IAClCC,GAAG,EAAE;MACDC,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADZ;MAEDC,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;IAFb,CAD6B;IAKlCE,OAAO,EAAE;MACLH,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADR;MAELC,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;IAFT;EALyB,CAAhB,CAAtB;EAUA,MAAMG,WAAW,GAAG;IAChBC,MAAM,EAAE;EADQ,CAApB;EAIA,MAAMC,qBAAqB,GAAGV,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAApD;EACA,MAAMC,qBAAqB,GAAGd,KAAK,CAACW,OAAN,CAAcI,QAAd,CAAuBF,IAArD;EACA,MAAMG,cAAc,GAAGhC,QAAQ,CAACiC,EAAT,KAAgB,SAAhB,GAA4BjB,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAAlD,GAAyDK,SAAhF;EAEA;IAAA;IACI;IACA,oBAAC,QAAD;MACI,QAAQ,EAAE3B,QADd;MAEI,YAAY,EAAEG,YAFlB;MAGI,qBAAqB,EAAEoB,qBAH3B;MAII,YAAY,EAAErB,YAJlB;MAKI,qBAAqB,EAAEiB,qBAL3B;MAMI,iBAAiB,EAAEf,iBANvB;MAOI,aAAa,EAAEC,aAPnB,CAQI;MARJ;MASI,GAAG,EAAEN,GATT;MAUI,IAAI,EAAEE,IAVV;MAWI,cAAc,EAAEwB,cAXpB;MAYI,KAAK,EAAEnB,KAZX;MAaI,KAAK,EAAE,CAACI,aAAD,EAAgBO,WAAhB,EAA6BV,KAA7B,CAbX;MAcI,UAAU,EAAEqB,OAAO,CAAC,sBAAD,CAdvB;MAeI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD,CAf9B;MAgBI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD;IAhB9B,GAiBQpB,UAjBR;EAFJ;AAsBH,CAtDc,CAAf"}

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

@@ -1,2 +1 @@
-import type { FountainUiStyle } from '@fountain-ui/styles';
-export default function useDialogSectionStyle(): FountainUiStyle;
+export default function useDialogSectionStyle(): import("@emotion/native").ReactNativeStyle;

package/build/typescript/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import RNSlider from '@react-native-community/slider';
 import type SliderProps from './SliderProps';
-declare const _default: React.ForwardRefExoticComponent<Pick<SliderProps, "testID" | "style" | "onLayout" | "value" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "disabled" | "accessibilityLabel" | "accessible" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessibilityActions" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "inverted" | "vertical" | "maximumTrackTintColor" | "maximumValue" | "minimumTrackTintColor" | "minimumValue" | "onSlidingStart" | "onSlidingComplete" | "onValueChange" | "step" | "accessibilityUnits" | "accessibilityIncrements" | "maximumTrackImage" | "minimumTrackImage" | "tapToSeek" | "thumbImage" | "trackImage" | "thumbTintColor"> & React.RefAttributes<RNSlider>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<SliderProps, "pointerEvents" | "style" | "onLayout" | "value" | "hitSlop" | "children" | "id" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "experimental_layoutConformance" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "disabled" | "inverted" | "vertical" | "maximumTrackTintColor" | "maximumValue" | "minimumTrackTintColor" | "minimumValue" | "onSlidingStart" | "onSlidingComplete" | "onValueChange" | "step" | "accessibilityUnits" | "accessibilityIncrements" | "maximumTrackImage" | "minimumTrackImage" | "tapToSeek" | "thumbImage" | "trackImage" | "thumbTintColor"> & React.RefAttributes<RNSlider>>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import type TabsProps from './TabsProps';
 import type { TabsInstance } from './types';
-declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "color" | "testID" | "style" | "onLayout" | "keyboardDismissMode" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "accessibilityLabel" | "accessible" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessibilityActions" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "size" | "onChange" | "variant" | "keyboardShouldPersistTaps" | "disableIndicator" | "indicatorSize" | "initialIndex" | "scrollable" | "scrollViewContentContainerStyle" | "showDivider" | "UNSTABLE_sharedIndex" | "onTabSelected"> & React.RefAttributes<TabsInstance>>;
+declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "color" | "pointerEvents" | "style" | "onLayout" | "keyboardDismissMode" | "hitSlop" | "children" | "id" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "testID" | "nativeID" | "experimental_layoutConformance" | "collapsable" | "collapsableChildren" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "size" | "onChange" | "variant" | "keyboardShouldPersistTaps" | "disableIndicator" | "indicatorSize" | "initialIndex" | "scrollable" | "scrollViewContentContainerStyle" | "showDivider" | "UNSTABLE_sharedIndex" | "onTabSelected"> & React.RefAttributes<TabsInstance>>;
 export default Tabs;

package/build/typescript/animated/AnimatedAppBar.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.FunctionComponent<Animated.AnimateProps<import("../AppBar").AppBarProps & React.RefAttributes<import("react-native").View>>>;
+declare const _default: React.FunctionComponent<import("react-native-reanimated").AnimateProps<import("../AppBar").AppBarProps & React.RefAttributes<import("react-native/types").View>>>;
 export default _default;

package/build/typescript/animated/AnimatedFlatList.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.ComponentClass<Animated.AnimateProps<import("react-native").FlatListProps<unknown>>, any>;
+declare const _default: React.ComponentClass<import("react-native-reanimated").AnimateProps<import("react-native").FlatListProps<unknown>>, any>;
 export default _default;

package/build/typescript/animated/AnimatedTypography.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import Animated from 'react-native-reanimated';
-declare const _default: React.FunctionComponent<Animated.AnimateProps<import("../Typography").TypographyProps & React.RefAttributes<import("react-native").Text>>>;
+declare const _default: React.FunctionComponent<import("react-native-reanimated").AnimateProps<import("../Typography").TypographyProps & React.RefAttributes<import("react-native/types").Text>>>;
 export default _default;