rn-feav-ui 1.0.4 → 1.0.6

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/Badge/index.d.ts

@@ -1,8 +1,15 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
 type BadgeProps = {
     label: string;
+    /** Optional leading icon or dot. */
+    leftIcon?: React.ReactNode;
     style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    testID?: string;
+    accessibilityLabel?: string;
+    /** If set, badge is tappable. */
+    onPress?: () => void;
 };
-export declare const BadgeFEA: ({ label, style }: BadgeProps) => React.JSX.Element;
+export declare const BadgeFEA: ({ label, leftIcon, style, textStyle, testID, accessibilityLabel, onPress, }: BadgeProps) => React.JSX.Element;
 export {};

package/dist/components/Badge/index.js

@@ -38,23 +38,38 @@ var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var BadgeFEA = function (_a) {
-    var label = _a.label, _b = _a.style, style = _b === void 0 ? {} : _b;
+    var label = _a.label, leftIcon = _a.leftIcon, _b = _a.style, style = _b === void 0 ? {} : _b, textStyle = _a.textStyle, testID = _a.testID, accessibilityLabel = _a.accessibilityLabel, onPress = _a.onPress;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(react_native_1.View, { style: [
-            styles.badge,
-            {
-                backgroundColor: theme.colors.secondary,
-                borderColor: theme.colors.border,
-            },
-            style,
-        ] },
+    var body = (React.createElement(React.Fragment, null,
+        leftIcon,
         React.createElement(react_native_1.Text, { style: [
                 styles.label,
                 { color: theme.colors.secondaryForeground },
+                textStyle,
             ] }, label)));
+    var shellStyle = [
+        styles.badge,
+        {
+            backgroundColor: theme.colors.secondary,
+            borderColor: theme.colors.border,
+        },
+        style,
+    ];
+    if (onPress) {
+        return (React.createElement(react_native_1.Pressable, { testID: testID, accessibilityLabel: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label, accessibilityRole: "button", onPress: onPress, style: function (_a) {
+                var pressed = _a.pressed;
+                return [shellStyle, styles.row, pressed && { opacity: 0.85 }];
+            } }, body));
+    }
+    return (React.createElement(react_native_1.View, { testID: testID, accessibilityLabel: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label, style: [shellStyle, styles.row] }, body));
 };
 exports.BadgeFEA = BadgeFEA;
 var styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 6,
+    },
     badge: {
         paddingHorizontal: 10,
         paddingVertical: 4,

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.d.ts

@@ -1,14 +1,21 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { StyleProp, TextStyle, TouchableOpacityProps, ViewStyle } from "react-native";
 type ButtonVariant = "primary" | "glass" | "soft" | "outline" | "ghost";
 type ButtonSize = "default" | "sm" | "lg";
+type TouchablePassthrough = Pick<TouchableOpacityProps, "testID" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "hitSlop" | "delayLongPress" | "activeOpacity">;
 type ButtonProps = {
     title: string;
     variant?: ButtonVariant;
     size?: ButtonSize;
     onPress: () => void;
     disabled?: boolean;
+    loading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    /** Stretch to parent width (common for forms). */
+    fullWidth?: boolean;
     style?: StyleProp<ViewStyle>;
-};
-export declare const ButtonFEA: ({ title, variant, size, onPress, disabled, style, }: ButtonProps) => React.JSX.Element;
+    textStyle?: StyleProp<TextStyle>;
+} & TouchablePassthrough;
+export declare const ButtonFEA: ({ title, variant, size, onPress, disabled, loading, leftIcon, rightIcon, fullWidth, style, textStyle, testID, accessibilityLabel, accessibilityHint, accessibilityRole, accessibilityState, hitSlop, delayLongPress, activeOpacity, }: ButtonProps) => React.JSX.Element;
 export {};

