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

package/lib/src/Provider.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Theme } from "@draftbit/types";
+declare type Props = {
+    children: React.ReactNode;
+    theme?: Theme;
+};
+export default class Provider extends React.Component<Props> {
+    render(): JSX.Element;
+}
+export {};

package/lib/src/Provider.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ThemeProvider } from "./theming";
+import PortalHost from "./components/Portal/PortalHost";
+export default class Provider extends React.Component {
+    render() {
+        return (React.createElement(PortalHost, null,
+            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
+    }
+}
+//# sourceMappingURL=Provider.js.map

package/lib/src/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAQxD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAgB;IAC1D,MAAM;QACJ,OAAO,CACL,oBAAC,UAAU;YAET,oBAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACnC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACL,CACd,CAAC;IACJ,CAAC;CACF"}

package/lib/src/components/Accordion/AccordionGroup.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { StyleProp, TextStyle } from "react-native";
+import type { IconSlot } from "../../interfaces/Icon";
+import type { Theme } from "../../styles/DefaultTheme";
+declare type AccordionGroupProps = {
+    label?: string;
+    expanded?: boolean;
+    openColor?: string;
+    closedColor?: string;
+    caretColor?: string;
+    caretSize?: number;
+    icon?: string;
+    iconSize?: number;
+    style?: StyleProp<TextStyle>;
+    children?: React.ReactNode;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<AccordionGroupProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<AccordionGroupProps> & (({ label, expanded: expandedProp, openColor, closedColor, caretColor: caretColorProp, caretSize, icon, iconSize, style, children, theme, Icon, }: AccordionGroupProps) => JSX.Element), {}>;
+export default _default;

package/lib/src/components/Accordion/AccordionGroup.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, } from "react-native";
+import Text from "../Text";
+import { withTheme } from "../../theming";
+import { extractStyles } from "../../utilities";
+const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
+    const [expanded, setExpanded] = React.useState(expandedProp);
+    const { textStyles, viewStyles } = extractStyles(style);
+    const expandedColor = openColor || theme.colors.primary;
+    const collapsedColor = closedColor || theme.colors.primary;
+    const labelColor = expanded ? expandedColor : collapsedColor;
+    const caretColor = caretColorProp || labelColor;
+    const handlePressAction = () => {
+        setExpanded(!expanded);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
+            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
+            React.createElement(View, { style: styles.content },
+                React.createElement(Text, { selectable: false, style: [
+                        textStyles,
+                        {
+                            color: labelColor,
+                        },
+                    ] }, label)),
+            React.createElement(Icon, { name: expanded
+                    ? "MaterialIcons/keyboard-arrow-up"
+                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
+        expanded ? children : null));
+};
+const styles = StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    icon: {
+        marginRight: 8,
+    },
+});
+export default withTheme(AccordionGroup);
+//# sourceMappingURL=AccordionGroup.js.map

