ferns-ui 0.2.0

package/dist/IconButton.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { IconButtonProps } from "./Common";
+export declare class IconButton extends React.Component<IconButtonProps, {}> {
+    render(): JSX.Element;
+}

package/dist/IconButton.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { TouchableOpacity } from "react-native";
+import { iconSizeToNumber } from "./Common";
+import { Icon } from "./Icon";
+import { Unifier } from "./Unifier";
+export class IconButton extends React.Component {
+    render() {
+        let opacity = 1;
+        let color;
+        if (this.props.bgColor === "transparentDarkGray") {
+            opacity = 0.8;
+            color = Unifier.theme.darkGray;
+        }
+        else if (this.props.bgColor === "transparent" || !this.props.bgColor) {
+            opacity = 0.0;
+            color = Unifier.theme.white;
+        }
+        else {
+            color = Unifier.theme[this.props.bgColor];
+        }
+        return (React.createElement(TouchableOpacity, { hitSlop: { top: 10, left: 10, bottom: 10, right: 10 }, style: {
+                opacity,
+                backgroundColor: color,
+                borderRadius: 100,
+                // paddingBottom: iconSizeToNumber(this.props.size) / 4,
+                // paddingTop: iconSizeToNumber(this.props.size) / 4,
+                // paddingLeft: iconSizeToNumber(this.props.size) / 2,
+                // paddingRight: iconSizeToNumber(this.props.size) / 2,
+                width: iconSizeToNumber(this.props.size) * 2.5,
+                height: iconSizeToNumber(this.props.size) * 2.5,
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+            }, onPress: () => {
+                Unifier.utils.haptic();
+                this.props.onClick();
+            } },
+            React.createElement(Icon, { color: this.props.iconColor, name: this.props.icon, prefix: this.props.prefix || "fas", size: iconSizeToNumber(this.props.size) })));
+    }
+}
+//# sourceMappingURL=IconButton.js.map

package/dist/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAkB,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA8B;IAClE,MAAM;QACJ,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,qBAAqB,EAAE;YAChD,OAAO,GAAG,GAAG,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;SAChC;aAAM,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,aAAa,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtE,OAAO,GAAG,GAAG,CAAC;YACd,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;SAC7B;aAAM;YACL,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC3C;QACD,OAAO,CACL,oBAAC,gBAAgB,IACf,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,KAAK,EAAE;gBACL,OAAO;gBACP,eAAe,EAAE,KAAK;gBACtB,YAAY,EAAE,GAAG;gBACjB,wDAAwD;gBACxD,qDAAqD;gBACrD,sDAAsD;gBACtD,uDAAuD;gBACvD,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG;gBAC9C,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG;gBAC/C,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;aACrB,EACD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACvB,CAAC;YAED,oBAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,EAClC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GACvC,CACe,CACpB,CAAC;IACJ,CAAC;CACF"}

package/dist/IconButton.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/IconButton.stories.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Box } from "./Box";
+import { IconButton } from "./IconButton";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+storiesOf("IconButton", module).add("Icon Buttons", () => (React.createElement(StorybookContainer, null,
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { } }),
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "secondary", onClick: () => { } }),
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { } }),
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, size: "xl" }),
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "lightGray" }),
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "gray" }),
+    React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "transparentDarkGray" }),
+    React.createElement(Box, { padding: 4, color: "darkGray" },
+        React.createElement(IconButton, { icon: "plus", prefix: "fas", accessibilityLabel: "label", iconColor: "primary", onClick: () => { }, bgColor: "white" })))));
+//# sourceMappingURL=IconButton.stories.js.map

package/dist/IconButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../unifier/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,CACxD,oBAAC,kBAAkB;IACjB,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB;IACF,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB;IACF,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB;IACF,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,IAAI,EAAC,IAAI,GACT;IAEF,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,OAAO,EAAC,WAAW,GACnB;IACF,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,OAAO,EAAC,MAAM,GACd;IACF,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,OAAO,EAAC,qBAAqB,GAC7B;IACF,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU;QAC/B,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,KAAK,EACZ,kBAAkB,EAAC,OAAO,EAC1B,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,OAAO,EAAC,OAAO,GACf,CACE,CACa,CACtB,CAAC,CAAC"}

