@draftbit/core 47.2.13-f38301.2 → 47.2.14-9580d7.2

package/lib/src/components/Elevation.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { Animated, StyleSheet, View, } from "react-native";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
+/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
+const Elevation = ({ style, theme, children, ...rest }) => {
+    const { elevation = 4, borderRadius: radius } = StyleSheet.flatten(style) || {};
+    const { colors } = theme;
+    const borderRadius = radius;
+    return (React.createElement(Animated.View, { ...rest, style: [
+            {
+                borderRadius,
+                backgroundColor: colors.surface,
+            },
+            elevation ? shadow(elevation) : null,
+            style,
+        ] },
+        React.createElement(View, { style: { overflow: "hidden", borderRadius } }, children)));
+};
+export default withTheme(Elevation);
+//# sourceMappingURL=Elevation.js.map

package/lib/src/components/Elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elevation.js","sourceRoot":"","sources":["../../../src/components/Elevation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,UAAU,EAIV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAQvC,mHAAmH;AACnH,MAAM,SAAS,GAA6C,CAAC,EAC3D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,GAC3C,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAE5B,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,IAAI,EACR,KAAK,EAAE;YACL;gBACE,YAAY;gBACZ,eAAe,EAAE,MAAM,CAAC,OAAO;aAChC;YACD,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI;YACpC,KAAK;SACN;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAG,QAAQ,CAAQ,CACtD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,SAAS,CAAC,CAAC"}

package/lib/src/components/FAB.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, PressableProps } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    disabled?: boolean;
+    loading?: boolean;
+    size?: number;
+    bgColor?: string;
+    iconColor?: string;
+    iconName?: string;
+    onPress: () => void;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+} & PressableProps & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/src/components/FAB.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, ActivityIndicator, Platform, } from "react-native";
+import { withTheme } from "../theming";
+const FAB = ({ onPress, disabled, loading, iconName = "MaterialIcons/add", style, theme, iconColor, bgColor, size = 50, Icon, ...props }) => {
+    const backgroundColor = bgColor || theme.colors.primary;
+    const color = iconColor || "#FFF";
+    return (React.createElement(View, { style: [
+            {
+                width: size,
+                height: size,
+                borderRadius: size / 2,
+                overflow: "hidden",
+            },
+            style,
+        ] },
+        React.createElement(Pressable, { onPress: onPress, disabled: loading || disabled, android_ripple: {
+                color: "#333",
+                radius: size / 4,
+            }, style: ({ pressed }) => {
+                return [
+                    styles.button,
+                    {
+                        opacity: pressed || disabled ? 0.75 : 1,
+                        width: size,
+                        height: size,
+                        borderRadius: size / 2,
+                        backgroundColor,
+                    },
+                ];
+            }, ...props },
+            React.createElement(View, null, loading ? (React.createElement(ActivityIndicator, { style: size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined, size: size <= 50 ? "small" : "large", color: color })) : (React.createElement(Icon, { name: iconName, size: size, color: color }))))));
+};
+const styles = StyleSheet.create({
+    button: {
+        backgroundColor: "#5a45ff",
+        justifyContent: "center",
+        alignItems: "center",
+        ...Platform.select({
+            web: {
+                cursor: "pointer",
+                userSelect: "none",
+            },
+        }),
+    },
+});
+export default withTheme(FAB);
+//# sourceMappingURL=FAB.js.map

package/lib/src/components/FAB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.js","sourceRoot":"","sources":["../../../src/components/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,iBAAiB,EAIjB,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAiBvC,MAAM,GAAG,GAA6C,CAAC,EACrD,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,mBAAmB,EAC9B,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACxD,MAAM,KAAK,GAAG,SAAS,IAAI,MAAM,CAAC;IAElC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI,GAAG,CAAC;gBACtB,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK;SACN;QAED,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,IAAI,QAAQ,EAC7B,cAAc,EAAE;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,IAAI,GAAG,CAAC;aACjB,EACD,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;gBACrB,OAAO;oBACL,MAAM,CAAC,MAAM;oBACb;wBACE,OAAO,EAAE,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBACvC,KAAK,EAAE,IAAI;wBACX,MAAM,EAAE,IAAI;wBACZ,YAAY,EAAE,IAAI,GAAG,CAAC;wBACtB,eAAe;qBAChB;iBACF,CAAC;YACJ,CAAC,KACG,KAAK;YAET,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,iBAAiB,IAChB,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9D,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,CACI,CACG,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE;gBACH,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,MAAM;aACnB;SACF,CAAC;KACH;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,GAAG,CAAC,CAAC"}

