rn-feav-ui 1.0.4 → 1.0.6

package/dist/components/RadioGroup/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.RadioGroupFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var RadioGroupFEA = function (_a) {
+    var value = _a.value, onValueChange = _a.onValueChange, options = _a.options, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [styles.list, style] }, options.map(function (opt) {
+        var selected = opt.value === value;
+        return (React.createElement(react_native_1.Pressable, { key: opt.value, disabled: opt.disabled, onPress: function () { return onValueChange(opt.value); }, style: [styles.row, { opacity: opt.disabled ? 0.5 : 1 }] },
+            React.createElement(react_native_1.View, { style: [
+                    styles.outer,
+                    { borderColor: selected ? theme.colors.primary : theme.colors.input },
+                ] }, selected ? React.createElement(react_native_1.View, { style: [styles.inner, { backgroundColor: theme.colors.primary }] }) : null),
+            React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: "500" } }, opt.label)));
+    })));
+};
+exports.RadioGroupFEA = RadioGroupFEA;
+var styles = react_native_1.StyleSheet.create({
+    list: { gap: 10 },
+    row: { flexDirection: "row", alignItems: "center", gap: 10 },
+    outer: {
+        width: 18,
+        height: 18,
+        borderRadius: 999,
+        borderWidth: 2,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    inner: { width: 9, height: 9, borderRadius: 999 },
+});

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

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

package/dist/components/Resizable/index.js

@@ -0,0 +1,45 @@
+"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.ResizableFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+// RN doesn't have window-resize handles like web.
+// This provides a controlled container so consumers can implement their own resize logic if needed.
+var ResizableFEA = function (_a) {
+    var width = _a.width, height = _a.height, children = _a.children, style = _a.style;
+    return React.createElement(react_native_1.View, { style: [{ width: width, height: height }, style] }, children);
+};
+exports.ResizableFEA = ResizableFEA;

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ScrollViewProps, StyleProp, ViewStyle } from "react-native";
+export declare const ScrollAreaFEA: ({ style, contentContainerStyle, children, ...rest }: ScrollViewProps & {
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: ScrollViewProps["contentContainerStyle"];
+}) => React.JSX.Element;

package/dist/components/ScrollArea/index.js

@@ -0,0 +1,65 @@
+"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);
+    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;
+    };
+})();
+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.ScrollAreaFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ScrollAreaFEA = function (_a) {
+    var style = _a.style, contentContainerStyle = _a.contentContainerStyle, children = _a.children, rest = __rest(_a, ["style", "contentContainerStyle", "children"]);
+    return (React.createElement(react_native_1.ScrollView, __assign({ style: style, contentContainerStyle: contentContainerStyle, showsVerticalScrollIndicator: false }, rest), children));
+};
+exports.ScrollAreaFEA = ScrollAreaFEA;

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

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