package/dist/Image.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ImageProps } from "./Common";
+export declare class Image extends React.Component<ImageProps, {}> {
+    resizeMode: (fit?: "none" | "cover" | "contain" | undefined) => "cover" | "contain" | undefined;
+    width: () => number;
+    height: () => number;
+    render(): JSX.Element;
+}

package/dist/Image.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { Dimensions, Image as NativeImage } from "react-native";
+import { Box } from "./Box";
+const { width: DEVICE_WIDTH } = Dimensions.get("window");
+export class Image extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.resizeMode = (fit) => {
+            if (!fit || fit === "none") {
+                return undefined;
+            }
+            else {
+                return fit;
+            }
+        };
+        this.width = () => {
+            if (this.props.naturalWidth) {
+                return this.props.naturalWidth;
+            }
+            else if (this.props.fullWidth) {
+                return DEVICE_WIDTH;
+            }
+            throw new Error("Width required for Image");
+        };
+        this.height = () => {
+            if (this.props.naturalWidth) {
+                return this.props.naturalWidth;
+            }
+            return this.width() * (9 / 16);
+        };
+    }
+    render() {
+        return (React.createElement(Box, { color: this.props.color },
+            React.createElement(NativeImage, { resizeMode: this.resizeMode(this.props.fit), source: { uri: this.props.src, cache: "force-cache" }, style: Object.assign({ height: this.height(), width: this.width(), maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth }, this.props.style) })));
+    }
+}
+//# sourceMappingURL=Image.js.map

package/dist/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,KAAK,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,MAAM,EAAC,KAAK,EAAE,YAAY,EAAC,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAEvD,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAyB;IAA1D;;QACE,eAAU,GAAG,CAAC,GAAkC,EAAE,EAAE;YAClD,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,MAAM,EAAE;gBAC1B,OAAO,SAAS,CAAC;aAClB;iBAAM;gBACL,OAAO,GAAG,CAAC;aACZ;QACH,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE;YACX,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;gBAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;aAChC;iBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBAC/B,OAAO,YAAY,CAAC;aACrB;YACD,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;gBAC3B,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;aAChC;YACD,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC;IAmBJ,CAAC;IAjBC,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC1B,oBAAC,WAAW,IACV,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3C,MAAM,EAAE,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,aAAa,EAAC,EACnD,KAAK,kBACH,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EACnB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,IAErB,CACE,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/ImageBackground.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ImageBackgroundProps {
+    style?: any;
+    source: any;
+}
+export declare class ImageBackground extends React.Component<ImageBackgroundProps, {}> {
+    render(): JSX.Element;
+}
+export {};

package/dist/ImageBackground.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { ImageBackground as ImageBackgroundNative } from "react-native";
+export class ImageBackground extends React.Component {
+    render() {
+        return React.createElement(ImageBackgroundNative, Object.assign({}, this.props));
+    }
+}
+//# sourceMappingURL=ImageBackground.js.map

package/dist/ImageBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageBackground.js","sourceRoot":"","sources":["../src/ImageBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,IAAI,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAOtE,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAmC;IAC5E,MAAM;QACJ,OAAO,oBAAC,qBAAqB,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAC;IACnD,CAAC;CACF"}

package/dist/Layer.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LayerProps } from "./Common";
+interface LayerState {
+}
+export declare class Layer extends React.Component<LayerProps, LayerState> {
+    constructor(props: LayerProps);
+    render(): React.ReactNode;
+}
+export {};

package/dist/Layer.js

@@ -0,0 +1,12 @@
+import React from "react";
+// TODO: Flesh out for native.
+export class Layer extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=Layer.js.map

package/dist/Layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.js","sourceRoot":"","sources":["../src/Layer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,8BAA8B;AAC9B,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAiC;IAChE,YAAY,KAAiB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/Link.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LinkProps } from "./Common";
+interface LinkState {
+}
+export declare class Link extends React.Component<LinkProps, LinkState> {
+    constructor(props: LinkProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/Link.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Text } from "./Text";
+export class Link extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        return React.createElement(Text, null, this.props.children);
+    }
+}
+//# sourceMappingURL=Link.js.map

