rn-feav-ui 1.0.2 → 1.0.3

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const AccordionFEA: ({ title, children, defaultOpen, style, }: {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Accordion/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Card_1 = require("../Card");
+var AccordionFEA = function (_a) {
+    var title = _a.title, children = _a.children, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, style = _a.style;
+    var _c = React.useState(defaultOpen), open = _c[0], setOpen = _c[1];
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(Card_1.CardFEA, { style: style },
+        React.createElement(react_native_1.Pressable, { style: styles.trigger, onPress: function () { return setOpen(function (v) { return !v; }); } },
+            React.createElement(react_native_1.Text, { style: [styles.title, { color: theme.colors.text }] }, title),
+            React.createElement(react_native_1.Text, { style: { color: theme.colors.text, opacity: 0.7 } }, open ? "-" : "+")),
+        open ? React.createElement(react_native_1.View, { style: styles.content }, children) : null));
+};
+exports.AccordionFEA = AccordionFEA;
+var styles = react_native_1.StyleSheet.create({
+    trigger: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    title: {
+        fontSize: 14,
+        fontWeight: "600",
+    },
+    content: {
+        paddingTop: 10,
+    },
+});

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+type AlertVariant = "default" | "destructive";
+export declare const AlertFEA: ({ title, description, variant, style, }: {
+    title: string;
+    description?: string;
+    variant?: AlertVariant;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+export {};

package/dist/components/Alert/index.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var AlertFEA = function (_a) {
+    var title = _a.title, description = _a.description, _b = _a.variant, variant = _b === void 0 ? "default" : _b, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var destructive = variant === "destructive";
+    return (React.createElement(react_native_1.View, { style: [
+            styles.container,
+            {
+                backgroundColor: destructive
+                    ? theme.mode === "light"
+                        ? "#fef2f2"
+                        : "rgba(127,29,29,0.35)"
+                    : theme.mode === "light"
+                        ? "#ffffff"
+                        : "#020617",
+                borderColor: destructive
+                    ? theme.mode === "light"
+                        ? "#fecaca"
+                        : "rgba(248,113,113,0.4)"
+                    : theme.mode === "light"
+                        ? "#e5e7eb"
+                        : "#1f2937",
+            },
+            style,
+        ] },
+        React.createElement(react_native_1.Text, { style: [styles.title, { color: destructive ? "#dc2626" : theme.colors.text }] }, title),
+        description ? (React.createElement(react_native_1.Text, { style: [styles.description, { color: destructive ? "#b91c1c" : theme.colors.text }] }, description)) : null));
+};
+exports.AlertFEA = AlertFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        borderWidth: 1,
+        borderRadius: 12,
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+    },
+    title: {
+        fontSize: 14,
+        fontWeight: "600",
+    },
+    description: {
+        marginTop: 4,
+        fontSize: 13,
+        opacity: 0.9,
+    },
+});

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { ImageSourcePropType } from "react-native";
+export declare const AvatarFEA: ({ source, fallback, size, }: {
+    source?: ImageSourcePropType;
+    fallback?: string;
+    size?: number;
+}) => React.JSX.Element;

