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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AAiBvD,MAAM,WAAW,GAA+B,CAAC,EAC/C,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,eAAe,EACf,OAAO,EACP,IAAI,GAAG,MAAM,CAAC,eAAe,EAC7B,YAAY,GAAG,oCAAoC,EACnD,cAAc,GAAG,sCAAsC,EACvD,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAE5E,MAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,gBAAgB,KAAK,SAAS,CAAC;IAE9D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,SAAS,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAChD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,EAC3C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/src/components/RadioButton/RadioButtonFieldGroup.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { RadioButtonGroupProps } from "./RadioButtonGroup";
+interface Props extends RadioButtonGroupProps {
+    label?: string;
+    labelStyle?: StyleProp<TextStyle>;
+    style?: StyleProp<ViewStyle>;
+}
+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/RadioButton/RadioButtonFieldGroup.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { View } from "react-native";
+import Text from "../Text";
+import { withTheme } from "../../theming";
+import RadioButtonGroup from "./RadioButtonGroup";
+const RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {
+    return (React.createElement(View, { style: style },
+        React.createElement(Text, { style: [
+                {
+                    fontSize: theme.typography.headline4.fontSize,
+                    color: theme.typography.headline4.color,
+                },
+                labelStyle,
+            ] }, label),
+        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));
+};
+export default withTheme(RadioButtonFieldGroup);
+//# sourceMappingURL=RadioButtonFieldGroup.js.map

package/lib/src/components/RadioButton/RadioButtonFieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButtonFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAmC,MAAM,cAAc,CAAC;AACrE,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,gBAA2C,MAAM,oBAAoB,CAAC;AAQ7E,MAAM,qBAAqB,GAA6C,CAAC,EACvE,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;QAChB,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL;oBACE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;oBAC7C,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK;iBACxC;gBACD,UAAU;aACX,IAEA,KAAK,CACD;QACP,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,IACrC,QAAQ,CACQ,CACd,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,qBAAqB,CAAC,CAAC"}

package/lib/src/components/RadioButton/RadioButtonGroup.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../../styles/DefaultTheme";
+import { Direction } from "./context";
+export interface RadioButtonGroupProps {
+    direction?: Direction;
+    style?: StyleProp<ViewStyle>;
+    value: string | number;
+    onValueChange?: (value: string) => void;
+    defaultValue?: string | number;
+    theme: Theme;
+    children: React.ReactNode;
+}
+declare const RadioButtonGroup: React.FC<RadioButtonGroupProps>;
+export default RadioButtonGroup;

package/lib/src/components/RadioButton/RadioButtonGroup.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { View } from "react-native";
+import { getValueForRadioButton } from "../../utilities";
+import { radioButtonGroupContext, Direction } from "./context";
+const { Provider } = radioButtonGroupContext;
+const RadioButtonGroup = ({ direction = Direction.Vertical, value = "", onValueChange, defaultValue, style, children, ...rest }) => {
+    const [internalValue, setInternalValue] = React.useState("");
+    React.useEffect(() => {
+        if (value != null) {
+            const realValue = getValueForRadioButton(value);
+            setInternalValue(realValue);
+        }
+    }, [value]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            const realDefaultValue = getValueForRadioButton(defaultValue);
+            setInternalValue(realDefaultValue);
+        }
+    }, [defaultValue]);
+    const handleValueChange = (newValue) => {
+        const realNewValue = getValueForRadioButton(newValue);
+        setInternalValue(realNewValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realNewValue);
+    };
+    const _containerStyle = [
+        {
+            flexDirection: direction === Direction.Horizontal ? "row" : "column",
+        },
+    ];
+    if (direction !== Direction.Vertical) {
+        _containerStyle.push({
+            alignItems: "center",
+        });
+    }
+    return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },
+        React.createElement(Provider, { value: {
+                value: internalValue,
+                onValueChange: handleValueChange,
+                direction,
+            } },
+            React.createElement(View, { style: _containerStyle }, children))));
+};
+export default RadioButtonGroup;
+//# sourceMappingURL=RadioButtonGroup.js.map