package/dist/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAI5B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAA+B;IAC7D,YAAY,KAAgB;QAC1B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,oBAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAQ,CAAC;IAC5C,CAAC;CACF"}

package/dist/Link.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Link.stories.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Link } from "./Link";
+import { Text } from "./Text";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+storiesOf("Links", module).add("Links", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Link, { href: "http://google.com" },
+        React.createElement(Text, null, "http://google.com")),
+    React.createElement(Link, { href: "http://google.com", target: "blank" },
+        React.createElement(Text, null, "Open new tab")),
+    React.createElement(Link, { href: "http://google.com", target: "blank" },
+        React.createElement(Text, { color: "blue" }, "Colored links")),
+    React.createElement(Text, null,
+        "Here is an inline link:",
+        React.createElement(Link, { href: "http://google.com", inline: true },
+            React.createElement(Text, null, "Some Link")),
+        "And a bit more text."))));
+//# sourceMappingURL=Link.stories.js.map

package/dist/Link.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../unifier/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,oBAAC,kBAAkB;IACjB,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB;QAC5B,oBAAC,IAAI,4BAAyB,CACzB;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO;QAC3C,oBAAC,IAAI,uBAAoB,CACpB;IACP,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO;QAC3C,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,oBAAqB,CAClC;IAEP,oBAAC,IAAI;;QAEH,oBAAC,IAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAE,IAAI;YACzC,oBAAC,IAAI,oBAAiB,CACjB;+BAEF,CACY,CACtB,CAAC,CAAC"}

package/dist/Mask.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { MaskProps } from "./Common";
+export declare class Mask extends React.Component<MaskProps, {}> {
+    render(): React.ReactNode;
+}

package/dist/Mask.js

@@ -0,0 +1,22 @@
+import React from "react";
+export class Mask extends React.Component {
+    render() {
+        // if (this.props.shape === "rounded") {
+        //   return <Box style={{overflow: "hidden", borderRadius: 12}}>{this.props.children}</Box>;
+        // } else if (this.props.shape === "circle") {
+        //   return <Box style={{overflow: "hidden", borderRadius: 1000}}>{this.props.children}</Box>;
+        // }
+        // if (this.props.rounding) {
+        //   let rounding = this.props.rounding === "circle" ? 100 : this.props.rounding;
+        //   // Subtract 1 from rounding because of some very odd rendering.
+        //   return (
+        //     // <View style={{borderRadius: (rounding - 1) * 4, overflow: "visible"}}>
+        //       <View>{this.props.children}</View>
+        //     // </View>
+        //   );
+        // } else {
+        return this.props.children;
+        // }
+    }
+}
+//# sourceMappingURL=Mask.js.map

package/dist/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../src/Mask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAwB;IACtD,MAAM;QACJ,wCAAwC;QACxC,4FAA4F;QAC5F,8CAA8C;QAC9C,8FAA8F;QAC9F,IAAI;QACJ,6BAA6B;QAC7B,iFAAiF;QACjF,oEAAoE;QACpE,aAAa;QACb,gFAAgF;QAChF,2CAA2C;QAC3C,iBAAiB;QACjB,OAAO;QACP,WAAW;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC3B,IAAI;IACN,CAAC;CACF"}

package/dist/Mask.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Mask.stories.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { Box } from "./Box";
+import { Mask } from "./Mask";
+import { Text } from "./Text";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+storiesOf("Mask", module)
+    .add("Rounded", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", padding: 6, color: "primary" },
+        React.createElement(Mask, { rounding: 3 },
+            React.createElement(Box, { width: 50, height: 50, color: "white", display: "flex", justifyContent: "center", alignItems: "center" },
+                React.createElement(Text, { color: "darkGray" }, "MA")))))))
+    .add("Circle", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", padding: 6, color: "primary" },
+        React.createElement(Mask, { shape: "circle" },
+            React.createElement(Box, { width: 50, height: 50, color: "white", display: "flex", justifyContent: "center", alignItems: "center" },
+                React.createElement(Text, { color: "darkGray" }, "MA")))))))
+    .add("Rounding", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", padding: 6, color: "primary" },
+        React.createElement(Mask, { rounding: 1 },
+            React.createElement(Box, { width: 50, height: 50, color: "white", display: "flex", justifyContent: "center", alignItems: "center" },
+                React.createElement(Text, { color: "darkGray" }, "MA")))))))
+    .add("Washed", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", padding: 6, color: "primary" },
+        React.createElement(Mask, { rounding: 1, wash: true },
+            React.createElement(Box, { width: 50, height: 50, color: "white", display: "flex", justifyContent: "center", alignItems: "center" },
+                React.createElement(Text, { color: "darkGray" }, "MA")))))));
+//# sourceMappingURL=Mask.stories.js.map