package/dist/components/Avatar/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var AvatarFEA = function (_a) {
+    var source = _a.source, fallback = _a.fallback, _b = _a.size, size = _b === void 0 ? 40 : _b;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var initials = (fallback || "?").slice(0, 2).toUpperCase();
+    if (source) {
+        return React.createElement(react_native_1.Image, { source: source, style: { width: size, height: size, borderRadius: size / 2 } });
+    }
+    return (React.createElement(react_native_1.View, { style: [
+            styles.fallback,
+            {
+                width: size,
+                height: size,
+                borderRadius: size / 2,
+                backgroundColor: theme.mode === "light" ? "#f3f4f6" : "#1f2937",
+                borderColor: theme.mode === "light" ? "#e5e7eb" : "#374151",
+            },
+        ] },
+        React.createElement(react_native_1.Text, { style: { color: theme.colors.text, fontWeight: "600", fontSize: Math.max(12, size / 3) } }, initials)));
+};
+exports.AvatarFEA = AvatarFEA;
+var styles = react_native_1.StyleSheet.create({
+    fallback: {
+        borderWidth: 1,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});

package/dist/components/Badge/index.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { StyleProp, ViewStyle } from "react-native";
-export declare const Badge: ({ label, style }: {
+type BadgeProps = {
     label: string;
     style?: StyleProp<ViewStyle>;
-}) => React.JSX.Element;
+};
+export declare const BadgeFEA: ({ label, style }: BadgeProps) => React.JSX.Element;
+export {};

package/dist/components/Badge/index.js

@@ -33,15 +33,38 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
+exports.BadgeFEA = void 0;
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
-var GlassCard_1 = require("../GlassCard");
-var Badge = function (_a) {
+var BadgeFEA = function (_a) {
     var label = _a.label, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(GlassCard_1.GlassCard, { style: [{ padding: 6, alignSelf: 'flex-start' }, style] },
-        React.createElement(react_native_1.Text, { style: { color: theme.colors.text } }, label)));
+    var isLight = theme.mode === "light";
+    return (React.createElement(react_native_1.View, { style: [
+            styles.badge,
+            {
+                backgroundColor: isLight ? "#eef2ff" : "rgba(30,64,175,0.35)",
+                borderColor: isLight ? "#c7d2fe" : "rgba(129,140,248,0.6)",
+            },
+            style,
+        ] },
+        React.createElement(react_native_1.Text, { style: [
+                styles.label,
+                { color: isLight ? "#1d4ed8" : "#c7d2fe" },
+            ] }, label)));
 };
-exports.Badge = Badge;
+exports.BadgeFEA = BadgeFEA;
+var styles = react_native_1.StyleSheet.create({
+    badge: {
+        paddingHorizontal: 10,
+        paddingVertical: 4,
+        borderRadius: 999,
+        borderWidth: 1,
+        alignSelf: "flex-start",
+    },
+    label: {
+        fontSize: 12,
+        fontWeight: "500",
+    },
+});

package/dist/components/BottomSheet/index.d.ts

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from "react-native";
 import * as React from "react";
-export declare const BottomSheet: ({ children, style }: {
+import { StyleProp, ViewStyle } from "react-native";
+export declare const BottomSheetFEA: ({ children, style, }: {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
 }) => React.JSX.Element;

package/dist/components/BottomSheet/index.js

@@ -36,14 +36,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomSheet = void 0;
-var GlassCard_1 = require("../../components/GlassCard");
-var react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
-var styles_1 = require("../../components/GlassCard/styles");
+exports.BottomSheetFEA = void 0;
 var React = __importStar(require("react"));
-var BottomSheet = function (_a) {
+var react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
+var react_native_1 = require("react-native");
+var Card_1 = require("../Card");
+var BottomSheetFEA = function (_a) {
     var children = _a.children, _b = _a.style, style = _b === void 0 ? {} : _b;
-    return (React.createElement(react_native_reanimated_1.default.View, { style: [{ width: "100%" }, styles_1.glassCardStyles.bottomSheet, style] },
-        React.createElement(GlassCard_1.GlassCard, null, children)));
+    return (React.createElement(react_native_reanimated_1.default.View, { style: [styles.container, style] },
+        React.createElement(Card_1.CardFEA, { style: styles.card }, children)));
 };
-exports.BottomSheet = BottomSheet;
+exports.BottomSheetFEA = BottomSheetFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        position: "absolute",
+        left: 0,
+        right: 0,
+        bottom: 0,
+        width: "100%",
+    },
+    card: {
+        borderRadius: 16,
+        overflow: "hidden",
+    },
+});

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

@@ -1,6 +1,14 @@
 import * as React from "react";
-export declare const Button: ({ title, variant, onPress }: {
+import { StyleProp, ViewStyle } from "react-native";
+type ButtonVariant = "primary" | "glass" | "soft" | "outline" | "ghost";
+type ButtonSize = "default" | "sm" | "lg";
+type ButtonProps = {
     title: string;
-    variant: "primary" | "glass" | "soft";
+    variant?: ButtonVariant;
+    size?: ButtonSize;
     onPress: () => void;
-}) => React.JSX.Element;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const ButtonFEA: ({ title, variant, size, onPress, disabled, style, }: ButtonProps) => React.JSX.Element;
+export {};

package/dist/components/Button/index.js

@@ -33,34 +33,144 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.ButtonFEA = void 0;
 var React = __importStar(require("react"));
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var react_native_1 = require("react-native");
 var GlassCard_1 = require("../GlassCard");
-var expo_linear_gradient_1 = require("expo-linear-gradient");
-var Button = function (_a) {
-    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, onPress = _a.onPress;
+var ButtonFEA = function (_a) {
+    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, onPress = _a.onPress, _d = _a.disabled, disabled = _d === void 0 ? false : _d, style = _a.style;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    if (variant === 'glass') {
-        return (React.createElement(GlassCard_1.GlassCard, null,
-            React.createElement(react_native_1.TouchableOpacity, { onPress: onPress },
-                React.createElement(react_native_1.Text, { style: { textAlign: 'center', color: theme.colors.text } }, title))));
+    var sizeStyle = size === "sm"
+        ? styles.sizeSm
+        : size === "lg"
+            ? styles.sizeLg
+            : styles.sizeDefault;
+    if (variant === "glass") {
+        return (React.createElement(GlassCard_1.GlassCardFEA, { style: [styles.glassCard, style] },
+            React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.85, style: [styles.baseButton, sizeStyle], disabled: disabled },
+                React.createElement(react_native_1.Text, { style: [
+                        styles.text,
+                        { color: theme.colors.text, opacity: disabled ? 0.5 : 1 },
+                    ] }, title))));
     }
-    if (variant === 'soft') {
-        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, style: {
-                backgroundColor: theme.colors.bg,
-                padding: 14,
-                borderRadius: 20,
-                shadowColor: theme.mode === 'light' ? '#cfd6e6' : '#000',
-                shadowOffset: { width: 6, height: 6 },
-                shadowOpacity: 1,
-                shadowRadius: 10,
-            } },
-            React.createElement(react_native_1.Text, { style: { textAlign: 'center', color: theme.colors.text } }, title)));
+    if (variant === "soft") {
+        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+                styles.baseButton,
+                sizeStyle,
+                styles.softButton,
+                theme.mode === "light" ? styles.softLight : styles.softDark,
+                disabled && styles.disabled,
+                style,
+            ] },
+            React.createElement(react_native_1.Text, { style: [
+                    styles.text,
+                    { color: theme.colors.text, opacity: disabled ? 0.6 : 1 },
+                ] }, title)));
     }
