rn-feav-ui 1.0.3 → 1.0.5

package/dist/components/Alert/index.js

@@ -44,25 +44,19 @@ var AlertFEA = function (_a) {
     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",
+                backgroundColor: destructive ? theme.colors.destructive : theme.colors.card,
+                borderColor: destructive ? theme.colors.destructive : theme.colors.border,
             },
             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));
+        React.createElement(react_native_1.Text, { style: [
+                styles.title,
+                { color: destructive ? theme.colors.destructiveForeground : theme.colors.cardForeground },
+            ] }, title),
+        description ? (React.createElement(react_native_1.Text, { style: [
+                styles.description,
+                { color: destructive ? theme.colors.destructiveForeground : theme.colors.cardForeground, opacity: 0.85 },
+            ] }, description)) : null));
 };
 exports.AlertFEA = AlertFEA;
 var styles = react_native_1.StyleSheet.create({

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+export declare const AlertDialogFEA: ({ open, onOpenChange, title, description, cancelText, actionText, destructive, onAction, }: {
+    open: boolean;
+    onOpenChange: (next: boolean) => void;
+    title: string;
+    description?: string;
+    cancelText?: string;
+    actionText?: string;
+    destructive?: boolean;
+    onAction?: () => void;
+}) => React.JSX.Element;

package/dist/components/AlertDialog/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.AlertDialogFEA = void 0;
+var React = __importStar(require("react"));
+var Dialog_1 = require("../Dialog");
+var Button_1 = require("../Button");
+var Typography_1 = require("../Typography");
+var AlertDialogFEA = function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, title = _a.title, description = _a.description, _b = _a.cancelText, cancelText = _b === void 0 ? "Cancel" : _b, _c = _a.actionText, actionText = _c === void 0 ? "Continue" : _c, _d = _a.destructive, destructive = _d === void 0 ? false : _d, onAction = _a.onAction;
+    return (React.createElement(Dialog_1.DialogFEA, { open: open, onOpenChange: onOpenChange },
+        React.createElement(Dialog_1.DialogHeaderFEA, null,
+            React.createElement(Typography_1.TypographyFEA, { variant: "h3" }, title),
+            description ? React.createElement(Typography_1.TypographyFEA, { variant: "muted" }, description) : null),
+        React.createElement(Dialog_1.DialogFooterFEA, null,
+            React.createElement(Button_1.ButtonFEA, { title: cancelText, variant: "ghost", onPress: function () { return onOpenChange(false); } }),
+            React.createElement(Button_1.ButtonFEA, { title: actionText, onPress: function () {
+                    onAction === null || onAction === void 0 ? void 0 : onAction();
+                    onOpenChange(false);
+                }, variant: destructive ? "soft" : "primary" }))));
+};
+exports.AlertDialogFEA = AlertDialogFEA;

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

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

package/dist/components/AspectRatio/index.js

@@ -0,0 +1,43 @@
+"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.AspectRatioFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var AspectRatioFEA = function (_a) {
+    var _b = _a.ratio, ratio = _b === void 0 ? 1 : _b, children = _a.children, style = _a.style;
+    return React.createElement(react_native_1.View, { style: [{ width: "100%", aspectRatio: ratio }, style] }, children);
+};
+exports.AspectRatioFEA = AspectRatioFEA;

package/dist/components/Avatar/index.js

@@ -50,11 +50,11 @@ var AvatarFEA = function (_a) {
                 width: size,
                 height: size,
                 borderRadius: size / 2,
-                backgroundColor: theme.mode === "light" ? "#f3f4f6" : "#1f2937",
-                borderColor: theme.mode === "light" ? "#e5e7eb" : "#374151",
+                backgroundColor: theme.colors.muted,
+                borderColor: theme.colors.border,
             },
         ] },