package/lib/src/components/FieldSearchBarFull.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, NativeSyntheticEvent, TextInputSubmitEditingEventData } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    showIcon: boolean;
+    icon?: string;
+    placeholder?: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+    onChange?: (text: string) => void;
+    onSubmit?: (e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
+    value?: string;
+    defaultValue?: string;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/src/components/FieldSearchBarFull.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { View, TextInput, StyleSheet, } from "react-native";
+import { withTheme } from "../theming";
+import Config from "./Config";
+const FieldSearchBarFull = ({ showIcon, Icon, icon = "search", placeholder = "", style, theme: { colors, typography }, onChange: changeOverride, onSubmit: submitOverride, value, defaultValue, }) => {
+    const [focused, setIsFocused] = React.useState(false);
+    const onBlur = () => {
+        setIsFocused(false);
+    };
+    const [internalValue, setInternalValue] = React.useState(value || defaultValue);
+    React.useEffect(() => {
+        if (value != null) {
+            setInternalValue(value);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const onChange = React.useCallback((text) => {
+        changeOverride && changeOverride(text);
+    }, [changeOverride]);
+    const onFocus = () => {
+        setIsFocused(true);
+    };
+    const onSubmit = (e) => {
+        submitOverride && submitOverride(e);
+    };
+    const { lineHeight, ...typeStyles } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
+    const handleChangeText = (newValue) => {
+        setInternalValue(newValue);
+        if (onChange) {
+            onChange(newValue);
+        }
+    };
+    return (React.createElement(View, { style: [styles.container, style] },
+        showIcon && (React.createElement(Icon, { name: icon, size: Config.fieldSearchBarFullIconSize, color: focused ? colors.primary : colors.light })),
+        React.createElement(View, { style: { marginLeft: showIcon ? 12 : 0, flex: 1 } },
+            React.createElement(TextInput, { clearButtonMode: "while-editing", placeholder: placeholder, value: internalValue, onBlur: onBlur, onFocus: onFocus, onChangeText: handleChangeText, onSubmitEditing: onSubmit, placeholderTextColor: colors.light, style: [
+                    {
+                        color: colors.medium,
+                    },
+                    typeStyles,
+                ] }))));
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+});
+export default withTheme(FieldSearchBarFull);
+//# sourceMappingURL=FieldSearchBarFull.js.map

package/lib/src/components/FieldSearchBarFull.js.map

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

package/lib/src/components/FormRow.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import { RowDirection } from "@draftbit/types";
+declare type Props = {
+    disabled?: boolean;
+    label: string;
+    direction: RowDirection;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    onPress: () => void;
+};
+export default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }: Props): JSX.Element;
+export {};

package/lib/src/components/FormRow.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Text, StyleSheet } from "react-native";
+import { extractStyles } from "../utilities";
+import Touchable from "./Touchable";
+export default function FormRow({ disabled, direction, children, label, style, onPress, ...rest }) {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(Touchable, { disabled: disabled, onPress: onPress, style: [styles.row, { flexDirection: direction }, viewStyles], ...rest },
+        React.createElement(Text, { style: textStyles }, label),
+        children));
+}
+const styles = StyleSheet.create({
+    row: {
+        marginLeft: 8,
+        marginRight: 8,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+});
+//# sourceMappingURL=FormRow.js.map

package/lib/src/components/FormRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.js","sourceRoot":"","sources":["../../../src/components/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,SAAS,MAAM,aAAa,CAAC;AAWpC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACD;IACN,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,UAAU,CAAC,KACzD,IAAI;QAER,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IAAG,KAAK,CAAQ;QACtC,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC"}

package/lib/src/components/IconButton.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, PressableProps } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    icon?: string;
+    color?: string;
+    size?: number;
+    disabled?: boolean;
+    loading?: boolean;
+    onPress: () => void;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+    activeOpacity?: number;
+    disabledOpacity?: number;
+} & PressableProps & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/src/components/IconButton.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
+import { withTheme } from "../theming";
+const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
+    const iconColor = customColor || theme.colors.primary;
+    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
+            return [
+                styles.container,
+                {
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
+                    width: size,
+                    height: size,
+                    alignItems: "center",
+                    justifyContent: "center",
+                },
+                style,
+            ];
+        }, ...props },
+        React.createElement(View, null,
+            icon && !loading ? (React.createElement(Icon, { name: icon, size: size - 2, color: iconColor })) : null,
+            loading ? React.createElement(ActivityIndicator, { size: "small", color: iconColor }) : null)));
+};
+const styles = StyleSheet.create({
+    container: {
+        alignItems: "center",
+        justifyContent: "center",
+        ...Platform.select({
+            web: {
+                cursor: "pointer",
+                userSelect: "none",
+            },
+        }),
+    },
+});
+export default withTheme(IconButton);
+//# sourceMappingURL=IconButton.js.map

