@tamagui/roving-focus 2.7.7 → 3.0.0-beta.1091.1

package/src/RovingFocusGroup.tsx

@@ -1,28 +1,47 @@
 import { createCollection } from '@tamagui/collection'
 import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb } from '@tamagui/constants'
-import { Slot, View, createStyledContext, useEvent } from '@tamagui/core'
+import {
+  Slot,
+  View,
+  createChangeEventDetails,
+  createStyledContext,
+  useEvent,
+  createRefComponent,
+  type GetRef,
+  type TamaguiChangeEventDetails,
+} from '@tamagui/core'
 import { composeEventHandlers, withStaticProperties } from '@tamagui/helpers'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import { useDirection } from '@tamagui/use-direction'
 import * as React from 'react'
 
-const ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus'
-const EVENT_OPTIONS = { bubbles: false, cancelable: true }
-
 /* -----------------------------------------------------------------------------------------------*/
 
-type RovingFocusGroupImplElement = React.ElementRef<typeof View>
+type RovingFocusGroupImplElement = GetRef<typeof View>
 type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof View>
+export type RovingFocusChangeDetails = TamaguiChangeEventDetails<
+  'keyboard' | 'trigger-focus' | 'focus-out',
+  React.KeyboardEvent | React.MouseEvent | React.FocusEvent
+>
+
+export type RovingFocusEntryDetails = TamaguiChangeEventDetails<
+  'trigger-focus',
+  React.FocusEvent
+>
+
 interface RovingFocusGroupImplProps
   extends Omit<PrimitiveDivProps, 'dir'>, RovingFocusGroupOptions {
   currentTabStopId?: string | null
   defaultCurrentTabStopId?: string
-  onCurrentTabStopIdChange?: (tabStopId: string | null) => void
-  onEntryFocus?: (event: Event) => void
+  onCurrentTabStopIdChange?: (
+    tabStopId: string | null,
+    details: RovingFocusChangeDetails
+  ) => void
+  onEntryFocus?: (details: RovingFocusEntryDetails) => void
 }
 
-const RovingFocusGroupImpl = React.forwardRef<
+const RovingFocusGroupImpl = createRefComponent<
   RovingFocusGroupImplElement,
   ScopedProps<RovingFocusGroupImplProps>
 >((props: ScopedProps<RovingFocusGroupImplProps>, forwardedRef) => {
@@ -41,17 +60,29 @@ const RovingFocusGroupImpl = React.forwardRef<
   const ref = React.useRef<RovingFocusGroupImplElement>(null)
   const composedRefs = useComposedRefs(forwardedRef, ref)
   const direction = useDirection(dir)
-  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
+  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState<
+    string | null,
+    RovingFocusChangeDetails
+  >({
     prop: currentTabStopIdProp,
     defaultProp: defaultCurrentTabStopId ?? null,
-    onChange: onCurrentTabStopIdChange,
+    onChange: (tabStopId, details) => {
+      if (details) onCurrentTabStopIdChange?.(tabStopId, details)
+    },
   })
   const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false)
+  // registrations are unknown during ssr; keep an entry stop until effects settle.
+  const [hasMounted, setHasMounted] = React.useState(false)
   const handleEntryFocus = useEvent(onEntryFocus)
   const getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT)
   const isClickFocusRef = React.useRef(false)
+  const pendingFocusDetailsRef = React.useRef<RovingFocusChangeDetails | null>(null)
   const [focusableItemsCount, setFocusableItemsCount] = React.useState(0)
 
+  React.useEffect(() => {
+    setHasMounted(true)
+  }, [])
+
   const Comp = (asChild ? Slot : View) as typeof View
 
   return (
@@ -62,9 +93,19 @@ const RovingFocusGroupImpl = React.forwardRef<
       loop={loop}
       currentTabStopId={currentTabStopId}
       onItemFocus={React.useCallback(
-        (tabStopId) => setCurrentTabStopId(tabStopId),
-        [setCurrentTabStopId]
+        (tabStopId, event) => {
+          if (tabStopId === currentTabStopId) return
+          const details =
+            pendingFocusDetailsRef.current ??
+            createChangeEventDetails('trigger-focus', event, event.currentTarget)
+          pendingFocusDetailsRef.current = null
+          setCurrentTabStopId(tabStopId, details)
+        },
+        [currentTabStopId, setCurrentTabStopId]
       )}
+      setPendingFocusDetails={React.useCallback((details) => {
+        pendingFocusDetailsRef.current = details
+      }, [])}
       onItemShiftTab={React.useCallback(() => setIsTabbingBackOut(true), [])}
       onFocusableItemAdd={React.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount + 1),
@@ -76,7 +117,7 @@ const RovingFocusGroupImpl = React.forwardRef<
       )}
     >
       <Comp
