@fluentui-react-native/focus-trap-zone 0.13.0 → 0.13.3

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Change Log - @fluentui-react-native/focus-trap-zone
 
+## 0.13.3
+
+### Patch Changes
+
+- 9cf4444: Migrate from ESLint to oxlint
+- Updated dependencies [9cf4444]
+  - @uifabricshared/foundation-composable@0.14.3
+  - @uifabricshared/foundation-settings@0.16.3
+  - @fluentui-react-native/interactive-hooks@0.28.3
+  - @fluentui-react-native/adapters@0.14.3
+
+## 0.13.2
+
+### Patch Changes
+
+- 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
+- Updated dependencies [8a7b549]
+  - @uifabricshared/foundation-composable@0.14.2
+  - @uifabricshared/foundation-settings@0.16.2
+  - @fluentui-react-native/interactive-hooks@0.28.2
+  - @fluentui-react-native/adapters@0.14.2
+
+## 0.13.1
+
+### Patch Changes
+
+- f72b43a: Fix codegen definitions for native components in repo
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @uifabricshared/foundation-composable@0.14.1
+  - @uifabricshared/foundation-settings@0.16.1
+  - @fluentui-react-native/interactive-hooks@0.28.1
+  - @fluentui-react-native/adapters@0.14.1
+
 ## 0.13.0
 
 ### Minor Changes

package/lib/FocusTrapZone.d.ts

@@ -5,12 +5,5 @@
  */
 import type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps } from './FocusTrapZone.types';
 export declare function filterOutComponentRef(propName: string): boolean;
-export declare const FocusTrapZone: import('@uifabricshared/foundation-composable').IWithComposable<
-  import('react').FunctionComponent<IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>>,
-  import('@uifabricshared/foundation-composable').IComposable<
-    IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>,
-    IFocusTrapZoneSlotProps<import('@fluentui-react-native/adapters').IViewProps>,
-    object
-  >
->;
-//# sourceMappingURL=FocusTrapZone.d.ts.map
+export declare const FocusTrapZone: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>, IFocusTrapZoneSlotProps<import("@fluentui-react-native/adapters").IViewProps>, object>>;
+//# sourceMappingURL=FocusTrapZone.d.ts.map

package/lib/FocusTrapZone.js