package/lib/src/components/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,iBAAiB,EAGjB,SAAS,EAET,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAkBvC,MAAM,UAAU,GAA6C,CAAC,EAC5D,IAAI,EACJ,IAAI,EACJ,KAAK,EAAE,WAAW,EAClB,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,OAAO,EACP,KAAK,EACL,KAAK,EACL,aAAa,GAAG,GAAG,EACnB,eAAe,GAAG,GAAG,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAEtD,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YACrB,OAAO;gBACL,MAAM,CAAC,SAAS;gBAChB;oBACE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;oBACjE,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB;gBACD,KAAK;aACN,CAAC;QACJ,CAAC,KACG,KAAK;QAET,oBAAC,IAAI;YACF,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,GAAI,CACvD,CAAC,CAAC,CAAC,IAAI;YACP,OAAO,CAAC,CAAC,CAAC,oBAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,CACjE,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE;gBACH,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,MAAM;aACnB;SACF,CAAC;KACH;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,UAAU,CAAC,CAAC"}

package/lib/src/components/Image.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ImageProps } from "react-native";
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/lib/src/components/Image.js

@@ -0,0 +1,48 @@
+/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
+import React from "react";
+import { Image as NativeImage, StyleSheet, } from "react-native";
+import Config from "./Config";
+import AspectRatio from "./AspectRatio";
+const generateDimensions = ({ aspectRatio, width, height }) => {
+    if (aspectRatio && !width && !height) {
+        return {
+            aspectRatio,
+            width: "100%",
+        };
+    }
+    if (aspectRatio && height) {
+        return {
+            aspectRatio,
+            height,
+            width: aspectRatio * height,
+        };
+    }
+    if (aspectRatio && width) {
+        return {
+            aspectRatio,
+            width,
+            height: width / aspectRatio,
+        };
+    }
+    return { width, height };
+};
+const Image = ({ source, resizeMode = "cover", style, ...props }) => {
+    let imageSource = source === null || source === undefined
+        ? Config.placeholderImageURL
+        : source;
+    const styles = StyleSheet.flatten(style || {});
+    const { aspectRatio, width, height } = generateDimensions(styles);
+    if (aspectRatio) {
+        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
+            React.createElement(NativeImage, { ...props, source: imageSource, resizeMode: resizeMode, style: [
+                    style,
+                    {
+                        height: "100%",
+                        width: "100%",
+                    },
+                ] })));
+    }
+    return (React.createElement(NativeImage, { ...props, source: source, resizeMode: resizeMode, style: style }));
+};
+export default Image;
+//# sourceMappingURL=Image.js.map

package/lib/src/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image.tsx"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,IAAI,WAAW,EAEpB,UAAU,GAEX,MAAM,cAAc,CAAC;AACtB,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,WAAW,MAAM,eAAe,CAAC;AAQxC,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAkB,EAAE,EAAE;IAC5E,IAAI,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE;QACpC,OAAO;YACL,WAAW;YACX,KAAK,EAAE,MAAM;SACd,CAAC;KACH;IAED,IAAI,WAAW,IAAI,MAAM,EAAE;QACzB,OAAO;YACL,WAAW;YACX,MAAM;YACN,KAAK,EAAE,WAAW,GAAG,MAAM;SAC5B,CAAC;KACH;IAED,IAAI,WAAW,IAAI,KAAK,EAAE;QACxB,OAAO;YACL,WAAW;YACX,KAAK;YACL,MAAM,EAAE,KAAK,GAAG,WAAW;SAC5B,CAAC;KACH;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,KAAK,GAAyB,CAAC,EACnC,MAAM,EACN,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,WAAW,GACb,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS;QACrC,CAAC,CAAC,MAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,MAAM,CAAC;IAEb,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/C,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,kBAAkB,CACvD,MAAwB,CACzB,CAAC;IAEF,IAAI,WAAW,EAAE;QACf,OAAO,CACL,oBAAC,WAAW,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;YACzD,oBAAC,WAAW,OACN,KAAK,EACT,MAAM,EAAE,WAAkC,EAC1C,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE;oBACL,KAAK;oBACL;wBACE,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,MAAM;qBACd;iBACF,GACD,CACU,CACf,CAAC;KACH;IAED,OAAO,CACL,oBAAC,WAAW,OACN,KAAK,EACT,MAAM,EAAE,MAA6B,EACrC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/src/components/Justification.d.ts

