rn-feav-ui 1.0.4 → 1.0.6

package/dist/components/DataTable/index.js

@@ -0,0 +1,72 @@
+"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.DataTableFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Separator_1 = require("../Separator");
+var Table_1 = require("../Table");
+var DataTableFEA = function (_a) {
+    var columns = _a.columns, data = _a.data, style = _a.style, headerStyle = _a.headerStyle, rowKey = _a.rowKey;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(Table_1.TableFEA, { style: style },
+        React.createElement(Table_1.TableHeadFEA, { style: [
+                styles.header,
+                { backgroundColor: theme.colors.muted },
+                headerStyle,
+            ] },
+            React.createElement(react_native_1.View, { style: { flexDirection: "row" } }, columns.map(function (c) {
+                var _a;
+                return (React.createElement(react_native_1.View, { key: c.key, style: { flex: (_a = c.flex) !== null && _a !== void 0 ? _a : 1 } },
+                    React.createElement(react_native_1.Text, { style: { color: theme.colors.mutedForeground, fontWeight: "700", fontSize: 12 } }, c.header)));
+            }))),
+        React.createElement(Separator_1.SeparatorFEA, null),
+        data.map(function (row, idx) {
+            var key = rowKey ? rowKey(row, idx) : "".concat(idx);
+            return (React.createElement(React.Fragment, { key: key },
+                React.createElement(Table_1.TableRowFEA, null, columns.map(function (c) {
+                    var _a;
+                    return (React.createElement(Table_1.TableCellFEA, { key: c.key, flex: (_a = c.flex) !== null && _a !== void 0 ? _a : 1, align: c.align }, c.render ? c.render(row) : row === null || row === void 0 ? void 0 : row[c.key]));
+                })),
+                idx < data.length - 1 ? React.createElement(Separator_1.SeparatorFEA, { style: { opacity: 0.7 } }) : null));
+        })));
+};
+exports.DataTableFEA = DataTableFEA;
+var styles = react_native_1.StyleSheet.create({
+    header: {
+        paddingVertical: 12,
+    },
+});

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const DatePickerFEA: ({ value, onChange, startYear, endYear, style, }: {
+    value?: Date;
+    onChange: (next: Date) => void;
+    startYear?: number;
+    endYear?: number;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/DatePicker/index.js

@@ -0,0 +1,83 @@
+"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.DatePickerFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var NativeSelect_1 = require("../NativeSelect");
+var pad2 = function (n) { return "".concat(n).padStart(2, "0"); };
+var DatePickerFEA = function (_a) {
+    var value = _a.value, onChange = _a.onChange, _b = _a.startYear, startYear = _b === void 0 ? 1970 : _b, _c = _a.endYear, endYear = _c === void 0 ? new Date().getFullYear() + 10 : _c, style = _a.style;
+    var d = value !== null && value !== void 0 ? value : new Date();
+    var year = d.getFullYear();
+    var month = d.getMonth() + 1;
+    var day = d.getDate();
+    var years = Array.from({ length: Math.max(1, endYear - startYear + 1) }, function (_, i) { return startYear + i; });
+    var months = Array.from({ length: 12 }, function (_, i) { return i + 1; });
+    var daysInMonth = new Date(year, month, 0).getDate();
+    var days = Array.from({ length: daysInMonth }, function (_, i) { return i + 1; });
+    return (
+    // RN-friendly date picker without extra deps: 3 selects (Y/M/D)
+    // Consumers can style layout via container `style`.
+    React.createElement(SelectRow, { style: style },
+        React.createElement(NativeSelect_1.SelectFEA, { value: "".concat(year), onValueChange: function (v) {
+                var nextYear = Number(v);
+                var nextDaysInMonth = new Date(nextYear, month, 0).getDate();
+                var nextDay = Math.min(day, nextDaysInMonth);
+                onChange(new Date(nextYear, month - 1, nextDay));
+            }, options: years.map(function (y) { return ({ label: "".concat(y), value: "".concat(y) }); }), placeholder: "Year", style: { flex: 1 } }),
+        React.createElement(NativeSelect_1.SelectFEA, { value: pad2(month), onValueChange: function (v) {
+                var nextMonth = Number(v);
+                var nextDaysInMonth = new Date(year, nextMonth, 0).getDate();
+                var nextDay = Math.min(day, nextDaysInMonth);
+                onChange(new Date(year, nextMonth - 1, nextDay));
+            }, options: months.map(function (m) { return ({ label: pad2(m), value: pad2(m) }); }), placeholder: "Month", style: { flex: 1 } }),
+        React.createElement(NativeSelect_1.SelectFEA, { value: pad2(day), onValueChange: function (v) {
+                var nextDay = Number(v);
+                onChange(new Date(year, month - 1, nextDay));
+            }, options: days.map(function (dd) { return ({ label: pad2(dd), value: pad2(dd) }); }), placeholder: "Day", style: { flex: 1 } })));
+};
+exports.DatePickerFEA = DatePickerFEA;
+var SelectRow = function (_a) {
+    var children = _a.children, style = _a.style;
+    return React.createElement(react_native_1.View, { style: [styles.row, style] }, children);
+};
+var styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        gap: 8,
+        width: "100%",
+    },
+});

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

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