package/lib/src/components/Accordion/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,UAAU,EAGV,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBhD,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,SAAS,EACT,WAAW,EACX,UAAU,EAAE,cAAc,EAC1B,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,YAAY,CAAC,CAAC;IACtE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACxD,MAAM,cAAc,GAAG,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3D,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IAC7D,MAAM,UAAU,GAAG,cAAc,IAAI,UAAU,CAAC;IAEhD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,IACR,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAC,QAAQ;YAEzB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,IAAI,IACH,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;wBACL,UAAU;wBACV;4BACE,KAAK,EAAE,UAAU;yBAClB;qBACF,IAEA,KAAK,CACD,CACF;YACP,oBAAC,IAAI,IACH,IAAI,EACF,QAAQ;oBACN,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,mCAAmC,EAEzC,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,GACf,CACQ;QACX,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC1B,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/lib/src/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+import type { IconSlot } from "../../interfaces/Icon";
+import type { Theme } from "../../styles/DefaultTheme";
+declare type Props = {
+    icon?: string;
+    label: string;
+    iconColor?: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & IconSlot;
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & (({ Icon, icon, label, style, iconColor, theme, ...rest }: Props) => JSX.Element), {}>;
+export default _default;

package/lib/src/components/Accordion/AccordionItem.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { Pressable, StyleSheet, View, } from "react-native";
+import Text from "../Text";
+import { extractStyles } from "../../utilities";
+import { withTheme } from "../../theming";
+const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
+        React.createElement(View, { style: styles.row },
+            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
+            React.createElement(View, { style: [styles.item, styles.content] },
+                React.createElement(Text, { selectable: false, style: textStyles }, label)))));
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 8,
+    },
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingLeft: 8,
+    },
+    item: {
+        marginVertical: 6,
+        paddingLeft: 8,
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export default withTheme(AccordionItem);
+//# sourceMappingURL=AccordionItem.js.map

package/lib/src/components/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,UAAU,EACV,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACD,EAAE,EAAE;IACV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,oBAAC,SAAS,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,KAAM,IAAI;QACxD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACpB,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,GACxC,CACH,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC;gBACxC,oBAAC,IAAI,IAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,IACvC,KAAK,CACD,CACF,CACF,CACG,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,CAAC;KACf;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,CAAC;QACjB,WAAW,EAAE,CAAC;KACf;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as AccordionGroup } from "./AccordionGroup";
+export { default as AccordionItem } from "./AccordionItem";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    visible: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+declare const ActionSheet: ({ visible, onClose, children }: Props) => JSX.Element;
+export default ActionSheet;

package/lib/src/components/ActionSheet/ActionSheet.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import ActionSheetCancel from "./ActionSheetCancel";
+const ActionSheet = ({ visible = false, onClose, children }) => {
+    return visible ? (React.createElement(Portal, null,
+        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
+            React.createElement(View, { style: styles.overlay }),
+            React.createElement(View, { style: styles.groupWrapper },
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+    },
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "#000000",
+        opacity: 0.3,
+    },
+    groupWrapper: {
+        flex: 1,
+        flexDirection: "column",
+        justifyContent: "flex-end",
+        display: "flex",
+        marginBottom: 25,
+    },
+    group: {
+        display: "flex",
+        flexDirection: "column",
+        borderRadius: 10,
+        marginHorizontal: 7,
+        marginVertical: 2.5,
+        overflow: "hidden",
+    },
+});
+export default ActionSheet;
+//# sourceMappingURL=ActionSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAQpD,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAS,EAAE,EAAE;IACpE,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM;QACL,oBAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO;YAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI;YAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,iBAAiB,CAClD,CACI;gBACP,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CACtC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB,CACjD,CACI,CACF,CACG,CACL,CACV,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,GAAG;KACb;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,YAAY,EAAE,EAAE;QAChB,gBAAgB,EAAE,CAAC;QACnB,cAAc,EAAE,GAAG;QACnB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/lib/src/components/ActionSheet/ActionSheetCancel.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+declare type Props = {
+    label: string;
+    color: string;
+    style?: StyleProp<ViewStyle | TextStyle>;
+    onPress?: () => void;
+};
+declare const ActionSheetCancel: React.FC<React.PropsWithChildren<Props>>;
+export default ActionSheetCancel;

package/lib/src/components/ActionSheet/ActionSheetCancel.js

@@ -0,0 +1,7 @@
+import React from "react";
+import ActionSheetItem from "./ActionSheetItem";
+const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
+    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
+};
+export default ActionSheetCancel;
+//# sourceMappingURL=ActionSheetCancel.js.map

package/lib/src/components/ActionSheet/ActionSheetCancel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheetCancel.js","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,MAAM,iBAAiB,GAA6C,CAAC,EACnE,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/src/components/ActionSheet/ActionSheetItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+declare type Props = {
+    label: string;
+    color: string;
+    style?: StyleProp<ViewStyle | TextStyle>;
+    onPress?: () => void;
+};
+declare const ActionSheetItem: React.FC<React.PropsWithChildren<Props>>;
+export default ActionSheetItem;

