@tamagui/focus-scope 2.7.7 → 3.0.0-beta.637.1

package/dist/jsx/types.native.cjs

@@ -0,0 +1,19 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/jsx/types.native.js

@@ -1,21 +1,21 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
+
 //# sourceMappingURL=types.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.native.js","names":[],"sources":["jsx/types.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar types_exports = {};\nmodule.exports = __toCommonJS(types_exports);\n//# sourceMappingURL=types.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/focus-scope",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.637.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,15 +34,16 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "2.7.7",
-    "@tamagui/constants": "2.7.7",
-    "@tamagui/create-context": "2.7.7",
-    "@tamagui/start-transition": "2.7.7",
-    "@tamagui/use-async": "2.7.7",
-    "@tamagui/use-event": "2.7.7"
+    "@tamagui/compose-refs": "3.0.0-beta.637.1",
+    "@tamagui/constants": "3.0.0-beta.637.1",
+    "@tamagui/core": "3.0.0-beta.637.1",
+    "@tamagui/create-context": "3.0.0-beta.637.1",
+    "@tamagui/start-transition": "3.0.0-beta.637.1",
+    "@tamagui/use-async": "3.0.0-beta.637.1",
+    "@tamagui/use-event": "3.0.0-beta.637.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.637.1",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/FocusScope.native.tsx

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

package/src/FocusScope.tsx

