@terreno/ui 0.0.1

package/dist/BooleanField.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { Animated, TouchableWithoutFeedback, View } from "react-native";
+import { FieldHelperText, FieldTitle } from "./fieldElements";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+const TOUCHABLE_SIZE = 20;
+const OFFSET = 10;
+const WIDTH = 36;
+const WIDTH_WITH_OFFSET = OFFSET + WIDTH;
+export const BooleanField = ({ title, variant, value, onChange, disabled, disabledHelperText, helperText, }) => {
+    const { theme } = useTheme();
+    const backgroundColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
+    const circleColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
+    const circleBorderColor = useRef(new Animated.Value(value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET)).current;
+    const transformSwitch = useRef(new Animated.Value(value ? OFFSET : -1 * OFFSET)).current;
+    const animateSwitch = useCallback((newValue) => {
+        Animated.parallel([
+            Animated.spring(transformSwitch, {
+                toValue: newValue ? OFFSET : -1 * OFFSET,
+                useNativeDriver: false,
+            }),
+            Animated.timing(backgroundColor, {
+                duration: 200,
+                toValue: newValue ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
+                useNativeDriver: false,
+            }),
+            Animated.timing(circleColor, {
+                duration: 200,
+                toValue: newValue ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
+                useNativeDriver: false,
+            }),
+            Animated.timing(circleBorderColor, {
+                duration: 200,
+                toValue: value ? WIDTH_WITH_OFFSET : -1 * WIDTH_WITH_OFFSET,
+                useNativeDriver: false,
+            }),
+        ]).start();
+    }, [backgroundColor, circleColor, circleBorderColor, transformSwitch, value]);
+    const handleSwitch = () => {
+        if (disabled) {
+            return;
+        }
+        animateSwitch(!value);
+        onChange(!value);
+    };
+    // Update animation when value changes without pressing
+    useEffect(() => {
+        animateSwitch(value);
+    }, [value, animateSwitch]);
+    const interpolatedColorAnimation = backgroundColor.interpolate({
+        inputRange: [-1 * WIDTH_WITH_OFFSET, WIDTH_WITH_OFFSET],
+        outputRange: [theme.surface.base, theme.surface.secondaryDark],
+    });
+    return (_jsxs(View, { style: {
+            alignItems: "flex-start",
+            flexDirection: "column",
+        }, children: [_jsxs(View, { style: {
+                    alignItems: variant === "title" ? "flex-start" : "center",
+                    flexDirection: variant === "title" ? "column" : "row",
+                    justifyContent: variant === "title" ? "flex-start" : "center",
+                }, children: [Boolean(title) && _jsx(FieldTitle, { text: title }), _jsx(TouchableWithoutFeedback, { "aria-role": "button", onPress: handleSwitch, children: _jsxs(View, { style: { alignItems: "center", flexDirection: "row", justifyContent: "center" }, children: [_jsx(Animated.View, { style: {
+                                        backgroundColor: disabled ? theme.surface.disabled : interpolatedColorAnimation,
+                                        borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
+                                        borderRadius: TOUCHABLE_SIZE,
+                                        borderWidth: 1,
+                                        height: TOUCHABLE_SIZE,
+                                        marginHorizontal: variant === "title" ? undefined : OFFSET,
+                                        marginRight: variant === "title" ? OFFSET : undefined,
+                                        width: WIDTH,
+                                    }, children: _jsx(Animated.View, { style: {
+                                            alignItems: "center",
+                                            flex: 1,
+                                            flexDirection: "row",
+                                            justifyContent: "center",
+                                            left: transformSwitch,
+                                            width: WIDTH,
+                                        }, children: _jsx(Animated.View, { style: {
+                                                alignItems: "center",
+                                                backgroundColor: theme.surface.base,
+                                                borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
+                                                borderRadius: 10,
+                                                borderWidth: 1,
+                                                height: TOUCHABLE_SIZE,
+                                                justifyContent: "center",
+                                                width: TOUCHABLE_SIZE,
+                                            } }) }) }), variant === "title" && _jsx(Text, { size: "md", children: value ? "Yes" : "No" })] }) })] }), disabled && disabledHelperText && _jsx(FieldHelperText, { text: disabledHelperText }), Boolean(helperText) && _jsx(FieldHelperText, { text: helperText })] }));
+};
+//# sourceMappingURL=BooleanField.js.map