package/dist/Mask.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.stories.js","sourceRoot":"","sources":["../unifier/Mask.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;KACtB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS;QAC3C,oBAAC,IAAI,IAAC,QAAQ,EAAE,CAAC;YACf,oBAAC,GAAG,IACF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ;gBAEnB,oBAAC,IAAI,IAAC,KAAK,EAAC,UAAU,SAAU,CAC5B,CACD,CACH,CACa,CACtB,CAAC;KACD,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CACnB,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS;QAC3C,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;YAClB,oBAAC,GAAG,IACF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ;gBAEnB,oBAAC,IAAI,IAAC,KAAK,EAAC,UAAU,SAAU,CAC5B,CACD,CACH,CACa,CACtB,CAAC;KACD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CACrB,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS;QAC3C,oBAAC,IAAI,IAAC,QAAQ,EAAE,CAAC;YACf,oBAAC,GAAG,IACF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ;gBAEnB,oBAAC,IAAI,IAAC,KAAK,EAAC,UAAU,SAAU,CAC5B,CACD,CACH,CACa,CACtB,CAAC;KACD,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CACnB,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS;QAC3C,oBAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI;YAC3B,oBAAC,GAAG,IACF,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ;gBAEnB,oBAAC,IAAI,IAAC,KAAK,EAAC,UAAU,SAAU,CAC5B,CACD,CACH,CACa,CACtB,CAAC,CAAC"}

package/dist/MediaQuery.d.ts

@@ -0,0 +1,2 @@
+export declare function mediaQuery(): "xs" | "sm" | "md" | "lg";
+export declare function mediaQueryLargerThan(size: "xs" | "sm" | "md" | "lg"): boolean;

package/dist/MediaQuery.js

@@ -0,0 +1,33 @@
+import { Dimensions } from "react-native";
+export function mediaQuery() {
+    const width = Dimensions.get("window").width;
+    if (width < 576) {
+        return "xs";
+    }
+    else if (width < 768) {
+        return "sm";
+    }
+    else if (width < 1312) {
+        return "md";
+    }
+    else {
+        return "lg";
+    }
+}
+export function mediaQueryLargerThan(size) {
+    const media = mediaQuery();
+    if (size === "xs") {
+        return true;
+    }
+    else if (size === "sm") {
+        return ["sm", "md", "lg"].includes(media);
+    }
+    else if (size === "md") {
+        return ["md", "lg"].includes(media);
+    }
+    else if (size === "lg") {
+        return ["lg"].includes(media);
+    }
+    return false;
+}
+//# sourceMappingURL=MediaQuery.js.map

package/dist/MediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQuery.js","sourceRoot":"","sources":["../src/MediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;IAC7C,IAAI,KAAK,GAAG,GAAG,EAAE;QACf,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,GAAG,GAAG,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,GAAG,IAAI,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,IAAI,CAAC;KACb;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAA+B;IAClE,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC3C;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACrC;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KAC/B;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/Meta.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { MetaProps } from "./Common";
+export declare class Meta extends React.Component<MetaProps, {}> {
+    render(): {} | null;
+}

package/dist/Meta.js

@@ -0,0 +1,7 @@
+import React from "react";
+export class Meta extends React.Component {
+    render() {
+        return this.props.children || null;
+    }
+}
+//# sourceMappingURL=Meta.js.map

package/dist/Meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.js","sourceRoot":"","sources":["../src/Meta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAwB;IACtD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;IACrC,CAAC;CACF"}