package/dist/components/Drawer/index.js

@@ -0,0 +1,70 @@
+"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.DrawerFEA = 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 DrawerFEA = function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, _b = _a.side, side = _b === void 0 ? "left" : _b, 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(0,0,0,0.35)" : "rgba(0,0,0,0.6)" },
+            ], onPress: function () { return onOpenChange(false); } },
+            React.createElement(react_native_1.Pressable, { onPress: function () { return null; }, style: [
+                    styles.sideWrap,
+                    side === "left" ? { justifyContent: "flex-start" } : { justifyContent: "flex-end" },
+                ] },
+                React.createElement(Card_1.CardFEA, { style: [styles.drawer, style] }, children)))));
+};
+exports.DrawerFEA = DrawerFEA;
+var styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+    },
+    sideWrap: {
+        flex: 1,
+        flexDirection: "row",
+    },
+    drawer: {
+        width: 320,
+        height: "100%",
+        borderRadius: 0,
+        padding: 16,
+    },
+});

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export type DropdownMenuItemFEA = {
+    label: string;
+    onSelect?: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+};
+export declare const DropdownMenuFEA: ({ open, onOpenChange, trigger, items, style, }: {
+    open: boolean;
+    onOpenChange: (next: boolean) => void;
+    trigger: React.ReactNode;
+    items: DropdownMenuItemFEA[];
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/DropdownMenu/index.js

@@ -0,0 +1,80 @@
+"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.DropdownMenuFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Popover_1 = require("../Popover");
+var Separator_1 = require("../Separator");
+var DropdownMenuFEA = function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, trigger = _a.trigger, items = _a.items, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(Popover_1.PopoverFEA, { open: open, onOpenChange: onOpenChange, trigger: trigger, contentStyle: style },
+        React.createElement(react_native_1.View, { style: styles.menu }, items.map(function (it, idx) {
+            var color = it.destructive ? theme.colors.destructive : theme.colors.foreground;
+            var opacity = it.disabled ? 0.5 : 1;
+            return (React.createElement(React.Fragment, { key: "".concat(it.label, "-").concat(idx) },
+                React.createElement(react_native_1.Pressable, { disabled: it.disabled, onPress: function () {
+                        var _a;
+                        if (it.disabled)
+                            return;
+                        (_a = it.onSelect) === null || _a === void 0 ? void 0 : _a.call(it);
+                        onOpenChange(false);
+                    }, style: function (_a) {
+                        var pressed = _a.pressed;
+                        return [
+                            styles.item,
+                            {
+                                backgroundColor: pressed ? theme.colors.muted : "transparent",
+                                opacity: opacity,
+                            },
+                        ];
+                    } },
+                    React.createElement(react_native_1.Text, { style: { color: color, fontWeight: "500" } }, it.label)),
+                idx < items.length - 1 ? React.createElement(Separator_1.SeparatorFEA, { style: { opacity: 0.6 } }) : null));
+        }))));
+};
+exports.DropdownMenuFEA = DropdownMenuFEA;
+var styles = react_native_1.StyleSheet.create({
+    menu: {
+        paddingVertical: 6,
+    },
+    item: {
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+        borderRadius: 10,
+    },
+});

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

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