@@ -1,14 +1,13 @@
-import { useComposedRefs } from '@tamagui/compose-refs'
+import { createRefComponent, useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
+import { createChangeEventDetails } from '@tamagui/core'
 import { idle, 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'
 
-const AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount'
-const AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount'
-const EVENT_OPTIONS = { bubbles: false, cancelable: true }
+const FOCUS_SCOPE_STYLE: React.CSSProperties = { display: 'contents' }
 
 type FocusableTarget = HTMLElement | { focus(): void }
 
@@ -18,7 +17,7 @@ type FocusableTarget = HTMLElement | { focus(): void }
 
 type FocusScopeElement = HTMLDivElement
 
-const FocusScope = React.forwardRef<FocusScopeElement, FocusScopeProps>(
+const FocusScope = createRefComponent<FocusScopeElement, FocusScopeProps>(
   function FocusScope(
     { __scopeFocusScope, ...props }: ScopedProps<FocusScopeProps>,
     forwardedRef
@@ -34,6 +33,7 @@ const FocusScope = React.forwardRef<FocusScopeElement, FocusScopeProps>(
       enabled: context.enabled ?? props.enabled,
       loop: context.loop ?? props.loop,
       trapped: context.trapped ?? props.trapped,
+      noFocus: context.noFocus ?? props.noFocus,
       onMountAutoFocus: context.onMountAutoFocus ?? props.onMountAutoFocus,
       onUnmountAutoFocus: context.onUnmountAutoFocus ?? props.onUnmountAutoFocus,
       forceUnmount: context.forceUnmount ?? props.forceUnmount,
@@ -41,18 +41,28 @@ const FocusScope = React.forwardRef<FocusScopeElement, FocusScopeProps>(
     }
 
     const childProps = useFocusScope(mergedProps, forwardedRef)
+    const { ref, style, ...scopeProps } =
+      childProps as React.HTMLAttributes<HTMLDivElement> & {
+        ref: React.Ref<HTMLDivElement>
+      }
+    const children = mergedProps.children
 
-    if (typeof mergedProps.children === 'function') {
-      return <>{mergedProps.children(childProps)}</>
-    }
-
-    return React.cloneElement(
-      React.Children.only(mergedProps.children) as any,
-      childProps
+    return (
+      <div {...scopeProps} ref={ref} style={getFocusScopeStyle(style)}>
+        {children}
+      </div>
     )
   }
 )
 
+function getFocusScopeStyle(style?: React.CSSProperties) {
+  if (!style) return FOCUS_SCOPE_STYLE
+  return {
+    ...style,
+    display: 'contents',
+  }
+}
+
 /* -------------------------------------------------------------------------------------------------
  * setupFocusTrap - extracted function to set up trap immediately in ref callback
  * -----------------------------------------------------------------------------------------------*/
@@ -157,19 +167,23 @@ function setupFocusTrap(
 
 export function useFocusScope(
   props: FocusScopeProps,
-  forwardedRef: React.ForwardedRef<FocusScopeElement>
+  forwardedRef?: React.Ref<FocusScopeElement>
 ) {
   const {
     loop = false,
     enabled = true,
-    trapped = false,
+    trapped: trappedProp = false,
+    noFocus = false,
     onMountAutoFocus: onMountAutoFocusProp,
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     forceUnmount,
     focusOnIdle = true,
-    children,
+    children: _children,
+    asChild: _asChild,
     ...scopeProps
   } = props
+  // noFocus is a "zero focus" mode that takes precedence over trapping
+  const trapped = noFocus ? false : trappedProp
   const [container, setContainer] = React.useState<HTMLElement | null>(null)
   const containerRef = React.useRef<HTMLElement | null>(null)
   const onMountAutoFocus = useEvent(onMountAutoFocusProp)
@@ -236,11 +250,37 @@ export function useFocusScope(
     }
   }, [trapped, focusScope])
 
+  // zero focus mode: while active, nothing on the page can hold focus -
+  // not inside the scope, not outside it. any focusin is immediately
+  // blurred so document.activeElement settles on body
+  useIsomorphicLayoutEffect(() => {
+    if (!isWeb) return
+    if (!enabled || !noFocus || !container) return
+
+    const blurActiveElement = () => {
+      const active = document.activeElement as HTMLElement | null
+      if (active && active !== document.body && typeof active.blur === 'function') {
+        active.blur()
+      }
+    }
+
+    // clear any element already holding focus on activation
+    blurActiveElement()
+
+    // capture phase so we run before any other focus handling
+    document.addEventListener('focusin', blurActiveElement, true)
+    return () => {
+      document.removeEventListener('focusin', blurActiveElement, true)
+    }
+  }, [enabled, noFocus, container])
+
   useAsyncEffect(
     async (signal) => {
       if (!enabled) return
       if (!container) return
       if (forceUnmount) return
+      // zero focus mode skips all auto-focus behavior
+      if (noFocus) return
 
       // only reset stopped flag when trap is actually active
       // otherwise a prop change (trapped: true -> false) would reset it
@@ -256,11 +296,10 @@ export function useFocusScope(
         !isHidden(previouslyFocusedElement, { upTo: container })
 
       if (!hasFocusedCandidate) {
-        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS)
-        container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus)
-        container.dispatchEvent(mountEvent)
+        const details = createChangeEventDetails<'trigger-focus', Event>('trigger-focus')
+        onMountAutoFocus?.(details)
 
-        if (!mountEvent.defaultPrevented) {
+        if (!details.isCanceled) {
           // wait for idle before focusing to prevent reflows during animations
           if (focusOnIdle) {
             await idle(
@@ -304,12 +343,9 @@ export function useFocusScope(
         // signal trap to stop before cleanup runs
         focusScope.stop()
 
-        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) {
+        const details = createChangeEventDetails<'focus-out', Event>('focus-out')
+        onUnmountAutoFocus?.(details)
+        if (!details.isCanceled) {
           // check if focus has already moved to a valid element outside this scope
           // (e.g. another component's autoFocus ran during the same commit)
           // if so, respect that focus rather than stealing it back
@@ -324,9 +360,6 @@ export function useFocusScope(
             focus(previouslyFocusedElement ?? document.body, { select: true })
           }
         }
-        // we need to remove the listener after we `dispatchEvent`
-        container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus)
-
         focusScopesStack.remove(focusScope)
       }
     },
@@ -334,6 +367,7 @@ export function useFocusScope(
       enabled,
       container,
       forceUnmount,
+      noFocus,
       onMountAutoFocus,
       onUnmountAutoFocus,
       focusScope,

package/src/FocusScopeController.tsx

@@ -31,6 +31,7 @@ function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>) {
     enabled,
     loop,
     trapped,
+    noFocus,
     onMountAutoFocus,
     onUnmountAutoFocus,
     forceUnmount,
@@ -45,6 +46,7 @@ function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>) {
       enabled,
       loop,
       trapped,
+      noFocus,
       onMountAutoFocus: stableOnMountAutoFocus,
       onUnmountAutoFocus: stableOnUnmountAutoFocus,
       forceUnmount,
@@ -54,6 +56,7 @@ function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>) {
       enabled,
       loop,
       trapped,
+      noFocus,
       stableOnMountAutoFocus,
       stableOnUnmountAutoFocus,
       forceUnmount,

package/src/types.tsx

@@ -1,4 +1,5 @@
 import type { Scope } from '@tamagui/create-context'
+import type { TamaguiChangeEventDetails } from '@tamagui/core'
 import type React from 'react'
 
 export type ScopedProps<P> = P & { __scopeFocusScope?: Scope }
@@ -23,17 +24,27 @@ export interface FocusScopeProps {
    */
   trapped?: boolean
 
+  /**
+   * When `true`, enables a "zero focus" mode: while active, focus is
+   * allowed neither inside nor outside the scope. Any element that
+   * receives focus is immediately blurred so `document.activeElement`
+   * settles on `document.body`. Takes precedence over `trapped` and
+   * auto-focus behavior. Web only.
+   * @default false
+   */
+  noFocus?: boolean
+
   /**
    * Event handler called when auto-focusing on mount.
-   * Can be prevented.
+   * Can be canceled.
    */
-  onMountAutoFocus?: (event: Event) => void
+  onMountAutoFocus?: (details: TamaguiChangeEventDetails<'trigger-focus', Event>) => void
 
   /**
    * Event handler called when auto-focusing on unmount.
-   * Can be prevented.
+   * Can be canceled.
    */
-  onUnmountAutoFocus?: (event: Event) => void
+  onUnmountAutoFocus?: (details: TamaguiChangeEventDetails<'focus-out', Event>) => void
 
   /**
    * If unmount is animated, you want to force re-focus at start of animation not after
@@ -47,12 +58,6 @@ export interface FocusScopeProps {
    */
   focusOnIdle?: boolean | number | { min?: number; max?: number }
 
-  children?:
-    | React.ReactNode
-    | ((props: {
-        onKeyDown: (event: React.KeyboardEvent) => void
-        tabIndex?: number
-        ref: React.ForwardedRef<any>
-      }) => React.ReactNode)
+  children?: React.ReactNode
   asChild?: boolean
 }

package/types/FocusScope.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import type { FocusScopeProps } from './types';
 type FocusScopeElement = HTMLDivElement;
-declare const FocusScope: React.ForwardRefExoticComponent<FocusScopeProps & React.RefAttributes<HTMLDivElement>>;
-export declare function useFocusScope(props: FocusScopeProps, forwardedRef: React.ForwardedRef<FocusScopeElement>): {
-    ref: (node: HTMLDivElement) => void;
+declare const FocusScope: import("@tamagui/compose-refs").RefComponent<HTMLDivElement, FocusScopeProps>;
+export declare function useFocusScope(props: FocusScopeProps, forwardedRef?: React.Ref<FocusScopeElement>): {
+    ref: (node: HTMLElement) => void;
     onKeyDown: (event: React.KeyboardEvent) => void;
-    asChild?: boolean;
 };
 export { FocusScope };
 export type { FocusScopeProps };

package/types/FocusScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScope.d.ts","sourceRoot":"","sources":["../src/FocusScope.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAY3D,KAAK,iBAAiB,GAAG,cAAc,CAAA;AAEvC,QAAA,MAAM,UAAU,wFAiCf,CAAA;AAwGD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC;;uBAmPzC,KAAK,CAAC,aAAa;;EAY9B;AA+ID,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,YAAY,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"FocusScope.d.ts","sourceRoot":"","sources":["../src/FocusScope.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAU3D,KAAK,iBAAiB,GAAG,cAAc,CAAA;AAEvC,QAAA,MAAM,UAAU,+EAoCf,CAAA;AAgHD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EACtB,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;;uBA2QjC,KAAK,CAAC,aAAa;EAY9B;AA+ID,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/types/FocusScope.native.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { FocusScopeProps } from './types';
-export declare const FocusScope: React.ForwardRefExoticComponent<FocusScopeProps & React.RefAttributes<unknown>>;
+export declare const FocusScope: import("@tamagui/compose-refs").RefComponent<unknown, FocusScopeProps>;
 //# sourceMappingURL=FocusScope.native.d.ts.map

package/types/FocusScope.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScope.native.d.ts","sourceRoot":"","sources":["../src/FocusScope.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,UAAU,iFAErB,CAAA"}
+{"version":3,"file":"FocusScope.native.d.ts","sourceRoot":"","sources":["../src/FocusScope.native.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,UAAU,wEAErB,CAAA"}

package/types/FocusScopeController.d.ts

@@ -13,7 +13,7 @@ declare const FocusScopeControllerProvider: (props: FocusScopeControllerContextV
 export interface FocusScopeControllerProps extends FocusScopeControllerContextValue {
     children?: React.ReactNode;
 }
-declare function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>): import("react/jsx-runtime").JSX.Element;
+declare function FocusScopeController(props: ScopedProps<FocusScopeControllerProps>): React.JSX.Element;
 declare const FocusScopeControllerComponent: typeof FocusScopeController;
 export { createFocusScopeControllerScope, FocusScopeControllerComponent as FocusScopeController, FocusScopeControllerProvider, useFocusScopeControllerContext, };
 //# sourceMappingURL=FocusScopeController.d.ts.map

package/types/FocusScopeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScopeController.d.ts","sourceRoot":"","sources":["../src/FocusScopeController.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,QAAA,MAA0C,+BAA+B,+CACxB,CAAA;AAEjD,KAAK,gCAAgC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;AAEzE,QAAA,MAAO,4BAA4B;;;+CAAE,8BAA8B;;;kDAGhE,CAAA;AAMH,MAAM,WAAW,yBAA0B,SAAQ,gCAAgC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC,yBAAyB,CAAC,2CA0C1E;AAED,QAAA,MAAM,6BAA6B,6BAAuB,CAAA;AAE1D,OAAO,EACL,+BAA+B,EAC/B,6BAA6B,IAAI,oBAAoB,EACrD,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAA"}
+{"version":3,"file":"FocusScopeController.d.ts","sourceRoot":"","sources":["../src/FocusScopeController.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,QAAA,MAA0C,+BAA+B,+CACxB,CAAA;AAEjD,KAAK,gCAAgC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;AAEzE,QAAA,MAAO,4BAA4B;;;+CAAE,8BAA8B;;;kDAGhE,CAAA;AAMH,MAAM,WAAW,yBAA0B,SAAQ,gCAAgC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC,yBAAyB,CAAC,qBA6C1E;AAED,QAAA,MAAM,6BAA6B,6BAAuB,CAAA;AAE1D,OAAO,EACL,+BAA+B,EAC/B,6BAA6B,IAAI,oBAAoB,EACrD,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAA"}

package/types/types.d.ts

@@ -1,4 +1,5 @@
 import type { Scope } from '@tamagui/create-context';
+import type { TamaguiChangeEventDetails } from '@tamagui/core';
 import type React from 'react';
 export type ScopedProps<P> = P & {
     __scopeFocusScope?: Scope;
@@ -20,16 +21,25 @@ export interface FocusScopeProps {
      * @default false
      */
     trapped?: boolean;
+    /**
+     * When `true`, enables a "zero focus" mode: while active, focus is
+     * allowed neither inside nor outside the scope. Any element that
+     * receives focus is immediately blurred so `document.activeElement`
+     * settles on `document.body`. Takes precedence over `trapped` and
+     * auto-focus behavior. Web only.
+     * @default false
+     */
+    noFocus?: boolean;
     /**
      * Event handler called when auto-focusing on mount.
-     * Can be prevented.
+     * Can be canceled.
      */
-    onMountAutoFocus?: (event: Event) => void;
+    onMountAutoFocus?: (details: TamaguiChangeEventDetails<'trigger-focus', Event>) => void;
     /**
      * Event handler called when auto-focusing on unmount.
-     * Can be prevented.
+     * Can be canceled.
      */
-    onUnmountAutoFocus?: (event: Event) => void;
+    onUnmountAutoFocus?: (details: TamaguiChangeEventDetails<'focus-out', Event>) => void;
     /**
      * If unmount is animated, you want to force re-focus at start of animation not after
      */
@@ -43,11 +53,7 @@ export interface FocusScopeProps {
         min?: number;
         max?: number;
     };
-    children?: React.ReactNode | ((props: {
-        onKeyDown: (event: React.KeyboardEvent) => void;
-        tabIndex?: number;
-        ref: React.ForwardedRef<any>;
-    }) => React.ReactNode);
+    children?: React.ReactNode;
     asChild?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEzC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAE/D,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QACP,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;QAC/C,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;KAC7B,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,CAAC,eAAe,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;IAEvF;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;IAErF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAE/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs.map

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

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

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

package/dist/esm/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/types.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs.map

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

package/dist/jsx/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}