react-native-boxes 1.0.16 → 1.0.17

package/dist/Modal.js

@@ -1,245 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Expand = exports.BottomSheet = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const Image_1 = require("./Image");
-const utils_1 = require("./utils");
-const ThemeContext_1 = require("./ThemeContext");
-const Box_1 = require("./Box");
-const Text_1 = require("./Text");
-const BottomSheet = (props) => {
-    const [modalVisible, setModalVisible] = (0, react_1.useState)(false);
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    let cancellable = props.cancellable != undefined ?
-        props.cancellable : true;
-    (0, react_1.useEffect)(() => {
-        setModalVisible(props.visible);
-    }, [props.visible]);
-    function cancel() {
-        setModalVisible(false);
-        if (props.onDismiss) {
-            props.onDismiss();
-        }
-    }
-    return (<react_native_1.View style={styles.container}>
-            <react_native_1.Modal onDismiss={() => {
-        }} animationType="fade" transparent={true} visible={modalVisible} onRequestClose={() => {
-            cancel();
-        }}>
-                <react_native_1.TouchableHighlight onPress={() => {
-            cancel();
-        }} style={{
-            flex: 1,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)'
-        }}>
-                    <react_native_1.View />
-                </react_native_1.TouchableHighlight>
-
-            </react_native_1.Modal>
-
-            <react_native_1.Modal onDismiss={() => {
-            cancel();
-        }} style={{
-            flex: 1
-        }} animationType="slide" transparent={true} visible={modalVisible} onRequestClose={() => cancel()}>
-                <react_native_1.View style={[styles.modalContainer, {
-                backgroundColor: theme.colors.forground
-            }]}>
-                    <react_native_1.View style={[{
-                paddingTop: theme.dimens.space.md,
-                paddingStart: theme.dimens.space.lg,
-                paddingEnd: theme.dimens.space.lg,
-            }]}>
-                        <Box_1.HBox style={{
-            justifyContent: 'space-between',
-            width: '100%'
-        }}>
-                            <react_native_1.View style={{ width: theme.dimens.icon.md }}/>
-                            {typeof props.title == 'string' ? (<Text_1.Subtitle style={{
-                fontFamily: theme.fonts.Bold
-            }}>{props.title.toString()}</Text_1.Subtitle>) : <>{props.title}</>}
-                            {cancellable ? (<react_native_1.TouchableOpacity style={{
-                padding: theme.dimens.space.sm
-            }} onPress={() => {
-                cancel();
-            }}>
-                                    <Image_1.Icon color={theme.colors.caption} name="close"/>
-                                </react_native_1.TouchableOpacity>) : (<react_native_1.View style={{ width: theme.dimens.icon.md }}/>)}
-                        </Box_1.HBox>
-                        <Box_1.VBox style={{
-            width: '100%'
-        }}>
-                            <react_native_1.ScrollView nestedScrollEnabled={true} showsVerticalScrollIndicator={false} style={{
-            flex: 1,
-            maxHeight: 500,
-        }}>
-                                {props.children}
-                            </react_native_1.ScrollView>
-                        </Box_1.VBox>
-                    </react_native_1.View>
-                </react_native_1.View>
-            </react_native_1.Modal>
-        </react_native_1.View>);
-};
-exports.BottomSheet = BottomSheet;
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-    modalContainer: (0, utils_1.isDesktop)() ? {
-        marginLeft: '20%',
-        marginRight: '20%',
-        marginBottom: '1%',
-        width: '60%',
-        overflow: 'hidden',
-        borderBottomRightRadius: 20,
-        borderBottomLeftRadius: 20,
-        borderTopLeftRadius: 20,
-        borderTopRightRadius: 20,
-        position: 'absolute',
-        left: 0,
-        right: 0,
-        bottom: 0,
-    } : {
-        position: 'absolute',
-        left: 0,
-        right: 0,
-        bottom: 0,
-        borderTopLeftRadius: 20,
-        borderTopRightRadius: 20,
-    }
-});
-function Expand(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    const [expanded, setExpanded] = (0, react_1.useState)(props.initialExpand != undefined ? props.initialExpand : false);
-    const [contentHeight, setContentHeight] = (0, react_1.useState)(null);
-    const spinValue = (0, react_1.useRef)(new react_native_1.Animated.Value(expanded ? 1 : 0)).current;
-    const [initDone, setInitDone] = (0, react_1.useState)(false);
-    const [fadeAnim] = (0, react_1.useState)(new react_native_1.Animated.Value(0));
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(spinValue, {
-            toValue: expanded ? 1 : 0,
-            duration: props.duration || 200,
-            easing: react_native_1.Easing.ease,
-            useNativeDriver: false
-        }).start();
-        react_native_1.Animated.timing(fadeAnim, {
-            toValue: expanded ? 0 : -20,
-            duration: props.duration || 200, // Animation duration in milliseconds
-            useNativeDriver: true // Add this line for better performance
-        }).start();
-    }, [expanded]);
-    (0, react_1.useEffect)(() => {
-        setInitDone(true);
-    }, []);
-    const toggleExpand = () => {
-        if (props.onChange) {
-            props.onChange(!expanded);
-        }
-        setExpanded(!expanded);
-    };
-    var onLayoutContent = (event) => {
-        if (!contentHeight) {
-            setContentHeight(event.nativeEvent.layout.height);
-        }
-    };
-    if (react_native_1.Platform.OS == "web") {
-        const [initalLayoutWait, setinitalLayoutWait] = (0, react_1.useState)(false);
-        (0, react_1.useEffect)(() => {
-            setTimeout(() => {
-                setinitalLayoutWait(true);
-            }, 2000);
-        }, []);
-        onLayoutContent = (event) => {
-            if (!contentHeight && initalLayoutWait) {
-                setContentHeight(event.nativeEvent.layout.height);
-            }
-        };
-    }
-    const spinInterpolated = spinValue.interpolate({
-        easing: react_native_1.Easing.ease,
-        inputRange: [0, 1],
-        outputRange: ['0deg', '90deg']
-    });
-    const ExpandIcon = () => {
-        return (<react_native_1.Pressable style={[{
-                    borderRadius: theme.dimens.space.md,
-                    padding: theme.dimens.space.md,
-                }, {
-                    backgroundColor: props.titleBackgroundColor
-                }]} onPress={toggleExpand}>
-                <Box_1.Center style={props.iconPosition == 'right' ? {
-                paddingLeft: theme.dimens.space.sm,
-                justifyContent: 'space-between',
-                flexDirection: 'row-reverse',
-            } : {
-                justifyContent: 'flex-start',
-                flexDirection: 'row',
-            }}>
-                    <react_native_1.Animated.View style={{
-                transform: [{ rotate: spinInterpolated }],
-            }}>
-                        <Image_1.Icon color={theme.colors.text} {...props.iconStyle} name={props.iconName || 'chevron-right'}/>
-                    </react_native_1.Animated.View>
-                    <Box_1.HBox style={{
-                width: theme.dimens.space.sm
-            }}/>
-                    <Text_1.Title style={[{
-                    padding: 0,
-                    paddingLeft: props.iconPosition == 'right' ? 0 :
-                        theme.dimens.space.sm,
-                    margin: 0,
-                    fontSize: theme.dimens.font.md
-                }, props.titleStyle]}>{props.title}</Text_1.Title>
-                </Box_1.Center>
-            </react_native_1.Pressable>);
-    };
-    return (<Box_1.VBox style={[{
-                padding: 0,
-                borderRadius: theme.dimens.space.md,
-                margin: theme.dimens.space.sm
-            }, {
-                justifyContent: (props.iconPosition) == 'right' ? 'space-between' : 'flex-start'
-            }, props.style]}>
-            <ExpandIcon />
-            <react_native_1.Animated.View style={{
-            zIndex: -1,
-            transform: [{ translateY: fadeAnim }],
-            height: expanded ? 'auto' : 0,
-            overflow: 'hidden'
-        }} onLayout={onLayoutContent}>
-                {(expanded || initDone) && (<Box_1.VBox onLayout={onLayoutContent}>
-                            {props.children}
-                        </Box_1.VBox>)}
-            </react_native_1.Animated.View>
-        </Box_1.VBox>);
-}
-exports.Expand = Expand;
-//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/Styles.d.ts