-    return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress },
-        React.createElement(expo_linear_gradient_1.LinearGradient, { colors: [theme.colors.primary, '#9aa7ff'], style: { padding: 14, borderRadius: 20 } },
-            React.createElement(react_native_1.Text, { style: { color: '#fff', textAlign: 'center' } }, title))));
+    if (variant === "outline") {
+        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+                styles.baseButton,
+                sizeStyle,
+                styles.outlineButton,
+                {
+                    borderColor: theme.mode === "light" ? "#e5e7eb" : "rgba(148,163,184,0.7)",
+                },
+                disabled && styles.disabled,
+                style,
+            ] },
+            React.createElement(react_native_1.Text, { style: [
+                    styles.text,
+                    {
+                        color: theme.colors.text,
+                        opacity: disabled ? 0.6 : 1,
+                    },
+                ] }, title)));
+    }
+    if (variant === "ghost") {
+        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+                styles.baseButton,
+                sizeStyle,
+                styles.ghostButton,
+                disabled && styles.disabledGhost,
+                style,
+            ] },
+            React.createElement(react_native_1.Text, { style: [
+                    styles.text,
+                    {
+                        color: theme.colors.text,
+                        opacity: disabled ? 0.5 : 1,
+                    },
+                ] }, title)));
+    }
+    return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+            styles.baseButton,
+            sizeStyle,
+            { backgroundColor: theme.colors.primary },
+            disabled && { opacity: 0.7 },
+            style,
+        ] },
+        React.createElement(react_native_1.Text, { style: [
+                styles.text,
+                styles.primaryText,
+                disabled && { opacity: 0.8 },
+            ] }, title)));
 };
-exports.Button = Button;
+exports.ButtonFEA = ButtonFEA;
+var styles = react_native_1.StyleSheet.create({
+    baseButton: {
+        borderRadius: 999,
+        justifyContent: "center",
+        alignItems: "center",
+        flexDirection: "row",
+    },
+    sizeDefault: {
+        paddingVertical: 12,
+        paddingHorizontal: 18,
+    },
+    sizeSm: {
+        paddingVertical: 8,
+        paddingHorizontal: 14,
+    },
+    sizeLg: {
+        paddingVertical: 14,
+        paddingHorizontal: 22,
+    },
+    text: {
+        textAlign: "center",
+        fontSize: 16,
+        fontWeight: "600",
+    },
+    primaryText: {
+        color: "#ffffff",
+    },
+    primaryButton: {},
+    glassCard: {
+        borderRadius: 999,
+    },
+    softButton: {
+        borderWidth: 1,
+        width: "100%",
+    },
+    softLight: {
+        backgroundColor: "#f9fafb",
+        borderColor: "#e5e7eb",
+    },
+    softDark: {
+        backgroundColor: "rgba(15,23,42,0.75)",
+        borderColor: "rgba(148,163,184,0.5)",
+    },
+    outlineButton: {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+    },
+    ghostButton: {
+        backgroundColor: "transparent",
+    },
+    disabled: {
+        opacity: 0.6,
+    },
+    disabledGhost: {
+        opacity: 0.4,
+    },
+});

package/dist/components/Card/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+type CardProps = {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const CardFEA: ({ children, style }: CardProps) => React.JSX.Element;
+export {};

package/dist/components/Card/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var CardFEA = function (_a) {
+    var children = _a.children, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [
+            styles.card,
+            {
+                backgroundColor: theme.mode === "light" ? "#ffffff" : "#020617",
+                borderColor: theme.mode === "light" ? "#e5e7eb" : "#1f2937",
+            },
+            style,
+        ] }, children));
+};
+exports.CardFEA = CardFEA;
+var styles = react_native_1.StyleSheet.create({
+    card: {
+        borderRadius: 14,
+        borderWidth: 1,
+        padding: 16,
+    },
+});

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export declare const CheckboxFEA: ({ checked, onChange, label, disabled, }: {
+    checked: boolean;
+    onChange: (next: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+}) => React.JSX.Element;