rn-feav-ui 1.0.4 → 1.0.6

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

@@ -1,9 +1,16 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-export declare const SwitchFEA: ({ value, onValueChange, label, style, disabled, }: {
+import { StyleProp, ViewStyle, ColorValue } from "react-native";
+export declare const SwitchFEA: ({ value, onValueChange, label, labelPosition, style, disabled, testID, accessibilityLabel, thumbColor, ios_backgroundColor, }: {
     value: boolean;
     onValueChange: (next: boolean) => void;
     label?: string;
+    /** Label row placement relative to the switch. */
+    labelPosition?: "left" | "right";
     style?: StyleProp<ViewStyle>;
     disabled?: boolean;
+    testID?: string;
+    accessibilityLabel?: string;
+    /** Overrides default white thumb. */
+    thumbColor?: ColorValue;
+    ios_backgroundColor?: ColorValue;
 }) => React.JSX.Element;

package/dist/components/Switch/index.js

@@ -38,10 +38,16 @@ var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var SwitchFEA = function (_a) {
-    var value = _a.value, onValueChange = _a.onValueChange, label = _a.label, style = _a.style, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    var value = _a.value, onValueChange = _a.onValueChange, label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? "left" : _b, style = _a.style, _c = _a.disabled, disabled = _c === void 0 ? false : _c, testID = _a.testID, accessibilityLabel = _a.accessibilityLabel, thumbColor = _a.thumbColor, ios_backgroundColor = _a.ios_backgroundColor;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(react_native_1.View, { style: [{ flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, style] },
-        label ? (React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, opacity: disabled ? 0.6 : 1 } }, label)) : (React.createElement(react_native_1.View, null)),
-        React.createElement(react_native_1.Switch, { value: value, onValueChange: onValueChange, disabled: disabled, trackColor: { false: theme.colors.input, true: theme.colors.primary }, thumbColor: "#ffffff" })));
+    var labelEl = label ? (React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, opacity: disabled ? 0.6 : 1, flexShrink: 1 } }, label)) : null;
+    var track = { false: theme.colors.input, true: theme.colors.primary };
+    var sw = (React.createElement(react_native_1.Switch, { testID: testID, accessibilityLabel: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label, value: value, onValueChange: onValueChange, disabled: disabled, trackColor: track, thumbColor: thumbColor !== null && thumbColor !== void 0 ? thumbColor : "#ffffff", ios_backgroundColor: ios_backgroundColor }));
+    return (React.createElement(react_native_1.View, { style: [
+            { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: 12 },
+            style,
+        ] }, labelPosition === "left" ? (React.createElement(React.Fragment, null, labelEl !== null && labelEl !== void 0 ? labelEl : React.createElement(react_native_1.View, null),
+        sw)) : (React.createElement(React.Fragment, null,
+        sw, labelEl !== null && labelEl !== void 0 ? labelEl : React.createElement(react_native_1.View, null)))));
 };
 exports.SwitchFEA = SwitchFEA;

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const TableFEA: ({ children, style, }: {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+export declare const TableRowFEA: ({ children, style, }: {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+export declare const TableHeadFEA: ({ children, style, }: {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+export declare const TableCellFEA: ({ children, flex, align, style, }: {
+    children: React.ReactNode;
+    flex?: number;
+    align?: "left" | "center" | "right";
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Table/index.js

@@ -0,0 +1,91 @@
+"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.TableCellFEA = exports.TableHeadFEA = exports.TableRowFEA = exports.TableFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var TableFEA = function (_a) {
+    var children = _a.children, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [
+            styles.table,
+            {
+                borderColor: theme.colors.border,
+                backgroundColor: theme.colors.card,
+            },
+            style,
+        ] }, children));
+};
+exports.TableFEA = TableFEA;
+var TableRowFEA = function (_a) {
+    var children = _a.children, style = _a.style;
+    return (React.createElement(react_native_1.View, { style: [styles.row, style] }, children));
+};
+exports.TableRowFEA = TableRowFEA;
+var TableHeadFEA = function (_a) {
+    var children = _a.children, style = _a.style;
+    return (React.createElement(react_native_1.View, { style: [styles.head, style] }, children));
+};
+exports.TableHeadFEA = TableHeadFEA;
+var TableCellFEA = function (_a) {
+    var children = _a.children, _b = _a.flex, flex = _b === void 0 ? 1 : _b, _c = _a.align, align = _c === void 0 ? "left" : _c, style = _a.style;
+    return (React.createElement(react_native_1.View, { style: [styles.cell, { flex: flex, alignItems: alignMap[align] }, style] }, typeof children === "string" || typeof children === "number" ? (React.createElement(react_native_1.Text, null, children)) : (children)));
+};
+exports.TableCellFEA = TableCellFEA;
+var alignMap = {
+    left: "flex-start",
+    center: "center",
+    right: "flex-end",
+};
+var styles = react_native_1.StyleSheet.create({
+    table: {
+        borderWidth: 1,
+        borderRadius: 12,
+        overflow: "hidden",
+    },
+    head: {
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+    },
+    row: {
+        flexDirection: "row",
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+    },
+    cell: {
+        justifyContent: "center",
+    },
+});

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-export declare const TextareaFEA: ({ placeholder, style, }: {
-    placeholder?: string;
-    style?: StyleProp<ViewStyle>;
-}) => React.JSX.Element;
+import { StyleProp, TextInputProps, TextStyle } from "react-native";
+export type TextareaFEAProps = Omit<TextInputProps, "placeholderTextColor" | "style" | "multiline"> & {
+    style?: StyleProp<TextStyle>;
+};
+export declare const TextareaFEA: ({ style, editable, ...rest }: TextareaFEAProps) => React.JSX.Element;

package/dist/components/Textarea/index.js

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

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

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

package/dist/components/Toggle/index.js

@@ -0,0 +1,68 @@
+"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.ToggleFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var ToggleFEA = function (_a) {
+    var pressed = _a.pressed, onPressedChange = _a.onPressedChange, children = _a.children, disabled = _a.disabled, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.Pressable, { disabled: disabled, onPress: function () { return onPressedChange(!pressed); }, style: function (_a) {
+            var isPressed = _a.pressed;
+            return [
+                styles.base,
+                {
+                    borderColor: theme.colors.border,
+                    backgroundColor: pressed ? theme.colors.muted : theme.colors.background,
+                    opacity: disabled ? 0.5 : 1,
+                },
+                isPressed && !pressed ? { backgroundColor: theme.colors.muted } : null,
+                style,
+            ];
+        } },
+        React.createElement(react_native_1.Text, { style: { color: theme.colors.foreground, fontWeight: "600" } }, children)));
+};
+exports.ToggleFEA = ToggleFEA;
+var styles = react_native_1.StyleSheet.create({
+    base: {
+        borderWidth: 1,
+        borderRadius: 10,
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const ToggleGroupFEA: ({ type, value, onValueChange, items, style, }: {
+    type?: "single" | "multiple";
+    value: string | string[];
+    onValueChange: (next: string | string[]) => void;
+    items: Array<{
+        label: string;
+        value: string;
+        disabled?: boolean;
+    }>;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/ToggleGroup/index.js

@@ -0,0 +1,68 @@
+"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.ToggleGroupFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Toggle_1 = require("../Toggle");
+var ToggleGroupFEA = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? "single" : _b, value = _a.value, onValueChange = _a.onValueChange, items = _a.items, style = _a.style;
+    var isSelected = function (v) {
+        return type === "single" ? value === v : Array.isArray(value) && value.includes(v);
+    };
+    var toggle = function (v) {
+        if (type === "single") {
+            onValueChange(v);
+            return;
+        }
+        var arr = Array.isArray(value) ? value : [];
+        onValueChange(arr.includes(v) ? arr.filter(function (x) { return x !== v; }) : __spreadArray(__spreadArray([], arr, true), [v], false));
+    };
+    return (React.createElement(react_native_1.View, { style: [styles.row, style] }, items.map(function (it) { return (React.createElement(Toggle_1.ToggleFEA, { key: it.value, pressed: isSelected(it.value), onPressedChange: function () { return toggle(it.value); }, disabled: it.disabled, style: styles.item }, it.label)); })));
+};
+exports.ToggleGroupFEA = ToggleGroupFEA;
+var styles = react_native_1.StyleSheet.create({
+    row: { flexDirection: "row", gap: 8, flexWrap: "wrap" },
+    item: { minWidth: 44 },
+});

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare const TooltipFEA: ({ text, children, }: {
+    text: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const HoverCardFEA: ({ text, children, }: {
+    text: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/components/Tooltip/index.js

@@ -0,0 +1,77 @@
+"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.HoverCardFEA = exports.TooltipFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var TooltipFEA = function (_a) {
+    var text = _a.text, children = _a.children;
+    var _b = React.useState(false), open = _b[0], setOpen = _b[1];
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    React.useEffect(function () {
+        if (!open)
+            return;
+        var t = setTimeout(function () { return setOpen(false); }, 1500);
+        return function () { return clearTimeout(t); };
+    }, [open]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_native_1.Pressable, { onPress: function () { return setOpen(true); } }, children),
+        React.createElement(react_native_1.Modal, { transparent: true, visible: open, animationType: "fade", onRequestClose: function () { return setOpen(false); } },
+            React.createElement(react_native_1.Pressable, { style: styles.overlay, onPress: function () { return setOpen(false); } },
+                React.createElement(react_native_1.View, { style: [
+                        styles.bubble,
+                        {
+                            backgroundColor: theme.mode === "light" ? "#0f172a" : "#f8fafc",
+                        },
+                    ] },
+                    React.createElement(react_native_1.Text, { style: { color: theme.mode === "light" ? "#ffffff" : "#0f172a", fontSize: 12, fontWeight: "500" } }, text))))));
+};
+exports.TooltipFEA = TooltipFEA;
+exports.HoverCardFEA = exports.TooltipFEA;
+var styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        justifyContent: "flex-end",
+        alignItems: "center",
+        padding: 24,
+    },
+    bubble: {
+        borderRadius: 10,
+        paddingHorizontal: 10,
+        paddingVertical: 8,
+        maxWidth: 320,
+    },
+});

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

@@ -1,9 +1,16 @@
 import * as React from "react";
 import { StyleProp, TextStyle } from "react-native";
 type TypographyVariant = "h1" | "h2" | "h3" | "p" | "small" | "muted";
-export declare const TypographyFEA: ({ children, variant, style, }: {
+export declare const TypographyFEA: ({ children, variant, style, numberOfLines, ellipsizeMode, selectable, testID, maxFontSizeMultiplier, onPress, accessibilityRole, }: {
     children: React.ReactNode;
     variant?: TypographyVariant;
     style?: StyleProp<TextStyle>;
+    numberOfLines?: number;
+    ellipsizeMode?: "head" | "middle" | "tail" | "clip";
+    selectable?: boolean;
+    testID?: string;
+    maxFontSizeMultiplier?: number;
+    onPress?: () => void;
+    accessibilityRole?: "text" | "header" | "link" | "none";
 }) => React.JSX.Element;
 export {};

package/dist/components/Typography/index.js

@@ -38,7 +38,7 @@ var React = __importStar(require("react"));
 var react_native_1 = require("react-native");
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var TypographyFEA = function (_a) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "p" : _b, style = _a.style;
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "p" : _b, style = _a.style, numberOfLines = _a.numberOfLines, ellipsizeMode = _a.ellipsizeMode, selectable = _a.selectable, testID = _a.testID, maxFontSizeMultiplier = _a.maxFontSizeMultiplier, onPress = _a.onPress, accessibilityRole = _a.accessibilityRole;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
     var variantStyle = variant === "h1"
         ? styles.h1
@@ -51,7 +51,7 @@ var TypographyFEA = function (_a) {
                     : variant === "muted"
                         ? styles.muted
                         : styles.p;
-    return (React.createElement(react_native_1.Text, { style: [
+    return (React.createElement(react_native_1.Text, { testID: testID, accessibilityRole: accessibilityRole, numberOfLines: numberOfLines, ellipsizeMode: ellipsizeMode, selectable: selectable, maxFontSizeMultiplier: maxFontSizeMultiplier, onPress: onPress, style: [
             variantStyle,
             {
                 color: variant === "muted" ? theme.colors.mutedForeground : theme.colors.foreground,

package/dist/components/index.d.ts

@@ -22,3 +22,39 @@ export * from './Dialog/index';
 export * from './Accordion/index';
 export * from './Tabs/index';
 export * from './ThemeSwitch/index';
+export * from './Spinner/index';
+export * from './Empty/index';
+export * from './AspectRatio/index';
+export * from './Kbd/index';
+export * from './ScrollArea/index';
+export * from './Breadcrumb/index';
+export * from './Popover/index';
+export * from './DropdownMenu/index';
+export * from './ContextMenu/index';
+export * from './Tooltip/index';
+export * from './Sheet/index';
+export * from './Drawer/index';
+export * from './AlertDialog/index';
+export * from './Field/index';
+export * from './InputGroup/index';
+export * from './RadioGroup/index';
+export * from './NativeSelect/index';
+export * from './Combobox/index';
+export * from './InputOTP/index';
+export * from './DatePicker/index';
+export * from './Sidebar/index';
+export * from './NavigationMenu/index';
+export * from './Menubar/index';
+export * from './Pagination/index';
+export * from './Table/index';
+export * from './DataTable/index';
+export * from './Calendar/index';
+export * from './Chart/index';
+export * from './Collapsible/index';
+export * from './Toggle/index';
+export * from './ToggleGroup/index';
+export * from './Slider/index';
+export * from './Resizable/index';
+export * from './Carousel/index';
+export * from './Command/index';
+export * from './Sonner/index';

package/dist/components/index.js

@@ -38,3 +38,39 @@ __exportStar(require("./Dialog/index"), exports);
 __exportStar(require("./Accordion/index"), exports);
 __exportStar(require("./Tabs/index"), exports);
 __exportStar(require("./ThemeSwitch/index"), exports);
+__exportStar(require("./Spinner/index"), exports);
+__exportStar(require("./Empty/index"), exports);
+__exportStar(require("./AspectRatio/index"), exports);
+__exportStar(require("./Kbd/index"), exports);
+__exportStar(require("./ScrollArea/index"), exports);
+__exportStar(require("./Breadcrumb/index"), exports);
+__exportStar(require("./Popover/index"), exports);
+__exportStar(require("./DropdownMenu/index"), exports);
+__exportStar(require("./ContextMenu/index"), exports);
+__exportStar(require("./Tooltip/index"), exports);
+__exportStar(require("./Sheet/index"), exports);
+__exportStar(require("./Drawer/index"), exports);
+__exportStar(require("./AlertDialog/index"), exports);
+__exportStar(require("./Field/index"), exports);
+__exportStar(require("./InputGroup/index"), exports);
+__exportStar(require("./RadioGroup/index"), exports);
+__exportStar(require("./NativeSelect/index"), exports);
+__exportStar(require("./Combobox/index"), exports);
+__exportStar(require("./InputOTP/index"), exports);
+__exportStar(require("./DatePicker/index"), exports);
+__exportStar(require("./Sidebar/index"), exports);
+__exportStar(require("./NavigationMenu/index"), exports);
+__exportStar(require("./Menubar/index"), exports);
+__exportStar(require("./Pagination/index"), exports);
+__exportStar(require("./Table/index"), exports);
+__exportStar(require("./DataTable/index"), exports);
+__exportStar(require("./Calendar/index"), exports);
+__exportStar(require("./Chart/index"), exports);
+__exportStar(require("./Collapsible/index"), exports);
+__exportStar(require("./Toggle/index"), exports);
+__exportStar(require("./ToggleGroup/index"), exports);
+__exportStar(require("./Slider/index"), exports);
+__exportStar(require("./Resizable/index"), exports);
+__exportStar(require("./Carousel/index"), exports);
+__exportStar(require("./Command/index"), exports);
+__exportStar(require("./Sonner/index"), exports);