-        React.createElement(react_native_1.Text, { style: { color: theme.colors.text, fontWeight: "600", fontSize: Math.max(12, size / 3) } }, initials)));
+        React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: "600", fontSize: Math.max(12, size / 3) } }, initials)));
 };
 exports.AvatarFEA = AvatarFEA;
 var styles = react_native_1.StyleSheet.create({

package/dist/components/Badge/index.js

@@ -40,18 +40,17 @@ var react_native_1 = require("react-native");
 var BadgeFEA = function (_a) {
     var label = _a.label, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    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)",
+                backgroundColor: theme.colors.secondary,
+                borderColor: theme.colors.border,
             },
             style,
         ] },
         React.createElement(react_native_1.Text, { style: [
                 styles.label,
-                { color: isLight ? "#1d4ed8" : "#c7d2fe" },
+                { color: theme.colors.secondaryForeground },
             ] }, label)));
 };
 exports.BadgeFEA = BadgeFEA;

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export type BreadcrumbItemFEA = {
+    label: string;
+    onPress?: () => void;
+};
+export declare const BreadcrumbFEA: ({ items, separator, style, }: {
+    items: BreadcrumbItemFEA[];
+    separator?: string;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,60 @@
+"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.BreadcrumbFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var BreadcrumbFEA = function (_a) {
+    var items = _a.items, _b = _a.separator, separator = _b === void 0 ? "/" : _b, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [styles.row, style] }, items.map(function (it, idx) {
+        var last = idx === items.length - 1;
+        var content = (React.createElement(react_native_1.Text, { style: {
+                color: last ? theme.colors.foreground : theme.colors.mutedForeground,
+                fontWeight: last ? "600" : "500",
+            } }, it.label));
+        return (React.createElement(React.Fragment, { key: "".concat(it.label, "-").concat(idx) },
+            it.onPress && !last ? (React.createElement(react_native_1.Pressable, { onPress: it.onPress }, content)) : (content),
+            !last ? React.createElement(react_native_1.Text, { style: { color: theme.colors.mutedForeground } },
+                " ",
+                separator,
+                " ") : null));
+    })));
+};
+exports.BreadcrumbFEA = BreadcrumbFEA;
+var styles = react_native_1.StyleSheet.create({
+    row: { flexDirection: "row", alignItems: "center", flexWrap: "wrap" },
+});

package/dist/components/Button/index.js

@@ -51,7 +51,7 @@ var ButtonFEA = function (_a) {
             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 },
+                        { color: theme.colors.foreground, opacity: disabled ? 0.5 : 1 },
                     ] }, title))));
     }
     if (variant === "soft") {
@@ -59,13 +59,13 @@ var ButtonFEA = function (_a) {
                 styles.baseButton,
                 sizeStyle,
                 styles.softButton,
-                theme.mode === "light" ? styles.softLight : styles.softDark,
+                { backgroundColor: theme.colors.secondary, borderColor: theme.colors.border },
                 disabled && styles.disabled,
                 style,
             ] },
             React.createElement(react_native_1.Text, { style: [
                     styles.text,
-                    { color: theme.colors.text, opacity: disabled ? 0.6 : 1 },
+                    { color: theme.colors.secondaryForeground, opacity: disabled ? 0.6 : 1 },
                 ] }, title)));
     }
     if (variant === "outline") {
@@ -74,7 +74,7 @@ var ButtonFEA = function (_a) {
                 sizeStyle,
                 styles.outlineButton,
                 {
-                    borderColor: theme.mode === "light" ? "#e5e7eb" : "rgba(148,163,184,0.7)",
+                    borderColor: theme.colors.border,
                 },
                 disabled && styles.disabled,
                 style,
@@ -82,7 +82,7 @@ var ButtonFEA = function (_a) {
             React.createElement(react_native_1.Text, { style: [
                     styles.text,
                     {
-                        color: theme.colors.text,
+                        color: theme.colors.foreground,
                         opacity: disabled ? 0.6 : 1,
                     },
                 ] }, title)));
@@ -98,7 +98,7 @@ var ButtonFEA = function (_a) {
             React.createElement(react_native_1.Text, { style: [
                     styles.text,
                     {
-                        color: theme.colors.text,
+                        color: theme.colors.foreground,
                         opacity: disabled ? 0.5 : 1,
                     },
                 ] }, title)));