-        tabIndex={isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0}
+        tabIndex={isTabbingBackOut || (hasMounted && focusableItemsCount === 0) ? -1 : 0}
         data-orientation={orientation}
         {...groupProps}
         ref={composedRefs}
@@ -96,12 +137,14 @@ const RovingFocusGroupImpl = React.forwardRef<
             isKeyboardFocus &&
             !isTabbingBackOut
           ) {
-            // create a cancelable event that onEntryFocus can call preventDefault on
-            const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS)
-            // call onEntryFocus directly (dispatching to DOM had issues with asChild/Slot)
-            handleEntryFocus(entryFocusEvent)
-
-            if (!entryFocusEvent.defaultPrevented) {
+            const details = createChangeEventDetails(
+              'trigger-focus',
+              event,
+              event.currentTarget
+            )
+            handleEntryFocus(details)
+
+            if (!details.isCanceled) {
               const items = getItems().filter((item) => item.focusable)
               const activeItem = items.find((item) => item.active)
               const currentItem = items.find((item) => item.id === currentTabStopId)
@@ -130,30 +173,32 @@ const RovingFocusGroupImpl = React.forwardRef<
 
 const ITEM_NAME = 'RovingFocusGroupItem'
 
-type RovingFocusItemElement = React.ElementRef<typeof View>
+type RovingFocusItemElement = GetRef<typeof View>
 type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof View>
 interface RovingFocusItemProps extends PrimitiveSpanProps {
   tabStopId?: string
-  focusable?: boolean
   active?: boolean
 }
 
-const RovingFocusGroupItem = React.forwardRef<
+const RovingFocusGroupItem = createRefComponent<
   RovingFocusItemElement,
   ScopedProps<RovingFocusItemProps>
 >((props: ScopedProps<RovingFocusItemProps>, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
-    focusable = true,
     active = false,
     tabStopId,
+    tabIndex: tabIndexProp,
     ...itemProps
   } = props
+  // authored tabindex controls eligibility; the group selects the single tab stop.
+  const focusable = Number(tabIndexProp ?? 0) >= 0
   const autoId = React.useId()
   const id = tabStopId || autoId
   const context = useRovingFocusContext(__scopeRovingFocusGroup)
   const isCurrentTabStop = context.currentTabStopId === id
   const getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT)
+  const skipNextFocusRequestRef = React.useRef(false)
 
   const { onFocusableItemAdd, onFocusableItemRemove } = context
 
@@ -172,7 +217,7 @@ const RovingFocusGroupItem = React.forwardRef<
       active={active}
     >
       <View
-        tabIndex={focusable ? 0 : -1}
+        tabIndex={focusable && isCurrentTabStop ? 0 : -1}
         data-orientation={context.orientation}
         {...itemProps}
         ref={forwardedRef}
@@ -181,9 +226,21 @@ const RovingFocusGroupItem = React.forwardRef<
           // Even though the item has tabIndex={-1}, that only means take it out of the tab order.
           if (!focusable) event.preventDefault()
           // Safari doesn't focus a button when clicked so we run our logic on mousedown also
-          else context.onItemFocus(id)
+          else {
+            skipNextFocusRequestRef.current = true
+            queueMicrotask(() => {
+              skipNextFocusRequestRef.current = false
+            })
+            context.onItemFocus(id, event)
+          }
+        })}
+        onFocus={composeEventHandlers(props.onFocus, (event) => {
+          if (skipNextFocusRequestRef.current) {
+            skipNextFocusRequestRef.current = false
+            return
+          }
+          context.onItemFocus(id, event)
         })}
