@tamagui/focus-scope 1.127.3 → 1.128.0

package/dist/jsx/FocusScope.mjs

@@ -1,7 +1,9 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { useEvent } from "@tamagui/use-event";
 import { startTransition } from "@tamagui/start-transition";
+import { fullyIdle, sleep, useAsyncEffect } from "@tamagui/use-async";
+import { useEvent } from "@tamagui/use-event";
 import * as React from "react";
+import { useFocusScopeControllerContext } from "./FocusScopeController.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
 const AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount",
   AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount",
@@ -9,11 +11,28 @@ const AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount",
     bubbles: !1,
     cancelable: !0
   },
-  FocusScope = React.forwardRef(function (props, forwardedRef) {
-    const childProps = useFocusScope(props, forwardedRef);
-    return typeof props.children == "function" ? /* @__PURE__ */jsx(Fragment, {
-      children: props.children(childProps)
-    }) : React.cloneElement(React.Children.only(props.children), childProps);
+  FocusScope = React.forwardRef(function ({
+    __scopeFocusScope,
+    ...props
+  }, forwardedRef) {
+    const context = useFocusScopeControllerContext("FocusScope", __scopeFocusScope, {
+        warn: !1,
+        fallback: {}
+      }),
+      mergedProps = {
+        ...props,
+        enabled: context.enabled ?? props.enabled,
+        loop: context.loop ?? props.loop,
+        trapped: context.trapped ?? props.trapped,
+        onMountAutoFocus: context.onMountAutoFocus ?? props.onMountAutoFocus,
+        onUnmountAutoFocus: context.onUnmountAutoFocus ?? props.onUnmountAutoFocus,
+        forceUnmount: context.forceUnmount ?? props.forceUnmount,
+        focusOnIdle: context.focusOnIdle ?? props.focusOnIdle
+      },
+      childProps = useFocusScope(mergedProps, forwardedRef);
+    return typeof mergedProps.children == "function" ? /* @__PURE__ */jsx(Fragment, {
+      children: mergedProps.children(childProps)
+    }) : React.cloneElement(React.Children.only(mergedProps.children), childProps);
   });
 function useFocusScope(props, forwardedRef) {
   const {
@@ -23,6 +42,7 @@ function useFocusScope(props, forwardedRef) {
       onMountAutoFocus: onMountAutoFocusProp,
       onUnmountAutoFocus: onUnmountAutoFocusProp,
       forceUnmount,
+      focusOnIdle = !0,
       children,
       ...scopeProps
     } = props,
@@ -68,13 +88,14 @@ function useFocusScope(props, forwardedRef) {
     return document.addEventListener("focusin", handleFocusIn), document.addEventListener("focusout", handleFocusOut), () => {
       controller.abort(), document.removeEventListener("focusin", handleFocusIn), document.removeEventListener("focusout", handleFocusOut);
     };
-  }, [trapped, forceUnmount, container, focusScope.paused]), React.useEffect(() => {
+  }, [trapped, forceUnmount, container, focusScope.paused]), useAsyncEffect(async signal => {
     if (!enabled || !container || forceUnmount) return;
     focusScopesStack.add(focusScope);
     const previouslyFocusedElement = document.activeElement;
     if (!container.contains(previouslyFocusedElement)) {
       const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
       if (container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus), container.dispatchEvent(mountEvent), !mountEvent.defaultPrevented) {
+        focusOnIdle && (await sleep(typeof focusOnIdle == "number" ? focusOnIdle : 16, signal), await fullyIdle(signal));
         const candidates = removeLinks(getTabbableCandidates(container));
         focusFirst(candidates, {
           select: !0
@@ -88,7 +109,7 @@ function useFocusScope(props, forwardedRef) {
         select: !0
       }), container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus), focusScopesStack.remove(focusScope);
     };
-  }, [enabled, container, forceUnmount, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
+  }, [enabled, container, forceUnmount, onMountAutoFocus, onUnmountAutoFocus, focusScope, focusOnIdle]);
   const handleKeyDown = React.useCallback(event => {
     if (!trapped || !loop || focusScope.paused) return;
     const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey,
@@ -157,7 +178,7 @@ function isSelectableInput(element) {
 function focus(element, {
   select = !1
 } = {}) {
-  if (element?.focus) {
+  if (console.trace("focus", element), element?.focus) {
     const previouslyFocusedElement = document.activeElement;
     element.focus({
       preventScroll: !0

package/dist/jsx/FocusScope.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","useEvent","startTransition","React","Fragment","jsx","AUTOFOCUS_ON_MOUNT","AUTOFOCUS_ON_UNMOUNT","EVENT_OPTIONS","bubbles","cancelable","FocusScope","forwardRef","props","forwardedRef","childProps","useFocusScope","children","cloneElement","Children","only","loop","enabled","trapped","onMountAutoFocus","onMountAutoFocusProp","onUnmountAutoFocus","onUnmountAutoFocusProp","forceUnmount","scopeProps","container","setContainer","useState","lastFocusedElementRef","useRef","setContainerTransition","useCallback","node","composedRefs","focusScope","paused","pause","resume","current","useEffect","controller","AbortController","handleFocusIn","event","target","contains","addEventListener","handleBlur","signal","focus","select","handleFocusOut","abort","relatedTarget","document","removeEventListener","focusScopesStack","add","previouslyFocusedElement","activeElement","mountEvent","CustomEvent","dispatchEvent","defaultPrevented","candidates","removeLinks","getTabbableCandidates","focusFirst","unmountEvent","body","remove","handleKeyDown","isTabKey","key","altKey","ctrlKey","metaKey","focusedElement","container2","currentTarget","first","last","getTabbableEdges","shiftKey","preventDefault","tabIndex","ref","onKeyDown","candidate","findVisible","reverse","nodes","walker","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","isHiddenInput","tagName","type","disabled","hidden","FILTER_SKIP","FILTER_ACCEPT","nextNode","push","currentNode","elements","element","isHidden","upTo","getComputedStyle","visibility","display","parentElement","isSelectableInput","HTMLInputElement","preventScroll","createFocusScopesStack","stack","activeFocusScope","arrayRemove","unshift","array","item","updatedArray","index","indexOf","splice","items","filter"],"sources":["../../src/FocusScope.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useComposedRefs","startTransition","fullyIdle","sleep","useAsyncEffect","useEvent","React","useFocusScopeControllerContext","Fragment","jsx","AUTOFOCUS_ON_MOUNT","AUTOFOCUS_ON_UNMOUNT","EVENT_OPTIONS","bubbles","cancelable","FocusScope","forwardRef","__scopeFocusScope","props","forwardedRef","context","warn","fallback","mergedProps","enabled","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","forceUnmount","focusOnIdle","childProps","useFocusScope","children","cloneElement","Children","only","onMountAutoFocusProp","onUnmountAutoFocusProp","scopeProps","container","setContainer","useState","lastFocusedElementRef","useRef","setContainerTransition","useCallback","node","composedRefs","focusScope","paused","pause","resume","current","useEffect","controller","AbortController","handleFocusIn","event","target","contains","addEventListener","handleBlur","signal","focus","select","handleFocusOut","abort","relatedTarget","document","removeEventListener","focusScopesStack","add","previouslyFocusedElement","activeElement","mountEvent","CustomEvent","dispatchEvent","defaultPrevented","candidates","removeLinks","getTabbableCandidates","focusFirst","unmountEvent","body","remove","handleKeyDown","isTabKey","key","altKey","ctrlKey","metaKey","focusedElement","container2","currentTarget","first","last","getTabbableEdges","shiftKey","preventDefault","tabIndex","ref","onKeyDown","candidate","findVisible","reverse","nodes","walker","createTreeWalker","NodeFilter","SHOW_ELEMENT","acceptNode","isHiddenInput","tagName","type","disabled","hidden","FILTER_SKIP","FILTER_ACCEPT","nextNode","push","currentNode","elements","element","isHidden","upTo","getComputedStyle","visibility","display","parentElement","isSelectableInput","HTMLInputElement","console","trace","preventScroll","createFocusScopesStack","stack","activeFocusScope","arrayRemove","unshift","array","item","updatedArray","index","indexOf","splice","items","filter"],"sources":["../../src/FocusScope.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/FocusScopeController.js

@@ -0,0 +1,48 @@
+import { createContextScope } from "@tamagui/create-context";
+import { useEvent } from "@tamagui/use-event";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+const FOCUS_SCOPE_CONTROLLER_NAME = "FocusScopeController", [createFocusScopeControllerContext, createFocusScopeControllerScope] = createContextScope(FOCUS_SCOPE_CONTROLLER_NAME), [FocusScopeControllerProvider, useFocusScopeControllerContext] = createFocusScopeControllerContext(
+  FOCUS_SCOPE_CONTROLLER_NAME
+);
+function FocusScopeController(props) {
+  const {
+    __scopeFocusScope,
+    children,
+    enabled,
+    loop,
+    trapped,
+    onMountAutoFocus,
+    onUnmountAutoFocus,
+    forceUnmount,
+    focusOnIdle
+  } = props, stableOnMountAutoFocus = useEvent(onMountAutoFocus), stableOnUnmountAutoFocus = useEvent(onUnmountAutoFocus), contextValue = React.useMemo(
+    () => ({
+      enabled,
+      loop,
+      trapped,
+      onMountAutoFocus: stableOnMountAutoFocus,
+      onUnmountAutoFocus: stableOnUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle
+    }),
+    [
+      enabled,
+      loop,
+      trapped,
+      stableOnMountAutoFocus,
+      stableOnUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle
+    ]
+  );
+  return /* @__PURE__ */ jsx(FocusScopeControllerProvider, { scope: __scopeFocusScope, ...contextValue, children });
+}
+const FocusScopeControllerComponent = FocusScopeController;
+export {
+  FocusScopeControllerComponent as FocusScopeController,
+  FocusScopeControllerProvider,
+  createFocusScopeControllerScope,
+  useFocusScopeControllerContext
+};
+//# sourceMappingURL=FocusScopeController.js.map

package/dist/jsx/FocusScopeController.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/FocusScopeController.tsx"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,YAAY,WAAW;AA8DnB;AA1DJ,MAAM,8BAA8B,wBAE9B,CAAC,mCAAmC,+BAA+B,IACvE,mBAAmB,2BAA2B,GAI1C,CAAC,8BAA8B,8BAA8B,IACjE;AAAA,EACE;AACF;AAUF,SAAS,qBAAqB,OAA+C;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,OAEE,yBAAyB,SAAS,gBAAgB,GAClD,2BAA2B,SAAS,kBAAkB,GAEtD,eAAe,MAAM;AAAA,IACzB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE,oBAAC,gCAA6B,OAAO,mBAAoB,GAAG,cACzD,UACH;AAEJ;AAEA,MAAM,gCAAgC;",
+  "names": []
+}

package/dist/jsx/FocusScopeController.mjs

@@ -0,0 +1,39 @@
+import { createContextScope } from "@tamagui/create-context";
+import { useEvent } from "@tamagui/use-event";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+const FOCUS_SCOPE_CONTROLLER_NAME = "FocusScopeController",
+  [createFocusScopeControllerContext, createFocusScopeControllerScope] = createContextScope(FOCUS_SCOPE_CONTROLLER_NAME),
+  [FocusScopeControllerProvider, useFocusScopeControllerContext] = createFocusScopeControllerContext(FOCUS_SCOPE_CONTROLLER_NAME);
+function FocusScopeController(props) {
+  const {
+      __scopeFocusScope,
+      children,
+      enabled,
+      loop,
+      trapped,
+      onMountAutoFocus,
+      onUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle
+    } = props,
+    stableOnMountAutoFocus = useEvent(onMountAutoFocus),
+    stableOnUnmountAutoFocus = useEvent(onUnmountAutoFocus),
+    contextValue = React.useMemo(() => ({
+      enabled,
+      loop,
+      trapped,
+      onMountAutoFocus: stableOnMountAutoFocus,
+      onUnmountAutoFocus: stableOnUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle
+    }), [enabled, loop, trapped, stableOnMountAutoFocus, stableOnUnmountAutoFocus, forceUnmount, focusOnIdle]);
+  return /* @__PURE__ */jsx(FocusScopeControllerProvider, {
+    scope: __scopeFocusScope,
+    ...contextValue,
+    children
+  });
+}
+const FocusScopeControllerComponent = FocusScopeController;
+export { FocusScopeControllerComponent as FocusScopeController, FocusScopeControllerProvider, createFocusScopeControllerScope, useFocusScopeControllerContext };
+//# sourceMappingURL=FocusScopeController.mjs.map

package/dist/jsx/FocusScopeController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContextScope","useEvent","React","jsx","FOCUS_SCOPE_CONTROLLER_NAME","createFocusScopeControllerContext","createFocusScopeControllerScope","FocusScopeControllerProvider","useFocusScopeControllerContext","FocusScopeController","props","__scopeFocusScope","children","enabled","loop","trapped","onMountAutoFocus","onUnmountAutoFocus","forceUnmount","focusOnIdle","stableOnMountAutoFocus","stableOnUnmountAutoFocus","contextValue","useMemo","scope","FocusScopeControllerComponent"],"sources":["../../src/FocusScopeController.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AACnC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AA8DnB,SAAAC,GAAA;AA1DJ,MAAMC,2BAAA,GAA8B;EAE9B,CAACC,iCAAA,EAAmCC,+BAA+B,IACvEN,kBAAA,CAAmBI,2BAA2B;EAI1C,CAACG,4BAAA,EAA8BC,8BAA8B,IACjEH,iCAAA,CACED,2BACF;AAUF,SAASK,qBAAqBC,KAAA,EAA+C;EAC3E,MAAM;MACJC,iBAAA;MACAC,QAAA;MACAC,OAAA;MACAC,IAAA;MACAC,OAAA;MACAC,gBAAA;MACAC,kBAAA;MACAC,YAAA;MACAC;IACF,IAAIT,KAAA;IAEEU,sBAAA,GAAyBnB,QAAA,CAASe,gBAAgB;IAClDK,wBAAA,GAA2BpB,QAAA,CAASgB,kBAAkB;IAEtDK,YAAA,GAAepB,KAAA,CAAMqB,OAAA,CACzB,OAAO;MACLV,OAAA;MACAC,IAAA;MACAC,OAAA;MACAC,gBAAA,EAAkBI,sBAAA;MAClBH,kBAAA,EAAoBI,wBAAA;MACpBH,YAAA;MACAC;IACF,IACA,CACEN,OAAA,EACAC,IAAA,EACAC,OAAA,EACAK,sBAAA,EACAC,wBAAA,EACAH,YAAA,EACAC,WAAA,CAEJ;EAEA,OACE,eAAAhB,GAAA,CAACI,4BAAA;IAA6BiB,KAAA,EAAOb,iBAAA;IAAoB,GAAGW,YAAA;IACzDV;EAAA,CACH;AAEJ;AAEA,MAAMa,6BAAA,GAAgChB,oBAAA","ignoreList":[]}

package/dist/jsx/FocusScopeController.native.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContextScope } from "@tamagui/create-context";
+import { useEvent } from "@tamagui/use-event";
+import * as React from "react";
+var FOCUS_SCOPE_CONTROLLER_NAME = "FocusScopeController", [createFocusScopeControllerContext, createFocusScopeControllerScope] = createContextScope(FOCUS_SCOPE_CONTROLLER_NAME), [FocusScopeControllerProvider, useFocusScopeControllerContext] = createFocusScopeControllerContext(FOCUS_SCOPE_CONTROLLER_NAME);
+function FocusScopeController(props) {
+  var { __scopeFocusScope, children, enabled, loop, trapped, onMountAutoFocus, onUnmountAutoFocus, forceUnmount, focusOnIdle } = props, stableOnMountAutoFocus = useEvent(onMountAutoFocus), stableOnUnmountAutoFocus = useEvent(onUnmountAutoFocus), contextValue = React.useMemo(function() {
+    return {
+      enabled,
+      loop,
+      trapped,
+      onMountAutoFocus: stableOnMountAutoFocus,
+      onUnmountAutoFocus: stableOnUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle
+    };
+  }, [
+    enabled,
+    loop,
+    trapped,
+    stableOnMountAutoFocus,
+    stableOnUnmountAutoFocus,
+    forceUnmount,
+    focusOnIdle
+  ]);
+  return /* @__PURE__ */ _jsx(FocusScopeControllerProvider, {
+    scope: __scopeFocusScope,
+    ...contextValue,
+    children
+  });
+}
+var FocusScopeControllerComponent = FocusScopeController;
+export {
+  FocusScopeControllerComponent as FocusScopeController,
+  FocusScopeControllerProvider,
+  createFocusScopeControllerScope,
+  useFocusScopeControllerContext
+};
+//# sourceMappingURL=FocusScopeController.js.map

package/dist/jsx/FocusScopeController.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/FocusScopeController.tsx"],
+  "mappings": ";AAAA,SAASA,0BAA0B;AACnC,SAASC,gBAAgB;AACzB,YAAYC,WAAW;AAIvB,IAAMC,8BAA8B,wBAE9B,CAACC,mCAAmCC,+BAAAA,IACxCL,mBAAmBG,2BAAAA,GAIf,CAACG,8BAA8BC,8BAAAA,IACnCH,kCACED,2BAAAA;AAWJ,SAASK,qBAAqBC,OAA6C;AACzE,MAAM,EACJC,mBACAC,UACAC,SACAC,MACAC,SACAC,kBACAC,oBACAC,cACAC,YAAW,IACTT,OAEEU,yBAAyBlB,SAASc,gBAAAA,GAClCK,2BAA2BnB,SAASe,kBAAAA,GAEpCK,eAAenB,MAAMoB,QACzB,WAAA;WAAO;MACLV;MACAC;MACAC;MACAC,kBAAkBI;MAClBH,oBAAoBI;MACpBH;MACAC;IACF;KACA;IACEN;IACAC;IACAC;IACAK;IACAC;IACAH;IACAC;GACD;AAGH,SACE,qBAACZ,8BAAAA;IAA6BiB,OAAOb;IAAoB,GAAGW;;;AAIhE;AAEA,IAAMG,gCAAgChB;",
+  "names": ["createContextScope", "useEvent", "React", "FOCUS_SCOPE_CONTROLLER_NAME", "createFocusScopeControllerContext", "createFocusScopeControllerScope", "FocusScopeControllerProvider", "useFocusScopeControllerContext", "FocusScopeController", "props", "__scopeFocusScope", "children", "enabled", "loop", "trapped", "onMountAutoFocus", "onUnmountAutoFocus", "forceUnmount", "focusOnIdle", "stableOnMountAutoFocus", "stableOnUnmountAutoFocus", "contextValue", "useMemo", "scope", "FocusScopeControllerComponent"]
+}

package/dist/jsx/index.js

@@ -1,2 +1,3 @@
 export * from "./FocusScope";
+export * from "./FocusScopeController";
 //# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/jsx/index.mjs

@@ -1,2 +1,3 @@
 export * from "./FocusScope.mjs";
+export * from "./FocusScopeController.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/jsx/index.native.js

@@ -1,2 +1,3 @@
 export * from "./FocusScope";
+export * from "./FocusScopeController";
 //# sourceMappingURL=index.js.map

package/dist/jsx/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/jsx/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/jsx/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.native.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/focus-scope",
-  "version": "1.127.3",
+  "version": "1.128.0",
   "sideEffects": true,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -34,12 +34,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.127.3",
-    "@tamagui/start-transition": "1.127.3",
-    "@tamagui/use-event": "1.127.3"
+    "@tamagui/compose-refs": "1.128.0",
+    "@tamagui/create-context": "1.128.0",
+    "@tamagui/start-transition": "1.128.0",
+    "@tamagui/use-async": "1.128.0",
+    "@tamagui/use-event": "1.128.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.127.3",
+    "@tamagui/build": "1.128.0",
     "react": "*"
   },
   "publishConfig": {

package/src/FocusScope.native.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import type { FocusScopeProps } from './FocusScopeProps'
+import type { FocusScopeProps } from './types'
 
 export const FocusScope = React.forwardRef((props: FocusScopeProps, _ref) => {
   return props.children as any

package/src/FocusScope.tsx

@@ -1,9 +1,13 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
-import { useEvent } from '@tamagui/use-event'
 import { startTransition } from '@tamagui/start-transition'
+import { fullyIdle, sleep, useAsyncEffect } from '@tamagui/use-async'
+import { useEvent } from '@tamagui/use-event'
 import * as React from 'react'
+import { useFocusScopeControllerContext } from './FocusScopeController'
+import type { FocusScopeProps, ScopedProps } from './types'
 
-import type { FocusScopeProps } from './FocusScopeProps'
+// We'll define the controller context hook here to avoid circular imports
+let useFocusScopeControllerContextInternal: any = null
 
 const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount'
 const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount'
@@ -18,14 +22,37 @@ type FocusableTarget = HTMLElement | { focus(): void }
 type FocusScopeElement = HTMLDivElement
 
 const FocusScope = React.forwardRef<FocusScopeElement, FocusScopeProps>(
-  function FocusScope(props, forwardedRef) {
-    const childProps = useFocusScope(props, forwardedRef)
+  function FocusScope(
+    { __scopeFocusScope, ...props }: ScopedProps<FocusScopeProps>,
+    forwardedRef
+  ) {
+    // Check for controller context and merge props
+    const context = useFocusScopeControllerContext('FocusScope', __scopeFocusScope, {
+      warn: false,
+      fallback: {},
+    })
+
+    const mergedProps: FocusScopeProps = {
+      ...props,
+      enabled: context.enabled ?? props.enabled,
+      loop: context.loop ?? props.loop,
+      trapped: context.trapped ?? props.trapped,
+      onMountAutoFocus: context.onMountAutoFocus ?? props.onMountAutoFocus,
+      onUnmountAutoFocus: context.onUnmountAutoFocus ?? props.onUnmountAutoFocus,
+      forceUnmount: context.forceUnmount ?? props.forceUnmount,
+      focusOnIdle: context.focusOnIdle ?? props.focusOnIdle,
+    }
 
-    if (typeof props.children === 'function') {
-      return <>{props.children(childProps)}</>
+    const childProps = useFocusScope(mergedProps, forwardedRef)
+
+    if (typeof mergedProps.children === 'function') {
+      return <>{mergedProps.children(childProps)}</>
     }
 
-    return React.cloneElement(React.Children.only(props.children) as any, childProps)
+    return React.cloneElement(
+      React.Children.only(mergedProps.children) as any,
+      childProps
+    )
   }
 )
 
@@ -44,6 +71,7 @@ export function useFocusScope(
     onMountAutoFocus: onMountAutoFocusProp,
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     forceUnmount,
+    focusOnIdle = true,
     children,
     ...scopeProps
   } = props
@@ -111,45 +139,62 @@ export function useFocusScope(
     }
   }, [trapped, forceUnmount, container, focusScope.paused])
 
-  React.useEffect(() => {
-    if (!enabled) return
-    if (!container) return
-    if (forceUnmount) return
-
-    focusScopesStack.add(focusScope)
-    const previouslyFocusedElement = document.activeElement as HTMLElement | null
-    const hasFocusedCandidate = container.contains(previouslyFocusedElement)
+  useAsyncEffect(
+    async (signal) => {
+      if (!enabled) return
+      if (!container) return
+      if (forceUnmount) return
+
+      focusScopesStack.add(focusScope)
+      const previouslyFocusedElement = document.activeElement as HTMLElement | null
+      const hasFocusedCandidate = container.contains(previouslyFocusedElement)
+
+      if (!hasFocusedCandidate) {
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS)
+        container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus)
+        container.dispatchEvent(mountEvent)
+        if (!mountEvent.defaultPrevented) {
+          // wait for idle before focusing to prevent reflows during animations
+          if (focusOnIdle) {
+            await sleep(typeof focusOnIdle === 'number' ? focusOnIdle : 16, signal)
+            await fullyIdle(signal)
+          }
 
-    if (!hasFocusedCandidate) {
-      const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS)
-      container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus)
-      container.dispatchEvent(mountEvent)
-      if (!mountEvent.defaultPrevented) {
-        const candidates = removeLinks(getTabbableCandidates(container))
+          const candidates = removeLinks(getTabbableCandidates(container))
 
-        focusFirst(candidates, { select: true })
+          focusFirst(candidates, { select: true })
 
-        if (document.activeElement === previouslyFocusedElement) {
-          focus(container)
+          if (document.activeElement === previouslyFocusedElement) {
+            focus(container)
+          }
         }
       }
-    }
 
-    return () => {
-      container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus)
+      return () => {
+        container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus)
 
-      const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS)
-      container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus)
-      container.dispatchEvent(unmountEvent)
-      if (!unmountEvent.defaultPrevented) {
-        focus(previouslyFocusedElement ?? document.body, { select: true })
-      }
-      // we need to remove the listener after we `dispatchEvent`
-      container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus)
+        const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS)
+        container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus)
+        container.dispatchEvent(unmountEvent)
+        if (!unmountEvent.defaultPrevented) {
+          focus(previouslyFocusedElement ?? document.body, { select: true })
+        }
+        // we need to remove the listener after we `dispatchEvent`
+        container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus)
 
-      focusScopesStack.remove(focusScope)
-    }
-  }, [enabled, container, forceUnmount, onMountAutoFocus, onUnmountAutoFocus, focusScope])
+        focusScopesStack.remove(focusScope)
+      }
+    },
+    [
+      enabled,
+      container,
+      forceUnmount,
+      onMountAutoFocus,
+      onUnmountAutoFocus,
+      focusScope,
+      focusOnIdle,
+    ]
+  )
 
   // Takes care of looping focus (when tabbing whilst at the edges)
   const handleKeyDown = React.useCallback(
@@ -275,6 +320,7 @@ function isSelectableInput(
 }
 
 function focus(element?: FocusableTarget | null, { select = false } = {}) {
+  console.trace('focus', element)
   // only focus if that element is focusable
   if (element?.focus) {
     const previouslyFocusedElement = document.activeElement

package/src/FocusScopeController.tsx

@@ -0,0 +1,78 @@
+import { createContextScope } from '@tamagui/create-context'
+import { useEvent } from '@tamagui/use-event'
+import * as React from 'react'
+import type { FocusScopeProps } from './types'
+import type { ScopedProps } from './types'
+
+const FOCUS_SCOPE_CONTROLLER_NAME = 'FocusScopeController'
+
+const [createFocusScopeControllerContext, createFocusScopeControllerScope] =
+  createContextScope(FOCUS_SCOPE_CONTROLLER_NAME)
+
+type FocusScopeControllerContextValue = Omit<FocusScopeProps, 'children'>
+
+const [FocusScopeControllerProvider, useFocusScopeControllerContext] =
+  createFocusScopeControllerContext<FocusScopeControllerContextValue>(
+    FOCUS_SCOPE_CONTROLLER_NAME
+  )
+
+/* -------------------------------------------------------------------------------------------------
+ * FocusScopeController
+ * -----------------------------------------------------------------------------------------------*/
+
+export interface FocusScopeControllerProps extends FocusScopeControllerContextValue {
+  children?: React.ReactNode
+}
+
+function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>) {
+  const {
+    __scopeFocusScope,
+    children,
+    enabled,
+    loop,
+    trapped,
+    onMountAutoFocus,
+    onUnmountAutoFocus,
+    forceUnmount,
+    focusOnIdle,
+  } = props
+
+  const stableOnMountAutoFocus = useEvent(onMountAutoFocus)
+  const stableOnUnmountAutoFocus = useEvent(onUnmountAutoFocus)
+
+  const contextValue = React.useMemo(
+    () => ({
+      enabled,
+      loop,
+      trapped,
+      onMountAutoFocus: stableOnMountAutoFocus,
+      onUnmountAutoFocus: stableOnUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle,
+    }),
+    [
+      enabled,
+      loop,
+      trapped,
+      stableOnMountAutoFocus,
+      stableOnUnmountAutoFocus,
+      forceUnmount,
+      focusOnIdle,
+    ]
+  )
+
+  return (
+    <FocusScopeControllerProvider scope={__scopeFocusScope} {...contextValue}>
+      {children}
+    </FocusScopeControllerProvider>
+  )
+}
+
+const FocusScopeControllerComponent = FocusScopeController
+
+export {
+  createFocusScopeControllerScope,
+  FocusScopeControllerComponent as FocusScopeController,
+  FocusScopeControllerProvider,
+  useFocusScopeControllerContext,
+}

package/src/index.ts

@@ -1 +1,2 @@
 export * from './FocusScope'
+export * from './FocusScopeController'