package/lib/src/components/RadioButton/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAW/D,MAAM,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC;AAE7C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,GAAG,SAAS,CAAC,QAAQ,EAC9B,KAAK,GAAG,EAAE,EACV,aAAa,EACb,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,MAAM,SAAS,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAEhD,gBAAgB,CAAC,SAAS,CAAC,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;YAE9D,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;SACpC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,iBAAiB,GAAG,CAAC,QAAyB,EAAE,EAAE;QACtD,MAAM,YAAY,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QAEtD,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAyB;QAC5C;YACE,aAAa,EAAE,SAAS,KAAK,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SACrE;KACF,CAAC;IAEF,IAAI,SAAS,KAAK,SAAS,CAAC,QAAQ,EAAE;QACpC,eAAe,CAAC,IAAI,CAAC;YACnB,UAAU,EAAE,QAAQ;SACrB,CAAC,CAAC;KACJ;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,KAAM,IAAI;QAC/C,oBAAC,QAAQ,IACP,KAAK,EAAE;gBACL,KAAK,EAAE,aAAa;gBACpB,aAAa,EAAE,iBAAiB;gBAChC,SAAS;aACV;YAED,oBAAC,IAAI,IAAC,KAAK,EAAE,eAAe,IAAG,QAAQ,CAAQ,CACtC,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/src/components/RadioButton/RadioButtonRow.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import { RadioButtonProps } from "./RadioButton";
+import type { IconSlot } from "../../interfaces/Icon";
+export declare enum Direction {
+    Row = "row",
+    RowReverse = "row-reverse"
+}
+export interface RadioButtonRowProps extends Omit<RadioButtonProps, "onPress"> {
+    label: string | React.ReactNode;
+    value: string | number;
+    color?: string;
+    unselectedColor?: string;
+    labelContainerStyle: StyleProp<ViewStyle>;
+    radioButtonStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    onPress?: (value: string) => void;
+    direction?: Direction;
+}
+declare const RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot>;
+export default RadioButtonRow;

package/lib/src/components/RadioButton/RadioButtonRow.js

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { StyleSheet, View, Platform, } from "react-native";
+import RadioButton from "./RadioButton";
+import Text from "../Text";
+import { useRadioButtonGroupContext } from "./context";
+import { Direction as GroupDirection } from "./context";
+import Touchable from "../Touchable";
+import { extractStyles, getValueForRadioButton } from "../../utilities";
+export var Direction;
+(function (Direction) {
+    Direction["Row"] = "row";
+    Direction["RowReverse"] = "row-reverse";
+})(Direction || (Direction = {}));
+const getRadioButtonAlignment = (parentDirection, direction) => {
+    if (parentDirection === GroupDirection.Horizontal) {
+        return direction === Direction.Row ? "flex-start" : "flex-end";
+    }
+    else if (direction === Direction.RowReverse) {
+        return "flex-start";
+    }
+    else {
+        return "flex-end";
+    }
+};
+const renderLabel = (value, labelStyle, textStyle) => {
+    if (typeof value === "string") {
+        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);
+    }
+    else {
+        return React.createElement(React.Fragment, null, value);
+    }
+};
+const RadioButtonRow = ({ Icon, label, value = "", color, unselectedColor, onPress, labelContainerStyle, labelStyle, radioButtonStyle, direction = Direction.Row, selected, disabled, style, ...rest }) => {
+    const { value: contextValue, onValueChange, direction: parentDirection, } = useRadioButtonGroupContext();
+    const realValue = getValueForRadioButton(value);
+    const realContextValue = getValueForRadioButton(contextValue);
+    const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
+    const handlePress = () => {
+        onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
+    };
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },
+        React.createElement(View, { style: [
+                styles.label,
+                {
+                    alignItems: direction === Direction.Row ? "flex-start" : "flex-end",
+                },
+                labelContainerStyle,
+            ] }, renderLabel(label, labelStyle, textStyles)),
+        React.createElement(View, { style: {
+                flex: 1,
+                alignItems: getRadioButtonAlignment(parentDirection, direction),
+            } },
+            React.createElement(RadioButton, { Icon: Icon, selected: isSelected, value: realValue, color: color, unselectedColor: unselectedColor, style: radioButtonStyle }))));
+};
+const styles = StyleSheet.create({
+    mainParent: {
+        alignItems: "center",
+        justifyContent: "space-around",
+        paddingStart: 20,
+        minHeight: 50,
+        paddingEnd: 20,
+        display: "flex",
+        ...Platform.select({
+            web: {
+                cursor: "pointer",
+                userSelect: "none",
+            },
+        }),
+    },
+    label: {
+        flex: 3,
+    },
+});
+export default RadioButtonRow;
+//# sourceMappingURL=RadioButtonRow.js.map

