@react-native-ama/forms 1.0.0

package/dist/internal/src/utils/logger.rules.d.ts

@@ -0,0 +1,15 @@
+export type Rule = 'BOTTOM_SHEET_CLOSE_ACTION' | 'CONTRAST_FAILED' | 'CONTRAST_FAILED_AAA' | 'FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE' | 'FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE' | 'MINIMUM_SIZE' | 'NO_ACCESSIBILITY_LABEL' | 'NO_ACCESSIBILITY_ROLE' | 'NO_FORM_ERROR' | 'NO_FORM_LABEL' | 'NO_KEYBOARD_TRAP' | 'NO_UNDEFINED' | 'NO_UPPERCASE_TEXT' | 'INCOMPATIBLE_ACCESSIBILITY_STATE' | 'INCOMPATIBLE_ACCESSIBILITY_ROLE' | 'NO_FORM_LABEL_ENDING_WITH_ASTERISK' | 'UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL';
+export type RuleAction = 'SHOULD_NOT' | 'MUST_NOT' | 'MUST' | 'SHOULD' | 'PLEASE_FORGIVE_ME';
+export declare const NON_OVERRIDABLE_RULES: string[] | undefined;
+export declare const LOGGER_RULES: Record<Rule, RuleAction> | null;
+export declare const CONTRAST_CHECKER_MAX_DEPTH = 5;
+export declare const IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = false;
+export declare const RULES_HELP: Record<Rule, string> | null;
+export declare const canRuleBeOverridden: ((rule: Rule) => boolean) | null;
+export declare const SHELL_COLORS: {
+    RED: string;
+    YELLOW: string;
+    RESET: string;
+    BLUE: string;
+    BG_RED: string;
+} | undefined;