package/dist/components/Sheet/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.SheetFEA = 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 SheetFEA = 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: "slide", 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.container },
+                React.createElement(Card_1.CardFEA, { style: [styles.sheet, style] }, children)))));
+};
+exports.SheetFEA = SheetFEA;
+var styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        justifyContent: "flex-end",
+    },
+    container: {
+        padding: 12,
+    },
+    sheet: {
+        borderRadius: 18,
+        padding: 16,
+    },
+});

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export type SidebarItemFEA = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export declare const SidebarFEA: ({ open, onOpenChange, value, onValueChange, items, header, footer, style, }: {
+    open: boolean;
+    onOpenChange: (next: boolean) => void;
+    value?: string;
+    onValueChange?: (next: string) => void;
+    items: SidebarItemFEA[];
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Sidebar/index.js

@@ -0,0 +1,81 @@
+"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.SidebarFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Drawer_1 = require("../Drawer");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var SidebarFEA = function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, value = _a.value, onValueChange = _a.onValueChange, items = _a.items, header = _a.header, footer = _a.footer, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(Drawer_1.DrawerFEA, { open: open, onOpenChange: onOpenChange, side: "left", style: style },
+        React.createElement(react_native_1.View, { style: { gap: 10, flex: 1 } },
+            header,
+            React.createElement(react_native_1.View, { style: { gap: 6 } }, items.map(function (it) {
+                var active = it.value === value;
+                return (React.createElement(react_native_1.Pressable, { key: it.value, disabled: it.disabled, onPress: function () {
+                        if (it.disabled)
+                            return;
+                        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(it.value);
+                    }, style: function (_a) {
+                        var pressed = _a.pressed;
+                        return [
+                            styles.item,
+                            {
+                                backgroundColor: active
+                                    ? theme.colors.muted
+                                    : pressed
+                                        ? theme.colors.muted
+                                        : "transparent",
+                                borderColor: active ? theme.colors.border : "transparent",
+                                opacity: it.disabled ? 0.5 : 1,
+                            },
+                        ];
+                    } },
+                    React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: active ? "700" : "600" } }, it.label)));
+            })),
+            React.createElement(react_native_1.View, { style: { flex: 1 } }),
+            footer)));
+};
+exports.SidebarFEA = SidebarFEA;
+var styles = react_native_1.StyleSheet.create({
+    item: {
+        borderWidth: 1,
+        borderRadius: 12,
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+    },
+});

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const SliderFEA: ({ value, onValueChange, min, max, step, style, }: {
+    value: number;
+    onValueChange: (next: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Slider/index.js

@@ -0,0 +1,104 @@
+"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);
+    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.SliderFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var clamp = function (v, min, max) { return Math.max(min, Math.min(max, v)); };
+var SliderFEA = function (_a) {
+    var value = _a.value, onValueChange = _a.onValueChange, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var _e = React.useState(1), w = _e[0], setW = _e[1];
+    var ratio = (clamp(value, min, max) - min) / Math.max(1e-6, max - min);
+    var x = ratio * w;
+    var snap = function (raw) {
+        var stepped = Math.round(raw / step) * step;
+        return clamp(stepped, min, max);
+    };
+    var setFromX = function (px) {
+        var r = clamp(px / Math.max(1, w), 0, 1);
+        var raw = min + r * (max - min);
+        onValueChange(snap(raw));
+    };
+    var pan = React.useMemo(function () {
+        return react_native_1.PanResponder.create({
+            onStartShouldSetPanResponder: function () { return true; },
+            onMoveShouldSetPanResponder: function () { return true; },
+            onPanResponderGrant: function (evt) {
+                setFromX(evt.nativeEvent.locationX);
+            },
+            onPanResponderMove: function (evt) {
+                setFromX(evt.nativeEvent.locationX);
+            },
+        });
+    }, [w, min, max, step]);
+    var onLayout = function (e) { return setW(e.nativeEvent.layout.width); };
+    return (React.createElement(react_native_1.View, __assign({ style: [styles.wrap, style], onLayout: onLayout }, pan.panHandlers),
+        React.createElement(react_native_1.View, { style: [styles.track, { backgroundColor: theme.colors.muted }] }),
+        React.createElement(react_native_1.View, { style: [styles.range, { width: x, backgroundColor: theme.colors.primary }] }),
+        React.createElement(react_native_1.View, { style: [
+                styles.thumb,
+                {
+                    left: x - 10,
+                    borderColor: theme.colors.border,
+                    backgroundColor: theme.colors.background,
+                },
+            ] })));
+};
+exports.SliderFEA = SliderFEA;
+var styles = react_native_1.StyleSheet.create({
+    wrap: { width: "100%", height: 28, justifyContent: "center" },
+    track: { height: 6, borderRadius: 999 },
+    range: { position: "absolute", height: 6, borderRadius: 999, left: 0 },
+    thumb: {
+        position: "absolute",
+        width: 20,
+        height: 20,
+        borderRadius: 999,
+        borderWidth: 1,
+    },
+});

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+type ToastVariant = "default" | "destructive";
+export declare const SonnerFEA: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useToastFEA: () => {
+    toast: (t: {
+        title: string;
+        description?: string;
+        variant?: ToastVariant;
+    }) => void;
+};
+export declare const ToastFEA: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

package/dist/components/Sonner/index.js

@@ -0,0 +1,97 @@
+"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;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastFEA = exports.useToastFEA = exports.SonnerFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var ToastContext = React.createContext(null);
+var SonnerFEA = function (_a) {
+    var children = _a.children;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var _b = React.useState([]), toasts = _b[0], setToasts = _b[1];
+    var toast = React.useCallback(function (t) {
+        var _a;
+        var id = "".concat(Date.now(), "-").concat(Math.random().toString(16).slice(2));
+        var item = { id: id, title: t.title, description: t.description, variant: (_a = t.variant) !== null && _a !== void 0 ? _a : "default" };
+        setToasts(function (prev) { return __spreadArray([item], prev, true).slice(0, 3); });
+        setTimeout(function () { return setToasts(function (prev) { return prev.filter(function (x) { return x.id !== id; }); }); }, 2200);
+    }, []);
+    return (React.createElement(ToastContext.Provider, { value: { toast: toast } },
+        children,
+        React.createElement(react_native_1.View, { pointerEvents: "box-none", style: styles.host }, toasts.map(function (t) {
+            var destructive = t.variant === "destructive";
+            var bg = destructive ? theme.colors.destructive : theme.colors.card;
+            var fg = destructive ? theme.colors.destructiveForeground : theme.colors.cardForeground;
+            var border = destructive ? theme.colors.destructive : theme.colors.border;
+            return (React.createElement(react_native_1.Pressable, { key: t.id, onPress: function () { return setToasts(function (prev) { return prev.filter(function (x) { return x.id !== t.id; }); }); }, style: [styles.toast, { backgroundColor: bg, borderColor: border }] },
+                React.createElement(react_native_1.Text, { style: { color: fg, fontWeight: "700" } }, t.title),
+                t.description ? React.createElement(react_native_1.Text, { style: { color: fg, opacity: 0.85 } }, t.description) : null));
+        }))));
+};
+exports.SonnerFEA = SonnerFEA;
+var useToastFEA = function () {
+    var ctx = React.useContext(ToastContext);
+    if (!ctx)
+        throw new Error("useToastFEA must be used within SonnerFEA");
+    return ctx;
+};
+exports.useToastFEA = useToastFEA;
+exports.ToastFEA = exports.SonnerFEA;
+var styles = react_native_1.StyleSheet.create({
+    host: {
+        position: "absolute",
+        left: 16,
+        right: 16,
+        bottom: 20,
+        gap: 10,
+        alignItems: "stretch",
+    },
+    toast: {
+        borderWidth: 1,
+        borderRadius: 14,
+        paddingHorizontal: 14,
+        paddingVertical: 12,
+    },
+});

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

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

package/dist/components/Spinner/index.js

@@ -0,0 +1,46 @@
+"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.SpinnerFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var SpinnerFEA = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? "small" : _b, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: style },
+        React.createElement(react_native_1.ActivityIndicator, { size: size, color: theme.colors.primary })));
+};
+exports.SpinnerFEA = SpinnerFEA;