@estuary-solutions/rn-core-ui 0.0.3

package/dist/Button/Button.js

@@ -0,0 +1,62 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { colors } from "../themes";
+import { scale } from "../utils";
+import { ActivityIndicator, StyleSheet, TouchableOpacity, View, } from "react-native";
+import Text from "../Texts/Text";
+const Button = (_a) => {
+    var { title, startIcon, endIcon, style, titleStyle, activeBgColor = colors.blue_00A7E1, inactiveBgColor = colors.blue_B2E5F6, disabled, isSubmit, colorsLoading, variant = "filled", borderColor = colors.blue } = _a, 
+    //   titleProps,
+    rest = __rest(_a, ["title", "startIcon", "endIcon", "style", "titleStyle", "activeBgColor", "inactiveBgColor", "disabled", "isSubmit", "colorsLoading", "variant", "borderColor"]);
+    const backgroundColor = disabled ? inactiveBgColor : activeBgColor;
+    return (_jsxs(TouchableOpacity, Object.assign({}, rest, { disabled: disabled || isSubmit, style: [
+            styles.btnContainer,
+            variant === "outline" && styles.btnContainerOutline,
+            { backgroundColor },
+            variant === "outline" && { borderColor },
+            style,
+        ], children: [startIcon ? _jsx(View, { style: styles.viewIconStart, children: startIcon }) : null, isSubmit ? (_jsx(ActivityIndicator, { size: "small", color: colorsLoading || colors.blue })) : (_jsx(Text, { style: [
+                    styles.textTitle,
+                    variant === "outline" ? styles.textTitleOutline : {},
+                    // titleStyle,
+                ], numberOfLines: 1, children: title })), endIcon ? _jsx(View, { style: styles.viewIconEnd, children: endIcon }) : null] })));
+};
+const styles = StyleSheet.create({
+    btnContainer: {
+        flexDirection: "row",
+        paddingHorizontal: scale(24),
+        paddingVertical: scale(10),
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    btnContainerOutline: {
+        paddingHorizontal: scale(23),
+        paddingVertical: scale(9),
+        borderWidth: scale(1),
+        backgroundColor: colors.white,
+        borderColor: colors.blue,
+    },
+    viewIconStart: {
+        marginRight: scale(16),
+    },
+    viewIconEnd: {
+        marginLeft: scale(16),
+    },
+    textTitle: {
+        color: colors.white,
+    },
+    textTitleOutline: {
+        color: colors.blue,
+    },
+});
+export default Button;

package/dist/Button/ButtonGradient.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ButtonGradientTypes } from "./types/ButtonGradientTypes";
+declare const ButtonGradient: React.FC<ButtonGradientTypes>;
+export default ButtonGradient;
+//# sourceMappingURL=ButtonGradient.d.ts.map

package/dist/Button/ButtonGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGradient.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6CjD,CAAC;AA4CF,eAAe,cAAc,CAAC"}

package/dist/Button/ButtonGradient.js

