@fountain-ui/core 2.0.0-beta.42 → 2.0.0-beta.43

package/build/commonjs/Image/Image.js

@@ -70,7 +70,6 @@ function Image(props) {
     source,
     style,
     square = false,
-    size,
     ...otherProps
   } = props;
   const [failed, setFailed] = (0, _react.useState)(false);
@@ -86,13 +85,10 @@ function Image(props) {
     onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
-  const sourceWithSizeParam = { ...source,
-    uri: size ? `${source.uri}?size=${size}` : source.uri
-  };
   const placeholderMode = determinePlaceholderMode(props);
   (0, _react.useEffect)(() => {
     setFailed(false);
-  }, [sourceWithSizeParam.uri]);
+  }, [source.uri]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
     style: (0, _styles.css)([styles.root, !disableOutline ? styles.outlined : undefined, !square ? styles.rounded : undefined, placeholderMode === 'default' ? styles.placeholder : undefined, style])
   }, otherProps), placeholderMode === 'custom' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -103,8 +99,8 @@ function Image(props) {
     style: styles.error
   }, error ?? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     children: alt
-  })) : sourceWithSizeParam.uri ? /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
-    alt: sourceWithSizeParam.uri,
+  })) : source.uri ? /*#__PURE__*/_react.default.createElement(_ImageCore.default, {
+    alt: source.uri,
     cache: cache,
     disableDrag: disableDrag,
     disableLongClick: disableLongClick,
@@ -113,7 +109,7 @@ function Image(props) {
     onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
-    source: sourceWithSizeParam,
+    source: source,
     width: '100%'
   }) : null, overlaidChildren ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _styles.StyleSheet.absoluteFill

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

@@ -1 +1 @@
-{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","error","width","height","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","size","otherProps","failed","setFailed","useState","styles","sourceWithSizeParam","uri","placeholderMode","useEffect","css","undefined","absoluteFill","zIndex"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect, 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\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            width: '100%',\n            height: '100%',\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        size,\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 sourceWithSizeParam = {\n        ...source,\n        uri: size ? `${source.uri}?size=${size}` : source.uri,\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    useEffect(() => {\n        setFailed(false);\n    }, [sourceWithSizeParam.uri]);\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 ?? <Text children={alt}/>}\n                </View>\n            ) : sourceWithSizeParam.uri ? (\n                <ImageCore\n                    alt={sourceWithSizeParam.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={sourceWithSizeParam}\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":"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"}
+{"version":3,"names":["useStyles","theme","useTheme","root","rounded","borderRadius","shape","roundness","overflow","placeholder","backgroundColor","palette","paper","grey","outlined","borderWidth","StyleSheet","hairlineWidth","borderStyle","borderColor","error","width","height","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","useState","styles","placeholderMode","useEffect","uri","css","undefined","absoluteFill","zIndex"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect, 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\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            width: '100%',\n            height: '100%',\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    useEffect(() => {\n        setFailed(false);\n    }, [source.uri]);\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 ?? <Text children={alt}/>}\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":"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"}

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

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

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

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

package/build/module/Image/Image.js

@@ -54,7 +54,6 @@ export default function Image(props) {
     source,
     style,
     square = false,
-    size,
     ...otherProps
   } = props;
   const [failed, setFailed] = useState(false);
@@ -70,13 +69,10 @@ export default function Image(props) {
     onErrorProp === null || onErrorProp === void 0 ? void 0 : onErrorProp();
   };
 
-  const sourceWithSizeParam = { ...source,
-    uri: size ? `${source.uri}?size=${size}` : source.uri
-  };
   const placeholderMode = determinePlaceholderMode(props);
   useEffect(() => {
     setFailed(false);
-  }, [sourceWithSizeParam.uri]);
+  }, [source.uri]);
   return /*#__PURE__*/React.createElement(View, _extends({
     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, {
@@ -87,8 +83,8 @@ export default function Image(props) {
     style: styles.error
   }, error ?? /*#__PURE__*/React.createElement(Text, {
     children: alt
-  })) : sourceWithSizeParam.uri ? /*#__PURE__*/React.createElement(ImageCore, {
-    alt: sourceWithSizeParam.uri,
+  })) : source.uri ? /*#__PURE__*/React.createElement(ImageCore, {
+    alt: source.uri,
     cache: cache,
     disableDrag: disableDrag,
     disableLongClick: disableLongClick,
@@ -97,7 +93,7 @@ export default function Image(props) {
     onError: onError,
     onLoad: onLoad,
     resizeMode: resizeMode,
-    source: sourceWithSizeParam,
+    source: source,
     width: '100%'
   }) : null, overlaidChildren ? /*#__PURE__*/React.createElement(View, {
     style: StyleSheet.absoluteFill

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","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","width","height","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","size","otherProps","failed","setFailed","styles","sourceWithSizeParam","uri","placeholderMode","undefined","absoluteFill","zIndex"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect, 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\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            width: '100%',\n            height: '100%',\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        size,\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 sourceWithSizeParam = {\n        ...source,\n        uri: size ? `${source.uri}?size=${size}` : source.uri,\n    };\n\n    const placeholderMode = determinePlaceholderMode(props);\n\n    useEffect(() => {\n        setFailed(false);\n    }, [sourceWithSizeParam.uri]);\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 ?? <Text children={alt}/>}\n                </View>\n            ) : sourceWithSizeParam.uri ? (\n                <ImageCore\n                    alt={sourceWithSizeParam.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={sourceWithSizeParam}\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":"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"}
+{"version":3,"names":["React","useEffect","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","width","height","determinePlaceholderMode","props","disablePlaceholder","Image","alt","cache","disableDrag","disableLongClick","disableOutline","loading","onError","onErrorProp","onLoad","onLoadProp","overlaidChildren","resizeMode","source","style","square","otherProps","failed","setFailed","styles","placeholderMode","uri","undefined","absoluteFill","zIndex"],"sources":["Image.tsx"],"sourcesContent":["import React, { useEffect, 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\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            width: '100%',\n            height: '100%',\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    useEffect(() => {\n        setFailed(false);\n    }, [source.uri]);\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 ?? <Text children={alt}/>}\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":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode, CacheControl } from '../ImageCore';\n\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     * Image file size.\n     * Request image by query string.\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /***\n     * FastImage cache control value.\n     * @default 'immutable'\n     */\n    cache?: CacheControl;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ImageProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type { ImageSource, Loading, ResizeMode, CacheControl } from '../ImageCore';\n\n/**\n * Image file quality.\n * Request image by query string.\n */\nexport type ImageQuality = 'small' | 'medium' | 'large';\n\nexport default interface ImageProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * Indicating the alternate fallback content to be displayed\n     * if the image has not been loaded.\n     */\n    alt?: string;\n\n    /**\n     * Disable drag event for web.\n     * @default false\n     */\n    disableDrag?: boolean,\n\n    /**\n     * Disable Long click event for web.\n     * @default false\n     */\n    disableLongClick?: boolean,\n\n    /**\n     * If `true`, 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,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Image';\nexport type { default as ImageProps } from './ImageProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"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/typescript/Accordion/Accordion.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import AccordionProps from './AccordionProps';
 export default function Accordion(props: AccordionProps): JSX.Element;

package/build/typescript/AspectRatio/AspectRatioNative.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type AspectRatioProps from './AspectRatioProps';
 export default function AspectRatio(props: AspectRatioProps): JSX.Element | null;

package/build/typescript/AspectRatio/AspectRatioWeb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type AspectRatioProps from './AspectRatioProps';
 export default function AspectRatio(props: AspectRatioProps): JSX.Element | null;

package/build/typescript/Avatar/Avatar.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type AvatarProps from './AvatarProps';
 export default function Avatar(props: AvatarProps): JSX.Element;

package/build/typescript/Badge/Badge.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import BadgeProps from './BadgeProps';
 export default function Badge(props: BadgeProps): JSX.Element;

package/build/typescript/Button/Button.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ButtonProps from './ButtonProps';
 export default function Button(props: ButtonProps): JSX.Element;

package/build/typescript/ButtonBase/ButtonBase.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type ButtonBaseProps from './ButtonBaseProps';
 export declare const ORIGINAL_OPACITY = 1;
 export declare const DISABLED_OPACITY = 0.3;

package/build/typescript/Card/Card.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type CardProps from './CardProps';
 export default function Card(props: CardProps): JSX.Element;

package/build/typescript/CardActions/CardActions.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type CardActionsProps from './CardActionsProps';
 export default function CardActions(props: CardActionsProps): JSX.Element;

package/build/typescript/CardContent/CardContent.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type CardContentProps from './CardContentProps';
 export default function CardContent(props: CardContentProps): JSX.Element;

package/build/typescript/CardMedia/CardMedia.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type CardMediaProps from './CardMediaProps';
 export default function CardMedia(props: CardMediaProps): JSX.Element;

package/build/typescript/Checkbox/Checkbox.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type CheckboxProps from './CheckboxProps';
 export default function Checkbox(props: CheckboxProps): JSX.Element;

package/build/typescript/Chip/Chip.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ChipProps from './ChipProps';
 export default function Chip(props: ChipProps): JSX.Element;

package/build/typescript/CircularProgress/CircularProgress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
 export default function CircularProgress(props: OverridableComponentProps<ViewProps>): JSX.Element;

package/build/typescript/Column/Column.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     (props: import("../Flexbox").FlexboxProps): JSX.Element;
     displayName: string;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type DialogProps from './DialogProps';
 export default function Dialog(props: DialogProps): JSX.Element;

package/build/typescript/DialogActions/DialogActions.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type DialogActionsProps from './DialogActionsProps';
 export default function DialogActions(props: DialogActionsProps): JSX.Element;

package/build/typescript/DialogContent/DialogContent.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type DialogContentProps from './DialogContentProps';
 export default function DialogContent(props: DialogContentProps): JSX.Element;

package/build/typescript/DialogMedia/DialogMedia.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type DialogMediaProps from './DialogMediaProps';
 export default function DialogMedia(props: DialogMediaProps): JSX.Element;

package/build/typescript/DialogTitle/DialogTitle.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type DialogTitleProps from './DialogTitleProps';
 export default function DialogTitle(props: DialogTitleProps): JSX.Element;

package/build/typescript/Divider/Divider.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type DividerProps from './DividerProps';
 export default function Divider(props: DividerProps): JSX.Element;

package/build/typescript/Fab/Fab.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type FabProps from './FabProps';
 export default function Fab(props: FabProps): JSX.Element;

package/build/typescript/Flexbox/Flexbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type FlexboxProps from './FlexboxProps';
 export default function createFlexbox(direction: 'row' | 'column'): {
     (props: FlexboxProps): JSX.Element;

package/build/typescript/IconButton/IconButton.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type IconButtonProps from './IconButtonProps';
 export default function IconButton(props: IconButtonProps): JSX.Element;

package/build/typescript/Image/Image.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ImageProps from './ImageProps';
 export default function Image(props: ImageProps): JSX.Element;

package/build/typescript/Image/ImageProps.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import type { ViewProps } from 'react-native';
 import type { OverridableComponentProps } from '../types';
 import type { ImageSource, Loading, ResizeMode, CacheControl } from '../ImageCore';
+/**
+ * Image file quality.
+ * Request image by query string.
+ */
+export declare type ImageQuality = 'small' | 'medium' | 'large';
 export default interface ImageProps extends OverridableComponentProps<ViewProps, {
     /**
      * Indicating the alternate fallback content to be displayed
@@ -69,11 +74,6 @@ export default interface ImageProps extends OverridableComponentProps<ViewProps,
      * @default false
      */
     square?: boolean;
-    /**
-     * Image file size.
-     * Request image by query string.
-     */
-    size?: 'small' | 'medium' | 'large';
     /***
      * FastImage cache control value.
      * @default 'immutable'

package/build/typescript/Image/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './Image';
-export type { default as ImageProps } from './ImageProps';
+export type { default as ImageProps, ImageQuality } from './ImageProps';

package/build/typescript/ImageCore/ImageCoreNative.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ImageCoreProps from './ImageCoreProps';
 export default function ImageCore(props: ImageCoreProps): JSX.Element;

package/build/typescript/ImageCore/ImageCoreWeb.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ImageCoreProps from './ImageCoreProps';
 export default function ImageCore(props: ImageCoreProps): JSX.Element;

package/build/typescript/Link/Link.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type LinkProps from './LinkProps';
 export default function Link(props: LinkProps): JSX.Element;

package/build/typescript/List/List.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ListProps from './ListProps';
 export default function List(props: ListProps): JSX.Element;

package/build/typescript/ListItem/ListItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import ListItemProps from './ListItemProps';
 export default function ListItem(props: ListItemProps): JSX.Element;

package/build/typescript/ListItemIcon/ListItemIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ListItemIconProps from './ListItemIconProps';
 export default function ListItemIcon(props: ListItemIconProps): JSX.Element;

package/build/typescript/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import ListItemSecondaryActionProps from './ListItemSecondaryActionProps';
 export default function ListItemSecondaryAction(props: ListItemSecondaryActionProps): JSX.Element;

package/build/typescript/ListItemText/ListItemText.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ListItemTextProps from './ListItemTextProps';
 export default function ListItemText(props: ListItemTextProps): JSX.Element;

package/build/typescript/ListSubheader/ListSubheader.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ListSubheaderProps from './ListSubheaderProps';
 export default function ListSubheader(props: ListSubheaderProps): JSX.Element;

package/build/typescript/Menu/Menu.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type MenuProps from './MenuProps';
 export default function Menu(props: MenuProps): JSX.Element;

package/build/typescript/MenuItem/MenuItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type MenuItemProps from './MenuItemProps';
 export default function MenuItem(props: MenuItemProps): JSX.Element;

package/build/typescript/Modal/Modal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type ModalProps from './ModalProps';
 export declare type ModalCloseReasonType = 'OUTSIDE_PRESS' | 'HARDWARE_BACK_PRESS' | 'CLOSE_BUTTON_PRESS' | 'UNKNOWN';
 export interface ModalCloseEvent {

package/build/typescript/Pagination/Pagination.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type PaginationProps from './PaginationProps';
 export default function Pagination(props: PaginationProps): JSX.Element;

package/build/typescript/Portal/Portal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PortalHost from './PortalHost';
 import type PortalProps from './PortalProps';
 declare function Portal(props: PortalProps): JSX.Element;

package/build/typescript/Radio/Radio.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type RadioProps from './RadioProps';
 export default function Radio(props: RadioProps): JSX.Element;

package/build/typescript/RadioGroup/RadioGroup.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type RadioGroupProps from './RadioGroupProps';
 export default function RadioGroup(props: RadioGroupProps): JSX.Element;

package/build/typescript/Row/Row.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     (props: import("../Flexbox").FlexboxProps): JSX.Element;
     displayName: string;

package/build/typescript/Slide/Slide.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type SlideProps from './SlideProps';
 export default function Slide(props: SlideProps): JSX.Element;

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" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "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, "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>>;
 export default _default;

package/build/typescript/Snackbar/Snackbar.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type SnackbarProps from './SnackbarProps';
 export default function Snackbar(props: SnackbarProps): JSX.Element | null;

package/build/typescript/SnackbarContent/SnackbarContent.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type SnackbarContentProps from './SnackbarContentProps';
 export default function SnackbarContent(props: SnackbarContentProps): JSX.Element;

package/build/typescript/Spacer/Spacer.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type SpacerProps from './SpacerProps';
 export default function Spacer(props: SpacerProps): JSX.Element;

package/build/typescript/SvgIcon/SvgIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type SvgIconProps from './SvgIconProps';
 export default function SvgIcon(props: SvgIconProps): JSX.Element;

package/build/typescript/Switch/Switch.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type SwitchProps from './SwitchProps';
 export default function Switch(props: SwitchProps): JSX.Element;

package/build/typescript/Tab/Tab.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type TabProps from './TabProps';
 export default function Tab(props: TabProps): JSX.Element;

package/build/typescript/TabBase/TabBase.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type TabBaseProps from './TabBaseProps';
 export default function TabBase(props: TabBaseProps): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ScrollViewProps } from 'react-native';
 import TabCoordinate from './TabCoordinate';
 export interface ScrollableTabsViewProps extends ScrollViewProps {

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type TabIndicatorProps from './TabIndicatorProps';
 export default function TabIndicator(props: TabIndicatorProps): JSX.Element;

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, "testID" | "style" | "onLayout" | "keyboardDismissMode" | "children" | "pointerEvents" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "hitSlop" | "removeClippedSubviews" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "variant" | "keyboardShouldPersistTaps" | "onChange" | "disableIndicator" | "initialIndex" | "scrollable" | "UNSTABLE_sharedIndex"> & React.RefAttributes<TabsInstance>>;
+declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "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" | "variant" | "keyboardShouldPersistTaps" | "onChange" | "disableIndicator" | "initialIndex" | "scrollable" | "UNSTABLE_sharedIndex"> & React.RefAttributes<TabsInstance>>;
 export default Tabs;

package/build/typescript/TextField/InputLabel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Animated, LayoutChangeEvent } from 'react-native';
 interface LabelProps {
     activeColor: string;

package/build/typescript/Toolbar/Toolbar.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type ToolbarProps from './ToolbarProps';
 export default function Toolbar(props: ToolbarProps): JSX.Element;

package/build/typescript/Tooltip/Tooltip.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type TooltipProps from './TooltipProps';
 export default function Tooltip(props: TooltipProps): JSX.Element;