package/dist/BooleanField.js.map

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

package/dist/Box.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { BoxProps } from "./Common";
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<unknown>>;

package/dist/Box.js

@@ -0,0 +1,289 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useImperativeHandle } from "react";
+import { KeyboardAvoidingView, Platform, Pressable, SafeAreaView, ScrollView, View, } from "react-native";
+import { getRounding, getSpacing, useTheme } from ".";
+import { mediaQueryLargerThan } from "./MediaQuery";
+import { Unifier } from "./Unifier";
+const ALIGN_CONTENT = {
+    around: "space-around",
+    between: "space-between",
+    center: "center",
+    end: "flex-end",
+    start: "flex-start",
+    stretch: "stretch",
+};
+const ALIGN_ITEMS = {
+    baseline: "baseline",
+    center: "center",
+    end: "flex-end",
+    start: "flex-start",
+    stretch: "stretch",
+};
+const ALIGN_SELF = {
+    around: "space-around",
+    auto: "auto",
+    baseline: "baseline",
+    between: "space-between",
+    center: "center",
+    end: "flex-end",
+    start: "flex-start",
+    stretch: "stretch",
+};
+const BORDER_WIDTH = 1;
+const isValidPercentage = (value) => {
+    return /^\d+(\.\d+)?%$/.test(value);
+};
+const isValidWidthHeight = (value) => {
+    return typeof value === "number" || !Number.isNaN(Number(value)) || isValidPercentage(value);
+};
+export const Box = React.forwardRef((props, ref) => {
+    var _a;
+    const { theme } = useTheme();
+    useImperativeHandle(ref, () => ({
+        scrollTo: (y) => {
+            if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
+                // HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout
+                // to avoid this, but it works well enough.
+                setTimeout(() => {
+                    var _a;
+                    (_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y });
+                }, 50);
+            }
+        },
+        scrollToEnd: () => {
+            if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) {
+                // HACK HACK HACK...but it works. Probably need to do some onContentSizeChange or onLayout
+                // to avoid this, but it works well enough.
+                setTimeout(() => {
+                    var _a;
+                    (_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollToEnd();
+                }, 50);
+            }
+        },
+    }));
+    const BOX_STYLE_MAP = {
+        alignContent: (value) => ({ alignContent: ALIGN_CONTENT[value] }),
+        alignItems: (value) => ({ alignItems: ALIGN_ITEMS[value] }),
+        alignSelf: (value) => ({ alignSelf: ALIGN_SELF[value] }),
+        border: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderColor: theme.border[value], borderWidth: BORDER_WIDTH };
+        },
+        borderBottom: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderBottomColor: theme.border[value], borderBottomWidth: BORDER_WIDTH };
+        },
+        borderLeft: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderLeftColor: theme.border[value], borderLeftWidth: BORDER_WIDTH };
+        },
+        borderRight: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderRightColor: theme.border[value], borderRightWidth: BORDER_WIDTH };
+        },
+        borderTop: (value) => {
+            if (!value) {
+                return {};
+            }
+            return { borderTopColor: theme.border[value], borderTopWidth: BORDER_WIDTH };
+        },
+        bottom: (bottom) => ({ bottom: bottom ? 0 : undefined }),
+        color: (value) => ({ backgroundColor: theme.surface[value] }),
+        direction: (value) => ({ display: "flex", flexDirection: value }),
+        display: (value) => {
+            if (value === "none") {
+                return { display: "none" };
+            }
+            return value === "flex" ? { flex: undefined } : { flex: 0, flexDirection: "row" };
+        },
+        flex: (value) => {
+            if (value === "grow") {
+                return { display: "flex", flexGrow: 1, flexShrink: 1 };
+            }
+            else if (value === "shrink") {
+                return { display: "flex", flexShrink: 1 };
+            }
+            else {
+                return { display: "flex", flex: 0 };
+            }
+        },
+        gap: (value) => ({ gap: getSpacing(value) }),
+        height: (value) => {
+            if (!isValidWidthHeight(value)) {
+                console.warn(`Box: height prop must be a number or percentage string (e.g., "50%"), received: ${value}`);
+                return {};
+            }
+            if (props.border && !Number.isNaN(Number(value))) {
+                return { height: Number(value) + 2 * 2 };
+            }
+            else {
+                return { height: value };
+            }
+        },
+        justifyContent: (value) => ({ justifyContent: ALIGN_CONTENT[value] }),
+        left: (left) => ({ left: left ? 0 : undefined }),
+        lgDirection: (value) => mediaQueryLargerThan("lg") ? { display: "flex", flexDirection: value } : {},
+        margin: (value) => ({ margin: getSpacing(value) }),
+        marginBottom: (value) => ({ marginBottom: getSpacing(value) }),
+        marginLeft: (value) => ({ marginLeft: getSpacing(value) }),
+        marginRight: (value) => ({ marginRight: getSpacing(value) }),
+        marginTop: (value) => ({ marginTop: getSpacing(value) }),
+        maxHeight: (value) => {
+            if (!isValidWidthHeight(value)) {
+                console.warn(`Box: maxHeight prop must be a number or percentage string (e.g., "50%"), received: ${value}`);
+                return {};
+            }
+            return { maxHeight: value };
+        },
+        maxWidth: (value) => {
+            if (!isValidWidthHeight(value)) {
+                console.warn(`Box: maxWidth prop must be a number or percentage string (e.g., "50%"), received: ${value}`);
+                return {};
+            }
+            return { maxWidth: value };
+        },
+        mdDirection: (value) => mediaQueryLargerThan("md") ? { display: "flex", flexDirection: value } : {},
+        minHeight: (value) => {
+            if (!isValidWidthHeight(value)) {
+                console.warn(`Box: minHeight prop must be a number or percentage string (e.g., "50%"), received: ${value}`);
+                return {};
+            }
+            return { minHeight: value };
+        },
+        minWidth: (value) => {
+            if (!isValidWidthHeight(value)) {
+                console.warn(`Box: minWidth prop must be a number or percentage string (e.g., "50%"), received: ${value}`);
+                return {};
+            }
+            return { minWidth: value };
+        },
+        overflow: (value) => {
+            if (value === "scrollY" || value === "scroll") {
+                return { overflow: "scroll" };
+            }
+            return { overflow: value };
+        },
+        padding: (value) => ({ padding: getSpacing(value) }),
+        paddingX: (value) => ({ paddingLeft: getSpacing(value), paddingRight: getSpacing(value) }),
+        paddingY: (value) => ({ paddingBottom: getSpacing(value), paddingTop: getSpacing(value) }),
+        position: (value) => ({ position: value }),
+        right: (right) => ({ right: right ? 0 : undefined }),
+        rounding: (rounding, allProps) => {
+            if (rounding === "circle") {
+                if (!allProps.height && !allProps.width) {
+                    console.warn("Cannot use Box rounding='circle' without height or width.");
+                    return { borderRadius: undefined };
+                }
+                return { borderRadius: allProps.height || allProps.width };
+            }
+            if (rounding) {
+                return { borderRadius: getRounding(rounding) };
+            }
+            return { borderRadius: undefined };
+        },
+        shadow: (value) => {
+            if (!value) {
+                return {};
+            }
+            if (Platform.OS === "ios" || Platform.OS === "web") {
+                return {
+                    boxShadow: "2px 2px 2px rgba(153, 153, 153, 1.0)",
+                };
+            }
+            else {
+                return { elevation: 4 };
+            }
+        },
+        smDirection: (value) => mediaQueryLargerThan("sm") ? { display: "flex", flexDirection: value } : {},
+        top: (top) => ({ top: top ? 0 : undefined }),
+        width: (value) => {
+            if (!isValidWidthHeight(value)) {
+                console.warn(`Box: width prop must be a number or percentage string (e.g., "50%"), received: ${value}`);
+                return {};
+            }
+            if (props.border && !Number.isNaN(Number(value))) {
+                return { width: Number(value) + 2 * 2 };
+            }
+            else {
+                return { width: value };
+            }
+        },
+        wrap: (value) => ({ alignItems: "flex-start", flexWrap: value ? "wrap" : "nowrap" }),
+        zIndex: (value) => ({ zIndex: value ? value : undefined }),
+    };
+    const scrollRef = (_a = props.scrollRef) !== null && _a !== void 0 ? _a : React.createRef();
+    const propsToStyle = () => {
+        let style = {};
+        for (const prop of Object.keys(props)) {
+            const value = props[prop];
+            if (BOX_STYLE_MAP[prop]) {
+                Object.assign(style, BOX_STYLE_MAP[prop](value, props));
+            }
+            else if (prop !== "children" && prop !== "onClick") {
+                style[prop] = value;
+                // console.warn(`Box: unknown property ${prop}`);
+            }
+        }
+        if (props.wrap && props.alignItems && Platform.OS !== "web") {
+            console.warn("React Native doesn't support wrap and alignItems together.");
+        }
+        // Finally, dangerously set overrides.
+        if (props.dangerouslySetInlineStyle) {
+            style = Object.assign(Object.assign({}, style), props.dangerouslySetInlineStyle.__style);
+        }
+        return style;
+    };
+    const onHoverIn = async () => {
+        var _a;
+        await ((_a = props.onHoverStart) === null || _a === void 0 ? void 0 : _a.call(props));
+    };
+    const onHoverOut = async () => {
+        var _a;
+        await ((_a = props.onHoverEnd) === null || _a === void 0 ? void 0 : _a.call(props));
+    };
+    let box;
+    // Adding the accessibilityRole of button throws a warning in React Native since we nest buttons
+    // within Box and RN does not support nested buttons
+    if (props.onClick) {
+        box = (_jsx(Pressable, { accessibilityHint: props.accessibilityHint, "aria-label": props.accessibilityLabel, "aria-role": "button", onLayout: props.onLayout, onPointerEnter: onHoverIn, onPointerLeave: onHoverOut, onPress: async () => {
+                var _a;
+                await Unifier.utils.haptic();
+                await ((_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props));
+            }, style: propsToStyle(), testID: props.testID ? `${props.testID}-clickable` : undefined, children: props.children }));
+    }
+    else {
+        box = (_jsx(View, { onPointerEnter: onHoverIn, onPointerLeave: onHoverOut, style: propsToStyle(), testID: props.testID, children: props.children }));
+    }
+    if (props.scroll) {
+        const _b = propsToStyle(), { justifyContent, alignContent, alignItems } = _b, scrollStyle = __rest(_b, ["justifyContent", "alignContent", "alignItems"]);
+        box = (_jsx(ScrollView, { contentContainerStyle: { alignContent, alignItems, justifyContent }, horizontal: props.overflow === "scrollX", keyboardShouldPersistTaps: "handled", nestedScrollEnabled: true, onScroll: (event) => {
+                if (props.onScroll && event) {
+                    props.onScroll(event.nativeEvent.contentOffset.y);
+                }
+            }, ref: props.scrollRef || scrollRef, scrollEventThrottle: 50, style: scrollStyle, children: box }));
+    }
+    if (props.avoidKeyboard) {
+        box = (_jsx(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : "height", keyboardVerticalOffset: props.keyboardOffset, style: { display: "flex", flex: 1 }, children: _jsx(SafeAreaView, { style: { display: "flex", flex: 1 }, children: box }) }));
+    }
+    return box;
+});
+//# sourceMappingURL=Box.js.map