@@ -1,119 +0,0 @@
-export declare const Dimens: {
-    space: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    font: {
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    icon: {
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        xxl: number;
-    };
-};
-export declare const Fonts: {
-    Regular: string;
-    Bold: string;
-    Styled: string;
-};
-export declare const Colors: {
-    accent: string;
-    accentLight: string;
-    text: string;
-    caption: string;
-    heading: string;
-    background: string;
-    forground: string;
-    transparent: string;
-    semitransparent: string;
-    info: string;
-    success: string;
-    warning: string;
-    critical: string;
-    invert: {
-        text: string;
-        caption: string;
-        heading: string;
-        background: string;
-    };
-};
-export declare const LightColors: {
-    accent: string;
-    accentLight: string;
-    text: string;
-    caption: string;
-    heading: string;
-    background: string;
-    forground: string;
-    transparent: string;
-    semitransparent: string;
-    info: string;
-    success: string;
-    warning: string;
-    critical: string;
-    invert: {
-        text: string;
-        caption: string;
-        heading: string;
-        background: string;
-    };
-};
-export declare const DarkColors: {
-    accent: string;
-    accentLight: string;
-    text: string;
-    caption: string;
-    heading: string;
-    background: string;
-    forground: string;
-    transparent: string;
-    semitransparent: string;
-    info: string;
-    success: string;
-    warning: string;
-    critical: string;
-    invert: {
-        text: string;
-        caption: string;
-        heading: string;
-        background: string;
-    };
-};
-export declare function extendValues(dimens: typeof Dimens, colors: typeof Colors, fonts: typeof Fonts): {
-    dimens: typeof Dimens;
-    colors: typeof Colors;
-    fonts: typeof Fonts;
-};
-export declare function createStyle(dimens: typeof Dimens, colors: typeof Colors, fonts: typeof Fonts): {
-    safeAreaInset: {
-        top: number;
-        left: number;
-        right: number;
-        bottom: number;
-    };
-    container: {
-        marginTop: number;
-        backgroundColor: string;
-    };
-    center: {
-        alignContent: "center";
-        justifyContent: "center";
-    };
-    textHead: {
-        color: string;
-        fontSize: number;
-    };
-    text: {
-        fontFamily: string;
-        fontSize: number;
-    };
-};

package/dist/Styles.js

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStyle = exports.extendValues = exports.DarkColors = exports.LightColors = exports.Colors = exports.Fonts = exports.Dimens = void 0;
-const react_native_1 = require("react-native");
-exports.Dimens = {
-    space: {
-        xs: 1,
-        sm: 5,
-        md: 10,
-        lg: 20,
-        xl: 50,
-    },
-    font: {
-        sm: 12,
-        md: 14,
-        lg: 16,
-        xl: 24,
-    },
-    icon: {
-        sm: 12,
-        md: 20,
-        lg: 30,
-        xl: 50,
-        xxl: 80,
-    }
-};
-exports.Fonts = {
-    Regular: 'Regular',
-    Bold: 'Bold',
-    Styled: 'Styled',
-};
-exports.Colors = {
-    accent: '#1976D2',
-    accentLight: '#2196F3',
-    text: '#444444',
-    caption: '#A9A9A9',
-    heading: '#222222',
-    background: '#E6E6E6',
-    forground: '#fff',
-    transparent: 'transparent',
-    semitransparent: '#111a1a1c',
-    info: '#2196F3',
-    success: '#4CAF50',
-    warning: '#FFA726',
-    critical: '#F44336',
-    invert: {
-        text: '#fff',
-        caption: '#fff',
-        heading: '#fff',
-        background: '#1a1a1c'
-    }
-};
-exports.LightColors = exports.Colors;
-exports.DarkColors = {
-    accent: '#1976D2',
-    accentLight: '#2196F3',
-    text: '#f2f2f2',
-    caption: '#565656',
-    heading: '#dddddd',
-    background: '#212121',
-    forground: '#191919',
-    transparent: 'transparent',
-    semitransparent: '#111a1a1c',
-    info: '#2196F3',
-    success: '#4CAF50',
-    warning: '#FFA726',
-    critical: '#F44336',
-    invert: {
-        text: '#fff',
-        caption: '#fff',
-        heading: '#fff',
-        background: '#E6E6E6'
-    }
-};
-function extendValues(dimens, colors, fonts) {
-    return {
-        dimens: Object.assign(dimens || {}, exports.Dimens),
-        colors: Object.assign(colors || {}, exports.Colors),
-        fonts: Object.assign(fonts || {}, exports.Fonts),
-    };
-}
-exports.extendValues = extendValues;
-function createStyle(dimens, colors, fonts) {
-    const Styles = react_native_1.StyleSheet.create({
-        safeAreaInset: {
-            top: dimens.space.md,
-            left: 0,
-            right: 0,
-            bottom: dimens.space.md,
-        },
-        container: {
-            marginTop: dimens.space.xl,
-            backgroundColor: colors.background,
-        },
-        center: {
-            alignContent: 'center',
-            justifyContent: 'center'
-        },
-        textHead: {
-            color: colors.text,
-            fontSize: dimens.font.xl,
-        },
-        text: {
-            fontFamily: fonts.Regular,
-            fontSize: dimens.font.md,
-        }
-    });
-    return Styles;
-}
-exports.createStyle = createStyle;
-//# sourceMappingURL=Styles.js.map

package/dist/Styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sourceRoot":"","sources":["../src/Styles.tsx"],"names":[],"mappings":"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"}

package/dist/Text.d.ts

@@ -1,7 +0,0 @@
-import { TextProps } from "react-native";
-export declare function TextView(props: TextProps & {
-    skipI18n?: boolean;
-}): import("react").JSX.Element;
-export declare function Subtitle(props: TextProps): import("react").JSX.Element;
-export declare function Title(props: TextProps): import("react").JSX.Element;
-export declare function Caption(props: TextProps): import("react").JSX.Element;

package/dist/Text.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Caption = exports.Title = exports.Subtitle = exports.TextView = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const ThemeContext_1 = require("./ThemeContext");
-function TextView(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    let children = props.children;
-    if (theme.i18n && !props.skipI18n) {
-        if (children && typeof children == 'string') {
-            children = theme.i18n.t(children);
-        }
-    }
-    return (<react_native_1.Text {...props} style={[{
-                flexWrap: 'wrap',
-                color: theme.colors.text,
-                padding: theme.dimens.space.sm
-            }, theme.styles.text, props.style]}>
-            {children}
-        </react_native_1.Text>);
-}
-exports.TextView = TextView;
-function Subtitle(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<TextView {...props} style={[
-            {
-                fontSize: theme.dimens.font.lg,
-                color: theme.colors.text
-            },
-            props.style
-        ]}/>);
-}
-exports.Subtitle = Subtitle;
-function Title(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<TextView {...props} style={[
-            {
-                fontSize: theme.dimens.font.xl,
-                color: theme.colors.heading
-            },
-            props.style
-        ]}/>);
-}
-exports.Title = Title;
-function Caption(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<TextView {...props} style={[
-            {
-                fontSize: theme.dimens.font.sm,
-                color: theme.colors.caption
-            },
-            props.style
-        ]}/>);
-}
-exports.Caption = Caption;
-//# sourceMappingURL=Text.js.map