package/lib/src/components/RadioButton/RadioButtonRow.js.map

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

package/lib/src/components/RadioButton/context.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare enum Direction {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+interface RadioButtonGroupContext {
+    onValueChange: (value: string) => void;
+    value: string;
+    direction?: Direction;
+}
+export declare const radioButtonGroupContext: import("react").Context<RadioButtonGroupContext>;
+export declare function useRadioButtonGroupContext(): RadioButtonGroupContext;
+export {};

package/lib/src/components/RadioButton/context.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+export var Direction;
+(function (Direction) {
+    Direction["Horizontal"] = "horizontal";
+    Direction["Vertical"] = "vertical";
+})(Direction || (Direction = {}));
+export const radioButtonGroupContext = createContext({
+    onValueChange: () => { },
+    value: "",
+    direction: undefined,
+});
+export function useRadioButtonGroupContext() {
+    return useContext(radioButtonGroupContext);
+}
+//# sourceMappingURL=context.js.map

package/lib/src/components/RadioButton/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,sCAAyB,CAAA;IACzB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAOD,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAA0B;IAC5E,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH,MAAM,UAAU,0BAA0B;IACxC,OAAO,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7C,CAAC"}

package/lib/src/components/RadioButton/index.d.ts

@@ -0,0 +1,4 @@
+export { default as RadioButton } from "./RadioButton";
+export { default as RadioButtonGroup } from "./RadioButtonGroup";
+export { default as RadioButtonRow } from "./RadioButtonRow";
+export { default as RadioButtonFieldGroup } from "./RadioButtonFieldGroup";

package/lib/src/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/RadioButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1 @@
+export declare type ResizeModeType = "cover" | "contain" | "stretch" | "repeat" | "center" | undefined;

package/lib/src/components/ResizeMode.js

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

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

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

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    titleTypeStyle?: StyleProp<TextStyle>;
+    titleColor?: string;
+    subtitleTypeStyle?: StyleProp<TextStyle>;
+    subtitleColor?: string;
+    title?: string;
+    subtitle?: string;
+    multilineSubtitle?: boolean;
+    image?: string | ImageSourcePropType;
+    right?: () => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    theme: typeof theme;
+};
+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/Row.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { View, Text, Image, StyleSheet, } from "react-native";
+import { withTheme } from "../theming";
+import Config from "./Config";
+const Row = ({ titleTypeStyle, titleColor, subtitleTypeStyle, subtitleColor, title, subtitle, multilineSubtitle, image, right, style, }) => {
+    return (React.createElement(View, { style: [styles.container, { padding: 16 }, style] },
+        React.createElement(View, { style: styles.leftContainer },
+            image && (React.createElement(Image, { source: typeof image === "string" ? { uri: image } : image, style: {
+                    marginRight: 12,
+                    width: subtitle
+                        ? Config.rowMultiLineImageSize
+                        : Config.rowSingleLineImageSize,
+                    height: subtitle
+                        ? Config.rowMultiLineImageSize
+                        : Config.rowSingleLineImageSize,
+                } })),
+            React.createElement(View, { style: styles.textContainer },
+                React.createElement(Text, { style: [
+                        titleTypeStyle,
+                        {
+                            color: titleColor,
+                        },
+                    ], numberOfLines: 1 }, title),
+                subtitle ? (React.createElement(Text, { style: [
+                        subtitleTypeStyle,
+                        {
+                            color: subtitleColor,
+                            marginTop: 4,
+                        },
+                    ], numberOfLines: multilineSubtitle ? undefined : 1 }, subtitle)) : null)),
+        right && right()));
+};
+const styles = StyleSheet.create({
+    leftContainer: {
+        flexDirection: "row",
+        flex: 1,
+    },
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    textContainer: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export default withTheme(Row);
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EAEL,UAAU,GAIX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,MAAM,MAAM,UAAU,CAAC;AAiB9B,MAAM,GAAG,GAA6C,CAAC,EACrD,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC;QACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YAC9B,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,MAAM,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAC1D,KAAK,EAAE;oBACL,WAAW,EAAE,EAAE;oBACf,KAAK,EAAE,QAAQ;wBACb,CAAC,CAAC,MAAM,CAAC,qBAAqB;wBAC9B,CAAC,CAAC,MAAM,CAAC,sBAAsB;oBACjC,MAAM,EAAE,QAAQ;wBACd,CAAC,CAAC,MAAM,CAAC,qBAAqB;wBAC9B,CAAC,CAAC,MAAM,CAAC,sBAAsB;iBAClC,GACD,CACH;YACD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;gBAC/B,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,cAAc;wBACd;4BACE,KAAK,EAAE,UAAU;yBAClB;qBACF,EACD,aAAa,EAAE,CAAC,IAEf,KAAK,CACD;gBACN,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,iBAAiB;wBACjB;4BACE,KAAK,EAAE,aAAa;4BACpB,SAAS,EAAE,CAAC;yBACb;qBACF,EACD,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAE/C,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,IAAI,CACH,CACF;QACN,KAAK,IAAI,KAAK,EAAE,CACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;KACR;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+import { StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    title?: string;
+    subtitle?: string;
+    icon: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & 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/RowBodyIcon.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import Row from "./Row";
+import Config from "./Config";
+const RowBodyIcon = ({ Icon, title, subtitle, icon, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.body1, titleColor: colors.medium, subtitleTypeStyle: typography.subtitle2, subtitleColor: colors.light, title: title, subtitle: subtitle, right: () => (React.createElement(Icon, { name: icon, size: Config.rowSingleLineIconSize, color: colors.light, style: { marginLeft: 16 } })), style: style }));
+};
+export default withTheme(RowBodyIcon);
+//# sourceMappingURL=RowBodyIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowBodyIcon.js","sourceRoot":"","sources":["../../../src/components/RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAIvC,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,MAAM,MAAM,UAAU,CAAC;AAW9B,MAAM,WAAW,GAA6C,CAAC,EAC7D,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,KAAK,EAChC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,SAAS,EACvC,aAAa,EAAE,MAAM,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,CAAC,qBAAqB,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GACzB,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+import theme from "../styles/DefaultTheme";
+declare type Props = {
+    title?: string;
+    subtitle?: string;
+    caption?: string;
+    image: string | ImageSourcePropType;
+    style?: StyleProp<ViewStyle>;
+    theme: typeof theme;
+};
+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/RowHeadlineImageCaption.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Text } from "react-native";
+import { withTheme } from "../theming";
+import Row from "./Row";
+const RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
+                ...typography.caption,
+                color: colors.strong,
+                marginLeft: 16,
+            } }, caption)), style: style }));
+};
+export default withTheme(RowHeadlineImageCaption);
+//# sourceMappingURL=RowHeadlineImageCaption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeadlineImageCaption.js","sourceRoot":"","sources":["../../../src/components/RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,GAAG,MAAM,OAAO,CAAC;AAYxB,MAAM,uBAAuB,GAA6C,CAAC,EACzE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,GAAG,UAAU,CAAC,OAAO;gBACrB,KAAK,EAAE,MAAM,CAAC,MAAM;gBACpB,UAAU,EAAE,EAAE;aACf,IAEA,OAAO,CACH,CACR,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,uBAAuB,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    title?: string;
+    image: string | ImageSourcePropType;
+    subtitle?: string;
+    multilineSubtitle?: boolean;
+    icon: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & 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/RowHeadlineImageIcon.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import Row from "./Row";
+import Config from "./Config";
+const RowHeadlineImageIcon = ({ Icon, icon, title, image, subtitle, multilineSubtitle = false, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle
+                ? Config.rowMultiLineIconSize
+                : Config.rowSingleLineIconSize, color: colors.light, style: {
+                marginLeft: 16,
+                alignSelf: multilineSubtitle ? "flex-start" : "center",
+                marginTop: multilineSubtitle ? 4 : 0,
+            } })), style: style }));
+};
+export default withTheme(RowHeadlineImageIcon);
+//# sourceMappingURL=RowHeadlineImageIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeadlineImageIcon.js","sourceRoot":"","sources":["../../../src/components/RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAIvC,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,MAAM,MAAM,UAAU,CAAC;AAa9B,MAAM,oBAAoB,GAA6C,CAAC,EACtE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EACF,iBAAiB;gBACf,CAAC,CAAC,MAAM,CAAC,oBAAoB;gBAC7B,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAElC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE;gBACd,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;gBACtD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACrC,GACD,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,oBAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StyleProp, ImageStyle } from "react-native";
+declare type SVGComponentProps = {
+    source: string;
+    style?: StyleProp<ImageStyle>;
+};
+declare const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>>;
+export default SVG;