package/dist/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,IAAI,GACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,GAAG,CAAC;AAUpD,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,cAAc;IACtB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAW,EAAE;IACnD,OAAO,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAsB,EAAW,EAAE;IAC7D,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAe,EAAE,GAAG,EAAE,EAAE;;IAC3D,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,CAAC,CAAS,EAAE,EAAE;YACtB,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,CAAC;gBACvB,0FAA0F;gBAC1F,2CAA2C;gBAC3C,UAAU,CAAC,GAAG,EAAE;;oBACd,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,QAAQ,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC;gBACpC,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;QACH,CAAC;QACD,WAAW,EAAE,GAAG,EAAE;YAChB,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,CAAC;gBACvB,0FAA0F;gBAC1F,2CAA2C;gBAC3C,UAAU,CAAC,GAAG,EAAE;;oBACd,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,WAAW,EAAE,CAAC;gBACpC,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;QACH,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,aAAa,GAKf;QACF,YAAY,EAAE,CAAC,KAAmB,EAAE,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,EAAC,CAAC;QAC7E,UAAU,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAC,CAAC;QACrE,SAAS,EAAE,CAAC,KAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QACjE,MAAM,EAAE,CAAC,KAAwB,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;QACvE,CAAC;QACD,YAAY,EAAE,CAAC,KAAwB,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,iBAAiB,EAAE,YAAY,EAAC,CAAC;QACnF,CAAC;QACD,UAAU,EAAE,CAAC,KAAwB,EAAE,EAAE;YACvC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,EAAC,CAAC;QAC/E,CAAC;QACD,WAAW,EAAE,CAAC,KAAwB,EAAE,EAAE;YACxC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,YAAY,EAAC,CAAC;QACjF,CAAC;QACD,SAAS,EAAE,CAAC,KAAwB,EAAE,EAAE;YACtC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,cAAc,EAAE,YAAY,EAAC,CAAC;QAC7E,CAAC;QACD,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QACtD,KAAK,EAAE,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC,EAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAC,CAAC;QAC/E,SAAS,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAC,CAAC;QACpE,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;YACtB,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;gBACrB,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,CAAC;YAC3B,CAAC;YACD,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAC,CAAC;QAChF,CAAC;QACD,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE;YACtB,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;gBACrB,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAC,CAAC;YACvD,CAAC;iBAAM,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,CAAC;YACpC,CAAC;QACH,CAAC;QACD,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QAC1C,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CACV,mFAAmF,KAAK,EAAE,CAC3F,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjD,OAAO,EAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC;YACzB,CAAC;QACH,CAAC;QACD,cAAc,EAAE,CAAC,KAAqB,EAAE,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,EAAC,CAAC;QACnF,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QAC9C,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE;QAC3E,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QAChD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QACxD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QAC1D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QACtD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CACV,sFAAsF,KAAK,EAAE,CAC9F,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;QAC5B,CAAC;QACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CACV,qFAAqF,KAAK,EAAE,CAC7F,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;QAC3B,CAAC;QACD,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE;QAC3E,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CACV,sFAAsF,KAAK,EAAE,CAC9F,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;QAC5B,CAAC;QACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CACV,qFAAqF,KAAK,EAAE,CAC7F,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;QAC3B,CAAC;QACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9C,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;YAC9B,CAAC;YACD,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;QAC3B,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QACxF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;QACxF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;QACxC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QAClD,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YAC/B,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1B,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;oBACxC,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;oBAC1E,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,CAAC;gBACnC,CAAC;gBACD,OAAO,EAAC,YAAY,EAAE,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,EAAC,CAAC;YAC3D,CAAC;YAED,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO,EAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAC,CAAC;YAC/C,CAAC;YAED,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,CAAC;QACnC,CAAC;QACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;gBACnD,OAAO;oBACL,SAAS,EAAE,sCAAsC;iBAClD,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC;YACxB,CAAC;QACH,CAAC;QACD,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1B,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,EAAE;QAC3E,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;QAC1C,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CACV,kFAAkF,KAAK,EAAE,CAC1F,CAAC;gBACF,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjD,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACN,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC;YACxB,CAAC;QACH,CAAC;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAC,CAAC;QAClF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;KACzD,CAAC;IAEF,MAAM,SAAS,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC,SAAS,EAAE,CAAC;IAEvD,MAAM,YAAY,GAAG,GAAQ,EAAE;QAC7B,IAAI,KAAK,GAAQ,EAAE,CAAC;QACpB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAA8B,EAAE,CAAC;YACnE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YAC1B,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;YAC1D,CAAC;iBAAM,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACrD,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACpB,iDAAiD;YACnD,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;YAC5D,OAAO,CAAC,IAAI,CAAC,4DAA4D,CAAC,CAAC;QAC7E,CAAC;QAED,sCAAsC;QACtC,IAAI,KAAK,CAAC,yBAAyB,EAAE,CAAC;YACpC,KAAK,mCAAO,KAAK,GAAK,KAAK,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;QACjE,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;;QAC3B,MAAM,CAAA,MAAA,KAAK,CAAC,YAAY,qDAAI,CAAA,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;;QAC5B,MAAM,CAAA,MAAA,KAAK,CAAC,UAAU,qDAAI,CAAA,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAI,GAAG,CAAC;IAER,gGAAgG;IAChG,oDAAoD;IACpD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,GAAG,GAAG,CACJ,KAAC,SAAS,IACR,iBAAiB,EAAG,KAA4B,CAAC,iBAAiB,gBACrD,KAA4B,CAAC,kBAAkB,eAClD,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,SAAS,EACzB,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;;gBAClB,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,CAAA,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAA,CAAC;YAC1B,CAAC,EACD,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,YAAY,CAAC,CAAC,CAAC,SAAS,YAE7D,KAAK,CAAC,QAAQ,GACL,CACb,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,GAAG,GAAG,CACJ,KAAC,IAAI,IACH,cAAc,EAAE,SAAS,EACzB,cAAc,EAAE,UAAU,EAC1B,KAAK,EAAE,YAAY,EAAE,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,QAAQ,GACV,CACR,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,MAAM,KAA6D,YAAY,EAAE,EAA3E,EAAC,cAAc,EAAE,YAAY,EAAE,UAAU,OAAkC,EAA7B,WAAW,cAAzD,gDAA0D,CAAiB,CAAC;QAElF,GAAG,GAAG,CACJ,KAAC,UAAU,IACT,qBAAqB,EAAE,EAAC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAC,EACjE,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,EACxC,yBAAyB,EAAC,SAAS,EACnC,mBAAmB,QACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;oBAC5B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBACpD,CAAC;YACH,CAAC,EACD,GAAG,EAAE,KAAK,CAAC,SAAS,IAAI,SAAS,EACjC,mBAAmB,EAAE,EAAE,EACvB,KAAK,EAAE,WAAW,YAEjB,GAAG,GACO,CACd,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,GAAG,GAAG,CACJ,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACtD,sBAAsB,EAAE,KAAK,CAAC,cAAc,EAC5C,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,YAEjC,KAAC,YAAY,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,YAAG,GAAG,GAAgB,GAChD,CACxB,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC,CAAC"}