package/dist/ModalSheet.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const useCombinedRefs: (...refs: any) => React.MutableRefObject<undefined>;
+interface Props {
+    children: any;
+}
+export declare const SimpleContent: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export {};

package/dist/ModalSheet.js

@@ -0,0 +1,42 @@
+/* eslint-disable react/display-name */
+import React, { forwardRef, useEffect, useRef } from "react";
+import { Animated } from "react-native";
+import { Modalize } from "react-native-modalize";
+import { Portal } from "react-native-portalize";
+export const useCombinedRefs = (...refs) => {
+    const targetRef = useRef();
+    useEffect(() => {
+        refs.forEach((ref) => {
+            if (!ref) {
+                return;
+            }
+            if (typeof ref === "function") {
+                ref(targetRef.current);
+            }
+            else {
+                ref.current = targetRef.current;
+            }
+        });
+    }, [refs]);
+    return targetRef;
+};
+export const SimpleContent = forwardRef((props, ref) => {
+    const modalizeRef = useRef(null);
+    const combinedRef = useCombinedRefs(ref, modalizeRef);
+    const animated = useRef(new Animated.Value(0)).current;
+    // const renderHeader = () => (
+    //   <Box paddingY={4} marginTop={4} marginBottom={4}>
+    //     <Text>50 users online</Text>
+    //   </Box>
+    // );
+    return (React.createElement(Portal, null,
+        React.createElement(Modalize
+        // HeaderComponent={renderHeader}
+        , { 
+            // HeaderComponent={renderHeader}
+            ref: combinedRef, adjustToContentHeight: true, panGestureAnimatedValue: animated, scrollViewProps: {
+                showsVerticalScrollIndicator: false,
+                stickyHeaderIndices: [0],
+            } }, props.children)));
+});
+//# sourceMappingURL=ModalSheet.js.map

package/dist/ModalSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSheet.js","sourceRoot":"","sources":["../src/ModalSheet.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG,IAAS,EAAE,EAAE;IAC9C,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;YACxB,IAAI,CAAC,GAAG,EAAE;gBACR,OAAO;aACR;YAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACxB;iBAAM;gBACL,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aACjC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvD,+BAA+B;IAC/B,sDAAsD;IACtD,mCAAmC;IACnC,WAAW;IACX,KAAK;IAEL,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,QAAQ;QACP,iCAAiC;;YAAjC,iCAAiC;YACjC,GAAG,EAAE,WAAW,EAChB,qBAAqB,QACrB,uBAAuB,EAAE,QAAQ,EACjC,eAAe,EAAE;gBACf,4BAA4B,EAAE,KAAK;gBACnC,mBAAmB,EAAE,CAAC,CAAC,CAAC;aACzB,IAEA,KAAK,CAAC,QAAQ,CACN,CACJ,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/NumberPickerActionSheet.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { OnChangeCallback } from "./Common";
+interface NumberPickerActionSheetProps {
+    value: string;
+    min: number;
+    max: number;
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+interface NumberPickerActionSheetState {
+}
+export declare class NumberPickerActionSheet extends React.Component<NumberPickerActionSheetProps, NumberPickerActionSheetState> {
+    constructor(props: NumberPickerActionSheetProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/NumberPickerActionSheet.js

@@ -0,0 +1,29 @@
+import { Picker } from "@react-native-picker/picker";
+import range from "lodash/range";
+import React from "react";
+import { ActionSheet } from "./ActionSheet";
+import { Box } from "./Box";
+import { Button } from "./Button";
+const PICKER_HEIGHT = 104;
+export class NumberPickerActionSheet extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (React.createElement(ActionSheet, { ref: this.props.actionSheetRef, bounceOnOpen: true, gestureEnabled: true },
+            React.createElement(Box, { marginBottom: 8, paddingX: 4, width: "100%" },
+                React.createElement(Box, { alignItems: "end", display: "flex", width: "100%" },
+                    React.createElement(Box, { width: "33%" },
+                        React.createElement(Button, { color: "blue", size: "lg", text: "Close", type: "ghost", onClick: () => {
+                                var _a, _b;
+                                (_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
+                            } }))),
+                React.createElement(Picker, { itemStyle: {
+                        height: PICKER_HEIGHT,
+                    }, selectedValue: String(this.props.value), style: {
+                        height: PICKER_HEIGHT,
+                        backgroundColor: "#FFFFFF",
+                    }, onValueChange: (itemValue) => this.props.onChange({ value: String(itemValue) }) }, range(this.props.min, this.props.max).map((n) => (React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) })))))));
+    }
+}
+//# sourceMappingURL=NumberPickerActionSheet.js.map