@@ -8,17 +8,17 @@ import { composable } from '@uifabricshared/foundation-composable';
 import { mergeSettings } from '@uifabricshared/foundation-settings';
 import RCTFocusTrapZone from './FocusTrapZoneNativeComponent';
 export function filterOutComponentRef(propName) {
-  return propName !== 'componentRef';
+    return propName !== 'componentRef';
 }
 export const FocusTrapZone = composable({
-  usePrepareProps: (userProps, useStyling) => {
-    const ftzRef = useViewCommandFocus(userProps.componentRef);
-    return {
-      slotProps: mergeSettings(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
-    };
-  },
-  slots: {
-    root: { slotType: RCTFocusTrapZone, filter: filterOutComponentRef },
-  },
+    usePrepareProps: (userProps, useStyling) => {
+        const ftzRef = useViewCommandFocus(userProps.componentRef);
+        return {
+            slotProps: mergeSettings(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
+        };
+    },
+    slots: {
+        root: { slotType: RCTFocusTrapZone, filter: filterOutComponentRef },
+    },
 });
-//# sourceMappingURL=FocusTrapZone.js.map
+//# sourceMappingURL=FocusTrapZone.js.map

package/lib/FocusTrapZone.types.d.ts

@@ -2,41 +2,41 @@ import type * as React from 'react';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
 export type IFocusTrapZoneProps<TBase = IViewProps> = TBase & {
-  /**
-   * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
-   */
-  componentRef?: React.RefObject<IFocusable>;
-  /**
-   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-   * @default false
-   */
-  disableFirstFocus?: boolean;
-  /**
-   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-   * descendant before, then the first focusable descendant gets focus.
-   * @default false
-   */
-  focusPreviouslyFocusedInnerElement?: boolean;
-  /**
-   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-   * control, but this can vary.
-   * @default false
-   */
-  ignoreExternalFocusing?: boolean;
+    /**
+     * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
+     */
+    componentRef?: React.RefObject<IFocusable>;
+    /**
+     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+     * @default false
+     */
+    disableFirstFocus?: boolean;
+    /**
+     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+     * descendant before, then the first focusable descendant gets focus.
+     * @default false
+     */
+    focusPreviouslyFocusedInnerElement?: boolean;
+    /**
+     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+     * control, but this can vary.
+     * @default false
+     */
+    ignoreExternalFocusing?: boolean;
 };
 export type IFocusTrapZoneSlotProps<TBase = IViewProps> = {
-  root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
+    root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
 };
 export type IFocusTrapZoneType<TBase = IViewProps> = {
-  props: IFocusTrapZoneProps<TBase>;
-  slotProps: IFocusTrapZoneSlotProps<TBase>;
+    props: IFocusTrapZoneProps<TBase>;
+    slotProps: IFocusTrapZoneSlotProps<TBase>;
 };
-//# sourceMappingURL=FocusTrapZone.types.d.ts.map
+//# sourceMappingURL=FocusTrapZone.types.d.ts.map

package/lib/FocusTrapZone.types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=FocusTrapZone.types.js.map
+//# sourceMappingURL=FocusTrapZone.types.js.map

package/lib/FocusTrapZoneNativeComponent.d.ts

@@ -1,37 +1,32 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-import { type HostComponent, type ViewProps } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
 export interface NativeProps extends ViewProps {
-  /**
-   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-   * @default false
-   */
-  disableFirstFocus?: boolean;
-  /**
-   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-   * descendant before, then the first focusable descendant gets focus.
-   * @default false
-   */
-  focusPreviouslyFocusedInnerElement?: boolean;
-  /**
-   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-   * control, but this can vary.
-   * @default false
-   */
-  ignoreExternalFocusing?: boolean;
-  forceFocusInsideTrap?: boolean;
+    /**
+     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+     * @default false
+     */
+    disableFirstFocus?: boolean;
+    /**
+     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+     * descendant before, then the first focusable descendant gets focus.
+     * @default false
+     */
+    focusPreviouslyFocusedInnerElement?: boolean;
+    /**
+     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+     * control, but this can vary.
+     * @default false
+     */
+    ignoreExternalFocusing?: boolean;
+    forceFocusInsideTrap?: boolean;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map
+//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map

package/lib/FocusTrapZoneNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA0B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}

package/lib/FocusTrapZoneNativeComponent.js

@@ -3,6 +3,6 @@
  * Licensed under the MIT License.
  * @format
  */
-import { requireNativeComponent } from 'react-native';
-export default requireNativeComponent('RCTFocusTrapZone');
-//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RCTFocusTrapZone');
+//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map

package/lib/FocusTrapZoneNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,sBAAsB,EAAsC,MAAM,cAAc,CAAC;AAgC1F,eAAe,sBAAsB,CAAc,kBAAkB,CAA+B,CAAC"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAiC7F,eAAe,sBAAsB,CAAc,kBAAkB,CAA+B,CAAC"}

package/lib/__tests__/FocusTrapZone.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=FocusTrapZone.test.d.ts.map
+//# sourceMappingURL=FocusTrapZone.test.d.ts.map

package/lib/__tests__/FocusTrapZone.test.js

@@ -1,28 +1,20 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { act } from 'react';
 import * as renderer from 'react-test-renderer';
 import { FocusTrapZone } from '..';
 it('FocusTrapZone default props', () => {
-  let component;
-  act(() => {
-    component = renderer.create(_jsx(FocusTrapZone, {}));
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    let component;
+    act(() => {
+        component = renderer.create(_jsx(FocusTrapZone, {}));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
 it('FocusTrapZone all props props', () => {
-  const ref = { current: null };
-  let component;
-  act(() => {
-    component = renderer.create(
-      _jsx(FocusTrapZone, {
-        componentRef: ref,
-        disableFirstFocus: true,
-        disabled: true,
-        ignoreExternalFocusing: true,
-        focusPreviouslyFocusedInnerElement: true,
-      }),
-    );
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    const ref = { current: null };
+    let component;
+    act(() => {
+        component = renderer.create(_jsx(FocusTrapZone, { componentRef: ref, disableFirstFocus: true, disabled: true, ignoreExternalFocusing: true, focusPreviouslyFocusedInnerElement: true }));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=FocusTrapZone.test.js.map
+//# sourceMappingURL=FocusTrapZone.test.js.map

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps, IFocusTrapZoneType } from './FocusTrapZone.types';
 export { FocusTrapZone, filterOutComponentRef } from './FocusTrapZone';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,2 +1,2 @@
 export { FocusTrapZone, filterOutComponentRef } from './FocusTrapZone';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib-commonjs/FocusTrapZone.d.ts

@@ -5,12 +5,5 @@
  */
 import type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps } from './FocusTrapZone.types';
 export declare function filterOutComponentRef(propName: string): boolean;
-export declare const FocusTrapZone: import('@uifabricshared/foundation-composable').IWithComposable<
-  import('react').FunctionComponent<IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>>,
-  import('@uifabricshared/foundation-composable').IComposable<
-    IFocusTrapZoneProps<import('@fluentui-react-native/adapters').IViewProps>,
-    IFocusTrapZoneSlotProps<import('@fluentui-react-native/adapters').IViewProps>,
-    object
-  >
->;
-//# sourceMappingURL=FocusTrapZone.d.ts.map
+export declare const FocusTrapZone: import("@uifabricshared/foundation-composable").IWithComposable<import("react").FunctionComponent<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>>, import("@uifabricshared/foundation-composable").IComposable<IFocusTrapZoneProps<import("@fluentui-react-native/adapters").IViewProps>, IFocusTrapZoneSlotProps<import("@fluentui-react-native/adapters").IViewProps>, object>>;
+//# sourceMappingURL=FocusTrapZone.d.ts.map

package/lib-commonjs/FocusTrapZone.js

@@ -1,33 +1,31 @@
-'use strict';
+"use strict";
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FocusTrapZone = void 0;
 exports.filterOutComponentRef = filterOutComponentRef;
-const interactive_hooks_1 = require('@fluentui-react-native/interactive-hooks');
-const foundation_composable_1 = require('@uifabricshared/foundation-composable');
-const foundation_settings_1 = require('@uifabricshared/foundation-settings');
-const FocusTrapZoneNativeComponent_1 = __importDefault(require('./FocusTrapZoneNativeComponent'));
+const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
+const foundation_composable_1 = require("@uifabricshared/foundation-composable");
+const foundation_settings_1 = require("@uifabricshared/foundation-settings");
+const FocusTrapZoneNativeComponent_1 = __importDefault(require("./FocusTrapZoneNativeComponent"));
 function filterOutComponentRef(propName) {
-  return propName !== 'componentRef';
+    return propName !== 'componentRef';
 }
 exports.FocusTrapZone = (0, foundation_composable_1.composable)({
-  usePrepareProps: (userProps, useStyling) => {
-    const ftzRef = (0, interactive_hooks_1.useViewCommandFocus)(userProps.componentRef);
-    return {
-      slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
-    };
-  },
-  slots: {
-    root: { slotType: FocusTrapZoneNativeComponent_1.default, filter: filterOutComponentRef },
-  },
+    usePrepareProps: (userProps, useStyling) => {
+        const ftzRef = (0, interactive_hooks_1.useViewCommandFocus)(userProps.componentRef);
+        return {
+            slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(userProps), { root: { ...userProps, ref: ftzRef } }),
+        };
+    },
+    slots: {
+        root: { slotType: FocusTrapZoneNativeComponent_1.default, filter: filterOutComponentRef },
+    },
 });
-//# sourceMappingURL=FocusTrapZone.js.map
+//# sourceMappingURL=FocusTrapZone.js.map

package/lib-commonjs/FocusTrapZone.types.d.ts

@@ -2,41 +2,41 @@ import type * as React from 'react';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IFocusable } from '@fluentui-react-native/interactive-hooks';
 export type IFocusTrapZoneProps<TBase = IViewProps> = TBase & {
-  /**
-   * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
-   */
-  componentRef?: React.RefObject<IFocusable>;
-  /**
-   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-   * @default false
-   */
-  disableFirstFocus?: boolean;
-  /**
-   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-   * descendant before, then the first focusable descendant gets focus.
-   * @default false
-   */
-  focusPreviouslyFocusedInnerElement?: boolean;
-  /**
-   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-   * control, but this can vary.
-   * @default false
-   */
-  ignoreExternalFocusing?: boolean;
+    /**
+     * A RefObject to access the IFocusTrapZone interface. Use this to access the public methods and properties of the component.
+     */
+    componentRef?: React.RefObject<IFocusable>;
+    /**
+     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+     * @default false
+     */
+    disableFirstFocus?: boolean;
+    /**
+     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+     * descendant before, then the first focusable descendant gets focus.
+     * @default false
+     */
+    focusPreviouslyFocusedInnerElement?: boolean;
+    /**
+     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+     * control, but this can vary.
+     * @default false
+     */
+    ignoreExternalFocusing?: boolean;
 };
 export type IFocusTrapZoneSlotProps<TBase = IViewProps> = {
-  root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
+    root: React.PropsWithRef<Omit<IFocusTrapZoneProps<TBase>, 'componentRef'>>;
 };
 export type IFocusTrapZoneType<TBase = IViewProps> = {
-  props: IFocusTrapZoneProps<TBase>;
-  slotProps: IFocusTrapZoneSlotProps<TBase>;
+    props: IFocusTrapZoneProps<TBase>;
+    slotProps: IFocusTrapZoneSlotProps<TBase>;
 };
-//# sourceMappingURL=FocusTrapZone.types.d.ts.map
+//# sourceMappingURL=FocusTrapZone.types.d.ts.map

package/lib-commonjs/FocusTrapZone.types.js

@@ -1,3 +1,3 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-//# sourceMappingURL=FocusTrapZone.types.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FocusTrapZone.types.js.map

package/lib-commonjs/FocusTrapZoneNativeComponent.d.ts

@@ -1,37 +1,32 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-import { type HostComponent, type ViewProps } from 'react-native';
+import type { HostComponent, ViewProps } from 'react-native';
 export interface NativeProps extends ViewProps {
-  /**
-   * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
-   * @default false
-   */
-  disableFirstFocus?: boolean;
-  /**
-   * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
-   * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
-   * descendant before, then the first focusable descendant gets focus.
-   * @default false
-   */
-  focusPreviouslyFocusedInnerElement?: boolean;
-  /**
-   * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
-   * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
-   * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
-   * control, but this can vary.
-   * @default false
-   */
-  ignoreExternalFocusing?: boolean;
-  forceFocusInsideTrap?: boolean;
+    /**
+     * Specifies whether the FocusTrapZone's focus trapping behavior is disabled. True, if disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the FocusTrapZone takes focus on render. True, if taking focus is disabled.
+     * @default false
+     */
+    disableFirstFocus?: boolean;
+    /**
+     * Determines which element receives focus when focus moves into the FocusTrapZone. If false, the first focusable descendant gets focus.
+     * If true, the element that was focused when the FocusTrapZone last had a focused descendant is chosen. If it has never had a focused
+     * descendant before, then the first focusable descendant gets focus.
+     * @default false
+     */
+    focusPreviouslyFocusedInnerElement?: boolean;
+    /**
+     * By default, when the FocusTrapZone is unmounted or disabled focus returns to the element outside the FocusTrapZone that last had
+     * focus. Setting this to true disables this behavior, so the UI behaves as it normally would: If the FocusTrapZone is disabled, focus
+     * remains on the control inside the FocusTrapZone. If the FocusTrapZone is unmounted, focus usually moves to the nearest focusable
+     * control, but this can vary.
+     * @default false
+     */
+    ignoreExternalFocusing?: boolean;
+    forceFocusInsideTrap?: boolean;
 }
 declare const _default: HostComponent<NativeProps>;
 export default _default;
-//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map
+//# sourceMappingURL=FocusTrapZoneNativeComponent.d.ts.map

package/lib-commonjs/FocusTrapZoneNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA0B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.d.ts","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAAqG"}

package/lib-commonjs/FocusTrapZoneNativeComponent.js

@@ -1,10 +1,13 @@
-'use strict';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  * @format
  */
-Object.defineProperty(exports, '__esModule', { value: true });
-const react_native_1 = require('react-native');
-exports.default = (0, react_native_1.requireNativeComponent)('RCTFocusTrapZone');
-//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map
+const codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+exports.default = (0, codegenNativeComponent_1.default)('RCTFocusTrapZone');
+//# sourceMappingURL=FocusTrapZoneNativeComponent.js.map

package/lib-commonjs/FocusTrapZoneNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAEH,+CAA0F;kBAgC3E,IAAA,qCAAsB,EAAc,kBAAkB,CAA+B"}
+{"version":3,"file":"FocusTrapZoneNativeComponent.js","sourceRoot":"","sources":["../src/FocusTrapZoneNativeComponent.ts"],"names":[],"mappings":";;;;;AAAA;;;;GAIG;AACH,qHAA6F;kBAiC9E,IAAA,gCAAsB,EAAc,kBAAkB,CAA+B"}

package/lib-commonjs/__tests__/FocusTrapZone.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=FocusTrapZone.test.d.ts.map
+//# sourceMappingURL=FocusTrapZone.test.d.ts.map

package/lib-commonjs/__tests__/FocusTrapZone.test.js

@@ -1,80 +1,55 @@
-'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;
+"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 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;
+        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 });
-const jsx_runtime_1 = require('react/jsx-runtime');
-const react_1 = require('react');
-const renderer = __importStar(require('react-test-renderer'));
-const __1 = require('..');
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const renderer = __importStar(require("react-test-renderer"));
+const __1 = require("..");
 it('FocusTrapZone default props', () => {
-  let component;
-  (0, react_1.act)(() => {
-    component = renderer.create(jsx_runtime_1.jsx(__1.FocusTrapZone, {}));
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    let component;
+    (0, react_1.act)(() => {
+        component = renderer.create(jsx_runtime_1.jsx(__1.FocusTrapZone, {}));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
 it('FocusTrapZone all props props', () => {
-  const ref = { current: null };
-  let component;
-  (0, react_1.act)(() => {
-    component = renderer.create(
-      jsx_runtime_1.jsx(__1.FocusTrapZone, {
-        componentRef: ref,
-        disableFirstFocus: true,
-        disabled: true,
-        ignoreExternalFocusing: true,
-        focusPreviouslyFocusedInnerElement: true,
-      }),
-    );
-  });
-  expect(component.toJSON()).toMatchSnapshot();
+    const ref = { current: null };
+    let component;
+    (0, react_1.act)(() => {
+        component = renderer.create(jsx_runtime_1.jsx(__1.FocusTrapZone, { componentRef: ref, disableFirstFocus: true, disabled: true, ignoreExternalFocusing: true, focusPreviouslyFocusedInnerElement: true }));
+    });
+    expect(component.toJSON()).toMatchSnapshot();
 });
-//# sourceMappingURL=FocusTrapZone.test.js.map
+//# sourceMappingURL=FocusTrapZone.test.js.map

package/lib-commonjs/index.d.ts

@@ -1,3 +1,3 @@
 export type { IFocusTrapZoneProps, IFocusTrapZoneSlotProps, IFocusTrapZoneType } from './FocusTrapZone.types';
 export { FocusTrapZone, filterOutComponentRef } from './FocusTrapZone';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.js

@@ -1,17 +1,7 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterOutComponentRef = exports.FocusTrapZone = void 0;
-const FocusTrapZone_1 = require('./FocusTrapZone');
-Object.defineProperty(exports, 'FocusTrapZone', {
-  enumerable: true,
-  get: function () {
-    return FocusTrapZone_1.FocusTrapZone;
-  },
-});
-Object.defineProperty(exports, 'filterOutComponentRef', {
-  enumerable: true,
-  get: function () {
-    return FocusTrapZone_1.filterOutComponentRef;
-  },
-});
-//# sourceMappingURL=index.js.map
+const FocusTrapZone_1 = require("./FocusTrapZone");
+Object.defineProperty(exports, "FocusTrapZone", { enumerable: true, get: function () { return FocusTrapZone_1.FocusTrapZone; } });
+Object.defineProperty(exports, "filterOutComponentRef", { enumerable: true, get: function () { return FocusTrapZone_1.filterOutComponentRef; } });
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,68 +1,69 @@
 {
   "name": "@fluentui-react-native/focus-trap-zone",
-  "version": "0.13.0",
+  "version": "0.13.3",
   "description": "A cross-platform FocusTrapZone component using the Fluent Design System",
+  "license": "MIT",
+  "author": "",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/components/FocusTrapZone"
   },
-  "license": "MIT",
-  "author": "",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "lint": "fluentui-scripts eslint",
+    "format": "fluentui-scripts format",
+    "lint": "fluentui-scripts lint",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/adapters": "0.14.0",
-    "@fluentui-react-native/interactive-hooks": "0.28.0",
-    "@uifabricshared/foundation-composable": "0.14.0",
-    "@uifabricshared/foundation-settings": "0.16.0"
+    "@fluentui-react-native/adapters": "0.14.3",
+    "@fluentui-react-native/interactive-hooks": "0.28.3",
+    "@uifabricshared/foundation-composable": "0.14.3",
+    "@uifabricshared/foundation-settings": "0.16.3"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/jest-config": "0.1.1",
+    "@fluentui-react-native/jest-config": "0.1.0",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
+    "@fluentui-react-native/lint-config-rules": "0.1.3",
+    "@fluentui-react-native/scripts": "0.1.0",
     "@office-iss/react-native-win32": "^0.74.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-platform-android": "^20.0.0",
     "@react-native-community/cli-platform-ios": "^20.0.0",
     "@react-native/babel-preset": "^0.81.0",
     "@react-native/metro-config": "^0.81.0",
-    "@types/react": "~19.1.0",
+    "@types/react": "~19.1.4",
     "@types/react-test-renderer": "^19.1.0",
-    "react": "19.1.0",
-    "react-native": "^0.81.0",
+    "react": "19.1.4",
+    "react-native": "^0.81.6",
     "react-native-macos": "^0.81.0",
     "react-native-windows": "^0.81.0",
-    "react-test-renderer": "19.1.0"
+    "react-test-renderer": "19.1.4"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
-    "react": "18.2.0 || 19.0.0 || 19.1.0",
-    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
+    "react": "18.2.0 || 19.0.0 || 19.1.4",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
     "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
     "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
   },

package/src/FocusTrapZoneNativeComponent.ts

@@ -3,8 +3,8 @@
  * Licensed under the MIT License.
  * @format
  */
-
-import { requireNativeComponent, type HostComponent, type ViewProps } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { HostComponent, ViewProps } from 'react-native';
 
 export interface NativeProps extends ViewProps {
   /**
@@ -36,4 +36,4 @@ export interface NativeProps extends ViewProps {
   forceFocusInsideTrap?: boolean;
 }
 
-export default requireNativeComponent<NativeProps>('RCTFocusTrapZone') as HostComponent<NativeProps>;
+export default codegenNativeComponent<NativeProps>('RCTFocusTrapZone') as HostComponent<NativeProps>;

package/eslint.config.js

@@ -1,3 +0,0 @@
-const baseConfig = require('@fluentui-react-native/eslint-config-rules');
-
-module.exports = baseConfig;