package/lib/src/components/SVG.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { View, Platform, Image } from "react-native";
+import { SvgUri } from "react-native-svg";
+import Config from "./Config";
+const SVG = ({ source = Config.placeholderSvgURL, style, }) => {
+    return (React.createElement(React.Fragment, null,
+        Platform.OS === "ios" && (React.createElement(View, { style: style },
+            React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
+        Platform.OS === "android" && (React.createElement(View, { style: style },
+            React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
+        Platform.OS === "web" && (React.createElement(Image, { style: style, source: { uri: source } }))));
+};
+export default SVG;
+//# sourceMappingURL=SVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../../src/components/SVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAyB,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,MAAM,MAAM,UAAU,CAAC;AAO9B,MAAM,GAAG,GAAyD,CAAC,EACjE,MAAM,GAAG,MAAM,CAAC,iBAAiB,EACjC,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL;QACG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAChB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,CAC7C,CACR;QACA,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAChB,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,MAAM,GAAI,CAC7C,CACR;QACA,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAAI,CACjD,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+declare type ScreenContainerProps = {
+    scrollable?: boolean;
+    hasSafeArea?: boolean;
+    hasTopSafeArea?: boolean;
+    hasBottomSafeArea?: boolean;
+    theme: Theme;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+};
+declare function ScreenContainer({ scrollable, hasSafeArea, hasBottomSafeArea, hasTopSafeArea, theme, style, children, ...rest }: ScreenContainerProps): JSX.Element;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<ScreenContainerProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<ScreenContainerProps> & typeof ScreenContainer, {}>;
+export default _default;

package/lib/src/components/ScreenContainer.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { StyleSheet, ScrollView, View, } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { withTheme } from "../theming";
+function ScreenContainer({ scrollable = false, hasSafeArea = false, hasBottomSafeArea = false, hasTopSafeArea = false, theme, style, children, ...rest }) {
+    var _a;
+    const backgroundColor = ((_a = StyleSheet.flatten(style)) === null || _a === void 0 ? void 0 : _a.backgroundColor) || theme.colors.background;
+    const edges = ["left", "right"];
+    if (hasSafeArea || hasTopSafeArea) {
+        edges.push("top");
+    }
+    if (hasSafeArea || hasBottomSafeArea) {
+        edges.push("bottom");
+    }
+    return (React.createElement(SafeAreaView, { edges: edges, style: [
+            styles.container,
+            {
+                backgroundColor,
+            },
+        ], ...rest }, scrollable ? (React.createElement(ScrollView, { contentContainerStyle: [
+            styles.scrollViewContainer,
+            { backgroundColor },
+            style,
+        ] }, children)) : (React.createElement(View, { style: [styles.container, { backgroundColor }, style] }, children))));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollViewContainer: {
+        flexGrow: 1,
+        flex: undefined,
+    },
+});
+export default withTheme(ScreenContainer);
+//# sourceMappingURL=ScreenContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContainer.js","sourceRoot":"","sources":["../../../src/components/ScreenContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,UAAU,EAGV,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC,SAAS,eAAe,CAAC,EACvB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,KAAK,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACc;;IACrB,MAAM,eAAe,GACnB,CAAA,MAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,0CAAE,eAAe,KAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAExE,MAAM,KAAK,GAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,IAAI,WAAW,IAAI,cAAc,EAAE;QACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnB;IAED,IAAI,WAAW,IAAI,iBAAiB,EAAE;QACpC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtB;IAED,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe;aAChB;SACF,KACG,IAAI,IAEP,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,UAAU,IACT,qBAAqB,EAAE;YACrB,MAAM,CAAC,mBAAmB;YAC1B,EAAE,eAAe,EAAE;YACnB,KAAK;SACN,IAEA,QAAQ,CACE,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,IACxD,QAAQ,CACJ,CACR,CACY,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,CAAC;QACX,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,eAAe,CAAC,CAAC"}

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+interface ShadowProps {
+    disabled?: boolean;
+    startColor?: string;
+    endColor?: string;
+    distance?: number;
+    paintInside?: boolean;
+    stretch?: boolean;
+    offsetX?: number;
+    offsetY?: number;
+    showShadowSideStart?: boolean;
+    showShadowSideEnd?: boolean;
+    showShadowSideTop?: boolean;
+    showShadowSideBottom?: boolean;
+    showShadowCornerTopStart?: boolean;
+    showShadowCornerTopEnd?: boolean;
+    showShadowCornerBottomStart?: boolean;
+    showShadowCornerBottomEnd?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare const Shadow: React.FC<React.PropsWithChildren<ShadowProps>>;
+export default Shadow;

package/lib/src/components/Shadow.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { StyleSheet } from "react-native";
+import { Shadow as ShadowComponent } from "react-native-shadow-2";
+import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
+const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
+    const { borderStyles } = extractBorderAndMarginStyles(style);
+    const shadowStyles = StyleSheet.flatten([
+        borderStyles,
+        extractSizeStyles(style),
+    ]);
+    const containerStyle = StyleSheet.flatten(style);
+    Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
+    return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
+            start: showShadowSideStart,
+            end: showShadowSideEnd,
+            top: showShadowSideTop,
+            bottom: showShadowSideBottom,
+        }, corners: {
+            topStart: showShadowCornerTopStart,
+            topEnd: showShadowCornerTopEnd,
+            bottomStart: showShadowCornerBottomStart,
+            bottomEnd: showShadowCornerBottomEnd,
+        }, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
+};
+export default Shadow;
+//# sourceMappingURL=Shadow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsB/E,MAAM,MAAM,GAAmD,CAAC,EAC9D,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,EACxB,oBAAoB,GAAG,IAAI,EAC3B,wBAAwB,GAAG,IAAI,EAC/B,sBAAsB,GAAG,IAAI,EAC7B,2BAA2B,GAAG,IAAI,EAClC,yBAAyB,GAAG,IAAI,EAChC,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;QACtC,YAAY;QACZ,iBAAiB,CAAC,KAAK,CAAC;KACzB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAmB,CAAC;IACnE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,mBAAmB;YAC1B,GAAG,EAAE,iBAAiB;YACtB,GAAG,EAAE,iBAAiB;YACtB,MAAM,EAAE,oBAAoB;SAC7B,EACD,OAAO,EAAE;YACP,QAAQ,EAAE,wBAAwB;YAClC,MAAM,EAAE,sBAAsB;YAC9B,WAAW,EAAE,2BAA2B;YACxC,SAAS,EAAE,yBAAyB;SACrC,EACD,KAAK,EAAE,YAAY,EACnB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}