@fountain-ui/core 2.0.0-beta.6 → 2.0.0-beta.60

package/build/module/Image/Image.js

@@ -1,6 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React from 'react';
+import React, { useState } from 'react';
 import { Text, View } from 'react-native';
 import ImageCore from '../ImageCore';
 import { css, StyleSheet, useTheme } from '../styles';
@@ -20,48 +20,90 @@ const useStyles = function () {
       borderWidth: StyleSheet.hairlineWidth,
       borderStyle: 'solid',
       borderColor: theme.palette.paper.grey
+    },
+    error: {
+      alignItems: 'center',
+      height: '100%',
+      justifyContent: 'center',
+      width: '100%'
+    },
+    errorText: {
+      color: theme.palette.text.primary,
+      fontFamily: 'Inter-Medium',
+      fontSize: 12,
+      letterSpacing: 0,
+      lineHeight: 18,
+      textAlign: 'center'
     }
   };
 };
 
+function determinePlaceholderMode(props) {
+  if (props.disablePlaceholder) {
+    return 'none';
+  }
+
+  return props.placeholder ? 'custom' : 'default';
+}
+
 export default function Image(props) {
   const {
     alt,
+    cache = 'immutable',
+    disableDrag,
+    disableLongClick,
     disableOutline,
     disablePlaceholder,
+    error,
     loading = 'lazy',
+    onError: onErrorProp,
+    onLoad: onLoadProp,
     overlaidChildren,
+    placeholder,
     resizeMode = 'cover',
     source,
     style,
     square = false,
-    onLoad,
-    onError,
     ...otherProps
   } = props;
-  const [failed, setFailed] = React.useState(false);
+  const [failed, setFailed] = useState(false);
   const styles = useStyles();
 
-  const handleError = () => {
-    if (onError) {
-      onError();
-    }
+  const onLoad = () => {
+    setFailed(false);
+    onLoadProp === null || onLoadProp === void 0 ? void 0 : onLoadProp();
+  };
 
+  const onError = () => {
     setFailed(true);
+    onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
+  const placeholderMode = determinePlaceholderMode(props);
   return /*#__PURE__*/React.createElement(View, _extends({
-    style: css([styles.root, !disableOutline ? styles.outlined : undefined, !disablePlaceholder ? styles.placeholder : undefined, !square ? styles.rounded : undefined, style])
-  }, otherProps), failed ? /*#__PURE__*/React.createElement(Text, null, alt) : /*#__PURE__*/React.createElement(ImageCore, {
-    alt: alt,
+    style: css([styles.root, !disableOutline ? styles.outlined : undefined, !square ? styles.rounded : undefined, placeholderMode === 'default' ? styles.placeholder : undefined, style])
+  }, otherProps), placeholderMode === 'custom' ? /*#__PURE__*/React.createElement(View, {
+    style: css([StyleSheet.absoluteFill, {
+      zIndex: -1
+    }])
+  }, placeholder) : null, failed ? /*#__PURE__*/React.createElement(View, {
+    style: styles.error
+  }, error ?? /*#__PURE__*/React.createElement(Text, {
+    children: alt,
+    style: styles.errorText
+  })) : source.uri ? /*#__PURE__*/React.createElement(ImageCore, {
+    alt: source.uri,
+    cache: cache,
+    disableDrag: disableDrag,
+    disableLongClick: disableLongClick,
     height: '100%',
     loading: loading,
-    onError: handleError,
+    onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
     source: source,
     width: '100%'
-  }), overlaidChildren ? /*#__PURE__*/React.createElement(View, {
+  }) : null, overlaidChildren ? /*#__PURE__*/React.createElement(View, {
     style: StyleSheet.absoluteFill
   }, overlaidChildren) : null);
 }

package/build/module/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["React","Text","View","ImageCore","css","StyleSheet","useTheme","useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","hairlineWidth","borderStyle","borderColor","Image","props","alt","disableOutline","disablePlaceholder","loading","overlaidChildren","resizeMode","source","style","square","onLoad","onError","otherProps","failed","setFailed","useState","styles","handleError","undefined","absoluteFill"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AAEA,OAAOC,SAAP,MAAsB,cAAtB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;;AAWA,MAAMC,SAAiC,GAAG,YAAyB;AAC/D,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,OAAO,EAAE;AACLC,MAAAA,YAAY,EAAEH,KAAK,CAACI,KAAN,CAAYC,SADrB;AAELC,MAAAA,QAAQ,EAAE;AAFL,KAFN;AAMHC,IAAAA,WAAW,EAAE;AACTC,MAAAA,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAD5B,KANV;AASHC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,WAAW,EAAEhB,UAAU,CAACiB,aADlB;AAENC,MAAAA,WAAW,EAAE,OAFP;AAGNC,MAAAA,WAAW,EAAEhB,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;AAH3B;AATP,GAAP;AAeH,CAlBD;;AAoBA,eAAe,SAASM,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,kBAHE;AAIFC,IAAAA,OAAO,GAAG,MAJR;AAKFC,IAAAA,gBALE;AAMFC,IAAAA,UAAU,GAAG,OANX;AAOFC,IAAAA,MAPE;AAQFC,IAAAA,KARE;AASFC,IAAAA,MAAM,GAAG,KATP;AAUFC,IAAAA,MAVE;AAWFC,IAAAA,OAXE;AAYF,OAAGC;AAZD,MAaFZ,KAbJ;AAeA,QAAM,CAACa,MAAD,EAASC,SAAT,IAAsBxC,KAAK,CAACyC,QAAN,CAAe,KAAf,CAA5B;AAEA,QAAMC,MAAM,GAAGnC,SAAS,EAAxB;;AAEA,QAAMoC,WAAW,GAAG,MAAM;AACtB,QAAGN,OAAH,EAAW;AACPA,MAAAA,OAAO;AACV;;AAEDG,IAAAA,SAAS,CAAC,IAAD,CAAT;AACH,GAND;;AAQA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAEpC,GAAG,CAAC,CACPsC,MAAM,CAACjC,IADA,EAEP,CAACmB,cAAD,GAAkBc,MAAM,CAACtB,QAAzB,GAAoCwB,SAF7B,EAGP,CAACf,kBAAD,GAAsBa,MAAM,CAAC3B,WAA7B,GAA2C6B,SAHpC,EAIP,CAACT,MAAD,GAAUO,MAAM,CAAChC,OAAjB,GAA2BkC,SAJpB,EAKPV,KALO,CAAD;AADd,KAQQI,UARR,GAUKC,MAAM,gBACH,oBAAC,IAAD,QAAOZ,GAAP,CADG,gBAGH,oBAAC,SAAD;AACI,IAAA,GAAG,EAAEA,GADT;AAEI,IAAA,MAAM,EAAE,MAFZ;AAGI,IAAA,OAAO,EAAEG,OAHb;AAII,IAAA,OAAO,EAAEa,WAJb;AAKI,IAAA,MAAM,EAAEP,MALZ;AAMI,IAAA,UAAU,EAAEJ,UANhB;AAOI,IAAA,MAAM,EAAEC,MAPZ;AAQI,IAAA,KAAK,EAAE;AARX,IAbR,EAyBKF,gBAAgB,gBACb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE1B,UAAU,CAACwC;AAAxB,KACKd,gBADL,CADa,GAIb,IA7BR,CADJ;AAiCH;AAAA","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ImageCore from '../ImageCore';\nimport { css, StyleSheet, useTheme } from '../styles';\nimport type ImageProps from './ImageProps';\n\ntype ImageStyleKeys =\n    | 'root'\n    | 'rounded'\n    | 'placeholder'\n    | 'outlined';\n\ntype ImageStyles = NamedStylesStringUnion<ImageStyleKeys>;\n\nconst useStyles: UseStyles<ImageStyles> = function (): ImageStyles {\n    const theme = useTheme();\n\n    return {\n        root: {},\n        rounded: {\n            borderRadius: theme.shape.roundness,\n            overflow: 'hidden',\n        },\n        placeholder: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        outlined: {\n            borderWidth: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\n        },\n    };\n};\n\nexport default function Image(props: ImageProps) {\n    const {\n        alt,\n        disableOutline,\n        disablePlaceholder,\n        loading = 'lazy',\n        overlaidChildren,\n        resizeMode = 'cover',\n        source,\n        style,\n        square = false,\n        onLoad,\n        onError,\n        ...otherProps\n    } = props;\n\n    const [failed, setFailed] = React.useState(false);\n\n    const styles = useStyles();\n\n    const handleError = () => {\n        if(onError){\n            onError();\n        }\n\n        setFailed(true);\n    }\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                !disableOutline ? styles.outlined : undefined,\n                !disablePlaceholder ? styles.placeholder : undefined,\n                !square ? styles.rounded : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {failed ? (\n                <Text>{alt}</Text>\n            ) : (\n                <ImageCore\n                    alt={alt}\n                    height={'100%'}\n                    loading={loading}\n                    onError={handleError}\n                    onLoad={onLoad}\n                    resizeMode={resizeMode}\n                    source={source}\n                    width={'100%'}\n                />\n            )}\n\n            {overlaidChildren ? (\n                <View style={StyleSheet.absoluteFill}>\n                    {overlaidChildren}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["React","useState","Text","View","ImageCore","css","StyleSheet","useTheme","useStyles","theme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","hairlineWidth","borderStyle","borderColor","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","styles","placeholderMode","undefined","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: StyleSheet.hairlineWidth,\n            borderStyle: 'solid',\n            borderColor: theme.palette.paper.grey,\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={source.uri}\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};"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AAGA,OAAOC,SAAP,MAAsB,cAAtB;AACA,SAASC,GAAT,EAAcC,UAAd,EAA0BC,QAA1B,QAA0C,WAA1C;;AAkBA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE,EADH;IAEHC,OAAO,EAAE;MACLC,YAAY,EAAEH,KAAK,CAACI,KAAN,CAAYC,SADrB;MAELC,QAAQ,EAAE;IAFL,CAFN;IAMHC,WAAW,EAAE;MACTC,eAAe,EAAER,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;IAD5B,CANV;IASHC,QAAQ,EAAE;MACNC,WAAW,EAAEhB,UAAU,CAACiB,aADlB;MAENC,WAAW,EAAE,OAFP;MAGNC,WAAW,EAAEhB,KAAK,CAACS,OAAN,CAAcC,KAAd,CAAoBC;IAH3B,CATP;IAcHM,KAAK,EAAE;MACHC,UAAU,EAAE,QADT;MAEHC,MAAM,EAAE,MAFL;MAGHC,cAAc,EAAE,QAHb;MAIHC,KAAK,EAAE;IAJJ,CAdJ;IAoBHC,SAAS,EAAE;MACPC,KAAK,EAAEvB,KAAK,CAACS,OAAN,CAAce,IAAd,CAAmBC,OADnB;MAEPC,UAAU,EAAE,cAFL;MAGPC,QAAQ,EAAE,EAHH;MAIPC,aAAa,EAAE,CAJR;MAKPC,UAAU,EAAE,EALL;MAMPC,SAAS,EAAE;IANJ;EApBR,CAAP;AA6BH,CAhCD;;AAkCA,SAASC,wBAAT,CAAkCC,KAAlC,EAAsE;EAClE,IAAIA,KAAK,CAACC,kBAAV,EAA8B;IAC1B,OAAO,MAAP;EACH;;EAED,OAAOD,KAAK,CAACzB,WAAN,GAAoB,QAApB,GAA+B,SAAtC;AACH;;AAED,eAAe,SAAS2B,KAAT,CAAeF,KAAf,EAAkC;EAC7C,MAAM;IACFG,GADE;IAEFC,KAAK,GAAG,WAFN;IAGFC,WAHE;IAIFC,gBAJE;IAKFC,cALE;IAMFN,kBANE;IAOFhB,KAPE;IAQFuB,OAAO,GAAG,MARR;IASFC,OAAO,EAAEC,WATP;IAUFC,MAAM,EAAEC,UAVN;IAWFC,gBAXE;IAYFtC,WAZE;IAaFuC,UAAU,GAAG,OAbX;IAcFC,MAdE;IAeFC,KAfE;IAgBFC,MAAM,GAAG,KAhBP;IAiBF,GAAGC;EAjBD,IAkBFlB,KAlBJ;EAoBA,MAAM,CAACmB,MAAD,EAASC,SAAT,IAAsB5D,QAAQ,CAAC,KAAD,CAApC;EAEA,MAAM6D,MAAM,GAAGtD,SAAS,EAAxB;;EAEA,MAAM4C,MAAgC,GAAG,MAAM;IAC3CS,SAAS,CAAC,KAAD,CAAT;IAEAR,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU;EACb,CAJD;;EAMA,MAAMH,OAAkC,GAAG,MAAM;IAC7CW,SAAS,CAAC,IAAD,CAAT;IAEAV,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW;EACd,CAJD;;EAMA,MAAMY,eAAe,GAAGvB,wBAAwB,CAACC,KAAD,CAAhD;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEpC,GAAG,CAAC,CACPyD,MAAM,CAACpD,IADA,EAEP,CAACsC,cAAD,GAAkBc,MAAM,CAACzC,QAAzB,GAAoC2C,SAF7B,EAGP,CAACN,MAAD,GAAUI,MAAM,CAACnD,OAAjB,GAA2BqD,SAHpB,EAIPD,eAAe,KAAK,SAApB,GAAgCD,MAAM,CAAC9C,WAAvC,GAAqDgD,SAJ9C,EAKPP,KALO,CAAD;EADd,GAQQE,UARR,GAUKI,eAAe,KAAK,QAApB,gBACG,oBAAC,IAAD;IACI,KAAK,EAAE1D,GAAG,CAAC,CACPC,UAAU,CAAC2D,YADJ,EAEP;MAAEC,MAAM,EAAE,CAAC;IAAX,CAFO,CAAD;EADd,GAMKlD,WANL,CADH,GASG,IAnBR,EAqBK4C,MAAM,gBACH,oBAAC,IAAD;IAAM,KAAK,EAAEE,MAAM,CAACpC;EAApB,GACKA,KAAK,iBACF,oBAAC,IAAD;IACI,QAAQ,EAAEkB,GADd;IAEI,KAAK,EAAEkB,MAAM,CAAC/B;EAFlB,EAFR,CADG,GASHyB,MAAM,CAACW,GAAP,gBACA,oBAAC,SAAD;IACI,GAAG,EAAEX,MAAM,CAACW,GADhB;IAEI,KAAK,EAAEtB,KAFX;IAGI,WAAW,EAAEC,WAHjB;IAII,gBAAgB,EAAEC,gBAJtB;IAKI,MAAM,EAAE,MALZ;IAMI,OAAO,EAAEE,OANb;IAOI,OAAO,EAAEC,OAPb;IAQI,MAAM,EAAEE,MARZ;IASI,UAAU,EAAEG,UAThB;IAUI,MAAM,EAAEC,MAVZ;IAWI,KAAK,EAAE;EAXX,EADA,GAcA,IA5CR,EA8CKF,gBAAgB,gBACb,oBAAC,IAAD;IAAM,KAAK,EAAEhD,UAAU,CAAC2D;EAAxB,GACKX,gBADL,CADa,GAIb,IAlDR,CADJ;AAsDH;AAAA"}

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

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

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

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

package/build/module/ImageCore/ImageCoreNative.js

@@ -1,13 +1,16 @@
-import React from 'react';
-import Animated from 'react-native-reanimated';
+import React, { useCallback, useContext } from 'react';
+import { Animated } from 'react-native';
 import FastImage from 'react-native-fast-image';
-// @ts-ignore
+import { useAnimatedValue } from '../hooks';
+import ImageFileExtensionContext from './ImageFileExtensionContext'; // @ts-ignore
+
 const AnimatedFastImage = Animated.createAnimatedComponent(FastImage);
-const animationConfig = {
-  duration: 150
-};
+const INITIAL_OPACITY = 0;
+const LOADED_OPACITY = 1;
+const ANIMATION_DURATION = 200;
 export default function ImageCore(props) {
   const {
+    cache,
     height,
     onError,
     onLoad,
@@ -15,31 +18,33 @@ export default function ImageCore(props) {
     source,
     width
   } = props;
-  const style = {
-    width,
-    height
-  };
-  const opacity = Animated.useSharedValue(0);
-  const animatedStyle = Animated.useAnimatedStyle(() => ({
-    opacity: opacity.value
-  }));
-
-  const handleLoad = () => {
-    opacity.value = Animated.withTiming(1, animationConfig);
-
-    if (onLoad) {
-      onLoad();
-    }
-  };
-
+  const opacity = useAnimatedValue(INITIAL_OPACITY);
+  const acceptHeader = useContext(ImageFileExtensionContext);
+  const handleLoad = useCallback(() => {
+    Animated.timing(opacity, {
+      toValue: LOADED_OPACITY,
+      duration: ANIMATION_DURATION,
+      useNativeDriver: true
+    }).start();
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+  }, [onLoad]);
   return /*#__PURE__*/React.createElement(AnimatedFastImage, {
     onError: onError,
     onLoad: handleLoad,
     resizeMode: resizeMode,
     source: {
-      uri: source.uri
+      cache,
+      uri: source.uri,
+      headers: {
+        'Accept': acceptHeader
+      }
     },
-    style: [animatedStyle, style]
+    style: [{
+      opacity
+    }, {
+      width,
+      height
+    }]
   });
 }
 ;

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreNative.tsx"],"names":["React","Animated","FastImage","AnimatedFastImage","createAnimatedComponent","animationConfig","duration","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useSharedValue","animatedStyle","useAnimatedStyle","value","handleLoad","withTiming","uri"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,yBAArB;AACA,OAAOC,SAAP,MAAsB,yBAAtB;AAGA;AACA,MAAMC,iBAAiB,GAAGF,QAAQ,CAACG,uBAAT,CAAiCF,SAAjC,CAA1B;AAEA,MAAMG,eAA0C,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAZ,CAAnD;AAEA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;AAEA,QAAMO,OAAO,GAAGf,QAAQ,CAACgB,cAAT,CAAwB,CAAxB,CAAhB;AAEA,QAAMC,aAAa,GAAGjB,QAAQ,CAACkB,gBAAT,CAA0B,OAAO;AACnDH,IAAAA,OAAO,EAAEA,OAAO,CAACI;AADkC,GAAP,CAA1B,CAAtB;;AAIA,QAAMC,UAAU,GAAG,MAAM;AACrBL,IAAAA,OAAO,CAACI,KAAR,GAAgBnB,QAAQ,CAACqB,UAAT,CAAoB,CAApB,EAAuBjB,eAAvB,CAAhB;;AAEA,QAAIM,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAND;;AAQA,sBACI,oBAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEW,UAFZ;AAGI,IAAA,UAAU,EAAET,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEW,MAAAA,GAAG,EAAEV,MAAM,CAACU;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHL,aADG,EAEHH,KAFG;AALX,IADJ;AAYH;AAAA","sourcesContent":["import React from 'react';\nimport Animated from 'react-native-reanimated';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\n// @ts-ignore\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nconst animationConfig: Animated.WithTimingConfig = { duration: 150 };\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const opacity = Animated.useSharedValue(0);\n\n    const animatedStyle = Animated.useAnimatedStyle(() => ({\n        opacity: opacity.value,\n    }));\n\n    const handleLoad = () => {\n        opacity.value = Animated.withTiming(1, animationConfig);\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                animatedStyle,\n                style,\n            ]}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","useCallback","useContext","Animated","FastImage","useAnimatedValue","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 'react-native-fast-image';\nimport { useAnimatedValue } from '../hooks';\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: true,\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,yBAAtB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,OAAOC,yBAAP,MAAsC,6BAAtC,C,CAEA;;AACA,MAAMC,iBAAiB,GAAGJ,QAAQ,CAACK,uBAAT,CAAiCJ,SAAjC,CAA1B;AAEA,MAAMK,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,GAAGhB,gBAAgB,CAACI,eAAD,CAAhC;EAEA,MAAMa,YAAY,GAAGpB,UAAU,CAACI,yBAAD,CAA/B;EAEA,MAAMiB,UAAU,GAAGtB,WAAW,CAAC,MAAM;IACjCE,QAAQ,CAACqB,MAAT,CAAgBH,OAAhB,EAAyB;MACrBI,OAAO,EAAEf,cADY;MAErBgB,QAAQ,EAAEf,kBAFW;MAGrBgB,eAAe,EAAE;IAHI,CAAzB,EAIGC,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"}

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

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

package/build/module/ImageCore/ImageCoreWeb.js

@@ -1,7 +1,22 @@
 import React from 'react';
+const longClickDisabledStyle = {
+  '-webkit-user-select': 'none',
+  '-webkit-touch-callout': 'none'
+};
+
+const preventDragging = () => false;
+
+const preventMouseDown = event => {
+  if (event.preventDefault) {
+    event.preventDefault();
+  }
+};
+
 export default function ImageCore(props) {
   const {
     alt,
+    disableDrag = false,
+    disableLongClick = false,
     height,
     loading,
     onError,
@@ -11,12 +26,15 @@ export default function ImageCore(props) {
     width
   } = props;
   const style = {
-    objectFit: resizeMode
+    objectFit: resizeMode,
+    ...(disableLongClick ? longClickDisabledStyle : {})
   };
   return /*#__PURE__*/React.createElement("img", {
     alt: alt,
     height: height,
     loading: loading,
+    onDragStart: disableDrag ? preventDragging : undefined,
+    onMouseDown: disableDrag ? preventMouseDown : undefined,
     onError: onError,
     onLoad: onLoad,
     src: source.uri,

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageCoreWeb.tsx"],"names":["React","ImageCore","props","alt","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","uri"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,GADE;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA,UANE;AAOFC,IAAAA,MAPE;AAQFC,IAAAA;AARE,MASFR,KATJ;AAWA,QAAMS,KAAK,GAAG;AAAEC,IAAAA,SAAS,EAAEJ;AAAb,GAAd;AAEA,sBACI;AACI,IAAA,GAAG,EAAEL,GADT;AAEI,IAAA,MAAM,EAAEC,MAFZ;AAGI,IAAA,OAAO,EAAEC,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,MAAM,EAAEC,MALZ;AAMI,IAAA,GAAG,EAAEE,MAAM,CAACI,GANhB;AAOI,IAAA,KAAK,EAAEF,KAPX;AAQI,IAAA,KAAK,EAAED;AARX,IADJ;AAYH;AAAA","sourcesContent":["import React from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { objectFit: resizeMode };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","longClickDisabledStyle","preventDragging","preventMouseDown","event","preventDefault","ImageCore","props","alt","disableDrag","disableLongClick","height","loading","onError","onLoad","resizeMode","source","width","style","objectFit","undefined","uri"],"sources":["ImageCoreWeb.tsx"],"sourcesContent":["import React, { DragEventHandler, MouseEventHandler } from 'react';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst longClickDisabledStyle = {\n    '-webkit-user-select': 'none',\n    '-webkit-touch-callout': 'none',\n};\n\nconst preventDragging: DragEventHandler<HTMLImageElement> = () => false;\n\nconst preventMouseDown: MouseEventHandler<HTMLImageElement> = (event) => {\n    if (event.preventDefault) {\n        event.preventDefault();\n    }\n};\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        alt,\n        disableDrag = false,\n        disableLongClick = false,\n        height,\n        loading,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = {\n        objectFit: resizeMode,\n        ...(disableLongClick ? longClickDisabledStyle : {}),\n    };\n\n    return (\n        <img\n            alt={alt}\n            height={height}\n            loading={loading}\n            onDragStart={disableDrag ? preventDragging : undefined}\n            onMouseDown={disableDrag ? preventMouseDown : undefined}\n            onError={onError}\n            onLoad={onLoad}\n            src={source.uri}\n            style={style}\n            width={width}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAA2D,OAA3D;AAGA,MAAMC,sBAAsB,GAAG;EAC3B,uBAAuB,MADI;EAE3B,yBAAyB;AAFE,CAA/B;;AAKA,MAAMC,eAAmD,GAAG,MAAM,KAAlE;;AAEA,MAAMC,gBAAqD,GAAIC,KAAD,IAAW;EACrE,IAAIA,KAAK,CAACC,cAAV,EAA0B;IACtBD,KAAK,CAACC,cAAN;EACH;AACJ,CAJD;;AAMA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,GADE;IAEFC,WAAW,GAAG,KAFZ;IAGFC,gBAAgB,GAAG,KAHjB;IAIFC,MAJE;IAKFC,OALE;IAMFC,OANE;IAOFC,MAPE;IAQFC,UARE;IASFC,MATE;IAUFC;EAVE,IAWFV,KAXJ;EAaA,MAAMW,KAAK,GAAG;IACVC,SAAS,EAAEJ,UADD;IAEV,IAAIL,gBAAgB,GAAGT,sBAAH,GAA4B,EAAhD;EAFU,CAAd;EAKA,oBACI;IACI,GAAG,EAAEO,GADT;IAEI,MAAM,EAAEG,MAFZ;IAGI,OAAO,EAAEC,OAHb;IAII,WAAW,EAAEH,WAAW,GAAGP,eAAH,GAAqBkB,SAJjD;IAKI,WAAW,EAAEX,WAAW,GAAGN,gBAAH,GAAsBiB,SALlD;IAMI,OAAO,EAAEP,OANb;IAOI,MAAM,EAAEC,MAPZ;IAQI,GAAG,EAAEE,MAAM,CAACK,GARhB;IASI,KAAK,EAAEH,KATX;IAUI,KAAK,EAAED;EAVX,EADJ;AAcH;AAAA"}

package/build/module/ImageCore/ImageFileExtensionContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+const DEFAULT_ACCEPT_HEADER = 'image/jpg,image/png,image/*,*/*;';
+const ImageFileExtensionContext = /*#__PURE__*/createContext(DEFAULT_ACCEPT_HEADER);
+export default ImageFileExtensionContext;
+//# sourceMappingURL=ImageFileExtensionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DEFAULT_ACCEPT_HEADER","ImageFileExtensionContext"],"sources":["ImageFileExtensionContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nconst DEFAULT_ACCEPT_HEADER = 'image/jpg,image/png,image/*,*/*;';\n\nconst ImageFileExtensionContext = createContext<string>(DEFAULT_ACCEPT_HEADER);\n\nexport default ImageFileExtensionContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,MAAMC,qBAAqB,GAAG,kCAA9B;AAEA,MAAMC,yBAAyB,gBAAGF,aAAa,CAASC,qBAAT,CAA/C;AAEA,eAAeC,yBAAf"}

package/build/module/ImageCore/ImageFileExtensionProvider.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import * as R from 'ramda';
+import ImageFileExtensionContext from './ImageFileExtensionContext';
+export let ImageFileExtension;
+
+(function (ImageFileExtension) {
+  ImageFileExtension["AVIF"] = "avif";
+  ImageFileExtension["WEBP"] = "webp";
+  ImageFileExtension["JPG"] = "jpg";
+  ImageFileExtension["PNG"] = "png";
+})(ImageFileExtension || (ImageFileExtension = {}));
+
+export default function ImageFileExtensionProvider(props) {
+  const {
+    children,
+    extensions
+  } = props;
+  const supportedMediaTypes = [...R.map(extension => `image/${extension}`, extensions), 'image/*', '*/*'];
+  const acceptHeader = `${R.join(',', supportedMediaTypes)};`;
+  return /*#__PURE__*/React.createElement(ImageFileExtensionContext.Provider, {
+    value: acceptHeader
+  }, children);
+}
+//# sourceMappingURL=ImageFileExtensionProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","R","ImageFileExtensionContext","ImageFileExtension","ImageFileExtensionProvider","props","children","extensions","supportedMediaTypes","map","extension","acceptHeader","join"],"sources":["ImageFileExtensionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport ImageFileExtensionContext from './ImageFileExtensionContext';\n\nexport enum ImageFileExtension {\n    AVIF = 'avif',\n    WEBP = 'webp',\n    JPG = 'jpg',\n    PNG = 'png',\n}\n\ninterface ImageFileExtensionProviderProps {\n    children: React.ReactNode;\n    extensions: ImageFileExtension[];\n}\n\nexport default function ImageFileExtensionProvider(props: ImageFileExtensionProviderProps) {\n    const { children, extensions } = props;\n\n    const supportedMediaTypes = [\n        ...(R.map(extension => `image/${extension}`, extensions)),\n        'image/*',\n        '*/*',\n    ];\n\n    const acceptHeader = `${R.join(',', supportedMediaTypes)};`;\n\n    return (\n        <ImageFileExtensionContext.Provider value={acceptHeader}>\n            {children}\n        </ImageFileExtensionContext.Provider>\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,KAAKC,CAAZ,MAAmB,OAAnB;AACA,OAAOC,yBAAP,MAAsC,6BAAtC;AAEA,WAAYC,kBAAZ;;WAAYA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;EAAAA,kB;GAAAA,kB,KAAAA,kB;;AAYZ,eAAe,SAASC,0BAAT,CAAoCC,KAApC,EAA4E;EACvF,MAAM;IAAEC,QAAF;IAAYC;EAAZ,IAA2BF,KAAjC;EAEA,MAAMG,mBAAmB,GAAG,CACxB,GAAIP,CAAC,CAACQ,GAAF,CAAMC,SAAS,IAAK,SAAQA,SAAU,EAAtC,EAAyCH,UAAzC,CADoB,EAExB,SAFwB,EAGxB,KAHwB,CAA5B;EAMA,MAAMI,YAAY,GAAI,GAAEV,CAAC,CAACW,IAAF,CAAO,GAAP,EAAYJ,mBAAZ,CAAiC,GAAzD;EAEA,oBACI,oBAAC,yBAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAEG;EAA3C,GACKL,QADL,CADJ;AAKH"}

package/build/module/ImageCore/index.js

@@ -1,3 +1,4 @@
 export { default } from './ImageCoreWeb';
-export * from './ImageCoreProps';
+export { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';
+export * from './ImageFileExtensionProvider';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB;AACA,cAAc,kBAAd","sourcesContent":["export { default } from './ImageCoreWeb';\nexport * from './ImageCoreProps';"]}
+{"version":3,"names":["default","ImageFileExtensionProvider"],"sources":["index.ts"],"sourcesContent":["export { default } from './ImageCoreWeb';\nexport type { default as ImageCoreProps, ImageSource, Loading, ResizeMode, CacheControl } from './ImageCoreProps';\n\nexport { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';\nexport * from './ImageFileExtensionProvider';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB;AAGA,SAASA,OAAO,IAAIC,0BAApB,QAAsD,8BAAtD;AACA,cAAc,8BAAd"}

package/build/module/ImageCore/index.native.js

@@ -1,2 +1,4 @@
 export { default } from './ImageCoreNative';
+export { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';
+export * from './ImageFileExtensionProvider';
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.native.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB","sourcesContent":["export { default } from './ImageCoreNative';"]}
+{"version":3,"names":["default","ImageFileExtensionProvider"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ImageCoreNative';\nexport { default as ImageFileExtensionProvider } from './ImageFileExtensionProvider';\nexport * from './ImageFileExtensionProvider';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB;AACA,SAASA,OAAO,IAAIC,0BAApB,QAAsD,8BAAtD;AACA,cAAc,8BAAd"}

package/build/module/Link/Link.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { Linking, Platform } from 'react-native';
@@ -45,9 +45,10 @@ export default function Link(props) {
     disabled: disabled,
     onPress: Platform.OS === 'web' ? undefined : handlePress,
     style: css([styles.root, style])
-  }, ({
-    hovered
-  }) => {
+  }, _ref => {
+    let {
+      hovered
+    } = _ref;
     const underlineStyle = underline === 'always' || underline === 'hover' && hovered ? styles.underline : undefined;
     return /*#__PURE__*/React.createElement(Typography, _extends({
       href: href,

package/build/module/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["React","Linking","Platform","Pressable","Typography","css","useStyles","root","underline","textDecorationLine","Link","props","disabled","href","onPress","style","otherProps","styles","handlePress","event","OS","preventDefault","canOpenURL","openURL","undefined","hovered","underlineStyle"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAgCC,OAAhC,EAAyCC,QAAzC,QAAyD,cAAzD;AAEA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAgC,GAAG,YAAwB;AAC7D,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,SAAS,EAAE;AACPC,MAAAA,kBAAkB,EAAE;AADb;AAFR,GAAP;AAMH,CAPD;;AASA,eAAe,SAASC,IAAT,CAAcC,KAAd,EAAgC;AAC3C,QAAM;AACFC,IAAAA,QAAQ,GAAG,KADT;AAEFC,IAAAA,IAFE;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,KAJE;AAKFP,IAAAA,SAAS,GAAG,QALV;AAMF,OAAGQ;AAND,MAOFL,KAPJ;AASA,QAAMM,MAAM,GAAGX,SAAS,EAAxB;;AAEA,QAAMY,WAAW,GAAG,MAAOC,KAAP,IAAwC;AACxD,QAAIjB,QAAQ,CAACkB,EAAT,KAAgB,KAApB,EAA2B;AACvBD,MAAAA,KAAK,CAACE,cAAN;AACH;;AAED,QAAIP,OAAJ,EAAa;AACTA,MAAAA,OAAO,CAACK,KAAD,CAAP;AACA;AACH;;AAED,QAAI,MAAMlB,OAAO,CAACqB,UAAR,CAAmBT,IAAnB,CAAV,EAAoC;AAChC,YAAMZ,OAAO,CAACsB,OAAR,CAAgBV,IAAhB,CAAN;AACH;AACJ,GAbD;;AAeA,sBACI,oBAAC,SAAD;AACI,IAAA,QAAQ,EAAED,QADd;AAEI,IAAA,OAAO,EAAEV,QAAQ,CAACkB,EAAT,KAAgB,KAAhB,GAAwBI,SAAxB,GAAoCN,WAFjD;AAGI,IAAA,KAAK,EAAEb,GAAG,CAAC,CAACY,MAAM,CAACV,IAAR,EAAcQ,KAAd,CAAD;AAHd,KAKK,CAAC;AAAEU,IAAAA;AAAF,GAAD,KAAiB;AACd,UAAMC,cAAc,GAAIlB,SAAS,KAAK,QAAd,IAA2BA,SAAS,KAAK,OAAd,IAAyBiB,OAArD,GACjBR,MAAM,CAACT,SADU,GAEjBgB,SAFN;AAIA,wBACI,oBAAC,UAAD;AACI,MAAA,IAAI,EAAEX,IADV;AAEI,MAAA,KAAK,EAAEa,cAFX;AAGI,MAAA,OAAO,EAAExB,QAAQ,CAACkB,EAAT,KAAgB,KAAhB,GAAwBF,WAAxB,GAAsCM;AAHnD,OAIQR,UAJR,EADJ;AAQH,GAlBL,CADJ;AAsBH;AAAA","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, Linking, Platform } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Pressable from '../Pressable';\nimport Typography from '../Typography';\nimport { css } from '../styles';\nimport type LinkProps from './LinkProps';\n\ntype LinkStyles = NamedStylesStringUnion<'root' | 'underline'>;\n\nconst useStyles: UseStyles<LinkStyles> = function (): LinkStyles {\n    return {\n        root: {},\n        underline: {\n            textDecorationLine: 'underline',\n        },\n    };\n};\n\nexport default function Link(props: LinkProps) {\n    const {\n        disabled = false,\n        href,\n        onPress,\n        style,\n        underline = 'always',\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const handlePress = async (event: GestureResponderEvent) => {\n        if (Platform.OS === 'web') {\n            event.preventDefault();\n        }\n\n        if (onPress) {\n            onPress(event);\n            return;\n        }\n\n        if (await Linking.canOpenURL(href)) {\n            await Linking.openURL(href);\n        }\n    };\n\n    return (\n        <Pressable\n            disabled={disabled}\n            onPress={Platform.OS === 'web' ? undefined : handlePress}\n            style={css([styles.root, style])}\n        >\n            {({ hovered }) => {\n                const underlineStyle = (underline === 'always' || (underline === 'hover' && hovered))\n                    ? styles.underline\n                    : undefined;\n\n                return (\n                    <Typography\n                        href={href}\n                        style={underlineStyle}\n                        onPress={Platform.OS === 'web' ? handlePress : undefined}\n                        {...otherProps}\n                    />\n                );\n            }}\n        </Pressable>\n    );\n};\n"]}
+{"version":3,"names":["React","Linking","Platform","Pressable","Typography","css","useStyles","root","underline","textDecorationLine","Link","props","disabled","href","onPress","style","otherProps","styles","handlePress","event","OS","preventDefault","canOpenURL","openURL","undefined","hovered","underlineStyle"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, Linking, Platform } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Pressable from '../Pressable';\nimport Typography from '../Typography';\nimport { css } from '../styles';\nimport type LinkProps from './LinkProps';\n\ntype LinkStyles = NamedStylesStringUnion<'root' | 'underline'>;\n\nconst useStyles: UseStyles<LinkStyles> = function (): LinkStyles {\n    return {\n        root: {},\n        underline: {\n            textDecorationLine: 'underline',\n        },\n    };\n};\n\nexport default function Link(props: LinkProps) {\n    const {\n        disabled = false,\n        href,\n        onPress,\n        style,\n        underline = 'always',\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const handlePress = async (event: GestureResponderEvent) => {\n        if (Platform.OS === 'web') {\n            event.preventDefault();\n        }\n\n        if (onPress) {\n            onPress(event);\n            return;\n        }\n\n        if (await Linking.canOpenURL(href)) {\n            await Linking.openURL(href);\n        }\n    };\n\n    return (\n        <Pressable\n            disabled={disabled}\n            onPress={Platform.OS === 'web' ? undefined : handlePress}\n            style={css([styles.root, style])}\n        >\n            {({ hovered }) => {\n                const underlineStyle = (underline === 'always' || (underline === 'hover' && hovered))\n                    ? styles.underline\n                    : undefined;\n\n                return (\n                    <Typography\n                        href={href}\n                        style={underlineStyle}\n                        onPress={Platform.OS === 'web' ? handlePress : undefined}\n                        {...otherProps}\n                    />\n                );\n            }}\n        </Pressable>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAgCC,OAAhC,EAAyCC,QAAzC,QAAyD,cAAzD;AAEA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAgC,GAAG,YAAwB;EAC7D,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,SAAS,EAAE;MACPC,kBAAkB,EAAE;IADb;EAFR,CAAP;AAMH,CAPD;;AASA,eAAe,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,IAFE;IAGFC,OAHE;IAIFC,KAJE;IAKFP,SAAS,GAAG,QALV;IAMF,GAAGQ;EAND,IAOFL,KAPJ;EASA,MAAMM,MAAM,GAAGX,SAAS,EAAxB;;EAEA,MAAMY,WAAW,GAAG,MAAOC,KAAP,IAAwC;IACxD,IAAIjB,QAAQ,CAACkB,EAAT,KAAgB,KAApB,EAA2B;MACvBD,KAAK,CAACE,cAAN;IACH;;IAED,IAAIP,OAAJ,EAAa;MACTA,OAAO,CAACK,KAAD,CAAP;MACA;IACH;;IAED,IAAI,MAAMlB,OAAO,CAACqB,UAAR,CAAmBT,IAAnB,CAAV,EAAoC;MAChC,MAAMZ,OAAO,CAACsB,OAAR,CAAgBV,IAAhB,CAAN;IACH;EACJ,CAbD;;EAeA,oBACI,oBAAC,SAAD;IACI,QAAQ,EAAED,QADd;IAEI,OAAO,EAAEV,QAAQ,CAACkB,EAAT,KAAgB,KAAhB,GAAwBI,SAAxB,GAAoCN,WAFjD;IAGI,KAAK,EAAEb,GAAG,CAAC,CAACY,MAAM,CAACV,IAAR,EAAcQ,KAAd,CAAD;EAHd,GAKK,QAAiB;IAAA,IAAhB;MAAEU;IAAF,CAAgB;IACd,MAAMC,cAAc,GAAIlB,SAAS,KAAK,QAAd,IAA2BA,SAAS,KAAK,OAAd,IAAyBiB,OAArD,GACjBR,MAAM,CAACT,SADU,GAEjBgB,SAFN;IAIA,oBACI,oBAAC,UAAD;MACI,IAAI,EAAEX,IADV;MAEI,KAAK,EAAEa,cAFX;MAGI,OAAO,EAAExB,QAAQ,CAACkB,EAAT,KAAgB,KAAhB,GAAwBF,WAAxB,GAAsCM;IAHnD,GAIQR,UAJR,EADJ;EAQH,CAlBL,CADJ;AAsBH;AAAA"}

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

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

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

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

package/build/module/List/List.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { Platform } from 'react-native';

package/build/module/List/List.js.map

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

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

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

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

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

package/build/module/ListItem/ListItem.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { Platform, View } from 'react-native';

package/build/module/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ListItem.tsx"],"names":["React","Platform","View","ButtonBase","css","useTheme","useStyles","theme","root","flexDirection","paddingVertical","spacing","paddingHorizontal","width","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","rootStyle"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,IAAnB,QAA+B,cAA/B;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAoC,GAAG,YAA4B;AACrE,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,KADb;AAEFC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd,CAFf;AAGFC,MAAAA,iBAAiB,EAAEL,KAAK,CAACI,OAAN,CAAc,CAAd,CAHjB;AAIFE,MAAAA,KAAK,EAAE;AAJL;AADH,GAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;AACnD,QAAM;AACFC,IAAAA,UAAU,GAAG,QADX;AAEFC,IAAAA,MAAM,GAAG,KAFP;AAGFC,IAAAA,QAHE;AAIFC,IAAAA,QAAQ,GAAG,KAJT;AAKFC,IAAAA,OALE;AAMFC,IAAAA,KANE;AAOF,OAAGC;AAPD,MAQFP,KARJ;AAUA,QAAMQ,MAAM,GAAGjB,SAAS,EAAxB;AAEA,QAAMkB,kBAAkB,GAAG;AACvBC,IAAAA,iBAAiB,EAAExB,QAAQ,CAACyB,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;AAEvB,OAAGL;AAFoB,GAA3B;AAKA,QAAMM,SAAS,GAAGxB,GAAG,CAAC,CAClBmB,MAAM,CAACf,IADW,EAElB;AAAEQ,IAAAA;AAAF,GAFkB,EAGlBK,KAHkB,CAAD,CAArB;;AAMA,MAAIJ,MAAJ,EAAY;AACR;AAAA;AACI;AACA,0BAAC,IAAD,EAAUO,kBAAV,eACI,oBAAC,UAAD;AACI,QAAA,QAAQ,EAAEL,QADd;AAEI,QAAA,OAAO,EAAEC,OAFb;AAGI,QAAA,KAAK,EAAEQ;AAHX,SAKKV,QALL,CADJ;AAFJ;AAYH;;AAED;AAAA;AACI;AACA,wBAAC,IAAD;AACI,MAAA,QAAQ,EAAEA,QADd;AAEI,MAAA,KAAK,EAAEU;AAFX,OAGQJ,kBAHR;AAFJ;AAQH;AAAA","sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { css, useTheme } from '../styles';\nimport ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(3),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center',\n        button = false,\n        children,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const rootStyle = css([\n        styles.root,\n        { alignItems },\n        style,\n    ]);\n\n    if (button) {\n        return (\n            // @ts-ignore\n            <View {...rootComponentProps}>\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={rootStyle}\n                >\n                    {children}\n                </ButtonBase>\n            </View>\n        );\n    }\n\n    return (\n        // @ts-ignore\n        <View\n            children={children}\n            style={rootStyle}\n            {...rootComponentProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","Platform","View","ButtonBase","css","useTheme","useStyles","theme","root","flexDirection","paddingVertical","spacing","paddingHorizontal","width","ListItem","props","alignItems","button","children","disabled","onPress","style","otherProps","styles","rootComponentProps","accessibilityRole","OS","undefined","rootStyle"],"sources":["ListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { css, useTheme } from '../styles';\nimport ListItemProps from './ListItemProps';\n\ntype ListItemStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemStyles> = function (): ListItemStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(3),\n            paddingHorizontal: theme.spacing(4),\n            width: '100%',\n        },\n    };\n};\n\nexport default function ListItem(props: ListItemProps) {\n    const {\n        alignItems = 'center',\n        button = false,\n        children,\n        disabled = false,\n        onPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootComponentProps = {\n        accessibilityRole: Platform.OS === 'web' ? 'listitem' : undefined,\n        ...otherProps,\n    };\n\n    const rootStyle = css([\n        styles.root,\n        { alignItems },\n        style,\n    ]);\n\n    if (button) {\n        return (\n            // @ts-ignore\n            <View {...rootComponentProps}>\n                <ButtonBase\n                    disabled={disabled}\n                    onPress={onPress}\n                    style={rootStyle}\n                >\n                    {children}\n                </ButtonBase>\n            </View>\n        );\n    }\n\n    return (\n        // @ts-ignore\n        <View\n            children={children}\n            style={rootStyle}\n            {...rootComponentProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,IAAnB,QAA+B,cAA/B;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAoC,GAAG,YAA4B;EACrE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,aAAa,EAAE,KADb;MAEFC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd,CAFf;MAGFC,iBAAiB,EAAEL,KAAK,CAACI,OAAN,CAAc,CAAd,CAHjB;MAIFE,KAAK,EAAE;IAJL;EADH,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,UAAU,GAAG,QADX;IAEFC,MAAM,GAAG,KAFP;IAGFC,QAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,OALE;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAGjB,SAAS,EAAxB;EAEA,MAAMkB,kBAAkB,GAAG;IACvBC,iBAAiB,EAAExB,QAAQ,CAACyB,EAAT,KAAgB,KAAhB,GAAwB,UAAxB,GAAqCC,SADjC;IAEvB,GAAGL;EAFoB,CAA3B;EAKA,MAAMM,SAAS,GAAGxB,GAAG,CAAC,CAClBmB,MAAM,CAACf,IADW,EAElB;IAAEQ;EAAF,CAFkB,EAGlBK,KAHkB,CAAD,CAArB;;EAMA,IAAIJ,MAAJ,EAAY;IACR;MAAA;MACI;MACA,oBAAC,IAAD,EAAUO,kBAAV,eACI,oBAAC,UAAD;QACI,QAAQ,EAAEL,QADd;QAEI,OAAO,EAAEC,OAFb;QAGI,KAAK,EAAEQ;MAHX,GAKKV,QALL,CADJ;IAFJ;EAYH;;EAED;IAAA;IACI;IACA,oBAAC,IAAD;MACI,QAAQ,EAAEA,QADd;MAEI,KAAK,EAAEU;IAFX,GAGQJ,kBAHR;EAFJ;AAQH;AAAA"}

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

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

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

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

package/build/module/ListItemIcon/ListItemIcon.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { View } from 'react-native';

package/build/module/ListItemIcon/ListItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ListItemIcon.tsx"],"names":["React","View","css","useTheme","useStyles","theme","root","marginRight","spacing","minWidth","flexShrink","ListItemIcon","props","style","otherProps","styles"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAwC,GAAG,YAAgC;AAC7E,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE;AACFC,MAAAA,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADX;AAEFC,MAAAA,QAAQ,EAAE,EAFR;AAGFC,MAAAA,UAAU,EAAE;AAHV;AADH,GAAP;AAOH,CAVD;;AAYA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;AAC3D,QAAM;AACFC,IAAAA,KADE;AAEF,OAAGC;AAFD,MAGFF,KAHJ;AAKA,QAAMG,MAAM,GAAGX,SAAS,EAAxB;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAEF,GAAG,CAAC,CACPa,MAAM,CAACT,IADA,EAEPO,KAFO,CAAD;AADd,KAKQC,UALR,EADJ;AASH;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type ListItemIconProps from './ListItemIconProps';\n\ntype ListItemIconStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemIconStyles> = function (): ListItemIconStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            marginRight: theme.spacing(2),\n            minWidth: 24,\n            flexShrink: 0,\n        },\n    };\n};\n\nexport default function ListItemIcon(props: ListItemIconProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","marginRight","spacing","minWidth","flexShrink","ListItemIcon","props","style","otherProps","styles"],"sources":["ListItemIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type ListItemIconProps from './ListItemIconProps';\n\ntype ListItemIconStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemIconStyles> = function (): ListItemIconStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            marginRight: theme.spacing(2),\n            minWidth: 24,\n            flexShrink: 0,\n        },\n    };\n};\n\nexport default function ListItemIcon(props: ListItemIconProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAKA,MAAMC,SAAwC,GAAG,YAAgC;EAC7E,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADX;MAEFC,QAAQ,EAAE,EAFR;MAGFC,UAAU,EAAE;IAHV;EADH,CAAP;AAOH,CAVD;;AAYA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,MAAM;IACFC,KADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGX,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEF,GAAG,CAAC,CACPa,MAAM,CAACT,IADA,EAEPO,KAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}

package/build/module/ListItemIcon/ListItemIconProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ListItemIconProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface ListItemIconProps extends OverridableComponentProps<React.PropsWithChildren<ViewProps>> {}\n"],"mappings":""}

package/build/module/ListItemIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["export { default } from './ListItemIcon';\nexport type { default as ListItemIconProps } from './ListItemIconProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ListItemIcon';\nexport type { default as ListItemIconProps } from './ListItemIconProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}

package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import { View } from 'react-native';

package/build/module/ListItemSecondaryAction/ListItemSecondaryAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ListItemSecondaryAction.tsx"],"names":["React","View","css","useStyles","root","flexShrink","marginLeft","ListItemSecondaryAction","props","style","otherProps","styles"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAmD,GAAG,YAA2C;AACnG,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,CADV;AAEFC,MAAAA,UAAU,EAAE;AAFV;AADH,GAAP;AAMH,CAPD;;AASA,eAAe,SAASC,uBAAT,CAAiCC,KAAjC,EAAsE;AACjF,QAAM;AACFC,IAAAA,KADE;AAEF,OAAGC;AAFD,MAGFF,KAHJ;AAKA,QAAMG,MAAM,GAAGR,SAAS,EAAxB;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAED,GAAG,CAAC,CACPS,MAAM,CAACP,IADA,EAEPK,KAFO,CAAD;AADd,KAKQC,UALR,EADJ;AASH;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport ListItemSecondaryActionProps from './ListItemSecondaryActionProps';\n\ntype ListItemSecondaryActionStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemSecondaryActionStyles> = function (): ListItemSecondaryActionStyles {\n    return {\n        root: {\n            flexShrink: 0,\n            marginLeft: 'auto',\n        },\n    };\n};\n\nexport default function ListItemSecondaryAction(props: ListItemSecondaryActionProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","View","css","useStyles","root","flexShrink","marginLeft","ListItemSecondaryAction","props","style","otherProps","styles"],"sources":["ListItemSecondaryAction.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport ListItemSecondaryActionProps from './ListItemSecondaryActionProps';\n\ntype ListItemSecondaryActionStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<ListItemSecondaryActionStyles> = function (): ListItemSecondaryActionStyles {\n    return {\n        root: {\n            flexShrink: 0,\n            marginLeft: 'auto',\n        },\n    };\n};\n\nexport default function ListItemSecondaryAction(props: ListItemSecondaryActionProps) {\n    const {\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,QAAoB,WAApB;;AAKA,MAAMC,SAAmD,GAAG,YAA2C;EACnG,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,CADV;MAEFC,UAAU,EAAE;IAFV;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASC,uBAAT,CAAiCC,KAAjC,EAAsE;EACjF,MAAM;IACFC,KADE;IAEF,GAAGC;EAFD,IAGFF,KAHJ;EAKA,MAAMG,MAAM,GAAGR,SAAS,EAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAED,GAAG,CAAC,CACPS,MAAM,CAACP,IADA,EAEPK,KAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}

package/build/module/ListItemSecondaryAction/ListItemSecondaryActionProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ListItemSecondaryActionProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface ListItemSecondaryActionProps\n    extends OverridableComponentProps<React.PropsWithChildren<ViewProps>> {}\n"],"mappings":""}

package/build/module/ListItemSecondaryAction/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,2BAAxB","sourcesContent":["export { default } from './ListItemSecondaryAction';\nexport type { default as ListItemSecondaryActionProps } from './ListItemSecondaryActionProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ListItemSecondaryAction';\nexport type { default as ListItemSecondaryActionProps } from './ListItemSecondaryActionProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,2BAAxB"}

package/build/module/ListItemText/ListItemText.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
 import Column from '../Column';