rn-feav-ui 1.0.2 → 1.0.3

package/dist/components/Checkbox/index.js

@@ -0,0 +1,75 @@
+"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.CheckboxFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var CheckboxFEA = function (_a) {
+    var checked = _a.checked, onChange = _a.onChange, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.Pressable, { onPress: function () { return !disabled && onChange(!checked); }, style: styles.row, disabled: disabled },
+        React.createElement(react_native_1.View, { style: [
+                styles.box,
+                {
+                    borderColor: checked ? theme.colors.primary : theme.mode === "light" ? "#d1d5db" : "#475569",
+                    backgroundColor: checked ? theme.colors.primary : "transparent",
+                    opacity: disabled ? 0.5 : 1,
+                },
+            ] }, checked ? React.createElement(react_native_1.Text, { style: styles.tick }, "\u2713") : null),
+        label ? React.createElement(react_native_1.Text, { style: { color: theme.colors.text, opacity: disabled ? 0.6 : 1 } }, label) : null));
+};
+exports.CheckboxFEA = CheckboxFEA;
+var styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 8,
+    },
+    box: {
+        width: 18,
+        height: 18,
+        borderRadius: 4,
+        borderWidth: 1.5,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    tick: {
+        color: "#ffffff",
+        fontSize: 12,
+        lineHeight: 13,
+        fontWeight: "700",
+    },
+});

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const DialogFEA: ({ open, onOpenChange, children, style, }: {
+    open: boolean;
+    onOpenChange: (next: boolean) => void;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+export declare const DialogHeaderFEA: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const DialogFooterFEA: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/components/Dialog/index.js

@@ -0,0 +1,77 @@
+"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.DialogFooterFEA = exports.DialogHeaderFEA = exports.DialogFEA = 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 DialogFEA = function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, children = _a.children, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.Modal, { transparent: true, visible: open, animationType: "fade", onRequestClose: function () { return onOpenChange(false); } },
+        React.createElement(react_native_1.Pressable, { style: [
+                styles.overlay,
+                { backgroundColor: theme.mode === "light" ? "rgba(15,23,42,0.18)" : "rgba(0,0,0,0.55)" },
+            ], onPress: function () { return onOpenChange(false); } },
+            React.createElement(react_native_1.Pressable, { onPress: function () { return null; }, style: styles.innerPress },
+                React.createElement(Card_1.CardFEA, { style: [styles.card, style] }, children)))));
+};
+exports.DialogFEA = DialogFEA;
+var DialogHeaderFEA = function (_a) {
+    var children = _a.children;
+    return (React.createElement(react_native_1.View, { style: { marginBottom: 10 } }, children));
+};
+exports.DialogHeaderFEA = DialogHeaderFEA;
+var DialogFooterFEA = function (_a) {
+    var children = _a.children;
+    return (React.createElement(react_native_1.View, { style: { marginTop: 12, flexDirection: "row", justifyContent: "flex-end", gap: 8 } }, children));
+};
+exports.DialogFooterFEA = DialogFooterFEA;
+var styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 20,
+    },
+    innerPress: {
+        width: "100%",
+        maxWidth: 460,
+    },
+    card: {
+        width: "100%",
+    },
+});

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

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

package/dist/components/GlassCard/index.js

@@ -33,18 +33,23 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlassCard = void 0;
+exports.GlassCardFEA = void 0;
 var React = __importStar(require("react"));
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var expo_linear_gradient_1 = require("expo-linear-gradient");
 var react_native_1 = require("react-native");
 var styles_1 = require("./styles");
-var GlassCard = function (_a) {
+var GlassCardFEA = function (_a) {
     var children = _a.children, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
     return (React.createElement(expo_linear_gradient_1.LinearGradient, { colors: theme.mode === 'light'
-            ? ['rgba(255,255,255,0.25)', 'rgba(255,255,255,0.1)']
-            : ['rgba(255,255,255,0.1)', 'rgba(255,255,255,0.02)'], style: [styles_1.glassCardStyles.card, { borderColor: theme.colors.border }, style] },
+            ? ['rgba(255,255,255,0.97)', 'rgba(248,250,252,0.88)']
+            : ['rgba(15,23,42,0.88)', 'rgba(2,6,23,0.85)'], style: [
+            styles_1.glassCardStyles.card,
+            theme.mode === 'light' ? styles_1.glassCardStyles.shadowLight : styles_1.glassCardStyles.shadowDark,
+            { borderColor: theme.mode === 'light' ? 'rgba(15,23,42,0.08)' : 'rgba(148,163,184,0.2)' },
+            style,
+        ] },
         React.createElement(react_native_1.View, { style: styles_1.glassCardStyles.inner }, children)));
 };