-        onFocus={composeEventHandlers(props.onFocus, () => context.onItemFocus(id))}
         {...(isWeb && {
           onKeyDown: composeEventHandlers(
             (props as React.ComponentProps<'span'>).onKeyDown,
@@ -215,7 +272,16 @@ const RovingFocusGroupItem = React.forwardRef<
                  * Imperative focus during keydown is risky so we prevent React's batching updates
                  * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
                  */
-                setTimeout(() => focusFirst(candidateNodes, { focusVisible: true }))
+                const details = createChangeEventDetails(
+                  'keyboard',
+                  event,
+                  event.currentTarget
+                )
+                setTimeout(() => {
+                  context.setPendingFocusDetails(details)
+                  focusFirst(candidateNodes, { focusVisible: true })
+                  context.setPendingFocusDetails(null)
+                })
               }
             }
           ),
@@ -264,7 +330,8 @@ interface RovingFocusGroupOptions {
 
 type RovingContextValue = RovingFocusGroupOptions & {
   currentTabStopId: string | null
-  onItemFocus(tabStopId: string): void
+  onItemFocus(tabStopId: string, event: React.MouseEvent | React.FocusEvent): void
+  setPendingFocusDetails(details: RovingFocusChangeDetails | null): void
   onItemShiftTab(): void
   onFocusableItemAdd(): void
   onFocusableItemRemove(): void
@@ -282,7 +349,7 @@ interface RovingFocusGroupProps extends RovingFocusGroupImplProps {}
 const ROVING_FOCUS_GROUP_CONTEXT = 'RovingFocusGroupContext'
 
 const RovingFocusGroup = withStaticProperties(
-  React.forwardRef<RovingFocusGroupElement, ScopedProps<RovingFocusGroupProps>>(
+  createRefComponent<RovingFocusGroupElement, ScopedProps<RovingFocusGroupProps>>(
     (props: ScopedProps<RovingFocusGroupProps>, forwardedRef) => {
       return (
         <Collection.Provider

package/types/RovingFocusGroup.d.ts

@@ -1,21 +1,23 @@
-import { View } from '@tamagui/core';
+import { View, type TamaguiChangeEventDetails } from '@tamagui/core';
 import * as React from 'react';
 type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof View>;
+export type RovingFocusChangeDetails = TamaguiChangeEventDetails<'keyboard' | 'trigger-focus' | 'focus-out', React.KeyboardEvent | React.MouseEvent | React.FocusEvent>;
+export type RovingFocusEntryDetails = TamaguiChangeEventDetails<'trigger-focus', React.FocusEvent>;
 interface RovingFocusGroupImplProps extends Omit<PrimitiveDivProps, 'dir'>, RovingFocusGroupOptions {
     currentTabStopId?: string | null;
     defaultCurrentTabStopId?: string;
-    onCurrentTabStopIdChange?: (tabStopId: string | null) => void;
-    onEntryFocus?: (event: Event) => void;
+    onCurrentTabStopIdChange?: (tabStopId: string | null, details: RovingFocusChangeDetails) => void;
+    onEntryFocus?: (details: RovingFocusEntryDetails) => void;
 }
 type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof View>;
 interface RovingFocusItemProps extends PrimitiveSpanProps {
     tabStopId?: string;
-    focusable?: boolean;
     active?: boolean;
 }
-declare const RovingFocusGroupItem: React.ForwardRefExoticComponent<RovingFocusItemProps & {
+declare const RovingFocusGroupItem: import("@tamagui/compose-refs").RefComponent<import("@tamagui/core").TamaguiElement, ScopedProps<RovingFocusItemProps>>;
+type ScopedProps<P> = P & {
     __scopeRovingFocusGroup?: string;
-} & React.RefAttributes<(HTMLElement & import("@tamagui/core").TamaguiElementMethods) | import("react-native").View>>;
+};
 type Orientation = React.AriaAttributes['aria-orientation'];
 type Direction = 'ltr' | 'rtl';
 interface RovingFocusGroupOptions {
@@ -36,12 +38,13 @@ interface RovingFocusGroupOptions {
 }
 interface RovingFocusGroupProps extends RovingFocusGroupImplProps {
 }
-declare const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & {
+declare const RovingFocusGroup: ((props: RovingFocusGroupProps & {
     __scopeRovingFocusGroup?: string;
-} & React.RefAttributes<(HTMLElement & import("@tamagui/core").TamaguiElementMethods) | import("react-native").View>> & {
-    Item: React.ForwardRefExoticComponent<RovingFocusItemProps & {
-        __scopeRovingFocusGroup?: string;
-    } & React.RefAttributes<(HTMLElement & import("@tamagui/core").TamaguiElementMethods) | import("react-native").View>>;
+} & import("@tamagui/compose-refs").RefProp<import("@tamagui/core").TamaguiElement>) => React.ReactNode) & {
+    displayName?: string;
+    propTypes?: any;
+} & {
+    Item: import("@tamagui/compose-refs").RefComponent<import("@tamagui/core").TamaguiElement, ScopedProps<RovingFocusItemProps>>;
 };
 export { RovingFocusGroup, RovingFocusGroupItem };
 export type { RovingFocusGroupProps, RovingFocusItemProps };

package/types/RovingFocusGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RovingFocusGroup.d.ts","sourceRoot":"","sources":["../src/RovingFocusGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,IAAI,EAAiC,MAAM,eAAe,CAAA;AAIzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAA;AACpE,UAAU,yBACR,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACtC;AA+GD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAA;AACrE,UAAU,oBAAqB,SAAQ,kBAAkB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,oBAAoB;8BAkG4B,MAAM;qHAb1D,CAAA;AAmBF,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAA;AAC3D,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAE9B,UAAU,uBAAuB;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAiBD,UAAU,qBAAsB,SAAQ,yBAAyB;CAAG;AAIpE,QAAA,MAAM,gBAAgB;8BA7CgC,MAAM;;;kCAAN,MAAM;;CAgE3D,CAAA;AAyDD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAA;AAEjD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"RovingFocusGroup.d.ts","sourceRoot":"","sources":["../src/RovingFocusGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,IAAI,EAMJ,KAAK,yBAAyB,EAC/B,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,iBAAiB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAA;AACpE,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAC9D,UAAU,GAAG,eAAe,GAAG,WAAW,EAC1C,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAC7D,eAAe,EACf,KAAK,CAAC,UAAU,CACjB,CAAA;AAED,UAAU,yBACR,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,wBAAwB,CAAC,EAAE,CACzB,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,OAAO,EAAE,wBAAwB,KAC9B,IAAI,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;CAC1D;AAuID,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,IAAI,CAAC,CAAA;AACrE,UAAU,oBAAqB,SAAQ,kBAAkB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,oBAAoB,yHA6GxB,CAAA;AAaF,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,uBAAuB,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAM9D,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAA;AAC3D,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAE9B,UAAU,uBAAuB;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAkBD,UAAU,qBAAsB,SAAQ,yBAAyB;CAAG;AAIpE,QAAA,MAAM,gBAAgB;8BA9CgC,MAAM;;;;;;CAiE3D,CAAA;AAyDD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAA;AAEjD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAA"}

package/types/RovingFocusGroup.native.d.ts

@@ -1,6 +1,12 @@
 import type { RovingFocusGroupProps, RovingFocusItemProps } from './RovingFocusGroup';
-declare const RovingFocusGroupItem: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>;
-declare const RovingFocusGroup: import("react").ForwardRefExoticComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & import("react").RefAttributes<import("@tamagui/core").TamaguiElement>> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig" | "styleable"> & {
+declare const RovingFocusGroupItem: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
+};
+declare const RovingFocusGroup: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/core").TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
     __tama: [import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
 } & ((props: RovingFocusGroupProps & {
     children?: any;

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

@@ -1 +1 @@
-{"version":3,"file":"RovingFocusGroup.native.d.ts","sourceRoot":"","sources":["../src/RovingFocusGroup.native.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAKrF,QAAA,MAAM,oBAAoB,iQAExB,CAAA;AAOF,QAAA,MAAM,gBAAgB;;aAEV,qBAAqB,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,KAAG,GAAG;UAG1B,OAAO,oBAAoB,GAAG;QAC1D,CAAC,KAAK,EAAE,oBAAoB,GAAG;YAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;SAAE,GAAG,GAAG,CAAA;KACxD;CAEJ,CAAA;AAID,QAAA,MAAM,2BAA2B,gBAAmB,CAAA;AAEpD,OAAO,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,CAAA;AACxD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"RovingFocusGroup.native.d.ts","sourceRoot":"","sources":["../src/RovingFocusGroup.native.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAKrF,QAAA,MAAM,oBAAoB;;;;CAExB,CAAA;AAOF,QAAA,MAAM,gBAAgB;;;;aAEV,qBAAqB,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,KAAG,GAAG;UAG1B,OAAO,oBAAoB,GAAG;QAC1D,CAAC,KAAK,EAAE,oBAAoB,GAAG;YAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;SAAE,GAAG,GAAG,CAAA;KACxD;CAEJ,CAAA;AAID,QAAA,MAAM,2BAA2B,gBAAmB,CAAA;AAEpD,OAAO,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,CAAA;AACxD,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs.map

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

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

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