react-native-a11y-order 0.9.1 → 0.11.0-rc

package/lib/typescript/src/index.d.ts

@@ -1,7 +1,10 @@
-export type { IndexCommands, A11yOrderType, A11yOrderTypeEnum, A11yIndexProps, } from './types/A11yIndex.types';
-export type { A11yContainerTypeEnum, A11yUIContainerType, A11yUIContainerProps, } from './types/A11yUIContainerView.types';
-export type { ScreenReaderDescendantFocusChangedEvent } from './types/A11yView.types';
-export type { A11yViewProps } from './types/A11yView.types';
+export type { A11yCardProps } from './components/A11yCard/A11yCard.types';
+export type { A11yOrderProps } from './components/A11yOrder/A11yOrder.types';
+export type { A11yIndexProps, A11yOrderType, IndexCommands, } from './components/A11yIndex/A11yIndex.types';
+export { A11yOrderTypeEnum } from './components/A11yIndex/A11yIndex.types';
+export type { A11yViewProps, ScreenReaderDescendantFocusChangedEvent, } from './components/A11yView/A11yView.types';
+export type { A11yFocusTrapProps, A11yFocusFrameProps, } from './components/A11yLock/A11yLock.types';
+export type { A11yPaneTitleProps, A11yScreenChangeProps, A11yPaneType, } from './components/A11yPaneTitle/A11yPaneTitle.types';
 export declare const A11y: {
     Order: import("react").NamedExoticComponent<Readonly<Omit<Readonly<{
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
@@ -127,14 +130,7 @@ export declare const A11y: {
         removeClippedSubviews?: boolean | undefined;
         experimental_accessibilityOrder?: Array<string> | undefined;
     }>, never>>>;
-    Index: import("react").NamedExoticComponent<{
-        children: React.ReactNode;
-        index: number;
-        orderType?: import(".").A11yOrderType;
-        onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
-        onScreenReaderSubViewFocused?: () => void;
-        onScreenReaderSubViewBlurred?: () => void;
-    } & Readonly<Omit<Readonly<{
+    Index: import("react").NamedExoticComponent<Readonly<Omit<Readonly<{
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
         onAccessibilityTap?: (() => unknown) | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
@@ -257,27 +253,19 @@ export declare const A11y: {
         pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
         removeClippedSubviews?: boolean | undefined;
         experimental_accessibilityOrder?: Array<string> | undefined;
-    }>, never>> & import("react").RefAttributes<import(".").IndexCommands>>;
-    Group: import("react").ExoticComponent<import("./types/A11yGroup.types").A11yGroupProps>;
-    Container: import("react").ExoticComponent<import(".").A11yUIContainerProps>;
-    PaneTitle: ({ title, detachMessage, type, children, displayed, withFocusRestore, }: import("react-native").ViewProps & ({
-        title?: string;
-        detachMessage?: string;
-        type?: "activity" | "pane" | "announce";
-        withFocusRestore?: boolean;
-        displayed?: boolean;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    })) => import("react").JSX.Element | null;
-    ScreenChange: (props: Omit<{
-        title?: string;
-        detachMessage?: string;
-        type?: "activity" | "pane" | "announce";
-        withFocusRestore?: boolean;
-        displayed?: boolean;
-    } & {
-        children?: import("react").ReactNode | undefined;
-    }, "type">) => import("react").JSX.Element;
+    }>, never>> & {
+        children: React.ReactNode;
+        index?: number;
+        orderType?: import(".").A11yOrderType;
+        a11yUIContainer?: import("./components/A11yIndex/A11yIndex.types").A11yUIContainerType;
+        shouldGroupAccessibilityChildren?: boolean;
+        autoFocus?: boolean;
+        onScreenReaderFocused?: () => void;
+        onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
+        onScreenReaderSubViewFocused?: () => void;
+        onScreenReaderSubViewBlurred?: () => void;
+        onScreenReaderDescendantFocusChanged?: (e: import(".").ScreenReaderDescendantFocusChangedEvent) => void;
+    } & import("react").RefAttributes<import(".").IndexCommands>>;
     View: import("react").NamedExoticComponent<Readonly<Omit<Readonly<{
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
         onAccessibilityTap?: (() => unknown) | undefined;
@@ -402,15 +390,23 @@ export declare const A11y: {
         removeClippedSubviews?: boolean | undefined;
         experimental_accessibilityOrder?: Array<string> | undefined;
     }>, never>> & {
+        children: React.ReactNode;
+        index?: number;
+        orderType?: import(".").A11yOrderType;
+        a11yUIContainer?: import("./components/A11yIndex/A11yIndex.types").A11yUIContainerType;
+        shouldGroupAccessibilityChildren?: boolean;
         autoFocus?: boolean;
         onScreenReaderFocused?: () => void;
         onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
         onScreenReaderSubViewFocused?: () => void;
         onScreenReaderSubViewBlurred?: () => void;
         onScreenReaderDescendantFocusChanged?: (e: import(".").ScreenReaderDescendantFocusChangedEvent) => void;
-    } & import("react").RefAttributes<{}>>;
-    FocusFrame: (props: import("react-native").ViewProps) => import("react").JSX.Element;
-    FocusTrap: ({ forceLock, ...props }: import("./types/A11yLock.types").A11yLockProps) => import("react").JSX.Element;
+    } & import("react").RefAttributes<import(".").IndexCommands>>;
+    PaneTitle: ({ title, detachMessage, type, children, displayed, withFocusRestore, }: import(".").A11yPaneTitleProps) => import("react").JSX.Element | null;
+    ScreenChange: (props: import(".").A11yScreenChangeProps) => import("react").JSX.Element;
+    FocusFrame: (props: import(".").A11yFocusFrameProps) => import("react").JSX.Element;
+    FocusTrap: ({ forceLock, ...props }: import(".").A11yFocusTrapProps) => import("react").JSX.Element;
+    Card: ({ containerProps, style, testID, onPress, accessibility, pressableProps, children, }: import(".").A11yCardProps) => import("react").JSX.Element;
 };
 export { A11yModule } from './modules/A11yAnnounceModule';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAYA,YAAY,EACV,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,cAAc,GACf,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAE3C,YAAY,EAAE,uCAAuC,EAAE,MAAM,wBAAwB,CAAC;AAEtF,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUhB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAaA,YAAY,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1E,YAAY,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAC7E,YAAY,EACV,cAAc,EACd,aAAa,EACb,aAAa,GACd,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,YAAY,EACV,aAAa,EACb,uCAAuC,GACxC,MAAM,sCAAsC,CAAC;AAC9C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,sCAAsC,CAAC;AAC9C,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,GACb,MAAM,gDAAgD,CAAC;AAIxD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAShB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/typescript/src/index.web.d.ts

@@ -1,26 +1,14 @@
-export type { IndexCommands, A11yOrderType, A11yOrderTypeEnum, A11yIndexProps, } from './types/A11yIndex.types';
-export type { A11yContainerTypeEnum, A11yUIContainerType, A11yUIContainerProps, } from './types/A11yUIContainerView.types';
-export type { ScreenReaderDescendantFocusChangedEvent } from './types/A11yView.types';
-export type { A11yViewProps } from './types/A11yView.types';
+export type { IndexCommands, A11yOrderType, A11yIndexProps, } from './components/A11yIndex/A11yIndex.types';
+export { A11yOrderTypeEnum } from './components/A11yIndex/A11yIndex.types';
+export type { ScreenReaderDescendantFocusChangedEvent } from './components/A11yView/A11yView.types';
+export type { A11yViewProps } from './components/A11yView/A11yView.types';
 export declare const A11y: {
     Order: (props: Omit<import("react-native").ViewProps, keyof {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }> & {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }) => React.ReactNode;
-    Group: (props: Omit<import("react-native").ViewProps, keyof {
-        ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
-    }> & {
-        ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
-    }) => React.ReactNode;
-    Index: import("react").NamedExoticComponent<{
-        children: React.ReactNode;
-        index: number;
-        orderType?: import(".").A11yOrderType;
-        onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
-        onScreenReaderSubViewFocused?: () => void;
-        onScreenReaderSubViewBlurred?: () => void;
-    } & Readonly<Omit<Readonly<{
+    Index: import("react").NamedExoticComponent<Readonly<Omit<Readonly<{
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
         onAccessibilityTap?: (() => unknown) | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
@@ -143,8 +131,20 @@ export declare const A11y: {
         pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
         removeClippedSubviews?: boolean | undefined;
         experimental_accessibilityOrder?: Array<string> | undefined;
-    }>, never>> & import("react").RefAttributes<import(".").IndexCommands>>;
-    Container: (props: Omit<import("react-native").ViewProps, keyof {
+    }>, never>> & {
+        children: React.ReactNode;
+        index?: number;
+        orderType?: import(".").A11yOrderType;
+        a11yUIContainer?: import("./components/A11yIndex/A11yIndex.types").A11yUIContainerType;
+        shouldGroupAccessibilityChildren?: boolean;
+        autoFocus?: boolean;
+        onScreenReaderFocused?: () => void;
+        onScreenReaderSubViewFocusChange?: (isFocused: boolean) => void;
+        onScreenReaderSubViewFocused?: () => void;
+        onScreenReaderSubViewBlurred?: () => void;
+        onScreenReaderDescendantFocusChanged?: (e: import(".").ScreenReaderDescendantFocusChangedEvent) => void;
+    } & import("react").RefAttributes<import(".").IndexCommands>>;
+    View: (props: Omit<import("react-native").ViewProps, keyof {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }> & {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
@@ -159,17 +159,17 @@ export declare const A11y: {
     }> & {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }) => React.ReactNode;
-    View: (props: Omit<import("react-native").ViewProps, keyof {
+    FocusFrame: (props: Omit<import("react-native").ViewProps, keyof {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }> & {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }) => React.ReactNode;
-    FocusFrame: (props: Omit<import("react-native").ViewProps, keyof {
+    FocusTrap: (props: Omit<import("react-native").ViewProps, keyof {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }> & {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }) => React.ReactNode;
-    FocusTrap: (props: Omit<import("react-native").ViewProps, keyof {
+    Card: (props: Omit<import("react-native").ViewProps, keyof {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
     }> & {
         ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;

package/lib/typescript/src/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,cAAc,GACf,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAE3C,YAAY,EAAE,uCAAuC,EAAE,MAAM,wBAAwB,CAAC;AAEtF,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,eAAO,MAAM,IAAI;;WAaiE,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;CAH5J,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,aAAa,EACb,aAAa,EACb,cAAc,GACf,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,YAAY,EAAE,uCAAuC,EAAE,MAAM,sCAAsC,CAAC;AAEpG,YAAY,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,eAAO,MAAM,IAAI;;WAYsH,CAAC;;WAAyE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;;WAA3E,CAAC;;WAAyE,CAAC;;CAHjN,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/typescript/src/nativeSpecs/A11yCardNativeComponent.d.ts

@@ -0,0 +1,8 @@
+import type { ViewProps } from 'react-native';
+export interface A11yCardNativeComponentProps extends ViewProps {
+}
+declare const _default: (props: Omit<A11yCardNativeComponentProps, "ref"> & {
+    ref?: React.Ref<import("react-native").HostInstance>;
+}) => React.ReactNode;
+export default _default;
+//# sourceMappingURL=A11yCardNativeComponent.d.ts.map

package/lib/typescript/src/nativeSpecs/A11yCardNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"A11yCardNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/nativeSpecs/A11yCardNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,4BAA6B,SAAQ,SAAS;CAAG;;;;AAElE,wBAEE"}

package/lib/typescript/src/nativeSpecs/A11yIndexNativeComponent.d.ts

@@ -6,12 +6,19 @@ export type ScreenReaderFocusChange = Readonly<{
 }>;
 export type ScreenReaderDescendantFocusChanged = Readonly<{
     status: string;
+    nativeId?: string;
 }>;
 export interface A11yIndexNativeComponentProps extends ViewProps {
-    orderIndex: Int32;
-    orderKey: string;
-    orderFocusType: Int32;
+    orderIndex?: Int32;
+    orderKey?: string;
+    orderFocusType?: Int32;
+    shouldGroupAccessibilityChildren?: Int32;
+    autoFocus?: boolean;
+    descendantFocusChangedEnabled?: boolean;
+    onScreenReaderFocused?: DirectEventHandler<{}>;
+    onScreenReaderDescendantFocusChanged?: DirectEventHandler<ScreenReaderDescendantFocusChanged>;
     onScreenReaderFocusChange?: DirectEventHandler<ScreenReaderFocusChange>;
+    containerType?: Int32;
 }
 export interface NativeCommands {
     focus: (viewRef: React.ElementRef<ComponentType>) => void;

package/lib/typescript/src/nativeSpecs/A11yIndexNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"A11yIndexNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/nativeSpecs/A11yIndexNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACN,MAAM,2CAA2C,CAAC;AAMnD,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,kCAAkC,GAAG,QAAQ,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,UAAU,EAAE,KAAK,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,KAAK,CAAC;IAEtB,yBAAyB,CAAC,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;CACzE;AAED,MAAM,WAAW,cAAc;IAE7B,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;;;;AAEH,wBAEE"}
+{"version":3,"file":"A11yIndexNativeComponent.d.ts","sourceRoot":"","sources":["../../../../src/nativeSpecs/A11yIndexNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACN,MAAM,2CAA2C,CAAC;AAMnD,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,kCAAkC,GAAG,QAAQ,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,gCAAgC,CAAC,EAAE,KAAK,CAAC;IAEzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,CAAC,EAAE,OAAO,CAAC;IAExC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC,EAAE,CAAC,CAAC;IAC/C,oCAAoC,CAAC,EAAE,kBAAkB,CAAC,kCAAkC,CAAC,CAAC;IAC9F,yBAAyB,CAAC,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;IAExE,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAE7B,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;;;;AAEH,wBAEE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-a11y-order",
-  "version": "0.9.1",
+  "version": "0.11.0-rc",
   "description": "ReactNative library for managing screen reader focus ordering",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -25,10 +25,12 @@
     "!**/__fixtures__",
     "!**/__mocks__",
     "!**/.*",
-    "!**/CLAUDE.md"
+    "!**/CLAUDE.md",
+    "!**/docs"
   ],
   "scripts": {
     "example": "yarn workspace a11y-order-example",
+    "example-legacy": "yarn workspace A11yOrderExample",
     "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
     "prepare": "bob build",
     "typecheck": "tsc",
@@ -64,11 +66,11 @@
     "@eslint/compat": "^1.3.2",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.35.0",
-    "@react-native/babel-preset": "0.83.0",
-    "@react-native/eslint-config": "0.83.0",
+    "@react-native/babel-preset": "0.76.0",
+    "@react-native/eslint-config": "0.76.0",
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.14",
-    "@types/react": "^19.2.0",
+    "@types/react": "^18.2.0",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
@@ -77,8 +79,8 @@
     "jest": "^29.7.0",
     "lefthook": "^2.0.3",
     "prettier": "^2.8.8",
-    "react": "19.2.0",
-    "react-native": "0.83.0",
+    "react": "18.2.0",
+    "react-native": "0.76.0",
     "react-native-builder-bob": "^0.40.18",
     "release-it": "^19.0.4",
     "turbo": "^2.5.6",
@@ -89,7 +91,8 @@
     "react-native": "*"
   },
   "workspaces": [
-    "example"
+    "example",
+    "A11yOrderExample"
   ],
   "packageManager": "yarn@4.11.0",
   "react-native-builder-bob": {
@@ -112,12 +115,10 @@
     "jsSrcsDir": "src",
     "ios": {
       "componentProvider": {
-        "A11yGroupView": "RNAOA11yGroupView",
+        "A11yCardView": "RNAOA11yCardView",
         "A11yIndexView": "RNAOA11yIndexView",
         "A11yOrderView": "RNAOA11yOrderView",
-        "A11yUIContainer": "RNAOA11yUIContainerView",
         "A11yPaneTitle": "RNAOA11yPaneTitleView",
-        "A11yView": "RNAOA11yView",
         "A11yLock": "RNAOA11yLockView"
       },
       "modulesProvider": {

package/src/components/A11yCard/A11yCard.ios.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import Card from '../../nativeSpecs/A11yCardNativeComponent';
+import type { A11yCardProps } from './A11yCard.types';
+
+export type { A11yCardProps };
+
+export const A11yCard = ({
+  containerProps,
+  style,
+  testID,
+  onPress,
+  accessibility,
+  pressableProps,
+  children,
+}: A11yCardProps) => {
+  return (
+    <Card {...containerProps} style={[styles.container, containerProps?.style]}>
+      <View
+        testID={`${testID}-overlay`}
+        accessibilityRole="button"
+        {...accessibility}
+        accessible
+        pointerEvents="none"
+        onAccessibilityTap={onPress}
+        style={styles.overlay}
+      />
+      <Pressable
+        {...pressableProps}
+        accessible={false}
+        onPress={onPress}
+        testID={testID}
+        style={style}
+      >
+        {children}
+      </Pressable>
+    </Card>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: { position: 'relative' },
+  overlay: StyleSheet.absoluteFillObject,
+});

package/src/components/A11yCard/A11yCard.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import type { A11yCardProps } from './A11yCard.types';
+
+export type { A11yCardProps };
+
+export const A11yCard = ({
+  containerProps,
+  style,
+  testID,
+  onPress,
+  accessibility,
+  pressableProps,
+  children,
+}: A11yCardProps) => {
+  return (
+    <View collapsable={false} {...containerProps}>
+      <Pressable
+        {...pressableProps}
+        accessibilityRole="button"
+        {...accessibility}
+        accessible
+        onPress={onPress}
+        testID={testID}
+        style={[style, styles.container]}
+      >
+        {children}
+      </Pressable>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: { position: 'relative' },
+});

package/src/components/A11yCard/A11yCard.types.ts

@@ -0,0 +1,50 @@
+import type {
+  ViewStyle,
+  StyleProp,
+  ViewProps,
+  PressableProps,
+} from 'react-native';
+
+/** Accessibility props forwarded to the focusable overlay (iOS) or the Pressable (Android). */
+export type A11yCardAccessibilityProps = ViewProps;
+
+export interface A11yCardProps {
+  /**
+   * Props applied to the container View wrapping the card.
+   * Use this for layout-level concerns: position, margins, flex, etc.
+   */
+  containerProps?: ViewProps;
+
+  /**
+   * Style for the card surface (the inner Pressable).
+   * Use this for visual appearance: background color, border radius, padding, etc.
+   */
+  style?: StyleProp<ViewStyle>;
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: string;
+
+  /**
+   * Called when the user taps the card.
+   */
+  onPress?: () => void;
+
+  /**
+   * View/Accessibility props for the card action — `accessibilityLabel`, `accessibilityHint`,
+   * `accessibilityRole`, `accessibilityState`, etc.
+   *
+   * On iOS these are forwarded to a full-cover overlay that VoiceOver focuses.
+   * On Android they are applied directly to the Pressable.
+   */
+  accessibility?: A11yCardAccessibilityProps;
+
+  /**
+   * Props passed directly to the underlying `Pressable`.
+   * Use this for `hitSlop`, `android_ripple`, `onLongPress`, etc.
+   */
+  pressableProps?: PressableProps;
+
+  children?: React.ReactNode;
+}