package/dist/Button.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { ButtonProps } from "./Common";
+export declare const Button: FC<ButtonProps>;

package/dist/Button.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
+import debounce from "lodash/debounce";
+import { useMemo, useState } from "react";
+import { ActivityIndicator, Pressable, Text, View } from "react-native";
+import { Box } from "./Box";
+import { isMobileDevice } from "./MediaQuery";
+import { Modal } from "./Modal";
+import { useTheme } from "./Theme";
+import { Tooltip } from "./Tooltip";
+import { Unifier } from "./Unifier";
+import { isNative } from "./Utilities";
+const ConfirmationModal = ({ visible, title, subtitle, text, onConfirm, onCancel }) => {
+    return (_jsx(Modal, { onDismiss: onCancel, primaryButtonOnClick: onConfirm, primaryButtonText: "Confirm", secondaryButtonOnClick: onCancel, secondaryButtonText: "Cancel", subtitle: subtitle, title: title, visible: visible, children: _jsx(Text, { children: text }) }));
+};
+const ButtonComponent = ({ confirmationText = "Are you sure you want to continue?", disabled = false, fullWidth = false, iconName, iconPosition = "left", loading: propsLoading, modalTitle = "Confirm", modalSubTitle, testID, text, variant = "primary", withConfirmation = false, onClick, }) => {
+    const [loading, setLoading] = useState(propsLoading);
+    const [showConfirmation, setShowConfirmation] = useState(false);
+    const { theme } = useTheme();
+    const { backgroundColor, borderColor, borderWidth, color } = useMemo(() => {
+        if (!theme) {
+            return {};
+        }
+        let bgColor = theme.surface.primary;
+        let bColor;
+        let bWidth;
+        let textColor = theme.text.inverted;
+        if (disabled) {
+            bgColor = theme.surface.disabled;
+        }
+        else if (variant === "secondary") {
+            bgColor = theme.surface.secondaryDark;
+        }
+        else if (variant === "muted") {
+            bgColor = theme.surface.secondaryLight;
+            textColor = theme.surface.neutralDark;
+        }
+        else if (variant === "outline") {
+            bgColor = theme.surface.base;
+            bColor = theme.text.secondaryDark;
+            bWidth = 2;
+            textColor = theme.text.secondaryDark;
+        }
+        else if (variant === "destructive") {
+            bgColor = theme.surface.error;
+        }
+        return {
+            backgroundColor: bgColor,
+            borderColor: bColor,
+            borderWidth: bWidth,
+            color: textColor,
+        };
+    }, [disabled, variant, theme]);
+    if (!theme) {
+        return null;
+    }
+    return (_jsxs(Pressable, { accessibilityHint: withConfirmation ? "Opens a confirmation dialog" : "Press to perform action", "aria-label": text, "aria-role": "button", disabled: disabled || loading, onPress: debounce(async () => {
+            await Unifier.utils.haptic();
+            setLoading(true);
+            try {
+                // If a confirmation is required, and the confirmation modal is not currently open,
+                // open it
+                if (withConfirmation && !showConfirmation) {
+                    setShowConfirmation(true);
+                }
+                else if (!withConfirmation && onClick) {
+                    // If a confirmation is not required, perform the action.
+                    await onClick();
+                }
+            }
+            catch (error) {
+                setLoading(false);
+                throw error;
+            }
+            setLoading(false);
+        }, 500, { leading: true }), style: {
+            alignItems: "center",
+            alignSelf: fullWidth ? "stretch" : undefined,
+            backgroundColor,
+            borderColor,
+            borderRadius: theme.radius.rounded,
+            borderWidth,
+            flexDirection: "column",
+            justifyContent: "center",
+            paddingHorizontal: 20,
+            paddingVertical: 8,
+            width: fullWidth ? "100%" : "auto",
+        }, testID: testID, children: [_jsxs(View, { style: { flexDirection: "row" }, children: [_jsxs(View, { style: { flexDirection: iconPosition === "left" ? "row" : "row-reverse" }, children: [Boolean(iconName) && (_jsx(View, { style: {
+                                    alignSelf: "center",
+                                    marginLeft: iconPosition === "right" ? 8 : 0,
+                                    marginRight: iconPosition === "left" ? 8 : 0,
+                                }, children: _jsx(FontAwesome6, { color: color, name: iconName, size: 16, solid: true }) })), _jsx(Text, { style: { color, fontSize: 16, fontWeight: "700" }, children: text })] }), Boolean(loading) && (_jsx(Box, { marginLeft: 2, children: _jsx(ActivityIndicator, { color: color, size: "small" }) }))] }), withConfirmation && (_jsx(ConfirmationModal, { onCancel: () => setShowConfirmation(false), onConfirm: async () => {
+                    await onClick();
+                    setShowConfirmation(false);
+                }, subtitle: modalSubTitle, text: confirmationText, title: modalTitle, visible: showConfirmation }))] }));
+};
+export const Button = (props) => {
+    const { tooltipText, tooltipIdealPosition, tooltipIncludeArrow = false } = props;
+    const isMobileOrNative = isMobileDevice() || isNative();
+    if (tooltipText && !isMobileOrNative) {
+        return (_jsx(Tooltip, { idealPosition: tooltipIdealPosition, includeArrow: tooltipIncludeArrow, text: tooltipText, children: _jsx(ButtonComponent, Object.assign({}, props)) }));
+    }
+    return _jsx(ButtonComponent, Object.assign({}, props));
+};
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

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