@@ -112,7 +112,7 @@ var ButtonFEA = function (_a) {
         ] },
         React.createElement(react_native_1.Text, { style: [
                 styles.text,
-                styles.primaryText,
+                { color: theme.colors.primaryForeground },
                 disabled && { opacity: 0.8 },
             ] }, title)));
 };
@@ -152,14 +152,6 @@ var styles = react_native_1.StyleSheet.create({
         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,

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

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

package/dist/components/Calendar/index.js

@@ -0,0 +1,105 @@
+"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.CalendarFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Button_1 = require("../Button");
+var startOfMonth = function (d) { return new Date(d.getFullYear(), d.getMonth(), 1); };
+var endOfMonth = function (d) { return new Date(d.getFullYear(), d.getMonth() + 1, 0); };
+var addMonths = function (d, delta) { return new Date(d.getFullYear(), d.getMonth() + delta, 1); };
+var sameDay = function (a, b) {
+    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+};
+var CalendarFEA = function (_a) {
+    var value = _a.value, onChange = _a.onChange, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var _b = React.useState(function () { return value !== null && value !== void 0 ? value : new Date(); }), cursor = _b[0], setCursor = _b[1];
+    var selected = value;
+    var first = startOfMonth(cursor);
+    var last = endOfMonth(cursor);
+    var startWeekday = (first.getDay() + 6) % 7; // Monday=0
+    var daysInMonth = last.getDate();
+    var cells = [];
+    for (var i = 0; i < startWeekday; i++)
+        cells.push({});
+    for (var d = 1; d <= daysInMonth; d++)
+        cells.push({ day: d });
+    while (cells.length % 7 !== 0)
+        cells.push({});
+    var monthLabel = "".concat(cursor.getFullYear(), "-").concat(String(cursor.getMonth() + 1).padStart(2, "0"));
+    return (React.createElement(react_native_1.View, { style: [styles.wrap, { borderColor: theme.colors.border, backgroundColor: theme.colors.card }, style] },
+        React.createElement(react_native_1.View, { style: styles.header },
+            React.createElement(Button_1.ButtonFEA, { title: "\u2039", variant: "ghost", onPress: function () { return setCursor(function (d) { return addMonths(d, -1); }); } }),
+            React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: "700" } }, monthLabel),
+            React.createElement(Button_1.ButtonFEA, { title: "\u203A", variant: "ghost", onPress: function () { return setCursor(function (d) { return addMonths(d, 1); }); } })),
+        React.createElement(react_native_1.View, { style: styles.weekRow }, ["M", "T", "W", "T", "F", "S", "S"].map(function (w) { return (React.createElement(react_native_1.Text, { key: w, style: [styles.weekday, { color: theme.colors.mutedForeground }] }, w)); })),
+        React.createElement(react_native_1.View, { style: styles.grid }, cells.map(function (c, idx) {
+            if (!c.day)
+                return React.createElement(react_native_1.View, { key: idx, style: styles.cell });
+            var date = new Date(cursor.getFullYear(), cursor.getMonth(), c.day);
+            var isSelected = selected ? sameDay(selected, date) : false;
+            return (React.createElement(react_native_1.Pressable, { key: idx, onPress: function () { return onChange === null || onChange === void 0 ? void 0 : onChange(date); }, style: function (_a) {
+                    var pressed = _a.pressed;
+                    return [
+                        styles.cell,
+                        styles.dayCell,
+                        {
+                            backgroundColor: isSelected
+                                ? theme.colors.primary
+                                : pressed
+                                    ? theme.colors.muted
+                                    : "transparent",
+                            borderColor: isSelected ? theme.colors.primary : "transparent",
+                        },
+                    ];
+                } },
+                React.createElement(react_native_1.Text, { style: {
+                        color: isSelected ? theme.colors.primaryForeground : theme.colors.foreground,
+                        fontWeight: isSelected ? "700" : "600",
+                    } }, c.day)));
+        }))));
+};
+exports.CalendarFEA = CalendarFEA;
+var styles = react_native_1.StyleSheet.create({
+    wrap: { borderWidth: 1, borderRadius: 12, padding: 12 },
+    header: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginBottom: 10 },
+    weekRow: { flexDirection: "row", marginBottom: 6 },
+    weekday: { flex: 1, textAlign: "center", fontSize: 12, fontWeight: "700" },
+    grid: { flexDirection: "row", flexWrap: "wrap" },
+    cell: { width: "".concat(100 / 7, "%"), aspectRatio: 1, alignItems: "center", justifyContent: "center" },
+    dayCell: { borderRadius: 10, borderWidth: 1 },
+});