package/lib/src/components/ActionSheet/ActionSheetItem.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { Text, StyleSheet, TouchableOpacity, } from "react-native";
+import { extractStyles } from "../../utilities";
+const ActionSheetItem = ({ label, style, color, onPress, }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
+        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: "#CCCCCC",
+        backgroundColor: "#F1F1F1",
+        minHeight: 50,
+        overflow: "hidden",
+        display: "flex",
+        justifyContent: "center",
+    },
+    label: {
+        fontSize: 16,
+        textAlign: "center",
+        color: "#0A84FF",
+        fontWeight: "500",
+        overflow: "hidden",
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        alignSelf: "center",
+    },
+});
+export default ActionSheetItem;
+//# sourceMappingURL=ActionSheetItem.js.map

package/lib/src/components/ActionSheet/ActionSheetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,EAEV,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,MAAM,eAAe,GAA6C,CAAC,EACjE,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,gBAAgB,IACf,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,EACnC,OAAO,EAAE,OAAO;QAEhB,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,IAAG,KAAK,CAAQ,CACjD,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActionSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Animated, EasingFunction } from "react-native";
+import { Props as CircularProgressProps } from "./CircularProgress";
+declare type Props = {
+    duration?: number;
+    easing?: EasingFunction;
+    prefill?: number;
+    useNativeDriver?: boolean;
+    tintColorSecondary?: string;
+    onAnimationComplete?: Animated.EndCallback | undefined;
+} & CircularProgressProps;
+declare const AnimatedCircularProgress: React.FC<React.PropsWithChildren<Props>>;
+export default AnimatedCircularProgress;

package/lib/src/components/AnimatedCircularProgress.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { Animated, Easing, } from "react-native";
+import CircularProgress from "./CircularProgress";
+const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
+const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
+    const [fillAnimation] = React.useState(new Animated.Value(prefill));
+    const animate = React.useCallback((toVal = -1, dur, ease) => {
+        const toValue = toVal >= 0 ? toVal : fill;
+        const dura = dur || duration;
+        const eas = ease || easing;
+        const useNative = useNativeDriver;
+        const anim = Animated.timing(fillAnimation, {
+            useNativeDriver: useNative,
+            toValue,
+            easing: eas,
+            duration: dura,
+        });
+        anim.start(onAnimationComplete);
+        return anim;
+    }, [
+        duration,
+        easing,
+        fill,
+        useNativeDriver,
+        fillAnimation,
+        onAnimationComplete,
+    ]);
+    const animateColor = () => {
+        if (!tintColorSecondary) {
+            return tintColor;
+        }
+        const tintAnimation = fillAnimation.interpolate({
+            inputRange: [0, 100],
+            outputRange: [tintColor, tintColorSecondary],
+        });
+        return tintAnimation;
+    };
+    React.useEffect(() => {
+        animate();
+    }, [fill, animate]);
+    return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
+};
+export default AnimatedCircularProgress;
+//# sourceMappingURL=AnimatedCircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedCircularProgress.js","sourceRoot":"","sources":["../../../src/components/AnimatedCircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,MAAM,GAIP,MAAM,cAAc,CAAC;AACtB,OAAO,gBAEN,MAAM,oBAAoB,CAAC;AAC5B,MAAM,gBAAgB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;AAW5E,MAAM,wBAAwB,GAA6C,CAAC,EAC1E,QAAQ,GAAG,GAAG,EACd,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAChC,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,eAAe,GAAG,KAAK,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,SAAS,GAAG,OAAO,EACnB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpC,IAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAC5B,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CACE,QAAgB,CAAC,CAAC,EAClB,GAAY,EACZ,IAAqB,EACQ,EAAE;QAC/B,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1C,MAAM,IAAI,GAAG,GAAG,IAAI,QAAQ,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,IAAI,MAAM,CAAC;QAC3B,MAAM,SAAS,GAAG,eAAe,CAAC;QAElC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;YAC1C,eAAe,EAAE,SAAS;YAC1B,OAAO;YACP,MAAM,EAAE,GAAG;YACX,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAEhC,OAAO,IAAI,CAAC;IACd,CAAC,EACD;QACE,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,eAAe;QACf,aAAa;QACb,mBAAmB;KACpB,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,kBAAkB,EAAE;YACvB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,aAAa,GAAG,aAAa,CAAC,WAAW,CAAC;YAC9C,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;YACpB,WAAW,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC;SAC7C,CAAC,CAAC;QAEH,OAAO,aAAa,CAAC;IACvB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,gBAAgB,OACX,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAAyD,EACtE,sBAAsB,EACpB,KAAK,CAAC,sBAEL,EAEH,IAAI,EAAE,aAAa,EACnB,SAAS,EAAE,YAAY,EAAE,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+declare const AspectRatio: React.FC<React.PropsWithChildren<Props>>;
+export default AspectRatio;