package/dist/components/Empty/index.js

@@ -0,0 +1,63 @@
+"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.EmptyFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var EmptyFEA = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? "No data" : _b, description = _a.description, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [styles.container, style] },
+        React.createElement(react_native_1.Text, { style: [styles.title, { color: theme.colors.foreground }] }, title),
+        description ? (React.createElement(react_native_1.Text, { style: [styles.desc, { color: theme.colors.mutedForeground }] }, description)) : null));
+};
+exports.EmptyFEA = EmptyFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        paddingVertical: 18,
+        paddingHorizontal: 14,
+        alignItems: "center",
+    },
+    title: {
+        fontSize: 14,
+        fontWeight: "600",
+    },
+    desc: {
+        marginTop: 6,
+        fontSize: 13,
+        textAlign: "center",
+    },
+});

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const FieldFEA: ({ label, description, error, children, style, }: {
+    label?: string;
+    description?: string;
+    error?: string;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Field/index.js

@@ -0,0 +1,54 @@
+"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.FieldFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var FieldFEA = function (_a) {
+    var label = _a.label, description = _a.description, error = _a.error, children = _a.children, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [styles.container, style] },
+        label ? React.createElement(react_native_1.Text, { style: [styles.label, { color: theme.colors.foreground }] }, label) : null,
+        children,
+        error ? (React.createElement(react_native_1.Text, { style: [styles.error, { color: theme.colors.destructive }] }, error)) : description ? (React.createElement(react_native_1.Text, { style: [styles.desc, { color: theme.colors.mutedForeground }] }, description)) : null));
+};
+exports.FieldFEA = FieldFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: { width: "100%" },
+    label: { fontSize: 14, fontWeight: "500", marginBottom: 6 },
+    desc: { marginTop: 6, fontSize: 12 },
+    error: { marginTop: 6, fontSize: 12, fontWeight: "500" },
+});

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

@@ -1,8 +1,7 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-type InputProps = {
-    placeholder: string;
-    style?: StyleProp<ViewStyle>;
+import { StyleProp, TextInputProps, TextStyle } from "react-native";
+export type InputFEAProps = Omit<TextInputProps, "placeholderTextColor" | "style"> & {
+    /** Merged after themed base styles. */
+    style?: StyleProp<TextStyle>;
 };
-export declare const InputFEA: ({ placeholder, style }: InputProps) => React.JSX.Element;
-export {};
+export declare const InputFEA: ({ style, editable, ...rest }: InputFEAProps) => React.JSX.Element;

package/dist/components/Input/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -32,23 +43,35 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputFEA = void 0;
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var InputFEA = function (_a) {
-    var placeholder = _a.placeholder, _b = _a.style, style = _b === void 0 ? {} : _b;
+    var style = _a.style, _b = _a.editable, editable = _b === void 0 ? true : _b, rest = __rest(_a, ["style", "editable"]);
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(react_native_1.TextInput, { placeholder: placeholder, placeholderTextColor: theme.colors.mutedForeground, style: [
+    return (React.createElement(react_native_1.TextInput, __assign({ editable: editable, placeholderTextColor: theme.colors.mutedForeground }, rest, { style: [
             styles.base,
             {
                 backgroundColor: theme.colors.background,
                 color: theme.colors.foreground,
                 borderColor: theme.colors.input,
+                opacity: editable ? 1 : 0.55,
             },
             style,
-        ] }));
+        ] })));
 };
 exports.InputFEA = InputFEA;
 var styles = react_native_1.StyleSheet.create({

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

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

package/dist/components/InputGroup/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.InputGroupFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var InputGroupFEA = 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.group,
+            {
+                borderColor: theme.colors.border,
+                backgroundColor: theme.colors.background,
+            },
+            style,
+        ] }, children));
+};
+exports.InputGroupFEA = InputGroupFEA;
+var styles = react_native_1.StyleSheet.create({
+    group: {
+        borderWidth: 1,
+        borderRadius: 12,
+        overflow: "hidden",
+    },
+});

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const InputOTPFEA: ({ value, onChange, length, style, }: {
+    value: string;
+    onChange: (next: string) => void;
+    length?: number;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;