react-native-boxes 1.0.18 → 1.0.20

package/dist/Modal.js

@@ -0,0 +1,245 @@
+"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

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

package/dist/Styles.d.ts

@@ -0,0 +1,119 @@
+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

@@ -0,0 +1,111 @@
+"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

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

package/dist/Text.d.ts

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,57 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,110 @@
+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 {};