@@ -0,0 +1 @@
+export declare type justificationType = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;

package/lib/src/components/Justification.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Justification.js.map

package/lib/src/components/Justification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Justification.js","sourceRoot":"","sources":["../../../src/components/Justification.ts"],"names":[],"mappings":""}

package/lib/src/components/Layout.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { ViewStyleProp } from "react-native/Libraries/StyleSheet/StyleSheet";
+export declare function Center({ width, height, children, bgColor, style, ...rest }: {
+    width: number;
+    height: number;
+    bgColor: string;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): JSX.Element;
+export declare function Circle({ size, bgColor, children, style, ...rest }: {
+    size: number;
+    bgColor: string;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): JSX.Element;
+export declare function Square({ size, bgColor, children, style, ...rest }: {
+    size: number;
+    bgColor: string;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): JSX.Element;
+export declare function Row({ justifyContent, alignItems, children, style, ...rest }: {
+    alignItems: ViewStyleProp.alignItems;
+    justifyContent: ViewStyleProp.justifyContent;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): JSX.Element;
+export declare function Spacer({ top, right, bottom, left, children, style, ...rest }: {
+    top?: number;
+    right?: number;
+    left?: number;
+    bottom?: number;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): JSX.Element;
+export declare function Stack({ children, justifyContent, alignItems, style, ...rest }: {
+    justifyContent: ViewStyleProp.justifyContent;
+    alignItems: ViewStyleProp.alignItems;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): JSX.Element;

package/lib/src/components/Layout.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { View } from "react-native";
+export function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {
+    return (React.createElement(View, { style: [
+            {
+                justifyContent: "center",
+                alignItems: "center",
+                width,
+                height,
+                backgroundColor: bgColor,
+            },
+            style,
+        ], ...rest }, children));
+}
+export function Circle({ size = 50, bgColor, children, style, ...rest }) {
+    const borderRadius = 1000;
+    return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [
+            style,
+            { backgroundColor: bgColor, borderRadius, overflow: "hidden" },
+        ], ...rest }, children));
+}
+export function Square({ size = 50, bgColor, children, style, ...rest }) {
+    return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));
+}
+export function Row({ justifyContent, alignItems, children, style, ...rest }) {
+    return (React.createElement(View, { style: [
+            style,
+            {
+                alignItems,
+                flexDirection: "row",
+                justifyContent: justifyContent,
+            },
+        ], ...rest }, children));
+}
+export function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {
+    return (React.createElement(View, { style: [
+            style,
+            {
+                paddingRight: right,
+                paddingTop: top,
+                paddingLeft: left,
+                paddingBottom: bottom,
+            },
+        ], ...rest }, children));
+}
+export function Stack({ children, justifyContent = "flex-start", alignItems = "flex-start", style, ...rest }) {
+    return (
+    // style must go first since we don't want justifyContent, alignItems overridden
+    React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));
+}
+//# sourceMappingURL=Layout.js.map

package/lib/src/components/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAI1D,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,IAAI,EAOR;IACC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL;gBACE,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,KAAK;gBACL,MAAM;gBACN,eAAe,EAAE,OAAO;aACzB;YACD,KAAK;SACN,KACG,IAAI,IAEP,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EAMR;IACC,MAAM,YAAY,GAAG,IAAI,CAAC;IAC1B,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,KAAK;YACL,EAAE,eAAe,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE;SAC/D,KACG,IAAI,IAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EAMR;IACC,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI,IAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EAMR;IACC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK;YACL;gBACE,UAAU;gBACV,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,cAAc;aAC/B;SACF,KACG,IAAI,IAEP,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,GAAG,GAAG,CAAC,EACP,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,IAAI,GAAG,CAAC,EACR,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EAQR;IACC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK;YACL;gBACE,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,IAAI;gBACjB,aAAa,EAAE,MAAM;aACtB;SACF,KACG,IAAI,IAEP,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,cAAc,GAAG,YAAY,EAC7B,UAAU,GAAG,YAAY,EACzB,KAAK,EACL,GAAG,IAAI,EAMR;IACC,OAAO;IACL,gFAAgF;IAChF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,KAAM,IAAI,IAC3D,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC"}

package/lib/src/components/Markdown.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare type MarkdownProps = {
+    style?: StyleProp<ViewStyle>;
+};
+declare const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>>;
+export default Markdown;