package/dist/NumberPickerActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberPickerActionSheet.js","sourceRoot":"","sources":["../src/NumberPickerActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGhC,MAAM,aAAa,GAAG,GAAG,CAAC;AAY1B,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAGlD;IACC,YAAY,KAAmC;QAC7C,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,QAAC,cAAc;YACtE,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;gBAC7C,oBAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;oBAC/C,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK;wBACd,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;;gCACZ,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,OAAO,0CAAE,eAAe,CAAC,KAAK,CAAC,CAAC;4BAC7D,CAAC,GACD,CACE,CACF;gBACN,oBAAC,MAAM,IACL,SAAS,EAAE;wBACT,MAAM,EAAE,aAAa;qBACtB,EACD,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACvC,KAAK,EAAE;wBACL,MAAM,EAAE,aAAa;wBACrB,eAAe,EAAE,SAAS;qBAC3B,EACD,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAC,CAAC,IAE5E,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChD,oBAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAI,CACpE,CAAC,CACK,CACL,CACM,CACf,CAAC;IACJ,CAAC;CACF"}

package/dist/Page.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { Color, UnsignedUpTo12 } from "./Common";
+interface PageProps {
+    navigation: any;
+    scroll?: boolean;
+    loading?: boolean;
+    display?: "flex" | "none" | "block" | "inlineBlock";
+    title?: string;
+    backButton?: boolean;
+    closeButton?: boolean;
+    direction?: "row" | "column";
+    padding?: UnsignedUpTo12;
+    color?: Color;
+    maxWidth?: number | string;
+    keyboardOffset?: number;
+    footer?: any;
+    rightButton?: string;
+    rightButtonOnClick?: () => void;
+    children?: any;
+}
+export declare class Page extends React.Component<PageProps, {}> {
+    actionSheetRef: React.RefObject<any>;
+    renderHeader(): JSX.Element | null;
+    render(): JSX.Element;
+}
+export {};

package/dist/Page.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { ErrorBoundary } from "./ErrorBoundary";
+import { Heading } from "./Heading";
+import { IconButton } from "./IconButton";
+// import {KeyboardAccessoryNavigation} from "react-native-keyboard-accessory";
+import { Spinner } from "./Spinner";
+import { Unifier } from "./Unifier";
+export class Page extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.actionSheetRef = React.createRef();
+    }
+    renderHeader() {
+        if (!this.props.title && !this.props.backButton) {
+            return null;
+        }
+        return (React.createElement(Box, { direction: "row", display: "flex", width: "100%" },
+            this.props.backButton && (React.createElement(Box, { alignItems: "center", display: "block", justifyContent: "center", paddingY: 3 },
+                React.createElement(IconButton, { accessibilityLabel: "", icon: "chevron-left", iconColor: "darkGray", prefix: "fas", size: "md", onClick: () => this.props.navigation.goBack() }))),
+            this.props.closeButton && (React.createElement(Box, { alignItems: "center", display: "block", justifyContent: "center", paddingY: 3 },
+                React.createElement(IconButton, { accessibilityLabel: "", icon: "times", iconColor: "darkGray", prefix: "fas", size: "md", onClick: () => this.props.navigation.goBack() }))),
+            Boolean(this.props.title) && (React.createElement(Box, { direction: "column", display: "flex", flex: "grow", justifyContent: "center" },
+                React.createElement(Heading, { align: "center" }, this.props.title))),
+            this.props.rightButton && (React.createElement(Box, { alignItems: "center", display: "block", justifyContent: "center", paddingY: 3 },
+                React.createElement(Button, { color: "gray", text: this.props.rightButton, type: "ghost", onClick: () => this.props.rightButtonOnClick && this.props.rightButtonOnClick() })))));
+    }
+    render() {
+        return (React.createElement(ErrorBoundary, null,
+            React.createElement(Box, { alignSelf: "center", avoidKeyboard: true, color: this.props.color || "lightGray", direction: this.props.direction || "column", display: this.props.display || "flex", flex: "grow", keyboardOffset: this.props.keyboardOffset, maxWidth: this.props.maxWidth || 800, padding: this.props.padding !== undefined ? this.props.padding : 2, scroll: this.props.scroll === undefined ? true : this.props.scroll, width: "100%" },
+                this.renderHeader(),
+                this.props.loading === true && (React.createElement(Spinner, { color: Unifier.theme.darkGray, size: "md" })),
+                this.props.children),
+            Boolean(this.props.footer) && (React.createElement(Box, { alignSelf: "center", color: this.props.color || "lightGray", direction: this.props.direction || "column", display: this.props.display || "flex", flex: "shrink", marginBottom: 8, maxWidth: this.props.maxWidth || 800, paddingX: this.props.padding !== undefined ? this.props.padding : 6, paddingY: this.props.padding !== undefined ? this.props.padding : 2, width: "100%" }, this.props.footer))));
+    }
+}
+//# sourceMappingURL=Page.js.map