package/dist/internal/src/utils/logger.rules.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SHELL_COLORS = exports.canRuleBeOverridden = exports.RULES_HELP = exports.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = exports.CONTRAST_CHECKER_MAX_DEPTH = exports.LOGGER_RULES = exports.NON_OVERRIDABLE_RULES = void 0;
+exports.NON_OVERRIDABLE_RULES = __DEV__
+    ? [
+        'NO_ACCESSIBILITY_ROLE',
+        'NO_ACCESSIBILITY_LABEL',
+        'NO_KEYBOARD_TRAP',
+        'NO_UNDEFINED',
+        'NO_FORM_LABEL',
+        'FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE',
+        'BOTTOM_SHEET_CLOSE_ACTION',
+        'INCOMPATIBLE_ACCESSIBILITY_STATE',
+        'INCOMPATIBLE_ACCESSIBILITY_ROLE',
+    ]
+    : undefined;
+exports.LOGGER_RULES = __DEV__
+    ? {
+        CONTRAST_FAILED: 'MUST',
+        CONTRAST_FAILED_AAA: 'SHOULD',
+        FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE: 'SHOULD',
+        FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE: 'MUST',
+        MINIMUM_SIZE: 'MUST',
+        NO_ACCESSIBILITY_LABEL: 'MUST',
+        NO_ACCESSIBILITY_ROLE: 'MUST',
+        NO_FORM_LABEL: 'MUST',
+        NO_FORM_ERROR: 'MUST',
+        NO_KEYBOARD_TRAP: 'MUST_NOT',
+        NO_UNDEFINED: 'MUST_NOT',
+        UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL: 'MUST_NOT',
+        NO_UPPERCASE_TEXT: 'MUST_NOT',
+        BOTTOM_SHEET_CLOSE_ACTION: 'MUST',
+        INCOMPATIBLE_ACCESSIBILITY_STATE: 'MUST',
+        NO_FORM_LABEL_ENDING_WITH_ASTERISK: 'MUST_NOT',
+        INCOMPATIBLE_ACCESSIBILITY_ROLE: 'MUST_NOT',
+    }
+    : null;
+exports.CONTRAST_CHECKER_MAX_DEPTH = 5;
+exports.IGNORE_CONTRAST_FOR_DISABLED_ELEMENTS = false;
+exports.RULES_HELP = __DEV__
+    ? {
+        NO_UNDEFINED: '',
+        CONTRAST_FAILED: 'https://formidable.com/open-source/react-native-ama/guidelines/contrast',
+        CONTRAST_FAILED_AAA: 'https://formidable.com/open-source/react-native-ama/guidelines/contrast',
+        MINIMUM_SIZE: 'https://formidable.com/open-source/react-native-ama/guidelines/minimum-size',
+        UPPERCASE_TEXT_NO_ACCESSIBILITY_LABEL: 'https://formidable.com/open-source/react-native-ama/guidelines/text',
+        NO_UPPERCASE_TEXT: 'https://formidable.com/open-source/react-native-ama/guidelines/text',
+        NO_ACCESSIBILITY_LABEL: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-labels',
+        NO_ACCESSIBILITY_ROLE: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-role',
+        NO_KEYBOARD_TRAP: 'https://formidable.com/open-source/react-native-ama/guidelines/forms',
+        NO_FORM_LABEL: 'https://formidable.com/open-source/react-native-ama/guidelines/forms',
+        NO_FORM_ERROR: 'https://formidable.com/open-source/react-native-ama/guidelines/forms',
+        FLATLIST_NO_COUNT_IN_SINGULAR_MESSAGE: 'https://formidable.com/open-source/react-native-ama/guidelines/lists-grids#number-of-results',
+        FLATLIST_NO_COUNT_IN_PLURAL_MESSAGE: 'https://formidable.com/open-source/react-native-ama/guidelines/lists-grids#number-of-results',
+        BOTTOM_SHEET_CLOSE_ACTION: 'https://formidable.com/open-source/react-native-ama/guidelines/bottomsheet',
+        INCOMPATIBLE_ACCESSIBILITY_STATE: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-role',
+        INCOMPATIBLE_ACCESSIBILITY_ROLE: 'https://formidable.com/open-source/react-native-ama/guidelines/accessibility-role',
+        NO_FORM_LABEL_ENDING_WITH_ASTERISK: 'https://formidable.com/open-source/react-native-ama/guidelines/forms#labels',
+    }
+    : null;
+exports.canRuleBeOverridden = __DEV__
+    ? (rule) => {
+        return !exports.NON_OVERRIDABLE_RULES.includes(rule);
+    }
+    : null;
+exports.SHELL_COLORS = __DEV__
+    ? {
+        RED: '\x1b[31m',
+        YELLOW: '\x1b[33m',
+        RESET: '\x1b[0m',
+        BLUE: '\x1b[36m',
+        BG_RED: '\x1b[41m',
+    }
+    : undefined;

package/dist/internal/src/utils/maybeGenerateStringFromElement.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const maybeGenerateStringFromElement: (element?: JSX.Element, alternativeString?: string | null) => string;

package/dist/internal/src/utils/maybeGenerateStringFromElement.js

@@ -0,0 +1,51 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maybeGenerateStringFromElement = void 0;
+const React = __importStar(require("react"));
+const maybeGenerateStringFromElement = (element, alternativeString) => {
+    var _a;
+    if (alternativeString || element == null) {
+        return alternativeString || '';
+    }
+    const pieces = extractPieces(element);
+    if (pieces == null || (pieces === null || pieces === void 0 ? void 0 : pieces.length) === 0) {
+        console.error(`Cannot generate the string from ${element} prop. Please provide one!`);
+    }
+    return (_a = pieces === null || pieces === void 0 ? void 0 : pieces.join(' ')) === null || _a === void 0 ? void 0 : _a.replace(/\*$/, '');
+};
+exports.maybeGenerateStringFromElement = maybeGenerateStringFromElement;
+const extractPieces = (component) => {
+    return React.Children.map(component, child => {
+        if (!React.isValidElement(child)) {
+            return '';
+        }
+        const children = child.props.children;
+        if (React.isValidElement(children) || Array.isArray(children)) {
+            return extractPieces(children);
+        }
+        return children;
+    });
+};