package/lib/src/components/Markdown.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import MarkdownComponent from "react-native-markdown-display";
+const Markdown = ({ children, style, }) => {
+    return (
+    //'body' style applies to all markdown components
+    //@ts-ignore TS does not like the type of this named style for some reason
+    React.createElement(MarkdownComponent, { style: { body: StyleSheet.flatten(style) } }, children));
+};
+export default Markdown;
+//# sourceMappingURL=Markdown.js.map

package/lib/src/components/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAM9D,MAAM,QAAQ,GAAqD,CAAC,EAClE,QAAQ,EACR,KAAK,GACN,EAAE,EAAE;IACH,OAAO;IACL,iDAAiD;IACjD,0EAA0E;IAC1E,oBAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAC1D,QAAQ,CACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/src/components/NumberInput.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+interface Props {
+    value?: number | string;
+    defaultValue?: number | string;
+    onChangeText?: (value?: number) => void;
+}
+declare const NumberInput: FC<Props>;
+export default NumberInput;

package/lib/src/components/NumberInput.js

@@ -0,0 +1,50 @@
+import React, { useEffect, useState } from "react";
+import { TextInput } from "react-native";
+import { isString, isNumber, isNaN } from "lodash";
+const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
+    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
+    const formatValueToStringNumber = (valueToFormat) => {
+        if (valueToFormat != null) {
+            if (isString(valueToFormat) && valueToFormat !== "") {
+                if (/^0[1-9]$/.test(valueToFormat)) {
+                    return valueToFormat.slice(1);
+                }
+                else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
+                    return valueToFormat;
+                }
+                else {
+                    return currentStringNumberValue;
+                }
+            }
+            else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
+                return valueToFormat.toString();
+            }
+        }
+        return "";
+    };
+    const handleChangeText = (newValue) => {
+        const newStringNumberValue = formatValueToStringNumber(newValue);
+        const number = parseFloat(newStringNumberValue);
+        setCurrentStringNumberValue(newStringNumberValue);
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
+    };
+    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
+    useEffect(() => {
+        const nextStringNumberValue = formatValueToStringNumber(value);
+        if (currentStringNumberValue !== nextStringNumberValue) {
+            handleChangeText(nextStringNumberValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
+    useEffect(() => {
+        const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
+        if (currentStringNumberValue !== defaultStringNumberValue) {
+            setCurrentStringNumberValue(defaultStringNumberValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (React.createElement(TextInput, { keyboardType: "numeric", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));
+};
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/lib/src/components/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAQnD,MAAM,WAAW,GAAc,CAAC,EAC9B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7E,MAAM,yBAAyB,GAAG,CAAC,aAA+B,EAAE,EAAE;QACpE,IAAI,aAAa,IAAI,IAAI,EAAE;YACzB,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAa,KAAK,EAAE,EAAE;gBACnD,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAClC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC/B;qBAAM,IAAI,mCAAmC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAClE,OAAO,aAAa,CAAC;iBACtB;qBAAM;oBACL,OAAO,wBAAwB,CAAC;iBACjC;aACF;iBAAM,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;gBAC3D,OAAO,aAAa,CAAC,QAAQ,EAAE,CAAC;aACjC;SACF;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC5C,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,MAAM,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAEhD,2BAA2B,CAAC,oBAAoB,CAAC,CAAC;QAClD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,yHAAyH;IACzH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAE/D,IAAI,wBAAwB,KAAK,qBAAqB,EAAE;YACtD,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;SACzC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,iGAAiG;IACjG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,wBAAwB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;QAEzE,IAAI,wBAAwB,KAAK,wBAAwB,EAAE;YACzD,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;SACvD;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,SAAS,IACR,YAAY,EAAC,SAAS,EACtB,KAAK,EAAE,wBAAwB,EAC/B,YAAY,EAAE,gBAAgB,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/src/components/Picker/Picker.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { ViewStyle, StyleProp } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+import type { IconSlot } from "../../interfaces/Icon";
+export interface PickerOption {
+    value: string;
+    label: string;
+}
+export declare type PickerProps = {
+    error?: any;
+    placeholder?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle> & {
+        height?: number;
+    };
+    value?: string;
+    options: PickerOption[] | string[];
+    onValueChange: (value: string, index: number) => void;
+    defaultValue?: string;
+    assistiveText?: string;
+    label?: string;
+    iconColor?: string;
+    iconSize?: number;
+    leftIconMode?: "inset" | "outset";
+    leftIconName?: string;
+    placeholderTextColor?: string;
+    rightIconName?: string;
+    type?: "solid" | "underline";
+    autoDismissKeyboard?: boolean;
+    theme: Theme;
+    Icon: IconSlot["Icon"];
+};
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<PickerProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<PickerProps> & React.FC<PickerProps>, {}>;
+export default _default;