package/dist/Page.js.map

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

package/dist/Permissions.d.ts

@@ -0,0 +1,2 @@
+import { PermissionKind, PermissionStatus } from "./Common";
+export declare function requestPermissions(kind: PermissionKind): Promise<PermissionStatus>;

package/dist/Permissions.js

@@ -0,0 +1,35 @@
+export async function requestPermissions(kind) {
+    return new Promise(async (resolve, reject) => {
+        return "denied";
+    });
+    // const userPropertyKey = `PermissionsFor${capitalize(kind)}`;
+    //   let k = kind;
+    //   let options: any = undefined;
+    //   if (kind === "locationAlways") {
+    //     k = "location";
+    //     options = { type: "always" };
+    //   }
+    //   if (Platform.OS === "android" && k === "notification") {
+    //     return;
+    //   }
+    //   // TODO check soft request status.
+    //   const current = await Permissions.check(MAP[k] as any);
+    //   // Tracking.log(`[permissions] ${k} permissions are ${current}`);
+    //   if (current === "denied" || current === "limited") {
+    //     // Tracking.setUserProperty(userPropertyKey, "false");
+    //     return reject(MAP_RESULTS[current]);
+    //   } else if (current === "granted") {
+    //     // Tracking.setUserProperty(userPropertyKey, "true");
+    //     return resolve("authorized");
+    //   }
+    //   const response = await Permissions.request(MAP[k] as any, options);
+    //   if (response === "granted") {
+    //     // Tracking.setUserProperty(userPropertyKey, "true");
+    //     return resolve("authorized");
+    //   } else {
+    //     // Tracking.setUserProperty(userPropertyKey, "false");
+    //     return reject(MAP_RESULTS[response]);
+    //   }
+    // });
+}
+//# sourceMappingURL=Permissions.js.map

package/dist/Permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Permissions.js","sourceRoot":"","sources":["../src/Permissions.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,IAAoB;IAC3D,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IACH,+DAA+D;IAE/D,kBAAkB;IAClB,kCAAkC;IAClC,qCAAqC;IACrC,sBAAsB;IACtB,oCAAoC;IACpC,MAAM;IACN,6DAA6D;IAC7D,cAAc;IACd,MAAM;IAEN,uCAAuC;IAEvC,4DAA4D;IAC5D,sEAAsE;IACtE,yDAAyD;IACzD,6DAA6D;IAC7D,2CAA2C;IAC3C,wCAAwC;IACxC,4DAA4D;IAC5D,oCAAoC;IACpC,MAAM;IAEN,wEAAwE;IACxE,kCAAkC;IAClC,4DAA4D;IAC5D,oCAAoC;IACpC,aAAa;IACb,6DAA6D;IAC7D,4CAA4C;IAC5C,MAAM;IACN,MAAM;AACR,CAAC"}