package/dist/internal/src/utils/minimumTouchableSize.d.ts

@@ -0,0 +1,3 @@
+export declare const ANDROID_MINIMUM_TOUCHABLE_SIZE = 48;
+export declare const IOS_MINIMUM_TOUCHABLE_SIZE = 44;
+export declare const MINIMUM_TOUCHABLE_SIZE: number;

package/dist/internal/src/utils/minimumTouchableSize.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MINIMUM_TOUCHABLE_SIZE = exports.IOS_MINIMUM_TOUCHABLE_SIZE = exports.ANDROID_MINIMUM_TOUCHABLE_SIZE = void 0;
+const react_native_1 = require("react-native");
+exports.ANDROID_MINIMUM_TOUCHABLE_SIZE = 48;
+exports.IOS_MINIMUM_TOUCHABLE_SIZE = 44;
+exports.MINIMUM_TOUCHABLE_SIZE = react_native_1.Platform.OS === 'android'
+    ? exports.ANDROID_MINIMUM_TOUCHABLE_SIZE
+    : exports.IOS_MINIMUM_TOUCHABLE_SIZE;

package/dist/react-native/src/components/ExpandablePressable.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { UseExpandable } from '../hooks/useExpandable';
+import { type PressableProps } from './Pressable';
+type ExpandablePressableProps = React.PropsWithChildren<UseExpandable<PressableProps>>;
+export declare const ExpandablePressable: React.MemoExoticComponent<({ children, ...rest }: ExpandablePressableProps) => React.JSX.Element>;
+export {};

package/dist/react-native/src/components/ExpandablePressable.js

@@ -0,0 +1,26 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandablePressable = void 0;
+const react_1 = __importDefault(require("react"));
+const useExpandable_1 = require("../hooks/useExpandable");
+const Pressable_1 = require("./Pressable");
+const ExpandablePressableBase = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const expandableProps = (0, useExpandable_1.useExpandable)(rest);
+    return <Pressable_1.Pressable {...expandableProps}>{children}</Pressable_1.Pressable>;
+};
+exports.ExpandablePressable = react_1.default.memo(ExpandablePressableBase);

package/dist/react-native/src/components/Pressable.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { PressableProps as RNPressableProps } from 'react-native';
+import type { UsePressable } from '../hooks/usePressable';
+export type PressableProps = UsePressable<RNPressableProps>;
+export declare const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<React.ForwardRefExoticComponent<RNPressableProps & React.RefAttributes<import("react-native").View>>>>;

package/dist/react-native/src/components/Pressable.js

@@ -0,0 +1,49 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pressable = void 0;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const usePressable_1 = require("../hooks/usePressable");
+exports.Pressable = React.forwardRef((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const pressableProps = (0, usePressable_1.usePressable)(rest, children);
+    return (<react_native_1.Pressable 
+    // @ts-ignore
+    ref={ref} {...rest} {...pressableProps}>
+        {children}
+      </react_native_1.Pressable>);
+});

package/dist/react-native/src/components/SwitchListItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { StyleProp, SwitchProps, ViewStyle } from 'react-native';
+export type SwitchListItemProps = React.PropsWithChildren<Omit<SwitchProps, 'style' | 'value' | 'onValueChange'> & {
+    labelComponent: JSX.Element;
+    labelPosition?: 'left' | 'right';
+    style?: StyleProp<ViewStyle>;
+    switchStyle?: StyleProp<ViewStyle>;
+    value: boolean;
+    onValueChange: () => void;
+}>;
+export declare const SwitchListItemBase: ({ children, testID, labelComponent, labelPosition, style, switchStyle, value, onValueChange, ...rest }: SwitchListItemProps) => React.JSX.Element;
+export declare const SwitchListItem: React.MemoExoticComponent<({ children, testID, labelComponent, labelPosition, style, switchStyle, value, onValueChange, ...rest }: SwitchListItemProps) => React.JSX.Element>;