package/dist/components/Button/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);
@@ -39,85 +50,95 @@ var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var react_native_1 = require("react-native");
 var GlassCard_1 = require("../GlassCard");
 var ButtonFEA = function (_a) {
-    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, onPress = _a.onPress, _d = _a.disabled, disabled = _d === void 0 ? false : _d, style = _a.style;
+    var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, onPress = _a.onPress, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, style = _a.style, textStyle = _a.textStyle, testID = _a.testID, accessibilityLabel = _a.accessibilityLabel, accessibilityHint = _a.accessibilityHint, _g = _a.accessibilityRole, accessibilityRole = _g === void 0 ? "button" : _g, accessibilityState = _a.accessibilityState, hitSlop = _a.hitSlop, delayLongPress = _a.delayLongPress, activeOpacity = _a.activeOpacity;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
     var sizeStyle = size === "sm"
         ? styles.sizeSm
         : size === "lg"
             ? styles.sizeLg
             : styles.sizeDefault;
+    var inactive = disabled || loading;
+    var touchableProps = {
+        testID: testID,
+        accessibilityLabel: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : title,
+        accessibilityHint: accessibilityHint,
+        accessibilityRole: accessibilityRole,
+        accessibilityState: __assign({ disabled: inactive }, accessibilityState),
+        hitSlop: hitSlop,
+        delayLongPress: delayLongPress,
+        activeOpacity: activeOpacity !== null && activeOpacity !== void 0 ? activeOpacity : (variant === "glass" ? 0.85 : 0.9),
+        onPress: onPress,
+        disabled: inactive,
+    };
+    var widthStyle = fullWidth ? { alignSelf: "stretch", width: "100%" } : undefined;
+    var renderLabel = function (color, opacity) { return (React.createElement(react_native_1.View, { style: styles.contentRow },
+        loading ? (React.createElement(react_native_1.ActivityIndicator, { size: "small", color: color })) : (leftIcon),
+        React.createElement(react_native_1.Text, { style: [styles.text, { color: color, opacity: opacity }, textStyle] }, title),
+        !loading ? rightIcon : null)); };
     if (variant === "glass") {
-        return (React.createElement(GlassCard_1.GlassCardFEA, { style: [styles.glassCard, style] },
-            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.foreground, opacity: disabled ? 0.5 : 1 },
-                    ] }, title))));
+        return (React.createElement(GlassCard_1.GlassCardFEA, { style: [styles.glassCard, widthStyle, style] },
+            React.createElement(react_native_1.TouchableOpacity, __assign({}, touchableProps, { style: [styles.baseButton, sizeStyle] }), renderLabel(theme.colors.foreground, inactive ? 0.5 : 1))));
     }
     if (variant === "soft") {
-        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+        return (React.createElement(react_native_1.TouchableOpacity, __assign({}, touchableProps, { style: [
                 styles.baseButton,
                 sizeStyle,
                 styles.softButton,
                 { backgroundColor: theme.colors.secondary, borderColor: theme.colors.border },
-                disabled && styles.disabled,
+                inactive && styles.disabled,
+                widthStyle,
                 style,
-            ] },
-            React.createElement(react_native_1.Text, { style: [
-                    styles.text,
-                    { color: theme.colors.secondaryForeground, opacity: disabled ? 0.6 : 1 },
-                ] }, title)));
+            ] }), renderLabel(theme.colors.secondaryForeground, inactive ? 0.6 : 1)));
     }
     if (variant === "outline") {
-        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+        return (React.createElement(react_native_1.TouchableOpacity, __assign({}, touchableProps, { style: [
                 styles.baseButton,
                 sizeStyle,
                 styles.outlineButton,
                 {
                     borderColor: theme.colors.border,
                 },
-                disabled && styles.disabled,
+                inactive && styles.disabled,
+                widthStyle,
                 style,
-            ] },
-            React.createElement(react_native_1.Text, { style: [
-                    styles.text,
-                    {
-                        color: theme.colors.foreground,
-                        opacity: disabled ? 0.6 : 1,
-                    },
-                ] }, title)));
+            ] }), renderLabel(theme.colors.foreground, inactive ? 0.6 : 1)));
     }
     if (variant === "ghost") {
-        return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+        return (React.createElement(react_native_1.TouchableOpacity, __assign({}, touchableProps, { style: [
                 styles.baseButton,
                 sizeStyle,
                 styles.ghostButton,
-                disabled && styles.disabledGhost,
+                inactive && styles.disabledGhost,
+                widthStyle,
                 style,
-            ] },
-            React.createElement(react_native_1.Text, { style: [
-                    styles.text,
-                    {
-                        color: theme.colors.foreground,
-                        opacity: disabled ? 0.5 : 1,
-                    },
-                ] }, title)));
+            ] }), renderLabel(theme.colors.foreground, inactive ? 0.5 : 1)));
     }
