rn-feav-ui 1.0.4 → 1.0.5

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/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/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/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/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;

package/dist/components/Collapsible/index.js

@@ -0,0 +1,73 @@
+"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.CollapsibleTriggerFEA = exports.CollapsibleFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var CollapsibleFEA = function (_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, trigger = _a.trigger, children = _a.children, style = _a.style;
+    return (React.createElement(react_native_1.View, { style: style },
+        trigger ? (React.createElement(react_native_1.Pressable, { onPress: function () { return onOpenChange(!open); } }, trigger)) : null,
+        open ? React.createElement(react_native_1.View, { style: styles.content }, children) : null));
+};
+exports.CollapsibleFEA = CollapsibleFEA;
+var CollapsibleTriggerFEA = function (_a) {
+    var title = _a.title, open = _a.open, onPress = _a.onPress, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.Pressable, { onPress: onPress, style: function (_a) {
+            var pressed = _a.pressed;
+            return [
+                styles.trigger,
+                { borderColor: theme.colors.border, backgroundColor: pressed ? theme.colors.muted : "transparent" },
+                style,
+            ];
+        } },
+        React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: "700" } }, title),
+        React.createElement(react_native_1.Text, { style: { color: theme.colors.mutedForeground, fontWeight: "700" } }, open ? "−" : "+")));
+};
+exports.CollapsibleTriggerFEA = CollapsibleTriggerFEA;
+var styles = react_native_1.StyleSheet.create({
+    trigger: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        borderWidth: 1,
+        borderRadius: 12,
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+    },
+    content: { paddingTop: 10 },
+});

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export type ComboboxOptionFEA = {
+    label: string;
+    value: string;
+};
+export declare const ComboboxFEA: ({ value, onValueChange, options, placeholder, style, }: {
+    value?: string;
+    onValueChange: (next: string) => void;
+    options: ComboboxOptionFEA[];
+    placeholder?: string;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;