package/dist/react-native/src/components/SwitchListItem.js

@@ -0,0 +1,44 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchListItem = exports.SwitchListItemBase = void 0;
+const core_1 = require("@react-native-ama/core");
+const internal_1 = require("@react-native-ama/internal");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const SwitchWrapper_1 = require("./SwitchWrapper");
+const SwitchListItemBase = (_a) => {
+    var { children, testID, labelComponent, labelPosition = 'left', style = {}, switchStyle = {}, value, onValueChange } = _a, rest = __rest(_a, ["children", "testID", "labelComponent", "labelPosition", "style", "switchStyle", "value", "onValueChange"]);
+    const isLabelPositionLeft = labelPosition === 'left';
+    const accessibilityLabel = react_1.default.useMemo(() => (0, internal_1.maybeGenerateStringFromElement)(labelComponent, rest.accessibilityLabel), [labelComponent, rest.accessibilityLabel]);
+    return (<SwitchWrapper_1.SwitchWrapper accessibilityLabel={accessibilityLabel} style={[allStyles.container, style]} onPress={onValueChange} checked={value} testID={testID}>
+      {isLabelPositionLeft ? labelComponent : null}
+      <core_1.HideChildrenFromAccessibilityTree>
+        {children ? (children) : (<react_native_1.Switch {...rest} style={switchStyle} value={value} onValueChange={onValueChange} testID={`${testID}-switch`}/>)}
+      </core_1.HideChildrenFromAccessibilityTree>
+      {isLabelPositionLeft ? null : labelComponent}
+    </SwitchWrapper_1.SwitchWrapper>);
+};
+exports.SwitchListItemBase = SwitchListItemBase;
+exports.SwitchListItem = react_1.default.memo(exports.SwitchListItemBase);
+const allStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        width: '100%',
+        alignContent: 'center',
+        alignItems: 'center',
+    },
+});

package/dist/react-native/src/components/SwitchWrapper.d.ts

@@ -0,0 +1,11 @@
+import { type AMAAccessibilityState } from '@react-native-ama/internal';
+import React from 'react';
+import { AccessibilityState, GestureResponderEvent, ViewProps } from 'react-native';
+type SwitchWrapperProps = React.PropsWithChildren<Omit<ViewProps, 'accessibilityRole' | 'accessibilityLabel'> & AMAAccessibilityState & {
+    accessibilityLabel: string;
+    children: React.ReactNode;
+    onPress?: (event: GestureResponderEvent) => void;
+    checked: Pick<AccessibilityState, 'checked'> | boolean;
+}>;
+export declare const SwitchWrapper: React.MemoExoticComponent<({ children, ...rest }: SwitchWrapperProps) => React.JSX.Element>;
+export {};

package/dist/react-native/src/components/SwitchWrapper.js

@@ -0,0 +1,36 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchWrapper = void 0;
+const internal_1 = require("@react-native-ama/internal");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("react-native");
+const useSwitch_1 = require("../hooks/useSwitch");
+const SwitchWrapperBase = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const _b = (0, useSwitch_1.useSwitch)(rest), { style: switchStyle } = _b, otherSwitchProps = __rest(_b, ["style"]);
+    return (<react_native_2.TouchableWithoutFeedback {...otherSwitchProps}>
+      <react_native_1.View style={[switchStyle, style.switch]}>{children}</react_native_1.View>
+    </react_native_2.TouchableWithoutFeedback>);
+};
+exports.SwitchWrapper = react_1.default.memo(SwitchWrapperBase);
+const style = react_native_2.StyleSheet.create({
+    switch: {
+        minHeight: internal_1.MINIMUM_TOUCHABLE_SIZE,
+        minWidth: internal_1.MINIMUM_TOUCHABLE_SIZE,
+    },
+});