package/dist/components/Card/index.js

@@ -43,8 +43,8 @@ var CardFEA = function (_a) {
     return (React.createElement(react_native_1.View, { style: [
             styles.card,
             {
-                backgroundColor: theme.mode === "light" ? "#ffffff" : "#020617",
-                borderColor: theme.mode === "light" ? "#e5e7eb" : "#1f2937",
+                backgroundColor: theme.colors.card,
+                borderColor: theme.colors.border,
             },
             style,
         ] }, children));

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

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

package/dist/components/Carousel/index.js

@@ -0,0 +1,47 @@
+"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.CarouselFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var CarouselFEA = function (_a) {
+    var children = _a.children, style = _a.style, pageWidth = _a.pageWidth;
+    return (React.createElement(react_native_1.ScrollView, { horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, style: style, contentContainerStyle: styles.row }, React.Children.map(children, function (child, idx) { return (React.createElement(react_native_1.View, { key: idx, style: [styles.page, pageWidth ? { width: pageWidth } : undefined] }, child)); })));
+};
+exports.CarouselFEA = CarouselFEA;
+var styles = react_native_1.StyleSheet.create({
+    row: { alignItems: "stretch" },
+    page: { width: 320, paddingRight: 12 },
+});

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export type ChartSeriesPointFEA = {
+    label: string;
+    value: number;
+};
+export declare const ChartFEA: ({ data, height, style, title, }: {
+    data: ChartSeriesPointFEA[];
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+    title?: string;
+}) => React.JSX.Element;

package/dist/components/Chart/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;
+    };
+})();
+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.ChartFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var ChartFEA = function (_a) {
+    var data = _a.data, _b = _a.height, height = _b === void 0 ? 140 : _b, style = _a.style, title = _a.title;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var max = Math.max.apply(Math, __spreadArray([1], data.map(function (d) { return d.value; }), false));
+    return (React.createElement(react_native_1.View, { style: [styles.wrap, { borderColor: theme.colors.border, backgroundColor: theme.colors.card }, style] },
+        title ? React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: "700", marginBottom: 10 } }, title) : null,
+        React.createElement(react_native_1.View, { style: [styles.chart, { height: height }] }, data.map(function (d) {
+            var h = Math.max(2, (d.value / max) * height);
+            return (React.createElement(react_native_1.View, { key: d.label, style: styles.col },
+                React.createElement(react_native_1.View, { style: [
+                        styles.bar,
+                        {
+                            height: h,
+                            backgroundColor: theme.colors.primary,
+                        },
+                    ] }),
+                React.createElement(react_native_1.Text, { numberOfLines: 1, style: [styles.xlab, { color: theme.colors.mutedForeground }] }, d.label)));
+        }))));
+};
+exports.ChartFEA = ChartFEA;
+var styles = react_native_1.StyleSheet.create({
+    wrap: { borderWidth: 1, borderRadius: 12, padding: 12 },
+    chart: { flexDirection: "row", alignItems: "flex-end", gap: 10 },
+    col: { flex: 1, alignItems: "center", gap: 6 },
+    bar: { width: "100%", borderRadius: 10 },
+    xlab: { fontSize: 10 },
+});

package/dist/components/Checkbox/index.js

@@ -44,12 +44,12 @@ var CheckboxFEA = function (_a) {
         React.createElement(react_native_1.View, { style: [
                 styles.box,
                 {
-                    borderColor: checked ? theme.colors.primary : theme.mode === "light" ? "#d1d5db" : "#475569",
+                    borderColor: checked ? theme.colors.primary : theme.colors.input,
                     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));
+        label ? (React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, opacity: disabled ? 0.6 : 1 } }, label)) : null));
 };
 exports.CheckboxFEA = CheckboxFEA;
 var styles = react_native_1.StyleSheet.create({

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

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