package/lib/src/components/AspectRatio.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { View, StyleSheet, } from "react-native";
+const AspectRatio = (props) => {
+    const [layout, setLayout] = React.useState(null);
+    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
+    const style = [inputStyle, { aspectRatio }];
+    if (layout) {
+        const { width = 0, height = 0 } = layout;
+        if (width === 0) {
+            style.push({ width: height * (1 / aspectRatio), height });
+        }
+        else {
+            style.push({ width, height: width * (1 / aspectRatio) });
+        }
+    }
+    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
+};
+export default AspectRatio;
+//# sourceMappingURL=AspectRatio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sourceRoot":"","sources":["../../../src/components/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,GAIX,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,GAA6C,CAAC,KAAK,EAAE,EAAE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzE,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,UAAU,EAAE,GACtC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IAE5C,IAAI,MAAM,EAAE;QACV,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC;QACzC,IAAI,KAAK,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;SAC3D;aAAM;YACL,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;SAC1D;KACF;IACD,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAEzD,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+declare type Props = {
+    image: string | ImageSourcePropType;
+    size?: number;
+    onPress?: () => void;
+    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/AvatarEdit.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { View } from "react-native";
+import Touchable from "./Touchable";
+import CircleImage from "./CircleImage";
+import { withTheme } from "../theming";
+const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
+    const colorStyles = {
+        editBackgroundColor: theme.colors.primary,
+        editIconColor: theme.colors.surface,
+        editBorderColor: theme.colors.surface,
+    };
+    const dimensions = {
+        width: size,
+        height: size,
+    };
+    return (React.createElement(View, { style: [style, dimensions], ...rest },
+        React.createElement(Touchable, { onPress: onPress },
+            React.createElement(CircleImage, { source: image, size: size }),
+            React.createElement(View, { style: {
+                    position: "absolute",
+                    top: -3,
+                    right: -3,
+                    borderColor: colorStyles.editBorderColor,
+                    backgroundColor: colorStyles.editBackgroundColor,
+                    borderRadius: size * (3 / 16),
+                    padding: size * (3 / 32),
+                } },
+                React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
+};
+export default withTheme(AvatarEdit);
+//# sourceMappingURL=AvatarEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarEdit.js","sourceRoot":"","sources":["../../../src/components/AvatarEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC,MAAM,UAAU,GAA6C,CAAC,EAC5D,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,KAAK,EACL,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QACzC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QACnC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;KACtC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;KACb,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAM,IAAI;QACxC,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO;YACzB,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YAC1C,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC,CAAC;oBACP,KAAK,EAAE,CAAC,CAAC;oBACT,WAAW,EAAE,WAAW,CAAC,eAAe;oBACxC,eAAe,EAAE,WAAW,CAAC,mBAAmB;oBAChD,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC7B,OAAO,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;iBACzB;gBAED,oBAAC,IAAI,IACH,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,WAAW,CAAC,aAAa,EAChC,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GACrB,CACG,CACG,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { View, ViewStyle, StyleProp } from "react-native";
+import type { IconSlot } from "../interfaces/Icon";
+import type { Theme } from "../styles/DefaultTheme";
+declare type Props = {
+    initiallyVisible: boolean;
+    dismissable: boolean;
+    buttonColor?: string;
+    icon?: string;
+    content?: string;
+    contentStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    ref?: React.RefObject<View>;
+    /**
+     * @optional
+     */
+    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/Banner.js

@@ -0,0 +1,110 @@
+import * as React from "react";
+import { Button, Text, View, StyleSheet, Animated, } from "react-native";
+import Surface from "./Surface";
+import shadow from "../styles/shadow";
+import { withTheme } from "../theming";
+const ELEVATION = 1;
+const DEFAULT_MAX_WIDTH = 960;
+const Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor, content, contentStyle, style, theme, Icon, ...rest }) => {
+    const [visible, setVisible] = React.useState(initiallyVisible);
+    React.useEffect(() => {
+        if (initiallyVisible) {
+            setVisible(true);
+        }
+    }, [initiallyVisible]);
+    const { current: position } = React.useRef(new Animated.Value(visible ? 1 : 0));
+    const [layout, setLayout] = React.useState({
+        height: 0,
+        measured: false,
+    });
+    React.useEffect(() => {
+        if (visible) {
+            // show
+            Animated.timing(position, {
+                duration: 250,
+                toValue: 1,
+                useNativeDriver: false,
+            }).start();
+        }
+        else {
+            // hide
+            Animated.timing(position, {
+                duration: 200,
+                toValue: 0,
+                useNativeDriver: false,
+            }).start();
+        }
+    }, [visible, position]);
+    const handleLayout = ({ nativeEvent }) => {
+        const { height } = nativeEvent.layout;
+        setLayout({ height, measured: true });
+    };
+    // The banner animation has 2 parts:
+    // 1. Blank spacer element which animates its height to move the content
+    // 2. Actual banner which animates its translateY
+    // In initial render, we position everything normally and measure the height of the banner
+    // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
+    // We need this because we need to move the content below as if banner's height was being animated
+    // However we can't animated banner's height directly as it'll also resize the content inside
+    const height = Animated.multiply(position, layout.height);
+    const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
+    return (React.createElement(Surface, { ...rest, style: [styles.container, shadow(ELEVATION), style] },
+        React.createElement(View, { style: [styles.wrapper, contentStyle] },
+            React.createElement(Animated.View, { style: { height } }),
+            React.createElement(Animated.View, { onLayout: handleLayout, style: [
+                    layout.measured || !visible
+                        ? // If we have measured banner's height or it's invisible,
+                            // Position it absolutely, the layout will be taken care of the spacer
+                            [styles.absolute, { transform: [{ translateY }] }]
+                        : // Otherwise position it normally
+                            null,
+                    !layout.measured && !visible
+                        ? // If we haven't measured banner's height yet and it's invisible,
+                            // hide it with opacity: 0 so user doesn't see it
+                            { opacity: 0 }
+                        : null,
+                ] },
+                React.createElement(View, { style: [styles.content, { marginBottom: dismissable ? 0 : 16 }] },
+                    icon ? (React.createElement(View, { style: styles.icon },
+                        React.createElement(Icon, { name: icon, size: 40 }))) : null,
+                    React.createElement(Text, { style: [styles.message, { color: theme.colors.text }], accessibilityLiveRegion: visible ? "polite" : "none", accessibilityRole: "alert" }, content)),
+                dismissable ? (React.createElement(View, { style: styles.actions },
+                    React.createElement(Button, { color: buttonColor || theme.colors.primary, title: "Close", onPress: () => setVisible(false) }))) : null))));
+};
+const styles = StyleSheet.create({
+    container: {
+        elevation: ELEVATION,
+    },
+    wrapper: {
+        overflow: "hidden",
+        alignSelf: "center",
+        width: "100%",
+        maxWidth: DEFAULT_MAX_WIDTH,
+    },
+    absolute: {
+        position: "absolute",
+        top: 0,
+        width: "100%",
+    },
+    content: {
+        flexDirection: "row",
+        justifyContent: "flex-start",
+        marginHorizontal: 8,
+        marginTop: 16,
+        marginBottom: 0,
+    },
+    icon: {
+        margin: 8,
+    },
+    message: {
+        flex: 1,
+        margin: 8,
+    },
+    actions: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        margin: 8,
+    },
+});
+export default withTheme(Banner);
+//# sourceMappingURL=Banner.js.map

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

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