package/dist/react-native/src/components/Text.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { TextProps as RNTextProps } from 'react-native';
+export type TextProps = RNTextProps & {
+    autofocus?: boolean;
+};
+export declare const Text: ({ autofocus, ...rest }: TextProps) => React.JSX.Element;

package/dist/react-native/src/components/Text.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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const core_1 = require("@react-native-ama/core");
+const internal_1 = require("@react-native-ama/internal");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Text = (_a) => {
+    var { autofocus } = _a, rest = __rest(_a, ["autofocus"]);
+    const textRef = React.useRef(null);
+    (0, core_1.useFocus)(autofocus ? textRef : undefined);
+    const checks = __DEV__ ? core_1.useChecks === null || core_1.useChecks === void 0 ? void 0 : (0, core_1.useChecks)() : undefined;
+    const isAccessible = rest.accessible !== false;
+    __DEV__ &&
+        isAccessible &&
+        rest.children &&
+        (checks === null || checks === void 0 ? void 0 : checks.uppercaseChecker({
+            style: rest.style,
+            extra: rest,
+            accessibilityLabel: rest.accessibilityLabel,
+        }));
+    __DEV__ &&
+        isAccessible &&
+        (checks === null || checks === void 0 ? void 0 : checks.noUppercaseStringChecker({
+            text: rest.accessibilityLabel,
+            canBeEmpty: true,
+        }));
+    __DEV__ &&
+        rest.onPress &&
+        (checks === null || checks === void 0 ? void 0 : checks.noUndefinedProperty({
+            properties: rest,
+            property: 'accessibilityRole',
+            rule: 'NO_ACCESSIBILITY_ROLE',
+        }));
+    const role = autofocus ? 'header' : rest.accessibilityRole;
+    return __DEV__ ? (<react_native_1.Text ref={textRef} {...rest} accessibilityRole={role} style={internal_1.applyStyle === null || internal_1.applyStyle === void 0 ? void 0 : (0, internal_1.applyStyle)({
+            // @ts-ignore
+            style: rest.style,
+            // @ts-ignore
+            debugStyle: checks === null || checks === void 0 ? void 0 : checks.debugStyle,
+        })} onLayout={rest.onPress ? checks === null || checks === void 0 ? void 0 : checks.onLayout : undefined}/>) : (<react_native_1.Text ref={textRef} {...rest} accessibilityRole={role}/>);
+};
+exports.Text = Text;

package/dist/react-native/src/components/TouchableOpacity.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { PropsWithChildren } from 'react';
+import { TouchableOpacityProps as RNTouchableOpacityProps } from 'react-native';
+import { type UsePressable } from '../hooks/usePressable';
+export type TouchableOpacityProps = PropsWithChildren<UsePressable<RNTouchableOpacityProps>>;
+export declare const TouchableOpacity: React.MemoExoticComponent<({ children, ...rest }: TouchableOpacityProps) => React.JSX.Element>;

package/dist/react-native/src/components/TouchableOpacity.js

@@ -0,0 +1,48 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchableOpacity = void 0;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const usePressable_1 = require("../hooks/usePressable");
+const TouchableOpacityBase = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const pressableProps = (0, usePressable_1.usePressable)(rest, children);
+    return (<react_native_1.TouchableOpacity {...rest} {...pressableProps}>
+      {children}
+    </react_native_1.TouchableOpacity>);
+};
+exports.TouchableOpacity = React.memo(TouchableOpacityBase);

package/dist/react-native/src/components/TouchableWithoutFeedback.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { TouchableWithoutFeedbackProps as RNTouchableWithoutFeedbackProps } from 'react-native';
+import { UsePressable } from '../hooks/usePressable';
+export type TouchableWithoutFeedbackProps = React.PropsWithChildren<UsePressable<RNTouchableWithoutFeedbackProps>>;
+export declare const TouchableWithoutFeedback: ({ children, ...rest }: TouchableWithoutFeedbackProps) => React.JSX.Element;