-exports.GlassCard = GlassCard;
+exports.GlassCardFEA = GlassCardFEA;

package/dist/components/GlassCard/styles.d.ts

@@ -2,9 +2,31 @@ export declare const glassCardStyles: {
     card: {
         borderRadius: number;
         borderWidth: number;
+        overflow: "hidden";
     };
     inner: {
-        padding: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    shadowLight: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    shadowDark: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
     };
     modal: {
         position: "absolute";

package/dist/components/GlassCard/styles.js

@@ -6,10 +6,25 @@ var react_native_1 = require("react-native");
 // ========================================
 exports.glassCardStyles = react_native_1.StyleSheet.create({
     card: {
-        borderRadius: 24,
+        borderRadius: 14,
         borderWidth: 1,
+        overflow: "hidden",
+    },
+    inner: { paddingHorizontal: 14, paddingVertical: 12 },
+    shadowLight: {
+        shadowColor: "#0f172a",
+        shadowOffset: { width: 0, height: 6 },
+        shadowOpacity: 0.06,
+        shadowRadius: 16,
+        elevation: 2,
+    },
+    shadowDark: {
+        shadowColor: "#020617",
+        shadowOffset: { width: 0, height: 6 },
+        shadowOpacity: 0.2,
+        shadowRadius: 16,
+        elevation: 1,
     },
-    inner: { padding: 16 },
     modal: {
         position: 'absolute',
         top: 0, left: 0, right: 0, bottom: 0,

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

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

package/dist/components/Input/index.js

@@ -33,23 +33,30 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
+exports.InputFEA = void 0;
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
-var Input = function (_a) {
+var InputFEA = function (_a) {
     var placeholder = _a.placeholder, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(react_native_1.TextInput, { placeholder: placeholder, placeholderTextColor: theme.colors.text, style: [{
-                backgroundColor: theme.colors.bg,
+    return (React.createElement(react_native_1.TextInput, { placeholder: placeholder, placeholderTextColor: theme.mode === "light" ? "#9ca3af" : "rgba(148,163,184,0.9)", style: [
+            styles.base,
+            {
+                backgroundColor: theme.mode === "light" ? "#ffffff" : "rgba(15,23,42,0.9)",
                 color: theme.colors.text,
-                padding: 14,
-                borderRadius: 16,
-                marginVertical: 8,
-                shadowColor: theme.mode === 'light' ? '#cfd6e6' : '#000',
-                shadowOffset: { width: 4, height: 4 },
-                shadowOpacity: 1,
-                shadowRadius: 6,
-            }, style] }));
+                borderColor: theme.mode === "light" ? "#e5e7eb" : "rgba(51,65,85,0.9)",
+            },
+            style,
+        ] }));
 };
-exports.Input = Input;
+exports.InputFEA = InputFEA;
+var styles = react_native_1.StyleSheet.create({
+    base: {
+        paddingVertical: 10,
+        paddingHorizontal: 14,
+        borderRadius: 10,
+        borderWidth: 1,
+        marginVertical: 8,
+    },
+});

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

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

package/dist/components/Label/index.js

@@ -0,0 +1,52 @@
+"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.LabelFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var LabelFEA = function (_a) {
+    var children = _a.children, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return React.createElement(react_native_1.Text, { style: [styles.base, { color: theme.colors.text }, style] }, children);
+};
+exports.LabelFEA = LabelFEA;
+var styles = react_native_1.StyleSheet.create({
+    base: {
+        fontSize: 14,
+        fontWeight: "500",
+        marginBottom: 6,
+    },
+});

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

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from "react-native";
 import * as React from "react";
-export declare const ListItem: ({ title, subtitle, style }: {
+import { StyleProp, ViewStyle } from "react-native";
+export declare const ListItemFEA: ({ title, subtitle, style, }: {
     title: string;
     subtitle: string;
     style?: StyleProp<ViewStyle>;

package/dist/components/ListItem/index.js

@@ -33,16 +33,34 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItem = void 0;
-var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
-var react_native_1 = require("react-native");
+exports.ListItemFEA = void 0;
 var React = __importStar(require("react"));
-var GlassCard_1 = require("../GlassCard");
-var ListItem = function (_a) {
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Card_1 = require("../Card");
+var ListItemFEA = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(GlassCard_1.GlassCard, { style: { marginBottom: 10 } },
-        React.createElement(react_native_1.Text, { style: { color: theme.colors.text } }, title),
-        React.createElement(react_native_1.Text, { style: { opacity: 0.6, color: theme.colors.text } }, subtitle)));
+    return (React.createElement(Card_1.CardFEA, { style: [styles.container, style] },
+        React.createElement(react_native_1.Text, { style: [styles.title, { color: theme.colors.text }] }, title),
+        React.createElement(react_native_1.Text, { style: [
+                styles.subtitle,
+                { color: theme.colors.text, opacity: 0.6 },
+            ] }, subtitle)));
 };
-exports.ListItem = ListItem;
+exports.ListItemFEA = ListItemFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        marginBottom: 10,
+        paddingVertical: 12,
+        paddingHorizontal: 14,
+    },
+    title: {
+        fontSize: 14,
+        fontWeight: "600",
+    },
+    subtitle: {
+        marginTop: 4,
+        fontSize: 12,
+    },
+});

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

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from "react-native";
 import * as React from "react";
-export declare const Modal: ({ visible, children, style }: {
+import { StyleProp, ViewStyle } from "react-native";
+export declare const ModalFEA: ({ visible, children, style, }: {
     visible: boolean;
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;

package/dist/components/Modal/index.js

@@ -33,18 +33,38 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
-var react_native_1 = require("react-native");
+exports.ModalFEA = void 0;
 var React = __importStar(require("react"));
-var GlassCard_1 = require("../GlassCard");
-var styles_1 = require("../GlassCard/styles");
-var Modal = function (_a) {
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Card_1 = require("../Card");
+var ModalFEA = function (_a) {
     var visible = _a.visible, children = _a.children, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
     if (!visible)
         return null;
-    return (React.createElement(react_native_1.View, { style: [{ width: '80%' }, styles_1.glassCardStyles.modal, style] },
-        React.createElement(GlassCard_1.GlassCard, { style: { width: '100%' } }, children)));
+    return (React.createElement(react_native_1.View, { pointerEvents: "box-none", style: [
+            styles.overlay,
+            {
+                backgroundColor: theme.mode === "light"
+                    ? "rgba(15,23,42,0.15)"
+                    : "rgba(0,0,0,0.45)",
+            },
+        ] },
+        React.createElement(Card_1.CardFEA, { style: [styles.card, { width: "80%" }, style] }, children)));
 };
-exports.Modal = Modal;
+exports.ModalFEA = ModalFEA;
+var styles = react_native_1.StyleSheet.create({
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    card: {
+        overflow: "hidden",
+    },
+});

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

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

package/dist/components/Navbar/index.js

@@ -33,15 +33,26 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navbar = void 0;
-var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
-var react_native_1 = require("react-native");
+exports.NavbarFEA = void 0;
 var React = __importStar(require("react"));
-var GlassCard_1 = require("../GlassCard");
-var Navbar = function (_a) {
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Card_1 = require("../Card");
+var NavbarFEA = function (_a) {
     var title = _a.title, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(GlassCard_1.GlassCard, { style: [{ marginBottom: 12 }, style] },
-        React.createElement(react_native_1.Text, { style: { fontSize: 18, color: theme.colors.text } }, title)));
+    return (React.createElement(Card_1.CardFEA, { style: [styles.container, style] },
+        React.createElement(react_native_1.Text, { style: [styles.title, { color: theme.colors.text }] }, title)));
 };
-exports.Navbar = Navbar;
+exports.NavbarFEA = NavbarFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        marginBottom: 12,
+        paddingVertical: 14,
+        paddingHorizontal: 16,
+    },
+    title: {
+        fontSize: 18,
+        fontWeight: "600",
+    },
+});

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

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

package/dist/components/Progress/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.ProgressFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var ProgressFEA = function (_a) {
+    var value = _a.value, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var safe = Math.max(0, Math.min(100, value));
+    return (React.createElement(react_native_1.View, { style: [
+            styles.track,
+            {
+                backgroundColor: theme.mode === "light" ? "#f3f4f6" : "#1f2937",
+            },
+            style,
+        ] },
+        React.createElement(react_native_1.View, { style: [styles.bar, { width: "".concat(safe, "%"), backgroundColor: theme.colors.primary }] })));
+};
+exports.ProgressFEA = ProgressFEA;
+var styles = react_native_1.StyleSheet.create({
+    track: {
+        width: "100%",
+        height: 10,
+        borderRadius: 999,
+        overflow: "hidden",
+    },
+    bar: {
+        height: "100%",
+        borderRadius: 999,
+    },
+});

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

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