package/dist/Card.d.ts

@@ -0,0 +1,2 @@
+import type { BoxProps } from "./Common";
+export declare const Card: ({ children, color, padding, width, ...rest }: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Card.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "./Box";
+export const Card = (_a) => {
+    var { children, color = "base", padding = 4, width } = _a, rest = __rest(_a, ["children", "color", "padding", "width"]);
+    return (_jsx(Box, Object.assign({ color: color, direction: "column", display: "flex", padding: padding, rounding: "md", shadow: true, width: width }, rest, { children: children })));
+};
+//# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAiE,EAAE,EAAE;QAArE,EAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,OAAoB,EAAf,IAAI,cAAtD,yCAAuD,CAAD;IACzE,OAAO,CACL,KAAC,GAAG,kBACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,IAAI,EACb,MAAM,QACN,KAAK,EAAE,KAAK,IACR,IAAI,cAEP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import type { CheckBoxProps } from "./Common";
+export declare const CheckBox: FC<CheckBoxProps>;

package/dist/CheckBox.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
+import { View } from "react-native";
+import { useTheme } from "./Theme";
+export const CheckBox = ({ selected, size = "md", bgColor = "default" }) => {
+    const { theme } = useTheme();
+    const px = {
+        lg: { container: 24, icon: 16 },
+        md: { container: 16, icon: 13 },
+        sm: { container: 10, icon: 8 },
+    };
+    const backgroundColor = {
+        accent: theme.text.accent,
+        black: theme.text.primary,
+        default: theme.text.link,
+    };
+    return (_jsx(View, { style: {
+            alignItems: "center",
+            backgroundColor: selected ? backgroundColor[bgColor] : "transparent",
+            borderColor: backgroundColor[bgColor],
+            borderRadius: 3,
+            borderWidth: 1,
+            height: px[size].container,
+            justifyContent: "center",
+            width: px[size].container,
+        }, children: selected ? (_jsx(FontAwesome6, { color: theme.surface.base, name: "check", selectable: undefined, size: px[size].icon, solid: true })) : null }));
+};
+//# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../src/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,GAAG,SAAS,EAAC,EAAE,EAAE;IAC1F,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG;QACT,EAAE,EAAE,EAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAC;QAC7B,EAAE,EAAE,EAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAC;QAC7B,EAAE,EAAE,EAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAC;KAC7B,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM;QACzB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;QACzB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;KACzB,CAAC;IACF,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,aAAa;YACpE,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC;YACrC,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS;YAC1B,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS;SAC1B,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACzB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EACnB,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,GACH,CACR,CAAC;AACJ,CAAC,CAAC"}