package/dist/react-native/src/components/TouchableWithoutFeedback.js

@@ -0,0 +1,48 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchableWithoutFeedback = void 0;
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const usePressable_1 = require("../hooks/usePressable");
+const TouchableWithoutFeedback = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const pressableProps = (0, usePressable_1.usePressable)(rest, children);
+    return (<react_native_1.TouchableWithoutFeedback {...rest} {...pressableProps}>
+      {children}
+    </react_native_1.TouchableWithoutFeedback>);
+};
+exports.TouchableWithoutFeedback = TouchableWithoutFeedback;

package/dist/react-native/src/hooks/useExpandable.d.ts

@@ -0,0 +1,13 @@
+export type UseExpandable<T> = Omit<T, 'accessibilityRole'> & {
+    expanded: boolean;
+};
+export declare const useExpandable: <T>(props: UseExpandable<T>) => ({
+    accessibilityRole: any;
+} & Omit<T, "accessibilityRole"> & {
+    style: any;
+    expanded: boolean;
+}) | ({
+    accessibilityRole: any;
+} & Omit<T, "accessibilityRole"> & {
+    expanded: boolean;
+});

package/dist/react-native/src/hooks/useExpandable.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpandable = void 0;
+const core_1 = require("@react-native-ama/core");
+const internal_1 = require("@react-native-ama/internal");
+const useExpandable = (props) => {
+    const checks = __DEV__ ? core_1.useChecks === null || core_1.useChecks === void 0 ? void 0 : (0, core_1.useChecks)() : undefined;
+    __DEV__ &&
+        (checks === null || checks === void 0 ? void 0 : checks.noUndefinedProperty({
+            properties: props,
+            // @ts-ignore
+            property: 'expanded',
+            rule: 'NO_UNDEFINED',
+        }));
+    __DEV__ &&
+        (checks === null || checks === void 0 ? void 0 : checks.noUndefinedProperty({
+            properties: props,
+            // @ts-ignore
+            property: 'accessibilityLabel',
+            rule: 'NO_UNDEFINED',
+        }));
+    /* block:end */
+    return __DEV__
+        ? Object.assign(Object.assign({ accessibilityRole: 'button' }, props), { style: internal_1.applyStyle === null || internal_1.applyStyle === void 0 ? void 0 : (0, internal_1.applyStyle)({
+                // @ts-ignore
+                style: props.style,
+                // @ts-ignore
+                debugStyle: checks === null || checks === void 0 ? void 0 : checks.debugStyle,
+            }) }) : Object.assign({ accessibilityRole: 'button' }, props);
+};
+exports.useExpandable = useExpandable;

package/dist/react-native/src/hooks/usePressable.d.ts

@@ -0,0 +1,16 @@
+import type { AMAAccessibilityState, AccessibilityRoles } from '@react-native-ama/internal';
+import type React from 'react';
+import type { AccessibilityRole, AccessibilityState, LayoutChangeEvent, PressableStateCallbackType } from 'react-native';
+export type UsePressable<T> = Omit<T, 'accessibilityRole' | 'accessibilityLabel'> & AMAAccessibilityState & AccessibilityRoles & {
+    accessibilityLabel: string;
+} & {
+    onLayout?: (event: LayoutChangeEvent) => void;
+};
+type ReturnUsePressable = {
+    accessibilityState: AccessibilityState;
+    accessibilityRole: AccessibilityRole;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    style?: Record<string, any>;
+};
+export declare const usePressable: <T>(props: Partial<UsePressable<T>>, children?: React.ReactNode | ((state: PressableStateCallbackType) => React.ReactNode)) => ReturnUsePressable;
+export {};