-    return (React.createElement(react_native_1.TouchableOpacity, { onPress: onPress, activeOpacity: 0.9, disabled: disabled, style: [
+    return (React.createElement(react_native_1.TouchableOpacity, __assign({}, touchableProps, { style: [
             styles.baseButton,
             sizeStyle,
             { backgroundColor: theme.colors.primary },
-            disabled && { opacity: 0.7 },
+            inactive && { opacity: 0.7 },
+            widthStyle,
             style,
-        ] },
-        React.createElement(react_native_1.Text, { style: [
-                styles.text,
-                { color: theme.colors.primaryForeground },
-                disabled && { opacity: 0.8 },
-            ] }, title)));
+        ] }),
+        React.createElement(react_native_1.View, { style: styles.contentRow },
+            loading ? (React.createElement(react_native_1.ActivityIndicator, { size: "small", color: theme.colors.primaryForeground })) : (leftIcon),
+            React.createElement(react_native_1.Text, { style: [
+                    styles.text,
+                    { color: theme.colors.primaryForeground },
+                    inactive && { opacity: 0.8 },
+                    textStyle,
+                ] }, title),
+            !loading ? rightIcon : null)));
 };
 exports.ButtonFEA = ButtonFEA;
 var styles = react_native_1.StyleSheet.create({
+    contentRow: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 8,
+    },
     baseButton: {
         borderRadius: 999,
         justifyContent: "center",

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.d.ts

@@ -1,8 +1,12 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { StyleProp, ViewProps, ViewStyle } from "react-native";
 type CardProps = {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
-};
-export declare const CardFEA: ({ children, style }: CardProps) => React.JSX.Element;
+    /** When set, the card is pressable (e.g. list row). */
+    onPress?: () => void;
+    /** Passed to the root `View` or `Pressable`. */
+    testID?: string;
+} & Pick<ViewProps, "accessibilityLabel" | "accessibilityRole" | "accessibilityHint">;
+export declare const CardFEA: ({ children, style, onPress, testID, accessibilityLabel, accessibilityRole, accessibilityHint, }: CardProps) => React.JSX.Element;
 export {};

package/dist/components/Card/index.js

@@ -38,16 +38,23 @@ var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var CardFEA = function (_a) {
-    var children = _a.children, style = _a.style;
+    var children = _a.children, style = _a.style, onPress = _a.onPress, testID = _a.testID, accessibilityLabel = _a.accessibilityLabel, accessibilityRole = _a.accessibilityRole, accessibilityHint = _a.accessibilityHint;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(react_native_1.View, { style: [
-            styles.card,
-            {
-                backgroundColor: theme.colors.card,
-                borderColor: theme.colors.border,
-            },
-            style,
-        ] }, children));
+    var cardStyle = [
+        styles.card,
+        {
+            backgroundColor: theme.colors.card,
+            borderColor: theme.colors.border,
+        },
+        style,
+    ];
+    if (onPress) {
+        return (React.createElement(react_native_1.Pressable, { onPress: onPress, testID: testID, accessibilityLabel: accessibilityLabel, accessibilityRole: accessibilityRole !== null && accessibilityRole !== void 0 ? accessibilityRole : "button", accessibilityHint: accessibilityHint, style: function (_a) {
+                var pressed = _a.pressed;
+                return [cardStyle, pressed && { opacity: 0.92 }];
+            } }, children));
+    }
+    return (React.createElement(react_native_1.View, { testID: testID, accessibilityLabel: accessibilityLabel, accessibilityRole: accessibilityRole, accessibilityHint: accessibilityHint, style: cardStyle }, children));
 };
 exports.CardFEA = CardFEA;
 var styles = react_native_1.StyleSheet.create({

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;