package/dist/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,+CAA+C;AAC/C,iDAA8C;AAE9C,SAAgB,QAAQ,CAAC,KAExB;IACG,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC7B,IAAI,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,QAAQ,IAAI,OAAO,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAC1C,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;QACrC,CAAC;IACL,CAAC;IACD,OAAO,CACH,CAAC,mBAAI,CAAC,IAAI,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,CAAC;gBACJ,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACjC,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACnC;YAAA,CAAC,QAAQ,CACb;QAAA,EAAE,mBAAI,CAAC,CACV,CAAA;AACL,CAAC;AApBD,4BAoBC;AAGD,SAAgB,QAAQ,CAAC,KAAgB;IACrC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aAC3B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,4BAWC;AAGD,SAAgB,KAAK,CAAC,KAAgB;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,sBAWC;AAED,SAAgB,OAAO,CAAC,KAAgB;IACpC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,0BAWC"}

package/dist/ThemeContext.d.ts

@@ -1,110 +0,0 @@
-import { Colors, Dimens, Fonts } from "./Styles";
-import { randomColor } from "./utils";
-import { I18n } from "./I18n";
-import { EdgeInsets } from "react-native-safe-area-context";
-declare const DEFAULT_STYLE: {
-    safeAreaInset: {
-        top: number;
-        left: number;
-        right: number;
-        bottom: number;
-    };
-    container: {
-        marginTop: number;
-        backgroundColor: string;
-    };
-    center: {
-        alignContent: "center";
-        justifyContent: "center";
-    };
-    textHead: {
-        color: string;
-        fontSize: number;
-    };
-    text: {
-        fontFamily: string;
-        fontSize: number;
-    };
-};
-export declare class Theme {
-    appname: string;
-    styles: typeof DEFAULT_STYLE;
-    dimens: typeof Dimens;
-    colors: typeof Colors;
-    fonts: typeof Fonts;
-    i18n: I18n;
-    insets?: EdgeInsets;
-    randomColor: typeof randomColor;
-    constructor(appname?: string, colors?: {
-        accent: string;
-        accentLight: string;
-        text: string;
-        caption: string;
-        heading: string;
-        background: string;
-        forground: string;
-        transparent: string;
-        semitransparent: string;
-        info: string;
-        success: string;
-        warning: string;
-        critical: string;
-        invert: {
-            text: string;
-            caption: string;
-            heading: string;
-            background: string;
-        };
-    }, dimens?: {
-        space: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-        };
-        font: {
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-        };
-        icon: {
-            sm: number;
-            md: number;
-            lg: number;
-            xl: number;
-            xxl: number;
-        };
-    }, fonts?: {
-        Regular: string;
-        Bold: string;
-        Styled: string;
-    }, styles?: {
-        safeAreaInset: {
-            top: number;
-            left: number;
-            right: number;
-            bottom: number;
-        };
-        container: {
-            marginTop: number;
-            backgroundColor: string;
-        };
-        center: {
-            alignContent: "center";
-            justifyContent: "center";
-        };
-        textHead: {
-            color: string;
-            fontSize: number;
-        };
-        text: {
-            fontFamily: string;
-            fontSize: number;
-        };
-    }, i18n?: I18n);
-    setInsets(insets: EdgeInsets): void;
-}
-export declare const ThemeContext: import("react").Context<Theme>;
-export {};