@@ -0,0 +1,61 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { scale } from "../utils";
+import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
+import LinearGradient from "react-native-linear-gradient";
+import Text from "../Texts/Text";
+const ButtonGradient = (_a) => {
+    var { title, startIcon, endIcon, styleButton, styleGradient, titleStyle, disabled, isSubmit, colorsLoading, variant = "filled", borderColor = "#00B4F0", colors = ["#8a3380", "#8a3380"] } = _a, rest = __rest(_a, ["title", "startIcon", "endIcon", "styleButton", "styleGradient", "titleStyle", "disabled", "isSubmit", "colorsLoading", "variant", "borderColor", "colors"]);
+    return (_jsx(TouchableOpacity, Object.assign({}, rest, { disabled: disabled || isSubmit, style: [styleButton], children: _jsxs(LinearGradient, { colors, start: { x: 0, y: 1 }, end: { x: 1, y: 0 }, style: [styles.gradient, styleGradient], children: [startIcon ? (_jsx(View, { style: styles.viewIconStart, children: startIcon })) : null, _jsx(Text, { style: [
+                        styles.textTitle,
+                        variant === "outline" ? styles.textTitleOutline : {},
+                        // titleStyle,
+                    ], numberOfLines: 1, children: title }), endIcon ? _jsx(View, { style: styles.viewIconEnd, children: endIcon }) : null] }) })));
+};
+const styles = StyleSheet.create({
+    btnContainer: {
+        flexDirection: "row",
+        paddingHorizontal: scale(24),
+        paddingVertical: scale(10),
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    btnContainerOutline: {
+        paddingHorizontal: scale(23),
+        paddingVertical: scale(9),
+        borderWidth: scale(1),
+        backgroundColor: "white",
+        borderColor: "#00B4F0",
+    },
+    viewIconStart: {
+        marginRight: scale(16),
+    },
+    viewIconEnd: {
+        marginLeft: scale(16),
+    },
+    textTitle: {
+        color: "white",
+    },
+    textTitleOutline: {
+        color: "#00B4F0",
+    },
+    gradient: Object.assign({ borderBottomLeftRadius: 8, paddingLeft: scale(20), paddingRight: scale(25) }, Platform.select({
+        ios: {
+            paddingTop: scale(5),
+        },
+        android: {
+            paddingVertical: scale(5),
+        },
+    })),
+});
+export default ButtonGradient;

package/dist/Button/index.d.ts

@@ -0,0 +1,4 @@
+import Button from "./Button";
+import ButtonGradient from "./ButtonGradient";
+export { Button, ButtonGradient };
+//# sourceMappingURL=index.d.ts.map

package/dist/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/Button/index.js

@@ -0,0 +1,3 @@
+import Button from "./Button";
+import ButtonGradient from "./ButtonGradient";
+export { Button, ButtonGradient };

package/dist/Button/types/ButtonGradientTypes.d.ts

@@ -0,0 +1,80 @@
+import { ColorValue, TextStyle, ViewStyle } from "react-native";
+/**
+ * ButtonGradientTypes
+ *
+ * Props used to configure the GradientButton component.
+ * Supports gradient backgrounds, icons, loading states, variants,
+ * and style customization.
+ */
+export interface ButtonGradientTypes {
+    /**
+     * The text displayed inside the button.
+     * Example: "Submit", "Save", "Cancel".
+     */
+    title: string;
+    /**
+     * Icon displayed at the start (left side) of the button.
+     * Accepts any React element or SVG component.
+     */
+    startIcon?: React.ReactNode | React.JSX.Element | React.ReactSVGElement;
+    /**
+     * Icon displayed at the end (right side) of the button.
+     * Typically used for arrows or action icons.
+     */
+    endIcon?: React.ReactNode | React.JSX.Element | React.ReactSVGElement;
+    /**
+     * Custom style for the button container.
+     * Accepts a single ViewStyle or an array of styles.
+     */
+    styleButton?: ViewStyle | Array<ViewStyle | undefined>;
+    /**
+     * Custom style for the button container.
+     * Accepts a single ViewStyle or an array of styles.
+     */
+    styleGradient?: ViewStyle | Array<ViewStyle | undefined>;
+    /**
+     * Custom style for the button title text.
+     * Useful for adjusting color, fontSize, or fontWeight.
+     */
+    titleStyle?: TextStyle;
+    /**
+     * Background color when the button is active.
+     * Used when gradient is disabled or overridden.
+     */
+    activeBgColor?: ColorValue;
+    /**
+     * Background color when the button is inactive or disabled.
+     */
+    inactiveBgColor?: ColorValue;
+    /**
+     * Enables the loading/submitting state when set to true.
+     * Commonly used in forms during API calls.
+     */
+    isSubmit?: boolean;
+    /**
+     * Color for the loading indicator or loading gradient.
+     * Example: "#FF7F50"
+     */
+    colorsLoading?: string;
+    /**
+     * Border color when using the "outline" variant.
+     */
+    borderColor?: string;
+    /**
+     * Visual style of the button.
+     * - "filled": Uses full background or gradient (default)
+     * - "outline": Transparent background with a border
+     */
+    variant?: "outline" | "filled";
+    /**
+     * Gradient colors. Accepts an array such as:
+     * ["#FF7F50", "#FF1493"]
+     * or an object if using advanced gradient configs.
+     */
+    colors?: any;
+    /**
+     * Disables button interaction and lowers opacity when true.
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=ButtonGradientTypes.d.ts.map

package/dist/Button/types/ButtonGradientTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGradientTypes.d.ts","sourceRoot":"","sources":["../../../src/Button/types/ButtonGradientTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,eAAe,CAAC;IAExE;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,eAAe,CAAC;IAEtE;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACvD;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAEzD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/Button/types/ButtonGradientTypes.js

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

package/dist/Button/types/ButtonTypes.d.ts

@@ -0,0 +1,65 @@
+import { ColorValue, TextStyle, ViewStyle } from "react-native";
+/**
+ * ButtonType
+ *
+ * Props used to configure a standard button component.
+ * Supports icons, outline/filled variants, loading state,
+ * and customizable styling.
+ */
+export interface ButtonType {
+    /**
+     * Text displayed inside the button.
+     * Example: "Submit", "Save", "Cancel".
+     */
+    title: string;
+    /**
+     * Icon displayed on the start (left) side of the button.
+     * Accepts any React element such as SVG or vector icon.
+     */
+    startIcon?: React.ReactNode | React.JSX.Element | React.ReactSVGElement;
+    /**
+     * Icon displayed on the end (right) side of the button.
+     * Commonly used for arrows or confirmation icons.
+     */
+    endIcon?: React.ReactNode | React.JSX.Element | React.ReactSVGElement;
+    /**
+     * Custom style applied to the outer button container.
+     * Supports both a single ViewStyle or an array of styles.
+     */
+    style?: ViewStyle | Array<ViewStyle | undefined>;
+    /**
+     * Custom style applied to the title text.
+     * Useful for customizing color, fontSize, or fontWeight.
+     */
+    titleStyle?: TextStyle;
+    /**
+     * Background color when the button is active.
+     * Used when the variant is "filled".
+     */
+    activeBgColor?: ColorValue;
+    /**
+     * Background color when the button is inactive or disabled.
+     */
+    inactiveBgColor?: ColorValue;
+    /**
+     * Enables the loading/submitting indicator when true.
+     * Useful for forms and API calls.
+     */
+    isSubmit?: boolean;
+    /**
+     * Color used for the loading indicator.
+     * Example: "#FF7F50"
+     */
+    colorsLoading?: string;
+    /**
+     * Border color used when the variant is "outline".
+     */
+    borderColor?: string;
+    /**
+     * Determines the visual style of the button:
+     * - "filled": Default solid background
+     * - "outline": Transparent background with a border
+     */
+    variant?: "outline" | "filled";
+}
+//# sourceMappingURL=ButtonTypes.d.ts.map

package/dist/Button/types/ButtonTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTypes.d.ts","sourceRoot":"","sources":["../../../src/Button/types/ButtonTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,eAAe,CAAC;IAExE;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,eAAe,CAAC;IAEtE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAEjD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC"}

package/dist/Button/types/ButtonTypes.js

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

package/dist/Buttons/Button.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { TouchableOpacityProps, StyleProp, ViewStyle, TextStyle, TextProps, GestureResponderEvent } from 'react-native';
+export interface ButtonProps extends TouchableOpacityProps {
+    title?: string;
+    startIcon?: React.ReactNode;
+    startIconStyle?: StyleProp<ViewStyle>;
+    endIcon?: React.ReactNode;
+    endIconStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    activeBgColor?: string;
+    inactiveBgColor?: string;
+    disabled?: boolean;
+    isSubmit?: boolean;
+    indicatorSize?: number | "small" | "large" | undefined;
+    onPress?: ((event: GestureResponderEvent) => void) | undefined;
+    variant?: 'filled' | 'outline';
+    borderColor?: string;
+    titleProps?: TextProps;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Buttons/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,WAAY,SAAQ,qBAAqB;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACvD,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/D,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8DjC,CAAC;AAiCF,eAAe,MAAM,CAAC"}

package/dist/Buttons/Button.js

@@ -0,0 +1,66 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActivityIndicator, StyleSheet, TouchableOpacity, View, } from 'react-native';
+import { colors } from '../themes';
+import { scale } from '../utils';
+import Text from '../Texts/Text';
+const Button = (_a) => {
+    var { title, startIcon, startIconStyle, endIcon, endIconStyle, style, titleStyle, activeBgColor = colors.primary, inactiveBgColor = colors.gray_B3B3B3, disabled, isSubmit, indicatorSize, onPress, variant = 'filled', borderColor = colors.primary, titleProps } = _a, rest = __rest(_a, ["title", "startIcon", "startIconStyle", "endIcon", "endIconStyle", "style", "titleStyle", "activeBgColor", "inactiveBgColor", "disabled", "isSubmit", "indicatorSize", "onPress", "variant", "borderColor", "titleProps"]);
+    const backgroundColor = disabled
+        ? inactiveBgColor
+        : variant === 'outline'
+            ? colors.white
+            : activeBgColor;
+    return (_jsxs(TouchableOpacity, Object.assign({}, rest, { disabled: disabled || isSubmit, onPress: onPress, style: [
+            styles.btnContainer,
+            variant === 'outline' && styles.btnContainerOutline,
+            { backgroundColor },
+            variant === 'outline' && { borderColor },
+            style,
+        ], children: [startIcon ? _jsx(View, { style: [styles.viewIconStart, startIconStyle], children: startIcon }) : null, isSubmit ? (_jsx(ActivityIndicator, { size: indicatorSize || 'small', color: variant === 'outline' ? colors.primary : colors.white })) : (_jsx(Text, Object.assign({ style: [
+                    styles.textTitle,
+                    variant === 'outline' ? styles.textTitleOutline : {},
+                    titleStyle,
+                ], numberOfLines: 1 }, titleProps, { children: title }))), endIcon ? _jsx(View, { style: [styles.viewIconEnd, endIconStyle], children: endIcon }) : null] })));
+};
+const styles = StyleSheet.create({
+    btnContainer: {
+        flexDirection: 'row',
+        paddingHorizontal: scale(24),
+        paddingVertical: scale(10),
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: scale(5),
+    },
+    btnContainerOutline: {
+        paddingHorizontal: scale(23),
+        paddingVertical: scale(9),
+        borderWidth: scale(1),
+        backgroundColor: colors.white,
+        borderColor: colors.primary,
+    },
+    viewIconStart: {
+        marginRight: scale(16),
+    },
+    viewIconEnd: {
+        marginLeft: scale(16),
+    },
+    textTitle: {
+        color: colors.white,
+        lineHeight: scale(20),
+    },
+    textTitleOutline: {
+        color: colors.primary,
+    },
+});
+export default Button;

package/dist/Cards/Card.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { View, ViewProps, ViewStyle } from 'react-native';
+import { PaperProps } from './Paper';
+export interface CardProps extends ViewProps, PaperProps {
+    /**
+     * If true, the card will use raised styling.
+     * @default false
+     */
+    raised?: boolean;
+    /**
+     * The variant to use.
+     * @default 'elevation'
+     */
+    variant?: PaperProps['variant'];
+    /**
+     * Custom style
+     */
+    style?: ViewStyle | ViewStyle[];
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
+export default Card;
+//# sourceMappingURL=Card.d.ts.map

package/dist/Cards/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Cards/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,UAAU;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,IAAI,wEA2BR,CAAC;AAIH,eAAe,IAAI,CAAC"}

package/dist/Cards/Card.js

@@ -0,0 +1,26 @@
+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 from 'react';
+import Paper from './Paper';
+const Card = React.forwardRef(function Card(_a, ref) {
+    var { raised = false, variant = 'elevation', style } = _a, rest = __rest(_a, ["raised", "variant", "style"]);
+    const resolvedElevation = raised && variant !== 'outlined' ? 8 : undefined;
+    return (_jsx(Paper, Object.assign({ ref: ref, elevation: resolvedElevation, variant: variant, style: [
+            {
+                overflow: 'hidden',
+            },
+            style,
+        ] }, rest)));
+});
+Card.displayName = 'Card';
+export default Card;

package/dist/Cards/CardActionArea.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { View, StyleProp, ViewStyle, AccessibilityRole } from 'react-native';
+export interface CardActionAreaProps {
+    children?: React.ReactNode;
+    onPress?: () => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    accessibilityRole?: AccessibilityRole;
+}
+declare const CardActionArea: React.ForwardRefExoticComponent<CardActionAreaProps & React.RefAttributes<View>>;
+export default CardActionArea;
+//# sourceMappingURL=CardActionArea.d.ts.map

package/dist/Cards/CardActionArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionArea.d.ts","sourceRoot":"","sources":["../../src/Cards/CardActionArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,IAAI,EAEJ,SAAS,EACT,SAAS,EACT,iBAAiB,EAClB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC;AAED,QAAA,MAAM,cAAc,kFAiCnB,CAAC;AA8BF,eAAe,cAAc,CAAC"}

package/dist/Cards/CardActionArea.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Pressable, View, StyleSheet, } from 'react-native';
+const CardActionArea = React.forwardRef(({ children, onPress, disabled = false, style, contentStyle, accessibilityRole = 'button', }, ref) => {
+    return (_jsxs(Pressable, { ref: ref, disabled: disabled, onPress: onPress, accessibilityRole: accessibilityRole, style: ({ pressed }) => [
+            styles.root,
+            style,
+            pressed && styles.pressed,
+            disabled && styles.disabled,
+        ], children: [_jsx(View, { style: [styles.content, contentStyle], children: children }), _jsx(View, { pointerEvents: "none", style: styles.focusHighlight })] }));
+});
+CardActionArea.displayName = 'CardActionArea';
+const styles = StyleSheet.create({
+    root: {
+        width: '100%',
+        borderRadius: 12,
+        overflow: 'hidden',
+    },
+    content: {
+        width: '100%',
+    },
+    pressed: {
+        opacity: 0.92,
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+    focusHighlight: Object.assign(Object.assign({}, StyleSheet.absoluteFillObject), { backgroundColor: 'rgba(0,0,0,0.08)', opacity: 0 }),
+});
+export default CardActionArea;

package/dist/Cards/CardActions.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { View, StyleProp, ViewStyle } from 'react-native';
+export interface CardActionsProps {
+    children?: React.ReactNode;
+    /**
+     * If `true`, the actions do not have additional margin.
+     * @default false
+     */
+    disableSpacing?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare const CardActions: React.ForwardRefExoticComponent<CardActionsProps & React.RefAttributes<View>>;
+export default CardActions;
+//# sourceMappingURL=CardActions.d.ts.map

package/dist/Cards/CardActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../src/Cards/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,+EAqChB,CAAC;AAeF,eAAe,WAAW,CAAC"}

package/dist/Cards/CardActions.js

@@ -0,0 +1,41 @@
+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 from 'react';
+import { View, StyleSheet, } from 'react-native';
+const CardActions = React.forwardRef(function CardActions(props, ref) {
+    const { children, disableSpacing = false, style } = props, other = __rest(props, ["children", "disableSpacing", "style"]);
+    const childrenArray = React.Children.toArray(children);
+    return (_jsx(View, Object.assign({ ref: ref, style: [
+            styles.root,
+            style,
+        ] }, other, { children: childrenArray.map((child, index) => {
+            if (!React.isValidElement(child))
+                return child;
+            const spacingStyle = !disableSpacing && index > 0
+                ? styles.spacing
+                : null;
+            return (_jsx(View, { style: spacingStyle, children: child }, index));
+        }) })));
+});
+CardActions.displayName = 'CardActions';
+const styles = StyleSheet.create({
+    root: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 8,
+    },
+    spacing: {
+        marginLeft: 8,
+    },
+});
+export default CardActions;

package/dist/Cards/CardContent.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface CardContentProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Set to `true` if you want to have spacing at bottom longer (usually use for the last CardContent)
+     */
+    isLast?: boolean;
+}
+declare const CardContent: React.FC<CardContentProps>;
+export default CardContent;
+//# sourceMappingURL=CardContent.d.ts.map

package/dist/Cards/CardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../src/Cards/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgB3C,CAAC;AAaF,eAAe,WAAW,CAAC"}

package/dist/Cards/CardContent.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, StyleSheet, } from 'react-native';
+const CardContent = ({ children, style, isLast = true, }) => {
+    return (_jsx(View, { style: [
+            styles.root,
+            isLast && styles.last,
+            style,
+        ], children: children }));
+};
+CardContent.displayName = 'CardContent';
+const styles = StyleSheet.create({
+    root: {
+        padding: 16,
+    },
+    last: {
+        paddingBottom: 24,
+    },
+});
+export default CardContent;

package/dist/Cards/CardHeader.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { View, StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface CardHeaderProps {
+    avatar?: React.ReactNode;
+    action?: React.ReactNode;
+    title?: React.ReactNode;
+    subheader?: React.ReactNode;
+    disableTypography?: boolean;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    subheaderStyle?: StyleProp<TextStyle>;
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<View>>;
+export default CardHeader;
+//# sourceMappingURL=CardHeader.d.ts.map

package/dist/Cards/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../src/Cards/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EAGJ,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,UAAU,8EA4Df,CAAC;AA8CF,eAAe,UAAU,CAAC"}